/* Campaign layer retains the original palette, typefaces and pet illustrations. */
[hidden],header nav>#savedNav[hidden]{display:none!important}header nav{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:56px}.hero{padding-block:68px;align-items:center}.hero h1.campaign-title{font-size:clamp(60px,6.8vw,102px);line-height:.96;letter-spacing:.2px}.campaign-title em{color:var(--green)}.birthday-lede{font-size:22px!important;line-height:1.6;max-width:590px;color:var(--ink)!important}.campaign-dates{font-size:14px!important;margin:25px 0 0;line-height:1.6}.eyebrow{line-height:1.6}.hero-art{border-top:2px solid var(--green);padding-top:22px}.art-caption{margin-bottom:15px}.campaign-film{max-width:1260px;margin:0 auto 55px;padding:36px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:50px;background:var(--sage);border:1px solid var(--line);border-radius:12px}.campaign-film h2{margin-bottom:15px}.campaign-film summary{cursor:pointer;padding-block:12px;font-size:17px}.campaign-film details p{font-size:17px}.film-player video{width:100%;aspect-ratio:16/9;display:block;background:var(--ink);border-radius:6px}.film-player>.primary{width:100%;margin-top:12px}.card-instruction{font-size:18px;line-height:1.6;max-width:650px}.campaign-promise{font-size:18px;line-height:1.5;padding:0 0 15px;border-bottom:1px dashed var(--line)}.campaign-promise span{display:block;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:5px;color:#96502b}.return-card{padding:12px;background:var(--sage);flex-shrink:0;font-size:15px;min-height:48px}.trade-art{touch-action:pan-y!important}.trade-art svg{transform-origin:50% 80%}.pet-cat .trade-art:hover svg,.pet-cat .trade-art:focus-visible svg{animation:cat-curiosity .9s ease-in-out 1}.pet-dog .trade-art:hover svg,.pet-dog .trade-art:focus-visible svg{animation:dog-hello .65s ease-in-out 2}@keyframes cat-curiosity{50%{transform:rotate(-1.7deg) scale(1.025)}}@keyframes dog-hello{50%{transform:translateY(-4px) rotate(1deg)}}.ticker>div{animation:none}footer{align-items:start;font-size:16px;line-height:1.7}footer>span{max-width:620px}#bulletin{position:fixed;bottom:20px;right:20px;width:min(370px,calc(100vw - 40px));z-index:20;background:var(--paper);border:2px solid var(--green);box-shadow:5px 5px 0 #c2c9a4;padding:22px;border-radius:9px}#bulletin .eyebrow{margin-bottom:10px}#bulletin p{font-size:18px;line-height:1.6;margin-bottom:12px}#dismissBulletin{font-size:14px;text-decoration:underline;text-align:left;padding:8px 0}.quick-compare li{font-size:17px}.trade-back:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
@media(max-width:800px){.campaign-film{margin:0 20px 35px;grid-template-columns:1fr;gap:20px;padding:24px}.hero{grid-template-columns:1fr;padding:36px 20px;gap:30px}.hero h1.campaign-title{font-size:clamp(58px,11vw,85px)}.birthday-lede{font-size:20px!important}header nav{grid-template-columns:1fr;grid-auto-rows:48px}.hero-art{max-width:600px;width:100%;margin:auto}footer{display:block}footer b{display:block;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.is-flipped .trading-inner{transform:none}.trade-back{transform:none}.is-flipped .trade-front{visibility:hidden}.trading-card:not(.is-flipped) .trade-back{visibility:hidden}}
/* Cards read with the page, rather than trapping a second scroll surface. */
.trade-back{position:absolute;height:100%}.trade-scroll{overflow:visible;flex:0 0 auto}.is-flipped .trade-front{position:absolute;inset:0;height:100%;overflow:hidden}.is-flipped .trade-back{position:relative;height:auto;inset:auto}.trade-back{overflow:visible}.trade-back .trade-heading{border-radius:14px 14px 0 0}.trade-back .trade-scroll{border-radius:0 0 14px 14px;overflow:clip}.trade-face{background:#fffaf0;border-color:#d8b596;border-width:5px;border-radius:22px}.trade-heading{background:#f5e9d3}.trade-heading h3{font-family:Inter,Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.3}.trade-family h4{font-family:Inter,Arial,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.25px;line-height:1.4;color:#6b4e38;margin-bottom:9px}.trade-family h4:before{content:'♡ ';color:#a55c3c}.trade-family p{font-size:17px;line-height:1.65;margin-bottom:25px}.campaign-promise{border:0;background:#f6ecd7;border-radius:14px;padding:14px;font-size:17px}.campaign-promise span{color:#7c563a}.trade-home{height:200px;aspect-ratio:auto;background:#f8f0df}.trade-home svg{height:200px;width:100%;aspect-ratio:auto!important}.breed-reference img{height:170px}.return-card{background:#e7eddb;border-radius:0;font-size:15px;text-transform:none}.trade-actions button{min-height:52px!important;font-size:16px!important;text-transform:none;letter-spacing:0}.quick-compare h4{font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:700;letter-spacing:0;line-height:1.35}.pet-pagination button{min-height:50px;font-size:16px;text-transform:none}.flip-button{background:var(--green);color:var(--paper);padding:12px 16px;border-radius:18px;text-decoration:none;text-transform:none;letter-spacing:0;max-width:65%;line-height:1.5}.trading-card{scroll-margin-top:24px}.trading-card .trade-art{touch-action:pan-y!important}
@media(max-width:600px){.trade-art{height:190px;aspect-ratio:auto}.trade-art svg{height:190px;width:100%;aspect-ratio:auto!important}.trade-home,.trade-home svg{height:150px}.trade-heading h3{font-size:22px}.trade-heading{min-height:58px;padding:13px 15px}.trade-family{padding:20px 18px}.trade-family p{font-size:16px;line-height:1.7;margin-bottom:23px}.trade-family h4{font-size:18px}.breed-reference{margin:20px 0}.breed-reference img{height:135px}.quick-compare li{font-size:16px}.campaign-promise{font-size:16px;line-height:1.6;padding:12px}.trade-copy{padding:16px}.trade-bottom .fit-grade{flex-basis:90px}.trade-bottom .fit-grade strong{font-size:28px;width:75px}.pet-pagination{gap:16px}.pet-pagination button{padding:10px 19px}.trade-back .trade-bottom{padding-bottom:5px}}
/* A short, deliberate motion-graphics opening; then the stage rests. */
.podium-hero{border:0;padding:0;align-self:center;min-width:0}.podium-stage{position:relative;isolation:isolate;aspect-ratio:1;max-width:590px;margin:auto}.podium-disc{position:absolute;inset:5% 3% 10%;border-radius:50%;background:#e7eddb;z-index:-2}.podium-disc:after{content:'';position:absolute;inset:8%;border:1px solid #b5c29c;border-radius:50%}.podium-rule{position:absolute;left:0;right:0;bottom:1%;height:3px;background:var(--green);z-index:-1}.podium-speaker{position:absolute;inset:0;transform-origin:50% 100%}.podium-speaker>img{display:block;width:100%;height:100%;object-fit:contain}.podium-placard{position:absolute;left:34%;top:59%;width:34%;height:23%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;color:#294331;line-height:1.1}.podium-placard>span{font:700 clamp(9px,1vw,13px)/1.4 Inter,sans-serif;letter-spacing:1.5px}.podium-placard>b{font:400 clamp(25px,3vw,39px)/1 'Bebas Neue',sans-serif;letter-spacing:.5px}.podium-placard>i{font:500 clamp(9px,.9vw,12px)/1.3 Inter,sans-serif;font-style:normal}.podium-briefing{position:absolute;left:0;top:17%;max-width:36%;background:var(--paper);border:1px solid var(--green);border-radius:4px;padding:12px 14px;font-size:11px;font-weight:700;letter-spacing:1.2px;line-height:1.5;box-shadow:3px 3px 0 #c4ccae}.podium-briefing span{display:block;font-size:13px;font-weight:400;letter-spacing:0;margin-top:4px}.podium-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:16px}.podium-caption>span{font-weight:600}.podium-caption button{font-size:14px;letter-spacing:0;text-transform:none;text-decoration:underline;min-height:44px;padding:6px 0}.hero-opening .podium-speaker{animation:podium-rise 1s cubic-bezier(.16,1,.3,1) both}.hero-opening .podium-disc{animation:stage-open .8s ease-out both}.hero-opening .podium-briefing{animation:briefing-in .6s .55s cubic-bezier(.16,1,.3,1) both}.hero-opening .campaign-title{animation:campaign-title-in .7s .1s ease-out both}.hero-opening .podium-placard{animation:placard-in .45s .7s ease-out both}@keyframes podium-rise{from{transform:translateY(55px) scale(.92);opacity:0}70%{transform:translateY(-5px) scale(1.005);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes stage-open{from{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes briefing-in{from{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes campaign-title-in{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes placard-in{from{opacity:0}to{opacity:1}}
@media(max-width:800px){.podium-stage{max-width:480px}.podium-briefing{font-size:10px;padding:9px;max-width:34%}.podium-briefing span{font-size:12px}.podium-placard>b{font-size:clamp(22px,6vw,35px)}.podium-placard>span{font-size:10px}.podium-placard>i{font-size:10px}.podium-caption{font-size:15px}.podium-caption button{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-opening .podium-speaker,.hero-opening .podium-disc,.hero-opening .podium-briefing,.hero-opening .campaign-title,.hero-opening .podium-placard{animation:none!important}#replayOpening{display:none}}
/* Tita joins the briefing as a separately animated family supporter. */
.podium-stage:has(.tita-supporter) .podium-speaker{inset:auto;left:-10%;bottom:0;width:92%;height:92%;z-index:2;pointer-events:none}.tita-supporter{position:absolute;right:-1%;bottom:2%;width:41%;height:83%;z-index:1;transform-origin:50% 100%}.tita-supporter>img{width:100%;height:100%;object-fit:contain;object-position:center bottom;display:block}.tita-nameplate{position:absolute;bottom:8%;right:0;background:var(--paper);border:1px solid var(--green);padding:8px 11px;border-radius:5px;box-shadow:2px 3px 0 #c4ccae;z-index:3;text-align:center;max-width:100%}.tita-nameplate>b{display:block;font-size:17px}.tita-nameplate>span{display:block;font-size:12px;margin-top:3px;line-height:1.3}.hero-opening .tita-supporter{animation:tita-entrance .8s .35s cubic-bezier(.16,1,.3,1) both}.podium-briefing{top:8%;z-index:4;max-width:32%}@keyframes tita-entrance{from{transform:translateX(24px) translateY(15px);opacity:0}to{transform:translateX(0) translateY(0);opacity:1}}@media(max-width:600px){.tita-nameplate{padding:7px 8px;bottom:9%}.tita-nameplate>b{font-size:15px}.tita-nameplate>span{font-size:11px}.podium-briefing{max-width:31%;font-size:9px;padding:8px}.podium-briefing span{font-size:11px}.podium-placard{gap:5px}.podium-placard>b{font-size:clamp(20px,5.5vw,31px)}.podium-placard>span{font-size:9px}.podium-placard>i{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-opening .tita-supporter{animation:none!important}}
.card-tap-hint{display:block;font-size:16px;line-height:1.5;color:var(--green);font-weight:600}.card-back-hint{display:block;padding:12px 16px;background:#e7eddb;font-size:15px;line-height:1.5;color:var(--ink)}.trade-front:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.pet-resources{text-align:center;margin:25px auto 0;max-width:580px}.pet-resources .primary{font-size:16px;line-height:1.6;min-height:52px;text-transform:none;letter-spacing:0;text-align:center}
.concerns-illustration{display:block;width:100%;max-height:320px;object-fit:contain;border-radius:14px;background:#e7eddb;margin:20px 0 24px}@media(max-width:600px){.concerns-illustration{max-height:240px}}