.dd-fdesign{padding:80px 0;background:linear-gradient(180deg,#f4f5f8,#fbfbfd);text-align:center}@media(min-width:750px){.dd-fdesign{padding:140px 0}}.dd-fdesign__media{position:relative;margin:0 auto;border-radius:var(--dd-radius-md);overflow:hidden;aspect-ratio:16 / 10;max-width:1000px;background:#ececef;box-shadow:var(--dd-shadow)}.dd-fdesign__media img,.dd-fdesign__media-placeholder{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s var(--dd-ease)}.dd-fdesign__media:hover img{transform:scale(1.03)}.dd-fdesign__media-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e8e8ed,#d2d2d7);color:#86868b;font-size:14px}.dd-fdesign__content{margin:48px auto 0;max-width:720px;display:flex;flex-direction:column;gap:14px;align-items:center}.dd-fdesign__eyebrow{font-family:var(--dd-font);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--dd-accent);margin:0}.dd-fdesign__title{font-family:var(--dd-font);font-size:clamp(32px,4.4vw,56px);font-weight:600;letter-spacing:-.025em;line-height:1.05;color:var(--dd-text);margin:0;text-wrap:balance}.dd-fdesign__body{font-family:var(--dd-font);font-size:clamp(16px,1.4vw,19px);font-weight:400;color:var(--dd-text-2);line-height:1.5;margin:0;max-width:560px}.dd-fdesign__colors{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 28px;margin:48px auto 0;max-width:920px}.dd-fdesign__color{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:inherit;transition:transform .3s var(--dd-ease)}.dd-fdesign__color:hover{transform:translateY(-3px)}.dd-fdesign__color-media{width:64px;height:64px;border-radius:50%;background:#fff;border:1px solid var(--dd-border);display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 12px -4px #00000014;transition:box-shadow .3s var(--dd-ease),border-color .3s var(--dd-ease)}.dd-fdesign__color:hover .dd-fdesign__color-media{box-shadow:0 8px 20px -6px #0000002e;border-color:#0000002e}.dd-fdesign__color-media img{width:100%;height:100%;object-fit:cover}.dd-fdesign__color-name{font-family:var(--dd-font);font-size:12px;font-weight:500;letter-spacing:-.005em;color:var(--dd-text-2)}@media(min-width:750px){.dd-fdesign__color-media{width:72px;height:72px}.dd-fdesign__color-name{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-feature-design-duedat.css.map */