/* Shared type and geometry. Existing company palettes remain the source of truth. */
:root{font-family:Zain,Tahoma,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit}h1,h2,h3,p{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
:where(.shell,.reference-owner,.customer-page) .field>span{font-size:17px;font-weight:700;line-height:1.6}
:where(.shell,.reference-owner,.customer-page) :is(input,select,textarea){border-radius:12px;min-height:48px;padding:11px 14px}
:where(.shell,.reference-owner) :is(.surface,.ref-panel,.section){border-radius:20px;border:1px solid var(--line);box-shadow:0 3px 4px #123e3002,0 14px 35px #123e3004}
:where(.shell,.reference-owner) :is(.page-heading,.ref-topline){padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--line)}
:where(.shell,.reference-owner) :is(.page-heading h1,.ref-topline h1){font-size:clamp(29px,2.7vw,40px);line-height:1.3;font-weight:800;letter-spacing:0}
:where(.shell,.reference-owner) :is(.page-heading p,.ref-topline p){font-size:18px;line-height:1.7;max-width:70ch;color:#60786e;margin-top:8px}
:where(.shell,.reference-owner) :is(.section-heading,.ref-panel-head){padding-bottom:15px;border-bottom:1px solid var(--line);margin-bottom:20px;gap:12px}
:where(.shell,.reference-owner) :is(.section-heading h2,.ref-panel-head h2){font-size:23px;font-weight:700;line-height:1.4}
.reference-owner .owner-sidebar,.shell .sidebar{background:linear-gradient(155deg,#075f51 0%,#053e38 80%);padding-inline:16px}
.reference-owner .owner-sidebar .nav-item,.shell .sidebar .nav-item{font-size:17px;min-height:48px;margin-block:5px;border:1px solid transparent}
.reference-owner .owner-sidebar .nav-item.active,.shell .sidebar .nav-item.active{background:#ffffff13;border-color:#ffffff20;box-shadow:inset -3px 0 #8eebc2}
.reference-owner .ref-sidebar-brand,.shell .sidebar-brand{border-bottom:1px solid #ffffff16;margin-bottom:22px;padding-bottom:18px}
.reference-owner .owner-header,.shell .topbar{min-height:80px;background:#ffffffed;box-shadow:0 4px 24px #123e3004}
.reference-owner .owner-main,.shell .content{max-width:1600px;padding:32px clamp(20px,2.5vw,44px) 48px;min-width:0}
.ref-metric,.shell .metric,.owner-summary .metric{overflow:hidden;border-radius:20px!important;padding:23px!important;position:relative;box-shadow:0 8px 24px #123e3004}
.ref-metric::after,.shell .metric::after{content:'';position:absolute;inset-inline-end:-25px;bottom:-42px;width:120px;height:120px;border:18px solid #07856605;border-radius:50%;pointer-events:none}
.ref-metric-copy strong,.shell .metric strong{font-size:clamp(32px,3.2vw,46px);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.ref-metric-copy>span,.shell .metric-top{font-size:18px}.ref-metric-copy small,.shell .metric small{font-size:15px;line-height:1.5}
.ref-primary-grid,.ref-bottom-grid{gap:22px;margin-top:24px}.ref-panel,.shell .section{padding:25px}
.ref-company-tabs{gap:10px}.ref-company-tab{border-radius:12px;min-height:48px;font-size:17px;padding:10px 18px}.ref-company-tab.active{box-shadow:0 4px 14px #07856616}
:where(.shell,.reference-owner) .btn{border-radius:12px;min-height:44px;font-weight:700;font-size:17px}
:where(.shell,.reference-owner) .toolbar{padding:16px;background:#fff;border:1px solid var(--line);border-radius:16px;margin-block:18px}
:where(.shell,.reference-owner) th{padding:15px 16px;font-weight:700;font-size:16px}:where(.shell,.reference-owner) td{padding:17px 16px;font-size:17px;line-height:1.6}
:where(.shell,.reference-owner) .detail-grid>div{border-radius:12px;padding:17px;background:#f7fbf9}.detail-grid small{font-size:15px;line-height:1.5}.detail-grid strong{font-size:19px;line-height:1.6}
.modal{border-radius:22px;box-shadow:0 30px 100px #09271d30}.modal-head{padding:20px 24px}.modal-body{padding:24px}.modal-body .stack{gap:18px}.auth-form.surface{padding:36px;border-radius:24px}.auth-title h1{font-size:36px;line-height:1.35}.auth-title p{font-size:19px;line-height:1.65}
/* Customer editorial system */
.public-page{--experience-tint:color-mix(in srgb,var(--portal-accent) 5%,white);--experience-line:color-mix(in srgb,var(--portal-accent) 16%,white);font-size:19px}
.public-page .public-nav{max-width:1280px;margin:auto;padding:19px 32px;gap:20px}.public-page.hamad-public .public-header{box-shadow:none;border-bottom:1px solid var(--experience-line)}
.public-page .public-nav .brand{font-size:25px;font-weight:800;line-height:1.3;gap:14px}.public-page .public-nav .brand small{font-size:15px;font-weight:400;margin-top:5px}.public-page .public-nav .hamad-logo{width:57px;height:57px;border-radius:50%;border:1px solid var(--experience-line);padding:5px}
.public-page .public-nav-actions .btn{font-size:17px;min-height:44px;padding:10px 20px}.public-page .btn{border-radius:12px;font-weight:700}
.public-page .hamad-nav{background:#fffffff2;border-bottom:1px solid var(--experience-line);box-shadow:0 8px 25px #450a0a03}.public-page .hamad-nav>div{max-width:1200px}.public-page .hamad-nav a{font-size:17px;color:var(--portal-accent)}
.experience-reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--portal-accent);z-index:100;transform:scaleX(0);transform-origin:right;pointer-events:none}
.public-page .public-main{max-width:1280px;padding:72px 40px}.public-page .hamad-sections{max-width:1280px;padding-inline:40px}.public-page .hamad-section{padding-block:78px}
.public-page .hamad-heading{margin-bottom:36px;text-align:right}.public-page .hamad-heading h2{font-size:clamp(32px,3.4vw,47px);font-weight:800;line-height:1.3;margin:12px 0}.public-page .hamad-heading h2::after{display:none}.public-page .hamad-heading p{margin-inline:0;max-width:650px;line-height:1.8;font-size:21px}
.public-page .page-kicker{font-size:16px;font-weight:700;display:inline-flex;align-items:center;gap:10px}.public-page .page-kicker::before{content:'';width:23px;height:1px;background:currentColor;opacity:.5}
.public-page .catalogue-access-gate{position:relative;max-width:none;text-align:right;display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:24px;padding:42px;border:1px solid var(--experience-line);border-radius:24px;background:linear-gradient(125deg,var(--experience-tint),#fff 65%);box-shadow:0 18px 55px #450a0a04}
.public-page .catalogue-access-gate>*{grid-column:2}.public-page .catalogue-access-gate .catalogue-access-icon{grid-column:1;grid-row:1/6;width:68px;height:68px;margin:0;align-self:start;border-radius:20px}.public-page .catalogue-access-gate h1{font-size:clamp(28px,3vw,40px);line-height:1.35;margin:8px 0 14px}.public-page .catalogue-access-gate p{margin-inline:0;font-size:20px;max-width:700px;line-height:1.7}.public-page .catalogue-access-actions,.public-page .catalogue-access-benefits{justify-content:flex-start}.public-page .catalogue-access-benefits{font-size:16px;border-top:1px solid var(--experience-line);padding-top:22px;margin-top:25px}
.public-page .catalog-intro h1{font-size:42px;line-height:1.3}.public-page .catalog-tools{border-radius:20px;border-color:var(--experience-line);padding:22px;background:var(--experience-tint)}.public-page .catalog-card{border-radius:22px;overflow:hidden;border-color:var(--experience-line);box-shadow:0 12px 30px #450a0a04}.public-page .candidate-info{padding:24px}.public-page .candidate-info h3{font-size:26px}.public-page .candidate-photo img{object-fit:contain}.public-page .catalog-card:hover{box-shadow:0 22px 40px #450a0a0b;border-color:var(--portal-accent)}
/* Cinematic opening — captions still use the decoded video frame clock. */
.public-page .experience-hero{height:auto;min-height:650px;background:var(--portal-deep);overflow:hidden;color:white;isolation:isolate}
.experience-hero .customer-video-background{transform:translateY(var(--scene-shift,0px));inset:-40px 0;height:calc(100% + 80px)}
.experience-hero .customer-video-background video,.experience-hero .customer-video-background img{object-position:center;object-fit:cover}
.experience-hero .customer-video-shade{background:linear-gradient(270deg,color-mix(in srgb,var(--portal-deep) 90%,transparent),color-mix(in srgb,var(--portal-deep) 60%,transparent) 55%,#14050691),linear-gradient(0deg,#1006069c,transparent 45%)}
.experience-hero::after{content:'';position:absolute;inset:0;z-index:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent);pointer-events:none}
.experience-hero-grid{position:relative;z-index:1;max-width:1280px;margin:auto;padding:70px 40px 35px;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:40px;min-height:530px}
.experience-copy{min-width:0}.experience-eyebrow{display:flex;align-items:center;gap:10px;font-size:17px;color:#ffffffc9}.experience-eyebrow i{width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px #ffffff13}
.experience-copy h1{font-size:clamp(40px,4.9vw,68px);font-weight:800;line-height:1.25;letter-spacing:0;color:white;margin:24px 0}.experience-copy h1>span{color:#fff;position:relative;display:inline-block}.experience-copy h1>span::after{content:'';height:2px;position:absolute;bottom:-8px;right:0;width:70%;background:linear-gradient(90deg,transparent,#ffffff80);transform-origin:right;animation:experience-line 1.5s .5s both}
.experience-copy p{font-size:22px;line-height:1.8;max-width:480px;color:#ffffffe0;margin:26px 0 28px}
.public-page .experience-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:17px 23px;min-height:60px;background:white;color:var(--portal-accent);border:1px solid #fff;border-radius:14px;font-size:21px;box-shadow:0 10px 40px #0002}.experience-cta svg{width:26px;height:26px;transition:transform .3s}.experience-cta:hover svg{transform:translateX(-6px)}
.experience-scroll-note{display:flex;align-items:center;gap:10px;color:#ffffff8f;font-size:15px;margin-top:26px}.experience-scroll-note i{height:20px;width:13px;border:1px solid #ffffff60;border-radius:8px;position:relative}.experience-scroll-note i::before{content:'';position:absolute;width:2px;height:4px;top:4px;left:4px;background:#fff;animation:experience-scroll 2s infinite}
.experience-hero .customer-video-caption{min-height:85px;padding:12px 40px;max-width:1280px;font-size:clamp(22px,2.2vw,30px);line-height:1.7;font-weight:400;color:#ffffffbf;border-top:1px solid #ffffff20;text-shadow:none}.experience-hero .customer-video-typed{opacity:.85}
.experience-scene-index{position:relative;z-index:1;max-width:1280px;margin:auto;padding:0 40px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:13px;color:#ffffff80}.experience-scene-index>div{display:flex;gap:6px;direction:ltr}.experience-scene-index i{width:27px;height:3px;border-radius:4px;background:#ffffff25;transition:background .2s,width .2s}
[data-scene="0"] .experience-scene-index i:nth-child(1),[data-scene="1"] .experience-scene-index i:nth-child(2),[data-scene="2"] .experience-scene-index i:nth-child(3),[data-scene="3"] .experience-scene-index i:nth-child(4){background:#fff;width:55px}
/* Bespoke orbital illustration; vectors keep the animation sharp at every size. */
.experience-orbit{width:100%;aspect-ratio:1;position:relative;perspective:1000px;max-width:510px;justify-self:center;color:white}.experience-globe{position:absolute;inset:0;width:100%;height:100%;stroke:#ffffff24;stroke-width:.8}.experience-orbit-spin{transform-origin:250px 250px;animation:experience-orbit-turn 60s linear infinite}.orbit-point{fill:#fff;stroke:none}.experience-flight{stroke:#ffffff75;stroke-dasharray:5 8;animation:art-route 6s linear infinite}.experience-plane{transform:translate(92px,235px) scale(.43) rotate(-30deg);animation:experience-plane 14s ease-in-out infinite}
.experience-passport{position:absolute;inset:18% 24%;background:linear-gradient(150deg,#fffffffc,#fff9f2ef);border:1px solid #fff;border-radius:95px 95px 20px 20px;color:var(--portal-accent);box-shadow:0 35px 80px #14090945,inset 0 0 0 8px #ffffff60;padding:32px 20px 18px;text-align:center;transform:rotate(-6deg);animation:experience-passport 8s ease-in-out infinite}
.experience-passport-top{display:flex;justify-content:space-between;font-size:12px;margin:12px 0 5px;padding:0 5px;opacity:.7}.experience-arch{height:40%;min-height:85px;margin:0 auto 7px;aspect-ratio:1}.experience-arch svg{width:100%;height:100%}.experience-passport strong{display:block;font-size:27px;font-weight:800;line-height:1.2}.experience-passport-note{display:block;font-size:13px;margin-top:7px;opacity:.7}.experience-ticket-line{border-bottom:1px dashed currentColor;opacity:.25;margin:17px -20px}.experience-ticket-foot{display:flex;justify-content:space-between;font-size:12px;align-items:center}.experience-ticket-foot i{font-style:normal;font-size:22px}
.experience-float{position:absolute;display:flex;align-items:center;gap:12px;background:#ffffffef;color:var(--portal-deep);border:1px solid #fff;border-radius:15px;box-shadow:0 20px 35px #0002;padding:14px 18px;text-align:right;font-size:18px;line-height:1.3;animation:experience-float 6s ease-in-out infinite}.experience-float small{display:block;font-size:13px;color:var(--portal-accent);margin-top:5px;opacity:.7}.experience-float-one{top:15%;right:0;rotate:4deg}.experience-float-two{bottom:14%;left:0;rotate:-3deg;animation-delay:-3s}.experience-small-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--experience-tint);color:var(--portal-accent);font-size:22px}
/* Journey as a second, contrasting chapter. */
.public-page .recruitment-motion{max-width:1200px;margin:0 auto 36px;border:0;border-radius:28px;padding:52px;background:var(--portal-deep);color:#fff;isolation:isolate}
.recruitment-motion::before{content:'';position:absolute;width:600px;height:600px;left:-230px;top:-200px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 55px #ffffff04,0 0 0 110px #ffffff03;z-index:-1;animation:experience-halo 12s ease-in-out infinite}
.public-page .recruitment-motion-heading .page-kicker{color:#ffffffb0}.public-page .recruitment-motion-heading h2{color:white;font-size:clamp(30px,3.4vw,46px);font-weight:800;margin-block:16px}.public-page .recruitment-motion-heading p{color:#ffffffa6;font-size:20px}.public-page .recruitment-motion-layout{grid-template-columns:300px minmax(0,1fr);gap:45px;margin-top:38px}.public-page .recruitment-scene{background:#fffaf7;border:0;border-radius:22px;padding:28px 15px;color:var(--portal-accent)}.public-page .recruitment-stage-tabs button{border-color:#ffffff25;background:#ffffff06;color:#ffffffe0;border-radius:12px;min-height:58px;padding:14px 18px;font-size:19px;position:relative}.public-page .recruitment-stage-tabs button[aria-pressed=true]{background:white;color:var(--portal-accent);border-color:white;box-shadow:0 10px 30px #0001}.public-page .recruitment-stage-caption{color:#ffffffb5;font-size:18px;line-height:1.7;min-height:65px}.public-page .recruitment-scene-label{font-size:21px}
.public-page .hamad-about{grid-template-columns:minmax(0,1fr) 210px;gap:65px;border-top:0}.public-page .hamad-about h2{font-size:40px;font-weight:800;line-height:1.3}.public-page .hamad-about-logo{width:210px;height:210px;border:1px solid var(--experience-line);border-radius:50%;padding:25px;box-shadow:0 0 0 18px var(--experience-tint),0 0 0 19px var(--experience-line)}.public-page .hamad-registration{font-size:16px;padding-top:20px;border-top:1px solid var(--experience-line)}
.public-page .hamad-service-grid{counter-reset:service;gap:20px}.public-page .hamad-service{counter-increment:service;text-align:right;position:relative;overflow:hidden;isolation:isolate;border:1px solid var(--experience-line);padding:32px;border-radius:22px;box-shadow:none;min-height:315px;background:white}.public-page .hamad-service::before{content:'0' counter(service);position:absolute;top:27px;left:28px;font-size:17px;font-family:Arial,sans-serif;color:var(--portal-accent);opacity:.4}.public-page .hamad-service::after,.public-page .catalog-card::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(260px circle at var(--spot-x,50%) var(--spot-y,50%),var(--experience-tint),transparent);pointer-events:none}.public-page .hamad-icon{margin:0 0 22px;border-radius:16px;width:57px;height:57px}.public-page .hamad-service h3{font-size:28px;line-height:1.35;margin:8px 0 14px}.public-page .hamad-service p{font-size:19px;line-height:1.8}.public-page .hamad-service-link{justify-content:space-between;gap:20px;border-top:1px solid var(--experience-line);margin-top:24px;padding-top:20px;font-size:18px}.public-page .hamad-service:hover{transform:translateY(-7px);box-shadow:0 25px 50px #450a0a08}.public-page .hamad-icon::after{display:none}
.public-page .hamad-accreditations{padding:48px 32px;border-radius:24px;margin-block:20px;background:var(--portal-accent)}.public-page .hamad-accreditation-grid article{border:0;border-radius:18px;padding:26px;background:#fff}.public-page .hamad-accreditation-grid img{height:80px}
.public-page .country-marquee{mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);padding-block:20px 24px}.public-page .country-marquee .country-marquee-group article{border-radius:20px;border-color:var(--experience-line);box-shadow:none;background:var(--experience-tint);padding:28px 18px}.public-page .country-marquee img{filter:drop-shadow(0 5px 4px #0001);border-radius:4px}.public-page .country-marquee h3{font-size:21px}
.public-page .hamad-reason-grid{gap:18px}.public-page .hamad-reason-grid article{background:var(--experience-tint);border:1px solid var(--experience-line);padding:28px;border-radius:20px}.public-page .hamad-reason-grid h3{font-size:23px}.public-page .hamad-process{gap:18px;counter-reset:process}.public-page .hamad-process li{padding:26px;background:white;border-color:var(--experience-line);border-radius:20px}.public-page .hamad-process li>span{border-radius:12px;width:45px;height:45px}.public-page .hamad-process h3{font-size:24px}.public-page .hamad-process p{font-size:18px;line-height:1.8}
.public-page .hamad-contact{gap:55px}.public-page .hamad-contact h2{font-size:40px;line-height:1.3}.public-page .hamad-map{height:410px;border-radius:24px}.public-page .public-footer{padding:32px 24px;font-size:18px;text-align:center;line-height:1.7}
.public-page.customer-page{background:var(--experience-tint)}.public-page .customer-main{max-width:1200px;margin:auto;padding:45px 32px 64px}.public-page .customer-heading h1{font-size:40px;line-height:1.3}.public-page .customer-metrics{gap:18px;margin-block:26px}.public-page .customer-metrics>div{border:1px solid var(--experience-line);padding:25px;border-radius:18px;background:white}.public-page .customer-metrics strong{color:var(--portal-accent);font-size:36px}.public-page .customer-panel,.public-page .customer-auth{padding:30px;border-radius:22px;border-color:var(--experience-line);box-shadow:0 12px 35px #450a0a04}.public-page .customer-panel h2{font-size:27px}.public-page .customer-order,.public-page .customer-notification{padding:22px;border-radius:16px;border-color:var(--experience-line);line-height:1.7}.public-page .customer-auth{max-width:640px}.public-page .customer-auth .field{margin-top:5px}
/* Reveal choreography remains local to customer pages. */
.experience-copy>*{animation:experience-enter .9s cubic-bezier(.22,1,.36,1) both}.experience-copy>:nth-child(2){animation-delay:.12s}.experience-copy>:nth-child(3){animation-delay:.24s}.experience-copy>:nth-child(4){animation-delay:.36s}.experience-copy>:nth-child(5){animation-delay:.48s}
.public-page .public-reveal{transform:translate3d(0,28px,0);transition:opacity .85s ease var(--public-enter-delay,0ms),transform .85s cubic-bezier(.22,1,.36,1) var(--public-enter-delay,0ms)}.public-page .public-reveal.public-entered{transform:none}
.public-page .public-entered .motion-detail{animation-duration:.65s}.public-page .hamad-service,.public-page .catalog-card{transition:transform .4s,box-shadow .4s,border-color .4s}
.experience-dormant *,.experience-hero:not(.experience-in-view) .experience-orbit *,.recruitment-motion:not(.experience-in-view)::before{animation-play-state:paused!important}
@keyframes experience-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes experience-line{from{scale:0 1}to{scale:1 1}}
@keyframes experience-scroll{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translateY(5px);opacity:1}}
@keyframes experience-orbit-turn{to{transform:rotate(360deg)}}
@keyframes experience-passport{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-10px) rotate(-3deg)}}
@keyframes experience-float{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes experience-plane{0%{transform:translate(35px,310px) scale(.43) rotate(-40deg);opacity:0}12%{opacity:1}50%{transform:translate(250px,137px) scale(.43) rotate(-5deg);opacity:1}85%{opacity:1}100%{transform:translate(465px,180px) scale(.43) rotate(25deg);opacity:0}}
@keyframes experience-halo{50%{transform:translate(30px,40px) scale(1.12)}}
@media(min-width:1000px){.public-page .hamad-service:first-child{background:var(--experience-tint)}.public-page .hamad-reason-grid article:nth-child(2){margin-top:20px}.public-page .hamad-reason-grid article:nth-child(3){margin-top:40px}}
@media(max-width:1100px){.public-page .recruitment-motion{margin-inline:24px}.experience-hero-grid{gap:20px}.experience-passport{inset:17% 22%;padding:23px 17px 13px}.experience-passport strong{font-size:24px}.experience-float{padding:12px;font-size:16px}.experience-float small{font-size:12px}.public-page .recruitment-motion-layout{grid-template-columns:250px minmax(0,1fr);gap:28px}}
@media(max-width:900px){.experience-hero-grid{grid-template-columns:1.15fr 1fr;padding:45px 28px 28px;min-height:470px}.experience-copy h1{font-size:47px}.experience-copy p{font-size:20px}.experience-float{font-size:14px;padding:10px;gap:8px}.experience-small-icon{width:27px;height:27px;font-size:18px}.experience-float small{font-size:11px}.experience-passport{inset:17% 19%;padding:23px 14px 13px}.experience-passport-top{font-size:10px;margin:3px 0}.experience-passport strong{font-size:23px}.experience-passport-note{font-size:11px}.experience-ticket-line{margin:10px -14px}.experience-ticket-foot{font-size:10px}.experience-arch{min-height:65px}.public-page .experience-hero{min-height:0}.public-page .hamad-about{grid-template-columns:minmax(0,1fr) 160px;gap:36px}.public-page .hamad-about-logo{width:160px;height:160px}.public-page .hamad-service{padding:25px}.public-page .hamad-service-grid{gap:14px}.public-page .hamad-service h3{font-size:24px}.public-page .hamad-service p{font-size:18px}.reference-owner .owner-main,.shell .content{padding:25px 20px 40px}}
@media(max-width:700px){
 .public-page .public-nav,.public-page.hamad-public .public-nav{padding:14px 18px;gap:12px}.public-page .public-nav .brand,.public-page.hamad-public .public-nav .brand{font-size:21px;line-height:1.4;flex:1 1 100%}.public-page .public-nav .brand small{font-size:13px}.public-page .public-nav .hamad-logo{width:48px;height:48px}.public-page .public-nav-actions{width:100%;display:flex;gap:8px}.public-page .public-nav-actions .btn{flex:1;min-height:42px;padding:9px 13px;font-size:16px}.public-page .hamad-nav a{font-size:16px}
 .experience-hero-grid{grid-template-columns:minmax(0,1fr);padding:38px 22px 12px;gap:2px;min-height:0}.experience-copy h1{font-size:clamp(37px,9.8vw,56px);line-height:1.28;margin:20px 0}.experience-copy p{font-size:20px;line-height:1.7;margin:23px 0;max-width:440px}.experience-eyebrow{font-size:15px}.public-page .experience-cta{min-height:54px;padding:14px 20px;font-size:19px;gap:40px}.experience-scroll-note{display:none}.experience-orbit{width:270px;max-width:90%;margin:-2px 0 0;aspect-ratio:1;justify-self:center}.experience-passport{inset:14% 20%;padding:22px 12px 10px;border-radius:70px 70px 15px 15px}.experience-passport-top{font-size:9px;margin:1px 0 3px}.experience-arch{height:36%;min-height:55px;margin-bottom:3px}.experience-passport strong{font-size:22px}.experience-passport-note{font-size:10px;margin-top:5px}.experience-ticket-line{margin:9px -12px}.experience-ticket-foot{font-size:9px}.experience-ticket-foot i{font-size:16px}.experience-float{padding:9px 11px;font-size:13px;border-radius:10px;gap:7px}.experience-float small{font-size:10px}.experience-small-icon{width:23px;height:23px;font-size:16px}.experience-float-one{top:14%;right:-4px}.experience-float-two{bottom:12%;left:-3px}.experience-hero .customer-video-caption{font-size:23px;padding:17px 22px;min-height:102px;align-items:center;line-height:1.55}.experience-scene-index{padding:0 22px 22px;font-size:11px;gap:8px}.experience-scene-index i{width:14px}.experience-scene-index>div{gap:4px}[data-scene="0"] .experience-scene-index i:nth-child(1),[data-scene="1"] .experience-scene-index i:nth-child(2),[data-scene="2"] .experience-scene-index i:nth-child(3),[data-scene="3"] .experience-scene-index i:nth-child(4){width:30px}.experience-hero .customer-video-shade{background:linear-gradient(180deg,color-mix(in srgb,var(--portal-deep) 86%,transparent),color-mix(in srgb,var(--portal-deep) 72%,transparent))}
 .public-page .public-main{padding:38px 18px}.public-page .hamad-sections{padding-inline:20px}.public-page .hamad-section{padding-block:44px}.public-page .hamad-heading{margin-bottom:25px}.public-page .hamad-heading h2{font-size:33px;line-height:1.35}.public-page .hamad-heading p{font-size:19px;line-height:1.7}.public-page .catalogue-access-gate{display:block;padding:26px 22px;border-radius:20px}.public-page .catalogue-access-gate .catalogue-access-icon{width:49px;height:49px;margin:0 0 18px;border-radius:14px}.public-page .catalogue-access-gate h1{font-size:29px;line-height:1.4}.public-page .catalogue-access-gate p{font-size:19px}.public-page .catalogue-access-benefits{font-size:15px;gap:12px;flex-direction:column}.public-page .catalog-intro h1{font-size:32px}.public-page .catalog-tools{padding:16px}.public-page .candidate-info{padding:22px}.public-page .candidate-info h3{font-size:25px}
 .public-page .recruitment-motion{padding:30px 22px;margin:0 18px 12px;border-radius:22px}.public-page .recruitment-motion-heading h2{font-size:32px;line-height:1.35}.public-page .recruitment-motion-heading p{font-size:18px}.public-page .recruitment-motion-layout{display:flex;gap:22px;margin-top:26px}.public-page .recruitment-stage-tabs{gap:9px}.public-page .recruitment-stage-tabs button{font-size:17px;min-height:62px;padding:11px 12px;gap:8px}.public-page .recruitment-stage-caption{font-size:18px;min-height:85px}.public-page .recruitment-scene{padding:18px 6px}.public-page .recruitment-scene-label{font-size:19px}.public-page .hamad-about{grid-template-columns:1fr;gap:32px}.public-page .hamad-about-logo{grid-row:1;width:105px;height:105px;padding:13px;box-shadow:0 0 0 10px var(--experience-tint),0 0 0 11px var(--experience-line);margin:12px}.public-page .hamad-about h2{font-size:32px}.public-page .hamad-registration{font-size:15px}.public-page .hamad-service-grid{grid-template-columns:1fr;gap:16px}.public-page .hamad-service{min-height:0;padding:27px}.public-page .hamad-service h3{font-size:27px}.public-page .hamad-service p{font-size:19px}.public-page .hamad-icon{margin-bottom:19px}.public-page .hamad-accreditations{padding:30px 20px;border-radius:20px}.public-page .hamad-accreditation-grid img{height:72px}.public-page .hamad-reason-grid article{padding:25px}.public-page .hamad-process{grid-template-columns:1fr;gap:14px}.public-page .hamad-process li{padding:24px}.public-page .hamad-contact{gap:28px}.public-page .hamad-contact h2{font-size:33px}.public-page .hamad-map{height:300px}
 .public-page .customer-main{padding:30px 18px 50px}.public-page .customer-heading h1{font-size:33px}.public-page .customer-metrics{gap:12px}.public-page .customer-metrics>div{padding:18px;border-radius:16px}.public-page .customer-panel,.public-page .customer-auth{padding:23px 19px}.public-page .customer-panel h2{font-size:25px}.public-page .customer-order,.public-page .customer-notification{padding:18px}
 .reference-owner .owner-main,.shell .content{padding:24px 16px 38px}.reference-owner .owner-header,.shell .topbar{min-height:72px}.reference-owner .owner-sidebar,.shell .sidebar{padding-inline:12px}.ref-panel,.shell .section{padding:20px}.ref-metric,.shell .metric,.owner-summary .metric{padding:17px!important;min-height:155px}.ref-metric-copy strong,.shell .metric strong{font-size:34px}.ref-metric-copy>span,.shell .metric-top{font-size:17px}.ref-metric-copy small,.shell .metric small{font-size:14px}.ref-primary-grid,.ref-bottom-grid{gap:18px}.ref-company-tabs{grid-template-columns:1fr}.reference-owner .owner-main>.page-heading h1,.shell .content .page-heading h1,.ref-topline h1{font-size:30px}.modal{border-radius:18px}.modal-head{padding:16px 18px}.modal-body{padding:20px 18px}.auth-form.surface{padding:28px 21px}.auth-title h1{font-size:31px}
}
@media(prefers-reduced-motion:reduce){.experience-ready *, .experience-ready *::before,.experience-ready *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.experience-copy>*{opacity:1;transform:none}.experience-hero .customer-video-background{transform:none}.experience-plane{transform:translate(250px,137px) scale(.43);opacity:1}.public-page .public-reveal{opacity:1;transform:none}}
/* Keep the small decorative ticket within its frame on narrow screens. */
@media(max-width:700px){.experience-passport .experience-ticket-line,.experience-passport .experience-ticket-foot{display:none}.experience-passport-note{padding-inline:3px;line-height:1.5}}

/* One circular hub; extend → show one phrase → hide → retract → next phrase. */
.experience-core{position:absolute;top:50%;left:50%;translate:-50% -50%;width:126px;height:126px;border:1px solid #ffffffc0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#fffffff5;color:var(--portal-accent);text-align:center;box-shadow:0 0 0 9px #ffffff08,0 0 0 10px #ffffff24,0 18px 50px #0002}
.experience-core>span{font-size:12px;opacity:.65}.experience-core strong{font-size:29px;line-height:1.05;font-weight:800}
.experience-callout-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.experience-callout-line{stroke:#ffffffb0;stroke-width:1.5;stroke-linecap:round;stroke-dasharray:104;stroke-dashoffset:104;animation:experience-callout-extend 12s cubic-bezier(.4,0,.2,1) infinite}
.experience-callout-text{position:absolute;left:50%;translate:-50% 0;text-align:center;width:90%;color:white;opacity:0;animation:experience-callout-label 12s ease infinite;pointer-events:none}
.experience-callout-text strong{display:block;font-size:26px;font-weight:700;line-height:1.3}.experience-callout-text>span{display:block;font-size:16px;line-height:1.6;opacity:.7;margin-top:4px}
.experience-callout-text.callout-first{top:3%}.experience-callout-text.callout-second{bottom:2%}
.experience-callout-line.callout-second,.experience-callout-text.callout-second{animation-delay:6s}
.experience-hero:not(.experience-in-view) .experience-callout-lines *,.experience-hero:not(.experience-in-view) .experience-callout-text{animation-play-state:paused!important}
@keyframes experience-callout-extend{0%,3%{stroke-dashoffset:104}12%,37%{stroke-dashoffset:0}47%,100%{stroke-dashoffset:104}}
@keyframes experience-callout-label{0%,12%{opacity:0;transform:translateY(6px)}17%,33%{opacity:1;transform:translateY(0)}37%,100%{opacity:0;transform:translateY(0)}}
@media(max-width:900px){.experience-core{width:100px;height:100px}.experience-core strong{font-size:25px}.experience-callout-text strong{font-size:23px}.experience-callout-text>span{font-size:14px}}
@media(max-width:700px){.experience-orbit{width:310px;max-width:100%;margin-block:8px}.experience-core{width:84px;height:84px;gap:5px;box-shadow:0 0 0 6px #ffffff08,0 0 0 7px #ffffff24,0 15px 35px #0002}.experience-core>span{font-size:10px}.experience-core strong{font-size:22px}.experience-callout-text strong{font-size:23px}.experience-callout-text>span{font-size:14px;margin-top:3px}.experience-callout-text.callout-first{top:0}.experience-callout-text.callout-second{bottom:0}}
@media(prefers-reduced-motion:reduce){.experience-callout-line.callout-first{stroke-dashoffset:0}.experience-callout-text.callout-first{opacity:1;transform:none}.experience-callout-line.callout-second,.experience-callout-text.callout-second{display:none}}