@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Bodoni+Moda:ital,wght@1,500;1,600&display=swap');
:root{--paper:#e9e8e1;--ink:#191b18;--blue:#224cff;--acid:#e5ff69;--line:#bdbfb4;--mono:ui-monospace,Consolas,monospace;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Manrope',Arial,sans-serif}body.modal-open{overflow:hidden}body[data-view=works],body[data-view=archive]{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:5px}img,video{max-width:100%;display:block}button,a{touch-action:manipulation}::selection{background:var(--blue);color:white}[hidden]{display:none!important}.mono{font:10px/1.5 var(--mono);letter-spacing:.02em}.skip-link{position:fixed;top:-60px;left:20px;z-index:100;background:var(--acid);padding:12px}.skip-link:focus{top:10px}.site-header{height:88px;position:absolute;inset:0 0 auto;display:flex;align-items:center;padding:0 3.2vw;gap:55px;z-index:20}.brand{font-size:33px;font-weight:700;letter-spacing:-5px;line-height:1;white-space:nowrap}.brand span{display:inline-block;transform:skew(-14deg);margin-left:1px}.brand i{font-size:22px;font-style:normal;letter-spacing:0;margin-left:9px;color:var(--blue)}.header-note{font:9px/1.5 var(--mono)}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font:10px var(--mono)}.site-header nav a{padding:12px 0}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--blue)}sup{font:9px var(--mono);vertical-align:top;margin-left:3px}.contact-trigger{font:10px var(--mono);border:1px solid var(--ink);padding:13px 18px;border-radius:40px;transition:background .2s,color .2s}.contact-trigger:hover{background:var(--ink);color:var(--paper)}.contact-trigger span{margin-left:18px}.hero{height:100svh;min-height:840px;max-height:1150px;position:relative;overflow:hidden;padding:105px 3.2vw 0;background-image:radial-gradient(#a5a99b55 .6px,transparent .6px);background-size:8px 8px}.hero-kicker{display:flex;justify-content:space-between;align-items:center}.live-dot{display:inline-block;background:var(--blue);height:6px;width:6px;margin-right:7px;border-radius:50%}.hero h1{position:relative;font:800 20.25vw/.9 var(--display);letter-spacing:-.027em;margin:27px -6px 0;white-space:nowrap;z-index:1;animation:title-in .9s cubic-bezier(.2,.8,.2,1) both}.hero h1 em{font-weight:700;color:var(--blue)}.hero h1 sup{position:absolute;font:38px 'Manrope';top:0;right:0}.hero-purpose{position:absolute;top:43%;left:3.2vw;font-size:15px;line-height:1.5;letter-spacing:-.025em;max-width:245px}.hero-coordinate{position:absolute;right:3.2vw;top:43%;text-align:right}.cinema-object{position:absolute;top:36%;left:26%;width:52%;transform:rotate(-6deg);background:#151714;color:var(--paper);box-shadow:20px 25px 0 #191b1809,0 25px 50px #191b182e;z-index:3;animation:screen-in 1.2s cubic-bezier(.16,1,.3,1) both}.cinema-bar,.cinema-bottom{display:flex;justify-content:space-between;gap:10px;padding:10px 13px;font-size:8px}.cinema-bar i{display:inline-block;width:5px;height:5px;background:var(--acid);border-radius:50%;margin-right:6px}.cinema-bottom i{font-style:normal;color:#73786c;margin:0 8px}.cinema-bottom button{font:inherit}.cinema-picture{position:relative;aspect-ratio:16/9;overflow:hidden}.cinema-picture video{width:100%;height:100%;object-fit:cover}.cinema-picture:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#0005);pointer-events:none}.cinema-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;color:white;z-index:2}.cinema-play span{width:65px;height:65px;border:1px solid #fffb;border-radius:50%;display:grid;place-items:center;font-size:29px;background:#0002;backdrop-filter:blur(3px);transition:transform .3s,background .3s}.cinema-play small{font:8px var(--mono)}.cinema-play:hover span{background:var(--blue);transform:rotate(45deg)}.works-stamp{position:absolute;right:7%;bottom:16%;width:153px;height:153px;background:var(--acid);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transform:rotate(10deg);z-index:5;box-shadow:0 4px 0 #1111;transition:transform .35s}.works-stamp span{font:700 24px/.93 var(--display);text-align:center}.works-stamp b{font-size:35px;font-weight:400}.works-stamp:hover{transform:rotate(-12deg) scale(1.07)}.hero-footer{position:absolute;bottom:27px;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;align-items:flex-end;z-index:4}.scroll-link{display:flex;align-items:center;gap:25px}.scroll-link span{font-size:25px}.hero-statement{font-size:17px;line-height:1.25;letter-spacing:-.03em;transform:rotate(-3deg)}.hero-statement em{font-style:normal;color:#72776a}.mini-archive{display:flex;align-items:center;gap:15px}.mini-folder{display:block;position:relative;width:49px;height:34px;border-radius:3px 5px 5px;background:linear-gradient(#82d8fd,#46a9eb);box-shadow:0 2px 3px #0002;transform:rotate(9deg);transition:transform .25s}.mini-folder:before{content:'';position:absolute;left:0;top:-5px;width:23px;height:7px;background:#62b9ed;border-radius:3px 5px 0 0}.mini-archive:hover .mini-folder{transform:rotate(-10deg) translateY(-5px)}.section-pad{padding:45px 5vw 85px}.section-label{display:flex;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line);gap:25px}.approach{background:var(--ink);color:var(--paper)}.approach .section-label{border-color:#ffffff30;color:#a8afa0}.approach-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw;padding-top:70px}.approach h2{font:700 clamp(80px,11vw,175px)/.81 var(--display);letter-spacing:-.025em;margin:0;position:relative}.approach h2 em{color:var(--acid);font-weight:700}.star{position:absolute;right:1%;top:5%;font:90px 'Manrope';color:var(--acid);transform:rotate(12deg)}.approach-copy{padding-top:15px;max-width:440px}.approach-copy p{font-size:16px;line-height:1.7;color:#b8bdaf}.approach-copy .large-copy{font-size:32px;line-height:1.15;letter-spacing:-.04em;color:var(--paper);margin:0 0 25px}.approach-principles{display:flex;flex-direction:column;gap:13px;padding:25px 0 30px;font:10px var(--mono)}.text-link{font:10px/1.5 var(--mono);display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid;padding:0 0 9px;transition:color .2s}.text-link:hover{color:var(--blue)}.approach .text-link:hover{color:var(--acid)}.selected{padding-top:50px}.selected-heading{display:flex;justify-content:space-between;align-items:center;margin:50px 0 45px}.selected-heading h2{font-size:clamp(50px,6.5vw,100px);line-height:.96;letter-spacing:-.06em;font-weight:500;margin:0}.selected-heading h2 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:400}.round-link{width:90px;height:90px;border-radius:50%;border:1px solid var(--ink);display:grid;place-items:center;font-size:45px;transition:background .3s,transform .3s}.round-link:hover{background:var(--blue);color:white;transform:rotate(45deg)}.filmstrip-gateway{display:block;position:relative;perspective:1000px;padding:18px 0 45px}.gateway-panels{display:flex;gap:10px;transform:rotate(-3deg);height:360px;transition:transform .6s}.gateway-panels img{width:calc((100% - 40px)/5);object-fit:cover;transform:rotateY(-12deg);transition:width .5s,filter .5s;filter:saturate(.75)}.filmstrip-gateway:hover .gateway-panels{transform:rotate(0deg)}.filmstrip-gateway:hover img{filter:saturate(1)}.gateway-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--acid);padding:17px 23px;border-radius:40px;white-space:nowrap;box-shadow:0 3px 30px #0003}.gateway-label b{font-size:19px;margin-left:20px;font-weight:400}.case-notes{display:grid;grid-template-columns:1fr 1fr;gap:8vw;margin-top:42px}.case-notes article{border-top:1px solid var(--line);padding-top:20px}.case-notes h3{font-size:31px;font-weight:500;line-height:1.15;letter-spacing:-.04em;margin:25px 0 17px}.case-notes p{font-size:14px;line-height:1.7;max-width:420px;color:#5b6256;margin-bottom:25px}.archive-teaser{background:#d9dfce;display:grid;grid-template-columns:1fr 1fr;min-height:550px;align-items:center;gap:5vw;overflow:hidden}.archive-teaser h2{font-size:80px;line-height:.92;letter-spacing:-.05em;font-weight:500;margin:35px 0 25px}.archive-teaser h2 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:400}.archive-teaser p{font-size:14px;line-height:1.65;color:#5b6256;margin-bottom:28px}.folder-teaser{position:relative;display:block;width:320px;height:280px;justify-self:center;transform:rotate(-9deg);perspective:600px}.folder-back{position:absolute;left:0;right:0;top:45px;height:200px;border-radius:12px;background:linear-gradient(#71bce7,#4fa6e0);box-shadow:0 10px 30px #1a4b6120}.folder-back:before{content:'';position:absolute;left:0;top:-24px;width:130px;height:30px;background:#73bee9;clip-path:polygon(0 0,85% 0,100% 100%,0 100%);border-radius:9px 0 0}.folder-front{position:absolute;left:0;right:0;top:76px;height:177px;border-radius:8px 10px 13px 13px;background:linear-gradient(160deg,#9de0ff,#57baf2 55%,#3f9ee3);box-shadow:inset 0 1px 1px #fffa,0 10px 15px #21465820;transform-origin:center bottom;transform:rotateX(-8deg);z-index:3;transition:transform .4s}.folder-front i{position:absolute;left:30px;top:25px;font-style:normal;font-weight:700;font-size:58px;letter-spacing:-7px;color:#1266a87a}.folder-front i span{display:inline-block;transform:skew(-14deg)}.folder-front small{position:absolute;left:30px;bottom:22px;font:9px/1.5 var(--mono);color:#166599}.folder-caption{position:absolute;top:275px;left:0;right:0;text-align:center;color:var(--ink)}.loose-print{position:absolute;left:35px;top:7px;width:235px;height:150px;background:#faf9f4;padding:7px 7px 22px;z-index:2;box-shadow:0 5px 20px #0002;transition:transform .5s}.loose-print img{height:100%;width:100%;object-fit:cover}.print-one{transform:rotate(-12deg)}.print-two{transform:rotate(8deg) translateY(17px)}.folder-teaser:hover .print-one{transform:rotate(-19deg) translate(-25px,-45px)}.folder-teaser:hover .print-two{transform:rotate(14deg) translate(30px,-20px)}.folder-teaser:hover .folder-front{transform:rotateX(-28deg)}.about{padding-top:50px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:70px;align-items:center}.about-visual{position:relative;padding:15px 0 30px}.about-image{aspect-ratio:4/5;transform:rotate(-5deg);border:10px solid #f7f6f0;box-shadow:0 12px 35px #0002}.about-image img{width:100%;height:100%;object-fit:cover}.about-sticker{position:absolute;right:-35px;top:35px;background:var(--blue);color:white;padding:25px;font:700 40px/.9 var(--display);transform:rotate(12deg)}.image-credit{display:block;margin-top:30px;font-size:8px}.about-copy h2{font-size:clamp(50px,6vw,90px);letter-spacing:-.055em;line-height:.94;font-weight:500;margin:0 0 30px}.about-copy h2 em{color:var(--blue);font-family:'Bodoni Moda',Georgia,serif;font-weight:400}.about-copy p{font-size:15px;line-height:1.75;color:#5b6256}.about-copy .text-link{margin-top:20px}.process{padding-top:10px}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin-top:42px}.process-steps article>span{font:11px var(--mono);color:var(--blue)}.process-steps h3{font-size:25px;font-weight:500;letter-spacing:-.04em;margin:25px 0 15px}.process-steps p{font-size:14px;line-height:1.7;color:#5b6256}.footer{background:var(--blue);color:white;padding-bottom:25px}.footer .section-label{border-color:#ffffff50}.contact-title{display:block;position:relative;text-align:left;font:700 17vw/.79 var(--display);letter-spacing:-.025em;margin:55px 0;width:100%;}.contact-title em{font-weight:700;color:var(--acid)}.contact-title>span{position:absolute;right:5%;top:20%;font:15vw 'Manrope';transition:transform .4s}.contact-title:hover>span{transform:rotate(45deg)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff50;padding-top:23px;font-size:9px}
/* Dedicated filmstrip room */
.works-view{height:100svh;min-height:600px;overflow:hidden;position:relative;background:#e7e6df}.works-intro{position:absolute;top:120px;left:3.2vw;right:3.2vw;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.works-intro h1{font:700 8vw/.8 var(--display);margin:0;text-align:center;letter-spacing:-.025em}.works-intro h1 em{color:var(--blue)}.works-intro p{text-align:right;margin:0}.reel{position:absolute;inset:28% 0 18%;touch-action:pan-y;cursor:grab;outline-offset:-5px;perspective:1100px;overflow:hidden}.reel.dragging{cursor:grabbing}.reel-track{position:absolute;inset:0;transform-style:preserve-3d}.reel-card{position:absolute;width:var(--card-w,360px);height:88%;top:4%;left:50%;margin-left:calc(var(--card-w,360px)/-2);will-change:transform;transform-origin:center center;backface-visibility:hidden}.reel-card button{position:relative;width:100%;height:100%;display:block;background:#191b18;overflow:hidden;box-shadow:0 10px 20px #0001}.reel-card img,.reel-card video{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.reel-card video{position:absolute;inset:0;opacity:0;transition:opacity .3s}.reel-card.is-playing video{opacity:1}.reel-card .reel-card-label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;color:white;background:linear-gradient(transparent,#0008);padding:45px 16px 15px;font:9px var(--mono)}.reel-card-label i{font-style:normal;font-size:22px}.reel-footer{position:absolute;bottom:30px;left:3.2vw;right:3.2vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.reel-current h2{font-size:32px;font-weight:500;letter-spacing:-.04em;margin:8px 0}.reel-current>.mono:last-child{color:#606657;font-size:9px}.reel-watch{font:10px var(--mono);border:1px solid var(--ink);border-radius:35px;padding:18px 22px;display:flex;align-items:center;gap:35px}.reel-watch span{font:25px 'Manrope'}.reel-watch:hover{background:var(--blue);color:white;border-color:var(--blue)}.reel-navigation{display:flex;align-items:center;gap:25px}.reel-navigation>button{font-size:30px;min-width:35px;min-height:44px}.reel-dots{display:flex;gap:7px}.reel-dots button{width:20px;height:30px;position:relative}.reel-dots button:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#a4a799;left:7px;top:13px}.reel-dots button[aria-pressed=true]:after{background:var(--blue);transform:scale(1.5)}
/* An actual separate archive, not a layout toggle */
.archive-view{height:100svh;min-height:700px;position:relative;overflow:hidden;background-color:#dce2d4;background-image:radial-gradient(#8a99836b .7px,transparent .7px);background-size:16px 16px}.desktop-toolbar{position:absolute;top:100px;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;border-bottom:1px solid #acb7a2;padding-bottom:17px}.desktop-toolbar button{font:inherit}.desktop-title{position:absolute;top:155px;left:3.2vw;z-index:0;pointer-events:none}.desktop-title h1{font-size:clamp(60px,7vw,110px);line-height:.86;letter-spacing:-.06em;font-weight:500;margin:0 0 25px}.desktop-title h1 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;color:#8d9e80}.desktop-title p{font-size:9px}.desktop{position:absolute;inset:140px 2vw 70px;perspective:1200px}.desktop-folder{position:absolute;width:250px;height:245px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-6deg);z-index:8;transition:top .7s,transform .7s}.desktop-folder .folder-back{height:151px;top:37px}.desktop-folder .folder-front{height:145px;top:60px}.desktop-folder .folder-front i{font-size:45px}.desktop-folder .folder-front small{font-size:8px}.desktop-folder .folder-caption{top:230px;font-size:10px}.folder-caption small{display:block;font:8px var(--mono);margin-top:6px;color:#65705c}.desktop-folder:hover .folder-front{transform:rotateX(-28deg)}.archive-view.is-open .desktop-folder{top:84%;transform:translate(-50%,-50%) rotate(-4deg) scale(.62)}.archive-view.is-open .desktop-folder .folder-front{transform:rotateX(-25deg)}.archive-files{position:absolute;inset:0;pointer-events:none}.archive-file{position:absolute;left:var(--x);top:var(--y);width:var(--file-width,210px);padding:8px 8px 13px;background:#f8f7ef;box-shadow:2px 10px 22px #31421f29;border:1px solid #fff;transform:translate(-50%,-50%) rotate(var(--rot));transition:opacity .4s,transform .7s cubic-bezier(.16,1,.3,1),left .7s cubic-bezier(.16,1,.3,1),top .7s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none;cursor:grab;touch-action:none;user-select:none}.archive-file img{width:100%;aspect-ratio:16/10;object-fit:cover;pointer-events:none}.file-label{display:flex;justify-content:space-between;gap:7px;font:9px var(--mono);padding-top:12px;text-align:left}.file-label span:last-child{color:#7e8675;font-size:8px}.archive-file:not(.is-out){left:50%!important;top:48%!important;transform:translate(-50%,-50%) scale(.1) rotate(0deg)}.archive-file.is-out{opacity:1;pointer-events:auto}.archive-file:hover{box-shadow:3px 15px 35px #31421f45}.archive-file.dragging{cursor:grabbing;transition:none;box-shadow:3px 18px 38px #31421f55}.desktop-footer{position:absolute;bottom:23px;left:3.2vw;right:3.2vw;display:flex;justify-content:space-between;gap:20px;font-size:9px}
/* Screening room & contact */
dialog{border:0;padding:0}dialog::backdrop{background:#10140fec;backdrop-filter:blur(15px)}#player{width:min(1200px,95vw);max-width:95vw;max-height:94svh;background:#161914;color:var(--paper)}.player-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px 23px;font-size:9px}.player-top button{font:inherit;padding:5px}#full-video{width:100%;max-height:64svh;min-height:100px;background:#080a07}.player-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:23px}.player-bottom h2{font-size:31px;font-weight:500;letter-spacing:-.04em;margin:7px 0}.player-bottom p{font-size:13px;line-height:1.5;color:#a5ad9e;max-width:630px;margin:0}.player-bottom .mono{font-size:8px;color:var(--acid)}.player-bottom button{white-space:nowrap}#video-error{padding:0 23px 18px;font-size:12px}#video-error button{text-decoration:underline}#contact{width:550px;max-width:94vw;max-height:90svh;background:var(--paper);padding:65px 40px 40px;color:var(--ink)}.dialog-close{position:absolute;right:25px;top:23px}.dialog-close:hover{color:var(--blue)}#contact h2{font-size:65px;line-height:.95;letter-spacing:-.06em;font-weight:500;margin:35px 0 25px}#contact h2 em{font-family:'Bodoni Moda',Georgia,serif;color:var(--blue);font-weight:400}#contact p{font-size:15px;line-height:1.6}#contact-details{border-top:1px solid var(--line);margin:27px 0;padding-top:18px}#contact-details a{display:block;font-size:18px;padding:10px 0;overflow-wrap:anywhere}.contact-pending{color:#626b58}.contact-foot{font-size:8px}#route-wipe{position:fixed;inset:0;background:var(--blue);color:var(--acid);z-index:50;display:grid;place-items:center;transform:translateY(110%);pointer-events:none}#route-wipe span{font:700 12vw var(--display)}#route-wipe.transitioning{animation:wipe .7s cubic-bezier(.75,0,.25,1) both}@keyframes wipe{0%{transform:translateY(110%)}45%,55%{transform:translateY(0)}100%{transform:translateY(-110%)}}@keyframes title-in{from{transform:translateY(35px) skewY(3deg);opacity:0}to{transform:none;opacity:1}}@keyframes screen-in{from{transform:translateY(70px) rotate(0deg);opacity:0}to{transform:rotate(-6deg);opacity:1}}
@media(min-width:1700px){.cinema-object{width:49%;left:27%;top:34%}.hero-purpose,.hero-coordinate{top:47%}.hero h1{font-size:19vw}.hero{max-height:1250px}}
@media(max-width:1000px){.header-note{display:none}.site-header{gap:15px}.hero{min-height:780px}.hero-purpose{font-size:13px;top:36%}.hero-coordinate{top:35%;font-size:8px}.cinema-object{top:43%;left:17%;width:66%}.hero h1{margin-top:55px}.works-stamp{width:125px;height:125px;right:4%;bottom:16%}.hero-statement{font-size:14px}.mini-archive{gap:8px}.mini-archive .mono{font-size:8px}.approach-layout{gap:6vw}.star{font-size:60px}.about-layout{gap:8vw}.about-sticker{right:-15px;font-size:30px}.works-intro h1{font-size:10vw}.works-intro>.mono,.works-intro p{font-size:8px}.reel-footer{bottom:25px}.reel-current h2{font-size:26px}.reel-navigation{gap:12px}.folder-teaser{transform:rotate(-9deg) scale(.85)}.archive-teaser h2{font-size:65px}}
@media(max-width:650px){html{scroll-padding-top:80px}.site-header{height:76px;padding:0 5vw}.brand{font-size:28px;letter-spacing:-4px}.brand i{font-size:18px;margin-left:6px}.site-header nav{gap:14px;font-size:8px}.site-header nav sup{display:none}.contact-trigger{font-size:8px;padding:9px 11px}.contact-trigger span{display:none}.hero{min-height:780px;height:100svh;max-height:980px;padding:96px 5vw 0}.hero-kicker{font-size:7px}.hero-kicker>span:last-child{font-size:7px}.hero h1{font-size:28vw;white-space:normal;line-height:.81;margin:45px 0 0;width:95%;letter-spacing:-.02em}.hero h1 em{display:block;text-align:right;position:relative;left:2vw}.hero h1 sup{right:0;top:0;font-size:29px}.hero-purpose{top:35%;left:5vw;font-size:12px;max-width:210px}.hero-coordinate{display:none}.cinema-object{top:44%;left:7%;width:86%;transform:rotate(-6deg)}.cinema-bar,.cinema-bottom{font-size:6px;padding:8px 9px}.cinema-play span{width:46px;height:46px;font-size:24px}.cinema-play small{font-size:7px}.works-stamp{width:91px;height:91px;bottom:18%;right:5%}.works-stamp span{font-size:18px}.works-stamp b{font-size:24px}.hero-footer{bottom:23px;left:5vw;right:5vw;align-items:flex-end}.hero-statement{display:none}.scroll-link{font-size:8px;gap:10px}.mini-archive{flex-direction:column;gap:10px;align-items:center}.mini-archive .mono{font-size:7px}.mini-folder{width:41px;height:30px}.section-pad{padding:30px 6vw 55px}.section-label{font-size:8px;gap:15px;line-height:1.7}.section-label>span:last-child{text-align:right;max-width:45%}.approach-layout{grid-template-columns:1fr;gap:40px;padding-top:45px}.approach h2{font-size:27vw;line-height:.8}.star{right:12%;top:20%;font-size:75px}.approach-copy{max-width:none;padding-top:0}.approach-copy .large-copy{font-size:29px}.approach-copy p{font-size:14px}.approach-principles{font-size:9px}.selected-heading{margin:35px 0 30px;gap:15px}.selected-heading h2{font-size:43px}.round-link{width:60px;height:60px;flex-shrink:0;font-size:32px}.gateway-panels{height:260px;gap:6px;width:135%;margin-left:-17.5%}.gateway-panels img{width:calc((100% - 24px)/5)}.filmstrip-gateway{overflow:hidden;padding:20px 0 30px;margin:0 -6vw}.gateway-label{font-size:8px;padding:13px 18px}.case-notes{grid-template-columns:1fr;gap:32px;margin-top:25px}.case-notes h3{font-size:29px;margin-top:20px}.case-notes p{font-size:13px}.archive-teaser{grid-template-columns:1fr;gap:30px;padding-bottom:80px}.archive-teaser h2{font-size:65px;margin-top:30px}.folder-teaser{transform:rotate(-9deg) scale(.85);height:300px;margin-top:0}.about-layout{grid-template-columns:1fr;gap:35px;margin-top:40px}.about-visual{width:83%;margin:auto}.about-sticker{right:-25px;top:25px;font-size:30px;padding:20px}.about-copy h2{font-size:64px}.about-copy p{font-size:14px}.process-steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.process-steps article{display:grid;grid-template-columns:35px 1fr;gap:0 15px;border-bottom:1px solid var(--line);padding-bottom:23px}.process-steps article>span{padding-top:7px}.process-steps h3{margin:0;font-size:25px}.process-steps p{grid-column:2;margin:12px 0 0;font-size:13px}.contact-title{font-size:30vw;margin:50px 0}.contact-title>span{font-size:25vw;right:0;top:32%}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:13px}.footer-bottom span:nth-child(2){display:none}.works-view{min-height:650px}.works-intro{top:100px;left:5vw;right:5vw}.works-intro>.mono{font-size:7px;width:70px}.works-intro h1{font-size:15vw;text-align:right}.works-intro p{display:none}.reel{inset:29% 0 25%}.reel-card{height:90%;top:5%}.reel-footer{left:5vw;right:5vw;bottom:24px;flex-wrap:wrap;gap:17px}.reel-current{width:55%}.reel-current h2{font-size:25px}.reel-current>.mono{font-size:8px}.reel-current>.mono:last-child{font-size:7px}.reel-watch{padding:12px 15px;font-size:8px;gap:10px}.reel-watch span{font-size:21px}.reel-navigation{width:100%;justify-content:center;gap:35px}.archive-view{min-height:780px}.desktop-toolbar{top:95px;left:5vw;right:5vw;font-size:7px;gap:10px}.desktop-toolbar span:nth-child(2){display:none}.desktop-title{top:143px;left:5vw}.desktop-title h1{font-size:56px}.desktop-title p{font-size:7px;margin-top:17px}.desktop{inset:140px 3vw 65px}.desktop-folder{transform:translate(-50%,-50%) rotate(-6deg) scale(.8);top:54%}.archive-view.is-open .desktop-folder{top:90%;transform:translate(-50%,-50%) rotate(-4deg) scale(.48)}.archive-file{padding:5px 5px 10px}.file-label{font-size:7px;padding-top:8px;gap:3px}.file-label span:last-child{font-size:6px}.desktop-footer{left:5vw;right:5vw;font-size:7px;gap:12px;line-height:1.7;align-items:flex-end}.desktop-footer>span{max-width:48%}.desktop-footer a{text-align:right;max-width:42%}.player-top{padding:14px;font-size:7px}.player-bottom{padding:17px;display:block}.player-bottom h2{font-size:26px}.player-bottom p{font-size:12px}.player-bottom button{margin-top:20px}.player-bottom .mono{font-size:7px}#contact{padding:60px 25px 30px}#contact h2{font-size:52px}.contact-foot{font-size:7px}}
.hero h1{font-size:17.8vw}
#contact{width:650px;padding:55px 35px 30px}
#contact h2{font-size:51px;margin:22px 0 16px}
#contact .contact-intro{font-size:13px;color:#5b6256;margin-bottom:25px}
#contact-form label{display:block;font:9px/1.5 var(--mono);letter-spacing:.03em;margin-bottom:19px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #a2a899;background:transparent;color:var(--ink);border-radius:0;padding:12px 0;font:14px/1.45 'Manrope',Arial,sans-serif;outline-offset:4px;letter-spacing:0}
#contact-form textarea{resize:vertical;min-height:95px;max-height:250px}
#contact-form input:focus,#contact-form select:focus,#contact-form textarea:focus{outline:2px solid var(--blue);border-bottom-color:transparent}
.field-optional{color:#69725f;font-size:7px;margin-left:7px}
.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
#contact-form .form-privacy{font-size:10px;line-height:1.6;color:#66705c;margin:0 0 19px}
.send-inquiry{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--blue);color:white;padding:16px 20px;font:10px var(--mono)}
.send-inquiry span{font:22px 'Manrope'}
.send-inquiry:hover{background:#173ace}.send-inquiry:disabled{opacity:.6;cursor:wait}
#contact-form #form-status{font-size:12px;line-height:1.5;margin:13px 0 0;color:#7f351e}
#form-status:empty{display:none}
#form-success{padding:30px 0 20px}.success-mark{font-size:65px;color:var(--blue)}#form-success h3{font-size:30px;font-weight:500;letter-spacing:-.04em;margin:15px 0}#form-success p{color:#5b6256}#another-inquiry{margin-top:15px}
@media(max-width:650px){#contact{padding:55px 24px 25px}#contact h2{font-size:43px}.form-row{grid-template-columns:1fr;gap:0}#contact-form input:not([type=hidden]),#contact-form select,#contact-form textarea{font-size:16px}#contact-form label{margin-bottom:16px}}
.works-intro h1{font-size:min(8vw,9vh)}
#route-wipe{visibility:hidden}
#route-wipe.transitioning{visibility:visible}
@media(max-width:650px){.hero h1{font-size:28vw}.hero-purpose{top:40%;max-width:260px}.cinema-object{top:48%}.works-stamp{bottom:14%}.works-intro h1{font-size:13vw}.desktop-title p{max-width:170px}.archive-view.is-open .desktop-title p{visibility:hidden}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reel-card{will-change:auto}}
/* Clear editorial homepage; the playful collection lives in its own space. */
.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0}.brand .icon{width:22px;height:22px}.cinema-play .icon{width:28px;height:28px}.contact-title .icon{width:11vw;height:11vw}.hero{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:5vw;padding:150px 5vw 100px;height:auto;min-height:760px;max-height:none;background-image:none;overflow:visible}.hero-copy{min-width:0}.eyebrow{display:block;color:#626858;margin-bottom:32px}.hero h1{font:700 clamp(62px,7.1vw,120px)/.94 var(--display);margin:0;letter-spacing:-.025em;white-space:normal;animation:none;width:auto}.hero h1 em{display:inline;color:var(--blue);text-align:left;left:0}.hero-purpose{position:static;max-width:440px;font-size:17px;line-height:1.65;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.primary-link{display:inline-flex;align-items:center;gap:22px;background:var(--ink);color:var(--paper);padding:17px 22px;font:10px var(--mono);border-radius:2px}.primary-link:hover{background:var(--blue)}.hero-actions .text-link{padding:12px 0}.hero-signature{display:block;margin-top:46px;color:#737969;font-size:8px}.cinema-object{position:relative;top:auto;left:auto;width:100%;transform:rotate(-2deg);animation:none;box-shadow:0 22px 45px #191b1820}.selected{border-top:1px solid var(--line)}.selected-heading{align-items:flex-end;gap:30px}.selected-heading h2{font-size:clamp(42px,5vw,76px)}.selected-heading>p{font-size:13px;line-height:1.6;color:#636959}.selected-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.selected-poster{display:block;position:relative;width:100%;overflow:hidden;margin-bottom:22px;background:var(--ink)}.selected-poster img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}.selected-poster:hover img{transform:scale(1.04)}.selected-poster>span{position:absolute;bottom:14px;left:14px;display:flex;gap:18px;align-items:center;font:8px var(--mono);background:var(--paper);padding:10px 13px}.selected-film>.mono{font-size:8px;color:#626858}.selected-film h3{font-size:28px;font-weight:500;letter-spacing:-.04em;margin:10px 0 12px}.selected-film>p{font-size:13px;line-height:1.7;color:#5b6256;min-height:68px;margin-bottom:22px}.selected-film .text-link{font-size:9px;gap:15px;min-height:40px}.collection-link{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:48px;font:11px var(--mono)}.collection-link small{margin-left:auto;color:#737969;font-size:8px}.collection-link:hover{color:var(--blue)}.approach-layout{grid-template-columns:1fr 1fr;gap:8vw;padding-top:60px}.approach h2{font:700 clamp(48px,6.5vw,95px)/.95 var(--display)}.approach-copy{padding-top:0;max-width:500px}.approach-copy .large-copy{font-size:28px}.approach .process-steps{grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #ffffff30;padding-top:35px;margin-top:65px}.approach .process-steps article>span{color:var(--acid)}.approach .process-steps h3{font-size:23px}.approach .process-steps p{color:#b8bdaf;font-size:13px}.about-layout{grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin-top:55px}.about-layout>h2{font-size:clamp(40px,5vw,72px);font-weight:500;letter-spacing:-.055em;line-height:1.05;margin:0}.about-layout>h2 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:400;color:var(--blue)}.about-copy p:first-child{margin-top:0}.about-availability{border-top:1px solid var(--line);padding-top:20px}.about-copy>.mono{font-size:8px}.contact-title{font-size:14vw;margin:55px 0 65px}.contact-title>span{top:0;right:0}.screening-tabs{display:flex;gap:24px;padding:0 23px 16px;border-bottom:1px solid #ffffff20}.screening-tabs button{font:10px var(--mono);padding:10px 0;color:#9aa291;border-bottom:2px solid transparent}.screening-tabs button[aria-selected=true]{color:var(--acid);border-color:var(--acid)}.process-summary{padding:28px;max-width:780px}.process-summary>.mono{font-size:8px;color:var(--acid)}.process-summary h3{font-size:30px;font-weight:500;margin:16px 0}.process-summary p{font-size:14px;line-height:1.7;color:#b8bdaf}.process-gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 28px 30px}.process-gallery figure{margin:0;min-width:0}.process-gallery img{width:100%;height:auto;background:#272b23}.process-gallery figcaption{font:10px/1.6 var(--mono);color:#b8bdaf;margin-top:12px}.player-top button,.dialog-close{display:flex;align-items:center;gap:8px}.success-mark .icon{width:40px;height:40px}.folder-front .icon{width:32px;height:32px}.reel-card-label .icon{width:22px;height:22px}#route-wipe .icon{width:8vw;height:8vw}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:45px;min-height:0;padding:140px 6vw 75px}.hero h1{font-size:clamp(65px,11vw,100px)}.hero-purpose{max-width:520px}.hero-signature{margin-top:28px}.cinema-object{max-width:720px;justify-self:center}.selected-grid{gap:16px}.approach .process-steps{grid-template-columns:1fr 1fr}.site-header{gap:25px}.header-note{display:none}}
@media(max-width:650px){.site-header{padding:0 5vw;gap:14px}.site-header nav{gap:13px;font-size:9px}.contact-trigger{font-size:9px;padding:10px}.brand i{margin-left:3px}.brand .icon{width:16px;height:16px}.hero{padding:118px 6vw 55px;gap:35px}.eyebrow{font-size:8px;margin-bottom:23px}.hero h1{font-size:16.4vw;line-height:.97}.hero-purpose{font-size:14px;margin:24px 0;line-height:1.7}.hero-actions{gap:20px}.primary-link{font-size:9px;padding:15px}.hero-actions .text-link{font-size:9px}.hero-signature{font-size:7px;line-height:1.7;max-width:250px}.cinema-object{width:100%;top:auto;left:auto;transform:rotate(-1deg)}.cinema-bar,.cinema-bottom{font-size:7px}.selected-heading{display:block;margin:32px 0}.selected-heading h2{font-size:41px}.selected-heading>p{margin-top:20px}.selected-grid{grid-template-columns:1fr;gap:36px}.selected-poster{margin-bottom:18px}.selected-poster img{aspect-ratio:16/10}.selected-film>p{min-height:0;max-width:450px;margin-bottom:12px}.collection-link{flex-wrap:wrap;margin-top:36px;font-size:9px;gap:15px}.collection-link small{width:100%;margin:0}.approach-layout{grid-template-columns:1fr;gap:35px;padding-top:36px}.approach h2{font-size:15vw;line-height:.98}.approach-copy .large-copy{font-size:26px}.approach .process-steps{grid-template-columns:1fr;gap:22px;margin-top:35px;padding-top:27px}.approach .process-steps article{border-color:#ffffff30}.about-layout{grid-template-columns:1fr;gap:30px;margin-top:35px}.about-layout>h2{font-size:42px}.contact-title{font-size:22vw;margin:40px 0}.contact-title>span{top:0}.contact-title .icon{width:15vw;height:15vw}.process-gallery{grid-template-columns:1fr;padding:0 18px 22px;gap:25px}.process-summary{padding:22px 18px}.process-summary h3{font-size:25px}.screening-tabs{padding:0 14px 12px;gap:22px}.screening-tabs button{font-size:9px}.player-top .icon,.dialog-close .icon{width:16px;height:16px}.section-label{font-size:8px}.text-link .icon{width:17px;height:17px}}
@media(prefers-reduced-motion:reduce){.selected-poster img{transition:none}}
.creative-notebook{border-top:1px solid #ffffff30;margin-top:45px}.creative-notebook summary{display:flex;justify-content:space-between;gap:30px;align-items:center;list-style:none;padding:30px 0;cursor:pointer}.creative-notebook summary::-webkit-details-marker{display:none}.creative-notebook summary .mono{color:var(--acid);font-size:9px;display:block}.creative-notebook strong{display:block;font-size:36px;font-weight:500;letter-spacing:-.04em;margin:10px 0}.notebook-intro{display:block;max-width:530px;font-size:14px;line-height:1.7;color:#b8bdaf}.notebook-toggle{font-size:35px;font-weight:400;width:54px;height:54px;border:1px solid #ffffff50;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.creative-notebook[open] .notebook-toggle{transform:rotate(45deg)}.notebook-content{padding:10px 0 20px}.notebook-content figure{margin:0}.notebook-board img{width:100%;max-height:850px;object-fit:contain;background:#202020}.notebook-content figcaption{font:10px/1.7 var(--mono);color:#b8bdaf;margin-top:12px}.notebook-studies{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.notebook-studies img{width:100%;aspect-ratio:16/10;object-fit:contain;background:#252823}.creative-notebook summary:focus-visible{outline:2px solid var(--acid);outline-offset:5px}@media(max-width:650px){.creative-notebook{margin-top:30px}.creative-notebook strong{font-size:30px}.notebook-intro{font-size:13px}.notebook-toggle{width:42px;height:42px;font-size:28px}.notebook-studies{grid-template-columns:1fr;gap:25px}.notebook-content figcaption{font-size:9px}}

/* Brand typography: sculptural sans with editorial italic accents. */
.hero h1{font-size:clamp(58px,6.4vw,105px);font-weight:800;line-height:1.02;letter-spacing:-.075em}.hero h1 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;letter-spacing:-.045em;font-size:1.17em;line-height:1.05}.approach h2{font-size:clamp(42px,5vw,76px);line-height:1.07;font-weight:700;letter-spacing:-.065em}.approach h2 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:500;letter-spacing:-.035em}.selected-heading h2,.about-layout>h2{font-weight:600;letter-spacing:-.065em}.selected-heading h2 em,.about-layout>h2 em{letter-spacing:-.035em;font-weight:500}.contact-title{font-size:11.8vw;line-height:1.05;font-weight:800;letter-spacing:-.075em}.contact-title em{font-family:'Bodoni Moda',Georgia,serif;font-weight:600;letter-spacing:-.045em}.works-intro h1{font-size:6vw;line-height:.98;font-weight:800;letter-spacing:-.065em}.works-intro h1 em{font-family:'Bodoni Moda',Georgia,serif;font-weight:600}.selected-film h3,.reel-current h2{font-weight:600}.hero-purpose,.about-copy p{letter-spacing:-.02em}@media(max-width:900px){.hero h1{font-size:clamp(60px,9.8vw,90px)}}@media(max-width:650px){.hero h1{font-size:13.8vw;line-height:1.08}.approach h2{font-size:12vw}.selected-heading h2{font-size:38px}.about-layout>h2{font-size:38px}.contact-title{font-size:19vw}.works-intro h1{font-size:11vw}.hero h1 em{font-size:1.22em}}

/* Keep the showreel visible immediately on smaller screens. */
@media(max-width:900px){.hero .cinema-object{grid-row:1}.hero{padding-top:110px}.hero-copy{grid-row:2}}