.benefits-bg{background:var(--paper)}.benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-3);margin:0;padding:0;list-style:none}.benefit-card{display:grid;grid-template-rows:auto auto 1fr;align-content:start;background:var(--blush);border-radius:var(--r-md);padding:var(--s-4);transition:transform var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.benefit-ic{width:56px;height:56px;border-radius:50%;background:var(--paper);box-shadow:var(--shadow-sm);display:grid;place-items:center;margin-bottom:var(--s-3);font-family:var(--font-display);font-size:28px;line-height:1;color:var(--ink-3)}.benefit-ic svg{display:block;width:28px;height:28px;color:var(--ink-3)}.benefit-ic svg [fill]:not([fill=none]){fill:currentColor}.benefit-ic svg [stroke]:not([stroke=none]){stroke:currentColor}.benefit-t{font-family:var(--font-display);font-weight:400;font-size:var(--fs-d3);line-height:1.15;letter-spacing:var(--track-display);font-variant-numeric:oldstyle-nums proportional-nums;color:var(--ink-2);margin:0 0 var(--s-2);text-wrap:balance}.benefit-t em,.benefit-t strong{font-style:italic;font-weight:400;font-size:1.04em;line-height:1;color:var(--accent)}.benefit-t :is(em,strong) :is(em,strong){font-size:inherit}.benefit-b{font-size:var(--fs-body);line-height:var(--lh-text);color:var(--mute);margin:0}@media(max-width:1100px){.benefits-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.benefits-grid{gap:var(--s-2)}.benefit-card{padding:var(--s-3)}}@media(max-width:640px){.benefits-grid{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.benefit-card:hover{transform:none}}.benefits-ledger{--ledger-rule: var(--s-3);--ledger-run-out: var(--s-5);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--head-gap);margin:0;padding:0;list-style:none;border-top:1px solid var(--line-strong)}.benefit-row{padding:var(--ledger-rule) 0 var(--ledger-run-out);border-bottom:1px solid var(--line);overflow-wrap:break-word;break-inside:avoid}.benefit-row:nth-last-child(-n+2){padding-bottom:0;border-bottom:0}.benefit-row .benefit-t{margin:0 0 var(--s-1)}.benefit-row .benefit-b{max-width:32em;text-wrap:pretty}@media(max-width:900px){.benefits-ledger{--ledger-run-out: var(--s-4);grid-template-columns:minmax(0,1fr)}.benefit-row:nth-last-child(2){padding-bottom:var(--ledger-run-out);border-bottom:1px solid var(--line)}}@media(max-width:700px){.benefits-ledger{--ledger-rule: var(--s-2)}}.benefits-stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:var(--s-10);align-items:center}.benefits-stage--no-media{grid-template-columns:minmax(0,1fr);max-width:760px}.benefits-stage .section-head{margin-bottom:var(--head-gap)}.benefits-stage .section-head .h2{max-width:14ch}.benefits-media{position:relative;margin:0;border-radius:var(--r-md);overflow:hidden;background:var(--blush);aspect-ratio:4 / 5}.benefits-media__img{display:block;width:100%;height:100%;object-fit:cover}.benefits-media__caption{position:absolute;left:var(--s-3);bottom:var(--s-3);margin:0;box-shadow:var(--shadow-sm)}.benefits-stack{display:grid;grid-auto-rows:1fr;margin:0;padding:0;list-style:none}.benefit-item{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:var(--s-3);align-items:start;padding:var(--s-3) 0;border-top:1px solid var(--line)}.benefit-item:last-child{border-bottom:1px solid var(--line)}.benefit-item__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--blush);color:var(--ink-3)}.benefit-item__ic svg{display:block;width:22px;height:22px;color:var(--ink-3)}.benefit-item__ic svg [fill]:not([fill=none]){fill:currentColor}.benefit-item__ic svg [stroke]:not([stroke=none]){stroke:currentColor}.benefit-item .benefit-t{font-size:var(--fs-d4);margin:0 0 6px}.benefit-item .benefit-b{font-size:var(--fs-body-s);max-width:34em}@media(max-width:900px){.benefits-stage{grid-template-columns:minmax(0,1fr);row-gap:var(--s-6)}.benefits-media{aspect-ratio:4 / 3;max-height:380px}.benefits-stage .section-head .h2{max-width:none}}@media(max-width:700px){.benefit-item{grid-template-columns:40px minmax(0,1fr);column-gap:var(--s-2);padding:var(--s-2) 0 var(--s-3)}.benefit-item__ic{width:40px;height:40px}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-sirense-benefits.css.map */