/* Final visual direction */
:root{--elegant:'Cormorant Garamond',Georgia,serif}
.hero-identity{display:block;text-align:center;padding:22px 0 10px}
.hero-identity h1{font-family:var(--elegant);font-weight:500;font-style:normal;font-size:clamp(68px,10.2vw,168px);line-height:.86;letter-spacing:1px;max-width:none;padding:24px 0 34px;white-space:nowrap}
.hero-portrait{display:none}
.wordmark{font-family:var(--elegant);font-weight:500;letter-spacing:0}
.logo-short{font-family:var(--elegant);font-weight:500;font-size:38px;letter-spacing:1px}
.logo-full{font-family:var(--elegant);font-weight:500;font-size:24px;letter-spacing:.2px}
.film-strip{justify-content:flex-start;gap:0}
.film-strip-track{display:flex;align-items:center;gap:34px;min-width:max-content;animation:film-marquee 28s linear infinite}
.film-strip-track span{display:inline-block}
@keyframes film-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.work-button{perspective:1200px;min-height:100%}
.work-card{perspective:1200px}
.work-button .work-image,.work-button .work-meta{backface-visibility:hidden}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.25,1)}
.work-button.is-flipped .flip-inner{transform:rotateY(180deg)}
.flip-face{position:absolute;inset:0;backface-visibility:hidden}
.flip-front{background:var(--paper)}
.flip-back{transform:rotateY(180deg);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;overflow:auto;text-align:left}
.flip-back h3{font-family:var(--elegant);font-size:32px;font-weight:500;line-height:1.05;margin-bottom:12px}
.flip-back p{font-family:var(--body);font-size:11px;line-height:1.7;color:#e5e0d0}
.flip-back iframe{width:100%;height:100%;min-height:180px;border:0;background:#090909;display:block;object-fit:cover}.flip-back:has(iframe){padding:0}.flip-back:has(iframe) .flip-hint{position:absolute;left:17px;bottom:12px;z-index:2;background:rgba(25,25,23,.85);padding:5px 7px}
.work-button .work-meta{transition:opacity .2s}
.work-button.is-flipped .work-meta{opacity:0}
.work-image{overflow:visible}
.work-button.is-flipped .work-image{overflow:visible}
.bio-portrait{width:clamp(145px,18vw,230px);height:clamp(145px,18vw,230px);object-fit:cover;border-radius:50%;margin-top:30px;filter:grayscale(1);border:1px solid var(--line);background:var(--paper);mix-blend-mode:multiply}
@media(max-width:600px){
 .hero-identity{padding-top:18px}
 .hero-identity h1{font-size:clamp(52px,15.5vw,78px);letter-spacing:.4px;white-space:normal;line-height:.92;padding:20px 0 28px}
 .logo-short{font-size:34px}.logo-full{font-size:21px}
 .film-strip-track{gap:24px;animation-duration:22s}
 .flip-back{padding:17px}.flip-back h3{font-size:25px}.flip-back p{font-size:10px}
 .bio-portrait{width:155px;height:155px;margin-left:auto;margin-right:auto}
 .flip-inner{min-height:220px}.film-grid .flip-inner{min-height:0}
 .film-grid .flip-face{min-height:100%}
}
@media(prefers-reduced-motion:reduce){.film-strip-track{animation:none}.flip-inner{transition:none}.logo-short,.logo-full{animation:none}.logo-short{opacity:1}.logo-full{display:none}}