:root{--navy:#142530;--deep:#0D1922;--gold:#D7AC55;--ink:#233845;--line:#DDE2E4;--white:#FFF;--light:#F4F6F7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;color:var(--ink);background:#fff;font-family:Arial,Tahoma,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button,summary,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #B77D15;outline-offset:5px}header{padding:16px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:15px;font-weight:700;font-size:18px;line-height:1.3}.brand img{width:76px;height:76px;object-fit:contain}.brand small{display:block;margin-top:7px;font-size:10px;letter-spacing:2px;color:#89661E}nav{display:flex;gap:28px;font-size:15px}nav a:hover{color:#A87519}button{background:transparent;border:1px solid #9A7A36;padding:11px 18px;font:inherit;font-size:15px;cursor:pointer}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:670px}.hero-copy{padding:65px 9% 40px}.eyebrow{font-size:13px;font-weight:700;letter-spacing:2.4px;color:#9B711F;margin:0 0 22px}.hero .eyebrow,.services .eyebrow,.contact .eyebrow{color:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(44px,4.3vw,70px);font-weight:400;line-height:1.06;margin:0 0 28px;letter-spacing:-1.5px}.lead{max-width:520px;color:#D4DFE5;font-size:19px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 23px;font-size:15px;font-weight:700}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#EBC477}.text-link{border-bottom:1px solid #A8B6BC;font-size:15px}.outline{border:1px solid #8B6B2A}.hero-foot{border-top:1px solid #3C4E58;margin-top:45px;padding-top:24px;font-size:13px;color:#AFC0C9}.hero-foot b{font-size:16px;color:#EDF3F5;font-weight:400}.hero-photo{position:relative;min-height:500px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#0D1922BB)}.hero-photo span{position:absolute;bottom:33px;inset-inline-start:34px;color:white;z-index:1;font-size:16px}.intro-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 5%;border-bottom:1px solid var(--line)}.intro-strip span{font-size:12px;letter-spacing:1.8px;font-weight:bold}.intro-strip p{margin:0;font-size:18px}.section{padding:88px 5%;scroll-margin-top:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:44px}.section-heading>p{max-width:410px;margin:0 0 8px}h2{font-family:Georgia,serif;font-size:clamp(35px,3.4vw,52px);font-weight:400;line-height:1.12;margin:0 0 22px;letter-spacing:-.7px}h3{font-size:22px;line-height:1.3;margin:16px 0 12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 27px}.product{border-bottom:1px solid #CBD2D6;padding-bottom:22px}.product>img{width:100%;height:235px;object-fit:cover}.product-text{padding:20px 0 0}.code{font-size:12px;letter-spacing:2px;color:#9A6C18;font-weight:bold}.product p{font-size:16px;line-height:1.65}.product h3{margin-top:9px}.product details{font-size:15px}details summary{cursor:pointer;list-style:none;padding:12px 0;font-weight:700;display:flex;justify-content:space-between;gap:15px}summary:after{content:'+';font-size:20px;font-weight:400;color:#A47724}details[open] summary:after{content:'−'}details ul{padding-inline-start:22px}details li{margin:9px 0}.services{background:var(--navy);color:#fff}.service-list{margin-top:44px}.service-list article{display:grid;grid-template-columns:55px 1fr 1.4fr;gap:35px;padding:27px 0;border-top:1px solid #41515C;align-items:start}.service-list h3{margin:0}.service-list p{margin:0;color:#CBD9E0}.service-list span{color:var(--gold)}.market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 34px}.market-grid details{border-top:1px solid var(--line);padding:8px 0}.market-grid p{font-size:16px}.about{background:#F2F5F6;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-photo{height:670px}.about-photo img{width:100%;height:100%;object-fit:cover}.about h3{font-size:18px;margin-bottom:0}.contact{background:var(--deep);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:100px}.contact>div>p{max-width:570px;color:#BFCCD4}.phone{font-size:clamp(25px,3vw,43px);display:inline-block;border-bottom:1px solid #8A7447;margin-top:20px;line-height:1.8}.contact-info{border-inline-start:1px solid #354752;padding-inline-start:65px}.contact-info h3{color:var(--gold);margin-top:0}.contact-info b{color:#fff}.downloads{display:flex;flex-direction:column;gap:13px;font-size:14px;margin-top:35px}.downloads a{text-decoration:underline;text-underline-offset:5px}footer{display:flex;justify-content:space-between;gap:25px;background:var(--deep);padding:25px 5%;border-top:1px solid #354752;color:#AABBC5;font-size:13px}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2{font-family:Tahoma,Arial,sans-serif;line-height:1.45;letter-spacing:0;font-weight:700}[dir=rtl] .eyebrow,[dir=rtl] .code,[dir=rtl] .brand small{letter-spacing:0}@media(max-width:1000px){nav{gap:15px}.brand span{font-size:15px}.brand small{font-size:9px}.hero-copy{padding:55px 7%}.products{grid-template-columns:repeat(2,1fr)}.contact{gap:45px}.about{gap:35px}.market-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{padding:9px 5%;gap:10px}.brand img{width:53px;height:53px}.brand span{font-size:14px}.brand small{display:none}nav{display:none}button{padding:8px 12px}.hero{grid-template-columns:1fr}.hero-copy{padding:43px 6%}.hero-photo{min-height:320px}.hero-foot{margin-top:30px}.intro-strip{align-items:start;flex-direction:column;gap:10px;padding:24px 6%}.section{padding:55px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:100%}.products{grid-template-columns:1fr;gap:28px}.product>img{height:265px}.service-list article{grid-template-columns:32px 1fr;gap:12px}.service-list p{grid-column:2}.market-grid{grid-template-columns:1fr}.about,.contact{grid-template-columns:1fr;gap:35px}.about-photo{height:350px}.contact-info{padding-inline-start:0;border:0;border-top:1px solid #354752;padding-top:30px}footer{flex-direction:column;gap:8px}.hero h1{font-size:49px}[dir=rtl] .hero h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Al Mishari: architectural photography, midnight navy and brushed gold. */
:root{--gold:#E2B660;--deep:#091923;--navy:#112D3C}body{background:#fff}header{padding:12px 4%;box-shadow:0 4px 30px #0b223010}.brand img{width:72px;height:72px}.brand small{font-size:11px;letter-spacing:1px}nav{gap:20px;font-size:14px}nav a{position:relative}nav a:after{content:'';position:absolute;bottom:-8px;left:0;width:0;height:2px;background:var(--gold);transition:width .25s}nav a:hover:after{width:100%}.hero{position:relative;isolation:isolate;display:block;min-height:740px;overflow:hidden;background:#091923}.hero-photo{position:absolute;inset:0;z-index:-2}.hero-photo img{filter:brightness(.7);object-position:center 55%}.hero-photo:after{inset:0;background:linear-gradient(90deg,#071a29f2 0%,#0b2034c9 37%,#0b203435 75%),linear-gradient(0deg,#071a29b0,transparent 45%)}[dir=rtl] .hero-photo:after{background:linear-gradient(270deg,#071a29f2,#0b2034c9 37%,#0b203435 75%),linear-gradient(0deg,#071a29b0,transparent 45%)}.hero-copy{padding:100px 6% 60px;max-width:900px}.hero h1{font-size:clamp(52px,5.6vw,86px);max-width:760px;line-height:1.05}.hero .lead{max-width:610px;font-size:21px;line-height:1.7;color:#f1f4f5}.hero-foot{max-width:570px;border-color:#ffffff40;margin-top:48px;display:flex;justify-content:space-between;gap:22px;align-items:center}.hero-photo span{inset-inline-start:auto;inset-inline-end:5%;bottom:40px;font-size:14px;max-width:200px;text-align:end}.eyebrow{font-size:14px;letter-spacing:2px}.hero .eyebrow:before{content:'';display:inline-block;width:38px;height:2px;background:var(--gold);vertical-align:middle;margin-inline-end:12px}.button,button{border-radius:4px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{box-shadow:0 8px 25px #0002}.intro-strip{padding:28px 6%;background:var(--gold);color:#152b37;border:0}.intro-strip span{font-size:14px}.intro-strip p{font-size:20px;font-weight:500}.section{padding:100px 6%}.section-heading{margin-bottom:50px}.section-heading h2{margin-bottom:0}h2{font-size:clamp(38px,4vw,62px)}.products{gap:36px 28px}.product{position:relative;border:1px solid #e5eaed;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 32px #112d3c09;transition:transform .25s,box-shadow .25s;padding-bottom:0}.product:hover{transform:translateY(-5px);box-shadow:0 20px 40px #112d3c18}.product>img{height:285px;display:block}.product-text{padding:26px}.product-text .code{font-size:13px}.product h3{font-size:24px}.product details{border-top:1px solid #e5eaed;margin-top:20px}.product summary{font-size:15px}.product p{margin-bottom:16px}.services{background:linear-gradient(130deg,#112d3c,#091923);position:relative;border-top:4px solid var(--gold)}.service-list article{padding:34px 0;grid-template-columns:65px 1fr 1.4fr}.service-list span{font-family:Georgia,serif;font-size:34px}.service-list h3{font-size:26px}.service-list p{font-size:18px}.about{gap:70px;background:#f2f5f7}.about-photo{height:690px;position:relative}.about-photo:before{content:'';position:absolute;inset:20px -18px -18px 20px;border:2px solid #d7ac55;z-index:0}.about-photo img{position:relative;object-fit:cover;border-radius:4px}.market-grid details{padding:16px 0}.market-grid summary{font-size:18px}.gallery-section{background:#f2f5f7;border-top:1px solid #e5eaed}.gallery-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.gallery-filters button{background:white;border:1px solid #ccd7dd;font-size:14px;padding:9px 18px;border-radius:30px}.gallery-filters button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-tile{position:relative;overflow:hidden;border-radius:5px;height:285px;background:#dce5e9;display:block}.gallery-tile img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-tile:hover img{transform:scale(1.04)}.gallery-tile span{position:absolute;inset:auto 0 0;padding:40px 20px 18px;background:linear-gradient(transparent,#051624d9);color:white;font-size:15px}.gallery-section>#more-photos{margin:35px auto 0;display:block}.gallery-section>#more-photos[hidden]{display:none}.brochure-section{background:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.brochure-section>div>p{max-width:440px}.brochure-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brochure-card{padding:30px;background:var(--navy);color:white;border-radius:6px;border-top:4px solid var(--gold);box-shadow:0 18px 35px #112d3c15}.brochure-card h3{font:32px Georgia,serif;margin:40px 0 14px}.brochure-card p{font-size:15px;color:#d4e1e8}.pdf-badge{display:inline-block;border:1px solid #8d7950;color:#efc982;font-size:13px;letter-spacing:2px;padding:5px 10px}.brochure-card .actions{gap:14px;margin-top:28px;align-items:stretch;flex-direction:column}.share-profile{color:white;border-color:#607581;text-align:center;padding:12px}.share-profile:hover{background:#284553}#share-status{grid-column:1/-1;font-size:14px}.contact{gap:65px}.contact-info{padding-inline-start:45px}.email-address{font-size:clamp(17px,1.6vw,23px);color:var(--gold);display:inline-block;margin-bottom:28px;overflow-wrap:anywhere}.contact-info .button{margin:8px 10px 8px 0}.contact .outline{border-color:#71858e;color:white}.phone{font-size:clamp(28px,3vw,45px)}footer{font-size:14px}.downloads{font-size:15px}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}
@media(max-width:1150px){nav{gap:13px}.brand span{font-size:14px}.brand small{display:none}.products{grid-template-columns:repeat(2,1fr)}.brochure-section{gap:32px}.brochure-card{padding:24px}.hero-copy{max-width:780px}.hero-photo span{display:none}.contact{gap:35px}.contact-info{padding-inline-start:30px}}
@media(max-width:800px){nav{display:none}.hero{min-height:700px}.hero-copy{padding:75px 6% 45px}.hero h1{font-size:60px}.hero .lead{font-size:19px}.hero-foot{display:block}.hero-foot b{display:block;margin-top:8px}.hero-photo:after{background:linear-gradient(90deg,#071a29ef,#0b20348f)}.section{padding:65px 6%}.brochure-section{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-tile{height:230px}.about{gap:35px}.about-photo{height:500px}.contact{grid-template-columns:1fr}.contact-info{border-inline-start:0;border-top:1px solid #354752;padding:32px 0 0}}
@media(max-width:550px){.brand img{width:56px;height:56px}.brand span{font-size:13px}.hero{min-height:660px}.hero h1{font-size:49px;letter-spacing:-1px}.hero-copy{padding-top:58px}.hero .lead{font-size:18px}.hero .actions{gap:20px}.hero .button{padding:14px 18px}.intro-strip p{font-size:18px}.products{grid-template-columns:1fr}.product>img{height:260px}.product-text{padding:22px}.service-list article{grid-template-columns:35px 1fr;gap:15px}.service-list h3{font-size:23px}.service-list p{grid-column:2;font-size:16px}.gallery-grid{gap:12px}.gallery-tile{height:190px}.gallery-tile span{font-size:13px;padding:30px 12px 12px}.gallery-filters{gap:8px}.gallery-filters button{font-size:13px;padding:8px 12px}.brochure-cards{grid-template-columns:1fr}.brochure-card h3{margin-top:24px}.brochure-card .actions{flex-direction:row;flex-wrap:wrap}.about-photo{height:370px}.section-heading{margin-bottom:30px}.eyebrow{font-size:12px}.contact-info .button{display:flex;margin-inline-end:0}.contact .phone{font-size:29px}[dir=rtl] .hero h1{font-size:39px;line-height:1.45}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.menu-toggle{display:none}.why-section{background:#f8f6f1}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0}.facts>div{padding:20px 0;border-top:1px solid #c7b68e}.facts strong{font-family:Georgia,serif;font-size:72px;line-height:1.1;font-weight:400;color:var(--navy)}.facts strong span{color:#a97925;font-size:46px}.facts p{margin:12px 0 0;font-size:17px}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefit-grid h3{font-size:20px}.benefit-grid p{font-size:16px}.customers-section{background:#fff;border-bottom:1px solid #e0e5e7}.customer-logos{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.customer-logos>div{background:white;border:1px solid #e9ecee;border-radius:5px;display:flex;align-items:center;justify-content:center;padding:20px;min-height:110px}.customer-logos img{width:100%;height:75px;object-fit:contain}.profile-cover{display:block;width:calc(100% + 60px);max-width:none;margin:-30px -30px 25px;height:155px;object-fit:cover;border-radius:3px 3px 0 0}.brochure-card h3{margin:24px 0 14px}.hero .lead{max-width:580px}.hero-photo img{object-position:center 48%;filter:brightness(.92)}.hero-foot{font-size:13px}.hero-foot br{display:none}.brochure-card{overflow:hidden}
@media(max-width:1150px){.profile-cover{width:calc(100% + 48px);margin:-24px -24px 25px}.benefit-grid{grid-template-columns:repeat(2,1fr)}.customer-logos{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){header{gap:10px;flex-wrap:wrap}.menu-toggle{display:block;margin-inline-start:auto;font-size:13px;padding:8px 10px}#language{font-size:13px;padding:8px 10px}#site-nav.is-open{display:flex;flex-wrap:wrap;width:100%;order:4;border-top:1px solid #dde2e4;padding:12px 0;gap:15px 24px}.customer-logos{grid-template-columns:repeat(3,1fr)}.hero-copy{max-width:100%}.hero-foot br{display:block}.facts strong{font-size:57px}.facts strong span{font-size:30px}}
@media(max-width:550px){header{padding:8px 4%;gap:8px}.brand{gap:7px}.brand img{width:45px;height:45px}.brand span{font-size:11px;max-width:115px}.facts{gap:12px}.facts strong{font-size:44px}.facts p{font-size:13px;line-height:1.5}.facts strong span{font-size:26px}.benefit-grid{grid-template-columns:1fr;gap:12px}.customer-logos{grid-template-columns:repeat(3,1fr);gap:10px}.customer-logos>div{padding:12px;min-height:85px}.customer-logos img{height:60px}.profile-cover{height:auto}.hero .lead{line-height:1.6}}

.floating-whatsapp{position:fixed;bottom:22px;inset-inline-end:22px;z-index:20;display:flex;align-items:center;gap:10px;background:#167d43;color:white;border:1px solid #ffffff60;border-radius:50px;padding:13px 20px;box-shadow:0 7px 24px #0003;font-size:15px;font-weight:700}.floating-whatsapp:hover{background:#116636}.floating-whatsapp svg{flex:none}footer{padding-bottom:90px}@media(max-width:550px){.floating-whatsapp{bottom:14px;inset-inline-end:14px;padding:11px 16px;font-size:14px}}

.secondary-phone{display:block;width:fit-content;margin-top:20px;color:#fff;font-size:20px;text-decoration:underline;text-underline-offset:5px}

/* Keep both telephone contacts together with individual call/chat actions. */
.contact-numbers{display:grid;gap:12px;margin-top:30px;width:fit-content;max-width:100%}
.contact-number-row{display:flex;align-items:center;gap:12px}
.contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border:1px solid #52616a;border-radius:50%;text-decoration:none}
.contact-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contact-icon.call-icon{color:#dfb963}.contact-icon.whatsapp-icon{color:#50d88c;border-color:#357e59}
.contact-icon:hover{background:#20313b}.contact-icon:focus-visible,.contact-number:focus-visible{outline:2px solid #dfb963;outline-offset:4px}
.contact-number{font-size:clamp(20px,2.4vw,34px);white-space:nowrap;text-decoration:none;color:#fff;line-height:1.5}
@media(max-width:480px){.contact-number-row{gap:8px}.contact-icon{flex-basis:36px;width:36px;height:36px}.contact-number{font-size:20px}.contact-numbers{gap:14px}}
