/* 비아이피 원형 확장 섹션 전용 CSS(격리) — 히어로(.hero-circle)와 라인업 아래 원형 섹션 공용 (9-18) */
.bip .sticky-circle_wrap{height:220vh;position:relative}
.bip .sticky-circle{height:calc(100vh - 96px);top:96px;padding:0;position:sticky;display:flex;align-items:center;justify-content:center;overflow:hidden}
.bip .sticky-circle_element{width:min(58vw,620px);height:min(58vw,620px);border-radius:50%;overflow:hidden;position:relative;display:block}
.bip .sticky-circle_img{height:100%;width:100%;min-width:100%;min-height:100%;object-fit:cover}
.scene-caption{position:absolute;inset:auto 20px 45px;text-align:center;color:white;text-shadow:0 2px 12px #000}
.scene-caption span{font-size:10px;letter-spacing:2px}
.scene-caption p{font-size:clamp(20px,4vw,50px);font-weight:700;word-break:keep-all}
@media(max-width:760px){.bip .sticky-circle{top:76px;height:calc(100vh - 76px)}.bip .sticky-circle_element{width:80vw;height:80vw}.bip .sticky-circle_wrap{height:175vh}.scene-caption{inset:auto 12px 28px}.scene-caption p{font-size:clamp(18px,6vw,30px)}}
@media(prefers-reduced-motion:reduce){.bip .sticky-circle_wrap{height:auto}.bip .sticky-circle{position:relative;top:auto;height:70vh}.bip .sticky-circle_element{width:100%;height:100%;border-radius:0}}
/* 히어로 = 스크롤하면 커지는 원형 사진(사용자 9-18) — 스티키 원형 효과를 히어로에도 적용 */
.bip .hero-circle{height:180vh;display:block;min-height:0;margin:0}
.bip .hero-circle .sticky-circle{height:calc(100vh - 96px);top:96px}
.bip .hero-circle_element{width:min(62vw,680px);height:min(62vw,680px)}
.bip .hero-circle_element:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.62) 100%)}
.bip .hero-circle_copy{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:min(86%,900px);text-align:center;color:#fff;z-index:2;text-shadow:0 2px 14px rgba(0,0,0,.55)}
.bip .hero-circle_copy .eyebrow{color:#fff;margin-bottom:14px}
.bip .hero-circle_copy h1{font-size:clamp(30px,4.4vw,66px);line-height:1.18}
.bip .hero-circle_copy .lead{margin:16px auto 22px;max-width:640px;font-size:16px;color:#fff}
.bip .hero-circle_copy .button.primary{background:#fff;color:#141f1c;border-color:#fff}
.bip .hero-circle .hero-bottom{position:absolute;left:0;right:0;bottom:0;background:var(--accent);color:#292a24;border:0}
.bip .hero-circle{position:relative}
@media(max-width:760px){.bip .hero-circle{height:165vh}.bip .hero-circle .sticky-circle{top:76px;height:calc(100vh - 76px)}.bip .hero-circle_element{width:88vw;height:88vw}.bip .hero-circle_copy{top:50%;bottom:auto;transform:translate(-50%,-50%);width:92%}.bip .hero-circle_copy h1{font-size:clamp(24px,7vw,34px)}.bip .hero-circle_copy .lead{font-size:13px;margin:10px auto 14px}.bip .hero-circle_copy .eyebrow{margin-bottom:8px}.bip .hero-circle_copy .button{padding:11px 16px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.bip .hero-circle{height:auto}.bip .hero-circle_element{width:100%;height:70vh;border-radius:0}}

/* 라인업 아래 정적 사진 띠(GSAP 없음, 사용자 9-18): 적당한 높이 + 텍스트 상하 정가운데 */
.bip .bip-photo-band{position:relative;height:clamp(420px,56vh,640px);overflow:hidden;margin:0}
.bip .bip-photo-band img{width:100%;height:100%;object-fit:cover;display:block}
.bip .bip-photo-band:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.28)}
.bip .bip-photo-band .band-copy{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:min(90%,900px);text-align:center;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.bip .bip-photo-band .band-copy span{display:block;font-size:11px;letter-spacing:2px;margin-bottom:12px}
.bip .bip-photo-band .band-copy p{font-size:clamp(26px,4vw,52px);font-weight:700;line-height:1.25;word-break:keep-all;margin:0}
@media(max-width:760px){.bip .bip-photo-band{height:clamp(320px,52vh,460px)}.bip .bip-photo-band .band-copy span{font-size:10px;margin-bottom:8px}.bip .bip-photo-band .band-copy p{font-size:clamp(22px,7vw,30px)}}