@font-face{font-family:Manrope;src:url('/assets/manrope-400.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-600.ttf');font-weight:600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-700.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-800.ttf');font-weight:800;font-display:swap}
.service-experience *{box-sizing:border-box}
.service-experience{margin:0;background:#f8f7f1;color:#163f47;font:400 16px/1.7 Manrope,sans-serif;--accent:#fa9918;--tint:#fff0d5;--accent-ink:#965000;--line:#edd2a6}
.service-experience[data-service=publisher]{--accent:#83aa38;--tint:#edf3de;--accent-ink:#4d7021;--line:#cdddb4}
.service-experience button,.service-experience a,.service-experience summary{-webkit-tap-highlight-color:transparent}
.service-experience a{color:inherit;text-decoration:none}
.service-experience button{font:inherit;cursor:pointer}
.service-experience button:focus-visible,.service-experience a:focus-visible,.service-experience summary:focus-visible{outline:3px solid #349db2;outline-offset:4px}
.service-experience img{display:block;width:100%;object-fit:cover}
.service-experience h1,.service-experience h2,.service-experience h3,.service-experience p,.service-experience figure{margin:0}
.service-experience h1,.service-experience h2,.service-experience h3{line-height:1.1;letter-spacing:-.04em}
.service-experience h1,.service-experience h2{font-weight:800}
.service-experience h1{font-size:clamp(42px,5.5vw,70px)}
.service-experience h2{font-size:clamp(35px,4.5vw,55px)}
.service-experience h3{font-size:22px}
.service-experience em{font-style:normal}
.service-experience strong{font-weight:800}
.service-experience svg{display:block}
.service-experience svg:not(.join-lines):not(.mix-svg){width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.service-experience .skip{position:absolute;top:-100px;background:white;padding:15px;z-index:100}
.service-experience .skip:focus{top:0}
.service-experience .frame{width:min(1120px,calc(100% - 80px));margin:auto}
.service-experience .draft-note{display:flex;justify-content:space-between;gap:12px;padding:8px 30px;background:#e8ede9;font-size:12px;line-height:1.4;color:#466367}
.service-experience .draft-note a{text-decoration:underline;text-underline-offset:3px}
.service-experience .study-header{width:min(1180px,calc(100% - 60px));margin:auto;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.service-experience .study-header img{width:225px;height:auto}
.service-experience .original-link{font-size:14px;font-weight:700}
.service-experience .study-switch{position:sticky;top:0;z-index:30;display:flex;justify-content:center;gap:38px;background:#f8f7f1ed;backdrop-filter:blur(12px);border-bottom:1px solid #dbe3dc;padding:0 20px}
.service-experience .study-switch a{padding:13px 0 10px;font-size:14px;font-weight:700;border-bottom:3px solid transparent}
.service-experience .study-switch [aria-current=page]{border-color:var(--accent);color:var(--accent-ink)}
.service-experience .kicker{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--accent-ink);line-height:1.5;margin-bottom:18px}
.service-experience .study-hero{padding:64px 0 60px;background:radial-gradient(ellipse at 85% 50%,var(--tint),transparent 60%)}
.service-experience .hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:28px 60px;align-items:center}
.service-experience .hero-intro{grid-column:1;grid-row:1}
.service-experience .lead{font-size:19px;line-height:1.7;margin-top:25px;max-width:520px}
.service-experience .hero-next{grid-column:1;grid-row:2;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.service-experience .hero-next>span{font-size:13px;color:#627675;line-height:1.5}
.service-experience .primary{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 24px;border-radius:999px;background:var(--accent);color:#143d43;font-size:15px;font-weight:800;line-height:1.4;transition:transform .2s}
.service-experience .primary:hover{transform:translateY(-2px)}
.service-experience .media-scene,.service-experience .publisher-scene{grid-column:2;grid-row:1/span 2;min-width:0}
.service-experience .media-pair{display:flex;align-items:center;justify-content:center;gap:16px;padding:15px 8px 0}
.service-experience .media-tile{width:46%;padding:9px 9px 13px;background:#fffef9;box-shadow:0 14px 35px #163f471b;border-radius:12px}
.service-experience .media-tile img{aspect-ratio:1.25;border-radius:7px}
.service-experience .media-tile span{display:block;font-size:17px;font-weight:800;padding:10px 6px 0}
.service-experience .tilt-left{transform:rotate(-5deg)}
.service-experience .tilt-right{transform:rotate(5deg);margin-top:38px}
.service-experience .join-lines{width:88%;height:72px;fill:none;stroke:#7eaa9a;stroke-width:1.7;margin:auto}
.service-experience .audience-label{display:flex;align-items:center;justify-content:center;gap:16px;font-size:16px;line-height:1.5}
.service-experience .audience-label svg{width:37px!important;height:37px!important;color:var(--accent-ink)}
.service-experience .media-scene figcaption,.service-experience .publisher-scene figcaption{font-size:12px;line-height:1.4;color:#657b75;text-align:center;margin-top:17px}
.service-experience .feature-story{position:relative;overflow:hidden;border-radius:18px;box-shadow:0 16px 40px #173f4718}
.service-experience .feature-story img{aspect-ratio:1.4}
.service-experience .feature-story:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#113b41d9)}
.service-experience .story-topic{position:absolute;left:20px;top:18px;padding:5px 13px;border-radius:20px;background:#fffdf3;font-size:13px;font-weight:700}
.service-experience .story-heading{position:absolute;bottom:25px;left:25px;z-index:1;color:#fffdf3;font-size:28px;font-weight:800;line-height:1.2;letter-spacing:-.03em}
.service-experience .reader-strip{display:flex;justify-content:space-around;gap:15px;margin:-1px 12px 0;padding:20px 10px;background:var(--tint);border-radius:0 0 16px 16px}
.service-experience .reader-strip span{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:700}
.service-experience .split{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px 65px;align-items:center}
.service-experience .chapter-intro>p:not(.kicker){font-size:18px;line-height:1.75;margin-top:24px;max-width:520px}
.service-experience .chapter-bottom{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:start}
.service-experience .takeaway{font-size:20px;line-height:1.65;max-width:540px}
.service-experience .mix-chapter{padding:80px 0;background:#173f47;color:#f9f8ef;border-radius:44px 44px 0 0}
.service-experience .mix-chapter .kicker,.service-experience .mix-chapter h2 em{color:#ffbd61}
.service-experience .mix-chapter .chapter-intro>p:not(.kicker){color:#d0dfda}
.service-experience .mode-switch{display:flex;gap:4px;padding:5px;border-radius:999px;border:1px solid #d6dfd4;background:#fffdf5}
.service-experience .mode-switch button{border:0;flex:1;padding:11px 12px;font-size:14px;line-height:1.3;border-radius:999px;background:none;color:#49605b;font-weight:700;min-height:42px}
.service-experience .mode-switch button[aria-pressed=true]{background:#173f47;color:#fffdf5}
.service-experience .mix-chapter .mode-switch{background:#ffffff0a;border-color:#ffffff2e}
.service-experience .mix-chapter .mode-switch button{color:#d9e5dd}
.service-experience .mix-chapter .mode-switch button[aria-pressed=true]{background:#ffb347;color:#14383e}
.service-experience .mix-names{display:flex;justify-content:space-around;margin:26px 20px 0;font-size:15px;font-weight:700}
.service-experience .mix-svg{width:100%;height:auto;overflow:visible;margin:4px 0 0}
.service-experience .set-a{fill:#3a9aa8;fill-opacity:.4}
.service-experience .set-b{fill:#ffb347;fill-opacity:.7;stroke:#ffbf65;stroke-width:1.5}
.service-experience .set-shared{fill:#fff1d6;fill-opacity:.95}
.service-experience .set-outline{fill:none;stroke:#91cbd0;stroke-width:1.5}
.service-experience .mix-svg circle{transition:cx .6s cubic-bezier(.2,.7,.2,1)}
.service-experience .mix-figure figcaption{display:flex;justify-content:center;gap:24px;font-size:14px;line-height:1.4}
.service-experience .mix-figure figcaption span{display:flex;align-items:center;gap:8px}
.service-experience .swatch{width:11px;height:11px;border-radius:3px;display:block}
.service-experience .swatch.shared{background:#fff1d6}
.service-experience .swatch.extra{background:#ffb347}
.service-experience .mix-insight,.service-experience .reading-insight,.service-experience .value-insight{font-size:17px;line-height:1.7;margin-top:24px;min-height:88px}
.service-experience .figure-note{font-size:12px;line-height:1.6;color:#647875;margin-top:15px}
.service-experience .mix-chapter .figure-note{color:#b9d0ca}
.service-experience .mix-chapter .deep-read{border-color:#ffffff3b}
.service-experience .mix-chapter .deep-read summary{color:#f8f7ef}
.service-experience .mix-chapter .deep-read>div{color:#d3e2dd}
.service-experience .deep-read{border-top:1px solid #c9d8ce;border-bottom:1px solid #c9d8ce;max-width:100%;align-self:start}
.service-experience .deep-read summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;font-size:15px;font-weight:700;line-height:1.5}
.service-experience .deep-read summary::-webkit-details-marker{display:none}
.service-experience .deep-read summary>span{font-size:26px;font-weight:400;transition:transform .2s}
.service-experience .deep-read[open] summary>span{transform:rotate(45deg)}
.service-experience .deep-read>div{padding:0 0 24px;font-size:16px;line-height:1.8}
.service-experience .deep-read p{margin:0 0 20px}
.service-experience .deep-read h3{font-size:19px;line-height:1.3;margin:22px 0 12px}
.service-experience .journey-chapter-study{padding:85px 0;background:#fffdf7}
.service-experience .journey-chapter-study .chapter-intro{max-width:660px}
.service-experience .journey-chapter-study h2 em{color:#b76300}
.service-experience .visit-path{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:45px;margin:45px 0}
.service-experience .visit-path article{position:relative;min-width:0}
.service-experience .path-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--accent-ink);background:var(--tint);margin-bottom:20px}
.service-experience .visit-path article:not(:last-child):after{content:"";position:absolute;left:65px;top:22px;right:-20px;height:1px;background:var(--line)}
.service-experience .path-label{display:block;font-size:12px;font-weight:800;letter-spacing:.07em;line-height:1.4;margin:0 0 15px;color:#85653d}
.service-experience .mini-editorial{background:#fff;border:1px solid #e5e7dc;border-radius:13px;overflow:hidden}
.service-experience .mini-editorial img{aspect-ratio:2.2}
.service-experience .mini-editorial>div{padding:15px 18px}
.service-experience .mini-editorial span{font-size:12px;color:#8a6e48}
.service-experience .mini-editorial b{display:block;font-size:19px;line-height:1.3;margin-top:4px}
.service-experience .visit-path h3{font-size:25px;line-height:1.25;margin-bottom:15px}
.service-experience .visit-path p{font-size:16px;color:#526c6c}
.service-experience .path-purchase .path-content{background:var(--tint);padding:20px;border-radius:15px}
.service-experience .journey-close{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:35px 0}
.service-experience .journey-close>p:first-child{font-size:18px;line-height:1.7}
.service-experience .journey-close .figure-note{align-self:end;margin:0}
.service-experience .journey-chapter-study .deep-read{max-width:750px}
.service-experience .reading-chapter{padding:80px 0;background:#edf3e3;border-top:1px solid #d5e1c5}
.service-experience .reading-chapter h2 em{color:#567b22}
.service-experience .reading-demo{min-width:0}
.service-experience .reading-map{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;gap:12px;margin-top:30px}
.service-experience .reading-map article{border-radius:12px;overflow:hidden;background:#fffdf7;box-shadow:0 8px 18px #173f4709}
.service-experience .reading-map img{aspect-ratio:1.4}
.service-experience .reading-map article>span{display:block;padding:10px 12px;font-size:14px;line-height:1.4;font-weight:700}
.service-experience .reading-connector svg{width:30px!important;height:30px!important;color:#688c31}
.service-experience .return-loop{grid-column:1/-1;padding:18px;border:1px solid #9eb875;border-radius:0 0 24px 24px;border-top:0;display:flex;align-items:center;justify-content:center;gap:13px;font-size:15px;font-weight:700;color:#557728;transition:opacity .3s}
.service-experience .reading-demo[data-reading=single] .return-loop{opacity:.16}
.service-experience .reading-insight{min-height:90px}
.service-experience .value-chapter{padding:85px 0;background:#173f47;color:#fffdf3;border-radius:40px 40px 0 0}
.service-experience .value-chapter .kicker,.service-experience .value-chapter h2 em{color:#bfdb7d}
.service-experience .value-chapter .chapter-intro>p:not(.kicker){color:#d2dfd8}
.service-experience .value-demo{min-width:0}
.service-experience .value-demo .mode-switch{background:#234b50;border-color:#54746d}
.service-experience .value-demo .mode-switch button{color:#dae6dc}
.service-experience .value-demo .mode-switch button[aria-pressed=true]{background:#d4e7ae;color:#1d4143}
.service-experience .publisher-profile{margin:26px 0 0;background:#fffdf5;color:#173f47;border-radius:18px;padding:26px;box-shadow:0 20px 50px #001d222d;min-height:352px}
.service-experience .profile-top{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid #dce4d6;font-weight:800}
.service-experience .profile-mark{background:#edf3df;display:grid;place-items:center;width:42px;height:42px;border-radius:10px;color:#668a2d}
.service-experience .profile-top small{display:block;color:#6a7b70;font-size:12px;font-weight:400}
.service-experience .interest-tags{display:flex;gap:8px;margin:18px 0}
.service-experience .interest-tags>span{font-size:13px;line-height:1.4;padding:5px 12px;border-radius:20px;border:1px solid #c9d9ae;color:#547525}
.service-experience .profile-insight{display:flex;gap:14px;align-items:center;margin:16px 0;font-size:13px;line-height:1.5;color:#647770}
.service-experience .profile-insight b{display:block;font-size:15px;color:#20494a}
.service-experience .profile-insight svg{color:#6a922d}
.service-experience .traffic-view{display:none;padding:25px 0;color:#5b7267;font-size:16px}
.service-experience .illustrative-bars{display:flex;align-items:end;gap:14px;height:145px;margin-top:25px;border-bottom:1px solid #bdcbb7;padding:0 10px}
.service-experience .illustrative-bars i{width:14%;height:45%;background:#85a755;border-radius:4px 4px 0 0}
.service-experience .illustrative-bars i:nth-child(2){height:65%}
.service-experience .illustrative-bars i:nth-child(3){height:52%}
.service-experience .illustrative-bars i:nth-child(4){height:80%}
.service-experience .illustrative-bars i:nth-child(5){height:69%}
.service-experience .illustrative-bars i:nth-child(6){height:93%}
.service-experience .value-demo[data-value=traffic] .traffic-view{display:block}
.service-experience .value-demo[data-value=traffic] .audience-view{display:none}
.service-experience .value-insight{min-height:90px}
.service-experience .value-chapter .deep-read{border-color:#55746b}
.service-experience .value-chapter .deep-read>div{color:#d4e3da}
.service-experience .study-end{padding:60px 0;background:#edf0e8;text-align:center}
.service-experience .study-end .frame{max-width:650px}
.service-experience .study-end>.frame>span{font-size:12px;letter-spacing:.14em;font-weight:700;color:#697d72}
.service-experience .study-end h2{font-size:32px;margin:17px 0 20px}
.service-experience .study-end p{font-size:15px;line-height:1.7;color:#5a716b;margin-bottom:24px}
.service-experience .other-study{display:block;margin-top:25px;text-decoration:underline;font-size:14px;text-underline-offset:4px}
@media(max-width:800px){.service-experience .frame{width:calc(100% - 40px)}
.service-experience .study-header{width:calc(100% - 40px)}
.service-experience .hero-grid{grid-template-columns:1fr;gap:25px}
.service-experience .hero-intro,.service-experience .hero-next,.service-experience .media-scene,.service-experience .publisher-scene{grid-column:auto;grid-row:auto}
.service-experience .hero-intro{max-width:600px}
.service-experience .media-scene,.service-experience .publisher-scene{max-width:460px;width:100%;margin:auto}
.service-experience .hero-next{align-items:center;text-align:center}
.service-experience .split{grid-template-columns:1fr;gap:30px}
.service-experience .chapter-bottom{display:block;grid-column:auto}
.service-experience .chapter-bottom .deep-read{margin-top:24px}
.service-experience .chapter-intro>p:not(.kicker){max-width:600px}
.service-experience .mix-demo,.service-experience .reading-demo,.service-experience .value-demo{max-width:550px;width:100%;margin:auto}
.service-experience .visit-path{gap:25px}
.service-experience .visit-path h3{font-size:21px}
.service-experience .journey-close{gap:30px}}
@media(max-width:540px){.service-experience .draft-note{padding:7px 18px;font-size:12px}
.service-experience .draft-note a{font-size:12px}
.service-experience .study-header{min-height:74px;gap:15px}
.service-experience .study-header img{width:174px}
.service-experience .original-link{font-size:12px}
.service-experience .study-switch{gap:26px;padding:0 16px}
.service-experience .study-switch a{font-size:12px;padding:9px 0 8px}
.service-experience .study-hero{padding:29px 0 38px}
.service-experience .hero-grid{gap:22px}
.service-experience .kicker{font-size:12px;letter-spacing:.12em;margin-bottom:13px}
.service-experience h1{font-size:clamp(34px,9.1vw,45px);letter-spacing:-.05em;line-height:1.1}
.service-experience h2{font-size:clamp(32px,8.6vw,43px);line-height:1.1}
.service-experience .lead{font-size:16px;line-height:1.65;margin-top:17px}
.service-experience .media-scene{max-width:365px}
.service-experience .media-pair{gap:10px;padding:2px 10px 0}
.service-experience .media-tile{padding:6px 6px 9px;width:47%;border-radius:10px}
.service-experience .media-tile img{aspect-ratio:1.6;border-radius:6px}
.service-experience .media-tile span{font-size:14px;padding:6px 5px 0}
.service-experience .tilt-right{margin-top:21px}
.service-experience .join-lines{height:42px}
.service-experience .audience-label{font-size:14px;gap:12px}
.service-experience .audience-label svg{width:28px!important;height:28px!important}
.service-experience .media-scene figcaption,.service-experience .publisher-scene figcaption{font-size:12px;margin-top:10px}
.service-experience .primary{font-size:14px;padding:15px 20px;gap:15px}
.service-experience .hero-next{gap:12px}
.service-experience .hero-next>span{font-size:12px;max-width:320px}
.service-experience .feature-story img{aspect-ratio:1.8}
.service-experience .story-topic{top:12px;left:14px;padding:3px 11px;font-size:12px}
.service-experience .story-heading{font-size:24px;left:18px;bottom:18px}
.service-experience .reader-strip{padding:13px 8px;gap:10px;margin-inline:10px}
.service-experience .reader-strip span{font-size:13px;gap:8px}
.service-experience .reader-strip svg{height:21px!important;width:21px!important}
.service-experience .mix-chapter,.service-experience .reading-chapter,.service-experience .value-chapter,.service-experience .journey-chapter-study{padding:45px 0}
.service-experience .mix-chapter,.service-experience .value-chapter{border-radius:28px 28px 0 0}
.service-experience .chapter-intro>p:not(.kicker){font-size:16px;line-height:1.7;margin-top:20px}
.service-experience .split{gap:25px}
.service-experience .mode-switch{padding:4px}
.service-experience .mode-switch button{font-size:13px;padding:10px 8px;min-height:40px}
.service-experience .mix-names{margin-top:22px;font-size:14px}
.service-experience .mix-figure figcaption{gap:20px;font-size:12px}
.service-experience .mix-insight,.service-experience .reading-insight,.service-experience .value-insight{font-size:16px;line-height:1.7;margin-top:19px;min-height:0}
.service-experience .figure-note{font-size:12px;margin-top:13px}
.service-experience .takeaway{font-size:18px;line-height:1.65;border-left:2px solid var(--accent);padding-left:17px}
.service-experience .chapter-bottom .deep-read{margin-top:23px}
.service-experience .deep-read summary{font-size:14px;padding:18px 0}
.service-experience .visit-path{display:block;margin:28px 0}
.service-experience .visit-path article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:15px;padding-bottom:30px}
.service-experience .path-icon{width:34px;height:34px;margin:0}
.service-experience .path-icon svg{width:20px!important;height:20px!important}
.service-experience .visit-path article:not(:last-child):after{top:43px;bottom:10px;left:16px;width:1px;height:auto;right:auto}
.service-experience .path-label{font-size:12px;margin:7px 0 12px}
.service-experience .mini-editorial{display:grid;grid-template-columns:83px 1fr;border-radius:10px;align-items:stretch}
.service-experience .mini-editorial img{height:100%;aspect-ratio:auto;min-height:105px}
.service-experience .mini-editorial>div{padding:12px}
.service-experience .mini-editorial b{font-size:16px;line-height:1.35}
.service-experience .mini-editorial span{font-size:12px}
.service-experience .visit-path h3{font-size:21px;margin-bottom:10px}
.service-experience .visit-path p{font-size:15px;line-height:1.7}
.service-experience .path-purchase .path-content{padding:14px 17px}
.service-experience .path-purchase .path-label{margin-top:0}
.service-experience .visit-path article:last-child{padding-bottom:0}
.service-experience .journey-close{display:block;margin:25px 0}
.service-experience .journey-close>p:first-child{font-size:17px}
.service-experience .journey-close .figure-note{margin-top:17px}
.service-experience .reading-map{gap:8px;grid-template-columns:1fr 24px 1fr;margin-top:24px}
.service-experience .reading-map article>span{padding:9px 10px;font-size:12px}
.service-experience .reading-connector svg{width:23px!important;height:23px!important}
.service-experience .return-loop{padding:16px 8px;font-size:13px;gap:10px}
.service-experience .publisher-profile{padding:20px;margin-top:22px;min-height:330px}
.service-experience .profile-top{font-size:15px;gap:10px}
.service-experience .profile-top small{font-size:12px}
.service-experience .profile-insight{margin:17px 0;font-size:12px}
.service-experience .profile-insight b{font-size:14px}
.service-experience .profile-insight svg{width:21px!important;height:21px!important}
.service-experience .study-end{padding:40px 0}
.service-experience .study-end h2{font-size:28px}}
@media(max-width:360px){.service-experience .frame,.service-experience .study-header{width:calc(100% - 32px)}
.service-experience .study-header img{width:155px}
.service-experience .study-switch{gap:20px}
.service-experience .study-switch a{font-size:12px}
.service-experience .draft-note{padding-inline:16px}
.service-experience .draft-note a{display:none}
.service-experience .lead{font-size:16px}
.service-experience h1{font-size:32px}
.service-experience .story-heading{font-size:22px}
.service-experience .mode-switch button{font-size:12px}
.service-experience .mix-figure figcaption{gap:14px}
.service-experience .mini-editorial{grid-template-columns:68px 1fr}
.service-experience .primary{font-size:13px}
.service-experience .study-header{min-height:68px}}
@media(prefers-reduced-motion:reduce){.service-experience *,.service-experience *:before,.service-experience *:after{transition:none!important;animation:none!important}}
.service-experience .brand-scene{padding:20px 0}
.service-experience .media-tile{padding:0 0 12px;border:1px solid #d9e3d9;border-radius:16px;overflow:hidden}
.service-experience .media-tile .surface-label{font-size:13px;padding:9px 16px 0;color:#607b76;font-weight:600}
.service-experience .publication-preview{background:#fffef8;border-radius:12px;overflow:hidden;color:#163f47}
.service-experience .window-chrome{height:27px;display:flex;gap:4px;align-items:center;padding:0 12px;border-bottom:1px solid #dce6dd;background:#f3f5ed}
.service-experience .window-chrome>i{width:4px;height:4px;border-radius:50%;background:#9cbdb8;flex:none}
.service-experience .window-chrome>i:nth-child(2){background:#ffc46e}
.service-experience .window-chrome>i:nth-child(3){background:#a3bf67}
.service-experience .window-chrome>span{margin-left:auto;font-size:11px;font-weight:600;letter-spacing:.02em;color:#658077;padding:0}
.service-experience .publication-body{padding:16px}
.service-experience .media-tile .publication-topic,.service-experience .publication-topic{display:block;font-weight:800;font-size:19px;line-height:1.4;padding:0 0 10px;color:#1a6979}
.service-experience .publication-layout{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
.service-experience .content-symbol{height:68px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#d9ece9,#b5d7dc);color:#278c9d}
.service-experience .content-symbol svg{width:32px!important;height:32px!important}
.service-experience .article-strokes{display:grid;gap:7px}
.service-experience .article-strokes i,.service-experience .mini-lines i{height:4px;border-radius:3px;background:#d6e3dd}
.service-experience .article-strokes i:first-child{background:#739d9b;height:6px}
.service-experience .article-strokes i:last-child{width:65%}
.service-experience .publication-columns{display:flex;gap:7px;margin-top:13px}
.service-experience .publication-columns i{height:7px;flex:1;background:#e6ece1;border-radius:3px}
.service-experience .leisure .content-symbol{background:linear-gradient(145deg,#eef3db,#cfdfa6);color:#718f32}
.service-experience .leisure .publication-topic{color:#61822e}
.service-experience .audience-orb{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 22%,#8dced4,#25899b 52%,#176070);box-shadow:inset 0 0 0 1px #f8fffa7d,0 7px 18px #235e681b;flex-shrink:0}
.service-experience .audience-label .audience-orb svg{color:#fffdf0;width:29px!important;height:29px!important}
.service-experience .brand-scene .join-lines{stroke:#7aaba0}
.service-experience .publisher-window{border-radius:18px;background:#fffef8;border:1px solid #d3dfc8;box-shadow:0 14px 35px #163f4714;overflow:hidden;max-width:430px;margin:auto}
.service-experience .publisher-window .window-chrome{height:35px}
.service-experience .publisher-topics{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:10px;padding:22px}
.service-experience .publisher-topics>span{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#f0f4e7;border:1px solid #dde7cb;padding:20px 8px;border-radius:11px;font-size:12px;font-weight:700;color:#637c42}
.service-experience .publisher-topics .topic-feature{color:#fffef8;background:linear-gradient(145deg,#a9c762,#6c932d);border-color:#91b64e;font-size:17px;box-shadow:0 5px 12px #71912821}
.service-experience .publisher-topics svg{width:31px!important;height:31px!important}
.service-experience .publisher-branches{height:46px}
.service-experience .brand-scene .reader-strip{background:none;padding:0;max-width:350px;margin:auto;border:0}
.service-experience .brand-scene .reader-strip>span{flex-direction:column;gap:9px;flex:1}
.service-experience .reader-node{display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:#f8fbef;border:1px solid #adca7b;color:#638c2a;box-shadow:0 5px 15px #173f4709}
.service-experience .brand-scene .reader-strip svg{height:25px!important;width:25px!important}
.service-experience .publisher-scene.brand-scene figcaption{margin-top:20px;line-height:1.6}
.service-experience .editorial-symbol{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;background:linear-gradient(145deg,#e8f1eb,#cfe3df);color:#258498}
.service-experience .mini-editorial{display:grid;grid-template-columns:88px 1fr;min-height:128px}
.service-experience .mini-editorial .editorial-symbol{padding:15px 8px}
.service-experience .editorial-symbol svg{height:34px!important;width:34px!important}
.service-experience .mini-editorial .editorial-symbol span{color:#327382;font-weight:700}
.service-experience .mini-lines{display:grid;gap:6px;margin-top:12px}
.service-experience .mini-lines i:last-child{width:65%}
.service-experience .reading-map .publication-body{padding:14px}
.service-experience .reading-map .publication-topic{font-size:16px}
.service-experience .reading-map .content-symbol{height:58px}
.service-experience .reading-map article>span{border-top:1px solid #e1e7d6;color:#54732f}
.service-experience .reading-map .publication-preview{border-radius:0}
.service-experience .deep-read .detail-lead{font-size:16px;line-height:1.65;margin:0 0 22px}
.service-experience .detail-points{margin:0}
.service-experience .detail-points>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid #a1b4a533}
.service-experience .detail-points dt{display:flex;align-items:flex-start;gap:10px;font-size:14px;font-weight:800;line-height:1.5}
.service-experience .detail-points dt svg{height:19px!important;width:19px!important;color:var(--accent-ink);margin-top:1px}
.service-experience .detail-points dd{margin:0;font-size:14px;line-height:1.7}
.service-experience .measurement-note{border-left:2px solid var(--accent);padding:4px 0 4px 16px;margin-top:22px}
.service-experience .measurement-note>b{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:6px}
.service-experience .deep-read .measurement-note p{font-size:12px;line-height:1.7;margin:0}
.service-experience .mix-chapter .detail-points dt svg{color:#ffbf69}
.service-experience .value-chapter .detail-points dt svg{color:#bfdb7d}
.service-experience .mix-chapter .measurement-note,.service-experience .value-chapter .measurement-note{color:#c4d8cd}
.service-experience .chapter-bottom .detail-points>div{display:block}
.service-experience .chapter-bottom .detail-points dd{margin-top:7px;padding-left:29px}
.service-experience .journey-chapter-study h2 em{color:#965000}
@media(max-width:800px){.service-experience .brand-scene{padding:5px 0}
.service-experience .chapter-bottom .detail-points>div{display:grid;grid-template-columns:150px minmax(0,1fr)}
.service-experience .chapter-bottom .detail-points dd{padding:0;margin:0}}
@media(max-width:540px){.service-experience .brand-scene{padding:0}
.service-experience .media-tile{padding:0 0 8px}
.service-experience .media-tile .surface-label{font-size:11px;padding:7px 12px 0}
.service-experience .window-chrome{height:22px;padding:0 9px}
.service-experience .publication-body{padding:12px}
.service-experience .media-tile .publication-topic{font-size:16px;padding-bottom:8px}
.service-experience .publication-layout{gap:8px}
.service-experience .content-symbol{height:49px}
.service-experience .content-symbol svg{height:26px!important;width:26px!important}
.service-experience .publication-columns{margin-top:10px;gap:5px}
.service-experience .publication-columns i{height:5px}
.service-experience .article-strokes{gap:5px}
.service-experience .article-strokes i{height:3px}
.service-experience .article-strokes i:first-child{height:5px}
.service-experience .audience-orb{width:43px;height:43px}
.service-experience .audience-label .audience-orb svg{height:24px!important;width:24px!important}
.service-experience .publisher-window .window-chrome{height:26px}
.service-experience .publisher-topics{padding:15px;gap:8px}
.service-experience .publisher-topics>span{padding:14px 6px;font-size:11px;gap:10px}
.service-experience .publisher-topics .topic-feature{font-size:15px}
.service-experience .publisher-topics svg{width:25px!important;height:25px!important}
.service-experience .publisher-branches{height:34px}
.service-experience .reader-node{width:39px;height:39px}
.service-experience .brand-scene .reader-strip svg{height:21px!important;width:21px!important}
.service-experience .brand-scene .reader-strip{max-width:290px}
.service-experience .publisher-scene.brand-scene figcaption{margin-top:12px}
.service-experience .mini-editorial{min-height:108px;grid-template-columns:72px 1fr}
.service-experience .mini-editorial .editorial-symbol{padding:12px 6px}
.service-experience .reading-map .publication-body{padding:10px}
.service-experience .reading-map .publication-topic{font-size:14px}
.service-experience .reading-map .content-symbol{height:44px}
.service-experience .reading-map .content-symbol svg{width:23px!important;height:23px!important}
.service-experience .detail-points>div,.service-experience .chapter-bottom .detail-points>div{display:block;padding:16px 0}
.service-experience .detail-points dd,.service-experience .chapter-bottom .detail-points dd{padding-left:29px;margin-top:7px}
.service-experience .deep-read .detail-lead{font-size:15px;margin-bottom:18px}
.service-experience .deep-read>div{padding-bottom:22px}
.service-experience .draft-note{font-size:10px;align-items:center}
.service-experience .draft-note a{font-size:10px}}
@media(min-width:801px){.service-experience .mix-chapter,.service-experience .reading-chapter,.service-experience .value-chapter,.service-experience .journey-chapter-study{padding:32px 0}
.service-experience .split{gap:22px 52px}
.service-experience .chapter-intro h2{font-size:clamp(36px,3.6vw,46px)}
.service-experience .chapter-intro .kicker{margin-bottom:12px}
.service-experience .chapter-intro>p:not(.kicker){font-size:17px;line-height:1.65;margin-top:18px}
.service-experience .chapter-bottom{gap:14px;align-items:center;grid-template-columns:minmax(0,1fr)}
.service-experience .chapter-bottom>.takeaway{grid-column:1;grid-row:1;text-align:center;max-width:760px;justify-self:center}
.service-experience .chapter-bottom>.deep-read{grid-column:1;grid-row:2;width:100%;max-width:600px;justify-self:center}
.service-experience .takeaway{font-size:18px;line-height:1.55}
.service-experience .deep-read summary{padding:15px 0}
.service-experience .mix-demo,.service-experience .reading-demo,.service-experience .value-demo{min-width:0}
.service-experience .mix-names{margin:14px auto 0;max-width:430px}
.service-experience .mix-svg{height:clamp(185px,30vh,245px);width:100%;margin:0}
.service-experience .mix-insight,.service-experience .reading-insight,.service-experience .value-insight{margin-top:14px;min-height:56px;font-size:16px;line-height:1.6}
.service-experience .reading-map{margin-top:18px;max-width:460px;margin-inline:auto;gap:8px 14px}
.service-experience .reading-map .publication-body{padding:11px 14px}
.service-experience .reading-map .content-symbol{height:48px}
.service-experience .reading-map .publication-topic{padding-bottom:7px}
.service-experience .reading-map .publication-columns{margin-top:9px}
.service-experience .return-loop{padding:12px}
.service-experience .publisher-profile{margin-top:16px;padding:18px 22px;min-height:285px}
.service-experience .profile-top{padding-bottom:12px}
.service-experience .interest-tags{margin:12px 0}
.service-experience .profile-insight{margin:12px 0}
.service-experience .traffic-view{padding:15px 0}
.service-experience .illustrative-bars{height:130px;margin-top:18px}
.service-experience .journey-chapter-study .chapter-intro{max-width:none;display:grid;grid-template-columns:1.15fr 1fr;column-gap:60px;row-gap:10px;align-items:center}
.service-experience .journey-chapter-study .chapter-intro .kicker{grid-column:1/-1;margin:0}
.service-experience .journey-chapter-study .chapter-intro>p:not(.kicker){margin:0;max-width:460px}
.service-experience .visit-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:26px 0 20px}
.service-experience .path-icon{width:42px;height:42px;margin:0 auto 14px;position:relative;z-index:1}
.service-experience .visit-path article:not(:last-child):after{left:calc(50% + 31px);right:auto;top:21px;width:calc(100% - 32px);height:1px}
.service-experience .visit-path .path-content{padding:16px;border-radius:15px}
.service-experience .visit-path .path-label{margin:0 0 12px;min-height:17px}
.service-experience .visit-path h3{font-size:23px;line-height:1.2;margin-bottom:10px}
.service-experience .visit-path p{font-size:15px;line-height:1.6}
.service-experience .mini-editorial{min-height:108px;grid-template-columns:72px 1fr}
.service-experience .mini-editorial>div{padding:12px}
.service-experience .mini-editorial b{font-size:17px}
.service-experience .journey-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:14px 60px;align-items:center}
.service-experience .journey-close{display:block;margin:0;grid-column:1/-1;grid-row:1;text-align:center;max-width:720px;justify-self:center}
.service-experience .journey-bottom>.deep-read{grid-column:1/-1;grid-row:2;justify-self:center}
.service-experience .journey-close>p:first-child{font-size:16px;line-height:1.6}
.service-experience .journey-chapter-study .deep-read{width:100%;max-width:600px}}
@media(min-width:801px) and (max-height:700px){.service-experience .mix-chapter,.service-experience .reading-chapter,.service-experience .value-chapter,.service-experience .journey-chapter-study{padding:24px 0}
.service-experience .split{row-gap:16px}
.service-experience .chapter-intro h2{font-size:38px}
.service-experience .visit-path{margin:20px 0 16px}}
.service-experience .mix-names span:first-child{color:#91cbd0}
.service-experience .mix-names span:last-child{color:#ffbf65}
.service-experience .set-b-outline{fill:none;stroke:#ffbf65;stroke-width:1.5}
.service-experience .mix-chapter .takeaway strong{color:#ffbd61}
.service-experience .reading-chapter .takeaway strong{color:#4d7021}
.service-experience .value-chapter .takeaway strong{color:#bfdb7d}
.service-experience .audience-connections{position:relative;height:300px;margin:22px 0 18px;--large-group:136px;--small-group:64px}
.service-experience svg.audience-routes{position:absolute;inset:0;width:100%!important;height:100%!important;fill:none;stroke:none}
.service-experience .audience-routes path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.service-experience .shared-route{stroke:#8dc6ce}
.service-experience .new-route{stroke:#ffb347}
.service-experience .connection-site{position:absolute;top:0;width:37%;max-width:180px;transform:translateX(-50%);background:#fffdf3;color:#173f47;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px #06292f20}
.service-experience .site-first{left:25%}
.service-experience .site-second{left:75%}
.service-experience .site-window{display:flex;gap:4px;padding:7px 10px;background:#e9efea}
.service-experience .site-window i{height:4px;width:4px;border-radius:50%;background:#91b9ba}
.service-experience .site-window i:nth-child(2){background:#ffb347}
.service-experience .site-window i:nth-child(3){background:#9abc55}
.service-experience .connection-site b{display:block;text-align:center;font-size:15px;line-height:1.4;padding:9px 4px 11px}
.service-experience .audience-node{position:absolute;top:59%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;transition:width .45s ease,height .45s ease}
.service-experience .node-shared{left:25%;width:var(--large-group);height:var(--large-group);background:#d6edef;color:#246779;border:1px solid #b7dce1}
.service-experience .node-new{left:75%;width:var(--small-group);height:var(--small-group);background:#ffb347;color:#173f47;border:1px solid #ffce88}
.service-experience .audience-node svg{width:48%!important;height:48%!important;stroke-width:1.7}
.service-experience [data-mix=extra] .node-shared{width:var(--small-group);height:var(--small-group)}
.service-experience [data-mix=extra] .node-new{width:var(--large-group);height:var(--large-group)}
.service-experience .connection-caption{position:absolute;bottom:0;width:49%;text-align:center;transform:translateX(-50%);line-height:1.45}
.service-experience .caption-shared{left:25%;color:#d6edef}
.service-experience .caption-new{left:75%;color:#ffbf65}
.service-experience .connection-caption b{display:block;font-size:15px}
.service-experience .connection-caption small{display:block;font-size:12px;color:#c8dcd6;margin-top:3px}
.service-experience .mix-demo .mix-insight{min-height:54px;margin-top:0}
.service-experience .mix-insight strong{color:#ffbf65}
.service-experience .deep-read .detail-points>div{border:0}
.service-experience .deep-read .measurement-note{border:0;padding-left:0}
@media(max-width:540px){.service-experience .audience-connections{height:260px;--large-group:100px;--small-group:50px;margin:22px 0 20px}
.service-experience .connection-site{width:40%}
.service-experience .connection-site b{font-size:13px;padding:9px 3px}
.service-experience .connection-caption b{font-size:13px}
.service-experience .connection-caption small{font-size:11px}
.service-experience .mix-demo .mix-insight{min-height:0}}
@media(min-width:801px) and (max-height:700px){.service-experience .audience-connections{height:270px;--large-group:116px}}
@media(min-width:0px){.service-experience .deep-read{background:var(--tint);color:#173f47;border:0;border-radius:18px;padding:0 24px;box-shadow:0 8px 24px #102f350c}
.service-experience[data-service=publisher] .deep-read{background:#e1ebcd}
.service-experience .deep-read summary,.service-experience .mix-chapter .deep-read summary,.service-experience .value-chapter .deep-read summary{color:#173f47;padding:18px 0}
.service-experience .deep-read summary>span{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;line-height:1;background:var(--line);color:var(--accent-ink);border-radius:50%}
.service-experience .deep-read>div,.service-experience .mix-chapter .deep-read>div,.service-experience .value-chapter .deep-read>div{color:#34565a;padding-bottom:24px}
.service-experience .deep-read .detail-lead strong,.service-experience .deep-read dt,.service-experience .deep-read dd strong{color:#173f47}
.service-experience .mix-chapter .deep-read .detail-points dt svg,.service-experience .value-chapter .deep-read .detail-points dt svg{color:var(--accent-ink)}
.service-experience .deep-read .measurement-note,.service-experience .mix-chapter .deep-read .measurement-note,.service-experience .value-chapter .deep-read .measurement-note{color:#526960}}
.service-experience .reading-insight strong{color:#4d7021}
@media(max-width:800px){.service-experience .deep-read{padding:0 18px;border-radius:16px}
.service-experience .deep-read summary,.service-experience .mix-chapter .deep-read summary,.service-experience .value-chapter .deep-read summary{padding:16px 0;gap:12px}
.service-experience .deep-read summary>span{width:26px;height:26px;font-size:22px}
.service-experience .deep-read>div,.service-experience .mix-chapter .deep-read>div,.service-experience .value-chapter .deep-read>div{padding-bottom:20px}}
.service-experience .value-insight strong{color:#bfdb7d}
.service-experience .traffic-view>span{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#557332}
.service-experience .traffic-view .illustrative-bars{height:145px;margin-top:16px;padding:12px 18px 0;gap:clamp(12px,2vw,24px);justify-content:space-between;border-bottom:1px solid #b9cba3;border-radius:12px 12px 0 0;background:linear-gradient(180deg,#f3f7eb66,#e6eed955);position:relative;isolation:isolate}
.service-experience .traffic-view .illustrative-bars:before{content:"";position:absolute;inset:12px 0 0;z-index:-1;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#78965a12 43px,#78965a12 44px);border-radius:inherit}
.service-experience .traffic-view .illustrative-bars i{flex:1;max-width:58px;width:auto;position:relative;border-radius:8px 8px 2px 2px;background:linear-gradient(100deg,#b6d67d 0%,#95b958 38%,#70973b 100%);box-shadow:inset 1px 1px 0 #e6f4c9, inset -1px 0 0 #4c762522,0 4px 9px #43652112;transform-origin:center bottom}
.service-experience .traffic-view .illustrative-bars i:after{content:"";position:absolute;inset:1px 1px auto;height:10px;border-radius:7px 7px 0 0;background:linear-gradient(#eef7d740,transparent)}
.service-experience .traffic-view .illustrative-bars i:nth-child(2){--bar-delay:70ms}
.service-experience .traffic-view .illustrative-bars i:nth-child(3){--bar-delay:140ms}
.service-experience .traffic-view .illustrative-bars i:nth-child(4){--bar-delay:210ms}
.service-experience .traffic-view .illustrative-bars i:nth-child(5){--bar-delay:280ms}
.service-experience .traffic-view .illustrative-bars i:nth-child(6){--bar-delay:350ms}
@media(prefers-reduced-motion:no-preference){.service-experience .publisher-profile.chart-visible .traffic-view .illustrative-bars i{animation:traffic-column-in 680ms cubic-bezier(.2,.75,.25,1) var(--bar-delay,0ms) both}}
@keyframes traffic-column-in{from{transform:scaleY(.04);opacity:0}to{transform:scaleY(1);opacity:1}}
@media(max-width:540px){.service-experience .traffic-view .illustrative-bars{gap:12px;padding-inline:12px}
.service-experience .traffic-view .illustrative-bars i{border-radius:6px 6px 1px 1px}}
/* Extend the preceding section underneath the next section's rounded corners.
   The transparent border and negative margin cancel out, preserving content positions.
   This carries solid colours and gradients through the transition at every size. */
.service-experience .reading-chapter,
.service-experience[data-service=advertiser] .study-hero{
 border-bottom:44px solid transparent;
 margin-bottom:-44px;
 background-clip:border-box;
}
.service-experience .value-chapter,.service-experience .mix-chapter{position:relative}