/* Content pages (contact, approach): small additions on top of the case-page layout (.cs-head, .cs-body, .cs-facts, .cs-story) and the homepage sections. */
.editorial .pg .cs-fact a{text-decoration:underline;text-underline-offset:0.25rem;text-decoration-thickness:1px;}
.editorial .pg .cs-fact a:hover{color:var(--red);}
.editorial .pg .pg-note{margin:0;font-size:var(--fs-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);color:var(--muted);}
/* contact form on the page: same fields as the contact sheet, a comfortable width */
.editorial .pg-form{margin-top:clamp(1.25rem,2vw,2rem);max-width:none;gap:1.25rem;}
.editorial .cs-eyebrow{grid-column:1 / span 4;grid-row:1;align-self:start;padding-top:.6em;}
.editorial .cs-facts .cs-fact strong{color:var(--muted);font-weight:400;}
/* contact page: stacked question rows (the form reads like a conversation). Default: the question is dark and the placeholder is soft.
   Focus: the line under the row turns orange (no ring). Filled: the question turns light and the answer stays dark, so the answer is what you see.
   The filled state is pure CSS (:placeholder-shown), so it also follows the pricing prefill and a reset after sending. */
.editorial .ct .cs-eyebrow{grid-column:1 / -1;grid-row:1;}
.editorial .ct .cs-title{grid-column:1 / span 9;grid-row:2;margin-top:clamp(1.25rem,2vw,2rem);font-size:var(--sf-h2);line-height:var(--sf-h2-lh);}
.editorial .ct .cs-lead{grid-column:1 / span 5;grid-row:3;font-size:var(--fs-list);line-height:1.32;}
.editorial .ct .cs-body{margin-top:clamp(2.5rem,5vw,4.5rem);}
.editorial .ct .ct-form{grid-column:1 / span 8;min-width:0;}
@media(min-width:1000px){   /* owner's design: CONTACT on column 1, title and intro start on column 5 */
  .editorial .ct .cs-eyebrow{grid-column:1 / span 4;grid-row:1;}
  .editorial .ct .cs-title{grid-column:5 / span 5;grid-row:1;margin-top:0;text-wrap:balance;}
  .editorial .ct .cs-lead{grid-column:5 / span 4;grid-row:2;margin-top:clamp(2rem,4vw,3.5rem);}
  .editorial .ct .cs-body{margin-top:calc(6.25rem - clamp(2rem,3.2vw,3rem) - 1px);}   /* 100px at 1440 from the intro to the first question (line and row padding included) */
}
.editorial .ct .cs-facts{grid-column:10 / -1;}
.editorial .ct .cs-facts{gap:clamp(2.25rem,3.4vw,3.25rem);}
.editorial .ct-group{display:grid;gap:0.625rem;justify-items:start;}
.editorial .ct-group .eyebrow{margin-bottom:0.25rem;color:var(--muted);}
.editorial .ct-group :is(a,p){margin:0;font-size:var(--fs-link);line-height:1.4;color:var(--ink);}
.editorial .ct-group a{text-decoration:underline;text-underline-offset:0.25rem;text-decoration-thickness:1px;}
.editorial .ct-group a:hover{color:var(--red);}
.editorial .ct-rows{gap:0;margin-top:0;}
.editorial .ct-row{display:grid;gap:0.5rem;padding:clamp(2rem,3.2vw,3rem) 0 clamp(0.875rem,1.4vw,1.25rem);border-bottom:1px solid var(--line);transition:border-color .25s;}
.editorial .ct-row:first-child{border-top:1px solid var(--line);}
.editorial .ct-row:focus-within{border-bottom-color:var(--red);}
.editorial .ct-row label{font-family:var(--body);font-weight:400;font-size:var(--fs-list);line-height:1.3;letter-spacing:0;color:var(--ink);transition:color .25s;}
.editorial .ct-row :is(input,textarea){display:block;width:100%;box-sizing:border-box;padding:0.625rem 0 0;border:0;border-radius:0;outline:0;background:transparent;color:var(--ink);font-family:var(--body);font-weight:400;font-size:var(--fs-list);line-height:1.3;letter-spacing:0;caret-color:var(--red);appearance:none;}
.editorial .ct-row textarea{resize:none;min-height:3.4em;field-sizing:content;}
.editorial .ct-row :is(input,textarea)::placeholder{color:color-mix(in srgb,var(--ink) 36%,transparent);opacity:1;}
.editorial .ct-row:has(:is(input,textarea):not(:placeholder-shown)) label{color:color-mix(in srgb,var(--ink) 50%,var(--paper));}
.editorial .ct-row:has(:is(input,textarea):user-invalid){border-bottom-color:var(--red);}
.editorial .ct-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;margin-top:clamp(1.5rem,2.6vw,2.5rem);}
.editorial .ct-actions .contact-privacy{max-width:none;}
@media(min-width:1000px){.editorial .ct-actions .contact-privacy{white-space:nowrap;}}   /* one line */
.editorial .ct-actions .contact-submit{margin:0;}
@media(max-width:999px){
  .editorial .ct .cs-title,.editorial .ct .cs-lead{grid-column:1 / -1;}
  .editorial .ct .ct-form,.editorial .ct .cs-facts{grid-column:1 / -1;}
  .editorial .ct .cs-facts{margin:clamp(2.5rem,8vw,4rem) 0 0;}
}
.editorial .pg-form .contact-submit{margin-top:0.375rem;}
/* what happens next: three numbered steps */
.editorial .pg-next{counter-reset:pgn;list-style:none;margin:clamp(1.25rem,2vw,2rem) 0 0;padding:0;display:grid;gap:clamp(1.25rem,2.4vw,2rem);max-width:44rem;}
.editorial .pg-next li{counter-increment:pgn;display:grid;grid-template-columns:3rem minmax(0,1fr);column-gap:1rem;border-top:1px solid var(--line);padding-top:1.25rem;}
.editorial .pg-next li::before{content:counter(pgn,decimal-leading-zero);grid-row:1 / span 2;font-size:var(--fs-meta);line-height:var(--lh-text);letter-spacing:var(--ls-meta);color:var(--muted);}
.editorial .pg-next h3{margin:0;font-size:var(--fs-list);line-height:var(--lh-list);letter-spacing:var(--ls-list);font-weight:400;}
.editorial .pg-next p{margin:0.375rem 0 0;font-size:var(--fs-text);line-height:var(--lh-text);letter-spacing:var(--ls-text);color:var(--ink-secondary);}
.editorial .pg-links{display:flex;flex-wrap:wrap;gap:0.5rem;margin:clamp(1.25rem,2vw,2rem) 0 0;}
/* approach: the list inside a step */
.editorial .pg-list{list-style:none;margin:0.875rem 0 0;padding:0;display:grid;gap:0.5rem;font-size:var(--fs-text);line-height:var(--lh-text);letter-spacing:var(--ls-text);color:var(--ink-secondary);}
.editorial .pg-list li{position:relative;padding-left:1.125rem;}
.editorial .pg-list li::before{content:"";position:absolute;left:0;top:.62em;width:0.375rem;height:1px;background:currentColor;}
.editorial .pg-flow{padding-top:clamp(2.5rem,5vw,4.5rem);}
.editorial .pg-tools{padding-bottom:var(--block-gap);}
/* inside the dark flow section the list text is light */
.editorial .flow-section .pg-list{color:var(--white-70);}

/* ---------- approach page ----------
   Story: calm and in control ("no surprises"). Order: hero (the promise, with a picture) > dark journey map (the whole 8 weeks on one picture, the three moments where the client decides, and a detail panel per phase) > how I work (big statements that light up while you scroll, sticky picture) > how long > after launch (picture + two cards) > FAQ > dark CTA.
   Size scale: hero 72 / section title 42 / step title 34 / text 18 / labels 14-16. Dark is used twice only: the map (the one picture to remember) and the closing CTA. */
.editorial .ap-hero{padding-top:clamp(2rem,4vw,4rem);}
.editorial .ap-hero-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);grid-template-rows:auto 1fr auto;min-height:clamp(35rem,calc(100svh - 18.75rem),47.5rem);}
.editorial .ap-hero-eyebrow{grid-column:1 / span 4;grid-row:1;}
.editorial .ap-hero .cs-title{grid-column:1 / span 7;grid-row:2;align-self:end;font-size:var(--sf-h2);line-height:var(--sf-h2-lh);margin:0 0 clamp(1.25rem,2vw,2rem);padding-top:2.5rem;}
.editorial .ap-hero .cs-lead{grid-column:1 / span 4;grid-row:3;margin:0;font-size:var(--fs-list);line-height:1.32;}
.editorial .ap-hero-img{grid-column:9 / -1;grid-row:1 / span 3;margin:0;border-radius:var(--radius);overflow:hidden;min-height:100%;background:var(--night);}
.editorial .ap-hero-img img{display:block;width:100%;height:100%;object-fit:cover;}
.editorial .ap-stats{list-style:none;margin:clamp(2.5rem,5vw,4.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.editorial .ap-stats li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(1rem,2vw,1.75rem);padding:clamp(1.25rem,2.4vw,2rem) clamp(1rem,2vw,1.75rem);}
.editorial .ap-stats li + li{border-left:1px solid var(--line);}
.editorial .ap-stats li:first-child{padding-left:0;}
.editorial .ap-stats strong{font-family:var(--serif);font-weight:400;font-size:var(--sf-stat);line-height:.9;letter-spacing:var(--sf-ls);color:var(--red);}
.editorial .ap-stats span{font-size:var(--fs-text);line-height:var(--lh-text);letter-spacing:var(--ls-text);color:var(--ink-secondary);max-width:14em;}

/* shared section head: label left, title right (the same 12-column rhythm as the rest of the site) */
.editorial .ap-head,.editorial .ov-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:1rem;align-items:start;}
.editorial .ap-head .eyebrow,.editorial .ov-intro .eyebrow{grid-column:1 / span 4;padding-top:.9em;}
.editorial .ap-head h2,.editorial .ov-intro h2{grid-column:7 / -1;margin:0;font-family:var(--serif);font-weight:400;font-size:var(--sf-md);line-height:var(--sf-md-lh);letter-spacing:var(--sf-ls);}
.editorial .ap-head > p,.editorial .ov-intro > p{grid-column:7 / span 4;margin:0;font-size:var(--fs-link);line-height:1.5;color:var(--ink-secondary);}

/* 1. the journey map (dark): phases on top, two lanes (me / you), three orange approval lines */
.editorial .ov-section{box-sizing:border-box;margin:clamp(3.5rem,7vw,6.5rem) var(--hero-gutter) 0;border-radius:var(--radius);background:var(--night);color:var(--white);}
.editorial .ov-inner{padding-top:clamp(3rem,6vw,5.5rem);padding-bottom:clamp(2rem,4vw,3.5rem);}
.editorial .ov-intro .eyebrow{color:var(--muted-on-dark);}
.editorial .ov-intro > p{color:var(--white-70);}
.editorial .ov-intro h2{color:var(--white);}
.editorial .ov-intro > p{margin-top:0;}
.editorial .ov{margin-top:clamp(2.25rem,4.4vw,4rem);}
.editorial .ov-scroll{overflow-x:auto;overscroll-behavior-x:contain;margin:0 calc(var(--margin) * -1);padding:0 var(--margin);scrollbar-width:thin;}
.editorial .ov-board{position:relative;min-width:55rem;--label:clamp(8.125rem,12.5vw,11.25rem);padding-bottom:4rem;}
.editorial .ov-weeks,.editorial .ov-phases,.editorial .ov-lane{display:grid;grid-template-columns:var(--label) minmax(0,1fr);}
.editorial .ov-weeks{grid-template-columns:var(--label) repeat(8,minmax(0,1fr));}
.editorial .ov-weeks span{font-size:var(--fs-meta);line-height:1;letter-spacing:var(--ls-meta);color:var(--muted-on-dark);padding:0 0 0.875rem 0.375rem;}
.editorial .ov-weeks .ov-corner{padding-left:0;}
.editorial .ov-phases{grid-template-columns:var(--label) repeat(8,minmax(0,1fr));}
.editorial .ov-phase{grid-column:calc(var(--s) + 1) / span var(--l);display:flex;align-items:baseline;gap:0.625rem;margin:0 0.1875rem;padding:0.75rem 0 1.125rem;border:0;border-top:0.125rem solid var(--white);background:none;font:inherit;font-size:var(--fs-text);line-height:1.2;letter-spacing:var(--ls-text);color:var(--white);text-align:left;cursor:pointer;transition:border-color .25s,color .25s;}
.editorial .ov-phase i{font-style:normal;font-size:var(--fs-meta);color:var(--muted-on-dark);transition:color .25s;}
.editorial .ov-phase:hover,.editorial .ov-phase[aria-current="true"]{border-top-color:var(--red);}
.editorial .ov-phase:hover i,.editorial .ov-phase[aria-current="true"] i{color:var(--red);}
.editorial .ov-lane{border-top:1px solid var(--white-20);padding:0.875rem 0;}
.editorial .ov-who{padding-right:1rem;}
.editorial .ov-who strong{display:block;font-family:var(--serif);font-weight:400;font-size:var(--sf-name);line-height:var(--sf-name-lh);letter-spacing:var(--sf-ls);}
.editorial .ov-who span{display:block;margin-top:0.375rem;font-size:var(--fs-meta);line-height:var(--lh-meta);letter-spacing:var(--ls-meta);color:var(--muted-on-dark);}
.editorial .ov-track{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:2.75rem;row-gap:0.5rem;background-image:linear-gradient(to right,var(--white-20) 1px,transparent 1px);background-size:calc(100% / 8) 100%;}
.editorial .ov-chip{grid-column:var(--s) / span var(--l);grid-row:var(--r);margin:0 0.1875rem;padding:0 0.875rem;display:flex;align-items:center;min-width:0;border:1px solid transparent;border-radius:0.5rem;font:inherit;font-size:var(--fs-meta);letter-spacing:var(--ls-meta);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color .25s,color .25s,border-color .25s;}
.editorial .ov-chip span{overflow:hidden;text-overflow:ellipsis;}
.editorial .ov-chip[data-who="me"]{background:var(--white);color:var(--ink);}
.editorial .ov-chip[data-who="you"]{background:transparent;color:var(--white);border-color:var(--white-70);}
.editorial .ov-chip:hover,.editorial .ov-chip[aria-current="true"]{background:var(--red);border-color:var(--red);color:var(--white);}
.editorial .ov-gates{position:absolute;inset:0;pointer-events:none;}
.editorial .ov-gate{position:absolute;top:0;bottom:0;left:calc(var(--label) + (100% - var(--label)) * var(--c) / 8);width:0;border-left:1px dashed var(--red);}
.editorial .ov-pill{pointer-events:auto;position:absolute;bottom:0.5rem;left:0;transform:translateX(-50%);display:inline-flex;align-items:center;gap:0.5rem;white-space:nowrap;padding:0 0.875rem 0 0.375rem;height:2.125rem;border:1px solid var(--red);border-radius:62.4375rem;background:var(--night);font:inherit;font-size:var(--fs-pill);color:var(--white);cursor:pointer;transition:background-color .25s;}
.editorial .ov-pill b{display:grid;place-items:center;width:1.375rem;height:1.375rem;border-radius:50%;background:var(--red);font-weight:400;font-size:var(--fs-tiny);line-height:1;color:var(--white);}
.editorial .ov-pill:hover,.editorial .ov-pill[aria-current="true"]{background:var(--red);}
.editorial .ov-pill:hover b,.editorial .ov-pill[aria-current="true"] b{background:var(--white);color:var(--red);}
.editorial .ov-foot{margin:0;padding-top:1.25rem;border-top:1px solid var(--white-20);font-size:var(--fs-link);line-height:1.5;color:var(--white-70);min-height:calc(2 * 1.5 * var(--fs-link) + 1.25rem);}
.editorial .ov-section :is(.ov-chip,.ov-phase,.ov-pill):focus-visible{outline:0.125rem solid var(--red);outline-offset:0.125rem;}
.editorial .ov-shade{position:absolute;top:0;bottom:0;left:calc(var(--label) + (100% - var(--label)) * (var(--ps,1) - 1) / 8);width:calc((100% - var(--label)) * var(--pl,2) / 8);border-radius:0.625rem;background:color-mix(in srgb,var(--white) 7%,transparent);transition:left .45s cubic-bezier(.16,1,.3,1),width .45s cubic-bezier(.16,1,.3,1);pointer-events:none;}
.editorial .ov-phase.is-active{border-top-color:var(--red);}
.editorial .ov-phase.is-active i{color:var(--red);}
/* the detail panel under the map: what I deliver, what you bring, what you get, for the active phase */
.editorial .ov-panel{display:grid;margin-top:clamp(1.75rem,3.4vw,3rem);}
.editorial .ov-detail{grid-area:1 / 1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:1.75rem;align-content:start;opacity:0;visibility:hidden;transform:translateY(0.75rem);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1),visibility 0s .35s;}
.editorial .ov-detail.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .45s .1s,transform .5s cubic-bezier(.16,1,.3,1) .1s,visibility 0s;}
.editorial .ov-d-head{grid-column:1 / span 5;}
.editorial .ov-d-week{display:block;font-size:var(--fs-meta);line-height:1.2;letter-spacing:var(--ls-meta);color:var(--red);}
.editorial .ov-d-head h3{margin:0.625rem 0 0;font-family:var(--serif);font-weight:400;font-size:var(--sf-md);line-height:var(--sf-md-lh);letter-spacing:var(--sf-ls);color:var(--white);}
.editorial .ov-d-head p{margin:0.875rem 0 0;font-size:var(--fs-link);line-height:1.5;color:var(--white-70);max-width:26em;}
.editorial .ov-d-head + .ov-d-col{grid-column:6 / span 3;}
.editorial .ov-d-head + .ov-d-col + .ov-d-col{grid-column:9 / span 4;}
.editorial .ov-d-col .eyebrow,.editorial .ov-d-get .eyebrow{display:block;color:var(--muted-on-dark);}
.editorial .ov-d-col .pg-list{color:var(--white-70);margin-top:0.875rem;font-size:var(--fs-text);}
.editorial .ov-d-get{grid-column:6 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:0.625rem 1.5rem;padding-top:1.25rem;border-top:1px solid var(--white-20);}
.editorial .ov-d-get .eyebrow{flex:none;}
.editorial .ov-d-get p{margin:0;font-family:var(--serif);font-size:var(--sf-name);line-height:var(--sf-name-lh);letter-spacing:var(--sf-ls);color:var(--white);}
.editorial .ov-d-get .ap-tag{margin-left:auto;}
.editorial .ap-tag{display:inline-flex;align-items:center;gap:0.5rem;height:1.875rem;padding:0 0.875rem;border:1px solid var(--red);border-radius:62.4375rem;font-size:var(--fs-pill);color:var(--white);}
.editorial .ap-tag::before{content:"";width:0.375rem;height:0.375rem;border-radius:50%;background:var(--red);}

/* 3. how I work: a sticky picture on the left, three big statements on the right that light up while you scroll */
.editorial .ap-how{padding-top:var(--block-gap);}
.editorial .ap-how-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);align-items:start;}
.editorial .ap-how-side{grid-column:1 / span 5;position:sticky;top:6rem;display:grid;gap:1.5rem;}
.editorial .ap-how-img{margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 5;background:var(--night);}
.editorial .ap-how-img img{display:block;width:100%;height:100%;object-fit:cover;}
.editorial .ap-say-list{grid-column:7 / -1;display:grid;gap:clamp(4.5rem,10vh,8.75rem);padding:clamp(1.5rem,8vh,6rem) 0 clamp(3.75rem,14vh,10rem);}
.editorial .ap-say{transition:opacity .5s;}
.editorial .ap-say-list.is-focus .ap-say{opacity:.22;}
.editorial .ap-say-list.is-focus .ap-say.is-on{opacity:1;}
.editorial .ap-say-n{display:block;margin-bottom:1.25rem;font-size:var(--fs-meta);line-height:1;letter-spacing:var(--ls-meta);color:var(--muted);}
.editorial .ap-say h3{margin:0;font-family:var(--serif);font-weight:400;font-size:var(--sf-title);line-height:var(--sf-title-lh);letter-spacing:var(--sf-ls);}
.editorial .ap-say p{margin:1.25rem 0 0;font-size:var(--fs-link);line-height:1.5;color:var(--ink-secondary);max-width:26em;}

/* 4. how long: bars on a 0-12 week axis; solid = at least, hatched = up to */
.editorial .ap-time{padding-top:var(--block-gap);}
.editorial .ap-bars{margin-top:clamp(2.25rem,4.4vw,4rem);--label:clamp(9.375rem,16vw,14.375rem);}
.editorial .ap-axis,.editorial .ap-bar{display:grid;grid-template-columns:var(--label) minmax(0,1fr);}
.editorial .ap-axis > div{display:flex;justify-content:space-between;font-size:var(--fs-meta);color:var(--muted);padding-bottom:0.625rem;}
.editorial .ap-axis i{font-style:normal;min-width:0;}
.editorial .ap-axis i:first-child{text-align:left;}
.editorial .ap-bar{align-items:start;padding:1.25rem 0 2.75rem;border-top:1px solid var(--line);}
.editorial .ap-bar-name{display:grid;gap:0.25rem;padding-right:1rem;}
.editorial .ap-bar-name span:last-child{font-size:var(--fs-link);line-height:1.4;}
.editorial .ap-bar-track{position:relative;height:2.5rem;background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);background-size:calc(100% / 3) 100%;border-right:1px solid var(--line);}
.editorial .ap-range{position:absolute;left:0;top:0;height:100%;width:calc(var(--b) / 12 * 100%);border-radius:0 0.375rem 0.375rem 0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--ink) 22%,var(--paper)) 0 0.3125rem,color-mix(in srgb,var(--ink) 10%,var(--paper)) 0.3125rem 0.625rem);transform-origin:left;}
.editorial .ap-range::before{content:"";position:absolute;left:0;top:0;bottom:0;width:calc(var(--a) / var(--b) * 100%);background:var(--ink);}
.editorial .ap-range b{position:absolute;top:calc(100% + 0.625rem);left:calc(var(--a) / var(--b) * 100%);transform:translateX(-1px);white-space:nowrap;font-weight:400;font-size:var(--fs-text);color:var(--ink);}
.editorial .ap-bar:last-of-type .ap-range b,.editorial .ap-bar:nth-last-of-type(2) .ap-range b{left:auto;right:0;}
.editorial .ap-bar.st .ap-range{transform:scaleX(0);}
.editorial .ap-bar.st-in .ap-range{transform:none;transition:transform .9s var(--ease-out,cubic-bezier(.16,1,.3,1)) .25s;}
.editorial .ap-plan-link{margin:clamp(0.5rem,1vw,1rem) 0 0 var(--label);}

/* 5. after launch: a calm picture with two cards that overlap its lower edge */
.editorial .af-section{padding-top:var(--block-gap);}
.editorial .af-stage{margin-top:clamp(2.25rem,4.4vw,4rem);}
.editorial .af-img{position:relative;margin:0;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 7;background:var(--night);}
.editorial .af-img img{display:block;width:100%;height:100%;object-fit:cover;}
.editorial .af-img figcaption{position:absolute;left:clamp(1rem,2vw,1.75rem);top:clamp(1rem,2vw,1.75rem);}
.editorial .af-live{display:inline-flex;align-items:center;gap:0.625rem;height:2.375rem;padding:0 1rem 0 0.875rem;border-radius:62.4375rem;background:var(--white);color:var(--ink);font-size:var(--fs-pill);}
.editorial .af-live i{width:0.5rem;height:0.5rem;border-radius:50%;background:var(--red);}
.editorial .af-cards{position:relative;z-index:6;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--gutter);margin:clamp(-7.5rem,-8vw,-4rem) clamp(1rem,3vw,3rem) 0;}
.editorial .af-card{grid-column:span 6;padding:clamp(1.5rem,2.6vw,2.5rem);border-radius:var(--radius);background:var(--paper);border:1px solid var(--line);display:grid;gap:1rem;align-content:start;}
.editorial .af-card:last-child{background:var(--surface);}
.editorial .af-card h3{margin:0;font-family:var(--serif);font-weight:400;font-size:var(--sf-md);line-height:var(--sf-md-lh);letter-spacing:var(--sf-ls);}
.editorial .af-card p{margin:0;font-size:var(--fs-link);line-height:1.5;color:var(--ink-secondary);max-width:28em;}
.editorial .af-chips{list-style:none;margin:0.25rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem;}
.editorial .af-chips li{display:inline-flex;align-items:center;height:2.125rem;padding:0 0.875rem;border:1px solid var(--line);border-radius:62.4375rem;font-size:var(--fs-pill);color:var(--ink);background:var(--paper);}
.editorial .af-card .text-link{justify-self:start;margin-top:0.375rem;}

@media(max-width:999px){
  .editorial .ap-hero-grid{min-height:0;row-gap:1.25rem;}
  .editorial .ap-hero-eyebrow,.editorial .ap-hero .cs-title,.editorial .ap-hero .cs-lead{grid-column:1 / -1;grid-row:auto;}
  .editorial .ap-hero .cs-title{padding-top:0;margin:0;}
  .editorial .ap-hero-img{grid-column:1 / -1;grid-row:auto;aspect-ratio:4 / 3;min-height:0;order:5;margin-top:0.75rem;}
  .editorial .ap-stats{grid-template-columns:1fr;}
  .editorial .ap-stats li + li{border-left:0;border-top:1px solid var(--line);}
  .editorial .ap-stats li{padding-left:0;}
  .editorial .ap-head .eyebrow,.editorial .ov-intro .eyebrow,.editorial .ap-head h2,.editorial .ov-intro h2,.editorial .ap-head > p,.editorial .ov-intro > p{grid-column:1 / -1;}
  .editorial .ap-head .eyebrow,.editorial .ov-intro .eyebrow{padding-top:0;}
  .editorial .ov-detail{row-gap:1.5rem;}
  .editorial .ov-d-head,.editorial .ov-d-head + .ov-d-col,.editorial .ov-d-head + .ov-d-col + .ov-d-col,.editorial .ov-d-get{grid-column:1 / -1;}
  .editorial .ov-d-get .ap-tag{margin-left:0;}
  .editorial .ap-how-grid{display:block;}
  .editorial .ap-how-side{position:static;grid-template-columns:1fr;}
  .editorial .ap-how-img{aspect-ratio:4 / 3;}
  .editorial .ap-say-list{padding:3rem 0 0;gap:3.5rem;}
  .editorial .ap-say-list.is-focus .ap-say{opacity:1;}
  .editorial .ap-bar{grid-template-columns:1fr;row-gap:1rem;}
  .editorial .ap-axis{display:none;}
  .editorial .ap-range b{left:0 !important;right:auto !important;}
  .editorial .ap-plan-link{margin-left:0;}
  .editorial .af-img{aspect-ratio:4 / 3;}
  .editorial .af-cards{margin:-3rem 0.75rem 0;}
  .editorial .af-card{grid-column:1 / -1;}
}
@media(max-width:700px){
  .editorial .ov-section{margin-inline:calc(var(--hero-gutter) / 2);}
  .editorial .ov-scroll{margin:0 -1.25rem;padding:0 1.25rem;}
}
.editorial .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}