@font-face{font-family:Lausanne;src:url('/assets/fonts/Lausanne-300.woff2') format('woff2');font-weight:300;font-display:swap}*{box-sizing:border-box}html{--paper:#fff;--ink:#080808;--soft:#767676;--line:#d8d8d8;scroll-behavior:smooth}html[data-theme=dark]{--paper:#000;--ink:#f5f5f5;--soft:#999;--line:#333;color-scheme:dark}body{margin:0;background:var(--paper);color:var(--ink);font:300 14px/1.3 Lausanne,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;text-align:left}a,button{-webkit-tap-highlight-color:transparent}a:hover,button:hover{opacity:.6}a:focus-visible,button:focus-visible{outline:1px solid currentColor;outline-offset:5px}h1,h2,h3,p,figure,dl,dd{margin:0;font:inherit}img,video{display:block;max-width:100%;height:auto;object-fit:contain}button img{width:100%}[hidden]{display:none!important}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{clip-path:none;width:auto;height:auto;background:var(--paper);z-index:100;padding:10px}#header{position:fixed;inset:0 0 auto;z-index:30;padding:18px 20px 14px;background:var(--paper)}.registration{display:flex;justify-content:space-between;margin-bottom:10px;pointer-events:none}.registration i{width:4px;height:4px;border-radius:50%;background:currentColor}.nav{display:grid;grid-template-columns:repeat(3,1fr);position:relative}.nav>:nth-child(2){grid-column:2;grid-row:1;justify-self:start}.practice-label{grid-column:3;grid-row:1}.email{position:absolute;right:0;top:0;background:var(--paper)}.nav>.practice-label{transform:translateX(-1px)}.nav .email{font-size:14px}.practice-label{visibility:hidden}.home #header{background:transparent;color:#fff;mix-blend-mode:difference}.home #header .email{background:transparent}#header.menu-open{mix-blend-mode:normal;background:var(--paper);color:var(--ink)}.hero{position:relative;height:100svh;min-height:540px;background:#000;color:#fff;overflow:hidden}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}.slide.active{opacity:1;visibility:visible}.slide-open{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.slide-open:hover{opacity:1}.pair{display:grid;grid-template-columns:var(--columns);width:100%;gap:3px;align-items:start}.pair-item{min-width:0}.pair img,.pair video{width:100%;height:auto}.hero .pair{width:auto;height:100%;max-width:100%;display:flex;align-items:center;gap:0}.hero .pair-item{height:100%;flex:0 1 auto;display:flex;align-items:center}.hero .pair-item img,.hero .pair-item video{height:100%;width:auto;max-width:100%;object-fit:contain}.hero .pair-item .film{height:100%;display:flex;align-items:center}.hero .pair-item:has(img){aspect-ratio:.8}.hero .pair-item:has(video){aspect-ratio:var(--ratio, .8)}.hero-caption{position:absolute;left:20px;right:20px;bottom:40%;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;z-index:3;mix-blend-mode:difference}.slide-select{position:relative;padding-bottom:16px;color:#fff;opacity:.45;display:flex;flex-direction:column}.slide-select.active{opacity:1}.slide-select span:nth-child(2){opacity:.6}.slide-select i{position:absolute;bottom:0;left:0;right:0;height:1px;background:#fff;opacity:.3}.slide-select.active i{opacity:1}.hero-project{position:absolute;bottom:25px;right:20px;font-size:12px;mix-blend-mode:difference;z-index:3}.hero .sound{z-index:6;bottom:24px;right:160px}.hero .slide-open .sound{pointer-events:auto}.film{position:relative}.sound{position:absolute;bottom:16px;right:16px;font-size:12px;background:#000;color:#fff;padding:8px 11px;z-index:2}.intro{display:grid;grid-template-columns:1fr 1fr;padding:200px 10px;gap:15px}.intro p{max-width:570px}.gateways{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:0 5px}.gateways>a{position:relative;display:block}.gateways>a:hover{opacity:1}.gateways img,.gateways video{width:100%;height:auto}.gateways .film{height:100%;display:flex;align-items:center}.gateways>a>span{position:absolute;bottom:25px;right:40px;color:white;mix-blend-mode:difference}.gateways .sound{display:none}.project-index{padding:180px 10px}.project-index h2,.selected h2{margin-bottom:50px}.names{display:grid;grid-template-columns:repeat(3,1fr);gap:25px 10px;margin-left:33.333%}.names a{display:flex;gap:20px}.names a span{color:var(--soft);font-size:10px;padding-top:3px}.index-note{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:120px 0 0 33.333%}.index-note a{justify-self:end;align-self:end}.selected{padding:0 5px 180px}.selected h2{padding-left:5px}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:start}.focus-grid img{width:100%}.focus-caption{display:flex;justify-content:space-between;padding-top:12px}.focus-caption span:last-child{color:var(--soft)}footer{padding:75px 20px 20px;border-top:1px solid var(--line);overflow:hidden}.footer-contact{display:grid;grid-template-columns:1fr 1fr}.footer-contact>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;align-self:start;max-width:500px}.footer-wordmark{font-size:17.3vw;line-height:.9;letter-spacing:-.065em;margin:120px -7px 40px;white-space:nowrap}.footer-line{display:flex;justify-content:space-between;font-size:12px;gap:15px}.work-page{padding:250px 5px 150px}.work-toolbar{display:grid;grid-template-columns:1fr 2fr;margin-bottom:120px}.work-toolbar>div{display:flex;gap:12px}.work-toolbar button[aria-pressed=true]{color:var(--soft)}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 3px;align-items:start}.card-heading{display:block;padding-bottom:12px}.card-heading>div{display:flex;gap:15px;color:var(--soft)}.card-visual{position:relative}.card-visual .pair{align-items:center}.card-open{position:absolute;inset:0;z-index:1}.card-visual .sound{z-index:2;bottom:8px;right:8px;font-size:10px;padding:5px 6px}.work-grid.column{grid-template-columns:1fr;max-width:100%;gap:100px}.column .work-card{width:100%}.column .card-heading{display:grid;grid-template-columns:1fr 2fr}.column .pair{max-width:100%;align-items:center}.list-number{display:none}.work-grid.list{display:block}.list .work-card{border-top:1px solid var(--line);padding:18px 5px;position:relative}.list .card-heading{display:grid;grid-template-columns:1fr 2fr 60px;padding:0}.list .card-heading>div{display:grid;grid-template-columns:1fr 1fr}.list .list-number{display:block;text-align:right;color:var(--soft)}.list .card-visual{display:none}.about-page{padding-top:80px}.about-page .intro>div p+p{margin-top:30px}.about-image{padding:5px}.about-image .pair{max-width:100%}#menu{position:fixed;z-index:35;top:56px;left:calc(33.333% + 7px);background:var(--paper);color:var(--ink);padding:8px 30px 22px 0;min-width:160px;animation:menuIn .3s both}#menu nav{display:flex;flex-direction:column;gap:7px}.menu-theme{margin-top:18px;color:var(--soft);font-size:12px}.detail #header{background:#000;color:white}.detail{background:#000;color:white}.detail-nav{display:grid;grid-template-columns:1fr 1fr 1fr 2.7fr auto;gap:20px}.next-project span{margin-left:10px}.project-stage{height:100svh;position:relative;display:flex;align-items:center;justify-content:center;padding:75px 0 48px}.project-stage>img{max-height:100%;max-width:100%;width:auto;height:auto}.project-stage>.film{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.project-stage video{max-width:100%;max-height:100%;width:auto;height:auto}.frame-caption{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:12px}.frame-prev,.frame-next{position:absolute;top:50%;padding:15px;z-index:2;mix-blend-mode:difference;color:white}.frame-prev{left:5px}.frame-next{right:5px}.shots{display:grid;grid-template-columns:repeat(6,1fr);gap:3px;padding:5px;align-items:start}.film-thumb{height:120px;display:grid;place-items:center;border:1px solid #333;font-size:12px}#information{position:fixed;inset:70px 0 auto;z-index:40;background:var(--paper);color:var(--ink);padding:40px 20px 70px;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 8px 20px #0001;animation:menuIn .3s both}#information>div{max-width:560px}#information p+p{margin-top:35px}#information dl{display:grid;grid-template-columns:1fr 2fr;margin:35px 0;gap:5px}.info-close{align-self:start}.loading{padding:25px}.detail .sound{bottom:8px;right:20px}.detail #information{--paper:#fff;--ink:#000}@keyframes menuIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media(max-width:700px){body{font-size:12px}#header{padding:14px 12px}.registration{margin-bottom:8px}.nav{grid-template-columns:1fr 1fr}.nav>:nth-child(2){justify-self:end}.email{display:none}.hero{min-height:500px}.hero-caption{left:12px;right:12px;bottom:24%;grid-template-columns:1fr 1fr;gap:20px 8px}.hero-project{font-size:11px}.slide-select{font-size:12px}.hero .pair{height:auto;width:100%}.hero .pair-item{height:auto;flex:1;aspect-ratio:auto!important}.hero .pair-item img,.hero .pair-item video{height:auto;width:100%}.hero .pair-item .film{height:auto}.hero .sound{bottom:12px;right:12px;font-size:10px}.intro{padding:100px 12px;grid-template-columns:1fr 2fr;gap:20px}.gateways>a>span{bottom:12px;right:12px;font-size:11px}.project-index{padding:100px 12px}.project-index h2,.selected h2{margin-bottom:30px}.names{margin-left:0;grid-template-columns:1fr 1fr;gap:20px 10px}.index-note{margin:60px 0 0;grid-template-columns:1fr}.index-note a{justify-self:start;margin-top:20px}.selected{padding-bottom:90px}.focus-caption{display:block;padding-top:8px;font-size:10px}.focus-caption span{display:block}footer{padding:40px 12px 20px}.footer-contact{grid-template-columns:1fr;gap:35px}.footer-wordmark{margin:70px 0 30px;font-size:17.2vw}.footer-line{font-size:9px;flex-wrap:wrap}.work-page{padding:160px 5px 80px}.work-toolbar{grid-template-columns:1fr 2fr;margin-bottom:60px}.work-toolbar>div{gap:9px}.work-grid{grid-template-columns:1fr 1fr;gap:35px 3px}.card-heading{font-size:11px}.card-heading>div{display:block;font-size:10px}.card-heading>div span{display:block}.column .card-heading>div{display:flex}.list .card-heading{grid-template-columns:1.4fr 1.7fr 25px;gap:8px}.list .card-heading>div{display:block}.card-visual .sound{font-size:8px;right:4px;bottom:4px}.detail-nav{grid-template-columns:1fr 1fr 1fr auto;gap:10px;font-size:11px}.next-project{display:none}.detail-nav>:last-child{text-align:right}.project-stage{padding-top:70px}.frame-caption{font-size:10px;left:12px;right:12px}.shots{grid-template-columns:repeat(3,1fr)}.film-thumb{height:85px}.frame-prev,.frame-next{padding:10px}.about-page .intro{grid-template-columns:1fr}.about-page .intro h1{margin-bottom:30px}#menu{left:auto;right:0;top:50px;padding:15px 30px;min-width:50%;font-size:15px}#information{padding:30px 15px;grid-template-columns:1fr;gap:30px;max-height:80svh;overflow:auto}.detail .sound{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(min-width:1150px){.practice-label{visibility:visible}}
/* Complete Pulvinar page families, adapted to Maison Sumotori */
.hero .slides>.slide>.slide-open>.film{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.hero .slides>.slide>.slide-open>.film>video{width:100%;height:100%;object-fit:contain}.hero-caption{grid-template-columns:repeat(2,1fr)}.hero .sound{right:20px;bottom:70px}.spatial-index{height:100svh;min-height:650px;padding:90px 5px 0;overflow:hidden}.index-track{display:flex;gap:3px;overflow-x:auto;height:100%;align-items:start;scrollbar-width:thin;padding-bottom:40px;scroll-snap-type:x proximity}.index-panel{flex:0 0 35vw;margin-top:var(--shift);scroll-snap-align:start}.index-panel>div{padding-bottom:12px}.index-panel>div span{color:var(--soft)}.index-panel img{width:100%;height:auto}.index-instruction{position:fixed;bottom:10px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none;font-size:11px;mix-blend-mode:difference;color:white}.archive-page{padding:220px 5px 150px}.archive-page h1{margin-bottom:180px}.archive-thumbnails{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:60px 3vw;align-items:start}.archive-thumbnails a{min-width:0}.archive-thumbnails a>span{display:block;height:30px;white-space:nowrap;font-size:12px}.archive-thumbnails img{width:100%;height:auto}.immersive #header{mix-blend-mode:difference;background:transparent;color:#fff}.immersive #header .email{background:none}.immersive #header.menu-open{background:var(--paper);color:var(--ink);mix-blend-mode:normal}.about-hero{height:100svh;position:relative;background:#000;color:white}.about-hero>.film{height:100%;width:100%}.about-hero video{height:100%;width:100%;object-fit:contain}.about-hero>div:last-child{position:absolute;top:48%;width:100%;text-align:center;mix-blend-mode:difference;pointer-events:none}.about-hero .sound{bottom:20px}.studio-sections{padding:160px 10px}.studio-row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:130px}.studio-row>div p+p{margin-top:30px}.studio-row>p,.studio-row>div{max-width:590px}.studio-row h1,.studio-row h2{font-size:14px}.approach-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:150px}.approach-columns h2{margin-bottom:25px}.studio-film{margin-bottom:150px}.studio-film video{width:100%}.capability-list{line-height:1.6}.studio-project-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.artists-page{padding:170px 5px 170px;min-height:100svh}.artist-strip{display:grid;grid-template-columns:repeat(10,1fr);gap:3px;align-items:start}.artist-strip img{width:100%;height:auto}.artist-row{margin:150px 5px 0;display:flex;justify-content:space-between;gap:25px}.artist-statement{margin:30px 5px 0;color:var(--soft)}.artist-detail{padding:230px 5px 150px}.artist-biography{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:0 5px 140px}.artist-biography p+p{margin-top:30px}.artist-biography a{display:block;margin-top:30px}.artist-detail .focus-grid{row-gap:60px}.artist-detail .focus-grid span{display:block;padding-top:12px}.journal-page{padding:160px 5px 150px}.journal-page>h1{text-align:center;max-width:600px;margin:0 auto 160px}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:80px 3px}.journal-meta{color:var(--soft);padding:0 3px}.journal-grid h2{margin:4px 3px 12px}.journal-grid img{width:100%}.journal-article{padding:110px 10px 130px}.journal-article>header{text-align:center;margin-bottom:300px}.journal-article h1{font-size:20px}.journal-article header p{color:var(--soft);margin-top:10px}.article-intro-image{width:20%;margin:0 auto 160px}.article-copy{max-width:600px;margin:0 auto 130px}.article-copy h2{margin-bottom:25px}.article-copy p{margin-bottom:60px}.article-copy>a{display:block}.article-images{display:grid;grid-template-columns:1fr 1fr;gap:3px;align-items:start;margin-bottom:130px}.article-images img{width:100%}.article-next{display:grid;grid-template-columns:1fr 1fr}.partner-page{position:relative;min-height:100svh;background:#000;color:#fff;padding-bottom:25px;overflow:hidden}.partner-montage{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:0}.partner-montage>a{display:block}.partner-montage img{width:100%;height:auto}.partner-page>h1{position:absolute;top:12vh;width:100%;text-align:center;font-size:31vw;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px white;pointer-events:none}.partner-intro{position:absolute;bottom:30px;left:20px;right:20px;text-align:center;color:#fff;mix-blend-mode:difference}.partner-intro p{margin:0 auto 40px}.partner-intro nav{display:flex;justify-content:center;gap:8vw}.privacy-page{padding:220px 10px 150px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.privacy-page h2{margin-bottom:15px}.privacy-page p{margin-bottom:45px;max-width:550px}
@media(max-width:700px){.hero-caption{grid-template-columns:1fr 1fr;bottom:20%}.spatial-index{padding-top:100px;min-height:100svh}.index-panel{flex-basis:75vw;margin-top:calc(var(--shift)/2)}.archive-page{padding:160px 5px 80px}.archive-page h1{margin-bottom:80px}.archive-thumbnails{grid-template-columns:repeat(4,1fr);gap:35px 15px}.archive-thumbnails a>span{font-size:10px}.studio-sections{padding:90px 12px}.studio-row{grid-template-columns:1fr 2fr;gap:20px;margin-bottom:70px}.approach-columns{grid-template-columns:1fr;gap:35px;margin-bottom:80px;padding-left:33.333%}.approach-columns h2{margin-bottom:15px}.studio-film{margin-bottom:80px}.studio-project-links{grid-template-columns:1fr}.artists-page{padding:130px 5px 80px}.artist-strip{grid-template-columns:repeat(5,1fr)}.artist-row{margin-top:90px;display:grid;grid-template-columns:1fr 1fr}.artist-statement{margin-top:25px}.artist-detail{padding:150px 5px 80px}.artist-biography{grid-template-columns:1fr;gap:30px;margin-bottom:70px}.journal-page{padding:140px 5px 80px}.journal-page>h1{margin-bottom:90px}.journal-grid{grid-template-columns:1fr 1fr;gap:45px 3px}.journal-article{padding:120px 10px 80px}.journal-article>header{margin-bottom:130px}.journal-article h1{font-size:18px}.article-intro-image{width:50%;margin-bottom:90px}.article-copy{margin-bottom:70px}.article-images{margin-bottom:70px}.partner-intro nav{display:flex;flex-direction:column;gap:15px}.partner-montage{grid-template-columns:1fr 1fr}.partner-page>h1{top:20vh}.partner-intro{position:relative;bottom:auto;left:auto;right:auto;margin:40px 15px}.privacy-page{padding:150px 12px 80px;grid-template-columns:1fr;gap:50px}}
/* Hero: Pulvinar's four-project navigation and preview strip. */
.hero-caption{grid-template-columns:repeat(4,1fr);bottom:38%;mix-blend-mode:normal}
.slide-select{color:#fff;text-shadow:0 1px 5px #000;opacity:.6;overflow:visible}
.slide-select.active{opacity:1}.slide-select span:nth-child(2){opacity:.7}
.slide-select i{bottom:0}.slide-thumbnail{position:absolute;top:calc(100% + 12px);left:0;width:min(12vw,172px);height:auto;opacity:0;transition:opacity .4s;pointer-events:none}.slide-select.active .slide-thumbnail{opacity:1}
.home #header{mix-blend-mode:normal;color:#fff;text-shadow:0 1px 5px #000}.home #header .email{background:transparent}.home #header.menu-open{text-shadow:none}
.hero-project{mix-blend-mode:normal;color:#fff;text-shadow:0 1px 5px #000}
@media(max-width:810px){.hero-caption{grid-template-columns:1fr 1fr;bottom:24%;gap:18px 8px}.slide-thumbnail{display:none}}
@media(prefers-reduced-motion:reduce){.slide-thumbnail{transition:none}}
.hero-mobile-controls{display:none}
@media(max-width:810px){.nav{grid-template-columns:1fr 1fr}.nav>:nth-child(2){justify-self:end}.nav .email,.practice-label{display:none}.hero-caption{display:block;bottom:29%}.hero-caption .slide-select{width:100%;display:none;padding-bottom:15px}.hero-caption .slide-select.active{display:flex}.hero-caption .slide-thumbnail{display:block;width:min(24vw,172px);top:calc(100% + 12px)}.hero-mobile-controls{display:flex;position:absolute;z-index:5;right:12px;bottom:calc(29% + 16px);gap:20px;color:#fff;text-shadow:0 1px 5px #000}.hero .sound{bottom:70px}}
.detail.photo #header{background:transparent;color:white;mix-blend-mode:difference}.detail.photo .detail-nav{grid-template-columns:1fr 2fr 3fr auto}.photo-gallery{height:100svh;background:#000;overflow:hidden;position:relative}.photo-track{display:flex;height:100%;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x}.photo-track::-webkit-scrollbar{display:none}.gallery-item{height:100%;flex:0 0 auto;position:relative}.gallery-item>img,.gallery-item>.film,.gallery-item>.film>video{height:100%;width:auto;max-width:none;object-fit:contain}.gallery-item>.film{display:flex}.gallery-item .sound{bottom:18px;right:18px}.photo-controls{position:absolute;bottom:18px;left:20px;right:20px;color:white;mix-blend-mode:difference;display:flex;justify-content:space-between;font-size:12px;pointer-events:none}.photo-controls>div{display:flex;align-items:center;gap:25px}.photo-controls button{pointer-events:auto;color:white}.photo-controls button:hover{opacity:.6}@media(max-width:700px){.detail.photo .detail-nav{grid-template-columns:1fr 1fr auto}.photo-controls{left:12px;right:12px;font-size:10px}.photo-controls>div{gap:14px}}
/* Consistent uncropped frames and an image-led project index. */
.hero{height:max(100svh,56.25vw);min-height:0}.hero .slides>.slide>.slide-open>.film>video{width:100%;height:100%;object-fit:contain}
.gateways{align-items:stretch}.gateways>a{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--paper)}.gateways>a>img,.gateways>a>.film,.gateways>a>.film>video{width:100%;height:100%;object-fit:contain}.gateways>a>.film{display:flex;align-items:center;justify-content:center}.gateways>a>span{z-index:2}
.project-index{padding:160px 5px 140px}.work-intro{display:flex;justify-content:space-between;padding:0 5px;margin-bottom:55px}.work-intro h2{margin:0}.names{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:60px 3px}.names a.selected-card{display:block;min-width:0}.selected-image{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:var(--paper);overflow:hidden}.selected-image>img{width:100%;height:100%;object-fit:contain}.selected-meta{padding:12px 5px 0;display:grid;grid-template-columns:32px 1fr auto;gap:6px;font-size:12px}.selected-meta span:first-child,.selected-meta span:last-child{font-size:11px;color:var(--soft)}.index-note{margin:120px 5px 0 33.333%}
.focus-grid>a>img,.journal-grid>a>img{aspect-ratio:4/5;width:100%;height:auto;object-fit:contain}.work-grid:not(.list) .pair{grid-template-columns:1fr 1fr!important;align-items:stretch}.work-grid:not(.list) .pair-item{aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;min-width:0}.work-grid:not(.list) .pair-item>img,.work-grid:not(.list) .pair-item>.film,.work-grid:not(.list) .pair-item>.film>video{width:100%;height:100%;object-fit:contain}
.footer-wordmark{font-weight:600;font-size:23vw;line-height:.88;letter-spacing:-.075em;margin:120px -20px 40px;transform:translateX(-.04em);width:max-content;white-space:nowrap}
#menu{position:fixed;inset:65px 0 0;min-width:0;background:var(--paper);color:var(--ink);padding:48px 20px 30px;overflow-y:auto;z-index:35;animation:menuIn .3s both}#menu .menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;min-height:100%;align-content:start}#menu .menu-primary,#menu .menu-secondary{display:flex;flex-direction:column;align-items:stretch}.menu-kicker{font-size:11px;color:var(--soft);margin-bottom:35px}#menu .menu-primary>a{font-size:clamp(25px,3.2vw,50px);line-height:1.25;letter-spacing:-.035em;border-top:1px solid var(--line);padding:8px 0;display:flex;justify-content:space-between}#menu .menu-primary>a span{font-size:15px;align-self:center}#menu .menu-projects{display:grid;grid-template-columns:1fr 1fr;gap:13px 20px}#menu .menu-projects a{display:flex;gap:15px}#menu .menu-projects a span{color:var(--soft);font-size:10px}#menu .menu-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:60px;display:flex;justify-content:space-between;gap:20px}#menu .menu-theme{margin:0}
@media(max-width:810px){#menu{inset:55px 0 0;padding:30px 12px}#menu .menu-layout{grid-template-columns:1fr;gap:55px}.menu-kicker{margin-bottom:18px}#menu .menu-primary>a{font-size:28px}#menu .menu-projects{gap:15px 10px}#menu .menu-bottom{margin-top:40px}.hero{height:100svh}.hero .slides>.slide>.slide-open>.film>video{width:100%;height:100%;object-fit:contain}}
@media(max-width:700px){.project-index{padding:90px 5px 70px}.work-intro{margin-bottom:30px}.names{grid-template-columns:1fr 1fr;gap:35px 3px}.selected-meta{grid-template-columns:22px 1fr;gap:4px;font-size:10px}.selected-meta span:last-child{grid-column:2}.index-note{margin:65px 5px 0}.footer-wordmark{font-size:23vw;margin:70px -12px 30px;transform:translateX(-.04em)}}
.home #header.menu-open{color:var(--ink);background:var(--paper);mix-blend-mode:normal;text-shadow:none}.home #header.menu-open .email{background:var(--paper)}
.work-grid:not(.list) .card-visual>.film{aspect-ratio:4/5;width:100%;display:flex;align-items:center;justify-content:center}.work-grid:not(.list) .card-visual>.film>video{width:100%;height:100%;object-fit:contain}.article-images>img,.artist-strip img{width:100%;aspect-ratio:4/5;object-fit:contain}
/* Refined editorial scale: full wordmark, quieter navigation and index. */
.footer-wordmark{font-size:19.5vw;font-weight:500;letter-spacing:-.065em;line-height:.95;margin:120px 0 40px;transform:none;width:max-content;max-width:100%;white-space:nowrap}
.project-index{padding:180px 10px 160px}.work-intro{padding:0;margin-bottom:100px}.index-work-layout{display:grid;grid-template-columns:2fr 1fr;gap:12%;align-items:start}.names{grid-template-columns:1fr 1fr;gap:0 30px;align-content:start}.names a.selected-card{padding:11px 0;border-top:1px solid var(--line)}.selected-image{display:none}.selected-meta{padding:0;display:grid;grid-template-columns:32px 1fr;gap:8px;font-size:14px}.selected-meta span:last-child{display:none}.selected-meta span:first-child{font-size:11px}.index-feature{display:flex;flex-direction:column;align-items:flex-end;max-width:290px;justify-self:end}.index-feature img{width:100%;height:auto;object-fit:contain}.index-feature>span{margin-top:12px;font-size:12px}.index-note{margin:100px 0 0 0;display:grid;grid-template-columns:1fr 1fr;gap:30px}.index-note p{grid-column:2;max-width:350px}.index-note a{grid-column:2;justify-self:start;margin-top:20px}
#menu .menu-layout{gap:12vw}#menu .menu-primary>a{font-size:clamp(18px,1.7vw,25px);line-height:1.3;letter-spacing:-.025em;padding:9px 0}#menu .menu-primary>a span{font-size:12px}.menu-kicker{margin-bottom:30px}#menu .menu-projects{gap:14px 24px;font-size:13px}.work-card img,.selected a img,.index-feature img{transition:opacity .45s ease}.work-card a:hover img,.selected a:hover img,.index-feature:hover img{opacity:.88}
@media(max-width:810px){#menu .menu-primary>a{font-size:21px;padding:8px 0}.index-work-layout{grid-template-columns:1fr;gap:50px}.index-feature{max-width:42%;justify-self:end}.index-note{grid-template-columns:1fr 1fr}.index-note p,.index-note a{grid-column:2}}
@media(max-width:700px){.footer-wordmark{font-size:19.5vw;letter-spacing:-.065em;margin:70px 0 30px;transform:none}.project-index{padding:100px 12px 90px}.work-intro{margin-bottom:50px}.names{grid-template-columns:1fr 1fr;gap:0 15px}.selected-meta{grid-template-columns:24px 1fr;font-size:12px}.index-feature{max-width:50%}.index-note{margin-top:70px;grid-template-columns:1fr}.index-note p,.index-note a{grid-column:1}}
@media(prefers-reduced-motion:reduce){.work-card img,.selected a img,.index-feature img{transition:none}}
.home #header:not(.over-hero):not(.menu-open){background:var(--paper);color:var(--ink);mix-blend-mode:normal;text-shadow:none}.home #header:not(.over-hero):not(.menu-open) .email{background:var(--paper)}
/* Equal-height photography rows preserve each original image's shape. */
.work-grid.photo-grid.grid{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:3px;row-gap:70px}
.photo-grid.grid .work-card{flex:0 0 calc((100% - 15px) * var(--desktop-share) + 3px);min-width:0}
.work-grid.photo-grid:not(.list) .pair{grid-template-columns:var(--columns)!important;align-items:start}
.work-grid.photo-grid:not(.list) .pair-item{aspect-ratio:auto;display:block}
.work-grid.photo-grid:not(.list) .pair-item>img{display:block;width:100%;height:auto;object-fit:contain}
.photo-grid .card-heading{min-height:3.25em}
@media(max-width:700px){.work-grid.photo-grid.grid{row-gap:35px}.photo-grid.grid .work-card{flex-basis:calc((100% - 9px) * var(--mobile-share) + 3px)}.photo-grid .card-heading{min-height:4.5em}}
/* The photography index keeps one consistent displayed image height. */
.work-grid.photo-grid.grid{--photo-height:clamp(70px,20vw,330px);align-items:flex-start}
.photo-grid.grid .work-card{flex:0 0 auto;width:calc(var(--photo-height) * var(--photo-ratio) + 3px);max-width:100%}
.work-grid.photo-grid.grid .pair{display:flex;gap:3px;overflow-x:auto;max-width:100%;scrollbar-width:thin}
.work-grid.photo-grid.grid .pair-item{flex:0 0 auto;width:auto}
.work-grid.photo-grid.grid .pair-item>img{width:auto;height:var(--photo-height);max-width:none}
@media(max-width:700px){.photo-grid.grid .work-card{flex-basis:auto}}
.index-feature{width:100%}.index-feature img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain}.selected-card.is-preview .selected-meta span:nth-child(2){color:var(--ink)}

/* Scale the complete wordmark to the available footer width. */
.footer-wordmark{width:max-content;max-width:none;transform:none}

/* Browsing previews share full-bleed frames; opened projects retain their original proportions. */
.gateways{padding:0;gap:0}
.gateways>a{overflow:hidden}
.gateways>a>img,.gateways>a>.film>video{object-fit:cover}
.index-feature img,.focus-grid>a>img,.journal-grid>a>img,.index-panel img,.archive-thumbnails img,.artist-strip img,.partner-montage img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.work-grid.photo-grid.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:70px 3px}
.photo-grid.grid .work-card{width:auto;max-width:none;min-width:0}
.work-grid.photo-grid:not(.list) .pair,.work-grid.photo-grid.grid .pair{display:grid;grid-template-columns:1fr 1fr!important;align-items:stretch;overflow:visible;max-width:none}
.work-grid:not(.list) .pair-item,.work-grid.photo-grid:not(.list) .pair-item,.work-grid.photo-grid.grid .pair-item{aspect-ratio:4/5;width:auto;min-width:0;overflow:hidden}
.work-grid:not(.list) .pair-item>img,.work-grid:not(.list) .pair-item>.film,.work-grid:not(.list) .pair-item>.film>video,.work-grid.photo-grid:not(.list) .pair-item>img,.work-grid.photo-grid.grid .pair-item>img{width:100%;height:100%;max-width:100%;object-fit:cover}
.work-grid:not(.list) .card-visual>.film{overflow:hidden}
.work-grid:not(.list) .card-visual>.film>video{object-fit:cover}
@media(max-width:700px){.work-grid.photo-grid.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 3px}}

/* Use the complete studio name on the partnership page. */
.partner-page>h1{font-size:19vw;white-space:nowrap}

/* The featured film fills the viewport without stretching. */
.hero{height:100svh}
.hero .slides>.slide>.slide-open>.film>video{width:100%;height:100%;object-fit:cover}

/* Comfortable, consistent controls and layouts on touch screens. */
@media(max-width:810px){
 body{font-size:14px}
 #header .nav>button{min-height:44px;display:flex;align-items:center}
 .hero-mobile-controls button{min-height:44px;padding:8px 4px}
 .hero .sound{bottom:70px;min-height:44px}
 .work-toolbar button{min-height:44px;padding:8px 4px}
 #menu .menu-primary>a{min-height:44px;align-items:center}
 #menu .menu-projects a{min-height:40px;align-items:center}
 .photo-controls button,.frame-prev,.frame-next{min-width:44px;min-height:44px}
 .photo-controls>div{gap:8px}
}
@media(max-width:700px){
 .intro{grid-template-columns:1fr;gap:30px}
 .gateways>a>span{font-size:12px}
 .focus-grid{grid-template-columns:1fr 1fr}
 .focus-caption{font-size:12px}
 .selected-meta{font-size:12px}
 .footer-line{font-size:11px;row-gap:16px}
 .work-toolbar{grid-template-columns:1fr;gap:15px}
 .work-toolbar>div{flex-wrap:wrap}
 .detail-nav{grid-template-columns:1.2fr 1fr 1fr auto;gap:6px}
 .detail-nav button,.detail-nav a{min-height:44px;display:flex;align-items:center}
}
@media(max-width:360px){.detail-nav{font-size:10px}.names{column-gap:10px}.selected-meta{grid-template-columns:20px 1fr;font-size:11px}}

/* Project shots use visual film stills in consistent preview frames. */
.shots button{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#000}
.shots button>img{display:block;width:100%;height:100%;object-fit:cover}
.shots .film-marker{position:absolute;right:8px;bottom:8px;padding:5px 7px;background:#000;color:#fff;font-size:11px;line-height:1}
