.c .hero{margin:0;display:block;min-height:calc(100svh - 130px);padding:90px 6vw 80px;color:white;background:#242424;overflow:hidden}
.c .hero figure{position:absolute;inset:0;z-index:0}.c .hero figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.32) 45%,transparent 75%)}
.c .hero-image{height:100%;width:100%;object-fit:cover;object-position:65% center;border-radius:0;animation:alive-photo 1.5s ease-out both}
.c .hero figcaption{position:absolute;right:5vw;bottom:28px;color:white;z-index:2}
.c .hero-copy{max-width:680px}.c h1{font-size:clamp(64px,7.8vw,120px);line-height:1.02}.c h1 em{font-style:normal}.c .hero .kicker,.c .hero .lead,.c .hero .secondary{color:white}.c .hero .lead{font-size:19px;max-width:320px;text-shadow:0 1px 8px #000}.c .button{background:#d2115d}
.c .statement{background:#242424;color:white;padding:28px 6vw}.c .statement span:first-child{color:white}.c .collections{grid-template-columns:1.15fr .85fr;gap:5vw}.c .product{background:#f1f0ec;padding:40px}.c .product.niu{margin-top:100px;background:#fff3ee;border-top:4px solid #df806d}.c .product h3{font-size:44px}.c .split{gap:8vw}.c .split img{height:620px}.c .journey-home{background:#242424}.c .final{display:none}.c .section:nth-last-child(2){padding-bottom:120px}.c .scroll-note{z-index:2;left:6vw}
@keyframes alive-photo{from{transform:scale(1.035)}to{transform:scale(1)}}
@media(max-width:900px){.c .hero{min-height:730px;padding:36px 6vw 65px;display:flex;align-items:end}.c .hero figure:after{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.4) 48%,transparent 80%)}.c .hero-image{object-position:75% center}.c h1{font-size:61px}.c .hero .kicker{font-size:10px;margin-bottom:14px}.c .hero .lead{font-size:16px;margin:16px 0 20px;max-width:300px}.c .hero .secondary{margin-top:12px}.c .hero figcaption{display:none}.c .collections{grid-template-columns:1fr;gap:24px}.c .product.niu{margin:0}.c .product{padding:28px}.c .split{grid-template-columns:1fr;gap:28px}.c .split img{height:430px}.c .statement{font-size:14px}.c .design-bar{font-size:9px}.c .hero .button{font-size:13px}.c .hero-copy{width:100%}}
@media(prefers-reduced-motion:reduce){.c .hero-image{animation:none}}
.c .header{background:#fff;isolation:auto}
.c .product img{mix-blend-mode:normal}
@media(max-width:900px){.c .hero{min-height:650px;height:calc(100svh - 145px)}}
/* Scroll motion: full viewport traversal, with stable readable content. */
.c .in-view,.c .motion-ready .in-view:not(.visible){opacity:1;transform:none;transition:none}
.c .reveal,.c .hero-image{animation:none}
.c .photo-frame{margin:0;overflow:hidden;--photo-progress:0}
.c .split .photo-frame{aspect-ratio:1695/928;align-self:center}
.c .split [data-photo-motion="people"]{aspect-ratio:2/1}
.c .split .photo-frame img{width:100%;height:100%;object-fit:cover;object-position:center}
.c [data-photo-motion] img{transition:none;transform-origin:center;will-change:transform}
.c [data-photo-motion="hero"] img{transform:translateY(calc(-55px * var(--photo-progress))) scale(calc(1.12 + .08 * var(--photo-progress)));transform-origin:65% center}
.c [data-photo-motion="people"] img{transform:translateY(calc(6% - 12% * var(--photo-progress))) scale(1.16)}
.c [data-photo-motion="team"] img{transform:scale(calc(1.2 - .17 * var(--photo-progress)));transform-origin:55% 45%}
.c [data-photo-motion="base"] img{transform:translateY(calc(34px - 68px * var(--photo-progress))) rotate(calc(-4deg + 8deg * var(--photo-progress))) scale(calc(.94 + .08 * var(--photo-progress)))}
.c [data-photo-motion="niu"] img{transform:translateX(calc(-28px + 56px * var(--photo-progress))) rotate(calc(4deg - 8deg * var(--photo-progress))) scale(calc(1.04 - .08 * var(--photo-progress)))}
.c .split{align-items:center}
@media(max-width:900px){
.c [data-photo-motion="hero"] img{transform:translateY(calc(-30px * var(--photo-progress))) scale(calc(1.1 + .07 * var(--photo-progress)))}

}
@media(prefers-reduced-motion:reduce){.c [data-photo-motion] img{transform:none!important;animation:none!important;transition:none!important;will-change:auto}.c .reveal{animation:none!important}}
html.reduced-motion{scroll-behavior:auto}.reduced-motion .c [data-photo-motion] img{transform:none!important;will-change:auto}