.scrollhero{--sh-black:#000;--sh-gold:#c8a15a;--sh-gold-dim:#c8a15a52;--sh-chrome:#e8eef4;--sh-steel:#9aa7b4;--sh-runway:300vh;background:var(--sh-black);color:var(--sh-chrome);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.scrollhero *{box-sizing:border-box}.scrollhero a{color:inherit}.scrollhero .shw{max-width:1200px;margin:0 auto;padding-left:clamp(24px,5vw,80px);padding-right:clamp(24px,5vw,80px)}.scrollhero .kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--sh-gold);font-size:12px;font-weight:700}.scrollhero .rule{background:var(--sh-gold-dim);border:0;height:1px;margin:18px 0 0}.scrollhero #sh-nav{z-index:10;pointer-events:none;background:linear-gradient(#000000d9,#0000);justify-content:space-between;align-items:center;padding:20px clamp(24px,5vw,80px);display:flex;position:fixed;top:0;left:0;right:0}.scrollhero #sh-nav>*{pointer-events:auto}.scrollhero .brand{letter-spacing:.28em;text-transform:uppercase;font-size:13px;font-weight:800;text-decoration:none}.scrollhero .brand span{color:var(--sh-gold)}.scrollhero .nav-book{letter-spacing:.06em;border:1px solid var(--sh-gold-dim);color:var(--sh-gold);border-radius:999px;padding:10px 22px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.scrollhero .nav-book:hover{background:var(--sh-gold);color:#12100b}.scrollhero .nav-links{align-items:center;gap:clamp(14px,2vw,28px);display:flex}.scrollhero .nav-links a{letter-spacing:.18em;text-transform:uppercase;color:var(--sh-steel);font-size:11.5px;font-weight:700;text-decoration:none;transition:color .2s}.scrollhero .nav-links a:hover{color:var(--sh-gold)}@media (width<=1080px){.scrollhero .nav-links{display:none}}.scrollhero .nav-burger{border:1px solid var(--sh-gold-dim);cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;display:none}.scrollhero .nav-burger span{background:var(--sh-gold);border-radius:2px;width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}.scrollhero.menu-open .nav-burger span:first-child{transform:translateY(8px)rotate(45deg)}.scrollhero.menu-open .nav-burger span:nth-child(2){opacity:0}.scrollhero.menu-open .nav-burger span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=1080px){.scrollhero .nav-burger{display:flex}.scrollhero .nav-book{display:none}}.scrollhero #mobile-menu{z-index:9;background:var(--sh-black);flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:96px 24px 40px;display:none;position:fixed;inset:0}.scrollhero.menu-open #mobile-menu{display:flex}.scrollhero.menu-open{overflow:hidden}.scrollhero #mobile-menu a{letter-spacing:.14em;text-transform:uppercase;color:var(--sh-chrome);font-size:20px;font-weight:800;text-decoration:none;transition:color .2s}.scrollhero #mobile-menu a:hover{color:var(--sh-gold)}.scrollhero #mobile-menu .menu-book{background:var(--sh-gold);color:#12100b;letter-spacing:.04em;border-radius:999px;margin-top:14px;padding:15px 34px;font-size:15px}.scrollhero #stage{z-index:0;pointer-events:none;position:fixed;inset:0}.scrollhero #film{background:var(--sh-black);will-change:top,left,width,height;-webkit-mask-composite:source-in;position:absolute;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000),linear-gradient(#0000,#000 10% 90%,#0000);mask-composite:intersect}.scrollhero #film video{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.scrollhero #pin-wrap,.scrollhero main{z-index:1;position:relative}.scrollhero #pin-wrap{height:var(--sh-runway)}.scrollhero #pin{height:100vh;position:sticky;top:0;overflow:hidden}.scrollhero .hero{z-index:2;pointer-events:none;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(24px,5vw,72px);padding:clamp(24px,5vw,80px);display:grid;position:absolute;inset:0}.scrollhero .hero>*{pointer-events:auto}.scrollhero .copy{text-align:left}.scrollhero .copy h1{letter-spacing:-.03em;background:linear-gradient(180deg,#fff 0%,var(--sh-chrome) 34%,#9aa4ae 78%,#6e7780 100%);color:#0000;filter:drop-shadow(0 14px 22px #000000a6);background-clip:text;margin:0 0 20px;font-size:clamp(38px,6.2vw,82px);font-weight:800;line-height:.98}.scrollhero .copy h1 em{background:linear-gradient(180deg,#ecd29a 0%,var(--sh-gold) 45%,#8d6c33 100%);color:#0000;background-clip:text;font-style:normal}.scrollhero .copy .kicker{filter:drop-shadow(0 6px 10px #0009)}.scrollhero .copy>p{max-width:44ch;color:var(--sh-steel);text-shadow:0 8px 16px #0000008c;margin:0 0 32px;font-size:clamp(15px,1.35vw,19px)}.scrollhero .cta{flex-wrap:wrap;gap:14px;display:flex}.scrollhero .btn{letter-spacing:.01em;border-radius:999px;padding:15px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.scrollhero .btn-primary{background:linear-gradient(180deg,#dcb877 0%,var(--sh-gold) 42%,#a5813f 100%);color:#12100b;box-shadow:inset 0 1px #ffffff59,0 16px 28px #0000008c}.scrollhero .btn-ghost{color:var(--sh-chrome);border:1px solid #e8eef438;box-shadow:inset 0 1px #ffffff1f,0 16px 28px #00000080}.scrollhero #hero-slot{aspect-ratio:4/5;justify-self:end;width:100%;max-height:76vh}.scrollhero #hint{z-index:3;letter-spacing:.24em;text-transform:uppercase;color:var(--sh-steel);font-size:11px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.scrollhero section.band{padding:clamp(64px,9vw,120px) 0}.scrollhero .band h2,.scrollhero .astack h2{letter-spacing:-.025em;margin:14px 0 0;font-size:clamp(28px,3.8vw,48px);font-weight:800;line-height:1.02}.scrollhero .reveal{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,.7,.3,1);transform:translateY(28px)}.scrollhero .reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.scrollhero .reveal{opacity:1;transition:none;transform:none}}@media (width>=768px) and (prefers-reduced-motion:no-preference){.scrollhero .astack{height:calc(var(--astack-n) * var(--astack-vh) * 1vh + 100vh)}.scrollhero .astack-pin{flex-direction:column;justify-content:center;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.scrollhero .astack-pin>.shw{width:100%}.scrollhero .astack-item{will-change:opacity,transform}}.scrollhero .menu{margin-top:34px}.scrollhero .svc{border-top:1px solid #e8eef41a;grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px 18px;padding:20px 0;display:grid}.scrollhero .svc:last-child{border-bottom:1px solid #e8eef41a}.scrollhero .svc h3{letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:clamp(19px,1.8vw,26px);font-weight:800;line-height:1.15}.scrollhero .svc .dots{background:repeating-linear-gradient(90deg,#e8eef438 0 4px,#0000 4px 10px);align-self:center;height:1px}.scrollhero .svc .price{color:var(--sh-gold);white-space:nowrap;font-size:clamp(18px,1.7vw,24px);font-weight:800}.scrollhero .svc p{max-width:70ch;color:var(--sh-steel);grid-column:1/-1;margin:0;font-size:14.5px}.scrollhero .std-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,40px);margin-top:38px;display:grid}.scrollhero .std{border-top:1px solid var(--sh-gold-dim);padding-top:18px}.scrollhero .std h3{letter-spacing:-.01em;margin:0 0 10px;font-size:clamp(18px,1.7vw,24px);font-weight:800;line-height:1.2}.scrollhero .std h3 em{color:var(--sh-gold);font-style:normal}.scrollhero .std p{color:var(--sh-steel);margin:0;font-size:14.5px}.scrollhero .team-grid{grid-template-columns:repeat(auto-fit,minmax(220px,320px));gap:clamp(20px,3vw,40px);margin-top:38px;display:grid}.scrollhero .barber .ph{aspect-ratio:3/4;background:linear-gradient(#ffffff0a,#ffffff03);border:1px solid #e8eef41a;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.scrollhero .barber .ph img{object-fit:cover;width:100%;height:100%;display:block}.scrollhero .barber .ph span{color:var(--sh-gold);opacity:.35;letter-spacing:.05em;font-size:clamp(40px,4vw,56px);font-weight:800}.scrollhero .barber h3{letter-spacing:-.01em;margin:16px 0 0;font-size:clamp(17px,1.6vw,22px);font-weight:800}.scrollhero .barber .role{letter-spacing:.24em;text-transform:uppercase;color:var(--sh-gold);margin-top:4px;font-size:11px;font-weight:700}.scrollhero .barber p{color:var(--sh-steel);margin:10px 0 0;font-size:14px}.scrollhero .gallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:38px;display:grid}.scrollhero .gtile{aspect-ratio:4/5;background:linear-gradient(#ffffff09,#ffffff02);border:1px solid #e8eef41a;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.scrollhero .gtile img{object-fit:cover;width:100%;height:100%;display:block}.scrollhero .reviews-grid{grid-template-columns:repeat(auto-fit,minmax(260px,560px));gap:16px;margin-top:38px;display:grid}.scrollhero .review{background:#ffffff05;border:1px solid #e8eef41a;border-radius:14px;padding:24px}.scrollhero .stars{color:var(--sh-gold);letter-spacing:.2em;font-size:13px}.scrollhero .review p{color:var(--sh-chrome);margin:12px 0 16px;font-size:14.5px}.scrollhero .review cite{color:var(--sh-steel);letter-spacing:.04em;font-size:12.5px;font-style:normal}.scrollhero .visit-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,5vw,64px);margin-top:38px;display:grid}.scrollhero .hours{border-collapse:collapse;width:100%}.scrollhero .hours td{color:var(--sh-steel);border-bottom:1px solid #e8eef414;padding:10px 0;font-size:14.5px}.scrollhero .hours td:last-child{text-align:right;color:var(--sh-chrome)}.scrollhero .visit-info p{color:var(--sh-steel);margin:0 0 16px;font-size:14.5px;line-height:1.7}.scrollhero .visit-info strong{color:var(--sh-chrome)}.scrollhero .visit-info a{color:var(--sh-gold);text-decoration:none}.scrollhero .visit-info a:hover{text-decoration:underline}.scrollhero .faq{border-top:1px solid var(--sh-gold-dim);border-bottom:1px solid var(--sh-gold-dim);max-width:760px;margin:38px auto 0}.scrollhero .faq details{border-top:1px solid #e8eef414;padding:20px 0}.scrollhero .faq details:first-child{border-top:0}.scrollhero .faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;align-items:center;gap:16px;font-size:clamp(16px,1.5vw,19px);font-weight:800;list-style:none;display:flex}.scrollhero .faq summary::-webkit-details-marker{display:none}.scrollhero .faq summary .plus{color:var(--sh-gold);flex:none;font-size:22px;font-weight:400;transition:transform .25s}.scrollhero .faq details[open] summary .plus{transform:rotate(45deg)}.scrollhero .faq details p{color:var(--sh-steel);max-width:64ch;margin:12px 0 0;font-size:14.5px}.scrollhero #faq .kicker,.scrollhero #faq h2,.scrollhero #book{text-align:center}.scrollhero #book h2{font-size:clamp(34px,5vw,64px)}.scrollhero #book p{max-width:44ch;color:var(--sh-steel);margin:18px auto 32px;font-size:15px}.scrollhero #book .btn-primary{padding:17px 38px;font-size:16px}.scrollhero footer{border-top:1px solid #e8eef414;margin-top:clamp(40px,6vw,80px);padding:30px 0 40px}.scrollhero .foot{color:var(--sh-steel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:12.5px;display:flex}.scrollhero .foot a{text-decoration:none}.scrollhero .foot a:hover{color:var(--sh-gold)}@media (width<=820px){.scrollhero .hero{grid-template-columns:1fr;align-content:center}.scrollhero #hero-slot{aspect-ratio:16/10;max-height:38vh}}@media (prefers-reduced-motion:reduce){.scrollhero #pin-wrap{height:100vh}}
