@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(fonts/CormorantGaramond-500i.woff2) format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/CormorantGaramond-500.woff2) format('woff2');}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/CormorantGaramond-600.woff2) format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Jost-400.woff2) format('woff2');}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/Jost-500.woff2) format('woff2');}
@font-face{font-family:'Naskh Sub';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/NotoNaskhArabic-sub.woff2) format('woff2');unicode-range:U+0600-06FF;}

:root{--teal:#0f3d3e;--teal2:#1f5f5b;--gold:#b48a3c;--gold2:#c9a45c;--ivory:#faf7f1;--paper:#f3ede2;--ink:#1c2626;--mute:#5f6b69;--line:#e3dccd;
--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:'Jost',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--ar:'Naskh Sub','Geeza Pro','SF Arabic','Noto Naskh Arabic','Segoe UI',Tahoma,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ivory);color:var(--ink);font:400 17px/1.65 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.12;margin:0;letter-spacing:.005em}
.preview-bar{background:#2b2b2b;color:#f1e6cc;font-size:13px;text-align:center;padding:7px 12px;letter-spacing:.02em}
.top{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 18px;padding:12px 20px;background:rgba(250,247,241,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.brand{font-family:var(--serif);font-size:26px;font-weight:600;text-decoration:none;color:var(--teal);letter-spacing:.02em}
.brand span{color:var(--gold)}
.top nav{display:flex;gap:16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;overflow-x:auto;scrollbar-width:none;max-width:100%}
.top nav::-webkit-scrollbar{display:none}
.top nav a{text-decoration:none;color:var(--mute);padding:4px 0;white-space:nowrap}
.top nav a:hover{color:var(--teal)}
.eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px;font-weight:500}
.hero{display:grid;gap:34px;padding:40px 22px 30px;max-width:1180px;margin:0 auto}
.hero h1{font-size:clamp(40px,10.5vw,74px);color:var(--teal)}
.ar{font-family:var(--ar);font-size:21px;line-height:1.9;font-weight:500;color:var(--teal2);margin:18px 0 6px}
.ar.small{font-size:16px;margin-top:22px}
.hero .ar{font-size:25px;line-height:1.7;color:var(--teal);margin:20px 0 8px;padding:10px 0 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ar-sub{display:block;font-size:16px;line-height:1.8;color:var(--gold);font-weight:400;margin-top:4px}
.ar{text-wrap:balance}
.sub{color:var(--mute);max-width:34em;margin:12px 0 26px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.cta.center{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;background:var(--teal);color:#fff;text-decoration:none;border-radius:2px;font-size:14px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;border:1px solid var(--teal);transition:background .2s}
.btn:hover{background:var(--teal2)}
.btn.ghost{background:transparent;color:var(--teal);border-color:var(--gold2)}
.btn.ghost:hover{background:#fff}
.hero-art{margin:0}
.gilt{padding:10px;background:#fff;border:1px solid var(--gold2);box-shadow:0 1px 0 var(--line),0 24px 50px -28px rgba(15,61,62,.45)}
.hero-art figcaption{font-family:var(--serif);font-style:italic;color:var(--mute);margin-top:12px;text-align:center;font-size:17px}
.trust{list-style:none;margin:10px auto 0;padding:18px 22px;max-width:1180px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:13px;letter-spacing:.06em;color:var(--teal);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust li{position:relative;padding-left:18px}
.trust li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--gold2);transform:rotate(45deg)}
.divider{display:flex;justify-content:center;color:var(--gold2);margin:46px 0 10px}
.divider .star{width:30px;height:30px}
.anchor{position:relative;top:-70px}
.series{max-width:1180px;margin:0 auto;padding:26px 22px 20px}
.series-head{max-width:40em;margin:0 0 30px}
.coll-head{max-width:1180px;margin:0 auto;padding:10px 22px 0;text-align:center}
.coll-head h2{font-size:clamp(30px,7.4vw,52px);color:var(--teal);max-width:16em;margin:0 auto}
.coll-head .lede{max-width:34em;margin:12px auto 0}
.series-head .eyebrow{color:var(--gold)}
.series h2{font-size:clamp(32px,8vw,48px);color:var(--teal)}
.lede{color:var(--mute);margin:12px 0 0}
.grid{display:grid;gap:44px}
.work{display:flex;flex-direction:column}
.frame{display:block;background:#fff;padding:12px;border:1px solid var(--line);cursor:zoom-in;transition:border-color .2s}
.frame:hover{border-color:var(--gold2)}
.frame img{width:100%;aspect-ratio:auto}
.meta{padding:16px 2px 0}
.row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.work h3{font-size:28px;color:var(--ink)}
.badge{flex:none;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--teal2);border:1px solid #9cc0b9;background:#eef5f3;padding:3px 9px;border-radius:20px}
.spec{margin:4px 0 6px;font-size:14px;color:var(--mute)}
.desc{margin:0 0 12px;font-size:15.5px;color:#3a4545}
.price{display:flex;align-items:baseline;gap:14px;margin:0 0 14px}
.gbp{font-family:var(--serif);font-size:30px;font-weight:600;color:var(--teal)}
.aed{font-size:14px;color:var(--gold);letter-spacing:.06em}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.actions .btn{flex:1 1 auto;max-width:260px}
.actions .link{font-size:14px;color:var(--mute);text-underline-offset:3px}
.about{max-width:1180px;margin:0 auto;padding:30px 22px 60px;display:grid;gap:34px;align-items:center}
.about-art{margin:0;padding:10px;background:#fff;border:1px solid var(--line)}
.about h2,.commissions h2,.contact h2,.shipping h2{font-size:clamp(32px,8vw,48px);color:var(--teal);margin-bottom:14px}
.about p{margin:0 0 14px}
.exhib{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.exhib h3{font-size:22px;color:var(--teal);margin-bottom:8px}
.exhib ul{margin:0;padding:0;list-style:none;color:var(--mute);font-size:15px}
.exhib li{padding:3px 0}
.commissions{background:var(--teal);color:#eef3f1;padding:60px 22px}
.commissions .inner{max-width:760px;margin:0 auto}
.commissions h2{color:#fff}
.commissions .eyebrow{color:var(--gold2)}
.commissions .lede{color:#c9dad6}
.comm{width:100%;border-collapse:collapse;margin:28px 0;font-size:16px}
.comm caption{text-align:left;font-size:13px;letter-spacing:.08em;color:#a9c4be;padding-bottom:10px}
.comm th,.comm td{padding:13px 6px;border-bottom:1px solid rgba(201,164,92,.35);text-align:left}
.comm thead th{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);font-weight:500}
.comm tbody th{font-weight:400}
.comm td{font-family:var(--serif);font-size:20px;color:#fff;white-space:nowrap}
.comm tbody th{font-size:15px;padding-right:12px}
.comm td+td{font-family:var(--sans);font-size:14px;color:#e6d3a8}
.steps{margin:0 0 30px;padding:0;list-style:none;counter-reset:s;display:grid;gap:14px}
.steps li{counter-increment:s;position:relative;padding-left:44px;color:#c9dad6}
.steps li b{display:block;color:#fff;font-weight:500}
.steps li:before{content:counter(s);position:absolute;left:0;top:0;width:30px;height:30px;border:1px solid var(--gold2);color:var(--gold2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:18px}
.commissions .btn{background:var(--gold2);border-color:var(--gold2);color:#102a2a}
.commissions .btn:hover{background:#d8b878}
.note{font-size:14px;color:#a9c4be;margin-top:18px}
.shipping{max-width:760px;margin:0 auto;padding:60px 22px 10px}
.shipping p{color:#3a4545}
.contact{text-align:center;max-width:760px;margin:0 auto;padding:50px 22px 70px}
.contact p{color:var(--mute)}
.contact .btn{text-transform:none;letter-spacing:.03em;font-size:15px}
.foot{border-top:1px solid var(--line);text-align:center;font-size:13px;color:var(--mute);padding:22px}
.lightbox{border:0;padding:0;background:transparent;max-width:96vw;max-height:94vh}
.lightbox::backdrop{background:rgba(12,30,30,.92)}
.lightbox img{max-width:96vw;max-height:90vh;width:auto;height:auto;margin:auto}
.lightbox .close{position:fixed;top:12px;right:14px;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold2);background:rgba(0,0,0,.4);color:#fff;font-size:28px;line-height:1;cursor:pointer}
@media (min-width:700px){
 .grid{grid-template-columns:1fr 1fr;gap:56px 40px}
 .trust{grid-template-columns:repeat(4,auto);justify-content:space-between}
}
@media (min-width:960px){
 .hero{grid-template-columns:.9fr 1.1fr;align-items:center;padding:70px 32px 50px;gap:56px}
 .hero-art{max-width:640px;justify-self:end;width:100%}
 .about{grid-template-columns:.8fr 1.2fr;gap:70px;padding:40px 32px 80px}
 .series{padding:30px 32px 30px}
 .top{padding:14px 32px}
}
@media (min-width:1100px){
 .grid{grid-template-columns:repeat(4,1fr);gap:56px 30px}
 .work h3{font-size:24px}
 .gbp{font-size:27px}
 .actions .btn{padding:12px 16px;font-size:13px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media (min-width:700px){.top nav{gap:22px;font-size:13px;letter-spacing:.14em}}
.btn:focus-visible,.frame:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* v3 additions */
.brand{display:inline-flex;align-items:center;gap:10px}
.brand-mark{width:34px;height:auto}
.brand-word span{color:var(--gold)}
.sub-t{display:block;font-family:var(--sans);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.desc p{margin:0 0 10px}
.process{max-width:1180px;margin:0 auto;padding:40px 22px 60px;display:grid;gap:30px;align-items:center}
.process-media{justify-self:center;width:min(320px,78vw);padding:8px;background:#fff;border:1px solid var(--line)}
.process-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:var(--teal)}
.process h2,.prints h2{font-size:clamp(30px,7.5vw,44px);color:var(--teal);margin-bottom:14px}
.process p{margin:0 0 18px}
.prints{max-width:760px;margin:0 auto 60px;padding:34px 24px;text-align:center;border:1px solid var(--line);background:var(--paper)}
.prints p{margin:0}
.prints a{color:var(--teal2)}
@media (min-width:960px){.process{grid-template-columns:.8fr 1.2fr;gap:70px;padding:50px 32px 80px}}

.brand .brand-word{color:var(--teal)}
.brand .brand-word span{color:var(--gold)}