.about-film{--paper:var(--color-background);--ink:var(--color-foreground);--rail:280px;--gutter:clamp(36px, 5vw, 88px);background:var(--paper);color:var(--ink);padding:80px 4vw 0}.film-layout{isolation:isolate;max-width:1600px;margin:auto;position:relative}.film-layout:before{content:"";z-index:-1;width:var(--rail);background:#22231e;position:absolute;inset:0 auto 0 0;box-shadow:4px 0 16px #24221b18}.film-layout:after{content:"";z-index:-1;width:var(--rail);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='32' preserveAspectRatio='none' viewBox='0 0 220 32'%3E%3Crect x='8' y='8' width='11' height='17' rx='3' fill='%23fafaf9'/%3E%3Crect x='201' y='8' width='11' height='17' rx='3' fill='%23fafaf9'/%3E%3C/svg%3E");background-size:100% 32px;position:absolute;inset:0 auto 0 0}.film-intro,.film-journal,.film-outro{grid-template-columns:var(--rail) minmax(0, 1fr);column-gap:var(--gutter);display:grid}.film-intro{min-height:calc(100svh - 80px)}.film-leader{color:#d3ac61;letter-spacing:.13em;flex-direction:column;justify-content:center;align-items:center;gap:45px;font:10px/1.5 monospace;display:flex}.film-leader>span:first-child{writing-mode:vertical-rl}.film-leader b{border-top:1px solid #d3ac6150;padding-top:25px;font:54px/1 monospace}.film-intro-copy{flex-direction:column;justify-content:center;padding:clamp(60px,9vh,120px) 0 30px;display:flex}.film-eyebrow{font:10px/1.6 var(--font-inter), sans-serif;text-transform:uppercase;letter-spacing:.19em;color:var(--color-accent);align-items:center;gap:20px;display:flex}.film-intro h1{font:700 clamp(60px, 6.5vw, 96px)/1.1 var(--font-playfair), Georgia, serif;letter-spacing:-.03em;margin:35px 0}.film-intro h1 em{color:var(--color-accent);font-style:normal;font-weight:700}.film-intro-bottom{justify-content:space-between;align-items:end;gap:30px;display:flex}.film-intro-bottom>p{max-width:410px;color:var(--color-muted);font-size:16px;line-height:1.8}.film-scroll{text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid #b9b6aa;flex-shrink:0;align-items:center;gap:18px;padding-bottom:5px;font-size:10px;display:flex}.film-scroll span{font-size:25px}.film-index{color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #d7d4c9;justify-content:space-between;gap:15px;margin-top:65px;padding-top:17px;font:9px/1.5 monospace;display:flex}.film-scene{min-height:110svh;padding:70px 0 120px;scroll-margin-top:100px;position:relative}.film-exposure{width:100%;padding:0 40px;position:relative}.film-window{aspect-ratio:2/3;background:#11130f;border-radius:2px;width:100%;display:block;position:relative;overflow:hidden}.film-window:focus-visible{outline-offset:5px;outline:3px solid #e7b66b}.film-scan{object-fit:cover;width:100%;height:100%;display:block}.film-scan--rotated{width:150%;max-width:none;height:66.6667%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.film-edge{writing-mode:vertical-rl;color:#e6b76e;text-transform:uppercase;letter-spacing:.09em;font:9px/1 monospace;position:absolute;top:0}.film-edge--stock{left:28px}.film-edge--number{justify-content:space-between;height:100%;display:flex;right:28px}.film-edge--unknown{color:#b1aea0}.film-projection{grid-template-columns:minmax(180px,.8fr) minmax(0,1.2fr);align-self:start;align-items:center;gap:clamp(24px,3vw,52px);scroll-margin-top:110px;display:grid;position:sticky;top:110px}.film-projection-photo{grid-area:1/2}.film-projection-photo img{object-fit:contain;object-position:right;filter:drop-shadow(0 15px 18px #34322322);width:100%;height:auto;max-height:70svh;display:block}.projection-caption{text-transform:uppercase;color:var(--color-muted);letter-spacing:.12em;justify-content:space-between;margin-top:15px;font:9px/1.5 monospace;display:flex}.film-story{grid-area:1/1;padding:20px 0}.film-rule{background:#b7b6aa;width:32px;height:1px}.film-story h2{font:700 clamp(30px, 3vw, 48px)/1.15 var(--font-playfair), Georgia, serif;letter-spacing:-.035em;margin:22px 0}.film-story>p{color:var(--color-muted);max-width:400px;font-size:16px;line-height:1.8}.film-story-pending{color:var(--color-muted)}.film-metadata{flex-wrap:wrap;gap:18px 14px;margin-top:32px;display:flex}.film-metadata>div{flex-direction:column;gap:6px;display:flex}.film-metadata dt{text-transform:uppercase;letter-spacing:.12em;color:var(--color-muted);font-size:10px}.film-metadata dd{width:fit-content;color:var(--color-accent);font:12px/1.4 var(--font-inter), sans-serif;background:#fff7ed;border:1px solid #fed7aa;border-radius:5px;padding:5px 8px}.film-metadata dd.is-unknown{color:var(--color-muted);border-color:var(--color-border);background:#f5f5f4}.film-scene--landscape .film-projection{grid-template-columns:1fr;gap:8px}.film-scene--landscape .film-projection-photo{grid-area:1/1}.film-scene--landscape .film-projection-photo img{object-position:left;width:auto;max-width:100%;max-height:55svh}.film-scene--landscape .film-story{grid-area:2/1;grid-template-columns:1fr 1fr;column-gap:36px;display:grid}.film-scene--landscape .film-story .film-eyebrow{grid-column:1/-1}.film-scene--landscape .film-story h2{margin:12px 0}.film-scene--landscape .film-story>p{grid-column:1}.film-scene--landscape .film-metadata{grid-area:2/2/4;align-content:center;margin:12px 0}.film-outro{padding:70px 0 110px}.film-tail{color:#d3ac61;flex-direction:column;align-items:center;gap:35px;padding-top:20px;font:14px monospace;display:flex}.film-tail span{font-size:60px}.film-outro h2{font:700 clamp(45px, 5vw, 72px)/1.1 var(--font-playfair), Georgia, serif;letter-spacing:-.04em;margin:25px 0}.film-outro p:not(.film-eyebrow){max-width:400px;color:var(--color-muted);font-size:14px;line-height:1.8}.film-outro-links{flex-wrap:wrap;gap:30px;margin-top:30px;font-size:12px;display:flex}.film-outro-links a{border-bottom:1px solid #a8a797;padding-bottom:8px}.film-outro-links span{margin-left:20px}@media (min-width:1500px){.about-film{--rail:320px}}@media (max-width:1100px) and (min-width:901px){.about-film{--rail:240px;--gutter:30px}.film-projection{grid-template-columns:minmax(150px,.85fr) minmax(0,1fr);gap:20px}.film-intro-bottom{display:block}.film-scroll{width:fit-content;margin-top:25px}}@media (max-width:900px){.about-film{--rail:250px;padding:76px 20px 0}.film-layout:before,.film-layout:after{left:50%;transform:translate(-50%)}.film-intro,.film-journal,.film-outro{grid-template-columns:minmax(0,1fr);gap:0}.film-intro{min-height:auto}.film-intro-copy{background:var(--paper);grid-row:1;margin:0 -20px;padding:64px 26px 42px}.film-intro h1{margin:28px 0;font-size:clamp(64px,13vw,100px)}.film-intro-bottom{display:block}.film-intro-bottom>p{font-size:14px}.film-scroll{width:fit-content;margin-top:26px}.film-index{margin-top:36px}.film-index span:last-child{display:none}.film-leader{gap:16px;height:190px;padding:20px 0}.film-leader>span:first-child{writing-mode:initial;font-size:9px}.film-leader b{padding-top:12px;font-size:40px}.film-scene{min-height:0;padding:40px 0 55px;scroll-margin-top:80px}.film-projection{background:var(--paper);flex-direction:column;gap:22px;margin:0 -20px;padding:35px 26px 40px;display:flex;position:relative;top:auto}.film-projection-photo{width:100%;max-width:420px}.film-projection-photo img{width:100%;max-height:none}.film-story{width:100%;max-width:420px;padding:0}.film-story h2{margin:18px 0;font-size:39px}.film-metadata{gap:16px;margin-top:25px}.film-scene--landscape .film-projection{gap:24px;display:flex}.film-scene--landscape .film-projection-photo{max-width:650px}.film-scene--landscape .film-projection-photo img{width:100%;max-height:none}.film-scene--landscape .film-story{max-width:650px;display:block}.film-scene--landscape .film-metadata{margin-top:25px}.film-outro{padding:0}.film-tail{gap:15px;height:150px}.film-outro>div:last-child{background:var(--paper);margin:0 -20px;padding:55px 26px 70px}}@media (prefers-reduced-motion:reduce){html:has(.about-film){scroll-behavior:auto}}@media (min-width:901px){.film-scene--portrait .film-projection-photo{justify-self:end;width:min(100%,46.6667svh)}.film-scene--landscape .film-projection-photo{width:100%}.film-scene--landscape .film-projection-photo img{width:100%;max-height:none}}.film-navigator{--frame-height:calc((var(--rail) - 80px) * 1.5);--frame-step:calc(var(--frame-height) + 24px);isolation:isolate;background:#22231e;align-self:start;height:calc(100svh - 80px);position:sticky;top:80px;overflow:hidden}.film-navigator:before{content:"";z-index:-1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='32' preserveAspectRatio='none' viewBox='0 0 220 32'%3E%3Crect x='8' y='8' width='11' height='17' rx='3' fill='%23fafaf9'/%3E%3Crect x='201' y='8' width='11' height='17' rx='3' fill='%23fafaf9'/%3E%3C/svg%3E");background-size:100% 32px;position:absolute;inset:0}.film-track{padding-top:max(24px, calc((100svh - 80px) * .38 - var(--frame-height) / 2));transform:translateY(calc(var(--active-frame) * var(--frame-step) * -1));flex-direction:column;gap:24px;transition:transform .7s cubic-bezier(.22,1,.36,1);display:flex}.film-exposure{flex-shrink:0}.film-window{filter:brightness(.38)blur(1.2px);transition:filter .65s}.is-active .film-window,.film-window:hover,.film-window:focus-visible{filter:brightness()blur()}.film-exposure .film-edge{opacity:.5;transition:opacity .65s}.film-exposure.is-active .film-edge{opacity:1}.film-scenes{min-width:0}@media (max-width:900px){.about-film{--rail:240px}.film-journal{display:block;position:relative}.film-navigator,.film-leader,.film-tail,.film-layout:before,.film-layout:after{display:none}.film-scene,.film-projection{scroll-margin-top:90px}.film-story h2{font-size:36px}}@media (prefers-reduced-motion:reduce){.film-track,.film-window,.film-exposure .film-edge{transition:none}}