:root{--home-blue:#003E8F;--brown:#4F3B15;--ochre:#8F5E01;--navy:#14243A;--gold:#FFD482;--ice:#ADD0FF}
body,.scene{background:var(--navy)}
header .logo{filter:none;opacity:1;width:clamp(105px,8.5vw,155px);height:auto}
.cover .cover-brand{gap:15px}.cover header .agency-label{color:var(--gold);font-size:clamp(11px,.95vw,16px);text-shadow:0 1px 10px #14243a}
.cover-shade{background:linear-gradient(180deg,#14243a80,transparent 35%,#14243a20 52%,#14243ae0),linear-gradient(90deg,#14243a70,transparent 72%)}
.cover-copy p,.feature-intro{color:var(--gold)}
.feature-shade{background:linear-gradient(180deg,#14243a80,transparent 32%,#14243a20 45%,#14243aeb)}
.overview{background:var(--home-blue)}
.overview .eyebrow{color:var(--ice)}
.area-links button{border-top-color:#add0ff66}.area-links button>span{color:var(--ice);opacity:1}.area-links em{color:var(--gold)}
.area-links button:hover{color:var(--gold)}
.team{background:linear-gradient(115deg,var(--navy) 0%,var(--navy) 46%,var(--home-blue) 100%)}
.team-title .eyebrow{color:var(--ice)}.team-list li{border-color:#add0ff50}.team-list span{color:var(--ice)}
.services-shade{background:linear-gradient(180deg,#14243a88,transparent 25%,#14243a70 44%,#14243add 71%,var(--navy))}
.service-list article{border-top:2px solid var(--ochre)}.service-list h3{color:var(--gold)}.service-list p{color:#fff}
.process-shade{background:linear-gradient(90deg,#14243ac9,#14243a65),linear-gradient(0deg,#14243aee,transparent)}
.process-steps article{border-top-color:var(--ochre)}.process-steps span{color:var(--gold)}.process-steps p{color:var(--ice)}
.contact-shade{background:linear-gradient(90deg,#14243aeb,#14243a40),linear-gradient(0deg,var(--navy),transparent)}
.contact .email{color:var(--gold)}.contact-links{color:var(--ice)}
.brand .concept-shade{background:linear-gradient(90deg,#003e8f30,transparent 57%)}
.digital .concept-shade{background:linear-gradient(90deg,#14243a40,transparent 57%)}
.concept .eyebrow{color:var(--gold)}
.play-film{border-bottom-color:var(--gold);color:var(--gold)}.play-film:hover{border-bottom-color:var(--ice);color:var(--ice)}
.controls{background:#14243ae8;padding:5px 12px;bottom:2.5%;right:3%;color:#fff}
.chapters button{opacity:.8}.chapters button[aria-current]{color:var(--gold);border-color:var(--gold);opacity:1}
.control-actions>button,#counter{opacity:.85}.scene-note{color:var(--ice)}
body::after{background:var(--gold)}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:700px){
 header .logo{width:103px}.split-work header .logo{width:87px}.cover header .agency-label{font-size:11px}
 .cover-shade{background:linear-gradient(180deg,#14243a88,transparent 35%,#14243a55 58%,var(--navy))}
 .feature-shade{background:linear-gradient(180deg,#14243a88,transparent 25%,#14243a80 50%,#14243aee)}
 .brand .concept-shade{background:linear-gradient(0deg,#003e8ff2,#003e8fd9 32%,transparent 78%)}
 .digital .concept-shade{background:linear-gradient(0deg,#14243af2,#14243ad9 32%,transparent 78%)}
 .controls{left:4%;right:4%;bottom:2%;padding:4px 9px}.scene .scene-note{bottom:14%}
 .team h2{word-spacing:.12em}
}

/* Full vector artwork at a readable physical size; no image filtering. */
header .logo{width:clamp(160px,12.5vw,220px);height:auto;filter:none!important;opacity:1;image-rendering:auto}.cover header .logo{width:clamp(178px,14vw,245px)}
@media(max-width:700px){header .logo{width:136px}.cover header .logo{width:150px}.split-work header .logo{width:126px}}

/* Added portfolio films; vertical compositions retain their entire frame. */
.new-project .feature-bottom{display:block}.film-actions{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:14px}.new-project .play-film{font-size:13px}.new-project h2{font-size:clamp(72px,8vw,148px)}.portrait-project .feature-film{left:43%;bottom:9%;top:4%;right:4%}.portrait-project .loop{object-fit:contain}.portrait-project .feature-copy{width:48%;bottom:25%}.portrait-project h2{font-size:clamp(64px,6.4vw,120px)}.portrait-project>.feature-shade{background:linear-gradient(90deg,#14243a 0%,#14243a 30%,transparent 61%)}
@media(max-width:700px){.new-project .feature-copy{bottom:24%;width:88%}.new-project h2{font-size:18vw}.film-actions{gap:5px 20px;margin-top:10px}.new-project .play-film{font-size:11px;padding:9px 0}.portrait-project .feature-film{left:0;right:0;top:0;bottom:20%}.portrait-project .loop{object-fit:contain;object-position:50% 0%}.portrait-project>.feature-shade{background:linear-gradient(0deg,#14243a 15%,#14243add 34%,transparent 75%)}.portrait-project .feature-copy{left:6%;width:88%;bottom:23%}.portrait-project h2{font-size:18vw}}
@media(max-width:700px){.portrait-project>.feature-shade{background:linear-gradient(0deg,#14243a 15%,#14243add 34%,transparent 75%),linear-gradient(180deg,#14243abf,transparent 25%)}}

/* CUPRA: three portrait films share the same screen. */
.cupra-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.cupra-triptych .loop{display:block;width:100%;height:100%;object-fit:cover}.cupra-project .feature-copy{width:90%}
@media(max-width:700px){.cupra-triptych{display:grid;top:16%;bottom:40%;height:auto}.cupra-triptych video,.cupra-triptych video:nth-child(2){display:block;width:100%;height:100%;object-fit:cover}.cupra-project>.feature-shade{background:linear-gradient(0deg,#14243a 20%,transparent 65%),linear-gradient(180deg,#14243a,transparent 25%)}.cupra-project .feature-copy{bottom:22%;width:88%}}

/* Full-screen GS Para and a film-led travel gallery. */
.gs-fullscreen .feature-copy{width:90%}.gs-fullscreen h2{font-size:clamp(64px,7.2vw,130px)}
.travel-project{background:#14243a}.travel-gallery{inset:22% 4.2% 30%;display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:16px;background:transparent}.travel-gallery .loop{object-fit:cover;display:block}.travel-project>.feature-shade{display:none}.travel-project .feature-copy{bottom:15%;width:91.6%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:0 30px}.travel-project .feature-intro{display:none}.travel-project h2{font-size:clamp(56px,6vw,100px);margin:0}.travel-project .feature-bottom{padding-bottom:8px}.travel-project .feature-bottom p{font-size:13px;color:#add0ff}.travel-project .film-actions{margin-top:3px}
@media(max-width:700px){.gs-fullscreen h2{font-size:18vw}.travel-gallery{inset:19% 6% 39%;gap:7px;grid-template-columns:1fr 1.18fr 1fr}.travel-gallery video,.travel-gallery video:nth-child(2){display:block;width:100%;height:100%;object-fit:cover}.travel-project .feature-copy{left:6%;width:88%;bottom:20%;display:block}.travel-project h2{font-size:17vw;margin-bottom:12px}.travel-project .feature-bottom{padding:0}.travel-project .film-actions{margin-top:4px}}