@import url('/fonts.css');
:root{font-family:Arial,Helvetica,sans-serif;color:#20283d;background:#f8f5ee;font-synthesis:none;--ink:#20283d;--blue:#434ed2;--line:#dddcd5;--paper:#fffdf7}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button,.button{min-height:48px;padding:13px 22px;border:1px solid var(--ink);border-radius:9px;background:var(--ink);color:white;cursor:pointer;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(1.15);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.secondary{color:var(--ink);background:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #ce4f18;outline-offset:4px}.skip{position:absolute;left:10px;top:-80px}.skip:focus{top:10px;z-index:20;background:white;padding:15px}header{max-width:1240px;margin:auto;padding:26px 34px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:900;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand span{color:var(--blue)}nav{display:flex;gap:25px;margin-left:auto;align-items:center}nav a{font-size:14px;font-weight:700;text-decoration:none}nav a[aria-current=page]{color:var(--blue)}.parent-link{border:1px solid var(--line);padding:12px;border-radius:8px}.menu{display:none}.wrap{max-width:1172px;margin:auto;padding:0 26px}main{min-height:70vh}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:800;color:#596275}.hero{padding:70px 0 56px;display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}.hero h1{font-size:clamp(48px,5.6vw,76px);line-height:1.03;letter-spacing:-4px;margin:20px 0 24px;max-width:650px}.hero h1 em{font-style:normal;color:var(--blue)}p{line-height:1.7}.lead{font-size:17px;color:#586074;max-width:560px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-art{position:relative;min-height:410px;border-radius:150px 150px 24px 24px;background:#e5e6fc;overflow:hidden;border:1px solid #d6d7f1}.orbit{position:absolute;border:1px dashed #aaaeda;border-radius:50%;inset:40px;transform:rotate(-25deg)}.orbit.two{inset:90px 10px;transform:rotate(30deg)}.planet{position:absolute;width:150px;height:150px;background:#f5ba54;border:2px solid var(--ink);border-radius:50%;left:calc(50% - 75px);top:90px;box-shadow:inset -20px -12px 0 #e8a23d}.planet:after{content:'';position:absolute;left:-44px;top:53px;width:230px;height:49px;border:9px solid var(--ink);border-top-color:transparent;border-radius:50%;transform:rotate(-25deg)}.art-star{position:absolute;font-size:47px}.art-label{position:absolute;bottom:36px;left:30px;right:30px;background:var(--paper);padding:22px;border:1px solid var(--ink);border-radius:12px;transform:rotate(-3deg);font-size:20px;font-weight:800;text-align:center}.ticker{display:flex;justify-content:space-between;gap:14px;border-block:1px solid var(--line);padding:20px 0;font-size:12px;font-weight:800;letter-spacing:1px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:52px 0 24px}h2{font-size:32px;letter-spacing:-1px;margin:6px 0 0}h3{font-size:22px;letter-spacing:-.4px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);background:var(--paper);border-radius:16px;overflow:hidden;text-decoration:none;display:block}.card-copy{padding:25px}.card p{color:#586074;font-size:14px;margin:10px 0}.card h3{margin:8px 0}.card-art{height:165px;display:flex;align-items:center;justify-content:center;font-size:74px;border-bottom:1px solid var(--line);background:#e5e6fc}.card-art.mint{background:#deece1}.card-art.peach{background:#f6dfcf}.card-art.yellow{background:#f3e7b7}.pill{font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.arrow{float:right;font-size:22px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:64px 0;padding:38px;background:#e9eddf;border-radius:18px}.split img{max-height:330px;max-width:100%;border-radius:12px}.page-heading{padding:54px 0 28px}.page-heading h1{font-size:48px;letter-spacing:-2px;margin:12px 0}.prose{max-width:760px}.prose p{font-size:17px}.notice{padding:13px 18px;background:#fff1cf;border:1px solid #ddbd76;border-radius:9px;font-size:13px;margin:20px 0}.dev-banner{text-align:center;padding:8px;background:#20283d;color:#fff;font-size:12px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px;margin-bottom:26px}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}label{display:grid;gap:8px}select,input,textarea{padding:12px;border:1px solid #8a8f9c;border-radius:7px;background:#fff;max-width:100%;min-height:46px}textarea{min-height:200px;width:100%}.candles{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;margin:22px 0}.candle{height:60px;border-radius:5px;background:#e3e0d8;text-align:center;padding-top:20px;font-size:19px}.candle.lit{background:#ffe0a1;box-shadow:0 0 12px #ffd993}.board{display:flex;justify-content:center;gap:25px;padding:20px}.step{width:54px;height:54px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:#efedde}.step.active{background:#b7bcff}.question{font-size:26px;text-align:center;margin:25px auto;max-width:750px}.feedback{min-height:50px;font-size:17px}.choices{display:flex;flex-wrap:wrap;gap:14px;margin:24px 0;justify-content:center}.choice{min-width:110px;min-height:96px;background:#fff;color:var(--ink);border:2px solid #ccc}.choice .swatch{width:48px;height:48px;border:1px solid #333;border-radius:50%;display:block}.learner-art{text-align:center;font-size:75px;min-height:110px}.learner-pattern{font-size:clamp(22px,4vw,42px);letter-spacing:8px;text-align:center;margin:28px 0}.progress{height:8px;background:#dedfe8;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;background:var(--blue)}canvas{max-width:100%;height:auto;border-radius:12px;background:#1d3540;touch-action:none}.wild-wrap{text-align:center}.dpad{display:grid;grid-template-columns:repeat(3,55px);gap:6px;justify-content:center;margin:16px}.dpad button{padding:9px;touch-action:none}.swatches button{width:48px;padding:0;border:2px solid #777}.swatches [aria-pressed=true]{outline:3px solid var(--blue);outline-offset:3px}.color-work{display:grid;grid-template-columns:2fr 1fr;gap:25px}.color-art{width:100%;background:white;border:1px solid var(--line)}.color-art [data-region]{cursor:pointer;stroke:#20283d;stroke-width:4}.color-art [data-region]:focus{stroke:#434ed2;stroke-width:8;outline:none}.gallery img{width:100%;height:280px;object-fit:contain;background:#ece9e0}.book-cover{height:310px;width:100%;object-fit:contain;padding:20px}.avatar{font-size:100px;text-align:center}.avatar.speaking{animation:bob .3s infinite alternate}@keyframes bob{to{transform:translateY(-4px)}}footer{margin-top:70px;padding:34px;border-top:1px solid var(--line);font-size:13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}footer a{margin-right:18px}.hidden{display:none!important}.status{font-weight:700;color:#434ed2}dialog{max-width:440px;border:1px solid var(--line);border-radius:18px;padding:28px}dialog::backdrop{background:#20283d99}#article-preview{white-space:pre-wrap}.print-only{display:none}@media(max-width:760px){header{padding:20px;flex-wrap:wrap}.menu{display:block;margin-left:auto}nav{display:none;width:100%;flex-wrap:wrap;margin:0;padding:12px 0}nav.open{display:flex}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:40px;gap:30px}.hero h1{letter-spacing:-2px}.hero-art{min-height:340px}.grid{grid-template-columns:1fr}.ticker{flex-wrap:wrap;font-size:10px}.split{grid-template-columns:1fr;padding:25px;gap:20px}.section-head{align-items:start}h2{font-size:28px}.page-heading h1{font-size:39px}.color-work{grid-template-columns:1fr}.candles{grid-template-columns:repeat(8,1fr)}.panel{padding:18px}.card-art{height:180px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media print{header,footer,button,.controls,.page-heading,.notice,.dev-banner,.swatches,.regions{display:none!important}.color-work{display:block}.color-art{width:100%;max-height:90vh}.wrap,.panel{padding:0;border:0}body{background:white}.print-only{display:block}}

[hidden]{display:none!important}
footer>div{display:flex;flex-wrap:wrap;gap:12px;min-width:0}header{flex-wrap:wrap}img,video,iframe{max-width:100%}.panel,.controls,label{min-width:0}.prose{overflow-wrap:anywhere}.reduce-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reduce-motion button:hover{transform:none}
@media print{body>*{display:none!important}body:has(#artwork) main{display:block!important}main>*{display:none!important}main>.panel{display:block!important;border:0;padding:0}.panel>*{display:none!important}.panel>.color-work{display:block!important}.color-work>*{display:none!important}.color-work>#artwork{display:block!important}#artwork{width:100%;max-width:700px;margin:auto}#artwork svg{width:100%;height:auto}}
fieldset{min-inline-size:0;max-width:100%}input,select,textarea{max-width:100%}fieldset label{overflow-wrap:anywhere}
select{min-width:0;width:100%}

.avatar img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.video-thumbnail{display:block;max-width:100%;height:auto}.card-art img{width:100%;height:100%;object-fit:cover}

/* Owner-supplied blue-and-yellow visual identity; controls remain semantic HTML. */
:root{--ink:#08245c;--blue:#075bdd;--paper:#fff;--line:#b7d9f2;color:var(--ink);background:#eef9ff}
body{background:radial-gradient(ellipse at 90% 0%,#a6e3ff 0,transparent 42%),linear-gradient(#e6f7ff,#fff 70%)}
header{border-bottom:2px solid #cbe9ff;background:#fff;border-radius:0 0 24px 24px}
.brand{font-weight:900;color:#0561c9;letter-spacing:-1.2px}.brand span{color:#a35d00}
nav a[aria-current=page]{background:#ffdf40;color:#08245c;border-radius:20px;padding:10px 14px}
.hero h1{color:#08245c;letter-spacing:-2px;line-height:1.08}.hero h1 em{color:#075bdd}
.hero-art.mascot-hero{background:radial-gradient(circle at 50% 50%,#fffbd3 0,#bcecff 64%,transparent 65%);border:0;overflow:visible;border-radius:40px;min-height:430px;display:flex;align-items:end;justify-content:center}
.mascot-hero>img{width:100%;height:auto;max-height:520px;object-fit:contain;display:block}
.mascot-hero .art-label{background:#ffdf40;border:3px solid white;bottom:-8px;left:12%;right:12%;box-shadow:0 6px 0 #efb900;color:#08245c;padding:13px;transform:rotate(-3deg)}
.button,button{border-radius:24px;background:#075bdd;border-color:#075bdd;box-shadow:0 3px 0 #064295}.secondary{background:white;color:#08245c;box-shadow:none;border-color:#8bbdec}
.ticker{background:#ffdf40;border:0;border-radius:15px;padding:20px;color:#08245c}
.card{border:2px solid #c0e3fc;box-shadow:0 5px 0 #d9effd;border-radius:24px}.card-art{background:#b6e4ff}.card-art.mint{background:#c4f3c5}.card-art.peach{background:#ffcbbf}.card-art.yellow{background:#ffe785}
.split{background:#e2f2ff;border:2px solid white}.panel{background:white;border-color:#c0dff5;border-radius:22px}
.joke-stage{display:grid;grid-template-columns:minmax(150px,260px) minmax(0,1fr);gap:12px 28px;align-items:center}
.joke-stage .avatar{grid-row:1/6;width:100%;height:auto;max-width:260px;background:transparent;border:0;border-radius:0;font-size:0}
.joke-stage .avatar img{width:100%;height:auto;display:block;object-fit:contain}.joke-stage .choices{justify-content:flex-start}.joke-stage .notice{font-size:14px}.joke-stage .question{margin:8px 0;font-size:26px;min-height:90px}
#joke-next{background:#ffda32;color:#08245c;border:2px solid #d29600;box-shadow:0 4px 0 #d29600;font-size:21px;min-height:60px}
.footer-logo{width:150px;height:auto;max-width:100%;object-fit:contain}footer{align-items:center}
.prose img{max-width:100%;height:auto}.prose figure{margin:24px 0}
@media(max-width:760px){.hero{gap:24px;padding-top:36px}.hero-art.mascot-hero{min-height:0;max-width:420px;margin:0 auto 16px}.mascot-hero>img{max-height:350px}.hero h1{font-size:48px;letter-spacing:-1.8px}.joke-stage{grid-template-columns:minmax(0,1fr)}.joke-stage .avatar{grid-row:auto;max-width:180px;justify-self:center}.joke-stage .choices{justify-content:center}.joke-stage .question{font-size:23px}.footer-logo{width:120px}}
@media(prefers-reduced-motion:reduce){.mascot-hero,.joke-stage .avatar{animation:none!important;transition:none!important}}

@media print{@page{size:auto;margin:12mm}#artwork svg{max-height:240mm;width:100%;break-inside:avoid}#artwork [data-region]{fill:white!important;stroke:black!important;stroke-width:3!important}.color-art{border:0}}

/* Ares-first editorial layout: real family photographs lead, activities support the story. */
.identity-hero{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}
.photo-hero{min-height:480px;border-radius:36px;background:linear-gradient(145deg,#fff7c9,#bceaff);padding:30px 30px 74px;display:grid;place-items:center;overflow:hidden}
.photo-hero>img{width:100%;height:390px;object-fit:contain;filter:drop-shadow(0 18px 22px #08245c29)}
.photo-hero .art-label{bottom:24px;left:9%;right:9%;transform:none;background:#ffdf40;border:3px solid #fff;box-shadow:0 6px 0 #efb900;color:#08245c}
.story-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:46px;align-items:center;padding:64px 0 20px}
.story-intro h2,.visual-break h2{font-size:clamp(32px,4vw,52px);margin:8px 0 16px}
.story-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end}
.media-figure{margin:0;background:#fff;border:2px solid #c0e3fc;border-radius:24px;overflow:hidden;box-shadow:0 7px 0 #d9effd}
.media-figure img{display:block;width:100%;height:300px;object-fit:cover}
.media-figure figcaption,.prose figcaption{padding:13px 16px;color:#43516c;font-size:13px;line-height:1.45;background:#fff}
.story-photo-grid .media-figure:first-child{transform:rotate(-2deg)}.story-photo-grid .media-figure:last-child{transform:translateY(24px) rotate(2deg)}
.identity-grid{margin-bottom:62px}
.visual-break{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:34px;align-items:center;margin:66px 0;padding:24px;background:#e2f2ff;border:2px solid #fff;border-radius:28px}
.visual-break>img,.section-banner{display:block;width:100%;height:auto;border-radius:20px}
.section-banner{margin:0 0 34px;max-height:560px;object-fit:cover;border:2px solid #fff;box-shadow:0 7px 0 #d9effd}
.prose{max-width:900px}.prose h1{font-size:clamp(42px,6vw,68px);letter-spacing:-2px;line-height:1.05;margin:52px 0 24px}.prose h2{margin-top:42px;color:#075bdd}
.prose figure{max-width:760px;border:2px solid #c0e3fc;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 7px 0 #d9effd}.prose figure img{display:block;width:100%;max-height:620px;object-fit:contain;background:linear-gradient(145deg,#f8fcff,#e0f3ff)}
.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery figure{margin:0}.gallery img{height:330px;object-fit:contain;background:linear-gradient(145deg,#f8fcff,#e0f3ff)}
@media(max-width:860px){.identity-hero,.story-intro,.visual-break{grid-template-columns:1fr}.photo-hero{min-height:0}.story-intro{padding-top:44px}.visual-break{padding:18px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.story-photo-grid,.gallery{grid-template-columns:1fr}.story-photo-grid .media-figure{transform:none!important}.media-figure img,.gallery img{height:auto;max-height:520px}.photo-hero{padding:18px 18px 72px}.photo-hero>img{height:auto;max-height:420px}.section-banner{border-radius:14px}.prose figure{margin:22px 0}.prose h1{font-size:42px}}

.artwork-section{margin:48px 0}.artwork-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.artwork-grid figure,.activity-poster,.joke-poster{margin:20px auto}.artwork-grid img,.activity-poster img,.joke-poster img{display:block;width:100%;height:auto;object-fit:contain;border-radius:18px}.artwork-grid figcaption,.activity-poster figcaption,.joke-poster figcaption{padding:12px;line-height:1.5}.mensa-intro{display:flex;align-items:center;gap:24px}.mensa-intro img{width:90px;height:90px;object-fit:contain}.activity-poster{max-width:650px}.joke-poster{max-width:900px}.artwork-note{font-size:14px}@media(max-width:760px){.artwork-grid{grid-template-columns:1fr}.mensa-intro{align-items:flex-start}}