@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] :before,html[data-motion=off] :after{transition:none!important;animation:none!important}body,h1,h2,h3,p,figure,blockquote,dl,dd{margin:0}img,video{max-width:100%;display:block}button,select,input,textarea{font:inherit}}@layer tokens{:root{--font-sans:Arial, Helvetica, sans-serif;--font-display:var(--font-sans);--step--1:clamp(.75rem, .72rem + .12vw, .875rem);--step-0:clamp(1rem, .95rem + .2vw, 1.125rem);--step-1:clamp(1.3rem, 1.1rem + .8vw, 2rem);--step-2:clamp(2rem, 1.4rem + 2.4vw, 4.5rem);--step-3:clamp(3rem, 1.5rem + 6vw, 9rem);--line-tight:.94;--line-body:1.55;--tracking-tight:-.045em;--tracking-wide:.1em;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2.5rem;--space-5:4rem;--space-6:clamp(5rem, 10vw, 10rem);--page-margin:clamp(1rem, 3vw, 3.5rem);--content-max:112rem;--text-max:42rem;--grid-gap:clamp(1rem, 2vw, 2.5rem);--page-rhythm:var(--space-6);--project-grid-columns:repeat(2, minmax(0, 1fr));--card-aspect:4 / 3;--card-fit:cover;--radius:0;--border-width:1px;--duration-fast:.18s;--duration-normal:.42s;--ease:cubic-bezier(.22, 1, .36, 1);--bg:#f4f3ef;--fg:#171717;--muted:#686868;--line:#c8c7c2;--accent:#171717}[data-preset=b]{--font-display:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;--step-3:clamp(4rem, 3rem + 8vw, 13rem);--tracking-tight:-.025em;--page-margin:clamp(.75rem, 1.5vw, 2rem);--content-max:140rem;--grid-gap:clamp(.75rem, 1.2vw, 1.75rem);--page-rhythm:clamp(3.5rem, 7vw, 7rem);--project-grid-columns:repeat(3, minmax(0, 1fr));--card-aspect:1 / 1;--bg:#f1f0e9;--fg:#111;--muted:#484848}[data-preset=c]{--font-display:Georgia, "Times New Roman", serif;--step-3:clamp(3rem, 2rem + 5vw, 8rem);--line-tight:1.02;--content-max:96rem;--page-margin:clamp(1.25rem, 5vw, 6rem);--grid-gap:clamp(1.5rem, 3vw, 4rem);--page-rhythm:clamp(6rem, 12vw, 12rem);--project-grid-columns:minmax(0, 2fr) minmax(0, 1fr);--card-aspect:16 / 10;--card-fit:contain;--bg:#f7f4ee;--fg:#1f1b17;--muted:#716960}}@layer base{body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--line-body)}h1,h2,h3{font-family:var(--font-display);letter-spacing:var(--tracking-tight);font-weight:500;line-height:var(--line-tight);text-wrap:balance}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h3{font-size:var(--step-1)}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}button,select{border:var(--border-width) solid var(--line);border-radius:var(--radius);color:inherit;background:0 0;padding:.6em .8em}button{cursor:pointer}button:hover,button[aria-pressed=true]{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--fg);color:var(--bg);left:var(--space-2);padding:var(--space-1) var(--space-2);z-index:100;position:fixed;top:-5rem}.skip-link:focus{top:var(--space-2)}.eyebrow{font-size:var(--step--1);letter-spacing:var(--tracking-wide);text-transform:uppercase}code{font-size:.9em}}@layer layout{.page-shell{max-width:var(--content-max);padding-inline:var(--page-margin);margin-inline:auto}.page-top{min-height:70vh;padding-block:clamp(5rem, 12vw, 11rem) var(--page-rhythm)}.section-space{padding-block:var(--page-rhythm)}.site-header{font-size:var(--step--1);padding:var(--space-2) var(--page-margin);z-index:10;justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}body:has(.project-site-header)>.root-site-header{display:none}.site-mark{font-weight:700;text-decoration:none}.site-header nav{gap:clamp(.8rem,2vw,2rem);display:flex}.site-header nav a{text-decoration:none}.site-footer{border-top:var(--border-width) solid var(--line);font-size:var(--step--1);margin-top:var(--page-rhythm);padding:var(--space-3) var(--page-margin);justify-content:space-between;display:flex}.site-footer div{gap:var(--space-2);flex-wrap:wrap;display:flex}.section-heading{margin-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.section-heading a{font-size:var(--step--1)}.project-grid{gap:var(--grid-gap);grid-template-columns:var(--project-grid-columns);display:grid}.home-intro{min-height:min(90vh,70rem);padding-bottom:var(--space-5);flex-direction:column;justify-content:flex-end;padding-top:8rem;display:flex}.home-intro h1{max-width:15ch}.home-intro>p:last-child{margin-top:var(--space-4)}.home-links{grid-template-columns:1fr 1fr;display:grid}.home-links a{border-top:var(--border-width) solid var(--line);padding:var(--space-3) 0;justify-content:space-between;text-decoration:none;display:flex}.home-links a+a{margin-left:var(--space-4)}.about-layout{gap:var(--grid-gap);grid-template-columns:1fr 1fr;display:grid}.about-layout .prose{padding-top:4rem}.contact-layout h1{margin-block:var(--space-3) var(--space-5);max-width:15ch}}@layer components{.project-card a{text-decoration:none;display:block}.project-card figure{aspect-ratio:var(--card-aspect);background:var(--line);overflow:hidden}.project-card img{object-fit:var(--card-fit);width:100%;height:100%}[data-motion=on] .project-card img{transition:transform var(--duration-normal) var(--ease)}[data-motion=on] .project-card a:hover img{transform:scale(1.015)}.project-card__meta{padding-top:var(--space-2);justify-content:space-between;align-items:baseline;display:flex}.project-card__title{font-family:var(--font-sans);font-size:var(--step-0);letter-spacing:0;font-weight:600}.project-card__meta p{color:var(--muted);font-size:var(--step--1)}.project-index ol{margin:0;padding:0;list-style:none}.project-index li{border-top:var(--border-width) solid var(--line)}.project-index li:last-child{border-bottom:var(--border-width) solid var(--line)}.project-index li a{gap:var(--space-2);padding:var(--space-2) 0;grid-template-columns:2fr 1fr auto;text-decoration:none;display:grid}.project-tools{margin-block:var(--space-5) var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}.filter-list{gap:var(--space-1);flex-wrap:wrap;max-width:70rem;display:flex}.case-study{--accent:var(--project-accent,var(--project-fg,var(--fg)));--muted:var(--project-muted,color-mix(in srgb, var(--project-fg,var(--fg)) 65%, var(--project-bg,var(--bg))));background:var(--project-bg,var(--bg));color:var(--project-fg,var(--fg));position:relative}.case-header{min-height:80vh}.case-header h1{margin-block:var(--space-2)}.case-subtitle{color:var(--muted);font-size:var(--step-1)}.case-summary{font-size:var(--step-1);margin-left:auto;margin-top:var(--space-5);max-width:35em}.draft-notice,.template-note{font-size:var(--step--1);margin-top:var(--space-3);max-width:50rem;padding-left:var(--space-2);border-left:2px solid}.block{margin-block:var(--page-rhythm)}.block--text,.prose,.media--normal{max-width:var(--text-max);padding-inline:var(--page-margin);margin-inline:auto}.prose--medium{max-width:58rem}.prose--wide,.media--wide{max-width:var(--content-max);padding-inline:var(--page-margin);margin-inline:auto}.prose p+p,.prose h2,.prose ul{margin-top:1.2em}.prose li+li{margin-top:.4em}figure img{width:100%;height:auto}figcaption{color:var(--muted);font-size:var(--step--1);padding-top:var(--space-1)}.media-grid,.split,.gallery,.info-grid,.quote,.video{max-width:var(--content-max);padding-inline:var(--page-margin);margin-inline:auto}.video video{width:100%;height:auto}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.media-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap--none{gap:0}.gap--small{gap:var(--space-1)}.gap--normal{gap:var(--grid-gap)}.split{align-items:center;gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.split>div{max-width:var(--text-max)}.split--right figure{order:2}.gallery{columns:2;column-gap:var(--grid-gap)}.gallery figure{break-inside:avoid;margin-bottom:var(--grid-gap)}.horizontal{gap:var(--grid-gap);margin-left:var(--page-margin);max-width:none;padding-bottom:var(--space-2);padding-right:var(--page-margin);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.horizontal figure{scroll-snap-align:start;flex:0 0 min(72vw,70rem)}.full-bleed,.media--full{max-width:none;margin-inline:0}.hero img{object-fit:cover}.hero--viewport img{height:100svh}.hero--large img{max-height:85rem}.hero--medium{max-width:var(--content-max);padding-inline:var(--page-margin);margin-inline:auto}.info-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));display:grid}.info-grid div{border-top:var(--border-width) solid currentColor;padding-top:var(--space-1)}.info-grid dt{font-size:var(--step--1);text-transform:uppercase}.info-grid dd{margin-top:var(--space-1)}.quote{font-family:var(--font-display);font-size:var(--step-2);line-height:1.1}.quote cite{font-family:var(--font-sans);font-size:var(--step--1);margin-top:var(--space-2);font-style:normal;display:block}.divider{border:0;border-top:var(--border-width) solid currentColor;margin-inline:var(--page-margin)}.spacer--small{height:var(--space-3)}.spacer--medium{height:var(--space-5)}.spacer--large{height:var(--page-rhythm)}.section{padding-block:var(--space-2);margin-block:0}.section--muted{background:color-mix(in srgb, currentColor 7%, transparent)}.section--contrast{--muted:color-mix(in srgb, var(--project-bg,var(--bg)) 65%, var(--project-fg,var(--fg)));background:var(--project-fg,var(--fg));color:var(--project-bg,var(--bg))}.case-footer{border-top:var(--border-width) solid currentColor;gap:var(--grid-gap);padding-block:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.case-footer dl div{grid-template-columns:1fr 2fr;display:grid}.case-footer dt{color:var(--muted)}.case-links{flex-direction:column;display:flex}.contact-email{font-size:var(--step-1);overflow-wrap:anywhere}.playground-controls{border-block:var(--border-width) solid var(--line);margin-block:var(--space-4);padding-block:var(--space-2);justify-content:space-between;align-items:center;display:flex}.experiment-grid{gap:var(--grid-gap);grid-template-columns:repeat(2,1fr);display:grid}.experiment{border:var(--border-width) solid var(--line);min-height:18rem;padding:var(--space-2);position:relative;overflow:hidden}.experiment h2{font-family:var(--font-sans);font-size:var(--step-1);letter-spacing:0}.experiment-shape{background:var(--fg);bottom:var(--space-2);height:35%;right:var(--space-2);width:35%;position:absolute}}@layer motion{[data-motion=on] .motion-enabled .experiment-shape{transition:transform var(--duration-normal) var(--ease), clip-path var(--duration-normal) var(--ease), box-shadow var(--duration-normal) var(--ease), border-radius var(--duration-fast) var(--ease), opacity var(--duration-fast) linear}[data-motion=on] .motion-enabled .play-page:after{background:color-mix(in srgb, var(--fg) 18%, transparent);content:"";transition:transform var(--duration-normal) var(--ease);position:absolute;inset:0;transform:translate(-102%)}[data-motion=on] .motion-enabled .play-page:hover:after,[data-motion=on] .motion-enabled .play-page:focus:after{transform:translate(0)}[data-motion=on] .motion-enabled .play-image .experiment-shape{clip-path:inset(100% 0 0)}[data-motion=on] .motion-enabled .play-image:hover .experiment-shape,[data-motion=on] .motion-enabled .play-image:focus .experiment-shape{clip-path:inset(0)}[data-motion=on] .motion-enabled .play-text h2{transition:letter-spacing var(--duration-normal) var(--ease)}[data-motion=on] .motion-enabled .play-text:hover h2,[data-motion=on] .motion-enabled .play-text:focus h2{letter-spacing:.08em}[data-motion=on] .motion-enabled .play-hover:hover .experiment-shape,[data-motion=on] .motion-enabled .play-hover:focus .experiment-shape{transform:translate(-30%,-40%)rotate(8deg)}[data-motion=on] .motion-enabled .play-cursor{cursor:crosshair}[data-motion=on] .motion-enabled .play-cursor .experiment-shape{height:24%;bottom:auto;left:var(--cursor-x,65%);right:auto;top:var(--cursor-y,65%);transition:left var(--duration-fast) linear, top var(--duration-fast) linear, border-radius var(--duration-fast) var(--ease);border-radius:50%;width:24%;transform:translate(-50%,-50%)}[data-motion=on] .motion-enabled .play-scroll .experiment-shape{animation:linear both play-scroll;animation-timeline:view();animation-range:entry cover 55%}[data-motion=on] .motion-enabled .play-parallax .experiment-shape{transform:translateY(25%)}[data-motion=on] .motion-enabled .play-parallax:hover .experiment-shape,[data-motion=on] .motion-enabled .play-parallax:focus .experiment-shape{transform:translateY(-25%)}[data-motion=on] .motion-enabled .play-card .experiment-shape{bottom:var(--space-4);left:var(--space-2);right:var(--space-2);transform-origin:50%;width:auto}[data-motion=on] .motion-enabled .play-card:hover .experiment-shape,[data-motion=on] .motion-enabled .play-card:focus .experiment-shape{border-radius:var(--space-2);transform:scale(.94)translateY(-12%)}[data-motion=on] .motion-enabled .play-nav h2{position:relative}[data-motion=on] .motion-enabled .play-nav h2:after{content:"";height:var(--border-width);transform-origin:0;transition:transform var(--duration-fast) var(--ease);background:currentColor;width:100%;position:absolute;bottom:-.25em;left:0;transform:scaleX(0)}[data-motion=on] .motion-enabled .play-nav:hover h2:after,[data-motion=on] .motion-enabled .play-nav:focus h2:after{transform:scaleX(1)}[data-motion=on] .motion-enabled .play-gallery .experiment-shape{box-shadow:-2rem 2rem 0 color-mix(in srgb, var(--fg) 45%, transparent), -4rem 4rem 0 color-mix(in srgb, var(--fg) 20%, transparent)}[data-motion=on] .motion-enabled .play-gallery:hover .experiment-shape,[data-motion=on] .motion-enabled .play-gallery:focus .experiment-shape{transform:rotate(-6deg)translate(-12%,-12%)}@keyframes play-scroll{0%{opacity:.2;transform:translateY(70%)}to{opacity:1;transform:translateY(-35%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-motion=on] .project-card a:hover img{transform:none}[data-motion=on] .motion-enabled .play-scroll .experiment-shape{opacity:1;transform:none;animation:none!important}}}@media (min-width:761px) and (max-width:1024px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){:root{--line-body:1.48}.site-header{align-items:flex-start}.site-header nav{text-align:right;flex-direction:column;gap:.15rem}.site-footer,.project-tools,.playground-controls{align-items:flex-start;gap:var(--space-2);flex-direction:column}.project-grid,.home-links,.about-layout,.experiment-grid{grid-template-columns:1fr}.home-links a+a{margin-left:0}.project-index li a{grid-template-columns:1fr auto}.project-index li a span:nth-child(2){display:none}.project-card__meta{flex-direction:column;align-items:flex-start}.case-summary{margin-left:0}.media-grid,.media-grid--3,.split,.info-grid,.case-footer{grid-template-columns:1fr}.split--right figure{order:initial}.gallery{columns:1}.horizontal figure{flex-basis:88vw}.about-layout .prose{padding-top:0}.case-header{min-height:70svh}}