*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#14120e;--paper-deep:#1d1a15;--ink:#ece7db;--ink-soft:#b0a99b;--ink-faint:#776f63;--line:#34302a;--accent:#ff5a1f;--live:#3ecf74;--wip:#d9a03f}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif}.serif{letter-spacing:-.02em;font-family:Fraunces,serif;font-weight:550}.serif em{color:var(--accent);font-style:italic}.mono{letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:.72rem}a{color:inherit}.masthead{z-index:10;border-bottom:1px solid var(--ink);background:var(--paper);justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:sticky;top:0}.masthead-name{border:1.5px solid var(--ink);padding:.25rem .6rem;font-size:.9rem;font-weight:500;text-decoration:none}.masthead-name:hover{background:var(--ink);color:var(--paper)}.masthead-nav{align-items:center;gap:1.75rem;display:flex}.masthead-nav a{text-transform:uppercase;color:var(--ink-soft);text-decoration:none}.masthead-nav a:hover{color:var(--accent)}.open-pill{color:var(--live);text-transform:uppercase}.sheet{max-width:1060px;margin:0 auto;padding:0 2rem}.hero{padding:7rem 0 4rem}.kicker{color:var(--ink-faint);text-transform:uppercase;margin-bottom:1.5rem}.hero-line{margin-bottom:1.75rem;font-size:clamp(2.8rem,7.5vw,5.5rem);line-height:1.02}.hero-sub{color:var(--ink-soft);max-width:560px;margin-bottom:2.5rem;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:.9rem;display:flex}.btn-ink,.btn-line,.btn-paper,.btn-paper-line{cursor:pointer;border-radius:0;padding:.85rem 1.75rem;font-family:Inter,sans-serif;font-size:.92rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:inline-block}.btn-ink{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink)}.btn-ink:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-line{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.btn-line:hover{border-color:var(--accent);color:var(--accent)}.btn-paper{background:var(--paper);color:var(--ink);border:1.5px solid var(--paper)}.btn-paper:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-paper-line{color:var(--paper);border:1.5px solid var(--paper);opacity:.75;background:0 0}.btn-paper-line:hover{opacity:1}.stats{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);flex-wrap:wrap;display:flex}.stat{border-right:1px solid var(--line);color:var(--ink-soft);text-transform:uppercase;white-space:nowrap;flex:auto;align-items:baseline;gap:.6rem;padding:1.1rem 1.25rem;display:flex}.stat:last-child{border-right:none}.stat-n{color:var(--ink);font-size:1.5rem}.stat-domain{color:var(--accent);justify-content:flex-end}.section-head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:2.25rem;display:flex}.section-label{color:var(--accent);text-transform:uppercase}.section-head h2{font-size:clamp(1.9rem,4vw,2.8rem)}.work{padding:5rem 0 2rem}.work-row{border-top:1px solid var(--line);grid-template-columns:4rem 1fr auto;align-items:start;gap:1.5rem;margin:0 -1.75rem;padding:2rem 1.75rem;transition:background .15s;display:grid}.work-row:last-child{border-bottom:1px solid var(--line)}.work-row:hover{background:var(--paper-deep)}.work-index{color:var(--ink-faint);padding-top:.5rem;font-size:1rem}.work-title-line{flex-wrap:wrap;align-items:center;gap:.8rem;margin-bottom:.6rem;display:flex}.swatch{border-radius:3px;flex:none;width:1rem;height:1rem}.work-logo{border-radius:8px;flex:none;width:34px;height:34px;display:block}.detail-title-line{align-items:center;gap:1.1rem;margin-bottom:1.25rem;display:flex}.detail-logo{border-radius:12px;flex:none;width:52px;height:52px}.detail-title-line .detail-name{margin-bottom:0}.work-name{font-size:1.7rem}.status{text-transform:uppercase;color:var(--ink-faint)}.status.is-live{color:var(--live)}.status.is-wip{color:var(--wip)}.work-desc{color:var(--ink-soft);max-width:560px;margin-bottom:.75rem;font-size:.95rem;line-height:1.65}.work-tech{color:var(--ink-faint);text-transform:uppercase}.work-actions{flex-direction:column;align-items:flex-end;gap:.6rem;padding-top:.4rem;display:flex}.act{cursor:pointer;white-space:nowrap;padding:.5rem 1.1rem;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;text-decoration:none}.act-solid{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink)}.act-solid:hover{background:var(--accent);border-color:var(--accent);color:#fff}.act-line{border:1.5px solid var(--line);color:var(--ink)}.act-line:hover{border-color:var(--ink)}.act-dead{border:1.5px dashed var(--line);color:var(--ink-faint);cursor:default}.skills-sec{padding:5rem 0}.skills-cols{border-top:1px solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;padding-top:2rem;display:grid}.skill-col h4{color:var(--accent);margin-bottom:1rem}.skill-col ul{list-style:none}.skill-col li{color:var(--ink-soft);border-bottom:1px solid var(--line);padding:.45rem 0;font-size:.95rem}.outro{background:var(--ink);color:var(--paper);text-align:center;margin:3rem -2rem 0;padding:5rem 3rem}.outro-label{color:var(--accent);text-transform:uppercase;margin-bottom:1.25rem}.outro h2{margin-bottom:1.25rem;font-size:clamp(2.2rem,5.5vw,3.8rem);line-height:1.05}.outro-sub{color:var(--paper);opacity:.65;max-width:460px;margin:0 auto 2.25rem;line-height:1.7}.outro .hero-actions{justify-content:center}.foot{color:var(--ink-faint);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding:1.5rem 0 2rem;display:flex}.foot a{color:var(--accent);text-decoration:none}.detail{padding:3.5rem 0 4rem}.crumb{color:var(--ink-faint);text-transform:uppercase;margin-bottom:2.5rem;text-decoration:none;display:inline-block}.crumb:hover{color:var(--accent)}.ribbon{height:6px;margin-bottom:2rem}.detail-meta{color:var(--ink-faint);text-transform:uppercase;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.meta-sep{color:var(--line)}.meta-open{cursor:pointer;color:var(--accent);text-transform:uppercase;background:0 0;border:none;padding:0}.detail-name{margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.5rem)}.detail-lead{color:var(--ink-soft);max-width:640px;margin-bottom:3rem;font-size:1.15rem;line-height:1.7}.detail-grid{border-top:1px solid var(--ink);grid-template-columns:220px 1fr;align-items:start;gap:3rem;padding-top:2.5rem;display:grid}.detail-side{position:sticky;top:5rem}.detail-side h4,.detail-sec h4{color:var(--accent);text-transform:uppercase;margin-bottom:1rem}.detail-side ul{list-style:none}.detail-side li{color:var(--ink-soft);border-bottom:1px solid var(--line);text-transform:uppercase;padding:.4rem 0}.detail-body{flex-direction:column;gap:2.5rem;display:flex}.detail-sec p{color:var(--ink-soft);max-width:620px;font-size:1rem;line-height:1.8}.detail-list{max-width:620px;list-style:none}.detail-list li{color:var(--ink-soft);border-bottom:1px solid var(--line);padding:.55rem 0 .55rem 1.4rem;font-size:.98rem;line-height:1.6;position:relative}.detail-list li:before{content:"";background:var(--accent);width:7px;height:7px;position:absolute;top:1.05rem;left:0}.contact{padding:3.5rem 0 4rem}.contact h1{margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4.5rem)}.contact-grid{border-top:1px solid var(--ink);grid-template-columns:1.5fr 1fr;align-items:start;gap:3rem;margin-top:2.5rem;padding-top:2.5rem;display:grid}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.contact-form label{color:var(--ink-faint);text-transform:uppercase;flex-direction:column;gap:.5rem;display:flex}.contact-form input,.contact-form textarea{border:none;border-bottom:1.5px solid var(--ink);color:var(--ink);resize:vertical;background:0 0;border-radius:0;padding:.6rem 0;font-family:Inter,sans-serif;font-size:1rem}.contact-form input:focus,.contact-form textarea:focus{border-bottom-color:var(--accent);outline:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--ink-faint)}.contact-form .btn-ink{align-self:flex-start;margin-top:.5rem}.form-status{color:var(--ink-soft);min-height:1.2em;font-size:.9rem}.contact-side{flex-direction:column;gap:2.25rem;display:flex}.side-block h4{color:var(--accent);text-transform:uppercase;margin-bottom:.9rem}.side-mail{border-bottom:1.5px solid var(--ink);padding-bottom:.2rem;font-size:1rem;font-weight:600;text-decoration:none}.side-mail:hover{color:var(--accent);border-color:var(--accent)}.side-socials{list-style:none}.side-socials li{border-bottom:1px solid var(--line)}.side-socials a{padding:.6rem 0;font-size:.95rem;font-weight:600;text-decoration:none;display:block}.side-socials a:hover{color:var(--accent)}.copy-social{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:.6rem 0;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;display:block}.copy-social:hover{color:var(--accent)}.side-soon{color:var(--ink-faint);font-size:.92rem}@media (width<=760px){.masthead{padding:1rem 1.25rem}.open-pill{display:none}.sheet{padding:0 1.25rem}.hero{padding:4.5rem 0 3rem}.stats{flex-direction:column}.stat{border-right:none;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:none}.stat-domain{justify-content:flex-start}.work-row{grid-template-columns:1fr;gap:.75rem;margin:0 -1rem;padding:2rem 1rem}.work-index{padding-top:0}.work-actions{flex-direction:row;align-items:center;padding-top:.5rem}.outro{margin:3rem -1.25rem 0;padding:4rem 1.5rem}.detail-grid,.contact-grid{grid-template-columns:1fr;gap:2rem}.detail-side{position:static}}