*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"Helvetica Neue",Arial,sans-serif}body{background:#142323;color:#f8f6ee;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;color:inherit}button{font:inherit;cursor:pointer;border:0;background:none}a{text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}p,h1{margin:0}p{font-size:17px;line-height:1.52}header,footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.cinema{min-height:640px;min-height:max(640px,100svh);position:relative;overflow:hidden;padding:29px 4.2% 20px;display:grid;grid-template-rows:auto 1fr auto;isolation:isolate}.cinema-scene,.cinema-shade{position:absolute;inset:0;z-index:-1}.cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:0;transition:opacity 1.4s}.cinema-image.current{opacity:1}.cinema-shade{background:linear-gradient(180deg,rgba(6,14,13,.3),transparent 30%,rgba(5,15,15,.4) 51%,rgba(4,14,14,.92) 100%)}header{padding-bottom:17px;border-bottom:1px solid #ffffff40;font-size:13px}.monogram{font-family:Georgia,serif;font-size:34px;letter-spacing:-.065em}.eyebrow{text-transform:uppercase;letter-spacing:.115em;font-size:12px}header .eyebrow{margin-left:auto;margin-right:50px}.cinema-main{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:end;padding:45px 0 35px}.affiliations{margin-bottom:19px;font-size:15px;letter-spacing:.025em}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(78px,9vw,142px);line-height:.94;font-weight:400;letter-spacing:-.055em}em{font-weight:400}.bio{max-width:530px;padding-bottom:5px}.bio p+p{margin-top:18px}.muted{opacity:.75}details{margin-top:22px}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;width:max-content;max-width:100%;cursor:pointer;border-bottom:1px solid #ffffff55;padding:6px 0 10px;font-size:14px}summary::-webkit-details-marker{display:none}summary>span{font-size:21px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details ul{margin:17px 0 0;padding:0 0 0 17px;border-left:1px solid #ffffff40;list-style:none;display:grid;gap:12px}details li{font-size:15px;line-height:1.45;color:#e5e8e2}.cinema:has(details[open]) .cinema-shade{background:linear-gradient(180deg,#06100e66,#05121090 28%,#041010ed 100%)}footer{border-top:1px solid #ffffff40;padding-top:14px}.contacts{display:flex;gap:26px;align-items:center}.contacts a,.contacts button{font-size:15px;padding:10px 0;white-space:nowrap}.contacts a:hover,.contacts button:hover{color:#ddd4b3}.film-control{display:flex;align-items:center;gap:17px}.film-control button{width:36px;height:36px;border:1px solid #ffffff60;border-radius:50%;font-size:15px}.film-control #next{font-size:22px}#frame-name{font-size:13px;opacity:.75}#frame-counter{font-family:monospace;font-size:13px;white-space:nowrap}
dialog{background:#222823;color:#ece9de;border:1px solid #ffffff20;padding:26px 30px;width:min(1150px,calc(100vw - 64px));max-height:calc(100svh - 48px)}dialog::backdrop{background:#0a1214cf;backdrop-filter:blur(7px)}.reader-top{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #ffffff30;padding-bottom:18px}.reader-main{display:grid;grid-template-columns:1.6fr 1fr;gap:30px;align-items:center;padding:26px 0}.reader-main figure{margin:0;min-width:0}.reader-main img{display:block;width:100%;height:400px;object-fit:contain;background:#151a16}.reader-main figcaption{font-size:12px;margin-top:12px}.reader-main h2{font:36px/1.1 Georgia,serif;letter-spacing:-.035em}.reader-main .eyebrow{color:#c3bc9c}.reader-controls{display:flex;align-items:center;gap:20px;margin-top:25px;font-size:12px}.reader-controls button{border:1px solid #ffffff50;border-radius:50%;width:44px;height:44px;font-size:22px}#story-choices{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding-top:15px}#story-choices button{font-size:13px;padding:10px;border-bottom:1px solid transparent}#story-choices button[aria-current=true]{border-bottom-color:currentColor}
@media(max-height:760px) and (min-width:801px){h1{font-size:104px}.cinema-main{padding-bottom:24px}}@media(max-width:1000px) and (min-width:801px){#frame-name{display:none}.film-control{gap:12px}header .eyebrow{margin-right:15px}}
@media(max-width:800px){.cinema{min-height:max(730px,100svh);padding:20px 6% 15px}header{padding-bottom:13px}header .eyebrow{font-size:10px;max-width:180px;margin-right:0;text-align:right;line-height:1.5}#location{display:none}.cinema-main{grid-template-columns:1fr;gap:22px;align-content:end;padding:80px 0 22px}h1{font-size:clamp(65px,16vw,105px);line-height:.98}.affiliations{font-size:14px;margin-bottom:14px}.bio{max-width:100%;padding:0}.bio p{font-size:16px;max-width:520px;line-height:1.43}.bio p+p{margin-top:14px}details{margin-top:14px}.cinema-shade{background:linear-gradient(180deg,#09141330 0%,#09141305 20%,#09141385 39%,#091413ed 90%)}footer{flex-wrap:wrap;gap:5px;padding-top:9px}.contacts{width:100%;gap:25px}.contacts a,.contacts button{font-size:14px}.film-control{width:100%;gap:10px;margin-top:4px}#frame-name{display:block;margin-right:auto;font-size:11px}#frame-counter{font-size:11px}.film-control button{width:36px;height:36px;font-size:12px}dialog{width:calc(100vw - 20px);padding:16px;max-height:calc(100svh - 20px)}.reader-main{grid-template-columns:1fr;gap:12px;padding:18px 0}.reader-main img{height:30svh}.reader-main h2{font-size:28px;margin:14px 0}.reader-main p{font-size:15px}.reader-controls{margin-top:15px}#story-choices button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* All live copy is revealed together, without moving an already visible layout. */
html[data-content-state="loading"] .cinema>header,html[data-content-state="loading"] .cinema-main,html[data-content-state="loading"] .cinema>footer{visibility:hidden}
/* Changing captions must not resize the footer or move the biography above it. */
.film-control{min-width:0;flex-shrink:0;max-width:45%}#frame-name{min-width:0;max-width:min(22vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#frame-counter{min-width:7ch;flex-shrink:0;font-variant-numeric:tabular-nums}.film-control button{flex-shrink:0}
@media(max-width:800px){.film-control{max-width:none}#frame-name{flex:1;max-width:none}}
/* Invitation and out-of-flow role card keep the one-screen composition intact. */
.cinema>footer{align-items:end;padding-top:18px}.contact-invitation{min-width:0}.contact-invitation h2{margin:0 0 5px;font:400 23px/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.02em}.contact-invitation .contacts{flex-wrap:wrap;gap:8px 26px}.contacts .contact-primary{color:#f0dfb7}.contact-primary span{display:inline-block;transition:transform .2s}.contact-primary:hover span{transform:translate(2px,-2px)}.roles-trigger{display:flex;align-items:center;gap:24px;margin-top:22px;padding:6px 0 10px;min-height:40px;border-bottom:1px solid #ffffff55;font-size:14px;text-align:left}.roles-trigger span{font-size:19px;line-height:1}.roles-trigger:hover{color:#f0dfb7;border-color:currentColor}.roles-dialog{width:min(570px,calc(100vw - 48px));max-height:calc(100svh - 48px);padding:28px 32px 32px;background:#1b2723f5;border:1px solid #ffffff30;border-radius:3px;box-shadow:0 24px 100px #0007;overflow:auto;overscroll-behavior:contain}.roles-dialog::backdrop{background:#06100d85;backdrop-filter:blur(5px)}.roles-dialog[open]{animation:roles-appear .22s ease-out}.roles-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:18px;border-bottom:1px solid #ffffff25}.roles-dialog-header h2{font:400 29px/1.2 Georgia,"Times New Roman",serif;letter-spacing:-.035em;margin:0}.roles-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;font-size:29px;font-weight:300;line-height:1;border:1px solid #ffffff35;border-radius:50%}.roles-close:hover{background:#ffffff0d}.roles-list{list-style:none;display:grid;gap:20px;margin:24px 0 0;padding:0;counter-reset:role}.roles-list li{position:relative;padding-left:32px;font-size:16px;line-height:1.5;color:#e8ebe3;counter-increment:role}.roles-list li::before{content:counter(role,decimal-leading-zero);position:absolute;left:0;top:3px;font:11px/1.8 monospace;color:#bdb397}@keyframes roles-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.cinema>footer{gap:9px;padding-top:15px}.contact-invitation{width:100%}.contact-invitation h2{font-size:21px;margin-bottom:3px}.contact-invitation .contacts{gap:4px 24px}.roles-trigger{margin-top:14px}.roles-dialog{width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:20px 22px 26px}.roles-dialog-header{gap:12px;padding-bottom:16px}.roles-dialog-header h2{font-size:25px}.roles-list{gap:19px;margin-top:22px}.roles-list li{padding-left:27px;font-size:16px}}