*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0a0a0a;color:#f3efe7;font-family:"IBM Plex Sans Arabic","Manrope",sans-serif;overflow-x:hidden}body.en{direction:ltr;font-family:"Manrope","IBM Plex Sans Arabic",sans-serif}.grain{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.nav{position:fixed;z-index:80;top:0;left:0;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:24px 4vw;transition:.4s}.nav.scrolled{background:rgba(10,10,10,.82);backdrop-filter:blur(18px);padding-top:14px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}.brand{color:inherit;text-decoration:none;display:inline-flex;flex-direction:column;justify-self:start;line-height:1}.brand-ar{font-size:18px;font-weight:500}.brand-en{font:500 8px/1.8 Manrope;letter-spacing:.2em;opacity:.55}.links{display:flex;gap:28px}.links a{color:inherit;text-decoration:none;font-size:13px;opacity:.75;transition:.25s}.links a:hover{opacity:1}.nav-actions{justify-self:end;display:flex;gap:20px;align-items:center}.lang,.menu{background:none;border:0;color:inherit;cursor:pointer}.lang{font:500 10px Manrope;letter-spacing:.14em}.lang i{display:inline-block;width:18px;height:1px;background:#b89b68;margin:0 7px;vertical-align:middle}.menu{display:none;width:34px;height:34px}.menu span{display:block;width:23px;height:1px;background:#fff;margin:6px}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-media{position:absolute;inset:0;transform:scale(1.045);animation:heroDrift 14s ease-out both}.image-slot{background:radial-gradient(circle at 65% 30%,#3b3a38 0,#1e1e1d 28%,#0d0d0d 70%);position:relative;overflow:hidden}.image-slot:after{content:attr(data-slot);position:absolute;bottom:18px;left:18px;font:500 9px Manrope;letter-spacing:.17em;color:rgba(255,255,255,.3)}.slot-note{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;opacity:.26;letter-spacing:.04em;white-space:nowrap}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.5) 43%,rgba(0,0,0,.1) 75%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 55%)}body:not(.en) .hero-vignette{background:linear-gradient(270deg,rgba(0,0,0,.92) 0,rgba(0,0,0,.5) 43%,rgba(0,0,0,.1) 75%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 55%)}.hero-copy{position:relative;z-index:3;width:min(780px,88vw);margin:0 7vw 11vh}.eyebrow,.section-index{font:500 10px Manrope;letter-spacing:.2em;text-transform:uppercase;color:#b89b68}.hero h1{font-size:clamp(68px,8.7vw,148px);line-height:.9;margin:22px 0 24px;font-weight:300;letter-spacing:-.055em}.hero-tagline{font-size:clamp(24px,2.6vw,43px);font-weight:300;margin:0 0 18px}.hero-desc{width:min(570px,100%);font-size:15px;line-height:1.9;opacity:.78}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-width:145px;padding:13px 22px;border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;font-size:13px;transition:.3s;background:#f3efe7;color:#111}.btn.ghost{background:transparent;color:#fff}.btn:hover{transform:translateY(-2px)}.hero-index{position:absolute;z-index:3;left:4vw;bottom:5vh;display:flex;gap:10px;align-items:center;font:500 9px Manrope;letter-spacing:.12em;opacity:.6}.hero-index i{width:42px;height:1px;background:currentColor}.scroll-indicator{position:absolute;z-index:3;right:4vw;bottom:4vh;color:#fff;text-decoration:none;font-size:10px;display:flex;align-items:center;gap:12px;opacity:.6}.scroll-indicator i{width:1px;height:44px;background:#fff;animation:pulse 1.8s infinite}.section-light{background:#efede7;color:#151515}.intro{padding:120px 7vw}.intro-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:8vw;margin-top:70px}.display{font-size:clamp(46px,6.2vw,104px);line-height:1.13;font-weight:300;letter-spacing:-.04em;margin:0}.intro-copy{align-self:end;font-size:15px;line-height:2;color:#444}.signature{padding:120px 7vw}.signature-list{margin-top:70px}.sig-row{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding:28px 0}.sig-row:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.sig-row .num{font:400 10px Manrope;color:#b89b68}.sig-row h3{font-size:clamp(36px,4.4vw,72px);font-weight:300;margin:0}.sig-row p{margin:0;opacity:.6;max-width:390px;line-height:1.8}.gallery-section{padding:120px 5vw}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:60px}.section-head h2,.press-head h2,.network h2{font-size:clamp(44px,5vw,82px);font-weight:300;letter-spacing:-.04em;margin:14px 0 0}.section-head>p{max-width:420px;opacity:.55;line-height:1.8}.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:310px;gap:14px}.gallery-card{border:0;color:#fff;cursor:pointer;padding:0;text-align:inherit;min-width:0}.gallery-card.tall{grid-row:span 2}.gallery-card.wide{grid-column:span 2}.gallery-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 55%);opacity:.7;transition:.4s}.gallery-card:hover{transform:translateY(-3px)}.gallery-card,.gallery-card:before{transition:.5s cubic-bezier(.2,.8,.2,1)}.gallery-card:hover:before{opacity:1}.meta{position:absolute;right:22px;bottom:20px;font:500 11px Manrope;letter-spacing:.12em;text-align:left}.meta b{display:block;font-size:9px;opacity:.55;margin-top:5px}.moments{padding:120px 0;overflow:hidden}.moments .section-head{padding:0 7vw}.horizontal-track{display:flex;gap:22px;overflow-x:auto;padding:0 7vw 30px;scroll-snap-type:x mandatory;scrollbar-width:none}.horizontal-track::-webkit-scrollbar{display:none}.moment-card{min-width:min(66vw,820px);height:min(72vh,760px);scroll-snap-align:center}.cover-copy{position:absolute;inset:auto 34px 34px;color:#fff}.cover-copy span{font:500 10px Manrope;color:#b89b68}.cover-copy h3{font:300 clamp(54px,7vw,100px)/.95 Manrope;margin:12px 0}.cover-copy p{font:400 12px Manrope;letter-spacing:.12em}.showreel{padding:0 4vw 120px}.video-frame{height:80vh;min-height:600px;display:grid;place-items:center}.video-frame:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42)}.video-overlay{position:relative;text-align:center;z-index:2}.video-overlay>p:first-child{font:500 9px Manrope;letter-spacing:.22em;opacity:.65}.play{width:82px;height:82px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.04);color:#fff;margin:28px;backdrop-filter:blur(10px);cursor:pointer}.play span{font-size:16px;margin-left:3px}.video-overlay h2{font:300 clamp(52px,6vw,96px)/1 Manrope;margin:5px 0 18px}.video-overlay>p:last-child{font-size:17px;opacity:.7}.network{display:grid;grid-template-columns:.8fr 1.2fr;min-height:720px}.network-copy{padding:100px 7vw;align-self:center}.network-copy p{line-height:2;opacity:.62;max-width:500px}.network-copy strong{display:block;margin-top:45px;font-size:18px;font-weight:500}.network-image{min-height:620px}.press{padding:120px 7vw}.press-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:40px 0 70px}.press-head p{max-width:460px;opacity:.58;line-height:1.8}.press-list article{display:grid;grid-template-columns:70px 1fr 1fr 30px;align-items:center;border-top:1px solid rgba(255,255,255,.15);padding:30px 0}.press-list article:last-child{border-bottom:1px solid rgba(255,255,255,.15)}.press-list span{font:500 10px Manrope;color:#b89b68}.press-list h3{font-size:24px;font-weight:400;margin:0}.press-list p{margin:0;opacity:.55}.press-list b{font-weight:300;font-size:20px}.bio{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.bio-image{min-height:700px}.bio-copy{padding:100px 8vw;align-self:center}.bio-copy .kicker{font-size:13px;color:#777}.bio-copy h2{font-size:clamp(52px,6vw,96px);font-weight:300;margin:20px 0 30px}.bio-copy>p{line-height:2;opacity:.68}.bio-copy .note{font-size:11px;opacity:.42;margin-top:35px}.quote{min-height:90vh;display:grid;place-items:center;text-align:center;padding:8vw}.quote p{font-size:clamp(48px,7vw,116px);font-weight:300;line-height:1.25;margin:0;max-width:1200px;letter-spacing:-.035em}.quote span{font:500 9px Manrope;letter-spacing:.2em;color:#b89b68;margin-top:40px}.contact{padding:100px 7vw}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-top>p{font:500 9px Manrope;letter-spacing:.18em;opacity:.45}.contact h2{font-size:clamp(58px,8vw,132px);font-weight:300;line-height:1;margin:90px 0 28px;letter-spacing:-.05em}.contact-sub{font-size:17px;opacity:.6}.contact-links{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.contact-links a{padding:26px 0;color:#111;text-decoration:none;display:flex;justify-content:space-between;border-left:1px solid #ccc;font-size:14px}.contact-links a:last-child{border-left:0}.contact-links span{font-family:Manrope}.contact-note{font-size:10px;opacity:.4;margin-top:18px}footer{padding:40px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;border-top:1px solid rgba(255,255,255,.12);font:500 10px Manrope;letter-spacing:.08em}footer div{display:flex;flex-direction:column;gap:5px}footer div strong{font-family:"IBM Plex Sans Arabic";font-size:16px;font-weight:500;letter-spacing:0}footer div span{opacity:.45}footer p:last-child{text-align:left;opacity:.45}.mobile-panel{position:fixed;inset:0;background:#0a0a0a;z-index:100;display:flex;flex-direction:column;justify-content:center;padding:8vw;transform:translateY(-100%);transition:.45s cubic-bezier(.2,.8,.2,1)}.mobile-panel.open{transform:none}.mobile-panel a{font-size:45px;color:#fff;text-decoration:none;padding:8px 0}.mobile-panel button{position:absolute;top:26px;left:26px;background:none;border:0;color:#fff;font-size:38px}.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;border:0;padding:4vw;background:rgba(5,5,5,.96);color:#fff}.lightbox::backdrop{background:#000}.lightbox-image{height:calc(100vh - 120px)}.lightbox-close{position:absolute;z-index:2;top:20px;right:26px;color:#fff;background:none;border:0;font-size:36px;cursor:pointer}.lightbox p{font:500 10px Manrope;letter-spacing:.15em;opacity:.7}.reveal{opacity:0;transform:translateY(18px);animation:reveal .85s forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.38s}.delay-4{animation-delay:.5s}.reveal-on-scroll{opacity:0;transform:translateY(26px);transition:.8s cubic-bezier(.2,.8,.2,1)}.reveal-on-scroll.visible{opacity:1;transform:none}@keyframes reveal{to{opacity:1;transform:none}}@keyframes heroDrift{from{transform:scale(1.08) translateY(0)}to{transform:scale(1.045) translateY(-1.5%)}}@keyframes pulse{0%,100%{opacity:.3;transform:scaleY(.6);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@media(max-width:980px){.links{display:none}.menu{display:block}.nav{grid-template-columns:1fr auto}.hero-copy{margin-bottom:13vh}.hero h1{font-size:clamp(64px,15vw,110px)}.intro-grid,.network,.bio{grid-template-columns:1fr}.intro-grid{gap:50px}.editorial-grid{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.gallery-card.wide{grid-column:span 1}.network-image,.bio-image{min-height:78vh}.press-head{align-items:start;flex-direction:column}.press-list article{grid-template-columns:45px 1fr 24px}.press-list article p{display:none}.contact-links{grid-template-columns:1fr}.contact-links a{border-left:0;border-bottom:1px solid #ccc}.contact-links a:last-child{border-bottom:0}footer{grid-template-columns:1fr 1fr;gap:25px}footer>p:nth-child(2){text-align:left}footer>p:last-child{grid-column:1/-1;text-align:right}.cursor{display:none}}@media(max-width:640px){.nav{padding:18px 20px}.brand-ar{font-size:16px}.hero-copy{margin:0 22px 13vh;width:auto}.hero h1{font-size:17vw;letter-spacing:-.06em}.hero-tagline{font-size:26px;line-height:1.4}.hero-desc{font-size:13px;line-height:1.9}.hero-actions{flex-direction:column;align-items:stretch}.btn{min-height:48px}.hero-index{display:none}.scroll-indicator{right:auto;left:20px}.intro,.signature,.press,.contact{padding:85px 22px}.intro-grid{margin-top:50px}.display{font-size:11.5vw}.sig-row{grid-template-columns:40px 1fr}.sig-row p{grid-column:2;margin-top:8px;font-size:12px}.gallery-section{padding:85px 14px}.section-head{align-items:start;flex-direction:column;margin-bottom:35px}.section-head h2,.press-head h2,.network h2{font-size:12vw}.editorial-grid{grid-template-columns:1fr;grid-auto-rows:54vh}.gallery-card.tall{grid-row:span 1}.moments{padding:85px 0}.moments .section-head{padding:0 22px}.moment-card{min-width:82vw;height:65vh}.cover-copy{right:22px;bottom:22px}.cover-copy h3{font-size:14vw}.showreel{padding:0 14px 85px}.video-frame{height:70vh;min-height:500px}.video-overlay h2{font-size:12vw}.network-copy,.bio-copy{padding:75px 22px}.network-image,.bio-image{min-height:70vh}.press-head{margin-bottom:40px}.press-list h3{font-size:19px}.quote{min-height:78vh;padding:22px}.quote p{font-size:11vw}.contact-top>p{display:none}.contact h2{font-size:16vw;margin-top:70px}.contact-links{margin-top:55px}footer{padding:32px 22px;grid-template-columns:1fr}footer>p:nth-child(2),footer>p:last-child{text-align:right;grid-column:auto}.mobile-panel a{font-size:11vw}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.reveal-on-scroll{opacity:1;transform:none}}
/* --- Real Mazen media integration --- */
.hero-video-wrap{position:absolute;inset:0;overflow:hidden;background:#080808;transform:scale(1.015);animation:heroDrift 16s ease-out both}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.9) contrast(1.03) brightness(.82)}
.hero-poster-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;z-index:-1}
.real-photo{position:relative;overflow:hidden;background:#111}
.real-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 24%;transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .6s ease}
.real-photo:hover img{transform:scale(1.025);filter:contrast(1.02)}
.network-image.real-photo img{object-position:center 20%}
.bio-image.real-photo img{object-position:center 18%}
@media(max-width:640px){
.hero-video{object-position:center center}
.hero-poster-fallback{object-position:center 18%}
.hero-vignette{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.48) 45%,rgba(0,0,0,.18) 75%),linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,.05))}
body:not(.en) .hero-vignette{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.48) 45%,rgba(0,0,0,.18) 75%),linear-gradient(270deg,rgba(0,0,0,.18),rgba(0,0,0,.05))}
}
.film-journal{padding:120px 5vw;background:#0a0a0a;color:#f3efe7}
.film-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:55px}
.film-head h2{font-size:clamp(50px,6vw,98px);font-weight:300;letter-spacing:-.045em;margin:14px 0 0}
.film-head>p{max-width:430px;line-height:1.9;opacity:.58}
.film-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-auto-rows:min(48vw,520px);gap:14px}
.film-card{position:relative;overflow:hidden;background:#151515;min-height:430px}
.film-card-featured{grid-row:span 2}
.film-card-wide{grid-column:span 2}
.film-card video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s}
.film-card:hover video{transform:scale(1.045)}
.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 58%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 55%);pointer-events:none}
.film-copy{position:absolute;right:26px;bottom:24px;z-index:2}
.film-copy span{font:500 9px Manrope;letter-spacing:.18em;color:#c4a66f}
.film-copy h3{font-size:clamp(25px,2.4vw,42px);font-weight:300;margin:8px 0 3px}
.film-copy p{font:500 9px Manrope;letter-spacing:.18em;opacity:.55;margin:0}
.film-sound{position:absolute;left:20px;top:20px;z-index:3;border:1px solid rgba(255,255,255,.32);background:rgba(0,0,0,.18);backdrop-filter:blur(10px);color:#fff;border-radius:999px;padding:9px 12px;font:500 8px Manrope;letter-spacing:.15em;cursor:pointer;opacity:.65;transition:.25s}
.film-sound:hover{opacity:1;background:rgba(0,0,0,.42)}
@media(max-width:980px){.film-grid{grid-template-columns:1fr 1fr;grid-auto-rows:58vw}.film-card-featured{grid-row:span 1}.film-card-wide{grid-column:span 2}.film-head{align-items:start;flex-direction:column}}
@media(max-width:640px){.film-journal{padding:85px 14px}.film-head{margin-bottom:32px;padding:0 8px}.film-head h2{font-size:14vw}.film-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none}.film-grid::-webkit-scrollbar{display:none}.film-card,.film-card-featured,.film-card-wide{min-width:84vw;height:68vh;min-height:520px;scroll-snap-align:center}.film-copy{right:20px;bottom:20px}.film-copy h3{font-size:8vw}}
.saudia-cinematic{position:relative;width:100%;height:min(82vw,920px);min-height:620px;overflow:hidden;background:#050505;color:#fff}
.saudia-cinematic-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.018);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.saudia-cinematic:hover .saudia-cinematic-video{transform:scale(1.045)}
.saudia-cinematic-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.04) 44%,rgba(0,0,0,.72)),linear-gradient(90deg,rgba(0,0,0,.34),transparent 48%,rgba(0,0,0,.1));pointer-events:none}
.saudia-cinematic-frame{position:absolute;inset:24px;border:1px solid rgba(255,255,255,.16);pointer-events:none}
.saudia-cinematic-copy{position:absolute;z-index:2;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:7vw}
.saudia-cinematic-copy h2{font-size:clamp(54px,7.6vw,128px);font-weight:300;line-height:1.05;letter-spacing:-.052em;max-width:980px;margin:18px 0 52px;text-shadow:0 3px 28px rgba(0,0,0,.18)}
.saudia-cinematic-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.3);font:500 9px Manrope;letter-spacing:.18em;text-transform:uppercase;opacity:.76}
.saudia-sound{position:absolute;z-index:3;top:46px;left:48px;border:1px solid rgba(255,255,255,.36);background:rgba(0,0,0,.14);backdrop-filter:blur(14px);color:#fff;border-radius:999px;padding:10px 14px;font:500 8px Manrope;letter-spacing:.16em;cursor:pointer;transition:.25s}
.saudia-sound:hover{background:rgba(0,0,0,.45);border-color:rgba(255,255,255,.65)}
@media(max-width:640px){.saudia-cinematic{height:74vh;min-height:590px}.saudia-cinematic-frame{inset:12px}.saudia-cinematic-copy{padding:28px 22px}.saudia-cinematic-copy h2{font-size:14.5vw;margin:16px 0 34px;max-width:90%}.saudia-cinematic-bottom{font-size:7px;line-height:1.7;flex-direction:column;gap:8px}.saudia-sound{top:28px;left:28px}}
.saudi-vision-feature{position:relative;min-height:88vh;overflow:hidden;background:#07120d;color:#fff;display:flex;align-items:flex-end}
.saudi-vision-feature>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.015);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.saudi-vision-feature:hover>img{transform:scale(1.035)}
.saudi-vision-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,10,7,.9) 0%,rgba(3,10,7,.26) 52%,rgba(3,10,7,.12) 100%),linear-gradient(90deg,rgba(3,10,7,.7),transparent 60%)}
body:not(.en) .saudi-vision-overlay{background:linear-gradient(0deg,rgba(3,10,7,.9) 0%,rgba(3,10,7,.26) 52%,rgba(3,10,7,.12) 100%),linear-gradient(270deg,rgba(3,10,7,.72),transparent 60%)}
.saudi-vision-lines{position:absolute;inset:22px;border:1px solid rgba(255,255,255,.17);pointer-events:none}
.saudi-vision-lines:before,.saudi-vision-lines:after{content:"";position:absolute;background:rgba(196,166,111,.7)}
.saudi-vision-lines:before{width:54px;height:1px;right:-1px;top:-1px}.saudi-vision-lines:after{width:1px;height:54px;right:-1px;top:-1px}
.saudi-vision-copy{position:relative;z-index:2;padding:0 7vw 9vh;max-width:1080px}
.saudi-vision-kicker{font:500 9px Manrope;letter-spacing:.23em;color:#d1b579}
.saudi-vision-copy h2{font-size:clamp(58px,8vw,138px);font-weight:300;line-height:1.02;letter-spacing:-.055em;margin:20px 0 26px;text-wrap:balance}
.saudi-vision-copy p{font-size:clamp(18px,2vw,30px);font-weight:300;margin:0;opacity:.78}
.saudi-vision-mark{position:absolute;z-index:2;left:4vw;top:50%;transform:rotate(-90deg) translateX(-50%);transform-origin:left top;display:flex;align-items:center;gap:12px;font:500 9px Manrope;letter-spacing:.18em;opacity:.52}
.saudi-vision-mark i{width:46px;height:1px;background:#d1b579}
@media(max-width:640px){.saudi-vision-feature{min-height:72vh}.saudi-vision-feature>img{object-position:center center}.saudi-vision-lines{inset:10px}.saudi-vision-copy{padding:0 22px 9vh}.saudi-vision-copy h2{font-size:14vw;line-height:1.08}.saudi-vision-copy p{font-size:17px;line-height:1.7}.saudi-vision-mark{display:none}}
.floating-contact{position:fixed;z-index:78;left:24px;bottom:24px;display:flex;flex-direction:column;gap:9px}
.floating-contact-btn{height:48px;min-width:48px;padding:0 15px;border:1px solid rgba(255,255,255,.18);background:rgba(10,10,10,.78);backdrop-filter:blur(16px);color:#fff;text-decoration:none;display:flex;align-items:center;gap:10px;border-radius:999px;box-shadow:0 10px 35px rgba(0,0,0,.18);transition:.3s cubic-bezier(.2,.8,.2,1);font-size:11px}
.floating-contact-btn svg{width:17px;height:17px;fill:currentColor;flex:0 0 auto}
.floating-contact-btn span{max-width:0;overflow:hidden;opacity:0;white-space:nowrap;transition:.3s}
.floating-contact-btn:hover{border-color:rgba(196,166,111,.65);transform:translateY(-2px)}
.floating-contact-btn:hover span{max-width:80px;opacity:1}
.floating-contact-btn.whatsapp{color:#f2efe8}
.floating-contact-btn.call{color:#d6bd8b}
@media(max-width:640px){.floating-contact{left:12px;right:12px;bottom:12px;flex-direction:row;gap:8px}.floating-contact-btn{flex:1;justify-content:center;height:52px;background:rgba(8,8,8,.9)}.floating-contact-btn span{max-width:100px;opacity:1;font-size:12px}}
.social-presence{margin-top:48px;display:grid;grid-template-columns:.45fr 1.55fr;border-top:1px solid #ccc;padding-top:24px}
.social-label{font-size:12px;opacity:.48}
.social-presence-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.social-presence-links a{color:#111;text-decoration:none;border:1px solid #ccc;padding:20px;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto;align-items:center;transition:.3s}
.social-presence-links a:hover{background:#111;color:#f3efe7;border-color:#111;transform:translateY(-2px)}
.social-icon{grid-row:1/3;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font:600 8px Manrope;letter-spacing:.05em}
.social-presence-links strong{font:500 13px Manrope}
.social-presence-links small{font:400 10px Manrope;opacity:.5;margin-top:3px}
.social-presence-links b{grid-column:3;grid-row:1/3;font:300 18px Manrope}
.footer-socials{display:flex;gap:15px;justify-content:center}
.footer-socials a{color:inherit;text-decoration:none;opacity:.55;transition:.2s}
.footer-socials a:hover{opacity:1}
@media(max-width:980px){footer .footer-socials{justify-content:flex-start}}
@media(max-width:640px){.social-presence{grid-template-columns:1fr;gap:18px}.social-presence-links{grid-template-columns:1fr}.social-presence-links a{min-height:72px}.footer-socials{justify-content:flex-start;flex-wrap:wrap}}
.mazen-real-portrait{min-height:700px;overflow:hidden;background:#07120d}
.mazen-real-portrait img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.mazen-real-portrait:hover img{transform:scale(1.025)}
.mazen-portrait-feature{position:relative;min-height:85vh;background:#07120d;color:#fff;overflow:hidden}
.mazen-portrait-image{position:absolute;inset:0}
.mazen-portrait-image img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}
.mazen-portrait-feature:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,9,6,.9),transparent 58%),linear-gradient(90deg,rgba(3,9,6,.55),transparent 58%)}
.mazen-portrait-copy{position:absolute;z-index:2;right:7vw;bottom:8vh}
.mazen-portrait-copy span{font:500 9px Manrope;letter-spacing:.2em;color:#d1b579}
.mazen-portrait-copy h2{font-size:clamp(64px,8vw,130px);font-weight:300;margin:14px 0 10px;letter-spacing:-.05em}
.mazen-portrait-copy p{font-size:18px;opacity:.72}
@media(max-width:640px){.mazen-real-portrait{min-height:70vh}.mazen-portrait-feature{min-height:72vh}.mazen-portrait-copy{right:22px;left:22px;bottom:7vh}.mazen-portrait-copy h2{font-size:15vw}}
.network-real-photo{min-height:620px;overflow:hidden;background:#111}
.network-real-photo img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.network-real-photo:hover img{transform:scale(1.025)}
.network-editorial-photo{margin:0;position:relative;overflow:hidden;min-height:720px}
.network-editorial-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.network-editorial-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 48%)}
.network-editorial-photo figcaption{position:absolute;z-index:2;right:28px;bottom:28px;color:#fff;display:flex;flex-direction:column;gap:6px}
.network-editorial-photo figcaption span{font:500 8px Manrope;letter-spacing:.2em;color:#d1b579}
.network-editorial-photo figcaption strong{font-size:22px;font-weight:400}
@media(max-width:640px){.network-real-photo{min-height:72vh}.network-editorial-photo{min-height:68vh}}
.real-gallery img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.real-gallery:hover img{transform:scale(1.035)}
.photography-signature{position:relative;min-height:90vh;background:#090b0c;color:#fff;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr}
.photo-signature-image{position:relative;min-height:760px;overflow:hidden}
.photo-signature-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#090b0c 100%)}
.photo-signature-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.photo-signature-copy{padding:8vw 7vw 8vw 4vw;align-self:center}
.photo-signature-copy span{font:500 9px Manrope;letter-spacing:.2em;color:#d1b579}
.photo-signature-copy h2{font-size:clamp(52px,6vw,100px);font-weight:300;line-height:1.08;letter-spacing:-.045em;margin:22px 0 28px}
.photo-signature-copy p{font-size:16px;line-height:2;opacity:.62;max-width:480px}
@media(max-width:760px){.photography-signature{grid-template-columns:1fr}.photo-signature-image{min-height:66vh}.photo-signature-image:after{background:linear-gradient(0deg,#090b0c 0,transparent 42%)}.photo-signature-copy{padding:50px 22px 80px}.photo-signature-copy h2{font-size:13vw}}
.hero-specialties{margin-top:24px;font-size:11px;letter-spacing:.08em;opacity:.72;word-spacing:.18em}
body.en .hero-specialties{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.16em;text-transform:uppercase}
@media(max-width:640px){.hero-specialties{font-size:10px;line-height:2;max-width:88vw}}
.royal-editorial{background:#eee9df;color:#111;padding:130px 5vw}
.royal-editorial-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:24px 60px;margin-bottom:70px;align-items:start}
.royal-editorial-head>span{font:500 9px Manrope;letter-spacing:.2em;color:#9b7c43;padding-top:15px}
.royal-editorial-head h2{font-size:clamp(58px,7vw,120px);font-weight:300;line-height:1;letter-spacing:-.055em;margin:0}
.royal-editorial-head p{grid-column:2;max-width:560px;line-height:1.9;opacity:.58;margin:0}
.royal-editorial-grid{display:grid;grid-template-columns:1fr .78fr 1fr;grid-template-rows:55vw 42vw;gap:12px}
.royal-shot{position:relative;margin:0;overflow:hidden;background:#111}
.royal-shot-a{grid-row:1}.royal-shot-b{grid-row:1}.royal-shot-c{grid-row:1}
.royal-shot-d{grid-column:1/2}.royal-shot-e{grid-column:2/4}
.royal-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.royal-shot:hover img{transform:scale(1.025)}
.royal-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent 35%);pointer-events:none}
.royal-shot figcaption{position:absolute;z-index:2;right:18px;bottom:16px;color:#fff;font:500 8px Manrope;letter-spacing:.16em}
.royal-shot figcaption b{font-weight:500;margin-right:10px;color:#e0c38c}
@media(max-width:700px){.royal-editorial{padding:90px 14px}.royal-editorial-head{display:block;padding:0 8px;margin-bottom:38px}.royal-editorial-head h2{font-size:14vw;margin:18px 0 24px}.royal-editorial-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;scrollbar-width:none}.royal-editorial-grid::-webkit-scrollbar{display:none}.royal-shot{min-width:82vw;height:72vh;scroll-snap-align:center}.royal-editorial-head p{font-size:14px}}
/* V14 — editorial refinement */
.nav .links a{position:relative}
.nav .links a:after{content:"";position:absolute;right:0;left:auto;bottom:-8px;width:0;height:1px;background:#c5a56c;transition:width .35s cubic-bezier(.2,.8,.2,1)}
.nav .links a:hover:after{width:100%}
body.en .nav .links a:after{left:0;right:auto}
.section-light{background:#f1eee7}
.gallery-section,.royal-editorial{border-top:1px solid rgba(17,17,17,.08)}
.real-moment{position:relative}
.real-moment>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.real-moment:hover>img{transform:scale(1.025)}
.moment-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 54%)}
.real-showreel-frame{position:relative;background:#080808;overflow:hidden}
.showreel-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showreel-shade{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(0,0,0,.12),rgba(0,0,0,.68)),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}
.real-showreel .video-overlay{position:relative;z-index:2}
.real-showreel .play{background:rgba(0,0,0,.2)}
.contact-links.branded-contact-links{grid-template-columns:repeat(3,1fr)}
.contact-brand{padding:24px 20px!important;display:grid!important;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;border-left:1px solid #cbc5b9!important}
.contact-brand:last-child{border-left:0!important}
.contact-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff}
.contact-icon .brand-svg{width:21px;height:21px}
.whatsapp-brand .contact-icon,.floating-contact-btn.whatsapp{color:#25D366}
.call-brand .contact-icon,.floating-contact-btn.call{color:#b49357}
.contact-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.contact-text strong{font-size:13px;font-weight:500}
.contact-text small{font:400 10px Manrope;opacity:.5}
.contact-brand>b{font:300 18px Manrope}
.contact-brand:hover{background:#111;color:#f2eee6}
.contact-brand:hover .contact-icon{background:#f7f4ee}
.brand-svg{display:block;fill:currentColor}
.instagram-svg{fill:none}
.social-presence-links a{grid-template-columns:46px 1fr auto}
.social-brand-icon{grid-row:1/3;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff}
.social-brand-icon .brand-svg{width:24px;height:24px}
.social-tiktok .social-brand-icon{background:#050505}
.tiktok-svg .tt-cyan{fill:#25F4EE}
.tiktok-svg .tt-pink{fill:#FE2C55;transform:translate(-.6px,.45px)}
.social-instagram:hover{border-color:#d300c5!important}
.social-tiktok:hover{border-color:#25F4EE!important;background:#050505!important}
.footer-instagram:hover{color:#E1306C!important}
.footer-tiktok:hover{color:#25F4EE!important}
.floating-contact-btn.whatsapp{background:#25D366;color:#fff;border-color:#25D366}
.floating-contact-btn.call{background:#121212;color:#d6bd8b;border-color:rgba(214,189,139,.42)}
.floating-contact-btn .brand-svg{width:18px;height:18px}
.floating-contact-btn.whatsapp:hover{background:#1fb85a}
.floating-contact-btn.call:hover{border-color:#d6bd8b}
.bio-copy>p{font-size:16px;line-height:2.05}
.signature,.moments,.film-journal,.quote{border-top:1px solid rgba(255,255,255,.08)}
@media(max-width:640px){
.contact-links.branded-contact-links{grid-template-columns:1fr}
.contact-brand{border-left:0!important;border-bottom:1px solid #cbc5b9!important;min-height:76px}
.contact-brand:last-child{border-bottom:0!important}
.social-brand-icon{width:42px;height:42px}
}
/* V28 — CRITICAL CONTAINMENT FIX
Prevent gallery/media content from escaping its own section and covering the hero. */
.gallery-card{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
contain:paint !important;
}
.gallery-card > img,
.gallery-card.real-gallery > img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
z-index:0 !important;
}
.gallery-card::before{
z-index:1 !important;
pointer-events:none !important;
}
.gallery-card .meta{
position:absolute !important;
z-index:2 !important;
}
.editorial-grid{
position:relative !important;
isolation:isolate !important;
overflow:hidden !important;
}
/* Keep every other media block inside its own layout box. */
.real-moment,
.moment-card,
.network-real-photo,
.network-editorial-photo,
.royal-shot,
.film-card,
.video-frame,
.photo-signature-image,
.mazen-real-portrait,
.mazen-portrait-feature,
.saudi-vision-feature{
position:relative !important;
overflow:hidden !important;
isolation:isolate !important;
}
/* Hero is its own top-level paint layer; nothing from later sections may overlap it. */
.hero-single-shot{
position:relative !important;
z-index:0 !important;
isolation:isolate !important;
overflow:hidden !important;
}
.hero-single-shot__video{
z-index:0 !important;
}
main > section:not(.hero-single-shot){
position:relative;
z-index:1;
}
/* V32 — luxury editorial + full-image + mobile-first refinement */
:root{
--lux-bg:#0a0a0a;
--lux-paper:#f1eee7;
--lux-gold:#b89b68;
--lux-line:rgba(17,17,17,.12);
}
/* Keep full images visible instead of harsh crops */
.editorial-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
grid-auto-rows:auto;
gap:18px;
align-items:start;
overflow:visible !important;
}
.gallery-card,
.gallery-card.tall,
.gallery-card.wide{
grid-row:auto !important;
min-height:0 !important;
height:auto !important;
background:#111;
}
.gallery-card.tall{grid-column:span 5}
.gallery-card.wide{grid-column:span 7}
.gallery-card:not(.tall):not(.wide){grid-column:span 4}
.gallery-card.real-gallery,
.gallery-card.full-image-card{
aspect-ratio:auto !important;
overflow:hidden !important;
display:block;
}
.gallery-card.real-gallery > img,
.gallery-card.full-image-card > img{
position:relative !important;
inset:auto !important;
width:100% !important;
height:auto !important;
max-height:none !important;
object-fit:contain !important;
object-position:center !important;
display:block !important;
transform:none !important;
}
.gallery-card.real-gallery:hover > img,
.gallery-card.full-image-card:hover > img{
transform:scale(1.01) !important;
}
.gallery-card .meta{
right:18px !important;
bottom:16px !important;
padding:8px 10px;
background:rgba(0,0,0,.46);
backdrop-filter:blur(8px);
}
.gallery-card::before{
background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 38%) !important;
}
/* Royal editorial images: preserve full composition */
.royal-editorial-grid{
display:grid;
grid-template-columns:repeat(12,minmax(0,1fr));
gap:16px;
align-items:start;
}
.royal-shot,
.royal-shot-a,
.royal-shot-b,
.royal-shot-c,
.royal-shot-d,
.royal-shot-e{
grid-column:span 4 !important;
grid-row:auto !important;
min-height:0 !important;
height:auto !important;
background:#111;
}
.royal-shot-d,.royal-shot-e{grid-column:span 6 !important}
.royal-shot img{
position:relative !important;
width:100% !important;
height:auto !important;
object-fit:contain !important;
display:block !important;
}
/* Network / about photos show full framing */
.network-real-photo,
.mazen-real-portrait,
.bio-image{
min-height:0 !important;
height:auto !important;
}
.network-real-photo img,
.mazen-real-portrait img,
.bio-image img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
display:block !important;
}
/* Premium services */
.luxury-services{
background:var(--lux-paper);
color:#121212;
padding:120px 7vw;
border-top:1px solid var(--lux-line);
}
.luxury-services-head{
display:grid;
grid-template-columns:.4fr 1.6fr;
gap:40px;
align-items:start;
margin-bottom:70px;
}
.luxury-services-head>span{
font:500 9px Manrope,sans-serif;
letter-spacing:.22em;
color:#947844;
padding-top:18px;
}
.luxury-services-head h2{
font-size:clamp(54px,6vw,104px);
line-height:1.04;
font-weight:300;
letter-spacing:-.045em;
margin:0;
max-width:1000px;
}
.luxury-services-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
border-top:1px solid #cfc9bc;
border-bottom:1px solid #cfc9bc;
}
.luxury-services-grid article{
padding:30px 24px 34px;
border-left:1px solid #cfc9bc;
}
.luxury-services-grid article:last-child{border-left:0}
.luxury-services-grid article>span{
font:500 9px Manrope,sans-serif;
color:#9c7d45;
letter-spacing:.15em;
}
.luxury-services-grid h3{
font-size:25px;
font-weight:400;
margin:26px 0 12px;
}
.luxury-services-grid p{
font-size:13px;
line-height:1.9;
opacity:.58;
margin:0;
}
/* More deliberate section rhythm */
.gallery-section,
.royal-editorial,
.film-journal,
.press,
.contact{
padding-top:130px;
padding-bottom:130px;
}
.section-head{
margin-bottom:70px;
}
.section-index{
letter-spacing:.22em;
}
.signature-list,.press-list{
max-width:1400px;
margin-inline:auto;
}
/* Luxury hover: restrained */
@media(hover:hover) and (pointer:fine){
.gallery-card,
.royal-shot,
.film-card{
transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;
}
.gallery-card:hover,
.royal-shot:hover,
.film-card:hover{
transform:translateY(-3px);
}
}
/* Hide old floating CTAs on mobile in favor of a cleaner bar */
.mobile-booking-bar{display:none}
/* TABLET */
@media(max-width:980px){
.luxury-services{
padding:90px 28px;
}
.luxury-services-head{
grid-template-columns:1fr;
gap:18px;
margin-bottom:48px;
}
.luxury-services-grid{
grid-template-columns:1fr 1fr;
}
.luxury-services-grid article:nth-child(2){border-left:0}
.luxury-services-grid article:nth-child(-n+2){border-bottom:1px solid #cfc9bc}
.editorial-grid{
grid-template-columns:1fr 1fr;
gap:12px;
}
.gallery-card.tall,
.gallery-card.wide,
.gallery-card:not(.tall):not(.wide){
grid-column:auto !important;
}
.royal-editorial-grid{
grid-template-columns:1fr 1fr;
gap:12px;
}
.royal-shot,
.royal-shot-d,
.royal-shot-e{
grid-column:auto !important;
}
}
/* MOBILE — intentionally designed, not compressed desktop */
@media(max-width:640px){
body{
padding-bottom:72px;
}
.nav{
padding:16px 18px;
grid-template-columns:1fr auto;
}
.brand-ar{font-size:15px}
.brand-en{font-size:7px}
.nav-actions{gap:10px}
.menu{
width:42px;
height:42px;
display:grid;
place-items:center;
}
.hero-v4-restored{
min-height:92svh !important;
height:92svh !important;
}
.hero-video-v4{
object-position:center center !important;
}
.hero-copy-v4{
margin:0 18px 10vh !important;
width:calc(100% - 36px) !important;
}
.hero-copy-v4 h1{
font-size:16vw !important;
line-height:.95 !important;
margin:18px 0 16px !important;
}
.hero-copy-v4 .hero-tagline{
font-size:23px !important;
line-height:1.35 !important;
max-width:88%;
}
.hero-copy-v4 .hero-desc{
font-size:12px !important;
line-height:1.8 !important;
max-width:92%;
}
.hero-copy-v4 .hero-actions{
flex-direction:row !important;
gap:8px !important;
}
.hero-copy-v4 .btn{
flex:1;
min-width:0 !important;
padding:12px 10px !important;
font-size:12px !important;
}
.hero-index-v4,
.scroll-indicator-v4{
display:none !important;
}
.intro,
.signature,
.gallery-section,
.royal-editorial,
.film-journal,
.contact,
.luxury-services{
padding:78px 16px !important;
}
.display{
font-size:11vw !important;
line-height:1.16 !important;
}
.luxury-services-head h2{
font-size:12vw;
line-height:1.08;
}
.luxury-services-grid{
grid-template-columns:1fr;
}
.luxury-services-grid article{
border-left:0 !important;
border-bottom:1px solid #cfc9bc !important;
padding:24px 0 26px;
}
.luxury-services-grid article:last-child{
border-bottom:0 !important;
}
.editorial-grid,
.royal-editorial-grid{
display:block !important;
}
.gallery-card,
.royal-shot{
width:100% !important;
margin:0 0 12px !important;
border-radius:0 !important;
}
.gallery-card.real-gallery > img,
.royal-shot img{
width:100% !important;
height:auto !important;
max-height:none !important;
object-fit:contain !important;
}
.section-head{
gap:18px;
margin-bottom:32px;
}
.section-head>p{
font-size:13px;
line-height:1.8;
}
.horizontal-track{
padding:0 16px 24px !important;
gap:10px !important;
}
.moment-card{
min-width:86vw !important;
height:auto !important;
aspect-ratio:4/5;
}
.film-grid{
display:flex !important;
overflow-x:auto !important;
gap:10px !important;
scroll-snap-type:x mandatory;
}
.film-card{
min-width:86vw !important;
height:68svh !important;
min-height:0 !important;
scroll-snap-align:center;
}
.network,
.bio{
display:block !important;
}
.network-copy,
.bio-copy{
padding:64px 18px !important;
}
.network-image,
.bio-image{
min-height:0 !important;
}
.network-image img,
.bio-image img{
width:100% !important;
height:auto !important;
}
.quote{
min-height:68svh !important;
padding:18px !important;
}
.quote p{
font-size:10.5vw !important;
}
.contact h2{
font-size:14vw !important;
margin-top:54px !important;
}
.floating-contact{
display:none !important;
}
.mobile-booking-bar{
position:fixed;
left:10px;
right:10px;
bottom:10px;
z-index:130;
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
}
.mobile-booking-bar a{
min-height:54px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
gap:9px;
text-decoration:none;
font-size:13px;
box-shadow:0 10px 30px rgba(0,0,0,.18);
}
.mobile-booking-whatsapp{
background:#25D366;
color:#fff;
}
.mobile-booking-call{
background:#111;
color:#d6bd8b;
border:1px solid rgba(214,189,139,.38);
}
.m-icon{
width:28px;
height:28px;
border-radius:50%;
display:grid;
place-items:center;
font:600 7px Manrope,sans-serif;
border:1px solid currentColor;
}
footer{
padding:30px 18px 92px !important;
}
}
/* V33 — SIGNATURE LUXURY POLISH */
html{scroll-behavior:smooth}
body{
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
::selection{background:#b89b68;color:#0a0a0a}
/* Cinematic section entrances */
.reveal-section{
opacity:0;
transform:translateY(26px);
transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1);
}
.reveal-section.is-visible{opacity:1;transform:none}
/* Thin editorial dividers create magazine rhythm without visual clutter */
.gallery-section,
.royal-editorial,
.film-journal,
.press,
.contact,
.luxury-services{
border-top:1px solid rgba(184,155,104,.14);
}
/* Refined headings */
.section-head h2,
.luxury-services-head h2{
text-wrap:balance;
}
.section-head h2{
letter-spacing:-.035em;
}
.section-head>p{
max-width:620px;
}
/* Premium image presentation: preserve full composition */
.gallery-card,
.royal-shot{
background:#0b0b0b;
}
.gallery-card img,
.royal-shot img{
transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .8s ease;
}
@media(hover:hover) and (pointer:fine){
.gallery-card:hover img,
.royal-shot:hover img{
transform:scale(1.018) !important;
}
}
/* Signature manifesto */
.brand-manifesto{
min-height:82svh;
padding:10vh 7vw;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
background:#090909;
color:#f3efe6;
border-top:1px solid rgba(184,155,104,.18);
border-bottom:1px solid rgba(184,155,104,.18);
}
.manifesto-kicker{
font:500 9px Manrope,sans-serif;
letter-spacing:.28em;
color:#b89b68;
margin-bottom:52px;
}
.brand-manifesto p{
max-width:1180px;
margin:0;
font-size:clamp(48px,6.3vw,108px);
line-height:1.18;
font-weight:300;
letter-spacing:-.045em;
text-wrap:balance;
}
.manifesto-line{
width:1px;
height:72px;
background:linear-gradient(#b89b68,transparent);
margin:54px 0 24px;
}
.brand-manifesto>span{
font-size:11px;
letter-spacing:.16em;
color:#b9b2a5;
}
/* Desktop nav glass only after scroll */
.nav{
transition:background .45s ease,backdrop-filter .45s ease,border-color .45s ease,padding .45s ease;
}
body.is-scrolled .nav{
background:rgba(8,8,8,.72);
backdrop-filter:blur(18px);
-webkit-backdrop-filter:blur(18px);
border-bottom:1px solid rgba(255,255,255,.08);
}
/* Mobile: luxury editorial proportions and safe touch targets */
@media(max-width:640px){
.brand-manifesto{
min-height:66svh;
padding:78px 20px;
}
.manifesto-kicker{
margin-bottom:34px;
font-size:7px;
}
.brand-manifesto p{
font-size:10.8vw;
line-height:1.3;
letter-spacing:-.035em;
}
.manifesto-line{
height:50px;
margin:34px 0 18px;
}
.brand-manifesto>span{
font-size:9px;
line-height:2;
}
.gallery-card .meta{
right:10px !important;
bottom:10px !important;
max-width:calc(100% - 20px);
font-size:10px;
}
.gallery-card.real-gallery > img,
.royal-shot img,
.network-image img,
.bio-image img{
max-height:none !important;
object-fit:contain !important;
}
.luxury-services-grid h3{
font-size:22px;
}
.luxury-services-grid p{
font-size:12px;
line-height:2;
}
a,button{
-webkit-tap-highlight-color:transparent;
}
}
/* Respect reduced-motion users and keep mobile GPU load low */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{
scroll-behavior:auto !important;
animation-duration:.01ms !important;
animation-iteration-count:1 !important;
transition-duration:.01ms !important;
}
.reveal-section{opacity:1;transform:none}
}
/* V34 mobile hero final cascade */
@media(max-width:640px){
.hero-v4-restored .hero-copy-v4{
position:absolute!important;right:18px!important;left:18px!important;
bottom:116px!important;margin:0!important;width:auto!important;
}
.hero-v4-restored .hero-copy-v4 h1{
font-size:clamp(54px,15vw,72px)!important;line-height:.95!important;
margin:0 0 15px!important;white-space:nowrap!important;
}
.hero-v4-restored .hero-copy-v4 .eyebrow{
font-size:8px!important;line-height:1.7!important;margin-bottom:12px!important;
}
.hero-v4-restored .hero-copy-v4 .hero-tagline{
font-size:clamp(21px,6.5vw,28px)!important;line-height:1.35!important;
}
.hero-v4-restored .hero-copy-v4 .hero-desc{
font-size:11px!important;line-height:1.75!important;
}
}
/* V35 — official logo integration */
.brand-with-logo{
display:flex;
align-items:center;
text-decoration:none;
color:inherit;
}
.nav-logo{
display:block;
width:132px;
height:auto;
object-fit:contain;
filter:drop-shadow(0 2px 8px rgba(0,0,0,.18));
}
.footer-logo-lockup{
display:flex;
align-items:flex-end;
}
.footer-logo-lockup img{
width:160px;
height:auto;
display:block;
object-fit:contain;
opacity:.9;
}
@media(max-width:980px){
.nav-logo{width:114px}
}
@media(max-width:640px){
.nav-logo{width:96px}
.footer-logo-lockup img{width:132px}
}
/* V36 — remove duplicated oversized hero name on mobile */
@media(max-width:640px){
.hero-v4-restored .hero-copy-v4 h1{
display:none !important;
}
.hero-v4-restored .hero-copy-v4{
bottom:118px !important;
}
.hero-v4-restored .hero-copy-v4 .eyebrow{
margin-bottom:10px !important;
}
.hero-v4-restored .hero-copy-v4 .hero-tagline{
margin-top:0 !important;
max-width:92% !important;
}
}
/* V37 — definitive mobile/tablet hero title fix
Root cause: preview viewport can be 641–980 CSS px, so the old 640px rule did not fire. */
@media (max-width:980px){
.hero-v4-restored .hero-copy-v4 > h1,
#home.hero-v4-restored .hero-copy-v4 > h1,
#home .hero-copy-v4 > h1.reveal{
display:none !important;
visibility:hidden !important;
opacity:0 !important;
height:0 !important;
min-height:0 !important;
max-height:0 !important;
overflow:hidden !important;
margin:0 !important;
padding:0 !important;
pointer-events:none !important;
}
#home.hero-v4-restored .hero-copy-v4{
right:clamp(18px,5vw,44px) !important;
left:clamp(18px,5vw,44px) !important;
width:auto !important;
max-width:none !important;
}
}
/* V38 — FINAL LUXURY POLISH */
:root{
--gold-soft:#b89b68;
--ink:#0a0a0a;
--paper:#f1eee7;
}
/* More refined rhythm */
main > section{
scroll-margin-top:84px;
}
.intro,
.bio,
.luxury-services,
.gallery-section,
.royal-editorial,
.film-journal,
.network,
.brand-manifesto,
.contact{
position:relative;
}
/* About moved near the top and styled as an editorial profile */
.bio{
min-height:auto !important;
grid-template-columns:1.05fr .95fr !important;
border-top:1px solid rgba(17,17,17,.08);
border-bottom:1px solid rgba(17,17,17,.08);
}
.bio-image{
min-height:760px !important;
background:#0b0b0b;
}
.bio-image img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 24% !important;
}
.bio-copy{
padding:110px 7vw !important;
}
.bio-copy .kicker{
font-size:12px !important;
letter-spacing:.08em;
}
.bio-copy h2{
font-size:clamp(58px,6.3vw,110px) !important;
line-height:1 !important;
margin:24px 0 34px !important;
}
.bio-copy>p{
max-width:580px;
font-size:16px !important;
line-height:2.05 !important;
opacity:.72 !important;
}
.bio-signature-line{
margin-top:54px;
display:flex;
align-items:center;
gap:14px;
color:#7a6b54;
font:500 9px Manrope,sans-serif;
letter-spacing:.18em;
}
.bio-signature-line i{
width:56px;
height:1px;
background:#b89b68;
}
/* Micro editorial markers */
.edge-marker{
position:absolute;
top:22px;
left:22px;
z-index:3;
font:500 8px Manrope,sans-serif;
letter-spacing:.22em;
color:rgba(184,155,104,.66);
writing-mode:vertical-rl;
transform:rotate(180deg);
}
.section-light .edge-marker{
color:rgba(128,98,52,.58);
}
/* Better photography feel */
.gallery-card,
.royal-shot,
.network-image,
.bio-image,
.photo-signature-image,
.mazen-portrait-feature{
box-shadow:0 0 0 1px rgba(255,255,255,.02);
}
.gallery-card img,
.royal-shot img,
.network-image img,
.bio-image img,
.photo-signature-image img{
backface-visibility:hidden;
}
/* Elegant image reveal */
.image-reveal-mask{
position:relative;
overflow:hidden;
}
.image-reveal-mask::after{
content:"";
position:absolute;
inset:0;
background:#111;
transform:translateY(0);
transition:transform 1.1s cubic-bezier(.76,0,.24,1);
z-index:5;
pointer-events:none;
}
.image-reveal-mask.is-revealed::after{
transform:translateY(-102%);
}
/* Headings get slightly tighter luxury tracking */
.display,
.section-head h2,
.luxury-services-head h2,
.press-head h2,
.network h2,
.contact h2{
text-wrap:balance;
}
/* Softer CTA interaction */
.btn,
.contact-brand,
.mobile-booking-bar a{
transition:
transform .35s cubic-bezier(.2,.8,.2,1),
background .35s ease,
color .35s ease,
border-color .35s ease,
box-shadow .35s ease;
}
@media(hover:hover) and (pointer:fine){
.btn:hover,
.contact-brand:hover{
transform:translateY(-2px);
box-shadow:0 14px 34px rgba(0,0,0,.12);
}
}
/* Navigation refinement */
.nav{
mix-blend-mode:normal;
}
.nav.scrolled,
body.is-scrolled .nav{
box-shadow:0 1px 0 rgba(255,255,255,.05);
}
/* Mobile: intentional composition */
@media(max-width:640px){
.edge-marker{display:none}
.bio{
display:flex !important;
flex-direction:column;
}
.bio-image{
order:1;
min-height:0 !important;
height:auto !important;
}
.bio-image img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
object-position:center !important;
}
.bio-copy{
order:2;
padding:58px 18px 70px !important;
}
.bio-copy h2{
font-size:13.5vw !important;
margin:16px 0 26px !important;
}
.bio-copy>p{
font-size:13px !important;
line-height:2 !important;
}
.bio-signature-line{
margin-top:34px;
font-size:8px;
gap:10px;
}
.bio-signature-line i{width:34px}
.gallery-card,
.royal-shot{
margin-bottom:14px !important;
}
.gallery-card .meta,
.royal-shot figcaption{
backdrop-filter:blur(8px);
background:rgba(0,0,0,.38);
padding:8px 10px;
}
.brand-manifesto p{
max-width:92vw;
}
}
/* Tablet also gets a purposeful profile layout */
@media(min-width:641px) and (max-width:980px){
.bio{
grid-template-columns:1fr 1fr !important;
}
.bio-image{
min-height:640px !important;
}
.bio-copy{
padding:80px 5vw !important;
}
}
/* Reduced motion */
@media(prefers-reduced-motion:reduce){
.image-reveal-mask::after{display:none}
}
/* === Partnership expansion: Mazen × Dakheel Allah === */
.partnership{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(36px,6vw,100px);align-items:center;padding:clamp(80px,10vw,150px) clamp(24px,6vw,100px)}
.partnership-visual{min-height:720px;overflow:hidden;background:#111}
.partnership-visual img{width:100%;height:100%;min-height:720px;object-fit:cover;object-position:center;display:block}
.partnership-copy h2{font-size:clamp(42px,5vw,78px);line-height:1.15;margin:.3em 0}.partnership-copy>p{font-size:clamp(18px,1.55vw,24px);line-height:2;color:#555;max-width:760px}
.partner-profiles{margin-top:48px;border-top:1px solid rgba(0,0,0,.15)}.partner-profiles article{padding:28px 0;border-bottom:1px solid rgba(0,0,0,.15)}.partner-profiles h3{font-size:clamp(24px,2.2vw,34px);margin:0 0 8px}.partner-profiles span{color:#9a783f;font-size:13px;letter-spacing:.08em}.partner-profiles p{line-height:1.9;color:#666}
.partner-portraits{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;background:#0b0b0b}.partner-portraits figure{position:relative;margin:0;min-height:78vh;overflow:hidden}.partner-portraits img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.partner-portraits figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.partner-portraits figcaption{position:absolute;z-index:2;bottom:48px;right:48px;color:#fff}.partner-portraits strong{display:block;font-size:clamp(30px,3vw,52px)}.partner-portraits span{color:#c7a56a;letter-spacing:.06em}
.partnership-vision{position:relative;min-height:78vh;overflow:hidden;background:#090909}.partnership-vision>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.partnership-vision:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.05),rgba(0,0,0,.15) 45%,rgba(0,0,0,.72))}.partnership-vision-copy{position:absolute;z-index:2;right:7vw;top:50%;transform:translateY(-50%);max-width:620px;color:#fff}.partnership-vision-copy p{color:#d3b172;letter-spacing:.08em}.partnership-vision-copy h2{font-size:clamp(42px,5vw,78px);line-height:1.15;margin:.25em 0}.partnership-vision-copy span{font-size:clamp(17px,1.4vw,22px);line-height:1.8}.hero-x{color:#c7a56a;font-size:.55em;vertical-align:middle;margin:0 .08em}.partnership-hero-title{max-width:1100px;font-size:clamp(58px,7.2vw,128px)!important}
@media(max-width:760px){.partnership{grid-template-columns:1fr;padding:72px 20px;gap:36px}.partnership-visual,.partnership-visual img{min-height:560px}.partnership-visual img{object-position:center top}.partner-portraits{grid-template-columns:1fr}.partner-portraits figure{min-height:70vh}.partner-portraits figcaption{right:24px;bottom:28px}.partnership-vision{min-height:auto;padding-top:66.67%}.partnership-vision>img{object-fit:contain;background:#111}.partnership-vision:after{background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 60%)}.partnership-vision-copy{right:22px;left:22px;top:auto;bottom:28px;transform:none}.partnership-vision-copy h2{font-size:34px}.partnership-hero-title{font-size:clamp(42px,12vw,68px)!important;line-height:1.1!important}.hero-x{display:block;margin:.08em 0}.partner-profiles{margin-top:30px}}
/* V40 — Dakheel Allah personal social accounts */
.dakheel-profile{position:relative}
.dakheel-socials{margin-top:28px;padding-top:24px;border-top:1px solid rgba(17,17,17,.12)}
.dakheel-socials-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:14px}
.dakheel-socials-head>span,.contact-dakheel-title>span{font:500 8px Manrope,sans-serif;letter-spacing:.2em;color:#9a7b43;text-transform:uppercase}
.dakheel-socials-head>strong{font-size:12px;font-weight:500;color:#222}
.dakheel-social-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.dakheel-social{min-height:68px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(17,17,17,.14);color:#151515;text-decoration:none;background:rgba(255,255,255,.38);transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s,background .3s,color .3s}
.dakheel-social:hover{transform:translateY(-2px)}
.dakheel-social-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px}
.dakheel-platform-svg{width:22px;height:22px;display:block}
.dakheel-social-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.dakheel-social-copy strong{font:600 11px Manrope,sans-serif}
.dakheel-social-copy small{font:400 9px Manrope,sans-serif;opacity:.62;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dakheel-social>b{font:400 15px Manrope,sans-serif;opacity:.55}
.dakheel-social.snapchat .dakheel-social-icon{background:#FFFC00;color:#000}
.dakheel-social.snapchat:hover{border-color:#e3df00;background:#fffef0}
.dakheel-social.tiktok .dakheel-social-icon{background:#050505;color:#fff;box-shadow:inset 3px 0 0 #25F4EE,inset -3px 0 0 #FE2C55}
.dakheel-social.tiktok:hover{border-color:#25F4EE;background:#0b0b0b;color:#fff}
.dakheel-social.x-platform .dakheel-social-icon{background:#000;color:#fff}
.dakheel-social.x-platform:hover{border-color:#000;background:#000;color:#fff}
.contact-dakheel-socials{margin-top:48px;padding:28px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.contact-dakheel-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}
.contact-dakheel-title h3{margin:0;font-size:clamp(22px,2.3vw,34px);font-weight:400}
.dakheel-social-links-contact .dakheel-social{min-height:78px;background:#f7f4ee}
@media(max-width:980px){
.dakheel-social-links{grid-template-columns:1fr}
.dakheel-socials-head,.contact-dakheel-title{align-items:start;flex-direction:column}
}
@media(max-width:640px){
.dakheel-socials{margin-top:24px}
.dakheel-social{min-height:64px;padding:10px 11px}
.dakheel-social-icon{width:40px;height:40px}
.contact-dakheel-socials{margin-top:34px;padding:24px 0}
.contact-dakheel-title h3{font-size:24px}
.dakheel-social-links-contact{gap:8px}
}
/* V41 — MOLFET BUSINESS BOOKING FORM */
.molfet-booking{
background:#070707;
color:#f4f0e8;
padding:120px 5vw;
border-top:1px solid rgba(184,155,104,.22);
}
.molfet-booking-shell{
max-width:1500px;
margin:0 auto;
display:grid;
grid-template-columns:.82fr 1.18fr;
gap:clamp(50px,7vw,120px);
align-items:start;
}
.molfet-booking-brand{
position:sticky;
top:120px;
}
.molfet-logo{
display:block;
width:min(360px,78%);
height:auto;
margin:0 0 34px auto;
object-fit:contain;
filter:drop-shadow(0 18px 38px rgba(0,0,0,.28));
}
.molfet-kicker{
display:block;
font:500 9px Manrope,sans-serif;
letter-spacing:.28em;
color:#d1b579;
margin-bottom:20px;
}
.molfet-booking-brand h2{
margin:0 0 28px;
font-size:clamp(58px,6vw,104px);
line-height:.98;
font-weight:300;
letter-spacing:-.05em;
}
.molfet-booking-brand p{
max-width:520px;
margin:0;
font-size:15px;
line-height:2;
color:rgba(255,255,255,.62);
}
.molfet-whatsapp-note{
margin-top:44px;
padding-top:24px;
border-top:1px solid rgba(255,255,255,.12);
display:flex;
justify-content:space-between;
gap:20px;
align-items:center;
}
.molfet-whatsapp-note span{
font:500 8px Manrope,sans-serif;
letter-spacing:.2em;
color:#25D366;
}
.molfet-whatsapp-note strong{
font:500 12px Manrope,sans-serif;
letter-spacing:.04em;
}
.molfet-booking-form-wrap{
background:#f1eee7;
color:#111;
padding:clamp(28px,4.5vw,64px);
border:1px solid rgba(255,255,255,.08);
}
.molfet-form-head{
display:flex;
justify-content:space-between;
align-items:end;
gap:20px;
margin-bottom:42px;
padding-bottom:22px;
border-bottom:1px solid #cbc5b9;
}
.molfet-form-head span{
font:500 9px Manrope,sans-serif;
letter-spacing:.2em;
color:#9a7b43;
}
.molfet-form-head strong{
font-size:19px;
font-weight:400;
}
.molfet-form-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.molfet-field{
margin-bottom:18px;
}
.molfet-field label{
display:flex;
justify-content:space-between;
gap:14px;
align-items:center;
margin-bottom:9px;
font-size:11px;
color:#514b43;
}
.molfet-field label small{
font-size:9px;
color:#9b9489;
}
.molfet-field input,
.molfet-field select,
.molfet-field textarea{
width:100%;
border:1px solid #cfc9bd;
background:#f7f4ee;
color:#111;
padding:15px 16px;
font:400 14px "IBM Plex Sans Arabic",sans-serif;
outline:none;
border-radius:0;
transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.molfet-field textarea{
resize:vertical;
min-height:126px;
line-height:1.8;
}
.molfet-field input:focus,
.molfet-field select:focus,
.molfet-field textarea:focus{
border-color:#a98b56;
background:#fff;
box-shadow:0 0 0 3px rgba(184,155,104,.08);
}
.molfet-field input::placeholder,
.molfet-field textarea::placeholder{
color:#aaa397;
}
.molfet-select-wrap{
position:relative;
}
.molfet-select-wrap::after{
content:"⌄";
position:absolute;
left:16px;
top:50%;
transform:translateY(-54%);
pointer-events:none;
color:#8d7550;
font-size:16px;
}
.molfet-field select{
appearance:none;
-webkit-appearance:none;
padding-left:44px;
cursor:pointer;
}
.molfet-submit{
width:100%;
min-height:58px;
margin-top:8px;
border:0;
background:#0b0b0b;
color:#f3efe7;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px;
padding:0 22px;
cursor:pointer;
font:500 13px "IBM Plex Sans Arabic",sans-serif;
transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s,color .3s;
}
.molfet-submit b{
font:300 20px Manrope,sans-serif;
color:#d1b579;
}
.molfet-submit:hover{
transform:translateY(-2px);
background:#151515;
}
.molfet-form-note{
margin:12px 0 0;
font-size:10px;
color:#8f897f;
line-height:1.8;
}
.molfet-field.has-error input,
.molfet-field.has-error select{
border-color:#a8483f;
}
.molfet-error{
display:block;
margin-top:7px;
font-size:10px;
color:#a8483f;
}
@media(max-width:980px){
.molfet-booking{
padding:90px 28px;
}
.molfet-booking-shell{
grid-template-columns:1fr;
}
.molfet-booking-brand{
position:relative;
top:auto;
}
.molfet-logo{
width:min(300px,62%);
margin-right:0;
}
}
@media(max-width:640px){
.molfet-booking{
padding:76px 14px 96px;
}
.molfet-booking-shell{
gap:38px;
}
.molfet-logo{
width:min(240px,72%);
margin:0 0 28px auto;
}
.molfet-booking-brand h2{
font-size:14vw;
}
.molfet-booking-brand p{
font-size:13px;
line-height:2;
}
.molfet-whatsapp-note{
margin-top:30px;
}
.molfet-booking-form-wrap{
padding:24px 16px 28px;
}
.molfet-form-head{
align-items:start;
flex-direction:column;
margin-bottom:28px;
}
.molfet-form-head strong{
font-size:17px;
}
.molfet-form-grid{
grid-template-columns:1fr;
gap:0;
}
.molfet-field input,
.molfet-field select,
.molfet-field textarea{
min-height:52px;
font-size:16px; /* prevent iOS zoom */
}
.molfet-submit{
min-height:56px;
font-size:12px;
}
}
/* =========================================================
V42 — DESKTOP EDITORIAL GALLERY / SPACING POLISH
Goal: tighter luxury rhythm without changing site identity
========================================================= */
@media (min-width: 981px) {
/* Main image/gallery grids: remove excessive dead space */
.gallery-grid,
.work-grid,
.works-grid,
.portfolio-grid,
.events-grid,
.media-grid,
.photo-grid,
.masonry-grid {
gap: 10px !important;
align-items: stretch;
}
/* Images should visually fill their cards on desktop.
Full-image/portrait utility classes remain protected below. */
.gallery-grid img,
.work-grid img,
.works-grid img,
.portfolio-grid img,
.events-grid img,
.media-grid img,
.photo-grid img,
.masonry-grid img {
display: block;
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
object-position: center;
transition: transform .7s cubic-bezier(.2,.7,.2,1),
filter .7s cubic-bezier(.2,.7,.2,1);
}
/* Important full-frame imagery must never be aggressively cropped */
img[data-full-image],
.full-image img,
.vision-image img,
.vision2030 img,
.partnership-image img,
.featured-image img {
object-fit: contain !important;
height: auto !important;
min-height: 0 !important;
background: transparent;
}
/* Premium editorial variation where grids expose direct children */
.gallery-grid > *:nth-child(7n+1),
.work-grid > *:nth-child(7n+1),
.works-grid > *:nth-child(7n+1),
.portfolio-grid > *:nth-child(7n+1) {
grid-row: span 2;
}
.gallery-grid > *:nth-child(7n+4),
.work-grid > *:nth-child(7n+4),
.works-grid > *:nth-child(7n+4),
.portfolio-grid > *:nth-child(7n+4) {
grid-column: span 2;
}
/* Prevent awkward blank interiors */
.gallery-grid > *,
.work-grid > *,
.works-grid > *,
.portfolio-grid > *,
.events-grid > *,
.media-grid > *,
.photo-grid > *,
.masonry-grid > * {
overflow: hidden;
margin: 0 !important;
min-width: 0;
}
/* Refined hover, deliberately subtle */
.gallery-grid > *:hover img,
.work-grid > *:hover img,
.works-grid > *:hover img,
.portfolio-grid > *:hover img,
.events-grid > *:hover img,
.media-grid > *:hover img,
.photo-grid > *:hover img {
transform: scale(1.018);
}
/* Global section rhythm: reduce accidental-looking vertical voids */
main section:not(.hero):not(.molfet-booking) {
scroll-margin-top: 90px;
}
.section-head,
.section-header {
margin-bottom: clamp(28px, 3vw, 48px) !important;
}
/* Paired editorial layouts */
.split,
.split-layout,
.about-grid,
.profile-grid,
.partnership-grid {
column-gap: clamp(38px, 5vw, 82px);
row-gap: 34px;
align-items: center;
}
/* Avoid giant empty blocks created by fixed/min heights */
.gallery-grid,
.work-grid,
.works-grid,
.portfolio-grid {
min-height: 0 !important;
}
}
/* Mobile stays clean and predictable rather than forced masonry */
@media (max-width: 980px) {
.gallery-grid,
.work-grid,
.works-grid,
.portfolio-grid,
.events-grid,
.media-grid,
.photo-grid,
.masonry-grid {
gap: 8px !important;
}
.gallery-grid > *,
.work-grid > *,
.works-grid > *,
.portfolio-grid > *,
.events-grid > *,
.media-grid > *,
.photo-grid > *,
.masonry-grid > * {
grid-column: auto !important;
grid-row: auto !important;
margin: 0 !important;
}
.gallery-grid img,
.work-grid img,
.works-grid img,
.portfolio-grid img,
.events-grid img,
.media-grid img,
.photo-grid img,
.masonry-grid img {
display: block;
width: 100%;
height: auto;
object-fit: contain;
}
}
/* Very small phones: preserve breathing room without blank zones */
@media (max-width: 560px) {
.gallery-grid,
.work-grid,
.works-grid,
.portfolio-grid,
.events-grid,
.media-grid,
.photo-grid,
.masonry-grid {
gap: 6px !important;
}
}
/* ==========================================================
V43 — DEFINITIVE DESKTOP IMAGE COMPOSITION
Removes the large accidental blank areas visible on laptop.
========================================================== */
@media (min-width: 981px) {
/* ---------- SELECTED WORK ---------- */
.editorial-grid-v43{
display:grid !important;
grid-template-columns:repeat(12,minmax(0,1fr)) !important;
grid-template-rows:auto !important;
grid-auto-rows:auto !important;
grid-auto-flow:dense !important;
gap:10px !important;
align-items:stretch !important;
overflow:hidden !important;
}
.editorial-grid-v43 > .gallery-card{
position:relative !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
margin:0 !important;
overflow:hidden !important;
background:#0a0a0a !important;
}
/* First row: two landscape images, 62/38 */
.editorial-grid-v43 > .gallery-card:nth-child(1){
grid-column:1 / span 7 !important;
aspect-ratio:3 / 2 !important;
}
.editorial-grid-v43 > .gallery-card:nth-child(2){
grid-column:8 / span 5 !important;
aspect-ratio:5 / 4 !important;
}
/* Second row: one wider image + two portraits */
.editorial-grid-v43 > .gallery-card:nth-child(3){
grid-column:1 / span 6 !important;
aspect-ratio:5 / 4 !important;
}
.editorial-grid-v43 > .gallery-card:nth-child(4){
grid-column:7 / span 3 !important;
aspect-ratio:2 / 3 !important;
}
.editorial-grid-v43 > .gallery-card:nth-child(5){
grid-column:10 / span 3 !important;
aspect-ratio:2 / 3 !important;
}
.editorial-grid-v43 > .gallery-card > img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
object-position:center !important;
margin:0 !important;
}
/* Portrait originals: preserve faces / upper body */
.editorial-grid-v43 > .gallery-card:nth-child(4) > img,
.editorial-grid-v43 > .gallery-card:nth-child(5) > img{
object-position:center 24% !important;
}
/* ---------- FORMAL OCCASIONS ---------- */
.royal-editorial-grid-v43{
display:grid !important;
grid-template-columns:repeat(12,minmax(0,1fr)) !important;
grid-template-rows:auto !important;
grid-auto-flow:dense !important;
gap:10px !important;
align-items:stretch !important;
overflow:hidden !important;
}
.royal-editorial-grid-v43 > .royal-shot{
position:relative !important;
width:100% !important;
min-width:0 !important;
min-height:0 !important;
height:auto !important;
grid-row:auto !important;
margin:0 !important;
overflow:hidden !important;
background:#0b0b0b !important;
}
/* Three portrait covers create a deliberate magazine opening */
.royal-editorial-grid-v43 > .royal-shot:nth-child(1){
grid-column:1 / span 4 !important;
aspect-ratio:2 / 3 !important;
}
.royal-editorial-grid-v43 > .royal-shot:nth-child(2){
grid-column:5 / span 4 !important;
aspect-ratio:2 / 3 !important;
}
.royal-editorial-grid-v43 > .royal-shot:nth-child(3){
grid-column:9 / span 4 !important;
aspect-ratio:2 / 3 !important;
}
/* Closing row: two large portraits, equal visual weight */
.royal-editorial-grid-v43 > .royal-shot:nth-child(4){
grid-column:1 / span 6 !important;
aspect-ratio:4 / 5 !important;
}
.royal-editorial-grid-v43 > .royal-shot:nth-child(5){
grid-column:7 / span 6 !important;
aspect-ratio:4 / 5 !important;
}
.royal-editorial-grid-v43 > .royal-shot > img{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 20% !important;
display:block !important;
}
/* ---------- MOTION JOURNAL ---------- */
.film-grid{
grid-template-columns:1.35fr .825fr .825fr !important;
grid-auto-rows:clamp(300px,28vw,500px) !important;
gap:10px !important;
}
.film-card{
min-height:0 !important;
height:auto !important;
}
.film-card-featured{
grid-row:span 2 !important;
}
.film-card video{
width:100% !important;
height:100% !important;
object-fit:cover !important;
}
/* ---------- PARTNERS / PROFILE ---------- */
.partner-portraits{
gap:10px !important;
padding:10px !important;
}
.partner-portraits figure{
min-height:clamp(560px,64vh,760px) !important;
}
/* Let split sections derive height from their real content. */
.network,
.bio,
.partnership{
min-height:0 !important;
}
.network-image,
.network-real-photo,
.network-editorial-photo{
min-height:0 !important;
}
/* ---------- SECTION SPACING ---------- */
.gallery-section,
.royal-editorial,
.film-journal{
padding-top:96px !important;
padding-bottom:96px !important;
}
.gallery-section .section-head,
.royal-editorial-head,
.film-head{
margin-bottom:42px !important;
}
/* Floating contact stays useful without dominating every screenshot. */
.floating-contact{
left:24px !important;
bottom:24px !important;
gap:8px !important;
}
.floating-contact-btn{
width:54px !important;
height:54px !important;
min-width:54px !important;
min-height:54px !important;
padding:0 !important;
border-radius:50% !important;
}
.floating-contact-btn span{
display:none !important;
}
.floating-contact-btn .brand-svg{
width:18px !important;
height:18px !important;
}
}
/* Laptop-specific tuning */
@media (min-width: 981px) and (max-width: 1440px){
.gallery-section,
.royal-editorial,
.film-journal{
padding-left:3.5vw !important;
padding-right:3.5vw !important;
}
.editorial-grid-v43,
.royal-editorial-grid-v43{
gap:8px !important;
}
}
/* Mobile/tablet: leave the proven stacked experience intact */
@media (max-width: 980px){
.editorial-grid-v43,
.royal-editorial-grid-v43{
display:block !important;
}
.editorial-grid-v43 > .gallery-card,
.royal-editorial-grid-v43 > .royal-shot{
aspect-ratio:auto !important;
width:100% !important;
margin-bottom:10px !important;
}
.editorial-grid-v43 > .gallery-card > img,
.royal-editorial-grid-v43 > .royal-shot > img{
position:relative !important;
inset:auto !important;
width:100% !important;
height:auto !important;
object-fit:contain !important;
}
}
/* V44 — multipage expansion; homepage preserved, additions only */
.profile-gateway-v44{padding:110px 5vw;background:#0b0b0b;color:#f6f0e5;direction:rtl}
.profile-gateway-v44__head{max-width:760px;margin:0 0 46px auto}
.profile-gateway-v44__head span,.inner-hero-v44__copy>span,.contact-hero-v44>span{color:#c9a45c;letter-spacing:.18em;font-size:.76rem}
.profile-gateway-v44 h2{font-size:clamp(2rem,4vw,4.6rem);margin:12px 0 18px;font-weight:400}
.profile-gateway-v44 p{opacity:.72;line-height:2}
.profile-gateway-v44__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.profile-gateway-v44__card{min-height:250px;padding:38px;border:1px solid rgba(201,164,92,.28);display:flex;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none;transition:.35s}
.profile-gateway-v44__card:hover{transform:translateY(-4px);border-color:#c9a45c;background:#111}
.profile-gateway-v44__card h3{font-size:clamp(1.6rem,2.6vw,3rem);font-weight:400}.profile-gateway-v44__card small,.profile-gateway-v44__card>span{color:#c9a45c}
.inner-page-v44{margin:0;background:#0a0a0a;color:#f5f1e8}
.inner-nav-v44{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:5}
.inner-nav-v44 a{color:inherit;text-decoration:none}.inner-nav-v44 nav{display:flex;gap:28px;font-size:.9rem}.inner-brand-v44{color:#c9a45c!important}
.inner-hero-v44{min-height:calc(100vh - 88px);display:grid;grid-template-columns:45% 55%;direction:rtl}
.inner-hero-v44__copy{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.inner-hero-v44 h1{font-size:clamp(3rem,6vw,7rem);font-weight:400;line-height:1.05;margin:18px 0 28px}
.inner-hero-v44 p{font-size:1.15rem;line-height:2;max-width:620px;opacity:.78}.inner-hero-v44__copy>a,.inner-links-v44 a{margin-top:26px;padding:16px 28px;border:1px solid #c9a45c;color:#f5f1e8;text-decoration:none}
.inner-hero-v44__visual{overflow:hidden}.inner-hero-v44__visual img{width:100%;height:100%;object-fit:cover;object-position:center top}
.inner-statement-v44{padding:120px 8vw;max-width:1200px;margin:auto;text-align:center}.inner-statement-v44 span{color:#c9a45c;letter-spacing:.18em}.inner-statement-v44 h2{font-size:clamp(2.2rem,4.5vw,5rem);font-weight:400;margin:25px 0}.inner-statement-v44 p{opacity:.7;line-height:2}
.inner-links-v44{padding:0 8vw 120px;display:flex;justify-content:center;gap:12px}
.social-v44{padding:20px 8vw 120px;text-align:center}.social-v44 div{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.social-v44 a{padding:14px 24px;border:1px solid rgba(201,164,92,.45);color:#fff;text-decoration:none}
.contact-hero-v44{padding:120px 8vw 70px;text-align:center}.contact-hero-v44 h1{font-size:clamp(3rem,7vw,7rem);font-weight:400;margin:15px}.contact-hero-v44 p{opacity:.7}
.contact-card-v44{max-width:850px;margin:0 auto;padding:0 24px 120px}.contact-card-v44 form{padding:45px;border:1px solid rgba(201,164,92,.28);background:#0f0f0f}
.contact-card-v44 label{display:block;margin-bottom:22px;color:#d8c69d}.contact-card-v44 input,.contact-card-v44 select,.contact-card-v44 textarea{box-sizing:border-box;width:100%;margin-top:9px;padding:15px;background:#090909;border:1px solid rgba(255,255,255,.15);color:#fff;font:inherit}.contact-grid-v44{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-card-v44 button{width:100%;padding:18px;border:0;background:#c9a45c;color:#090909;font:inherit;cursor:pointer}
@media(max-width:800px){.profile-gateway-v44{padding:75px 20px}.profile-gateway-v44__grid,.inner-hero-v44{grid-template-columns:1fr}.profile-gateway-v44__card{min-height:190px}.inner-nav-v44{height:auto;padding:20px;align-items:flex-start}.inner-nav-v44 nav{gap:12px;flex-wrap:wrap;justify-content:flex-start}.inner-brand-v44{display:none}.inner-hero-v44__copy{padding:70px 24px}.inner-hero-v44__visual{height:62vh;grid-row:1}.inner-links-v44{flex-direction:column;padding:0 24px 80px}.contact-grid-v44{grid-template-columns:1fr}.contact-card-v44 form{padding:25px}}
/* V45 — Dakheel Allah premium profile page */
.dakheel-page-v45{background:#090909;color:#f3eee3}
.dakheel-hero-v45{
min-height:calc(100vh - 88px);
display:grid;
grid-template-columns:46% 54%;
border-bottom:1px solid rgba(201,164,92,.18);
}
.dakheel-hero-copy-v45{
padding:8vw 6vw;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
}
.dakheel-eyebrow-v45,
.dakheel-section-label-v45,
.dakheel-license-head-v45>span,
.dakheel-contact-copy-v45>span,
.dakheel-final-cta-v45>span{
font-size:10px;
letter-spacing:.22em;
color:#c9a45c;
}
.dakheel-hero-copy-v45 h1{
font-size:clamp(3.4rem,6.4vw,7.2rem);
line-height:1.02;
font-weight:400;
margin:22px 0 20px;
}
.dakheel-role-v45{
font-size:clamp(1.25rem,2vw,2rem);
margin:0 0 22px;
color:#d7c49c;
}
.dakheel-intro-v45{
max-width:620px;
line-height:2;
opacity:.72;
font-size:1rem;
}
.dakheel-credentials-v45{
width:100%;
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-top:32px;
}
.dakheel-credentials-v45>div{
border:1px solid rgba(201,164,92,.28);
padding:18px;
}
.dakheel-credentials-v45 small{display:block;color:#bda779;margin-bottom:8px}
.dakheel-credentials-v45 strong{font-family:Manrope,sans-serif;font-weight:500}
.dakheel-primary-cta-v45{
margin-top:28px;
border:1px solid #c9a45c;
color:#f5f1e8;
text-decoration:none;
padding:15px 28px;
}
.dakheel-hero-photo-v45{overflow:hidden;background:#111}
.dakheel-hero-photo-v45 img{
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
display:block;
}
.dakheel-about-v45{padding:120px 7vw;border-bottom:1px solid rgba(255,255,255,.08)}
.dakheel-about-grid-v45{
margin-top:28px;
display:grid;
grid-template-columns:1fr 1fr;
gap:8vw;
}
.dakheel-about-grid-v45 h2{
font-size:clamp(2.7rem,5vw,5.8rem);
line-height:1.12;
font-weight:400;
margin:0;
}
.dakheel-about-grid-v45 p{
line-height:2.05;
opacity:.68;
margin:0 0 20px;
font-size:1rem;
}
.dakheel-services-v45{
display:grid;
grid-template-columns:repeat(3,1fr);
border-bottom:1px solid rgba(255,255,255,.08);
}
.dakheel-services-v45 article{
padding:64px 40px;
border-left:1px solid rgba(255,255,255,.08);
}
.dakheel-services-v45 article:last-child{border-left:0}
.dakheel-services-v45 article>span{font-size:10px;color:#c9a45c;letter-spacing:.16em}
.dakheel-services-v45 h3{font-size:2rem;font-weight:400;margin:25px 0 14px}
.dakheel-services-v45 p{opacity:.62;line-height:1.9;margin:0}
.dakheel-license-section-v45{padding:120px 5vw;background:#f1eee7;color:#111}
.dakheel-license-head-v45{text-align:center;max-width:820px;margin:0 auto 50px}
.dakheel-license-head-v45 h2{
font-size:clamp(2.8rem,5vw,5.8rem);
line-height:1.1;
font-weight:400;
margin:16px 0;
}
.dakheel-license-head-v45 p{opacity:.6;line-height:1.9}
.dakheel-license-grid-v45{
max-width:1400px;
margin:0 auto;
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
}
.dakheel-license-grid-v45 figure{
margin:0;
background:#fff;
border:1px solid #d6d0c4;
}
.dakheel-license-grid-v45 img{
display:block;
width:100%;
height:auto;
object-fit:contain;
}
.dakheel-license-grid-v45 figcaption{
padding:18px 20px 22px;
display:flex;
justify-content:space-between;
gap:15px;
}
.dakheel-license-grid-v45 figcaption strong{font-weight:500}
.dakheel-license-grid-v45 figcaption span{font-family:Manrope,sans-serif;font-size:.85rem;color:#7e715c}
.dakheel-contact-v45{
padding:110px 7vw;
display:grid;
grid-template-columns:.8fr 1.2fr;
gap:8vw;
align-items:center;
}
.dakheel-contact-copy-v45 h2{
font-size:clamp(2.8rem,5vw,5.4rem);
font-weight:400;
line-height:1.1;
margin:18px 0;
}
.dakheel-contact-copy-v45 p{opacity:.65;line-height:1.9}
.dakheel-phone-v45{
display:block;
margin:28px 0 10px;
color:#c9a45c;
text-decoration:none;
font:500 clamp(1.3rem,2.3vw,2.2rem) Manrope,sans-serif;
}
.dakheel-contact-copy-v45 small{opacity:.5}
.dakheel-social-cards-v45{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.dakheel-social-cards-v45 a{
min-height:150px;
padding:26px;
border:1px solid rgba(255,255,255,.12);
color:#fff;
text-decoration:none;
display:flex;
flex-direction:column;
justify-content:space-between;
transition:.3s;
}
.dakheel-social-cards-v45 a:hover{transform:translateY(-3px)}
.dakheel-social-cards-v45 a span{opacity:.7}
.dakheel-social-cards-v45 a strong{font-family:Manrope,sans-serif;font-size:1.05rem}
.dakheel-social-cards-v45 .snap{border-color:rgba(255,252,0,.45)}
.dakheel-social-cards-v45 .tiktok{border-color:rgba(37,244,238,.35)}
.dakheel-social-cards-v45 .x{border-color:rgba(255,255,255,.25)}
.dakheel-final-cta-v45{
padding:110px 7vw 130px;
text-align:center;
background:#0d0d0d;
border-top:1px solid rgba(201,164,92,.16);
}
.dakheel-final-cta-v45 h2{
font-size:clamp(3rem,6vw,6.5rem);
font-weight:400;
margin:18px 0 15px;
}
.dakheel-final-cta-v45 p{opacity:.6}
.dakheel-final-cta-v45 a{
display:inline-block;
margin-top:28px;
padding:15px 30px;
border:1px solid #c9a45c;
color:#fff;
text-decoration:none;
}
@media(max-width:900px){
.dakheel-hero-v45{grid-template-columns:1fr}
.dakheel-hero-photo-v45{height:62vh;grid-row:1}
.dakheel-hero-copy-v45{padding:65px 24px}
.dakheel-credentials-v45{grid-template-columns:1fr}
.dakheel-about-v45{padding:80px 24px}
.dakheel-about-grid-v45{grid-template-columns:1fr;gap:28px}
.dakheel-services-v45{grid-template-columns:1fr}
.dakheel-services-v45 article{padding:42px 24px;border-left:0;border-bottom:1px solid rgba(255,255,255,.08)}
.dakheel-license-section-v45{padding:80px 16px}
.dakheel-license-grid-v45{grid-template-columns:1fr}
.dakheel-contact-v45{padding:80px 20px;grid-template-columns:1fr}
.dakheel-social-cards-v45{grid-template-columns:1fr}
.dakheel-social-cards-v45 a{min-height:100px}
.dakheel-final-cta-v45{padding:80px 20px 100px}
}
/* V46 — Mazen profile */
.mazen-page-v46{background:#090909;color:#f3eee3}
.mazen-hero-v46{min-height:calc(100vh - 88px);display:grid;grid-template-columns:46% 54%;border-bottom:1px solid rgba(201,164,92,.18)}
.mazen-hero-copy-v46{padding:8vw 6vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mazen-eyebrow-v46,.mazen-label-v46,.mazen-social-copy-v46>span,.mazen-instagram-proof-copy-v46>span,.mazen-final-cta-v46>span{font-size:10px;letter-spacing:.22em;color:#c9a45c}
.mazen-hero-copy-v46 h1{font-size:clamp(3.6rem,6.5vw,7.4rem);line-height:1.02;font-weight:400;margin:22px 0 18px}
.mazen-role-v46{font-size:clamp(1.25rem,2vw,2rem);margin:0 0 22px;color:#d7c49c}
.mazen-intro-v46{max-width:620px;line-height:2;opacity:.72}
.mazen-stats-v46{width:100%;display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px;border:1px solid rgba(201,164,92,.24)}
.mazen-stats-v46>div{padding:20px;text-align:center;border-left:1px solid rgba(201,164,92,.2)}
.mazen-stats-v46>div:last-child{border-left:0}.mazen-stats-v46 strong{display:block;font:500 1.7rem Manrope,sans-serif;color:#c9a45c}.mazen-stats-v46 small{opacity:.62}
.mazen-hero-actions-v46{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.mazen-hero-actions-v46 a{padding:15px 26px;text-decoration:none;border:1px solid #c9a45c}.mazen-primary-v46{background:#c9a45c;color:#090909}.mazen-secondary-v46{color:#fff}
.mazen-hero-photo-v46{overflow:hidden;background:#111}.mazen-hero-photo-v46 img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}
.mazen-about-v46{padding:120px 7vw;border-bottom:1px solid rgba(255,255,255,.08)}.mazen-about-grid-v46{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.mazen-about-grid-v46 h2{font-size:clamp(2.7rem,5vw,5.8rem);line-height:1.12;font-weight:400;margin:0}.mazen-about-grid-v46 p{line-height:2.05;opacity:.68;margin:0 0 20px}
.mazen-services-v46{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid rgba(255,255,255,.08)}.mazen-services-v46 article{padding:58px 30px;border-left:1px solid rgba(255,255,255,.08)}.mazen-services-v46 article:last-child{border-left:0}.mazen-services-v46 article>span{font-size:10px;color:#c9a45c;letter-spacing:.16em}.mazen-services-v46 h3{font-size:1.75rem;font-weight:400;margin:24px 0 14px}.mazen-services-v46 p{opacity:.62;line-height:1.9;margin:0}
.mazen-social-v46{padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.mazen-social-copy-v46 h2{font-size:clamp(2.8rem,5vw,5.4rem);font-weight:400;line-height:1.1;margin:18px 0}.mazen-social-copy-v46 p{opacity:.65}.mazen-phone-v46{display:block;margin-top:28px;color:#c9a45c;text-decoration:none;font:500 clamp(1.3rem,2.3vw,2.2rem) Manrope,sans-serif}
.mazen-social-cards-v46{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mazen-social-cards-v46 a{min-height:170px;padding:28px;border:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;transition:.3s}.mazen-social-cards-v46 a:hover{transform:translateY(-3px)}.mazen-social-cards-v46 a span{opacity:.65}.mazen-social-cards-v46 a strong{font:500 1.2rem Manrope,sans-serif}.mazen-social-cards-v46 a small{opacity:.46}.mazen-social-cards-v46 .instagram{border-color:rgba(225,48,108,.4)}.mazen-social-cards-v46 .tiktok{border-color:rgba(37,244,238,.35)}
.mazen-instagram-proof-v46{background:#f1eee7;color:#111;padding:100px 7vw;display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center}.mazen-instagram-proof-copy-v46 h2{font-size:clamp(2.8rem,5vw,5.8rem);line-height:1.1;font-weight:400;margin:16px 0}.mazen-instagram-proof-copy-v46 p{line-height:1.9;opacity:.62}.mazen-instagram-proof-image-v46{background:#fff;border:1px solid #d4cec2;padding:18px}.mazen-instagram-proof-image-v46 img{width:100%;height:auto;display:block;object-fit:contain}
.mazen-final-cta-v46{padding:110px 7vw 130px;text-align:center;background:#0d0d0d;border-top:1px solid rgba(201,164,92,.16)}.mazen-final-cta-v46 h2{font-size:clamp(3rem,6vw,6.5rem);font-weight:400;margin:18px 0 15px}.mazen-final-cta-v46 p{opacity:.6}.mazen-final-cta-v46 a{display:inline-block;margin-top:28px;padding:15px 30px;border:1px solid #c9a45c;color:#fff;text-decoration:none}
@media(max-width:900px){.mazen-hero-v46{grid-template-columns:1fr}.mazen-hero-photo-v46{height:64vh;grid-row:1}.mazen-hero-copy-v46{padding:65px 24px}.mazen-about-v46{padding:80px 24px}.mazen-about-grid-v46{grid-template-columns:1fr;gap:28px}.mazen-services-v46{grid-template-columns:1fr 1fr}.mazen-social-v46{padding:80px 20px;grid-template-columns:1fr}.mazen-social-cards-v46{grid-template-columns:1fr}.mazen-social-cards-v46 a{min-height:110px}.mazen-instagram-proof-v46{padding:80px 18px;grid-template-columns:1fr}.mazen-final-cta-v46{padding:80px 20px 100px}}
@media(max-width:560px){.mazen-stats-v46>div{padding:14px 8px}.mazen-stats-v46 strong{font-size:1.25rem}.mazen-services-v46{grid-template-columns:1fr}.mazen-hero-actions-v46{flex-direction:column;width:100%}.mazen-hero-actions-v46 a{text-align:center}}
/* V47 — Dakheel HQ portrait fix */
.dakheel-hero-photo-v45{
background:#0b0b0b !important;
}
.dakheel-hero-photo-v45 img{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center 18% !important;
image-rendering:auto !important;
filter:none !important;
transform:translateZ(0);
}
@media(max-width:900px){
.dakheel-hero-photo-v45 img{
object-position:center 12% !important;
}
}
/* V48 — owner-specific contacts & social platforms */
.profile-contact-v48{
padding:110px 7vw;
background:#0a0a0a;
color:#f3eee3;
border-top:1px solid rgba(201,164,92,.16);
border-bottom:1px solid rgba(201,164,92,.16);
}
.profile-contact-v48__intro{
max-width:800px;
margin:0 0 46px auto;
}
.profile-contact-v48__intro>span{
font:500 9px Manrope,sans-serif;
letter-spacing:.22em;
color:#c9a45c;
}
.profile-contact-v48__intro h2{
font-size:clamp(2.8rem,5vw,5.6rem);
font-weight:400;
line-height:1.08;
margin:16px 0;
}
.profile-contact-v48__intro p{
opacity:.62;
line-height:1.9;
}
.profile-contact-v48__numbers{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
margin-bottom:14px;
}
.contact-card-v48{
min-height:120px;
padding:24px 26px;
border:1px solid rgba(201,164,92,.26);
color:#fff;
text-decoration:none;
display:flex;
flex-direction:column;
justify-content:space-between;
background:#0e0e0e;
transition:transform .3s ease,border-color .3s ease,background .3s ease;
}
.contact-card-v48:hover{
transform:translateY(-3px);
border-color:#c9a45c;
}
.contact-card-v48 small{
color:#c9a45c;
font-size:11px;
}
.contact-card-v48 strong{
direction:ltr;
text-align:right;
font:500 clamp(1.25rem,2vw,2rem) Manrope,sans-serif;
}
.contact-card-v48.whatsapp{
border-color:rgba(37,211,102,.45);
}
.contact-card-v48.whatsapp small{
color:#25D366;
}
.profile-social-v48{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px;
}
.profile-contact-v48--mazen .profile-social-v48{
grid-template-columns:1fr 1fr;
}
.profile-social-v48 a{
min-height:92px;
padding:16px 18px;
display:flex;
align-items:center;
gap:14px;
text-decoration:none;
color:#fff;
border:1px solid rgba(255,255,255,.1);
background:#0d0d0d;
transition:transform .3s ease,border-color .3s ease;
}
.profile-social-v48 a:hover{
transform:translateY(-2px);
}
.profile-social-v48 a>div{
display:flex;
flex-direction:column;
gap:4px;
}
.profile-social-v48 small{
font:500 9px Manrope,sans-serif;
opacity:.58;
}
.profile-social-v48 strong{
font:500 14px Manrope,sans-serif;
}
.social-icon-v48{
width:44px;
height:44px;
border-radius:12px;
display:grid;
place-items:center;
flex:0 0 44px;
font:600 20px Manrope,sans-serif;
}
.profile-social-v48 .instagram{border-color:rgba(225,48,108,.35)}
.profile-social-v48 .instagram .social-icon-v48{
background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045);
}
.profile-social-v48 .tiktok{border-color:rgba(37,244,238,.32)}
.profile-social-v48 .tiktok .social-icon-v48{
background:#050505;
box-shadow:inset 3px 0 #25F4EE,inset -3px 0 #FE2C55;
}
.profile-social-v48 .snapchat{border-color:rgba(255,252,0,.35)}
.profile-social-v48 .snapchat .social-icon-v48{
background:#FFFC00;
color:#000;
}
.profile-social-v48 .x-platform{border-color:rgba(255,255,255,.25)}
.profile-social-v48 .x-platform .social-icon-v48{
background:#fff;
color:#000;
}
@media(max-width:800px){
.profile-contact-v48{
padding:80px 18px 96px;
}
.profile-contact-v48__numbers,
.profile-social-v48,
.profile-contact-v48--mazen .profile-social-v48{
grid-template-columns:1fr;
}
.contact-card-v48{
min-height:100px;
padding:20px;
}
}
/* v50 mobile navigation refinement */
@media(max-width:640px){
.mobile-panel{padding:76px 24px 28px;justify-content:center;overflow-y:auto}
.mobile-panel a{font-size:clamp(24px,7vw,34px);line-height:1.25;padding:6px 0}
.mobile-panel button{position:fixed;top:18px;left:20px}
}
/* V53 — client-approved image replacements */
img[src$="mazen-network-moment-01.png"]{
object-position:center 38% !important;
}
img[src$="mazen-riyadh-photographer-01.png"]{
object-position:center 22% !important;
}
img[src$="business-event-02.png"]{
object-position:center 28% !important;
}
/* Keep the group image readable even though its source is more compact. */
@media(min-width:981px){
.gallery-card img[src$="business-event-02.png"],
.royal-shot img[src$="business-event-02.png"]{
transform:none !important;
}
}
@media(max-width:980px){
img[src$="mazen-network-moment-01.png"],
img[src$="mazen-riyadh-photographer-01.png"],
img[src$="business-event-02.png"]{
width:100% !important;
height:auto !important;
object-fit:cover !important;
}
}
/* V54 production luxury polish */
:where(a,button,input,select,textarea):focus-visible{outline:1px solid #c9a45c;outline-offset:3px}
.mazen-presence-v54{padding:100px 7vw;background:#f1eee7;color:#111;display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:center}.mazen-presence-v54__copy>span,.contact-hero-v54 span,.contact-shell-v54 aside>span{font:500 9px Manrope,sans-serif;letter-spacing:.22em;color:#a98546}.mazen-presence-v54 h2{font-size:clamp(2.8rem,5vw,5.6rem);font-weight:400;line-height:1.08;margin:16px 0}.mazen-presence-v54 p{line-height:1.95;opacity:.62}.mazen-presence-v54__card{min-height:220px;padding:34px;border:1px solid #cbc3b4;color:#111;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;background:#f8f5ef;transition:transform .3s,border-color .3s}.mazen-presence-v54__card:hover{transform:translateY(-3px);border-color:#a98546}.mazen-presence-v54__card small{font:500 9px Manrope,sans-serif;letter-spacing:.2em;color:#a98546}.mazen-presence-v54__card strong{display:block;font:500 clamp(2rem,4vw,4.5rem) Manrope,sans-serif;margin-top:12px}.mazen-presence-v54__card>span{color:#876c3d}
.contact-page-v54{background:#080808}.contact-hero-v54{min-height:54vh;padding:80px 7vw;display:grid;grid-template-columns:1fr 300px;gap:6vw;align-items:center;border-bottom:1px solid rgba(201,164,92,.18)}.contact-hero-v54 h1{font-size:clamp(3.2rem,6.5vw,7.2rem);font-weight:400;line-height:1.04;margin:16px 0}.contact-hero-v54 p{font-size:1.05rem;opacity:.62;line-height:1.9}.contact-hero-v54 img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}.contact-shell-v54{padding:90px 7vw 120px;display:grid;grid-template-columns:.72fr 1.28fr;gap:7vw}.contact-shell-v54 aside h2{font-size:clamp(2.8rem,5vw,5.5rem);font-weight:400;margin:16px 0}.contact-shell-v54 aside p{opacity:.6;line-height:1.9;margin-bottom:34px}.contact-shell-v54 aside a{display:block;padding:18px 0;border-top:1px solid rgba(255,255,255,.12);color:#fff;text-decoration:none}.contact-shell-v54 aside a strong{font:500 1.2rem Manrope,sans-serif;color:#c9a45c}.contact-form-v54{padding:42px;background:#f1eee7;color:#111;border:1px solid #d4cdbf}.field-v54{margin-bottom:18px}.field-v54 label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.82rem;color:#554d42}.field-v54 input,.field-v54 select,.field-v54 textarea{box-sizing:border-box;width:100%;padding:15px;border:1px solid #cac2b5;background:#f8f5ef;color:#111;font:400 16px 'IBM Plex Sans Arabic',sans-serif;border-radius:0}.field-v54 textarea{resize:vertical;min-height:130px}.form-grid-v54{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form-v54 button{width:100%;min-height:58px;padding:0 20px;border:0;background:#0b0b0b;color:#fff;font:500 13px 'IBM Plex Sans Arabic',sans-serif;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.contact-form-v54 button span{color:#c9a45c;font-size:20px}.form-note-v54{display:block;margin-top:12px;color:#8d8579;font-size:10px}
@media(max-width:900px){.mazen-presence-v54,.contact-hero-v54,.contact-shell-v54{grid-template-columns:1fr}.contact-hero-v54{padding:65px 22px}.contact-hero-v54 img{width:min(230px,60%);margin:auto}.contact-shell-v54{padding:70px 18px 100px}.contact-form-v54{padding:24px 16px}.form-grid-v54{grid-template-columns:1fr}.mazen-presence-v54{padding:75px 20px}.mazen-presence-v54__card{min-height:160px}}
/* V55 — FINAL VISUAL POLISH / restrained luxury editorial pass */
:root{--v55-gold:#b89b68;--v55-ink:#0a0a0a;--v55-paper:#efede7;--v55-ease:cubic-bezier(.22,.61,.36,1)}
/* Editorial typography rhythm */
.section-index,.eyebrow{letter-spacing:.24em}
.section-head h2,.network h2,.press-head h2{line-height:1.02;text-wrap:balance}
.display,.quote p,.contact h2{text-wrap:balance}
.intro-copy,.section-head>p,.network-copy p{max-width:48ch}
/* Navigation: quieter, more expensive */
.nav{padding-left:4.5vw;padding-right:4.5vw}
.links a{position:relative;padding:7px 0;transition:opacity .35s var(--v55-ease)}
.links a:after{content:"";position:absolute;right:0;bottom:1px;width:100%;height:1px;background:var(--v55-gold);transform:scaleX(0);transform-origin:right;transition:transform .35s var(--v55-ease)}
.links a:hover:after{transform:scaleX(1)}
body.en .links a:after{transform-origin:left}
/* Hero: cinematic refinement without changing composition */
.hero-vignette-v4:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 62% 36%,transparent 0 28%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.32) 100%);pointer-events:none}
.hero-copy-v4 .eyebrow{opacity:.92}
.hero-copy-v4 h1{text-shadow:0 10px 42px rgba(0,0,0,.2)}
.hero-copy-v4 .hero-tagline{max-width:18ch;line-height:1.3}
.hero-copy-v4 .hero-desc{opacity:.72}
/* Buttons: subtle luxury motion */
.btn{position:relative;overflow:hidden;transition:transform .4s var(--v55-ease),border-color .4s,background .4s,color .4s}
.btn:after{content:"↗";margin-inline-start:13px;font-family:Manrope,sans-serif;font-size:11px;transition:transform .4s var(--v55-ease)}
.btn:hover{transform:translateY(-1px)}
.btn:hover:after{transform:translate(2px,-2px)}
.btn.ghost:hover{border-color:rgba(184,155,104,.85);background:rgba(184,155,104,.08)}
/* Sections: magazine pacing */
.intro,.signature,.gallery-section,.press{padding-top:clamp(96px,9vw,150px);padding-bottom:clamp(96px,9vw,150px)}
.section-light{position:relative}
.section-light:where(.intro,.gallery-section,.network,.contact):before{content:"";position:absolute;top:0;right:5vw;left:5vw;height:1px;background:linear-gradient(90deg,transparent,rgba(21,21,21,.13),transparent)}
/* Gallery: less card-like, more editorial */
.gallery-card{position:relative;overflow:hidden;background:#111;isolation:isolate}
.gallery-card img{transition:transform 1.15s var(--v55-ease),filter .7s var(--v55-ease)}
.gallery-card:after{content:attr(data-meta);position:absolute;z-index:3;right:18px;bottom:16px;color:#fff;font:500 9px Manrope,sans-serif;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(7px);transition:.45s var(--v55-ease);text-shadow:0 2px 12px #000}
.gallery-card:hover img{transform:scale(1.018)}
.gallery-card:hover:after{opacity:.76;transform:none}
.gallery-card:hover:before{opacity:.82}
/* Dark sections: fine gold hairlines instead of extra decoration */
.moments,.royal-editorial,.film-journal,.quote{position:relative}
.moments:before,.royal-editorial:before,.film-journal:before,.quote:before{content:"";position:absolute;top:0;left:7vw;right:7vw;height:1px;background:linear-gradient(90deg,transparent,rgba(184,155,104,.28),transparent)}
/* Contact: more like final magazine spread */
.contact-top{border-bottom:1px solid rgba(21,21,21,.12);padding-bottom:18px}
.contact-links{border-color:rgba(21,21,21,.2)}
.contact-links a{transition:padding .35s var(--v55-ease),background .35s}
.contact-links a:hover{padding-inline:14px;background:rgba(184,155,104,.06)}
/* Footer signature */
footer{padding-top:54px;padding-bottom:54px;background:#080808;border-top-color:rgba(184,155,104,.22)}
footer:before{content:"MAZEN BEN NASSER";position:absolute;left:50%;transform:translateX(-50%);font:500 8px Manrope,sans-serif;letter-spacing:.28em;color:rgba(184,155,104,.65)}
footer{position:relative}
/* Inner pages share the same visual finish */
.mazen-page-v46,.contact-page-v54{background:linear-gradient(180deg,#090909 0,#070707 100%)}
.mazen-hero-photo-v46 img{transition:transform 1.2s var(--v55-ease)}
.mazen-hero-v46:hover .mazen-hero-photo-v46 img{transform:scale(1.008)}
.mazen-presence-v54__card,.contact-form-v54{box-shadow:0 30px 80px rgba(0,0,0,.06)}
.contact-form-v54 button{transition:background .35s,color .35s,transform .35s var(--v55-ease)}
.contact-form-v54 button:hover{background:#17130e;transform:translateY(-1px)}
/* Mobile first impression */
@media(max-width:640px){
.nav{padding:17px 18px}
.nav.scrolled{padding:11px 18px}
.nav-logo{max-height:42px;width:auto}
.hero-copy-v4{width:auto;margin:0 20px max(84px,10vh)}
.hero-copy-v4 h1{font-size:clamp(50px,16vw,76px);line-height:.96;margin:16px 0 18px;letter-spacing:-.035em}
.hero-copy-v4 .hero-tagline{font-size:clamp(21px,6.6vw,30px);line-height:1.35;margin-bottom:13px}
.hero-copy-v4 .hero-desc{font-size:12px;line-height:1.8;max-width:92%}
.hero-copy-v4 .hero-actions{margin-top:24px;gap:9px;flex-wrap:wrap}
.hero-copy-v4 .btn{min-width:0;padding:12px 16px;font-size:11px}
.hero-index-v4{left:20px;bottom:24px}
.scroll-indicator{display:none}
.intro,.signature,.gallery-section,.press{padding-top:78px;padding-bottom:78px}
.section-head{margin-bottom:34px}
.section-head h2,.network h2,.press-head h2{font-size:clamp(38px,12vw,58px)}
.gallery-card:after{opacity:.7;transform:none;right:12px;bottom:10px;font-size:7px;letter-spacing:.1em}
.gallery-card:hover img{transform:none}
footer{padding:48px 20px 28px;gap:20px}
footer:before{top:19px;font-size:6px;white-space:nowrap}
}
/* Respect reduced motion */
@media(prefers-reduced-motion:reduce){
.gallery-card img,.btn,.btn:after,.links a:after,.mazen-hero-photo-v46 img{transition:none!important}
}
/* V56 — MOBILE VIDEO FOCUS
Important editorial/occasion video is displayed as a clear standalone
cinematic block on mobile, rather than being visually clipped beside
adjacent media. Desktop remains unchanged. */
@media (max-width: 980px){
.film-card,
.video-card,
.editorial-video,
.occasion-card,
.cinematic-video,
.film-journal-card,
.royal-video,
.signature-video{
grid-column: 1 / -1 !important;
width: 100% !important;
max-width: none !important;
}
.film-card video,
.video-card video,
.editorial-video video,
.occasion-card video,
.cinematic-video video,
.film-journal-card video,
.royal-video video,
.signature-video video{
display:block !important;
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio: 9 / 12 !important;
object-fit:cover !important;
object-position:center center !important;
}
}
/* V57 — LUXURY ICON SYSTEM
Crisp inline SVGs, consistent geometry, premium micro-interactions. */
.luxury-icon-link{
--icon-size:44px;
display:inline-flex;
align-items:center;
justify-content:center;
gap:.62rem;
min-width:var(--icon-size);
min-height:var(--icon-size);
position:relative;
isolation:isolate;
text-decoration:none;
transition:transform .35s cubic-bezier(.2,.75,.25,1), border-color .35s ease, background-color .35s ease, color .35s ease;
}
.luxury-icon{
width:var(--icon-size);
height:var(--icon-size);
flex:0 0 var(--icon-size);
border:1px solid rgba(184,145,73,.38);
border-radius:50%;
display:inline-grid;
place-items:center;
background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.012));
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 28px rgba(0,0,0,.12);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .35s ease,background .35s ease,box-shadow .35s ease;
}
.luxury-icon svg{
width:19px;
height:19px;
overflow:visible;
fill:none;
stroke:currentColor;
stroke-width:1.55;
stroke-linecap:round;
stroke-linejoin:round;
}
.luxury-instagram .luxury-icon svg .icon-dot{fill:currentColor;stroke:none}
.luxury-whatsapp .luxury-icon svg path:nth-child(2){stroke-width:1.25}
@media (hover:hover){
.luxury-icon-link:hover{transform:translateY(-2px)}
.luxury-icon-link:hover .luxury-icon{
transform:scale(1.055);
border-color:rgba(211,171,91,.78);
background:linear-gradient(145deg,rgba(201,157,77,.13),rgba(255,255,255,.025));
box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 12px 34px rgba(0,0,0,.18);
}
.luxury-instagram:hover{color:#d8b56c}
.luxury-tiktok:hover{color:#f3eee5}
.luxury-whatsapp:hover{color:#25D366}
}
.luxury-icon-link:focus-visible{
outline:none;
box-shadow:0 0 0 2px #0d0d0d,0 0 0 3px rgba(211,171,91,.9);
border-radius:999px;
}
@media(max-width:980px){
.luxury-icon-link{--icon-size:46px}
.luxury-icon svg{width:19px;height:19px}
}
@media(max-width:480px){
.luxury-icon-link{--icon-size:44px}
}
/* =========================================================
V58 — CONTACT / SOCIAL UI REFINEMENT
Fixes desktop hidden-menu leak + duplicate icons and
introduces a cleaner luxury social/contact system.
========================================================= */
/* Hidden mobile navigation must never leak above the desktop header. */
.mobile-panel{
visibility:hidden;
pointer-events:none;
overflow:hidden;
}
.mobile-panel.open{
visibility:visible;
pointer-events:auto;
}
@media (min-width:981px){
.mobile-panel{display:none !important;}
}
/* Keep the fixed navigation visually clean on laptop/desktop. */
@media (min-width:981px){
.nav{
overflow:hidden;
min-height:92px;
}
.nav.scrolled{
min-height:72px;
}
}
/* Contact cards */
.v58-contact-grid{
margin-top:64px !important;
border:0 !important;
gap:14px;
background:transparent;
}
.v58-contact-grid .v58-contact-card{
min-height:154px;
padding:24px 24px !important;
border:1px solid rgba(20,20,20,.13) !important;
background:rgba(255,255,255,.36);
display:grid !important;
grid-template-columns:58px 1fr 22px;
align-items:center;
gap:18px;
color:#111 !important;
position:relative;
overflow:hidden;
transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .35s,box-shadow .35s,background .35s !important;
}
.v58-contact-grid .v58-contact-card:before{
content:"";
position:absolute;
inset:auto 0 0;
height:2px;
background:linear-gradient(90deg,transparent,#b89b68,transparent);
opacity:0;
transform:scaleX(.4);
transition:.35s;
}
.v58-contact-grid .v58-contact-card:hover{
padding-inline:24px !important;
transform:translateY(-4px);
border-color:rgba(184,155,104,.55) !important;
background:#f7f4ee !important;
box-shadow:0 24px 65px rgba(35,29,18,.10);
}
.v58-contact-grid .v58-contact-card:hover:before{
opacity:1;
transform:scaleX(1);
}
.v58-icon-shell{
width:56px;
height:56px;
border-radius:18px;
display:grid;
place-items:center;
border:1px solid rgba(184,155,104,.28);
background:rgba(255,255,255,.72);
box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.v58-icon-shell .v58-brand-svg{width:24px;height:24px;display:block}
.v58-call .v58-icon-shell{color:#b18c4d}
.v58-card-copy{
display:flex !important;
flex-direction:column;
align-items:flex-start;
gap:4px;
font-family:"IBM Plex Sans Arabic","Manrope",sans-serif !important;
min-width:0;
}
html[dir="rtl"] .v58-card-copy{align-items:flex-end;text-align:right}
.v58-card-copy small{
font:500 9px/1.4 Manrope,sans-serif;
letter-spacing:.13em;
text-transform:uppercase;
color:#9a7b42;
opacity:1 !important;
}
.v58-card-copy strong{
font:500 17px/1.5 "IBM Plex Sans Arabic","Manrope",sans-serif;
color:#171717;
}
.v58-card-copy em{
font:400 12px/1.5 Manrope,sans-serif;
color:#777169;
font-style:normal;
letter-spacing:.015em;
}
.v58-contact-card>b{
font:300 18px/1 Manrope,sans-serif;
color:#8d7449;
opacity:.7;
transition:transform .3s;
}
.v58-contact-card:hover>b{transform:translate(2px,-2px);opacity:1}
/* New modern social presence block */
.v58-social-presence{
margin-top:38px !important;
padding:30px 32px !important;
border:1px solid rgba(184,155,104,.2) !important;
border-radius:24px;
background:
radial-gradient(circle at 12% 0%,rgba(184,155,104,.09),transparent 32%),
linear-gradient(135deg,#151515,#0c0c0c);
color:#f5f0e7;
display:grid !important;
grid-template-columns:.8fr 1.2fr !important;
gap:32px;
align-items:center;
box-shadow:0 28px 70px rgba(0,0,0,.13);
}
.v58-social-heading{
display:flex;
flex-direction:column;
gap:7px;
padding-inline-end:20px;
}
.v58-social-heading>span{
font:500 9px Manrope,sans-serif;
letter-spacing:.18em;
color:#c7a45f;
}
.v58-social-heading>strong{
font:500 20px/1.55 "IBM Plex Sans Arabic","Manrope",sans-serif;
}
.v58-social-heading>small{
font-size:12px;
line-height:1.8;
color:rgba(245,240,231,.52);
}
.v58-social-links{
display:grid;
grid-template-columns:1fr 1fr;
gap:10px;
}
.v58-social-links>a{
min-height:88px;
padding:16px 18px;
border:1px solid rgba(255,255,255,.10);
border-radius:18px;
color:#f5f0e7;
text-decoration:none;
display:grid;
grid-template-columns:46px 1fr 20px;
align-items:center;
gap:13px;
background:rgba(255,255,255,.025);
transition:transform .3s,border-color .3s,background .3s;
}
.v58-social-links>a:hover{
transform:translateY(-3px);
border-color:rgba(199,164,95,.48);
background:rgba(255,255,255,.055);
}
.v58-social-icon{
width:44px;
height:44px;
display:grid;
place-items:center;
border-radius:14px;
background:#090909;
border:1px solid rgba(255,255,255,.10);
}
.v58-social-icon .v58-brand-svg{width:22px;height:22px}
.v58-social-links>a>span:nth-child(2){
display:flex;
flex-direction:column;
gap:2px;
min-width:0;
}
.v58-social-links strong{font:500 13px Manrope,sans-serif}
.v58-social-links small{font:400 10px Manrope,sans-serif;color:rgba(255,255,255,.46)}
.v58-social-links b{font:300 17px Manrope,sans-serif;color:#c7a45f}
/* V57 injected icon no longer participates in redesigned home contact UI. */
.v58-contact-grid .luxury-icon,
.v58-social-presence .luxury-icon{display:none !important}
/* Floating shortcuts: one icon only, centered. */
.floating-contact-btn .brand-svg{
width:21px !important;
height:21px !important;
}
.floating-contact-btn{
gap:8px;
}
@media(max-width:980px){
.v58-contact-grid{
grid-template-columns:1fr !important;
gap:10px;
}
.v58-contact-grid .v58-contact-card{
border-bottom:1px solid rgba(20,20,20,.13) !important;
}
.v58-social-presence{
grid-template-columns:1fr !important;
gap:22px;
}
}
@media(max-width:640px){
.v58-contact-grid{margin-top:42px !important}
.v58-contact-grid .v58-contact-card{
min-height:112px;
padding:18px !important;
grid-template-columns:50px 1fr 18px;
gap:12px;
}
.v58-icon-shell{width:48px;height:48px;border-radius:15px}
.v58-card-copy strong{font-size:15px}
.v58-social-presence{
margin-top:24px !important;
padding:22px 18px !important;
border-radius:20px;
}
.v58-social-heading{padding:0}
.v58-social-links{grid-template-columns:1fr}
.v58-social-links>a{min-height:78px}
}
/* =========================================================
V59 — TYPOGRAPHY & EDITORIAL POLISH
Luxury refinement only: no structural/media changes.
========================================================= */
:root{
--v59-display-ar:"IBM Plex Sans Arabic","Noto Sans Arabic",sans-serif;
--v59-ui:"Manrope","IBM Plex Sans Arabic",sans-serif;
--v59-ink:#171614;
--v59-muted:#817b72;
--v59-gold:#a9894f;
}
/* Arabic luxury typography: elegant rather than heavy. */
html[lang="ar"] body,
html[dir="rtl"] body{
font-family:var(--v59-display-ar);
font-weight:400;
text-rendering:optimizeLegibility;
-webkit-font-smoothing:antialiased;
}
/* Main editorial headings */
.hero h1,
.section-title,
.editorial-title,
.cinematic-title,
.signature-title,
.royal-title,
.film-title,
.contact-section h2,
.profile-hero h1{
font-family:var(--v59-display-ar) !important;
font-weight:400 !important;
line-height:1.22 !important;
letter-spacing:-.018em !important;
text-wrap:balance;
}
/* Supporting Arabic copy gets more breathing room. */
.section-intro,
.section-copy,
.hero-subtitle,
.editorial-copy,
.cinematic-copy,
.signature-copy,
.contact-intro,
.profile-copy{
font-family:var(--v59-display-ar) !important;
font-weight:400 !important;
line-height:1.95 !important;
letter-spacing:0 !important;
max-width:68ch;
}
/* Small editorial labels: controlled and expensive-looking. */
.eyebrow,
.kicker,
.section-kicker,
.meta,
.gallery-meta,
.card-kicker,
.v58-card-copy small,
.v58-social-heading>span{
font-family:var(--v59-ui) !important;
font-weight:500 !important;
letter-spacing:.15em !important;
line-height:1.5 !important;
}
/* English/Latin display typography */
html[lang="en"] h1,
html[lang="en"] h2,
html[lang="en"] h3,
[dir="ltr"] .section-title{
font-family:var(--v59-ui) !important;
font-weight:400 !important;
letter-spacing:-.025em !important;
}
/* Navigation becomes quieter and more precise. */
.nav a,
.nav button,
.lang-switch,
.mobile-panel a{
font-family:var(--v59-ui) !important;
font-weight:500 !important;
letter-spacing:.01em;
}
html[dir="rtl"] .nav a,
html[dir="rtl"] .mobile-panel a{
font-family:var(--v59-display-ar) !important;
font-weight:400 !important;
}
/* Captions: magazine hierarchy, not generic card UI. */
.gallery-card .caption,
.royal-shot .caption,
.editorial-card .caption,
.gallery-caption{
line-height:1.45;
}
.gallery-card .caption strong,
.royal-shot .caption strong,
.editorial-card .caption strong,
.gallery-caption strong{
font-family:var(--v59-display-ar) !important;
font-weight:400 !important;
letter-spacing:-.01em;
}
.gallery-card .caption small,
.royal-shot .caption small,
.editorial-card .caption small,
.gallery-caption small{
font-family:var(--v59-ui) !important;
font-weight:500 !important;
letter-spacing:.12em;
opacity:.68;
}
/* Buttons: calm, editorial, consistent. */
.btn,
.cta,
.hero-cta,
.contact-btn,
a[class*="button"]{
font-family:var(--v59-display-ar);
font-weight:500 !important;
letter-spacing:0 !important;
}
html[lang="en"] .btn,
html[lang="en"] .cta,
html[lang="en"] .hero-cta{
font-family:var(--v59-ui);
letter-spacing:.035em !important;
}
/* Better vertical rhythm without changing the site structure. */
section > .container > .section-header,
section > .container > header{
margin-bottom:clamp(28px,4vw,58px);
}
.section-title + p,
.section-title + .section-intro,
.section-title + .section-copy{
margin-top:clamp(12px,1.6vw,20px);
}
/* Contact copy refinement */
.v58-card-copy strong{
font-family:var(--v59-display-ar) !important;
font-weight:500 !important;
line-height:1.55 !important;
}
.v58-card-copy em{
font-family:var(--v59-ui) !important;
font-weight:400;
letter-spacing:.025em;
}
.v58-social-heading>strong{
font-family:var(--v59-display-ar) !important;
font-weight:400 !important;
line-height:1.55 !important;
}
.v58-social-heading>small{
font-family:var(--v59-display-ar) !important;
line-height:1.85 !important;
}
.v58-social-links strong,
.v58-social-links small{
font-family:var(--v59-ui) !important;
}
/* Footer becomes a subtle signature. */
footer,
.footer,
.site-footer{
font-family:var(--v59-ui);
}
footer p,
.footer p,
.site-footer p{
font-weight:400;
letter-spacing:.015em;
}
/* Mobile: protect elegance and readability. */
@media(max-width:640px){
.hero h1,
.section-title,
.editorial-title,
.cinematic-title,
.signature-title,
.royal-title,
.film-title{
line-height:1.28 !important;
letter-spacing:-.012em !important;
}
.section-intro,
.section-copy,
.hero-subtitle,
.editorial-copy,
.cinematic-copy,
.signature-copy{
line-height:1.85 !important;
}
.eyebrow,
.kicker,
.section-kicker,
.meta,
.gallery-meta{
letter-spacing:.11em !important;
}
}
/* Avoid synthetic bolding that makes Arabic feel generic. */
strong,b{font-synthesis-weight:none}
/* V60 SEO JOURNAL */
.blog-page,.article-page{background:#f3f0e9;color:#171614}.blog-hero,.article-hero{background:#0b0b0b;color:#f5f0e7;padding:150px 6vw 70px}.blog-hero h1,.article-hero h1{font:400 clamp(40px,6vw,82px)/1.25 "IBM Plex Sans Arabic",sans-serif;margin:15px 0}.blog-hero p{max-width:720px;line-height:2;color:#aaa}.blog-shell{width:min(1500px,88vw);margin:auto;padding:70px 0 110px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#faf8f3;border:1px solid #ddd7cc;transition:.3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px #00000012}.blog-card img{width:100%;aspect-ratio:16/10;object-fit:cover}.blog-card-copy{padding:25px}.blog-card small,.article-meta{font:500 9px Manrope,sans-serif;letter-spacing:.16em;color:#9a7b42}.blog-card h2{font:400 20px/1.65 "IBM Plex Sans Arabic",sans-serif}.blog-card p{font-size:12px;line-height:1.9;color:#777}.blog-card a,.article-back{color:inherit;text-decoration:none}.article-hero-inner{width:min(1050px,88vw);margin:auto}.article-cover{width:min(1250px,88vw);margin:auto;transform:translateY(40px)}.article-cover img{width:100%;max-height:640px;object-fit:cover}.article-body{width:min(780px,86vw);margin:95px auto 110px}.article-body p{font:400 17px/2.15 "IBM Plex Sans Arabic",sans-serif;color:#38342f;margin-bottom:28px}.article-body h2{font:400 28px/1.6 "IBM Plex Sans Arabic",sans-serif;margin-top:55px}.article-keywords{border-top:1px solid #d8d1c6;margin-top:50px;padding-top:25px;display:flex;gap:8px;flex-wrap:wrap}.article-keywords span{border:1px solid #cdb98f;border-radius:99px;padding:7px 11px;font-size:10px;color:#78613a}.article-sources{margin-top:35px;padding:20px;background:#faf8f3;border:1px solid #ddd7cc}.article-sources a{display:block;color:#78613a;text-decoration:none;font-size:12px;margin-top:8px}.article-back{display:inline-block;margin-top:45px;color:#78613a}@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}.blog-hero,.article-hero{padding:115px 6vw 50px}.blog-shell{width:90vw;padding-top:45px}.article-body{width:88vw}}
/* =========================================================
V62 — FINAL MASTER / CLIENT DELIVERY
Final restrained production polish. No redesign.
========================================================= */
html{scroll-behavior:smooth}
body{overflow-x:hidden}
img{height:auto}
img[loading="lazy"]{content-visibility:auto}
video{background:#090909}
/* Quiet cinematic reveal; enhancement only. */
@media (prefers-reduced-motion:no-preference){
.blog-card,.v58-contact-card,.v58-social-presence{
animation:v62Reveal .72s cubic-bezier(.2,.7,.2,1) both;
animation-timeline:view();
animation-range:entry 5% cover 24%;
}
@keyframes v62Reveal{
from{opacity:.001;transform:translateY(18px)}
to{opacity:1;transform:translateY(0)}
}
}
/* Journal reads as a curated editorial publication, not an SEO grid. */
.blog-grid{grid-template-columns:repeat(12,1fr);gap:20px}
.blog-card{grid-column:span 4}
.blog-card:nth-child(1),
.blog-card:nth-child(8),
.blog-card:nth-child(15),
.blog-card:nth-child(22){grid-column:span 8}
.blog-card:nth-child(1) img,
.blog-card:nth-child(8) img,
.blog-card:nth-child(15) img,
.blog-card:nth-child(22) img{aspect-ratio:16/8.6}
.blog-card-copy>a:last-child{display:inline-flex;margin-top:12px;color:#806a42;font-size:12px}
.blog-card h2{text-wrap:balance}
/* Final interaction refinement */
.blog-card a,.v58-contact-card,.v58-social-links a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:1px solid #b89b68;outline-offset:4px}
/* Stable mobile master */
@media(max-width:900px){
.blog-card,.blog-card:nth-child(1),.blog-card:nth-child(8),
.blog-card:nth-child(15),.blog-card:nth-child(22){grid-column:span 6}
}
@media(max-width:600px){
html{scroll-behavior:auto}
.blog-grid{display:grid;grid-template-columns:1fr;gap:16px}
.blog-card,.blog-card:nth-child(1),.blog-card:nth-child(8),
.blog-card:nth-child(15),.blog-card:nth-child(22){grid-column:1}
.blog-card img,.blog-card:nth-child(1) img,.blog-card:nth-child(8) img,
.blog-card:nth-child(15) img,.blog-card:nth-child(22) img{aspect-ratio:16/10}
}
@media(prefers-reduced-motion:reduce){
*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
/* =========================================================
V62.1 — JOURNAL DISCOVERY
Clear premium path to the editorial journal.
========================================================= */
.nav-journal-link{
position:relative;
}
.nav-journal-link::after{
content:"";
position:absolute;
left:50%;
bottom:-7px;
width:22px;
height:1px;
background:#b89b68;
transform:translateX(-50%) scaleX(.55);
opacity:.78;
transition:transform .28s ease,opacity .28s ease;
}
.nav-journal-link:hover::after{
transform:translateX(-50%) scaleX(1);
opacity:1;
}
.hero-journal-cta{
border-color:rgba(184,155,104,.72)!important;
color:#d8c29a!important;
}
.hero-journal-cta:hover{
background:rgba(184,155,104,.1)!important;
border-color:#c5a972!important;
}
.mobile-journal-link{
color:#d8c29a!important;
border-block:1px solid rgba(184,155,104,.18);
}
.journal-back-home,
.article-back-journal{
position:fixed;
z-index:80;
top:18px;
inset-inline-start:20px;
display:inline-flex;
align-items:center;
padding:9px 13px;
border:1px solid rgba(184,155,104,.28);
background:rgba(10,10,10,.72);
backdrop-filter:blur(12px);
color:#d7c093;
text-decoration:none;
font-size:11px;
}
@media(max-width:700px){
.journal-back-home,.article-back-journal{
top:12px;
inset-inline-start:12px;
padding:8px 10px;
font-size:10px;
}
}
/* =========================================================
V62.2 — SNAPCHAT SOCIAL
========================================================= */
.snapchat-social-link{
display:inline-flex;
align-items:center;
gap:8px;
text-decoration:none;
}
.snapchat-social-link .snapchat-icon{
display:inline-grid;
place-items:center;
width:24px;
height:24px;
border-radius:50%;
background:#fffc00;
color:#111;
font-size:15px;
line-height:1;
box-shadow:0 0 0 1px rgba(255,252,0,.18);
}
.snapchat-social-link strong{
font-weight:500;
}
/* =========================================================
V62.3 — SNAPCHAT CARD ALIGNMENT FIX
Match Instagram/TikTok card geometry and hierarchy.
========================================================= */
.v58-social-presence .snapchat-social-link,
.social-links .snapchat-social-link,
.social-grid .snapchat-social-link,
.snapchat-social-link{
box-sizing:border-box;
position:relative;
display:grid !important;
grid-template-columns:56px minmax(0,1fr) 28px;
align-items:center;
gap:18px;
width:100%;
min-height:112px;
padding:22px 28px !important;
border:1px solid rgba(255,255,255,.11);
border-radius:28px;
background:rgba(255,255,255,.018);
color:inherit;
text-decoration:none;
direction:rtl;
overflow:hidden;
transition:border-color .28s ease,background .28s ease,transform .28s ease;
}
.snapchat-social-link:hover{
border-color:rgba(255,252,0,.28);
background:rgba(255,255,255,.028);
transform:translateY(-1px);
}
.snapchat-brand-icon{
grid-column:1;
grid-row:1;
justify-self:start;
width:54px;
height:54px;
border-radius:18px;
display:grid;
place-items:center;
background:#fffc00;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);
}
.snapchat-brand-icon svg{
width:27px;
height:27px;
display:block;
fill:#111;
}
.snapchat-card-copy{
grid-column:2;
grid-row:1;
min-width:0;
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:6px;
line-height:1.15;
}
.snapchat-name{
color:#f2eee7;
font-size:19px;
font-weight:500;
}
.snapchat-handle{
color:#747474;
font-size:14px;
font-weight:500;
direction:ltr;
}
.snapchat-arrow{
grid-column:3;
grid-row:1;
justify-self:end;
align-self:center;
color:#c8a967;
font-size:21px;
line-height:1;
}
@media(max-width:640px){
.v58-social-presence .snapchat-social-link,
.social-links .snapchat-social-link,
.social-grid .snapchat-social-link,
.snapchat-social-link{
grid-template-columns:48px minmax(0,1fr) 22px;
min-height:100px;
padding:18px 20px !important;
gap:14px;
border-radius:24px;
}
.snapchat-brand-icon{width:48px;height:48px;border-radius:16px}
.snapchat-brand-icon svg{width:24px;height:24px}
.snapchat-name{font-size:17px}
.snapchat-handle{font-size:13px}
}
/* V62.4 — CLIENT IDENTITY REQUEST */
.hero-professional-identity{margin:12px 0 0;color:#d4bd8d;font-size:clamp(14px,1.35vw,18px);font-weight:500;letter-spacing:.03em;line-height:1.7}
.professional-role-statement{max-width:760px;margin:0 auto 38px;text-align:center}
.professional-role-statement .role-kicker{display:block;margin-bottom:10px;color:#a88d60;font-family:Manrope,sans-serif;font-size:11px;letter-spacing:.18em}
.professional-role-statement h2{margin:0 0 12px;font-size:clamp(30px,4vw,56px);font-weight:400}
.professional-role-statement p{margin:0 auto;max-width:650px;color:#8e8a84;line-height:1.9}
.contact-role-line,.mazen-role-line{margin-top:10px;color:#b89b68;font-size:15px}
.molfet-booking .molfet-logo,.molfet-booking [class*="molfet-brand"]{display:none!important}
@media(max-width:700px){.hero-professional-identity{font-size:14px;margin-top:9px}.professional-role-statement{margin-bottom:26px;padding-inline:14px}}
/* =========================================================
V62.5 — FULL CLIENT NAME
========================================================= */
.hero-full-name{
margin:0;
font-size:clamp(34px,5.3vw,76px);
font-weight:400;
line-height:1.18;
letter-spacing:-.015em;
text-wrap:balance;
}
@media(max-width:700px){
.hero-full-name{
font-size:clamp(30px,10vw,48px);
line-height:1.24;
}
}
/* =========================================================
V62.6 — HERO FULL NAME COMPOSITION FIX
Keep the client's full name elegant and controlled.
========================================================= */
.hero-v4-restored .hero-full-name{
width:min(100%, 760px) !important;
max-width:760px !important;
margin:0 0 10px !important;
font-size:clamp(40px,4.25vw,72px) !important;
font-weight:400 !important;
line-height:1.12 !important;
letter-spacing:-.025em !important;
white-space:nowrap !important;
text-wrap:nowrap !important;
}
.hero-v4-restored .hero-professional-identity{
margin-top:8px !important;
font-size:clamp(14px,1.05vw,18px) !important;
line-height:1.55 !important;
}
/* Medium laptops: preserve one-line name without dominating the film. */
@media (min-width:901px) and (max-width:1500px){
.hero-v4-restored .hero-full-name{
font-size:clamp(38px,3.8vw,58px) !important;
max-width:680px !important;
}
}
/* Tablets / phones: allow a deliberate balanced wrap instead of overflow. */
@media(max-width:900px){
.hero-v4-restored .hero-full-name{
width:100% !important;
max-width:620px !important;
font-size:clamp(34px,7.4vw,54px) !important;
line-height:1.18 !important;
white-space:normal !important;
text-wrap:balance !important;
}
}
@media(max-width:520px){
.hero-v4-restored .hero-full-name{
max-width:100% !important;
font-size:clamp(31px,9.2vw,43px) !important;
line-height:1.2 !important;
letter-spacing:-.015em !important;
}
.hero-v4-restored .hero-professional-identity{
font-size:13px !important;
}
}
/* V62.7 — MOBILE FULL NAME VISIBILITY */
@media(max-width:700px){
.hero-v4-restored .hero-copy,
.hero-v4-restored .hero-content{
padding-top:max(92px, env(safe-area-inset-top)) !important;
}
.hero-v4-restored .hero-full-name{
display:block !important;
visibility:visible !important;
opacity:1 !important;
position:relative !important;
z-index:6 !important;
width:100% !important;
max-width:100% !important;
margin:0 0 8px !important;
font-size:clamp(29px,8.8vw,42px) !important;
line-height:1.22 !important;
white-space:normal !important;
text-wrap:balance !important;
}
.hero-v4-restored .hero-professional-identity{
display:block !important;
visibility:visible !important;
opacity:1 !important;
position:relative !important;
z-index:6 !important;
}
}
/* =========================================================
V62.8 — DEFINITIVE HERO NAME FIX
Desktop: controlled full name.
Mobile: dedicated full name lockup at the top.
========================================================= */
/* Actual desktop H1 — override all legacy hero h1 sizes */
#home.hero-v4-restored .hero-copy-v4 > h1.hero-full-name{
display:block !important;
visibility:visible !important;
opacity:1 !important;
height:auto !important;
max-height:none !important;
overflow:visible !important;
width:auto !important;
max-width:720px !important;
margin:0 0 12px !important;
padding:0 !important;
font-size:clamp(44px,3.65vw,68px) !important;
line-height:1.16 !important;
font-weight:400 !important;
letter-spacing:-.025em !important;
white-space:nowrap !important;
text-wrap:nowrap !important;
pointer-events:auto !important;
}
/* Mobile name is a separate, stable top lockup. */
.hero-mobile-name{
display:none;
}
@media (min-width:981px){
.hero-mobile-name{display:none !important;}
}
@media (min-width:701px) and (max-width:1280px){
#home.hero-v4-restored .hero-copy-v4 > h1.hero-full-name{
font-size:clamp(38px,3.55vw,52px) !important;
max-width:650px !important;
}
}
/* Mobile / tablet: old H1 remains hidden by legacy rules; use the dedicated top name. */
@media (max-width:980px){
#home.hero-v4-restored .hero-copy-v4 > h1.hero-full-name{
display:none !important;
}
#home.hero-v4-restored .hero-mobile-name{
display:flex !important;
position:absolute !important;
z-index:12 !important;
top:clamp(88px,12vh,126px) !important;
right:20px !important;
left:20px !important;
flex-direction:column;
align-items:flex-start;
gap:7px;
color:#f5f0e7;
text-align:right;
direction:rtl;
pointer-events:none;
text-shadow:0 8px 30px rgba(0,0,0,.48);
}
#home.hero-v4-restored .hero-mobile-name strong{
display:block;
width:100%;
font-size:clamp(30px,7.2vw,48px);
line-height:1.2;
font-weight:400;
letter-spacing:-.018em;
white-space:normal;
text-wrap:balance;
}
#home.hero-v4-restored .hero-mobile-name span{
display:block;
color:#d8bf8d;
font-size:clamp(12px,2.8vw,15px);
line-height:1.5;
font-weight:500;
}
/* Avoid repeating the role line twice on mobile */
#home.hero-v4-restored .hero-copy-v4 > .hero-professional-identity{
display:none !important;
}
}
@media (max-width:520px){
#home.hero-v4-restored .hero-mobile-name{
top:90px !important;
right:18px !important;
left:18px !important;
}
#home.hero-v4-restored .hero-mobile-name strong{
font-size:clamp(29px,8.2vw,39px);
line-height:1.22;
}
}
/* =========================================================
V62.13 — PRIORITY PORTRAIT
Dedicated editorial placement for the client's key portrait.
========================================================= */
.royal-priority-feature-v613{
display:grid;
grid-template-columns:minmax(420px,.82fr) minmax(0,1.18fr);
align-items:stretch;
min-height:760px;
background:#090909;
color:#f2eee7;
overflow:hidden;
}
.royal-priority-frame-v613{
position:relative;
min-height:760px;
overflow:hidden;
}
.royal-priority-frame-v613 img{
display:block;
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
}
.royal-priority-frame-v613::after{
content:"";
position:absolute;
inset:0;
background:linear-gradient(90deg,transparent 72%,rgba(9,9,9,.55) 100%);
pointer-events:none;
}
.royal-priority-copy-v613{
display:flex;
flex-direction:column;
justify-content:center;
padding:clamp(60px,7vw,120px);
border-inline-start:1px solid rgba(184,155,104,.15);
}
.royal-priority-copy-v613>span{
margin-bottom:22px;
color:#b89b68;
font:500 10px Manrope,sans-serif;
letter-spacing:.2em;
}
.royal-priority-copy-v613 h2{
max-width:760px;
margin:0;
font-size:clamp(48px,5.8vw,94px);
line-height:1.06;
font-weight:300;
text-wrap:balance;
}
.royal-priority-copy-v613 p{
max-width:650px;
margin:30px 0 0;
color:#96918a;
font-size:clamp(16px,1.3vw,20px);
line-height:1.9;
}
@media(max-width:900px){
.royal-priority-feature-v613{
grid-template-columns:1fr;
min-height:0;
}
.royal-priority-frame-v613{
min-height:0;
aspect-ratio:4/5;
}
.royal-priority-frame-v613::after{
background:linear-gradient(180deg,transparent 68%,rgba(9,9,9,.58) 100%);
}
.royal-priority-copy-v613{
padding:38px 22px 56px;
border-inline-start:0;
border-top:1px solid rgba(184,155,104,.15);
}
.royal-priority-copy-v613 h2{
font-size:clamp(36px,10vw,56px);
}
}
/* =========================================================
V62.16 — DEFINITIVE MOBILE VIDEO VISIBILITY
Preserve the full video composition on phones.
========================================================= */
/* Portrait event films are native 9:16 assets. */
@media (max-width:980px){
.film-grid{
align-items:start !important;
}
.film-card,
.film-card-featured,
.film-card-wide{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:9 / 16 !important;
}
.film-card video{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
min-height:0 !important;
aspect-ratio:auto !important;
object-fit:cover !important;
object-position:center center !important;
transform:none !important;
}
/* The signature showreel is also a portrait 9:16 source. */
.real-showreel .real-showreel-frame,
.real-showreel .video-frame{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:9 / 16 !important;
}
.real-showreel .showreel-video{
position:absolute !important;
inset:0 !important;
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
}
/* Saudi cinematic film is native 16:9: show the full frame on mobile. */
.saudia-cinematic{
width:100% !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:16 / 9 !important;
}
.saudia-cinematic-video{
width:100% !important;
height:100% !important;
object-fit:cover !important;
object-position:center center !important;
transform:none !important;
}
.saudia-cinematic-frame{
inset:8px !important;
}
.saudia-cinematic-copy{
padding:16px 18px !important;
}
.saudia-cinematic-copy .eyebrow{
font-size:7px !important;
margin:0 !important;
}
.saudia-cinematic-copy h2{
max-width:75% !important;
margin:7px 0 12px !important;
font-size:clamp(23px,7vw,34px) !important;
line-height:1.08 !important;
letter-spacing:-.025em !important;
}
.saudia-cinematic-bottom{
gap:8px !important;
padding-top:8px !important;
font-size:6px !important;
letter-spacing:.08em !important;
}
.saudia-sound{
top:14px !important;
left:14px !important;
padding:7px 9px !important;
font-size:7px !important;
}
}
@media(max-width:640px){
/* Avoid legacy card height rules overriding the exact portrait ratio. */
.film-card,
.film-card-featured,
.film-card-wide{
min-width:84vw !important;
height:auto !important;
min-height:0 !important;
aspect-ratio:9 / 16 !important;
}
}