.kicker{color:#f8fafc8c;font-size:.65rem;letter-spacing:.32em}.kicker,.title{text-transform:uppercase}.title{font-family:Syne,Space Grotesk,Arial,sans-serif;font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.12em;margin:0}.subtitle{color:#f8fafccc;font-size:clamp(1.05rem,2.4vw,1.3rem);margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-left:auto;margin-right:auto;margin-top:.75rem;max-width:520px;width:100%}.btn{border:1px solid transparent;border-radius:999px;box-sizing:border-box;font-weight:700;max-width:100%;padding:.85rem 1.4rem;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 16px 30px #0000004d;color:#fff}.btn-primary[disabled]{box-shadow:none;cursor:not-allowed;opacity:.6}.btn-ghost{background:#ffffff14;border-color:#fff3;color:#fff}.btn-ghost:hover{border-color:var(--accent)}.about{margin:1.5rem auto 2.5rem;max-width:720px;text-align:center}.about-text{color:#f8fafcb3;margin:0}.featured-head{margin-bottom:1.75rem;text-align:center}.featured-head h2{font-family:Syne,Space Grotesk,Arial,sans-serif;letter-spacing:.2em;margin:0 0 .5rem;text-transform:uppercase}.featured-head p{color:#f8fafcb3;margin:0}.featured-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{background:var(--panel);border:1px solid hsla(0,0%,100%,.08);border-radius:18px;box-shadow:0 18px 40px #0000004d;display:grid;min-height:320px;overflow:hidden}.tile.disabled{opacity:.7}.tile-media{height:200px;overflow:hidden;position:relative}.tile-media img{height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.03);transition:transform .4s ease;width:100%}.tile:hover .tile-media img{transform:scale(1.08)}.tile-body{display:grid;gap:.45rem;padding:1.1rem}.tile-body h3{font-size:1.1rem;margin:0}.tile-body p{color:#f8fafcb3;margin:0}.tile-link{color:var(--accent);font-weight:700;text-decoration:none}.tile-link.muted{color:#f8fafc73}@media (max-width:640px){.hero-actions{flex-direction:column}.btn{text-align:center;width:100%}.featured-grid{gap:.95rem;grid-template-columns:1fr}.tile{min-height:280px}.tile-media{height:180px}}