:root{--ink:#0a0a0a;--paper:#f2f0e9;--orange:#ff5a1f;--line:rgba(255,255,255,.22);--pad:clamp(20px,4vw,64px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%;object-fit:cover}button,input,select,textarea{font:inherit}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:#fff}.loader{position:fixed;inset:0;z-index:9999;background:var(--ink);display:grid;place-items:center;font-size:clamp(24px,4vw,55px);font-weight:600;letter-spacing:-.04em;transition:opacity .7s,visibility .7s}.loader span,.logo span{color:var(--orange)}.loader i{position:absolute;left:0;bottom:0;height:3px;background:var(--orange);width:0;animation:loadbar 1.2s ease forwards}@keyframes loadbar{to{width:100%}}body.loaded .loader{opacity:0;visibility:hidden}.cursor{position:fixed;z-index:9998;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:20px;pointer-events:none;transform:translate(-50%,-50%) scale(0);transition:transform .18s ease,filter .18s ease;mix-blend-mode:normal}.cursor.show{transform:translate(-50%,-50%) scale(1)}.cursor.active{transform:translate(-50%,-50%) scale(1.16) rotate(12deg);filter:drop-shadow(0 8px 18px rgba(255,90,31,.35))}.site-header{position:absolute;top:0;left:0;width:100%;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:22px var(--pad);border-bottom:1px solid rgba(255,255,255,.2);color:#fff}.site-header.solid{position:relative;background:var(--ink)}.logo{font-weight:600;letter-spacing:-.03em;font-size:18px}.site-header nav{display:flex;gap:28px;font-size:13px}.site-header nav a,.footer a{transition:opacity .2s}.site-header nav a:hover{opacity:.55}.pill{justify-self:end;border:1px solid currentColor;border-radius:999px;padding:11px 18px;font-size:13px}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden}.hero video{height:100%;filter:saturate(.86)}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.12) 45%,rgba(0,0,0,.55))}.hero-meta{position:absolute;top:105px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;text-transform:uppercase;font-size:10px;letter-spacing:.18em}.hero h1{position:absolute;inset:auto var(--pad) 55px;margin:0;font-size:clamp(80px,15vw,230px);line-height:.72;letter-spacing:-.075em;font-weight:600}.hero h1 span{display:block}.hero h1 em{position:absolute;top:7%;left:49%;font-family:'Instrument Serif';font-weight:400;font-size:.34em;letter-spacing:0}.hero h1 .right{text-align:right}.scroll-link{position:absolute;left:var(--pad);bottom:22px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.intro,.work,.process,.gallery,.about,.services,.enquire,.projects-preview{padding:120px var(--pad)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:10px;margin:0 0 30px}.mega{max-width:1300px;font-size:clamp(52px,8vw,126px);line-height:.91;letter-spacing:-.065em;margin:0;font-weight:500}.mega em,.display em,.interlude em,.page-hero em,.case-hero em{display:block;font-family:'Instrument Serif';font-weight:400}.intro-note{display:flex;justify-content:space-between;margin-top:80px;padding-top:18px;border-top:1px solid rgba(0,0,0,.25);font-size:13px}.intro-note span:last-child{max-width:350px}.ticker{background:var(--orange);color:#fff;overflow:hidden;padding:14px 0;white-space:nowrap}.ticker div{font-size:15px;letter-spacing:.15em;animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.section-heading{margin-bottom:70px}.display{font-size:clamp(60px,8vw,126px);line-height:.88;letter-spacing:-.065em;margin:0;font-weight:500}.featured-project{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:end}.featured-copy{padding-bottom:15px}.project-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.featured-copy h3{font-size:clamp(64px,8vw,125px);line-height:.78;letter-spacing:-.07em;margin:55px 0 22px}.featured-copy>p{font-family:'Instrument Serif';font-size:32px;margin:0 0 30px}.featured-copy ul{list-style:none;padding:0;margin:0 0 40px;display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:12px;color:#aaa}.featured-copy a,.text-link,.about-copy a{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:5px}.featured-media{height:76vh;min-height:600px;position:relative;overflow:hidden}.featured-media video{height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.featured-media:hover video,.project-card:hover video,.duo-card:hover video{transform:scale(1.035)}.featured-media span,.duo-card span{position:absolute;left:18px;bottom:18px;background:rgba(0,0,0,.65);backdrop-filter:blur(10px);padding:9px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.14em}.interlude{min-height:72vh;background:#050505;display:grid;place-content:center;text-align:center;padding:100px 20px}.interlude p{font-size:12px;text-transform:uppercase;letter-spacing:.3em}.interlude h2{font-size:clamp(65px,10vw,155px);line-height:.8;letter-spacing:-.065em;margin:12px 0}.split-heading{display:flex;align-items:flex-end;justify-content:space-between}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:70px 22px}.project-card:nth-child(even){margin-top:120px}.project-card .media{overflow:hidden;background:#ddd}.project-card .media.portrait{aspect-ratio:4/5}.project-card .media.landscape{aspect-ratio:4/3}.project-card video{height:100%;transition:transform .8s}.project-card>div:last-child{padding-top:16px}.project-card span{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.project-card h3{font-size:clamp(34px,4vw,64px);margin:8px 0 0;letter-spacing:-.05em}.project-card p{font-family:'Instrument Serif';font-size:22px;margin:4px 0;color:#555}.process-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.process .portrait{margin:0}.process .portrait img{aspect-ratio:3/4}.process figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.13em;margin-top:10px}.steps article{display:grid;grid-template-columns:70px 1fr;padding:28px 0;border-top:1px solid rgba(0,0,0,.2)}.steps article:last-child{border-bottom:1px solid rgba(0,0,0,.2)}.steps span{font-size:11px}.steps h3{font-size:40px;letter-spacing:-.04em;margin:0 0 8px}.steps p{max-width:550px;margin:0;color:#555;line-height:1.6}.gallery{overflow:hidden}.gallery-track{display:flex;gap:20px;width:max-content}.gallery-track img{height:520px;width:350px}.gallery-track img.wide{width:760px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about-copy{padding-top:70px}.about-copy p{font-size:17px;line-height:1.6;color:#444;max-width:620px}.about-copy .lead{font-family:'Instrument Serif';font-size:38px;color:#111;line-height:1.12}.collage{margin-top:110px;display:grid;grid-template-columns:1fr 1.4fr .8fr;gap:18px;align-items:end}.collage .c1{height:520px}.collage .c2{height:680px}.collage .c3{height:420px}.service-list{width:70%}.service-list article{display:grid;grid-template-columns:60px 1fr auto;align-items:center;border-top:1px solid var(--line);padding:22px 0}.service-list article:last-child{border-bottom:1px solid var(--line)}.service-list span{font-size:10px}.service-list h3{font-size:clamp(30px,4vw,62px);letter-spacing:-.05em;margin:0}.service-list b{font-weight:400}.services{position:relative}.preview{position:absolute;right:var(--pad);bottom:120px;width:25%;height:380px;overflow:hidden}.preview img{height:100%;transition:opacity .2s}.duo-reels{background:#111;display:grid;grid-template-columns:3fr 2fr;gap:18px;padding:18px}.duo-card{height:88vh;min-height:630px;position:relative;overflow:hidden}.duo-card video{height:100%;transition:transform .8s}.enquire form{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin-top:70px}.enquire label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.enquire input,.enquire select,.enquire textarea{width:100%;border:0;border-bottom:1px solid #999;background:transparent;padding:14px 0;outline:0;text-transform:none;letter-spacing:0}.enquire textarea{min-height:120px;resize:vertical}.enquire .full{grid-column:1/-1}.enquire button{grid-column:1/-1;border:0;background:var(--orange);color:#fff;padding:22px;text-align:left;display:flex;justify-content:space-between;cursor:pointer}.enquire small{grid-column:1/-1;color:#777}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}footer{background:#050505;padding:45px var(--pad);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:25px;align-items:end;border-top:1px solid #222;font-size:12px}footer div{display:flex;gap:18px}footer small{color:#777}.page-hero{padding:150px var(--pad) 100px}.page-hero h1{font-size:clamp(85px,14vw,210px);line-height:.72;letter-spacing:-.075em;margin:0}.page-hero h1 em{font-size:.5em;text-align:right;letter-spacing:.015em;word-spacing:.12em}.page-hero>p:last-child{max-width:500px;margin:60px 0 0;color:#555}.project-index{padding:0 var(--pad) 100px}.index-project{min-height:85vh;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;border-top:1px solid var(--line);padding:80px 0}.index-project>div span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#999}.index-project h2{font-size:clamp(58px,8vw,120px);line-height:.85;letter-spacing:-.065em;margin:25px 0 10px}.index-project p{font-family:'Instrument Serif';font-size:28px;color:#bbb}.index-project video{height:70vh;max-height:780px}.landscape-project video{height:auto;aspect-ratio:16/9}.case-hero{padding:140px var(--pad) 80px;display:flex;justify-content:space-between;align-items:end}.case-hero h1{font-size:clamp(80px,13vw,190px);line-height:.73;letter-spacing:-.075em;margin:30px 0 0}.case-meta{display:grid;gap:8px;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#aaa}.case-film{padding:0 var(--pad) 100px}.case-film video{height:85vh;object-fit:contain;background:#050505}.case-copy{padding:120px var(--pad);display:grid;grid-template-columns:1fr 2fr}.case-copy h2{font-size:clamp(48px,6vw,95px);letter-spacing:-.055em;line-height:.95;margin:0}.case-copy p{max-width:760px;font-size:18px;line-height:1.7;color:#555}.case-gallery{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.case-gallery img{height:70vh}.next-project{padding:120px var(--pad)}.next-project p{text-transform:uppercase;letter-spacing:.15em;font-size:10px}.next-project a{font-size:clamp(50px,9vw,140px);letter-spacing:-.06em}
@media(max-width:900px){.cursor{display:none}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero h1{font-size:23vw}.hero h1 em{left:55%}.intro,.work,.process,.gallery,.about,.services,.enquire,.projects-preview{padding:90px 20px}.intro-note,.split-heading{display:block}.intro-note span{display:block;margin-top:15px}.featured-project,.process-grid,.about-grid,.index-project,.case-copy{grid-template-columns:1fr}.featured-media{height:70vh;min-height:0}.featured-copy h3{font-size:22vw}.project-grid{grid-template-columns:1fr}.project-card:nth-child(even){margin-top:0}.collage{grid-template-columns:1fr 1fr}.collage .c1{height:340px}.collage .c2{height:470px}.collage .c3{display:none}.service-list{width:100%}.preview{display:none}.duo-reels{grid-template-columns:1fr;padding:10px}.duo-card{height:74vh;min-height:500px}.enquire form{grid-template-columns:1fr}.enquire .full,.enquire button,.enquire small{grid-column:1}.gallery-track img{height:390px;width:260px}.gallery-track img.wide{width:560px}.page-hero{padding:110px 20px 70px}.project-index{padding:0 20px 70px}.index-project{padding:55px 0}.index-project video{height:65vh}.case-hero{padding:110px 20px 65px;display:block}.case-meta{text-align:left;margin-top:45px}.case-film{padding:0 10px 70px}.case-film video{height:75vh}.case-copy,.next-project{padding:90px 20px}.case-gallery{grid-template-columns:1fr}.case-gallery img{height:55vh}footer{grid-template-columns:1fr 1fr}footer div{grid-column:1/-1}.hero-meta{top:90px}.project-kicker{margin-top:30px}}@media(pointer:coarse){.cursor{display:none}}