/* Client feedback, 15 October: one logo, brand pink, calmer opening. */
:root{--signature-pink:#df0052;--signature-pink-ink:#b80043}
body:has(.signature-client-version) ::selection,.client-category ::selection,.client-service-page ::selection{background:#df0052;color:#fffdfa}
.signature-client-version header{justify-content:center!important}
.signature-client-version header>a:last-child{position:absolute;right:clamp(16px,3vw,40px)}
.signature-client-version .client-stationary-logo{cursor:default;pointer-events:none;transform:none!important;transition:none}
.signature-client-version .client-stationary-logo img{transform:none!important;transition:none}
.client-logo-lockup{position:relative;display:block;container-type:inline-size;line-height:0}
.client-logo-lockup>img{display:block;width:100%;height:auto}
.client-logo-established{position:absolute;right:16%;bottom:22%;color:#191714;font:700 4.7cqw/1 'Jost',sans-serif;letter-spacing:0;white-space:nowrap}
.signature-client-version .client-intro-centre>.client-logo-lockup{width:clamp(140px,17vw,200px);margin:0 auto}
.signature-client-version #top .signature-brand-tagline{font-size:clamp(30px,3.2vw,47px)!important;line-height:1.04;white-space:normal;max-width:460px}
.signature-client-version #top .signature-brand-tagline>span{display:block}
.signature-client-version #top .signature-brand-tagline em{display:block;color:var(--signature-pink-ink)}
.client-hero-provenance{display:flex;align-items:center;justify-content:center;width:min(100%,440px);gap:20px;margin-top:24px;pointer-events:auto;color:#5f584e}
.client-hero-provenance>span{font:400 11px/1.4 'Jost',sans-serif;letter-spacing:.06em}
.client-feedback-socials{display:flex;align-items:center;gap:20px}
.client-feedback-socials a{display:grid;place-items:center;flex:none;width:64px;height:64px;padding:0;line-height:0;color:#191714;border-radius:50%;transition:color .2s,background .2s}
.client-feedback-socials a>svg{display:block;width:40px;height:40px}
.client-feedback-socials a[aria-label="Signature on Facebook"]>svg{transform:translateY(1px)}
.client-feedback-socials a:hover{color:#b80043;background:#df00520a}
.signature-client-version .client-feedback-socials a:focus-visible,.client-intro-footer button:focus-visible{outline:2px solid #b80043;outline-offset:3px}
.signature-client-version .client-pink-swatch{background:var(--signature-pink)}
.signature-client-version .client-atmosphere button[aria-label="Signature pink lighting"][aria-pressed=true]{background:var(--signature-pink);border-color:var(--signature-pink);color:#fffdfa}
.signature-client-version .client-atmosphere button[aria-label="Signature pink lighting"][aria-pressed=true] .client-pink-swatch{background:#fffdfa}
.signature-client-version .signature-story-copy h2 em,.signature-client-version .client-services-heading h2 em,.signature-client-version .client-decor .client-world-copy h3 em{color:var(--signature-pink-ink)}
.signature-client-version #services .client-decor>div{background:var(--client-paper)}
.signature-client-version .client-decor .client-button,.client-category:not(.client-production-page) .client-button,.client-service-page:not(.client-production-page) .service-cta-panel .service-button{background:var(--signature-pink);color:#fffdfa!important}
.signature-client-version .client-decor .client-button>span,.client-category:not(.client-production-page) .client-button>span{background:#fffdfa;color:var(--signature-pink-ink)}
.signature-client-version .client-decor .client-button:hover,.client-category:not(.client-production-page) .client-button:hover{background:#bd0046}
.client-category:not(.client-production-page) .client-category-hero h1 em,.client-category:not(.client-production-page) .client-category-cross h2 em,.client-category:not(.client-production-page) .client-catalog-heading h2{color:var(--signature-pink-ink)}
.signature-client-version footer nav>a{display:inline-flex;align-items:center;gap:8px}
.signature-client-version .client-feedback-intro{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;justify-content:space-between;padding:28px clamp(20px,4vw,56px);background:#e1d9cd;color:#191714;cursor:auto}
.client-intro-location{font:400 10px/1.4 'Jost',sans-serif;letter-spacing:.14em;color:#5f584e}
.client-intro-centre{text-align:center;margin:auto 0}
.client-intro-centre>.client-feedback-socials{justify-content:center;margin-top:28px}
.client-intro-centre .client-logo-lockup{isolation:isolate}
.client-intro-centre .client-logo-lockup>img{animation:client-logo-ink 1.1s .25s cubic-bezier(.16,1,.3,1) both}
.client-intro-centre .client-logo-established{animation:client-logo-date .3s 1.2s ease-out both}
.client-intro-frame{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}
.client-intro-frame path{animation:client-logo-frame 1.5s cubic-bezier(.2,.7,.2,1) both}
.signature-client-version .client-intro-centre>img{width:clamp(140px,17vw,200px);height:auto;filter:none}
.client-intro-line{margin-top:22px;font:300 clamp(42px,5.4vw,78px)/1.04 'Cormorant Garamond',serif;letter-spacing:-.02em}
.client-intro-line>span,.client-intro-line>em{display:block;animation:client-intro-words .7s cubic-bezier(.16,1,.3,1) both}
.client-intro-line>span{animation-delay:.95s}
.client-intro-line>em{color:var(--signature-pink-ink);animation-delay:1.45s}
.client-intro-centre>p{font:400 11px/1.5 'Jost',sans-serif;letter-spacing:.08em;color:#5f584e;margin:24px 0 0}
.client-intro-footer{display:flex;align-items:center;justify-content:flex-end;gap:16px}
.client-intro-footer>button{display:flex;align-items:center;gap:18px;min-height:44px;padding:8px 0 8px 18px;background:none;border:0;color:#191714;font:400 11px 'Jost',sans-serif;letter-spacing:.1em;cursor:pointer}
@keyframes client-intro-words{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes client-logo-ink{from{clip-path:inset(0 100% 0 0);opacity:.35}to{clip-path:inset(0 0 0 0);opacity:1}}
@keyframes client-logo-frame{0%{stroke-dashoffset:2194;opacity:1;stroke:#b80043}55%{stroke-dashoffset:0;opacity:1;stroke:#191714}85%{stroke-dashoffset:0;opacity:1;stroke:#191714}100%{stroke-dashoffset:0;opacity:0;stroke:#191714}}
@keyframes client-logo-date{from{opacity:0}to{opacity:1}}
@media(min-width:960px){
 .signature-client-version #top .signature-hero-copy{padding-top:clamp(120px,15vh,144px)!important}
 .signature-client-version #top .signature-hero-copy>div:first-child{padding-bottom:0!important;container-type:size}
 .signature-client-version #top .client-stationary-logo{width:min(90cqw,calc((100cqh - 230px)*.95),440px)}
 .signature-client-version #top .signature-brand-tagline{font-size:clamp(34px,3.6vw,56px)!important;max-width:100%}
 .signature-client-version .client-atmosphere{bottom:202px}
 .client-atmosphere>div:last-child{gap:6px}
 .client-atmosphere button{padding-inline:11px}
}
@media(max-width:959px){
 .signature-client-version header{justify-content:space-between!important;min-height:44px}
 .signature-client-version .signature-mobile-menu{margin-left:0!important;margin-right:auto}
 .signature-client-version #top .signature-hero-copy{padding-top:96px!important}
 .signature-client-version[data-hero-mode=study] .signature-brand-interaction{width:125px}
 .signature-client-version #top .signature-brand-tagline{font-size:29px!important;line-height:1.05;max-width:350px}
 .client-hero-provenance{margin-top:8px;gap:18px}
 .client-hero-provenance>span{font-size:10px}
 .client-feedback-socials a{width:56px;height:56px}
 .client-feedback-socials a>svg{width:36px;height:36px}
 .client-intro-centre>.client-feedback-socials{margin-top:20px}
 .signature-client-version[data-hero-mode=study] #top canvas{top:325px!important;bottom:205px!important;height:calc(100% - 530px)!important}
 .signature-client-version[data-hero-mode=study] #top .client-hero-shade{background:linear-gradient(180deg,#e1d9cd 0%,#e1d9cd 370px,#e1d9cd20 420px,transparent 470px,transparent calc(100% - 230px),#e1d9cd calc(100% - 190px))!important}
 .signature-client-version .client-atmosphere{bottom:146px}
 .client-atmosphere>div:last-child{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
 .client-atmosphere button{font-size:10px;padding:7px 5px;gap:5px}
 .client-atmosphere .client-reveal-event svg{width:12px}
 .signature-client-version #top .client-hero-film{top:325px;bottom:225px;height:calc(100% - 550px)}
 .signature-client-version #top .client-hero-shade{background:linear-gradient(180deg,#e1d9cd 0%,#e1d9cd 370px,#e1d9cd20 420px,transparent 470px,transparent calc(100% - 230px),#e1d9cd calc(100% - 190px))!important}
 .client-real-caption{background:#e1d9cde8;border-radius:12px;padding:10px!important}
 .client-intro-location{font-size:9px;letter-spacing:.07em}
 .signature-client-version .client-intro-centre>img{width:148px}
 .signature-client-version .client-intro-centre>.client-logo-lockup{width:148px}
 .client-intro-line{font-size:44px}
 .client-intro-centre>p{margin-top:20px}
}
@media(prefers-reduced-motion:reduce){.client-feedback-intro{display:none!important}.client-intro-line>span,.client-intro-line>em,.client-intro-centre .client-logo-lockup>img,.client-intro-centre .client-logo-established{animation:none;clip-path:none;opacity:1}.client-intro-frame{display:none}.client-feedback-socials a{transition:none}}

/* Keep a service choice together, including its action, on shorter laptop screens. */
.signature-client-version #services{padding-block:40px!important;scroll-margin-top:24px}
.signature-client-version #services>.client-services-heading{align-items:center;gap:24px!important;margin-bottom:24px!important}
.signature-client-version #services h2{font-size:clamp(40px,4vw,60px)!important;line-height:1.02!important}
.signature-client-version #services h2 br{display:none}
.signature-client-version #services .client-services-heading>p{max-width:340px;font-size:14px;line-height:1.6}
.signature-client-version #services .client-service-world>div{grid-template-rows:clamp(152px,24svh,232px) 1fr!important}
.signature-client-version #services .client-world-copy{padding:24px!important;gap:20px!important}
.signature-client-version #services .client-world-copy h3{font-size:clamp(32px,3vw,42px)!important;margin-bottom:12px}
.signature-client-version #services .client-world-copy p{font-size:14px!important;line-height:1.6!important;margin-bottom:16px}
.signature-client-version #services .client-service-links{gap:8px}
.signature-client-version #services .client-service-links a{min-height:36px;padding:6px 12px}
.signature-client-version #services .client-button{min-height:44px}
.signature-client-version #story.signature-story-compact{padding-block:48px}
.signature-client-version .signature-story-image{height:clamp(320px,50svh,420px)!important}
.signature-client-version .signature-story-copy h2{font-size:clamp(40px,4.4vw,64px);margin-block:16px 20px}
.signature-client-version #films{padding-block:48px!important}
.signature-client-version #films h2{font-size:clamp(40px,4.4vw,64px)!important}
.signature-client-version #films .signature-film-track>button,.signature-client-version #films .signature-film-track>a{height:clamp(240px,38svh,340px)!important}
.signature-client-version [data-screen-label=FAQ]{padding-block:48px!important}
@media(min-width:960px) and (max-height:760px){
 .signature-client-version #services{padding-block:32px!important}
 .signature-client-version #services .client-world-copy{padding:20px!important;gap:16px!important}
 .signature-client-version #services .client-services-heading>p{max-width:300px}
}
@media(max-width:959px){
 .signature-client-version #services{padding-block:32px 40px!important}
 .signature-client-version #services>.client-services-heading{gap:16px!important;align-items:flex-start}
 .signature-client-version #services .client-services-heading>p{max-width:440px}
 .signature-client-version #services .client-service-world>div{grid-template-rows:clamp(168px,24svh,180px) 1fr!important}
 .signature-client-version #services .client-world-copy{padding:20px!important;gap:20px!important}
 .signature-client-version #services .client-service-links a{min-height:40px}
 .signature-client-version #story.signature-story-compact{padding-block:40px}
 .signature-client-version .signature-story-image{height:260px!important}
 .signature-client-version #films{padding-block:40px!important}
 .signature-client-version #films .signature-film-track>button,.signature-client-version #films .signature-film-track>a{height:260px!important}
}