.bl-why{--why-gutter:12px;color:#352016;background:#f8efdf;font-family:Manrope,sans-serif;padding:0 var(--why-gutter) 20px}.bl-why *{box-sizing:border-box}.bl-why-opening,.bl-why-sections,.bl-why-conclusion{width:100%;max-width:none;margin-inline:auto}.bl-why-opening{position:relative;isolation:isolate;overflow:hidden;border-radius:18px}.bl-why-banner-picture{display:block}.bl-why-banner-picture>.bl-why-image{width:100%;height:auto;object-fit:contain}.bl-why-intro{position:absolute;z-index:1;top:7%;left:0;right:0;padding:0 14px;text-align:center;color:#183c4a;text-shadow:0 1px 8px #effaffb0}.bl-why-intro:before{content:"";position:absolute;z-index:-1;top:-24px;right:-8px;bottom:-24px;left:-8px;background:radial-gradient(ellipse,#f1faffb3,#f1faff80 48%,#f1faff00 75%);pointer-events:none}.bl-why-intro>h1{color:#183c4a}.bl-why-kicker{font-size:var(--bl-type-small);font-weight:600;letter-spacing:.12em;color:#23565a;margin:0 0 10px}.bl-why h1{font-size:var(--bl-type-large);line-height:1.14;letter-spacing:-.025em;margin:0 0 12px}.bl-why p{font-size:var(--bl-type-small);line-height:1.35}.bl-why-intro>p:last-child{font-size:var(--bl-type-small);line-height:1.3;margin:0 auto;max-width:52ch}.bl-why-image{display:block;width:100%;height:auto;min-width:0}.bl-why-sections{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-block:12px}.bl-why-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;border:1px solid #fff9;border-radius:14px;overflow:hidden;background:#fffbf3;box-shadow:0 3px 12px #7050330e}.bl-why-feature>.bl-why-image{grid-column:1;grid-row:1;height:100%;object-fit:cover;object-position:center;border-radius:12px}.bl-why-feature:nth-child(2n)>.bl-why-image{grid-column:2}.bl-why-feature:first-child>.bl-why-image,.bl-why-feature:nth-child(4)>.bl-why-image{object-fit:contain}.bl-why-feature:nth-child(3)>.bl-why-image{object-position:58% center}.bl-why-copy{grid-column:2;grid-row:1;padding:14px 12px;min-width:0;align-self:center}.bl-why-feature:nth-child(2n)>.bl-why-copy{grid-column:1}.bl-why h2{font-size:var(--bl-type-medium);line-height:1.18;letter-spacing:-.025em;margin:0 0 9px;font-weight:var(--font-heading--weight);overflow-wrap:break-word}.bl-why-copy p{margin:0;max-width:52ch}.bl-why-copy .bl-why-highlight{margin-top:10px;padding:8px;border-left:2px solid #078e9c;border-radius:4px;background:#078e9c0c;color:#006f7b;font-size:var(--bl-type-small)}.bl-why-comfort{grid-column:1/-1;width:calc(100% + 2 * var(--why-gutter));margin-inline:calc(-1 * var(--why-gutter));border:0;border-radius:0;box-shadow:none;background:transparent}.bl-why-comfort>.bl-why-copy{grid-column:1/-1;grid-row:1;padding:20px var(--why-gutter);text-align:center}.bl-why-comfort>.bl-why-copy p{margin-inline:auto}.bl-why-feature.bl-why-comfort>.bl-why-image{grid-column:1/-1;grid-row:2;width:100%;height:auto;aspect-ratio:2.28;object-fit:cover;object-position:left center;border-radius:14px}.bl-why-conclusion{text-align:center;font-weight:600;padding:12px 10px}body:has(.bl-sheet:not([hidden]) .bl-why) .bl-sheet-back{left:max(28px,env(safe-area-inset-left))}@media(min-width:600px){.bl-why-intro>p:last-child{font-size:var(--bl-type-small)}.bl-why-kicker{font-size:var(--bl-type-small)}.bl-why-copy{padding:20px}.bl-why h2{font-size:var(--bl-type-medium)}.bl-why p{font-size:var(--bl-type-small)}}@media(min-width:900px){.bl-why{--why-gutter:28px}.bl-why-opening,.bl-why-sections,.bl-why-conclusion{max-width:1120px}.bl-why-copy{padding:28px}.bl-why h2{font-size:var(--bl-type-medium)}.bl-why-sections{gap:18px}.bl-why-comfort{width:100%;margin:0}}@media(max-width:359px){.bl-why-feature{display:block}.bl-why-feature>.bl-why-image{height:auto}}.bl-why-opening{padding-top:0}.bl-why-opening>.bl-why-image{height:auto;object-fit:contain}.bl-why-feature:nth-child(2)>.bl-why-image,.bl-why-feature:nth-child(3)>.bl-why-image{object-fit:contain}@media(max-width:749px){.bl-why-intro:before{background:radial-gradient(ellipse,#f1faffcc,#f1faffa6 48%,#f1faff4d 68%,#f1faff00 90%);filter:blur(7px)}.bl-why-feature{display:flex;flex-direction:column}.bl-why-feature>.bl-why-image{width:100%;height:auto;border-radius:12px 12px 0 0}.bl-why-copy{padding:18px}.bl-why-comfort>.bl-why-copy{padding:18px}}@media(min-width:750px){.bl-why-intro{top:17%;left:15%;right:15%;padding:0}}@media(max-width:389px){.bl-why-intro h1{margin-inline:-14px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/beachlock-why.css.map */