@font-face{font-family:Charlie Sans;src:url(/fonts/vazirmatn-arabic.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+6??,U+200C-200F,U+FB8A-FDFF,U+FE80-FEFC}@font-face{font-family:Charlie Sans;src:url(/fonts/vazirmatn-latin.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#051923;--navy:#036;--cream:#fffccc;--white:#fefefe;--warm:#f5edb2;--line:#05192329;--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);font-feature-settings:"ss01", "cv01";margin:0;font-family:Charlie Sans,Tahoma,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}img{-webkit-user-select:none;user-select:none}main{min-height:100vh}.site-header{z-index:20;max-width:1440px;height:92px;color:var(--white);grid-template-columns:150px 1fr 150px;align-items:center;margin:0 auto;padding:14px 5vw;display:grid;position:absolute;top:0;left:0;right:0}.nav-brand{place-items:center;width:128px;height:64px;display:grid;overflow:hidden}.nav-brand img{width:auto;height:58px;transform:none}.footer-logo img{object-fit:contain;width:100%;height:100%;transform:none}.site-header nav{justify-content:center;gap:clamp(20px,4vw,56px);font-size:14px;font-weight:600;display:flex}.site-header nav a{opacity:.74;transition:opacity .18s}.site-header nav a:hover{opacity:1}.nav-cta{border:1px solid #ffffff73;border-radius:999px;justify-self:end;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:700;display:inline-flex}.nav-cta svg,.button svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:19px}.hero{background:var(--navy);min-height:800px;color:var(--white);grid-template-columns:.95fr 1.05fr;align-items:center;padding:150px max(6vw,50vw - 660px) 80px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:5px solid #fffccc26;border-radius:50%;width:42vw;height:420px;position:absolute;bottom:-240px;right:-8vw}.hero-copy{z-index:4;min-width:0;max-width:620px;position:relative}.eyebrow,.section-kicker{color:#e7dc92;letter-spacing:.16em;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-.075em;text-wrap:balance;margin:22px 0;font-size:clamp(62px,8vw,126px);font-weight:850;line-height:.91}.hero h1 span{color:var(--cream)}.hero-copy>p{color:#ffffffbd;max-width:540px;margin:0;font-size:clamp(17px,1.35vw,21px);line-height:2}.hero-actions{align-items:center;gap:30px;margin-top:34px;display:flex}.button{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:0 25px;font-weight:800;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-cream{background:var(--cream);color:var(--ink);box-shadow:0 18px 48px #0000003d}.button-navy{background:var(--navy);color:var(--white);box-shadow:0 14px 34px #0033662e}.text-link{border-bottom:1px solid #ffffff73;padding-bottom:4px;font-weight:700}.hero-facts{border-top:1px solid #ffffff24;gap:46px;margin-top:62px;padding-top:28px;display:flex}.hero-facts span{color:#ffffff8f;font-size:12px}.hero-facts b{color:var(--white);margin-bottom:4px;font-size:16px;display:block}.hero-visual{z-index:3;min-height:600px;position:relative}.cream-disc{aspect-ratio:1;background:var(--cream);border-radius:50%;width:min(44vw,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-49%);box-shadow:inset 0 0 0 3px #0519230d}.hero-cup{z-index:2;filter:drop-shadow(0 35px 30px #0000005c);width:min(46vw,640px);height:auto;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.coffee-note{z-index:4;border:2px solid var(--cream);color:var(--cream);letter-spacing:.14em;padding:9px 15px;font:800 12px/1 Arial,sans-serif;position:absolute;transform:rotate(4deg)}.coffee-note-top{top:12%;right:2%}.coffee-note-bottom{bottom:8%;left:5%;transform:rotate(-6deg)}.hero-squiggle{z-index:4;fill:none;width:180px;stroke:var(--cream);stroke-linecap:round;stroke-width:8px;position:absolute;bottom:16%;right:0}.burst{width:150px;color:var(--navy);fill:currentColor;stroke:var(--white);stroke-width:4px;vector-effect:non-scaling-stroke;position:absolute}.burst-one{display:none}.burst-two{z-index:1;width:170px;bottom:60px;left:-55px;transform:rotate(19deg)}.ticker{background:var(--cream);color:var(--navy);border-top:5px solid var(--ink);border-bottom:5px solid var(--ink);overflow:hidden}.ticker div{direction:ltr;justify-content:space-around;align-items:center;gap:42px;width:max-content;min-width:100%;padding:18px 2vw;font:900 clamp(22px,2.3vw,38px)/1 Arial Black,sans-serif;display:flex}.ticker i{font-size:22px;font-style:normal}.section-shell{max-width:1280px;margin:0 auto;padding:130px 36px}.story{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(50px,8vw,110px);display:grid}.story-art{min-height:600px;position:relative}.story-image-frame{background:#eee;border-radius:180px 30px 30px;position:absolute;inset:0 50px 35px 0;overflow:hidden}.story-image-frame img{object-fit:cover}.mini-brand-card{border:4px solid var(--ink);background:var(--cream);width:205px;min-height:210px;box-shadow:12px 12px 0 var(--navy);border-radius:28px;place-items:center;padding:18px;display:grid;position:absolute;bottom:0;right:0;transform:rotate(4deg)}.mini-brand-card img{width:115px;height:auto}.mini-brand-card span{letter-spacing:.16em;font:900 12px/1 Arial,sans-serif}.section-copy h2,.menu-heading h2,.gallery-heading h2,.palette-copy h2,.signup-card h2{letter-spacing:-.055em;text-wrap:balance;margin:16px 0 24px;font-size:clamp(42px,5vw,74px);font-weight:850;line-height:1.08}.section-copy p,.gallery-heading p,.palette-copy p{color:#051923ad;font-size:17px;line-height:2.1}.section-copy .button{margin-top:18px}.icon-ribbon{aspect-ratio:1200/420;background:var(--cream);width:100%;min-height:250px;max-height:470px;position:relative;overflow:hidden}.icon-ribbon img{object-fit:cover}.menu-section{background:var(--navy);color:var(--white);padding:120px max(5vw,50vw - 640px);position:relative;overflow:hidden}.menu-heading{z-index:2;max-width:760px;margin-bottom:65px;position:relative}.menu-heading p{color:#ffffffa8;max-width:650px;font-size:17px;line-height:1.9}.menu-layout{z-index:2;grid-template-columns:.95fr 1.05fr;align-items:center;gap:70px;display:grid;position:relative}.menu-list{border-top:1px solid #fff3}.menu-item{border-bottom:1px solid #fff3;grid-template-columns:46px 1fr auto;align-items:center;gap:18px;min-height:110px;padding:24px 0;display:grid}.menu-number{color:#e7dc92;font:700 13px/1 Arial,sans-serif}.menu-item h3{margin:0 0 6px;font-size:20px}.menu-item p{color:#ffffff85;margin:0;font-size:13px}.menu-item strong{color:var(--cream);font-size:23px}.menu-item small{color:#ffffff73;margin-top:3px;font-size:9px;font-weight:400;display:block}.menu-disclaimer{color:#ffffff61;font-size:11px}.menu-photo{border:5px solid var(--cream);border-radius:28px 140px 28px 28px;min-height:620px;position:relative;overflow:hidden;transform:rotate(2deg);box-shadow:25px 25px #0519239e}.menu-photo img{object-fit:cover}.menu-sticker{border:3px solid var(--ink);background:var(--cream);color:var(--ink);border-radius:12px;padding:14px 18px;font-weight:900;position:absolute;bottom:25px;right:25px;transform:rotate(-4deg)}.menu-burst{width:210px;color:var(--cream);stroke:var(--navy);opacity:.95;top:35px;left:4vw}.gallery-section{padding-bottom:150px}.gallery-heading{max-width:820px;margin-bottom:60px}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:430px;gap:22px;display:grid}.gallery-grid figure{background:#eee;border-radius:28px;margin:0;position:relative;overflow:hidden}.gallery-grid figure:nth-child(2){border-radius:28px 150px 28px 28px}.gallery-grid figure:nth-child(3){border-radius:150px 28px 28px}.gallery-grid img{object-fit:cover;transition:transform .5s}.gallery-grid figure:hover img{transform:scale(1.035)}.gallery-grid .gallery-wide{grid-column:span 2;min-height:500px}.palette-section{background:#f3f2eb;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:110px max(5vw,50vw - 640px);display:grid}.swatches{grid-template-columns:repeat(2,minmax(150px,1fr));gap:12px;display:grid}.swatch{border:1px solid #0519232e;border-radius:24px;align-items:flex-end;min-height:190px;padding:20px;font:800 13px/1 Arial,sans-serif;display:flex}.swatch-ink{background:var(--ink);color:var(--white)}.swatch-white{background:var(--white)}.swatch-cream{background:var(--cream)}.swatch-navy{background:var(--navy);color:var(--white)}.club-section{background:var(--cream);grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding:130px max(5vw,50vw - 640px);display:grid;position:relative;overflow:hidden}.club-visual{z-index:2;position:relative}.club-visual>img{mix-blend-mode:multiply;width:min(100%,520px);height:auto}.club-visual>p{color:#051923b3;max-width:520px;font-size:18px;line-height:1.9}.club-perks{gap:12px;margin-top:30px;font-weight:700;display:grid}.signup-card{z-index:3;border:4px solid var(--ink);background:var(--white);min-height:570px;box-shadow:18px 18px 0 var(--navy);border-radius:38px;padding:clamp(34px,5vw,64px);position:relative}.signup-card h2{font-size:clamp(38px,4vw,58px)}.signup-card form{gap:20px;display:grid}.signup-card label{gap:9px;font-size:13px;font-weight:800;display:grid}.signup-card input{width:100%;height:58px;color:var(--ink);background:#f8f8f4;border:1px solid #05192333;border-radius:14px;outline:0;padding:0 17px;transition:border-color .18s,box-shadow .18s}.signup-card input:focus{border-color:var(--navy);box-shadow:0 0 0 4px #0033661a}.signup-card .button{width:100%;margin-top:6px}.signup-card form small{color:#0519237a;text-align:center;font-size:10px}.success-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:440px;display:flex}.success-message img{mix-blend-mode:multiply;width:110px;height:auto}.success-message>span{color:var(--navy);margin-top:14px;font-weight:900}.success-message h2{margin-bottom:10px}.success-message p{color:#0519238c}.success-message button{border:0;border-bottom:1px solid var(--ink);cursor:pointer;background:0 0}.club-burst-one{width:190px;color:var(--cream);stroke:var(--navy);top:45px;right:-55px}.club-burst-two{width:170px;color:var(--navy);stroke:var(--cream);bottom:30px;left:-45px;transform:rotate(14deg)}footer{background:var(--ink);color:var(--white);grid-template-columns:180px 1fr;align-items:center;gap:60px;padding:80px max(5vw,50vw - 640px) 36px;display:grid}.footer-logo{place-items:center;width:170px;height:120px;display:grid;overflow:hidden}.footer-links{color:#ffffffad;justify-content:flex-end;gap:38px;display:flex}.footer-meta{color:#ffffff57;direction:ltr;border-top:1px solid #ffffff1f;grid-column:1/-1;justify-content:space-between;padding-top:28px;font:500 11px/1.5 Arial,sans-serif;display:flex}[data-reveal]{opacity:1;transform:none}[data-reveal].is-visible{animation:.7s cubic-bezier(.22,1,.36,1) both reveal-enter}@keyframes reveal-enter{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}.site-header{transition:background .26s,-webkit-backdrop-filter .26s,backdrop-filter .26s}.site-header:before{content:"";opacity:.7;background:linear-gradient(90deg,#0000,#ffffff47,#0000);height:1px;position:absolute;inset:12px 4vw auto}.nav-cta,.button{position:relative;overflow:hidden}.nav-cta{transition:background .18s,color .18s,transform .18s}.nav-cta:hover{background:var(--cream);color:var(--ink);transform:translateY(-2px)}.nav-cta:after,.button:after{content:"";background:#ffffff57;width:45%;height:180%;transition:left .5s;position:absolute;top:-40%;left:-80%;transform:rotate(20deg)}.nav-cta:hover:after,.button:hover:after{left:130%}.hero-copy>*{animation:.85s cubic-bezier(.22,1,.36,1) both hero-enter}.hero-copy>:nth-child(2){animation-delay:80ms}.hero-copy>:nth-child(3){animation-delay:.15s}.hero-copy>:nth-child(4){animation-delay:.22s}.hero-copy>:nth-child(5){animation-delay:.29s}@keyframes hero-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.hero-orbit{z-index:1;pointer-events:none;border:1px solid #fffccc6b;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-18deg)}.hero-orbit-one{aspect-ratio:1/.45;width:min(51vw,700px);animation:8s ease-in-out infinite orbit-float}.hero-orbit-two{aspect-ratio:1/.4;opacity:.4;width:min(58vw,790px);animation:11s ease-in-out -2s infinite reverse orbit-float;transform:translate(-50%,-50%)rotate(24deg)}@keyframes orbit-float{0%,to{transform:translate(-50%,-50%)rotate(-18deg)scale(1)}50%{transform:translate(-50%,-50%)rotate(-11deg)scale(1.04)}}.hero-scroll-cue{color:#ffffff7a;letter-spacing:.14em;direction:ltr;align-items:center;gap:12px;font:700 10px/1 Arial,sans-serif;display:flex;position:absolute;bottom:0;right:0}.hero-scroll-cue i{background:var(--cream);width:46px;height:1px;position:relative}.hero-scroll-cue i:after{content:"";border-right:1px solid var(--cream);border-top:1px solid var(--cream);width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.ticker div{animation:26s linear infinite ticker-drift}@keyframes ticker-drift{to{transform:translate(-12%)}}.story-image-frame:after,.menu-photo:after{content:"";pointer-events:none;background:linear-gradient(145deg,#0033660d,#0000 55%,#0519234d);position:absolute;inset:0}.menu-item{transition:padding-inline .22s,background .22s;position:relative}.menu-item:after{content:attr(data-index);color:#fffccc14;pointer-events:none;font:900 66px/1 Arial,sans-serif;transition:color .22s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.menu-item:hover{background:#ffffff0a;padding-inline:14px}.menu-item:hover:after{color:#fffccc29}.gallery-grid figure:after{content:"";z-index:1;opacity:0;background:linear-gradient(#0000 55%,#051923b3);transition:opacity .3s;position:absolute;inset:0}.gallery-grid figcaption{z-index:2;color:var(--white);opacity:0;justify-content:space-between;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:absolute;bottom:18px;left:22px;right:22px;transform:translateY(10px)}.gallery-grid figcaption span{color:var(--cream);letter-spacing:.14em;font:800 11px/1 Arial,sans-serif}.gallery-grid figcaption b{font-size:13px}.gallery-grid figure:hover:after,.gallery-grid figure:hover figcaption{opacity:1}.gallery-grid figure:hover figcaption{transform:none}.swatch{transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden}.swatch:before{content:"";opacity:.16;border:1px solid;border-radius:16px;position:absolute;inset:10px}.swatch:hover{transform:translateY(-5px)rotate(-1deg);box-shadow:10px 12px #0033661f}.signup-card{transition:transform .28s,box-shadow .28s}.signup-card:hover{box-shadow:22px 23px 0 var(--navy);transform:translateY(-5px)}.menu-toggle,.mobile-navigation{display:none}@media (max-width:1000px){.site-header{grid-template-columns:120px 1fr}.site-header nav{display:none}.nav-cta{grid-area:1/2;margin-inline-end:58px}.menu-toggle{color:var(--white);cursor:pointer;background:0 0;border:0;grid-area:1/2;justify-self:end;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.menu-toggle-lines{gap:4px;width:18px;display:grid}.menu-toggle-lines i{background:currentColor;width:18px;height:1.5px;transition:transform .18s;display:block}.menu-toggle b{margin-inline-start:2px}.site-header.is-menu-open{background:var(--navy);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.site-header.is-menu-open .mobile-navigation{display:grid}.mobile-navigation{background:#051923f7;border:1px solid #ffffff26;border-radius:22px;gap:8px;padding:14px;position:absolute;top:78px;left:20px;right:20px;box-shadow:0 22px 60px #00000040}.mobile-navigation a{color:#ffffffc7;border-radius:12px;padding:15px 16px;font-size:14px}.mobile-navigation a:hover{color:var(--cream);background:#fffccc1a}.hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.hero-copy{max-width:none}.hero-visual{min-height:570px}.cream-disc{width:min(78vw,560px)}.hero-cup{width:min(82vw,610px)}.story,.menu-layout,.palette-section,.club-section{grid-template-columns:1fr}.story-art{min-height:570px}.menu-photo{min-height:560px}.palette-copy{max-width:660px}.club-section{gap:60px}.club-visual{text-align:center}.club-visual>p{margin-inline:auto}.club-perks{justify-content:center}}@media (max-width:700px){.site-header{height:78px;padding-inline:20px}.nav-brand{width:104px;height:55px}.nav-cta{min-height:42px;margin-inline-end:78px;padding:0 15px;font-size:13px}.menu-toggle{margin-inline-end:0;padding:8px 0}.hero{padding:120px 22px 55px}.hero h1{letter-spacing:-.05em;font-size:clamp(52px,16vw,64px)}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px}.hero-facts{justify-content:space-between;gap:18px}.hero-facts span{font-size:10px}.hero-visual{min-height:420px;margin-top:22px}.cream-disc{width:94vw}.hero-cup{width:103vw}.coffee-note-top{top:4%}.coffee-note-bottom{bottom:2%}.hero-squiggle,.hero-scroll-cue,.hero-orbit,.burst-one{display:none}.burst-two{width:120px}.ticker div{justify-content:flex-start;padding-inline:20px;font-size:21px}.section-shell,.menu-section,.palette-section,.club-section{padding:85px 20px}.story{gap:55px}.story-art{min-height:420px}.story-image-frame{border-radius:100px 22px 22px;inset:0 24px 28px 0}.mini-brand-card{width:145px;min-height:155px}.mini-brand-card img{width:80px}.section-copy h2,.menu-heading h2,.gallery-heading h2,.palette-copy h2{font-size:44px}.icon-ribbon{min-height:190px}.icon-ribbon img{object-position:center}.menu-layout{gap:45px}.menu-item{grid-template-columns:30px 1fr auto;gap:10px}.menu-item:hover{background:0 0;padding-inline:0}.menu-photo{border-radius:24px 90px 24px 24px;min-height:430px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:330px}.gallery-grid .gallery-wide{grid-column:auto;min-height:380px}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(3){border-radius:24px}.gallery-grid figure:after,.gallery-grid figcaption{opacity:1}.gallery-grid figcaption{transform:none}.swatches{grid-template-columns:1fr 1fr}.swatch{min-height:130px}.signup-card{min-height:520px;box-shadow:10px 10px 0 var(--navy);padding:35px 22px}.signup-card h2{font-size:38px}.signup-card:hover{box-shadow:10px 10px 0 var(--navy);transform:none}footer{grid-template-columns:1fr;gap:25px;padding:60px 22px 30px}.footer-logo{margin:0 auto}.footer-links{flex-wrap:wrap;justify-content:center;gap:18px 26px;font-size:13px}.footer-meta{text-align:center;flex-direction:column;align-items:center;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}
:root{--page:#f7f5ec;--paper:#fffef8;--charlie-blue:#06386c;--charlie-dark:#061d29;--charlie-cream:#fffbc8;--muted:#6f7778;--line:#061d291c;--radius-xl:clamp(30px, 5vw, 72px);--shadow-soft:0 32px 90px #061d291a}html{background:var(--page)}body{background:radial-gradient(circle at 15% 9%, #fffbc8ad, transparent 25rem), var(--page);color:var(--charlie-dark)}main{background:0 0;overflow:clip}section[id]{scroll-margin-top:105px}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#061d29c2;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:112px 1fr 112px;width:min(100% - 36px,1180px);height:72px;padding:8px 10px 8px 18px;position:fixed;top:16px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 18px 55px #061d2924}.site-header:before{display:none}.nav-brand{border-radius:50%;justify-self:start;width:70px;height:56px}.nav-brand img{height:48px}.site-header nav{gap:clamp(22px,3vw,44px);font-size:13px}.site-header nav a{opacity:.72}.site-header nav a:hover{opacity:1}.nav-cta{background:var(--charlie-cream);min-height:48px;color:var(--charlie-dark);box-shadow:none;border-radius:999px;padding:0 18px}.hero{border-radius:var(--radius-xl);background:radial-gradient(circle at 76% 38%,#fffbc81f,#0000 25%),linear-gradient(145deg,#073f78 0%,#063566 54%,#062d58 100%);grid-template-columns:minmax(330px,.82fr) minmax(440px,1.18fr);gap:clamp(20px,4vw,70px);width:min(100% - 28px,1420px);min-height:min(860px,100svh - 28px);margin:14px auto 0;padding:clamp(130px,12vw,180px) clamp(28px,6vw,96px) clamp(52px,6vw,86px);position:relative;overflow:hidden}.hero:before{content:"";border:1px solid #ffffff1f;border-radius:50%;height:75%;position:absolute;inset:auto -8% -42% 33%;transform:rotate(-8deg)}.hero-copy{z-index:5;align-self:center;max-width:600px}.eyebrow{letter-spacing:.2em;font-size:11px}.hero h1{letter-spacing:-.075em;margin:24px 0 36px;font-size:clamp(70px,7.3vw,118px);line-height:.89}.hero-copy>p{max-width:510px;font-size:clamp(17px,1.35vw,21px);line-height:2}.hero-actions{margin-top:38px}.button{min-height:58px;padding-inline:25px}.button-cream{box-shadow:0 14px 45px #00000029}.hero-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(100%,500px);margin-top:52px;padding-top:24px;display:grid}.hero-facts span{min-width:0}.hero-facts b{font-size:15px}.hero-visual{align-self:center;min-height:590px}.cream-disc{aspect-ratio:1;width:min(45vw,650px);top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 45px 100px #010f2347,inset 0 0 0 1px #061d290d}.hero-cup{filter:drop-shadow(0 45px 42px #010f2347);width:min(48vw,730px);top:49%;left:50%;transform:translate(-50%,-50%)rotate(-3deg)}.hero-orbit{opacity:.28}.coffee-note{z-index:6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061d29e0;border-radius:999px}.coffee-note-top{top:15%;right:8%}.coffee-note-bottom{bottom:12%;left:3%}.hero-squiggle,.burst-one{display:none}.burst-two{opacity:.22;width:190px;bottom:-42px;left:-44px}.hero-scroll-cue{display:none}.ticker{z-index:8;border:0;border-radius:999px;width:min(100% - 70px,1050px);min-height:64px;margin:-32px auto 58px;position:relative;overflow:hidden;box-shadow:0 20px 60px #061d291f}.ticker div{gap:38px;min-height:64px;padding:0 34px;font-size:clamp(17px,1.8vw,24px)}.section-shell{width:min(100%,1220px);padding:clamp(90px,10vw,150px) 30px}.story{grid-template-columns:minmax(380px,1.05fr) minmax(340px,.95fr);gap:clamp(55px,8vw,120px);position:relative}.story:before{content:"CHARLIE";z-index:-1;color:#06386c09;letter-spacing:-.08em;direction:ltr;font:900 clamp(95px,16vw,220px)/1 Arial Black,sans-serif;position:absolute;top:5%;right:-5%}.story-art{min-height:650px}.story-image-frame{box-shadow:var(--shadow-soft);border-radius:46% 46% 34px 34px;inset:0 0 56px 56px}.story-image-frame img{transition:transform .7s cubic-bezier(.22,1,.36,1)}.story-art:hover .story-image-frame img{transform:scale(1.025)}.mini-brand-card{border:0;border-radius:32px;width:176px;min-height:184px;bottom:0;left:0;right:auto;transform:rotate(-4deg);box-shadow:0 24px 65px #061d2930}.section-copy{max-width:540px}.section-copy h2,.menu-heading h2,.gallery-heading h2,.palette-copy h2,.signup-card h2{letter-spacing:-.06em;margin:14px 0 22px;font-size:clamp(45px,5.4vw,76px);line-height:1.06}.section-copy p,.gallery-heading p,.palette-copy p{font-size:16px;line-height:2.05}.section-copy .button{margin-top:18px}.icon-ribbon{border:0;border-radius:90px;width:min(100% - 44px,1180px);min-height:180px;margin:0 auto;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 26px 80px #061d291c}.icon-ribbon img{object-fit:cover}.menu-section{border-radius:var(--radius-xl);background:radial-gradient(circle at 6% 10%, #fffbc814, transparent 20rem), var(--charlie-blue);width:min(100% - 28px,1380px);margin:90px auto;padding:clamp(80px,9vw,135px) clamp(24px,6vw,90px);position:relative;overflow:hidden}.menu-heading{text-align:center;width:min(100%,700px);margin:0 auto clamp(55px,7vw,90px)}.menu-heading h2{max-width:650px;margin-inline:auto}.menu-heading p{margin-inline:auto}.menu-burst{opacity:.09;width:260px;top:-90px;right:-70px}.menu-layout{grid-template-columns:minmax(370px,.9fr) minmax(420px,1.1fr);gap:clamp(40px,6vw,85px)}.menu-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0b;border:1px solid #ffffff1a;border-radius:32px;padding:12px 30px}.menu-item{grid-template-columns:32px minmax(0,1fr) 62px;gap:12px;min-height:104px;padding:20px 0}.menu-item:after{font-size:58px;left:56px;right:auto}.menu-item h3,.menu-item p,.menu-item strong{z-index:2;position:relative}.menu-item h3{font-size:18px}.menu-item strong{font-size:21px}.menu-photo{border:0;border-radius:38px 150px 38px 38px;min-height:620px;transform:rotate(1.5deg);box-shadow:0 38px 80px #010f2357}.menu-sticker{border:0;border-radius:999px;bottom:28px;right:28px;transform:none;box-shadow:0 14px 30px #061d292e}.gallery-section{width:min(100%,1280px)}.gallery-heading{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);align-items:end;gap:70px;margin-bottom:70px;display:grid}.gallery-heading .section-kicker{grid-column:1}.gallery-heading h2{grid-column:1;max-width:620px}.gallery-heading p{grid-area:1/2/span 2;align-self:end;max-width:520px}.gallery-grid{grid-template-rows:250px 250px 340px;grid-template-columns:1.15fr .85fr .85fr;gap:18px}.gallery-grid figure,.gallery-grid .gallery-wide,.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(3){border-radius:30px;min-height:0}.gallery-grid figure:first-child{border-radius:130px 30px 30px;grid-area:1/1/span 2}.gallery-grid figure:nth-child(2){grid-area:1/2}.gallery-grid figure:nth-child(3){grid-area:1/3/span 2}.gallery-grid figure:nth-child(4){grid-area:2/2}.gallery-grid figure:nth-child(5){border-radius:30px 30px 140px;grid-area:3/1/auto/-1}.gallery-grid figure img{transition:transform .65s cubic-bezier(.22,1,.36,1)}.gallery-grid figure:hover img{transform:scale(1.035)}.palette-section{border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffef8b3;border-radius:44px;grid-template-columns:minmax(330px,1fr) minmax(390px,1fr);gap:70px;width:min(100% - 44px,1180px);margin:30px auto 120px;padding:64px clamp(25px,6vw,80px);box-shadow:0 24px 70px #061d290f}.palette-copy h2{font-size:clamp(40px,4.5vw,64px)}.swatches{grid-template-columns:repeat(4,1fr);gap:12px}.swatch{border:0;border-radius:999px;justify-content:center;min-height:180px;padding:14px;box-shadow:inset 0 0 0 1px #061d2917,0 15px 30px #061d290f}.swatch span{writing-mode:vertical-rl;transform:rotate(180deg)}.club-section{border-radius:var(--radius-xl);background:radial-gradient(circle at 15% 25%, #fffbc821, transparent 25rem), var(--charlie-dark);width:min(100% - 28px,1380px);color:var(--paper);grid-template-columns:minmax(340px,.85fr) minmax(430px,1.15fr);gap:clamp(50px,8vw,110px);margin:0 auto 14px;padding:clamp(76px,9vw,130px) clamp(24px,7vw,100px)}.club-visual{text-align:right}.club-visual>img{mix-blend-mode:normal;filter:none;opacity:1;width:min(100%,430px)}.club-visual>p{color:#ffffff9e}.club-perks{color:var(--charlie-cream)}.signup-card{min-height:540px;color:var(--charlie-dark);border:0;border-radius:42px;padding:clamp(32px,5vw,58px);box-shadow:18px 18px #fffbc8f0}.signup-card:hover{transform:none;box-shadow:18px 18px #fffbc8f0}.signup-card h2{font-size:clamp(42px,4.6vw,64px)}.signup-card input{background:#f1f1eb;border:0;border-radius:18px;height:62px}.club-burst-one{opacity:.09;width:200px;top:-50px;right:-55px}.club-burst-two{opacity:.08;width:210px;bottom:-70px;left:-45px}footer{width:min(100% - 28px,1380px);color:var(--charlie-dark);background:0 0;border-radius:44px;grid-template-columns:150px 1fr;gap:34px 55px;margin:0 auto 14px;padding:58px clamp(24px,6vw,80px) 28px}.footer-logo{width:150px;height:105px}.footer-logo img{filter:none;mix-blend-mode:multiply}.footer-links{color:#061d2994}.footer-meta{color:#061d2959;border-top-color:var(--line)}@media (max-width:1000px){.site-header{grid-template-columns:92px 1fr}.nav-cta{margin-inline-end:86px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:140px}.hero-copy{max-width:700px}.hero h1{font-size:clamp(72px,12vw,104px)}.hero-visual{min-height:600px}.cream-disc{width:min(76vw,650px)}.hero-cup{width:min(78vw,730px)}.story,.menu-layout,.palette-section,.club-section{grid-template-columns:1fr}.story{width:min(100%,820px)}.story-art{min-height:650px}.menu-layout{width:min(100%,760px);margin-inline:auto}.gallery-heading{grid-template-columns:1fr;gap:0}.gallery-heading p{grid-area:auto/1}.palette-section{width:min(100% - 44px,760px)}.club-section{width:min(100% - 28px,820px)}.club-visual{text-align:center}.club-visual>p{margin-inline:auto}.club-perks{justify-content:center}}@media (max-width:700px){:root{--radius-xl:28px}.site-header{width:calc(100% - 20px);height:64px;padding:5px 8px 5px 12px;top:10px}.nav-brand{width:52px;height:50px}.nav-brand img{height:43px}.nav-cta{min-height:44px;margin-inline-end:74px;padding:0 14px;font-size:12px}.menu-toggle{margin:0}.hero{border-radius:26px;gap:6px;width:calc(100% - 12px);margin-top:6px;padding:112px 20px 34px}.hero-copy{text-align:center}.eyebrow{letter-spacing:.15em;font-size:8px;display:block}.hero h1{margin:18px 0 28px;font-size:clamp(54px,17vw,72px);line-height:.94}.hero-copy>p{margin-inline:auto;font-size:14px;line-height:1.9}.hero-actions{align-items:center;margin-top:26px}.hero-facts{gap:4px;margin-top:34px;padding-top:18px}.hero-facts b{font-size:13px}.hero-facts span{font-size:9px}.hero-visual{min-height:390px;margin-top:0}.cream-disc{width:94vw}.hero-cup{width:103vw}.coffee-note{padding:8px 12px;font-size:9px}.coffee-note-top{top:7%;right:1%}.coffee-note-bottom{bottom:8%;left:0}.burst-two{display:none}.ticker{width:calc(100% - 34px);min-height:52px;margin-top:-26px;margin-bottom:25px}.ticker div{gap:28px;min-height:52px;padding-inline:18px;font-size:16px}.section-shell{padding:78px 20px}.story{gap:44px}.story-art{min-height:450px}.story-image-frame{border-radius:42% 42% 24px 24px;inset:0 0 38px 28px}.mini-brand-card{border-radius:24px;width:130px;min-height:136px}.mini-brand-card img{width:70px}.section-copy{text-align:center}.section-copy h2,.menu-heading h2,.gallery-heading h2,.palette-copy h2{font-size:clamp(40px,12vw,52px)}.section-copy p,.gallery-heading p,.palette-copy p{font-size:14px;line-height:2}.icon-ribbon{border-radius:56px;width:calc(100% - 22px);min-height:112px}.menu-section{width:calc(100% - 12px);margin:62px auto;padding:70px 14px 18px}.menu-heading{margin-bottom:42px;padding-inline:10px}.menu-list{border-radius:24px;padding:6px 16px}.menu-item{grid-template-columns:24px minmax(0,1fr) 52px;gap:8px;min-height:94px}.menu-item h3{font-size:16px}.menu-item p{font-size:11px}.menu-item strong{font-size:18px}.menu-item:after{font-size:48px;left:40px}.menu-photo{border-radius:26px 90px 26px 26px;min-height:440px;transform:none}.gallery-section{padding-top:70px}.gallery-heading{text-align:center;margin-bottom:40px}.gallery-grid{grid-template-rows:330px 220px 260px 280px;grid-template-columns:1fr 1fr;gap:10px}.gallery-grid figure:first-child{border-radius:80px 22px 22px;grid-area:1/1/auto/-1}.gallery-grid figure:nth-child(2){grid-area:2/1}.gallery-grid figure:nth-child(3){grid-area:2/2/span 2}.gallery-grid figure:nth-child(4){grid-area:3/1}.gallery-grid figure:nth-child(5){border-radius:22px 22px 70px;grid-area:4/1/auto/-1}.gallery-grid figcaption{padding:13px;font-size:10px}.palette-section{text-align:center;border-radius:30px;gap:36px;width:calc(100% - 22px);margin-bottom:70px;padding:48px 20px}.swatches{gap:8px}.swatch{min-height:125px;padding:9px}.swatch span{font-size:8px}.club-section{gap:44px;width:calc(100% - 12px);margin-bottom:6px;padding:68px 18px 24px}.club-visual>img{width:270px}.club-visual>p{font-size:15px}.club-perks{font-size:13px}.signup-card{border-radius:30px;min-height:0;padding:34px 20px;box-shadow:8px 8px #fffbc8f0}.signup-card:hover{box-shadow:8px 8px #fffbc8f0}.signup-card h2{font-size:40px}.signup-card form{gap:17px}.signup-card input{height:56px}footer{border-radius:28px;grid-template-columns:1fr;gap:22px;width:calc(100% - 12px);margin-bottom:6px;padding:46px 20px 24px}.footer-logo{width:138px;height:98px;margin-inline:auto}.footer-links{justify-content:center}}@media (max-width:390px){.nav-cta{margin-inline-end:70px;padding-inline:12px}.hero{padding-inline:16px}.hero h1{font-size:55px}.hero-facts span{font-size:8px}.menu-item{grid-template-columns:20px minmax(0,1fr) 46px}.gallery-grid{grid-template-rows:310px 210px 240px 260px}}
:root{--motion-spring:cubic-bezier(.16, 1, .3, 1);--motion-smooth:cubic-bezier(.65, 0, .35, 1)}.site-header{--scroll-progress:0%;transition:top .52s var(--motion-spring), height .52s var(--motion-spring), width .52s var(--motion-spring), background-color .32s ease, border-color .32s ease, box-shadow .32s ease}.site-header:after{content:"";width:var(--scroll-progress);background:linear-gradient(90deg, transparent, var(--charlie-cream));opacity:.72;pointer-events:none;border-radius:999px;max-width:calc(100% - 48px);height:2px;transition:width .12s linear;position:absolute;bottom:4px;right:24px}.site-header.is-scrolled{background:#061d29e6;border-color:#fffbc830;width:min(100% - 50px,1080px);height:64px;top:8px;box-shadow:0 20px 65px #061d293d}.site-header a,.menu-toggle{transition:opacity .24s ease, color .24s ease, transform .42s var(--motion-spring)}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--charlie-cream);transform-origin:100%;width:100%;height:1px;transition:transform .42s var(--motion-spring);position:absolute;bottom:-7px;right:0;transform:scaleX(0)}.site-header nav a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-brand:hover{transform:rotate(-5deg)scale(1.05)}.hero{--hero-shift-x:0px;--hero-shift-y:0px;--cup-shift-x:0px;--cup-shift-y:0px;--cup-rotate:-3deg;--glow-x:76%;--glow-y:38%;background:radial-gradient(circle at var(--glow-x) var(--glow-y), #fffbc82e, transparent 26%), linear-gradient(145deg, #073f78 0%, #063566 54%, #062d58 100%);transition:background-position .7s var(--motion-spring)}.hero:after{content:"";z-index:1;animation:hero-light-pass 9s var(--motion-smooth) infinite;pointer-events:none;background:linear-gradient(115deg,#0000 38%,#ffffff0b 47%,#0000 56%);position:absolute;inset:-40%;transform:translate(-35%)rotate(4deg)}@keyframes hero-light-pass{0%,68%{transform:translate(-38%)rotate(4deg)}to{transform:translate(38%)rotate(4deg)}}.hero-visual{transform:translate3d(var(--hero-shift-x), var(--hero-shift-y), 0);transform-style:preserve-3d;transition:transform .9s var(--motion-spring);will-change:transform}.cream-disc{will-change:scale;animation:7s ease-in-out infinite disc-breathe}@keyframes disc-breathe{0%,to{scale:1;box-shadow:0 45px 100px #010f2347,inset 0 0 0 1px #061d290d}50%{scale:1.025;box-shadow:0 58px 125px #010f2357,inset 0 0 0 1px #061d290d}}.hero-cup{transform:translate(calc(-50% + var(--cup-shift-x)), calc(-50% + var(--cup-shift-y))) rotate(var(--cup-rotate));transition:transform 1.05s var(--motion-spring), filter .5s ease;will-change:transform, translate;animation:5.8s ease-in-out infinite cup-breathe}@keyframes cup-breathe{0%,to{translate:0}50%{translate:0 -11px}}.coffee-note{animation:5s ease-in-out infinite note-float}.coffee-note-bottom{animation-delay:-2.4s}@keyframes note-float{0%,to{translate:0}50%{translate:0 -6px}}.burst-two{transform-origin:50%;animation:24s linear infinite burst-turn}@keyframes burst-turn{to{rotate:360deg}}.button svg,.nav-cta svg{transition:transform .42s var(--motion-spring)}.button:hover svg,.nav-cta:hover svg{transform:translate(-5px)}.button:active,.nav-cta:active{transform:translateY(1px)scale(.985)}[data-reveal].is-visible .section-kicker,[data-reveal].is-visible h2,[data-reveal].is-visible .section-copy>p,[data-reveal].is-visible .gallery-heading>p,[data-reveal].is-visible .palette-copy>p{animation:detail-rise .86s var(--motion-spring) both}[data-reveal].is-visible h2{animation-delay:70ms}[data-reveal].is-visible .section-copy>p:first-of-type,[data-reveal].is-visible .gallery-heading>p,[data-reveal].is-visible .palette-copy>p{animation-delay:.14s}[data-reveal].is-visible .section-copy>p:nth-of-type(2){animation-delay:.205s}@keyframes detail-rise{0%{opacity:0;filter:blur(5px);translate:0 24px}to{opacity:1;filter:blur();translate:0}}.story-image-frame img,.menu-photo img{translate:0 var(--parallax-y,0);transition:translate .18s linear, scale .8s var(--motion-spring);will-change:translate;scale:1.045}.story-art:hover .story-image-frame img,.menu-photo:hover img{scale:1.085}.mini-brand-card{animation:6.5s ease-in-out infinite brand-card-float}@keyframes brand-card-float{0%,to{translate:0;rotate:none}50%{translate:0 -8px;rotate:-1.2deg}}.menu-item{overflow:hidden}.menu-section.is-visible .menu-item{animation:menu-row-enter .7s var(--motion-spring) both}.menu-section.is-visible .menu-item:nth-child(2){animation-delay:70ms}.menu-section.is-visible .menu-item:nth-child(3){animation-delay:.14s}.menu-section.is-visible .menu-item:nth-child(4){animation-delay:.21s}@keyframes menu-row-enter{0%{opacity:0;translate:36px}to{opacity:1;translate:0}}.gallery-section.is-visible figure{animation:gallery-enter .9s var(--motion-spring) both}.gallery-section.is-visible figure:nth-child(2){animation-delay:80ms}.gallery-section.is-visible figure:nth-child(3){animation-delay:.15s}.gallery-section.is-visible figure:nth-child(4){animation-delay:.22s}.gallery-section.is-visible figure:nth-child(5){animation-delay:.29s}@keyframes gallery-enter{0%{opacity:0;translate:0 35px;scale:.97}to{opacity:1;translate:0;scale:1}}.swatch:after{content:"";transition:transform .8s var(--motion-spring);background:linear-gradient(115deg,#0000 40%,#ffffff80,#0000 60%);position:absolute;inset:-60%;transform:translate(-55%)rotate(8deg)}.swatch:hover:after{transform:translate(55%)rotate(8deg)}.signup-card{transform-style:preserve-3d}.signup-card:before{content:"";border-radius:inherit;opacity:0;pointer-events:none;background:radial-gradient(circle at 18% 15%,#fffbc88c,#0000 34%);transition:opacity .5s;position:absolute;inset:0}.signup-card:hover:before{opacity:1}@media (max-width:1000px){.site-header.is-scrolled{width:calc(100% - 20px);height:64px}.hero-visual{will-change:auto}.hero-cup{animation-duration:7s}}@media (max-width:700px){.site-header:after{max-width:calc(100% - 36px);right:18px}.hero:after{opacity:.55;animation-duration:12s}.cream-disc{animation-duration:9s}.story-image-frame img,.menu-photo img{will-change:auto;translate:0;scale:1.025;--parallax-y:0px!important}.mini-brand-card{animation-duration:8s}.menu-section.is-visible .menu-item,.gallery-section.is-visible figure{animation-duration:.62s}}@media (prefers-reduced-motion:reduce){.hero-visual,.hero-cup,.cream-disc,.coffee-note,.burst-two,.mini-brand-card,.story-image-frame img,.menu-photo img,.menu-section.is-visible .menu-item,.gallery-section.is-visible figure,[data-reveal].is-visible .section-kicker,[data-reveal].is-visible h2,[data-reveal].is-visible .section-copy>p,[data-reveal].is-visible .gallery-heading>p,[data-reveal].is-visible .palette-copy>p{filter:none;transform:translate(0,0)scale(1);animation:none!important}.site-header:after,.hero:after,.swatch:after{display:none}}