/* Lightweight 3D motion. Entrance sequences settle within five seconds. */
.motion-surface{--tilt-x:0deg;--tilt-y:0deg;--light-x:50%;--light-y:30%;position:relative;transform-style:preserve-3d;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .45s cubic-bezier(.2,.7,.2,1);isolation:isolate}
.motion-surface::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff38,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:5}
.motion-surface.motion-tracking::after{opacity:1}.motion-surface.motion-tracking{transition:transform .1s linear}
.category-art,.food-art,.chemical-placeholder{overflow:hidden;perspective:700px}
.science-symbol,.seed-art,.food-art>span,.chemical-placeholder>span{display:inline-block;transform-origin:center;backface-visibility:visible;text-shadow:0 5px 0 #174d4910,0 12px 22px #174d4920}
.category-art img,.food-card>img,.chemical-main-image,.detail-image,.leader img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}
.category-card:hover .category-art img,.food-card:hover>img{transform:scale(1.045)}
.chemical-media:hover .chemical-main-image{filter:brightness(1.04)}
.motion-ready .motion-in-view .science-symbol,.motion-ready .motion-in-view .seed-art,.motion-ready .motion-in-view.food-art>span,.motion-ready .motion-in-view.chemical-placeholder>span{animation:icon-depth 3.8s cubic-bezier(.22,.7,.2,1) both}
.motion-ready .motion-in-view .orbit-one{animation:orbit-depth-one 4.5s ease-in-out both}
.motion-ready .motion-in-view .orbit-two{animation:orbit-depth-two 4.5s ease-in-out both}
.motion-ready .motion-in-view .orbit-three{animation:orbit-depth-three 4.5s ease-in-out both}
.atom{animation:none}.motion-ready .motion-in-view .atom{animation:atom-float 3.6s ease-in-out both}.motion-ready .motion-in-view .a2,.motion-ready .motion-in-view .a4{animation-delay:.25s}.motion-ready .motion-in-view .a3,.motion-ready .motion-in-view .a5{animation-delay:.5s}
.motion-ready .motion-in-view .molecule-core{animation:core-arrival 3.8s ease-in-out both}
.motion-ready .motion-in-view.globe-art>div{animation:globe-depth 4.5s ease-in-out both}
.motion-ready .motion-in-view.detail-image,.motion-ready .motion-in-view.leader img{animation:image-arrival .9s ease-out both}
.motion-surface:focus-within{box-shadow:0 0 0 2px #83b9a5}
@keyframes icon-depth{0%{transform:translateY(12px) rotateY(-32deg) rotateX(12deg) scale(.94);opacity:.5}40%{transform:translateY(-7px) rotateY(24deg) rotateX(-8deg) scale(1.05);opacity:1}75%{transform:translateY(3px) rotateY(-10deg)}100%{transform:translateY(0) rotateY(0) rotateX(0) scale(1);opacity:1}}
@keyframes atom-float{0%,100%{transform:translate3d(0,0,0)}40%{transform:translate3d(5px,-13px,18px)}75%{transform:translate3d(-3px,5px,0)}}
@keyframes core-arrival{0%{transform:scale(.92) translateZ(-20px)}50%{transform:scale(1.035) translateZ(18px)}100%{transform:scale(1) translateZ(0)}}
@keyframes orbit-depth-one{0%{transform:rotateX(60deg) rotateZ(-65deg)}100%{transform:rotateX(60deg) rotateZ(-25deg)}}
@keyframes orbit-depth-two{0%{transform:rotateY(75deg) rotateZ(-30deg)}100%{transform:rotateY(55deg) rotateZ(30deg)}}
@keyframes orbit-depth-three{0%{transform:rotateY(-65deg) rotateX(20deg)}100%{transform:rotateY(-40deg) rotateX(-25deg)}}
@keyframes globe-depth{0%{transform:perspective(800px) rotateY(-28deg) rotate(-35deg)}55%{transform:perspective(800px) rotateY(20deg) rotate(-10deg)}100%{transform:perspective(800px) rotateY(0) rotate(-20deg)}}
@keyframes image-arrival{from{opacity:.6;transform:perspective(900px) rotateX(5deg) translateY(14px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}
@media(hover:hover) and (pointer:fine){.category-card:hover .science-symbol,.food-categories a:hover .seed-art{transform:translateY(-5px) rotateY(22deg);transition:transform .5s}}
@media(max-width:767px){.motion-surface{transform:none}.motion-surface::after{display:none}}
@media(prefers-reduced-motion:reduce){.motion-surface,.motion-surface.motion-tracking{transform:none!important;transition:none!important}.motion-surface::after{display:none}.motion-in-view *,.motion-in-view{animation:none!important}.category-card:hover .category-art img,.food-card:hover>img,.category-card:hover .science-symbol,.food-categories a:hover .seed-art{transform:none!important}.orbital{transform:none!important;transition:none!important}}

.hero-visual>.hero-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:24px;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%);filter:drop-shadow(0 18px 45px #00141c55)}
.development-artwork{position:relative;margin:45px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #123c5610}.development-artwork img{width:100%;height:410px;object-fit:cover;object-position:center 60%}.development-artwork figcaption{position:absolute;bottom:20px;left:24px;padding:9px 14px;border-radius:5px;background:#ffffffdd;color:var(--ink);font-size:12px;letter-spacing:.04em}
.motion-ready .motion-in-view.hero-artwork{animation:artwork-arrival 1.4s ease-out both}.motion-ready .motion-in-view.development-artwork img{animation:image-arrival 1s ease-out both}
@keyframes artwork-arrival{from{opacity:0;scale:.94}to{opacity:1;scale:1}}
@media(max-width:767px){.development-artwork{margin-top:28px}.development-artwork img{height:250px}.development-artwork figcaption{bottom:12px;left:12px;font-size:10px}.hero-visual>.hero-artwork{object-fit:contain;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 74%)}}