:root{--navy:#141f66;--night:#0b1140;--orange:#d2611f;--orange-d:#b94e14;--mist:#eef1fb;--ink:#121634;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}[hidden]{display:none!important}
body{margin:0;font:400 1.05rem/1.65 Figtree,system-ui,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:"Bricolage Grotesque",Figtree,sans-serif;line-height:1.1;margin:0 0 .6em;color:var(--navy)}
h1{font-size:clamp(2.3rem,6vw,4rem);font-weight:800}h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800}h3{font-size:1.25rem;font-weight:600}
a{color:var(--navy)}p{margin:0 0 1em}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e1e5f5}
.tagbar{background:var(--orange);color:#fff;text-align:center;font:800 .8rem/1 "Bricolage Grotesque",Figtree,sans-serif;letter-spacing:.28em;text-transform:uppercase;padding:.5rem .5rem .45rem}
.bar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}
.brand img{height:48px;width:auto}
nav{display:flex;align-items:center;gap:1.4rem}nav a{text-decoration:none;font-weight:700;color:var(--ink)}nav a:hover{color:var(--orange)}
.burger{display:none;background:none;border:0;padding:.6rem;cursor:pointer}
.burger span{display:block;width:24px;height:2px;background:var(--navy);margin:5px 0}
.btn{display:inline-block;background:var(--orange);color:#fff!important;padding:.8rem 1.5rem;border-radius:999px;font-weight:700;text-decoration:none;border:2px solid var(--orange);cursor:pointer;font:700 1rem Figtree,sans-serif}
.btn:hover{background:var(--orange-d);border-color:var(--orange-d)}.btn.sm{padding:.45rem 1.1rem}
.btn.ghost{background:transparent;border-color:#fff}.btn.ghost:hover{background:rgba(255,255,255,.15)}
.btn.navy{background:var(--navy);border-color:var(--navy)}.btn.navy:hover{background:var(--night);border-color:var(--night)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.hero{background:linear-gradient(90deg,rgba(11,17,64,.96) 30%,rgba(11,17,64,.72)),url(/img/hero-bg.webp) center/cover;color:#fff;padding:clamp(2rem,6vw,4.5rem) 0 0;overflow:hidden}
.hero h1{color:#fff}.lead{font-size:1.2rem;max-width:34em}.hero .lead{color:#dfe5ff}
.badge{display:inline-block;margin:0 0 1rem;padding:.35rem .9rem;border:2px solid var(--orange);border-radius:999px;background:rgba(210,97,31,.18);color:#fff;font-weight:700;letter-spacing:.04em}
.hgrid{display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:end}
.hgrid>div:first-child{padding-bottom:clamp(2rem,6vw,4.5rem);align-self:center}
.acts{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.6rem}
.stage{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:470px}
.stage::before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:min(400px,94%);aspect-ratio:1;border-radius:50%;background:var(--mist);border:8px solid var(--orange)}
.mascot{position:relative;z-index:1;height:470px;width:auto;max-width:none}
.sec{padding:clamp(2.5rem,6vw,4.5rem) 0}.tint{background:var(--mist)}.sub{max-width:40em;color:#454b73}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:2rem}
.card{background:#fff;border:1px solid #d9def2;border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-align:center}
.ph{aspect-ratio:4/5;background:var(--night)}.ph img{width:100%;height:100%;object-fit:cover}
.ct{padding:1.1rem 1.2rem 1.4rem;display:grid;grid-template-rows:auto auto 1fr auto;flex:1;justify-items:center}
.ct h3{margin:0 0 .25em}.kind{color:var(--orange);font-weight:700;font-size:.95rem;margin:0 0 .6em}.ct .d{margin:0 0 1em}
.lnk{font-weight:700;color:var(--navy)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}
.why{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.2rem}
.why li{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid #d9def2;border-left:5px solid var(--orange);border-radius:var(--r);padding:1.1rem 1.2rem}
.why .n{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;display:grid;place-items:center}
.why h3{margin:0 0 .2em;font-size:1.1rem}.why p{margin:0}
.gift{background:var(--orange);color:#fff;text-align:center;padding:3rem 0}.gift h2{color:#fff}.gift p{max-width:36em;margin-inline:auto}
.cta{background:var(--navy);color:#fff;text-align:center;padding:3.5rem 0}.cta h2{color:#fff;max-width:20em;margin-inline:auto}
.phead{background:var(--navy);color:#fff;padding:clamp(2rem,5vw,3.5rem) 0}.phead h1{color:#fff;font-size:clamp(2rem,5vw,3rem)}.phead .lead{color:#dfe5ff;margin:0}
.gimg img{border-radius:var(--r);width:100%;max-width:360px;margin-inline:auto;aspect-ratio:4/5;object-fit:cover;box-shadow:0 10px 30px rgba(20,31,102,.2)}
.gsec{scroll-margin-top:110px}.tl{font-weight:700;color:var(--navy);font-size:1.1rem}
.facts{margin:0 0 1.4rem;padding-left:1.2rem}.facts li{margin:.3rem 0}.facts li::marker{color:var(--orange)}
.nest{margin:0}.nest svg{width:100%;max-width:420px;margin-inline:auto}.nest figcaption{text-align:center;color:#454b73;font-size:.95rem;margin-top:.6rem}
.vgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.4rem;margin-top:2rem}
.vcard{margin:0;background:#fff;border:1px solid #d9def2;border-radius:var(--r);overflow:hidden;text-align:center}
.vcard video{width:100%;aspect-ratio:16/10;background:#000;display:block;object-fit:contain}
.vcard figcaption{padding:.8rem 1rem;font-weight:700;color:var(--navy)}.vcard figcaption:empty{display:none}
form{display:grid;gap:1.1rem}label{display:grid;gap:.35rem;font-weight:700}
input,select,textarea{font:inherit;padding:.75rem .9rem;border:1.5px solid #b9c0e0;border-radius:10px;width:100%;background:#fff}
input:focus,select:focus,textarea:focus{border-color:var(--navy)}.hp{position:absolute;left:-9999px;height:0;opacity:0}
fieldset.who{border:0;padding:0;margin:0;display:grid;gap:.5rem}.who legend{font-weight:700;padding:0;margin-bottom:.4rem}
.rad{display:flex;align-items:center;gap:.6rem;font-weight:500}.rad input{width:auto;accent-color:var(--navy)}
#status{font-weight:700;margin:0}#status.ok{color:#17703a}#status.err{color:#b3261e}
.soc{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem}.soc a{display:inline-flex;align-items:center;gap:.45rem;font-weight:700;text-decoration:none}.soc.big{flex-direction:column}
footer{background:var(--night);color:#cfd6ff;padding-top:2.5rem}footer a{color:#fff}footer h3{color:#fff;font-size:1.05rem}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2rem}.flogo{background:#fff;padding:6px 10px;border-radius:8px;margin-bottom:.8rem}
.copy{border-top:1px solid #26307a;padding:1rem 0;margin-top:1.5rem;font-size:.9rem}
.wafab{position:fixed;right:1rem;bottom:1rem;z-index:30;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 6px 18px rgba(0,0,0,.3)}.wafab svg{width:30px;height:30px}
@media(max-width:820px){
.hgrid,.two,.foot{grid-template-columns:1fr}.hgrid>div:first-child{padding-bottom:2rem}.stage{order:-1;min-height:340px}.mascot{height:330px}.stage::before{width:270px}
.burger{display:block}
nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:1rem 1.25rem 1.4rem;border-bottom:1px solid #e1e5f5;gap:1rem}
nav.open{display:flex}.brand img{height:42px}.tagbar{font-size:.7rem;letter-spacing:.22em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{padding-bottom:0}.bvid{margin:0 auto;max-width:880px;text-align:center}.bvid video{width:100%;aspect-ratio:1264/512;background:var(--navy);border-radius:var(--r);display:block;box-shadow:0 10px 30px rgba(20,31,102,.2)}.bvid figcaption{margin-top:.7rem;font-weight:700;color:var(--navy)}