@import url("../palette.css");
/* Why MERGE.ai page styles. Scoped to body.wma; never styles the shared menu or footer. */
@font-face{font-family:Epilogue;src:url('../../public/fonts/epilogue-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Epilogue;src:url('../../public/fonts/epilogue-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Epilogue;src:url('../../public/fonts/epilogue-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Fraunces;src:url('../../public/fonts/fraunces-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:'WMA Italic';src:url('../../public/fonts/fraunces-italic-500.ttf') format('truetype');font-style:italic;font-weight:500;font-display:swap}

body.wma{--ink:var(--merge-dark-green);--forest:var(--merge-forest-green);--vir:var(--merge-viridian);--mint:var(--merge-mint);--acid:var(--merge-mint);--paper:var(--merge-warm-gray);--web:var(--merge-web);--line-d:var(--color-border);--line-l:var(--color-border-on-dark);--ease:cubic-bezier(.22,.68,0,1);--gut:3.5vw;margin:0;background:var(--color-bg-dark);color:var(--color-text-on-dark);font:400 16px/1.55 Epilogue,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.wma main{display:block;overflow-x:clip}
:where(.wma main) :where(h1,h2,h3,p,dl,dd,dt,ol,ul,figure,blockquote){margin:0}
:where(.wma main) :where(ol,ul){padding:0;list-style:none}
:where(.wma main) img{display:block;max-width:100%}
.wma main em{font-family:'WMA Italic',Fraunces,Georgia,serif;font-style:italic;font-weight:500;letter-spacing:-.035em}
.wma :focus-visible{outline:2px solid var(--color-focus-on-dark);outline-offset:5px}
.wma [data-tone=light] :focus-visible{outline-color:var(--color-focus)}
.wma [data-tone=light] a:hover{color:var(--color-link-hover)}
.wma-anchor{position:absolute;top:-90px;left:0;width:1px;height:1px;overflow:hidden;pointer-events:none}
.wma-beat{position:relative}
.wma-wrap{width:min(1320px,100% - 2*var(--gut));margin-inline:auto}

/* Header: fixed, follows the tone of the section under it. */
.wma .wma-header{position:fixed;top:0;left:0;right:0;z-index:40;padding:10px var(--gut) 0 0;mix-blend-mode:normal;pointer-events:none;transition:color .4s}
.wma .wma-header>*{pointer-events:auto;position:relative}
.wma .wma-header::before{content:"";position:absolute;inset:0 0 -26px;background:linear-gradient(180deg,var(--hbg) 35%,transparent);opacity:var(--hshow,0);transition:opacity .4s;pointer-events:none}
body.wma{--hbg:color-mix(in srgb,var(--merge-dark-green) 74%,transparent)}
body.wma[data-scrolled]{--hshow:1}
body.wma[data-head=light]{--hbg:color-mix(in srgb,var(--merge-warm-gray) 90%,transparent)}
body.wma[data-head=forest]{--hbg:color-mix(in srgb,var(--merge-forest-green) 80%,transparent)}
.wma .brand-symbol img{transition:filter .4s}
.wma[data-head=light] .wma-header{color:var(--ink)}
.wma[data-head=light] .brand-lockup .brand-symbol img{filter:grayscale(1) invert(1) contrast(5);mix-blend-mode:multiply}
.wma[data-head=light] .menu-toggle i{border-color:color-mix(in srgb,var(--merge-dark-green) 44%,transparent)}
.wma-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:41;pointer-events:none}
.wma-progress i{display:block;height:100%;background:var(--mint);transform-origin:0 50%;transform:scaleX(var(--page,0))}

/* Shared type */
.wma-kicker{font:600 11px/1.4 Epilogue,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--mint)}
[data-tone=light] .wma-kicker{color:var(--forest)}
.wma main h2{font:400 clamp(40px,5.2vw,86px)/1.01 Epilogue,Arial,sans-serif;letter-spacing:-.055em;text-wrap:balance}
.wma main h2 em{color:var(--mint)}
.wma [data-tone=light] h2 em{color:var(--vir)}
.wma-head{display:grid;gap:22px;max-width:980px}
.wma-head>p:not(.wma-kicker){font-size:clamp(17px,1.35vw,20px);line-height:1.55;max-width:640px}
.wma-head-split{max-width:none;grid-template-columns:1.3fr .9fr;gap:6vw;align-items:end}
.wma-head-split>div{display:grid;gap:22px}
.wma-head-split>p{padding-bottom:10px}

/* ───────── 1. Opening + timeline ───────── */
.wma-time{position:relative;background:var(--ink);color:var(--paper)}
.wma-time-stage{display:flex;flex-direction:column;gap:96px;width:min(1320px,100% - 2*var(--gut));margin-inline:auto;padding:150px 0 110px}
.wma-time-kicker{position:relative;z-index:2;margin-bottom:-60px}
.wma-year{display:none}
.wma-beat{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;order:2}
.wma-beat-intro{order:0}
.wma-rail{order:1}
.wma-beat-copy{display:grid;gap:22px;align-content:center;max-width:620px}
.wma main h1{font:400 clamp(60px,8.6vw,154px)/.9 Epilogue,Arial,sans-serif;letter-spacing:-.065em}
.wma main h1 em{display:block;color:var(--mint);letter-spacing:-.045em}
.wma-lede{font-size:clamp(18px,1.45vw,22px);line-height:1.5;max-width:540px;color:color-mix(in srgb,var(--paper) 92%,transparent)}
.wma-down{justify-self:start;display:inline-flex;gap:12px;align-items:center;margin-top:8px;padding:13px 22px;border:1px solid color-mix(in srgb,var(--paper) 40%,transparent);border-radius:999px;font:600 13px/1 Epilogue,sans-serif;transition:background .3s,color .3s,border-color .3s}
.wma-down:hover{background:var(--color-button-bg);border-color:var(--color-button-bg);color:var(--color-button-text)!important}
.wma-era{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap;font:600 11px/1.4 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 70%,transparent)}
.wma-era b{font:400 15px/1 Epilogue,sans-serif;letter-spacing:.02em;text-transform:none;color:var(--mint);padding:7px 12px;border:1px solid color-mix(in srgb,var(--mint) 50%,transparent);border-radius:999px}
.wma-people{font:300 clamp(22px,2vw,30px)/1.25 Fraunces,Georgia,serif;letter-spacing:-.02em;color:color-mix(in srgb,var(--paper) 82%,transparent);max-width:520px}
.wma-did{font-size:clamp(16px,1.25vw,19px);line-height:1.55;max-width:500px;color:color-mix(in srgb,var(--paper) 85%,transparent)}

/* 30+ */
.wma-dna{display:grid;justify-items:end;align-content:center;text-align:right}
.wma-dna-num{font:300 clamp(170px,23vw,380px)/.78 Fraunces,Georgia,serif;letter-spacing:-.075em;color:var(--mint);margin-right:-.04em}
.wma-dna-num sup{font-size:.42em;vertical-align:top;position:relative;top:.12em;margin-left:.04em}
.wma-dna-people{display:flex;align-items:center;gap:14px;margin-top:26px;font:300 18px/1.2 Fraunces,Georgia,serif;letter-spacing:-.01em;color:color-mix(in srgb,var(--paper) 88%,transparent)}
.wma-dna-faces{display:flex;padding-left:10px}
.wma-dna-faces img{width:46px;height:46px;margin-left:-10px;border-radius:50%;object-fit:cover;border:2px solid var(--ink)}
.wma-dna-cap{margin-top:20px;font:600 12px/1.4 Epilogue,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 72%,transparent)}

/* Era composition: people photo in a modern crop, vintage device on a mint disc. */
.wma-shot{position:relative;height:min(64vw,560px);min-height:340px}
.wma-shot-photo{position:absolute;inset:0 0 0 22%;border-radius:36px;overflow:hidden;background:var(--color-bg-dark)}
.wma-shot-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.wma-shot-disc{position:absolute;left:0;bottom:4%;width:46%;aspect-ratio:1;border-radius:50%;background:var(--mint)}
.wma-dev{position:absolute;height:auto;filter:drop-shadow(0 22px 26px rgba(0,0,0,.35))}
.wma-dev-a{left:-3%;bottom:8%;width:52%}
.wma-dev-b{left:24%;bottom:-3%;width:34%}
.wma-dev-phone{left:26%;bottom:-1%;width:30%}
.wma-shot-now .wma-shot-photo{inset:0;border-radius:36px 36px 36px 180px}
.wma-shot-now .wma-shot-photo img{object-position:30% 50%}
.wma-ask{position:absolute;left:-6%;bottom:11%;display:flex;gap:12px;align-items:center;padding:16px 26px 16px 18px;border-radius:999px 999px 999px 8px;background:var(--paper);color:var(--ink);font:500 clamp(15px,1.35vw,20px)/1.2 Epilogue,sans-serif;letter-spacing:-.02em;box-shadow:0 24px 50px rgba(0,0,0,.35)}
.wma-ask i{flex:none;width:12px;height:12px;border-radius:50%;background:var(--vir);box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 55%,transparent)}

/* Rail of shifts */
.wma-rail{position:relative;display:flex;justify-content:space-between;gap:12px;padding:0 0 4px;overflow-x:auto;scrollbar-width:none}
.wma-rail::-webkit-scrollbar{display:none}
.wma-rail::before{content:"";position:absolute;left:38px;right:38px;top:38px;height:1px;background:color-mix(in srgb,var(--paper) 25%,transparent)}
.wma-rail li{position:relative;flex:none;display:grid;justify-items:center;gap:4px;min-width:76px;text-align:center}
.wma-disc{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:var(--paper);overflow:hidden;transition:transform .5s var(--ease),background .4s,box-shadow .4s}
.wma-disc img{width:118%;max-width:none;height:auto}
.wma-rail-now .wma-disc{box-shadow:0 0 0 3px var(--mint)}
.wma-rail-now .wma-disc img{width:100%;height:100%;object-fit:cover;object-position:28% 40%}
.wma-rail b{margin-top:8px;font:400 15px/1 Epilogue,sans-serif;letter-spacing:-.01em}
.wma-rail small{font:600 10px/1.3 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 62%,transparent)}

/* Pinned version (motion, wide enough screens). JS adds .is-pinned. */
.wma-time.is-pinned{height:380svh}
.wma-time.is-pinned .wma-time-stage{position:sticky;top:0;display:block;width:100%;height:100svh;padding:0;overflow:hidden}
.is-pinned .wma-time-kicker{position:absolute;left:var(--gut);top:clamp(96px,13vh,128px);margin:0}
.is-pinned .wma-beat{position:absolute;left:var(--gut);right:var(--gut);top:clamp(128px,18vh,170px);bottom:clamp(150px,21vh,200px);grid-template-columns:1fr 1.02fr;align-items:stretch;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s var(--ease),visibility 0s linear .45s}
.is-pinned .wma-beat.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s var(--ease)}
.is-pinned .wma-beat-copy{align-content:center}
.is-pinned .wma-beat-visual{height:auto;min-height:0}
.is-pinned .wma-beat-copy>*{transform:translateY(34px);opacity:0;transition:transform .7s var(--ease),opacity .5s}
.is-pinned .wma-beat.is-active .wma-beat-copy>*{transform:none;opacity:1}
.is-pinned .wma-beat.is-active .wma-beat-copy>:nth-child(2){transition-delay:.06s}
.is-pinned .wma-beat.is-active .wma-beat-copy>:nth-child(3){transition-delay:.12s}
.is-pinned .wma-beat.is-active .wma-beat-copy>:nth-child(4){transition-delay:.18s}
.is-pinned .wma-shot-photo{clip-path:inset(14% 0 14% 30% round 36px);transition:clip-path .9s var(--ease)}
.is-pinned .wma-shot-now .wma-shot-photo{clip-path:inset(18% 0 18% 40% round 36px 36px 36px 180px)}
.is-pinned .wma-beat.is-active .wma-shot-photo{clip-path:inset(0 0 0 0 round 36px)}
.is-pinned .wma-beat.is-active .wma-shot-now .wma-shot-photo{clip-path:inset(0 0 0 0 round 36px 36px 36px 180px)}
.is-pinned .wma-shot-disc{transform:scale(.4);transition:transform .8s var(--ease) .05s}
.is-pinned .wma-dev{transform:translate(-30px,40px) rotate(-6deg);opacity:0;transition:transform .9s var(--ease) .15s,opacity .5s .15s}
.is-pinned .wma-dev-b{transition-delay:.25s}
.is-pinned .wma-ask{transform:translateY(24px) scale(.94);opacity:0;transition:transform .7s var(--ease) .35s,opacity .5s .35s}
.is-pinned .wma-beat.is-active :is(.wma-shot-disc,.wma-dev,.wma-ask){transform:none;opacity:1}
.is-pinned .wma-dna-num{transform:translateY(40px);opacity:0;transition:transform .9s var(--ease),opacity .6s}
.is-pinned .wma-beat.is-active .wma-dna-num{transform:none;opacity:1}
.is-pinned .wma-dna-people{opacity:0;transform:translateY(16px);transition:opacity .6s .35s,transform .8s var(--ease) .35s}
.is-pinned .wma-beat.is-active .wma-dna-people{opacity:1;transform:none}
.is-pinned .wma-year{position:absolute;display:block;left:var(--gut);bottom:46px;margin:0;font:300 clamp(54px,5.4vw,88px)/.8 Fraunces,Georgia,serif;letter-spacing:-.06em;color:var(--mint);font-variant-numeric:tabular-nums}
.is-pinned .wma-rail{position:absolute;left:calc(var(--gut) + clamp(150px,13vw,210px));right:var(--gut);bottom:34px;overflow:visible;padding:0}
.is-pinned .wma-rail::after{content:"";position:absolute;left:38px;right:38px;top:38px;height:2px;margin-top:-.5px;background:var(--mint);transform-origin:0 50%;transform:scaleX(var(--rail,0))}
.is-pinned .wma-rail li{z-index:1;opacity:.42;transition:opacity .4s}
.is-pinned .wma-rail li.is-lit{opacity:1}
.is-pinned .wma-rail li.is-on .wma-disc{transform:scale(1.16);background:var(--mint)}
.is-pinned .wma-rail li.is-on.wma-rail-now .wma-disc{box-shadow:0 0 0 4px var(--mint),0 0 0 12px color-mix(in srgb,var(--mint) 25%,transparent)}
.is-pinned .wma-rail li:not(.is-lit) .wma-disc img{filter:grayscale(1)}

/* ───────── 2. The shift ───────── */
.wma-shift{position:relative;background:var(--paper);color:var(--ink);padding:150px 0 130px}
.wma-path{margin:84px 0 96px;display:grid;gap:22px}
.wma-path-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:18px}
.wma-path-tag{position:relative;display:grid;font:600 11px/1 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--forest)}
.wma-path-tag b{grid-area:1/1}
.wma-path ol{position:relative;display:flex;justify-content:space-between;align-items:center;gap:10px}
.wma-path ol::before{content:"";position:absolute;left:10px;right:10px;top:50%;height:2px;background:var(--ink);z-index:0}
.wma-path li{position:relative;z-index:1;flex:none;display:grid;white-space:nowrap;overflow:hidden;padding:15px 24px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);font:500 clamp(14px,1.45vw,22px)/1 Epilogue,sans-serif;letter-spacing:-.02em}
.wma-path li>span{grid-area:1/1}
.wma-path .p-answer{background:var(--mint);border-color:var(--mint);font-weight:600}
.wma-path .p-last{background:var(--ink);color:var(--paper)}
.wma-path-then .p-answer,.wma-path-then .w-now,.wma-path-then .t-now{display:none}
.wma-path-now ol{width:62%}
/* Motion: one row that collapses into the answer. JS sets --c (collapse) and --a (answer). */
.motion .wma-path.is-live .wma-path-now{display:none}
.motion .wma-path.is-live .wma-path-then ol{width:calc(100% - var(--c,0) * 38%);transition:none}
.motion .wma-path.is-live .wma-path-then .p-answer{display:grid;max-width:calc(11em * var(--a,0));padding-inline:calc(24px * var(--a,0));border-width:calc(1.5px * var(--a,0));opacity:var(--a,0)}
.motion .wma-path.is-live .wma-path-then .p-go{max-width:calc(9em * (1 - var(--c,0)));padding-inline:calc(24px * (1 - var(--c,0)));border-width:calc(1.5px * (1 - var(--c,0)));opacity:calc(1 - var(--c,0) * 1.5);margin-inline:calc(-5px * var(--c,0))}
.motion .wma-path.is-live .wma-path-then :is(.t-now){display:block;opacity:var(--c,0)}
.motion .wma-path.is-live .wma-path-then :is(.t-then){opacity:calc(1 - var(--c,0))}
.motion .wma-path.is-live .wma-path-then .p-first{display:flex}
.motion .wma-path.is-live .wma-path-then .p-first>span{grid-area:auto;display:block;overflow:hidden;white-space:nowrap}
.motion .wma-path.is-live .wma-path-then .w-then{max-width:calc(4.2em * (1 - var(--c,0)));opacity:calc(1 - var(--c,0) * 1.3)}
.motion .wma-path.is-live .wma-path-then .w-now{max-width:calc(2.2em * var(--c,0));opacity:var(--c,0)}

.wma-stage{display:grid;gap:8px;padding-top:12px;font:600 11px/1.3 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--forest)}
.wma-stage span{font:300 15px/1 Fraunces,Georgia,serif;letter-spacing:0;color:var(--vir)}
.wma-num{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;font:300 clamp(76px,8vw,136px)/.82 Fraunces,Georgia,serif;letter-spacing:-.065em;color:var(--vir)}
.wma-num small{font:600 13px/1 Epilogue,sans-serif;letter-spacing:.02em;color:var(--forest)}
.wma-fact{display:grid;gap:14px;padding-top:10px}
.wma-fact>p{font-size:16px;line-height:1.5;color:color-mix(in srgb,var(--ink) 86%,transparent)}
.wma-source summary{display:inline-flex;gap:8px;align-items:center;cursor:pointer;list-style:none;font:600 11px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);padding-bottom:4px;border-bottom:1px solid currentColor}
.wma-source summary::-webkit-details-marker{display:none}
.wma-source summary::after{content:"+";font-size:14px;letter-spacing:0;transition:transform .3s}
.wma-source[open] summary::after{transform:rotate(45deg)}
.wma-source div{display:grid;gap:8px;margin-top:12px;font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--ink) 78%,transparent)}
.wma-source a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.wma-sowhat{position:relative;padding:8px 0 0 26px;font:500 clamp(19px,1.65vw,25px)/1.3 Epilogue,sans-serif;letter-spacing:-.025em;border-left:3px solid var(--mint)}
.wma-sowhat span{display:block;margin-bottom:10px;font:600 11px/1 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--vir)}
.wma-note{margin-top:26px;font-size:12px;line-height:1.5;color:color-mix(in srgb,var(--ink) 66%,transparent);max-width:640px}

/* ───────── 3. Rebuilt ───────── */
.wma-rebuilt{position:relative;background:var(--ink);color:var(--paper);padding:150px 0 140px}
.wma-one{display:grid;grid-template-columns:1.08fr .92fr;gap:6vw;align-items:center;margin-top:96px}
.wma-stack{position:relative;display:grid;gap:calc(64px - var(--s,1) * 78px);padding:20px 0 20px 34px}
.wma-layer{position:relative;z-index:1;display:grid;gap:16px;padding:28px 32px 30px;border-radius:30px;transform:translateY(calc((1 - var(--s,1)) * var(--dy,0px))) rotate(calc((1 - var(--s,1)) * var(--rot,0deg)))}
.wma-layer-people{--dy:-30px;--rot:-2.5deg;z-index:3;background:var(--paper);color:var(--ink);margin-right:8%}
.wma-layer-one{--rot:1.5deg;z-index:2;background:var(--mint);color:var(--ink);margin-left:4%;margin-right:4%;padding-top:40px;padding-bottom:36px}
.wma-layer-base{--dy:30px;--rot:-1deg;z-index:1;background:var(--forest);color:var(--paper);margin-left:8%;padding-top:40px}
.wma-layer-name{font:600 11px/1 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.wma-layer-big{font:400 clamp(34px,3.6vw,56px)/.95 Epilogue,sans-serif;letter-spacing:-.055em}
.wma-faces{display:flex}
.wma-faces li{width:68px;height:68px;margin-right:-14px;border-radius:50%;overflow:hidden;border:3px solid var(--paper);background:var(--color-bg-section)}
.wma-faces img{width:100%;height:100%;object-fit:cover}
.wma-chips{display:flex;flex-wrap:wrap;gap:8px}
.wma-chips li{padding:8px 13px;border-radius:999px;font:500 13px/1 Epilogue,sans-serif;letter-spacing:-.01em;border:1px solid currentColor}
.wma-layer-people .wma-chips li{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wma-layer-one .wma-chips li{border-color:color-mix(in srgb,var(--ink) 40%,transparent)}
.wma-layer-base .wma-chips li{border-color:color-mix(in srgb,var(--paper) 35%,transparent)}
.wma-thread{position:absolute;z-index:4;left:12px;top:0;bottom:0;width:3px;border-radius:3px;background:var(--mint);transform-origin:50% 0;transform:scaleY(var(--s,1))}
.wma-thread::before{content:"";position:absolute;left:50%;top:-5px;width:13px;height:13px;margin-left:-6.5px;border-radius:50%;background:var(--mint)}
.wma-one-copy{display:grid;gap:34px}
.wma-one-intro{font:300 clamp(23px,2vw,31px)/1.3 Fraunces,Georgia,serif;letter-spacing:-.02em}
.wma-one-copy dl{display:grid;border-top:1px solid var(--line-l)}
.wma-one-copy dl>div{display:grid;gap:6px;padding:20px 0;border-bottom:1px solid var(--line-l)}
.wma-one-copy dt{font:600 16px/1.3 Epilogue,sans-serif;color:var(--mint)}
.wma-one-copy dd{font-size:16px;line-height:1.55;color:color-mix(in srgb,var(--paper) 86%,transparent)}
.wma-quote{display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center;margin-top:140px}
.wma-quote-photo{display:block;aspect-ratio:16/10;border-radius:36px 180px 36px 36px;overflow:hidden}
.wma-quote-photo img{width:100%;height:100%;object-fit:cover;object-position:40% 40%}
.wma-quote blockquote p{font:400 clamp(36px,4.2vw,68px)/1.02 Epilogue,sans-serif;letter-spacing:-.055em}
.wma-quote blockquote em{display:block;color:var(--mint)}

/* ───────── 4. In practice ───────── */
.wma-practice{position:relative;background:var(--paper);color:var(--ink);padding:150px 0 140px}
.wma-moves{margin-top:84px;border-top:1px solid var(--line-d)}
.wma-moves>li{display:grid;grid-template-columns:minmax(220px,.9fr) 1.35fr minmax(200px,.62fr);gap:4vw;align-items:start;padding:44px 0;border-bottom:1px solid var(--line-d)}
.wma-moves h3{font:400 clamp(58px,6.6vw,112px)/.86 Epilogue,sans-serif;letter-spacing:-.065em;transition:color .3s}
.wma-moves>li:hover h3{color:var(--vir)}
.wma-move-body{display:grid;gap:18px;padding-top:8px}
.wma-move-body>p:first-child{font-size:clamp(16px,1.2vw,18px);line-height:1.6;max-width:600px}
.wma-get{font:500 clamp(18px,1.45vw,22px)/1.32 Epilogue,sans-serif;letter-spacing:-.02em;max-width:560px}
.wma-get span{display:inline-block;margin-right:12px;padding:6px 10px;border-radius:999px;background:var(--mint);font:600 10px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;vertical-align:.25em}
.wma-answers{justify-self:start;font:600 11px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);padding-bottom:4px;border-bottom:1px solid currentColor}
.wma-move-photo{display:block;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--color-bg-section)}
.wma-move-photo img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.wma-moves>li:hover .wma-move-photo img{transform:scale(1.05)}
#listen .wma-move-photo img{object-position:50% 35%}
#test .wma-move-photo img{object-position:60% 40%}

/* ───────── 5. Close ───────── */
.wma-close{position:relative;background:var(--forest);color:var(--paper);padding:150px 0 150px}
.wma-close h2{margin-top:22px;max-width:1100px}
.wma-close-grid{display:grid;grid-template-columns:1.25fr .85fr;gap:6vw;align-items:end;margin-top:90px}
.wma-reasons{display:grid;border-top:1px solid var(--line-l)}
.wma-reasons li{display:grid;grid-template-columns:70px 1fr 1.25fr;gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid var(--line-l)}
.wma-reasons span{font:300 18px/1 Fraunces,Georgia,serif;color:var(--mint)}
.wma-reasons h3{font:500 clamp(22px,1.9vw,30px)/1.1 Epilogue,sans-serif;letter-spacing:-.035em}
.wma-reasons p{font-size:16px;line-height:1.55;color:color-mix(in srgb,var(--paper) 86%,transparent)}
.wma-cta{display:grid;gap:24px}
.wma-cta-photo{display:block;aspect-ratio:5/4;border-radius:36px 36px 36px 160px;overflow:hidden}
.wma-cta-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.wma-cta p{font:300 clamp(21px,1.7vw,27px)/1.3 Fraunces,Georgia,serif;letter-spacing:-.015em}
.wma-pill{justify-self:start;display:inline-flex;align-items:center;gap:16px;padding:9px 9px 9px 26px;border-radius:999px;background:var(--color-button-bg);color:var(--color-button-text)!important;font:600 15px/1 Epilogue,sans-serif;letter-spacing:-.01em;transition:transform .3s var(--ease)}
.wma-pill-arrow{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--color-button-bg-hover);color:var(--color-button-text-hover);font-size:18px;transition:transform .3s var(--ease)}
.wma-pill:hover{transform:translateY(-2px)}
.wma-pill:hover .wma-pill-arrow{transform:rotate(45deg)}

/* Reveal on enter (motion only, set by JS). */
.motion .wma-rv{opacity:0;transform:translateY(36px);transition:opacity .7s var(--ease),transform .9s var(--ease)}
.motion .wma-rv.is-in{opacity:1;transform:none}

/* ───────── Responsive ───────── */
@media (max-width:1100px){
 .wma-moves>li{grid-template-columns:1fr 1.4fr}
 .wma-move-photo{display:none}
 .wma-reasons li{grid-template-columns:50px 1fr}
 .wma-reasons p{grid-column:2}
}
@media (max-width:900px){
 body.wma{--gut:20px}
 .wma-time-stage{gap:72px;padding:120px 0 90px}
 .wma-time-kicker{margin-bottom:-48px}
 .wma-beat{grid-template-columns:1fr;gap:34px}
 .wma-dna{justify-items:start;text-align:left}
 .wma-dna-num{font-size:44vw}
 .wma-shot{height:auto;aspect-ratio:4/4.4;min-height:0}
 .wma-shot-now{aspect-ratio:4/3.4}
 .wma-ask{left:12px;bottom:18px}
 .wma-rail{margin-inline:calc(-1 * var(--gut));padding-inline:var(--gut);justify-content:flex-start;gap:18px}
 .wma-rail::before{left:58px;right:58px}
 .wma-head-split{grid-template-columns:1fr;gap:22px}
 .wma-shift,.wma-rebuilt,.wma-practice,.wma-close{padding:100px 0 96px}
 .wma-path{margin:56px 0 64px}
 .wma-path-row{grid-template-columns:1fr;gap:12px}
 .wma-path ol{flex-wrap:wrap;justify-content:flex-start;gap:8px}
 .wma-path ol::before{display:none}
 .wma-path li{padding:11px 16px;font-size:15px}
 .wma-path li:not(:last-child)::after{content:""}
 .wma-path-now ol{width:auto}
 .motion .wma-path.is-live .wma-path-now{display:grid}
 .motion .wma-path.is-live .wma-path-then ol{width:auto}
 .motion .wma-path.is-live .wma-path-then .p-go{max-width:none;padding-inline:16px;border-width:1.5px;opacity:1;margin:0}
 .motion .wma-path.is-live .wma-path-then .p-answer,.motion .wma-path.is-live .wma-path-then :is(.w-now,.t-now){display:none}
 .motion .wma-path.is-live .wma-path-then :is(.w-then,.t-then){opacity:1}
 .wma-stage{padding-top:0;display:flex;gap:10px}
 .wma-one{grid-template-columns:1fr;gap:56px;margin-top:60px}
 .wma-stack{padding-left:26px}
 .wma-layer{padding:22px 22px 24px;border-radius:24px}
 .wma-layer-people{margin-right:4%}.wma-layer-one{margin-inline:2%}.wma-layer-base{margin-left:4%}
 .wma-faces li{width:54px;height:54px}
 .wma-quote{grid-template-columns:1fr;gap:34px;margin-top:90px}
 .wma-moves{margin-top:56px}
 .wma-moves>li{grid-template-columns:1fr;gap:18px;padding:34px 0}
 .wma-close-grid{grid-template-columns:1fr;gap:56px;margin-top:56px}
 .wma-reasons li{grid-template-columns:40px 1fr;gap:10px 14px}
}
@media (max-width:520px){
 .wma main h1{font-size:13.4vw}
 .wma-ask{font-size:14px;padding:12px 18px 12px 14px}
 .wma-disc{width:64px;height:64px}
 .wma-rail li{min-width:64px}
 .wma-rail::before{top:32px}
}
@media (prefers-reduced-motion:reduce){.wma *{transition:none!important;scroll-behavior:auto!important}}
.is-pinned .wma-beat-intro{grid-template-columns:1.35fr .65fr}
.is-pinned .wma-beat-intro .wma-beat-copy{max-width:none}
.is-pinned .wma-beat-intro .wma-lede{max-width:560px}
@media (max-width:900px){
 .motion .wma-path.is-live .wma-path-then .p-first>.w-now{display:none}
 .motion .wma-path.is-live .wma-path-then .p-first>.w-then{max-width:none;opacity:1}
}
@media (min-width:901px){.wma-beat-intro{grid-template-columns:1.35fr .65fr}.wma-beat-intro .wma-beat-copy{max-width:none}}
@media (max-width:520px){.wma main h1 em{display:inline}}

/* ───────── Texture and imagery layers ───────── */
body.wma{--noise:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wma-grain{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--noise);opacity:.09;mix-blend-mode:overlay}

/* Timeline: each beat brings its own photographic field and a ghost year. */
.wma-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.wma-backdrop::after{content:"";position:absolute;inset:0;background:var(--noise);opacity:.1;mix-blend-mode:overlay}
.wma-bd{position:absolute;inset:0;opacity:0;transition:opacity 1.1s var(--ease)}
.wma-bd.is-active{opacity:1}
.wma-bd img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.34;mix-blend-mode:luminosity;filter:contrast(1.15)}
.wma-bd::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink) 12%,color-mix(in srgb,var(--ink) 62%,transparent) 48%,color-mix(in srgb,var(--ink) 25%,transparent)),linear-gradient(0deg,var(--ink) 6%,transparent 42%)}
.wma-bd b{position:absolute;z-index:1;right:-2vw;bottom:-7vw;font:300 33vw/.8 Fraunces,Georgia,serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,var(--mint) 30%,transparent)}
.wma-bd-1 img{object-position:50% 28%;transform:scale(1.25);opacity:.3}
.wma-bd-2 img{object-position:70% 50%;opacity:.42}
.wma-bd-3 img{mix-blend-mode:normal;opacity:.42;filter:blur(14px) saturate(1.2);transform:scale(1.08)}
.wma-bd-3::after{background:linear-gradient(90deg,var(--ink) 10%,color-mix(in srgb,var(--ink) 55%,transparent) 50%,color-mix(in srgb,var(--ink) 20%,transparent)),linear-gradient(0deg,var(--ink) 6%,transparent 42%)}
.wma-bd-0{background-image:radial-gradient(color-mix(in srgb,var(--paper) 16%,transparent) 1px,transparent 1.7px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 78% 40%,#000,transparent);mask-image:radial-gradient(ellipse 60% 70% at 78% 40%,#000,transparent)}
.wma-glow{position:absolute;right:-12vw;top:-18vh;width:72vw;height:72vw;border-radius:50%;background:none}
.wma-time-stage>:not(.wma-backdrop){position:relative;z-index:1}
.wma-time-stage{position:relative}
.wma-time.is-pinned .wma-time-stage{position:sticky}
.is-pinned .wma-time-stage>.wma-beat,.is-pinned .wma-time-stage>.wma-rail,.is-pinned .wma-time-stage>.wma-year,.is-pinned .wma-time-stage>.wma-time-kicker{position:absolute}
.wma-time:not(.is-pinned) .wma-bd-0{opacity:1}

/* Shift: someone asking, the answer they get, and a dot field behind. */
.wma-shift::before{content:"";position:absolute;left:0;right:0;top:0;height:1200px;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--ink) 22%,transparent) 1px,transparent 1.7px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.wma-shift>.wma-wrap{position:relative}
.wma-answer{position:relative;width:100%;display:grid;gap:10px;padding:18px 20px 20px;border-radius:24px;background:var(--web);color:var(--ink);box-shadow:0 30px 60px rgba(19,59,52,.24)}
.wma-answer-q{justify-self:end;max-width:92%;padding:10px 14px;border-radius:16px 16px 4px 16px;background:var(--ink);color:var(--paper);font:500 14px/1.3 Epilogue,sans-serif;letter-spacing:-.01em}
.wma-answer-a{display:flex;gap:9px;align-items:center;margin-top:6px;font:600 10px/1 Epilogue,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:var(--forest)}
.wma-answer-a i{flex:none;width:9px;height:9px;border-radius:50%;background:var(--vir);box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 60%,transparent)}
.wma-answer-line{display:block;height:8px;border-radius:8px;background:color-mix(in srgb,var(--ink) 12%,transparent)}
.wma-answer-line.is-short{width:60%}
.wma-answer-src{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.wma-answer-src span{padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--ink) 8%,transparent);font:500 12px/1 Epilogue,sans-serif}
.wma-answer-src .is-you{background:transparent;border:1.5px dashed var(--vir);color:var(--vir);font-weight:600}

/* Rebuilt: glow and dot field behind the stack; the quote becomes a full-bleed photograph. */
.wma-rebuilt{overflow:hidden}
.wma-rebuilt>.wma-wrap{position:relative;z-index:1}
.wma-rebuilt::before{content:"";position:absolute;left:-18vw;top:22%;width:72vw;height:72vw;max-height:1200px;border-radius:50%;background:none;pointer-events:none}
.wma-stack::before{content:"";position:absolute;inset:-70px -50px -70px -40px;z-index:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--paper) 18%,transparent) 1px,transparent 1.7px);background-size:22px 22px;-webkit-mask-image:radial-gradient(closest-side,#000 40%,transparent);mask-image:radial-gradient(closest-side,#000 40%,transparent)}
.wma-quote{position:relative;z-index:1;display:grid;grid-template-columns:1fr;align-items:center;gap:0;margin-top:150px;min-height:min(88vh,860px);overflow:hidden}
.wma-quote-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:22% 30%}
.wma-quote::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 22%,color-mix(in srgb,var(--ink) 78%,transparent) 54%,var(--ink) 82%),linear-gradient(180deg,var(--ink) 0%,transparent 20%,transparent 80%,color-mix(in srgb,var(--ink) 60%,transparent))}
.wma-quote-inner{position:relative;z-index:2;display:grid;justify-items:end}
.wma-quote blockquote{width:min(560px,44%)}

/* Practice: a moving ribbon of the people brands serve. */
.wma-practice{overflow:hidden}
.wma-ribbon{margin:76px calc(50% - 50vw) 0;overflow-x:auto;scrollbar-width:none;padding:4px 0}
.wma-ribbon::-webkit-scrollbar{display:none}
.motion .wma-ribbon{overflow:hidden}
.wma-ribbon-track{display:flex;gap:16px;width:max-content;padding-inline:var(--gut);transform:translate3d(calc(var(--r,0) * -1px),0,0)}
.wma-ribbon li{position:relative;flex:none;height:clamp(220px,21vw,310px);border-radius:26px;overflow:hidden;background:var(--color-bg-section)}
.wma-ribbon li.is-wide{aspect-ratio:3/2}
.wma-ribbon li.is-tall{aspect-ratio:3/4}
.wma-ribbon li:nth-child(3n+2){border-radius:170px 170px 26px 26px}
.wma-ribbon img{width:100%;height:100%;object-fit:cover}
.wma-ribbon li span{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;background:var(--paper);color:var(--ink);font:600 12px/1 Epilogue,sans-serif;letter-spacing:-.005em}

/* Close: the green thread runs through, with grain and a glow behind the call to action. */
.wma-close{overflow:hidden}
.wma-close>.wma-wrap{position:relative;z-index:1}
.wma-close-thread{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.wma-close-thread path{fill:none;stroke:var(--mint);stroke-width:1.6;opacity:.45;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--t,1))}
.wma-close::after{content:"";position:absolute;right:-18vw;bottom:-28vw;width:72vw;height:72vw;border-radius:50%;background:none;pointer-events:none;z-index:0}

@media (max-width:900px){
 .wma-bd b{font-size:60vw;bottom:auto;top:40%}
 .wma-quote{margin-top:96px;min-height:0;display:block}
 .wma-quote-bg{position:relative;height:96vw;max-height:620px}
 .wma-quote::before{background:linear-gradient(180deg,var(--ink) 0%,transparent 16%,transparent 52%,var(--ink) 74%)}
 .wma-quote-inner{position:relative;margin-top:-26vw;padding-bottom:90px;justify-items:start}
 .wma-quote blockquote{width:100%}
 .wma-ribbon{margin-top:52px}
 .wma-ribbon li{height:200px}
}
.wma-bd b{right:auto;bottom:auto;left:24vw;top:-10vw;font-size:30vw;-webkit-text-stroke-color:color-mix(in srgb,var(--mint) 26%,transparent)}
@media (max-width:900px){.wma-bd b{left:-4vw;top:auto;bottom:10vh;font-size:56vw}}

/* ───────── Proof bands: color fields and a chart per number ───────── */
.wma-proof{margin-top:20px}
.wma-band{position:relative;overflow:hidden}
.wma-band-1{background:var(--web);color:var(--ink)}
.wma-band-2{background:var(--ink);color:var(--paper)}
.wma-band-3{background:var(--vir);color:#fff}
.wma-band-4{background:var(--paper);color:var(--ink)}
.wma-band-2::before,.wma-band-3::before{content:"";position:absolute;inset:0;background:var(--noise);opacity:.1;mix-blend-mode:overlay;pointer-events:none}
.wma-band-1::after{content:"";position:absolute;right:-12vw;top:-30%;width:46vw;height:46vw;border-radius:50%;background:none;pointer-events:none}
.wma-band-in{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr .95fr;gap:4.5vw;align-items:center;padding:96px 0}
.wma-band-stat{display:grid;gap:18px;align-content:start}
.wma-band .wma-stage{display:flex;gap:10px;align-items:baseline;padding:0;color:inherit;opacity:.85}
.wma-band .wma-stage span{color:inherit}
.wma-band .wma-num{font-size:clamp(110px,12vw,200px);line-height:.8;margin-left:-.04em}
.wma-band-2 .wma-num{color:var(--mint)}
.wma-band-3 .wma-num{color:#fff}
.wma-band .wma-fact{padding:0;max-width:380px}
.wma-band .wma-fact>p{color:inherit;opacity:.88}
.wma-band-2 .wma-source summary,.wma-band-3 .wma-source summary{color:inherit}
.wma-band-2 .wma-source div,.wma-band-3 .wma-source div{color:inherit;opacity:.85}
.wma-band .wma-sowhat{font-size:clamp(22px,2vw,31px);line-height:1.22;letter-spacing:-.03em;padding:10px 0 4px 28px;border-left-width:4px}
.wma-band-2 .wma-sowhat span{color:var(--mint)}
.wma-band-3 .wma-sowhat{border-left-color:#fff}
.wma-band-3 .wma-sowhat span{color:#fff;opacity:.8}

.wma-viz{display:grid;gap:18px;margin:0}
.wma-viz figcaption{font:600 11px/1.35 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:.75}

/* 01 bars */
.wma-bar{display:grid;grid-template-columns:1fr auto;gap:10px 14px;align-items:center}
.wma-bar span{grid-column:1/-1;font:500 14px/1 Epilogue,sans-serif;opacity:.8}
.wma-bar i{display:block;height:58px;border-radius:14px;background:color-mix(in srgb,var(--ink) 14%,transparent);width:calc(var(--v) * 100%);transform-origin:0 50%;transition:transform 1.2s var(--ease) .15s}
.wma-bar.is-key i{background:var(--ink);box-shadow:inset -10px 0 0 var(--mint)}
.wma-bar b{font:300 46px/1 Fraunces,Georgia,serif;letter-spacing:-.04em;color:var(--vir)}
.wma-bar:not(.is-key) b{color:color-mix(in srgb,var(--ink) 50%,transparent)}
.wma-bar i{grid-column:1}

/* 02 dots */
.wma-dots{display:grid;grid-template-columns:repeat(10,1fr);gap:clamp(6px,.7vw,11px);max-width:440px}
.wma-dots i{aspect-ratio:1;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--paper) 45%,transparent);transition:background .3s calc(var(--i) * 9ms),border-color .3s calc(var(--i) * 9ms),transform .5s var(--ease) calc(var(--i) * 9ms)}
.wma-dots i.is-on{background:var(--mint);border-color:var(--mint)}

/* 03 ring with a person inside */
.wma-viz-ring{justify-items:start}
.wma-ring{position:relative;display:block;width:clamp(230px,24vw,340px);aspect-ratio:1}
.wma-ring-photo{position:absolute;inset:12%;border-radius:50%;overflow:hidden}
.wma-ring-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.wma-ring svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);overflow:visible}
.wma-ring circle{fill:none;stroke-width:12}
.wma-ring-track{stroke:color-mix(in srgb,#fff 22%,transparent)}
.wma-ring-arc{stroke:#fff;stroke-linecap:round;stroke-dasharray:32 100;stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease) .2s}
.wma-viz-ring figcaption{font:400 17px/1.35 Epilogue,sans-serif;letter-spacing:-.01em;text-transform:none;opacity:.92;max-width:300px}
.wma-viz-ring figcaption b{display:block;font:300 34px/1 Fraunces,Georgia,serif;letter-spacing:-.03em;margin-bottom:6px}

/* 04 columns */
.wma-cols{display:flex;align-items:flex-end;gap:22px;height:clamp(250px,24vw,330px)}
.wma-col{display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px;width:clamp(100px,9vw,140px);height:100%;text-align:center}
.wma-col i{display:block;height:calc(var(--v) * 78%);border-radius:18px 18px 6px 6px;background:color-mix(in srgb,var(--ink) 14%,transparent);transform-origin:50% 100%;transition:transform 1.2s var(--ease) .15s}
.wma-col.is-key i{background:var(--ink);box-shadow:inset 0 10px 0 var(--mint)}
.wma-col b{font:300 44px/1 Fraunces,Georgia,serif;letter-spacing:-.04em;color:color-mix(in srgb,var(--ink) 50%,transparent)}
.wma-col.is-key b{color:var(--vir)}
.wma-col>span{font:500 14px/1.2 Epilogue,sans-serif;opacity:.8}

/* Charts draw in when the band arrives (motion only). */
.motion .wma-band:not(.is-in) .wma-bar i{transform:scaleX(0)}
.motion .wma-band:not(.is-in) .wma-col i{transform:scaleY(0)}
.motion .wma-band:not(.is-in) .wma-dots i.is-on{background:transparent;border-color:color-mix(in srgb,var(--paper) 45%,transparent);transform:scale(.6)}
.motion .wma-band:not(.is-in) .wma-ring-arc{stroke-dashoffset:32}
.motion .wma-band.wma-rv{transform:none}
.motion .wma-band.wma-rv:not(.is-in) .wma-band-in{opacity:0;transform:translateY(30px)}
.motion .wma-band .wma-band-in{transition:opacity .7s var(--ease),transform .9s var(--ease)}
.motion .wma-band.wma-rv{opacity:1}

@media (max-width:1100px){
 .wma-band-in{grid-template-columns:1fr 1fr;gap:44px 6vw}
 .wma-band .wma-sowhat{grid-column:1/-1}
}
@media (max-width:900px){
 .wma-band-in{grid-template-columns:1fr;gap:34px;padding:64px 0}
 .wma-band .wma-num{font-size:30vw}
 .wma-ring{width:min(70vw,300px)}
 .wma-cols{height:240px}
}
@media (max-width:900px){.wma-dots{max-width:300px}}

/* ───────── Journey: one ribbon from "Ask" through Discover / Decide / Trust / Purchase ───────── */
.wma-journey{position:relative}
.wma-journey>.wma-wrap{position:relative;z-index:2}
.wma-band-in{z-index:2;width:min(1180px,100% - 2 * clamp(96px,8.5vw,150px));padding:76px 0 96px}
.wma-verb{display:grid;justify-items:start;gap:.1em;margin:0!important;font:400 clamp(84px,12.6vw,212px)/.8 Epilogue,Arial,sans-serif;letter-spacing:-.072em}

.wma-band-3 .wma-verb{color:#fff}
.wma-band .wma-num{font-size:clamp(84px,8.4vw,140px)}
.wma-band-stat{gap:16px}

.wma-rib{position:absolute;left:0;top:0;z-index:1;pointer-events:none;overflow:visible}
.wma-rib .rib-shadow{fill:none;stroke:rgba(0,0,0,.2);stroke-linecap:round;stroke-linejoin:round}
.wma-rib .rib-band{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-linejoin:round}
.wma-rib .rib-text{font:600 11px/1 Epilogue,Arial,sans-serif;letter-spacing:.24em;fill:var(--ink)}
.wma-rib .rib-knob{fill:var(--mint)}
.wma-rib .rib-dot{fill:var(--ink)}
.wma-rib-ready .wma-path .p-first.is-start{box-shadow:0 0 0 4px var(--mint)}

@media (max-width:900px){
 .wma-band-in{width:calc(100% - 64px);padding:56px 0 72px}
 .wma-verb{font-size:clamp(60px,18vw,88px);flex-wrap:wrap}

 .wma-rib .rib-text{display:none}
}

/* Path-to-purchase chips riding on the ribbon under "Discover". */
@property --sh{syntax:'<number>';inherits:false;initial-value:0}
.wma-band-in>.wma-path{grid-column:1/-1;margin:-34px 0 52px}
.wma-path.on-ribbon{position:absolute;z-index:3;display:block;margin:0}
.wma-path.on-ribbon .wma-path-tag{display:none}
.wma-path.on-ribbon .wma-path-row{display:block}
.wma-path.on-ribbon ol::before{display:none}
.wma-path.on-ribbon:not(.is-live) .wma-path-then{display:none}
.wma-path.on-ribbon .wma-path-now ol{width:100%}
.wma-path.on-ribbon li{box-shadow:0 10px 22px rgba(19,59,52,.16)}
.wma-path.on-ribbon .p-answer{background:var(--vir);border-color:var(--vir);color:#fff}
.motion .wma-path.on-ribbon.is-live .wma-path-then li{transition:--sh .45s var(--ease);scale:calc(.6 + .4 * var(--sh))}
.motion .wma-path.on-ribbon.is-live .wma-path-then li.is-shown{--sh:1}
.motion .wma-path.on-ribbon.is-live .wma-path-then :is(.p-first,.p-last){opacity:var(--sh)}
.motion .wma-path.on-ribbon.is-live .wma-path-then .p-go{opacity:calc(var(--sh) * (1 - var(--c,0) * 1.5))}
.motion .wma-path.on-ribbon.is-live .wma-path-then .p-answer{scale:1}

/* Ribbon finale: the ribbon lives in <main> so it can run from the journey into "So we rebuilt MERGE." */
.wma main{position:relative}
.wma-rebuilt>.wma-wrap{z-index:2}
.wma-shift>.wma-wrap:last-child{position:relative;z-index:2}
.wma-rib-on .wma-note{padding-left:clamp(40px,5vw,96px)}
.wma-rib-on .wma-rebuilt .wma-head{padding-left:clamp(40px,5vw,96px)}
.wma-rib-on .wma-thread{display:none}
.wma-rib .rib-halo{fill:none;stroke:var(--mint);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center;scale:.4;transition:scale 1s var(--ease),opacity .8s}
.wma-rib-done .wma-rib .rib-halo{opacity:.6;scale:1}
.wma-layer-one{transition:box-shadow 1s var(--ease)}
.wma-rib-done .wma-layer-one{box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 28%,transparent),0 30px 90px color-mix(in srgb,var(--mint) 30%,transparent)}
.motion .wma-path.on-ribbon.is-live .wma-path-then .p-first{display:grid}
.motion .wma-path.on-ribbon.is-live .wma-path-then .p-first>span{grid-area:1/1;max-width:none;justify-self:center}
@media (max-width:900px){
 .wma-stack{padding-left:30px}
 .wma-one{grid-template-columns:1fr}
 .wma-rib-on .wma-note,.wma-rib-on .wma-rebuilt .wma-head{padding-left:14px}
}

/* ───────── Opening of "What's changing" ───────── */
.wma-shift{padding-bottom:0}

/* Pivot: your customers are our customers. */
.wma-venn{--d:clamp(240px,24vw,360px);--k:clamp(0, (var(--m,1) - .62) / .38, 1);position:relative;height:calc(var(--d) * 1.25);margin:0}
.wma-venn-c,.wma-venn-core{position:absolute;top:50%;left:50%;width:var(--d);aspect-ratio:1;border-radius:50%}
.wma-venn-a{border:2px solid color-mix(in srgb,var(--paper) 80%,transparent);transform:translate(calc(-50% - (1 - var(--m,1)) * 36%),-50%)}
.wma-venn-b{border:2px solid var(--mint);transform:translate(calc(-50% + (1 - var(--m,1)) * 36%),-50%)}
.wma-venn-c b{position:absolute;z-index:3;padding:10px 16px;border-radius:999px;font:600 14px/1 Epilogue,sans-serif;letter-spacing:-.005em;white-space:nowrap}
.wma-venn-a b{left:-8%;top:8%;background:var(--paper);color:var(--ink)}
.wma-venn-b b{right:-8%;bottom:8%;background:var(--mint);color:var(--ink)}
.wma-venn-core{z-index:1;background:var(--mint);transform:translate(-50%,-50%) scale(calc(.55 + .45 * var(--k)));opacity:var(--k);box-shadow:0 0 90px color-mix(in srgb,var(--mint) 40%,transparent)}
.wma-venn-faces{position:absolute;inset:0}
.wma-venn-faces img{position:absolute;top:50%;left:50%;width:calc(var(--d) * .25);height:calc(var(--d) * .25);margin:calc(var(--d) * -.125) 0 0 calc(var(--d) * -.125);max-width:none;border-radius:50%;object-fit:cover;border:3px solid var(--mint);transform:rotate(calc(var(--i) * 60deg - 90deg)) translate(calc(var(--d) * .3)) rotate(calc(var(--i) * -60deg + 90deg))}
.wma-venn-core>b{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font:500 italic clamp(20px,1.9vw,28px)/1 'WMA Italic',Fraunces,Georgia,serif;letter-spacing:-.03em;color:var(--ink)}
.wma-ways{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:96px;border-top:1px solid var(--line-l)}
.wma-ways a{display:grid;gap:10px;align-content:start;height:100%;padding:30px 24px 10px 0;text-decoration:none;color:inherit}
.wma-ways li+li a{padding-left:24px;border-left:1px solid var(--line-l)}
.wma-ways span{font:300 17px/1 Fraunces,Georgia,serif;color:var(--mint)}
.wma-ways b{font:400 clamp(40px,4.4vw,74px)/.9 Epilogue,sans-serif;letter-spacing:-.06em;transition:color .3s}
.wma-ways small{font-size:15px;line-height:1.45;max-width:250px;color:color-mix(in srgb,var(--paper) 84%,transparent)}
.wma-ways a:hover b{color:var(--mint)}

/* Verb rows: the giant verb plus what rides beside it. */
.wma-verb-row{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:4vw;margin-bottom:clamp(70px,6.4vw,96px)}
.wma-band-in>.wma-verb{grid-column:1/-1;margin-bottom:clamp(70px,6.4vw,96px)!important}
.wma-band-4 .wma-verb-row{flex-direction:row-reverse}
.wma-verb-note{max-width:400px;padding-bottom:.3em;font:400 clamp(24px,2.3vw,38px)/1.08 Epilogue,sans-serif;letter-spacing:-.04em}
.wma-verb-note em{display:block;color:var(--vir)}

/* Discover: the AI answer card sits on the ribbon. */
.wma-ask-card{position:relative;z-index:3;flex:none;width:min(410px,38%);margin:0 0 -66px}
.wma-ask-card .wma-answer{background:#fff;padding:22px 22px 22px;gap:11px;box-shadow:0 34px 70px rgba(19,59,52,.2)}
.wma-ask-card .wma-answer-q{font-size:16px;padding:12px 16px}
.wma-ask-card .wma-answer-src span{font-size:13px;padding:8px 12px}
.wma-ask-who{position:absolute;z-index:2;left:-26px;top:-26px;width:74px;height:74px;border-radius:50%;overflow:hidden;border:4px solid var(--mint);box-shadow:0 12px 26px rgba(19,59,52,.22)}
.wma-ask-who img{width:100%;height:100%;object-fit:cover;object-position:56% 34%}
.wma-answer-src .is-you{transition:background .5s,box-shadow .5s,color .5s}
.motion .wma-ask-card{opacity:0;transform:translateY(34px) scale(.96);transition:opacity .5s var(--ease),transform .8s var(--ease)}
.motion .wma-ask-card .wma-ask-who{transform:scale(.4);opacity:0;transition:transform .6s var(--ease) .15s,opacity .4s .15s}
.motion .wma-ask-card .wma-answer-a{opacity:0;transition:opacity .4s .35s}
.motion .wma-ask-card .wma-answer-line{transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}
.motion .wma-ask-card .wma-answer-line:nth-of-type(1){transition-delay:.45s}
.motion .wma-ask-card .wma-answer-line:nth-of-type(2){transition-delay:.6s}
.motion .wma-ask-card .wma-answer-line:nth-of-type(3){transition-delay:.75s}
.motion .wma-ask-card .wma-answer-src span{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .5s var(--ease)}
.motion .wma-ask-card .wma-answer-src span:nth-child(1){transition-delay:.95s}
.motion .wma-ask-card .wma-answer-src span:nth-child(2){transition-delay:1.05s}
.motion .wma-ask-card .wma-answer-src span:nth-child(3){transition-delay:1.25s,1.25s,1.7s,1.7s,1.7s}
.motion .wma-ask-card.is-on{opacity:1;transform:none}
.motion .wma-ask-card.is-on :is(.wma-ask-who,.wma-answer-a,.wma-answer-line,.wma-answer-src span){opacity:1;transform:none}
.wma-ask-card.is-on .wma-answer-src .is-you,.wma-ask-card:not(.motion *) .wma-answer-src .is-you{background:color-mix(in srgb,var(--mint) 55%,transparent);box-shadow:0 0 0 5px color-mix(in srgb,var(--mint) 35%,transparent)}

@media (max-width:1100px){
 .wma-ask-card{width:min(380px,44%)}
}
@media (max-width:900px){
 .wma-venn{--d:min(62vw,280px)}
 .wma-ways{grid-template-columns:1fr 1fr;margin-top:56px}
 .wma-ways a{padding:22px 14px 18px 0}
 .wma-ways li+li a{padding-left:0;border-left:0}
 .wma-ways li:nth-child(even) a{padding-left:16px;border-left:1px solid var(--line-l)}
 .wma-ways li:nth-child(n+3){border-top:1px solid var(--line-l)}
 .wma-ways small{font-size:14px}
 .wma-verb-row,.wma-band-4 .wma-verb-row{display:contents}
 .wma-verb-row .wma-verb{grid-column:1/-1;margin-bottom:24px!important}
 .wma-verb-note{order:-1;grid-column:1/-1;margin-bottom:-10px}
 .wma-band-in>.wma-verb{margin-bottom:58px!important}
 .wma-ask-card{grid-column:1/-1;width:calc(100% - 20px);margin:6px 0 10px 20px}
 .wma-verb-note{font-size:24px}
 .wma-band-in>.wma-path{margin:-20px 0 44px}
}
.wma-venn-c{z-index:2}
/* Discover: AI answer card. */
.wma-band-in>.wma-ask-card{width:auto;max-width:420px;margin:26px 0 0 26px}
@media (max-width:900px){.wma-band-in>.wma-ask-card{max-width:none;margin:22px 0 0 22px;width:calc(100% - 22px)}}

/* ───────── One intro before the ribbon ───────── */
.wma-intro4{position:relative;z-index:2;padding-bottom:150px}
.wma-intro4 h2{font-size:clamp(56px,7.4vw,128px);line-height:.93;max-width:1180px;margin-top:22px}
.wma-intro4-lede{margin-top:30px;font-size:clamp(18px,1.5vw,23px);line-height:1.5;max-width:640px}
.wma-intro4 .wma-ways{margin-top:84px;border-top:1px solid var(--line-d)}
.wma-intro4 .wma-ways li+li a{border-left-color:var(--line-d)}
.wma-intro4 .wma-ways b{color:var(--ink)}
.wma-intro4 .wma-ways small{color:color-mix(in srgb,var(--ink) 80%,transparent)}
.wma-intro4 .wma-ways a:hover b{color:var(--vir)}
.wma-way-top{display:flex;align-items:center;gap:14px;margin-bottom:6px}
.wma-way-top img{width:58px;height:58px;border-radius:50%;object-fit:cover;object-position:55% 35%;box-shadow:0 0 0 3px var(--mint)}
.wma-way-top i{font:300 17px/1 Fraunces,Georgia,serif;font-style:normal;color:var(--vir)}
.wma-ways span.wma-way-top{color:inherit}

/* "How your customers" sits above each giant verb. */
.wma-verb>span{display:flex;align-items:baseline;gap:.7em;padding:0;font:500 italic clamp(20px,2vw,32px)/1.1 'WMA Italic',Fraunces,Georgia,serif;letter-spacing:-.02em;color:var(--vir)}
.wma-verb>span i{font:300 .8em/1 Fraunces,Georgia,serif;font-style:normal;letter-spacing:0}
.wma-band-2 .wma-verb>span{color:var(--mint)}
.wma-band-3 .wma-verb>span{color:#fff;opacity:.85}
.wma-band:nth-child(even) .wma-verb{justify-items:end}

/* Rebuilt header: the merging circles sit beside the headline. */
.wma-rebuilt .wma-head-split{align-items:end}
.wma-rebuilt .wma-venn{--d:clamp(220px,20vw,310px);justify-self:center}
.wma-one-more{font-size:16px;line-height:1.6;color:color-mix(in srgb,var(--paper) 82%,transparent);margin-top:-14px!important}

@media (max-width:900px){
 .wma-intro4{padding-bottom:100px}
 .wma-intro4 .wma-ways{margin-top:52px}
 .wma-intro4 .wma-ways li:nth-child(even) a{border-left-color:var(--line-d)}
 .wma-intro4 .wma-ways li:nth-child(n+3){border-top-color:var(--line-d)}
 .wma-way-top img{width:46px;height:46px}
 .wma-band:nth-child(even) .wma-verb{justify-items:start}
 .wma-verb>span{font-size:20px}
 .wma-rebuilt .wma-venn{--d:min(58vw,260px)}
}

/* The ribbon lands on the merged circle. */
.wma-rebuilt .wma-head-split>div{display:grid;gap:22px}
.wma-rebuilt-lede{font:300 clamp(20px,1.6vw,25px)/1.4 Fraunces,Georgia,serif;letter-spacing:-.01em;max-width:600px;color:color-mix(in srgb,var(--paper) 90%,transparent)}
.wma-venn-core{transition:box-shadow 1s var(--ease)}
.wma-rib-done .wma-venn-core{box-shadow:0 0 0 10px color-mix(in srgb,var(--mint) 22%,transparent),0 0 140px color-mix(in srgb,var(--mint) 55%,transparent)}
.wma-rebuilt .wma-venn{z-index:2}
.wma-quote{margin-top:120px}
@media (max-width:900px){.wma-quote{margin-top:80px}}

/* ═════════ Each behavior is answered inside the ribbon ═════════ */

/* "How we answer" panels. The ribbon draws a frame around each one; JS adds .is-wrapped when it closes. */
.wma-solve{grid-column:1/-1;position:relative;display:grid;grid-template-columns:minmax(250px,.95fr) 1.35fr minmax(190px,.62fr);gap:4vw;align-items:center;margin-top:clamp(100px,9vw,140px);padding:66px 3.5vw}
.wma-solve-word{display:grid;gap:14px}
.wma-solve-kicker{font:600 11px/1 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;opacity:.75}
.wma-solve h4{margin:0;font:400 clamp(66px,7.4vw,126px)/.84 Epilogue,Arial,sans-serif;letter-spacing:-.068em}
.wma-solve h4 span{color:var(--vir)}
.wma-solve-copy{display:grid;gap:16px}
.wma-solve-copy>p:first-child{font-size:clamp(16px,1.2vw,18px);line-height:1.6;max-width:560px}
.wma-solve-photo{display:block;aspect-ratio:4/3;border-radius:24px;overflow:hidden;background:var(--color-bg-section)}
.wma-solve-photo img{width:100%;height:100%;object-fit:cover}
.wma-band-2 .wma-solve h4 span{color:var(--mint)}
.wma-band-3 .wma-solve h4 span{color:#fff;opacity:.85}
.wma-band-2 .wma-get span,.wma-band-3 .wma-get span{color:var(--ink)}
.motion .wma-solve>:not(.wma-anchor){opacity:.16;transform:translateY(18px);transition:opacity .6s var(--ease),transform .9s var(--ease)}
.motion .wma-solve.is-wrapped>:not(.wma-anchor){opacity:1;transform:none}
.motion .wma-solve.is-wrapped>.wma-solve-copy{transition-delay:.12s}
.motion .wma-solve.is-wrapped>.wma-solve-photo{transition-delay:.24s}

/* Payoffs: each band's picture changes when its answer is wrapped. */
.is-you .a,.c-you .a,.c-hyou .a,.wma-cmp-note .a{display:none}
.is-you em,.c-you em,.c-hyou em,.wma-cmp-note em{font-style:normal}
.wma-band.is-solved .is-you .q,.wma-band.is-solved .c-you .q,.wma-band.is-solved .c-hyou .q,.wma-band.is-solved .wma-cmp-note .q{display:none}
.wma-band.is-solved .is-you .a,.wma-band.is-solved .c-you .a,.wma-band.is-solved .c-hyou .a,.wma-band.is-solved .wma-cmp-note .a{display:inline}
.wma-band-1.is-solved .wma-answer-src .is-you{background:var(--mint);border:1.5px solid var(--mint);color:var(--ink);box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 30%,transparent)}

/* Decide: the comparison an AI writes for a buyer. */
.wma-compare{position:relative;margin:26px 0 0 26px}
.wma-compare-card{display:grid;gap:16px;padding:22px;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:0 34px 70px rgba(0,0,0,.3)}
.wma-compare-card .wma-answer-q{font-size:15px;padding:12px 16px}
.wma-cmp{display:grid;grid-template-columns:1.35fr repeat(3,1fr);font:500 13px/1.2 Epilogue,sans-serif}
.wma-cmp>span{display:grid;place-items:center;min-height:38px;padding:6px;border-bottom:1px solid var(--line-d);text-align:center}
.wma-cmp .c-l{place-items:center start;text-align:left}
.wma-cmp .c-h{font:600 10px/1.2 Epilogue,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--forest)}
.wma-cmp .c-y{font-size:16px;font-weight:700;color:var(--vir)}
.wma-cmp .c-n{font-size:16px;color:color-mix(in srgb,var(--ink) 35%,transparent)}
.wma-cmp .c-you,.wma-cmp .c-hyou{background:color-mix(in srgb,var(--mint) 14%,transparent);box-shadow:inset 1.5px 0 0 var(--vir),inset -1.5px 0 0 var(--vir);color:var(--vir);font-weight:700;transition:background .5s,color .5s}
.wma-cmp .c-hyou{border-radius:10px 10px 0 0}
.wma-band-2.is-solved .wma-cmp .c-you,.wma-band-2.is-solved .wma-cmp .c-hyou{background:var(--mint);box-shadow:none;color:var(--ink)}
.wma-cmp-note{font:500 italic 15px/1.3 'WMA Italic',Fraunces,Georgia,serif;color:var(--forest)}
.motion .wma-cmp .c-you em.a{display:inline-block}
.motion .wma-band-2:not(.is-solved) .wma-cmp .c-you em.a{display:none}
.motion .wma-band-2.is-solved .wma-cmp .c-you em.a{animation:wma-pop .5s var(--ease) both}
.wma-cmp .c-you:nth-of-type(2n) em.a{animation-delay:.1s}
@keyframes wma-pop{from{transform:scale(.3);opacity:0}to{transform:none;opacity:1}}
.motion .wma-compare{opacity:0;transform:translateY(34px) scale(.96);transition:opacity .5s var(--ease),transform .8s var(--ease)}
.motion .wma-compare.is-on{opacity:1;transform:none}

/* Trust: questions clipped to the ribbon. */
.wma-notes{grid-column:1/-1;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none}
.wma-notes li{position:relative;display:grid;align-content:start;gap:12px;padding:30px 20px 20px;border-radius:6px;background:var(--color-bg-card);color:var(--ink);box-shadow:0 18px 34px rgba(0,0,0,.3);transform-origin:50% -16px;rotate:calc(var(--rot) + var(--sw,0) * 1deg);font:500 italic clamp(18px,1.45vw,22px)/1.2 'WMA Italic',Fraunces,Georgia,serif;letter-spacing:-.01em}
.wma-pin{position:absolute;top:-20px;left:50%;width:14px;height:38px;margin-left:-7px;border-radius:4px;background:var(--ink);box-shadow:inset 0 0 0 2px color-mix(in srgb,#fff 18%,transparent)}
.wma-notes b{justify-self:start;padding:7px 11px;border-radius:999px;background:var(--mint);color:var(--ink);font:600 11px/1 Epilogue,sans-serif;letter-spacing:.03em;font-style:normal;opacity:0;transform:scale(.7);transform-origin:0 50%;transition:opacity .4s,transform .6s var(--ease)}
.wma-notes li:nth-child(2) b{transition-delay:.12s}.wma-notes li:nth-child(3) b{transition-delay:.24s}.wma-notes li:nth-child(4) b{transition-delay:.36s}
.wma-band-3.is-solved .wma-notes b,html:not(.motion) .wma-notes b{opacity:1;transform:none}
.wma-notes.on-ribbon{position:absolute;margin:0}
.wma-band-3.has-line .wma-band-in>.wma-verb{margin-bottom:290px!important}
.motion .wma-notes li{opacity:0;transform:translateY(-18px) rotate(-14deg);transition:opacity .35s,transform .9s cubic-bezier(.3,1.5,.5,1)}
.motion .wma-notes li.is-shown{opacity:1;transform:none}

@media (max-width:1100px){
 .wma-solve{grid-template-columns:1fr 1.4fr}
 .wma-solve-photo{display:none}
}
@media (max-width:900px){
 .wma-solve{grid-template-columns:1fr;gap:20px;margin-top:80px;padding:44px 18px}
 .wma-solve h4{font-size:clamp(52px,16vw,76px)}
 .wma-compare{margin:22px 0 0 22px}
 .wma-cmp{font-size:12px}
 .wma-notes{grid-template-columns:1fr 1fr;gap:34px 14px;margin:6px 0 24px}
 .wma-notes li{padding:26px 14px 16px;font-size:16px}
}
.wma-solve{grid-template-columns:auto minmax(300px,1fr) minmax(170px,210px)}
.wma-solve h4{font-size:clamp(52px,5.6vw,96px)}
.is-you em,.c-you em,.c-hyou em{font:inherit;font-style:normal;letter-spacing:inherit}
.wma-cmp-note em{font:inherit}
@media (max-width:1100px){.wma-solve{grid-template-columns:auto 1fr}}
@media (max-width:900px){.wma-solve{grid-template-columns:1fr}.wma-solve h4{font-size:clamp(52px,15vw,72px)}}
.wma main :is(.is-you,.c-you,.c-hyou) em{font:inherit;font-style:normal;letter-spacing:inherit}
/* Trust questions now hang from the top edge of the Integrate frame. */
.wma-solve-notes{padding-top:250px}
.wma-solve-notes .wma-notes{position:absolute;left:3.5vw;right:3.5vw;top:6px;margin:0}
.wma-solve-notes .wma-notes li{padding-top:28px}
.motion .wma-solve-notes>.wma-notes{opacity:1;transform:none}
@media (max-width:900px){
 .wma-solve-notes{padding-top:30px}
 .wma-solve-notes .wma-notes{position:relative;left:auto;right:auto;top:auto;margin:-10px 0 18px}
}

/* ───────── Problem → MERGE.ai solution ───────── */
/* The disconnect: a plain editorial eyebrow above each risk statement. */
.wma-band .wma-sowhat{border-left:4px dashed color-mix(in srgb,currentColor 40%,transparent)}
.wma-band .wma-sowhat>span{display:block;margin-bottom:14px;padding:0;border:0;border-radius:0;font:600 12px/1.3 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:1}
.wma-band-3 .wma-sowhat{border-left-color:color-mix(in srgb,#fff 50%,transparent)}
/* The MERGE.ai solution: solid mint, like a resolved answer. */
.wma-solve-kicker{display:flex;align-items:center;gap:9px;justify-self:start;width:max-content;padding:8px 14px 8px 11px;border-radius:999px;background:var(--mint);color:var(--ink);opacity:1;letter-spacing:.14em}
.wma-solve-kicker::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ink)}
.wma-solve-kicker b{font-weight:700;letter-spacing:-.01em;text-transform:none;font-size:13px}
.wma-solve-kicker i{font-style:normal;color:var(--vir)}
.wma-band-2 .wma-solve-kicker i,.wma-band-3 .wma-solve-kicker i{color:var(--forest)}
/* Intro tiles show which solution answers each behavior. */
.wma-way-fix{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:8px;font:600 10px/1.3 Epilogue,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}
.wma-way-fix strong{padding:5px 9px;border-radius:999px;background:var(--mint);color:var(--ink);font:600 13px/1 Epilogue,sans-serif;letter-spacing:-.01em;text-transform:none}
.wma-ways span.wma-way-fix{color:var(--forest)}
/* Clear solution labels, with quiet disconnect eyebrows. */
.wma-band-1 .wma-sowhat>span,.wma-band-4 .wma-sowhat>span{color:var(--ink)}
.wma-solve-kicker{padding:10px 18px 10px 14px;font-size:13px;letter-spacing:.12em}
.wma-solve-kicker::before{width:11px;height:11px}
.wma-solve-kicker b{font-size:16px}
.wma-ways span.wma-way-fix{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:10px;font:600 11px/1.2 Epilogue,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--forest)}
.wma-way-fix b{font-weight:700;letter-spacing:-.01em;text-transform:none;font-size:13px;color:var(--ink)}
.wma-way-fix b i{font-style:normal;color:var(--vir)}

/* ───────── Purchase: path card ───────── */
.wma-pathcard{position:relative;margin:26px 0 0 26px}
.wma-pathcard-card{display:grid;gap:16px;padding:24px 22px 22px;border-radius:24px;background:#fff;color:var(--ink);box-shadow:0 34px 70px rgba(19,59,52,.2)}
.pc-title{padding-left:44px;font:600 10px/1.2 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--forest)}
.pc-row{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:start}
.pc-tag{padding-top:9px;font:600 10px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 60%,transparent)}
.pc-chips{display:flex;flex-wrap:wrap;gap:10px 22px}
.pc-chips i{position:relative;padding:8px 13px;border:1.5px solid var(--ink);border-radius:999px;background:#fff;font:500 14px/1 Epilogue,sans-serif;font-style:normal;letter-spacing:-.01em;white-space:nowrap;transition:opacity .45s,color .45s,border-color .45s,background .45s}
.pc-chips i+i::before{content:"→";position:absolute;left:-18px;top:50%;transform:translateY(-52%);font-size:13px;color:color-mix(in srgb,var(--ink) 45%,transparent)}
.pc-chips i.pc-buy{background:var(--ink);color:var(--paper)}
.pc-chips i.pc-ans{background:var(--mint);border-color:var(--mint);font-weight:600}
.pc-now{padding-top:14px;border-top:1px dashed var(--line-d);transition:opacity .6s var(--ease),transform .8s var(--ease)}
.wma-pathcard.is-short .pc-mid{opacity:.32;text-decoration:line-through;text-decoration-thickness:1.5px;border-color:color-mix(in srgb,var(--ink) 30%,transparent)}
.wma-band-4.is-solved .pc-now .pc-buy{box-shadow:0 0 0 6px color-mix(in srgb,var(--mint) 55%,transparent)}
.motion .wma-pathcard{opacity:0;transform:translateY(34px) scale(.96);transition:opacity .5s var(--ease),transform .8s var(--ease)}
.motion .wma-pathcard.is-on{opacity:1;transform:none}
.motion .wma-pathcard .pc-then i{opacity:0;transform:translateY(8px);transition:opacity .35s,transform .5s var(--ease),color .45s,border-color .45s}
.motion .wma-pathcard.is-on .pc-then i{opacity:1;transform:none}
.motion .wma-pathcard.is-on .pc-then i:nth-child(2){transition-delay:.08s}
.motion .wma-pathcard.is-on .pc-then i:nth-child(3){transition-delay:.16s}
.motion .wma-pathcard.is-on .pc-then i:nth-child(4){transition-delay:.24s}
.motion .wma-pathcard.is-on .pc-then i:nth-child(5){transition-delay:.32s}
.motion .wma-pathcard.is-on .pc-then i:nth-child(6){transition-delay:.4s}
.motion .wma-pathcard.is-on.is-short .pc-then .pc-mid{opacity:.32;transition-delay:0s}
.motion .wma-pathcard:not(.is-short) .pc-now{opacity:0;transform:translateY(14px)}
@media (max-width:900px){.wma-pathcard{margin:22px 0 0 22px}.pc-chips{gap:10px 20px}.pc-chips i{font-size:13px;padding:7px 11px}}
/* Purchase layout: stat over problem on the left, wide path card on the right, so each path sits on one line. */
@media (min-width:901px){
 .wma-band-4 .wma-band-in{grid-template-columns:1fr 1.75fr;row-gap:44px}
 .wma-band-4 .wma-band-stat{grid-column:1;grid-row:2}
 .wma-band-4 .wma-pathcard{grid-column:2;grid-row:2/span 2;align-self:center}
 .wma-band-4 .wma-sowhat{grid-column:1;grid-row:3}
 .wma-band-4 .wma-solve{grid-row:4}
 .wma-pathcard-card{padding:28px 30px 26px;gap:20px}
 .pc-row{grid-template-columns:56px 1fr;align-items:center}
 .pc-tag{padding-top:0}
 .pc-title{padding-left:66px}
 .pc-chips{flex-wrap:nowrap;justify-content:space-between;gap:12px;position:relative}
 .pc-chips::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:2px;margin-top:-1px;background:color-mix(in srgb,var(--ink) 30%,transparent);z-index:0}
 .pc-chips i{z-index:1;font-size:15px;padding:10px 15px}
 .pc-chips i+i::before{display:none}
 .wma-pathcard .wma-cmp-note{padding-left:66px}
}

/* ═════════ Solutions as product reveals + the ribbon says it ═════════ */
.wma-rib .rib-say{font:700 13px/1 Epilogue,Arial,sans-serif;letter-spacing:.22em;fill:var(--ink)}
.wma-rib .rib-say.is-we{fill:var(--ink)}
.wma-solve{display:block}
.wma-solve-bridge{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wma-launch{display:grid;grid-template-columns:minmax(250px,.95fr) 1.15fr minmax(260px,.85fr);gap:3.5vw;align-items:center}
.wma-launch-head{display:grid;gap:16px;align-content:center}
.wma-launch-eyebrow{display:flex;align-items:center;gap:12px;font:600 11px/1 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.wma-launch-pill{display:flex;align-items:center;gap:8px;padding:9px 15px 9px 12px;border-radius:999px;background:var(--color-accent);color:var(--color-button-text);font-size:12px}
.wma-launch-pill::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink)}
.wma-launch-eyebrow>span:last-child{opacity:.75}
.wma-launch-name{display:grid;gap:4px;margin:0}
.wma-launch-brand{font:600 clamp(22px,2vw,30px)/1 Epilogue,Arial,sans-serif;letter-spacing:-.05em}
.wma-launch-brand i{font-style:normal;color:var(--vir)}
.wma-launch-word{font:400 clamp(70px,7.6vw,128px)/.82 Epilogue,Arial,sans-serif;letter-spacing:-.07em}
.wma-launch-tag{font:500 italic clamp(20px,1.7vw,27px)/1.2 'WMA Italic',Fraunces,Georgia,serif;letter-spacing:-.02em;color:var(--vir);max-width:340px}
.wma-launch-body{display:grid;gap:22px}
.wma-launch-feats{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.wma-launch-feats li{display:grid;grid-template-columns:22px 1fr;column-gap:12px;padding:14px 0;border-bottom:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.wma-launch-feats li::before{content:"";grid-row:1/span 2;width:12px;height:12px;margin-top:4px;border-radius:3px;background:var(--mint);transform:rotate(45deg)}
.wma-launch-feats b{font:600 16px/1.3 Epilogue,sans-serif;letter-spacing:-.01em}
.wma-launch-feats span{font-size:14.5px;line-height:1.5;opacity:.85}
.wma-band-2 .wma-launch-brand i,.wma-band-2 .wma-launch-tag{color:var(--mint)}
.wma-band-3 .wma-launch-brand i,.wma-band-3 .wma-launch-tag{color:#fff}
.wma-band-3 .wma-launch-tag{opacity:.9}

/* Product screens (illustrative). */
.wma-ui{display:grid;gap:12px;margin:0;padding:20px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 30px 60px rgba(0,0,0,.22),0 0 0 1px rgba(19,59,52,.06)}
.ui-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--line-d)}
.ui-top b{font:600 14px/1.2 Epilogue,sans-serif;letter-spacing:-.01em}
.ui-top small{font:600 9px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 50%,transparent)}
.ui-foot{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px}
.ui-chip{padding:7px 11px;border-radius:999px;background:color-mix(in srgb,var(--ink) 7%,transparent);font:600 12px/1 Epilogue,sans-serif}
.ui-chip.is-on{background:var(--mint)}
.ui-q{display:grid;gap:6px}
.ui-q i{font:500 italic 15px/1.2 'WMA Italic',Fraunces,Georgia,serif}
.ui-q em{display:block;height:8px;border-radius:8px;background:var(--color-headline-accent);width:calc(var(--w) * 100%);transform-origin:0 50%;transition:transform .9s var(--ease) .2s}
.ui-panel{display:flex;gap:6px}
.ui-panel i{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:color-mix(in srgb,var(--vir) 16%,transparent);border:2px solid #fff;box-shadow:0 0 0 1.5px color-mix(in srgb,var(--vir) 40%,transparent);font:600 11px/1 Epilogue,sans-serif;font-style:normal;color:var(--forest)}
.ui-panel i:nth-child(3){background:var(--mint);box-shadow:0 0 0 1.5px var(--vir)}
.ui-bubble{position:relative;padding:12px 14px;border-radius:4px 16px 16px 16px;background:color-mix(in srgb,var(--ink) 6%,transparent);font:500 italic 15px/1.3 'WMA Italic',Fraunces,Georgia,serif}
.ui-line{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--ink) 4%,transparent);font:500 14px/1.2 Epilogue,sans-serif}
.ui-line i{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:50%;font:700 12px/1 Epilogue,sans-serif;font-style:normal}
.ui-line.is-ok i{background:var(--mint);color:var(--ink)}
.ui-line.is-flag{background:transparent;box-shadow:inset 0 0 0 1.5px var(--vir)}
.ui-line.is-flag i{background:var(--ink);color:var(--mint)}
.ui-teams{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.ui-teams i{position:relative;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--ink) 6%,transparent);font:600 13px/1 Epilogue,sans-serif;font-style:normal;text-align:center}
.ui-core{padding:12px 14px;border-radius:12px;background:var(--ink);color:var(--paper);font:500 14px/1.3 Epilogue,sans-serif;text-align:center;box-shadow:0 0 0 4px color-mix(in srgb,var(--mint) 45%,transparent)}
.ui-log{display:grid;gap:4px;font:400 13px/1.35 Epilogue,sans-serif;color:color-mix(in srgb,var(--ink) 75%,transparent)}
.ui-log b{font:600 10px/1 Epilogue,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}

/* The reveal builds when the ribbon closes the frame. */
.motion .wma-solve:not(.is-wrapped) .ui-q em{transform:scaleX(0)}
.motion .wma-launch-feats li{opacity:0;transform:translateX(-12px);transition:opacity .4s,transform .6s var(--ease)}
.motion .wma-solve.is-wrapped .wma-launch-feats li{opacity:1;transform:none}
.motion .wma-solve.is-wrapped .wma-launch-feats li:nth-child(2){transition-delay:.12s}
.motion .wma-solve.is-wrapped .wma-launch-feats li:nth-child(3){transition-delay:.24s}
.motion .wma-ui{transform:translateY(20px) rotate(1.5deg);transition:transform .9s var(--ease) .2s}
.motion .wma-solve.is-wrapped .wma-ui{transform:none}

/* Trust questions: two pairs, with the printed line between them. */
@media (min-width:901px){
 .wma-solve-notes .wma-notes{grid-template-columns:1fr 1fr minmax(380px,1.5fr) 1fr 1fr;top:24px}
 .wma-solve-notes .wma-notes li{font-size:clamp(16px,1.25vw,19px);padding:24px 16px 16px}
 .wma-pin{top:-30px;height:44px}
 .wma-solve-notes{padding-top:280px}
}
.wma-notes-gap{visibility:hidden}

@media (max-width:1100px){
 .wma-launch{grid-template-columns:1fr 1.2fr}
 .wma-ui{grid-column:1/-1;max-width:460px}
}
@media (max-width:900px){
 .wma-solve-bridge{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;margin:0 0 26px;font:400 22px/1.15 Epilogue,sans-serif;letter-spacing:-.03em}
 .wma-solve-bridge em{display:block;color:var(--vir)}
 .wma-band-2 .wma-solve-bridge em{color:var(--mint)}
 .wma-band-3 .wma-solve-bridge em{color:#fff}
 .wma-launch{grid-template-columns:1fr;gap:28px}
 .wma-launch-word{font-size:clamp(64px,19vw,92px)}
 .wma-ui{max-width:none}
 .wma-notes-gap{display:none}
}
.wma-launch-name{gap:14px}
.wma-launch-word{font-size:clamp(64px,6.4vw,108px)}
#integrate .wma-launch-word{font-size:clamp(52px,4.9vw,84px)}
.wma-notes li.wma-notes-gap{visibility:hidden;box-shadow:none;background:none;padding:0}
@media (max-width:900px){
 .wma-notes li.wma-notes-gap{display:none}
 .wma-launch-word{font-size:clamp(56px,16vw,80px)}
 #integrate .wma-launch-word{font-size:clamp(48px,13.5vw,66px)}
 .wma-notes li{align-self:start}
}

/* ───────── Verbs teed up by the ribbon ───────── */
.wma-band-in{padding-top:128px}
.wma-verb{font-size:clamp(64px,7.4vw,124px)!important}
.wma-verb .wma-verb-word{display:block;padding:0 0 0 var(--tee,0px);font:inherit;letter-spacing:inherit;color:inherit;opacity:1}
.wma-verb .wma-verb-lead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wma-verb-row,.wma-band-in>.wma-verb{margin-bottom:clamp(56px,5vw,80px)!important}
.wma-verb-row .wma-verb{margin-bottom:0!important}
.wma-rib .rib-say{font-size:14px;letter-spacing:.24em}
@media (max-width:900px){
 .wma-band-in{padding-top:84px}
 .wma-verb{font-size:clamp(54px,15vw,76px)!important}
 .wma-verb .wma-verb-lead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block;margin-bottom:10px;font:500 italic 20px/1.1 'WMA Italic',Fraunces,Georgia,serif;letter-spacing:-.02em;color:var(--vir)}
 .wma-band-2 .wma-verb .wma-verb-lead{color:var(--mint)}
 .wma-band-3 .wma-verb .wma-verb-lead{color:#fff;opacity:.85}
}
.wma-verb .wma-verb-word{padding-right:var(--tee-r,0px)}
.wma-band .wma-verb .wma-verb-word{color:inherit;opacity:1;font:inherit}

/* ───────── GEO with Brado on Discover; Test on Trust ───────── */
.wma-launch-with{display:block;margin-top:4px;font:600 12px/1.3 Epilogue,sans-serif;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.wma-launch-link{justify-self:start;display:inline-flex;gap:8px;align-items:center;padding-bottom:4px;border-bottom:1.5px solid currentColor;font:600 13px/1 Epilogue,sans-serif;text-decoration:none}
.wma-launch-link span{transition:transform .3s var(--ease)}
.wma-launch-link:hover span{transform:translate(3px,-3px)}
.ui-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--ink) 4%,transparent)}
.ui-row i{font:500 italic 14px/1.25 'WMA Italic',Fraunces,Georgia,serif}
.ui-row em{flex:none;padding:5px 9px;border-radius:999px;font:600 11px/1 Epilogue,sans-serif;font-style:normal}
.ui-row em.is-yes{background:var(--mint)}
.ui-row em.is-no{border:1.5px dashed var(--vir);color:var(--vir)}
.motion .wma-solve:not(.is-wrapped) .ui-row em.is-yes{opacity:.3}
.ui-row em{transition:opacity .5s .3s}
#test .wma-launch-word,#geo .wma-launch-word,#listen .wma-launch-word,#align .wma-launch-word{font-size:clamp(64px,6.4vw,108px)}
@media (max-width:900px){#test .wma-launch-word,#geo .wma-launch-word,#listen .wma-launch-word,#align .wma-launch-word{font-size:clamp(56px,16vw,80px)}}
.wma main .ui-row em{font:600 11px/1 Epilogue,Arial,sans-serif;font-style:normal;letter-spacing:.02em}
.wma-launch-eyebrow{flex-wrap:wrap;row-gap:8px}
.wma-launch-pill{white-space:nowrap}

/* ───────── Headline loops: the ribbon parts around "AI changes how your customers" + the verb ───────── */
.wma-rib .rib-br,.wma-rib .rib-br-shadow{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1}
.wma-rib .rib-br{stroke:var(--mint)}
.wma-rib .rib-br-shadow{stroke:rgba(0,0,0,.2)}
.wma-verb .wma-verb-lead{position:static;width:auto;height:auto;overflow:visible;clip-path:none;white-space:normal;display:block;margin:0 0 .18em;font:600 clamp(15px,1.3vw,20px)/1.2 Epilogue,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--vir)}
.wma-band-2 .wma-verb .wma-verb-lead{color:var(--mint)}
.wma-band-3 .wma-verb .wma-verb-lead{color:#fff;opacity:.9}
.wma-verb .wma-verb-word{padding:0}
.wma-band-in{padding-top:150px}
.wma-verb-row,.wma-band-in>.wma-verb{margin-bottom:clamp(96px,8vw,128px)!important}
@media (max-width:900px){
 .wma-band-in{padding-top:84px}
 .wma-verb .wma-verb-lead{font-size:13px;letter-spacing:.16em;margin-bottom:8px}
 .wma-verb-row,.wma-band-in>.wma-verb{margin-bottom:56px!important}
}
@media (max-width:900px){.wma-band-in{padding-top:96px}}
.wma-rib .rib-taper{fill:var(--mint)}
.wma-rib .rib-taper-shadow{fill:rgba(0,0,0,.2)}
.wma-rib .rib-br-shadow{stroke:rgba(0,0,0,.16)}
.wma-rib .rib-sh{fill:none;stroke:var(--color-shadow);stroke-linecap:round;stroke-linejoin:round}
.wma-rib .rib-sh-fill{fill:var(--color-shadow)}
.wma-rib .rib-thread{fill:none;stroke:var(--mint);stroke-linecap:round;stroke-linejoin:round}

/* ═════════ Compact opening: the thread starts at 1995 and runs through the eras ═════════ */
.wma-time-compact{position:relative;padding:150px 0 130px;overflow:hidden;background:var(--ink)}
.wma-time-bg{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(color-mix(in srgb,var(--paper) 14%,transparent) 1px,transparent 1.7px);background-size:26px 26px;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 78% 30%,#000,transparent);mask-image:radial-gradient(ellipse 60% 70% at 78% 30%,#000,transparent)}
.wma-time-bg .wma-glow{position:absolute;right:-12vw;top:-30vh;width:70vw;height:70vw;border-radius:50%;background:none}
.wma-hero{position:relative;z-index:2;display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end}
.wma-hero-copy{display:grid;gap:26px}
.wma-time-compact .wma-lede{max-width:600px;font-size:clamp(19px,1.6vw,25px);line-height:1.45}
.wma-time-compact .wma-dna{justify-items:end;text-align:right}
.wma-time-compact .wma-dna-num{font-size:clamp(130px,14vw,230px)}

.wma-eras{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;margin-top:120px;padding:0;list-style:none}
.wma-era-item{display:grid;grid-template-rows:112px auto auto;justify-items:start;align-content:start;gap:12px}
.wma-era-node{display:grid;align-items:center;height:112px}
.wma-era-disc{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;overflow:hidden;background:var(--paper);box-shadow:0 0 0 6px var(--ink);transition:box-shadow .5s var(--ease),transform .6s var(--ease),filter .5s}
.wma-era-disc img{width:118%;max-width:none;height:auto}
.is-ai .wma-era-disc{width:112px;height:112px}
.is-ai .wma-era-disc img{width:100%;height:100%;object-fit:cover;object-position:28% 40%}
.wma-era-yr{display:flex;align-items:baseline;gap:10px;font:600 11px/1 Epilogue,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--paper) 70%,transparent)}
.wma-era-yr b{font:300 clamp(28px,2.6vw,40px)/.9 Fraunces,Georgia,serif;letter-spacing:-.04em;text-transform:none;color:var(--mint)}
.wma-era-did{font-size:15px;line-height:1.45;max-width:200px;color:color-mix(in srgb,var(--paper) 88%,transparent)}
.wma-era-did strong{display:block;font-weight:600;color:var(--mint)}
.is-ai .wma-era-did{font-size:17px}
.is-lit .wma-era-disc{box-shadow:0 0 0 6px var(--ink),0 0 0 10px var(--mint)}
.motion .wma-era-item:not(.is-lit) .wma-era-disc{filter:grayscale(1);transform:scale(.82)}
.motion .wma-era-item .wma-era-yr,.motion .wma-era-item .wma-era-did{opacity:0;transform:translateY(12px);transition:opacity .45s,transform .7s var(--ease)}
.motion .wma-era-item.is-lit .wma-era-yr,.motion .wma-era-item.is-lit .wma-era-did{opacity:1;transform:none}
.motion .wma-era-item.is-lit .wma-era-did{transition-delay:.08s}

@media (max-width:1100px){.wma-era-did{font-size:14px}.wma-eras{gap:16px}}
@media (max-width:900px){
 .wma-time-compact{padding:120px 0 120px}
 .wma-hero{grid-template-columns:1fr;gap:40px}
 .wma-time-compact .wma-dna{justify-items:start;text-align:left}
 .wma-time-compact .wma-dna-num{font-size:40vw}
 .wma-eras{grid-template-columns:1fr 1fr;gap:34px 18px;margin-top:70px}
 .wma-era-item{grid-template-rows:auto auto auto}
 .wma-era-node{height:auto}
 .wma-era-disc{width:64px;height:64px}
 .is-ai{grid-column:1/-1}
 .is-ai .wma-era-disc{width:84px;height:84px}
}
@media (max-width:900px){.wma-eras .is-ai{grid-column:auto}}

/* ═════════ Flowing eras: the 1995 computer starts the thread at the 30+ ═════════ */
.wma-time-compact .wma-dna{position:relative;display:grid;justify-items:end;text-align:right}
.wma-era-pc{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:end;column-gap:18px;margin-top:-34px;position:relative;z-index:3;order:3}
.wma-era-pc .wma-era-yr{grid-column:1;grid-row:1;justify-self:end;align-self:end}
.wma-era-pc .wma-era-did{grid-column:1;grid-row:2;align-self:start;text-align:right;max-width:170px}
.wma-dna-pc{grid-column:2;grid-row:1/span 2;display:block;width:clamp(150px,13vw,200px);filter:drop-shadow(0 26px 30px rgba(0,0,0,.4))}
.wma-dna-pc img{display:block;width:100%;height:auto}
.wma-time-compact .wma-dna-num{order:1}
.wma-time-compact .wma-dna-cap{order:2;margin-top:10px}
.wma-time-compact .wma-dna-people{order:4;margin-top:22px}

@media (min-width:901px){
 .wma-eras{display:block;height:560px;margin-top:40px}
 .wma-eras .wma-era-item{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1px);display:block;width:0;height:0}
 .wma-eras .wma-era-node{position:absolute;left:0;top:0;width:0;height:0;display:block}
 .wma-eras .wma-era-disc{position:absolute;left:-42px;top:-42px}
 .wma-eras .is-ai .wma-era-disc{left:-56px;top:-56px}
 .wma-eras .wma-era-yr,.wma-eras .wma-era-did{position:absolute;left:-42px;width:220px;margin:0}
 .wma-eras .is-ai .wma-era-yr,.wma-eras .is-ai .wma-era-did{left:-56px}
 .wma-eras [data-side="down"] .wma-era-yr{top:64px}
 .wma-eras [data-side="down"] .wma-era-did{top:104px}
 .wma-eras .is-ai[data-side="down"] .wma-era-yr{top:78px}
 .wma-eras .is-ai[data-side="down"] .wma-era-did{top:118px}
 .wma-eras [data-side="up"] .wma-era-yr{bottom:96px}
 .wma-eras [data-side="up"] .wma-era-did{bottom:56px}
 .wma-eras .is-ai{--x:86}
 .wma-eras .is-ai .wma-era-yr,.wma-eras .is-ai .wma-era-did{left:auto;right:-56px;text-align:right;justify-content:flex-end}
}
@media (max-width:900px){
 .wma-era-pc{margin-top:18px;justify-content:start;order:3}
 .wma-era-pc .wma-era-yr,.wma-era-pc .wma-era-did{justify-self:start;text-align:left}
 .wma-era-pc .wma-dna-pc{grid-column:1;grid-row:1/span 2}
 .wma-era-pc .wma-era-yr,.wma-era-pc .wma-era-did{grid-column:2}
}
/* U-shaped flow: callouts sit inside the curve. */
.wma-time-compact .wma-dna-people{order:3;margin-top:18px}
.wma-era-pc{order:4;margin-top:26px}
@media (min-width:901px){
 .wma-eras{height:600px;margin-top:70px}
 .wma-eras .is-ai .wma-era-yr,.wma-eras .is-ai .wma-era-did{left:-56px;right:auto;text-align:left;justify-content:flex-start}
 .wma-eras [data-side="right"] .wma-era-yr{left:62px;top:-34px}
 .wma-eras [data-side="right"] .wma-era-did{left:62px;top:6px}
 .wma-eras .is-ai[data-side="up"] .wma-era-yr{bottom:112px}
 .wma-eras .is-ai[data-side="up"] .wma-era-did{bottom:70px}
}
/* Callouts are one block, placed by side. */
.wma-era-text{display:grid;gap:10px}
@media (min-width:901px){
 .wma-eras .wma-era-text{position:absolute;left:-42px;width:220px}
 .wma-eras .wma-era-text .wma-era-yr,.wma-eras .wma-era-text .wma-era-did{position:static;width:auto}
 .wma-eras [data-side="down"] .wma-era-text{top:62px}
 .wma-eras [data-side="up"] .wma-era-text{bottom:62px}
 .wma-eras [data-side="right"] .wma-era-text{left:62px;top:-30px}
 .wma-eras .is-ai .wma-era-text{left:-56px}
 .wma-eras .is-ai[data-side="up"] .wma-era-text{bottom:76px}
}

/* ═════════ Opening: big 30+ first, then it settles and the thread maps the eras ═════════ */
.wma-dna-big{display:grid;justify-items:end;order:1;transform-origin:50% 50%;will-change:transform}
.motion .wma-time-compact{padding-top:calc(150px + var(--pinD,0px))}
.motion .wma-time-compact .wma-hero{will-change:transform}
.motion .wma-time-compact .wma-hero-copy,.motion .wma-time-compact .wma-dna-people{opacity:clamp(0,(var(--ip,1) - .4) * 2.4,1);transform:translateY(calc((1 - clamp(0,(var(--ip,1) - .4) * 2.4,1)) * 28px))}
.motion .wma-time-compact .wma-era-pc{opacity:clamp(0,(var(--ip,1) - .78) * 5,1);transform:translateY(calc((1 - clamp(0,(var(--ip,1) - .78) * 5,1)) * 24px))}
/* Eras appear only as the thread reaches them. */
.motion .wma-eras .wma-era-item:not(.is-lit) .wma-era-disc{opacity:0;transform:scale(.5);filter:none}
.wma-eras .wma-era-disc{transition:box-shadow .5s var(--ease),transform .6s cubic-bezier(.3,1.5,.5,1),opacity .35s,filter .5s}
@media (max-width:900px){.wma-dna-big{justify-items:start}}
.motion .wma-time-compact .wma-hero-copy{opacity:clamp(0,(var(--ip,1) - .55) * 2.8,1);transform:translateY(calc((1 - clamp(0,(var(--ip,1) - .55) * 2.8,1)) * 28px))}
.motion .wma-time-compact .wma-dna-people{opacity:clamp(0,(var(--ip,1) - .86) * 7,1);transform:none}
.motion .wma-time-compact .wma-era-pc{opacity:clamp(0,(var(--ip,1) - .86) * 7,1)}
/* Opening starts with the headline, paragraph and a big 30+. */
.motion .wma-time-compact .wma-hero-copy{opacity:1;transform:none}
.motion .wma-time-compact .wma-dna-people{opacity:clamp(0,(var(--ip,1) - .7) * 5,1)}
.motion .wma-time-compact .wma-era-pc{opacity:clamp(0,(var(--ip,1) - .8) * 6,1)}

/* ───────── bigger eras, fuller callouts, 2026 opens the next section, photos scale with the 30+ ───────── */
.wma-dna-big .wma-dna-people{margin-top:20px}
.motion .wma-time-compact .wma-dna-people{opacity:1;transform:none}
.wma-era-did{font-size:15.5px;line-height:1.45}
.wma-era-did strong{display:block;margin-bottom:2px;font-weight:600;color:var(--mint)}
@media (min-width:901px){
 .wma-eras{height:640px}
 .wma-eras .wma-era-disc{width:116px;height:116px;left:-58px;top:-58px}
 .wma-eras .wma-era-text{left:-58px;width:270px}
 .wma-eras [data-side="down"] .wma-era-text{top:76px}
 .wma-eras [data-side="up"] .wma-era-text{bottom:76px}
 .wma-eras [data-side="right"] .wma-era-text{left:76px;top:-40px}
 .wma-dna-pc{width:clamp(170px,14vw,220px)}
}
/* 2026 opens "What's changing": bead on the thread, callout underneath. */
.wma-era-now{display:grid;justify-items:center;text-align:center;gap:16px;margin:0 auto 70px;max-width:420px}
.wma-era-now .wma-era-node{display:block;height:auto}
.wma-era-now .wma-era-disc{width:150px;height:150px;box-shadow:0 0 0 6px var(--paper)}
.wma-era-now.is-lit .wma-era-disc{box-shadow:0 0 0 6px var(--paper),0 0 0 11px var(--mint)}
.wma-era-now .wma-era-text{display:grid;gap:8px;justify-items:center}
.wma-era-now .wma-era-yr{color:var(--forest)}
.wma-era-now .wma-era-yr b{color:var(--vir);font-size:clamp(34px,3vw,46px)}
.wma-era-now .wma-era-did{font-size:17px;max-width:360px;color:var(--ink)}
.wma-era-now .wma-era-did strong{color:var(--ink);font-size:20px}
.motion .wma-era-now:not(.is-lit) .wma-era-disc{opacity:0;transform:scale(.5)}
.wma-era-now .wma-era-disc{transition:box-shadow .5s var(--ease),transform .6s cubic-bezier(.3,1.5,.5,1),opacity .35s}
@media (max-width:900px){
 .wma-eras .wma-era-disc{width:84px;height:84px}
 .wma-era-did{font-size:14.5px}
 .wma-era-now{justify-items:start;text-align:left;margin:0 0 56px}
 .wma-era-now .wma-era-text{justify-items:start}
 .wma-era-now .wma-era-disc{width:110px;height:110px}
}
.wma-era-now{grid-template-rows:auto}
.wma-era-pc .wma-era-did{max-width:240px}
@media (min-width:901px){
 .wma-eras [data-side="left"] .wma-era-text{left:auto;right:76px;top:-40px;width:210px;text-align:right;justify-items:end}
 .wma-eras [data-side="left"] .wma-era-yr{justify-content:flex-end}
 .wma-eras [data-side="right"] .wma-era-text{width:250px}
}
@media (min-width:901px){.wma-era-pc{grid-template-columns:230px auto}.wma-era-pc .wma-era-did{max-width:none}}

/* Solution lines sit between two dots on the frame's top edge: same type as the headline lead line. */
.wma-rib .rib-say.is-loop{font:600 clamp(15px,1.3vw,20px)/1 Epilogue,Arial,sans-serif;letter-spacing:.2em;fill:var(--vir)}
.wma-rib .rib-say.is-loop.on-2{fill:var(--mint)}
.wma-rib .rib-say.is-loop.on-3{fill:#fff;fill-opacity:.9}

/* ───────── Tighter "What's changing": 2026 beside the headline + a tee-up line ───────── */
.wma-shift{padding-top:96px}
.wma-intro4{display:grid;grid-template-columns:1.55fr .85fr;gap:4vw;align-items:center;padding-bottom:90px}
.wma-intro4-copy{grid-column:1;grid-row:1;display:grid;gap:18px}
.wma-intro4 .wma-era-now{grid-column:2;grid-row:1;margin:0 auto}
.wma-intro4 h2{font-size:clamp(42px,4.6vw,78px);line-height:.98;margin-top:4px;max-width:none}
.wma-intro4-belief{margin-top:14px;max-width:600px;font:500 clamp(20px,1.7vw,26px)/1.4 Epilogue,sans-serif;letter-spacing:-.035em}
.wma-intro4-lede{margin-top:6px;font-size:clamp(17px,1.35vw,21px);max-width:600px}
.wma-intro4-next{display:flex;align-items:center;gap:14px;margin-top:10px;max-width:640px;font:400 clamp(17px,1.35vw,21px)/1.5 Epilogue,sans-serif;letter-spacing:-.01em;color:var(--forest)}
.wma-intro4-next span{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--mint);color:var(--ink);font-size:17px;font-weight:600}
.wma-era-now .wma-era-disc{width:132px;height:132px}
@media (max-width:900px){
 .wma-shift{padding-top:72px}
 .wma-intro4{grid-template-columns:1fr;gap:34px;padding-bottom:64px}
 .wma-intro4 .wma-era-now{grid-row:1;grid-column:1;margin:0}
 .wma-intro4-copy{grid-row:2}
 .wma-intro4 h2{font-size:clamp(36px,10vw,46px)}
 .wma-era-now .wma-era-disc{width:96px;height:96px}
}
.wma-intro4-next{max-width:700px}

/* The AI era is a living signal, replacing the former portrait. Its box remains
   the measured timeline waypoint; only the layers inside it animate. */
.wma-era-now .wma-ai-disc,.wma-era-now.is-lit .wma-ai-disc{position:relative;background:var(--paper);box-shadow:0 0 0 6px var(--paper)}
.wma-ai-orb{position:absolute;inset:0;border-radius:50%;overflow:hidden;background:var(--paper)}
.wma-ai-orb i{position:absolute;display:block;border-radius:50%;pointer-events:none}
.wma-ai-core{inset:8%;overflow:hidden;background:var(--forest)}
.wma-ai-thought{position:absolute;display:block;width:30%;aspect-ratio:1;left:21%;top:25%;border-radius:50%;background:var(--mint);opacity:.65}
.wma-ai-thought:nth-child(2){width:22%;left:56%;top:36%;background:var(--color-accent);opacity:.55}
.wma-ai-thought:nth-child(3){width:17%;left:44%;top:63%;background:var(--color-accent);opacity:.7}
.motion .wma-ai-orb.is-pulsing .wma-ai-core{animation:wma-ai-core-pulse 5s ease-in-out infinite}
.motion .wma-ai-orb.is-pulsing .wma-ai-thought{animation:wma-ai-think 3.6s ease-in-out infinite}
.motion .wma-ai-orb.is-pulsing .wma-ai-thought:nth-child(2){animation-delay:-1.2s}
.motion .wma-ai-orb.is-pulsing .wma-ai-thought:nth-child(3){animation-delay:-2.4s}
@keyframes wma-ai-core-pulse{0%,100%{transform:scale(.94)}50%{transform:scale(1.04)}}
@keyframes wma-ai-think{0%,100%{transform:scale(.84);opacity:.4}50%{transform:scale(1.12);opacity:.85}}
@media(prefers-reduced-motion:reduce){.wma-ai-orb i,.wma-ai-orb .wma-ai-thought{animation:none!important}}

/* ───────── Compact behavior sections: the four bands about a fifth smaller on desktop ───────── */
@media (min-width:901px){
 .wma-band .wma-band-in{padding:112px 0 80px;row-gap:clamp(28px,3vw,44px)}
 .wma-band .wma-verb{font-size:clamp(58px,6.2vw,104px)!important}
 .wma-band .wma-verb-row,.wma-band .wma-band-in>.wma-verb{margin-bottom:clamp(36px,3.4vw,56px)!important}
 .wma-band .wma-band-in>.wma-verb-row>.wma-verb{margin-bottom:0!important}
 .wma-band .wma-band-stat .wma-num{font-size:clamp(70px,6.8vw,116px)}
 .wma-band .wma-sowhat{font-size:clamp(19px,1.65vw,26px)}
 .wma-band .wma-viz-ring .wma-ring{width:clamp(210px,20vw,290px)}
 .wma-band .wma-viz-ring figcaption b{font-size:28px}
 .wma-band .wma-solve{margin-top:clamp(60px,5.4vw,84px)}
 .wma-band .wma-launch{padding-block:clamp(36px,3.6vw,60px);gap:clamp(28px,3vw,56px)}
 .wma-band .wma-launch-word,.wma-band #test .wma-launch-word,.wma-band #geo .wma-launch-word,.wma-band #listen .wma-launch-word,.wma-band #align .wma-launch-word{font-size:clamp(56px,5.4vw,90px)}
}
@media (min-width:901px) and (max-width:1100px){.wma-band .wma-viz-chat .wma-ring{width:min(27vw,290px)}}
/* Purchase, 901–1199px: the path card needs ~690px, so stat and problem share a row and the card goes full width under them
   (it used to push the grid, and "Purchase", past the right edge). */
@media (min-width:901px) and (max-width:1199px){
 .wma-band-4 .wma-band-in{grid-template-columns:1fr 1fr}
 .wma-band-4 .wma-band-stat{grid-column:1;grid-row:2}
 .wma-band-4 .wma-sowhat{grid-column:2;grid-row:2;align-self:center}
 .wma-band-4 .wma-pathcard{grid-column:1/-1;grid-row:3}
 .wma-band-4 .wma-solve{grid-row:4}
}

/* 2019 callout sits to the right of its bead to avoid overlap with the 2007 callout.
   It starts far enough right that the thread leaving the bead never runs under the text. */
@media (min-width:901px){.wma-eras #connected[data-side="right"] .wma-era-text{left:118px;top:-50px}}
/* 901–1240px: the left-hand callout (2013) ran off the left edge of the screen. */
@media (min-width:901px) and (max-width:1240px){.wma-eras [data-side="left"] .wma-era-text{width:160px}}

/* The headline lead line rides in the ribbon beside the headline dot. The separate line above each
   word stays in the markup for screen readers but is hidden on desktop; phones keep it. */
.wma-rib .rib-lead{font:700 clamp(12px,1vw,14px)/1 Epilogue,Arial,sans-serif;letter-spacing:.22em;fill:var(--ink)}
@media (min-width:901px){.wma-rib-on .wma-verb .wma-verb-lead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;margin:0}}