/*
 * SIT Recycling Enterprise V6.3.8 — preview hero geometry and standardised public typography.
 *
 * The Book a Collection hero remains the type-scale reference. The homepage uses
 * the approved preview composition: a deliberately narrower editorial text column,
 * a fixed evidence panel and enough negative space to reveal the operational image.
 */
:root{
  --sit-hero-title-desktop:clamp(42px,3.85vw,54px);
  --sit-hero-title-mobile:clamp(38px,10.5vw,42px);
  --sit-hero-title-line-height:.98;
  --sit-hero-title-letter-spacing:-.052em;
}

body.sit-recycle-site .sit-home-hero h1,
body.sit-recycle-site .sit-page-hero h1,
body.sit-recycle-site .sit-page-hero--compact h1,
body.sit-recycle-site .sit-v63-hero__copy h1,
body.sit-recycle-site .sit-v63-hero--compact .sit-v63-hero__copy h1,
body.sit-recycle-site .sit-v631-collection-hero h1{
  font-family:var(--sit-font-heading,Poppins,Inter,"Aptos Display","Segoe UI",Arial,sans-serif);
  font-size:var(--sit-hero-title-desktop);
  font-weight:780;
  line-height:var(--sit-hero-title-line-height);
  letter-spacing:var(--sit-hero-title-letter-spacing);
  text-wrap:balance;
}

body.sit-recycle-site .sit-home-hero h1 span,
body.sit-recycle-site .sit-page-hero h1 span,
body.sit-recycle-site .sit-v63-hero__copy h1 span,
body.sit-recycle-site .sit-v631-collection-hero h1 span{
  font:inherit;
  letter-spacing:inherit;
}

/* The preview gives each headline statement its own row. */
body.home.sit-recycle-site .sit-home-hero__title-row,
body.home.sit-recycle-site .sit-home-hero__title-row--primary > span{
  display:block;
}
body.home.sit-recycle-site .sit-home-hero__title-row--primary,
body.home.sit-recycle-site .sit-home-hero__title-row--primary > span{color:#fff}
body.home.sit-recycle-site .sit-home-hero__title-row--primary > span + span::before{content:none}
body.home.sit-recycle-site .sit-home-hero__title-row--accent{color:var(--sit-lime)}

/* Preview composition: centred 550px editorial column + 300–320px evidence card. */
@media (min-width:1101px){
  body.home.sit-recycle-site .sit-home-hero__grid{
    width:min(900px,calc(100% - 40px));
    grid-template-columns:minmax(0,520px) minmax(290px,310px);
    justify-content:center;
    align-items:center;
    gap:clamp(56px,4.4vw,70px);
  }
  body.home.sit-recycle-site .sit-home-hero__copy{
    width:100%;max-width:520px;min-width:0;
  }
  body.home.sit-recycle-site .sit-home-hero h1{
    width:100%;max-width:520px;
  }
  body.home.sit-recycle-site .sit-home-hero__copy > p{max-width:520px}
  body.home.sit-recycle-site .sit-accounted-card{
    width:100%;max-width:310px;min-width:0;justify-self:start;
  }
}

@media (min-width:1101px) and (max-width:1280px){
  body.home.sit-recycle-site .sit-home-hero__grid{
    width:min(880px,calc(100% - 36px));
    grid-template-columns:minmax(0,500px) minmax(270px,300px);
    gap:clamp(46px,3.8vw,60px);
  }
  body.home.sit-recycle-site .sit-home-hero__copy,
  body.home.sit-recycle-site .sit-home-hero h1{max-width:500px}
  body.home.sit-recycle-site .sit-accounted-card{max-width:300px}
}

@media (max-width:1100px){
  body.home.sit-recycle-site .sit-home-hero h1{width:auto;max-width:15ch}
}

@media (max-width:620px){
  body.sit-recycle-site .sit-home-hero h1,
  body.sit-recycle-site .sit-page-hero h1,
  body.sit-recycle-site .sit-page-hero--compact h1,
  body.sit-recycle-site .sit-v63-hero__copy h1,
  body.sit-recycle-site .sit-v63-hero--compact .sit-v63-hero__copy h1,
  body.sit-recycle-site .sit-v631-collection-hero h1{
    font-size:var(--sit-hero-title-mobile);
    line-height:1.01;
    letter-spacing:-.046em;
  }
}

/* V6.3.8 preview-matched operational image visibility. */
body.home.sit-recycle-site .sit-home-hero::before{
  background-position:center 48%;
  filter:brightness(1.12) contrast(1.05) saturate(1.08);
  transform:scale(1.002);
}
body.home.sit-recycle-site .sit-home-hero::after{
  background:
    linear-gradient(180deg,rgba(2,29,23,.07) 0%,rgba(2,29,23,0) 35%,rgba(2,29,23,.09) 100%),
    linear-gradient(90deg,
      rgba(2,29,23,.985) 0%,
      rgba(2,29,23,.965) 30%,
      rgba(2,29,23,.69) 50%,
      rgba(2,29,23,.30) 69%,
      rgba(2,29,23,.045) 100%);
}
body.home.sit-image-visibility-balanced .sit-home-hero::after{
  background:
    linear-gradient(180deg,rgba(2,29,23,.10) 0%,rgba(2,29,23,0) 35%,rgba(2,29,23,.12) 100%),
    linear-gradient(90deg,
      rgba(2,29,23,.995) 0%,
      rgba(2,29,23,.975) 31%,
      rgba(2,29,23,.77) 52%,
      rgba(2,29,23,.43) 72%,
      rgba(2,29,23,.12) 100%);
}
body.home.sit-image-visibility-maximum .sit-home-hero::before{
  filter:brightness(1.20) contrast(1.05) saturate(1.10);
}
body.home.sit-image-visibility-maximum .sit-home-hero::after{
  background:
    linear-gradient(180deg,rgba(2,29,23,.04) 0%,rgba(2,29,23,0) 38%,rgba(2,29,23,.06) 100%),
    linear-gradient(90deg,
      rgba(2,29,23,.965) 0%,
      rgba(2,29,23,.93) 28%,
      rgba(2,29,23,.56) 49%,
      rgba(2,29,23,.18) 67%,
      rgba(2,29,23,.01) 100%);
}
body.home.sit-recycle-site .sit-accounted-card{
  background:linear-gradient(145deg,rgba(3,36,28,.78),rgba(3,36,28,.60));
  border-color:rgba(255,255,255,.25);
  box-shadow:0 24px 60px rgba(0,0,0,.19);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}