:root{color-scheme:dark;--bg:#11130f;--panel:#1b1e18;--ink:#f3f0e8;--muted:#a3a99e;--line:#383d34;--accent:#c5d2a3;font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,select,input{font:inherit}button,select{cursor:pointer}button,a,select,input{-webkit-tap-highlight-color:transparent}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.masthead{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);position:relative;z-index:3;background:#11130f}.wordmark{font-size:22px;font-weight:400;letter-spacing:-1.2px;white-space:nowrap}.wordmark strong{font-weight:700}.header-caption,.header-link{font-size:11px;letter-spacing:.13em;text-transform:uppercase}.header-caption{color:var(--muted)}.header-caption i{font-style:normal;padding:0 5px;color:#667064}.header-link{border-bottom:1px solid var(--accent);padding-bottom:7px}.header-link span{margin-left:14px;color:var(--accent)}
main{overflow:hidden}.screening,.films,.endnote{width:min(1360px,calc(100% - 2 * clamp(22px,5vw,80px)));margin-inline:auto}.screening{padding-top:34px;scroll-margin-top:24px}.screening-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.screening-head>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.screening h1{font-size:clamp(24px,2.6vw,36px);font-weight:600;letter-spacing:-.05em;line-height:1.1;margin:0 0 8px}.section-index{color:var(--accent)}#sequence-select{appearance:none;border:0;border-bottom:1px solid #8c9685;border-radius:0;background:transparent;color:var(--ink);font-size:clamp(23px,2.5vw,34px);letter-spacing:-.045em;padding:0 38px 7px 0;max-width:80vw;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='m3 6 6 6 6-6' fill='none' stroke='%23c5d2a3' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}#sequence-select option{background:var(--bg)}.screening-detail{color:var(--muted);padding-bottom:8px}.screening-detail span{font-size:16px;letter-spacing:0;color:var(--accent);padding:0 6px}
.player{position:relative;background:#090c08}.picture{position:relative;aspect-ratio:16/9;background:#050705;overflow:hidden;min-height:200px}#videos{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow:hidden;background-size:200% 100%;background-position:left center}#videos video{position:absolute;left:0;top:0;width:200%;height:100%;max-width:none;object-fit:fill;opacity:0;pointer-events:none;transition:none}#videos video.active{opacity:1}.picture-topline{position:absolute;left:25px;right:25px;top:21px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;z-index:3}.picture-label{background:#11160eb8;backdrop-filter:blur(9px);border:1px solid #ffffff6b;padding:7px 10px;font-size:10px;font-weight:600;letter-spacing:.17em;text-transform:uppercase}.picture-corner{color:#fff;text-shadow:0 1px 5px #000;letter-spacing:.12em}.start{position:absolute;inset:0;z-index:1;width:100%;height:100%;background:linear-gradient(transparent 60%,#0003);border:0;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.start[hidden]{display:none}.play-symbol{width:72px;height:72px;border:1px solid #ffffffe0;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:#11170d6b;backdrop-filter:blur(6px);font-size:19px;transition:transform .25s,background .25s}.start:hover .play-symbol{transform:scale(1.08);background:#11170dba}.notice{position:absolute;z-index:6;left:24px;bottom:71px;max-width:calc(100% - 48px);font-size:12px;padding:9px 12px;color:white;background:#0b0d09dc}.notice:empty{display:none}.retry-button{margin-left:6px;border:1px solid #fff9;color:white;background:transparent;padding:4px 8px;cursor:pointer}
.variant-bar{position:absolute;right:23px;bottom:80px;z-index:4;display:flex;align-items:center;gap:18px}.version-controls,.variants{display:flex;align-items:center;gap:7px}.variant,.switch-button{height:40px;padding:0 15px;border:1px solid #ffffffa6;background:#10140fb8;color:white;font-size:12px;backdrop-filter:blur(8px);white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}.variant:hover,.switch-button:hover{background:#2b3523}.variant[aria-pressed=true]{border-color:var(--accent);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.switch-button{background:var(--accent);color:#182214;border-color:var(--accent);font-weight:700}.switch-button:hover{background:#d6e2b5;transform:translateY(-2px)}.switch-button span{font-size:17px;margin-left:16px}.switch-hint{font-size:10px;letter-spacing:.04em;text-shadow:0 1px 3px #000;color:white;min-width:95px}.transport{height:62px;display:flex;align-items:center;gap:16px;padding:0 22px;background:#151a13}.icon-button{display:grid;place-items:center;width:32px;height:38px;padding:0;border:0;background:transparent;color:var(--ink);font-size:17px;flex:none}.icon-button:hover{color:var(--accent)}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sound[aria-pressed=true]{opacity:.45}time{font-size:11px;color:#c2c9b8;font-variant-numeric:tabular-nums}input[type=range]{flex:1;min-width:30px;height:20px;accent-color:var(--accent)}.under-player{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:17px;color:var(--muted)}.under-player p{margin:0;font-size:13px;line-height:1.6}.under-player span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.films{padding:116px 0 110px}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:12px 30px;margin-bottom:26px}.section-heading .section-index{grid-column:1/-1}.section-heading h2{font-weight:400;font-size:clamp(32px,4.2vw,58px);letter-spacing:-.06em;line-height:1.08;margin:0}.section-heading p{max-width:36ch;justify-self:end;font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 4px}.film-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.film-choice{text-align:left;padding:0;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);display:flex;flex-direction:column;transition:border-color .2s}.film-choice:hover,.film-choice[aria-pressed=true]{border-color:var(--accent)}.film-image{height:auto;aspect-ratio:16/9;width:100%;display:block;margin:18px 0;background-repeat:no-repeat;background-size:200% 100%;background-position:right center;filter:saturate(.87);transition:filter .3s,transform .3s}.film-choice:hover .film-image{filter:saturate(1.1);transform:scale(1.012)}.film-image.c007{background-image:url('media/c007-comparison.jpg')}.film-image.c013{background-image:url('media/c013-comparison.jpg')}.film-meta{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:baseline;gap:8px}.film-number{color:var(--accent)}.film-title{font-size:22px;letter-spacing:-.045em}.film-variants{grid-column:2;color:var(--muted);letter-spacing:.08em}.film-arrow{grid-column:3;grid-row:1/3;font-size:21px;color:var(--accent);transition:transform .2s}.film-choice:hover .film-arrow{transform:translate(3px,-3px)}
.endnote{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:20px 40px;padding:42px 0 80px}.endnote p{font-size:16px;line-height:1.65;margin:0;max-width:68ch;color:var(--muted)}.endnote a{grid-column:2;justify-self:start;color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:5px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.endnote a span{margin-left:15px}footer{min-height:85px;border-top:1px solid var(--line);padding:20px clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:var(--muted)}footer .footer-wordmark{font-size:18px;color:var(--ink);letter-spacing:-.06em}footer .footer-wordmark strong{font-weight:700}footer a{color:var(--accent)}noscript{display:block;padding:20px;color:var(--ink)}
.player:fullscreen,.player:-webkit-full-screen,.player.is-expanded{background:#050705;display:flex;flex-direction:column;justify-content:center}.player:fullscreen .picture,.player:-webkit-full-screen .picture,.player.is-expanded .picture{flex:1;aspect-ratio:auto;min-height:0}.player:fullscreen .transport,.player:-webkit-full-screen .transport,.player.is-expanded .transport{flex:none}.view-expanded,.view-expanded body{overflow:hidden;overscroll-behavior:none}.player.is-expanded{position:fixed;inset:0;z-index:10000;width:100vw;height:100dvh}
@media(max-width:900px){.header-caption{display:none}.screening-detail{display:none}.variant-bar{bottom:68px;right:12px}.switch-hint{display:none}}
@media(max-width:640px){.masthead{height:66px}.wordmark{font-size:19px}.header-link{font-size:9px}.header-link span{margin-left:4px}.screening{padding-top:24px}.screening h1{font-size:25px;margin-bottom:6px}.screening-head{margin-bottom:14px}.section-index{font-size:9px}#sequence-select{font-size:25px}.picture-topline{left:10px;right:10px;top:9px}.picture-label{font-size:8px;padding:5px 7px}.picture-corner{display:none}.play-symbol{width:51px;height:51px;font-size:15px}.start>span:last-child{display:none}.variant-bar{left:8px;right:8px;bottom:8px;justify-content:center}.version-controls{gap:4px}.variants{gap:4px}.variant,.switch-button{height:30px;padding:0 7px;font-size:9px;line-height:1}.switch-button span{margin-left:4px;font-size:13px}.transport{height:48px;padding:0 7px;gap:7px}.icon-button{width:28px;font-size:14px}.icon-button svg{width:17px;height:17px}time{font-size:10px}.notice{left:8px;bottom:46px;font-size:10px}.under-player{display:block}.under-player p{font-size:12px}.under-player span{display:block;margin-top:8px}.films{padding:75px 0 70px}.section-heading{display:block}.section-heading h2{margin:10px 0 9px;font-size:40px}.section-heading p{font-size:12px}.film-list{grid-template-columns:1fr;gap:34px}.film-image{margin:14px 0}.film-title{font-size:19px}.endnote{display:block;padding:32px 0 55px}.endnote p{margin:18px 0 24px;font-size:14px}.endnote a{font-size:10px}footer{align-items:flex-start;flex-wrap:wrap;min-height:100px;font-size:9px}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.film-image.scene131{background-image:url("media/scene131-comparison.jpg")}