@font-face{font-family:Inter;src:url(/fonts/inter-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-semibold.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/roboto-mono-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/roboto-mono-medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/roboto-mono-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-medium.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}:root{--paper:#f2eee8;--archive:#e8e4dc;--ink:#181614;--muted:#6b6861;--accent:#ae2035;--line:#a9a59b;--soft-line:#d4cfc5;--mono:"Roboto Mono", "Courier New", monospace;--hero-mono:"JetBrains Mono", "Roboto Mono", monospace;--sans:Inter, Arial, sans-serif;--page-gutter:clamp(20px, 4vw, 48px);--section-space:clamp(48px, 5vw, 72px);--case-section-space:clamp(56px, 6.12vw, 88px);--case-subsection-space:clamp(32px, 4vw, 48px);--prose-width:72ch}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--accent);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}[hidden]{display:none!important}.container{width:min(1280px, calc(100% - 2 * var(--page-gutter)));margin-inline:auto}.skip-link{background:var(--ink);color:var(--paper);z-index:10;padding:12px 20px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:16px}.site-header{border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;align-items:center;height:87px;display:flex}.brand{align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.brand img{width:50px;height:50px}.header-inner nav{font:500 13px / 1.5 var(--mono);align-items:center;gap:36px;display:flex}.header-inner nav a{transition:color .15s}.header-inner nav a:hover{color:var(--accent)}.hero{border-bottom:1px solid var(--line);padding-top:74px;padding-bottom:clamp(40px,4vw,56px)}.hero-eyebrow{font:400 12px / 20px var(--mono);color:#494640}.hero-eyebrow>span{color:var(--accent)}.hero h1{max-width:1160px;font:500 88px / 1.07 var(--hero-mono);letter-spacing:-4.4px;overflow-wrap:break-word;margin-top:35px}.hero-question{color:var(--accent)}.hero-question:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.hero-question-tooltip{z-index:20;border:1px solid var(--line);background:var(--paper);width:max-content;max-width:min(320px,100vw - 20px);color:var(--ink);opacity:.8;font:400 12px / 18px var(--mono);letter-spacing:0;overflow-wrap:anywhere;pointer-events:none;border-radius:4px;padding:8px 12px;position:fixed}.hero-details{border-top:1px solid var(--soft-line);color:var(--muted);justify-content:flex-end;align-items:flex-end;gap:32px;margin-top:clamp(32px,4vw,48px);padding-top:20px;display:flex}.current-work{font:400 15px / 24px var(--mono);white-space:nowrap;align-items:center;gap:10px;display:flex}.status-dot{background:var(--accent);border-radius:50%;flex:0 0 7px;width:7px;height:7px}.work-section{padding-top:clamp(40px,4.45vw,64px);padding-bottom:var(--section-space)}.section-heading{border-top:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:28px;padding-top:15px;display:flex}.section-title{align-items:baseline;gap:26px;min-width:0;display:flex}.section-number{font:500 12px / 20px var(--mono);color:var(--accent);text-transform:uppercase;letter-spacing:.25px;flex-shrink:0}.section-heading h2{letter-spacing:-3px;overflow-wrap:break-word;min-width:0;font-size:56px;font-weight:600;line-height:1.15}.all-work{font:500 11px / 20px var(--mono);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.all-work:hover{color:var(--accent)}.work-grid,.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.work-grid{gap:0 24px}.featured-card{grid-template-rows:subgrid;border-bottom:1px solid var(--line);grid-row:span 6;min-width:0;padding-bottom:24px;display:grid}.featured-cover-link{display:block}.project-thumbnail{--thumbnail-matte:.07;--thumbnail-lift:-4px;aspect-ratio:16/9;background:var(--paper);width:100%;transition:transform .24s;position:relative;overflow:hidden;container-type:inline-size}.project-thumbnail:after{content:"";z-index:1;background:var(--paper);opacity:var(--thumbnail-matte);pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.project-thumbnail-stage{position:absolute;inset:0}.project-thumbnail-image{object-fit:cover;object-position:var(--thumbnail-position,center);filter:saturate(.85)contrast(.97);width:100%;height:100%;transition:filter .24s}.project-thumbnail--contain .project-thumbnail-stage{padding:clamp(10px,3cqw,16px)}.project-thumbnail--contain .project-thumbnail-image{object-fit:contain}.project-thumbnail--selected{--thumbnail-matte:.025;--thumbnail-lift:-2px;background:var(--paper)}.project-thumbnail--selected .project-thumbnail-stage{padding:0}.project-thumbnail--selected .project-thumbnail-image{filter:saturate(.95)contrast(.99)}@media (hover:hover) and (pointer:fine){.project-thumbnail:hover,.archive-card-link:hover .project-thumbnail,.featured-card:hover .project-thumbnail{transform:translateY(var(--thumbnail-lift))}.project-thumbnail:hover:after,.archive-card-link:hover .project-thumbnail:after,.featured-card:hover .project-thumbnail:after{opacity:0}.project-thumbnail:hover .project-thumbnail-image,.archive-card-link:hover .project-thumbnail-image,.featured-card:hover .project-thumbnail-image{filter:saturate()contrast()}}a:focus-visible .project-thumbnail{transform:translateY(var(--thumbnail-lift))}a:focus-visible .project-thumbnail:after{opacity:0}a:focus-visible .project-thumbnail-image{filter:saturate()contrast()}.project-number{font:500 12px / 20px var(--mono);color:var(--accent);margin-top:16px;display:block}.featured-card h3{letter-spacing:-.035em;text-wrap:balance;align-self:start;margin-top:8px;margin-bottom:12px;font-size:clamp(26px,2.5vw,32px);font-weight:600;line-height:1.2}.featured-title-link:hover{color:var(--accent)}.featured-card>p{color:var(--muted);font-size:15px;line-height:24px}.project-links{font:700 12px / 20px var(--mono);text-transform:uppercase;flex-wrap:wrap;align-self:start;gap:8px 20px;margin-top:20px;display:flex}.project-links a:hover{color:var(--accent)}.pending-link{cursor:default}.project-art{flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:clamp(14px,5cqw,24px);display:flex}.art-eyebrow{font:500 clamp(9px, 2.8cqw, 12px) / 1.5 var(--mono);text-transform:uppercase}.art-caption{font:400 clamp(8px, 2.4cqw, 10px) / 1.6 var(--mono);text-transform:uppercase;letter-spacing:.25px}.study-art{color:#363530;background:#d8d4ca}.study-art .art-caption{color:#69665d}.study-sample{align-items:baseline;gap:12px;display:flex}.study-sample>span:first-child{color:var(--accent);letter-spacing:-.065em;font-family:Georgia,Times New Roman,serif;font-size:clamp(64px,30cqw,130px);line-height:1}.study-sample>span:last-child{font:500 clamp(11px, 3.5cqw, 16px) / 1.5 var(--mono)}.archive-section{padding-block:var(--section-space);background:var(--archive)}.archive-intro{max-width:350px;color:var(--muted);text-align:right;margin-bottom:5px;font-size:14px;line-height:22px}.archive-grid{row-gap:32px}.archive-card{min-width:0}.archive-card-link{background:#fbf9f5;border-radius:16px;flex-direction:column;height:100%;transition:transform .24s;display:flex;overflow:hidden;box-shadow:0 8px 24px #30271c08}.archive-card .project-thumbnail{--thumbnail-lift:0px;background:#fbf9f5;border-radius:16px;flex-shrink:0}.archive-card .project-thumbnail-stage{padding:0}.archive-card-body{flex-direction:column;flex:1;padding:20px 20px 22px;display:flex}.archive-card h3{letter-spacing:-.8px;font-size:23px;font-weight:700;line-height:1.22}.archive-card p{color:#66645f;margin-top:10px;margin-bottom:22px;font-size:14px;line-height:1.6}.archive-card-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:auto;display:flex}.archive-view{font:500 10px / 18px var(--mono);color:#217880;text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.archive-view>span{font:400 19px / 18px var(--sans)}@media (hover:hover) and (pointer:fine){.archive-card-link:hover{transform:translateY(-2px)}}.archive-card-link:focus-visible{outline-color:#217880}.project-detail{max-width:1200px;padding-block:48px 96px}.project-back{font:500 12px / 20px var(--mono);color:var(--muted)}.project-back:hover{color:var(--accent)}.project-heading{margin-block:48px 36px}.project-heading h1{max-width:1100px;font:500 clamp(36px, 5.5vw, 76px) / 1.1 var(--hero-mono);letter-spacing:-.045em;overflow-wrap:break-word;margin-top:20px}.project-description{max-width:780px;color:var(--muted);margin-top:24px;font-size:18px;line-height:28px}.project-cover{width:100%;height:auto}.project-videos{margin-top:64px}.project-videos .video-player{aspect-ratio:16/9;height:auto}.project-videos .video-preview[data-video-id=N0Hb_P9bqCs] .video-thumbnail{object-fit:contain;width:100%}.project-video-links{font:400 13px / 22px var(--mono);color:var(--muted);gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.project-video-links a:hover{color:var(--accent)}.project-return{margin-top:56px;display:inline-block}.video-player{--video-control-surface:color-mix(in srgb, var(--ink) 64%, transparent);--video-control-surface-active:color-mix(in srgb, var(--ink) 82%, transparent);--video-control-foreground:var(--paper);background:#151515;height:250px;position:relative}.video-player--featured{height:330px}.video-stage,.video-panel{width:100%;height:100%}.video-panel{position:relative}.video-preview{color:#fff;cursor:pointer;text-align:left;background:#151515;border:0;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.video-thumbnail{object-fit:contain;width:100%;height:100%}.video-preview[data-video-id=N0Hb_P9bqCs]{background:#626c6c}.video-preview[data-video-id=N0Hb_P9bqCs] .video-thumbnail{object-fit:cover;width:42%;margin-inline:auto}.video-topline{background:linear-gradient(#000a,#0000);align-items:center;gap:11px;padding:14px 16px 35px;display:flex;position:absolute;top:0;left:0;right:0}.video-avatar{color:#535c56;letter-spacing:-.5px;background:#e7e3d9;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:11px;font-weight:600;display:grid}.video-avatar--vive{color:#4baec8;letter-spacing:1px;background:#fff;font-size:10px}.video-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.video-avatar--vive svg{width:26px;height:30px}.video-caption{flex-direction:column;gap:2px;min-width:0;font-family:Arial,sans-serif;display:flex}.video-caption strong{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.4px;font-size:17px;line-height:20px;display:block;overflow:hidden}.video-caption>span{font-size:12px;line-height:16px}.video-play{background:var(--video-control-surface);width:64px;height:48px;color:var(--video-control-foreground);border:1px solid #0000;border-radius:6px;place-items:center;transition:background-color .15s,color .15s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-play svg{fill:currentColor;stroke:none;width:28px;height:28px}.video-preview:is(:hover,:focus-visible,:active) .video-play{background:var(--video-control-surface-active)}.video-youtube{background:var(--video-control-surface);width:max-content;max-width:calc(100% - 24px);min-height:44px;color:var(--video-control-foreground);border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-family:Arial,sans-serif;font-size:14px;line-height:20px;transition:background-color .15s;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.video-player .video-youtube:is(:hover,:focus-visible,:active){background:var(--video-control-surface-active);color:var(--video-control-foreground)}.video-player iframe{border:0;width:100%;height:100%;display:block}.video-switcher{z-index:1;background:#171717c9;gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px}.video-switcher button{color:#fff;cursor:pointer;width:32px;height:27px;font:500 10px / 1 var(--mono);background:#191918;border:1px solid #77756e;padding:0}.video-switcher button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.video-switcher button:hover{border-color:#fff}.about-section{padding-block:var(--section-space)}.about-grid{grid-template-columns:minmax(0,1fr) 600px;gap:80px;margin-top:36px;padding-right:64px;display:grid}.about-grid h2{letter-spacing:-4.8px;font-size:80px;font-weight:600;line-height:1.02}.about-copy{padding-top:3px}.about-copy>p{color:var(--muted);font-size:18px;line-height:28px}.about-copy>p+p{margin-top:20px}.about-copy>.about-introduction{color:var(--ink);margin-bottom:26px;font-size:21px;line-height:28px}.about-introduction strong{color:var(--accent);font-weight:700}.signature{border-top:1px solid var(--line);justify-content:flex-end;align-items:flex-end;gap:20px;margin-top:40px;padding-top:28px;display:flex}.signature img{order:2;width:150px;height:150px}@media (width>=901px) and (width<=1399px){.hero h1{letter-spacing:-.05em;font-size:clamp(60px,6.3vw,88px)}.hero-details{align-items:flex-start}.current-work{font-size:12px}.video-player--featured{height:290px}.about-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:60px;padding-right:0}.about-copy{max-width:600px}.about-grid h2{font-size:68px}}@media (width>=640px) and (width<=1199px){.work-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-card:nth-child(n+3){margin-top:40px}}@media (width<=900px){.header-inner nav{gap:18px}.hero{padding-top:48px}.hero h1{letter-spacing:-.045em;font-size:clamp(36px,7vw,64px)}.hero-details{flex-wrap:wrap;justify-content:flex-start}.current-work{white-space:normal;font-size:12px}.section-heading{flex-wrap:wrap;align-items:flex-start}.section-heading h2{font-size:40px}.section-title{gap:16px}.featured-card>p,.archive-card p{font-size:16px;line-height:26px}.archive-intro{text-align:left}.about-grid{grid-template-columns:1fr;gap:40px;padding-right:0}.about-grid h2{letter-spacing:-.05em;font-size:clamp(46px,8vw,72px)}}@media (width<=639px){.header-inner{flex-wrap:wrap;gap:12px 24px;height:auto;min-height:87px;padding-block:16px}.header-inner nav{flex-wrap:wrap;gap:8px 18px}.work-grid,.archive-grid{grid-template-columns:1fr;gap:40px}.featured-card{grid-row:auto;grid-template-rows:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-thumbnail,.archive-card-link{transition:none;transform:none!important}.project-thumbnail:after,.project-thumbnail-image,.video-play,.video-youtube{transition:none}}