/* NILE CALLIGRAPHY — original catalogue, mobile-first */
.catalogue-page{background:var(--background);color:var(--text);overflow-x:clip}
.catalogue-page *{box-sizing:border-box}
.catalogue-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:transparent;pointer-events:none}.catalogue-progress span{display:block;width:0;height:100%;background:var(--secondary);transform-origin:left;transition:width .12s linear}
.skip-link{position:absolute;left:12px;top:-60px;z-index:2000;padding:12px 16px;background:var(--primary);color:white}.skip-link:focus{top:12px}
.catalogue-page .top-header{padding:15px 5%;grid-template-columns:1fr auto 1fr;gap:10px;background:rgba(255,255,255,.96)}
.catalogue-home-mark{width:38px;height:38px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;color:var(--primary);font-family:var(--heading);font-size:18px;text-decoration:none}
.catalogue-logo{text-decoration:none}.catalogue-logo .logo-overline{display:block;margin-bottom:7px;font-size:8px;letter-spacing:2px;color:var(--muted)}.catalogue-logo h1{font-size:clamp(15px,3vw,25px);letter-spacing:clamp(2px,.5vw,5px)}
.header-enquire{font-size:12px;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap}.header-enquire span{color:var(--secondary);margin-left:4px}
.catalogue-nav{position:relative;padding:12px 16px;overflow-x:auto;scrollbar-width:none;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee}.catalogue-nav::-webkit-scrollbar{display:none}.catalogue-nav ul{display:flex;justify-content:flex-start;gap:25px;min-width:max-content;list-style:none;margin:0 auto;padding:0}.catalogue-nav a{font-size:12px;letter-spacing:.4px;text-decoration:none;color:var(--muted);padding:6px 0}.catalogue-nav a[aria-current=page]{color:var(--primary);border-bottom:1px solid var(--secondary)}
.catalogue-hero{position:relative;isolation:isolate;min-height:570px;display:grid;place-items:center;overflow:hidden;padding:80px 6% 76px;text-align:center;background:radial-gradient(ellipse at 50% 45%,rgba(198,161,91,.13),transparent 56%),linear-gradient(135deg,#fbf8f1 0%,#eee7d9 100%);border-bottom:1px solid var(--border)}
.catalogue-hero:before,.catalogue-hero:after{content:"";position:absolute;z-index:-1;width:310px;height:310px;border:1px solid rgba(160,125,64,.16);border-radius:50%;top:50%;transform:translateY(-50%)}.catalogue-hero:before{left:-210px;box-shadow:0 0 0 22px rgba(198,161,91,.035),0 0 0 55px rgba(198,161,91,.025)}.catalogue-hero:after{right:-210px;box-shadow:0 0 0 22px rgba(198,161,91,.035),0 0 0 55px rgba(198,161,91,.025)}
.catalogue-hero-content{position:relative;max-width:800px;margin:auto}.catalogue-overline{display:flex;align-items:center;justify-content:center;gap:12px;color:#8b6d37;font-size:9px;font-weight:700;letter-spacing:2.4px}.catalogue-overline i{width:22px;height:1px;background:var(--secondary)}.catalogue-hero h2{margin:28px 0 20px;color:var(--primary);font-family:var(--heading);font-size:clamp(48px,11vw,88px);font-weight:500;line-height:.94;letter-spacing:-1.5px}.catalogue-hero h2 em,.catalogue-section-heading h2 em,.catalogue-story-intro h2 em,.catalogue-cta h2 em{font-weight:400;color:#96763d}.catalogue-hero p{max-width:580px;margin:0 auto;color:#625e55;font-size:15px;line-height:1.85}.hero-text-link{display:inline-flex;align-items:center;gap:16px;margin-top:31px;padding-bottom:8px;border-bottom:1px solid var(--secondary);font-size:12px;font-weight:700;letter-spacing:.4px;color:var(--primary);text-decoration:none}.hero-text-link span{color:#96763d;transition:transform .3s}.hero-text-link:hover span{transform:translateY(4px)}.hero-index-mark{display:block;margin-top:48px;color:#9a9386;font-size:9px;letter-spacing:2px}.hero-ornament{position:absolute;color:rgba(135,106,54,.075);font-family:serif;writing-mode:vertical-rl;font-size:clamp(35px,7vw,75px);pointer-events:none;user-select:none}.hero-ornament-left{left:3%;top:25%}.hero-ornament-right{right:3%;bottom:20%}
.catalogue-preview{padding:74px 5% 62px;background:#fff}.catalogue-section-heading{max-width:1200px;margin:0 auto 30px;display:grid;gap:14px}.catalogue-section-heading h2{max-width:620px;margin:10px 0 0;font-family:var(--heading);font-size:clamp(35px,8vw,59px);line-height:.98;font-weight:500;color:var(--primary)}.section-tag{display:inline-block;color:#96763d;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.catalogue-section-heading>p{max-width:480px;margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.catalogue-tools{max-width:1200px;margin:0 auto 24px;display:grid;gap:14px}.catalogue-search{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid #e5dfd3;background:#fbfaf7;color:#96763d}.catalogue-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--primary);font:inherit;font-size:13px}.catalogue-search input::placeholder{color:#999286}.catalogue-search:focus-within{outline:2px solid rgba(198,161,91,.35);outline-offset:2px}.catalogue-search kbd{border:1px solid #e2dacb;padding:2px 6px;color:#8c8579;font-size:10px;border-radius:3px}.catalogue-filter{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}.catalogue-filter::-webkit-scrollbar{display:none}.filter-chip{display:flex;align-items:center;gap:8px;flex:0 0 auto;border:1px solid #e6dfd3;border-radius:30px;padding:10px 13px;background:#fff;color:#5f5a51;font:inherit;font-size:11px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.filter-chip span{color:#9c8c6d;font-size:10px}.filter-chip.is-active,.filter-chip[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:#fff}.filter-chip:focus-visible,.catalogue-preview-card:focus-visible,.save-artwork:focus-visible,.catalogue-whatsapp:focus-visible{outline:2px solid #b18b47;outline-offset:4px}
.catalogue-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:1200px;margin:0 auto}.catalogue-preview-card{display:block;min-width:0;text-decoration:none;color:inherit;background:#fbfaf7;border:1px solid #eee8dc;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;content-visibility:auto;contain-intrinsic-size:330px}.catalogue-preview-card:hover{transform:translateY(-5px);border-color:rgba(198,161,91,.7);box-shadow:0 18px 38px rgba(25,22,15,.09)}.preview-image-wrap{position:relative;overflow:hidden;aspect-ratio:4/5;background:#e9e2d5}.preview-image-wrap img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.catalogue-preview-card:hover .preview-image-wrap img{transform:scale(1.035)}.preview-index{position:absolute;top:9px;left:9px;padding:5px 7px;background:rgba(255,255,255,.86);color:#8c6b34;font-size:9px;letter-spacing:1px}.preview-arrow{position:absolute;right:9px;bottom:9px;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:var(--primary);color:#fff;font-size:15px;transition:transform .3s,background .3s}.catalogue-preview-card:hover .preview-arrow{transform:rotate(45deg);background:#9b783a}.preview-card-copy{padding:13px 11px 15px}.artwork-kicker{color:#9a783d;font-size:8px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase}.preview-card-copy h3{margin:7px 0 12px;font-family:var(--heading);font-size:clamp(17px,4vw,24px);font-weight:500;line-height:1.05;color:var(--primary)}.preview-link{display:flex;align-items:center;justify-content:space-between;padding-top:9px;border-top:1px solid #e8e1d5;color:#6d665a;font-size:10px}.preview-link span{color:#9a783d;font-size:15px}.catalogue-preview-card[hidden]{display:none}.catalogue-empty{max-width:1200px;margin:30px auto;color:var(--muted);text-align:center}.preview-footnote{max-width:1200px;margin:24px auto 0;padding-top:14px;border-top:1px solid #eee8dc;display:flex;justify-content:space-between;gap:12px;color:#999184;font-size:9px;letter-spacing:.4px}.preview-footnote span:last-child{color:#96763d}
.catalogue-story-intro{position:relative;overflow:hidden;display:grid;gap:20px;padding:75px 7%;background:#f3eee4;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.catalogue-story-intro h2{margin:13px 0 0;font-family:var(--heading);font-size:clamp(38px,8vw,62px);font-weight:500;line-height:.98;color:var(--primary)}.catalogue-story-intro>p{max-width:540px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.story-intro-arabic{position:absolute;right:-10px;top:5px;color:rgba(155,120,58,.08);font-family:serif;font-size:clamp(100px,20vw,220px);pointer-events:none}
.catalogue-details-list{background:var(--background)}.catalogue-artwork{scroll-margin-top:22px;display:grid;gap:30px;padding:56px 6%;border-bottom:1px solid var(--border);background:#f8f5ee}.catalogue-artwork:nth-child(even){background:#fff}.catalogue-artwork:target{outline:none}.catalogue-artwork:target .detail-image-frame{box-shadow:0 0 0 2px var(--secondary),0 25px 60px rgba(22,20,16,.13)}.detail-visual{min-width:0}.detail-image-frame{position:relative;overflow:hidden;max-width:530px;margin:0 auto;padding:10px;background:linear-gradient(140deg,#d6b976,#8e6d36 40%,#f1e5c5 75%,#9b783a);box-shadow:0 20px 45px rgba(22,20,16,.12);transition:box-shadow .4s}.detail-image-frame:before{content:"";position:absolute;inset:19px;z-index:1;border:1px solid rgba(255,255,255,.45);pointer-events:none}.detail-image-frame img{display:block;width:100%;height:auto;max-height:670px;aspect-ratio:4/5;object-fit:contain;background:#e9e4da}.image-corner-mark{position:absolute;right:20px;bottom:20px;z-index:2;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);color:#fff;font-family:var(--heading);font-size:17px}.detail-image-note{display:flex;gap:8px;justify-content:center;margin:13px 0 0;color:#8e877b;font-size:9px;letter-spacing:1.4px;text-transform:uppercase}.detail-image-note span{color:#b18b47}.catalogue-artwork-content{max-width:620px;margin:0 auto}.detail-eyebrow{display:flex;align-items:center;gap:11px;color:#98763b;font-size:9px;font-weight:700;letter-spacing:1.8px}.eyebrow-line{width:32px;height:1px;background:#c6a15b}.catalogue-artwork-content h2{margin:19px 0 16px;color:var(--primary);font-family:var(--heading);font-size:clamp(40px,8vw,64px);font-weight:500;line-height:.96;letter-spacing:-.5px}.catalogue-introduction{margin:0;color:#49453d;font-family:var(--heading);font-size:clamp(20px,4vw,25px);line-height:1.45}.arabic-divider{display:flex;align-items:center;gap:13px;margin:25px 0;color:#a17e3d}.arabic-divider span{font-family:serif;font-size:20px}.arabic-divider i{width:70px;height:1px;background:var(--border)}.catalogue-story{margin:0 0 22px}.catalogue-story h3{margin:0 0 9px;color:var(--primary);font-family:var(--heading);font-size:25px;font-weight:500}.catalogue-story p{margin:0;color:var(--muted);font-size:13px;line-height:1.9}.artwork-traits{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 24px}.artwork-traits span{padding:7px 9px;border:1px solid #e5dccb;color:#776b58;font-size:9px;letter-spacing:.4px}.catalogue-details{display:grid;grid-template-columns:1fr;gap:8px;margin:25px 0}.catalogue-details>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 14px;background:rgba(255,255,255,.65);border:1px solid #e8e0d2}.catalogue-details span{color:#827a6d;font-size:10px;letter-spacing:.6px}.catalogue-details strong{color:#373229;text-align:right;font-size:11px;font-weight:700}.detail-actions{display:grid;gap:10px}.catalogue-whatsapp,.save-artwork{min-height:48px;display:flex;align-items:center;justify-content:center;gap:13px;padding:13px 16px;font-family:var(--body);font-size:11px;font-weight:700;text-decoration:none;cursor:pointer}.catalogue-whatsapp{background:var(--primary);color:#fff;border:1px solid var(--primary);transition:background .25s,transform .25s}.catalogue-whatsapp:hover{background:#96763d;border-color:#96763d;transform:translateY(-2px)}.catalogue-whatsapp span{color:#d5b875;font-size:15px}.save-artwork{background:transparent;color:#665e50;border:1px solid #d9d0bf;transition:background .2s,border-color .2s}.save-artwork>span{font-size:18px;color:#98763b}.save-artwork[aria-pressed=true]{background:#eee4cf;border-color:#b18b47;color:var(--primary)}.save-artwork[aria-pressed=true]>span{font-size:0}.save-artwork[aria-pressed=true]>span:after{content:"♥";font-size:16px}.catalogue-cta{position:relative;isolation:isolate;overflow:hidden;padding:76px 7%;text-align:center;background:var(--primary);color:#fff}.catalogue-cta:before{content:"";position:absolute;inset:18px;border:1px solid rgba(198,161,91,.18);pointer-events:none}.cta-pattern{position:absolute;z-index:-1;top:0;left:50%;transform:translateX(-50%);font-family:serif;font-size:clamp(100px,25vw,250px);color:rgba(198,161,91,.07);white-space:nowrap}.catalogue-cta .section-tag{color:#d0ad68}.catalogue-cta h2{max-width:700px;margin:18px auto;font-family:var(--heading);font-size:clamp(38px,8vw,64px);font-weight:500;line-height:.98}.catalogue-cta h2 em{color:#d0ad68}.catalogue-cta p{max-width:550px;margin:0 auto 25px;color:rgba(255,255,255,.7);font-size:13px;line-height:1.9}.catalogue-cta-button{display:inline-flex;align-items:center;gap:15px;padding:15px 20px;background:var(--secondary);color:var(--primary);font-size:11px;font-weight:700;text-decoration:none;transition:transform .25s,background .25s}.catalogue-cta-button:hover{transform:translateY(-3px);background:#e0c486}.cta-footnote{display:block;margin-top:28px;color:rgba(255,255,255,.45);font-size:9px;letter-spacing:1px}.catalogue-footer{display:grid;justify-items:center;gap:15px;padding:34px 6%;background:#0b0b0a;color:#fff;text-align:center}.footer-wordmark{color:#e4d4b2;font-family:var(--heading);font-size:20px;letter-spacing:3px;text-decoration:none}.catalogue-footer p{margin:0;color:rgba(255,255,255,.52);font-family:var(--heading);font-size:17px}.catalogue-footer>div{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.catalogue-footer>div a{color:rgba(255,255,255,.72);font-size:11px;text-decoration:none}.catalogue-footer small{color:rgba(255,255,255,.35);font-size:9px}
.reveal-item{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-item.is-visible{opacity:1;transform:translateY(0)}
@media(min-width:600px){.catalogue-hero{min-height:650px;padding:100px 8%}.catalogue-preview{padding:90px 6% 75px}.catalogue-section-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:35px;margin-bottom:38px}.catalogue-section-heading>p{justify-self:end}.catalogue-tools{grid-template-columns:minmax(200px,.8fr) 1.2fr;align-items:center;margin-bottom:28px}.catalogue-filter{justify-content:flex-end}.catalogue-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.preview-card-copy{padding:17px 15px 18px}.catalogue-story-intro{grid-template-columns:1fr 1fr;align-items:end;padding:95px 8%;gap:45px}.catalogue-story-intro>p{grid-column:2}.catalogue-artwork{padding:75px 7%;gap:45px}.catalogue-details{grid-template-columns:repeat(3,minmax(0,1fr))}.catalogue-details>div{display:block;padding:13px 10px}.catalogue-details strong{display:block;text-align:left;margin-top:8px}.detail-actions{grid-template-columns:1.3fr 1fr}.catalogue-cta{padding:100px 8%}}
@media(min-width:900px){.catalogue-page .top-header{padding:21px 5%}.catalogue-home-mark{width:42px;height:42px}.catalogue-nav ul{justify-content:center;gap:42px}.catalogue-nav a{font-size:13px}.catalogue-hero{min-height:700px}.catalogue-hero:before{left:5%}.catalogue-hero:after{right:5%}.catalogue-preview{padding:105px 7% 90px}.catalogue-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.catalogue-artwork{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(45px,7vw,105px);align-items:center;padding:105px max(7%,calc((100vw - 1220px)/2))}.catalogue-artwork-reverse .detail-visual{order:2}.catalogue-artwork-reverse .catalogue-artwork-content{order:1}.catalogue-artwork-content{width:100%}.detail-image-frame{padding:13px}.detail-image-frame img{max-height:760px}.catalogue-details>div{padding:15px 12px}.catalogue-story-intro{padding:110px max(9%,calc((100vw - 1120px)/2));grid-template-columns:1fr 1fr}.catalogue-story-intro>p{font-size:15px}.catalogue-cta{padding:115px 10%}}
@media(prefers-reduced-motion:reduce){.catalogue-page *, .catalogue-page *:before,.catalogue-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-item{opacity:1;transform:none}}
