/* Theme Name: Belal Nasr El-Din — Astra Child Description: Approved BN legal website with editable Elementor pages, shared Elementor header/footer, scoped design, and reversible setup. Template: astra Version: 1.0.0 Text Domain: belal-astra-child */ body.bn-managed{margin:0;background:#fff}body.bn-managed #belal-studio{width:100%;max-width:none} #belal-studio .elementor{width:100%} #belal-studio :where(.bn-node.e-con){display:block;flex:none;flex-direction:row;align-items:stretch;justify-content:normal;flex-wrap:nowrap;color:inherit;width:auto;max-width:none;min-height:0;gap:0;margin:0;padding:0;--container-widget-width:100%;--container-widget-flex-grow:0;--content-width:100%;--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px} #belal-studio .bn-leaf.elementor-widget,#belal-studio .bn-leaf>.elementor-widget-container,#belal-studio .elementor-widget-text-editor .elementor-widget-container{display:contents} #belal-studio .bn-leaf.elementor-widget{color:inherit;font-family:inherit} #belal-studio .elementor-widget{margin:0}#belal-studio :where(.elementor-heading-title){padding:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit} #belal-studio .elementor-widget-image img{vertical-align:initial;width:100%} #belal-studio .elementor-widget-image.hero-photo{display:block;position:absolute} #belal-studio .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%} #belal-studio .work-feature>.elementor-widget-image{display:block;position:absolute;inset:0;z-index:0} #belal-studio .archive-image img{width:100%;max-height:650px;object-fit:contain;background:#eeece5} @font-face{font-family:Cairo;src:url(assets/cairo-regular.ttf) format('truetype');font-weight:400 600;font-display:swap} @font-face{font-family:Cairo;src:url(assets/cairo-bold.ttf) format('truetype');font-weight:700;font-display:swap} @font-face{font-family:'Noto Naskh Arabic';src:url(assets/naskh.ttf) format('truetype');font-weight:400 700;font-display:swap} @font-face{font-family:Manrope;src:url(assets/manrope.ttf) format('truetype');font-weight:400 600;font-display:swap} #belal-studio{--gold:#c1a367;--ink:#242424;--paper:#fff;--soft:#f4f3ef;--muted:#66645d;--rule:#d8d5cc;background:var(--paper);color:var(--ink);font:14px/1.9 Cairo,sans-serif;direction:rtl;overflow:clip;isolation:isolate}#belal-studio *{box-sizing:border-box}#belal-studio [hidden]{display:none!important}#belal-studio h1,#belal-studio h2,#belal-studio h3,#belal-studio p{margin:0}#belal-studio h1,#belal-studio h2{font-family:'Noto Naskh Arabic',serif;font-weight:400;line-height:1.2;text-wrap:balance}#belal-studio h1{font-size:clamp(48px,7.2vw,88px)}#belal-studio h2{font-size:clamp(33px,4.7vw,56px)}#belal-studio h3{font-size:20px;line-height:1.6;font-weight:500;text-wrap:balance}#belal-studio a{color:inherit;text-decoration:none}#belal-studio button,#belal-studio input,#belal-studio select,#belal-studio textarea{font:inherit}#belal-studio button{cursor:pointer}#belal-studio img{display:block;max-width:100%}#belal-studio button{color:inherit}#belal-studio :focus-visible{outline:2px solid var(--gold);outline-offset:5px}#belal-studio ::selection{background:var(--gold);color:var(--ink)}#belal-studio .en{font-family:Manrope,sans-serif;direction:ltr}#belal-studio .section{padding:90px 7%}#belal-studio .soft{background:var(--soft)}#belal-studio .dark{background:var(--ink);color:#fff}#belal-studio .muted{color:var(--muted)}#belal-studio .dark .muted{color:#c1bdb2}#belal-studio .gold{color:var(--gold)}#belal-studio .section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:42px}#belal-studio .section-head p{max-width:34ch;color:var(--muted);font-size:13px;line-height:2.1}#belal-studio .site-head{position:relative;background:var(--ink);color:#fff;padding:0 5%;z-index:5}#belal-studio .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-bottom:1px solid #ffffff26}#belal-studio .brand{display:flex;gap:12px;align-items:center;flex-shrink:0}#belal-studio .brand img{width:47px;height:73px;object-fit:contain}#belal-studio .brand b{display:block;font-size:17px;font-weight:600}#belal-studio .brand small{display:block;font:8px/1.7 Manrope;letter-spacing:1.6px;color:#d1bc91;margin-top:4px}#belal-studio .nav-links{display:flex;align-items:center;gap:23px;font-size:11px}#belal-studio .nav-links a{position:relative;padding:14px 0;white-space:nowrap}#belal-studio .nav-links a:after{content:'';height:1px;width:0;background:var(--gold);position:absolute;bottom:6px;right:0;transition:width .35s}#belal-studio .nav-links a:hover:after,#belal-studio .nav-links a[aria-current=page]:after{width:100%}#belal-studio .nav-cta{display:flex;align-items:center;gap:15px;font-size:11px;white-space:nowrap}#belal-studio .round{width:35px;height:35px;border:1px solid #c1a36785;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .35s,background .35s}#belal-studio i[data-lucide]{display:inline-block;width:17px;height:17px}#belal-studio .menu-toggle{display:none;border:1px solid #887958;background:none;padding:8px 14px}#belal-studio .action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 20px;min-height:50px;background:var(--gold);color:var(--ink);border:1px solid var(--gold);font-size:12px;font-weight:600;transition:background .3s}#belal-studio .action:hover{background:#d1b981}#belal-studio .action .round{border-color:#24242440;width:28px;height:28px}#belal-studio .action:hover .round{transform:rotate(-35deg)}#belal-studio .text-link{display:inline-flex;gap:15px;align-items:center;font-size:12px;border-bottom:1px solid var(--gold);padding:9px 0}#belal-studio .actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:30px}#belal-studio .home-hero{background:#242424;position:relative;color:#fff;min-height:590px;display:flex;align-items:center;padding:58px 6% 100px;direction:ltr}#belal-studio .hero-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 43%;filter:saturate(.3) brightness(.7)}#belal-studio .home-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#242424 0%,#242424e8 24%,#24242480 48%,transparent 72%),linear-gradient(0deg,#242424 0%,transparent 38%);pointer-events:none}#belal-studio .hero-copy{position:relative;z-index:1;width:52%;direction:rtl;text-align:right;padding-inline-start:8%}#belal-studio .hero-copy h1{font-size:clamp(49px,6.7vw,81px);line-height:1.24}#belal-studio .hero-copy em{font-style:normal;color:var(--gold)}#belal-studio .hero-copy p{font-size:12px;color:#d9d5cc;line-height:2.2;margin-top:23px;max-width:44ch}#belal-studio .hero-line{position:absolute;z-index:2;bottom:27px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:20px;direction:rtl;font-size:10px;color:#dbd3c2;border-top:1px solid #ffffff26;padding-top:20px}#belal-studio .hero-line .en{font-size:9px;letter-spacing:2px}#belal-studio .credit{font-size:8px;opacity:.75}#belal-studio .intro{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:start}#belal-studio .intro p{font-size:14px;line-height:2.3;color:var(--muted)}#belal-studio .intro h2 em{font-style:normal;color:#8c713b}#belal-studio .proof-line{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px;border-top:1px solid var(--rule);padding-top:22px}#belal-studio .proof-line strong{font:27px Manrope;display:block;direction:ltr;text-align:right}#belal-studio .proof-line span{font-size:10px;color:var(--muted)}#belal-studio .practice-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}#belal-studio .practice-layout h2{position:sticky;top:25px}#belal-studio .practice-row{display:grid;grid-template-columns:1fr 28px;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--rule);transition:padding .3s,color .3s}#belal-studio .practice-row:hover{padding-inline-start:12px;color:#8a6c33}#belal-studio .practice-row h3{font-family:'Noto Naskh Arabic';font-size:28px}#belal-studio .practice-row p{font-size:11px;color:var(--muted);line-height:2;margin-top:8px}#belal-studio .practice-row:last-child{border-bottom:1px solid var(--rule)}#belal-studio .practice-intro p{color:var(--muted);font-size:13px;margin-top:22px}#belal-studio .feature-work{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}#belal-studio .work-feature{position:relative;min-height:390px;background:#34332f;display:flex;align-items:end;overflow:hidden;color:white;padding:30px}#belal-studio .work-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.5);transition:transform .8s}#belal-studio .work-feature:hover img{transform:scale(1.035)}#belal-studio .work-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#242424 0%,transparent 95%)}#belal-studio .work-feature>div{position:relative;z-index:1}#belal-studio .work-feature h3{font:34px/1.4 'Noto Naskh Arabic';margin-top:12px}#belal-studio .tag{font-size:10px;color:#d2bd93;display:block}#belal-studio .work-text{padding:28px 0;border-top:1px solid #ffffff35}#belal-studio .work-text h3{font:29px/1.5 'Noto Naskh Arabic';margin:10px 0}#belal-studio .work-text p{font-size:12px;color:#c0bbae}#belal-studio .work-foot{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:11px;color:var(--gold)}#belal-studio .founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}#belal-studio .portrait-frame{position:relative;padding:0 0 20px 20px}#belal-studio .portrait-frame:before{content:'';position:absolute;inset:20px 20px 0 0;border:1px solid var(--gold)}#belal-studio .portrait-frame img{width:100%;height:410px;object-fit:cover;object-position:68% center;filter:grayscale(.5);position:relative}#belal-studio .photo-credit{font-size:8px;position:relative;display:block;color:var(--muted);padding-top:12px}#belal-studio .founder-copy p{font-size:13px;line-height:2.3;color:var(--muted);margin-top:23px}#belal-studio .signature{font:30px 'Noto Naskh Arabic';color:#8d713b;margin-top:22px}#belal-studio .media-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:45px}#belal-studio .press-feature img{height:260px;width:100%;object-fit:cover;object-position:top;filter:grayscale(.7)}#belal-studio .press-feature h3{font:30px 'Noto Naskh Arabic';margin-top:24px}#belal-studio .media-row{border-top:1px solid var(--rule);padding:25px 0}#belal-studio .media-row small{color:var(--muted);font-size:10px}#belal-studio .media-row h3{font:27px/1.5 'Noto Naskh Arabic';margin:12px 0}#belal-studio .ilg-invite{display:flex;justify-content:space-between;align-items:center;gap:40px;border-block:1px solid var(--rule);padding:45px 7%}#belal-studio .ilg-invite strong{font:70px Georgia;color:#8c713b;line-height:1}#belal-studio .ilg-invite p{font-size:12px;margin-top:12px;color:var(--muted)}#belal-studio .closing{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:30px;background:#242424;padding:65px 7%;color:#fff;border-bottom:1px solid #ffffff26}#belal-studio .closing h2{font-size:clamp(40px,5vw,65px)}#belal-studio .closing p{font-size:12px;color:#c9c3b5;margin-bottom:25px}#belal-studio .site-footer{background:#242424;color:#fff;padding:50px 7% 22px}#belal-studio .footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:50px}#belal-studio .footer-grid h3{font-size:12px;color:var(--gold);margin-bottom:18px}#belal-studio .footer-grid a:not(.brand){display:block;font-size:11px;margin:8px 0;color:#d6d0c5}#belal-studio .footer-grid p{font-size:11px;color:#bcb5a8;max-width:33ch;margin-top:17px}#belal-studio .footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff25;padding-top:20px;margin-top:40px;font-size:9px;color:#bcb5a8}#belal-studio .footer-bottom a{margin-inline-start:14px}#belal-studio .page-hero{padding:60px 7% 65px;background:var(--ink);color:white;position:relative;overflow:hidden}#belal-studio .page-hero .crumb{font-size:10px;color:#c4b79b;margin-bottom:32px;display:flex;gap:12px;align-items:center}#belal-studio .page-hero h1{max-width:14ch;position:relative;z-index:1}#belal-studio .page-hero p{max-width:55ch;color:#d0cabe;font-size:13px;line-height:2.2;margin-top:23px;position:relative;z-index:1}#belal-studio .page-word{font:130px Manrope;letter-spacing:-7px;position:absolute;bottom:-45px;left:5%;color:#ffffff06;pointer-events:none}#belal-studio .split{display:grid;grid-template-columns:1.6fr 1fr;gap:60px}#belal-studio .prose h2{font-size:34px;margin:40px 0 20px}#belal-studio .prose h2:first-child{margin-top:0}#belal-studio .prose p{font-size:13px;line-height:2.4;color:var(--muted);margin-bottom:17px}#belal-studio .prose li{font-size:13px;color:var(--muted);padding:5px 0}#belal-studio .aside{padding:28px;background:var(--soft);align-self:start}#belal-studio .aside h3{font-size:17px;margin-bottom:20px}#belal-studio .fact{padding:15px 0;border-top:1px solid var(--rule)}#belal-studio .fact span{font-size:10px;color:var(--muted);display:block}#belal-studio .fact strong{font-size:13px;font-weight:500}#belal-studio .timeline{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:25px 0;border-top:1px solid var(--rule)}#belal-studio .timeline b{font:17px Manrope;color:#826731}#belal-studio .timeline p{font-size:12px;color:var(--muted);margin-top:7px}#belal-studio .filters{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:35px}#belal-studio .filters button{background:none;border:0;border-bottom:1px solid transparent;padding:8px 0;color:var(--muted);font-size:12px}#belal-studio .filters button[aria-pressed=true]{color:#242424;border-color:#8c713b}#belal-studio .case-list{display:grid;grid-template-columns:1fr 1fr;gap:35px}#belal-studio .case-item{border-top:1px solid var(--rule);padding:25px 0;display:flex;flex-direction:column;align-items:start}#belal-studio .case-item .case-value{font:30px Manrope;direction:ltr;color:#8c713b;margin-bottom:20px}#belal-studio .case-item h3{font:30px/1.4 'Noto Naskh Arabic'}#belal-studio .case-item p{font-size:12px;color:var(--muted);margin:15px 0;flex:1}#belal-studio .result{padding:25px;background:#242424;color:white;margin:30px 0}#belal-studio .result p{color:#e5dfd3;margin-bottom:0}#belal-studio .result h3{color:var(--gold);margin-bottom:10px}#belal-studio .service-top{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-bottom:50px}#belal-studio .service-top img{height:270px;width:100%;object-fit:cover;filter:grayscale(1)}#belal-studio .service-top p{color:var(--muted);font-size:13px;line-height:2.3;margin-top:20px}#belal-studio .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}#belal-studio .faq details{padding:22px 0;border-top:1px solid var(--rule)}#belal-studio .faq summary{font-size:14px;cursor:pointer}#belal-studio .faq details p{font-size:12px;color:var(--muted);line-height:2.2;margin-top:15px}#belal-studio .contact-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:65px}#belal-studio .contact-layout h2{font-size:38px;margin-bottom:20px}#belal-studio .contact-layout p{color:var(--muted);font-size:12px;line-height:2.2}#belal-studio .contact-detail{border-top:1px solid var(--rule);padding:20px 0;margin-top:15px}#belal-studio .contact-detail small{display:block;color:var(--muted);font-size:10px}#belal-studio .contact-detail a{font-size:13px;overflow-wrap:anywhere}#belal-studio .form{padding:35px;background:var(--soft)}#belal-studio .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}#belal-studio label{display:block;font-size:11px}#belal-studio input,#belal-studio select,#belal-studio textarea{display:block;width:100%;background:#fff;border:1px solid #d5cfc0;border-radius:0;padding:12px;color:#242424;margin-top:7px;font-size:16px;caret-color:#8c713b}#belal-studio textarea{min-height:120px;resize:vertical}#belal-studio .full{grid-column:1/-1}#belal-studio .check{display:flex;gap:10px;align-items:start;margin:20px 0}#belal-studio .check input{width:16px;height:16px;flex-shrink:0}#belal-studio .check span{font-size:10px;line-height:1.8}#belal-studio .form-status{margin-top:15px;font-size:12px}#belal-studio .ilg-hero{position:relative;background:#242424;color:white;padding:75px 7%;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}#belal-studio .ilg-hero img{max-height:260px;object-fit:contain;margin:auto}#belal-studio .ilg-hero p{color:#cec7b9;font-size:13px;line-height:2.3;margin-top:25px}#belal-studio .ilg-name{font:90px Georgia;color:var(--gold);border-bottom:1px solid #c1a36770;padding-bottom:20px;display:block}#belal-studio .ilg-name small{font:11px/2 Manrope;display:block;letter-spacing:2px;margin-top:15px}#belal-studio .archive-image{width:100%;max-height:650px;object-fit:contain;background:#eeece5;margin-bottom:20px}#belal-studio .quiet-note{font-size:10px;color:var(--muted);margin-top:22px;line-height:2}#belal-studio .site-map{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px}#belal-studio .site-map a{padding:15px 0;border-bottom:1px solid var(--rule)}#belal-studio .screen-enter{animation:bn-paper-open .5s cubic-bezier(.16,1,.3,1)}@keyframes bn-paper-open{from{clip-path:inset(0 0 8% 0);filter:blur(2px)}to{clip-path:inset(0);filter:blur(0)}} @media(min-width:1350px){#belal-studio .hero-copy{width:49%;padding-inline-start:4%}#belal-studio .home-hero{min-height:680px}}@media(max-width:1050px){#belal-studio .nav-links{gap:14px}#belal-studio .nav-inner{gap:15px}#belal-studio .brand b{font-size:14px}#belal-studio .nav-cta{display:none}#belal-studio .intro,#belal-studio .practice-layout,#belal-studio .founder-layout{gap:40px}#belal-studio .hero-copy{width:55%;padding-inline-start:2%}}@media(max-width:720px){#belal-studio .section{padding:55px 7%}#belal-studio .nav-inner{min-height:92px;flex-wrap:wrap;padding:12px 0}#belal-studio .menu-toggle{display:block}#belal-studio .nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding-bottom:12px}#belal-studio .nav-links.open{display:flex}#belal-studio .nav-links a{padding:10px 0;font-size:13px}#belal-studio .brand img{width:36px;height:59px}#belal-studio .brand b{font-size:15px}#belal-studio .brand small{font-size:7px}#belal-studio .home-hero{min-height:750px;padding:330px 7% 100px;align-items:end}#belal-studio .hero-photo{height:450px;object-position:67% center}#belal-studio .home-hero:after{background:linear-gradient(0deg,#242424 0%,#242424 39%,#24242455 70%,transparent 100%)}#belal-studio .hero-copy{width:100%;padding:0}#belal-studio .hero-copy h1{font-size:53px}#belal-studio .hero-copy p{font-size:12px}#belal-studio .hero-line{left:7%;right:7%;bottom:20px;gap:10px;flex-wrap:wrap}#belal-studio .hero-line .credit{display:none}#belal-studio .hero-line .en{font-size:8px}#belal-studio .intro,#belal-studio .practice-layout,#belal-studio .feature-work,#belal-studio .founder-layout,#belal-studio .media-grid,#belal-studio .split,#belal-studio .service-top,#belal-studio .service-grid,#belal-studio .contact-layout,#belal-studio .closing,#belal-studio .ilg-hero{grid-template-columns:1fr;gap:32px}#belal-studio .section-head{display:block;margin-bottom:30px}#belal-studio .section-head p{margin-top:20px}#belal-studio .section-head .text-link{margin-top:18px}#belal-studio .practice-layout h2{position:static}#belal-studio .practice-row{padding:20px 0}#belal-studio .practice-row h3{font-size:27px}#belal-studio .work-feature{min-height:320px}#belal-studio .portrait-frame img{height:340px}#belal-studio .ilg-invite{flex-wrap:wrap;gap:25px;padding:35px 7%}#belal-studio .ilg-invite strong{font-size:55px}#belal-studio .footer-grid{grid-template-columns:1fr 1fr;gap:30px}#belal-studio .footer-grid>div:first-child{grid-column:1/-1}#belal-studio .page-hero{padding:35px 7% 50px}#belal-studio .page-hero h1{font-size:48px}#belal-studio .page-word{font-size:80px;bottom:-26px}#belal-studio .case-list{grid-template-columns:1fr;gap:10px}#belal-studio .form{padding:25px 20px}#belal-studio .form-grid{grid-template-columns:1fr}#belal-studio .timeline{grid-template-columns:85px 1fr;gap:15px}#belal-studio .timeline b{font-size:13px}#belal-studio .site-map{grid-template-columns:1fr}#belal-studio .proof-line{gap:12px}#belal-studio .proof-line strong{font-size:24px}#belal-studio .proof-line span{font-size:9px}#belal-studio .ilg-hero{padding:45px 7%}#belal-studio .closing{padding:50px 7%}#belal-studio .footer-bottom{font-size:9px}} @media(prefers-reduced-motion:reduce){#belal-studio *,#belal-studio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} #belal-studio .brand small{font-size:10px;letter-spacing:.7px}#belal-studio .nav-links{font-size:12px}#belal-studio .nav-cta{font-size:12px}#belal-studio .hero-copy p,#belal-studio .section-head p,#belal-studio .practice-intro p,#belal-studio .founder-copy p,#belal-studio .page-hero p,#belal-studio .service-top p,#belal-studio .prose p,#belal-studio .prose li,#belal-studio .contact-layout p{font-size:14px}#belal-studio .practice-row p,#belal-studio .work-text p,#belal-studio .case-item p,#belal-studio .faq details p,#belal-studio .closing p,#belal-studio .ilg-hero p{font-size:13px}#belal-studio .hero-line,#belal-studio .hero-line .en,#belal-studio .proof-line span,#belal-studio .tag,#belal-studio .media-row small,#belal-studio .fact span,#belal-studio .contact-detail small,#belal-studio .quiet-note,#belal-studio .footer-bottom,#belal-studio .check span,#belal-studio .page-hero .crumb{font-size:11px}#belal-studio .footer-grid a:not(.brand),#belal-studio .footer-grid p{font-size:12px}#belal-studio .credit,#belal-studio .photo-credit{font-size:10px}#belal-studio .portrait-frame{padding-bottom:26px}#belal-studio .work-feature{padding-bottom:35px} @media(max-width:720px){#belal-studio .brand small{font-size:9px;letter-spacing:.2px}#belal-studio .hero-copy p{font-size:14px}#belal-studio .hero-line{position:relative;bottom:auto;left:auto;right:auto;margin-top:30px;width:100%}#belal-studio .home-hero{display:block;padding-bottom:24px}#belal-studio .hero-line .en{font-size:10px}#belal-studio .proof-line span{font-size:11px}#belal-studio .footer-bottom{font-size:11px}#belal-studio .nav-links a{min-height:44px}#belal-studio .footer-bottom a{display:inline-flex;align-items:center;min-height:44px}} #belal-studio .press-feature img{object-position:center 26%;background:#eae7df}@media(max-width:720px){#belal-studio .press-feature img{object-position:center 10%}} #belal-studio .elementor-widget-image.hero-photo{display:block}#belal-studio .elementor-widget-image.hero-photo img{height:100%;max-width:none} #belal-studio .bn-leaf.archive-image{display:block} @media(max-width:720px){#belal-studio .hero-photo img{object-position:67% center}} #belal-studio .bn-node.nav-links{display:flex}#belal-studio .bn-node.nav-inner{display:flex} @media(max-width:720px){#belal-studio .bn-node.nav-links{display:none}#belal-studio .bn-node.nav-links.open{display:flex}} /* Shared sticky navbar (also saved in WordPress Additional CSS). */ #belal-studio > .elementor:has(> .site-head){position:sticky;top:0;z-index:1000} body.admin-bar #belal-studio > .elementor:has(> .site-head){top:32px} @media(max-width:782px){body.admin-bar #belal-studio > .elementor:has(> .site-head){top:46px}} @media(max-width:600px){body.admin-bar #belal-studio > .elementor:has(> .site-head){top:0}} /* BN branded back-to-top */ #ast-scroll-top { width:46px; height:46px; padding:0; line-height:44px; border-radius:50%; border:1px solid #C1A367; background:#242424; color:#C1A367; opacity:1; box-shadow:0 6px 20px rgba(0,0,0,.18); transition:background .25s,color .25s,transform .25s; } #ast-scroll-top .ast-icon, #ast-scroll-top svg { color:inherit; fill:currentColor; } #ast-scroll-top:hover { background:#C1A367; color:#242424; transform:translateY(-3px); } #ast-scroll-top:focus-visible { outline:2px solid #C1A367; outline-offset:4px; } @media(prefers-reduced-motion:reduce) { #ast-scroll-top { transition:none; } }/* Shared navigation */ #belal-studio .bn-skip-link { position: fixed; z-index: 1001; inset-block-start: 54px; inset-inline-start: 16px; padding: 10px 16px; background: var(--gold); color: var(--ink); outline: 2px solid var(--ink); } #belal-studio .bn-skip-link:not(:focus) { clip-path: inset(50%); } #belal-studio #bn-page-v2 { scroll-margin-top: 130px; } #belal-studio .site-head { padding-inline: clamp(14px, 4vw, 64px); border-bottom: 1px solid #c1a36755; } #belal-studio .site-head .nav-inner { position: relative; min-height: 82px; max-width: 1440px; margin-inline: auto; padding: 0; gap: clamp(12px, 2vw, 32px); flex-wrap: nowrap; border: 0; } #belal-studio .site-head .brand img { width: 37px; height: 58px; } #belal-studio .site-head .nav-links { flex: 0 1 auto; gap: clamp(5px, 1vw, 16px); font-size: 13px; } #belal-studio .site-head .nav-links a { display: flex; align-items: center; min-height: 44px; padding: 6px 7px; transition: color 180ms ease; } #belal-studio .site-head .nav-links a::after { inset: auto 7px 2px; width: auto; transform: scaleX(0); transform-origin: right; transition: transform 240ms cubic-bezier(.16, 1, .3, 1); } #belal-studio .site-head .nav-links a:is(:hover, :focus-visible, [aria-current]) { color: var(--gold); } #belal-studio .site-head .nav-links a:is(:hover, :focus-visible, [aria-current])::after { transform: scaleX(1); } #belal-studio .site-head .nav-cta { display: inline-flex; min-height: 44px; gap: 10px; padding: 5px 12px 5px 5px; background: var(--gold); color: var(--ink); font-size: 13px; font-weight: 700; transition: background-color 180ms ease; } #belal-studio .site-head .nav-cta .round { width: 30px; height: 30px; background: var(--ink); color: #fff; border: 0; } #belal-studio .site-head .nav-cta svg { transition: transform 220ms cubic-bezier(.16, 1, .3, 1); } #belal-studio .site-head .nav-cta:is(:hover, :focus-visible) { background: #dfc791; } #belal-studio .site-head .nav-cta:is(:hover, :focus-visible) svg { transform: translate(-2px, -2px); } #belal-studio .site-head :is(a, button):focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; } #belal-studio .site-head .nav-inner > :has(.menu-toggle) { display: none; } @media (max-width: 1090px) { #belal-studio .site-head .nav-inner { min-height: 70px; gap: 8px; } #belal-studio .site-head .nav-inner > :has(.menu-toggle) { display: block; } #belal-studio .site-head .brand { margin-inline-end: auto; } #belal-studio .site-head .menu-toggle { position: relative; display: grid; place-items: center; width: 46px; height: 46px; padding: 0; color: #fff; background: transparent; border: 1px solid #c1a36780; border-radius: 50%; font-size: 0; } #belal-studio .site-head .menu-toggle::before, #belal-studio .site-head .menu-toggle::after { content: ''; position: absolute; width: 18px; height: 1.5px; background: currentColor; transition: transform 220ms ease; } #belal-studio .site-head .menu-toggle::before { transform: translateY(-3px); } #belal-studio .site-head .menu-toggle::after { transform: translateY(3px); } #belal-studio .site-head .menu-toggle[aria-expanded=true] { color: var(--gold); border-color: var(--gold); } #belal-studio .site-head .menu-toggle[aria-expanded=true]::before { transform: rotate(45deg); } #belal-studio .site-head .menu-toggle[aria-expanded=true]::after { transform: rotate(-45deg); } #belal-studio .site-head .nav-links { position: absolute; inset: calc(100% + 1px) calc(-1 * clamp(14px, 4vw, 64px)) auto; width: auto; max-width: none; margin: 0; display: flex; flex-direction: column; align-items: stretch; gap: 0; max-height: 70vh; overflow: auto; padding: 14px clamp(20px, 6vw, 48px) 24px; border-bottom: 1px solid var(--gold); background: var(--ink); box-shadow: 0 14px 28px #0003; visibility: hidden; clip-path: inset(0 0 100%); transition: clip-path 220ms cubic-bezier(.16, 1, .3, 1), visibility 220ms; } #belal-studio .site-head .nav-links.open { visibility: visible; clip-path: inset(0); } #belal-studio .site-head .nav-links a:not(.nav-cta) { min-height: 47px; padding-inline: 12px; font-size: 15px; border-bottom: 1px solid #ffffff19; } #belal-studio .site-head .nav-links a[aria-current] { background: #c1a36716; } #belal-studio .site-head .nav-links a:not(.nav-cta)::after { inset: 10px 0; width: 2px; height: auto; } #belal-studio .site-head .nav-links .nav-cta { display: flex; justify-content: center; width: 75%; min-height: 48px; margin-top: 14px; margin-inline: auto; padding-inline: 10px; font-size: 14px; } #belal-studio .site-head .nav-links .nav-cta:is(:hover, :focus-visible) { color: var(--ink); } #belal-studio .site-head .nav-links .nav-cta::after { content: none; } } @media (max-width: 480px) { #belal-studio .site-head .brand { gap: 9px; } #belal-studio .site-head .brand img { width: 30px; height: 48px; } #belal-studio .site-head .brand b { font-size: 15px; white-space: nowrap; } } @media (prefers-reduced-motion: reduce) { #belal-studio .site-head *, #belal-studio .site-head *::before, #belal-studio .site-head *::after { transition: none; } } /* Interior page introductions */ #belal-studio :is(.page-hero, .ilg-hero) { position: relative; min-height: clamp(300px, 27vw, 410px); align-content: center; padding: clamp(38px, 5.5vw, 80px) 7%; background: linear-gradient(120deg, #2e2921, var(--ink) 48%); border-block-end: 1px solid var(--gold); } #belal-studio :is(.page-hero, .ilg-hero)::before { content: ''; display: block; width: 42px; height: 2px; background: var(--gold); position: absolute; inset-block-start: 0; inset-inline-start: 7%; } #belal-studio :is(.page-hero, .ilg-hero) h1 { max-width: 24ch; font-size: clamp(38px, 5.1vw, 72px); line-height: 1.19; text-wrap: balance; } #belal-studio :is(.page-hero, .ilg-hero) p { max-width: 58ch; margin-block-start: 15px; color: #ded6c7; font-size: clamp(14px, 1.25vw, 17px); line-height: 1.9; } #belal-studio .page-hero .crumb { flex-wrap: wrap; gap: 4px 10px; margin-block-end: 18px; font-size: 12px; } #belal-studio .page-hero .page-word { display: none; } #belal-studio .ilg-hero { grid-template-columns: minmax(0, 1fr) minmax(100px, 220px); } #belal-studio .ilg-hero img { max-height: 170px; } @media (max-width: 720px) { #belal-studio :is(.page-hero, .ilg-hero) { min-height: 0; padding-block: 35px 44px; } #belal-studio :is(.page-hero, .ilg-hero) h1 { font-size: clamp(34px, 7vw, 48px); } #belal-studio .ilg-hero { grid-template-columns: minmax(0, 1fr); gap: 24px; } #belal-studio .ilg-hero img { max-height: 100px; margin-inline: 0; } }