/* Strategy: Freya M01 instrument, C01 agency and uninterrupted Chalk reading. */
.strategy-opening{background:linear-gradient(120deg,#101e325c,#101e3235),url('midnight.webp') center/cover,var(--ink);color:var(--chalk);padding:clamp(32px,2.7vw,44px) 0 28px;overflow:hidden}
.strategy-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;border-bottom:1px solid #eeede54a;padding-bottom:24px}
.strategy-heading h1{font-size:clamp(70px,10.4vw,158px);line-height:.94;letter-spacing:-.075em;font-weight:600;margin:0}
.strategy-heading h1 span{transition:color .35s}
.strategy-heading h1 span:hover{color:var(--gold)}
.strategy-heading .work-inline-link{margin-bottom:12px;color:var(--chalk)}
.strategy-hero-stage{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:clamp(24px,3vw,48px);align-items:center;padding-top:26px}
.strategy-intro{padding:16px 0 10px}
.strategy-intro>p{font-size:clamp(38px,4.05vw,61px);letter-spacing:-.06em;line-height:1.04;margin:0}
.strategy-intro>p span{color:var(--gold)}
.strategy-intro>div{max-width:390px;margin-top:30px}
.strategy-intro>div p{font-size:clamp(17px,1.35vw,20px);line-height:1.45;margin:0}
.strategy-intro>div p+p{font-size:15px;margin-top:16px;color:#eeede5b3}
.strategy-instrument{height:clamp(340px,27vw,400px);position:relative;margin:0;isolation:isolate;border-block:1px solid #eeede526;background:radial-gradient(ellipse at 69% 49%,#214fcc30 0,transparent 57%)}
.strategy-instrument canvas,.strategy-instrument-fallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.strategy-instrument canvas{opacity:0;transition:opacity .5s}
.strategy-instrument.is-live canvas{opacity:1}
.strategy-instrument.is-live .strategy-instrument-fallback{display:none}
.strategy-instrument-fallback{opacity:.75}
.strategy-origin{position:absolute;left:6.5%;display:flex;align-items:center;gap:16px;transform:translateY(-50%);pointer-events:none;z-index:2}
.strategy-origin i{width:5px;height:5px;background:var(--chalk);border-radius:50%;box-shadow:0 0 0 5px #eeede510,0 0 0 6px #eeede545}
.strategy-origin span{font-size:clamp(13px,1.3vw,19px);background:#101e32b0;padding:6px 8px;letter-spacing:-.025em}
.strategy-origin--1{top:18%}.strategy-origin--2{top:39%}.strategy-origin--3{top:61%}.strategy-origin--4{top:82%}
.strategy-north{--north-x:69%;--north-y:49%;position:absolute;left:var(--north-x);top:var(--north-y);transform:translate(-50%,-50%);width:76px;height:76px;padding:0;background:transparent;border:0;border-radius:50%;cursor:grab;touch-action:none;color:var(--ink);z-index:4}
.strategy-north:active{cursor:grabbing}
.strategy-opening .strategy-north:focus-visible{outline:2px solid var(--gold);outline-offset:8px}
.strategy-north-disc{position:absolute;inset:0;display:grid;place-items:center;font-size:46px;background:var(--gold);border:1px solid #f0d790;border-radius:50%;box-shadow:0 0 0 8px #d7b46113,0 0 60px #d7b46128,inset 0 2px 4px #fff7;transition:box-shadow .25s,background .25s;pointer-events:none}
.strategy-north:hover .strategy-north-disc,.strategy-north:focus-visible .strategy-north-disc{box-shadow:0 0 0 13px #d7b46120,0 0 90px #d7b46150,inset 0 2px 5px #fff8;background:#e5c77e}
.strategy-north-label{position:absolute;top:calc(100% + 20px);left:50%;transform:translateX(-50%);font-size:16px;line-height:1.2;white-space:nowrap;color:var(--gold);background:#101e32dd;padding:4px 9px;pointer-events:none}
.strategy-instrument-mark{position:absolute;right:2%;top:15px;font-size:38px;line-height:1;color:#eeede540;pointer-events:none}
.strategy-instrument-help{grid-column:2;display:flex;align-items:center;justify-content:flex-start;gap:16px;font-size:12px;line-height:1.45;color:#eeede5b8;margin:16px 0 0}
.strategy-instrument-help>span{color:var(--gold);font-size:23px;line-height:1}
.strategy-practice-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center;margin-bottom:55px}
.strategy-practice-intro h2{font-size:clamp(45px,5.5vw,82px);line-height:1.03;letter-spacing:-.06em;font-weight:600;margin:0}
.strategy-practice-intro h2 span{color:var(--cobalt)}
.strategy-practice-intro>p{font-size:clamp(20px,2vw,28px);line-height:1.45;margin:0;max-width:620px}
.strategy-conditions{display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(#101e3240,#101e3240),url('midnight.webp') center/cover,var(--ink);color:var(--chalk)}
.strategy-conditions figure{margin:0;min-width:0;display:flex;align-items:center;padding:clamp(24px,3vw,54px);background:linear-gradient(#214fcc30,#214fcc30),url('cobalt.webp') center/cover}
.strategy-conditions img{width:100%;height:auto;display:block;object-fit:contain}
.strategy-conditions-copy{padding:clamp(42px,6vw,90px)}
.strategy-conditions-copy h2{font-size:clamp(55px,6.4vw,98px);line-height:.98;letter-spacing:-.07em;margin:0 0 38px}
.strategy-conditions-copy h2 span{color:var(--gold)}
.strategy-conditions-copy p{font-size:17px;line-height:1.6;max-width:570px;margin:0 0 20px}
.strategy-conditions-copy p:first-of-type{font-size:21px;color:var(--gold)}
.strategy-conditions-copy p:last-child{margin-bottom:0}
.service-page--strategy .service-conversation{border-top:0}
@media(max-width:960px){.strategy-heading{align-items:flex-start;flex-direction:column;gap:25px}.strategy-heading h1{font-size:clamp(75px,13.8vw,130px)}.strategy-heading .work-inline-link{margin:0}.strategy-hero-stage{grid-template-columns:1fr;padding-top:16px}.strategy-intro{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;padding:20px 0 35px}.strategy-intro>div{margin-top:0}.strategy-intro>p{font-size:44px}.strategy-instrument{height:390px}.strategy-instrument-help{grid-column:1}.strategy-conditions-copy{padding:40px 30px}.strategy-conditions-copy h2{font-size:64px}}
@media(max-width:640px){.strategy-opening{padding-top:38px}.strategy-heading{padding-bottom:28px}.strategy-heading h1{font-size:clamp(62px,13.5vw,88px)}.strategy-intro{grid-template-columns:1fr;gap:26px;padding-top:32px}.strategy-intro>p{font-size:44px}.strategy-intro>div{max-width:430px}.strategy-intro>div p{font-size:18px}.strategy-intro>div p+p{font-size:14px}.strategy-instrument{height:385px;margin:15px -12px 0}.strategy-origin{left:5%;gap:9px}.strategy-origin span{font-size:12px;padding:5px}.strategy-north{width:58px;height:58px}.strategy-north-disc{font-size:35px}.strategy-north-label{font-size:12px;top:calc(100% + 16px);max-width:90px;white-space:normal}.strategy-instrument-help{justify-content:flex-start;font-size:12px;gap:12px}.strategy-instrument-mark{font-size:27px}.strategy-practice-intro{grid-template-columns:1fr;gap:28px;margin-bottom:36px}.strategy-practice-intro h2{font-size:50px}.strategy-practice-intro>p{font-size:20px}.strategy-conditions{grid-template-columns:1fr}.strategy-conditions figure{padding:28px}.strategy-conditions-copy{padding:40px var(--gutter) 48px}.strategy-conditions-copy h2{font-size:70px}.strategy-conditions-copy p{font-size:17px}.strategy-conditions-copy p:first-of-type{font-size:19px}}
@media(max-width:360px){.strategy-heading h1{font-size:58px}.strategy-intro>p{font-size:39px}.strategy-instrument{height:350px}.strategy-origin span{font-size:11px}.strategy-north{width:52px;height:52px}.strategy-practice-intro h2{font-size:45px}}


.strategy-instrument:not(.is-live)+.strategy-instrument-help{visibility:hidden}.strategy-north:disabled{cursor:default;pointer-events:none}
