@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
:root{--ink:#242120;--coral:#d94832;--red:#a91f26;--gold:#efa43e;--cream:#f3ecdf;--paper:#fbf7ef;--muted:#706761;--line:rgba(36,33,32,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit}header{height:92px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:rgba(251,247,239,.94);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;text-transform:uppercase;font-size:10px;line-height:1.25;letter-spacing:.13em}.brand strong{color:var(--red);font-size:12px}.brand-mark{width:43px;height:43px;border:2px solid var(--red);border-radius:50%;display:grid;place-items:center;position:relative;color:var(--red);background:var(--cream)}.brand-mark i{font:700 8px "DM Sans";position:absolute;top:4px}.brand-mark b{font:700 14px "Playfair Display";letter-spacing:-1px}.brand-mark:after{content:"";position:absolute;bottom:6px;width:17px;height:3px;background:var(--gold);border-radius:5px}header nav{display:flex;align-items:center;gap:34px}header nav>a{font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-decoration:none;font-weight:600}.nav-order{background:var(--ink);color:#fff;padding:13px 19px}.menu-toggle{display:none;border:0;background:none}.menu-toggle i{display:block;width:24px;height:2px;background:var(--ink);margin:5px}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;overflow:hidden;background:linear-gradient(120deg,var(--paper),var(--cream));padding:70px clamp(22px,7vw,110px);position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.08;background-image:radial-gradient(var(--ink) .6px,transparent .6px);background-size:12px 12px}.hero-copy{position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--red);font-size:10px;font-weight:700;margin:0 0 23px}.eyebrow:before{content:"";display:inline-block;width:28px;height:2px;background:currentColor;vertical-align:middle;margin-right:11px}.hero h1,.section-heading h2,.favorites h2,.about h2,.visit h2{font:700 clamp(60px,8.5vw,128px)/.85 "Playfair Display",serif;letter-spacing:-.045em;margin:0}.hero h1 em{color:var(--coral)}.lede{font-size:clamp(16px,1.6vw,20px);line-height:1.7;color:var(--muted);max-width:630px;margin:32px 0}.hero-actions{display:flex;gap:22px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;padding:16px 23px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700}.button.primary{background:var(--coral);color:white}.button.text{padding-left:0}.button.text span{font-size:20px;margin-left:11px}.quick-facts{display:flex;gap:34px;margin-top:50px;padding-top:23px;border-top:1px solid var(--line);max-width:650px}.quick-facts span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.quick-facts b{color:var(--ink);font-size:16px;margin-right:5px}.drink-stage{height:570px;position:relative;display:grid;place-items:center}.sun{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--gold);opacity:.88}.cup{height:400px;width:205px;background:linear-gradient(180deg,rgba(255,122,55,.9),#dd342e 48%,#a70f24);clip-path:polygon(6% 0,94% 0,82% 100%,18% 100%);position:relative;z-index:3;filter:drop-shadow(25px 35px 25px rgba(70,20,10,.22));border-top:13px solid rgba(255,255,255,.68)}.straw{position:absolute;z-index:4;width:12px;height:315px;background:#313536;top:2px;left:54%;transform:rotate(5deg);border-radius:4px}.cup-logo{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:103px;height:103px;border-radius:50%;background:var(--cream);border:4px solid var(--red);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--red)}.cup-logo b{font:700 24px "Playfair Display"}.cup-logo small{font-size:7px;font-weight:700;letter-spacing:.12em}.ice{position:absolute;width:45px;height:33px;border:2px solid rgba(255,255,255,.45);border-radius:12px;transform:rotate(22deg)}.i1{top:35px;left:34px}.i2{top:65px;right:30px}.i3{top:110px;left:75px}.spark{position:absolute;color:var(--red);font-size:34px}.s1{top:12%;right:7%}.s2{bottom:15%;left:6%;font-size:21px}.fruit{position:absolute;border-radius:50%;border:12px solid var(--coral);width:70px;height:70px;z-index:4;background:var(--gold)}.fruit-one{bottom:60px;right:12%;transform:rotate(20deg)}.fruit-two{top:70px;left:8%;width:48px;height:48px;border-width:8px}.ticker{overflow:hidden;background:var(--ink);color:white;padding:17px 0;white-space:nowrap}.ticker div{font:700 11px "DM Sans";letter-spacing:.18em;text-align:center}.ticker i{color:var(--gold);font-style:normal;margin:0 27px}.menu-section{padding:120px clamp(22px,6vw,90px)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:58px}.section-heading h2{font-size:clamp(50px,6vw,84px)}.section-heading>p{max-width:470px;line-height:1.7;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr)}.category{padding:27px;border:1px solid var(--line);margin-right:-1px;min-height:440px;display:flex;flex-direction:column}.category>span{font-size:10px;color:var(--muted)}.category-art{height:125px;margin:28px -5px;display:grid;place-items:center;font:700 72px "Playfair Display";border-radius:50% 50% 8px 8px;color:rgba(255,255,255,.8)}.tea .category-art{background:linear-gradient(135deg,#e94e32,#ef9d38)}.shake .category-art{background:linear-gradient(135deg,#c93242,#f49a92)}.bowl .category-art{background:linear-gradient(135deg,#6a284e,#db526a)}.shot .category-art{background:linear-gradient(135deg,#e5a22e,#bf312c)}.category h3{font:700 28px "Playfair Display";margin:5px 0 12px}.category p{color:var(--muted);font-size:13px;line-height:1.65}.category>b{margin-top:auto;color:var(--red);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.favorites{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--red);color:white;padding:110px clamp(22px,7vw,110px);gap:9%}.eyebrow.light{color:var(--gold)}.favorites h2{font-size:clamp(55px,7vw,95px)}.favorites-copy>p:not(.eyebrow){color:rgba(255,255,255,.72);line-height:1.7;max-width:440px}.button.cream{background:var(--cream);color:var(--red);margin-top:20px}.favorite-list article{display:grid;grid-template-columns:35px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);padding:23px 0}.favorite-list article>span{font-size:10px;color:var(--gold)}.favorite-list h3{margin:0 0 5px;font:700 24px "Playfair Display"}.favorite-list p{margin:0;color:rgba(255,255,255,.68);font-size:12px}.favorite-list article>b{color:var(--gold)}.about{padding:130px clamp(22px,11vw,170px);display:grid;grid-template-columns:280px 1fr;gap:10%;align-items:center}.about-stamp{width:220px;height:220px;border:2px solid var(--coral);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red);transform:rotate(-8deg)}.about-stamp span{font-size:11px;letter-spacing:.18em}.about-stamp strong{font-size:48px;color:var(--gold);line-height:1.4}.about h2{font-size:clamp(48px,6vw,80px);max-width:850px}.about>div:last-child>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:750px}.visit{display:grid;grid-template-columns:1.1fr .8fr .9fr;background:var(--ink);color:white}.visit>div{padding:80px clamp(25px,4vw,65px);border-right:1px solid rgba(255,255,255,.13)}.visit h2{font-size:clamp(47px,5vw,72px)}.visit address{font-style:normal;color:rgba(255,255,255,.65);line-height:1.7;margin:35px 0 10px}.visit address strong{color:white}.visit-main>a{color:var(--gold)}.hours h3,.order-card h3{font:700 29px "Playfair Display"}.hours dl div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid rgba(255,255,255,.13);padding:15px 0}.hours dt,.hours dd{font-size:12px}.hours dd{text-align:right;color:var(--gold);margin:0}.hours>p,.order-card>p{font-size:10px;line-height:1.6;color:rgba(255,255,255,.5)}.order-card{background:#302b29}.order-card h3{font-size:38px}.order-card .button{margin:20px 0}.door-link{display:block;color:var(--gold);font-size:11px}body>footer{display:flex;align-items:center;justify-content:space-between;padding:35px clamp(22px,5vw,76px);background:var(--cream);color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.1em}.footer-brand{color:var(--ink)}.menu-toggle{cursor:pointer}@media(max-width:950px){header nav{display:none;position:absolute;top:92px;left:0;right:0;background:var(--paper);padding:28px;flex-direction:column;align-items:stretch}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:100px}.drink-stage{height:480px;margin-top:30px}.section-heading{display:block}.section-heading>p{margin-top:25px}.category-grid{grid-template-columns:1fr 1fr}.favorites{grid-template-columns:1fr}.about{grid-template-columns:1fr}.about-stamp{margin-bottom:30px}.visit{grid-template-columns:1fr 1fr}.order-card{grid-column:1/-1}header nav.open{display:flex}}@media(max-width:580px){header{height:78px}.hero{padding:70px 22px}.hero h1{font-size:57px}.quick-facts{gap:12px;justify-content:space-between}.quick-facts span{font-size:8px}.quick-facts b{display:block}.drink-stage{height:400px}.sun{width:330px;height:330px}.cup{height:320px;width:165px}.straw{height:250px}.fruit{right:2%}.ticker div{text-align:left}.menu-section{padding-top:85px}.category-grid{grid-template-columns:1fr}.category{min-height:390px;margin-bottom:-1px}.favorites{padding-top:80px;padding-bottom:80px}.favorite-list article{grid-template-columns:25px 1fr}.favorite-list article>b{display:none}.about{padding-top:90px;padding-bottom:90px}.about-stamp{width:170px;height:170px}.visit{grid-template-columns:1fr}.order-card{grid-column:auto}.visit>div{padding:55px 25px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}body>footer{align-items:flex-start;gap:25px;flex-direction:column}.footer-brand{display:none}}