/* Component-level motion states and reusable details. */
@font-face{font-family:"SipInter";src:url("../assets/fonts/UcC53FwrK3iLTcvneQg7Ca725JhhKnNqk6L5UUMbndwV.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:"SipInter";src:url("../assets/fonts/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2") format("woff2");font-style:italic;font-weight:100 900;font-display:swap}@font-face{font-family:"Meriva";src:url("../assets/fonts/meriva.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.magnetic{will-change:transform}.reveal,.reveal-text{will-change:transform,opacity}.cafe-card,.step,.phone,.membership-card{will-change:transform}.plan-preview .button{margin-top:1px}.faq-heading h2{margin-top:33px}.partner .button{margin-top:2px}

/* Membership details: every tier is monthly and exposes exactly what the pass includes. */
.membership-note{margin:0 0 8px;font:9px var(--mono);letter-spacing:.09em;color:var(--brown)}
.plan-benefits{display:flex;gap:25px;margin-top:20px}.plan-benefits p{display:flex!important;align-items:baseline;gap:6px;color:var(--ink)!important}.plan-benefits strong{font:29px/.8 var(--serif);letter-spacing:-.05em}.plan-benefits span{font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}
@media(max-width:680px){.membership-note{margin-top:20px}.plan-benefits{gap:17px}}

/* SipPass type system: hard, black structural headlines against one warm supporting line. */
:root{--sans:"SipInter",Arial,sans-serif;--serif:"SipInter",Arial,sans-serif;--meriva:"Meriva",serif}body{font-family:var(--sans)}.hero h1,h2,.step h3,.cafe-card h3,.plan-information h3,.phone h3,.partner-stamp{font-family:var(--sans);font-weight:900;font-style:normal;letter-spacing:-.01em;line-height:1.04;text-transform:uppercase}.hero h1 em,.join h2 em,h2 em,.phone h3 em{font-style:normal}.hero-copy>p{font-family:var(--meriva);font-weight:400;font-style:normal;font-size:clamp(18px,1.45vw,23px);line-height:1.32;letter-spacing:0;text-transform:none;color:var(--brown)}.eyebrow,.section-kicker,.main-nav a,.nav-cta,.button,.text-link,.plan-label,.membership-note,.cafe-card p,.rail-hint,.step-number,.price,.partner-points span,.footer p,.footer a:not(.wordmark),.footer small{font-family:var(--sans);font-weight:700;letter-spacing:.28em}.coffee-cup{inset:auto;width:42%;aspect-ratio:1;top:29%;left:29%;animation:mug-orbit 13s linear infinite}.coffee-cup img{animation:mug-image 13s linear infinite}@keyframes mug-orbit{from{transform:rotate(0deg) translateX(67%) rotate(0deg)}to{transform:rotate(360deg) translateX(67%) rotate(-360deg)}}@keyframes mug-image{from{transform:rotate(0deg) scale(1.08)}to{transform:rotate(360deg) scale(1.08)}}