:root{--ink:#1d1d1f;--muted:#5f6065;--bg:#fff;--line:#dedee0;--accent:#0066cc;--width:1240px;--pad:clamp(20px,5vw,72px);--section:clamp(64px,9vw,132px);font-family:"Pretendard","Apple SD Gothic Neo","Noto Sans KR",system-ui,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #2379ef;outline-offset:4px}img{width:100%;height:100%;display:block;object-fit:cover}figure{margin:0}h1,h2,h3,p{margin:0;word-break:keep-all;overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}h1{font-size:clamp(3rem,7.8vw,7rem);line-height:1.02;letter-spacing:-.075em}h2{font-size:clamp(1.8rem,4.3vw,3.4rem);line-height:1.14;letter-spacing:-.065em}h3{font-size:clamp(1.2rem,2.35vw,1.75rem);line-height:1.25;letter-spacing:-.045em}p,li{line-height:1.7}section,article{scroll-margin-top:20px}.wrap{width:min(100%,var(--width));padding-inline:var(--pad);margin-inline:auto}.bar{border-bottom:1px solid var(--line)}.bar .wrap,footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}.bar .wrap{min-height:66px}.wordmark{font-size:1.12rem;font-weight:800;letter-spacing:-.05em}.bar nav{display:flex;gap:clamp(12px,3.5vw,40px)}.bar a{min-height:44px;display:inline-flex;align-items:center}.bar a:hover{text-decoration:underline;text-underline-offset:.25em}.kicker{font-size:.88rem;letter-spacing:.06em;font-weight:700;margin-bottom:18px}.lead{font-size:clamp(1rem,2vw,1.32rem);margin-top:20px;color:var(--muted)}.action{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--accent);color:white;padding:10px 20px;border-radius:99px;font-weight:700;margin-top:24px}.action:hover{text-decoration:underline;text-underline-offset:.18em}.about,.work,.contact{padding-block:var(--section)}.about .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(20px,6vw,100px);align-items:start}.about p{margin-top:20px;color:var(--muted);max-width:54ch}.strengths{padding-inline-start:1.7em;margin:0}.strengths li{padding:14px 0;border-top:1px solid var(--line)}.strengths li::marker{font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.work-card img{aspect-ratio:4/3;height:auto}.card-copy{padding:18px 0}.card-copy p{margin-top:8px;color:var(--muted)}.contact{background:#f5f5f7;--section:clamp(44px,6vw,86px)}.contact p:first-of-type{margin-top:18px}.contact p span,.contact p:last-child{color:var(--muted);font-size:.9rem}.contact code{font-size:1em;overflow-wrap:anywhere}footer{border-top:1px solid var(--line);padding-block:20px;color:var(--muted);font-size:.83rem}.skip{position:absolute;z-index:10;top:8px;left:8px;background:#fff;color:#111;padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}@media(max-width:680px){.gallery,.about .wrap{grid-template-columns:1fr}.gallery{gap:24px}footer .wrap{align-items:flex-start;flex-direction:column}}

body.figma{--ink:#000;--accent:#000;--muted:#434343;--line:#171717}.figma .hero{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;padding-block:clamp(36px,6vw,78px)}.figma h1{font-weight:470;font-size:clamp(3.5rem,9vw,8.5rem);line-height:.98}.figma .artboard{position:relative;isolation:isolate;min-height:420px;background:#c5b0f4;display:grid;place-items:center;overflow:hidden;border:1px solid black}.figma .artboard b{font-size:clamp(12rem,26vw,28rem);line-height:1;font-weight:500;transform:rotate(-12deg)}.figma .artboard span{position:absolute;z-index:1;display:grid;place-items:center;font-weight:800;padding:10px 18px;border:1px solid #000;box-shadow:4px 4px #000;white-space:nowrap}.figma .artboard span:nth-child(1){left:8%;top:15%;background:#dceeb1;transform:rotate(-10deg)}.figma .artboard span:nth-child(2){right:7%;top:32%;background:#efd4d4;transform:rotate(11deg)}.figma .artboard span:nth-child(3){bottom:12%;left:15%;background:#f4ecd6;transform:rotate(-7deg)}.figma .work{background:#dceeb1;border-block:1px solid black}.figma .gallery{gap:0;border:1px solid black}.figma .work-card{display:flex;align-items:flex-end;min-height:200px;background:#f4ecd6;padding:18px;border-right:1px solid black}.figma .work-card:nth-child(2){background:#efd4d4}.figma .work-card:last-child{background:#c8e6cd;border-right:0}.figma .contact{background:#000;color:white}.figma .contact p span,.figma .contact p:last-child{color:#dadada}@media(max-width:680px){.figma .hero{grid-template-columns:1fr}.figma .artboard{min-height:290px}.figma .work-card{min-height:136px;border-right:0;border-bottom:1px solid black}.figma .work-card:last-child{border-bottom:0}}