:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}:root{--bone: #F1ECDF;--bone-soft: #E8E1CC;--ink: #0E0E0C;--acid: #F2D900;--mute: #6E6A5D;--line: rgba(14,14,12,.14);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--font-mono);font-weight:400;font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--ink);color:var(--acid)}#root{color:var(--ink)}.page{max-width:1080px;margin:0 auto;padding:24px 28px 0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 0 28px;border-bottom:1px solid var(--line);margin-bottom:64px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.brand svg{display:block;transition:transform .22s cubic-bezier(.22,.8,.22,1)}.brand:hover svg{transform:rotate(-4deg)}.brand__name{font-size:14px;font-weight:700;letter-spacing:1.2px}.main-nav{display:flex;gap:28px}.main-nav a{font-size:13px;letter-spacing:.3px;color:var(--ink);text-decoration:none;position:relative;padding-bottom:2px}.main-nav a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--ink);transition:width .22s cubic-bezier(.22,.8,.22,1)}.main-nav a:hover:after{width:100%}.hero{padding:36px 0 88px}.hero__title{margin:0 0 24px;font-size:clamp(34px,5.4vw,64px);font-weight:700;line-height:1.04;letter-spacing:-.025em;max-width:18ch}.hero__title em{font-style:normal;background:var(--ink);color:var(--acid);padding:0 .12em .04em;display:inline-block}.hero__lead{margin:0;font-size:15px;line-height:1.65;max-width:46ch;color:var(--mute)}.section{padding:56px 0;border-top:1px solid var(--line)}.section__head{display:flex;flex-direction:column;gap:8px;margin-bottom:36px}.section__kicker{font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--mute)}.section__title{margin:0;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.01em;line-height:1.1}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.work-card{display:flex;flex-direction:column;color:inherit;text-decoration:none;background:var(--bone);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transition:transform .22s cubic-bezier(.22,.8,.22,1),box-shadow .22s cubic-bezier(.22,.8,.22,1)}.work-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--acid)}.work-card__visual{aspect-ratio:5 / 3;background:var(--bone-soft);border-bottom:1px solid var(--ink);display:grid;place-items:center}.work-card__visual svg{width:64px;height:64px;display:block}.work-card__body{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px}.work-card__name{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.work-card__desc{margin:0;font-size:13px;line-height:1.6;color:var(--mute);max-width:36ch}.work-card__cta{margin-top:6px;font-size:12px;letter-spacing:.4px;color:var(--ink);font-weight:600}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ink)}.cap{padding:22px 22px 24px;border-right:1px solid var(--ink);background:var(--bone)}.cap:last-child{border-right:none}.cap__title{margin:0 0 8px;font-size:15px;font-weight:700;letter-spacing:-.005em}.cap__desc{margin:0;font-size:13px;line-height:1.6;color:var(--mute)}.form{display:flex;flex-direction:column;gap:14px;max-width:520px}.form input,.form textarea{font-family:inherit;font-size:14px;color:var(--ink);background:var(--bone);border:1px solid var(--ink);padding:12px 14px;transition:background .16s ease}.form input::placeholder,.form textarea::placeholder{color:var(--mute)}.form input:focus,.form textarea:focus{outline:none;background:var(--bone-soft)}.form textarea{min-height:132px;resize:vertical}.btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--bone);background:var(--ink);border:1px solid var(--ink);padding:12px 18px;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.btn:hover{background:var(--acid);color:var(--ink)}.btn:active{transform:translateY(1px)}.footer{display:flex;justify-content:space-between;align-items:center;padding:28px 0 32px;margin-top:24px;border-top:1px solid var(--line);font-size:12px;letter-spacing:.3px;color:var(--mute)}.footer a{color:var(--ink);text-decoration:none}.footer a:hover{color:var(--mute)}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s cubic-bezier(.22,.8,.22,1),transform .5s cubic-bezier(.22,.8,.22,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.cap.reveal.is-visible:nth-of-type(2){transition-delay:60ms}.cap.reveal.is-visible:nth-of-type(3){transition-delay:.12s}.work-card.reveal.is-visible:nth-of-type(2){transition-delay:60ms}@media (max-width: 760px){.page{padding:18px 20px 0}.topbar{flex-direction:column;gap:14px;align-items:flex-start;margin-bottom:40px}.main-nav{gap:20px}.hero{padding:20px 0 56px}.section{padding:44px 0}.works-grid{grid-template-columns:1fr;gap:16px}.cap-grid{grid-template-columns:1fr}.cap{border-right:none;border-bottom:1px solid var(--ink)}.cap:last-child{border-bottom:none}.footer{flex-direction:column;gap:6px;align-items:flex-start}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}