:root{--deep:#111c36;--gold:#e4bc04;--gold-hover:#f2cb18;--gold-ink:#7b6502;--gold-edge:#ab8d03;--paper:#f6f7f9;--pink:#fc017e;--pink-deep:#bd015f}body{background:var(--paper)}.site-header{background:transparent;height:98px;position:absolute;inset:0 0 auto;z-index:50;transition:background .25s,box-shadow .25s}.site-header.is-sticky{position:fixed}.site-header.is-scrolled,.site-header.menu-open{background:rgba(17,28,54,.97);box-shadow:0 1px 0 #ffffff14;backdrop-filter:blur(12px)}.cinema-hero{position:relative;min-height:858px;background:var(--deep);color:#fff;overflow:hidden}.cinema-scenes,.cinema-scene,.cinema-shade{position:absolute;inset:0}.cinema-scene{opacity:0;transition:opacity 1.8s ease}.cinema-scene.is-active{opacity:1}.cinema-scene img{height:100%;width:100%;object-fit:cover;object-position:center 47%;transform:scale(1.05);animation:ocean-drift 20s ease-in-out infinite alternate}.cinema-scene:first-child img{object-position:65% 47%}.cinema-shade{background:linear-gradient(90deg,rgba(11,24,44,.94) 0%,rgba(11,24,44,.62) 45%,rgba(11,24,44,.08) 100%),linear-gradient(0deg,rgba(11,24,44,.8),transparent 40%)}.cinema-content{position:relative;padding-top:172px;padding-bottom:140px}.cinema-content h1{font-size:clamp(4.4rem,7.1vw,7.2rem);line-height:1.02;letter-spacing:-.05em;margin:25px 0 25px;max-width:920px}.cinema-content h1 em{color:var(--gold);font-weight:400}.cinema-intro{font-size:18px;line-height:1.7;color:#dae2eb;margin-bottom:31px}.scene-controls{position:absolute;bottom:32px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:36px}.scene-selectors{display:flex;gap:24px;max-width:620px;flex:1}.scene-choice{background:none;border:0;border-top:1px solid #ffffff60;padding:16px 0 0;min-width:120px;flex:1;text-align:left;font-size:14px;color:#d3dce6;cursor:pointer;position:relative}.scene-choice span{font-size:11px;color:#b5c4d1;margin-right:16px}.scene-choice.is-active{border-color:var(--gold);color:var(--gold)}.motion-control{font-size:12px;border:1px solid #ffffff65;color:#fff;background:#0c192c40;padding:8px 15px;cursor:pointer;border-radius:2px}.trust{background:white}.dark,.contact,.closing{background:var(--deep)}.btn-gold{background:var(--gold)}.gold{color:var(--gold)}.footer{background:#0c162b}.motion-paused .cinema-scene img{animation-play-state:paused}@keyframes ocean-drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.09) translateY(-1%)}}
@media(max-width:700px){.site-header{height:82px}.cinema-hero{min-height:812px}.cinema-content{padding-top:137px;padding-bottom:150px}.cinema-content h1{font-size:clamp(3rem,11vw,4.5rem);letter-spacing:-.05em;margin-top:24px}.cinema-intro{font-size:16px;max-width:330px}.cinema-shade{background:linear-gradient(90deg,rgba(11,24,44,.86),rgba(11,24,44,.3)),linear-gradient(0deg,#111c36c9,transparent)}.cinema-scene:first-child img{object-position:66% 50%}.scene-controls{bottom:26px;display:block}.scene-selectors{gap:15px}.scene-choice{min-width:0;font-size:13px}.scene-choice span{margin-right:8px}.motion-control{margin-top:23px}.cinema-content .actions{gap:20px}.nav-links{background:var(--deep)}.cinema-content .eyebrow{letter-spacing:.11em;font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinema-scene img{animation:none!important;transform:none}.cinema-scene{transition:none}}
.motion-expertise{background:#f6f7f9}.motion-expertise-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:stretch}.expertise-visual{margin:0;position:relative;min-height:535px;overflow:hidden;background:#ccd5dd}.expertise-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 1s}.expertise-visual figcaption{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:22px;padding:23px 26px;background:linear-gradient(0deg,#0e1a32e8,#0e1a3260);color:white;font-size:12px;letter-spacing:.04em}.expertise-visual figcaption>span:first-child{font-family:Georgia,serif;font-size:42px;line-height:1}.expertise-accordion{align-self:center}.expertise-item{border-top:1px solid #cfd5e0}.expertise-item:last-child{border-bottom:1px solid #cfd5e0}.expertise-item summary{display:flex;gap:20px;align-items:center;padding:27px 0;cursor:pointer;list-style:none}.expertise-item summary::-webkit-details-marker{display:none}.expertise-item summary h3{font-weight:500;font-size:21px;letter-spacing:-.03em}.expertise-item .service-no{align-self:auto;margin:0;color:#707a8c}.accordion-mark{margin-left:auto;font-size:23px;color:var(--gold-edge)}.expertise-item[open] .accordion-mark{transform:rotate(45deg)}.expertise-item[open] summary{padding-bottom:10px}.expertise-answer{padding:0 0 27px 35px;max-width:450px}.expertise-answer p{font-size:16px;color:#5b677c;margin-bottom:16px}.expertise-answer .text-link{font-size:13px}.motion-impact{overflow:hidden}.motion-impact .section-heading{align-items:flex-end}.rail-controls{display:flex;gap:17px;align-items:center}.rail-button{background:transparent;border:1px solid #66748c;color:#e0e6ee;padding:9px 17px;font-size:12px;cursor:pointer;border-radius:2px}.rail-button:disabled{opacity:.35;cursor:default}.rail-count{font-size:11px;letter-spacing:.1em;color:#a9b8cb;min-width:52px;text-align:center}.work-rail{display:flex;overflow-x:auto;gap:30px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--gold) #21334c;scroll-padding:0;padding-bottom:22px}.journey-card{flex:0 0 calc(50% - 15px);scroll-snap-align:start;min-width:0}.journey-image{display:block;position:relative;height:300px;overflow:hidden;background:#253b56}.journey-image img{height:100%;width:100%;object-fit:cover;transition:transform .65s}.journey-image:hover img,.journey-image:focus-visible img{transform:scale(1.04)}.journey-index{position:absolute;bottom:17px;left:21px;color:white;font-family:Georgia,serif;font-size:35px}.journey-copy{padding:28px 0 14px}.journey-copy .eyebrow{font-size:10px}.journey-copy h3{font:400 32px/1.16 Georgia,serif;letter-spacing:-.025em;max-width:480px;margin:15px 0}.journey-copy>p:not(.eyebrow){color:#bccbda;font-size:15px;max-width:480px;margin-bottom:20px}.journey-copy .text-link{font-size:13px}.motion-impact blockquote{margin-top:34px}.motion-about{display:grid;grid-template-columns:1fr 1fr;background:white;overflow:hidden}.motion-about-image{position:relative;min-height:630px;overflow:hidden}.motion-about-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 50%;transition:transform .9s}.image-caption{position:absolute;left:8%;bottom:40px;font-family:Georgia,serif;color:#fff;font-size:35px;text-shadow:0 2px 8px #0c192c}.motion-about-copy{padding:85px clamp(35px,6vw,100px);align-self:center}.motion-about-copy h2{font-size:clamp(2.4rem,3.4vw,3.7rem);margin:22px 0 26px}.motion-about-copy>p:not(.eyebrow){color:#617088;max-width:500px;font-size:16px}.motion-facts{display:flex;gap:45px;margin:32px 0}.motion-facts strong{display:block;font:35px/1.2 Georgia,serif;color:#172b4b}.motion-facts span{display:block;font-size:12px;color:#68758a;margin-top:8px}.inner-hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#111c36 25%,#111c36e0 60%,#111c3690),url('/assets/deep-ocean-2025.webp') center 50%/cover}.inner-hero>.wrap{position:relative}.related img{transition:transform .7s}.related{overflow:hidden}.story-grid>img{transition:transform .7s}.motion-paused *{animation-play-state:paused!important}.motion-paused .cinema-scene{transition:none}
@media(min-width:1450px){.cinema-content,.scene-controls{max-width:1400px}.cinema-content{padding-top:183px}.cinema-hero{min-height:913px}}
@media(max-width:1000px){.motion-expertise-grid{gap:42px;grid-template-columns:.85fr 1.15fr}.motion-about-copy{padding:55px 36px}.motion-about-image{min-height:590px}.motion-facts{gap:26px}.journey-image{height:250px}.motion-expertise .section-heading p{max-width:320px}}
@media(max-width:700px){.motion-expertise-grid{grid-template-columns:1fr;gap:25px}.expertise-visual{min-height:350px;max-height:350px}.expertise-visual img{object-position:50% 48%}.expertise-visual figcaption{padding:17px 22px}.expertise-item summary{padding:21px 0;gap:15px}.expertise-item summary h3{font-size:19px}.expertise-answer{padding-left:29px}.expertise-answer p{font-size:15px}.motion-impact .section-heading{margin-bottom:30px}.rail-controls{margin-top:25px;justify-content:flex-start}.journey-card{flex-basis:89%}.work-rail{gap:22px}.journey-image{height:280px}.journey-copy h3{font-size:29px}.journey-copy>p:not(.eyebrow){font-size:14px}.motion-about{grid-template-columns:1fr}.motion-about-image{min-height:380px}.motion-about-copy{padding:58px 24px}.motion-about-copy h2{font-size:2.6rem}.motion-facts{gap:35px}.motion-facts strong{font-size:33px}.image-caption{font-size:32px;bottom:30px;left:24px}.inner-hero{background:linear-gradient(90deg,#111c36ee,#111c36a0),url('/assets/deep-ocean-2025.webp') center/cover}}
@media(prefers-reduced-motion:reduce){.expertise-visual img,.journey-image img,.motion-about-image img{transition:none!important}.journey-image:hover img{transform:none}.work-rail{scroll-behavior:auto}}

.scene-controls{visibility:hidden}.cinema-hero.is-enhanced .scene-controls{visibility:visible}

/* Keep the header on the image; reserve space for its fixed navigation. */
.cinema-shade::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,41,.72),transparent 180px)}
.cinema-scene:nth-child(2) img{object-position:center 12%}
.cinema-scene:nth-child(3) img{object-position:center 43%}
.inner-hero{padding-top:168px;background-position:center 20%}
.expertise-visual img[src$="deep-ocean-2025.webp"],.journey-image img[src$="deep-ocean-2025.webp"]{object-position:center 20%}
@media(max-width:700px){.inner-hero{padding-top:130px}.inner-hero h1{font-size:clamp(2.3rem,11.4vw,3.4rem)}.cinema-scene:nth-child(2) img{object-position:60% 24%}.cinema-scene:nth-child(3) img{object-position:58% 45%}}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Enquiry fields use the same accessible controls on desktop and mobile. */
.form-instructions{font-size:13px;color:#c2c9dc;margin-bottom:24px}
.contact select{font:inherit;display:block;width:100%;min-width:0;max-width:100%;margin-top:9px;border:1px solid #67708f;border-radius:2px;background:#16213b;color:#fff;padding:12px;font-size:16px;outline-offset:3px;color-scheme:dark}
.contact select:focus{outline:2px solid var(--gold);border-color:var(--gold)}
.contact select:invalid{color:#c2c9dc}.contact select option{background:#16213b;color:#fff}
.contact .form-pair>*{min-width:0}.form-honeypot{display:none}
.form-availability{font-size:14px;color:#e1d4b8;margin:0 0 24px;max-width:450px}
.form-availability a{text-underline-offset:4px}
#enquiry-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}
.form-feedback[data-state="error"]{color:#ffd5c7}.form-feedback[data-state="success"]{color:#e2e9db}
#form-feedback:focus{outline:2px solid var(--gold);outline-offset:8px}
@media(max-width:700px){.form-instructions{margin-bottom:22px}}

/* Brochure pink is reserved for a few fine accents. */
.cinema-content .text-link,.breadcrumb{text-decoration-color:var(--pink);text-decoration-thickness:2px}
.scene-choice.is-active::before{content:'';position:absolute;top:-1px;left:0;width:28px;height:2px;background:var(--pink);pointer-events:none}
.expertise-item[open] .accordion-mark{color:var(--pink-deep)}
.motion-impact blockquote{position:relative}
.motion-impact blockquote::before{content:'';position:absolute;top:-1px;left:calc(50% - 22px);width:44px;height:2px;background:var(--pink);pointer-events:none}

/* Clean artwork inside identical, lightly outlined client cards. */
.trust-inner{grid-template-columns:1fr;gap:20px}
.trust .eyebrow{max-width:none}
.logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));min-width:0;gap:14px;align-items:stretch}
.client-logo{display:flex;align-items:center;justify-content:center;min-width:0;height:60px;padding:10px 13px;border:1px solid #dce0e7;border-radius:10px;background:#fff}
.logos .client-logo img{display:block;width:100%;height:38px;max-width:140px;object-fit:contain;opacity:1;mix-blend-mode:normal}
@media(max-width:1100px){.logos{grid-template-columns:repeat(4,minmax(0,1fr))}.client-logo{padding:10px 21px}}
@media(max-width:550px){.logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo{padding:10px 18px}}

/* Match the frame to the artwork: full width, with no white side gutters. */
.motion-expertise-grid{grid-template-columns:.8fr 1.2fr}
.expertise-visual{min-height:0;max-height:none;align-self:start;background:var(--deep)}
.expertise-visual img{position:relative;inset:auto;display:block;width:100%;height:auto;aspect-ratio:759 / 1063;object-fit:cover;object-position:center;padding:0}
.expertise-visual figcaption{position:relative;inset:auto;background:var(--deep);font-size:14px}
@media(max-width:1000px){.motion-expertise-grid{grid-template-columns:.85fr 1.15fr}}
@media(max-width:700px){.motion-expertise-grid{grid-template-columns:1fr}.expertise-visual{min-height:0;max-height:none}}

/* Restrained brochure-pink details on Expertise and Impact. */
.motion-expertise .section-heading .eyebrow::before,.motion-impact .section-heading .eyebrow::before,.service-page .inner-hero .eyebrow::before,.impact-page .inner-hero .eyebrow::before{content:'';display:block;width:34px;height:2px;margin-bottom:16px;background:var(--pink)}
.motion-expertise .text-link,.service-page .related .text-link{text-decoration-color:var(--pink-deep);text-decoration-thickness:2px}
.motion-impact .text-link{text-decoration-color:var(--pink);text-decoration-thickness:2px}
.expertise-visual figcaption::before{content:'';position:absolute;left:26px;top:0;width:34px;height:2px;background:var(--pink)}
.impact-page .case-detail{position:relative}
.impact-page .case-detail::before{content:'';position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--pink)}
.service-page .outcome{border-left-color:var(--pink-deep)}

.contact input:disabled,.contact select:disabled,.contact textarea:disabled{opacity:.55;cursor:not-allowed}