
:root{--paper:#fff3df;--ink:#2e1914;--green:#f7c748;--red:#b52e24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}nav{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 4%;background:var(--paper);border-bottom:1px solid #2e191430}nav img{width:195px;display:block}nav div{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.small{font-size:11px;letter-spacing:2px;text-transform:uppercase}.hero{position:relative;background:#4e2019;color:white;min-height:690px;display:flex;align-items:end;padding:6% 4%;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#321009dc,transparent 90%)}.hero-content{position:relative;z-index:1;width:100%}h1{font-size:clamp(55px,8.7vw,132px);letter-spacing:-.065em;line-height:.93;font-weight:800;margin:28px 0}h1 em{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px}.hero-bottom p{max-width:440px;line-height:1.5}.pill{display:inline-flex;padding:15px 25px;border:1px solid;border-radius:40px;text-decoration:none;align-items:center;gap:25px;background:transparent;cursor:pointer}.pill.green{background:var(--green);color:var(--ink);border-color:var(--green)}.strip{padding:19px 4%;display:flex;justify-content:space-between;background:var(--green);font-size:12px;letter-spacing:1px}.section{padding:90px 4%}.heading{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:40px}h2{font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:-.05em;margin:15px 0 30px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:8%}.intro p{line-height:1.65;font-size:19px}.team{font-size:12px!important;letter-spacing:1px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid #aaa;padding-top:30px;margin-top:35px}.services h3{font-size:23px;font-weight:500}.services p{line-height:1.6;color:#555}.works{background:#2e1914;color:var(--paper)}.gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.gallery img{width:100%;height:350px;object-fit:cover}.gallery img:first-child{height:450px;grid-row:span 2}.gallery img:last-child{height:230px}.project{display:grid;grid-template-columns:60px 1fr 1fr 70px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid #ffffff35}.project[href]{cursor:pointer;transition:background .2s,padding .2s}.project[href]:hover{background:#ffffff0a;padding-left:15px}.project[href] h3:after{content:none}.project h3{font-size:28px;margin:0;font-weight:400;letter-spacing:-1px}.project p{font-size:13px;color:#bbb}.project span{font-size:12px}.rental-top{max-width:540px;line-height:1.6}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 20px}.filter{padding:10px 18px;border:1px solid #aaa;background:transparent;border-radius:25px;cursor:pointer}.filter.active{background:var(--ink);color:white}.search{padding:14px;border:1px solid #aaa;background:transparent;width:100%;max-width:400px}.rental-layout{display:grid;grid-template-columns:1fr 320px;gap:40px;margin-top:25px}.item{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ccc;align-items:center}.item h3{margin:0 0 5px;font-size:17px;font-weight:500}.item small{color:#666}.item button{background:none;border:1px solid #aaa;border-radius:50%;width:36px;height:36px;font-size:23px;cursor:pointer}.item .price{white-space:nowrap;font-size:15px}.item>div:last-child{display:flex;gap:20px;align-items:center}.basket{background:#f3dfbf;padding:25px;align-self:start;position:sticky;top:100px}.basket h3{font-size:25px;margin-top:0}.basket p{font-size:13px;line-height:1.6}.basket label{display:block;font-size:12px;margin-top:15px}.basket input{width:100%;padding:10px;border:1px solid #aaa;background:transparent;margin-top:6px}.basket .pill{margin-top:20px;width:100%;justify-content:center;font-size:13px}.selected{display:flex;justify-content:space-between;gap:10px;font-size:13px;margin:13px 0}.selected button{border:0;background:none;cursor:pointer}.contact{background:var(--green)}.contact h2{font-size:clamp(50px,7vw,105px);max-width:900px}.contact-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.contact-email{font-size:clamp(20px,3vw,42px);text-decoration:none;border-bottom:1px solid}footer{padding:35px 4%;display:flex;justify-content:space-between;font-size:12px}.empty{padding:35px 0;color:#666}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b52e24;outline-offset:5px}
@media(max-width:750px){nav{padding:15px 5%}nav img{width:140px}nav div{gap:13px;font-size:11px}.hero{min-height:610px;padding:40px 5%}.hero-bottom,.heading,.contact-row{display:block}.hero-bottom .pill{margin-top:15px}.strip{font-size:10px;gap:15px}.strip span:last-child{display:none}.section{padding:60px 5%}.intro,.services,.rental-layout{grid-template-columns:1fr}.intro{gap:5px}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:first-child,.gallery img:last-child{height:280px;grid-row:auto}.project{grid-template-columns:25px 1fr 40px;gap:10px}.project p{grid-column:2;grid-row:2;margin:0}.project[href]{cursor:pointer;transition:background .2s,padding .2s}.project[href]:hover{background:#ffffff0a;padding-left:15px}.project[href] h3:after{content:none}.project h3{font-size:23px}.project .year{grid-column:3;grid-row:1}.basket{position:static}.contact-row p{margin-top:30px}footer{gap:20px;flex-wrap:wrap}}
nav img{width:110px;height:78px;object-fit:contain}nav{padding-top:8px;padding-bottom:8px}.hero>img{object-position:65% 50%}.gallery{grid-template-columns:1fr 1fr;align-items:start}.gallery img,.gallery img:first-child,.gallery img:last-child{height:auto;aspect-ratio:auto;grid-row:auto;object-fit:contain}.gallery img:first-child{grid-column:1 / -1}.gallery img:nth-child(4){max-height:480px;object-fit:contain;background:#251412;width:100%}@media(max-width:750px){nav img{width:82px;height:60px}nav div{gap:10px;font-size:10px}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-column:auto}.gallery img:nth-child(4){max-height:none}.hero>img{object-position:62% 50%}}
.project{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 35px;text-decoration:none}.project h3{font-size:clamp(20px,2.4vw,32px)}.project p{line-height:1.7;margin:0}.project p span{font-size:12px}.project-arrow{font-size:25px!important;text-align:right}.project[href]:focus-visible{outline:2px solid var(--green);outline-offset:5px}@media(max-width:750px){.project{grid-template-columns:minmax(0,1fr) 30px;gap:12px}.project p{grid-column:1;grid-row:2}.project-arrow{grid-column:2;grid-row:1 / span 2}.project[href]:hover{padding-left:0}}
.genre-group+.genre-group{margin-top:55px}.genre-title{font-size:13px;text-transform:uppercase;letter-spacing:2px;font-weight:400;color:var(--green);margin:0 0 12px}
 .contact{background:var(--red);color:var(--paper)}.strip{background:var(--green);color:var(--ink)}.services .small{color:var(--red)}.filter.active{background:var(--red);border-color:var(--red);color:#fff3df}.pill.green:hover{background:#ffda70;border-color:#ffda70}.project[href]:hover{background:#f7c74812}.basket{border-top:3px solid var(--red)}.hero:after{background:linear-gradient(0deg,#321009e8,rgba(58,18,8,.12) 90%)} .legal h2{color:var(--red)}

nav a.current{color:var(--red);font-weight:bold}nav img{height:68px}.page-title{max-width:780px}.page-main{min-height:calc(100vh - 175px)}.hero{min-height:calc(100svh - 95px)}.hero-video{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-video iframe{position:absolute;top:50%;left:50%;width:max(100vw,177.78vh);height:max(56.25vw,100vh);transform:translate(-50%,-50%);border:0}.video-toggle{position:absolute;right:4%;top:24px;z-index:3;border:1px solid #ffffff85;background:#2e191480;color:white;border-radius:25px;padding:10px 16px;font-size:12px;cursor:pointer}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 22px;margin:30px 0 60px}.film-card{text-decoration:none;display:block}.film-media{position:relative;aspect-ratio:16/9;background:#44231b;overflow:hidden}.film-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.film-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.film-card:hover .film-media img{transform:scale(1.025)}.film-play{position:absolute;right:12px;bottom:12px;z-index:2;background:var(--green);color:var(--ink);width:38px;height:38px;border-radius:50%;display:grid;place-items:center}.film-card h3{font-size:21px;line-height:1.25;letter-spacing:-.4px;margin:17px 0 10px;font-weight:500}.film-card p{font-size:12px;line-height:1.6;color:#dbbfa9;margin:0}.film-card:focus-visible{outline:2px solid var(--green);outline-offset:6px}.works-intro{color:#dbbfa9;line-height:1.6}.page-about .intro{margin-top:20px}.page-contact{min-height:calc(100svh - 180px);display:flex;flex-direction:column;justify-content:center}.legal{max-width:880px;margin:auto;padding:65px 5%}.legal h1{font-size:clamp(38px,6vw,65px);line-height:1.1}.legal h2{font-size:25px;letter-spacing:-.5px;color:var(--red);margin:35px 0 15px}.legal p,.legal li{line-height:1.75}.legal dl{display:grid;grid-template-columns:160px 1fr;gap:15px}.legal dd{margin:0;line-height:1.6}footer{gap:18px;flex-wrap:wrap}@media(max-width:950px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.works-grid{grid-template-columns:1fr}nav{padding:8px 4%;align-items:center}nav img{width:70px;height:50px}nav div{gap:10px;flex-wrap:wrap;justify-content:end;max-width:260px;font-size:11px}.hero{min-height:calc(100svh - 75px)}.hero h1{font-size:clamp(50px,13vw,75px)}.legal dl{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-media img{transition:none}}

/* Paper, ink and a few pieces of tape. Original logo artwork is kept intact. */
@font-face{font-family:AtelierMono;src:url('assets/atelier-mono.ttf') format('truetype');font-display:swap}body{font-family:Georgia,'Times New Roman',serif}p{line-height:1.7}nav,button,input,select,textarea,.small,.filters,.price,.item small,footer{font-family:AtelierMono,'Courier New',monospace}.small{letter-spacing:1px;font-size:11px}nav{border-bottom:1px solid #2e191445;background:#fff3dff5}nav img{width:205px;height:52px}nav div{font-size:12px;gap:23px}nav a.current{background:var(--green);color:var(--ink);padding:5px 8px;transform:rotate(-1deg)}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}h2 em{font-weight:400;color:var(--red)}.works h2 em{color:var(--green)}.cut-title{font-size:clamp(48px,6.5vw,99px);letter-spacing:-.055em;line-height:1.16;margin:26px 0 32px}.cut{display:inline-block;padding:0 .1em .08em;line-height:1.02;box-shadow:3px 4px 0 #160c0c16}.cut.cream{background:var(--paper);color:var(--ink);transform:rotate(-1.2deg)}.cut.yellow{background:var(--green);color:var(--ink);font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.055em;transform:rotate(.8deg)}.cut-title em{font-weight:400;display:inline-block;transform:rotate(-1deg);margin-top:.07em}.hero h1{max-width:900px}.hero-bottom p{font-size:18px}.pill{border-radius:2px;font-family:AtelierMono,monospace;font-size:12px;box-shadow:3px 3px 0 #2e191430}.strip{font-family:AtelierMono,monospace;letter-spacing:0;font-size:10px;border-top:1px solid #2e191450}.filter{border-radius:2px;font-size:11px}.filter.active{transform:rotate(-1deg)}.item h3{font-family:Georgia,serif;font-size:20px}.film-media{border:7px solid var(--paper);box-shadow:5px 7px 0 #0002}.film-card:nth-child(3n+1) .film-media{transform:rotate(-.7deg)}.film-card:nth-child(3n+2) .film-media{transform:rotate(.5deg)}.film-card h3{font-family:Georgia,serif;font-size:23px}.film-card p,.genre-title{font-family:AtelierMono,monospace}.film-play{border-radius:2px;width:32px;height:32px}.genre-title{display:inline-block;color:var(--ink);background:var(--green);padding:7px 13px;transform:rotate(-1deg);font-size:12px}.works-grid{gap:40px 28px}.works{background:#271710}.basket{background:#f0dfbf;border-top:2px solid var(--red)}.basket h3{font-family:Georgia,serif;font-weight:400}.section{padding-top:70px}.about-opening,.contact-opening{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center}.opening-note{font-size:22px;font-style:italic;color:var(--red)}figure{margin:0}.paper-photo{padding:12px 12px 15px;background:#fffaf0;box-shadow:5px 8px 0 #2e191414;position:relative;transform:rotate(1deg)}.paper-photo:before{content:'';position:absolute;width:96px;height:24px;left:calc(50% - 48px);top:-12px;background:#e3be788c;transform:rotate(-4deg);z-index:2}.paper-photo img{width:100%;display:block}.paper-photo video{width:100%;display:block;background:#111}.paper-photo figcaption{font-family:AtelierMono,monospace;font-size:11px;margin:15px 3px 0;line-height:1.5}.local-video-toggle{border:0;background:var(--green);color:var(--ink);font-size:10px;padding:8px 12px;position:absolute;right:20px;bottom:64px;cursor:pointer}.manifesto{margin-top:90px;border-top:1px solid #2e191450;padding-top:45px;display:grid;grid-template-columns:1fr 1fr;gap:6%}.manifesto>.small{grid-column:1/-1;margin:0}.manifesto h2{font-size:clamp(36px,4vw,60px)}.manifesto-text p{font-size:18px;margin:0 0 18px}.people{margin-top:90px}.people-heading h2{font-size:clamp(36px,4vw,60px)}.person{display:grid;grid-template-columns:320px 1fr;gap:8%;max-width:1050px;align-items:center;margin:50px 0 95px}.person .paper-photo{transform:rotate(-2deg)}.person img{height:380px;object-fit:cover}.person h3{font-size:clamp(35px,4vw,57px);font-weight:400;line-height:1.1;margin:20px 0}.person p{font-size:17px;max-width:600px}.person .small{font-size:10px}.person.youri{margin-left:auto;grid-template-columns:1fr 320px}.youri figure{grid-column:2;grid-row:1}.youri>div{grid-column:1;grid-row:1}.youri .paper-photo{transform:rotate(1.8deg)}.hand-note{font-family:Georgia,serif!important;font-style:italic;color:var(--red);font-size:22px!important}.text-link{font-family:AtelierMono,monospace;font-size:12px;text-underline-offset:5px}.team-note{font-size:15px;max-width:700px;border-left:3px solid var(--red);padding-left:22px}.development{border-top:1px solid #2e191450;margin-top:75px;padding-top:55px;display:grid;grid-template-columns:1fr 1fr;gap:7%}.development h2{font-size:clamp(36px,4vw,60px)}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-content:center}.project-notes article{background:#fffaf0;padding:25px 20px;box-shadow:4px 4px 0 #2e191414}.project-notes article:nth-child(2){background:#f7c748;transform:rotate(1deg)}.project-notes article:nth-child(3){transform:rotate(-1deg)}.project-notes h3{font-size:23px;font-weight:400;margin:0 0 15px}.project-notes p{font-size:12px;font-family:AtelierMono,monospace}.about-invite{background:#271710;color:var(--paper);margin-top:80px;padding:35px;display:flex;align-items:center;gap:30px;justify-content:space-between}.about-invite img{width:190px}.about-invite p{font-size:25px;font-style:italic}.contact-atelier{background:var(--paper)}.contact-opening .cut-title{font-size:clamp(44px,5.5vw,82px)}.contact-intro{font-size:20px;max-width:540px}.contact-film{position:relative;transform:rotate(1deg)}.contact-film video{width:100%;display:block;background:#111}.contact-film figcaption{margin-top:20px;text-align:right}.contact-film .local-video-toggle{bottom:70px}.contact-details{margin-top:65px;display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start}.contact-paper{background:#fffaf0;padding:40px 30px;box-shadow:6px 8px 0 #2e191415;transform:rotate(-1deg);border-top:3px solid var(--red)}.mail-address{font-size:clamp(20px,2.6vw,36px);display:block;text-decoration:none;overflow-wrap:anywhere;line-height:1.4;margin:20px 0}.phone-address{font-family:AtelierMono,monospace;font-size:15px}.contact-paper p{font-size:16px}.contact-paper .small{font-size:10px}.brief-notes>p{font-size:17px}.contact-choices{margin-top:20px}.contact-choices a{display:flex;justify-content:space-between;padding:17px 0;border-bottom:1px solid #2e191460;text-decoration:none;font-size:19px}.contact-choices a:hover{color:var(--red)}.contact-strip{margin-top:70px;border-top:1px solid #2e191450;padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact-strip p{font-size:clamp(23px,3vw,38px);line-height:1.4}.contact-strip img{width:180px;transform:rotate(-4deg)}footer{font-size:10px;border-top:1px solid #2e191445}
@media(max-width:900px){nav div{gap:13px;font-size:10px}.person{grid-template-columns:260px 1fr;gap:5%}.person.youri{grid-template-columns:1fr 260px}.person img{height:320px}.contact-details{gap:5%}.contact-paper{padding:25px}.about-invite{flex-wrap:wrap}.about-invite img{width:150px}}@media(max-width:650px){nav img{width:115px;height:42px}nav div{font-size:9px;gap:8px;max-width:220px}nav a.current{padding:3px 5px}.cut-title{font-size:clamp(40px,10.8vw,66px)}.hero h1{font-size:clamp(40px,11vw,65px)}.about-opening,.contact-opening,.manifesto,.development,.contact-details{grid-template-columns:1fr;gap:25px}.logo-film{margin-top:20px}.manifesto{margin-top:60px}.person,.person.youri{grid-template-columns:1fr;gap:30px;margin:45px 0 65px}.person .paper-photo{width:min(85%,320px);margin:auto}.person img{height:auto}.youri figure,.youri>div{grid-column:1;grid-row:auto}.people{margin-top:60px}.person h3{font-size:40px}.contact-opening .cut-title{font-size:clamp(37px,10vw,62px)}.contact-intro{font-size:18px}.contact-film{margin-top:20px}.contact-details{margin-top:45px}.contact-strip img{width:105px}.contact-strip p{font-size:23px}.project-notes{gap:12px}.project-notes article{padding:18px 12px}.project-notes h3{font-size:19px}.about-invite{padding:25px}.about-invite p{font-size:23px}.contact-paper{transform:none}.works-grid{gap:35px}.hero-bottom p{font-size:16px}}

/* A stronger collage palette drawn from the supplied CV and logo. */
:root{--paper:#f8f5e9;--ink:#080808;--green:#ffe000;--red:#ff4545;--blue:#195be5}body{background:#080808;color:var(--paper)}nav{background:#080808f5;border-bottom:1px solid #ffffff45}nav a{color:var(--paper)}nav a.current{background:var(--blue);color:white;transform:rotate(-2deg)}nav a:hover{color:var(--green)}nav a.current:hover{color:white}footer{border-color:#ffffff45;color:#c5c5c5}.section{background:#080808}.hero{background:#080808}.hero:after{background:linear-gradient(0deg,#000c,rgba(0,0,0,.15) 90%)}.strip{background:var(--green);color:var(--ink)}.cut-title{font-family:Georgia,serif;line-height:1.25}.cut{box-shadow:5px 6px 0 #0005;clip-path:polygon(1% 3%,99% 0,100% 97%,0 100%);padding:.015em .14em .12em}.cut.cream{transform:rotate(-2.3deg);font-family:Georgia,serif;font-weight:bold;letter-spacing:-.055em}.cut.yellow{transform:rotate(1.8deg);font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.065em}.cut.blue{background:var(--blue);color:#fff;transform:rotate(-1.8deg);font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.hero h1 .cut.blue{font-size:.88em}.heading-cut{display:inline-block;padding:2px 12px 9px;line-height:1.05;transform:rotate(-1.2deg);font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.055em;clip-path:polygon(0 3%,99% 0,100% 97%,1% 100%)}.heading-cut.red{background:var(--red);color:#080808}.heading-cut.yellow{background:var(--green);color:#080808;transform:rotate(1deg)}.heading-cut.blue{background:var(--blue);color:#fff}.small{color:#ddd}.opening-note,.hand-note{color:var(--green)}h2 em{color:var(--paper)}.manifesto,.development,.contact-strip{border-color:#ffffff45}.manifesto-text,.person p,.team-note,.development>div>p,.contact-intro,.brief-notes>p{color:#e3e1d9}.person .small,.people-heading .small,.manifesto>.small{color:var(--green)}.person h3{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-2px}.person h3 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.person.youri h3 em{color:#ff7777}.paper-photo{background:var(--paper);color:#080808;box-shadow:8px 10px 0 #195be540;transform:rotate(1.7deg)}.paper-photo:before{background:#ffe000ca;transform:rotate(-9deg);height:27px}.paper-photo figcaption{color:#080808}.person .paper-photo{transform:rotate(-3deg)}.youri .paper-photo{transform:rotate(2.7deg);box-shadow:8px 10px 0 #ff454540}.youri .paper-photo:before{background:#ff4545da;transform:rotate(7deg)}.team-note{border-color:var(--blue)}.project-notes article{background:var(--paper);color:#080808;box-shadow:5px 6px 0 #ffe00035;transform:rotate(-1.4deg)}.project-notes article:nth-child(2){background:var(--green);transform:rotate(2deg)}.project-notes article:nth-child(3){background:var(--blue);color:white;transform:rotate(-2deg)}.project-notes article:nth-child(4){background:var(--red);color:#080808;transform:rotate(1.4deg)}.project-notes h3{font-family:Arial,sans-serif;font-weight:800;letter-spacing:-.6px}.about-invite{background:var(--blue);color:white;clip-path:polygon(0 1%,99% 0,100% 99%,1% 100%)}.about-invite p{color:#fff}.about-invite .pill{background:var(--green);color:#080808}.contact-paper{background:var(--green);color:#080808;box-shadow:9px 10px 0 #195be580;border-top:0;transform:rotate(-2deg)}.contact-paper .small{color:#080808}.contact-film{transform:rotate(2deg)}.contact-film video{border:7px solid var(--paper)}.contact-choices a{border-color:#ffffff55;color:var(--paper)}.contact-choices a:hover{color:var(--green)}.contact-choices a span{color:var(--green)}.contact-strip img{background:var(--paper);padding:15px;transform:rotate(-5deg)}.contact-strip p{color:var(--paper)}.contact-strip em{color:var(--green)}.contact-strip .hand-note{color:var(--green)}.works{background:#080808}.works-intro,.film-card p{color:#d8d8d8}.film-card h3{font-family:Georgia,serif;font-weight:400}.film-media{border-width:6px;box-shadow:6px 7px 0 #195be540}.film-card:nth-child(3n+1) .film-media{transform:rotate(-1.3deg)}.film-card:nth-child(3n+2) .film-media{transform:rotate(1.1deg);box-shadow:6px 7px 0 #ff454540}.film-card:nth-child(3n) .film-media{transform:rotate(-.7deg);box-shadow:6px 7px 0 #ffe00040}.genre-title{background:var(--green);color:#080808;font-weight:bold;transform:rotate(-1.8deg);padding:9px 18px}.genre-group:nth-of-type(2) .genre-title{background:var(--red);color:#080808;transform:rotate(1.3deg)}.genre-group:nth-of-type(3) .genre-title{background:var(--blue);color:white}.filter{border-color:#ffffff65;color:var(--paper)}.filter.active{background:var(--green);color:#080808;border-color:var(--green)}.search{color:var(--paper);border-color:#ffffff65}.search::placeholder{color:#aaa}.item{border-color:#ffffff35}.item small{color:#bbb}.item button{color:var(--paper);border-color:#ffffff65}.item button:hover{background:var(--red);color:#080808}.item button:disabled{opacity:.4}.basket{background:var(--paper);color:#080808;border-top:5px solid var(--blue);box-shadow:7px 8px 0 #ffe00035}.basket label,.basket input,.basket button{color:#080808}.basket .pill{background:var(--green)}.empty{color:#bbb}.legal{color:var(--paper)}.legal h2{color:#ff7777}.legal dd a{color:var(--green)}.legal dt{color:var(--green)}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:var(--red)}.pill.green{color:#080808}.pill.green:hover{background:var(--red);border-color:var(--red);color:#080808}.local-video-toggle{background:var(--green);color:#080808}.rental-top{color:#ddd}#location>div>p,#location .rental-layout>div>p{color:#bbb!important}@media(max-width:650px){.cut-title{line-height:1.3}.contact-paper{transform:rotate(-.7deg)}.person .paper-photo{transform:rotate(-2deg)}.youri .paper-photo{transform:rotate(2deg)}.heading-cut{padding:3px 9px 7px}.contact-strip img{padding:10px}}

.tim-approach{display:grid;grid-template-columns:1fr 1fr;gap:7%;border-top:1px solid #ffffff45;padding-top:40px;margin-top:25px;margin-bottom:40px}.tim-approach h3{font-size:clamp(30px,3.4vw,46px);font-weight:400;line-height:1.2;margin:20px 0}.tim-approach h3 em{color:var(--green)}.tim-approach p{font-size:17px;color:#e3e1d9}.tim-approach .small{font-size:11px;color:var(--green)}.tim-approach .hand-note{color:var(--green)}.development-note{grid-column:1/-1;color:#bbb;font-size:14px;max-width:820px;margin-top:12px}.development-note a{color:var(--green)}.internet-productions{margin-top:75px!important;border-top:1px solid #ffffff45;padding-top:40px}.internet-productions>.genre-title{background:var(--blue);color:white}.internet-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;margin-top:25px;align-items:center}.internet-layout h2{font-size:clamp(36px,4vw,60px)}.internet-layout>div>p{font-size:18px;color:#ddd;max-width:570px}.internet-notes{padding:35px;background:var(--paper);color:#080808;transform:rotate(1.4deg);box-shadow:8px 9px 0 #195be555}.internet-notes .internet-tag{font-family:AtelierMono,monospace;color:#080808;font-size:11px;background:var(--green);display:inline-block;padding:8px 12px;transform:rotate(-2deg)}.internet-notes ul{padding-left:20px;margin:25px 0;font-size:21px;line-height:1.85}.internet-notes .hand-note{color:#080808;font-size:20px!important}@media(max-width:650px){.tim-approach,.internet-layout{grid-template-columns:1fr;gap:20px}.internet-notes{margin-top:10px;padding:25px}.tim-approach h3{font-size:33px}}

/* Charcoal paper surface, softened to let the handmade texture read. */
body{background-color:#232323;background-image:linear-gradient(#23232345,#23232345),url('assets/papier-froisse.webp');background-repeat:repeat;background-size:auto,1000px 1000px}.section,.works,.contact-atelier{background:transparent}nav{background:#202020f2}.about-invite{background:var(--blue)}.project-notes article:nth-child(5){background:var(--paper);transform:rotate(-1deg)}.project-notes article:nth-child(6){background:var(--green);transform:rotate(1.3deg)}.project-notes article:nth-child(7){background:var(--blue);color:white;transform:rotate(-1.3deg)}.project-notes article:nth-child(3) p,.project-notes article:nth-child(7) p{color:white}.development .project-notes{align-content:start}.hero{background-color:#232323}footer{background:#20202070}@media(max-width:650px){body{background-size:auto,700px 700px}}

/* Deeper paper background and paper labels across the navigation. */
body{background-color:#191919;background-image:linear-gradient(#08080873,#08080873),url('assets/papier-froisse.webp')}nav{background-color:#191919;background-image:linear-gradient(#08080873,#08080873),url('assets/papier-froisse.webp');background-size:auto,1000px 1000px;border-bottom:1px solid #ffffff45;padding-top:15px;padding-bottom:15px}nav>div{gap:13px}nav>div>a{display:inline-block;color:#080808;background:var(--paper);padding:8px 12px;font-family:AtelierMono,monospace;font-size:11px;line-height:1.3;box-shadow:3px 4px 0 #0005;clip-path:polygon(0 3%,98% 0,100% 96%,1% 100%);transform:rotate(-1.5deg);text-decoration:none;transition:transform .15s,background .15s}nav>div>a:nth-child(2){transform:rotate(1.2deg);background:var(--green)}nav>div>a:nth-child(3){transform:rotate(-1deg)}nav>div>a:nth-child(4){transform:rotate(1.6deg);background:var(--red)}nav>div>a:nth-child(5){transform:rotate(-1.2deg);background:var(--green)}nav>div>a.current{background:var(--blue);color:white;padding:8px 12px;transform:rotate(-2deg)}nav>div>a:hover{background:var(--green);color:#080808;transform:rotate(0deg) translateY(-2px)}nav>div>a.current:hover{background:var(--blue);color:white}.homepage-title{font-size:clamp(40px,7vw,100px);line-height:1.25}.homepage-title>.cut.cream{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.065em}.homepage-title>.cut.yellow{font-size:.67em;font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.homepage-title>.cut.blue{font-size:.72em}.person.tim .paper-photo{transform:rotate(-1.5deg);box-shadow:8px 10px 0 #ffe00040}.person.tim img{height:auto;width:100%}.person.tim .paper-photo:before{background:#ffe000ca;transform:rotate(-5deg)}.person.tim h3 em{color:#ff7777}.person.tim .hand-note{color:var(--green)}@media(max-width:950px){nav img{width:160px}nav>div{gap:8px}nav>div>a{padding:7px 9px;font-size:10px}nav>div>a.current{padding:7px 9px}}@media(max-width:650px){nav{padding:12px 4%;align-items:center}nav img{width:95px;height:37px}nav>div{gap:7px;max-width:245px}nav>div>a{font-size:9px;padding:6px 8px}nav>div>a.current{padding:6px 8px}.hero .homepage-title{font-size:clamp(30px,8.8vw,56px);line-height:1.4}.hero .homepage-title>.cut.yellow{font-size:.72em}.hero .homepage-title>.cut.blue{font-size:.8em}}

.documentaries>.genre-title{background:var(--blue);color:white}.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:50px}.social-post{min-width:0;background:var(--paper);padding:8px 8px 15px;box-shadow:5px 7px 0 #195be540}.social-embed{height:600px;overflow:hidden;background:#fff}.social-embed iframe{width:100%;height:600px;border:0;display:block}.social-link{font-family:AtelierMono,monospace;font-size:11px;display:block;padding:13px 8px 0;color:#080808;text-underline-offset:4px}.social-note{color:#bbb;font-size:12px;line-height:1.7;max-width:750px;margin-top:30px}.film-media img:not([data-fallback]){background:#222}.social-post:nth-child(3n+2){box-shadow:5px 7px 0 #ff454540}.social-post:nth-child(3n){box-shadow:5px 7px 0 #ffe00040}@media(max-width:1100px){.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.social-grid{grid-template-columns:1fr}.social-post{max-width:440px;width:100%;margin:auto}.social-embed,.social-embed iframe{height:620px}}

.social-caption{padding:18px 10px 0;color:#080808}.social-caption h3{font-size:21px;font-weight:400;margin:0 0 8px;line-height:1.25;font-family:Georgia,serif}.social-caption p{font-size:11px;line-height:1.6;font-family:AtelierMono,monospace;margin:0;color:#333}.social-link{padding-top:14px}.social-post{padding-bottom:18px}

/* Full-size team and project imagery; native portrait thumbnails never stretched. */
.atelier-about{padding-left:5%;padding-right:5%}.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin:45px 0 55px;align-items:start}.team-grid .person,.team-grid .person.youri{display:block;width:100%;max-width:none;margin:0}.team-grid .person figure{grid-column:auto;grid-row:auto;width:100%;margin:0 0 38px}.team-grid .person>div{grid-column:auto;grid-row:auto}.team-grid .person img,.team-grid .person.tim img{width:100%;height:350px;object-fit:contain;background:#151515;display:block}.team-grid .person h3{font-size:clamp(31px,3vw,46px);letter-spacing:-1.5px;margin:16px 0 22px}.team-grid .person h3 em{display:block}.team-grid .person p{font-size:18px;line-height:1.65;max-width:none}.team-grid .person .small{font-size:10px;line-height:1.8}.team-grid .person .hand-note{font-size:23px!important}.people-heading h2{font-size:clamp(42px,5vw,72px)}.manifesto-text p{font-size:20px}.development{display:block;margin-top:70px}.development>div:first-child{max-width:880px}.development>div:first-child>p{font-size:19px}.development h2{font-size:clamp(42px,5vw,72px)}.development .project-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 27px;margin-top:40px}.project-notes .development-card,.project-notes .development-card:nth-child(n){padding:8px 8px 22px;background:var(--paper);color:#080808;box-shadow:6px 8px 0 #195be540;transform:rotate(-.6deg)}.project-notes .development-card:nth-child(2n){transform:rotate(.7deg);box-shadow:6px 8px 0 #ff454540}.development-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111}.project-notes .development-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400;letter-spacing:-.5px;padding:0 14px;margin:20px 0 12px}.project-notes .development-card p,.project-notes .development-card:nth-child(n) p{color:#333;font-size:12px;padding:0 14px;line-height:1.8;margin:0}.development-note{margin-top:32px}.social-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px}.social-post{display:flex;flex-direction:column;overflow:hidden}.social-embed,.social-embed iframe{height:auto}.social-embed{aspect-ratio:9/16;background:#111;overflow:hidden}.social-thumbnail{display:block;width:100%;height:100%}.social-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;aspect-ratio:9/16}.social-caption h3{font-size:20px}.social-preview-button{font-size:10px;margin:15px 10px 0;padding:9px 10px;border:1px solid #222;background:var(--green);color:#080808;align-self:start;cursor:pointer}.social-preview-button:hover{background:var(--red)}.instagram-dialog{width:min(500px,94vw);max-height:94svh;border:0;padding:14px;background:var(--paper);color:#080808;overflow:auto}.instagram-dialog::backdrop{background:#000b}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.dialog-top h2{font-size:22px;color:#080808;margin:0;letter-spacing:-.5px}.dialog-top button{font-size:27px;background:transparent;border:0;cursor:pointer;color:#080808;padding:5px 10px}.instagram-dialog iframe{width:100%;height:700px;max-height:75svh;border:0;background:white}.instagram-dialog>a{display:block;padding:12px 0 0;font-family:AtelierMono,monospace;font-size:11px;color:#080808}@media(min-width:1500px){.team-grid .person img,.team-grid .person.tim img{height:430px}}@media(max-width:1150px){.team-grid{gap:25px}.team-grid .person img,.team-grid .person.tim img{height:300px}.team-grid .person p{font-size:17px}.development .project-notes{grid-template-columns:repeat(2,minmax(0,1fr))}.social-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.team-grid{grid-template-columns:1fr;gap:55px}.team-grid .person,.team-grid .person.youri{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.team-grid .person figure{margin:0}.team-grid .person img,.team-grid .person.tim img{height:auto}.team-grid .person h3{font-size:37px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.team-grid .person,.team-grid .person.youri{display:block}.team-grid .person figure{width:min(100%,400px);margin:0 auto 35px}.team-grid .person p{font-size:18px}.development .project-notes{grid-template-columns:1fr;gap:32px}.development-card img{height:auto}.social-grid{grid-template-columns:1fr;gap:30px}.social-post{max-width:340px;width:100%}.social-embed,.social-embed iframe{height:auto}.manifesto-text p{font-size:19px}.project-notes .development-card h3{font-size:28px}.people-heading h2,.development h2{font-size:43px}}

/* People first, three clear colors, then approach and projects. */
.team-gallery{margin-top:0}.people-heading h1{font-size:clamp(42px,4.6vw,68px);line-height:1.1;margin:16px 0 28px}.team-grid{margin-top:25px;gap:42px}.team-grid .person figure{margin-bottom:30px}.team-grid .person[data-color="red"]{--person-color:#ff4545;--person-text:#080808}.team-grid .person[data-color="yellow"]{--person-color:#ffe000;--person-text:#080808}.team-grid .person[data-color="blue"]{--person-color:#195be5;--person-text:white}.team-grid .person h3{display:inline-block;background:var(--person-color);color:var(--person-text);padding:10px 16px 15px;transform:rotate(-1deg);font-family:Arial,sans-serif;font-weight:800;clip-path:polygon(0 3%,99% 0,100% 97%,1% 100%);margin:13px 0 20px}.team-grid .person h3 em,.team-grid .person.youri h3 em,.team-grid .person.tim h3 em{color:var(--person-text);font-family:Georgia,serif;font-weight:400}.team-grid .person .paper-photo:before,.team-grid .person.tim .paper-photo:before,.team-grid .person.youri .paper-photo:before{background:var(--person-color);opacity:.85}.team-grid .person .paper-photo{box-shadow:7px 9px 0 color-mix(in srgb,var(--person-color) 35%,transparent)}.team-grid .person img,.team-grid .person.tim img{height:350px}.team-grid .person .hand-note{color:var(--person-color)}.team-grid .person[data-color="blue"] .hand-note{color:#80a8ff}.team-grid .person .small{color:#ddd}.atelier-about .manifesto{margin-top:65px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-logo-hero{align-items:center;justify-content:center;padding:45px 5%;min-height:calc(100svh - 98px)}.home-logo-hero .hero-content{text-align:center;display:flex;flex-direction:column;align-items:center}.home-main-logo{display:block;width:min(65vw,780px);height:auto;max-height:52svh;object-fit:contain;filter:drop-shadow(4px 6px 8px #0005)}.home-tagline{font-family:Georgia,serif;font-style:italic;font-size:clamp(23px,3.1vw,44px);line-height:1.25;margin:28px 0 35px;color:var(--paper);text-shadow:1px 2px 5px #000}.home-links{display:flex;align-items:center;gap:30px;justify-content:center}.home-contact{font-family:AtelierMono,monospace;font-size:12px;color:var(--paper);text-underline-offset:5px}.home-logo-hero:after{background:linear-gradient(#0008,#0009)}.works-page-title{font-size:clamp(40px,4.8vw,70px);letter-spacing:-.04em;line-height:1.1;font-weight:400;margin:0 0 40px}.image-led-works .works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 35px;margin-top:25px}.image-led-works .film-media{border-width:5px}.image-led-works .film-card h3{font-size:22px;margin:16px 0 7px}.image-led-works .film-card p{font-size:10px;line-height:1.6;color:#ccc}.image-led-works .genre-group+.genre-group{margin-top:50px}.image-led-works .genre-title{font-size:11px;padding:8px 15px}.image-led-works .social-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.image-led-works .social-caption h3{font-size:21px}.image-led-works .social-caption p{font-size:10px}.image-led-works .internet-layout h2{font-size:38px}.image-led-works .internet-layout>div>p{font-size:16px}.image-led-works .internet-notes ul{font-size:17px}.image-led-works .internet-notes .hand-note{font-size:18px!important}@media(max-width:1100px){.team-grid{gap:28px}.team-grid .person img,.team-grid .person.tim img{height:300px}.image-led-works .social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-main-logo{width:min(75vw,700px)}}@media(max-width:800px){.team-grid .person img,.team-grid .person.tim img{height:auto}.people-heading h1{font-size:48px}}@media(max-width:650px){.home-logo-hero{min-height:calc(100svh - 105px)}.home-main-logo{width:92%;max-height:45svh}.home-tagline{font-size:27px;margin:30px 0}.home-links{gap:18px;flex-wrap:wrap}.image-led-works .works-grid{grid-template-columns:1fr;gap:32px}.image-led-works .social-grid{grid-template-columns:1fr}.image-led-works .film-card h3{font-size:23px}.image-led-works .works-page-title{font-size:47px}.team-grid .person h3{font-size:36px}.people-heading h1{margin-bottom:24px}}
/* Compact vertical gallery: keep each native 9:16 image below its source width. */
.image-led-works .social-grid{grid-template-columns:repeat(auto-fit,minmax(200px,240px));justify-content:space-between;gap:30px 24px}.image-led-works .social-post{width:100%;max-width:240px;margin:0}.image-led-works .social-caption{padding:14px 7px 0}.image-led-works .social-caption h3{font-size:18px}.image-led-works .social-caption p{font-size:9px}.image-led-works .social-link{font-size:10px;padding-left:7px}.image-led-works .social-preview-button{font-size:9px;margin-left:7px}.film-media img{image-rendering:auto}@media(max-width:650px){.image-led-works .social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.image-led-works .social-post{max-width:240px;margin:0 auto}}@media(max-width:420px){.image-led-works .social-grid{grid-template-columns:1fr;justify-content:center}.image-led-works .social-post{max-width:230px;margin:0 auto}}

/* Thin torn-paper seams in place of dotted section rules. */
nav,footer,.manifesto,.development,.contact-strip,.internet-productions,.strip{border:0}.manifesto,.development,.contact-strip,.internet-productions,footer{position:relative}nav:after,footer:before,.manifesto:before,.development:before,.contact-strip:before,.internet-productions:before{content:'';position:absolute;left:0;right:0;height:3px;background:#e8e2d4;opacity:.26;pointer-events:none;clip-path:polygon(0 35%,2% 10%,4% 45%,6% 0,8% 35%,10% 10%,12% 50%,15% 15%,18% 45%,21% 5%,24% 40%,27% 10%,30% 50%,33% 0,36% 40%,39% 15%,42% 55%,45% 5%,48% 40%,51% 0,54% 35%,57% 10%,60% 50%,63% 5%,66% 40%,69% 10%,72% 50%,75% 0,78% 35%,81% 10%,84% 45%,87% 5%,90% 40%,93% 10%,96% 45%,98% 0,100% 30%,100% 80%,98% 65%,96% 100%,93% 60%,90% 95%,87% 65%,84% 100%,81% 65%,78% 90%,75% 60%,72% 100%,69% 70%,66% 95%,63% 60%,60% 100%,57% 70%,54% 95%,51% 65%,48% 100%,45% 60%,42% 95%,39% 65%,36% 100%,33% 70%,30% 95%,27% 65%,24% 100%,21% 60%,18% 95%,15% 70%,12% 100%,10% 65%,8% 95%,6% 70%,4% 100%,2% 65%,0 90%)}nav:after{bottom:0}footer:before,.manifesto:before,.development:before,.contact-strip:before,.internet-productions:before{top:0}.contact-choices a{border-bottom:1px solid #ffffff25}.basket{border-top-style:solid}nav>div>a:nth-child(1){background:var(--green);color:#080808;transform:rotate(1.2deg)}nav>div>a:nth-child(2){background:#72d65c;color:#080808;transform:rotate(-1.5deg)}nav>div>a:nth-child(3){background:var(--red);color:#080808;transform:rotate(1.5deg)}nav>div>a:nth-child(4){background:var(--paper);color:#080808;transform:rotate(-1deg)}nav>div>a.current{outline:1px solid #fff8;outline-offset:3px;box-shadow:4px 5px 0 #0007}nav>div>a.current:hover{background:var(--paper);color:#080808}.team-grid .person img,.team-grid .person.tim img{height:auto;max-height:none;width:100%;aspect-ratio:auto;object-fit:initial;background:transparent}.team-grid .person figure{padding:10px 10px 15px}.team-grid .person .profile-note{font-family:AtelierMono,monospace;font-style:normal;font-size:11px;line-height:1.7;color:#ccc;margin-top:23px;max-width:350px}.team-grid .person .small{margin-top:18px}.manifesto-text p{font-size:19px;line-height:1.7}.image-led-works .social-grid{display:flex;grid-template-columns:none;gap:26px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding:8px 3px 18px;scrollbar-color:#72d65c #ffffff15;scrollbar-width:thin;margin-top:15px}.image-led-works .social-post{flex:0 0 205px;max-width:205px;width:205px;padding:0;background:transparent;border:0;box-shadow:none;display:block;overflow:visible;scroll-snap-align:start}.image-led-works .social-embed{aspect-ratio:9/16;background:transparent;overflow:hidden}.image-led-works .social-thumbnail.social-preview-button{position:relative;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;display:block;cursor:pointer;align-self:auto}.image-led-works .social-thumbnail img{object-fit:contain;width:100%;height:100%;display:block}.reel-play{position:absolute;right:10px;bottom:10px;background:var(--green);color:#080808;width:30px;height:30px;display:grid;place-items:center;font-size:12px}.image-led-works .social-caption{padding:12px 0 0;background:transparent;color:var(--paper)}.image-led-works .social-caption h3{font-family:AtelierMono,monospace;font-size:11px;line-height:1.5;font-weight:400;color:var(--paper);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel-scroll-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:30px}.reel-scroll-controls button{padding:6px 13px;background:var(--paper);color:#080808;border:0;cursor:pointer;font-size:20px}.reel-scroll-controls button:hover{background:#72d65c}.image-led-works .internet-notes{display:none}.image-led-works .internet-layout{grid-template-columns:1fr;gap:0;margin-top:10px}.image-led-works .internet-layout h2{font-size:33px;margin:15px 0}.image-led-works .internet-layout>div>p{max-width:850px;font-size:14px;line-height:1.6}.image-led-works .internet-layout>div>p+p{display:none}.image-led-works .internet-layout .pill{font-size:10px;padding:10px 15px}.instagram-dialog>a{font-size:10px}@media(max-width:650px){.image-led-works .social-post{flex-basis:180px;width:180px;max-width:180px;margin:0}.image-led-works .social-grid{display:flex;gap:20px}.team-grid .person img,.team-grid .person.tim img{height:auto;max-height:none}.manifesto-text p{font-size:18px}}

/* Saturated category labels and larger collage carousel controls. */
nav>div>a:nth-child(4),nav>div>a:nth-child(4).current{background:var(--blue);color:white}.image-led-works [data-genre="genre-fiction"]>.genre-title{background:var(--red);color:#080808}.image-led-works [data-genre="genre-clips"]>.genre-title{background:var(--green);color:#080808}.image-led-works [data-genre="genre-live"]>.genre-title{background:var(--blue);color:white}.image-led-works [data-genre="genre-doc"]>.genre-title{background:#72d65c;color:#080808}.image-led-works [data-genre="genre-internet"]>.genre-title{background:#ff91d1;color:#080808}.image-led-works .social-post{flex-basis:240px;width:240px;max-width:240px}.reel-play{width:38px;height:38px;font-size:15px}.reel-scroll-controls{gap:17px;margin-top:25px}.reel-scroll-controls button{width:60px;height:48px;padding:0;font-family:Georgia,serif;font-size:31px;font-weight:bold;background:var(--green);box-shadow:4px 5px 0 #0006;transform:rotate(-3deg);clip-path:polygon(0 4%,97% 0,100% 93%,3% 100%)}.reel-scroll-controls button+button{background:#72d65c;transform:rotate(3deg)}.reel-scroll-controls button:hover{transform:rotate(0deg) translateY(-2px);background:var(--red)}.rental-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:6%;max-width:1100px;margin:0 0 40px}.rental-manifesto p{font-size:18px;color:#dedbd2;line-height:1.7;margin:0}.rental-top{font-size:20px}.equipment-group{margin-bottom:48px}.equipment-heading{display:flex;gap:20px;align-items:center;border:0;padding:20px 0;margin-bottom:5px;color:var(--green)}.equipment-heading svg{width:58px;height:58px;flex-shrink:0;transform:rotate(-4deg)}.equipment-heading h3{font-size:29px;font-family:Georgia,serif;font-weight:400;margin:0 0 8px}.equipment-heading p{font-family:AtelierMono,monospace;font-size:11px;color:#ccc;line-height:1.5;margin:0}.equipment-group[data-equipment="1"] .equipment-heading{color:#ff7777}.equipment-group[data-equipment="2"] .equipment-heading{color:#80a8ff}.equipment-group[data-equipment="3"] .equipment-heading{color:#72d65c}.equipment-group .item:first-of-type{border-top:1px solid #ffffff25}@media(max-width:650px){.image-led-works .social-post{flex-basis:210px;width:210px;max-width:210px}.rental-manifesto{grid-template-columns:1fr;gap:20px}.rental-manifesto p{font-size:17px}.equipment-heading h3{font-size:27px}.equipment-heading svg{width:48px;height:48px}.reel-scroll-controls button{width:54px;height:45px}}

/* Photographic torn fibres replace the geometric seam. */
nav:after,footer:before,.manifesto:before,.development:before,.contact-strip:before,.internet-productions:before{height:20px;background:transparent url('assets/dechirure-papier.webp') center center / 100% 100% no-repeat;clip-path:none;opacity:.32;transform:rotate(-.15deg)}nav:after{height:14px;bottom:-7px}footer:before,.manifesto:before,.development:before,.contact-strip:before,.internet-productions:before{top:-10px}.equipment-group+.equipment-group{position:relative}.equipment-group+.equipment-group:before{content:'';position:absolute;left:0;right:0;top:-23px;height:16px;background:url('assets/dechirure-papier.webp') center center / 100% 100% no-repeat;opacity:.24;pointer-events:none}

/* Three equally sized photographic windows, without image padding. */
.team-grid .person img,.team-grid .person.tim img{width:100%;height:280px;object-fit:cover;object-position:50% 45%;aspect-ratio:auto;background:transparent}.team-grid .person.youri img{object-position:50% 30%}.team-grid .person.tim img{object-position:55% 45%}.team-grid .person[data-color="red"] .profile-note{color:#ff7777}.team-grid .person[data-color="yellow"] .profile-note{color:var(--green)}.team-grid .person[data-color="blue"] .profile-note{color:#80a8ff}#location>.heading{display:block;margin-bottom:25px}.rental-manifesto{display:block;max-width:1020px;margin-bottom:40px}.rental-manifesto p{font-size:18px;text-align:justify;hyphens:auto;line-height:1.75;margin:0 0 20px}.rental-manifesto .rental-top{font-size:23px;color:var(--paper);line-height:1.6}.equipment-heading{gap:25px}.equipment-heading .equipment-cutout{width:110px;height:110px;object-fit:contain;flex-shrink:0;transform:rotate(-4deg)}.equipment-group:nth-child(2n) .equipment-cutout{transform:rotate(3deg)}@media(max-width:650px){.team-grid .person img,.team-grid .person.tim img{height:280px;object-fit:cover}.rental-manifesto p{font-size:17px}.rental-manifesto .rental-top{font-size:21px}.equipment-heading .equipment-cutout{width:90px;height:90px}.equipment-heading{gap:17px}}

body{background-color:#0d0d0d;background-image:linear-gradient(#000000ad,#000000ad),url('assets/papier-froisse.webp')}nav{background-color:#0d0d0d;background-image:linear-gradient(#000000ad,#000000ad),url('assets/papier-froisse.webp');gap:14px}nav>div{margin-left:auto}.language-switch{font-family:AtelierMono,monospace;font-size:11px;padding:7px 9px;border:1px solid #ffffff55;background:#111;color:var(--paper);text-decoration:none;line-height:1.2;flex-shrink:0}.language-switch:hover{color:var(--green)}.collective-brand-film{position:relative;margin:30px 0 0;max-width:500px}.collective-brand-film video{width:100%;height:auto;display:block;background:#111}.collective-brand-film .local-video-toggle{bottom:12px;right:12px}.manifesto-brand h2{margin-top:0}@media(max-width:650px){nav{gap:9px;flex-wrap:wrap}nav>div{max-width:calc(100% - 135px)}.language-switch{padding:5px 7px;font-size:10px}.collective-brand-film{max-width:450px;margin:20px 0 10px}}

/* Compact title and introduction on one row, in both languages. */
.rental-opening-row{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,2fr);gap:35px;align-items:center;margin-bottom:35px;width:100%}.rental-opening-row .heading{display:block;margin:0}.rental-opening-row h2{font-size:clamp(42px,4.6vw,68px);line-height:1.06;margin:17px 0}.rental-opening-row .rental-manifesto{max-width:none;margin:0;padding:24px 28px;border:1px solid #ffffff35;background:#08080845}.rental-opening-row .rental-manifesto p{font-size:15px;line-height:1.6;margin:0 0 12px;text-align:justify;hyphens:auto}.rental-opening-row .rental-manifesto p:last-child{margin-bottom:0}.rental-opening-row .rental-manifesto .rental-top{font-size:18px;line-height:1.5}.contact-atelier{padding-bottom:65px}@media(max-width:900px){.rental-opening-row{grid-template-columns:minmax(210px,.65fr) minmax(0,1.5fr);gap:25px}.rental-opening-row .rental-manifesto{padding:22px}.rental-opening-row h2{font-size:45px}}@media(max-width:650px){.rental-opening-row{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.rental-opening-row h2{margin-bottom:0}.rental-opening-row .rental-manifesto{padding:20px}.rental-opening-row .rental-manifesto p{font-size:15px}}
/* Yellow paper note, placed a little lower than the equipment title. */
.rental-opening-row .rental-manifesto{background:#ffe000;color:#080808;border:0;margin-top:24px;box-shadow:6px 7px 0 #0005}.rental-opening-row .rental-manifesto p,.rental-opening-row .rental-manifesto .rental-top{color:#080808}@media(max-width:650px){.rental-opening-row .rental-manifesto{margin-top:8px}}

#location .rental-opening-row .rental-manifesto{background:#ffe000!important;background-image:none!important;color:#080808!important;border:0!important;margin-top:24px}#location .rental-opening-row .rental-manifesto p{color:#080808!important}@media(max-width:650px){#location .rental-opening-row .rental-manifesto{margin-top:8px}}

/* Equal role/name areas align the start of the three biographies. */
.team-grid .person>div>.small{min-height:36px;margin:0;line-height:1.8}.team-grid .person h3{font-size:clamp(30px,2.5vw,40px);line-height:1.1;min-height:108px;margin:16px 0 22px;display:block;width:fit-content}.team-grid .person .biography-copy p{font-size:18px;line-height:1.65;text-align:justify;hyphens:auto;margin:0 0 18px;max-width:none}.team-grid .person .profile-note{margin-top:18px}.team-grid .person figure{margin-bottom:32px}.team-grid .person .paper-photo figcaption{min-height:17px}@media(max-width:800px){.team-grid .person h3{font-size:37px;min-height:0}.team-grid .person>div>.small{min-height:0}.team-grid .person .biography-copy p{font-size:17px}}@media(max-width:600px){.team-grid .person .biography-copy p{font-size:18px}}

/* The production approach leads directly into the films being developed. */
.production-section{margin-top:65px}.production-section .manifesto{margin-top:0}.production-section .merged-development{border:0;padding-top:20px;margin-top:20px}.production-section .merged-development:before{display:none}.production-section .development-heading{max-width:none}.production-section .development-heading .small{margin:0;color:var(--green)}.production-section .project-notes{margin-top:25px}.production-section .manifesto-text p:first-child{color:var(--paper)}@media(max-width:650px){.production-section{margin-top:45px}.production-section .merged-development{padding-top:15px;margin-top:15px}}

/* Keep the centre of the showreel visible. */
.home-logo-hero{align-items:flex-end;justify-content:flex-start;padding:42px 5%;}
.home-logo-hero .hero-content{width:min(420px,100%);align-items:flex-start;text-align:left;}
.home-logo-hero .home-main-logo{width:clamp(200px,25vw,340px);max-height:200px;height:auto;transform:rotate(-2deg);}
.home-logo-hero .home-tagline{font-size:clamp(20px,2vw,27px);margin:16px 0 22px;max-width:360px;}
.home-logo-hero .home-links{justify-content:flex-start;gap:20px;flex-wrap:wrap;}
.home-logo-hero .home-links .pill{padding:11px 17px;font-size:13px;}
.home-logo-hero:after{background:linear-gradient(0deg,#000b 0%,#0004 28%,transparent 58%);}
@media(max-width:650px){.home-logo-hero{padding:30px 6%;}.home-logo-hero .home-main-logo{width:200px;max-height:130px;}.home-logo-hero .home-tagline{font-size:21px;margin:14px 0 18px;}.home-logo-hero .hero-content{max-width:320px;}}
