@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;650;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--cream:#f7eee3;--paper:#fcf8f2;--brown:#4a210c;--muted:#826a59;--tan:#e9d4bd;--line:#dfcebb;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--sans);font-size:15px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #a86b42;outline-offset:5px}button{border:0}p{line-height:1.7}img{display:block}.announcement{min-height:35px;background:var(--brown);color:var(--cream);text-align:center;font-size:11px;letter-spacing:.35px;padding:10px 24px}.announcement span{margin-left:32px;font-size:9px;letter-spacing:1.7px}.header{height:103px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{width:104px}.logo-window{display:block;position:relative;overflow:hidden;aspect-ratio:430/270;width:100%;mix-blend-mode:darken}.logo-window img{position:absolute;width:251.163%;max-width:none;left:-23.256%;top:-142.22%}.header nav{display:flex;gap:36px;font-size:13px}.header nav a:hover{color:#a86b42}.button{background:var(--brown);color:var(--cream);display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:18px 25px;border-radius:999px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#744329;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:14px 21px;font-size:12px}.mobile-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:640px}.hero-copy{padding:70px 5% 38px 11.1%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;line-height:1.7;margin:0 0 23px}.sun{font-size:21px;vertical-align:middle;margin-right:9px;color:#a46e45}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-2.5px;line-height:1.08;margin:0}h1{font-size:clamp(56px,5.7vw,88px)}em{font-weight:500;color:#a16d48}h1 em{position:relative}h1 em:after{content:'';position:absolute;left:-2%;right:-5%;height:12px;bottom:-12px;border-top:2px solid #bd916b;border-radius:50%;transform:rotate(-4deg)}.hero-description{font-size:15px;color:var(--muted);margin:31px 0}.hero-actions{display:flex;align-items:center;gap:27px}.text-link{font-size:12px;border-bottom:1px solid #b99575;padding:7px 0;display:inline-flex;gap:20px;align-items:center}.hero-foot{display:flex;gap:15px;align-items:center;margin-top:49px}.hero-foot p{font-size:10px;line-height:1.6;color:var(--muted);margin:0}.hero-foot strong{font-weight:500}.tiny-cup{font-size:24px;border:1px solid #d9c4ab;display:grid;place-items:center;border-radius:50%;width:43px;height:43px;filter:sepia(1)}.hero-image{position:relative;background-image:url('assets/chu-brand.png');background-size:228.33% auto;background-position:right 46%;min-height:640px;overflow:hidden}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 75%,#3d200a65);pointer-events:none}.image-label{position:absolute;top:32px;right:32px;font-size:17px;font-family:var(--serif);font-style:italic;color:#fff0de}.image-caption{position:absolute;bottom:28px;left:32px;font-size:9px;letter-spacing:2.5px;color:#fff2e4;z-index:1}.round-stamp{position:absolute;top:37px;left:29px;background:var(--cream);width:104px;height:104px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-12deg);box-shadow:0 0 0 1px #ddc5ab inset,0 0 0 5px var(--cream)}.round-stamp span{font-size:8px;letter-spacing:1.7px}.round-stamp .stamp-heart{font-size:35px;line-height:1.1;margin:2px}.brand-strip{display:flex;align-items:center;justify-content:space-around;gap:25px;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:24px 4%;overflow:hidden;white-space:nowrap}.brand-strip span{font-size:10px;letter-spacing:2.3px;font-weight:500}.brand-strip i{font-size:22px;font-style:normal;color:#ac815b}.section{padding:94px 6%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}h2{font-size:clamp(39px,3.65vw,58px);letter-spacing:-1.7px}.section-heading .eyebrow{margin-bottom:17px}.section-heading>p{color:var(--muted);font-size:13px;line-height:1.75;margin-bottom:4px}.menu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.filters{display:flex;gap:8px}.filter{background:transparent;border:1px solid var(--line);padding:10px 19px;border-radius:30px;font-size:12px}.filter.active{background:var(--brown);color:var(--cream);border-color:var(--brown)}.menu-note{font-size:8px;letter-spacing:1.3px;color:var(--muted)}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.drink-card{min-width:0}.drink-art{height:245px;background:#eddcc9;border-radius:130px 130px 7px 7px;display:grid;place-items:center;position:relative;overflow:hidden}.drink-card:nth-child(3n+2) .drink-art{background:#e5d0b7}.drink-card:nth-child(3n) .drink-art{background:#eee2d3}.drink-art:after{content:'';position:absolute;bottom:25px;width:124px;height:15px;border-radius:50%;background:#4a210c1b;filter:blur(6px)}.drink-art svg{width:160px;height:205px;z-index:1;transition:transform .35s}.drink-card:hover svg{transform:translateY(-5px) rotate(-3deg)}.drink-info{position:relative;padding:21px 42px 14px 0}.drink-info h3{font-family:var(--serif);font-weight:500;font-size:24px;margin:0 0 7px;letter-spacing:-.5px}.drink-info p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}.drink-more{position:absolute;right:0;top:23px;width:33px;height:33px;border:1px solid #cdb398;border-radius:50%;background:transparent;font-size:19px}.drink-more:hover{background:var(--brown);color:white}.menu-disclaimer{font-size:11px;color:var(--muted);margin:25px 0 0}.story{display:grid;grid-template-columns:1fr 1fr;background:#f1e4d4}.story-art{min-height:555px;position:relative;overflow:hidden;background:#e6ceb3;display:flex;justify-content:center;align-items:center}.story-brand{width:58%;transform:rotate(-8deg);padding:30px 35px;background:var(--cream);box-shadow:10px 16px 0 #b68a5e30;border-radius:50% 50% 8px 8px;z-index:1}.art-orbit{border:1px solid #b48c6438;border-radius:50%;position:absolute;width:700px;height:700px;left:-30%;top:-48%}.orbit-two{width:620px;height:620px;left:20%;top:34%}.art-note{position:absolute;top:37px;left:40px;font-size:24px;font-family:var(--serif);font-style:italic;transform:rotate(-8deg);color:#805330}.art-bottom{position:absolute;bottom:39px;letter-spacing:3px;font-size:9px}.art-spark{position:absolute;right:40px;top:65px;font-size:75px;color:#ac7f54}.story-copy{padding:66px 13% 60px 12%}.story-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:24px}.story-copy .text-link{margin-top:12px}.pickup{display:grid;grid-template-columns:.85fr 1.25fr;gap:45px;align-items:center}.pickup-heading h2{line-height:1.13}.pickup-heading>p:last-child{color:var(--muted);font-size:13px;margin-top:23px}.pickup-options{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pickup-card,.delivery-card{border:1px solid var(--line);border-radius:13px;padding:28px 25px}.pickup-card{background:#eee0ce}.card-number{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;margin-bottom:28px;color:#9b7757}.card-number span{font-size:24px}.pickup-options h3{font-family:var(--serif);font-size:26px;letter-spacing:-.7px;font-weight:500;line-height:1.2;margin:0 0 16px}.pickup-options p{font-size:12px;color:var(--muted);margin-bottom:25px}.pickup-options .button{padding:14px 17px;font-size:11px;gap:12px;white-space:nowrap}.phone{display:block;font-size:11px;margin-top:15px;text-align:center}.delivery-platforms{display:grid;gap:14px}.delivery-platforms>span{font-weight:700;font-size:17px}.delivery-platforms small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:3px}.closing{display:flex;justify-content:space-between;align-items:center;background:var(--brown);color:var(--cream);padding:44px 8%;gap:25px}.closing>span{font-size:72px;color:#b58c66}.closing p{font-family:var(--serif);font-size:51px;line-height:1.12;letter-spacing:-1px;text-align:center;margin:0}.closing em{color:#dfbc98}.closing>a{display:grid;place-items:center;border:1px solid #a48162;border-radius:50%;height:70px;width:70px;font-size:33px}.closing>a:hover{background:#744329}footer{padding:45px 6% 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:25px}.footer-wordmark{font-size:55px;font-weight:700;letter-spacing:-4px;line-height:1}.footer-wordmark span{font-weight:500;display:block;letter-spacing:5px;font-size:9px;text-align:center;margin-top:8px}footer>p{font-size:12px;color:var(--muted)}footer>a:last-of-type{font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;width:100%;border-top:1px solid var(--line);padding-top:22px;margin-top:15px;font-size:9px;color:var(--muted)}.footer-bottom>span:nth-child(2){letter-spacing:2px}dialog{border:1px solid var(--line);border-radius:22px;padding:45px;background:var(--cream);color:var(--brown);width:min(90vw,500px)}dialog::backdrop{background:#2d140a88;backdrop-filter:blur(4px)}dialog h2{font-size:40px}dialog p{font-size:14px;color:var(--muted)}dialog .eyebrow{font-size:9px}.dialog-close{position:absolute;top:12px;right:17px;background:transparent;font-size:26px}.dialog-note{font-size:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:22px}dialog .button{margin-top:12px}[hidden]{display:none!important}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero{min-height:750px}.hero-image{min-height:750px}.hero-copy{padding-top:100px}.hero-foot{margin-top:75px}}
@media(max-width:1100px){.hero-copy{padding-top:48px}.hero-actions{gap:15px;flex-wrap:wrap}.hero{min-height:605px}.hero-image{min-height:605px}.hero-image{background-size:228.33% auto;background-position:right center}.image-label{font-size:13px}.round-stamp{width:85px;height:85px;left:20px;top:65px}.round-stamp span{font-size:6px}.pickup{grid-template-columns:1fr;gap:30px}.pickup-heading{max-width:700px}.pickup-heading h2 br{display:none}.pickup-options{max-width:800px}.section{padding:70px 6%}.header nav{gap:20px}.story-copy{padding:50px 10%}.story-art{min-height:520px}.section-heading>p{max-width:230px}.drink-art{height:220px}}
@media(max-width:700px){html{scroll-padding-top:20px}.announcement{font-size:10px;padding:9px 10px}.announcement span{display:none}.header{height:82px;padding:0 6%;gap:14px}.brand{width:83px}.header .small{margin-left:auto;font-size:10px;gap:14px;padding:12px 16px}.mobile-toggle{display:block;background:transparent;font-size:22px;padding:4px}.header nav{display:none;position:absolute;top:113px;left:0;right:0;padding:26px 6%;background:var(--cream);z-index:5;border-bottom:1px solid var(--line)}.header nav.open{display:flex;flex-direction:column}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 7% 34px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}h1{font-size:clamp(53px,12vw,76px);letter-spacing:-2px}.hero-description{font-size:13px;margin-top:27px;margin-bottom:23px}.hero-actions{gap:21px}.button{font-size:12px;padding:16px 21px}.text-link{font-size:11px;gap:13px}.hero-foot{margin-top:25px}.hero-image{min-height:440px;background-size:228.33% auto;background-position:right 49%}.round-stamp{top:24px;left:26px}.image-label{top:27px;right:25px;font-size:15px}.brand-strip{justify-content:flex-start;padding:18px 6%;gap:24px}.brand-strip span{font-size:9px}.brand-strip i{font-size:17px}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:none;margin-top:20px;font-size:12px}.section-heading>p br{display:none}h2{font-size:38px;letter-spacing:-1.5px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:17px}.menu-toolbar{display:block;margin-bottom:25px}.filter{padding:9px 17px;font-size:11px}.menu-note{display:block;font-size:7px;margin-top:17px}.drink-grid{grid-template-columns:repeat(2,1fr);gap:22px 15px}.drink-art{height:190px}.drink-art svg{width:130px;height:172px}.drink-info{padding:15px 29px 0 0}.drink-info h3{font-size:20px}.drink-info p{font-size:10px}.drink-more{width:25px;height:25px;font-size:16px;top:15px}.menu-disclaimer{font-size:10px;margin-top:23px}.story{display:flex;flex-direction:column}.story-art{min-height:380px}.story-brand{width:52%;max-width:230px}.art-note{font-size:20px;left:25px;top:26px}.art-spark{font-size:50px;top:35px;right:25px}.art-bottom{bottom:25px;font-size:8px;letter-spacing:2px}.story-copy{padding:44px 7%}.story-copy h2 br:nth-child(2){display:none}.story-copy>p:not(.eyebrow){font-size:13px}.pickup-heading h2 br{display:block}.pickup-options{gap:15px}.pickup-card,.delivery-card{padding:20px 17px}.pickup-options h3{font-size:23px}.pickup-options p{font-size:11px}.pickup-options .button{font-size:10px;padding:12px;gap:7px}.card-number{margin-bottom:20px}.phone{font-size:10px}.delivery-platforms>span{font-size:16px}.closing{padding:35px 6%}.closing p{font-size:35px}.closing>span{font-size:38px}.closing>a{width:45px;height:45px;font-size:24px;flex-shrink:0}footer{padding:35px 6% 20px;gap:25px}footer>p{font-size:10px}footer>a:last-of-type{font-size:11px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:15px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:37px 28px}dialog h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}