@font-face{font-family:Editorial;src:url('/assets/editorial.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Interface;src:url('/assets/interface.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f4f2ed;--ink:#242721;--muted:#65655f;--accent:#cc4b2d;--line:#bdbbb3;--serif:Editorial,Georgia,serif;--sans:Interface,'Trebuchet MS',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}body:has(dialog[open]){overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button svg,a svg{flex-shrink:0}svg{display:block}img{display:block;width:100%;object-fit:cover}[hidden]{display:none!important}.wrap{width:calc(100% - 88px);max-width:1440px;margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;z-index:20;left:24px;top:-100px;background:var(--ink);color:white;padding:12px 20px}.skip:focus{top:16px}.header{min-height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px}.brand{display:flex;gap:15px;align-items:center;font-size:27px;letter-spacing:.015em;line-height:1}.brand svg{width:27px;height:31px;fill:var(--accent)}nav{display:flex;align-items:center;gap:44px;font-size:15px}nav a{padding-block:20px;white-space:nowrap}nav a:hover,.footer a:hover{color:var(--accent)}.saved-count{font-size:12px;margin-left:7px;color:var(--accent)}.hero{padding-block:40px 60px;display:grid;grid-template-columns:38% 62%;gap:0;border-bottom:1px solid var(--line);align-items:stretch}.hero-copy{padding-top:28px;padding-right:24px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}h1{font:400 clamp(68px,7.8vw,112px)/.88 var(--serif);letter-spacing:-.052em}h1 br{display:block}.hero-copy>p{font-size:19px;line-height:1.5;margin-top:36px;color:#50534c;max-width:420px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;color:var(--paper);background:var(--ink);padding:16px 25px;font-size:16px;min-height:56px;transition:background .18s}.primary:hover{background:#41473c}.primary svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.2}.hero .primary{margin-top:36px}.feature{padding-left:18px;min-width:0}.feature-link{display:block;position:relative;overflow:hidden}.feature img{height:620px;aspect-ratio:1.27;object-position:48% center;transition:transform .7s}.feature-link:hover img{transform:scale(1.025)}.image-play{display:grid;place-items:center;position:absolute;width:70px;height:70px;left:50%;top:50%;transform:translate(-50%,-50%);background:#f4f2edeb;opacity:0;transition:opacity .2s}.image-play svg{width:27px;height:27px;fill:var(--ink)}.feature-link:hover .image-play,.feature-link:focus-visible .image-play{opacity:1}figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;font-size:14px}figcaption i{font-family:var(--serif);font-size:25px;font-style:normal}.slash{margin:0 10px;color:var(--muted)}figcaption a{display:flex;align-items:center;gap:8px}figcaption a svg{width:18px;height:20px;fill:var(--ink)}.library{padding-block:58px 98px;scroll-margin-top:20px}.library-top{display:flex;justify-content:space-between;align-items:center;gap:32px}.library h2{font:400 clamp(34px,4.5vw,58px)/1.08 var(--serif);letter-spacing:-.04em}.search{border:1px solid var(--line);display:flex;align-items:center;gap:15px;padding:12px 17px;width:35%;max-width:440px;min-width:220px}.search svg{width:23px;height:23px;fill:none;stroke:var(--muted);stroke-width:1.2}.search input{border:0;background:transparent;width:100%;min-width:0;outline-offset:3px;color:var(--ink);font-size:15px}.search input::placeholder{color:#777870}.filters{display:flex;gap:50px;margin:30px 0 35px;overflow-x:auto;scrollbar-width:none}.filters button{white-space:nowrap;background:none;border-bottom:2px solid transparent;padding:12px 0 13px;font-size:16px;color:#4b4d47}.filters button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.filters button:hover{color:var(--accent)}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.film{min-width:0;animation:reveal .5s ease both}.film:nth-child(2){animation-delay:.06s}.film:nth-child(3){animation-delay:.12s}.poster{display:block;overflow:hidden;position:relative}.poster img{height:auto;aspect-ratio:1.5;transition:transform .5s}.poster:hover img{transform:scale(1.035)}.poster-action{position:absolute;bottom:0;left:0;right:0;background:#242721e8;color:white;padding:13px 16px;display:flex;justify-content:space-between;align-items:center;font-size:13px;transform:translateY(100%);transition:transform .2s}.poster-action svg{fill:currentColor;width:16px;height:16px}.poster:hover .poster-action,.poster:focus-visible .poster-action{transform:translateY(0)}.film-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:12px}.film h3{font:400 28px/1.2 var(--serif);letter-spacing:-.025em}.film h3 a:hover{color:var(--accent)}.bookmark{padding:8px;background:none;flex-shrink:0;min-width:40px;min-height:44px;margin-right:-8px}.bookmark svg{width:19px;height:24px;fill:none;stroke:var(--ink);stroke-width:1.3}.bookmark[aria-pressed=true] svg{fill:var(--accent);stroke:var(--accent)}.metadata{font-size:14px;color:var(--muted);margin-top:3px}.metadata span{display:inline-block;margin-inline:12px;color:#8b8c83}.empty{padding:65px 20px 45px;text-align:center;border-block:1px solid var(--line)}.empty h3{font:400 38px/1.1 var(--serif);margin-bottom:12px}.empty p{color:var(--muted)}.text-button{background:none;padding:16px;color:var(--accent);font-size:15px}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:28px 42px}.footer p{font:400 25px/1.3 var(--serif);letter-spacing:-.02em}.footer a{font-size:14px;color:var(--muted)}.player{border:0;padding:0;background:var(--paper);color:var(--ink);width:min(950px,calc(100vw - 48px));max-height:calc(100dvh - 48px);overflow-y:auto;box-shadow:0 30px 100px #0005}.player::backdrop{background:#171c18d9;backdrop-filter:blur(5px)}.player-header{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--line);font-size:13px}.close{padding:8px;background:none}.close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3}.player video{width:100%;aspect-ratio:16/9;display:block;background:#151714;object-fit:contain}.player-copy{padding:26px 34px 30px}.player-copy h2{font:400 52px/1.1 var(--serif);margin-block:9px 12px}.player-copy>p:not(.credit):not(.player-meta){max-width:700px;color:var(--muted);font-size:16px}.player-meta{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:11px}.player-copy .primary{margin-top:22px;font-size:14px;min-height:48px;padding:12px 18px;gap:20px}.player-copy .primary svg{width:19px;height:19px}.credit{margin-top:20px;font-size:12px;color:var(--muted)}.video-error{margin-top:14px}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:13px 22px;background:var(--ink);color:var(--paper);font-size:14px;max-width:calc(100vw - 32px);z-index:30;text-align:center}.about{max-width:860px;padding-block:70px 100px;min-height:calc(100vh - 210px)}.about h1{font-size:76px;line-height:1.05;margin-bottom:28px}.about h2{font:400 39px/1.1 var(--serif);margin-block:45px 18px}.about p{max-width:730px;margin-block:15px;color:#50534c}.about ul{padding-left:21px;line-height:1.9}.about a:not(.primary){text-decoration:underline;text-underline-offset:4px}.about .primary{margin-top:22px}.about .license-item{border-top:1px solid var(--line);padding-block:18px}.license-item h3{font:400 28px/1.2 var(--serif)}.license-item p{font-size:14px;margin-block:8px}.notice{padding-top:24px;color:var(--muted)}@keyframes reveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.feature img{height:690px}.hero-copy{padding-top:32px}h1{font-size:126px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:40% 60%;padding-block:35px 45px}.feature{padding-left:10px}.feature img{height:490px}h1{font-size:8.5vw}.hero-copy{padding-top:20px}.hero-copy>p{font-size:16px;margin-top:26px}.hero .primary{margin-top:28px}.primary{font-size:14px;padding:13px 20px;gap:20px}.library h2{font-size:43px}.filters{gap:35px}nav{gap:28px}.film-grid{gap:20px}.film h3{font-size:25px}.metadata{font-size:12px}.metadata span{margin-inline:8px}.library{padding-bottom:75px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{min-height:108px;align-items:flex-start;flex-direction:column;gap:0;padding-top:20px;padding-bottom:0}.brand{font-size:23px;gap:10px}.brand svg{width:21px;height:25px}nav{width:100%;justify-content:flex-start;gap:27px;font-size:12px}nav a{padding-block:16px}.hero{display:flex;flex-direction:column;padding-block:30px 29px;gap:32px}.hero-copy{padding:0}h1{font-size:clamp(62px,15vw,100px);line-height:.92;letter-spacing:-.045em}h1 br:nth-child(2){display:none}h1 br:nth-child(2)::after{content:' '}.hero-copy>p{margin-top:23px;font-size:15px;max-width:100%}.hero .primary{margin-top:23px;min-height:49px}.desktop-break{display:none}.feature{padding:0}.feature img{height:auto;aspect-ratio:1.3;object-position:center}.feature figcaption{font-size:12px}.feature figcaption i{font-size:22px}.slash{margin-inline:6px}.feature figcaption a{gap:5px}.image-play{width:54px;height:54px;opacity:1;background:#f4f2edda}.image-play svg{width:21px;height:21px}.library{padding-block:33px 48px}.library-top{display:block}.library h2{font-size:39px;line-height:1.03;max-width:350px}.search{width:100%;max-width:none;margin-top:23px;padding:10px 13px;min-height:46px}.filters{margin:15px 0 24px;gap:25px}.filters button{font-size:13px;padding:11px 0}.film-grid{grid-template-columns:1fr;gap:30px}.poster img{aspect-ratio:1.6}.film h3{font-size:30px}.film-title{padding-top:8px}.metadata{font-size:13px;margin-top:0}.poster-action{transform:none;padding:9px 13px;font-size:12px}.footer{padding-block:23px 30px;align-items:flex-start;flex-direction:column;gap:14px}.footer p{font-size:23px}.footer a{font-size:12px}.player{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.player-copy{padding:23px 21px}.player-copy h2{font-size:40px}.player-copy>p:not(.credit):not(.player-meta){font-size:14px}.player-copy .primary{font-size:12px;gap:12px}.player-header{padding:8px 14px}.about{padding-block:40px 60px}.about h1{font-size:55px}.about h2{font-size:34px}.about p,.about ul{font-size:14px}.about .license-item h3{font-size:27px}}
@media(max-width:760px){h1 br:nth-child(2){display:block}h1 br:nth-child(2)::after{content:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}