.separa-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(1.25rem,4vw,3rem);margin:1rem 0 2.75rem}
.separa-hero h1{margin:.2em 0 .35em}
.separa-kicker{font-weight:750;color:#176247;margin:0}
.separa-img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;border-radius:.9rem;background:#e1ecd9}
.separa-actions{display:flex;gap:.65rem 1rem;flex-wrap:wrap;align-items:center;margin-top:1.3rem}
.separa-actions .cta + .cta{background:#062d21;color:#fff}
.separa-panel{background:#e7efd9;padding:clamp(1rem,4vw,2rem);border-radius:1rem;margin:2.25rem 0}
.separa-panel h2:first-child,.separa-feature h2,.separa-last h2{margin:0 0 .65rem}
.separa-materials,.separa-spaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;margin-top:1.1rem}
.separa-material,.separa-spaces a{padding:1rem;border-radius:.75rem;background:#fff}
.separa-material h3,.separa-material p{margin:0}.separa-material p{margin-top:.4rem}
.separa-material.pet{background:#c4f451}.separa-material.carton{background:#f8edce}.separa-material.metales{background:#143854;color:#fff}.separa-material.llantas{background:#062d21;color:#fff}
.separa-spaces a{display:grid;position:relative;color:#062d21;text-decoration:none;border:1px solid #ceddcc}
.separa-spaces strong{font-size:1.12rem}.separa-spaces a:hover strong{text-decoration:underline}.separa-arrow{justify-self:end;color:#146849;font-size:1.3rem}
.separa-feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem);align-items:center;margin:2.5rem 0}
.separa-caption{margin:.35rem 0;font-size:.84rem;color:#435d51}
.separa-downloads{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:.7rem;margin:1rem 0}
.separa-downloads a{display:flex;align-items:center;justify-content:space-between;gap:.65rem;background:white;color:#062d21;padding:.9rem;border:1px solid #b8cdb9;border-radius:.55rem;text-decoration:none}
.separa-downloads a:hover strong{text-decoration:underline}.separa-downloads small{display:block;color:#405e4e}.separa-file{white-space:nowrap;font-weight:750;color:#135b40}
.separa-steps{padding-left:1.4rem}.separa-steps li{margin:1rem 0}.separa-steps h3,.separa-steps p{margin:.35rem 0}
.separa-last{padding:clamp(1.05rem,3vw,1.85rem);background:#062d21;color:#fff;border-radius:.85rem;margin-top:2rem}
.separa-last a:not(.cta){color:#dcf2a9}
@media(max-width:700px){.separa-hero,.separa-feature{grid-template-columns:1fr}}
.separa-spaces a:nth-child(1){background:#c4f451}
.separa-spaces a:nth-child(2){background:#fac1da}
.separa-spaces a:nth-child(3){background:#bae8ee}
.separa-spaces a:nth-child(4){background:#f6e9c8}
.separa-spaces a:hover{background:#daefbb}
.campaign-header{background:#f6efd9;color:#062d21;border-bottom:1px solid #062d21}
.campaign-header .chrome-wrap{min-height:4.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.campaign-wordmark{display:inline-flex;flex-wrap:wrap;column-gap:.3rem;line-height:1;font-size:1.1rem;font-weight:950;letter-spacing:-.055em;text-decoration:none;color:inherit}
.campaign-wordmark span{color:#116341}
.campaign-header nav{display:flex;gap:clamp(.65rem,3vw,1.5rem);font-size:.9rem;font-weight:700}
.campaign-header nav a,.campaign-home-link{color:inherit;text-decoration:none}
.campaign-header nav a:hover,.campaign-home-link:hover{text-decoration:underline}
.campaign-home-link{font-size:.79rem;font-weight:700}
.campaign-landing{background:#f6efd9}
.campaign-landing main{max-width:78rem}
.campaign-hero{display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1fr);align-items:center;gap:clamp(1.2rem,4vw,3.2rem);padding:clamp(1.15rem,4vw,3rem);border:2px solid #062d21;border-radius:clamp(1rem,3vw,2rem);background:#c4f451;overflow:hidden}
.campaign-hero h1{margin:.16em 0 .22em;font-size:clamp(3.2rem,8.4vw,7rem);font-weight:950;letter-spacing:-.085em;line-height:.85}
.campaign-hero h1 em{color:#065338;font-style:italic}
.campaign-hero .lead{font-weight:550;max-width:39ch}
.campaign-hero figure{position:relative;margin:0}
.campaign-hero .separa-img{border:2px solid #062d21;border-radius:1rem}
.campaign-chip,.campaign-sticker{width:fit-content;display:inline-block;background:#fac1da;color:#062d21;padding:.26rem .65rem;font-weight:850;font-size:.74rem;border:1px solid currentColor;border-radius:2rem;margin:0}
.campaign-sticker{position:absolute;right:.45rem;bottom:.6rem;transform:rotate(-4deg);font-size:clamp(.57rem,1.3vw,.85rem);padding:.48rem .68rem;box-shadow:2px 3px #062d21}
.campaign-sticker span{color:#146849;padding-inline:.05em}
.campaign-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem}
.campaign-actions .cta{background:#062d21;color:#fff;border-radius:999px;padding-inline:1rem}
.campaign-actions a:not(.cta){font-size:.9rem;font-weight:750}
.campaign-section{margin:3rem 0}
.campaign-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.campaign-posts article{border:1px solid #062d21;border-radius:1rem;overflow:hidden;background:#fff6e5}
.campaign-posts article:nth-child(2){background:#fbe1eb}
.campaign-posts article:nth-child(3){background:#dbf0f1}
.campaign-post-link{display:block;text-decoration:none;color:inherit}
.campaign-post-link:hover h3{text-decoration:underline}
.campaign-post-link .separa-img{border-radius:0;aspect-ratio:2/1}
.campaign-post-link div{padding:1rem 1rem 0}
.campaign-post-link h3{margin:.65rem 0 .3rem;font-size:clamp(1.18rem,2.3vw,1.65rem)}
.campaign-post-link p{margin:.4rem 0}
.campaign-byline{font-size:.8rem;font-weight:750;color:#355447}
.campaign-posts .campaign-byline{padding:0 1rem .6rem}
.campaign-share{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.2rem;align-items:center;border:1px solid #062d21;padding:clamp(1rem,4vw,2.5rem);border-radius:1.4rem;background:#fac1da}
.campaign-share h2{margin:.55rem 0 0}
.campaign-share-mark{background:#c4f451;border:2px solid #062d21;border-radius:50%;aspect-ratio:1;width:clamp(7.4rem,17vw,12rem);display:grid;align-content:center;text-align:center;font-size:clamp(1rem,2.4vw,1.75rem);line-height:.88;font-weight:950;letter-spacing:-.06em;transform:rotate(8deg)}
.campaign-share-mark span{display:block;font-size:1.9em;margin-bottom:.12em}
@media(max-width:700px){
  .campaign-header .chrome-wrap{padding-block:.75rem;display:grid;grid-template-columns:1fr auto;gap:.55rem}
  .campaign-header nav{grid-row:2;grid-column:1/-1}
  .campaign-home-link{grid-row:1;grid-column:2}
  .campaign-hero,.campaign-posts,.campaign-share{grid-template-columns:1fr}
  .campaign-hero h1{font-size:clamp(3.15rem,12vw,5.5rem)}
  .campaign-share-mark{order:-1}
}
