/* Selected studies 08 + 09: quiet reading, numbered actions, open evidence.
   This layer styles the landing's editorial surfaces; product demos keep their UI. */
.editorial-hub {
  --editorial-ink:#eee9df;
  --editorial-muted:#b8b1a5;
  --editorial-soft:#a69d8e;
  --editorial-line:#34302b;
  --editorial-accent:#cdb5e9;
  background:#000;color:var(--editorial-ink);
}
.editorial-hub :is(a,button):focus-visible {outline-color:var(--editorial-accent);outline-offset:5px}
.editorial-hub .hub-header {background:#080808;border-bottom-color:#25231f}
.editorial-hub .brand {color:var(--editorial-ink);font-weight:600;letter-spacing:-.045em}
.editorial-hub .hub-header nav {color:var(--editorial-muted)}
.editorial-hub .langs a {color:#a69f96}
.editorial-hub .langs a[aria-current] {background:#25221f;color:#eee9df}
.editorial-hub .motion-switch {background:#121110;border-color:var(--editorial-line)}

/* The large film stays centered. The words beneath it have a quieter hierarchy. */
.editorial-hub .hero h1 {font-size:clamp(40px,5.25vw,84px);font-weight:500;line-height:1.08;letter-spacing:-.05em;color:var(--editorial-ink)}
.editorial-hub .hero h1 em {color:var(--editorial-soft)}
.editorial-hub .hero .intro {max-width:56ch;font-size:clamp(15px,1.15vw,18px);line-height:1.65;color:var(--editorial-muted);margin-top:16px;letter-spacing:-.012em}
.editorial-hub .hero-actions {margin-top:23px;gap:12px 28px}
.editorial-hub .hero-actions .text-link {color:var(--editorial-muted);font-weight:400;font-size:14px;gap:16px}
.editorial-hub .hero-actions .text-link:hover {color:var(--editorial-ink)}
.editorial-hub .hero .archive {background:none;border-inline:0;border-radius:0;border-block-color:var(--editorial-line);padding:20px 0;gap:20px;margin-top:38px;grid-template-columns:70px minmax(0,1fr) auto}
.editorial-hub .hero .archive-title {font-size:clamp(17px,1.5vw,22px);font-weight:500;line-height:1.25;color:var(--editorial-ink);letter-spacing:-.025em;text-wrap:pretty}
.editorial-hub .archive-market {font-size:10px;color:var(--editorial-muted)}
.editorial-hub .archive-market span {color:#c3b395;font-weight:500}
.editorial-hub .archive-author {font-weight:400;color:var(--editorial-accent)}
.editorial-hub .archive-meta {color:#a59f95}
.editorial-hub .hero .archive-credit {border-left-color:var(--editorial-line);padding-left:20px}

/* Repeated chapter furniture is deliberately small; reading sizes stay generous. */
.editorial-hub .editorial-eyebrow,
.editorial-hub .chapter-copy .eyebrow {
  display:flex;align-items:center;gap:13px;margin:0 0 22px;
  color:#b1a99b;font:400 10px/1.6 var(--font);letter-spacing:.11em;text-transform:uppercase;
}
.editorial-hub .editorial-eyebrow::before {
  content:"";flex:none;width:30px;height:1px;background:#756e63;
}
.editorial-hub :is(.index-heading,.principles-section,.numbers,.directory) h2,
.editorial-hub .pg-heading h2 {
  font:400 clamp(32px,3.6vw,58px)/1.16 var(--font);letter-spacing:-.045em;
  color:var(--editorial-ink);text-wrap:balance;
}
.editorial-hub .chapter-index {padding-top:clamp(54px,7vw,106px)}
.editorial-hub .index-heading {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:30px;align-items:end}
.editorial-hub .index-heading h2 {max-width:20ch}
.editorial-hub .index-intro {max-width:38ch;color:var(--editorial-muted);font:400 16px/1.7 var(--font);padding-bottom:4px;letter-spacing:-.012em}
.editorial-hub .chapter-list {gap:clamp(16px,2vw,32px);margin-top:36px}
.editorial-hub .chapter-link {padding-bottom:18px;border-bottom:1px solid var(--editorial-line);gap:17px 8px;align-content:start;transition:border-color .3s}
.editorial-hub .chapter-still {border-radius:8px}
.editorial-hub .chapter-label small {display:flex;align-items:baseline;gap:11px;font-size:11px;line-height:1.5;color:#b1a99b;margin-bottom:9px}
.editorial-hub .chapter-step {font-size:10px;letter-spacing:.06em;color:#938a7b;font-variant-numeric:tabular-nums;font-weight:400;flex:none}
.editorial-hub .chapter-label b {font-weight:500;font-size:clamp(17px,1.5vw,23px);line-height:1.25;letter-spacing:-.025em;color:var(--editorial-ink);text-wrap:pretty}
.editorial-hub .chapter-arrow {align-self:end;margin-bottom:3px;color:#938a7b;width:17px;height:17px}
.editorial-hub .chapter-link:is(:hover,:focus-visible) {border-bottom-color:#94816e}
.editorial-hub .chapter-link:is(:hover,:focus-visible) .chapter-step {color:var(--editorial-accent)}
.editorial-hub .chapter-link:hover img {transform:none}
.editorial-hub .chapters {padding-top:clamp(68px,8vw,120px)}
.editorial-hub .chapter {border-top-color:var(--editorial-line);padding-block:clamp(42px,5.8vw,88px);gap:clamp(28px,5.5vw,88px)}
.editorial-hub .chapter-copy .eyebrow {margin-bottom:24px;font-size:11px;letter-spacing:.085em;line-height:1.6;gap:18px}
.editorial-hub .chapter-copy .chapter-step {font-size:14px;color:#938a7b;border-right:1px solid #4d463c;padding-right:16px}
.editorial-hub .chapter-copy h2 {font:400 clamp(32px,3.5vw,54px)/1.13 var(--font);letter-spacing:-.045em;margin:0 0 26px;color:var(--editorial-ink);text-wrap:pretty}
.editorial-hub .chapter-copy .body-copy {font:400 16px/1.75 var(--font);letter-spacing:-.01em;color:var(--editorial-muted)}
.editorial-hub .chapter-links {margin-top:29px;gap:6px}
.editorial-hub .chapter-links a {position:relative;min-height:37px;padding-block:5px;font-size:14px;line-height:1.5;font-weight:400;gap:14px;color:var(--editorial-ink)}
.editorial-hub .chapter-links a:first-child {color:var(--editorial-accent)}
.editorial-hub .chapter-links a::after {content:"";position:absolute;inset:auto 30px 3px 0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.editorial-hub .chapter-links a:is(:hover,:focus-visible)::after {transform:scaleX(1)}
.editorial-hub .chapter-links .arrow {width:15px;height:15px;transition:transform .28s}
.editorial-hub .chapter-links a:hover .arrow {transform:translate(2px,-2px)}

/* Retain the original word-by-word film, in the chosen editorial voice. */
.editorial-hub #mission .a3-eyebrow {font:400 11px/1.6 var(--font);letter-spacing:.1em;text-transform:uppercase;color:#d4c6b3;margin-bottom:27px}
.editorial-hub #mission .ap-say {font-weight:400;font-size:clamp(25px,3.1vw,48px);line-height:1.25;letter-spacing:-.035em;max-width:1040px}
.editorial-hub #mission .ap-say span {color:rgb(238 233 223 / .38)}
.editorial-hub #mission .ap-say span.on {color:#eee9df}
.editorial-hub #mission .ap-say span.tip {color:#efe0c4;text-shadow:none}
.editorial-hub #safety {border-top:1px solid #25231f}
.editorial-hub .mission-inner {min-height:min(880px,65vw);aspect-ratio:auto}
.editorial-hub .mission-copy {padding:clamp(46px,4vw,70px) clamp(24px,4vw,68px) clamp(46px,4vw,70px) clamp(12px,1.5vw,28px);max-width:none;width:100%}

/* The filmstrip remains cinematic; captions and controls share the reading system. */
.editorial-hub .pg {padding-top:clamp(60px,7vw,112px);color:var(--editorial-ink)}
.editorial-hub .pg-heading {align-items:end}
.editorial-hub .pg-heading h2 {max-width:22ch}
.editorial-hub .pg-heading .editorial-eyebrow {margin-bottom:22px}
.editorial-hub .pg-heading>a {font-size:14px;font-weight:400;color:var(--editorial-muted);padding-bottom:7px}
.editorial-hub .pg-card {border-radius:14px}
.editorial-hub .pg-card-link strong {font-weight:500;font-size:clamp(23px,2.1vw,34px);line-height:1.2;letter-spacing:-.025em;text-wrap:balance;color:#fff8ed}
.editorial-hub .pg-product-name {font-size:11px;letter-spacing:.04em;color:#efe3d4}
.editorial-hub .pg-example {border-left-width:1px;box-shadow:none}
.editorial-hub .pg-example strong {font-weight:500;letter-spacing:-.015em}
.editorial-hub .pg-indicators button[aria-pressed=true] i {background:#d3c4ac;box-shadow:none}
.editorial-hub .pg-current b {color:var(--editorial-ink)}
.editorial-hub #product-viewer .ap-prod-text h3 {font-weight:400;line-height:1.15;letter-spacing:-.035em;color:#f4eee5}
.editorial-hub #product-viewer .ap-prod-text p {line-height:1.7;letter-spacing:-.01em;color:#d5cbbf}
.editorial-hub #product-viewer .ap-pk {color:#d1bfab;font-size:11px;letter-spacing:.06em;font-weight:400}
.editorial-hub #product-viewer .a3-eyebrow {font-size:11px;font-weight:400;letter-spacing:.09em;text-transform:uppercase;color:#c8bba9}
.editorial-hub #product-viewer .ap-count b {font-weight:400;color:#efe8df}
.editorial-hub #product-viewer .ap-prod-btns a {font-weight:400}

/* Four details, then measured facts: give them room without inflating the headings. */
.editorial-hub .principles-section h2 {margin-bottom:clamp(32px,4vw,60px)}
.editorial-hub .principle-visual {border-radius:14px}
.editorial-hub .principle-tag {font-weight:400;letter-spacing:.08em;font-size:9px;background:#211a13b8}
.editorial-hub .principle-glass {border-radius:12px;border-color:#d9c7ac50;background:linear-gradient(135deg,#281e17ed,#171210f5);box-shadow:none;color:#eee9df}
.editorial-hub .principle-card h3 {font-weight:500;font-size:clamp(16px,1.2vw,19px);line-height:1.45;letter-spacing:-.022em;margin-top:18px;color:var(--editorial-ink)}
.editorial-hub .principle-card p {font-size:15px;line-height:1.7;letter-spacing:-.012em;color:var(--editorial-muted);margin-top:8px}
.editorial-hub .number-grid {gap:clamp(24px,3.3vw,52px)}
.editorial-hub .number-grid>div {border-top-color:var(--editorial-line);padding-top:26px}
.editorial-hub .number-grid dt {font-weight:400;letter-spacing:-.055em;background:linear-gradient(#f3efe7 50%,#c6b5d5);background-clip:text}
.editorial-hub .number-grid dd:not(.metric-figure) {color:var(--editorial-muted);font-size:16px;line-height:1.65;letter-spacing:-.01em;max-width:26ch}

/* Keep the flight and screen anchors. Only the words take on the quieter tone. */
.editorial-hub #flight .arc-actions h2 {font-weight:400;font-size:clamp(30px,3.5vw,60px);line-height:1.18;letter-spacing:-.04em;color:#f8eee1}
.editorial-hub .arc-subtitle {font-size:clamp(14px,1.2vw,19px);line-height:1.6;color:#d9cdbd;margin-top:16px}
.editorial-hub #flight .arc-buttons {margin-top:23px}
.editorial-hub .arc-caption b {font-weight:500}
.editorial-hub .directory {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,8vw,130px);padding-block:clamp(64px,7vw,110px)}
.editorial-hub .directory-heading h2 {max-width:15ch}
.editorial-hub .directory-heading>p:last-child {max-width:31ch;color:var(--editorial-muted);font-size:16px;line-height:1.7;margin-top:23px}
.editorial-hub .directory>.directory-links {margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 30px;border:0;counter-reset:products;align-content:start}
.editorial-hub .directory-links a {position:relative;justify-content:flex-start;gap:13px;border-bottom-color:var(--editorial-line);min-height:68px;font-size:15px;font-weight:400;padding:10px 0;counter-increment:products;color:var(--editorial-ink);transition:border-color .25s}
.editorial-hub .directory-links a::before {content:counter(products,decimal-leading-zero);font-size:10px;color:#938a7b;min-width:18px;font-variant-numeric:tabular-nums}
.editorial-hub .directory-links svg {margin-left:auto;width:14px;height:14px;color:#938a7b;transition:transform .25s}
.editorial-hub .directory-links a:is(:hover,:focus-visible) {border-bottom-color:#88796a;color:var(--editorial-accent)}
.editorial-hub .directory-links a:hover svg {transform:translate(2px,-2px)}
.editorial-hub .a3-sitefoot {border-top-color:var(--editorial-line);background:#080807}
.editorial-hub .sp-foot-col h2 {color:#d9d1c4;font-weight:500;letter-spacing:.035em}
.editorial-hub .sp-foot-col a {color:#a9a297;font-weight:400}
.editorial-hub .sp-foot-col a:hover {color:#eee9df}

@media(max-width:1000px) {
  .editorial-hub .index-heading {grid-template-columns:1fr;gap:19px}
  .editorial-hub .index-intro {max-width:60ch}
  .editorial-hub .chapter-copy h2 {font-size:clamp(30px,3.8vw,42px)}
  .editorial-hub .chapter-copy .body-copy {font-size:15px;line-height:1.7}
  .editorial-hub .directory {gap:36px;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}
}
@media(max-width:900px) {
  .editorial-hub .mission-inner {min-height:0}
  .editorial-hub .mission-copy {width:min(calc(100% - 2 * var(--g)),590px);margin:20px auto 0;padding:0 0 25px}
}
@media(max-width:680px) {
  .editorial-hub .hero h1 {font-size:clamp(34px,9vw,54px);line-height:1.1;letter-spacing:-.05em}
  .editorial-hub .hero .intro {margin-top:14px;font-size:14px;line-height:1.6;max-width:40ch}
  .editorial-hub .hero-actions {margin-top:18px;gap:8px 18px}
  .editorial-hub .hero-actions .text-link {font-size:12px}
  .editorial-hub .hero .archive {grid-template-columns:52px minmax(0,1fr);gap:4px 14px;padding:17px 0;margin-top:26px}
  .editorial-hub .hero .archive-credit {padding:0;border:0}
  .editorial-hub .hero .archive-title {font-size:16px}
  .editorial-hub .hero .archive-author {font-size:11px}
  .editorial-hub .hero .archive-meta {font-size:10px}
  .editorial-hub .chapter-index {padding-top:45px}
  .editorial-hub .index-heading {gap:17px}
  .editorial-hub :is(.index-heading,.principles-section,.numbers,.directory) h2,
  .editorial-hub .pg-heading h2 {font-size:clamp(30px,8vw,40px);line-height:1.16;letter-spacing:-.04em}
  .editorial-hub .editorial-eyebrow {font-size:9px;letter-spacing:.08em;margin-bottom:18px}
  .editorial-hub .index-intro {font-size:14px;line-height:1.65}
  .editorial-hub .chapter-list {gap:26px 15px;margin-top:27px}
  .editorial-hub .chapter-link {padding-bottom:14px;gap:12px 4px}
  .editorial-hub .chapter-label small {font-size:10px;gap:7px;line-height:1.5;margin-bottom:8px}
  .editorial-hub .chapter-step {font-size:9px}
  .editorial-hub .chapter-label b {font-size:16px;line-height:1.3}
  .editorial-hub .chapter-arrow {width:14px;height:14px}
  .editorial-hub .chapters {padding-top:52px}
  .editorial-hub .chapter {gap:27px;padding-block:36px 45px}
  .editorial-hub .chapter-copy .eyebrow {font-size:10px;margin-bottom:20px;gap:13px}
  .editorial-hub .chapter-copy .chapter-step {font-size:12px;padding-right:12px}
  .editorial-hub .chapter-copy h2 {font-size:34px;margin-bottom:19px;max-width:18ch}
  .editorial-hub .chapter-links {margin-top:19px;gap:2px 18px}
  .editorial-hub #mission .ap-say {font-size:clamp(23px,6vw,36px);line-height:1.27;letter-spacing:-.025em}
  .editorial-hub #mission .a3-eyebrow {font-size:10px;margin-bottom:23px}
  .editorial-hub .pg-heading {align-items:end;gap:14px}
  .editorial-hub .pg-heading h2 {max-width:18ch}
  .editorial-hub .pg-heading>a {font-size:11px;padding-bottom:3px}
  .editorial-hub .pg-heading .editorial-eyebrow {margin-bottom:17px}
  .editorial-hub .pg-card {border-radius:10px}
  .editorial-hub .pg-card-link strong {font-size:21px}
  .editorial-hub .principle-card h3 {font-size:17px}
  .editorial-hub .principle-card p {font-size:14px}
  .editorial-hub .number-grid {gap:30px 22px}
  .editorial-hub .number-grid dt {font-size:clamp(54px,15vw,78px)}
  .editorial-hub .number-grid dd:not(.metric-figure) {font-size:13px;line-height:1.6}
  .editorial-hub .number-grid>div {padding-top:18px}
  .editorial-hub #flight .arc-actions h2 {font-size:clamp(29px,7.8vw,42px)}
  .editorial-hub .arc-subtitle {font-size:14px;max-width:28ch;margin:13px auto 0}
  .editorial-hub #flight .arc-buttons {margin-top:20px}
  .editorial-hub .directory {grid-template-columns:1fr;gap:30px;padding-block:52px}
  .editorial-hub .directory-heading h2 {max-width:100%}
  .editorial-hub .directory-heading>p:last-child {font-size:14px;margin-top:17px}
  .editorial-hub .directory>.directory-links {gap:0 18px}
  .editorial-hub .directory-links a {font-size:13px;min-height:58px;gap:8px}
  .editorial-hub .directory-links a::before {font-size:9px;min-width:14px}
  .editorial-hub .directory-links svg {width:12px;height:12px}
}
@media(prefers-reduced-motion:reduce) {
  .editorial-hub :is(.chapter-link,.chapter-arrow,.chapter-links a,.chapter-links .arrow,.directory-links a,.directory-links svg),
  .editorial-hub .chapter-links a::after {transition:none}
}
.hub-calm .editorial-hub :is(.chapter-link,.chapter-arrow,.chapter-links a,.chapter-links .arrow,.directory-links a,.directory-links svg),
.hub-calm .editorial-hub .chapter-links a::after {transition:none}