@font-face{font-family:Pretendard;src:url('../assets/web/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#0c2038;--brand:#00b4e6;--link:#007599;--paper:#fafbf8;--mist:#e9f8fc;--muted:#5e6871;--line:#d4d9dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:116px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,sans-serif;font-size:16px;line-height:1.75}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{line-height:1.2;letter-spacing:-.045em;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--link);outline-offset:5px}a:hover{color:var(--link)}.wrap{width:min(1440px,calc(100% - 96px));margin-inline:auto}.header{height:100px;width:calc(100% - 96px);margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:28px;font-weight:800;letter-spacing:-.05em;display:flex;align-items:center;gap:24px}.wordmark span{font-size:11px;font-weight:600;letter-spacing:0;color:var(--muted)}.live{font-size:14px;display:flex;align-items:center;gap:26px}.live span{font-size:24px}.skip{position:fixed;left:20px;top:-100px;background:var(--ink);color:white;padding:12px;z-index:100}.skip:focus{top:20px}.hero{padding-top:100px}.eyebrow{display:block;color:var(--link);font-size:12px;font-weight:700;letter-spacing:0}.hero h1{font-size:clamp(42px,4.7vw,88px);margin-top:32px;line-height:1.17}.hero h1>span{color:var(--muted);font-weight:450}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin:44px 0 56px}.hero-bottom p{font-size:18px;color:var(--muted)}.round-link{width:64px;height:64px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:28px}.hero-photo{position:relative}.hero-photo>img{width:100%;aspect-ratio:2.2;object-fit:cover}.hero-photo figcaption{position:absolute;left:36px;right:36px;bottom:28px;display:flex;justify-content:space-between;align-items:end;color:white;font-weight:650;font-size:22px;text-shadow:0 1px 8px #0c2038}.hero-photo figcaption span:last-child{font-size:11px}.metadata{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:36px 0 60px;font-size:12px;color:var(--muted)}.metadata b{display:block;font-size:14px;font-weight:550;color:var(--ink);margin-top:8px}.chapters{position:relative;background:#292d32;border-block:1px solid #454b52}.chapters>div{display:flex;justify-content:space-between;gap:24px;overflow:auto;scrollbar-width:none}.chapters a{color:#d7dce2;white-space:nowrap;display:block;padding:20px 0;font-size:13px;border-bottom:2px solid transparent}.chapters a.active,.chapters a:hover{color:#76d9f4;border-color:#76d9f4}.chapters a:focus-visible{outline:2px solid #76d9f4;outline-offset:-4px}.section{padding-block:140px}.section-head{max-width:1040px;margin-bottom:72px}.section-head h2{font-size:clamp(34px,3.5vw,64px);margin:24px 0 32px}.section-head>p{max-width:780px;font-size:18px;color:var(--muted);word-break:keep-all}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.three article{padding-top:28px;border-top:1px solid var(--line)}article>span{font-size:12px;color:var(--link);font-weight:650}article h3{font-size:28px;margin:20px 0}article p{color:var(--muted);word-break:keep-all}.project-question{margin-top:100px;padding:64px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 3fr;gap:40px}.project-question>span{font-size:12px;color:var(--link);font-weight:700;padding-top:10px}.project-question p{font-size:40px;line-height:1.45;letter-spacing:-.035em}.project-question em{font-style:normal;color:var(--link)}.scope{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding-top:40px}.scope b{font-size:14px}.scope p{max-width:900px;color:var(--muted)}.tinted{background:#edf3f4}.research-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.research-grid article{padding-top:24px;border-top:1px solid #b7c8ce}.research-grid article h3{font-size:27px}.research-grid article b{display:block;font-size:12px;color:var(--link);margin-top:24px}.source-note{margin-top:48px;border-block:1px solid var(--line);padding:20px 0;font-size:14px;color:var(--muted)}summary{cursor:pointer;color:var(--ink);font-weight:550}.source-note p{margin-top:18px;max-width:1100px}.source-note a{color:var(--link);text-decoration:underline;text-underline-offset:4px}.subhead{margin:110px 0 44px}.subhead h3{font-size:38px;margin-top:20px}.audiences{display:grid;grid-template-columns:1fr 1fr;gap:64px}.audiences article{background:var(--paper);padding:42px}.person-label{border-bottom:1px solid var(--line);padding-bottom:30px}.person-label>span{font-size:12px;color:var(--link);font-weight:700}.person-label p{font-size:18px}.audiences dl{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:32px 0;font-size:14px}.audiences dt{font-size:11px;font-weight:700;color:var(--link)}.design-answer{border-top:1px solid var(--line);padding-top:24px;font-size:12px}.design-answer strong{display:block;color:var(--ink);font-size:16px;margin-top:8px}.problem-table>div{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px;padding:28px 0;border-bottom:1px solid #cbd7db;font-size:16px;align-items:start}.problem-table .table-head{font-size:12px;color:var(--link);font-weight:700;padding:18px 0;border-top:1px solid #a7bbc2}.problem-table p{color:var(--muted)}.directions{gap:24px}.directions article{padding:32px;background:#edf3f4;border:0}.directions .chosen{background:var(--ink);color:white}.chosen>span,.chosen dl dt{color:#76d9f4}.chosen p,.chosen dd{color:#d4e1e7}.directions dl{font-size:14px;margin-top:32px}.directions dt{font-size:12px;color:var(--link);font-weight:650;margin:16px 0 6px}.selected{display:block;margin-top:28px;font-size:12px;color:#76d9f4}.message{padding:100px 0 0;text-align:center}.message>p{font-size:64px;font-weight:650;line-height:1.3;letter-spacing:-.05em;margin:28px 0 40px}.tags{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.tags span{border:1px solid var(--line);border-radius:40px;padding:9px 24px;font-size:14px}.flow{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;margin:0}.flow li{border-top:2px solid var(--link);padding-top:28px}.flow b{display:block;font-size:26px}.flow span{display:block;margin:16px 0 12px;font-size:16px}.flow small{color:var(--muted);font-size:12px}.dark{background:var(--ink);color:white}.dark .eyebrow{color:#76d9f4}.dark .section-head p{color:#b9cbd5}.stage-tabs{display:flex;overflow:auto;gap:8px;margin-bottom:48px;padding-bottom:12px}.stage-tabs button{border:1px solid #405769;background:transparent;color:#b9cbd5;white-space:nowrap;padding:13px 22px;font-size:14px}.stage-tabs button[aria-selected=true]{background:var(--brand);border-color:var(--brand);color:var(--ink);font-weight:700}.evolution-layout{display:grid;grid-template-columns:1fr .85fr;gap:100px;align-items:start}.stage-visual{background:#dce6e9;padding:32px;height:800px;overflow:hidden}.image-open{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;text-align:left}.stage-visual .image-open{height:100%}.stage-visual img{height:100%;width:100%;object-fit:contain}.image-open>span{position:absolute;right:16px;bottom:16px;background:var(--ink);color:white;padding:10px 16px;font-size:12px}.stage-copy{padding-top:28px}.stage-copy h3{font-size:40px;margin:20px 0 28px}.stage-copy>p{color:#b9cbd5;font-size:18px}.stage-copy dl{border-top:1px solid #405769;margin-top:40px;padding-top:12px}.stage-copy dt{font-size:12px;color:#76d9f4;margin:24px 0 8px}.stage-copy dd{font-size:16px;color:#d4e1e7}.stage-controls{display:flex;align-items:center;gap:24px;margin-top:36px}.stage-controls button{width:48px;height:48px;border:1px solid #8fa8b8;background:none;color:white}.stage-controls button:disabled{opacity:.3;cursor:default}.stage-controls span{font-size:12px}.archive-note{font-size:12px;color:#b9cbd5;margin-top:24px}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}.image-pair img{width:100%;aspect-ratio:1.65;object-fit:cover}.image-pair figcaption{padding-top:24px}.image-pair figcaption span{font-size:12px;color:var(--link);font-weight:700}.image-pair figcaption p{margin-top:12px;color:var(--muted)}.asset-story{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;margin-top:100px;align-items:center}.asset-story img{width:100%}.asset-story h3{font-size:40px;margin:24px 0}.asset-story p{color:var(--muted)}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.rules article{border-top:1px solid var(--line);padding-top:28px}.rules h3{font-size:27px}.grid-demo{display:grid;grid-template-columns:1fr 6fr 1fr;margin-top:32px;height:74px;border:1px solid #afc7d0}.grid-demo i{background:#e3eaed}.grid-demo b{font-size:11px;display:grid;place-items:center}.type-demo{font-size:40px;margin-top:24px;font-weight:600}.type-demo small{display:block;font-size:12px;font-weight:400}.swatches{display:flex;gap:8px;margin-top:30px}.swatches span{border-top:42px solid var(--swatch);padding-top:10px;flex:1;font-size:11px}.refinements{display:grid;grid-template-columns:1fr 1fr;gap:32px 64px}.refinements article{border-top:1px solid var(--line);padding-top:24px}.refinements p{margin-top:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;background:var(--ink);color:white;font-size:14px;font-weight:600;margin-top:32px}.button:hover{background:var(--link);color:white}.final-screens{display:grid;grid-template-columns:3fr 1fr;gap:60px;align-items:start}.screen-label{font-size:12px;font-weight:700;display:flex;justify-content:space-between;margin-bottom:16px;color:var(--link)}.final-screens .image-open{border:1px solid #c7d3d8}.final-screens img{width:100%;height:auto}.outcome{margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid #bdcdd3;padding-top:48px}.outcome h3{font-size:32px;margin-top:22px}.outcome p{margin-bottom:24px;color:var(--muted)}.outcome strong{color:var(--ink)}.source-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:24px}.footer{background:var(--ink);color:white;padding:100px 0 32px}.footer .eyebrow{color:#76d9f4}.footer p{font-size:64px;line-height:1.2;margin-top:24px;letter-spacing:-.04em}.footer .button{background:var(--brand);color:var(--ink)}.footer .button:hover{background:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #405769;margin-top:90px;padding-top:24px;font-size:12px;color:#b9cbd5}dialog{padding:0;border:0;max-width:none;max-height:none;width:min(1500px,94vw);height:94dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#071421dd}body:has(dialog[open]){overflow:hidden}.viewer-bar{display:flex;align-items:center;gap:24px;padding:16px 24px;border-bottom:1px solid var(--line);height:76px}.viewer-bar p{flex:1;font-size:14px}.viewer-bar a{font-size:12px;color:var(--link)}.viewer-bar button{border:1px solid var(--line);padding:8px 16px;background:transparent;white-space:nowrap}.viewer-body{overflow:auto;height:calc(100% - 76px);padding:24px;background:#e3eaed}.viewer-body img{width:auto;max-width:100%;margin:auto;height:auto}
@media(min-width:1600px){.hero{padding-top:120px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.header{width:calc(100% - 64px)}.three,.research-grid,.rules{gap:28px}.three article,.audiences article{padding:24px}.directions{grid-template-columns:1fr}.directions article{padding:32px}.directions dl{display:grid;grid-template-columns:80px 1fr;gap:10px}.directions dt{margin:0}.audiences{gap:24px}.audiences dl{grid-template-columns:1fr;gap:6px}.audiences dd{margin-bottom:12px}.evolution-layout{gap:40px;grid-template-columns:1fr 1fr}.stage-visual{height:650px;padding:16px}.stage-copy h3{font-size:32px}.asset-story{gap:40px}.final-screens{gap:32px}.section{padding-block:110px}.project-question p{font-size:32px}}
@media(max-width:700px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.header{width:calc(100% - 40px);height:76px}.wordmark{font-size:23px}.wordmark span{display:none}.live{font-size:12px;gap:14px}.hero{padding-top:64px}.hero h1{font-size:39px;margin-top:24px}.hero-bottom{margin:28px 0 32px;gap:20px}.hero-bottom p{font-size:14px}.round-link{width:44px;height:44px;flex-shrink:0;font-size:22px}.hero-photo>img{aspect-ratio:1.2;object-position:65% center}.hero-photo figcaption{left:16px;right:16px;bottom:16px;font-size:16px}.hero-photo figcaption span:last-child{display:none}.metadata{grid-template-columns:1fr 1fr;gap:24px 16px;padding:28px 0 40px}.metadata b{font-size:12px}.chapters>div{width:100%;padding-inline:20px;gap:26px}.chapters a{padding:16px 0;font-size:12px}.section{padding-block:80px}.section-head{margin-bottom:44px}.section-head h2{font-size:34px;margin:20px 0 24px}.section-head>p{font-size:16px}.three,.research-grid,.audiences,.rules,.refinements,.image-pair,.asset-story,.outcome{grid-template-columns:1fr}.principles article{padding:24px 0 0}.project-question,.scope{grid-template-columns:1fr;gap:20px}.project-question{margin-top:56px;padding:36px 0}.project-question p{font-size:28px}.scope{padding-top:28px}.research-grid{gap:36px}.research-grid article h3{font-size:25px}.subhead{margin:64px 0 32px}.subhead h3{font-size:30px}.audiences article{padding:28px 24px}.audiences dl{grid-template-columns:84px 1fr;gap:16px 10px}.audiences dd{margin:0}.problem-table .table-head{display:none}.problem-table>div{grid-template-columns:1fr;gap:12px}.problem-table p:before{display:block;color:var(--link);font-size:11px;font-weight:700}.problem-table p:nth-child(2):before{content:'원인 해석'}.problem-table p:nth-child(3):before{content:'디자인 과제'}.message{padding-top:64px}.message>p{font-size:35px}.tags span{padding:8px 16px;font-size:12px}.flow{grid-template-columns:1fr 1fr;gap:32px 20px}.flow b{font-size:24px}.flow span{font-size:14px}.flow small{font-size:11px}.stage-tabs{margin-bottom:28px}.stage-tabs button{font-size:12px;padding:12px 16px}.evolution-layout{grid-template-columns:1fr;gap:28px}.stage-visual{height:610px}.stage-copy{padding-top:0}.stage-copy h3{font-size:32px}.stage-copy>p{font-size:16px}.stage-copy dl{margin-top:28px}.image-pair{gap:40px}.asset-story{margin-top:64px;gap:32px}.asset-story h3{font-size:32px}.rules{gap:40px}.final-screens{grid-template-columns:1fr;gap:48px}.final-screens figure:last-child{width:min(320px,85%);margin:auto}.final-screens .image-open>span{position:static;display:block;text-align:center}.outcome{margin-top:64px;gap:24px;padding-top:32px}.outcome h3{font-size:30px}.footer{padding-top:64px}.footer p{font-size:39px}.footer-bottom{margin-top:64px;gap:24px;font-size:10px}.viewer-bar{gap:12px;padding:12px;height:90px;flex-wrap:wrap}.viewer-bar p{flex-basis:100%;font-size:12px;line-height:1}.viewer-bar button{font-size:12px;padding:4px 12px;margin-left:auto}.viewer-body{padding:8px;height:calc(100% - 90px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Prompt-led project introduction */
.hero h1{font-size:clamp(36px,3.7vw,70px)}.prompt-intro{margin-top:40px}.prompt-intro>p{font-size:18px;color:var(--muted);line-height:1.85;word-break:keep-all}.prompt-roles{display:flex;flex-wrap:wrap;gap:24px 64px;margin-top:28px;font-size:14px;color:var(--muted)}.prompt-roles b{display:block;color:var(--ink);font-size:12px;margin-bottom:6px}.open-ended{display:grid;grid-template-columns:180px 1fr;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:40px;align-items:start}.open-ended>span{color:var(--link);font-size:12px;font-weight:700;padding-top:4px}.open-ended p{max-width:960px;color:var(--muted);font-size:16px;word-break:keep-all}.hero-bottom{margin-top:32px}.hero-bottom p{font-size:16px}@media(max-width:700px){.hero h1{font-size:36px;line-height:1.28}.prompt-intro{margin-top:28px}.prompt-intro>p{font-size:16px}.desktop-break{display:none}.prompt-roles{gap:20px;flex-direction:column}.open-ended{grid-template-columns:1fr;gap:12px;margin-top:28px;padding:22px 0}.open-ended p{font-size:14px}.hero-bottom p{font-size:14px}}

.open-ended p+p{margin-top:12px}.open-ended p strong{color:var(--ink);font-size:18px;font-weight:650}.open-ended .time-note{font-size:14px;color:var(--muted)}@media(max-width:700px){.open-ended p strong{font-size:16px}.open-ended .time-note{font-size:13px}}

.prompt-intro>p{max-width:1050px}.prompt-intro strong{color:var(--ink);font-weight:650}.process-context{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:48px;padding-top:32px;border-top:1px solid var(--line)}.process-context article>span{font-size:12px;color:var(--link);font-weight:650}.process-context h2{font-size:23px;line-height:1.4;margin:16px 0}.process-context p{font-size:16px;line-height:1.8}.process-context strong{color:var(--ink);font-weight:650}@media(max-width:1000px){.process-context{gap:28px}.process-context h2{font-size:21px}}@media(max-width:700px){.process-context{grid-template-columns:1fr;gap:28px;margin-top:32px;padding-top:24px}.process-context article+article{border-top:1px solid var(--line);padding-top:24px}.process-context h2{font-size:22px;margin:12px 0}.process-context p{font-size:15px}}
.case-header-links{display:flex;align-items:center;gap:28px}.case-return{font-size:13px;color:var(--muted);white-space:nowrap}.case-return:hover{color:var(--link)}@media(max-width:700px){.case-header-links{gap:12px}.case-return{font-size:11px}.case-header-links .live{gap:4px;font-size:11px}}

.footer-bottom{flex-wrap:wrap}

/* A visual introduction to the original site and the redesign. */
.hero{padding-top:64px}
.case-header-links a{display:inline-flex;align-items:center;min-height:44px}
.hero h1{max-width:1100px;margin-top:24px}
.hero-summary{max-width:900px;margin-top:28px;color:var(--muted);font-size:18px;line-height:1.8;word-break:keep-all}
.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:28px}
.hero-actions .button{margin-top:0}
.text-link{font-size:14px;font-weight:650;color:var(--ink);text-decoration:underline;text-underline-offset:6px}
.comparison{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}
.comparison-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:28px}
.comparison-head h2{margin-top:12px;font-size:clamp(28px,2.7vw,42px)}
.comparison-head>p{max-width:360px;color:var(--muted);font-size:15px}
.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.comparison-grid figure{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #c8d1d5;box-shadow:0 10px 28px #0c20380b}
.comparison-label{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:16px 20px;background:#292e32;color:white;font-size:13px}
.comparison-label span{color:#8bdcf0;font-size:11px;font-weight:700;letter-spacing:.06em}
.comparison-label b{font-weight:650}
.comparison-viewport{padding:44px;background:#e8e7e3}
.comparison-expand{display:block;position:relative;background:white}
.comparison-viewport img{display:block;width:100%;height:auto}
.comparison-redesign .comparison-viewport img{aspect-ratio:1920/1907;object-fit:cover;object-position:top}
.comparison-expand span{display:block;padding:9px 12px;color:var(--link);background:white;text-align:right;font-size:11px;font-weight:650}
.comparison-grid figcaption{display:flex;flex-direction:column;justify-content:center;gap:5px;min-height:94px;padding:16px 20px;background:#f4f8f9;color:var(--muted);font-size:14px;line-height:1.5}
.comparison-grid figcaption span{color:var(--link);font-size:11px;font-weight:700}
.comparison-grid figcaption p{margin:0}
.comparison-source{margin-top:14px;color:var(--muted);font-size:12px;line-height:1.6}
.comparison-source a{color:var(--link);text-decoration:underline;text-underline-offset:3px}
.comparison-insights{margin-top:40px;padding-top:28px;border-top:2px solid var(--ink)}
.comparison-insights-head{display:flex;align-items:baseline;gap:24px;margin-bottom:20px}
.comparison-insights-head h3{font-size:27px}
.comparison-takeaways{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.comparison-takeaways p{padding:20px 22px;background:white;border:1px solid var(--line);border-left:3px solid var(--brand);font-size:14px;line-height:1.7}
.comparison-takeaways b{display:block;margin-bottom:5px;color:var(--ink)}
.comparison-scope{margin-top:16px;color:var(--muted);font-size:12px}
.process-details,.detail-accordion{margin-top:46px;border-block:1px solid var(--line)}
.process-details summary,.detail-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:15px;font-weight:650;list-style:none}
.process-details summary::-webkit-details-marker,.detail-accordion summary::-webkit-details-marker{display:none}
.process-details summary::after,.detail-accordion summary::after{content:'+';font-size:25px;font-weight:400;line-height:1;color:var(--link)}
.process-details[open] summary::after,.detail-accordion[open] summary::after{content:'−'}
.process-details .process-context{margin:0 0 32px}
.hero .metadata{padding:32px 0 64px}
.research-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.research-takeaways p{min-width:0;padding:20px 22px;background:var(--paper);font-size:15px;line-height:1.6}
.research-takeaways b{display:block;margin-bottom:7px;color:var(--link);font-size:12px}
.research-details .research-grid{margin-top:30px}
.detail-accordion .subhead:first-of-type{margin-top:40px}
.detail-accordion .problem-table{padding-bottom:32px}
#assets .detail-accordion{margin-top:64px}
#assets .detail-accordion .refinements{padding-bottom:32px}

@media(max-width:700px){
 .hero{padding-top:40px}
 .case-header-links .case-return,.case-header-links .live{font-size:12px}
 .hero h1{margin-top:18px;font-size:clamp(32px,8.5vw,36px)}
 .hero-summary{margin-top:22px;font-size:15px;line-height:1.7}
 .hero-actions{align-items:stretch;gap:16px;margin-top:22px}
 .hero-actions .button{min-height:48px;margin:0;padding:12px 18px}
 .text-link{align-self:center}
 .comparison{margin-top:46px;padding-top:28px}
 .comparison-head{display:block;margin-bottom:20px}
 .comparison-head h2{font-size:28px}
 .comparison-head>p{margin-top:12px;font-size:14px}
 .comparison-grid,.comparison-takeaways,.research-takeaways{grid-template-columns:1fr}
 .comparison-grid{gap:32px}
 .comparison-label{min-height:58px;padding:13px 14px;font-size:12px}
 .comparison-viewport{padding:14px}
 .comparison-grid figcaption{min-height:86px;padding:14px 16px;font-size:13px}
 .comparison-insights{margin-top:36px;padding-top:22px}
 .comparison-insights-head{display:block;margin-bottom:16px}
 .comparison-insights-head h3{margin-top:5px;font-size:24px}
 .comparison-takeaways{gap:10px}
 .comparison-takeaways p{padding:15px 17px;font-size:13px}
 .comparison-source{font-size:11px}
 .comparison-scope{font-size:11px}
 .process-details,.detail-accordion{margin-top:34px}
 .process-details summary,.detail-accordion summary{font-size:14px;padding:19px 0}
 .hero .metadata{padding:24px 0 48px}
 .research-takeaways{gap:8px}
 .research-takeaways p{padding:15px 17px;font-size:14px}
 #assets .detail-accordion{margin-top:48px}
}

/* Use surfaces for grouped findings and the central question only. */
.comparison-takeaways{gap:0;background:#edf2f3}
.comparison-takeaways p{padding:22px 26px;background:transparent;border:0}
.comparison-takeaways p+p{border-left:1px solid #cbd6d9}
.process-details .process-context{gap:40px;margin:0 0 32px;padding-top:12px;border:0}
#overview .project-question{grid-template-columns:180px 1fr;gap:32px;margin-top:64px;padding:48px;background:var(--ink);border:0;color:white}
#overview .project-question>span,#overview .project-question em{color:#76d9f4}
@media(max-width:700px){
 .comparison-takeaways p{padding:18px 20px}
 .comparison-takeaways p+p{border-left:0;border-top:1px solid #cbd6d9}
 .process-details .process-context{gap:28px;margin:0 0 24px;padding-top:8px}
 #overview .project-question{grid-template-columns:1fr;gap:16px;margin-top:48px;padding:28px 24px}
 #strategy .flow{grid-template-columns:1fr}
}

/* Full-width dark introduction above the screen comparison. */
.header{position:sticky;top:0;z-index:30;isolation:isolate;color:white;border-bottom:0}
.header::before,.hero-intro::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--ink)}
.header::after{content:"";position:absolute;left:calc(50% - 50vw);right:calc(50% - 50vw);bottom:0;height:1px;background:#405364;pointer-events:none}
.header .wordmark span,.header .case-return{color:#b9cbd5}
.header a:hover{color:#76d9f4}
.hero{padding-top:0}
.hero-intro{position:relative;isolation:isolate;padding:64px 0 76px;color:white}
.hero-intro .eyebrow{color:#76d9f4}
.hero-intro h1>span{color:#b9cbd5}
.hero-intro .hero-summary{color:#c5d5dd}
.hero-intro .hero-actions .button{background:var(--brand);color:var(--ink)}
.hero-intro .hero-actions .button:hover{background:white}
.hero-intro .text-link{color:white}
.hero-intro .text-link:hover{color:#76d9f4}
.comparison{margin-top:0}
@media(max-width:700px){.hero{padding-top:0}.hero-intro{padding:40px 0 56px}}

/* Clearer pauses between the introduction, comparison, and project facts. */
.comparison{padding-top:72px}
.comparison-insights{margin-top:72px}
.process-details{margin-top:76px}
.hero .metadata{padding-top:52px}
@media(max-width:700px){
 .comparison{padding-top:52px}
 .comparison-insights{margin-top:54px}
 .process-details{margin-top:60px}
 .hero .metadata{padding-top:40px}
}

/* Comparison notes and project facts: labels, values, and clear reading order. */
.comparison-insights-head{display:block;margin-bottom:28px}.comparison-insights-head h3{margin-top:10px;line-height:1.35}
.comparison-takeaways{grid-template-columns:repeat(2,minmax(0,1fr));background:#edf2f3}
.comparison-takeaways article{min-width:0;padding:28px 32px}.comparison-takeaways article+article{border-left:1px solid #cbd6d9}
.comparison-takeaways h4{font-size:18px;line-height:1.5;margin:0 0 20px;color:var(--ink)}
.comparison-takeaways dl{margin:0;display:grid;gap:16px}.comparison-takeaways dl>div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;align-items:baseline}.comparison-takeaways dt{font-size:12px;color:var(--muted)}.comparison-takeaways dd{margin:0;font-size:15px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}.comparison-takeaways dl>div:last-child dd{color:var(--ink);font-weight:550}
.comparison-scope{margin-top:18px;line-height:1.7}
.project-facts{margin-top:52px;padding:32px 0 60px;border-top:1px solid var(--line)}.project-facts-heading h3{font-size:24px;line-height:1.4;margin-top:10px}
.hero .project-facts .metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px;padding:0;margin:24px 0 0}.metadata>div{min-width:0;padding:22px 0;border-top:1px solid var(--line)}.metadata dt{font-size:12px;line-height:1.5;color:var(--muted)}.metadata dd{margin:10px 0 0;font-size:16px;line-height:1.7;font-weight:550;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:1000px){.comparison-takeaways article{padding:24px}.comparison-takeaways dl>div{grid-template-columns:1fr;gap:4px}}
@media(max-width:700px){.comparison-insights-head{margin-bottom:20px}.comparison-takeaways{grid-template-columns:1fr;gap:0}.comparison-takeaways article{padding:22px 20px}.comparison-takeaways article+article{border-left:0;border-top:1px solid #cbd6d9}.comparison-takeaways h4{font-size:17px;margin-bottom:16px}.comparison-takeaways dd{font-size:14px}.comparison-scope{font-size:12px}.project-facts{margin-top:36px;padding:28px 0 40px}.project-facts-heading h3{font-size:22px}.hero .project-facts .metadata{grid-template-columns:1fr;gap:0;margin-top:20px}.metadata>div{padding:18px 0}.metadata dd{font-size:15px;margin-top:6px}}

/* Equal breathing room around the comparison notes divider. */
.comparison-insights{margin-top:48px;padding-top:48px;border-top:1px solid #d4dde1}
@media(max-width:700px){.comparison-insights{margin-top:32px;padding-top:32px}}

/* Project facts in one row with separators and balanced divider spacing. */
.project-facts{margin-top:48px;padding-top:48px;border-top-color:#d4dde1}
.hero .project-facts .metadata{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px}
.project-facts .metadata>div{padding:0 24px;border-top:0}.project-facts .metadata>div:first-child{padding-left:0}.project-facts .metadata>div:last-child{padding-right:0}.project-facts .metadata>div+div{border-left:1px solid #d4dde1}
@media(max-width:1000px){.project-facts .metadata>div{padding-inline:16px}.project-facts .metadata dd{font-size:14px}}
@media(max-width:700px){.project-facts{margin-top:32px;padding-top:32px}.hero .project-facts .metadata{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.project-facts .metadata>div{padding:0 16px}.project-facts .metadata>div:nth-child(odd){padding-left:0;border-left:0}.project-facts .metadata>div:nth-child(even){padding-right:0;border-left:1px solid #d4dde1}}
@media(max-width:380px){.hero .project-facts .metadata{grid-template-columns:1fr;row-gap:0}.project-facts .metadata>div{padding:16px 0!important;border-left:0!important}.project-facts .metadata>div+div{border-top:1px solid #d4dde1}.project-facts .metadata>div:first-child{padding-top:0!important}}

/* 상단을 낮추고 과정 메뉴는 원래 위치부터 상단 바로 아래에 붙인다. */
html { scroll-padding-top:130px; }
.header { height:64px; gap:24px; }
.chapters { position:sticky; top:64px; z-index:25; }
.chapters a { display:flex; align-items:center; min-height:48px; padding:10px 0; }
@media(max-width:700px) {
 html { scroll-padding-top:122px; }
 .header { height:60px; gap:12px; }
 .chapters { top:60px; }
 .chapters>div { justify-content:flex-start; }
 .chapters a { min-height:44px; padding:10px 0; }
}