/* A small history counterpart on the existing hero. No changes to its scenes. */
.hero-history{--history-progress:100;flex:none;width:min(330px,88%);margin:0 0 clamp(17px,3vh,30px);color:#17232a}
.hero-history-line{display:block;width:100%;height:auto;overflow:visible}
.hero-history-base,.hero-history-progress{fill:none;stroke-width:1.15;stroke-linecap:round}
.hero-history-base{stroke:#c4ccce}
.hero-history-progress{stroke:#17232a;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--history-progress));transition:stroke-dashoffset .5s cubic-bezier(.22,1,.36,1)}
.hero-history-arrow{fill:#17232a}
.hero-history-line a{color:#17232a;text-decoration:none;cursor:pointer}
.hero-history-line circle{fill:#fff;stroke:currentColor;stroke-width:1.2;transform-box:fill-box;transform-origin:center;transition:fill .2s,transform .2s}
.hero-history-line text{fill:currentColor;text-anchor:middle;font:400 9px 'IBM Plex Mono',monospace;opacity:.6;transition:opacity .2s}
.hero-history-line a:hover circle,.hero-history-line a:focus circle,.hero-history-line a.is-active circle{fill:currentColor;transform:scale(1.4)}
.hero-history-line a:hover text,.hero-history-line a:focus text,.hero-history-line a.is-active text{opacity:1}
.hero-history-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:-.02em;text-decoration:none;color:#667379}
.hero-history-caption>span:last-child{white-space:nowrap;color:#17232a}
.hero-history-caption b{font-weight:400;font-size:12px;margin-left:3px}
.hero-history-caption:hover>span:last-child{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
  .hero-history{width:min(252px,82%);margin-bottom:10px}
  .hero-history-caption{font-size:7px;margin-top:1px}
  .hero-history-caption>span:first-child{max-width:145px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  .hero-history-line text{font-size:10px}
}
@media(max-height:760px) and (min-width:761px){.hero-history{width:270px;margin-bottom:16px}}
@media(max-height:700px) and (max-width:760px){
  .hero-history{width:208px;margin-bottom:6px}
  .hero-history-caption{display:none}
}
@media(max-height:560px){.hero-history{width:180px;margin-bottom:5px}.hero-history-caption{display:none}}

/* The record is a separate, scrollable editorial screen. */
body.record-page{--record-paper:#f9f9f5;--record-ink:#14232b;--record-muted:#69777c;--record-line:#d5dcdb;--record-blue:#477e9f;--record-sky:#e4edf0;--record-mono:'IBM Plex Mono',monospace;--record-serif:'Instrument Serif',Georgia,serif;--record-sans:'Onest',sans-serif;box-sizing:border-box;margin:0;background:var(--record-paper);color:var(--record-ink);font-family:var(--record-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased}
.record-page *,.record-page *::before,.record-page *::after{box-sizing:inherit}
.record-page a{color:inherit;text-decoration:none}
.record-page button{font:inherit;color:inherit;cursor:pointer}
.record-page button:focus-visible,.record-page a:focus-visible,.record-page summary:focus-visible{outline:2px solid #477e9f;outline-offset:6px}
.record-page ::selection{color:#f9f9f5;background:#477e9f}
.record-skip{position:absolute;top:-80px;left:20px;z-index:20;background:var(--record-paper);padding:12px}
.record-skip:focus{top:12px}
.record-header{position:sticky;top:0;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:24px;height:84px;margin:0 4vw;background:rgba(249,249,245,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--record-line)}
.record-brand{display:inline-flex;align-items:center;gap:18px}
.record-brand img{display:block;object-fit:contain;width:29px;height:29px}
.record-brand span{font-size:27px;font-weight:700;letter-spacing:-1.5px}
.record-header nav{display:flex;align-items:center;gap:25px}
.record-legal{font:400 10px/1 var(--record-mono);letter-spacing:.07em}
.record-contact{display:flex;gap:35px;align-items:center;padding:11px 18px;border:1px solid var(--record-line);font-size:12px}
.record-contact:hover{background:#e8eef0;border-color:#bdced5}
.record-contact span{font-size:17px;line-height:1}
.record-masthead{max-width:1440px;margin:0 auto;padding:75px 6vw 68px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end}
.record-eyebrow{margin:0 0 18px;font:400 10px/1.6 var(--record-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--record-muted)}
.record-masthead h1{margin:0;font:400 clamp(72px,9.5vw,142px)/.9 var(--record-serif);letter-spacing:-.045em}
.record-masthead-copy{max-width:360px;margin:0 0 5px;color:var(--record-muted);font-size:15px;line-height:1.8}
.record-masthead-copy p{margin:0}
.record-masthead-copy a{display:inline-flex;align-items:center;gap:24px;margin-top:22px;font:400 10px/1.4 var(--record-mono);color:var(--record-ink);border-bottom:1px solid var(--record-line);padding-bottom:7px}
.record-history{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;max-width:1440px;padding:0 6vw;margin:0 auto;align-items:start}
.record-visual{position:sticky;top:106px;min-width:0;padding:24px 22px 20px;background:var(--record-sky);border:1px solid #cfdddf;overflow:hidden;isolation:isolate;border-radius:3px}
.record-visual::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 30%,rgba(255,255,255,.85),transparent 55%),linear-gradient(110deg,transparent 60%,rgba(98,151,175,.15));opacity:.85}
.record-visual-meta{display:flex;justify-content:space-between;gap:20px;align-items:center;font:400 9px/1.5 var(--record-mono);text-transform:uppercase;letter-spacing:.08em;color:#657e88}
.record-visual-year{display:block;position:relative;margin:24px 0 0;font:400 clamp(65px,8.4vw,124px)/.88 var(--record-serif);letter-spacing:-.05em;color:#254657;z-index:2}
.record-visual-place{display:block;margin-top:13px;font:400 9px/1.5 var(--record-mono);text-transform:uppercase;letter-spacing:.15em;color:#607782}
.record-object-stage{position:relative;aspect-ratio:1.32;perspective:900px;touch-action:pan-y}
.record-object-stage::after{content:'';position:absolute;inset:auto 15% 2% 15%;height:20px;filter:blur(18px);background:rgba(40,78,96,.12);border-radius:50%;pointer-events:none}
.record-object{width:100%;height:100%;overflow:visible;transform:rotateX(var(--record-rx,0deg)) rotateY(var(--record-ry,0deg));transition:transform .4s ease-out;transform-style:preserve-3d}
.record-object [data-era-graphic]{opacity:0;transform:translateY(15px) scale(.94);transform-origin:300px 190px;transition:opacity .55s,transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none}
.record-object [data-era-graphic].is-active{opacity:1;transform:translateY(0) scale(1)}
.record-object .record-front{fill:#fbfcf8;stroke:#54798b;stroke-width:1}
.record-object .record-top{fill:#e7f0f1;stroke:#54798b;stroke-width:1}
.record-object .record-side{fill:#bbd0d9;stroke:#54798b;stroke-width:1}
.record-object .record-wire{fill:none;stroke:#6d929f;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.record-object .record-wire-faint{fill:none;stroke:#88a7b2;stroke-width:.8;opacity:.5}
.record-object .record-solid{fill:#39657b}
.record-object text{font-family:var(--record-mono);font-size:10px;fill:#557888;letter-spacing:.03em}
.record-object .record-paper-text{font-size:12px;fill:#2e5367}
.record-object .record-grid{stroke:#8ca8b0;stroke-width:.65;opacity:.16;fill:none}
.record-visual-caption{margin:0;min-height:30px;font:400 10px/1.6 var(--record-mono);color:#5b7784}
.record-journey{position:relative;width:100%;height:120px;margin:13px 0 0}
.record-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.record-route-base,.record-route-progress{fill:none;stroke-width:1.1;vector-effect:non-scaling-stroke;stroke-linecap:round}
.record-route-base{stroke:#a2b7bf}
.record-route-progress{stroke:#284c60}
.record-route-arrow{fill:#284c60;stroke:none}
.record-stop{position:absolute;left:var(--stop-x);top:var(--stop-y);transform:translate(-50%,-5px);padding:0;display:flex;flex-direction:column;align-items:center;gap:11px;background:none;border:0;min-width:42px;text-decoration:none}
.record-stop-dot{display:block;width:9px;height:9px;border:1px solid #70919f;border-radius:50%;background:#e4edf0;transition:background .25s,transform .3s}
.record-stop-label{font:400 10px/1.1 var(--record-mono);white-space:nowrap;color:#6b838d}
.record-stop.is-active .record-stop-dot{background:#284c60;border-color:#284c60;transform:scale(1.25)}
.record-stop.is-active .record-stop-label{color:#193c4f}
.record-stop:hover .record-stop-dot{background:#547e91;transform:scale(1.4)}
.record-visual-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;border-top:1px solid rgba(83,121,138,.2);font:400 9px/1.5 var(--record-mono);color:#6b838d}
.record-visual-bottom a{color:#345a6d}
.record-visual-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
.record-chapter{position:relative;min-height:75svh;min-height:75vh;padding:65px 0 75px;scroll-margin-top:112px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--record-line)}
.record-chapter:first-child{padding-top:55px}
.record-chapter:last-child{border-bottom:0}
.record-chapter .record-eyebrow{font-size:9px}
.record-chapter-year{margin:0 0 16px;font:400 13px/1.5 var(--record-mono);color:#50788a}
.record-chapter h2{margin:0 0 26px;max-width:440px;font:400 clamp(40px,4.2vw,65px)/1.02 var(--record-serif);letter-spacing:-.025em}
.record-chapter-intro{max-width:450px;margin:0;font-size:16px;line-height:1.75;color:#364e59}
.record-chapter-body{max-width:450px;margin:22px 0 0;font-size:13px;line-height:1.85;color:var(--record-muted)}
.record-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:37px}
.record-fact{padding-top:15px;border-top:1px solid var(--record-line)}
.record-fact strong{display:block;font:400 clamp(24px,3vw,39px)/1.15 var(--record-serif);letter-spacing:-.02em;color:#2c4e60}
.record-fact span{display:block;margin-top:9px;font:400 9px/1.65 var(--record-mono);color:var(--record-muted);max-width:160px}
.record-archive{max-width:1440px;margin:75px auto 0;padding:80px 6vw 110px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:7vw;border-top:1px solid var(--record-line);scroll-margin-top:90px}
.record-archive h2{margin:0;font:400 clamp(44px,5.5vw,76px)/.97 var(--record-serif);letter-spacing:-.03em}
.record-archive-intro>p:last-child{max-width:330px;font-size:13px;line-height:1.85;color:var(--record-muted);margin:28px 0 0}
.record-dossier{border-bottom:1px solid var(--record-line)}
.record-dossier:first-child{border-top:1px solid var(--record-line)}
.record-dossier summary{position:relative;list-style:none;cursor:pointer;padding:24px 35px 24px 0;font-size:15px;font-weight:500;line-height:1.45}
.record-dossier summary::-webkit-details-marker{display:none}
.record-dossier summary::after{content:'+';position:absolute;right:5px;top:25px;font:400 23px/1 var(--record-serif)}
.record-dossier[open] summary::after{content:'-'}
.record-dossier summary small{display:block;margin-top:8px;font:400 9px/1.7 var(--record-mono);font-weight:400;color:var(--record-muted)}
.record-dossier-content{padding:0 22px 26px 0;max-width:600px}
.record-dossier-content p{margin:0 0 18px;font-size:13px;line-height:1.85;color:#526871}
.record-dossier-content p:last-child{margin-bottom:0}
.record-attribution{max-width:1440px;margin:0 auto;padding:0 6vw 55px;font:400 9px/1.8 var(--record-mono);color:var(--record-muted)}
.record-footer{margin:0 4vw;border-top:1px solid var(--record-line);padding:25px 2vw 35px;display:flex;align-items:center;justify-content:space-between;gap:25px;font:400 10px/1.6 var(--record-mono);color:var(--record-muted)}
.record-footer>a{color:var(--record-ink)}
.record-footer nav{display:flex;gap:22px}
@media(min-width:1600px){.record-object-stage{aspect-ratio:1.5}.record-visual{top:115px}}
@media(max-width:1000px){
 .record-history{gap:4vw;padding-inline:4vw}.record-masthead{padding-inline:4vw}.record-visual{padding:20px 17px}.record-visual-year{font-size:83px}.record-visual-meta{font-size:8px}.record-chapter h2{font-size:47px}.record-chapter-intro{font-size:14px}.record-archive{padding-inline:4vw;gap:5vw}.record-stop-label{font-size:9px}.record-journey{height:100px}
}
@media(max-width:700px){
 .record-header{height:66px;margin-inline:20px;gap:12px}.record-brand{gap:9px}.record-brand img{width:24px;height:24px}.record-brand span{font-size:23px}.record-header nav{gap:13px}.record-legal{font-size:9px}.record-contact{padding:9px 11px;gap:15px;font-size:11px}.record-masthead{padding:48px 23px 42px;grid-template-columns:1fr;gap:25px}.record-masthead h1{font-size:87px}.record-masthead-copy{max-width:390px;font-size:13px}.record-masthead-copy a{margin-top:17px}.record-history{display:block;padding-inline:20px}.record-visual{top:77px;padding:17px 18px 13px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 10px;box-shadow:0 8px 24px rgba(249,249,245,.85)}
 .record-visual-meta{grid-column:1 / -1;font-size:8px}.record-visual-year{font-size:62px;margin:24px 0 0;align-self:center;grid-column:1;grid-row:2}.record-visual-place{grid-column:1;grid-row:3;font-size:8px;margin-top:8px;max-width:140px}.record-object-stage{grid-column:2;grid-row:2 / 5;aspect-ratio:1.1;min-height:125px;align-self:center}.record-visual-caption{grid-column:1;grid-row:4;font-size:8px;margin-top:12px;max-width:140px;min-height:30px}.record-journey{grid-column:1 / -1;height:69px;margin-top:9px}.record-stop-label{font-size:9px}.record-stop{min-width:36px;gap:8px}.record-stop-dot{width:7px;height:7px}.record-visual-bottom{grid-column:1 / -1;padding-top:9px;font-size:8px}
 .record-chapter{min-height:75vh;padding:75px 5px 55px;scroll-margin-top:390px}.record-chapter:first-child{padding-top:45px}.record-chapter h2{font-size:46px;max-width:350px}.record-chapter-intro{font-size:15px}.record-chapter-body{font-size:13px}.record-chapter .record-eyebrow{font-size:9px}.record-facts{margin-top:28px}.record-fact strong{font-size:33px}.record-fact span{font-size:9px}.record-archive{margin-top:30px;padding:55px 24px 60px;display:block;scroll-margin-top:85px}.record-archive h2{font-size:58px}.record-archive-intro>p:last-child{max-width:460px;margin:22px 0 35px}.record-dossier summary{font-size:14px}.record-attribution{padding:0 24px 35px}.record-footer{margin-inline:20px;flex-wrap:wrap;padding-inline:4px;font-size:9px}.record-footer nav{gap:15px}
}
@media(max-width:380px){.record-header{margin-inline:14px}.record-header nav{gap:9px}.record-contact{gap:8px;padding-inline:8px}.record-history{padding-inline:13px}.record-visual{padding-inline:14px}.record-visual-year{font-size:53px}.record-visual-place{font-size:7px;letter-spacing:.08em}.record-chapter h2{font-size:41px}.record-masthead h1{font-size:74px}}
@media(prefers-reduced-motion:reduce){.hero-history-progress,.hero-history-line circle,.hero-history-line text,.record-object,.record-object [data-era-graphic],.record-stop-dot{transition:none!important}.record-page{scroll-behavior:auto}}

/* The hero rail is a single doorway; the arrow follows the cursor, not a date. */
.hero-history{width:min(330px,88%);margin-bottom:clamp(17px,3vh,30px)}
.hero-history-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:none;color:#17232a;cursor:pointer}
.hero-history-trigger .hero-history-line{height:auto;width:100%;display:block}
.hero-history-hint{position:absolute;left:50%;bottom:100%;display:inline-flex;align-items:center;gap:9px;white-space:nowrap;padding-bottom:3px;font:400 9px/1.5 'IBM Plex Mono',monospace;color:#17232a;opacity:0;transform:translate(-50%,5px);transition:opacity .2s,transform .2s;pointer-events:none}
.hero-history-hint svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.1}
.hero-history-trigger:hover .hero-history-hint,.hero-history-trigger:focus-visible .hero-history-hint{opacity:1;transform:translate(-50%,0)}
.hero-history-line .hero-history-progress{transition:none}
.hero-history-line circle{fill:#fff;stroke:#b7c3c7;stroke-width:1.2;transition:fill .15s,stroke .15s}
.hero-history-line circle.is-crossed{fill:#17232a;stroke:#17232a}
.hero-history-trigger:focus-visible{outline:1px solid #7b989f;outline-offset:6px}

/* Three vertically stacked views: history above, overview, then people below. */
.hero-left-track{height:300%;grid-template-rows:repeat(3,minmax(0,1fr));transform:translateY(-33.333333%)}
.hero-copy.is-people-open .hero-left-track{transform:translateY(-66.666667%)}
.hero-copy.is-history-open .hero-left-track{transform:translateY(0)}
.hero-record-panel{--record-paper:#fff;--record-ink:#14232b;--record-muted:#69777c;--record-line:#d5dcdb;--record-mono:'IBM Plex Mono',monospace;--record-serif:'Instrument Serif',Georgia,serif;--record-sans:'Onest',sans-serif;display:flex;flex-direction:column;padding:26px clamp(22px,3vw,42px) 0;color:var(--record-ink);background:#fff}
.hero-record-header{flex:none;padding:0 65px 17px 0;border-bottom:1px solid #e0e5e4}
.hero-record-header>p{margin:0 0 9px;font:400 8px/1.5 var(--record-mono);letter-spacing:.13em;color:#77838a}
.hero-record-header>h2{margin:0;font:400 clamp(33px,3.4vw,51px)/1 'Instrument Serif',Georgia,serif;letter-spacing:-.025em}
.hero-record-header>h2:focus{outline:none}
.hero-record-back{position:absolute;right:16px;top:10px;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:5px 0;border:0;background:none;color:#182820;font:500 12px/1 'Onest',sans-serif;cursor:pointer;z-index:3}
.hero-record-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .25s}
.hero-record-back:hover svg{transform:translateY(3px)}
.hero-record-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2cccd transparent;touch-action:pan-y;padding-right:8px;scroll-padding-top:16px}
.hero-record-scroll .record-chapter{min-height:calc(100dvh - 220px);padding:44px 0 48px;border-color:#e0e5e4}
.hero-record-scroll .record-chapter:first-child{padding-top:34px}
.hero-record-scroll .record-chapter h2{font-size:clamp(34px,3.7vw,56px);max-width:440px;margin-bottom:22px}
.hero-record-scroll .record-chapter-intro{font-size:clamp(12px,1.2vw,15px);line-height:1.75}
.hero-record-scroll .record-chapter-body{font-size:clamp(11px,1.05vw,13px);line-height:1.8;margin-top:19px}
.hero-record-scroll .record-facts{margin-top:26px}
.hero-record-scroll .record-fact strong{font-size:clamp(27px,3vw,39px)}
.hero-record-scroll .record-archive{display:block;margin:10px 0 0;padding:40px 0 35px;max-width:none;border-color:#e0e5e4}
.hero-record-scroll .record-archive h2{font-size:clamp(35px,4vw,56px)}
.hero-record-scroll .record-archive-intro>p:last-child{max-width:none;margin:22px 0 30px;font-size:12px}
.hero-record-scroll .record-dossier summary{font-size:13px;padding-top:21px;padding-bottom:21px}
.hero-record-scroll .record-dossier-content p{font-size:12px;line-height:1.8}
.hero-record-scroll .record-attribution{padding:0 0 30px;font-size:8px;line-height:1.8;margin:0}
.hero-record-stage{grid-column:2;grid-row:2;min-width:0;min-height:0;position:relative;z-index:5;overflow:hidden;border-radius:3px;background:#e4edf0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s,visibility .5s;--record-mono:'IBM Plex Mono',monospace;--record-serif:'Instrument Serif',Georgia,serif}
.hero-record-stage .record-visual{position:relative;top:auto;display:flex;flex-direction:column;width:100%;height:100%;padding:clamp(20px,2.8vw,40px);border:0;border-radius:0;background:#e4edf0;box-shadow:none}
.hero-record-stage .record-visual-year{font-size:clamp(74px,8.6vw,138px);margin-top:29px}
.hero-record-stage .record-visual-place{margin-top:17px}
.hero-record-stage .record-object-stage{flex:1;min-height:0;aspect-ratio:auto}
.hero-record-stage .record-object{display:block;position:absolute;inset:0;width:100%;height:100%}
.hero-record-stage .record-visual-caption{flex:none;min-height:20px;margin-bottom:0}
.hero-record-stage .record-journey{flex:none;height:100px;margin-top:3px}
.hero-record-stage .record-visual-bottom{flex:none;padding-top:12px}
.hero-record-stage .record-visual-bottom button{border:0;background:none;color:#345a6d;padding:0;cursor:pointer;font:inherit}
.hero-record-stage .record-visual-bottom button:hover{text-decoration:underline;text-underline-offset:4px}
.hero-record-stage .record-stop{color:#284c60;cursor:pointer}
.hero-record-stage :focus-visible{outline:2px solid #7eabbc;outline-offset:4px}
.hero-frame.is-history-open .hero-stage{visibility:hidden;opacity:0;pointer-events:none}
.hero-frame.is-history-open .hero-record-stage{visibility:visible;opacity:1;pointer-events:auto}
@media(max-width:760px){
 .hero-history{width:min(252px,82%);margin-bottom:12px}.hero-history-hint{font-size:8px}.hero-record-panel{padding:17px 20px 0}.hero-record-header{padding-bottom:12px}.hero-record-header>h2{font-size:32px}.hero-record-header>p{font-size:7px;margin-bottom:6px}.hero-record-back{top:7px;right:12px;min-height:31px;font-size:11px}.hero-record-scroll .record-chapter{min-height:calc(52dvh - 80px);padding-top:27px;padding-bottom:30px}.hero-record-scroll .record-chapter:first-child{padding-top:25px}.hero-record-scroll .record-chapter h2{font-size:35px;margin-bottom:18px}.hero-record-scroll .record-chapter-intro{font-size:12px}.hero-record-scroll .record-chapter-body{font-size:11px}.hero-record-scroll .record-fact strong{font-size:29px}.hero-record-scroll .record-facts{margin-top:22px}.hero-record-stage{grid-column:1 / -1;grid-row:3}.hero-record-stage .record-visual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:0 10px;padding:16px 20px 12px}.hero-record-stage .record-visual-meta{grid-column:1 / -1;font-size:7px}.hero-record-stage .record-visual-year{grid-column:1;grid-row:2;font-size:55px;margin-top:19px}.hero-record-stage .record-visual-place{grid-column:1;grid-row:3;font-size:7px;margin-top:9px}.hero-record-stage .record-visual-caption{grid-column:1;grid-row:4;font-size:8px;margin:10px 0 0}.hero-record-stage .record-object-stage{grid-column:2;grid-row:2 / 5;min-height:105px;align-self:stretch;aspect-ratio:auto}.hero-record-stage .record-journey{grid-column:1 / -1;height:64px;margin-top:4px}.hero-record-stage .record-visual-bottom{grid-column:1 / -1;padding-top:8px;font-size:7px}.hero-record-stage .record-stop-label{font-size:8px}.hero-record-stage .record-stop{min-width:32px;gap:8px}
}
@media(max-height:700px) and (max-width:760px){.hero-history{width:208px;margin-bottom:7px}.hero-record-stage .record-visual{padding-top:11px;padding-bottom:8px}.hero-record-stage .record-visual-year{font-size:43px;margin-top:12px}.hero-record-stage .record-object-stage{min-height:76px}.hero-record-stage .record-visual-place{font-size:6px}.hero-record-stage .record-visual-caption{font-size:7px;min-height:12px}.hero-record-stage .record-journey{height:49px}.hero-record-header>h2{font-size:28px}}
@media(hover:none){.hero-history-hint{opacity:1;transform:translate(-50%,0)}}
@media(prefers-reduced-motion:reduce){.hero-left-track,.hero-record-stage,.hero-history-hint,.hero-record-back svg{transition:none!important}}

/* Keep the label inside the doorway's hit area, including the space above it. */
.hero-history-trigger{padding-top:24px;margin-top:-24px}
.hero-history-hint{top:0;bottom:auto;height:22px;padding:0;pointer-events:auto;cursor:pointer}
.hero-history-line text{font-size:9px;opacity:.65}
.hero-history-line .is-crossed+text{opacity:1}

/* A chapter is a screen, not a position in a long text scroller. */
.hero-record-scroll{position:relative;overflow:hidden;padding-right:0;touch-action:none}
.hero-record-scroll .record-chapters{position:relative;width:100%;height:100%;overflow:hidden}
.hero-record-scroll .record-chapter.record-step{position:absolute;inset:0;min-height:0;height:100%;padding:25px 0 22px;display:flex;flex-direction:column;justify-content:center;border:0;overflow:hidden;will-change:transform}
.hero-record-scroll .record-chapter.record-step[hidden]{display:none}
.hero-record-scroll .record-step>.record-chapter-year{flex:none;margin:0 0 16px;font-size:9px;color:#63818d}
.hero-record-scroll .record-step>h2{flex:none;margin:0 0 24px;font-size:clamp(34px,3.6vw,54px);line-height:1.01}
.hero-record-scroll .record-step>.record-chapter-intro{flex:none;font-size:clamp(12px,1.14vw,15px);line-height:1.7}
.hero-record-scroll .record-step>.record-facts{flex:none;margin-top:28px}
.record-fact-value{display:flex;align-items:center;gap:13px;min-height:42px}
.record-fact-value strong{margin:0;white-space:nowrap}
.record-flag-holder,.record-people-holder{display:inline-flex;align-items:center}
.record-country-flag{display:block;width:31px;height:auto;border:1px solid rgba(36,62,75,.1);border-radius:1px;flex:none}
.record-portrait-group{display:inline-flex;align-items:center;isolation:isolate}
.record-portrait-group img{width:39px;height:39px;border:2px solid #fff;border-radius:50%;object-fit:cover;object-position:center 30%;background:#dce4e3}
.record-portrait-group img+img{margin-left:-9px}
.record-context-link{align-self:flex-start;margin-top:24px;padding:0 0 4px;border:0;border-bottom:1px solid #cbd7d9;background:none;color:#517280;font:400 9px/1.5 'IBM Plex Mono',monospace;cursor:pointer}
.record-context-link:hover{color:#14232b;border-color:#6b8a98}
.hero-record-controls{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;border-top:1px solid #e0e5e4;font:400 8px/1.5 'IBM Plex Mono',monospace;color:#7a8a90}
.hero-record-controls button{min-height:38px;padding:6px 0;border:0;background:none;font:inherit;color:#365762;cursor:pointer}
.hero-record-controls button:disabled{opacity:.25;cursor:default}
.record-expertise-index{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:28px}
.record-expertise-index button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:58px;padding:12px 0;border:0;border-top:1px solid #d8e1e2;background:none;color:#365560;text-align:left;font:400 12px/1.45 'Onest',sans-serif;cursor:pointer}
.record-expertise-index button::after{content:'+';font-size:16px;opacity:.5}
.record-expertise-index button:hover{color:#121f29;border-color:#6b8a98}

/* A deliberate secondary reader retains the full executive record. */
.hero-record-detail{width:min(640px,calc(100vw - 36px));max-height:82dvh;margin:auto;padding:44px;border:1px solid #c9d7da;border-radius:3px;background:#fcfcf8;color:#213944;box-shadow:0 25px 110px rgba(10,28,39,.2);font-family:'Onest',sans-serif;overscroll-behavior:contain}
.hero-record-detail::backdrop{background:rgba(20,47,65,.35);backdrop-filter:blur(6px)}
.hero-record-detail>p{margin:0 0 20px;font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#7b8b90}
.hero-record-detail h2{font:400 43px/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;margin:0 0 28px}
.hero-record-detail [data-record-detail-body] p{font:400 13px/1.85 'Onest',sans-serif;color:#516872;margin:0 0 20px}
.hero-record-detail-close{position:absolute;right:20px;top:15px;padding:8px 0;border:0;background:none;color:#56737f;font:400 10px/1.5 'IBM Plex Mono',monospace;cursor:pointer}

/* Documentary imagery and real marks replace the generated-looking diagrams. */
.hero-record-stage .record-object-stage::after{display:none}
.hero-record-stage .record-object-stage{display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px 0}
.record-proof-board{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px;min-width:0}
.record-founder-proof{text-align:center}
.record-portrait-group--hero img{width:clamp(104px,12vw,176px);height:clamp(104px,12vw,176px);border:5px solid rgba(255,255,255,.7);box-shadow:0 14px 35px rgba(44,78,92,.07)}
.record-founder-proof h3{margin:21px 0 10px;font:400 clamp(28px,3.1vw,45px)/.97 'Instrument Serif',Georgia,serif;letter-spacing:-.02em;color:#284a5d}
.record-founder-proof p{margin:0;font:400 8px/1.6 'IBM Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#78909c}
.record-registration-proof{text-align:center;color:#315669}
.record-registration-proof>span{font:400 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:.2em}
.record-registration-proof>strong{display:block;margin-top:13px;font:400 clamp(25px,3vw,42px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.02em}
.record-registration-proof>p{font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#6a8795;margin-top:15px}
.record-proof-heading{text-align:center}
.record-proof-heading>span{font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.12em;color:#77909d}
.record-proof-heading h3{margin:15px 0 0;font:400 clamp(27px,3.3vw,46px)/1.05 'Instrument Serif',Georgia,serif;letter-spacing:-.025em;color:#315569}
.record-technology-marks{display:flex;align-items:center;justify-content:center;gap:clamp(20px,3.5vw,54px);width:100%;flex-wrap:wrap}
.record-technology-mark{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:40px}
.record-technology-mark img{display:block;width:56px;height:56px;object-fit:contain;filter:grayscale(1);opacity:.64}
.record-technology-mark--oracle img{width:113px;height:38px}
.record-technology-mark--cisco img{width:75px;height:48px}
.record-technology-mark figcaption{font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#8ba0aa}
.record-proof-note{margin:0;font:400 7px/1.5 'IBM Plex Mono',monospace;letter-spacing:.025em;text-align:center;color:#8ba0aa}
.record-operations-proof{text-align:center}
.record-operations-proof strong{display:block;font:400 clamp(63px,8.5vw,125px)/1 'Instrument Serif',Georgia,serif;letter-spacing:-.06em;color:#2f5569}
.record-operations-proof span{display:block;font:400 8px/1.6 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#6b8796;margin-top:13px}
.record-relocation-proof{display:flex;flex-direction:column;align-items:center;gap:25px}
.record-portrait-group--relocation img{width:94px;height:94px;border:4px solid rgba(255,255,255,.7)}
.record-country-route{display:flex;align-items:center;justify-content:center;gap:20px}
.record-country-route>span:not(.record-country-route-line){display:flex;flex-direction:column;align-items:center;gap:12px}
.record-country-route .record-country-flag{width:51px;height:31px;object-fit:cover}
.record-country-route small{font:400 8px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:#64818e}
.record-country-route-line{width:70px;height:1px;background:#90a9b5;position:relative;margin-bottom:23px}
.record-country-route-line::after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;border-top:1px solid #7696a4;border-right:1px solid #7696a4;transform:rotate(45deg)}
.record-relocation-proof>p{margin:0;font:400 8px/1.7 'IBM Plex Mono',monospace;text-align:center;color:#708a98}
.record-project-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:23px;width:100%}
.record-project-marks figure{min-width:0;margin:0;text-align:center}
.record-project-marks img{display:block;width:100%;height:58px;object-fit:contain;filter:grayscale(1);opacity:.72}
.record-project-marks .record-project-hive{object-fit:cover;filter:invert(1) grayscale(1);mix-blend-mode:multiply}
.record-project-marks figcaption{margin-top:16px;font:400 8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#8096a2}
.hero-record-stage .record-stop.is-passed .record-stop-dot{background:#6e8d9b;border-color:#6e8d9b}
.hero-record-stage .record-visual-year{font-size:clamp(65px,7.8vw,120px)}

@media(max-width:1050px) and (min-width:761px){.record-technology-marks{gap:24px}.record-technology-mark img{width:44px;height:44px}.record-technology-mark--oracle img{width:91px;height:33px}.record-technology-mark--cisco img{width:64px;height:43px}.record-proof-board{gap:26px}.hero-record-scroll .record-step>h2{font-size:38px}.record-fact-value{gap:9px}.record-portrait-group img{width:33px;height:33px}}
@media(max-width:760px){
 .hero-frame.is-history-open{grid-template-rows:46px minmax(0,1.24fr) minmax(0,.76fr)}
 .hero-history-line text{font-size:10px}.hero-record-panel{padding-top:15px}.hero-record-header{padding-bottom:10px}.hero-record-header>h2{font-size:30px}.hero-record-controls{min-height:34px;font-size:7px}.hero-record-controls button{min-height:32px}.hero-record-scroll .record-chapter.record-step{padding:16px 0}.hero-record-scroll .record-step>.record-chapter-year{font-size:8px;margin-bottom:11px}.hero-record-scroll .record-step>h2{font-size:31px;margin-bottom:14px}.hero-record-scroll .record-step>.record-chapter-intro{font-size:11px;line-height:1.6}.hero-record-scroll .record-step>.record-facts{margin-top:18px;gap:16px}.hero-record-scroll .record-fact{padding-top:11px}.hero-record-scroll .record-fact strong{font-size:26px}.hero-record-scroll .record-fact>span{font-size:8px;margin-top:5px}.record-fact-value{min-height:34px;gap:9px}.record-portrait-group img{width:31px;height:31px}.record-country-flag{width:26px}.record-context-link{font-size:8px;margin-top:14px}.record-expertise-index{gap:0 17px;margin-top:18px}.record-expertise-index button{min-height:45px;padding:9px 0;font-size:10px}.hero-record-detail{padding:42px 25px 28px}.hero-record-detail h2{font-size:35px}.hero-record-detail [data-record-detail-body] p{font-size:12px}
 .hero-record-stage .record-visual-year{font-size:43px;margin-top:13px}.hero-record-stage .record-visual-place{font-size:6px;margin-top:7px}.hero-record-stage .record-visual-caption{font-size:6px;margin-top:7px;min-height:16px}.hero-record-stage .record-object-stage{min-height:85px;padding:6px 0}.record-proof-board{gap:12px}.record-proof-heading>span,.record-registration-proof>span,.record-proof-note,.record-technology-mark figcaption,.record-project-marks figcaption,.record-relocation-proof>p,.record-operations-proof span{display:none}.record-proof-heading h3{font-size:20px;margin:0}.record-technology-marks{gap:12px;flex-wrap:nowrap}.record-technology-mark img{width:25px;height:25px}.record-technology-mark--oracle img{width:55px;height:22px}.record-technology-mark--cisco img{width:37px;height:25px}.record-registration-proof>strong{font-size:17px;margin:0}.record-registration-proof>p{font-size:6px;margin:7px 0 0}.record-portrait-group--hero img{width:68px;height:68px;border-width:3px}.record-founder-proof h3{font-size:19px;margin:8px 0 0}.record-founder-proof p{display:none}.record-operations-proof strong{font-size:52px}.record-portrait-group--relocation img{width:49px;height:49px;border-width:2px}.record-relocation-proof{gap:12px}.record-country-route{gap:8px}.record-country-route .record-country-flag{width:27px;height:17px}.record-country-route-line{width:25px;margin-bottom:15px}.record-country-route small{font-size:6px}.record-country-route>span:not(.record-country-route-line){gap:6px}.record-project-marks{gap:9px}.record-project-marks img{height:29px}.hero-record-stage .record-journey{height:53px}.hero-record-stage .record-visual-bottom{font-size:6px}
}
@media(max-width:760px) and (max-height:700px){
 .hero-frame.is-history-open{grid-template-rows:40px minmax(0,1.3fr) minmax(0,.7fr)}.hero-record-header>h2{font-size:26px}.hero-record-header>p{font-size:6px}.hero-record-scroll .record-step>h2{font-size:27px;margin-bottom:11px}.hero-record-scroll .record-step>.record-chapter-intro{font-size:10px;line-height:1.5}.hero-record-scroll .record-step>.record-facts{margin-top:13px}.hero-record-scroll .record-fact strong{font-size:23px}.hero-record-scroll .record-fact>span{font-size:7px}.record-context-link{margin-top:11px;font-size:7px}.hero-record-controls{min-height:29px}.hero-record-controls button{min-height:28px}.hero-record-stage .record-visual-year{font-size:34px}.hero-record-stage .record-object-stage{min-height:60px}.hero-record-stage .record-journey{height:40px}.record-portrait-group--hero img{width:45px;height:45px}.record-founder-proof h3{font-size:16px;margin-top:5px}.record-operations-proof strong{font-size:40px}.record-proof-heading h3{font-size:16px}.record-proof-board{gap:8px}.record-project-marks img{height:23px}.record-portrait-group--relocation img{width:35px;height:35px}.record-country-route small{display:none}.record-country-route-line{margin-bottom:0}.record-relocation-proof{gap:8px}
}
@media(prefers-reduced-motion:reduce){.hero-history-hint,.record-proof-board{transition:none!important}}

/* Fewer captions, more of the actual marks. */
.record-technology-mark figcaption,.record-project-marks figcaption{display:none}
.record-proof-more{flex:none;display:block;margin:0;color:#587a8b;font:400 23px/1 'Instrument Serif',Georgia,serif;letter-spacing:-.04em;opacity:.7}
.record-heritage-proof{text-align:center;color:#315669}
.record-heritage-proof>span{font:400 9px/1.6 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#7a929e}
.record-heritage-proof h3{margin:18px 0 17px;font:400 clamp(64px,7.8vw,115px)/.9 'Instrument Serif',Georgia,serif;letter-spacing:-.035em}
.record-heritage-proof p{margin:0;font:400 8px/1.6 'IBM Plex Mono',monospace;letter-spacing:.05em;color:#849ba6}
.record-project-marks{grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 24px}
.record-project-marks img{height:48px;object-fit:contain}
.record-project-marks .record-project-hive{object-fit:contain;filter:brightness(0);mix-blend-mode:normal;opacity:.72}
.record-robotics-lockup{display:flex;align-items:center;justify-content:center;gap:9px;color:#253f4c;opacity:.72}
.record-robotics-lockup>img{width:25px;height:29px;object-fit:contain;flex:none}
.record-robotics-lockup>span{display:block;font:600 20px/1 'Onest',sans-serif;letter-spacing:-.06em;text-align:left}
.record-robotics-lockup small{display:block;margin-top:6px;font:400 8px/1 'IBM Plex Mono',monospace;letter-spacing:.05em}
.hero-copy .hero-pedigree-note[open] p{background:#007DB2;color:#fff;border:1px solid rgba(255,255,255,.27);border-radius:4px;box-shadow:0 14px 38px rgba(0,68,108,.17);transform-origin:right bottom;animation:pedigreeNoteOpen .24s cubic-bezier(.22,1,.36,1) both}
@keyframes pedigreeNoteOpen{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1050px) and (min-width:761px){.record-project-marks{gap:25px 18px}.record-project-marks img{height:39px}.record-robotics-lockup>span{font-size:16px}.record-robotics-lockup>img{width:21px;height:25px}.record-robotics-lockup small{font-size:7px}}
@media(max-width:760px){
 .record-heritage-proof>span{font-size:6px}.record-heritage-proof h3{font-size:39px;margin:10px 0 9px}.record-heritage-proof p{font-size:6px}.record-proof-more{font-size:17px}.record-project-marks{gap:16px 12px}.record-project-marks img{height:25px}.record-robotics-lockup{gap:4px}.record-robotics-lockup>img{width:16px;height:19px}.record-robotics-lockup>span{font-size:12px}.record-robotics-lockup small{font-size:5px;margin-top:3px}.record-proof-board:has(.record-project-marks){gap:13px}
}
@media(max-width:760px) and (max-height:700px){.record-heritage-proof h3{font-size:32px;margin:8px 0}.record-heritage-proof p{display:none}.record-project-marks{gap:12px 9px}.record-project-marks img{height:20px}.record-robotics-lockup>span{font-size:10px}.record-robotics-lockup>img{width:13px;height:16px}.record-proof-board:has(.record-project-marks){gap:8px}.record-proof-more{font-size:14px}}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-pedigree-note[open] p{animation:none}}