.hero-portrait{isolation:isolate;background:#070711}
.hero-media,.hero-media img,.hero-scrim{position:absolute;inset:0;width:100%;height:100%}
.hero-media{z-index:0;overflow:hidden}
.hero-media img{object-fit:cover;object-position:center 32%;filter:saturate(.94) contrast(1.06);transform:scale(1.03);animation:heroDrift 16s ease-in-out infinite alternate}
.hero-scrim{background:linear-gradient(90deg,rgba(7,7,17,.97) 0%,rgba(7,7,17,.8) 40%,rgba(7,7,17,.2) 72%,rgba(7,7,17,.55) 100%),linear-gradient(0deg,#07080a,transparent 34%)}
.hero-portrait .hero-copy{width:min(800px,68%);text-shadow:0 2px 22px rgba(0,0,0,.45)}
.hero-portrait .hero-copy>p:not(.eyebrow){color:#d1cedd}
.hero-meta{position:absolute;z-index:2;bottom:30px;right:max(24px,calc((100vw - var(--max))/2));display:flex;gap:22px;color:rgba(255,255,255,.7);font-size:.66rem;text-transform:uppercase;letter-spacing:.12em}
.hero-meta span+span:before{content:"◆";color:var(--purple);margin-right:22px;font-size:.52rem}
@keyframes heroDrift{to{transform:scale(1.1) translate3d(-1%,1%,0)}}
@media(max-width:850px){.hero-portrait .hero-copy{width:min(720px,88%)}.hero-meta{display:none}.hero-media img{object-position:58% 34%}.hero-scrim{background:linear-gradient(90deg,rgba(7,7,17,.94),rgba(7,7,17,.62) 62%,rgba(7,7,17,.28)),linear-gradient(0deg,#07080a,transparent 36%)}}
@media(max-width:540px){.hero-portrait .hero-copy{width:100%}.hero-media img{object-position:62% 30%}.hero-scrim{background:linear-gradient(90deg,rgba(7,7,17,.93),rgba(7,7,17,.48)),linear-gradient(0deg,#07080a 0%,transparent 45%)}.hero-portrait .scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){.hero-media img{animation:none}}