.lp-story { color:#142019; background:#f4f6f3; }
.lp-story section { scroll-margin-top:24px; }
.lp-story h2,.lp-story p,.lp-story figure { margin:0; }
.lp-story h2 { font-size:clamp(30px,3.8vw,50px); font-weight:800; letter-spacing:-.055em; line-height:1.14; text-wrap:balance; }
.lp-story a:focus-visible,.lp-story button:focus-visible,.lp-story summary:focus-visible { outline:3px solid #3b812d; outline-offset:5px; }
.lp-story-case { padding:0; }
.lp-story-stage { position:relative; padding:80px 0 0; }
.lp-story-intro { max-width:1100px; margin:0 auto 36px; text-align:center; }
.lp-story-eyebrow { display:block; color:#50723f; font:600 11px/1.5 Barlow,sans-serif; letter-spacing:.11em; text-transform:uppercase; }
.lp-story .lp-story-intro h2 { margin-top:0; font-size:clamp(36px,4.2vw,60px); line-height:1.08; letter-spacing:-.06em; }
.lp-story h2 em { font-style:normal; color:#4b7937; }
.lp-story-step { display:flex; align-items:center; gap:12px; margin-bottom:18px; }
.lp-story-step > span { display:grid; place-items:center; width:29px; height:29px; border:1px solid #cfdbc6; border-radius:50%; font:600 11px/1 Barlow,sans-serif; color:#4b6e3d; }
.lp-story-step > p { font:600 14px/1.5 Barlow,sans-serif; }
.lp-story-step::after { content:""; height:1px; flex:1; background:#dce4d6; margin-left:10px; }
.lp-story-website__domain { color:#88947e; font-weight:400; }
.lp-story-case__grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:stretch; overflow:hidden; border:1px solid #d6e0cf; border-radius:20px; background:#edf3e6; }
.lp-story-website { overflow:hidden; align-self:start; background:#fff; border-right:1px solid #d6e0cf; }
.lp-story-website > figcaption { display:flex; align-items:center; gap:16px; padding:13px 16px; border-bottom:1px solid #edf0e8; color:#425b36; font:600 12px/1 Barlow,sans-serif; }
.lp-story-website > figcaption > a { margin-left:auto; padding:3px; color:#4c6445; font-size:17px; }
.lp-story-browser-dots { display:flex; gap:4px; }
.lp-story-browser-dots i { width:6px; height:6px; background:#d6ded0; border-radius:50%; }
.lp-story-website > img { display:block; width:100%; height:auto; }
.lp-story-revenue { min-width:0; display:flex; flex-direction:column; justify-content:center; padding:32px 38px; }
.lp-story-revenue__amount { display:flex; align-items:baseline; gap:10px; font-size:clamp(58px,6.2vw,84px); font-weight:800; letter-spacing:-.075em; line-height:1.15; white-space:nowrap; }
.lp-story-revenue__amount > span { color:#658759; font-size:30px; font-weight:500; letter-spacing:0; }
.lp-story .lp-story-revenue__period { margin-top:8px; color:#6b7b63; font:400 16px/1.5 Barlow,sans-serif; }
.lp-story-revenue__daily { display:flex; align-items:baseline; flex-wrap:wrap; gap:10px; margin:24px 0; padding-top:24px; border-top:1px solid #d9e2d1; }
.lp-story-revenue__daily strong { font-size:30px; font-weight:700; letter-spacing:-.04em; white-space:nowrap; }
.lp-story-revenue__daily > span { color:#6b7b63; font:400 15px/1.5 Barlow,sans-serif; }
.lp-story-sources { font:400 12px/1.65 Barlow,sans-serif; color:#6b7b63; }
.lp-story-sources summary { display:flex; align-items:center; gap:14px; cursor:pointer; list-style:none; width:fit-content; padding:8px 0; }
.lp-story-sources summary::-webkit-details-marker { display:none; }
.lp-story-sources[open] summary > span { transform:rotate(45deg); }
.lp-story-sources > div { padding:8px 0; }
.lp-story-sources a { display:inline-block; margin:8px 14px 0 0; text-decoration:underline; text-underline-offset:3px; }
.lp-story-ads { padding:42px 0 64px; }
.lp-story-start { padding:88px 0 96px; border-top:1px solid #25362b; background:#101e16; color:#fff; text-align:center; }
.lp-story .lp-story-start h2 { font-size:clamp(38px,5vw,64px); letter-spacing:-.055em; }
.lp-story .lp-story-start p { max-width:550px; margin:20px auto 32px; color:#bdcbbb; font-size:18px; line-height:1.55; text-wrap:balance; }
.lp-story-start__actions { display:flex; justify-content:center; }
.lp-story-start .lp-button { min-height:58px; border-radius:12px; font-size:17px; }
.lp-story-start .lp-button--google { background:#fff; border-color:#fff; color:#142019; }
.lp-story-start .lp-button--google:hover { background:#edf3e9; border-color:#edf3e9; }
.lp-story-start .lp-button:focus-visible { outline-color:#b6f080; }
@media(max-width:600px) {
    .lp-story-start { padding:60px 0 64px; }
    .lp-story .lp-story-start p { margin:18px auto 28px; font-size:16px; }
    .lp-story-start .lp-button { min-width:0; max-width:100%; width:100%; padding:14px 16px; line-height:1.35; }
}
.lp-story-ads__head { display:flex; justify-content:center; align-items:center; gap:24px; margin:30px 0 40px; text-align:center; }
.lp-story .lp-story-ads__head h2 { font-size:clamp(40px,4.6vw,64px); }
.lp-story .lp-story-ads__head p { margin-top:9px; color:#6b7b63; font:400 14px/1.5 Barlow,sans-serif; }
.lp-story-audience-heading { display:flex; flex-direction:column; align-items:center; gap:12px; margin:56px 0 28px; text-align:center; }
.lp-story .lp-story-audience-heading h2 { font-size:clamp(40px,4.6vw,64px); }
.lp-story-audience-heading > span:last-child { color:#7a8773; font:400 11px/1.5 Barlow,sans-serif; }
.lp-story-ads__head > span { flex-shrink:0; border:1px solid #dce3d8; border-radius:8px; padding:8px 12px; color:#63755c; font:500 12px/1.4 Barlow,sans-serif; }
.lp-story-audience { display:grid; grid-template-columns:1.45fr .85fr 1fr; gap:36px; padding:26px 30px; border:1px solid #dce5d6; border-radius:15px; background:#fff; }
.lp-story-audience__label { display:block; margin-bottom:16px; font:500 12px/1.4 Barlow,sans-serif; color:#7a8773; }
.lp-story-audience__genders { display:flex; gap:30px; }
.lp-story-gender { display:flex; align-items:center; gap:10px; }
.lp-story-gender svg { width:24px; height:34px; flex-shrink:0; }
.lp-story-gender > div { display:grid; gap:3px; }
.lp-story-gender strong { font:700 28px/1.1 Barlow,sans-serif; }
.lp-story-gender span { color:#738069; font:400 12px/1.4 Barlow,sans-serif; }
.lp-story-gender.is-men { color:#3578bb; }
.lp-story-gender.is-women { color:#b36a93; }
.lp-story-audience__bar { height:5px; display:flex; width:100%; max-width:330px; margin-top:16px; overflow:hidden; border-radius:5px; background:#e9ede6; }
.lp-story-audience__bar .is-men { background:#80aedb; }
.lp-story-audience__bar .is-women { background:#dca8c5; }
.lp-story-audience__gender > small { display:block; margin-top:7px; color:#929b8d; font:400 10px/1.3 Barlow,sans-serif; }
.lp-story-audience__age,.lp-story-audience__countries { border-left:1px solid #e3e9df; padding-left:34px; }
.lp-story-audience__age > strong { display:block; padding-top:8px; font:600 42px/1.2 Barlow,sans-serif; }
.lp-story-audience__age > strong > small { margin-left:8px; font:400 14px/1.4 Barlow,sans-serif; color:#738069; }
.lp-story-audience__countries > div { display:flex; gap:10px; align-items:center; margin-top:11px; max-width:255px; font:400 13px/1.4 Barlow,sans-serif; }
.lp-story-audience__countries img { width:20px; height:14px; object-fit:cover; border-radius:2px; }
.lp-story-audience__countries strong { margin-left:auto; font-weight:600; }
.lp-story-ads__list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:0; padding:0; list-style:none; }
.lp-story-ad { min-width:0; overflow:hidden; border:1px solid #dce5d6; border-radius:15px; background:#fff; }
.lp-story-ad__image { position:relative; display:block; width:100%; aspect-ratio:4/5; padding:0; background:#edf0e9; cursor:zoom-in; }
.lp-story-ad__image img { display:block; width:100%; height:100%; object-fit:contain; }
.lp-story-ad__rank,.lp-story-ad__zoom { position:absolute; display:grid; place-items:center; width:32px; height:32px; border:1px solid #ffffff8a; background:#fffffff0; border-radius:8px; color:#364a2e; font:600 12px/1 Barlow,sans-serif; }
.lp-story-ad__rank { left:12px; top:12px; }
.lp-story-ad__zoom { right:12px; bottom:12px; font-size:19px; }
.lp-story-ad__play { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:66px; height:66px; padding-left:4px; border:1px solid #ffffff80; border-radius:50%; background:#142019db; color:#fff; font-size:25px; box-shadow:0 8px 30px #0003; }
.lp-story-ad__footer { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:19px 20px; border-top:1px solid #e3e9de; }
.lp-story-ad__spend { display:grid; gap:6px; }
.lp-story-ad__spend strong { color:#2b602b; font:700 29px/1.2 Barlow,sans-serif; white-space:nowrap; }
.lp-story-ad__spend > span { color:#7a8773; font:400 12px/1.4 Barlow,sans-serif; }
.lp-story-ad__source { color:#6a7b61; padding:10px 0; font:500 12px/1.4 Barlow,sans-serif; }
.lp-story-ads__method { margin-top:22px; color:#83907a; font:400 11px/1.6 Barlow,sans-serif; }
.lp-story-ads__method summary { cursor:pointer; width:fit-content; padding:6px 0; }
.lp-story-ads__method > div { max-width:780px; padding:8px 0; }
.lp-story-ads__method p + p { margin-top:10px; }
.lp-story-ads__method ul { padding-left:18px; }
.lp-story-dialog { width:min(760px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); padding:0; overflow:auto; border:1px solid #d2dfcc; border-radius:16px; background:#fff; color:#142019; }
.lp-story-dialog::backdrop { background:#0b180fde; backdrop-filter:blur(5px); }
.lp-story-dialog header { display:flex; align-items:center; justify-content:space-between; padding:12px 20px; font:600 14px/1.5 Barlow,sans-serif; }
.lp-story-dialog header button { width:40px; height:40px; background:#eff3eb; border-radius:50%; font-size:24px; cursor:pointer; }
.lp-story-dialog > img { display:block; width:100%; max-height:65dvh; object-fit:contain; background:#eef1e9; }
.lp-story-dialog > [hidden] { display:none; }
.lp-story-dialog footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px; padding:20px; font:400 13px/1.6 Barlow,sans-serif; }
.lp-story-dialog footer a { color:#367526; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1000px) {
 .lp-story-case__grid { grid-template-columns:1.35fr 1fr; }
 .lp-story-revenue { padding:24px; }
 .lp-story-revenue__amount { font-size:64px; }
 .lp-story-revenue__daily strong { font-size:24px; }
 .lp-story-audience { grid-template-columns:1.5fr .8fr 1fr; gap:20px; }
 .lp-story-audience__age,.lp-story-audience__countries { padding-left:20px; }
 .lp-story-audience__genders { gap:18px; }
 .lp-story-gender strong { font-size:25px; }
 .lp-story-ad__footer { padding:16px; }
 .lp-story-ad__spend strong { font-size:25px; }
}
@media(max-width:700px) {
 .lp-story-stage { padding:48px 0 0; }
 .lp-story-intro { text-align:left; margin-bottom:30px; }
 .lp-story .lp-story-intro h2 { font-size:clamp(30px,8.4vw,48px); margin-top:0; }
 .lp-story-eyebrow { font-size:10px; }
 .lp-story-step { gap:10px; margin-bottom:14px; }
 .lp-story-step > p { font-size:13px; }
 .lp-story-step::after { margin-left:0; }
 .lp-story-website { border-right:0; border-bottom:1px solid #d6e0cf; }
 .lp-story-website > figcaption { padding:12px; gap:10px; }
 .lp-story-website__domain { font-size:10px; }
 .lp-story h2 { font-size:32px; }
 .lp-story-case__grid { grid-template-columns:1fr; border-radius:15px; }
 .lp-story-revenue { padding:24px; }
 .lp-story-revenue__amount { font-size:68px; }
 .lp-story-revenue__daily { margin:18px 0 8px; padding-top:18px; }
 .lp-story-revenue__daily strong { font-size:28px; }
 .lp-story-ads { padding:30px 0 44px; }
 .lp-story-ads__head { gap:12px; margin:26px 0 30px; }
 .lp-story .lp-story-ads__head h2 { font-size:clamp(36px,9vw,48px); text-wrap:balance; }
 .lp-story .lp-story-ads__head p { font-size:13px; }
 .lp-story-audience-heading { gap:10px; margin:40px 0 24px; }
 .lp-story .lp-story-audience-heading h2 { font-size:clamp(36px,9vw,48px); }
 .lp-story-ads__head > span { font-size:10px; padding:7px 8px; }
 .lp-story-audience { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px 14px; padding:22px 18px; }
 .lp-story-audience__gender { grid-column:1/-1; }
 .lp-story-audience__genders { justify-content:space-between; max-width:330px; }
 .lp-story-gender strong { font-size:26px; }
 .lp-story-gender { gap:7px; }
 .lp-story-audience__genders { gap:12px; }
 .lp-story-audience__age > strong { font-size:34px; }
 .lp-story-audience__age { border:0; padding:0; }
 .lp-story-audience__countries { padding-left:14px; }
 .lp-story-audience__countries > div { gap:5px; font-size:11px; flex-wrap:wrap; }
 .lp-story-audience__countries img { width:17px; height:12px; }
 .lp-story-ads__list { grid-template-columns:1fr; gap:22px; }
 .lp-story-ad__image { aspect-ratio:1/1; }
 .lp-story-ad__footer { padding:18px; }
 .lp-story-ad__spend strong { font-size:29px; }
}

.lp-story-catalog { padding:28px 0 80px; scroll-margin-top:24px; }
.lp-story-catalog .lp-section-head { display:block; margin-bottom:32px; text-align:center; }
.lp-story-catalog .lp-section-head h2 { font-size:clamp(32px,3.8vw,50px); letter-spacing:-.055em; line-height:1.14; }
.lp-saas-term { display:inline-flex; align-items:baseline; white-space:nowrap; }
.lp-saas-info { display:inline-block; min-height:44px; padding:0; border:0; border-radius:2px; background:transparent; color:inherit; font:inherit; letter-spacing:inherit; text-decoration-line:underline; text-decoration-style:dotted; text-decoration-color:#84917d; text-decoration-thickness:2px; text-underline-offset:.14em; cursor:pointer; -webkit-tap-highlight-color:transparent; }
.lp-saas-info:hover,.lp-saas-info[aria-expanded="true"] { color:#365b24; text-decoration-color:currentColor; }
.lp-saas-info:focus-visible { outline:2px solid #365b24; outline-offset:2px; }
.lp-saas-explanation { position:fixed; z-index:1000; box-sizing:border-box; width:320px; max-width:calc(100vw - 24px); padding:16px 18px; border:1px solid #d8e0d2; border-radius:14px; background:#fff; box-shadow:0 8px 30px #14200e24; color:#293326; font:400 16px/1.5 Barlow,sans-serif; letter-spacing:normal; text-align:left; }
.lp-saas-explanation[hidden] { display:none; }
@media(max-width:700px) { .lp-story-catalog { padding:16px 0 48px; } }
@media(prefers-reduced-motion:reduce) { .lp-story a { transition:none; } }

/* The catalogue card becomes the existing PictureThis analysis on scroll. */
.lp-story-context { margin-bottom:24px; color:#67795d; font:500 12px/1.4 Barlow,sans-serif; text-align:center; }
.lp-story-context > span { padding:0 10px; color:#a3af9b; }
.lp-story-discovery,.lp-story-selection,.lp-story-skip,.lp-story-flight { display:none; }
.lp-story-case.is-scroll-story { position:relative; }
.is-scroll-story .lp-story-stage { position:relative; min-height:100svh; padding:32px 0; display:flex; align-items:center; isolation:isolate; overflow:clip; }
.is-scroll-story .lp-story-context { display:none; }
.is-scroll-story [data-story-detail] { position:relative; z-index:1; opacity:var(--story-detail-opacity,0); transform:translateY(var(--story-detail-y,18px)); }
.is-scroll-story .lp-story-discovery { display:block; position:absolute; z-index:2; inset:0; overflow:clip; background:#f4f6f3; opacity:var(--story-wall-opacity,1); pointer-events:none; }
.lp-story-discovery__count { position:absolute; z-index:2; top:28px; right:28px; padding:12px 18px; border-radius:8px; background:#e7f5da; color:#315b20; font:600 24px/1 Barlow,sans-serif; white-space:nowrap; }
.lp-story-discovery__cards { position:absolute; left:50%; top:50%; width:max(1500px,110vw); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; transform:translate(-50%,-50%) translateY(var(--story-drift,56px)) scale(var(--story-wall-scale,1)); }
.lp-story-discovery__card { overflow:hidden; border:1px solid #dce4d7; border-radius:18px; background:#fff; box-shadow:0 3px 5px #1c341a04,0 12px 30px #1c341a0c; }
.lp-story-discovery__card > img { width:calc(100% - 16px); margin:8px 8px 0; border:1px solid #18271b0a; border-radius:11px; aspect-ratio:3/2; height:auto; display:block; object-fit:cover; object-position:top; }
.lp-story-discovery__card > span { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:14px 16px; }
.lp-story-discovery__card strong { overflow:hidden; text-overflow:ellipsis; color:#17271c; font:600 18px/1.2 Barlow,sans-serif; white-space:nowrap; }
.lp-story-discovery__card small { overflow:hidden; text-overflow:ellipsis; color:#87917f; font:400 10px/1.2 Barlow,sans-serif; white-space:nowrap; }
.lp-story-discovery__card[data-story-choice] { visibility:hidden; }
.lp-story-discovery::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(#f4f6f3 0%,#f4f6f300 22%,#f4f6f300 78%,#f4f6f3 100%); }
.is-scroll-story .lp-story-flight { position:absolute; display:block; left:0; top:0; z-index:3; transform-origin:0 0; border:1px solid #a8c79b; border-radius:18px; overflow:hidden; background:white; box-shadow:0 18px 60px #17331718; pointer-events:none; }
.lp-story-flight.is-selected { box-shadow:0 0 0 5px #9aeb52,0 24px 70px #17331735; }
.lp-story-flight > figure { border:0; }
.is-scroll-story .lp-story-selection { position:absolute; left:0; top:0; z-index:4; display:flex; align-items:center; gap:14px; width:max-content; max-width:calc(100% - 24px); padding:18px 24px; border:2px solid #315b20; border-radius:13px; background:#b7f477; color:#153119; box-shadow:0 0 0 4px #ffffffa6,0 12px 32px #15311940; font:600 15px/1 Barlow,sans-serif; opacity:var(--story-selected-opacity,0); pointer-events:none; }
.lp-story-selection > span { display:grid; place-items:center; width:36px; height:36px; flex-shrink:0; border-radius:50%; color:#b7f477; background:#153119; font-size:23px; }
.lp-story-selection__copy { display:flex; align-items:center; gap:14px; }
.lp-story-selection strong { font:700 28px/1.15 Barlow,sans-serif; }
.lp-story-selection small { font:700 24px/1.3 Barlow,sans-serif; color:#153119; }
.is-scroll-story .lp-story-skip { position:absolute; right:max(24px,calc((100% - 1180px)/2)); bottom:24px; z-index:5; display:flex; align-items:center; gap:20px; padding:12px 16px; border:1px solid #ccdcbf; border-radius:8px; background:#fff; color:#3b5a2d; font:600 13px/1.3 Barlow,sans-serif; cursor:pointer; }
.lp-story-skip > span { font-size:18px; }
@media(max-width:700px) {
 .lp-story-context { text-align:left; margin-bottom:18px; }
 .is-scroll-story .lp-story-stage { padding:24px 0; }
 .lp-story-discovery__cards { width:1200px; gap:12px; }
 .lp-story-discovery__card > span { padding:10px; }
 .lp-story-discovery__card small { display:none; }
 .lp-story-discovery__count { top:20px; right:14px; font-size:18px; padding:10px; }
 .is-scroll-story .lp-story-selection { padding:14px 16px; }
 .lp-story-selection__copy { display:grid; gap:3px; }
 .lp-story-selection strong { font-size:24px; }
 .lp-story-selection small { font-size:22px; }
 .is-scroll-story .lp-story-revenue { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:6px 12px; padding:20px; }
 .is-scroll-story .lp-story-revenue__amount { font-size:clamp(34px,10vw,44px); gap:5px; grid-column:1; }
 .is-scroll-story .lp-story-revenue__amount > span { font-size:18px; }
 .is-scroll-story .lp-story-revenue__period { font-size:11px; margin:0; grid-column:1; }
 .is-scroll-story .lp-story-revenue__daily { grid-column:2; grid-row:1 / 3; border-top:0; border-left:1px solid #d9e2d1; padding:0 0 0 12px; margin:0; align-content:center; gap:5px; }
 .is-scroll-story .lp-story-revenue__daily strong { font-size:clamp(17px,5vw,22px); }
 .is-scroll-story .lp-story-revenue__daily > span { font-size:12px; }
 .is-scroll-story .lp-story-sources { grid-column:1 / -1; font-size:11px; }
}
.is-scroll-story [data-story-detail] .lp-story-website { visibility:var(--story-website-visibility,hidden); }

/* Real catalogue metrics, including the card that is selected for analysis. */
.lp-story-discovery__card .lp-story-card-growth { display:inline-flex; flex-shrink:0; padding:5px 8px; border-radius:7px; font:600 14px/1.2 Barlow,sans-serif; font-variant-numeric:tabular-nums; }
.lp-story-discovery__card .lp-story-card-growth.is-up { color:#187449; background:#edf7ef; }
.lp-story-discovery__card .lp-story-card-growth.is-down { color:#b54850; background:#fcf0f0; }
.lp-story-card-stats { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:14px; padding:16px; border-top:1px solid #e8eee3; background:#f8faf6; }
.lp-story-card-stats > div { display:grid; align-content:start; gap:5px; min-width:0; }
.lp-story-card-stats > div + div { border-left:1px solid #dfe7da; padding-left:14px; }
.lp-story-card-stats b { color:#213c22; font:600 28px/1.15 Barlow,sans-serif; letter-spacing:-.025em; white-space:nowrap; }
.lp-story-card-stats small { display:block; color:#58674f; font:400 13px/1.3 Barlow,sans-serif; white-space:normal; }
.is-scroll-story .lp-story-flight { overflow:visible; }
.lp-story-flight > figure { border-radius:17px; }
.lp-story-flight-stats { position:absolute; top:100%; left:-1px; width:calc(100% + 2px); border:1px solid #c8d9bb; border-top-color:#e8eee3; border-radius:0 0 18px 18px; background:#f8faf6; box-shadow:0 14px 28px #1733170d; gap:calc(14px / var(--story-initial-scale,1)); padding:calc(16px / var(--story-initial-scale,1)); }
.lp-story-flight-stats b { font-size:calc(28px / var(--story-initial-scale,1)); }
.lp-story-flight-stats small { font-size:calc(13px / var(--story-initial-scale,1)); }
.lp-story-flight-stats > div + div { padding-left:calc(14px / var(--story-initial-scale,1)); }
.lp-story-flight-stats > div { gap:calc(5px / var(--story-initial-scale,1)); }
@media(max-width:700px) {
 .lp-story-card-stats { gap:10px; padding:14px 12px; }
 .lp-story-card-stats > div + div { padding-left:10px; }
 .lp-story-card-stats b { font-size:22px; }
 .lp-story-card-stats small { display:block; font-size:12px; }
 .lp-story-discovery__card .lp-story-card-growth { font-size:13px; }
 .lp-story-flight-stats { gap:calc(10px / var(--story-initial-scale,1)); padding:calc(14px / var(--story-initial-scale,1)) calc(12px / var(--story-initial-scale,1)); }
 .lp-story-flight-stats > div + div { padding-left:calc(10px / var(--story-initial-scale,1)); }
 .lp-story-flight-stats b { font-size:calc(22px / var(--story-initial-scale,1)); }
.lp-story-flight-stats small { font-size:calc(12px / var(--story-initial-scale,1)); }
}

/* A single opportunity stands out from the horizontal catalogue. */
.lp-story [data-story-detail] { width:100%; max-width:none; padding:0; }
.lp-story-intro { padding:0 24px; }
.lp-story-context { display:none; }
.lp-story-showcase { overflow:clip; padding:54px 0 70px; }
.lp-story-showcase__track { position:relative; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:30px; width:max-content; }
.lp-story-showcase-card { position:relative; flex:0 0 300px; width:300px; border:1px solid #dce4d7; border-radius:18px; background:white; box-shadow:0 12px 35px #203b1610; }
.lp-story-showcase-card:not(.is-selected) { opacity:.55; transform:scale(.93); }
.lp-story-showcase-card:first-child,.lp-story-showcase-card:last-child { opacity:.3; transform:scale(.84); }
.lp-story-showcase-card.is-selected { flex-basis:420px; width:420px; z-index:1; border:2px solid #9ad65c; box-shadow:0 0 0 6px #b9e48925,0 0 75px 18px #a6d76d35,0 24px 50px #2543181a; }
.lp-story-showcase-card .lp-story-website,.lp-story-showcase__preview { margin:8px; border:0; border-radius:11px; overflow:hidden; }
.lp-story-showcase__preview img { display:block; width:100%; height:auto; }
.lp-story-showcase__name { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 18px; font:600 22px/1.2 Barlow,sans-serif; }
.lp-story-showcase__name > span { color:#819077; font:400 12px/1.3 Barlow,sans-serif; }
.lp-story-showcase-card .lp-story-card-stats { border-radius:0 0 16px 16px; }
.lp-story-showcase-card.is-selected .lp-story-card-stats { background:#f0f7e9; border-radius:0; }
.lp-story-showcase-card.is-selected .lp-story-card-stats b { font-size:34px; }
.lp-story-showcase__badge { position:absolute; left:50%; top:-22px; transform:translateX(-50%); display:flex; align-items:center; gap:9px; padding:11px 18px; border-radius:30px; background:#18321c; color:#fff; white-space:nowrap; font:600 17px/1.2 Barlow,sans-serif; box-shadow:0 5px 16px #1b36152b; z-index:1; }
.lp-story-showcase__badge > span { display:grid; place-items:center; width:23px; height:23px; border-radius:50%; background:#a5ed64; color:#18321c; }
.lp-story-showcase-card .lp-story-sources { padding:0 18px; background:#f0f7e9; border-radius:0 0 16px 16px; }
@media(max-width:700px) {
 .lp-story-intro { text-align:center; padding:0 20px; }
 .lp-story-showcase { padding:40px 0 46px; }
 .lp-story-showcase__track { gap:8px; }
 .lp-story-showcase-card:not(.is-selected) { transform:scale(.96); }
 .lp-story-showcase-card { width:230px; flex-basis:230px; }
 .lp-story-showcase-card.is-selected { width:76vw; flex-basis:76vw; max-width:420px; }
 .lp-story-showcase__name { padding:13px; font-size:21px; }
 .lp-story-showcase__name > span { display:none; }
 .lp-story-showcase-card.is-selected .lp-story-card-stats b { font-size:26px; }
 .lp-story-showcase__badge { font-size:16px; padding:10px 15px; }
}

.lp-story-period { white-space:nowrap; }

.lp-story-ad__player { cursor:default; }
.lp-story-ad__player video { display:block; width:100%; height:100%; object-fit:contain; }
.lp-story-ad__start { position:absolute; inset:0; width:100%; height:100%; padding:0; background:transparent; cursor:pointer; }
.lp-story-ad__start[hidden] { display:none; }
.lp-story-ad__player .lp-story-ad__rank { pointer-events:none; }
.lp-story-ad__fallback { position:absolute; inset:0; display:grid; place-items:center; color:white; background:#14201980; }