/* Reset */
*,*::before,*::after{ box-sizing:border-box }
html,body{ margin:0; padding:0 }
svg{ display:block }
section,ul{ margin:0 }

/* ✅ Smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Fonts */
/* ————— TUPPENCE (only what you use) ————— */
@font-face{
  font-family:"Tuppence";
  src: url("../../fonts/tuppence/TuppenceVariable-Light.woff2") format("woff2"),
       url("../../fonts/tuppence/TuppenceVariable-Light.woff")  format("woff");
  font-weight:300;                 /* satisfies your 253 requests */
  font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Tuppence";
  src: url("../../fonts/tuppence/TuppenceVariable-Bold.woff2") format("woff2"),
       url("../../fonts/tuppence/TuppenceVariable-Bold.woff")  format("woff");
  font-weight:700;
  font-style:normal; font-display:swap;
}

/* (Optional tidy) — change the one Tuppence 800 to 700 so it matches these files */

/* ————— OHNO SOFTIE (variable + fallbacks) ————— */
@font-face{
  font-family:"Ohno Softie";
  src:
    /* If you later obtain a WOFF2 variable, put it first:
       url("../../fonts/ohno/OhnoSoftieVariable.woff2") format("woff2-variations"), */
    url("../../fonts/ohno/ohno-softie-variable.otf") format("opentype");
  font-weight:100 900;             /* covers 400/455/485/500/720/800 etc. */
  font-style:normal; font-display:swap;
}
/* Static fallbacks (only used if the variable load fails) */
@font-face{
  font-family:"Ohno Softie";
  src: url("../../fonts/ohno/OhnoSoftieVariable-Bold.woff2") format("woff2"),
       url("../../fonts/ohno/OhnoSoftieVariable-Bold.woff")  format("woff");
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:"Ohno Softie";
  src: url("../../fonts/ohno/OhnoSoftieVariable-Black.woff2") format("woff2"),
       url("../../fonts/ohno/OhnoSoftieVariable-Black.woff")  format("woff");
  font-weight:900; font-style:normal; font-display:swap;
}

/* ————— NUNITO SANS (only normal style) ————— */
@font-face{
  font-family:"Nunito Sans";
  src: url("../../fonts/nunito-sans/NunitoSans-VariableFont_YTLC%2Copsz%2Cwdth%2Cwght.ttf")
       format("truetype-variations");
  font-weight:200 1000;
  font-style:normal;               /* you don’t use italic anywhere */
  font-display:swap;
}

.site-container{
  width:100%;
  max-width:1600px;
  margin-inline:auto;
  padding-inline:clamp(16px, 4vw, 32px);
}
@media (max-width: 600px) {
  .site-container{
    padding: 0 20px;
  }
}
/* Hero H1 (used in Top Splash) */
h1{
  font-family:"Tuppence",sans-serif;
  font-weight:700; line-height:.9; letter-spacing:-0.02em;
  margin:0; color:#fff; text-align:center;
  font-size: clamp(123px, calc(74px + 6.5vw), 180px);

  -webkit-text-stroke:6px #FF007F; paint-order:stroke fill;
}
@media (max-width: 1600px){
  h1 {
    font-size: clamp(123px, calc(46px + 8.5vw), 211px);
  }
}
h1, h2, h3, h4, h5, h6 {
  padding-bottom: 0;
}
@supports not (font-size:1cqi){
  h1{ font-size:clamp(4rem,20vw,16rem); -webkit-text-stroke-width:clamp(2px,1vw,10px); }
}
@media (min-width:1500px){
  #top-splash h1{ font-size:12rem; }
}


/* Small helpers */
.logo{ width:min(38cqi,420px); height:auto; display:block; margin-inline:auto; }
.anchor { position: relative; }

/* Site-wide default cursor (cursor-default.svg) */
html, body {
  cursor:
    url('https://www.carebears.com/wp-content/themes/divi-child/assets/svgs/cursor/cursor-default.svg') 4 4,
    auto; /* fallback */
}

:root{
  --cursor-default: url('/assets/svgs/cursor/cursor-default.png') 4 4;
  --cursor-pointer: url('/assets/svgs/cursor/cursor-hover.png') 6 2;
}

/* Pointer state on hover (cursor-hover.svg) */
a:hover,
button:hover,
[role="button"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
label[for]:hover,
.partner-spotlight__overlay:hover {
  cursor:
    url('https://www.carebears.com/wp-content/themes/divi-child/assets/svgs/cursor/cursor-hover.svg') 6 2,
    pointer; /* fallback */
}

/* Keep expected native cursors */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
[contenteditable="true"] { cursor: text; }

button:disabled,
[aria-disabled="true"],
.disabled { cursor: not-allowed; }