:root{color:#fff;font-synthesis:none;background:#0b0806;font-family:Helvetica Regular,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{width:100%;min-height:100%;margin:0}body{background:#0a0807;min-width:320px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.journey{background:#000;height:500vh;position:relative}.stage{--progress:0;--video-scale:1.04;--shade:.16;color:#fff;background:#120d0a;width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.media{position:absolute;inset:0;overflow:hidden}.scroll-canvas{width:104%;height:104%;transform:scale(var(--video-scale));transform-origin:50%;will-change:transform;position:absolute;inset:-2%}.sequence-loader{z-index:20;color:#ffffffad;text-transform:uppercase;letter-spacing:.2em;background:#100b08;flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:10px;transition:opacity .55s,visibility .55s;display:flex;position:absolute;inset:0}.sequence-loader.is-ready{opacity:0;visibility:hidden}.sequence-loader i{background:#ffffff2e;width:140px;height:1px;display:block}.sequence-loader b{background:#fff;height:100%;transition:width .18s linear;display:block}.cinema-grade{mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(90deg,#0a07058a 0%,#0a07051f 43%,#0a070514 75%,#0a070547 100%),linear-gradient(#0000 62%,#2e14076b),linear-gradient(#0006,#0000 22%);position:absolute;inset:0}.scene-shade{background:rgba(9,6,4,var(--shade));pointer-events:none;transition:background .2s linear;position:absolute;inset:0}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(10px);background:#ffffff17;border:0;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff29}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff6b,#ffffff0d 48%,#ffffff40);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}header{z-index:30;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:absolute;top:0;left:0;right:0}.brand{flex-direction:column;line-height:1;display:flex}.brand span{letter-spacing:-.025em;font-size:17px}.brand small{text-transform:uppercase;letter-spacing:.27em;color:#fff5e6ad;margin-top:7px;font-size:9px}.desktop-nav{gap:36px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.desktop-nav a{color:#ffffffc2;font-size:13px;transition:color .2s}.desktop-nav a:hover{color:#fff}.header-actions{align-items:center;gap:10px;display:flex}.mobile-menu{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:none}.mobile-nav{display:none}.pill{border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 22px;font-size:13px;transition:transform .25s,background .25s;display:inline-flex}.pill:hover{transform:scale(1.04)}.pill-light{color:#16100c;background:#f7f2ea}.pill-dark{color:#fff;background:#17100c}.scene-stack{z-index:10;pointer-events:none;position:absolute;inset:0}.scene{opacity:0;filter:blur(9px);will-change:opacity,transform,filter;max-width:720px;transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1),filter .65s;position:absolute;transform:translateY(42px)scale(.97)}.scene.active{opacity:1;filter:blur();pointer-events:auto;transform:translate(0,0)scale(1)}.scene-intro{transform-origin:0;top:50%;left:48px}.scene-intro.active{transform:translateY(-46%)}.scene-center{text-align:center;width:min(90vw,850px);max-width:none;top:50%;left:50%;transform:translate(-50%,35px)scale(.97)}.scene-center.active{transform:translate(-50%,-50%)scale(1)}.scene-right{text-align:right;transform-origin:100%;top:50%;right:6vw}.scene-right.active{transform:translateY(-50%)}.scene-final{text-align:center;width:min(90vw,900px);max-width:none;top:50%;left:50%;transform:translate(-50%,35px)scale(.97)}.scene-final.active{transform:translate(-50%,-50%)scale(1)}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:#ffffffad;margin-bottom:20px;font-size:11px;line-height:1}h1,h2{letter-spacing:-.075em;margin:0;font-weight:400;line-height:.83}h1{font-size:clamp(76px,10.5vw,168px)}.scene h2{font-size:clamp(68px,9.2vw,148px)}.scene p{color:#ffffffc7;max-width:410px;margin:28px 0 0;font-size:17px;line-height:1.55}.scene-center p,.scene-final p{margin-left:auto;margin-right:auto}.scene-right p{margin-left:auto}.cta-row{justify-content:center;gap:12px;margin-top:32px;display:flex}.scroll-cue{z-index:20;text-transform:uppercase;letter-spacing:.15em;color:#ffffffa6;align-items:center;gap:10px;font-size:11px;transition:opacity .5s;display:flex;position:absolute;bottom:27px;left:48px}.scroll-cue svg{animation:1.8s ease-in-out infinite nudge}.scroll-cue.is-hidden{opacity:0}.progress-track{z-index:20;background:#ffffff38;width:120px;height:1px;position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.progress-track span{width:calc(var(--progress) * 100%);background:#fff;height:100%;display:block}.frame-count{z-index:20;color:#ffffff8a;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:25px;right:48px}.frame-count span{color:#fff}.frame-count i{background:#ffffff59;width:26px;height:1px;display:block}.after-hero{color:#1b130e;text-align:center;background:#ede5da;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:80px 24px;display:flex}.after-hero>span{text-transform:uppercase;letter-spacing:.2em;color:#7b6759;font-size:11px}.after-hero h2{max-width:900px;margin:24px 0 38px;font-size:clamp(66px,10vw,148px)}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@media (width<=767px){header{padding:20px 21px}.desktop-nav,.order-button{display:none}.mobile-menu{display:flex}.mobile-nav{border-radius:18px;flex-direction:column;gap:2px;padding:12px;display:flex;position:absolute;top:72px;left:18px;right:18px}.mobile-nav a{padding:11px 12px;font-size:14px}.scene-intro{left:21px;right:21px}.scene-intro.active{transform:translateY(-43%)}.scene-right{text-align:left;left:21px;right:21px}.scene-right p{margin-left:0}.scene h1,.scene h2{font-size:clamp(64px,19vw,94px)}.scene p{max-width:340px;font-size:15px}.scroll-cue{bottom:23px;left:21px}.scroll-cue span{display:none}.progress-track{width:80px;bottom:28px}.frame-count{bottom:22px;right:21px}.cta-row{flex-direction:column;align-items:center}.cta-row .pill{width:220px}.cinema-grade{background:linear-gradient(90deg,#08050373,#08050314),linear-gradient(#0000 55%,#3014076b),linear-gradient(#00000070,#0000 25%)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{filter:none;transition:none}.scroll-cue svg{animation:none}.pill{transition:none}}.scroll-canvas{--sequence-scale:1.04;transform:scale(var(--sequence-scale))}.brand{justify-content:center;align-items:center;width:158px;height:54px;display:flex}.brand-horizontal{object-fit:contain;width:100%;height:100%;display:block}.brand-cup{object-fit:contain;width:100%;height:100%;display:none}@media (width<=767px){.brand{width:104px;height:58px}.brand-horizontal{display:block}.brand-cup{display:none}}.kicker{text-transform:uppercase;letter-spacing:.22em;color:#8a6d58;margin-bottom:22px;font-size:10px;display:block}.section-heading{grid-template-columns:1.25fr .65fr;align-items:end;gap:80px;max-width:1440px;margin:0 auto 72px;display:grid}.section-heading h2{color:#1b120d;font-size:clamp(64px,8.5vw,132px)}.section-heading>p{color:#76675c;max-width:420px;margin:0 0 10px;font-size:17px;line-height:1.65}.menu-section{color:#1b120d;background:#eee6db;padding:150px 48px 120px}.drink-grid{grid-template-columns:repeat(4,1fr);gap:12px;max-width:1440px;margin:auto;display:grid}.drink-card{border-radius:26px;flex-direction:column;justify-content:space-between;min-height:590px;padding:22px;display:flex;position:relative;overflow:hidden}.drink-brown{background:#c89774}.drink-taro{background:#c7b1d3}.drink-mango{background:#efb94f}.drink-matcha{background:#9eab73}.drink-number{letter-spacing:.14em;color:#180f0a99;font-size:11px}.drink-card>a{border:1px solid #180f0a4d;border-radius:50%;place-items:center;width:43px;height:43px;transition:transform .25s,background .25s;display:grid;position:absolute;bottom:20px;right:20px}.drink-card>a:hover{background:#ffffff47;transform:rotate(-35deg)}.drink-copy{z-index:2;padding-right:50px;position:relative}.drink-copy>span{text-transform:uppercase;letter-spacing:.16em;color:#190f0a94;font-size:10px}.drink-copy h3{letter-spacing:-.055em;max-width:250px;margin:10px 0;font-size:clamp(29px,2.45vw,41px);font-weight:400;line-height:.95}.drink-copy p{color:#190f0a9e;margin:0;font-size:12px;line-height:1.45}.cup-art{filter:drop-shadow(0 22px 18px #391a0b26);width:45%;height:49%;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(2deg)}.cup-lid{background:#ffffffa6;border:2px solid #190f0abf;border-radius:50%;width:114%;height:12%;position:absolute;top:11%;left:-7%}.straw{z-index:2;background:#ffffff94;border:2px solid #190f0abf;border-radius:8px 8px 0 0;width:11%;height:31%;position:absolute;top:-12%;left:57%;transform:rotate(7deg)}.cup-fill{background:linear-gradient(#ffffff7a 0 12%,#502312a3 13%);border:2px solid #190f0abf;border-radius:10% 10% 35% 35%/4% 4% 10% 10%;position:absolute;inset:15% 0 0;overflow:hidden}.drink-taro .cup-fill{background:linear-gradient(#ffffff80 0 12%,#78528e9e 13%)}.drink-mango .cup-fill{background:linear-gradient(#ffffff80 0 12%,#e5801cb3 13%)}.drink-matcha .cup-fill{background:linear-gradient(#ffffff80 0 12%,#4e6631ad 13%)}.cup-fill b{background:#21120c;border-radius:50%;width:12px;height:12px;position:absolute;bottom:8%}.cup-fill b:first-child{bottom:13%;left:17%}.cup-fill b:nth-child(2){bottom:7%;left:36%}.cup-fill b:nth-child(3){bottom:16%;left:53%}.cup-fill b:nth-child(4){bottom:7%;left:68%}.cup-fill b:nth-child(5){bottom:18%;left:78%}.section-action{text-align:right;max-width:1440px;margin:42px auto 0}.text-link{border-bottom:1px solid;align-items:center;gap:9px;padding-bottom:6px;font-size:13px;display:inline-flex}.text-link svg{transition:transform .25s}.text-link:hover svg{transform:translate(4px)}.experience-section{background:#1b120d;grid-template-columns:1.08fr .92fr;min-height:100svh;display:grid}.experience-image{min-height:780px;position:relative;overflow:hidden}.experience-image:after{content:"";background:linear-gradient(#0000 45%,#25120873);position:absolute;inset:0}.experience-image img{object-fit:cover;width:100%;height:100%;transform:scale(1.025)}.experience-image>span{z-index:2;letter-spacing:.04em;font-size:13px;line-height:1.5;position:absolute;bottom:38px;left:42px}.experience-copy{color:#f5eee5;flex-direction:column;justify-content:center;padding:90px clamp(40px,7vw,120px);display:flex}.experience-copy .kicker{color:#b99a83}.experience-copy h2{font-size:clamp(60px,6.5vw,108px)}.experience-copy p{color:#ffffffa6;max-width:500px;margin:35px 0;font-size:17px;line-height:1.7}.light-link{color:#fff;align-self:flex-start}.locations-section{color:#1b120d;background:#d6c0ad;padding:150px 48px}.locations-heading{margin-bottom:64px}.location-grid{grid-template-columns:1fr 1fr;gap:14px;max-width:1440px;margin:auto;display:grid}.store-card{color:#fff;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:580px;padding:32px;display:flex;position:relative;overflow:hidden}.store-card:before{content:"";background-position:50%;background-size:cover;transition:transform .7s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.store-card:hover:before{transform:scale(1.035)}.store-card:after{content:"";background:linear-gradient(#140b060d 30%,#140b06db),linear-gradient(#0000005c,#0000 30%);position:absolute;inset:0}.store-tema:before{background-image:url(/frames-optical/frame_190.webp)}.store-card>*{z-index:2;position:relative}.store-top{justify-content:space-between;font-size:11px;display:flex}.store-status{text-transform:uppercase;letter-spacing:.18em;color:#ffffffa8;font-size:10px}.store-card h3{letter-spacing:-.06em;margin:12px 0 5px;font-size:clamp(48px,5vw,76px);font-weight:400;line-height:1}.store-card p{color:#ffffffa3;margin:0}.store-card .pill{align-self:flex-start}.coming-strip{border:1px solid #1e110a33;border-radius:18px;grid-template-columns:.8fr 1fr auto;align-items:center;gap:30px;max-width:1440px;margin:14px auto 0;padding:25px 28px;display:grid}.coming-strip span,.coming-strip i{text-transform:uppercase;letter-spacing:.16em;font-size:10px}.coming-strip strong{font-size:20px;font-weight:400}.coming-strip i{text-align:right;color:#765844;font-style:normal}.story-section{color:#1b120d;background:#f4efe8;grid-template-columns:.8fr 1.3fr .65fr;align-items:center;gap:80px;min-height:100svh;padding:130px 6vw;display:grid}.story-mark img{border-radius:50%;width:100%;max-width:430px;display:block}.story-copy h2{font-size:clamp(64px,7.5vw,120px)}.story-copy p{color:#74645a;max-width:560px;margin:34px 0 0;font-size:18px;line-height:1.7}.story-note{border-top:1px solid #baa99b;align-self:end;padding-bottom:28px}.story-note span{text-transform:uppercase;letter-spacing:.18em;color:#8a6d58;margin:18px 0 40px;font-size:10px;display:block}.story-note p{letter-spacing:-.03em;margin:0;font-size:25px;line-height:1.35}.rewards-section{color:#fff;background:#8f4f2d;grid-template-columns:1fr 1fr;align-items:center;gap:90px;min-height:92svh;padding:120px 8vw;display:grid}.reward-orbit{aspect-ratio:1;border:1px solid #ffffff47;border-radius:50%;place-items:center;max-width:580px;display:grid;position:relative}.reward-orbit:before,.reward-orbit:after{content:"";border:1px solid #ffffff1f;border-radius:50%;position:absolute}.reward-orbit:before{inset:12%}.reward-orbit:after{inset:27%}.reward-orbit span{z-index:2;letter-spacing:-.08em;font-size:clamp(80px,11vw,180px);position:relative}.reward-orbit b{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:400;position:absolute;bottom:14%}.reward-orbit i{background:#f5eade;border-radius:50%;width:14px;height:14px;position:absolute;top:25%;right:5%;box-shadow:-360px 250px 0 4px #f5eade8c}.rewards-copy .kicker{color:#e2bba3}.rewards-copy h2{font-size:clamp(62px,7vw,112px)}.rewards-copy p{color:#ffffffb3;max-width:510px;margin:32px 0;font-size:17px;line-height:1.7}.order-section{color:#fff;text-align:center;background:#15100d;flex-direction:column;justify-content:center;align-items:center;min-height:88svh;padding:100px 24px;display:flex}.order-section>span{text-transform:uppercase;letter-spacing:.22em;color:#b99a83;font-size:10px}.order-section h2{margin:28px 0 42px;font-size:clamp(74px,10vw,158px)}.order-section>div{gap:12px;display:flex}.order-outline{color:#fff;border:1px solid #ffffff59}footer{color:#fff;background:#15100d;border-top:1px solid #ffffff1f;grid-template-columns:1fr auto;gap:90px;padding:65px 48px 35px;display:grid}.footer-brand{width:160px;height:64px;display:block}.footer-brand img{object-fit:contain;width:100%;height:100%}.footer-links{align-items:center;gap:32px;display:flex}.footer-links a{color:#ffffffad;font-size:12px}.footer-meta{text-transform:uppercase;letter-spacing:.13em;color:#fff6;border-top:1px solid #ffffff1a;grid-column:1/-1;justify-content:space-between;padding-top:30px;font-size:10px;display:flex}@media (width<=1000px){.drink-grid{grid-template-columns:1fr 1fr}.drink-card{min-height:560px}.experience-section{grid-template-columns:1fr}.experience-image{min-height:70svh}.experience-copy{min-height:75svh}.story-section{grid-template-columns:1fr 1.2fr}.story-note{display:none}.rewards-section{gap:45px}.reward-orbit{max-width:440px}}@media (width<=767px){.menu-section,.locations-section{padding:100px 20px}.section-heading{grid-template-columns:1fr;gap:26px;margin-bottom:48px}.section-heading h2{font-size:64px}.section-heading>p{font-size:15px}.drink-grid{scroll-snap-type:x mandatory;scrollbar-width:none;gap:10px;margin:0 -20px;padding:0 20px;display:flex;overflow-x:auto}.drink-grid::-webkit-scrollbar{display:none}.drink-card{scroll-snap-align:center;min-width:82vw;min-height:540px}.section-action{text-align:left}.experience-image{min-height:62svh}.experience-image>span{bottom:22px;left:20px}.experience-copy{min-height:72svh;padding:80px 20px}.experience-copy h2{font-size:61px}.location-grid{grid-template-columns:1fr}.store-card{min-height:520px;padding:24px}.coming-strip{grid-template-columns:1fr;gap:10px}.coming-strip i{text-align:left}.story-section{grid-template-columns:1fr;gap:50px;padding:100px 20px}.story-mark img{max-width:260px;margin:auto}.story-copy h2{font-size:63px}.story-copy p{font-size:16px}.rewards-section{grid-template-columns:1fr;gap:60px;padding:100px 20px}.reward-orbit{width:88vw;margin:auto}.reward-orbit i{box-shadow:-250px 180px 0 4px #f5eade8c}.rewards-copy h2{font-size:62px}.order-section h2{font-size:69px}.order-section>div{flex-direction:column;width:220px}.order-section .pill{width:100%}footer{grid-template-columns:1fr;gap:36px;padding:55px 20px 30px}.footer-links{flex-wrap:wrap;gap:18px 26px}.footer-meta{flex-direction:column;gap:14px}}.cup-fill:after{content:"";z-index:2;filter:drop-shadow(0 1px 2px #0000002e);background:url(/brand/logo-horizontal-white.png) 50%/contain no-repeat;width:68%;height:30%;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.store-oyarifa:before{background-image:url(/locations/oyarifa-branded.webp)}.scene-brand{filter:drop-shadow(0 5px 18px #0000003d);width:clamp(118px,10vw,168px);height:auto;margin:0 auto 22px;display:block}@media (width<=767px){.scene-brand{width:112px;margin-bottom:17px}.scene-final .eyebrow{margin-bottom:14px}}.store-actions{align-items:center;gap:18px;display:flex}.store-call{border-bottom:1px solid #ffffff80;padding-bottom:4px;font-size:12px}@media (width<=767px){.store-actions{flex-direction:column;align-items:flex-start;gap:14px}.order-section>div{width:min(100%,260px)}}.drink-caramel{background:#c59062}.drink-chocolate{background:#8d6654}.drink-strawberry{background:#dca1aa}.drink-coconut{background:#d8d0c2}.drink-vanilla{background:#d9ad68}.drink-oreo{background:#8d898a}.drink-coffee{background:#a87858}.drink-chocolate,.drink-oreo{color:#fff}.drink-chocolate .drink-number,.drink-chocolate .drink-copy>span,.drink-chocolate .drink-copy p,.drink-oreo .drink-number,.drink-oreo .drink-copy>span,.drink-oreo .drink-copy p{color:#ffffffad}.drink-chocolate>a,.drink-oreo>a{border-color:#ffffff61}.drink-caramel .cup-fill{background:linear-gradient(#ffffff80 0 12%,#85461fa8 13%)}.drink-chocolate .cup-fill{background:linear-gradient(#ffffff80 0 12%,#40221ac7 13%)}.drink-strawberry .cup-fill{background:linear-gradient(#ffffff80 0 12%,#c95873a8 13%)}.drink-coconut .cup-fill{background:linear-gradient(#ffffff80 0 12%,#e8e1d3c2 13%)}.drink-vanilla .cup-fill{background:linear-gradient(#ffffff80 0 12%,#daa04ab3 13%)}.drink-oreo .cup-fill{background:linear-gradient(#ffffff80 0 12%,#545051c7 13%)}.drink-coffee .cup-fill{background:linear-gradient(#ffffff80 0 12%,#6a371db8 13%)}.drink-price{letter-spacing:.02em;margin-top:15px;font-size:13px;font-weight:400;display:block}.drink-product{object-fit:contain;filter:drop-shadow(0 24px 20px #31180d2e);width:78%;height:69%;transition:transform .65s cubic-bezier(.22,1,.36,1);position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.drink-card:hover .drink-product{transform:translate(-50%,-52%)scale(1.035)}.store-oyarifa:before{background-image:url(/locations/oyarifa-ghana.webp);background-position:50% 38%}.store-tema:before{background-image:url(/locations/tema-ghana.webp);background-position:50% 48%}.rewards-copy small{color:#ffffff80;max-width:500px;margin:-17px 0 30px;font-size:11px;line-height:1.55;display:block}.rewards-copy small a{text-underline-offset:3px;color:#fffc;text-decoration:underline}.skip-link{z-index:1000;color:#17100c;background:#fff;border-radius:999px;padding:11px 16px;font-size:13px;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline-offset:4px;outline:3px solid #f2b47e}.drink-card>a:focus-visible,.pill:focus-visible,.text-link:focus-visible,.store-call:focus-visible{outline-color:#fff}@media (prefers-reduced-motion:reduce){.journey{height:100svh}.stage{position:relative}.scroll-cue,.progress-track,.frame-count{display:none}.scene{display:none;filter:none!important;transform:none!important}.scene-intro{opacity:1;display:block;top:50%;transform:translateY(-45%)!important}.scroll-canvas{transform:scale(1.04)!important}.drink-product,.store-card:before{transition:none!important}}