:root{--bg:#f6f4ef;--card:#fff;--ink:#17191c;--muted:#5a5e64;--line:#17191c24;--accent:#1f4fd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}button,a,input,textarea,select{touch-action:manipulation}a:hover{color:var(--accent)}.container{max-width:1160px;margin:0 auto;padding-left:40px;padding-right:40px}.mono,.eyebrow,.wordmark,.tags,.small-label,.image-caption,.hero-note,.service-number,footer{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.site-header{z-index:10;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.wordmark{font-size:17px;font-weight:600}.wordmark span,.accent{color:var(--accent)}nav{align-items:center;gap:25px;font-size:14px;font-weight:600;display:flex}nav>a{color:var(--muted);padding:12px 0}nav .nav-contact{background:var(--accent);color:#fff;border-radius:6px;padding:12px 16px}.nav-contact span{margin-left:12px}.hero{padding-top:93px;padding-bottom:63px}.eyebrow{letter-spacing:.045em;color:var(--accent);margin-bottom:22px;font-size:12px;font-weight:500}.hero-eyebrow{border:1px solid var(--line);color:var(--muted);border-radius:100px;align-items:center;gap:9px;margin-bottom:30px;padding:9px 12px;font-size:11px;display:inline-flex}.status-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}h1{letter-spacing:-.055em;max-width:960px;margin:0;font-size:clamp(42px,7.1vw,82px);font-weight:700;line-height:1.045}h2{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(30px,4vw,42px);line-height:1.12}h3{margin:0 0 12px;font-size:19px;line-height:1.35}p{color:var(--muted);margin:0 0 18px;line-height:1.65}.hero-description{max-width:615px;margin:27px 0 0;font-size:21px;line-height:1.55}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:15px 21px;font-size:15px;font-weight:600;transition:background .18s,color .18s,transform .18s;display:inline-flex}.primary{background:var(--accent);color:#fff}.primary:hover{color:#fff;background:#173ca6;transform:translateY(-1px)}.secondary{border-color:var(--line);color:var(--ink);background:0 0}.secondary:hover{border-color:var(--ink);background:var(--ink);color:var(--bg)}.hero-note{color:var(--muted);gap:28px;margin-top:55px;font-size:11px;display:flex}.section{border-top:1px solid var(--line);padding:78px 0}.about-grid{grid-template-columns:.9fr 1.1fr;gap:100px;display:grid}.identity-card{aspect-ratio:4/4.5;background:linear-gradient(145deg,#e8ecf6,#eff0ed);border:1px solid #dcdfe5;border-radius:10px;flex-direction:column;justify-content:space-between;max-width:345px;padding:29px;display:flex;position:relative;overflow:hidden}.identity-card:before{content:"";background-image:linear-gradient(#1f4fd807 1px,#0000 1px),linear-gradient(90deg,#1f4fd807 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.identity-code{letter-spacing:-.06em;color:var(--accent);font:500 36px monospace;position:relative}.identity-bottom{letter-spacing:-.035em;justify-content:space-between;align-items:end;font-size:27px;font-weight:700;line-height:1.15;display:flex;position:relative}.identity-bottom>span:last-child{color:var(--accent);font-size:36px}.image-caption{margin-top:14px;font-size:10px}.about-copy{padding-top:35px}.about-copy>p{font-size:17px}.toolkit{margin-top:26px}.toolkit h3{color:var(--muted);margin:20px 0 10px;font:500 12px monospace}.tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.tags li{border:1px solid var(--line);border-radius:5px;padding:8px 10px}.toolkit-note{margin-top:17px;font-size:14px}.section-heading{justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:30px;display:flex}.section-heading h2{margin:0}.section-heading p{max-width:260px;margin:0;font-size:14px}.services-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.service-card{background:var(--card);border:1px solid var(--line);border-radius:9px;flex-direction:column;padding:23px;display:flex}.service-number{color:var(--muted);justify-content:space-between;margin-bottom:33px;font-size:11px;display:flex}.service-number>span{color:var(--accent);font-size:17px}.service-card h3{letter-spacing:-.02em;font-size:18px}.service-card p{margin:0;font-size:14px;line-height:1.65}.work-placeholder{border:1px solid var(--line);border-radius:10px;grid-template-columns:180px 1fr;align-items:center;gap:50px;padding:42px;display:grid}.work-mark{color:var(--accent);text-align:center;font:500 74px monospace}.small-label{color:var(--muted);letter-spacing:.08em;margin-bottom:14px;font-size:10px;display:block}.work-placeholder h3{letter-spacing:-.025em;font-size:24px}.work-placeholder p{max-width:570px;font-size:16px}.text-link{color:var(--accent);text-underline-offset:4px;font-size:14px;font-weight:600;text-decoration:underline}.github-section{padding:55px 0}.github-card{border:1px solid var(--line);background:var(--card);border-radius:10px;justify-content:space-between;align-items:center;gap:32px;padding:38px;display:flex}.github-card h2{margin-bottom:12px;font-size:30px}.github-card p{margin:0;font-size:15px}.github-card .eyebrow{margin-bottom:14px}.github-card .button{white-space:nowrap;font-size:12px}.contact-content{max-width:1160px}.contact-title{letter-spacing:-.045em;font-size:clamp(38px,4.8vw,57px);line-height:1.05}.contact-description{max-width:390px;font-size:18px}.contact-email{color:var(--accent);text-underline-offset:5px;overflow-wrap:anywhere;font-size:24px;text-decoration:underline}footer{border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:18px;padding-top:26px;padding-bottom:26px;display:flex}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:12px;position:fixed;top:10px;left:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1500px){.hero{padding-top:112px;padding-bottom:80px}}@media (max-width:950px){.about-grid{gap:50px}.services-grid{grid-template-columns:repeat(2,1fr)}.github-card{flex-wrap:wrap}.footer-middle{display:none}.hero-note{gap:20px}.section-heading{flex-direction:column;align-items:start;gap:12px}.section-heading p{max-width:none}}@media (max-width:650px){.container{padding-left:22px;padding-right:22px}.header-inner{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px;padding-bottom:13px}.wordmark{font-size:16px}nav{justify-content:space-between;gap:0;width:100%;font-size:12px}nav>a{padding:10px 0}nav .nav-contact{padding:9px 11px}.nav-contact span{display:none}.hero{padding-top:54px;padding-bottom:38px}.hero-eyebrow{margin-bottom:24px;padding:8px 10px;font-size:9px}h1{letter-spacing:-.05em;font-size:clamp(39px,10vw,64px)}.desktop-break{display:none}.hero-description{margin-top:22px;font-size:18px}.hero-note{flex-wrap:wrap;gap:12px;margin-top:35px;font-size:9px}.section{padding:48px 0}.about-grid{grid-template-columns:1fr;gap:30px}.identity-card{aspect-ratio:1.6;max-width:none}.identity-code{font-size:30px}.identity-bottom{font-size:23px}.about-copy{padding-top:0}.about-copy>p{font-size:16px}.services-grid{gap:12px}.service-card{padding:17px}.service-card h3{font-size:17px}.service-card p{font-size:13px}.work-placeholder{grid-template-columns:1fr;gap:20px;padding:27px}.work-mark{text-align:left;font-size:44px}.github-card{padding:25px}.github-card h2{font-size:28px}.github-card .button{white-space:normal;padding:13px;font-size:11px}.footer-inner{font-size:10px}.contact-title{font-size:44px}}@media (max-width:360px){nav{font-size:11px}.services-grid{grid-template-columns:1fr}.hero-note{gap:9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}