/* Full-frame opening, scoped to this draft's masthead and first panel. */
body:has(#ww-opening) #top.site-header{position:absolute;inset:0 0 auto;z-index:20;background:rgba(255,255,255,.94);color:#111;border:0;box-shadow:none;backdrop-filter:blur(10px)}
#top .masthead-grain{display:none!important}
#top .header-content{width:100%;padding:12px 24px 14px;gap:12px}
#top .wordmark{display:flex;flex-direction:column;align-items:center;font:600 22px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.04em;color:#111;background:none;filter:none;animation:none;text-shadow:none}
#top .wordmark .wordmark-subline{font:8px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:#555;margin-top:5px}
#top .gemini-emblem{display:block;width:24px;height:27px;margin:0 0 5px;filter:brightness(0);mix-blend-mode:normal}
#top nav{font:10px/1.4 Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:.045em;gap:12px 25px}
#top nav a:hover{text-shadow:none}
#ww-opening{width:100%;max-width:none;margin:0;padding:0;background:#fff;color:#111}
#ww-opening::before{display:none}
#ww-opening .reel{position:relative;width:100%;max-width:none;height:100svh;min-height:640px;margin:0;overflow:hidden;background:#111;isolation:isolate}
#ww-opening .home-loop-preview,#ww-opening .reel-picture{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-width:none;margin:0;padding:0;border:0;box-shadow:none;aspect-ratio:auto;mask:none;-webkit-mask:none}
#ww-opening #home-reel-loop{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:52% 50%;transform:none;filter:none}
#ww-opening .reel::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.48),transparent 58%)}
#ww-opening .reel figcaption{position:absolute;z-index:2;left:24px;right:24px;bottom:12%;padding:0;max-width:760px;margin:0 auto;text-align:center;transform:none}
#ww-opening .reel figcaption .home-opening-roles{font:10px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.13em;color:white;margin:0 auto 20px;max-width:580px}
#ww-opening .reel figcaption .reel-title-line{display:block;white-space:normal;margin:0;font:600 clamp(29px,3.1vw,44px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:uppercase}
#ww-opening .reel figcaption .home-opening-title{font:inherit;letter-spacing:inherit;color:white;text-shadow:none;filter:none;background:none;-webkit-text-stroke:0}
#ww-opening .ww-opening-link{display:inline-block;color:white;font:12px/1.7 Arial,Helvetica,sans-serif;text-decoration:none;border-bottom:1px solid #fff;padding-bottom:3px;margin-top:26px}
#ww-opening .home-reel-kicker{position:absolute;z-index:3;bottom:24px;left:28px;top:auto;right:auto;margin:0;padding:0;background:none;color:#fff;font:9px/1.5 Arial,Helvetica,sans-serif;letter-spacing:.08em}
#ww-opening .film-loop-controls{position:absolute;z-index:3;top:auto;bottom:18px;right:22px;left:auto;margin:0}
#ww-opening .film-loop-toggle{font:11px/1.5 Arial,Helvetica,sans-serif;border:0;color:white;background:none;box-shadow:none;padding:10px}
#ww-opening .home-opening-utility{position:relative;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:25px 50px;margin:0;padding:40px clamp(24px,5vw,70px);background:white;border:0;border-bottom:1px solid #ddd;box-shadow:none;text-align:left;max-width:none}
#ww-opening .home-opening-utility::before,#ww-opening .home-opening-utility::after,#ww-opening .home-fixed-signs{display:none}
#ww-opening .home-pisces-status{margin:0;padding:0;text-align:left}
#ww-opening .home-pisces-status>span{font:9px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.1em;color:#555;display:block;margin:0 0 8px}
#ww-opening .home-pisces-status>strong{font:600 24px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.02em;color:#111;text-shadow:none;-webkit-text-stroke:0;display:block;transform:none}
#ww-opening .home-pisces-tagline{display:flex;flex-direction:column;align-items:flex-start;gap:3px;margin:12px 0 0}
#ww-opening .home-pisces-tagline>span,#ww-opening .home-pisces-tagline>em{font:10px/1.6 Arial,Helvetica,sans-serif;letter-spacing:.02em;color:#555;text-shadow:none;transform:none;-webkit-text-stroke:0}
#ww-opening .home-pisces-readiness{font:10px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.07em;color:#555;margin:0;padding:0;background:none;text-align:left;grid-column:2;grid-row:1;align-self:start;padding-top:4px}
#ww-opening .home-opening-utility .home-opening-actions{grid-column:2;grid-row:1;align-self:end;display:flex;flex-wrap:wrap;gap:16px 24px;margin:0;padding:0;justify-content:flex-start}
#ww-opening .home-opening-utility .home-opening-actions>.button{font:12px/1.6 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;color:#111;background:none;border:0;border-bottom:1px solid #777;padding:0 0 4px;box-shadow:none;clip-path:none;transform:none}
@media(max-width:700px){#top .header-content{padding:12px 15px;gap:11px}#top .wordmark{font-size:20px}#top nav{font-size:9px;gap:12px 17px}#ww-opening .reel{min-height:590px}#ww-opening .reel figcaption{bottom:13%;left:22px;right:22px}#ww-opening .reel figcaption .reel-title-line{font-size:30px}#ww-opening .reel figcaption .home-opening-roles{font-size:8px;letter-spacing:.08em;max-width:290px}#ww-opening .home-reel-kicker{left:20px;bottom:25px;font-size:8px}#ww-opening .film-loop-controls{right:12px}#ww-opening .home-opening-utility{grid-template-columns:1fr;gap:22px;padding:32px 22px}#ww-opening .home-pisces-readiness,#ww-opening .home-opening-utility .home-opening-actions{grid-column:auto;grid-row:auto;padding:0}#ww-opening .home-opening-utility .home-opening-actions{flex-direction:row;align-items:start}#ww-opening .home-pisces-status{text-align:left}}
#top nav{padding:0;border:0;margin:0}
#ww-opening .reel figcaption .home-opening-title{white-space:normal;display:inline}
#ww-opening .film-loop-toggle{position:static;inset:auto;width:auto;height:auto;margin:0;transform:none;min-width:0}

/* Preserve the source grade: remove both inherited and added image overlays. */
#ww-opening .home-loop-preview{filter:none}
#ww-opening .home-loop-preview::after,#ww-opening .home-loop-preview::before,#ww-opening .reel::after{display:none;content:none;background:none}
#ww-opening .reel figcaption{ text-shadow:0 2px 10px #0005 }
#ww-opening .film-loop-toggle{position:static!important;width:auto!important;height:auto!important;padding:10px!important;margin:0!important;overflow:visible!important;clip:auto!important;clip-path:none!important;white-space:normal!important}

/* Let the complete widescreen photograph carry the opening. */
body:has(#ww-opening) #top.site-header{position:relative;inset:auto;background:#fff;backdrop-filter:none}
#top .header-content{padding-block:10px 13px;gap:10px}
#ww-opening .reel{height:auto;min-height:0;background:#fff;overflow:visible}
#ww-opening .home-loop-preview{position:relative;inset:auto;height:auto;aspect-ratio:16/9;overflow:hidden;background:#111}
#ww-opening .reel-picture{position:absolute;inset:0;height:100%;width:100%}
#ww-opening #home-reel-loop{object-fit:contain;object-position:center}
#ww-opening .reel figcaption{position:relative;inset:auto;max-width:none;margin:0;padding:30px clamp(24px,5vw,70px) 35px;text-shadow:none;color:#111;display:grid;grid-template-columns:1fr auto;column-gap:35px;align-items:center;text-align:left}
#ww-opening .reel figcaption .home-opening-roles{grid-column:1;max-width:none;color:#666;font-size:9px;margin:0 0 10px;letter-spacing:.09em}
#ww-opening .reel figcaption .reel-title-line{grid-column:1;font-size:clamp(24px,2.1vw,32px);max-width:880px}
#ww-opening .reel figcaption .home-opening-title{color:#111;white-space:normal}
#ww-opening .ww-opening-link{grid-column:2;grid-row:1/3;align-self:center;color:#111;border-color:#777;margin:0;white-space:nowrap}
#ww-opening .home-reel-kicker{bottom:19px;font-size:9px;text-shadow:0 1px 5px #000}
#ww-opening .film-loop-controls{bottom:12px}
#ww-opening .film-loop-toggle{text-shadow:0 1px 5px #000;background:#0003}
#ww-opening .home-opening-utility{border-top:1px solid #ddd;padding-block:30px}
@media(max-width:700px){#ww-opening .reel{min-height:0}#ww-opening .home-loop-preview{aspect-ratio:16/9}#ww-opening .reel figcaption{display:block;padding:25px 22px 30px}#ww-opening .reel figcaption .reel-title-line{font-size:26px}#ww-opening .reel figcaption .home-opening-roles{font-size:8px;margin-bottom:12px}#ww-opening .ww-opening-link{margin-top:20px}#ww-opening .home-reel-kicker{bottom:14px;left:16px;font-size:7px}#ww-opening .film-loop-controls{bottom:6px;right:6px}}
/* Pisces returns as a prominent campaign placard in the Gemini palette. */
#ww-opening .home-opening-utility{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);grid-template-rows:auto auto;gap:22px 55px;min-height:260px;margin:18px clamp(18px,3vw,44px) 45px;padding:46px clamp(28px,5vw,72px);border:1px solid #361624;background:#edc8db;box-shadow:none;text-align:left;isolation:isolate}
#ww-opening .home-opening-utility::after{content:'';display:block;position:absolute;inset:8px;border:1px solid #36162466;pointer-events:none;z-index:-1}
#ww-opening .home-pisces-status{grid-column:1;grid-row:1/3;align-self:center}
#ww-opening .home-pisces-status>span{color:#542238;font-size:10px;letter-spacing:.12em;margin-bottom:16px}
#ww-opening .home-pisces-status>strong{font:600 clamp(44px,5.5vw,82px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.045em;color:#281019;text-wrap:balance}
#ww-opening .home-pisces-tagline{margin-top:22px;gap:4px}
#ww-opening .home-pisces-tagline>span,#ww-opening .home-pisces-tagline>em{font:italic 18px/1.3 Georgia,serif;letter-spacing:0;color:#542238;text-transform:none}
#ww-opening .home-pisces-readiness{grid-column:2;grid-row:1;align-self:end;max-width:310px;font:11px/1.8 Arial,Helvetica,sans-serif;letter-spacing:.09em;color:#542238;padding:0}
#ww-opening .home-opening-utility .home-opening-actions{grid-column:2;grid-row:2;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:0}
#ww-opening .home-opening-utility .home-opening-actions>.button:first-child{padding:14px 19px;background:#281019;color:#fff;border:1px solid #281019;font-size:12px}
#ww-opening .home-opening-utility .home-opening-actions>.button:first-child:hover{background:#542238}
#ww-opening .home-opening-utility .home-opening-actions>.button-outline{color:#281019;border-color:#542238;font-size:12px;align-self:flex-start}
#ww-opening .home-fixed-signs{display:block;position:absolute;inset:0;pointer-events:none}
#ww-opening .home-fixed-signs>span{font-family:Georgia,serif;font-size:14px;line-height:1;color:#542238;opacity:1;text-shadow:none}
#ww-opening .home-fixed-signs .is-taurus{top:17px;left:17px}#ww-opening .home-fixed-signs .is-leo{top:17px;right:17px}#ww-opening .home-fixed-signs .is-scorpio{bottom:17px;right:17px}#ww-opening .home-fixed-signs .is-aquarius{bottom:17px;left:17px}
@media(max-width:700px){#ww-opening .home-opening-utility{grid-template-columns:1fr;grid-template-rows:auto;gap:26px;margin:8px 16px 30px;padding:43px 28px 38px}#ww-opening .home-pisces-status,#ww-opening .home-pisces-readiness,#ww-opening .home-opening-utility .home-opening-actions{grid-column:auto;grid-row:auto}#ww-opening .home-pisces-status>strong{font-size:48px}#ww-opening .home-pisces-status>span{font-size:8px}#ww-opening .home-pisces-tagline>span,#ww-opening .home-pisces-tagline>em{font-size:16px}#ww-opening .home-pisces-readiness{font-size:10px}#ww-opening .home-opening-utility .home-opening-actions{gap:18px}}

/* Campaign type sits in the open space above the cup. */
#ww-opening .reel figcaption{position:absolute;top:9%;bottom:auto;left:22px;right:22px;display:block;padding:0;margin:0 auto;max-width:780px;text-align:center;color:#fff;text-shadow:0 1px 10px #0004}
#ww-opening .reel figcaption .home-opening-roles{color:#fff;margin:0 0 15px;font-size:9px;letter-spacing:.14em;max-width:none}
#ww-opening .reel figcaption .reel-title-line{max-width:none;margin:0;line-height:1.05}
#ww-opening .reel figcaption .home-opening-title{color:#fff}
#ww-opening .ww-hero-lead{display:block;font:600 clamp(25px,3.4vw,48px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.045em;text-transform:uppercase}
#ww-opening .ww-hero-finish{display:block;font:italic clamp(25px,3.2vw,44px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.04em;text-transform:none;margin-top:5px}
#ww-opening .ww-opening-link{color:#fff;border-color:#fffc;margin-top:17px;font-size:11px}
@media(max-width:700px){#ww-opening .reel figcaption{top:8%;left:14px;right:14px;padding:0}#ww-opening .reel figcaption .home-opening-roles{display:none}#ww-opening .ww-hero-lead{font-size:clamp(20px,4.7vw,30px)}#ww-opening .ww-hero-finish{font-size:clamp(20px,4.7vw,30px);margin-top:2px}#ww-opening .ww-opening-link{font-size:9px;margin-top:10px}#ww-opening .home-reel-kicker{bottom:11px}}
#ww-opening .home-opening-utility{width:calc(100% - 2 * clamp(18px,3vw,44px));min-width:0;clip-path:none;transform:none}
#ww-opening .home-pisces-readiness{border:0}
@media(max-width:700px){#ww-opening .home-opening-utility{width:calc(100% - 32px)}}

/* Ryan's direction: one straight line, one bold uppercase face. */
#ww-opening .reel figcaption{max-width:none;top:12%;left:22px;right:22px}
#ww-opening .reel figcaption .reel-title-line{font:600 clamp(11px,2.65vw,42px)/1.1 Arial,Helvetica,sans-serif;letter-spacing:-.035em;text-transform:uppercase;white-space:nowrap;max-width:none}
#ww-opening .reel figcaption .home-opening-title{display:inline;font:inherit;letter-spacing:inherit;text-transform:inherit;white-space:nowrap;color:#fff}
@media(max-width:700px){#ww-opening .reel figcaption{top:12%;left:14px;right:14px}#ww-opening .reel figcaption .reel-title-line{font-size:clamp(11px,2.65vw,19px)}}

/* Wide-screen composition: bring the headline closer to the cup. */
@media(min-width:1100px){#ww-opening .reel figcaption{top:22%}}