.magic-explainer{--magic-explainer--gutter:clamp(20px,4vw,44px);--magic-explainer--step-inset:clamp(16px,3.5vw,48px);background-color:#fff;color:#000;width:100%}.magic-explainer picture{display:block}.magic-explainer img{display:block;max-width:none;width:100%}.magic-explainer .intro{align-items:center;display:grid;gap:clamp(32px,6vw,88px);grid-template-columns:minmax(0,4.5fr) minmax(0,5.5fr);margin:0 auto;max-width:1200px;padding:var(--spacing-14--static) var(--magic-explainer--gutter) var(--spacing-12--static)}.magic-explainer .intro-text:only-child{grid-column:1/-1;text-align:center}.magic-explainer .heading{color:inherit;font:var(--font-style--heading) var(--font-weight--regular) var(--font-size--40) /var(--line-height--120) var(--font-family--playfair-display);letter-spacing:var(--letter-spacing--heading,-.011em);margin:0}.magic-explainer .body p,.magic-explainer .heading p,.magic-explainer .step-description p,.magic-explainer .subheading p,.magic-explainer .terms p{margin:0}.magic-explainer :is(.heading,.subheading) :is(em,i){font-style:italic}.magic-explainer .subheading{font:var(--font-style--body) var(--font-weight--bold) var(--font-size--20) /var(--line-height--140) var(--font-family--public-sans);margin-top:var(--spacing-3--static)}.magic-explainer .body{font:var(--font-style--body) var(--font-weight--regular) var(--font-size--18) /var(--line-height--150) var(--font-family--public-sans);margin-top:var(--spacing-4--static)}.magic-explainer .body p+p{margin-top:var(--spacing-3--static)}.magic-explainer :is(.body,.step-description,.terms) a{color:inherit;text-decoration:underline}.magic-explainer .cta{align-items:center;background-color:var(--magic-explainer--button-color,#c90a35);border-radius:999px;box-sizing:border-box;color:#fff;display:inline-flex;font:var(--font-style--body) var(--font-weight--semibold) var(--font-size--16) /var(--line-height--140) var(--font-family--public-sans);justify-content:center;margin-top:var(--spacing-6--static);min-height:48px;padding:var(--spacing-3--static) var(--spacing-7--static);text-decoration:none;transition:var(--transition--default)}.magic-explainer .cta:focus,.magic-explainer .cta:hover{color:#fff;filter:brightness(.88);text-decoration:none}.magic-explainer .intro-media img{border-radius:12px;height:auto}.magic-explainer .steps{background-color:var(--magic-explainer--steps-background-color,#f8f7f5);padding:var(--spacing-8--static) var(--magic-explainer--gutter)}.magic-explainer .steps-inner{margin:0 auto;max-width:1120px}.magic-explainer .step-list,.magic-explainer .step-media-list{display:grid;grid-template-columns:repeat(var(--magic-explainer--step-count,3),1fr)}.magic-explainer .step-media-list{isolation:isolate;position:relative}.magic-explainer .step-timeline{align-items:center;background:linear-gradient(#1a1a1a,#1a1a1a) 50% /calc(100% - 8px) 2px no-repeat;display:flex;height:8px;justify-content:space-between;left:-4px;position:absolute;right:-4px;top:50%;transform:translateY(-50%);z-index:-1}.magic-explainer .step-timeline-dot{background-color:#1a1a1a;border-radius:50%;height:8px;width:8px}.magic-explainer .step-media{padding:0 var(--magic-explainer--step-inset)}.magic-explainer .step-media img{aspect-ratio:16/10;border-radius:10px;height:auto;object-fit:cover}.magic-explainer .step-list{list-style:none;margin:var(--spacing-5--static) 0 0;padding:0}.magic-explainer .step{margin:0;padding:0 var(--magic-explainer--step-inset);text-align:center}.magic-explainer .step-title{color:var(--magic-explainer--step-title-color,#3f2239);font:var(--font-style--body) var(--font-weight--bold) var(--font-size--20) /var(--line-height--140) var(--font-family--public-sans);letter-spacing:.02em;margin:0;text-transform:uppercase}.magic-explainer .step-title sup{font-size:.6em;line-height:0;vertical-align:super}.magic-explainer .step-description{font:var(--font-style--body) var(--font-weight--regular) var(--font-size--16) /var(--line-height--140) var(--font-family--public-sans);margin-top:var(--spacing-2--static)}.magic-explainer .step-description :is(strong,b){font-weight:var(--font-weight--semibold)}.magic-explainer .terms{font:italic var(--font-weight--regular) var(--font-size--14) /var(--line-height--150) var(--font-family--public-sans);margin:0 auto;max-width:1008px;padding:var(--spacing-8--static) var(--magic-explainer--gutter);text-align:center}.magic-explainer .terms p+p{margin-top:var(--spacing-2--static)}@media (max-width:1023px){.magic-explainer{--magic-explainer--gutter:var(--spacing-5--static)}.magic-explainer .intro{gap:var(--spacing-6--static);grid-template-columns:minmax(0,1fr);max-width:560px;padding:var(--spacing-5--static) var(--magic-explainer--gutter) var(--spacing-10--static);text-align:center}.magic-explainer .intro-media{order:-1}.magic-explainer .heading{font-size:var(--font-size--28)}.magic-explainer .subheading{font-size:var(--font-size--18);margin-top:var(--spacing-2--static)}.magic-explainer .body{font-size:var(--font-size--16);margin-top:var(--spacing-3--static)}.magic-explainer .cta{font-size:var(--font-size--14);margin-top:var(--spacing-5--static);min-height:44px;padding:var(--spacing-3--static) var(--spacing-6--static)}.magic-explainer .steps{padding:var(--spacing-5--static) var(--magic-explainer--gutter) var(--spacing-10--static)}.magic-explainer .steps-inner{max-width:520px}.magic-explainer .step-media-list{aspect-ratio:486/357;gap:var(--spacing-3--static) var(--spacing-4--static);grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(var(--magic-explainer--collage-rows,2),1fr)}.magic-explainer .step-media-list--single{aspect-ratio:16/10;grid-template-columns:1fr}.magic-explainer .step-timeline{display:none}.magic-explainer .step-media{grid-column:2;min-height:0;padding:0}.magic-explainer .step-timeline+.step-media{grid-column:1;grid-row:1/-1}.magic-explainer .step-media :is(picture,img){height:100%;width:100%}.magic-explainer .step-media img{aspect-ratio:auto;border-radius:16px}.magic-explainer .step-list{grid-template-columns:minmax(0,1fr);margin-top:var(--spacing-6--static)}.magic-explainer .step{padding:0}.magic-explainer .step:before,.magic-explainer .step:last-child:after{background:linear-gradient(#1a1a1a,#1a1a1a) 50% /1px 100% no-repeat;content:"";display:block;height:28px;margin:var(--spacing-3--static) auto;width:7px}.magic-explainer .step:first-child:before{background:radial-gradient(circle at 50% 3.5px,#1a1a1a 3px,transparent 3.5px),linear-gradient(#1a1a1a,#1a1a1a) 50% /1px 100% no-repeat;margin-top:0}.magic-explainer .step:last-child:after{background:radial-gradient(circle at 50% calc(100% - 3.5px),#1a1a1a 3px,transparent 3.5px),linear-gradient(#1a1a1a,#1a1a1a) 50% /1px 100% no-repeat;margin-bottom:0}.magic-explainer .step-title{font-size:var(--font-size--18)}.magic-explainer .terms{font-size:var(--font-size--12);padding-block:var(--spacing-6--static)}}