@font-face{font-family:Pretendard;src:url('/assets/fonts/PretendardVariable.woff2') format('woff2');font-weight:45 920;font-style:normal;font-display:swap}
:root{--paper:#F3F4EE;--ink:#141414;--dark:var(--signature);--green:var(--signature);--nav-height:88px;--bar-height:132px;--line:rgba(20,20,20,.22);--content-max:clamp(1200px,83.333333vw,1600px)}
*{box-sizing:border-box}html{scroll-padding-top:calc(var(--nav-height) + 24px);scroll-padding-bottom:var(--bar-height)}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.7 Pretendard,sans-serif}button,a,summary{-webkit-tap-highlight-color:transparent}button,input,summary{font:inherit}a{color:inherit;text-underline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:56px;font-weight:700;line-height:1.3;letter-spacing:-.035em}h2{font-size:36px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin-bottom:24px}h3{font-size:24px;line-height:1.4;font-weight:600;margin-bottom:12px}small{font-size:13px}.wrap{width:calc(100% - 80px);max-width:var(--content-max);margin-inline:auto}.section{padding-block:128px;position:relative}.wf-label{display:block;font-size:11px;line-height:1.4;font-weight:600;letter-spacing:.02em;margin:0 0 20px;width:fit-content;border:1px solid currentColor;padding:4px 7px;opacity:.7}[data-wf="0"] .wf-label{display:none}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:28px}.button,button,.hero-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 18px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;text-decoration:none;font-size:16px;font-weight:600}.button.secondary{background:white}.button:disabled,button:disabled{background:transparent}.skip{position:fixed;top:-120px;left:20px;background:var(--paper);color:var(--ink);padding:12px;z-index:100}.skip:focus{top:12px}
main{min-height:50vh}body:not(.top-dark) main{padding-top:var(--nav-height)}.brand{font-size:22px;font-weight:700;letter-spacing:.03em;text-decoration:none;line-height:1.2;white-space:nowrap}.brand span{display:block;font-size:11px;margin-top:6px;letter-spacing:.08em}.navbar{position:fixed;inset:0 0 auto;z-index:30;border:0;transition:background-color .15s,color .15s;background:transparent}.navbar[data-state=Top-Dark]{color:white}.navbar[data-state=Top-Light]{color:var(--ink)}.navbar[data-state=Scrolled]{color:var(--paper);background:rgba(20,20,20,.92);backdrop-filter:blur(14px)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:var(--nav-height);max-width:1760px}.navigation nav{display:flex;gap:24px;align-items:center}.navigation a{font-size:16px;text-decoration:none;min-height:44px;display:flex;align-items:center;white-space:nowrap}.navigation a[aria-current=page]{text-decoration:underline;font-weight:700}.header-contact{display:flex;gap:8px}.header-contact .button{font-size:13px;padding:8px 12px;min-height:44px}.menu-toggle{display:none}.navbar[data-state=Top-Dark] :focus-visible{outline-color:var(--paper)}
.breadcrumb{font-size:13px;padding-top:32px;padding-bottom:16px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}.breadcrumb li+li::before{content:"/";margin-right:10px}.tabs-section{padding-block:24px}.tabs{display:flex;gap:28px;flex-wrap:wrap}.tabs a{min-height:44px;display:flex;align-items:center;text-decoration:none}.tabs a[aria-current=page]{font-weight:700;border-bottom:2px solid currentColor}.page-heading{padding-top:64px;padding-bottom:32px}.page-heading h1{margin-bottom:16px}
.photo-placeholder{background:#D7D9D4;color:var(--ink);aspect-ratio:var(--photo-ratio);width:100%;display:grid;place-items:center;text-align:center;padding:20px;border-radius:6px;min-width:0}.photo-placeholder span{font-size:14px}.split-section{position:relative}.split-slide{display:grid;grid-template-columns:40% 60%;min-height:600px}.split-slide[hidden]{display:none}.split-copy{align-self:center;padding:60px clamp(32px,5vw,96px)}.split-copy h1,.split-copy h2{font-size:clamp(36px,3.8vw,56px);font-weight:700;line-height:1.3;overflow-wrap:anywhere}.split-photo{min-width:0}.split-photo>a{display:block;height:100%}.split-photo .photo-placeholder{height:100%;border-radius:0;aspect-ratio:auto;min-height:600px}.text-link{font-size:16px;font-weight:600}.slide-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end;padding-block:20px}.slide-controls span{font-size:14px}
.sticky-grid{display:grid;grid-template-columns:440fr 680fr;gap:80px;align-items:start}.sticky-intro{position:sticky;top:calc(var(--nav-height) + 40px)}.number-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.number-list>li{display:grid;grid-template-columns:48px 1fr;gap:20px;border-bottom:1px solid var(--line);padding-block:40px;min-height:210px}.step-number{font-size:14px;font-weight:600;padding-top:5px}.number-list h3{font-size:24px}.number-list p{margin-bottom:20px}.evidence-links{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.dark{background:var(--dark);color:var(--paper);--line:rgba(243,244,238,.3)}.dark :focus-visible{outline-color:var(--paper)}
.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:40px}.section-heading h2{margin:0}.row-controls{display:flex;align-items:center;gap:20px;font-size:15px}.row-controls button{font-size:14px}.case-row+.case-row{padding-top:0}.marquee-window{overflow:hidden;width:100%;padding:4px 0 12px}.marquee-track{display:flex;width:max-content;animation:case-flow calc(var(--card-count) * 5s) linear infinite;will-change:transform}.marquee-group{display:flex;gap:24px;padding-right:24px}.marquee-group .content-card{width:320px;flex:0 0 320px}.content-card{min-width:0}.card-main{display:block;text-decoration:none}.content-card h3{font-size:22px;margin-top:8px}.content-card p{font-size:16px}.content-card small{display:block}.dummy-badge{display:block;width:fit-content;font-size:12px;font-weight:600;margin-top:16px;margin-bottom:8px}.card-destination{display:block;font-size:13px;margin-top:14px}.related-card-link{display:inline-block;font-size:14px;margin-top:12px}.case-row[data-paused=true] .marquee-track{animation-play-state:paused}@keyframes case-flow{to{transform:translateX(-50%)}}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}.card-list .wf-label{margin-bottom:32px}.pagination{display:flex;justify-content:center;gap:16px;margin-top:64px}.pagination a{display:grid;place-items:center;min-width:48px;min-height:48px;border:1px solid currentColor;text-decoration:none}.pagination a[aria-current=page]{background:var(--ink);color:var(--paper)}.faq-list{display:grid;gap:16px}.faq-list details{background:white;border-radius:6px;padding:24px 32px}.faq-list summary{cursor:pointer;min-height:44px;font-weight:600}.faq-list details p{margin-top:24px;max-width:800px}
.full-photo{position:relative;height: min(900px, 100svh);min-height:600px;background:#D7D9D4}.full-photo picture,.full-photo img,.full-photo>.photo-placeholder{position:absolute;inset:0;width:100%;height:100%;border-radius:0}.full-photo img{object-fit:cover}.full-photo>.photo-placeholder span{align-self:start;margin-top:200px}.photo-shade{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.68),transparent 42%,rgba(0,0,0,.65))}.full-photo-copy{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;padding-block:160px 100px;color:white}.hero .full-photo-copy{justify-content:center;padding-bottom:100px;padding-top:160px}.full-photo-copy h1{max-width:800px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-actions a{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.8);min-width:160px;min-height:56px;color:white}.full-photo :focus-visible{outline-color:var(--paper)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-grid h3,.store-cards h3{margin-top:24px}.service-grid a{display:inline-block;margin-top:8px}.branch-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.map-layout{max-width:900px}.document{max-width:720px;margin:auto;padding:64px 20px 128px}.document section{padding-top:48px}.document h1{font-size:40px}.document h2{font-size:26px}.document nav ol{padding-left:24px}.empty-page{padding-block:80px 128px}
.site-footer{background:var(--green);color:var(--paper);padding-block:64px 32px}.site-footer :focus-visible{outline-color:var(--paper)}.footer-top{display:grid;grid-template-columns:1fr 2fr;gap:80px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.footer-columns h2{font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:20px}.footer-columns a{display:block;font-size:16px;text-decoration:none;padding-block:5px}.social-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;margin-bottom:16px}.social-links button{font-size:12px;padding:8px;min-height:40px}.footer-wordmark{font-size:clamp(50px,14.4vw,226px);font-weight:700;line-height:1.15;letter-spacing:-.04em;text-align:center;padding-block:64px 32px;white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:36px;font-size:13px}.privacy-link{display:inline-block;padding:8px 0}.mobile-bar{display:none}
@media(max-width:1279px) and (min-width:1024px){.navbar-inner{gap:16px}.navigation nav{gap:16px}.navigation a{font-size:14px}.header-contact .button{font-size:12px;padding:8px}.brand{font-size:19px}.sticky-grid{gap:40px}}
@media(max-width:1023px){:root{--nav-height:72px}.wrap{width:calc(100% - 40px)}body{font-size:17px}h1{font-size:30px}h2{font-size:26px}h3{font-size:22px}.section{padding-block:64px}.navbar-inner{flex-wrap:wrap;gap:0}.navbar .brand{font-size:20px}.menu-toggle{display:inline-flex;min-height:44px;padding:8px 16px}.header-contact{display:none}.navigation{width:100%;padding-block:24px}.navigation nav{display:grid;grid-template-columns:1fr;gap:8px}.navigation a{padding:8px;min-height:48px}.js .navigation{display:none}.js .navigation[data-open=true]{display:block;background:var(--paper);color:var(--ink);max-height:calc(100svh - var(--nav-height));overflow:auto}.navbar:has(.navigation[data-open=true]){background:var(--paper);color:var(--ink)}html:not(.js) .navbar{position:relative;background:var(--paper);color:var(--ink)}html:not(.js) body:not(.top-dark) main{padding-top:0}.split-slide{grid-template-columns:1fr;min-height:0}.split-photo{grid-row:1}.split-photo .photo-placeholder{min-height:0;height:auto;aspect-ratio:4/3}.split-copy{padding:40px 20px 48px}.split-copy h1,.split-copy h2{font-size:30px}.slide-controls{justify-content:center;flex-wrap:wrap;padding-bottom:32px}.sticky-grid{grid-template-columns:1fr;gap:40px}.sticky-intro{position:static}.number-list>li{padding-block:32px;min-height:180px;grid-template-columns:32px 1fr;gap:16px}.number-list h3{font-size:22px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}.row-controls{width:100%;justify-content:space-between}.marquee-track{animation-duration:calc(var(--card-count) * 8s)}.marquee-group .content-card{width:270px;flex-basis:270px}.marquee-group{gap:20px;padding-right:20px}.card-grid{grid-template-columns:1fr;gap:40px}.content-card h3{font-size:22px}.full-photo{height:85svh;min-height:560px}.hero{height:100svh;min-height:650px}.full-photo-copy{padding-block:128px 64px}.hero .full-photo-copy{padding:calc(var(--nav-height) + 56px) 0 calc(var(--bar-height) + 48px)}.hero-actions{gap:12px;width:100%;flex-wrap:nowrap}.hero-actions a{font-size:14px;min-width:0;flex:1;padding:10px 6px}.full-photo-copy h1{font-size:30px;max-width:440px}.branch-grid,.service-grid{grid-template-columns:1fr;gap:40px}.faq-list details{padding:20px}.tabs{gap:24px}.page-heading{padding-top:40px}.footer-top{grid-template-columns:1fr;gap:48px}.footer-columns{grid-template-columns:repeat(2,1fr);gap:36px}.footer-wordmark{font-size:14.2vw;padding-block:48px 28px}.site-footer{padding-block:48px 28px}.footer-bottom{gap:12px;flex-wrap:wrap}.has-mobile-bar{padding-bottom:calc(var(--bar-height) + env(safe-area-inset-bottom,0px))}.mobile-bar{display:block;position:fixed;inset:auto 0 0;z-index:35;background:var(--paper);box-shadow:0 -3px 12px #00000012;padding:10px 20px calc(12px + env(safe-area-inset-bottom,0px))}.bar-inner{max-width:700px;margin:auto}.bar-inner>p{margin:0 0 8px;font-size:13px;font-weight:600;display:flex;justify-content:space-between;gap:8px}.bar-inner small{font-weight:400}.bar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bar-actions .button{font-size:14px;padding:10px 6px;background:transparent}.document{padding-bottom:64px}.document h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.marquee-window{overflow-x:auto}.marquee-track{transform:none!important}.duplicate-group{display:none}}

html:not(.js) .menu-toggle,html:not(.js) [data-pause],html:not(.js) .slide-controls{display:none}html:not(.js) .marquee-track{animation:none}html:not(.js) .marquee-window{overflow-x:auto}html:not(.js) .duplicate-group{display:none}

/* 2-W revision: H–M shared structures. */
.large-heading{padding-block:80px 48px;text-align:center}
.large-heading .wf-label{margin-inline:auto}
.large-heading h1{font-size:96px;line-height:1.15;margin-bottom:32px;overflow-wrap:anywhere}
.large-heading p{max-width:720px;margin:0 auto}
.branch-picker{padding-top:40px}
.branch-choice{display:block;position:relative;text-decoration:none}
.branch-choice-shade{position:absolute;inset:0;background:rgba(0,0,0,.55);border-radius:6px}
.branch-choice-name{position:absolute;inset:0;display:grid;place-items:center;color:white;font-size:36px;font-weight:600}
.branch-row{padding-block:64px;scroll-margin-top:0}
.branch-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.branch-address{display:grid;gap:8px;margin-bottom:24px}
.branch-address button{justify-content:flex-start;width:fit-content;text-align:left}
.branch-contacts{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px}
.branch-contacts li{display:flex;gap:12px;overflow-wrap:anywhere}
.branch-contacts .contact-icon{display:block;width:32px;height:32px;flex:0 0 32px;object-fit:contain}
.branch-row-actions{display:grid;gap:12px}
.branch-row-actions .button{width:100%}
.branch-row-actions .button[data-contact-style=phone]{color:#000;font-weight:700;opacity:1}
.stores-section-title{padding-top:32px}
.travel-info{display:grid;grid-template-columns:120px 1fr;gap:20px;margin-top:40px}
.travel-info dd{margin:0}
[data-section="Gallery"] figure{margin:0}
[data-section="Gallery"] figcaption{font-size:13px;margin-top:12px}
.contact-band{text-align:center;padding-block:64px;background:#E4E7DD}
.contact-band .wf-label{margin-inline:auto}
.scroll-services{background:var(--paper)}
.reveal-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.reveal-item{min-height:70vh;display:flex;align-items:center;padding-block:64px;color:var(--ink)}
.reveal-copy{width:100%}
.reveal-copy h3{font-size:36px}
.reveal-copy p{max-width:440px}
.reveal-visual{position:sticky;top:calc(var(--nav-height) + 40px);padding-top:0;margin-top:64px}
.reveal-photos{position:relative;aspect-ratio:4/3}
.reveal-photo{position:absolute;inset:0;opacity:1;transition:opacity .4s ease;pointer-events:none}
.reveal-photo[aria-hidden="true"]{opacity:0}
.reveal-photo .photo-placeholder{height:100%}
.reveal-mobile-photo{display:none}
.scroll-services[data-enhanced] .reveal-item{color:#5A5F5A}
.scroll-services[data-enhanced] .reveal-item[data-current="true"]{color:var(--ink)}
@media(max-width:1023px){
 .large-heading{padding-block:48px 32px}
 .large-heading h1{font-size:48px;line-height:1.2}
 .branch-picker{padding-block:32px 64px}
 .branch-choice-name{font-size:26px}
 .branch-row-grid{grid-template-columns:1fr;gap:32px}
 .branch-row{padding-block:40px}
 .travel-info{grid-template-columns:1fr;gap:8px}
 .travel-info dd{margin-bottom:16px}
 .reveal-grid{display:block}
 .reveal-item{display:block;min-height:0;padding:0 0 64px}
 .reveal-item:last-child{padding-bottom:0}
 .reveal-mobile-photo{display:block;margin-bottom:28px}
 .reveal-copy h3{font-size:26px}
 .reveal-visual{display:none}
}
@media(prefers-reduced-motion:reduce){.reveal-photo{transition:none}}


.branch-choice .photo-placeholder{place-items:start center;padding-top:24px}
.branch-choice .photo-placeholder span{position:relative;z-index:1;color:var(--paper)}


/* Bilingual navbar: reserve both label widths, so swapping does not move links. */
.navigation .nav-language-link{display:grid;grid-template-columns:1fr;align-items:center}
.nav-language-link span{grid-area:1/1;transition:opacity .15s ease}
.nav-language-link .nav-en{opacity:1}
.nav-language-link .nav-ko{opacity:0}
.nav-language-link:hover .nav-en,.nav-language-link:focus-visible .nav-en{opacity:0}
.nav-language-link:hover .nav-ko,.nav-language-link:focus-visible .nav-ko{opacity:1}
.navbar[data-state=Scrolled] .secondary{background:transparent}
.navbar[data-state=Scrolled] :focus-visible{outline-color:var(--paper)}
@media(max-width:1023px){
 .navigation .nav-language-link{display:flex;gap:8px}
 .navigation .nav-language-link .nav-en,.navigation .nav-language-link .nav-ko{opacity:1;transition:none}
}
@media(prefers-reduced-motion:reduce){.nav-language-link span{transition:none}}


.navbar:has(.navigation[data-open=true]) :focus-visible{outline-color:var(--green)}

/* 2-W: reviewed landing content, using the shared typography and palette. */
.needs-confirm{font-size:12px;font-weight:500;white-space:nowrap;display:inline-block;vertical-align:middle}
[data-wf="0"] .needs-confirm{display:none}
.landing-image{display:block;width:100%;height:auto}
.split-photo .landing-image{height:100%;min-height:600px;object-fit:contain;background:#D7D9D4}
.split-intro{font-size:16px}
.split-copy h1{word-break:keep-all}
.trust-section{padding:36px 0}
.trust-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));list-style:none;padding:0;margin:0}
.trust-metrics li{padding:16px 24px;border-left:1px solid var(--line)}
.trust-metrics li:first-child{border-left:0}
.trust-metrics strong{display:block;font-size:24px;line-height:1.4}
.trust-metrics span{font-size:15px}
.brand-featured{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:48px 0}
.brand-featured strong{display:block;font-size:clamp(24px,2.8vw,40px);font-weight:700;margin-bottom:16px}
.brand-featured h3{font-size:22px}.brand-featured p{font-size:16px}
.brand-others{display:flex;flex-wrap:wrap;gap:16px 28px;list-style:none;padding:32px 0;margin:0 0 24px;border-block:1px solid var(--line)}
.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:48px 0 0;padding:0}
.process-list.five-steps{grid-template-columns:1fr 1fr 1.6fr 1fr 1fr;gap:20px}
.process-step{border-top:1px solid var(--line);padding-top:24px;min-width:0}
.process-number{font-size:28px;font-weight:700;margin-bottom:24px}
.process-step h3{font-size:22px}.process-step p{font-size:16px;overflow-wrap:anywhere}
.process-step .button{font-size:14px;padding:10px;max-width:100%}
.process-step h4{margin:0 0 8px;font-size:16px}.process-choices>div{padding:16px 0;border-top:1px solid var(--line)}
.packing-note{padding:16px;background:#E4E7DD;margin-top:16px}.packing-note p{font-size:14px;margin:0}
.reason-tags{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;font-size:13px;margin:24px 0 0}
.reason-tags li{border-bottom:1px solid var(--line)}
.cost-table{border-collapse:collapse;width:100%;font-size:17px}
.cost-table th,.cost-table td{border-bottom:1px solid var(--line);padding:24px 20px;text-align:left;vertical-align:top}
.cost-table thead{background:var(--dark);color:var(--paper)}
.cost-table th:first-child{width:32%}.cost-table td:last-child{width:20%}
.cost-mobile-label{display:none}.cost-note{font-size:15px;margin-top:24px;max-width:1000px}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px}
.before-after figure{margin:0}.compare-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;background:#D7D9D4}
.compare-stage img{aspect-ratio:1;object-fit:contain}
.compare-before,.compare-after{position:relative;min-width:0}
.compare-label{position:absolute;bottom:12px;left:12px;padding:4px 10px;background:var(--paper);color:var(--ink);font-size:14px}
.compare-stage input,.compare-handle,.compare-help{display:none}
.compare-stage.is-interactive{display:block;aspect-ratio:1}
.is-interactive .compare-before,.is-interactive .compare-after{position:absolute;inset:0}
.is-interactive .compare-after{clip-path:inset(0 0 0 var(--split))}
.is-interactive .compare-after .compare-label{left:auto;right:12px}
.is-interactive .compare-handle{position:absolute;display:block;inset:0 auto 0 var(--split);width:2px;background:var(--paper);pointer-events:none}
.compare-handle span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-radius:4px}
.compare-stage.is-interactive input{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:col-resize;margin:0;touch-action:pan-y}
.compare-stage:focus-within{outline:3px solid var(--green);outline-offset:4px}
.repair-comparison:has(.is-interactive) .compare-help{display:block}
.before-after figcaption{margin-top:20px}.before-after figcaption h3{margin-bottom:8px}
.compare-help{font-size:14px}.repair-pairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;margin-top:48px}
.repair-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.repair-pair img{aspect-ratio:1;object-fit:contain;background:#D7D9D4}
.repair-pair span{font-size:13px}.comparison-link{margin-top:48px}
.card-photo>.landing-image{aspect-ratio:4/3;object-fit:contain;background:#D7D9D4;border-radius:6px}
.card-photo>img:not(.landing-image){display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#D7D9D4;border-radius:6px}
.branch-contacts span{overflow-wrap:anywhere}
@media(max-width:1023px){
 .split-photo .landing-image{min-height:0;height:auto;aspect-ratio:4/3;object-fit:contain}
 .brand-featured{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .process-list,.process-list.five-steps{grid-template-columns:1fr;gap:40px}
 .process-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
 .process-number{font-size:30px;margin-bottom:16px}
 .compare-grid{grid-template-columns:1fr}.repair-pairs{grid-template-columns:1fr}
}
@media(max-width:767px){
 .trust-metrics{grid-template-columns:1fr 1fr}.trust-metrics li{padding:16px 12px}.trust-metrics li:nth-child(odd){border-left:0}
 .trust-metrics strong{font-size:22px}
 .brand-featured{grid-template-columns:1fr}.brand-featured strong{font-size:36px}
 .cost-table,.cost-table tbody{display:block}
 .cost-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .cost-table tr{display:block;padding:24px 0;border-bottom:1px solid var(--line)}
 .cost-table th,.cost-table td{display:block;width:100%!important;padding:8px 0;border:0}
 .cost-mobile-label{display:block;font-size:13px;font-weight:600;margin-bottom:4px}
}

/* 2-W correction 4 */
.navbar .header-contact .button{border:0;opacity:1}
.navbar .header-contact [data-contact-style=kakao]{background:#FEE500;color:rgba(0,0,0,.85)}
.navbar .header-contact [data-contact-style=phone]{background:var(--signature);color:#fff}
.navbar .header-contact .button:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.footer-business{padding-top:48px}
.business-info{font-size:13px;line-height:1.8;margin:0;overflow-wrap:anywhere}
.footer-wordmark{padding-top:24px}
.footer-bottom{border-top:1px solid rgba(243,244,238,.3)}
.social-links a,.social-links button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-height:44px;padding:10px;border:0;background:transparent;color:var(--paper)}
.social-links svg{width:24px;height:24px;flex:none}
.social-links button:disabled{opacity:1;cursor:not-allowed}
.branch-map{position:relative;display:block;aspect-ratio:3/2;background:#fff;text-decoration:none}
.branch-map img{display:block;width:100%;height:100%;object-fit:contain}
.branch-map>span{position:absolute;right:12px;bottom:12px;padding:6px 10px;background:var(--green);color:var(--paper);font-size:13px}
.branch-address a{overflow-wrap:anywhere}
.branch-business{margin-top:32px}
#process,#products{scroll-margin-top:16px}
@media(max-width:1023px){.footer-business{padding-top:32px}.footer-wordmark{padding-top:24px}.branch-map>span{right:8px;bottom:8px;font-size:12px}}

/* Shared page hero: clear copy area at left, photo to the top edge at right. */
.page-cover{--cover-copy-width:40%;background:var(--ink);color:white}
.page-cover .split-slide{position:relative;isolation:isolate;grid-template-columns:var(--cover-copy-width) 1fr;min-height:clamp(640px,50vw,860px)}
.page-cover .split-photo{position:absolute;inset:0 0 0 var(--cover-copy-width);z-index:-1}
.page-cover .split-photo .landing-image{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 44%;border-radius:0;background:transparent}
.page-cover .split-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 30%)}
.page-cover .split-copy{grid-column:1;min-width:0;width:100%;max-width:none;margin:0;padding:calc(var(--nav-height) + 40px) clamp(28px,4vw,80px) 64px}
.page-cover .split-copy>h1,.page-cover .split-copy>p{max-width:600px}
.page-cover .split-copy h1{font-size:clamp(32px,3.25vw,52px)}
.page-cover .split-copy .actions{max-width:620px}
.page-cover .button{background:var(--green);border-color:var(--green);color:white}
.page-cover .button[data-contact-style=kakao]{background:#FEE500;border-color:#FEE500;color:rgba(0,0,0,.85)}
.page-cover .button:disabled{opacity:1}
.page-cover :focus-visible{outline-color:white}
.light-cover .page-cover{background:var(--paper);color:var(--ink)}
.light-cover .page-cover .split-photo::after{background:linear-gradient(180deg,rgba(243,244,238,.94),transparent 30%)}
.light-cover .navbar[data-state=Top-Dark]{color:var(--ink)}
.light-cover .navbar[data-state=Top-Dark] :focus-visible,.light-cover .page-cover :focus-visible{outline-color:var(--green)}
.store-catalog-action{display:flex;justify-content:center;padding-block:8px 32px}
.store-catalog-action .button{background:var(--green);border-color:var(--green);color:white;text-align:center}
.store-catalog-action .button:hover{background:var(--dark);border-color:var(--dark)}
@media(max-width:1023px){
 .page-cover .split-slide{grid-template-columns:1fr;min-height:0}
 .page-cover .split-photo{position:relative;inset:auto;grid-column:1;grid-row:1;z-index:0;height:clamp(300px,50svh,440px)}
 .page-cover .split-copy{grid-row:2;padding:36px 20px 64px}
 .page-cover .split-copy h1{font-size:30px}
 .page-cover .split-copy .actions{gap:10px}
 .page-cover .split-copy .button{min-height:52px}
}

/* 2-W correction 6: scroll-world is scoped to the home hero. */
.hero-world{position:relative;height:100svh;min-height:650px;overflow:visible;background:#141414;color:#fff}
.js .hero-world{height:440svh}
.hero-world-fallback{position:sticky;top:0;height:100svh;min-height:650px;z-index:5;opacity:1;transition:opacity .2s ease;background:#141414}
.hero-world-fallback picture,.hero-world-fallback img{display:block;width:100%;height:100%}
.hero-world-fallback img{object-fit:cover;object-position:center 42%}
.hero-world[data-mounted=true] .hero-world-fallback{opacity:0;pointer-events:none}
.hero-scroll-world{position:absolute;inset:0;z-index:10;visibility:hidden;--sw-bg:#141414;--sw-ink:#fff;--sw-ink-soft:#F3F4EE;--sw-accent:#A08650;--sw-font-display:Pretendard,sans-serif;--sw-font-body:Pretendard,sans-serif}
.hero-world[data-mounted=true][data-hero-active=true] .hero-scroll-world{visibility:visible}
.hero-world-copy{position:absolute;inset:0;z-index:200;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100svh;min-height:650px;padding-top:var(--nav-height);padding-bottom:80px;pointer-events:none}
.js .hero-world-copy{opacity:0;visibility:hidden}
.js .hero-world[data-copy-active=true] .hero-world-copy{position:fixed;inset:0;opacity:1;visibility:visible}
.hero-world-copy h1{max-width:620px;margin-bottom:20px;text-shadow:0 2px 18px #000}
.hero-world-copy .hero-actions{pointer-events:auto;margin-top:0}
.hero-scroll-world .sw-copylayer,.hero-scroll-world .sw-route,.hero-scroll-world .sw-topbar,.hero-scroll-world .sw-scrollbar{display:none!important}
.hero-scroll-world .sw-stage::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to bottom,rgba(0,0,0,.12),transparent 48%,rgba(0,0,0,.72));pointer-events:none}
.hero-scroll-world .sw-stage,.hero-scroll-world .sw-sky,.js .hero-world[data-copy-active=true] .hero-world-copy{transform:translateY(var(--hero-exit-offset,0px))}
.hero-scroll-world .sw-hint{color:#F3F4EE;text-shadow:0 1px 8px #000;bottom:calc(26px + env(safe-area-inset-bottom,0px))}
.hero-scroll-world .sw-hint i{border-color:rgba(243,244,238,.7)}
@media(max-width:1023px){
 .hero-world{min-height:0;background:#141414}.hero-world-fallback{position:sticky;height:100svh;min-height:0}.hero-world-fallback img{object-position:center center}
 .hero-world-copy{position:absolute;inset:auto 0 calc(var(--hero-bar-height,var(--bar-height)) + 8px);z-index:200;height:auto;min-height:0;padding:12px;justify-content:flex-end;background:rgba(20,20,20,.42);border:1px solid rgba(255,255,255,.28);border-radius:16px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 8px 32px #0003}
 .mobile-bar{z-index:210}
 .js .hero-world[data-copy-active=true] .hero-world-copy{position:fixed;inset: auto 0 auto;bottom:calc(max(100% - 100svh,var(--hero-bar-height,calc(var(--bar-height) + env(safe-area-inset-bottom,0px)))) + 8px);opacity:1;visibility:visible}
 .hero-world-copy .wf-label{font-size:10px;margin-bottom:10px}
 .hero-world-copy h1{font-size:20px;line-height:1.4;max-width:440px;margin-bottom:10px}
 .hero-world-copy .hero-actions{gap:8px;width:100%;flex-wrap:nowrap}
 .hero-world-copy .hero-actions a{font-size:13px;min-width:0;flex:1;padding:10px 4px;background:#ffffff18;border-color:#ffffff70}
 .hero-scroll-world .sw-stage,.hero-scroll-world .sw-sky{bottom:auto;height:100svh}
 .hero-scroll-world .sw-scene__video,.hero-scroll-world .sw-scene__still{object-position:center center}
 .hero-scroll-world .sw-hint{display:none}
}
@media(prefers-reduced-motion:reduce){.js .hero-world{height:100svh}.hero-scroll-world{display:none}.hero-world-fallback{position:absolute}.hero-world-copy{position:absolute}}

/* Home visit banner and shared charcoal footer. */
:root{--navigation-surface:rgba(20,20,20,.92);--visit-surface:#E3E5DC}
.navbar[data-state=Scrolled],.site-footer{background:var(--navigation-surface)}
.visit-banner-section{padding-block:64px;background:var(--visit-surface);color:var(--ink)}
.visit-banner-section h2{margin-bottom:20px}
.visit-banner-section p{margin-bottom:28px;word-break:keep-all;overflow-wrap:break-word}
.visit-banner-button{min-width:180px;background:var(--green);border-color:var(--green);color:white;transition:background-color .15s}
.visit-banner-button:hover{background:var(--dark);border-color:var(--dark)}
.site-footer{padding-block:80px 32px}
.site-footer .footer-top{grid-template-columns:minmax(0,.8fr) minmax(0,2.6fr);gap:48px}
.site-footer .footer-columns{grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.5fr);gap:32px}
.footer-connect h2{font-size:22px;line-height:1.6;font-weight:500;margin:0 0 24px}
.footer-connect-label{font-size:12px;letter-spacing:.12em;margin:0;color:#C9CDC3}
.footer-connect .social-links{margin-top:16px;margin-bottom:0;gap:10px}
.footer-connect .social-links a,.footer-connect .social-links button{border:1px solid rgba(243,244,238,.3);border-radius:2px}
.footer-connect .social-links a:hover{background:rgba(243,244,238,.1)}
.site-footer .footer-columns h2{font-size:14px;letter-spacing:.1em;margin:0 0 20px}
.site-footer .footer-columns a{padding-block:8px;width:fit-content;min-height:44px}
.site-footer .footer-columns a:hover{text-decoration:underline;text-underline-offset:5px}
.site-footer .footer-business{margin:0;padding:0;border:0;min-width:0}
.site-footer .footer-business .business-info{font-size:16px;line-height:1.75}
.site-footer .footer-business .business-info>span{display:block;min-height:44px;padding-block:8px}
.site-footer .footer-bottom{border-top:0}
.site-footer .footer-wordmark{padding-block:32px}
@media(max-width:1023px){
 .visit-banner-section{padding-block:48px}
 .site-footer{padding-block:48px 28px}
 .site-footer .footer-top{grid-template-columns:1fr;gap:40px}
 .site-footer .footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .footer-connect h2{font-size:20px;margin-bottom:20px}
 .site-footer .footer-columns h2{font-size:12px}
 .site-footer .footer-columns a{font-size:14px}
 .site-footer .footer-business{grid-column:1/-1}
 .site-footer .footer-business .business-info{font-size:14px}
 .site-footer .footer-wordmark{padding-block:24px}
}
@media(prefers-reduced-motion:reduce){.visit-banner-button{transition:none}}

/* Combined cases, generous product photography, and a full-width collection. */
[data-section=Cases] .row-controls{flex-wrap:wrap}
.latest-products{padding-top:32px}
.latest-products>.wrap{max-width:var(--content-max)}
.latest-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.latest-product-grid[hidden]{display:none}
.latest-product a{display:block;text-decoration:none}
.latest-product-photo{aspect-ratio:1;overflow:hidden;background:#E3E5DC}
.latest-product-photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s}
.latest-product a:hover img{transform:scale(1.025)}
.latest-product h3{font-size:19px;line-height:1.5;min-height:3em;margin:20px 0 8px;overflow-wrap:anywhere}
.latest-products-empty{padding:36px 0;border-block:1px solid var(--line)}
.latest-products-empty p{font-size:17px}
.collection-banner{position:relative;isolation:isolate;min-height:560px;height:41vw;max-height:760px;display:grid;align-items:center;overflow:hidden;color:white;background:var(--signature)}
.collection-banner-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 53%}
.collection-banner::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.22) 36%,transparent 65%)}
.collection-banner-inner{max-width:var(--content-max)}
.collection-banner-copy{max-width:400px;text-align:center}
.collection-banner h2{font-size:clamp(38px,4vw,64px);line-height:1.06;letter-spacing:-.035em;margin-bottom:20px}
.collection-banner p{font-size:15px;margin-bottom:28px}
.collection-banner .button{min-width:220px;min-height:58px;background:var(--dark);border:1px solid var(--dark);color:white}
.collection-banner .button:hover{background:var(--green)}
.collection-banner :focus-visible{outline-color:white;outline-offset:5px}
/* The photo stays in the viewport while the section and its copy scroll past it.
   Keep the image element as the mobile/reduced-motion and accessible fallback. */
@media(min-width:1024px) and (prefers-reduced-motion:no-preference){
 .collection-banner{background-image:url('/images/home/watch-collection.avif');background-size:cover;background-position:50% 53%;background-repeat:no-repeat;background-attachment:fixed}
 .collection-banner-image{opacity:0}
}
@media(max-width:1023px){
 .latest-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}
 .latest-product h3{font-size:17px}
 .collection-banner{height:650px;min-height:0;max-height:none;align-items:end;padding-block:40px}
 .collection-banner-image{object-position:56% center}
 .collection-banner::before{background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(0,0,0,.1) 55%,transparent 80%)}
 .collection-banner-copy{max-width:none}
 .collection-banner h2{font-size:36px}
 .collection-banner p{margin-bottom:20px}
}
@media(max-width:599px){
 .latest-product-grid{grid-template-columns:1fr;gap:36px}
 .latest-product h3{font-size:20px}
 [data-section=Cases] .row-controls{gap:12px;font-size:13px}
 .collection-banner{height:620px}
}
@media(prefers-reduced-motion:reduce){.latest-product-photo img{transition:none}.latest-product a:hover img{transform:none}}

/* Transparent portrait appears only in the home trust introduction. */
.home-trust-portrait{display:block;width:100%;max-width:360px;height:clamp(260px,44svh,480px);object-fit:contain;object-position:left bottom;margin-top:24px}
@media(max-width:1023px){
 .home-trust-portrait{width:min(100%,320px);height:auto;margin:24px auto 0}
 .mobile-bar .button[data-contact-style]{border:0;opacity:1}
 .mobile-bar .button[data-contact-style=phone]{background:var(--green);color:#fff}
 .mobile-bar .button[data-contact-style=kakao]{background:#FEE500;color:rgba(0,0,0,.85)}
}

/* Let the home title stay pinned as the portrait passes behind the list's bottom edge.
   clip-path clips painting without creating a scroll container that breaks sticky. */
@media(min-width:1024px){
 .sticky-grid:has(.home-trust-portrait){clip-path:inset(0)}
 .sticky-intro:has(>.home-trust-portrait)>.home-trust-portrait{position:absolute;top:100%;left:0}
}

@media(min-width:1024px){.sell-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

.branch-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.before-after .comparison-link{display:flex;width:fit-content;max-width:100%;margin:48px auto 0;background:var(--green);color:#fff;border-color:var(--green)}

/* Desktop reference: 1920 viewport / 1600 content. 1440 retains 1200 content.
   Full-bleed heroes and the 1760 navbar keep their independent widths. */
@media(min-width:1441px){
 h1{font-size:clamp(56px,3.333333vw,64px)}
 h2{font-size:clamp(36px,2.1875vw,42px)}
 .section:not(.latest-products){padding-block:clamp(128px,7.5vw,144px)}
 .page-cover .split-copy h1{font-size:clamp(52px,3.333333vw,64px)}
 .page-cover .split-copy>h1{max-width:640px;word-break:keep-all;overflow-wrap:break-word}
 .footer-wordmark{font-size:clamp(226px,14.4vw,300px)}
}

/* Keep desktop navigation centered independently of the side controls. */
@media(min-width:1280px){.navbar-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.navbar-inner>.brand{justify-self:start}.navbar-inner>.navigation{justify-self:center}.navbar-inner>.header-contact{justify-self:end}}

/* Preserve the representative-approved copy and its paragraph breaks. */
.approved-copy{white-space:pre-line;overflow-wrap:anywhere}
.sticky-headline{font-size:clamp(20px,1.6vw,28px);font-weight:600;line-height:1.55}
.branch-introduction h3{font-size:clamp(20px,1.4vw,26px);line-height:1.5}
.branch-introduction{margin-block:24px}
.approved-copy,.sticky-headline,.sticky-intro h2,.visit-banner-section h2,.hero-world-copy h1,.number-list h3,.branch-introduction h3{word-break:keep-all;overflow-wrap:break-word}

/* Center the home portrait below the introduction without changing its scroll exit. */
.home-trust-portrait{margin-inline:auto}
@media(min-width:1024px){.sticky-intro:has(>.home-trust-portrait)>.home-trust-portrait{left:50%;transform:translateX(-50%)}}

/* Visit Us uses the navigation surface from the first paint through scroll. */
.navbar[data-surface=solid]{background:#141414;color:var(--paper)}
.navbar[data-surface=solid] :focus-visible{outline-color:var(--paper)}
.navbar[data-surface=solid] .navigation[data-open=true] :focus-visible{outline-color:var(--green)}

/* Final 2026-11-03 single-film hero. Scope media framing to this component. */
.hero-world-fallback img{object-position:center 42%}
.hero-scroll-world .sw-stage{position:fixed;inset:0;width:100%;height:100svh;overflow:hidden;background:#141414}
.hero-scroll-world .sw-scene{position:absolute;inset:0}
.hero-scroll-world .sw-scene__still,.hero-scroll-world .sw-scene__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transform:none}
.hero-scroll-world .sw-scene__video{opacity:0}
.hero-scroll-world .sw-scene.has-clip .sw-scene__video{opacity:1}
.hero-scroll-world .sw-scene.has-clip .sw-scene__still{opacity:0}
@media(max-width:860px),(pointer:coarse){
 .hero-world-fallback img,.hero-scroll-world .sw-scene__still,.hero-scroll-world .sw-scene__video{object-position:80% 42%}
}
.hero-world[data-hero-variant=mobile] .sw-scene__still,.hero-world[data-hero-variant=mobile] .sw-scene__video{object-position:80% 42%}
.hero-world[data-hero-variant=desktop] .sw-scene__still,.hero-world[data-hero-variant=desktop] .sw-scene__video{object-position:center 42%}

.hero-scroll-world .sw-hint{position:fixed;left:50%;transform:translateX(-50%);z-index:3;font-size:12px;pointer-events:none}