.top-title{width:100%}.h-top-banner{height:450px}@media ((min-width: 768px)){.h-top-banner{height:650px}}.clip-banner:before{z-index:10;position:absolute;content:" ";left:0;bottom:0;height:10vw;width:100%;mix-blend-mode:multiply;background-color:#534741;clip-path:polygon(0 0,100% 5vw,100% 100%,0% 100%);animation:tpClipBannerAnimation forwards 1s;opacity:0}@media ((min-width: 768px)){.clip-banner:before{clip-path:polygon(0 0,100% 8vw,100% 100%,0% 100%);animation:clipBannerAnimation forwards 2s}}.clip-container{z-index:20;position:relative;clip-path:polygon(0 20vw,100% 0,100% 100%,0 100%);background-color:#fff;margin-top:-30vw;padding-top:20vw}.clip-container:before{position:absolute;content:" ";left:0;top:0;width:100%;background-color:#f2f2f2;clip-path:polygon(0 0,100% 0,100% 100%,0 calc(100% - 8vw));animation:tpClipContainerAnimation forwards .8s 1s;opacity:0}@media ((min-width: 768px)){.clip-container{clip-path:polygon(0 7vw,100% 0,100% 100%,0 100%);margin-top:-10vw;padding-top:10vw}.clip-container:before{height:25vw;animation:clipContainerAnimation forwards 1.5s .5s}}@keyframes clipBannerAnimation{0%{opacity:0;height:25vw}to{opacity:.35;height:10vw}}@keyframes tpClipBannerAnimation{0%{opacity:0;height:35vw}to{opacity:.35;height:25vw}}@keyframes clipContainerAnimation{0%{opacity:0;height:25vw}to{opacity:1;height:10vw}}@keyframes tpClipContainerAnimation{0%{opacity:0;height:30vw}to{opacity:1;height:20vw}}