:root{--ink:#171a1b;--black:#0d0f10;--charcoal:#24282a;--ivory:#f3eee2;--paper:#f8f6f0;--bronze:#a77b4f;--line:rgba(23,26,27,.16);--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Kufi Arabic",sans-serif;overflow-x:hidden}body.no-scroll{overflow:hidden}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;width:100%}.door-intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#080a0a;perspective:1800px;transition:opacity .75s ease,visibility .75s;overflow:hidden}.door-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 12%,rgba(0,0,0,.58) 78%),linear-gradient(90deg,rgba(0,0,0,.7),transparent 25%,transparent 75%,rgba(0,0,0,.7));z-index:3;pointer-events:none}.door-intro.is-finished{opacity:0;visibility:hidden;pointer-events:none}.intro-door{position:absolute;top:0;bottom:0;width:50.15%;background-color:#111;background-image:linear-gradient(rgba(7,9,9,.22),rgba(7,9,9,.46)),url("assets/images/wrought-iron-gate.png");background-size:200% 100%;background-repeat:no-repeat;transition:transform 1.85s cubic-bezier(.72,.01,.18,1);transform-style:preserve-3d;overflow:hidden;border-color:#050606;box-shadow:inset 0 0 70px rgba(0,0,0,.72)}.intro-door:before{content:"";position:absolute;inset:3.2%;z-index:1;border:2px solid rgba(191,144,86,.65);box-shadow:inset 0 0 0 8px rgba(5,6,6,.38),0 0 22px rgba(0,0,0,.8)}.intro-door:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,209,142,.08),transparent 22%,rgba(0,0,0,.34) 90%);z-index:0}.intro-door--right{right:0;transform-origin:right;border-left:4px solid #080909;background-position:right center}.intro-door--left{left:0;transform-origin:left;border-right:4px solid #080909;background-position:left center}.door-intro.is-opening .intro-door--right{transform:rotateY(-104deg)}.door-intro.is-opening .intro-door--left{transform:rotateY(104deg)}.ornament{position:absolute;z-index:2;width:30vw;max-width:430px;aspect-ratio:1;top:50%;border:2px solid rgba(202,157,99,.72);border-radius:50%;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 0 12px rgba(4,5,5,.32),inset 0 0 25px rgba(0,0,0,.55)}.ornament:before,.ornament:after{content:"";position:absolute;border:1px solid rgba(216,171,111,.76);border-radius:18%}.ornament:before{inset:12%;transform:rotate(22.5deg)}.ornament:after{inset:27%;transform:rotate(45deg);background:radial-gradient(circle,rgba(188,137,75,.85) 0 8%,transparent 9%)}.intro-door--right .ornament{left:-15vw}.intro-door--left .ornament{right:-15vw}.door-handle{position:absolute;z-index:4;top:55%;width:9px;height:108px;border-radius:8px;background:linear-gradient(90deg,#76512d,#d8ae73 48%,#6c4827);box-shadow:0 0 0 2px #18120c,0 8px 20px rgba(0,0,0,.75)}.door-handle:before,.door-handle:after{content:"";position:absolute;left:50%;width:22px;height:22px;transform:translateX(-50%);border:2px solid #b3824e;border-radius:50%;background:#17130e}.door-handle:before{top:-8px}.door-handle:after{bottom:-8px}.intro-door--right .door-handle{left:38px}.intro-door--left .door-handle{right:38px}.intro-mark{position:relative;z-index:5;width:238px;height:238px;border-radius:50%;background:radial-gradient(circle,#222627 0 56%,#0e1010 58%);border:2px solid var(--bronze);display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--ivory);box-shadow:0 0 0 8px #111,0 0 0 10px rgba(185,137,82,.7),0 35px 90px #000;transition:opacity .55s,transform .8s}.intro-mark:before{content:"";position:absolute;inset:15px;border:1px dashed rgba(199,153,95,.5);border-radius:50%;animation:sealTurn 16s linear infinite}.door-intro.is-opening .intro-mark{opacity:0;transform:scale(.76) rotate(-8deg)}.intro-mark__ar{font-size:26px;font-weight:600;text-shadow:0 2px 12px #000}.intro-mark__en{font:500 11px/2 Manrope,sans-serif;letter-spacing:.25em;color:#d2b18a}.intro-caption{position:absolute;z-index:5;bottom:46px;display:flex;align-items:center;gap:15px;color:#d6b483;transition:opacity .35s}.intro-caption span{width:36px;height:1px;background:#a77948}.intro-caption b{font-size:9px;letter-spacing:.18em}.door-intro.is-opening .intro-caption{opacity:0}.intro-skip{position:absolute;bottom:28px;left:28px;color:#d4c5b2;background:rgba(8,9,9,.45);border:0;border-bottom:1px solid #a77b4f;padding:6px 2px;cursor:pointer;font-size:11px;z-index:6}@keyframes sealTurn{to{transform:rotate(360deg)}}.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:92px;padding:0 max(30px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);transition:.35s}.site-header.scrolled{height:76px;background:rgba(18,20,21,.96);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:13px;min-width:210px}.brand>span:last-child{display:flex;flex-direction:column}.brand b{font-size:18px;line-height:1.4}.brand small{font:600 8px/1.3 Manrope,sans-serif;letter-spacing:.22em;color:#c9b18f}.brand__icon{width:32px;height:39px;border:1px solid #af855b;display:flex!important;gap:3px;padding:4px}.brand__icon i{display:block;width:50%;height:100%;border:1px solid rgba(255,255,255,.55)}.nav{display:flex;gap:30px;font-size:12px}.nav a{opacity:.72;transition:.2s}.nav a:hover{opacity:1;color:#d8ba91}.header-actions{display:flex;align-items:center;gap:18px}.header-phone{font:500 12px Manrope,sans-serif;direction:ltr}.lang-toggle{border:0;background:transparent;color:#fff;cursor:pointer;font:600 11px Manrope,sans-serif}.lang-toggle span{border-bottom:1px solid #c8a577;padding-bottom:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;background:var(--bronze);color:white;padding:16px 24px;cursor:pointer;font-size:12px;transition:.3s}.button:hover{background:#bb9064;transform:translateY(-2px)}.button--small{padding:11px 17px}.button--ivory{background:var(--ivory);color:var(--ink);padding:18px 28px}.button--dark{background:var(--ink)}.menu-toggle{display:none;background:transparent;border:0;width:30px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px}.hero{min-height:100svh;position:relative;background:#171a1b;color:#fff;display:flex;align-items:center;overflow:hidden}.hero__image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 57%;filter:saturate(.78) contrast(1.05);animation:heroZoom 12s ease-out both}.hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,10,.15),rgba(9,10,10,.72) 62%,rgba(9,10,10,.94)),linear-gradient(0deg,rgba(10,11,11,.5),transparent 40%)}[dir=ltr] .hero__veil{background:linear-gradient(270deg,rgba(9,10,10,.15),rgba(9,10,10,.72) 62%,rgba(9,10,10,.94)),linear-gradient(0deg,rgba(10,11,11,.5),transparent 40%)}@keyframes heroZoom{from{transform:scale(1.08)}to{transform:scale(1)}}.hero__content{position:relative;z-index:2;width:min(730px,70vw);margin-inline-start:max(40px,calc((100vw - var(--max))/2));padding-top:80px}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 26px;color:#d6c6ad;font-size:10px;letter-spacing:.05em}.eyebrow>span:first-child{width:37px;height:1px;background:var(--bronze)}.eyebrow--dark{color:#806446}.hero h1,.section-heading h2,.statement h2,.process h2,.quote h2{margin:0;font-weight:500;line-height:1.38;letter-spacing:-.04em}.hero h1{font-size:clamp(52px,6.4vw,98px)}em{font-style:normal;color:#cba579}.hero__lead{max-width:580px;font-size:15px;line-height:2.1;color:#d8d7d3;margin:26px 0 35px}.hero__actions{display:flex;align-items:center;gap:34px}.text-link{font-size:12px;display:flex;gap:8px;align-items:center}.wa-dot{color:#25d366}.hero__side{position:absolute;z-index:2;left:max(22px,calc((100vw - var(--max))/2));bottom:90px;display:flex;align-items:center;gap:18px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.14em}.hero__side i{height:52px;width:1px;background:rgba(255,255,255,.42)}.hero__side small{font:10px Manrope}.scroll-cue{position:absolute;z-index:2;bottom:25px;right:50%;display:flex;gap:10px;font-size:9px;color:#c7c6c2}.trust-strip{min-height:112px;background:var(--ink);color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(25px,calc((100vw - var(--max))/2));border-top:1px solid rgba(255,255,255,.12)}.trust-strip div{display:flex;align-items:center;gap:18px;border-inline-start:1px solid rgba(255,255,255,.1);padding-inline:30px}.trust-strip div:last-child{border-inline-end:1px solid rgba(255,255,255,.1)}.trust-strip b{font:500 10px Manrope;color:var(--bronze)}.trust-strip span{font-size:11px}.section{max-width:var(--max);margin:auto;padding:130px 40px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px}.section-heading h2,.quote h2{font-size:clamp(42px,5vw,72px)}.section-heading>p{max-width:450px;font-size:13px;line-height:2.1;color:#626665}.product-feature{display:grid;grid-template-columns:1.6fr .8fr;min-height:690px;background:var(--ink);color:white}.image-card{position:relative;border:0;padding:0;overflow:hidden;background:#111;color:white;text-align:inherit;cursor:pointer;min-height:490px}.image-card img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.image-card:hover img,.project-tile:hover img{transform:scale(1.035)}.image-card__shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,11,11,.75),transparent 50%)}.image-card__label{position:absolute;inset:auto 32px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px}.image-card__label small{font:10px Manrope;color:#d1af84}.image-card__label strong{font-size:15px}.image-card__label i{font-style:normal;font-size:20px}.feature-copy{padding:70px 58px;display:flex;flex-direction:column;justify-content:center;position:relative}.feature-copy__num{position:absolute;top:40px;left:40px;font:11px Manrope;color:#8e7253}.feature-copy h3{font-size:34px;line-height:1.6;margin:0 0 25px;font-weight:500}.feature-copy p{font-size:12px;line-height:2.2;color:#b8b9b6;margin-bottom:35px}.line-link{font-size:11px;border-bottom:1px solid var(--line);padding-bottom:10px;width:max-content}.line-link b{margin-inline-start:14px}.feature-copy .line-link{border-color:rgba(255,255,255,.25)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.product-grid .image-card:nth-child(2){margin-top:55px}.statement{display:grid;grid-template-columns:1.15fr 1fr;background:var(--ink);color:white;min-height:770px}.statement__image{overflow:hidden}.statement__image img{height:100%;object-fit:cover}.statement__copy{padding:100px clamp(40px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.statement h2{font-size:clamp(40px,4.3vw,68px);margin-bottom:30px}.statement__copy>p:not(.eyebrow){color:#b9bbb9;font-size:13px;line-height:2.2}.statement__stats{display:flex;margin-top:50px;border-top:1px solid rgba(255,255,255,.15);padding-top:30px;gap:60px}.statement__stats div{display:flex;flex-direction:column}.statement__stats strong{font:500 30px Manrope;color:#c5a077}.statement__stats span{font-size:10px;color:#aaa}.projects-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:390px 390px;gap:18px}.project-tile{position:relative;border:0;padding:0;overflow:hidden;background:#111;color:#fff;text-align:inherit;cursor:pointer}.project-tile--tall{grid-row:1/3}.project-tile img{height:100%;object-fit:cover;transition:transform .8s}.project-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,9,.75),transparent 48%)}.project-tile span{position:absolute;z-index:2;bottom:28px;right:30px;display:flex;flex-direction:column;gap:8px}.project-tile small{font-size:9px;color:#cfac83}.project-tile b{font-size:15px}.process{background:#202425;color:white;padding:130px max(40px,calc((100vw - var(--max))/2))}.process__heading{text-align:center}.process__heading .eyebrow{justify-content:center}.process h2{font-size:clamp(42px,5vw,70px)}.process__steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid rgba(255,255,255,.18)}.process__steps article{padding:38px 30px;border-inline-start:1px solid rgba(255,255,255,.12);position:relative}.process__steps article:last-child{border-inline-end:1px solid rgba(255,255,255,.12)}.process__steps b{font:500 9px Manrope;color:#ba8d5f;position:absolute;top:-7px;background:#202425;padding:0 10px}.process__steps article>span{font-size:26px;color:#b99369}.process__steps h3{font-size:14px;margin:25px 0 15px}.process__steps p{font-size:10px;line-height:2;color:#aeb1af}.quote{max-width:var(--max);margin:auto;padding:140px 40px;display:grid;grid-template-columns:1fr 1.2fr;gap:100px}.quote__intro>p:not(.eyebrow){font-size:12px;line-height:2;color:#676b69;max-width:480px}.contact-phone{display:flex;flex-direction:column;margin-top:42px;width:max-content}.contact-phone small{font-size:9px;color:#85735f}.contact-phone strong{font:500 23px/2 Manrope}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;background:#eee9de;padding:48px}.quote-form label{display:flex;flex-direction:column;gap:10px}.quote-form label span{font-size:9px;color:#5f625f}.quote-form input,.quote-form select,.quote-form textarea{border:0;border-bottom:1px solid #b9b4aa;background:transparent;padding:10px 0;outline:0;font-size:11px;border-radius:0}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--bronze)}.quote-form .wide{grid-column:1/-1}.quote-form button{border:0;margin-top:10px;justify-content:space-between}footer{background:#111415;color:#e7e4dd;padding:80px max(35px,calc((100vw - var(--max))/2)) 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;position:relative}footer>div:not(.footer-bottom){display:flex;flex-direction:column;gap:14px}footer h3{font-size:11px;color:#b78c61;margin:0 0 12px}footer a,footer span,footer p{font-size:10px;color:#aaa;line-height:2}.brand--footer b{color:white;font-size:18px}.footer-brand p{max-width:380px}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.12);padding-top:22px;display:flex;justify-content:space-between}.floating-wa{position:fixed;z-index:90;bottom:23px;right:23px;background:#1cbd61;color:white;border-radius:40px;padding:10px 18px 10px 11px;display:flex;gap:8px;align-items:center;box-shadow:0 12px 35px rgba(0,0,0,.22);direction:ltr}.floating-wa span{display:grid;place-items:center;background:#fff;color:#1cbd61;width:28px;height:28px;border-radius:50%}.floating-wa b{font:600 10px Manrope}.lightbox{border:0;padding:0;background:#0a0b0b;max-width:none;max-height:none;width:100vw;height:100vh}.lightbox::backdrop{background:#000}.lightbox img{height:100%;object-fit:contain}.lightbox button{position:absolute;z-index:2;top:22px;right:28px;background:rgba(0,0,0,.6);border:1px solid #777;border-radius:50%;width:42px;height:42px;color:#fff;font-size:25px;cursor:pointer}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}[dir=ltr] body{font-family:Manrope,"Noto Kufi Arabic",sans-serif}[dir=ltr] .project-tile span{right:auto;left:30px}[dir=ltr] .hero__side{left:auto;right:max(22px,calc((100vw - var(--max))/2))}[dir=ltr] .hero__content{margin-inline-start:max(40px,calc((100vw - var(--max))/2))}
@media(max-width:1050px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:#151819;padding:30px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.header-phone,.header-actions>.button{display:none}.site-header{padding:0 25px}.product-feature{grid-template-columns:1.3fr .8fr}.section{padding-inline:25px}.quote{gap:45px}.hero__content{margin-inline-start:40px}.process{padding-inline:25px}}
@media(max-width:760px){.door-intro .intro-mark{width:170px;height:170px}.intro-mark__ar{font-size:19px}.ornament{width:65vw}.intro-door--right .ornament{left:-32.5vw}.intro-door--left .ornament{right:-32.5vw}.site-header{height:72px}.brand{min-width:0}.brand b{font-size:15px}.brand small{font-size:6px}.brand__icon{width:27px;height:33px}.hero{min-height:880px}.hero__image{object-position:50% center}.hero__veil{background:linear-gradient(0deg,rgba(9,10,10,.92) 8%,rgba(9,10,10,.35) 72%,rgba(9,10,10,.55))}.hero__content{width:auto;margin:0;padding:300px 24px 80px;align-self:flex-end}.hero h1{font-size:45px}.hero__lead{font-size:12px;line-height:2}.hero__actions{flex-direction:column;align-items:flex-start;gap:24px}.hero__side{display:none}.scroll-cue{right:auto;left:24px}.trust-strip{grid-template-columns:1fr 1fr;padding:0}.trust-strip div{min-height:86px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.section{padding:90px 18px}.section-heading{display:block}.section-heading>p{margin-top:25px}.section-heading h2,.quote h2{font-size:42px}.product-feature{display:block}.image-card--feature{height:570px;width:100%}.feature-copy{padding:50px 28px}.feature-copy__num{top:20px}.product-grid{grid-template-columns:1fr}.product-grid .image-card:nth-child(2){margin-top:0}.image-card{min-height:520px}.statement{grid-template-columns:1fr}.statement__image{height:590px}.statement__copy{padding:80px 24px}.statement__stats{gap:25px}.projects-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.project-tile,.project-tile--tall{min-width:86vw;height:570px;scroll-snap-align:center}.process{padding:90px 20px}.process__steps{grid-template-columns:1fr 1fr}.quote{padding:90px 18px;grid-template-columns:1fr;gap:45px}.quote-form{grid-template-columns:1fr;padding:30px 22px}.quote-form label{grid-column:1/-1}footer{grid-template-columns:1fr;gap:40px;padding-top:70px}.footer-bottom{grid-column:1;display:block}.floating-wa b{display:none}.floating-wa{padding:8px;right:14px;bottom:14px}.product-grid .image-card img{object-position:center}.header-actions{gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.door-intro{display:none}.reveal{opacity:1;transform:none}}
.location-section{display:grid;grid-template-columns:1.35fr .85fr;min-height:650px;background:var(--ink);color:#fff}.location-map{min-height:650px;filter:grayscale(1) contrast(1.08)}.location-map iframe{display:block;width:100%;height:100%;min-height:650px;border:0}.location-copy{padding:90px clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.location-copy h2{font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1.4;margin:0 0 25px;letter-spacing:-.04em}.location-copy>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#b9bbb9}.location-copy address{display:flex;flex-direction:column;gap:8px;margin:28px 0 35px;font-style:normal}.location-copy address span{font-size:14px}.location-copy address small{font:10px Manrope,sans-serif;color:#c9a476;letter-spacing:.08em}.location-copy .button{width:max-content}
@media(max-width:760px){.location-section{grid-template-columns:1fr}.location-map,.location-map iframe{min-height:430px}.location-copy{padding:70px 24px}.location-copy h2{font-size:42px}}

/* Line-art entrance: a bespoke wrought-iron drawing rather than a product photo. */
.door-intro{background:radial-gradient(circle at 50% 44%,#272c2d 0,#171a1b 48%,#080a0a 100%)}
.door-intro:before{background:radial-gradient(circle at center,transparent 28%,rgba(0,0,0,.5) 95%);opacity:.85}
.intro-door{background-color:#171b1c;background-image:linear-gradient(90deg,rgba(255,255,255,.02),transparent 12%,rgba(0,0,0,.12)),url("assets/line-gate.svg");background-size:200% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 90px rgba(0,0,0,.48)}
.intro-door:before{inset:2.4%;border:1px solid rgba(190,143,86,.55);box-shadow:inset 0 0 0 5px rgba(185,138,85,.04)}
.intro-door:after{background:linear-gradient(100deg,rgba(255,220,170,.025),transparent 30%,rgba(0,0,0,.2))}
.intro-door--right{background-position:right center}
.intro-door--left{background-position:left center}
.ornament{display:none}
.door-handle{top:57%;width:12px;height:104px;background:transparent;border:2px solid #b18451;box-shadow:0 0 0 1px rgba(0,0,0,.65),0 0 18px rgba(190,143,86,.12)}
.door-handle:before,.door-handle:after{width:18px;height:18px;background:#171b1c;border:1px solid #b18451}
.intro-door--right .door-handle{left:28px}.intro-door--left .door-handle{right:28px}
.intro-mark{width:226px;height:226px;background:rgba(15,18,18,.72);backdrop-filter:blur(4px);border:1px solid #ba8e5a;box-shadow:0 0 0 7px rgba(17,20,20,.75),0 0 0 8px rgba(185,138,85,.62),0 25px 70px rgba(0,0,0,.7)}
.intro-mark:before{inset:12px;border-style:solid;border-color:rgba(199,153,95,.4)}
.intro-caption{bottom:34px}
@media(max-width:760px){.intro-door{background-size:200% 100%}.door-handle{height:82px}.intro-door--right .door-handle{left:17px}.intro-door--left .door-handle{right:17px}.door-intro .intro-mark{width:164px;height:164px}.intro-caption{bottom:28px}}

/* Two-image project showcase; the discarded synthetic-looking gate is intentionally excluded. */
.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:610px}
.projects-grid .project-tile{grid-row:auto}
@media(max-width:760px){.projects-grid{display:flex;grid-template-rows:none}.projects-grid .project-tile{height:570px}}

.product-grid .image-card:nth-child(5){margin-top:55px}
.product-grid .image-card:nth-child(8),.product-grid .image-card:nth-child(11){margin-top:55px}
@media(max-width:760px){.product-grid .image-card:nth-child(5),.product-grid .image-card:nth-child(8),.product-grid .image-card:nth-child(11){margin-top:0}}

/* Interactive product catalog */
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.category-filters{display:flex;flex-wrap:wrap;gap:8px}.category-filter,.favorites-summary{border:1px solid var(--line);background:transparent;color:var(--ink);padding:10px 16px;cursor:pointer;font-size:10px;transition:.25s}.category-filter:hover,.category-filter.is-active{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.favorites-summary{display:flex;align-items:center;gap:9px;white-space:nowrap}.favorites-summary>span:first-child{font-size:18px;line-height:1;color:var(--bronze)}.favorites-summary b{display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:20px;background:var(--ink);color:#fff;font:600 9px Manrope,sans-serif}.favorites-summary.is-active{background:#eee7da;border-color:var(--bronze)}
.catalog-card{background:#eae5da;min-width:0;transition:opacity .25s,transform .25s}.catalog-card[hidden]{display:none}.catalog-card .image-card{display:block;width:100%;height:490px;min-height:0}.catalog-card:nth-child(2),.catalog-card:nth-child(5),.catalog-card:nth-child(8){margin-top:55px}
[data-product-card][hidden]{display:none!important}
.catalog-actions{height:58px;display:grid;grid-template-columns:58px 1fr;border-top:1px solid rgba(23,26,27,.11)}.catalog-actions--feature{height:auto;display:flex;grid-template-columns:none;border-top:1px solid rgba(255,255,255,.16);margin-top:38px;padding-top:20px;gap:8px}.catalog-actions button{border:0;background:transparent;color:inherit;cursor:pointer}.favorite-button{display:flex;align-items:center;justify-content:center;gap:8px;border-inline-end:1px solid rgba(23,26,27,.11)!important;font-size:10px;transition:.2s}.favorite-button>span:first-child{font:400 22px/1 Arial,sans-serif;color:var(--bronze)}.favorite-button.is-favorite>span:first-child{font-size:0}.favorite-button.is-favorite>span:first-child:after{content:"♥";font-size:20px}.product-info-button{display:flex;align-items:center;justify-content:space-between;padding:0 18px!important;font-size:10px;transition:.2s}.product-info-button:hover,.favorite-button:hover{background:rgba(167,123,79,.12)}.product-info-button b{font:400 15px Manrope,sans-serif;color:var(--bronze)}.catalog-actions--feature .favorite-button,.catalog-actions--feature .product-info-button{border:1px solid rgba(255,255,255,.2)!important;min-height:44px}.catalog-actions--feature .favorite-button{padding:0 16px}.catalog-actions--feature .product-info-button{min-width:190px}.catalog-empty{text-align:center;padding:60px 20px;background:#eee9df;color:#6b685f;font-size:12px}
.lightbox{overflow:hidden}.lightbox img{height:calc(100% - 92px);padding:24px 82px 10px}.lightbox .lightbox__close,.lightbox .lightbox__nav{position:absolute;z-index:4;display:grid;place-items:center;background:rgba(5,6,6,.72);border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#fff;cursor:pointer}.lightbox .lightbox__close{top:18px;right:22px;width:42px;height:42px;font-size:25px}.lightbox .lightbox__nav{top:46%;width:50px;height:50px;font:300 42px/1 Arial,sans-serif}.lightbox .lightbox__nav--prev{left:22px;right:auto}.lightbox .lightbox__nav--next{right:22px;left:auto}.lightbox .lightbox__nav[hidden]{display:none}.lightbox__bar{position:absolute;z-index:3;inset:auto 0 0;min-height:92px;background:rgba(14,16,16,.96);border-top:1px solid rgba(255,255,255,.14);color:#fff;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:16px max(25px,calc((100vw - var(--max))/2))}.lightbox__bar[hidden]{display:none}.lightbox__bar>div{display:flex;flex-direction:column;gap:4px}.lightbox__bar small{font:500 9px Manrope,sans-serif;color:#b99770}.lightbox__bar strong{font-size:13px}.lightbox .lightbox__bar button{position:static;width:auto;height:44px;border-radius:0}.favorite-button--light,.product-info-button--light{border:1px solid rgba(255,255,255,.2)!important;padding:0 18px!important}.product-info-button--light{min-width:190px}
.info-confirm{width:min(860px,calc(100vw - 30px));padding:0;border:0;background:var(--paper);color:var(--ink);overflow:visible}.info-confirm::backdrop{background:rgba(5,6,6,.82);backdrop-filter:blur(6px)}.info-confirm[open]{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr}.info-confirm>img{height:100%;min-height:470px;object-fit:cover}.info-confirm__copy{padding:54px 48px;display:flex;flex-direction:column;justify-content:center}.info-confirm__copy>small{font-size:9px;color:var(--bronze)}.info-confirm__copy h3{font-size:27px;line-height:1.55;margin:10px 0 12px}.info-confirm__copy>p{font-size:11px;line-height:2;color:#656965}.info-confirm__message{margin:18px 0 25px;padding:15px 16px;border:1px solid var(--line);background:#eee9df;display:flex;flex-direction:column;gap:8px}.info-confirm__message strong{font-size:12px}.info-confirm__message span{font-size:10px;line-height:1.8;color:#656965;white-space:pre-line}.info-confirm__actions{display:flex;gap:10px}.info-confirm__actions .button{min-width:145px}.info-confirm__close{position:absolute;z-index:2;top:-16px;right:-16px;width:38px;height:38px;border-radius:50%;border:1px solid #777;background:#111;color:#fff;font-size:22px;cursor:pointer}
[dir=ltr] .info-confirm__close{right:auto;left:-16px}
@media(max-width:760px){.catalog-toolbar{align-items:flex-start;flex-direction:column}.category-filters{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:6px}.category-filter{white-space:nowrap}.favorites-summary{align-self:stretch;justify-content:center}.catalog-card:nth-child(2),.catalog-card:nth-child(5),.catalog-card:nth-child(8){margin-top:0}.catalog-card .image-card{height:520px}.lightbox img{height:calc(100% - 142px);padding:70px 10px 10px}.lightbox .lightbox__nav{top:42%;width:42px;height:42px}.lightbox .lightbox__nav--prev{left:10px}.lightbox .lightbox__nav--next{right:10px}.lightbox__bar{min-height:142px;grid-template-columns:1fr 54px;padding:13px}.lightbox__bar>div{grid-column:1/-1}.lightbox__bar .product-info-button{min-width:0}.lightbox__bar .favorite-button{grid-column:2}.lightbox__bar .product-info-button{grid-column:1;grid-row:2}.info-confirm[open]{display:block}.info-confirm>img{height:240px;min-height:0}.info-confirm__copy{padding:28px 22px}.info-confirm__copy h3{font-size:21px}.info-confirm__actions{flex-direction:column}.info-confirm__actions .button{width:100%}.info-confirm__close,[dir=ltr] .info-confirm__close{top:10px;right:10px;left:auto}}

/* BAB AL FOULAZ logo integration — existing interface palette remains unchanged */
.brand__icon{width:40px;height:48px;border:0;padding:0;display:grid!important;place-items:center;overflow:visible;flex:0 0 auto;background:transparent}
.brand__icon img{width:100%;height:100%;object-fit:contain;transform:none}
.intro-mark{overflow:hidden}
.intro-mark__logo{width:88%;height:88%;object-fit:cover;transform:scale(1.12);transform-origin:center}
@media(max-width:760px){.brand__icon{width:33px;height:40px}.intro-mark__logo{width:90%;height:90%}}

/* Warm light revealed behind the opening steel doors */
.door-intro:before{transition:opacity 1.45s ease}
.door-intro.is-opening:before{opacity:.1}
.intro-light{position:absolute;inset:-8%;z-index:0;overflow:hidden;opacity:.12;transform:scale(.72);background:radial-gradient(circle at 50% 44%,#fff 0 10%,#f8f5ed 30%,#eee9df 56%,#d8d4cc 76%,#777673 100%);filter:saturate(0);transition:opacity 1.05s ease .08s,transform 1.7s cubic-bezier(.2,.75,.18,1)}
.intro-light:before{content:"";position:absolute;inset:-25%;background:repeating-conic-gradient(from 4deg at 50% 46%,rgba(255,255,255,.34) 0 2deg,transparent 2deg 14deg);opacity:.28;filter:blur(16px)}
.intro-light:after{content:"";position:absolute;left:50%;top:46%;width:34vw;height:96vh;min-width:260px;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(243,238,226,.74) 36%,#fff 50%,rgba(243,238,226,.74) 64%,transparent);filter:blur(34px);opacity:.82}
.intro-light span{position:absolute;z-index:2;left:50%;top:47%;width:42vw;min-width:280px;height:96vh;transform:translate(-50%,-50%) scale(.42);border-radius:50%;opacity:.2;background:radial-gradient(ellipse at center,#fff 0 15%,rgba(250,248,242,.95) 32%,rgba(243,238,226,.68) 55%,rgba(232,228,219,.28) 70%,transparent 82%);filter:blur(14px)}
.door-intro.is-opening .intro-light{opacity:1;transform:scale(1)}
.door-intro.is-opening .intro-light span{animation:ivoryLightBurst 1.75s cubic-bezier(.16,.78,.18,1) forwards}
@keyframes ivoryLightBurst{0%{opacity:.2;transform:translate(-50%,-50%) scale(.42)}48%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.62)}}
@media(prefers-reduced-motion:reduce){.intro-light,.intro-light span{transition:none;animation:none!important}.door-intro.is-opening .intro-light span{opacity:1;transform:translate(-50%,-50%) scale(1.3)}}
@media(max-width:760px){.intro-light:after{width:60vw}.intro-light span{width:56vw}}

/* Keep action labels clean on mobile browsers that render arrow glyphs as emoji. */
.button>b,
.image-card__label>i,
.line-link>b,
.product-info-button>b,
.scroll-cue>i{display:none!important}

/* Mobile product viewer: prevent RTL arrow mirroring and keep actions inside the viewport. */
.lightbox[open]{inset:0;margin:0;width:100%;height:100%;max-width:100%;max-height:100%}
.lightbox .lightbox__nav{direction:ltr;unicode-bidi:isolate;background:transparent;border:0;border-radius:0;text-shadow:0 2px 10px #000}
.lightbox .lightbox__close:focus{outline:none}
.lightbox .lightbox__close:focus-visible{outline:1px solid var(--ivory);outline-offset:3px}
@media(max-width:760px){
  .lightbox__bar{grid-template-columns:minmax(0,1fr) 88px;gap:8px;padding:12px;min-height:142px}
  .lightbox__bar>div{min-width:0}
  .lightbox__bar strong{font-size:12px;line-height:1.65;overflow-wrap:anywhere}
  .lightbox .lightbox__bar button{box-sizing:border-box;min-width:0;width:100%;height:44px;font-size:10px;line-height:1.4;white-space:nowrap}
  .lightbox__bar .product-info-button{padding:0 10px!important;justify-content:center}
  .lightbox__bar .favorite-button{padding:0 8px!important;gap:5px;justify-content:center}
  .lightbox__bar .favorite-button>span:first-child{font-size:19px}
}

/* Compensate the hero photo's slight vertical keystone without altering the source product image. */
.hero__image{transform-origin:50% 50%;animation-name:heroStraighten}
@keyframes heroStraighten{from{transform:perspective(1600px) rotateX(-1.5deg) scale(1.08)}to{transform:perspective(1600px) rotateX(-1.5deg) scale(1.025)}}
@media(max-width:760px){.hero__image{animation-name:heroStraightenMobile}@keyframes heroStraightenMobile{from{transform:scale(1.08)}to{transform:scale(1.02)}}}
/* Custom line-art forge mark used in the production step. */
.process__steps .process__craft-icon{display:block;width:31px;height:31px;color:#b99369;font-size:0}
.process__craft-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}

/* Search-friendly service copy presented as part of the premium interface. */
.seo-services{padding:120px max(40px,calc((100vw - var(--max))/2));background:#eee9df;color:var(--ink)}
.seo-services__heading{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:55px}.seo-services__heading .eyebrow{grid-column:1/-1}.seo-services__heading h2{margin:0;font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1.35;letter-spacing:-.04em}.seo-services__heading>p:last-child{font-size:11px;line-height:2.2;color:#686b68;max-width:590px}
.seo-services__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-inline-start:1px solid var(--line)}.seo-services__grid article{min-height:230px;padding:30px;border-inline-end:1px solid var(--line);border-bottom:1px solid var(--line)}.seo-services__grid article>span{font:500 9px Manrope,sans-serif;color:var(--bronze)}.seo-services__grid h3{font-size:16px;margin:28px 0 12px}.seo-services__grid p{font-size:10px;line-height:2;color:#696c69;margin:0}
.seo-faq{margin-top:75px;display:grid;grid-template-columns:.85fr 1.15fr;column-gap:70px}.seo-faq>h2{font-size:30px;font-weight:500;margin:0}.seo-faq details{grid-column:2;border-top:1px solid var(--line);padding:20px 0}.seo-faq details:last-child{border-bottom:1px solid var(--line)}.seo-faq summary{cursor:pointer;font-size:12px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.seo-faq summary:after{content:"+";color:var(--bronze);font:400 18px Manrope,sans-serif}.seo-faq details[open] summary:after{content:"−"}.seo-faq details p{font-size:10px;line-height:2;color:#696c69;margin:14px 0 0;max-width:650px}
@media(max-width:760px){.seo-services{padding:85px 22px}.seo-services__heading{display:block;margin-bottom:40px}.seo-services__heading h2{font-size:42px;margin-bottom:22px}.seo-services__grid{grid-template-columns:1fr}.seo-services__grid article{min-height:0;padding:27px 24px}.seo-services__grid h3{margin:18px 0 9px}.seo-faq{display:block;margin-top:55px}.seo-faq>h2{font-size:27px;margin-bottom:30px}.seo-faq details{grid-column:auto}}