:root{color-scheme:dark;--paper:#0d0e13;--card:#171923;--text:#f4f2ed;--muted:#b1b4c1;--accent:#c5ff87}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}header,footer{max-width:1360px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{font-weight:850;font-size:20px}.brand span{display:block;font-size:9px;letter-spacing:.2em;color:var(--muted);margin-top:5px}nav{display:flex;gap:24px;align-items:center}.button{display:inline-block;border:0;background:var(--accent);color:#182016;border-radius:99px;padding:14px 24px;font-weight:750;cursor:pointer}.intro{max-width:1360px;margin:auto;padding:90px 5% 65px;background:radial-gradient(ellipse at 90% 10%,#29294788,transparent 60%)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:750;color:var(--accent)}h1{font-size:clamp(52px,7vw,100px);letter-spacing:-.065em;line-height:1.02;margin:26px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.intro p{max-width:580px;font-size:19px;line-height:1.7;color:var(--muted)}.proof{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px;font-size:12px}.proof span:before{content:'✓';color:var(--accent);margin-right:9px}.collection{max-width:1360px;margin:auto;padding:45px 5%}.collection-head h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.035em}.collection p{color:var(--muted);line-height:1.6}.filters{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:30px 0}#categories{display:flex;gap:8px;flex-wrap:wrap}.filters button,.filters select{background:var(--card);color:var(--text);border:1px solid #343745;padding:11px 15px;border-radius:99px;cursor:pointer}.filters label{font-size:12px;color:var(--muted);display:flex;gap:10px;align-items:center}.filters button[aria-pressed=true]{color:#182016;background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.sample{min-width:0}.sample button{display:block;position:relative;width:100%;padding:0;border:0;border-radius:20px;overflow:hidden;background:var(--card);cursor:pointer;color:white;aspect-ratio:4/5}.sample img{width:100%;height:100%;object-fit:contain;background:#11131b;transition:transform .3s}.sample button:hover img{transform:scale(1.025)}.play{position:absolute;bottom:18px;left:18px;background:#f4f2ed;color:#151515;padding:11px 17px;border-radius:99px;font-size:12px;font-weight:800}.sample h3{font-size:19px;letter-spacing:-.025em;margin:16px 0 6px}.sample p{font-size:12px;margin:0}.sample .tag{color:var(--accent);font-size:10px;letter-spacing:.12em;display:block;margin-top:14px;text-transform:uppercase}#moreSamples{display:block;margin:38px auto}.closing{text-align:center;padding:90px 24px;background:linear-gradient(#171923,#0d0e13)}.closing h2{font-size:clamp(32px,5vw,60px);letter-spacing:-.04em}.closing p{color:var(--muted);max-width:500px;margin:0 auto 30px;line-height:1.7}.closing small{display:block;max-width:570px;margin:24px auto;color:var(--muted);line-height:1.6}footer{border-top:1px solid #30313c;font-size:12px;color:var(--muted)}dialog{width:min(850px,95vw);max-height:95vh;padding:22px;border:1px solid #454752;background:#14161e;color:white;border-radius:20px}dialog::backdrop{background:#000c;backdrop-filter:blur(7px)}dialog video{display:block;width:100%;max-height:70vh;background:#000}dialog h2{font-size:20px;padding-right:32px}#closeScreening{float:right;color:white;background:#292b36;border:0;border-radius:50%;padding:9px 13px;cursor:pointer}.placeholder{aspect-ratio:4/5;border-radius:20px;background:linear-gradient(100deg,#171923,#292d40,#171923);background-size:250%;animation:shimmer 1.5s infinite}@keyframes shimmer{to{background-position:200%}}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{padding-top:55px}nav>a:first-child{display:none}}@media(max-width:520px){.grid{gap:15px}.sample h3{font-size:16px}.sample .play{left:10px;bottom:10px;padding:8px 12px}.intro p{font-size:16px}header{padding:20px}.brand{font-size:15px}header .button{font-size:11px;padding:12px}.collection{padding-inline:20px}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}