/* Attia Journey 1.1.5 — full-width project and article opening screens.
 * The existing --page-gutter remains the single horizontal spacing source.
 * Intrinsic text rows keep edited copy readable; the cover fills the remainder.
 */
.attia-wordpress :is(.attia-project-hero, .bim_article_hero, .attia-entry-header) {
  height: auto;
  min-height: var(--attia-screen);
  overflow: visible;
  padding-block: calc(var(--attia-header-height) + var(--attia-space)) var(--attia-space);
}
.attia-wordpress .attia-project-hero > .section-wrap {
  min-height: calc(var(--attia-screen) - var(--attia-header-height) - var(--attia-space) * 2);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: auto auto minmax(180px, 1fr) auto;
  gap: clamp(12px, 1.8vh, 22px) clamp(24px, 3vw, 60px);
  align-items: start;
}
.attia-wordpress .attia-project-hero > .section-wrap > * { min-width: 0; }
.attia-wordpress .attia-project-hero :is(.breadcrumb, .yas_riva_breadcrumb) { grid-column: 1 / -1; margin: 0; font-size: 11px; }
.attia-wordpress .attia-project-hero h1 {
  grid-column: 1; grid-row: 2; max-width: none; margin: 0;
  font-size: clamp(28px, min(3.3vw, 5.3vh), 60px); line-height: 1.12;
}
.attia-wordpress .attia-project-hero h1 > span { margin-top: 5px; }
.attia-wordpress .attia-project-hero :is(.yas_riva_heroDescription, .case-subtitle) {
  grid-column: 2; grid-row: 2; align-self: center; margin: 0;
  max-width: none; font-size: clamp(15px, 1.25vw, 20px); line-height: 1.65;
}
.attia-wordpress .attia-project-hero :is(.yas_riva_facts, .case-facts) {
  grid-column: 1 / -1; grid-row: 4; margin: 0; padding-top: 14px;
  gap: 18px 26px; grid-template-columns: repeat(4, minmax(0, 1fr));
}
.attia-wordpress .attia-project-cover {
  grid-column: 1 / -1; grid-row: 3; align-self: stretch;
  position: relative; margin: 0; min-width: 0; min-height: 180px;
  background: #15121e; border: 1px solid #ffffff26;
}
.attia-wordpress .attia-cover-link { display: block; position: absolute; inset: 0; }
.attia-wordpress .attia-project-cover img {
  display: block; position: absolute; inset: 0;
  width: 100%; height: 100%; max-height: none;
  object-fit: cover; object-position: center;
}
.attia-wordpress .attia-cover-expand {
  position: absolute; inset: auto 12px 12px auto;
  display: grid; place-items: center; width: 34px; height: 34px;
  background: #15121ed9; color: white; font-size: 23px;
}
.attia-wordpress .attia-cover-link:focus-visible { outline: 3px solid #d4abed; outline-offset: 3px; }

/* Writing detail pages now align with the main site, instead of a 1220px cap. */
.attia-wordpress .bim_article_wrap {
  width: calc(100% - var(--page-gutter) * 2);
  max-width: none; margin-inline: auto;
}
.attia-wordpress .bim_article_mainColumn { max-width: none; }
.attia-wordpress .bim_article_hero > .bim_article_wrap {
  min-height: calc(var(--attia-screen) - var(--attia-header-height) - var(--attia-space) * 2 - 4px);
  display: flex; flex-direction: column; gap: 14px;
}
.attia-wordpress .bim_article_hero :is(.bim_article_topBar, .bim_article_backLink) { flex: 0 0 auto; }
.attia-wordpress .bim_article_root .bim_article_heroGrid {
  flex: 1 0 auto; margin: 0; width: 100%;
  display: grid; grid-template-columns: minmax(0, 1fr);
  grid-template-rows: minmax(180px, 1fr) auto;
  align-items: stretch; gap: clamp(12px, 1.8vh, 22px);
}
.attia-wordpress .bim_article_root .bim_article_heroGrid > div {
  grid-row: 2; grid-column: 1; min-width: 0;
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 24px; align-items: center;
}
.attia-wordpress .bim_article_root .bim_article_kicker { grid-column: 1 / -1; grid-row: auto; margin: 0; }
.attia-wordpress .bim_article_root .bim_article_hero h1 {
  grid-column: 1 / -1; grid-row: auto; margin: 0; max-width: none;
  font-size: clamp(26px, min(2.8vw, 4.5vh), 46px); line-height: 1.25;
}
.attia-wordpress .bim_article_root[dir=rtl] .bim_article_hero h1 { line-height: 1.55; }
.attia-wordpress .bim_article_root .bim_roles_article_titlePrefix { font-size: .66em; line-height: 1.5; margin: 0 0 4px; }
.attia-wordpress .bim_article_root .bim_roles_article_titleAside { font-size: .62em; line-height: 1.5; margin: 4px 0 0; }
.attia-wordpress .bim_article_root .bim_article_byline {
  grid-row: auto; grid-column: 1; margin: 0; padding-block: 10px;
  border-bottom: 0; gap: 8px 22px; min-width: 0;
}
.attia-wordpress .bim_article_root .bim_article_byline > span { width: auto; }
.attia-wordpress .bim_article_root .bim_article_heroActions { grid-row: auto; grid-column: 2; margin: 0; gap: 8px 22px; }
.attia-wordpress .bim_article_root .bim_article_cover {
  grid-column: 1; grid-row: 1; justify-self: stretch; align-self: stretch;
  width: 100%; max-width: none; min-width: 0; min-height: 180px;
  position: relative; margin: 0; background: #062726;
}
.attia-wordpress .bim_article_root .bim_article_cover > a { position: absolute; inset: 0; width: 100%; height: 100%; }
.attia-wordpress .bim_article_root .bim_article_cover img {
  display: block; position: absolute; inset: 0; width: 100%; height: 100%;
  max-width: none; max-height: none; object-fit: cover; object-position: center;
}
.attia-wordpress .bim_article_root .bim_article_cover figcaption {
  position: absolute; inset: auto 0 0; margin: 0; padding: 7px 12px;
  background: #062726d9; color: #fff; font-size: 11px; pointer-events: none;
}
/* Standard WordPress posts also get the wide cover when added later. */
.attia-wordpress .attia-entry-header { padding-inline: var(--page-gutter); }
.attia-wordpress .attia-entry-header > div {
  max-width: none; min-height: calc(var(--attia-panel) - var(--attia-space) * 2);
  display: flex; flex-direction: column; gap: 16px;
}
.attia-wordpress .attia-entry-header .attia-project-cover { flex: 1 0 240px; }
.attia-wordpress .attia-entry-header h1 { margin: 0; max-width: none; }
.attia-wordpress .attia-entry-header .attia-entry-meta { margin: 0; }

@media (max-width: 800px) {
  .attia-wordpress .attia-project-hero > .section-wrap {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto auto minmax(180px, 1fr) auto;
    gap: 16px;
  }
  .attia-wordpress .attia-project-hero h1 { grid-column: 1; grid-row: 2; font-size: clamp(28px, 5.4vw, 42px); }
  .attia-wordpress .attia-project-hero :is(.yas_riva_heroDescription, .case-subtitle) { grid-column: 1; grid-row: 3; font-size: 15px; }
  .attia-wordpress .attia-project-hero .attia-project-cover { grid-row: 4; }
  .attia-wordpress .attia-project-hero :is(.yas_riva_facts, .case-facts) { grid-row: 5; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .attia-wordpress .attia-project-hero :is(.yas_riva_facts dd, .case-facts dd) { font-size: 14px; }
  .attia-wordpress .bim_article_root .bim_article_heroGrid > div { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .attia-wordpress .bim_article_root .bim_article_hero h1 { font-size: clamp(23px, 4vw, 32px); }
  .attia-wordpress .bim_article_root :is(.bim_article_byline, .bim_article_heroActions) { grid-column: 1; grid-row: auto; }
}
@media (max-height: 600px) {
  .attia-wordpress :is(.attia-project-hero, .bim_article_hero) { min-height: 0; }
  .attia-wordpress .bim_article_root .bim_article_cover,
  .attia-wordpress .attia-project-cover { min-height: 160px; }
}
@media print {
  .attia-wordpress :is(.attia-project-hero, .bim_article_hero, .attia-entry-header) { padding: 12px 0; }
  .attia-wordpress :is(.attia-project-hero > .section-wrap, .bim_article_hero > .bim_article_wrap, .attia-entry-header > div) { min-height: 0; }
  .attia-wordpress .bim_article_root .bim_article_cover,
  .attia-wordpress .attia-project-cover { min-height: 0; height: 220px; break-inside: avoid; }
  .attia-wordpress .attia-cover-expand { display: none; }
}