:root{--bg: #f6f3ee;--bg-2: #efeae1;--fg: #1a1816;--fg-2: #5b554d;--fg-3: #8a8278;--rule: #e2dccf;--accent: #1f8a5b;--card: #ffffff;--card-edge: #ebe5d8;--serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif;--sans: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, monospace}[data-theme=dark]{--bg: #14130f;--bg-2: #1c1a16;--fg: #f0ece2;--fg-2: #b3ad9f;--fg-3: #7a7468;--rule: #2a2620;--card: #1b1915;--card-edge: #2b2620}[data-theme=paper]{--bg: #ece7dc;--bg-2: #e3ddce;--fg: #1f1d1a;--fg-2: #54503f;--rule: #d3cbb8;--card: #f3eee2;--card-edge: #d8d0bc}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}a{color:inherit}.page{max-width:1180px;margin:0 auto;padding:32px 48px 96px}@media(max-width:720px){.page{padding:20px 22px 60px}}.topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--rule);font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2)}.topbar .mark{display:flex;align-items:center;gap:10px;color:var(--fg)}.topbar .mark .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);display:inline-block}.topbar .meta{display:flex;gap:22px}.topbar .meta span:before{content:"";display:inline-block;width:6px;height:6px;background:var(--fg-3);border-radius:50%;margin-right:8px;vertical-align:middle}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;padding:72px 0 96px;border-bottom:1px solid var(--rule)}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:32px;padding:40px 0 56px}.hero .blob-stage{display:none}}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3);display:flex;align-items:center;gap:10px;margin:0 0 22px}.eyebrow:before{content:"";width:24px;height:1px;background:var(--fg-3);display:inline-block}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6.4vw,84px);line-height:1.02;letter-spacing:-.015em;margin:0 0 24px;text-wrap:balance}.hero h1 em{font-style:italic;color:var(--accent)}.hero .lead{font-size:18px;line-height:1.55;color:var(--fg-2);max-width:46ch;margin:0 0 32px;text-wrap:pretty}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-2)}.hero-meta .label{color:var(--fg-3);margin-right:8px}.blob-stage{position:relative;width:100%;aspect-ratio:1 / 1;max-width:460px;justify-self:center;cursor:crosshair;-webkit-user-select:none;user-select:none}.blob-stage svg{width:100%;height:100%;display:block;overflow:visible}.blob-hint{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap;opacity:.75;pointer-events:none}section.block{padding:80px 0;border-bottom:1px solid var(--rule)}section.block:last-of-type{border-bottom:none}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px;gap:24px;flex-wrap:wrap}.section-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,52px);letter-spacing:-.01em;margin:0;line-height:1}.section-head .index{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.projects{display:grid;grid-template-columns:1fr;gap:0}.project{display:grid;grid-template-columns:80px 1fr auto;gap:32px;align-items:center;padding:28px 8px;border-top:1px solid var(--rule);text-decoration:none;color:inherit;position:relative;transition:padding .4s cubic-bezier(.2,.7,.2,1),background .3s}.project:last-child{border-bottom:1px solid var(--rule)}.project:hover{padding-left:24px;padding-right:24px;background:var(--bg-2)}.project .num{font-family:var(--mono);font-size:12px;color:var(--fg-3);letter-spacing:.06em}.project .body h3{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.6vw,30px);margin:0 0 6px;letter-spacing:-.005em;line-height:1.1;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.project .body h3 .tag{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3);border:1px solid var(--rule);padding:3px 8px;border-radius:999px;background:var(--card)}.project .body p{margin:0;color:var(--fg-2);font-size:15px;line-height:1.5;max-width:64ch}.project .body .stack{margin-top:10px;display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--fg-3)}.project .arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.2,.7,.2,1),background .3s,border-color .3s,color .3s;color:var(--fg-2);flex-shrink:0}.project:hover .arrow{transform:rotate(-45deg);background:var(--accent);color:#fff;border-color:var(--accent)}@media(max-width:720px){.project{grid-template-columns:40px 1fr auto;gap:16px;padding:22px 6px}.project:hover{padding-left:12px;padding-right:12px}.project .arrow{width:36px;height:36px}}.links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.link-card{display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:22px 22px 20px;border:1px solid var(--card-edge);background:var(--card);border-radius:14px;text-decoration:none;color:inherit;min-height:140px;transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .2s,background .2s;position:relative;overflow:hidden}.link-card:hover{transform:translateY(-3px);border-color:var(--fg)}.link-card .glyph{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.link-card .label{font-family:var(--serif);font-size:24px;letter-spacing:-.005em;line-height:1.1}.link-card .handle{font-family:var(--mono);font-size:12px;color:var(--fg-2);margin-top:4px}.link-card .corner{position:absolute;top:18px;right:18px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-3);transition:transform .3s cubic-bezier(.2,.7,.2,1),color .2s}.link-card:hover .corner{transform:translate(2px,-2px);color:var(--accent)}footer.foot{padding-top:48px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:16px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}footer.foot .now{color:var(--fg-2)}footer.foot .now em{color:var(--accent);font-style:normal}image-slot{--is-bg: var(--bg-2);--is-fg: var(--fg-3);--is-border: transparent}.status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--rule);border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-2);background:var(--card);margin-bottom:24px}.status .pulse{width:7px;height:7px;border-radius:50%;background:#4caf78;position:relative}.status .pulse:after{content:"";position:absolute;inset:-3px;border-radius:50%;border:1px solid #4caf78;animation:pulse 2s ease-out infinite;opacity:0}@keyframes pulse{0%{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}