@font-face{font-family:Nimbus;src:url('assets/sans.otf')}@font-face{font-family:Nimbus;src:url('assets/sans-bold.otf');font-weight:700}@font-face{font-family:StudioDisplay;src:url('assets/lmsansdemicond10-regular.otf')}.cinema{color-scheme:dark;--paper:#f2f1e8;--yellow:#ffd500;--duration:9000ms;--edge:4.5vw}.cinema *{box-sizing:border-box}.cinema{margin:0;min-height:100%;background:#111310;color:var(--paper);font-family:Nimbus,Arial,sans-serif}.cinema a{color:inherit;text-decoration:none}.cinema button{color:inherit;font:inherit;cursor:pointer}.cinema button,.cinema a{-webkit-tap-highlight-color:transparent}.cinema a:focus-visible,.cinema button:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}.cinema ::selection{background:var(--yellow);color:#111310}.cinema .skip{position:fixed;top:-100px;left:20px;z-index:20;padding:12px;background:#111310}.cinema .skip:focus{top:10px}.cinema{position:relative;isolation:isolate;height:100svh;min-height:600px;overflow:hidden;background:#111310}.cinema .scenes,.cinema .scene,.cinema .shade,.cinema .film-grain{position:absolute;inset:0}.cinema .scenes{z-index:-3}.cinema .scene{margin:0;opacity:0;transition:opacity 1800ms ease;overflow:hidden;pointer-events:none}.cinema .scene.is-active{opacity:1}.cinema .scene img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,center);transform:translateX(var(--x-start)) scale(var(--scale-start));filter:saturate(.88);will-change:transform}.cinema .scene.is-active img,.cinema .scene.is-outgoing img{animation:camera 11s linear both}.cinema .scene.is-outgoing img{animation-play-state:paused}.cinema .shade{z-index:-2;background:linear-gradient(180deg,rgba(7,10,10,.85),rgba(7,10,10,.08) 27%,rgba(7,10,10,.12) 50%,rgba(7,10,10,.67) 77%,#111310 100%),radial-gradient(ellipse at center,rgba(7,10,10,.1) 10%,rgba(7,10,10,.27) 100%)}.cinema .film-grain{z-index:-1;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.cinema header{height:100px;padding:0 var(--edge);display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #ffffff25;background:linear-gradient(#11131077,transparent)}.cinema .brand{font-family:Nimbus,Arial,sans-serif;font-weight:700;letter-spacing:-.072em;white-space:nowrap}.cinema header .brand{font-size:30px;line-height:1}.cinema nav{display:flex;gap:32px}.cinema nav a{font:12px StudioDisplay,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 0;transition:color .2s}.cinema nav a:hover{color:var(--yellow)}.cinema .corner-notes{position:absolute;left:var(--edge);right:var(--edge);top:124px;display:flex;justify-content:space-between;gap:30px}.cinema .corner-notes p{margin:0;font:9px/1.9 'Courier New',monospace;letter-spacing:1.3px;color:#eeeee0d9;text-shadow:0 1px 10px #0008}.cinema .corner-notes p:last-child{text-align:right}.cinema .identity{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 2px 40px #0008}.cinema .eyebrow{font:9px 'Courier New',monospace;letter-spacing:.25em;margin:0 0 22px;color:#f2f1e8cf}.cinema .identity h1{font-size:clamp(72px,8.5vw,126px);line-height:.82;margin:0}.cinema .explore{display:inline-flex;gap:17px;align-items:center;margin-top:31px;font:11px StudioDisplay,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:8px 0}.cinema .explore span{width:30px;height:1px;background:var(--yellow);transition:width .3s}.cinema .explore:hover span{width:47px}.cinema .scene-information{position:absolute;bottom:183px;left:var(--edge);right:var(--edge);display:flex;gap:18px;align-items:center;font:9px/1.6 'Courier New',monospace;letter-spacing:.08em;color:#e6e8dd}.cinema .scene-count{color:var(--yellow);flex-shrink:0}.cinema .scene-information p{margin:0;flex:1}.cinema .scene-information a{border-bottom:1px solid #ffffff65;padding:5px 0;white-space:nowrap}.cinema .scene-information a:hover{color:var(--yellow);border-color:var(--yellow)}.cinema .bottom{position:absolute;bottom:0;left:var(--edge);right:var(--edge)}.cinema .playback{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 34px;gap:22px;align-items:start}.cinema .scene-choice{border:0;padding:0;background:none;text-align:left}.cinema .track{display:block;height:1px;width:100%;background:#ffffff38;overflow:hidden}.cinema .track i{display:block;width:100%;height:100%;background:var(--yellow);transform:scaleX(0);transform-origin:left}.cinema .scene-choice.is-active .track i{animation:progress var(--duration) linear both}.cinema .choice-label{display:flex;gap:15px;align-items:center;padding:15px 0;font:10px StudioDisplay,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#d5d7cc9c;transition:color .3s}.cinema .choice-label b{font:9px 'Courier New',monospace;font-weight:400;opacity:.65}.cinema .scene-choice.is-active .choice-label,.cinema .scene-choice:hover .choice-label{color:var(--paper)}.cinema .scene-choice.is-active .choice-label b{color:var(--yellow);opacity:1}.cinema .motion-toggle{margin-top:-12px;display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff40;border-radius:50%;background:transparent}.cinema .motion-toggle:hover{border-color:var(--yellow)}.cinema .motion-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.4}.cinema .motion-toggle .play-icon{display:none}.cinema.is-paused .motion-toggle .pause-icon{display:none}.cinema.is-paused .motion-toggle .play-icon{display:block}.cinema.is-paused .scene.is-active img,.cinema.is-paused .scene-choice.is-active .track i{animation-play-state:paused}.cinema footer{height:90px;display:flex;align-items:center;gap:30px}.cinema .signature{margin:0;font:24px Georgia,serif;letter-spacing:-.8px}.cinema .signature strong{font:700 .88em Nimbus,Arial,sans-serif;color:#f04b42;letter-spacing:-.04em}.cinema .original{margin-left:auto;font:9px 'Courier New',monospace;color:#d0d4c5a6;border-bottom:1px solid #ffffff25;padding:6px 0}.cinema .original:hover{color:var(--paper)}.cinema .edition{font:8px 'Courier New',monospace;letter-spacing:.09em;color:#c9cdbb7a}
@keyframes camera{from{transform:translateX(var(--x-start)) scale(var(--scale-start))}to{transform:translateX(var(--x-end)) scale(var(--scale-end))}}@keyframes progress{to{transform:scaleX(1)}}
@media(max-width:700px){.cinema{--edge:6vw}.cinema{min-height:570px}.cinema header{height:90px}.cinema header .brand{font-size:26px}.cinema nav{gap:16px}.cinema nav a{font-size:10px;letter-spacing:.04em}.cinema .corner-notes{top:112px}.cinema .corner-notes p{font-size:7px;letter-spacing:.7px}.cinema .identity{top:45%}.cinema .identity h1{font-size:88px}.cinema .eyebrow{font-size:8px}.cinema .scene-information{bottom:180px;gap:12px;font-size:8px;align-items:end}.cinema .scene-information p{max-width:65%;font-size:8px}.cinema .scene-information a{margin-left:auto}.cinema .playback{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr)) 26px}.cinema .choice-label{font-size:9px;letter-spacing:.02em;gap:8px;align-items:start;line-height:1.5}.cinema .motion-toggle{width:26px;height:26px}.cinema .signature{font-size:23px}.cinema footer{height:96px;gap:20px}.cinema .edition{display:none}.cinema .original{font-size:8px}.cinema .scene:nth-child(2) img{object-position:57% center}.cinema .scene:nth-child(4) img{object-position:40% center}}
@media(max-width:400px){.cinema nav{gap:11px}.cinema nav a{font-size:9px}.cinema header{gap:15px}.cinema .corner-notes{gap:15px}.cinema .corner-notes p{font-size:6.5px}.cinema .identity h1{font-size:78px}.cinema .choice-label b{display:none}.cinema .choice-label{font-size:8px}.cinema .scene-information{font-size:7px;gap:9px}.cinema .scene-information p{font-size:7px}}
@media(max-height:650px) and (min-width:701px){.cinema{min-height:480px}.cinema header{height:76px}.cinema .corner-notes{top:96px}.cinema .identity{top:46%}.cinema .identity h1{font-size:86px}.cinema .eyebrow{margin-bottom:15px}.cinema .explore{margin-top:19px}.cinema .scene-information{bottom:141px}.cinema footer{height:70px}.cinema .choice-label{padding:12px 0}}
@media(prefers-reduced-motion:reduce){.cinema .scene{transition:none}.cinema .scene.is-active img,.cinema .scene-choice.is-active .track i{animation:none}.cinema .scene-choice.is-active .track i{transform:scaleX(1)}.cinema .explore span,.cinema .choice-label,.cinema nav a{transition:none}}

/* The cinematic home shares the site's existing navigation and sections. */
.view-mode main>section#top.cinema{height:100svh;min-height:600px;max-height:none;margin:0;padding:0;border:0}
body:has(#top.cinema:not([hidden]))>header{position:absolute;inset:0 0 auto;z-index:30;height:100px;margin:0;padding:0 4.5vw;border-bottom:1px solid #ffffff25;background:linear-gradient(#11131077,transparent);backdrop-filter:none}
body:has(#top.cinema:not([hidden]))>header nav{gap:32px}
body:has(#top.cinema:not([hidden]))>header nav a{font-size:12px;color:#f2f1e8}
body:has(#top.cinema:not([hidden]))>header nav a:hover{color:#ffd500}
body:has(#top.cinema:not([hidden]))>footer{display:none}
.view-mode .cinema footer{margin:0;padding:0;border:0}
@media(max-width:700px){.view-mode main>section#top.cinema{min-height:570px}body:has(#top.cinema:not([hidden]))>header{height:90px;padding:0 6vw;flex-wrap:nowrap;gap:28px}body:has(#top.cinema:not([hidden]))>header .logo{font-size:26px}body:has(#top.cinema:not([hidden]))>header nav{width:auto;gap:16px}body:has(#top.cinema:not([hidden]))>header nav a{font-size:10px;letter-spacing:.04em}}
@media(max-width:400px){body:has(#top.cinema:not([hidden]))>header{gap:15px}body:has(#top.cinema:not([hidden]))>header nav{gap:11px}body:has(#top.cinema:not([hidden]))>header nav a{font-size:9px}}
@media(max-height:650px) and (min-width:701px){.view-mode main>section#top.cinema{min-height:480px}body:has(#top.cinema:not([hidden]))>header{height:76px}}

@media(max-width:700px){.cinema .scene:nth-child(3) img{object-position:50% center}.cinema .scene:nth-child(6) img{object-position:40% center}}

.cinema .scene img{object-position:var(--focus,center)}