.hero{padding:50px 10px;display:flex;flex-flow:column;max-width:1600px;margin:0 auto}dl{display:grid;grid-template-columns:auto auto}dt{grid-column-start:1;text-align:right}dd{grid-column-start:2;text-align:left;padding-left:10px}body:has([data-collection=ecco]) .mobile-menu__btn,body:has([data-collection=ecco]) .sidebar,body:has([data-collection=ecco]) footer{background-color:var(--color-ecco);border-right-color:var(--color-ecco)}body:has([data-collection=ecco]) .nav-accent{background-color:var(--color-ecco)}body:has([data-collection=premium]) .mobile-menu__btn,body:has([data-collection=premium]) .sidebar,body:has([data-collection=premium]) footer{background-color:var(--color-premium);border-right-color:var(--color-premium)}body:has([data-collection=premium]) .nav-accent{background-color:var(--color-premium)}body:has([data-collection=standard]) .mobile-menu__btn,body:has([data-collection=standard]) .sidebar,body:has([data-collection=standard]) footer{background-color:var(--color-standard);border-right-color:var(--color-standard)}body:has([data-collection=standard]) .nav-accent{background-color:var(--color-standard)}body:has([data-collection=revesta]) .mobile-menu__btn,body:has([data-collection=revesta]) .sidebar,body:has([data-collection=revesta]) footer{background-color:var(--color-revesta);border-right-color:var(--color-revesta)}body:has([data-collection=revesta]) .nav-accent{background-color:var(--color-revesta)}body:has([data-collection=jangal]) .mobile-menu__btn,body:has([data-collection=jangal]) .sidebar,body:has([data-collection=jangal]) footer{background-color:var(--color-jangal);border-right-color:var(--color-jangal)}body:has([data-collection=jangal]) .nav-accent{background-color:var(--color-jangal)}[data-collection] .hero h1{min-width:300px;display:inline-block}[data-collection]>hr{border-width:1px}.color-card{position:relative}.color-card__label{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:8px 12px;font-size:14px;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.6))}@media (min-width:768px){.color-card__label{font-size:36px;padding:20px 24px}}[data-collection=ecco] .color-card__label{border-bottom:3px solid var(--color-ecco)}[data-collection=premium] .color-card__label{border-bottom:3px solid var(--color-premium)}[data-collection=standard] .color-card__label{border-bottom:3px solid var(--color-standard)}[data-collection=revesta] .color-card__label{border-bottom:3px solid var(--color-revesta)}[data-collection=jangal] .color-card__label{border-bottom:3px solid var(--color-jangal)}[data-collection=ecco]>.hero:first-child,[data-collection=ecco]>hr{border-color:var(--color-ecco)}[data-collection=premium]>.hero:first-child,[data-collection=premium]>hr{border-color:var(--color-premium)}[data-collection=standard]>.hero:first-child,[data-collection=standard]>hr{border-color:var(--color-standard)}[data-collection=revesta]>.hero:first-child,[data-collection=revesta]>hr{border-color:var(--color-revesta)}[data-collection=jangal]>.hero:first-child,[data-collection=jangal]>hr{border-color:var(--color-jangal)}