:root{--p-paper: #f7f3f3;--p-paper-2: #eee6e7;--p-ink: #1e1218;--p-ink-2: #4b3a42;--p-muted: #8a7880;--p-line: #e0d4d7;--p-card: #fdfafa;--p-accent: #6b1d3c;--p-highlight: #ffc83d;--p-accent-dark: #e39bba;--p-dark-paper: #140c10}:root{--paper: var(--p-paper);--paper-2: var(--p-paper-2);--ink: var(--p-ink);--ink-2: var(--p-ink-2);--muted: var(--p-muted);--line: var(--p-line);--accent: var(--p-accent);--highlight: var(--p-highlight);--accent-ink: #ffffff;--card: var(--p-card);--display: "Archivo", "Helvetica Neue", Arial, sans-serif;--sans: "Inter Tight", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "DM Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;--wrap: 1680px;--gutter: clamp(20px, 4.5vw, 72px);--radius: 2px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: var(--p-dark-paper);--paper-2: #1a1b1e;--ink: #eeeeec;--ink-2: #c2c3c6;--muted: #8b8d93;--line: #2e3034;--accent: var(--p-accent-dark);--highlight: rgb(255 200 61 / .28);--accent-ink: #0e0f12;--card: #16171a;color-scheme:dark}}:root[data-theme=dark]{--paper: var(--p-dark-paper);--paper-2: #1a1b1e;--ink: #eeeeec;--ink-2: #c2c3c6;--muted: #8b8d93;--line: #2e3034;--accent: var(--p-accent-dark);--highlight: rgb(255 200 61 / .28);--accent-ink: #0e0f12;--card: #16171a;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-padding-top:88px}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color .3s,color .3s}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.02;letter-spacing:-.025em;margin:0}em{font-style:normal;color:var(--accent);position:relative;z-index:0}em:before{content:"";position:absolute;z-index:-1;left:-.12em;right:-.14em;top:.5em;bottom:-.02em;background:var(--highlight);transform:rotate(-1.2deg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M3 17 C8 13 20 12 34 13 C70 9 110 12 150 9 C170 8 186 9 197 12 C195 16 199 19 196 23 C198 27 194 30 192 33 C160 35 128 31 96 34 C64 37 36 33 14 36 C9 37 5 34 6 30 C2 27 5 23 3 20 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 40' preserveAspectRatio='none'%3E%3Cpath d='M3 17 C8 13 20 12 34 13 C70 9 110 12 150 9 C170 8 186 9 197 12 C195 16 199 19 196 23 C198 27 194 30 192 33 C160 35 128 31 96 34 C64 37 36 33 14 36 C9 37 5 34 6 30 C2 27 5 23 3 20 Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;z-index:100;background:var(--ink);color:var(--paper);padding:8px 12px}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.lede{font-size:clamp(18px,1.5vw,22px);color:var(--ink-2);max-width:36em}.stitch{border:0;border-top:1.5px dashed var(--line)}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;border:1px solid var(--ink);transition:background-color .2s,color .2s,transform .2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-ghost:hover{background:var(--ink);color:var(--paper)}.arrow-link{font-weight:500}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 86%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .3s}.site-header.is-scrolled{border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.wordmark em{color:inherit}.wordmark em:before{display:none}.wordmark{font-family:var(--display);font-stretch:125%;font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:17px;text-decoration:none;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:clamp(14px,3vw,32px);font-size:15px}.site-header nav a{text-decoration:none;color:var(--ink-2)}.site-header nav a:hover{color:var(--ink)}.site-header nav a.is-active{color:var(--ink);text-decoration:underline dashed var(--accent);text-decoration-thickness:1.5px;text-underline-offset:6px}.theme-toggle{background:none;border:1px solid var(--line);color:var(--ink);width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1}.theme-toggle:hover{border-color:var(--ink)}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(320px,1fr);gap:clamp(32px,6vw,80px);align-items:center;padding-top:clamp(48px,9vw,120px);padding-bottom:clamp(56px,9vw,120px)}.hero h1{font-size:clamp(42px,6vw,104px);margin-bottom:28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.techpack{max-width:520px;margin-left:auto;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;font-family:var(--mono);font-size:13px;box-shadow:0 1px 0 var(--line),0 24px 48px -32px #00000059;transform:rotate(1.2deg);position:relative}.techpack:before{content:"";position:absolute;top:14px;right:18px;width:10px;height:10px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper)}.techpack-head{display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted);padding-right:24px;padding-bottom:14px;border-bottom:1.5px dashed var(--line)}.techpack dl{margin:0}.techpack dl>div{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.techpack dt{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.08em;padding-top:1px}.techpack dd{margin:0;color:var(--ink)}.techpack-foot{display:flex;align-items:center;gap:12px;padding-top:14px;color:var(--muted);font-size:12px}.swatch{flex:none;width:28px;height:28px;border-radius:1px;background:repeating-linear-gradient(45deg,transparent 0 3px,rgb(255 255 255 / .18) 3px 4px),repeating-linear-gradient(-45deg,transparent 0 3px,rgb(0 0 0 / .12) 3px 4px),var(--accent)}.section{padding-top:clamp(64px,9vw,112px);padding-bottom:clamp(32px,5vw,56px)}.section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 32px;padding-bottom:20px;margin-bottom:clamp(32px,5vw,56px);border-bottom:1.5px dashed var(--line)}.section-head h2{font-size:clamp(30px,4vw,56px);font-stretch:125%;text-transform:uppercase;letter-spacing:-.01em}.section-head p{margin:0;color:var(--muted)}.work-list{list-style:none;margin:0;padding:0;display:grid;gap:clamp(56px,8vw,104px)}.work-item{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}.work-item:nth-child(2n) .work-media{order:2}.work-media{display:block;overflow:hidden;border-radius:var(--radius);background:var(--paper-2);aspect-ratio:16 / 10;border:1px solid var(--line)}.work-media img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-media:hover img{transform:scale(1.03)}.work-index{display:block;font-family:var(--mono);font-size:14px;color:var(--accent);margin-bottom:12px}.work-body h3{font-size:clamp(34px,3.6vw,48px);margin-bottom:14px}.work-body h3 a{text-decoration:none}.work-body h3 a:hover{color:var(--accent)}.work-body>p:not(.eyebrow){color:var(--ink-2);margin:0 0 20px}.tags{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-wrap:wrap;gap:6px}.tags li{font-family:var(--mono);font-size:12px;padding:3px 10px;border:1px dashed var(--line);border-radius:999px;color:var(--ink-2)}.work-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px}.work-links a{text-underline-offset:4px;text-decoration-color:var(--line)}.work-links a:hover{text-decoration-color:var(--accent)}.archive{list-style:none;margin:0;padding:0}.archive li{display:grid;grid-template-columns:120px minmax(0,1.4fr) minmax(0,1fr) 128px;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--line);transition:background-color .2s}.archive li:hover{background:var(--paper-2)}.archive-year{font-family:var(--mono);font-size:13px;color:var(--muted)}.archive-title{font-weight:500}.archive-note{display:block;font-weight:400;font-size:14px;color:var(--muted)}.archive-stack{font-family:var(--mono);font-size:13px;color:var(--ink-2)}.archive-links{display:flex;justify-content:flex-end;gap:16px;font-size:14px;white-space:nowrap}.about-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,6vw,80px)}.about-copy p{margin:0 0 1.1em;color:var(--ink-2);font-size:18px}.about-copy p:first-of-type{font-family:var(--display);font-size:clamp(22px,2.1vw,28px);line-height:1.3;letter-spacing:-.015em;color:var(--ink)}.timeline{list-style:none;margin:0;padding:0 0 0 22px;border-left:1.5px dashed var(--line)}.timeline li{position:relative;padding-bottom:24px}.timeline li:before{content:"";position:absolute;left:-28px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--paper);border:1.5px solid var(--accent)}.timeline li:first-child:before{background:var(--accent)}.tl-when{display:block;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.tl-what{display:block;font-weight:500}.tl-detail{display:block;font-size:15px;color:var(--ink-2)}.toolbox{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:clamp(48px,7vw,88px);padding-top:32px;border-top:1.5px dashed var(--line)}.toolbox h3{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.toolbox ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.contact{text-align:center;padding-bottom:clamp(80px,12vw,160px)}.contact h2{font-size:clamp(40px,7vw,112px);font-stretch:112%;margin-bottom:32px}.contact-email{font-family:var(--display);font-size:clamp(24px,3vw,36px);text-underline-offset:8px;text-decoration-thickness:1px;text-decoration-color:var(--accent);overflow-wrap:anywhere}.contact-links{display:flex;justify-content:center;gap:28px;margin-top:28px}.site-footer{border-top:1.5px dashed var(--line);font-size:14px;color:var(--muted)}.footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:28px}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none}.footer-links a:hover{color:var(--ink)}.case{padding-top:40px;padding-bottom:80px}.back-link{display:inline-block;font-size:15px;color:var(--muted);text-decoration:none;margin-bottom:clamp(32px,6vw,64px)}.back-link:hover{color:var(--ink)}.case-head h1{font-size:clamp(52px,10vw,168px);font-stretch:112%;margin-bottom:24px}.case-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px 32px;margin:48px 0 32px;padding:20px 0;border-block:1.5px dashed var(--line)}.case-meta dt{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px}.case-meta dd{margin:0}.case-links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:48px}.case-hero{margin:0 0 clamp(48px,8vw,96px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper-2);max-height:720px}.case-hero img{width:100%;object-fit:cover;object-position:top}.case-body section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px 48px;padding:32px 0;border-top:1px solid var(--line)}.case-body h2{font-size:clamp(28px,3vw,38px)}.case-body p{margin:0 0 1em;font-size:18px;color:var(--ink-2);max-width:40em}.gallery{margin-top:48px}.gallery h2{font-size:clamp(28px,3vw,38px);margin-bottom:24px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.gallery-grid button{padding:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 5;cursor:zoom-in;background:var(--paper-2)}.gallery-grid img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}.gallery-grid button:hover img{transform:scale(1.04)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0a09eb;display:flex;flex-direction:column;align-items:center;padding:56px 16px 16px}.lightbox-scroll{overflow-y:auto;max-width:min(1000px,100%);flex:1}.lightbox-close{position:absolute;top:10px;right:16px;font-size:36px;line-height:1;background:none;border:0;color:#fff;cursor:pointer}.lightbox-count{color:#bbb;font-family:var(--mono);font-size:12px;padding-top:12px}.next-case{display:block;margin-top:clamp(64px,10vw,120px);padding-top:32px;border-top:1.5px dashed var(--line);text-decoration:none}.next-title{font-family:var(--display);font-stretch:112%;font-size:clamp(40px,6vw,80px);transition:color .2s}.next-case:hover .next-title{color:var(--accent)}.notfound{padding-block:clamp(80px,16vw,200px)}.notfound h1{font-size:clamp(44px,7vw,88px);margin-bottom:32px}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;pointer-events:none;opacity:1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.75' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0 0.25 0 0 0 0.16 -0.04'/%3E%3C/filter%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75 0.012' numOctaves='2' seed='8' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.35 0 0 0 0 0.2 0 0 0 0 0.25 0 0 0 0.13 -0.035'/%3E%3C/filter%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.2 0 0 0 0 0.22 0 0 0 0.08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),repeating-linear-gradient(0deg,rgb(80 40 55 / .03) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgb(80 40 55 / .03) 0 1px,transparent 1px 3px)}:root[data-theme=dark] body:after{mix-blend-mode:screen;opacity:.35}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body:after{mix-blend-mode:screen;opacity:.35}}.tape{position:absolute;left:0;right:0;bottom:-1px;height:7px;pointer-events:none;background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 10px),repeating-linear-gradient(90deg,var(--muted) 0 1px,transparent 1px 50px);background-size:100% 4px,100% 7px;background-repeat:no-repeat;background-position:bottom;opacity:0;transition:opacity .3s}.site-header.is-scrolled .tape{opacity:1}.tape:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--accent);transform-origin:left;transform:scaleX(var(--progress, 0))}.knit-band{height:36px;margin-block:clamp(24px,4vw,48px);background-color:var(--accent);opacity:.75;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cg fill='none' stroke='black' stroke-width='1.3'%3E%3Cellipse cx='4.6' cy='6' rx='2.4' ry='5.2' transform='rotate(-28 4.6 6)'/%3E%3Cellipse cx='11.4' cy='6' rx='2.4' ry='5.2' transform='rotate(28 11.4 6)'/%3E%3C/g%3E%3C/svg%3E") repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' viewBox='0 0 16 12'%3E%3Cg fill='none' stroke='black' stroke-width='1.3'%3E%3Cellipse cx='4.6' cy='6' rx='2.4' ry='5.2' transform='rotate(-28 4.6 6)'/%3E%3Cellipse cx='11.4' cy='6' rx='2.4' ry='5.2' transform='rotate(28 11.4 6)'/%3E%3C/g%3E%3C/svg%3E") repeat}.work-media{position:relative}.work-media:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1.5px dashed rgb(255 255 255 / .9);outline:1.5px dashed rgb(0 0 0 / .25);outline-offset:1.5px;opacity:0;transform:scale(1.02);transition:opacity .35s ease,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}.work-media:hover:after{opacity:1;transform:none}.care-label{display:inline-grid;gap:2px;padding:10px 16px 12px;border:1px solid var(--line);border-top:3px double var(--line);background:var(--card);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);text-align:center;line-height:1.5}.care-label .care-icons{font-size:14px;letter-spacing:.4em;color:var(--muted);padding-top:4px}.archive-thumb{display:none}.archive-preview{position:fixed;left:0;top:0;z-index:40;width:300px;aspect-ratio:4 / 3;pointer-events:none;opacity:0;transform:translate(calc(var(--x, 0px) + 24px),calc(var(--y, 0px) - 50%)) scale(.92);transition:opacity .25s ease,transform .25s cubic-bezier(.2,.7,.2,1);border:1px solid var(--line);background:var(--paper-2);overflow:hidden;box-shadow:0 24px 48px -24px #00000059}.archive-preview.is-active{opacity:1;transform:translate(calc(var(--x, 0px) + 24px),calc(var(--y, 0px) - 50%)) scale(1)}.archive-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:0}.archive-preview img.is-current{opacity:1}@media(hover:none),(max-width:900px){.archive-preview{display:none}.archive li{grid-template-columns:72px 1fr auto;gap:2px 16px}.archive-thumb{display:block;grid-row:1 / span 3;width:72px;height:54px;object-fit:cover;object-position:top;border:1px solid var(--line);align-self:center}.archive-year,.archive-title,.archive-stack{grid-column:2}.archive-links{grid-column:3;grid-row:1 / span 3;align-self:center;flex-direction:column;gap:4px}}.about-portrait{display:flex;align-items:center;gap:14px;padding:6px 16px 6px 6px;margin-bottom:28px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font:inherit;font-size:14px;cursor:zoom-in;transition:border-color .2s}.about-portrait:hover{border-color:var(--ink)}.about-portrait img{width:64px;height:40px;object-fit:cover;border-radius:999px}.lightbox-center{justify-content:center}.lightbox-center figure{margin:0;max-width:min(1200px,100%)}.lightbox-center img{max-height:80vh;margin:0 auto}.lightbox-center figcaption{color:#bbb;font-family:var(--mono);font-size:12px;text-align:center;padding-top:12px}@media(prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}}@media(max-width:900px){.hero,.about-grid,.work-item{grid-template-columns:1fr}.work-item:nth-child(2n) .work-media{order:0}.techpack{transform:none}.toolbox{grid-template-columns:repeat(2,minmax(0,1fr))}.case-body section{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){body{font-size:16px}.site-header nav{gap:14px;font-size:14px}.wordmark em{color:inherit}.wordmark em:before{display:none}.wordmark{font-size:22px}.techpack dl>div{grid-template-columns:76px 1fr}.toolbox{grid-template-columns:1fr 1fr;gap:24px}}