@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Arabic:wght@400;600&display=swap');
:root{--card:#f2f0e9;--paper:#ece8de;--ink:#242c29;--muted:#68716b;--orange:#d44c26;--line:#c9cec3;--soft:#e3e2d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans','Noto Sans Arabic',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}[hidden]{display:none!important}.masthead{max-width:1600px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;letter-spacing:.08em}.brand small{display:block;letter-spacing:0;font-size:12px;font-weight:400;margin-top:3px}.brand-symbol{border:1px solid var(--ink);width:47px;height:47px;border-radius:50%;font:36px Georgia,serif;display:flex;align-items:center;justify-content:center;position:relative}.brand-symbol span{position:absolute;font:16px Arial;top:-4px;right:-5px;background:var(--paper)}nav{display:flex;gap:28px;align-items:center;font-size:13px}nav a,nav button{padding:10px 0;border:0;border-bottom:1px solid transparent;background:none}nav .active{border-color:var(--orange)}#savedCount{font-size:10px;margin-left:3px;color:var(--muted)}.edition{font-size:9px;line-height:1.6;letter-spacing:.15em}main{max-width:1600px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;padding:67px 0 65px;align-items:center}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:600;margin:0 0 22px;line-height:1.6}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:6px}h1{font:clamp(40px,4.2vw,72px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 26px}h1 em{font-weight:400;color:var(--orange)}.intro{max-width:370px;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 27px}.primary-link{display:inline-flex;justify-content:space-between;gap:32px;background:var(--ink);color:var(--paper);padding:15px 20px;font-size:12px}.primary-link:hover{background:var(--orange)}.stats{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);padding-top:23px;margin-top:41px;max-width:430px;font-size:11px;color:var(--muted)}.stats b{display:block;font:29px Georgia,serif;color:var(--ink);margin-bottom:4px}.small-stamp{font-size:8px;letter-spacing:.15em;line-height:1.6;margin-left:auto}.hero-art{display:block;position:relative;padding:16px 16px 0;background:var(--ink);transform:rotate(-2deg);box-shadow:9px 12px 0 var(--line);min-width:0}.hero-art>img{display:block;width:100%;height:350px;object-fit:cover}.hero-art:hover{transform:rotate(0);transition:transform .25s}.art-tag{display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.09em;color:var(--paper);padding:15px 0;align-items:center}.orbit{position:absolute;right:-20px;top:-19px;border:1px solid var(--orange);width:75px;height:75px;border-radius:50%;pointer-events:none}.orbit:after{content:'✦';color:var(--orange);font-size:40px;position:absolute;left:21px;top:12px}.collection{border-top:1px solid var(--ink);padding:36px 0 60px}.section-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:27px}.section-top .eyebrow{margin-bottom:12px}h2{font:35px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0}.section-description{font-size:12px;color:var(--muted);line-height:1.8;margin:12px 0 0}.collection-mark{font-size:64px;line-height:1;color:var(--orange)}.controls{display:flex;gap:15px;align-items:stretch}.search{display:flex;align-items:center;border:1px solid var(--line);flex:1;gap:11px;padding:0 14px;min-width:120px;background:var(--card)}.search>span{font-size:25px}.search input{width:100%;border:0;background:none;font-size:12px;outline:none;min-width:0;padding:15px 0}.search:focus-within{border-color:var(--orange)}kbd{color:var(--muted);font:10px monospace;border:1px solid var(--line);padding:2px 5px}.view-switch{display:flex;border:1px solid var(--line);padding:4px;gap:2px}.view-switch button{padding:8px 15px;border:0;background:none;font-size:11px}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}select{height:100%;border:1px solid var(--line);background:transparent;padding:0 25px 0 13px;font-size:11px;min-height:43px}.result-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;font-size:10px;letter-spacing:.03em;color:var(--muted)}.result-row button{border:0;background:none;font-size:11px;color:var(--ink);padding:0}.result-row button span{margin-left:12px;color:var(--orange)}.result-row a{color:var(--ink)}.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 23px}.album-card{display:block;min-width:0}.album-cover{position:relative;overflow:hidden;background:var(--soft);aspect-ratio:1.15}.album-cover img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.album-card:hover img{transform:scale(1.035)}.album-cover .count{position:absolute;left:10px;bottom:10px;background:var(--paper);padding:5px 8px;font-size:9px}.album-cover .open{position:absolute;right:10px;top:10px;background:var(--paper);color:var(--ink);padding:4px 8px;font-size:17px;opacity:0;transition:opacity .2s}.album-card:hover .open{opacity:1}.album-caption{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);min-height:63px}.album-caption h3{font-size:12px;font-weight:600;line-height:1.5;margin:0}.album-caption p{font-size:10px;color:var(--muted);margin:4px 0 0;line-height:1.5}.album-no{font:10px monospace;color:var(--muted);padding-top:3px}.photo-grid{columns:4;column-gap:18px}.photo-card{position:relative;display:block;width:100%;break-inside:avoid;margin-bottom:18px;background:var(--soft);overflow:hidden}.photo-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left}.photo-open img{display:block;width:100%;height:auto}.photo-caption{display:flex;justify-content:space-between;font-size:10px;padding:10px 11px;line-height:1.5;gap:12px}.photo-caption span:last-child{color:var(--muted);white-space:nowrap}.heart{position:absolute;right:8px;top:8px;border:0;border-radius:50%;background:var(--paper);width:30px;height:30px;font-size:19px;display:grid;place-items:center;box-shadow:0 1px 5px #0002}.heart[aria-pressed=true]{background:var(--orange);color:white}.empty{text-align:center;padding:60px 15px}.empty>span{font-size:40px;color:var(--orange)}.empty h3{font:28px Georgia,serif;margin:15px}.empty p{color:var(--muted);font-size:13px;line-height:1.6}.empty button,.more{background:none;border:1px solid var(--ink);padding:12px 22px;font-size:12px}.more{display:block;margin:25px auto 0}.more:hover{background:var(--ink);color:var(--paper)}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding:26px 5%;font-size:10px;max-width:1600px;margin:auto;color:var(--muted)}.footer-brand{font-size:11px;font-weight:600;color:var(--ink);letter-spacing:.07em}.footer-brand span{display:block;font-weight:400;letter-spacing:0;margin-top:5px}footer p{font:italic 15px Georgia,serif}dialog{border:0;padding:0;color:var(--ink)}dialog::backdrop{background:#101613e8}#viewer{width:calc(100% - 60px);max-width:1500px;height:calc(100dvh - 50px);max-height:100dvh;background:#18201c;color:#eee9df;overflow:hidden}#viewer[open]{display:flex;flex-direction:column}.viewer-top{display:flex;justify-content:space-between;align-items:center;padding:15px 24px;gap:20px}.viewer-top h2{font:18px Georgia,serif;letter-spacing:0}.viewer-top p{font-size:10px;color:#9eaaa2;margin:6px 0 0}.icon-btn{background:none;color:inherit;border:1px solid #6d766f;width:34px;height:34px;font-size:18px;flex-shrink:0}.viewer-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0 20px;gap:20px}.viewer-stage img{object-fit:contain;height:100%;width:calc(100% - 130px);min-width:0}.arrow{background:transparent;border:1px solid #6d766f;color:inherit;font-size:22px;width:42px;height:42px;flex-shrink:0}.image-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;pointer-events:none}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 24px;font-size:10px;color:#9eaaa2}.viewer-bottom>div{display:flex;gap:24px;align-items:center}.viewer-bottom button{border:0;background:none;color:#eee9df;padding:0;font-size:11px}.viewer-bottom a{color:#eee9df}#about{max-width:610px;width:calc(100% - 36px);background:var(--paper);padding:45px}#about .icon-btn{position:absolute;right:20px;top:20px}#about h2{font-size:48px;margin-bottom:23px}#about h2 em{color:var(--orange)}#about p:not(.eyebrow){font-size:13px;line-height:1.9}#about .about-note{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:11px!important}#about .primary-link{margin-top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1450px){.hero-art>img{height:420px}}@media(max-width:1000px){.edition{display:none}.hero{gap:5%;padding:50px 0}.hero-art>img{height:320px}.album-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-grid{columns:3}.stats{gap:24px}.hero-copy .eyebrow{font-size:8px}h1{font-size:44px}.controls{gap:8px}.view-switch button{padding:8px 10px}}@media(max-width:700px){.masthead{padding:18px 5%;flex-wrap:wrap;gap:17px}.brand{font-size:15px}.brand-symbol{width:38px;height:38px;font-size:29px}nav{gap:22px;font-size:11px;margin-left:auto}.brand small{font-size:10px}.hero{grid-template-columns:1fr;padding:36px 0 38px;gap:35px}h1{font-size:47px}.intro{max-width:390px;font-size:13px}.stats{margin-top:27px;max-width:none}.hero-art{margin:0 7px}.hero-art>img{height:290px}.controls{flex-wrap:wrap}.search{flex-basis:100%}.view-switch{flex:1}.view-switch button{flex:1}select{padding:0 16px 0 10px}.section-top h2{font-size:28px}.collection-mark{font-size:44px}.album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.album-caption h3{font-size:11px}.album-caption p{font-size:9px}.photo-grid{columns:2;column-gap:12px}.photo-card{margin-bottom:12px}.photo-caption{font-size:9px;padding:8px}.collection{padding-top:26px}footer{flex-wrap:wrap;padding:23px 5%;gap:13px}footer p{display:none}#viewer{width:100%;height:100dvh;max-height:100dvh}.viewer-top{padding:14px}.viewer-stage{padding:0 6px;gap:6px}.viewer-stage img{width:calc(100% - 72px)}.arrow{width:30px;height:36px;font-size:18px}.viewer-bottom{padding:17px 14px;flex-wrap:wrap;gap:14px}.viewer-bottom>div{gap:17px;font-size:9px}.viewer-top h2{font-size:16px}#about{padding:40px 25px}#about h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
img{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.artist-intro{max-width:760px;margin:-6px 0 28px;padding:20px 24px;border-left:2px solid var(--orange);background:var(--card)}.artist-intro>p{font-size:13px;line-height:1.8;margin:0 0 12px}.artist-intro>div{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.artist-intro a{border-bottom:1px solid var(--line)}.credit-check{color:var(--orange)}.album-caption .album-summary{font-size:10px;line-height:1.6;max-width:230px}.result-row #exportSelection{color:var(--orange);margin-left:auto}.album-caption h3{word-break:normal}

/* Bilingual artist names and preserved source groups. */
[lang="ar"]{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:normal;line-height:1.9;overflow-wrap:anywhere}
.name-ar{display:block;font-size:12px;font-weight:400;letter-spacing:normal;line-height:1.8;overflow-wrap:anywhere}
.hero-names{display:block;min-width:0}.hero-names small{display:block;font-size:11px;letter-spacing:0;margin-top:4px}
.album-caption>div{min-width:0}.album-caption .name-ar{font-size:12px}.album-caption .album-summary[lang="ar"]{font-size:11px}
.photo-names{min-width:0;flex:1}.photo-names>span{display:block;white-space:normal!important;overflow-wrap:anywhere}.photo-caption .photo-position{flex-shrink:0;white-space:nowrap}
.origin-label{display:block;color:var(--muted);font-size:9px;margin-top:5px}.origin-label .name-ar{display:inline;font-size:10px}
.grouped-photos{display:block}.photo-group{margin:22px 0 34px}.group-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:0 0 12px;margin-bottom:18px}.group-heading h3{font:22px Georgia,serif;margin:0}.group-heading>span{font-size:10px;color:var(--muted)}
.viewer-top>div{min-width:0}.viewer-top p.name-ar{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif;font-size:13px;line-height:1.7;margin:3px 0 0;color:#d5ddd6}.viewer-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:5px;color:#aab7ae;font-size:10px}.viewer-group .name-ar{font-size:11px}
@media(max-width:700px){.photo-caption{gap:6px}.photo-caption .name-ar{font-size:11px}.album-caption .name-ar{font-size:11px}.album-caption .album-summary[lang="ar"]{font-size:10px}.group-heading h3{font-size:19px}.viewer-top{gap:10px}.viewer-top h2{overflow-wrap:anywhere}}

/* Artist portraits are reference photographs, separate from the artwork. */
.artist-intro{max-width:1100px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:start;padding:24px}.artist-intro>.artist-portrait-slot{display:block;font-size:inherit}.artist-intro>.artist-copy{display:block;min-width:0;font-size:inherit}.artist-copy>p{font-size:13px;line-height:1.8;margin:0 0 14px}.artist-copy>p[lang="ar"]{line-height:1.95}.artist-copy>#artistSources{display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}
.artist-portrait{margin:0;min-width:0}.portrait-image{background:var(--soft);min-width:0}.artist-portrait img{display:block;width:100%;height:230px;object-fit:contain;object-position:center}.artist-portrait figcaption{font-size:9px;line-height:1.6;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}.artist-portrait figcaption>span{display:block}.artist-portrait figcaption a{border-bottom:1px solid var(--line)}.portrait-placeholder{min-height:220px;border:1px solid var(--line);background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:16px;color:var(--muted);font-size:11px}.portrait-placeholder svg{width:74px;height:82px;fill:none;stroke:currentColor;stroke-width:1.2;opacity:.6}.portrait-placeholder small{font-size:10px}
@media(max-width:600px){.artist-intro{grid-template-columns:1fr;gap:22px;padding:18px}.artist-portrait{max-width:180px}.artist-portrait img{height:215px}.portrait-placeholder{min-height:180px}.artist-copy>p{font-size:12px}}
/* HERO-SHOWCASE v1 (Claude) */
body.hero-home{overflow-x:clip}
body.hero-home .masthead{position:absolute;top:0;left:0;right:0;max-width:none;z-index:6;color:#f3efe6;border-bottom-color:#f3efe62b;background:linear-gradient(#0b0f0dcc,#0b0f0d00);transition:opacity .5s ease}
body.hero-home .brand-symbol{border-color:#f3efe6}body.hero-home .brand-symbol span{background:none;color:#ef6a3c}body.hero-home #savedCount{color:#f3efe6a6}
body.hero-home:has(#hero.reveal) .masthead{opacity:0}
body.hero-home:has(#hero.reveal) .masthead:hover,body.hero-home:has(#hero.reveal) .masthead:focus-within{opacity:1}
.hero-full{position:relative;margin:0 calc(50% - 50vw);width:100vw;height:100svh;min-height:620px;max-height:1500px;overflow:hidden;background:#0b0f0d;color:#f3efe6;isolation:isolate}
.hero-stage{position:absolute;inset:0;display:block;z-index:0;cursor:zoom-in}
.hero-backdrop{position:absolute;inset:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(42px) saturate(1.15) brightness(.42);transition:opacity .6s}
#heroImage{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:104px 4% 78px 38%;transition:padding .8s cubic-bezier(.16,1,.3,1),filter .6s}
.hero-full.reveal #heroImage{padding:28px 3% 78px}
.hero-full.is-loading #heroImage{filter:saturate(.9)}
.hero-full:before,.hero-full:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;transition:opacity .7s ease}
.hero-full:before{background:linear-gradient(90deg,#0b0f0df2 0%,#0b0f0dc4 28%,#0b0f0d33 52%,#0b0f0d00 66%)}
.hero-full:after{background:linear-gradient(0deg,#0b0f0de6 0,#0b0f0d00 150px)}
.hero-full.reveal:before{opacity:0}
.hero-copy{pointer-events:none;position:absolute;z-index:2;left:5%;top:0;bottom:0;width:min(560px,40%);display:flex;flex-direction:column;justify-content:center;padding:120px 0 96px}
.hero-copy>*{pointer-events:auto}.hero-full .eyebrow{color:#f3efe6}
.hero-full h1{font:clamp(44px,5.4vw,92px)/1.02 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 28px;color:#f3efe6}
.hero-full h1 em{color:#ef6a3c}
.hero-full h1 .ln{display:block;overflow:hidden;padding:0 .06em .1em 0;margin-bottom:-.1em}
.hero-full h1 .w{display:inline-block;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .7s ease}
.hero-full h1 .ln:first-child .w:nth-child(2){transition-delay:.08s}.hero-full h1 .ln:last-child .w:nth-child(1){transition-delay:.16s}.hero-full h1 .ln:last-child .w:nth-child(2){transition-delay:.24s}
.hero-full .hc{transition:opacity .7s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.hero-full .eyebrow.hc{transition-delay:.02s}.hero-full .intro.hc{transition-delay:.3s}.hero-full .primary-link.hc{transition-delay:.38s}.hero-full .stats.hc{transition-delay:.46s}
.hero-full .intro{color:#f3efe6b8;max-width:390px}
.hero-full .primary-link{background:#f3efe6;color:#1b211e;align-self:flex-start}.hero-full .primary-link:hover{background:#ef6a3c;color:#fff}
.hero-full .stats{border-top-color:#f3efe633;color:#f3efe699}.hero-full .stats b{color:#f3efe6}
.hero-full.reveal h1 .w{transform:translateY(-112%);opacity:0;transition-duration:.55s,.4s;transition-delay:0s}
.hero-full.reveal .hc{opacity:0;transform:translateY(-12px);transition-duration:.4s;transition-delay:0s}
.hero-full.reenter h1 .w,.hero-full.pre h1 .w{transform:translateY(112%);opacity:0;transition:none}
.hero-full.reenter .hc,.hero-full.pre .hc{opacity:0;transform:translateY(16px);transition:none}
.hero-full.reveal .hero-copy{cursor:default}
.hero-bar{position:absolute;z-index:3;left:5%;right:5%;bottom:0;display:flex;align-items:center;gap:26px;padding:17px 0 21px;font-size:10px;letter-spacing:.11em;border-top:1px solid #f3efe62e}
.hero-bar .hero-names{flex:1;min-width:0}.hero-bar .hero-names small{font-size:12px;color:#f3efe6b3;text-align:left;margin-top:5px}
.hero-meta{color:#f3efe68c;font-size:9px;letter-spacing:.12em;white-space:nowrap}
.hero-open{white-space:nowrap}.hero-open:hover{color:#ef6a3c}
.hero-next{border:1px solid #f3efe6a6;background:#0b0f0d66;color:#f3efe6;padding:11px 18px;font-size:11px;letter-spacing:.1em;display:inline-flex;gap:14px;align-items:center;backdrop-filter:blur(6px)}
.hero-next:hover{background:#ef6a3c;border-color:#ef6a3c}.hero-next span{transition:transform .3s}.hero-next:hover span{transform:translateX(4px)}
.hero-full.is-loading .hero-meta{animation:heroPulse 1.2s ease-in-out infinite}
@keyframes heroPulse{50%{opacity:.35}}
@media(max-width:1000px){#heroImage{padding:110px 4% 78px 30%}.hero-copy{width:min(520px,48%)}}
@media(max-width:700px){
 .hero-full{height:92svh;min-height:600px}
 #heroImage,.hero-full.reveal #heroImage{padding:118px 3% 88px}
 .hero-full:before{background:linear-gradient(0deg,#0b0f0df5 0%,#0b0f0dc7 38%,#0b0f0d00 70%)}
 .hero-copy{left:6%;right:6%;width:auto;justify-content:flex-end;padding:120px 0 92px}
 .hero-full h1{font-size:44px;margin-bottom:16px}.hero-full .intro{font-size:12px;margin-bottom:18px}.hero-full .stats{display:none}
 .hero-bar{left:6%;right:6%;gap:14px;flex-wrap:wrap}.hero-meta{display:none}.hero-next{padding:9px 14px}
 .hero-stage{cursor:pointer}
}
@media(prefers-reduced-motion:reduce){.hero-full h1 .w,.hero-full .hc,#heroImage{transition:opacity .3s!important;transform:none!important}}
/* /HERO-SHOWCASE */

/* Mahmoud: artwork fills the hero; only the text gets a faded backing. */
.hero-full #heroImage,.hero-full.reveal #heroImage{padding:0;object-fit:cover;object-position:center;transition:filter .6s}
.hero-full .hero-backdrop{display:none}
.hero-full:before,.hero-full:after{display:none}
.hero-full .hero-copy{top:50%;bottom:auto;transform:translateY(-50%);padding:24px 0;width:min(560px,42%)}
.hero-full .hero-copy:before{content:'';position:absolute;inset:-32px -52px;z-index:-1;background:#101714a6;backdrop-filter:blur(8px);mask-image:radial-gradient(ellipse at center,#000 38%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse at center,#000 38%,transparent 74%);transition:opacity .5s;pointer-events:none}
.hero-full.reveal .hero-copy:before{opacity:0}
.hero-full .hero-bar{padding:17px 18px 21px;bottom:14px;background:#10171491;backdrop-filter:blur(6px);border:1px solid #f3efe62e}
@media(max-width:1000px){.hero-full .hero-copy{width:46%}.hero-full h1{font-size:clamp(36px,5vw,54px)}.hero-full .stats{margin-top:24px;padding-top:16px}}
@media(max-width:700px){.hero-full{height:100svh;min-height:620px}.hero-full #heroImage,.hero-full.reveal #heroImage{padding:0}.hero-full .hero-copy{top:auto;bottom:102px;left:6%;right:6%;width:auto;transform:none;padding:12px 0}.hero-full .hero-copy:before{inset:-26px -32px}.hero-full h1{font-size:38px}.hero-full .hero-copy .eyebrow{display:none}.hero-full .intro{margin-bottom:14px}.hero-full .hero-bar{left:4%;right:4%;padding:12px;gap:10px}.hero-full .hero-open{font-size:9px}.hero-full .hero-next{padding:9px 11px}}

/* SEO: artist pages use an h1 for the album title, styled like the section h2 */
h1.collection-h1{font:35px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0}
@media(max-width:700px){.section-top h1.collection-h1{font-size:28px}}

/* ---------- Night mode ---------- */
:root{color-scheme:light}
:root[data-theme=dark]{color-scheme:dark;--paper:#0f1412;--card:#161d19;--ink:#ebe5d7;--muted:#97a299;--orange:#ef6a3c;--line:#2b3631;--soft:#1b231f}
:root[data-theme=dark] img{filter:none}
:root[data-theme=dark] .heart{box-shadow:0 1px 6px #0008}
.theme-toggle{background:none;border:1px solid currentColor;border-radius:50%;width:30px;height:30px;padding:0;display:inline-grid;place-items:center;color:inherit;font-size:14px;line-height:1;cursor:pointer;opacity:.85}
.theme-toggle:hover{opacity:1}
.theme-toggle svg{width:15px;height:15px}
.live-btn{background:none;border:0;color:inherit;font:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:0}
.live-btn .dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 #ef6a3c88;animation:livePulse 2s infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 7px #ef6a3c00}100%{box-shadow:0 0 0 0 #ef6a3c00}}

/* ---------- Live gallery (synchronised "broadcast" screensaver) ---------- */
#live{position:fixed;inset:0;z-index:1000;background:#050706;color:#f3efe6;overflow:hidden;font-family:'DM Sans','Noto Sans Arabic',Arial,sans-serif}
#live[hidden]{display:none}
#live .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.8s ease}
#live .slide.on{opacity:1}
#live .slide .blur{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(38px) brightness(.45) saturate(1.2);transform:scale(1.1)}
#live .slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;will-change:transform}
#live .slide.kb img{animation:kenburns var(--dur,26s) linear forwards}
#live .slide.kb.alt img{animation-name:kenburns2}
@keyframes kenburns{from{transform:scale(1) translate(0,0)}to{transform:scale(1.07) translate(-1.2%,-1%)}}
@keyframes kenburns2{from{transform:scale(1.07) translate(1%,1%)}to{transform:scale(1) translate(0,0)}}
#live .scan{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000002e 2px 3px);mix-blend-mode:multiply;opacity:0;transition:opacity .4s}
#live.crt .scan{opacity:1}
#live.crt .slide img{filter:contrast(1.08) saturate(1.1)}
#live .vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#0000 55%,#000a 100%)}
#live .chrome{position:absolute;inset:0;pointer-events:none;transition:opacity .6s}
#live.idle .chrome{opacity:0}
#live.idle{cursor:none}
#live .top{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.16em;pointer-events:auto}
#live .onair{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border:1px solid #f3efe655;background:#0b0f0d88;backdrop-filter:blur(6px)}
#live .onair i{width:8px;height:8px;border-radius:50%;background:#ff3b2f;box-shadow:0 0 10px #ff3b2f;animation:blink 1.6s steps(2,start) infinite}
@keyframes blink{to{visibility:hidden}}
#live .ctrls{display:flex;gap:8px}
#live .ctrls button{background:#0b0f0d88;backdrop-filter:blur(6px);border:1px solid #f3efe655;color:#f3efe6;padding:8px 13px;font:11px 'DM Sans',Arial,sans-serif;letter-spacing:.12em;cursor:pointer}
#live .ctrls button[aria-pressed=true]{background:#f3efe6;color:#111}
#live .ctrls button:hover{border-color:#f3efe6}
#live .lower{position:absolute;left:28px;bottom:30px;max-width:min(620px,80vw);pointer-events:auto}
#live .lower .label{font-size:10px;letter-spacing:.2em;color:#ef6a3c;margin-bottom:8px}
#live .lower h2{font:clamp(26px,3.4vw,46px)/1.05 Georgia,serif;letter-spacing:-.03em;margin:0;color:#f3efe6}
#live .lower .ar{font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:15px;color:#f3efe6b3;margin-top:6px}
#live .lower .meta{font-size:10px;letter-spacing:.12em;color:#f3efe68c;margin-top:10px}
#live .lower a{color:#f3efe6;font-size:11px;letter-spacing:.12em;display:inline-block;margin-top:12px;border-bottom:1px solid #f3efe666;text-decoration:none}
#live .lower .bar{height:2px;background:#f3efe622;margin-top:16px;width:220px;overflow:hidden}
#live .lower .bar span{display:block;height:100%;width:100%;background:#ef6a3c;transform-origin:left;transform:scaleX(0)}
#live .lower-scrim{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(0deg,#000b,#0000)}
#live .clock{font-variant-numeric:tabular-nums}
#live .hint{position:absolute;right:28px;bottom:30px;font-size:10px;letter-spacing:.12em;color:#f3efe666;text-align:right}
@media (max-width:700px){#live .top{top:14px;left:14px;right:14px;flex-wrap:wrap;gap:8px}#live .lower{left:16px;bottom:22px}#live .hint{display:none}#live .ctrls button{padding:7px 9px}}
@media (prefers-reduced-motion:reduce){#live .slide.kb img{animation:none}#live .slide{transition-duration:.4s}}
#live .lower .ar{text-align:left}
#live .lower-scrim{height:58%;background:linear-gradient(0deg,#000e 0%,#000a 35%,#0000 100%)}
#live .lower h2,#live .lower .ar,#live .lower .meta{text-shadow:0 1px 12px #000c}
#live button:focus:not(:focus-visible){outline:none}
/* Scrollbar stays hidden over the full-screen hero; it appears once the album section reaches the screen. */
html.no-scrollbar{scrollbar-width:none}
html.no-scrollbar::-webkit-scrollbar{width:0;height:0}
/* Live gallery v2: artwork fills the screen; per-slide camera moves and transitions; film grain. */
#live .slide img{object-fit:cover}
#live .slide{transition:opacity 1.8s ease,filter 1.8s ease,clip-path 1.8s cubic-bezier(.65,0,.35,1)}
#live .slide.cut-blur:not(.on){filter:blur(18px) brightness(1.3)}
#live .slide.cut-blur.on{filter:none}
#live .slide.cut-iris{clip-path:circle(0% at 50% 50%);opacity:1}
#live .slide.cut-iris.on{clip-path:circle(75% at 50% 50%)}
#live .slide.cut-wipe{clip-path:inset(0 100% 0 0);opacity:1}
#live .slide.cut-wipe.on{clip-path:inset(0 0 0 0)}
#live .slide.on{z-index:2}#live .slide.leaving{z-index:1;opacity:1}
#live .slide.kb.mv-zoom-in img{animation:mvZoomIn var(--dur,26s) linear forwards}
#live .slide.kb.mv-zoom-out img{animation:mvZoomOut var(--dur,26s) linear forwards}
#live .slide.kb.mv-pan-left img{animation:mvPanLeft var(--dur,26s) linear forwards}
#live .slide.kb.mv-pan-right img{animation:mvPanRight var(--dur,26s) linear forwards}
#live .slide.kb.mv-pan-up img{animation:mvPanUp var(--dur,26s) linear forwards}
#live .slide.kb.mv-pan-down img{animation:mvPanDown var(--dur,26s) linear forwards}
@keyframes mvZoomIn{from{transform:scale(1.02)}to{transform:scale(1.14)}}
@keyframes mvZoomOut{from{transform:scale(1.15)}to{transform:scale(1.02)}}
@keyframes mvPanLeft{from{transform:scale(1.12) translateX(3%)}to{transform:scale(1.12) translateX(-3%)}}
@keyframes mvPanRight{from{transform:scale(1.12) translateX(-3%)}to{transform:scale(1.12) translateX(3%)}}
@keyframes mvPanUp{from{transform:scale(1.12) translateY(3%)}to{transform:scale(1.12) translateY(-3%)}}
@keyframes mvPanDown{from{transform:scale(1.12) translateY(-3%)}to{transform:scale(1.12) translateY(3%)}}
#live .grain{position:absolute;inset:-50%;pointer-events:none;z-index:3;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(3%,3%)}100%{transform:translate(0,0)}}
#live .scan,#live .vignette{z-index:3}#live .chrome{z-index:4}
#live .viewers{color:#f3efe6cc}
.live-count{margin-left:6px;font-size:10px;padding:1px 6px;border-radius:9px;background:var(--orange);color:#fff;line-height:1.5}
@media (prefers-reduced-motion:reduce){#live .slide.kb img{animation:none!important}#live .grain{animation:none}#live .slide{clip-path:none!important;filter:none!important}}
/* Radio */
#live .radio-panel{position:absolute;right:28px;bottom:72px;width:min(340px,calc(100vw - 32px));pointer-events:auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0009}
#live .radio-panel iframe{display:block;border:0}
#live .onair-track{margin-top:10px;font-size:10px;letter-spacing:.14em;color:#ef6a3c;text-shadow:0 1px 10px #000c;max-width:min(560px,78vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#live.idle .radio-panel{opacity:.85}
@media (max-width:700px){#live .radio-panel{right:16px;left:16px;width:auto;bottom:auto;top:96px}}