/* Little Oro shared brand system, sourced from the landing page. */
:root{--plum:#4c3a68;--ink:#342b43;--gold:#d2984f;--sun:#f5bf7b;--cream:#fffaf3;--paper:#fff;--peach:#f8e9df;--lilac:#f2eef6;--line:rgba(76,58,104,.13);--ink-soft:#5c5363;--radius:2rem}
body{background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}
button,input,select,textarea{font-family:"DM Sans",sans-serif}
h1,h2,h3,.coming-label{font-family:"Fredoka",sans-serif!important;font-weight:600!important}
.eyebrow{color:#885b28;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.button{display:inline-flex;align-items:center;gap:1rem;padding:1rem 1.35rem;border:0;border-radius:999px;background:var(--plum);color:#fff;font-family:"DM Sans",sans-serif;font-weight:700;text-decoration:none;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-2px);background:#37274f}
.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.brand-redesign .wrap{max-width:1180px;padding:0 40px}
.brand-redesign h1{font-size:clamp(2.8rem,5.5vw,5rem);line-height:1;letter-spacing:-.04em;color:var(--plum)}
.brand-redesign h2{font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:1.02;letter-spacing:-.04em}
.brand-redesign h3{color:var(--plum);line-height:1.15}
.brand-redesign .intro{padding:3rem 0 2.5rem}
.brand-redesign .intro p:last-child,.brand-redesign .section-head p,.brand-redesign .principles p{color:var(--ink-soft);font-size:1.08rem}
.brand-redesign .section{padding:4rem 0}
.brand-redesign .feature{background:var(--cream);border-radius:3rem}
.brand-redesign .feature-art{background:#fff4d8}
.brand-redesign .feature-copy{padding:3rem}
.brand-redesign .feature h2{font-size:clamp(2.4rem,4vw,3.8rem)}
.brand-redesign .personal-panel .feature,.brand-redesign .manifesto,.brand-redesign .pair article:nth-child(2),.brand-redesign .ages .focus{background:var(--lilac)}
.brand-redesign .story-image{border-radius:2rem}
.brand-redesign .pair article,.brand-redesign .vision,.brand-redesign .intent-result{background:var(--cream)}
.brand-redesign .world,.brand-redesign .ages article,.brand-redesign .intents button,.brand-redesign .pair article{border-radius:1.5rem}
.brand-redesign .world-copy>b{font-family:"Fredoka",sans-serif;font-weight:600;color:var(--plum);letter-spacing:0}
.brand-redesign .world[data-world="ME"],.brand-redesign .world[href$="world=ME"]{background:#fff4d8}
.brand-redesign .world[data-world="US"],.brand-redesign .world[href$="world=US"]{background:var(--peach)}
.brand-redesign .world[data-world="WORLD"],.brand-redesign .world[href$="world=WORLD"]{background:var(--cream)}
.brand-redesign .world[data-world="WONDER"],.brand-redesign .world[href$="world=WONDER"]{background:#eaf5f6}
.brand-redesign .world[data-world="IMAGINE"],.brand-redesign .world[href$="world=IMAGINE"]{background:var(--lilac)}
.brand-redesign .world[data-world="LIFE"],.brand-redesign .world[href$="world=LIFE"]{background:#f9e8e9}
.brand-redesign .intents button{background:var(--cream)}
.brand-redesign .intents button[aria-pressed=true]{background:var(--plum);color:white}
.brand-redesign .principles article{border:1px solid var(--line);border-radius:1.5rem;padding:2rem;background:#fff}
.brand-redesign .pair h3{font-size:1.8rem}.brand-redesign .ages h3{font-size:1.65rem}
.brand-redesign .band,.brand-redesign .vision{border-radius:3rem;padding:3rem}
.brand-redesign .band h2{font-size:clamp(2.5rem,4vw,4rem);color:white}
.brand-redesign .band .button{background:var(--sun);color:var(--plum)}
.brand-redesign .band .button:hover{background:var(--cream)}
.oro-footer{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:3rem 40px 2rem;display:grid;grid-template-columns:auto 1fr auto;gap:2.5rem;align-items:center;border-top:1px solid var(--line);font:16px/1.6 "DM Sans",sans-serif;color:var(--ink)}
.oro-footer img{width:145px;height:auto}.oro-footer>p{margin:0;color:#766c7a}.oro-footer nav{display:flex;gap:1.5rem;flex-wrap:wrap}.oro-footer a{margin:0;text-decoration:none;font-weight:600}.oro-footer .copyright{grid-column:1/-1;text-align:center;font-size:.8rem;margin:1rem 0 0}
@media(max-width:900px){.brand-redesign .wrap{padding:0 24px}.brand-redesign .principles{grid-template-columns:1fr}.oro-footer{margin:0 1rem;padding:3rem 1.5rem 2rem;grid-template-columns:1fr;gap:1.5rem}.oro-footer .copyright{text-align:left}}
@media(max-width:600px){.brand-redesign .wrap{padding:0 20px}.brand-redesign h1{font-size:clamp(2.6rem,10vw,3.2rem)}.brand-redesign h2,.brand-redesign .section-head h2{font-size:clamp(2rem,8vw,2.6rem)}.brand-redesign .feature,.brand-redesign .band,.brand-redesign .vision{border-radius:2rem}.brand-redesign .feature-copy,.brand-redesign .band,.brand-redesign .vision{padding:2rem 1.5rem}.brand-redesign .section{padding:2.5rem 0}.brand-redesign .world-copy>b{font-size:1.2rem}}
@media(prefers-reduced-motion:reduce){.button{transition:none}}

/* Readable secondary hierarchy; the hero remains the only H1. */
.brand-redesign h2,.brand-redesign .feature h2,.brand-redesign .band h2,.brand-redesign .section-head h2{font-size:clamp(1.65rem,2.5vw,2.1rem);line-height:1.18;letter-spacing:-.02em}
.brand-redesign h3,.brand-redesign .pair h3,.brand-redesign .ages h3{font-size:clamp(1.2rem,1.8vw,1.4rem);line-height:1.25;letter-spacing:0}
@media(max-width:600px){.brand-redesign h2,.brand-redesign .feature h2,.brand-redesign .band h2,.brand-redesign .section-head h2{font-size:1.65rem}.brand-redesign h3,.brand-redesign .pair h3,.brand-redesign .ages h3{font-size:1.2rem}}