/* BERTA Journal — an image-led couture folio scoped to the posts index. */
.berta-journal-page {
  --journal-obsidian:#060606;
  --journal-surface:#0d0c0a;
  --journal-champagne:#d6b98c;
  --journal-ivory:#f3e8d1;
  --journal-taupe:#a89b88;
  --journal-rule:rgba(214,185,140,.32);
  position:relative;
  isolation:isolate;
  min-height:100vh;
  overflow:hidden;
  direction:rtl;
  background:
    radial-gradient(circle at 84% 9%,rgba(214,185,140,.08),transparent 32rem),
    radial-gradient(circle at 12% 74%,rgba(214,185,140,.035),transparent 28rem),
    var(--journal-obsidian);
  color:var(--journal-ivory);
}

.berta-journal-page::before,
.berta-journal-page::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-repeat:repeat-y;
  background-position:center top;
}

.berta-journal-page::before {
  background-image:url('../../../luxe-landing-images/berta-mineral-veins-visible.webp');
  background-size:min(100%,100rem) auto;
  opacity:.07;
  filter:saturate(.75) brightness(.58);
}

.berta-journal-page::after {
  background-image:linear-gradient(112deg,transparent 38%,rgba(214,185,140,.035) 46%,rgba(243,232,209,.16) 50%,rgba(214,185,140,.035) 54%,transparent 62%);
  background-size:220% 220%;
  opacity:.14;
  mix-blend-mode:screen;
  -webkit-mask-image:url('../../../luxe-landing-images/berta-mineral-veins-visible.webp');
  mask-image:url('../../../luxe-landing-images/berta-mineral-veins-visible.webp');
  -webkit-mask-repeat:repeat-y;
  mask-repeat:repeat-y;
  -webkit-mask-size:min(100%,100rem) auto;
  mask-size:min(100%,100rem) auto;
  animation:bertaVeinLight 15s cubic-bezier(.42,0,.2,1) infinite;
}

.berta-journal-page > * {
  position:relative;
  z-index:1;
}

.berta-journal-page :is(a,button):focus-visible {
  outline:2px solid var(--journal-ivory);
  outline-offset:4px;
}

/* Featured diptych: unobscured photography on the physical left, copy rail right. */
.berta-journal-page .berta-journal-hero {
  display:grid;
  grid-template-columns:minmax(0,17fr) minmax(20rem,8fr);
  width:min(calc(100% - 2 * clamp(1.25rem,5vw,6rem)),96rem);
  max-width:96rem;
  margin:clamp(2rem,5vw,4.5rem) auto 0;
  overflow:hidden;
  border-block:1px solid var(--journal-rule);
  border-radius:0;
  background:var(--journal-surface);
  box-shadow:none;
  color:var(--journal-ivory);
  direction:ltr;
}

.berta-journal-page .berta-journal-hero__media {
  grid-column:1;
  grid-row:1;
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  min-height:clamp(32rem,48vw,46rem);
  overflow:hidden;
  background:#17130f;
  animation:bertaJournalImageReveal 900ms cubic-bezier(.2,.7,.2,1) both;
}

.berta-journal-page .berta-journal-hero__image {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
  transform:none;
}

.berta-journal-page .berta-journal-hero__content {
  grid-column:2;
  grid-row:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(2rem,4.5vw,4.5rem);
  border-left:1px solid var(--journal-champagne);
  direction:rtl;
  text-align:right;
}

.berta-journal-page .berta-journal-hero__edition {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  margin:0;
  color:var(--journal-champagne);
  direction:ltr;
  font:400 .66rem/1.4 var(--berta-font-display,Georgia,serif);
}

.berta-journal-page .berta-journal-hero__edition span {
  letter-spacing:.12em;
}

.berta-journal-page .berta-journal-hero__edition time {
  color:var(--journal-taupe);
  font-family:var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
}

.berta-journal-page .berta-journal-hero h1 {
  max-width:12ch;
  margin:.8rem 0 clamp(2rem,4vw,3.5rem);
  color:var(--journal-ivory);
  font:700 clamp(2.5rem,4.2vw,4.75rem)/1.16 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
}

.berta-journal-page .berta-journal-hero__meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-start;
  gap:.55rem 1rem;
  padding-top:1.25rem;
  border-top:1px solid var(--journal-rule);
  color:var(--journal-taupe);
  direction:rtl;
  font:400 .72rem/1.7 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
  text-transform:none;
}

.berta-journal-page .berta-journal-hero__meta a,
.berta-journal-page .berta-journal-hero__story a {
  color:inherit;
  text-decoration:none;
}

.berta-journal-page .berta-journal-hero__story {
  max-width:18ch;
  margin:1rem 0;
  color:var(--journal-ivory);
  font:700 clamp(1.8rem,2.75vw,3.1rem)/1.28 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
}

.berta-journal-page .berta-journal-hero__excerpt {
  max-width:48ch;
  margin:0;
  color:var(--journal-taupe);
  font:400 .92rem/1.95 var(--berta-font-body,Tahoma,sans-serif);
}

.berta-journal-page .berta-journal-hero__cta,
.berta-journal-page .berta-post-card--journal-row .berta-post-card__read {
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:.75rem;
  width:max-content;
  min-height:44px;
  border-bottom:1px solid var(--journal-champagne);
  color:var(--journal-ivory);
  font:700 .76rem/1 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
  text-decoration:none;
  text-transform:none;
}

.berta-journal-page .berta-journal-hero__cta {
  margin-top:1.5rem;
}

.berta-journal-page .berta-journal-hero__monogram,
.berta-journal-page .berta-post-card--journal-row .berta-post-card__monogram {
  color:var(--journal-champagne);
  font:400 clamp(2.75rem,7vw,7rem)/1 var(--berta-font-display,Georgia,serif);
  letter-spacing:.12em;
  opacity:.22;
}

/* Latest stories act as a quiet index followed by spacious alternating rows. */
.berta-journal-page .berta-journal-stories {
  width:min(calc(100% - 2 * clamp(1.25rem,5vw,6rem)),96rem);
  max-width:96rem;
  margin:clamp(5rem,9vw,9rem) auto;
}

.berta-journal-page .berta-journal-stories__header {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:2rem;
  padding-bottom:1.25rem;
  border-bottom:1px solid var(--journal-rule);
  direction:rtl;
  text-align:right;
}

.berta-journal-page .berta-journal-stories__header h2 {
  margin:0;
  color:var(--journal-ivory);
  font:700 clamp(1.9rem,3.2vw,3.35rem)/1.25 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
}

.berta-journal-page .berta-journal-stories__header > span {
  flex:0 0 auto;
  color:var(--journal-taupe);
  font:400 .72rem/1.5 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
  text-transform:none;
}

.berta-journal-page .berta-journal-page__grid {
  display:grid;
  grid-template-columns:1fr;
  width:100%;
  gap:clamp(3.5rem,7vw,7rem);
  margin:clamp(2rem,4vw,3.5rem) 0 0;
}

.berta-journal-page .berta-journal-page__grid .berta-post-card:nth-child(3n + 2) {
  padding-top:0;
}

.berta-journal-page .berta-post-card--journal-row {
  display:grid;
  grid-template-columns:minmax(0,31fr) minmax(18rem,19fr);
  align-items:stretch;
  min-width:0;
  min-height:clamp(25rem,36vw,35rem);
  overflow:hidden;
  border:0;
  border-bottom:1px solid var(--journal-rule);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  direction:ltr;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__media {
  display:grid;
  place-items:center;
  width:100%;
  height:100%;
  min-height:inherit;
  margin:0;
  overflow:hidden;
  aspect-ratio:auto;
  background:#17130f;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transform:none;
  transition:none;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__media:hover img {
  transform:none;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__body {
  position:static;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  width:auto;
  padding:clamp(2rem,4.5vw,4.5rem);
  border:0;
  background:var(--journal-surface);
  box-shadow:none;
  direction:rtl;
  text-align:right;
}

.berta-journal-page .berta-post-card--media-left .berta-post-card__media {
  grid-column:1;
  grid-row:1;
}

.berta-journal-page .berta-post-card--media-left .berta-post-card__body {
  grid-column:2;
  grid-row:1;
  border-left:1px solid rgba(214,185,140,.45);
}

.berta-journal-page .berta-post-card--media-right .berta-post-card__media {
  grid-column:2;
  grid-row:1;
}

.berta-journal-page .berta-post-card--media-right .berta-post-card__body {
  grid-column:1;
  grid-row:1;
  border-right:1px solid rgba(214,185,140,.45);
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__meta {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem .9rem;
  color:var(--journal-taupe);
  direction:rtl;
  font:400 .72rem/1.7 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
  text-transform:none;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__meta a,
.berta-journal-page .berta-post-card--journal-row .berta-post-card__title a {
  color:inherit;
  text-decoration:none;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__title {
  max-width:18ch;
  margin:.9rem 0 1rem;
  color:var(--journal-ivory);
  font:700 clamp(1.8rem,3vw,3.25rem)/1.3 var(--berta-font-body,Tahoma,sans-serif);
  letter-spacing:0;
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__excerpt {
  max-width:48ch;
  margin:0;
  color:var(--journal-taupe);
  font:400 .92rem/1.95 var(--berta-font-body,Tahoma,sans-serif);
}

.berta-journal-page .berta-post-card--journal-row .berta-post-card__read {
  align-self:flex-start;
  margin-top:1.35rem;
}

.berta-journal-page .berta-journal-page__compact-heading {
  width:min(calc(100% - 2 * clamp(1.25rem,5vw,6rem)),96rem);
  margin-inline:auto;
  padding-block:clamp(4rem,7vw,7rem) clamp(2.5rem,5vw,4rem);
  direction:rtl;
  text-align:right;
}

.berta-journal-page .berta-journal-page__compact-heading h1,
.berta-journal-page .berta-editorial-empty {
  font-family:var(--berta-font-body,Tahoma,sans-serif);
}

.berta-journal-page .navigation.pagination {
  width:min(calc(100% - 2 * clamp(1.25rem,5vw,6rem)),96rem);
  margin:0 auto clamp(4rem,8vw,7rem);
}

.berta-journal-page .nav-links {
  justify-content:center;
}

.berta-journal-page .page-numbers {
  border-color:var(--journal-rule);
  color:var(--journal-taupe);
}

.berta-journal-page .page-numbers.current {
  background:var(--journal-ivory);
  color:var(--journal-obsidian);
}

@keyframes bertaJournalImageReveal {
  from { clip-path:inset(0 100% 0 0); }
  to { clip-path:inset(0); }
}

@media(hover:hover) and (pointer:fine) {
  .berta-journal-page :is(.berta-journal-hero__media,.berta-post-card--journal-row .berta-post-card__media) img {
    transition:transform 700ms cubic-bezier(.2,.7,.2,1);
  }

  .berta-journal-page :is(.berta-journal-hero__media,.berta-post-card--journal-row .berta-post-card__media):hover img {
    transform:scale(1.025);
  }
}

@media(width > 760px) {
  .berta-journal-page .berta-post-card--journal-row.berta-post-card--media-right {
    grid-template-columns:minmax(18rem,19fr) minmax(0,31fr);
  }

  .berta-journal-page .berta-journal-hero__content {
    direction:rtl;
    text-align:right;
  }
}

@media(width <= 760px) {
  .berta-journal-page .berta-journal-hero,
  .berta-journal-page .berta-post-card--journal-row {
    grid-template-columns:1fr;
  }

  .berta-journal-page .berta-journal-hero {
    width:calc(100% - 2.25rem);
    margin-top:1.5rem;
  }

  .berta-journal-page .berta-post-card--journal-row {
    width:100%;
    min-height:0;
  }

  .berta-journal-page .berta-journal-hero__media,
  .berta-journal-page .berta-post-card--journal-row .berta-post-card__media {
    grid-column:1;
    grid-row:1;
    min-height:0;
    aspect-ratio:4/5;
  }

  .berta-journal-page .berta-journal-hero__content,
  .berta-journal-page .berta-post-card--journal-row .berta-post-card__body {
    grid-column:1;
    grid-row:2;
    padding:1.75rem 1.125rem 2.25rem;
    border:0;
    direction:rtl;
    text-align:right;
  }

  .berta-journal-page .berta-journal-hero h1 {
    max-width:none;
    margin-bottom:2rem;
    font-size:clamp(2.45rem,12vw,4rem);
  }

  .berta-journal-page .berta-journal-hero__story {
    max-width:none;
    font-size:clamp(1.65rem,7vw,2.25rem);
  }

  .berta-journal-page .berta-journal-hero__excerpt,
  .berta-journal-page .berta-post-card--journal-row .berta-post-card__excerpt {
    display:-webkit-box;
    overflow:hidden;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
  }

  .berta-journal-page .berta-journal-stories {
    width:calc(100% - 2.25rem);
    margin-block:4.5rem 5rem;
  }

  .berta-journal-page .berta-journal-stories__header {
    align-items:flex-start;
    flex-direction:column;
    gap:.65rem;
  }

  .berta-journal-page .berta-journal-page__grid {
    gap:3.75rem;
    margin-top:1.75rem;
  }

  .berta-journal-page .berta-post-card--journal-row .berta-post-card__title {
    max-width:none;
    font-size:clamp(1.7rem,8vw,2.35rem);
  }
}

@media(width <= 420px) {
  .berta-journal-page .berta-journal-hero,
  .berta-journal-page .berta-journal-stories {
    width:calc(100% - 2rem);
  }

  .berta-journal-page .berta-journal-hero__content,
  .berta-journal-page .berta-post-card--journal-row .berta-post-card__body {
    padding-inline:1rem;
  }
}

@media(prefers-reduced-motion:reduce) {
  .berta-journal-page::after,
  .berta-journal-page .berta-journal-hero__media {
    animation:none;
  }

  .berta-journal-page :is(.berta-journal-hero__media,.berta-post-card--journal-row .berta-post-card__media) img {
    transition:none;
  }
}