.page-hero{min-height:100svh;padding:calc(var(--header-h) + 40px) 0 150px;background:linear-gradient(#58b4f2 0%,#9dd8ff 60%,#d8f3ff 100%);align-content:center;display:grid;position:relative;overflow:hidden}.ph-clouds .ph-cloud{background:#fff;border-radius:80px;width:240px;height:80px;animation:18s ease-in-out infinite alternate drift;position:absolute;box-shadow:0 10px #dcecfa,0 18px 30px -12px #0e1b5e40}.ph-cloud:before,.ph-cloud:after{content:"";background:#fff;border-radius:50%;position:absolute}.ph-cloud:before{width:110px;height:110px;top:-52px;left:36px}.ph-cloud:after{width:80px;height:80px;top:-34px;left:118px}.ph-cloud.c1{top:22%;left:-40px}.ph-cloud.c2{animation-duration:22s;top:14%;right:-60px;scale:1.2}.ph-cloud.c3{opacity:.8;animation-duration:26s;top:8%;left:38%;scale:.6}.ph-cloud.c4{animation-duration:20s;bottom:26%;right:20%;scale:.8}@keyframes drift{to{translate:60px}}.ph-motifs span{width:54px;height:54px;animation:3s ease-in-out infinite bob;animation-delay:calc(var(--i) * .4s);filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 8px 8px #00000026);position:absolute}.ph-motifs span:first-child{top:30%;left:8%}.ph-motifs span:nth-child(2){width:40px;height:40px;top:22%;left:46%}.ph-motifs span:nth-child(3){top:28%;right:8%}.ph-motifs span:nth-child(4){width:44px;height:44px;bottom:22%;left:55%}.ph-motifs span:nth-child(5){width:38px;height:38px;bottom:20%;left:4%}.ph-inner{z-index:2;grid-template-columns:1.2fr .8fr;align-items:center;gap:24px;display:grid;position:relative}.ph-text{justify-items:start;gap:18px;display:grid}.ph-text h1{color:var(--navy);text-shadow:0 2px 20px #fff9}.ph-text .lead{color:var(--ink);max-width:46ch;font-weight:700}.ph-actions{flex-wrap:wrap;gap:12px;display:flex}.ph-chars{justify-content:center;align-items:flex-end;height:clamp(240px,42svh,440px);display:flex}.ph-chars img{transform-origin:50% 100%;width:auto;height:78%;animation:char-pop .9s var(--ease-pop) both, bob 3.4s ease-in-out infinite;animation-delay:calc(.2s + var(--i) * .15s), calc(1.2s + var(--i) * .5s);margin:0 -10px}.ph-chars img:nth-child(2){z-index:2;height:100%}.ph-chars img:hover{animation:wave .9s var(--ease-out)}@keyframes char-pop{0%{opacity:0;transform:translateY(50px)scale(.85)}}.ph-edge{z-index:3;pointer-events:none;height:120px;position:absolute;bottom:-2px;left:0;right:0}@media (width<=800px){.ph-inner{grid-template-columns:1fr}.ph-chars{height:clamp(180px,28svh,260px)}.page-hero{padding-bottom:110px}}.page-sec{padding:60px 0;position:relative}.collections{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;display:grid}@media (width<=860px){.collections{grid-template-columns:1fr}}.collection{text-align:left;background:var(--accent);color:#fff;box-shadow:0 6px 0 color-mix(in srgb, var(--accent) 60%, #000), var(--shadow-paper);transition:transform .4s var(--ease-pop);border:0;border-radius:30px;justify-items:start;gap:6px;padding:26px 26px 24px;display:grid;position:relative;overflow:hidden}.collection:hover{transform:translateY(-5px)rotate(-1deg)}.collection b{font-size:22px;font-weight:900}.collection>span:not(.col-motifs):not(.col-go){opacity:.92;max-width:30ch;font-weight:600}.col-logo{object-fit:contain;background:#fff;border-radius:16px;width:auto;max-width:60%;height:56px;margin-bottom:8px;padding:6px 12px}.col-go{background:#ffffff38;border-radius:99px;align-items:center;gap:6px;margin-top:8px;padding:6px 14px;font-size:14px;font-weight:800;display:inline-flex}.col-go svg{width:16px;height:16px}.col-motifs span{width:70px;height:70px;right:calc(8% + var(--k) * 16%);top:calc(10% + var(--k) * 26%);opacity:.8;transition:transform .5s var(--ease-pop);position:absolute}.collection:hover .col-motifs span{transform:rotate(30deg)scale(1.15)}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:26px;scroll-margin-top:110px;display:flex}.filter-bar.compact{justify-content:flex-end;margin:0}.fchip{--accent:var(--navy);border:2px solid var(--line);transition:transform .3s var(--ease-pop), background .2s, border-color .2s, color .2s;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:800;display:inline-flex}.fchip small{background:var(--paper-2);color:var(--ink-2);border-radius:99px;padding:1px 8px;font-size:12px;font-weight:800}.fchip:hover{border-color:var(--accent);transform:translateY(-2px)}.fchip.on{background:var(--accent);border-color:var(--accent);color:#fff}.fchip.on small{color:#fff;background:#ffffff40}.shop-note{border:3px dashed var(--line);background:#fff;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:40px;padding:22px 26px;display:grid}.sn-ic{background:var(--yellow);width:48px;height:48px;color:var(--navy);border-radius:50%;place-items:center;display:grid}.sn-ic svg{width:22px;height:22px}.shop-note p{color:var(--ink-2)}.shop-note b{color:var(--ink)}@media (width<=700px){.shop-note{grid-template-columns:1fr;justify-items:start}}.news-board{border-radius:var(--radius-l);background:var(--navy);color:#fff;box-shadow:var(--shadow-lift);overflow:hidden}.nb-head{background:linear-gradient(90deg, var(--blue-3), var(--navy));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.nb-title{background:var(--yellow);color:var(--navy);letter-spacing:.04em;text-transform:uppercase;border-radius:99px;padding:6px 18px;font-size:15px;font-weight:900;box-shadow:0 3px #d6a90c}.nb-tabs{gap:6px;display:flex}.nb-tab{color:#fff;background:#ffffff1a;border:0;border-radius:99px;padding:8px 18px;font-weight:800;transition:background .2s}.nb-tab:hover{background:#fff3}.nb-tab.on{color:var(--navy);background:#fff}.nb-body{grid-template-columns:1.4fr 1fr;display:grid}.nb-feature{min-height:420px;text-decoration:none;display:block;position:relative;overflow:hidden}.nb-feature>img:first-child{object-fit:cover;width:100%;height:100%;transition:transform 1s var(--ease-out);position:absolute;inset:0}.nb-feature:hover>img:first-child{transform:scale(1.05)}.nb-feature:after{content:"";background:linear-gradient(#0a14471a 40%,#0a1447eb);position:absolute;inset:0}.nb-f-text{z-index:1;justify-items:start;gap:8px;display:grid;position:absolute;bottom:24px;left:26px;right:26px}.nb-f-text .ev-type{position:static}.nb-f-text b{font-size:clamp(24px,3vw,36px);line-height:1.15}.nb-f-logo{z-index:1;filter:drop-shadow(0 6px 10px #0006);width:auto;height:56px;position:absolute;top:20px;right:20px}.nb-list{align-content:start;gap:6px;max-height:460px;margin:0;padding:12px;list-style:none;display:grid;overflow:auto}.nb-list a{border-radius:16px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:background .2s;display:grid}.nb-list a:hover{background:#ffffff14}.nb-tag{background:var(--accent);color:#fff;text-transform:uppercase;border-radius:8px;padding:3px 10px;font-size:12px;font-weight:900}.nb-t{font-size:15px;font-weight:800;line-height:1.3}.nb-list time{color:var(--yellow);white-space:nowrap;font-size:13px;font-weight:700}@media (width<=860px){.nb-body{grid-template-columns:1fr}.nb-feature{min-height:300px}}.empty-note{text-align:center;color:var(--ink-3);padding:40px;font-weight:800}.about-hero{min-height:100svh;padding:calc(var(--header-h) + 20px) 0 140px;color:#fff;text-align:center;background:linear-gradient(#07123f,#173a88 60%,#3b6fb6);align-items:center;display:grid;position:relative;overflow:hidden}#night-sky{opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}#night-sky.ready{opacity:1}.ah-inner{z-index:2;pointer-events:none;justify-items:center;gap:18px;display:grid;position:relative}.ah-logo{filter:drop-shadow(0 0 30px #a0c8ff80);width:min(460px,70vw);height:auto}.ah-inner h1 span{color:var(--yellow)}.ah-inner .lead{color:#ffffffe0;font-weight:700}.about-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.about-card{border-radius:var(--radius-l);color:var(--ink-2);justify-items:start;gap:16px;padding:clamp(26px,4vw,48px);font-size:18px;display:grid}.about-card h2{color:var(--ink)}.about-photo{--accent-2:var(--pink)}.about-photo img{aspect-ratio:1}@media (width<=860px){.about-grid{grid-template-columns:1fr}}.tinted-sky{background:linear-gradient(#0000,#e2f3ff 20% 80%,#0000)}.values{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=860px){.values{grid-template-columns:1fr 1fr}}@media (width<=520px){.values{grid-template-columns:1fr}}.value{transition:transform .4s var(--ease-pop);border-radius:30px;gap:6px;padding:26px;display:grid}.value:hover{transform:translateY(-6px) rotate(var(--rot))}.v-ic{filter:drop-shadow(2px 0 #fff)drop-shadow(-2px 0 #fff)drop-shadow(0 2px #fff)drop-shadow(0 -2px #fff)drop-shadow(0 6px 8px #00000026);width:58px;height:58px;margin-bottom:8px}.value:hover .v-ic{animation:wave .9s var(--ease-out)}.value b{color:var(--c);font-size:22px;font-weight:900}.value p{color:var(--ink-2)}.ip-logos{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}@media (width<=860px){.ip-logos{grid-template-columns:repeat(2,1fr)}}.ip-logo-card{background:var(--soft);color:var(--ink-2);transition:transform .4s var(--ease-pop), box-shadow .3s;border-radius:28px;justify-items:center;gap:10px;padding:26px 16px 20px;font-size:13px;font-weight:800;text-decoration:none;display:grid}.ip-logo-card:hover{box-shadow:0 6px 0 var(--accent);transform:translateY(-6px)rotate(-2deg)}.ip-logo-card img{object-fit:contain;width:auto;max-width:100%;height:70px}.roots{grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;display:grid}.roots-text{justify-items:start;gap:16px;display:grid}.games{flex-wrap:wrap;gap:8px;display:flex}.games .chip{box-shadow:var(--shadow-paper);color:var(--navy);rotate:calc((var(--i) - 1.5) * 2deg);background:#fff;padding:8px 16px;font-size:15px}.roots-photos{--accent-2:var(--teal);grid-template-columns:1fr 1fr;gap:20px;display:grid}.roots-photos figcaption{font-size:14px;font-weight:600}@media (width<=860px){.roots{grid-template-columns:1fr}}@media (width<=520px){.roots-photos{grid-template-columns:1fr}}.about-cta{border-radius:var(--radius-l);background:linear-gradient(135deg, var(--blue-1), var(--blue-3));color:#fff;box-shadow:var(--shadow-lift);grid-template-columns:auto 1fr;align-items:center;gap:30px;padding:clamp(26px,4vw,50px);display:grid}.about-cta img{transform-origin:50% 100%;width:auto;height:220px}.about-cta:hover img{animation:wave .9s var(--ease-out)}.about-cta>div{justify-items:start;gap:14px;display:grid}.about-cta .lead{color:#ffffffe0}@media (width<=640px){.about-cta{text-align:center;grid-template-columns:1fr;justify-items:center}.about-cta>div{justify-items:center}.about-cta img{height:160px}}