:root{font-family:Arial,Helvetica,sans-serif;color:#242321;background:#faf9f6;font-synthesis:none;--paper:#faf9f6;--ink:#242321;--muted:#6b6862;--line:#d9d6cf;--accent:#a53926}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:hover,button:hover{color:var(--accent)}img{display:block;max-width:100%;object-fit:cover}h1,h2,p{margin:0}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,p,a{overflow-wrap:anywhere}.site{max-width:1440px;margin:auto;padding:0 5%}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:105px;border-bottom:1px solid var(--line)}.wordmark{font-size:14px;letter-spacing:-.04em;font-weight:700}.site-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.site-header nav a{min-height:44px;display:flex;align-items:center;gap:8px}.site-header [aria-current=page]{text-decoration:underline;text-underline-offset:6px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:9%;align-items:end;padding:65px 0 70px}.section-eyebrow{font-size:11px;letter-spacing:.09em;color:var(--muted);display:block;text-transform:uppercase;line-height:1.5}.name-heading{font-size:clamp(74px,11.3vw,170px);font-weight:700;line-height:.83;letter-spacing:-.075em;margin:25px 0 0}.name-heading span{display:block}.hero-role{font-size:22px;line-height:1.35;letter-spacing:-.035em;max-width:320px}.hero-intro{font-size:14px;line-height:1.65;color:var(--muted);max-width:350px;margin:15px 0}.hero-portrait{width:98px;height:98px;border-radius:50%;object-position:center 25%;background:#e9e7e1;margin:0 0 24px}.text-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:12px;padding:0}.section-label{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-top:1px solid var(--line);font-size:11px;letter-spacing:.05em;color:var(--muted)}.filters{display:flex;gap:27px;flex-wrap:wrap;margin:0 0 24px}.filters button{min-height:44px;padding:0;font-size:12px;color:var(--muted)}.filters [aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:34px 28px}.project-card:first-child{grid-column:1/-1}.project-picture{position:relative;overflow:hidden;background:#e9e7e1}.project-picture>img:first-child{width:100%;aspect-ratio:16/10;transition:transform .25s}.project-card:first-child .project-picture>img:first-child{aspect-ratio:1.9}.project-card:hover .project-picture>img:first-child{transform:scale(1.015)}.project-picture .brand-avatar{position:absolute;left:20px;bottom:20px;width:64px;height:64px;border-radius:50%;border:3px solid var(--paper);background:var(--paper);aspect-ratio:1}.project-caption{display:flex;justify-content:space-between;gap:16px;padding:16px 0 0;align-items:flex-start}.project-caption svg{flex-shrink:0}.project-caption h2{font-size:23px;font-weight:500;letter-spacing:-.04em}.project-caption p{font-size:12px;color:var(--muted);margin-top:7px}.empty-work{font-size:15px;color:var(--muted);line-height:1.7;padding:24px 0 50px;max-width:450px}.contact{border-top:1px solid var(--line);margin-top:70px;padding:34px 0 40px}.contact>div{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:24px 0}.contact h2{font-size:clamp(44px,7vw,95px);font-weight:500;line-height:.95;letter-spacing:-.06em}.contact-email{font-size:16px;display:inline-flex;gap:18px;min-height:44px;align-items:center;border-bottom:1px solid var(--ink);padding:0 0 8px}.contact-email svg{flex-shrink:0}.social-links{display:flex;gap:27px;font-size:12px}.social-links a{display:flex;min-height:44px;align-items:center}.site-footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);padding:25px 0 30px}.work-heading{font-size:clamp(46px,8vw,100px);letter-spacing:-.065em;line-height:1;font-weight:500;padding:55px 0 40px}.back{margin-top:28px}.detail{padding-top:22px}.detail h1,.about h1,.not-found h1{font-size:clamp(40px,7vw,90px);font-weight:500;line-height:1;letter-spacing:-.065em}.detail-title{display:flex;align-items:center;gap:24px;margin:20px 0}.detail-brand{width:75px;height:75px;border-radius:50%;flex-shrink:0}.detail-summary{font-size:18px;line-height:1.6;color:var(--muted);max-width:800px;margin:20px 0}.detail-cover{width:100%;max-height:760px;margin:24px 0;aspect-ratio:16/9}.contribution{display:grid;grid-template-columns:1fr 2fr;gap:60px;border-top:1px solid var(--line);padding-top:28px;margin:35px 0}.contribution>div>p:not(.prose){font-size:14px;line-height:1.6;margin:10px 0 26px}.prose{font-size:15px;line-height:1.8;white-space:pre-line;color:var(--muted)}.media-view{display:flex;gap:18px;flex-wrap:wrap;align-items:center;margin-top:14px}.media-view iframe{width:100%;border:0;aspect-ratio:16/9}.stills{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:22px}.stills:empty{display:none}.stills figure{margin:0}.stills button{padding:0;width:100%}.stills img{width:100%;aspect-ratio:16/10}.stills figcaption{font-size:12px;color:var(--muted);padding:10px 0;line-height:1.5}.social-video{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:30px 0;border-bottom:1px solid var(--line)}.social-video>.stills{grid-column:1/-1}.social-video>div>img{width:100%;aspect-ratio:16/10}.social-video h2{font-size:29px;font-weight:500;letter-spacing:-.04em;margin:12px 0}.social-video small{font-size:11px;color:var(--muted)}.social-video p{margin-top:16px}.video-selection{margin-top:50px}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:60px 0}.about h1{margin:25px 0}.about .prose{max-width:550px}.about>img{width:100%;aspect-ratio:4/5;background:#e9e7e1;object-position:center}.about-role{font-size:17px;margin-top:25px;line-height:1.5}.not-found{padding:70px 0}.not-found a{margin-top:25px}.status-page{max-width:800px;margin:10% auto;padding:30px}.status-page h1{font-size:40px;letter-spacing:-.05em;font-weight:500}.status-page p{margin-top:20px;color:var(--muted);line-height:1.6}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#161615f5;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px}.lightbox button{color:#fff;display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:20px}.lightbox img{max-height:80vh;object-fit:contain}.skip-link{position:fixed;top:8px;left:8px;background:var(--paper);padding:12px;transform:translateY(-200%);z-index:100}.skip-link:focus{transform:none}@media(max-width:700px){.site{padding:0 22px}.site-header{min-height:78px}.site-header nav{gap:20px}.site-header nav a:last-child{display:none}.wordmark{font-size:12px}.hero{grid-template-columns:1fr;gap:26px;padding:35px 0 36px}.name-heading{font-size:clamp(68px,17.5vw,122px);margin-top:20px}.hero-side{display:grid;grid-template-columns:1fr 64px;gap:0 20px}.hero-portrait{width:64px;height:64px;grid-column:2;grid-row:1/4;margin:0}.hero-role{font-size:17px;max-width:270px}.hero-intro{font-size:13px;max-width:320px}.filters{gap:19px;margin-bottom:19px}.projects{grid-template-columns:1fr;gap:28px}.project-card:first-child .project-picture>img:first-child,.project-picture>img:first-child{aspect-ratio:1.6}.project-caption h2{font-size:19px}.project-caption p{font-size:11px}.contact{margin-top:42px;padding-top:28px}.contact>div{display:block;margin-top:18px}.contact-email{font-size:14px;margin-top:23px}.site-footer{flex-direction:column;gap:8px}.work-heading{padding:38px 0 28px}.contribution{grid-template-columns:1fr;gap:0;margin:24px 0}.contribution>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.contribution>div:first-child p{grid-row:2;margin:0 0 20px}.social-video{grid-template-columns:1fr;gap:20px}.social-video>.stills{grid-column:auto}.about{grid-template-columns:1fr;padding:38px 0;gap:30px}.about>img{aspect-ratio:4/3;object-position:center 30%}.detail-title{gap:15px}.detail-brand{width:54px;height:54px}.detail-summary{font-size:15px}.stills{grid-template-columns:1fr 1fr;gap:12px}.status-page h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.project-picture>img:first-child{transition:none}.project-card:hover .project-picture>img:first-child{transform:none}}.lightbox{width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0}.lightbox:not([open]){display:none}.lightbox::backdrop{background:#161615e8}
