.coast-usage-moment{display:flex;flex-direction:row;align-items:stretch;width:100%}.coast-usage-moment--image_right{flex-direction:row-reverse}.coast-usage-moment__image{flex:0 0 75%;max-width:75%;min-width:0;background:var(--coast-usage-moment-bg, #e6d6b8)}.coast-usage-moment__image img{display:block;width:100%;height:100%;aspect-ratio:2 / 1;object-fit:contain}.coast-usage-moment__panel{flex:0 0 25%;max-width:25%;min-width:0;display:flex;align-items:center;background:var(--coast-usage-moment-bg, #e6d6b8);color:var(--coast-usage-moment-text, #2b2f33)}.coast-usage-moment__panel-inner{display:grid;justify-items:center;width:100%;padding:48px;text-align:center}.coast-usage-moment__title{width:100%;margin:0 0 16px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-style:italic;font-weight:600;font-size:2.85rem;line-height:1.2;color:var(--coast-ocean-depth)}.coast-usage-moment__lines{display:grid;justify-items:center;width:100%;gap:12px;margin:0;padding:0;list-style:none;text-align:center}.coast-usage-moment__lines li{display:flex;align-items:flex-start;justify-content:center;gap:10px;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:1.95rem;line-height:1.35;color:inherit;text-align:center}.coast-usage-moment__lines .coast-icon{flex-shrink:0;margin-top:8px;opacity:.75}.coast-usage-moment__lines li span{max-width:220px}@media screen and (max-width:989px)and (min-width:750px){.coast-usage-moment__image{flex-basis:66%;max-width:66%}.coast-usage-moment__panel{flex-basis:34%;max-width:34%}}@media screen and (max-width:749px){.coast-usage-moment,.coast-usage-moment--image_right{flex-direction:column}.coast-usage-moment__image,.coast-usage-moment__panel{flex-basis:auto;max-width:100%}.coast-usage-moment__image img{aspect-ratio:3 / 2}.coast-usage-moment__panel{align-items:flex-start}.coast-usage-moment__panel-inner{padding:32px}}.coast-usage-moment.is-stacked{flex-direction:column}.coast-usage-moment.is-stacked .coast-usage-moment__image,.coast-usage-moment.is-stacked .coast-usage-moment__panel{flex-basis:auto;max-width:100%}.coast-usage-moment.is-stacked .coast-usage-moment__panel{align-items:flex-start}
/*# sourceMappingURL=/cdn/shop/t/3/assets/coast-product-usage-moment.css.map */