/* ALMISLAT — dual-mode editorial design system */
:root{color-scheme:dark;--bg:#131416;--surface:#1c1e20;--surface2:#222427;--fg:#f3efe9;--text2:#c8c3bb;--muted:#a29d95;--line:rgba(243,239,233,.16);--accent:#c28b68;--accent-soft:#eed1b7;--hero-ink:#f3efe9;--shadow:rgba(0,0,0,.35);--display:'Space Grotesk',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--ar:'Noto Sans Arabic',Tahoma,Arial,sans-serif;--ar-editorial:'Noto Naskh Arabic','Noto Sans Arabic',serif}
html[data-theme='light']{color-scheme:light;--bg:#f3f0e9;--surface:#faf8f3;--surface2:#eae4da;--fg:#201c1a;--text2:#50463d;--muted:#766960;--line:rgba(32,28,26,.2);--accent:#9d553d;--accent-soft:#b66c51;--hero-ink:#201c1a;--shadow:rgba(60,38,25,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--fg);font-family:var(--body);-webkit-font-smoothing:antialiased}body,button,a{transition:background-color .25s,color .25s,border-color .25s}body:lang(ar){font-family:var(--ar)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button, input, select{accent-color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(100% - 96px,1460px);margin-inline:auto}.skip-link{position:fixed;top:-80px;left:10px;padding:12px;background:var(--fg);color:var(--bg);z-index:999}.skip-link:focus{top:5px}.site-header{height:88px;position:sticky;z-index:50;top:0;background:color-mix(in srgb,var(--bg) 91%,transparent);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.identity{display:flex;gap:12px;align-items:center;white-space:nowrap}.identity-icon{display:grid;place-items:center;color:var(--accent);height:49px;width:36px;overflow:visible}.mini-lighthouse{width:38px;height:50px}.identity-name{font:700 16px var(--display);letter-spacing:-.05em}.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.3vw,39px)}.desktop-nav a{font:700 11px var(--body);letter-spacing:.14em;position:relative;padding:16px 0}.desktop-nav a:after{content:'';height:2px;position:absolute;left:0;right:100%;bottom:6px;background:var(--accent);transition:right .2s}.desktop-nav a:hover:after,.desktop-nav a[aria-current]:after{right:0}.header-actions{display:flex;gap:8px;align-items:center}.icon-action{background:transparent;border:1px solid var(--line);border-radius:99px;padding:11px 14px;font:700 11px var(--body);letter-spacing:.02em;white-space:nowrap;display:flex;align-items:center;gap:8px}.icon-action:hover{border-color:var(--accent)}.theme-symbol{font-size:18px;line-height:11px;color:var(--accent)}.menu-toggle{width:43px;height:43px;display:none;place-content:center;gap:6px;border:1px solid var(--line);border-radius:50%;background:none}.menu-toggle span{display:block;background:var(--fg);width:19px;height:2px}.mobile-nav{display:none}.eyebrow,.micro,.side-index{font:700 11px/1.5 var(--body);letter-spacing:.17em;text-transform:uppercase}.eyebrow{color:var(--muted)}.live-dot{display:inline-block;height:7px;width:7px;border-radius:50%;background:var(--accent);margin-inline-end:10px}.small-link,.text-button{font:700 12px var(--body);letter-spacing:.07em;border:0;background:none;padding:0;text-transform:uppercase;color:var(--fg)}.small-link:hover,.text-button:hover{color:var(--accent)}
/* logo artwork — independent identity, not the NEP artwork */
.tower-body{fill:var(--fg);stroke:var(--accent);stroke-width:3}.tower-flare,.lantern-glass,.tower-stripe{stroke:var(--bg);stroke-width:4;stroke-linecap:round}.tower-flare{stroke-width:2}.roof{fill:var(--accent)}.spire,.rail,.base{stroke:var(--fg);stroke-width:6;stroke-linecap:round}.lantern{fill:var(--fg);stroke:var(--accent);stroke-width:5}.lamp-core{fill:var(--accent-soft)}.mini-lighthouse .tower-body,.mini-lighthouse .lantern{fill:var(--accent)}.mini-lighthouse .spire,.mini-lighthouse .base,.mini-lighthouse .rail{stroke:var(--accent)}.mini-lighthouse .roof{fill:var(--fg)}
/* cinematic hero */
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 84% 28%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 38%),var(--bg)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(108deg,transparent 38%,color-mix(in srgb,var(--accent) 5%,transparent),transparent 72%);pointer-events:none}.hero-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:31px 18px;border-bottom:1px solid var(--line)}.hero-head .eyebrow{font-size:10px}.hero-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);min-height:645px;gap:4%;align-items:center}.hero-copy{padding:38px 0 70px;position:relative;z-index:2}.side-index{display:block;color:var(--accent);margin-bottom:25px;font-size:10px}.hero-name{font:700 clamp(75px,9.15vw,162px)/.85 var(--display);letter-spacing:-.105em;margin:0 0 46px;text-transform:uppercase}.hero-name span{display:block}.hero-name em{font-style:normal;color:var(--accent)}.hero-claim{font:600 clamp(24px,2.65vw,41px)/1.1 var(--display);letter-spacing:-.058em;max-width:790px;margin:0 0 16px}.hero-summary{font:500 clamp(16px,1.45vw,21px)/1.53 var(--body);color:var(--text2);max-width:650px;margin:0}.hero-cta{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:31px}.button-fill,.button-line{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;font:700 12px var(--body);letter-spacing:.1em;padding:15px 20px;text-transform:uppercase}.button-fill{background:var(--accent);color:var(--bg);border:1px solid var(--accent)}.button-fill:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.button-line{border-bottom:1px solid var(--accent);padding-inline:3px;color:var(--fg)}.button-line:hover{color:var(--accent)}.button-fill span,.button-line span{font-size:20px;line-height:12px}.hero-artbox{position:relative;height:580px;min-width:0;isolation:isolate;--beam-angle:-18deg}.hero-artbox:before{content:'';position:absolute;inset:8% 0 9%;border:1px solid var(--line);border-radius:46% 46% 18% 18%;transform:rotate(-8deg);opacity:.58}.hero-artbox:after{content:'';position:absolute;inset:13% 8%;background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 49%);z-index:-1}.hero-lighthouse{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%);height:470px;filter:drop-shadow(0 25px 35px var(--shadow));z-index:5}.large-lighthouse{height:100%;max-width:100%}.beam-halo{position:absolute;left:50%;top:34.5%;width:105px;height:105px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--accent-soft),color-mix(in srgb,var(--accent) 28%,transparent) 20%,transparent 75%);filter:blur(4px);opacity:.75;z-index:4}.lighthouse-beam{position:absolute;left:50%;top:34.5%;width:85vmax;height:190px;transform:translateY(-50%) rotate(var(--beam-angle));transform-origin:left center;clip-path:polygon(0 45%,100% 0,100% 100%,0 55%);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 25%,transparent) 0%,color-mix(in srgb,var(--accent) 12%,transparent) 34%,transparent 82%);filter:blur(6px);pointer-events:none;z-index:2;opacity:.9}.ambient-ring{position:absolute;left:50%;top:54%;border:1px solid color-mix(in srgb,var(--accent) 44%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg);pointer-events:none}.ring-one{width:430px;height:430px;opacity:.5}.ring-two{width:540px;height:290px;opacity:.25;transform:translate(-50%,-50%) rotate(27deg)}.terrain{position:absolute;left:0;right:0;bottom:8%;height:16%;border-radius:50% 50% 0 0;transform:rotate(-10deg);background:linear-gradient(178deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent 75%)}.terrain-back{bottom:10%;transform:rotate(10deg)}.visual-label{position:absolute;font:600 9px var(--body);letter-spacing:.16em;color:var(--muted);z-index:8}.visual-label-one{left:3%;bottom:14%}.visual-label-two{right:0;top:10%}.hero-floor{display:flex;align-items:center;gap:20px;font:700 10px var(--body);letter-spacing:.15em;color:var(--muted);padding-bottom:30px}.floor-line{height:1px;flex:1;background:var(--line)}
/* curated home modules */
.home-feature{padding:115px 0 104px;background:var(--surface)}.section-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.feature-heading{display:flex;justify-content:space-between;align-items:start;gap:65px;padding:45px 0 65px}.feature-heading h2,.statement-band h2,.closing-band h2{margin:0;font:600 clamp(48px,6.8vw,112px)/.98 var(--display);letter-spacing:-.08em;max-width:870px}.feature-heading p{max-width:370px;font:500 18px/1.65 var(--body);color:var(--text2);margin:9px 0 0}.feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.feature-card{display:block;position:relative;min-width:0}.feature-card:first-child{grid-row:span 2}.feature-visual{overflow:hidden;position:relative}.feature-visual .art{height:275px}.feature-card:first-child .art{height:620px}.feature-info{display:grid;grid-template-columns:minmax(0,1fr) 35px;align-items:end;gap:8px;padding:18px 0 28px;border-bottom:1px solid var(--line)}.feature-info>span:first-child{grid-column:1/-1;font:700 10px var(--body);letter-spacing:.1em;color:var(--accent)}.feature-info h3{font:600 clamp(23px,2.4vw,39px)/1.14 var(--display);letter-spacing:-.055em;margin:0}.feature-arrow{font-size:31px;align-self:center;transition:transform .25s}.feature-card:hover .feature-arrow{transform:translate(6px,-6px)}.feature-card:hover .art-orb{transform:translate(-50%,-50%) rotate(15deg) scale(1.07)}.feature-footnote{display:grid;grid-template-columns:1.1fr 1fr auto;align-items:center;gap:55px;border-top:1px solid var(--line);padding-top:36px;margin-top:55px}.feature-footnote>span{font:700 12px var(--body);letter-spacing:.15em}.feature-footnote p{font:500 19px/1.4 var(--body);color:var(--text2)}.feature-footnote a{font-size:41px;color:var(--accent)}.statement-band{padding:125px 0 115px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.statement-band h2{margin:35px 0 48px}.closing-band{padding:110px 0 85px;background:color-mix(in srgb,var(--accent) 10%,var(--bg))}.closing-band h2{margin:30px 0 48px}.closing-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.closing-bottom p{font:500 22px/1.5 var(--body);max-width:650px;color:var(--text2)}.circle-cta{display:grid;place-items:center;border:1px solid var(--accent);border-radius:50%;font-size:72px;width:144px;height:144px;color:var(--fg);transition:background .3s,transform .3s}.circle-cta:hover{background:var(--accent);color:var(--bg);transform:rotate(22deg)}
/* abstract art belongs to site, represents no official photographs */
.art{height:460px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 76% 18%,color-mix(in srgb,var(--accent) 45%,transparent),transparent 35%),linear-gradient(140deg,#18242e,#0a1119);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.art-ress{background:radial-gradient(circle at 75% 50%,rgba(53,161,180,.4),transparent 42%),linear-gradient(120deg,#0b2028,#0a1216)}.art-metro{background:radial-gradient(circle at 78% 0,rgba(218,202,162,.65),transparent 40%),linear-gradient(140deg,#233344,#0b1824)}.art-noor{background:radial-gradient(circle at 65% 42%,rgba(224,174,143,.65),transparent 35%),linear-gradient(120deg,#30223d,#141022)}.art-skilldeer{background:radial-gradient(circle at 28% 50%,rgba(237,187,134,.53),transparent 42%),linear-gradient(140deg,#343020,#121819)}.art-os{background:radial-gradient(circle at 80% 12%,rgba(95,159,142,.59),transparent 46%),linear-gradient(130deg,#18202b,#0b1219)}.art-orb{position:absolute;width:min(72%,520px);aspect-ratio:1;left:52%;top:52%;border-radius:50%;transform:translate(-50%,-50%) rotate(-12deg);border:clamp(30px,6vw,83px) solid rgba(255,255,255,.08);box-shadow:inset 0 0 0 2px rgba(255,255,255,.15),0 0 85px rgba(255,255,255,.06);transition:transform 700ms cubic-bezier(.2,.8,.2,1)}.art-track{position:absolute;left:-15%;top:22%;width:145%;height:53%;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(-26deg)}.art-track.second{transform:rotate(37deg);opacity:.55}.art-ticks{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:100% 48px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.art-micro{position:absolute;left:27px;top:26px;font:700 10px var(--body);letter-spacing:.19em;color:#f6f2eb}.art-watermark{position:absolute;right:-.04em;bottom:-.19em;font:700 clamp(180px,21vw,420px)/1 var(--display);letter-spacing:-.14em;color:rgba(255,255,255,.08)}.art-small .art-watermark{font-size:clamp(120px,17vw,270px)}.art-ress .art-orb{border-radius:14%;transform:translate(-50%,-50%) rotate(32deg)}.art-metro .art-track{border-radius:8%;transform:rotate(-24deg)}.art-noor .art-orb{box-shadow:0 0 75px 10px rgba(231,156,174,.18),inset 0 0 80px rgba(249,199,205,.2)}.art-os .art-orb{border-style:double}
/* shared page types */
.inner-hero{padding:135px 0 70px;border-bottom:1px solid var(--line)}.inner-hero h1{font:600 clamp(70px,9.4vw,166px)/.96 var(--display);letter-spacing:-.085em;max-width:1250px;margin:34px 0 43px}.inner-lede{max-width:815px;font:500 clamp(19px,2vw,28px)/1.55 var(--body);color:var(--text2);margin:0}.work-gallery{padding:58px 0 115px}.filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:40px}.filters button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:13px 18px;font:700 11px var(--body);letter-spacing:.08em}.filters button[aria-pressed=true]{background:var(--accent);color:var(--bg);border-color:var(--accent)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 20px}.work-card{display:block;min-width:0}.work-card[hidden]{display:none!important}.work-card-art .art{height:415px}.work-card-info{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-top:24px}.work-card-info .micro{color:var(--accent);font-size:10px}.work-card-info h2{font:600 clamp(28px,3vw,52px)/1.1 var(--display);letter-spacing:-.06em;margin:18px 0 12px}.work-card-info p{color:var(--text2);font:500 17px/1.5 var(--body);margin:0;max-width:530px}.work-arrow{font-size:38px;align-self:center;transition:transform .2s}.work-card:hover .work-arrow{transform:translate(7px,-7px)}.status-pill{display:inline-block;margin:8px 0 0;padding:6px 10px;border:1px solid var(--accent);color:var(--accent);font:700 10px var(--body);letter-spacing:.05em}.fineprint{font:500 13px/1.7 var(--body);color:var(--muted);max-width:920px;margin-top:50px}.impact-data{padding:0 0 85px}.impact-row{border-bottom:1px solid var(--line);padding:62px 0;display:grid;grid-template-columns:1.2fr 1fr auto;gap:50px;align-items:center}.impact-number{font:600 clamp(90px,11vw,185px)/.9 var(--display);letter-spacing:-.1em}.impact-row h2{font:500 clamp(22px,2.25vw,34px)/1.25 var(--display);letter-spacing:-.04em;margin:13px 0 0}.impact-arrow{font-size:42px;color:var(--accent)}.impact-outro{padding:110px 0 120px;background:var(--surface)}.impact-outro h2{font:600 clamp(55px,7vw,118px)/1 var(--display);letter-spacing:-.075em;max-width:1020px}.impact-outro p:last-child{font:500 24px/1.5 var(--body);color:var(--text2);max-width:750px}.about-body{padding:100px 0 150px}.about-quote{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:120px}.about-quote h2{font:600 clamp(54px,6vw,105px)/1 var(--display);letter-spacing:-.08em;grid-column:1;max-width:750px;margin:20px 0}.about-quote p{font:500 clamp(20px,2vw,27px)/1.6 var(--body);color:var(--text2);grid-column:2;grid-row:2;max-width:660px;margin:25px 0 0}.timeline h2{margin:0 0 28px}.timeline-row{display:grid;grid-template-columns:.8fr 1fr;gap:60px;padding:33px 0;border-top:1px solid var(--line)}.timeline-row>span{font:700 14px var(--body);color:var(--accent)}.timeline-row p{font:500 20px/1.55 var(--body);margin:0;max-width:730px}.contact-main{min-height:calc(100svh - 230px);border:0}.contact-methods{margin-top:100px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.contact-methods>div{padding:24px 0;border-top:1px solid var(--line)}.contact-value{font:500 clamp(20px,2.6vw,39px)/1.7 var(--display);letter-spacing:-.035em;display:block;overflow-wrap:anywhere;margin:15px 0}.text-button{font-size:11px;color:var(--accent)}.case-intro{padding:98px 0 65px}.case-heading{padding:45px 0 65px}.case-heading h1{font:600 clamp(68px,9vw,150px)/.97 var(--display);letter-spacing:-.08em;margin:30px 0}.case-heading p{font:500 clamp(20px,2vw,30px)/1.45 var(--body);color:var(--text2);max-width:940px}.case-intro .art{height:min(66vw,650px)}.case-story{padding:50px 0 130px}.story-row{display:grid;grid-template-columns:.5fr 1.5fr;gap:60px;border-bottom:1px solid var(--line);padding:45px 0}.story-row span{font:700 11px var(--body);letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.story-row p{font:500 clamp(20px,2.1vw,30px)/1.54 var(--body);max-width:900px;margin:0}.case-next{display:block;padding:95px 0;background:var(--surface)}.case-next h2{font:600 clamp(45px,6vw,100px)/1.1 var(--display);letter-spacing:-.07em}.site-footer{border-top:1px solid var(--line);padding:42px 0}.site-footer .wrap{display:flex;justify-content:space-between;align-items:start;gap:35px;flex-wrap:wrap}.site-footer span{font:700 11px var(--body);letter-spacing:.07em}.site-footer p{color:var(--muted);font:500 12px/1.6 var(--body);max-width:440px;margin:0}.page-transition{visibility:hidden;position:fixed;inset:0;z-index:500;background:var(--accent);transform:translateY(101%);pointer-events:none;transition:transform .25s cubic-bezier(.68,0,.3,1)}body.page-leaving .page-transition{visibility:visible;transform:translateY(0)}
/* Arabic is independently composed, not a mirrored English skeleton */
:lang(ar) .identity-name{font:700 17px var(--ar)}:lang(ar) .desktop-nav a,:lang(ar) .eyebrow,:lang(ar) .small-link,:lang(ar) .micro,:lang(ar) .side-index{font-family:var(--ar);letter-spacing:0}:lang(ar) .icon-action,:lang(ar) .button-fill,:lang(ar) .button-line,:lang(ar) .filters button{font-family:var(--ar);letter-spacing:0}:lang(ar) .hero-stage{grid-template-columns:minmax(0,1.06fr) minmax(340px,.94fr)}:lang(ar) .hero-name{font:800 clamp(76px,9vw,161px)/1.15 var(--ar);letter-spacing:-.055em;margin-bottom:20px;text-transform:none}:lang(ar) .hero-claim{font:600 clamp(32px,3.3vw,53px)/1.4 var(--ar-editorial);letter-spacing:0;margin-bottom:2px;color:var(--accent-soft)}:lang(ar) .hero-summary{font:500 clamp(19px,1.65vw,24px)/1.9 var(--ar);max-width:640px}:lang(ar) .hero-copy{padding-block:10px 65px}:lang(ar) .hero-cta{margin-top:35px}:lang(ar) .hero-artbox .ambient-ring{transform:translate(-50%,-50%) rotate(14deg)}:lang(ar) .hero-head .eyebrow{letter-spacing:0}:lang(ar) .feature-heading h2,:lang(ar) .closing-band h2,:lang(ar) .statement-band h2,:lang(ar) .inner-hero h1,:lang(ar) .about-quote h2,:lang(ar) .case-heading h1,:lang(ar) .case-next h2,:lang(ar) .impact-outro h2{font-family:var(--ar);letter-spacing:-.05em;line-height:1.35}:lang(ar) .feature-heading h2{font-size:clamp(50px,5.6vw,85px)}:lang(ar) .feature-heading p,:lang(ar) .hero-summary,:lang(ar) .inner-lede,:lang(ar) .about-quote p,:lang(ar) .timeline-row p,:lang(ar) .story-row p{font-family:var(--ar)}:lang(ar) .feature-info h3,:lang(ar) .work-card-info h2,:lang(ar) .impact-row h2,:lang(ar) .timeline-row>span,:lang(ar) .contact-value{font-family:var(--ar);letter-spacing:0}:lang(ar) .feature-footnote>span,:lang(ar) .feature-footnote p,:lang(ar) .feature-heading p,:lang(ar) .closing-bottom p{font-family:var(--ar);letter-spacing:0}:lang(ar) .inner-hero h1{font-size:clamp(65px,7.4vw,124px)}:lang(ar) .impact-number{font-family:var(--ar);letter-spacing:-.06em}:lang(ar) .art{direction:ltr}:lang(ar) .work-card-info .micro,:lang(ar) .status-pill{font-family:var(--ar);letter-spacing:0}:lang(ar) .work-card-info p,:lang(ar) .fineprint,:lang(ar) .site-footer span,:lang(ar) .site-footer p{font-family:var(--ar)}
@media(max-width:1180px){.wrap{width:min(100% - 62px,1460px)}.desktop-nav{gap:16px}.hero-stage{grid-template-columns:1fr 390px;gap:0}.hero-name{font-size:clamp(76px,8.8vw,130px)}.hero-artbox{height:490px}.hero-lighthouse{height:390px}.home-feature{padding-top:95px}.feature-heading{gap:40px}.feature-heading p{font-size:17px}}
@media(max-width:900px){.desktop-nav{display:none}.menu-toggle{display:grid}.mobile-nav{display:grid;position:fixed;z-index:49;left:0;right:0;top:78px;padding:25px 35px 40px;background:var(--surface);transform:translateY(-125%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s;box-shadow:0 15px 35px var(--shadow)}.mobile-nav.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav a{font:600 36px var(--display);letter-spacing:-.04em;padding:12px 0;border-bottom:1px solid var(--line)}.mobile-nav span{font:600 11px var(--body);color:var(--accent);margin-inline-end:20px}.site-header{height:78px}.hero-stage,:lang(ar) .hero-stage{grid-template-columns:minmax(0,1fr) 300px}.hero-name{font-size:clamp(68px,9vw,112px)}.hero-claim{font-size:29px}.hero-artbox{height:420px}.hero-lighthouse{height:310px}.beam-halo,.lighthouse-beam{top:34.5%}.ring-one{width:290px;height:290px}.ring-two{width:350px;height:180px}.feature-grid{grid-template-columns:1fr}.feature-card:first-child{grid-row:auto}.feature-card:first-child .art{height:430px}.feature-heading{display:block}.feature-heading p{margin-top:24px}.feature-footnote{grid-template-columns:1fr 1fr}.feature-footnote a{display:none}.about-quote{grid-template-columns:1fr}.about-quote p{grid-column:1;grid-row:3}.impact-row{grid-template-columns:1fr 1fr auto}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.site-header{height:70px}.header-row{gap:8px}.identity-name{font-size:13px}.identity-icon{height:44px;width:28px}.mini-lighthouse{height:41px;width:30px}.header-actions{gap:5px}.icon-action{padding:9px;font-size:10px}.lang-toggle{font-size:10px}.menu-toggle{width:37px;height:37px}.mobile-nav{top:70px}.hero-head{padding-top:22px;align-items:start}.hero-head-right{display:none}.hero-stage,:lang(ar) .hero-stage{grid-template-columns:1fr;display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding:64px 0 15px}.hero-name{font-size:clamp(66px,15.5vw,115px);margin-bottom:32px}.hero-claim{font-size:27px}.hero-summary{font-size:17px}.hero-cta{gap:18px}.button-fill,.button-line{font-size:11px;min-height:49px;padding:13px 15px}.hero-artbox{height:360px;margin:-10px auto 0;width:min(100%,410px)}.hero-lighthouse{height:310px}.hero-floor{padding-top:10px}.home-feature{padding:68px 0}.feature-heading{padding:38px 0 42px}.feature-heading h2{font-size:clamp(43px,11vw,75px)}.feature-heading p{font-size:16px}.feature-card:first-child .art,.feature-visual .art{height:275px}.feature-grid{gap:25px}.feature-info h3{font-size:27px}.feature-footnote{display:block;margin-top:35px}.feature-footnote p{font-size:17px}.statement-band,.closing-band{padding:75px 0}.statement-band h2,.closing-band h2{font-size:clamp(49px,11vw,78px)}.circle-cta{width:83px;height:83px;font-size:44px;flex-shrink:0}.closing-bottom p{font-size:17px}.inner-hero{padding:94px 0 59px}.inner-hero h1{font-size:clamp(56px,12vw,90px);margin:29px 0}.inner-lede{font-size:18px}.work-gallery{padding-top:35px}.filters{gap:6px}.filters button{padding:10px 12px;font-size:10px}.work-grid{grid-template-columns:1fr}.work-card-art .art{height:285px}.work-card-info h2{font-size:31px}.work-card-info p{font-size:15px}.impact-row{grid-template-columns:1fr auto;gap:12px;padding:45px 0}.impact-number{font-size:clamp(85px,18vw,140px);grid-column:1/-1}.impact-row h2{font-size:22px}.impact-outro{padding:76px 0}.impact-outro h2{font-size:53px}.impact-outro p:last-child{font-size:18px}.about-body{padding:75px 0}.about-quote{padding-bottom:70px}.about-quote h2{font-size:53px}.about-quote p{font-size:18px}.timeline-row{grid-template-columns:1fr;gap:10px;padding:22px 0}.timeline-row p{font-size:18px}.contact-methods{grid-template-columns:1fr;gap:14px;margin-top:65px}.contact-value{font-size:clamp(19px,5vw,28px)}.case-intro{padding:65px 0 38px}.case-heading{padding-bottom:35px}.case-heading h1{font-size:54px}.case-heading p{font-size:19px}.case-intro .art{height:300px}.story-row{grid-template-columns:1fr;gap:12px;padding:28px 0}.story-row p{font-size:19px}.case-next h2{font-size:40px}.site-footer .wrap{display:grid;gap:10px}.site-footer{padding:32px 0}:lang(ar) .hero-copy{padding-top:45px}:lang(ar) .hero-name{font-size:clamp(68px,15vw,103px);line-height:1.26;margin-bottom:8px}:lang(ar) .hero-claim{font-size:clamp(28px,7vw,43px)}:lang(ar) .hero-summary{font-size:17px;line-height:2}:lang(ar) .feature-heading h2{font-size:clamp(48px,11vw,72px)}:lang(ar) .inner-hero h1{font-size:clamp(52px,10.5vw,85px)}:lang(ar) .work-card-info h2{font-size:26px}:lang(ar) .impact-number{font-size:clamp(72px,16vw,120px)}}
@media(max-width:380px){.identity-name{font-size:12px}.icon-action{padding:8px}.lang-toggle{font-size:9px}.theme-label{display:none}.hero-name{font-size:16vw}.hero-artbox{height:330px}.hero-lighthouse{height:280px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.page-transition{display:none}.lighthouse-beam{transform:translateY(-50%) rotate(-18deg)}}


/* V4.1 — calmer master homepage: hero + curated navigation, no project cards. */
.home-index{padding:76px 0 94px;background:var(--surface)}
.home-index-intro{display:grid;grid-template-columns:.45fr 1fr;gap:40px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:29px}
.home-index-intro .eyebrow{padding-top:10px}.home-index-intro>div{display:flex;justify-content:space-between;align-items:start;gap:35px}
.home-index-intro h2{font:650 clamp(24px,2.4vw,36px)/1.2 var(--display);letter-spacing:-.05em;margin:0}
.home-index-intro p{font:500 clamp(15px,1.25vw,18px)/1.65 var(--body);max-width:440px;margin:0;color:var(--text2)}
.home-index-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--line)}
.home-index-card{display:flex;flex-direction:column;gap:20px;justify-content:space-between;min-height:250px;padding:32px 30px 29px;border-inline-end:1px solid var(--line);transition:background .25s ease,padding .25s ease}
.home-index-card:last-child{border-inline-end:0}.home-index-card:hover{background:color-mix(in srgb,var(--accent) 7%,transparent)}
.home-index-kicker{font:700 10px/1.5 var(--body);letter-spacing:.12em;color:var(--accent)}
.home-index-card strong{font:700 clamp(29px,3vw,51px)/1.1 var(--display);letter-spacing:-.07em;display:block}
.home-index-bottom{display:flex;align-items:end;justify-content:space-between;gap:10px;color:var(--text2);font:500 13px/1.45 var(--body)}
.home-index-arrow{font:400 24px var(--display);color:var(--accent);transition:transform .25s ease}.home-index-card:hover .home-index-arrow{transform:translate(3px,-3px)}
:lang(ar) .home-index-intro{grid-template-columns:.3fr 1fr}
:lang(ar) .home-index-intro>div{flex-direction:column;gap:10px}
:lang(ar) .home-index-intro h2{font:700 clamp(25px,2.8vw,40px)/1.5 var(--ar);letter-spacing:0}
:lang(ar) .home-index-intro p{font:500 17px/1.85 var(--ar);max-width:650px}
:lang(ar) .home-index-kicker{font-family:var(--ar);letter-spacing:0}
:lang(ar) .home-index-card strong{font:800 clamp(32px,3.3vw,58px)/1.38 var(--ar);letter-spacing:0}
:lang(ar) .home-index-bottom{font:500 13px/1.8 var(--ar)}
:lang(ar) .home-index-arrow{transform:scaleX(-1)}
:lang(ar) .home-index-card:hover .home-index-arrow{transform:scaleX(-1) translate(3px,-3px)}
/* Readable fully localized Arabic, display words use full Arabic rhythm. */
:lang(ar) .desktop-nav a{font-size:13px;font-weight:700}
:lang(ar) .hero-claim{line-height:1.55}
:lang(ar) .site-footer .wrap{line-height:1.9}
/* Real sector breadth lives in About and Work. */
.event-experience{padding:70px 0 105px;background:var(--surface);border-top:1px solid var(--line)}
.event-experience-head{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start;margin-bottom:39px}
.event-experience-head h2{font:700 clamp(33px,4vw,61px)/1.12 var(--display);letter-spacing:-.06em;margin:0}
.event-experience-head p{font:500 17px/1.8 var(--body);color:var(--text2);margin:0;max-width:650px}
.event-name-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 28px}
.event-name-grid span{font:600 14px/1.5 var(--body);padding:22px 15px;border-top:1px solid var(--line);border-inline-end:1px solid var(--line)}
.event-name-grid span:nth-child(4n){border-inline-end:0}
:lang(ar) .event-experience-head h2{font:750 clamp(36px,4.3vw,66px)/1.35 var(--ar)}
:lang(ar) .event-experience-head p{font:500 18px/1.9 var(--ar)}
:lang(ar) .event-name-grid span{font:600 16px/1.7 var(--ar)}
/* Contact: channels and message templates rather than a visible phone number. */
.contact-main{padding-bottom:115px}
.contact-channel-section{margin-top:70px}
.contact-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:23px}
.contact-channel{min-height:172px;display:flex;align-items:flex-start;gap:16px;padding:26px 24px;border:1px solid var(--line);background:var(--surface);transition:transform .25s,border-color .25s,background .25s}
.contact-channel:hover{transform:translateY(-4px);border-color:var(--accent);background:var(--surface2)}
.contact-channel>svg{width:31px;height:31px;flex-shrink:0;color:var(--accent)}
.contact-channel span{display:grid;gap:8px;min-width:0}.contact-channel strong{font:700 22px/1.2 var(--display)}
.contact-channel small{font:500 13px/1.6 var(--body);color:var(--text2)}
.contact-channel b{margin-inline-start:auto;font-size:20px;font-weight:400;color:var(--accent)}
.message-template{margin-top:46px;padding:35px;border:1px solid var(--line);background:var(--surface)}
.message-header{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}
.message-header h2{font:700 clamp(25px,3vw,39px)/1.2 var(--display);letter-spacing:-.05em;margin:9px 0}
.message-header p{font:500 15px/1.7 var(--body);max-width:580px;color:var(--text2);margin:0}
.template-options{display:flex;flex-wrap:wrap;gap:9px}
.template-options button{background:transparent;border:1px solid var(--line);padding:12px 16px;font:600 12px var(--body)}
.template-options button[aria-pressed='true']{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.message-preview{width:100%;resize:vertical;min-height:170px;display:block;padding:22px;color:var(--fg);background:var(--bg);border:1px solid var(--line);font:500 16px/1.8 var(--body);outline-color:var(--accent)}
.template-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:22px}
.template-status{font-size:13px;color:var(--accent);min-height:1.5em;margin:12px 0 0}
:lang(ar) .contact-channel strong{font-family:var(--ar);font-size:24px}
:lang(ar) .contact-channel small,:lang(ar) .message-header p,:lang(ar) .template-options button{font-family:var(--ar)}
:lang(ar) .message-header h2{font:750 32px var(--ar);letter-spacing:0}
:lang(ar) .message-preview{font:500 18px/2 var(--ar)}
/* Custom lighthouse-inspired circle cursor, fine mouse only; native cursor elsewhere. */
.site-cursor{position:fixed;z-index:9999;top:0;left:0;width:0;height:0;pointer-events:none;opacity:0;will-change:transform;transition:opacity .18s}
.site-cursor.visible{opacity:1}.site-cursor-ring{position:absolute;left:-17px;top:-17px;border:1px solid var(--accent);width:34px;height:34px;border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 16%,transparent);transition:width .22s,height .22s,left .22s,top .22s,background .22s}
.site-cursor-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;position:absolute;top:-2.5px;left:-2.5px}
.site-cursor.is-hovering .site-cursor-ring{left:-24px;top:-24px;width:48px;height:48px;background:color-mix(in srgb,var(--accent) 10%,transparent)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){html.custom-cursor-active,html.custom-cursor-active body,html.custom-cursor-active a,html.custom-cursor-active button{cursor:none}html.custom-cursor-active textarea{cursor:text}}
@media(max-width:1100px){.home-index-grid{grid-template-columns:repeat(2,1fr)}.home-index-card:nth-child(2){border-inline-end:0}.home-index-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.event-name-grid{grid-template-columns:repeat(3,1fr)}.event-name-grid span:nth-child(4n){border-inline-end:1px solid var(--line)}.event-name-grid span:nth-child(3n){border-inline-end:0}}
@media(max-width:760px){.home-index{padding:55px 0 64px}.home-index-intro,.event-experience-head{grid-template-columns:1fr;gap:14px}.home-index-intro>div{display:block}.home-index-intro p{margin-top:15px}.home-index-card{padding:26px 17px;min-height:206px}.home-index-card strong{font-size:31px}.home-index-bottom{font-size:12px}.contact-channel-grid{grid-template-columns:1fr}.contact-channel{min-height:118px}.message-header{display:block}.template-options{margin-top:18px}.message-template{padding:22px}.event-name-grid{grid-template-columns:repeat(2,1fr)}.event-name-grid span:nth-child(3n){border-inline-end:1px solid var(--line)}.event-name-grid span:nth-child(2n){border-inline-end:0}}
@media(max-width:420px){.home-index-grid{grid-template-columns:1fr}.home-index-card{border-inline-end:0!important;border-bottom:1px solid var(--line);min-height:163px}.home-index-card:nth-last-child(1){border-bottom:0}.home-index-card strong{font-size:33px}.event-name-grid span{font-size:13px}}

/* ALMISLAT V4.2 — portfolio imagery, RCRC project grouping, refinement */
.hero{overflow:visible;isolation:isolate}
.hero-stage{position:relative;isolation:unset}
.hero-artbox{isolation:unset;overflow:visible}
.hero-artbox:before{pointer-events:none}
.lighthouse-beam{width:min(92vw,1250px);height:clamp(145px,18vw,265px);clip-path:polygon(0 47%, 100% 0,100% 100%,0 53%);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 19%,transparent) 0%,color-mix(in srgb,var(--accent) 11%,transparent) 28%,transparent 92%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 14%,transparent 85%);mask-image:linear-gradient(90deg,#000 0%,#000 14%,transparent 85%);opacity:.82;z-index:1;filter:blur(10px)}
.hero-lighthouse{z-index:3}
.hero-copy{z-index:4}
.home-index{position:relative;z-index:4}
.hero-name-accent{color:var(--accent-soft)}
:root[data-theme='light'] .hero-name-accent{color:var(--accent)}
.hero-name-accent em{color:var(--text)}
.hero-claim .claim-accent{color:var(--accent)}
:lang(ar) .hero-claim .claim-accent{display:block}
:lang(ar) .hero-name-accent{color:var(--accent-soft)}
:root[data-theme='light']:lang(ar) .hero-name-accent{color:var(--accent)}
/* Keep a real, visible cursor, with a custom ring symbol and a subtle halo. */
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 html.custom-cursor-active,html.custom-cursor-active body,html.custom-cursor-active a,html.custom-cursor-active button{cursor:url('./cursor.svg') 14 14,auto!important}
 html.custom-cursor-active textarea{cursor:text!important}
 .site-cursor{opacity:.35}
 .site-cursor-ring{width:28px;height:28px;left:-14px;top:-14px;opacity:.58}
 .site-cursor-dot{display:none}
}
.case-media-cover,.work-card-art{position:relative;overflow:hidden;background:var(--surface)}
.case-media-cover .media-figure,.work-card-art .media-figure{height:100%;margin:0;position:relative}
.case-media-cover .media-figure{height:min(62vw,640px);min-height:360px}
.case-media-cover.cover-small .media-figure{height:415px;min-height:0}
.project-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .65s ease;max-width:none}
.work-card:hover .project-photo{transform:scale(1.035)}
.media-figure{min-width:0;margin:0}
.media-figure figcaption{font-size:12px;line-height:1.6;color:var(--text2);padding:13px 0}
.case-media-cover .media-figure figcaption{padding:16px 2px}
.cover-small .media-figure figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 15px;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.77),transparent);font-size:11px}
.media-credit{font-weight:650}
.media-figure a{text-decoration:underline;text-underline-offset:3px;color:inherit}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:65px 0 20px}
.case-gallery .media-figure{background:var(--surface);overflow:hidden;border:1px solid var(--line)}
.case-gallery .media-figure img{display:block;width:100%;height:370px;object-fit:cover;background:var(--surface2)}
.case-gallery .media-figure figcaption{padding:14px 16px}
.rcrc-children{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:17px}
.rcrc-children a{display:flex;gap:16px;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:18px 17px;transition:border-color .25s,background .25s}
.rcrc-children a:hover{border-color:var(--accent);background:var(--surface)}
.rcrc-children strong{font:650 16px/1.4 var(--body)}
.rcrc-children span{font:600 11px var(--body);color:var(--accent)}
.rcrc-parent-note{background:var(--surface);border-inline-start:3px solid var(--accent);padding:13px 20px;margin-top:22px;color:var(--text);font-size:14px}
.case-children{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:22px 0 0}
.case-children a{padding:25px;border:1px solid var(--line);font-size:22px;font-weight:700}
.case-children a:hover{border-color:var(--accent);color:var(--accent)}
.about-portrait{grid-column:1;grid-row:2/4;width:min(100%,360px);height:410px;overflow:hidden;border-radius:0 100px 0 0;border:1px solid var(--line)}
.about-portrait img{width:100%;height:100%;object-fit:cover;object-position:center top}
.about-quote{grid-template-columns:minmax(240px,.55fr) minmax(0,1fr);gap:32px 45px}
.about-quote>span.eyebrow{grid-column:2;grid-row:1}
.about-quote>h2{grid-column:2;grid-row:2}
.about-quote>p{grid-column:2;grid-row:3}
.inner-hero{position:relative;overflow:hidden}
.inner-hero:after{content:'';pointer-events:none;position:absolute;inset-block:20px auto;inset-inline-end:5%;width:min(24vw,270px);height:320px;background:url('./favicon.svg') center/contain no-repeat;opacity:.11;filter:drop-shadow(0 0 15px var(--accent))}
.case-intro{position:relative}
.case-intro:before{content:'';position:absolute;inset-inline-end:5%;top:55px;width:140px;height:165px;background:url('./favicon.svg') center/contain no-repeat;opacity:.17;pointer-events:none}
.footer-lighthouse{display:block;flex:0 0 40px}
.footer-beacon{width:40px;height:50px}
.site-footer .wrap{align-items:center}
@media(max-width:900px){.about-quote{grid-template-columns:1fr}.about-portrait{grid-column:1;grid-row:2;width:280px;height:320px}.about-quote>span.eyebrow{grid-column:1;grid-row:1}.about-quote>h2{grid-column:1;grid-row:3}.about-quote>p{grid-column:1;grid-row:4}}
@media(max-width:680px){.case-media-cover .media-figure,.case-media-cover.cover-small .media-figure{height:270px;min-height:0}.case-gallery,.rcrc-children,.case-children{grid-template-columns:1fr}.case-gallery .media-figure img{height:260px}.rcrc-children a{padding:16px}.case-children a{font-size:18px}.about-portrait{width:240px;height:290px}.hero-name-accent{color:var(--accent)}.lighthouse-beam{width:450px;height:155px;opacity:.52}.inner-hero:after{width:155px;height:175px;opacity:.07}.case-intro:before{width:80px;height:95px;opacity:.08}}
/* First project is deliberately prominent: NEP is the founder's flagship initiative. */
.work-card:first-child{grid-column:1/-1}
.work-card:first-child .case-media-cover.cover-small .media-figure{height:min(49vw,520px)}
.work-card:first-child .work-card-info h2{font-size:clamp(34px,4vw,62px)}
.work-card:first-child .work-card-info p{max-width:750px}
/* External archive photography is a preview reference and may require a connection. */
.media-figure.external-media{background:linear-gradient(125deg,#223143,#15151b);min-height:220px;position:relative}
.media-figure.external-media:before{content:'ARCHIVE / REFERENCE PHOTO';position:absolute;inset:0;display:flex;justify-content:center;align-items:center;color:rgba(255,255,255,.65);font:750 14px/1.5 var(--body);letter-spacing:.12em;pointer-events:none}
.media-figure.external-media img{position:relative;z-index:1}
@media(max-width:680px){.work-card:first-child .case-media-cover.cover-small .media-figure{height:300px}}

/* ==== V4 FINAL | lighthouse light stays beneath both home scenes ==== */
.home-main{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}
.home-main>.hero,.home-main>.home-index{position:relative;z-index:2;background:transparent}
.home-main>.hero:before{z-index:-1;opacity:.25}
.beacon-field{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;--beam-x:65%;--beam-y:360px;--beam-angle:-18deg}
.beacon-field-beam{position:absolute;left:var(--beam-x);top:var(--beam-y);width:max(140vw,1650px);height:clamp(170px,23vw,380px);transform:translateY(-50%) rotate(var(--beam-angle));transform-origin:0 50%;opacity:.94;background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 26%,transparent) 0%,color-mix(in srgb,var(--accent) 14%,transparent) 30%,color-mix(in srgb,var(--accent-soft) 5%,transparent) 66%,transparent 96%);clip-path:polygon(0 46%,100% 0,100% 100%,0 54%);filter:blur(17px);will-change:transform}
.beacon-field-bloom{position:absolute;left:var(--beam-x);top:var(--beam-y);width:180px;height:180px;transform:translate(-50%,-50%);background:radial-gradient(circle,color-mix(in srgb,var(--accent) 36%,transparent),transparent 70%);filter:blur(24px)}
.home-main .hero-stage{isolation:unset}.home-main .hero-artbox{isolation:unset}
.home-main .home-index-card{position:relative;isolation:isolate;overflow:hidden;background:color-mix(in srgb,var(--surface) 63%,transparent)}
.home-card-visual{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.11;filter:grayscale(.9) saturate(.5);transition:opacity .45s ease,transform .6s ease}
.home-index-card:hover .home-card-visual,.home-index-card:focus-visible .home-card-visual{opacity:.29;transform:scale(1.055)}
.home-index-card>*:not(.home-card-visual){position:relative;z-index:2}
.home-main .home-index{border-top:1px solid var(--line);backdrop-filter:blur(3px)}
.hero-artbox>.lighthouse-beam,.hero-artbox>.beam-halo{display:none}
@media(max-width:760px){.beacon-field-beam{opacity:.40;width:1100px;height:200px}.home-card-visual{opacity:.08}}
@media(prefers-reduced-motion:reduce){.beacon-field-beam{transform:translateY(-50%) rotate(-18deg)!important;will-change:auto}}
/* The native mouse pointer is retained for safe keyboard and pointer access. */
html.custom-cursor-active,html.custom-cursor-active body,html.custom-cursor-active a,html.custom-cursor-active button{cursor:auto!important}
.site-cursor{opacity:0!important}
.site-cursor.visible{opacity:.4!important}
.site-cursor-ring{border:1px solid var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 25%,transparent)}
/* Consistent lighthouse in all inner pages: no clipped or giant watermark. */
.inner-hero{isolation:isolate}
.inner-hero:after{width:clamp(65px,11vw,145px);height:clamp(100px,14vw,180px);inset-inline-end:7%;top:17%;opacity:.075;filter:none;background-size:contain;z-index:-1}
.case-intro:before{width:75px;height:120px;top:66px;opacity:.075;filter:none}
/* Editorial photo tiles for 6 selected event environments. */
.event-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0 32px}
.event-feature-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--bg);min-width:0}
.event-feature-photo{height:225px;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,var(--accent),var(--surface) 70%)}
.event-feature-photo img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.8);transition:transform .5s,filter .5s}
.event-feature-card:hover img{transform:scale(1.045);filter:saturate(1)}
.event-feature-info{display:grid;gap:9px;padding:17px 18px 19px}
.event-feature-info strong{font:700 19px/1.3 var(--body)}
.event-feature-info small{font:500 12px/1.55 var(--body);color:var(--text2)}
.event-feature-info a{font:600 11px/1.4 var(--body);color:var(--accent);text-decoration:underline;text-underline-offset:3px;justify-self:start}
.event-names-minor{grid-template-columns:repeat(3,1fr)}
:lang(ar) .event-feature-info strong{font-family:var(--ar);font-size:22px}
:lang(ar) .event-feature-info small,:lang(ar) .event-feature-info a{font-family:var(--ar);font-size:13px}
@media(max-width:990px){.event-feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.event-feature-grid{grid-template-columns:1fr}.event-feature-photo{height:210px}.event-names-minor{grid-template-columns:repeat(2,1fr)}}


/* V5.1 — Cohesive lighthouse artwork on internal pages.
   Replaces the low-contrast favicon watermark, while preserving headline legibility. */
.inner-hero::after,.case-intro::before{content:none!important;display:none!important}
.inner-hero,.case-intro{position:relative;isolation:isolate}
.inner-hero>.wrap,.case-intro>.wrap{position:relative;z-index:2}
.inner-beacon{position:absolute;top:clamp(105px,10vw,154px);inset-inline-end:clamp(48px,6.7vw,154px);width:clamp(230px,23vw,355px);height:clamp(310px,27vw,422px);z-index:1;pointer-events:none;opacity:1}
.inner-beacon-orbit{position:absolute;inset:1% 0 0;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:49% 48% 46% 50%;transform:rotate(18deg);opacity:.53}
.inner-beacon-glow{position:absolute;inset:10% 0 13%;background:radial-gradient(ellipse at 51% 36%,color-mix(in srgb,var(--accent) 19%,transparent),transparent 64%);filter:blur(7px)}
.inner-beacon-ray{position:absolute;left:52%;top:31%;width:clamp(180px,20vw,360px);height:112px;transform:translateY(-50%) rotate(-19deg);transform-origin:0 50%;clip-path:polygon(0 43%,100% 0,100% 100%,0 57%);background:linear-gradient(90deg,color-mix(in srgb,var(--accent-soft) 21%,transparent),color-mix(in srgb,var(--accent) 8%,transparent) 55%,transparent);opacity:.9;filter:blur(8px)}
.inner-beacon-art{position:absolute;inset:7% 18% 9%;display:grid;place-items:center;filter:drop-shadow(0 18px 28px var(--shadow))}
.inner-beacon-svg{height:100%;width:100%;display:block;overflow:visible}
.inner-beacon-ground{position:absolute;left:15%;right:15%;bottom:11%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 47%,transparent),transparent)}
/* Keep every page's hero composition intentionally balanced, including right-to-left pages. */
@media(min-width:1320px){.inner-hero>.wrap>h1{max-width:min(70%,1030px)}.inner-hero>.wrap>.inner-lede{max-width:min(66%,790px)}}
.case-intro>.inner-beacon{width:clamp(125px,12vw,190px);height:clamp(185px,17vw,270px);top:75px;inset-inline-end:clamp(46px,8vw,160px);opacity:.75}
.case-intro .inner-beacon-ray{height:68px;width:190px;opacity:.55}
.case-intro .inner-beacon-orbit{opacity:.32}
/* The light theme uses stronger copper details without filling the surrounding space. */
html[data-theme="light"] .inner-beacon-orbit{border-color:color-mix(in srgb,var(--accent) 36%,transparent)}
html[data-theme="light"] .inner-beacon-glow{opacity:.52}
html[data-theme="light"] .inner-beacon-ray{opacity:.42}
/* Tablet and small laptop: smaller emblem, no title overlay. */
@media(max-width:1319px){.inner-beacon{width:210px;height:285px;top:112px;inset-inline-end:4%;opacity:.55}.inner-beacon-ray{width:180px;opacity:.47}.inner-hero>.wrap>h1{max-width:calc(100% - 190px)}}
@media(max-width:900px){.inner-beacon{width:118px;height:170px;top:62px;inset-inline-end:4%;opacity:.42}.inner-beacon-ray{width:120px;height:65px;opacity:.25}.inner-hero>.wrap>h1{max-width:100%}.case-intro>.inner-beacon{top:45px;width:92px;height:135px;inset-inline-end:5%;opacity:.4}}
@media(max-width:600px){.inner-beacon{width:78px;height:118px;top:43px;inset-inline-end:6%;opacity:.36}.inner-beacon-orbit{opacity:.2}.inner-beacon-ray{display:none}.case-intro>.inner-beacon{width:58px;height:90px;top:50px;opacity:.32}.inner-hero>.wrap>h1{max-width:100%}}
@media(prefers-reduced-motion:reduce){.inner-beacon *{animation:none!important}}

/* V5.2 — Interactive rays on every internal hero, following the same physics as HOME.
   Render the beam behind content. Its source is the actual SVG lantern. */
.inner-beacon{
  --inner-beam-angle:165deg;
  overflow:visible;
}
html[dir="rtl"] .inner-beacon{--inner-beam-angle:15deg}
.inner-beacon-ray{
  width:clamp(350px,45vw,750px);
  height:clamp(105px,11vw,175px);
  transform:translateY(-50%) rotate(var(--inner-beam-angle));
  transform-origin:0 50%;
  will-change:transform;
  opacity:.70;
  clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--accent-soft) 23%,transparent) 0%,
    color-mix(in srgb,var(--accent) 12%,transparent) 28%,
    color-mix(in srgb,var(--accent) 4%,transparent) 70%,
    transparent 100%);
  filter:blur(12px);
}
.case-intro .inner-beacon-ray{
  width:clamp(280px,36vw,540px);
  height:100px;
  opacity:.48;
}
@media(max-width:900px){
 .inner-beacon-ray{width:clamp(260px,52vw,470px);height:105px;opacity:.38}
 .case-intro .inner-beacon-ray{width:300px;height:75px;opacity:.29}
}
@media(max-width:600px){
 /* Mobile: static subtle beam, no pointer-following or visual distraction */
 .inner-beacon-ray{display:none}
}
@media(prefers-reduced-motion:reduce){
 .inner-beacon-ray{will-change:auto}
}


/* V6 final polish — clear space for the beacon and strong typography */
@view-transition{navigation:auto}
html{scroll-behavior:smooth}
:focus-visible{outline:2px solid var(--accent)!important;outline-offset:4px}
main:not(.home-main){position:relative;overflow-x:clip;isolation:isolate}
.inner-hero{overflow:visible!important;isolation:unset!important;min-height:480px}
.case-intro{isolation:unset!important}
.inner-beacon{z-index:0;overflow:visible;contain:none}
.inner-hero>.wrap,.case-intro>.wrap{z-index:2;position:relative}
.inner-beacon-ray{filter:blur(13px);mix-blend-mode:screen;opacity:.52}
html[data-theme="light"] .inner-beacon-ray{mix-blend-mode:multiply;opacity:.32}
.inner-hero>.wrap>h1{max-width:min(74%,1070px);overflow-wrap:break-word;hyphens:auto}
.inner-hero>.wrap>.inner-lede{max-width:min(72%,790px)}
.case-intro .case-heading{padding-inline-end:clamp(140px,17vw,250px);min-width:0}
.case-intro .case-heading h1{font-size:clamp(51px,6.4vw,103px);line-height:1.02;max-width:100%;overflow-wrap:break-word;letter-spacing:-.065em}
.case-intro .case-heading p{max-width:760px}
.case-intro>.inner-beacon{z-index:0;opacity:.62;top:120px;inset-inline-end:3%;width:clamp(135px,14vw,205px);height:clamp(220px,18vw,290px)}
.case-intro .inner-beacon-ray{width:min(48vw,630px);height:120px}
.work-gallery,.impact-data,.about-body,.case-story{position:relative;z-index:1;background:transparent}
.case-media-cover img,.work-card-art img{width:100%;height:100%;object-fit:cover}
.event-feature-photo img{aspect-ratio:1200/760}
.event-feature-info small{max-width:400px}
.event-feature-card{box-shadow:0 9px 32px rgba(0,0,0,.11)}
.nep-deep-dive{border-block:1px solid var(--line);padding:clamp(70px,9vw,132px) 0;background:var(--surface)}
.nep-deep-dive h2{font:600 clamp(42px,5.8vw,89px)/1.1 var(--display);letter-spacing:-.065em;max-width:1050px;margin:24px 0}
.nep-deep-dive .nep-intro{font:500 clamp(19px,2vw,27px)/1.65 var(--body);color:var(--text2);max-width:870px}
.nep-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:68px 0 0;gap:18px}
.nep-pillars article{border:1px solid var(--line);padding:36px;min-width:0}
.nep-pillars article>span{font:700 14px var(--body);color:var(--accent)}
.nep-pillars h3{font:600 clamp(23px,2.3vw,35px)/1.25 var(--display);margin:22px 0}
.nep-pillars p{color:var(--text2);font:500 17px/1.75 var(--body)}
:lang(ar) .nep-deep-dive h2,:lang(ar) .nep-pillars h3{font-family:var(--ar);letter-spacing:0}
:lang(ar) .nep-deep-dive .nep-intro,:lang(ar) .nep-pillars p{font-family:var(--ar)}
@media(max-width:1050px){.inner-hero>.wrap>h1,.inner-hero>.wrap>.inner-lede{max-width:calc(100% - 135px)}.case-intro .case-heading{padding-inline-end:165px}.case-intro .case-heading h1{font-size:clamp(48px,6.4vw,78px)}}
@media(max-width:760px){.inner-hero{min-height:0}.inner-hero>.wrap>h1,.inner-hero>.wrap>.inner-lede{max-width:100%}.inner-beacon{opacity:.2!important;z-index:0;transform:scale(.8);transform-origin:top right}.inner-beacon-ray{display:none!important}.case-intro .case-heading{padding-inline-end:0}.case-intro .case-heading h1{font-size:clamp(39px,9.4vw,70px)}.case-intro>.inner-beacon{top:65px;opacity:.13!important;inset-inline-end:0}.nep-pillars{grid-template-columns:1fr;gap:12px}.nep-pillars article{padding:24px}.nep-deep-dive{padding:65px 0}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}html{scroll-behavior:auto}.inner-beacon-ray{will-change:auto;animation:none}}

/* V6.1 — Portfolio updates: cumulative scope and event photo references */
.impact-number-wide{font-size:clamp(48px,7vw,112px);letter-spacing:-.075em;line-height:1.05}
.impact-nolink{opacity:.22;font-size:28px}
.impact-disclosure{margin-top:26px;max-width:920px}
.event-feature-photo{background-position:center;background-size:cover;background-color:var(--surface);position:relative}
.event-feature-photo img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover}
.event-photo-credit{display:inline-block;color:var(--accent);font:600 11px/1.5 var(--body);margin-top:7px;text-decoration:underline;text-underline-offset:3px}
:lang(ar) .impact-number-wide{font-family:var(--ar);font-size:clamp(43px,6.4vw,103px);letter-spacing:-.03em}
:lang(ar) .impact-disclosure,:lang(ar) .event-photo-credit{font-family:var(--ar)}
@media(max-width:900px){.impact-number-wide{font-size:clamp(38px,8vw,72px)}}
@media(max-width:680px){.impact-number-wide,:lang(ar) .impact-number-wide{font-size:clamp(36px,9vw,62px)}.impact-row{gap:18px}}
/* Unified lighthouse wash: the beam and ambient shade continue behind section content,
   not trapped in a fixed decorative box. The foreground text remains fully opaque. */
.inner-hero::before,.case-intro::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:-30px 0 -160px;
  pointer-events:none;
  background:radial-gradient(ellipse 52% 46% at 21% 49%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 77%);
  opacity:.73;
}
html[dir="rtl"] .inner-hero::before,html[dir="rtl"] .case-intro::after{
  background:radial-gradient(ellipse 52% 46% at 79% 49%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 77%);
}
.inner-beacon-ray{width:clamp(420px,61vw,940px);height:clamp(125px,12vw,195px);opacity:.45}
.case-intro .inner-beacon-ray{width:min(62vw,800px);opacity:.36}
@media(max-width:760px){.inner-hero::before,.case-intro::after{inset:0;opacity:.32}.inner-beacon-ray{display:none!important}}

/* ALMISLAT V7 — executive homepage and three-field work architecture */
#profile,#journey,.work-sector{scroll-margin-top:106px}
.executive-profile,.executive-selected,.executive-journey,.executive-footer-cta{position:relative;z-index:4}
.executive-profile{padding:clamp(70px,8vw,132px) 0;background:var(--surface);border-top:1px solid var(--line)}
.executive-profile-grid{display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr);gap:clamp(40px,7vw,115px);align-items:center}
.executive-profile-photo{aspect-ratio:4/4.85;max-height:570px;border:1px solid var(--line);background:var(--surface2);overflow:hidden;position:relative;border-radius:2px 100px 2px 2px}
.executive-profile-photo:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px rgba(0,0,0,.08);pointer-events:none}
.executive-profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center 27%;display:block}
.executive-profile-copy{max-width:840px}
.executive-profile-copy h2,.executive-section-heading h2{font:650 clamp(34px,4.05vw,62px)/1.12 var(--display);letter-spacing:-.064em;margin:17px 0 26px}
.executive-profile-copy>p:not(.eyebrow){font:500 clamp(16px,1.45vw,20px)/1.75 var(--body);color:var(--text2);margin:0 0 18px}
.executive-credentials{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.executive-credentials span{border:1px solid var(--line);padding:12px 14px;font:650 12px/1.5 var(--body);color:var(--fg)}
.executive-selected{padding:clamp(70px,7.8vw,115px) 0;background:var(--bg)}
.executive-section-heading{display:grid;grid-template-columns:minmax(160px,.35fr) minmax(0,1fr);gap:28px 54px;align-items:start;padding-bottom:36px;border-bottom:1px solid var(--line);margin-bottom:40px}
.executive-section-heading .eyebrow{padding-top:13px;color:var(--accent)}
.executive-section-heading h2{margin:0 0 15px;max-width:860px}
.executive-section-heading p{margin:0;max-width:830px;color:var(--text2);font:500 17px/1.75 var(--body)}
.executive-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.executive-project{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .3s,border-color .3s}
.executive-project:hover,.sector-project:hover{transform:translateY(-4px);border-color:var(--accent)}
.executive-project-media,.sector-project-media{overflow:hidden;position:relative;background:var(--surface2)}
.executive-project-media .case-media-cover.cover-small .media-figure{height:245px;min-height:0}
.executive-project-media .case-media-cover.cover-small .media-figure figcaption,.sector-project-media .case-media-cover.cover-small .media-figure figcaption{display:none}
.executive-project-media .project-photo,.sector-project-media .project-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.executive-project:hover img,.sector-project:hover img{transform:scale(1.025)}
.executive-project-media:has(img[src*="nep-mark"]){background:#f7f6f4}
.executive-project-media img[src*="nep-mark"]{object-fit:contain!important;padding:20px;background:#f7f6f4;max-height:100%}
.executive-project-body{padding:27px 28px 25px;flex:1;display:flex;flex-direction:column;gap:13px}
.executive-project-body .eyebrow{color:var(--accent);font-size:10px}
.executive-project-body h3{font:650 clamp(22px,2.2vw,34px)/1.22 var(--display);letter-spacing:-.043em;margin:0}
.executive-project-body p{font:500 15px/1.62 var(--body);color:var(--text2);margin:0}
.project-cta{margin-top:auto;padding-top:25px;font:700 12px/1.5 var(--body);letter-spacing:.07em;display:flex;justify-content:space-between;color:var(--accent)}
.executive-section-link{display:inline-flex;border-bottom:1px solid var(--accent);padding:19px 0 8px;margin-top:30px;font:700 12px var(--body);letter-spacing:.075em}
.executive-journey{padding:clamp(70px,7vw,110px) 0;background:var(--surface);border-block:1px solid var(--line)}
.executive-time-list{border-top:1px solid var(--line)}
.executive-time-row{display:grid;grid-template-columns:minmax(170px,.23fr) minmax(0,1fr) 174px;gap:24px 46px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}
.executive-time-date{font:700 12px/1.8 var(--body);letter-spacing:.09em;color:var(--accent)}
.executive-time-text h3{font:650 clamp(21px,2.3vw,30px)/1.3 var(--display);letter-spacing:-.035em;margin:0 0 8px}
.executive-time-text p{font:500 15px/1.75 var(--body);color:var(--text2);max-width:820px;margin:0}
.time-case-link{font:700 11px var(--body);color:var(--accent);display:inline-block;margin-top:13px;letter-spacing:.08em}
.executive-time-photo{width:100%;height:115px;overflow:hidden;border:1px solid var(--line);background:var(--surface2);border-radius:2px}
.executive-time-photo img{display:block;width:100%;height:100%;object-fit:cover}
.executive-time-photo img[src*="nep-mark"]{object-fit:contain;background:#f7f6f4;padding:6px}
.executive-time-symbol{width:100%;height:112px;display:grid;place-items:center;border:1px solid var(--line);font:750 27px/1 var(--display);color:var(--accent);opacity:.57}
.executive-journey .fineprint{font-size:13px;margin-top:22px}
.executive-footer-cta{background:color-mix(in srgb,var(--accent) 7%,var(--bg));padding:80px 0 95px}
.executive-cta-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.executive-cta-grid h2{font:650 clamp(38px,5vw,75px)/1.05 var(--display);letter-spacing:-.07em;margin:18px 0 0}
.executive-cta-grid p{font:500 18px/1.7 var(--body);color:var(--text2);margin:0 0 30px}
/* Work sections; every project appears inside a clearly named field */
.work-sector-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px;max-width:1100px}
.work-sector-nav a{padding:19px 20px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 75%,transparent);font:700 13px/1.5 var(--body);display:flex;flex-direction:column;gap:9px;transition:border-color .25s,background .25s}
.work-sector-nav a:hover{border-color:var(--accent);background:var(--surface2)}
.work-sector-nav span{font:800 11px var(--body);color:var(--accent)}
.work-sectors{position:relative;z-index:2}
.work-sector{padding:clamp(55px,6.5vw,98px) 0;border-top:1px solid var(--line)}
.work-sector:nth-child(even){background:var(--surface)}
.sector-heading{display:grid;grid-template-columns:minmax(150px,.28fr) minmax(0,1fr);gap:25px 50px;padding-bottom:35px;border-bottom:1px solid var(--line);margin-bottom:40px}
.sector-heading h2{font:700 clamp(34px,4vw,62px)/1.17 var(--display);letter-spacing:-.06em;margin:0 0 15px;max-width:1050px}
.sector-heading p{font:500 17px/1.7 var(--body);color:var(--text2);max-width:920px;margin:0}
.sector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.sector-project{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--bg);transition:transform .3s,border-color .3s;min-width:0}
.work-sector:nth-child(odd) .sector-project{background:var(--surface)}
.sector-project-link{display:flex;flex-direction:column;min-width:0;flex:1}
.sector-project-media .case-media-cover.cover-small .media-figure{height:285px;min-height:0}
.sector-project-media .art{height:285px}
.sector-project-media .project-photo{max-height:285px}
.sector-project-logo .media-figure{background:#f7f6f4}
.sector-project-logo img[src*="nep-mark"]{object-fit:contain!important;padding:25px;background:#f7f6f4}
.sector-project-details{padding:26px 27px;display:flex;flex-direction:column;flex:1}
.sector-project-details .eyebrow{font-size:10px;letter-spacing:.06em;color:var(--accent)}
.sector-project-details h3{font:650 clamp(24px,2.6vw,37px)/1.22 var(--display);letter-spacing:-.043em;margin:11px 0 14px}
.sector-project-details p{font:500 16px/1.6 var(--body);color:var(--text2);margin:0}
.sector-project-view{display:block;border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font:700 11px var(--body);color:var(--accent);letter-spacing:.075em}
.sector-subprojects{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line)}
.sector-subprojects a{padding:18px 22px;font:700 13px/1.5 var(--body);color:var(--accent);border-inline-end:1px solid var(--line)}
.sector-subprojects a:last-child{border-inline-end:0}.sector-subprojects a:hover{text-decoration:underline}
.sector-crossover{font:500 15px/1.8 var(--body);color:var(--text2);margin-top:26px}
.sector-crossover a{color:var(--accent);font-weight:700}
.work-qualifier{margin:24px auto 80px}
/* First-class email form: works on static hosting after FormSubmit inbox verification. */
.direct-email{margin-top:70px;background:var(--surface);border:1px solid var(--line);padding:clamp(24px,4vw,46px)}
.direct-email-head h2{font:700 clamp(27px,3.1vw,46px)/1.2 var(--display);letter-spacing:-.055em;margin:10px 0}
.direct-email-head p{color:var(--text2);font:500 15px/1.7 var(--body);margin:0 0 24px}
.direct-email-form{display:flex;flex-direction:column;gap:19px}
.direct-email-form label{display:flex;flex-direction:column;gap:8px;font:700 11px/1.5 var(--body);letter-spacing:.055em;text-transform:uppercase}
.direct-email-form input,.direct-email-form textarea,.direct-email-form select{font:500 16px/1.5 var(--body);color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:14px 15px;width:100%;outline:none;min-width:0;max-width:100%;border-radius:1px}
.direct-email-form textarea{resize:vertical;min-height:144px}
.direct-email-form input:focus,.direct-email-form textarea:focus,.direct-email-form select:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 14%,transparent)}
.direct-email-form input::placeholder,.direct-email-form textarea::placeholder{color:var(--muted)}
.direct-email-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.direct-email-form button{align-self:flex-start;cursor:pointer}
.direct-email-privacy{color:var(--muted);font:500 12px/1.7 var(--body);margin:0}
.direct-email-status{color:var(--accent);font:700 13px/1.6 var(--body);margin:0}
.honey-field{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden;pointer-events:none}
/* Typography composed for Arabic, rather than mirrored English sizing. */
:lang(ar) .executive-profile-copy h2,:lang(ar) .executive-section-heading h2,:lang(ar) .sector-heading h2,:lang(ar) .executive-cta-grid h2{font-family:var(--ar);font-weight:800;letter-spacing:0;line-height:1.55}
:lang(ar) .executive-profile-copy>p:not(.eyebrow),:lang(ar) .executive-section-heading p,:lang(ar) .sector-heading p,:lang(ar) .executive-time-text p,:lang(ar) .executive-cta-grid p{font-family:var(--ar);line-height:1.95}
:lang(ar) .executive-project-body h3,:lang(ar) .executive-time-text h3,:lang(ar) .sector-project-details h3,:lang(ar) .direct-email-head h2{font-family:var(--ar);font-weight:800;line-height:1.5;letter-spacing:0}
:lang(ar) .executive-project-body p,:lang(ar) .sector-project-details p,:lang(ar) .direct-email-head p,:lang(ar) .direct-email-form label,:lang(ar) .direct-email-form input,:lang(ar) .direct-email-form textarea,:lang(ar) .direct-email-form select{font-family:var(--ar);letter-spacing:0;line-height:1.8}
:lang(ar) .work-sector-nav a,:lang(ar) .executive-time-date,:lang(ar) .executive-credentials span,:lang(ar) .sector-subprojects a{font-family:var(--ar);letter-spacing:0}
@media(max-width:1060px){
 .executive-profile-grid{gap:35px;grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr)}
 .executive-project-grid{gap:12px}.executive-project-body{padding:22px 19px}
 .executive-time-row{grid-template-columns:minmax(125px,.22fr) minmax(0,1fr) 130px;gap:25px}
 .work-sector-nav{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:760px){
 .executive-profile,.executive-selected,.executive-journey,.executive-footer-cta{padding:55px 0}
 .executive-profile-grid{grid-template-columns:1fr;gap:26px}
 .executive-profile-photo{width:min(100%,340px);max-height:460px;aspect-ratio:4/4.6}
 .executive-profile-copy h2{font-size:33px;margin:10px 0 18px}
 .executive-section-heading,.sector-heading{display:block;margin-bottom:27px;padding-bottom:25px}
 .executive-section-heading h2,.sector-heading h2{font-size:34px;margin-top:15px}
 .executive-project-grid,.sector-grid{grid-template-columns:1fr;gap:16px}
 .executive-project-media .case-media-cover.cover-small .media-figure{height:250px}
 .executive-time-row{grid-template-columns:1fr 96px;gap:7px 15px;padding:20px 0}
 .executive-time-date{grid-column:1/-1}
 .executive-time-text{grid-column:1}
 .executive-time-photo,.executive-time-symbol{grid-column:2;grid-row:2;height:80px;align-self:start}
 .executive-time-text h3{font-size:22px}
 .executive-time-text p{font-size:13px}
 .executive-cta-grid{grid-template-columns:1fr;gap:8px}
 .work-sector-nav{grid-template-columns:1fr;margin-top:22px}
 .work-sector-nav a{min-height:0}
 .work-sector{padding:58px 0}
 .sector-project-media .case-media-cover.cover-small .media-figure,.sector-project-media .art{height:245px}
 .direct-email-row{grid-template-columns:1fr;gap:15px}
 .direct-email{margin-top:44px}
}
@media(prefers-reduced-motion:reduce){.executive-project,.sector-project{transition:none}}
/* ALMISLAT V7.1 — three-field gateway, case index, and evidence-driven impact */
.work-hero .inner-lede{max-width:740px}
.field-gateway{padding:clamp(34px,5vw,72px) 0 clamp(84px,9vw,140px);position:relative;z-index:2}
.field-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.field-tile{display:flex;flex-direction:column;position:relative;min-height:580px;background:var(--surface2);overflow:hidden;border:1px solid var(--line);isolation:isolate;transition:transform .32s ease,border-color .32s ease}
.field-tile:hover,.field-tile:focus-visible{transform:translateY(-5px);border-color:var(--accent)}
.field-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2;filter:saturate(.76) contrast(1.04);transition:transform .5s ease,filter .5s ease}
.field-tile:hover img{transform:scale(1.055);filter:saturate(.98) contrast(1.05)}
.field-tile-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,13,17,.08),rgba(12,13,16,.58) 35%,rgba(9,10,13,.97) 100%)}
.field-tile-text{display:flex;flex-direction:column;justify-content:end;gap:16px;min-height:580px;padding:36px 31px 33px;color:#f7f3ee}
.field-tile-text .eyebrow{color:#e1b796;font-size:11px}
.field-tile-text>strong{font:700 clamp(29px,2.8vw,46px)/1.25 var(--display);letter-spacing:-.05em;max-width:425px}
.field-tile-desc{font:500 16px/1.65 var(--body);color:#e9e4de;min-height:56px}
.field-tile-cta{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid #ffffff52;padding-top:19px;font:700 12px/1.6 var(--body);letter-spacing:.05em;color:#efd3bb}
.field-tile-cta>span{font-size:25px}
.field-detail-hero .small-link{display:inline-block;margin-bottom:45px;color:var(--accent)}
.field-detail-hero h1{max-width:1050px}
.field-detail-hero .inner-lede{max-width:1020px}
.field-detail-cover{position:relative;padding:0 0 15px}
.field-detail-cover img{display:block;width:100%;height:clamp(270px,36vw,480px);object-fit:cover;border:1px solid var(--line)}
.field-experiences{padding:clamp(70px,7vw,105px) 0 90px}
.field-list-heading{display:grid;grid-template-columns:minmax(190px,.24fr) minmax(0,1fr);gap:20px 70px;padding-bottom:38px;align-items:start}
.field-list-heading h2{margin:-7px 0 13px;font:700 clamp(35px,4.1vw,65px)/1.18 var(--display);letter-spacing:-.07em}
.field-list-heading p{grid-column:2;margin:0;font:500 17px/1.8 var(--body);color:var(--text2);max-width:700px}
.field-experience-list{border-top:1px solid var(--line)}
.field-entry{display:grid;grid-template-columns:215px minmax(0,1fr) 42px;gap:35px;align-items:center;padding:30px 10px;border-bottom:1px solid var(--line);transition:background .22s ease}
.field-entry:hover{background:color-mix(in srgb,var(--accent) 6%,var(--bg))}
.field-entry-date{font:700 12px/1.65 var(--body);color:var(--accent)}
.field-entry-body{display:flex;flex-direction:column;gap:9px}
.field-entry-body strong{font:700 clamp(22px,2.2vw,31px)/1.35 var(--display);letter-spacing:-.035em}
.field-entry-body>span{font:500 16px/1.7 var(--body);color:var(--text2)}
.field-entry-action{font:600 29px var(--display);color:var(--accent);text-align:center}
.field-entry-expand{display:block}
.field-entry-expand>summary{display:grid;grid-template-columns:215px minmax(0,1fr) 42px;gap:35px;align-items:center;cursor:pointer;list-style:none}
.field-entry-expand>summary::-webkit-details-marker{display:none}
.field-entry-expand[open] .field-entry-action{transform:rotate(45deg)}
.field-entry-more{margin:24px 80px 0 250px;padding:17px 25px;border-inline-start:2px solid var(--accent);background:var(--surface);color:var(--text2);font:500 16px/1.95 var(--body)}
.field-list-footnote{color:var(--muted);font:500 13px/1.8 var(--body);margin:22px 0 0}
.field-bottom{padding:55px 0 95px;background:var(--surface);border-top:1px solid var(--line)}
.field-bottom h2{font:650 clamp(25px,3vw,40px)/1.3 var(--display);margin:0 0 25px}
.field-bottom-links{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.field-bottom-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid var(--line);font:650 16px/1.5 var(--body)}
.field-bottom-links a:hover{border-color:var(--accent)}
.field-bottom-links a span{font-size:22px;color:var(--accent)}
.impact-stories{padding:60px 0 85px}
.impact-story{padding:60px 0;border-bottom:1px solid var(--line)}
.impact-story:first-child{padding-top:10px}
.impact-story-header{display:grid;grid-template-columns:minmax(165px,.27fr) minmax(0,1fr);gap:30px 45px;align-items:start;margin-bottom:42px}
.impact-story-header .eyebrow{color:var(--accent);padding-top:12px}
.impact-story-header h2{font:700 clamp(33px,3.6vw,59px)/1.18 var(--display);letter-spacing:-.062em;margin:0 0 13px;max-width:860px}
.impact-story-header p{font:500 17px/1.85 var(--body);margin:0;color:var(--text2);max-width:940px}
.impact-story-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.impact-story-stat{border:1px solid var(--line);background:var(--surface);padding:25px 20px;min-height:175px}
.impact-story-stat strong{display:block;font:700 clamp(26px,2.7vw,43px)/1.25 var(--display);letter-spacing:-.05em;color:var(--accent);margin-bottom:14px}
.impact-story-stat span{font:500 14px/1.65 var(--body);color:var(--text2)}
.impact-story-link{display:inline-block;border-bottom:1px solid var(--accent);font:700 13px/1.7 var(--body);margin-top:26px;padding-bottom:7px}
.impact-story-link span{color:var(--accent);margin-inline-start:18px}
.impact-end-note{font:500 12px/1.85 var(--body);color:var(--muted);margin:28px 0 0}
.unified-contact{max-width:100%;margin-top:56px}
.unified-contact-head{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:25px}
.unified-contact-head h2{font:700 clamp(27px,3.4vw,48px)/1.25 var(--display);letter-spacing:-.05em;margin:12px 0 8px}
.unified-contact-head p{color:var(--text2);font:500 15px/1.65 var(--body);margin:0}
.unified-contact .template-options{flex-shrink:0}
.unified-contact .template-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}
.unified-contact .template-actions button{align-self:stretch}
.unified-contact textarea{resize:vertical;min-height:195px}
:lang(ar) .field-tile-text>strong,:lang(ar) .field-list-heading h2,:lang(ar) .field-entry-body strong,:lang(ar) .impact-story-header h2,:lang(ar) .unified-contact-head h2{font-family:var(--ar);letter-spacing:0;line-height:1.6;font-weight:800}
:lang(ar) .field-tile-desc,:lang(ar) .field-entry-body>span,:lang(ar) .field-entry-more,:lang(ar) .impact-story-header p,:lang(ar) .impact-story-stat span,:lang(ar) .unified-contact-head p{font-family:var(--ar);line-height:1.95;letter-spacing:0}
:lang(ar) .field-tile-cta,:lang(ar) .field-entry-date,:lang(ar) .field-bottom-links a{font-family:var(--ar);letter-spacing:0}
@media(max-width:1090px){.field-tiles{grid-template-columns:1fr 1fr}.field-tile:last-child{grid-column:1/-1;min-height:410px}.field-tile:last-child .field-tile-text{min-height:410px}.field-tile{min-height:490px}.field-tile-text{min-height:490px}.impact-story-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.field-tiles{grid-template-columns:1fr;gap:15px}.field-tile,.field-tile:last-child,.field-tile-text,.field-tile:last-child .field-tile-text{min-height:385px}.field-tile-text{padding:26px 24px}.field-tile-text>strong{font-size:30px}.field-tile-desc{min-height:0}.field-list-heading,.impact-story-header{display:block}.field-list-heading h2{margin-top:14px}.field-list-heading p{margin-top:10px}.field-entry,.field-entry-expand>summary{grid-template-columns:minmax(0,1fr) 30px;gap:10px 16px}.field-entry-date{grid-column:1/-1}.field-entry-body{grid-column:1}.field-entry-action{grid-column:2;grid-row:2}.field-entry{padding:22px 9px}.field-entry-more{margin:18px 0 0;padding:15px}.field-bottom-links{grid-template-columns:1fr}.impact-story{padding:45px 0}.impact-story-header .eyebrow{display:block;margin-bottom:14px}.impact-story-header h2{font-size:32px}.impact-story-stats{gap:8px}.impact-story-stat{padding:17px 14px;min-height:155px}.impact-story-stat strong{font-size:28px}.impact-story-stat span{font-size:12px}.unified-contact-head{display:block}.unified-contact .template-options{margin-top:23px;max-width:100%;flex-wrap:wrap}.unified-contact .template-actions{gap:12px}.unified-contact .template-actions button,.unified-contact .template-actions a{font-size:11px}}
@media(max-width:395px){.impact-story-stats{grid-template-columns:1fr}.impact-story-stat{min-height:auto}.field-tile-text>strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.field-tile,.field-tile img{transition:none}}

/* V7.2: Continuous lighthouse light across the executive homepage, including below the hero */
.home-main{position:relative;isolation:isolate;overflow:hidden}
.home-main>.beacon-field{position:absolute;inset:0;z-index:6;pointer-events:none;overflow:visible;opacity:.75;mix-blend-mode:screen}
.home-main>.beacon-field:before{content:"";position:absolute;top:var(--beam-y);bottom:0;left:clamp(0px,38%,var(--beam-x));width:clamp(600px,115vw,2200px);transform:translateX(-50%);clip-path:polygon(49% 0,51% 0,98% 100%,2% 100%);background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 12%,transparent),color-mix(in srgb,var(--accent) 6%,transparent) 35%,color-mix(in srgb,var(--accent) 8%,transparent) 68%,transparent 100%);opacity:.57;filter:blur(44px)}
.home-main>.beacon-field .beacon-field-beam{width:max(260vw,3400px);height:clamp(200px,24vw,420px);opacity:.46}
.home-main>section{position:relative;z-index:2}
:root[data-theme="light"] .home-main>.beacon-field{mix-blend-mode:multiply;opacity:.31}
:root[data-theme="light"] .home-main>.beacon-field:before{opacity:.22}
@media(max-width:760px){.home-main>.beacon-field .beacon-field-beam{opacity:.26;width:2300px}.home-main>.beacon-field:before{opacity:.28}}

/* Work gateway: three full-width image banners, not narrow strips */
.field-tiles{grid-template-columns:minmax(0,1fr);gap:21px}
.field-tile,.field-tile:last-child{min-height:clamp(320px,30vw,420px);grid-column:auto}
.field-tile-text,.field-tile:last-child .field-tile-text{min-height:clamp(320px,30vw,420px);padding:clamp(28px,4vw,52px) clamp(28px,5vw,72px);gap:12px;max-width:100%}
.field-tile-text>strong{font-size:clamp(34px,4.5vw,63px);max-width:780px}
.field-tile-desc{font-size:17px;min-height:auto;max-width:850px}
.field-tile-cta{width:min(700px,100%)}
.field-tile-shade{background:linear-gradient(90deg,rgba(7,10,13,.91),rgba(7,10,13,.65) 44%,rgba(7,10,13,.15) 100%)}
:lang(ar) .field-tile-shade{background:linear-gradient(270deg,rgba(7,10,13,.91),rgba(7,10,13,.65) 44%,rgba(7,10,13,.15) 100%)}
.field-tile img{object-position:center 48%}
@media(max-width:760px){.field-tiles{grid-template-columns:1fr;gap:15px}.field-tile,.field-tile:last-child,.field-tile-text,.field-tile:last-child .field-tile-text{min-height:365px}.field-tile-text>strong{font-size:31px}.field-tile-text{padding:27px 25px}}

/* Editorial square-image cards inside each field. Every item has the same detail pattern. */
.field-experiences{padding-top:clamp(45px,6vw,85px)}
.field-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.field-project-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:var(--surface);border:1px solid var(--line);transition:transform .25s,border-color .25s}
.field-project-card:hover,.field-project-card:focus-within{transform:translateY(-3px);border-color:var(--accent)}
.field-project-card>summary{display:flex;flex-direction:column;cursor:pointer;list-style:none;height:100%}
.field-project-card>summary::-webkit-details-marker{display:none}
.field-project-photo{position:relative;width:100%;height:clamp(230px,26vw,345px);overflow:hidden;background:var(--surface2)}
.field-project-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.field-project-card:hover .field-project-photo>img{transform:scale(1.028)}
.field-project-photo.field-project-logo{background:#f7f5f2}
.field-project-photo.field-project-logo>img{object-fit:contain;padding:18px}
.field-project-art-label{position:absolute;inset-inline-end:11px;bottom:10px;background:rgba(10,12,16,.72);border:1px solid rgba(255,255,255,.28);padding:6px 8px;color:#e5ded5;font:650 10px/1.4 var(--body)}
.field-project-content{display:flex;flex-direction:column;flex:1;padding:24px 26px 25px}
.field-project-year{font:700 12px/1.6 var(--body);color:var(--accent)}
.field-project-content h3{font:700 clamp(22px,2.35vw,34px)/1.3 var(--display);letter-spacing:-.03em;margin:11px 0 10px}
.field-project-content p{font:500 15px/1.7 var(--body);color:var(--text2);margin:0 0 20px}
.field-project-action{margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font:700 12px/1.6 var(--body);color:var(--accent);display:flex;justify-content:space-between}
.field-project-expanded{border-top:1px solid var(--line);padding:18px 26px 26px;background:color-mix(in srgb,var(--accent) 5%,var(--surface))}
.field-project-expanded p{margin:0;font:500 15px/1.9 var(--body);color:var(--fg)}
.field-project-expand[open] .field-project-action>span{transform:rotate(45deg)}
.field-more-events{margin:38px 0 0;padding:32px 35px;border-inline-start:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}
.field-more-events strong{display:block;font:700 26px/1.4 var(--display)}
.field-more-events p{max-width:950px;font:500 17px/1.8 var(--body);color:var(--text2);margin:10px 0 0}
:lang(ar) .field-project-content h3,:lang(ar) .field-more-events strong{font-family:var(--ar);font-weight:800;letter-spacing:0;line-height:1.6}
:lang(ar) .field-project-content p,:lang(ar) .field-project-expanded p,:lang(ar) .field-more-events p{font-family:var(--ar);line-height:1.85}
@media(max-width:740px){.field-project-grid{grid-template-columns:1fr;gap:15px}.field-project-photo{height:270px}.field-project-content{padding:21px}.field-project-expanded{padding:19px 21px}}

/* Case-specific editorial details for RESS and Fury */
.case-extras{padding:76px 0 82px;background:var(--surface);border-top:1px solid var(--line)}
.case-extras h2{font:700 clamp(32px,4vw,57px)/1.2 var(--display);letter-spacing:-.055em;margin:15px 0 34px;max-width:1000px}
.case-extra-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.case-extra-grid article{background:var(--bg);border:1px solid var(--line);overflow:hidden}
.case-extra-grid img{display:block;width:100%;height:290px;object-fit:cover;background:var(--surface2)}
.case-extra-grid article>div{padding:23px 27px 30px}
.case-extra-grid h3{font:700 27px/1.4 var(--display);margin:0 0 12px}
.case-extra-grid p,.case-extra-note{font:500 16px/1.85 var(--body);color:var(--text2);margin:0}
.case-extra-note{margin-top:24px}
:lang(ar) .case-extras h2,:lang(ar) .case-extra-grid h3{font-family:var(--ar);letter-spacing:0;line-height:1.6}
@media(max-width:740px){.case-extra-grid{grid-template-columns:1fr}.case-extra-grid img{height:235px}}

/* Impact: four elegant peer metrics, including workforce resource scope. */
.impact-story-stats{gap:15px}
.impact-story-stat{position:relative;min-height:205px;overflow:hidden;padding:28px 22px 25px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 7%,var(--surface)),var(--surface) 55%);border-top:2px solid color-mix(in srgb,var(--accent) 65%,var(--line));transition:transform .2s ease}
.impact-story-stat:after{content:"";position:absolute;inset-inline-end:-38px;top:-35px;border:1px solid color-mix(in srgb,var(--accent) 13%,transparent);width:120px;height:120px;border-radius:50%;pointer-events:none}
.impact-story-stat:hover{transform:translateY(-3px)}
.impact-story-stat strong{font-size:clamp(29px,2.9vw,45px);line-height:1.3}
:lang(ar) .impact-story-stat span{font-family:var(--ar);line-height:1.8}
@media(max-width:760px){.impact-story-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-story-stat{min-height:165px;padding:18px 16px}.impact-story-stat strong{font-size:29px}}
@media(max-width:390px){.impact-story-stats{grid-template-columns:1fr}}

/* V7.3: one continuous beam, originating exactly at the lighthouse lamp.
   No separate ambient wash, halo or short inner-page spotlight. */
.lit-main{position:relative;isolation:isolate;overflow:hidden}
.lit-main>.beacon-field.site-light-field{
  position:absolute;inset:0;z-index:6;pointer-events:none;overflow:hidden;
  opacity:.56;mix-blend-mode:screen;filter:none;
  --beam-x:50%;--beam-y:280px;--beam-tilt:0deg;
}
.lit-main>.beacon-field.site-light-field::before{
  content:"";position:absolute;top:var(--beam-y);bottom:0;
  left:var(--beam-x);width:min(190vw,2300px);
  transform:translateX(-50%) rotate(var(--beam-tilt));transform-origin:50% 0;
  clip-path:polygon(49.9% 0,50.1% 0,100% 100%,0 100%);
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--accent-soft) 20%,transparent) 0%,
    color-mix(in srgb,var(--accent) 12%,transparent) 36%,
    color-mix(in srgb,var(--accent) 9%,transparent) 72%,
    transparent 100%);
  filter:blur(30px);opacity:1;will-change:transform;
}
.lit-main>.beacon-field.site-light-field::after{content:none!important}
.lit-main>.beacon-field.site-light-field>.beacon-field-beam,
.lit-main>.beacon-field.site-light-field>.beacon-field-bloom{display:none!important}
.lit-main .inner-beacon-glow,.lit-main .inner-beacon-ray,
.lit-main .inner-beacon-orbit,.lit-main .beam-halo,.lit-main .lighthouse-beam{display:none!important}
.lit-main .hero{background:var(--bg)!important}
.lit-main .hero::before,.lit-main .hero-artbox::after,
.lit-main .inner-hero::before,.lit-main .inner-hero::after,
.lit-main .case-intro::before,.lit-main .case-intro::after{content:none!important;background:none!important}
html[data-theme="light"] .lit-main>.beacon-field.site-light-field{mix-blend-mode:multiply;opacity:.29}
html[data-theme="light"] .lit-main>.beacon-field.site-light-field::before{opacity:1}
:lang(ar) .impact-story-stat strong,:lang(ar) .impact-number,:lang(ar) .impact-number-wide{
  font-family:var(--display);font-variant-numeric:lining-nums tabular-nums;unicode-bidi:isolate;direction:ltr;
}
@media(max-width:760px){
 .lit-main>.beacon-field.site-light-field{opacity:.36}
 .lit-main>.beacon-field.site-light-field::before{width:220vw;filter:blur(22px)}
}
@media(prefers-reduced-motion:reduce){
 .lit-main>.beacon-field.site-light-field::before{transform:translateX(-50%)!important;will-change:auto}
}

.lit-main .inner-beacon-ground{display:none!important}

/* V7.4 — portfolio evidence, source photographs, and consistent case-story hierarchy */
.field-project-grid{gap:clamp(18px,2.2vw,30px)}
.field-project-card{border-radius:13px;box-shadow:0 3px 18px rgba(0,0,0,.035);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.field-project-card:hover{box-shadow:0 18px 44px rgba(0,0,0,.12)}
.field-project-photo{height:clamp(245px,28vw,380px)}
.field-project-photo .project-source-label{position:absolute;bottom:12px;inset-inline-start:12px;color:#fff;font:700 10px/1.5 var(--body);background:rgba(0,0,0,.7);padding:6px 9px;border-radius:5px;z-index:2}
.field-project-photo .project-source-label a{color:#ffd7b0;text-decoration:underline;text-underline-offset:2px}
.field-project-metric{align-self:flex-start;border:1px solid var(--line);padding:8px 12px;margin:4px 0 17px;font:750 12px/1.5 var(--body);color:var(--accent);border-radius:30px}
.field-project-card .field-project-content p{margin-bottom:14px;max-width:58ch}
.field-project-card .field-project-content h3{margin-top:12px}
.field-project-card .field-project-action{font-size:12px}
.field-project-expanded{padding:25px 29px 32px}
.field-project-expanded p{max-width:68ch}
.case-snapshot{position:relative;z-index:2;padding:clamp(70px,7vw,112px) 0;border-block:1px solid var(--line);background:var(--surface)}
.case-snapshot-intro{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:15px 30px;margin-bottom:29px}
.case-snapshot-intro h2{font:700 clamp(36px,4.7vw,72px)/1.1 var(--display);letter-spacing:-.055em;margin:0;max-width:850px}
.case-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:43px}
.case-fact{border:1px solid var(--line);background:var(--bg);padding:28px 21px;display:flex;flex-direction:column;gap:15px;min-width:0;border-radius:8px}
.case-fact strong{font:800 clamp(27px,3vw,48px)/1.15 var(--display);color:var(--accent);letter-spacing:-.06em;overflow-wrap:anywhere}
.case-fact span{font:650 14px/1.65 var(--body);color:var(--text2)}
.case-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.case-process-grid article{border-top:2px solid var(--accent);padding:22px 7px 20px;min-width:0}
.case-process-grid article>span{font:700 11px var(--body);color:var(--accent)}
.case-process-grid h3{font:700 clamp(21px,2vw,29px)/1.3 var(--display);margin:22px 0 12px}
.case-process-grid p{font:500 15px/1.9 var(--body);color:var(--text2);margin:0}
.case-insight{font:600 clamp(18px,1.8vw,24px)/1.7 var(--body);max-width:900px;padding:24px 29px;border-inline-start:3px solid var(--accent);background:var(--bg);margin:30px 0 25px}
.case-to-impact{font:750 13px/1.7 var(--body);color:var(--accent);border-bottom:1px solid var(--accent);display:inline-block;padding:5px 0}
.case-to-impact:hover{letter-spacing:.02em}
.case-gallery .media-figure img{height:clamp(220px,30vw,415px)}
.case-gallery .media-figure{border-radius:9px}
.case-gallery .media-figure figcaption{font-size:13px;line-height:1.65}
.case-extra-grid article{border-radius:10px}
.case-extra-grid article img{height:clamp(230px,26vw,340px)}
:lang(ar) .case-snapshot-intro h2,:lang(ar) .case-process-grid h3{font-family:var(--ar);letter-spacing:0;line-height:1.6}
:lang(ar) .case-process-grid p,:lang(ar) .case-insight{font-family:var(--ar);line-height:2}
@media(max-width:1000px){.case-fact-grid,.case-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){.field-project-photo{height:270px}.case-snapshot{padding:58px 0}.case-fact-grid{gap:8px;margin-bottom:26px}.case-process-grid{gap:12px}.case-fact{padding:19px 16px;gap:11px}.case-fact strong{font-size:26px}.case-fact span{font-size:12px}.case-process-grid article{padding:14px 4px}.case-process-grid h3{font-size:20px;margin:11px 0 7px}.case-process-grid p{font-size:14px}.case-insight{margin:20px 0;padding:18px;font-size:17px}}
@media(prefers-reduced-motion:reduce){.field-project-card,.field-project-photo>img,.case-to-impact{transition:none!important}}
.remote-unavailable .project-source-label{display:none}
.remote-unavailable::after{content:'Illustrative backup';position:absolute;bottom:10px;inset-inline-end:10px;background:#151515c9;color:white;padding:6px 10px;font:700 10px var(--body);border-radius:5px}
:lang(ar) .remote-unavailable::after{content:'تصميم بديل عند تعذر تحميل الصورة'}
.source-detail-link{display:inline-block;color:var(--accent);font:700 12px/1.7 var(--body);margin-top:17px;border-bottom:1px solid var(--accent)}
.gallery-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;overflow:hidden;text-align:inherit}
.case-gallery .gallery-open img{width:100%;height:clamp(220px,30vw,415px);object-fit:cover;transition:transform .3s ease}
.gallery-open:hover img{transform:scale(1.02)}
.gallery-open:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.image-viewer{border:1px solid var(--line);padding:25px;width:min(94vw,1160px);max-height:92svh;overflow:auto;background:var(--bg);color:var(--text);box-shadow:0 20px 90px #0009}
.image-viewer::backdrop{background:rgba(0,0,0,.88)}
.image-viewer img{display:block;max-height:72svh;object-fit:contain;max-width:100%;width:auto;margin:0 auto}
.image-viewer p{font:500 13px/1.7 var(--body);padding-top:18px;color:var(--text2)}
.image-viewer-close{background:var(--surface);color:var(--text);border:1px solid var(--line);cursor:pointer;position:sticky;top:0;inset-inline-start:calc(100% - 44px);z-index:1;width:42px;height:42px;font-size:20px}

/* V7.5: cursor-responsive lantern cone, underneath all content, never over photography. */
.lit-main>.beacon-field.site-light-field{z-index:0;--beam-shift:0px;opacity:.46;mix-blend-mode:screen}
.lit-main>.beacon-field.site-light-field::before{transform:translateX(-50%);clip-path:polygon(49.95% 0,50.05% 0,calc(100% + var(--beam-shift)) 100%,calc(0% + var(--beam-shift)) 100%);transition:none;filter:blur(22px);background:linear-gradient(to bottom,color-mix(in srgb,var(--accent) 22%,transparent),color-mix(in srgb,var(--accent) 10%,transparent) 40%,transparent 100%)}
.lit-main>section{position:relative;z-index:1}
html[data-theme="light"] .lit-main>.beacon-field.site-light-field{opacity:.22;mix-blend-mode:multiply}
.field-project-art-label,.project-source-label,.source-detail-link{display:none!important}
/* Keep the single lantern beam perceptible across the full page, even behind
   alternating editorial bands. All content and photographs stay above it. */
.lit-main .hero{background:transparent!important}
.lit-main .executive-profile,.lit-main .executive-journey,.lit-main .case-snapshot{background:color-mix(in srgb,var(--surface) 68%,transparent)!important}
.lit-main .executive-selected{background:color-mix(in srgb,var(--bg) 64%,transparent)!important}

/* V7.6 - verified external destinations and honest branch photo fallback */
.field-project-site-wrap{display:flex;flex-direction:column;min-width:0}
.field-project-site-wrap>.field-project-card{flex:1}
.field-project-site-link,.experience-external-link,.project-site-actions a{display:inline-flex;align-items:center;gap:12px;font:700 12px/1.6 var(--body);letter-spacing:.04em;color:var(--accent);text-decoration:none}
.field-project-site-link{display:flex;justify-content:space-between;padding:15px 24px;border:1px solid var(--line);border-top:0;background:var(--surface)}
.field-project-site-link:hover,.experience-external-link:hover,.project-site-actions a:hover{text-decoration:underline}
.experience-external-link{margin-top:20px;border-top:1px solid var(--line);padding-top:18px}
.project-site-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:25px}
.project-site-actions a{padding:13px 18px;border:1px solid var(--accent);border-radius:4px}
body[data-project="skilldeer"] .case-media-cover .media-figure{display:grid;place-items:center;background:#f7f5f2;min-height:260px}
body[data-project="skilldeer"] .case-media-cover .media-figure img{object-fit:contain;max-height:460px;padding:clamp(38px,8vw,105px)}
:lang(ar) .field-project-site-link,:lang(ar) .experience-external-link,:lang(ar) .project-site-actions a{font-family:var(--ar);letter-spacing:0}
@media(max-width:600px){.project-site-actions a{width:100%;justify-content:center}.field-project-site-link{padding:13px 20px}}

/* V7.9.1: keep the cone rooted at the lantern while giving its direction
   a consistent visible response regardless of the page length. */
.lit-main>.beacon-field.site-light-field::before{
  transform:translateX(-50%) rotate(var(--beam-tilt));
  clip-path:polygon(49.5% 0,50.5% 0,100% 100%,0 100%);
  transform-origin:50% 0;
}
.executive-time-symbol{opacity:1}
.media-credit{padding:10px 12px;font:500 12px/1.7 var(--body);color:var(--text2)}
.media-credit a{text-decoration:underline;text-underline-offset:3px}
.external-media.remote-unavailable .media-credit:before{content:'Illustrative backup — ';font-weight:700}
:lang(ar) .external-media.remote-unavailable .media-credit:before{content:'رسم توضيحي بديل — '}
@media(prefers-reduced-motion:reduce){
 .lit-main>.beacon-field.site-light-field::before{transform:translateX(-50%)!important}
}

/* V7.9.2: native pointer and a precise, unobtrusive ring. */
.site-cursor.visible{opacity:.75!important}
.site-cursor-ring{width:30px;height:30px;left:-15px;top:-15px;opacity:.8;box-shadow:none}
.site-cursor.is-hovering .site-cursor-ring{width:40px;height:40px;left:-20px;top:-20px}
.site-cursor-dot{display:none}
/* A fixed-length optical cone, rooted in the lantern rather than page height. */
.lit-main>.beacon-field.site-light-field{opacity:1;mix-blend-mode:normal;--beam-direction:192deg}
html[dir="rtl"] .lit-main>.beacon-field.site-light-field{--beam-direction:-12deg}
.lit-main>.beacon-field.site-light-field::before{
 top:var(--beam-y);bottom:auto;left:var(--beam-x);width:clamp(650px,85vw,1450px);height:clamp(130px,19vw,290px);
 transform:translateY(-50%) rotate(var(--beam-direction));transform-origin:0 50%;
 clip-path:polygon(0 49%,100% 0,100% 100%,0 51%);
 background:linear-gradient(90deg,rgba(255,226,184,.5),rgba(235,191,139,.19) 24%,rgba(221,176,124,.07) 62%,transparent);
 mask-image:linear-gradient(90deg,#000 0%,#000 45%,transparent 100%);filter:blur(3px);opacity:1;
}
.lit-main>.beacon-field.site-light-field::after{
 content:""!important;position:absolute;left:var(--beam-x);top:var(--beam-y);width:82px;height:82px;
 transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,236,196,.55),rgba(242,197,133,.14) 25%,transparent 70%);filter:blur(5px)
}
html[data-theme="light"] .lit-main>.beacon-field.site-light-field{mix-blend-mode:multiply;opacity:.65}
@media(prefers-reduced-motion:reduce){.lit-main>.beacon-field.site-light-field::before{transform:translateY(-50%) rotate(var(--beam-direction))!important;will-change:auto}}