:root{letter-spacing:.05em;color:#10100f;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f2f0e9;--ink:#10100f;--muted:#73736f;--line:#c9c8c1;--gutter:clamp(1.25rem, 3.3vw, 3rem);background:#f2f0e9;font-family:Valley Sans,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);margin:0}button,a{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;color:var(--paper);background:var(--ink);padding:.65rem .85rem;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.shell{width:100%;padding-inline:var(--gutter)}.site-header{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:center;min-height:3rem;display:flex}.nameplate{color:var(--ink);text-decoration:none;display:inline-flex}.compact-mark{width:2.25rem;height:1.125rem;display:inline-flex}.compact-mark img{width:100%;height:100%;display:block}.site-header nav{align-items:center;gap:clamp(2.25rem,5.4vw,5rem);font-size:clamp(.8rem,.25vw + .72rem,.95rem);display:flex}.site-header nav a{text-decoration:none}.site-header nav a:hover{text-underline-offset:.22em;text-decoration:underline}.nav-placeholder{cursor:default}.site-main{flex-direction:column;min-height:calc(100svh - 8rem);display:flex}.hero{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;padding-top:clamp(2.5rem,3.4vw,3.25rem);padding-bottom:clamp(4.5rem,9vw,8.5rem);display:grid}.hero-identity{grid-column:1/span 4}.brand-symbol{align-items:center;gap:clamp(1.6rem,2.8vw,3rem);height:clamp(5.3rem,7.5vw,7rem);margin-bottom:1.65rem;display:flex}.dot-grid{width:clamp(5rem,6.5vw,6.25rem);height:clamp(5rem,6.5vw,6.25rem);display:block}.dot-grid svg,.orbit-mark img{width:100%;height:100%;display:block}.dot-grid circle{fill:#0000;stroke:var(--ink);transition:fill .56s ease-in-out}.dot-grid circle.is-filled{fill:var(--ink)}.orbit-mark{width:clamp(5.2rem,6.8vw,6.5rem);height:clamp(5.2rem,6.8vw,6.5rem);transform:rotate(calc(28deg + var(--orbit-rotation,0deg)));will-change:transform;transition:transform .16s ease-out;display:block}.hero h1{margin:0;font-size:clamp(1.85rem,2.35vw,2.35rem);font-weight:500;line-height:1}.hero-identity>p{color:var(--muted);margin:.45rem 0 0;font-size:clamp(.78rem,.25vw + .7rem,.9rem);line-height:1.4}.hero-intro{grid-column:6/span 6;max-width:42rem;margin:clamp(2.4rem,4vw,4.1rem) 0 0;font-size:clamp(1.05rem,1.3vw,1.3rem);line-height:1.45}.work{padding-bottom:1.5rem}.work>h2{text-transform:uppercase;margin:0 0 1.2rem;font-size:clamp(.78rem,.25vw + .7rem,.9rem);font-weight:400}.project-index{border-top:1px solid var(--line)}.project{border-bottom:1px solid var(--line)}.project-heading{margin:0}.project-trigger{width:100%;color:inherit;text-align:left;cursor:pointer;background-color:#0000;border:0;grid-template-columns:3rem minmax(13rem,1.8fr) minmax(6rem,.7fr) minmax(20rem,3.1fr);align-items:center;gap:1rem;padding:.95rem 0;font-weight:400;transition:background-color .22s ease-in-out;display:grid}.project-trigger:hover,.project-trigger:focus-visible{background-color:#10100f0b}.project-number,.project-company,.project-focus{font-size:clamp(.8rem,.28vw + .72rem,.95rem);line-height:1.4}.project-number,.project-company{color:var(--muted)}.project-title{font-size:clamp(1.15rem,1.55vw,1.55rem);font-weight:500;line-height:1.15}.project-panel-shell{background-color:var(--ink);visibility:hidden;grid-template-rows:0fr;transition:grid-template-rows .48s ease-in-out,visibility 0s linear .48s;display:grid}.project.is-open .project-panel-shell{visibility:visible;grid-template-rows:1fr;transition:grid-template-rows .48s ease-in-out,visibility}.project-panel-clip{min-height:0;overflow:hidden}.project-panel{color:var(--paper);opacity:0;grid-template-columns:minmax(0,13fr) minmax(17rem,7fr);gap:.65rem clamp(1.5rem,2.4vw,2.5rem);padding:1.5rem clamp(1rem,1.6vw,1.5rem) 1.4rem;transition:opacity .28s ease-in-out;display:grid}.project.is-open .project-panel{opacity:1;transition-delay:.1s}.project-visual{background:var(--ink);min-height:clamp(22rem,37vw,34rem);position:relative}.project-visual.has-image{isolation:isolate;background:0 0;border:1px solid #ffffff38;border-radius:.9rem;min-height:0;margin:0;overflow:hidden;box-shadow:0 1.25rem 3rem #0000004d,inset 0 1px #ffffff38,inset 0 -1px #ffffff14}.project-visual.has-image img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-visual.has-image .carousel-image{animation:.28s ease-in-out carousel-image-in}.project-visual.has-image:after{z-index:1;border-radius:inherit;content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26,#0000 16%),linear-gradient(315deg,#ffffff14,#0000 18%);position:absolute;inset:0;box-shadow:inset 0 0 1.5rem #ffffff0d}.carousel-controls{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090a0f94;border:1px solid #fff3;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute;top:.8rem;right:.8rem;box-shadow:0 .5rem 1.5rem #00000047}.carousel-controls button{width:2rem;height:2rem;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;transition:background-color .16s ease-in-out;display:grid}.carousel-controls button:hover,.carousel-controls button:focus-visible{background:#ffffff29}.carousel-controls span{text-align:center;min-width:2.8rem;font-size:.72rem}@keyframes carousel-image-in{0%{opacity:.35}to{opacity:1}}.project-copy{max-width:23rem;font-size:clamp(.92rem,1.05vw,1.08rem);line-height:1.45}.project-copy>p{margin:0 0 1.1rem}.project-products{flex-direction:column;align-items:flex-start;margin:1.6rem 0;display:flex}.product-link,.product-placeholder{text-underline-offset:.15em;text-decoration:underline}.product-link{color:inherit}.project-contribution{color:#f2f0e99e;font-size:.875em}.project-watermark{z-index:2;color:#ffffffb8;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#090a0f7a;border:1px solid #ffffff1f;border-radius:999px;width:fit-content;max-width:calc(100% - 2rem);margin:0 auto;padding:.35rem .65rem;font-size:clamp(.56rem,.14vw + .53rem,.66rem);line-height:1.35;position:absolute;bottom:.8rem;left:1rem;right:1rem}.site-footer{color:var(--muted);text-align:center;grid-template-columns:max-content;justify-content:center;align-items:end;margin-top:auto;padding-top:clamp(2.5rem,5vw,4.5rem);padding-bottom:1.6rem;font-size:clamp(.78rem,.25vw + .7rem,.9rem);display:grid}@media (width<=850px){.hero-identity{grid-column:1/span 5}.hero-intro{grid-column:6/-1}.project-trigger{grid-template-columns:2.5rem minmax(11rem,1.8fr) minmax(5rem,.8fr) minmax(14rem,2.5fr)}}@media (width<=680px){:root{--gutter:1rem}.site-header nav{gap:clamp(.75rem,3.6vw,1.4rem)}.hero{grid-template-columns:1fr;padding-top:2.5rem;padding-bottom:4.5rem}.hero-identity,.hero-intro{grid-column:1}.hero-intro{margin-top:2.8rem;font-size:1.08rem}.project-trigger{grid-template-columns:2.1rem 1fr auto;align-items:start;gap:.55rem .75rem;padding-block:1rem}.project-number{grid-area:1/1/span 3}.project-title{grid-column:2}.project-company{text-align:right;grid-column:3}.project-focus{grid-column:2/-1}.project-panel{grid-template-columns:1fr;gap:1.25rem;padding-top:.4rem;padding-left:2.85rem;padding-right:2.85rem}.project-visual{min-height:17rem}.project-visual.has-image{margin-inline:0}.project-copy{max-width:none;font-size:.98rem}.site-footer{padding-top:3.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}