.dds-support-areas{background:var(--dds-color-background);color:var(--dds-color-text);overflow:hidden;padding-block:clamp(var(--dds-spacing-3xl),8vw,var(--dds-spacing-5xl));position:relative;width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.dds-support-areas__illustration{bottom:0;color:color-mix(in srgb,var(--dds-color-text-secondary) 68%,var(--dds-color-background));left:0;max-width:45vw;opacity:.12;pointer-events:none;position:absolute;width:clamp(22rem,28vw,52rem);z-index:0}.dds-support-areas__illustration-image{display:block;width:100%}.dds-support-areas__inner{position:relative;z-index:1}.dds-support-areas__header{margin-inline:auto;max-width:78rem;text-align:center}.dds-support-areas__subtitle{color:var(--dds-color-text-secondary);font-family:var(--dds-font-body-family);font-size:var(--dds-font-size-body-large);line-height:var(--dds-line-height-body);margin-block-start:var(--dds-spacing-xs)}.dds-support-areas__grid{display:grid;gap:clamp(var(--dds-spacing-sm),1.6vw,var(--dds-spacing-md));grid-template-columns:repeat(5,minmax(0,1fr));margin-block-start:clamp(var(--dds-spacing-xl),5vw,var(--dds-spacing-3xl))}.dds-support-card{background:color-mix(in srgb,var(--dds-color-surface) 88%,var(--dds-color-background));border:.1rem solid var(--dds-color-border-soft);border-radius:var(--dds-radius-large);color:var(--dds-color-text);display:flex;flex-direction:column;gap:var(--dds-spacing-sm);min-height:27.5rem;min-width:0;padding:clamp(1.8rem,1.7vw,2.4rem);position:relative;text-decoration:none;transition:border-color .18s ease,background-color .18s ease,transform .18s ease}.dds-support-card:hover,.dds-support-card:focus-visible{background:var(--dds-color-surface);border-color:color-mix(in srgb,var(--dds-color-accent) 42%,var(--dds-color-border-soft));transform:translateY(-.2rem)}.dds-support-card__icon{align-self:center;color:var(--dds-support-card-icon-color, var(--dds-color-accent));display:inline-flex}.dds-support-card--leaf{--dds-support-card-icon-color: #7f9472}.dds-support-card--energy{--dds-support-card-icon-color: #a9828d}.dds-support-card--body{--dds-support-card-icon-color: #b49a73}.dds-support-card--home{--dds-support-card-icon-color: #c18a63}.dds-support-card--star{--dds-support-card-icon-color: #9580a7}.dds-support-card__icon svg{display:block;fill:none;height:4.2rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;width:4.2rem}.dds-support-card__content{display:flex;flex-direction:column;gap:var(--dds-spacing-2xs);min-width:0;text-align:center}.dds-support-card__title{align-items:center;display:flex;font-family:var(--dds-font-heading-family);font-size:clamp(1.62rem,1.08vw,1.86rem);justify-content:center;line-height:1.22;min-height:2.44em;overflow-wrap:anywhere;text-align:center}.dds-support-card__description{color:var(--dds-color-text-secondary);font-size:var(--dds-font-size-small);line-height:1.55;overflow-wrap:anywhere}.dds-support-card__arrow{align-items:center;align-self:end;border:.1rem solid var(--dds-color-border-soft);border-radius:var(--dds-radius-full);display:inline-flex;height:3.8rem;justify-content:center;margin-block-start:auto;transition:border-color .18s ease,color .18s ease,transform .18s ease;width:3.8rem}.dds-support-card:hover .dds-support-card__arrow,.dds-support-card:focus-visible .dds-support-card__arrow{border-color:color-mix(in srgb,var(--dds-color-accent) 48%,var(--dds-color-border-soft));color:var(--dds-color-accent);transform:translate(.2rem)}.dds-support-card__arrow svg{fill:none;height:2rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:2rem}@media screen and (max-width:1180px){.dds-support-areas__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:749px){.dds-support-areas{padding-block:var(--dds-spacing-3xl)}.dds-support-areas__subtitle{font-size:var(--dds-font-size-body)}.dds-support-areas__grid{grid-template-columns:1fr}.dds-support-card{min-height:0;padding:var(--dds-spacing-md)}.dds-support-areas__illustration{bottom:0;left:0;max-width:58vw;width:22rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dds-support-areas.css.map */