:root{color-scheme:light;--ink:#19382b;--paper:#f5f2e9;--gold:#cfb47b}*{box-sizing:border-box}
body{margin:0;background:#e0e2d8;color:var(--ink);font-family:"IBM Plex Sans Arabic",Arial,sans-serif;line-height:1.85}
html[dir=ltr] body{font-family:"Manrope",Arial,sans-serif}a{color:inherit;text-underline-offset:5px}
button{font:inherit;cursor:pointer;border:1px solid #aeb8a6;background:#f9f7ef;border-radius:4px;padding:10px 17px;color:inherit;min-height:44px}
.toolbar{max-width:1180px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding:18px 24px;align-items:center;font-size:13px}
.toolbar>div{display:flex;gap:10px}main{max-width:1180px;margin:0 auto 45px;background:var(--paper)}
.cover{position:relative;isolation:isolate;overflow:hidden;min-height:720px;padding:65px 65px 70px;color:#fcf9ef;display:flex;flex-direction:column;justify-content:center;background:#112b1d}
.cover-photograph{position:absolute;inset:0;background-image:linear-gradient(90deg,#0b1d1320,#0b1d130d 25%,#0b1d138a 65%,#0b1d13db),var(--photo-hero);background-size:cover;background-position:center;z-index:-1}
.cover>:not(.cover-photograph){max-width:580px}
.brochure-brand{display:flex;align-items:center;gap:15px;direction:ltr;align-self:flex-start;margin-bottom:60px}
.brochure-brand>div{display:grid}.brochure-brand b{font:700 25px Manrope,Arial,sans-serif;letter-spacing:.22em}.brochure-brand small{font-size:9px;letter-spacing:.05em;color:#e1c999}
.cover>p:first-of-type{font-size:11px;letter-spacing:.06em;color:#e0cb9d;margin:0}
h1{font-size:clamp(40px,5vw,67px);line-height:1.5;font-weight:600;margin:20px 0}
.cover>p{font-size:16px;line-height:2;color:#ecebdd;margin:0 0 30px}
.cover>a{font:500 12px Manrope,Arial,sans-serif;direction:ltr;align-self:flex-start;margin-top:5px}
section,footer{padding:55px 65px}
h2{font-size:35px;line-height:1.5;font-weight:600;margin:0 0 30px}h3{font-size:22px;line-height:1.6;margin:0 0 10px;font-weight:600}p{margin:0}
.catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}
.catalogue article{display:block;min-width:0;break-inside:avoid;background:transparent}
.catalogue-photo{width:100%;aspect-ratio:4/3;background-size:cover;background-position:center;background-color:#dde1d2}
.catalogue-copy{padding:15px 0 20px;border-bottom:1px solid #c6cebc}
.catalogue small{display:none}.catalogue h3{font-size:21px;margin-bottom:7px}
.catalogue p{font-size:13px;color:#54634c;line-height:1.9}
.range>p{font-size:11px;line-height:1.9;color:#6d7862;margin-top:28px}
.process{background:#e7ecdf}
ol{padding-inline-start:25px;margin:0;display:grid;gap:25px}li{padding-inline-start:10px;break-inside:avoid}
.process p{font-size:14px;line-height:1.9;max-width:880px}
aside{border-top:1px solid #b7c5ab;padding-top:25px;margin-top:35px}
footer{background:#153b29;color:#f7f3e6}footer h2{font-size:28px}
footer a{display:inline-block;margin-inline-end:25px;direction:ltr;font:500 14px Manrope,Arial,sans-serif}
footer p{font-size:11px;margin-top:25px;color:#c8d4bd}
:focus-visible{outline:2px solid #a78541;outline-offset:4px}
html[dir=ltr] .cover-photograph{transform:scaleX(-1)}
html[dir=ltr] .cover{align-items:flex-start}
@media(max-width:760px){section,footer{padding:35px 25px}.catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.cover{padding:45px 30px;min-height:700px}.brochure-brand{margin-bottom:45px}.cover>:not(.cover-photograph){max-width:480px}}
@media(max-width:520px){
.toolbar{padding:12px 16px;font-size:11px;gap:10px}.toolbar>div{gap:7px}button{font-size:11px;padding:8px 10px}
main{margin-bottom:0}.cover{min-height:770px;min-height:92svh;justify-content:flex-start;padding:35px 24px 320px}
.cover-photograph{background-image:linear-gradient(180deg,#071d11ed 0%,#071d11ae 43%,#071d1133 75%),var(--photo-hero);background-position:33% bottom}
.brochure-brand{margin-bottom:38px}.brochure-brand b{font-size:23px}.brochure-brand small{font-size:8px}
h1{font-size:40px;line-height:1.5;margin:15px 0}.cover>p{font-size:13px;line-height:2;margin-bottom:20px}
section,footer{padding:35px 20px}h2{font-size:27px;margin-bottom:24px}
.catalogue{gap:20px 15px}.catalogue-photo{aspect-ratio:1/1}.catalogue h3{font-size:17px;line-height:1.6;margin-bottom:6px}
.catalogue p{font-size:11px;line-height:1.9}.catalogue-copy{padding:12px 0 15px}
.process h3{font-size:19px}.process p{font-size:13px}footer h2{font-size:23px}
footer a{font-size:12px;display:block;margin-top:10px}html[dir=ltr] h1{font-size:34px}
}
@media print{
@page{size:A4;margin:10mm}body{background:white;font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}
.toolbar{display:none}main{max-width:none;margin:0}.cover{break-after:page;min-height:270mm;padding:35px;justify-content:flex-start;padding-top:90px}
h1{font-size:36pt}.brochure-brand{margin-bottom:60px}.cover>p{font-size:14pt}
section,footer{padding:25px}.range{break-after:page;min-height:265mm}
.catalogue{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px}.catalogue-photo{aspect-ratio:1.8/1}
.catalogue h3{font-size:15pt}.catalogue p{font-size:10pt}.catalogue-copy{padding:10px 0 12px}
h2{font-size:24pt}.process{break-inside:avoid}.process p{font-size:11pt}footer{break-inside:avoid}
}
select.lang-btn{min-height:44px;max-width:120px;border:1px solid #aeb8a6;background:#f9f7ef;border-radius:4px;padding:8px;color:var(--ink);font:500 13px Manrope,"IBM Plex Sans Arabic",Arial,sans-serif}
@media(max-width:520px){.toolbar{flex-wrap:wrap}.toolbar>div{flex-wrap:wrap}select.lang-btn{font-size:12px}}
