:root{--background:#f4f4f3;--surface:#fbfbfa;--foreground:#221c1a;--text:#3d3d3d;--muted-foreground:#5d5d5d;--subtle:#858585;--border:#e3e3e2;--muted:#ebebe9;--primary:#221c1a;--primary-foreground:#fbfbfa;--ring:#221c1a;--radius-card:24px;--radius-button:14px;--radius-chip:12px;--radius-pill:999px;--font-sans:Inter, Pretendard, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--section-gap:80px;--page-max-width:1200px;--card-padding:28px}@media (prefers-color-scheme:dark){:root{--background:#161413;--surface:#1e1b1a;--foreground:#f1efed;--text:#d6d3d1;--muted-foreground:#a8a5a3;--subtle:#858585;--border:#2e2b2a;--muted:#262322;--primary:#f1efed;--primary-foreground:#161413;--ring:#f1efed}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--text);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.6}h1,h2,h3{color:var(--foreground);margin:0 0 .5em;font-weight:600}h1{letter-spacing:-.02em;font-size:clamp(2.5rem,5.5vw,4rem);line-height:1.12}h2{letter-spacing:-.01em;font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.25}h3{font-size:1.25rem;line-height:1.4}a{color:var(--foreground);text-underline-offset:3px}a:hover{color:var(--muted-foreground)}a:focus-visible,button:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:4px}.container{max-width:var(--page-max-width);margin:0 auto;padding:0 16px}@media (width>=768px){.container{padding:0 32px}}.eyebrow{color:var(--muted-foreground);margin:0 0 8px;font-size:13px;font-weight:500}.section{padding-block:28px}@media (width>=768px){.section{padding-block:calc(var(--section-gap) / 2)}}.button{border-radius:var(--radius-button);border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);padding:12px 18px;font-size:15px;font-weight:500;text-decoration:none;display:inline-block}.button:hover{color:var(--primary-foreground);opacity:.88}.button:active{opacity:.8}.button.secondary{background:var(--surface);color:var(--foreground);border-color:var(--border)}.button.secondary:hover{opacity:1;color:var(--foreground);border-color:var(--subtle)}.button.secondary:active{background:var(--muted)}.cards{grid-template-columns:1fr;gap:16px;margin-top:24px;display:grid}@media (width>=768px){.cards{grid-template-columns:repeat(3,1fr)}}.card{border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--card-padding);background:var(--surface)}.card h3{font-size:1.125rem}.card p{margin:0}.lead{max-width:720px;color:var(--muted-foreground);font-size:1.125rem}.prose{max-width:720px}.actions{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.platforms{color:var(--muted-foreground);flex-wrap:wrap;gap:4px 12px;font-size:14px;display:inline-flex}@media (width>=1024px){.cards--4{grid-template-columns:repeat(4,1fr)}}@media (width>=768px) and (width<=1023px){.cards--4{grid-template-columns:repeat(2,1fr)}}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border-radius:var(--radius-chip);border:1px solid var(--border);color:var(--text);padding:3px 9px;font-size:13px;font-weight:400}.work-group{margin:32px 0 0;font-size:1.25rem}.work-grid{grid-template-columns:1fr;gap:16px;margin:16px 0 24px;display:grid}@media (width>=768px){.work-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.work-grid--3{grid-template-columns:repeat(3,1fr)}}.work-card{border:1px solid var(--border);border-radius:var(--radius-card);color:inherit;background:var(--surface);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.work-card:hover{color:inherit;border-color:var(--subtle)}.work-card:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.work-card__cover{aspect-ratio:16/10;object-fit:cover;object-position:top;background:var(--muted);border-bottom:1px solid var(--border);width:100%;height:auto;display:block}.work-card__body{flex-direction:column;gap:8px;padding:20px 24px 24px;display:flex}.work-card__title{color:var(--foreground);font-size:1.125rem;font-weight:600;line-height:1.35}.work-card__summary{color:var(--muted-foreground);font-size:15px}.page-title{font-size:clamp(2rem,4vw,2.75rem);line-height:1.2}.meta{gap:12px;margin:24px 0;display:grid}.meta div{gap:4px;display:grid}.meta dt{color:var(--muted-foreground);font-size:13px;font-weight:500}.meta dd{color:var(--foreground);margin:0}.case-body h2{margin-top:40px;font-size:1.5rem}.case-body ul{padding-left:1.25em}.shot{margin:40px 0}.shot img{border:1px solid var(--border);border-radius:var(--radius-card);width:100%;height:auto;display:block}.shot figcaption{max-width:720px;color:var(--muted-foreground);margin-top:12px;font-size:14px}.site-header{justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;display:flex}.logo{line-height:0;display:block}.logo img{border-radius:6px;width:auto;height:32px;display:block}.site-footer{border-top:1px solid var(--border);color:var(--muted-foreground);padding-top:40px;padding-bottom:40px;font-size:14px}