.about-page{background:var(--paper)}
.about-header h1{max-width:12ch;font-size:clamp(4rem,11vw,10rem);margin:.08em 0}
.about-intro{max-width:62ch;color:var(--muted);font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.25rem,2.3vw,2rem);line-height:1.45}
.about-main{padding-top:0}
.profile-grid,.cv-section{border-top:1px solid #9b111e;padding:4rem 0;display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:6vw}
.profile-grid h2,.section-heading h2{font-family:'Cormorant Garamond',Georgia,serif;color:var(--bone);font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1;margin:.25rem 0}
.profile-portrait{position:relative;margin:2rem 0 0;overflow:hidden;background:#11100f;border:1px solid rgba(155,17,30,.38);aspect-ratio:3/4}
.profile-portrait::after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(5,5,7,.35));content:"";pointer-events:none}
.profile-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:saturate(.78) contrast(1.04);transition:filter .7s ease,transform 1.1s cubic-bezier(.22,1,.36,1)}
.profile-portrait:hover img{filter:saturate(.95) contrast(1.04);transform:scale(1.015)}
.section-number{font-family:'DM Mono',monospace;color:var(--gold);font-size:.72rem;letter-spacing:.12em}
.lead-list{display:grid;gap:1rem;align-content:start}
.lead-list p{font-family:'Cormorant Garamond',Georgia,serif;color:var(--bone);font-size:clamp(1.35rem,2.3vw,2rem);line-height:1.45;margin:0}
.cv-list{display:grid;gap:.7rem;align-content:start}
.cv-list p{margin:0;color:var(--bone);font-size:1rem;line-height:1.9}
.timeline-list{display:grid}
.timeline-item{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;border-top:1px solid #292725;padding:1rem 0}
.timeline-item:first-child{border-top:0;padding-top:0}
.timeline-year{font-family:'DM Mono',monospace;color:var(--gold);font-size:.72rem;padding-top:.25rem}
.timeline-text{color:var(--bone);line-height:1.75}
.exhibitions{display:block}
.exhibitions>.section-heading{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:6vw;margin-bottom:3rem}
.exhibition-group{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:6vw;margin-top:3rem}
.exhibition-group h3{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold);font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:500;margin:0}
.anchor-section,.exhibitions{scroll-margin-top:2rem}
html[dir="rtl"] .about-intro,html[dir="rtl"] .lead-list p{font-family:'Noto Sans Arabic',Tahoma,sans-serif}
html[dir="rtl"] .profile-grid h2,html[dir="rtl"] .section-heading h2,html[dir="rtl"] .exhibition-group h3{font-family:'Noto Sans Arabic',Tahoma,sans-serif}
@media(max-width:700px){
  .about-header{min-height:65vh}
  .top-menu{gap:.55rem;flex-wrap:wrap}
  .top-menu a{font-size:.75rem}
  .profile-grid,.cv-section,.exhibitions>.section-heading,.exhibition-group{grid-template-columns:1fr;gap:1.5rem}
  .profile-portrait{max-width:min(100%,28rem);margin-top:1.5rem}
  .profile-grid,.cv-section{padding:3rem 0}
  .exhibitions>.section-heading{margin-bottom:2rem}
  .exhibition-group{margin-top:2.5rem}
  .timeline-item{grid-template-columns:4rem minmax(0,1fr)}
}

/* Keep the biography frame stable while its JSON content loads, then reveal it gently. */
.about-page .about-page-intro,
.about-page .profile-grid,
.about-page .cv-section {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 1.6s ease, transform 1.6s cubic-bezier(.22, 1, .36, 1);
}

.about-page.about-data-ready .about-page-intro,
.about-page.about-data-ready .profile-grid,
.about-page.about-data-ready .cv-section,
.about-page.about-data-error .about-page-intro,
.about-page.about-data-error .profile-grid,
.about-page.about-data-error .cv-section {
  opacity: 1;
  transform: none;
}

.about-page .profile-grid {
  min-height: clamp(360px, 52vh, 620px);
}

.about-page .cv-section {
  min-height: 10rem;
}

/* Biography: one quiet image-and-text composition without intermediary labels. */
.about-page .about-page-intro{padding-bottom:clamp(1.5rem,4vh,3rem)}
.about-page .profile-grid{
  grid-template-columns:minmax(15rem,.62fr) minmax(0,1fr);
  grid-template-areas:"visual copy";
  margin-inline-start:7vw;
  gap:clamp(.75rem,1.5vw,1.5rem);
  align-items:start;
  min-height:0;
  padding-top:2rem;
}
.profile-visual{grid-area:visual}
.profile-copy{grid-area:copy;display:grid;gap:1.25rem;align-content:start}
.biography-long{display:grid;gap:1.25rem;color:var(--bone);line-height:1.85}
.biography-long p{margin:0}
.profile-grid .biography-name{margin:0;color:var(--bone);font-family:'Questrial','Century Gothic',Arial,sans-serif;font-size:clamp(1.6rem,2.5vw,2.25rem);font-weight:400;line-height:1.25}
.biography-section-title{margin:1rem 0 0;color:var(--gold);font-family:'Bebas Neue','Arial Narrow',sans-serif;font-size:1.1rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}
.biography-entry{display:grid;grid-template-columns:4.5rem minmax(0,1fr);gap:1rem;align-items:start}
.biography-entry time{color:var(--gold);font-family:'Questrial','Century Gothic',Arial,sans-serif;font-size:.86rem;line-height:1.85}
html[dir="rtl"] .profile-grid .biography-name,html[dir="rtl"] .biography-section-title,html[dir="rtl"] .biography-entry time{font-family:'Vazirmatn',Tahoma,sans-serif}
html[dir="rtl"] .biography-section-title{letter-spacing:0;text-transform:none}
.artist-statement{display:grid;gap:1.25rem;margin-top:clamp(1.5rem,4vw,3rem);padding-top:clamp(1.5rem,3vw,2.5rem);border-top:1px solid #292725}
.profile-grid .artist-statement h2{margin:0;color:var(--bone);font-family:'Questrial','Century Gothic',Arial,sans-serif;font-size:clamp(1.45rem,2.2vw,2rem);font-weight:400;line-height:1.25}
.artist-statement-copy{display:grid;gap:1.25rem;color:var(--bone);line-height:1.85}
.artist-statement-copy p{margin:0}
html[dir="rtl"] .profile-grid .artist-statement h2{font-family:'Vazirmatn',Tahoma,sans-serif}
.biography-footnote-ref{margin-inline-start:.16em;color:var(--gold);font-size:.68em;line-height:0;vertical-align:super;unicode-bidi:isolate;direction:ltr}
.biography-footnotes{margin-top:clamp(.5rem,2vw,1.25rem);padding-top:1rem;color:var(--muted);font-size:.82rem;line-height:1.65}
.profile-grid .biography-footnotes-title{margin:0 0 .7rem;color:var(--bone);font:inherit;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.biography-footnotes ol{display:grid;gap:.45rem;margin:0;padding-inline-start:1.4rem}
.biography-footnotes li{padding-inline-start:.2rem;scroll-margin-top:2rem}
.biography-footnotes li::marker{color:var(--gold)}
.biography-footnotes cite{color:var(--bone);font-style:normal}
html[dir="rtl"] .profile-grid .biography-footnotes-title{letter-spacing:0;text-transform:none}
html[dir="rtl"] .biography-footnotes ol{list-style-type:persian}
.profile-portrait{width:80%;margin:0;margin-inline-start:0;margin-inline-end:auto;aspect-ratio:4/5}
html[dir="rtl"] .profile-portrait{width:100%;margin-inline:0}
.profile-portrait img{transform:scale(1.08)}
.profile-portrait:hover img{transform:scale(1.1)}
.profile-copy .cv-list{padding-top:1.5rem;border-top:1px solid #292725}
@media(max-width:700px){
  .about-page .profile-grid{grid-template-areas:"visual" "copy"}
  .about-page .profile-grid{margin-inline-start:0}
  .profile-portrait{width:90%}
  .profile-copy{gap:1.75rem}
  .biography-entry{grid-template-columns:3.8rem minmax(0,1fr)}
}