/* Layout only: shared media, independent tint, semantic text panels and a bounded pin. */
.coee-opening-sequence{--coee-stage-gutter:20px;--coee-frame-release:0;--coee-opening-height:100svh;--coee-opening-top:0px;--coee-media-position:50% 50%;--coee-transition-color:#000;height:calc(var(--coee-opening-height)*10.35);background:#2e2e2d;padding:0;position:relative;margin:0!important;isolation:isolate;overflow-anchor:none}
body.admin-bar .coee-opening-sequence{--coee-opening-height:calc(100svh - 32px);--coee-opening-top:32px}
.coee-opening-sequence .coee-opening-pin{padding:var(--coee-stage-gutter);height:var(--coee-opening-height);position:relative}
.is-scroll-story .coee-opening-pin{position:sticky;top:var(--coee-opening-top)}
.coee-opening-sequence .coee-opening-frame{position:relative;isolation:isolate;margin:0;width:100%;max-width:none;height:100%;min-height:0;aspect-ratio:auto;border-radius:20px;overflow:clip;background:var(--coee-transition-color)}
.coee-opening-frame::after{display:none}
.coee-opening-frame>.wp-block-template-part{position:absolute;inset:0 0 auto;z-index:8}
.coee-opening-frame .coee-header{padding:30px 55px}
.coee-opening-frame .coee-opening-background,.coee-opening-frame .coee-entrance-video{position:absolute!important;inset:0;margin:0;width:100%;height:100%}
.coee-opening-frame .coee-opening-background{z-index:0}
.coee-opening-frame .coee-opening-background img,.coee-opening-frame .coee-entrance-video video{width:100%;height:100%;object-fit:cover;object-position:var(--coee-media-position);display:block}
.coee-opening-tint{position:absolute;inset:0;background:rgba(5,8,33,.55);pointer-events:none;z-index:2}
.coee-opening-frame .coee-opening-panel{position:absolute;inset:0;margin:0;z-index:3;background:transparent;visibility:hidden}
.coee-opening-frame .coee-opening-panel--hero{visibility:visible}
.coee-opening-frame .coee-opening-panel--film{z-index:1;opacity:0;pointer-events:none}
.coee-opening-frame .coee-opening-panel--question{z-index:4;background:var(--coee-transition-color)}
.coee-opening-frame .coee-opening-panel--participation{z-index:5;background:#fff;color:#2e2e2d}
.coee-opening-frame .coee-opening-copy{position:absolute;top:32%;left:55px;right:55px;color:#f5f1eb;margin:0}
.coee-opening-frame .coee-opening-copy h1,.coee-opening-frame .coee-opening-copy h2{font-family:var(--wp--preset--font-family--display);font-size:clamp(60px,6.944vw,100px);line-height:.88;font-weight:400;letter-spacing:-.015em;margin:0 0 30px;white-space:normal}
.coee-opening-frame .coee-opening-copy em{color:#f6b323;font-style:normal}
.coee-opening-frame .coee-opening-copy--campaign h1 em{font-family:var(--wp--preset--font-family--serif);font-weight:700;font-size:.8em;line-height:1.22;text-transform:none;display:inline-block;margin-top:10px;letter-spacing:-.025em}
.coee-opening-frame .coee-opening-copy p{font-family:var(--wp--preset--font-family--body);font-size:17px;line-height:1.65;max-width:850px;margin:0 0 30px}
.coee-opening-frame .coee-opening-copy .wp-block-buttons{margin-top:60px}
.coee-opening-frame .coee-opening-copy--world{top:28%}
.coee-opening-frame .coee-opening-copy--world h2{line-height:.86;margin-bottom:34px}
.coee-opening-frame .coee-opening-copy--change{top:28%;text-align:center}
.coee-opening-copy--change h2{max-width:1150px;margin:0 auto 40px!important;line-height:.86!important}
.coee-opening-frame .coee-opening-copy--change .coee-change-support{font:700 32px/1.2 var(--wp--preset--font-family--serif);max-width:none;margin:0}
.coee-opening-question-content{position:absolute;inset:22% 30px auto;margin:0;text-align:center;color:#f5f1eb}
.coee-opening-question-star{display:block;width:56px;height:56px;margin:0 auto 45px}
.coee-opening-frame .coee-opening-question-text{font:400 clamp(44px,5.21vw,75px)/1.2 var(--wp--preset--font-family--serif);letter-spacing:-.025em;max-width:none;margin:0}
.coee-opening-question-text em{font-style:normal;color:#f6b323}
.coee-opening-panel--participation .coee-participate{height:100%;min-height:0;max-width:none;margin:0;padding:clamp(120px,23vh,210px) 55px 95px;display:block;color:#2e2e2d}
.coee-opening-panel--participation .coee-section-copy{width:55%;max-width:680px}
.coee-opening-panel--participation .coee-eyebrow{font-size:clamp(13px,1.39vw,20px)}
.coee-opening-panel--participation h2{font-size:clamp(52px,6.25vw,90px);line-height:.9;width:850px;max-width:calc(100vw - 150px);margin-bottom:35px}
.coee-opening-panel--participation .coee-participate-body{max-width:465px}
.coee-opening-panel--participation .coee-participate-body p{font-size:clamp(14px,1.18vw,17px);line-height:1.55;margin-bottom:28px}
.coee-opening-panel--participation .coee-participate-art{position:absolute;inset:0;margin:0;height:100%;overflow:hidden;pointer-events:none}
.coee-opening-panel--participation .coee-sparkle-photo{width:min(35vw,50vh);height:min(35vw,50vh);right:14%;top:-6%}
.coee-opening-panel--participation .coee-participate-circle{width:min(40vw,62vh);height:min(40vw,62vh);right:-10%;top:22%;border-color:#fff}
.coee-opening-panel--participation .coee-participate-square{width:min(28vw,40vh);height:min(28vw,40vh);right:28%;top:auto;bottom:8%}
.coee-opening-controls{position:absolute;z-index:10;left:30px;right:30px;bottom:20px;display:flex;align-items:center;gap:12px;color:#fff}
.coee-opening-controls button{border:1px solid #ffffff85;background:#292a32bb;color:#fff;padding:9px 14px;border-radius:30px;font:700 11px/1.2 var(--wp--preset--font-family--body);cursor:pointer}
.coee-opening-controls [data-coee-motion]{margin-left:auto}
.coee-opening-frame .coee-opening-status{position:absolute;left:50%;translate:-50% 0;font:400 10px/1.3 var(--wp--preset--font-family--body);text-align:center;letter-spacing:1.1px;margin:0;max-width:38%;pointer-events:none}
.coee-opening-sequence[data-state="participation"] .coee-opening-status{color:#2e2e2d}
.coee-opening-sequence[data-state="participation"] [data-coee-skip]{visibility:hidden}
.coee-opening-sequence.is-opening{background:#11172f}
.coee-opening-sequence.is-reduced-story{height:auto}
.coee-opening-sequence [hidden]{display:none!important}
@media(max-width:1100px){
 .coee-opening-frame .coee-header{padding:25px 35px}.coee-opening-frame .coee-opening-copy{left:35px;right:35px}
 .coee-opening-frame .coee-opening-copy p{font-size:16px;max-width:720px}.coee-opening-copy .coee-desktop-break{display:none}
 .coee-opening-panel--participation .coee-participate{padding-left:35px;padding-right:35px}.coee-opening-panel--participation h2{font-size:65px}
 .coee-opening-panel--participation .coee-participate-body{max-width:360px}.coee-opening-panel--participation .coee-participate-square{right:20%}
 .coee-opening-frame .coee-opening-copy--change .coee-change-support{font-size:29px}
 .coee-opening-frame .coee-opening-status{max-width:32%;font-size:9px}
}
@media(max-width:782px){body.admin-bar .coee-opening-sequence{--coee-opening-height:calc(100svh - 46px);--coee-opening-top:46px}}
@media(max-width:700px){
 .coee-opening-sequence{--coee-stage-gutter:10px;--coee-media-position:60% 50%}
 .coee-opening-sequence .coee-opening-pin{padding:10px}
 .coee-opening-frame .coee-header{padding:22px}.coee-opening-frame .coee-logo{width:140px}
 .coee-opening-frame .coee-opening-copy{top:26%;left:22px;right:22px}
 .coee-opening-frame .coee-opening-copy h1,.coee-opening-frame .coee-opening-copy h2{font-size:clamp(36px,10.5vw,62px);line-height:1;margin-bottom:22px}
 .coee-opening-frame .coee-opening-copy--campaign h1 em{font-size:1.15em;line-height:1.1;margin-top:10px}
 .coee-opening-frame .coee-opening-copy p{font-size:14px;line-height:1.55;margin-bottom:23px}
 .coee-opening-frame .coee-opening-copy .wp-block-buttons{margin-top:30px}
 .coee-opening-copy--campaign .wp-block-button__link{font-size:12px;gap:20px;padding:11px 18px}
 .coee-opening-frame .coee-opening-copy--world{top:30%}
 .coee-opening-frame .coee-opening-copy--change{top:32%}
 .coee-opening-copy--change h2{line-height:1!important;margin-bottom:30px!important}
 .coee-opening-frame .coee-opening-copy--change .coee-change-support{font-size:26px;line-height:1.2}
 .coee-opening-question-content{inset:24% 22px auto}
 .coee-opening-question-star{width:42px;height:42px;margin-bottom:35px}
 .coee-opening-frame .coee-opening-question-text{font-size:clamp(34px,9.5vw,44px);line-height:1.2}
 .coee-opening-question-text br{display:none}
 .coee-opening-panel--participation .coee-participate{padding:50px 22px 80px}
 .coee-opening-panel--participation .coee-section-copy{width:100%;max-width:none}
 .coee-opening-panel--participation h2{font-size:clamp(32px,9.4vw,46px);line-height:1;max-width:none;width:100%;margin-bottom:24px}
 .coee-opening-panel--participation .coee-eyebrow{font-size:12px;margin-bottom:6px}
 .coee-opening-panel--participation .coee-participate-body{max-width:none}
 .coee-opening-panel--participation .coee-participate-body p{font-size:13px;line-height:1.45;margin-bottom:18px}
 .coee-opening-panel--participation .coee-participate-art{top:auto;bottom:85px;height:clamp(240px,37svh,310px)}
 .coee-opening-panel--participation .coee-sparkle-photo{width:210px;height:210px;top:0;right:30%}
 .coee-opening-panel--participation .coee-participate-circle{width:235px;height:235px;right:-28px;top:30px;border-width:6px}
 .coee-opening-panel--participation .coee-participate-square{width:145px;height:145px;left:18px;right:auto;top:auto;bottom:0}
 .coee-opening-controls{left:18px;right:18px;bottom:16px;gap:7px;flex-wrap:wrap}
 .coee-opening-controls button{font-size:10px;padding:9px 10px}
 .coee-opening-frame .coee-opening-status{position:static;order:-1;width:100%;max-width:none;translate:none;font-size:9px;margin-bottom:5px}
 .coee-opening-sequence[data-state="participation"] [data-coee-skip]{display:none}
}
@media(max-height:740px) and (max-width:700px){
 .coee-opening-frame .coee-opening-copy{top:24%}.coee-opening-frame .coee-opening-copy h1,.coee-opening-frame .coee-opening-copy h2{font-size:36px;margin-bottom:17px}
 .coee-opening-frame .coee-opening-copy p{font-size:13px;line-height:1.4;margin-bottom:16px}.coee-opening-frame .coee-opening-copy .wp-block-buttons{margin-top:24px}
 .coee-opening-frame .coee-opening-copy--change{top:30%}.coee-opening-panel--participation .coee-participate{padding-top:36px}
 .coee-opening-panel--participation .coee-participate-art{height:32%}
 .coee-opening-panel--participation .coee-sparkle-photo{width:170px;height:170px}.coee-opening-panel--participation .coee-participate-circle{width:190px;height:190px}.coee-opening-panel--participation .coee-participate-square{width:125px;height:125px}
}
@media(max-height:680px) and (min-width:701px){
 .coee-opening-frame .coee-opening-copy{top:25%}.coee-opening-frame .coee-opening-copy h1,.coee-opening-frame .coee-opening-copy h2{font-size:68px;margin-bottom:18px}
 .coee-opening-frame .coee-opening-copy p{font-size:14px;margin-bottom:18px}.coee-opening-frame .coee-opening-copy .wp-block-buttons{margin-top:22px}
 .coee-opening-frame .coee-opening-copy--change .coee-change-support{font-size:26px}
 .coee-opening-question-content{top:19%}.coee-opening-question-star{width:40px;height:40px;margin-bottom:25px}.coee-opening-frame .coee-opening-question-text{font-size:56px}
 .coee-opening-panel--participation .coee-participate{padding-top:100px}.coee-opening-panel--participation h2{font-size:62px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Post-film surfaces bleed to the viewport while the original content canvas
   keeps its exact size and coordinates. Clip at the pin, not a rounded card. */
.coee-opening-sequence .coee-opening-pin::before{content:"";position:absolute;inset:0;background:#000;opacity:var(--coee-frame-release);pointer-events:none}
.coee-opening-sequence .coee-opening-frame{border-radius:calc(20px * (1 - var(--coee-frame-release)))}
.coee-opening-sequence:is(.is-post-cinema,.is-reduced-story) .coee-opening-pin{overflow:clip}
.coee-opening-sequence:is(.is-post-cinema,.is-reduced-story) .coee-opening-frame{overflow:visible;border-radius:0}
.coee-opening-sequence:is(.is-post-cinema,.is-reduced-story) .coee-opening-panel--question{box-shadow:0 0 0 var(--coee-stage-gutter) #000}
.coee-opening-sequence:is(.is-post-cinema,.is-reduced-story) .coee-opening-panel--participation{box-shadow:0 0 0 var(--coee-stage-gutter) #fff}
/* WordPress reserves toolbar space for logged-in mobile visitors even once its
   toolbar scrolls away. Keep that exposed strip on the current full-bleed surface. */
.coee-opening-sequence.is-post-cinema{background:#000}
.coee-opening-sequence.is-post-cinema:has(.coee-opening-panel--participation[aria-hidden="false"]){background:#fff}