:root { font-family: 'Noto Sans KR', sans-serif; color: #111; background: #eee; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
.project-summary { max-width: 700px; min-height: 100svh; margin: auto; padding: 26px 0 30px; overflow: hidden; background: radial-gradient(ellipse at 48% 42%, #fff 5%, #eeece9 66%, #dedbd7 100%); }
.summary-category { margin: 0 7.5%; font-size: 9px; line-height: 16px; letter-spacing: .2em; color: #555; }
.summary-copy { margin: 52px 11% 0; }
h1 { font-size: 16px; line-height: 1.5; font-weight: 600; margin: 0; letter-spacing: -.035em; }
.summary-english { margin: 0; font-size: 11px; line-height: 18px; color: #7189b2; }
.summary-description { font-size: 11px; line-height: 1.6; margin: 22px 0 0; word-break: keep-all; }
.summary-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 18px 0 0; padding: 0; }
.summary-tags li { padding: 1px 9px; border: 1px solid #999; border-radius: 30px; font-size: 10px; line-height: 16px; color: #666; }
.summary-media { margin-top: 54px; }
.summary-media figure { margin: 0; }
.summary-media svg { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.summary-media figure + figure { margin-top: 58px; }
.summary-industrial .summary-media { margin-top: 44px; }
.summary-industrial .summary-media svg { transform: scaleX(-1); }
.summary-laser .summary-media { margin-top: 62px; }
.summary-laser .summary-media figure + figure { margin-top: 34px; }
.summary-microgel .summary-copy, .summary-manipulator .summary-copy { margin-top: 48px; }
.summary-microgel .summary-media { margin-top: 48px; }
.summary-manipulator .summary-media { margin-top: 42px; }
.detail-return { position: fixed; top: 12px; right: 12px; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; background: #353535; color: #fff; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.detail-return svg { width: 22px; height: 22px; }
.detail-return:focus-visible { outline: 2px solid #367cff; outline-offset: 3px; }
@media (prefers-reduced-motion: no-preference) { .detail-return:active { transform: scale(.95); } }

.summary-footer { display: none; }