.main:has(>.landing-hero){padding-top:0}.landing-hero{position:relative;width:100%;max-width:var(--max-width);padding:0 1.5rem;margin:0 auto 1.75rem;text-align:left}.landing-stage{isolation:isolate;position:relative;min-height:540px;padding:140px 0 100px}.landing-art,.landing-shade{position:absolute;inset:0;z-index:-1;pointer-events:none}.landing-art{inset:0 -1.5rem;mask-image:linear-gradient(to bottom,transparent,rgba(0,0,0,.06) 8%,rgba(0,0,0,.3) 18%,rgba(0,0,0,.7) 30%,#000 40%,#000 50%,rgba(0,0,0,.8) 60%,rgba(0,0,0,.35) 75%,rgba(0,0,0,.08) 90%,transparent),linear-gradient(to right,transparent,rgba(0,0,0,.1) 2%,rgba(0,0,0,.5) 7%,#000 14%,#000 86%,rgba(0,0,0,.5) 93%,rgba(0,0,0,.1) 98%,transparent);mask-composite:intersect}.landing-art-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right top;opacity:0}.landing-art-image.is-active{opacity:1}.landing-art-image:not([src]){visibility:hidden}.landing-shade{inset:0 -1.5rem;background:linear-gradient(90deg,var(--bg-body),var(--bg-body) 8%,transparent 82%);mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}.landing-content{position:relative;max-width:550px;z-index:1}.landing-hero h1{font-family:var(--font-display);font-size:clamp(2.3rem,4.8vw,3rem);font-weight:700;line-height:1.15;letter-spacing:-.035em;margin:0 0 .75rem;color:var(--text-white);text-wrap:balance}.landing-description{max-width:400px;font-size:1.05rem;line-height:1.65;color:var(--text-secondary);margin:0 0 1.6rem;text-wrap:pretty}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.landing-actions>.btn{display:inline-flex;justify-content:center;align-items:center;gap:.65rem;min-height:48px;padding:.85rem 1.5rem;font-size:.95rem}.landing-roblox-icon{width:20px;height:20px;flex-shrink:0;fill:currentColor}.landing-actions>.btn-outline{background:var(--bg-body)}.landing-browse{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.landing-browse a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.75rem;min-width:0;color:var(--text-secondary);text-align:center;text-decoration:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.landing-browse .landing-feature-icon{display:block;width:24px;height:24px;flex-shrink:0;object-fit:contain;color:var(--accent);margin:0 auto .1rem}.landing-browse strong{display:block;font-size:.88rem;font-weight:600;color:var(--text-primary)}.landing-browse small{display:block;font-size:.76rem;line-height:1.5;max-width:210px;margin:0 auto}.landing-browse a:hover strong{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.landing-feature-intro{position:absolute;bottom:1.4rem;left:0;max-width:55%;margin:0;font-size:.72rem;color:var(--text-muted)}.landing-art-credit{position:absolute;bottom:1.4rem;right:0;display:flex;align-items:center;gap:.65rem;max-width:43%;color:var(--text-muted)}.landing-art-credit>a{font-size:.72rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-art-credit>a:hover{color:var(--text-primary)}@media(max-width:900px){.landing-browse{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-stage{padding-top:110px}.landing-content{max-width:450px}}@media(max-width:700px){.landing-hero{padding:0 1.25rem;text-align:center}.landing-stage{padding:230px 0 75px;min-height:0}.landing-art{inset:0 -1.25rem;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 25%,rgba(0,0,0,.35) 50%,transparent 75%),linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.landing-art-image{object-position:center top}.landing-shade{display:none}.landing-content{margin:0 auto}.landing-description{font-size:.95rem;margin-left:auto;margin-right:auto}.landing-hero h1{font-size:clamp(2.15rem,7vw,2.75rem)}.landing-actions{justify-content:center}.landing-art-credit,.landing-feature-intro{bottom:.75rem}.landing-feature-intro{text-align:left}}@media(max-width:420px){.landing-hero{padding:0 .75rem}.landing-stage{padding-top:210px}.landing-art{inset:0 -.75rem}.landing-actions{gap:.65rem}.landing-actions>.btn{width:100%;max-width:290px}.landing-browse a{padding:.7rem .6rem}.landing-hero h1{font-size:2.15rem}}