/* Photographic conference presentation. No selectors target the learning app. */
:root{--clay:#974934;--clay-light:#b7644b;--clay-dark:#743323}
#paths.first{max-width:1180px;padding:28px 30px 23px;position:relative;isolation:isolate}
#paths .exhibit-intro{display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;gap:28px;margin-bottom:23px}
#paths .exhibit-copy h1{font-size:clamp(30px,3.6vw,47px);line-height:1.25;margin:0 0 12px}
html[lang=ar] #paths .exhibit-copy h1{font-size:clamp(28px,3.2vw,42px);line-height:1.5}
#paths .heroSub{margin-bottom:0;font-size:16px;line-height:1.75}
.exhibit-mark{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:transparent}
.exhibit-mark img{width:85%;height:85%;object-fit:contain}.exhibit-orbit{position:absolute;inset:4px;border:1px solid #97493435;border-radius:50%;animation:visual-orbit 25s linear infinite}.exhibit-orbit:before{content:"";position:absolute;top:-4px;left:48%;width:8px;height:8px;border-radius:50%;background:var(--clay)}
.exhibit-tagline{position:absolute;bottom:-7px;font-size:11px;color:var(--clay);text-align:center;background:var(--cream);padding:0 5px}
#paths .paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1200px;padding-bottom:10px}
#paths .paths .path{display:flex;flex-direction:column;position:relative;min-width:0;min-height:330px;padding:0 0 21px;gap:0;border-radius:23px;border:1px solid #c78772;border-bottom:7px solid var(--clay-dark);background:linear-gradient(145deg,var(--clay-light),var(--clay) 45%,#843b2b);color:#fff8ef;text-decoration:none;overflow:hidden;box-shadow:inset 0 1px 0 #ffe1c78c,0 10px 0 #d6b0a13d,0 19px 28px #50261623;transform:rotateX(2deg);transition:transform .28s,box-shadow .28s}
#paths .path:hover,#paths .path:focus-visible{transform:translateY(-7px) rotateX(0);box-shadow:inset 0 1px 0 #ffe1c78c,0 15px 0 #d6b0a126,0 25px 42px #5026163a}
#paths .path:active{transform:translateY(4px);box-shadow:0 3px 0 #743323,0 7px 15px #50261625}
#paths .path .photo-cover{display:block;width:100%;height:158px;object-fit:cover;object-position:65% 45%;border-bottom:1px solid #ffdfc550;flex:none;transition:transform .8s;filter:saturate(.83)}
#paths .path.university .photo-cover{object-position:55% 33%}
#paths .path:hover .photo-cover{transform:scale(1.035)}
#paths .path h2{font-size:clamp(21px,2.1vw,28px);line-height:1.4;margin:18px 21px 7px;padding:0}
#paths .path p{font-size:14px;line-height:1.65;margin:0 21px 16px;opacity:.9}
#paths .path .pathCTA{margin:auto 21px 0;font-size:13px;line-height:1.6;text-decoration:none!important}
#paths .path .pathCTA>span{text-decoration:none!important}
#paths .path .pathNo{position:absolute;z-index:1;top:12px;inset-inline-start:14px;background:#111d3199;color:#fff;font-size:10px;padding:4px 9px;border-radius:99px;backdrop-filter:blur(8px)}
#paths .path .pathGlyph{position:absolute;z-index:1;top:12px;inset-inline-end:14px;display:grid;place-items:center;width:32px;height:32px;padding:6px;border-radius:50%;color:#fff;background:#111d3177;border:1px solid #ffffff66;backdrop-filter:blur(8px)}
#paths .path .pathGlyph svg{width:17px;height:17px}
#paths .path.is-spotlight{box-shadow:inset 0 0 0 2px #ffe4bb,0 10px 0 #d6b0a13d,0 20px 35px #50261633}
.exhibit-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;color:var(--sub);font-size:12px}
.exhibit-invite{display:flex;align-items:center;gap:9px;font-weight:700}.exhibit-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--clay);box-shadow:0 0 0 5px #97493413}
.visual-tools{display:flex;gap:7px;flex-wrap:wrap}.exhibit-pause,.visual-replay{background:transparent;border:1px solid #c8b5ac;color:var(--navy);font-size:12px;border-radius:99px;padding:8px 13px;min-height:44px;cursor:pointer}
.exhibit-chapters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:14px 20px 23px;max-width:1180px;margin:auto;border-bottom:1px solid var(--line)}
.exhibit-chapters a{display:flex;align-items:center;gap:7px;border:1px solid #dbcac0;border-radius:99px;padding:8px 15px;background:#fffaf5;text-decoration:none;font-size:12px;min-height:44px}.exhibit-chapters a span:first-child{color:var(--clay);font-size:10px}
.exhibit-chapters a:hover{background:#ead9ce}
.visual-scene{position:relative;isolation:isolate;min-height:410px;border-radius:23px;overflow:hidden;margin:0 0 18px;background:#111d31;color:#fff;display:flex;align-items:flex-end}
.visual-scene>.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-3;animation:visual-breathe 20s ease-in-out infinite alternate}
.visual-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#111d31f7 0%,#111d3199 45%,#111d310a 90%)}
.visual-scene figcaption{padding:clamp(24px,4vw,40px);width:100%;position:relative}
.visual-scene .scene-label{display:block;font-size:11px;letter-spacing:.05em;font-weight:750;color:#ecd0b9;margin-bottom:10px}
.visual-scene h2,.visual-scene h3{font-size:clamp(25px,3.7vw,39px);line-height:1.38;max-width:23ch;margin:0 0 15px;letter-spacing:0;color:white}
html[lang=ar] .visual-scene h2,html[lang=ar] .visual-scene h3{line-height:1.55}
.scene-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:20px}
.scene-actions .button{background:#fff5e9;color:#111d31;border:1px solid #fff5e9;min-height:48px}.scene-actions .buttonSecondary{background:transparent;color:white;border-color:#ffffff70}
.scene-source{display:block;font-size:10px;line-height:1.7;color:#e2d5ca;margin-top:16px;max-width:60ch}.scene-source a{color:inherit;text-underline-offset:3px}
.scene-journey{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.scene-journey li{display:flex;align-items:center;gap:7px;font-size:12px;padding:7px 11px;border-radius:99px;border:1px solid #ffffff45;background:#111d3159}
.scene-journey li:before{content:"";width:5px;height:5px;border-radius:50%;background:#d9a681;box-shadow:0 0 0 3px #d9a68115}
.scene-journey li:nth-child(2n){animation:visual-pill 6s ease-in-out infinite}
.scene-journey li:nth-child(3){animation:visual-pill 6s 2s ease-in-out infinite}
.visual-quote{min-height:3.2em;margin:10px 0 0;max-width:32ch;color:#fff;font-size:clamp(21px,3vw,30px);line-height:1.6;font-weight:700}
.visual-quote-credit{display:block;font-size:11px;margin-top:8px;color:#e0c3b0}
.photo-details{border:1px solid #d9c9bd;border-radius:16px;background:#fffcf8;margin-top:17px;overflow:hidden}
.photo-details>summary{cursor:pointer;min-height:58px;padding:17px 22px;font-size:15px;font-weight:750;color:var(--navy);line-height:1.7;list-style-position:inside}
.photo-details>summary:hover{background:#f0e3d8}.photo-details[open]>summary{border-bottom:1px solid #e2d7ce;background:#f7eee5}
.photo-original-content{padding:24px}.photo-original-content .sectionhead{margin-bottom:18px}.photo-original-content .lead{font-size:19px}
.photo-original-content .sectionhead h2{font-size:26px}
.section.frame.pilot{display:block}.pilot .photo-original-content{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.section.frame.demoBlock{display:block}.demoBlock .photo-original-content{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:center}
.visual-modal{padding:0;border:1px solid #ffffff30;border-radius:26px;width:min(920px,calc(100vw - 34px));max-height:calc(100dvh - 36px);overflow:auto;background:#111d31;color:white;box-shadow:0 40px 100px #0007}
.visual-modal::backdrop{background:#07111dcc;backdrop-filter:blur(10px)}
.visual-modal .visual-scene{margin:0;min-height:min(650px,calc(100dvh - 60px));border-radius:24px}
.visual-modal .visual-scene .scene-image{object-position:65% center}
.visual-modal .visual-scene h2{max-width:22ch;font-size:clamp(28px,4.5vw,47px)}
.visual-close{position:absolute;z-index:3;inset-inline-end:16px;top:16px;background:#111d31a6;border:1px solid #ffffff66;color:white;border-radius:99px;min-height:44px;padding:9px 17px;font-size:13px;cursor:pointer;backdrop-filter:blur(8px)}
.visual-modal .scene-source{max-width:70ch}
.visual-modal [hidden]{display:none!important}
.brand-intro{position:fixed;inset:0;border:0;margin:0;padding:0;width:100%;max-width:none;height:100%;max-height:none;background:#111d31;color:#fff;overflow:hidden}
.brand-intro[open]{display:grid;place-items:center}.brand-intro::backdrop{background:#111d31}
.brand-intro-inner{width:100%;text-align:center;position:relative;padding:25px}
.brand-intro video{display:block;width:min(62vw,410px);height:min(62vw,410px);object-fit:contain;margin:0 auto;background:#111d31}
.brand-intro-name{font-size:clamp(29px,5vw,48px);font-weight:750;letter-spacing:-1.5px;line-height:1.25;margin-top:-12px}
.brand-intro-name span{color:#8A1F39}.brand-intro-tagline{margin:12px auto 0;font-size:clamp(14px,2vw,19px);color:#e4d6c7;line-height:1.8}
.intro-skip{position:absolute;inset-inline-end:24px;top:22px;border:1px solid #ffffff50;background:transparent;color:#fff;border-radius:99px;padding:10px 19px;min-height:44px;cursor:pointer}
.visual-motion-paused .exhibit-orbit,.visual-motion-paused .scene-image,.visual-motion-paused .scene-journey li{animation-play-state:paused!important}
.visual-motion-paused #paths .path,.visual-motion-paused #paths .photo-cover{transition:none}
@keyframes visual-orbit{to{transform:rotate(360deg)}}
@keyframes visual-breathe{from{transform:scale(1.01)}to{transform:scale(1.07)}}
@keyframes visual-pill{0%,100%{background:#111d3159}50%{background:#974934d9;border-color:#e6b690}}
@media(min-width:761px){.site-header .topbar,.site-header .promo .frame{max-width:1180px}.section.frame:has(.visual-scene){max-width:1000px}}
@media(min-width:761px) and (max-height:800px){#paths.first{padding-top:20px}#paths .exhibit-intro{grid-template-columns:minmax(0,1fr) 120px;margin-bottom:18px}#paths .exhibit-copy h1{font-size:34px}html[lang=ar] #paths .exhibit-copy h1{font-size:31px}#paths .heroSub{font-size:14px}#paths .paths .path{min-height:290px}#paths .path .photo-cover{height:128px}#paths .path h2{margin-top:13px;font-size:23px}#paths .path p{font-size:13px}}
@media(min-width:600px) and (max-width:760px){#paths .exhibit-intro{grid-template-columns:minmax(0,1fr) 120px;gap:15px}#paths .paths{gap:13px}#paths .paths .path{min-height:330px}#paths .path h2{font-size:21px;margin-inline:15px}#paths .path p,#paths .path .pathCTA{margin-inline:15px;font-size:12px}#paths .path .photo-cover{height:145px}}
@media(max-width:599px){#paths.first{padding:22px 18px}#paths .exhibit-intro{display:block;margin-bottom:22px}#paths .exhibit-copy>.eyebrow{padding-inline-end:75px;min-height:56px;padding-top:14px}#paths .exhibit-mark{position:absolute;top:20px;inset-inline-end:18px;width:70px;height:70px}.exhibit-tagline{display:none}#paths .exhibit-copy h1,html[lang=ar] #paths .exhibit-copy h1{font-size:27px;line-height:1.45}#paths .heroSub{font-size:14px}#paths .paths{grid-template-columns:1fr;gap:16px;padding-bottom:0}#paths .paths .path{min-height:170px;padding:19px;padding-inline-end:44%;justify-content:center;border-radius:19px;border-bottom-width:5px;transform:none}#paths .path .photo-cover{position:absolute;inset-inline-end:0;top:0;width:40%;height:100%;border:0;object-position:63% center;mask-image:linear-gradient(to right,transparent,#000 22%)}html[dir=rtl] #paths .path .photo-cover{mask-image:linear-gradient(to left,transparent,#000 22%)}#paths .path.university .photo-cover{object-position:66% center}#paths .path h2{font-size:23px;margin:0 0 8px}#paths .path p{font-size:13px;margin:0 0 11px}#paths .path .pathCTA{font-size:12px;margin:0}#paths .path .pathNo{display:none}#paths .path .pathGlyph{width:26px;height:26px;top:9px;inset-inline-end:9px;padding:4px}.exhibit-toolbar{align-items:start;font-size:11px}.visual-tools{gap:5px}.exhibit-pause,.visual-replay{font-size:11px;padding:8px 10px}.exhibit-chapters{justify-content:flex-start;padding-inline:18px}.exhibit-chapters a{font-size:11px;padding:8px 11px}.visual-scene{min-height:420px;border-radius:19px}.visual-scene figcaption{padding:25px 21px}.visual-scene>.scene-image{object-position:68% center}.visual-scene h2,.visual-scene h3{font-size:28px}.photo-original-content{padding:20px 16px}.photo-details>summary{padding:15px 16px;font-size:14px}.demoBlock .photo-original-content{grid-template-columns:1fr}.visual-modal{width:calc(100vw - 20px);border-radius:20px;max-height:calc(100dvh - 24px)}.visual-modal .visual-scene{min-height:min(700px,calc(100dvh - 42px))}.visual-modal .visual-scene figcaption{padding-top:90px}.visual-modal .visual-scene h2{font-size:31px}.scene-actions .button{width:100%}.scene-journey li{font-size:11px;padding:6px 9px}.visual-quote{font-size:23px}.intro-skip{top:15px;inset-inline-end:15px}.brand-intro video{width:82vw;height:82vw;max-width:400px;max-height:400px}}
@media(prefers-reduced-motion:reduce){.exhibit-orbit,.scene-image,.scene-journey li{animation:none!important}#paths .path,#paths .photo-cover{transition:none!important}}
@media print{.visual-modal,.brand-intro,.exhibit-mark,.exhibit-toolbar,.exhibit-chapters,.visual-scene{display:none!important}.photo-details{border:0}.photo-details>summary{display:none}.photo-details>.photo-original-content{display:block!important}.photo-original-content{padding:0}#paths .path .photo-cover{display:none}#paths .paths .path{background:white!important;color:#111d31!important;min-height:0;padding:15px;box-shadow:none;transform:none}}

/* Approved RGB identity, burgundy-to-navy controls, and the AI moon. */
:root{--clay:#8A1F39;--clay-light:#9b2c45;--clay-dark:#591126}
.site-header{position:sticky;top:0;z-index:70;background:#f9f4eff5;backdrop-filter:blur(16px);box-shadow:0 3px 20px #111d3110}
.site-header .identity{gap:12px}.header-logo-orbit{position:relative;display:grid;place-items:center;width:62px;height:62px;border:2px solid white;border-radius:50%;background:transparent;box-shadow:0 2px 14px #111d3114;flex:none}
.site-header .identity .header-logo-orbit img{width:47px;height:43px;object-fit:contain}
.header-ai-moon{position:absolute;inset:-4px;border:0;border-radius:50%;animation:visual-orbit 10s linear infinite;pointer-events:none}
.header-ai-moon:before{content:"";position:absolute;left:calc(50% - 6px);top:-5px;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0%,#f7e7d8 40%,#b96a82 72%,#8a1f39 100%);box-shadow:0 0 0 3px #fff8,0 0 12px #8a1f3955}
#paths .paths .path{background:linear-gradient(145deg,#9b2c45,#8a1f39 55%,#74162e);border-color:#b9697d;border-bottom-color:#571024;transition:background .2s,transform .25s,box-shadow .25s}
#paths .path:active,#paths .path.is-selected{background:linear-gradient(145deg,#243955,#111d31 65%);border-color:#52647e;border-bottom-color:#070f1c}
.scene-actions .button,.buttonPrimary{background:#8a1f39;color:#fff;border-color:#8a1f39}
.scene-actions .button:active,.buttonPrimary:active{background:#111d31;color:white;border-color:#111d31}
.scene-actions .buttonSecondary{background:transparent;color:#fff;border-color:#ffffff70}
.skill-loop{gap:18px 26px;align-items:center}.skill-loop li{position:relative;overflow:visible}.skill-loop li:not(:last-child):after{content:"↔";position:absolute;inset-inline-end:-21px;top:50%;transform:translateY(-50%);font-size:18px;color:#edcbbb}.skill-loop li:before{display:none}
.citation-bank{margin:20px 0 10px;padding:16px 18px;border-inline-start:3px solid #b89078;background:#111d3166;border-radius:12px}
.citation-bank .visual-quote{font-size:clamp(18px,2.6vw,27px);min-height:3.2em;margin:0;line-height:1.65;max-width:40ch}
.quote-attribution{display:block;text-align:center;margin-top:12px;color:#e2cbbd;font-size:11px;line-height:1.8}
.quote-attribution a{color:inherit;display:inline-block;padding-block:6px;text-underline-offset:4px;overflow-wrap:anywhere}
.visionInvestorQuote[data-quote-bank]{background:#fffaf5;color:#111d31}.visionInvestorQuote[data-quote-bank] .visual-quote{color:#111d31;font-size:22px}.visionInvestorQuote[data-quote-bank] .quote-attribution{color:#6b4351}
.visual-modal .visual-scene{background:#111d31;min-height:680px}.visual-modal .visual-scene:before{background:linear-gradient(0deg,#111d31fa,#111d31e8 70%,#111d31d9)}
.visual-modal .visual-scene figcaption{padding-top:45px}.visual-modal .visual-scene h2{font-size:clamp(24px,3.5vw,36px);max-width:31ch}
.audience-logo{display:grid;place-items:center;width:200px;height:185px;margin:0 auto 15px}
.audience-logo img,.audience-logo video{grid-area:1/1;object-fit:contain;width:100%;height:100%}
.audience-logo img{width:82%;height:82%;filter:drop-shadow(0 0 12px #f8e5cf55)}
.visual-modal .visual-quote{font-size:clamp(18px,2.6vw,25px);min-height:0;margin-bottom:6px;max-width:43ch}
.visual-motion-paused .header-ai-moon{animation-play-state:paused!important}
@media(max-width:599px){.header-logo-orbit{width:48px;height:48px}.site-header .identity .header-logo-orbit img{width:36px;height:33px}.header-ai-moon:before{width:10px;height:10px;left:calc(50% - 5px)}.audience-logo{width:155px;height:140px}.visual-modal .visual-scene{min-height:0}.visual-modal .visual-scene figcaption{padding-top:65px}.visual-modal .visual-scene h2{font-size:25px}.skill-loop{gap:11px 22px}.skill-loop li:not(:last-child):after{inset-inline-end:-18px;font-size:16px}.citation-bank{padding:15px}.citation-bank .visual-quote{font-size:20px}.quote-attribution{font-size:10px}}
@media(prefers-reduced-motion:reduce){.header-ai-moon{animation:none!important}}
@media print{.site-header{display:none}}

.visual-modal #visitorSceneTitle,.visual-modal #visitorSceneLabel{text-align:center;margin-inline:auto}
.exhibit-pause,.visual-replay,.intro-skip,.visual-close{background:#8a1f39;color:#fff;border-color:#a95870}
.exhibit-pause:active,.visual-replay:active,.intro-skip:active,.visual-close:active{background:#111d31;border-color:#111d31}

/* Complete one learning direction before switching to the other. */
.skill-loop li{animation:none!important;transition:background .3s,color .3s,border-color .3s,box-shadow .3s}
.skill-loop li.is-complete{background:#8a1f3977;border-color:#d8a0ad}
.skill-loop li.is-lit{background:#fff4e7;color:#8a1f39;border-color:#fff4e7;box-shadow:0 0 0 2px #f5d2b733,0 0 22px #efc5a777;font-weight:800}
@media(prefers-reduced-motion:reduce){.skill-loop li{transition:none}}

/* The lecture theatre is shown clearly, with its copy below the photograph. */
#pilot>.visual-scene{display:block;min-height:0}
#pilot>.visual-scene>.scene-image{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:clamp(260px,38vw,440px);object-fit:cover;object-position:center;animation:none}
#pilot>.visual-scene:before{display:none}
#pilot>.visual-scene>figcaption{background:#111d31;padding-top:26px}
.visual-modal[data-audience="university"] .visual-scene{display:flex;flex-direction:column;min-height:0}
.visual-modal[data-audience="university"] .visual-scene>.scene-image{position:relative;inset:auto;z-index:auto;display:block;flex:none;width:100%;height:250px;object-fit:cover;object-position:center;animation:none}
.visual-modal[data-audience="university"] .visual-scene:before{display:none}
.visual-modal[data-audience="university"] .visual-scene>figcaption{background:#111d31;padding-top:24px}
@media(max-width:599px){.visual-modal[data-audience="university"] .visual-scene>.scene-image{height:215px}}

/* Visible return controls remain reachable throughout the conference. */
.pathsReturn,.pathsReturn.isVisible{width:auto;max-width:calc(100vw - 32px);height:auto;min-height:48px;padding:11px 18px;gap:9px;border-radius:999px;background:#8A1F39;color:#fff;box-shadow:0 6px 22px #111d3138;bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline-end:16px}
.pathsReturn.isVisible{opacity:1}
.pathsReturn:hover,.pathsReturn:active{background:#111D31}
.pathsReturn svg{flex:none;width:20px;height:20px}
body:has(.pathsReturn){padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}
#paths{scroll-margin-top:160px}
.visitor-return-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:flex-end;padding:10px 14px;background:#111D31;box-shadow:0 3px 12px #0002}
.visitor-return-bar .visual-close{position:static;min-height:44px;background:#8A1F39;border-color:#b9697d;backdrop-filter:none}
.visitor-return-bar .visual-close:hover,.visitor-return-bar .visual-close:active{background:#243955}
.visitor-return-bar .visual-close:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media print{.pathsReturn,.visitor-return-bar{display:none!important}body:has(.pathsReturn){padding-bottom:0}}