/* Each scene shares one measured frame; its subject and copy never overscan it. */
.experience-stage[data-family="industries"],.experience-stage[data-family="company"] {--human-ink:#becbd2;--human-muted:#899fac;}
.human-scroll-scene {position:relative;isolation:isolate;height:100%;min-height:0;width:100%;color:var(--human-ink);font-family:Archivo,sans-serif;text-align:center;--human-header:62px;--human-footer:100px;--human-art-height:46%;}
.human-scroll-scene * {box-sizing:border-box;}
.human-page-heading {position:absolute;top:0;left:50%;width:95%;translate:-50% 0;z-index:5;pointer-events:none;}
.human-page-heading p {margin:0 0 7px;color:#7f98a9;font:9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.13em;}
.human-page-heading h2 {margin:0;color:#afc4d2;font:400 clamp(17px,1.55vw,23px)/1.2 Archivo,sans-serif;letter-spacing:-.025em;text-wrap:balance;}
.human-page-heading h2:focus {outline:none;}
.human-art-veil {position:absolute;top:var(--human-header);height:var(--human-art-height);left:3%;right:3%;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-composite:source-in;}
.human-art-field,.human-art-layer {position:absolute;inset:0;transform-origin:center;}
.human-art-layer {will-change:transform,opacity;}
.human-art-layer:not(:first-child) {opacity:0;visibility:hidden;}
.human-scene-image {position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;}
.human-scene-image img {display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:brightness(var(--environment-light,.85)) saturate(var(--environment-saturation,.8));}
.industry-photograph img {mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 84%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 84%,transparent);-webkit-mask-composite:source-in;}
.industry-art--healthcare {--environment-light:.79;--environment-saturation:.6;}
.industry-art--defense {--environment-light:.86;--environment-saturation:.72;}
.industry-art--life-sciences {--environment-light:.84;--environment-saturation:.68;}
.industry-art--industrial {--environment-light:.82;--environment-saturation:.8;}
.industry-art--aviation {--environment-light:1.12;--environment-saturation:.85;}
.industry-art--finance {--environment-light:.85;--environment-saturation:.68;}
.human-chapter-field {position:absolute;inset:var(--human-header) 0 var(--human-footer);z-index:2;pointer-events:none;}
.human-scroll-chapter {position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 3%;}
.human-scroll-chapter:not(:first-child) {opacity:0;visibility:hidden;}
.human-chapter-copy {position:relative;width:100%;max-width:940px;}
.human-scroll-scene[data-reader="true"] .human-art-veil {display:none;}
.human-scroll-scene[data-reader="true"] .human-scroll-chapter {align-items:center;}
.human-chapter-kicker {margin:0 0 13px;font:10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.11em;color:#8ca1af;}
.human-chapter-copy h3 {margin:0;color:var(--chapter-accent,#bdcdd6);font:450 clamp(31px,3.65vw,55px)/1.09 Archivo,sans-serif;letter-spacing:-.045em;text-wrap:balance;}
.human-chapter-copy h3 a {text-decoration:none;color:inherit;pointer-events:auto;}
.human-chapter-copy h3 a > span {display:inline-block;margin-left:15px;vertical-align:middle;font:300 18px Archivo,sans-serif;color:#859eaf;}
.human-chapter-body {margin:15px auto 0;max-width:57ch;color:#9eafb9;font:400 clamp(14px,1.2vw,17px)/1.65 Archivo,sans-serif;text-wrap:pretty;}
.human-leader-role {margin:12px 0 0;font:400 13px/1.45 Archivo,sans-serif;letter-spacing:.015em;color:#b4a9a1;}
.human-scene-controls {position:absolute;bottom:0;left:0;right:0;z-index:5;padding:0 2%;display:flex;flex-direction:column;align-items:center;gap:12px;}
.human-scene-controls a,.human-scene-controls button {text-decoration:none;font:12px/1.4 Archivo,sans-serif;color:#829aaa;background:none;border:0;padding:7px 0;cursor:pointer;}
.human-scene-controls :is(a,button):is(:hover,:focus-visible),.human-scene-controls [aria-pressed="true"],.human-scene-controls .is-current {color:#bed2dd;}
.human-scroll-scene :is(a,button):focus-visible {outline:1px solid #9fbdd0;outline-offset:6px;}
.human-chapter-jumps {display:flex;flex-wrap:wrap;justify-content:center;gap:4px 25px;max-width:1110px;}
.human-chapter-jumps button {position:relative;max-width:290px;text-wrap:balance;}
.human-chapter-jumps button::after {content:'';position:absolute;bottom:1px;left:calc(50% - 8px);width:16px;height:1px;background:#8fb5c9;opacity:0;}
.human-chapter-jumps button[aria-pressed="true"]::after {opacity:1;}
.human-scene-contact {display:flex;align-items:center;gap:22px;color:#a9c1cf!important;font-size:12px!important;}
.human-scene-contact > span {color:#799cb2;}
.industry-route-index {display:grid;grid-template-columns:repeat(3,1fr);gap:3px 30px;width:min(1000px,100%);}
.industry-route-index a {min-height:33px;align-content:center;}
.industries-journey .human-chapter-copy,.industry-cover .human-chapter-copy {max-width:1050px;}
.industry-copy--industrial h3,.industry-study--industrial .industry-cover h3 {font-size:clamp(29px,3.25vw,49px);max-width:24ch;margin-inline:auto;}
.industry-application h3 {font:400 clamp(29px,3.3vw,49px)/1.13 Sora,sans-serif;letter-spacing:-.045em;max-width:26ch;margin:auto;color:var(--chapter-accent);}
.industry-application .human-chapter-kicker {color:#8398a5;font-size:9px;}
.abstract-material img {object-fit:contain;filter:brightness(1.05);mask:none;-webkit-mask:none;}
.company-object .abstract-material img {filter:brightness(1.05);}
.company-team-object .abstract-material img {filter:brightness(1.13) saturate(.64) hue-rotate(16deg);}
.company-journey .human-chapter-copy h3 {font:400 italic clamp(36px,4.2vw,63px)/1.06 'Instrument Serif',serif;letter-spacing:-.015em;color:#cbbfb3;}
.company-journey .human-chapter-body {margin-top:13px;max-width:48ch;font-size:15px;color:#8fa5b4;}
.company-route-index {display:flex;justify-content:center;gap:clamp(22px,5vw,70px);}
.human-portrait-triptych {position:absolute;inset:0 10%;display:flex;justify-content:center;align-items:center;gap:2%;}
.human-portrait-triptych > div {position:relative;width:31%;height:94%;display:flex;align-items:center;justify-content:center;}
.human-portrait-triptych > div:nth-child(2) {height:100%;width:34%;}
.human-portrait-triptych img {display:block;width:auto;height:auto;max-width:100%;max-height:94%;object-fit:contain;filter:brightness(.8);mask-image:radial-gradient(ellipse 48% 70% at 50% 37%,#000 70%,transparent 100%),linear-gradient(180deg,transparent,#000 3%,#000 67%,transparent);mask-composite:intersect;-webkit-mask-image:radial-gradient(ellipse 48% 70% at 50% 37%,#000 70%,transparent 100%),linear-gradient(180deg,transparent,#000 3%,#000 67%,transparent);-webkit-mask-composite:source-in;}
.human-portrait {position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;}
.human-portrait img {width:auto;height:auto;max-width:100%;max-height:94%;object-fit:contain;filter:brightness(.86);mask-image:radial-gradient(ellipse 48% 70% at 50% 37%,#000 70%,transparent 100%),linear-gradient(180deg,transparent,#000 3%,#000 67%,transparent);mask-composite:intersect;-webkit-mask-image:radial-gradient(ellipse 48% 70% at 50% 37%,#000 70%,transparent 100%),linear-gradient(180deg,transparent,#000 3%,#000 67%,transparent);-webkit-mask-composite:source-in;}
.company-people-story .human-chapter-copy h3 {font:450 clamp(34px,3.5vw,52px)/1.06 Archivo,sans-serif;letter-spacing:-.045em;color:#c9beb2;}
.company-people-story .human-chapter-body {font-size:14px;margin-top:12px;max-width:47ch;color:#8da3b2;}
.company-about-story .human-chapter-copy h3 {font:400 italic clamp(33px,3.6vw,53px)/1.1 'Instrument Serif',serif;letter-spacing:-.025em;color:#b9c9cb;}
.company-about-story .human-chapter-body {max-width:61ch;}
.company-team-story .human-chapter-copy {max-width:890px;}
.company-team-story .human-chapter-copy h3 {font:300 clamp(29px,3vw,43px)/1.14 Sora,sans-serif;letter-spacing:-.045em;color:#bfb4c5;}
.company-team-story .human-chapter-body {max-width:64ch;font-size:clamp(14px,1.15vw,16px);color:#9babb8;}
.company-team-story .human-chapter-kicker {color:#8c9cac;margin-bottom:11px;}
@media(max-height:740px) and (min-width:701px){
 .human-page-heading p {font-size:8px;margin-bottom:5px;}.human-page-heading h2 {font-size:18px;}.human-chapter-copy h3 {font-size:39px;}.industry-application h3 {font-size:36px;}.industry-copy--industrial h3,.industry-study--industrial .industry-cover h3 {font-size:35px;}
 .human-chapter-kicker {font-size:9px;margin-bottom:10px;}.human-chapter-body {font-size:14px;line-height:1.55;margin-top:12px;}.human-scene-controls {gap:8px;}.human-scene-controls a,.human-scene-controls button {font-size:11px;padding:5px 0;}
 .company-journey .human-chapter-copy h3 {font-size:43px;}.company-people-story .human-chapter-copy h3 {font-size:39px;}.company-about-story .human-chapter-copy h3 {font-size:39px;}.company-team-story .human-chapter-copy h3 {font-size:33px;}.company-team-story .human-chapter-body {font-size:14px;}
}
@media(max-width:700px){
 .human-page-heading {width:100%;}.human-page-heading p {font-size:8px;margin-bottom:5px;}.human-page-heading h2 {font-size:16px;max-width:28ch;margin:auto;line-height:1.2;}
 .human-art-veil {left:0;right:0;}.human-chapter-copy h3 {font-size:clamp(29px,8vw,36px);}.human-chapter-copy h3 a > span {font-size:14px;margin-left:10px;}.human-chapter-kicker {font-size:8px;margin-bottom:10px;}.human-chapter-body {font-size:13px;line-height:1.55;margin-top:12px;}
 .human-scene-controls {padding:0;gap:8px;}.human-scene-controls a,.human-scene-controls button {font-size:10px;padding:5px 0;}.human-chapter-jumps {gap:3px 15px;}.human-chapter-jumps button {max-width:45%;}.human-scene-contact {font-size:11px!important;}
 .industry-route-index {grid-template-columns:1fr 1fr;gap:2px 13px;}.industry-route-index a {font-size:10px;min-height:29px;}.industry-copy--industrial h3,.industry-study--industrial .industry-cover h3 {font-size:clamp(25px,7vw,31px);line-height:1.13;max-width:23ch;}.industry-application h3 {font-size:clamp(27px,7.5vw,33px);line-height:1.15;max-width:23ch;}
 .industry-photograph img {mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);}
 .company-journey .human-chapter-copy h3 {font-size:36px;}.company-journey .human-chapter-body {font-size:13px;max-width:34ch;}.company-route-index {gap:19px;}.company-route-index a {font-size:11px;}
 .human-portrait-triptych {inset:0;gap:0;}.company-people-story .human-chapter-copy h3 {font-size:33px;}.company-people-story .human-chapter-body {font-size:12px;line-height:1.5;max-width:35ch;margin-top:10px;}.human-leader-role {font-size:11px;margin-top:10px;}
 .company-about-story .human-chapter-copy h3 {font-size:34px;}.company-about-story .human-chapter-body {font-size:13px;line-height:1.55;max-width:40ch;}.company-team-story .human-chapter-copy h3 {font-size:28px;line-height:1.16;}.company-team-story .human-chapter-body {font-size:13px;line-height:1.55;max-width:41ch;}.company-team-story .human-chapter-kicker {font-size:8px;}
}
@media(max-width:700px) and (max-height:680px){
 .human-page-heading h2 {font-size:15px;}.human-chapter-copy h3 {font-size:27px;}.human-chapter-kicker {margin-bottom:8px;}.industry-application h3 {font-size:26px;}.industry-copy--industrial h3,.industry-study--industrial .industry-cover h3 {font-size:25px;}
 .company-journey .human-chapter-copy h3 {font-size:31px;}.company-people-story .human-chapter-copy h3 {font-size:29px;}.company-people-story .human-chapter-body {font-size:11px;}.human-leader-role {font-size:10px;}
 .company-about-story .human-chapter-copy h3 {font-size:29px;}.company-team-story .human-chapter-copy h3 {font-size:25px;}.company-about-story .human-chapter-body,.company-team-story .human-chapter-body {font-size:12px;line-height:1.45;margin-top:10px;}.human-chapter-jumps {gap:0 11px;}.human-chapter-jumps button {font-size:9px;}.human-scene-controls {gap:5px;}
}
@media(prefers-reduced-motion:reduce){.human-art-layer {will-change:auto;}}

/* Readable mobile floors: measured copy and controls take space before artwork. */
@media(max-width:700px){
 .human-scroll-scene .human-chapter-body {font-size:14px;line-height:1.5;}
 .human-scroll-scene .human-leader-role {font-size:12px;line-height:1.45;}
 .human-scroll-scene .human-scene-controls :is(a,button) {font-size:12px!important;line-height:1.4;}
 .human-scroll-scene .human-chapter-jumps {gap:3px 15px;}
}
/* Landscape gives the actual words priority over the decorative subject. */
@media(max-height:520px){
 .human-scroll-scene .human-page-heading p,.human-scroll-scene .human-chapter-kicker {display:none;}
 .human-scroll-scene .human-page-heading h2 {font-size:14px;line-height:1.2;max-width:none;}
 .human-scroll-scene .human-scroll-chapter {padding-inline:2%;}
 .human-scroll-scene .human-chapter-copy {max-width:920px;max-height:100%;overflow:auto;pointer-events:auto;scrollbar-width:thin;}
 .human-scroll-scene .human-chapter-copy h3 {font-size:26px;line-height:1.1;max-width:36ch;margin-inline:auto;}
 .human-scroll-scene .human-chapter-body {font-size:12px;line-height:1.45;max-width:85ch;margin-top:8px;}
 .human-scroll-scene .human-leader-role {font-size:12px;line-height:1.35;margin-top:7px;}
 .human-scroll-scene .human-scene-controls {gap:4px;padding:0;}
 .human-scroll-scene .human-scene-controls :is(a,button) {font-size:12px!important;line-height:1.35;padding:4px 0;}
 .human-scroll-scene .human-chapter-jumps {gap:0 18px;}
 .human-scroll-scene .human-chapter-jumps button {max-width:310px;}
 .human-scroll-scene .industry-route-index {grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;}
 .human-scroll-scene .industry-route-index a {min-height:25px;}
 .human-scroll-scene .company-route-index {gap:28px;}
 .human-scroll-scene .human-scene-contact {gap:15px;}
}
