/* Decorative, CSS-only concept previews. */
.project-art{padding:34px 34px 0;height:340px;overflow:hidden;transition:filter .25s}.project-card:hover .project-art{filter:brightness(.96)}.mini-site{height:100%;position:relative;overflow:hidden;box-shadow:0 5px 25px #2221;transition:transform .45s}.project-card:hover .mini-site{transform:translateY(-5px)}.forma{background:#d3cfc5}.forma .mini-site{background:#f4f0e7}.mini-nav{height:43px;border-bottom:1px solid #7773;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:relative;z-index:2}.mini-nav b{font-size:15px;letter-spacing:-.6px}.mini-nav>span{font-size:5px;letter-spacing:.5px}.mini-content{position:relative;z-index:2;margin:38px 20px}.mini-kicker{font-size:5px;letter-spacing:1px}.mini-content h3{font-size:36px;font-weight:400;letter-spacing:-1.4px;line-height:1.13;margin-top:12px}.mini-link{font-size:6px;display:inline-block;border-bottom:1px solid;margin-top:18px;padding-bottom:4px}.mini-bottom{position:absolute;bottom:12px;left:20px;right:20px;font-size:5px;letter-spacing:.6px;display:flex;justify-content:space-between;z-index:2}.art-object{position:absolute}.forma .art-object{width:47%;height:83%;right:0;bottom:0;background:linear-gradient(125deg,#cbc7bb,#8d9282);overflow:hidden;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%,0 40%)}.forma .art-object i:nth-child(1){position:absolute;width:57%;height:75%;right:15%;bottom:0;border-radius:80px 80px 0 0;background:linear-gradient(100deg,#33382d,#717262);box-shadow:-12px 4px 0 #b8b6a5}.forma .art-object i:nth-child(2){position:absolute;width:130%;height:38%;bottom:-17%;background:#d7d1bd;transform:rotate(-15deg);box-shadow:0 -7px 0 #d9d3c0}.forma .art-object i:nth-child(3){position:absolute;width:12%;height:100%;right:2%;background:linear-gradient(90deg,#aaa892,#d8d3c2)}.olea{background:#d0d7bd}.olea .mini-site{background:#f3eedc;color:#344231}.olea .mini-nav b{font-family:Georgia,serif;font-size:23px}.olea .mini-content h3{font-family:Georgia,serif;font-size:38px;font-style:italic}.olea .art-object{width:38%;height:78%;right:1%;bottom:1%;transform:rotate(12deg);background:radial-gradient(ellipse at 50% 90%,#6d6c422a,transparent 65%)}.olea .art-object i:nth-child(1){position:absolute;left:18%;bottom:12%;width:60%;height:64%;border-radius:26% 26% 15% 15%;background:linear-gradient(90deg,#4c5225,#8a8a43 40%,#454e27 90%);box-shadow:8px 12px 12px #29352030}.olea .art-object i:nth-child(1):before{content:'';position:absolute;width:35%;height:29%;left:32%;top:-24%;background:repeating-linear-gradient(90deg,#41432d 0 2px,#6d6947 2px 4px);border-radius:3px 3px 0 0}.olea .art-object i:nth-child(1):after{content:'olea';font-family:Georgia,serif;font-size:30px;position:absolute;left:5%;right:5%;top:31%;background:#e5dfb9;height:42%;display:grid;place-content:center;color:#444d2a}.olea .art-object i:nth-child(2){width:75%;height:30%;right:-30%;top:0;transform:rotate(-35deg);background:repeating-linear-gradient(135deg,transparent 0 15px,#627245 16px 22px,transparent 23px 30px);border-radius:50%}.arc{background:#c4c8df}.arc .mini-site{background:#bcde5b;color:#20291c}.arc .mini-content h3{font-size:43px;font-weight:800}.arc .art-object{border:30px solid #3b452d;width:190px;height:190px;border-radius:50%;right:-32px;bottom:12px;box-shadow:inset 0 0 0 12px #eaeae5;transform:rotate(-20deg)}