@import url('cinema-action.css');
/* The selected cinematic direction gains content; the other studies stay intact. */
.cinema-worlds,.cinema-packages{padding:68px 5% 66px}
.cinema-worlds{background:#12171c;border-top:1px solid #ffffff15}
.cinema-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:44px;margin-bottom:34px}
.cinema-section-head .eyebrow,.cinema-faq .eyebrow,.cinema-outro .eyebrow{color:#ffe21b;margin-bottom:15px}
.cinema-section-head h2{font-size:clamp(48px,4.6vw,72px);line-height:.99}
.cinema-section-head h2 span,.cinema-faq h2 span,.cinema-outro h2 span{color:#ffe21b}
.cinema-section-head>p{font-size:14px;line-height:1.7;color:#c2cad1;flex-shrink:0;padding-bottom:5px}
.cinema-world-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.cinema-world-card{padding:0;background:#0b0d0f;border:1px solid #3b444c;text-align:left;overflow:hidden;position:relative}
.cinema-world-card:hover{border-color:#ffe21b}
.poster-frame{position:relative;overflow:hidden;aspect-ratio:3/2}
.poster-frame img{height:100%;width:100%;object-fit:cover;transition:transform .35s}
.cinema-world-card:hover img{transform:scale(1.025)}
.concept-label{position:absolute;top:16px;left:16px;background:#0b0e12d9;border:1px solid #ffffff40;color:#fff;padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:.12em}
.world-card-copy{position:relative;padding:25px 60px 27px 26px}
.world-card-copy .eyebrow{font-size:9px;margin-bottom:10px;color:#ffe21b}
.world-card-copy h3{font-size:clamp(30px,3vw,46px);line-height:1.05}
.world-open{position:absolute;right:25px;bottom:26px;color:#ffe21b;font-size:29px}
.cinema-caption{font-size:11px;line-height:1.7;color:#aab6c0;margin-top:20px;max-width:1030px}
.cinema-packages{background:#0b0d0f}
.cinema-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cinema-package{display:flex;flex-direction:column;min-width:0;background:#14191e;border:1px solid #3b444c;padding:31px 28px 27px;position:relative}
.cinema-package.featured{background:#1c232b;border-color:#ffe21b;border-top:4px solid #ffe21b;padding-top:28px}
.cinema-package>.eyebrow{font-size:9px;color:#ffe21b;letter-spacing:.12em;margin-bottom:28px}
.cinema-package h3{font-size:54px;margin-bottom:20px;line-height:1}
.cinema-package .package-intro{font-size:14px;color:#c5cdd5;line-height:1.65;min-height:100px;margin-bottom:23px}
.cinema-package ul{list-style:none;padding:0;margin:0 0 32px;font-size:12px;line-height:1.6;color:#e0e5ea}
.cinema-package li{border-top:1px solid #39424b;padding:13px 0 13px 16px;position:relative}
.cinema-package li:last-child{border-bottom:1px solid #39424b}
.cinema-package li:before{content:'+';position:absolute;left:0;color:#ffe21b;font-weight:700}
.package-bottom{margin-top:auto}
.package-bottom strong{font-size:14px;line-height:1.5;display:block}
.package-bottom small{display:block;font-size:11px;color:#aebbc5;line-height:1.6;margin-top:6px}
.package-cta{display:flex;justify-content:space-between;align-items:center;width:100%;gap:15px;text-align:left;min-height:54px;padding:14px 17px;margin-top:24px;background:transparent;border:1px solid #8e9aa3;font-size:12px;font-weight:700;line-height:1.5}
.package-cta span{font-size:22px}
.package-cta:hover{background:#ffffff10;border-color:#ffe21b}
.featured .package-cta{background:#ffe21b;border-color:#ffe21b;color:#0b0d0f}
.featured .package-cta:hover{background:#fff16a}
.cinema-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;padding:72px 5% 78px}
.cinema-faq h2{font-size:78px;line-height:.96}
.cinema-faq-list{border-top:1px solid #45505a}
.cinema-faq details{border-bottom:1px solid #45505a}
.cinema-faq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 0;min-height:76px;font-size:14px;line-height:1.5;font-weight:700;cursor:pointer}
.cinema-faq summary::-webkit-details-marker{display:none}
.cinema-faq summary:focus-visible{outline:3px solid #56d7ff;outline-offset:4px}
.cinema-faq summary>span{color:#ffe21b;font-size:22px;line-height:1;flex-shrink:0;transition:transform .2s}
.cinema-faq details[open] summary>span{transform:rotate(45deg)}
.cinema-faq summary:hover{color:#ffe21b}
.cinema-faq details p{padding:0 40px 25px 0;color:#c1cbd4;font-size:14px;line-height:1.75;max-width:680px}
.cinema-outro{margin:0 5% 65px;padding:38px 40px;border-top:3px solid #ffe21b;background:#191f26;display:flex;justify-content:space-between;align-items:center;gap:40px}
.cinema-outro h2{font-size:64px;line-height:.98}
.cinema-outro .cta{flex-shrink:0}
#story-dialog{max-width:1140px;padding:60px 20px 20px}
#story-dialog[open]{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}
#story-dialog .story-poster{width:100%;height:auto}
.story-copy{padding:8px 16px 8px 0}
.story-copy h2{font-size:52px}
.story-copy .story-disclaimer{font-size:11px;color:#acbbc9;border-top:1px solid #3b4550;padding-top:17px;margin-bottom:0}
#plan-dialog .selected-package{color:#ffe21b;border-left:3px solid #ffe21b;padding:9px 0 9px 15px;font-weight:700}
@media(max-width:1100px){
  .cinema-package{padding-inline:22px}.cinema-package h3{font-size:46px}.cinema-package .package-intro{min-height:120px}.cinema-faq{gap:35px}.cinema-faq h2{font-size:69px}.cinema-outro{padding:32px}.cinema-outro h2{font-size:58px}
}
@media(max-width:900px){
  .cinema-section-head{display:block}.cinema-section-head>p{margin-top:18px}.cinema-package-grid{grid-template-columns:1fr}.cinema-package{padding:30px}.cinema-package.featured{padding-top:27px}.cinema-package .package-intro{min-height:0;max-width:600px}.cinema-package h3{font-size:57px}.cinema-package>.eyebrow{margin-bottom:21px}.package-cta{max-width:100%}.cinema-outro{align-items:flex-start;flex-direction:column}.cinema-world-grid{gap:16px}.world-card-copy{padding:21px 40px 24px 20px}.world-card-copy h3{font-size:33px}.world-open{right:16px;font-size:24px}.cinema-faq{grid-template-columns:.65fr 1.35fr}.cinema-faq h2{font-size:64px}
}
@media(max-width:760px){
  .cinema-worlds,.cinema-packages{padding:39px 5% 42px}.cinema-section-head{margin-bottom:25px}.cinema-section-head h2{font-size:clamp(39px,9.7vw,58px)}.cinema-section-head>p{font-size:13px}.cinema-world-grid{grid-template-columns:1fr;gap:22px}.world-card-copy{padding:20px 50px 24px 20px}.world-card-copy h3{font-size:38px}.world-open{right:20px}.concept-label{top:12px;left:12px}.cinema-caption{font-size:10px}.cinema-package{padding:27px 23px}.cinema-package.featured{padding-top:24px}.cinema-package h3{font-size:52px}.cinema-package .package-intro{font-size:14px}.cinema-package ul{font-size:12px}.cinema-faq{display:block;padding:42px 5% 48px}.cinema-faq h2{font-size:65px;margin-bottom:29px}.cinema-faq summary{font-size:14px;min-height:77px;padding:21px 0}.cinema-faq details p{padding-right:8px;font-size:14px}.cinema-outro{padding:30px 22px;gap:27px;margin-bottom:42px}.cinema-outro h2{font-size:clamp(43px,10vw,58px)}.cinema-outro .cta{width:100%;padding:14px 16px;font-size:10px;gap:10px}
  #story-dialog[open]{grid-template-columns:1fr;gap:22px}.story-copy{padding:0 8px 8px}.story-copy h2{font-size:42px;margin-top:0}.story-copy .eyebrow{font-size:9px}
}