@font-face{font-family:Barlow;src:url('./barlow-condensed-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('./manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#131a17;--paper:#efeee7;--sage:#c5cdb7;--muted:#aeb8af;--line:#3b443e;--body:Manrope,Arial,sans-serif;--display:Barlow,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px;scrollbar-color:#7c897b var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--sage);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none;text-underline-offset:5px}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.015em;line-height:.96}h2{font-size:clamp(3.2rem,5.4vw,5.1rem)}h3{font-weight:400}svg{display:block}a svg,button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{display:block;max-width:100%}button[hidden],[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:24px;top:-80px;background:var(--paper);color:var(--ink);padding:12px 20px;z-index:20}.skip-link:focus{top:10px}
.site-header{height:98px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);max-width:1800px;margin:auto}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-size:16px;letter-spacing:.065em}.brand .brand-mark{width:35px;height:35px;stroke:none;fill:none}.brand-sub{display:block;font-size:11px;letter-spacing:.45em;margin-top:6px}.site-header nav{display:flex;gap:30px;font-size:13px}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:var(--sage);transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav a:hover:after{transform:scaleX(1)}.header-link{display:flex;gap:20px;align-items:center;font-size:12px;border-bottom:1px solid #748174;padding:10px 0}.header-link:hover{color:var(--sage)}.menu-toggle{display:none}
.hero{max-width:1800px;min-height:760px;margin:auto;position:relative;display:grid;grid-template-columns:45% 55%;align-items:center;padding:60px 5.5% 120px;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:10px}.hero h1{font-size:clamp(4.7rem,7.2vw,6rem);line-height:.98;letter-spacing:-.018em}.hero h1 span{color:var(--sage)}.hero-copy>p{margin-top:25px;color:#c0c8c0;font-size:15px;line-height:1.75}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;padding:16px 24px;font-size:13px;line-height:1.5;min-height:52px;transition:background .2s,color .2s;border:1px solid transparent}.button-light{background:var(--sage);color:var(--ink);margin-top:32px}.button-light:hover{background:var(--paper)}.button svg{width:23px}.screening-wall{width:100%;position:relative;align-self:center}.poster-stage{height:535px;position:relative;margin-left:-15px}.feature-poster{position:absolute;box-shadow:0 28px 42px #060b0760;transition:transform .65s cubic-bezier(.22,1,.36,1)}.feature-poster img{width:100%;height:auto}.feature-left{width:35%;top:50px;left:0;transform:rotate(-9deg);z-index:1}.feature-center{width:49%;left:23%;top:12px;z-index:3;transform:rotate(3deg)}.feature-right{width:31%;right:-1%;top:100px;transform:rotate(11deg);z-index:2}.poster-stage.switching .feature-left{transform:translateY(5px) rotate(-11deg)}.poster-stage.switching .feature-center{transform:translateY(-7px) rotate(0deg)}.poster-stage.switching .feature-right{transform:translateY(8px) rotate(13deg)}.screening-controls{display:flex;align-items:center;justify-content:space-between;margin:2px 0 0 23%;border-top:1px solid var(--line);padding-top:17px;position:relative;z-index:4}.screening-controls>div:first-child{display:flex;flex-direction:column;gap:2px}.screening-caption{font-size:12px;color:#e0e4db}.screening-index{font-size:11px;letter-spacing:.13em;color:var(--muted);font-variant-numeric:tabular-nums}.arrow-controls{display:flex;gap:8px}.arrow-controls button{width:40px;height:40px;border:1px solid #5c695e;background:transparent;color:var(--paper);display:grid;place-items:center;transition:background .2s}.arrow-controls button:hover{background:#344136}.hero-bottom{position:absolute;bottom:28px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.hero-bottom a{display:flex;align-items:center;gap:16px;letter-spacing:0}.hero-bottom svg{width:16px}
.section-pad{padding:105px 5.5%;}.collection{background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:54px}.section-heading p{font-size:14px;max-width:320px;color:#545e56;line-height:1.8;padding-right:6%}.collection-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 22px;border-bottom:1px solid #c9cdc0;margin-bottom:34px}.filters{display:flex;flex-wrap:wrap;gap:7px}.filters button{padding:10px 15px;border:1px solid #c2c7ba;background:transparent;color:#475247;font-size:12px;min-height:41px;border-radius:2px;transition:background .2s,color .2s}.filters button:hover{background:#dde1d4}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.collection-count{white-space:nowrap;font-size:11px;color:#5e675c;font-variant-numeric:tabular-nums}.poster-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:35px 22px}.drama{min-width:0}.drama-art{background:#1b211c;aspect-ratio:3/4;overflow:hidden;display:flex;align-items:center;justify-content:center}.drama img{height:100%;width:100%;object-fit:contain;transition:transform .45s cubic-bezier(.22,1,.36,1)}.drama:hover img{transform:scale(1.025)}.drama h3{font-size:13px;line-height:1.5;margin-top:14px;letter-spacing:-.01em}.drama .genre{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#5c685c;margin-top:6px;line-height:1.6}.collection-more{text-align:center;margin-top:45px}.button-outline{border-color:#889080;background:transparent;color:var(--ink);min-width:245px}.button-outline:hover{background:var(--ink);color:var(--paper)}.button-outline span{font-size:22px;line-height:1}.artwork-note{text-align:center;font-size:11px;color:#616d60;margin-top:23px}
.perspective{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:120px;padding-bottom:120px}.perspective h2{font-size:clamp(3rem,5vw,4.65rem);line-height:1.01}.perspective h2 span{color:var(--sage)}.perspective-main>p{font-size:17px;color:#d2d8cf;margin-top:29px;line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:12px;border-bottom:1px solid #667562;padding-bottom:10px;margin-top:36px;color:var(--sage)}.text-link:hover{color:var(--paper)}.perspective-intro{font-size:16px;color:#c9d0c6;line-height:1.9;margin-bottom:39px}.theme-row{border-top:1px solid var(--line);padding:23px 0}.theme-row h3{font-size:18px;letter-spacing:-.02em;margin-bottom:8px}.theme-row p{font-size:12px;line-height:1.85;color:var(--muted);max-width:44ch}.theme-row:last-child{padding-bottom:0}
.company{background:var(--sage);color:var(--ink);padding-top:95px;padding-bottom:45px}.company-top{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.company h2{font-size:clamp(3.6rem,6vw,5.8rem)}.company-description p{font-size:17px;line-height:1.8;max-width:45ch}.company-description p+p{margin-top:17px;font-size:13px;color:#42503e}.dark-link{color:var(--ink);border-color:#687660;margin-top:24px}.dark-link:hover{color:#415037}.company-info{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;border-top:1px solid #9ca98e;margin-top:66px;padding-top:25px}.company-info span{font-size:11px;color:#4c5945}.company-info p{font-size:12px;margin-top:6px}
.site-footer{padding:48px 5.5% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>p{font-size:13px;color:var(--muted)}.back-top{display:flex;align-items:center;gap:18px;font-size:11px}.back-top svg{width:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:43px;padding-top:22px;color:var(--muted);font-size:11px}.footer-bottom>span{font-size:11px;letter-spacing:.12em}
@media(min-width:1600px){.poster-stage{height:570px}.hero{min-height:850px}.feature-center{width:43%;left:26%}.feature-right{right:3%;width:28%}.feature-left{width:31%;left:4%}}
@media(max-width:1100px){.site-header nav{gap:20px}.header-link{display:none}.hero{min-height:700px;grid-template-columns:46% 54%;padding-top:45px}.hero h1{font-size:clamp(4rem,8.5vw,6rem)}.poster-stage{height:430px}.feature-left{top:70px}.feature-center{top:38px}.feature-right{top:100px}.screening-controls{margin-left:12%}.screening-caption{font-size:11px}.poster-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.section-heading p{padding-right:0}.perspective{gap:7%}.company-top{gap:7%}}
@media(max-width:760px){html{scroll-padding-top:24px}.site-header{height:82px;padding:0 6%;position:relative;z-index:10}.brand{font-size:14px;gap:9px}.brand-sub{font-size:11px}.brand .brand-mark{width:31px;height:31px}.menu-toggle{display:flex;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:6px;border:1px solid #657161;background:transparent;color:var(--paper)}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:absolute;top:81px;left:0;right:0;padding:20px 6% 27px;flex-direction:column;gap:7px;background:var(--ink);border-bottom:1px solid var(--line)}.site-header nav.is-open{display:flex}.site-header nav a{font-size:15px;width:fit-content}.hero{min-height:0;padding:48px 6% 95px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(3.1rem,14.6vw,5.5rem);max-width:600px;line-height:.98}.hero-copy>p{font-size:14px;margin-top:22px}.button-light{margin-top:25px;padding:15px 21px}.hero-copy{padding:0}.screening-wall{max-width:570px;margin:15px auto 5px}.poster-stage{height:clamp(310px,91vw,495px);margin-left:0}.feature-left{width:35%;top:28px;left:1%;transform:rotate(-8deg)}.feature-center{width:48%;left:25%;top:6px}.feature-right{width:29%;right:0;top:85px;transform:rotate(9deg)}.screening-controls{margin:0 0 0 10%;padding-top:14px}.hero-bottom{left:6%;right:6%;bottom:24px;padding-top:17px;gap:15px;font-size:11px;letter-spacing:.08em}.hero-bottom a{font-size:11px;gap:4px;white-space:nowrap}.hero-bottom a svg{width:14px}.section-pad{padding:65px 6%}h2{font-size:3.5rem}.section-heading{display:block;margin-bottom:30px}.section-heading p{font-size:13px;margin-top:23px}.collection-tools{display:block;padding-bottom:16px;margin-bottom:26px}.filters{gap:7px}.filters button{font-size:11px;padding:9px 12px;min-height:40px}.collection-count{margin-top:16px}.poster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.drama h3{font-size:12px;margin-top:11px}.drama .genre{font-size:11px}.collection-more{margin-top:35px}.artwork-note{font-size:11px;max-width:28ch;margin:20px auto 0}.perspective{grid-template-columns:1fr;gap:45px}.perspective h2{font-size:3.4rem}.perspective-main>p{font-size:15px;margin-top:23px}.perspective-intro{font-size:14px;margin-bottom:25px}.theme-row h3{font-size:17px}.theme-row p{max-width:none}.text-link{font-size:11px;margin-top:27px}.company-top{grid-template-columns:1fr;gap:28px}.company h2{font-size:3.7rem}.company-description p{font-size:16px}.company-description p+p{font-size:13px}.company-info{grid-template-columns:1fr 1fr;margin-top:40px;gap:22px}.company-info>div:first-child{grid-column:1/-1}.site-footer{padding:38px 6% 23px}.footer-top{flex-wrap:wrap;gap:23px}.footer-top>p{order:3;width:100%;font-size:12px}.footer-bottom{flex-direction:column;gap:9px;margin-top:30px;font-size:11px}.back-top{font-size:11px}.footer-bottom>span{font-size:11px}}
@media(max-width:360px){.hero h1{font-size:3rem}.poster-stage{height:290px}.hero-bottom>span{max-width:22ch}.hero-bottom a{font-size:11px}.hero-bottom a svg{display:none}.filters button{font-size:11px;padding:8px 10px}.perspective h2{font-size:3rem}.company h2{font-size:3.3rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Full artwork stays visible when the featured selection changes. */
.feature-poster{aspect-ratio:3/4;background:#1b211c}.feature-poster img{width:100%;height:100%;object-fit:contain}.feature-right{aspect-ratio:9/16}