:root{--background:#f5f7fb;--foreground:#12203a;--primary:#2455df;--muted-foreground:#526078;--border:#d8dfeb;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.75}main{max-width:1180px;margin:auto;padding:0 48px}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--primary);outline-offset:7px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--border)}header>a:last-child{font-size:14px}.wordmark{font-size:26px;font-weight:800;letter-spacing:-1px;text-decoration:none}.wordmark span,h1 span{color:var(--primary)}.intro{padding:94px 0 88px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2px;color:var(--primary);margin:0 0 24px}h1{font-size:clamp(40px,6vw,76px);line-height:1.25;letter-spacing:-3px;font-weight:750;margin:0 0 30px}.lead{font-size:19px;color:var(--muted-foreground);margin:0}.project{display:grid;grid-template-columns:1fr 1.25fr;gap:50px;padding:48px;background:var(--foreground);color:white;border-top:5px solid #416fee}.project .eyebrow{color:#a9c2ff;margin-bottom:12px}h2{font-size:36px;line-height:1.3;letter-spacing:-1px;margin:0 0 16px}.status{display:inline-block;font-size:14px;color:#c5d5fa;border:1px solid #51617b;padding:3px 12px;margin:0}.project-copy{align-self:center}.project-copy h3{font-size:23px;font-weight:700;margin:0 0 14px}.project-copy p{color:#d1dbeb;margin:0}.contact{display:flex;justify-content:space-between;gap:36px;align-items:center;padding:76px 0}.contact .eyebrow{margin-bottom:14px}.contact h2{font-size:28px}.contact p:last-child{color:var(--muted-foreground);margin:0}.contact>a{font-size:18px;font-weight:600;overflow-wrap:anywhere}.contact>a span{color:var(--primary)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding:24px 0 32px;font-size:13px;color:var(--muted-foreground)}@media(max-width:700px){main{padding:0 24px}.intro{padding:64px 0}h1{letter-spacing:-2px}.lead{font-size:17px}.project{grid-template-columns:1fr;gap:28px;padding:30px 24px}.contact{align-items:flex-start;flex-direction:column;padding:54px 0;gap:20px}footer{flex-direction:column;gap:2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}