/* Experience v2 — progressive enhancement over the approved LP */
:root{--motion-ease:cubic-bezier(.2,.7,.2,1)}
.experience-progress{position:fixed;z-index:100;top:0;left:0;height:3px;width:100%;background:#ff8b4c;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero-film h1{animation:hero-arrive 1.2s var(--motion-ease) both}.hero-film h1 .second-line{animation:hero-arrive 1.4s .18s var(--motion-ease) both}.hero-kicker{animation:hero-arrive .9s .1s both}
@keyframes hero-arrive{from{opacity:0;transform:translateY(45px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
.reveal-section{opacity:1;transform:none;transition:opacity .9s var(--motion-ease),transform .9s var(--motion-ease)}
.reveal-section.is-pending{opacity:0;transform:translateY(30px)}
.horizontal-experience{position:relative;margin-top:0}.horizontal-stage{position:sticky;top:0;padding-top:35px;overflow:hidden}.horizontal-stage .section-heading{margin-bottom:18px}.horizontal-stage .service-index-links{display:flex;gap:44px;will-change:transform}
.horizontal-stage .service-entry{flex-basis:min(70vw,920px);flex-shrink:0;min-width:0}.horizontal-stage .service-entry>a{min-height:100px;display:block}.horizontal-stage .service-entry h3{font-size:clamp(28px,3vw,44px);line-height:1.35}.horizontal-stage .service-film,.horizontal-stage .community-demo{aspect-ratio:16/8;max-height:57vh;object-fit:cover}.horizontal-stage .community-demo{aspect-ratio:16/9;max-height:none}
.horizontal-stage .service-entry:last-child{flex-basis:min(65vw,820px)}
.experience-counter{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:.15em;padding:15px 0;color:var(--muted)}
.nuko-depth{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 0;perspective:1000px}.nuko-depth i{display:block;aspect-ratio:1;background-image:url('photos/nuko-goods-concept-v2.png');background-size:330% 330%;border-radius:2px;box-shadow:0 15px 24px #20231f0c;transform:translateY(var(--depth-y,0px)) rotateX(4deg);transition:transform .6s var(--motion-ease),box-shadow .6s}.nuko-depth i:nth-child(3n+2){--depth-y:-12px}.nuko-depth i:hover{transform:translateY(-9px) rotateX(0deg) scale(1.035);box-shadow:0 20px 35px #20231f20}
.about-concept:has(.nuko-depth)>img{display:none}.contact-cta{transition:background .3s,transform .4s var(--motion-ease),box-shadow .4s;will-change:transform}.contact-cta:hover{box-shadow:0 22px 70px #e6664f25}.contact-cta:focus-visible{outline-offset:10px}
@media(max-width:760px){.nuko-depth{gap:8px;padding:10px 0}.nuko-depth i:nth-child(3n+2){--depth-y:-6px}.hero-film h1{animation-duration:.9s}.service-entry h3{font-size:23px}.contact-cta{transform:none!important}}
@media(prefers-reduced-motion:reduce){.hero-film h1,.hero-film h1 .second-line,.hero-kicker{animation:none}.reveal-section.is-pending{opacity:1;transform:none}.nuko-depth i{transform:none!important;transition:none}.contact-cta{transform:none!important;transition:none}.experience-progress{display:none}}