:root{--ink:#100f0e;--paper:#f1e8d8;--cream:#fff8eb;--copper:#c8824b;--line:rgba(255,248,235,.18);--muted:#b9aea1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.6}button,a{font:inherit}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:5;top:0;left:0;width:100%;height:92px;padding:0 clamp(24px,5vw,78px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-size:.9rem;font-weight:600;letter-spacing:.24em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--copper);border-radius:50%;font-family:"Playfair Display",serif;font-style:italic;font-size:1.15rem;color:var(--copper)}nav{display:flex;gap:42px;color:#e1d6c9;font-size:.88rem}nav a{transition:color .2s}nav a:hover{color:var(--copper)}.button{border:1px solid var(--copper);background:var(--copper);color:#160f0b;min-height:52px;padding:13px 24px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s,transform .2s}.button:hover{background:#e09a61;transform:translateY(-2px)}.button-small{min-height:43px;padding:9px 19px;background:transparent;color:var(--cream);font-size:.85rem}.hero{min-height:760px;height:100vh;position:relative;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,9,8,.98) 0%,rgba(10,9,8,.83) 38%,rgba(10,9,8,.24) 72%,rgba(10,9,8,.18)),linear-gradient(0deg,rgba(10,9,8,.74),transparent 35%)}.hero-content{position:relative;z-index:2;width:min(690px,88vw);margin-left:clamp(24px,8vw,132px);padding-top:76px}.eyebrow{margin:0 0 20px;color:var(--copper);font-size:.77rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.hero h1,.section h2,dialog h2{font-family:"Playfair Display",Georgia,serif;font-weight:500;line-height:.98;letter-spacing:-.035em}.hero h1{font-size:clamp(3.6rem,7vw,7.2rem);margin:0 0 32px}.hero h1 em{font-weight:500;color:var(--copper)}.hero-lead{max-width:530px;color:#d5cabd;font-size:1.15rem;line-height:1.75}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:42px}.text-button{background:none;border:0;color:var(--cream);padding:10px 0;cursor:pointer;border-bottom:1px solid #8a7a68}.text-button span{color:var(--copper);margin-left:10px}.hero-note{position:absolute;z-index:2;right:clamp(24px,5vw,78px);bottom:42px;font-size:.9rem}.hero-note span{color:var(--copper);margin-right:15px;text-transform:uppercase;font-size:.72rem;letter-spacing:.16em}.ticker{height:72px;display:flex;align-items:center;justify-content:space-around;gap:24px;overflow:hidden;white-space:nowrap;background:var(--copper);color:#1a100b;text-transform:uppercase;font-size:.72rem;font-weight:600;letter-spacing:.14em}.ticker i{font-style:normal}.section{padding:clamp(90px,11vw,160px) clamp(24px,8vw,132px)}.menu{background:var(--paper);color:var(--ink)}.section-head{display:grid;grid-template-columns:1.1fr .7fr;gap:70px;align-items:end;margin-bottom:70px}.section h2{font-size:clamp(3rem,5.4vw,5.7rem);margin:0}.section-head>p{max-width:430px;color:#655e56;font-size:1.05rem}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9bbab;border-bottom:1px solid #c9bbab}.menu-card{position:relative;min-height:440px;padding:32px;display:flex;flex-direction:column;border-right:1px solid #c9bbab;transition:background .25s}.menu-card:last-child{border:0}.menu-card:hover,.menu-card.featured{background:#e3d3be}.menu-number{font-family:"Playfair Display",serif;color:#8a7c6d;font-style:italic}.cup{position:relative;width:148px;height:100px;border-radius:16px 16px 58px 58px;margin:62px auto 48px;box-shadow:0 18px 25px rgba(40,25,15,.17)}.cup:after{content:"";position:absolute;width:43px;height:50px;border:12px solid currentColor;border-left:0;border-radius:0 30px 30px 0;right:-44px;top:15px}.cup span{position:absolute;left:9px;right:9px;top:7px;height:20px;border-radius:50%;background:#392014}.cup-dark{background:#252321;color:#252321}.cup-milk{background:#b78862;color:#b78862}.cup-filter{background:#6b3928;color:#6b3928}.menu-copy h3{font-family:"Playfair Display",serif;font-size:1.7rem;margin:0 0 8px}.menu-copy p{margin:0;color:#6b6258;font-size:.9rem}.price{position:absolute;right:30px;top:30px;font-weight:600}.menu-link{display:flex;justify-content:space-between;margin-top:34px;padding-bottom:10px;border-bottom:1px solid #a99b8c;font-weight:600}.story{display:grid;grid-template-columns:1fr 1fr;min-height:760px;padding-top:0;padding-bottom:0}.story-visual{position:relative;min-height:690px;background:radial-gradient(circle at 60% 45%,#623d28 0,#261914 42%,#100f0e 70%);overflow:hidden}.bean{position:absolute;width:140px;height:210px;border-radius:50%;background:linear-gradient(135deg,#9e5e33,#422114 72%);transform:rotate(28deg);box-shadow:inset 18px 12px 25px rgba(255,190,120,.13),0 30px 45px #0008}.bean:after{content:"";position:absolute;left:64px;top:10px;width:13px;height:190px;border-radius:50%;background:#21100b;transform:rotate(-8deg)}.bean-one{left:18%;top:18%}.bean-two{right:13%;top:38%;transform:rotate(-35deg) scale(.75)}.bean-three{left:30%;bottom:-50px;transform:rotate(65deg) scale(.58)}.stamp{position:absolute;right:12%;top:13%;width:135px;height:135px;border:1px solid #d39a6855;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#d39a68;transform:rotate(9deg)}.stamp b{font-family:"Playfair Display",serif;font-size:1.3rem}.stamp small{text-align:center;font-size:.57rem;letter-spacing:.18em}.story-copy{padding:clamp(80px,9vw,145px);display:flex;flex-direction:column;justify-content:center}.story-copy .lead{color:#bfb4a7;max-width:540px;font-size:1.08rem;line-height:1.85}.facts{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:62px;padding-top:34px;border-top:1px solid var(--line)}.facts div{display:flex;flex-direction:column}.facts strong{font-family:"Playfair Display",serif;color:var(--copper);font-size:2.4rem;font-weight:500}.facts span{color:#a89d91;font-size:.82rem}.visit{background:var(--copper);color:#160f0b;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.visit .eyebrow{color:#392116}.visit-info{display:grid;grid-template-columns:1fr 1fr;gap:35px}.visit-info span{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}.visit-info p{font-family:"Playfair Display",serif;font-size:1.2rem}.visit .button{grid-column:1/-1;background:#16100c;color:var(--cream);border-color:#16100c}.visit .button:hover{background:#3a2519}footer{min-height:190px;padding:55px clamp(24px,8vw,132px);display:flex;align-items:center;justify-content:space-between;color:#8f857a;font-size:.82rem}dialog{width:min(620px,calc(100vw - 28px));padding:0;border:1px solid #5d4332;background:#171310;color:var(--cream);box-shadow:0 40px 100px #000b}dialog::backdrop{background:#080706d9;backdrop-filter:blur(7px)}dialog>div{padding:60px}dialog h2{font-size:3rem;margin:0 0 35px}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#d9cbbd;font-size:2rem;cursor:pointer}form{display:grid;gap:18px}label{display:grid;gap:7px;color:#bcb0a5;font-size:.8rem}input,select{width:100%;height:50px;border:1px solid #57493f;background:#211b17;color:#fff;padding:0 14px;font:inherit;color-scheme:dark}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form small{text-align:center;color:#8f8378}.booking-success{text-align:center}.success-mark{width:68px;height:68px;margin:0 auto 25px;border:1px solid var(--copper);border-radius:50%;display:grid;place-items:center;color:var(--copper);font-size:2rem}.booking-success p{color:#bcb0a5;margin-bottom:32px}@media(max-width:800px){.site-header{height:76px}.site-header nav{display:none}.button-small{padding:8px 12px}.hero{min-height:720px}.hero-shade{background:linear-gradient(90deg,rgba(10,9,8,.92),rgba(10,9,8,.5)),linear-gradient(0deg,rgba(10,9,8,.85),transparent)}.hero-content{margin-left:24px;padding-top:60px}.hero h1{font-size:clamp(3.1rem,15vw,5rem)}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-note{left:24px;right:auto}.ticker{justify-content:flex-start;padding:0 24px}.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+2){display:none}.section-head,.story,.visit{grid-template-columns:1fr}.section-head{gap:25px;margin-bottom:48px}.menu-grid{grid-template-columns:1fr}.menu-card{min-height:360px;border-right:0;border-bottom:1px solid #c9bbab}.menu-card:last-child{border-bottom:0}.cup{margin:32px auto}.story-visual{min-height:480px}.story-copy{padding:80px 24px}.visit{gap:50px}.visit-info{grid-template-columns:1fr}footer{align-items:flex-start;flex-direction:column;gap:20px}.form-row{grid-template-columns:1fr}dialog>div{padding:48px 24px}dialog h2{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}