/* A quiet, aligned wordmark: light follows the pointer without moving the layout. */
.hero .hero-center{flex:1;display:grid;place-content:center;justify-items:start;margin:0;padding:32px 0 44px;text-align:left;--slogan-x:0px;--slogan-y:0px;--sweep-x:-160px}
.hero h1.hero-title{font-size:clamp(68px,7.2vw,118px);font-weight:300;letter-spacing:.075em;line-height:1.4;text-shadow:none;width:max-content;max-width:100%;transform:translate3d(var(--slogan-x),var(--slogan-y),0);transition:transform .6s var(--ease)}
.hero h1.hero-title>.slogan-row{display:block;margin:0;padding:0 .04em;overflow:hidden;font-weight:300;letter-spacing:inherit}
.hero h1.hero-title>.slogan-row:nth-child(2){margin:0;font-weight:300;letter-spacing:inherit}
.slogan-ink{display:block;color:#edede9;white-space:nowrap;transform:translateY(0)}
@supports(background-clip:text){.slogan-ink{background:linear-gradient(110deg,#c9c9c3 calc(var(--sweep-x) - 110px),#f2f2ec calc(var(--sweep-x) - 38px),#fff var(--sweep-x),#eee0c2 calc(var(--sweep-x) + 24px),#c9c9c3 calc(var(--sweep-x) + 110px));background-clip:text;-webkit-background-clip:text;color:transparent}}
.hero .slogan-point{font-size:.8em;font-weight:300;letter-spacing:0;color:var(--gold-bright)}
.hero.is-active .slogan-ink{animation:slogan-reveal 1.2s var(--ease) both}
.hero.is-active .slogan-row:nth-child(2) .slogan-ink{animation-delay:.16s}
.slogan-rule{width:48px;height:1px;margin:29px 0 0 .3em;background:#f0f0e861;transform:translate3d(var(--slogan-x),var(--slogan-y),0);transition:width .9s var(--ease),transform .6s var(--ease),opacity .6s;opacity:.6}
.hero-center:hover .slogan-rule{width:100px;opacity:1}
@keyframes slogan-reveal{from{opacity:0;transform:translateY(105%)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.hero .hero-center{padding:24px 0 38px}.hero h1.hero-title{font-size:clamp(39px,10.2vw,70px);line-height:1.52;letter-spacing:.055em}.slogan-rule{margin-top:25px;width:36px}.hero-center:hover .slogan-rule{width:60px}}
@media(max-height:740px) and (min-width:761px){.hero h1.hero-title{font-size:clamp(64px,7vw,94px);line-height:1.3}.hero .hero-center{padding:16px 0 22px}.slogan-rule{margin-top:20px}}
@media(max-height:700px) and (max-width:760px){.hero .hero-center{padding:18px 0 27px}.hero h1.hero-title{font-size:clamp(36px,10.2vw,61px)}.slogan-rule{margin-top:19px}}
@media(max-height:490px) and (min-width:500px){.hero .hero-center{padding:8px 0 10px}.hero h1.hero-title{font-size:36px;line-height:1.25}.slogan-rule{margin-top:12px;width:32px}}
@media(prefers-reduced-motion:reduce){.hero.is-active .slogan-ink{animation:none}.hero h1.hero-title,.slogan-rule{transform:none!important;transition:none}.hero-center:hover .slogan-rule{width:48px}}
.hero.motion-still .hero-title,.hero.motion-still .slogan-rule{transform:none;transition:none}
.hero.motion-still .slogan-ink{animation:none;background:none;color:#edede9}
