/* simig-editorial-mosaic-v2
   Magazine layouts for the homepage category index and reading-corner story.
   One section surface, local clay panels only, no overlay on titles or links. */
.simig-category-intro .f-image-text-carousel__wrapper,
.osalife-corner-story .f-image-text-carousel__wrapper{
  display:grid!important;
  width:100%!important;
  align-items:start!important;
}
.simig-category-intro .f-image-text,
.osalife-corner-story .f-image-text,
.simig-category-intro .f-image-text__wrapper,
.osalife-corner-story .f-image-text__wrapper,
.simig-category-intro .f-card,
.osalife-corner-story .f-card{
  height:auto!important;
  min-height:0!important;
  min-width:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.simig-category-intro .f-image-text__wrapper,
.osalife-corner-story .f-image-text__wrapper{
  display:flex!important;
  flex-direction:column!important;
  gap:0!important;
  align-items:stretch!important;
}
.simig-category-intro .f-image-text__image,
.osalife-corner-story .f-image-text__image{
  overflow:hidden!important;
  border-radius:2px!important;
  background:transparent!important;
}
.simig-category-intro .f-image,
.osalife-corner-story .f-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:3 / 2!important;
  --aspect-ratio:1.5;
  overflow:hidden!important;
}
.simig-category-intro .f-image img,
.osalife-corner-story .f-image img{
  width:100%!important;
  height:100%!important;
  aspect-ratio:3 / 2!important;
  object-fit:cover!important;
  object-position:center!important;
}
.simig-category-intro .f-image-text__content,
.simig-category-intro .f-image-text__content-inner,
.osalife-corner-story .f-image-text__content,
.osalife-corner-story .f-image-text__content-inner{
  height:auto!important;
  min-height:0!important;
  background:transparent!important;
  background-image:none!important;
  color:var(--simig-charcoal)!important;
  padding:18px 4px 0!important;
}
.simig-category-intro .f-section__heading,
.simig-category-intro .f-card__title,
.osalife-corner-story .f-section__heading,
.osalife-corner-story .f-card__title{
  font-family:var(--simig-font-editorial),Georgia,serif!important;
  font-weight:500!important;
  letter-spacing:-.015em!important;
  text-wrap:balance!important;
  color:var(--simig-charcoal)!important;
}
.simig-category-intro .f-section__heading,
.osalife-corner-story .f-section__heading{
  font-size:clamp(2rem,3.2vw,3rem)!important;
  line-height:1.08!important;
  max-width:18em!important;
  margin:8px 0 0!important;
}
.simig-category-intro .f-section__subheading,
.osalife-corner-story .f-section__subheading{
  color:var(--simig-espresso)!important;
  letter-spacing:.16em!important;
  font-size:12px!important;
  font-weight:600!important;
  margin:0!important;
}
.simig-category-intro .f-section__header,
.osalife-corner-story .f-section__header{
  margin-bottom:clamp(22px,3vw,36px)!important;
  max-width:none!important;
}
.simig-category-intro .f-card__subtitle,
.osalife-corner-story .f-card__subtitle{
  color:var(--simig-espresso)!important;
  font-size:12px!important;
  font-weight:600!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
  margin:0 0 8px!important;
  line-height:1.3!important;
}
.simig-category-intro .f-card__title,
.osalife-corner-story .f-card__title{
  font-size:clamp(1.45rem,1.7vw,1.85rem)!important;
  line-height:1.12!important;
  margin:0 0 10px!important;
}
.simig-category-intro .f-card__description,
.simig-category-intro .f-card__description p,
.osalife-corner-story .f-card__description,
.osalife-corner-story .f-card__description p{
  color:var(--simig-charcoal)!important;
  font-size:15px!important;
  line-height:1.55!important;
  margin:0!important;
}
.simig-category-intro .f-card__button,
.osalife-corner-story .f-card__button{margin-top:16px!important}
.simig-category-intro .f-card__button .f-button{
  display:inline-flex!important;
  width:auto!important;
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--simig-espresso)!important;
  text-decoration:underline!important;
  text-underline-offset:3px!important;
  font-weight:600!important;
}
.osalife-corner-story .f-image-text__content{padding:0!important}
.osalife-corner-story .f-image-text__content-inner{margin:0!important}
.osalife-corner-story .f-image,
.osalife-corner-story .f-image img,
.simig-category-intro .f-image,
.simig-category-intro .f-image img{border-radius:0!important}
.osalife-corner-story .f-card__button .f-button{
  display:inline-flex!important;
  width:auto!important;
  white-space:nowrap!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:40px!important;
  padding:10px 16px!important;
  background:var(--simig-espresso)!important;
  color:var(--simig-ivory-light)!important;
  border:1px solid var(--simig-espresso)!important;
  border-radius:2px!important;
  text-decoration:none!important;
  font-weight:600!important;
  line-height:1.2!important;
}
.simig-category-intro .f-card__button .f-button:hover,
.simig-category-intro .f-card__button .f-button:focus-visible{
  color:var(--simig-terracotta-hover)!important;
  background:transparent!important;
}
.osalife-corner-story .f-card__button .f-button:hover,
.osalife-corner-story .f-card__button .f-button:focus-visible{
  background:var(--simig-espresso-hover)!important;
  border-color:var(--simig-espresso-hover)!important;
  color:var(--simig-ivory-light)!important;
}
.simig-category-intro a:focus-visible,
.osalife-corner-story a:focus-visible{
  outline:2px solid var(--simig-espresso)!important;
  outline-offset:3px!important;
}
.simig-category-intro .container-fluid,
.osalife-corner-story .container-fluid{
  padding-left:clamp(20px,4vw,56px)!important;
  padding-right:clamp(20px,4vw,56px)!important;
}

@media (min-width:1100px){
  .simig-category-intro .f-image-text-carousel__wrapper{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:34px 22px!important;
  }
  .simig-category-intro .f-image-text:nth-child(1){grid-column:1 / 5;grid-row:1 / 3}
  .simig-category-intro .f-image-text:nth-child(2){grid-column:5 / 7;grid-row:1}
  .simig-category-intro .f-image-text:nth-child(3){grid-column:5 / 7;grid-row:2}
  .simig-category-intro .f-image-text:nth-child(4){grid-column:1 / 3;grid-row:3}
  .simig-category-intro .f-image-text:nth-child(5){grid-column:3 / 5;grid-row:3}
  .simig-category-intro .f-image-text:nth-child(6){grid-column:5 / 7;grid-row:3}
  .simig-category-intro .f-image-text:nth-child(1) .f-image,
  .simig-category-intro .f-image-text:nth-child(1) .f-image img{
    aspect-ratio:3 / 2!important;
    --aspect-ratio:1.5;
  }
  .simig-category-intro .f-image-text:nth-child(2) .f-image,
  .simig-category-intro .f-image-text:nth-child(3) .f-image,
  .simig-category-intro .f-image-text:nth-child(2) .f-image img,
  .simig-category-intro .f-image-text:nth-child(3) .f-image img{
    aspect-ratio:16 / 10!important;
    --aspect-ratio:1.6;
  }
  .simig-category-intro .f-image-text-carousel__wrapper{align-items:stretch!important}
  .simig-category-intro .f-image-text:nth-child(1),
  .simig-category-intro .f-image-text:nth-child(1) .f-image-text__wrapper{height:100%!important}
  .simig-category-intro .f-image-text:nth-child(1) .f-image-text__image{flex:1 1 auto!important;min-height:0!important}
  .simig-category-intro .f-image-text:nth-child(1) .f-image,
  .simig-category-intro .f-image-text:nth-child(1) .f-image img{
    height:100%!important;
    min-height:460px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
    object-position:center 40%!important;
  }
  .simig-category-intro .f-image-text:nth-child(1) .f-card__title{
    font-size:clamp(2rem,2.6vw,2.7rem)!important;
    max-width:16ch!important;
  }
  .simig-category-intro .f-image-text:nth-child(1) .f-image-text__content,
  .simig-category-intro .f-image-text:nth-child(1) .f-image-text__content-inner{
    padding:22px 8px 0 2px!important;
    max-width:38rem!important;
  }
  .simig-category-intro .f-image-text:nth-child(2) .f-card__title,
  .simig-category-intro .f-image-text:nth-child(3) .f-card__title{
    font-size:1.45rem!important;
  }
  .simig-category-intro .f-image-text:nth-child(n+4) .f-card__title{min-height:2.5em}

  .osalife-corner-story{background:var(--simig-ivory)!important}
  .osalife-corner-story .f-image-text-carousel__wrapper{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 24px!important;
  }
  .osalife-corner-story .f-image-text:nth-child(1){grid-column:1 / -1}
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__wrapper{
    display:grid!important;
    grid-template-columns:minmax(0,1.42fr) minmax(280px,.86fr)!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__image{border-radius:2px 0 0 2px!important}
  .osalife-corner-story .f-image-text:nth-child(1) .f-image,
  .osalife-corner-story .f-image-text:nth-child(1) .f-image img{
    height:100%!important;
    min-height:320px!important;
    aspect-ratio:auto!important;
    --aspect-ratio:1.5;
    object-position:32% center!important;
  }
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__content,
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__content-inner{
    background:var(--simig-clay)!important;
    color:var(--simig-charcoal)!important;
    padding:40px 44px!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
  }
  .osalife-corner-story .f-image-text:nth-child(1) .f-card__title{
    font-size:clamp(2rem,2.5vw,2.75rem)!important;
    max-width:12ch!important;
  }
  .osalife-corner-story .f-image-text:nth-child(2) .f-image-text__image,
  .osalife-corner-story .f-image-text:nth-child(2) .f-image,
  .osalife-corner-story .f-image-text:nth-child(2) a{
    height:auto!important;
    aspect-ratio:3 / 2!important;
  }
  .osalife-corner-story .f-image-text:nth-child(2) .f-image img{height:100%!important;aspect-ratio:3 / 2!important}
  .osalife-corner-story .f-image-text:nth-child(2) .f-image-text__content{background:transparent!important;padding:0!important}
  .osalife-corner-story .f-image-text:nth-child(2) .f-image-text__content-inner,
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content-inner{
    background:var(--simig-clay)!important;
    margin:0!important;
    padding:24px 26px 26px!important;
  }
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content{background:var(--simig-clay)!important;padding:0!important}
  .osalife-corner-story .f-image-text:nth-child(2) .f-image-text__image,
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__image{border-radius:2px 2px 0 0!important}
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__wrapper{
    display:grid!important;
    grid-template-columns:minmax(220px,.9fr) minmax(0,1.15fr)!important;
    align-items:stretch!important;
    gap:0!important;
  }
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content{order:1!important}
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__image{
    order:2!important;
    border-radius:0 2px 2px 0!important;
  }
  .osalife-corner-story .f-image-text:nth-child(3) .f-image,
  .osalife-corner-story .f-image-text:nth-child(3) .f-image img{
    height:100%!important;
    min-height:240px!important;
    aspect-ratio:auto!important;
    object-position:70% center!important;
  }
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content,
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content-inner{
    justify-content:center!important;
    height:100%!important;
    padding:28px 28px!important;
  }
}

@media (min-width:768px) and (max-width:1099px){
  .simig-category-intro .f-image-text-carousel__wrapper,
  .osalife-corner-story .f-image-text-carousel__wrapper{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 18px!important;
  }
  .simig-category-intro .f-image-text:nth-child(1),
  .osalife-corner-story .f-image-text:nth-child(1){grid-column:1 / -1}
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__wrapper{
    display:grid!important;
    grid-template-columns:1.2fr .9fr!important;
    gap:0!important;
  }
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__content,
  .osalife-corner-story .f-image-text:nth-child(1) .f-image-text__content-inner,
  .osalife-corner-story .f-image-text:nth-child(2) .f-image-text__content,
  .osalife-corner-story .f-image-text:nth-child(2) .f-image-text__content-inner,
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content,
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__content-inner{
    background:var(--simig-clay)!important;
    padding:24px!important;
  }
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__wrapper{display:flex!important;flex-direction:column!important}
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__image{order:0!important}
}

@media (max-width:767px){
  .simig-category-intro .f-image-text-carousel__wrapper,
  .osalife-corner-story .f-image-text-carousel__wrapper{
    grid-template-columns:minmax(0,1fr)!important;
    gap:28px!important;
  }
  .simig-category-intro .f-image,
  .osalife-corner-story .f-image,
  .simig-category-intro .f-image img,
  .osalife-corner-story .f-image img{
    aspect-ratio:3 / 2!important;
    --aspect-ratio:1.5;
    height:auto!important;
    min-height:0!important;
  }
  .simig-category-intro .f-image-text__content,
  .simig-category-intro .f-image-text__content-inner,
  .osalife-corner-story .f-image-text__content,
  .osalife-corner-story .f-image-text__content-inner{
    padding:16px 2px 0!important;
    background:transparent!important;
  }
  .osalife-corner-story .f-image-text__content,
  .osalife-corner-story .f-image-text__content-inner{
    background:var(--simig-clay)!important;
    padding:18px 18px 20px!important;
  }
  .simig-category-intro .f-card__title,
  .osalife-corner-story .f-card__title{font-size:1.55rem!important;max-width:none!important}
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__wrapper{display:flex!important;flex-direction:column!important}
  .osalife-corner-story .f-image-text:nth-child(3) .f-image-text__image{order:0!important;border-radius:2px 2px 0 0!important}
}

.simig-category-intro .f-image-text:nth-child(1) .f-image,
.osalife-corner-story .f-image-text:nth-child(2) .f-image{
  padding-top:0!important;
  padding-bottom:0!important;
}