@font-face{font-family:ArabicSans;src:url('arabic-sans.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:ArabicSerif;src:url('arabic-serif.ttf') format('truetype');font-weight:400 700;font-display:swap}
html[lang=ar]{--sans:ArabicSans,Inter,Tahoma,sans-serif;--serif:ArabicSerif,Georgia,serif;scroll-padding-top:120px}html[lang=ar] body{font-size:16px;line-height:1.9}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0;line-height:1.35}html[lang=ar] h3{letter-spacing:0;line-height:1.6}html[lang=ar] .eyebrow,html[lang=ar] .footer-sub,html[lang=ar] .contact-detail>span,html[lang=ar] .hero-note,html[lang=ar] .footer-grid h3{letter-spacing:0}html[lang=ar] .eyebrow{font-size:13px}html[lang=ar] .header nav{font-size:14px;gap:23px}html[lang=ar] .nav-quote{white-space:nowrap}html[lang=ar] .hero-copy{padding-left:0;padding-right:max(6vw,calc((100vw - 1240px)/2));margin-right:0;margin-left:-50px}html[lang=ar] .hero-copy h1{font-size:clamp(43px,4.5vw,64px)}html[lang=ar] .hero-copy h1 em{font-style:normal}html[lang=ar] .hero-art{margin-left:0;margin-right:-50px}html[lang=ar] .hero-art:before{background:linear-gradient(270deg,var(--cream),#f5f2eb22 27%,transparent 52%)}html[lang=ar] .hero-art figcaption{right:auto;left:7%;font-style:normal}html[lang=ar] .hero-note span+span{border-left:0;border-right:1px solid #c5bcae;padding-left:0;padding-right:20px}html[lang=ar] .header nav a:not(.nav-quote):after{left:auto;right:0}html[lang=ar] .button{text-align:right;letter-spacing:0;font-size:14px}html[lang=ar] .ghost{padding-right:0;padding-left:0}html[lang=ar] .footer-brand span{margin-left:0;margin-right:5px}html[lang=ar] .arabic-brand{text-align:right}html[lang=ar] .flute-tabs button{text-align:right}html[lang=ar] .flute-letter{font-family:Inter,Arial,sans-serif;direction:ltr;text-align:right}html[lang=ar] .flute-tabs button{font-family:Inter,Arial,sans-serif}html[lang=ar] .flute-tabs small{font-family:var(--sans)}html[lang=ar] .range-strip,html[lang=ar] .topbar{letter-spacing:0}html[lang=ar] .topbar{font-size:12px}html[lang=ar] .category-copy>p:last-child,html[lang=ar] .catalogue-content>p,html[lang=ar] details p,html[lang=ar] .paper-grid p,html[lang=ar] .construction p,html[lang=ar] .process-grid p{font-size:15px}html[lang=ar] .fine,html[lang=ar] .note{font-size:13px}html[lang=ar] .filter-row button{font-size:13px}html[lang=ar] label{font-size:14px}html[lang=ar] .consent,html[lang=ar] .form-title p:last-child{font-size:13px}html[lang=ar] .dimensions legend{font-size:14px}html[lang=ar] #enquiry-text{direction:rtl;text-align:right}html[lang=ar] .intro-grid .lead{font-size:18px}html[lang=ar] .footer-grid p:not(.footer-sub),html[lang=ar] .footer-grid>div>a:not(.footer-brand){font-size:14px}html[lang=ar] .footer-bottom{font-size:11px}html[lang=ar] .language-link{font-family:Inter,Arial,sans-serif}
@media(max-width:1100px){html[lang=ar] .header nav{gap:15px;font-size:12px}html[lang=ar] .hero-copy{margin-left:-100px}html[lang=ar] .hero-note span+span{padding-right:12px}}
@media(max-width:820px){html[lang=ar] .hero-copy{padding:45px 6% 35px;margin:0}html[lang=ar] .hero-art{margin:0}html[lang=ar] .hero-art:before{background:linear-gradient(180deg,var(--cream),transparent 20%)}html[lang=ar] .header nav{gap:0;font-size:16px}html[lang=ar] .hero-copy h1{font-size:clamp(41px,7.8vw,60px)}}
@media(max-width:520px){html[lang=ar] .topbar .wrap{font-size:9px}html[lang=ar] .hero-copy h1,html[lang=ar] .intro-grid h1{font-size:40px}html[lang=ar] .hero-note{font-size:10px}html[lang=ar] .hero-note span+span{padding-right:10px}html[lang=ar] .hero-copy .button{font-size:13px}html[lang=ar] .flute-tabs button{font-size:22px}html[lang=ar] .flute-tabs small{font-size:10px}html[lang=ar] .filter-row button{font-size:12px}html[lang=ar] .range-strip{font-size:11px}}