.homepage-advertisement { margin-bottom:30px; }
.homepage-advertisement img { display:block; width:100%; height:auto; border-radius:10px; box-shadow:0 5px 18px rgba(29,45,77,.14); }

/* Exhibition covers and the writers behind Alrehla, with a slim sponsor rail. */
.home-collection { display:grid; grid-template-columns:140px minmax(0,1fr); gap:38px; align-items:start; margin-top:44px; margin-bottom:52px; }
.home-collection-ad { align-self:stretch; }
.home-collection-ad img { display:block; width:100%; height:100%; object-fit:fill; border-radius:5px; }
.home-collection-ad a { display:block; height:100%; }
.home-collection-content { min-width:0; }
.home-collection-heading { display:flex; align-items:center; justify-content:space-between; gap:18px; padding-bottom:13px; margin-bottom:22px; border-bottom:1px solid #e2e7ed; }
.home-collection-heading h2 { margin:0; color:#253659; font-size:22px; line-height:1.3; font-weight:800; }
.home-collection-heading > a { color:#536b8d; font-size:12px; font-weight:700; white-space:nowrap; }
.home-collection-heading > a i { margin-inline-start:7px; font-size:10px; }
.home-collection-heading > a:hover { color:#5685d8; }
.home-supplements-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; }
.home-supplement { position:relative; display:block; min-width:0; overflow:hidden; border:1px solid #e0e3e6; background:#fafafa; box-shadow:0 2px 4px #1d2d4d08; transition:transform .2s,box-shadow .2s; }
.home-supplement img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:fill; }
.home-supplement-open { position:absolute; inset:auto 0 0; padding:12px 5px; text-align:center; color:#fff; background:rgba(29,45,77,.92); font-size:11px; font-weight:700; transform:translateY(100%); transition:transform .2s; }
.home-supplement-open i { margin-inline-end:5px; }
.home-supplement:hover,.home-supplement:focus-visible { transform:translateY(-4px); box-shadow:0 8px 18px #1d2d4d1a; }
.home-supplement:hover .home-supplement-open,.home-supplement:focus-visible .home-supplement-open { transform:translateY(0); }
.home-writers { margin-top:32px; }
.home-writers-strip { display:flex; width:100%; height:230px; margin:0; overflow:hidden; background:#1d2d4d; }
.home-writer { position:relative; flex:1 1 0; min-width:0; overflow:hidden; border-inline-end:1px solid #ffffff40; transition:flex .3s; }
.home-writer:last-child { border:0; }
.home-writer img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 30%; transition:filter .3s; filter:brightness(.85); }
.home-writer::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 45%,rgba(12,24,44,.85)); pointer-events:none; }
.home-writer > span { position:absolute; z-index:1; bottom:12px; inset-inline:7px; color:#fff; font-size:11px; font-weight:800; line-height:1.45; text-align:center; }
/* Keep portrait links stable while clicking; hover brightens the image. */
.home-writer:hover img,.home-writer:focus-visible img { filter:brightness(1); }
.home-collection a:focus-visible { outline:2px solid #5685d8; outline-offset:4px; }
@media(max-width:1199px) {
  .home-collection { grid-template-columns:110px minmax(0,1fr); gap:24px; }
  .home-writers-strip { height:210px; overflow-x:auto; }
  .home-writer { flex:1 0 82px; }
}
@media(max-width:767px) {
  .home-collection { grid-template-columns:minmax(0,1fr); gap:28px; margin-top:30px; margin-bottom:36px; }
  .home-collection-ad { grid-row:2; justify-self:center; width:110px; }
  .home-collection-ad img { height:auto; }
  .home-collection-heading h2 { font-size:20px; }
  .home-supplements-grid { display:flex; overflow-x:auto; gap:12px; padding:4px 2px 14px; scroll-snap-type:x mandatory; }
  .home-supplement { flex:0 0 42%; scroll-snap-align:start; }
  .home-writers-strip { height:230px; overflow-x:auto; scroll-snap-type:x mandatory; }
  .home-writer { flex:0 0 120px; scroll-snap-align:start; }
  .home-writer:hover,.home-writer:focus-visible { flex:0 0 120px; }
  .home-writer > span { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .home-supplement,.home-supplement-open,.home-writer,.home-writer img { transition:none; }
}

/* A quiet, single-page magazine canvas with controls floating over the paper. */
.epaper-reader-compact { position:relative; isolation:isolate; border:0; border-radius:16px; background:#fff; color:#888; box-shadow:0 2px 12px rgba(0,0,0,.025); }
.epaper-reader-compact .epaper-reader-heading { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.epaper-reader-compact .epaper-stage { height:680px; min-height:0; padding:30px 48px 0; background:#fff; direction:ltr; }
.epaper-reader-compact .epaper-book { filter:drop-shadow(5px 2px 1px rgba(0,0,0,.10)); }
.epaper-reader-compact .epaper-page { box-shadow:inset -2px 0 3px rgba(0,0,0,.035); }
.epaper-reader-compact .epaper-toolbar { position:absolute; z-index:5; bottom:12px; left:50%; transform:translateX(-50%); display:flex; flex-wrap:nowrap; justify-content:center; gap:0; width:max-content; max-width:calc(100% - 20px); padding:5px 6px; border:1px solid #e9e9e9; border-radius:7px; background:rgba(250,250,249,.96); box-shadow:0 3px 14px #00000012; direction:ltr; }
.epaper-reader-compact .epaper-page-controls,.epaper-reader-compact .epaper-view-controls { gap:0; }
.epaper-reader-compact .epaper-toolbar button { min-width:31px; width:31px; height:30px; padding:0; border:0; border-radius:3px; background:transparent; color:#888; font-size:14px; }
.epaper-reader-compact .epaper-toolbar button:hover:not(:disabled),.epaper-reader-compact .epaper-toolbar button[aria-pressed="true"],.epaper-reader-compact .epaper-toolbar button[aria-expanded="true"] { color:#253659; background:#e9edf1; }
.epaper-reader-compact .epaper-toolbar button:disabled { opacity:.3; }
.epaper-reader-compact .epaper-page-label { gap:0; padding:0 4px; height:30px; border-radius:3px; background:#f0f0ef; }
.epaper-reader-compact .epaper-page-number { width:22px; height:30px; border:0; padding:0; color:#888; background:transparent; font:12px Arial,sans-serif; }
.epaper-reader-compact .epaper-page-total { margin:0; padding-right:3px; color:#999; font:12px Arial,sans-serif; white-space:nowrap; }
.epaper-reader-compact .epaper-reader-footer { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); }
.epaper-reader-compact .epaper-side { position:absolute; z-index:3; top:50%; transform:translateY(-50%); width:40px; height:64px; padding:0; border:0; background:transparent; color:#aaa; font-size:25px; font-weight:300; }
.epaper-side-previous { left:3px; }
.epaper-side-next { right:3px; }
.epaper-reader-compact .epaper-side:disabled { opacity:.25; cursor:default; }
.epaper-reader-compact .epaper-side:hover:not(:disabled) { color:#253659; }
.epaper-reader-compact .epaper-zoom-view { padding:30px 40px 65px; background:#fff; }
.epaper-reader-compact .epaper-zoom-hint { display:none; }
.epaper-thumbnails { position:absolute; z-index:4; inset:15px 44px 65px; padding:16px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-content:start; gap:12px; overflow:auto; background:rgba(250,250,250,.98); border:1px solid #eee; border-radius:8px; direction:ltr; }
.epaper-thumbnails[hidden],.epaper-more-menu[hidden] { display:none; }
.epaper-thumbnails button { padding:5px; border:1px solid #ddd; border-radius:4px; background:#fff; color:#777; font-size:11px; }
.epaper-thumbnails button[aria-current="page"] { border-color:#253659; box-shadow:0 0 0 1px #253659; }
.epaper-thumbnails img { display:block; width:100%; aspect-ratio:1/1.4; object-fit:contain; margin-bottom:5px; background:#f3f3f3; }
.epaper-more-menu { position:absolute; z-index:6; bottom:60px; right:18px; min-width:150px; padding:6px; border:1px solid #e8e8e8; border-radius:7px; background:#fff; box-shadow:0 5px 22px #00000014; }
.epaper-more-menu a,.epaper-more-menu button { display:block; width:100%; padding:9px 12px; border:0; border-radius:4px; text-align:start; background:#fff; color:#666; font-size:12px; }
.epaper-more-menu a:hover,.epaper-more-menu button:hover { background:#f2f3f4; }
.epaper-reader-compact:fullscreen .epaper-stage { flex:1; height:auto; padding-top:30px; }
@media(min-width:1400px) { .epaper-reader-compact .epaper-stage { height:760px; } }
@media(max-width:991px) { .epaper-reader-compact .epaper-stage { height:740px; } }
@media(max-width:575px) {
  .epaper-reader-compact .epaper-stage { height:560px; padding:22px 30px 0; }
  .epaper-reader-compact .epaper-side { width:26px; font-size:20px; }
  .epaper-reader-compact .epaper-toolbar { bottom:10px; padding:5px 3px; max-width:calc(100% - 8px); }
  .epaper-reader-compact .epaper-toolbar button { width:27px; min-width:27px; font-size:13px; }
  .epaper-thumbnails { inset:12px 30px 62px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}

.home-supplement-preview { position:relative; aspect-ratio:3/4; background:#f4f0e7; }
.home-supplement-preview canvas { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; }
.home-supplement-preview.is-preview-ready canvas { opacity:1; }
.home-supplement-fallback { display:flex; flex-direction:column; justify-content:center; gap:16px; padding:16px; height:100%; color:#1d2d4d; text-align:center; }
.home-supplement-preview.is-preview-ready .home-supplement-fallback { visibility:hidden; }

/* Animated audience cards at the foot of the homepage. */
.home-partners { margin-bottom:48px; scroll-margin-top:125px; }
.home-partners .home-collection-heading { margin-bottom:15px; }
.home-partners-actions { display:flex; align-items:center; gap:20px; }
.home-partners-actions>a { color:#536b8d; font-size:12px; font-weight:700; }
.home-partners-actions>a i { margin-inline-start:7px; font-size:10px; }
.home-partners-controls { display:flex; gap:6px; }
.home-partners-controls[hidden] { display:none; }
.home-partners-controls button { width:29px; height:29px; padding:0; border:1px solid #e1e7ef; border-radius:5px; background:#fff; color:#536b8d; font-size:10px; }
.home-partners-controls button:disabled { opacity:.3; cursor:default; }
.home-partners-window { overflow-x:auto; overflow-y:hidden; scrollbar-width:none; -ms-overflow-style:none; overscroll-behavior-x:contain; }
.home-partners-window::-webkit-scrollbar { display:none; width:0; height:0; }
.home-partners-controls button[hidden] { display:none; }
.home-partners-controls button[aria-pressed=true] { background:#eef3fb; }
.home-partners-logos { display:flex; align-items:center; gap:28px; width:max-content; min-width:100%; padding:10px 0 16px; margin:0; list-style:none; }
.home-partners-logos>li { flex:0 0 148px; width:148px; }
.home-partners-logos img { display:block; width:100%; height:90px; object-fit:contain; }
.home-partners :focus-visible { outline:2px solid #5685d8; outline-offset:3px; }
@media(min-width:1400px) { .home-partners-logos>li { flex-basis:136px; width:136px; } .home-partners-logos { gap:24px; } }
@media(max-width:575px) { .home-partners .home-collection-heading { align-items:flex-start; } .home-partners .home-collection-heading h2 { font-size:19px; } .home-partners-actions { gap:10px; } .home-partners-actions>a { display:none; } .home-partners-logos { gap:20px; } .home-partners-logos>li { flex-basis:130px; width:130px; } .home-partners-logos img { height:78px; } }
.home-reach { padding-top:20px; margin-bottom:72px; scroll-margin-top:125px; }
.home-reach-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:20px; }
.home-reach-card { display:flex; flex-direction:column; align-items:center; justify-content:center; min-width:0; min-height:285px; padding:30px 12px; color:#fff; text-align:center; background:linear-gradient(145deg,#1e2a46,#2e446c); border-radius:22px; box-shadow:0 20px 32px rgba(30,42,70,.2); }
.home-reach-symbol { display:flex; align-items:center; justify-content:center; height:90px; margin-bottom:25px; color:#fff; font-size:61px; }
.home-reach-nabd { font-family:Arial,Helvetica,sans-serif; font-size:39px; font-weight:700; letter-spacing:-2px; }
.home-reach-card dl { display:flex; flex-direction:column; align-items:center; gap:16px; width:100%; margin:0; }
.home-reach-card dt { order:2; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:15px; font-weight:500; line-height:1.5; }
.home-reach-card dd { order:1; margin:0; color:#fff; font-family:Arial,Helvetica,sans-serif; font-size:clamp(21px,2.25vw,35px); font-weight:800; line-height:1.25; white-space:nowrap; font-variant-numeric:tabular-nums; }
@media(max-width:991px) { .home-reach-grid { gap:12px; } .home-reach-card { min-height:245px; padding:24px 8px; border-radius:18px; } .home-reach-symbol { height:70px; font-size:46px; margin-bottom:22px; } .home-reach-card dt { font-size:12px; } }
@media(max-width:767px) { .home-reach-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; } .home-reach-card { min-height:240px; } .home-reach-card:last-child { grid-column:1/-1; } .home-reach-card dd { font-size:30px; } .home-reach-card dt { font-size:14px; } .home-reach { margin-bottom:48px; } }