.dd-problem{--dd-problem-background:#3047dc;--dd-problem-paper:#fffdf9;--dd-problem-ink:#3047dc;--dd-problem-accent:#f2a6e4;background:var(--dd-problem-background);background-image:radial-gradient(ellipse at 5% 95%,color-mix(in srgb,var(--dd-problem-accent) 40%,transparent),transparent 68%),linear-gradient(140deg,#ffffff1c,transparent 58%);color:var(--dd-problem-ink);font-family:'DM Sans',sans-serif;isolation:isolate;overflow:hidden}
.dd-problem *{box-sizing:border-box}
.dd-problem__shell{max-width:1100px;margin-inline:auto;padding:48px 40px 44px}
.dd-problem__folder{position:relative;isolation:isolate;filter:drop-shadow(0 18px 26px #111c6b16)}
.dd-problem .dd-problem__tab{position:relative;display:flex;align-items:center;min-height:70px;width:fit-content;max-width:70%;margin:0;padding:19px 32px 17px;border-radius:28px 0 0 0;background:var(--dd-problem-paper);color:var(--dd-problem-ink);font-family:Outfit,sans-serif;font-size:clamp(22px,2.6vw,32px);font-weight:600;letter-spacing:-.035em;line-height:1.1;text-transform:uppercase;z-index:1}
.dd-problem__tab::after{content:'';position:absolute;inset:0 auto 0 calc(100% - 17px);width:66px;background:var(--dd-problem-paper);clip-path:polygon(0 0,17px 0,100% 100%,0 100%);z-index:-1}
.dd-problem__sheet{position:relative;margin-top:-1px;border-radius:0 28px 28px 28px;background:var(--dd-problem-paper);padding:18px 48px 32px}
.dd-problem__visuals{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.3fr);align-items:center;gap:28px;min-width:0}
.dd-problem__product{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:395px;margin:0;isolation:isolate}
.dd-problem__product::before{content:'';position:absolute;inset:10% -5% 5%;z-index:-1;background:radial-gradient(ellipse,var(--dd-problem-accent),transparent 65%);opacity:.17}
.dd-problem__packshot{display:block;width:auto;max-width:100%;height:100%;max-height:395px;object-fit:contain;object-position:center;filter:drop-shadow(8px 10px 9px #28316320)}
.dd-problem__results{min-width:0;padding:26px 9px 0}
.dd-problem__polaroid{position:relative;isolation:isolate;background:#fff;padding:13px 13px 8px;transform:rotate(3deg);box-shadow:0 13px 19px #20255323,0 1px 2px #2025530d}
.dd-problem__clip{overflow:visible;position:absolute;width:32px;height:76px;right:27px;top:-43px;transform:rotate(15deg);filter:drop-shadow(1px 2px 1px #2025532a);z-index:1;pointer-events:none}
.dd-problem__photo-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.dd-problem__photo{margin:0;min-width:0}
.dd-problem__photo img{display:block;width:100%;height:auto;aspect-ratio:1.312;object-fit:contain;object-position:center;background:#fff}
.dd-problem__photo figcaption{color:var(--dd-problem-ink);font-family:Outfit,sans-serif;font-size:19px;font-weight:500;line-height:1.25;letter-spacing:-.02em;text-align:center;padding:14px 3px 7px;overflow-wrap:break-word}
.dd-problem__results-note{margin:30px 0 0;font-size:14px;line-height:1.5;text-align:center;color:var(--dd-problem-ink);opacity:.88}
.dd-problem__copy{max-width:76ch;margin:21px 0 0}
.dd-problem__copy h3{color:var(--dd-problem-ink);font-family:Outfit,sans-serif;font-size:clamp(22px,2.3vw,28px);font-weight:500;line-height:1.15;letter-spacing:-.035em;margin:0 0 10px;text-wrap:pretty}
.dd-problem__copy .dd-problem__concern{font-size:15px;line-height:1.45;margin:0 0 9px;font-weight:500}
.dd-problem__use-label{font-weight:600;margin-right:.3em}
.dd-problem__copy p{color:var(--dd-problem-ink);font-size:17px;line-height:1.5;max-width:75ch;margin:0;text-wrap:pretty}
@media(min-width:750px) and (max-width:999px){.dd-problem__shell{padding:40px 28px}.dd-problem__sheet{padding-inline:30px}.dd-problem__visuals{grid-template-columns:minmax(155px,.65fr) minmax(0,1.35fr);gap:20px}.dd-problem__product,.dd-problem__packshot{height:355px;max-height:355px}.dd-problem__copy{margin-top:17px}.dd-problem__photo figcaption{font-size:18px}.dd-problem__results-note{margin-top:26px}}
@media(max-width:749px){.dd-problem__shell{padding:32px 20px}.dd-problem .dd-problem__tab{min-height:58px;max-width:calc(100% - 28px);font-size:clamp(19px,5.6vw,25px);padding:17px 20px 15px;border-radius:22px 0 0 0}.dd-problem__tab::after{width:45px;left:calc(100% - 15px);clip-path:polygon(0 0,15px 0,100% 100%,0 100%)}.dd-problem__sheet{padding:15px 20px 25px;border-radius:0 22px 22px 22px}.dd-problem__visuals{display:flex;flex-direction:column;gap:19px}.dd-problem__product{width:100%;height:300px}.dd-problem__packshot{height:300px;max-height:300px;max-width:75%}.dd-problem__product::before{inset:5% 15%}.dd-problem__results{width:100%;padding:13px 3px 0}.dd-problem__polaroid{padding:8px 8px 5px;transform:rotate(2deg)}.dd-problem__photo-pair{gap:7px}.dd-problem__photo figcaption{font-size:17px;padding:10px 0 6px}.dd-problem__clip{width:24px;height:58px;top:-34px;right:19px}.dd-problem__results-note{font-size:14px;margin-top:18px}.dd-problem__copy{margin-top:22px}.dd-problem__copy h3{font-size:23px;line-height:1.18;margin-bottom:10px}.dd-problem__copy p{font-size:16px;line-height:1.5}}
@media(max-width:359px){.dd-problem__shell{padding:28px 16px}.dd-problem__sheet{padding-inline:16px}.dd-problem .dd-problem__tab{padding-inline:16px;font-size:19px}.dd-problem__product,.dd-problem__packshot{height:270px;max-height:270px}.dd-problem__copy h3{font-size:21px}.dd-problem__photo figcaption{font-size:16px}}