.motion-toggle{border:1px solid #81c8e84d;border-radius:30px;background:#17435c;color:#def6ff;padding:10px 13px;font-size:10px;white-space:nowrap;transition:background .3s,box-shadow .3s;min-height:38px}.motion-toggle:hover{background:#245872;box-shadow:0 0 20px #60ccea22}
html[data-motion=active] .studio-photographic{transform-origin:50% 65%;animation:room-breathe 20s ease-in-out infinite alternate;will-change:transform}
.a-copy{position:relative;isolation:isolate}.a-copy:after{content:'';position:absolute;z-index:-1;inset:5%;pointer-events:none;background:radial-gradient(ellipse at 35% 40%,#258bb548,transparent 64%);filter:blur(35px);animation:ambient-glow 12s ease-in-out infinite alternate}
.a-copy>*{animation:content-arrive .85s cubic-bezier(.2,.7,.2,1) both}.a-copy>:nth-child(2){animation-delay:.1s}.a-copy>:nth-child(3){animation-delay:.18s}.a-copy>:nth-child(4){animation-delay:.25s}.a-copy>:nth-child(5){animation-delay:.32s}
.immersive-gallery .scene{animation:scene-arrive .75s ease both}.scene .ambient-light{position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(108deg,transparent 5%,#d1f4ff2b 23%,transparent 41%);mix-blend-mode:screen;animation:light-travel 13s ease-in-out infinite alternate}.scene canvas.webgl{z-index:1}
html[data-motion=active] .eyebrow:before{animation:eyebrow-breathe 5s ease-in-out infinite alternate}.catalog-intro{position:relative;isolation:isolate;overflow:hidden}.catalog-intro:after{content:'';position:absolute;inset:-35%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 40%,#91d8e785,transparent 46%);animation:ambient-glow 16s ease-in-out infinite alternate}
.catalog-intro h1,.intro-aside{animation:content-arrive 1s ease both}.intro-aside{animation-delay:.16s}.catalog-card[data-motion-ready]{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s;transition-delay:var(--motion-delay)}.catalog-card.motion-entered{opacity:1;transform:translateY(0)}
html[data-motion=active] .catalog-card.motion-visible .packshot img{animation:pack-float 6s ease-in-out infinite;animation-delay:var(--float-delay)}.packshot:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#cceffc4a 45%,transparent 60%);transform:translateX(-120%);pointer-events:none}.packshot:hover:after{animation:card-sheen 1.1s ease}.card-open{transition:transform .25s,background .25s}.catalog-card:hover .card-open{transform:rotate(45deg)}
.category-entry>a{transition:transform .3s,background .3s}.category-entry>a:hover{transform:translateY(-5px);background:#1b516a}.category-entry b{transition:transform .3s}.category-entry>a:hover b{transform:translate(3px,-3px)}.model-badge{box-shadow:0 0 0 0 #37acc926;animation:badge-breathe 4s ease-in-out infinite}.model-tools{transition:box-shadow .3s}.model-tools:hover{box-shadow:0 8px 28px #0b30494d}
@keyframes room-breathe{from{transform:scale(1.045) translate(-.6%,.15%)}to{transform:scale(1.095) translate(.65%,-.5%)}}@keyframes ambient-glow{from{transform:translate(-5%,0) scale(.93);opacity:.6}to{transform:translate(7%,3%) scale(1.15);opacity:1}}@keyframes light-travel{from{transform:translateX(-30%);opacity:.25}to{transform:translateX(30%);opacity:.7}}@keyframes content-arrive{from{opacity:0;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes scene-arrive{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes eyebrow-breathe{from{width:25px;opacity:.6}to{width:42px;opacity:1}}@keyframes pack-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}@keyframes card-sheen{to{transform:translateX(120%)}}@keyframes badge-breathe{50%{box-shadow:0 0 0 5px #37acc900}} 
html[data-motion=paused] *,html[data-motion=paused] *:before,html[data-motion=paused] *:after,html.page-idle *,html.page-idle *:before,html.page-idle *:after{animation-play-state:paused!important}html[data-motion=paused] .catalog-card{opacity:1;transform:none}html[data-motion=paused] .a-copy>*{animation:none;opacity:1;transform:none}html[data-motion=paused] .catalog-intro h1,html[data-motion=paused] .intro-aside,html[data-motion=paused] .scene{animation:none}
@media(max-width:760px){header{gap:8px;padding-left:15px;padding-right:15px;flex-wrap:wrap;height:auto;min-height:88px}header .brand img{width:61px;height:52px}header nav{gap:0}header nav a{padding:10px;font-size:11px}.motion-toggle{font-size:9px;padding:7px 10px;min-height:31px;margin-left:auto}.a-copy:after{filter:blur(20px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.catalog-card[data-motion-ready]{opacity:1;transform:none}}
