.collections-hero-before{position:relative;min-height:640px;padding:180px 0 96px;display:grid;align-items:end;overflow:hidden;background:var(--brand-primary-dark)}.collections-hero-before__media img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collections-hero-before::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,rgba(36,84,51,.25),rgba(42,39,36,.84))}.collections-hero-before .container{position:relative;z-index:2}.collections-hero-before .hg-eyebrow,.collections-hero-before h1,.collections-hero-before p{max-width:780px;color:var(--brand-text-inverse)}.collections-hero-before h1{font-size:max(2rem, min(4vw, 3.5rem))}.selector-panel{display:grid;grid-template-columns:minmax(0,0.8fr) minmax(0,0.8fr) minmax(260px,1fr);grid-gap:18px;gap:18px;padding:24px;border:1px solid var(--brand-border);background:var(--brand-bg)}.selector-control,.selector-result{padding:22px;border:1px solid var(--brand-border);background:var(--brand-bg-alt)}.selector-control label{display:block;margin-bottom:18px;font-weight:800}.selector-scale{display:grid;grid-gap:10px;gap:10px}.selector-scale i{display:block;height:14px;background:var(--brand-primary)}.selector-options{display:grid;grid-gap:10px;gap:10px}.selector-options span{padding:10px 12px;border:1px solid var(--brand-primary);color:var(--brand-primary-dark);font-weight:800}.collection-case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:20px;gap:20px}.collection-case-grid article{border:1px solid var(--brand-border);background:var(--brand-bg)}.collection-case-grid img{width:100%;aspect-ratio:4/3;-o-object-fit:cover;object-fit:cover}.collection-case-grid h3,.collection-case-grid p{margin-left:18px;margin-right:18px}.collection-case-grid h3{margin-top:18px}.collection-case-grid p{margin-bottom:20px}.collection-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.collection-index-grid a{padding:20px;border:1px solid var(--brand-border);background:var(--brand-bg);color:var(--brand-primary-dark);font-weight:800}.collection-index-grid a:hover{background:var(--brand-bg-alt);-webkit-text-decoration:none;text-decoration:none}@media (max-width:991.98px){.collection-case-grid,.selector-panel{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:575.98px){.collection-case-grid,.collection-index-grid,.selector-panel{grid-template-columns:1fr}}