@media (min-width:768px){.srf-card{transform:translateX(calc(var(--scroll-offset, 0px) * -1));transition:transform 0.15s ease-out}.srf-image-wrapper{transform:translateX(var(--scroll-offset,0));transition:transform 0.15s ease-out}}.srf-beauty-wrapper{display:flex;flex-direction:column-reverse;gap:0}.srf-card{grid-area:auto;grid-column:auto;grid-row:auto;padding:var(--size-6);padding-bottom:31px;background:var(--clr-neutral-050);border-top-right-radius:0;border-top-left-radius:0;border-bottom-right-radius:calc(var(--radius-lg) + 6px);border-bottom-left-radius:calc(var(--radius-lg) + 6px);max-width:100%;margin-left:0;z-index:2;gap:var(--size-8)}.srf-image-wrapper{grid-area:auto;grid-column:auto}.srf-image-wrapper img{width:100%;height:auto;border-top-right-radius:calc(var(--radius-lg) + 6px);border-top-left-radius:calc(var(--radius-lg) + 6px);border-bottom-right-radius:0;border-bottom-left-radius:0;object-fit:cover}@media (min-width:768px){.srf-beauty-wrapper{display:grid;grid-template-columns:1fr 80px 1fr;grid-template-rows:80px 1fr 80px;grid-template-areas:". image" "content image" "content .";gap:0}.srf-card{grid-area:content;padding:var(--size-11);border-radius:calc(var(--radius-lg) + 6px);grid-column:1 / 3;grid-row:2 / -1;max-width:620px;margin-left:auto}.srf-image-wrapper{grid-area:image;grid-column:2 / -1}.srf-image-wrapper img{border-radius:calc(var(--radius-lg) + 6px);height:100%}}.srf-title{font-weight:500;margin-bottom:0;padding:0;text-transform:none}.srf-title::after,.srf-title::before{content:none}.srf-link:is(:last-child){margin-top:var(--size-9)}.srf-link.btn.btn--primary{display:block;width:fit-content;min-width:272px}@media (max-width:768px){.srf-link.btn.btn--primary{min-width:172px}}.srf-link:not(:last-child){display:inline-flex;align-items:center;gap:6px;color:var(--clr-text-primary);font:normal normal 600 16px/19px var(--font-heading);letter-spacing:0;text-decoration:underline;text-underline-offset:3px;transition:color 0.2s ease}.srf-link:not(:last-child):hover{color:var(--clr-primary-500)}.srf-link:not(:last-child) svg{width:7px;height:11px;flex-shrink:0}.srf-link:is(:first-child){margin-right:var(--size-3)}@media (max-width:767px){.srf-beauty-wrapper{margin-inline:calc(-1 * var(--container-padding, 1rem))}.srf-card{border-radius:0;padding:var(--size-6) var(--container-padding,1rem);padding-bottom:31px}.srf-image-wrapper img{border-radius:calc(var(--radius-lg) + 6px) calc(var(--radius-lg) + 6px) 0 0}.srf-link:not(:last-child){font:normal normal 600 12px/15px var(--font-heading)}}@media (min-width:768px){.srf-beauty-wrapper.srf-flip{grid-template-areas:"image ." "image content" ". content"}.srf-beauty-wrapper.srf-flip .srf-image-wrapper{grid-area:image;grid-column:1 / 3}.srf-beauty-wrapper.srf-flip .srf-card{grid-area:content;grid-column:2 / -1;margin-left:0;margin-right:auto}.srf-beauty-wrapper.srf-flip .srf-card{transform:translateX(var(--scroll-offset,0))}.srf-beauty-wrapper.srf-flip .srf-image-wrapper{transform:translateX(calc(var(--scroll-offset, 0px) * -1))}}@media (prefers-reduced-motion:reduce){.srf-card,.srf-image-wrapper,.srf-beauty-wrapper.srf-flip .srf-card,.srf-beauty-wrapper.srf-flip .srf-image-wrapper{transform:none;transition:none}}