/* Qlevel motion direction: quiet entrances, clear interaction, preserved reading. */
html{scroll-padding-top:105px}
.site-header{position:fixed;gap:24px;transition:height .45s var(--ease),background .35s,border-color .35s,box-shadow .35s;z-index:80}
.site-header nav{margin-left:auto}
.site-header.is-scrolled{height:76px;background:#0f133ef5;border-color:#ffffff18;box-shadow:0 8px 32px #05071a12;backdrop-filter:blur(16px)}
.site-header nav>a{position:relative}
.site-header nav>a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:#f2a4cf;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}
.site-header nav>a:hover:after,.site-header nav>a[aria-current]:after{transform:scaleX(1)}
.site-motion{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #ffffff38;border-radius:50%;color:white;background:transparent;transition:background .25s,border-color .25s;font-size:13px}
.site-motion:hover{background:#ffffff12;border-color:#ffffff88}
.hero .line{padding-bottom:.15em;margin-bottom:-.15em}
.hero-media{transform:translateY(var(--hero-drift,0px)) scale(1.045);transform-origin:50% 50%}
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),background .35s,box-shadow .35s}
.button:hover{box-shadow:0 8px 24px #05071a18}
.button>span[aria-hidden]{transition:transform .4s var(--ease)}
.button:hover>span[aria-hidden],.button:focus-visible>span[aria-hidden]{transform:translate(3px,-3px)}
.word-mask{display:inline-block;vertical-align:top;padding-bottom:.16em;margin-bottom:-.16em;overflow:hidden}
.word-rise{display:inline-block;transform:none}
.motion-ready .editorial-title:not(.motion-seen) .word-rise{transform:translateY(116%)}
.motion-ready .editorial-title.motion-seen .word-rise{transition:transform .95s var(--ease);transition-delay:var(--word-delay,0ms)}
.motion-ready .editorial-title.reveal{opacity:1;transform:none}
.motion-ready .people-image,.motion-ready .candidate-visual,.motion-ready .social-image{transition:clip-path 1.15s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .people-image:not(.motion-seen),.motion-ready .candidate-visual:not(.motion-seen),.motion-ready .social-image:not(.motion-seen){clip-path:inset(8% 0 8% 0)}
.motion-ready .people-image.motion-seen,.motion-ready .candidate-visual.motion-seen,.motion-ready .social-image.motion-seen{clip-path:inset(0)}
.motion-ready .client-grid>div{transition:opacity .7s,transform .8s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .client-grid>div:not(.motion-seen){opacity:0;transform:translateY(15px)}
.proof-grid article,.office-card{position:relative;border-top-color:transparent}
.proof-grid article:before,.office-card:before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:#c9c7d2;transform-origin:left;transition:transform 1s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .proof-grid article:not(.motion-seen):before,.motion-ready .office-card:not(.motion-seen):before{transform:scaleX(0)}
.brand-strip>.strip-track{display:flex;gap:0;padding:0;width:max-content;animation:brand-flow 32s linear infinite}
.brand-strip .strip-sequence{display:flex;align-items:center;gap:4vw;min-width:100vw;padding:0 2vw;justify-content:space-around;flex-shrink:0}
.brand-strip:hover .strip-track,.brand-strip:focus-within .strip-track{animation-play-state:paused}
.service-choice{position:relative;isolation:isolate;overflow:hidden}
.service-choice:before{content:'';position:absolute;inset:0;background:#e6007e06;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease);z-index:-1}
.service-choice:hover:before,.service-choice:focus-visible:before{transform:scaleX(1)}
.service-choice>strong{transition:transform .4s var(--ease)}
.service-choice:hover>strong{transform:translateX(6px)}
.service-symbol{width:76px;height:auto;opacity:.85;transition:transform .55s var(--ease)}
.service-panel.is-changing .service-symbol{animation:symbol-settle .65s var(--ease)}
.faq-list details[open]>p{animation:answer-in .4s var(--ease)}
.faq-list summary>span{transition:transform .35s var(--ease)}
.contact-arrow>span{transition:transform .4s var(--ease)}
.contact-arrow:hover>span{transform:translate(5px,-5px)}
.copy-email{display:flex;align-items:center;gap:15px;background:none;border:0;border-bottom:1px solid #ffffff50;color:white;font-size:11px;padding:10px 0;margin-top:8px;min-height:44px}
.copy-status{display:block;min-height:20px;margin-top:5px;font-size:11px;color:white}
.candidate-visual.has-media{min-height:640px}
.candidate-video{transition:opacity .6s ease}
.candidate-motion{min-height:44px}
.social-card:focus-visible .social-image>img{transform:scale(1.035)}
@keyframes brand-flow{to{transform:translateX(-50%)}}
@keyframes symbol-settle{from{opacity:.25;transform:translateY(10px)}to{opacity:.85;transform:none}}
@keyframes answer-in{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
.motion-paused .word-rise{transform:none!important;transition:none!important}
.motion-paused .people-image,.motion-paused .candidate-visual,.motion-paused .social-image{clip-path:none!important;transition:none!important}
.motion-paused .client-grid>div{opacity:1!important;transform:none!important}
.motion-paused .proof-grid article:before,.motion-paused .office-card:before{transform:none!important}
.motion-paused .hero-media{transform:none}
.motion-paused .service-panel-copy,.motion-paused .service-symbol,.motion-paused .faq-list details>p{animation:none!important;opacity:1!important;transform:none!important}
@media(min-width:761px) and (max-width:1050px){.candidate-visual.has-media{min-height:0}}
@media(max-width:1050px){.site-header{gap:18px}.site-header nav{gap:20px}.site-header .nav-contact{min-width:90px;margin-left:0}.site-header .brand{width:130px}}
@media(max-width:760px){html{scroll-padding-top:90px}.site-header{gap:20px}.site-header.is-scrolled{height:72px}.site-header nav{top:84px;margin-left:0}.site-header.is-scrolled nav{top:71px}.site-motion{margin-left:auto;width:44px;height:44px}.menu-toggle{min-height:44px}.site-header nav>a:after{display:none}.hero-media{transform:none}.candidate-visual.has-media{min-height:0}.brand-strip .strip-sequence{min-width:560px;gap:30px;padding:0 15px}.brand-strip>.strip-track{font-size:8px}.copy-email{font-size:11px}.copy-status{font-size:10px}.word-mask{max-width:100%}}
@media(prefers-reduced-motion:reduce){.word-rise{transform:none!important}.people-image,.candidate-visual,.social-image{clip-path:none!important}.client-grid>div{opacity:1!important;transform:none!important}.proof-grid article:before,.office-card:before{transform:none!important}.hero-media{transform:none!important}.strip-track{animation:none!important}}
@media print{.site-header{position:relative}.site-motion,.copy-email,.copy-status{display:none}.word-rise{transform:none!important}.client-grid>div{opacity:1!important;transform:none!important}.people-image,.candidate-visual,.social-image{clip-path:none!important}.strip-track{animation:none!important}}

/* Sector arrows represent a real next action: a pre-addressed industry enquiry. */
.sector-row h3,.sector-row>span:last-child{transition:transform .35s var(--ease),color .35s}
.sector-row:hover h3,.sector-row:focus-visible h3{transform:translateX(6px);color:var(--pink)}
.sector-row:hover>span:last-child,.sector-row:focus-visible>span:last-child{transform:translate(3px,-3px);color:var(--pink)}
.sector-row:focus-visible{outline-offset:3px}
