.catalogue-section{padding:100px 6.25% 110px;background:radial-gradient(ellipse at 70% 50%,#762f2b60,transparent 65%),#421819;color:#f7eee1}.catalogue-section .section-top{border-color:#ffffff30}.catalogue-section .section-top .small-index{color:#e6cab7}.catalogue-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center;padding-top:58px}.catalogue-copy h2{font-size:clamp(36px,4.5vw,66px);line-height:1.25}.catalogue-copy h2 em{color:#d4b79d}.catalogue-copy p{font:400 19px/1.7 var(--info-font);max-width:390px;margin-top:28px}.catalogue-open{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 22px;background:#f3e6d6;color:#4f1515;margin-top:32px;font-size:12px;border:1px solid #f3e6d6;border-radius:2px}.catalogue-open>span{font-family:Arial,sans-serif;font-size:21px}.catalogue-open:hover{background:#fff5e9}.catalogue-note{font:400 15px/1.7 var(--info-font)!important;color:#d7baa5;margin-top:20px!important}.catalogue-cover{display:block;position:relative;width:min(260px,100%);margin:10px auto 18px;transform:perspective(1100px) rotateY(-12deg) rotateZ(3deg);box-shadow:20px 24px 36px #18090980;transition:transform .5s}.catalogue-cover:before{content:'';position:absolute;inset:3px -7px -3px 0;background:repeating-linear-gradient(90deg,#cbbb9e 0 1px,#eee2ce 1px 2px);z-index:-1}.catalogue-cover img{display:block;width:100%;height:auto;aspect-ratio:845/1191;object-fit:contain;border:1px solid #ffffff20}.catalogue-cover:hover,.catalogue-cover:focus-visible{transform:perspective(1100px) rotateY(-3deg) rotateZ(1deg)}.catalogue-menu-link{display:none!important}html[lang=ar] .catalogue-copy p{font-family:var(--sans);font-size:16px;line-height:2}html[lang=ar] .catalogue-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.7}html[lang=ar] .catalogue-open{font-size:13px}html[lang=ar] .catalogue-note{font-family:var(--sans)!important;font-size:12px!important;line-height:2!important}html[lang=ar] .catalogue-cover{transform:perspective(1100px) rotateY(12deg) rotateZ(-3deg)}html[lang=ar] .catalogue-cover:hover,html[lang=ar] .catalogue-cover:focus-visible{transform:perspective(1100px) rotateY(3deg) rotateZ(-1deg)}
@media(max-width:1100px){.header nav{gap:20px}.desktop-view .header nav{gap:18px}}
@media(max-width:760px){.catalogue-section{padding:65px 6% 75px}.catalogue-intro{grid-template-columns:1fr;gap:40px;padding-top:36px}.catalogue-copy h2{font-size:32px}.catalogue-copy p{font-size:17px;margin-top:22px}.catalogue-open{font-size:11px;padding:15px 18px}.catalogue-cover{width:210px}.catalogue-nav-link{display:none!important}.catalogue-menu-link{display:flex!important}html[lang=ar] .catalogue-copy h2{font-size:30px}html[lang=ar] .catalogue-copy p{font-size:15px}}
@container(max-width:760px){.catalogue-nav-link{display:none!important}.catalogue-menu-link{display:flex!important}}
@media(prefers-reduced-motion:reduce){.catalogue-cover,.catalogue-cover:hover,.catalogue-cover:focus-visible,html[lang=ar] .catalogue-cover,html[lang=ar] .catalogue-cover:hover,html[lang=ar] .catalogue-cover:focus-visible{transform:none;transition:none}}

/* Keep the added entry within the existing presentation header. */
@media(min-width:761px){.header nav,.desktop-view .header nav{gap:20px;font-size:11px}.desktop-view .header .desktop-mobile-link{display:none}.desktop-view .header .brand-slot{width:180px}}
@media(min-width:761px) and (max-width:1100px){.catalogue-nav-link{display:none!important}.catalogue-menu-link{display:flex!important}}
@container(min-width:761px) and (max-width:1100px){.catalogue-nav-link{display:none!important}.catalogue-menu-link{display:flex!important}.desktop-view .header .brand-slot{width:160px}}

.desktop-version-nav{white-space:nowrap}.header nav{gap:16px}
@media(max-width:760px){.header nav{flex-wrap:wrap;gap:6px 16px}.header:not(.light){padding-bottom:86px}.header.light{padding-bottom:70px}.header nav .desktop-version-nav{font-size:9px}html[lang=ar] .header nav{gap:6px 14px}html[lang=ar] .header nav .desktop-version-nav{font-size:11px}}