/* Geometry and typography from Archive FA.dc.html. */
@font-face { font-family:'Archive Arabic'; src:url('../../fonts/AdapterArabicText-ExtraLight.otf') format('opentype'); font-weight:200; font-display:swap; }
@font-face { font-family:'Archive Arabic'; src:url('../../fonts/AdapterArabicText-Light.otf') format('opentype'); font-weight:300; font-display:swap; }
@font-face { font-family:'Archive Arabic'; src:url('../../fonts/AdapterArabicText-Regular.otf') format('opentype'); font-weight:400; font-display:swap; }
@font-face { font-family:'Archive Arabic'; src:url('../../fonts/AdapterArabicText-Medium.otf') format('opentype'); font-weight:500; font-display:swap; }
@font-face { font-family:'Archive Arabic'; src:url('../../fonts/AdapterArabicText-SemiBold.otf') format('opentype'); font-weight:600; font-display:swap; }
@font-face { font-family:'Archive Arabic'; src:url('../../fonts/AdapterArabicText-Bold.otf') format('opentype'); font-weight:700; font-display:swap; }
.archive-main { margin:0; }
.archive-design {
  --archive-preview-scale:.8;
  --archive-preview-height:125dvh;
  background:#f8f7f7; color:#1a1a1a; font-family:'Archive Arabic','IBM Plex Sans Arabic',-apple-system,'Segoe UI',Tahoma,sans-serif;
  font-size:16px; line-height:normal; font-weight:400; text-wrap:wrap; font-synthesis:weight style; -webkit-font-smoothing:antialiased;
}
.archive-design *, .archive-design *::before, .archive-design *::after { box-sizing:border-box; }
.archive-design [hidden] { display:none !important; }
.archive-design a { color:#1a1a1a; font-weight:400; letter-spacing:normal; }
.archive-design a:hover { color:#0711ff; }
.archive-layout { display:flex; align-items:stretch; }
.archive-list-column { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; container:archive-list / inline-size; }
.archive-heading { display:flex; flex-direction:column; border-bottom:1px solid #1a1a1a; }
.archive-heading__title { padding:48px 40px 40px; background:#f8f7f7 url('../images/archive/archive-background.svg?v=20261027-seamless') right calc(100% + 1px) / auto 100% repeat-x; }
.archive-heading h1 { position:relative; height:1.15em; margin:0; font-weight:700; font-size:clamp(72px,15.8cqw,160px); line-height:1.15; }
.archive-heading h1 > img { position:absolute; right:0; top:0; display:block; width:84%; max-width:758.4px; height:100%; object-fit:contain; object-position:right center; }
.archive-heading__photos { position:absolute; right:0; top:0; width:84%; max-width:758.4px; height:100%; opacity:0; pointer-events:none; -webkit-mask:url('../images/archive/archive-title-mask.svg?v=20261031-clean') right center / contain no-repeat; mask:url('../images/archive/archive-title-mask.svg?v=20261031-clean') right center / contain no-repeat; }
@media (hover:hover) and (pointer:fine) {
  .archive-heading h1.has-title-photos:hover > img { filter:brightness(0); }
  .archive-heading h1:hover .archive-heading__photos { opacity:1; }
}
.archive-heading__photos > img { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 220ms linear; }
.archive-tabs { display:flex; border-top:1px solid #1a1a1a; overflow-x:auto; scrollbar-width:none; }
.archive-tabs button { cursor:pointer !important; }
.archive-tab__count { font-family:Handjet,Silkscreen,monospace; font-weight:800; font-size:22px; }
.archive-rows { min-width:0; }
.archive-design .archive-row { cursor:pointer !important; }
.archive-design .archive-row--at-viewport-bottom { border-bottom-color:transparent !important; }
.archive-row__number { display:flex; flex-direction:column; justify-content:center; align-items:center; border-inline-end:1px solid currentColor; font-family:Handjet,Silkscreen,monospace; font-weight:300; font-size:30px; line-height:.95; padding:12px 0; }
.archive-row__main { display:flex; align-items:center; gap:16px; min-width:0; padding:12px 24px; }
.archive-row__title-box { flex:1 1 auto; min-width:0; overflow:hidden; padding:8px 0; margin:-8px 0; }
.archive-row__title { font-size:clamp(22px,calc(7.6cqw - 10px),62px) !important; padding-block:8px; margin-block:-8px; }
.archive-row__meta { display:flex; flex-direction:column; justify-content:center; align-items:flex-end; gap:4px; padding:12px 24px; border-inline-start:1px solid currentColor; font-size:17px; font-weight:600; white-space:nowrap; }
.archive-row__year { font-family:Handjet,Silkscreen,monospace; font-weight:800; font-size:26px; }
.archive-row__arrow { flex-shrink:0; transform:scaleX(-1); }
.archive-empty { padding:56px 40px; font-weight:200; font-size:40px; }
.archive-preview-frame { flex:0 0 calc(400px * var(--archive-preview-scale)); width:calc(400px * var(--archive-preview-scale)); height:100dvh; position:sticky; top:0; align-self:flex-start; direction:ltr; }
.archive-preview { width:400px; height:var(--archive-preview-height); display:flex; flex-direction:column; direction:rtl; transform:scale(var(--archive-preview-scale)); transform-origin:top left; border-inline-start:1px solid #1a1a1a; background:#fff; box-sizing:border-box; }
.archive-preview__media { flex:0 0 auto; aspect-ratio:1; padding:32px; box-shadow:inset 0 -1px #1a1a1a; box-sizing:border-box; }
.archive-preview__placeholder { width:100%; aspect-ratio:1; background:#fff; box-shadow:inset 0 0 0 1px #1a1a1a; display:flex; align-items:center; justify-content:center; color:#95918e; font-size:18px; text-align:center; padding:24px; box-sizing:border-box; }
.archive-preview__placeholder--image { padding:0; overflow:hidden; }
.archive-preview__image { display:block; width:100%; height:100%; object-fit:cover; }
.archive-preview__meta { display:flex; flex-shrink:0; border-bottom:1px solid #1a1a1a; }
.archive-preview__meta > div { flex:1; padding:16px 20px; display:flex; flex-direction:column; gap:4px; }
.archive-preview__meta > div:first-child { border-inline-end:1px solid #1a1a1a; }
.archive-preview__label { font-size:16px; font-weight:600; color:#95918e; }
.archive-preview__value { font-size:20px; font-weight:600; }
.archive-preview__copy { flex:1 1 auto; min-height:0; overflow:auto; padding:24px 20px; display:flex; flex-direction:column; gap:12px; border-bottom:1px solid #1a1a1a; }
.archive-preview__name { font-weight:700; font-size:30px; line-height:1.3; }
.archive-preview__partner { font-size:16px; font-weight:600; }
.archive-preview__blurb { font-size:20px; line-height:1.8; text-wrap:pretty; }
.archive-preview__action { padding:20px; flex-shrink:0; }
.archive-read-more { display:inline-flex; flex-direction:column; align-items:stretch; }
.archive-read-more button { display:inline-flex; flex-direction:row; align-items:center; justify-content:center; gap:4px; height:48px; padding:0 16px; background:#fff; color:#1a1a1a; border:0; border-radius:0; box-shadow:inset 0 0 0 1px #1a1a1a; font-family:'Archive Arabic',sans-serif; font-size:26px; font-weight:600; line-height:1; letter-spacing:normal; text-transform:uppercase; cursor:pointer !important; }
.archive-read-more button > span { padding-bottom:4px; }
.archive-read-more__edge { height:4px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='3' height='4' viewBox='0 0 3 4'%3E%3Cpath d='M1.5 4.001L-0.61 0H3.61Z' fill='%23aeaba8'/%3E%3C/svg%3E") repeat-x left top; background-size:3px 4px; }
.archive-preview-frame--crisp .archive-preview,
.archive-preview-frame--crisp .archive-preview__meta,
.archive-preview-frame--crisp .archive-preview__meta > div:first-child,
.archive-preview-frame--crisp .archive-preview__copy { border-color:transparent; }
.archive-preview-frame--crisp .archive-preview__media,
.archive-preview-frame--crisp .archive-preview__placeholder,
.archive-preview-frame--crisp .archive-read-more button { box-shadow:none; }
.archive-preview__borders { position:absolute; pointer-events:none; z-index:1; }
@keyframes archive-ticker-rtl { from { transform:translateX(0); } to { transform:translateX(50%); } }
@container archive-list (max-width:480px) {
  .archive-row { grid-template-columns:56px minmax(0,1fr) auto !important; }
  .archive-row__main { gap:8px; padding-inline:12px; }
  .archive-row__meta { padding-inline:12px; }
}
@media (min-width:761px) and (max-width:1366px) {
  .archive-heading__title { padding:28px 24px 24px; }
  .archive-heading h1 { font-size:clamp(64px,12cqw,120px); }
  .archive-tabs button {
    flex:1 1 0 !important; min-width:0;
    height:48px !important; gap:clamp(4px,1cqw,10px) !important;
    padding-inline:clamp(6px,1.2cqw,12px) !important;
    font-size:clamp(12px,2cqw,16px) !important;
  }
  .archive-tab__count { font-size:clamp(16px,2.4cqw,20px); }
  .archive-design .archive-row { grid-template-columns:clamp(52px,7cqw,72px) minmax(0,1fr) auto !important; }
  .archive-row__number { padding-block:10px; font-size:clamp(22px,3cqw,26px); }
  .archive-row__main { gap:12px; padding:10px 16px; }
  .archive-row__title { font-size:clamp(18px,calc(6.2cqw - 10px),46px) !important; }
  .archive-row__meta { padding:10px 14px; font-size:14px; }
  .archive-row__year { font-size:22px; }
  .archive-row__arrow { width:32px; height:32px; }
}
@media(max-width:1023.98px) and (hover:none) { .archive-preview-frame { display:none; } }