

.cea-extras{--cea-ink:#111650;--cea-paper:#fffaf1;--cea-teal:#00aeb0;--cea-teal-dark:#08747d;--cea-pink:#ed0066;--cea-orange:#ff7a00;--cea-purple:#4d1c91;width:min(1280px,calc(100% - 64px));margin:8px auto 68px;color:var(--cea-ink);font-family:Nunito,"Arial Rounded MT Bold",Arial,sans-serif}
.cea-extras *{box-sizing:border-box}.cea-extras__heading{text-align:center}.cea-extras__pill{display:inline-block;margin:0 0 15px;padding:9px 19px;border:2px dashed var(--cea-teal);border-radius:999px;color:var(--cea-teal-dark);background:rgba(255,250,241,.86);font-weight:900}.cea-extras__heading h2{margin:0;font:800 clamp(48px,4.8vw,78px)/.88 "Baloo 2",sans-serif;letter-spacing:-.035em}.cea-extras__heading h2 span,.cea-extras__heading h2 strong{display:block;width:max-content;max-width:100%;margin:auto;paint-order:stroke fill;-webkit-text-stroke:6px var(--cea-paper)}.cea-extras__heading h2 span{color:var(--cea-teal-dark);transform:rotate(-1deg)}.cea-extras__heading h2 strong{color:var(--cea-pink);transform:rotate(.5deg)}.cea-extras__heading>p:last-child{font-size:18px;font-weight:800}
.cea-extras__tabs{display:flex;justify-content:center;gap:9px;margin:28px auto 22px;padding:4px;overflow-x:auto;scrollbar-width:thin}.cea-extras__tabs button{flex:0 0 auto;padding:11px 17px;border:2px dashed var(--cea-teal);border-radius:999px;color:var(--cea-teal-dark);background:rgba(255,250,241,.94);font:900 14px/1 Nunito,sans-serif;cursor:pointer}.cea-extras__tabs button:hover,.cea-extras__tabs button.is-active{color:white;background:var(--cea-purple);border-color:white;outline:2px dashed var(--cea-purple)}.cea-extras__tabs button.is-featured:not(.is-active){color:white;background:var(--cea-pink);border-color:white;outline:2px dashed var(--cea-pink)}
.cea-extra-panel{--cea-accent:var(--cea-teal);min-height:440px;display:grid;grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:center;gap:44px;padding:40px 44px;background:rgba(255,250,241,.93);border:8px solid white;outline:2px dashed var(--cea-accent);border-radius:7% 4% 8% 5%/8% 6% 5% 7%}.cea-extra-panel[hidden]{display:none}.cea-extra-panel--screen{--cea-accent:var(--cea-pink);background:rgba(255,246,250,.95)}.cea-extra-panel__eyebrow{display:inline-block;margin:0 0 8px;padding:6px 12px;border:2px dashed var(--cea-accent);border-radius:999px;color:var(--cea-accent);font-size:13px;font-weight:900}.cea-extra-panel h3{margin:0;color:var(--cea-accent);font:800 clamp(42px,4.1vw,66px)/.88 "Baloo 2",sans-serif;paint-order:stroke fill;-webkit-text-stroke:5px white}.cea-extra-panel__copy>p:not(.cea-extra-panel__eyebrow){font-size:18px;line-height:1.48;font-weight:800}.cea-extra-panel ul{margin:15px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px;list-style:none}.cea-extra-panel li{padding:8px 12px;border-radius:999px;color:white;background:var(--cea-purple);font-size:13px;font-weight:900}.cea-extra-panel li:nth-child(2n){background:var(--cea-pink)}
.cea-extra-media{position:relative;min-height:360px;overflow:hidden;border:10px solid white;outline:3px solid color-mix(in srgb,var(--cea-accent) 45%,transparent);border-radius:59% 41% 55% 45%/43% 56% 44% 57%;background:linear-gradient(145deg,color-mix(in srgb,var(--cea-accent) 18%,transparent),rgba(255,255,255,.45))}.cea-extra-media img,.cea-extra-media video{width:100%;height:100%;position:absolute;inset:0;display:none;object-fit:cover}.cea-extra-media[data-cea-kind="image"] img,.cea-extra-media[data-cea-kind="video"] video{display:block}.cea-extra-media>div{position:absolute;inset:0;display:grid;place-content:center;gap:7px;padding:25px;text-align:center;color:var(--cea-accent)}.cea-extra-media:not(.is-pending)>div{display:none}.cea-extra-media>div b{font-size:40px}.cea-extra-media>div strong{font:800 24px/1 "Baloo 2",sans-serif}.cea-extra-media>div small{font-weight:800}
@media(max-width:850px){.cea-extras{width:min(760px,calc(100% - 28px));margin-bottom:48px}.cea-extras__tabs{justify-content:flex-start}.cea-extra-panel{grid-template-columns:1fr;gap:24px;min-height:0;padding:30px}.cea-extra-panel__copy{text-align:center}.cea-extra-panel ul{justify-content:center}.cea-extra-media{min-height:0;aspect-ratio:4/3}}
@media(max-width:520px){.cea-extras{width:calc(100% - 24px)}.cea-extras__heading h2{font-size:clamp(42px,13vw,58px)}.cea-extras__heading h2 span,.cea-extras__heading h2 strong{width:100%;-webkit-text-stroke-width:5px}.cea-extras__tabs{margin-top:20px}.cea-extra-panel{padding:24px 16px;border-width:6px;border-radius:30px}.cea-extra-panel h3{font-size:42px}.cea-extra-panel__copy>p:not(.cea-extra-panel__eyebrow){font-size:16px}.cea-extra-media{border-width:8px;aspect-ratio:1/1}}
