:root{
  --ink:#17120e;--espresso:#3b2117;--cream:#eee0c8;--cream-2:#f8f0e4;--sand:#d9c09b;
  --amber:#b96824;--green:#33473e;--line:rgba(23,18,14,.14);--ease:cubic-bezier(.22,.72,.18,1);
  --hero-p:0;--choice-p:0;--coffee-o:1;--matcha-o:0;--dessert-o:0
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cream-2)}body{margin:0;color:var(--ink);background:var(--cream-2);font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.grain{position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}
.site-header{position:fixed;top:0;left:0;right:0;height:76px;padding:0 clamp(22px,4vw,72px);display:flex;align-items:center;justify-content:space-between;z-index:1000;border-bottom:1px solid transparent;transition:.35s var(--ease);mix-blend-mode:multiply}.site-header.scrolled{background:rgba(248,240,228,.82);backdrop-filter:blur(18px);border-color:var(--line);mix-blend-mode:normal}.brand{display:flex;align-items:baseline;gap:13px}.brand b{font-size:27px}.brand span{font:600 9px "Manrope";letter-spacing:.24em}.nav{display:flex;align-items:center;gap:30px;font-size:13px}.nav a{position:relative}.nav a:not(.nav-cta)::after{content:"";position:absolute;right:0;bottom:-6px;width:0;height:1px;background:currentColor;transition:.25s}.nav a:hover::after{width:100%}.nav-cta{border:1px solid currentColor;padding:9px 15px;border-radius:999px}.menu-toggle{display:none;border:0;background:none;width:38px;height:38px;position:relative}.menu-toggle i{position:absolute;width:20px;height:1px;background:var(--ink);left:9px}.menu-toggle i:first-child{top:15px}.menu-toggle i:last-child{top:22px}
.motion-hero{height:440vh;background:radial-gradient(circle at 48% 42%,#f7ecd9 0,#ecddc5 43%,#dac09d 100%);position:relative}.motion-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;perspective:1300px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,24,17,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,24,17,.04) 1px,transparent 1px);background-size:9vw 9vw;mask-image:linear-gradient(to bottom,transparent 2%,#000 22%,#000 80%,transparent 100%);z-index:-1}.ambient{position:absolute;border-radius:999px;filter:blur(1px);opacity:.4;z-index:-2}.ambient-a{width:42vw;height:42vw;background:rgba(255,252,242,.68);left:-12vw;top:-14vw}.ambient-b{width:34vw;height:34vw;background:rgba(179,105,42,.12);right:-6vw;bottom:-10vw}.motion-layer{position:absolute;will-change:transform,opacity,filter;pointer-events:none}.motion-layer img{width:100%;height:auto;filter:drop-shadow(0 34px 46px rgba(58,34,20,.18))}.layer-stream{width:min(78vw,1050px);right:-14vw;top:-12vh;z-index:1;transform:translate3d(calc((var(--hero-p) - .5)*-8vw),calc((var(--hero-p) - .5)*24vh),-130px) rotate(calc(-18deg + var(--hero-p)*20deg)) scale(calc(.84 + var(--hero-p)*.20));opacity:calc(.25 + var(--hero-p)*.68);filter:blur(calc((1 - var(--hero-p))*1.5px))}.layer-cup{width:min(58vw,810px);left:50%;top:51%;z-index:4;transform:translate3d(calc(-50% + (var(--hero-p) - .5)*7vw),calc(-50% + (var(--hero-p) - .5)*-7vh),120px) rotate(calc((var(--hero-p) - .5)*5deg)) scale(calc(.72 + var(--hero-p)*.22));transform-origin:50% 62%}.layer-cup::after{content:"";position:absolute;left:22%;right:18%;bottom:5%;height:12%;background:rgba(67,40,24,.24);filter:blur(24px);border-radius:50%;z-index:-1;transform:scaleX(calc(.8 + var(--hero-p)*.2))}.motion-copy{position:absolute;z-index:10;top:50%;right:7vw;width:min(38vw,570px);transform:translate3d(0,calc(-50% + 44px),220px);opacity:0;transition:opacity .28s linear,transform .55s var(--ease);pointer-events:none}.motion-copy.is-active{opacity:1;transform:translate3d(0,-50%,220px);pointer-events:auto}.motion-copy--2,.motion-copy--4{right:auto;left:7vw;text-align:left}.kicker,.section-index{display:block;font:600 10px "Manrope";letter-spacing:.24em;margin-bottom:18px}.motion-copy h1,.motion-copy h2{margin:0;font-size:clamp(64px,7.7vw,126px);font-weight:500;letter-spacing:-.055em;line-height:.84}.motion-copy em{font-style:normal;color:var(--espresso)}.motion-copy p{max-width:420px;font-size:15px;line-height:1.9;margin:24px 0 0}.motion-copy--2 p,.motion-copy--4 p{margin-right:auto}.inline-link{display:inline-flex;gap:16px;align-items:center;margin-top:28px;border-bottom:1px solid;padding-bottom:5px}.depth-label{position:absolute;font:600 9px "Manrope";letter-spacing:.16em;opacity:.32;z-index:8}.depth-label--back{top:18%;left:3vw;transform:translateY(calc(var(--hero-p)*60px))}.depth-label--front{bottom:14%;right:3vw;transform:translateY(calc(var(--hero-p)*-45px))}.scroll-meter{position:absolute;right:24px;top:31%;height:40%;width:1px;background:rgba(23,18,14,.17);z-index:12}.scroll-meter span{display:block;width:100%;height:100%;background:var(--ink);transform-origin:top;transform:scaleY(var(--hero-p))}.scroll-hint{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;font:600 8px "Manrope";letter-spacing:.26em;z-index:10}.scroll-hint i{width:42px;height:1px;background:currentColor}
.story{min-height:110vh;padding:14vh clamp(24px,7vw,110px);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center;background:var(--cream-2)}.story-copy h2,.choice-copy h2,.place-heading h2{font-size:clamp(66px,8vw,130px);line-height:.9;letter-spacing:-.055em;font-weight:500;margin:0 0 30px}.story-copy h2 em,.choice-copy h2 em,.place-heading h2 em{font-style:normal;color:var(--espresso)}.story-copy p{font-size:18px;line-height:2;max-width:560px}.story-photo{margin:0;position:relative;overflow:hidden;border-radius:2px;box-shadow:0 35px 80px rgba(48,30,19,.14);transform:rotate(-1.2deg)}.story-photo img{width:100%;height:min(77vh,850px);object-fit:cover}.story-photo figcaption{position:absolute;bottom:16px;left:18px;color:white;font:600 9px "Manrope";letter-spacing:.22em;background:rgba(18,12,8,.38);backdrop-filter:blur(8px);padding:8px 11px;border-radius:99px}.kinetic-band{overflow:hidden;background:var(--ink);color:#f6ead8;padding:17px 0}.marquee{width:max-content;display:flex;animation:marquee 24s linear infinite}.marquee span{font:500 clamp(34px,5vw,76px) "Manrope";letter-spacing:-.04em;white-space:nowrap;padding-left:28px}@keyframes marquee{to{transform:translateX(50%)}}
.choice-scene{height:420vh;background:#19130f;color:#f4e6d2;position:relative}.choice-sticky{position:sticky;top:0;height:100svh;overflow:hidden;perspective:1300px}.choice-orbit{position:absolute;width:min(70vw,960px);aspect-ratio:1;border:1px solid rgba(246,232,210,.14);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(calc(var(--choice-p)*55deg));box-shadow:0 0 0 11vw rgba(255,255,255,.015),0 0 0 22vw rgba(255,255,255,.012)}.choice-product{position:absolute;left:50%;top:50%;width:min(46vw,650px);margin:0;will-change:transform,opacity;transition:opacity .1s}.choice-product img{width:100%;filter:drop-shadow(0 32px 45px rgba(0,0,0,.36))}.choice-product>div{position:absolute;bottom:9%;right:8%;text-shadow:0 2px 12px rgba(0,0,0,.45)}.choice-product span{font:600 9px "Manrope";letter-spacing:.2em}.choice-product h3{font-size:clamp(30px,3.6vw,58px);margin:4px 0 0;line-height:1}.product-coffee{transform:translate(-50%,-50%) translate3d(calc((var(--choice-p) - .12)*-28vw),calc((var(--choice-p) - .12)*-6vh),130px) rotate(calc(-8deg + var(--choice-p)*16deg)) scale(.84);opacity:var(--coffee-o)}.product-matcha{transform:translate(-50%,-50%) translate3d(calc((var(--choice-p) - .50)*20vw),calc((var(--choice-p) - .5)*-10vh),80px) rotate(calc(6deg - var(--choice-p)*12deg)) scale(.84);opacity:var(--matcha-o)}.product-dessert{transform:translate(-50%,-50%) translate3d(calc((var(--choice-p) - .84)*-24vw),calc((var(--choice-p) - .84)*7vh),160px) rotate(calc(-5deg + var(--choice-p)*9deg)) scale(.85);opacity:var(--dessert-o)}.choice-copy{position:absolute;right:6vw;top:50%;transform:translateY(-50%);z-index:12;width:min(34vw,520px);pointer-events:none}.choice-copy h2{font-size:clamp(56px,6.5vw,104px);color:#f5e8d4}.choice-copy h2 em{color:#d88a45}.choice-copy p{line-height:1.9;color:rgba(246,232,210,.68);max-width:420px}
.editorial{min-height:100vh;padding:13vh clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr .9fr;gap:9vw;align-items:center}.poster img{width:100%;box-shadow:0 35px 70px rgba(50,31,18,.13)}.quote{font-size:clamp(56px,7vw,112px);line-height:.92;letter-spacing:-.055em;margin:0 0 30px}.editorial-copy>p:last-child{font-size:17px;line-height:2;max-width:500px}.place{padding:14vh clamp(20px,5vw,80px);background:#e8d8c1}.place-heading{display:grid;grid-template-columns:1fr 2fr;gap:5vw;align-items:end;margin-bottom:8vh}.place-heading h2{font-size:clamp(62px,7vw,112px);margin:0}.place-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:45vh 45vh;gap:18px}.place-grid figure{margin:0;overflow:hidden}.place-grid img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease)}.place-grid figure:hover img{transform:scale(1.035)}.place-a{grid-row:1/3}.seasonal{min-height:92vh;padding:10vh clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;background:#f5ead9}.seasonal-media img{width:100%;height:72vh;object-fit:cover}.seasonal-copy span{font:600 10px "Manrope";letter-spacing:.22em}.seasonal-copy h2{font-size:clamp(58px,7vw,108px);line-height:.91;font-weight:500;letter-spacing:-.05em;margin:20px 0}.seasonal-copy p{font-size:18px}.story-strip{height:78vh;position:relative;overflow:hidden;background:#111}.story-strip img{width:100%;height:100%;object-fit:cover}.strip-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px;color:white;font:600 clamp(19px,3vw,46px) "Manrope";letter-spacing:.14em;background:linear-gradient(to bottom,rgba(0,0,0,.08),rgba(0,0,0,.22))}.strip-overlay i{width:12vw;height:1px;background:currentColor}.visit{min-height:82vh;padding:12vh clamp(24px,7vw,110px);background:var(--ink);color:#f5e8d4;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.visit-copy{position:relative;z-index:2}.visit h2{font-size:clamp(80px,11vw,178px);line-height:.8;letter-spacing:-.065em;margin:0}.visit h2 em{font-style:normal;color:#d78943}.visit p{font-size:17px;max-width:440px;line-height:1.8}.visit-actions{display:flex;gap:12px;margin-top:26px}.visit-actions a{padding:12px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px}.visit-actions .primary{background:#f4e6d2;color:#18120e;border-color:#f4e6d2}.visit-mark{position:absolute;left:-2vw;bottom:-11vh;font-size:31vw;font-weight:600;opacity:.035;line-height:.7;white-space:nowrap}footer{min-height:34vh;padding:55px clamp(24px,7vw,110px);display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:end;background:#0f0c0a;color:#f5e8d4;border-top:1px solid rgba(255,255,255,.08)}footer div{display:flex;flex-direction:column}footer b{font-size:clamp(58px,9vw,130px);line-height:.8}footer span{font:600 9px "Manrope";letter-spacing:.24em;margin-top:18px;opacity:.45}footer p{font-size:12px;opacity:.45}footer>a{font-size:13px;border-bottom:1px solid;padding-bottom:4px}
.reveal{opacity:0;transform:translateY(45px) scale(.987);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@supports not (opacity:clamp(0,1,1)){.product-coffee,.product-matcha,.product-dessert{opacity:1}}
@media(max-width:920px){.site-header{height:66px;padding-inline:20px;mix-blend-mode:normal}.brand span{display:none}.nav{position:fixed;inset:0;background:rgba(248,240,228,.97);backdrop-filter:blur(16px);display:flex;flex-direction:column;justify-content:center;font-size:22px;opacity:0;pointer-events:none;transition:.3s}.nav.open{opacity:1;pointer-events:auto}.menu-toggle{display:block;z-index:1002}.motion-hero{height:350vh}.motion-copy,.motion-copy--2,.motion-copy--4{right:20px;left:20px;top:auto;bottom:8svh;width:auto;text-align:right;transform:translate3d(0,36px,220px)}.motion-copy.is-active{transform:translate3d(0,0,220px)}.motion-copy h1,.motion-copy h2{font-size:clamp(52px,14vw,82px)}.motion-copy p{font-size:13px;max-width:72vw;margin-top:15px}.layer-cup{width:min(90vw,650px);top:40%;left:50%;transform:translate3d(calc(-50% + (var(--hero-p) - .5)*4vw),calc(-50% + (var(--hero-p) - .5)*-4vh),120px) rotate(calc((var(--hero-p) - .5)*3deg)) scale(calc(.61 + var(--hero-p)*.13))}.layer-stream{width:118vw;right:-42vw;top:-4vh;opacity:calc(.15 + var(--hero-p)*.55);transform:translate3d(calc((var(--hero-p) - .5)*-4vw),calc((var(--hero-p) - .5)*18vh),-130px) rotate(calc(-18deg + var(--hero-p)*15deg)) scale(calc(.73 + var(--hero-p)*.12))}.hero-grid{background-size:20vw 20vw}.depth-label{display:none}.scroll-meter{right:10px;top:24%;height:34%}.scroll-hint{bottom:12px}.story,.editorial,.seasonal{grid-template-columns:1fr;gap:55px;min-height:auto;padding:11vh 20px}.story-copy h2,.place-heading h2{font-size:15vw}.story-photo img{height:66vh}.choice-scene{height:350vh}.choice-copy{right:20px;left:20px;top:9svh;transform:none;width:auto}.choice-copy h2{font-size:13vw}.choice-copy p{font-size:13px;max-width:78vw}.choice-orbit{width:125vw}.choice-product{width:min(92vw,600px);top:57%}.product-coffee{transform:translate(-50%,-50%) translate3d(calc((var(--choice-p) - .12)*-24vw),calc((var(--choice-p) - .12)*-4vh),130px) rotate(calc(-6deg + var(--choice-p)*11deg)) scale(.72)}.product-matcha{transform:translate(-50%,-50%) translate3d(calc((var(--choice-p) - .50)*16vw),calc((var(--choice-p) - .5)*-6vh),80px) rotate(calc(5deg - var(--choice-p)*9deg)) scale(.72)}.product-dessert{transform:translate(-50%,-50%) translate3d(calc((var(--choice-p) - .84)*-18vw),calc((var(--choice-p) - .84)*6vh),160px) rotate(calc(-4deg + var(--choice-p)*7deg)) scale(.74)}.choice-product>div{bottom:4%;right:7%}.place{padding:11vh 16px}.place-heading{grid-template-columns:1fr;margin-bottom:5vh}.place-grid{grid-template-columns:1fr;grid-template-rows:auto}.place-a{grid-row:auto}.place-grid figure{height:65vh}.seasonal-media img{height:62vh}.story-strip{height:58vh}.visit{min-height:78vh;padding:11vh 20px}.visit h2{font-size:20vw}.visit-actions{flex-wrap:wrap}footer{grid-template-columns:1fr;min-height:52vh;padding:55px 20px}.visit-mark{font-size:50vw}}
@media(max-width:520px){.motion-copy p{max-width:88vw}.layer-cup{width:96vw;top:38%;transform:translate3d(calc(-50% + (var(--hero-p) - .5)*3vw),calc(-50% + (var(--hero-p) - .5)*-3vh),120px) rotate(calc((var(--hero-p) - .5)*2deg)) scale(calc(.55 + var(--hero-p)*.11))}.layer-stream{width:128vw;right:-52vw}.choice-product{width:100vw}.place-grid figure{height:56vh}.editorial{padding-inline:18px}.quote{font-size:15vw}.seasonal{padding-inline:18px}.visit-actions a{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee{animation:none}.reveal{opacity:1;transform:none;transition:none}.motion-layer,.choice-product{transition:none}}