@import url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5.2.8/400.css');
@import url('https://cdn.jsdelivr.net/npm/@fontsource/montserrat@5.2.8/700.css');
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard-gov.min.css');
:root{color-scheme:dark;--bg:#0f151b;--panel:#18212a;--ink:#e7ecf1;--muted:#98a6b3;--line:#2b3743;--accent:#4cb0ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Pretendard GOV',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}header,main,footer{width:min(1280px,calc(100% - 80px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:28px 0;border-bottom:1px solid var(--line);gap:20px}.brand,.eyebrow,nav,.label{font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:.12em}.brand{font-size:17px;font-weight:700}nav{display:flex;gap:22px;flex-wrap:wrap}nav [aria-current]{color:var(--accent)}main{padding:65px 0 80px}.eyebrow{color:var(--accent);margin:0 0 24px}h1{font-size:clamp(32px,3.7vw,56px);line-height:1.22;letter-spacing:-.05em;margin:0 0 28px;word-break:keep-all}h2{font-size:18px;margin:0 0 15px}.intro{color:#c1cbd4;font-size:16px;word-break:keep-all}dl{margin:32px 0;display:grid;grid-template-columns:1fr 1fr;gap:19px 24px}dl div{border-top:1px solid var(--line);padding-top:12px}dt{font-size:12px;color:var(--muted)}dd{margin:5px 0 0;font-size:14px}figure{margin:0;min-width:0}img{display:block;width:100%;height:auto}figcaption{font-size:12px;color:var(--muted);margin-top:12px}.direction{border-top:1px solid var(--line);padding-top:25px}.direction p{color:#c1cbd4;font-size:15px;word-break:keep-all}.note{color:var(--muted);font-size:12px;margin-top:28px}footer{border-top:1px solid var(--line);padding:24px 0 40px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.a .layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:60px;align-items:start}.a figure{position:sticky;top:30px;padding-top:56px}.a img{border-radius:4px}.b main{max-width:1280px}.b .headline{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.b h1{margin:0;max-width:680px}.b figure img{border-radius:8px}.b .story{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:48px auto 0;max-width:1040px}.b dl{margin:0}.b .direction{border:0;padding:0}.c main{max-width:1120px}.c .layout{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel)}.c .title{padding:36px 40px;border-bottom:1px solid var(--line)}.c h1{font-size:clamp(30px,3vw,42px);margin:0}.c .inside{display:grid;grid-template-columns:1.3fr 1fr}.c figure{padding:32px;border-right:1px solid var(--line)}.c img{border-radius:9px}.c .info{padding:32px}.c dl{margin:0 0 28px}.c .direction p{font-size:14px}.compare h1{max-width:800px}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.choice{display:block;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:28px}.choice:hover{border-color:var(--accent)}.choice .letter{font:700 48px Montserrat,sans-serif;color:var(--accent)}.choice h2{margin-top:25px}.choice p{color:var(--muted);font-size:14px}.choice strong{font-size:13px}.recommend{max-width:850px;margin-top:48px;color:#c1cbd4}.skip{position:absolute;left:16px;top:-100px}.skip:focus{top:10px;background:var(--panel);padding:10px;z-index:2}@media(max-width:1024px){.a .layout{gap:32px;grid-template-columns:1fr 1fr}.c .inside{grid-template-columns:1fr}.c figure{border-right:0;border-bottom:1px solid var(--line)}.b .story{gap:35px}.choices{gap:14px}.choice{padding:20px}}@media(max-width:768px){header,main,footer{width:calc(100% - 40px)}header{align-items:start}.brand{font-size:14px}nav{gap:15px}main{padding:40px 0 55px}.a .layout,.b .story,.choices{grid-template-columns:1fr}.a figure{position:static;padding:0}.a .copy{display:contents}.a h1,.a .eyebrow,.a .intro{grid-column:1}.a .layout{gap:20px}.a .details{order:2}.a figure{order:1}.a dl{margin-top:12px}.b .headline{display:block}.b .story{gap:32px;margin-top:30px}.b .headline .eyebrow{margin-bottom:18px}.c .title,.c .info,.c figure{padding:24px}.c .eyebrow{margin-bottom:16px}footer{gap:20px;align-items:start}.choices{margin-top:26px}.choice .letter{font-size:34px}.choice h2{margin-top:15px}}

dl div:last-child{grid-column:1 / -1}dd{word-break:keep-all}

/* Full-page showcase: original captures remain uncropped. */
[hidden]{display:none!important}.project-switch{display:flex;align-items:center;gap:18px;margin-bottom:40px;color:var(--muted)}.project-switch label{font-size:11px;letter-spacing:.12em}.project-switch select{min-width:0;max-width:100%;font:inherit;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:10px}.showcase{margin-top:72px;border-top:1px solid var(--line);padding-top:40px}.showcase>h2{font-size:28px}.source-notice,.local-note,.capture-status,.phone-help{font-size:13px;color:var(--muted)}.capture-block{margin-top:35px;border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:30px}.capture-block h3{font-size:17px;margin:0 0 20px}.capture-picker{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:14px}.capture-picker input{max-width:100%;min-width:0;font:inherit}.pc-capture-view{max-width:1040px;margin:28px auto 0}.full-capture{display:block;width:100%;height:auto;max-width:100%}.capture-zoom{display:block;margin:20px auto 0}.capture-zoom,.capture-dialog button{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:10px 18px;cursor:pointer}.phone-frame{position:relative;width:min(100%,320px);height:620px;border:9px solid #111419;border-radius:44px;background:#111419;margin:28px auto;box-shadow:0 0 0 1px #67717b,0 20px 45px #0005;overflow:clip}.phone-screen{height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:auto;border-radius:34px;background:#fff;scrollbar-width:thin;scrollbar-color:#9ba2ab #f0f1f3;outline-offset:-4px}.phone-screen img{width:100%;height:auto;display:block}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100px;height:20px;background:#111419;border-radius:0 0 15px 15px;pointer-events:none}.phone-help{text-align:center;max-width:470px;margin:16px auto}.phone-screen:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.phone-screen:focus-visible{outline-offset:-4px}.project-navigation{border-top:1px solid var(--line);padding-top:28px;margin-top:48px;display:flex;justify-content:space-between;gap:24px;letter-spacing:0;font-family:inherit;font-size:13px}.project-navigation>div{display:flex;flex-direction:column;align-items:end;gap:14px}.capture-dialog{width:min(1200px,96vw);max-height:92vh;padding:24px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:auto}.capture-dialog::backdrop{background:#000c}.capture-dialog img{width:100%;height:auto;margin-top:20px}.capture-dialog button{position:sticky;top:0}.b .capture-mobile{padding-top:40px;padding-bottom:40px}.c .showcase{margin-top:40px}.c .capture-block{border-radius:12px}@media(max-width:768px){.project-switch{align-items:start;flex-direction:column;gap:10px;margin-bottom:30px}.project-switch select{width:100%;font-size:14px}.showcase{margin-top:44px;padding-top:28px}.capture-block{padding:20px}.capture-picker{gap:12px}.capture-picker input{font-size:12px}.project-navigation{flex-direction:column}.project-navigation>div{align-items:start}.phone-frame{height:560px;max-height:75svh;border-width:8px;border-radius:38px}.phone-screen{border-radius:30px}.showcase>h2{font-size:24px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.full-capture{border-radius:0!important}

.phone-tooltip{position:absolute;z-index:2;top:52px;left:50%;transform:translate(-50%,6px);width:max-content;max-width:calc(100% - 24px);padding:12px 16px;border:1px solid #ffffff26;border-radius:12px;background:#18212aeb;backdrop-filter:blur(10px);box-shadow:0 8px 24px #0004;color:#e7ecf1;text-align:center;pointer-events:none;opacity:0;transition:opacity .25s ease,transform .25s ease}.phone-tooltip.is-visible{opacity:1;transform:translate(-50%,0)}.phone-tooltip strong{display:block;font-size:13px;font-weight:500}.phone-tooltip small{display:block;font:10px Montserrat,sans-serif;letter-spacing:.05em;color:#b8c7d4;margin-top:3px}.phone-tooltip svg{width:17px;height:20px;display:inline-block;vertical-align:middle;margin-right:7px}.phone-tooltip[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.phone-tooltip{transition:none;transform:translateX(-50%)}.phone-tooltip.is-visible{transform:translateX(-50%)}}

/* Match the existing Case Study footer without importing its page layout. */
.archive-explore{--font-display:'Montserrat';--font-kr:'Pretendard GOV';margin-top:64px}.archive-explore .explore-links{display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;margin-top:36px}.archive-explore .explore-links a{border-bottom:1px solid #586373;padding:12px 0;font-size:13px}.archive-explore .explore-links a:hover{opacity:.8}.archive-explore .project-pagination{display:grid;grid-template-columns:1fr 1fr;margin-top:64px;border-block:1px solid var(--line);font-family:inherit;letter-spacing:normal;gap:0}.archive-explore .project-pagination a{padding:28px 0;font-size:17px}.archive-explore .project-pagination a+a{text-align:right}.archive-explore .project-pagination small{display:block;font:500 9px/1.5 var(--font-display),var(--font-kr),sans-serif;color:var(--muted);margin-bottom:10px}.archive-explore .top-link{display:block;text-align:right;margin-top:30px;font:500 10px/1.7 var(--font-display),sans-serif}.archive-explore .top-link:hover{color:var(--accent)}@media(max-width:768px){.archive-explore .project-pagination{grid-template-columns:1fr}.archive-explore .project-pagination a+a{text-align:left;border-top:1px solid var(--line)}.archive-explore .explore-links{display:grid;gap:14px}.archive-explore .explore-links>a{width:fit-content}}