:root{--paper:#f1f1e9;--night:#050b10;--sea:#accbcc;--warm:#d3a778;--line:#35525b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--night);color:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #b7e2d8;outline-offset:5px}.skip{position:absolute;top:-100px;left:15px;z-index:50;padding:12px;background:white;color:#051218}.skip:focus{top:15px}
.site-nav{height:72px;position:absolute;top:0;left:0;right:0;z-index:21;display:flex;align-items:center;gap:38px;padding:0 clamp(24px,4.25vw,84px);border-bottom:1px solid #ffffff19;background:linear-gradient(180deg,#071017e8,#07101777)}
.brand{font-size:24px;letter-spacing:.005em;font-weight:800}.brand-sector{border-left:1px solid #bcd2c355;padding-left:25px;font-weight:500;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#9bafb0}.nav-links{display:flex;align-items:center;gap:35px;margin-left:auto;font-size:13px;color:#b0bec1}.nav-links a{transition:color .2s}.nav-links a:hover,.nav-links a[aria-current="page"]{color:white}
.floor-hero{position:relative;width:100%;height:max(720px,100svh);max-height:1200px;min-height:660px;overflow:hidden;background:#040a0e;isolation:isolate}
.floor-canvas-wrap,.floor-canvas-wrap canvas,.native-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block}.floor-canvas-wrap{z-index:3;pointer-events:none;opacity:0;transition:opacity 1.15s}.three-active .floor-canvas-wrap{opacity:1;pointer-events:auto;cursor:grab}.three-active .floor-canvas-wrap:active{cursor:grabbing}.native-backdrop{z-index:0;opacity:.65;pointer-events:none}
.floor-vignette{position:absolute;z-index:5;inset:0;background:linear-gradient(90deg,#03090ee8 0,#031018ba 17%,transparent 43%,transparent 80%,#030a12a6 100%),linear-gradient(0deg,#030a0fe8 0,transparent 20%,transparent 68%,#06111aaa 100%);pointer-events:none}
.hero-copy{position:absolute;z-index:8;top:22%;left:clamp(26px,5vw,94px);width:47%;max-width:690px;pointer-events:none;transition:transform .6s,opacity .6s}.overline,.selection-count,.floor-serial,.evidence-index,.small-note{font:500 10px/1.7 'Courier New',monospace;letter-spacing:.16em;color:#8baab0}.overline span{color:#c79f78;padding:0 10px}.hero-copy h1{font:600 clamp(66px,7.8vw,147px)/.99 Arial,Helvetica,sans-serif;letter-spacing:-.066em;margin:31px 0 20px;text-shadow:0 11px 70px #00151e88}.hero-copy h1 em{font-style:normal;color:#b1cccb}.hero-copy p{font-size:clamp(14px,1.25vw,18px);font-weight:400;color:#b6c5c6;line-height:1.5;margin:27px 0}
.has-focus .hero-copy{transform:translateY(-15px) scale(.94);transform-origin:left top;opacity:.22}
.selected-person{position:absolute;z-index:9;left:clamp(26px,5vw,94px);bottom:148px;max-width:450px;display:flex;flex-direction:column;gap:7px;pointer-events:none}.selection-count{color:#cbad82}.selection-name{font-size:clamp(25px,2.55vw,40px);line-height:1.2;font-weight:500;letter-spacing:-.045em}.selection-role{color:#bdcdd0;font-size:14px}.selection-skills{margin-top:12px;font-size:13px;color:#b5c5c5;max-width:440px;line-height:1.7}.selection-skills span+span:before{content:' / ';color:#a48f73}.has-focus .selected-person{bottom:155px}
.station-directory{position:absolute;z-index:10;bottom:28px;left:clamp(22px,4.8vw,90px);right:clamp(22px,4.8vw,90px);display:flex;align-items:stretch;gap:0;border-top:1px solid #a4b6b04d;max-width:1670px;margin:0 auto}.station-directory button{flex:1;min-width:0;text-align:left;display:flex;flex-direction:column;gap:9px;padding:18px 10px 5px;border:0;border-top:2px solid transparent;margin-top:-2px;color:#a9bcc0;background:transparent;transition:color .2s,border-color .2s,transform .2s}.station-directory button:first-child{padding-left:0}.station-directory button:hover,.station-directory button.is-active{color:#f8f9f6;border-top-color:#d1aa7f}.station-index{font:500 10px 'Courier New',monospace;letter-spacing:.13em;color:#789198}.station-directory .is-active .station-index{color:#d8b58c}.station-label{font-size:13px;font-weight:600}.station-directory .wide-view{flex:0 0 35px;align-items:flex-end;justify-content:flex-end;font-size:23px;padding-right:0;color:#d5c9ae}
.floor-serial{position:absolute;z-index:8;top:104px;right:clamp(28px,5vw,100px);writing-mode:vertical-rl;color:#537179;font-size:9px}
/* CSS poster hall is a deliberate fallback when the GPU module is unavailable. */
.fallback-hall{position:absolute;inset:0;z-index:2;perspective:1300px;transform-style:preserve-3d;overflow:hidden;background:radial-gradient(ellipse 900px 630px at 72% 36%,#1a343e99,transparent 65%),linear-gradient(130deg,#03070c 5%,#07151d 56%,#0b141a);transition:opacity 1s}
.three-active .fallback-hall{opacity:0;pointer-events:none}
.fallback-hall:before{content:'';position:absolute;inset:-5%;background:repeating-linear-gradient(90deg,transparent 0 14%,#c1ced008 14% 14.07%,transparent 14.07% 25%),linear-gradient(#475e5921 0 1px,transparent 1px);background-size:100% 100%,100% 140px;transform:skewY(-8deg) scale(1.1)}
.ceiling-girders{position:absolute;top:0;left:35%;width:70%;height:100%;background:repeating-linear-gradient(93deg,transparent 0 17%,#b8ac9317 17.2% 17.6%,transparent 18% 23%);transform:perspective(800px) rotateX(64deg) translateY(-35%);transform-origin:top}
.floor-grating{position:absolute;bottom:-120px;left:-50%;width:210%;height:54%;background:repeating-linear-gradient(90deg,#66bdaf0d 0 1px,transparent 1px 95px),repeating-linear-gradient(0deg,#65a8a113 0 1px,transparent 1px 75px);transform:perspective(550px) rotateX(78deg);transform-origin:bottom}
.fallback-station{position:absolute;top:20%;width:clamp(170px,16vw,245px);aspect-ratio:.625;padding:6px;border:1px solid #506b7690;background:#05151d;box-shadow:0 20px 65px #000d,0 0 50px #5caeb229;transition:transform .8s,opacity .8s}
.fallback-station img{width:100%;height:100%;object-fit:cover;filter:contrast(.97) saturate(.72)}.fallback-station span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#061218dd);padding:27px 10px 12px;font:500 9px 'Courier New',monospace;letter-spacing:.15em}
.station-a{right:20%;top:11%;transform:rotateY(-14deg) translateZ(135px);z-index:3}.station-b{right:4%;top:21%;transform:rotateY(-22deg) translateZ(-20px) scale(.9);z-index:2}.station-c{right:37%;top:15%;transform:rotateY(28deg) translateZ(-180px) scale(.75);z-index:1;filter:brightness(.67)}.station-d{right:50%;top:24%;transform:rotateY(18deg) translateZ(-330px) scale(.60);filter:brightness(.5)}
.production-evidence{padding:clamp(75px,8vw,160px) clamp(24px,5vw,95px);background:#e6e7e1;color:#12252e}.evidence-index{display:flex;justify-content:space-between;border-bottom:1px solid #90a3a5;padding-bottom:18px;color:#57717a;max-width:1620px;margin:auto}.evidence-layout{max-width:1620px;margin:60px auto 0;display:grid;grid-template-columns:32% 1fr;align-items:center;gap:7%}.evidence-copy h2{font:600 clamp(42px,5vw,83px)/1 Arial,sans-serif;letter-spacing:-.06em;margin:0 0 20px}.evidence-copy p{font-size:22px;line-height:1.5;color:#34474f;margin:0 0 30px}.small-note{display:block;color:#56707b;font-size:11px;line-height:2;letter-spacing:.06em}.evidence-layout figure{margin:0;min-width:0}.evidence-layout figure img{display:block;max-width:100%;width:100%;border:1px solid #869ea1;box-shadow:0 30px 60px #182e3028}.evidence-layout figcaption{text-align:right;margin-top:10px;font:10px 'Courier New',monospace;letter-spacing:.1em;color:#5c737a}
.endbar{background:#050b10;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:33px clamp(24px,5vw,95px);border-top:1px solid #39525b;font-size:12px}.endbar>span:first-child{font-size:24px;font-weight:800}.endbar>span:last-child{font:10px 'Courier New',monospace;letter-spacing:.13em;color:#8ca5ab}.endbar div{display:flex;gap:26px}.endbar a:hover{color:#a9d1ce}
@media(max-width:1000px){.hero-copy{top:21%;width:62%}.fallback-station{width:200px}.station-a{right:15%}.station-b{right:-5%}.station-c{right:39%}.station-d{display:none}.station-directory .station-label{font-size:11px}.selected-person{bottom:150px}.evidence-layout{grid-template-columns:1fr;gap:35px}}
@media(max-width:700px){.site-nav{height:62px;padding:0 20px;gap:16px}.brand{font-size:21px}.brand-sector{font-size:10px;padding-left:15px}.nav-links{gap:15px;font-size:11px}.nav-links a:first-child{display:none}.floor-hero{height:750px;min-height:0}.hero-copy{left:24px;top:112px;width:90%}.hero-copy h1{font-size:clamp(50px,11.5vw,83px);margin-top:18px}.hero-copy p{font-size:14px;margin-top:13px}.fallback-station{width:140px;top:38%}.station-a{right:25%;top:36%;transform:rotateY(-10deg) translateZ(100px) scale(1)}.station-b{right:-4%;top:42%;transform:rotateY(-16deg) scale(.82)}.station-c{right:58%;top:45%;transform:rotateY(18deg) scale(.58)}.station-d{display:none}.selected-person{left:24px;bottom:176px}.selection-name{font-size:25px}.selection-role{font-size:13px}.selection-skills{font-size:12px;line-height:1.55;margin-top:7px}.station-directory{left:20px;right:20px;bottom:22px;display:grid;grid-template-columns:repeat(4,1fr)}.station-directory button{padding:9px 5px;gap:3px}.station-label{font-size:11px}.station-directory button:first-child{padding-left:5px}.station-directory .wide-view{position:absolute;right:1px;bottom:72px}.floor-serial{display:none}.production-evidence{padding:72px 20px}.evidence-index{font-size:9px}.evidence-layout{margin-top:34px}.evidence-copy h2{font-size:44px}.evidence-copy p{font-size:16px}.endbar{flex-wrap:wrap;padding:24px 22px}.endbar>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Final typographic adjustment: the title never collides with the portrait stations. */
@media(min-width:701px){.hero-copy{width:42%;max-width:615px}.hero-copy h1{font-size:clamp(66px,6.2vw,112px);letter-spacing:-.055em}.station-c{right:31%}.station-d{display:none}}
@media(max-width:700px){
 .floor-hero{height:820px}
 .station-a{top:40%}
 .station-b{top:45%}
 .station-c{top:46%}
 .selected-person{bottom:160px}
 .has-focus .selected-person{bottom:164px}
}
/* v11: native video surfaces stay visible before a 3D enhancement can initialize. */
.fallback-hall{perspective:1500px}
.fallback-station{appearance:none;color:#e8f1ed;cursor:pointer;text-align:left;overflow:visible;padding:5px;border:1px solid #8eb1b375;transform-style:preserve-3d;background:#09191f}
.fallback-station:focus-visible{outline:2px solid #dbbd8a}
.fallback-station .portrait-rotor{position:absolute;inset:5px;display:block;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.25,.8,.2,1)}
.fallback-station .portrait-front,.fallback-station .portrait-back{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.fallback-station .portrait-front video{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.23) saturate(.93)}
.fallback-station .portrait-back{background:linear-gradient(130deg,#122932,#071820);transform:rotateY(180deg);padding:17px;overflow:auto}
.portrait-back b{display:block;font-size:21px;font-weight:550;line-height:1.2;letter-spacing:-.025em}
.portrait-back small{display:block;margin-top:9px;color:#b7ced0;font-size:12px}
.portrait-back .cv-list{display:flex;flex-direction:column;gap:0;margin-top:27px}
.portrait-back .cv-list i{font-size:12px;font-style:normal;border-top:1px solid #769d9d55;padding:11px 0;color:#d7e4df}
.fallback-station.is-flipped .portrait-rotor{transform:rotateY(180deg)}
.fallback-station .portrait-serial{position:absolute;bottom:5px;left:5px;right:5px;background:linear-gradient(transparent,#06151de8);font:500 10px 'Courier New',monospace;letter-spacing:.1em;color:#d5e2e0;padding:27px 12px 12px;pointer-events:none}
.fallback-station.is-flipped .portrait-serial{opacity:0}
.fallback-station.station-a{right:19%;top:10%;transform:rotateY(-12deg) translateZ(130px);z-index:5}
.fallback-station.station-b{right:1%;top:22%;transform:rotateY(-24deg) scale(.91);z-index:4}
.fallback-station.station-c{right:39%;top:19%;transform:rotateY(21deg) translateZ(-170px) scale(.84);filter:brightness(.92);z-index:3}
.fallback-station.station-d{right:55%;top:27%;transform:rotateY(28deg) translateZ(-300px) scale(.72);filter:brightness(.82);z-index:2;display:block}
.fallback-station.station-extra{display:none}
.fallback-hall.is-focused .fallback-station:not(.is-focused){opacity:.21;filter:brightness(.48)}
.fallback-hall.is-focused .fallback-station.is-focused{display:block;top:11%!important;right:15%!important;width:clamp(218px,23vw,295px)!important;z-index:20;opacity:1;filter:none;transform:rotateY(-4deg) scale(1.08)!important}
/* The native hall remains a fully functioning version when an external 3D dependency fails. */
@media(max-width:700px){.fallback-station.station-a{right:22%;top:40%}.fallback-station.station-b{right:-5%;top:46%}.fallback-station.station-c{right:59%;top:45%}.fallback-station.station-d{display:none}.fallback-hall.is-focused .fallback-station.is-focused{width:205px!important;right:19%!important;top:38%!important;transform:rotateY(-3deg)!important}.fallback-station .portrait-back{padding:13px}.portrait-back b{font-size:18px}.portrait-back .cv-list{margin-top:14px}.portrait-back .cv-list i{font-size:11px;padding:7px 0}}
/* Portrait stations must never cover the headline. */
.fallback-station.station-d{display:none}
.fallback-hall.is-focused .fallback-station.is-focused{display:block!important}
/* Less grotesque tracking on large display text. */
.hero-copy h1{letter-spacing:-.043em;font-weight:600}
@media(max-width:700px){
 .site-nav{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:27px 21px;height:88px;min-height:88px;align-content:center;column-gap:14px;row-gap:6px;padding:8px 20px}
 .site-nav .brand{grid-column:1;grid-row:1;align-self:center}
 .site-nav .brand-sector{grid-column:2;grid-row:1;min-width:0;align-self:center;letter-spacing:.075em}
 .site-nav .nav-links{grid-column:1 / -1;grid-row:2;width:100%;margin-left:0;display:flex;gap:25px;justify-content:flex-start;align-items:center;font-size:12px}
 .site-nav .nav-links a:first-child{display:block}
 .hero-copy{top:155px}.floor-hero{height:860px}
}
.fallback-station .portrait-front{background-size:cover;background-position:center}
.fallback-station[data-person-index="0"] .portrait-front{background-image:url('posters/saber.webp')}
.fallback-station[data-person-index="1"] .portrait-front{background-image:url('posters/andrea.webp')}
.fallback-station[data-person-index="2"] .portrait-front{background-image:url('posters/ayham.webp')}
.fallback-station[data-person-index="3"] .portrait-front{background-image:url('posters/devindra.webp')}
.fallback-station[data-person-index="4"] .portrait-front{background-image:url('posters/william.webp')}
.fallback-station[data-person-index="5"] .portrait-front{background-image:url('posters/boris.webp')}
.fallback-station[data-person-index="6"] .portrait-front{background-image:url('posters/qusay.webp')}
.fallback-station[data-person-index="7"] .portrait-front{background-image:url('posters/taneet.webp')}
.fallback-station .portrait-front video{mix-blend-mode:lighten}

/* Shared Kaledan vector wordmark, consistent shape across every section. */
.site-nav .brand{display:inline-flex;align-items:center;line-height:1;flex:0 0 auto}
.site-nav .brand-mark{display:block;width:auto;height:23px;max-width:none;filter:none}
.endbar .endbar-logo{display:inline-flex;align-items:center}
.endbar .endbar-logo .brand-mark{height:22px;width:auto;display:block}
@media(max-width:700px){.site-nav .brand-mark{height:21px}.endbar .endbar-logo .brand-mark{height:19px}}