@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--primary-color:#712640;--secondary-color:#f3eaf0;--text-color:#25262b;--background-color:#fff;--muted:#74747e;--line:#e8e8ed;--max-width:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text-color);background:var(--background-color);font-family:'Noto Sans KR',sans-serif;font-size:16px;line-height:1.6;word-break:keep-all;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #be7898;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2{font-size:34px;line-height:1.4;letter-spacing:-1.4px;font-weight:800}h3{font-size:21px;letter-spacing:-.7px}.container{width:calc(100% - 96px);max-width:var(--max-width);margin:auto}.header{background:rgba(255,255,255,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid #f0f0f2}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;letter-spacing:-1px;font-weight:800;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2px;line-height:1.2;font-weight:500}.brand-icon{font-size:43px;line-height:1;color:var(--primary-color);font-style:italic;position:relative;padding-right:4px}.brand-icon span{height:3px;width:24px;position:absolute;bottom:2px;left:1px;background:var(--primary-color)}nav{display:flex;gap:30px;font-size:15px;font-weight:600}nav a:hover{color:var(--primary-color)}.header-contact{display:flex;align-items:center;gap:18px}.header-phone{font-size:20px;font-weight:800;letter-spacing:-.6px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:13px 25px;border:1px solid transparent;border-radius:6px;font-weight:600;font-size:16px;transition:background .18s,transform .18s}.button:hover{filter:brightness(.95)}.button.primary{background:var(--primary-color);color:white}.button.outline{border-color:#b5aab5;background:transparent}.button.small{min-height:42px;padding:8px 19px;font-size:14px}.button.white{background:white;color:var(--primary-color)}.menu-toggle{display:none}.hero{background:#f2f0f3;overflow:hidden}.hero-inner{position:relative;min-height:536px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center}.hero-copy{position:relative;z-index:2;padding:56px 0}.eyebrow{font-size:14px;font-weight:600;display:flex;align-items:center;gap:10px;margin-bottom:23px;color:#695865}.eyebrow>span{width:19px;height:2px;background:var(--primary-color)}h1{font-size:46px;line-height:1.4;letter-spacing:-2.6px;font-weight:700;white-space:nowrap}h1 strong{color:var(--primary-color);font-weight:800}.hero-copy>p{color:#727079;font-size:18px;margin-top:21px}.hero-actions{display:flex;gap:10px;margin-top:33px}.hero-actions .primary{min-width:163px;justify-content:space-between}.hero-caption{display:flex;align-items:center;gap:9px;font-size:13px;color:#79747e;margin-top:35px}.tiny-calendar{font-size:10px;border:1px solid #9f8d9b;border-radius:3px;line-height:1;padding:4px}.hero-visual{position:relative;min-height:450px;align-self:stretch;display:flex;align-items:center}.hero-word{position:absolute;top:40px;left:5px;font-weight:800;font-size:79px;letter-spacing:2px;color:#e4dfe7}.hero-arch{position:absolute;background:#e5dfe7;width:440px;height:340px;border-radius:220px 220px 0 0;right:5px;top:85px}.hero-visual img{width:125%;max-width:none;height:auto;aspect-ratio:5/3;object-fit:contain;position:relative;margin-left:-42px;margin-top:55px;z-index:1}.visual-note{position:absolute;bottom:44px;right:0;text-align:right;color:#6e606d;line-height:1.7}.visual-note span{font-size:15px;font-weight:500}.visual-note small{display:block;font-size:10px;letter-spacing:2px}.mobile-break{display:none}.section{padding-top:88px;padding-bottom:88px}.section-kicker{font-size:12px;font-weight:700;letter-spacing:2px;color:var(--primary-color);margin-bottom:11px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:33px}.section-heading p{color:var(--muted);margin-top:12px;font-size:16px}.section-aside{font-size:13px;color:#7b747c;white-space:nowrap;padding-bottom:6px}.section-aside span{margin-left:10px;color:var(--primary-color);font-size:21px}.vehicle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.vehicle-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;box-shadow:0 5px 14px #23233004;transition:transform .2s,box-shadow .2s}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #2323300b}.vehicle-image{background:#f7f7f8;height:232px;position:relative;padding:35px 10px 7px;display:flex;align-items:center}.vehicle-image img{width:100%;height:100%;object-fit:contain}.badge{position:absolute;left:22px;top:20px;font-size:12px;background:white;color:#5c6069;padding:4px 10px;border-radius:4px;font-weight:500}.badge.popular{color:var(--primary-color);background:#efe3e9}.vehicle-content{padding:25px}.vehicle-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.category{color:#96939a;font-size:12px}.year{font-size:14px;color:#85838c;margin-top:5px}.price-row{display:flex;align-items:baseline;gap:7px;margin-top:22px;white-space:nowrap}.price-row .monthly{font-size:15px;font-weight:500}.price{color:var(--primary-color);font-size:35px;font-weight:800;letter-spacing:-1.7px;line-height:1.3}.price .unit{font-size:19px;letter-spacing:-.7px}.price-note{color:#8a858d;font-size:12px;margin:7px 0 22px}.vehicle-content .button{width:100%;background:#fbf8fa;border-color:#e3d5dd;color:var(--primary-color);min-height:47px;justify-content:space-between;font-size:14px}.disclaimer{color:#8b8790;font-size:12px;margin-top:22px;line-height:1.8}.benefits-wrap{background:#f8f8fa}.benefits-section{text-align:center;padding-top:66px;padding-bottom:66px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;gap:20px}.benefit{padding:0 10px;position:relative}.benefit+.benefit{border-left:1px solid #e5e4e9}.icon-box{width:52px;height:52px;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;color:var(--primary-color)}.icon{width:26px;height:26px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-box .icon{width:34px;height:34px}.benefit h3{font-size:18px;font-weight:700}.benefit p{font-size:14px;color:var(--muted);margin-top:7px}.recommend-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.recommend-card{background:#f8f8fa;border-radius:9px;padding:27px 22px;display:flex;flex-direction:column;gap:23px}.recommend-card .icon{color:#796275}.recommend-card p{font-size:17px;font-weight:500;line-height:1.65}.recommended{padding-bottom:66px}.guide{border-top:1px solid var(--line);padding-top:59px;padding-bottom:85px}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:33px 0 0}.steps li{display:flex;align-items:flex-start;gap:15px;position:relative;padding-right:27px}.step-number{color:var(--primary-color);background:#f2e9ee;border-radius:50%;font-size:15px;font-weight:700;width:43px;height:43px;flex-shrink:0;display:grid;place-items:center}.steps h3{font-size:18px;margin:5px 0 9px}.steps p{font-size:13px;color:var(--muted)}.step-arrow{position:absolute;right:0;top:8px;color:#c3bac2;font-size:25px}.contact{background:var(--primary-color);color:white;padding:51px 0}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:32px}.contact .section-kicker{color:#d6b1c2;font-size:11px}.contact h2{font-size:32px}.contact p{font-size:15px;color:#e3ced7;margin-top:10px}.big-phone{display:block;font-size:43px;letter-spacing:-1.4px;font-weight:800;line-height:1.4;margin-bottom:13px;text-align:center}.contact-buttons{display:flex;gap:10px}.contact-buttons .button{min-width:170px;min-height:48px;font-size:14px}.button .icon{width:19px;height:19px}footer{background:#fff;padding:40px 0 24px;color:#8c8991}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.footer-brand{color:#626068;font-size:21px}.legal-links{display:flex;gap:22px}.legal-links button{padding:7px 0;border:0;background:none;font-size:12px;color:#686570}.legal-links button:last-child{font-weight:700}.company-info{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:12px;max-width:850px}.footer-bottom{display:flex;justify-content:space-between;font-size:10px;border-top:1px solid #eeeeef;margin-top:27px;padding-top:21px;letter-spacing:.3px}.mobile-bar{display:none}.skip{position:fixed;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}dialog{padding:38px;border:0;border-radius:14px;width:calc(100% - 40px);max-width:480px;color:var(--text-color);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#21132270}dialog h2{font-size:25px;padding-right:15px}dialog p{font-size:15px;color:var(--muted);margin:17px 0;line-height:1.8}.dialog-close{position:absolute;right:13px;top:9px;background:none;border:0;font-size:30px;padding:0 10px}.dialog-actions{display:grid;gap:10px;margin-top:25px}dialog .dialog-note{font-size:12px;margin-bottom:0}#info-phone{width:100%;margin-top:8px}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero-inner{min-height:560px}}@media(max-width:1100px){.container{width:calc(100% - 64px)}.header-inner{gap:22px}.header-phone{display:none}nav{gap:23px}h1{font-size:39px;letter-spacing:-2px}.hero-word{font-size:59px;top:67px}.hero-arch{width:330px;height:310px;top:103px}.vehicle-content{padding:21px}.price{font-size:30px}.vehicle-image{height:202px}.recommend-card{padding:24px 18px}.recommend-card p{font-size:15px}.hero-visual img{width:125%;margin-left:-30px}.category{display:none}}
@media(max-width:850px){.header-inner{height:76px}.brand{font-size:20px}nav{gap:20px;font-size:14px}.header-contact{display:none}.hero-inner{grid-template-columns:1fr 1fr;min-height:470px}h1{font-size:34px;letter-spacing:-1.7px}.hero-copy>p{font-size:16px}.hero-word{font-size:45px;top:70px}.hero-arch{width:270px;height:280px}.hero-visual{min-height:400px}.hero-visual img{margin-top:75px}.section{padding-top:64px;padding-bottom:64px}.vehicle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-image{height:225px}.benefit-grid{grid-template-columns:repeat(2,1fr);gap:32px 16px}.benefit:nth-child(3){border-left:0}.recommend-grid{grid-template-columns:repeat(2,1fr)}.recommend-card{flex-direction:row;align-items:center;padding:24px}.recommend-card p{font-size:16px}.steps{gap:18px}.steps li{flex-direction:column;padding-right:16px;gap:12px}.steps h3{font-size:16px}.contact-inner{gap:20px}.contact h2{font-size:27px}.contact-buttons .button{min-width:145px;padding:12px 16px}.big-phone{font-size:38px}.section-aside{display:none}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.header-inner{height:69px}.brand{font-size:20px}.brand small{font-size:8px;letter-spacing:1.5px}.brand-icon{font-size:36px}.menu-toggle{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none}.menu-toggle span{height:2px;width:23px;background:#423740}nav{display:none;position:absolute;top:69px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:12px 20px 20px;flex-direction:column;gap:0;box-shadow:0 10px 20px #00000008}nav.open{display:flex}nav a{padding:12px;font-size:16px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;min-height:auto}.hero-copy{padding:38px 0 0}.eyebrow{font-size:12px;margin-bottom:19px}h1{font-size:36px;line-height:1.42;letter-spacing:-1.8px;white-space:normal}.mobile-break{display:block}.hero-copy>p{font-size:15px;margin-top:16px}.hero-actions{margin-top:24px}.hero-actions .button{min-height:48px;font-size:14px;padding:12px 21px}.hero-actions .primary{min-width:155px}.hero-caption{margin-top:21px;font-size:11px}.hero-visual{min-height:255px;height:255px;margin-top:8px;align-self:auto}.hero-arch{width:240px;height:198px;right:15px;top:33px;border-radius:140px 140px 0 0}.hero-word{font-size:50px;left:auto;right:0;top:4px;letter-spacing:2px}.hero-visual img{margin:15px -16px 0;width:calc(100% + 32px);height:240px;object-fit:contain}.visual-note{bottom:15px;right:0}.visual-note span{display:none}.visual-note small{font-size:8px}.section{padding:52px 0}h2{font-size:27px;letter-spacing:-1px}.section-kicker{font-size:10px;letter-spacing:1.5px;margin-bottom:9px}.section-heading{display:block;margin-bottom:26px}.section-heading p{font-size:14px;margin-top:11px}.vehicle-grid{grid-template-columns:1fr;gap:23px}.vehicle-image{height:225px;padding:34px 12px 0}.vehicle-content{padding:24px}.vehicle-title h3{font-size:23px}.category{display:block}.year{font-size:14px}.price-row{margin-top:20px}.price{font-size:37px}.price-note{font-size:12px;margin-bottom:20px}.vehicle-content .button{min-height:49px;font-size:15px}.disclaimer{font-size:11px;line-height:1.9;margin-top:18px}.benefits-section{padding:45px 0}.benefit-grid{gap:29px 0;margin-top:29px}.benefit{padding:0 5px}.benefit h3{font-size:16px}.benefit p{font-size:12px;letter-spacing:-.4px}.icon-box{margin-bottom:8px}.recommend-grid{gap:12px}.recommend-card{flex-direction:column;align-items:flex-start;padding:22px 17px;gap:16px}.recommend-card p{font-size:15px}.recommended .section-heading>p{font-size:14px}.guide{padding-top:42px}.steps{grid-template-columns:1fr;gap:30px;margin-top:28px}.steps li{flex-direction:row;align-items:center;gap:18px;padding:0}.steps h3{font-size:18px;margin:0 0 6px}.steps p{font-size:13px}.step-arrow{display:none}.step-number{width:46px;height:46px}.contact{padding:40px 0}.contact-inner{display:block;text-align:center}.contact h2{font-size:28px}.contact p{font-size:14px}.contact-actions{margin-top:24px}.big-phone{font-size:42px;margin-bottom:18px}.contact-buttons{justify-content:center}.contact-buttons .button{flex:1;min-width:0;font-size:14px;padding:12px 10px}footer{padding:31px 0 calc(93px + env(safe-area-inset-bottom))}.footer-top{display:block;margin-bottom:16px}.footer-brand{font-size:19px}.legal-links{gap:20px;margin-top:12px}.company-info{font-size:11px;gap:6px 13px}.footer-bottom{font-size:9px;display:block;margin-top:20px}.footer-bottom>span:last-child{display:none}.mobile-bar{position:fixed;bottom:0;left:0;right:0;z-index:25;display:grid;grid-template-columns:1fr 1fr;background:white;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -3px 20px #0000000c}.mobile-bar .button{padding:12px 5px;min-height:48px;font-size:14px;border-radius:5px}.mobile-bar .icon{width:18px;height:18px}dialog{padding:34px 24px}dialog h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
[hidden]{display:none!important}
@media(max-width:360px){h1{font-size:32px}.hero-word{font-size:43px}.price{font-size:33px}.recommend-card{padding:20px 12px}.recommend-card p{font-size:14px}}

/* Supplied artwork is displayed at its original ratio, with transparent margins cropped by CSS. */
.logo-window{display:block;position:relative;overflow:hidden;width:184px;aspect-ratio:1940/493}
.logo-window img{position:absolute;width:105.567%;max-width:none;height:auto;left:-3.351%;top:-151.318%}
.car-cutout{position:relative;overflow:hidden}
.car-cutout.grandeur-cutout{aspect-ratio:951/419}
.car-cutout.avante-cutout{aspect-ratio:355/160}
.car-cutout img{position:absolute;max-width:none;height:auto;object-fit:initial;aspect-ratio:auto;margin:0}
.car-cutout.grandeur-cutout img{width:134.595%;left:-17.035%;top:-21.48%}
.car-cutout.avante-cutout img{width:180.282%;left:-36.338%;top:-47.5%}


.hero-visual .visual-note{bottom:25px}
.vehicle-image{justify-content:center}
.card-cutout{width:91%;flex:none}
.card-cutout.avante-cutout{width:88%}
.contact-buttons .button{width:100%}
.contact-actions{min-width:340px}
.mobile-bar{grid-template-columns:1fr}
@media(max-width:1100px){}
@media(max-width:850px){.contact-actions{min-width:270px}}
@media(max-width:600px){.logo-window{width:158px}.hero-visual{height:285px;min-height:285px;margin-top:17px}.hero-visual .visual-note{bottom:4px}.contact-actions{min-width:0}.mobile-bar{display:grid;grid-template-columns:1fr}.footer-brand .logo-window{width:145px}}

/* Match each card to the visible car, not the transparent image canvas. */
.car-cutout.sonata-cutout{aspect-ratio:922/424}
.car-cutout.sonata-cutout img{width:138.828633%;left:-19.088937%;top:-21.462264%}
.vehicle-image{align-items:flex-end;padding-bottom:26px}
.card-cutout,.card-cutout.avante-cutout{width:91%}
/* Both cars share one ground line. No stacking or body overlap. */
.hero-visual{display:grid;grid-template-columns:1.12fr 1fr;column-gap:16px;align-content:center;align-items:end;padding-bottom:0;padding-top:30px;isolation:isolate}
.hero-visual .hero-car-main,.hero-visual .hero-car-secondary{position:relative;inset:auto;width:100%;margin:0;z-index:2;grid-row:1;align-self:end}
.hero-visual .hero-car-main{grid-column:1}
.hero-visual .hero-car-secondary{grid-column:2}
.hero-arch{width:90%;height:230px;right:0;top:128px;border-radius:140px 140px 12px 12px;opacity:.6;z-index:-1}
.hero-word{font-size:clamp(40px,5.3vw,76px);left:0;right:auto;top:64px;z-index:-1}
.hero-visual .visual-note{bottom:82px;right:0}
@media(max-width:1100px){.hero-visual{column-gap:10px}.hero-arch{top:145px;height:200px}.hero-word{font-size:48px}.hero-visual .visual-note{bottom:100px}}
@media(max-width:850px) and (min-width:601px){.hero-inner{grid-template-columns:.95fr 1.05fr}.hero-visual{padding-top:20px}.hero-arch{height:165px;top:155px}.hero-word{font-size:38px;top:112px}.hero-visual .visual-note{bottom:105px}}
@media(max-width:600px){.hero-visual{height:222px;min-height:222px;margin-top:20px;padding-top:12px;column-gap:10px}.hero-arch{top:39px;height:140px;width:100%}.hero-word{top:1px;font-size:42px;letter-spacing:1px}.hero-visual .visual-note{bottom:16px}.vehicle-image{padding-bottom:26px}}

/* Single Grandeur hero. Preserve the complete car at every viewport. */
.hero-visual{grid-template-columns:minmax(0,1fr);padding-top:28px;column-gap:0}
.hero-visual .hero-car-main{grid-column:1;grid-row:1;width:100%;justify-self:center}
.hero-arch{height:300px;top:110px}
.hero-visual .visual-note{bottom:50px}
@media(max-width:1100px){.hero-visual .hero-car-main{width:100%}.hero-arch{height:255px;top:130px}.hero-visual .visual-note{bottom:70px}}
@media(max-width:850px) and (min-width:601px){.hero-arch{height:210px;top:145px}.hero-visual .visual-note{bottom:85px}}
@media(max-width:600px){.hero-visual{height:252px;min-height:252px;padding-top:12px}.hero-visual .hero-car-main{width:100%}.hero-arch{top:33px;height:183px}.hero-visual .visual-note{bottom:12px}}
