:root { --ink:#0a141d; --ink2:#142736; --steel:#38566c; --gold:#d8a23a; --paper:#f3f1e9; --muted:#64717a; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color:#17242d; background:var(--paper); }
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit}.skip-link{position:fixed;z-index:30;top:.5rem;left:.5rem;padding:.7rem 1rem;color:#fff;background:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:none}
.site-header{position:sticky;z-index:20;top:0;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,4vw,4rem);color:#fff;background:rgb(10 20 29 / 95%);backdrop-filter:blur(14px)}.site-header>a{font-family:Georgia,serif;font-size:1.05rem;text-decoration:none}.site-header nav{display:flex;gap:1rem}.site-header nav a{font-size:.68rem;font-weight:850;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
main{overflow:hidden}.hero{padding:clamp(5rem,10vw,9rem) clamp(1rem,7vw,7rem);color:#fff;background:radial-gradient(circle at 82% 25%,rgb(65 91 108 / 54%),transparent 28rem),linear-gradient(135deg,var(--ink),#071019 72%)}.eyebrow{margin:0 0 .8rem;color:var(--gold);font-size:.65rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:15ch;margin:0;font-family:Georgia,serif;font-size:clamp(3rem,8vw,7rem);font-weight:500;line-height:.9;letter-spacing:-.045em}.hero h1 em{color:#e9c36d;font-weight:400}.hero>p:not(.eyebrow){max-width:50rem;margin:2rem 0 0;color:#c5d0d7;font-family:Georgia,serif;font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.hero .scope-note{padding-top:1rem;border-top:1px solid rgb(255 255 255 / 23%);font-family:inherit!important;font-size:.75rem!important}
.collection,.films{padding:clamp(4rem,8vw,7rem) clamp(1rem,5vw,5rem)}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem}.collection h2,.films h2{max-width:18ch;margin:0;font-family:Georgia,serif;font-size:clamp(2.1rem,5vw,4.7rem);font-weight:500;line-height:.98}.launch{display:inline-flex;padding:.85rem 1rem;color:#fff;background:var(--steel);font-size:.7rem;font-weight:850;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.filters{display:grid;grid-template-columns:2fr 1fr;gap:.8rem;margin-top:2.5rem;padding:1rem;background:#e7e4da}.filters label span{display:block;margin-bottom:.3rem;font-size:.62rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.filters input,.filters select{width:100%;min-height:46px;padding:.65rem;border:1px solid rgb(10 20 29 / 28%);color:#17242d;background:#fff}.result-count{color:var(--muted);font-size:.78rem}
.object-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgb(10 20 29 / 17%);border:1px solid rgb(10 20 29 / 17%)}.object-card{min-height:240px;display:flex;flex-direction:column;padding:1.15rem;background:var(--paper)}.object-card small{color:#8a5b0c;font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.object-card h3{margin:.55rem 0 0;font-family:Georgia,serif;font-size:1.35rem;font-weight:500;line-height:1.08}.object-card p{margin:.55rem 0 1rem;color:var(--muted);font-size:.76rem;line-height:1.45}.card-links{display:grid;gap:.35rem;margin-top:auto}.card-links a{padding:.6rem;border:1px solid rgb(10 20 29 / 20%);font-size:.66rem;font-weight:800;text-decoration:none}.card-links a:first-child{color:#fff;background:var(--ink2)}
.films{color:#fff;background:var(--ink2)}.films>p:not(.eyebrow){max-width:45rem;color:#bdc9d0;line-height:1.5}.film-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}.film-card{padding:1rem;border:1px solid rgb(255 255 255 / 20%);background:#09131b}.film-card h3{font-family:Georgia,serif;font-weight:500}.film-card video{width:100%;max-height:340px;background:#000}footer{padding:1.5rem clamp(1rem,5vw,5rem);color:#aab7bf;background:#071019;font-size:.68rem}
@media(max-width:850px){.object-list{grid-template-columns:repeat(2,minmax(0,1fr))}.film-list{grid-template-columns:1fr}}@media(max-width:580px){.site-header nav a:last-child{display:none}.filters{grid-template-columns:1fr}.object-list{grid-template-columns:1fr}.collection-heading{align-items:start;flex-direction:column}.hero{padding-top:5rem}}
