.tilter{flex:none;height:415px;color:#fff;position:relative;perspective:1000px;margin:1.5em 2.5em;width:300px;display:block}.tilter *{pointer-events:none}.tilter:focus,.tilter:hover{color:#fff;outline:none}.tilter__figure,.tilter__image{height:100%;margin:0;width:100%;display:block}.tilter__figure>*{transform:translateZ(0)}.smooth .tilter__caption,.smooth .tilter__deco--lines,.smooth .tilter__deco--overlay,.smooth .tilter__deco--shine div,.smooth .tilter__figure{transition:transform .2s ease-out}.tilter__figure{position:relative}.tilter__figure:before{height:90%;content:"";position:absolute;top:5%;box-shadow:0 30px 20px rgba(35,32,39,.5);left:5%;width:90%}.tilter__deco{height:100%;overflow:hidden;position:absolute;top:0;left:0;width:100%}.tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(226,60,99,.4),rgba(145,58,252,.4),rgba(16,11,192,.4))}.tilter__deco--shine div{height:200%;position:absolute;top:-50%;left:-50%;width:200%;background-image:linear-gradient(45deg,rgba(0,0,0,.5),hsla(0,0%,100%,.25) 50%,transparent)}.tilter__deco--lines{fill:none;stroke-width:1.5px;stroke:#fff}.tilter__caption{padding:4em;position:absolute;bottom:0;width:100%}.tilter__title{font-size:2.5em;font-weight:400;margin:0;line-height:1;font-family:Abril Fatface,serif}.tilter__description{font-size:.85em;letter-spacing:.15em;margin:1em 0 0}.tilter--1 .tilter__figure:before{box-shadow:0 30px 20px rgba(0,0,0,.5)}.tilter--2,.tilter--2:focus,.tilter--2:hover{color:#2e27ad}.tilter--2 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(245,239,40,.6),rgba(164,22,169,.6))}.tilter--2 .tilter__deco--lines{stroke-width:4px;stroke:#2e27ad}.tilter--3 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(205,81,220,.6),rgba(41,94,230,.5))}.tilter--3 .tilter__caption{padding:2em;text-shadow:.1em .8em 1em rgba(0,0,0,.35);text-align:right}.tilter--4 .tilter__deco--overlay{background-image:linear-gradient(20deg,#d66428,rgba(46,39,173,.58),rgba(53,74,165,.6))}@media screen and (min-width:30em){.tilter--4 .tilter__deco--lines{transform:scale3d(.8,.8,1);transition:transform .4s}.tilter--4:hover .tilter__deco--lines{transform:scaleX(1)}.tilter--4 .tilter__description,.tilter--4 .tilter__title{transform:translate3d(0,80px,0);transition:transform .4s,opacity .4s;opacity:0}.tilter--4:hover .tilter__description{transition-delay:.1s}.tilter--4:hover .tilter__description,.tilter--4:hover .tilter__title{transform:translateZ(0);opacity:1}}.tilter--5 .tilter__deco--lines path{transition:stroke-dashoffset .7s;stroke-dasharray:1270;stroke-dashoffset:1270}.tilter--5:hover .tilter__deco--lines path{stroke-dashoffset:0}.tilter--5 .tilter__figure:before{box-shadow:none}.tilter--6,.tilter--6:focus,.tilter--6:hover{color:#2e27ad}.tilter--6 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(46,39,173,.2),rgba(255,186,59,.58))}.tilter--6 .tilter__deco--lines{top:-50px;stroke-width:6px;left:-50px;stroke:#2e27ad}.tilter--6 .tilter__caption{padding:0 4em 5.5em 1em}.tilter--6 .tilter__figure:before{box-shadow:none}.tilter--7 .tilter__deco--overlay{background-image:linear-gradient(45deg,rgba(93,203,106,.48),rgba(59,239,255,.58))}.tilter--7 .tilter__deco--lines{transform:scale3d(.9,.9,1);transition:transform .3s,opacity .3s;opacity:0;stroke-width:20px}.tilter--7:hover .tilter__deco--lines{transform:scaleX(1);opacity:1}.tilter--7 .tilter__figure:before{box-shadow:none}.tilter--8{perspective:none}.tilter--8 .tilter__figure{transform-style:flat}.tilter--8 .tilter__deco--lines{mix-blend-mode:color-burn;stroke-width:6px;stroke:#9255ae}.tilter--8 .tilter__caption{color:#9255ae;mix-blend-mode:color-burn}.tilter--8 .tilter__figure:before{box-shadow:none}