/* customer-strategy.de — stylesheet (round 3, 2026-10-31). Direction after Christian's review: full-width colour blocks
   that alternate (paper, sage, navy), one headline and one button per block, the photo always on the side he looks
   from, so that he looks into the text. Colour has one meaning: navy = text, structure and the one button style;
   dark terracotta = eyebrows and emphasis; sage = ground of every second block. Paper cards: papercards.css. */
@font-face{font-family:'Inter';src:url('fonts/inter-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Onest';src:url('fonts/onest-variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('fonts/jetbrains-mono-variable.woff2') format('woff2');font-weight:100 800;font-display:swap}

:root{
  --ink:#0B2D4A; --ink-2:#3A5A7A; --ink-3:#566D85;
  --accent:#D4896E; --accent-dk:#9C5038;
  --sage:#DDE3DC; --sage-lt:#EEF1ED;
  --paper:#FBFAF7; --rule:#D5D9D3; --rule-dk:#0B2D4A;
  --sand-lt:#F8F5EE; /* the lighter sand (Christian, 1 Nov 2026) */
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --head:'Onest','Inter',system-ui,sans-serif;
  --body:'Inter',system-ui,sans-serif;
  --max:1180px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--body)}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
ul,ol{list-style:none}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.skip{position:absolute;left:12px;top:-60px;z-index:200;background:var(--ink);color:#fff;padding:10px 14px;font:600 14px var(--body);text-decoration:none}
.skip:focus{top:12px}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--head);letter-spacing:-.025em;line-height:1.1}
h1{font-size:clamp(38px,5.2vw,66px);font-weight:700}
h2{font-size:clamp(28px,3.4vw,42px);font-weight:700;margin-bottom:16px}
h3{font-size:21px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.h1__accent{color:var(--accent-dk)}
.eyebrow{font-family:var(--head);font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-dk);margin-bottom:14px}
.eyebrow--light{color:#E9B9A5}
.lede{font-size:19px;color:var(--ink-2);max-width:52em;margin-bottom:30px}
.fineprint{font-size:13.5px;color:var(--ink-3);line-height:1.5;margin-top:10px}
.fineprint a{color:var(--ink-2)}
.fineprint--list{font-size:14.5px;color:var(--ink-2);max-width:60em;margin:0 0 26px}

/* ---------- buttons: one design ---------- */
.btns{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center}
.btns--center{justify-content:center}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:15px 24px;font-family:var(--head);font-size:15px;font-weight:700;letter-spacing:.01em;border:0;cursor:pointer;transition:background .2s,transform .2s}
.btn:hover{background:var(--ink-2);transform:translateY(-1px)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light:hover{background:var(--sage-lt)}
.tlink{font-family:var(--head);font-weight:600;font-size:15.5px;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:2px}
.tlink:hover{border-bottom-color:var(--ink)}
.links{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:8px}
.links a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--rule);font-weight:600}
.links a:hover{text-decoration-color:var(--ink)}
.go{font-weight:600;font-size:15px;color:var(--ink)}
.go i{display:inline-block;font-style:normal;transition:transform .25s}

/* ---------- masthead ---------- */
.mast{position:sticky;top:0;z-index:40;background:rgba(251,250,247,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--rule);transition:box-shadow .25s}
.mast.is-scrolled{box-shadow:0 6px 20px rgba(11,45,74,.08)}
.mast__inner{display:flex;align-items:center;max-width:var(--max);margin:0 auto;padding:0 28px;min-height:70px;gap:20px}
.brand{display:flex;align-items:baseline;gap:12px;text-decoration:none;white-space:nowrap}
.brand__wm{font:800 16px/1 var(--head);letter-spacing:.05em;text-transform:uppercase}
.brand__sub{font-size:13.5px;color:var(--ink-2);padding-left:12px;border-left:1px solid var(--rule)}
.nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.nav a{padding:10px 12px;text-decoration:none;font-weight:500;font-size:15.5px;color:var(--ink-2);border-bottom:2px solid transparent}
.nav a:hover{color:var(--ink)}
.nav a[aria-current]{color:var(--ink);border-bottom-color:var(--accent)}
.nav .btn{margin-left:12px;padding:11px 18px;font-size:14px;color:#fff;border-bottom:0}
.menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--rule);background:#fff;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu span{display:block;width:20px;height:2px;background:var(--ink);transition:transform .25s,opacity .25s}
.menu.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu.is-open span:nth-child(2){opacity:0}
.menu.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ---------- hero: full-width sage block, photo on the side he looks from ---------- */
.hero{background:var(--sage-lt);border-bottom:1px solid var(--rule)}
.hero__inner{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center;padding:56px 28px 60px}
.hero__inner--right{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.hero__text .eyebrow{margin-bottom:18px}
.hero h1{margin-bottom:24px}
.hero__sub{font-size:19.5px;color:var(--ink-2);max-width:36em;margin-bottom:30px}
.hero__sub--s{font-size:16.5px;margin-bottom:14px}
.hero__cred{font-family:var(--head);font-weight:600;font-size:15.5px;color:var(--ink);margin:-12px 0 26px}
.btn-note{margin-top:10px;font-size:14.5px;color:var(--ink-2)}
.btn-note a{color:var(--ink-2)}
.sec--center .btn-note{text-align:center}
.hero__img img{width:100%;aspect-ratio:5/6;object-fit:cover}
.hero__img--wide img{aspect-ratio:4/5}
.hero--sub .hero__inner{padding:44px 28px 48px}
.hero--sub h1{font-size:clamp(32px,4vw,50px)}
.hero--plain .hero__inner{grid-template-columns:1fr;padding-bottom:40px}
.hero--desk{background:var(--desk,#ECE8E0)} /* contact opening on the dark sand (Christian, 1 Nov 2026) */
.hero__text--wide{max-width:52em}

/* ---------- logo strips ---------- */
.credibility{display:block;padding:28px 0 32px;border-bottom:1px solid var(--rule);background:#fff;text-decoration:none;color:inherit}
a.credibility:hover .eyebrow{color:var(--accent-dk)}
a.credibility .eyebrow i{font-style:normal;display:inline-block;margin-left:6px;transition:transform .25s}
a.credibility:hover .eyebrow i{transform:translateX(4px)}
.credibility .eyebrow{margin-bottom:12px;color:var(--ink-3);letter-spacing:.18em;font-size:11.5px}
.credibility--inset{border:0;padding:8px 0 20px;background:transparent}
.credibility--white .credibility__track{background:#fff;padding-top:10px;padding-bottom:10px}
.credibility--inset .eyebrow{display:none}
.credibility__track{max-width:var(--max);margin:0 auto;padding:0 28px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.credibility__scroll{display:flex;align-items:center}
.credibility__scroll span{flex:0 0 calc(100%/3);display:flex;align-items:center;justify-content:center;height:60px;padding:0 1.2em}
@media(min-width:600px){.credibility__scroll span{flex:0 0 calc(100%/4)}}
@media(min-width:900px){.credibility__scroll span{flex:0 0 calc(100%/5)}}
.credibility__scroll img{max-height:36px;width:auto;max-width:100%;object-fit:contain;opacity:.55;filter:grayscale(100%);transition:opacity .2s,filter .2s}
.credibility__scroll span:hover img{opacity:1;filter:none}
@media (prefers-reduced-motion:reduce){.credibility__track{-webkit-mask-image:none;mask-image:none}.credibility__scroll{flex-wrap:wrap;justify-content:center;gap:1.5rem}.credibility__scroll span{flex:0 0 auto}.credibility__scroll span[aria-hidden]{display:none}}

/* trust strip under the home hero */
.trust{background:#fff;border-bottom:1px solid var(--rule)}
.trust__inner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 32px;padding:12px 28px}
.trust__items{display:flex;flex-wrap:wrap;gap:8px 0;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.trust__items span{display:flex;align-items:center;gap:10px;padding-right:28px}
.trust__items span::before{content:'';width:7px;height:7px;background:var(--accent);flex:0 0 7px}
.trust__logos{display:flex;align-items:center;gap:18px;flex:1 1 420px;min-width:0} /* the band takes all remaining width; on a second row the full width */
.trust__lab{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.trust__lab::before{content:'';width:7px;height:7px;background:var(--accent);flex:0 0 7px}
.trust__band{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.trust__track{display:inline-flex;align-items:center;gap:36px;padding-right:36px;animation:trustmove 40s linear infinite;will-change:transform}
.trust__band:hover .trust__track{animation-play-state:paused}
.trust__track img{height:22px;width:auto;max-width:120px;object-fit:contain;filter:grayscale(100%);opacity:.6;flex:0 0 auto}
@keyframes trustmove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.trust__track{animation:none}.trust__band{mask-image:none;-webkit-mask-image:none}}

/* offer rows: photo, promise and three questions, topics */
.offer{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,6fr) minmax(0,3fr);gap:40px;padding:40px 0;border-top:1px solid var(--rule-dk)}
.offer:last-child{border-bottom:1px solid var(--rule)}
.offer__img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.offer h3{font-size:26px;margin-bottom:6px}
.offer__promise{font-size:17.5px;color:var(--ink-2);margin-bottom:18px}
.offer__qa div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:14px;padding:10px 0;border-top:1px solid var(--rule)}
.offer__qa dt{font-weight:600;font-size:15px}
.offer__qa dd{color:var(--ink-2);font-size:15.5px}
.offer .btns{margin-top:22px}
.offer__topics .mono{color:var(--ink-3);margin-bottom:8px}
.offer__topics li{padding:8px 0;border-top:1px solid var(--rule);font-size:15px;display:flex;gap:10px}
.offer__topics li::before{content:'';width:7px;height:7px;background:var(--accent-dk);flex:0 0 7px;margin-top:9px}
.offer__topics li:last-child{border-bottom:1px solid var(--rule)}

.offer--plain{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;padding-top:0;border-top:0}
.offer--plain .offer__qa div:first-child{border-top:0;padding-top:0}
.offer--plain .offer__qa dd{font-size:16.5px}
.offer--plain .offer__topics li{font-size:16px;padding:10px 0}

/* ---------- blocks ---------- */
.sec{padding:72px 0}
.sec--sage{background:var(--sage-lt);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sec--white{background:#fff}
.sec--sand{background:var(--sand-lt);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.sec--navy{background:var(--ink);color:#fff}
.sec--navy h2{color:#fff}.sec--navy .lede{color:#C8D3DD}
.sec--center{text-align:center}
.sec--center .lede{margin-left:auto;margin-right:auto}
.ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.way{display:flex;flex-direction:column;gap:10px;padding:30px 28px 26px;background:#fff;border:1px solid var(--rule);text-decoration:none;color:var(--ink);transition:transform .25s,box-shadow .25s}
.way:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,45,74,.09)}
.way__n{font:700 44px/1 var(--head);color:var(--accent);letter-spacing:-.04em;margin-bottom:6px}
.way p{color:var(--ink-2);font-size:16px;flex:1}
.way:hover .go i{transform:translateX(4px)}

/* band: photo + quote */
.band__inner{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;align-items:center}
.band__img{order:2} /* the coaching photo looks left, so it sits right of the quote */
.band__img img{width:100%;aspect-ratio:4/5;object-fit:cover}

/* quotes */
.quote{margin:0 0 24px}
.quote blockquote p{font:500 19px/1.55 var(--head);letter-spacing:-.01em;color:var(--ink)}
.quote blockquote p::before{content:'“';color:var(--accent);margin-right:2px}
.quote blockquote p::after{content:'”';color:var(--accent);margin-left:2px}
.quote--lg blockquote p{font-size:clamp(22px,2.4vw,30px);font-weight:600;line-height:1.4}
.quote figcaption{margin-top:14px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;font-size:15px;color:var(--ink-2)}
.quote figcaption b{color:var(--ink);font-weight:600}
.quote figcaption small{font-family:var(--mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);width:100%}
.quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.quotes .quote{padding:28px;background:#fff;border:1px solid var(--rule);margin:0;display:flex;flex-direction:column}
.quotes .quote figcaption{margin-top:auto;padding-top:18px} /* names on one line at the bottom of every card */
.quotes .quote blockquote p{font-size:17px}

/* quote slider: one quote at a time in its own frame, arrows and dots (without JS all quotes are listed) */
.qslider{position:relative;background:#fff;border:1px solid var(--rule);padding:34px 34px 26px;margin-bottom:26px;box-shadow:0 1px 2px rgba(11,45,74,.04),0 10px 26px rgba(11,45,74,.06)}
.qslider::before{content:'\201C';position:absolute;right:26px;top:-6px;font:700 120px/1 var(--head);color:var(--accent);opacity:.35;pointer-events:none}
.qslider .quote blockquote p::before,.qslider .quote blockquote p::after{content:none}
.qslider .quote{margin-bottom:0}
.qslider .quote--lg blockquote p{font-size:clamp(20px,2.1vw,26px)}
.qslider__nav{display:none;align-items:center;gap:14px;margin:22px 0 0;padding-top:18px;border-top:1px solid var(--rule)}
.qslider.is-js .qslider__track{display:grid}
.qslider.is-js .qslider__item{grid-area:1/1;visibility:hidden;opacity:0;transform:translateX(0);transition:opacity .5s ease,transform .5s cubic-bezier(.3,.7,.2,1),visibility 0s .5s}
.qslider.is-js .qslider__item.is-active{visibility:visible;opacity:1;transition-delay:0s} /* every quote occupies the same cell: the block keeps the height of the longest quote */
.qslider.is-js .qslider__item.is-out-left{transform:translateX(-48px)}   /* the old quote slides out to the left, the new one comes in from the right */
.qslider.is-js .qslider__item.is-out-right{transform:translateX(48px)}
.qslider.is-js .qslider__item.is-in-right{transform:translateX(48px);transition:none}
.qslider.is-js .qslider__item.is-in-left{transform:translateX(-48px);transition:none}
@media (prefers-reduced-motion:reduce){.qslider.is-js .qslider__item{transition:opacity .2s,visibility 0s .2s;transform:none!important}}
.qslider.is-js .qslider__nav{display:flex}
.qslider__btn{width:42px;height:42px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:600 18px/1 var(--head);cursor:pointer;transition:background .2s,color .2s}
.qslider__btn:hover{background:var(--ink);color:#fff}
.qslider__dots{display:flex;gap:7px}
.qslider__dots i{width:8px;height:8px;border-radius:50%;background:var(--rule);display:block}
.qslider__dots i.is-on{background:var(--accent-dk)}
.qslider .quote{margin-bottom:18px}

/* videos and podcast */
.videos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:34px}
.video{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink)}
.video__img{position:relative;display:block;overflow:hidden;background:var(--ink);aspect-ratio:16/9;margin-bottom:8px}
.video__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.video:hover .video__img img{transform:scale(1.04)}
.video__img i{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.92)}
.video__img i::after{content:'';position:absolute;left:13px;top:10px;border-left:11px solid var(--ink);border-top:7px solid transparent;border-bottom:7px solid transparent}
.video b{font-family:var(--head);font-size:16px;font-weight:600}
.video span:last-child{font-size:14px;color:var(--ink-2);line-height:1.4}
.podcast{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;padding:30px;background:#fff;border:1px solid var(--rule)}
.podcast__art{display:block}
.podcast__art img{width:100%;aspect-ratio:1;object-fit:cover}
.podcast h3{font-size:26px;margin-bottom:10px}
.podcast p{color:var(--ink-2);margin-bottom:14px}
.podcast__ep{display:flex;flex-wrap:wrap;gap:4px 14px;align-items:baseline;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:18px!important}
.podcast__ep .mono{color:var(--accent-dk);font-weight:700}
.podcast__ep b{font-family:var(--head);font-weight:600;color:var(--ink)}

/* research: paper cards on the desk, older studies behind "Earlier studies" */
.desk{background:var(--desk,#ECE8E0);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.desk .papers{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px;margin-bottom:34px}
.btn--more{margin-bottom:30px}
.desk .rcards{margin-bottom:22px}

/* newsletter */
.subscribe{background:var(--ink);color:#fff}
.subscribe__inner{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px;align-items:center;padding:60px 28px;min-width:0}
.subscribe h2{color:#fff}
.subscribe p{color:#C8D3DD}
.next-form{display:flex;border:1px solid #fff;max-width:520px}
.next-form input{flex:1;min-width:0;width:100%;border:0;background:#fff;padding:14px 14px;font:16px var(--body);color:var(--ink)}
.next-form button{border:0;background:#fff;color:var(--ink);padding:0 18px;font-family:var(--head);font-size:14px;font-weight:700;cursor:pointer;border-left:1px solid var(--rule)}
.subscribe .fineprint{color:#8FA4B8}
.subscribe .fineprint a{color:#C8D3DD}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.form-msg{margin-top:10px;font-size:15px;font-weight:600;color:#E9B9A5}

.subscribe--roomy .subscribe__inner{padding:96px 28px;gap:64px}
.subscribe--roomy h2{max-width:16em}

/* newsletter on sage, where the block sits directly above the navy footer */
.subscribe--sage{background:var(--sage-lt);color:var(--ink);border-top:1px solid var(--rule)}
.subscribe--sage h2{color:var(--ink)}
.subscribe--sage p{color:var(--ink-2)}
.subscribe--sage .eyebrow--light{color:var(--accent-dk)}
.subscribe--sage .next-form{border-color:var(--ink)}
.subscribe--sage .next-form button{background:var(--ink);color:#fff;border-left:0}
.subscribe--sage .fineprint{color:var(--ink-3)}
.subscribe--sage .fineprint a{color:var(--ink-2)}
.fineprint--list{font-size:14.5px;color:var(--ink-2);max-width:60em;margin:0 0 26px}
.subscribe--sage .form-msg{color:var(--accent-dk)}

/* footer */
.foot{background:var(--ink);color:#C8D3DD}
.foot__counters{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:44px 28px;max-width:none;background:var(--paper)} /* light band between the navy newsletter and the navy footer */
.foot__counters>div{max-width:var(--max)}
.foot b{display:block;font:700 40px/1 var(--head);color:var(--ink);letter-spacing:-.03em;margin-bottom:8px}
.foot__counters .mono{color:var(--ink-3)}
.foot__base{border-top:1px solid #23466A}
.foot__base .wrap{display:flex;flex-wrap:wrap;gap:8px 22px;padding:18px 28px;font-family:var(--mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase}
.foot__base a{text-decoration:none;color:#C8D3DD}
.foot__base a:hover{color:#fff}
.foot__base span{margin-left:auto;color:#8FA4B8}

/* cards: one style for every grid of points (coaching, contact) */
.cards{display:grid;gap:24px;list-style:none;margin:0;padding:0}
.cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{display:flex;flex-direction:column;gap:8px;padding:30px 28px;background:#fff;border:1px solid var(--rule)}
.card--sage{background:var(--sand-lt)} /* 'As your coach / advisor' cards: light sand (Christian, 1 Nov 2026) */
.sec--sage .card{border-color:transparent;box-shadow:0 1px 2px rgba(11,45,74,.04),0 8px 22px rgba(11,45,74,.05)}
.card h3{margin-bottom:2px}
.card p{color:var(--ink-2);font-size:16px}
.card__n{font:700 36px/1 var(--head);color:var(--accent);letter-spacing:-.04em;margin-bottom:8px}
.card__icon{display:block;width:44px;height:44px;color:var(--accent-dk);margin-bottom:8px}
.card__icon svg{width:44px;height:44px}
.statement{margin:56px auto 8px;max-width:30em;text-align:center;font:500 clamp(20px,2.2vw,25px)/1.4 var(--head);letter-spacing:-.015em;color:var(--ink);padding-top:26px;position:relative} /* the section's conclusion */
.statement::before{content:'';position:absolute;left:50%;top:0;width:48px;height:3px;background:var(--accent);transform:translateX(-50%)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.cols2 .lede{margin-bottom:0}

/* about */
.stage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:6px 0 30px}
.stage img{width:100%;aspect-ratio:3/2;object-fit:cover}
.stage figcaption{margin-top:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--ink-3);line-height:1.4}
@media (hover:hover) and (pointer:fine){
  .stage img{position:relative;z-index:1;transition:transform .4s cubic-bezier(.3,.7,.2,1),box-shadow .4s;cursor:zoom-in}
  .stage figure:nth-child(1) img{transform-origin:left center}
  .stage figure:nth-child(4) img{transform-origin:right center}
  .stage figure:hover img{transform:scale(1.6);z-index:6;box-shadow:0 24px 60px rgba(11,45,74,.28)}
}

/* press kit */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 28px}
.pills li{padding:8px 14px;background:#fff;border:1px solid var(--rule);font-size:15px}
.pstats--kit{margin-bottom:34px}

/* press */
.pcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.pcard{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);background:#fff;border:1px solid var(--rule);transition:transform .25s,box-shadow .25s}
.pcard:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(11,45,74,.09)}
.pcard__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--sage-lt)}
.pcard__img img{width:100%;height:100%;object-fit:cover}
.pcard__meta{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 18px 0;min-height:52px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)} /* two lines reserved, so a long outlet name does not push the title down */
.pcard__meta span{white-space:nowrap}
.pcard__meta b{color:var(--ink)}
.pcard__t{padding:8px 18px 0;font:600 17px/1.3 var(--head);letter-spacing:-.01em;min-height:calc(3 * 1.3 * 17px + 8px)} /* three title lines reserved, so the texts start level */
.pcard__p{padding:8px 18px 18px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.lgroups{display:grid;grid-template-columns:1fr 1fr;gap:34px 48px}
.lgroup h3{font-size:19px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--rule-dk)}
.logowall{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.logowall div{display:flex;align-items:center;justify-content:center;height:84px;background:#fff;border:1px solid var(--rule);padding:14px 18px;transition:transform .25s,box-shadow .25s}
.logowall div:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,45,74,.08)}
.logowall img{max-height:40px;width:auto;max-width:100%;height:auto;object-fit:contain;filter:grayscale(100%);opacity:.65;transition:filter .2s,opacity .2s}
.logowall div:hover img{filter:none;opacity:1}
.pmap{margin:6px 0 10px;background:#fff;border:1px solid var(--rule);padding:12px}
.sec--navy .pmap{border-color:#23466A}
.sec--navy .fineprint{color:#C8D3DD}.sec--navy .fineprint a{color:#fff}
.pmap svg{width:100%;height:auto;display:block}
.pmap path{stroke:#fff;stroke-width:.5;transition:opacity .2s}
.pmap path:hover{opacity:.75}
.sec--sage .card,.sec--sage .pcard{border-color:transparent}
.kit{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:36px;align-items:start}
.kit h3{margin-bottom:8px}
.kit p{color:var(--ink-2);font-size:16px}
.kit__img{width:100%;max-width:240px;aspect-ratio:1;object-fit:cover;margin-bottom:10px}
.kit a{color:var(--ink)}
.kit__top{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:56px;align-items:start;margin-bottom:38px}
.kit__top .lede{margin-bottom:0}
.kit__photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.kit__bio{background:var(--sand-lt);border:1px solid var(--rule);padding:26px 30px 24px}.kit__bio .eyebrow{margin-bottom:12px}.kit__bio p:last-child{color:var(--ink-2);font-size:16px;max-width:52em;margin:0}
.kit__line{margin-top:34px}.kit__line .eyebrow{margin-bottom:10px}.kit__line p:last-child{color:var(--ink-2);font-size:16px;line-height:1.9;margin:0}.kit__line a{color:var(--ink)}.kit__line span{color:var(--ink-3);padding:0 .5em}
.dl{margin-top:8px}
.dl li{padding:7px 0;border-top:1px solid var(--rule);font-size:15px}
.dl li:last-child{border-bottom:1px solid var(--rule)}

/* legal */
.legal{padding:48px 28px 88px} /* aligned with the page column, not centred; room above and below */
.legal>*{max-width:760px}
.legal h2{font-size:22px;margin:34px 0 10px}
.legal h2:first-child{margin-top:0}
.legal p,.legal li{margin-bottom:.8em;font-size:17px;line-height:1.7}
.legal a{color:var(--ink)}

/* consent bar */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--ink);color:#fff;box-shadow:0 12px 30px rgba(11,45,74,.25);font-size:14.5px;line-height:1.5}
.consent a{color:#fff}
.consent__btns{display:flex;gap:8px}
.consent button{font-family:var(--head);font-size:13px;font-weight:700;padding:9px 14px;border:1px solid #fff;cursor:pointer;background:#fff;color:var(--ink)}
.consent #consent-no{background:transparent;color:#fff}

/* ---------- responsive ---------- */
@media (max-width:1000px){
  .ways,.cards--3,.pcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .videos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stage{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cols2{grid-template-columns:1fr;gap:34px}
  .offer{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.offer__topics{grid-column:1/-1}
  .offer--plain{grid-template-columns:1fr}.offer--plain .offer__topics{grid-column:auto}
  .kit{grid-template-columns:1fr 1fr}.kit>div:first-child{grid-column:1/-1}
  .kit__top{grid-template-columns:1fr;gap:26px}
  .foot__counters{grid-template-columns:1fr 1fr}
  .desk .papers{grid-template-columns:1fr;max-width:460px}
  .lgroups{grid-template-columns:1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  .mast__inner{padding:0 16px;min-height:60px;gap:12px}
  .brand{flex-direction:column;align-items:flex-start;gap:3px}
  .brand__sub{font-size:12px;padding-left:0;border-left:0} /* the name stays visible on phones */
  .menu{display:flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:1px solid var(--rule);box-shadow:0 14px 30px rgba(11,45,74,.12);padding:6px 16px 16px}
  .nav.is-open{display:flex}
  .nav a{padding:13px 4px;border-bottom:1px solid var(--rule);font-size:17px}
  .nav a[aria-current]{border-bottom-color:var(--rule)}
  .nav .btn{margin:12px 0 0;text-align:center;border-bottom:0}
  .hero__inner,.hero__inner--right{grid-template-columns:1fr;gap:26px;padding:30px 16px 40px}
  .hero__text{order:-1}
  .hero__img img,.hero__img--wide img{aspect-ratio:4/5}
  .hero h1{font-size:clamp(32px,8.6vw,40px)}
  .hero__sub{font-size:17px}
  .btns .btn{width:100%;text-align:center}
  .sec{padding:48px 0}
  .ways,.cards--2,.cards--3,.quotes,.pcards{grid-template-columns:1fr}
  .videos{grid-template-columns:1fr 1fr;gap:12px}
  .video b{font-size:14.5px}.video span:last-child{font-size:13px}
  .band__inner{grid-template-columns:1fr;gap:26px}
  .qslider{padding:24px 20px 18px}.qslider::before{font-size:84px;right:16px}
  .offer{grid-template-columns:1fr;gap:20px;padding:28px 0}.offer__qa div{grid-template-columns:1fr;gap:2px}
  .trust__items span{padding-right:18px}
  .trust__logos{flex:1 1 100%;gap:12px}.trust__track img{height:18px;max-width:90px}
  .band__img img{aspect-ratio:4/3}
  .podcast{grid-template-columns:1fr;padding:20px}.podcast__art{max-width:200px}
  .subscribe__inner{grid-template-columns:minmax(0,1fr);gap:22px;padding:40px 16px}
  .stage{grid-template-columns:1fr 1fr;gap:10px}
  .logowall{grid-template-columns:repeat(2,1fr);gap:10px}.logowall div{height:68px;padding:10px 14px}
  .kit{grid-template-columns:1fr}
  .foot__counters{grid-template-columns:1fr 1fr;padding:28px 16px}
  .foot b{font-size:32px}
  .foot__base .wrap{padding:14px 16px}.foot__base span{margin-left:0;width:100%}
  .legal{padding:32px 16px 60px}
  .desk .papers{max-width:none}
}
@media (max-width:360px){
  .brand__wm{font-size:14px}
}