:root{--navy:#04032b;--yellow:#ffd31a;--gray:#606060;--script:'Nothing You Could Do',cursive;--body:'Cabin',sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--navy);font:17px/1.65 var(--body);background:white}a{color:inherit}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}input:focus-visible,textarea:focus-visible{outline:2px solid var(--navy);outline-offset:4px}.skip-link{position:fixed;top:-100px;left:12px;padding:12px;background:var(--yellow);z-index:30}.skip-link:focus{top:12px}.container{width:min(1200px,90%);margin-inline:auto}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(1280px,90%);margin:auto;padding:23px 0;color:white}.wordmark{text-decoration:none;font-size:18px;font-weight:700;letter-spacing:4px}.wordmark span{color:var(--yellow)}nav{display:flex;gap:30px}nav a{text-decoration:none;text-transform:uppercase;font-size:13px;letter-spacing:2px}nav a:hover{color:var(--yellow)}.hero{background:linear-gradient(#0009,#000a),url('boba-selection.jpg') center 61%/cover no-repeat;min-height:690px;display:grid;place-items:center;text-align:center;color:white}.hero-inner{width:min(1250px,92%);padding:155px 0 70px;position:relative}.hero h1{font-size:clamp(52px,7.6vw,108px);line-height:1.12;letter-spacing:.2em;text-transform:uppercase;margin:0 0 25px;padding-left:.2em;font-weight:700;position:relative;z-index:1}.hero-subtitle{font-size:clamp(19px,2.7vw,35px);font-weight:700;letter-spacing:.25em;text-transform:uppercase;margin:0;position:relative;z-index:1}.hero-watermark{display:block;font-size:clamp(110px,18vw,240px);letter-spacing:.24em;color:#ffd31a50;font-weight:700;line-height:1.1;padding-left:.24em;user-select:none;margin:-15px 0 -5px}.hero-description{margin:20px auto 28px;max-width:620px;font-size:16px}.button{border:2px solid var(--yellow);background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 26px;font:700 13px/1.4 var(--body);letter-spacing:3px;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .2s,color .2s}.button:hover{background:var(--yellow);color:var(--navy)}.button-light{color:white}.button span{font-size:19px}.section{padding:85px 0}.section-heading{position:relative;text-align:center;padding:35px 20px 45px;isolation:isolate}.section-heading h2{font-size:34px;line-height:1.3;letter-spacing:8px;text-transform:uppercase;margin:0 0 35px;font-weight:700;position:relative}.backdrop{position:absolute;z-index:-1;left:50%;top:0;transform:translateX(-50%);font:400 clamp(65px,7.5vw,100px)/1.2 var(--script);color:#e4e4e4;text-transform:uppercase;letter-spacing:16px;white-space:nowrap;user-select:none;max-width:100%;overflow:hidden}.divider{display:block;background:var(--yellow);width:125px;height:2px;margin:0 auto 15px}.section-heading p{margin:0 auto;max-width:750px;font-size:16px}.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:10px;align-items:stretch}.drink-card{background:#f0f0f0;border-radius:10px;overflow:hidden;text-align:center;transition:background .2s,transform .2s}.drink-card:hover{transform:translateY(-4px);background:var(--yellow)}.drink-card.featured{background:var(--yellow);padding:10px 10px 0}.drink-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.drink-content{padding:22px 18px 28px}.drink-content h3{font:700 25px/1.4 var(--script);margin:0 0 18px}.drink-content ul{list-style:none;padding:0;margin:0;font-size:17px;line-height:1.9}.ingredients{text-align:center;margin-top:48px}.ingredients h3{font:400 28px/1.4 var(--script);margin:0 0 7px}.ingredients-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin:12px 0 18px}.ingredients ul{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:0 auto;padding:0;max-width:850px;font-size:15px;color:var(--gray)}.ingredients li::before{content:'•';color:#c29b00;margin-right:8px}.about>.section-heading{margin-bottom:20px}.about-banner{background:linear-gradient(#0009,#0009),url('boba-selection.jpg') center 54%/cover no-repeat;min-height:480px;display:grid;place-items:center;text-align:center;color:white;padding:60px 5%}.about-banner h3{text-transform:uppercase;font-size:34px;letter-spacing:10px;margin:0 0 -70px;position:relative;z-index:1}.about-banner span{font-weight:700;font-size:160px;letter-spacing:25px;color:#ffd31a60;padding-left:25px}.about-banner p{font:400 30px/1.5 var(--script);margin:35px 0 0}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-block:50px;color:var(--gray)}.about-copy p{margin:0 0 22px}.contact{padding-top:25px}.contact-wrap{max-width:1050px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}label{display:block;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:8px}input,textarea{width:100%;border:0;border-left:2px solid var(--yellow);border-bottom:2px solid var(--yellow);border-radius:0;background:#fafafa;color:var(--navy);padding:12px 15px;margin:0 0 24px;line-height:1.5}textarea{resize:vertical;min-height:145px}input::placeholder,textarea::placeholder{color:#6e6e7b;font-size:14px}.form-note{color:var(--gray);font-size:14px;margin:-10px 0 20px}form{text-align:center}form label,form input,form textarea,form .form-note{text-align:left}form #contact-status{font-size:14px;color:var(--gray)}address{text-align:center;font-style:normal;margin:45px auto 0}address .email-link{font-size:23px;font-weight:600;text-decoration-thickness:1px;text-underline-offset:7px}address p{margin:20px 0 0;color:var(--gray)}footer{background:var(--navy);color:white;text-align:center;padding:55px 20px 30px;position:relative;overflow:hidden}.footer-title{position:relative;z-index:1;text-transform:uppercase;font-size:30px;font-weight:700;letter-spacing:9px;text-decoration:none}.footer-watermark{display:block;font-size:96px;font-weight:700;letter-spacing:24px;line-height:1;color:#ffffff28;margin:-30px 0 20px;padding-left:24px}footer p{font-size:14px;margin:0}.back-to-top{display:inline-block;font-size:12px;letter-spacing:2px;margin-top:16px;color:#ddd;text-underline-offset:4px}@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:760px){body{font-size:16px}.site-header{padding:18px 0}.wordmark{font-size:14px;letter-spacing:2px}nav{gap:15px}nav a{font-size:11px;letter-spacing:1px}.hero{min-height:580px}.hero-inner{padding:130px 0 60px}.hero h1{font-size:clamp(38px,9vw,65px);letter-spacing:.12em}.hero-subtitle{font-size:20px;letter-spacing:5px}.hero-watermark{font-size:clamp(95px,21vw,155px);letter-spacing:12px;padding-left:12px;margin:20px 0}.hero-description{max-width:350px;font-size:15px}.section{padding:55px 0}.section-heading{padding:25px 5% 35px}.section-heading h2{font-size:25px;letter-spacing:4px;margin-bottom:30px}.backdrop{font-size:58px;letter-spacing:6px}.section-heading p{font-size:15px}.drink-grid{gap:18px}.drink-content{padding:20px 12px}.drink-content h3{font-size:22px}.drink-content ul{font-size:15px}.about-banner{min-height:360px}.about-banner h3{font-size:25px;letter-spacing:6px;margin-bottom:-45px}.about-banner span{font-size:110px;letter-spacing:15px;padding-left:15px}.about-banner p{font-size:23px;max-width:450px;margin:25px auto 0}.about-copy{gap:25px;padding-block:35px}.form-row{grid-template-columns:1fr;gap:0}.contact{padding-top:10px}address .email-link{font-size:20px}footer{padding-top:45px}}@media(max-width:560px){.drink-grid{grid-template-columns:1fr;width:min(400px,88%);gap:25px}.drink-content ul{font-size:17px}.drink-card img{aspect-ratio:1.15}.about-copy{grid-template-columns:1fr;gap:0}.hero{min-height:570px}.hero-subtitle{font-size:16px;letter-spacing:4px}.hero h1{font-size:42px}.section-heading h2{font-size:23px;letter-spacing:3px}.backdrop{font-size:48px;letter-spacing:4px}.section-heading{padding-top:20px}.footer-title{font-size:25px}.footer-watermark{font-size:75px}.button{letter-spacing:2px}.wordmark{font-size:13px}nav{gap:11px}nav a{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}button:disabled{opacity:.6;cursor:wait}