.hero-stage{position:absolute;inset:-16px;pointer-events:none;overflow:hidden;background:#000;will-change:transform}
.hero-media{position:absolute;inset:0;opacity:0;transition:opacity 650ms ease}
.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-media video{opacity:0}
.hero-media video.ready{opacity:1}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
.hero-stage.gpu-ready .hero-canvas{opacity:1}
.hero-stage.gpu-ready .hero-media{visibility:hidden}
.hero .shade{pointer-events:none}
.hero-grain{position:absolute;inset:-18px;pointer-events:none;background:radial-gradient(ellipse at 25% 35%,#ffffff07,transparent 55%);will-change:transform}
.hero-identity{position:absolute;left:7%;right:7%;top:36%;pointer-events:none}
.hero-identity h1{font-family:inherit;font-size:clamp(44px,7vw,112px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin:0;text-shadow:0 2px 35px #0005}
@media(max-width:650px){.hero-identity{top:38%}.hero-identity h1{font-size:clamp(38px,10vw,64px)}.hero-work-list{bottom:120px;display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}.hero-work-list a{font-size:12px}.hero-stage{inset:0}}
@media(prefers-reduced-motion:reduce){.hero-media{transition:none}.hero-work-list a{transform:none!important}}
.hero-stage{background:#000 url('assets/purge-cover.png') center/cover no-repeat}
.hero .motion:disabled{opacity:.6;cursor:default}

.hero .hero-identity{top:39%;left:8%;right:6%}
.hero .hero-identity h1{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-style:italic;font-size:clamp(54px,7.5vw,112px);letter-spacing:-.045em;line-height:1.08}
.hero .hero-identity h1 em{font-family:inherit;font-size:1.06em;margin-left:.06em}
.project-card .work-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 650ms ease;pointer-events:none;z-index:1}
.project-card .work-preview.is-playing{opacity:1}
.project-card .card-shade{z-index:2;pointer-events:none}
.project-card .caption,.project-card .arrow{z-index:3;pointer-events:none}
@media(max-width:650px){.hero .hero-identity h1{font-size:clamp(48px,11vw,72px)}.hero .hero-identity{left:7%;top:40%}}
@media(prefers-reduced-motion:reduce){.project-card .work-preview{transition:none}}

/* Centered three-line discipline title, matching the supplied reference. */
.hero .hero-identity{left:5%;right:5%;top:50%;transform:translateY(-50%);text-align:center}
.hero .hero-identity h1{font-family:'Space Grotesk',Arial,sans-serif;font-style:normal;font-weight:500;font-size:clamp(48px,4.5vw,72px);line-height:1.15;letter-spacing:-.02em;color:#f5f5f5;margin:0}
.hero .hero-identity h1 span{display:block}
.hero .hero-identity h1 span+span{margin-top:.32em}
@media(max-width:650px){.hero .hero-identity h1{font-size:clamp(28px,6.3vw,40px)}}

/* Equal-weight disciplines, centered as one responsive headline. */
.hero .hero-identity{inset:0;display:flex;align-items:center;justify-content:center;transform:none;padding:90px 5%}
.hero .hero-identity h1.hero-fields{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.22em .5em;width:100%;font-family:'Space Grotesk',Arial,sans-serif;font-size:clamp(18px,2.25vw,32px);font-weight:500;font-style:normal;line-height:1.4;letter-spacing:.03em;color:#f5f5f5;text-align:center}
.hero .hero-identity h1.hero-fields span{display:inline;margin:0;white-space:nowrap}
.hero .hero-identity h1.hero-fields .field-separator{color:#888}
@media(max-width:650px){.hero .hero-identity h1.hero-fields{font-size:clamp(14px,3.1vw,20px);gap:.3em .4em}}