*,:before,:after{box-sizing:border-box}:root{--ink:#161513;--ink-soft:#2a2723;--cream:#f4efe6;--cream-muted:#c9c0b2;--stone:#e8e2d6;--paper:#fffcf7;--rule:#f4efe629;--paper-rule:#1615131a;--ghost:#f4efe614;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--display:"Cormorant Garamond", "Palatino Linotype", Palatino, serif;--script:"Great Vibes", "Snell Roundhand", cursive;--sans:"Outfit", system-ui, sans-serif;--gold:#c8b07a;--gold-soft:#c8b07a61}html,body,#root{min-height:100%}html{background:var(--ink)}body{color:var(--cream);font-family:var(--sans);letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-weight:400}button,a{font-family:inherit}button{cursor:pointer}a{color:inherit}::selection{color:var(--gold);background:#3a3224}.page{flex-direction:column;min-height:100svh;display:flex}.synopsis{z-index:9;background:var(--ink);color:var(--cream);border-bottom:1px solid var(--rule);padding:2.35rem 2rem 2.5rem}.synopsis-inner{justify-content:center;align-items:center;gap:2rem 2.25rem;width:min(100%,52rem);margin:0 auto;display:flex}.synopsis-portrait{object-fit:cover;border:1px solid var(--gold-soft);flex-shrink:0;width:168px;height:168px}.synopsis-copy{text-align:center;max-width:36rem}.synopsis-kicker{color:var(--gold);font-family:var(--display);letter-spacing:.28em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.synopsis-school{font-family:var(--display);color:var(--cream-muted);margin:.4rem 0 1.15rem;font-size:1.02rem;font-style:italic;font-weight:400}.synopsis-body p{font-family:var(--display);color:#e6dfd3;margin:0;font-size:1.08rem;font-weight:400;line-height:1.65}.synopsis-body p+p{margin-top:.9rem}.shell{flex:1;grid-template-columns:minmax(280px,340px) 1fr;display:grid;position:relative}.shell:before{content:"";pointer-events:none;z-index:8;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.rail{background:var(--ink);border-right:1px solid var(--rule);flex-direction:column;justify-content:space-between;height:100%;min-height:100%;padding:2.25rem 2rem 1.75rem;display:flex;position:sticky;top:0}.brand{flex-direction:column;gap:1.75rem;display:flex}.monogram{border:1px solid var(--gold-soft);width:42px;height:42px;color:var(--gold);font-family:var(--display);letter-spacing:.04em;place-items:center;font-size:1.15rem;font-style:italic;display:grid}.identity h1{font-family:var(--display);letter-spacing:.01em;margin:0;font-size:clamp(2.4rem,4vw,3.35rem);font-weight:500;line-height:.92}.identity h1 span{display:block}.identity h1 .last{color:var(--gold);font-style:italic}.kicker{color:var(--gold);font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;margin:1.1rem 0 0;font-size:.72rem;font-weight:600}.rule{background:var(--gold-soft);border:0;width:40px;height:1px;margin:.35rem 0 0}.actions{flex-direction:column;gap:.65rem;margin-top:2rem;display:flex}.btn{letter-spacing:.16em;text-transform:uppercase;border:1px solid #0000;border-radius:2px;justify-content:center;align-items:center;gap:.55rem;min-height:44px;padding:.7rem 1.1rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s,opacity .18s;display:inline-flex}.btn-primary{background:var(--cream);color:var(--ink)}.btn-primary:hover{background:#fff8ee}.btn-ghost{color:var(--cream);border-color:var(--rule);background:0 0}.btn-ghost:hover{background:var(--ghost);border-color:#f4efe647}.btn:disabled,.btn[aria-disabled=true]{opacity:.38;pointer-events:none}.rail-foot{color:var(--cream-muted);flex-direction:column;gap:.85rem;font-size:.82rem;font-weight:300;display:flex}.meta-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.meta-list a{border-bottom:1px solid #0000;text-decoration:none}.meta-list a:hover{color:var(--cream);border-bottom-color:var(--cream-muted)}.year{letter-spacing:.18em;text-transform:uppercase;font-size:.68rem}.stage{background:var(--stone);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:3.5rem 2rem 4rem;display:flex}.stage-inner{width:min(100%,760px);animation:.7s both rise}.caption{color:#6d675d;letter-spacing:.22em;text-transform:uppercase;justify-content:space-between;align-items:baseline;margin-bottom:1rem;font-size:.68rem;font-weight:500;display:flex}.frame{background:var(--paper);aspect-ratio:8.5/11;width:100%;overflow:hidden;box-shadow:0 1px 1px #1615130a,0 18px 40px #1615131f,0 40px 80px #16151314}.frame object,.frame iframe{background:var(--paper);border:0;width:100%;height:100%}.placeholder{height:100%;color:var(--ink);box-shadow:inset 0 0 0 1px var(--paper-rule);flex-direction:column;align-items:center;padding:18% 12% 12%;display:flex}.placeholder-head{text-align:center}.placeholder-head p{font-family:var(--serif);margin:0;font-size:clamp(1.7rem,3.8vw,2.35rem);line-height:1}.placeholder-head p em{font-style:italic}.placeholder-line{background:var(--ink);opacity:.4;width:40px;height:1px;margin:1rem auto .75rem}.placeholder-head span{color:#7a7468;letter-spacing:.32em;text-transform:uppercase;font-size:.62rem;display:block}.placeholder-note{color:#8a8376;letter-spacing:.08em;text-align:center;margin-top:auto;font-size:.78rem}.credit{z-index:9;border-top:1px solid var(--rule);background:#100f0d;justify-content:space-between;align-items:baseline;gap:.75rem 2rem;padding:.95rem 2rem;display:flex}.credit-firm,.credit-byline{color:var(--cream-muted);margin:0}.credit-firm{font-family:var(--serif);letter-spacing:.02em;color:var(--cream);font-size:.95rem;font-style:italic}.credit-byline{letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:.35rem .55rem;font-size:.72rem;font-weight:400;display:flex}.credit a{color:var(--cream);text-decoration:none}.credit a:hover{border-bottom:1px solid var(--cream-muted)}.credit-dot{color:#f4efe647}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.stage-inner{animation:none}.btn{transition:none}}@media (width<=860px){.synopsis{padding:1.75rem 1.25rem 1.85rem}.synopsis-inner{text-align:center;flex-direction:column}.synopsis-portrait{width:132px;height:132px}.shell{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--rule);gap:1.75rem;height:auto;min-height:0;padding:1.5rem 1.25rem 1.35rem;position:relative}.brand{gap:1.25rem}.identity h1{font-size:2.4rem}.identity h1 span{display:inline}.identity h1 .last{margin-left:.35rem}.actions{flex-flow:wrap;margin-top:0}.btn{flex:1;min-width:160px}.rail-foot{flex-direction:row;justify-content:space-between;align-items:end}.stage{min-height:auto;padding:1.5rem 1rem 2.5rem}.credit{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:1rem 1.25rem}.credit-byline{justify-content:center}}