.clip-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:20px;margin-bottom:30px}.polygon1{-webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%);clip-path:polygon(50% 0%,0% 100%,100% 100%)}.polygon2{-webkit-clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%);clip-path:polygon(20% 0%,0% 20%,30% 50%,0% 80%,20% 100%,50% 70%,80% 100%,100% 80%,70% 50%,100% 20%,80% 0%,50% 30%)}.polygon3{-webkit-clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.circle1{-webkit-clip-path:circle(50%);clip-path:circle(50%)}.circle2{-webkit-clip-path:circle(70% at 70% 20%);clip-path:circle(70% at 70% 20%)}.ellipse1{-webkit-clip-path:ellipse(50% 65% at 70% 50%);clip-path:ellipse(50% 65% at 70% 50%)}.ellipse2{-webkit-clip-path:ellipse(50% 35%);clip-path:ellipse(50% 35%)}.inset1{-webkit-clip-path:inset(20% 25% 20% 10%);clip-path:inset(20% 25% 20% 10%)}.inset2{-webkit-clip-path:inset(35% 20% 41% 20% round 20px);clip-path:inset(35% 20% 41% 20% round 20px)}.clip-container.big{display:block}.animate{animation:shaping 4s infinite}@keyframes shaping{0%{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}20%{-webkit-clip-path:polygon(28% 0,73% 0,100% 100%,0% 100%);clip-path:polygon(28% 0,73% 0,100% 100%,0% 100%)}40%{-webkit-clip-path:polygon(0 0,100% 72%,100% 100%,0 35%);clip-path:polygon(0 0,100% 72%,100% 100%,0 35%)}60%{-webkit-clip-path:polygon(50% 0,50% 0,100% 100%,0% 100%);clip-path:polygon(50% 0,50% 0,100% 100%,0% 100%)}80%{-webkit-clip-path:polygon(0 70%,100% 0,100% 32%,0 100%);clip-path:polygon(0 70%,100% 0,100% 32%,0 100%)}to{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%)}}.content.content--grid{display:grid;grid-template-columns:50% 50%;background:var(--light-bg);border-radius:220px}svg.hidden{display:none}.item{position:relative;margin:0 0 0 auto;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.item__svg{position:relative;display:block;width:80%;height:auto;min-height:310px;margin:0 auto}.item__clippath,.item__deco,.item__img{transform-origin:50% 50%}.item__meta{position:absolute;top:0;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:center;width:100%;height:100%}.item__number{position:absolute;top:0;width:100%;padding:12.5% 0 0 3em;letter-spacing:.5em;text-transform:uppercase}.item__specimen{font-size:5em;font-weight:500;line-height:.9;vertical-align:text-bottom;letter-spacing:-.025em}.item__reference{font-size:1.25em;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.item__title{font-size:1.165em;font-weight:700;width:100%;margin:1em 0 0;text-align:center;letter-spacing:.125em;color:#e4e4e4}.item__subtitle{font-size:1em;font-weight:500;margin:.5em 0 0;text-align:center;letter-spacing:.15em;opacity:0}.item--style-1 .item__deco{fill:#dcdcde}.item--style-2 .item__deco{fill:#404040}