.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(24px,5vw,60px);max-width:1060px;min-height:100svh;margin:0 auto;padding:120px clamp(20px,5vw,40px) 60px;display:grid}.hero h1{margin:18px 0 22px;font-size:clamp(2.9rem,6.5vw,4.8rem)}.hero .sub{font-size:1.08rem}.hero-ctas{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.hero-meta{color:var(--ink-faint);margin-top:26px;font-size:.84rem}.hero-visual{place-items:center;display:grid}.bubble-wrap{place-items:center;display:grid;position:relative}.bubble-ring{border:1px solid var(--line);width:300px;height:300px;animation:ring-breathe 9s var(--ease-breath) infinite;border-radius:50%;position:absolute}.bubble{background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent) 18%, transparent) 70%);width:190px;height:190px;box-shadow:0 0 90px var(--glow), inset 0 0 46px color-mix(in srgb, var(--accent) 25%, transparent);animation:bubble-breathe 9s var(--ease-breath) infinite;border-radius:50%}.bubble-hint{color:var(--ink-faint);font-family:Fraunces,serif;font-size:1rem;font-style:italic;position:absolute;bottom:-46px}@keyframes bubble-breathe{0%,to{transform:scale(.72)}44%,55%{transform:scale(1)}}@keyframes ring-breathe{0%,to{opacity:.5;transform:scale(.86)}44%,55%{opacity:1;transform:scale(1.04)}}.page-home section{padding:clamp(70px,11vh,120px) 0}.section-head{max-width:560px;margin-bottom:46px}.section-head h2{margin:14px 0 16px;font-size:clamp(2rem,4.5vw,3rem)}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.tile{background:color-mix(in srgb, var(--surface-1) 72%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);transition:all .45s var(--ease);border-radius:20px;flex-direction:column;align-items:center;gap:13px;padding:28px 12px 20px;text-decoration:none;display:flex;position:relative}.tile svg{width:32px;height:32px;color:var(--ink-soft);transition:all .45s var(--ease)}.tile span{color:var(--ink-soft);font-size:.8rem;transition:color .3s}.tile:hover{border-color:var(--accent);box-shadow:0 18px 40px -22px var(--glow);transform:translateY(-4px)}.tile:hover svg{color:var(--accent);transform:scale(1.12)}.tile:hover span{color:var(--ink)}.tile .chip{letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:all .35s var(--ease);border-radius:999px;padding:4px 9px;font-size:.62rem;font-weight:600;position:absolute;top:10px;right:10px;transform:translateY(3px)}.tile:hover .chip{opacity:1;transform:none}.tile.live .chip{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.tile.soon .chip{background:color-mix(in srgb, var(--warm) 16%, transparent);color:var(--warm)}.tile.live{cursor:pointer}.tile.soon{cursor:default}.tile.soon:hover{border-color:color-mix(in srgb, var(--warm) 40%, transparent);box-shadow:none}.tile.soon:hover svg{color:var(--warm)}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:color-mix(in srgb, var(--surface-1) 72%, transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);transition:all .5s var(--ease);color:inherit;border-radius:26px;padding:30px 28px 32px;text-decoration:none;display:block}.card:hover{border-color:var(--accent);box-shadow:0 22px 50px -26px var(--glow);transform:translateY(-5px)}.card h3{margin:22px 0 8px;font-family:Fraunces,serif;font-size:1.45rem;font-weight:500}.card p{color:var(--ink-soft);font-size:.9rem;line-height:1.6}.card .status{color:var(--accent);transition:transform .35s var(--ease);margin-top:18px;font-size:.8rem;display:inline-block}.card:hover .status{transform:translate(3px)}.card .status.soon{color:var(--warm)}.vignette-box{background:color-mix(in srgb, var(--surface-0) 55%, transparent);border:1px solid var(--line);border-radius:16px;place-items:center;height:96px;display:grid;overflow:hidden}.v-bars{align-items:flex-end;gap:6px;height:46px;display:flex}.v-bars i{background:var(--accent);opacity:.85;width:7px;animation:bar-breathe 4.6s var(--ease-breath) infinite;border-radius:99px}.v-bars i:first-child{height:55%;animation-delay:0s}.v-bars i:nth-child(2){height:85%;animation-delay:-.9s}.v-bars i:nth-child(3){height:40%;animation-delay:-1.8s}.v-bars i:nth-child(4){height:70%;animation-delay:-2.7s}.v-bars i:nth-child(5){height:50%;animation-delay:-3.6s}@keyframes bar-breathe{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1.15)}}.v-bubble{background:radial-gradient(circle at 38% 32%, color-mix(in srgb, var(--accent) 60%, transparent), color-mix(in srgb, var(--accent) 20%, transparent) 70%);width:44px;height:44px;box-shadow:0 0 26px var(--glow);animation:bubble-breathe 7s var(--ease-breath) infinite;border-radius:50%}.v-focus{place-items:center;display:grid;position:relative}.v-focus svg{width:64px;height:64px;transform:rotate(-90deg)}.v-focus .t{font-variant-numeric:tabular-nums;color:var(--ink);font-family:Fraunces,serif;font-size:.86rem;position:absolute}.v-focus .arc{stroke:var(--accent);animation:14s linear infinite focus-sweep}@keyframes focus-sweep{0%{stroke-dasharray:8 100}to{stroke-dasharray:100 100}}.closing{text-align:center;padding-bottom:130px}.closing h2{margin:16px 0 34px;font-size:clamp(2.2rem,5.5vw,3.6rem)}.pulse-wrap{place-items:center;display:inline-grid;position:relative}.pulse-wrap:before{content:"";border:1.5px solid var(--glow);animation:cta-pulse 3s var(--ease-breath) infinite;border-radius:999px;position:absolute;inset:-9px}@keyframes cta-pulse{0%{opacity:.7;transform:scale(.96)}70%,to{opacity:0;transform:scale(1.14)}}@media (width<=820px){.hero{text-align:center;grid-template-columns:1fr;padding-top:110px}.hero .sub{margin:0 auto}.hero-ctas{justify-content:center}.hero-visual{order:-1;margin-top:10px}.bubble{width:130px;height:130px}.bubble-ring{width:210px;height:210px}.bubble-hint{display:none}.cards{grid-template-columns:1fr}}