.promo-intro{height:100svh;min-height:560px;position:relative;background:#1b211e;color:#fff;overflow:hidden;isolation:isolate}.promo-intro .promo-visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 44%;z-index:-2}.promo-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(#0006,transparent 45%,#000a);z-index:-1}.promo-intro-top{position:absolute;top:max(25px,env(safe-area-inset-top));left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:center;font:24px Georgia,serif}.promo-intro-top a{font:14px Arial,sans-serif;color:#fff;text-decoration:underline;text-underline-offset:5px}.promo-intro-copy{position:absolute;bottom:max(8vh,40px);left:5vw;right:5vw;text-align:center}.promo-intro-copy h1{font:400 clamp(30px,4vw,60px)/1.2 'Malgun Gothic',sans-serif;margin:0 0 14px}.promo-intro-copy p{font-size:14px}.promo-enter{display:inline-block;padding:17px 34px;background:#f5f3eb;color:#17231d;font-size:17px;font-weight:700;text-decoration:none;border:1px solid #fff;border-radius:40px;margin:12px 0}.promo-note{display:block;font-size:11px}.promo-intro a:focus-visible{outline:3px solid #b8ff85;outline-offset:5px}.promo-toggle{position:absolute;right:20px;bottom:18px;background:#18221ddd;color:white;border:1px solid #fff8;padding:9px 12px;border-radius:20px}.promo-intro-copy{background:#17211de6;max-width:530px;border-radius:18px;padding:20px;margin:auto}.promo-intro-copy p{margin:10px 0}@media(min-width:800px){.promo-intro .promo-visual{object-fit:contain;background:#1b211e}.promo-intro-copy{left:5vw;right:auto;bottom:12vh;width:36vw}.promo-intro-copy h1{font-size:40px}}@media(prefers-reduced-motion:reduce){.promo-intro .promo-visual{visibility:hidden}.promo-intro{background:#222b25 url('assets/welcome-01.webp') center/cover}}

.promo-intro .promo-visual{object-fit:cover;background:transparent}.promo-intro-copy{background:transparent}.promo-intro-top a{background:#18221dcc;border:1px solid #fff9;border-radius:30px;padding:13px 20px;text-decoration:none}.promo-intro-copy:after{content:"AI 생성 스타일 이미지 · 실제 고객 사진 아님";display:block;font-size:10px;margin-top:10px}@media(min-width:800px){.promo-intro .promo-visual{object-fit:cover}.promo-intro-copy{left:5vw;bottom:9vh;text-align:left}}

/* Mobile stability: keep a fixed-height poster until the visitor requests playback. */
@media(max-width:799px){
 .promo-intro{height:100svh;min-height:500px;background:#222b25 url('assets/welcome-01.webp') 50% 50%/cover no-repeat;overflow:clip}
 .promo-intro .promo-visual{visibility:hidden;transform:none}
 .promo-intro .promo-visual.is-playing{visibility:visible}
 .promo-intro-copy{bottom:100px;padding:12px 0;left:18px;right:18px}
 .promo-intro-top{left:18px;right:18px;font-size:25px}
 .promo-intro-top a{font-size:12px;padding:12px 15px;min-height:44px}
 .promo-toggle{bottom:25px;right:18px;min-height:44px}
 .promo-enter{min-height:48px;max-width:100%;font-size:17px}
 .promo-note{font-size:12px;line-height:1.6}
 html{overflow-x:clip;scroll-behavior:auto}
 .promo-intro *{animation:none!important;transition:none!important}
}
@supports not (height:100svh){.promo-intro{height:680px}}

/* Static first screen: no video controls, playback, or mobile visibility workaround. */
.promo-intro .promo-visual{visibility:visible;object-fit:cover;transform:none}
@media(prefers-reduced-motion:reduce){.promo-intro .promo-visual{visibility:visible}}