@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#faf9f6;--ink:#171715;--line:#deddd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Test Sohne',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #5c51c6;outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}header{display:flex;justify-content:space-between;align-items:center;padding:42px 3.2% 32px}.brand{display:flex;align-items:center;gap:28px}.brand img{width:155px;height:31px;filter:brightness(0)}.brand>span{font:34px/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-1px}nav{display:flex;gap:34px;align-items:center;font-size:12px}nav button{padding:0;background:none;border:0;font-size:12px}nav .selected{text-decoration:underline;text-underline-offset:5px}main{padding:0 3.2%}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:12px 0 25px;padding-top:18px;border-top:1px solid var(--line)}.filters{display:flex;gap:29px;align-items:center}.filters button{border:0;padding:0;background:none;color:#81817b;font-size:11px}.filters button.active{color:var(--ink)}sup{font:8px monospace;margin-left:5px}.density{display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;font-size:10px}.density>span:first-child{font-size:21px;line-height:1}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:33px 12px}.project{background:transparent;border:0;padding:0;min-width:0;text-align:left}.project[hidden]{display:none}.image{width:100%;aspect-ratio:1.4;overflow:hidden;position:relative;background:#ddd}.image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.6,.2,1),filter .5s}.project:hover .image img{transform:scale(1.035);filter:brightness(.88)}.image-number{position:absolute;left:12px;top:12px;font:9px monospace;color:white;text-shadow:0 1px 6px #000;opacity:0;transition:opacity .2s}.image-open{position:absolute;right:14px;bottom:10px;color:white;font:25px Arial;text-shadow:0 1px 6px #000;opacity:0;transition:opacity .2s}.project:hover .image-number,.project:hover .image-open,.project:focus-visible .image-open{opacity:1}.study{position:absolute;top:11px;right:11px;background:#0005;color:white;padding:4px 6px;font-size:8px;letter-spacing:.2px;backdrop-filter:blur(5px)}.caption{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:12px 0 3px}.caption h2{font:400 clamp(20px,2.05vw,33px)/1.05 'Libre Caslon Display',Georgia,serif;margin:0;letter-spacing:-.35px}.caption>span{font-size:9px;white-space:nowrap;color:#777771}.artist{display:block;min-height:12px;font-size:9px;color:#777771}.grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.compact .caption{display:block}.grid.compact .caption h2{margin-bottom:4px}.grid-note{display:flex;justify-content:space-between;padding:35px 0 30px;color:#85857c;font-size:9px}.grid-note button{font:inherit;border:0;background:none;color:inherit;padding:0}footer{margin:25px 3.2% 0;border-top:1px solid var(--ink)}.footer-top{display:flex;justify-content:space-between;align-items:center;margin:30px 0 65px}.footer-top p{font:27px 'Libre Caslon Display',Georgia,serif;margin:0}.footer-top a{font-size:11px}.footer-brand{display:flex;align-items:center;gap:6%;padding-bottom:65px}.footer-brand img{width:62%;height:auto;filter:brightness(0)}.footer-brand span{font:clamp(40px,8.3vw,135px) 'Libre Caslon Display',Georgia,serif;letter-spacing:-5px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;font-size:9px;color:#777771}.footer-bottom button{background:none;border:0;padding:0;font:inherit;color:inherit}dialog{width:min(1100px,94vw);max-height:94svh;padding:0;border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#111c;backdrop-filter:blur(5px)}.close{position:absolute;top:15px;right:17px;z-index:3;border:0;background:var(--paper);color:var(--ink);padding:10px 14px;font-size:11px}.detail-image{width:100%;max-height:62svh;object-fit:cover;display:block;min-height:260px}.detail-copy{padding:32px 5%}.eyebrow{font-size:9px;letter-spacing:.6px;color:#71716a}.detail-copy h2,.about-content h2{font:400 clamp(38px,4.5vw,65px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-1px;margin:15px 0 20px}.detail-copy p{font-size:14px;line-height:1.5}.detail-copy .note{font-size:11px;color:#777771;margin-top:25px}.detail-copy a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.detail-copy .source{font-size:10px;color:#777771}.dialog-nav{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 5%;font-size:10px}.dialog-nav button{background:none;border:0;padding:0;font:inherit}.about-content{padding:85px 7% 50px;max-width:850px}.about-content p{font-size:14px;line-height:1.7;max-width:620px}.about-content a{font-size:12px;text-decoration:underline;text-underline-offset:3px}.about-content ul{padding-left:17px;line-height:1.8}.modal-open{overflow:hidden}@media(min-width:1500px){.grid{gap:45px 16px}.caption>span,.artist{font-size:11px}}@media(max-width:1000px){header{padding-top:30px}.brand img{width:130px;height:26px}.brand>span{font-size:30px}.caption{display:block}.caption>span{display:block;margin-top:5px}.caption h2{font-size:25px}.artist{margin-top:4px}.image{aspect-ratio:1.2}.footer-top p{font-size:24px}}@media(max-width:600px){header{padding:28px 5% 23px;align-items:center}.brand{gap:19px}.brand img{width:85px;height:17px}.brand>span{font-size:25px;letter-spacing:-1px}nav{gap:15px;font-size:10px}nav button{font-size:10px}main{padding:0 4%}.toolbar{margin-top:5px;margin-bottom:18px;padding-top:17px}.filters{gap:17px}.filters button{font-size:9px}sup{font-size:7px;margin-left:1px}.density-label{display:none}.grid,.grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 9px}.grid.compact{gap:18px 7px}.grid.compact .image{aspect-ratio:1.5}.image{aspect-ratio:.93}.caption{margin-top:10px}.caption h2{font-size:22px;line-height:1}.caption>span,.artist{font-size:8px}.study{font-size:7px;top:7px;right:7px;padding:3px 4px}.grid-note{padding:25px 0;font-size:8px}footer{margin:15px 4% 0}.footer-top{margin:25px 0 40px;gap:20px}.footer-top p{font-size:21px;max-width:230px}.footer-top a{font-size:9px;white-space:nowrap}.footer-brand{padding-bottom:35px;gap:6%}.footer-brand img{width:60%}.footer-brand span{font-size:43px;letter-spacing:-2px}.footer-bottom{font-size:8px}.footer-bottom>span:nth-child(2){display:none}.detail-image{height:40svh;min-height:220px}.about-content{padding:75px 7% 35px}.about-content h2{font-size:39px}.detail-copy h2{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.grid{align-items:start}
/* Immersive screening-room layout */
:root{--paper:#101010;--ink:#f5f2ea;--line:#353535}header{padding:27px 3%;height:90px;background:#101010;position:relative;z-index:5}.brand img{filter:none;width:140px;height:28px}.brand>span{font-size:32px}nav{font-size:11px;gap:30px}nav button{font-size:11px}main{padding:0}.toolbar{margin:0;padding:18px 3%;border-top:1px solid #292929;background:#101010}.filters button{color:#93938e}.filters button.active{color:white}.density{color:#c7c6c0}.grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;align-items:stretch}.project{position:relative;grid-column:span 4;color:white;overflow:hidden;isolation:isolate}.project:nth-child(1),.project:nth-child(2),.project:nth-child(n+6){grid-column:span 6}.image{height:46vw;max-height:710px;min-height:420px;aspect-ratio:auto;background:#181818}.project:nth-child(n+3):nth-child(-n+5) .image{height:34vw;min-height:330px;max-height:530px}.project:nth-child(n+6) .image{height:39vw;min-height:390px;max-height:620px}.image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002 0%,transparent 40%,#0001 55%,#000a 100%);pointer-events:none;transition:opacity .5s}.image img{transition:transform 1.2s cubic-bezier(.2,.6,.2,1),filter .7s}.project:hover .image img{transform:scale(1.04);filter:none}.project:hover .image:after{opacity:.75}.caption{position:absolute;left:6%;right:6%;bottom:49px;z-index:2;margin:0;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:11px}.caption h2{font-size:clamp(32px,3.8vw,66px);letter-spacing:-1.2px;line-height:.98;max-width:94%;text-shadow:0 1px 20px #0003}.caption>span{font-size:9px;letter-spacing:1.1px;text-transform:uppercase;color:#fff;white-space:normal}.artist{position:absolute;bottom:26px;left:6%;color:#ddd;font-size:10px;letter-spacing:.5px;z-index:2;min-height:0;margin:0}.image-open{z-index:2;right:5%;bottom:25px;font-size:26px}.image-number{z-index:2;left:6%;top:25px;color:#fffd;opacity:1;letter-spacing:1px}.study{z-index:2;background:#0004;right:5%;top:24px;backdrop-filter:none;font-size:8px;color:#fff9}.project:nth-child(n+3):nth-child(-n+5) .caption h2{font-size:clamp(27px,3.1vw,48px)}.grid.compact,.grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.compact .project,.grid.filtered .project{grid-column:auto}.grid.compact .image,.grid.filtered .image{height:39vw;max-height:550px;min-height:320px}.grid.compact .caption,.grid.filtered .caption{display:flex;bottom:45px}.grid.compact .caption h2,.grid.filtered .caption h2{font-size:clamp(27px,3vw,45px);margin:0}.grid-note{padding:22px 3%;color:#7f7f79;font-size:9px}footer{margin:35px 3% 0;border-top:1px solid #40403a}.footer-top{margin:30px 0 75px}.footer-top p{font-size:30px}.footer-brand img{filter:none}.footer-bottom{color:#898982}dialog{background:#171717;color:#f5f2ea}.close{background:#171717e8;color:white}.eyebrow,.detail-copy .note,.detail-copy .source{color:#aaa9a2}.detail-image{max-height:72svh}.detail-copy{padding-top:35px}.about-content p{color:#c9c8c2}#project-dialog{width:min(1350px,97vw);max-height:96svh}.dialog-nav{border-color:#353535}.footer-top a:hover,nav a:hover,nav button:hover{opacity:.65}
@media(min-width:1600px){.caption h2{font-size:68px}.caption>span{font-size:11px}.artist{font-size:12px}}
@media(max-width:1000px){.image{height:61vw;min-height:380px}.project:nth-child(n+3):nth-child(-n+5) .image{height:43vw;min-height:310px}.project:nth-child(n+6) .image{height:50vw;min-height:350px}.caption{bottom:45px;gap:9px}.caption h2{font-size:40px}.caption>span{margin:0;font-size:8px}.artist{font-size:9px;bottom:23px}.project:nth-child(n+3):nth-child(-n+5) .caption h2{font-size:29px}}
@media(max-width:600px){header{height:83px;padding:24px 5%}.brand{gap:20px}.brand img{width:85px;height:17px}.brand>span{font-size:25px}nav{gap:16px;font-size:10px}nav button{font-size:10px}.toolbar{padding:16px 4%}.filters{gap:18px}.filters button{font-size:9px}.grid,.grid.compact,.grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.project,.project:nth-child(n),.grid.compact .project,.grid.filtered .project{grid-column:auto}.image,.project:nth-child(n) .image,.grid.compact .image,.grid.filtered .image{height:68vw;min-height:250px;max-height:380px}.caption,.grid.compact .caption,.grid.filtered .caption{left:8%;right:8%;bottom:34px;gap:8px}.caption h2,.project:nth-child(n) .caption h2,.grid.compact .caption h2,.grid.filtered .caption h2{font-size:27px;line-height:1;letter-spacing:-.5px}.caption>span{font-size:7px;letter-spacing:.5px}.artist{left:8%;bottom:16px;font-size:8px}.image-number{left:8%;top:15px;font-size:8px}.image-open{bottom:12px;font-size:19px;right:7%}.study{top:13px;right:6%;font-size:6px;padding:3px}.grid.compact .image{height:51vw;min-height:200px}.grid.compact .caption h2{font-size:24px}.grid-note{padding:22px 4%;font-size:8px}footer{margin:25px 4% 0}.footer-top{margin:25px 0 45px}.footer-top p{font-size:23px;max-width:200px}.footer-brand{padding-bottom:40px}.footer-brand span{font-size:43px}.detail-image{height:50svh;min-height:250px}.detail-copy{padding:27px 6%}.detail-copy h2{font-size:40px}}
/* Quiet identity and cinematic motion */
header{height:105px;padding:34px 4%}.brand{gap:23px}.brand img{width:88px;height:auto}.brand>span{font-size:24px;letter-spacing:-.4px;color:#e2dfd7}nav{gap:31px;color:#bcbab4}nav .selected,nav button.selected{color:#f5f2ea;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}.toolbar{padding-left:4%;padding-right:4%}.density{padding:6px;gap:8px}.grid-icon{height:19px;width:19px;transition:transform .65s cubic-bezier(.2,.7,.2,1),opacity .3s}.density:hover .grid-icon{opacity:.7}.density[aria-pressed="true"] .grid-icon{transform:rotate(90deg)}.density-label{font-size:9px;letter-spacing:.5px}.footer-brand{gap:25px;padding-bottom:45px}.footer-brand img{width:100px}.footer-brand span{font-size:29px;letter-spacing:-.6px}.footer-top{margin-bottom:55px}.image img{transition:transform 1.6s cubic-bezier(.16,1,.3,1),filter 1s}.project:hover .image img{transform:scale(1.045)}.caption{transition:transform .8s cubic-bezier(.16,1,.3,1)}.project:hover .caption{transform:translateY(-5px)}.image-open{transition:opacity .5s,transform .7s;transform:translate(-6px,6px)}.project:hover .image-open{transform:translate(0,0)}.project.is-revealing .image img{animation:frameReveal 1.5s cubic-bezier(.16,1,.3,1) both}.project.is-revealing .caption{animation:captionReveal 1.2s .15s cubic-bezier(.16,1,.3,1) both}@keyframes frameReveal{from{opacity:.2;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes captionReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}dialog[open]{animation:screenIn .65s cubic-bezier(.16,1,.3,1) both}dialog[open]::backdrop{animation:backdropIn .55s ease both}dialog.closing{animation:screenOut .25s ease both}dialog.closing::backdrop{animation:backdropOut .25s ease both}@keyframes screenIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@keyframes screenOut{to{opacity:0;transform:translateY(12px) scale(.985)}}@keyframes backdropIn{from{opacity:0}to{opacity:1}}@keyframes backdropOut{to{opacity:0}}::view-transition-group(*){animation-duration:.7s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(root){animation:pageFadeOut .3s ease both}::view-transition-new(root){animation:pageFadeIn .65s cubic-bezier(.16,1,.3,1) both}@keyframes pageFadeOut{to{opacity:0}}@keyframes pageFadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}[hidden]{display:none!important}.studio-intro{display:grid;grid-template-columns:1fr 1.15fr;border-top:1px solid #292929}.studio-statement{padding:75px 12%}.studio-statement h1{font:400 clamp(45px,5vw,80px)/1.02 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.5px;margin:35px 0}.studio-statement p{font-size:14px;line-height:1.7;color:#d2cfc7}.studio-statement .studio-small{color:#88877f;font-size:12px;margin:25px 0 35px}.studio-statement a{font-size:12px;border-bottom:1px solid #77766e;padding-bottom:7px}.studio-intro figure{margin:0;position:relative;min-height:620px;overflow:hidden}.studio-intro figure img,.studio-pictures img{width:100%;height:100%;object-fit:cover}.studio-intro figure img{position:absolute;inset:0;object-position:55% center}.studio-intro figcaption,.studio-pictures figcaption{position:absolute;left:7%;bottom:25px;z-index:1;text-shadow:0 2px 15px #000;font-size:10px}.studio-pictures{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-top:3px}.studio-pictures figure{height:35vw;max-height:500px;min-height:300px;margin:0;position:relative;overflow:hidden}.studio-pictures figcaption{font:32px 'Libre Caslon Display',Georgia,serif}.studio-pictures figure:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#0007)}.studio-end{display:flex;justify-content:space-between;padding:35px 4%;align-items:center}.studio-end a{font:25px 'Libre Caslon Display',Georgia,serif}.studio-end span{font-size:9px;color:#77766e}@media(max-width:600px){header{height:92px;padding:30px 5%}.brand{gap:17px}.brand img{width:70px}.brand>span{font-size:21px}nav{gap:18px}.grid-icon{height:18px;width:18px}.footer-brand img{width:85px}.footer-brand span{font-size:25px}.studio-intro{grid-template-columns:1fr}.studio-statement{padding:50px 7%}.studio-statement h1{font-size:54px;margin:25px 0}.studio-intro figure{min-height:420px}.studio-pictures{grid-template-columns:1fr 1fr}.studio-pictures figure{height:65vw;min-height:250px}.studio-pictures figure:last-child{grid-column:span 2;height:65vw}.studio-pictures figcaption{font-size:25px}.studio-end{gap:30px}.studio-end span{max-width:150px;text-align:right}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
::view-transition{pointer-events:none}
/* Unified lockup and quiet titles */
.brand{gap:11px}.footer-brand{gap:12px}.brand>span{font-size:23px}.caption,.grid.compact .caption,.grid.filtered .caption{bottom:28px;left:5%;right:5%;gap:0}.caption h2,.project:nth-child(n) .caption h2,.grid.compact .caption h2,.grid.filtered .caption h2{font-size:clamp(23px,2.2vw,34px);line-height:1.1;letter-spacing:-.4px}.caption>span,.project>.artist,.image-number,.image-open{display:none}.image:after{background:linear-gradient(transparent 60%,#0005 100%)}.project:hover .caption{transform:translateY(-2px)}.hover-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity .7s ease}.image:after{z-index:1}.preview-playing .hover-preview{opacity:1}.preview-marker{position:absolute;right:5%;top:23px;z-index:2;font:8px 'Test Sohne',Arial,sans-serif;letter-spacing:.8px;color:#fffa;opacity:0;transition:opacity .5s}.has-preview:hover .preview-marker,.has-preview:focus-visible .preview-marker{opacity:1}.preview-playing .preview-marker:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#fff;margin:0 6px 1px 0}.partner-logo{display:block;width:115px;max-height:45px;height:auto;object-fit:contain;object-position:left;margin:0 0 24px}.invert-logo{filter:brightness(0) invert(1)}.partner-strip{display:flex;justify-content:center;align-items:center;gap:80px;border-top:1px solid #292929;margin-top:35px;padding:55px 5%}.partner-strip img{width:130px;max-height:50px;object-fit:contain}.partner-strip img:last-child{width:135px}video.detail-image{object-fit:contain;background:#000;width:100%}@media(max-width:600px){.brand{gap:9px}.brand>span{font-size:21px}.footer-brand{gap:10px}.caption,.grid.compact .caption,.grid.filtered .caption{bottom:18px;left:8%;right:7%}.caption h2,.project:nth-child(n) .caption h2,.grid.compact .caption h2,.grid.filtered .caption h2{font-size:24px;line-height:1.08}.preview-marker{top:14px;font-size:7px}.partner-strip{gap:28px;padding:35px 7%;margin-top:20px}.partner-strip img{width:26%;max-height:33px}.partner-strip img:last-child{width:26%}.partner-logo{width:95px;max-height:35px}}
/* Studio: an editorial film sequence */
#studio-view[hidden]{display:none}.studio-cinema{height:calc(100svh - 106px);min-height:570px;max-height:1000px;position:relative;isolation:isolate;overflow:hidden;background:#171312}.studio-cinema>img,.studio-cinema>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.studio-cinema:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 35%,#000a);z-index:-1}.cinema-top,.cinema-bottom{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.8px}.cinema-top{top:32px}.cinema-bottom{bottom:30px;letter-spacing:.1px}.cinema-bottom button{background:none;border:0;border-bottom:1px solid #fff7;padding:10px 0;font-size:10px}.studio-cinema h1{position:absolute;bottom:90px;left:4%;font:400 clamp(62px,8.7vw,145px)/.92 'Libre Caslon Display',Georgia,serif;letter-spacing:-2.5px;margin:0}.studio-editorial{display:grid;grid-template-columns:1fr 2fr;padding:120px 8% 130px;gap:7%}.studio-editorial>.eyebrow{padding-top:17px}.studio-editorial h2,.studio-collaborators h2{font:400 clamp(48px,6.3vw,95px)/1.02 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.5px;margin:0 0 40px}.studio-editorial p{font-size:15px;line-height:1.85;max-width:465px;color:#bdbdb7}.studio-section-label{display:flex;justify-content:space-between;padding:24px 4%;border-top:1px solid #333;font-size:9px;letter-spacing:1px}.studio-chapters{display:grid;grid-template-columns:1fr 1fr;gap:3px}.studio-chapter{position:relative;isolation:isolate;overflow:hidden;background:#181818;border:0;padding:0;text-align:left;min-height:680px;color:#fff}.chapter-wide{grid-column:1/-1;min-height:620px}.studio-chapter>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.chapter-wide>img{object-position:50% 40%}.studio-chapter:after{content:'';position:absolute;inset:0;background:linear-gradient(#0005,transparent 25%,#000c);z-index:-1}.studio-chapter:hover>img{transform:scale(1.035)}.chapter-top{position:absolute;top:30px;left:7%;right:7%;font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.chapter-top>span{font-size:20px}.studio-chapter>div{position:absolute;left:7%;right:7%;bottom:38px}.studio-chapter h2{font:400 clamp(44px,5vw,78px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-1px;margin:0 0 18px}.studio-chapter p{font-size:12px;line-height:1.7;max-width:270px;color:#e2e2de}.chapter-credit{display:block;font-size:9px;color:#bdbdbb;margin-top:35px}.chapter-wide .chapter-top{left:4%;right:4%}.chapter-wide>div{left:4%;right:4%}.studio-collaborators{text-align:center;padding:100px 5% 30px}.studio-collaborators h2{margin:32px 0}.studio-collaborators>p{font-size:10px;color:#aaa}.studio-collaborators .partner-strip{border:0;margin:0}.studio-chapter:focus-visible{outline-offset:-6px;outline-color:white}
@media(max-width:600px){nav{gap:15px}nav a{font-size:10px}header{padding-left:5%;padding-right:5%}.brand{gap:7px}.brand img{width:61px}.brand>span{font-size:19px}.studio-cinema{min-height:580px;height:78svh}.studio-cinema h1{font-size:64px;left:6%;bottom:105px;letter-spacing:-1.5px}.cinema-top,.cinema-bottom{left:6%;right:6%;font-size:8px}.cinema-bottom>span{max-width:180px;line-height:1.7}.studio-editorial{grid-template-columns:1fr;padding:70px 7%;gap:32px}.studio-editorial h2{font-size:52px;margin-bottom:30px}.studio-editorial p{font-size:14px}.studio-chapters{grid-template-columns:1fr}.studio-chapter,.chapter-wide{min-height:590px;grid-column:auto}.studio-chapter h2{font-size:54px}.chapter-wide .chapter-top,.chapter-wide>div{left:7%;right:7%}.studio-collaborators{padding-top:70px}.studio-collaborators h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){.studio-chapter>img{transition:none}.studio-chapter:hover>img{transform:none}}
@media(max-width:600px){.studio-cinema h1{font-size:clamp(43px,14vw,62px);right:6%}}
#home-view[hidden]{display:none}
.partner-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;gap:48px 65px;max-width:800px;margin-left:auto;margin-right:auto}.partner-strip img,.partner-strip img:last-child{width:135px;max-width:100%;height:48px;object-fit:contain}.partner-strip img.spotify-logo{width:180px;height:70px;margin:-11px 0}.series-chapter>img{object-position:center 55%}
@media(max-width:600px){.partner-strip{gap:28px 30px;grid-template-columns:repeat(2,minmax(0,1fr));padding:35px 7%}.partner-strip img,.partner-strip img:last-child{width:110px;height:36px;max-height:36px}.partner-strip img.spotify-logo{width:150px;height:64px;max-height:64px;margin:-14px 0}.filters{gap:16px;flex-wrap:wrap}.toolbar{gap:15px}.filters button{font-size:9px}}
.partner-strip img[src$="republic.svg"]{height:62px;max-height:62px}.partner-logo[src$="republic.svg"]{max-height:65px;width:115px}.partner-strip img[src$="rolling-stone.svg"]{width:155px}
@media(max-width:600px){.partner-strip img[src$="republic.svg"]{height:52px;max-height:52px}.partner-strip img[src$="rolling-stone.svg"]{width:125px}}
.series-chapter>img{object-position:68% 40%}.studio-chapter[data-project="3"]>img{object-position:48% 50%}
/* Measured typography, cinematic space, and quieter interaction. */
:root{--page-gutter:clamp(24px,4vw,80px)}
header{position:sticky;top:0;height:88px;padding:24px var(--page-gutter);background:#101010ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0b;z-index:10}
.brand{gap:9px}nav a{position:relative;padding:8px 0;transition:color .3s}nav a:hover{opacity:1;color:#fff}nav a:after{content:'';position:absolute;left:0;bottom:2px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s}nav a:hover:after{transform:scaleX(1)}nav .selected{text-decoration:none}nav .selected:after{transform:scaleX(1)}
.studio-cinema{height:calc(100svh - 88px);min-height:580px;max-height:1000px}
.cinema-top,.cinema-bottom{left:var(--page-gutter);right:var(--page-gutter)}
.studio-cinema h1{font-size:clamp(58px,6.1vw,112px);line-height:1.01;letter-spacing:-1.8px;left:var(--page-gutter);bottom:112px;max-width:850px}
.hero-clock{display:flex;gap:24px;align-items:center}.hero-clock>span:first-child{font-size:8px;color:#bcbcb6}#hero-timecode{font:10px monospace;letter-spacing:1px;font-variant-numeric:tabular-nums;min-width:82px}
.hero-work-link{font-size:11px;display:flex;gap:24px;align-items:center;border-bottom:1px solid #fff6;padding:10px 0}.hero-work-link span,.editorial-link span{display:inline-block;transition:transform .4s}.hero-work-link:hover span,.editorial-link:hover span{transform:translate(3px,-3px)}
.studio-editorial{max-width:1440px;margin:auto;grid-template-columns:1fr 2fr;padding:clamp(70px,8vw,140px) var(--page-gutter);gap:7%}
.studio-editorial h2{font-size:clamp(44px,4.6vw,76px);line-height:1.07;letter-spacing:-1.3px;max-width:650px}
.studio-editorial p{font-size:15px;max-width:500px;line-height:1.85}.editorial-link{display:inline-flex;align-items:center;gap:30px;margin-top:22px;font-size:11px;border-bottom:1px solid #666;padding-bottom:9px}
.studio-section-label{padding:26px var(--page-gutter);font-size:9px;color:#aaa}
.studio-chapter{min-height:clamp(520px,43vw,720px)}.chapter-wide{min-height:clamp(520px,42vw,760px)}
.studio-chapter h2{font-size:clamp(40px,4vw,66px);line-height:1.04;letter-spacing:-.8px;max-width:600px}
.studio-chapter>div{bottom:44px}.studio-chapter p{font-size:13px;line-height:1.7}.chapter-credit{margin-top:24px}
.chapter-wide>div,.chapter-wide .chapter-top{left:var(--page-gutter);right:var(--page-gutter)}
.studio-collaborators{padding:100px var(--page-gutter) 30px}.studio-collaborators h2{font-size:clamp(44px,4.5vw,72px);line-height:1.06;letter-spacing:-1px}
.studio-collaborators .partner-strip{margin:30px auto 0;max-width:900px}
.studio-end{padding:40px var(--page-gutter) 60px;border-bottom:1px solid #292929}.studio-end a{font-size:30px}.studio-end span{color:#999;line-height:1.5}
.studio-statement{padding:clamp(55px,6vw,110px) clamp(30px,5vw,90px)}.studio-statement h1{font-size:clamp(48px,4.6vw,76px);line-height:1.06;max-width:560px}.studio-statement p{max-width:460px}.studio-intro figure{min-height:650px;max-height:850px}
.studio-image-link{border:0;padding:0;text-align:left;background:none;color:inherit;min-width:0;overflow:hidden}.studio-image-link img{transition:transform 1.3s cubic-bezier(.16,1,.3,1)}.studio-image-link:hover img{transform:scale(1.035)}
.studio-pictures figure{height:38vw;max-height:600px}.studio-pictures figcaption{font-size:clamp(26px,2.5vw,40px)}
.toolbar{position:sticky;top:88px;z-index:6;background:#101010ed;backdrop-filter:blur(15px);padding:16px var(--page-gutter)}
.filters button{padding:8px 0}.caption h2,.project:nth-child(n) .caption h2,.grid.compact .caption h2,.grid.filtered .caption h2{font-size:clamp(23px,1.9vw,32px)}
.project:focus-visible{outline:2px solid #fff;outline-offset:-5px}.grid:not(.compact):not(.filtered) .project:last-child:nth-child(even){grid-column:span 6}
footer{margin:0 var(--page-gutter);border-top:0;padding-top:28px}.footer-top{margin:24px 0 50px}.footer-top p{font-size:clamp(23px,2.1vw,32px)}.footer-brand{padding-bottom:40px}.footer-bottom{padding:24px 0}
#project-dialog{width:min(1440px,94vw);background:#121212;border:1px solid #ffffff18}#detail{display:grid;grid-template-columns:1.3fr 1fr;align-items:stretch}
#detail>.detail-image{height:72svh;max-height:840px;min-height:500px;object-fit:cover}
#detail>video.detail-image{object-fit:contain}
.detail-copy{padding:90px 40px 48px;align-self:center}.detail-copy h2{font-size:clamp(38px,3.4vw,56px);line-height:1.04}.detail-copy p{line-height:1.75}.detail-copy .note{line-height:1.7}
.close{top:16px;right:16px;border:1px solid #ffffff30;background:#171717ee;padding:11px 16px}
.section-enter{animation:editorialEnter 1s cubic-bezier(.16,1,.3,1) both}@keyframes editorialEnter{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(min-width:1900px){.studio-editorial{padding-left:60px;padding-right:60px}.studio-chapter>div{bottom:55px}.studio-statement{padding-left:max(80px,calc((100vw - 1700px)/2))}.cinema-top,.cinema-bottom,.studio-cinema h1{left:max(80px,calc((100vw - 1800px)/2));right:max(80px,calc((100vw - 1800px)/2))}}
@media(max-width:800px){#detail{display:block}#detail>.detail-image{height:52svh;min-height:270px;max-height:550px}.detail-copy{padding:34px 7% 40px}}
@media(max-width:600px){:root{--page-gutter:22px}header{height:80px;padding:22px var(--page-gutter)}nav{gap:13px}.brand{gap:7px}.studio-cinema{height:calc(90svh - 80px);min-height:570px}.studio-cinema h1{font-size:clamp(40px,12.4vw,62px);bottom:140px;letter-spacing:-1px}.cinema-top{top:26px}.hero-clock>span:first-child{display:none}.cinema-bottom{bottom:28px;display:grid;grid-template-columns:1fr auto;gap:22px 16px}.cinema-bottom>span{grid-column:1/-1;max-width:none;font-size:8px}.hero-work-link{font-size:10px;width:fit-content;gap:20px}.studio-editorial{padding:65px var(--page-gutter);grid-template-columns:1fr;gap:25px}.studio-editorial h2{font-size:46px}.studio-chapter,.chapter-wide{min-height:560px}.studio-chapter h2{font-size:44px}.studio-chapter>div{bottom:30px}.studio-collaborators{padding-top:70px}.studio-collaborators h2{font-size:46px}.studio-end{gap:20px;padding-bottom:35px}.studio-end a{font-size:26px}.studio-statement{padding:55px var(--page-gutter)}.studio-statement h1{font-size:48px}.studio-intro figure{min-height:430px}.studio-pictures .studio-image-link:last-child{grid-column:1/-1}.studio-pictures figure,.studio-pictures figure:last-child{height:72vw;min-height:280px}.studio-pictures figcaption{font-size:26px}.toolbar{top:80px;padding:11px 4%;gap:12px}.filters{gap:14px}.filters button{font-size:9px}.grid:not(.compact):not(.filtered) .project:last-child:nth-child(even){grid-column:auto}.footer-top{gap:25px}.footer-top p{font-size:24px}.footer-top a{white-space:normal;text-align:right}footer{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.section-enter{animation:none}.studio-image-link img{transition:none}.studio-image-link:hover img{transform:none}}

/* Image-led grids: more columns, rather than larger tiles. */
.grid,.grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}
.grid .project:nth-child(n),.grid:not(.compact):not(.filtered) .project:last-child:nth-child(even){grid-column:auto}
.grid .project:nth-child(n) .image{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
.grid .project:nth-child(n) .caption{left:22px;right:22px;bottom:23px}
.grid .project:nth-child(n) .caption h2{font-size:27px;line-height:1.05;letter-spacing:-.35px}
.grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:1000px){.grid,.grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1600px){.grid,.grid.filtered{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.compact{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:2200px){.grid,.grid.filtered{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(min-width:3000px){.grid,.grid.filtered{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.compact{grid-template-columns:repeat(7,minmax(0,1fr))}}
@media(max-width:600px){.grid,.grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}.grid .project:nth-child(n) .caption{left:14px;right:14px;bottom:17px}.grid .project:nth-child(n) .caption h2{font-size:22px}.grid.compact .project:nth-child(n) .image{aspect-ratio:1}}

/* An editorial sequence, recomposed across screens. */
.home-feature{width:100%;background:#111}.home-feature .project{display:block;width:100%;text-align:left}
.home-feature .project:nth-child(n) .image{height:calc(90svh - 88px);min-height:520px;max-height:1000px;aspect-ratio:auto}
.home-feature .image img{object-position:center 52%!important}.home-feature .caption{left:var(--page-gutter);bottom:48px;display:block;right:var(--page-gutter)}
.home-feature .caption>span{display:block;font-size:9px;letter-spacing:1.4px;margin-bottom:14px}
.home-feature .project .caption h2{font:400 clamp(52px,5.4vw,90px)/1 'Libre Caslon Display',Georgia,serif;letter-spacing:-1.3px}
.home-feature .caption p{font-size:11px;margin:20px 0 0}.home-feature .image:after{background:linear-gradient(transparent 45%,#000a)}
.collection-heading{display:flex;justify-content:space-between;padding:45px var(--page-gutter) 30px;font-size:10px;letter-spacing:1px}
.editorial-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:70px 30px;padding:0 var(--page-gutter) 70px;max-width:2000px;margin:auto;align-items:start}
.editorial-grid .project:nth-child(n){grid-column:span 3;display:block;width:100%}
.editorial-grid .project:nth-child(n) .image{height:auto;min-height:0;max-height:none;aspect-ratio:4/5}
.editorial-grid .project:nth-child(n) .caption{position:static;display:block;margin-top:16px;transform:none}
.editorial-grid .project:nth-child(n) .caption h2{font-size:29px;letter-spacing:-.4px;line-height:1.1}
.editorial-grid .caption>span{display:block;font-size:9px;letter-spacing:.5px;color:#999;margin-top:8px}
.editorial-grid .image:after{background:none}.editorial-grid .project[data-frame="0"]{grid-column:span 7}.editorial-grid .project[data-frame="0"] .image{aspect-ratio:1.45}
.editorial-grid .project[data-frame="2"]{grid-column:9 / span 4;margin-top:90px}.editorial-grid .project[data-frame="2"] .image{aspect-ratio:4/5}
.editorial-note{grid-column:span 4;align-self:center;padding:35px 10px 35px 0}.editorial-note h2{font:400 clamp(36px,3.2vw,56px)/1.05 'Libre Caslon Display',Georgia,serif;letter-spacing:-.7px;margin:24px 0}.editorial-note p{font-size:12px;color:#aaa;line-height:1.8}.editorial-note a{display:inline-block;font-size:10px;border-bottom:1px solid #777;padding-bottom:8px;margin-top:20px}
.editorial-grid .project[data-frame="9"]{grid-column:span 8}.editorial-grid .project[data-frame="9"] .image{aspect-ratio:1.8}
.editorial-grid .project[data-frame="1"]{grid-column:span 4}.editorial-grid .project[data-frame="3"]{grid-column:6 / span 7;margin-top:70px}.editorial-grid .project[data-frame="3"] .image{aspect-ratio:1.45}
@media(min-width:1900px){.editorial-grid{gap:85px 45px}.editorial-grid .project[data-frame="2"]{grid-column:9 / span 3}.editorial-grid .project[data-frame="1"]{grid-column:2 / span 3}.editorial-grid .project[data-frame="3"]{grid-column:6 / span 7}.collection-heading{max-width:2000px;margin:auto}}
@media(max-width:1000px){.editorial-grid{gap:45px 22px}.editorial-grid .project[data-frame="2"]{grid-column:8 / span 5;margin-top:60px}.editorial-note{grid-column:span 5}.editorial-grid .project[data-frame="9"]{grid-column:span 7}.editorial-note h2{font-size:36px}.editorial-grid .project:nth-child(n) .caption h2{font-size:25px}}
@media(max-width:600px){.home-feature .project:nth-child(n) .image{height:72svh;min-height:480px;max-height:700px}.home-feature .image img{object-position:65% center!important}.home-feature .caption{bottom:32px}.home-feature .project .caption h2{font-size:56px}.home-feature .caption>span{font-size:8px}.collection-heading{padding:30px 22px 22px;font-size:8px}.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 16px;padding:0 22px 45px}.editorial-grid .project:nth-child(n){grid-column:span 1;margin:0}.editorial-grid .project[data-frame="0"],.editorial-grid .project[data-frame="9"],.editorial-grid .project[data-frame="3"]{grid-column:1/-1}.editorial-grid .project[data-frame="0"] .image{aspect-ratio:1.15}.editorial-grid .project[data-frame="2"]{grid-column:1}.editorial-note{grid-column:2;padding:0;align-self:center}.editorial-note h2{font-size:29px;margin:16px 0}.editorial-note .eyebrow{font-size:8px}.editorial-note p{font-size:10px}.editorial-note a{font-size:9px;margin-top:10px}.editorial-grid .project[data-frame="1"]{grid-column:1/-1;width:78%;margin:0 auto}.editorial-grid .project[data-frame="1"] .image{aspect-ratio:4/5}.editorial-grid .project:nth-child(n) .caption h2{font-size:24px}.editorial-grid .caption>span{font-size:8px}.editorial-grid .project[data-frame="9"] .image{aspect-ratio:1.2}.editorial-grid .project[data-frame="3"] .image{aspect-ratio:1.2}}

/* Editorial captions and distinct feature spreads. */
.collection-heading{padding-top:48px;padding-bottom:32px;border-bottom:1px solid #34342f;margin-bottom:35px}.collection-heading>span:nth-child(2){font-family:'Libre Caslon Display',Georgia,serif;font-size:20px;letter-spacing:0}
.editorial-grid{row-gap:95px}.editorial-grid .project.story-card .caption{position:relative;padding-top:18px;margin-top:0;border-top:1px solid #55554b;margin-right:0}
.editorial-grid .project .caption>.story-kicker{font-size:9px;color:#a7a69e;letter-spacing:1px;margin:0 35px 15px 0}
.editorial-grid .project.story-card .caption h2{font:400 clamp(36px,3.1vw,58px)/1.03 'Libre Caslon Display',Georgia,serif;letter-spacing:-.9px;max-width:95%;margin:0}
.editorial-grid .story-deck{font:12px/1.65 'Test Sohne',Arial,sans-serif;color:#b2b0a9;max-width:420px;margin:16px 0 0}.editorial-grid .caption>.story-arrow{position:absolute;right:1px;top:12px;font-size:23px;color:#ddd;transition:transform .4s}.editorial-grid .project:hover .story-arrow{transform:translate(3px,-3px)}
.editorial-note{border-top:1px solid #55554b;border-bottom:1px solid #55554b;padding:35px 0 40px}.editorial-note h2{font-style:italic;font-size:clamp(40px,4vw,66px);line-height:1.02}.editorial-note .eyebrow{letter-spacing:1.4px}
.editorial-grid .project[data-frame="13"]{grid-column:2 / span 4}.editorial-grid .project[data-frame="13"] .image{aspect-ratio:4/5}.editorial-grid .project[data-frame="14"]{grid-column:7 / span 6;margin-top:110px}.editorial-grid .project[data-frame="14"] .image{aspect-ratio:1.5}
.editorial-grid .project[data-frame="10"]{grid-column:1/-1}.editorial-grid .project[data-frame="10"] .image{aspect-ratio:2.2}.editorial-grid .project[data-frame="10"] .caption{display:grid;grid-template-columns:1fr 2fr;column-gap:30px;padding-top:24px}.editorial-grid .project[data-frame="10"] .story-kicker{grid-row:1/3}.editorial-grid .project[data-frame="10"] .caption h2{font-size:clamp(44px,5vw,78px)}
.editorial-grid .project[data-frame="12"]{grid-column:1 / span 5}.editorial-grid .project[data-frame="12"] .image{aspect-ratio:1}.editorial-grid .project[data-frame="11"]{grid-column:7 / span 6;margin-top:95px}.editorial-grid .project[data-frame="11"] .image{aspect-ratio:1.4}
.editorial-grid .project[data-frame="15"]{grid-column:1 / span 7}.editorial-grid .project[data-frame="15"] .image{aspect-ratio:1.3}.editorial-grid .project[data-frame="1"]{grid-column:9 / span 4;margin-top:100px}
.editorial-grid .project[data-frame="3"]{grid-column:2 / span 10;margin-top:0}.editorial-grid .project[data-frame="3"] .image{aspect-ratio:2}
.archive-heading{grid-column:1/-1;border-top:1px solid #444;padding-top:28px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:18px}.archive-heading>span{grid-column:1/-1;font-size:9px;letter-spacing:1px;color:#aaa}.archive-heading h2{font:400 44px/1 'Libre Caslon Display',Georgia,serif;margin:0}.archive-heading a{font-size:11px}.award-credit{font-size:11px!important;text-transform:uppercase;letter-spacing:1px;color:#d9c9a3}
@media(max-width:1000px){.editorial-grid{row-gap:65px}.editorial-grid .project.story-card .caption h2{font-size:36px}.editorial-grid .project[data-frame="13"]{grid-column:1/span 5}.editorial-grid .project[data-frame="14"]{grid-column:7/span 6;margin-top:70px}}
@media(max-width:600px){.collection-heading{margin-bottom:25px;padding-top:26px}.collection-heading>span:nth-child(2){display:none}.editorial-grid{row-gap:48px}.editorial-grid .project.story-card .caption h2{font-size:34px}.editorial-grid .project .caption>.story-kicker{font-size:8px;line-height:1.5}.editorial-grid .story-deck{font-size:11px;margin-top:12px}.editorial-note{padding:20px 0}.editorial-note h2{font-size:30px}.editorial-grid .project[data-frame="13"]{grid-column:1/-1;width:80%;margin:0}.editorial-grid .project[data-frame="14"]{grid-column:1/-1;width:90%;justify-self:end;margin:0}.editorial-grid .project[data-frame="10"]{grid-column:1/-1}.editorial-grid .project[data-frame="10"] .image{aspect-ratio:1.3}.editorial-grid .project[data-frame="10"] .caption{display:block}.editorial-grid .project[data-frame="10"] .caption h2{font-size:44px}.editorial-grid .project[data-frame="12"],.editorial-grid .project[data-frame="11"],.editorial-grid .project[data-frame="15"],.editorial-grid .project[data-frame="3"]{grid-column:1/-1;margin:0;width:100%}.editorial-grid .project[data-frame="12"]{width:88%}.editorial-grid .project[data-frame="11"]{width:94%;justify-self:end}.editorial-grid .project[data-frame="1"]{grid-column:1/-1;width:78%;margin:0 auto}.editorial-grid .project[data-frame="3"] .image{aspect-ratio:1.2}.archive-heading{grid-column:1/-1;gap:20px}.archive-heading h2{font-size:35px}.archive-heading a{font-size:9px}}

/* Clear navigation, cinematic scale, and a more disciplined composition. */
.editorial-note h2,em,i{font-style:normal}
.collection-heading,.editorial-grid .project.story-card .caption,.editorial-note,.archive-heading{border:0}
.editorial-note a{border:0;padding-bottom:0}.collection-heading{margin-bottom:20px;padding-top:38px;padding-bottom:20px}.collection-heading>span:nth-child(2){display:none}
.chapter-nav{position:sticky;top:88px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:19px var(--page-gutter);background:#101010f5;backdrop-filter:blur(18px);font-size:11px}
.chapter-nav>div{display:flex;gap:28px}.chapter-nav button{background:none;border:0;padding:9px 0;color:#92928b;font-size:11px;transition:color .25s}.chapter-nav button.active,.chapter-nav button:hover{color:#fff}.chapter-nav button.active:before{content:'•';display:inline-block;margin-right:8px;color:#ddd}.chapter-nav>a{padding:9px 0;white-space:nowrap}.chapter-nav>a span{margin-left:20px}.chapter-nav a:after{display:none}
.editorial-grid{row-gap:70px;column-gap:36px}.editorial-grid .project.story-card .caption{padding-top:19px;left:auto;right:auto;bottom:auto}.editorial-grid .project.story-card .caption h2{font-size:clamp(32px,2.8vw,48px);line-height:1.04;letter-spacing:-.65px;max-width:90%}.editorial-grid .project .caption>.story-kicker{font-size:8px;letter-spacing:1.15px;margin-bottom:12px}.editorial-grid .story-deck{margin-top:11px}.editorial-grid .caption>.story-arrow{top:18px}
.editorial-grid .project[data-frame="2"]{grid-column:9/span 4;margin-top:65px}.editorial-note{padding:24px 0;max-width:360px}.editorial-note h2{font-size:clamp(37px,3.6vw,56px);line-height:1.05}.editorial-note .eyebrow{font-size:8px}
.editorial-grid .project[data-frame="13"]{grid-column:1/span 4;margin-top:0}.editorial-grid .project[data-frame="14"]{grid-column:6/span 7;margin-top:65px}.editorial-grid .project[data-frame="14"] .image{aspect-ratio:1.7}
.editorial-grid .project[data-frame="10"]{position:relative;margin:15px 0 20px;isolation:isolate}.editorial-grid .project[data-frame="10"] .image{aspect-ratio:1.95;min-height:520px}.editorial-grid .project[data-frame="10"] .image:after{background:linear-gradient(transparent 40%,#000b)}
.editorial-grid .project[data-frame="10"] .caption{position:absolute;left:5%;right:5%;bottom:40px;display:block;color:white;padding:0;z-index:3}.editorial-grid .project[data-frame="10"] .caption h2{font-size:clamp(52px,6vw,88px);max-width:750px}.editorial-grid .project[data-frame="10"] .story-kicker{color:#fff}.editorial-grid .project[data-frame="10"] .story-deck{color:#eee}.editorial-grid .project[data-frame="10"] .story-arrow{font-size:32px;top:auto;bottom:0}
.editorial-grid .project[data-frame="11"]{margin-top:65px}.editorial-grid .project[data-frame="1"]{margin-top:65px}.editorial-grid .project[data-frame="15"] .image{aspect-ratio:1.5}.editorial-grid .project[data-frame="3"]{grid-column:1/-1}.editorial-grid .project[data-frame="3"] .image{aspect-ratio:2.4}
.archive-heading{padding-top:15px}.archive-heading h2{font-size:40px}
.project.is-revealing .caption{animation:none}.project.is-revealing .image img{animation:quietFrame 1s cubic-bezier(.16,1,.3,1) both}@keyframes quietFrame{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1900px){.editorial-grid{column-gap:50px;row-gap:80px}.editorial-grid .project[data-frame="10"] .image{aspect-ratio:2.3;max-height:850px}.editorial-grid .project[data-frame="2"]{grid-column:9/span 4}}
@media(max-width:1000px){.editorial-grid .project[data-frame="2"]{grid-column:8/span 5}.editorial-grid .project[data-frame="13"]{grid-column:1/span 5}.editorial-grid .project[data-frame="14"]{grid-column:7/span 6}.chapter-nav>div{gap:20px}}
@media(max-width:600px){.chapter-nav{top:80px;padding:10px 18px;gap:12px}.chapter-nav>div{gap:13px}.chapter-nav button,.chapter-nav>a{font-size:9px}.chapter-nav>a span{margin-left:4px}.chapter-nav button.active:before{margin-right:4px}.collection-heading{padding:28px 22px 12px;margin-bottom:16px}.editorial-grid{gap:42px 16px}.editorial-grid .project.story-card .caption h2{font-size:29px}.editorial-grid .project[data-frame="2"]{grid-column:1;margin:0}.editorial-grid .project[data-frame="2"] .caption h2{font-size:25px}.editorial-note{grid-column:2;padding:0}.editorial-note h2{font-size:29px}.editorial-grid .project[data-frame="13"]{grid-column:1/-1;width:84%;margin:0}.editorial-grid .project[data-frame="14"]{grid-column:1/-1;width:100%;margin:0}.editorial-grid .project[data-frame="10"]{grid-column:1/-1;margin:0 -22px;width:calc(100% + 44px)}.editorial-grid .project[data-frame="10"] .image{aspect-ratio:auto;height:65svh;min-height:460px;max-height:620px}.editorial-grid .project[data-frame="10"] .caption{left:22px;right:22px;bottom:30px}.editorial-grid .project[data-frame="10"] .caption h2{font-size:53px}.editorial-grid .project[data-frame="11"],.editorial-grid .project[data-frame="1"]{margin-top:0}.editorial-grid .project[data-frame="15"] .image{aspect-ratio:1.25}.editorial-grid .project[data-frame="3"] .image{aspect-ratio:1.3}}

@font-face{font-family:'Test Sohne';src:url('assets/fonts/test-soehne-buch.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'Test Sohne';src:url('assets/fonts/test-soehne-kraftig.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'Test Sohne';src:url('assets/fonts/test-soehne-halbfett.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap;}

/* Keep photography stationary on initial load and section entry. */
.project.is-revealing .image img,.project.is-revealing .caption{animation:none}
@keyframes editorialEnter{from{opacity:.25}to{opacity:1}}
@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}

/* Scroll-driven image drift, with fixed overscan to hide edges. */
@media (min-width:701px) and (prefers-reduced-motion:no-preference){
.parallax-frame{position:relative;overflow:hidden}
.parallax-frame>img,.parallax-frame>.hover-preview{position:absolute;top:-24px;left:0;width:100%;height:calc(100% + 48px);max-height:none;translate:0 var(--image-drift,0px)}
}