/* Pip & Pion – playful but tidy: cream paper, tomato, sunflower and teal blocks, navy headings; Fredoka + Nunito. */
@font-face{font-family:Fredoka;font-weight:500;font-display:swap;src:url(/pippion/assets/fonts/fredoka-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Fredoka;font-weight:600;font-display:swap;src:url(/pippion/assets/fonts/fredoka-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:400;font-display:swap;src:url(/pippion/assets/fonts/nunito-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:600;font-display:swap;src:url(/pippion/assets/fonts/nunito-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Nunito;font-weight:700;font-display:swap;src:url(/pippion/assets/fonts/nunito-latin-700-normal.woff2) format("woff2")}
:root{--bg:#fff8ec;--ink:#24304f;--head:#1b2547;--muted:#62698a;--line:#efe1c8;--soft:#ffefd2;--card:#fff;--accent:#ff6b4a;--accent-ink:#fff;
 --tomato:#ff6b4a;--sun:#ffc23d;--teal:#2bb3a3;--sky:#8fd3f4;
 --font-body:Nunito,system-ui,sans-serif;--font-head:Fredoka,Nunito,system-ui,sans-serif;--head-weight:600;--head-track:0;
 --h1:clamp(2.4rem,5.4vw,4.4rem);--h2:clamp(1.6rem,3vw,2.4rem);--nav-fs:.98rem;--btn-radius:999px;--btn-bg:#ff6b4a;--btn-ink:#fff;--btn-pad:14px 28px;--btn-fs:1rem;
 --cols:4;--gap:22px;--gap-y:30px;--card-fs:1.05rem;--logo-h:40px;--navtop:100px;--img-radius:22px;--max:1280px;--fs:16.5px;
 --bar-bg:#2bb3a3;--bar-ink:#fff;--foot-bg:#1b2547;--foot-ink:#e7e9f5;--foot-line:#2f3b66}
body{font-weight:400}
.site-head{border-bottom:0;box-shadow:0 2px 0 var(--line)}
.nav a{font-weight:700}
.btn{font-family:var(--font-head);font-weight:600;box-shadow:0 4px 0 #d94e30;transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translateY(2px);box-shadow:0 2px 0 #d94e30}
.btn:disabled,.btn[disabled]{box-shadow:none}
.hero-blocks{display:grid;gap:22px;padding:22px var(--pad,20px) 10px;max-width:var(--max);margin:0 auto}
.hero-blocks .hero-copy{background:var(--sun);border-radius:32px;padding:40px 28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.hero-blocks .hero-copy>*{position:relative}
.hero-blocks .hero-copy::before,.hero-blocks .hero-copy::after{content:"";position:absolute;border-radius:18px;transform:rotate(14deg)}
.hero-blocks .hero-copy::before{width:120px;height:120px;background:var(--tomato);inset-inline-end:-30px;top:-34px}
.hero-blocks .hero-copy::after{width:90px;height:90px;background:var(--teal);inset-inline-end:40px;bottom:-40px;border-radius:50%}
.hero-blocks .eyebrow{display:inline-block;align-self:flex-start;background:#fff;color:var(--head);border-radius:999px;padding:6px 14px;font-weight:700;letter-spacing:.02em;text-transform:none;font-size:.85rem}
.hero-blocks h1{margin:16px 0 14px;line-height:1.02}
.hero-blocks .hero-copy p:not(.eyebrow){color:#3b3420}
.hero-blocks .btn{align-self:flex-start;margin-top:10px}
.hero-blocks .hero-media{border-radius:32px;overflow:hidden;aspect-ratio:1/1;background:var(--sky)}
@media (min-width:900px){.hero-blocks{grid-template-columns:1.05fr .95fr;padding-top:28px}.hero-blocks .hero-copy{padding:56px 52px;min-height:520px}.hero-blocks .hero-media{aspect-ratio:auto}}
.cats{text-align:center}.cats .cat-list{--cat-cols:4}
.cat-list a{background:#fff;border-radius:26px;padding:12px 12px 16px;box-shadow:0 0 0 2px var(--line);text-decoration:none}
.cat-list li:nth-child(4n+1) a{background:#ffe2da}.cat-list li:nth-child(4n+2) a{background:#fff0c7}.cat-list li:nth-child(4n+3) a{background:#d6f2ee}.cat-list li:nth-child(4n+4) a{background:#dcefff}
.cat-list picture{border-radius:18px;overflow:hidden}.cat-list span{font-family:var(--font-head);font-weight:600;font-size:1.2rem;color:var(--head)}
.card{background:#fff;border-radius:24px;padding:10px 10px 14px;box-shadow:0 0 0 2px var(--line);transition:transform .15s}
.card:hover{transform:translateY(-3px)}
.card-img{border-radius:16px}
.card h3{font-family:var(--font-head);font-weight:600;color:var(--head)}.card-txt{padding:12px 6px 0}
.card .por{color:var(--teal);font-weight:700}
.badge{background:var(--sun);color:var(--head);border-radius:999px;font-weight:700;text-transform:none}
.usp{background:var(--teal);color:#fff;border-radius:32px;max-width:calc(var(--max) - 40px);margin:40px auto}.usp h3{color:#fff;font-family:var(--font-head);font-size:1.3rem}
.usp ul{text-align:center}
.story{background:transparent}.story-media picture{border-radius:32px;overflow:hidden}
.coll-side a{border-width:2px;font-weight:700;background:#fff}
.coll-side a[aria-current]{background:var(--head);border-color:var(--head);color:#fff}
.gal-main li picture{border-radius:24px;overflow:hidden}
.pdp-info h1{font-size:clamp(1.8rem,3vw,2.6rem)}
.link{color:#d94e30;font-weight:700}
.site-foot h2{color:var(--sun);font-family:var(--font-head);font-weight:600;text-transform:none;letter-spacing:0;font-size:1.05rem}
.site-foot .logo,.foot-brand svg{color:#fff}
.usp p{color:#effffc}