.hero{padding-top:var(--nav-h);text-align:center;position:relative;overflow:hidden}.hero-banner{width:100%;min-height:580px;padding:var(--sp-80) var(--sp-24) var(--sp-64);background:url(/loom-hero-banner.svg) top/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hero-banner:after{content:"";background:linear-gradient(to bottom, transparent 0%, var(--surface-0) 100%);pointer-events:none;height:200px;position:absolute;bottom:0;left:0;right:0}.hero-banner:before{content:"";pointer-events:none;background:radial-gradient(#0e0c188c 0%,#0e0c18b3 100%);position:absolute;inset:0}.hero-content{z-index:2;max-width:820px;position:relative}.hero-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--surface-0);background:var(--yellow);margin-bottom:var(--sp-32);letter-spacing:.02em;border-radius:20px;padding:5px 16px;font-weight:600;display:inline-block}.hero h1{font-family:var(--font-display);font-size:var(--text-display);letter-spacing:-.04em;color:#fff;margin:0 auto var(--sp-24);text-shadow:0 2px 24px #000000b3,0 4px 40px #0006;font-weight:800;line-height:1.1}.hero h1 em{color:var(--yellow);text-shadow:0 2px 24px #000000b3,0 0 30px #e8e51133;font-style:normal}.hero-sub{font-size:var(--text-body);color:#ffffffe6;max-width:560px;margin:0 auto var(--sp-40);text-shadow:0 1px 12px #0009,0 2px 20px #0000004d;line-height:1.7}.hero-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:#ffffff80;margin-top:var(--sp-12);text-shadow:0 1px 4px #0006}.hero-shot{z-index:2;padding:0 var(--sp-24);margin-top:-40px;position:relative}.hero-shot .contain{position:relative}.hero-shot img{width:100%;max-width:var(--max-w);border-radius:var(--r-lg);border:1px solid #6a5be833;margin:0 auto;box-shadow:0 32px 80px -12px #000000b3,0 0 0 1px #6a5be814,0 0 60px #e8e5110d}.hero-shot:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(#6a5be814 0%,#0000 70%);height:160px;position:absolute;bottom:-60px;left:10%;right:10%}.showcase{padding-top:var(--sp-128);padding-bottom:var(--sp-96)}.showcase-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-80);text-align:center;font-weight:600}.showcase-item{gap:var(--sp-64);margin-bottom:var(--sp-128);grid-template-columns:1fr 1fr;align-items:center;display:grid}.showcase-item:last-child{margin-bottom:0}.showcase-item.reverse .showcase-text{order:2}.showcase-item.reverse .showcase-visual{order:1}.showcase-text h2{font-family:var(--font-display);font-size:var(--text-h2);letter-spacing:-.03em;margin-bottom:var(--sp-16);font-weight:800}.showcase-text h2 span{color:var(--yellow)}.showcase-text p{font-size:var(--text-body);color:var(--text-1);line-height:1.75}.showcase-visual{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface-1);aspect-ratio:16/10;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.showcase-visual:hover{border-color:#e8e51133;box-shadow:0 0 40px #e8e5110f}.showcase-visual img{object-fit:cover;width:100%;height:100%}.showcase-placeholder{width:100%;height:100%;font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-2);justify-content:center;align-items:center;display:flex}.coming-up{background:linear-gradient(135deg, var(--brand) 0%, #4a3bc8 50%, var(--surface-0) 200%);border:none;padding:80px 0;position:relative;overflow:hidden}.coming-up:before{content:"";pointer-events:none;background:linear-gradient(135deg,#e8e51114 0%,#0000 50%),linear-gradient(215deg,#00000026 0%,#0000 50%);position:absolute;inset:0}.coming-up:after{content:"";background:linear-gradient(90deg, transparent, var(--yellow-glow), transparent);pointer-events:none;height:4px;position:absolute;top:-2px;left:0;right:0}.coming-up .contain{z-index:1;justify-content:space-between;align-items:center;gap:48px;display:flex;position:relative}.coming-up-content{flex:1}.coming-up-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--yellow);text-transform:uppercase;letter-spacing:.12em;margin-bottom:16px;font-weight:700}.coming-up h3{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin-bottom:12px;font-size:clamp(2.25rem,5vw,3.5rem);font-weight:900;line-height:1.05}.coming-up-desc{color:#ffffffd9;max-width:480px;margin-bottom:28px;font-size:1.0625rem;line-height:1.7}.coming-up-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.coming-up-cta{font-family:var(--font-body);color:var(--surface-0);background:var(--yellow);border-radius:8px;align-items:center;gap:8px;padding:14px 32px;font-size:.9375rem;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 4px 24px #00000026}.coming-up-cta:hover{background:var(--yellow-dim);box-shadow:0 8px 32px var(--yellow-glow);transform:translateY(-2px)}.coming-up-cta svg{width:16px;height:16px}.more{padding-top:var(--sp-64);padding-bottom:var(--sp-96);border-top:1px solid var(--border)}.more-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--yellow);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-40);font-weight:600}.more-grid{gap:var(--sp-32) var(--sp-48);grid-template-columns:1fr 1fr;display:grid}.more-item{transition-delay:calc(var(--i,0) * 60ms)}.more-item h3{font-family:var(--font-display);font-size:var(--text-body);color:var(--text-0);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-8);font-weight:700;display:flex}.more-item h3 .check{width:16px;height:16px;color:var(--yellow);flex-shrink:0}.more-item p{font-size:var(--text-small);color:var(--text-2);padding-left:24px;line-height:1.6}.more-item .tag{font-family:var(--font-mono);color:var(--surface-0);background:var(--yellow);margin-left:var(--sp-8);vertical-align:middle;border-radius:4px;padding:2px 8px;font-size:.6875rem;font-weight:600;display:inline-block}@media (width<=768px){.hero-banner{min-height:480px;padding:var(--sp-64) var(--sp-16) var(--sp-48)}.showcase-item{gap:var(--sp-32);grid-template-columns:1fr}.showcase-item.reverse .showcase-text,.showcase-item.reverse .showcase-visual{order:unset}.more-grid{grid-template-columns:1fr}.coming-up .contain{text-align:center;flex-direction:column}.coming-up-desc{margin-left:auto;margin-right:auto}.coming-up-actions{justify-content:center}.hero-shot{margin-top:-20px}}@media (width<=480px){.hero h1{font-size:2rem}.hero-sub{font-size:var(--text-small)}.hero-banner{min-height:400px;padding:var(--sp-48) var(--sp-16) var(--sp-32)}}