*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--ink: #f2efe7;--paper: #ffffff;--teal: #123b39;--warm: #1a3232;--olive: #62801d;--lime: #c8f04a;--rim: rgba(26, 50, 50, .1) }body{background:var(--ink);color:var(--warm);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}::-webkit-scrollbar{width:4px;background:transparent}::-webkit-scrollbar-thumb{background:#62801d66;border-radius:2px}#loader{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ink);z-index:99999;display:flex;align-items:center;justify-content:center;transition:opacity .6s ease}.ld-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.ld-track{width:150px;height:1px;background:#1a32321f;overflow:hidden}.ld-fill{height:100%;background:var(--olive);animation:lf 1s cubic-bezier(.4,0,.2,1) forwards}@keyframes lf{0%{width:0}to{width:100%}}.bg-wash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 70% 50% at 50% -8%,rgba(98,128,29,.1),transparent 70%),radial-gradient(ellipse 60% 40% at 90% 12%,rgba(200,240,74,.08),transparent 70%)}.bg-dots{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(rgba(26,50,50,.055) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black,transparent 75%)}.topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;padding:1.1rem 1rem;pointer-events:none}.topbar nav{width:100%;max-width:66rem;display:flex;align-items:center;justify-content:space-between;padding:.7rem 1.3rem;border-radius:999px;pointer-events:auto;background:#ffffffb8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(26,50,50,.09);box-shadow:0 6px 30px #1a32320f}.tb-link{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;color:#1a32328c;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;transition:color .2s}.tb-link:hover{color:var(--warm)}@media (max-width:520px){.topbar{padding:1rem .6rem}.topbar nav{padding:.62rem .9rem}.tb-link{font-size:.62rem;letter-spacing:.07em;gap:.3rem;white-space:nowrap}.tb-link svg{width:12px;height:12px}}@media (max-width:380px){.topbar nav{padding:.6rem .72rem}.tb-link{font-size:.58rem;letter-spacing:.045em}}.eyebrow{font-family:JetBrains Mono,monospace;font-size:.66rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--olive)}.page-title{font-family:Playfair Display,serif;font-weight:400;font-size:clamp(2.6rem,7vw,5rem);line-height:1;letter-spacing:-.02em;color:var(--teal)}.page-title i{font-style:italic;color:var(--olive)}.page-sub{color:#1a323280;max-width:34rem;font-size:.98rem;line-height:1.85;font-weight:300}.film-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#fbfaf6;border-radius:.9rem;border:1px solid rgba(26,50,50,.1)}.film-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.film-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;background:#fff}.film-poster img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.film-poster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(18,59,57,.16),transparent 55%);opacity:0;transition:opacity .3s}.film-poster:hover:after{opacity:1}.film-play{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--teal);border:2px solid rgba(255,255,255,.85);box-shadow:0 10px 30px #123b3959;transition:transform .25s,background .25s}.film-poster:hover .film-play{transform:scale(1.09);background:var(--olive)}.film-tag{font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--olive)}.film-num{font-family:Playfair Display,serif;font-style:italic;font-size:.9rem;color:#1a323238}.film-title{font-family:Playfair Display,serif;font-weight:400;color:var(--teal);letter-spacing:-.01em;line-height:1.15}.film-desc{color:#1a323280;font-weight:300;line-height:1.7}.feat-film{display:grid;grid-template-columns:1.5fr 1fr;gap:2.4rem;align-items:center}.feat-meta .film-num{font-size:2.4rem;display:block;margin-bottom:.4rem;line-height:1}.feat-meta .film-tag{display:block;margin-bottom:.7rem}.feat-meta .film-title{font-size:clamp(1.7rem,3vw,2.4rem);margin-bottom:1rem}.feat-meta .film-desc{font-size:.98rem}.feat-film .film-frame{box-shadow:0 26px 60px #1a323224}.film-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.8rem;margin-top:2.6rem}.film-card{background:var(--paper);border:1px solid rgba(26,50,50,.08);border-radius:1.1rem;padding:.9rem;box-shadow:0 10px 34px #1a32320d;transition:transform .3s,box-shadow .3s}.film-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #1a32321c}.film-card .film-meta{padding:1.1rem .7rem .6rem}.film-card .film-metatop{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.film-card .film-title{font-size:1.3rem;margin-bottom:.5rem}.film-card .film-desc{font-size:.84rem}@media (max-width:820px){.feat-film{grid-template-columns:1fr;gap:1.5rem}.feat-meta .film-num{font-size:1.8rem}}@media (max-width:640px){.film-grid{grid-template-columns:1fr;gap:1.4rem}}@media (prefers-reduced-motion:reduce){*,.ld-fill{animation:none!important;transition:none!important}}