/* Defocused dimensional light, kept behind every interactive surface. */
body{isolation:isolate;--depth-x:0px;--depth-y:0px;--ambient-warm:201,83,45;--ambient-cool:92,121,78}
.atmosphere{position:fixed;inset:-8%;z-index:-1;overflow:hidden;pointer-events:none;contain:strict;perspective:1100px}
.atmosphere-plane{position:absolute;inset:0;transform:translate3d(var(--depth-x),var(--depth-y),0);transition:transform 1.6s cubic-bezier(.2,.65,.25,1)}
.depth-object{position:absolute;display:block;aspect-ratio:1;border-radius:50%;pointer-events:none;--object-angle:0deg;animation:depth-drift 22s ease-in-out infinite alternate;filter:blur(25px);opacity:.65}
.depth-sphere{width:clamp(330px,43vw,680px);left:-13%;top:9%;background:radial-gradient(circle at 29% 24%,rgba(var(--ambient-warm),.8),rgba(var(--ambient-warm),.23) 34%,#0b0b0bf5 68%);box-shadow:inset -35px -42px 70px #000b,inset 10px 9px 30px rgba(var(--ambient-warm),.2),0 0 130px rgba(var(--ambient-warm),.12)}
.depth-orbit{width:clamp(340px,48vw,760px);right:-13%;top:5%;--object-angle:-28deg;animation-duration:29s;animation-delay:-12s;filter:blur(18px);opacity:.5}
.depth-orbit:before{content:'';position:absolute;inset:9%;border:54px solid rgba(var(--ambient-cool),.48);border-top-color:rgba(var(--ambient-cool),.8);border-bottom-color:rgba(var(--ambient-cool),.16);border-radius:50%;transform:rotateX(51deg) rotateY(-20deg);box-shadow:inset 0 9px 20px rgba(var(--ambient-cool),.5),0 13px 30px #000a,0 -9px 45px rgba(var(--ambient-cool),.25)}
.depth-haze{width:clamp(300px,45vw,720px);right:15%;bottom:-37%;background:radial-gradient(circle at 35% 30%,rgba(var(--ambient-warm),.38),rgba(var(--ambient-warm),.09) 38%,transparent 70%);filter:blur(46px);animation-duration:34s;animation-delay:-16s;opacity:.58}
.atmosphere-local{position:absolute;inset:0;z-index:-1;--ambient-warm:240,100,49;--ambient-cool:179,80,42}
.atmosphere-local .depth-sphere{left:auto;right:-11%;top:-34%;width:66%;min-width:500px;opacity:.67;filter:blur(29px)}
.atmosphere-local .depth-orbit{left:22%;right:auto;top:35%;width:48%;min-width:410px;opacity:.34;filter:blur(15px)}
.atmosphere-local .depth-haze{width:60%;right:-7%;bottom:-45%;opacity:.7}
.campaign-hero>.atmosphere-local{z-index:-2}
.campaign-grid{z-index:-1}
.featured-showcase>.atmosphere-local{--ambient-warm:170,87,45;--ambient-cool:101,123,83;opacity:.7}
.featured-showcase>.atmosphere-local .depth-sphere{width:48%;min-width:360px;right:-7%;top:-50%}
.featured-showcase>.atmosphere-local .depth-orbit{left:-20%;top:20%;width:52%;opacity:.5}
.featured-showcase{background:linear-gradient(120deg,#15120fed,#10120fe8)}
.category-tile{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tee-tile{background:radial-gradient(ellipse at 75% 100%,#49281ab3,transparent 60%),#171614cc}
.cap-tile{background:radial-gradient(ellipse at 80% 30%,#303b2a99,transparent 65%),#151815cc}
.summit-page{--ambient-warm:132,112,71;--ambient-cool:100,148,100}
.summit-page>.atmosphere .depth-sphere{opacity:.45}
.summit-page>.atmosphere .depth-orbit{opacity:.7;top:18%}
.design-page{--ambient-warm:132,92,170;--ambient-cool:83,112,142}
.atmosphere.is-idle .depth-object{animation-play-state:paused}
.motion-paused .atmosphere-plane{transform:none;transition:none}
.motion-paused .depth-object{animation:none!important}
@keyframes depth-drift{from{transform:translate3d(0,0,0) rotate(var(--object-angle)) scale(1)}to{transform:translate3d(25px,-32px,35px) rotate(calc(var(--object-angle) + 8deg)) scale(1.04)}}
@media(max-width:760px){
 .atmosphere{inset:-5%}
 .atmosphere-plane{transform:none!important}
 .depth-object{filter:blur(23px);animation-duration:30s}
 .depth-sphere{width:360px;left:-65%;top:15%;opacity:.55}
 .depth-orbit{width:420px;right:-67%;top:34%;filter:blur(20px);opacity:.47}
 .depth-orbit:before{border-width:38px}
 .depth-haze{display:none}
 .atmosphere-local .depth-sphere{min-width:0;width:560px;right:-100%;top:25%;opacity:.56;filter:blur(26px)}
 .atmosphere-local .depth-orbit{min-width:0;width:390px;left:-52%;top:52%;opacity:.35}
 .featured-showcase>.atmosphere-local .depth-sphere{min-width:0;width:400px;right:-80%;top:10%}
 .featured-showcase>.atmosphere-local .depth-orbit{width:390px;left:-80%;top:50%}
 .category-tile{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
}
@media(prefers-reduced-motion:reduce){.depth-object{animation:none!important}.atmosphere-plane{transform:none!important;transition:none!important}}
/* Dark glass keeps product information clear in front of the light forms. */
.product-page .pdp-info{background:linear-gradient(130deg,#181612e6,#0e100dc9)}
.summit-page .pdp-info{background:linear-gradient(130deg,#172018d9,#0d100ec9)}