/* Still typography; a brief, layered arrival for the illustrated Study. */
.study-hero .hero-grid { min-height:660px; }
.study-hero .hero-copy { text-align:left; }
.study-scene { position:absolute; right:0; top:0; width:52%; height:100%; perspective:1200px; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent); }
.study-depth { position:absolute; inset:0; transform-origin:70% 60%; animation:study-arrive 4s cubic-bezier(.2,.65,.25,1) both; }
.study-hero .study-scene img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:65% center; margin:0; filter:none; opacity:1; mask-image:linear-gradient(90deg,transparent,#000 18%); }
.study-light { position:absolute; inset:0; background:radial-gradient(ellipse at 70% 62%,#efb95d24,transparent 55%); mix-blend-mode:soft-light; animation:study-light 4s ease-out both; }
.study-orbits { position:absolute; width:85%; aspect-ratio:1; top:6%; left:5%; border:1px solid var(--gold); border-radius:50%; opacity:.3; transform:rotateX(24deg) rotateZ(-18deg); }
.study-orbits:before,.study-orbits:after { content:""; position:absolute; border:1px solid var(--gold); border-radius:50%; inset:6%; }
.study-orbits:after { inset:15%; border-style:dashed; opacity:.6; }
@keyframes study-arrive { from { transform:translate3d(12px,8px,-35px) rotateY(-3deg); } to { transform:translate3d(0,0,0) rotateY(0); } }
@keyframes study-light { from { opacity:0; } to { opacity:1; } }
@media(max-width:1100px) {
 .study-hero .hero-grid { min-height:0; padding-block:3rem 1rem; order:1; }
 .study-hero .hero-copy,:root[data-theme="dark"] .study-hero .hero-copy { width:100%; max-width:620px; margin-inline:0; text-align:left; align-items:flex-start; }
 .study-hero .hero-heading-panel .flourish { margin-inline:0; }
 .study-hero { display:flex; flex-direction:column; }
 .study-scene { position:relative; width:100%; height:auto; aspect-ratio:3/2; order:2; max-width:1000px; margin-inline:auto; }
 .study-hero .study-scene img { object-fit:contain; mask-image:linear-gradient(0deg,transparent,#000 12%,#000 87%,transparent); }
 .study-orbits { top:0; left:12%; width:76%; }
}
@media(prefers-reduced-motion:reduce) {
 .study-depth,.study-light { animation:none; }
}