@import url('./about-2026-tokens.css?v=7d1f7fb9cc1b');
/* Hallmark · designed-as-app · Split Studio + independent member reader.
   Pre-emit critique: P4 H5 E4 S4 R5 V4. Preserve original copy and portraits;
   local chapter anchors belong to the homepage, actual pages to the global menu. */
body.about-2026 main { background: var(--ab-paper); color: var(--ab-ink); font-family: var(--ab-font); }
html[data-theme] body.about-2026.about-2026 { background:var(--ab-paper); color:var(--ab-ink); animation:none !important; transform:none !important; }
html[data-theme="dark"] body.about-2026 .site-header.site-header { background:var(--ab-surface) !important; border-color:var(--ab-rule) !important; }
html[data-theme="dark"] body.about-2026 :is(.mega-menu,.mega-sections,.mega-shell,.site-footer) { background:var(--ab-surface) !important; color:var(--ab-ink); border-color:var(--ab-rule) !important; }
body.about-2026 main :is(h1,h2,h3,h4,h5,p,figure,blockquote,dl,ol,ul) { margin: 0; }
body.about-2026 main :is(a,button,[tabindex="0"]):focus-visible { outline: 3px solid var(--ab-focus); outline-offset: 5px; }
body.about-2026 main button { font-family: inherit; }
body.about-2026 main button,body.about-2026 main button * { text-decoration:none; }
body.about-2026 main [hidden] { display: none !important; }
body.about-2026 main [data-about-reveal] { opacity: 1; transform: none; }
body.about-2026 main > section[id] { scroll-margin-top: 32px; }
body.about-2026 main > :is(#process,#contact) { scroll-margin-top:132px; }
body.about-2026 .about-x-shell { width: var(--org-rail); min-width: 0; margin-inline: auto; }
body.about-2026 .about-x-label { color: var(--ab-accent); font: 600 var(--ab-text-small)/1.6 var(--ab-font); letter-spacing: .1em; }
body.about-2026 main h2 { margin-top: 16px; color:var(--ab-ink); font: 650 var(--ab-text-heading)/1.35 var(--ab-font); letter-spacing: -.04em; text-wrap: balance; }
body.about-2026 main h2 span { display: block; }
body.about-2026 main h3 { color: var(--ab-ink); font: 650 22px/1.45 var(--ab-font); letter-spacing: -.02em; }
body.about-2026 main p { color: var(--ab-muted); font: 400 var(--ab-text-body)/1.9 var(--ab-font); }
body.about-2026 .about-text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; padding-block: 8px; color: var(--ab-accent); font: 650 16px/1.5 var(--ab-font); text-decoration: none; position: relative; transition: transform var(--ab-duration-hover) var(--ab-ease-out); }
body.about-2026 .about-text-link::after { content: ''; position: absolute; left: 0; right: 0; bottom: 5px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform var(--ab-duration-switch) var(--ab-ease-out); }
body.about-2026 .about-text-link:hover::after { transform: scaleX(1); }
body.about-2026 .about-text-link span { display: inline-block; transition: transform var(--ab-duration-switch) var(--ab-ease-out); }
body.about-2026 .about-text-link:hover span { transform: translate(3px,-3px); }
body.about-2026 .about-x-hero-actions .about-text-link:hover span { transform: translateY(4px); }
body.about-2026 .about-x-hero { display: grid; grid-template-columns: 1.08fr 1fr; gap: clamp(32px,4.5vw,64px); align-items: start; padding-bottom: 48px; }
body.about-2026 .about-x-hero .org-masthead { text-align: left; padding-bottom: 0; }
body.about-2026 .about-x-hero h1 { margin-top: 12px; font-size: clamp(36px,3.8vw,58px); line-height: 1.24; letter-spacing: -.05em; color: var(--ab-ink); }
body.about-2026 .about-x-hero h1 span { display: block; }
body.about-2026 .about-x-hero h1 span:last-child { color: var(--ab-accent); }
body.about-2026 .about-x-hero-bottom { margin-top: 24px; }
body.about-2026 .about-x-hero-bottom p { max-width: 36em; }
body.about-2026 .about-x-hero-bottom p span { display: block; }
body.about-2026 .about-x-hero-actions { margin-top: 20px; }
body.about-2026 .about-x-hero-media { position: relative; aspect-ratio: 16 / 10; border-radius: var(--ab-radius-media); overflow: hidden; background: var(--ab-soft); margin-top: var(--gw-opening-space); box-shadow: 0 16px 48px -24px var(--ab-shadow); }
body.about-2026 .about-x-hero-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
body.about-2026 .about-film-caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 48px 20px 20px; background: linear-gradient(transparent,var(--ab-photo-shade)); color: var(--ab-photo-ink); font: 600 10px/1.5 var(--ab-font); letter-spacing: .15em; pointer-events: none; }
body.about-2026 .about-film-toggle { position: absolute; right: 16px; bottom: 10px; width: 44px; height: 44px; border: 1px solid var(--ab-night-rule); border-radius: 50%; color: var(--ab-photo-ink); background: var(--ab-photo-shade); cursor: pointer; transition: background var(--ab-duration-hover),transform var(--ab-duration-press); }
body.about-2026 .about-film-toggle:hover { background: var(--ab-night); }
body.about-2026 .about-film-toggle:active { transform: scale(.94); }
body.about-2026 .about-section-nav { position: sticky; top: 60px; z-index: 12; background: var(--ab-surface); border-block: 1px solid var(--ab-rule); }
html:has(.site-header.is-header-hidden) body.about-2026 .about-section-nav { top: 0; }
body.about-2026 .about-section-nav > div { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 32px; }
body.about-2026 .about-local-label { margin-right: auto; color: var(--ab-muted); font: 500 12px/1.5 var(--ab-font); }
body.about-2026 .about-section-nav a { display: inline-flex; align-items: center; min-height: 62px; color: var(--ab-muted); font: 600 14px/1.5 var(--ab-font); text-decoration: none; white-space: nowrap; transition: color var(--ab-duration-hover); }
body.about-2026 .about-section-nav a:is(:hover,[aria-current="location"]) { color: var(--ab-accent); }
body.about-2026 .about-nav-marker { position: absolute; left: 0; bottom: -1px; height: 3px; width: var(--ab-marker-width,0px); background: var(--ab-accent); transform: translateX(var(--ab-marker-x,0px)); transition: transform var(--ab-duration-switch) var(--ab-ease-out),width var(--ab-duration-switch) var(--ab-ease-out); pointer-events: none; }
body.about-2026 .about-x-belief { padding-block: var(--ab-space-section); }
body.about-2026 .about-belief-grid { display: grid; grid-template-columns: .86fr 1fr; gap: clamp(40px,7vw,96px); align-items: start; }
body.about-2026 .about-belief-grid .about-x-shell { width: 100%; }
body.about-2026 .about-x-belief-head > p:last-child { margin-top: 24px; max-width: 32em; }
body.about-2026 .about-x-belief-stage { display: grid; grid-template-columns: 1.1fr .85fr; grid-template-rows: 1fr auto; gap: 16px; align-items: end; }
body.about-2026 .about-x-belief-stage figure { overflow: hidden; border-radius: 12px; position: relative; }
body.about-2026 .about-x-belief-stage img { width: 100%; height: 100%; object-fit: cover; display: block; }
body.about-2026 .about-master-field { aspect-ratio: 3/4; grid-row: 1/3; }
body.about-2026 .about-master-field figcaption { position: absolute; left: 16px; bottom: 16px; color: var(--ab-photo-ink); font: 600 10px/1.5 var(--ab-font); letter-spacing: .1em; padding: 6px 8px; background: var(--ab-photo-shade); }
body.about-2026 .about-master-data { aspect-ratio: 1/1; }
body.about-2026 .about-master-pull { font: 600 17px/1.8 var(--ab-font); color: var(--ab-ink); padding-block: 4px; }
body.about-2026 .about-x-values { margin-top: 48px; border-block: 1px solid var(--ab-rule); display: grid; grid-template-columns: repeat(3,1fr); }
body.about-2026 .about-x-values article { display: grid; grid-template-columns: 28px 1fr; align-content:start; gap: 8px 16px; padding: 28px 28px 28px 0; }
body.about-2026 .about-x-values article + article { border-left: 1px solid var(--ab-rule); padding-left: 28px; }
body.about-2026 .about-x-values article > strong { font: 500 12px/2 var(--ab-font); color: var(--ab-accent); }
body.about-2026 .about-x-values h3 { font-size: 18px; }
body.about-2026 .about-x-values p { grid-column: 2; font-size: 14px; }
body.about-2026 .about-x-domains { padding-block: var(--ab-space-section); background: var(--ab-surface); border-block: 1px solid var(--ab-rule); }
body.about-2026 .about-section-intro { display: grid; grid-template-columns: 1.1fr .8fr; column-gap: 80px; }
body.about-2026 .about-section-intro .about-x-label { grid-column: 1/-1; }
body.about-2026 .about-section-intro > p:last-child { align-self: end; }
body.about-2026 .about-field-tabs { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-block: 36px 24px; }
body.about-2026 .about-field-tabs:not([role="tablist"]) { display:none; }
body.about-2026 .about-field-tabs button { display: flex; align-items: center; gap: 16px; min-height: 54px; padding: 12px 16px; border: 1px solid var(--ab-rule); border-radius: var(--ab-radius-control); background: var(--ab-surface); color: var(--ab-muted); font: 600 15px/1.5 var(--ab-font); cursor: pointer; transition: color var(--ab-duration-hover),background var(--ab-duration-hover),border-color var(--ab-duration-hover); }
body.about-2026 .about-field-tabs button > span:first-child { font-size: 11px; font-weight: 500; }
body.about-2026 .about-field-tabs button > span:last-child { margin-left: auto; transition: transform var(--ab-duration-switch) var(--ab-ease-out); }
body.about-2026 .about-field-tabs button:hover { color: var(--ab-accent); background: var(--ab-soft); }
body.about-2026 .about-field-tabs button:hover > span:last-child { transform: translate(2px,-2px); }
body.about-2026 .about-field-tabs button[aria-selected="true"] { color: var(--ab-accent); background: var(--ab-soft); border-color: var(--ab-accent); }
body.about-2026 .about-x-domain-landscape article { display: grid; grid-template-columns: 1.15fr .85fr; align-items: center; gap: clamp(32px,5vw,72px); margin-bottom: 24px; padding: 24px; border-radius: var(--ab-radius-media); background: var(--ab-soft); }
body.about-2026 .about-x-domain-landscape figure { aspect-ratio: 16/10; overflow: hidden; border-radius: 10px; }
body.about-2026 .about-x-domain-landscape picture,body.about-2026 .about-x-domain-landscape img { display: block; width: 100%; height: 100%; object-fit: cover; }
body.about-2026 .about-x-domain-landscape article > div { padding-right: 32px; }
body.about-2026 .about-x-domain-landscape article > div > span { color: var(--ab-accent); font: 600 11px/1.5 var(--ab-font); letter-spacing: .1em; }
body.about-2026 .about-x-domain-landscape h3 { margin-top: 20px; font-size: 30px; }
body.about-2026 .about-x-domain-landscape p { margin-top: 16px; max-width: 27em; }
body.about-2026 .about-field-status { min-height: 24px; margin-top: 8px; font-size: 13px; color: var(--ab-muted); }
body.about-2026 .about-x-capabilities { padding-block: var(--ab-space-section); }
body.about-2026 .about-x-cap-grid { display: grid; grid-template-columns: .9fr 1fr; gap: clamp(48px,8vw,120px); }
body.about-2026 .about-x-cap-grid header { align-self: start; position: sticky; top: 158px; }
body.about-2026 .about-x-cap-grid header > p:last-child { margin-top: 24px; max-width: 27em; }
body.about-2026 .about-x-cap-list { border-top: 1px solid var(--ab-rule); }
body.about-2026 .about-x-cap-list article { display: grid; grid-template-columns: 28px 1fr; gap: 24px; padding-block: 24px; border-bottom: 1px solid var(--ab-rule); }
body.about-2026 .about-x-cap-list article > span { color: var(--ab-accent); font: 500 12px/2 var(--ab-font); }
body.about-2026 .about-x-cap-list p { margin-top: 8px; font-size: 15px; }
body.about-2026 .about-x-process { padding-block: 0 var(--ab-space-section); }
body.about-2026 .about-x-process-head { margin-bottom: 36px; }
body.about-2026 .about-x-process-line { display: grid; grid-template-columns: repeat(4,1fr); padding: 0; list-style: none; }
body.about-2026 .about-x-process-line li { padding: 24px 24px 0 0; border-top: 2px solid var(--ab-rule); position: relative; }
body.about-2026 .about-x-process-line li::before { content:''; position: absolute; top:-2px; left:0; right:0; height:2px; background:var(--ab-accent); transform:scaleX(0); transform-origin:left; transition:transform 700ms var(--ab-ease-out); }
body.about-2026 .about-x-process-line li.is-seen::before { transform:scaleX(1); }
body.about-2026 .about-x-process-line li > span { display: block; font: 500 34px/1.3 var(--ab-font); color: var(--ab-accent); margin-bottom: 20px; }
body.about-2026 .about-x-process-line h3 { font-size: 19px; }
body.about-2026 .about-x-process-line p { margin-top: 12px; font-size: 14px; }
body.about-2026 .about-x-work { padding-block: var(--ab-space-section); background: var(--ab-surface); border-block: 1px solid var(--ab-rule); }
body.about-2026 .about-x-work-head > p:last-child { margin-top: 16px; }
body.about-2026 .about-x-work-collage { display:grid; grid-template-columns:1.15fr 1fr; gap:24px; margin-top:32px; }
body.about-2026 .about-x-project { color: var(--ab-ink); text-decoration:none; display:grid; grid-template-columns: .7fr 1fr; align-items:center; border:1px solid var(--ab-rule); border-radius:var(--ab-radius-media); background:var(--ab-paper); overflow:hidden; transition: transform var(--ab-duration-switch) var(--ab-ease-out),border-color var(--ab-duration-hover); }
body.about-2026 .about-x-project-wide { grid-row:span 2; display:flex; flex-direction:column; align-items:stretch; }
body.about-2026 .about-x-project figure { align-self:stretch; min-height:180px; overflow:hidden; }
body.about-2026 .about-x-project img { width:100%; height:100%; object-fit:cover; display:block; transition:transform 700ms var(--ab-ease-out); }
body.about-2026 .about-x-project-wide figure { aspect-ratio: 16/8; }
body.about-2026 .about-x-project > div { padding:24px; }
body.about-2026 .about-x-project > div > span { font:600 12px/1.5 var(--ab-font); color:var(--ab-accent); }
body.about-2026 .about-x-project h3 { margin-top:10px; }
body.about-2026 .about-x-project p { margin-top:8px; font-size:14px; }
body.about-2026 .about-x-project:hover { border-color:var(--ab-accent); }
body.about-2026 .about-x-project:hover img { transform:scale(1.035); }
body.about-2026 .org-cooperation { padding-block:var(--ab-space-section); background:var(--ab-paper); border:0; color:var(--ab-ink); }
body.about-2026 .org-cooperation > div > p:not(.about-x-label) { margin-top:20px; color:var(--ab-muted); font:400 var(--ab-text-body)/1.9 var(--ab-font); }
body.about-2026 .org-cooperation-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0 48px; margin:32px 0 20px; }
body.about-2026 .org-cooperation-grid a { display:grid; grid-template-columns:1fr 24px; gap:12px; padding:24px 0; border:0; border-top:1px solid var(--ab-rule); border-radius:0; background:transparent; text-decoration:none; color:var(--ab-ink); transition:transform var(--ab-duration-switch) var(--ab-ease-out); }
body.about-2026 .org-cooperation-grid a > strong { font:650 22px/1.45 var(--ab-font); }
body.about-2026 .org-cooperation-grid a > span { color:var(--ab-accent); font-size:22px; transition:transform var(--ab-duration-switch) var(--ab-ease-out); }
body.about-2026 .org-cooperation-grid a > p { grid-column:1/-1; max-width:32em; font-size:15px; }
body.about-2026 .org-cooperation-grid a:hover > span { transform:translate(3px,-3px); }
body.about-2026 .about-team-gateway { display:grid; grid-template-columns:.8fr 1.2fr; gap:48px; align-items:center; padding-block:48px var(--ab-space-section); border-top:1px solid var(--ab-rule); }
body.about-2026 .about-team-gateway .about-text-link { margin-top:16px; }
body.about-2026 .about-team-portraits { display:grid; grid-template-columns:repeat(6,1fr); gap:12px; }
body.about-2026 .about-team-portraits a { display:block; text-decoration:none; color:var(--ab-ink); transition:transform var(--ab-duration-switch) var(--ab-ease-out); }
body.about-2026 .about-team-portraits a:nth-child(even) { margin-top:28px; }
body.about-2026 .about-team-portraits a:hover { transform:translateY(-6px); }
body.about-2026 .about-team-portraits img { width:100%; aspect-ratio:3/4; object-fit:cover; display:block; border-radius:8px; }
body.about-2026 .about-team-portraits a:first-child img { object-position:left center; }
body.about-2026 .about-team-portraits span { display:block; margin-top:10px; font:600 13px/1.5 var(--ab-font); text-align:center; }
body.about-2026 .about-x-contact { padding-block:64px; background:var(--ab-night); color:var(--ab-photo-ink); }
body.about-2026 .about-x-contact > div { display:grid; grid-template-columns:1fr 1fr; column-gap:80px; }
body.about-2026 .about-x-contact .about-x-label { color:var(--ab-night-muted); grid-column:1/-1; }
body.about-2026 .about-x-contact h2 { color:var(--ab-photo-ink); }
body.about-2026 .about-x-contact > div > div { align-self:end; }
body.about-2026 .about-x-contact p { color:var(--ab-night-muted); }
body.about-2026 .about-x-contact .about-text-link { margin-top:20px; color:var(--ab-photo-ink); }
/* Team content is the original markup; only the reading surface and wayfinding change. */
body.about-2026 .about-team-opening { text-align:left; padding-bottom:36px; }
body.about-2026 .about-team-opening .org-eyebrow a { color:inherit; text-decoration:none; }
body.about-2026 .about-team-opening h1 { margin-top:12px; }
body.about-2026 .about-team-opening .about-text-link { position:absolute; right:max(32px,calc((100% - 1368px)/2)); top:145px; }
body.about-2026 .about-x-people { padding-bottom:var(--ab-space-section); }
body.about-2026 .about-x-people-flow { display:none; }
body.about-2026 .about-x-people-head { border-top:1px solid var(--ab-rule); padding-block:32px 24px; display:grid; grid-template-columns:1fr 1fr; align-items:end; }
body.about-2026 .about-x-people-head .about-x-label { display:none; }
body.about-2026 .about-x-people-head h2 { margin:0; font-size:28px; }
body.about-2026 .about-x-people-head .about-x-people-note { font-size:14px; text-align:right; }
body.about-2026 .about-team-tabs { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-bottom:24px; }
body.about-2026 .about-x-person-tab { min-height:86px; display:grid; grid-template-columns:22px 1fr; align-items:center; gap:2px 8px; text-align:left; padding:16px; color:var(--ab-muted); border:1px solid var(--ab-rule); background:var(--ab-surface); border-radius:var(--ab-radius-control); cursor:pointer; transition:background var(--ab-duration-hover),border-color var(--ab-duration-hover),color var(--ab-duration-hover); }
body.about-2026 .about-x-person-tab > span { font-size:10px; }
body.about-2026 .about-x-person-tab strong { font:650 17px/1.5 var(--ab-font); color:inherit; }
body.about-2026 .about-x-person-tab small { grid-column:2; font:400 11px/1.5 var(--ab-font); color:inherit; }
body.about-2026 .about-x-person-tab:hover { background:var(--ab-soft); color:var(--ab-accent); }
body.about-2026 .about-x-person-tab[aria-selected="true"] { background:var(--ab-soft); border-color:var(--ab-accent); color:var(--ab-accent); }
body.about-2026 .about-x-person { display:grid; grid-template-columns:.75fr 1.25fr; min-width:0; background:var(--ab-surface); border:1px solid var(--ab-rule); border-radius:var(--ab-radius-media); overflow:hidden; margin-bottom:24px; }
body.about-2026 .about-x-person > .about-x-person-tab { display:none; }
body.about-2026 .about-x-person-media { position:relative; min-width:0; align-self:stretch; height:660px; background:var(--ab-soft); }
body.about-2026 .about-x-person-media picture,body.about-2026 .about-x-person-media img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
body.about-2026 .about-x-person-founder .about-x-person-media img { object-position:left center; }
body.about-2026 .about-x-person-media figcaption { position:absolute; inset:auto 0 0; padding:60px 28px 28px; background:linear-gradient(transparent,var(--ab-photo-shade)); color:var(--ab-photo-ink); }
body.about-2026 .about-x-person-media figcaption > span { display:block; font:600 11px/1.6 var(--ab-font); letter-spacing:.12em; }
body.about-2026 .about-x-person-media figcaption b { display:block; margin-top:8px; font:600 10px/1.6 var(--ab-font); letter-spacing:.06em; }
body.about-2026 .about-x-person-story { min-width:0; height:660px; overflow-y:auto; overscroll-behavior-y:contain; scrollbar-width:thin; scrollbar-color:var(--ab-rule) transparent; padding:36px clamp(24px,3.5vw,48px); scroll-padding-top:24px; }
body.about-2026 .about-x-person-story header > p { font:600 11px/1.5 var(--ab-font); color:var(--ab-accent); letter-spacing:.1em; }
body.about-2026 .about-x-person-story header > div { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin-block:16px; }
body.about-2026 .about-x-person-story h3 { font-size:36px; }
body.about-2026 .about-x-person-story header > div > span { font:600 13px/1.5 var(--ab-font); color:var(--ab-muted); }
body.about-2026 .about-x-person-story header small { display:block; font:500 10px/1.5 var(--ab-font); letter-spacing:.08em; }
body.about-2026 .about-x-person-story header > strong { display:block; font:600 14px/1.7 var(--ab-font); color:var(--ab-muted); }
body.about-2026 .about-x-person-lead { margin-top:24px; font-size:15px; }
body.about-2026 .about-x-person-facts { display:grid; grid-template-columns:repeat(2,1fr); gap:16px 24px; margin-top:24px; padding-block:24px; border-block:1px solid var(--ab-rule); }
body.about-2026 .about-x-person-facts dt { color:var(--ab-muted); font:500 10px/1.5 var(--ab-font); letter-spacing:.08em; }
body.about-2026 .about-x-person-facts dd { color:var(--ab-ink); font:500 14px/1.7 var(--ab-font); margin:6px 0 0; }
body.about-2026 .about-x-founder-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px; }
body.about-2026 .about-x-founder-proof strong { display:block; font:500 28px/1.4 var(--ab-font); color:var(--ab-accent); }
body.about-2026 .about-x-founder-proof sup { font-size:13px; }
body.about-2026 .about-x-founder-proof span { display:block; font:400 12px/1.7 var(--ab-font); color:var(--ab-muted); }
body.about-2026 .about-x-person-story blockquote { margin-top:24px; padding:16px 20px; background:var(--ab-soft); border-left:2px solid var(--ab-accent); font:500 15px/1.9 var(--ab-font); color:var(--ab-ink); }
body.about-2026 .about-x-person-story :is(h4,h5) { color:var(--ab-ink); font:650 16px/1.7 var(--ab-font); }
body.about-2026 .about-x-person-skills,body.about-2026 .about-x-person-projects { margin-top:28px; }
body.about-2026 .about-x-person-skills ul { list-style:none; display:grid; grid-template-columns:repeat(2,1fr); gap:8px 24px; padding:0; margin-top:12px; }
body.about-2026 .about-x-person-skills li { color:var(--ab-muted); font:400 13px/1.8 var(--ab-font); padding-left:14px; position:relative; }
body.about-2026 .about-x-person-skills li::before { content:''; width:4px; height:4px; border-radius:50%; background:var(--ab-accent); position:absolute; left:0; top:10px; }
body.about-2026 .about-x-person-projects ol { list-style:none; padding:0; margin-top:16px; }
body.about-2026 .about-x-person-projects li { padding-block:20px; border-top:1px solid var(--ab-rule); }
body.about-2026 .about-x-person-projects time { color:var(--ab-accent); font:600 12px/1.6 var(--ab-font); }
body.about-2026 .about-x-person-projects h5 { margin-top:8px; font-size:15px; }
body.about-2026 .about-x-person-projects p { margin-top:8px; font-size:13px; }
@media(min-width: 901px) { body.about-2026 .about-team-opening { min-height:224px; } }
@media(max-width: 1100px) {
  body.about-2026 .about-section-nav > div { gap:24px; }
  body.about-2026 .about-team-tabs { grid-template-columns:repeat(3,1fr); }
  body.about-2026 .about-x-hero { gap:32px; }
  body.about-2026 .about-x-hero h1 { font-size:clamp(36px,3.75vw,44px); }
  body.about-2026 .about-section-intro { column-gap:40px; }
  body.about-2026 .about-team-gateway { grid-template-columns:1fr; gap:32px; }
  body.about-2026 .about-team-portraits { max-width:760px; }
}
@media(max-width: 900px) {
  body.about-2026 .about-x-hero { grid-template-columns:1fr; gap:28px; }
  body.about-2026 .about-x-hero .org-masthead { padding-top:42px; }
  body.about-2026 .about-x-hero-media { margin-top:0; aspect-ratio:16/8; }
  body.about-2026 .about-x-hero h1 { font-size:44px; }
  body.about-2026 .about-x-hero h1 span { display:inline; }
  body.about-2026 .about-local-label { display:none; }
  body.about-2026 .about-section-nav > div { justify-content:space-between; gap:16px; }
  body.about-2026 .about-belief-grid,body.about-2026 .about-x-cap-grid { grid-template-columns:1fr; gap:32px; }
  body.about-2026 .about-x-belief-head > p:last-child { max-width:44em; }
  body.about-2026 .about-x-belief-stage { max-width:560px; }
  body.about-2026 .about-x-cap-grid header { position:static; }
  body.about-2026 .about-x-cap-grid header > p:last-child { max-width:42em; }
  body.about-2026 .about-x-work-collage { grid-template-columns:1fr 1fr; gap:16px; }
  body.about-2026 .about-x-project:not(.about-x-project-wide) { grid-template-columns:1fr; }
  body.about-2026 .about-x-project:not(.about-x-project-wide) figure { display:none; }
  body.about-2026 .about-x-project > div { padding:20px; }
  body.about-2026 .about-x-person-media,body.about-2026 .about-x-person-story { height:700px; }
  body.about-2026 .about-x-person { grid-template-columns:.7fr 1fr; }
  body.about-2026 .about-team-opening .about-text-link { top:145px; }
}
@media(max-width: 640px) {
  body.about-2026 main { --org-rail:calc(100% - 32px); }
  body.about-2026 .about-x-hero { padding-bottom:32px; gap:28px; }
  body.about-2026 .about-x-hero .org-masthead { padding-top:38px; }
  body.about-2026 .about-x-hero .org-eyebrow { font-size:11px; letter-spacing:.03em; }
  body.about-2026 .about-x-hero h1 { font-size:clamp(32px,8.2vw,44px); line-height:1.28; margin-top:10px; }
  body.about-2026 .about-x-hero h1 span { display:block; }
  body.about-2026 .about-x-hero-bottom { margin-top:18px; }
  body.about-2026 .about-x-hero-bottom p { font-size:15px; line-height:1.85; }
  body.about-2026 .about-x-hero-actions { margin-top:14px; }
  body.about-2026 .about-x-hero-media { aspect-ratio:16/10; border-radius:12px; }
  body.about-2026 .about-film-caption { font-size:8px; padding:48px 14px 20px; }
  body.about-2026 .about-section-nav { top:60px; }
  body.about-2026 .about-section-nav > div { gap:4px; }
  body.about-2026 .about-section-nav a { font-size:11px; min-height:52px; }
  body.about-2026 main > section[id] { scroll-margin-top:64px; }
  body.about-2026 main > :is(#process,#contact) { scroll-margin-top:124px; }
  body.about-2026 .about-belief-grid { gap:28px; }
  body.about-2026 main h2 { font-size:30px; line-height:1.4; }
  body.about-2026 main p { font-size:15px; }
  body.about-2026 .about-x-belief-stage { gap:12px; }
  body.about-2026 .about-master-pull { font-size:14px; }
  body.about-2026 .about-x-values { display:block; margin-top:28px; }
  body.about-2026 .about-x-values article { padding:20px 0; gap:6px 12px; }
  body.about-2026 .about-x-values article + article { border-left:0; border-top:1px solid var(--ab-rule); padding-left:0; }
  body.about-2026 .about-x-values p { font-size:14px; }
  body.about-2026 .about-section-intro { display:block; }
  body.about-2026 .about-section-intro > p:last-child { margin-top:20px; }
  body.about-2026 .about-field-tabs { grid-template-columns:repeat(2,1fr); margin-block:24px 16px; }
  body.about-2026 .about-field-tabs button { padding:12px; gap:8px; font-size:14px; }
  body.about-2026 .about-x-domain-landscape article { grid-template-columns:1fr; padding:12px; gap:0; }
  body.about-2026 .about-x-domain-landscape article > div { padding:20px 8px 12px; }
  body.about-2026 .about-x-domain-landscape h3 { margin-top:12px; font-size:26px; }
  body.about-2026 .about-x-domain-landscape p { margin-top:12px; font-size:14px; }
  body.about-2026 .about-x-cap-list article { gap:12px; }
  body.about-2026 .about-x-cap-list h3 { font-size:20px; }
  body.about-2026 .about-x-cap-list p { font-size:14px; }
  body.about-2026 .about-x-process-line { grid-template-columns:1fr; }
  body.about-2026 .about-x-process-line li { display:grid; grid-template-columns:48px 1fr; gap:16px; border-top:0; padding:0 0 28px 16px; }
  body.about-2026 .about-x-process-line li::before { top:0; left:0; right:auto; height:100%; width:2px; transform:scaleY(0); transform-origin:top; }
  body.about-2026 .about-x-process-line li.is-seen::before { transform:scaleY(1); }
  body.about-2026 .about-x-process-line li:last-child { padding-bottom:0; }
  body.about-2026 .about-x-process-line li > span { margin-bottom:0; font-size:28px; }
  body.about-2026 .about-x-process-line p { margin-top:8px; font-size:14px; }
  body.about-2026 .about-x-work-collage { display:block; }
  body.about-2026 .about-x-project,body.about-2026 .about-x-project-wide { margin-bottom:16px; display:grid; grid-template-columns:1fr; }
  body.about-2026 .about-x-project:not(.about-x-project-wide) figure { display:block; height:140px; min-height:0; }
  body.about-2026 .about-x-project-wide figure { aspect-ratio:16/9; }
  body.about-2026 .about-x-project p { font-size:14px; }
  body.about-2026 .org-cooperation-grid { grid-template-columns:1fr; gap:0; }
  body.about-2026 .org-cooperation-grid a > strong { font-size:20px; }
  body.about-2026 .org-cooperation-grid a > p { font-size:14px; }
  body.about-2026 .about-team-gateway { padding-top:32px; }
  body.about-2026 .about-team-portraits { gap:12px; grid-template-columns:repeat(3,1fr); }
  body.about-2026 .about-team-portraits a:nth-child(even) { margin-top:0; }
  body.about-2026 .about-x-contact > div { grid-template-columns:1fr; gap:24px; }
  body.about-2026 .about-x-contact .about-x-label { margin-bottom:-24px; }
  body.about-2026 .about-team-opening { padding-top:38px; }
  body.about-2026 .about-team-opening h1 { margin-top:10px; }
  body.about-2026 .about-team-opening .about-text-link { position:static; margin-top:14px; font-size:14px; }
  body.about-2026 .about-x-people-head { display:block; padding-top:24px; }
  body.about-2026 .about-x-people-head h2 { font-size:24px; }
  body.about-2026 .about-x-people-head .about-x-people-note { text-align:left; font-size:13px; margin-top:12px; }
  body.about-2026 .about-team-tabs { gap:6px; margin-bottom:16px; }
  body.about-2026 .about-x-person-tab { min-height:80px; padding:10px 8px; grid-template-columns:1fr; text-align:center; gap:4px; }
  body.about-2026 .about-x-person-tab > span { display:none; }
  body.about-2026 .about-x-person-tab strong { font-size:15px; }
  body.about-2026 .about-x-person-tab small { grid-column:1; font-size:10px; }
  body.about-2026 .about-x-person { grid-template-columns:1fr; }
  body.about-2026 .about-x-person-media { height:320px; }
  body.about-2026 .about-x-person-media img { object-position:center 35%; }
  body.about-2026 .about-x-person-media figcaption { padding:48px 20px 20px; }
  body.about-2026 .about-x-person-story { height:min(720px,85svh); min-height:440px; padding:24px 20px; }
  body.about-2026 .about-x-person-story h3 { font-size:30px; }
  body.about-2026 .about-x-person-lead { font-size:14px; }
  body.about-2026 .about-x-person-facts { gap:16px; }
  body.about-2026 .about-x-person-facts dd { font-size:13px; }
  body.about-2026 .about-x-person-story blockquote { padding:14px; font-size:14px; }
  body.about-2026 .about-x-person-skills ul { grid-template-columns:1fr; gap:6px; }
}
@media(prefers-reduced-motion:reduce) {
  body.about-2026 main *,body.about-2026 main *::before,body.about-2026 main *::after { transition-duration:0ms !important; animation:none !important; scroll-behavior:auto !important; }
  body.about-2026 main [data-about-reveal] { opacity:1 !important; transform:none !important; }
}