:root{--bg:#fff;--text:#000;--muted:#a3a3a3;--font:"Times New Roman", Times, serif;--gutter:34px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.3}a{color:inherit;text-decoration:none}a:hover{font-style:italic}img{max-width:100%;display:block}.site{min-height:100vh;padding:var(--gutter);padding-bottom:140px;position:relative}.page{animation:.4s both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.nav{flex-wrap:wrap;justify-content:center;gap:90px;margin-bottom:110px;display:flex}.nav a.active{font-style:italic}.nav--vertical{z-index:5;top:var(--gutter);left:var(--gutter);flex-direction:column;gap:22px;margin:0;position:absolute}.site--home .page{min-height:calc(100vh - var(--gutter) - 140px);flex-direction:column;display:flex}.intro{max-width:980px;margin-left:30%}.intro p{margin:0}.intro-bio{color:var(--muted)}.clients{margin-top:auto;padding-top:200px;line-height:68px}.clients-intro{margin-right:12px}.client{vertical-align:middle;white-space:nowrap;align-items:center;gap:10px;min-height:42px;margin-right:8px;display:inline-flex}.client-thumb{width:auto;height:42px;transition:transform .3s}.client-thumb:hover{z-index:2;position:relative;transform:scale(2.4)}.projects{grid-template-columns:repeat(3,1fr);gap:120px 40px;display:grid}.project{flex-direction:column;align-items:center;margin:0;display:flex}.project:nth-child(3n+1){align-items:flex-start}.project:nth-child(3n){align-items:flex-end}.project-media{aspect-ratio:4/5;object-fit:cover;width:190px;display:block}.project-video{cursor:pointer;background:0 0;border:0;padding:0;position:relative}.project-video video{object-fit:cover;width:100%;height:100%;display:block}.project-play{color:#fff;font:inherit;justify-content:center;align-items:center;font-size:15px;transition:opacity .2s;display:flex;position:absolute;inset:0}.project-play.is-playing{opacity:0}.project-video:hover .project-play{opacity:1;font-style:italic}.project figcaption{color:#6b6b6b;text-align:center;width:190px;margin-top:40px;font-size:12px}.project-number{margin-bottom:12px;display:block}.project-link{display:block}.project-link:hover{font-style:normal}.project-link:hover figcaption,figcaption .project-link:hover{color:var(--text)}.case{max-width:1100px;margin:-40px auto 0}.case-header{z-index:4;border-top:1px solid var(--text);background:var(--bg);grid-template-columns:1fr 1fr;gap:32px;padding:10px 0 16px;font-size:13px;line-height:1.3;display:grid;position:sticky;top:0}.case-title{font-size:inherit;text-transform:uppercase;margin:0;font-weight:700}.case-number{font-weight:400}.case-meta p,.case-meta ul{margin:0;padding:0;list-style:none}.case-with{font-style:italic}.case-gallery{grid-template-columns:1fr 1fr;align-items:start;gap:48px 32px;margin-top:24px;display:grid}.case-item{margin:0}.case-item--small{width:62%}.case-media{width:100%;height:auto;display:block}.case-media.project-video{aspect-ratio:16/9}.case-item figcaption{color:#6b6b6b;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:300}.case-pager{border-top:1px solid var(--text);justify-content:space-between;gap:16px;margin-top:90px;padding-top:10px;font-size:13px;display:flex}.services{grid-template-columns:repeat(5,1fr);row-gap:60px;display:grid}.service{height:150px;font:inherit;color:inherit;cursor:default;background:0 0;border:0;position:relative}.service-number,.service-name{justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.service-number{font-size:clamp(56px,7vw,108px)}.service-name{opacity:0;text-transform:uppercase;letter-spacing:.02em;padding:0 12px;font-size:14px}.service:hover .service-number,.service:focus .service-number{opacity:0}.service:hover .service-name,.service:focus .service-name{opacity:1}.reel{margin:0 auto}.reel-frame{aspect-ratio:9/16;background:#f2f2f2;border-radius:10px;width:min(380px,100%,56.25vh - 123.75px);margin:0 auto;position:relative;overflow:hidden}.reel-frame iframe,.reel-frame video{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.reel-placeholder{color:var(--muted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.reel-caption{color:#6b6b6b;text-align:center;margin:24px 0 0;font-size:12px}.contact{left:var(--gutter);z-index:10;flex-direction:column;font-size:14px;display:flex;position:absolute;bottom:20px}.contact-tilt{transform-origin:0 100%;margin-bottom:10px;display:inline-block;transform:rotate(-18deg)}@media (width<=900px){:root{--gutter:20px}.nav{gap:12px 44px}.projects{grid-template-columns:repeat(2,1fr);gap:70px 24px}.project,.project:nth-child(n){align-items:center}.services{grid-template-columns:repeat(3,1fr)}}@media (width<=560px){:root{--gutter:16px}.nav{gap:12px 24px;margin-bottom:60px}.nav--vertical{flex-direction:row;justify-content:flex-start;margin-bottom:40px;position:static}.intro{margin-left:0}.clients{padding-top:80px;line-height:54px}.client-thumb:hover{transform:none}.projects{grid-template-columns:1fr}.project-media,.project figcaption{width:min(260px,100%)}.services{grid-template-columns:repeat(2,1fr);row-gap:20px}.case{margin-top:-20px}.case-header,.case-gallery{grid-template-columns:1fr}.case-header{gap:8px}.case-item--small{width:70%}.case-pager{flex-wrap:wrap}.service{height:120px}}