.shade-guide__inner{max-width:768px}.shade-guide .image-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.shade-guide .image-grid img{width:100%;margin:0}.shade-guide .shade-guide__intro{display:grid;grid-template-columns:35% 1fr;column-gap:12px;align-items:center;margin:0 0 12px;text-align:left}.shade-guide .shade-guide__image{width:100%;height:auto}.shade-guide .shade-guide__image--desktop{display:none}.shade-guide .shade-guide__intro p{grid-column:1 / span 2}.shade-guide .shade-guide__intro p:first-of-type{grid-column:unset}@media (min-width: 520px){.shade-guide .shade-guide__intro{grid-template-columns:30% 1fr}.shade-guide .shade-guide__image--mobile{display:none}.shade-guide .shade-guide__image--desktop{display:block}}@media (min-width: 768px){.shade-guide .shade-guide__intro{grid-template-columns:1fr 1fr;align-items:stretch}.shade-guide .shade-guide__image{grid-row:1 / span 3;object-fit:cover;object-position:left top}.shade-guide .shade-guide__intro p{grid-column:2 / span 1}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/main-page-shade-guide.css.map */