/* Portrait direction is part of the composition: both profiles face into the copy. */
#hero.editorial-hero{min-height:0;padding-top:64px;overflow:hidden}
#hero.editorial-hero>div{max-width:1600px;padding:0;width:100%}
#hero.editorial-hero>div>div{grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
#hero.editorial-hero>div>div>div:first-child{order:2;display:flex;flex-direction:column;justify-content:center;padding:90px clamp(32px,6vw,96px) 90px clamp(32px,5vw,80px)}
#hero.editorial-hero>div>div>div:last-child{order:1;position:relative;display:block;min-height:760px;background:#f9f8f6}
#hero.editorial-hero img{width:100%!important;max-width:none!important;height:100%!important;position:absolute;inset:0;object-fit:cover!important;object-position:55% 44%!important;mix-blend-mode:multiply}
#hero.editorial-hero h1{font-size:clamp(50px,5.8vw,88px)!important;line-height:1.07;letter-spacing:-.035em!important}
#hero.editorial-hero p:first-child{font-size:10px;letter-spacing:.18em;line-height:1.7}
#hero.editorial-hero h1+p{font-size:15px;max-width:390px}
.editorial-perspective{display:grid;grid-template-columns:1fr 1fr;background:#101010;color:#f9f8f6;min-height:740px;overflow:hidden}
.perspective-copy{display:flex;flex-direction:column;justify-content:center;padding:100px clamp(30px,8vw,130px)}
.perspective-eyebrow{font:500 10px/1.6 'DM Sans',sans-serif;letter-spacing:.22em;text-transform:uppercase;color:#aaa;margin-bottom:32px}
.perspective-copy h2{font:400 clamp(48px,5.7vw,90px)/1.05 'DM Serif Display',serif;letter-spacing:-.035em;margin:0 0 32px}
.perspective-copy h2 em{color:#a8a8a8;font-weight:400}
.perspective-description{font:400 15px/1.9 'DM Sans',sans-serif;color:#aaa;max-width:290px;margin-bottom:40px}
.perspective-link{display:flex;justify-content:space-between;align-items:center;gap:30px;width:210px;border-bottom:1px solid #555;padding-bottom:14px;font:500 10px/1.5 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.16em;color:#eee;text-decoration:none;transition:color .2s,border-color .2s}
.perspective-link:hover{color:#ffd08c;border-color:#ffd08c}
.perspective-link:focus-visible{outline:2px solid #ffd08c;outline-offset:8px}
.perspective-link span{font-size:20px}
.perspective-portrait{margin:0;min-height:740px;position:relative}
.perspective-portrait img{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:45% 35%}
@media(min-width:1600px){.editorial-perspective{padding-left:calc((100vw - 1600px)/2);padding-right:calc((100vw - 1600px)/2)}}
@media(max-width:1023px){
#hero.editorial-hero>div>div{grid-template-columns:1fr}
#hero.editorial-hero>div>div>div:last-child{min-height:0;height:67svh;max-height:680px;min-height:420px}
#hero.editorial-hero img{object-fit:contain!important;object-position:center!important}
#hero.editorial-hero>div>div>div:first-child{padding:50px 8vw 72px}
#hero.editorial-hero h1{font-size:clamp(48px,9vw,80px)!important}
#hero.editorial-hero h1+p{max-width:520px}
.editorial-perspective{min-height:620px}
.perspective-copy{padding:64px 6vw}
.perspective-copy h2{font-size:clamp(40px,6vw,62px)}
.perspective-portrait{min-height:620px}
}
@media(max-width:600px){
#hero.editorial-hero>div>div>div:last-child{height:56svh;min-height:380px;max-height:520px}
#hero.editorial-hero>div>div>div:first-child{padding:38px 24px 64px}
#hero.editorial-hero h1{font-size:clamp(45px,12vw,64px)!important}
.editorial-perspective{grid-template-columns:1fr;min-height:0}
.perspective-copy{padding:64px 28px 48px}
.perspective-copy h2{font-size:clamp(48px,12vw,68px)}
.perspective-description{max-width:290px;margin-bottom:28px}
.perspective-portrait{min-height:0;height:125vw;max-height:650px}
.perspective-portrait img{object-position:center 30%}
}
@media(prefers-reduced-motion:reduce){.fade-up{animation:none!important;opacity:1!important;transform:none!important}html{scroll-behavior:auto!important}}