/* TWS topic category hero. Only enhanced topic archives receive these rules. */
.tws-topic-feature-hero-v1{
  position:relative!important;isolation:isolate!important;
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  width:100%!important;max-width:1200px!important;box-sizing:border-box!important;
  min-height:360px!important;overflow:hidden!important;margin:0 auto 1rem!important;
  padding:clamp(22px,3.5vw,43px)!important;
  border:1px solid rgba(160,208,186,.23)!important;border-radius:18px!important;
  background:#06161b!important;color:#fffaf2!important;
}
.tws-topic-feature-hero-v1::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,rgba(2,11,17,.96) 0%,rgba(3,12,17,.82) 48%,rgba(3,13,18,.37) 100%),linear-gradient(0deg,rgba(3,10,14,.55),transparent 75%)!important;
}
.tws-topic-feature-hero-v1 .tws-topic-feature-image-v1{
  position:absolute!important;inset:0!important;display:block!important;
  width:100%!important;height:100%!important;min-width:0!important;max-width:none!important;
  min-height:0!important;max-height:none!important;object-fit:cover!important;
  object-position:center 54%!important;margin:0!important;padding:0!important;
  border:0!important;border-radius:0!important;opacity:.74!important;z-index:0!important;
}
.tws-topic-feature-hero-v1 .tws-topic-feature-media-v1{
  position:static!important;display:contents!important;width:auto!important;height:auto!important;
  max-width:none!important;max-height:none!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;background:none!important;overflow:visible!important;
}
.tws-topic-feature-hero-v1 :is(h1,p,nav,ol,ul,header,div):not(.tws-topic-feature-media-v1){
  position:relative;z-index:2;min-width:0;
}
.tws-topic-feature-hero-v1 h1{
  font-size:clamp(2.45rem,5.5vw,4.7rem)!important;line-height:1.055!important;
  letter-spacing:-.035em!important;color:#fffaf1!important;max-width:17ch!important;
  margin:.14em 0 .23em!important;text-shadow:0 3px 14px rgba(0,0,0,.5)!important;
}
.tws-topic-feature-hero-v1 p{
  max-width:58ch!important;font-size:clamp(.98rem,1.45vw,1.17rem)!important;
  line-height:1.51!important;color:#f0f1e9!important;
  text-shadow:0 2px 9px rgba(0,0,0,.67)!important;margin:.2rem 0!important;
}
.tws-topic-feature-hero-v1 a{color:#e4f4e2!important}
@media(max-width:680px){
  .tws-topic-feature-hero-v1{
    min-height:315px!important;border-radius:14px!important;
    padding:19px 18px 21px!important;margin:.3rem auto .9rem!important
  }
  .tws-topic-feature-hero-v1::before{
    background:linear-gradient(0deg,rgba(2,10,14,.96) 0%,rgba(2,11,16,.83) 57%,rgba(3,12,17,.36) 100%)!important
  }
  .tws-topic-feature-hero-v1 .tws-topic-feature-image-v1{opacity:.62!important;object-position:center 55%!important}
  .tws-topic-feature-hero-v1 h1{font-size:clamp(2.04rem,8vw,3rem)!important;max-width:100%!important;line-height:1.05!important}
  .tws-topic-feature-hero-v1 p{font-size:.92rem!important;line-height:1.45!important;max-width:45ch!important}
}
@media(prefers-reduced-motion:reduce){.tws-topic-feature-hero-v1 *{transition:none!important}}


/* The category hero's typography also applies to the archived Strains page. */
.tws-strain-feature-hero-v1{min-height:315px!important;}
.tws-strain-feature-hero-v1 .tws-strain-feature-kicker-v1{font:750 .68rem/1.4 system-ui,sans-serif!important;letter-spacing:.14em!important;color:#bff3c8!important;text-transform:uppercase!important;margin:0 0 .4rem!important}
@media(max-width:700px){.tws-strain-feature-hero-v1{min-height:275px!important}}