@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#efeee8;--ink:#242523;--muted:#777872;--line:#c7c8bf;--accent:#dc4e2a;--ease:cubic-bezier(.2,.65,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:white}header{max-width:1800px;margin:auto;padding:30px 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:22px;font-weight:600;letter-spacing:-.9px}.wordmark span{display:block;font-size:9px;font-weight:400;letter-spacing:.2px;margin-top:5px;color:var(--muted)}nav{display:flex;gap:35px;align-items:center;font-size:11px}nav a,nav button{padding:8px 0}nav a:hover{color:var(--accent)}.menu-toggle{margin-left:40px}.menu-toggle span{margin-left:12px}main{max-width:1800px;margin:auto}.kicker,.hero-meta,.frame-coordinate,.frame-caption,.hero-rule,.project-ordinal{font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.2px;font-weight:500}.opening{padding:28px 4% 0}.hero-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1.2px}.hero-composition{position:relative;display:grid;grid-template-columns:1.7fr 1fr;gap:2%;align-items:center;min-height:610px;padding:70px 0 55px}.intro-copy{position:relative;z-index:2}.intro-copy h1{font-family:'Manrope',Arial,sans-serif;font-size:clamp(48px,6.2vw,107px);line-height:1.12;letter-spacing:-.065em;font-weight:500;margin:0 0 45px;white-space:nowrap}.intro-copy h1>span{display:block}.intro-copy h1 .first-line{font-size:.54em;letter-spacing:-.05em;margin-bottom:12px;line-height:1.5}.intro-copy h1 .second-line{margin-bottom:3px}.intro-copy h1 em{font-family:Georgia,serif;font-weight:400;font-size:1.2em;letter-spacing:-.07em;color:var(--accent);padding-right:8px}.full-stop{color:var(--accent)}.mobile-break{display:none}.intro-foot{display:flex;align-items:flex-end;gap:65px}.intro-foot p{font-size:11px;line-height:1.8;color:var(--muted);margin:0}.text-link{font-size:10px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:10px 0;border-bottom:1px solid var(--ink)}.text-link span{transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.feature{position:relative;transform:translateY(22px);padding-left:12px}.frame-coordinate{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:8px}.frame-coordinate b{font-weight:400;margin-left:12px;color:var(--ink)}.frame-coordinate>span:last-child{color:var(--accent);font-size:20px}.feature-frame{position:relative;aspect-ratio:1.12;overflow:hidden;background:#292321;transform:perspective(1000px) rotateY(var(--tilt-x,0deg)) rotateX(var(--tilt-y,0deg));transition:transform .65s var(--ease)}.feature-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform 1.3s var(--ease),filter 1s}.feature-frame:hover img{transform:scale(1.035);filter:saturate(1.1)}.feature:before{content:'';position:absolute;left:0;top:58px;width:65%;bottom:35px;background:var(--accent);z-index:-1}.feature-view{position:absolute;bottom:22px;left:22px;color:#fff;font-size:10px;opacity:0;transform:translateY(5px);transition:.35s}.feature-frame:hover .feature-view{opacity:1;transform:none}.feature-caption{display:flex;justify-content:space-between;align-items:center;padding:15px 0 10px;font-size:11px}.feature-controls{display:flex;gap:17px}.feature-controls button{font-size:17px}.feature-controls button:hover{color:var(--accent)}.frame-caption{font-size:7px;color:var(--muted);letter-spacing:1.7px}.hero-rule{display:flex;align-items:center;gap:30px;color:var(--muted);padding:20px 0 15px;font-size:7px}.rule-line{flex:1;height:1px;background:var(--line)}.work{padding:100px 4% 110px}.work-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:50px}.work-top .kicker{color:var(--accent);font-size:8px}.work-top h2{font:500 48px/1.16 'Manrope',sans-serif;letter-spacing:-2.7px;margin:22px 0 0}.work-top h2 em{font:italic 1.06em Georgia,serif;letter-spacing:-2px}.filters{display:flex;gap:25px;padding-bottom:7px}.filters button{font-size:10px;color:var(--muted);padding:5px 0;border-bottom:1px solid transparent}.filters .active{color:var(--ink);border-bottom-color:var(--accent)}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:80px 7%;align-items:start}.project-card:nth-child(2){padding-top:145px}.project-card:nth-child(4){padding-top:95px}.project-card[hidden]{display:none}.project-grid.filtered{grid-template-columns:1fr 1fr}.project-grid.filtered .project-card{padding-top:0}.card-image{aspect-ratio:1.45;position:relative;overflow:hidden;background:#252622}.project-card:nth-child(2) .card-image,.project-card:nth-child(3) .card-image{aspect-ratio:1.12}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),filter .5s;filter:saturate(.8)}.project-card:hover img{transform:scale(1.035);filter:saturate(1)}.project-ordinal{position:absolute;left:18px;top:18px;color:white;font-size:9px;text-shadow:0 1px 8px black}.view-project{position:absolute;bottom:20px;left:20px;right:20px;color:white;font-size:11px;display:flex;justify-content:space-between;opacity:0;transform:translateY(5px);transition:.4s;text-shadow:0 1px 8px black}.view-project span{font-size:22px}.project-card:hover .view-project{opacity:1;transform:none}.card-caption{display:flex;justify-content:space-between;align-items:baseline;padding-top:17px;gap:15px;border-bottom:1px solid var(--line);padding-bottom:16px}.card-caption h3{font-size:16px;font-weight:400;letter-spacing:-.4px;margin:0}.card-caption>span{font-size:9px;color:var(--muted)}.home-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:75px 4% 85px;background:#252622;color:#efeee8}.about-marker{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.about-marker .kicker{color:#b3b4ab}.cross-mark{font:200px/.8 'Manrope',sans-serif;color:var(--accent);font-weight:400;transform-origin:center;transition:transform .8s}.home-about:hover .cross-mark{transform:rotate(90deg)}.home-about h2{font:500 44px/1.25 'Manrope',sans-serif;letter-spacing:-2px;margin:0 0 30px}.home-about h2 em{font-family:Georgia,serif;font-weight:400;color:#d8d8ca}.home-about p{font-size:13px;line-height:1.9;color:#b9bbb0;max-width:440px}.home-about .text-link{border-color:#777a70;margin-top:25px}footer{max-width:1800px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:30px 4%;font-size:9px;color:var(--muted)}.footer-name{font-size:16px;color:var(--ink);letter-spacing:-.5px}footer>div{display:flex;gap:25px;align-items:center}.motion-control{padding:0;color:var(--muted);font-size:9px}.project-page{padding:0 4%}.project-breadcrumb{display:flex;justify-content:space-between;padding-top:28px;margin-top:15px;font-size:9px;color:var(--muted)}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:65px 0 45px}.project-heading .kicker{color:var(--accent)}.project-heading h1{font:500 clamp(45px,5.2vw,90px)/1.1 'Manrope',sans-serif;letter-spacing:-.055em;margin:20px 0 0}.project-heading>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:210px;margin:0 0 4px}.film-player{aspect-ratio:16/9;position:relative;background:#171816;overflow:hidden}.film-poster{width:100%;height:100%;padding:0}.film-poster img{width:100%;height:100%;object-fit:cover}.film-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:8px;letter-spacing:1px;color:var(--muted)}.cinema-toggle{font-size:10px;letter-spacing:0}.cinema-toggle span{margin-left:10px}.project-information{padding:70px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;border-bottom:1px solid var(--line)}.project-description{font:28px/1.55 'Manrope',sans-serif;letter-spacing:-1px;margin-top:25px}dl{margin:0}dl>div{display:grid;grid-template-columns:110px 1fr;gap:20px;border-top:1px solid var(--line);padding:14px 0;font-size:11px;line-height:1.7}dt{color:var(--muted)}dd{margin:0}.process-section{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;padding:65px 0}.process-section h2,.extract h2{font:400 36px 'Manrope',sans-serif;letter-spacing:-1.5px;margin:0 0 20px}.process-section p,.extract p{font-size:13px;line-height:1.9;color:var(--muted);max-width:540px}.extract{display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:center;padding:20px 0 80px}.extract h2{margin-top:20px}.extract .film-player{aspect-ratio:1.5}.still-section{padding:20px 0 85px}.still-top{display:flex;justify-content:space-between;margin-bottom:20px;font-size:10px;color:var(--muted)}.enlarge{padding:0;width:100%;display:block;position:relative;background:#252622;overflow:hidden}.enlarge img{display:block;width:100%;max-height:650px;object-fit:contain;transition:transform .9s}.enlarge:hover img{transform:scale(1.015)}.enlarge>span{position:absolute;bottom:25px;right:25px;color:white;font-size:25px}.next-project{display:block;border-top:1px solid var(--line);padding:45px 0 75px}.next-project h2{font:500 52px 'Manrope',sans-serif;letter-spacing:-2px;display:flex;justify-content:space-between;margin:25px 0 20px}.next-project h2 span{color:var(--accent);transition:transform .5s}.next-project:hover h2 span{transform:translateX(10px)}.next-project>span:last-child{font-size:11px;color:var(--muted)}.about-page{padding:90px 4% 100px}.about-page h1{font:500 80px/1.15 'Manrope',sans-serif;letter-spacing:-4px;margin:30px 0 80px}.about-page h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-image img{width:100%;aspect-ratio:1;object-fit:cover}.about-image>span{display:block;font-size:10px;color:var(--muted);margin-top:15px}.biography p{font-size:13px;line-height:1.9;color:var(--muted)}.biography .lead{font-size:27px;line-height:1.5;color:var(--ink);margin-top:0;letter-spacing:-.6px}.disciplines{margin:40px 0;padding-top:25px;border-top:1px solid var(--line)}.disciplines p{line-height:2.3}.index-dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100%);height:100%;max-height:none;border:0;padding:45px;background:var(--ink);color:var(--paper)}dialog::backdrop{background:#171c1680;backdrop-filter:blur(7px)}.index-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#a1a296;padding-bottom:60px}.index-top button{font-size:12px;color:var(--paper)}.index-links a{display:flex;align-items:center;border-bottom:1px solid #505248;padding:25px 0;font:400 29px 'Manrope',sans-serif;letter-spacing:-1px;gap:20px}.index-links a:hover{color:#ed7655}.index-links a>span{font:9px 'DM Sans',sans-serif;letter-spacing:0;color:#a1a296}.index-links small{font:9px 'DM Sans',sans-serif;color:#a1a296;letter-spacing:0;margin-left:auto}.index-links b{font-size:20px;font-weight:400;color:var(--accent)}.index-about{display:block;margin-top:40px;font-size:12px}.image-dialog{background:#171816;border:0;max-width:96vw;max-height:94vh;width:fit-content;padding:50px 15px 15px}.image-dialog img{max-width:90vw;max-height:78vh;object-fit:contain;display:block}.close-image{position:absolute;top:16px;right:20px;color:white;font-size:11px}.cinema-active{overflow:hidden;background:#111}.cinema-active .film-section.is-cinema{position:fixed;inset:0;background:#111;z-index:30;padding:45px 5%;display:flex;flex-direction:column;justify-content:center}.is-cinema .film-player{width:100%;max-height:85vh;aspect-ratio:16/9}.is-cinema .film-toolbar,.is-cinema .cinema-toggle{color:#ddd}.skip{position:fixed;top:-100px;left:20px;z-index:90;background:var(--paper);padding:15px}.skip:focus{top:15px}.no-motion *,.no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important}.no-motion{scroll-behavior:auto}@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .15s ease both}::view-transition-new(root){animation:fade-in .3s ease both}@keyframes fade-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes fade-out{to{opacity:0}}
@media(max-width:1000px){.hero-composition{min-height:530px;grid-template-columns:1.65fr 1fr;padding:65px 0}.intro-copy h1{font-size:6.3vw}.intro-foot{gap:30px}.intro-foot p{font-size:10px}.work-top h2{font-size:40px}.project-heading>p{max-width:180px}.home-about h2{font-size:36px}.project-information{gap:7%}dl>div{grid-template-columns:85px 1fr}.project-description{font-size:25px}}
@media(max-width:600px){header{padding:23px 6%}.wordmark{font-size:20px}.wordmark span{font-size:8px}nav{gap:20px;font-size:10px}.menu-toggle{margin-left:0;font-size:10px}.menu-toggle span{margin-left:5px}.opening{padding:25px 6% 0}.hero-meta{font-size:7px;letter-spacing:.8px}.hero-meta>span:last-child{display:none}.hero-composition{display:block;padding:45px 0 30px;min-height:0}.intro-copy h1{font-size:10.8vw;letter-spacing:-.06em;line-height:1.2;margin:0 0 30px}.intro-copy h1 .first-line{font-size:.6em;letter-spacing:-.04em;margin-bottom:14px}.intro-copy h1 em{font-size:1.16em}.intro-foot{justify-content:space-between;gap:15px;align-items:flex-end}.intro-foot p{font-size:9px}.text-link{font-size:9px;gap:22px}.feature{margin:35px 0 0 15%;padding-left:10px;transform:none}.feature-frame{aspect-ratio:1.3}.frame-coordinate{font-size:7px;margin-bottom:10px}.frame-coordinate>span:last-child{font-size:17px}.feature:before{top:46px;bottom:40px}.feature-caption{font-size:10px;padding:12px 0 8px}.frame-caption{font-size:6px}.hero-rule{font-size:6px;gap:18px;padding:15px 0}.work{padding:55px 6% 65px}.work-top{display:block;margin-bottom:30px}.work-top h2{font-size:34px;letter-spacing:-1.7px;margin-top:17px}.filters{margin-top:25px;gap:25px}.filters button{font-size:9px}.project-grid,.project-grid.filtered{grid-template-columns:1fr;gap:35px}.project-card:nth-child(n){padding-top:0}.project-card:nth-child(n) .card-image{aspect-ratio:1.45}.card-caption h3{font-size:14px}.card-caption>span{font-size:8px}.card-caption{padding:14px 0}.project-ordinal{font-size:8px;left:12px;top:12px}.home-about{padding:40px 6% 50px;grid-template-columns:1fr;gap:30px}.about-marker{flex-direction:row;align-items:center}.cross-mark{font-size:50px}.home-about h2{font-size:32px;letter-spacing:-1.5px}.home-about p{font-size:12px}footer{padding:25px 6%;flex-wrap:wrap;gap:20px}footer>span{display:none}footer>div{gap:15px;font-size:8px}.footer-name{font-size:14px}.project-page{padding:0 6%}.project-breadcrumb{margin-top:0;padding-top:20px}.project-heading{display:block;padding:40px 0 30px}.project-heading h1{font-size:43px}.project-heading>p{max-width:none;margin-top:20px;font-size:11px}.film-toolbar{font-size:7px;letter-spacing:.4px}.cinema-toggle{font-size:9px}.project-information{padding:40px 0;grid-template-columns:1fr;gap:30px}.project-description{font-size:24px;margin-top:20px}dl>div{grid-template-columns:100px 1fr;font-size:10px}.process-section{grid-template-columns:1fr;gap:25px;padding:40px 0}.process-section h2,.extract h2{font-size:30px}.process-section p,.extract p{font-size:12px}.extract{grid-template-columns:1fr;gap:15px;padding-bottom:40px}.still-section{padding-bottom:50px}.next-project{padding:30px 0 50px}.next-project h2{font-size:32px;letter-spacing:-1px}.about-page{padding:50px 6%}.about-page h1{font-size:43px;letter-spacing:-2px;margin:25px 0 40px}.about-layout{grid-template-columns:1fr;gap:35px}.about-image img{aspect-ratio:1.3}.biography .lead{font-size:25px}.index-dialog{padding:30px 6%}.index-top{padding-bottom:40px}.index-links a{font-size:22px;gap:12px;letter-spacing:-.8px}.index-links small{display:none}.index-links b{margin-left:auto}.cinema-active .film-section.is-cinema{padding:20px 3%}.image-dialog{padding-left:5px;padding-right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Custom native film player */
.native-player{position:relative;background:#211e29;color:#fff;isolation:isolate}.native-player video{display:block;width:100%;height:100%;object-fit:contain}.native-player button{color:#fff}.native-player svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.video-overlay{position:absolute;inset:0;width:100%;height:calc(100% - 70px);display:grid;place-items:center;background:transparent}.video-overlay>span{width:75px;height:75px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(5px);background:#b497d71a;transition:transform .3s,background .3s}.video-overlay:hover>span{transform:scale(1.06);background:#b497d740}.video-overlay svg{width:32px;height:32px}.native-player [hidden]{display:none!important}.video-controls{position:absolute;bottom:0;left:0;right:0;padding:35px 22px 14px;background:linear-gradient(transparent,#131019d9);z-index:4}.timeline-wrap{height:15px;position:relative;display:flex;align-items:center}.video-timeline{--played:0%;width:100%;height:3px;margin:0;appearance:none;background:linear-gradient(to right,#e9ccaf var(--played),#ffffff3b var(--played));cursor:pointer;z-index:2;border-radius:4px}.video-timeline::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#f5e1c9;border-radius:50%}.video-timeline::-moz-range-thumb{width:10px;height:10px;background:#f5e1c9;border:0;border-radius:50%}.buffer-line{position:absolute;left:0;top:6px;height:3px;background:#ffffff35;width:0;border-radius:4px}.controls-row{display:flex;align-items:center;gap:13px;height:35px}.controls-row button{padding:6px;display:grid;place-items:center;border-radius:4px}.controls-row button:hover{background:#ffffff16}.video-clock{font-size:10px;white-space:nowrap;color:#e5ddeb;font-variant-numeric:tabular-nums}.video-clock>span:nth-child(2),.video-clock .duration{color:#bcb4c3}.controls-spacer{flex:1}.volume-slider{width:65px;height:3px;accent-color:#e6c4af;cursor:pointer}.video-speed{color:#eee;background:#352d40;border:0;border-radius:4px;padding:4px;font:10px 'DM Sans',sans-serif}.source-needed{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px 20px 75px;background:#302435aa;z-index:3;backdrop-filter:blur(4px)}.source-needed h3{font:35px 'Italiana',Georgia,serif;letter-spacing:-.4px;margin:20px 0 10px;color:#f5e3e4}.source-needed p{font-size:12px;line-height:1.75;color:#e5d3e1;margin:0 0 22px}.player-badge{font-size:8px;letter-spacing:1.5px;color:#ead3b4}.local-pick{font-size:11px;display:inline-flex;gap:30px;align-items:center;background:#e9d8b5;color:#52415a;border-radius:24px;padding:11px 19px;cursor:pointer}.local-pick:hover{background:#f4e6ca}.local-file{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.local-pick:has(+input:focus-visible){outline:2px solid white;outline-offset:5px}.source-needed small{font-size:9px;color:#cfbed2;margin-top:14px}.needs-source video{object-fit:cover}.needs-source .video-controls{opacity:.4;pointer-events:none}.needs-source .video-overlay{display:none}.drag-over{outline:3px dashed #dbc3a4;outline-offset:-8px}.local-indicator{position:absolute;top:15px;left:15px;background:#302435ba;color:#f1e2d4;padding:7px 10px;border-radius:12px;font-size:9px;z-index:3}.video-message{position:absolute;left:20px;right:20px;bottom:90px;background:#352d40ed;color:#f4e1dc;text-align:center;font-size:11px;line-height:1.6;padding:10px 15px;border-radius:5px;z-index:6;display:none}.video-message.visible{display:block}.native-player:fullscreen{width:100vw!important;height:100vh!important;aspect-ratio:auto!important;max-height:none!important;border-radius:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.native-player .source-needed h3{font-family:'Italiana',Georgia,serif}.extract .source-needed h3{font-size:27px}.extract .source-needed p{font-size:11px}.extract .source-needed{padding-top:20px}.extract .player-badge{font-size:7px}
@media(max-width:600px){.native-player{aspect-ratio:1.1}.video-controls{padding:25px 12px 10px}.controls-row{gap:5px}.volume-slider{display:none}.controls-row button{padding:5px}.controls-row svg{width:18px;height:18px}.video-clock{font-size:9px}.source-needed{padding:22px 15px 70px}.source-needed h3{font-size:27px;margin:14px 0 10px}.source-needed p{font-size:10px;margin-bottom:17px}.source-needed small{font-size:8px}.local-pick{font-size:10px;padding:9px 16px}.player-badge{font-size:7px}.extract .native-player{aspect-ratio:1.1}.video-message{bottom:75px}.is-cinema .native-player{aspect-ratio:1.1}.local-indicator{font-size:8px}.play-circle{width:58px;height:58px}}
.native-player{background:#1c1d19;border-radius:0}.source-needed{background:#22251dcc}.source-needed h3,.native-player .source-needed h3{font-family:'Manrope',sans-serif;letter-spacing:-1px;font-size:29px;color:#efeee8}.source-needed p{color:#caccc1}.player-badge{color:#e6ad97}.local-pick{background:#d95735;color:white;border-radius:0}.local-pick:hover{background:#e76b49}.source-needed small{color:#acb09f}.video-speed,.video-message{background:#30332b}.video-timeline{background:linear-gradient(to right,#e87652 var(--played),#ffffff3b var(--played))}.video-timeline::-webkit-slider-thumb{background:#e87652}.video-timeline::-moz-range-thumb{background:#e87652}.volume-slider{accent-color:#e87652}.video-overlay>span{background:#ffffff0d;border-radius:0}.video-overlay:hover>span{background:#ffffff1a}.local-indicator{border-radius:0;background:#24281fd9}.extract .source-needed h3{font-size:24px}@media(max-width:600px){.source-needed h3,.native-player .source-needed h3{font-size:24px}}
/* Gallery direction: the work supplies the colour. */
:root{--paper:#fff;--ink:#111;--muted:#767676;--line:#e5e5e5;--accent:#111}header{max-width:none;padding:20px 22px;border:0;position:sticky;top:0;background:#fffffffa;z-index:20;min-height:76px}.wordmark{font-size:28px;font-weight:500;letter-spacing:-1.5px}.wordmark span{display:none}nav{font-size:12px;gap:27px}nav a[aria-current='page']{border-bottom:1px solid currentColor;padding-bottom:3px}nav a:hover{color:#666}.menu-toggle{margin-left:0;text-transform:none}.menu-toggle span{margin-left:8px}main{max-width:none}.portfolio-intro{padding:30px 22px 32px}.intro-identity{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.6;color:#666}.intro-identity>span:first-child{color:#333}.portfolio-intro h1{font:400 clamp(50px,6vw,104px)/1.1 'Manrope',Arial,sans-serif;letter-spacing:-.065em;margin:48px 0 55px 15%;}.portfolio-intro h1 em{font:italic 1.05em Georgia,serif;letter-spacing:-.06em}.intro-bottom{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#757575}.intro-bottom>span:first-child{color:#111}.intro-bottom>span:last-child span{margin-left:12px}.work{padding:0 22px 75px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:62px 7px;align-items:start}.project-card:nth-child(n){padding:0;grid-column:span 6}.project-card:nth-child(7n+1){grid-column:span 7}.project-card:nth-child(7n+2){grid-column:span 5}.project-card:nth-child(7n+3){grid-column:span 4}.project-card:nth-child(7n+4){grid-column:span 5}.project-card:nth-child(7n+5){grid-column:span 3}.project-card:nth-child(7n+6){grid-column:span 5}.project-card:nth-child(7n+7){grid-column:span 7}.project-card:nth-child(n) .card-image{aspect-ratio:auto;height:clamp(210px,18vw,360px);background:#f0f0f0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.card-image img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transition:transform .65s ease,opacity .3s;transform:scale(1)}.project-card:hover img{filter:none;transform:scale(1)}.card-caption{display:block;padding:13px 0 0;border:0}.card-caption h3{font:400 13px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:0;margin:0}.client-name{color:var(--project-accent);margin-right:3px}.preview-indicator{position:absolute;right:13px;bottom:11px;color:white;text-shadow:0 1px 6px #0008;font-size:20px;opacity:0;transition:opacity .25s}.card-image.previewing .preview-indicator{opacity:1}.card-image.previewing.still-preview img{animation:preview-drift 5s ease-in-out infinite alternate}.card-image video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .25s}.card-image.playing-video video{opacity:1}.card-image.playing-video img{opacity:0}.card-image.previewing{cursor:pointer}.project-card a:focus-visible{display:block;outline:2px solid var(--project-accent);outline-offset:4px}.project-page{padding:0 22px}.project-heading .kicker{color:#777}.project-heading h1{font-weight:400}.project-breadcrumb{border-top:1px solid #eee;margin-top:20px;padding-top:22px}.next-project h2 span{color:#111}.about-page{padding:70px 6% 100px}.about-page h1 em{color:#111}.index-dialog{background:#fff;color:#111}.index-top,.index-top button{color:#555}.index-links a{border-color:#ddd}.index-links a:hover,.index-links b{color:#111}.index-links a>span,.index-links small{color:#888}footer{max-width:none;border-top:1px solid #eee;margin:0 22px;padding:25px 0;font-size:10px}.footer-name{font-size:17px}.native-player .source-needed h3{font-weight:400}.local-pick{background:white;color:#222}.local-pick:hover{background:#ddd}.player-badge{color:#ddd}.video-timeline{background:linear-gradient(to right,#fff var(--played),#ffffff3b var(--played))}.video-timeline::-webkit-slider-thumb{background:#fff}.video-timeline::-moz-range-thumb{background:#fff}.volume-slider{accent-color:#fff}@keyframes preview-drift{from{transform:scale(1.015) translate(0,0)}to{transform:scale(1.09) translate(-1%,.5%)}}
@media(min-width:1800px){.portfolio-intro h1{margin-top:55px;margin-bottom:65px}.portfolio-intro{padding-top:35px}.project-grid{row-gap:68px}.card-caption h3{font-size:15px}}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 7px}.project-card:nth-child(n){grid-column:span 1}.project-card:last-child:nth-child(odd){grid-column:span 2}.project-card:nth-child(n) .card-image{height:240px}.portfolio-intro h1{font-size:7.4vw;margin-left:7%;margin-top:40px;margin-bottom:45px}.intro-identity{font-size:10px}}
@media(max-width:600px){header{padding:17px 15px;min-height:64px}.wordmark{font-size:25px;letter-spacing:-1.4px}nav{gap:17px;font-size:10px}.menu-toggle{font-size:10px}.menu-toggle span{margin-left:4px}.portfolio-intro{padding:22px 15px 24px}.intro-identity{display:block;font-size:10px;line-height:1.75}.intro-identity>span{display:block}.intro-identity>span:last-child{font-size:9px;color:#888;margin-top:2px}.portfolio-intro h1{font-size:10.6vw;letter-spacing:-.065em;line-height:1.14;margin:34px 0 38px}.intro-bottom{font-size:9px}.intro-bottom>span:last-child{font-size:8px}.work{padding:0 15px 45px}.project-grid{grid-template-columns:1fr;gap:30px}.project-card:nth-child(n){grid-column:span 1}.project-card:nth-child(n) .card-image{height:auto;aspect-ratio:1.65}.card-caption{padding-top:11px}.card-caption h3{font-size:12px}.project-page{padding:0 15px}.project-heading h1{font-size:40px}.project-heading{padding-top:35px}.project-breadcrumb{margin-top:5px}.about-page{padding:45px 15px 65px}footer{margin:0 15px;font-size:9px;gap:20px}.footer-name{font-size:15px}.frame-caption{display:none}.preview-indicator{font-size:17px}.next-project h2{font-size:31px}}
.portfolio-intro h1 em{margin-left:.04em}
@media(max-width:600px){.project-grid .project-card:nth-child(n){grid-column:1 / -1;min-width:0}}
/* Pastel study — quiet at rest, colour in motion. */
:root{--paper:#fffde9;--ink:#25271e;--muted:#696b54;--line:#d7d2ad;--accent:#4c5642}
body{isolation:isolate;background:var(--paper)}.pastel-field{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}header{background:#fffde9ed;backdrop-filter:blur(10px)}.portfolio-intro h1{position:relative;pointer-events:none}.portfolio-intro h1 em{color:#5c6954}.intro-identity,.intro-bottom{color:#696b54}.intro-identity>span:first-child,.intro-bottom>span:first-child{color:var(--ink)}.intro-identity>span:last-child{color:#696b54}.project-breadcrumb,footer{border-color:var(--line)}.index-dialog{background:var(--paper);color:var(--ink)}.index-links a{border-color:var(--line)}.index-links a:hover{background:#dce5c1}.index-top,.index-top button,.index-links small,.index-links a>span{color:#696b54}.about-page h1 em{color:#5c6954}.local-pick{background:var(--paper)}.local-pick:hover{background:#dce5c1}
.project-card{--wipe:#cfdfb9}.project-card:nth-child(7n+2){--wipe:#edd2bc}.project-card:nth-child(7n+3){--wipe:#dad5eb}.project-card:nth-child(7n+4){--wipe:#c8ded9}.project-card:nth-child(7n+5){--wipe:#e3d6aa}.project-card:nth-child(7n+6){--wipe:#ecc8be}.project-card:nth-child(7n+7){--wipe:#cad9e9}.project-card a{display:block}.card-image{isolation:isolate}.project-wipe{position:absolute;inset:0;z-index:2;background:var(--wipe);transform:translateX(-101%);pointer-events:none}.project-reveal{position:absolute;left:0;bottom:0;right:0;z-index:3;background:var(--wipe);color:#25271e;padding:18px 22px 19px;display:grid;grid-template-columns:1fr auto;gap:6px 18px;clip-path:inset(100% 0 0);transition:clip-path .45s cubic-bezier(.22,1,.36,1);pointer-events:none}.reveal-client{font-size:9px;text-transform:uppercase;letter-spacing:.12em;grid-column:1}.reveal-title{font:400 clamp(21px,2.3vw,40px)/1.05 'Manrope',sans-serif;letter-spacing:-.05em;grid-column:1;transform:translateY(125%);transition:transform .65s cubic-bezier(.22,1,.36,1)}.reveal-arrow{grid-column:2;grid-row:1 / 3;align-self:center;font-size:28px;transform:translate(-8px,8px);opacity:0;transition:all .6s ease}.card-image.previewing .project-wipe{animation:colour-sweep .85s cubic-bezier(.65,0,.25,1) both}.card-image.previewing .project-reveal{clip-path:inset(0);transition-delay:.25s}.card-image.previewing .reveal-title{transform:none;transition-delay:.35s}.card-image.previewing .reveal-arrow{transform:none;opacity:1;transition-delay:.4s}.card-caption{position:relative}.card-caption .client-name{color:#555f45}.card-caption h3{color:#33372a}@keyframes colour-sweep{0%{transform:translateX(-101%)}45%{transform:translateX(0)}100%{transform:translateX(101%)}}
.no-motion .project-wipe{display:none}.no-motion .project-reveal,.no-motion .reveal-title,.no-motion .reveal-arrow{transition:none!important}.no-motion .pastel-field{visibility:hidden}@media(prefers-reduced-motion:reduce){.pastel-field,.project-wipe{display:none}}@media(max-width:600px){.project-reveal{padding:13px 16px}.reveal-title{font-size:24px}.reveal-client{font-size:8px}.reveal-arrow{font-size:24px}}
/* Project categories */
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 26px;padding-top:6px}.gallery-filters{display:flex;flex-wrap:wrap;gap:8px}.gallery-filters button{font-size:11px;padding:9px 15px;border:1px solid transparent;border-radius:30px;color:#62634f;transition:background .25s,color .25s,border-color .25s}.gallery-filters button:hover{background:#e8eccf;color:var(--ink)}.gallery-filters button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-count{font-size:10px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.project-grid.filtered{grid-template-columns:repeat(12,minmax(0,1fr))}.project-grid.filtered .project-card:nth-child(n){grid-column:span var(--gallery-span,6)}.project-card[hidden]{display:none!important}
@media(max-width:900px){.project-grid.filtered{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid.filtered .project-card:nth-child(n){grid-column:span 1}.gallery-filters{gap:3px}.gallery-filters button{padding:8px 12px}}
@media(max-width:600px){.gallery-toolbar{align-items:flex-start;gap:10px;margin-bottom:20px}.gallery-filters{gap:4px 0}.gallery-filters button{font-size:10px;padding:8px 10px}.filter-count{font-size:9px;margin-top:10px}.project-grid.filtered{grid-template-columns:1fr}.project-grid.filtered .project-card:nth-child(n){grid-column:1 / -1}}

/* Fresh Start's contained interactive study. */
.fresh-playground{padding:45px 0 65px}.fresh-play-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:24px}.fresh-play-heading h2{font:400 clamp(28px,3vw,44px)/1.15 var(--fresh-heading,Manrope),sans-serif;letter-spacing:-.045em;margin:15px 0 0}.fresh-play-heading>span{font-size:10px;color:var(--muted);padding-bottom:5px}.fresh-shape-stage{position:relative;isolation:isolate;width:100%;height:clamp(320px,38vw,520px);background:var(--paper);border:1px solid var(--line);overflow:hidden;outline-offset:5px}.fresh-shape-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fresh-stage-note{position:absolute;left:20px;bottom:18px;font-size:9px;color:var(--muted);letter-spacing:.04em;pointer-events:none}.fresh-shape-stage:focus-visible{outline:2px solid var(--accent)}.no-motion .fresh-shape-stage canvas{display:none}@media(max-width:600px){.fresh-playground{padding:25px 0 40px}.fresh-play-heading{align-items:flex-start;gap:15px}.fresh-play-heading>span{font-size:8px;white-space:nowrap;margin-top:5px}.fresh-stage-note{font-size:8px;left:15px}}

.card-image.has-cover-crop{background:var(--paper)}.card-image.has-cover-crop>img{position:absolute;max-width:none;transition:opacity .3s}.card-image.has-cover-crop.previewing.still-preview>img{animation:none;transform:none}

.project-embed{position:relative;width:100%;overflow:hidden;background:var(--paper,#fffde9);min-width:0}.project-embed iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;max-width:100%}.embed-caption{font-size:11px;line-height:1.6;color:var(--muted);margin:12px 0 0}.embed-editor-preview{margin-top:18px}.embed-message{font-size:12px;color:var(--muted,#7a7f70);padding:16px;border:1px dashed #c3c8b4;border-radius:5px}.embed-editor textarea{font-family:monospace;font-size:11px}

/* Project pages: a contained editorial layout. */
.project-page{width:calc(100% - clamp(40px,12vw,240px));max-width:1080px;margin-inline:auto;padding:0}.project-page .project-breadcrumb{margin-top:12px;padding-top:20px}.project-page .project-heading{padding:44px 0 32px;gap:35px}.project-page .project-heading h1{font-size:clamp(34px,4.2vw,calc(var(--project-heading-size,70px)*.8));line-height:1.12;margin-top:15px}.project-page .project-heading>p{font-size:11px;max-width:230px;line-height:1.7}.project-page .project-information{padding:42px 0;grid-template-columns:1.15fr 1fr;gap:10%}.project-page .project-description{font-size:clamp(18px,1.8vw,calc(var(--project-description-size,28px)*.8));line-height:1.65;letter-spacing:-.025em;max-width:46ch;margin:20px 0 0}.project-page dl>div{font-size:11px;grid-template-columns:100px 1fr;gap:15px;padding:12px 0}.project-page .process-section{padding:36px 0;gap:9%;grid-template-columns:1fr 1.6fr}.project-page .process-section p{font-size:12px;max-width:56ch;margin-top:0;line-height:1.85}.project-page .cms-block{padding:24px 0}.project-page .cms-block h2{font-size:clamp(22px,2.4vw,calc(var(--project-block-heading-size,32px)*.85));line-height:1.2;margin:0 0 20px}.project-page .cms-block-text{font-size:clamp(15px,1.4vw,calc(var(--project-text-size,20px)*.85));line-height:1.8;max-width:65ch}.project-page .film-toolbar{padding:13px 0}.project-page .still-section{padding:24px 0 42px}.project-page .still-section img{max-height:580px}.project-page .next-project{margin-top:30px;padding:30px 0 50px}.project-page .next-project h2{font-size:clamp(28px,3.2vw,40px);letter-spacing:-.04em;margin:18px 0 12px}.project-page .fresh-playground{padding:30px 0 40px}.project-page .fresh-shape-stage{height:clamp(280px,30vw,400px)}.project-page .fresh-play-heading h2{font-size:30px}body:has(.project-page) header{padding-left:max(6vw,calc((100% - 1080px)/2));padding-right:max(6vw,calc((100% - 1080px)/2))}body:has(.project-page) footer{width:calc(100% - clamp(40px,12vw,240px));max-width:1080px;margin-inline:auto;padding:24px 0}
@media(max-width:700px){.project-page{width:calc(100% - 44px)}.project-page .project-heading{padding:32px 0 26px}.project-page .project-heading>p{max-width:36ch;margin-top:16px}.project-page .project-information{grid-template-columns:1fr;gap:28px;padding:30px 0}.project-page .project-description{font-size:19px}.project-page .process-section{grid-template-columns:1fr;gap:18px;padding:30px 0}.project-page .cms-block{padding:20px 0}.project-page .fresh-play-heading h2{font-size:25px}body:has(.project-page) header{padding-inline:22px}body:has(.project-page) footer{width:calc(100% - 44px)}}

.project-page .native-player:not(.needs-source){aspect-ratio:16/9}

.cms-details{width:100%;min-width:0}.details-size-narrow{max-width:720px}.details-size-compact{max-width:520px}.details-size-full{max-width:none}.details-align-left{margin-left:0;margin-right:auto}.details-align-center{margin-inline:auto}.details-align-right{margin-left:auto;margin-right:0}.cms-details dl{margin:0;font-size:13px}.cms-details dl>div{display:grid;grid-template-columns:minmax(95px,1fr) 3fr;gap:24px;border-top:1px solid var(--line,#dddfd2);padding:16px 0;line-height:1.8}.cms-details dt{color:var(--muted,#7a7f70);font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}.cms-details dd{color:var(--ink,#25271e);margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.project-page .cms-details dl>div{grid-template-columns:minmax(95px,1fr) 3fr;font-size:13px;gap:24px;padding:16px 0}.project-page .project-information dt,.project-page .project-information dd{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:600px){.cms-details dl>div,.project-page .cms-details dl>div{font-size:12px;grid-template-columns:minmax(80px,1fr) 2.3fr;gap:16px;padding:14px 0}}

/* The vignette band uses the same small pastel geometry as the page field. */
.project-wipe{background:none;transform:none;opacity:1}.project-wipe canvas{display:block;width:100%;height:100%}.card-image.previewing .project-wipe{animation:none;transform:none}.project-reveal{background:none;text-shadow:0 1px 10px #fffde966}.no-motion .project-reveal{background:var(--wipe)}@media(prefers-reduced-motion:reduce){.project-reveal{background:var(--wipe)}}

.project-wipe{top:auto;height:var(--reveal-height,110px)}
.project-reveal{color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8)}

.cms-comparison-grid{display:grid;grid-template-columns:repeat(var(--comparison-columns,2),minmax(0,1fr));align-items:start}.cms-comparison-grid>div{min-width:0}.cms-comparison-grid h3{font-size:16px;font-weight:400;margin:0 0 12px}@media(max-width:700px){.cms-comparison-grid{grid-template-columns:repeat(var(--mobile-columns,1),minmax(0,1fr))}}
/* Compact contrast backing keeps client labels readable over changing footage. */
.reveal-client{justify-self:start;width:fit-content;max-width:100%;font-size:10px;font-weight:500;line-height:1.4;letter-spacing:.09em;color:#fff;background:rgba(16,22,23,.8);padding:5px 8px;border-radius:2px;text-shadow:none;box-shadow:0 1px 4px #0002}
@media(max-width:600px){.reveal-client{font-size:10px}}

.project-vimeo{position:relative;width:100%;background:#111}.project-vimeo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Draw the gallery arrow consistently; mobile must never substitute an emoji. */
.reveal-arrow{font-size:0!important;width:28px;height:28px;position:relative;filter:drop-shadow(0 2px 3px #000b);text-shadow:none}
.reveal-arrow:before{content:'';position:absolute;width:25px;height:1.5px;background:currentColor;left:0;top:14px;transform:rotate(-45deg);transform-origin:center}
.reveal-arrow:after{content:'';position:absolute;width:12px;height:12px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;right:4px;top:4px}
/* Behance-like project canvas: wider media with restrained outer gutters. */
.project-page{width:calc(100% - 64px);max-width:1400px}
body:has(.project-page) header{padding-left:max(32px,calc((100% - 1400px)/2));padding-right:max(32px,calc((100% - 1400px)/2))}
body:has(.project-page) footer{width:calc(100% - 64px);max-width:1400px}
@media(max-width:700px){.project-page,body:has(.project-page) footer{width:calc(100% - 30px)}body:has(.project-page) header{padding-inline:15px}}

@media(max-width:600px){.about-image>img{aspect-ratio:auto;object-fit:contain}}

/* A quiet patch of the same small tiles behind the signature. */
header .wordmark{position:relative;isolation:isolate}
.wordmark .header-tiles{position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:calc(100% + 105px);height:56px;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,#000 0%,#000 28%,transparent 100%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 28%,transparent 100%)}
@media(max-width:600px){.wordmark .header-tiles{width:calc(100% + 60px);height:44px}}

@media(max-width:600px){header{flex-wrap:wrap;gap:14px}header nav{margin-left:auto;gap:14px}header nav .menu-toggle{margin-left:0}}

/* Preserve authored spacing without treating template indentation as content. */
p,h1,h2,h3,h4,dt,dd,figcaption,.kicker,.reveal-title,.reveal-client,.card-caption,.intro-identity>span,.intro-bottom>span,.about-image>span,.text-link,.index-links a,.footer-name{white-space:pre-wrap!important;white-space:break-spaces!important;overflow-wrap:anywhere}
.about-image{width:var(--page-image-width,100%);min-width:0}
.about-image[data-align="center"]{margin-inline:auto}.about-image[data-align="right"]{margin-left:auto}
.about-image[data-image-display="natural"]>img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.about-layout[data-image-layout="right"] .about-image{grid-column:2;grid-row:1}.about-layout[data-image-layout="right"] .biography{grid-column:1;grid-row:1}
.about-layout[data-image-layout="above"],.about-layout[data-image-layout="below"]{grid-template-columns:minmax(0,1fr)}
.about-layout[data-image-layout="below"] .about-image{order:2}.about-layout[data-image-layout="below"] .biography{order:1}
@media(max-width:600px){.about-image{width:var(--page-mobile-image-width,100%)}.about-layout[data-image-layout="right"] .about-image,.about-layout[data-image-layout="right"] .biography{grid-column:auto;grid-row:auto}}

.blowfactory-page a.text-link{font-size:13px}