/* Reversible typography trial: remove this stylesheet link to restore the original. */
@font-face{font-family:Geist;src:url('assets/fonts/Geist-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
.reformer-v1{--sans:Geist,Helvetica,Arial,sans-serif;--serif:Geist,Helvetica,Arial,sans-serif}
.reformer-v1 h1,.reformer-v1 h2{font-weight:600;letter-spacing:-.045em}
.reformer-v1 h3,.reformer-v1 h4{font-weight:600;letter-spacing:-.025em}
.reformer-v1 .brand{font-family:var(--sans);font-weight:600;letter-spacing:-.055em}

/* Two stable lines; all phrases occupy the same grid cell to prevent layout shifts. */
.reformer-v1 .hero-headline{position:relative;margin:22px 0 20px}
.reformer-v1 .hero .hero-headline h1{font-size:clamp(38px,3.8vw,56px);line-height:1.13;margin:0;letter-spacing:-.05em}
.reformer-v1 .hero h1 .hero-title-static{display:block;color:var(--ink);white-space:nowrap}
.reformer-v1 .hero-title-rotation{display:grid}
.reformer-v1 .hero-title-phrase{grid-area:1/1;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.reformer-v1 .hero-title-phrase.is-active{opacity:1;transform:translateY(0)}




@media(max-width:1050px) and (min-width:601px){.reformer-v1 .hero .hero-headline h1{font-size:clamp(30px,3.7vw,40px)}}
@media(max-width:600px){.reformer-v1 .hero-headline{margin:16px 0}.reformer-v1 .hero .hero-headline h1{font-size:clamp(29px,8.5vw,43px)}}
@media(prefers-reduced-motion:reduce){.reformer-v1 .hero-title-phrase{transition:none;transform:none}}

.reformer-v1 header .brand,.reformer-v1 footer .brand{font-size:28px}
.reformer-v1 .brand>span{font-weight:550}
.reformer-v1 footer .brand .brand-symbol{width:42px;height:42px;margin-right:10px}
@media(max-width:600px){.reformer-v1 header .brand,.reformer-v1 footer .brand{font-size:24px}.reformer-v1 footer .brand .brand-symbol{width:30px;height:30px;margin-right:8px}}
.reformer-v1 header .nav>.brand,.reformer-v1 footer .footer-main>.brand{font-size:28px}
@media(max-width:600px){.reformer-v1 header .nav>.brand,.reformer-v1 footer .footer-main>.brand{font-size:24px}}

/* Keep the Spa descriptor close and readable across both wordmarks. */
.reformer-v1 header .nav>.brand>span,.reformer-v1 footer .footer-main>.brand>span{font-size:11px;margin-left:4px;letter-spacing:.09em}
@media(max-width:600px){.reformer-v1 header .nav>.brand>span,.reformer-v1 footer .footer-main>.brand>span{font-size:10px;margin-left:4px}}