.mary-hero{isolation:isolate;color:#fff;background:#0c203b;border-radius:1.25rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.mary-hero-photo{aspect-ratio:3/4;display:block;position:relative}.mary-hero-image{object-fit:cover;object-position:50% 42%;width:100%;height:100%}.mary-hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(#0000 28%,#0c203b18 39%,#0c203b 64%);display:none;position:absolute;inset:0}.mary-hero-copy{z-index:2;order:-1;padding:1.75rem 1.25rem;position:relative}.mary-hero-title{letter-spacing:-.035em;text-wrap:balance;margin-top:.875rem;font-size:clamp(1.75rem,6.5vw,2.75rem);font-weight:800;line-height:1.12}.mary-hero-subtitle{color:#e1e8f2;max-width:34rem;margin-top:1rem;font-size:.9375rem;line-height:1.5}.mary-hero-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.mary-hero-actions>a{flex:auto}.mary-hero-product{z-index:2;background:#fffffff5;border:1px solid #ffffff80;border-radius:1rem;align-items:center;gap:1rem;margin:1.25rem;padding:1rem;transition:background .18s;display:flex;position:relative;box-shadow:0 12px 32px #00000018}.mary-hero-product:hover{background:#fff}.mary-hero-product-image{object-fit:contain;background:#f1f5f9;border-radius:.5rem;flex-shrink:0;width:5rem;height:6.5rem}.mary-hero a:focus-visible{outline-offset:4px;outline:3px solid #93c5fd}@media (width>=640px) and (width<=1023px){.mary-hero-photo{aspect-ratio:6/5}.mary-hero-image{object-position:50% 32%}.mary-hero-overlay{background:linear-gradient(#0000 20%,#0c203b20 44%,#0c203b 67%)}.mary-hero-copy{padding:2rem}.mary-hero-product{margin-inline:2rem;max-width:30rem;margin-bottom:2rem}}@media (width>=1024px){.mary-hero{flex-direction:column;justify-content:center;min-height:720px;padding:3.5rem;display:flex}.mary-hero-photo{aspect-ratio:auto;position:absolute;inset:0 0 0 40%}.mary-hero-image{object-position:50% 15%}.mary-hero-overlay{background:linear-gradient(90deg,#0c203b 0%,#0c203bf5 34%,#0c203bb3 46%,#0000 65%),linear-gradient(#0000 64%,#0c203b66);display:block}.mary-hero-copy{width:46%;margin:0;padding:0}.mary-hero-title{font-size:clamp(2.25rem,3.1vw,2.875rem)}.mary-hero-actions>a{flex:0 auto}.mary-hero-product{width:26rem;max-width:44%;margin:2rem 0 0}}@media (prefers-reduced-motion:reduce){.mary-hero-product,.mary-hero-product svg{transition:none}}