:root,.sw-root{color-scheme:dark;--sw-bg:#081216;--sw-ink:#f3f2ea;--sw-ink-soft:#acb9b8;--sw-accent:#9ee9d0;--sw-font-display:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",sans-serif;--sw-font-body:var(--sw-font-display)}
.sw-particles{display:none}
*{box-sizing:border-box}html{background:var(--sw-bg)}body{margin:0;font-family:var(--sw-font-body);color:var(--sw-ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid #9ee9d0;outline-offset:6px}a{color:inherit}button{cursor:pointer}.header{position:fixed;z-index:70;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:32px 4.4vw;background:linear-gradient(#081216a6,transparent);gap:24px}.logo img{display:block;width:240px;max-width:100%;height:42px;object-fit:contain;object-position:left}.project-label{font:10px ui-monospace,monospace;letter-spacing:.18em;display:flex;align-items:center;gap:12px;color:#c6d3d0}.project-label span{width:5px;height:5px;background:#9ee9d0}.about-trigger{border:1px solid #ffffff36;border-radius:2px;padding:12px 18px;color:#f3f2ea;background:#08121626;font-size:12px;display:flex;gap:32px}.about-trigger span{color:#9ee9d0}.motion-toggle{position:fixed;z-index:45;right:4.4vw;bottom:32px;border:0;border-bottom:1px solid #8ca49c66;background:transparent;color:#b6c4c0;font-size:11px;padding:8px 0}.sw-topbar{display:none}.sw-scrollbar{z-index:90;height:2px}.sw-copylayer:before{width:70vw;background:linear-gradient(90deg,#081216b8, #08121648 65%,transparent)}.sw-copy{left:7.2vw;top:42%;width:min(62vw,880px);max-width:880px}.sw-copy__num{display:none}.sw-copy__eyebrow{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#b1d8c9;margin:0 0 25px}.sw-copy__title{font-weight:500;font-size:clamp(46px,5.4vw,86px);line-height:1.18;letter-spacing:-.065em;white-space:pre-line;margin:0;text-shadow:0 4px 40px #08121666;word-break:keep-all}.sw-copy__body{margin-top:28px;white-space:pre-line;font-size:15px;font-weight:400;line-height:1.85;max-width:none;letter-spacing:-.025em;color:#c5cfcb}.sw-copy__tags{margin-top:28px}.sw-copy__tags li{color:#9eb8ad;font-size:10px;font-weight:400;letter-spacing:.08em;border:0;border-radius:0;padding:0;background:transparent}.sw-route{right:4vw;gap:20px}.sw-route:before{width:1px;opacity:.2}.sw-route__dot{width:32px;height:32px}.sw-route__dot i{width:5px;height:5px}.sw-route__label{right:40px;background:transparent;border:0;backdrop-filter:none;font-size:10px;letter-spacing:.05em;color:#c0d3ca}.sw-route__dot.is-active i{box-shadow:0 0 0 5px #9ee9d014;transform:scale(1.3)}.sw-hint{bottom:32px;font-size:9px;letter-spacing:.2em;gap:12px}.sw-hint i{height:26px;width:1px;border:0;border-radius:0;background:#b3cdc35c}.sw-hint i:after{width:1px;height:8px;border-radius:0}.sw-copy__cta{margin-top:32px}.sw-btn{border-radius:2px;font-size:12px;font-weight:500;padding:15px 22px}.sw-btn--primary{background:#e8efe8;color:#0a201a}.sw-btn--ghost{border:1px solid #e8efe84a;color:#e8efe8}.sw-scene__video,.sw-scene__still{object-position:center}.sw-scene__still:not([src]){display:none}.sw-scene{background:radial-gradient(ellipse at 67% 42%,#30464355,transparent 45%)}body.stills-only .sw-scene__video{visibility:hidden}body.stills-only .sw-scene__still{opacity:1!important;transform:none!important}.skip{position:fixed;top:-80px;left:12px;z-index:100;padding:12px;background:#eef4ee;color:#081216}.skip:focus{top:12px}.noscript{padding:180px 8vw;font-size:35px}.noscript p,.noscript a{font-size:16px}
@media(max-width:860px){.header{padding:22px 24px;gap:12px}.logo img{width:185px;height:32px}.project-label{display:none}.about-trigger{font-size:10px;padding:10px 12px;gap:10px}.sw-copy{left:7vw;right:10vw;top:auto;bottom:calc(18dvh + env(safe-area-inset-bottom));width:auto}.sw-copy__title{font-size:clamp(32px,8.6vw,58px);line-height:1.22;letter-spacing:-.055em}.sw-copy__eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:19px}.sw-copy__body{font-size:12px;line-height:1.9;margin-top:20px}.sw-copy__tags{margin-top:20px}.sw-copy__tags li{font-size:9px}.sw-copylayer:before{width:100%;height:78%;background:linear-gradient(0deg,#081216ed,#08121699 40%,transparent)}.sw-route{right:2px;gap:9px}.sw-route__label{display:none}.motion-toggle{right:7vw;bottom:calc(27px + env(safe-area-inset-bottom));font-size:9px}.sw-hint{bottom:calc(80px + env(safe-area-inset-bottom));font-size:8px}.sw-copy__cta{gap:8px;margin-top:25px}.sw-btn{padding:13px 16px;font-size:11px}dialog{padding:24px;max-height:calc(100dvh - 32px)}.kicker{margin-top:28px}.steps{grid-template-columns:1fr 1fr;gap:16px}.steps article{display:grid;grid-template-columns:30px 1fr;gap:0 6px}.steps span{padding-top:4px}.steps h2{margin:0}.steps p{grid-column:2;margin:8px 0}.intro{font-size:13px;margin-bottom:26px}}
@media(max-height:520px) and (orientation:landscape){.header{padding:12px 24px}.sw-copy{top:28%;bottom:auto;left:7vw;width:78vw}.sw-copy__title{font-size:32px}.sw-copy__eyebrow{margin-bottom:12px}.sw-copy__body{margin-top:12px;font-size:11px}.sw-copy__tags{display:none}.sw-copy__cta{margin-top:15px}.edition,.motion-toggle{bottom:14px}.sw-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

@media (max-width:560px){.steps{grid-template-columns:1fr}}

/* ---- About panel ---- */
dialog{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:0;background:#081216;color:#edf0e9;overflow:auto;overscroll-behavior:contain}
dialog::backdrop{background:#02090d}
.ab-bg{position:fixed;inset:0;background:url(/story/auto.webp) center/cover no-repeat;opacity:.16;filter:saturate(.7)}
.ab-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081216 0%,#081216d9 45%,#08121688 100%),linear-gradient(0deg,#081216 0%,transparent 40%)}
.ab{position:relative;min-height:100dvh;display:flex;flex-direction:column;padding:32px 4.4vw 28px}
.ab-top{display:flex;justify-content:space-between;align-items:center;font:10px ui-monospace,monospace;letter-spacing:.2em;color:#b1d8c9}
.close{border:1px solid #ffffff36;border-radius:2px;background:#08121626;color:#f3f2ea;font-size:12px;padding:12px 18px;letter-spacing:0}
.close:hover{border-color:#9ee9d0}
.ab-grid{flex:1;width:100%;max-width:1600px;margin:0 auto;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,6vw,110px);align-items:center;padding:24px 0}
.ab-kicker{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#b1d8c9;margin:0 0 20px}
dialog h1{font-size:clamp(34px,3.2vw,60px);font-weight:500;letter-spacing:-.06em;line-height:1.16;margin:0;word-break:keep-all;text-shadow:0 4px 40px #08121666}
.ab-intro{margin:24px 0 0;max-width:44ch;color:#c5cfcb;font-size:clamp(13.5px,.95vw,15.5px);line-height:1.85;letter-spacing:-.02em;word-break:keep-all}
.ab-facts{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,auto);gap:0 28px;justify-content:start}
.ab-facts li{display:flex;flex-direction:column;gap:6px;padding-left:12px;border-left:1px solid #9ee9d066}
.ab-facts b{font-weight:500;font-size:clamp(15px,1.15vw,18px);letter-spacing:-.03em;color:#f3f2ea;line-height:1.2}
.ab-facts span{font-size:10.5px;letter-spacing:.02em;color:#9eb8ad;white-space:nowrap}
.ab-cta{display:flex;align-items:center;gap:28px;margin-top:36px;flex-wrap:wrap}
.ab-btn{display:inline-flex;align-items:center;gap:26px;text-decoration:none;background:#9ee9d0;color:#081216;font-size:13px;font-weight:500;padding:15px 22px;border-radius:2px;letter-spacing:-.01em;transition:background .2s}
.ab-btn:hover{background:#c4f3e3}
.ab-btn span{font-weight:400}
.ab-tel{display:flex;flex-direction:column;gap:5px;text-decoration:none;font-size:14px;letter-spacing:.02em;color:#f3f2ea}
.ab-tel small{font-size:10px;color:#91a19e;letter-spacing:.02em}
.ab-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.2vw,20px)}
.ab-steps li{position:relative;display:flex;flex-direction:column;min-width:0}
.ab-steps img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:2px;filter:saturate(.85) brightness(.9);border:1px solid #ffffff14}
.ab-steps span{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#9ee9d0;margin-top:16px}
.ab-steps h2{font-size:clamp(15px,1.15vw,18px);font-weight:500;letter-spacing:-.03em;margin:8px 0 0;line-height:1.2}
.ab-steps p{font-size:clamp(11px,.8vw,12.5px);line-height:1.75;color:#a9bcb2;margin:8px 0 0;word-break:keep-all;letter-spacing:-.01em}
.ab-cases{margin-top:clamp(24px,2.6vw,40px);border-top:1px solid #cdd6cb2e;padding-top:18px}
.ab-cases__h{font:10px ui-monospace,monospace;letter-spacing:.2em;color:#b1d8c9;margin:0 0 6px}
.ab-case{display:grid;grid-template-columns:clamp(120px,10vw,160px) 1fr auto;gap:18px;align-items:baseline;padding:10px 0;border-bottom:1px solid #cdd6cb1a;font-size:clamp(12px,.85vw,13.5px)}
.ab-case b{font-weight:500;color:#f3f2ea;letter-spacing:-.02em;white-space:nowrap}
.ab-case span{color:#b8c5c0;word-break:keep-all}
.ab-case em{font:10px ui-monospace,monospace;letter-spacing:.1em;color:#9eb8ad;white-space:nowrap}
.ab-note{font-size:10px;line-height:1.8;color:#7f918a;margin:8px 0 0;letter-spacing:.01em}
@media(max-width:1100px){.ab-grid{grid-template-columns:1fr;align-items:start;gap:44px;padding-top:36px}dialog h1{font-size:clamp(34px,4.6vw,48px)}.ab-intro{max-width:56ch}.ab-steps{gap:16px}.ab-steps p{font-size:12px}}
@media(max-width:860px){.ab{padding:22px 24px 24px}.close{font-size:10px;padding:10px 12px}dialog h1{font-size:clamp(30px,8vw,44px)}.ab-intro{font-size:13.5px}.ab-facts{grid-template-columns:1fr;gap:12px}.ab-facts li{flex-direction:row;align-items:baseline;gap:12px;flex-wrap:wrap}.ab-facts b{min-width:88px}.ab-facts span{white-space:normal}.ab-cta{gap:18px;margin-top:28px}.ab-btn{padding:13px 18px;font-size:12px}.ab-steps{grid-template-columns:repeat(2,1fr);gap:20px 14px}.ab-steps p{font-size:11.5px}.ab-case{grid-template-columns:1fr;gap:3px;padding:12px 0}.ab-case b{white-space:normal}.ab-case em{display:none}}