/* Responsive native motion, extending the existing name reveal. */
.hero-editorial{position:relative;isolation:isolate}
.hero-editorial::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:65%;height:70%;left:0;top:0;border-radius:50%;background:radial-gradient(ellipse,#a04b2921,transparent 68%);filter:blur(28px);transform:translate(-15%,-8%)}
.hero-editorial.hero-motion-ready::before{animation:hero-light-drift 15s ease-in-out infinite alternate}
.hero-editorial .hero-photo{isolation:isolate;transition:transform .8s cubic-bezier(.2,.7,.2,1);transform:perspective(1000px) rotateY(var(--hero-tilt-y,0deg)) rotateX(var(--hero-tilt-x,0deg))}
.hero-editorial .hero-photo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;border:1px solid #f2b38a33;box-shadow:inset 0 0 45px #0003;opacity:.5}
.hero-motion-ready .hero-photo::after{animation:hero-border-breathe 7s ease-in-out infinite}
.hero-editorial .hero-photo img{transform:scale(1.035) translate(var(--hero-photo-x,0px),var(--hero-photo-y,0px));transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.hero-motion-ready .hero-role{animation:hero-content-in .9s ease 1s both}
.hero-motion-ready .hero-index{display:block;animation:hero-content-in .8s ease .5s both}
.hero-motion-ready .hero-copy>p{animation:hero-content-in 1s cubic-bezier(.16,1,.3,1) .65s both}
.hero-motion-ready .hero-description{animation:hero-content-in 1s ease .85s both}
.hero-motion-ready .hero-actions{animation:hero-content-in 1s ease 1s both}
.hero-motion-ready .scroll-cue>span{display:inline-block;animation:hero-scroll-nudge 1.8s ease-in-out 1.5s 4}
.hero-editorial .hero-actions .pill span{display:inline-block;transition:transform .3s ease}
@media(hover:hover) and (pointer:fine){.hero-editorial .pill:hover span{transform:translate(4px,-4px)}.hero-editorial .hero-photo:hover::after{border-color:#f2b38a77}}
@keyframes hero-content-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-light-drift{from{transform:translate(-15%,-8%);opacity:.45}to{transform:translate(13%,18%);opacity:1}}
@keyframes hero-border-breathe{0%,100%{opacity:.3}50%{opacity:.9}}
@keyframes hero-scroll-nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:750px){.hero-editorial::before{width:100%;height:60%;filter:blur(18px)}.hero-editorial .hero-photo{transform:none}.hero-editorial .hero-photo img{transform:scale(1.015);transition:none}.hero-motion-ready .hero-role{animation-delay:.6s}.hero-motion-ready .hero-copy>p{animation-delay:.2s}.hero-motion-ready .hero-description{animation-delay:.3s}.hero-motion-ready .hero-actions{animation-delay:.4s}}
@media(max-width:360px){.hero-editorial h1{font-size:clamp(40px,12.2vw,48px)}.hero-editorial .leo-name-motion{font-size:inherit}.hero-editorial .hero-photo{height:320px}.hero-editorial .hero-copy>p{font-size:30px}.hero-editorial .hero-actions{gap:16px}}
@media(prefers-reduced-motion:reduce){.hero-editorial::before,.hero-editorial .hero-photo::after,.hero-editorial .hero-role,.hero-editorial .hero-index,.hero-editorial .hero-copy>p,.hero-editorial .hero-description,.hero-editorial .hero-actions,.hero-editorial .scroll-cue>span{animation:none!important}.hero-editorial .hero-photo,.hero-editorial .hero-photo img,.hero-editorial .hero-actions .pill span{transform:none!important;transition:none!important}}

.hero-motion-paused::before,.hero-motion-paused .hero-photo::after{animation-play-state:paused!important}
