/* The approved Bubble Helmet character, carried through the campaign. */
:root{--cyan:#00b4f4;--ink:#080d17}
.site-header{border-bottom-color:#f6f2e840}
.desktop-nav a:hover{color:var(--cyan)}
.desktop-nav a:after{background:var(--cyan)}
.header-actions .header-cta{background:var(--cyan);color:var(--ink)}
.header-actions .header-cta:hover{background:var(--paper)}
.hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:6%;align-items:center;height:min(790px,calc(100svh - 92px));min-height:660px;padding-top:40px;padding-bottom:104px}
.hero-copy{width:100%;max-width:490px;margin:0}
.hero h1 .red-word{color:var(--cyan)}
.hero-description{font-size:18px;line-height:1.55}
.hero-art{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px 20px 42px}
.hero-poster{position:relative;width:100%;max-width:min(530px,calc(100svh - 220px));aspect-ratio:1;background:var(--cyan);border:3px solid var(--ink);outline:7px solid var(--paper);transform:translate(var(--px),var(--py)) rotate(3deg);transition:transform .8s var(--ease)}
.hero-portrait{width:100%;height:100%;object-fit:contain}
.hero-art .campaign-sticker{top:5%;right:-2%;width:116px;height:116px;border:2px solid var(--paper);outline:2px solid var(--ink);box-shadow:none;transform:rotate(11deg)}
.hero-art .campaign-sticker strong{font-size:17px}
.hero-foot{font-size:12px;letter-spacing:.035em}
.hero-foot>a{font-size:12px}
.campaign-ticker{background:var(--cyan);color:var(--ink);border-block:2px solid var(--ink)}
.ticker-group svg{color:var(--ink)}
.ticker-toggle{border-left-color:var(--ink)}
.ticker-toggle:hover{background:var(--paper)}
.candidate-section{padding-block:100px}
.candidate-intro{margin-bottom:48px}
.candidate-strip{border:3px solid var(--ink)}
.candidate-strip>img{aspect-ratio:3/1;object-fit:contain;background:var(--cyan)}
.strip-note{font-size:12px;max-width:44%;padding:13px 20px;border-color:var(--ink)}
.strip-note strong{font-size:12px}
.press-heading h2 span{color:var(--cyan)}
.press-section .press-image-wrap{border:3px solid var(--paper)}
.press-section .asset-tag{background:var(--cyan);color:var(--ink);font-size:12px}
.press-section .asset-download{font-size:14px}
.press-section .asset-download small{font-size:12px}
.press-section .asset-download:hover,.press-section .share-button:hover{color:var(--cyan)}
.slogan-side span,.slogan-credit,.slogan-main .button,.share-button,.footer-bottom{font-size:12px}
.campaign-notice{border:1px solid var(--cyan)}
.hero :focus-visible,.site-header :focus-visible,.press-section :focus-visible{outline-color:var(--cyan)}
.launch-progress #load-bar{background:var(--cyan)}
.launch-title{color:var(--paper)}
@media(min-width:1550px){.hero-art{right:auto}.hero-copy{margin-left:0}}
@media(max-width:1100px){.hero{gap:4%;grid-template-columns:1fr 1fr;min-height:650px}.hero h1{font-size:clamp(68px,7.6vw,88px)}.hero-art{inset:auto;padding-inline:14px}.hero-art .campaign-sticker{width:100px;height:100px;right:-2%;top:8%}.hero-art .campaign-sticker strong{font-size:14px}.hero-description{font-size:16px}.hero-actions{gap:10px}.hero .hero-actions .button{padding-inline:14px;gap:10px}}
@media(max-width:800px){.hero{height:650px;min-height:650px;padding-top:32px;padding-bottom:90px;gap:4%}.hero h1{font-size:clamp(60px,8.8vw,72px)}.hero-description{font-size:15px}.hero-art{height:auto;padding:28px 10px 24px}.hero-poster{max-width:100%;outline-width:5px}.hero-art .campaign-sticker{width:88px;height:88px;top:0}.hero-art .campaign-sticker>span{font-size:11px;letter-spacing:.02em}.hero-art .campaign-sticker strong{font-size:12px}.hero-foot>a{max-width:170px}.candidate-section{padding-block:75px}.strip-note{max-width:48%;padding:10px 14px}}
@media(max-width:560px){.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;height:auto;min-height:0;padding-top:28px;padding-bottom:76px}.hero-copy{max-width:none}.hero h1{font-size:clamp(58px,17vw,82px)}.hero-description{font-size:15px;margin-top:18px}.hero-art{width:100%;height:auto;margin:28px 0 12px;padding:18px 10px;inset:auto}.hero-poster{width:100%;max-width:410px;outline-width:5px;transform:rotate(3deg)}.hero-art .campaign-sticker{width:90px;height:90px;top:-6px;right:-4px}.hero-art .campaign-sticker>span{font-size:11px;letter-spacing:0}.hero-art .campaign-sticker strong{font-size:12px}.hero-foot{height:58px;font-size:11px}.hero-foot>a{display:none}.candidate-section{padding-block:62px}.candidate-strip{margin-inline:-22px;border-inline:0}.candidate-strip>img{aspect-ratio:2/1;object-fit:cover;object-position:75% center}.strip-note{position:relative;max-width:none;border-right:0;padding:13px 22px}.press-section .asset-download{font-size:13px}.press-section .asset-tag{font-size:11px}.press-section .press-image-wrap{border-width:2px}.slogan-credit{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero-poster{transform:rotate(3deg);transition:none}}
