.bip-motion-hero{position:relative;background:var(--paper);color:var(--ink)}
.bip-motion-hero .mh-container{min-height:200vh}
.bip-motion-hero .mh-sticky{position:sticky;top:0;width:100%;padding-bottom:45px}
.bip-motion-hero .mh-photo{width:100%;max-width:100%;height:100vh;margin:auto;position:relative;overflow:hidden}
.bip-motion-hero .mh-photo:after{content:"";position:absolute;inset:0;background:rgba(0,15,12,.4)}
.bip-motion-hero .mh-photo img{width:100%;height:100%;object-fit:cover}
.bip-motion-hero .mh-title{position:absolute;inset:0 0 auto;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fffdf5;padding:100px 24px;z-index:1}
.bip-motion-hero .mh-title h1{font-size:clamp(32px,4.2vw,70px);line-height:1.35;color:inherit}
.bip-motion-hero .mh-title>p:first-child{font-size:11px;letter-spacing:3px;margin-bottom:24px}
.bip-motion-hero .mh-title>p{margin-top:24px;font-size:17px}
.bip-motion-hero .mh-title .button{margin-top:30px;color:#fffdf5}
.bip-motion-hero .mh-desc{max-width:1000px;margin:38px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:0 24px;opacity:0;visibility:hidden}
.bip-motion-hero .mh-desc h2{font-size:32px;line-height:1.4}
.bip-motion-hero .mh-desc p{font-size:16px;line-height:1.9}
.bip-motion-guide .mg-heading{text-align:center;margin-bottom:70px}
.bip-motion-guide .mg-heading h2{font-size:clamp(32px,4vw,50px)}
.bip-motion-guide .mg-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;max-width:1280px;margin:auto}
.bip-motion-guide .mg-sticky{position:sticky;top:196px}
.bip-motion-guide .mg-sticky h3{font-size:36px}
.bip-motion-guide .mg-index{padding:0;list-style:none;margin:48px 0 0}
.bip-motion-guide .mg-index li{font-size:18px;line-height:1.7;margin:16px 0;color:#8c9891;transition:color .3s}
.bip-motion-guide .mg-index li.active{color:var(--ink);font-weight:700}
.bip-motion-guide .mg-item+.mg-item{margin-top:120px}
.bip-motion-guide .mg-item img{width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}
.bip-motion-guide .mg-item h3{font-size:28px;margin:24px 0 14px}
.bip-motion-guide .mg-item p{font-size:16px;line-height:1.9;color:var(--muted)}
@media(max-width:992px){
 .bip-motion-hero .mh-container{min-height:0}
 .bip-motion-hero .mh-sticky{position:relative;padding-bottom:52px}
 .bip-motion-hero .mh-photo,.bip-motion-hero .mh-title{height:78svh;min-height:520px}
 .bip-motion-hero .mh-title h1{font-size:clamp(26px,5.7vw,48px)}
 .bip-motion-hero .mh-title>p{font-size:14px}
 .bip-motion-hero .mh-desc{visibility:visible;opacity:1;grid-template-columns:1fr;gap:22px;margin-top:32px}
 .bip-motion-hero .mh-desc h2{font-size:28px}
 .bip-motion-hero .mh-desc p{font-size:14px}
 .bip-motion-guide .mg-layout{grid-template-columns:1fr;gap:32px}
 .bip-motion-guide .mg-heading{margin-bottom:30px}
 .bip-motion-guide .mg-left{position:sticky;top:76px;z-index:3;background:var(--paper)}
 .bip-motion-guide .mg-sticky{position:relative;top:auto;padding:20px 0}
 .bip-motion-guide .mg-sticky h3{font-size:24px}
 .bip-motion-guide .mg-index{margin:16px 0 0}
 .bip-motion-guide .mg-index li{font-size:14px;margin:0}
 .bip-motion-guide .mg-index li:not(.active){display:none}
 .bip-motion-guide .mg-item+.mg-item{margin-top:60px}
}
@media(prefers-reduced-motion:reduce){.bip-motion-hero .mh-container{min-height:0}.bip-motion-hero .mh-sticky{position:relative}.bip-motion-hero .mh-desc{opacity:1;visibility:visible}}

/* Ordinary document flow: no GSAP, pinning or scroll-linked effects. */
.bip-motion-hero .mh-container{min-height:0}
.bip-motion-hero .mh-sticky{position:relative;top:auto}
.bip-motion-hero .mh-photo,.bip-motion-hero .mh-title{height:85svh;min-height:520px;max-height:960px}
.bip-motion-hero .mh-desc{opacity:1;visibility:visible}
.bip-motion-guide .mg-sticky,.bip-motion-guide .mg-left{position:static}
.bip-motion-guide .mg-index li,.bip-motion-guide .mg-index li:not(.active){display:list-item;color:var(--muted);font-weight:400}
.bip-lineup .lu-item img{object-fit:contain;object-position:center}

html{scroll-behavior:auto}