/* Stories extends the site's licensed typography, navigation and button styles. */
html { scroll-padding-top:110px; }
body { background:var(--paper); overflow-x:visible; }
[hidden] { display:none!important; }
.stories-wrap { width:min(100%,1280px);padding-inline:var(--gutter);margin-inline:auto; }
.stories-skip { position:fixed;left:18px;top:-100px;z-index:100;background:#fff;padding:12px 20px;color:var(--teal); }
.stories-skip:focus { top:14px; }
#main { overflow:clip; }
#voices,.testimonial,.collection,.chapter-heading h2 { scroll-margin-top:110px; }
.stories-hero { padding:146px 0 0; }
.hero-columns { display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:start;margin-top:28px; }
.stories-hero h1 { font-size:clamp(42px,4vw,54px);line-height:1.08;letter-spacing:-.035em; }
.stories-hero h1 em { font-weight:420;color:var(--teal); }
.hero-intro { font-size:17px;line-height:1.65; }
.stories-actions { display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:25px; }
.text-link { font:600 15px/1.5 var(--sans);color:var(--teal);text-underline-offset:5px;text-decoration-thickness:1px; }
.text-link span { display:inline-block;margin-left:6px; }
.chapter-index { margin-top:42px;border-top:1px solid #d7dcd7;border-bottom:1px solid #d7dcd7;display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); }
.chapter-index a { display:flex;gap:10px;align-items:center;padding:20px 10px 20px 0;text-decoration:none;font-size:14px;font-weight:600; }
.chapter-index a > span:first-child { color:var(--muted);font-size:11px;font-weight:400; }
.chapter-index a > span:last-child { margin-left:auto;padding-right:18px; }
.chapter-index a:hover { color:var(--teal);text-decoration:underline;text-underline-offset:5px; }
.story-chapter { padding:62px 0 52px; }
.chapter-heading { max-width:680px; }
.chapter-heading h2,.collection h2 { font-size:clamp(34px,3.6vw,48px);line-height:1.12;margin:18px 0 14px; }
.chapter-heading > p:last-child { max-width:42em;color:var(--muted); }
.voice-table { position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:35px 42px;align-items:center;padding:42px 0 28px; }
.table-wash { position:absolute;inset:6% 14% 0;z-index:-1;pointer-events:none;border-radius:49% 51% 46% 54% / 52% 44% 56% 48%;border:26px solid rgba(189,158,119,.10);background:radial-gradient(ellipse at 25% 62%,rgba(233,211,174,.19),transparent 66%);box-shadow:0 0 9px 5px rgba(221,200,166,.09),inset 0 0 11px 7px rgba(221,200,166,.09);transform:rotate(-8deg); }
.featured-voice { margin:0;min-width:0; }
.featured-voice blockquote { margin:0 0 25px;font:420 clamp(24px,2.05vw,29px)/1.28 var(--serif);color:var(--ink); }
.featured-voice.primary { grid-column:1/3;grid-row:1;max-width:590px;padding:12px 42px 15px 0; }
.featured-voice.primary blockquote { font-size:clamp(31px,3vw,43px);line-height:1.14; }
.featured-voice:nth-of-type(2) { grid-column:3;grid-row:1/3;border-top:1px solid #c6d0cd;padding-top:25px; }
.featured-voice:nth-of-type(3) { grid-column:1;grid-row:2;border-top:1px solid #c6d0cd;padding-top:25px; }
.table-centre { grid-column:2;grid-row:2;text-align:center;font:500 clamp(25px,2.5vw,35px)/1.12 var(--serif);font-style:italic;color:var(--teal);padding:25px 5px; }
.voice-person { display:flex;align-items:center;gap:12px;margin-bottom:8px; }
.voice-initials { display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:1px solid #aab9b4;border-radius:50%;font:500 13px/1 var(--serif);color:var(--teal); }
.voice-name { font:600 16px/1.35 var(--sans);color:var(--ink);letter-spacing:0; }
.voice-context { font-size:14px;line-height:1.4;color:var(--muted);margin-top:2px; }
.translation-label,.voice-source { font-size:12px;line-height:1.5;color:#526358;margin-top:7px; }
.voice-source a { text-underline-offset:3px; }
.record-link { display:inline-block;margin-top:9px;font-size:13px; }
.theme-link { display:inline-block;margin-top:20px; }
.stories-pause { padding-top:54px;padding-bottom:62px;max-width:1000px; }
.pause-mark { display:block;height:48px;font:500 90px/1 var(--serif);color:#a4bdb3; }
.stories-pause blockquote { margin:0 0 22px;font:420 clamp(39px,4.5vw,61px)/1.09 var(--serif);letter-spacing:-.02em;color:var(--ink);max-width:14em; }
.stories-pause > p { font-size:14px;color:var(--muted);margin-bottom:10px; }
.chapter-leadership { background:#f1f4f0;border-block:1px solid #e0e6df; }
.chapter-leadership .chapter-heading { margin-left:auto; }
.chapter-leadership .table-wash { inset:3% 18% 0 8%;border-color:rgba(112,155,143,.1);transform:rotate(7deg);background:radial-gradient(ellipse at 70% 60%,rgba(183,210,196,.19),transparent 67%); }
.chapter-leadership .primary { grid-column:2/4;justify-self:end;padding:15px 0 25px 35px; }
.chapter-leadership .featured-voice:nth-of-type(2) { grid-column:1;grid-row:1/3; }
.chapter-leadership .featured-voice:nth-of-type(3) { grid-column:3; }
.chapter-ai { background:#fff; }
.chapter-ai .table-wash { inset:4% 10% 2% 20%;border-color:rgba(104,169,175,.12);transform:rotate(-13deg);background:radial-gradient(ellipse at 70% 40%,rgba(166,207,213,.21),transparent 60%); }
.chapter-ai .table-centre { color:#23616a; }
.chapter-ai .primary { padding-bottom:30px; }
.chapter-learning .table-wash { inset:2% 17% 0 7%;border-color:rgba(193,160,118,.12);transform:rotate(5deg); }
.chapter-learning .primary { grid-column:2/4;justify-self:end;padding:10px 0 18px 30px; }
.chapter-learning .featured-voice:nth-of-type(2) { grid-column:1;grid-row:1/3; }
.chapter-learning .featured-voice:nth-of-type(3) { grid-column:3; }
.collection { background:#fff;padding:70px 0 58px;border-top:1px solid var(--line); }
.collection-heading { max-width:750px; }
.collection-heading > p:last-child { max-width:40em;color:var(--muted);font-size:18px; }
.collection-controls { margin-top:32px; }
.theme-filters { display:flex;gap:8px;flex-wrap:wrap; }
.theme-filters button { border:1px solid #cad4cf;background:transparent;border-radius:4px;padding:11px 14px;font-size:14px;line-height:1.3;cursor:pointer; }
.theme-filters button span { margin-left:8px;font-size:12px; }
.theme-filters button[aria-pressed="true"] { background:var(--teal);color:#fff;border-color:var(--teal); }
.theme-filters button:hover { border-color:var(--teal); }
.search-row { display:flex;gap:26px;align-items:flex-end;margin-top:22px; }
.search-field { max-width:580px;flex:1; }
.search-field label { display:block;font-size:14px;font-weight:600;margin-bottom:7px; }
.search-field input { display:block;width:100%;font:400 17px/1.4 var(--sans);color:var(--ink);border:1px solid #a7b8b0;background:#fff;border-radius:4px;padding:12px 14px;min-height:48px; }
.clear-filters { background:none;border:0;border-bottom:1px solid currentColor;color:var(--teal);padding:12px 0 6px;cursor:pointer;font-size:15px;margin-bottom:6px; }
.result-count { font-size:13px;color:var(--muted);margin:25px 0 4px; }
.testimonial-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;align-items:start; }
.testimonial { border-top:1px solid #cbd5ce;padding:25px 0 32px;min-width:0; }
.testimonial:target { border-top-color:var(--teal);background:#f3f7f3;box-shadow:0 0 0 12px #f3f7f3; }
.record-theme { color:var(--teal);font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 16px; }
.record-quote { font:400 22px/1.4 var(--serif);color:var(--ink-2);margin:20px 0 16px; }
.record-quote p { white-space:pre-line; }
.testimonial details { margin-top:10px; }
.testimonial summary { cursor:pointer;color:var(--teal);font:600 14px/1.5 var(--sans);padding:5px 0;text-underline-offset:4px; }
.testimonial summary:hover { text-decoration:underline; }
.full-testimonial[open] > p { margin-top:12px; }
.original blockquote { border-left:2px solid #cad6cc;margin:8px 0 15px;padding:3px 0 3px 15px;font:400 18px/1.5 var(--serif); }
.record-permalink { display:inline-block;font-size:12px;color:var(--muted);margin-top:14px;text-underline-offset:3px; }
.collection-note { border-top:1px solid var(--line);padding-top:25px;margin-top:15px;max-width:850px;font-size:14px;line-height:1.65;color:var(--muted); }
.empty-state { padding:35px 0;font-size:20px; }
.stories-closing { position:relative;background:#e8efea;padding:66px 0 70px; }
.stories-closing h2 { font:430 clamp(42px,5vw,68px)/1.06 var(--serif);letter-spacing:-.025em;margin:25px 0 20px; }
.stories-closing .stories-wrap > p:not(.eyebrow) { max-width:35em;font-size:19px; }
.stories-closing .btn { margin-top:26px; }
.stories-closing p.closing-note { font-size:14px!important;color:#53665e;margin-top:14px; }
.closing-links { display:flex;gap:26px;flex-wrap:wrap;margin-top:26px; }
.footer .wrap { grid-template-columns:auto 1fr;padding-block:30px; }
@media(min-width:1100px) and (max-width:1250px) { .nav ul { gap:18px; }.site-header .bar{gap:16px}.brand-tag{font-size:9px} }
@media(max-width:1099px) {
  .hero-columns { gap:32px; }.stories-hero h1{font-size:49px}
  .hero-intro{font-size:16px}.chapter-index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .voice-table{gap:28px}.featured-voice.primary{padding-right:15px}
  .featured-voice blockquote{font-size:25px}.featured-voice.primary blockquote{font-size:34px}
}
@media(max-width:850px) {
  .stories-hero{padding-top:112px}.hero-columns{grid-template-columns:1fr;gap:24px}.stories-hero h1{font-size:clamp(42px,6vw,56px)}
  .hero-intro{max-width:650px;font-size:17px}.chapter-index{margin-top:32px}
  .story-chapter{padding:42px 0}.chapter-heading{max-width:650px;margin:0!important}
  .voice-table{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:28px 0 10px}
  .featured-voice.primary{padding:0;max-width:none}
  .featured-voice.primary blockquote{font-size:34px;max-width:20em}
  .featured-voice:nth-of-type(n+2){padding-top:23px}
  .featured-voice blockquote{max-width:26em;margin-bottom:18px}
  .table-centre{align-self:flex-end;padding:0 10px 10px;text-align:right;max-width:8em;font-size:26px}
  .table-wash,.chapter-leadership .table-wash,.chapter-ai .table-wash,.chapter-learning .table-wash{inset:10% -26% 4% 64%;border-width:24px}
  .stories-pause{padding-block:42px}.testimonial-grid{gap:0 36px}
}
@media(max-width:600px) {
  html{scroll-padding-top:85px}.stories-hero{padding-top:103px}
  #voices,.testimonial,.collection,.chapter-heading h2{scroll-margin-top:85px}
  .stories-hero h1{font-size:42px;line-height:1.06;letter-spacing:-.035em}
  .hero-intro{font-size:16px;line-height:1.6}
  .stories-actions{gap:17px}.stories-actions .text-link{font-size:14px}
  .chapter-index a{font-size:12px;gap:7px;padding-block:15px}.chapter-index a>span:last-child{display:none}
  .chapter-heading h2,.collection h2{font-size:35px}.chapter-heading>p:last-child{font-size:16px}
  .featured-voice.primary blockquote{font-size:32px}.featured-voice blockquote{font-size:25px}
  .stories-pause blockquote{font-size:41px}.pause-mark{height:42px;font-size:80px}
  .collection{padding:44px 0}.collection-heading>p:last-child{font-size:17px}
  .theme-filters{gap:7px}.theme-filters button{font-size:13px;padding:10px}.theme-filters button span{margin-left:5px}
  .search-row{align-items:stretch;flex-direction:column;gap:8px}.clear-filters{align-self:flex-start}
  .testimonial-grid{grid-template-columns:1fr}.testimonial{padding:23px 0 28px}.record-quote{font-size:22px}
  .stories-closing{padding:44px 0 48px}.stories-closing .stories-wrap>p:not(.eyebrow){font-size:18px}
  .footer .wrap{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important} }