section.problem.svelte-1d65v6c{--problem-circle-size:70vw;--problem-circle-height:50vh;--problem-circle-x:100%;--problem-circle-y:50%;--problem-circle-opacity:var(--opacity-30);isolation:isolate;justify-content:center;gap:var(--spacing-lg);padding:0 clamp(var(--spacing-lg), 2.2vw, var(--spacing-xl)) var(--spacing-xl);display:flex;position:relative;overflow:hidden}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c){z-index:1;flex:1;width:100%;height:fit-content;position:relative}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c) img:where(.svelte-1d65v6c),section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c) video:where(.svelte-1d65v6c){width:100%;max-width:100%;height:auto}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c).with-frame{padding:0 var(--spacing-md) var(--spacing-md) 0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c).with-frame:after{content:"";width:var(--spacing-lg);height:var(--spacing-lg);border:1px solid var(--color-border);position:absolute;bottom:0;right:0;transform:translate(50%,50%)}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c){z-index:1;flex:2;align-self:center;position:relative}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .header:where(.svelte-1d65v6c){gap:0 var(--spacing-md);flex-wrap:wrap;display:flex}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .header:where(.svelte-1d65v6c) .label:where(.svelte-1d65v6c){color:var(--color-primary);line-height:28px}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .header:where(.svelte-1d65v6c) h2:where(.svelte-1d65v6c){flex-direction:column;max-width:475px;display:flex}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .header:where(.svelte-1d65v6c) h2:where(.svelte-1d65v6c) .v1-2:where(.svelte-1d65v6c){color:var(--color-primary)}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) p:where(.svelte-1d65v6c){max-width:var(--max-width-sm)}section.problem.svelte-1d65v6c:after{content:"";z-index:0;top:var(--problem-circle-y);left:var(--problem-circle-x);width:var(--problem-circle-size);height:var(--problem-circle-height);border:1px solid var(--color-primary);opacity:var(--problem-circle-opacity);pointer-events:none;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}section.problem.svelte-1d65v6c.image-right{flex-direction:row-reverse}@media (width>=1025px){section.problem.svelte-1d65v6c{gap:var(--spacing-2xl)}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c){padding:var(--spacing-lg) 0;gap:var(--spacing-lg);grid-template-columns:minmax(280px,1fr) minmax(360px,1fr);grid-template-areas:"problematique problematique""header solution";align-items:start;display:grid}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .header:where(.svelte-1d65v6c){grid-area:header;align-self:center}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .problematique:where(.svelte-1d65v6c){grid-area:problematique;justify-self:center;margin:0}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .solution:where(.svelte-1d65v6c){grid-area:solution;margin:0}}@media (width<=1024px){section.problem.svelte-1d65v6c{gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md)}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c){border:none;align-self:flex-start;padding:0}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c) img:where(.svelte-1d65v6c),section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c) video:where(.svelte-1d65v6c){object-fit:contain;width:100%;max-height:600px}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c):after{display:none}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c){flex:1}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) .header:where(.svelte-1d65v6c){max-width:inherit}section.problem.svelte-1d65v6c .content:where(.svelte-1d65v6c) p:where(.svelte-1d65v6c){max-width:100%}}@media (width<=850px){section.problem.svelte-1d65v6c{--problem-circle-size:max(145vw, 100svh);--problem-circle-x:68%;--problem-circle-y:42%;--problem-circle-opacity:var(--opacity-10);flex-direction:column}section.problem.svelte-1d65v6c.image-right{flex-direction:column-reverse}section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c) img:where(.svelte-1d65v6c),section.problem.svelte-1d65v6c .image:where(.svelte-1d65v6c) video:where(.svelte-1d65v6c){max-height:400px}}