.director{height:auto;background:var(--paper);color:var(--ink);--p:0}.director-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px 56px;padding:64px max(48px,calc((100vw - 1320px)/2));min-height:0;isolation:isolate;overflow:clip}.director-intro{position:relative;z-index:2;padding:20px 0}.director-intro h1{font:400 clamp(48px,6vw,92px)/1.04 'Bodoni Moda',Georgia,serif;letter-spacing:-.045em;margin:22px 0 28px}.director-intro h1 span{display:block}.director-intro h1 span:last-child{font-style:italic}.director-description{font-size:18px;line-height:1.6;max-width:460px}.director-intro .opening-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.director-intro .action{min-height:48px}.director-visual{position:relative;min-width:0;aspect-ratio:1;overflow:clip;grid-column:2;grid-row:1}.director-photo{display:block;width:100%;height:100%;object-fit:contain;transform:scale(calc(1 + var(--p)*.025))}.director-controls{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:24px;font:14px/1.4 Inter,Arial,sans-serif}.director-controls button,.director-controls a{min-height:44px;display:inline-flex;align-items:center;border:0;background:transparent;color:inherit;cursor:pointer}.director-controls [hidden]{display:none!important}.director-caption{margin-right:auto;opacity:.7}.director-scenic{background:#111;color:#fff}.director-scenic .director-stage{min-height:700px}.director-scenic .director-intro{grid-column:1/-1;max-width:900px;padding:70px 0}.director-scenic .director-visual{position:absolute;inset:0;aspect-ratio:auto;z-index:-2}.director-scenic .director-photo{object-fit:cover;filter:brightness(.56);transform:scale(calc(1 + var(--p)*.05))}.director-scenic .director-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent)}.director-scenic .director-intro .text-action{color:white}.theme-stride .director-intro h1,.theme-signal .director-intro h1,.theme-fold .director-intro h1{font-family:Inter,Arial,sans-serif;font-weight:600}.theme-melt .director{background:#211015;color:#f3d6b4}.theme-melt .director-visual{aspect-ratio:2/3;width:min(100%,440px);justify-self:center}.dessert-assembly,.dessert-layer{position:absolute;inset:0}.dessert-layer img{width:100%;height:100%;object-fit:contain}.dessert-layer{transform:translateY(calc(var(--settle,1)*var(--shift)));filter:drop-shadow(0 6px 7px #0002)}.dessert-layer-0{clip-path:inset(0 0 72.3%);--shift:14%;z-index:4}.dessert-layer-1{clip-path:inset(27.3% 0 45.4%);--shift:7%;z-index:3}.dessert-layer-2{clip-path:inset(54.4% 0 23.1%);--shift:0%;z-index:2}.dessert-layer-3{clip-path:inset(76.7% 0 0);--shift:-8%;z-index:1}
@media(max-width:800px){.director-stage{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:40px 20px 20px}.director-intro{padding:0}.director-intro h1{font-size:48px}.director-description{font-size:16px}.director-visual{width:100%;aspect-ratio:1;flex-shrink:0}.theme-melt .director-visual{width:min(100%,320px);align-self:center}.director-controls{justify-content:flex-start;flex-wrap:wrap;gap:12px 24px}.director-caption{width:100%;margin-right:0}.director-scenic .director-stage{min-height:620px;justify-content:center}.director-scenic .director-intro{padding:30px 0 90px}.director-scenic .director-visual{width:100%;height:100%;aspect-ratio:auto}.director-intro .opening-actions{gap:16px}.director-intro .text-action{min-height:44px;display:inline-flex;align-items:center}}
@media(prefers-reduced-motion:reduce){.director-photo{transform:none}}
.director-scenic .director-visual{grid-column:auto;grid-row:auto}
/* September correction: content-led layout; no playback row or simulated camera. */
.director-stage{padding-block:56px;gap:40px;overflow:visible}
.director-intro{min-width:0}.director-intro h1{font-size:clamp(38px,4.7vw,76px);line-height:1.14;letter-spacing:-.025em;overflow-wrap:break-word;text-wrap:balance}
.director-intro h1 span{white-space:normal}.director-description{line-height:1.65}
.director-photo,.director-scenic .director-photo{transform:none}
.director-controls{display:none}
.dessert-layer-0{--shift:25%}.dessert-layer-1{--shift:14%}.dessert-layer-2{--shift:9%}.dessert-layer-3{--shift:0%}
@media(max-width:800px){.director-stage{padding:36px 20px;gap:20px}.director-intro h1{font-size:clamp(36px,9vw,58px);line-height:1.14}.director-scenic .director-stage{overflow:clip}.director-intro .opening-actions>*{max-width:100%}}