:root{--ink:#050606;--ivory:#f0ede6;--gold:#c9a96e}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--ivory)}body{font-family:"Iowan Old Style","Baskerville","Songti SC",serif}button{border:0;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}button:focus-visible{outline:1px solid var(--gold);outline-offset:6px}.experience{position:fixed;inset:0;isolation:isolate;background:#050606}.film,.hold-frame,.hold-frame img,.vignette,.grain{position:absolute;inset:0;width:100%;height:100%}.film{z-index:0;object-fit:cover;background:#050606}.hold-frame{z-index:1;opacity:0;transition:opacity .18s;pointer-events:none}.hold-frame.is-visible{opacity:1}.hold-frame img{object-fit:cover;opacity:0;transition:opacity .25s}.hold-frame img.is-active{opacity:1}.vignette{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(2,3,3,.83),rgba(2,3,3,.42) 34%,transparent 66%),linear-gradient(0deg,rgba(2,3,3,.57),transparent 58%)}.grain{z-index:3;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:radial-gradient(rgba(255,255,255,.4) .5px,transparent .6px);background-size:4px 4px}.masthead{position:absolute;z-index:20;inset:0 0 auto;height:82px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.13)}.brand{justify-self:start;letter-spacing:.28em;font-size:14px}.brand span{margin-left:8px;color:#9e9e99;font:8px Arial;letter-spacing:.18em}.masthead p,.sound,.interaction-hint,.timecode{font:8px Arial;letter-spacing:.25em}.masthead p{margin:0;color:#aaa9a4}.masthead p i{margin:0 12px;color:var(--gold);font-style:normal}.sound{justify-self:end;color:#aaa9a4}.sound span{color:var(--ivory)}.intro{position:absolute;z-index:10;inset:0;padding:23vh 6vw 7vh;display:flex;flex-direction:column;justify-content:space-between}.intro-copy p,.caption-copy p{margin:0 0 3vh;color:var(--gold);font:9px/1.5 Arial;letter-spacing:.32em}.intro h1{margin:0;max-width:720px;font-size:clamp(52px,7.4vw,116px);font-weight:400;line-height:.95;letter-spacing:-.055em}.intro-foot{display:flex;align-items:end;gap:7vw}.intro-foot>p{margin:0;color:#b4b3ae;font-size:12px;line-height:1.95;letter-spacing:.12em}.enter{min-width:245px;padding:18px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.48);border-bottom:1px solid rgba(255,255,255,.18);font:10px Arial;letter-spacing:.24em;text-align:left}.enter:disabled{color:#777;cursor:wait}.enter i{font-size:18px;font-style:normal}.caption{position:absolute;z-index:12;inset:auto 5vw 7vh;max-width:900px}.caption.is-playing{opacity:0;transform:translateY(22px);pointer-events:none}.caption-rule{height:1px;margin-bottom:4vh;background:rgba(255,255,255,.18)}.caption-rule span{display:block;height:1px;background:var(--gold);transition:width .8s}.caption-body{display:grid;grid-template-columns:80px minmax(330px,1fr) minmax(160px,.5fr);gap:3vw;align-items:end}.caption-index small{display:block;color:#858580;font:7px Arial;letter-spacing:.25em}.caption-index b{display:block;margin-top:10px;font-size:44px;font-weight:400}.caption-copy p{margin-bottom:16px}.caption-copy h2{margin:0;font-size:clamp(34px,4.3vw,68px);line-height:.94;font-weight:400;letter-spacing:-.045em}.caption-copy h2 span{display:block}.caption-copy small{display:block;max-width:430px;margin-top:20px;color:#aaa9a4;font-size:11px;line-height:1.8;letter-spacing:.12em}.caption-note{padding-bottom:5px;color:#8f8e89;font:7px/1.8 Arial;letter-spacing:.2em;text-align:right}.rail{position:absolute;z-index:18;right:3vw;top:50%;display:grid;gap:18px;transform:translateY(-50%)}.rail button{display:flex;align-items:center;gap:12px;color:#696a67;font:7px Arial;letter-spacing:.15em}.rail button i{display:block;width:18px;height:1px;background:currentColor}.rail button.is-active{color:var(--gold)}.rail button.is-active i{width:40px}.interaction-hint{position:absolute;z-index:18;right:4vw;bottom:6vh;display:flex;align-items:center;gap:14px;color:#858580;writing-mode:vertical-rl}.interaction-hint i{display:block;width:1px;height:35px;background:linear-gradient(var(--gold),transparent)}.timecode{position:absolute;z-index:18;left:4vw;top:112px;color:#73736f}@media(max-width:900px){.masthead{height:68px;padding:0 20px;grid-template-columns:1fr auto}.masthead p{display:none}.intro{padding:20vh 24px 7vh}.intro h1{font-size:13.2vw}.intro-foot{display:block}.enter{margin-top:28px;width:min(100%,310px)}.timecode{top:92px;left:20px}.rail{right:18px}.rail button span{display:none}.rail button.is-active i{width:28px}.interaction-hint{display:none}.caption{inset:auto 24px 5vh;max-width:calc(100vw - 70px)}.caption-body{grid-template-columns:52px 1fr;gap:16px}.caption-index b{font-size:30px}.caption-copy h2{font-size:10vw}.caption-note{display:none}.film,.hold-frame img{object-position:58% center}.vignette{background:linear-gradient(0deg,rgba(2,3,3,.82),rgba(2,3,3,.18) 62%,transparent),linear-gradient(90deg,rgba(2,3,3,.34),transparent)}}