/* Wadi Safar: isolated project language within the unchanged AQLUMA shell. */
.wadi-page,.wadi-cover { --w-ink:#1a1410; --w-brown:#61452f; --w-gold:#b8935a; --w-paper:#f5f1ea; --w-serif:'EB Garamond',Georgia,serif; --w-arabic:'Amiri',serif; }
.wadi-page .case-topbar { gap:15px; }
.wadi-opening { position:relative; min-height:620px; height:min(760px,78svh); overflow:hidden; background:var(--w-ink); color:var(--w-paper); isolation:isolate; }
.wadi-opening-photo { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.wadi-opening-shade { position:absolute; inset:0; background:linear-gradient(180deg,#1a14106e,#1a14101c 25%,#1a141038 43%,#1a1410dc 100%),linear-gradient(90deg,#1a141033,#1a14100d); }
.wadi-opening-frame { position:absolute; inset:28px; border:1px solid #f5f1ea4d; pointer-events:none; }
.wadi-opening-meta { position:absolute; top:48px; left:var(--gutter); right:var(--gutter); display:flex; justify-content:space-between; gap:22px; font:9px/1.6 var(--mono); letter-spacing:.14em; }
.wadi-opening-title { position:absolute; inset:100px 30px 85px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.wadi-overline { font:9px/1.6 var(--mono); letter-spacing:.2em; color:#edd4ae; }
.wadi-opening h1 { font:400 clamp(65px,11.5vw,170px)/1.07 var(--w-serif); letter-spacing:-.02em; margin-top:18px; }
.wadi-arabic { font:400 clamp(32px,5vw,66px)/1.65 var(--w-arabic); color:#dfbb85; }
.wadi-tagline { font:italic 400 clamp(22px,2.7vw,36px)/1.3 var(--w-serif); margin-top:15px; }
.wadi-enter { position:absolute; bottom:47px; left:var(--gutter); right:var(--gutter); display:flex; align-items:center; justify-content:space-between; min-height:44px; font:9px/1.6 var(--mono); letter-spacing:.12em; }
.wadi-enter > span:last-child { font:300 29px var(--sans); }
.wadi-index > div { grid-template-columns:repeat(4,1fr); }
.wadi-page .wadi-index a { min-height:64px; }
.wadi-section { padding-block:85px; }
.wadi-section-label { display:flex; justify-content:space-between; gap:20px; padding-bottom:22px; margin-bottom:48px; border-bottom:1px solid var(--line); }
.wadi-section-label > span { font:8px/1.7 var(--mono); color:var(--graphite); letter-spacing:.07em; }
.wadi-intention { display:grid; grid-template-columns:1.4fr 1fr; align-items:center; gap:70px; }
.wadi-page h2 { font-size:clamp(35px,4vw,61px); font-weight:300; line-height:1.16; }
.wadi-page h2 em { color:var(--copper); }
.wadi-intention > div { max-width:365px; font-size:15px; color:var(--graphite); }
.wadi-intention-answer { margin-top:24px; color:var(--ink); }
.wadi-facts { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; margin:48px 0 38px; border-block:1px solid var(--line); padding-block:24px; }
.wadi-facts dt { font:8px/1.5 var(--mono); text-transform:uppercase; color:var(--graphite); letter-spacing:.07em; }
.wadi-facts dd { margin:12px 0 0; font-size:13px; }
.wadi-landscape { position:relative; overflow:hidden; }
.wadi-landscape img { width:100%; aspect-ratio:2.1; object-fit:cover; }
.wadi-landscape figcaption { display:flex; justify-content:space-between; gap:15px; padding-block:16px; font:8px/1.7 var(--mono); color:var(--graphite); letter-spacing:.07em; }
.wadi-principles { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; margin-top:36px; }
.wadi-principles article { padding-top:21px; border-top:1px solid var(--line); }
.wadi-principles article > span { font:8px var(--mono); color:var(--copper); }
.wadi-principles h3 { font-size:23px; letter-spacing:-.03em; margin-block:19px 13px; }
.wadi-principles p { font-size:13px; color:var(--graphite); max-width:300px; }
.wadi-identity { background:#eae5da; }
.wadi-identity-grid { display:grid; grid-template-columns:1.08fr 1fr; align-items:center; gap:60px; }
.wadi-specimen { position:relative; min-height:455px; padding:70px 35px; display:flex; align-items:center; justify-content:center; text-align:center; background:var(--w-brown); color:var(--w-paper); transition:background-color .5s,color .5s; }
.wadi-specimen-rule { position:absolute; inset:25px; border:1px solid currentColor; opacity:.2; pointer-events:none; }
.wadi-specimen-label { position:absolute; top:42px; left:20px; right:20px; font:7px/1.6 var(--mono); letter-spacing:.12em; }
.wadi-specimen-name { font:400 clamp(33px,4vw,65px)/1.2 var(--w-serif); letter-spacing:.01em; }
.wadi-specimen .wadi-arabic { font-size:43px; color:inherit; margin-block:6px 17px; }
.wadi-specimen-tag { font:italic 400 28px/1.15 var(--w-serif); }
.wadi-specimen figcaption { position:absolute; left:35px; right:35px; bottom:38px; font:7px/1.6 var(--mono); letter-spacing:.04em; }
.wadi-specimen[data-ground="paper"] { background:var(--w-paper); color:var(--w-brown); }
.wadi-specimen[data-ground="ink"] { background:var(--w-ink); color:#daba88; }
.wadi-identity-copy h2 { font-size:clamp(34px,3.5vw,51px); }
.wadi-identity-copy > p:not(.wadi-control-label):not(.wadi-fineprint) { font-size:14px; color:var(--graphite); margin-top:23px; max-width:400px; }
.wadi-control-label { font-size:11px; margin-top:28px; }
.wadi-palette { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-top:12px; }
.wadi-palette button { min-height:64px; background:none; border:1px solid var(--line); display:flex; align-items:center; gap:10px; padding:12px; text-align:left; }
.wadi-palette button[aria-pressed="true"] { border-color:var(--copper); background:#f5f1ea7d; }
.wadi-palette i { width:17px; height:28px; background:var(--w-brown); flex:none; border:1px solid #1a141025; }
.wadi-palette [data-wadi-ground="paper"] i { background:var(--w-paper); }
.wadi-palette [data-wadi-ground="ink"] i { background:var(--w-ink); }
.wadi-palette button > span { font-size:11px; }
.wadi-palette small { display:block; font:8px var(--mono); margin-top:6px; color:var(--graphite); }
.wadi-fineprint { font:9px/1.9 var(--mono); color:var(--graphite); margin-top:18px; }
.wadi-type-pair { display:grid; grid-template-columns:1fr 1fr; margin-top:35px; }
.wadi-type-pair article { min-height:300px; display:flex; flex-direction:column; justify-content:space-between; padding:30px 36px; background:var(--w-paper); color:var(--w-brown); }
.wadi-type-pair article:nth-child(2) { background:var(--w-ink); color:#daba88; }
.wadi-type-pair article > span,.wadi-type-pair small { font:8px/1.6 var(--mono); letter-spacing:.09em; }
.wadi-type-pair p { font:400 56px/.95 var(--w-serif); margin-block:22px; }
.wadi-type-pair em { font:italic 400 56px/.95 var(--w-serif); }
.wadi-type-pair [lang="ar"] { font:400 66px/1.3 var(--w-arabic); text-align:center; }
.wadi-section-heading { display:grid; grid-template-columns:1.35fr 1fr; align-items:end; gap:70px; }
.wadi-section-heading > p { font-size:14px; color:var(--graphite); max-width:350px; }
.wadi-story-map { display:grid; grid-template-columns:.8fr 1.4fr; margin-top:52px; border-top:1px solid var(--line); }
.wadi-story-intro { padding:35px 35px 20px 0; }
.wadi-large-number { display:block; font:400 150px/1 var(--w-serif); color:var(--w-brown); letter-spacing:-.08em; }
.wadi-story-intro > p { font-size:18px; margin-top:12px; }
.wadi-story-intro > .wadi-fineprint { display:block; margin-top:25px; font-size:8px; }
.wadi-chapter-list details { border-bottom:1px solid var(--line); }
.wadi-chapter-list summary { display:flex; gap:22px; min-height:93px; padding:22px 0; }
.wadi-chapter-list summary > .wadi-chapter-number { font:9px var(--mono); color:var(--copper); width:42px; flex:none; }
.wadi-chapter-list summary > span:nth-child(2) { font-size:17px; font-weight:400; color:var(--ink); flex:1; }
.wadi-chapter-list summary small { display:block; font:11px/1.5 var(--sans); color:var(--graphite); margin-top:9px; }
.wadi-chapter-list summary > span:last-child { font:300 25px var(--sans); }
.wadi-chapter-list details[open] summary > span:not(:last-child) { transform:none; }
.wadi-chapter-list details > p { padding:0 35px 25px 64px; font-size:13px; color:var(--graphite); }
.wadi-document-note { font:9px/1.9 var(--mono); color:var(--graphite); margin-top:27px; max-width:800px; }
.wadi-visuals { background:var(--w-ink); color:var(--w-paper); padding-bottom:22px; }
.wadi-visuals .eyebrow,.wadi-visuals h2 em { color:#d6af7d; }
.wadi-visuals .wadi-section-label { border-color:#f5f1ea30; }
.wadi-visuals .wadi-section-label > span,.wadi-visuals .wadi-section-heading > p { color:#c0b6a7; }
.wadi-scene-controls { display:grid; grid-template-columns:repeat(4,1fr); margin-top:40px; }
.wadi-scene-controls button { display:flex; align-items:center; gap:18px; border:0; border-bottom:1px solid #f5f1ea33; background:none; color:#c0b6a7; text-align:left; min-height:65px; padding:14px 0; font:9px var(--mono); }
.wadi-scene-controls button > span { font:13px var(--sans); }
.wadi-scene-controls button[aria-pressed="true"] { border-color:#d6af7d; color:#f5f1ea; }
.wadi-scene-stage { margin-top:28px; touch-action:pan-y pinch-zoom; }
.wadi-scene { position:relative; height:clamp(400px,50vw,680px); overflow:hidden; }
.wadi-scene > img { width:100%; height:100%; object-fit:cover; }
.wadi-scene:after { content:''; position:absolute; inset:40% 0 0; background:linear-gradient(transparent,#1a1410da); pointer-events:none; }
.wadi-scene figcaption { position:absolute; bottom:43px; left:var(--gutter); right:80px; z-index:1; }
.wadi-scene figcaption > span { font:9px var(--mono); letter-spacing:.12em; color:#e4c395; }
.wadi-scene figcaption p { font:300 clamp(28px,3.7vw,55px)/1.16 var(--sans); margin-top:18px; }
.wadi-scene figcaption p em { color:#e4c395; }
.wadi-expand { position:absolute; z-index:2; top:24px; right:var(--gutter); display:grid; place-items:center; width:48px; height:48px; border:1px solid #f5f1ea8c; border-radius:50%; background:#1a141080; color:var(--w-paper); font-size:24px; transition:background .3s; }
.wadi-expand:hover { background:var(--w-brown); }
.wadi-scene-footer { display:flex; justify-content:space-between; gap:30px; padding-top:22px; }
.wadi-scene-footer > p { font:8px/1.8 var(--mono); color:#c0b6a7; max-width:680px; }
.wadi-scene-footer > span { font:9px/1.8 var(--mono); color:#e4c395; flex:none; }
.wadi-synthesis { padding-block:80px; }
.wadi-synthesis h2 { margin-top:24px; }
.wadi-synthesis-bottom { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-top:35px; }
.wadi-synthesis-bottom > p { font-size:11px; color:var(--graphite); max-width:580px; }
.wadi-text-link { display:flex; align-items:center; justify-content:space-between; gap:30px; min-height:44px; border-bottom:1px solid var(--line); font-size:12px; flex:none; }
.wadi-lightbox { width:calc(100% - 40px); max-width:1250px; max-height:calc(100svh - 30px); padding:65px 20px 20px; background:var(--w-ink); color:var(--w-paper); overflow:auto; }
.wadi-lightbox form { position:absolute; top:12px; right:20px; }
.wadi-lightbox button { min-height:44px; padding:8px 14px; border:1px solid #f5f1ea60; background:none; color:var(--w-paper); font-size:12px; }
.wadi-lightbox img { width:100%; height:auto; max-height:calc(100svh - 180px); object-fit:contain; }
.wadi-lightbox > p { font:11px/1.6 var(--sans); padding-top:18px; text-align:center; color:#cfbfa9; }
/* Only the new collection entry receives these overrides. */
.wadi-cover-entry { margin-top:45px; }
.wadi-cover { --y-deep:#1a1410; --y-paper:#f5f1ea; --y-sand:#e1c69f; --y-serif:'EB Garamond',Georgia,serif; --y-sans:'IBM Plex Mono',monospace; background:var(--w-ink); }
.wadi-cover .cover-shade { background:linear-gradient(180deg,#1a141066,#1a141047 40%,#1a1410e6); }
.wadi-cover .cover-signature h2 { font-size:clamp(58px,9.7vw,150px); letter-spacing:-.01em; }
.wadi-cover .cover-signature .wadi-cover-arabic { font:400 45px/1.5 var(--w-arabic); color:#e1c69f; margin-top:0; }
.wadi-cover .cover-signature p:last-child { margin-top:10px; }
.wadi-cover .cover-hover-cue { background:#1a1410dc; }
@media (prefers-reduced-motion:no-preference) { .wadi-cover,.wadi-opening { view-transition-name:wadi-cover; } }
@media (max-width:1000px) {
  .wadi-intention,.wadi-identity-grid,.wadi-section-heading { gap:35px; }
  .wadi-palette button { padding:10px 6px; gap:7px; }
  .wadi-identity-copy h2 { font-size:35px; }
  .wadi-principles { gap:22px; }
}
@media (max-width:800px) {
  .wadi-opening { min-height:570px; height:70svh; }
  .wadi-opening-meta { font-size:8px; }
  .wadi-opening-title { inset:100px 20px 90px; }
  .wadi-opening h1 { font-size:clamp(58px,12vw,92px); }
  .wadi-section { padding-block:60px; }
  .wadi-section-label { margin-bottom:30px; }
  .wadi-intention,.wadi-section-heading,.wadi-identity-grid { grid-template-columns:1fr; gap:27px; }
  .wadi-intention > div,.wadi-section-heading > p { max-width:550px; }
  .wadi-facts { grid-template-columns:1fr 1fr; gap:25px 18px; margin-block:30px; }
  .wadi-specimen { min-height:420px; }
  .wadi-specimen-name { font-size:60px; }
  .wadi-story-map { grid-template-columns:.6fr 1.4fr; }
  .wadi-type-pair p,.wadi-type-pair em { font-size:45px; }
  .wadi-type-pair [lang="ar"] { font-size:47px; }
  .wadi-synthesis-bottom { align-items:start; flex-direction:column; gap:25px; }
  .wadi-synthesis { padding-block:60px; }
}
@media (max-width:600px) {
  .wadi-page .case-topbar { flex-wrap:wrap; padding-block:8px; gap:0 12px; }
  .wadi-page .case-topbar > span { margin-left:auto; }
  .wadi-page .case-topbar .portfolio-motion { width:100%; justify-content:flex-end; min-height:35px; padding-block:4px; font-size:8px; }
  .wadi-opening { min-height:530px; height:65svh; }
  .wadi-opening-frame { inset:14px; }
  .wadi-opening-meta { top:29px; left:28px; right:28px; font-size:7px; letter-spacing:.05em; align-items:start; }
  .wadi-opening-meta span:last-child { max-width:125px; text-align:right; }
  .wadi-opening-photo { object-position:58% center; }
  .wadi-opening-title { inset:92px 24px 85px; }
  .wadi-opening h1 { font-size:clamp(49px,12.6vw,76px); white-space:nowrap; margin-top:18px; }
  .wadi-opening-title .wadi-arabic { font-size:43px; margin-top:7px; }
  .wadi-overline { font-size:7px; letter-spacing:.12em; }
  .wadi-tagline { font-size:24px; max-width:270px; margin-top:22px; }
  .wadi-enter { bottom:30px; left:28px; right:28px; font-size:7px; letter-spacing:.06em; }
  .wadi-page .wadi-index > div { padding-inline:16px; gap:4px; }
  .wadi-page .wadi-index a { min-height:63px; display:flex; flex-direction:column; align-items:start; justify-content:center; gap:5px; font-size:8px; }
  .wadi-page .wadi-index a > span { font-size:10px; white-space:nowrap; }
  .wadi-section { padding-block:47px; }
  .wadi-section-label { margin-bottom:27px; padding-bottom:16px; gap:12px; }
  .wadi-section-label > span { font-size:7px; max-width:106px; text-align:right; }
  .wadi-page h2 { font-size:34px; line-height:1.15; }
  .wadi-intention > div { font-size:14px; }
  .wadi-facts dd { font-size:12px; }
  .wadi-landscape img { aspect-ratio:4/5; object-position:52% center; }
  .wadi-landscape figcaption { align-items:start; font-size:7px; }
  .wadi-landscape figcaption > span { max-width:48%; }
  .wadi-landscape figcaption > span:last-child { text-align:right; }
  .wadi-principles { grid-template-columns:1fr; gap:24px; margin-top:18px; }
  .wadi-principles h3 { font-size:23px; margin-block:13px 10px; }
  .wadi-principles p { max-width:none; }
  .wadi-specimen { min-height:385px; padding-inline:22px; }
  .wadi-specimen-name { font-size:clamp(35px,10.5vw,57px); }
  .wadi-specimen .wadi-arabic { font-size:40px; }
  .wadi-specimen-tag { font-size:27px; }
  .wadi-palette button { min-height:65px; padding:10px; }
  .wadi-palette small { font-size:7px; }
  .wadi-type-pair { grid-template-columns:1fr; margin-top:27px; }
  .wadi-type-pair article { min-height:260px; padding:25px; }
  .wadi-type-pair p,.wadi-type-pair em { font-size:53px; }
  .wadi-type-pair [lang="ar"] { font-size:61px; }
  .wadi-story-map { grid-template-columns:1fr; margin-top:30px; }
  .wadi-story-intro { display:grid; grid-template-columns:90px 1fr; gap:12px 25px; align-items:center; padding-block:25px; }
  .wadi-large-number { font-size:100px; }
  .wadi-story-intro > p { font-size:17px; margin:0; }
  .wadi-story-intro > .wadi-fineprint { grid-column:1/-1; margin:0; }
  .wadi-chapter-list { border-top:1px solid var(--line); }
  .wadi-chapter-list summary { gap:13px; padding-block:19px; }
  .wadi-chapter-list summary > .wadi-chapter-number { width:37px; font-size:8px; }
  .wadi-chapter-list summary > span:nth-child(2) { font-size:15px; }
  .wadi-chapter-list summary small { font-size:10px; }
  .wadi-chapter-list details > p { padding-left:50px; padding-right:10px; font-size:12px; }
  .wadi-scene-controls { margin-top:24px; gap:8px; }
  .wadi-scene-controls button { flex-direction:column; align-items:start; justify-content:center; gap:8px; padding-block:13px; min-height:65px; }
  .wadi-scene-controls button > span { font-size:11px; }
  .wadi-scene { height:510px; }
  .wadi-scene > img { object-position:55% center; }
  .wadi-scene figcaption { bottom:29px; left:24px; right:24px; }
  .wadi-scene figcaption p { font-size:29px; }
  .wadi-scene-footer { flex-direction:column-reverse; gap:12px; padding-top:19px; }
  .wadi-visuals { padding-bottom:25px; }
  .wadi-page .portfolio-contact h2 { font-size:33px; }
  .wadi-lightbox { width:calc(100% - 20px); padding-inline:12px; }
  .wadi-lightbox img { max-height:calc(100svh - 200px); }
  .wadi-cover-entry { margin-top:32px; }
  .wadi-cover .cover-signature { inset:85px 20px 130px; }
  .wadi-cover .cover-signature h2 { font-size:clamp(40px,10.5vw,63px); white-space:nowrap; }
  .wadi-cover .cover-signature .wadi-cover-arabic { font-size:36px; margin-top:13px; }
  .wadi-cover .cover-signature p:last-child { font-size:22px; max-width:240px; }
}
@media print { .wadi-page .wadi-scene[hidden] { display:block!important; } .wadi-page .wadi-index,.wadi-scene-controls,.wadi-expand { display:none!important; } }