:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#101016;--surface:#181820;--ink:#f0eff4;--muted:#b5b3be;--line:#2b2935;--board:#fff;--panel:#232323;--selection:#f3f2f6;--focus:#b9a5ff;--shadow:0 16px 32px -10px #00000073;--font-display:"Bricolage Grotesque", system-ui, sans-serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-mono:"DM Mono", monospace;--gutter:clamp(20px, 5.3vw, 68px);--max-width:1280px;--radius:5px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--canvas);color:var(--ink);font:400 1.0625rem/1.65 var(--font-body);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p,ul,figure{margin:0}ul{padding:0;list-style:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--focus);outline-offset:5px}main:focus{outline:none}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.035em}h1{font-size:clamp(2.4rem,5.8vw,4.75rem);font-weight:700;line-height:1.03}h2{font-size:clamp(1.875rem,3.6vw,2.75rem);font-weight:700;line-height:1.08}h3{font-size:1.375rem;font-weight:600;line-height:1.2}.eyebrow{color:var(--muted);font:400 .75rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--ink);color:var(--canvas);border-radius:var(--radius);padding:12px 20px;position:fixed;top:-100px;left:20px}.skip:focus{top:12px}.btn{border:1px solid var(--ink);min-height:44px;color:var(--ink);font:600 .9375rem/1.2 var(--font-body);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.btn:hover,.btn.primary{background:var(--ink);color:var(--canvas)}.btn.primary:hover{background:#d6d4e0}.btn svg{flex:none;width:16px;height:16px}.board{background:var(--board);border-radius:var(--radius);box-shadow:var(--shadow);outline:1px solid #0000;transition:outline-color .15s;display:block;position:relative}.pic{aspect-ratio:4/3;border-radius:var(--radius);display:block;overflow:hidden}.pic img{object-fit:contain;width:100%;height:100%}.pic-square{aspect-ratio:1}.handle{background:var(--canvas);border:1px solid var(--selection);opacity:0;pointer-events:none;width:9px;height:9px;position:absolute}.handle.tl{top:-5px;left:-5px}.handle.tr{top:-5px;right:-5px}.handle.bl{bottom:-5px;left:-5px}.handle.br{bottom:-5px;right:-5px}.dimension{background:var(--selection);color:var(--canvas);font:500 .6875rem/1 var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;z-index:2;border-radius:3px;padding:5px 8px;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%)}.is-selected{outline-color:var(--selection)}.is-selected .handle,.is-selected .dimension{opacity:1}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}#root{flex-direction:column;min-height:100dvh;display:flex}main{flex:1}.wrap{max-width:var(--max-width);padding-inline:var(--gutter);margin-inline:auto}.site-header{border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px)}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:66px;display:flex}.brand{font:700 1.25rem/1 var(--font-body);letter-spacing:-.02em;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand img{object-fit:contain;width:32px;height:32px}.nav{gap:32px;display:flex}.nav a{min-height:44px;color:var(--muted);align-items:center;font-size:.9375rem;text-decoration:none;display:inline-flex}.nav a[aria-current],.nav a:hover{color:var(--ink)}.section{border-top:1px solid var(--line);padding-block:clamp(64px,8vw,112px);scroll-margin-top:24px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:clamp(32px,3.4vw,48px);display:flex}.section-heading>div:first-child{flex-direction:column;gap:14px;min-width:0;display:flex}.site-footer{border-top:1px solid var(--line);padding-block:28px;padding-bottom:max(28px, env(safe-area-inset-bottom,0px))}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.875rem;display:flex}.site-footer a{border-bottom:1px solid var(--line);text-decoration:none}.error-page{flex-direction:column;align-items:flex-start;gap:24px;padding-block:100px;display:flex}@media (width<=479px){.brand{gap:8px;font-size:1.125rem}.nav{gap:20px}}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(36px,6vw,88px);padding-block:clamp(56px,7vw,96px);display:grid}.hero-copy{flex-direction:column;align-items:flex-start;gap:28px;min-width:0;display:flex}.hero-copy h1 span{display:block}.lede{max-width:43ch;color:var(--muted);font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55}.cta{flex-wrap:wrap;gap:12px;display:flex}.hero-art{aspect-ratio:1;justify-self:end;width:100%;max-width:600px;position:relative}.hero-back{width:64%;position:absolute;top:0;right:0}.hero-back .pic{aspect-ratio:3375/2750}.hero-back .pic img{object-fit:cover}.hero-front{z-index:2;width:54%;position:absolute;bottom:34px;left:0}.services{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px clamp(32px,6vw,88px);display:grid}.services li{border-top:1px solid var(--muted);flex-direction:column;gap:12px;padding-top:20px;display:flex}.services p{color:var(--muted);max-width:46ch}.contact{background:var(--panel);border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(28px,6vw,72px);display:grid}.contact-copy{flex-direction:column;align-items:flex-start;gap:22px;min-width:0;display:flex}.contact h2{max-width:13ch}.contact p{color:var(--muted);max-width:50ch}.contact .email{font:600 clamp(1.5rem, 4.1vw, 3rem)/1.1 var(--font-display);letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.contact-actions{flex-wrap:wrap;gap:12px 16px;display:flex}.copy-status{min-height:1.4em;font:400 .8125rem/1.4 var(--font-mono)}.about-page{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:clamp(32px,4.8vw,62px);padding-block:84px;display:grid}.about-page .board{box-shadow:none;border-radius:0}.about-page .pic{border-radius:0}.about-copy{flex-direction:column;gap:32px;font-size:1rem;line-height:1.75;display:flex}.project-page{padding-block:72px}.project-page h1{font-size:clamp(2.25rem,5vw,4rem)}.back-link{color:var(--muted);margin-bottom:40px;display:inline-block}.project-page figure img{object-fit:contain;background:var(--board);border-radius:var(--radius);width:100%;height:auto;max-height:75dvh}.project-page figcaption{color:var(--muted);font:.8125rem/1.5 var(--font-mono);margin-top:16px}.project-description{max-width:65ch;margin-top:32px}@media (width<=899px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-art{justify-self:center;max-width:520px}.contact{grid-template-columns:minmax(0,1fr)}.contact-art{width:min(100%,340px)}.about-page{grid-template-columns:minmax(0,1fr);padding-block:56px}.about-page figure{max-width:360px}}@media (width<=699px){.services{grid-template-columns:minmax(0,1fr)}.hero-copy h1{font-size:clamp(2.2rem,8.8vw,3.75rem)}.contact-art{display:none}}.filters{isolation:isolate;border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,360px);padding:4px;display:grid;position:relative}.filters:before{content:"";z-index:-1;background:var(--ink);pointer-events:none;border-radius:999px;width:calc(33.3333% - 2.66667px);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:4px auto 4px 4px;transform:translate(0)}.filters[data-active=isometric]:before{transform:translate(100%)}.filters[data-active=editorial]:before{transform:translate(200%)}.filters button{color:var(--ink);font:500 .875rem/1 var(--font-body);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;transition:color .18s;display:flex}.filters button span{font:400 .6875rem/1 var(--font-mono)}.filters button:hover{color:#fff}.filters button[aria-pressed=true]{color:var(--canvas)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4vw,52px) clamp(20px,2.4vw,32px);display:grid}.gallery-grid li{min-width:0}.artwork-button{width:100%;color:inherit;font:inherit;text-align:left;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.artwork-button:focus-visible{outline-color:var(--ink)}:root[data-input=pointer] .artwork-button:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.artwork-button:hover .board{outline-color:var(--selection)}.artwork-button:hover .handle,.artwork-button:hover .dimension{opacity:1}}.artwork-caption{border-radius:0 0 var(--radius) var(--radius);color:#fff;opacity:0;pointer-events:none;background:linear-gradient(#0000,#000000a6 65%,#000000e6);justify-content:space-between;align-items:flex-end;gap:16px;min-height:45%;padding:48px 18px 18px;transition:opacity .2s;display:flex;position:absolute;inset:auto 0 0}.artwork-button:hover .artwork-caption,.artwork-button:focus-visible .artwork-caption{opacity:1}.artwork-title{min-width:0;font-size:.9375rem;font-weight:600;line-height:1.35}.artwork-year{font:400 .75rem/1.7 var(--font-mono);flex:none}@media (hover:none){.artwork-caption{opacity:1}}.viewer{width:100%;max-width:none;height:100dvh;max-height:none;padding:0;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);background:#0b0a10;border:0;margin:0;position:fixed;inset:0}.viewer[open]{grid-template-rows:auto minmax(0,1fr);display:grid}.viewer::backdrop{background:#0b0a10}.viewer-bar{padding:16px var(--gutter);justify-content:space-between;align-items:center;gap:16px;display:flex}.viewer-caption{flex-direction:column;gap:5px;min-width:0;display:flex}.viewer-caption h2{letter-spacing:-.01em;font-size:1.125rem}.viewer-caption p{color:var(--muted);font:400 .75rem/1.4 var(--font-mono)}.viewer-caption a{width:fit-content;font-size:.875rem}.viewer-controls{flex:none;gap:8px;display:flex}.viewer-controls button{border:1px solid var(--muted);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:grid}.viewer-controls button:hover{background:var(--surface)}.viewer-controls svg{width:18px;height:18px}.viewer-stage{min-height:0;padding:8px var(--gutter) 24px;touch-action:pan-y;justify-content:center;align-items:center;display:flex;position:relative}.viewer-image{object-fit:contain;border-radius:var(--radius);background:#fff;width:auto;max-width:100%;height:auto;max-height:100%}.preload-image{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (width<=1099px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=699px){.gallery-grid{grid-template-columns:minmax(0,1fr)}.viewer-bar{flex-direction:column-reverse;align-items:flex-start}.viewer-controls{align-self:flex-end}}@media (width<=359px){.filters button{gap:6px;padding-inline:6px;font-size:.8125rem}}