.milo-home-mosaic{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(1480px,calc(100% - 28px));margin:14px auto 34px}.milo-mosaic-card{position:relative;min-height:328px;overflow:hidden;border:1px solid rgba(40,72,55,.08);border-radius:15px;color:#234d39;text-decoration:none;box-shadow:0 9px 26px rgba(38,62,47,.055);transition:transform .25s ease,box-shadow .25s ease}.milo-mosaic-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(38,62,47,.11)}.milo-mosaic-photo img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.milo-mosaic-photo:hover img{transform:scale(1.025)}.milo-mosaic-badge{position:absolute;left:50%;bottom:20px;display:grid;width:156px;height:156px;place-items:center;align-content:center;border-radius:50%;background:rgba(214,221,198,.96);color:#234d39;text-align:center;transform:translateX(-50%);box-shadow:0 8px 24px rgba(33,62,47,.12)}.milo-mosaic-badge.green{background:rgba(38,83,61,.96);color:#fffaf2}.milo-mosaic-badge i{margin-bottom:7px;color:currentColor;font:normal 15px/1 sans-serif}.milo-mosaic-badge b{font:700 19px/1.2 Arial,sans-serif;letter-spacing:.03em}.milo-mosaic-badge em{margin-top:5px;font:italic 19px/1 Georgia,serif}.milo-mosaic-badge.small b{font-size:15px}.milo-mosaic-badge.small em{font-size:16px}.milo-mosaic-green{display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#2b5b43,#214d38);color:#fffaf2;text-align:left}.milo-mosaic-copy{position:relative;z-index:2;margin-right:70px;font:30px/1.42 Georgia,serif}.milo-mosaic-heart{position:relative;z-index:2;margin:20px 80px 0 0;color:#d66f49;font-style:normal;font-size:22px}.milo-mosaic-line-branch{position:absolute;right:22px;bottom:18px;width:105px;height:245px;background:currentColor;color:rgba(255,250,242,.78);-webkit-mask:url('../images/milo-botanical-branch.svg') center/contain no-repeat;mask:url('../images/milo-botanical-branch.svg') center/contain no-repeat}.milo-mosaic-quote,.milo-mosaic-community{display:grid;place-items:center;align-content:center;background:linear-gradient(135deg,#fffdf8,#f7f1e8);text-align:center}.milo-mosaic-quote p{position:relative;z-index:2;margin:0 0 0 70px;color:#263c31;font:23px/1.45 Georgia,serif}.milo-mosaic-quote>i{margin:14px 0 0 70px;color:#bd5e38;font-style:normal;font-size:19px}.milo-mosaic-line-branch.left{right:auto;left:22px;color:#315c46;transform:scaleX(-1)}.milo-mosaic-community svg{width:72px;fill:none;stroke:#315c46;stroke-width:2.2}.milo-mosaic-community>b{margin-top:5px;font:500 20px/1.35 Georgia,serif;letter-spacing:.16em}.milo-mosaic-community>i{margin:10px 0;color:#bd5e38;font-style:normal}.milo-mosaic-community>span:not(.milo-mosaic-line-branch){padding-top:11px;border-top:1px solid #dccfc0;font-size:12px;font-weight:700;letter-spacing:.2em}.milo-mosaic-community .right{right:20px;color:#315c46;transform:scaleX(-1)}
@media(max-width:900px){.milo-home-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.milo-mosaic-card{min-height:300px}}@media(max-width:580px){.milo-home-mosaic{grid-template-columns:1fr;width:calc(100% - 18px);gap:10px}.milo-mosaic-card{min-height:300px}.milo-mosaic-copy{font-size:27px}}
.milo-mosaic-recommend .milo-mosaic-badge{top:50%;bottom:auto;transform:translate(-50%,-50%)}
.milo-mosaic-line-branch{width:112px;height:42px;right:22px;bottom:20px;-webkit-mask:url('../images/milo-horizontal-branch.svg') center/contain no-repeat;mask:url('../images/milo-horizontal-branch.svg') center/contain no-repeat;opacity:.82}.milo-mosaic-line-branch.left{right:auto;left:22px;bottom:20px;transform:none}.milo-mosaic-community .right{right:22px;bottom:20px;transform:scaleX(-1)}.milo-mosaic-copy{margin-right:0}.milo-mosaic-heart{margin-right:0}.milo-mosaic-quote p,.milo-mosaic-quote>i{margin-left:0}.milo-mosaic-green,.milo-mosaic-quote,.milo-mosaic-community{padding:34px 42px 58px}
.milo-mosaic-feature-icon{position:relative;z-index:2;display:grid;width:64px;height:64px;margin-bottom:15px;place-items:center;border:1px solid rgba(255,253,248,.22);border-radius:50%;background:rgba(255,253,248,.12);color:#fffaf2}.milo-mosaic-feature-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.milo-mosaic-green .milo-mosaic-copy{font-size:27px;line-height:1.35;text-align:center}.milo-mosaic-green .milo-mosaic-heart{margin-top:13px}.milo-mosaic-quote .milo-mosaic-feature-icon{width:62px;height:62px;margin-bottom:13px;border-color:rgba(49,92,70,.13);background:#e9eee3;color:#315c46}.milo-mosaic-quote p{font-size:20px;line-height:1.38}.milo-mosaic-quote>i{margin-top:11px}.milo-mosaic-green .milo-mosaic-line-branch{right:20px;bottom:16px}.milo-mosaic-quote .milo-mosaic-line-branch{left:20px;bottom:16px}@media(max-width:580px){.milo-mosaic-feature-icon{width:58px;height:58px}.milo-mosaic-green .milo-mosaic-copy{font-size:25px}.milo-mosaic-quote p{font-size:19px}}
.milo-mosaic-quote .milo-mosaic-feature-icon{width:78px;height:78px;margin-bottom:18px;box-shadow:inset 0 0 0 7px rgba(255,253,248,.58),0 8px 20px rgba(49,92,70,.06)}.milo-mosaic-quote .milo-mosaic-feature-icon svg{width:41px;height:41px}.milo-mosaic-quote p{font-size:22px;line-height:1.42}.milo-mosaic-quote p strong{color:#315c46;font-weight:500}.milo-mosaic-quote>i{margin-top:15px}.milo-mosaic-ornament{position:absolute;bottom:25px;left:50%;display:flex;width:96px;align-items:center;justify-content:center;gap:9px;transform:translateX(-50%)}.milo-mosaic-ornament:before,.milo-mosaic-ornament:after{content:"";width:28px;height:1px;background:#cbd5c7}.milo-mosaic-ornament b{width:5px;height:5px;border-radius:50%;background:#8ca08d}.milo-mosaic-ornament b:nth-child(2){width:7px;height:7px;background:#cf7458}.milo-mosaic-ornament b:nth-child(3){display:none}@media(max-width:580px){.milo-mosaic-quote .milo-mosaic-feature-icon{width:72px;height:72px}.milo-mosaic-quote p{font-size:20px}}
.milo-mosaic-green .ornament-light:before,.milo-mosaic-green .ornament-light:after{background:rgba(255,250,242,.38)}.milo-mosaic-green .ornament-light b{background:#d8e0d3}.milo-mosaic-green .ornament-light b:nth-child(2){background:#df795b}.milo-mosaic-green .ornament-light b:nth-child(3){display:block;width:5px;height:5px;background:#d8e0d3}.milo-mosaic-community .ornament-community{bottom:23px;width:128px;gap:8px}.milo-mosaic-community .ornament-community:before,.milo-mosaic-community .ornament-community:after{width:39px;background:#d8cdbf}.milo-mosaic-community .ornament-community b{width:6px;height:6px;background:#91a291}.milo-mosaic-community .ornament-community b:nth-child(2){width:8px;height:8px;background:#c76a4c}.milo-mosaic-community .ornament-community b:nth-child(3){display:block;width:6px;height:6px}.milo-mosaic-community>span:not(.milo-mosaic-line-branch):not(.milo-mosaic-ornament){margin-bottom:22px}