/* About joins the material study without changing the earlier design concepts. */
:root {
  --design-scale:.85;
  --ink:#191919;
  --paper:#f2f2f2;
  --white:#fff;
  --neutral:#eaeaea;
  --coral:#ff6f61;
  --accent:#b8453b;
  --sans:'neue-haas-grotesk-display',Arial,sans-serif;
  --header:calc(88px * var(--design-scale));
  --chapter-height:62px;
  --edge:7px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:var(--header); scroll-padding-bottom:calc(var(--chapter-height, 62px) + 20px); }
body { margin:0; color:var(--ink); background:var(--paper); font:400 max(18px, calc(23px * var(--design-scale)))/1.5 var(--sans); word-spacing:.035em; -webkit-font-smoothing:antialiased; }
h1,h2,h3,p,figure { margin:0; }
h1,h2,h3 { font-weight:700; line-height:1.03; letter-spacing:-.045em; word-spacing:.07em; }
h1 { font-size:clamp(62px, 8vw, 144px); letter-spacing:-.055em; }
h2 { font-size:clamp(44px, 5.6vw, 94px); }
h3 { font-size:clamp(29px, 2.7vw, 44px); }
img { display:block; max-width:100%; height:auto; }
a { color:inherit; text-decoration:none; }
button,select { font:inherit; }
button { cursor:pointer; }
button,a,select { -webkit-tap-highlight-color:transparent; }
button:focus-visible,a:focus-visible,select:focus-visible { outline:3px solid var(--accent); outline-offset:5px; }
.dark-surface :focus-visible,[data-surface="dark"] :focus-visible { outline-color:var(--coral); }
section:focus { outline:none; }
::selection { color:var(--white); background:var(--accent); }
[hidden] { display:none!important; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.skip-link:focus { position:fixed; left:20px; top:12px; z-index:160; padding:12px 20px; background:var(--white); color:var(--ink); }
.wrap { width:calc(100% - 8.5vw); max-width:2200px; margin-inline:auto; }
.light-surface { background:var(--paper); color:var(--ink); }
.dark-surface { background:var(--ink); color:var(--white); }
.eyebrow { font-size:16px; line-height:1.4; font-weight:600; color:var(--accent); margin-bottom:27px; }
.dark-surface .eyebrow { color:var(--coral); }
.muted { color:#727272; }
.about-section { padding-block:clamp(80px, 8.5vw, 170px); }
.section-heading { margin-bottom:clamp(48px, 5vw, 90px); }
.about-trust-link .wrap { max-width:1300px; }
.about-trust-link p { max-width:42ch; margin:28px 0; font-size:clamp(20px,1.7vw,28px); }
.button { display:inline-flex; gap:26px; justify-content:space-between; align-items:center; min-height:54px; max-width:100%; padding:17px 24px; border:1px solid var(--ink); border-radius:0; color:var(--white); background:var(--ink); box-shadow:4px 4px 0 var(--coral); text-align:left; font:600 18px/1.2 var(--sans); transition:transform .18s,box-shadow .18s; }
.button span { font-size:24px; font-weight:400; }
.button:hover { transform:translate(-2px,-2px); box-shadow:6px 6px 0 var(--coral); }
.button:active { transform:translate(3px,3px); box-shadow:1px 1px 0 var(--coral); }
.dark-surface .button { color:var(--ink); background:var(--white); border-color:var(--white); }
.site-header { position:sticky; top:0; z-index:50; height:var(--header); padding-inline:4.25vw; display:flex; align-items:center; gap:26px; background:rgba(242,242,242,.97); color:var(--ink); }
.brand { flex-shrink:0; }
.brand img { width:162px; height:auto; }
.site-links { margin-left:auto; display:flex; align-items:center; gap:24px; font-size:15.3px; font-weight:600; }
.site-links a { padding-block:15px; position:relative; }
.site-links a::after { content:''; position:absolute; height:2px; bottom:8px; left:0; right:0; background:currentColor; transform:scaleX(0); transform-origin:left; transition:transform .18s; }
.site-links a:hover::after,.site-links a[aria-current="page"]::after { transform:scaleX(1); }
.site-links a[aria-current="page"]::after { background:var(--coral); }
.header-cta { padding:11px 20px; min-height:44px; font-size:15.3px; margin-left:10px; }
.site-header[data-surface="dark"] { background:rgba(25,25,25,.97); color:var(--white); }
.site-header[data-surface="dark"] .brand img { filter:grayscale(1) brightness(0) invert(1); }
.site-header[data-surface="dark"] .button { color:var(--ink); background:var(--white); border-color:var(--white); }
.menu-toggle,.mobile-menu,.mobile-chapters { display:none; }
.fallback-nav { padding:20px; display:flex; gap:25px; background:var(--white); }
.chapter-bar { position:fixed; z-index:45; bottom:0; left:0; right:0; height:var(--chapter-height); color:var(--white); background:rgba(25,25,25,.98); border-top:1px solid #555; }
.chapter-links { position:relative; height:100%; display:grid; grid-template-columns:repeat(7,1fr); }
.chapter-links a { display:flex; align-items:center; justify-content:center; text-align:center; padding:14px 12px; font-size:16px; line-height:1.2; font-weight:600; border-left:1px solid #555; transition:color .2s,background .2s; }
.chapter-links a:first-child { border-left:0; }
.chapter-links a:hover { background:#303030; }
.chapter-links a[aria-current] { color:var(--coral); }
.chapter-indicator { position:absolute; left:0; bottom:0; width:calc(100% / 7); height:4px; background:var(--coral); pointer-events:none; transition:transform .3s ease,width .3s ease; }
.about-opening { min-height:calc(100svh - var(--header) - var(--chapter-height)); display:grid; align-items:center; padding:clamp(40px,4.8vw,95px) 0 clamp(65px,5.4vw,105px); }
.opening-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr); align-items:center; gap:5vw; }
.opening-copy { padding-bottom:10px; }
.opening-copy h1 { max-width:13ch; }
.opening-copy h1 span { color:var(--coral); }
.opening-intro { margin-top:32px; max-width:39ch; font-size:clamp(20px,1.7vw,28px); line-height:1.4; }
.opening-copy .button { margin-top:35px; }
.opening-art { background:#eeece4; box-shadow:var(--edge) var(--edge) 0 #57534e; transform:rotate(2deg); }
.opening-art img { width:100%; aspect-ratio:4/5; object-fit:cover; }
.story-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:10%; align-items:center; }
.founder-photo { background:#e1e0dc; box-shadow:var(--edge) var(--edge) 0 var(--ink); max-width:550px; }
.founder-photo img { width:100%; aspect-ratio:1.15; object-fit:contain; object-position:center bottom; }
.founder-photo figcaption { display:flex; flex-direction:column; gap:3px; padding:24px 30px; background:var(--white); border-top:1px solid var(--ink); }
.founder-photo strong { font-size:26px; line-height:1.2; }
.founder-photo figcaption span { font-size:16px; }
.story-copy { max-width:46ch; }
.story-copy p+p { margin-top:24px; }
.story-copy .large-copy { font-size:clamp(29px,2.8vw,46px); line-height:1.15; letter-spacing:-.025em; font-weight:500; margin-bottom:34px; }
.vision-opening { max-width:1500px; }
.vision-opening h2 { max-width:22ch; }
.vision-opening h2 span { color:var(--coral); }
.vision-opening>p:last-child { margin-top:40px; margin-left:42%; max-width:44ch; font-size:clamp(20px,2vw,30px); }
.vision-principles { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #777; margin-top:65px; }
.vision-principles>div { padding:38px 28px 14px 0; }
.vision-principles>div+div { border-left:1px solid #777; padding-left:35px; }
.vision-principles h3 { font-size:clamp(28px,2.5vw,40px); }
.vision-principles p { max-width:26ch; margin-top:18px; color:#d3d3d3; }
.density-statement { margin-top:clamp(80px,9vw,180px); padding-top:60px; border-top:1px solid #777; }
.density-title { font-size:clamp(42px,6.7vw,112px); font-weight:700; line-height:1.02; letter-spacing:-.045em; }
.density-title span { color:var(--coral); }
.density-statement>p:last-child { max-width:43ch; margin:32px 0 0 auto; font-size:clamp(20px,1.7vw,27px); }
.values-section { background:#e9e9e7; }
.values-heading { margin-bottom:70px; }
.values-grid { display:grid; grid-template-columns:1fr 1fr; gap:34px; padding-right:var(--edge); padding-bottom:40px; align-items:stretch; }
.value-panel { background:var(--white); color:var(--ink); border:1px solid var(--ink); box-shadow:var(--edge) var(--edge) 0 var(--ink); padding:clamp(28px,4vw,70px); min-height:340px; }
.value-panel:nth-child(even) { position:relative; top:40px; }
.value-panel h3 { font-size:clamp(34px,3.6vw,60px); }
.value-panel p { max-width:34ch; margin-top:28px; }
.value-panel.dark-panel { color:var(--white); background:var(--ink); box-shadow:var(--edge) var(--edge) 0 #8c8c89; }
.value-panel.dark-panel h3 { color:var(--white); }
.value-panel::before { content:''; display:block; width:32px; height:4px; background:var(--coral); margin-bottom:30px; }
.approach-heading { margin-bottom:70px; }
.approach-heading h2 { max-width:17ch; }
.approach-heading h2 span { color:var(--accent); }
.approach-grid { display:grid; grid-template-columns:1fr 1fr; gap:8%; align-items:start; }
.approach-steps { display:grid; gap:28px; padding-right:5px; }
.approach-steps article { padding:32px; border:1px solid var(--ink); background:var(--white); box-shadow:5px 5px 0 var(--ink); margin-right:25px; }
.approach-steps article:nth-child(2) { margin-left:25px; margin-right:0; background:#e4e4e1; }
.step-label { display:block; color:var(--accent); font-size:16px; font-weight:600; margin-bottom:16px; }
.approach-steps h3 { font-size:clamp(30px,2.7vw,45px); }
.approach-steps p { margin-top:22px; max-width:42ch; }
.drivers-panel { position:sticky; top:calc(var(--header) + 30px); box-shadow:var(--edge) var(--edge) 0 var(--coral); margin:0 7px 0 0; }
.drivers-panel img { width:100%; height:300px; object-fit:cover; object-position:50% 45%; }
.drivers-copy { padding:32px 38px 40px; }
.drivers-copy h3 { font-size:clamp(32px,3vw,48px); }
.drivers-copy p:not(.eyebrow) { margin-top:24px; max-width:38ch; }
.drivers-copy .eyebrow { margin-bottom:20px; }
.approach-next { display:flex; justify-content:space-between; align-items:center; gap:40px; margin-top:80px; border-top:1px solid #999; padding-top:34px; }
.approach-next p { font-size:clamp(20px,1.7vw,26px); }
.approach-next strong { color:var(--accent); }
.team-heading { display:flex; justify-content:space-between; gap:65px; align-items:end; margin-bottom:70px; }
.team-heading h2 span { color:var(--coral); }
.team-heading>p { max-width:26ch; font-size:clamp(20px,1.8vw,28px); }
.team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; padding-right:var(--edge); }
.person-card { color:var(--ink); background:var(--white); box-shadow:5px 5px 0 #777; display:flex; flex-direction:column; min-width:0; }
.person-image { background:#dcdcd9; overflow:hidden; }
.person-image img { width:100%; aspect-ratio:4/4.5; object-fit:contain; object-position:center bottom; }
.person-copy { padding:26px 23px 18px; display:flex; flex-direction:column; flex:1; }
.person-copy h3 { font-size:clamp(25px,2vw,35px); letter-spacing:-.035em; }
.person-role { font-size:15px; font-weight:600; line-height:1.35; margin-top:12px; min-height:41px; color:var(--accent); }
.person-role+p { font-size:17px; line-height:1.45; margin-top:17px; margin-bottom:18px; }
.profile-link { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid #bbb; margin-top:auto; padding-block:12px 2px; min-height:44px; font-size:15px; font-weight:600; }
.profile-link:hover { color:var(--accent); }
.profile-link span { font-size:22px; }
.ideas-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:8%; align-items:start; }
.book-panel { border:1px solid var(--ink); box-shadow:var(--edge) var(--edge) 0 var(--ink); padding:clamp(30px,4vw,65px); background:var(--white); }
.book-panel h3 { font-size:clamp(60px,6.7vw,110px); letter-spacing:-.055em; }
.book-subtitle { font-size:clamp(27px,2.8vw,43px); line-height:1.15; letter-spacing:-.02em; margin-top:36px; color:var(--accent); }
.book-panel>p:last-child { margin-top:40px; max-width:32ch; }
.podcast-list { border-top:1px solid var(--ink); }
.podcast-list>a { display:block; padding:28px 16px 28px 0; border-bottom:1px solid #a3a3a3; transition:padding .2s,background .2s; }
.podcast-list>a:hover { padding-left:18px; background:var(--white); }
.episode-show { display:block; font-size:15px; font-weight:600; color:var(--accent); margin-bottom:14px; }
.podcast-list h3 { font-size:clamp(28px,2.5vw,42px); }
.podcast-list p { margin-top:18px; max-width:40ch; }
.episode-action { display:flex; gap:20px; justify-content:space-between; font-size:16px; font-weight:600; margin-top:24px; }
.episode-action>span[aria-hidden] { font-size:22px; }
.about-close { margin-top:clamp(100px,10vw,190px); padding-top:60px; border-top:1px solid #999; display:flex; align-items:end; justify-content:space-between; gap:45px; }
.about-close h2 { font-size:clamp(46px,5.3vw,90px); max-width:15ch; }
.about-close h2 span { color:var(--accent); }
.about-close .button { margin-bottom:5px; max-width:440px; }
.site-footer { padding:35px 4.25vw calc(var(--chapter-height) + 40px); border-top:1px solid #b8b8b8; display:flex; align-items:center; justify-content:space-between; gap:30px; font-size:16px; }
.site-footer>a:not(.brand) { font-weight:600; padding-block:10px; }
.site-footer>a:not(.brand):hover { text-decoration:underline; text-underline-offset:5px; }
.site-footer>span { font-size:13px; color:#666; }
dialog { border:2px solid var(--ink); padding:48px 40px 40px; width:min(550px,calc(100% - 40px)); max-height:calc(100svh - 40px); overflow:auto; color:var(--ink); background:var(--paper); box-shadow:7px 7px 0 var(--coral); }
dialog::backdrop { background:rgba(0,0,0,.65); }
dialog h2 { font-size:42px; }
dialog p { margin-top:24px; }
dialog .button { margin-top:30px; }
.dialog-close { position:absolute; right:10px; top:8px; border:0; background:none; color:var(--ink); width:44px; height:44px; font-size:30px; }
@media(min-width:1800px) {
  .opening-grid { grid-template-columns:minmax(0,1.5fr) minmax(0,.65fr); gap:7vw; }
  .opening-art { max-width:570px; }
  .story-grid { grid-template-columns:1fr 1.1fr; }
  .founder-photo { margin-left:7%; max-width:630px; }
  .person-copy { padding:32px; }
  .person-role { font-size:17px; }
  .person-role+p { font-size:20px; }
}
@media(max-width:1100px) {
  :root { --header:70px; }
  .site-links { display:none; }
  .header-cta { margin-left:auto; }
  .menu-toggle { display:flex; align-items:center; gap:15px; min-height:44px; padding:10px 0 10px 10px; background:none; color:inherit; border:0; font-size:17px; font-weight:600; }
  .menu-toggle span { font-size:24px; }
  .menu-toggle[aria-expanded="true"] span { transform:rotate(45deg); }
  .mobile-menu { display:flex; position:fixed; z-index:49; top:var(--header); left:0; right:0; flex-direction:column; padding:20px 4.25vw; background:var(--paper); color:var(--ink); box-shadow:0 8px 15px #0002; max-height:calc(100svh - var(--header) - var(--chapter-height)); overflow:auto; }
  .mobile-menu a { padding:14px 0; border-bottom:1px solid #999; font-size:21px; }
  .mobile-menu a:last-child { border-bottom:0; }
  .mobile-menu[data-surface="dark"] { color:var(--white); background:var(--ink); }
  h1 { font-size:clamp(58px,8.1vw,89px); }
  .opening-grid { gap:4vw; grid-template-columns:1.35fr .7fr; }
  .opening-copy .button { font-size:16px; }
  .team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:35px; }
  .person-image img { height:320px; aspect-ratio:auto; }
  .person-role { min-height:0; }
  .person-copy h3 { font-size:32px; }
  .chapter-links a { font-size:14px; padding-inline:8px; }
  .value-panel { min-height:340px; }
  .about-close { align-items:start; flex-direction:column; }
}
@media(max-width:800px) {
  :root { --chapter-height:58px; }
  h2 { font-size:clamp(42px,6.7vw,64px); }
  .wrap { width:calc(100% - 48px); }
  .about-section { padding-block:75px; }
  .site-header { padding-inline:24px; gap:16px; }
  .chapter-bar { display:none; }
  .mobile-chapters { display:flex; position:fixed; z-index:45; bottom:0; left:0; right:0; min-height:var(--chapter-height); align-items:center; gap:25px; background:var(--ink); color:var(--white); padding:7px 24px; border-top:1px solid #777; }
  .mobile-chapters label { font-size:14px; font-weight:600; }
  .mobile-chapters select { flex:1; min-width:0; min-height:44px; font-size:17px; font-weight:600; background:var(--ink); color:var(--white); border:0; border-radius:0; padding:8px; }
  .about-opening { padding-block:45px 65px; }
  .opening-grid { grid-template-columns:1fr .65fr; gap:26px; }
  .opening-copy h1 { font-size:clamp(50px,7.2vw,65px); }
  .opening-intro { font-size:20px; }
  .opening-copy .button { gap:14px; padding:16px; }
  .story-grid { gap:7%; }
  .founder-photo figcaption { padding:20px; }
  .founder-photo figcaption span { font-size:14px; }
  .story-copy .large-copy { font-size:30px; }
  .story-copy { font-size:18px; }
  .vision-opening>p:last-child { margin-left:22%; }
  .vision-principles { gap:22px; }
  .vision-principles>div+div { border-left:0; padding-left:0; }
  .vision-principles>div { padding:25px 0 0; }
  .vision-principles h3 { font-size:28px; }
  .vision-principles p { font-size:17px; }
  .density-title { font-size:clamp(40px,6.7vw,60px); }
  .values-grid { gap:25px; }
  .value-panel { padding:28px; min-height:370px; }
  .value-panel h3 { font-size:34px; }
  .value-panel p { font-size:18px; }
  .approach-grid { gap:5%; }
  .approach-steps article { padding:24px; margin-right:12px; }
  .approach-steps article:nth-child(2) { margin-left:12px; }
  .approach-steps h3 { font-size:30px; }
  .drivers-panel img { height:220px; }
  .drivers-copy { padding:28px; }
  .drivers-copy h3 { font-size:31px; }
  .approach-next { flex-direction:column; align-items:start; gap:25px; margin-top:50px; }
  .team-heading { align-items:start; flex-direction:column; gap:30px; margin-bottom:45px; }
  .team-heading>p { max-width:36ch; }
  .ideas-grid { gap:6%; }
  .book-panel { padding:28px; }
  .book-panel h3 { font-size:60px; }
  .book-subtitle { font-size:30px; }
  .site-footer { flex-wrap:wrap; padding-inline:24px; }
}
@media(max-width:600px) {
  :root { --header:68px; --edge:5px; }
  h1 { font-size:clamp(52px,12vw,72px); }
  h2 { font-size:clamp(41px,10.5vw,58px); }
  .wrap { width:calc(100% - 40px); }
  .site-header { padding-inline:20px; gap:16px; }
  .brand img { width:142px; }
  .header-cta { display:none; }
  .menu-toggle { margin-left:auto; }
  .eyebrow { font-size:15px; margin-bottom:22px; }
  .opening-grid { display:flex; flex-direction:column; gap:42px; align-items:stretch; }
  .opening-copy h1 { font-size:clamp(52px,12vw,72px); }
  .opening-copy .button { padding:17px 20px; font-size:16px; margin-top:28px; }
  .opening-intro { margin-top:27px; max-width:32ch; }
  .opening-art { width:80%; margin-left:auto; margin-right:8px; transform:rotate(2deg); }
  .opening-art img { aspect-ratio:1.2; object-position:50% 54%; }
  .about-section { padding-block:66px; }
  .section-heading { margin-bottom:40px; }
  .story-grid { display:flex; flex-direction:column; gap:45px; }
  .founder-photo { width:calc(100% - 25px); margin-right:25px; }
  .founder-photo img { aspect-ratio:1.3; }
  .story-copy .large-copy { font-size:31px; margin-bottom:28px; }
  .story-copy p+p { margin-top:22px; }
  .vision-opening>p:last-child { margin-left:0; margin-top:30px; font-size:20px; }
  .vision-principles { grid-template-columns:1fr; margin-top:40px; gap:0; }
  .vision-principles>div,.vision-principles>div+div { padding:24px 0; border-bottom:1px solid #777; }
  .vision-principles h3 { font-size:32px; }
  .vision-principles p { margin-top:10px; max-width:none; font-size:18px; }
  .density-statement { margin-top:55px; padding-top:0; border-top:0; }
  .density-title { font-size:43px; }
  .density-statement>p:last-child { font-size:20px; margin-top:25px; }
  .values-heading { margin-bottom:40px; }
  .values-grid { grid-template-columns:1fr; gap:25px; padding-bottom:0; }
  .value-panel,.value-panel:nth-child(n) { top:0; min-height:0; padding:30px; }
  .value-panel h3 { font-size:36px; }
  .value-panel::before { margin-bottom:25px; }
  .value-panel p { margin-top:22px; }
  .value-panel:nth-child(3) { background:var(--white); color:var(--ink); box-shadow:var(--edge) var(--edge) 0 var(--ink); }
  .value-panel:nth-child(3) h3 { color:var(--ink); }
  .value-panel:nth-child(4) { background:var(--ink); color:var(--white); box-shadow:var(--edge) var(--edge) 0 #8c8c89; }
  .approach-heading { margin-bottom:40px; }
  .approach-grid { grid-template-columns:1fr; gap:40px; }
  .approach-steps article { padding:27px; }
  .approach-steps h3 { font-size:33px; }
  .approach-steps p { margin-top:20px; }
  .drivers-panel img { height:300px; object-position:50% 40%; }
  .drivers-panel { position:static; }
  .drivers-copy { padding:30px; }
  .drivers-copy h3 { font-size:37px; }
  .team-grid { grid-template-columns:1fr; gap:30px; }
  .person-card:nth-child(even) { margin-left:25px; }
  .person-card:nth-child(odd) { margin-right:25px; }
  .person-image img { height:300px; }
  .person-copy { padding:25px; }
  .person-copy h3 { font-size:33px; }
  .person-role { font-size:15px; }
  .person-role+p { font-size:18px; }
  .ideas-grid { grid-template-columns:1fr; gap:50px; }
  .book-panel { margin-right:5px; padding:35px; }
  .book-panel h3 { font-size:72px; }
  .book-subtitle { font-size:34px; margin-top:25px; }
  .book-panel>p:last-child { margin-top:28px; }
  .podcast-list h3 { font-size:34px; }
  .about-close { margin-top:70px; padding-top:45px; gap:30px; }
  .about-close h2 { font-size:45px; }
  .about-close .button { font-size:17px; }
  .site-footer { flex-direction:column; align-items:start; gap:18px; padding-inline:20px; }
  .mobile-chapters { padding-inline:20px; }
  dialog { padding:50px 25px 30px; }
  dialog h2 { font-size:34px; }
}
@media(max-width:360px) {
  .opening-copy h1 { font-size:47px; }
  h2 { font-size:38px; }
  .density-title { font-size:39px; }
  .value-panel,.value-panel:nth-child(n) { padding:25px; }
  .drivers-copy { padding:25px; }
  .drivers-copy h3 { font-size:33px; }
  .person-copy { padding:22px; }
  .person-copy h3 { font-size:29px; }
  .book-panel { padding:28px; }
  .book-panel h3 { font-size:64px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition:none!important; animation:none!important; }
  .button:hover,.button:active { transform:none; }
}

/* Phones read as a sequence of compact chapters, not a scaled desktop page. */
@media(max-width:800px) {
  .about-page .about-opening { min-height:0; }
  .about-page .mobile-chapters::before {
    content:''; position:absolute; inset:0 auto auto 0; height:3px;
    width:calc(var(--chapter-progress, 0) * 100%); background:var(--coral);
    transition:width .24s ease; pointer-events:none;
  }
  .about-page .site-footer { padding-bottom:calc(var(--mobile-dock-height, 58px) + 40px); }
}
@media(max-width:600px) {
  .about-page { --edge:4px; }
  .about-page .about-section { padding-block:52px; }
  .about-page .about-opening { padding-block:32px 42px; }
  .about-page .opening-grid { gap:30px; }
  .about-page .opening-copy h1 { font-size:clamp(43px,11.7vw,65px); line-height:1.02; }
  .about-page .opening-intro { font-size:19px; margin-top:24px; }
  .about-page .opening-copy .button { margin-top:24px; }
  .about-page .opening-art { width:min(73%,270px); margin-right:9px; }
  .about-page .opening-art img { aspect-ratio:1.5; object-position:50% 53%; }
  .about-page :is(.section-heading,.values-heading,.approach-heading) { margin-bottom:30px; }
  .about-page h2 { font-size:clamp(36px,10vw,47px); line-height:1.04; }
  .about-page .eyebrow { margin-bottom:18px; }
  .about-page .story-grid { gap:30px; }
  .about-page .founder-photo {
    width:calc(100% - 5px); margin:0 5px 0 0; display:grid;
    grid-template-columns:minmax(100px,.8fr) minmax(0,1fr); align-items:stretch;
  }
  .about-page .founder-photo img { width:100%; height:100%; min-height:160px; aspect-ratio:auto; object-fit:cover; object-position:center top; }
  .about-page .founder-photo figcaption { justify-content:center; border-top:0; border-left:1px solid #999; padding:18px; }
  .about-page .founder-photo strong { font-size:25px; }
  .about-page .founder-photo figcaption span { font-size:15px; line-height:1.4; }
  .about-page .story-copy .large-copy { font-size:28px; line-height:1.18; margin-bottom:24px; }
  .about-page .story-copy p+p { margin-top:18px; }
  .about-page .vision-opening>p:last-child { font-size:19px; margin-top:24px; }
  .about-page .vision-principles { margin-top:30px; }
  .about-page .vision-principles>div { padding-block:19px; }
  .about-page .vision-principles h3 { font-size:29px; }
  .about-page .vision-principles p { margin-top:8px; }
  .about-page .density-statement { margin-top:34px; }
  .about-page .density-title { font-size:clamp(34px,9.5vw,43px); }
  .about-page .density-statement>p:last-child { font-size:19px; margin-top:22px; }
  .about-page .values-grid { gap:20px; }
  .about-page .value-panel:nth-child(n) { padding:24px; }
  .about-page .value-panel::before { margin-bottom:18px; }
  .about-page .value-panel h3 { font-size:31px; }
  .about-page .value-panel p { margin-top:16px; font-size:18px; }
  .about-page .approach-grid { gap:30px; }
  .about-page .approach-steps { gap:20px; }
  .about-page .approach-steps article { padding:23px; margin-right:10px; }
  .about-page .approach-steps article:nth-child(2) { margin-left:10px; margin-right:0; }
  .about-page .step-label { margin-bottom:12px; }
  .about-page .approach-steps h3 { font-size:30px; }
  .about-page .approach-steps p { margin-top:16px; }
  .about-page .drivers-panel img { height:190px; object-position:50% 49%; }
  .about-page .drivers-copy { padding:25px; }
  .about-page .drivers-copy h3 { font-size:34px; }
  .about-page .drivers-copy p:not(.eyebrow) { margin-top:20px; }
  .about-page .approach-next { margin-top:35px; padding-top:28px; gap:22px; }
  .about-page .approach-next p { font-size:19px; }
  .about-page .team-heading { gap:20px; }
  .about-page .team-heading>p { font-size:19px; }
  .about-page .ideas-grid { gap:34px; }
  .about-page .book-panel { padding:25px; }
  .about-page .book-panel h3 { font-size:clamp(50px,14vw,64px); }
  .about-page .book-subtitle { font-size:28px; margin-top:20px; }
  .about-page .book-panel>p:last-child { margin-top:22px; }
  .about-page .podcast-list>a { padding:24px 2px; }
  .about-page .podcast-list>a:hover { padding-left:2px; }
  .about-page .podcast-list h3 { font-size:29px; line-height:1.1; }
  .about-page .podcast-list p { margin-top:14px; }
  .about-page .episode-show { margin-bottom:12px; }
  .about-page .episode-action { margin-top:18px; min-height:32px; align-items:center; }
  .about-page .podcast-list>a:active { background:var(--white); }
  .about-page .about-close { margin-top:44px; padding-top:34px; gap:24px; }
  .about-page .about-close h2 { font-size:clamp(36px,10vw,47px); }
  .about-page .site-footer { gap:12px; }
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape) {
  .about-page .about-opening { min-height:0; padding-block:28px 38px; }
  .about-page .opening-copy h1 { font-size:46px; }
  .about-page .opening-intro { font-size:18px; margin-top:20px; }
  .about-page .opening-art { max-width:250px; justify-self:end; }
  .about-page .about-section { padding-block:48px; }
}
@media(prefers-reduced-motion:reduce) {
  .about-page .mobile-chapters::before { transition:none; }
}