@import url('/assets/fonts.css');
/* Missions: a trip index and an open journal, using the shared contour map. */
.missions-intro-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:5%;max-width:1100px;font-size:18px;line-height:1.75}
.missions-archive{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,2.7fr);gap:7%;align-items:start}
nav.mission-index{display:grid;position:static;background:var(--ink);border:1px solid var(--red);padding:12px;gap:4px}
nav.mission-index a{display:flex;gap:15px;align-items:baseline;width:auto;font-size:14px;line-height:1.5;padding:14px 10px;border-radius:0;border:0}
.mission-index a span{font-size:12px;font-weight:400}
.mission-trip{display:grid;grid-template-columns:50px minmax(0,1fr);gap:22px;padding:44px 22px;border-top:1px solid var(--red);background:var(--ink);transition:transform .25s ease,box-shadow .25s ease}
.mission-trip:last-child{border-bottom:1px solid var(--red)}
.mission-number{font-size:14px;letter-spacing:.1em;padding-top:7px}
.mission-trip h2{font-size:clamp(28px,3.4vw,50px);line-height:1.12;overflow-wrap:break-word}
.mission-status{font-size:16px;margin-top:22px}
@media(hover:hover) and (pointer:fine){.mission-trip:hover{transform:translateY(-4px);box-shadow:0 4px 0 var(--red)}}
@media(max-width:1100px){header #nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--ink);border-bottom:2px solid var(--red);padding:20px 5%;flex-direction:column;gap:8px}header #nav.open{display:flex}header #nav a{width:fit-content;font-size:17px;padding:9px 15px}header .menu-toggle{display:block;margin-left:auto;border:1px solid var(--red);background:var(--red);color:var(--ink);padding:10px 14px;min-height:44px;font-size:14px;font-weight:700}}
@media(max-width:800px){.missions-intro-copy{grid-template-columns:1fr;gap:20px;font-size:16px}.missions-archive{grid-template-columns:1fr;gap:40px}.mission-trip{grid-template-columns:30px minmax(0,1fr);padding:32px 12px;gap:14px}.mission-trip h2{font-size:clamp(26px,6.5vw,40px)}}
:root{--red:#d65d3b;--yellow:#d65d3b;--ink:#161616;--white:#d65d3b;--line:#161616;--bg:#161616;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:#d65d3b;font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.02;letter-spacing:-.055em;font-weight:800}h2{font-size:clamp(36px,4.5vw,68px)}em{font-style:normal;color:var(--red);font-weight:800}img{display:block;object-fit:cover;width:100%}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--red);outline-offset:6px}::selection{background:var(--yellow);color:var(--ink)}.skip{position:fixed;top:-90px;left:15px;z-index:100;padding:15px;background:var(--yellow)}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;gap:25px;height:94px;padding:0 4%;background:#d65d3b;border-bottom:2px solid var(--ink);position:relative;z-index:20}.logo{font-size:40px;line-height:1;font-weight:900;letter-spacing:-.09em}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}nav{display:flex;gap:8px}nav a{padding:9px 14px;font-size:14px;font-weight:700;border:1.5px solid transparent;border-radius:50px}nav a[aria-current]{background:var(--yellow);border-color:var(--ink)}.header-contact,.button{background:var(--ink);color:#d65d3b;border:2px solid var(--ink);padding:13px 22px;font-size:14px;font-weight:700;display:inline-flex;gap:24px;align-items:center;justify-content:center}.header-contact{border-radius:30px}.menu-toggle{display:none}.map-hero,.page-intro,.content-opening,.statement,.content-closing{background-color:var(--red);background-image:url('/assets/contours.svg');background-size:cover}.map-hero{padding:25px 4% 22px;overflow:hidden}.map-meta,.map-base{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-weight:700;letter-spacing:.08em}.map-wordmark{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:36px 0 38px}.map-wordmark h1{font-size:clamp(150px,26vw,420px);letter-spacing:-.09em;font-weight:900;line-height:.78;color:var(--red);position:relative;animation:logo-reveal .75s cubic-bezier(.2,.7,.2,1) both}.map-wordmark h1>span{font-size:clamp(20px,3vw,44px);vertical-align:top;letter-spacing:0;margin-left:16px}.reel-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:50%;width:165px;height:165px;flex:none;transform:rotate(9deg);background:var(--yellow);font-size:14px;font-weight:800;line-height:1.3;text-align:center;box-shadow:6px 6px 0 var(--ink)}.reel-sticker>span{font-size:30px;margin-bottom:10px}.hero-reel{position:relative;width:100%;height:clamp(230px,28vw,480px);border:2px solid var(--ink);background:var(--ink);overflow:hidden}.hero-reel video{width:100%;height:100%;object-fit:cover}.frame-label{position:absolute;bottom:20px;left:20px;background:var(--red);padding:6px 12px;font-size:12px;font-weight:700}.map-base{padding-top:20px}#motion-toggle{position:absolute;bottom:16px;right:20px;border:1px solid var(--red);border-radius:50%;width:44px;height:44px;color:var(--red);background:#161616c9}.section{padding:90px 6%;position:relative}.eyebrow{font-size:14px;line-height:1.5;font-weight:600;letter-spacing:.055em}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:15px}.section-heading>p{max-width:430px}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:700;border-bottom:2px solid currentColor;padding:9px 0}.pathways{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:90px 6%;background:#d65d3b url('/assets/contours.svg') center/cover}.path-card{border:2px solid var(--ink);background:var(--yellow);position:relative;padding:28px;box-shadow:6px 6px 0 var(--ink)}.path-card:nth-child(2){background:var(--ink);color:var(--red);margin-top:60px;align-self:start}.path-card h2{display:flex;justify-content:space-between;gap:15px;font-size:clamp(36px,5vw,76px);margin:15px 0 25px}.path-card h2 span{font-size:42px}.path-card img{aspect-ratio:1.7;object-position:center 45%;border:1px solid var(--ink)}.path-card>p{margin-top:18px;font-size:14px;font-weight:600}.concept-label{display:block;font-size:12px;margin-top:6px}.films{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}.film{min-width:0}.film:nth-child(even){margin-top:70px}.film-cover{display:block;position:relative;aspect-ratio:16/9;border:2px solid var(--ink);overflow:hidden;background:var(--ink);color:var(--red)}.film-cover img{height:100%;transition:transform .5s ease}.film-play{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:55px;height:55px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink)}.film-watch{position:absolute;top:16px;left:16px;font-size:12px;font-weight:700;background:var(--red);color:var(--ink);padding:5px 10px}.project-details{display:flex;justify-content:space-between;gap:20px;margin-top:17px;align-items:baseline}.project-details h3{font-size:24px}.project-details p{font-size:14px}.clients{background:var(--yellow);border-block:2px solid var(--ink);padding:28px 6%;display:flex;align-items:center;gap:45px}.clients>div{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.clients img{height:80px;object-fit:contain;filter:grayscale(1)}.reel-section{background:#161616 url('/assets/contours.svg') center/cover;color:var(--red)}.reel-section>.section-heading{display:block}.reel-section video{display:block;width:100%;aspect-ratio:16/9;border:2px solid var(--red);background:black}.behind{background:var(--red) url('/assets/contours.svg') center/cover}.bts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.bts-grid img{aspect-ratio:4/5;border:2px solid var(--ink)}.bts-grid img:nth-child(2){transform:rotate(2deg)}.page-intro{padding:68px 6% 80px;border-bottom:2px solid var(--ink)}.page-intro h1{font-size:clamp(48px,7.2vw,108px);margin:28px 0;line-height:1.03;max-width:1250px}.page-intro em{color:var(--red)}.intro-copy{font-size:18px;max-width:720px;line-height:1.7}.page-cine .page-intro{background-color:var(--ink);color:var(--red);background-blend-mode:screen}.page-cine .page-intro em{color:var(--yellow)}.wide-image{margin:40px 6% 0;border:2px solid var(--ink);overflow:hidden}.wide-image img{width:100%;height:100%}.wide-image.cinema{aspect-ratio:2.39}.split{background:#d65d3b url('/assets/contours.svg') center/cover;display:grid;grid-template-columns:1fr 3fr;gap:40px}.services{display:grid;gap:16px}.service{display:grid;grid-template-columns:44px 1fr;gap:15px;padding:30px;border:2px solid var(--ink);background:var(--red)}.service h2{font-size:32px;margin-bottom:20px}.service p{max-width:750px}.service:nth-child(even){background:var(--yellow)}.agency-options{background:var(--yellow);border-block:2px solid var(--ink)}.agency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.agency-grid article{background:var(--red);border:2px solid var(--ink);padding:28px}.agency-grid h3{font-size:28px;margin:25px 0 18px}.agency-grid span{font-size:14px;font-weight:700}.stills{display:grid;grid-template-columns:1fr 1fr;gap:25px}.stills img{aspect-ratio:2;border:2px solid var(--ink)}.stills img:nth-child(3n){grid-column:1/-1;aspect-ratio:2.39}.content-opening{display:grid;grid-template-columns:1fr 1.2fr;gap:6%;padding:70px 6%;align-items:center;background-color:var(--yellow);border-bottom:2px solid var(--ink)}.social-concept{transform:rotate(-3deg);padding:12px;background:var(--red);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.social-concept img{aspect-ratio:4/5;height:auto}.social-concept figcaption{font-size:12px;padding:10px 0 0}.content-opening h1{font-size:clamp(40px,5.3vw,82px);margin:20px 0 28px;line-height:1.02}.content-opening h1 span{color:var(--red)}.content-opening-copy>p:not(.eyebrow){max-width:520px}.content-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:28px}.content-band{display:flex;gap:24px;justify-content:space-around;flex-wrap:wrap;background:var(--red);border-bottom:2px solid var(--ink);padding:23px 4%;font-weight:700;font-size:14px}.content-band b{color:var(--red)}.content-work{background:#d65d3b url('/assets/contours.svg') center/cover}.brand-work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.brand-work-card:nth-child(2){margin-top:100px}.content-offering{display:grid;grid-template-columns:1fr 1.35fr;gap:7%;background:var(--ink);color:var(--red)}.content-offering-intro h2{margin:24px 0}.content-offering-intro em{color:var(--yellow)}.content-offering-intro>p{max-width:470px}.content-service-list{display:grid;gap:22px}.content-service-list article{display:flex;gap:25px;border:1.5px solid #d65d3b;padding:28px;background:#222}.content-service-list article>span{color:var(--yellow);font-size:14px}.content-service-list h3{font-size:28px;margin-bottom:18px}.service-tags{color:var(--yellow);font-size:14px;margin-top:18px}.content-closing{text-align:center}.content-closing h2{margin:24px 0 34px}.content-closing em{color:var(--red)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#d65d3b url('/assets/contours.svg') center/cover;align-items:start}.team-grid article{background:var(--yellow);padding:16px 16px 26px;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.team-grid article:nth-child(2){margin-top:65px;background:var(--red)}.team-grid article:nth-child(3){margin-top:130px;background:var(--red)}.team-grid img{aspect-ratio:3/4;border:1px solid var(--ink);margin-bottom:22px}.team-grid h2{font-size:28px;margin:14px 0}.team-grid article>p:last-child{font-size:16px}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;background:#d65d3b url('/assets/contours.svg') center/cover}.about-story img{aspect-ratio:4/5;border:2px solid var(--ink);box-shadow:12px 12px 0 var(--yellow);transform:rotate(-2deg)}.about-story h2{font-size:44px;margin:24px 0}.about-story p:not(.eyebrow){margin-top:20px}.statement{background-color:var(--yellow);text-align:center;border-block:2px solid var(--ink)}.statement h2{margin:25px 0}.statement>p:last-child{max-width:700px;margin:auto}.client-list>p:last-child{font-size:24px;line-height:1.8;margin-top:30px}.page-about .clients{border-top:0}footer{padding:0 6%;background:#161616;color:var(--red);background-image:linear-gradient(#161616ed,#161616ed),url('/assets/contours.svg');background-size:cover;border-top:2px solid var(--ink)}.enquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:80px 0}.enquiry-intro h2{font-size:clamp(38px,4.8vw,72px)}.enquiry-intro em{color:var(--yellow)}.enquiry-intro>p{margin:25px 0 15px}#enquiry-form{display:grid;gap:20px}#enquiry-form label{display:grid;gap:8px;font-size:14px}#enquiry-form label span{display:contents;color:var(--red)}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}input,textarea{width:100%;min-width:0;border:1px solid #777;padding:12px;background:#242424;color:var(--red);border-radius:0;font-size:16px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--yellow)}.enquiry-submit{background:var(--yellow);color:var(--ink);width:fit-content}.form-note,#enquiry-status{font-size:14px;color:var(--red)}#enquiry-status:empty{display:none}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #555;padding:35px 0}.footer-bottom p,.footer-bottom>a:last-child{font-size:12px}.footer-bottom .logo{font-size:60px}.film-dialog{width:min(1200px,94vw);max-height:94svh;padding:20px;background:var(--ink);border:2px solid var(--yellow);color:var(--red);overflow:auto}.film-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}body.player-open{overflow:hidden}.player-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.player-bar h2{font-size:20px}.close-player{color:var(--red);background:none;border:1px solid #777;padding:10px 16px;min-height:44px}.player-mount{aspect-ratio:16/9;background:black}.player-mount iframe{width:100%;height:100%;border:0}.player-fallback{display:inline-block;font-size:14px;margin-top:15px}
/* A lifted paper-card motion system, shared across the site. */
a,button,.path-card,.film,.brand-work-card,.team-grid article,.service,.agency-grid article,.content-service-list article,.bts-grid img,.stills img,.social-concept{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,background-color .2s,color .2s} @media(hover:hover) and (pointer:fine){nav a:hover{background:var(--yellow);transform:translateY(-3px)}.header-contact:hover,.button:hover{background:var(--red);color:var(--red);transform:translateY(-4px);box-shadow:4px 4px 0 var(--ink)}.text-link:hover,.map-base a:hover{transform:translateY(-3px);color:var(--red)}.path-card:hover,.film:hover,.brand-work-card:hover,.team-grid article:hover,.service:hover,.agency-grid article:hover,.content-service-list article:hover{transform:translateY(-9px);box-shadow:8px 10px 0 var(--ink)}.content-service-list article:hover{box-shadow:6px 8px 0 var(--yellow)}.film-cover:hover img{transform:scale(1.035)}.bts-grid img:hover,.stills img:hover{transform:translateY(-7px) rotate(-1deg);box-shadow:7px 8px 0 var(--red)}.social-concept:hover{transform:rotate(0) translateY(-8px)}.reel-sticker:hover{transform:rotate(0) translateY(-7px);box-shadow:9px 10px 0 var(--ink)}}.path-card:focus-visible,.reel-sticker:focus-visible{transform:translateY(-5px)}.shot-enter{animation:rise-in .55s ease both}@keyframes rise-in{from{opacity:.65;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes logo-reveal{from{clip-path:inset(100% 0 0);transform:translateY(18px)}to{clip-path:inset(0);transform:none}}@view-transition{navigation:auto}::view-transition-old(root){animation:fade-out .18s ease both}::view-transition-new(root){animation:fade-in .18s ease both}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{to{opacity:0}}
@media(min-width:1800px){body{max-width:2200px;margin:auto}}@media(max-width:1000px){header{padding:0 3%;gap:12px}nav a{padding:9px;font-size:13px}.header-contact{padding:12px 16px}.section{padding:65px 5%}.map-wordmark h1{font-size:26vw}.reel-sticker{width:135px;height:135px}.pathways{padding:65px 5%}.path-card{padding:20px}.split{grid-template-columns:1fr}.team-grid{gap:18px}.team-grid h2{font-size:24px}.content-opening{gap:5%;padding:55px 5%}.content-opening h1{font-size:5.4vw}.content-offering{gap:5%}.agency-grid{gap:16px}.agency-grid article{padding:20px}.agency-grid h3{font-size:24px}.about-story h2{font-size:36px}.enquiry-layout{gap:5%}}
@media(max-width:700px){html{scroll-padding-top:85px}header{height:78px;padding:0 5%}.logo{font-size:36px}.header-contact{display:none}.menu-toggle{display:block;margin-left:auto;border:1.5px solid var(--ink);padding:10px 14px;background:var(--yellow);font-size:14px;font-weight:700}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--red);border-bottom:2px solid var(--ink);padding:20px 5%;flex-direction:column;gap:8px}nav.open{display:flex}nav a{font-size:17px;width:fit-content;padding:9px 15px}.map-hero{padding:20px 5%}.map-meta{font-size:12px;gap:25px}.map-meta>span:last-child{text-align:right;max-width:180px}.map-wordmark{padding:42px 0 35px;align-items:end;gap:8px}.map-wordmark h1{font-size:29vw}.map-wordmark h1>span{font-size:14px;margin-left:4px}.reel-sticker{width:86px;height:86px;font-size:10px;box-shadow:3px 3px 0 var(--ink)}.reel-sticker>span{font-size:18px;margin-bottom:5px}.hero-reel{height:280px}.frame-label{font-size:10px;bottom:20px;left:12px;max-width:210px}.map-base{font-size:10px;gap:10px}.pathways,.films,.brand-work-grid,.team-grid,.about-story,.content-opening,.content-offering,.agency-grid,.enquiry-layout{grid-template-columns:1fr}.section{padding:55px 5%}.pathways{padding:55px 5%;gap:30px}.path-card:nth-child(2){margin-top:0}.path-card h2{font-size:48px}.film:nth-child(even),.brand-work-card:nth-child(2),.team-grid article:nth-child(2),.team-grid article:nth-child(3){margin-top:0}.films{gap:35px}.section-heading{align-items:start;flex-direction:column;gap:20px;margin-bottom:30px}h2{font-size:36px}.project-details{flex-wrap:wrap;gap:8px}.clients{display:block;padding:25px 5%}.clients .eyebrow{margin-bottom:20px}.clients>div{gap:15px}.clients img{height:50px}.bts-grid{grid-template-columns:1fr 1fr;gap:14px}.bts-grid img:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:1.6}.page-intro{padding:45px 5% 50px}.page-intro h1{font-size:clamp(34px,8.2vw,58px);margin:25px 0}.intro-copy{font-size:16px}.wide-image{margin:30px 5% 0}.service{padding:22px 18px;grid-template-columns:24px 1fr;gap:10px}.service h2{font-size:27px}.stills{grid-template-columns:1fr;gap:18px}.stills img:nth-child(3n){grid-column:auto}.content-opening{padding:45px 5%;gap:35px}.content-opening-copy{grid-row:1}.content-opening h1{font-size:clamp(38px,10vw,64px)}.social-concept{max-width:450px;width:90%;margin:auto;transform:rotate(-2deg)}.social-concept img{aspect-ratio:1.2}.content-actions{gap:20px}.content-band{font-size:12px;gap:12px;padding:20px}.content-band b{display:none}.content-offering{gap:30px}.content-service-list article{padding:23px 18px;gap:16px}.content-service-list h3{font-size:27px}.brand-work-grid{gap:35px}.team-grid{gap:30px}.team-grid article{max-width:480px;width:100%;margin:auto}.team-grid h2{font-size:30px}.about-story{gap:40px}.about-story img{max-height:500px}.statement h2{font-size:40px}.client-list>p:last-child{font-size:20px}.enquiry-layout{padding:55px 0;gap:40px}.enquiry-intro h2{font-size:42px}.form-pair{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap;gap:22px}.footer-bottom p{font-size:12px}.footer-bottom .logo{width:40%}.film-dialog{padding:12px}.player-bar h2{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.shot-enter{translate:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}.map-wordmark h1{clip-path:none}}
/* Two-colour identity with continuous, animated contour fields. */
:root{color-scheme:dark;--map-pattern:url('/assets/contours-red.svg')}
body{background:var(--ink);color:var(--red)}
header{background:var(--ink);border-color:var(--red);color:var(--red)}
nav a[aria-current],.menu-toggle{color:var(--ink)}
.header-contact,.button,.reel-sticker{background:var(--red);color:var(--ink);border-color:var(--ink)}
.map-hero,.page-intro,.content-opening,.statement,.content-closing{--map-pattern:url('/assets/contours.svg');background-color:var(--red);color:var(--ink)}
.map-wordmark h1,.page-intro em,.content-opening h1 span,.content-closing em,.statement em{color:var(--ink)}
.page-cine .page-intro{--map-pattern:url('/assets/contours-red.svg');background-color:var(--ink);color:var(--red)}
.page-cine .page-intro em{color:var(--red)}
.section,.pathways,.behind,.split,.team-grid,.about-story,.content-work,footer{background-color:var(--ink);color:var(--red)}
.statement,.content-closing,.agency-options{background-color:var(--red);color:var(--ink);--map-pattern:url('/assets/contours.svg')}
.map-hero,.page-intro,.content-opening,.section,.pathways,footer{position:relative;isolation:isolate;background-image:none}
.map-hero::before,.page-intro::before,.content-opening::before,.section::before,.pathways::before,footer::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--map-pattern);background-size:1500px auto;background-position:50% 50%;opacity:.34;animation:contour-drift 32s ease-in-out infinite alternate;transition:opacity .6s ease}
.map-hero::before,.page-intro::before{opacity:.58;background-size:1250px auto;animation-duration:26s}
.content-opening::before,.statement::before,.content-closing::before{opacity:.45}
.section:nth-child(even)::before{animation-direction:alternate-reverse;animation-duration:38s}
.path-card,.path-card:nth-child(2),.social-concept,.team-grid article,.team-grid article:nth-child(2),.team-grid article:nth-child(3),.service,.service:nth-child(even),.agency-grid article,.content-service-list article{background:var(--ink);color:var(--red);border-color:var(--red)}
.path-card,.team-grid article,.social-concept{box-shadow:6px 6px 0 var(--red)}
.path-card img,.team-grid img,.film-cover,.stills img,.bts-grid img,.about-story img,.wide-image{border-color:var(--red)}
.film-play,.film-watch,.frame-label{background:var(--red);color:var(--ink)}
.clients{background:var(--red);color:var(--ink)}
.clients img{filter:grayscale(1) brightness(0)}
.service-tags,.enquiry-intro em,.content-offering-intro em{color:var(--red)}
.about-story img{box-shadow:12px 12px 0 var(--red)}
.content-band{color:var(--ink)}
.hero-reel{border-width:3px}#motion-toggle{color:var(--red);border-color:var(--red);background:var(--ink)}
input,textarea{background:var(--ink);border-color:var(--red);color:var(--red)}
input::placeholder,textarea::placeholder{color:var(--red);opacity:.75}
.footer-bottom{border-color:var(--red);flex-wrap:wrap}.footer-bottom .logo{font-size:48px}
#map-motion{background:var(--ink);color:var(--red);border:1px solid var(--red);padding:10px 12px;font-size:12px;min-height:44px}
.close-player{border-color:var(--red)}
@keyframes contour-drift{from{background-position:40% 35%}to{background-position:65% 70%}}
@media(hover:hover) and (pointer:fine){.map-hero:hover::before,.page-intro:hover::before,.content-opening:hover::before,.section:hover::before,.pathways:hover::before,footer:hover::before{opacity:.58}.map-hero:hover::before{opacity:.72}.path-card:hover,.film:hover,.brand-work-card:hover,.team-grid article:hover,.service:hover{box-shadow:8px 10px 0 var(--red)}nav a:hover{color:var(--ink)}.button:hover,.header-contact:hover{color:var(--red);background:var(--ink);border-color:var(--red)}.map-base a:hover{color:var(--ink)}.text-link:hover{opacity:.75}}
.maps-paused .map-hero::before,.maps-paused .page-intro::before,.maps-paused .content-opening::before,.maps-paused .section::before,.maps-paused .pathways::before,.maps-paused footer::before{animation-play-state:paused}
@media(max-width:700px){nav{background:var(--ink);border-color:var(--red)}.map-hero::before,.page-intro::before,.section::before,.pathways::before{background-size:900px auto}.map-meta,.map-base{font-size:12px}.reel-sticker{font-size:11px}}
@media(prefers-reduced-motion:reduce){.map-hero::before,.page-intro::before,.content-opening::before,.section::before,.pathways::before,footer::before{animation:none!important}#map-motion{display:none}}

.skip{color:var(--ink)}.map-hero .reel-sticker{background:var(--ink);color:var(--red);box-shadow:6px 6px 0 var(--ink)}
/* A clear, high-contrast contact destination. */
footer#enquiry{background:var(--red);color:var(--ink);border-top:3px solid var(--ink);padding:0 6%}
footer#enquiry::before{display:none}
.enquiry-layout{grid-template-columns:1fr 1.12fr;gap:7%;padding:88px 0;align-items:start}
.enquiry-intro{padding-top:14px}.enquiry-intro>.eyebrow{font-size:14px;font-weight:700;margin:0 0 28px}
.enquiry-intro h2{font-size:clamp(46px,5.5vw,82px);line-height:1.02;letter-spacing:-.055em}
.enquiry-intro>p:not(.eyebrow){font-size:18px;line-height:1.7;margin:26px 0 32px;max-width:430px}
.enquiry-intro .contact-email{background:var(--ink);color:var(--red);border:2px solid var(--ink);font-size:18px;padding:20px 28px;min-height:64px;gap:48px}
#enquiry-form{background:var(--ink);color:var(--red);padding:36px;gap:22px;border:2px solid var(--ink);border-radius:8px}
.form-heading{margin-bottom:4px}.form-heading h3{font-size:27px;line-height:1.2;letter-spacing:-.035em}.form-heading p{font-size:16px;line-height:1.6;margin-top:12px}
#enquiry-form label{font-size:16px;font-weight:600;gap:10px}#enquiry-form label span{color:var(--red);font-weight:400}
#enquiry-form input,#enquiry-form textarea{background:var(--ink);border:1px solid var(--red);border-radius:4px;padding:14px 16px;min-height:54px;font-size:16px;color:var(--red);font-weight:400}
#enquiry-form textarea{min-height:140px}#enquiry-form input:focus,#enquiry-form textarea:focus{outline:2px solid var(--red);outline-offset:3px}
#enquiry-form .enquiry-submit{width:100%;min-height:62px;justify-content:space-between;background:var(--red);color:var(--ink);border:2px solid var(--red);border-radius:4px;padding:18px 22px;font-size:18px;font-weight:800}
#enquiry-form .form-note,#enquiry-status{font-size:14px;line-height:1.65;color:var(--red);margin-top:-6px}
#enquiry .footer-bottom{border-color:var(--ink)}#enquiry #map-motion{border-color:var(--ink);background:transparent;color:var(--ink)}
.header-contact{border:2px solid var(--red);padding:14px 20px;font-weight:800;white-space:nowrap}
@media(hover:hover) and (pointer:fine){.enquiry-intro .contact-email:hover{background:var(--red);color:var(--ink);box-shadow:5px 5px 0 var(--ink)}#enquiry-form .enquiry-submit:hover{background:var(--ink);color:var(--red);box-shadow:none;transform:translateY(-3px)}}
@media(max-width:1000px){.enquiry-layout{gap:5%}#enquiry-form{padding:26px}.enquiry-intro h2{font-size:48px}.header-contact{font-size:12px;padding:12px;gap:10px}}
@media(max-width:700px){header{gap:12px}.header-contact{display:inline-flex;font-size:11px;padding:10px 12px;min-height:44px;border-radius:24px}.header-contact span{display:none}.menu-toggle{padding:10px;font-size:12px}.enquiry-layout{grid-template-columns:1fr;padding:52px 0;gap:34px}.enquiry-intro h2{font-size:clamp(42px,11vw,64px)}.enquiry-intro>p:not(.eyebrow){font-size:16px}.enquiry-intro .contact-email{width:100%;justify-content:space-between;font-size:17px}#enquiry-form{padding:24px 20px}.form-heading h3{font-size:25px}#enquiry-form .enquiry-submit{font-size:16px}.enquiry-intro{padding:0}.enquiry-intro>.eyebrow{margin-bottom:20px}}
.branding-feature{transform:rotate(-2deg)}.branding-feature .film-cover{aspect-ratio:4/5}.branding-feature .film-cover img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:42% center}.branding-feature figcaption{font-size:14px;font-weight:600}.branding-reel video,.reel-section video{aspect-ratio:2048/858;object-fit:contain}.player-mount video{display:block;width:100%;height:100%;object-fit:contain;background:black}.brand-work-card:nth-child(2n){margin-top:65px}.path-card h2{font-size:clamp(32px,4.1vw,64px)}@media(max-width:700px){.branding-feature .film-cover{aspect-ratio:4/3}.brand-work-card:nth-child(2n){margin-top:0}.path-card h2{font-size:clamp(30px,8.5vw,48px)}}
