/* Editorial hero with a framed photographic reveal. */
.hero{border:0;background:#f7f8f5;color:var(--ink);display:flex;align-items:center;min-height:640px}
.hero:after{display:none}
.hero-photo-panel{position:absolute;inset:18px 18px 18px 43%;overflow:hidden;border-radius:3px;isolation:isolate;animation:photo-unfold 1.5s 2.65s cubic-bezier(.22,1,.36,1) both}
.hero-photo-panel .hero-image{z-index:0}
.hero-photo-panel .hero-image-next{z-index:1}
.hero-photo-panel .hero-wash{z-index:2;background:linear-gradient(180deg,transparent 70%,#16241940)}
.hero-copy{position:relative;width:43%;max-width:none;padding:110px 4vw 110px 6vw;text-align:left;animation:none}
.hero-copy .eyebrow{display:block;font:400 .75rem/1.5 Arial,sans-serif;letter-spacing:.12em;color:var(--muted);margin-bottom:28px;animation:hero-arrive 1s 3s both}
.hero-copy h1{color:var(--ink);font-size:clamp(1.5rem,2.7vw,var(--size-title));letter-spacing:.035em;line-height:1.6;animation:hero-arrive 1.1s 3.15s both}
.hero-copy h1 .phrase{display:block}
.hero-copy>p:last-child{color:var(--muted);font-size:.875rem;line-height:1.9;letter-spacing:.015em;margin:26px 0 0;max-width:350px;animation:hero-arrive 1.1s 3.35s both}
.header>.brand{color:var(--ink)}
.header .brand-mark{filter:none}
.hero .scroll{left:6vw;transform:none;bottom:32px;color:var(--ink);align-items:flex-start}
.hero .scroll i{background:#25272570;height:34px}
.hero .motion-toggle{left:auto;right:38px;bottom:34px;background:#ffffffd9;border-color:#fff;color:var(--ink);z-index:3}
@keyframes photo-unfold{from{clip-path:inset(0 0 100% 0);transform:translateY(24px)}to{clip-path:inset(0);transform:none}}
@media(max-width:900px){.hero-copy{padding-left:5vw;padding-right:3vw}.hero-copy h1{font-size:1.6rem}}
@media(max-width:620px){.hero{height:100svh;min-height:660px;align-items:flex-start}.hero-copy{width:100%;padding:115px 7vw 0}.hero-copy .eyebrow{margin-bottom:12px}.hero-copy h1{font-size:1.5rem}.hero-copy h1 .phrase{display:inline-block}.hero-copy>p:last-child{max-width:340px;margin:15px 0 0;font-size:.8125rem}.hero-photo-panel{inset:max(380px,45%) 12px 12px}.hero .scroll{left:28px;bottom:27px;color:#fff;z-index:3}.hero .scroll i{background:#fff8}.hero .motion-toggle{right:28px;bottom:28px}.header .menu{color:var(--ink)}.header.menu-active .menu{color:white}}
@media(prefers-reduced-motion:reduce){.hero-photo-panel{clip-path:none;transform:none}.hero-copy>*{opacity:1;transform:none}}