/* Three independently composed heroes. The shared homepage begins below them. */
.direction-b.hero-study .site-nav{padding-inline:6%;height:104px;color:#f9f5fc}
.direction-b.hero-study .site-nav .brand{width:154px}
.direction-b.hero-study .site-nav>nav a{color:inherit}
.direction-b.hero-study .study-hero{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:850px;padding:174px 6% 90px;display:flex;align-items:center}
.study-hero h1{margin:0;text-shadow:none;filter:none;max-width:none}
.study-hero h1>span{-webkit-text-fill-color:currentColor;background:none;background-clip:border-box;display:block;color:inherit}
.study-hero .opening{font-size:24px;font-weight:450;letter-spacing:-.035em;line-height:1.4;margin-bottom:24px}
.study-actions{margin-top:35px;position:relative;z-index:2}
.hero-study .hero-logo-button{width:154px;height:60px}
.hero-study .hero-logo-button img{width:106px}
.hero-study .direction-switch{position:fixed;z-index:50;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;background:#fffef9f5;border:1px solid #e5dbe8;box-shadow:0 5px 25px #211a2714;border-radius:9px;color:#53455b;font-size:10px;white-space:nowrap;backdrop-filter:blur(12px)}
.direction-switch a{padding:10px 12px;border-radius:5px;transition:background .2s}
.direction-switch a:hover{background:#f1e8f5}
.direction-switch a[aria-current]{background:#762d82;color:white}
.direction-switch span{opacity:.65;margin-right:5px;font-size:9px}
.direction-switch .compare-return{margin-right:4px;border-right:1px solid #e5dbe8;border-radius:0;font-weight:600}
.enquiry-open .direction-switch,.is-embedded .direction-switch{display:none}
/* 01 / A warm editorial spread: people beside the message, never behind it. */
.direction-b.study-human .study-hero{background:#f7f5f1;color:#302936;gap:3%;padding-top:170px;padding-bottom:110px}
.direction-b.study-human .site-nav{color:#524658}
.direction-b.study-human .site-nav .nav-cta{--cta-ink:#5d3168;color:#5d3168;--cta-fill:#ffffff60;--cta-hover:#fff;--cta-border:#762d8233;box-shadow:none}
.direction-b.study-human .site-nav :focus-visible{outline-color:#762d82}
.editorial-copy{width:54%;position:relative;z-index:2}
.direction-b.study-human .study-hero h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(42px,4.65vw,72px);line-height:1.11;letter-spacing:-.055em;font-weight:500}
.direction-b.study-human .study-hero .opening{font-size:24px;letter-spacing:-.035em;color:#69606c;margin-bottom:27px}
.direction-b.study-human .study-hero .editorial-accent{color:#762d82}
.study-human .hero-logo-button{background:linear-gradient(135deg,#fff9,#eee5f066);border-color:#762d8233;box-shadow:inset 0 1px #fff,0 5px 18px #47304c08}
.study-human .hero-logo-button:hover{box-shadow:0 8px 24px #47304c12;border-color:#762d8266}
.study-human .hero-logo-button:focus-visible{outline-color:#762d82}
.editorial-images{position:relative;width:43%;height:520px;margin-top:18px}
.editorial-images figure{margin:0}
.editorial-people{position:absolute;inset:5% 0 0 0;height:365px}
.editorial-people img{width:100%;height:100%;object-fit:cover;object-position:center 42%;border-radius:2px}
.editorial-images figcaption{font-size:9px;line-height:1.5;color:#776b7e;letter-spacing:.005em;margin-top:11px}
.editorial-work{position:absolute;width:49%;height:180px;left:-12%;top:59%;border:9px solid #f7f5f1;box-sizing:content-box}
.editorial-work img{width:100%;height:100%;object-fit:cover;border-radius:1px}
.editorial-work figcaption{max-width:170px}
.editorial-people figcaption{text-align:right}
.editorial-dot{position:absolute;right:9%;bottom:4%;width:34px;height:34px;border-radius:50%;background:#762d82}
/* 02 / One typographic gesture, one brand colour. */
.direction-b.study-type .study-hero{background:#762d82;color:#fff8ff;padding-top:162px;padding-bottom:105px;min-height:850px}
.type-composition{width:100%;position:relative}
.direction-b.study-type .study-hero h1{font-family:Archivo,Arial,sans-serif;font-size:clamp(80px,8.55vw,135px);font-weight:650;letter-spacing:-.062em;line-height:.99}
.direction-b.study-type .study-hero .opening{font-family:Montserrat,Arial,sans-serif;font-size:24px;font-weight:450;letter-spacing:-.035em;line-height:1.4;margin-bottom:34px;color:#f3dcf7}
.type-business{margin-left:8%}
.direction-b.study-type .study-hero .type-digital{font-size:.57em;line-height:1.15;margin-top:20px;margin-left:8%;font-weight:450;color:#e1b7ea;letter-spacing:-.04em}
.type-possibilities{margin-left:8%}
.type-composition .study-actions{position:absolute;top:2px;right:0;margin:0}
.study-type .hero-logo-button{background:linear-gradient(130deg,#fff2,#ffffff07);border-color:#f3d8fa66;box-shadow:inset 0 1px #ffffff3b,0 9px 25px #4d19561c}
.study-type .site-nav .nav-cta{--cta-fill:#ffffff0a;--cta-hover:#ffffff20;--cta-border:#eed2f355;box-shadow:none}
/* 03 / Two slow, sculptural forms sharing space. */
.direction-b.study-connection .study-hero{background:#19141e;color:#fff;padding-top:187px;padding-bottom:360px;justify-content:center;align-items:flex-start;min-height:850px}
.connection-copy{position:relative;z-index:2;text-align:center;width:100%;max-width:1100px}
.direction-b.study-connection .study-hero h1{font-family:Montserrat,Arial,sans-serif;font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.16;letter-spacing:-.045em}
.connection-copy .study-actions{margin-top:32px}
.connection-art{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 75%,#4e285b30,transparent 56%)}
.connection-art svg{display:block;width:100%;height:100%}
.form-left{animation:meet-left 14s ease-in-out -3s infinite alternate;transform-origin:660px 650px}
.form-right{animation:meet-right 14s ease-in-out -3s infinite alternate;transform-origin:800px 590px}
.connection-halo{animation:shared-light 14s ease-in-out -3s infinite alternate}
@keyframes meet-left{from{transform:translate(-47px,20px) rotate(-5deg)}to{transform:translate(32px,-7px) rotate(4deg)}}
@keyframes meet-right{from{transform:translate(47px,-14px) rotate(4deg)}to{transform:translate(-32px,10px) rotate(-3deg)}}
@keyframes shared-light{from{opacity:.36}to{opacity:.9}}
.motion-paused .connection-art *{animation-play-state:paused}
@media(min-width:1600px){.direction-b.hero-study .study-hero{padding-inline:max(6%,calc((100vw - 1450px)/2))}.direction-b.hero-study .site-nav{padding-inline:max(6%,calc((100vw - 1450px)/2))}}
@media(min-width:761px) and (max-width:1100px){
 .direction-b.hero-study .study-hero{min-height:820px}
 .editorial-images{height:430px;width:43%}.editorial-people{height:290px}.editorial-work{height:140px;top:61%}.editorial-dot{bottom:2%}
 .direction-b.study-human .study-hero h1{font-size:4.7vw}.direction-b.study-human .study-hero .opening{font-size:20px}
 .direction-b.study-type .study-hero h1{font-size:9.1vw}.direction-b.study-type .study-hero{padding-top:200px}
 .direction-b.study-connection .study-hero{padding-top:205px}.connection-art svg{width:140%;max-width:none;margin-left:-20%}
}
@media(max-width:760px){
 .direction-b.hero-study .site-nav{height:84px;padding-inline:7%}.direction-b.hero-study .site-nav .brand{width:132px}
 .direction-b.hero-study .study-hero{display:block;min-height:844px;padding:133px 7% 90px}
 .direction-b.hero-study .site-nav .nav-cta{display:none}
 .direction-b.study-human .menu-toggle{color:#594260;border-color:#762d8230;background:transparent;box-shadow:none}
 .direction-b.study-human .site-nav .mobile-nav:not([hidden]){background:#faf8f4;color:#49354f;border-color:#dacddf}
 .direction-b.study-human .mobile-nav a{color:#49354f!important;border-color:#dacddf!important}
 .study-actions{margin-top:27px}.hero-study .hero-logo-button{width:140px;height:54px}.hero-study .hero-logo-button img{width:99px}
 .editorial-copy{width:100%}.direction-b.study-human .study-hero{padding-top:125px;padding-bottom:84px}
 .direction-b.study-human .study-hero h1{font-size:clamp(35px,9.6vw,60px);line-height:1.12;letter-spacing:-.05em}
 .direction-b.study-human .study-hero .opening{font-size:17px;margin-bottom:18px}
 .editorial-images{width:91%;height:292px;margin:44px 0 0 auto}.editorial-people{height:224px;inset:0 0 auto 0}.editorial-work{height:95px;width:40%;top:58%;left:-12%;border-width:6px}.editorial-images figcaption{font-size:7px;margin-top:8px}.editorial-work figcaption{max-width:120px}.editorial-dot{width:23px;height:23px;right:5%;bottom:1%}
 .direction-b.study-type .study-hero{padding-top:174px;min-height:844px}
 .direction-b.study-type .study-hero h1{font-size:clamp(37px,10.7vw,77px);font-weight:650;line-height:1.06}
 .direction-b.study-type .study-hero .opening{font-size:19px;margin-bottom:40px}.type-business,.type-possibilities{margin-left:0}
 .direction-b.study-type .study-hero .type-digital{font-size:.72em;line-height:1.15;margin-left:0;margin-top:33px;margin-bottom:3px}
 .type-composition .study-actions{position:static;margin-top:55px}
 .direction-b.study-connection .study-hero{padding-top:161px;padding-bottom:350px;min-height:844px}
 .direction-b.study-connection .study-hero h1{font-size:clamp(28px,7.5vw,46px);line-height:1.18;letter-spacing:-.04em;text-wrap:balance}.connection-copy h1 br{display:none}
 .connection-copy .study-actions{margin-top:30px}.connection-art svg{position:absolute;width:165%;max-width:none;height:auto;aspect-ratio:1440/850;left:50%;bottom:155px;margin:0;transform:translateX(-50%)}
 .hero-study .direction-switch{max-width:calc(100% - 24px);gap:2px;bottom:10px;font-size:9px;padding:4px}.direction-switch a{padding:10px 9px}.direction-switch a:not(.compare-return){font-size:0}.direction-switch a span{font-size:11px;margin:0;opacity:1}.direction-switch .compare-return{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.connection-art *{animation:none!important}.hero-study .hero-logo-button{transition:none}}