.dd-why{color:var(--dd-why-ink,#202553);font-family:'DM Sans',sans-serif;isolation:isolate}
.dd-why *{box-sizing:border-box}
.dd-why__scene{position:relative;isolation:isolate;overflow:hidden;background:var(--dd-why-canvas,#f2d9eb);background-image:radial-gradient(ellipse at 56% 44%,#ffffff30,transparent 65%)}
.dd-why__inner{max-width:1080px;margin-inline:auto;padding:clamp(36px,4vw,58px) clamp(20px,3vw,44px) 28px}
.dd-why__heading{position:relative;z-index:2;max-width:720px;margin:0 auto 12px;text-align:center}
.dd-why__eyebrow{margin:0 0 12px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:var(--dd-why-accent,#3047dc)}
.dd-why h2{color:var(--dd-why-ink,#202553);margin:0;font-family:Outfit,sans-serif;font-size:clamp(34px,4.3vw,62px);font-weight:600;line-height:1.05;letter-spacing:-.045em;overflow-wrap:normal}
.dd-why__intro{max-width:53ch;margin:20px auto 0;font-size:17px;line-height:1.65;text-wrap:pretty}
.dd-why__layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px) minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0 20px;max-width:960px;min-height:650px;margin-inline:auto}
.dd-why__art{position:absolute;inset:8% 15%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 45% 55%,var(--dd-why-halo,#f2a6e4),transparent 68%);opacity:.22}
.dd-why__texture{position:absolute;inset:7% 7%;z-index:-1;pointer-events:none;display:flex;align-items:center;justify-content:center;overflow:hidden}
.dd-why__texture img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.dd-why__product{grid-column:2;grid-row:1/3;display:flex;align-items:center;justify-content:center;min-width:0;height:650px;margin:0;position:relative;z-index:1}
.dd-why__packshot{display:block;width:auto;height:calc(650px * var(--dd-why-scale,.9));max-width:100%;max-height:620px;object-fit:contain;object-position:center;transform:rotate(var(--dd-why-angle,9deg));filter:drop-shadow(15px 19px 13px #20255322)}
.dd-why__benefit{position:relative;min-width:0;color:var(--dd-why-callout,#3047dc);z-index:2;align-self:center}
.dd-why__benefit--1{grid-column:1;grid-row:1;padding-bottom:45px;transform:translateY(12px)}
.dd-why__benefit--2{grid-column:3;grid-row:1/3;padding-top:36px;transform:translateY(-26px)}
.dd-why__benefit--3{grid-column:1;grid-row:2;padding-top:40px;transform:translateY(16px)}
.dd-why h3{color:inherit;margin:0 0 7px;font-family:Outfit,sans-serif;font-size:clamp(24px,2.15vw,30px);font-weight:500;letter-spacing:-.025em;line-height:1.12;overflow-wrap:break-word;text-wrap:pretty}
.dd-why__benefit p{margin:0;max-width:19ch;font-size:clamp(18px,1.6vw,21px);font-weight:500;line-height:1.35;letter-spacing:-.01em;text-wrap:pretty;overflow-wrap:break-word}
.dd-why__connector{display:block;position:absolute;pointer-events:none;width:calc(100% + 54px);height:42px;border-color:currentColor;border-style:solid;border-width:0 0 1.5px 1.5px;left:4px;top:calc(100% - 25px)}
.dd-why__connector::before{content:'';position:absolute;width:6px;height:6px;left:-3.75px;top:-2px;border-radius:50%;background:currentColor}
.dd-why__benefit--2 .dd-why__connector{left:auto;right:4px;top:-22px;width:calc(100% + 54px);border-width:1.5px 1.5px 0 0}
.dd-why__benefit--2 .dd-why__connector::before{left:auto;right:-3.75px;top:auto;bottom:-2px}
.dd-why__benefit--3 .dd-why__connector{top:-24px;border-width:1.5px 0 0 1.5px}
.dd-why__benefit--3 .dd-why__connector::before{top:auto;bottom:-2px}
.dd-why__layout--wide{grid-template-columns:minmax(0,1fr) minmax(330px,440px) minmax(0,1fr);min-height:550px}
.dd-why__layout--wide .dd-why__product{height:550px}
.dd-why__layout--wide .dd-why__packshot{height:auto;width:calc(440px * var(--dd-why-scale,.9));max-height:510px}
.dd-why__layout--wide .dd-why__connector{width:calc(100% + 20px)}
@media(min-width:750px) and (max-width:999px){.dd-why__inner{padding-inline:28px}.dd-why__layout{grid-template-columns:minmax(0,1fr) minmax(245px,38%) minmax(0,1fr);column-gap:16px;min-height:580px}.dd-why__product{height:580px}.dd-why__packshot{height:calc(590px * var(--dd-why-scale,.9));max-height:550px}.dd-why h3{font-size:24px}.dd-why__benefit p{font-size:17px}.dd-why__connector,.dd-why__benefit--2 .dd-why__connector{width:calc(100% + 35px)}.dd-why__layout--wide{grid-template-columns:minmax(0,1fr) minmax(290px,42%) minmax(0,1fr);min-height:480px}.dd-why__layout--wide .dd-why__product{height:480px}.dd-why__layout--wide .dd-why__packshot{max-width:100%;height:auto}.dd-why__layout--wide .dd-why__connector{width:calc(100% + 14px)}}
@media(max-width:749px){.dd-why__inner{padding:32px 22px 30px}.dd-why__heading{margin-bottom:12px}.dd-why__eyebrow{font-size:10px;margin-bottom:10px}.dd-why h2{font-size:clamp(32px,8.8vw,44px);line-height:1.08}.dd-why__intro{font-size:16px;line-height:1.6;margin-top:16px;max-width:34ch}.dd-why__layout,.dd-why__layout--wide{display:flex;flex-direction:column;gap:0;min-height:0;max-width:520px}.dd-why__art{inset:0 -8px auto;height:435px}.dd-why__texture{inset:0 -8px auto;height:435px}.dd-why__product{order:0;align-self:center;width:100%;height:435px;margin:0 0 22px}.dd-why__packshot{width:auto;max-width:72%;height:calc(450px * var(--dd-why-scale,.9));max-height:410px;filter:drop-shadow(9px 13px 8px #20255322)}.dd-why__benefit{order:1;align-self:stretch;padding:0 0 0 25px;margin:0 0 22px;min-height:50px;transform:none}.dd-why__benefit:last-child{margin-bottom:0}.dd-why h3{font-size:23px;line-height:1.18;margin-bottom:5px;text-wrap:pretty}.dd-why__benefit p{font-size:16px;line-height:1.5;font-weight:400;max-width:32ch}.dd-why .dd-why__connector{left:0;right:auto;top:9px;width:13px;height:25px;border-width:1.5px 0 0 1.5px}.dd-why .dd-why__connector::before{left:-3.75px;right:auto;top:auto;bottom:-2px}.dd-why__benefit--2,.dd-why__benefit--3{padding-top:0}.dd-why__layout--wide .dd-why__product{height:300px;margin-bottom:20px}.dd-why__layout--wide .dd-why__packshot{width:88%;max-width:88%;height:auto;max-height:270px}.dd-why__layout--wide .dd-why__art,.dd-why__layout--wide .dd-why__texture{height:300px}}
@media(max-width:359px){.dd-why__inner{padding-inline:18px}.dd-why__product{height:390px}.dd-why__art,.dd-why__texture{height:390px}.dd-why__packshot{height:calc(410px * var(--dd-why-scale,.9));max-height:370px}.dd-why h3{font-size:22px}.dd-why__layout--wide .dd-why__product{height:270px}.dd-why__layout--wide .dd-why__packshot{max-height:240px}.dd-why__layout--wide .dd-why__art,.dd-why__layout--wide .dd-why__texture{height:270px}}