.aem-drive-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;pointer-events:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}
.aem-drive-intro__scene{position:relative;isolation:isolate;box-sizing:border-box;overflow:hidden;flex:none;width:calc(100vw - 28px);max-width:430px;height:calc(100vh - 36px);max-height:700px;min-height:0;border:1px solid rgba(255,255,255,.25);border-radius:28px;background:#0d1a2e;color:#fff;box-shadow:0 20px 56px rgba(0,0,0,.24);pointer-events:auto;animation:aem-di-enter .65s cubic-bezier(.18,.85,.22,1) both}
.aem-drive-intro__landscape{position:absolute;top:0;right:0;bottom:0;left:0;background:#0e1b32 url('../img/chuseok/moon-drive-road-v2.webp') center 58%/cover no-repeat}
.aem-drive-intro__dim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(6,18,32,.55),rgba(6,18,32,.09) 38%,rgba(6,16,30,.1) 67%,rgba(3,11,21,.58))}
.aem-drive-intro__brand{position:absolute;top:27px;left:26px;z-index:6;color:#ff7448;font-size:18px;font-weight:850;letter-spacing:.045em;text-shadow:0 2px 10px #091524}
.aem-drive-intro__close{position:absolute;top:21px;right:20px;z-index:9;width:38px;height:38px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(12,25,40,.75);color:#fff;font:26px/1 system-ui,sans-serif;cursor:pointer}
.aem-drive-intro__headline{position:absolute;top:16%;left:25px;right:25px;z-index:3;text-align:center;text-shadow:0 2px 18px rgba(0,0,0,.55);animation:aem-di-text .7s .48s both}
.aem-drive-intro__headline small{display:block;margin-bottom:10px;color:#ffbb94;font-size:11px;font-weight:800;letter-spacing:.19em}
.aem-drive-intro__headline strong{display:block;color:#fff4e9;font-family:Georgia,"Noto Serif KR",serif;font-size:30px;font-size:clamp(26px,7vw,35px);line-height:1.32;letter-spacing:-.055em}
.aem-drive-intro__headline span{display:block;margin-top:14px;font-size:13px;letter-spacing:-.025em}
.aem-drive-intro__car{position:absolute;left:21%;bottom:12%;z-index:4;width:61%;height:auto;max-height:260px;object-fit:contain;will-change:transform,opacity;animation:aem-di-drive 3.9s .8s cubic-bezier(.2,.52,.25,1) both;user-select:none}
.aem-drive-intro__car-still{position:absolute;left:2%;bottom:1%;z-index:8;width:52%;height:auto;object-fit:contain;opacity:0;pointer-events:none;user-select:none;animation:aem-di-park .7s 4.3s ease-out forwards}
.aem-drive-intro__trail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
.aem-drive-intro__trail path{fill:none;stroke:#ff8b3f;stroke-width:5;stroke-linecap:round;stroke-dasharray:1100;stroke-dashoffset:1100;animation:aem-di-draw 3.15s 1.35s ease-in-out both}
.aem-drive-intro__trail-glow{stroke:#ff7c32!important;stroke-width:16!important;opacity:.3}
.aem-drive-intro__spark,.aem-drive-intro__leaf{position:absolute;z-index:4;opacity:0;pointer-events:none}
.aem-drive-intro__spark{width:8px;height:8px;border-radius:50%;background:#ffe8b3;box-shadow:0 0 15px 6px #ff813e}
.aem-drive-intro__spark--a{left:30%;top:71%;animation:aem-di-glow 1.6s 2s ease-in-out both}.aem-drive-intro__spark--b{left:64%;top:57%;animation:aem-di-glow 1.6s 2.6s ease-in-out both}.aem-drive-intro__spark--c{left:53%;top:44%;animation:aem-di-glow 1.5s 3.1s ease-in-out both}
.aem-drive-intro__leaf{width:30px;height:16px;border:1px solid #ffe6b7aa;border-radius:100% 3% 100% 5%;background:linear-gradient(120deg,#ffca89,#f88750);box-shadow:0 0 12px #f87a4180}
.aem-drive-intro__leaf--a{left:17%;top:63%;animation:aem-di-leaf 3.8s 2s ease-in-out both}.aem-drive-intro__leaf--b{left:74%;top:50%;width:22px;height:12px;animation:aem-di-leaf 3.4s 2.65s ease-in-out both}.aem-drive-intro__leaf--c{left:40%;top:40%;width:18px;height:10px;animation:aem-di-leaf 3.6s 3.25s ease-in-out both}
.aem-drive-intro__wish{position:absolute;z-index:7;left:50%;top:54%;box-sizing:border-box;width:80%;max-width:325px;min-height:344px;padding:73px 16px 39px;border:1px solid #fff2d9;border-radius:47% 47% 24% 24%/24% 24% 10% 10%;background:radial-gradient(circle at 50% 20%,#fffdf2,#ffe7c5 70%,#f5c999);color:#392b2b;text-align:center;box-shadow:0 0 44px #ffba6680,0 22px 35px #040e2190;opacity:0;transform:translate(-50%,-44%) scale(.72);animation:aem-di-card .85s 4.2s cubic-bezier(.12,.84,.18,1.05) forwards}
.aem-drive-intro__wish:before{content:"";position:absolute;left:12%;right:12%;bottom:7%;height:48px;border-radius:50%;background:linear-gradient(160deg,transparent 42%,#f1c79d66 43%,transparent 57%),linear-gradient(22deg,transparent 38%,#e6ae7b55 40%,transparent 55%);pointer-events:none}
.aem-drive-intro__thread{position:absolute;top:-31px;left:50%;width:2px;height:50px;background:#ffc284;transform:translateX(-50%)}
.aem-drive-intro__thread:after{content:"";position:absolute;bottom:-4px;left:-5px;width:12px;height:12px;border-radius:50%;background:#f38a4a}
.aem-drive-intro__wish-mark{position:relative;color:#a66b42;font-size:10px;font-weight:750;letter-spacing:.16em}
.aem-drive-intro__wish h2{position:relative;margin:23px 0 12px;color:#382b29;font-family:Georgia,"Noto Serif KR",serif;font-size:23px;font-size:clamp(20px,5.4vw,26px);line-height:1.4;letter-spacing:-.055em}
.aem-drive-intro__wish p{position:relative;margin:0 0 22px;color:#735b50;font-size:12px}
.aem-drive-intro__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:46px;padding:0 24px;border-radius:999px;background:#f75c32;color:#fff!important;text-decoration:none;font-size:14px;font-weight:800;box-shadow:0 7px 16px #ee774a66}
.aem-drive-intro__progress{position:absolute;bottom:15px;left:25%;right:25%;z-index:8;height:3px;border-radius:3px;background:#ffffff4a;overflow:hidden}.aem-drive-intro__progress span{display:block;width:100%;height:100%;background:#ff8e51;transform:translateX(-100%);animation:aem-di-progress 7s linear forwards}
.aem-drive-intro.is-closing .aem-drive-intro__scene{animation:aem-di-exit .35s ease forwards}
.aem-drive-intro__close:focus-visible,.aem-drive-intro__cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes aem-di-enter{from{opacity:0}to{opacity:1}}
@keyframes aem-di-text{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}
@keyframes aem-di-drive{0%{opacity:0;transform:translate3d(-110%,18%,0) scale(.76)}12%{opacity:1}70%{opacity:1;transform:translate3d(-4%,0,0) scale(1)}100%{opacity:0;transform:translate3d(72%,-18%,0) scale(.75)}}
@keyframes aem-di-park{from{opacity:0;transform:translate3d(-15%,18px,0) scale(.9)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes aem-di-draw{0%{stroke-dashoffset:1100;opacity:0}10%{opacity:1}82%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes aem-di-glow{0%,100%{opacity:0;transform:scale(.5)}40%{opacity:1;transform:scale(1)}}
@keyframes aem-di-leaf{0%{opacity:0;transform:translate3d(-25px,40px,0) rotate(-45deg)}30%{opacity:.92}100%{opacity:0;transform:translate3d(62px,-125px,0) rotate(170deg)}}
@keyframes aem-di-card{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes aem-di-progress{to{transform:translateX(0)}}
@keyframes aem-di-exit{to{opacity:0;transform:translate3d(0,12px,0) scale(.98)}}
@media(max-height:590px){.aem-drive-intro__headline{top:12%}.aem-drive-intro__headline span{display:none}.aem-drive-intro__wish{min-height:292px;padding-top:55px;padding-bottom:22px}.aem-drive-intro__wish h2{margin:12px 0 8px}.aem-drive-intro__wish p{margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.aem-drive-intro *{animation:none!important;transition:none!important}.aem-drive-intro__wish{opacity:1;transform:translate(-50%,-50%) scale(1)}.aem-drive-intro__car{opacity:0}.aem-drive-intro__car-still{opacity:1}.aem-drive-intro__trail,.aem-drive-intro__leaf,.aem-drive-intro__spark{display:none}.aem-drive-intro__progress{display:none}}