@font-face{font-family:"Limelight";src:url(../fonts/limelight.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Varela Round";src:url(../fonts/varela-round.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--lounge:#1A1614;--cream:#F2E8DC;--towel:#E0B888;--steam:#8FA4B0;--ink:#1A1614;--s3:16px;--s4:24px;--s5:32px;--s6:48px;--s7:64px;--font-d:"Limelight",Georgia,serif;--font-b:"Varela Round",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-bottom:96px}
body{margin:0;background:var(--lounge);color:var(--cream);font-family:var(--font-b);font-size:17px;line-height:1.65;padding-bottom:88px}
@media(min-width:720px){body{padding-bottom:0}html{scroll-padding-bottom:16px}}
img{max-width:100%;height:auto;display:block}a{color:var(--towel)}a:focus-visible{outline:3px solid var(--towel);outline-offset:3px}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:99;background:var(--cream);color:var(--ink);padding:12px 16px;min-height:44px}
.wrap{width:min(100% - 2*var(--s4),70rem);margin-inline:auto}.num{white-space:nowrap}
.top{display:flex;align-items:center;justify-content:space-between;padding:var(--s3) var(--s4);position:sticky;top:0;background:rgba(26,22,20,.92);backdrop-filter:blur(8px);z-index:20;border-bottom:1px solid rgba(242,232,220,.1)}
.brand{font-family:var(--font-d);font-size:clamp(1.1rem,3vw,1.45rem);color:var(--cream);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.top nav a{min-height:44px;display:inline-flex;align-items:center;padding:0 12px;text-decoration:none;color:var(--cream);font-weight:400}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:600;font-size:1rem}
.btn-main{background:var(--towel);color:var(--ink)}.btn-main:hover{filter:brightness(1.05)}
.btn-ghost{background:transparent;color:var(--cream);border:2px solid rgba(242,232,220,.35)}.btn-ghost:hover{border-color:var(--cream)}
.hero{padding:var(--s6) 0 var(--s7);position:relative;overflow:hidden}
.hero-grid{display:grid;gap:var(--s5);align-items:center}
@media(min-width:900px){.hero-grid{grid-template-columns:1.05fr .95fr}}
.eyebrow{font-size:.9rem;letter-spacing:.06em;text-transform:uppercase;color:var(--towel);margin:0 0 var(--s2)}
h1{font-family:var(--font-d);font-weight:400;font-size:clamp(2.25rem,5.8vw,3.25rem);line-height:1.1;margin:0 0 var(--s3);color:var(--cream)}
h2{font-family:var(--font-d);font-weight:400;font-size:clamp(1.75rem,3.8vw,2.125rem);margin:0 0 var(--s3);color:var(--cream)}
h3{font-family:var(--font-b);font-weight:400;font-size:1.25rem;margin:0 0 var(--s2);color:var(--towel)}
.lede{max-width:34rem;margin:0 0 var(--s4);font-size:1.08rem;color:rgba(242,232,220,.9)}
.actions{display:flex;flex-wrap:wrap;gap:var(--s3)}
.towel-wrap{width:min(100%,420px);margin-inline:auto;position:relative}
.towel{width:100%;height:auto}
.steam{stroke:var(--steam);fill:none;stroke-width:3;stroke-linecap:round;opacity:.85}
@keyframes rise{from{transform:translateY(12px);opacity:.2}to{transform:translateY(-18px);opacity:.9}}
.hero.ready .steam{animation:rise 2.4s ease-out 1 forwards}
@media(prefers-reduced-motion:reduce){.hero.ready .steam{animation:none;opacity:.7}}
.bands{padding:0 0 var(--s7)}
.band{padding:var(--s5) 0;border-top:1px solid rgba(242,232,220,.1)}
.band p{max-width:40rem;margin:0;color:rgba(242,232,220,.88)}
.kids{margin-top:var(--s4);padding:var(--s4);border-left:3px solid var(--towel);background:rgba(224,184,136,.08);border-radius:0 12px 12px 0}
.look{padding:var(--s7) 0;background:#120f0e}
.g{display:grid;gap:var(--s3);grid-template-columns:1fr 1fr;margin-top:var(--s4)}
@media(min-width:800px){.g{grid-template-columns:repeat(3,1fr)}}
.g figure{margin:0;border-radius:14px;overflow:hidden;background:#000}
.g img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4;opacity:.95}
.g .wide{grid-column:span 2}.g .wide img{aspect-ratio:16/10}
@media(max-width:799px){.g .wide{grid-column:span 2}}
.quotes{padding:var(--s7) 0}
.q-grid{display:grid;gap:var(--s4);margin-top:var(--s4)}
@media(min-width:800px){.q-grid{grid-template-columns:1fr 1fr}}
blockquote{margin:0;padding:var(--s4);background:rgba(242,232,220,.06);border-radius:14px;border:1px solid rgba(242,232,220,.12)}
blockquote p{margin:0 0 var(--s3)}blockquote footer{color:var(--towel)}
.visit{padding:var(--s7) 0;background:#120f0e}
.visit-card{display:grid;gap:var(--s4);padding:var(--s5);border:1px solid rgba(242,232,220,.14);border-radius:16px}
@media(min-width:800px){.visit-card{grid-template-columns:1.1fr .9fr;align-items:center}}
.visit address{font-style:normal;margin:0 0 var(--s3);color:var(--cream)}
.foot{padding:var(--s5) 0;text-align:center;color:rgba(242,232,220,.65);border-top:1px solid rgba(242,232,220,.1)}
.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(26,22,20,.96);backdrop-filter:blur(10px);border-top:1px solid rgba(242,232,220,.12)}
.dock .btn{width:100%}
@media(min-width:720px){.dock{display:none}}
.nf{min-height:70vh;display:grid;place-items:center;padding:var(--s7) var(--s4);text-align:center}