.article-art.has-icon{position:relative;isolation:isolate;color:#15383a}
.article-art.has-icon:before,.article-art.has-icon:after{display:none}
.article-art.has-icon .article-icon{width:86%;height:82%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s ease}
.article-art.has-icon:hover .article-icon{transform:scale(1.025) translateY(-3px)}
.article-art.has-icon .icon-accent{stroke:var(--turquoise);stroke-width:2.3}
.article-art.has-icon .icon-orbit{stroke:rgba(8,127,128,.55);stroke-dasharray:4 8}
.article-art.has-icon .icon-soft{stroke:rgba(21,56,58,.38);stroke-width:1.2}
.article-art.has-icon .icon-boundary{stroke:rgba(21,56,58,.68);stroke-width:1.5;stroke-dasharray:7 8}
.article-art.has-icon .icon-fill{fill:rgba(8,127,128,.14);stroke:var(--turquoise);stroke-width:1.2}
.article-art.has-icon .icon-dot{fill:var(--turquoise);stroke:none}
.article-art.has-icon>span{position:absolute;left:24px;bottom:22px;z-index:3;padding:8px 11px;background:rgba(255,255,255,.78);backdrop-filter:blur(4px);font:700 9px/1 var(--sans);letter-spacing:.2em;color:var(--dark)}
.art-one.has-icon{background:#c4ebe7}.art-two.has-icon{background:#f0e6d2}.art-three.has-icon{background:#dbe1e5}
@media(max-width:760px){.article-art.has-icon .article-icon{width:92%;height:88%}.article-art.has-icon>span{left:18px;bottom:16px}}