@import url('tokens.css');
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid white;outline-offset:6px}button{border:0}img{display:block;max-width:100%}.skip{position:fixed;top:-80px;left:20px;z-index:20;padding:15px;background:white;color:black}.skip:focus{top:10px}header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter)}.brand{display:flex;align-items:baseline;font-size:22px;font-weight:800;letter-spacing:-2px}.brand-line{display:block;width:5px}.brand-dot{margin-left:4px}nav{display:flex;gap:30px;font-size:13px}.language{font-size:12px;border-bottom:1px solid #777;padding-bottom:4px}.hero{position:relative;height:100svh;min-height:740px;overflow:hidden;background:#050505}.hero-image{position:absolute;inset:0;transform:scale(var(--scene-scale,1));will-change:transform}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:50% 55%;opacity:.57}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,rgba(0,0,0,.25) 65%,#050505)}.hero-kicker{position:absolute;top:16%;left:var(--gutter);font-size:10px;letter-spacing:.23em}.signature{position:absolute;left:var(--gutter);right:var(--gutter);top:27%;margin:0;font-size:clamp(70px,13.5vw,235px);font-weight:800;line-height:.78;letter-spacing:-.085em}.name-row{display:flex;justify-content:space-between;max-width:1140px}.name-row span{display:block}.surname{margin-top:.09em;max-width:910px}.surname i{width:.22em}.surname b{font-size:.45em;align-self:flex-end;margin-bottom:.05em;letter-spacing:0}.hero-bottom{position:absolute;bottom:8%;left:var(--gutter);right:var(--gutter);display:flex;align-items:end;justify-content:space-between;font-size:14px;line-height:1.5}.hero-bottom p{margin:0}.hero-bottom a{border-bottom:1px solid #777;padding-bottom:8px}.hero-credit{position:absolute;bottom:22px;left:var(--gutter);font-size:8px;letter-spacing:.1em;color:#aaa}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:400}.statement{padding:160px var(--gutter) 180px}.statement h2{font-size:clamp(55px,9vw,150px);line-height:.96;font-weight:400;letter-spacing:-.075em;margin:70px 0 50px;max-width:1200px}.statement-copy{margin-left:52%;max-width:490px;font-size:20px;line-height:1.5;color:#b7b7b2}.text-link{font-size:13px;color:white;border-bottom:1px solid #777;padding-bottom:8px}.work{padding:0 var(--gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 40px}.section-label{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #393939;padding:22px 0 65px;align-items:center}.section-label h2,.section-label span{font-size:12px;font-weight:400;margin:0}.project{margin-bottom:120px;min-width:0}.project-0,.project-4{grid-column:1/-1}.project-1{grid-column:2/6;margin-top:60px}.project-2{grid-column:7/13;margin-top:300px}.project-3{grid-column:4/10}.project-meta{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.1em;padding-bottom:15px;color:#b9b9b5}.film{position:relative;display:block;width:100%;padding:0;background:#101010;text-align:left;overflow:hidden}.film img{width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.6,.2,1)}.film:hover img{transform:scale(1.025)}.play{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,.75);padding:12px 16px;font-size:12px;color:#fff}.project-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:22px}.project-caption h3,.project-caption h2{font-size:clamp(22px,2.5vw,42px);font-weight:400;letter-spacing:-.045em;margin:0}.project-caption p{font-size:13px;line-height:1.5;color:#aaa;max-width:270px;margin:0}.project-1 .project-caption,.project-3 .project-caption{display:block}.project-1 .project-caption p,.project-3 .project-caption p{margin-top:12px}.project-3 .film{max-height:800px}.project-3 img{height:800px;object-fit:contain}.other{padding:40px var(--gutter) 140px}.other a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #383838;padding:42px 0;gap:25px}.other span{font-size:12px}.other strong{font-size:clamp(24px,5.5vw,85px);font-weight:400;letter-spacing:-.055em;margin-left:auto;margin-right:10%}footer{padding:80px var(--gutter) 30px;border-top:1px solid #333}.contact-title{display:flex;justify-content:space-between;font-size:clamp(55px,10.8vw,170px);line-height:1.2;letter-spacing:-.07em;margin:50px 0 80px}.contact-title span{font-weight:100}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px}.legal{display:flex;justify-content:space-between;margin-top:70px;font-size:10px;color:#aaa}.page-intro{padding:170px var(--gutter) 100px}.page-intro h1{font-size:clamp(76px,13vw,190px);line-height:.87;letter-spacing:-.075em;font-weight:400;margin:60px 0}.page-intro>p:last-child:not(.eyebrow){margin-left:52%;max-width:530px;font-size:20px;line-height:1.5;color:#aaa}.music-feature{margin:0 var(--gutter) 150px}.draft-note{font-size:11px;color:#aaa;margin-top:30px}.portrait-feature{padding:0 var(--gutter) 130px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.portrait-feature .film{max-width:450px;margin:auto}.portrait-feature h2{font-size:clamp(40px,6vw,90px);font-weight:400;letter-spacing:-.06em}.about{padding:0 var(--gutter) 150px;display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.about img{width:100%;height:auto}.about p{font-size:20px;line-height:1.6;margin:0 0 30px;color:#bbb}dialog{width:min(1200px,95vw);max-height:95svh;padding:20px;border:1px solid #444;background:#090909;color:#eee}dialog::backdrop{background:rgba(0,0,0,.94)}.viewer-top,.viewer-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px}.viewer-top h2{font-size:18px;font-weight:400}.viewer-top button{background:none;padding:12px}.viewer-bottom{font-size:12px;justify-content:flex-start;padding-top:18px}.viewer-bottom a{margin-left:auto;text-decoration:underline}select{background:#161616;border:1px solid #555;padding:8px}#player{display:block;width:100%;max-height:70svh;background:black}.modal-open{overflow:hidden}.motion-ready .name-row span{animation:compose 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--i)*55ms)}@keyframes compose{from{transform:translateY(65px);opacity:0}to{transform:translateY(0);opacity:1}}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.motion-ready .reveal.visible{opacity:1;transform:none}
@media(min-width:1700px){.signature{left:7vw;top:28%}.hero-kicker{left:7vw}.hero-bottom{left:7vw;right:7vw}.name-row{max-width:1400px}.surname{max-width:1100px}}
@media(max-width:700px){header{padding-top:24px}nav{gap:17px;font-size:11px}nav a:last-child{display:none}.brand{font-size:20px}.hero{height:94svh;min-height:660px}.hero-image img{object-position:61% 50%;opacity:.65}.hero-kicker{top:20%;font-size:9px}.signature{top:32%;font-size:15.4vw;line-height:.85;letter-spacing:-.09em}.surname{margin-top:.18em;width:85%}.hero-bottom{bottom:10%;display:block;font-size:13px}.hero-bottom a{display:inline-block;margin-top:25px}.hero-credit{bottom:22px;font-size:7px}.statement{padding:100px var(--gutter)}.statement h2{margin:45px 0 35px;font-size:15vw}.statement-copy{margin-left:14%;font-size:17px}.work{display:block}.section-label{padding-bottom:40px}.project{margin:0 0 75px}.project-1{width:77%;margin-left:auto}.project-2{width:100%}.project-3{width:77%;margin-right:auto}.project-3 img{height:auto}.project-caption{display:block}.project-caption p{margin-top:10px;max-width:100%;font-size:12px}.project-caption h3{font-size:27px}.project-meta{font-size:8px;letter-spacing:.03em}.play{bottom:12px;left:12px;padding:11px;font-size:11px}.other{padding:10px var(--gutter) 70px}.other a{flex-wrap:wrap;padding:28px 0;gap:15px}.other strong{font-size:30px;margin:0 auto 0 0;order:3;width:100%}.other span:last-child{margin-left:auto}.contact-title{font-size:14vw;margin:40px 0 50px}footer{padding-top:50px}.footer-bottom{display:grid;gap:20px}.legal{font-size:8px;gap:20px}.page-intro{padding-top:130px;padding-bottom:55px}.page-intro h1{font-size:20vw;margin:45px 0}.page-intro>p:last-child:not(.eyebrow){margin-left:10%;font-size:17px}.music-feature{margin-bottom:70px}.portrait-feature{gap:25px;grid-template-columns:1.1fr .9fr;padding-bottom:70px}.portrait-feature h2{font-size:35px}.about{display:block;padding-bottom:70px}.about img{margin-bottom:40px;height:auto}.about p{font-size:18px}dialog{padding:12px}.viewer-top h2{font-size:14px}.viewer-bottom{gap:8px;flex-wrap:wrap}.viewer-bottom select{max-width:190px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-image{transform:none!important}.motion-ready .reveal{opacity:1;transform:none}}
.hero-image img{object-position:50% 50%;opacity:.78}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%,rgba(0,0,0,.15) 65%,#050505)}.project-3{grid-column:1/-1}.project-3 .film{max-height:none}.project-3 img{height:auto;object-fit:initial}.project-4{grid-column:3/11}.archive{padding:0 var(--gutter) 100px}.archive button{display:flex;justify-content:space-between;width:100%;background:none;border-top:1px solid #333;padding:25px 0;font-size:clamp(20px,3vw,42px);letter-spacing:-.03em;text-align:left}.method{padding:60px var(--gutter) 140px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.method>.eyebrow{grid-column:1/-1}.method h3{font-size:clamp(20px,2.2vw,34px);font-weight:400;letter-spacing:-.04em}.method div p{font-size:14px;color:#aaa}.contact-copy{font-size:18px;line-height:1.5;max-width:530px;margin-bottom:50px;color:#aaa}@media(max-width:700px){.hero-image img{object-position:44% 50%}.hero-bottom p{font-size:20px;line-height:1.25;letter-spacing:-.03em}.project-3{width:100%}.method{display:block;padding-top:0;padding-bottom:80px}.method>div{margin-top:36px}.archive{padding-bottom:70px}.archive button{font-size:22px}.contact-copy{font-size:16px}.hero .signature{top:29%}}
.services{padding:0 var(--gutter) 130px;max-width:1150px}.services h2{font-size:clamp(40px,6vw,90px);letter-spacing:-.055em;font-weight:400;line-height:1.05}.services>p:last-child{max-width:650px;font-size:19px;line-height:1.6;color:#aaa}@media(max-width:700px){.services{padding-bottom:80px}.services>p:last-child{font-size:17px}}
figure.film{margin:0}.hero-bottom p{font-size:20px;line-height:1.3;letter-spacing:-.03em}

.story{padding:0 var(--gutter) 120px}.story>h2{font-size:clamp(38px,5vw,76px);font-weight:400;letter-spacing:-.05em;max-width:950px;line-height:1.1}.story>p:not(.eyebrow){max-width:720px;font-size:19px;line-height:1.6;color:#bbb}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.service-grid h3{font-size:24px;font-weight:400}.service-grid p{color:#bbb;line-height:1.6}.music-lead{padding:0 var(--gutter) 130px;display:grid;grid-template-columns:minmax(0,480px) 1fr;gap:10%;align-items:center;max-width:1300px;margin:auto}.music-lead .film img{width:100%;height:auto}.music-lead h2{font-size:clamp(45px,6vw,90px);font-weight:400;letter-spacing:-.06em;line-height:1}.music-lead p:not(.eyebrow){color:#aaa;line-height:1.6;max-width:350px}.secondary-music{max-width:900px;margin-left:auto;margin-right:auto;padding:0 var(--gutter)}@media(max-width:700px){.story{padding-bottom:75px}.story>p:not(.eyebrow){font-size:17px}.service-grid{display:block}.service-grid article{margin-top:35px}.music-lead{display:flex;flex-direction:column;align-items:stretch;gap:25px;padding-bottom:70px}.music-lead .film{width:82%;margin:0 auto}.music-lead h2{font-size:48px}.music-lead>div{padding:0 9%}}