/* 3Bi 5.0 editorial experience layer: semantic content remains authoritative. */
:root{
	--motion-instant:80ms;
	--motion-fast:180ms;
	--motion-standard:420ms;
	--motion-enter:780ms;
	--motion-ease:cubic-bezier(.22,1,.36,1);
	--motion-distance:18px;
}

.hero--experience{ min-height:clamp(620px,82svh,860px); isolation:isolate; }
.hero--experience::after{ content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(11,28,44,.94) 0%,rgba(11,28,44,.72) 48%,rgba(11,28,44,.18) 100%); pointer-events:none; }
[dir="rtl"] .hero--experience::after{ background:linear-gradient(270deg,rgba(11,28,44,.94) 0%,rgba(11,28,44,.72) 48%,rgba(11,28,44,.18) 100%); }
.hero__poster svg{ width:100%; height:100%; filter:saturate(.86); }
.hero__poster > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.58; }
.hero__canvas{ opacity:.88; }
.hero__inner{ max-width:1280px; }
.hero__inner h1{ max-width:13ch; font-size:clamp(3.2rem,7vw,7.8rem); line-height:.91; letter-spacing:-.045em; text-wrap:balance; }
[lang="ar"] .hero__inner h1{ max-width:15ch; letter-spacing:0; line-height:1.08; }
.hero__description{ max-width:720px; font-size:clamp(1rem,1.5vw,1.25rem); }

.threebi-evidence-field{ position:relative; overflow:hidden; background:var(--sand-light); }
.threebi-evidence-field > canvas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.72; }
.threebi-evidence-field > .content-section__inner{ position:relative; z-index:1; }
.threebi-evidence-field .stat-card{ background:rgba(255,255,255,.86); border:1px solid rgba(20,53,95,.12); backdrop-filter:blur(5px); }

.threebi-publication-showcase{ position:relative; padding-block:clamp(70px,9vw,126px); }
.threebi-publication-showcase::before{ content:""; position:absolute; inset:8% 0 auto; height:38%; background-image:radial-gradient(circle,rgba(184,137,58,.35) 0 1px,transparent 1.5px); background-size:8px 8px; mask-image:linear-gradient(90deg,transparent,#000 25%,#000 75%,transparent); pointer-events:none; }
.threebi-publication-showcase .pub-grid{ position:relative; display:grid; grid-template-columns:repeat(12,1fr); align-items:end; gap:clamp(16px,3vw,36px); }
.threebi-publication-showcase .pubcard{ grid-column:span 4; transform-origin:50% 100%; box-shadow:0 22px 60px rgba(11,28,44,.12); }
.threebi-publication-showcase .pubcard:first-child{ transform:rotate(-1.4deg); }
.threebi-publication-showcase .pubcard:last-child{ transform:rotate(1.4deg); }
[dir="rtl"] .threebi-publication-showcase .pubcard:first-child{ transform:rotate(1.4deg); }
[dir="rtl"] .threebi-publication-showcase .pubcard:last-child{ transform:rotate(-1.4deg); }
.threebi-bookshelf-enabled .threebi-publication-showcase .pub-grid{ perspective:1200px; padding-block-end:30px; border-bottom:10px solid var(--deep-blue); box-shadow:0 12px 0 rgba(184,137,58,.24); }
.threebi-bookshelf-enabled .threebi-publication-showcase .pubcard{ transform:translateZ(0) rotateY(-3deg); }
[dir="rtl"] .threebi-bookshelf-enabled .threebi-publication-showcase .pubcard{ transform:translateZ(0) rotateY(3deg); }
.pubcard__placeholder{ display:grid; place-items:center; min-height:270px; padding:30px; background:linear-gradient(145deg,var(--sand-light),var(--savanna-sand)); color:var(--cobalt-deep); font:500 .7rem/1.4 var(--font-mono); letter-spacing:.12em; text-transform:uppercase; }
.pubcard__placeholder img{ width:min(150px,55%); height:auto; object-fit:contain; opacity:.72; }
.pubcard__placeholder span{ margin-block-start:18px; }
.threebi-publication-gallery .pub-grid{ display:flex; overflow-x:auto; gap:24px; padding:4px 4px 28px; }
.threebi-publication-gallery .pubcard{ flex:0 0 min(370px,84vw); }

.threebi-network{ position:relative; overflow:hidden; }
.threebi-network__lines{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:0; }
.threebi-network__lines path{ fill:none; stroke:rgba(184,137,58,.34); stroke-width:1.5; stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset var(--motion-enter) var(--motion-ease); }
.threebi-network.is-network-ready .threebi-network__lines path{ stroke-dashoffset:0; }
.threebi-network .theme-cards,.threebi-network .process-list{ position:relative; z-index:1; }
.threebi-network [data-network-node]{ background:rgba(245,239,227,.94); }

.experience-controls{ display:flex; justify-content:flex-end; gap:10px; margin-block:0 20px; }
.experience-control{ display:inline-grid; place-items:center; width:46px; height:46px; border:1px solid rgba(20,53,95,.24); border-radius:50%; background:var(--white); color:var(--nile-ink); font-size:1.25rem; cursor:pointer; transition:border-color var(--motion-fast),background var(--motion-fast),color var(--motion-fast); }
.experience-control:hover{ border-color:var(--desert-sienna); color:var(--desert-sienna); }
.experience-control:focus-visible{ outline:3px solid var(--nubian-gold); outline-offset:3px; }
[dir="rtl"] .experience-control span{ display:block; transform:scaleX(-1); }

[data-experience-rail],[data-timeline-rail]{ scrollbar-width:thin; scrollbar-color:var(--nubian-gold) transparent; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; }
[data-experience-rail] > *,[data-timeline-rail] > *{ scroll-snap-align:start; }
.threebi-people-filmstrip .people-grid{ display:flex; overflow-x:auto; gap:24px; padding:4px 4px 24px; }
.threebi-people-filmstrip .profile-card{ flex:0 0 min(330px,82vw); }
.threebi-people-filmstrip .leadership__list{ flex-direction:row; overflow-x:auto; padding-block:4px 24px; }
.threebi-people-filmstrip .leadership-card{ flex:0 0 min(720px,88vw); }

.threebi-globe{ display:grid; grid-template-columns:minmax(300px,1.05fr) minmax(300px,.95fr); gap:clamp(30px,6vw,86px); align-items:center; }
.threebi-globe__visual{ position:relative; min-height:420px; background:radial-gradient(circle at 50% 45%,rgba(30,74,128,.2),transparent 62%); }
.threebi-globe__visual canvas{ position:absolute; inset:0; width:100%; height:100%; }
.threebi-globe__origin{ position:absolute; inset:auto auto 8% 50%; transform:translateX(-50%); color:var(--savanna-sand); font:500 .72rem/1.4 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.threebi-globe__list{ display:grid; gap:12px; }
.threebi-globe__list .cop{ width:100%; text-align:start; cursor:pointer; }

.threebi-timeline{ position:relative; }
.threebi-timeline__rail{ display:flex; overflow-x:auto; gap:24px; padding:8px 4px 28px; }
.threebi-milestone{ flex:0 0 min(420px,84vw); min-height:280px; padding:clamp(24px,4vw,42px); border-block-start:4px solid var(--nubian-gold); background:var(--white); box-shadow:0 18px 48px rgba(11,28,44,.09); }
.threebi-milestone__year{ display:block; margin-block-end:34px; color:var(--desert-sienna); font:500 .86rem/1 var(--font-mono); letter-spacing:.08em; }
.threebi-milestone:target{ outline:4px solid var(--nubian-gold); outline-offset:4px; }

.resources-editorial-header{ position:relative; overflow:hidden; min-height:440px; display:grid; align-items:end; }
.resources-editorial-header::before{ content:""; position:absolute; inset:0; background:linear-gradient(135deg,#0B1C2C 0 52%,#14355F 52% 78%,#9C3D1E 78%); }
.resources-editorial-header::after{ content:""; position:absolute; inset:12% 5% 10% 48%; border:1px solid rgba(232,220,200,.3); box-shadow:-32px 24px 0 rgba(184,137,58,.2),-64px 48px 0 rgba(232,220,200,.08); transform:perspective(700px) rotateY(-8deg); }
[dir="rtl"] .resources-editorial-header::after{ inset:12% 48% 10% 5%; transform:perspective(700px) rotateY(8deg); }
.resources-editorial-header .page-header__inner{ position:relative; z-index:1; }
.research-explorer{ position:sticky; top:120px; padding:24px; border:1px solid rgba(20,53,95,.12); background:var(--sand-light); }

.search-hero-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.75fr); gap:40px; align-items:center; }
.threebi-search-illustration{ min-height:300px; position:relative; }
.threebi-search-illustration canvas{ position:absolute; inset:0; width:100%; height:100%; }

.membership-certificate{ position:relative; }
.membership-certificate::before{ content:""; position:absolute; inset:14px; border:1px solid rgba(184,137,58,.55); pointer-events:none; }
.membership-certificate::after{ content:"3Bi"; position:absolute; inset:auto 24px 22px auto; display:grid; place-items:center; width:58px; height:58px; border:2px double var(--nubian-gold); border-radius:50%; color:var(--desert-sienna); font:700 .82rem/1 var(--font-serif); pointer-events:none; }
[dir="rtl"] .membership-certificate::after{ inset:auto auto 22px 24px; }
.meridian-affiliations{ position:relative; overflow:hidden; background:linear-gradient(145deg,var(--nile-ink),var(--cobalt-deep)); color:var(--savanna-sand); }
.meridian-affiliations::before{ content:""; position:absolute; inset:-25% -10%; background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 58px,rgba(184,137,58,.12) 60px 61px); transform:rotate(-9deg); pointer-events:none; }
.meridian-affiliations .content-section__inner{ position:relative; }
.meridian-affiliations h2,.meridian-affiliations .profile-content{ color:inherit; }
.meridian-affiliations .affiliation-card{ background:rgba(245,239,227,.94); color:var(--nile-ink); }

.threebi-longform{ background:var(--sand-light); }
.threebi-longform--dark{ background:var(--nile-ink); color:var(--savanna-sand); }
.threebi-longform__hero{ position:relative; min-height:min(780px,88svh); display:grid; align-items:end; overflow:hidden; color:var(--white); background:linear-gradient(155deg,rgba(11,28,44,.2),rgba(11,28,44,.96)),var(--threebi-story-poster,linear-gradient(135deg,#14355F,#0B1C2C)); background-size:cover; background-position:center; }
.threebi-longform__atmosphere,.threebi-longform__atmosphere canvas{ position:absolute; inset:0; width:100%; height:100%; }
.threebi-longform__heading{ position:relative; z-index:1; width:min(1180px,calc(100% - 40px)); margin-inline:auto; padding-block:clamp(80px,12vw,160px) clamp(54px,8vw,100px); }
.threebi-longform__heading h1{ max-width:13ch; font-size:clamp(3rem,8vw,8rem); line-height:.94; text-wrap:balance; }
[lang="ar"] .threebi-longform__heading h1{ max-width:16ch; line-height:1.08; }
.threebi-story-skip{ display:inline-flex; margin-block-start:24px; color:var(--savanna-sand); text-decoration:underline; text-underline-offset:5px; }
.threebi-longform__content{ width:min(820px,calc(100% - 40px)); margin-inline:auto; padding-block:clamp(70px,10vw,140px); font-size:clamp(1.05rem,1.4vw,1.24rem); line-height:1.9; }
.threebi-story-chapter{ margin-block:clamp(70px,12vw,140px); scroll-margin-top:130px; }
.threebi-field-evidence{ width:min(1100px,calc(100vw - 40px)); margin-inline:50%; transform:translateX(-50%); padding:clamp(24px,5vw,64px); background:var(--white); color:var(--nile-ink); }
[dir="rtl"] .threebi-field-evidence{ transform:translateX(50%); }
.threebi-story-gallery{ background:var(--nile-ink); color:var(--savanna-sand); }
.threebi-story-gallery__rail{ display:flex; overflow-x:auto; gap:24px; padding-block:6px 28px; }
.threebi-story-gallery__rail figure{ flex:0 0 min(760px,86vw); margin:0; scroll-snap-align:start; }
.threebi-story-gallery__rail img{ width:100%; aspect-ratio:16/10; object-fit:cover; }
.threebi-story-gallery__rail figcaption{ margin-block-start:10px; color:var(--grey-light); font-size:.88rem; }
[data-threebi-climate="woven-static"] .threebi-longform__atmosphere{ background:repeating-linear-gradient(45deg,rgba(184,137,58,.12) 0 2px,transparent 2px 14px),repeating-linear-gradient(-45deg,rgba(156,61,30,.1) 0 2px,transparent 2px 14px); }

[data-threebi-bloom]{ position:relative; }
[data-threebi-bloom]::after{ content:""; position:absolute; inset:72% 0 auto; height:.12em; transform:scaleX(0); transform-origin:0 50%; background:linear-gradient(90deg,var(--desert-sienna),var(--nubian-gold)); transition:transform var(--motion-enter) var(--motion-ease); }
[dir="rtl"] [data-threebi-bloom]::after{ transform-origin:100% 50%; }
[data-threebi-bloom].is-bloomed::after{ transform:scaleX(1); }

.btn,.section-link,.theme-card__cta{ min-height:44px; }
.btn{ position:relative; isolation:isolate; overflow:hidden; transition:transform var(--motion-fast),background-color var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast); }
.btn::after{ content:""; position:absolute; inset:4px; z-index:-1; border:1px dotted currentColor; opacity:0; transform:scale(.96); transition:opacity var(--motion-fast),transform var(--motion-fast); }
.btn:hover::after,.btn:focus-visible::after{ opacity:.48; transform:scale(1); }
.btn:active{ transform:translateY(1px); }

.threebi-ident{ width:34px; height:30px; display:inline-grid; place-items:center; }
.threebi-ident svg{ width:100%; height:100%; }
.threebi-ident polygon{ transform-box:fill-box; transform-origin:center bottom; animation:threebi-ident-enter 680ms var(--motion-ease) both; }
.threebi-ident polygon:nth-child(2){ animation-delay:80ms; }
.threebi-ident polygon:nth-child(3){ animation-delay:160ms; }
@keyframes threebi-ident-enter{ from{ opacity:0; transform:translateY(8px) scaleY(.65); } to{ opacity:1; transform:none; } }

@media (max-width:900px){
	.hero--experience{ min-height:650px; }
	.hero--experience::after{ background:linear-gradient(0deg,rgba(11,28,44,.97),rgba(11,28,44,.34)); }
	.hero__inner h1{ font-size:clamp(3rem,13vw,5.5rem); }
	.threebi-publication-showcase .pub-grid{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; padding:4px 4px 24px; }
	.threebi-publication-showcase .pubcard{ flex:0 0 min(340px,84vw); transform:none !important; scroll-snap-align:start; }
	.threebi-globe,.search-hero-grid{ grid-template-columns:1fr; }
	.threebi-globe__visual{ min-height:340px; }
	.research-explorer{ position:static; }
}

@media (max-width:640px),(prefers-reduced-motion:reduce){
	.threebi-people-filmstrip .people-grid{ display:grid; overflow:visible; }
	.threebi-people-filmstrip .leadership__list{ display:grid; overflow:visible; }
	.threebi-people-filmstrip .experience-controls{ display:none; }
	.threebi-timeline__rail{ display:grid; overflow:visible; border-inline-start:1px solid rgba(184,137,58,.45); padding-inline-start:20px; }
	.threebi-milestone{ min-height:0; width:100%; }
	.threebi-timeline .experience-controls{ display:none; }
}

@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{ scroll-behavior:auto !important; }
	.threebi-ident polygon{ animation:none; }
	[data-threebi-bloom]::after{ transition:none; transform:scaleX(1); }
	.threebi-network__lines path{ transition:none; stroke-dashoffset:0; }
	.btn{ transition:none; }
}

@media print{
	.hero__canvas,.threebi-evidence-field > canvas,.threebi-globe__visual,.threebi-search-illustration,.threebi-longform__atmosphere,.experience-controls{ display:none !important; }
	.membership-certificate::before,.membership-certificate::after{ opacity:.45; }
	.threebi-longform__hero{ min-height:0; color:#000; background:none; }
}