:root{--green:#303e33;--gold:#c6a76b;--ivory:#f4f0e6}*{box-sizing:border-box}body{margin:0;background:var(--green);color:var(--ivory);font:14px/1.6 Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#15251de8,#18281df5)}button,input{font:inherit}button{cursor:pointer;background:transparent;color:inherit;border:1px solid #c6a76b88;border-radius:2px;padding:10px 19px;min-height:42px}button:hover{border-color:var(--gold);background:#ffffff0a}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}a{color:inherit;text-decoration:none}header{background:#455148;display:flex;align-items:center;justify-content:space-between;padding:13px 4.5%;height:85px;border-bottom:1px solid #c6a76b20}header img{width:187px;height:55px;object-fit:contain}nav{display:flex;gap:30px;font-size:11px;text-transform:uppercase;letter-spacing:.13em}main{max-width:1760px;margin:auto;padding:30px 4.5% 65px}.film-banner{position:relative;isolation:isolate;min-height:340px;height:36vw;max-height:465px;overflow:hidden;border-bottom:1px solid #c6a76b55}#heroImage{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 32%;z-index:-2}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#13291eeb,rgba(16,35,24,.8) 28%,#142a1a18 75%),linear-gradient(0deg,#182b24d9,transparent 65%)}.hero-copy{padding:32px 4%;max-width:660px}.eyebrow{font-size:9px;color:var(--gold);letter-spacing:.19em;text-transform:uppercase;margin:0 0 10px}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.15}h1{font-size:clamp(42px,4.2vw,72px);margin:0 0 18px}#heroTitle{font-size:clamp(23px,2.3vw,38px);margin:0 0 12px}#heroDescription{font-size:12px;line-height:1.6;color:#e0e3d7;max-width:440px;margin:0 0 19px}.carousel-controls{position:absolute;right:3%;bottom:24px;display:flex;align-items:center;gap:10px}.carousel-controls>button{min-height:34px;padding:3px 11px;border-color:#ffffff40}#dots{display:flex;gap:7px}#dots button{position:relative;width:29px;padding:0;min-height:34px;border:0}#dots button:after{content:"";position:absolute;left:0;right:0;top:16px;height:2px;background:#ffffff55}#dots button[aria-current=true]:after{background:var(--gold)}.film-library{padding-top:35px}.library-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:12px}.library-heading h2{font-size:clamp(24px,2.5vw,37px);margin:0}.search input{background:none;border:0;border-bottom:1px solid #c6a76b66;padding:10px 0;color:var(--ivory);font-size:12px;width:200px}.search input::placeholder{color:#c3cdba}.preview-note{font-size:10px;color:#a7b49f;margin-bottom:24px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 32px}.film-card{padding:0;text-align:left;border:0;background:none!important}.film-card .thumbnail{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid #ffffff26;border-radius:6px}.film-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.film-card:hover img{transform:scale(1.035)}.film-card:focus-visible .thumbnail,.film-card:hover .thumbnail{border-color:#c6a76b99}.film-card .card-label{position:absolute;left:12px;top:12px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;background:#13271ec9;border:1px solid #ffffff30;border-radius:3px;padding:3px 8px}.film-card strong{display:block;font:normal 23px/1.2 Georgia,serif;margin:14px 0 8px}.film-card small{display:block;color:#becbb7;font-size:10px;letter-spacing:.04em}.film-card p{font-size:12px;color:#bbc8b3;margin:8px 0 0;line-height:1.6}footer{border-top:1px solid #c6a76b33;padding:25px 4.5%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#c2cab8}dialog{width:min(900px,92vw);max-height:91svh;padding:0;border:1px solid #c6a76b55;background:#f4f0e6;color:#24382b;overflow:auto}dialog::backdrop{background:#07150edb;backdrop-filter:blur(9px)}.close{position:absolute;right:12px;top:10px;background:#13271ed9;color:white;border:0;font-size:23px;padding:0;width:39px;z-index:2}#detailImage{width:100%;height:310px;object-fit:cover;display:block}.detail-copy{padding:30px}.detail-copy h2{font-size:37px;margin:0 0 18px}.detail-copy p{line-height:1.7}#watch{background:#455148;color:white;margin-top:12px}#player{background:transparent;border:0;color:white;width:min(94vw,1400px);padding:45px 0 0}#player h2{font-size:27px;margin:0 0 18px}#video{width:100%;max-height:72svh;background:#000}#playerNotice,#playerError{font-size:12px;color:#d6ddcd}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}@media(max-width:1000px){.film-grid{gap:28px 20px}.film-card strong{font-size:20px}.hero-copy{max-width:530px}.film-banner{min-height:370px}}@media(max-width:700px){header{height:75px}header img{width:155px}nav{gap:17px;font-size:10px}main{padding:20px 5% 40px}.film-banner{height:480px;min-height:0}.hero-copy{padding:25px 6%;max-width:100%}.hero-shade{background:linear-gradient(90deg,#13291edb,#13291e70),linear-gradient(0deg,#182b24de,transparent)}h1{font-size:49px}#heroTitle{font-size:30px}#heroDescription{font-size:12px}.carousel-controls{right:6%;bottom:20px}.library-heading{display:block}.search input{width:100%;margin-top:20px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 16px}.film-card strong{font-size:18px}.film-card p{font-size:11px}.film-card .card-label{left:7px;top:7px;font-size:6px;padding:2px 4px}footer{flex-direction:column;gap:7px}.detail-copy h2{font-size:29px}#detailImage{height:220px}}@media(max-width:420px){.film-grid{grid-template-columns:1fr}.film-card strong{font-size:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
/* Charcoal foundation for Films; shared pages override this palette below. */
body{background:#1a1a1a}body:before{background:#1a1a1a}
.hero-shade{background:linear-gradient(90deg,#1a1a1aeb,#1a1a1acc 28%,#1a1a1a18 75%),linear-gradient(0deg,#1a1a1ade,transparent 65%)}
.film-card small,.film-card p,.preview-note{color:#c5c2b9}
@media(max-width:700px){.hero-shade{background:linear-gradient(90deg,#1a1a1adb,#1a1a1a70),linear-gradient(0deg,#1a1a1ade,transparent)}}