/* Cozy Colours redesign (staging, 2026-11-03). Loaded last on every page.
   Fonts: Nunito everywhere; Chewy only for the badge name and book titles.
   Palette: cream, warm linen, sage, terracotta. No page-wide rainbow; no bold black. */
@font-face{font-family:"Nunito";src:url(/assets/fonts/nunito-var.woff2) format("woff2");font-weight:200 1000;font-style:normal;font-display:swap}
:root{--rd-cream:#fbf6ec;--rd-linen:#f4ecde;--rd-oat:#efe4d2;--rd-sage:#8fa98a;--rd-sage-d:#56704f;--rd-terra:#c9734f;--rd-terra-d:#a4543a;--rd-ink:#4a3b33;--rd-ink-2:#6b5a4e;--rd-pink:#d65a8c;--rd-lav:#8b70c2;--rd-line:rgba(120,90,60,.16);--rd-nav-h:64px}
/* base: Nunito for all text, overriding the old Chewy-everywhere rule */
html:root body,html:root body *:not(svg):not(svg *){font-family:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:0}
html:root body :is(h1,h2,h3,h4,strong,b,th,summary,.btn,button,.bname,.blink,.tag,.badge,.pb-tag,.filters-h,.rd-btn,label,.price,.go-badges li){font-weight:700!important}
html:root body{color:var(--rd-ink);background:var(--rd-cream) url(/assets/img/rd/linen-cream.webp) repeat!important;background-size:512px 512px!important}
html:root body :is(h1,h2,h3,h4){color:#5a4236;text-shadow:none!important;-webkit-text-stroke:0!important}
html:root body :is(p,li,dd,dt,td,span,a){text-shadow:none!important}
/* Chewy: the badge name, and book titles (owner's earlier rule, flagged for review) */
html:root body :is(.rd-name,#product .card h1,.card h3,.go-card h3,.bcard .bname,.go-page h1,.rd-cover-title){font-family:"Chewy","Nunito",sans-serif!important;font-weight:400!important;letter-spacing:.01em}
/* kill rainbow gradient text on titles */
html:root body :is(.go-card h3,.go-page h1,.card h3,h2,h1){background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;color:#5a4236!important}
html:root body :is(.card h3,.go-card h3,.bcard .bname){color:var(--rd-terra-d)!important}
html:root body .go-page h1{color:var(--rd-terra-d)!important}
/* buttons */
html:root body :is(.btn,.btn-buy,.rd-btn){font-family:"Nunito",sans-serif!important;border-radius:999px!important}
html:root body .btn-buy,html:root body .btn:not(.btn-ghost):not(.btn-amz){background:var(--rd-terra)!important;background-image:none!important;color:#fff!important;border:0!important;box-shadow:0 2px 0 rgba(140,70,40,.25)!important}
html:root body .btn-buy:hover,html:root body .btn:not(.btn-ghost):not(.btn-amz):hover{background:var(--rd-terra-d)!important}
html:root body .btn-ghost{background:#fff!important;color:var(--rd-sage-d)!important;border:1.5px solid var(--rd-sage)!important;background-image:none!important}
html:root body a{color:var(--rd-terra-d)}
/* calm sections: no rainbow washes */
html:root body :is(.hs-bg,.shop-bg,.section,.seasonal,.teens,.watch,.how,.nd,.faq,.about,.pb-strip){background-image:none!important}
html:root body :is(.hs-bg,.shop-bg){background:transparent!important}
html:root body .card,html:root body .bcard{background:#fffdf8!important;border:1px solid var(--rd-line)!important;box-shadow:0 2px 10px rgba(90,60,30,.06)!important;background-image:none!important}
html:root body .tag{background:var(--rd-oat)!important;color:var(--rd-sage-d)!important;border:0!important}
html:root body .footer{background:var(--rd-linen) url(/assets/img/rd/linen-warm.webp)!important;color:var(--rd-ink-2)!important;border-top:1px solid var(--rd-line)}
html:root body .footer .foot-tagline{color:var(--rd-pink)!important;font-weight:700!important}

/* ===== HEADER ===== */
.rd-hdr{position:relative;z-index:40;background:var(--rd-cream) url(/assets/img/rd/linen-cream.webp);background-size:512px 512px;border-bottom:0}
.rd-hdr .rd-top{position:relative;max-width:1240px;margin:0 auto;height:178px;display:flex;align-items:center;justify-content:flex-end;padding:0 3vw 0 calc(3vw + 270px)}
.rd-bunting{position:absolute;left:0;right:0;top:0;height:46px;width:100%;opacity:.42;pointer-events:none}
.rd-badge{position:absolute;left:3vw;top:14px;width:260px;height:260px;border-radius:50%;display:block;text-decoration:none!important;z-index:45}
@media (min-width:1240px){.rd-badge{left:calc((100vw - 1240px)/2 * 0 + 36px)}}
.rd-badge .rd-ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 30%,rgba(236,190,160,.30),rgba(236,190,160,0) 46%),radial-gradient(circle at 70% 70%,rgba(160,190,150,.30),rgba(160,190,150,0) 48%),radial-gradient(circle at 72% 26%,rgba(205,185,225,.22),rgba(205,185,225,0) 40%),radial-gradient(circle,#fffaf1 0 58%,#fdf6ea 70%);box-shadow:0 0 0 1.5px rgba(164,84,58,.28),0 0 0 7px rgba(251,246,236,.9),0 6px 18px rgba(90,60,30,.10)}
.rd-badge img{position:absolute;left:-3%;width:106%;top:3%;height:auto}
.rd-badge .rd-name{position:absolute;left:0;right:0;top:62%;text-align:center;font-size:42px;line-height:1;color:var(--rd-terra-d)!important;text-shadow:0 0 6px #fffaf1,0 0 2px #fffaf1!important}
.rd-badge .rd-sub{position:absolute;left:0;right:0;top:80.5%;text-align:center;font-size:11.5px;letter-spacing:.2em!important;color:var(--rd-sage-d)!important;font-weight:800!important}
.rd-tag{margin:0;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;line-height:1.02;font-size:clamp(2rem,3.6vw,3.1rem)}
.rd-tag span{font-weight:800!important;letter-spacing:-.01em!important;text-shadow:0 2px 0 #fff,0 0 1px #fff!important}
.rd-tag .t1{color:var(--rd-pink)!important}
.rd-tag .t2{color:var(--rd-lav)!important}
.rd-nav{position:sticky;top:0;z-index:39;background:var(--rd-cream);border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line);height:var(--rd-nav-h);box-shadow:0 2px 10px rgba(90,60,30,.05)}
.rd-nav .rd-nav-in{max-width:1240px;margin:0 auto;height:100%;display:flex;align-items:center;gap:.4rem;padding:0 3vw 0 calc(3vw + 290px)}
.rd-nav a{display:inline-flex;align-items:center;height:42px;padding:0 1.05rem;border-radius:999px;color:var(--rd-ink)!important;text-decoration:none!important;font-size:1.06rem;font-weight:700!important;white-space:nowrap}
.rd-nav a:hover,.rd-nav a:focus-visible{background:var(--rd-oat)}
.rd-nav a[aria-current="page"]{background:#fff;color:var(--rd-terra-d)!important;box-shadow:inset 0 0 0 1.5px rgba(164,84,58,.35)}
.rd-nav a.rd-calm{color:var(--rd-sage-d)!important}
.rd-nav .rd-mini{display:none}
.rd-nav.is-stuck .rd-nav-in{padding-left:3vw}
.rd-nav.is-stuck .rd-mini{display:inline-flex;align-items:center;gap:.45rem;padding:0 .9rem 0 0;margin-right:.4rem;border-right:1px solid var(--rd-line);height:40px;border-radius:0}
.rd-mini img{width:44px;height:44px;border-radius:50%;background:#fffaf1;object-fit:cover;object-position:50% 30%}
.rd-mini span{font-family:"Chewy",sans-serif!important;font-weight:400!important;color:var(--rd-terra-d);font-size:1.3rem}
.rd-nav.is-stuck .rd-mini:hover{background:none}
/* adult variant: warm linen, no bunting, badge without the wash */
body.rd-calm-page{background:var(--rd-linen) url(/assets/img/rd/linen-warm.webp)!important}
.rd-hdr.rd-hdr--calm{background:var(--rd-linen) url(/assets/img/rd/linen-warm.webp)}
.rd-hdr--calm .rd-badge .rd-ring{background:#fffaf2;box-shadow:0 0 0 1.5px rgba(86,112,79,.35),0 0 0 7px rgba(244,236,222,.9),0 6px 18px rgba(90,60,30,.08)}
.rd-hdr--calm .rd-tag .t1{color:var(--rd-sage-d)!important}
.rd-hdr--calm .rd-tag .t2{color:var(--rd-terra-d)!important}
.rd-hdr--calm + .rd-nav{background:var(--rd-linen)}
@media (max-width:860px){
 .rd-hdr .rd-top{height:150px;padding:0 4vw 0 calc(4vw + 200px)}
 .rd-badge{width:190px;height:190px;left:3vw}
 .rd-badge .rd-name{font-size:30px}
 .rd-badge .rd-sub{font-size:8.5px}
 .rd-nav .rd-nav-in{padding-left:calc(3vw + 205px)}
 .rd-nav a{padding:0 .6rem;font-size:.98rem}
}
@media (max-width:640px){
 :root{--rd-nav-h:52px}
 .rd-hdr .rd-top{height:168px;padding:30px 4vw 0 calc(4vw + 152px);justify-content:flex-end}
 .rd-bunting{height:30px}
 .rd-badge{width:150px;height:150px;top:12px;left:3.5vw}
 .rd-badge .rd-name{font-size:24px}
 .rd-badge .rd-sub{font-size:6.8px;letter-spacing:.17em!important}
 .rd-tag{font-size:clamp(1.25rem,6.4vw,1.65rem)}
 .rd-nav .rd-nav-in{padding:0 8px;gap:0;justify-content:space-between;overflow-x:auto;scrollbar-width:none}
 .rd-nav .rd-nav-in::-webkit-scrollbar{display:none}
 .rd-nav a{padding:0 .5rem;font-size:.93rem;height:38px}
 .rd-nav.is-stuck .rd-nav-in{padding:0 8px}
 .rd-nav.is-stuck .rd-mini{display:none}
}
@media (max-width:360px){.rd-nav a{padding:0 .34rem;font-size:.86rem}}

/* ===== HOME: intro, photos, doors ===== */
.rd-intro{max-width:1180px;margin:0 auto;padding:2.2rem 4vw 1rem;display:grid;grid-template-columns:1.05fr 1fr;gap:2.2rem;align-items:center}
.rd-intro h1{font-size:clamp(1.65rem,2.9vw,2.45rem);line-height:1.18;margin:0 0 .9rem;color:#5a4236!important;font-weight:800!important}
.rd-intro h1 .rd-uk{display:block;color:var(--rd-sage-d)!important;font-size:.62em;margin-top:.45rem;font-weight:700!important}
.rd-mission{background:#fffdf8;border:1px solid var(--rd-line);border-left:5px solid var(--rd-sage);border-radius:16px;padding:1rem 1.15rem}
.rd-mission h2{font-size:1.12rem!important;margin:0 0 .5rem;color:var(--rd-sage-d)!important}
.rd-mission ul{list-style:none;margin:0 0 .55rem;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.rd-mission li{background:var(--rd-oat);color:#5a4236;border-radius:999px;padding:.28rem .8rem;font-weight:700!important;font-size:.98rem}
.rd-mission p{margin:0;color:var(--rd-ink-2);font-size:.98rem}
.rd-mission a{font-weight:700!important}
.rd-photos{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:1fr 1fr;gap:.7rem;aspect-ratio:5/4}
.rd-photo{margin:0;position:relative;border-radius:18px;overflow:hidden;background:var(--rd-linen) url(/assets/img/rd/linen-warm.webp);border:1.5px dashed rgba(164,84,58,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:.8rem;color:var(--rd-ink-2)}
.rd-photo:first-child{grid-row:1/3}
.rd-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rd-photo svg{width:34px;height:34px;color:var(--rd-terra);opacity:.75;margin-bottom:.35rem}
.rd-photo strong{font-size:.95rem;color:#5a4236}
.rd-photo span{font-size:.82rem;line-height:1.3;max-width:20ch}
.rd-doors-wrap{max-width:1180px;margin:0 auto;padding:1rem 4vw 1.5rem}
.rd-doors{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.rd-door{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;text-decoration:none!important;background:#fffdf8;border:1px solid var(--rd-line);box-shadow:0 4px 18px rgba(90,60,30,.08);transition:transform .2s ease,box-shadow .2s ease;color:var(--rd-ink)!important}
.rd-door:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(90,60,30,.12)}
.rd-door .rd-covers{display:grid;gap:6px;padding:10px;background:var(--rd-linen) url(/assets/img/rd/linen-warm.webp)}
.rd-door--little .rd-covers{grid-template-columns:1fr 1fr}
.rd-door--calm .rd-covers{grid-template-columns:1fr 1fr 1fr}
.rd-covers img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;background:#fff}
.rd-door--calm .rd-covers img{aspect-ratio:3/4;object-position:50% 50%}
.rd-door .rd-door-body{padding:1.1rem 1.3rem 1.3rem;display:flex;flex-direction:column;gap:.35rem;flex:1}
.rd-door h2{margin:0;font-size:1.6rem!important;line-height:1.15}
.rd-door h2 small{font-size:.7em;color:var(--rd-ink-2)!important;font-weight:700!important;white-space:nowrap}
.rd-door .rd-door-tag{margin:0;font-weight:800!important;font-size:1.12rem}
.rd-door--little .rd-door-tag{color:var(--rd-pink)!important}
.rd-door--calm .rd-door-tag{color:var(--rd-sage-d)!important}
.rd-door p{margin:0;color:var(--rd-ink-2)}
.rd-door .rd-btn{margin-top:auto;align-self:flex-start;display:inline-block;padding:.6rem 1.2rem;color:#fff!important;background:var(--rd-terra)}
.rd-door--calm .rd-btn{background:var(--rd-sage-d)}
.rd-door--little{border-top:5px solid #e9a9bf}
.rd-door--calm{border-top:5px solid var(--rd-sage)}
.rd-sec-h{max-width:1180px;margin:1.2rem auto 0;padding:0 4vw}
.rd-seasonal-wrap{border-top:1px solid var(--rd-line);margin-top:.5rem}
@media (max-width:860px){.rd-intro{grid-template-columns:1fr;gap:1rem;padding-top:1.2rem}.rd-photos{aspect-ratio:auto;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.rd-photo,.rd-photo:first-child{grid-row:auto;aspect-ratio:1/1}.rd-doors{grid-template-columns:1fr}}
@media (max-width:640px){.rd-intro{padding:1rem 4.5vw .6rem}.rd-intro h1{font-size:1.42rem}.rd-photo{padding:.4rem;border-radius:14px}.rd-photo svg{width:24px;height:24px;margin-bottom:.15rem}.rd-photo strong{font-size:.78rem}.rd-photo span{display:none}.rd-mission{padding:.8rem .9rem}.rd-mission li{font-size:.88rem;padding:.22rem .65rem}.rd-door h2{font-size:1.35rem!important}.rd-doors-wrap{padding:.6rem 4.5vw 1rem}}
/* intro ordering on small screens: h1, photos, mission */
@media (max-width:860px){.rd-intro{display:flex;flex-direction:column}.rd-intro-text{display:contents}.rd-intro h1{order:1;margin:0}.rd-photos{order:2;width:100%}.rd-mission{order:3}}
/* calm landing */
.rd-calm-intro{max-width:1100px;margin:0 auto;padding:2rem 4vw .5rem;text-align:center}
.rd-calm-intro h1{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 .5rem;font-weight:800!important}
.rd-calm-intro .rd-door-tag{color:var(--rd-sage-d)!important;font-weight:800!important;font-size:1.2rem;margin:0 0 .6rem}
.rd-calm-intro p{color:var(--rd-ink-2);max-width:62ch;margin:0 auto .5rem}
.rd-calm-intro .rd-jump{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}
.rd-calm-intro .rd-jump span{background:#fffdf8;border:1px solid var(--rd-line);border-radius:999px;padding:.25rem .8rem;font-size:.92rem;font-weight:700!important;color:var(--rd-sage-d)}
body.rd-calm-page .card{background:#fffdf9!important}

/* ===== ROUND 2 (owner feedback 3 Nov) ===== */
@font-face{font-family:"Fraunces";src:url(/assets/fonts/fraunces-var.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{--rd-clean:38px;--rd-char:#3b3836}
/* header: objects live only in the top band; the bottom ~45% (cream gap + menu + cream gap) is empty */
.rd-hdr{padding-bottom:var(--rd-clean)}
.rd-hdr .rd-top{height:184px;padding:0 4vw 0 calc(3vw + 200px);overflow:visible}
.rd-badge{top:9px;width:166px;height:166px}
@media (min-width:1240px){.rd-badge{left:36px}}
.rd-badge .rd-name{font-size:27px}
.rd-badge .rd-sub{font-size:7.4px;letter-spacing:.18em!important}
.rd-nav{margin-bottom:var(--rd-clean)}
.rd-nav .rd-nav-in{padding:0 3vw;justify-content:center}
.rd-nav.is-stuck .rd-nav-in{justify-content:flex-start}
/* kids tagline: Chewy, pink + lavender */
html:root body .rd-tag:not(.rd-tag--calm) span{font-family:"Chewy","Nunito",sans-serif!important;font-weight:400!important;letter-spacing:.01em!important}
.rd-tag:not(.rd-tag--calm){font-size:clamp(2.1rem,3.9vw,3.4rem)}
/* calm tagline: same words, rounded sans, ~60% size, charcoal */
.rd-tag.rd-tag--calm{flex-direction:row;gap:.35em;font-size:clamp(1.25rem,2.35vw,2.05rem);align-items:baseline}
html:root body .rd-tag--calm span{font-family:"Nunito",sans-serif!important;font-weight:700!important;color:var(--rd-char)!important;text-shadow:none!important}
@media (max-width:860px){
 .rd-hdr .rd-top{height:156px;padding:0 4vw 0 calc(4vw + 150px)}
 .rd-badge{width:140px;height:140px;top:8px}
 .rd-badge .rd-name{font-size:23px}
 .rd-badge .rd-sub{font-size:6.3px}
 .rd-nav .rd-nav-in{padding:0 3vw}
}
@media (max-width:640px){
 :root{--rd-clean:22px}
 .rd-hdr .rd-top{height:138px;padding:0 4vw 0 calc(4vw + 128px)}
 .rd-badge{width:122px;height:122px;top:8px;left:3.5vw}
 .rd-badge .rd-name{font-size:20px}
 .rd-badge .rd-sub{font-size:5.4px;letter-spacing:.15em!important}
 .rd-tag:not(.rd-tag--calm){font-size:clamp(1.45rem,7.4vw,1.95rem)}
 .rd-tag.rd-tag--calm{flex-direction:column;gap:0;align-items:flex-end;font-size:clamp(.95rem,4.4vw,1.15rem)}
 .rd-nav .rd-nav-in{padding:0 8px;justify-content:space-between}
}
/* photos: brand illustrations */
.rd-photos{position:relative}
.rd-photo.rd-photo--img{border:0;padding:0;background:#fff;box-shadow:0 3px 14px rgba(90,60,30,.10)}
.rd-photo-note{position:absolute;left:0;right:0;bottom:-1.55rem;margin:0;font-size:.76rem;color:var(--rd-ink-2);text-align:right}
@media (max-width:860px){.rd-photo-note{position:static;grid-column:1/-1;text-align:center;margin-top:-.2rem}}
/* ===== HOME ZONES ===== */
.rd-zone{position:relative;margin-top:1.4rem}
.rd-zone-h{max-width:1180px;margin:0 auto;padding:0 4vw;text-align:center}
.rd-zone-title{margin:0;font-size:clamp(1.7rem,3vw,2.4rem)!important;font-weight:800!important}
.rd-zone-title small{font-size:.55em;color:var(--rd-ink-2)!important;font-weight:700!important}
.rd-zone-lead{max-width:62ch;margin:.4rem auto 0;color:var(--rd-ink-2)}
/* Little Hands: the only place with bunting + pastel wash */
.rd-zone--little{padding:62px 0 1.5rem;background:
 radial-gradient(ellipse 60% 40% at 8% 12%,rgba(233,180,196,.38),transparent 70%),
 radial-gradient(ellipse 50% 35% at 92% 8%,rgba(207,191,227,.42),transparent 70%),
 radial-gradient(ellipse 55% 40% at 85% 60%,rgba(185,205,178,.32),transparent 70%),
 radial-gradient(ellipse 50% 40% at 12% 75%,rgba(241,214,160,.34),transparent 70%),
 linear-gradient(#fdf4ee,#fbf3f6 50%,#f6f3fb)!important;border-top:1px solid var(--rd-line)}
.rd-zone--little .rd-zone-bunting{height:46px;opacity:.75}
html:root body .rd-zone--little .shop-bg{background:transparent!important}
.rd-zone-tag{margin:.15rem 0 0;font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.1}
html:root body .rd-zone-tag span{font-family:"Chewy","Nunito",sans-serif!important;font-weight:400!important}
.rd-zone-tag .t1{color:var(--rd-pink)!important}.rd-zone-tag .t2{color:var(--rd-lav)!important}
/* Calm Minds: warm linen, sage edge, no bunting, no wash */
.rd-zone--calm{padding:2.6rem 0 1.5rem;margin-top:0;background:var(--rd-linen) url(/assets/img/rd/linen-warm.webp)!important;border-top:4px solid var(--rd-sage);border-bottom:1px solid var(--rd-line)}
.rd-zone-kicker{margin:0 0 .25rem;font-size:.82rem;letter-spacing:.14em!important;text-transform:uppercase;color:var(--rd-sage-d)!important;font-weight:800!important}
html:root body .rd-zone--calm .rd-zone-title{font-family:"Fraunces",Georgia,serif!important;font-weight:600!important;color:#3d3a36!important}
.rd-zone-sub{margin:.2rem 0 0;font-size:1.15rem;color:var(--rd-sage-d)!important;font-weight:700!important}
html:root body .rd-zone--calm .section{background:transparent!important}
/* seasonal header: Christmas mug logo (Ziggy stays a product card) */
.rd-season-h{display:flex;align-items:center;justify-content:center;gap:1rem;text-align:left;margin-bottom:.6rem}
.rd-season-logo{width:104px;height:auto;flex:none}
.rd-season-h h2{margin:0}
.rd-season-h .section-lead{margin:.2rem 0 0}
@media (max-width:640px){.rd-season-logo{width:76px}.rd-season-h{gap:.6rem}.rd-zone--little{padding-top:46px}.rd-zone--little .rd-zone-bunting{height:30px}}
/* ===== CARD SKINS ===== */
/* kids: rounded, pastel confetti, Chewy title */
html:root body .card[data-age="children"],html:root body .card[data-season]:not([data-age="teens"]):not([data-age="adults"]){border-radius:22px!important;overflow:hidden;background:
 radial-gradient(circle at 12% 18%,rgba(233,180,196,.55) 0 3px,transparent 4px),
 radial-gradient(circle at 86% 12%,rgba(207,191,227,.6) 0 3px,transparent 4px),
 radial-gradient(circle at 72% 88%,rgba(185,205,178,.6) 0 3px,transparent 4px),
 radial-gradient(circle at 24% 80%,rgba(241,214,160,.7) 0 2.5px,transparent 3.5px),
 radial-gradient(circle at 50% 50%,rgba(233,178,154,.45) 0 2px,transparent 3px),
 #fffafc!important;background-size:90px 90px,110px 110px,100px 100px,80px 80px,70px 70px,auto!important;border:1.5px solid #f1d9e4!important}
/* calm: square corners, cream, serif title, small "teens & adults" label */
html:root body :is(.card[data-age="teens"],.card[data-age="adults"],body.rd-calm-page .card){border-radius:3px!important;overflow:hidden;background:#fffaf1!important;background-image:none!important;border:1px solid rgba(86,112,79,.28)!important;box-shadow:0 1px 6px rgba(60,50,40,.06)!important}
html:root body :is(.card[data-age="teens"],.card[data-age="adults"],body.rd-calm-page .card) :is(.card-img,.card-cover,img){border-radius:0!important}
html:root body :is(#rd-z,.card)[data-age] .card-body h3,html:root body.rd-calm-page :is(#rd-z,.card) .card-body h3{font-family:"Chewy","Nunito",sans-serif!important}
html:root body :is(#rd-z,.card):is([data-age="teens"],[data-age="adults"]) .card-body h3,html:root body.rd-calm-page :is(#rd-z,.card) .card-body h3{font-family:"Fraunces",Georgia,serif!important;font-weight:600!important;color:#3d3a36!important;letter-spacing:0!important;line-height:1.22}
html:root body.rd-calm-page :is(#product) .card h1,html:root body.rd-calm-page :is(#product) h1{font-family:"Fraunces",Georgia,serif!important;font-weight:600!important;color:#3d3a36!important}
.rd-age-label{margin:0 0 .3rem;font-size:.72rem;letter-spacing:.14em!important;text-transform:uppercase;color:var(--rd-sage-d)!important;font-weight:800!important}
html:root body :is(.card[data-age="teens"],.card[data-age="adults"],body.rd-calm-page .card) .btn-buy{background:var(--rd-sage-d)!important;border-radius:4px!important}
html:root body :is(.card[data-age="teens"],.card[data-age="adults"],body.rd-calm-page .card) .tag{border-radius:2px!important}
html:root body .rd-hdr .rd-tag.rd-tag--calm :is(.t1,.t2){color:var(--rd-char)!important}
/* nav fit on phones: all five items visible, no sideways scroll */
@media (max-width:640px){html:root body .rd-nav .rd-nav-in{overflow:visible;justify-content:space-between;gap:0;padding:0 6px}html:root body .rd-nav a{padding:0 clamp(.18rem,1.3vw,.42rem);font-size:clamp(.8rem,3.6vw,.92rem);height:36px;letter-spacing:-.005em}}
@media (max-width:340px){html:root body .rd-nav{height:auto}html:root body .rd-nav .rd-nav-in{flex-wrap:wrap;justify-content:center;padding:4px 6px}}
/* ===== Owner header art (children's / seasonal / games / about pages) ===== */
.rd-hdr.rd-hdr--art{--hw:min(100vw,1240px);padding:0!important;background:#fceee1!important;height:auto!important;border:0!important;box-shadow:none!important;overflow:visible}
.rd-hdr--art::before,.rd-hdr--art::after{display:none!important}
.rd-hdr--art .rd-art{display:block;max-width:1240px;margin:0 auto;line-height:0}
.rd-hdr--art .rd-art img{display:block;width:100%;height:auto;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 2.5%,#000 97.5%,transparent 100%)}
@media (max-width:1240px){.rd-hdr--art .rd-art img{-webkit-mask-image:none;mask-image:none}}
.rd-hdr--art ~ .rd-nav{background:#fceee1}
/* desktop: nav sits on the art's clean cream strip, right of the badge (art there ends at 74.5% of the height) */
@media (min-width:901px){
 html:root body .rd-hdr--art ~ .rd-nav:not(.is-stuck){margin-top:calc(-1 * var(--rd-nav-h) - .9vw);background:transparent;border-color:transparent;box-shadow:none;position:sticky}
 html:root body .rd-hdr--art ~ .rd-nav:not(.is-stuck) .rd-nav-in{max-width:1240px;justify-content:flex-end;padding:0 calc((min(100vw,1240px)) * .045) 0 calc(min(100vw,1240px) * .42)}
}
/* home hero: centred headline, UK line and the neurodivergent box */
html:root body .rd-intro .rd-intro-text{text-align:center}
html:root body .rd-intro h1,html:root body .rd-intro h1 .rd-uk{text-align:center}
html:root body .rd-intro .rd-mission{margin-left:auto;margin-right:auto;text-align:center}
html:root body .rd-intro .rd-mission h2,html:root body .rd-intro .rd-mission p{text-align:center}
html:root body .rd-intro .rd-mission ul{justify-content:center}
html:root body .rd-intro .rd-mission{max-width:34rem;width:100%}
@media (min-width:901px){html:root body .rd-hdr--art + div:not([class]){position:relative;top:calc(-1 * var(--rd-nav-h) - .9vw)}}
html:root body .rd-hdr.rd-hdr--art{position:relative;z-index:1}html:root body .rd-hdr--art ~ .rd-nav{z-index:45}
/* r3 (3 Nov 2026): single-column centred hero, centred FAQ + working-on, tidy cup sound button */
html:root body .rd-intro{display:block!important;max-width:44rem;padding:2rem 4.5vw .8rem;text-align:center}
html:root body .rd-intro .rd-intro-text{display:block!important;text-align:center}
html:root body .rd-intro h1{margin:0 auto 1rem!important;max-width:40rem}
html:root body .rd-intro .rd-mission{max-width:34rem}
html:root body #faq h2,html:root body #faq summary,html:root body #faq details p{text-align:center}
html:root body #faq summary{justify-content:center!important;position:relative;padding-left:2.2rem!important;padding-right:2.2rem!important}
html:root body #faq summary::after{position:absolute;right:0;top:50%;transform:translateY(-50%)}
html:root body #faq details p{padding:0 1rem}
html:root body #every-mind h2,html:root body #every-mind .nd-sub,html:root body #every-mind .section-lead,html:root body #every-mind .waitlist-cta,html:root body #every-mind .nd-note{text-align:center!important;margin-left:auto;margin-right:auto}
html:root body #every-mind .nd-tiles li{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.45rem!important;padding:.95rem 1rem!important}
html:root body #every-mind .nd-tiles li>div{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
html:root body #every-mind .nd-tiles h4{text-align:center!important;margin:0!important;padding:0!important}
html:root body #every-mind .nd-tiles .nd-soon{margin:.3rem auto .1rem!important}
html:root body #every-mind .nd-tiles p{text-align:center!important}
html:root body #why .hv-wrap{display:flex!important;flex-direction:column!important;align-items:center!important;line-height:1.2}
html:root body #why .hero-snd{margin:.75rem auto 0!important;display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;width:auto!important;max-width:100%;white-space:nowrap;font-family:Nunito,sans-serif!important;font-weight:700!important;font-size:.95rem!important;line-height:1.2!important;letter-spacing:.01em;color:#4f6b4b!important;background:#fffaf1!important;border:2px solid #8fae86!important;border-radius:999px!important;padding:.45rem 1rem!important;box-shadow:0 2px 0 #c8714e!important;transition:background .2s,color .2s}
html:root body #why .hero-snd:hover{background:#f3efe2!important;color:#3f5a3c!important}
html:root body #why .hero-snd:focus-visible{outline:3px solid #c8714e!important;outline-offset:3px}
html:root body #why .hero-snd .snd-i{font-size:.95em;line-height:1}
html:root body #why .hero-media.snd-on .hero-snd{background:#6f8f6a!important;color:#fffaf1!important;border-color:#6f8f6a!important;box-shadow:0 2px 0 #c8714e!important}
@media (max-width:700px){html:root body #why .hero-snd{font-size:.78rem!important;padding:.34rem .6rem!important;gap:.25rem;margin-top:.55rem!important;border-width:1.5px!important}}
html:root body .rd-intro h1{max-width:none!important;text-wrap:balance}
html:root body .nd .nd-sub{text-align:center!important}
html:root body .nd .nd-tiles li{flex-direction:column!important;align-items:center!important;text-align:center!important;gap:.45rem!important;padding:.95rem 1rem!important}
html:root body .nd .nd-tiles li>div{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}
html:root body .nd .nd-tiles :is(h3,h4,p){text-align:center!important;margin-left:auto!important;margin-right:auto!important}
/* r4 (3 Nov 2026): even hero spacing: strip -> h1 = h1 -> ND box = box -> doors */
html:root body .rd-intro{padding-top:1.5rem!important;padding-bottom:0!important}
html:root body .rd-intro h1{margin:0 auto 1.5rem!important;line-height:1.15}
html:root body .rd-intro .rd-mission{margin-bottom:0!important}
@media (max-width:640px){html:root body .rd-intro{padding-top:1.25rem!important}html:root body .rd-intro h1{margin-bottom:1.25rem!important}}
html:root body .rd-nav:has(~ main .rd-intro){margin-bottom:0!important}
html:root body .rd-intro{padding-top:24px!important}
html:root body .rd-intro h1{margin-bottom:24px!important}
html:root body .rd-doors-wrap{padding-top:24px!important}
@media (min-width:901px){html:root body .rd-intro{padding-top:calc(24px + .8vw)!important}}
@media (max-width:640px){html:root body .rd-intro{padding-top:20px!important}html:root body .rd-intro h1{margin-bottom:20px!important}html:root body .rd-doors-wrap{padding-top:20px!important}}

/* r5 QA (3 Nov 2026): centre orphan rows in card grids */
html:root body .grid:has(>:nth-child(2)){--c:1;--g:20px}
html:root body .vgrid{--c:2;--g:16px}
html:root body .bgrid{--c:2;--g:16px}
html:root body .tiles{--c:1;--g:16px}
html:root body .act-tiles{--c:2;--g:.6rem}
@media (min-width:600px){html:root body .grid:has(>:nth-child(2)){--c:2}html:root body .vgrid{--c:3}html:root body .act-tiles{--c:4}}
@media (min-width:620px){html:root body .tiles{--c:2}}
@media (min-width:900px){html:root body .grid:has(>:nth-child(2)){--c:3}html:root body .vgrid{--c:4;--g:20px}html:root body .bgrid{--c:4;--g:20px}}
@media (min-width:960px){html:root body .tiles{--c:3}}
@media (min-width:1200px){html:root body .grid:has(>:nth-child(2)){--c:4}}
html:root body :is(.grid:has(>:nth-child(2)),.vgrid,.bgrid,.tiles,.act-tiles){display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:var(--g)!important}
html:root body :is(.grid:has(>:nth-child(2)),.vgrid,.bgrid,.tiles,.act-tiles)>*{flex:0 0 calc((100% - (var(--c) - 1) * var(--g)) / var(--c))!important;max-width:calc((100% - (var(--c) - 1) * var(--g)) / var(--c))!important;min-width:0!important;box-sizing:border-box}
/* r5: pills centred like the card text */
html:root body .card-body .tag,html:root body .card-body .rd-tag{align-self:center!important;margin-left:auto;margin-right:auto}
/* r5: one title colour for Watch cards */
html:root body .vcard h3{color:#a4543a!important}
/* r5: games tiles in site style (soft tan border, no hard black) */
html:root body .tiles>.tile{border:2px solid #e2d3bf!important;box-shadow:0 4px 14px rgba(120,90,60,.12)!important}
/* r5: About text centred under centred headings */
html:root body .about p{text-align:center!important}
html:root body main .prose p{text-align:center!important;margin-left:auto;margin-right:auto}
/* r5: mobile Why section: cup on top, trust items 2-up underneath */
@media (max-width:767px){
html:root body #why .why-3{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}
html:root body #why .why-media{order:-1;width:100%!important;max-width:none!important;margin:0 auto!important}
html:root body #why .why-all{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;margin:0!important;padding:0!important;width:100%!important}
html:root body #why .why-all>li{width:auto!important;margin:0!important}
html:root body #why .trust-btn{width:100%!important;height:100%!important}
}
@media (max-width:767px){html:root body #why .why-pal{display:none!important}}

/* 2026-11-03 14:1x QC: doors - centred text, crisp same-size tiles in both collages */
.rd-door .rd-door-body{text-align:center!important;align-items:center}
.rd-door .rd-door-body h2,.rd-door .rd-door-body p{text-align:center!important;width:100%}
.rd-door .rd-btn{align-self:center!important}
.rd-door--little .rd-covers{grid-template-columns:1fr 1fr 1fr}
.rd-door--little .rd-covers img{aspect-ratio:3/4;object-fit:cover;object-position:50% 50%}
.rd-door--little .rd-covers img.rd-wide{grid-column:span 2;aspect-ratio:auto;height:100%;min-height:0}

/* 2026-11-03 14:2x: ND card accent moved from left edge to top edge (matches door cards) */
html:root body .rd-mission{border-left:1px solid var(--rd-line);border-top:5px solid var(--rd-sage)}
/* ND panel moved between doors and Little Hands zone (17:55 3 Nov) */
html:root body .rd-mission-wrap{max-width:1180px;margin:0 auto;padding:.4rem 4vw 2rem;text-align:center}
html:root body .rd-mission-wrap .rd-mission{max-width:40rem;width:100%;margin:0 auto;text-align:center}
html:root body .rd-mission-wrap .rd-mission h2,html:root body .rd-mission-wrap .rd-mission p{text-align:center}
html:root body .rd-mission-wrap .rd-mission ul{justify-content:center}
html:root body .rd-intro h1{margin-bottom:0!important}
@media (max-width:640px){html:root body .rd-mission-wrap{padding:.2rem 4.5vw 1.5rem}html:root body .rd-mission-wrap .rd-mission{padding:.8rem .9rem}html:root body .rd-mission-wrap .rd-mission li{font-size:.88rem;padding:.22rem .65rem}}
/* calm-uniform 2026-11-03: every teens/adults preview box is a 4:3 frame; images cover, videos sit inside the same frame */
html:root body :is(.card[data-age="teens"],.card[data-age="adults"]) .card-img{aspect-ratio:4/3!important;overflow:hidden;position:relative}
html:root body :is(.card[data-age="teens"],.card[data-age="adults"]) .card-img img.card-cover{width:100%;height:100%;object-fit:cover;display:block}
html:root body :is(.card[data-age="teens"],.card[data-age="adults"]) .card-vid .card-cover{position:absolute;inset:0}
html:root body :is(.card[data-age="teens"],.card[data-age="adults"]) .card-vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
