*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#181818;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #315ed4;outline-offset:6px}header,main,footer{width:min(1440px,calc(100% - 112px));margin:auto}header{height:136px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:26px;font-weight:700;letter-spacing:-1.2px}.dot{padding-left:1px}nav{display:flex;gap:34px;align-items:center;font-size:15px}header nav a{padding:8px 0}header nav a[aria-current]{border-bottom:1px solid #181818}.social{margin-left:20px}.social,.social-icon{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.social svg,.social-icon svg{display:block}.intro{padding:63px 0 68px}.intro h1{font-size:clamp(36px,4.7vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 20px}.intro p{font-size:clamp(18px,1.8vw,25px);color:#737373;margin:0;letter-spacing:-.02em}.film{aspect-ratio:16/9;background:#f3f3f3;width:100%;position:relative}.film iframe{width:100%;height:100%;border:0;display:block}.reel{margin-bottom:88px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:54px 28px}.thumbnail{overflow:hidden;background:#f5f5f5;aspect-ratio:16/9}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project:hover img{transform:scale(1.025)}.project h2{font-weight:400;font-size:18px;margin:18px 0 0;display:flex;justify-content:space-between;line-height:1.4}.project h2 span{font-size:21px;color:#888}.project:hover h2 span{color:#181818}footer{margin-top:120px;border-top:1px solid #e8e8e8;padding:36px 0 44px;display:flex;justify-content:space-between;font-size:14px;color:#777}.project-heading{padding:36px 0 52px}.back{font-size:14px;color:#777}.project-heading h1{font-size:clamp(38px,5vw,72px);font-weight:400;letter-spacing:-.05em;margin:30px 0 0;line-height:1.08}.project-description{max-width:780px;margin-top:30px;text-align:left}.project-description .copy p:last-child{margin-bottom:0}.project-content{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:0}.project-content .copy{grid-column:1/-1;max-width:780px;margin:15px 0 40px}.copy p{font-size:18px;line-height:1.7;margin:0 0 22px;color:#505050}.copy a{text-decoration:underline;text-underline-offset:4px}.project-content .film{grid-column:1/-1;margin-bottom:24px}figure{margin:0}figure img{width:100%;height:auto;display:block}video{width:100%;height:auto;display:block}.project-navigation{margin-top:72px;padding-top:30px;border-top:1px solid #e8e8e8;justify-content:space-between;gap:30px;font-size:18px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:54px 0}.portrait img{width:100%;height:auto;position:sticky;top:40px}.copy h4{font-size:48px;letter-spacing:-.045em;font-weight:400;margin:0 0 28px}.skip{position:absolute;top:-60px;padding:12px;background:white}.skip:focus{top:0}@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{height:96px}.wordmark{font-size:22px}nav{gap:20px;font-size:14px}.social{margin-left:0}header nav{gap:12px}.intro{padding:36px 0 40px}.intro h1{max-width:340px}.intro p{font-size:18px}.reel{margin-bottom:44px}.projects{grid-template-columns:1fr;gap:34px}.project h2{font-size:17px;margin-top:13px}footer{margin-top:70px;padding:28px 0}.project-heading{padding:24px 0 35px}.project-heading h1{margin-top:25px}.project-content{gap:16px;margin-top:0}.project-content .copy{margin:12px 0 18px}.copy p{font-size:16px;line-height:1.7}.project-navigation{font-size:15px;margin-top:42px;align-items:flex-start}.project-navigation a{max-width:46%}.project-navigation a:last-child{text-align:right}.contact{grid-template-columns:1fr;gap:36px;padding:25px 0}.portrait img{max-height:460px;object-fit:contain}.copy h4{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.thumbnail img{transition:none}}

.play-empty{min-height:30vh;border-top:1px solid #e8e8e8;padding:32px 0;color:#777;font-size:16px}.play-empty p{margin:0}@media(max-width:480px){header{height:auto;min-height:110px;flex-wrap:wrap;gap:10px;padding:20px 0}header nav{width:100%;gap:24px}header nav .social{margin-left:auto}.play-intro{padding-top:30px}}
.info-page{max-width:780px;min-height:30vh}.info-page h2{font-size:24px;font-weight:400;letter-spacing:-.025em;margin:32px 0 16px}