.hero{height:100svh;min-height:680px;background:white;color:#fff;border:0;display:flex;align-items:flex-end;justify-content:center}
.hero-photo-panel{inset:94px 9vw 40px;border-radius:0;opacity:1;animation:frame-open 1.6s 1s cubic-bezier(.22,1,.36,1) both}
.hero-photo-panel .hero-image{filter:none;object-position:center 50%}.hero-photo-panel .hero-image-next{object-position:center 68%}
.hero-photo-panel .hero-wash{background:linear-gradient(180deg,transparent 45%,#071a1666)}
.hero-copy{position:relative;z-index:3;width:75%;max-width:720px;padding:0 24px 115px;text-align:center}
.hero-copy .eyebrow{display:none}.hero-copy h1{font-size:clamp(1.5rem,2.7vw,2rem);color:white;line-height:1.5;animation-delay:2.3s}.hero-copy h1 .phrase{display:inline-block}.hero-copy>p:last-child{font-size:.875rem;max-width:450px;margin:18px auto 0;line-height:1.8;color:white;animation-delay:2.5s}
.hero .hero-brand,.hero-side,.hero-code{display:none}.header>.brand{color:#191d19}.header .brand-mark{filter:none}
.hero-edge{position:absolute;z-index:3;top:46%;writing-mode:vertical-rl;color:#161b17;font:500 .875rem/1.3 Arial,sans-serif;letter-spacing:.2em;text-decoration:none;animation:hero-arrive .8s 3s both}.hero-edge-left{left:28px}.hero-edge-right{right:65px}.hero-edge:hover{color:#668778}
.hero .scroll{right:10vw;left:auto;bottom:56px;color:white;z-index:3}.hero .scroll i{display:none}.hero .motion-toggle{left:10vw;right:auto;bottom:52px;background:#fff2;color:white;border-color:#fff6}
.hero .opening-message{background:#fff;animation:frame-intro-dismiss 1.8s both}.opening-identity{color:#161b17;top:40%;left:0;right:0;align-items:center;animation:frame-sign-enter 1.5s both}.opening-identity span{font:400 1.75rem/1.2 Arial,sans-serif;letter-spacing:.16em}.opening-identity img{display:none}
@keyframes frame-open{from{clip-path:inset(50% 0);transform:scale(.97)}to{clip-path:inset(0);transform:none}}
@keyframes frame-intro-dismiss{0%,55%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes frame-sign-enter{0%{opacity:0;transform:translateY(8px)}30%,65%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@media(max-width:700px){.hero{min-height:660px}.hero-photo-panel{inset:100px 38px 84px 20px}.hero-copy{width:100%;padding:0 52px 172px 32px}.hero-copy h1{font-size:1.5rem}.hero-copy>p:last-child{font-size:.875rem}.hero-edge{display:none}.hero .scroll{right:52px;bottom:103px}.hero .motion-toggle{left:34px;bottom:98px}}
@media(prefers-reduced-motion:reduce){.hero-photo-panel,.hero-copy>*,.hero-edge{animation:none;opacity:1;clip-path:none;transform:none}.hero .opening-message{display:none}}