/* ===================================================================== WONE Instrument — v15 design system Funnel Display for every title, Inter for reading, Inter Tight for interface. Night graphite grounds, warm paper, oxide marks only what is live or chosen. Loaded last; `:is(#wone,html) body` is expanded to `:is(#wone,html) body` at build time so the system outranks legacy class chains without touching any markup or script. ===================================================================== */ /* ---------- type: self-hosted, and Newsreader aliased to the display face so every legacy serif title (theme, inline styles, plugins) moves to Funnel ---------- */ @font-face{font-family:"Funnel Display";font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/funnel-display-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Funnel Display";font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/funnel-display-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Newsreader";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/funnel-display-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Newsreader";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/funnel-display-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:"Newsreader";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/funnel-display-latin-wght-normal.woff2) format("woff2")} @font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-tight-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Inter Tight";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-tight-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF} :root{ --i-night:#0c1215; --i-night-2:#121a1e; --i-night-3:#1a2328; --i-ivory:#eee8dc; --i-ivory-2:rgba(238,232,220,.72); --i-ivory-3:rgba(238,232,220,.5); --i-line-d:rgba(238,232,220,.14); --i-oxide:#a94b38; --i-oxide-l:#d0705a; --i-oxide-h:#e0836c; --i-paper:#f2ede4; --i-paper-2:#e9e2d6; --i-paper-3:#f7f3ec; --i-white:#fffdf9; --i-ink:#141b1f; --i-ink-2:#4a5458; --i-ink-3:#7a8285; --i-line:#d6cfc2; --i-line-2:#e4ddd1; --i-display:"Funnel Display","Inter Tight","Helvetica Neue",Arial,sans-serif; --i-sans:"Inter","Inter Tight","Helvetica Neue",Arial,sans-serif; --i-ui:"Inter Tight","Inter","Helvetica Neue",Arial,sans-serif; --i-dots:radial-gradient(rgba(238,232,220,.075) 1px,transparent 1.35px); --i-dots-ink:radial-gradient(rgba(20,27,31,.07) 1px,transparent 1.35px); --i-r:14px; --i-r-sm:8px; /* legacy tokens re-pointed so every old component inherits the new palette */ --wx-slate:#0c1215; --wx-paper:#e9e2d6; --wx-oxide:#a94b38; --wx-line:#d6cfc2; --wx-ink:#141b1f; --wx-muted:#5d666a; --wx-white:#fffdf9; --red:#a94b38; --oxide:#a94b38; --paper:#f2ede4; --line:#d6cfc2; --ink:#141b1f; --muted:#5d666a; --graphite:#141b1f; --graphite2:#1a2328; --serif:"Funnel Display","Inter Tight",Arial,sans-serif; --display:"Funnel Display","Inter Tight",Arial,sans-serif; --wone-display:"Funnel Display","Inter Tight",Arial,sans-serif; --w139-forest:#0c1215; --w139-forest2:#121a1e; --w138-forest:#0c1215; --w138-forest-2:#121a1e; --wl-forest:#0c1215; --wl-forest2:#121a1e; --wtc-forest:#0c1215; --wtc-deep:#0c1215; --wone-forest-950:#090e10; --wone-forest-900:#0c1215; --wone-forest-800:#121a1e; --w139-paper:#f2ede4; --w138-paper:#f2ede4; --wl-paper:#f2ede4; --wtc-paper:#f2ede4; --w139-line:#d6cfc2; --w138-line:#d6cfc2; --wl-line:#d6cfc2; --wtc-line:#d6cfc2; --w133-line:#d6cfc2; } /* ---------- base ---------- */ :is(#wone,html) body{background:var(--i-paper);color:var(--i-ink);font-family:var(--i-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} :is(#wone,html) body ::selection{background:rgba(208,112,90,.28)} :is(#wone,html) body :focus-visible{outline:2px solid var(--i-oxide);outline-offset:3px} :is(#wone,html) body main,:is(#wone,html) body #main{background:transparent} :is(#wone,html) body :is(h1,h2,h3,h4,h5,h6){font-family:var(--i-display);font-weight:400;font-style:normal;text-wrap:balance} :is(#wone,html) body :is(h1,h2,h3,h4) :is(em,i){font-style:normal} :is(#wone,html) body h1{letter-spacing:-.032em} :is(#wone,html) body h2{letter-spacing:-.026em} :is(#wone,html) body h3{letter-spacing:-.016em} :is(#wone,html) body h4{letter-spacing:-.008em} :is(#wone,html) body p{text-wrap:pretty} :is(#wone,html) body .wx-wrap,:is(#wone,html) body .wrap,:is(#wone,html) body .shell{width:min(calc(100% - clamp(40px,8vw,128px)),1320px)} /* micro-labels: small, spaced, quiet — the only uppercase on the page */ :is(#wone,html) body :is(.eyebrow,.kicker,.wgc2-label,.wone-section-kicker,.w139-side-label,.wone-dim-label,.w138-rail-label){font-family:var(--i-ui)!important;font-size:11.5px!important;font-weight:500!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--i-oxide)!important;line-height:1.4} :is(#wone,html) body :is(.eyebrow,.kicker)::before{display:none!important} :is(#wone,html) body :is(.wx-dark,.dark,.wx-hero-full,.reality,.circuit,.close-cta,.wgc2-footer,.wx-cta,.wx-image-band,.wone-oxide-transition,.w13-section.dark,.wx-split-media) :is(.eyebrow,.kicker){color:var(--i-oxide-l)!important} :is(#wone,html) body .kicker.light,:is(#wone,html) body .kicker.red{color:var(--i-oxide-l)!important} :is(#wone,html) body :is(.k,.lbl,.label,.wx-fact span,.w360-lens-top span){font-family:var(--i-ui);letter-spacing:.1em;font-weight:500} /* ---------- buttons: one family of pills ---------- */ :is(#wone,html) body :is(.button,.btn,.wone-btn,.btn-wone,.wpos-btn,.wone-auth-submit,.light-btn){font-family:var(--i-ui)!important;font-weight:500!important;font-size:13px!important;letter-spacing:.06em!important;min-height:48px;padding:0 24px!important;border-radius:999px!important;display:inline-flex;align-items:center;justify-content:center;gap:10px;line-height:1;text-decoration:none!important;box-shadow:none!important;transition:background-color .2s,color .2s,border-color .2s,transform .2s;white-space:nowrap} :is(#wone,html) body :is(.button,.btn,.wone-btn):hover{transform:translateY(-1px)} :is(#wone,html) body :is(.button-red,.btn-wone,.wone-btn.primary,.primary.button){background:var(--i-oxide)!important;color:#fff!important;border:1px solid var(--i-oxide)!important} :is(#wone,html) body :is(.button-red,.btn-wone):hover{background:#933f2e!important;border-color:#933f2e!important} :is(#wone,html) body :is(.button-dark){background:var(--i-ink)!important;color:var(--i-paper)!important;border:1px solid var(--i-ink)!important} :is(#wone,html) body .button-dark:hover{background:#000!important} :is(#wone,html) body :is(.button-white){background:var(--i-white)!important;color:var(--i-ink)!important;border:1px solid var(--i-line)!important} :is(#wone,html) body :is(.button-outline,.wpos-btn-outline){background:transparent!important;color:var(--i-ink)!important;border:1px solid rgba(20,27,31,.38)!important} :is(#wone,html) body :is(.button-outline,.wpos-btn-outline):hover{border-color:var(--i-ink)!important;background:var(--i-ink)!important;color:var(--i-paper)!important} /* on dark grounds the pills invert */ :is(#wone,html) body :is(.wx-dark,.dark,.wx-hero-full,.reality,.circuit,.close-cta,.wx-cta,.wx-image-band,.wone-oxide-transition,.w13-section.dark) :is(.button-red,.btn-wone){background:var(--i-oxide-l)!important;border-color:var(--i-oxide-l)!important;color:#160d0a!important} :is(#wone,html) body :is(.wx-dark,.dark,.wx-hero-full,.reality,.circuit,.close-cta,.wx-cta,.wx-image-band,.wone-oxide-transition,.w13-section.dark) :is(.button-red,.btn-wone):hover{background:var(--i-oxide-h)!important;border-color:var(--i-oxide-h)!important} :is(#wone,html) body :is(.wx-dark,.dark,.wx-hero-full,.reality,.circuit,.close-cta,.wx-cta,.wx-image-band,.wone-oxide-transition,.w13-section.dark) .button-white,:is(#wone,html) body .light-btn{background:var(--i-ivory)!important;color:var(--i-night)!important;border-color:var(--i-ivory)!important} :is(#wone,html) body :is(.wx-dark,.dark,.wx-hero-full,.reality,.circuit,.close-cta,.wx-cta,.wx-image-band,.wone-oxide-transition,.w13-section.dark) :is(.button-outline,.button-dark){background:transparent!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.32)!important} :is(#wone,html) body :is(.wx-dark,.dark,.wx-hero-full,.reality,.circuit,.close-cta,.wx-cta,.wx-image-band,.wone-oxide-transition,.w13-section.dark) :is(.button-outline,.button-dark):hover{border-color:var(--i-ivory)!important;background:rgba(238,232,220,.06)!important} :is(#wone,html) body :is(.text-btn,.tlink){font-family:var(--i-ui);font-weight:500;letter-spacing:.05em;font-size:13px;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px} :is(#wone,html) body .hero-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center} /* ---------- fields ---------- */ :is(#wone,html) body :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],select,textarea,.wone-input,.wone-select){font-family:var(--i-sans);font-size:15px;color:var(--i-ink);background:var(--i-white);border:1px solid var(--i-line);border-radius:var(--i-r-sm);box-shadow:none;transition:border-color .15s,box-shadow .15s} :is(#wone,html) body :is(input[type=text],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=url],input[type=number],input[type=date],select,.wone-input,.wone-select){min-height:48px;padding-inline:14px} :is(#wone,html) body textarea{padding:14px;line-height:1.55} :is(#wone,html) body :is(input,select,textarea):focus{outline:none;border-color:var(--i-oxide);box-shadow:0 0 0 3px rgba(169,75,56,.16)} :is(#wone,html) body ::placeholder{color:#9aa0a2} :is(#wone,html) body :is(.wone-field-label,.wone-form-field label,.wone-form-group label,label){font-family:var(--i-ui)} :is(#wone,html) body :is(.wone-field-label){font-size:12px;font-weight:500;letter-spacing:.06em;color:var(--i-ink-2)} /* ---------- sections and rhythm ---------- */ :is(#wone,html) body .wx-section,:is(#wone,html) body .w13-section,:is(#wone,html) body .section-space,:is(#wone,html) body .wl-section,:is(#wone,html) body .w135-section,:is(#wone,html) body .cmd-section,:is(#wone,html) body .wc9-section,:is(#wone,html) body .ws10-section,:is(#wone,html) body .wen8-section{padding-block:clamp(88px,9vw,148px);border-bottom:0!important} :is(#wone,html) body .wx-section,:is(#wone,html) body .w13-section{background:transparent} :is(#wone,html) body :is(.wx-section.wx-paper,.w13-section.paper,.wx-paper,.wl-paper,.cmd-paper,.paper){background:var(--i-paper-2)!important} :is(#wone,html) body :is(.wx-section.wx-dark,.w13-section.dark,.dark.wx-section){background-color:var(--i-night)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;color:var(--i-ivory)!important} :is(#wone,html) body :is(.wx-dark,.w13-section.dark) :is(h1,h2,h3,h4,strong){color:var(--i-ivory)!important} :is(#wone,html) body :is(.wx-dark,.w13-section.dark) p{color:var(--i-ivory-2)} /* section heads: title left, reading right */ :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.wl-section-head,.w135-head,.cmd-head,.wen8-head){gap:clamp(24px,4vw,72px)!important;margin-bottom:clamp(44px,5vw,72px)!important} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head) h2,:is(#wone,html) body .institution-copy h2{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(34px,4.1vw,60px)!important;line-height:1.04!important;letter-spacing:-.03em!important;color:inherit;max-width:16em} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head) p{font-size:clamp(16px,1.25vw,19px);line-height:1.6;color:var(--i-ink-2);max-width:38em} :is(#wone,html) body :is(.wx-dark,.w13-section.dark) :is(.wx-head,.w13-section-head) p{color:var(--i-ivory-2)!important} /* ---------- heroes ---------- */ :is(#wone,html) body .wx-hero{background:var(--i-paper);border-bottom:0} :is(#wone,html) body .wx-hero h1{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(46px,6.2vw,92px)!important;line-height:.98!important;letter-spacing:-.036em!important} :is(#wone,html) body .wx-hero-lede,:is(#wone,html) body .hero-subtext{font-family:var(--i-sans)!important;font-size:clamp(17px,1.4vw,20px)!important;line-height:1.6!important;font-weight:400!important} :is(#wone,html) body .wx-hero-word{font-family:var(--i-display)!important;font-weight:300!important;letter-spacing:-.05em!important;color:var(--i-oxide)!important} /* full heroes become night instruments: the photograph recedes into a monochrome ground under the dot field */ :is(#wone,html) body .wx-hero-full{background-color:var(--i-night)!important;color:var(--i-ivory)!important;min-height:min(820px,92svh)} :is(#wone,html) body .wx-hero-full>img{filter:grayscale(1) contrast(1.08) brightness(.62)!important;opacity:.36!important;mix-blend-mode:luminosity} :is(#wone,html) body .wx-hero-full::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(110% 90% at 12% 100%,rgba(12,18,21,.94),rgba(12,18,21,.55) 55%,rgba(12,18,21,.25)),var(--i-dots);background-size:auto,14px 14px} :is(#wone,html) body .wx-hero-full .wx-full-inner{z-index:2} :is(#wone,html) body .wx-hero-full h1{color:var(--i-ivory)!important} :is(#wone,html) body .wx-hero-full .wx-hero-lede{color:var(--i-ivory-2)!important} :is(#wone,html) body .wx-hero-full .wx-hero-word{color:var(--i-ivory)!important;opacity:.07!important} /* split heroes: paper copy, the image held as a framed monochrome plate */ :is(#wone,html) body .wx-hero-media img,:is(#wone,html) body .wx-hero-grid img{filter:grayscale(.9) contrast(1.06);} :is(#wone,html) body .wx-hero-media{background:var(--i-night)} /* ---------- local navigation ---------- */ :is(#wone,html) body .wx-local{background:rgba(12,18,21,.94)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--i-line-d)} :is(#wone,html) body .wx-local a{font-family:var(--i-ui)!important;font-size:13px!important;font-weight:500!important;letter-spacing:.02em!important;text-transform:none!important;color:var(--i-ivory-2)!important} :is(#wone,html) body .wx-local a:hover{color:var(--i-ivory)!important} :is(#wone,html) body .wx-local strong{font-family:var(--i-display)!important;font-weight:400!important;font-size:17px!important;color:var(--i-ivory)!important;letter-spacing:-.01em} /* ---------- facts ---------- */ :is(#wone,html) body .wx-facts{border-color:var(--i-line)!important;background:transparent} :is(#wone,html) body .wx-fact{border-color:var(--i-line)!important;background:transparent!important;min-height:0!important;padding:22px 22px 26px!important} :is(#wone,html) body .wx-fact span{font-size:11px;letter-spacing:.12em;color:var(--i-ink-3)} :is(#wone,html) body .wx-fact strong{display:block;margin-top:12px;font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(22px,2vw,30px)!important;letter-spacing:-.015em;line-height:1.1} /* ===================================================================== Chrome: a night instrument bar and a night footer, so every page is held between the same two dark planes. ===================================================================== */ :is(#wone,html) body .wgc2-shell{--wgc2-ink:var(--i-ivory);--wgc2-line:var(--i-line-d);--wgc2-paper:var(--i-night-2);--wgc2-slate:var(--i-night);--wgc2-oxide:var(--i-oxide-l);position:relative;z-index:1200;color:var(--i-ivory);font-family:var(--i-ui)} :is(#wone,html) body .wgc2-shell button{font-family:var(--i-ui)} :is(#wone,html) body .wgc2-utility{height:32px;background:#080c0e;color:var(--i-ivory-3);border-bottom:1px solid rgba(238,232,220,.07)} :is(#wone,html) body .wgc2-utility-inner{height:32px;display:flex;align-items:center;justify-content:space-between} :is(#wone,html) body .wgc2-utility-brand{font:500 11px/1 var(--i-ui)!important;letter-spacing:.14em!important;color:var(--i-ivory-3)!important;text-decoration:none!important} :is(#wone,html) body .wgc2-utility-links{gap:24px!important;font:500 11px/1 var(--i-ui)!important;letter-spacing:.12em!important} :is(#wone,html) body .wgc2-utility-links a,:is(#wone,html) body .wgc2-utility-links a:visited,:is(#wone,html) body .wgc2-account-trigger{color:var(--i-ivory-3)!important;opacity:1!important;font:500 11px/1 var(--i-ui)!important;letter-spacing:.12em!important;background:none!important;border:0!important;padding:0!important} :is(#wone,html) body .wgc2-utility-links a:hover,:is(#wone,html) body .wgc2-account-trigger:hover{color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-header{background:rgba(12,18,21,.97)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--i-line-d)!important;box-shadow:none!important} :is(#wone,html) body .wgc2-main{height:76px;gap:28px!important} :is(#wone,html) body :is(.wgc2-logo,.wgc2-logo:visited){height:76px!important} :is(#wone,html) body .wgc2-logo img{width:112px!important;height:auto!important;max-height:none!important} :is(#wone,html) body .wgc2-nav{height:76px!important;gap:2px!important;justify-content:flex-start!important;margin-left:12px} :is(#wone,html) body .wgc2-navbtn{height:76px;padding:0 13px!important;background:transparent!important;color:var(--i-ivory-2)!important;font:500 14px/1 var(--i-ui)!important;letter-spacing:.005em!important;text-transform:none!important;border:0!important;position:relative;transition:color .2s} :is(#wone,html) body .wgc2-navbtn::after{content:"";position:absolute;left:13px;right:13px;bottom:22px;height:1px;background:var(--i-ivory);transform:scaleX(0);transform-origin:left;transition:transform .25s} :is(#wone,html) body .wgc2-navbtn:hover,:is(#wone,html) body .wgc2-navbtn[aria-expanded="true"]{color:var(--i-ivory)!important;background:transparent!important} :is(#wone,html) body .wgc2-navbtn[aria-expanded="true"]::after{transform:scaleX(1)} :is(#wone,html) body .wgc2-navbtn svg,:is(#wone,html) body .wgc2-navbtn i{display:none} :is(#wone,html) body .wgc2-actions{height:76px!important;gap:10px!important} :is(#wone,html) body :is(.wgc2-cta,.wgc2-cta:visited){height:42px!important;padding:0 18px!important;border-radius:999px!important;font:500 13px/1 var(--i-ui)!important;letter-spacing:.02em!important;text-transform:none!important;display:inline-flex!important;align-items:center;gap:8px;transition:background-color .2s,border-color .2s} :is(#wone,html) body :is(.wgc2-cta.ask,.wgc2-cta.ask:visited){background:var(--i-oxide-l)!important;color:#160d0a!important;border:1px solid var(--i-oxide-l)!important} :is(#wone,html) body .wgc2-cta.ask:hover{background:var(--i-oxide-h)!important;border-color:var(--i-oxide-h)!important} :is(#wone,html) body :is(.wgc2-cta.req,.wgc2-cta.req:visited){background:transparent!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.28)!important} :is(#wone,html) body .wgc2-cta.req:hover{border-color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-cta .arr{display:none} :is(#wone,html) body .wgc2-mobile{background:transparent!important;border:1px solid rgba(238,232,220,.28)!important;border-radius:999px!important;width:46px;height:46px} :is(#wone,html) body .wgc2-mobile span,:is(#wone,html) body .wgc2-mobile span::before,:is(#wone,html) body .wgc2-mobile span::after{background:var(--i-ivory)!important} /* mega panels: the night continues downward */ :is(#wone,html) body .wgc2-mega{top:100%!important;background:var(--i-night-2)!important;color:var(--i-ivory)!important;border-top:1px solid var(--i-line-d)!important;border-bottom:1px solid var(--i-line-d)!important;box-shadow:0 40px 80px rgba(0,0,0,.4)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important} :is(#wone,html) body .wgc2-mega-inner{padding-block:44px 52px!important;gap:44px!important} :is(#wone,html) body .wgc2-title{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(26px,2.2vw,34px)!important;line-height:1.08!important;letter-spacing:-.022em!important;color:var(--i-ivory)!important;text-transform:none!important} :is(#wone,html) body .wgc2-copy{color:var(--i-ivory-2)!important;font:400 15px/1.6 var(--i-sans)!important} :is(#wone,html) body .wgc2-links a{border-color:var(--i-line-d)!important;color:var(--i-ivory)!important;font:400 15px/1.35 var(--i-sans)!important;padding:13px 0!important;text-transform:none!important;letter-spacing:0!important;background:transparent!important} :is(#wone,html) body .wgc2-links a:hover{color:#fff!important} :is(#wone,html) body .wgc2-links a span:last-child{color:var(--i-oxide-l)!important} :is(#wone,html) body .wgc2-feature{background:rgba(238,232,220,.05)!important;border:1px solid var(--i-line-d)!important;border-radius:var(--i-r)!important;color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-feature.oxide{background:var(--i-oxide)!important;border-color:var(--i-oxide)!important} :is(#wone,html) body .wgc2-feature h3{font-family:var(--i-display)!important;font-weight:400!important;font-size:22px!important;line-height:1.2!important;color:inherit!important;text-transform:none!important;letter-spacing:-.01em!important} :is(#wone,html) body .wgc2-feature p{color:var(--i-ivory-2)!important} :is(#wone,html) body .wgc2-feature a{color:var(--i-ivory)!important;border-color:rgba(238,232,220,.3)!important;font:500 12px/1 var(--i-ui)!important;letter-spacing:.1em!important} :is(#wone,html) body .wgc2-feature .wgc2-label{color:var(--i-ivory-2)!important} /* mobile drawer */ :is(#wone,html) body .wgc2-mobile-panel{background:var(--i-night)!important;color:var(--i-ivory)!important;border-bottom:1px solid var(--i-line-d)!important} :is(#wone,html) body .wgc2-mobile-panel summary{font:500 13px/1 var(--i-ui)!important;letter-spacing:.12em!important;color:var(--i-ivory-3)!important;padding:18px 0!important;border-bottom:1px solid var(--i-line-d)!important} :is(#wone,html) body .wgc2-mobile-panel a{color:var(--i-ivory)!important;border-color:var(--i-line-d)!important;font:400 17px/1.3 var(--i-display)!important;letter-spacing:-.005em!important;text-transform:none!important} :is(#wone,html) body .w135-mobile-actions a{border-radius:999px!important;justify-content:center!important;font:500 14px/1 var(--i-ui)!important;letter-spacing:.02em!important;border:1px solid rgba(238,232,220,.28)!important;color:var(--i-ivory)!important;background:transparent!important} :is(#wone,html) body .w135-mobile-actions a.primary{background:var(--i-oxide-l)!important;border-color:var(--i-oxide-l)!important;color:#160d0a!important} /* ---------- pre-footer band and footer ---------- */ :is(#wone,html) body .wone-oxide-transition{background-color:var(--i-night-2)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;color:var(--i-ivory)!important;padding-block:clamp(96px,10vw,160px)!important;border-top:1px solid var(--i-line-d)} :is(#wone,html) body .wone-oxide-transition h2{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(40px,5.4vw,84px)!important;line-height:1!important;letter-spacing:-.036em!important;color:var(--i-ivory)!important;max-width:12em} :is(#wone,html) body .wone-oxide-transition p{color:var(--i-ivory-2)!important;font-size:clamp(16px,1.3vw,19px)!important;max-width:34em} :is(#wone,html) body .wone-oxide-transition a{border-radius:999px!important} :is(#wone,html) body .wgc2-footer{background:var(--i-night)!important;color:var(--i-ivory-2)!important;border-top:1px solid var(--i-line-d)!important} :is(#wone,html) body .wgc2-footer-main{padding:clamp(64px,7vw,104px) 0 40px!important} :is(#wone,html) body .wgc2-statement{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(34px,4.4vw,64px)!important;line-height:1!important;letter-spacing:-.034em!important;color:var(--i-ivory)!important;text-transform:none!important} :is(#wone,html) body .wgc2-statement em{color:var(--i-oxide-l)!important} :is(#wone,html) body .wgc2-tagline{font:500 11px/1 var(--i-ui)!important;letter-spacing:.14em!important;color:var(--i-ivory-3)!important} :is(#wone,html) body .w135-footer-path{border-color:var(--i-line-d)!important;color:var(--i-ivory-3)!important;font:500 11px/1 var(--i-ui)!important;letter-spacing:.12em!important} :is(#wone,html) body .w135-footer-path span{color:var(--i-ivory-2)!important} :is(#wone,html) body .w135-footer-path i{color:var(--i-oxide-l)!important} :is(#wone,html) body .wgc2-footer-grid{border-color:var(--i-line-d)!important} :is(#wone,html) body .wgc2-col h4{font:500 11px/1 var(--i-ui)!important;letter-spacing:.14em!important;color:var(--i-ivory-3)!important} :is(#wone,html) body .wgc2-col a{font:400 15px/1.4 var(--i-sans)!important;color:var(--i-ivory-2)!important;margin-bottom:11px!important} :is(#wone,html) body .wgc2-col a:hover{color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-col.lead p{font:400 28px/1.12 var(--i-display)!important;letter-spacing:-.02em!important;color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-col.lead a{color:var(--i-oxide-l)!important;font:500 13px/1 var(--i-ui)!important;letter-spacing:.06em!important;border-bottom:1px solid currentColor!important} :is(#wone,html) body .w135-footer-trust{border-color:var(--i-line-d)!important;color:var(--i-ivory-3)!important} :is(#wone,html) body .w135-footer-trust b{color:var(--i-ivory-2)!important;font:500 11px/1.4 var(--i-ui)!important;letter-spacing:.12em!important} :is(#wone,html) body .w135-footer-trust p{color:var(--i-ivory-3)!important} :is(#wone,html) body .wgc2-legal{border-color:var(--i-line-d)!important} :is(#wone,html) body .wgc2-legal a{color:var(--i-ivory-3)!important;font:400 13px/1.4 var(--i-sans)!important} :is(#wone,html) body .wgc2-legal a:hover{color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-bottom{color:var(--i-ivory-3)!important;border-color:var(--i-line-d)!important;font:400 12px/1.4 var(--i-sans)!important} :is(#wone,html) body .wgc2-bottom .world{color:var(--i-ivory-3)!important} :is(#wone,html) body .wgc2-footer img{filter:none} /* ---------- sign-in modal and confirmations ---------- */ :is(#wone,html) body .wone-auth-dialog{border-radius:20px!important;overflow:hidden;background:var(--i-white)!important} :is(#wone,html) body .wone-auth-modal-visual{background:var(--i-night)!important} :is(#wone,html) body .wone-auth-modal-visual img{filter:grayscale(1) brightness(.5) contrast(1.1)!important;opacity:.5} :is(#wone,html) body .wone-auth-modal-visual-copy h2,:is(#wone,html) body .wone-auth-modal-head h2{font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.025em!important} :is(#wone,html) body .wone-auth-tabs button{font-family:var(--i-ui)!important;border-radius:999px!important} :is(#wone,html) body .wone-auth-tabs button.is-active{background:var(--i-ink)!important;color:var(--i-paper)!important} :is(#wone,html) body .wone-auth-submit{background:var(--i-ink)!important;color:var(--i-paper)!important;border:0!important;width:100%} :is(#wone,html) body .wone-popup-card{border-radius:20px!important;background:var(--i-white)!important} :is(#wone,html) body .wone-popup-header{background:var(--i-night)!important} :is(#wone,html) body .wone-popup-title{font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.02em!important} /* ===================================================================== Components: every legacy component speaks the same language — hairline rules, Funnel titles, monochrome photography, oxide arrows. ===================================================================== */ /* ---------- image cards: monochrome plates, the copy rises on night ---------- */ :is(#wone,html) body :is(.wx-feature-grid,.wx-stories){gap:14px!important;background:transparent!important;border:0!important} :is(#wone,html) body .wx-feature,:is(#wone,html) body .wx-story{border-radius:var(--i-r)!important;overflow:hidden;background:var(--i-night)!important;isolation:isolate} :is(#wone,html) body :is(.wx-feature,.wx-story) img{filter:grayscale(1) contrast(1.1) brightness(.78)!important;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .6s,opacity .6s;opacity:.82} :is(#wone,html) body :is(.wx-feature,.wx-story):hover img{transform:scale(1.035);filter:grayscale(.2) contrast(1.05) brightness(.82)!important;opacity:1} :is(#wone,html) body :is(.wx-feature,.wx-story)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,18,21,0) 30%,rgba(12,18,21,.86) 100%)} :is(#wone,html) body .wx-feature-copy,:is(#wone,html) body .wx-story-body{position:relative;z-index:1;color:var(--i-ivory)!important} :is(#wone,html) body :is(.wx-feature-copy,.wx-story-body) h3{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(21px,1.7vw,27px)!important;line-height:1.12!important;letter-spacing:-.018em!important;color:var(--i-ivory)!important;text-transform:none!important} :is(#wone,html) body :is(.wx-feature-copy,.wx-story-body) p{color:var(--i-ivory-2)!important;font-size:14.5px!important;line-height:1.55!important} :is(#wone,html) body :is(.wx-feature-copy,.wx-story-body) .k{color:var(--i-oxide-l)!important;font-size:11px!important;letter-spacing:.12em!important} /* when the media is a cartographic plate (country/region), keep its own colour */ :is(#wone,html) body :is(.wx-feature,.wx-story) img[src*="/atlas/"]{filter:none!important;opacity:1} /* ---------- ledgers: an index, not a list ---------- */ :is(#wone,html) body .wx-ledger{border-top:1px solid var(--i-ink)!important} :is(#wone,html) body .wx-ledger-row{border-bottom:1px solid var(--i-line)!important;padding-block:22px!important;align-items:baseline!important;transition:background-color .2s,padding .25s} :is(#wone,html) body .wx-ledger-row:hover{background:rgba(255,253,249,.55);padding-inline:12px!important} :is(#wone,html) body .wx-ledger-row > :first-child{font:500 12px/1 var(--i-ui)!important;color:var(--i-ink-3)!important;letter-spacing:.06em!important} :is(#wone,html) body .wx-ledger-row :is(h3,h4,strong){font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(19px,1.5vw,23px)!important;letter-spacing:-.012em!important;line-height:1.2!important;color:var(--i-ink)!important} :is(#wone,html) body .wx-ledger-row p,:is(#wone,html) body .wx-ledger-row span{color:var(--i-ink-2)} :is(#wone,html) body .wx-ledger-row > :last-child{color:var(--i-oxide)!important} :is(#wone,html) body .wx-dark .wx-ledger{border-top-color:var(--i-ivory-3)!important} :is(#wone,html) body .wx-dark .wx-ledger-row{border-color:var(--i-line-d)!important} :is(#wone,html) body .wx-dark .wx-ledger-row :is(h3,h4,strong){color:var(--i-ivory)!important} :is(#wone,html) body .wx-dark .wx-ledger-row:hover{background:rgba(238,232,220,.04)} /* ---------- matrices: tiles with a hairline grid ---------- */ :is(#wone,html) body .wx-matrix{gap:1px!important;background:var(--i-line)!important;border:1px solid var(--i-line)!important;border-radius:var(--i-r);overflow:hidden} :is(#wone,html) body .wx-cell{background:var(--i-paper-3)!important;padding:26px 24px 28px!important;min-height:0!important;transition:background-color .2s} :is(#wone,html) body a.wx-cell:hover,:is(#wone,html) body .wx-cell:has(a:hover){background:var(--i-white)!important} :is(#wone,html) body .wx-cell :is(h3,h4){font-family:var(--i-display)!important;font-weight:400!important;font-size:21px!important;line-height:1.2!important;letter-spacing:-.012em!important;text-transform:none!important} :is(#wone,html) body .wx-cell p{color:var(--i-ink-2);font-size:15px;line-height:1.55} :is(#wone,html) body .wx-dark .wx-matrix{background:var(--i-line-d)!important;border-color:var(--i-line-d)!important} :is(#wone,html) body .wx-dark .wx-cell{background:var(--i-night-2)!important;color:var(--i-ivory)!important} :is(#wone,html) body .wx-dark .wx-cell p{color:var(--i-ivory-2)!important} /* ---------- split and image bands ---------- */ :is(#wone,html) body .wx-split{border-bottom:0!important;background:var(--i-paper)} :is(#wone,html) body .wx-split-copy h2{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.04!important;letter-spacing:-.03em!important} :is(#wone,html) body .wx-split-media{background:var(--i-night)!important;position:relative} :is(#wone,html) body .wx-split-media img{filter:grayscale(1) contrast(1.08) brightness(.7)!important;opacity:.85} :is(#wone,html) body .wx-split-media img[src*="/atlas/"]{filter:none!important;opacity:1} :is(#wone,html) body .wx-image-band{background:var(--i-night)!important;border-radius:0} :is(#wone,html) body .wx-image-band img{filter:grayscale(1) contrast(1.08) brightness(.55)!important;opacity:.6} :is(#wone,html) body .wx-image-band::after{content:"";position:absolute;inset:0;background:var(--i-dots);background-size:14px 14px;pointer-events:none} :is(#wone,html) body .wx-image-copy{position:relative;z-index:2} :is(#wone,html) body .wx-image-copy h2{font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.03em!important;color:var(--i-ivory)!important} /* ---------- closing call to action ---------- */ :is(#wone,html) body .wx-cta{background-color:var(--i-night)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;color:var(--i-ivory)!important;padding-block:clamp(96px,10vw,160px)!important} :is(#wone,html) body .wx-cta h2{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(36px,4.6vw,70px)!important;line-height:1.02!important;letter-spacing:-.034em!important;color:var(--i-ivory)!important;max-width:14em} :is(#wone,html) body .wx-cta a{border-radius:999px!important} /* ---------- people ---------- */ :is(#wone,html) body .wx-people-grid{gap:14px!important;background:transparent!important} :is(#wone,html) body .wx-person{background:var(--i-white)!important;border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important;overflow:hidden;transition:border-color .2s,transform .25s} :is(#wone,html) body .wx-person:hover{border-color:var(--i-ink)!important;transform:translateY(-2px)} :is(#wone,html) body .wx-person-media{background:var(--i-paper-2)!important} :is(#wone,html) body .wx-person-media img{filter:grayscale(1) contrast(1.05)!important} :is(#wone,html) body .wx-person:hover .wx-person-media img{filter:grayscale(0)!important} :is(#wone,html) body .wx-person-copy h3{font-family:var(--i-display)!important;font-weight:400!important;font-size:20px!important;letter-spacing:-.012em!important;line-height:1.2!important;color:var(--i-ink)!important} :is(#wone,html) body .wx-person-role{color:var(--i-ink-2)!important;font-size:14px!important} :is(#wone,html) body .wx-person-meta,:is(#wone,html) body .wx-person-firm{color:var(--i-ink-3)!important;font-size:13px!important} :is(#wone,html) body .wx-mini-tags span{border-radius:999px!important;border:1px solid var(--i-line)!important;background:transparent!important;color:var(--i-ink-2)!important;font:500 11px/1 var(--i-ui)!important;letter-spacing:.02em!important;text-transform:none!important;padding:6px 9px!important} :is(#wone,html) body .wx-dark .wx-person{background:var(--i-night-2)!important;border-color:var(--i-line-d)!important} :is(#wone,html) body .wx-dark .wx-person-copy h3{color:var(--i-ivory)!important} :is(#wone,html) body .wx-dark .wx-person :is(.wx-person-role,.wx-person-meta,.wx-person-firm){color:var(--i-ivory-2)!important} :is(#wone,html) body .wx-dark .wx-mini-tags span{border-color:var(--i-line-d)!important;color:var(--i-ivory-2)!important} /* ---------- chips, tags and pills ---------- */ :is(#wone,html) body :is(.tag,.w139-chip,.ww-card-tag,.wone-badge,.badge){border-radius:999px!important;font-family:var(--i-ui)!important;font-weight:500!important;text-transform:none!important;letter-spacing:.01em!important} :is(#wone,html) body .tag-cloud .tag,:is(#wone,html) body a.tag{border:1px solid var(--i-line)!important;background:var(--i-white)!important;color:var(--i-ink)!important;padding:9px 14px!important;font-size:13px!important} :is(#wone,html) body a.tag:hover{border-color:var(--i-ink)!important} /* ---------- resolvers (market × expertise / industry) ---------- */ :is(#wone,html) body .w13-resolvers{gap:14px!important;background:transparent!important;border:0!important} :is(#wone,html) body .w13-resolver{background:var(--i-white)!important;border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important;padding:30px!important} :is(#wone,html) body .w13-resolver h3{font-family:var(--i-display)!important;font-weight:400!important;font-size:24px!important;line-height:1.15!important;letter-spacing:-.016em!important;text-transform:none!important} :is(#wone,html) body .w13-resolver label{font:500 12px/1.4 var(--i-ui)!important;letter-spacing:.06em!important;color:var(--i-ink-2)!important} :is(#wone,html) body .w13-resolver button{border-radius:999px!important;background:var(--i-ink)!important;color:var(--i-paper)!important;font:500 13px/1 var(--i-ui)!important;letter-spacing:.06em!important;min-height:48px!important;border:0!important} :is(#wone,html) body .w13-resolver button:hover{background:#000!important} /* ---------- eleven-lens cards and market signals ---------- */ :is(#wone,html) body .w360-lenses{gap:1px!important;background:var(--i-line)!important;border:1px solid var(--i-line)!important;border-radius:var(--i-r);overflow:hidden} :is(#wone,html) body .w360-lens{background:var(--i-paper-3)!important;border:0!important;padding:26px 24px!important} :is(#wone,html) body .w360-lens h3{font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.014em!important} :is(#wone,html) body .w360-lens-top span{color:var(--i-oxide)!important;font-size:11px!important} :is(#wone,html) body .w360-lens-top b{font:500 12px/1 var(--i-ui)!important;color:var(--i-ink-3)!important} :is(#wone,html) body .w360-cap-links a{border-radius:999px!important} :is(#wone,html) body :is(.w360-signals,.w360-sequence){gap:14px!important} :is(#wone,html) body :is(.w360-signal){background:var(--i-white)!important;border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important} :is(#wone,html) body .w360-signal strong{font-family:var(--i-display)!important;font-weight:400!important} /* ---------- leader desks and strips ---------- */ :is(#wone,html) body :is(.wl-market-desk,.wl-home-leader-strip){background:var(--i-night-2)!important;color:var(--i-ivory)!important;border-top:1px solid var(--i-line-d)!important;border-bottom:1px solid var(--i-line-d)!important} :is(#wone,html) body :is(.wl-market-desk,.wl-home-leader-strip) h2,:is(#wone,html) body .wl-home-leader-strip strong{font-family:var(--i-display)!important;font-weight:400!important;color:var(--i-ivory)!important;letter-spacing:-.016em!important} :is(#wone,html) body :is(.wl-market-desk,.wl-home-leader-strip) span{color:var(--i-oxide-l)!important;font:500 11px/1.4 var(--i-ui)!important;letter-spacing:.13em!important} :is(#wone,html) body :is(.wl-market-actions,.wl-home-leader-strip nav) a{border:1px solid rgba(238,232,220,.28)!important;border-radius:999px!important;color:var(--i-ivory)!important;background:transparent!important;font:500 12px/1 var(--i-ui)!important;letter-spacing:.06em!important;padding:12px 16px!important} :is(#wone,html) body :is(.wl-market-actions,.wl-home-leader-strip nav) a:hover{border-color:var(--i-ivory)!important} /* ---------- dashboards and workspace (My WONE, enterprise, firm OS) ---------- */ :is(#wone,html) body :is(.wone-dash-card,.wone-metric-card,.wone-action-box,.wone-dim-card,.wone-lens-card,.w139-side-card,.w139-framework-card,.cmd-white,.wone-form-section){background:var(--i-white)!important;border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important;box-shadow:none!important} :is(#wone,html) body :is(.wone-dash-card-head,.wone-action-box-head){border-color:var(--i-line-2)!important} :is(#wone,html) body :is(.wone-metric-val){font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.02em!important} :is(#wone,html) body :is(.wone-dim-title,.wone-form-section-title){font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.012em!important} :is(#wone,html) body .wone-sidebar-link{border-radius:var(--i-r-sm)!important;font-family:var(--i-ui)!important} :is(#wone,html) body .wone-custom-table,:is(#wone,html) body .wone-table-wrap table{border-collapse:collapse} :is(#wone,html) body :is(.wone-custom-table,.wone-table-wrap table) th{font:500 11px/1.4 var(--i-ui)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--i-ink-3)!important;border-bottom:1px solid var(--i-ink)!important;background:transparent!important} :is(#wone,html) body :is(.wone-custom-table,.wone-table-wrap table) td{border-bottom:1px solid var(--i-line-2)!important} /* ---------- notices ---------- */ :is(#wone,html) body :is(.notice,.wl-notice,.wl-empty){border-radius:var(--i-r)!important;border:1px solid var(--i-line)!important;background:var(--i-paper-3)!important} /* ---------- context AI panels and change radar (shared blocks) ---------- */ :is(#wone,html) body :is(.wone-context-ai,.wone-ai-context-panel,.wx-ask-panel,[class*="context-ai"]) :is(h2,h3){font-family:var(--i-display)!important;font-weight:400!important} /* ---------- corridor legacy blocks (when no bespoke header renders) ---------- */ :is(#wone,html) body :is(.wone-corridor-move-card){background:var(--i-white)!important;border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important} :is(#wone,html) body .wone-corridor-move-card h4{font-family:var(--i-display)!important;font-weight:400!important;font-size:24px!important;letter-spacing:-.016em!important} /* ---------- route steps ---------- */ :is(#wone,html) body .wx-route-step{border-color:var(--i-line)!important} :is(#wone,html) body .wx-route-step :is(h3,h4){font-family:var(--i-display)!important;font-weight:400!important} /* ---------- pagination and filters ---------- */ :is(#wone,html) body :is(.page-numbers,.wone-pagination a,.wone-pagination span){border-radius:999px!important;font-family:var(--i-ui)!important} /* ---------- precedence fixes against legacy !important layers ---------- */ :is(#wone,html) body :is(.wgc2-header,.wgc2-main){background:rgba(12,18,21,.97)!important} :is(#wone,html) body .wgc2-main{background:transparent!important} :is(#wone,html) body :is(.wgc2-footer,.w135-footer){background:var(--i-night)!important;color:var(--i-ivory-2)!important} :is(#wone,html) body .wgc2-footer-main{background:transparent!important;color:var(--i-ivory-2)!important} :is(#wone,html) body .wgc2-brandrow,:is(#wone,html) body .wgc2-footer-grid,:is(#wone,html) body .w135-footer-trust,:is(#wone,html) body .wgc2-legal,:is(#wone,html) body .wgc2-bottom{background:transparent!important} :is(#wone,html) body .wgc2-brand-message + *{color:var(--i-ivory-2)!important} :is(#wone,html) body .wgc2-footer :is(p,span,small){color:inherit} :is(#wone,html) body :is(.wx-dark,.dark) .wx-person-copy{background:transparent!important} :is(#wone,html) body :is(.wx-dark,.dark) .wx-person{background:var(--i-night-2)!important;border-color:var(--i-line-d)!important} :is(#wone,html) body .w135-footer-trust > *{background:transparent!important;border-color:var(--i-line-d)!important} :is(#wone,html) body .w135-footer-trust{border:1px solid var(--i-line-d)!important;border-radius:var(--i-r)} :is(#wone,html) body .wx-hero:not(.wx-hero-full) img{filter:grayscale(1) contrast(1.08)!important} :is(#wone,html) body .wx-hero:not(.wx-hero-full) img[src*="/atlas/"]{filter:none!important} :is(#wone,html) body .wpai-fab{border-radius:999px!important;background:var(--i-night)!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.28)!important;font:500 12px/1 var(--i-ui)!important;letter-spacing:.08em!important;padding:15px 18px!important;box-shadow:0 12px 36px rgba(0,0,0,.28)!important} :is(#wone,html) body .wpai-fab:hover{background:var(--i-oxide-l)!important;color:#160d0a!important;border-color:var(--i-oxide-l)!important} :is(#wone,html) body .wpai-drawer{background:var(--i-white)!important} :is(#wone,html) body .wpai-drawer :is(h2,h3,h4){font-family:var(--i-display)!important;font-weight:400!important} :is(#wone,html) body :is(.button,.btn,.wone-btn,.btn-wone,.wpos-btn,.wone-auth-submit,.light-btn,.text-btn,.hero-actions a,.w13-resolver button,.wgc2-cta){text-transform:none!important} :is(#wone,html) body #wone-cookie-banner{background:var(--i-night-2)!important;border-radius:16px!important;border:1px solid var(--i-line-d)!important;padding:22px 24px!important} :is(#wone,html) body #wone-cookie-banner p{color:var(--i-ivory-2)!important;font-family:var(--i-sans)!important} :is(#wone,html) body #wone-cookie-banner :is(#wone-cookie-accept,#wone-cookie-essential){border-radius:999px!important;font:500 12px/1 var(--i-ui)!important;letter-spacing:.04em!important;padding:12px 16px!important;text-transform:none!important} :is(#wone,html) body #wone-cookie-accept{background:var(--i-oxide-l)!important;color:#160d0a!important} :is(#wone,html) body #wone-cookie-essential{color:var(--i-ivory)!important;border-color:rgba(238,232,220,.3)!important} /* hero photography always recedes to monochrome; maps keep their colour */ :is(#wone,html) body [class*="-hero"] img:not([src*="/atlas/"]):not(.wx-person-media img):not([class*="avatar"]):not([class*="logo"]),:is(#wone,html) body .wx-hero-media img{filter:grayscale(1) contrast(1.06)!important} :is(#wone,html) body [class*="-hero"][style*="background-image"],:is(#wone,html) body [class*="hero-media"][style*="background-image"]{background-color:#1a2328!important;background-blend-mode:luminosity!important} :is(#wone,html) body .wone-skip-link{top:-120px!important;background:var(--i-ivory)!important;color:var(--i-night)!important;border:0!important;border-radius:999px!important;font:500 14px/1 var(--i-ui)!important;padding:14px 18px!important} :is(#wone,html) body .wone-skip-link:focus-visible{top:18px!important} @media (max-width:900px){:is(#wone,html) body .wib canvas{opacity:.45}} /* situations (du-*) */ :is(#wone,html) body .du-btn{border-radius:999px!important;background:var(--i-ink)!important;color:var(--i-paper)!important;font:500 13px/1 var(--i-ui)!important;letter-spacing:.04em!important;text-transform:none!important;padding:16px 22px!important;display:inline-flex!important;gap:10px;align-items:center;border:0!important} :is(#wone,html) body .du-btn:hover{background:#000!important} :is(#wone,html) body :is(.du-kicker,.du-eyebrow){font:500 11.5px/1.4 var(--i-ui)!important;letter-spacing:.13em!important;color:var(--i-oxide)!important} :is(#wone,html) body .du-word{font-family:var(--i-display)!important;font-weight:300!important;letter-spacing:-.04em!important} :is(#wone,html) body :is(.du-h1,.du-h2,.du-h){font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.03em!important} :is(#wone,html) body :is(.du-family-card,.du-moment){border-radius:var(--i-r)!important;background:var(--i-white)!important;border:1px solid var(--i-line-2)!important} :is(#wone,html) body .du-hero-side img{filter:grayscale(1) contrast(1.06)!important} /* the living world behind every dark hero */ :is(#wone,html) body .wone-hero-dots{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;-webkit-mask-image:radial-gradient(70% 80% at 66% 50%,#000 45%,transparent 100%);mask-image:radial-gradient(70% 80% at 66% 50%,#000 45%,transparent 100%)} :is(#wone,html) body .has-dots > img,:is(#wone,html) body .has-dots > picture img{opacity:.12!important} :is(#wone,html) body .has-dots[style*="background-image"]{background-image:none!important} :is(#wone,html) body .wx-hero-full.has-dots::before{background:linear-gradient(90deg,rgba(12,18,21,.92) 0%,rgba(12,18,21,.7) 40%,rgba(12,18,21,0) 72%)!important} :is(#wone,html) body .has-dots > :not(canvas):not(img){position:relative;z-index:2} /* the oversized ghost words of the previous design are retired */ :is(#wone,html) body :is(.wx-hero-word,.w139-market-word,.w139-corridor-word,.w139-intel-mark){display:none!important} :is(#wone,html) body .w135-fixed-hero{background-color:var(--i-night)!important;color:var(--i-ivory)!important} :is(#wone,html) body .w135-fixed-hero.has-dots img{opacity:.1!important} :is(#wone,html) body .w135-fixed-word{display:none!important} :is(#wone,html) body .w135-fixed-hero h1{font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.036em!important;font-size:clamp(46px,6vw,88px)!important;line-height:1!important;max-width:13em} :is(#wone,html) body .has-dots::after{background:linear-gradient(90deg,rgba(12,18,21,.9) 0%,rgba(12,18,21,.5) 45%,rgba(12,18,21,0) 75%)!important;z-index:0!important} :is(#wone,html) body .w135-fixed-hero:is(.oxide,.slate)::after{background:linear-gradient(90deg,rgba(12,18,21,.92) 0%,rgba(12,18,21,.55) 45%,rgba(12,18,21,0) 75%)!important} :is(#wone,html) body .wgc2-statement,:is(#wone,html) body .wgc2-statement em{text-transform:none!important} /* ===================================================================== Homepage instrument (.wih) — namespaced so nothing leaks into other views. ===================================================================== */ :is(#wone,html) body .wih{background:var(--i-paper);color:var(--i-ink)} :is(#wone,html) body .wih-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;margin:0!important;padding:0!important} :is(#wone,html) body .wih .eyebrow{margin:0 0 22px!important} :is(#wone,html) body .wih-d1{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(40px,5.2vw,80px)!important;line-height:1!important;letter-spacing:-.036em!important;margin:0!important;color:inherit;max-width:15em} :is(#wone,html) body .wih-d1 em{font-style:normal;color:var(--i-oxide)} :is(#wone,html) body .wih-d2{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(34px,4.1vw,60px)!important;line-height:1.04!important;letter-spacing:-.03em!important;margin:0!important;color:inherit} :is(#wone,html) body .wih-lede{font:400 clamp(17px,1.35vw,20px)/1.6 var(--i-sans)!important;color:var(--i-ink-2);margin:0;max-width:36em} :is(#wone,html) body .wih-cap{display:block;font:500 11.5px/1.4 var(--i-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--i-ink-3);margin:0} :is(#wone,html) body .wih-sec{padding-block:clamp(96px,10vw,160px)} :is(#wone,html) body .wih-paper{background:var(--i-paper-2)} :is(#wone,html) body .wih-dark{background-color:var(--i-night);background-image:var(--i-dots);background-size:14px 14px;color:var(--i-ivory)} :is(#wone,html) body .wih-dark .wih-lede{color:var(--i-ivory-2)} :is(#wone,html) body .wih-dark .eyebrow{color:var(--i-oxide-l)!important} :is(#wone,html) body .wih-dark .text-btn{color:var(--i-ivory)} :is(#wone,html) body .wih-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,5vw,96px);align-items:end;margin-bottom:clamp(48px,6vw,88px)} :is(#wone,html) body .wih-two{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(24px,4vw,64px)} :is(#wone,html) body .wih-end{margin:36px 0 0} /* 1. instrument */ :is(#wone,html) body .wih-inst{position:relative;min-height:max(760px,calc(100svh - 108px));display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 72% 40%,#16212a 0%,var(--i-night) 62%);color:var(--i-ivory)} :is(#wone,html) body .wih-inst canvas{position:absolute;inset:0;width:100%;height:100%} :is(#wone,html) body .wih-inst::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,18,21,.96) 0%,rgba(12,18,21,.84) 36%,rgba(12,18,21,.18) 62%,rgba(12,18,21,0) 72%);pointer-events:none} :is(#wone,html) body .wih-inst-in{position:relative;z-index:2;padding-block:clamp(64px,8vw,112px) 40px} :is(#wone,html) body .wih-inst .eyebrow{color:var(--i-oxide-l)!important} :is(#wone,html) body .wih-sentence{font:300 clamp(40px,5.4vw,84px)/1.12 var(--i-display);letter-spacing:-.026em;margin:0;max-width:9.8em;color:var(--i-ivory)} :is(#wone,html) body .wih-pick{position:relative;display:inline-block;white-space:nowrap} :is(#wone,html) body .wih-pick select{appearance:none;-webkit-appearance:none;background:transparent!important;border:0!important;border-bottom:2px solid var(--i-oxide-l)!important;border-radius:0!important;color:inherit!important;font:inherit!important;letter-spacing:inherit!important;padding:0 .5em 0 .02em!important;margin:0!important;min-height:0!important;height:auto!important;line-height:1.02!important;cursor:pointer;box-shadow:none!important;max-width:100%} :is(#wone,html) body .wih-pick select:hover,:is(#wone,html) body .wih-pick select:focus-visible{color:#fff!important;border-bottom-color:var(--i-oxide-h)!important;outline:none} :is(#wone,html) body .wih-pick select option{font:400 16px var(--i-sans);color:var(--i-ink);background:var(--i-paper)} :is(#wone,html) body .wih-pick::after{content:"";position:absolute;right:.1em;top:.46em;width:.18em;height:.18em;border-right:2px solid var(--i-oxide-l);border-bottom:2px solid var(--i-oxide-l);transform:rotate(45deg);pointer-events:none} :is(#wone,html) body .wih-hint{margin:22px 0 0;font:500 13px/1.4 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wih-reads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(40px,4.5vw,64px);max-width:920px;border-top:1px solid var(--i-line-d)} :is(#wone,html) body .wih-read{padding:20px 24px 0 0;margin-right:24px;border-right:1px solid var(--i-line-d);min-height:150px} :is(#wone,html) body .wih-read:last-child{border-right:0;margin-right:0} :is(#wone,html) body .wih-read .wih-cap{color:var(--i-ivory-3);margin-bottom:12px;letter-spacing:.1em} :is(#wone,html) body .wih-big{font:300 44px/1 var(--i-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums} :is(#wone,html) body .wih-sub{font-size:14px;color:var(--i-ivory-2);margin-top:8px} :is(#wone,html) body .wih-read ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font:400 16px/1.3 var(--i-sans);color:var(--i-ivory)} :is(#wone,html) body .wih-read li{animation:wihIn .5s ease both} :is(#wone,html) body .wih-read li a{color:inherit;text-decoration:none} :is(#wone,html) body .wih-read li a:hover{text-decoration:underline;text-underline-offset:4px} :is(#wone,html) body .wih-read .wih-none{color:var(--i-ivory-3)} @keyframes wihIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}} :is(#wone,html) body .wih-go{margin-top:36px} :is(#wone,html) body .wih-go .text-btn{color:var(--i-ivory-2);margin-left:8px} :is(#wone,html) body .wih-inst .button-outline{color:var(--i-ivory)!important;border-color:rgba(238,232,220,.3)!important;background:transparent!important} :is(#wone,html) body .wih-inst .button-outline:hover{border-color:var(--i-ivory)!important;background:rgba(238,232,220,.06)!important} :is(#wone,html) body .wih-inst .button-red{background:var(--i-oxide-l)!important;border-color:var(--i-oxide-l)!important;color:#160d0a!important} :is(#wone,html) body .wih-inst .button-red:hover{background:var(--i-oxide-h)!important;border-color:var(--i-oxide-h)!important} :is(#wone,html) body .wih-proof{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:10px 32px;align-items:center;width:min(calc(100% - clamp(40px,8vw,128px)),1320px);margin:0 auto;padding:22px 0 26px;border-top:1px solid var(--i-line-d);font:500 13px/1 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wih-proof b{font:400 22px/1 var(--i-display);color:var(--i-ivory);margin-right:6px;letter-spacing:-.01em} :is(#wone,html) body .wih-legend{margin-left:auto;display:inline-flex;gap:8px;align-items:center} :is(#wone,html) body .wih-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:14px} :is(#wone,html) body .wih-legend i.a{background:var(--i-oxide-l)}:is(#wone,html) body .wih-legend i.b{background:#e0967e}:is(#wone,html) body .wih-legend i.c{background:rgba(238,232,220,.45)} /* 2. rail */ :is(#wone,html) body .wih-rail{background:var(--i-night-2);border-top:1px solid var(--i-line-d);border-bottom:1px solid var(--i-line-d)} :is(#wone,html) body .wih-rail .wx-wrap{display:flex;gap:28px;align-items:center;min-height:60px;overflow-x:auto;scrollbar-width:none} :is(#wone,html) body .wih-rail a{font:500 14px/1 var(--i-ui);color:var(--i-ivory-2);text-decoration:none;white-space:nowrap} :is(#wone,html) body .wih-rail a:hover{color:var(--i-ivory)} :is(#wone,html) body .wih-rail-l{font:500 11px/1 var(--i-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--i-oxide-l);white-space:nowrap} /* 3. what WONE is */ :is(#wone,html) body .wih-what-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);margin-top:clamp(36px,4vw,56px)} :is(#wone,html) body .wih-what-cols p:last-child{margin:0;font-size:16px;line-height:1.65;color:var(--i-ink-2)} :is(#wone,html) body .wih-tri{list-style:none;margin:clamp(40px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--i-ink)} :is(#wone,html) body .wih-tri li{padding:18px 20px 0 0;font:400 19px/1.25 var(--i-display);letter-spacing:-.01em} /* 4. leaders */ :is(#wone,html) body .wih-leaders{background:var(--i-oxide);color:#fff} :is(#wone,html) body .wih-leaders .wx-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding-block:34px} :is(#wone,html) body .wih-leaders .eyebrow{color:rgba(255,255,255,.72)!important;margin-bottom:10px!important} :is(#wone,html) body .wih-leaders-t{margin:0;font:400 clamp(20px,1.8vw,26px)/1.25 var(--i-display);letter-spacing:-.012em;max-width:30em} :is(#wone,html) body .wih-leaders nav{display:flex;flex-wrap:wrap;gap:8px} :is(#wone,html) body .wih-leaders nav a{font:500 13px/1 var(--i-ui);letter-spacing:.02em;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:13px 16px} :is(#wone,html) body .wih-leaders nav a:hover{background:#fff;color:var(--i-oxide)} /* 5. ask */ :is(#wone,html) body .wih-ask{padding-block:clamp(96px,10vw,150px);background:var(--i-paper-2)!important;border:0!important} :is(#wone,html) body .wih-ask-head{display:flex!important;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;margin:0 0 clamp(36px,4vw,56px)!important} :is(#wone,html) body .wih-ask-head .wih-lede{margin-top:22px} :is(#wone,html) body .wone-home-ask-modes{display:inline-flex!important;gap:4px;padding:4px!important;border-radius:999px!important;background:var(--i-white)!important;border:1px solid var(--i-line)} :is(#wone,html) body .wone-home-ask-modes button{all:unset;cursor:pointer;font:500 13px/1 var(--i-ui);padding:11px 16px;border-radius:999px;color:var(--i-ink-2)} :is(#wone,html) body .wone-home-ask-modes button.is-active{background:var(--i-ink);color:var(--i-paper)} /* 6. ways */ :is(#wone,html) body .wih-ways{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--i-ink)} :is(#wone,html) body .wih-way{display:grid;align-content:start;gap:14px;padding:26px 24px 30px 0;margin-right:24px;border-right:1px solid var(--i-line)} :is(#wone,html) body .wih-way:last-child{border-right:0;margin-right:0} :is(#wone,html) body .wih-way-w{all:unset;cursor:pointer;font:300 clamp(36px,3.6vw,56px)/1 var(--i-display);letter-spacing:-.03em;transition:color .2s} :is(#wone,html) body .wih-way p{margin:0;font-size:15px;line-height:1.55;color:var(--i-ink-2)} :is(#wone,html) body .wih-way a{font:500 13px/1 var(--i-ui);color:var(--i-oxide);text-decoration:none;letter-spacing:.02em} :is(#wone,html) body .wih-way-w:hover,:is(#wone,html) body .wih-way-w:focus-visible,:is(#wone,html) body .wih-way.is-on .wih-way-w{color:var(--i-oxide)} /* 7. atlas */ :is(#wone,html) body .wih-atlas{background:var(--i-paper-2)} :is(#wone,html) body .wih-lead{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:8px 48px;padding:32px;margin-bottom:48px;background:var(--i-night);background-image:var(--i-dots);background-size:14px 14px;color:var(--i-ivory);border-radius:var(--i-r);text-decoration:none} :is(#wone,html) body .wih-lead .wih-cap{grid-column:1/-1;color:var(--i-oxide-l)} :is(#wone,html) body .wih-lead strong{font:300 clamp(48px,5vw,76px)/1 var(--i-display);letter-spacing:-.04em;font-weight:300} :is(#wone,html) body .wih-lead-p{font-size:16px;line-height:1.6;color:var(--i-ivory-2);align-self:end} :is(#wone,html) body .wih-lead-more{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--i-line-d);padding-top:18px;margin-top:20px} :is(#wone,html) body .wih-lead-more em{font:400 19px/1.2 var(--i-display);font-style:normal;color:var(--i-ivory)} :is(#wone,html) body .wih-lead-more small{display:block;margin-top:6px;font:500 12px/1.4 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wih-lead:hover strong{color:var(--i-oxide-l)} :is(#wone,html) body .wih-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px} :is(#wone,html) body .wih-filters button{font:500 13px/1 var(--i-ui);border:1px solid var(--i-line);background:transparent;color:var(--i-ink-2);padding:11px 15px;border-radius:999px;cursor:pointer} :is(#wone,html) body .wih-filters button[aria-pressed="true"]{background:var(--i-ink);color:var(--i-paper);border-color:var(--i-ink)} :is(#wone,html) body .wih-mgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px;border-top:1px solid var(--i-ink)} :is(#wone,html) body .wih-mcell{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 0;border-bottom:1px solid var(--i-line);text-decoration:none;color:var(--i-ink)} :is(#wone,html) body .wih-mcell[hidden]{display:none} :is(#wone,html) body .wih-mcell .n{font:400 18px/1.25 var(--i-display);letter-spacing:-.005em} :is(#wone,html) body .wih-mcell .t{font:500 13px/1 var(--i-ui);color:var(--i-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap} :is(#wone,html) body .wih-mcell:hover .n{color:var(--i-oxide)} :is(#wone,html) body .wih-mcell.is-day .t{color:var(--i-ink)} :is(#wone,html) body .wih-mcell.is-day .t::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--i-oxide);margin-right:7px;vertical-align:1px} :is(#wone,html) body .wih-note{margin:20px 0 0;font-size:13px;color:var(--i-ink-3)} /* 8. combine */ :is(#wone,html) body .wih-combine .wih-d2{margin-bottom:clamp(36px,4vw,56px)!important} :is(#wone,html) body .wih-resolver{all:unset;display:block;padding:26px 0;border-top:1px solid var(--i-line)} :is(#wone,html) body .wih-resolver:last-child{border-bottom:1px solid var(--i-line)} :is(#wone,html) body .wih-sent{margin:0;font:300 clamp(28px,3vw,46px)/1.3 var(--i-display);letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .3em} :is(#wone,html) body .wih-pick.dark select{border-bottom-color:var(--i-oxide)!important;color:var(--i-ink)!important} :is(#wone,html) body .wih-pick.dark select:hover,:is(#wone,html) body .wih-pick.dark select:focus-visible{color:var(--i-oxide)!important} :is(#wone,html) body .wih-pick.dark::after{border-color:var(--i-oxide)} :is(#wone,html) body .wih-sent .button{margin-left:auto;align-self:center} /* 9. reality */ :is(#wone,html) body .wih-reality-in{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(40px,6vw,112px);align-items:center} :is(#wone,html) body .wih-reality .wih-lede{margin:26px 0 30px} :is(#wone,html) body .wih-mandate{border:1px solid var(--i-line-d);border-radius:var(--i-r);padding:clamp(28px,3vw,44px);background:rgba(12,18,21,.6)} :is(#wone,html) body .wih-mandate-core span{font:500 11px/1 var(--i-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--i-oxide-l)} :is(#wone,html) body .wih-mandate-core strong{display:block;margin:14px 0 6px;font:300 clamp(40px,4.4vw,64px)/1 var(--i-display);letter-spacing:-.035em;color:var(--i-ivory)} :is(#wone,html) body .wih-mandate-core small{font-size:14px;color:var(--i-ivory-3)} :is(#wone,html) body .wih-mandate-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0} :is(#wone,html) body .wih-mandate-tags span{border:1px solid var(--i-line-d);border-radius:999px;padding:9px 13px;font:500 13px/1 var(--i-ui);color:var(--i-ivory-2)} :is(#wone,html) body .wih-mandate p{margin:0;font-size:14px;color:var(--i-ivory-3);border-top:1px solid var(--i-line-d);padding-top:18px} /* 10. capabilities */ :is(#wone,html) body .wih-caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.5vw,40px)} :is(#wone,html) body .wih-caps h3{font:400 22px/1.15 var(--i-display)!important;letter-spacing:-.012em!important;margin:0 0 14px;padding-top:16px;border-top:1px solid var(--i-ink)} :is(#wone,html) body .wih-caps h3 span{display:block;font:500 12px/1 var(--i-ui);color:var(--i-oxide);margin-bottom:12px;letter-spacing:.06em} :is(#wone,html) body .wih-caps a{display:block;padding:11px 0;border-bottom:1px solid var(--i-line);font-size:15px;line-height:1.35;color:var(--i-ink);text-decoration:none} :is(#wone,html) body .wih-caps a:hover{color:var(--i-oxide)} :is(#wone,html) body .wih-callout{margin:20px 0 6px;font-size:14px;line-height:1.5;color:var(--i-ink-2)} :is(#wone,html) body .wih-callout strong{display:block;font:400 19px/1.2 var(--i-display);color:var(--i-ink);margin-bottom:4px} :is(#wone,html) body .wih-caps a.wih-all{color:var(--i-oxide);font:500 13px/1.3 var(--i-ui);border-bottom:0} /* 11. corridors */ :is(#wone,html) body .wih-cor{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px)} :is(#wone,html) body .wih-cor .wih-lede{margin-top:24px} :is(#wone,html) body .wih-corlist{list-style:none;margin:40px 0 0;padding:0;border-top:1px solid var(--i-line-d);max-height:520px;overflow:auto;scrollbar-width:thin} :is(#wone,html) body .wih-corlist a{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--i-line-d);font:400 18px/1.3 var(--i-display);color:var(--i-ivory-2);text-decoration:none;transition:padding .2s,color .2s} :is(#wone,html) body .wih-corlist small{font:500 12px/1.6 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wih-corlist a:hover,:is(#wone,html) body .wih-corlist a:focus-visible,:is(#wone,html) body .wih-corlist a.is-on{color:var(--i-ivory)} :is(#wone,html) body .wih-corlist a.is-on{box-shadow:inset 3px 0 0 var(--i-oxide-l);padding-left:14px} :is(#wone,html) body .wih-cormap{position:sticky;top:40px;align-self:start;height:560px;border:1px solid var(--i-line-d);border-radius:var(--i-r);overflow:hidden;background:radial-gradient(100% 100% at 60% 40%,#16212a,var(--i-night))} :is(#wone,html) body .wih-cormap canvas{width:100%;height:100%;display:block} :is(#wone,html) body .wih-cormap .wih-cap{position:absolute;left:20px;right:20px;bottom:18px;color:var(--i-ivory-3);text-transform:none;letter-spacing:0;font-size:13px} /* 12. steps */ :is(#wone,html) body .wih-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));counter-reset:wst;border-top:1px solid var(--i-ink);margin:0;padding:0} :is(#wone,html) body .wih-steps li{list-style:none;padding:22px 24px 0 0;margin-right:24px;border-right:1px solid var(--i-line);counter-increment:wst} :is(#wone,html) body .wih-steps li:last-child{border-right:0;margin-right:0} :is(#wone,html) body .wih-steps li::before{content:"Step " counter(wst);font:500 12px var(--i-ui);color:var(--i-ink-3);letter-spacing:.06em} :is(#wone,html) body .wih-steps h3{font:400 30px/1.1 var(--i-display)!important;letter-spacing:-.02em!important;margin:22px 0 10px!important} :is(#wone,html) body .wih-steps p{margin:0;font-size:15px;line-height:1.55;color:var(--i-ink-2)} /* 13. industries */ :is(#wone,html) body .wih-inds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);border-top:1px solid var(--i-ink)} :is(#wone,html) body .wih-ind{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;gap:6px 18px;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--i-line);text-decoration:none;color:var(--i-ink)} :is(#wone,html) body .wih-ind-n{font:500 12px/1 var(--i-ui);color:var(--i-ink-3);grid-row:span 2} :is(#wone,html) body .wih-ind strong{font:400 23px/1.2 var(--i-display);letter-spacing:-.014em;font-weight:400} :is(#wone,html) body .wih-ind-k{font:500 12px/1 var(--i-ui);color:var(--i-oxide);white-space:nowrap} :is(#wone,html) body .wih-ind-p{grid-column:2/4;font-size:14.5px;line-height:1.55;color:var(--i-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} :is(#wone,html) body .wih-ind:hover strong{color:var(--i-oxide)} /* 15. intelligence */ :is(#wone,html) body .wih-intel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.5vw,40px)} :is(#wone,html) body .wih-intel a{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--i-ink);text-decoration:none;color:var(--i-ink)} :is(#wone,html) body .wih-intel h3{font:400 26px/1.12 var(--i-display)!important;letter-spacing:-.018em!important;margin:4px 0 0!important} :is(#wone,html) body .wih-intel p{margin:0;font-size:15px;line-height:1.55;color:var(--i-ink-2)} :is(#wone,html) body .wih-intel b{margin-top:auto;font:500 13px/1 var(--i-ui);color:var(--i-oxide)} :is(#wone,html) body .wih-intel a:hover h3{color:var(--i-oxide)} /* 16. verticals */ :is(#wone,html) body .wih-verts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--i-line-d);border:1px solid var(--i-line-d);border-radius:var(--i-r);overflow:hidden} :is(#wone,html) body .wih-vert{display:flex;flex-direction:column;gap:12px;padding:28px 26px 32px;background:var(--i-night);color:var(--i-ivory);text-decoration:none;transition:background-color .2s} :is(#wone,html) body .wih-vert .wih-cap{color:var(--i-oxide-l)} :is(#wone,html) body .wih-vert strong{font:400 26px/1.1 var(--i-display);letter-spacing:-.02em;font-weight:400} :is(#wone,html) body .wih-vert span:last-child{font-size:14.5px;line-height:1.55;color:var(--i-ivory-2)} :is(#wone,html) body .wih-vert:hover{background:var(--i-night-2)} /* 17. circuit */ :is(#wone,html) body .wih-circuit{border-top:1px solid var(--i-line)} :is(#wone,html) body .wih-circuit .wih-lede{margin-top:26px} /* 18. institution */ :is(#wone,html) body .wih-bridge{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px)} :is(#wone,html) body .wih-points{list-style:none;margin:40px 0 0;padding:0;counter-reset:wpt;border-top:1px solid var(--i-ink)} :is(#wone,html) body .wih-points li{counter-increment:wpt;display:grid;grid-template-columns:3em 1fr;gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--i-line)} :is(#wone,html) body .wih-points li::before{content:"0" counter(wpt);font:500 12px/1.8 var(--i-ui);color:var(--i-oxide);grid-row:span 2} :is(#wone,html) body .wih-points strong{font:400 22px/1.2 var(--i-display);letter-spacing:-.012em;font-weight:400} :is(#wone,html) body .wih-points p{margin:0;font-size:15px;color:var(--i-ink-2)} /* 19. close */ :is(#wone,html) body .wih-close{padding-block:clamp(110px,12vw,190px);background:var(--i-paper)} :is(#wone,html) body .wih-close .wih-lede{margin:28px 0 40px} /* the footer's own pre-footer band repeats this call; on the homepage the close already carries it */ :is(#wone,html) body.home .wone-oxide-transition,:is(#wone,html) body.page-template-default.home .wone-oxide-transition{display:none!important} @media (max-width:1100px){:is(#wone,html) body .wih-reads{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#wone,html) body .wih-read:nth-child(2){border-right:0;margin-right:0}:is(#wone,html) body .wih-read{margin-bottom:20px}:is(#wone,html) body .wih-caps{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#wone,html) body .wih-intel{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#wone,html) body .wih-legend{display:none}} @media (max-width:860px){ :is(#wone,html) body .wih-inst::after{background:linear-gradient(180deg,rgba(12,18,21,.35) 0%,rgba(12,18,21,.9) 42%)} :is(#wone,html) body .wih-inst-in{padding-top:300px} :is(#wone,html) body .wih-head,:is(#wone,html) body .wih-two,:is(#wone,html) body .wih-cor,:is(#wone,html) body .wih-reality-in,:is(#wone,html) body .wih-bridge,:is(#wone,html) body .wih-what-cols,:is(#wone,html) body .wih-lead{grid-template-columns:1fr} :is(#wone,html) body .wih-ways{grid-template-columns:1fr}:is(#wone,html) body .wih-way{border-right:0;margin-right:0;border-bottom:1px solid var(--i-line);padding-right:0} :is(#wone,html) body .wih-mgrid{grid-template-columns:repeat(2,minmax(0,1fr))} :is(#wone,html) body .wih-cormap{position:relative;top:0;height:340px;order:-1} :is(#wone,html) body .wih-steps{grid-template-columns:1fr}:is(#wone,html) body .wih-steps li{border-right:0;margin-right:0;border-bottom:1px solid var(--i-line);padding-bottom:22px} :is(#wone,html) body .wih-inds{grid-template-columns:1fr} :is(#wone,html) body .wih-tri{grid-template-columns:1fr}:is(#wone,html) body .wih-tri li{padding:14px 0;border-bottom:1px solid var(--i-line)} :is(#wone,html) body .wih-lead-more{grid-template-columns:repeat(2,1fr)} :is(#wone,html) body .wih-sent .button{margin-left:0;margin-top:16px} } @media (max-width:560px){:is(#wone,html) body .wih-reads{grid-template-columns:1fr}:is(#wone,html) body .wih-read{border-right:0;margin-right:0;min-height:0;padding-bottom:16px;border-bottom:1px solid var(--i-line-d)}:is(#wone,html) body .wih-mgrid,:is(#wone,html) body .wih-caps,:is(#wone,html) body .wih-intel{grid-template-columns:1fr}:is(#wone,html) body .wih-sentence{font-size:38px}:is(#wone,html) body .wih-proof{gap:10px 20px}} :is(#wone,html) body .wih-nowrap{white-space:nowrap} :is(#wone,html) body .wih-d1 em{color:var(--i-oxide)!important;opacity:1!important;-webkit-text-fill-color:currentColor} :is(#wone,html) body .wih-resolver.w13-resolver{all:unset!important;display:block!important;padding:26px 0!important;border-top:1px solid var(--i-line)!important;background:transparent!important;border-radius:0!important} :is(#wone,html) body .wih-resolver.w13-resolver:last-child{border-bottom:1px solid var(--i-line)!important} :is(#wone,html) body .wih-resolver button.button{width:auto!important;min-height:48px!important;padding:0 24px!important;border-radius:999px!important} :is(#wone,html) body .wih-rail a.wih-rail-x{margin-left:auto;color:var(--i-oxide-l)} /* stacked heads: label, title, reading — never a narrow label column beside a title */ :is(#wone,html) body .wih-two{display:block!important} :is(#wone,html) body .wih-two > .eyebrow{margin-bottom:22px!important} :is(#wone,html) body .wih-two .wih-d1{max-width:17em} :is(#wone,html) body .wih-bridge{display:block!important} :is(#wone,html) body .wih-bridge > div:first-child .wih-d1{max-width:14em} :is(#wone,html) body .wih-bridge > div:last-child{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,96px);margin-top:clamp(36px,4vw,56px);align-items:start} :is(#wone,html) body .wih-bridge .wih-points{margin-top:0} :is(#wone,html) body .wih-head{display:block!important} :is(#wone,html) body .wih-head .wih-lede{margin-top:22px!important} @media (max-width:860px){:is(#wone,html) body .wih-bridge > div:last-child{grid-template-columns:1fr}} /* ===================================================================== Market dossier (.wid) — country pages ===================================================================== */ :is(#wone,html) body .wid-hero{position:relative;overflow:hidden;background:radial-gradient(90% 90% at 72% 42%,#17232b,var(--i-night) 65%);color:var(--i-ivory)} :is(#wone,html) body .wid-map{position:absolute;top:0;right:0;bottom:150px;width:60%;opacity:0;transition:opacity .8s} :is(#wone,html) body .wid-map.is-ready{opacity:1} :is(#wone,html) body .wid-map canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(60% 58% at 50% 50%,#000 58%,transparent 100%);mask-image:radial-gradient(60% 58% at 50% 50%,#000 58%,transparent 100%)} :is(#wone,html) body .wid-sun{position:absolute;right:clamp(20px,4vw,64px);bottom:14px;margin:0;font:500 12.5px/1.4 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wid-in{position:relative;z-index:2;min-height:max(620px,calc(88svh - 258px));display:flex;align-items:center;padding-block:clamp(64px,7vw,104px) 48px} :is(#wone,html) body .wid-copy{max-width:min(600px,46%);display:grid;gap:24px} :is(#wone,html) body .wid-copy .eyebrow{margin:0!important;color:var(--i-oxide-l)!important} :is(#wone,html) body .wid-crumbs{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;font:500 13px/1 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wid-crumbs a{color:inherit;text-decoration:none}:is(#wone,html) body .wid-crumbs a:hover{color:var(--i-ivory)} :is(#wone,html) body .wid-crumbs li+li::before{content:"/";margin-right:10px;opacity:.5} :is(#wone,html) body .wid-name{font:300 clamp(64px,8.6vw,132px)/.92 var(--i-display)!important;letter-spacing:-.045em!important;margin:0!important;color:var(--i-ivory)!important;text-wrap:balance} :is(#wone,html) body .wid-lede{margin:0;font:400 clamp(17px,1.35vw,20px)/1.6 var(--i-sans);color:var(--i-ivory-2);max-width:34em} :is(#wone,html) body .wid-ready{display:inline-flex;align-items:center;gap:10px;margin:0;font:500 13px/1.4 var(--i-ui);color:var(--i-ivory-2)} :is(#wone,html) body .wid-ready i{width:9px;height:9px;border-radius:50%;border:1px solid var(--i-ivory-3);flex:none} :is(#wone,html) body .wid-ready i.s-compare-ready{background:var(--i-oxide-l);border-color:var(--i-oxide-l)} :is(#wone,html) body .wid-ready i.s-developing{border-color:var(--i-oxide-l)} :is(#wone,html) body .wid-hero .button-white{background:transparent!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.32)!important} :is(#wone,html) body .wid-hero .button-white:hover{border-color:var(--i-ivory)!important} :is(#wone,html) body .wid-hero .button-outline{background:transparent!important;color:var(--i-ivory-2)!important;border:1px solid transparent!important;padding-inline:12px!important;text-decoration:underline!important;text-underline-offset:6px} :is(#wone,html) body .wid-hero .button-red{background:var(--i-oxide-l)!important;border-color:var(--i-oxide-l)!important;color:#160d0a!important} :is(#wone,html) body .wid-desk{display:flex;flex-wrap:wrap;gap:8px 22px;align-items:center;padding-top:20px;border-top:1px solid var(--i-line-d);font:500 13px/1 var(--i-ui)} :is(#wone,html) body .wid-desk span{color:var(--i-oxide-l);font-size:11px;letter-spacing:.14em;text-transform:uppercase} :is(#wone,html) body .wid-desk a{color:var(--i-ivory-2);text-decoration:none} :is(#wone,html) body .wid-desk a:hover{color:var(--i-ivory)} :is(#wone,html) body .wid-strip{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid var(--i-line-d);margin-bottom:0} :is(#wone,html) body .wid-strip > div{padding:22px 22px 30px 0;margin-right:22px;border-right:1px solid var(--i-line-d);min-width:0} :is(#wone,html) body .wid-strip > div:last-child{border-right:0;margin-right:0} :is(#wone,html) body .wid-strip p{margin:0 0 12px;font:500 11.5px/1.3 var(--i-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--i-ivory-3)} :is(#wone,html) body .wid-strip strong{display:block;font:300 30px/1.1 var(--i-display);letter-spacing:-.02em;color:var(--i-ivory);font-variant-numeric:tabular-nums;font-weight:300} :is(#wone,html) body .wid-strip strong.wid-sm{font-size:18px;line-height:1.3;font-weight:400} :is(#wone,html) body .wid-strip small{display:block;margin-top:10px;font-size:12px;color:var(--i-ivory-3)} :is(#wone,html) body .wid-meter{display:flex;gap:3px;margin-top:14px} :is(#wone,html) body .wid-meter i{flex:1;height:6px;border:1px solid var(--i-ivory-3);border-radius:1px} :is(#wone,html) body .wid-meter i.on{background:var(--i-oxide-l);border-color:var(--i-oxide-l)} /* the legacy orbit and desk are replaced by the dossier hero */ :is(#wone,html) body .w133-market-orbit,:is(#wone,html) body .wl-market-desk{display:none!important} @media (max-width:1100px){:is(#wone,html) body .wid-strip{grid-template-columns:repeat(3,minmax(0,1fr))}:is(#wone,html) body .wid-strip > div:nth-child(3n){border-right:0;margin-right:0}:is(#wone,html) body .wid-strip > div{border-bottom:1px solid var(--i-line-d)}} @media (max-width:860px){ :is(#wone,html) body .wid-map{position:relative;width:100%;height:340px;bottom:auto} :is(#wone,html) body .wid-in{min-height:0;padding-top:12px} :is(#wone,html) body .wid-copy{max-width:none} :is(#wone,html) body .wid-strip{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#wone,html) body .wid-strip > div:nth-child(3n){border-right:1px solid var(--i-line-d);margin-right:22px}:is(#wone,html) body .wid-strip > div:nth-child(2n){border-right:0;margin-right:0} } /* ---------- commercial centres on the hero map ---------- */ :is(#wone,html) body .wid-city{position:absolute;z-index:3;transform:translate(-50%,-50%);pointer-events:none} :is(#wone,html) body .wid-city i{display:block;width:9px;height:9px;border-radius:50%;background:var(--i-ivory);box-shadow:0 0 0 4px rgba(238,232,220,.14)} :is(#wone,html) body .wid-city span{position:absolute;left:16px;top:-12px;white-space:nowrap;font:400 16px/1 var(--i-display);color:var(--i-ivory);background:rgba(12,18,21,.8);padding:6px 9px 7px;border-radius:6px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)} :is(#wone,html) body .wid-city span b{display:block;margin-top:4px;font:500 10.5px/1.3 var(--i-ui);color:var(--i-ivory-3);letter-spacing:.02em} :is(#wone,html) body .wid-city.l span{left:auto;right:16px;text-align:right} :is(#wone,html) body .wid-strip strong.wid-md{font-size:24px;line-height:1.15} /* ---------- dossier sections ---------- */ :is(#wone,html) body .wdx-sec{padding-block:clamp(88px,9vw,140px)} :is(#wone,html) body .wdx-paper{background:var(--i-paper-2)} :is(#wone,html) body .wdx-dark{background-color:var(--i-night);background-image:var(--i-dots);background-size:14px 14px;color:var(--i-ivory)} :is(#wone,html) body .wdx-dark .eyebrow{color:var(--i-oxide-l)!important} :is(#wone,html) body .wdx-sec .eyebrow{margin:0 0 20px!important} :is(#wone,html) body .wdx-h2{font:400 clamp(34px,4vw,58px)/1.05 var(--i-display)!important;letter-spacing:-.03em!important;margin:0!important;max-width:18em;color:inherit} :is(#wone,html) body .wdx-h3{font:400 clamp(24px,2.2vw,32px)/1.15 var(--i-display)!important;letter-spacing:-.018em!important;margin:clamp(56px,6vw,80px) 0 24px!important;max-width:22em} :is(#wone,html) body .wdx-lede{margin:22px 0 0;max-width:40em;font:400 clamp(16px,1.3vw,19px)/1.6 var(--i-sans);color:var(--i-ink-2)} :is(#wone,html) body .wdx-dark .wdx-lede{color:var(--i-ivory-2)} :is(#wone,html) body .wdx-local strong{font-size:18px!important} /* readings */ :is(#wone,html) body .wdx-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--i-ink);margin-top:clamp(40px,4vw,56px)} :is(#wone,html) body .wdx-signals article{padding:22px 22px 26px 0;margin-right:22px;border-right:1px solid var(--i-line);border-bottom:1px solid var(--i-line)} :is(#wone,html) body .wdx-signals article:nth-child(4n){border-right:0;margin-right:0} :is(#wone,html) body .wdx-signals span{font:500 11.5px/1.3 var(--i-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--i-ink-3)} :is(#wone,html) body .wdx-signals strong{display:block;margin:12px 0 10px;font:400 24px/1.15 var(--i-display);letter-spacing:-.015em} :is(#wone,html) body .wdx-signals p{margin:0;font-size:14.5px;line-height:1.55;color:var(--i-ink-2)} /* lens board */ :is(#wone,html) body .wdx-board{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,4vw,64px);margin-top:clamp(44px,5vw,72px);align-items:start} :is(#wone,html) body .wdx-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--i-line);border:1px solid var(--i-line);border-radius:var(--i-r);overflow:hidden} :is(#wone,html) body .wdx-cell{all:unset;box-sizing:border-box;cursor:pointer;background:var(--i-paper-3);min-height:138px;padding:18px 18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;transition:background-color .2s,color .2s} :is(#wone,html) body .wdx-cell .k{display:flex;justify-content:space-between;align-items:center;font:500 12px/1 var(--i-ui);color:var(--i-ink-3)} :is(#wone,html) body .wdx-cell .k i{width:9px;height:9px;border-radius:50%;border:1px solid #9aa1a3} :is(#wone,html) body .wdx-cell.s-verified .k i{background:var(--i-oxide);border-color:var(--i-oxide)} :is(#wone,html) body .wdx-cell.s-source-backed .k i{border-color:var(--i-oxide);background:linear-gradient(90deg,var(--i-oxide) 50%,transparent 50%)} :is(#wone,html) body .wdx-cell .t{font:400 21px/1.2 var(--i-display);letter-spacing:-.01em;color:var(--i-ink)} :is(#wone,html) body .wdx-cell:hover{background:var(--i-white)} :is(#wone,html) body .wdx-cell:focus-visible{outline:2px solid var(--i-oxide);outline-offset:-2px} :is(#wone,html) body .wdx-cell[aria-selected="true"]{background:var(--i-ink)} :is(#wone,html) body .wdx-cell[aria-selected="true"] .t{color:var(--i-paper)} :is(#wone,html) body .wdx-cell[aria-selected="true"] .k{color:rgba(242,237,228,.6)} :is(#wone,html) body .wdx-cell[aria-selected="true"] .k i{border-color:var(--i-oxide-l)} :is(#wone,html) body .wdx-key{cursor:default;background:var(--i-paper-2)!important} :is(#wone,html) body .wdx-key .t{font:400 14px/2 var(--i-sans)!important;color:var(--i-ink-2)!important} :is(#wone,html) body .wdx-key .t i{display:inline-block;width:8px;height:8px;border-radius:50%;border:1px solid #9aa1a3;margin:0 6px 0 0;vertical-align:0} :is(#wone,html) body .wdx-key .t i:not(:first-child){margin-left:12px} :is(#wone,html) body .wdx-key .t i.s-verified{background:var(--i-oxide);border-color:var(--i-oxide)} :is(#wone,html) body .wdx-key .t i.s-source-backed{border-color:var(--i-oxide);background:linear-gradient(90deg,var(--i-oxide) 50%,transparent 50%)} :is(#wone,html) body .wdx-panels{position:sticky;top:96px} :is(#wone,html) body .wdx-panel{border-top:2px solid var(--i-ink);padding-top:22px;display:grid;gap:20px} :is(#wone,html) body .wdx-panel[hidden]{display:none} :is(#wone,html) body .wdx-st{display:flex;gap:10px;align-items:center;margin:0;font:500 13px/1.4 var(--i-ui);color:var(--i-ink-3)} :is(#wone,html) body .wdx-st i{width:9px;height:9px;border-radius:50%;border:1px solid #9aa1a3;flex:none} :is(#wone,html) body .wdx-st.s-verified i{background:var(--i-oxide);border-color:var(--i-oxide)} :is(#wone,html) body .wdx-st.s-source-backed i{border-color:var(--i-oxide);background:linear-gradient(90deg,var(--i-oxide) 50%,transparent 50%)} :is(#wone,html) body .wdx-panel h3{font:400 clamp(30px,2.8vw,42px)/1.06 var(--i-display)!important;letter-spacing:-.024em!important;margin:0!important} :is(#wone,html) body .wdx-q{margin:0;font:400 20px/1.45 var(--i-sans);color:var(--i-ink-2)} :is(#wone,html) body .wdx-evidence{background:var(--i-white);border:1px solid var(--i-line-2);border-radius:var(--i-r);padding:18px 20px} :is(#wone,html) body .wdx-evidence span{display:block;font:500 11px/1.4 var(--i-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--i-ink-3);margin-bottom:8px} :is(#wone,html) body .wdx-evidence span.imp{color:var(--i-oxide);margin-top:14px} :is(#wone,html) body .wdx-evidence p{margin:0;font-size:15px;line-height:1.55} :is(#wone,html) body .wdx-decide span{font:500 11px/1.4 var(--i-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--i-ink-3)} :is(#wone,html) body .wdx-decide ul{margin:10px 0 0;padding-left:18px;font-size:15px;line-height:1.55} :is(#wone,html) body .wdx-caps{list-style:none;margin:0;padding:0;border-top:1px solid var(--i-line)} :is(#wone,html) body .wdx-caps a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--i-line);font:400 17px/1.3 var(--i-display);color:var(--i-ink);text-decoration:none} :is(#wone,html) body .wdx-caps a span{color:var(--i-oxide)} :is(#wone,html) body .wdx-caps a:hover{color:var(--i-oxide)} :is(#wone,html) body .wdx-panel .button{justify-self:start} /* resolver sentences */ :is(#wone,html) body .wdx-resolve{background:var(--i-paper)} :is(#wone,html) body .wdx-sentence.w13-resolver{all:unset!important;display:block!important;padding:26px 0!important;border-top:1px solid var(--i-line)!important} :is(#wone,html) body .wdx-sentence.w13-resolver:last-child{border-bottom:1px solid var(--i-line)!important} :is(#wone,html) body .wdx-sentence p{margin:0;font:300 clamp(28px,3.2vw,48px)/1.3 var(--i-display);letter-spacing:-.02em;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .3em} :is(#wone,html) body .wdx-sentence .button{margin-left:auto;align-self:center;width:auto!important} /* index rows (moments, expertise) */ :is(#wone,html) body .wdx-index{border-top:1px solid var(--i-ink);margin-top:clamp(40px,4vw,56px)} :is(#wone,html) body .wdx-index.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px)} :is(#wone,html) body .wdx-row{display:grid;grid-template-columns:3.6em minmax(0,1fr) 1.5em;gap:6px 16px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--i-line);color:var(--i-ink);text-decoration:none;transition:padding .25s} :is(#wone,html) body .wdx-row .n{font:500 12px/1 var(--i-ui);color:var(--i-ink-3);grid-row:span 2} :is(#wone,html) body .wdx-row strong{font:400 clamp(19px,1.6vw,23px)/1.2 var(--i-display);letter-spacing:-.012em;font-weight:400} :is(#wone,html) body .wdx-row .p{grid-column:2;font-size:14.5px;line-height:1.55;color:var(--i-ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden} :is(#wone,html) body .wdx-row .a{grid-column:3;grid-row:1;color:var(--i-oxide);text-align:right} :is(#wone,html) body .wdx-row:hover strong{color:var(--i-oxide)} :is(#wone,html) body .wdx-index:not(.two) .wdx-row{grid-template-columns:3.6em minmax(0,5fr) minmax(0,6fr) 1.5em} :is(#wone,html) body .wdx-index:not(.two) .wdx-row .n{grid-row:auto} :is(#wone,html) body .wdx-index:not(.two) .wdx-row .p{grid-column:3} :is(#wone,html) body .wdx-index:not(.two) .wdx-row .a{grid-column:4} /* execution phases */ :is(#wone,html) body .wdx-phases{list-style:none;margin:clamp(40px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));border-top:1px solid var(--i-line-d)} :is(#wone,html) body .wdx-phases > li{padding:22px 24px 0 0;margin-right:24px;border-right:1px solid var(--i-line-d)} :is(#wone,html) body .wdx-phases > li:last-child{border-right:0} :is(#wone,html) body .wdx-phases span{font:500 12px/1 var(--i-ui);color:var(--i-oxide-l);letter-spacing:.06em} :is(#wone,html) body .wdx-phases h3{font:400 24px/1.15 var(--i-display)!important;color:var(--i-ivory)!important;margin:16px 0 12px!important} :is(#wone,html) body .wdx-phases ul{margin:0;padding-left:18px;color:var(--i-ivory-2);font-size:14.5px;line-height:1.6} /* industries */ :is(#wone,html) body .wdx-inds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,64px);border-top:1px solid var(--i-ink);margin-top:clamp(40px,4vw,56px)} :is(#wone,html) body .wdx-inds a{display:grid;grid-template-columns:3.6em 1fr auto;gap:12px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--i-line);font:400 21px/1.2 var(--i-display);letter-spacing:-.01em;color:var(--i-ink);text-decoration:none} :is(#wone,html) body .wdx-inds a span{font:500 12px/1 var(--i-ui);color:var(--i-ink-3)} :is(#wone,html) body .wdx-inds a em{font:500 12.5px/1 var(--i-ui);font-style:normal;color:var(--i-oxide);white-space:nowrap} :is(#wone,html) body .wdx-inds a:hover{color:var(--i-oxide)} :is(#wone,html) body .wdx-watch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--i-line);border:1px solid var(--i-line);border-radius:var(--i-r);overflow:hidden} :is(#wone,html) body .wdx-watch > div{background:var(--i-paper-3);padding:22px 20px 24px} :is(#wone,html) body .wdx-watch span{font:500 12px/1 var(--i-ui);color:var(--i-ink-3)} :is(#wone,html) body .wdx-watch strong{display:block;margin:12px 0 8px;font:400 20px/1.2 var(--i-display)} :is(#wone,html) body .wdx-watch p{margin:0;font-size:14px;line-height:1.55;color:var(--i-ink-2)} /* corridors */ :is(#wone,html) body .wdx-cor{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(32px,4vw,64px);align-items:center;margin-top:clamp(40px,4vw,56px)} :is(#wone,html) body .wdx-cormap{position:relative;height:440px;border:1px solid var(--i-line-d);border-radius:var(--i-r);overflow:hidden;background:radial-gradient(100% 100% at 60% 40%,#16212a,var(--i-night))} :is(#wone,html) body .wdx-cormap canvas{display:block;width:100%;height:100%} :is(#wone,html) body .wdx-corlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--i-line-d)} :is(#wone,html) body .wdx-corlist a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:16px 0;border-bottom:1px solid var(--i-line-d);text-decoration:none;color:var(--i-ivory)} :is(#wone,html) body .wdx-corlist strong{font:400 20px/1.3 var(--i-display);font-weight:400} :is(#wone,html) body .wdx-corlist span{font:500 12.5px/1.5 var(--i-ui);color:var(--i-ivory-3);white-space:nowrap;font-variant-numeric:tabular-nums} :is(#wone,html) body .wdx-corlist a:hover strong{color:#fff;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px} /* people */ :is(#wone,html) body .wdx-people{margin-top:clamp(40px,4vw,56px)} :is(#wone,html) body .wdx-notice{margin-top:clamp(40px,4vw,56px);background:var(--i-white);border:1px solid var(--i-line-2);border-radius:var(--i-r);padding:clamp(24px,3vw,40px);max-width:880px} :is(#wone,html) body .wdx-notice-k{margin:0 0 12px;font:500 11.5px/1.4 var(--i-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--i-oxide)} :is(#wone,html) body .wdx-notice h3{font:400 clamp(22px,2vw,28px)/1.2 var(--i-display)!important;letter-spacing:-.015em!important;margin:0 0 12px!important} :is(#wone,html) body .wdx-notice p{margin:0 0 22px;color:var(--i-ink-2);font-size:15.5px;line-height:1.6} :is(#wone,html) body .wdx-sub{margin:48px 0 0;font:500 11.5px/1.4 var(--i-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--i-ink-3)} /* intelligence */ :is(#wone,html) body .wdx-intel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.5vw,40px);margin-top:clamp(40px,4vw,56px)} :is(#wone,html) body .wdx-intel a{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1px solid var(--i-ink);color:var(--i-ink);text-decoration:none} :is(#wone,html) body .wdx-intel span{font:500 11.5px/1.3 var(--i-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--i-oxide)} :is(#wone,html) body .wdx-intel h3{font:400 22px/1.2 var(--i-display)!important;letter-spacing:-.012em!important;margin:0!important} :is(#wone,html) body .wdx-intel p{margin:0;font-size:14.5px;line-height:1.55;color:var(--i-ink-2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} :is(#wone,html) body .wdx-intel b{margin-top:auto;font:500 13px/1 var(--i-ui);color:var(--i-oxide)} @media (max-width:1000px){:is(#wone,html) body .wdx-signals{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#wone,html) body .wdx-signals article:nth-child(2n){border-right:0;margin-right:0}:is(#wone,html) body .wdx-watch{grid-template-columns:repeat(2,minmax(0,1fr))}:is(#wone,html) body .wdx-intel{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:900px){ :is(#wone,html) body .wdx-board,:is(#wone,html) body .wdx-cor,:is(#wone,html) body .wdx-index.two,:is(#wone,html) body .wdx-inds{grid-template-columns:1fr} :is(#wone,html) body .wdx-panels{position:static} :is(#wone,html) body .wdx-cells{grid-template-columns:repeat(2,minmax(0,1fr))} :is(#wone,html) body .wdx-cell{min-height:110px} :is(#wone,html) body .wdx-index:not(.two) .wdx-row{grid-template-columns:3em minmax(0,1fr) 1.5em} :is(#wone,html) body .wdx-index:not(.two) .wdx-row .p{grid-column:2} :is(#wone,html) body .wdx-index:not(.two) .wdx-row .a{grid-column:3} :is(#wone,html) body .wdx-sentence .button{margin-left:0;margin-top:16px} :is(#wone,html) body .wdx-cormap{height:320px} :is(#wone,html) body .wid-city span b{display:none} } @media (max-width:560px){:is(#wone,html) body .wdx-signals,:is(#wone,html) body .wdx-watch,:is(#wone,html) body .wdx-intel{grid-template-columns:1fr}:is(#wone,html) body .wdx-signals article{border-right:0;margin-right:0}} :is(#wone,html) body .wid-city.no-label span{display:none} :is(#wone,html) body .wdx-stop{margin-left:-.18em} :is(#wone,html) body .wid-city.b span{top:12px} :is(#wone,html) body .wid-city.u span{top:auto;bottom:12px} :is(#wone,html) body .wid-city.l.b span,:is(#wone,html) body .wid-city.l.u span{left:auto;right:16px} :is(#wone,html) body .wid-name.is-long{font-size:clamp(48px,5.6vw,88px)!important;line-height:.96!important} /* ===================================================================== Corridor bridge (.wib) — corridor pages ===================================================================== */ :is(#wone,html) body .wib{position:relative;overflow:hidden;background:radial-gradient(80% 70% at 50% 46%,#16232a,var(--i-night) 70%);color:var(--i-ivory)} :is(#wone,html) body .wib canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(72% 66% at 50% 48%,#000 48%,transparent 100%);mask-image:radial-gradient(72% 66% at 50% 48%,#000 48%,transparent 100%)} :is(#wone,html) body .wib-in{position:relative;z-index:2;min-height:max(760px,calc(100svh - 108px));display:grid;grid-template-rows:auto 1fr auto auto;padding-block:clamp(48px,6vw,88px) 48px} :is(#wone,html) body .wib-top{display:grid;justify-items:center;text-align:center;gap:22px} :is(#wone,html) body .wib h1{font:300 clamp(44px,5.6vw,88px)/1 var(--i-display)!important;letter-spacing:-.036em!important;margin:0!important;max-width:14em;color:var(--i-ivory)!important} :is(#wone,html) body .wib h1 em{font-style:normal;color:var(--i-ivory-3)} :is(#wone,html) body .wib-lede{margin:0;max-width:44em;font:400 16px/1.6 var(--i-sans);color:var(--i-ivory-2)} :is(#wone,html) body .wib-ends{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-top:clamp(40px,5vw,80px)} :is(#wone,html) body .wib.is-swapped .wib-ends{flex-direction:row-reverse} :is(#wone,html) body .wib-end{flex:1;min-width:0;display:grid;gap:8px} :is(#wone,html) body .wib-end p{margin:0} :is(#wone,html) body .wib-ends > .wib-end:last-child{text-align:right;justify-items:end} :is(#wone,html) body .wib.is-swapped .wib-ends > .wib-end:last-child{text-align:left;justify-items:start} :is(#wone,html) body .wib.is-swapped .wib-ends > .wib-end:first-child{text-align:right;justify-items:end} :is(#wone,html) body .wib-who{font:500 11.5px/1 var(--i-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--i-oxide-l)} :is(#wone,html) body .wib-n{font:400 clamp(22px,2vw,30px)/1.15 var(--i-display);letter-spacing:-.012em} :is(#wone,html) body .wib-n a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(238,232,220,.3)} :is(#wone,html) body .wib-n a:hover{border-color:var(--i-ivory)} :is(#wone,html) body .wib-clk{font:300 clamp(64px,8.6vw,132px)/.9 var(--i-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;margin:4px 0!important} :is(#wone,html) body .wib-clk sup{font:500 .16em/1 var(--i-ui);letter-spacing:.01em;color:var(--i-ivory-3);vertical-align:.3em;margin-left:.4em} :is(#wone,html) body .wib-open{display:inline-flex;align-items:center;gap:8px;font:500 13px/1 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wib-open i{width:7px;height:7px;border-radius:50%;background:var(--i-ivory-3)} :is(#wone,html) body .wib-open.on{color:var(--i-ivory)}:is(#wone,html) body .wib-open.on i{background:var(--i-oxide-l);box-shadow:0 0 0 4px rgba(208,112,90,.22)} :is(#wone,html) body .wib-seam{flex:none;width:190px;display:grid;justify-items:center;gap:10px;padding-bottom:26px;text-align:center} :is(#wone,html) body .wib-seam span{font:500 12.5px/1.4 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wib-rule{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--i-ivory-3) 20%,var(--i-ivory-3) 80%,transparent)} :is(#wone,html) body .wib-seam strong{font:300 30px/1 var(--i-display);letter-spacing:-.01em;color:var(--i-ivory)} :is(#wone,html) body .wib-day{border-top:1px solid var(--i-line-d);margin-top:44px;padding-top:24px} :is(#wone,html) body .wib.no-day .wib-day,:is(#wone,html) body .wib.no-day .wib-seam{display:none} :is(#wone,html) body .wib-day-h{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:baseline} :is(#wone,html) body .wib-day-h p{margin:0} :is(#wone,html) body .wib-day-t{font:400 22px/1.3 var(--i-display);letter-spacing:-.01em} :is(#wone,html) body .wib-day-n{font:500 12.5px/1.4 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wib-tracks{position:relative;margin-top:22px;display:grid;gap:10px} :is(#wone,html) body .wib.is-swapped .wib-tracks{display:flex;flex-direction:column-reverse} :is(#wone,html) body .wib-trk{position:relative;height:30px;border-radius:4px;background:rgba(238,232,220,.05);overflow:hidden} :is(#wone,html) body .wib-trk b{position:absolute;top:0;bottom:0;background:rgba(238,232,220,.2);border-radius:4px} :is(#wone,html) body .wib-trk em{position:absolute;left:10px;top:50%;transform:translateY(-50%);font:500 12px/1 var(--i-ui);font-style:normal;color:var(--i-ivory-2);z-index:2} :is(#wone,html) body .wib-ovl{position:absolute;top:-6px;bottom:-6px;border-left:1px solid var(--i-oxide-l);border-right:1px solid var(--i-oxide-l);background:rgba(208,112,90,.1);pointer-events:none;border-radius:2px} :is(#wone,html) body .wib-now{position:absolute;top:-14px;bottom:-14px;left:50%;width:1px;background:var(--i-ivory)} :is(#wone,html) body .wib-now::before{content:"Now";position:absolute;top:-18px;left:50%;transform:translateX(-50%);font:500 11px/1 var(--i-ui);color:var(--i-ivory)} :is(#wone,html) body .wib-ticks{display:flex;justify-content:space-between;margin-top:22px;font:500 11px/1 var(--i-ui);color:var(--i-ivory-3);font-variant-numeric:tabular-nums} :is(#wone,html) body .wib-go{margin-top:36px;justify-content:center} :is(#wone,html) body .wib .button-red{background:var(--i-oxide-l)!important;border-color:var(--i-oxide-l)!important;color:#160d0a!important} :is(#wone,html) body .wib .button-white{background:transparent!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.32)!important} :is(#wone,html) body .wib .button-outline{background:transparent!important;color:var(--i-ivory-2)!important;border:1px solid transparent!important;text-decoration:underline!important;text-underline-offset:6px} :is(#wone,html) body .wib .wid-crumbs{justify-content:center} /* the old bridge strip is replaced by the hero */ :is(#wone,html) body .w133-corridor-bridge{display:none!important} /* what moves: four lanes */ :is(#wone,html) body .wone-corridor-moves-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important;border-top:1px solid var(--i-ink)} :is(#wone,html) body .wone-corridor-move-card{display:grid!important;grid-template-columns:minmax(0,4fr) minmax(0,3fr) minmax(0,5fr);gap:clamp(20px,3vw,48px);align-items:center;padding:30px 0!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--i-line)!important;border-radius:0!important;position:relative} :is(#wone,html) body .wone-corridor-move-card > span{order:2;position:relative;display:block;height:14px;font-size:0!important;color:transparent!important} :is(#wone,html) body .wone-corridor-move-card > span::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed #b9b1a3} :is(#wone,html) body .wone-corridor-move-card > span::after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--i-oxide);left:10%;animation:wibRun 5.6s cubic-bezier(.45,0,.55,1) infinite alternate} :is(#wone,html) body .wone-corridor-move-card:nth-child(2) > span::after{animation-delay:-1.4s}:is(#wone,html) body .wone-corridor-move-card:nth-child(3) > span::after{animation-delay:-2.8s}:is(#wone,html) body .wone-corridor-move-card:nth-child(4) > span::after{animation-delay:-4.2s} @keyframes wibRun{from{left:4%}to{left:92%}} :is(#wone,html) body .wone-corridor-move-card h4{order:1;margin:0!important;font:400 clamp(24px,2.3vw,34px)/1.1 var(--i-display)!important;letter-spacing:-.016em!important} :is(#wone,html) body .wone-corridor-move-card p{order:3;margin:0!important;color:var(--i-ink-2)!important;font-size:16px!important;line-height:1.6!important} /* bilateral matrix: each end on its own terms, the consequence in the middle */ :is(#wone,html) body .wone-bilateral-matrix-card{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important} :is(#wone,html) body .wone-matrix-row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)!important;gap:0!important;border:0!important;background:transparent!important} :is(#wone,html) body .wone-matrix-row > :nth-child(1){grid-column:2;grid-row:1;background:var(--i-ink);color:var(--i-paper);padding:30px 30px 6px!important;border:0!important} :is(#wone,html) body .wone-matrix-row > :nth-child(2){grid-column:1;grid-row:1/3;padding:30px 36px 32px 0!important;border-top:1px solid var(--i-line)!important} :is(#wone,html) body .wone-matrix-row > :nth-child(3){grid-column:3;grid-row:1/3;padding:30px 0 32px 36px!important;border-top:1px solid var(--i-line)!important;text-align:right} :is(#wone,html) body .wone-matrix-row > :nth-child(4){grid-column:2;grid-row:2;background:var(--i-ink);color:var(--i-paper);padding:0 30px 32px!important;border:0!important} :is(#wone,html) body .wone-matrix-row:not(.header) + .wone-matrix-row > :nth-child(1){border-top:1px solid rgba(242,237,228,.14)!important} :is(#wone,html) body .wone-matrix-row.header > *{grid-row:1!important;padding:0 0 14px!important;background:transparent!important;color:var(--i-ink-3)!important;border:0!important;font:500 11.5px/1.4 var(--i-ui)!important;letter-spacing:.12em!important} :is(#wone,html) body .wone-matrix-row.header > :nth-child(1){display:none} :is(#wone,html) body .wone-matrix-row.header > :nth-child(4){grid-column:2;background:var(--i-ink)!important;color:rgba(242,237,228,.6)!important;padding:18px 30px 14px!important;border-radius:var(--i-r) var(--i-r) 0 0} :is(#wone,html) body .wone-matrix-row.header > :nth-child(3){text-align:right} :is(#wone,html) body .wone-matrix-row:last-child > :nth-child(4){border-radius:0 0 var(--i-r) var(--i-r)} :is(#wone,html) body .wone-matrix-cell p{margin:0;font-size:15.5px;line-height:1.6;color:var(--i-ink-2)} :is(#wone,html) body .wone-matrix-row > :nth-child(1) strong{display:block;font:400 clamp(21px,1.8vw,26px)/1.2 var(--i-display)!important;color:var(--i-paper)!important;letter-spacing:-.01em} :is(#wone,html) body .wone-matrix-row > :nth-child(1) p{color:rgba(242,237,228,.6)!important;font-size:13px!important;margin-top:6px} :is(#wone,html) body .wone-matrix-row > :nth-child(4) strong{display:block;font:500 11px/1.4 var(--i-ui)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--i-oxide-l)!important;margin:16px 0 8px} :is(#wone,html) body .wone-matrix-row > :nth-child(4) p{color:var(--i-paper)!important;font:400 17px/1.55 var(--i-sans)!important} @media (max-width:900px){ :is(#wone,html) body .wib-ends,:is(#wone,html) body .wib.is-swapped .wib-ends{flex-direction:column;align-items:stretch} :is(#wone,html) body .wib-ends > .wib-end:last-child,:is(#wone,html) body .wib.is-swapped .wib-ends > .wib-end:first-child{text-align:left;justify-items:start} :is(#wone,html) body .wib-seam{width:auto;justify-items:start;text-align:left;padding:0}:is(#wone,html) body .wib-rule{display:none} :is(#wone,html) body .wib-ticks span:nth-child(even),:is(#wone,html) body .wib-ticks span:nth-child(3),:is(#wone,html) body .wib-ticks span:nth-child(7){display:none} :is(#wone,html) body .wone-corridor-move-card{grid-template-columns:1fr} :is(#wone,html) body .wone-matrix-row{grid-template-columns:1fr!important} :is(#wone,html) body .wone-matrix-row > *{grid-column:1!important;grid-row:auto!important;text-align:left!important} :is(#wone,html) body .wone-matrix-row > :nth-child(1){order:1;border-radius:var(--i-r) var(--i-r) 0 0;margin-top:28px} :is(#wone,html) body .wone-matrix-row > :nth-child(4){order:2;border-radius:0 0 var(--i-r) var(--i-r)} :is(#wone,html) body .wone-matrix-row > :nth-child(2){order:3;padding:18px 0 6px!important} :is(#wone,html) body .wone-matrix-row > :nth-child(3){order:4;padding:6px 0 18px!important;border-top:0!important} :is(#wone,html) body .wone-matrix-row.header{display:none!important} } :is(#wone,html) body .wone-matrix-row:not(.header) > :is(:nth-child(1),:nth-child(4)),:is(#wone,html) body .wone-matrix-cell.implication{background:var(--i-ink)!important;color:var(--i-paper)!important} :is(#wone,html) body .wone-matrix-row:not(.header) > :is(:nth-child(2),:nth-child(3)){background:transparent!important} /* corridor questions */ :is(#wone,html) body .wib-qs{list-style:none;margin:clamp(40px,4vw,64px) 0 0;padding:0;counter-reset:wq;border-top:1px solid var(--i-line-d)} :is(#wone,html) body .wib-qs li{counter-increment:wq;border-bottom:1px solid var(--i-line-d)} :is(#wone,html) body .wib-qs a{display:grid;grid-template-columns:4ch minmax(0,1fr) auto;gap:24px;align-items:baseline;padding:30px 0;text-decoration:none;color:var(--i-ivory)} :is(#wone,html) body .wib-qs a::before{content:"0" counter(wq);font:500 13px/1 var(--i-ui);color:var(--i-ivory-3)} :is(#wone,html) body .wib-qs p{margin:0;font:300 clamp(24px,2.5vw,36px)/1.2 var(--i-display);letter-spacing:-.012em} :is(#wone,html) body .wib-qs span{font:500 14px/1 var(--i-ui);color:var(--i-ivory-3);white-space:nowrap} :is(#wone,html) body .wib-qs a:hover p{color:#fff}:is(#wone,html) body .wib-qs a:hover span{color:var(--i-oxide-l)} @media (max-width:900px){:is(#wone,html) body .wib-qs a{grid-template-columns:3ch minmax(0,1fr)}:is(#wone,html) body .wib-qs span{grid-column:2}} /* ===================================================================== Dark grounds across legacy heroes and bands: one night, one dot field, ivory type, inverted pills. Generated from the dark-background classes in wone-base. ===================================================================== */ :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band){background-color:var(--i-night)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;color:var(--i-ivory)!important} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) :is(h1,h2,h3){color:var(--i-ivory)!important} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) p{color:var(--i-ivory-2)} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) :is(.button-red,.btn-wone){background:var(--i-oxide-l)!important;border-color:var(--i-oxide-l)!important;color:#160d0a!important} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) :is(.button-white,.light-btn){background:var(--i-ivory)!important;color:var(--i-night)!important;border-color:var(--i-ivory)!important} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) :is(.button-outline,.button-dark){background:transparent!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.32)!important} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) :is(.button-outline,.button-dark):hover{border-color:var(--i-ivory)!important} :is(#wone,html) body :is(.close-cta,.w13-hero,.w137-firm-hero,.w138-ask-hero,.w138-hero,.w139-cap-index-hero,.w139-corridor-index-hero,.w139-industry-index-hero,.w139-intel-hero,.w139-podcast-detail-hero,.w139-podcast-hero,.w139-update-detail-hero,.w139-update-hero,.w139-market-index-hero,.wc9-graph-hero,.wc9-hero,.wen8-hero,.wl-compare-hero,.wl-dark,.wl-hero,.wl-my-hero,.wone-report-hero,.ws10-hero,.wtc-hero,.wte-hero,.ww-dark,.ww-hero,.wx-firm-band) .eyebrow{color:var(--i-oxide-l)!important} :is(#wone,html) body :is(.w139-universe-stats,.w139-intel-stats,.w139-hero-stats){background:rgba(238,232,220,.03)!important;border:1px solid var(--i-line-d)!important;border-radius:var(--i-r)!important;overflow:hidden} :is(#wone,html) body :is(.w139-universe-stats,.w139-intel-stats) > div{border-color:var(--i-line-d)!important;background:transparent!important} :is(#wone,html) body :is(.w139-universe-stats,.w139-intel-stats) strong{font-family:var(--i-display)!important;font-weight:300!important;color:var(--i-ivory)!important;letter-spacing:-.02em} :is(#wone,html) body :is(.w139-universe-stats,.w139-intel-stats) span{color:var(--i-ivory-3)!important;font-family:var(--i-ui)!important} /* ===================================================================== Ask WONE: the console as an instrument panel ===================================================================== */ :is(#wone,html) body .wone-ask-hero-section{background-color:var(--i-night)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;color:var(--i-ivory)!important;padding-block:clamp(72px,8vw,120px) clamp(56px,6vw,88px)!important} :is(#wone,html) body .wone-ask-title{color:var(--i-ivory)!important;font-family:var(--i-display)!important;font-weight:300!important;font-size:clamp(46px,6vw,96px)!important;line-height:1!important;letter-spacing:-.04em!important} :is(#wone,html) body .wone-ask-title span{color:var(--i-oxide-l)!important;font-family:var(--i-display)!important;font-weight:300!important} :is(#wone,html) body .wone-ask-lead{color:var(--i-ivory-2)!important} :is(#wone,html) body .wone-ask-kicker{background:transparent!important;color:var(--i-oxide-l)!important;padding:0!important;font:500 11.5px/1 var(--i-ui)!important;letter-spacing:.13em!important} :is(#wone,html) body .wone-ask-subkicker{color:var(--i-ivory-3)!important;font:500 11.5px/1 var(--i-ui)!important;letter-spacing:.13em!important} :is(#wone,html) body .wone-ask-mode-switch{display:inline-flex!important;gap:4px!important;padding:4px!important;border-radius:999px!important;background:rgba(238,232,220,.06)!important;border:1px solid var(--i-line-d)!important} :is(#wone,html) body .wone-ask-mode-switch button{border:0!important;border-radius:999px!important;background:transparent!important;color:var(--i-ivory-2)!important;font:500 13px/1 var(--i-ui)!important;letter-spacing:.01em!important;padding:11px 16px!important;text-transform:none!important;box-shadow:none!important} :is(#wone,html) body .wone-ask-mode-switch button.is-active{background:var(--i-ivory)!important;color:var(--i-night)!important} :is(#wone,html) body .wone-aif-app,:is(#wone,html) body .wone-aif-console{border-radius:20px!important;border:1px solid var(--i-line-2)!important;box-shadow:0 30px 80px rgba(12,18,21,.08)!important;background:var(--i-white)!important;overflow:hidden} :is(#wone,html) body .wone-aif-kicker{font:500 11.5px/1.4 var(--i-ui)!important;letter-spacing:.13em!important;color:var(--i-oxide)!important} :is(#wone,html) body .wone-aif-question{border-radius:14px!important;font:400 17px/1.55 var(--i-sans)!important;min-height:120px} :is(#wone,html) body :is(.wone-aif-button,.wone-aif-btn-gate,.wone-aif-btn-continuity){border-radius:999px!important;font-family:var(--i-ui)!important;font-weight:500!important;letter-spacing:.04em!important} :is(#wone,html) body .wone-aif-pill{border-radius:999px!important;font-family:var(--i-ui)!important} :is(#wone,html) body :is(.wone-aif-card,.wone-aif-block,.wone-aif-fact){border-radius:var(--i-r)!important} :is(#wone,html) body :is(.wone-aif-analysis-title,.wone-aif-section-head h3,.wone-aif-card h3,.wone-aif-continuity-title){font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.016em!important} /* the console in the house language: paper card, hairlines, pill actions, quiet labels */ :is(#wone,html) body .wone-aif-app{border-top:0!important} :is(#wone,html) body .wone-aif-app :is(.wone-aif-kicker,.wone-aif-label,.wone-aif-label-hint,.wone-aif-scenarios-label){font:500 11.5px/1.4 var(--i-ui)!important;letter-spacing:.12em!important;color:var(--i-ink-3)!important} :is(#wone,html) body .wone-aif-app .wone-aif-kicker{color:var(--i-oxide)!important} :is(#wone,html) body .wone-aif-app :is(.wone-aif-button,.wone-aif-btn-gate,.wone-aif-text-button,button[type=submit]){border-radius:999px!important;background:var(--i-ink)!important;color:var(--i-paper)!important;border:1px solid var(--i-ink)!important;text-transform:none!important;letter-spacing:.02em!important;font:500 14px/1 var(--i-ui)!important;min-height:48px;padding:0 22px!important} :is(#wone,html) body .wone-aif-app .wone-aif-btn-gate{background:var(--i-oxide)!important;border-color:var(--i-oxide)!important;color:#fff!important} :is(#wone,html) body .wone-aif-app .wone-aif-pill{border-radius:999px!important;background:transparent!important;border:1px solid var(--i-line)!important;color:var(--i-ink-2)!important;text-transform:none!important;letter-spacing:0!important;font:400 13px/1.3 var(--i-sans)!important} :is(#wone,html) body .wone-aif-app .wone-aif-pill b,:is(#wone,html) body .wone-aif-app .wone-aif-pill strong{color:var(--i-oxide)!important;font-weight:500!important;text-transform:none!important;letter-spacing:.02em!important} :is(#wone,html) body .wone-aif-app :is(.wone-aif-badge,.wone-aif-quota-badge){border-radius:999px!important;background:var(--i-paper-2)!important;color:var(--i-ink-2)!important;border:0!important;text-transform:none!important;letter-spacing:.02em!important;font:500 12px/1 var(--i-ui)!important} :is(#wone,html) body .wone-aif-app :is(.wone-aif-shell-head){border-bottom:1px solid var(--i-line-2)!important} :is(#wone,html) body .wone-aif-app [class*="member"],:is(#wone,html) body .wone-aif-app [class*="gate-box"]{background:var(--i-paper-3)!important;border-radius:14px!important;border:1px solid var(--i-line-2)!important} /* ===================================================================== Section heads: one reading order everywhere — label, title, then the supporting line beneath it. No narrow title columns beside wide text. ===================================================================== */ :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.wl-section-head,.w135-head,.cmd-head,.wen8-head,.wtc-head,.ww-head,.du-headrow,.w139-universe-footer-head,.wih-head,.wc9-intro,.w133-market-orbit-head){display:block!important;grid-template-columns:none!important;margin-bottom:clamp(44px,5vw,72px)!important} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.wl-section-head,.w135-head,.cmd-head,.wen8-head,.wtc-head,.ww-head,.du-headrow,.w139-universe-footer-head,.wih-head,.wc9-intro) > *{max-width:none!important;width:auto!important} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.wl-section-head,.w135-head,.cmd-head,.wen8-head,.wtc-head,.ww-head,.du-headrow,.w139-universe-footer-head,.wih-head,.wc9-intro) :is(.eyebrow,.kicker){margin:0 0 20px!important;display:block} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.wl-section-head,.w135-head,.cmd-head,.wen8-head,.wtc-head,.ww-head,.du-headrow,.w139-universe-footer-head,.wih-head,.wc9-intro) :is(h1,h2){font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.05!important;letter-spacing:-.03em!important;max-width:18em!important;margin:0!important;text-wrap:balance} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.wl-section-head,.w135-head,.cmd-head,.wen8-head,.wtc-head,.ww-head,.du-headrow,.w139-universe-footer-head,.wih-head,.wc9-intro) p{max-width:40em!important;margin:22px 0 0!important;font-size:clamp(16px,1.3vw,19px)!important;line-height:1.6!important} :is(#wone,html) body :is(.wx-head,.w13-section-head,.section-head,.w139-universe-footer-head,.wih-head) > div + div, :is(#wone,html) body :is(.section-head,.wih-head) > p{margin-top:22px!important} :is(#wone,html) body .w139-universe-footer-head a{display:inline-flex;margin-top:24px} /* page-level Ask WONE panels: the title above, the console full width beneath it */ :is(#wone,html) body .w139-context-ai{background:var(--i-paper)!important;padding-block:clamp(88px,9vw,140px)!important;border:0!important} :is(#wone,html) body .w139-context-ai-grid{display:block!important} :is(#wone,html) body .w139-context-ai-grid h2{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(34px,4vw,58px)!important;line-height:1.05!important;letter-spacing:-.03em!important;max-width:18em!important;margin:0!important} :is(#wone,html) body .w139-context-ai-grid > div:first-child p{font-size:clamp(16px,1.3vw,19px)!important;line-height:1.6!important;color:var(--i-ink-2)!important;max-width:40em!important;margin:22px 0 0!important} :is(#wone,html) body .w139-context-ai-console{margin-top:clamp(36px,4vw,56px)!important;background:var(--i-night)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;border-radius:20px!important;padding:clamp(24px,2.8vw,40px)!important;border:0!important;box-shadow:none!important} :is(#wone,html) body .w139-context-ai-console > span{font:500 11.5px/1 var(--i-ui)!important;letter-spacing:.13em!important;color:var(--i-oxide-l)!important} :is(#wone,html) body .w139-context-ai-console form{display:flex!important;gap:8px!important;margin-top:16px!important} :is(#wone,html) body .w139-context-ai-console input{flex:1;min-height:56px!important;border-radius:999px!important;background:rgba(238,232,220,.08)!important;border:1px solid var(--i-line-d)!important;color:var(--i-ivory)!important;padding-inline:22px!important;font-size:16px!important} :is(#wone,html) body .w139-context-ai-console input::placeholder{color:var(--i-ivory-3)} :is(#wone,html) body .w139-context-ai-console button{border-radius:999px!important;background:var(--i-oxide-l)!important;color:#160d0a!important;border:0!important;font:500 13px/1 var(--i-ui)!important;letter-spacing:.02em!important;padding:0 22px!important;min-height:56px!important;text-transform:none!important;white-space:nowrap} :is(#wone,html) body .w139-ai-prompts{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:32px!important;row-gap:0!important;margin-top:22px!important} :is(#wone,html) body .w139-ai-prompts form{margin:0!important} :is(#wone,html) body .w139-ai-prompts a,:is(#wone,html) body .w139-ai-prompts button{width:100%;background:transparent!important;border:0!important;border-top:1px solid var(--i-line-d)!important;border-radius:0!important;color:var(--i-ivory-2)!important;font:400 15px/1.45 var(--i-sans)!important;text-transform:none!important;letter-spacing:0!important;padding:15px 0!important;text-align:left;display:flex!important;justify-content:space-between;gap:12px;min-height:0!important} :is(#wone,html) body .w139-ai-prompts a:hover,:is(#wone,html) body .w139-ai-prompts button:hover{color:var(--i-ivory)!important} :is(#wone,html) body .w134-constellation-copy h2{font-size:clamp(32px,3.2vw,46px)!important;line-height:1.08!important;max-width:13em} /* copy columns beside long forms read as captions, not banners */ :is(#wone,html) body :is(.wone-req-sidebar,.wone-eoi-aside,.wone-circuit-aside) :is(h2,h3){font-size:clamp(24px,2vw,30px)!important;line-height:1.15!important;letter-spacing:-.016em!important} @media (max-width:900px){:is(#wone,html) body .w139-ai-prompts{grid-template-columns:1fr!important}:is(#wone,html) body .w139-context-ai-console form{flex-direction:column}} /* ===================================================================== Audit refinements (v15.1): systemic fixes from the full-site design audit. ===================================================================== */ /* 1. Content never waits on a reveal animation */ :is(#wone,html) body .wone-reveal,:is(#wone,html) body [class*="reveal"]:not(.wpai-shell){opacity:1!important;transform:none!important;filter:none!important} /* 2. Grids that drew hairlines with a grey background left grey "filler" cells at the end of a row: cells become separate cards on a transparent grid, so an uneven last row is just space */ :is(#wone,html) body :is(.w135-principles,.w135-number-grid,.ws10-grid2,.w139-link-strip,.w135-process,.w135-example-grid,.w139-content-grid,.w139-sector-grid,.w135-two-col,.w135-decision-strip,.w135-workstream-grid,.w135-question-grid,.w135-corridor-grid,.w135-expect-grid,.w139-dest-group-grid,.w139-industry-card-grid,.w139-corridor-card-grid,.w139-region-grid,.wone-cap-grid,.wone-matrix-grid,.w133-industry-map-grid,.wx-matrix,.w139-universe-footer-grid,.w139-profile-stats,.w137-firm-stats){background:transparent!important;border:0!important;gap:14px!important} :is(#wone,html) body :is(.w135-principles,.w135-number-grid,.ws10-grid2,.w139-link-strip,.w135-process,.w135-example-grid,.w139-content-grid,.w139-sector-grid,.w135-two-col,.w135-decision-strip,.w135-workstream-grid,.w135-question-grid,.w135-corridor-grid,.w135-expect-grid,.w139-region-grid,.wone-cap-grid,.wone-matrix-grid,.w139-universe-footer-grid,.w139-profile-stats,.w137-firm-stats) > *{border-radius:var(--i-r)!important;border:1px solid var(--i-line-2)!important;overflow:hidden} :is(#wone,html) body :is(.w139-dest-group-grid,.w139-industry-card-grid,.w139-corridor-card-grid,.w133-industry-map-grid) > *{border-radius:var(--i-r)!important;overflow:hidden} :is(#wone,html) body .wx-matrix{border-radius:0!important;overflow:visible} :is(#wone,html) body .wx-matrix > .wx-cell{border-radius:var(--i-r)!important;border:1px solid var(--i-line-2)!important} :is(#wone,html) body .wx-dark .wx-matrix > .wx-cell{border-color:var(--i-line-d)!important} :is(#wone,html) body :is(.w139-content-media,.w139-industry-card-img,.w139-profile-photo){background:var(--i-paper-2)!important} /* 3. Every section ground is warm: pure white and cool grey-green grounds retire */ :is(#wone,html) body :is(.wtc-section:not([class*="dark"]),.wl-section:not(.wl-paper):not(.wl-dark):not([class*="dark"]),.wone-desks-section,.ws10-section:not(.dark):not(.paper),.wone-eb-hero,.wone-matrix-strip,.wone-signals-section,.w133-prof-architecture,.w139-firm-band,.w134-channel-map,.wl-white,.du-hero,.w135-moment-hero,.wone-sequence-section,.wte-metrics,.wx-section[style*="#fff"]:not(.wx-dark)){background-color:var(--i-paper)!important} :is(#wone,html) body :is(.w139-universe-footer,.w139-explore-more,.w139-keep-exploring){background:var(--i-paper-2)!important} /* 4. Oxide marks what is live; it is never a section ground */ :is(#wone,html) body :is(.w135-fixed-cta,.wtc-cta,.wl-cta,.wih-leaders){background-color:var(--i-night-2)!important;background-image:var(--i-dots)!important;background-size:14px 14px!important;color:var(--i-ivory)!important} :is(#wone,html) body :is(.w135-fixed-cta,.wtc-cta,.wl-cta) :is(h2,h3){color:var(--i-ivory)!important} :is(#wone,html) body :is(.w135-fixed-cta,.wtc-cta,.wl-cta) p{color:var(--i-ivory-2)!important} :is(#wone,html) body :is(.w135-fixed-cta,.wtc-cta,.wl-cta) .eyebrow{color:var(--i-oxide-l)!important} :is(#wone,html) body :is(.w135-fixed-cta,.wtc-cta,.wl-cta) a:not(.button-red){color:var(--i-ivory)!important;border-color:rgba(238,232,220,.32)!important} :is(#wone,html) body .wih-leaders .eyebrow{color:var(--i-oxide-l)!important} :is(#wone,html) body .wih-leaders nav a{border-color:rgba(238,232,220,.28)!important} :is(#wone,html) body .wih-leaders nav a:hover{background:var(--i-ivory)!important;color:var(--i-night)!important} /* 5. One closing call per page: when a page already ends with its own call, the footer band stands down */ :is(#wone,html) body:has(.wx-cta,.w135-fixed-cta,.wtc-cta,.wl-cta,.w139-context-ai,.wih-close) .wone-oxide-transition{display:none!important} /* 6. Closing calls: label, title, then a real pill — never a hairline field */ :is(#wone,html) body .wx-cta-grid{display:block!important} :is(#wone,html) body .wx-cta-grid > div:first-child h2{margin:0!important;max-width:16em} :is(#wone,html) body .wx-cta-grid > a,:is(#wone,html) body .wx-cta-grid > div:last-child:not(:first-child){margin-top:34px!important;display:inline-flex!important;flex-wrap:wrap;gap:12px} :is(#wone,html) body .wx-cta-grid > a{min-height:52px;padding:0 26px!important;border-radius:999px!important;background:var(--i-oxide-l)!important;border:1px solid var(--i-oxide-l)!important;color:#160d0a!important;font:500 14px/1 var(--i-ui)!important;letter-spacing:.02em!important;text-transform:none!important;align-items:center;justify-content:center;gap:10px;width:auto!important;text-decoration:none!important} :is(#wone,html) body .wx-cta-grid > a:hover{background:var(--i-oxide-h)!important;border-color:var(--i-oxide-h)!important} /* 7. Photo bands and full heroes sit on the page grid, with breathing room between title and line */ :is(#wone,html) body .wx-hero-full .wx-full-inner{max-width:none!important;width:min(calc(100% - clamp(40px,8vw,128px)),1320px)!important;margin-inline:auto!important} :is(#wone,html) body .wx-hero-full .wx-full-inner > *{max-width:780px} :is(#wone,html) body .wx-image-copy{width:min(calc(100% - clamp(40px,8vw,128px)),1320px)!important;max-width:none!important;margin-inline:auto!important;padding-block:clamp(72px,8vw,120px)!important} :is(#wone,html) body .wx-image-copy > *{max-width:760px} :is(#wone,html) body .wx-image-copy h2{font-size:clamp(32px,3.8vw,54px)!important;line-height:1.06!important;margin:0!important} :is(#wone,html) body .wx-image-copy p{margin:20px 0 0!important;color:var(--i-ivory-2)!important} :is(#wone,html) body .wx-image-copy :is(.button,a.button){margin-top:28px!important} :is(#wone,html) body .wx-image-band::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(12,18,21,.92),rgba(12,18,21,.55) 60%,rgba(12,18,21,.3));pointer-events:none} :is(#wone,html) body .wx-split-copy h2 + *{margin-top:20px!important} /* 8. Text set on photographs always has a night layer beneath it */ :is(#wone,html) body :is(.w139-industry-card,.w139-dest-tile,.w139-content-card,.w139-featured-post-card,.w139-featured-podcast-card,.wone-moment-card,.w138-moment-card,.w137-firm-hero,.wone-auth-page-copy){position:relative;isolation:isolate} :is(#wone,html) body :is(.w139-dest-tile,.w137-firm-hero,.wone-auth-page-copy)::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(12,18,21,.25),rgba(12,18,21,.88))} :is(#wone,html) body :is(.w139-dest-tile,.w137-firm-hero,.wone-auth-page-copy) > :not(img){position:relative;z-index:1} :is(#wone,html) body :is(.w139-dest-tile,.w139-industry-card,.w139-content-card,.w139-featured-post-card,.w139-featured-podcast-card) img{filter:grayscale(1) contrast(1.06)!important} :is(#wone,html) body :is(.wx-feature,.wx-story)::after{background:linear-gradient(180deg,rgba(12,18,21,.15) 0%,rgba(12,18,21,.6) 45%,rgba(12,18,21,.94) 100%)!important} /* 9. Buttons: every action is a pill, in sentence case */ :is(#wone,html) body :is(.wone-continuity-btn,.wone-submit-btn,.wone-eb-query-form button,.wl-brief-buttons a,.cmd-search button,.wone-cycle-btn,.wc9-audience a,.wc9-plan-action a,.wc9-plan-action button,.wpos-submit-button,.wx-market-action-btn,.w135-moment-market button,.w135-fixed-cta a,.wone-auth-page button,.wone-auth-page a.button,.wone-otp-btn,[class*="-submit-btn"],[class*="submit-button"]){border-radius:999px!important;text-transform:none!important;letter-spacing:.02em!important;font-family:var(--i-ui)!important;font-weight:500!important;min-height:48px;padding-inline:22px!important} :is(#wone,html) body :is(.wone-submit-btn,.wpos-submit-button,.wone-eb-query-form button,.cmd-search button,.wc9-plan-action a,.wc9-plan-action button){background:var(--i-ink)!important;color:var(--i-paper)!important;border:1px solid var(--i-ink)!important} :is(#wone,html) body :is(.wone-sig-filter,.w139-chip,.wone-filter-chip,[class*="filter-btn"]){border-radius:999px!important;text-transform:none!important;letter-spacing:.01em!important;font-family:var(--i-ui)!important} :is(#wone,html) body .wone-sig-filter.active{background:var(--i-ink)!important;color:var(--i-paper)!important} /* hero actions never stretch into bars */ :is(#wone,html) body :is(.hero-actions,.wx-hero-copy,.wx-full-inner,.du-hero-actions) > :is(.button,a.button,.btn){width:auto!important;flex:0 0 auto!important} :is(#wone,html) body .wx-hero:not(.wx-hero-full) .button{width:auto!important} @media (max-width:560px){:is(#wone,html) body .hero-actions > .button{width:100%!important}} /* form controls */ :is(#wone,html) body input[type=radio],:is(#wone,html) body input[type=checkbox]{accent-color:var(--i-oxide)} :is(#wone,html) body :is(.wone-consent,.wone-form-consent,.wone-checkbox-label,label.wone-check) {text-transform:none!important;letter-spacing:0!important} /* 10. Every card shares one radius and one border */ :is(#wone,html) body :is(.w139-corridor-card,.w139-industry-card,.w139-content-card,.wone-cap-card,.wone-pathway-card,.wone-matrix-card,.wone-eb-evidence-card,.w139-featured-post-card,.w139-featured-podcast-card,.w139-region-grid > a,.w139-sector-grid > a,.wone-dim-card,.w360-mode-card){border-radius:var(--i-r)!important;overflow:hidden} :is(#wone,html) body :is(.w139-corridor-card,.wone-cap-card,.wone-pathway-card,.wone-matrix-card,.w139-region-grid > a) :is(h3,h4,strong:first-child){font-family:var(--i-display)!important;font-weight:400!important;letter-spacing:-.012em!important} /* 11. Small heroes still carry a display title */ :is(#wone,html) body :is(.ws10-hero,.wtc-hero,.wl-hero) h1{font-family:var(--i-display)!important;font-weight:400!important;font-size:clamp(40px,5.2vw,78px)!important;line-height:1!important;letter-spacing:-.034em!important;max-width:15em;margin:0 0 22px!important} :is(#wone,html) body :is(.ws10-hero,.wtc-hero,.wl-hero) h1 em{font-style:normal;color:var(--i-oxide-l)} :is(#wone,html) body :is(.ws10-hero,.wtc-hero,.wl-hero) p{font-size:clamp(16px,1.3vw,19px)!important;line-height:1.6!important;max-width:40em} :is(#wone,html) body :is(.ws10-hero,.wtc-hero,.wl-hero){padding-block:clamp(72px,8vw,120px)!important} :is(#wone,html) body .wl-hero textarea{border-radius:16px!important;resize:none!important} /* 12. Ghost words and decorative oxide display words retire */ :is(#wone,html) body :is(.wx-hero-word,.w139-market-word,.w139-corridor-word,.w139-intel-mark,.wone-auth-ghost,.wone-auth-word,.w135-fixed-word,.du-word,[class*="ghost-word"]){display:none!important} /* 13. Leftover app accents fold into the palette */ :is(#wone,html) body [style*="#0f766e"],:is(#wone,html) body [style*="#047857"]{color:var(--i-oxide)!important} :is(#wone,html) body :is(.wone-eb-console-eyebrow,.wone-eb-driver-num,.wone-eb-option-card span.tag,.wone-eb-seq-card .phase-label){color:var(--i-oxide)!important} /* 14. Footer: legible small print, quiet links */ :is(#wone,html) body .wgc2-bottom,:is(#wone,html) body .wgc2-bottom *{color:var(--i-ivory-3)!important} :is(#wone,html) body .wgc2-col.lead a{text-transform:none!important;border-bottom:0!important;color:var(--i-ivory-2)!important;font:400 15px/1.4 var(--i-sans)!important;letter-spacing:0!important;display:block!important;margin:0 0 10px!important} :is(#wone,html) body .wgc2-col.lead a:hover{color:var(--i-ivory)!important} :is(#wone,html) body .wgc2-col.lead p{font-size:24px!important} /* 15. Hairline micro-labels that went invisible on paper */ :is(#wone,html) body :is(.wdx-inds em,.wih-ind-k,.w139-dest-meta,.capability-overlap){color:var(--i-ink-3)!important} /* overlay hosts must contain their overlay */ :is(#wone,html) body :is(.wx-feature,.wx-story,.w139-dest-tile,.w137-firm-hero,.wone-auth-page-copy,.wx-image-band){position:relative!important;overflow:hidden} :is(#wone,html) body .w133-prof-arch-grid{background:transparent!important;gap:14px!important} :is(#wone,html) body .w133-prof-arch-grid > *{border-radius:var(--i-r)} :is(#wone,html) body .w139-capability-ledger > a{display:grid!important;grid-template-columns:56px minmax(0,1fr) auto!important;gap:24px;align-items:center} :is(#wone,html) body .w139-capability-ledger > a > :last-child{white-space:nowrap;justify-self:end} :is(#wone,html) body .w139-capability-ledger > a > div{max-width:none!important} :is(#wone,html) body :is(.wx-matrix,.w134-firm-network,.w137-industry-grid,.w360-mode-cards){background:transparent!important;gap:14px!important;border:0!important;overflow:visible!important} :is(#wone,html) body :is(.w134-firm-network,.w137-industry-grid,.w360-mode-cards) > *{border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important} :is(#wone,html) body .wih-verts{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none!important} @media (max-width:980px){:is(#wone,html) body .wih-verts{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px;background:transparent}:is(#wone,html) body .wih-verts > *{border:1px solid var(--i-line-d);border-radius:var(--i-r)}} /* people without a photograph: a compact monogram band, not a tall empty frame */ :is(#wone,html) body .wx-person-media:has(> .wone-initials-avatar){aspect-ratio:auto!important;height:150px!important;min-height:0!important} :is(#wone,html) body .wx-person-media > .wone-initials-avatar{min-height:0!important;border:0!important} /* lead market: each market is its own link */ :is(#wone,html) body .wih-lead-name{color:inherit!important;text-decoration:none!important} :is(#wone,html) body .wih-lead-name:hover strong{color:var(--i-oxide-l)} :is(#wone,html) body .wih-lead-m{color:var(--i-ivory)!important;text-decoration:none!important;display:block} :is(#wone,html) body .wih-lead-m em{font:400 19px/1.2 var(--i-display);font-style:normal} :is(#wone,html) body .wih-lead-m:hover em{color:var(--i-oxide-l)} :is(#wone,html) body .wih-corlist .wih-corq{display:block;font-style:normal;font:400 13px/1.45 var(--i-ui);color:var(--i-ivory-3);margin-top:4px;max-width:46ch} /* ===================================================================== 12. TYPOGRAPHY AND SPACE — one reading scale, more air, cleaner rhythm Specificity: ":not(#z)" lifts a rule over the older class-level rules without touching templates. Order inside this file is the cascade. ===================================================================== */ :root{ --t-body:16.5px; --t-body-lh:1.72; --t-card:15.75px; --t-card-lh:1.66; --t-lede:clamp(18.5px,1.38vw,21px); --t-lede-lh:1.62; --t-open:clamp(20px,1.72vw,24.5px); --t-open-lh:1.56; --t-label:12px; --s-sec:clamp(104px,10vw,168px); --s-head:clamp(48px,5vw,80px); --s-gap:clamp(20px,2vw,32px); --s-pad:clamp(26px,2.4vw,40px); } @media (max-width:760px){:root{--t-body:16px;--t-card:15.5px}} /* 1. Body copy: never below a comfortable reading size */ :is(#wone,html) body main :is(p,li,dd,blockquote,td):not(#z):not(.eyebrow):not(.wih-cap):not(.k):not([class*="eyebrow"]):not([class*="kicker"]):not([class*="-label"]):not([class*="-meta"]):not(.wih-sent):not(.wdx-q):not(.wih-leaders-t):not(.wib-day-t):not(.w139-profile-lede):not(.wx-hero-lede):not(.wid-lede){ font-size:var(--t-body)!important; line-height:var(--t-body-lh)!important; letter-spacing:0!important} :is(#wone,html) body main :is(p,li):not(#z){text-wrap:pretty} /* 2. Copy inside cards, cells, rows and tiles: a step smaller, still generous */ :is(#wone,html) body main :is([class*="card"],[class*="tile"],.wx-cell,.wx-story-body,.wx-feature-copy,.wx-ledger-row,.wx-person-copy,.wx-route-step,.wone-matrix-cell,.du-moment,.wdx-row,.wih-ind,[class*="-item"],[class*="panel"],[class*="box"]) :is(p,li,dd):not(#z):not(#y){ font-size:var(--t-card)!important; line-height:var(--t-card-lh)!important} /* 3. Section introductions: the paragraph under a section heading */ :is(#wone,html) body main :is(.wx-head,.w13-section-head,.section-head,.wih-head,.wtc-head,.wl-head,.ws10-head,.w135-head,.du-head,.w139-section-head,.wdx-head,[class*="-head"]:not([class*="header"]):not(.wib-day-h)) :is(p):not(#z):not(#y):not(.eyebrow):not([class*="eyebrow"]):not(.k), :is(#wone,html) body main :is(.wih-lede,.wdx-lede,.wone-ask-lead,.du-copy,.wone-relevance-text,.w139-cinema-sub,.w139-update-sub,.wone-continuity-lead,.wone-aif-continuity-lead,.wone-eb-reading-text):not(#z):not(#y){ font-size:var(--t-lede)!important; line-height:var(--t-lede-lh)!important; max-width:38em; color:inherit} :is(#wone,html) body main :is(.wx-dark,.wih-dark,[class*="dark"]) :is(.wih-lede,.wdx-lede,.wx-head p,[class*="-head"] p):not(#z):not(#y){color:var(--i-ivory-2)!important} /* 4. Openers: the first lines of a hero, a profile, an article or a market */ :is(#wone,html) body main :is(.wx-hero-lede,.wid-lede,.w139-post-lead,.w139-update-lede,.w139-intel-hero-left > p,.w135-fixed-hero-inner > p,.w135-moment-hero p,.w137-firm-hero p,.du-hero p,.ws10-hero p,.wone-ask-hero-wrap > p,.w135-legal-hero p,.wib-lede,.wx-full-inner > p):not(#z):not(#y):not(#x):not(.eyebrow):not([class*="eyebrow"]):not([class*="crumb"]){ font-size:var(--t-open)!important; line-height:var(--t-open-lh)!important; max-width:34em; font-weight:400!important} /* Profile opener: was set like a headline (48px); now a calm display paragraph */ :is(#wone,html) body main .w139-profile-intro .w139-profile-lede:not(#z):not(#y):not(#x){ font-family:var(--i-display)!important; font-weight:300!important; font-size:clamp(24px,2.3vw,33px)!important; line-height:1.36!important; letter-spacing:-.012em!important; max-width:24em; text-wrap:balance} /* keep deliberate display paragraphs at their size */ :is(#wone,html) body main :is(.w13-resolver > p,.wdx-sentence p):not(#z):not(#y):not(#x){font-size:clamp(28px,3.2vw,46px)!important;line-height:1.3!important} :is(#wone,html) body main .wih-sent:not(#z):not(#y):not(#x){line-height:1.25!important} /* 5. Small print and labels: legible floor */ :is(#wone,html) body main :is(.wx-why,.wx-rank,.w135-reason,.wone-decision-inputs,.wone-eb-driver-impact,.wx-route-step p,.wone-field-hint,small):not(#z){ font-size:max(12.5px,.8125rem)!important; line-height:1.55!important} :is(#wone,html) body main :is(.eyebrow,[class*="eyebrow"],.wih-cap,.k):not(#z){font-size:var(--t-label)!important; letter-spacing:.13em!important; line-height:1.4!important} /* 6. Headings: steady rhythm under the display face */ :is(#wone,html) body main :is(h2):not(#z){line-height:1.08!important; text-wrap:balance} :is(#wone,html) body main :is(h3):not(#z){line-height:1.22!important; text-wrap:balance} :is(#wone,html) body main :is(h2) + :is(p):not(#z){margin-top:22px!important} :is(#wone,html) body main :is(h3) + :is(p):not(#z){margin-top:12px!important} :is(#wone,html) body main p + p:not(#z){margin-top:1em} /* 7. Space: sections breathe, heads stand apart from their content */ :is(#wone,html) body main :is(.wx-section,.wl-section,.w135-section,.ws10-section,.w13-section,.du-section,.wtc-section,.wih-sec,.wdx-sec,.w139-context-ai,.w135-legal-body):not(#z){ padding-top:var(--s-sec)!important; padding-bottom:var(--s-sec)!important} :is(#wone,html) body main :is(.wx-section,.wl-section,.w135-section,.ws10-section,.w13-section,.du-section,.wtc-section,.wih-sec,.wdx-sec) > .wx-wrap:not(#z){padding-top:0!important;padding-bottom:0!important} :is(#wone,html) body main :is(.wx-head,.w13-section-head,.section-head,.wih-head,.wtc-head,.wdx-head,.w139-section-head):not(#z){margin-bottom:var(--s-head)!important} :is(#wone,html) body main .wone-aif-block:not(#z){padding-top:clamp(72px,7vw,112px)!important;padding-bottom:clamp(72px,7vw,112px)!important} :is(#wone,html) body main .w139-editorial-switch:not(#z){padding-top:48px!important;padding-bottom:48px!important} :is(#wone,html) body main .w134-channel-map:not(#z){padding-top:64px!important;padding-bottom:64px!important} /* 8. Grids: room between cards; cards: room inside */ :is(#wone,html) body main :is(.w139-link-strip,.wx-feature-grid,.wx-people-grid,.wx-stories,.w139-dest-group-grid,.w360-mode-cards,.wone-cap-grid,.w135-principles,.w135-process,.w139-content-grid,.w135-number-grid,.w139-corridor-card-grid,.wx-matrix,.w139-industry-metrics,.w135-example-grid,.w135-question-grid,.w135-workstream-grid,.w134-firm-network,.w137-industry-grid):not(#z){gap:var(--s-gap)!important} :is(#wone,html) body main .w139-industry-sub-destinations:not(#z){gap:14px!important} :is(#wone,html) body main :is(.wx-cell,.wx-ledger-row,.w135-principles > *,.w135-process > *,.w135-number-grid > *,.w360-mode-cards > *,.wone-cap-grid > *,.w139-link-strip > *,.w134-firm-network > *,.w137-industry-grid > *,.w135-example-grid > *,.w135-question-grid > *,.w135-workstream-grid > *):not(#z){padding:var(--s-pad)!important} :is(#wone,html) body main :is(.wx-story-body,.wx-feature-copy,.wx-person-copy):not(#z){padding:clamp(24px,2.2vw,34px)!important} :is(#wone,html) body main .wx-ledger-row:not(#z){padding-left:0!important;padding-right:0!important;column-gap:clamp(20px,2.4vw,40px)!important} /* 9. Measure: long copy never runs the full width of a wide row */ :is(#wone,html) body main :is(.wx-section,.wl-section,.w135-section,.w135-legal-body,.w139-post-detail-main) > .wx-wrap > :is(p):not(#z){max-width:68ch} :is(#wone,html) body main :is(.w135-legal-copy,.w139-post-body,.w139-post-detail-main .entry,.w139-article-body) :is(p,li):not(#z){max-width:68ch} /* 10. Buttons and pills: room for the label */ :is(#wone,html) body main :is(.button,.btn,[class*="-btn"]:not([class*="-btns"]),[class*="cta"] a):not(#z){padding-top:15px;padding-bottom:15px} :is(#wone,html) body main .wx-hero :is(.hero-actions,.wx-actions,[class*="actions"]):not(#z){gap:14px!important;margin-top:36px!important} @media (max-width:760px){ :is(#wone,html) body main :is(.wx-section,.wl-section,.w135-section,.ws10-section,.w13-section,.du-section,.wtc-section,.wih-sec,.wdx-sec,.w139-context-ai):not(#z){padding-top:80px!important;padding-bottom:80px!important} :is(#wone,html) body main .w139-profile-intro .w139-profile-lede:not(#z):not(#y):not(#x){font-size:23px!important} } /* 11. Any paragraph that follows the page title is an opener; any that follows a section title in a lead block is a lede */ :is(#wone,html) body main h1 ~ p:not(#z):not(#y):not(#x):not(.w139-profile-lede):not(.eyebrow):not([class*="eyebrow"]):not([class*="crumb"]):not(.wid-ready):not([class*="meta"]){ font-size:var(--t-open)!important; line-height:var(--t-open-lh)!important; max-width:34em} :is(#wone,html) body main :is(.w139-context-ai-grid > div > h2 + p,.wih-tri li,.wdx-panel .wdx-q,.wone-eb-board-item p,.wone-continuity-lead,.wone-aif-continuity-lead,.wone-eb-reading-text):not(#z):not(#y):not(#x){ font-size:var(--t-lede)!important; line-height:var(--t-lede-lh)!important} /* corridor questions read as statements, not posters */ :is(#wone,html) body main .wib-qs p:not(#z):not(#y):not(#x){font-family:var(--i-display)!important;font-weight:300!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.3!important;letter-spacing:-.01em!important} /* ===================================================================== 13. PAGE COMPOSITIONS — profile ===================================================================== */ :is(#wone,html) body .wpf-hero{background:var(--i-night);background-image:var(--i-dots);background-size:16px 16px;color:var(--i-ivory);padding:clamp(56px,7vw,104px) 0 0;position:relative;overflow:hidden} :is(#wone,html) body .wpf-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:1px;background:var(--i-line-d)} :is(#wone,html) body .wpf-hero-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:clamp(40px,6vw,104px);align-items:end} :is(#wone,html) body .wpf-crumbs{display:flex;flex-wrap:wrap;gap:10px;font:500 13px/1.4 var(--i-ui);color:var(--i-ivory-3);margin-bottom:36px} :is(#wone,html) body .wpf-crumbs a{color:var(--i-ivory-2)!important;text-decoration:none} :is(#wone,html) body .wpf-crumbs a:hover{color:var(--i-ivory)!important} :is(#wone,html) body .wpf-hero .eyebrow{color:var(--i-oxide-l)!important;margin:0 0 18px!important} :is(#wone,html) body .wpf-name:not(#z){font:300 clamp(46px,6.2vw,92px)/.98 var(--i-display)!important;letter-spacing:-.04em!important;color:var(--i-ivory)!important;margin:0 0 22px!important;max-width:11em;text-wrap:balance;text-transform:none!important} :is(#wone,html) body .wpf-role:not(#z):not(#y){font:400 clamp(17px,1.4vw,20px)/1.5 var(--i-ui)!important;color:var(--i-ivory-2)!important;margin:0 0 30px!important;max-width:none} :is(#wone,html) body .wpf-role a{color:var(--i-ivory)!important;text-decoration:underline;text-decoration-color:var(--i-oxide-l);text-underline-offset:5px} :is(#wone,html) body .wpf-hero .wpf-lede:not(#z):not(#y):not(#x){color:var(--i-ivory)!important;margin:0!important} :is(#wone,html) body .wpf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px!important;margin:40px 0 0!important} :is(#wone,html) body .wpf-actions .button-outline{background:transparent!important;color:var(--i-ivory)!important;border:1px solid rgba(238,232,220,.4)!important;cursor:pointer} :is(#wone,html) body .wpf-actions .text-btn{color:var(--i-ivory-2)!important;margin-left:6px} :is(#wone,html) body .wpf-portrait{margin:0;align-self:end;position:relative} :is(#wone,html) body .wpf-portrait > img,:is(#wone,html) body .wpf-portrait > .wone-initials-avatar,:is(#wone,html) body .wpf-portrait > *:first-child{display:block;width:100%!important;aspect-ratio:4/5;height:auto!important;min-height:0!important;object-fit:cover;border-radius:var(--i-r) var(--i-r) 0 0;filter:grayscale(1) contrast(1.05)} :is(#wone,html) body .wpf-portrait .wone-initials-avatar{font-size:clamp(56px,6vw,84px)!important;font-weight:300!important;background-color:#121a1e!important;border:1px solid var(--i-line-d)!important;border-bottom:0!important;filter:none} :is(#wone,html) body .wpf-portrait figcaption{display:flex;align-items:center;gap:10px;padding:16px 18px;background:rgba(238,232,220,.06);border:1px solid var(--i-line-d);border-top:0;font:500 13px/1.3 var(--i-ui);color:var(--i-ivory-2)} :is(#wone,html) body .wpf-portrait figcaption i{width:8px;height:8px;border-radius:50%;background:#7fbf8e;box-shadow:0 0 0 4px rgba(127,191,142,.15)} :is(#wone,html) body .wpf-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:clamp(48px,5vw,72px) 0 0;border-top:1px solid var(--i-line-d)} :is(#wone,html) body .wpf-strip > div{padding:26px 24px 30px 0;border-right:1px solid var(--i-line-d)} :is(#wone,html) body .wpf-strip > div + div{padding-left:24px} :is(#wone,html) body .wpf-strip > div:last-child{border-right:0} :is(#wone,html) body .wpf-strip dt{font:500 12px/1.3 var(--i-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--i-ivory-3);margin:0 0 12px} :is(#wone,html) body .wpf-strip dd{margin:0;font:300 clamp(22px,2vw,30px)/1.15 var(--i-display);letter-spacing:-.015em;color:var(--i-ivory)} :is(#wone,html) body .wpf-strip dd a{color:var(--i-ivory)!important;text-decoration:none;border-bottom:1px solid rgba(208,112,90,.6)} :is(#wone,html) body .wpf-strip dd a:hover{color:var(--i-oxide-l)!important} /* the old local nav reads as a quiet index under the hero */ :is(#wone,html) body .w139-profile-nav{background:var(--i-paper)!important;border-bottom:1px solid var(--i-line)!important;position:sticky;top:0;z-index:20} :is(#wone,html) body .w139-profile-nav .wx-wrap{display:flex;gap:28px;overflow-x:auto;padding-top:0!important;padding-bottom:0!important} :is(#wone,html) body .w139-profile-nav a{font:500 14px/1 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important;color:var(--i-ink-2,#3a4549)!important;padding:20px 0!important;white-space:nowrap;border-bottom:2px solid transparent} :is(#wone,html) body .w139-profile-nav a:hover{color:var(--i-ink)!important;border-bottom-color:var(--i-oxide)} /* profile story: prose and a facts column */ :is(#wone,html) body .w139-profile-story{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(240px,320px)!important;gap:clamp(40px,6vw,96px)!important;align-items:start} :is(#wone,html) body .w139-profile-story article h3{font:400 clamp(22px,1.8vw,28px)/1.2 var(--i-display)!important;margin:0 0 18px!important;letter-spacing:-.01em} :is(#wone,html) body .w139-profile-story article h3:not(:first-child){margin-top:48px!important} :is(#wone,html) body .w139-profile-story .w139-prose{font-size:17px!important;line-height:1.75!important;max-width:64ch;color:var(--i-ink)} :is(#wone,html) body .w139-profile-story aside{border-top:1px solid var(--i-line-2);padding:0!important;background:none!important;position:static!important} :is(#wone,html) body .w139-profile-story aside > *{display:block;padding:18px 0;border-bottom:1px solid var(--i-line)} :is(#wone,html) body .w139-profile-story aside small,:is(#wone,html) body .w139-profile-story aside span{display:block;font:500 12px/1.3 var(--i-ui)!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--i-ink-3,#6b7478)!important;margin-bottom:6px} :is(#wone,html) body .w139-profile-story aside strong{font:400 17px/1.45 var(--i-ui)!important;color:var(--i-ink)!important} /* markets block: two calm columns */ :is(#wone,html) body .w139-profile-markets{padding:var(--s-sec) 0!important;background:var(--i-paper-2)!important} :is(#wone,html) body .w139-profile-markets-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:clamp(40px,6vw,96px)!important;background:none!important;border:0!important} :is(#wone,html) body .w139-profile-markets-grid > div{background:none!important;padding:0!important;border:0!important} :is(#wone,html) body .w139-profile-markets h2{font:400 clamp(30px,3.2vw,46px)/1.08 var(--i-display)!important;letter-spacing:-.025em!important;margin:0 0 22px!important;max-width:16em} :is(#wone,html) body .w139-market-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px} :is(#wone,html) body .w139-market-tags a,:is(#wone,html) body .w139-market-tags span{font:500 14px/1 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important;padding:13px 18px!important;border-radius:999px!important;border:1px solid var(--i-line-2)!important;background:#fff!important;color:var(--i-ink)!important;text-decoration:none} :is(#wone,html) body .w139-small-title{display:block;font:500 12px/1.3 var(--i-ui)!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--i-ink-3,#6b7478)!important;margin-bottom:14px} :is(#wone,html) body .w139-profile-markets-grid a.w139-corridor-link,:is(#wone,html) body .w139-corridor-link{display:block;padding:20px 0!important;border-top:1px solid var(--i-line-2)!important;background:none!important;color:var(--i-ink)!important;text-decoration:none} :is(#wone,html) body .w139-corridor-link strong,:is(#wone,html) body .w139-corridor-link b{display:block;font:400 19px/1.3 var(--i-display)!important;margin-bottom:6px} :is(#wone,html) body .w139-corridor-link small{font:400 13.5px/1.55 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important;color:var(--i-ink-3,#6b7478)!important} /* firm band */ :is(#wone,html) body .w139-firm-band{padding:clamp(72px,7vw,112px) 0!important} :is(#wone,html) body .w139-firm-band .wx-wrap{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:end} :is(#wone,html) body .w139-firm-band h2{font:400 clamp(30px,3.2vw,46px)/1.08 var(--i-display)!important;margin:0 0 18px!important} :is(#wone,html) body .w139-firm-band strong{font:300 clamp(44px,4vw,64px)/1 var(--i-display)!important;display:block;margin:10px 0} @media (max-width:900px){ :is(#wone,html) body .wpf-hero-in,:is(#wone,html) body .w139-profile-story,:is(#wone,html) body .w139-profile-markets-grid,:is(#wone,html) body .w139-firm-band .wx-wrap{grid-template-columns:1fr!important} :is(#wone,html) body .wpf-portrait{max-width:260px;order:-1} :is(#wone,html) body .wpf-strip{grid-template-columns:repeat(2,1fr)} :is(#wone,html) body .wpf-strip > div{border-right:0;padding-left:0!important;border-bottom:1px solid var(--i-line-d)} } :is(#wone,html) body .wpf-hero p.wpf-lede:not(#z):not(#y):not(#x):not(#w){font-family:var(--i-display)!important;font-weight:300!important;font-size:clamp(21px,1.75vw,26px)!important;line-height:1.48!important;letter-spacing:-.006em!important;color:var(--i-ivory-2)!important;max-width:30em} :is(#wone,html) body .wpf-strip dd:not(#z):not(#y){font:300 clamp(22px,2vw,30px)/1.15 var(--i-display)!important;letter-spacing:-.015em!important;color:var(--i-ivory)!important} :is(#wone,html) body .wpf-strip dt:not(#z):not(#y){font:500 12px/1.3 var(--i-ui)!important;letter-spacing:.13em!important} :is(#wone,html) body .w139-corridor-link{position:relative;padding-right:40px!important} :is(#wone,html) body .w139-corridor-link > b{position:absolute;right:0;top:22px;font:400 16px/1 var(--i-ui)!important;color:var(--i-oxide)!important} :is(#wone,html) body .w139-corridor-link strong{text-transform:none!important;letter-spacing:-.005em!important} :is(#wone,html) body .w139-capability-ledger > a > b{font:500 14px/1 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important;color:var(--i-oxide)!important} :is(#wone,html) body .w139-capability-ledger > a{padding:28px 0!important} :is(#wone,html) body .w139-capability-ledger > a h3{font:400 clamp(20px,1.6vw,24px)/1.25 var(--i-display)!important;margin:0 0 8px!important} /* lint fixes: cards that held text against their edges, and over-long lines */ :is(#wone,html) body .du-moment:not(#z){padding:28px 26px!important} :is(#wone,html) body .w139-dest-tile:not(#z){padding:24px 24px!important} :is(#wone,html) body .wone-pathway-card:not(#z){padding:24px 24px!important} :is(#wone,html) body .wone-aif-login-gate:not(#z){padding:18px 22px!important} :is(#wone,html) body .wx-why:not(#z){padding:9px 13px!important} :is(#wone,html) body main :is(.wtc-change-main,.w139-signal-body) p:not(#z),:is(#wone,html) body main .wone-sequence-section p:not(#z){max-width:68ch} /* person cards: aligned tops, quiet verification line, calm meta */ :is(#wone,html) body .wx-person .wx-person-media:not(#z){height:188px!important;aspect-ratio:auto!important;min-height:0!important;overflow:hidden} :is(#wone,html) body .wx-person .wx-person-media img:not(#z){width:100%;height:100%!important;object-fit:cover;object-position:50% 22%} :is(#wone,html) body .wx-person .wx-person-media > .wone-initials-avatar:not(#z){height:100%!important;font-size:40px!important} :is(#wone,html) body .wx-person .wx-why:not(#z):not(#y){background:none!important;border:0!important;border-top:1px solid var(--i-line)!important;border-radius:0!important;padding:14px 0 0 22px!important;margin-top:18px!important; font:400 13.5px/1.5 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important;color:var(--i-ink-2,#3a4549)!important;position:relative} :is(#wone,html) body .wx-person .wx-why::before{content:"";position:absolute;left:2px;top:19px;width:10px;height:6px;border-left:1.5px solid var(--i-oxide);border-bottom:1.5px solid var(--i-oxide);transform:rotate(-45deg)} :is(#wone,html) body .wx-person .wx-person-meta:not(#z){font:500 13px/1.45 var(--i-ui)!important;letter-spacing:.04em!important;text-transform:none!important;color:var(--i-ink-3,#6b7478)!important} :is(#wone,html) body .wx-person .wx-person-role:not(#z){font:400 15px/1.5 var(--i-ui)!important;color:var(--i-ink-2,#3a4549)!important} :is(#wone,html) body .wx-person .wx-person-firm:not(#z){font:400 14px/1.5 var(--i-ui)!important;color:var(--i-ink-3,#6b7478)!important} :is(#wone,html) body .wx-person h3:not(#z){font:400 21px/1.22 var(--i-display)!important;letter-spacing:-.01em!important;margin:0 0 10px!important} :is(#wone,html) body .wx-person .wx-mini-tags{gap:6px!important;margin-top:14px!important} :is(#wone,html) body .wx-person .more,:is(#wone,html) body .wx-person [class*="more"]{font:500 13.5px/1 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important} :is(#wone,html) body .wx-people-grid:not(#z){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))!important} /* actions read in sentence case; long AI prompts read as questions, not shouting */ :is(#wone,html) body :is(.button,.btn,.wpai-fab,.wone-ai-prompt-btn,.wone-aif-button,.wone-continuity-btn,.wone-submit-btn,[class*="-btn"]:not([class*="-btns"])):not(#z){text-transform:none!important;letter-spacing:0!important} :is(#wone,html) body .wone-ai-prompt-btn:not(#z){font:400 15px/1.45 var(--i-ui)!important;text-align:left;padding:18px 20px!important} :is(#wone,html) body .wpai-fab:not(#z){font:500 14px/1 var(--i-ui)!important} /* person cards inside dark sections */ :is(#wone,html) body :is(.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"],.wx-section[style*="#181e22"]) .wx-person h3:not(#z):not(#y){color:var(--i-ivory)!important} :is(#wone,html) body :is(.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"],.wx-section[style*="#181e22"]) .wx-person :is(.wx-person-role,.wx-person-firm):not(#z):not(#y){color:var(--i-ivory-2)!important} :is(#wone,html) body :is(.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"],.wx-section[style*="#181e22"]) .wx-person .wx-person-meta:not(#z):not(#y){color:var(--i-ivory-2)!important} :is(#wone,html) body :is(.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"],.wx-section[style*="#181e22"]) .wx-person .wx-why:not(#z):not(#y){color:var(--i-ivory-2)!important;border-top-color:var(--i-line-d)!important} :is(#wone,html) body :is(.w139-cap-word,[class*="ghost"],[class*="-word"]:not([class*="keyword"]):not([class*="wordmark"])):not(#z){display:none!important} :is(#wone,html) body :is(.wx-matrix,.wih-verts,.w134-firm-network,.w137-industry-grid,.w360-mode-cards,.w133-prof-arch-grid):not(#z):not(#y){background:transparent!important} /* firm hero mark */ :is(#wone,html) body .wpf-firm-mark .wpf-logo{aspect-ratio:4/3;background:#fff;border-radius:var(--i-r) var(--i-r) 0 0;display:flex;align-items:center;justify-content:center;padding:36px} :is(#wone,html) body .wpf-firm-mark .wpf-logo img{max-width:100%;max-height:120px;object-fit:contain;filter:none!important;aspect-ratio:auto!important;border-radius:0!important} :is(#wone,html) body .wpf-firm-mark .wpf-mono{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#121a1e;background-image:var(--i-dots);background-size:12px 12px;border:1px solid var(--i-line-d);border-bottom:0;border-radius:var(--i-r) var(--i-r) 0 0;font:300 clamp(56px,6vw,84px)/1 var(--i-display);letter-spacing:-.03em;color:var(--i-ivory)} :is(#wone,html) body .wpf-firm-mark figcaption i{background:var(--i-oxide-l);box-shadow:0 0 0 4px rgba(208,112,90,.18)} :is(#wone,html) body .w137-contact{padding:var(--s-sec) 0!important} :is(#wone,html) body .w137-contact-grid:not(#z){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)!important;gap:clamp(40px,6vw,96px)!important;align-items:start} :is(#wone,html) body .w137-contact-grid h2:not(#z){font:400 clamp(30px,3.2vw,46px)/1.08 var(--i-display)!important;letter-spacing:-.025em!important;margin:0 0 18px!important} :is(#wone,html) body .w137-contact-grid dl,:is(#wone,html) body .w137-contact-grid > div:last-child{border-top:1px solid var(--i-line-2)} :is(#wone,html) body .w137-contact-grid > div:last-child > *{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:20px 0;border-bottom:1px solid var(--i-line);font:400 17px/1.5 var(--i-ui)!important;align-items:baseline} :is(#wone,html) body .w137-contact-grid > div:last-child span,:is(#wone,html) body .w137-contact-grid > div:last-child small{font:500 12px/1.3 var(--i-ui)!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--i-ink-3,#6b7478)!important} @media (max-width:900px){:is(#wone,html) body .w137-contact-grid:not(#z){grid-template-columns:1fr!important}} :is(#wone,html) body :is(.w139-sector-grid,.w137-industry-grid) b,:is(#wone,html) body :is(.w139-sector-grid,.w137-industry-grid) [class*="more"]{font:500 13.5px/1 var(--i-ui)!important;letter-spacing:0!important;text-transform:none!important;color:var(--i-oxide)!important} /* hero buttons never stretch */ :is(#wone,html) body main :is(.wx-hero,[class*="-hero"]) :is(a.button,button.button,.btn):not(#z){width:auto!important;max-width:max-content;flex:0 0 auto!important;align-self:flex-start} :is(#wone,html) body main .wx-hero-copy > a.button:not(#z){display:inline-flex!important;margin-top:36px!important} /* two-column feature heads: a title that fits its column */ :is(#wone,html) body .w133-industry-map .wx-wrap:not(#z){display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)!important;gap:clamp(40px,6vw,96px)!important;align-items:center} :is(#wone,html) body .w133-industry-map-copy h2:not(#z){font:400 clamp(34px,3.4vw,52px)/1.06 var(--i-display)!important;letter-spacing:-.03em!important} :is(#wone,html) body main :is([class*="-copy"],[class*="-intro"]) > h2:not(#z){max-width:14em} :is(#wone,html) body .wx-split-copy h2:not(#z),:is(#wone,html) body :is(.w134-clientwork-system,.w134-demand-matrix,.w134-radar) h2:not(#z){font-size:clamp(32px,3.1vw,46px)!important;line-height:1.08!important} :is(#wone,html) body .wx-full-inner h1:not(#z){font-size:clamp(46px,5.4vw,78px)!important;max-width:15em!important;line-height:1.02!important} :is(#wone,html) body .ws10-grid2 h2:not(#z){font-size:clamp(32px,3.1vw,46px)!important;line-height:1.08!important} :is(#wone,html) body :is(.wen8-hero,.wc9-hero)::after{content:none!important;display:none!important} :is(#wone,html) body .w137-filter-head:not(#z){display:block!important}:is(#wone,html) body .w137-filter-head > *:not(#z){margin-left:0!important;grid-column:auto!important}:is(#wone,html) body .w137-filter-head .eyebrow{margin-bottom:22px!important}:is(#wone,html) body .w137-filter-head h2:not(#z){max-width:18em;font-size:clamp(34px,4vw,58px)!important} :is(#wone,html) body main :is(label,.wone-consent,[class*="consent"]) :is(span,p):not(#z):not(#y){text-transform:none!important;font-weight:400!important;letter-spacing:0!important;font-size:14.5px!important;line-height:1.6!important} /* checkbox and radio options read as sentences, not labels */ :is(#wone,html) body main label:has(input[type="checkbox"],input[type="radio"]):not(#z),:is(#wone,html) body main label:has(input[type="checkbox"],input[type="radio"]) *:not(input):not(#z){text-transform:none!important;letter-spacing:0!important;font-weight:400!important;font-size:14.5px!important;line-height:1.55!important} :is(#wone,html) body main label:has(input[type="checkbox"],input[type="radio"]) :is(strong,b):not(#z){font-weight:600!important} /* contrast repairs: every text colour now matches the surface it sits on */ :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person:not(#z){background:#141c20!important;border-color:var(--i-line-d)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person h3:not(#z):not(#y),:is(#wone,html) body .w135-section.dark .wx-person h3:not(#z):not(#y){color:var(--i-ivory)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person :is(.wx-person-role,.wx-person-firm,.wx-person-meta,.wx-why):not(#z):not(#y){color:var(--i-ivory-2)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person .wx-mini-tags span:not(#z){color:var(--i-ivory-2)!important;border-color:var(--i-line-d)!important;background:transparent!important} :is(#wone,html) body .w134-channel-map:not(#z){background:var(--i-night)!important;color:var(--i-ivory)!important} :is(#wone,html) body .w134-channel-map :is(span,small,p):not(#z){color:var(--i-ivory-2)!important} :is(#wone,html) body .wx-section:is([class*="dark"],[style*="#0c1215"],[style*="#181e22"]) :is(.w360-mode-card,.wone-lens-card):not(#z){background:rgba(238,232,220,.05)!important;border:1px solid var(--i-line-d)!important;color:var(--i-ivory)!important} :is(#wone,html) body .wx-section:is([class*="dark"],[style*="#0c1215"],[style*="#181e22"]) :is(.w360-mode-card,.wone-lens-card) :is(h3,strong,b):not(#z):not(#y){color:var(--i-ivory)!important} :is(#wone,html) body .wx-section:is([class*="dark"],[style*="#0c1215"],[style*="#181e22"]) :is(.w360-mode-card,.wone-lens-card) :is(p,span,small,li):not(#z):not(#y){color:var(--i-ivory-2)!important} :is(#wone,html) body .wl-compare-form label:not(#z){color:var(--i-ivory-2)!important} :is(#wone,html) body .wone-corridor-move-card > span:not(#z){color:var(--i-ink-3,#6b7478)!important;-webkit-text-stroke:0!important;-webkit-text-fill-color:currentColor!important} :is(#wone,html) body .wone-report-query-head :is(.wone-qtime,.wone-qbadge):not(#z){color:var(--i-ink-3,#6b7478)!important;background:var(--i-paper-2)!important} :is(#wone,html) body .wone-eb-curated-pill small:not(#z){color:rgba(238,232,220,.6)!important} :is(#wone,html) body .w139-podcast-card-copy small:not(#z){color:var(--i-oxide-l)!important} :is(#wone,html) body .w139-industry-card-badge:not(#z){background:rgba(12,18,21,.86)!important;color:var(--i-ivory)!important} :is(#wone,html) body .w139-giant:not(#z){display:none!important} /* the same cards on light sections: dark text on light cards */ :is(#wone,html) body .wx-section:not([class*="dark"]):not([style*="#0c1215"]):not([style*="#181e22"]) :is(.w360-mode-card,.wone-lens-card):not(#z){background:#fff!important;border:1px solid var(--i-line-2)!important;color:var(--i-ink)!important} :is(#wone,html) body .wx-section:not([class*="dark"]):not([style*="#0c1215"]):not([style*="#181e22"]) :is(.w360-mode-card,.wone-lens-card) :is(h3,strong):not(#z):not(#y){color:var(--i-ink)!important} :is(#wone,html) body .wx-section:not([class*="dark"]):not([style*="#0c1215"]):not([style*="#181e22"]) :is(.w360-mode-card,.wone-lens-card) :is(p,small,li,span):not(#z):not(#y){color:var(--i-ink-2,#3a4549)!important} :is(#wone,html) body .wx-section:not([class*="dark"]) :is(.w360-mode-card,.wone-lens-card) :is(b,.wone-lens-score):not(#z):not(#y){color:var(--i-oxide)!important} :is(#wone,html) body .wx-route-step > span:not(#z){color:var(--i-ink-3,#6b7478)!important} :is(#wone,html) body :is(.dark,[class*="-dark"],.wx-dark) .wx-route-step > span:not(#z):not(#y){color:var(--i-ivory-2)!important} :is(#wone,html) body .w134-channel-map .w134-channel-flow:not(#z){background:transparent!important}:is(#wone,html) body .w134-channel-map .w134-channel-flow > *:not(#z){background:rgba(238,232,220,.05)!important;border-color:var(--i-line-d)!important} @media (max-width:760px){ :is(#wone,html) body .w139-capability-ledger > a:not(#z){grid-template-columns:36px minmax(0,1fr)!important;row-gap:10px} :is(#wone,html) body .w139-capability-ledger > a > :last-child:not(#z){grid-column:2;justify-self:start} :is(#wone,html) body .wpf-portrait{max-width:200px} } @media (max-width:760px){:is(#wone,html) body .w139-capability-ledger > a > :is(span,div):not(#z){display:block!important}:is(#wone,html) body .w139-capability-ledger > a > div:not(#z){grid-column:2}} /* title accent */ :is(#wone,html) body .wone-accent:not(#z){font-style:normal!important;color:var(--i-oxide)!important;font-family:inherit!important;font-weight:inherit!important} :is(#wone,html) body .wone-accent.on-dark:not(#z){color:var(--i-oxide-l)!important} :is(#wone,html) body h1 em:not(.wone-accent),:is(#wone,html) body h2 em:not(.wone-accent){font-style:normal;color:var(--i-oxide)} :is(#wone,html) body :is([class*="dark"],[class*="hero"],.wgc2-footer,.wone-oxide-transition) :is(h1,h2) em:not(.wone-accent){color:var(--i-oxide-l)} :is(#wone,html) body .g-card:not(#z){border-color:rgba(20,27,31,.09)!important;box-shadow:none!important} /* ---------- profile publications ---------- */ :is(#wone,html) body .wpf-pubs{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:0 clamp(32px,4vw,64px);border-top:1px solid var(--i-line-2)} :is(#wone,html) body .wpf-pub{display:block;padding:28px 0 30px;border-bottom:1px solid var(--i-line);color:var(--i-ink)!important;text-decoration:none;grid-column:2} :is(#wone,html) body .wpf-pub.is-lead{grid-column:1;grid-row:1 / span 6;padding:36px 0;border-bottom:0} :is(#wone,html) body .wpf-pub-k{display:block;font:500 12px/1.3 var(--i-ui)!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--i-oxide)!important;margin-bottom:12px} :is(#wone,html) body .wpf-pub h3:not(#z){font:400 clamp(20px,1.6vw,24px)/1.24 var(--i-display)!important;letter-spacing:-.01em!important;margin:0 0 10px!important;text-transform:none!important} :is(#wone,html) body .wpf-pub.is-lead h3:not(#z){font-size:clamp(28px,2.6vw,40px)!important;line-height:1.12!important;letter-spacing:-.02em!important;margin-bottom:18px!important} :is(#wone,html) body .wpf-pub p:not(#z):not(#y){color:var(--i-ink-2,#3a4549)!important;margin:0 0 14px!important;max-width:44em} :is(#wone,html) body .wpf-pub.is-lead p:not(#z):not(#y){font-size:var(--t-lede)!important;line-height:1.6!important} :is(#wone,html) body .wpf-pub b{font:500 14px/1 var(--i-ui)!important;color:var(--i-oxide)!important} :is(#wone,html) body .wpf-pub:hover h3{color:var(--i-oxide)!important} :is(#wone,html) body .wpf-pubs:has(> .wpf-pub:only-child){grid-template-columns:1fr} :is(#wone,html) body .wpf-links{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:36px} :is(#wone,html) body .wpf-links span{font:500 12px/1.3 var(--i-ui);letter-spacing:.13em;text-transform:uppercase;color:var(--i-ink-3,#6b7478);margin-right:8px} :is(#wone,html) body .wpf-links a{font:500 14px/1 var(--i-ui);padding:12px 16px;border:1px solid var(--i-line-2);border-radius:999px;color:var(--i-ink)!important;text-decoration:none} @media (max-width:900px){:is(#wone,html) body .wpf-pubs{grid-template-columns:1fr}:is(#wone,html) body .wpf-pub,:is(#wone,html) body .wpf-pub.is-lead{grid-column:1;grid-row:auto;border-bottom:1px solid var(--i-line)}} /* ---------- person card: portrait circle, calm type, quiet expertise ---------- */ :is(#wone,html) body .wx-person:not(#z){display:flex!important;flex-direction:column;background:#fff;border:1px solid var(--i-line-2)!important;border-radius:var(--i-r)!important;padding:28px 26px 22px!important;overflow:visible!important;transition:border-color .2s,transform .2s,box-shadow .2s} :is(#wone,html) body .wx-person:hover{border-color:rgba(169,75,56,.45)!important;transform:translateY(-2px);box-shadow:0 18px 40px -24px rgba(12,18,21,.35)} :is(#wone,html) body .wx-person .wx-person-media:not(#z):not(#y){width:84px!important;height:84px!important;border-radius:50%!important;overflow:hidden;margin:0 0 22px!important;flex:0 0 auto;background:#efe6dc} :is(#wone,html) body .wx-person .wx-person-media img:not(#z):not(#y){width:100%!important;height:100%!important;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.05)!important;border-radius:50%} :is(#wone,html) body .wx-person .wx-person-media > .wone-initials-avatar:not(#z):not(#y){background:#efe6dc!important;background-image:none!important;border:0!important;color:var(--i-oxide)!important;font:400 28px/1 var(--i-display)!important;letter-spacing:-.01em!important;text-shadow:none!important;min-height:0!important} :is(#wone,html) body .wx-person .wx-person-copy:not(#z){padding:0!important;display:flex;flex-direction:column;flex:1 1 auto} :is(#wone,html) body .wx-person h3:not(#z):not(#y){font:400 22px/1.2 var(--i-display)!important;letter-spacing:-.012em!important;margin:0 0 8px!important;color:var(--i-ink)!important} :is(#wone,html) body .wx-person .wx-person-role:not(#z):not(#y){font:400 15px/1.45 var(--i-ui)!important;color:var(--i-ink-2,#3a4549)!important;margin:0 0 4px!important} :is(#wone,html) body .wx-person .wx-person-firm:not(#z):not(#y){font:500 14px/1.45 var(--i-ui)!important;color:var(--i-oxide)!important;margin:0 0 4px!important} :is(#wone,html) body .wx-person .wx-person-meta:not(#z):not(#y){font:400 13.5px/1.45 var(--i-ui)!important;letter-spacing:0!important;color:var(--i-ink-3,#6b7478)!important;margin:0!important} :is(#wone,html) body .wx-person .wx-mini-tags:not(#z){display:block!important;margin:16px 0 0!important;padding-top:16px;border-top:1px solid var(--i-line)} :is(#wone,html) body .wx-person .wx-mini-tags span:not(#z):not(#y){display:inline!important;border:0!important;background:none!important;padding:0!important;font:400 14px/1.6 var(--i-ui)!important;color:var(--i-ink-2,#3a4549)!important;letter-spacing:0!important;text-transform:none!important;border-radius:0!important} :is(#wone,html) body .wx-person .wx-mini-tags span + span::before{content:" · ";color:var(--i-ink-3,#6b7478)} :is(#wone,html) body .wx-person .wx-why:not(#z):not(#y){border-top:0!important;margin-top:12px!important;padding-top:0!important;font-size:13px!important;color:var(--i-ink-3,#6b7478)!important} :is(#wone,html) body .wx-person .wx-why::before{top:5px!important} :is(#wone,html) body .wx-person .more:not(#z),:is(#wone,html) body .wx-person [class*="more"]:not(.wx-more-arrow):not(#z){margin-top:auto!important;padding-top:18px!important;display:flex!important;justify-content:space-between;color:var(--i-ink)!important;font:500 14px/1 var(--i-ui)!important} :is(#wone,html) body .wx-person:hover .more{color:var(--i-oxide)!important} :is(#wone,html) body .wx-person .wx-person-exact:not(#z){border-radius:999px!important;font-size:12px!important;letter-spacing:.04em!important;text-transform:none!important;padding:5px 10px!important;margin:10px 0 0!important} /* dark sections: same card, night surface */ :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person:not(#z):not(#y){background:#141c20!important;border-color:var(--i-line-d)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person h3:not(#z):not(#y):not(#x){color:var(--i-ivory)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person :is(.wx-person-role,.wx-mini-tags span):not(#z):not(#y):not(#x){color:var(--i-ivory-2)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person :is(.wx-person-meta,.wx-why):not(#z):not(#y):not(#x){color:rgba(238,232,220,.6)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person .wx-person-firm:not(#z):not(#y):not(#x){color:var(--i-oxide-l)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person .wx-mini-tags{border-top-color:var(--i-line-d)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person .more:not(#z):not(#y){color:var(--i-ivory)!important} :is(#wone,html) body :is(.dark,.wx-dark,.wih-dark,.wdx-dark,[class*="-dark"]) .wx-person .wx-person-media > .wone-initials-avatar:not(#z):not(#y):not(#x){background:rgba(208,112,90,.14)!important;color:var(--i-oxide-l)!important} :is(#wone,html) body .wx-people-grid:not(#z):not(#y){grid-template-columns:repeat(auto-fill,minmax(270px,1fr))!important;gap:var(--s-gap)!important} :is(#wone,html) body .wx-person .wx-person-copy:not(#z):not(#y){background:transparent!important} :is(#wone,html) body .wpf-pub-by{display:block;font:500 13px/1.4 var(--i-ui);color:var(--i-ink-3,#6b7478);margin:0 0 12px} :is(#wone,html) body .w134-channel-map :is(strong,b,h3,h4):not(#z):not(#y){color:var(--i-ivory)!important}