.ce-crystal-section{background:var(--ce-palette-canvas,#fffcfd)}
.ce-crystal-wrap{padding-block:72px 80px}
.ce-crystal-heading{max-width:760px;margin-bottom:36px}
.ce-crystal-heading>p{max-width:620px;margin-inline:auto}
.ce-crystal-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:22px;margin:0;padding:0;list-style:none}
.ce-crystal-item{display:flex;flex:0 0 calc((100% - 66px)/4);min-width:0}
.mirra-f .ce-crystal-card{display:flex;flex-direction:column;width:100%;position:relative;overflow:hidden;text-decoration:none;color:var(--ce-palette-text,#372d33);border:1px solid var(--ce-palette-border,#ead8df);border-radius:24px;background:var(--ce-palette-surface,#fff);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ce-crystal-card:focus-visible{outline:2px solid var(--ce-palette-softText,#86475d);outline-offset:5px}
.ce-crystal-media{position:relative;isolation:isolate;aspect-ratio:1.15;display:grid;place-items:center;padding:8px 14px 0}
.ce-crystal-media::before{content:'';position:absolute;z-index:-1;inset:12% 8% 0;border-radius:50%;background:radial-gradient(ellipse at center,var(--ce-palette-soft,#fce5eb),transparent 69%);opacity:.65;transition:opacity .22s ease}
.ce-crystal-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .28s ease;filter:drop-shadow(0 9px 7px color-mix(in srgb,var(--ce-palette-text,#372d33) 10%,transparent))}
.ce-crystal-copy{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:16px 13px 25px}
.mirra-f .ce-crystal-copy h3{font-size:clamp(21px,1.8vw,25px);line-height:1.2;letter-spacing:-.025em;margin:0;text-wrap:balance}
.mirra-f .ce-crystal-copy p{font-size:13px;line-height:1.55;margin:0;color:var(--ce-palette-softText,#86475d)}
@media(hover:hover){.ce-crystal-card:hover{transform:translateY(-5px);border-color:var(--ce-palette-accent,#f68da3);box-shadow:0 12px 30px color-mix(in srgb,var(--ce-palette-softText,#86475d) 8%,transparent)}.ce-crystal-card:hover .ce-crystal-media img{transform:translateY(-3px) scale(1.035)}.ce-crystal-card:hover .ce-crystal-media::before{opacity:1}}
@media(max-width:999px){.ce-crystal-item{flex-basis:calc((100% - 44px)/3)}.ce-crystal-copy{padding-inline:12px}.mirra-f .ce-crystal-copy h3{font-size:25px}}
@media(max-width:699px){.ce-crystal-wrap{padding-block:48px 54px}.ce-crystal-heading{margin-bottom:28px}.ce-crystal-grid{gap:14px}.ce-crystal-item{flex-basis:calc((100% - 14px)/2)}.mirra-f .ce-crystal-card{border-radius:20px}.ce-crystal-media{aspect-ratio:1;padding:5px 7px 0}.ce-crystal-copy{padding:10px 9px 20px;gap:8px}.mirra-f .ce-crystal-copy h3{font-size:23px;min-height:2.4em;display:grid;place-items:center;width:100%}.mirra-f .ce-crystal-copy p{font-size:12px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.ce-crystal-card,.ce-crystal-media img,.ce-crystal-media::before{transition:none!important}.ce-crystal-card:hover,.ce-crystal-card:hover .ce-crystal-media img{transform:none}}
