/* A quieter, centered desktop scale; mobile retains its usable width. */
.shell{width:calc(100% - clamp(32px,5vw,96px));max-width:1920px}
@media(min-width:851px){
 .zg-showcase{margin-top:85px;min-height:390px!important}
 .hero-cutout{width:240px;height:480px;right:9%}
 .showcase-copy{padding:42px 36px;width:58%}
 .showcase-copy h1,.showcase-copy h2{font-size:40px;max-width:520px}
 .showcase-copy p{font-size:13px}
 .showcase-copy .button{margin-top:17px;padding:12px 24px}
 .showcase-controls{padding-left:36px;padding-bottom:20px}
 .discovery-category{min-height:110px;padding:16px 20px;gap:14px}
 .category-graphic{width:80px;height:70px}
 .category-copy strong{font-size:21px}
 .night-section h2{font-size:36px}
 .moon-copy h2,.spotlight h2{font-size:44px}
 .night-section{padding-top:52px}
}
/* Snow is attached to the whole document, with even coverage at every depth. */
.snow{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.snow i,.snow i:nth-child(n){display:block;top:var(--start);left:var(--x);background:#f4edff;box-shadow:0 0 3px #eee1ff55;animation:snowfall-even var(--d) var(--delay) linear infinite}
@keyframes snowfall-even{
 0%{transform:translate3d(0,-50px,0);opacity:0}
 12%,78%{opacity:var(--opacity,.6)}
 100%{transform:translate3d(var(--drift,15px),310px,0);opacity:0}
}
@media(max-width:700px){.shell{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.snow{display:none}}