/* WAIWIM — a field of possibilities. Approved identity, expanded visual vocabulary. */
.visual-token{overflow:hidden}
.sdaia-logo-box{background:#0a2223!important}
.light .source{color:#345750}
.light :focus-visible,.intersection :focus-visible,.contact-panel :focus-visible,.closing-field :focus-visible{outline-color:var(--on-paper)}
:root{--ease:cubic-bezier(.16,1,.3,1);--paper:#e8ece2;--on-paper:#143b39;--hairline:rgba(167,217,203,.25);--space:clamp(64px,8vw,128px)}
body{overflow-x:visible}h1,h2,h3{font-weight:400;letter-spacing:-.025em;text-wrap:balance}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0}p{line-height:1.85}em{font-style:normal;color:var(--mint)}::selection{background:var(--mint);color:var(--deep)}html{scrollbar-color:#608e83 var(--deep);scrollbar-width:thin}button,a{-webkit-tap-highlight-color:#a7d9cb22}a{text-underline-offset:6px}:focus-visible{outline:2px solid var(--mint);outline-offset:7px}.arrow{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.arrow svg{width:100%;height:100%}html[dir=rtl] .arrow{transform:scaleX(-1)}
.stage{font-size:.75rem;padding-block:7px;background:var(--deep)}.header{position:sticky;top:0;z-index:40;background:var(--bg);border:0;transition:background .3s}.header.compact{background:var(--deep)}.nav{min-height:88px;gap:32px;border-bottom:1px solid var(--hairline)}.brand{width:174px}.nav-links{gap:26px}.nav-links a{font-size:.9rem;padding-block:14px;position:relative;white-space:nowrap}.nav-links a:after{content:'';position:absolute;height:2px;inset-inline:0;bottom:4px;background:var(--mint);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.language{border:0;border-radius:999px;min-width:44px;min-height:44px;display:grid;place-items:center;padding:7px;font-size:.8rem;background:var(--surface)}.language:hover{background:#315b55}.menu-button{border:0;padding:12px;min-height:44px}.nav-tools{gap:14px}.route-content:focus{outline:none}
/* Circle and capsule belong to the same action; the label remains visible. */
.btn{position:relative;display:inline-flex;align-items:center;gap:32px;min-height:62px;padding:0 10px;background:transparent;color:var(--ink);border:0;border-radius:0;overflow:visible;font-size:1rem;transform:none!important}.btn:hover{background:transparent;color:var(--mint)}.cta-label{line-height:1.5}.cta-unit{position:relative;width:55px;height:55px;display:grid;place-items:center;color:var(--deep);isolation:isolate;flex-shrink:0}.cta-unit:before{content:'';position:absolute;inset:0;background:var(--mint);border-radius:999px;z-index:-1;transition:transform .6s var(--ease)}.cta-unit i{display:none}.cta-unit .arrow{width:23px;transition:translate .5s var(--ease)}.btn:hover .cta-unit:before,.btn:focus-visible .cta-unit:before{transform:scaleX(1.35)}.btn:hover .cta-unit .arrow{translate:5px 0}html[dir=rtl] .btn:hover .cta-unit .arrow{translate:-5px 0}.btn>.arrow{width:48px;height:48px;padding:12px;background:var(--mint);color:var(--deep);border-radius:50%}.text-link,.source{display:inline-flex;gap:22px;min-height:44px;align-items:center;position:relative;border:0;padding-block:8px;font-size:.94rem}.text-link:after,.source:after{content:'';position:absolute;inset-inline-start:0;bottom:2px;width:100%;height:1px;background:currentColor;transform:scaleX(.24);transform-origin:right;opacity:.6;transition:transform .45s var(--ease)}html[dir=ltr] .text-link:after,html[dir=ltr] .source:after{transform-origin:left}.text-link:hover:after,.text-link:focus-visible:after,.source:hover:after{transform:scaleX(1)}.source{font-size:.85rem;color:var(--muted)}
.home-world{position:relative}.living-surface{position:sticky;top:0;height:100svh;margin-bottom:-100svh;pointer-events:none;z-index:0}.living-surface canvas{width:100%;height:100%;display:block}.hero-editorial{position:relative;z-index:1;padding-block:65px 0;min-height:calc(100svh - 120px);display:flex;flex-direction:column;justify-content:space-between}.hero-editorial h1{font-size:clamp(3.2rem,6.5vw,6.5rem);line-height:1.35;margin:0;font-weight:400;max-width:none}.hero-editorial h1>span:first-child{display:block}.hero-line{display:flex;align-items:center;gap:6%;margin-inline-start:16%;margin-top:12px}.hero-line em{font-weight:500;white-space:nowrap}.headline-aperture{display:block;width:clamp(130px,19vw,260px);height:clamp(55px,7.6vw,108px);border-radius:999px;overflow:hidden;flex-shrink:0;transform:rotate(-7deg)}.headline-aperture img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-bottom{display:grid;grid-template-columns:1fr 1fr 130px;gap:50px;align-items:center;padding-block:42px 35px}.hero-bottom>p{font-size:1.12rem;color:var(--muted);max-width:460px;line-height:1.9}.hero-action{display:flex;align-items:center;justify-content:center;gap:30px;flex-wrap:wrap}.hero-signature{height:106px;width:130px;pointer-events:none}.hero-baseline{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--hairline);font-size:.75rem;color:var(--muted)}.hero-baseline>span{letter-spacing:.06em}.scroll-cue{display:inline-flex;gap:28px;align-items:center}.scroll-cue>span{font-size:1.2rem}html[lang=en] .hero-editorial h1{font-size:clamp(3rem,5.65vw,6rem)}html[lang=en] .hero-line{margin-inline-start:7%;gap:4%}html[lang=en] .hero-line em{white-space:normal;max-width:900px}.hero-editorial .text-link{white-space:nowrap}
.intersection{position:relative;z-index:2;background:var(--paper);color:var(--on-paper);display:grid;grid-template-columns:4fr 6fr;min-height:700px;scroll-margin-top:85px}.intersection-copy{padding:90px 13% 80px 12%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.intersection h2{font-size:clamp(2.65rem,3.7vw,4.25rem);line-height:1.4;margin-bottom:32px}.intersection h2 em{color:#416b5e}.intersection p{font-size:1.08rem;color:#345750;max-width:35ch;margin-bottom:28px}.intersection .text-link{color:var(--on-paper)}.intersection-image{margin:0;position:relative;min-height:700px;overflow:hidden}.intersection-image>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:38% center}.intersection-image figcaption{position:absolute;bottom:24px;inset-inline:28px;font-size:.75rem;color:#193b3b;background:#e8ece2dc;padding:7px 12px;width:max-content;max-width:calc(100% - 56px)}
/* Three restrained image tokens. Each opens alone; pauses are part of the rhythm. */
.aperture-scene{position:relative;z-index:2;min-height:84svh;background:var(--deep);display:flex;flex-direction:column;justify-content:space-between;padding-block:36px}.scene-top,.scene-bottom{display:flex;justify-content:space-between;gap:30px;align-items:center}.scene-top{font-size:.75rem;color:var(--muted)}.scene-bottom p{font-size:clamp(1.45rem,2.3vw,2.4rem);font-weight:400}.scene-bottom .text-link{font-size:.88rem}.aperture-tokens{--token-h:54px;--token-w:174px;width:min(640px,76vw);display:flex;align-items:center;justify-content:space-around;align-self:center;direction:ltr;gap:12px;margin-block:110px}.token-slot{width:var(--token-w);height:var(--token-h);position:relative;flex-shrink:0}.visual-token{width:100%;height:100%;clip-path:inset(0 calc((var(--token-w) - var(--token-h))/2) round 999px);animation:aperture-open 21s var(--ease) infinite both;animation-play-state:paused}.visual-token img{width:100%;height:100%;object-fit:cover;display:block}.token-a img{object-position:24% 70%;transform:scale(1.6)}.token-b img{object-position:50% 40%;transform:scale(1.25)}.token-c img{object-position:4% 45%;transform:scale(2.6)}.token-b{animation-delay:7s}.token-c{animation-delay:14s}.aperture-scene.in-view .visual-token{animation-play-state:running}.motion-paused .visual-token,.document-hidden .visual-token{animation-play-state:paused!important}.static-scene .visual-token{animation:none}.static-scene .token-b{clip-path:inset(0 0 round 999px)}@keyframes aperture-open{0%,3%,30%,100%{clip-path:inset(0 calc((var(--token-w) - var(--token-h))/2) round 999px)}10%,21%{clip-path:inset(0 0 round 999px)}}
.selected-initiative{background:var(--bg);position:relative;z-index:2;padding-block:var(--space)}.initiative-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:8%}.initiative-intro{display:flex;flex-direction:column;align-items:flex-start;padding-top:24px}.initiative-intro h2{font-size:clamp(2.9rem,4.3vw,4.9rem);line-height:1.4}.initiative-intro p{max-width:28ch;color:var(--muted);margin-top:30px;font-size:1rem}.initiative-intro .text-link{margin-top:auto}.initiative-visual{position:relative;overflow:hidden;aspect-ratio:1.5;background:var(--surface)}.initiative-visual>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.initiative-feature:hover .initiative-visual>img{transform:scale(1.035)}.feature-open{position:absolute;inset-inline-end:24px;bottom:24px;background:var(--paper);color:var(--on-paper);width:56px;height:56px;border-radius:50%;display:grid;place-items:center;transition:transform .45s var(--ease)}.initiative-feature:hover .feature-open{transform:rotate(-35deg)}.initiative-caption{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;margin-top:28px}.initiative-caption h3{font:500 clamp(1.7rem,2.6vw,2.8rem)/1.12 Manrope,sans-serif;letter-spacing:-.03em}.initiative-caption p{font-size:1rem;margin-bottom:15px}.initiative-caption span{font-size:.75rem;color:var(--muted);line-height:1.8;display:block}
.institutional-v3{position:relative;z-index:2;background:var(--bg);padding-block:80px;display:grid;grid-template-columns:1fr 1.15fr;gap:15%;border-block:1px solid var(--hairline)}.institutional-heading h2{font-size:clamp(2.4rem,3.4vw,3.5rem);line-height:1.5;margin-bottom:32px}.sdaia-logo-box{background:#fff;padding:22px 28px;display:flex;width:265px;max-width:100%;min-height:110px;align-items:center;justify-content:center;margin-bottom:28px}.sdaia-logo-box img{display:block;width:210px;max-width:100%;height:auto;object-fit:contain}.sdaia-context p{font-size:1rem;color:var(--muted);line-height:1.9}.sdaia-context small{display:block;font-size:.75rem;color:var(--muted);margin-top:18px;line-height:1.8}.selected-news{position:relative;z-index:2;background:var(--bg);padding-block:80px}.news-heading{display:flex;align-items:baseline;justify-content:space-between;gap:28px;margin-bottom:40px}.news-heading h2{font-size:2.6rem}.selected-news-link{display:grid;grid-template-columns:160px 1fr 150px 35px;gap:35px;align-items:center;padding-block:28px;border-block:1px solid var(--hairline)}.selected-news-link time,.selected-news-link>span:not(.arrow){font-size:.8rem;color:var(--muted)}.selected-news-link h3{font-size:1.55rem;line-height:1.5;max-width:35ch}.selected-news-link:hover h3{color:var(--mint)}
.closing-field{position:relative;z-index:2;background:var(--paper);color:var(--on-paper);padding-block:var(--space)}.closing-field .wrap{position:relative}.closing-field p{font-size:1rem;color:#345750}.closing-field h2{font-size:clamp(3.5rem,7.4vw,7rem);line-height:1.35;margin-block:32px 48px;font-weight:400}.closing-field h2 em{color:var(--deep);font-weight:500;margin-inline-start:16%}.closing-field .btn{position:absolute;inset-inline-end:0;bottom:25px;color:var(--deep)}.closing-field .cta-unit{color:var(--mint)}.closing-field .cta-unit:before{background:var(--deep)}.motion-dock{position:fixed;z-index:45;bottom:15px;inset-inline-end:20px;border:1px solid var(--hairline);border-radius:999px;padding:10px 16px;background:var(--deep);color:var(--muted);font-size:.75rem;min-height:44px}.motion-dock:before{content:'Ⅱ';margin-inline-end:10px}.motion-dock[aria-pressed=true]:before{content:'▷'}.motion-dock:disabled{opacity:1}
/* Deeper pages keep their content, with distinct editorial and analytical surfaces. */
.page-head{display:grid;grid-template-columns:1fr 2fr;gap:25px 8%;max-width:none;padding-block:60px 70px}.page-head>.breadcrumb{grid-column:1/-1;margin-bottom:30px}.page-head>.eyebrow{display:none}.page-head>h1{grid-column:1/-1;font-size:clamp(3.2rem,5.3vw,5.8rem);line-height:1.35;font-weight:400;margin:0;max-width:1000px}.page-head>p{grid-column:2;font-size:1.12rem;line-height:1.9;max-width:65ch}.page-photograph{margin:0 0 65px;position:relative;height:clamp(330px,42vw,650px);overflow:hidden}.page-photograph img{width:100%;height:100%;object-fit:cover;object-position:center 58%}.page-photograph figcaption{position:absolute;bottom:22px;inset-inline-start:5%;font-size:.75rem;background:var(--paper);color:var(--on-paper);padding:8px 12px;max-width:90%}.focus-lines .item{display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;padding-block:44px;align-items:start}.focus-lines .item h3{font-size:2rem}.focus-lines .item p{font-size:1.05rem}.focus-lines .item .number{margin:0;line-height:3}.program{grid-template-columns:60px 1.1fr 1fr;padding-block:60px;gap:50px}.program h3{font-size:clamp(2.5rem,3.7vw,4rem);font-weight:500;line-height:1.3}.program p{align-self:center;font-size:1.1rem}.program .pill{border:0;border-radius:0;padding:0;color:var(--muted);font-size:.8rem}.feature{background:var(--surface)}.feature-body{padding:60px}.feature-art.research-photograph{position:relative;overflow:hidden;min-height:520px}.research-photograph>img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.research-photograph .flow-diagram{z-index:1;align-self:end;position:relative;flex-direction:column;padding:40px;background:var(--deep);margin:0;width:auto}.flow-node{border:0;padding:5px 10px;background:none;min-width:0;font-size:.9rem}.flow-line{height:35px;width:1px;background:var(--mint)}.note{border:0;border-top:1px solid var(--hairline);background:none;padding:22px 0;font-size:.95rem;line-height:1.9}.board article{padding-block:30px}.board{gap:45px}.partner-row{padding-block:60px}.partner-row h2{font-weight:500}.partner-row .eyebrow{margin-bottom:18px}.contact-options{display:block}.contact-options article{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;border-top:1px solid var(--hairline);padding:34px 0;background:none}.contact-options article>.eyebrow{display:none}.contact-options h3{font-size:2rem;font-weight:500;margin:0}.contact-options p{font-size:1.1rem;align-self:center}.contact-panel{background:var(--paper);color:var(--on-paper);border:0;padding:50px}.contact-panel p,.contact-panel .minilabel{color:#345750!important}.contact-panel .btn{color:var(--on-paper)}.contact-panel .btn>.arrow{background:var(--on-paper);color:var(--paper)}.contact-panel .text-link{color:var(--on-paper)}.empty{border:0;border-top:1px solid var(--hairline);padding-inline:0}.news-row:hover{padding-inline:0;background:none}.news-row h3{transition:color .3s}.news-row:hover h3{color:var(--mint)}.news-row{transition:none}.article-layout .prose{max-width:70ch}.footer{padding-block:65px 70px}.footer .brand{width:225px}.footer-links{gap:16px 35px}.footer-end{line-height:1.8}.intro{animation:none}.intro .letter{opacity:1;animation-name:letter-mask}.intro p{animation:none}.intro.departing{background:transparent;transition:background .48s var(--ease)}@keyframes letter-mask{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.reveal{animation:none}
@media(max-width:1200px){.nav{gap:24px}.nav-links{gap:18px}.nav-links a{font-size:.85rem}.brand{width:158px}.hero-bottom{gap:30px;grid-template-columns:1.2fr 1fr 100px}.hero-signature{width:100px;height:90px}.hero-action{gap:18px}.hero-line{margin-inline-start:8%}.intersection-copy{padding-inline:10%}.initiative-layout{gap:6%}.initiative-caption{grid-template-columns:1fr}.institutional-v3{gap:8%}.selected-news-link{grid-template-columns:140px 1fr 100px 25px;gap:25px}}
@media(max-width:980px){.nav{min-height:76px}.nav-links{padding:25px 5%;background:var(--deep);gap:12px 25px}.nav-links a{font-size:1rem}.brand{width:167px}.hero-editorial{padding-top:45px;min-height:720px}.hero-editorial h1{font-size:6.7vw}.hero-line{gap:4%;margin-inline-start:5%}.hero-bottom{grid-template-columns:1fr 1fr;gap:25px}.hero-signature{display:none}.hero-action{justify-content:flex-end}.intersection{grid-template-columns:1fr 1fr;min-height:600px}.intersection-image{min-height:600px}.intersection-copy{padding:55px 10%}.intersection h2{font-size:2.8rem}.aperture-scene{min-height:680px}.aperture-tokens{--token-h:45px;--token-w:140px;width:80vw}.initiative-layout{grid-template-columns:1fr 1.3fr}.initiative-intro h2{font-size:3.2rem}.institutional-heading h2{font-size:2.65rem}.selected-news-link{grid-template-columns:125px 1fr 24px}.selected-news-link>span:not(.arrow){display:none}.closing-field .btn{position:relative;inset:auto}.page-head>p{grid-column:1/-1}.focus-lines .item{grid-template-columns:40px 1fr;gap:22px}.focus-lines .item p{grid-column:2}.program{grid-template-columns:40px 1fr;gap:25px}.program>p{grid-column:2}.feature-body{padding:40px}.contact-options article{gap:25px}}
@media(max-width:650px){.wrap{width:88%}.nav{min-height:72px;gap:12px}.brand{width:146px}.nav-tools{gap:5px}.language{font-size:.78rem;width:40px;min-width:40px;min-height:40px}.menu-button{font-size:.85rem;padding:10px}.stage{font-size:.72rem}.hero-editorial{padding-top:42px;min-height:720px;justify-content:flex-start}.hero-editorial h1{font-size:clamp(1.85rem,7.6vw,3rem);line-height:1.65}.hero-line{display:block;margin:4px 0 0}.hero-line em{display:block;font-size:1.48em;line-height:1.5;font-weight:500;margin-inline-start:10%;white-space:normal}.headline-aperture{width:150px;height:55px;margin-block:20px 5px;margin-inline-start:auto;transform:rotate(-7deg)}.hero-bottom{display:block;padding-block:30px 36px}.hero-bottom>p{font-size:1.03rem;line-height:1.9;max-width:34ch}.hero-action{margin-top:27px;justify-content:space-between;gap:12px}.btn{font-size:.95rem;gap:22px;min-height:56px;padding-inline:4px}.cta-unit{width:46px;height:46px}.hero-action .text-link{font-size:.86rem;gap:14px}.hero-baseline{margin-top:auto;padding-block:22px;flex-wrap:wrap;gap:14px;font-size:.7rem}.hero-baseline .scroll-cue{margin-inline-start:auto}.hero-editorial h1>span:first-child{white-space:nowrap}html[lang=en] .hero-editorial h1{font-size:2.4rem;line-height:1.3}html[lang=en] .hero-line{margin-inline-start:0}html[lang=en] .hero-line em{font-size:1.26em;margin-inline-start:0;line-height:1.18}html[lang=en] .headline-aperture{margin-top:28px}.intersection{display:flex;flex-direction:column;min-height:0}.intersection-copy{padding:55px 6% 42px}.intersection h2{font-size:2.8rem;line-height:1.4;margin-bottom:23px}.intersection p{font-size:1rem;max-width:35ch;margin-bottom:22px}.intersection-image{min-height:410px}.intersection-image>img{object-position:30% center}.intersection-image figcaption{font-size:.68rem;inset-inline:20px;bottom:18px;max-width:calc(100% - 40px)}.aperture-scene{min-height:620px;padding-block:24px}.scene-top{font-size:.7rem;gap:16px}.scene-top>span:first-child{max-width:24ch}.aperture-tokens{--token-h:31px;--token-w:90px;width:90%;gap:10px;margin-block:135px}.scene-bottom{align-items:flex-start;flex-direction:column;gap:16px}.scene-bottom p{font-size:1.6rem}.scene-bottom .text-link{font-size:.85rem}.initiative-layout{display:flex;flex-direction:column;gap:38px}.initiative-intro{padding-top:0}.initiative-intro h2{font-size:3rem;line-height:1.4}.initiative-intro p{max-width:33ch;margin-top:20px}.initiative-intro .text-link{margin-top:18px}.initiative-caption{grid-template-columns:1fr;gap:20px;margin-top:22px}.initiative-caption h3{font-size:2.5rem}.initiative-caption p{font-size:1rem;margin-bottom:10px}.initiative-caption span{font-size:.75rem}.feature-open{width:44px;height:44px;inset-inline-end:16px;bottom:16px}.institutional-v3{display:block;padding-block:55px}.institutional-heading h2{font-size:2.65rem;margin-bottom:20px}.sdaia-context{margin-top:42px}.sdaia-logo-box{width:235px;min-height:100px;padding:20px 25px}.selected-news{padding-block:55px}.news-heading{gap:16px;margin-bottom:28px;align-items:center}.news-heading h2{font-size:2.1rem}.news-heading .text-link{font-size:.85rem;gap:12px}.selected-news-link{grid-template-columns:1fr 30px;gap:15px;padding-block:24px}.selected-news-link time{grid-column:1/-1;font-size:.75rem}.selected-news-link h3{font-size:1.45rem;line-height:1.6}.closing-field{padding-block:60px 70px}.closing-field p{font-size:.9rem}.closing-field h2{font-size:3.7rem;line-height:1.45;margin-block:30px 35px}.closing-field h2 em{margin-inline-start:14%}.motion-dock{font-size:.7rem;padding:8px 12px;bottom:12px;inset-inline-end:12px;min-height:40px}.page-head{display:block;padding-block:35px 45px}.page-head>.breadcrumb{font-size:.8rem;margin-bottom:35px}.page-head>h1{font-size:2.7rem;line-height:1.5;margin:0}.page-head>p{font-size:1.05rem;line-height:1.9;margin-top:22px}.page-photograph{height:380px;margin-bottom:35px}.page-photograph figcaption{font-size:.7rem;line-height:1.7}.focus-lines .item{grid-template-columns:24px 1fr;gap:16px;padding-block:30px}.focus-lines .item h3{font-size:1.7rem}.focus-lines .item p{font-size:1rem}.program{padding-block:35px;grid-template-columns:24px 1fr;gap:18px}.program h3{font-size:2.3rem;line-height:1.4}.program>p{font-size:1rem}.feature-body{padding:30px 24px}.feature-art.research-photograph{min-height:380px}.research-photograph .flow-diagram{padding:22px}.contact-options article{display:block;padding-block:30px}.contact-options h3{font-size:1.65rem;margin-bottom:15px}.contact-options p{font-size:1rem}.contact-panel{padding:30px 24px}.contact-panel .btn{white-space:normal;text-align:start}.contact-panel .actions{gap:20px}.partner-row{gap:25px;padding-block:40px}.footer .brand{width:190px}.footer{padding-bottom:80px}.footer-links{font-size:.9rem}.footer-end{gap:15px}.article-layout .prose p{font-size:1.05rem}.join-strip h2{font-size:2.5rem}}
@media(max-width:360px){.hero-editorial h1{font-size:7.1vw}.hero-line em{font-size:1.47em}.brand{width:130px}.hero-action{align-items:flex-start;flex-direction:column}.hero-editorial{min-height:740px}.aperture-tokens{--token-w:78px;--token-h:28px;gap:6px}.closing-field h2{font-size:3.2rem}.intersection h2{font-size:2.5rem}.news-heading{display:block}.news-heading .text-link{margin-top:15px}}
/* Pointer gestures borrow the existing geometry without adding interface chrome. */
.headline-aperture{transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(calc(-7deg + var(--hero-turn,0deg))) scale(var(--hero-scale,1));transition:transform .65s var(--ease)}
.headline-aperture img{transition:transform .85s var(--ease);transform:scale(1.03)}
.headline-aperture.visitor-near img{transform:scale(1.14)}
.aperture-tokens{padding-block:60px;margin-block:50px}
.token-slot{transform:translate3d(var(--token-x,0px),var(--token-y,0px),0) scale(var(--token-scale,1));transition:transform .5s var(--ease)}
.aperture-scene.pointer-engaged .visual-token{animation-play-state:paused!important}
.sdaia-field{position:relative;isolation:isolate;z-index:2;min-height:470px;padding-block:100px;display:flex;align-items:center;border-block:1px solid var(--hairline);overflow:hidden;background:var(--bg)}
.sdaia-copy{width:46%;position:relative;z-index:1}
.sdaia-copy h2{font-size:clamp(2.6rem,4vw,4.2rem);line-height:1.4;margin-bottom:28px}
.sdaia-copy p{font-size:1.12rem;color:var(--muted);line-height:1.95;max-width:40ch}
.sdaia-copy .source{margin-top:22px}
.sdaia-ambient{position:absolute;inset-inline-end:2%;top:50%;width:46%;transform:translate3d(var(--logo-x,0px),calc(-50% + var(--logo-y,0px)),0);transition:transform .8s var(--ease);opacity:.68;pointer-events:none;z-index:0}
.sdaia-ambient img{display:block;width:100%;height:auto}
.feature-body>h2{margin-block:0 28px}
@media(max-width:980px){.sdaia-field{min-height:410px;padding-block:75px}.sdaia-copy{width:51%}.sdaia-copy h2{font-size:2.9rem}.sdaia-ambient{width:44%;inset-inline-end:0}}
@media(max-width:650px){.sdaia-field{min-height:420px;padding-block:60px}.sdaia-copy{width:100%}.sdaia-copy h2{font-size:2.8rem}.sdaia-copy p{font-size:1.05rem;max-width:32ch}.sdaia-ambient{width:105%;inset-inline-end:-23%;top:75%;opacity:.13}.aperture-tokens{padding-block:60px;margin-block:75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.token-b{clip-path:inset(0 0 round 999px)}}

/* Microscopy apertures: existing artwork with slow specimen drift. */
.aperture-tokens{--token-h:84px;--token-w:208px;width:min(780px,88vw)}
.token-slot{appearance:none;border:0;padding:0;background:transparent;color:inherit;cursor:crosshair;overflow:visible}
.token-slot:focus-visible{outline:2px solid var(--mint,var(--accent));outline-offset:12px;border-radius:999px}
.visual-token{display:block;background:#102c2d}
.visual-token img{width:155%;height:190%;max-width:none;position:absolute;left:-27.5%;top:-45%;object-fit:cover;animation:specimen-drift 9s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}
.token-a img{object-position:22% 45%;transform:scale(1.04)}
.token-b img{object-position:58% 38%;animation-delay:-3s;animation-duration:11s}
.token-c img{object-position:85% 70%;animation-delay:-6s;animation-duration:13s}
.aperture-scene.in-view .visual-token img{animation-play-state:running}
.motion-paused .visual-token img,.document-hidden .visual-token img,.static-scene .visual-token img{animation-play-state:paused!important}
@keyframes specimen-drift{0%{transform:translate3d(-8px,-5px,0) scale(1.04) rotate(-3deg)}50%{transform:translate3d(5px,3px,0) scale(1.13) rotate(1deg)}100%{transform:translate3d(10px,-3px,0) scale(1.07) rotate(4deg)}}
@media(max-width:650px){.aperture-tokens{--token-h:58px;--token-w:96px;gap:8px;width:94%}}
@media(max-width:360px){.aperture-tokens{--token-h:48px;--token-w:84px;gap:6px}}
@media(prefers-reduced-motion:reduce){.visual-token img{animation:none!important;transform:none!important}}

.visual-token.has-microscopy>img{display:none}.microscopy-live{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}


/* First viewport: scientific image field with a distinctive Arabic display face. */
.hero-discovery{isolation:isolate;overflow:hidden;min-height:calc(100svh - 120px);padding:0;background:#102c2d;justify-content:center}
.discovery-art{position:absolute;inset:-24px;z-index:-2;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform 1.2s cubic-bezier(.16,1,.3,1);pointer-events:none}
.discovery-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-discovery:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 20%,rgba(16,44,45,.36) 48%,#102c2de8 78%),linear-gradient(0deg,#102c2d 0%,transparent 24%);pointer-events:none}
.discovery-layout{position:relative;min-height:inherit;display:flex;flex-direction:column;justify-content:center;padding-block:48px 86px;width:min(1440px,90%)}
.discovery-copy{width:57%;max-width:760px}
.discovery-kicker{font-size:.82rem;color:#c8ded5;margin-bottom:24px;display:flex;align-items:center;gap:12px}
.discovery-kicker:before{content:'';width:28px;height:1px;background:var(--mint)}
.hero-discovery h1{font-family:Alexandria,'IBM Plex Sans Arabic',sans-serif;font-size:clamp(54px,6.6vw,96px);font-weight:500;line-height:1.3;letter-spacing:-.035em;text-wrap:initial}
.hero-discovery h1>span,.hero-discovery h1>em{display:block;white-space:nowrap}
.hero-discovery h1>em{font-weight:300;color:var(--mint);margin-top:4px}
.discovery-copy>p{max-width:37ch;margin-top:25px;font-size:1.05rem;color:#d3dfd8;line-height:1.9}
.discovery-actions{display:flex;align-items:center;gap:30px;margin-top:28px}
.discovery-caption{position:absolute;inset-inline-end:0;bottom:100px;display:flex;flex-direction:column;gap:14px;font-size:.76rem;color:#d0e3da;border-inline-start:1px solid #a7d9cb77;padding-inline-start:18px}
.discovery-caption>span:first-child{font-family:Manrope,sans-serif;font-size:1rem;letter-spacing:.18em}
.discovery-scroll{position:absolute;bottom:28px;inset-inline-start:0;display:flex;align-items:center;gap:30px;font-size:.8rem;color:#c8ded5}
.discovery-scroll>span:last-child{font-size:22px}
html[lang=en] .discovery-art{scale:-1 1}
html[lang=en] .hero-discovery:after{background:linear-gradient(270deg,transparent 20%,rgba(16,44,45,.36) 48%,#102c2de8 78%),linear-gradient(0deg,#102c2d,transparent 24%)}
html[lang=en] .hero-discovery h1{font-family:Manrope,sans-serif;font-size:clamp(52px,6.6vw,96px);line-height:1.08;letter-spacing:-.03em}
.initiative-visual img[src$="research-droplet.webp"]{object-position:50% 48%}
@media(max-width:1000px){.discovery-copy{width:76%}.discovery-caption{bottom:110px;max-width:160px}.hero-discovery h1{font-size:clamp(54px,8.5vw,76px)}.discovery-layout{padding-block:48px 100px}.discovery-art img{object-position:35% center}.discovery-caption{display:none}}
@media(max-width:650px){.hero-discovery{min-height:calc(100svh - 110px)}.discovery-layout{padding-block:34px 90px;justify-content:flex-start}.discovery-copy{width:100%}.discovery-kicker{font-size:.7rem;margin-bottom:22px;gap:8px}.discovery-kicker:before{width:16px}.hero-discovery h1{font-size:clamp(40px,11.8vw,65px);line-height:1.35}.discovery-copy>p{font-size:.96rem;max-width:29ch;margin-top:23px}.discovery-actions{gap:22px;margin-top:24px}.discovery-art{opacity:.65}.discovery-art img{object-position:30% center}.hero-discovery:after{background:linear-gradient(0deg,#102c2d 0%,#102c2d88 50%,#102c2dd9 100%)}html[lang=en] .hero-discovery:after{background:linear-gradient(0deg,#102c2d 0%,#102c2d88 50%,#102c2dd9 100%)}html[lang=en] .hero-discovery h1{font-size:clamp(41px,12vw,65px);line-height:1.13}.discovery-scroll{bottom:32px}.discovery-actions .btn{padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.discovery-art{transition:none;transform:none!important}}

/* Restrained identity-led hero: original W geometry, no photographic imagery. */
.discovery-art img{position:absolute;width:54%;height:100%;left:0;object-fit:contain;object-position:center}
html[lang=en] .discovery-art{scale:1}
html[lang=en] .discovery-art img{left:auto;right:0}
.hero-discovery:after,html[lang=en] .hero-discovery:after{background:none}
.closing-field h2 em,.closing-field .btn{color:var(--on-paper)}
.closing-field .cta-unit{color:var(--paper)}
.closing-field .cta-unit:before{background:var(--on-paper)}
@media(max-width:1000px){.discovery-art img{width:64%;opacity:.6}}
@media(max-width:650px){.discovery-art{opacity:1}.discovery-art img{width:110%;height:66%;top:36%;left:-18%;opacity:.55}html[lang=en] .discovery-art img{right:-18%;left:auto}}

/* Identity-led action marks, retaining the extending underline interaction. */
.arrow.brand-action{width:32px;height:32px;border:1px solid currentColor;border-radius:50%;padding:7px;transform:none;transition:border-radius .45s var(--ease),background-color .45s var(--ease)}
.arrow.brand-action svg{width:100%;height:100%;overflow:visible;transition:transform .45s var(--ease)}
.brand-action .action-inlay{opacity:.35;transition:opacity .45s var(--ease)}
:is(a,button):hover .brand-action,:is(a,button):focus-visible .brand-action{border-radius:9px}
:is(a,button):hover .brand-action svg,:is(a,button):focus-visible .brand-action svg{transform:scale(1.14)}
:is(a,button):hover .action-inlay,:is(a,button):focus-visible .action-inlay{opacity:1}
.cta-unit .brand-action{width:30px;height:30px;padding:3px;border:0;translate:none!important}
.btn:hover .cta-unit:before,.btn:focus-visible .cta-unit:before{transform:scale(1.1);border-radius:16px}
.cta-unit:before{transition:transform .45s var(--ease),border-radius .45s var(--ease)}
html[dir=rtl] .arrow.brand-action{transform:none}
.motion-paused .brand-action,.motion-paused .brand-action svg,.motion-paused .action-inlay,.motion-paused .cta-unit:before,.motion-paused .text-link:after,.motion-paused .source:after{transition:none}
@media(prefers-reduced-motion:reduce){.brand-action,.brand-action svg,.action-inlay,.cta-unit:before,.text-link:after,.source:after{transition:none!important}}

/* Different action roles share a palette, not an identical badge. */
.detail-mark{width:25px;height:26px;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0}
.detail-mark i{display:block;width:2px;height:12px;background:currentColor;transform:skew(-18deg);transition:height .45s var(--ease),transform .45s var(--ease)}
.detail-mark i:last-child{height:21px}
a:hover .detail-mark i:first-child,a:focus-visible .detail-mark i:first-child{height:24px;transform:skew(-18deg) translateY(-2px)}
a:hover .detail-mark i:last-child,a:focus-visible .detail-mark i:last-child{height:10px;transform:skew(-18deg) translateY(2px)}
.source-window{width:23px;height:23px;position:relative;display:inline-block;flex-shrink:0;border:1px solid currentColor;border-radius:2px;transition:transform .4s var(--ease)}
.source-window i{position:absolute;width:12px;height:12px;inset-inline-end:-5px;top:-5px;border:1px solid currentColor;background:var(--bg);transition:transform .4s var(--ease)}
.source:hover .source-window i,.source:focus-visible .source-window i{transform:translateY(-3px)}
.light .source-window i,.intersection .source-window i{background:var(--paper)}
.news-tab{border:1px solid var(--hairline);border-radius:3px;padding:12px 22px;gap:22px;isolation:isolate;overflow:visible;transition:background-color .35s var(--ease)}
.news-tab:before{content:'';position:absolute;inset-inline-start:16px;top:-5px;width:32px;height:4px;border:1px solid var(--hairline);border-bottom:0;border-radius:3px 3px 0 0;transition:width .35s var(--ease)}
.news-tab:after{content:none}
.news-tab:hover,.news-tab:focus-visible{background:var(--surface)}
.news-tab:hover:before,.news-tab:focus-visible:before{width:64px}
.news-tab .detail-mark{gap:4px;flex-direction:column;width:20px}
.news-tab .detail-mark i{width:18px;height:1px;transform:none}
.news-tab .detail-mark i:last-child{width:11px;align-self:flex-start}
.news-tab:hover .detail-mark i,.news-tab:focus-visible .detail-mark i{height:1px;transform:none;width:18px}
.news-tab .detail-mark i{transition:width .35s var(--ease)}
.feature-open .detail-mark{color:var(--deep)}
.motion-paused .detail-mark i,.motion-paused .source-window i,.motion-paused .news-tab:before{transition:none}
@media(prefers-reduced-motion:reduce){.detail-mark i,.source-window,.source-window i,.news-tab,.news-tab:before{transition:none!important}}
