/* Progressive motion: sections remain readable before JavaScript and after animation. */
@media (prefers-reduced-motion:no-preference){
 .sea360-v7 .s360-reveal-enter{animation:s360-content-arrive .62s cubic-bezier(.2,.65,.3,1) backwards}
 .sea360-v7 :is(.rich-card,.v7-shop .product-card,.v7-knowledge-card,.v7-journey-card).s360-reveal-enter:nth-child(3n+2){animation-delay:.06s}
 .sea360-v7 :is(.rich-card,.v7-shop .product-card,.v7-knowledge-card,.v7-journey-card).s360-reveal-enter:nth-child(3n){animation-delay:.12s}
 .sea360-v7 :is(.rich-photo,.v7-seed-photo,.v7-intro-photo,.v7-knowledge-photo,.v7-export-card,.v7-domestic-stack>a)>img{transition:transform .65s cubic-bezier(.2,.65,.3,1)}
 .sea360-v7 :is(.button,.text-link)>svg:last-child{transition:transform .22s ease}
}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .sea360-v7 :is(.rich-card,.v7-shop .product-card,.v7-knowledge-card,.v7-journey-card){transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
 .sea360-v7 :is(.rich-card,.v7-shop .product-card,.v7-knowledge-card,.v7-journey-card):is(:hover,:focus-within){transform:translateY(-3px);box-shadow:0 12px 28px #123e5912;border-color:#accddb}
 .sea360-v7 :is(.rich-photo,.v7-seed-photo,.v7-intro-photo,.v7-knowledge-photo,.v7-export-card,.v7-domestic-stack>a):is(:hover,:focus-visible)>img{transform:scale(1.025)}
 .sea360-v7 :is(.rich-card,.v7-knowledge-card):focus-within :is(.rich-photo,.v7-knowledge-photo)>img{transform:scale(1.025)}
 .sea360-v7 :is(.button,.text-link):is(:hover,:focus-visible)>svg:last-child{transform:translateX(3px)}
}
@media (prefers-reduced-motion:no-preference) and (hover:none){
 .sea360-v7 :is(.button,.v7-shop-detail):active{transform:translateY(1px)}
}
@media (min-width:1100px) and (prefers-reduced-motion:no-preference){
 .sea360-v7.s360-motion-enabled .hero-slider .hero-slide.is-active .hero-image{animation:s360-hero-drift 12s ease-out both;transform-origin:center}
 .sea360-v7.s360-motion-enabled .hero-slider:is([data-motion-paused="true"],:hover,:focus-within) .hero-slide.is-active .hero-image{animation-play-state:paused}
}
@keyframes s360-content-arrive{from{opacity:.72;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes s360-hero-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media (prefers-reduced-motion:reduce){
 .sea360-v7 .s360-reveal-enter{animation:none!important;opacity:1;transform:none}
 .sea360-v7 :is(.rich-card,.rich-photo>img,.v7-seed-photo>img,.v7-intro-photo>img,.v7-knowledge-card,.v7-knowledge-photo>img,.v7-export-card>img,.v7-domestic-stack>a>img,.button>svg,.text-link>svg){transition:none!important}
 .sea360-v7 :is(.rich-card,.v7-knowledge-card):is(:hover,:focus-within){transform:none}
}