:root{color-scheme:dark;--ivory:#f5edda;--muted:#c3bbac;--gold:#e6ba79;--ink:#101516}
*{box-sizing:border-box}body{margin:0;background:#0c1012;color:var(--ivory);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}button:disabled{cursor:default}.studio{width:100%;max-width:1920px;aspect-ratio:1672/941;position:relative;margin:0 auto;container-type:inline-size}.studio-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.intro{position:absolute;left:9.5%;top:8.5%;width:32%;z-index:2}.eyebrow{font-size:clamp(12px,.95cqw,17px);letter-spacing:.2em;color:var(--gold);margin:0 0 2cqw;line-height:1.5}.intro h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(55px,6.9cqw,125px);line-height:.96;letter-spacing:-.045em;margin:0 0 2.2cqw}.intro h1 span{color:var(--gold)}.bio{font-size:clamp(16px,1.35cqw,24px);line-height:1.6;margin:0;color:#e0d8c8}.welcome{font-size:clamp(14px,1cqw,18px);line-height:1.5;color:#bdb5a6;margin-top:1.4cqw}.window{position:absolute;left:47.15%;top:4.2%;width:45.25%;height:29.2%;margin:0;overflow:hidden;background:#233b31}.window img{height:100%;width:100%;object-fit:cover;object-position:center 27%}.window figcaption{position:absolute;bottom:10px;right:12px;background:#0c161bbd;padding:6px 9px;font-size:12px;letter-spacing:.06em}.screens{display:contents}.screen{position:absolute;display:block;text-decoration:none;border:0;padding:0;text-align:left;background:#111b1d;isolation:isolate;overflow:hidden;color:var(--ivory);transition:filter .25s,box-shadow .25s}.screen[data-slot="0"]{left:44.45%;top:39.4%;width:23.6%;height:20.2%}.screen[data-slot="1"]{left:69.3%;top:39.4%;width:24.55%;height:20.2%}.screen[data-slot="2"]{left:44.45%;top:61.65%;width:23.6%;height:20.15%}.screen[data-slot="3"]{left:69.3%;top:61.65%;width:24.55%;height:20.15%}.screen:hover,.screen:focus-visible{filter:brightness(1.15);box-shadow:0 0 22px #e8c39433}.screen-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.archive .screen-media{object-fit:contain;background:#000}.screen-content,.video-open{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:1.05cqw 1.3cqw;background:linear-gradient(180deg,#040b0d55,#040b0d75 20%,#040b0de8 100%)}.video-open{border:0;width:100%;text-align:left;background:linear-gradient(180deg,#0006,transparent 35%,#000d)}.screen-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(12px,.73cqw,14px);letter-spacing:.11em;line-height:1.3}.screen-bottom{display:block}.screen h2,.screen strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.15cqw,40px);font-weight:400;margin:0 0 .25cqw;line-height:1.1}.screen p,.screen-bottom>span:not(.action){display:block;font-size:clamp(14px,.98cqw,19px);line-height:1.4;margin:0;color:#e1ded2}.action{display:block;font-size:clamp(12px,.82cqw,16px);margin-top:.65cqw;color:var(--gold)}.play-mark{border:1px solid #ffffff80;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:12px;padding-left:2px}.lucidtv .screen-media{object-position:center 30%;opacity:.65}.lucidtv .screen-content{background:linear-gradient(120deg,#130f29ee,#0d101991)}.lucidbox{background:linear-gradient(135deg,#111b2d,#21283c)}.lucidbox .screen-content{background:linear-gradient(135deg,#101b2d99,#29335055)}.lucidbox h2{color:#d9d0ff}.lucidbox .screen-top{color:#b6bddd}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 5%;font-size:13px;color:#aba697;background:#0c1012}footer>div{display:flex;gap:24px}footer button{background:none;border:0;padding:8px 0;color:#c5bba9;font-size:13px}dialog{color:var(--ivory);border:1px solid #484436;padding:0;background:#0c1012}dialog::backdrop{background:#000e;backdrop-filter:blur(8px)}.close{border:1px solid #514b3e;background:#151817;color:var(--ivory);padding:10px 15px;font-size:14px;white-space:nowrap}.text-dialog{width:500px;max-width:calc(100vw - 32px);padding:36px;line-height:1.65}.text-dialog .close{float:right;margin:-16px -16px 24px 20px}.text-dialog h2{font-family:Georgia,serif;font-size:42px;line-height:1.1;font-weight:400;margin:10px 0 25px}.text-dialog p{font-size:16px;color:#d7d0c3}.text-dialog a{color:var(--gold)}.text-dialog .eyebrow{font-size:12px;clear:both}.text-dialog .close+h2{clear:both}#video-error{padding:0 22px}
@media(min-width:1051px) and (max-width:1350px){.screen-top{letter-spacing:.04em}.screen-content,.video-open{padding:.7cqw 1cqw}.screen h2,.screen strong{font-size:26px}.screen p,.screen-bottom>span:not(.action){font-size:14px}.action{margin-top:.35cqw;font-size:12px}.bio{font-size:17px}.welcome{font-size:14px}}
@media(max-width:1050px){.studio{aspect-ratio:auto;padding:42px 24px 26px;display:flex;flex-direction:column;background:#101617}.studio-art{height:550px;object-fit:cover;object-position:0 center;opacity:.28;mask-image:linear-gradient(#000 55%,transparent)}.intro{position:relative;left:auto;top:auto;width:100%;max-width:580px;margin:15px 0 28px}.intro h1{font-size:clamp(60px,12vw,95px);line-height:.95;margin:22px 0}.eyebrow{font-size:12px;margin-bottom:12px}.bio{font-size:18px}.welcome{font-size:16px;margin-top:15px}.window{position:relative;left:auto;top:auto;width:100%;height:200px;margin:0 0 24px;border:8px solid #31281f}.screens{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.screen:nth-child(n){position:relative;left:auto;top:auto;width:100%;height:auto;aspect-ratio:1.7;border:5px solid #292e2f;border-bottom:10px solid #292e2f;border-radius:4px;min-height:230px}.screen-content,.video-open{padding:18px}.screen h2,.screen strong{font-size:32px;margin-bottom:7px}.screen p,.screen-bottom>span:not(.action){font-size:16px}.screen-top{font-size:12px}.action{font-size:14px;margin-top:13px}footer{padding:12px 24px 22px}.window figcaption{font-size:12px}}
@media(max-width:600px){.studio{padding:26px 18px 20px}.screens{grid-template-columns:1fr;gap:20px}.screen:nth-child(n){min-height:244px;aspect-ratio:1.5}.window{height:170px;margin-bottom:22px}.intro{margin-top:15px}.intro h1{font-size:72px}.bio{font-size:17px}.screen-content,.video-open{padding:22px}.screen h2,.screen strong{font-size:36px}.screen-top{font-size:12px}footer{align-items:flex-start;padding:12px 20px 25px;font-size:12px}footer>div{gap:15px;align-items:flex-end;flex-direction:column}footer button{padding:0;font-size:13px}.cinema-top,.cinema-bottom{padding:12px}.cinema-top p{font-size:12px}.cinema h2{font-size:22px}.cinema-bottom{font-size:12px}.text-dialog{padding:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The four live cards turn around a horizontal Rolodex spindle. */
.screen{transform-origin:50% 50%;backface-visibility:hidden;box-shadow:0 2px 1px #0008,0 5px 0 -2px #635947,0 8px 0 -4px #241f1a}
.screen::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0003;box-shadow:0 1px #ffffff0a;pointer-events:none}
.screen.is-turning{pointer-events:none;will-change:transform,filter}
.rolodex-controls{position:absolute;left:9.5%;top:83%;z-index:3;padding:12px 16px 10px;background:#101512eb;border:1px solid #86704a66;border-radius:5px;box-shadow:0 5px 18px #0005}
.rolodex-label{display:block;color:#c6b496;letter-spacing:.18em;font-size:clamp(10px,.75cqw,13px);margin-bottom:12px}
.rolodex-buttons{display:flex;align-items:center;gap:14px}
.rolodex-buttons button{border:1px solid #a18b6155;background:#131916bb;border-radius:3px;width:42px;height:42px;color:var(--gold);font-size:23px;transition:background .2s,border-color .2s}
.rolodex-buttons button:hover{background:#373324;border-color:var(--gold)}
.rolodex-buttons button:disabled{opacity:.55}
#card-position{font-size:13px;letter-spacing:.12em;font-variant-numeric:tabular-nums;min-width:64px;text-align:center}#card-position span{color:#958e80}
.rolodex-buttons #motion-toggle{width:auto;padding:0 12px;font-size:12px;color:#d3c8b2;border-color:transparent;background:transparent}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.rolodex-controls{position:relative;left:auto;top:auto;order:0;margin:0 0 24px;align-self:flex-start}.screens{order:1}.screen{order:var(--slot,0)}.rolodex-label{font-size:11px}.screen[data-slot]{left:auto;top:auto;width:100%;height:auto}}
@media(max-width:600px){.rolodex-buttons{gap:12px}.rolodex-controls{margin:0 0 24px}.rolodex-buttons button{width:44px;height:44px}}

/* A single complete film plays in the large frame and continues in fullscreen. */
.featured-film{background:#071111;isolation:isolate}.featured-film .mountain-view{position:absolute;inset:0;object-position:center 17%;opacity:.78;z-index:-2}
.featured-film::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06101433,transparent 35%,transparent 65%,#06101455)}
.featured-cinema{position:relative;width:100%;height:100%;color:var(--ivory)}
.featured-cinema video{display:block;width:100%;height:100%;object-fit:contain;background:transparent}
.feature-heading{position:absolute;left:14px;top:12px;pointer-events:none;text-shadow:0 2px 5px #000;max-width:24%}
.feature-eyebrow{font-size:11px;letter-spacing:.1em;color:var(--gold)}
.feature-heading h2{font-family:Georgia,serif;font-size:clamp(20px,1.65cqw,30px);font-weight:400;margin:7px 0 6px;line-height:1.1}
.feature-heading p{font-size:12px;line-height:1.5;margin:0;color:#e1d9c9}
.feature-controls{position:absolute;right:12px;top:12px;display:flex;align-items:flex-end;flex-direction:column;gap:7px;max-width:24%}
.feature-controls button{border:1px solid #ae9b754d;border-radius:3px;padding:8px 9px;font-size:12px;line-height:1.2;white-space:nowrap;color:var(--ivory);background:#0a1114dc}
.feature-controls button:hover{border-color:var(--gold);background:#252b2be8}
.feature-controls button[hidden]{display:none}
.featured-cinema:fullscreen{width:100vw;height:100dvh;background:#000}
.featured-cinema:fullscreen .feature-heading{top:20px;left:24px;max-width:40%}
.featured-cinema:fullscreen .feature-controls{right:24px;top:20px;max-width:none}
.featured-cinema:fullscreen .feature-heading h2{font-size:28px}
.featured-cinema:fullscreen .feature-controls button{font-size:14px;padding:10px 14px}
.featured-cinema:fullscreen .feature-heading,.featured-cinema:fullscreen .feature-controls{opacity:0;transition:opacity .2s}
.featured-cinema:fullscreen:hover .feature-heading,.featured-cinema:fullscreen:hover .feature-controls,.featured-cinema:fullscreen:focus-within .feature-controls{opacity:1}
#video-error{position:absolute;inset:40% 10% auto;background:#111d;padding:16px;font-size:14px}
@media(max-width:1050px){.featured-film{height:auto;aspect-ratio:16/10;margin-bottom:24px}.featured-cinema{aspect-ratio:16/10}.feature-heading{left:10px;top:10px;max-width:55%}.feature-heading h2{font-size:24px;margin:4px 0}.feature-heading>div{background:#071114cc;padding:8px 10px;border-radius:3px}.feature-controls{right:10px;top:10px;max-width:40%}.feature-heading p{font-size:12px}.feature-eyebrow{font-size:10px}}
@media(max-width:600px){.featured-film{height:auto;aspect-ratio:4/3;border-width:5px}.featured-cinema{aspect-ratio:4/3}.feature-heading{top:0;left:0}.feature-heading>div{padding:8px}.feature-heading h2{font-size:20px}.feature-heading p{font-size:11px}.feature-controls{top:8px;right:8px;gap:5px}.feature-controls button{font-size:11px;padding:7px}.feature-eyebrow{font-size:10px}}