/* =========================================================
   JOHN IAN COLLECTION HERO — BUILD 8.1
   Editorial introduction for WooCommerce product collections.
   ========================================================= */
.ji-collection-hero{
  display:grid;
  min-height:clamp(620px,78svh,920px);
  background:var(--green);
  color:#fff;
  overflow:hidden;
}
.ji-collection-hero--with-media{grid-template-columns:minmax(360px,.42fr) minmax(0,.58fr)}
.ji-collection-hero--text-only{min-height:clamp(470px,58svh,680px)}
.ji-collection-hero__copy{display:flex;align-items:flex-end;padding:clamp(145px,15vw,220px) var(--gutter) clamp(70px,8vw,120px)}
.ji-collection-hero__copy-inner{width:min(100%,650px);margin-left:auto;margin-right:clamp(0px,3vw,52px)}
.ji-collection-hero--text-only .ji-collection-hero__copy-inner{width:min(100%,1000px);margin-inline:auto}
.ji-collection-hero .ji-kicker{margin-bottom:clamp(22px,3vw,38px);color:rgba(255,255,255,.64)}
.ji-collection-hero h1{max-width:12ch;margin:0;color:#fff;font-size:clamp(58px,7vw,112px);line-height:.92;letter-spacing:-.045em;text-wrap:balance}
.ji-collection-hero--text-only h1{max-width:14ch}
.ji-collection-hero__lead{max-width:38ch;margin:clamp(28px,4vw,48px) 0 0;color:rgba(255,255,255,.75);font-family:var(--serif);font-size:clamp(20px,2vw,30px);line-height:1.45}
.ji-collection-hero__cue{display:inline-flex;margin-top:clamp(38px,5vw,60px);padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.55);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;transition:border-color .28s ease,opacity .28s ease}
.ji-collection-hero__cue:hover{border-color:#fff;opacity:.82}
.ji-collection-hero__media{position:relative;min-height:inherit;background:#172015}
.ji-collection-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.ji-collection-hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,28,17,.22) 0%,rgba(19,28,17,0) 30%),linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.16))}
.ji-commerce-catalogue{scroll-margin-top:90px}
#collection-products{scroll-margin-top:90px}
@media(max-width:980px){
  .ji-collection-hero--with-media{grid-template-columns:1fr;grid-template-rows:auto minmax(420px,58svh)}
  .ji-collection-hero__copy{padding:130px var(--gutter) 70px}
  .ji-collection-hero__copy-inner{width:min(100%,820px);margin:0}
  .ji-collection-hero h1{max-width:14ch}
  .ji-collection-hero__media{min-height:58svh}
  .ji-collection-hero__veil{background:linear-gradient(180deg,rgba(19,28,17,.08),rgba(19,28,17,.28))}
}
@media(max-width:640px){
  .ji-collection-hero{min-height:auto}
  .ji-collection-hero--with-media{grid-template-rows:auto minmax(360px,52svh)}
  .ji-collection-hero__copy{padding:112px 22px 58px}
  .ji-collection-hero h1{font-size:clamp(49px,15vw,72px)}
  .ji-collection-hero__lead{font-size:20px}
  .ji-collection-hero__media{min-height:52svh}
}