:root{--color-paper:oklch(99% .003 255);--color-paper-2:oklch(97.2% .003 255);--color-paper-3:oklch(94.5% .003 255);--color-ink:oklch(16% .01 255);--color-muted:oklch(46% .01 255);--color-rule:oklch(88% .004 255);--color-accent:oklch(45% .19 264);--color-accent-ink:oklch(99% .003 255);--color-focus:oklch(45% .19 264);--font-display:"Archivo", sans-serif;--font-body:"Archivo", sans-serif;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:40px;--space-xl:64px;--space-2xl:96px;--space-3xl:144px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.18s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-paper:oklch(18% .008 255);--color-paper-2:oklch(21% .008 255);--color-paper-3:oklch(25% .008 255);--color-ink:oklch(95% .004 255);--color-muted:oklch(68% .01 255);--color-rule:oklch(32% .01 255);--color-accent:oklch(72% .16 264);--color-accent-ink:oklch(14% .01 255);--color-focus:oklch(72% .16 264);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);margin:0;font-size:16px;line-height:1.5}a{color:inherit}img{max-width:100%;display:block}::selection{background:var(--color-accent);color:var(--color-accent-ink)}.shell{max-width:1280px;margin-inline:auto;padding-left:88px;position:relative}.rails{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(to right, var(--color-rule) 0, var(--color-rule) 1px, transparent 1px, transparent calc(100% / 12));max-width:1280px;margin-inline:auto;position:absolute;inset:0 0 0 88px}section,main>.plain-section{z-index:1;padding:var(--space-3xl) var(--space-lg);position:relative}.grid12{grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.head{align-items:baseline;gap:var(--space-sm);border-top:1px solid var(--color-rule);padding-top:var(--space-md);margin-bottom:var(--space-lg);grid-column:1/13;display:flex}.head .num{font-family:var(--font-display);color:var(--color-accent);font-size:14px;font-weight:800}.head h2{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,44px);font-weight:800}.eyebrow{letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:600}@media (width<=768px){.shell,.rails{padding-left:0;left:0}.shell{padding-top:56px}section,main>.plain-section{padding:var(--space-2xl) var(--space-md)}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}.rail{border-right:1px solid var(--color-rule);width:88px;padding:var(--space-lg) 0;z-index:10;background:var(--color-paper);flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0}.rail__mark{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:-.02em;color:var(--color-ink);font-size:15px;font-weight:800;font-family:var(--font-display);text-decoration:none;transform:rotate(180deg)}.rail__nav{gap:var(--space-md);flex-direction:column;align-items:center;display:flex}.rail__nav a{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);border-left:2px solid #0000;padding:4px 0;font-size:11px;text-decoration:none}.rail__nav a:hover{color:var(--color-ink)}.rail__nav a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.rail__nav a.is-current{color:var(--color-accent);border-left-color:var(--color-accent)}.rail__index{writing-mode:vertical-rl;color:var(--color-muted);font-size:11px}.theme-toggle{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-body);letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);border:1px solid var(--color-rule);cursor:pointer;background:0 0;padding:8px 4px;font-size:11px}.theme-toggle:hover{color:var(--color-ink);border-color:var(--color-ink)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=768px){.rail{width:100%;height:56px;padding:0 var(--space-md);border-right:none;border-bottom:1px solid var(--color-rule);flex-direction:row;justify-content:space-between;align-items:center;position:fixed;inset:0 0 auto}.rail__mark{writing-mode:horizontal-tb;transform:none}.rail__nav{gap:var(--space-md);flex-direction:row}.rail__nav a{writing-mode:horizontal-tb;padding:4px 0}.rail__index{display:none}.theme-toggle{writing-mode:horizontal-tb;padding:6px 10px}}footer{border-top:1px solid var(--color-rule);padding:var(--space-2xl) var(--space-lg) var(--space-xl)}.footer-shell{padding-left:88px}footer .statement{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.04em;color:var(--color-ink);margin:0 0 var(--space-lg);max-width:14ch;font-size:clamp(48px,9vw,120px);font-weight:800;line-height:.92}footer .statement .period{background:var(--color-accent);vertical-align:baseline;width:.5em;height:.5em;display:inline-block;transform:translateY(.08em)}footer .row{justify-content:space-between;align-items:center;gap:var(--space-sm);color:var(--color-muted);border-top:1px solid var(--color-rule);padding-top:var(--space-md);flex-wrap:wrap;font-size:13px;display:flex}footer .row a{color:var(--color-ink);border-bottom:1px solid var(--color-rule);margin-left:var(--space-md);text-decoration:none}footer .row a:hover{border-color:var(--color-accent);color:var(--color-accent)}footer .row a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (width<=768px){.footer-shell{padding-left:0}footer{padding:var(--space-xl) var(--space-md)}}.card{border-left:1px solid var(--color-rule);padding:var(--space-lg) var(--space-md);transition:background var(--dur-fast) var(--ease-out);grid-column:span 6;position:relative}.card:hover{background:var(--color-paper-3)}.card__status{letter-spacing:.09em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-sm);font-size:11px;font-weight:600;display:inline-block}.card__status.shipped{color:var(--color-accent)}.card h3{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.02em;margin:0 0 var(--space-sm);font-size:clamp(24px,3vw,34px);font-weight:800}.card p{color:var(--color-muted);max-width:44ch;margin:0 0 var(--space-md)}.stack{margin-bottom:var(--space-md);flex-wrap:wrap;gap:6px;display:flex}.stack span{letter-spacing:.04em;border:1px solid var(--color-rule);color:var(--color-muted);padding:3px 8px;font-size:11px}.card a.cta{color:var(--color-ink);border-bottom:2px solid var(--color-accent);font-size:14px;font-weight:600;text-decoration:none}@media (width<=768px){.card{border-left:none;border-top:1px solid var(--color-rule);grid-column:1/13}}.hero{padding-top:var(--space-3xl)}.hero__eyebrow{grid-column:1/4}.hero h1{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.045em;grid-column:1/10;margin:0;font-size:clamp(44px,8vw,104px);font-weight:800;line-height:.9}.hero h1 .period{background:var(--color-accent);border-radius:0;width:.52em;height:.52em;display:inline-block}.hero p{color:var(--color-muted);margin-top:var(--space-md);grid-column:1/9;max-width:52ch;font-size:19px}.hero .links--row{align-items:baseline;gap:var(--space-lg);border-top:1px solid var(--color-rule);margin-top:var(--space-lg);padding-top:var(--space-md);flex-wrap:wrap;grid-column:1/13;display:flex}.hero .links--row a{color:var(--color-ink);border-bottom:1px solid var(--color-rule);padding-bottom:2px;font-size:14px;text-decoration:none}.hero .links--row a:hover{border-color:var(--color-accent);color:var(--color-accent)}.hero__portrait{letter-spacing:0;-webkit-user-select:none;user-select:none;grid-area:2/10/5/13;place-self:start end;margin-top:.15em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:10px;line-height:1.05}.hero__portrait-row{white-space:pre}.projects{background:var(--color-paper-2)}.about-statement{border-top:1px solid var(--color-rule);text-align:center}.about-statement p{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.01em;color:var(--color-ink);grid-column:1/13;max-width:30ch;margin:0 auto;font-size:clamp(22px,3vw,32px);font-weight:600;line-height:1.35}@media (width<=768px){.hero h1,.hero p,.hero .links--row{grid-column:1/13}.hero__portrait{display:none}}.about-hero{padding-top:var(--space-3xl)}.about-hero .eyebrow{grid-column:1/4}.about-hero h1{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.03em;grid-column:1/11;margin:0;font-size:clamp(32px,5.4vw,64px);font-weight:800;line-height:.98}.about-hero h1 .period{background:var(--color-accent);width:.3em;height:.3em;display:inline-block}.about-hero p{color:var(--color-muted);margin-top:var(--space-md);grid-column:1/8;max-width:60ch;font-size:18px}.job{border-top:1px solid var(--color-rule);padding:var(--space-lg) 0;grid-column:1/13}.job:first-of-type{border-top:none}.job__meta{justify-content:space-between;align-items:baseline;gap:var(--space-md);flex-wrap:wrap;display:flex}.job h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:700}.job__dates{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);font-size:12px}.job__org{color:var(--color-muted);margin:4px 0 var(--space-sm);font-style:italic}.job__org a{color:var(--color-muted);border-bottom:1px solid var(--color-rule);text-decoration:none}.job__org a:hover{color:var(--color-accent);border-color:var(--color-accent)}.job ul{color:var(--color-muted);margin:0;padding-left:18px}.job li{max-width:72ch;margin-bottom:6px}.skills{background:var(--color-paper-2)}.skill-row{grid-column:1/13;grid-template-columns:subgrid;border-top:1px solid var(--color-rule);padding:var(--space-sm) 0;display:grid}.skill-row:last-of-type{border-bottom:1px solid var(--color-rule)}.skill-row__label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);grid-column:1/3;font-size:12px;font-weight:600}.skill-row__value{grid-column:3/13}@media (width<=768px){.about-hero h1,.about-hero p{grid-column:1/13}.skill-row{display:block}.skill-row__label{margin-bottom:4px;display:block}}.contact-page{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.contact-page .eyebrow{grid-column:1/4}.contact-page h1{font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.04em;grid-column:1/11;margin:0;font-size:clamp(40px,7vw,88px);font-weight:800;line-height:.94}.contact-page h1 .period{background:var(--color-accent);width:.42em;height:.42em;display:inline-block}.contact-page p{color:var(--color-muted);margin-top:var(--space-md);grid-column:1/8;font-size:18px}.contact-links{gap:var(--space-sm);margin-top:var(--space-lg);flex-direction:column;grid-column:1/8;display:flex}.contact-links a{color:var(--color-ink);border-bottom:1px solid var(--color-rule);width:fit-content;padding-bottom:4px;font-size:16px;text-decoration:none}.contact-links a:hover{border-color:var(--color-accent);color:var(--color-accent)}@media (width<=768px){.contact-page h1,.contact-page p,.contact-links{grid-column:1/13}}.case-hero{padding-top:var(--space-3xl)}.case-hero h1{margin:var(--space-sm) 0 0;font-family:var(--font-display);text-transform:lowercase;letter-spacing:-.04em;grid-column:1/11;font-size:clamp(36px,6.5vw,84px);font-weight:800;line-height:.92}.case-hero h1 .period{background:var(--color-accent);width:.4em;height:.4em;display:inline-block}.case-hero .card__status{grid-column:1/13}.case-hero p{color:var(--color-muted);margin-top:var(--space-md);grid-column:1/8;max-width:62ch;font-size:18px}.case-hero .stack{margin-top:var(--space-md);flex-wrap:wrap;grid-column:1/13;gap:6px;display:flex}.case-hero .stack span{letter-spacing:.04em;border:1px solid var(--color-rule);color:var(--color-muted);padding:3px 8px;font-size:11px}.case-links{margin-top:var(--space-md);grid-column:1/13}.case-links a{color:var(--color-ink);border-bottom:2px solid var(--color-accent);font-size:14px;font-weight:600;text-decoration:none}.case-section:nth-of-type(2n){background:var(--color-paper-2)}.case-list{color:var(--color-muted);grid-column:1/9;margin:0;padding-left:20px}.case-list li{margin-bottom:var(--space-sm);max-width:70ch}.case-gallery{align-items:start;gap:var(--space-md);grid-column:1/13;grid-template-columns:repeat(3,1fr);display:grid}.case-gallery--phone{grid-template-columns:repeat(5,1fr)}.case-gallery--desktop{grid-template-columns:repeat(2,1fr)}.case-gallery figure{margin:0}.case-gallery img{border:1px solid var(--color-rule);width:100%;height:auto}.case-gallery figcaption{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-top:8px;font-size:12px}.mobile-shot{margin-top:var(--space-md);grid-column:1/13;max-width:260px}.mobile-shot img{border:1px solid var(--color-rule);width:100%;height:auto}.mobile-shot figcaption{letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-top:8px;font-size:12px}@media (width<=768px){.case-hero h1,.case-hero p,.case-list{grid-column:1/13}.case-gallery,.case-gallery--phone{grid-template-columns:repeat(2,1fr)}.case-gallery--desktop{grid-template-columns:1fr}}