:root{--paper:#d8d9d5;--ink:#111311;--light:#eeefea;--muted:#979b96;--line:#343833;--pad:clamp(20px,3.2vw,60px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0;border-radius:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:6px}button:disabled{cursor:wait}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--paper);padding:14px}.skip-link:focus{top:15px}.site-header{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:28px var(--pad);font-size:14px;letter-spacing:-.035em}.wordmark{font-weight:600}.site-header nav{display:flex;gap:52px}.site-header nav a{display:flex;gap:32px}.site-header a:hover{text-decoration:underline;text-underline-offset:4px}.intro{position:relative;min-height:min(900px,100svh);padding:145px var(--pad) 28px;display:flex;flex-direction:column;isolation:isolate}.intro-note{display:flex;align-items:center;justify-content:space-between;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;margin-bottom:38px;letter-spacing:-.03em}.name{margin:0;display:flex;flex-direction:column;font-size:clamp(80px,17vw,290px);font-weight:800;line-height:.79;letter-spacing:-.09em}.name>span{display:block}.name>span+span{margin-top:.1em}.hero-film{position:absolute;z-index:2;width:32.5vw;max-width:550px;right:var(--pad);top:196px;padding:0;background:none;text-align:left;transform:translate(var(--x,0px),var(--y,0px));transition:transform .55s cubic-bezier(.16,1,.3,1)}.hero-media{display:block;position:relative;aspect-ratio:16/9;background:#7b8f8d;overflow:hidden}.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-media video{opacity:0;transition:opacity .35s}.hero-film.is-playing video{opacity:1}.hero-play{position:absolute;right:16px;bottom:12px;color:white;font-size:34px;line-height:1;transition:transform .25s}.hero-film:hover .hero-play{transform:translate(3px,-3px)}.hero-caption{display:flex;justify-content:space-between;gap:16px;font-size:10px;padding-top:10px;letter-spacing:-.02em}.intro-bottom{margin-top:auto;padding-top:100px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;font-size:12px}.intro-bottom p{margin:0}.intro-bottom a{display:flex;gap:50px;align-items:center}.intro-bottom a span{font-size:22px}.intro-bottom button{background:none;padding:8px 0}.intro-bottom button span{display:inline-block;min-width:19px;text-align:right;color:#60655f}.work-section{background:var(--ink);color:var(--light);padding:65px var(--pad) 28px;scroll-margin-top:0}.section-bar{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--line);gap:20px}.section-bar h2{font-size:clamp(32px,4.3vw,72px);line-height:1;letter-spacing:-.065em;margin:0;font-weight:400}.section-bar sup{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;letter-spacing:0;vertical-align:top;display:inline-block;margin:6px 0 0 5px;color:var(--muted)}.view-controls{display:flex;align-items:center;gap:14px;font-size:12px}.view-controls>span{color:#5f655e}.view-controls button{padding:8px 0;background:none;color:var(--muted)}.view-controls button.active{color:var(--light);text-decoration:underline;text-underline-offset:5px}.collection{padding:95px 0 100px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:28px;row-gap:110px}.loading-message{grid-column:1/-1;color:var(--muted);font-size:14px}.project{min-width:0;position:relative;display:block;padding:0;background:none;text-align:left;color:var(--light);width:100%;align-self:start}.project-number{display:block;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);padding-bottom:12px}.project-media{position:relative;display:block;width:100%;aspect-ratio:var(--ratio,16/9);overflow:hidden;background:#20251f}.project-media img,.project-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s,transform .75s cubic-bezier(.16,1,.3,1)}.project-media video{opacity:0}.project.is-playing video{opacity:1}.project:hover img,.project:focus-visible img{transform:scale(1.025)}.project-copy{display:flex;flex-direction:column;gap:7px;padding-top:14px;padding-right:58px}.project-brand{font-size:10px;color:#b2b7af}.project-title{font-size:clamp(16px,1.3vw,23px);letter-spacing:-.035em;line-height:1.15}.project-play{position:absolute;bottom:0;right:0;font-size:10px;display:flex;align-items:center;gap:10px}.project-play i{font-size:22px;font-style:normal;transition:transform .3s}.project:hover .project-play i{transform:translate(2px,-2px)}.project:nth-child(1){grid-column:1/8}.project:nth-child(2){grid-column:9/13;margin-top:210px}.project:nth-child(3){grid-column:2/7}.project:nth-child(4){grid-column:8/13;margin-top:150px}.project:nth-child(5){grid-column:1/9}.project:nth-child(6){grid-column:11/13;margin-top:190px}.project:nth-child(7){grid-column:2/5}.project:nth-child(8){grid-column:7/10;margin-top:100px}.project:nth-child(9){grid-column:11/13;margin-top:50px}.project:nth-child(10){grid-column:1/4}.project:nth-child(11){grid-column:5/8;margin-top:190px}.project:nth-child(12){grid-column:10/13;margin-top:70px}.material-note{border-top:1px solid var(--line);padding-top:23px;margin:0;font-size:10px;color:var(--muted);line-height:1.7}.collection[data-view=index]{display:block;padding:35px 0 85px}.collection[data-view=index] .project{display:grid;grid-template-columns:55px 108px 1fr 60px;column-gap:30px;align-items:center;grid-column:auto;margin:0;padding:20px 0;border-bottom:1px solid var(--line)}.collection[data-view=index] .project-number{padding:0}.collection[data-view=index] .project-media{aspect-ratio:16/9}.collection[data-view=index] .project-copy{padding:0;gap:8px}.collection[data-view=index] .project-title{font-size:clamp(18px,2.4vw,36px)}.collection[data-view=index] .project-play{position:static;justify-self:end}.contact-section{padding:60px var(--pad) 80px}.contact-top{display:flex;justify-content:space-between;font-size:11px;margin-bottom:90px}.contact-top p{margin:0}.contact-link{display:block}.contact-link h2{position:relative;margin:0;font-size:clamp(80px,14vw,230px);font-weight:700;line-height:.78;letter-spacing:-.08em}.contact-link h2 span{position:absolute;top:0;right:0;font-weight:400;font-size:1.8em;line-height:.75;transition:transform .35s}.contact-link:hover h2 span{transform:translate(8px,-8px)}.email{display:block;margin-top:55px;font-size:clamp(14px,2.3vw,34px);letter-spacing:-.04em;line-height:1.3;overflow-wrap:anywhere}footer{padding:22px var(--pad) 26px;border-top:1px solid #b7bbb4;font-size:10px;display:flex;justify-content:space-between;gap:30px;line-height:1.8}footer nav{display:flex;gap:20px}footer a:hover{text-decoration:underline;text-underline-offset:4px}dialog{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;background:#080a08;color:var(--light);border:0;overflow:auto}dialog[open]{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px}dialog::backdrop{background:#080a08}.has-player{overflow:hidden}.player-top{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.player-top p{margin:0 0 8px;color:var(--muted);font-size:11px}.player-top h2{margin:0;font-size:clamp(18px,2vw,30px);font-weight:400;letter-spacing:-.03em;line-height:1.1}.player-close{background:none;display:flex;align-items:center;gap:18px;color:var(--light);font-size:12px;padding:8px;white-space:nowrap}.player-close span{font-size:28px;font-weight:300;line-height:.8}#main-video{display:block;max-width:100%;width:auto;height:auto;min-height:0;max-height:calc(100dvh - 160px);object-fit:contain;flex:1}#player-credit{font-size:10px;color:var(--muted);margin:0;text-align:center}.player-error{font-size:13px}.player-error[hidden]{display:none}@media(min-width:1700px){.intro{padding-top:175px}.hero-film{top:235px}}@media(max-width:1050px){.intro{min-height:700px;padding-top:145px}.hero-film{top:188px}.intro-bottom{padding-top:120px}.collection{column-gap:20px;row-gap:75px}.project:nth-child(2){margin-top:150px}.project:nth-child(4){margin-top:110px}.project:nth-child(6){grid-column:10/13;margin-top:120px}.project:nth-child(9){grid-column:11/13}.project-title{font-size:16px}.project-copy{padding-right:45px}.project-play{gap:5px}}@media(max-width:700px){html{scroll-padding-top:24px}.site-header{padding-top:22px;font-size:12px}.site-header nav{gap:26px}.site-header nav a{gap:12px}.intro{padding-top:105px;min-height:830px;min-height:100svh;padding-bottom:24px}.intro-note{font-size:8px;margin-bottom:27px}.intro-note>span:first-child{max-width:100px;line-height:1.5}.name{font-size:17.4vw;line-height:.82;letter-spacing:-.082em}.name>span:first-child{font-size:1.5em}.name>span+span{margin-top:.12em}.hero-film{position:relative;top:auto;right:auto;margin-top:34px;width:100%;max-width:none;transform:none!important}.hero-caption{font-size:10px;padding-top:10px}.hero-play{font-size:36px}.intro-bottom{margin-top:auto;padding-top:45px;font-size:10px;align-items:flex-end}.intro-bottom p{max-width:92px;line-height:1.5}.intro-bottom a{gap:13px}.intro-bottom button{padding:6px 0}.work-section{padding-top:42px}.section-bar{padding-bottom:22px}.section-bar h2{font-size:36px}.view-controls{font-size:10px;gap:10px}.collection{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;row-gap:48px;padding:48px 0 70px}.collection .project:nth-child(n){grid-column:auto;margin:0}.collection .project:nth-child(-n+5){grid-column:1/-1}.collection .project:nth-child(2){width:85%;justify-self:end}.collection .project:nth-child(4){width:85%;justify-self:start}.collection .project:nth-child(6),.collection .project:nth-child(8),.collection .project:nth-child(10),.collection .project:nth-child(12){margin-top:55px}.project-number{padding-bottom:9px;font-size:9px}.project-copy{padding-top:11px;padding-right:0;gap:5px}.project-brand{font-size:9px;line-height:1.3}.project-title{font-size:16px}.project-play{position:static;justify-content:flex-end;margin-top:8px;font-size:9px}.project-play i{font-size:19px}.material-note{font-size:9px;max-width:100%;line-height:1.7}.collection[data-view=index]{padding:18px 0 48px}.collection[data-view=index] .project{grid-template-columns:23px 54px 1fr 22px;gap:10px;width:100%;margin:0!important;padding:17px 0}.collection[data-view=index] .project-title{font-size:15px}.collection[data-view=index] .project-brand{font-size:9px}.collection[data-view=index] .project-play{font-size:0;margin:0}.collection[data-view=index] .project-play i{font-size:22px}.contact-section{padding-top:32px;padding-bottom:45px}.contact-top{margin-bottom:64px;font-size:10px}.contact-link h2{font-size:23vw}.contact-link h2 span{font-size:1.2em;top:.2em}.email{font-size:18px;margin-top:40px;letter-spacing:-.025em;max-width:95%}footer{flex-wrap:wrap;gap:18px;font-size:9px}footer>span{width:100%}footer nav{gap:18px;flex-wrap:wrap}footer>a:last-child{margin-left:auto}dialog{padding:18px}.player-top{gap:12px}.player-top h2{font-size:18px}.player-top p{font-size:10px}.player-close{font-size:11px;padding:3px 0;gap:10px}#main-video{max-height:calc(100dvh - 150px);width:100%}#player-credit{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.hero-film{transform:none!important}}body.motion-off *{transition:none!important}body.motion-off .hero-film{transform:none!important}
/* Keep the moving frame alongside the first name line, with a full image on touch. */
@media(min-width:701px){.hero-media{aspect-ratio:2.5}}
@media(max-width:700px){.intro{min-height:92svh}}