body{background:#fafbfd;color:#233444}header{height:106px;background:#fafbfdf2;border-bottom:0;position:sticky;top:0;z-index:10;backdrop-filter:blur(14px);padding:22px 4%}header>.pill{border-radius:35px;padding:16px 28px;font-size:15px}header nav{font-size:13px;gap:27px}.hero{grid-template-columns:1fr 1.1fr;min-height:690px;padding:50px 4% 55px;gap:35px;align-items:center;background:radial-gradient(ellipse at 85% 50%,#eef3f8,transparent 60%)}.hero h1{font-size:clamp(62px,6.1vw,92px);line-height:1.1;letter-spacing:-3.4px;font-weight:400;margin:30px 0}.hero h1 em{color:#526f9c}.hero .lead{font-size:17px;max-width:450px;line-height:1.65;color:#566b7a}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero-art{position:relative;width:100%;max-width:700px;justify-self:end}.hero-art svg{width:100%;height:auto;display:block;overflow:visible}.track{fill:none;stroke-width:58;stroke-linecap:round}.ta{stroke:url(#ribbonA)}.tb{stroke:url(#ribbonB)}.tc{stroke:url(#ribbonC)}.traveller.a{fill:#294e65}.traveller.b{fill:#587ac2}.traveller.c{fill:#fff;stroke:#c9d3df;stroke-width:1}.hero-art button{position:absolute;right:3%;bottom:0;border:1px solid #c4cfd8;background:#fafbfd80;color:#425e74;border-radius:50%;width:30px;height:30px;font-size:11px}.opening{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:12%;padding:85px 7%;background:transparent;position:relative;border-top:1px solid #e3e9ee}.opening h2{font-size:42px;line-height:1.18;letter-spacing:-1.5px}.opening-bottom{display:block}.opening-bottom span{font-size:16px;display:block;line-height:1.7;max-width:600px}.opening .text-link{margin-top:28px}.intro-symbol{width:310px;height:310px;position:relative;justify-self:center;border-radius:50%;background:#eef3f8}.intro-symbol i{position:absolute;border:20px solid #d2dfe9;border-radius:50%;inset:0}.intro-symbol i:nth-child(2){inset:36px;border-color:#a8bdcf}.intro-symbol i:nth-child(3){inset:72px;border-color:#7595b2}.intro-symbol span{position:absolute;inset:95px;background:#f9fbfe;border-radius:50%;display:grid;place-items:center;font-size:65px;color:#426989}.client-section{padding:50px 7% 60px;border-top:1px solid #e0e7ed;border-bottom:1px solid #e0e7ed;background:#fff}.client-heading h2{font-size:30px;line-height:1.2;letter-spacing:-.7px;margin:15px 0}.client-heading{margin-bottom:25px}.client-heading .pill{font-size:12px;padding:12px 22px}.home-logos{grid-template-columns:repeat(4,1fr);gap:15px 40px}.home-logos .logo-tile{border:0;background:none;min-height:85px;padding:10px}.home-logos .logo-tile img{height:60px;max-width:160px;filter:brightness(0);opacity:.73}.home-logos .logo-tile span{display:none}.stories{background:#fafbfd;padding:100px 7% 60px}.story{grid-template-columns:1fr 1.2fr;gap:12%;padding:0;margin-bottom:100px}.story-media{border-radius:50%!important;overflow:hidden;max-width:480px;aspect-ratio:1;position:relative;background:#edf2f7}.story-media video{filter:grayscale(.5) hue-rotate(145deg);mix-blend-mode:multiply;opacity:.8}.story-copy h2{font-size:46px;line-height:1.18;letter-spacing:-1.4px;margin:25px 0}.story-copy p:not(.eyebrow){max-width:440px;font-size:17px;line-height:1.7}.reverse .story-copy{padding:0}.reverse{grid-template-columns:1.2fr 1fr}.expertise{padding:80px 7%;background:#eef3f8;border-radius:50px 50px 0 0}.expertise h2{font-size:50px;letter-spacing:-1.8px}.expertise-grid{gap:40px}.expertise-grid button.active{border-color:#526f9c}.approach{padding:100px 7%;background:transparent}.approach h2{font-size:58px;line-height:1.14}.approach em,.contact em{color:#526f9c}.contact{padding:80px 7%;border-radius:50px 50px 0 0;background:#eaf0f6}.contact h2{font-size:56px;line-height:1.14}form button{background:#29475f!important}.text-link{color:#29475f}.pill:hover,.text-link:hover{color:#315da3;border-color:#315da3}
@media(max-width:1000px){header{height:90px;padding:20px 4%}.hero h1{font-size:65px}.hero{min-height:610px}.opening{gap:6%}.opening h2{font-size:36px}.intro-symbol{width:260px;height:260px}.intro-symbol span{inset:85px;font-size:42px}.story{gap:7%}.story-copy h2{font-size:38px}}
@media(max-width:620px){header{height:78px;padding:17px 6%;gap:12px}.brand img{width:120px}header>.pill{font-size:10px;padding:10px 13px}.menu{font-size:11px}nav{top:78px;background:#fafbfd}.hero{display:block;padding:35px 6% 35px;min-height:0}.hero h1{font-size:51px;letter-spacing:-2px;line-height:1.1;margin:25px 0}.hero .lead{font-size:14px;margin:20px 0}.hero .eyebrow{font-size:8px}.hero .text-link{margin-top:10px}.hero-art{width:80%;margin:12px auto 0;max-width:320px}.hero-art svg{max-height:270px}.hero-art button{right:-10%;bottom:5px;width:25px;height:25px}.opening{display:flex;flex-direction:column;gap:30px;padding:50px 6%}.opening h2{font-size:32px}.opening-bottom span{font-size:14px}.intro-symbol{width:190px;height:190px;align-self:flex-end;margin-right:5%;display:none}.client-section{padding:40px 6%}.client-heading h2{font-size:28px}.client-heading .pill{margin-top:10px}.home-logos{grid-template-columns:1fr 1fr;gap:10px 20px}.home-logos .logo-tile{min-height:70px}.home-logos .logo-tile img{height:47px;max-width:130px}.stories{padding:55px 6% 20px}.story{display:flex;gap:25px;margin-bottom:60px}.story-media{width:86%;max-width:330px;align-self:center}.story-copy h2{font-size:35px}.story-copy p:not(.eyebrow){font-size:15px}.expertise,.approach,.contact{padding:55px 6%}.expertise,.contact{border-radius:28px 28px 0 0}.expertise h2{font-size:36px}.expertise-grid{gap:0}.approach h2{font-size:38px}.contact h2{font-size:40px}}
