@font-face{font-family:P22 Mackinac Pro;src:url(/assets/P22MackinacPro-Medium-CfTEzcpt.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:P22 Mackinac Pro;src:url(/assets/P22MackinacPro-Bold-CeMwElDM.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GT Pressura;src:url(/assets/gt-pressura-NPXiOOgA.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}:root{--bg: #ddd8d0;--text: #1c1814;--text-muted: #706b65;--line: rgba(28, 24, 20, .16);--accent: #c4552e;--font-display: "P22 Mackinac Pro", Georgia, serif;--font-body: "GT Pressura", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter: clamp(16px, 2.6vw, 40px);--ease: cubic-bezier(.25, 0, 0, 1)}@media(prefers-color-scheme:dark){:root{--bg: #14120f;--text: #e8e2d8;--text-muted: #8c857b;--line: rgba(232, 226, 216, .14);--accent: #e0693e}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ol,ul{list-style:none}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;text-transform:uppercase;font-weight:400}canvas{display:block;width:100%;height:100%;animation:field-in 1.2s var(--ease) both}@keyframes field-in{0%{opacity:0}}.nav a,.footer a,.coda-links a,.work-link,.work-back{background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0 1px;transition:background-size .35s var(--ease),color .2s}.nav a:hover,.footer a:hover,.coda-links a:hover,.work-link:hover,.work-back:hover{background-size:100% 1px}.header{position:fixed;inset:0 0 auto;z-index:40;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;padding:18px var(--gutter);background:var(--bg);border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}.header.is-scrolled{border-bottom-color:var(--line)}.logo{position:relative;font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;justify-self:start}.logo-word,.logo-mark{transition:opacity .4s var(--ease),transform .5s var(--ease)}.logo-mark{position:absolute;left:-4px;top:50%;width:40px;height:40px;margin-top:-20px;opacity:0;transform:scale(.6);pointer-events:none}.logo.is-mark .logo-word{opacity:0;transform:translateY(-4px)}.logo.is-mark .logo-mark{opacity:1;transform:none}.logo-mark canvas{animation:none}.header-clock{color:var(--text-muted);font-variant-numeric:tabular-nums}.nav{justify-self:end;display:flex;gap:24px}.nav a.active{color:var(--accent)}.hero{position:relative;height:100svh;min-height:560px;overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair}.hero-copy{position:absolute;left:var(--gutter);bottom:var(--gutter);pointer-events:none}.hero-kicker{color:var(--text-muted);margin-bottom:18px}.hero-title{font-family:var(--font-display);font-weight:500;font-size:clamp(64px,13vw,232px);line-height:.84;letter-spacing:-.045em}.hero-hud{position:absolute;right:var(--gutter);bottom:var(--gutter);display:flex;flex-direction:column;align-items:flex-end;gap:2px;color:var(--text-muted);font-variant-numeric:tabular-nums}.hud-btn{margin-top:8px;color:var(--text);font-size:inherit;text-transform:inherit;letter-spacing:inherit;font-family:inherit}.hud-btn:hover{color:var(--accent)}.index{padding:clamp(80px,14vh,160px) var(--gutter) 0}.index-head{display:flex;justify-content:space-between;color:var(--text-muted);padding-bottom:14px}.index-list{border-bottom:1px solid var(--line)}.index-row{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(0,1.1fr) 110px 48px;align-items:baseline;gap:16px;padding:18px 0 16px;border-top:1px solid var(--line);transition:opacity .3s var(--ease),color .2s}.index-row.is-dim{opacity:.22}.index-row:hover .index-title,.index-row:focus-visible .index-title{color:var(--accent)}.index-no,.index-cat,.index-year{color:var(--text-muted)}.index-year{text-align:right}.index-title{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,3.6vw,52px);line-height:1;letter-spacing:-.03em;transition:color .2s}.index-hook{color:var(--text-muted);font-size:15px}.index-preview{position:fixed;top:0;left:0;z-index:50;width:300px;height:240px;pointer-events:none;background:var(--bg);border:1px solid var(--line)}.index-preview-meta{position:absolute;left:10px;bottom:8px;color:var(--text-muted)}@media(max-width:900px){.index-row{grid-template-columns:32px minmax(0,1fr) auto;row-gap:6px}.index-hook{grid-column:2 / -1;grid-row:2;font-size:14px}.index-cat{display:none}}.coda{padding:clamp(96px,18vh,200px) var(--gutter);display:grid;gap:40px}.coda-statement{font-family:var(--font-display);font-weight:500;font-size:clamp(26px,3.4vw,50px);line-height:1.08;letter-spacing:-.025em;max-width:24ch}.coda-links{display:flex;flex-wrap:wrap;gap:12px 32px}.coda-links a:first-child{color:var(--accent)}.footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:20px var(--gutter);border-top:1px solid var(--line);color:var(--text-muted)}.info{padding:calc(72px + 8vh) var(--gutter) clamp(80px,12vh,140px)}.info-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--gutter);align-items:center}.info-statement{font-family:var(--font-display);font-weight:500;font-size:clamp(32px,4.4vw,68px);line-height:1.04;letter-spacing:-.03em}.info-field{aspect-ratio:1}.info-practice{display:grid;grid-template-columns:180px minmax(0,1fr);margin-top:clamp(64px,10vh,120px);max-width:980px}.info-practice>dt,.info-practice>dd{padding:20px 0;border-top:1px solid var(--line)}.info-label{color:var(--text-muted)}.info-practice li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding:3px 0;font-size:17px}.info-practice li .mono{color:var(--text-muted);padding-top:5px}.info-email{font-family:var(--font-display);font-size:clamp(24px,2.6vw,36px);letter-spacing:-.02em;color:var(--accent)}@media(max-width:760px){.info-grid,.info-practice{grid-template-columns:1fr}.info-field{order:-1;max-width:360px}.info-practice>dd{border-top:0;padding-top:0}}.work{padding:0 var(--gutter)}.work-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--gutter);min-height:100svh;align-items:end;padding:72px 0 var(--gutter)}.work-field{height:min(78svh,820px);align-self:center}.work-intro{display:grid;gap:22px;align-content:end}.work-back{justify-self:start;color:var(--text-muted)}.work-meta{display:flex;flex-wrap:wrap;gap:8px 28px}.work-meta dt{color:var(--text-muted)}.work-title{font-family:var(--font-display);font-weight:500;font-size:clamp(56px,8vw,140px);line-height:.88;letter-spacing:-.045em}.work-hook{font-family:var(--font-display);font-size:clamp(20px,1.8vw,26px);line-height:1.2;letter-spacing:-.01em;max-width:28ch}.work-desc{color:var(--text-muted);max-width:46ch}.work-link{justify-self:start;color:var(--accent)}.work-section{display:grid;grid-template-columns:180px minmax(0,1fr);gap:var(--gutter);padding:32px 0 48px;border-top:1px solid var(--line)}.work-label{color:var(--text-muted);padding-top:6px}.work-prose{display:grid;gap:1em;font-size:clamp(17px,1.3vw,20px);max-width:62ch}.work-list{max-width:62ch}.work-list li{display:grid;grid-template-columns:40px minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--line)}.work-list li:last-child{border-bottom:0}.work-list .mono{color:var(--text-muted);padding-top:5px}.work-next{display:grid;gap:10px;padding:clamp(64px,12vh,140px) 0;border-top:1px solid var(--line)}.work-next .mono{color:var(--text-muted)}.work-next-title{font-family:var(--font-display);font-weight:500;font-size:clamp(40px,6vw,96px);line-height:.95;letter-spacing:-.04em;transition:color .2s}.work-next:hover .work-next-title{color:var(--accent)}@media(max-width:860px){.work-hero{grid-template-columns:1fr;min-height:0;padding-top:64px}.work-field{height:56svh}.work-section{grid-template-columns:1fr;gap:16px}}@media(max-width:600px){.header-clock{display:none}.header{grid-template-columns:1fr auto}.hero-canvas{bottom:30%}}
