@font-face{font-family:Pretendard;src:url('assets/pretendard-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{font-family:Pretendard,'Malgun Gothic',sans-serif;color:#202226;background:#fff;font-synthesis:none;--progress:0;--ease:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer;padding:0}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #76a7dd;outline-offset:6px}::selection{background:#dbe8f1;color:#17202b}.skip{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:100}.skip:focus{top:10px}
.header{height:80px;position:fixed;z-index:20;left:0;right:0;top:0;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;background:#fffffff2;backdrop-filter:blur(16px)}.logo{display:flex;align-items:baseline;gap:13px;font-size:23px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.logo>span{font-size:11px;letter-spacing:-.15px;font-weight:500;color:#858a91}.header nav{display:flex;gap:33px;margin-left:auto;margin-right:65px;align-items:center}.header nav a,.header nav button{font-size:14px;color:#5c626b;font-weight:500;transition:color .2s}.header nav a:hover,.header nav button:hover{color:#111}.header-cta{background:#282c32;color:white;font-size:13px;font-weight:600;padding:12px 19px;border-radius:10px;transition:background .2s}.header-cta:hover{background:#444c56}
.opening{height:185svh;min-height:1350px}.scene{height:100svh;min-height:710px;max-height:1300px;position:sticky;top:0;padding-top:80px;isolation:isolate}.photo-frame{position:absolute;top:calc(80px + 8px*(1 - var(--progress)));bottom:calc(22px*(1 - var(--progress)));left:calc(22px*(1 - var(--progress)));right:calc(22px*(1 - var(--progress)));border-radius:calc(26px*(1 - var(--progress)));overflow:hidden;isolation:isolate;background:#263132}.main-photo{position:absolute;width:100%;height:100%;max-width:none;object-fit:cover;object-position:66% 63%;transform:scale(calc(1.015 + var(--progress)*.095));will-change:transform;z-index:-3}.photo-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,23,.76),rgba(10,20,23,.38) 35%,rgba(10,20,23,.02) 70%),linear-gradient(0deg,rgba(9,17,20,.22),transparent 32%);z-index:-2}.intro-copy{position:absolute;left:6.2%;top:16%;color:#fff;transform:translateY(calc(var(--intro-progress,0)*-55px));opacity:calc(1 - var(--intro-progress,0));will-change:transform,opacity}.intro-label{font-size:14px;font-weight:500;letter-spacing:.1px;color:#ffffffc4;margin-bottom:25px}.intro-copy h1{font-size:clamp(46px,4.8vw,78px);font-weight:650;letter-spacing:-2.8px;line-height:1.18}.intro-desc{font-size:17px;font-weight:400;line-height:1.85;color:#ffffffc7;margin-top:27px;letter-spacing:-.4px}.hero-actions{display:flex;gap:13px;margin-top:33px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;padding:16px 21px;font-size:14px;font-weight:600;border-radius:12px;transition:background .2s,transform .25s var(--ease)}.button:hover{transform:translateY(-2px)}.button span{font-size:21px;line-height:.8;font-weight:400}.button.white{background:white;color:#242a2e}.button.white:hover{background:#e9edf0}.button.subtle{color:white;background:#ffffff12;border:1px solid #ffffff45;font-weight:500;backdrop-filter:blur(12px)}.button.subtle:hover{background:#ffffff24}.button.dark{background:#282c32;color:white}.button.dark:hover{background:#444c56}.second-copy{position:absolute;left:6.2%;top:22%;color:white;opacity:var(--second-progress,0);transform:translateY(calc(35px*(1 - var(--second-progress,0))));pointer-events:none}.second-copy p{font-size:17px;color:#ffffffcc;margin-bottom:24px}.second-copy h2{font-size:clamp(42px,4.4vw,70px);line-height:1.25;letter-spacing:-2.5px;font-weight:650}.photo-footer{position:absolute;left:6.2%;right:4%;bottom:35px;color:#ffffffb0;font-size:12px;display:flex;align-items:center;justify-content:space-between;font-weight:400}.photo-footer>a{display:flex;align-items:center;gap:18px;font-size:11px}.photo-footer svg{animation:scroll-hint 2.5s infinite var(--ease)}@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}.scene-dots{position:absolute;left:calc(22px + 6.2%);bottom:78px;display:flex;gap:6px;opacity:0}.scene-dots i{width:5px;height:5px;border-radius:4px;background:#ffffff50;transition:width .4s}.scene-dots .current{width:22px;background:white}
.next-section{max-width:1300px;margin:auto;padding:135px 5.5% 130px}.section-label{font-size:16px;color:#69717c;font-weight:600;letter-spacing:-.2px;margin-bottom:24px}.section-intro h2,.process-section h2{font-size:52px;font-weight:650;letter-spacing:-2px;line-height:1.3}.section-intro h2 span{color:#969ba3}.section-desc{font-size:16px;line-height:1.85;letter-spacing:-.3px;color:#757c85;margin-top:23px}.section-intro{margin-bottom:64px}.next-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:stretch}.ride-image{position:relative;border-radius:22px;overflow:hidden;min-height:590px;background:#e8e6e1}.ride-image img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:44% center}.ride-image::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b17235c,transparent 30%)}.ride-image>span{position:absolute;left:28px;right:20px;bottom:29px;z-index:1;font-size:14px;color:white;font-weight:500;letter-spacing:-.3px}.paths{padding:8px 0}.path{padding:10px 0 35px}.path+.path{border-top:1px solid #e7e9ec;padding-top:35px;padding-bottom:10px}.path-label{font-size:13px;color:#8b929b;font-weight:500}.path h3{font-size:29px;font-weight:650;line-height:1.45;letter-spacing:-.9px;margin-top:14px}.path p{font-size:14px;color:#858c95;line-height:1.9;margin-top:15px;letter-spacing:-.2px}.path-link{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600;margin-top:25px;padding:6px 0}.path-link span{font-size:21px;font-weight:400;transition:transform .2s}.path-link:hover span{transform:translateX(5px)}.process-section{background:#f7f8fa;padding:105px max(5.5%,calc((100% - 1157px)/2)) 100px}.process-section h2{font-size:43px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;padding:0;margin:60px 0 48px;list-style:none}.steps li>span{width:36px;height:36px;display:grid;place-items:center;background:#e9edf1;border-radius:50%;color:#697481;font-size:15px;font-weight:600;margin-bottom:24px}.steps h3{font-size:19px;letter-spacing:-.6px;font-weight:650}.steps p{font-size:14px;line-height:1.85;color:#858c95;margin-top:15px}footer{max-width:1300px;margin:auto;padding:42px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .logo{font-size:19px}footer .logo>span{font-size:10px}footer>p{font-size:11px;color:#989ea6}footer>button{font-size:12px;color:#6c747e}footer>button span{margin-left:12px}
.reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.motion .reveal.visible{opacity:1;transform:none}.steps li:nth-child(2){transition-delay:.08s}.steps li:nth-child(3){transition-delay:.16s}dialog{padding:0;border:0;border-radius:22px;width:min(920px,calc(100% - 32px));max-height:88svh;color:#262c33;background:white}dialog::backdrop{background:#1017208c;backdrop-filter:blur(10px)}.close{position:absolute;right:18px;top:15px;font:300 30px/1 Pretendard;width:34px;height:34px;border-radius:50%;background:#f2f4f6;z-index:2}#dialog-body{padding:44px}#dialog-title{font-size:30px;line-height:1.3;font-weight:650;letter-spacing:-1px;margin-bottom:15px}.dialog-desc{font-size:14px;color:#818894;line-height:1.8}.dialog-note{font-size:12px;color:#989ea8;line-height:1.8;margin-top:25px}.preview-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:28px}.preview-card img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:12px}.preview-card small{display:block;margin-top:16px;font-size:11px;color:#858c96}.preview-card h3{font-size:20px;margin-top:5px;letter-spacing:-.5px}.preview-card p{font-size:12px;line-height:1.8;color:#858c96;margin-top:10px}.preview-card strong{font-size:18px;display:block;margin-top:12px;font-weight:600}.contact-lines{display:flex;flex-direction:column;gap:14px;background:#f6f7f9;border-radius:14px;padding:22px;margin-top:27px}.contact-lines div{display:flex;justify-content:space-between;gap:20px;font-size:14px}.contact-lines span{color:#8b929d}.contact-lines strong{font-weight:500}
@media(min-width:1700px){.main-photo{object-position:65% 64%}.intro-copy{top:19%}.photo-footer{bottom:45px}}
@media(max-width:1100px){.header nav{gap:22px;margin-right:30px}.logo>span{display:none}.intro-copy{top:17%;left:6%}.intro-copy h1{font-size:57px}.intro-desc{font-size:15px}.button{font-size:12px;padding:15px 17px;gap:15px}.hero-actions{gap:10px}.main-photo{object-position:60% center}.next-section{padding-top:95px;padding-bottom:90px}.next-layout{gap:7%}.section-intro h2{font-size:45px}.ride-image{min-height:570px}.path h3{font-size:26px}.steps{gap:22px}.steps h3{font-size:17px}footer{gap:15px}footer>p{font-size:10px}}
@media(max-width:760px){html{scroll-padding-top:85px}.header{height:68px;padding:0 6%}.logo{font-size:21px;letter-spacing:-.9px}.header nav{margin:0 17px 0 auto;gap:0}.header nav>*{display:none}.header nav>button:first-child{display:block;font-size:12px}.header-cta{padding:10px 14px;font-size:12px;border-radius:9px}.opening{height:155svh;min-height:1050px}.scene{min-height:650px;max-height:1050px;padding-top:68px}.photo-frame{top:calc(68px + 6px*(1 - var(--progress)));bottom:calc(12px*(1 - var(--progress)));left:calc(12px*(1 - var(--progress)));right:calc(12px*(1 - var(--progress)));border-radius:calc(19px*(1 - var(--progress)))}.main-photo{object-position:60% 100%;transform:scale(calc(1.02 + var(--progress)*.055))}.photo-shade{background:linear-gradient(180deg,#101b23aa,#15202930 48%,#14202812 75%,#13212959)}.intro-copy{left:7.5%;right:7%;top:8%}.intro-label{font-size:12px;margin-bottom:17px}.intro-copy h1{font-size:43px;letter-spacing:-1.7px;line-height:1.23;font-weight:650}.intro-desc{font-size:13px;line-height:1.8;letter-spacing:-.2px;margin-top:17px}.hero-actions{margin-top:24px;gap:8px;flex-wrap:wrap}.button{min-height:45px;padding:12px 15px;font-size:11px;gap:14px;border-radius:10px}.button span{font-size:17px}.photo-footer{left:7.5%;right:7.5%;bottom:24px}.photo-footer>span{font-size:10px}.photo-footer>a{gap:8px}.photo-footer>a>span{display:none}.photo-footer svg{height:18px;width:18px}.second-copy{left:7.5%;top:13%;right:5%}.second-copy p{font-size:13px;margin-bottom:17px}.second-copy h2{font-size:39px;letter-spacing:-1.6px;line-height:1.32}.next-section{padding:77px 7% 70px}.section-label{font-size:13px;margin-bottom:20px}.section-intro h2{font-size:36px;letter-spacing:-1.4px;line-height:1.35}.section-desc{font-size:13px;line-height:1.85;margin-top:19px}.section-intro{margin-bottom:35px}.next-layout{grid-template-columns:1fr;gap:35px}.ride-image{min-height:0;height:350px;border-radius:17px}.ride-image img{object-position:45% 55%}.ride-image>span{font-size:12px;left:22px;bottom:22px}.paths{padding:0}.path{padding:0 0 30px}.path+.path{padding-top:30px;padding-bottom:0}.path-label{font-size:12px}.path h3{font-size:26px;line-height:1.4;letter-spacing:-.8px;margin-top:13px}.path p{font-size:13px;line-height:1.8;margin-top:13px}.path-link{font-size:13px;margin-top:19px;gap:23px}.process-section{padding:70px 7%}.process-section h2{font-size:33px;letter-spacing:-1.3px;line-height:1.35}.steps{grid-template-columns:1fr;gap:28px;margin:39px 0}.steps li{padding-left:53px;position:relative}.steps li>span{position:absolute;top:0;left:0;width:33px;height:33px;font-size:13px}.steps h3{font-size:17px;line-height:1.5}.steps p{font-size:13px;margin-top:8px}.process-section>.button{font-size:13px;padding:15px 19px}footer{padding:33px 7%;flex-wrap:wrap;gap:17px}footer .logo{font-size:19px}footer>p{order:3;width:100%;font-size:10px}footer>button{margin-left:auto}#dialog-body{padding:40px 24px 27px}#dialog-title{font-size:26px}.dialog-desc{font-size:13px}.preview-cards{grid-template-columns:1fr;gap:25px}.preview-card img{aspect-ratio:1.45}.preview-card h3{font-size:22px}.preview-card small{margin-top:12px}.preview-card p{margin-top:8px}.contact-lines{padding:19px}.contact-lines div{font-size:12px}.dialog-note{font-size:11px}.close{top:12px;right:12px}}
@media(max-width:360px){.header nav{margin-right:12px}.header nav>button:first-child{font-size:11px}.header-cta{font-size:11px;padding:10px 12px}.logo{font-size:20px}.intro-copy h1{font-size:38px}.intro-copy{top:7%}.button{font-size:10px;gap:9px;padding:12px}.intro-desc{font-size:12px}.second-copy h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.opening{height:auto;min-height:0}.scene{position:relative;height:100svh}.photo-frame{top:88px;bottom:22px;left:22px;right:22px;border-radius:26px}.main-photo,.intro-copy{transform:none}.intro-copy{opacity:1}.second-copy{display:none}.motion .reveal{opacity:1;transform:none}@media(max-width:760px){.photo-frame{top:74px;bottom:12px;left:12px;right:12px;border-radius:19px}}}