*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#fff;color:#111;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{display:flex;justify-content:space-between;padding:22px 28px;font-size:12px;text-transform:uppercase;letter-spacing:.03em}.brand{font-weight:700}.nav{display:flex;gap:24px}.intro{min-height:38vh;display:flex;align-items:flex-end;padding:40px 28px 32px}.intro h1{max-width:1050px;font-size:clamp(38px,6.4vw,104px);font-weight:400;line-height:.94;letter-spacing:-.055em}.muted{color:#aaa}.projects{width:min(78vw,1280px);margin:auto;padding:20px 0 130px;display:grid;grid-template-columns:repeat(12,1fr);gap:105px 22px}.project{grid-column:span 5}.project.wide{grid-column:2/span 10}.project.left{grid-column:1/span 6}.project.right{grid-column:7/span 6}.visual{overflow:hidden;background:#f3f3f3}.visual img{aspect-ratio:4/3;object-fit:cover;transition:transform .7s}.wide .visual img{aspect-ratio:16/9}.project:hover img{transform:scale(1.018)}.meta{display:flex;justify-content:space-between;gap:20px;padding-top:10px;font-size:11px;text-transform:uppercase}.type{color:#888;text-align:right}.project-page{width:min(78vw,1280px);margin:auto;padding:90px 0 120px}.project-head{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:70px}.project-title{grid-column:span 7;font-size:clamp(48px,7vw,110px);font-weight:400;letter-spacing:-.06em;line-height:.9}.project-info{grid-column:9/span 4;align-self:end;font-size:12px;line-height:1.6;text-transform:uppercase}.project-gallery{display:flex;flex-direction:column;gap:70px}.project-gallery img{height:auto}.project-gallery .full{width:100%}.project-gallery .large{width:85%}.project-gallery .medium{width:65%}.project-gallery .small{width:45%}.project-gallery .left{align-self:flex-start}.project-gallery .center{align-self:center}.project-gallery .right{align-self:flex-end}.project-gallery .duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;width:100%}.project-gallery .duo img{width:100%}.placeholder{aspect-ratio:16/9;background:#f2f2f2;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:12px;text-transform:uppercase}.about{margin:20px 28px 0;padding:55px 0 70px;border-top:1px solid #ddd;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.about-label{grid-column:span 3;font-size:11px;text-transform:uppercase}.about-text{grid-column:4/span 7;font-size:clamp(24px,3vw,48px);line-height:1.08;letter-spacing:-.035em}footer{padding:25px 28px 35px;display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;border-top:1px solid #ddd}@media(max-width:760px){.site-header{padding:18px 16px}.nav{gap:14px}.intro{min-height:32vh;padding:30px 16px 24px}.projects{width:auto;padding:0 16px 65px;display:block}.project{margin-bottom:42px}.project-page{width:auto;padding:60px 16px 80px}.project-head{display:block;margin-bottom:45px}.project-info{margin-top:25px}.project-gallery{gap:35px}.project-gallery .full,.project-gallery .large,.project-gallery .medium,.project-gallery .small{width:100%}.project-gallery .duo{grid-template-columns:1fr;gap:20px}.about{margin:0 16px;display:block}.about-label{margin-bottom:28px}footer{padding:22px 16px 30px;flex-direction:column;gap:14px}}

/* IRO / VIDEO PROJECTS */
.video-project{overflow:hidden}.video-project video{display:block;width:100%;height:auto;max-height:80vh;object-fit:contain;background:#f3f3f3}.video-project.full{width:100%}.video-project.large{width:85%}.video-caption{padding-top:10px;font-size:11px;text-transform:uppercase;color:#888}.project-feature{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:22px;align-items:center}.project-feature .feature-copy{grid-column:1/span 4}.project-feature .video-project{grid-column:6/span 7}.project-feature.reverse .feature-copy{grid-column:9/span 4;grid-row:1}.project-feature.reverse .video-project{grid-column:1/span 7;grid-row:1}.feature-number{display:block;margin-bottom:18px;font-size:11px;color:#aaa}.feature-copy h2{font-size:clamp(30px,4vw,58px);font-weight:400;line-height:1;letter-spacing:-.045em;margin-bottom:18px}.feature-copy p{max-width:320px;font-size:13px;line-height:1.6;color:#777}.feature-copy img{width:90px;margin-top:28px}@media(max-width:760px){.video-project.full,.video-project.large{width:100%}.project-feature,.project-feature.reverse{display:block}.project-feature .feature-copy,.project-feature.reverse .feature-copy{margin-bottom:25px}.feature-copy img{width:72px}.video-project video{max-height:none}}