:root{color-scheme:dark;--purple:#251839;--periwinkle:#6667ab;--orange:#f88f58;--ink:#f9f5ff;--soft:#c7bfd3}*{box-sizing:border-box}body{margin:0;background:var(--purple);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input{font:inherit}.site-header{display:flex;align-items:center;justify-content:space-between;padding:1.6rem clamp(1.3rem,5vw,5.5rem);gap:1rem}.brand{font-size:1.2rem;font-weight:950;letter-spacing:-.06em;text-decoration:none}.brand span{font-weight:500;font-size:.7rem;letter-spacing:.16em;color:var(--orange);margin-left:.5rem}.back{font-size:.86rem;color:var(--soft);text-decoration:none}.intro{max-width:1000px;margin:auto;padding:4rem 2rem 3.5rem}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:800;color:var(--orange)}h1{font-size:clamp(3.3rem,9vw,7.2rem);line-height:.98;letter-spacing:-.075em;margin:1.2rem 0}h1 em{font-style:normal;color:var(--orange)}.intro>p:last-child{font-size:clamp(1rem,2vw,1.2rem);max-width:590px;line-height:1.65;color:var(--soft)}.showcase{max-width:1100px;margin:0 auto 5rem;padding:1.5rem 2rem;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:4rem;background:linear-gradient(120deg,#312247,#271b3b);border:1px solid #ffffff14;border-radius:32px}.scene{position:relative;min-height:500px;display:grid;place-items:center;isolation:isolate}.halo{position:absolute;width:min(80%,460px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#f88f5832,transparent 70%)}.scene img{position:relative;width:min(100%,450px);height:auto;object-fit:contain;animation:float 5s ease-in-out infinite;filter:drop-shadow(0 25px 22px #0005)}.scene .shadow{position:absolute;bottom:9%;width:45%;height:20px;border-radius:50%;background:#0005;filter:blur(12px);z-index:-1}.controls{padding:1rem 1rem 1rem 0}.controls h2{font-size:clamp(2.1rem,3vw,3.5rem);letter-spacing:-.06em;margin:1rem 0}.controls>p:nth-of-type(2){line-height:1.7;color:var(--soft);max-width:390px;min-height:4.5rem}.mood-buttons{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.8rem 0}.mood-buttons button{border:1px solid #aaa0ba66;background:transparent;border-radius:100px;padding:.7rem 1rem;color:var(--ink);cursor:pointer}.mood-buttons button:hover,.mood-buttons button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#261a32}.mood-buttons button:focus-visible,.motion input:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.motion{font-size:.85rem;color:var(--soft);display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.motion input{accent-color:var(--orange)}.story{max-width:850px;margin:0 auto;padding:0 2rem 6rem}.story h2{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.06em;line-height:1.1}.story>p:not(.eyebrow){font-size:1.15rem;line-height:1.75;color:var(--soft)}.story p.fineprint{font-size:.82rem;color:#a79cba}footer{padding:2rem;text-align:center;border-top:1px solid #ffffff18;color:var(--soft);font-size:.8rem}footer a{margin-left:.6rem}@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}body.motion-off .scene img{animation:none}@media(prefers-reduced-motion:reduce){.scene img{animation:none!important;transform:none!important}}@media(max-width:820px){.intro{padding-top:2rem}.showcase{margin:0 1rem 4rem;grid-template-columns:1fr;gap:0}.scene{min-height:340px}.scene img{max-height:340px}.controls{padding:1rem}.controls>p:nth-of-type(2){min-height:0}}

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fredoka+One&display=swap');

body {
  font-family: 'DM Sans', sans-serif;
}

h1, h2, .brand {
  font-family: 'Fredoka One', cursive;
  font-weight: 400;
  letter-spacing: -0.025em;
}

.eyebrow {
  font-family: 'DM Sans', sans-serif;
  font-size: 0.85rem;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}

.mood-buttons button {
  font-family: 'DM Sans', sans-serif;
  font-weight: 600;
}