:root{--cream:#fff6e8;--cream-deep:#ffeacc;--ink:#1d2a44;--ink-soft:#46516b;--sun:#fb9405;--brand-gray:gray;--coral:#e4572e;--coral-text:#b83a14;--teal:#0b6e70;--radius:20px;--gutter:clamp(1rem, 4vw, 2.5rem);--display:"Avenir Next", "Segoe UI Variable Display", "Trebuchet MS", system-ui, sans-serif;--body:system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5rem}@media (width>=900px){html{font-size:112.5%}}body{background:var(--cream);color:var(--ink);font-family:var(--body);margin:0;font-size:1.0625rem;line-height:1.65;overflow-x:hidden}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0 0 .6em;line-height:1.1}h2{font-size:clamp(2rem,4.2vw,3rem)}h3{font-size:1.45rem}p{margin:0 0 1em}a{color:var(--teal);text-underline-offset:3px}a:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}.container{width:min(100% - 2 * var(--gutter), 1160px);margin-inline:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--cream);z-index:100;border-radius:8px;padding:.6rem 1rem;position:absolute;top:-4rem;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--ink);background:#fff6e8f0;position:sticky;top:0}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.25rem 1.5rem;padding-block:.75rem;display:flex}@media (width>=900px){.site-header__inner{padding-block:.4rem}}.logo{border-radius:8px;flex:none;display:inline-flex}.logo img{width:auto;height:3.5rem;display:block}@media (width>=900px){.logo img{height:5rem}}.menu-toggle{border:2.5px solid var(--ink);width:3rem;height:3rem;box-shadow:3px 3px 0 var(--ink);cursor:pointer;color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-toggle:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.menu-toggle__icon,.menu-toggle__icon:before,.menu-toggle__icon:after{background:currentColor;border-radius:2px;width:1.4rem;height:3px;transition:transform .15s,opacity .15s;display:block}.menu-toggle__icon{position:relative}.menu-toggle__icon:before,.menu-toggle__icon:after{content:"";position:absolute;left:0}.menu-toggle__icon:before{top:-7px}.menu-toggle__icon:after{top:7px}.menu-toggle[aria-expanded=true] .menu-toggle__icon{background:0 0}.menu-toggle[aria-expanded=true] .menu-toggle__icon:before{transform:translateY(7px)rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle__icon:after{transform:translateY(-7px)rotate(-45deg)}.primary-nav{flex-basis:100%;display:none}.primary-nav.is-open{display:block}.primary-nav .nav-list{flex-direction:column;gap:0;padding:.5rem 0 .75rem}.primary-nav .nav-list a{border-bottom:2px solid #1d2a4426;padding:.85rem .25rem;font-size:1.15rem;display:block}@media (width>=720px){.menu-toggle{display:none}.primary-nav,.primary-nav.is-open{flex-basis:auto;display:block}.primary-nav .nav-list{flex-direction:row;gap:.25rem clamp(1.25rem,3vw,2.5rem);padding:0}.primary-nav .nav-list a{border-bottom:3px solid #0000;padding:.35rem .1rem;font-size:1.05rem;display:inline}.primary-nav .nav-list a:hover{border-bottom-color:var(--coral)}}.nav-list{flex-wrap:wrap;gap:.25rem clamp(1.25rem,3vw,2.5rem);margin:0;padding:0;list-style:none;display:flex}.nav-list a{color:var(--ink);border-bottom:3px solid #0000;padding:.35rem .1rem;font-size:1.05rem;font-weight:600;text-decoration:none}.nav-list a:hover{border-bottom-color:var(--coral)}.btn{border:2.5px solid var(--ink);font-size:1.05rem;font-weight:700;font-family:var(--display);box-shadow:4px 4px 0 var(--ink);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:.5rem;max-width:100%;padding:.95rem 1.75rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.btn--lg{padding:1.1rem 2.2rem;font-size:1.2rem}.btn--primary{background:var(--sun);color:var(--ink)}.btn--game{background:var(--game-accent);color:var(--game-ink)}.btn:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.ext-icon{flex:none}.hero{padding-block:clamp(3.5rem,10vw,6rem);position:relative;overflow:hidden}.hero__inner{z-index:1;position:relative}.hero__inner>*{max-width:46rem}.hero h1{letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800;line-height:1.04}.hero__brand{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:1rem;font-size:.32em;font-weight:700;display:block}.lead{color:var(--ink-soft);max-width:34rem;margin-bottom:2rem;font-size:clamp(1.1rem,2vw,1.35rem)}.eyebrow{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;color:var(--coral-text);margin-bottom:.5rem;font-size:.85rem;font-weight:700}.hero .eyebrow{color:var(--teal);font-size:.95rem}.hero__art{pointer-events:none;position:absolute;inset:0}.shape{position:absolute}.shape--sun{aspect-ratio:1;background:var(--sun);border:3px solid var(--ink);border-radius:50%;width:clamp(6rem,28vw,20rem);top:2rem;right:-3rem}.shape--ring{aspect-ratio:1;border:14px solid var(--coral);border-radius:50%;width:clamp(5rem,14vw,10rem);bottom:1.5rem;right:4%}.shape--dot{aspect-ratio:1;background:var(--teal);border-radius:8px;width:2.2rem;bottom:32%;right:8%;transform:rotate(18deg)}.shape--tile,.shape--pill{display:none}@media (prefers-reduced-motion:no-preference){.shape--dot{animation:6s ease-in-out infinite bob}@keyframes bob{50%{transform:rotate(18deg)translateY(-10px)}}}@media (width>=600px) and (width<=899px){.shape--sun{width:9rem;top:-2.5rem}}@media (width>=900px){.hero{align-items:center;min-height:min(80vh,44rem);padding-block:clamp(5rem,9vw,8rem);display:flex}.hero__inner{width:min(100% - 2 * var(--gutter), 1160px)}.hero__inner>*{max-width:50%}.hero__inner>.lead{max-width:30rem}.hero h1{max-width:56%;font-size:clamp(3.4rem,5.2vw,4.8rem)}.hero__art{left:50%;right:0}.hero__art .shape--sun{width:22rem;top:50%;right:2rem;transform:translateY(-50%)}.hero__art .shape--ring{border-width:18px;width:11rem;bottom:10%;left:6%;right:auto}.hero__art .shape--dot{width:3.4rem;bottom:12%;right:6%}.shape--tile{border:3px solid var(--ink);width:7rem;height:7rem;box-shadow:8px 8px 0 var(--teal);background:#fff;border-radius:24px;display:block;top:14%;left:18%;transform:rotate(-12deg)}.shape--pill{border:3px solid var(--ink);background:var(--coral);border-radius:999px;width:12rem;height:3.2rem;display:block;top:12%;right:4%;transform:rotate(-8deg)}}.section{padding-block:clamp(3.5rem,9vw,7rem)}.section--tint{background:var(--cream-deep);border-block:2px solid var(--ink)}.split{gap:1rem 3rem;display:grid}.split>h2{margin:0}.split__body>:last-child{margin-bottom:0}.split__body a:not(.btn){overflow-wrap:anywhere}@media (width>=900px){.split{grid-template-columns:1fr 2fr;align-items:start}.split__body{max-width:44rem}}.big{font-family:var(--display);font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.4}.section-intro{color:var(--ink-soft);max-width:40rem;font-size:1.15rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,22rem),1fr));gap:2rem;margin-top:2rem;display:grid}.game-card{border:2.5px solid var(--ink);border-radius:var(--radius);box-shadow:6px 6px 0 var(--ink);background:#fff;flex-direction:column;display:flex;overflow:hidden}.game-card__art{background:var(--game-accent);border-bottom:2.5px solid var(--ink);height:13.5rem;position:relative;overflow:hidden}.game-card__tile{border:2.5px solid var(--ink);border-radius:14px;width:4.5rem;height:4.5rem;position:absolute}.game-card__tile--a{background:var(--sun);top:18%;left:-1.2rem;transform:rotate(-10deg)}.game-card__tile--b{background:var(--cream);top:8%;right:-1.5rem;transform:rotate(12deg)}.game-card__tile--c{background:var(--coral);bottom:-1.2rem;right:6%;transform:rotate(-4deg)}.game-card__initial{font-family:var(--display);color:var(--game-ink);text-shadow:3px 3px 0 var(--ink);font-size:5rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-card__emblem{width:auto;height:11rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-card__body{padding:1.75rem}.game-card__body h3{margin-bottom:.3em;font-size:clamp(2rem,4vw,3rem)}@media (width>=800px){.game-card--featured{box-shadow:8px 8px 0 var(--ink);flex-direction:row;grid-column:1/-1}.game-card--featured .game-card__art{border-bottom:0;border-right:2.5px solid var(--ink);flex:0 0 44%;height:auto;min-height:22rem}.game-card--featured .game-card__tile{border-radius:20px;width:7rem;height:7rem}.game-card--featured .game-card__emblem{height:15rem}.game-card--featured .game-card__tile--a{top:12%;left:-1.5rem}.game-card--featured .game-card__tile--b{top:6%;right:-1.5rem}.game-card--featured .game-card__tile--c{bottom:-2.5rem;right:8%}.game-card--featured .game-card__initial{text-shadow:5px 5px 0 var(--ink);font-size:9rem}.game-card--featured .game-card__body{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2rem,4vw,3.5rem);font-size:1.15rem;display:flex}.game-card--featured .game-card__body p:not(.eyebrow){max-width:30rem;margin-bottom:1.75rem}}.principles{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1.75rem;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.principle{border:2.5px solid var(--ink);border-radius:var(--radius);background:#fff;padding:clamp(1.5rem,3vw,2.25rem)}.principle p{color:var(--ink-soft);margin:0;font-size:1.1rem}.principle:before{content:"";background:var(--sun);border-radius:999px;width:2.5rem;height:.7rem;margin-bottom:1.25rem;display:block}.principle--2:before{background:var(--coral)}.principle--3:before{background:var(--teal)}.principle--4:before{background:var(--ink)}.site-footer{background:var(--ink);color:var(--cream);padding-block:clamp(3rem,6vw,4.5rem);font-size:1.05rem}.site-footer a{color:var(--sun)}.logo--footer{background:var(--cream);border:2.5px solid var(--cream);border-radius:14px;padding:.4rem .9rem}.logo--footer img{height:4.2rem}.site-footer a:focus-visible{outline-color:var(--cream)}.site-footer__inner{flex-wrap:wrap;justify-content:space-between;gap:2rem;display:flex}.footer-legal{max-width:26rem;margin:1rem 0 0;font-size:1rem}.footer-links{flex-wrap:wrap;gap:.5rem 1.75rem;margin:0 0 1rem;padding:0;font-weight:600;list-style:none;display:flex}.footer-contact{margin:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
