.analytics-consent{position:fixed;z-index:90;right:20px;bottom:20px;display:grid;width:min(560px,calc(100% - 40px));grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:22px;padding:20px;border:2px solid #141210;background:#f2efe6;color:#141210;box-shadow:8px 8px 0 #141210}.analytics-consent strong{display:block;margin-bottom:7px;font-size:14px;line-height:1.35}.analytics-consent p{max-width:42em;margin:0;color:#625e58;font-size:12px;line-height:1.6}.analytics-consent a{color:#141210;text-underline-offset:3px}.analytics-consent>div:last-child{display:flex;gap:8px}.analytics-consent button{min-height:38px;padding:0 13px;border:2px solid #141210;background:#fffdf7;color:#141210;font:800 11px/1 Inter,system-ui,sans-serif;white-space:nowrap;cursor:pointer}.analytics-consent button.is-primary{background:#ff4d20}.analytics-consent button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 #141210}.analytics-consent button:focus-visible,.foot-link-button:focus-visible{outline:3px solid #ff4d20;outline-offset:3px}.foot-link-button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media(max-width:760px){.analytics-consent{right:9px;bottom:9px;width:calc(100% - 18px);grid-template-columns:1fr;gap:14px;padding:17px;box-shadow:5px 5px 0 #141210}.analytics-consent>div:last-child{justify-content:stretch}.analytics-consent button{flex:1}}
:root { color-scheme: light; font-family: Inter, Pretendard, "Apple SD Gothic Neo", system-ui, sans-serif; --paper:#f2efe6; --surface:#fffdf7; --ink:#141210; --muted:#625e58; --orange:#ff4d20; --yellow:#ffda34; --green:#b7ff51; --mono:"SFMono-Regular",Consolas,monospace; }
.case-hero h1 { overflow-wrap:anywhere; }
.is-thumbnail .case-hero { min-height:834px; padding:38px 0; border-bottom:0; }
.is-thumbnail .case-hero .case-shell { min-height:750px; display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); grid-template-rows:auto auto auto auto; align-content:center; align-items:center; gap:18px 48px; }
.is-thumbnail .case-kicker,.is-thumbnail .case-hero h1,.is-thumbnail .case-summary,.is-thumbnail .case-actions { grid-column:1; }
.is-thumbnail .case-hero h1 { margin:10px 0; font-size:clamp(54px,5.4vw,82px); line-height:.84; }
.is-thumbnail .case-summary { margin:0; font-size:16px; line-height:1.55; }
.is-thumbnail .case-actions { margin-top:4px; }
.is-thumbnail .case-shot { grid-column:2; grid-row:1 / 5; width:100%; margin:0; box-shadow:12px 12px 0 var(--orange); }
.is-thumbnail .case-shot img { aspect-ratio:16/10; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); } a { color:inherit; } img { max-width:100%; }.case-shell { width:min(calc(100% - 48px),1220px); margin:0 auto; }
.case-nav { position:sticky; z-index:20; top:0; border-bottom:3px solid var(--ink); background:#f2efe6ee; backdrop-filter:blur(14px); }.case-nav .case-shell { min-height:66px; display:flex; align-items:center; gap:18px; }.case-brand { display:flex; align-items:center; text-decoration:none; }.case-brand img { display:block; width:142px; height:auto; }.case-nav-links { display:flex; align-items:center; gap:16px; margin-left:auto; }.case-nav-links a { font:800 10px/1 var(--mono); text-decoration:none; }.case-languages { display:flex; overflow:hidden; border:2px solid var(--ink); }.case-languages a { padding:8px; }.case-languages a+a { border-left:2px solid var(--ink); }.case-languages a.active { background:var(--ink); color:var(--paper); }
.case-hero { padding:86px 0 98px; border-bottom:7px solid var(--ink); }.case-kicker { color:var(--orange); font:900 10px/1.2 var(--mono); letter-spacing:.13em; }.case-hero h1 { max-width:1000px; margin:28px 0 24px; font-size:clamp(62px,10vw,142px); letter-spacing:-.085em; line-height:.8; text-transform:uppercase; }.case-summary { max-width:760px; color:var(--muted); font-size:19px; line-height:1.75; }.case-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:30px; }.case-button { display:inline-flex; min-height:46px; align-items:center; padding:0 16px; border:2px solid var(--ink); background:var(--surface); font-size:12px; font-weight:850; text-decoration:none; box-shadow:4px 4px 0 var(--ink); }.case-button.primary { background:var(--orange); }.case-button:hover { transform:translate(-1px,-1px); box-shadow:6px 6px 0 var(--ink); }
.case-shot { margin:64px 0 0; border:5px solid var(--ink); background:var(--ink); box-shadow:16px 16px 0 var(--orange); }.case-shot img { display:block; width:100%; aspect-ratio:16/9; object-fit:contain; background:#0b0d10; }.case-shot figcaption { display:flex; justify-content:space-between; gap:20px; padding:13px 16px; color:var(--paper); font:750 10px/1.4 var(--mono); }
.case-section { padding:94px 0; border-bottom:4px solid var(--ink); }.case-grid { display:grid; grid-template-columns:200px minmax(0,1fr); gap:clamp(40px,8vw,120px); }.case-grid aside { font:900 11px/1.3 var(--mono); letter-spacing:.12em; }.case-grid h2 { margin:0 0 26px; font-size:clamp(42px,6vw,76px); letter-spacing:-.065em; line-height:.92; }.case-grid .case-copy { max-width:820px; color:var(--muted); font-size:17px; line-height:1.8; }.case-section.is-orange { background:var(--orange); }.case-section.is-yellow { background:var(--yellow); }
.case-decisions { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:42px; }.case-decisions article { min-height:250px; padding:24px; border:3px solid var(--ink); background:var(--surface); box-shadow:7px 7px 0 var(--ink); }.case-decisions article:nth-child(2){background:var(--yellow)}.case-decisions article:nth-child(3){background:var(--green)}.case-decisions b { font:900 10px/1 var(--mono); }.case-decisions h3 { margin:70px 0 10px; font-size:23px; }.case-decisions p { margin:0; color:var(--muted); line-height:1.65; }
.case-tech { display:grid; grid-template-columns:1fr 1fr; border-top:3px solid var(--ink); }.case-tech li { min-height:160px; padding:24px 20px; border-right:3px solid var(--ink); border-bottom:3px solid var(--ink); list-style:none; }.case-tech li:nth-child(even){border-right:0}.case-tech b { display:block; margin-bottom:16px; color:var(--orange); font:900 10px/1 var(--mono); }.case-tech span { font-size:17px; font-weight:700; line-height:1.6; }
.case-result { padding:86px 0; background:var(--ink); color:var(--paper); }.case-result .case-shell { display:grid; grid-template-columns:.75fr 1.25fr; gap:70px; }.case-result span { color:var(--green); font:900 10px/1 var(--mono); }.case-result h2 { margin:0; font-size:clamp(44px,7vw,92px); letter-spacing:-.07em; line-height:.9; }.case-result p { margin:0; color:#bbb5ab; font-size:19px; line-height:1.75; }
.case-foot { padding:30px 0; }.case-foot .case-shell { display:flex; flex-wrap:wrap; gap:18px; color:var(--muted); font-size:11px; }.case-foot nav { display:flex; gap:14px; margin-left:auto; }.case-foot a { text-decoration:none; }
html[lang="ko"] .case-hero h1 { line-height:1.16; letter-spacing:-.055em; word-break:keep-all; }
html[lang="ko"] .case-grid h2,
html[lang="ko"] .case-result h2 { line-height:1.2; letter-spacing:-.045em; word-break:keep-all; }
html[lang="ko"] .case-decisions h3 { line-height:1.4; word-break:keep-all; }
@media(max-width:760px){.case-shell{width:min(calc(100% - 28px),1220px)}.case-nav .case-shell{min-height:58px}.case-brand img{width:126px}.case-nav-links>a:not(.case-back){display:none}.case-grid,.case-result .case-shell{grid-template-columns:1fr;gap:32px}.case-hero{padding-block:60px 70px}.case-hero h1{font-size:clamp(52px,17vw,78px)}.case-summary{font-size:16px}.case-shot{margin-right:8px;box-shadow:8px 8px 0 var(--orange)}.case-shot figcaption{flex-direction:column}.case-section{padding-block:70px}.case-decisions{grid-template-columns:1fr}.case-tech{grid-template-columns:1fr}.case-tech li{border-right:0}.case-result{padding-block:66px}.case-foot .case-shell{flex-direction:column}.case-foot nav{margin-left:0}}