body{display:flex;flex-direction:column;min-height:100svh}.site-head{width:100%}.hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px 40px;text-align:center}.emblem{position:relative;width:min(300px,64vw);animation:rise 1s var(--ease) both}.emblem svg{display:block;width:100%;height:auto;overflow:visible}.emblem:before{content:"";position:absolute;top:10%;right:5%;bottom:0;left:5%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,var(--glow, rgba(160, 112, 245, .35)),transparent);filter:blur(20px);transition:background 1.2s}.emblem-type{height:22px;margin-top:4px;font:400 16px/22px var(--f-display);color:var(--ink-2);transition:opacity .4s}.emblem-type.fade{opacity:0}.emblem-type.gold{color:var(--gold)}.hero h1{margin:30px 0 0;font:400 clamp(34px,5.4vw,64px)/1.2 var(--f-display);letter-spacing:.01em;word-break:keep-all;animation:rise 1s var(--ease) .08s both}.hero h1 .tri-word{background:linear-gradient(100deg,var(--make-l) 5%,var(--gold) 38%,var(--talk-l) 62%,var(--play-l) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{margin:18px 0 0;font-size:16px;color:var(--ink-2);animation:rise 1s var(--ease) .14s both}.start{position:relative;margin-top:42px;height:80px;padding:0 58px 0 64px;font-size:22px;letter-spacing:.08em;animation:rise 1s var(--ease) .2s both}.start svg{width:24px;height:24px;transition:transform .35s var(--ease)}.start:hover svg{transform:translate(5px)}.start:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;box-shadow:0 0 0 1px #f3f1ec40;animation:halo 2.6s ease-out infinite;pointer-events:none}@keyframes halo{0%{transform:scale(.96);opacity:1}to{transform:scale(1.18);opacity:0}}.meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:10px 14px;margin-top:22px;font-size:13px;color:var(--ink-3);animation:rise 1s var(--ease) .26s both}.meta i{width:3px;height:3px;border-radius:50%;background:var(--ink-4)}.meta a{color:var(--ink-2);text-underline-offset:3px;text-decoration:underline}.meta a:hover{color:var(--ink)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}footer{padding:0 20px 22px;text-align:center;font-size:11px;color:var(--ink-4)}@media(max-width:768px){.start{height:68px;padding:0 40px 0 46px;font-size:19px;margin-top:34px}.hero h1{margin-top:22px}.lead{font-size:14px}}footer a{color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}footer a:hover{color:var(--ink)}
