/* A transparent particle sculpture sits directly on the ivory hero. */
.hero-main{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:0;padding-top:22px}
.hero-copy{min-width:0}
.hero h1{font-size:clamp(70px,8.15vw,134px)}
.hero-copy .hero-description{max-width:440px;font-size:18px;line-height:1.65;color:var(--ink-soft);margin-top:30px}
.hero-sculpture{position:relative;min-width:0;isolation:isolate;transform:translateX(clamp(32px,4vw,56px))}
.solana-particles{--sculpture-scale:1.12;--sculpture-x:.53;--sculpture-y:.455;position:relative;height:clamp(370px,33vw,510px);width:100%;overflow:hidden}
.solana-particles canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .35s}
.solana-particles.is-ready canvas{opacity:1}
.solana-particles.is-ready{cursor:grab;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
.solana-particles.is-dragging{cursor:grabbing}
.solana-particles:focus-visible{outline:2px solid var(--champagne);outline-offset:-4px}
.solana-particles-fallback{position:absolute;left:53%;top:48.5%;width:94%;height:107%;transform:translate(-50%,-50%);background:url('/assets/solana-static.svg') center/contain no-repeat}
/* The head sets this before first paint; load/initialization failures reveal the static artwork. */
.sculpture-loading .solana-particles-fallback{visibility:hidden}
.solana-particles.is-ready .solana-particles-fallback{display:none}
.sculpture-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-bottom{margin-top:14px}
@media(min-width:1700px){.hero-main{padding-top:36px}}
@media(max-width:1100px){.hero-copy .hero-description{font-size:17px;max-width:360px}.hero h1{font-size:8.15vw}.solana-particles{height:360px}.hero-sculpture{transform:translateX(28px)}}
@media(max-width:800px){
 .hero-main{grid-template-columns:1fr;padding-top:42px;gap:6px}
 .hero h1{font-size:clamp(62px,12.7vw,102px)}
 .hero-copy .hero-description{font-size:16px;margin-top:24px;max-width:440px}
 .hero-sculpture{width:min(100%,480px);justify-self:center;transform:none}
 .solana-particles{--sculpture-scale:1.06;--sculpture-x:.5;--sculpture-y:.49;height:310px}
 .solana-particles-fallback{left:50%;top:51.8%;height:102%}
 .hero-bottom{margin-top:24px}
}
@media(max-width:420px){.hero h1{font-size:16.2vw}.solana-particles{height:280px}.hero-copy .hero-description{max-width:330px}}