:root{color-scheme:dark;--bg:#050914;--paper:#f0f4ff;--muted:#9daac4;--blue:#83b5ff;--line:#ffffff16;--panel:#0b1222}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:"Avenir Next",Avenir,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9ac7ff;outline-offset:6px}h1,h2,h3,p{margin:0}button{border:0}img{display:block;width:100%}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.muted{color:var(--muted)}.skip{position:fixed;top:-70px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:10px}
header{position:relative;z-index:5;border-bottom:1px solid var(--line);background:#050914b0}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:25px;letter-spacing:-1.1px;font-weight:650}.brand-mark{width:30px;height:34px;display:inline-block;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;inset:3px 4px;border:2px solid #90bdff;border-radius:50%;transform:rotate(-32deg)}.brand-mark:after{inset:8px 9px;transform:rotate(32deg);border-color:#b7a6ff}.nav-links{display:flex;gap:30px;font-size:13px;color:#bbc5d9}.nav-links a:hover{color:white}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:16px 25px;border-radius:8px;font-size:14px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;min-height:48px}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(115deg,#4b85ff,#7964ed);box-shadow:0 5px 32px #427bff35;color:#fff}.primary:hover{box-shadow:0 8px 40px #6089ff60}.secondary{border:1px solid #ffffff26;background:#ffffff05}.compact{font-size:12px;padding:11px 17px;min-height:42px}.arrow{font-size:19px;font-weight:400}.status{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#b5c1d8}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#9db7ff;box-shadow:0 0 10px #91b7ff}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:70px 0 0;text-align:center;background:radial-gradient(ellipse at 50% 33%,#17316a55,transparent 52%)}.hero:before{content:"";position:absolute;z-index:-1;width:960px;height:620px;left:50%;top:100px;transform:translateX(-50%);border-radius:50%;border-top:1px solid #4677ba47;box-shadow:0 -25px 90px -45px #518cfaaa;mask-image:linear-gradient(#000,transparent 80%)}.hero-copy{position:relative;z-index:2;max-width:840px;margin:auto}.hero-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid #94b4ff26;border-radius:50px;padding:9px 14px;background:#0e182a;color:#b9cfff;font-size:11px;letter-spacing:.05em}.hero h1{font-size:clamp(48px,6.8vw,88px);line-height:1.05;font-weight:600;letter-spacing:-.065em;margin:27px 0 22px}.hero h1 span{display:block;background:linear-gradient(100deg,#91cbff 15%,#70aaff 48%,#bca5ff 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:17px;line-height:1.8;color:#a9b7d2;max-width:570px;margin:auto}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.hero-note{display:block;font-size:11px;color:#72829e;margin-top:18px}.chapter-bar{display:flex;justify-content:center;gap:40px;border-bottom:1px solid var(--line);padding:26px 0 32px;color:#9baac3;font-size:12px}.chapter-bar span{display:flex;gap:10px;align-items:center}.chapter-bar b{color:#6083bf;font-size:10px;font-weight:400}
.section{padding:100px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:34px}h2{font-size:clamp(32px,4vw,49px);line-height:1.12;letter-spacing:-.05em;font-weight:550;margin-top:15px}.section-head>p{max-width:365px;font-size:14px;color:var(--muted);line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:62px}.feature .number{color:#6385bf;font-size:11px;letter-spacing:.1em}.feature h3{font-size:20px;font-weight:500;letter-spacing:-.04em;margin:17px 0 13px}.feature p{color:#92a1bb;font-size:13px;line-height:1.85}.faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-intro>p{font-size:14px;color:var(--muted);line-height:1.8;margin-top:20px;max-width:320px}details{border-bottom:1px solid var(--line);padding:23px 0}details:first-child{padding-top:0}summary{list-style:none;display:flex;justify-content:space-between;gap:25px;cursor:pointer;font-size:15px;font-weight:500}summary::-webkit-details-marker{display:none}summary:after{content:"+";font-size:20px;color:#91a8cc}details[open] summary:after{content:"−"}details p{font-size:13px;color:#99a8c1;line-height:1.85;margin-top:16px;padding-right:22px}.contact{position:relative;text-align:center;border:1px solid #7196ed26;border-radius:16px;padding:62px 25px 58px;background:radial-gradient(ellipse at 50% 100%,#25478860,transparent 75%),#0a1221;margin-bottom:65px}.contact h2{margin:16px 0 18px}.contact p{max-width:520px;margin:auto;color:#a2b0ca;font-size:14px;line-height:1.8}.contact .button{margin-top:27px}.contact small{display:block;margin-top:17px;font-size:11px;color:#8799b9}.footer{padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .brand{font-size:20px}.footer p,.footer>a{font-size:11px;color:#7e90af}.footer a:hover{color:#c0d6ff}
 .features{margin-top:45px;padding-top:30px;border-top:1px solid var(--line)}.together-section{border-block:1px solid var(--line);background:radial-gradient(ellipse at 20% 50%,#182e582b,transparent 70%)}.together-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:75px;align-items:center}.together-copy p{font-size:15px;line-height:1.9;color:#a3b1ca;margin-bottom:19px}.text-link{display:inline-flex;gap:24px;font-size:13px;color:#b5d1ff;padding-block:10px;border-bottom:1px solid #719bea55}.contact-address{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:23px;font-size:13px;color:#b7c8e5}.contact-address button{padding:8px 12px;border:1px solid #ffffff25;background:transparent;border-radius:6px;font-size:11px;color:#a9bbd9}.contact-address button:hover{background:#ffffff0a}.privacy-note{margin:-30px auto 45px;max-width:720px;text-align:center}.privacy-note p{font-size:11px;line-height:1.8;color:#91a0b9}
@media(min-width:1440px){.hero{padding-top:88px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.nav-links{gap:18px}.hero h1{font-size:65px}.features{gap:25px}.faq-layout{gap:35px}.chapter-bar{gap:23px}.together-layout{gap:40px}}
@media(max-width:640px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 36px)}.nav{height:74px;gap:10px}.brand{font-size:23px}.nav-links{display:none}.nav .compact{font-size:11px;padding:10px 14px}.hero{padding-top:48px}.hero-copy{padding:0 20px}.hero-badge{font-size:10px}.hero h1{font-size:clamp(43px,11.6vw,67px);line-height:1.08;margin-top:26px}.hero-copy>p{font-size:14px;line-height:1.8}.hero-actions{gap:9px;margin-top:25px}.button{padding:14px 18px;font-size:12px;gap:11px}.hero-note{font-size:10px}.chapter-bar{padding:20px 0 25px;display:grid;grid-template-columns:repeat(2,1fr);gap:17px 22px;width:max-content;margin:auto;font-size:11px}.section{padding:60px 0}.section-head{display:block;margin-bottom:25px}.section-head>p{margin-top:20px;font-size:13px}.features{grid-template-columns:1fr;gap:27px;margin-top:32px}.feature{position:relative;padding-left:37px}.feature .number{position:absolute;left:0;top:4px}.feature h3{margin:0 0 8px;font-size:19px}.feature p{font-size:13px}.together-layout{grid-template-columns:1fr;gap:27px;padding-block:55px}.together-copy p{font-size:13px}.faq-layout{grid-template-columns:1fr;gap:32px}.faq-intro>p{max-width:none}.contact{padding:42px 20px;margin-bottom:48px}.contact h2{font-size:33px}.contact p{font-size:13px}.contact-address{flex-direction:column;gap:10px}.privacy-note{margin-top:-18px}.footer{flex-wrap:wrap;gap:17px}.footer p{order:3;width:100%;font-size:10px}.footer>a{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.poster-stage{height:278px;max-width:1220px;margin:40px auto 0;position:relative;perspective:900px;overflow:hidden}.poster-stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 65%,var(--bg))}.floating-poster{position:absolute;width:144px;height:216px;border:1px solid #ffffff21;border-radius:8px;overflow:hidden;box-shadow:0 12px 50px #0008;bottom:12px}.floating-poster img{height:100%;object-fit:cover}.p1{left:10%;transform:rotate(-12deg);bottom:0}.p2{left:24%;transform:rotate(-6deg);bottom:32px}.p3{right:24%;transform:rotate(6deg);bottom:32px}.p4{right:10%;transform:rotate(12deg);bottom:0}.stage-center{position:absolute;left:50%;top:41px;transform:translateX(-50%);width:238px;height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #7295f84d;border-radius:12px;background:linear-gradient(135deg,#182b4de8,#13182ce8);box-shadow:0 0 65px #4567dd25;z-index:1;backdrop-filter:blur(16px)}.stage-center .spark{font-size:29px;color:#98beff;margin-bottom:10px}.stage-center strong{font-size:19px;font-weight:500}.stage-center small{font-size:11px;color:#9caccb;margin-top:10px}

/* Film selection is editorial content; the filters only change what is shown. */
.collection{margin-top:42px}.collection-top{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:25px}.collection-top h3{font-size:24px;font-weight:500;letter-spacing:-.04em;margin-top:10px}.filters{display:flex;gap:5px;padding:5px;background:#0d1728;border:1px solid var(--line);border-radius:9px}.filters button{background:transparent;border-radius:6px;padding:9px 17px;font-size:12px;color:#9daec9}.filters button[aria-pressed=true]{background:#263b60;color:#e6efff}.filters button:hover{color:#fff}.film-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.film-card{min-width:0;border:1px solid #8da5d522;border-radius:11px;overflow:hidden;background:linear-gradient(#101a2b,#0b1220);transition:transform .25s,border-color .25s}.film-card:hover{transform:translateY(-5px);border-color:#88adf877}.film-art{position:relative;aspect-ratio:2/2.7;overflow:hidden;background:#0b1220}.film-art img{height:100%;object-fit:cover}.film-type{position:absolute;top:0;left:0;right:0;padding:22px 22px 24px;background:linear-gradient(#0c1421 65%,transparent);font-size:10px;letter-spacing:.2em;color:#c5d9fa}.film-copy{padding:20px 20px 24px}.film-mood{font-size:10px;color:#8dadde;letter-spacing:.03em}.film-copy h3{margin:8px 0 11px;font-size:21px;font-weight:550;letter-spacing:-.035em}.film-copy p{font-size:12px;line-height:1.8;color:#9dacc5}.collection-note{font-size:11px;line-height:1.8;color:#8598b6;margin-top:20px}.floating-poster:before{content:"";position:absolute;inset:0 0 auto;height:38px;background:linear-gradient(#0e1827 70%,transparent);z-index:1}
@media(max-width:900px){.film-grid{gap:15px}.film-copy{padding:15px}.film-copy h3{font-size:18px}.p1{left:1%}.p2{left:18%}.p3{right:18%}.p4{right:1%}}
@media(max-width:640px){.collection{margin-top:30px}.collection-top{display:block}.collection-top h3{font-size:22px}.filters{width:max-content;margin-top:20px}.filters button{min-height:40px;padding:9px 20px}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.film-art{aspect-ratio:2/2.9}.film-type{padding:16px 14px 21px;font-size:9px}.film-copy{padding:15px 12px 18px}.film-mood{font-size:9px}.film-copy h3{font-size:18px}.film-copy p{font-size:11px}.poster-stage{height:216px;margin-top:30px;width:100%}.floating-poster{width:105px;height:157px}.p1{left:-35px;bottom:9px;transform:rotate(-13deg)}.p2{left:9%;bottom:30px;transform:rotate(-8deg)}.p3{right:9%;bottom:30px;transform:rotate(8deg)}.p4{right:-35px;bottom:9px;transform:rotate(13deg)}.stage-center{width:165px;height:138px;top:37px}.stage-center strong{font-size:15px}.stage-center small{font-size:9px}.stage-center .spark{font-size:23px}.floating-poster:before{height:26px}}

/* Keep language selection visible on every screen size. */
.nav-actions{display:flex;align-items:center;gap:12px}.language-picker{display:flex;align-items:center;gap:6px;border:1px solid #ffffff26;border-radius:8px;padding:0 10px;color:#bbcbe5;background:#0b1222}.language-picker>span{font-size:20px}.language-picker select{font:inherit;font-size:12px;color:inherit;background:#0b1222;border:0;min-height:42px;max-width:112px;cursor:pointer}.language-picker select:focus-visible{outline:2px solid #9ac7ff;outline-offset:3px}.privacy-note p+p{margin-top:8px}
@media(max-width:1000px){.nav-links{display:none}}
@media(max-width:640px){.nav{height:auto;min-height:74px;flex-wrap:wrap;padding-block:14px}.nav-actions{gap:8px}.language-picker{padding-inline:8px}.language-picker select{font-size:11px;max-width:92px}.nav-actions .compact{display:none}.hero h1{overflow-wrap:break-word}.chapter-bar{width:auto;max-width:100%}.chapter-bar span{min-width:0}.hero-badge{max-width:100%}.stage-center{padding:8px}.collection-top .filters{max-width:100%}.filters button{padding-inline:14px}}

/* Preserve the complete artwork and keep labels outside the posters. */
.film-art{aspect-ratio:2/3;background:#080d16}.film-art img{object-fit:contain}.film-copy .film-type{position:static;display:inline-block;padding:4px 7px;margin-bottom:10px;background:#17243b;border:1px solid #91b3ee26;border-radius:4px;font-size:9px;letter-spacing:.14em}.film-mood{display:block}.floating-poster img{object-fit:contain}.floating-poster:before{display:none}.poster-credit{margin-top:8px;font-size:10px;color:#8598b6}.poster-credit a{color:#b3c7e8;text-decoration:underline;text-underline-offset:3px}
