/* Pearl, sand and Pioneers blue: connected photographic chapters. */
main:has(.hero-video){background:#fafbf9;color:#174961}
.hero-video{min-height:560px;padding:155px 0 120px;background:#edf5f7;align-items:center}
.hero-video .hero-background{opacity:.2}
.hero-workshop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;object-position:center 47%;pointer-events:none}
.hero-video:before{display:none}
.hero-video:after{background:linear-gradient(90deg,#eaf4f800 20%,#eef6f970 47%,#f0f7fbe8 68%,#f0f7fb 100%),linear-gradient(180deg,#f4f9fbb8,transparent 28%,transparent 78%,#f4f8f9);transform:none}
.hero-content{animation:none;position:relative;z-index:1}
.hero-video h1{font-size:clamp(19px,2.65vw,38px);text-shadow:0 2px 20px #fff8;margin-bottom:26px}
.hero-video .hero-actions .button{border-radius:2px;box-shadow:none}
html[dir="ltr"] .hero-workshop{transform:scaleX(-1)}
html[dir="ltr"] .hero-video:after{transform:scaleX(-1)}
html[lang="en"] .hero-video h1{font-size:clamp(15px,2.25vw,32px)}
main:has(.hero-video)>.home-fields{padding:0;display:grid;grid-template-columns:1fr 1fr;background:#f1f4f2;overflow:hidden}
.fields-scene{grid-column:2;grid-row:1;position:relative;min-height:560px;overflow:hidden;background:#deedf1}
.fields-scene img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:26% center;max-width:none}
.fields-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#b6d9e514,#07548714);pointer-events:none}
.home-fields>.container{grid-column:1;grid-row:1;width:100%;padding:46px clamp(24px,4vw,64px);align-self:center}
.home-fields .section-top{display:block;margin-bottom:20px}
.home-fields .section-top>div{padding:0}
.home-fields .section-top>div:before{display:none}
.home-fields .text-link{display:inline-block;font-size:12px;margin-top:10px}
.home-fields .field-editorial{grid-template-columns:1fr;gap:0}
.home-fields .field-editorial>a{min-height:59px;border-color:#05548726}
.home-fields .field-number{font-size:20px;letter-spacing:-1px;color:#7397a6;width:32px}
.home-fields .field-arrow{background:transparent}
.home-fields .field-editorial h3{font-size:16px}
.home-fields .category-grid{grid-template-columns:1fr 1fr}
main:has(.hero-video)>.home-schedule{background:#e6f0f3;border:0;padding-block:36px}
.schedule-preview{border:0;border-radius:2px;background:#f7faf9a8;box-shadow:none}
.schedule-symbol{border-radius:0;background:transparent}
.upcoming-courses{background:linear-gradient(180deg,#f4f8f8,#fff 80%);padding-block:52px}
.upcoming-card{border-radius:3px;box-shadow:none;background:#edf4f6}
.upcoming-card:hover{box-shadow:0 16px 38px #05548713}
.upcoming-card .upcoming-image img{filter:saturate(.75)}
.upcoming-card .upcoming-body{background:linear-gradient(145deg,#fafcfb,#e9f2f5)}
.upcoming-more-card .upcoming-body{background:transparent}
.upcoming-hours{border-radius:2px}
main:has(.hero-video)>.home-paths{background:linear-gradient(115deg,#dcebf1,#f4f6f2 70%);padding-block:48px}
.home-paths .path-grid>a,.home-paths .path-grid>a:nth-child(2){border-radius:0;background:transparent;min-height:210px;padding:24px 10px;box-shadow:none}
.home-paths .path-grid>a>span{color:#0554870e}
.corporate-banner.corporate-photo{width:100%;max-width:none;margin:0;border:0;border-radius:0;min-height:490px;padding:44px max(5vw,24px);box-shadow:none}
.corporate-photo .corporate-glass{border-radius:2px;box-shadow:none;background:linear-gradient(120deg,#f8fbf7ed,#edf6f8e8);padding:34px;border:1px solid #fff8}
/* Reveal whole words, preserving Arabic shaping. Content stays visible without JS. */
.reveal-ready{transition:opacity .85s ease,translate 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-ready:not(.is-revealed){opacity:0;translate:0 25px}
.reveal-ready.is-revealed{opacity:1;translate:0 0}
.reveal-ready:focus-within{opacity:1;translate:0 0;transition-delay:0ms}
.cinema-word{display:inline-block;transition:opacity .85s ease,filter 1s ease,translate 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--word-delay,0ms)}
.reveal-ready:not(.is-revealed) .cinema-word{opacity:0;filter:blur(4px);translate:0 10px}
.reveal-ready.is-revealed .cinema-word{opacity:1;filter:blur(0);translate:0 0}
@media(min-width:1000px){.fields-scene img{height:112%;top:-6%;translate:0 var(--scene-shift,0px);will-change:translate}}
@media(max-width:800px){
 .hero-video{min-height:510px;padding:120px 0 255px;align-items:start}
 .hero-workshop{object-position:25% center}
 .hero-video:after{background:linear-gradient(180deg,#eef7fbf5 0%,#eef7fbea 30%,#eef7fb30 62%,#f4f8f9 100%)}
 .hero-video .hero-actions{gap:7px}
 .hero-video .hero-actions .button{padding:9px 11px;font-size:10px}
 main:has(.hero-video)>.home-fields{grid-template-columns:1fr}
 .fields-scene{grid-column:1;grid-row:2;min-height:300px}
 .home-fields>.container{padding:32px 24px}
 .home-fields .field-editorial>a{min-height:56px}
 .fields-scene img{object-position:center 38%}
 .corporate-banner.corporate-photo{padding:235px 18px 24px;min-height:0}
 .corporate-photo .corporate-glass{padding:24px}
 .home-paths .path-grid>a{min-height:170px}
}
/* One uninterrupted photograph across the first viewport and the partner reveal. */
.hero-scene{position:relative;isolation:isolate;overflow:hidden;background:#edf5f7}
.hero-scene>.hero-workshop{z-index:-3;object-position:center center}
.hero-scene:after{display:none}
html[dir="ltr"] .hero-scene:after{transform:scaleX(-1)}
.hero-scene>.hero-video{height:100svh;min-height:100svh;box-sizing:border-box;padding:100px 0 60px;background:transparent;isolation:auto;align-items:center}
.hero-scene>.hero-video:after{display:none}
.hero-scene>.hero-background{z-index:-2;opacity:0;transition:opacity 1.2s ease;object-position:center;filter:none;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.hero-scene .hero-background.is-playing{opacity:1}
.hero-scene .hero-video h1{font-family:Cairo,Arial,sans-serif;font-weight:700;color:#fff;text-shadow:0 2px 1px #000c,0 0 2px #0009;letter-spacing:0;font-size:clamp(17px,3.3vw,48px);line-height:1.6;white-space:nowrap}
.hero-scene .hero-video h1 span{color:inherit}
.hero-scene .hero-actions .button.outline{background:#fff;border-color:#05548780;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-scene .hero-actions .button:is(:hover,:focus-visible){background:#073e60;color:#fff;border-color:#073e60;box-shadow:none}
.hero-scene .hero-actions .button.outline:is(:hover,:focus-visible){background:#e9f3f9;color:#055487;border-color:#055487}
.hero-scene>.organizations{position:relative;isolation:isolate;padding:26px 0 30px;background:transparent;border:0}
.hero-scene>.organizations:before{content:"";position:absolute;inset:-70px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#ffffff00 0%,#ffffffd9 35%,#fffffff5 85%,#edf5f8 100%)}
.hero-scene .organization-logo{background:transparent}
.hero-scene .organization-logo:hover{background:transparent}
.hero-scene .organization-name{color:#29485b;font-weight:600}
.hero-scene .organizations-heading h2{font-size:clamp(20px,2.5vw,32px)}
@media(max-width:800px){
 .hero-scene>.hero-video{padding:100px 0 60px;align-items:center}
 .hero-scene>.hero-workshop{object-position:28% center}
 .hero-scene>.organizations{padding:22px 0 26px}
 .hero-scene .organizations-heading h2{font-size:20px}
}
@media(max-height:450px) and (orientation:landscape){.hero-scene>.hero-video{padding:80px 0 20px}.hero-scene .hero-video h1{margin-bottom:14px}}
/* Compact editorial course collection: clear images and aligned information. */
.upcoming-courses{position:relative;isolation:isolate;overflow:hidden;background:#edf4f7;padding:48px 0 42px}
.upcoming-courses:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/images/doha-glass-skyline.webp') center 44%/cover;opacity:1}
.upcoming-courses:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#edf6fbbd,#e7f2f879 45%,#edf6fba8);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.upcoming-courses>.container{display:block;width:92%;max-width:1440px}
.upcoming-heading{display:grid;grid-template-columns:1fr auto;gap:6px 24px;align-items:center;margin:0 0 24px;padding:0}
.upcoming-heading .eyebrow{grid-column:1;margin:0}
.upcoming-heading h2{grid-column:1;max-width:none;font-size:clamp(24px,2.4vw,34px)!important;line-height:1.5;margin:0}
.course-controls{grid-column:2;grid-row:1/3;display:flex;gap:8px;margin:0;padding:0;align-self:center}
.course-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #05548725;border-radius:50%;background:#ffffffb3;color:#055487;font-size:21px;cursor:pointer;transition:background .2s ease}
.course-controls button:hover{background:#d2e7f1}
.course-controls button:disabled{opacity:.3;cursor:default}
html[dir="ltr"] .course-controls button span{transform:scaleX(-1)}
.upcoming-grid{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 12px;align-items:stretch}
.upcoming-grid::-webkit-scrollbar{display:none}
.upcoming-card{position:relative;isolation:isolate;flex:0 0 calc((100% - 48px)/3);min-height:0;scroll-snap-align:start;border-radius:12px;box-shadow:0 6px 22px #05548708;background:#fff;overflow:hidden}
.upcoming-card>.upcoming-image{position:relative;inset:auto;aspect-ratio:16/10;flex-shrink:0}
.upcoming-card>.upcoming-image img{height:100%;object-position:center;filter:saturate(.85) brightness(1.06)}
.upcoming-card .upcoming-hours{top:14px;bottom:auto;inset-inline-start:14px;background:#fffffff0;color:#055487;backdrop-filter:blur(12px);border-radius:5px;font-size:11px;padding:4px 10px}
.upcoming-card .upcoming-body{position:relative;z-index:2;margin:-24px 14px 0;padding:20px 18px 18px;background:#fffffff5;min-height:226px;border-radius:8px 8px 0 0;text-shadow:none}
.upcoming-card .upcoming-date{font-size:11px;gap:6px}
.upcoming-card h3{font-size:17px;min-height:58px;line-height:1.7;color:#055487;margin:12px 0 10px}
.upcoming-card p{font-size:12px;margin:0 0 18px;color:#617785;line-height:1.8}
.upcoming-card .upcoming-discover{padding-top:12px;font-size:12px}
.upcoming-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px #05548712}
.upcoming-more-card>.upcoming-more-background{position:absolute;inset:0;aspect-ratio:auto}
.upcoming-more-card .upcoming-body{margin:0;padding:32px 28px 22px;padding-top:180px;background:transparent;min-height:100%;border-radius:0}
.upcoming-more-card h3{font-size:24px;min-height:0;margin-bottom:16px}
.upcoming-more-card p{max-width:230px}
.upcoming-more-card .upcoming-discover{margin-top:auto}
.upcoming-more-background:after{background:linear-gradient(180deg,#eef7f957,#edf7faf0 48%,#edf7fa)}
.upcoming-more-icon{top:82px;left:50%;width:48px;height:48px;box-shadow:none}
.upcoming-grid:focus-visible,.course-controls button:focus-visible{outline:3px solid #055487;outline-offset:3px}
@media(max-width:1000px){.upcoming-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:600px){
 .upcoming-courses{padding:30px 0 26px}
 .upcoming-courses>.container{width:90%}
 .upcoming-heading{gap:6px 10px;margin-bottom:18px}
 .upcoming-heading h2{font-size:22px!important}
 .upcoming-heading .eyebrow{font-size:10px}
 .course-controls{gap:5px}
 .course-controls button{width:30px;height:30px;font-size:18px}
 .upcoming-grid{gap:16px}
 .upcoming-card{flex-basis:91%}
 .upcoming-card .upcoming-body{padding:18px 14px;min-height:225px;margin-inline:10px}
 .upcoming-card h3{font-size:16px}
 .upcoming-more-card .upcoming-body{margin:0;padding:170px 24px 22px}
 .upcoming-more-card h3{font-size:23px}
}
/* Full-width photographic fields with a readable glass directory. */
main:has(.hero-video)>.home-fields{position:relative;isolation:isolate;display:flex;align-items:center;min-height:620px;padding:40px 5%;background:#e4eef3}
.home-fields>.fields-scene{position:absolute;inset:0;z-index:-2;min-height:0;overflow:hidden}
.home-fields .fields-scene:after{background:linear-gradient(90deg,#eff7fa24,#edf5fa55)}
.home-fields .fields-scene .field-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;translate:none;will-change:auto;transition:opacity 1.1s ease;animation:field-drift 16s ease-in-out infinite alternate;animation-play-state:paused}
.home-fields .fields-scene .field-photo.is-active{opacity:1}
.home-fields.is-fields-visible:not(.is-field-selected) .field-photo.is-active{animation-play-state:running}
.home-fields>.container{width:47%;max-width:650px;margin:0;padding:28px 32px;border:1px solid #ffffffbf;border-radius:14px;background:linear-gradient(130deg,#ffffffed,#eff7fbe6);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%);box-shadow:0 14px 50px #123f5710}
.home-fields .section-top{margin-bottom:16px!important}
.home-fields .field-editorial>a{min-height:57px;border-bottom-color:#05548724;border-radius:5px;padding-inline:8px}
.home-fields .field-editorial>a:hover,.home-fields .field-editorial>a:focus-visible,.home-fields .field-editorial>a.is-active-field{background:#dcecf4b8}
.home-fields .field-editorial>a:focus-visible{outline:2px solid #055487;outline-offset:2px}
.home-fields .field-number{font-size:16px}
html[dir="ltr"] .home-fields .field-photo{scale:-1 1}
@keyframes field-drift{from{transform:scale(1.015)}to{transform:scale(1.06) translateX(.4%)}}
@media(max-width:800px){main:has(.hero-video)>.home-fields{min-height:720px;padding:210px 20px 24px;align-items:flex-end}.home-fields>.container{width:100%;max-width:none;padding:22px}.home-fields .fields-scene .field-photo{object-position:27% center}.home-fields .field-editorial>a{min-height:52px}.home-fields .section-top h2{font-size:25px}.home-fields .fields-scene:after{background:linear-gradient(180deg,#eff7fa00,#edf5fa55)}}
@media(prefers-reduced-motion:reduce){.home-fields .fields-scene .field-photo{animation:none;transition:none}}
/* Fade both photographs into the same pearl tone at their shared boundary. */
.upcoming-courses:after{background:linear-gradient(0deg,#edf5f8 0%,#edf5f800 100px),linear-gradient(180deg,#edf6fbbd,#e7f2f879 45%,#edf6fba8)}
.upcoming-courses+.corporate-photo:before{content:"";position:absolute;inset:0 0 auto;height:110px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#edf5f8 0%,#edf5f8c4 25%,#edf5f800 100%)}
@media(max-width:800px){.upcoming-courses+.corporate-photo:before{height:80px}}
@media(prefers-reduced-motion:reduce){
 .reveal-ready,.cinema-word{opacity:1!important;translate:none!important;filter:none!important;transition:none!important}
 .fields-scene img{translate:none!important;will-change:auto}
}
/* Consistent section edges: soften imagery only, keeping text surfaces plain. */
main:has(.hero-video){--section-paper:#edf5f8;--section-fade:64px;background:var(--section-paper)}
main:has(.hero-video)>.section:not(.home-fields){background:var(--section-paper);border-block:0}
main:has(.hero-video)>.home-fields,.hero-scene,.corporate-banner.corporate-photo{background:var(--section-paper,#edf5f8)}
.hero-scene>.hero-background,.hero-scene>.hero-workshop{mask-image:none;-webkit-mask-image:none}
.home-fields>.fields-scene{mask-image:linear-gradient(transparent,#000 var(--section-fade),#000 calc(100% - var(--section-fade)),transparent);-webkit-mask-image:linear-gradient(transparent,#000 var(--section-fade),#000 calc(100% - var(--section-fade)),transparent)}
main:has(.hero-video)>.home-schedule{padding-block:30px}
.home-schedule .schedule-preview{background:#fff;border:1px solid #05548712;border-radius:10px;padding:20px 24px}
.upcoming-courses:after{background:linear-gradient(180deg,#edf5f8,transparent var(--section-fade),transparent calc(100% - var(--section-fade)),#edf5f8),linear-gradient(180deg,#edf6fbbd,#e7f2f879 45%,#edf6fba8)}
.corporate-photo .corporate-background{mask-image:linear-gradient(transparent,#000 var(--section-fade),#000 calc(100% - var(--section-fade)),transparent);-webkit-mask-image:linear-gradient(transparent,#000 var(--section-fade),#000 calc(100% - var(--section-fade)),transparent)}
.corporate-photo:after{background:none}
.upcoming-courses+.corporate-photo:before{display:none}
body:has(.hero-video) footer{background:#edf5f8;border-top:0}
body:has(.hero-video) .footer-grid{border-top:1px solid #05548718;padding-top:28px}
@media(max-width:800px){main:has(.hero-video){--section-fade:40px}main:has(.hero-video)>.home-schedule{padding-block:24px}.home-schedule .schedule-preview{padding:16px}}
/* Strong, clean navigation contrast over the initial video frame. */
body:has(.hero-video) .header:not(.is-scrolled) :is(.desktop-nav a,.language,.mobile-menu summary){color:#071b3d;font-weight:700;text-shadow:none}
body:has(.hero-video) .header:not(.is-scrolled) .header-tools .button.outline{color:#055487;border-color:#055487;background:#fff}
body:has(.hero-video) .header:not(.is-scrolled) :is(.desktop-nav a,.language):hover{color:#055487;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
/* Keep navigation readable over both bright and dark video scenes. */
body:has(.hero-video) .header:not(.is-scrolled){background:rgba(255,255,255,.72);border-bottom-color:#ffffff30;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);box-shadow:none}
body:has(.hero-video) .header.is-scrolled{background:rgba(255,255,255,.84);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 3px 16px #071b3d05}
body:has(.hero-video) .header .header-tools .button.outline:is(:hover,:focus-visible){background:#e9f3f9;color:#055487;border-color:#055487}