/* Midnight Navy | IBRAHIM EL BEDEWY | site UI styling only, original photographs are not edited */
:root{--bg:#0b1420;--bg2:#122235;--bg3:#162638;--sand:#d8b989;--sand2:#f2d4a7;--cream:#f4f0e9;--grey:#b3b9c2;--line:rgba(216,185,137,.22);--dark:#0b1420;--dark2:#142437;--accent:#d8b989;--paper:#0f1d2b;--text:#f4f0e9;--muted:#b4bfca;--ink:#edf1f4}
html{scroll-behavior:smooth} body{background:#0b1420!important;color:#f4f0e9} .grain{display:none!important}
a:focus-visible,button:focus-visible{outline-color:#d8b989!important}
/* Main navigation and hero */
.top .nav{background:rgba(9,18,30,.94)!important;border:1px solid rgba(216,185,137,.22)!important;box-shadow:0 16px 50px rgba(0,0,0,.36)}
.top .brandstack small,.top .mainnav a{color:#d0d6dd}.top .logo-tile{color:#d8b989;border-color:rgba(216,185,137,.6)}
.top .nav-cta,.pill.primary,.contactbtn{background:#d8b989!important;color:#071321!important}
.top .lang{border-color:#d8b98977;color:#f4f0e9}
.hero{background:radial-gradient(ellipse 55% 75% at 86% 35%,rgba(40,71,110,.35),transparent 80%),radial-gradient(ellipse 60% 90% at 4% 75%,rgba(216,185,137,.09),transparent 77%),#0b1420!important}
.hero:before{opacity:.12!important}.hero .eyebrow{color:#e0c9aa!important;border-color:#d8b98977}.hero .name .second,.gold{color:#d8b989!important}
.hero .arabic-name,.hero .roles{color:#e5e7ec!important}.hero .hero-desc{color:#c0c7ce!important}.hero .pill.ghost{border-color:#d8b98999;color:#e4d4bb}
.hero .visual-label{border-color:#d8b98964;background:#091525c9}.hero .orbits,.hero .orbits:before,.hero .orbits:after{border-color:#d8b98938}
.hero-foot{border-color:#d8b98933}.strip{background:#d8b989}
/* Portfolio focus: five genuine albums and an unobtrusive video placeholder */
#work.section,#work.section.light{background:linear-gradient(180deg,#0f2031,#0b1420 57%)!important;color:#f4f0e9!important}
#work .sec-head h2,#work .sec-head h2 em{color:#f4f0e9!important}#work .sec-head h2 em{color:#d8b989!important}
#work .sec-sub,#work .disclaimer{color:#afb9c4!important}#work .sec-label{color:#d8b989!important}
#work .gallery-intro{gap:14px;margin-bottom:32px}
#work .category,#work .category:last-child{background:#15263a!important;color:#f4f0e9!important;border:1px solid #d8b98934;min-height:135px;box-shadow:0 15px 35px #0002}
#work .category:hover{background:#1e3650!important}#work .category strong,#work .category b{color:#f5e7d2}#work .category span{color:#abbacb}#work .category .cat-symbol{color:#d8b98920}
#work .event-albums{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:19px!important;margin:25px 0 34px!important}
#work .event-albums.is-hidden{display:none!important}
#work .real-event{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;margin:0!important;background:#101e2d!important;border:1px solid rgba(216,185,137,.24)!important;border-radius:18px!important;box-shadow:0 15px 38px rgba(0,0,0,.19)!important;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s}
#work .real-event:hover{transform:translateY(-5px);border-color:#d8b98999!important;box-shadow:0 18px 40px #0006!important}
#work .real-event:first-child{grid-column:span 2;grid-row:span 1}
#work .real-cover{width:100%!important;min-height:0!important;height:auto!important;aspect-ratio:16/10!important;object-fit:contain!important;background:#081421;filter:none!important;display:block;flex:none}
#work .real-event:first-child .real-cover{aspect-ratio:2.08/1!important}
#work .real-copy{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;padding:20px 22px 23px!important;background:#122235!important;color:#f4f0e9!important;flex:1}
#work .real-tag{color:#d8b989!important;font-size:10px!important;letter-spacing:.12em}
#work .real-title{font-size:clamp(20px,1.9vw,26px)!important;color:#f4f0e9!important;line-height:1.4!important}
#work .real-sub{color:#bbc7d4!important}#work .real-open{color:#d8b989!important}
#work .filter{border-color:#d8b98949;color:#c7cbd3;background:#16283b}#work .filter[aria-pressed=true],#work .filter:hover{color:#0b1420;background:#d8b989;border-color:#d8b989}
#work .video-empty,#work .video-empty.is-visible{background:#122539!important;border:1px solid #d8b98950!important;color:#f4f0e9!important;border-radius:16px}#work .video-empty h3{color:#f4f0e9}#work .video-empty p{color:#bcc5ce}#work .video-empty-mark{background:#d8b989;color:#0b1420}
#work .cards{gap:0!important}#work .cards:has(.video-empty:not(.is-visible)){display:none}
/* About, services and contact: whole page remains consistently dark */
.about,#about.section{background:linear-gradient(180deg,#111e2e,#132337)!important;color:#f4f0e9!important}
#about .about-copy h2,#about .about-copy h2 em{color:#f4f0e9}#about .about-copy h2 em{color:#d8b989!important}
#about .about-copy p,#about .skills span,#about .exp-item span{color:#c2cbd5!important}#about .exp-item strong{color:#d8b989!important}
#about .skills span{border-color:#d8b9893a;background:#192c40}#about .about-art{background:#14263c!important;border:1px solid #d8b98944!important}#about .about-portrait{filter:none!important;object-fit:contain!important;background:#111e2a}
#services.section,#services.services{background:#0b1420!important;color:#f4f0e9!important}#services .sec-head h2,#services .service h3{color:#f4f0e9}
#services .sec-sub,#services .service p,#services .area p{color:#b9c3ce!important}#services .service{border:1px solid #d8b98937;background:#132439!important;color:#f4f0e9!important}
#services .service:hover{background:#1c3650!important}#services .service .ico{border-color:#d8b98955;color:#d8b989}
#services .area{background:#14263a!important;border:1px solid #d8b98944!important}#services .area strong{color:#f4f0e9}#services .area .upper{color:#d8b989}
#contact.contact{background:linear-gradient(120deg,#101f31,#152b41 62%,#0d1927)!important;color:#f4f0e9!important;border-top:1px solid #d8b98944}
#contact h2,#contact h2 em{color:#f4f0e9!important}#contact h2 em{-webkit-text-stroke:1px #d8b989!important}#contact p{color:#c4cbd4}#contact .contactbtn{background:#d8b989;color:#0b1420}
#contact .footer{border-color:#d8b98944;color:#c1c8d1}#contact .footer-links a{color:#d8b989}#contact .copyright{color:#b2becb}
/* Event detail pages. No CSS color filters or transformed files applied to photos. */
body:has(.gallery-wrap){background:#0b1420!important;color:#f4f0e9}
body:has(.gallery-wrap) .wrap{max-width:1320px}
body:has(.gallery-wrap) .top{background:#0c1929;border:1px solid #d8b98932;border-radius:16px;padding:17px 21px;margin-top:16px}
body:has(.gallery-wrap) .logo span,body:has(.gallery-wrap) .eyebrow{color:#d8b989}
body:has(.gallery-wrap) .album-wa{background:#d8b989!important;color:#0b1420!important}
body:has(.gallery-wrap) .album-insta{border-color:#d8b98955;color:#d8b989}
body:has(.gallery-wrap) .hero{background:linear-gradient(120deg,#0a1726,#10233a)!important;border-bottom:1px solid #d8b98930;padding:52px 25px 65px;border-radius:20px;margin-top:17px}
body:has(.gallery-wrap) .hero h1{color:#f4f0e9}body:has(.gallery-wrap) .hero h1 em{color:#d8b989}body:has(.gallery-wrap) .hero p{color:#bdc8d4}
body:has(.gallery-wrap) .detail span{border-color:#d8b98940;color:#e1e5ea;background:#16263a}
body:has(.gallery-wrap) .cta{background:#d8b989;color:#101b28}
body:has(.gallery-wrap) .cover{object-fit:contain!important;background:#0b1420;border-color:#d8b98955;box-shadow:0 16px 70px #0005;filter:none!important}
body:has(.gallery-wrap) .gallery-wrap{background:#0f1d2b!important;color:#f4f0e9!important;border-top:1px solid #d8b98920}
body:has(.gallery-wrap) .section-head h2{color:#f4f0e9}body:has(.gallery-wrap) .section-head p,body:has(.gallery-wrap) .notice{color:#b6c0cb}
body:has(.gallery-wrap) .tile{background:#13243a!important;border:1px solid #d8b98922}
body:has(.gallery-wrap) .tile img{filter:none!important;object-fit:contain!important}
body:has(.gallery-wrap) .qualitycard,body:has(.gallery-wrap) .comparebox{background:#14263b!important;border-color:#d8b98933;color:#f4f0e9}
body:has(.gallery-wrap) .footer{border-color:#d8b98944}
/* Continuous next-album picture stream */
.follow-albums{background:#0b1420;color:#f4f0e9;padding:78px 0 100px;border-top:1px solid #d8b98933}
.follow-heading{border-bottom:1px solid #d8b98955;padding-bottom:24px;margin-bottom:45px}
.follow-heading .kicker,.follow-kicker{color:#d8b989;font-size:11px;letter-spacing:.15em;font-weight:700;text-transform:uppercase}
.follow-heading h2{font-size:clamp(30px,4vw,58px);margin:12px 0 3px}
.follow-heading p,.follow-heading small{color:#bfc8d2}
.follow-card{padding:30px 0 55px;border-bottom:1px solid #d8b98940;margin-bottom:24px}
.follow-card-head{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:18px;margin-bottom:22px}
.follow-card-head h3{font-size:clamp(23px,3vw,39px);margin:5px 0;line-height:1.5}
.follow-card-head p{color:#b1c0ce;font-size:13px;margin:0}
.follow-album-link{border:1px solid #d8b98966;color:#e4d1b2;text-decoration:none;padding:10px 18px;border-radius:40px;white-space:nowrap;font-size:12px}
.follow-album-link:hover{background:#d8b989;color:#0b1420}
.follow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.follow-tile{display:block;border:1px solid #d8b98922;outline-offset:3px;padding:0;background:#17283c;border-radius:13px;overflow:hidden;cursor:zoom-in;aspect-ratio:4/3;min-width:0}
.follow-tile img{display:block;width:100%;height:100%;object-fit:contain;filter:none!important}
.follow-tile:hover{border-color:#d8b98977}
.follow-image-viewer{position:fixed;inset:0;background:rgba(3,10,18,.97);z-index:1500;display:none;align-items:center;justify-content:center;flex-direction:column;padding:14px}
.follow-image-viewer.open{display:flex}.follow-viewer-bar{width:100%;display:flex;justify-content:space-between;gap:12px;color:#fff;align-items:center;padding:0 0 12px}
.follow-viewer-bar button{background:#192a3e;border:1px solid #d8b98966;border-radius:30px;color:#f4f0e9;padding:8px 16px;font:inherit;cursor:pointer}
.follow-viewer-main{height:calc(100vh - 86px);width:100%;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
.follow-viewer-main img{max-width:calc(100% - 100px);max-height:100%;object-fit:contain}
.follow-viewer-main button{min-width:41px;height:48px;background:#17283b;border:1px solid #d8b98966;color:#fff;border-radius:9px;cursor:pointer;font-size:22px}
@media(max-width:1020px){#work .event-albums{grid-template-columns:repeat(2,minmax(0,1fr))!important}#work .real-event:first-child{grid-column:span 2}body:has(.gallery-wrap) .hero{padding:30px 16px 50px}}
@media(max-width:640px){#work .event-albums{grid-template-columns:1fr!important;gap:15px!important}#work .real-event:first-child{grid-column:span 1}#work .real-event:first-child .real-cover,#work .real-cover{aspect-ratio:16/10!important}#work .real-copy{padding:17px 18px!important}
#work .gallery-intro{grid-template-columns:1fr!important}#work .category{min-height:102px!important}
body:has(.gallery-wrap) .top{padding:12px 13px;margin-top:8px}body:has(.gallery-wrap) .hero{padding:24px 12px 42px}
.follow-albums{padding:45px 0}.follow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.follow-tile{border-radius:7px}.follow-image-viewer{padding:9px}.follow-viewer-main img{max-width:calc(100% - 85px)}
}
@media(prefers-reduced-motion:reduce){.real-event,.tile img,.reveal{transition:none!important;animation:none!important}}