@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');
.catalog{padding:55px 7% 70px;max-width:1600px;margin:auto}.catalog-hero{display:grid;grid-template-columns:1fr 230px;align-items:center;gap:30px;padding:25px 0 50px}.catalog-hero h1{font:600 clamp(45px,5.3vw,78px)/1.06 'Manrope',Arial;letter-spacing:-4px;margin:25px 0}.catalog-hero h1 em{font:italic 400 1em Georgia;color:var(--accent-text)}.catalog-lead{font-size:14px;line-height:1.9;color:var(--page-muted);max-width:720px}.arabic-sign{display:flex;flex-direction:column;align-items:center;color:var(--accent-text)}.arabic-sign>[lang=ar]{font:400 145px/1.5 Amiri,'Geeza Pro',serif;letter-spacing:0;unicode-bidi:isolate}.arabic-sign>small{font-size:9px;letter-spacing:3px;margin-top:-22px}.catalog-note{padding:20px 25px;border:1px solid var(--page-line);border-left:3px solid var(--orange);font-size:12px;line-height:1.9;background:var(--page-panel)}.catalog-nav{display:flex;flex-wrap:wrap;gap:14px 25px;padding:30px 0 50px;font-size:11px}.catalog-nav a{border-bottom:1px solid var(--page-line);padding-bottom:7px}.catalog h2{font:400 39px/1.15 Georgia;letter-spacing:-1px;margin:20px 0}.catalog h2 em{color:var(--accent-text)}.catalog-visuals{padding:35px 0 60px}.mock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin-top:35px}.mock-board{background:#1c1511;color:#efe4d2;border:1px solid #785034;margin:0;min-width:0;display:flex;flex-direction:column}.mock-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #67422d;font-size:8px;letter-spacing:1px;gap:10px}.mock-top b{font-size:16px;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.mock-top b span{font:25px Amiri,serif;letter-spacing:0;color:#ec9b62}.mock-content{padding:23px 20px;min-height:245px;flex:1}.mock-content>small{font-size:6px;letter-spacing:1px;color:#c39d7c}.mock-content h3{font:27px/1.12 Georgia;margin:15px 0 25px;letter-spacing:-.7px}.mock-member{background:#362318;padding:20px 14px}.mock-member>span{display:block;font-size:6px;letter-spacing:1px;color:#dbb58f}.mock-member strong{display:block;font:30px Georgia;margin:15px 0}.mock-member strong small{font:9px Arial;color:#c9b29b}.mock-member i{display:block;height:2px;background:linear-gradient(90deg,#eb9b62 60%,#60402b 60%)}.mock-row{border-top:1px solid #5a3c29;display:flex;gap:15px;justify-content:space-between;font-size:9px;padding:15px 0;color:#d1bda6}.mock-row b{font-weight:500;color:#edaa75}.mock-board figcaption{border-top:1px solid #67422d;padding:16px 20px;font-size:9px;color:#d4b699}.mock-floor{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-floor>span{padding:15px 10px;border:1px solid #7d583b;font:20px Georgia}.mock-floor>span.busy{background:#684022}.mock-floor small{display:block;font:7px Arial;margin-top:8px;white-space:nowrap;color:#d8b694}.mock-total{text-align:right;font:34px Georgia;margin:20px 0}.mock-label{background:#e4793e;color:#25160b;padding:13px;font-size:7px;letter-spacing:.7px}.mock-order{border:1px solid #765237;padding:12px;margin:8px 0;font-size:9px}.mock-order b{display:block;font-weight:500}.mock-order span{display:block;font-size:7px;color:#eab084;margin-top:8px}.mock-chart{height:110px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #795237;padding-inline:10px}.mock-chart i{flex:1;background:#e49a65;max-width:33px}.catalog-group{padding:45px 0;border-top:1px solid var(--page-line);scroll-margin-top:20px}.group-title{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}.group-title>.eyebrow,.group-title .eyebrow{color:var(--accent-text);font-size:8px}.group-title p{font-size:12px;line-height:1.9;color:var(--page-muted);max-width:300px;padding-bottom:7px}.screen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.screen-card{padding:24px;background:var(--page-panel);border:1px solid var(--page-line);min-width:0;break-inside:avoid}.screen-id{font-size:8px;letter-spacing:1.5px;color:var(--accent-text)}.screen-card h3{font:22px/1.2 Georgia;margin:18px 0}.screen-card ul{font-size:11px;line-height:1.8;color:var(--page-muted);padding-left:16px;margin:0}.screen-card li+li{margin-top:8px}.catalog-conditional{padding:45px 0;border-top:1px solid var(--page-line)}.conditional-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 45px;margin-top:35px}.conditional-grid h3{font-size:15px;font-weight:500}.conditional-grid p{font-size:12px;line-height:1.9;color:var(--page-muted);margin-top:12px}.catalog-extra{padding:40px;background:var(--page-soft);margin:35px 0}.catalog-extra p{font-size:13px;line-height:1.9;max-width:900px;margin:20px 0}.catalog-extra .button{margin-top:15px}.catalog-source{font-size:10px;line-height:1.9;color:var(--page-muted)}@media(max-width:1000px){.mock-grid,.screen-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.catalog{padding:35px 7%}.catalog-hero{grid-template-columns:1fr;gap:10px}.catalog-hero h1{font-size:43px;letter-spacing:-2px}.arabic-sign{align-items:flex-start}.arabic-sign>[lang=ar]{font-size:95px}.arabic-sign>small{margin-top:-10px}.mock-grid,.screen-grid,.conditional-grid{grid-template-columns:1fr}.group-title{display:block}.group-title p{max-width:100%}.catalog h2{font-size:33px}.catalog-extra{padding:25px}.catalog-nav{gap:15px;font-size:10px}.catalog-note{padding:17px}.mock-content{min-height:230px}footer .wordmark{font-size:75px;letter-spacing:-5px}}@media print{@page{size:A4;margin:14mm}html,html[data-theme=dark]{--page-bg:#fff;--page-ink:#211d19;--page-panel:#f6f0e7;--page-muted:#645544;--page-soft:#eee4d5;--page-line:#c9b79d;--accent-text:#a75028;color-scheme:light}body{background:white;color:#211d19;font-size:10px}header,.demo-banner,.catalog-nav,footer,.catalog-extra .button{display:none}.catalog{max-width:none;padding:0}.catalog-hero{padding:0 0 10mm;grid-template-columns:1fr 120px}.catalog-hero h1{font-size:38px;letter-spacing:-2px}.arabic-sign>[lang=ar]{font-size:95px}.catalog-lead{font-size:10px}.catalog-note{font-size:9px}.catalog h2{font-size:25px}.catalog-visuals{padding-top:10mm}.mock-grid,.screen-grid{grid-template-columns:1fr 1fr;gap:10px}.mock-board{break-inside:avoid}.mock-content{min-height:190px;padding:15px}.mock-content h3{font-size:23px}.mock-top{padding:12px}.mock-board figcaption{font-size:8px;padding:12px}.catalog-group{padding:10mm 0 5mm;break-before:page}.group-title{display:block;margin-bottom:15px}.group-title p{max-width:none;font-size:10px}.screen-card{padding:16px}.screen-card h3{font-size:18px;margin:12px 0}.screen-card ul{font-size:9px}.conditional-grid{gap:15px;grid-template-columns:1fr 1fr}.conditional-grid article{break-inside:avoid}.conditional-grid p{font-size:9px}.catalog-extra{padding:20px;break-inside:avoid}.catalog-extra p{font-size:10px}.catalog-conditional{break-before:page}.catalog-source{font-size:8px}}
/* The shared light signature is a still here: this catalogue remains static. */
@media screen{.catalog-hero .arabic-sign{background:linear-gradient(0deg,#160b0780,#160b0715),url('assets/noor-light-poster.jpg') 50% center/cover;aspect-ratio:1;justify-content:center;align-items:center;border:1px solid #a25c36;color:#ffe5b9}.catalog-hero .arabic-sign>[lang=ar]{font-size:120px}.catalog-hero .arabic-sign>small{color:#ffe5b9;font-size:7px;letter-spacing:2px;margin-top:-15px}}
@media screen and (max-width:650px){.catalog-hero .arabic-sign{aspect-ratio:2.3;margin-top:18px}.catalog-hero .arabic-sign>[lang=ar]{font-size:90px}.catalog-hero .arabic-sign>small{margin-top:-10px}}
