:root{--paper:#f1eee6;--paper-2:#f8f6f0;--ink:#151514;--muted:#65625c;--line:#aaa79f;--blue:#003d95;--lime:#d8ff43;--font:Pretendard,"Apple SD Gothic Neo",sans-serif;--maxw:920px}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--paper)}
body{font-family:var(--font);color:var(--ink);background:var(--paper);font-size:17px;line-height:1.68;word-break:keep-all;line-break:strict;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 22px}
header.top{border-bottom:1px solid var(--line);background:rgba(241,238,230,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;flex-direction:column;justify-content:center;min-height:44px;color:var(--ink);text-decoration:none;line-height:1}.brand strong{font-size:14px;letter-spacing:-.055em}.brand span{margin-top:4px;font:700 8px/1 Georgia,serif;letter-spacing:.12em}.brand i{color:var(--blue);font-style:normal}
.nav-links{display:flex;gap:18px;align-items:center}.nav-links>a{font-size:12px;font-weight:800;text-decoration:none}
.nav a.btn{border:1px solid var(--ink);color:var(--ink);padding:8px 16px;border-radius:999px;min-height:44px;display:inline-flex;align-items:center}.nav-links>a:not(.btn){display:inline-flex;min-height:44px;align-items:center}
.back{display:inline-flex;min-height:44px;align-items:center;margin:20px 0 14px;color:var(--muted);text-decoration:none;font-size:13px}.back:hover{color:var(--blue)}
article{padding-bottom:40px}
.chip{display:inline-block;color:var(--blue);font:700 11px/1 Georgia,serif;letter-spacing:.1em;text-transform:uppercase;margin:8px 0 18px}
h1{font-family:"Nanum Myeongjo","AppleMyungjo",Georgia,serif;font-size:clamp(42px,7vw,76px);letter-spacing:-.06em;line-height:.98;margin-bottom:22px;text-wrap:balance}
.sub{color:var(--muted);font-size:18px;max-width:760px;margin-bottom:36px;text-wrap:pretty}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin:0 0 40px}
.facts>div{background:var(--paper-2);padding:18px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.facts .k{font:700 10px/1 Georgia,serif;color:var(--blue);letter-spacing:.08em;margin-bottom:16px;text-transform:uppercase}.facts .v{font-weight:800;font-size:15px}
.hero-fig{margin:0 0 12px}.hero-fig img{border:1px solid var(--line);background:#fff;width:100%}
h2{font-family:"Nanum Myeongjo","AppleMyungjo",Georgia,serif;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1.2;margin:54px 0 18px}h2 b{color:var(--blue)}
p{margin-bottom:14px}
.steps{counter-reset:s;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin:24px 0;list-style:none}
.steps li{min-height:190px;padding:22px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);position:relative;background:var(--paper-2)}
.steps li::before{counter-increment:s;content:"0" counter(s);display:block;color:var(--blue);font:700 12px/1 Georgia,serif;margin-bottom:46px}.steps b{display:block;margin-bottom:8px}.steps p{font-size:16px;color:var(--muted);margin:0}
figure,.zoomfig{margin:34px 0}figure img{border:1px solid var(--line);background:#fff;margin:0 auto}figcaption{font-size:12px;color:var(--muted);padding-top:10px}.pswp-a{cursor:zoom-in;display:block}
.note{background:var(--blue);color:#fff;padding:24px;font-size:16px;margin:30px 0}.rel{list-style:none;display:grid;border-top:1px solid var(--ink);margin:18px 0}.rel li{border-bottom:1px solid var(--ink);padding:14px 0;font-size:16px;color:var(--muted)}
.reassure{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:26px 0;margin:46px 0 30px;font-size:16px}.reassure>b{color:var(--blue)}.reassure ul{margin:14px 0 0 20px;color:var(--muted)}
.cta{background:var(--blue);color:#fff;padding:42px;text-align:left;margin:30px 0 20px}.cta h2{color:#fff;margin:0 0 12px}.cta p{color:#dce8fa;font-size:15px;margin-bottom:24px}.cta a{display:inline-flex;background:var(--lime);color:var(--ink);text-decoration:none;font-weight:900;padding:12px 22px;border:1px solid var(--ink);border-radius:999px;min-height:46px;align-items:center}
.next{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0;margin-bottom:50px;text-decoration:none;color:inherit}.next .lbl{font-size:11px;color:var(--blue);font-weight:800}.next .t{font-weight:800}.next .ar{color:var(--blue);font-size:24px}
footer.bottom{border-top:1px solid var(--line);padding:28px 0 44px;font-size:12px;color:var(--muted)}
@media(max-width:700px){.wrap{padding:0 16px}.nav{height:64px}.nav-links>a:not(.btn){display:none}.nav a.btn{padding:8px 13px;font-size:11px}.sub{font-size:17px}.steps{grid-template-columns:1fr}.steps li{min-height:0}.steps li::before{margin-bottom:25px}.cta{padding:28px 22px}.next{min-height:74px}}

/* v8 editorial case system */
:root{--display:"Noto Serif KR","AppleMyungjo",Georgia,serif;--maxw:1180px}
::selection{background:var(--lime);color:var(--ink)}
a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.back{margin:28px 0 22px}
article{padding-bottom:56px}
.case-hero{display:grid;grid-template-columns:170px minmax(0,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:34px 0 44px;margin-bottom:34px}
.case-number{color:var(--blue);font:700 clamp(74px,8vw,118px)/.78 Georgia,serif;letter-spacing:-.08em;padding-top:8px}
.case-heading{border-left:1px solid var(--ink);padding-left:46px;min-width:0}
.chip{margin:0 0 24px}
h1,h2{font-family:var(--display)}
h1{max-width:940px;font-size:clamp(52px,6.7vw,88px);line-height:.98;margin-bottom:28px}
.sub{max-width:820px;margin:0;font-size:19px;line-height:1.65}
.facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin:0 0 68px}
.facts>div{min-height:112px;padding:20px;display:flex;flex-direction:column;justify-content:space-between}
.facts .k{margin-bottom:24px}.facts .v{font-size:16px}
.case-body>.zoomfig:first-child{margin:0 0 84px;border:1px solid var(--ink);background:#fff;overflow:hidden}
.case-body>.zoomfig:first-child .pswp-a{display:grid;place-items:center;min-height:520px}
.case-body>.zoomfig:first-child img{width:100%;max-height:720px;object-fit:contain;border:0}
.case-body>.zoomfig:first-child figcaption{padding:12px 14px;border-top:1px solid var(--line)}
.case-strip .case-body>.zoomfig:first-child{padding:clamp(28px,5vw,64px);background:var(--blue)}
.case-strip .case-body>.zoomfig:first-child .pswp-a{min-height:410px;background:#e5e7e8}
.case-strip .case-body>.zoomfig:first-child figcaption{margin:0;background:var(--paper-2);color:var(--ink);border-top:1px solid var(--ink)}
.case-map .case-body>.zoomfig:first-child{padding:28px;background:#eef3df}
.case-map .case-body>.zoomfig:first-child .pswp-a{min-height:440px}
.case-body>h2{max-width:820px;font-size:clamp(38px,4.7vw,58px);line-height:1.12;margin:86px 0 26px}
.steps{grid-template-columns:repeat(6,minmax(0,1fr));margin:28px 0 48px}
.steps li{grid-column:span 2;min-height:240px;padding:26px}.steps:has(li:nth-child(4):last-child) li{grid-column:span 3}.steps:has(li:nth-child(5):last-child) li:nth-last-child(-n+2){grid-column:span 3}
.steps li::before{margin-bottom:54px}.steps b{font-size:17px}.steps p{line-height:1.65}
.case-body>.zoomfig:not(:first-child){margin:58px 0}.case-body>.zoomfig:not(:first-child) img{max-height:760px;object-fit:contain}
.note{margin:44px 0;padding:30px 34px;border-left:10px solid var(--lime);font-weight:800}
.rel{margin:26px 0 46px}.rel li{display:block;padding:18px 0}
.continuity-graphic,.purpose-pair{display:grid;grid-template-columns:1fr 72px 1fr;align-items:stretch;margin:28px 0 52px;border:1px solid var(--ink);background:var(--paper-2)}
.continuity-graphic>div,.purpose-pair>div{min-height:210px;padding:28px;display:flex;flex-direction:column;justify-content:space-between}
.continuity-graphic b,.purpose-pair b{color:var(--blue);font:700 13px/1 Georgia,serif;letter-spacing:.08em}.continuity-graphic strong,.purpose-pair strong{font-family:var(--display);font-size:28px;line-height:1.25}.continuity-graphic small,.purpose-pair small{color:var(--muted)}
.continuity-arrow,.pair-plus{display:grid;place-items:center;background:var(--blue);color:var(--lime);font:700 32px/1 Georgia,serif}
.expansion-overview{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,360px);gap:1px;margin:0 0 84px;border:1px solid var(--ink);background:var(--ink)}.expansion-overview figure{min-width:0;min-height:0;margin:0;background:#fff;position:relative;overflow:hidden}.expansion-overview figure img{width:100%;height:100%;object-fit:contain;border:0;background:#f4f1ea}.expansion-overview figure.product-board img{object-fit:contain;background:#e8eff5}.expansion-overview figure.magnet img{object-position:center 16%}.expansion-overview figure.map img{object-fit:contain;padding:20px;background:#eef3df}.expansion-overview figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 14px;background:rgba(248,246,240,.94);color:var(--ink);line-height:1.45}.expansion-overview figcaption b{display:block;color:var(--blue);font-size:13px}.expansion-overview figcaption span{display:block;margin-top:4px;font-size:12px}.case-expansion .case-number{color:var(--blue)}
.expansion-overview .figure-production-grid{display:grid;grid-template-columns:.42fr .58fr;grid-template-rows:1fr 1fr;height:100%;gap:1px;background:var(--ink)}.expansion-overview .figure-production-grid img{min-width:0;min-height:0;object-fit:contain;background:#d9e6f4}.expansion-overview .figure-production-grid img:first-child{grid-row:1/3;object-fit:contain;background:#fff}.expansion-overview .figure-production-grid picture:first-child{grid-row:1/3}.expansion-overview .figure-production-grid picture,.expansion-overview .figure-production-grid picture img{width:100%;height:100%}
.evidence-grid{display:grid;gap:1px;margin:28px 0 58px;border:1px solid var(--ink);background:var(--ink)}.evidence-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.evidence-grid figure{min-width:0;margin:0;background:var(--paper-2);display:flex;flex-direction:column}.evidence-media{display:grid;place-items:center;overflow:hidden;background:#fff;aspect-ratio:4/3}.evidence-grid--square .evidence-media{aspect-ratio:1}.evidence-media img,.evidence-media picture{width:100%;height:100%}.evidence-media img{object-fit:contain;border:0;background:#fff}.evidence-grid figcaption{min-height:82px;padding:14px 16px;border-top:1px solid var(--ink);color:var(--ink);line-height:1.45}.evidence-grid figcaption strong{display:block;color:var(--blue);font-size:13px}.evidence-grid figcaption span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.evidence-disclosure{display:grid;grid-template-columns:140px 1fr;gap:22px;margin:-30px 0 42px;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);font-size:14px}.evidence-disclosure b{color:var(--blue)}.evidence-disclosure span{color:var(--muted)}
.evidence-media{position:relative}.evidence-media>img,.evidence-media picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.evidence-media picture{position:relative;overflow:hidden}
.reassure{margin:76px 0 32px;padding:32px 0;font-size:17px}.reassure ul{line-height:1.8}
.cta{display:grid;grid-template-columns:1.2fr .8fr;gap:38px;align-items:end;padding:48px;margin:32px 0 24px}.cta h2{grid-column:1;margin:0;font-size:clamp(38px,4.4vw,58px);line-height:1.1}.cta p{grid-column:1;margin:0}.cta a{grid-column:2;grid-row:1/3;justify-self:end;align-self:end}
.next{padding:26px 0;transition:color .18s ease}.next:hover{color:var(--blue)}.next .t{font-size:18px}.next .ar{font-size:34px}
footer.bottom{color:#777}
@media(max-width:760px){
  .case-hero{grid-template-columns:1fr;padding:26px 0 34px}.case-number{padding:0 0 24px;font-size:74px}.case-heading{border-left:0;border-top:1px solid var(--ink);padding:26px 0 0}.chip{margin-bottom:18px}h1{font-size:48px;line-height:1.03;letter-spacing:-.055em}.sub{font-size:17px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:52px}.facts>div{min-height:105px;padding:16px}.case-body>.zoomfig:first-child{margin-bottom:62px}.case-body>.zoomfig:first-child .pswp-a,.case-strip .case-body>.zoomfig:first-child .pswp-a,.case-map .case-body>.zoomfig:first-child .pswp-a{min-height:0}.case-strip .case-body>.zoomfig:first-child,.case-map .case-body>.zoomfig:first-child{padding:18px}.case-body>h2{font-size:38px;margin-top:64px}.steps,.steps:has(li:nth-child(4):last-child),.steps:has(li:nth-child(5):last-child){grid-template-columns:1fr}.steps li,.steps:has(li:nth-child(4):last-child) li,.steps:has(li:nth-child(5):last-child) li:nth-last-child(-n+2){grid-column:1;min-height:0}.expansion-overview{grid-template-columns:1fr;grid-template-rows:repeat(6,300px);margin-bottom:62px}.expansion-overview figcaption{left:10px;right:10px;bottom:10px;padding:10px 12px}.evidence-grid--two,.evidence-grid--three{grid-template-columns:1fr}.evidence-media{aspect-ratio:4/3}.evidence-grid--square .evidence-media{aspect-ratio:1}.evidence-grid figcaption{min-height:0}.evidence-disclosure{grid-template-columns:1fr;gap:6px;margin-top:-22px}.continuity-graphic,.purpose-pair{grid-template-columns:1fr}.continuity-graphic>div,.purpose-pair>div{min-height:170px}.continuity-arrow,.pair-plus{min-height:54px}.cta{grid-template-columns:1fr;padding:30px 24px}.cta h2,.cta p,.cta a{grid-column:1;grid-row:auto}.cta a{justify-self:start}footer.bottom{line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.next{transition:none}}