:root{--paper:#f3eee5;--line:#d9d0c2}
body{background:#f3eee5;background-image:radial-gradient(circle at 78% 8%,rgba(255,255,255,.78),transparent 32%),linear-gradient(135deg,#f7f3ec 0%,#f0e9de 55%,#eee5d9 100%);background-attachment:fixed}
.featured,.catalog,.order,.faq,.testimonial,.made-to-measure{background:linear-gradient(125deg,rgba(255,255,255,.5),rgba(246,240,231,.82) 48%,rgba(235,225,211,.58))}
.catalog-tools{background:rgba(246,241,233,.94);border-color:#d8cebf;backdrop-filter:blur(12px)}
.art-card{background:#fbf8f2;box-shadow:0 8px 26px rgba(55,45,33,.065);transition:transform .3s,box-shadow .3s}
.art-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(55,45,33,.13)}
.art-meta{padding:15px 16px 17px}.art-image{background:#e4ddd2}.search{border-color:#aaa092}.filters button{color:#5f625b}.result-count{color:#756d62}.load-more{background:rgba(255,255,255,.36);border-color:#686257}.faq-list,.faq-list details{border-color:#d1c7b8}
.trust-strip{background:linear-gradient(90deg,#eee5d8,#e5d8c7 50%,#eee5d8);border-color:#d2c4b2}.trust-strip article{border-color:#d2c4b2}
dialog{background:#f4eee4;color:#23271f}.modal-copy{background:linear-gradient(145deg,#f7f2e9,#efe6d9);color:#23271f}.modal-copy>p:not(.modal-code):not(.modal-price){color:#676b64}.modal-tags span{background:#e2d7c8;color:#30342d}
@media(max-width:680px){.art-meta{padding:11px 10px 13px}.art-card{box-shadow:0 5px 17px rgba(55,45,33,.07)}}

/* Dark gallery: a calm exhibition-like field that lets the artwork lead. */
.catalog{
  color:#f5f0e7;
  background:
    radial-gradient(circle at 84% 2%,rgba(196,154,90,.13),transparent 30%),
    radial-gradient(circle at 6% 92%,rgba(72,96,77,.18),transparent 34%),
    linear-gradient(135deg,#101711 0%,#172018 52%,#0c130e 100%);
}
.catalog .catalog-head h2{color:#f8f3ea}
.catalog .catalog-head>p{color:#aeb5ae}
.catalog .catalog-tools{
  background:rgba(13,21,15,.94);
  border-color:rgba(255,255,255,.12);
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.catalog .filters button{color:#b8beb8}
.catalog .filters button:hover{color:#fff}
.catalog .filters button.active{background:#cda45f;color:#111610}
.catalog .search{border-color:rgba(255,255,255,.28);color:#cda45f}
.catalog .search input{color:#f8f3ea}
.catalog .search input::placeholder{color:#858d86}
.catalog .result-count{color:#929a93}
.catalog .art-card{
  background:#172019;
  border:1px solid rgba(255,255,255,.07);
  box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.catalog .art-card:hover{box-shadow:0 18px 44px rgba(0,0,0,.34)}
.catalog .art-image{background:#0c120e}
.catalog .art-meta{background:#172019;border-top-color:rgba(205,164,95,.34)}
.catalog .art-meta h3{color:#f8f3ea}
.catalog .art-meta p{color:#929a93}
.catalog .load-more{color:#f4eee4;background:transparent;border-color:rgba(205,164,95,.68)}
.catalog .load-more:hover{background:transparent;color:#edbd6d;border-color:rgba(205,164,95,.68)}
@media(max-width:680px){.catalog .catalog-tools{padding-inline:10px}}

/* Residential and hospitality supply */
.projects-supply{
  min-height:760px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  background:#111710;
  color:#f7f2e9;
}
.projects-visual{
  min-height:760px;
  position:relative;
  overflow:hidden;
  background:#191d18;
}
.projects-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:linear-gradient(0deg,rgba(11,15,11,.3),transparent 42%);
}
.projects-slides,.project-slide{position:absolute;inset:0}
.project-slide{margin:0;opacity:0;visibility:hidden;transition:opacity .9s ease,visibility .9s ease}
.project-slide.is-active{opacity:1;visibility:visible}
.project-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.project-arrow{
  position:absolute;
  z-index:3;
  top:50%;
  translate:0 -50%;
  width:44px;
  height:52px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(15,20,15,.35);
  color:#fff;
  font:32px/1 Arial,sans-serif;
  direction:ltr;
  cursor:pointer;
  backdrop-filter:blur(8px);
  transition:background .25s,border-color .25s;
}
.project-arrow:hover{background:rgba(17,23,16,.72);border-color:#cda45f}
.project-prev{left:22px}.project-next{right:22px}
.project-dots{position:absolute;z-index:3;right:28px;bottom:35px;display:flex;gap:8px}
.project-dots button{width:24px;height:3px;padding:0;border:0;background:rgba(255,255,255,.45);cursor:pointer;transition:width .3s,background .3s}
.project-dots button.is-active{width:42px;background:#d4ab67}
.projects-badge{
  position:absolute;
  z-index:3;
  left:28px;
  bottom:28px;
  padding:14px 17px;
  border:1px solid rgba(255,255,255,.38);
  color:#fff;
  font:10px/1.55 Arial,sans-serif;
  letter-spacing:1.7px;
  text-transform:uppercase;
  backdrop-filter:blur(9px);
  background:rgba(17,23,16,.28);
}
.projects-copy{
  align-self:center;
  padding:78px clamp(34px,5.7vw,90px);
}
.projects-copy h2{
  margin:14px 0 22px;
  font-family:'Noto Kufi Arabic',sans-serif;
  font-size:clamp(31px,3.65vw,54px);
  font-weight:400;
  line-height:1.45;
}
.projects-copy h2 em{font-family:'Playfair Display',serif;color:#cda45f;font-weight:500}
.projects-lead{max-width:570px;color:#aeb5ae;font-size:12px;line-height:2.15}
.projects-types{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0 30px}
.projects-types span{padding:9px 12px;border:1px solid rgba(205,164,95,.34);color:#d9d4ca;font-size:10px}
.projects-benefits{list-style:none;padding:0;margin:0 0 32px}
.projects-benefits li{display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12)}
.projects-benefits li:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.projects-benefits b{font-size:11px;font-weight:500;color:#f6f1e8}
.projects-benefits span{font-size:10px;line-height:1.8;color:#8f988f;text-align:left}
.projects-button{background:#cda45f;color:#111610;min-width:210px}
.projects-button:hover{background:#ddb874}
@media(max-width:1000px){
  .projects-supply{grid-template-columns:1fr}
  .projects-visual{min-height:560px}
  .projects-copy{padding-block:70px}
}
@media(max-width:680px){
  .projects-supply{min-height:0}
  .projects-visual{min-height:470px}
  .project-arrow{width:38px;height:46px;font-size:28px}
  .project-prev{left:12px}.project-next{right:12px}
  .project-dots{right:18px;bottom:24px}
  .project-dots button{width:18px}.project-dots button.is-active{width:32px}
  .projects-badge{left:18px;bottom:18px}
  .projects-copy{padding:62px 22px 72px}
  .projects-copy h2{font-size:33px}
  .projects-benefits li{display:block}
  .projects-benefits span{display:block;margin-top:5px;text-align:right}
  .projects-button{width:100%}
}
@media(prefers-reduced-motion:reduce){.project-slide{transition:none}}

/* Frame colours and order formats */
.frame-showcase{background:#111710;color:#f5f0e7;scroll-margin-top:82px}
.frame-showcase-head{display:grid;grid-template-columns:1.1fr .75fr;align-items:end;gap:80px;margin-bottom:48px}
.frame-showcase-head h2{font-family:'Noto Kufi Arabic';font-weight:400;font-size:clamp(36px,4.7vw,66px);line-height:1.35;margin:10px 0}
.frame-showcase-head h2 em{font-family:'Playfair Display',serif;color:#cda45f;font-weight:500}
.frame-showcase-head>p{max-width:560px;color:#aeb5ae;font-size:11px;line-height:2.1}
.frame-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.frame-color-card{background:#192119;border:1px solid rgba(205,164,95,.18);overflow:hidden}
.frame-color-image{position:relative;aspect-ratio:1;overflow:hidden;background:#e8e0d5}
.frame-showcase-zoom{display:block;width:100%;padding:0;border:0;color:inherit;text-align:inherit;cursor:zoom-in}.frame-showcase-zoom:focus-visible{outline:3px solid #cda45f;outline-offset:-3px}
.frame-preview-copy #framePreviewSelect[hidden]{display:none!important}
.frame-color-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .65s ease}
.frame-color-card:hover img{transform:scale(1.025)}
.frame-color-image span{position:absolute;right:12px;top:12px;background:#111710d9;color:#d4ab67;padding:6px 8px;font:10px Arial;letter-spacing:1px}
.frame-color-card>div:last-child{padding:17px 18px 20px}
.frame-color-card h3{font-size:13px;font-weight:500;margin:0 0 7px}
.frame-color-card p{font-size:10px;color:#929a92;margin:0}
.frame-color-note{font-size:10px;color:#747d75;margin:15px 0 0}
.order-formats-showcase{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.9fr);gap:28px;margin-top:72px;padding-top:54px;border-top:1px solid rgba(255,255,255,.13);align-items:stretch}
.order-formats-copy{align-self:center;padding-inline-end:25px}
.order-formats-copy h3{font-family:'Noto Kufi Arabic';font-size:clamp(24px,2.7vw,39px);font-weight:400;line-height:1.55;margin:12px 0 18px}
.order-formats-copy>p:last-child{font-size:10px;line-height:2;color:#9da49d}
.formats-guide,.roll-guide{margin:0;background:#ece5da;overflow:hidden;position:relative}
.formats-guide img,.roll-guide img{width:100%;height:100%;min-height:320px;display:block;object-fit:contain}
.formats-guide img{min-height:390px}
.roll-guide figcaption{position:absolute;inset:auto 12px 12px;background:#111710dc;color:#fff;padding:9px 11px;font-size:10px}
@media(max-width:1000px){.frame-showcase-head{grid-template-columns:1fr;gap:18px}.frame-color-grid{grid-template-columns:repeat(2,1fr)}.order-formats-showcase{grid-template-columns:1fr}.order-formats-copy{grid-column:auto}.formats-guide img,.roll-guide img{min-height:0;height:auto}}
@media(max-width:680px){.frame-showcase{scroll-margin-top:70px}.frame-color-grid{grid-template-columns:1fr 1fr;gap:8px}.frame-color-image{aspect-ratio:1}.frame-color-card>div:last-child{padding:12px}.frame-color-card h3{font-size:10px}.frame-color-card p{font-size:10px;line-height:1.7}.order-formats-showcase{grid-template-columns:1fr;margin-top:52px;padding-top:38px}.order-formats-copy{grid-column:auto;padding:0}.formats-guide,.roll-guide{width:100%}}