/* 10/2 송아 요청: 초원 소나무 인트로 → 줌인하며 가운데서 열리고 메인 */
.intro{position:fixed;inset:0;z-index:9999;background:#0f1412;overflow:hidden;
  clip-path:polygon(0 0,50% 0,50% 100%,50% 100%,50% 0,100% 0,100% 100%,0 100%);
  transition:clip-path 1.3s cubic-bezier(.77,0,.18,1)}
.intro video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:scale(1);transition:transform 2.6s cubic-bezier(.4,0,.2,1)}
.intro.is-zoom video{transform:scale(1.4)}
.intro.is-open{clip-path:polygon(0 0,0 0,0 100%,100% 100%,100% 0,100% 0,100% 100%,0 100%)}
.intro__brand{position:absolute;left:50%;bottom:12vh;transform:translateX(-50%);margin:0;color:#fff;text-align:center;opacity:0;transition:opacity 1s ease .3s;text-shadow:0 2px 18px rgba(0,0,0,.4);pointer-events:none;white-space:nowrap}
.intro__brand b{display:block;font-size:clamp(28px,4vw,52px);font-weight:600}
.intro__brand span{display:block;margin-top:10px;font-size:clamp(14px,1.3vw,18px);font-weight:500;opacity:.92}
.intro.is-ready .intro__brand{opacity:1}
.intro.is-zoom .intro__brand{opacity:0;transition:opacity .5s ease}
.intro__skip{position:absolute;right:24px;top:22px;z-index:2;padding:10px 16px;border:1px solid rgba(255,255,255,.75);background:rgba(0,0,0,.28);color:#fff;font:500 14px/1 inherit;cursor:pointer;border-radius:2px}
.intro__skip:focus-visible{outline:2px solid #fff;outline-offset:2px}
.intro.is-gone{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}
html.intro-lock,html.intro-lock body{overflow:hidden}
@media (max-width:760px){.intro__brand{bottom:15vh}.intro__skip{right:16px;top:16px}}
@media (prefers-reduced-motion:reduce){.intro{display:none!important}}

html.intro-pre{background:#0f1412 url(../intro/intro.jpg?v=w2) center 45%/cover no-repeat}
/* 10/4: 첫 화면 사진은 AVIF(절반 용량) 먼저, 안 되면 jpg */
html.intro-pre{background-image:image-set(url(../intro/intro.avif?v=t2v6) type("image/avif"),url(../intro/intro.jpg?v=t2v6) type("image/jpeg"))}
html.intro-pre body{visibility:hidden}
@media (max-width:760px){html.intro-pre{background-image:url(../intro/intro-m.jpg?v=w2)}}
/* 10/2 형: 폰은 좌우 안 잘리게 가로 영상 통째로 + 위아래 검정 */
@media (max-width:760px){.intro{background:#000!important}.intro video{object-fit:contain;object-position:50% 50%;background:#000}html.intro-pre{background:#000 url(../intro/intro-m.jpg?v=t2v6) center/contain no-repeat!important;background-image:image-set(url(../intro/intro-m.avif?v=t2v6) type("image/avif"),url(../intro/intro-m.jpg?v=t2v6) type("image/jpeg"))!important}}