.contact-page{width:100%;height:100%}.contact-page .container{width:100%;height:100%;display:flex}.contact-page .container .col{display:flex;flex-direction:column;justify-content:flex-end;gap:6em}.contact-page .container .col:first-child{flex:1 1}.contact-page .container .col:nth-child(2){flex:1.2 1}.contact-page .title{margin-bottom:1em}.contact-page .item,.contact-page .title{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.contact-page .item p,.contact-page .item p a{font-size:24px;color:var(--text)}.contact-page .item p a{display:inline-block;position:relative;transition:transform .3s cubic-bezier(.4,0,.2,1)}.contact-page .item p a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--text);transition:width .4s cubic-bezier(.4,0,.2,1)}.contact-page .item p a:hover{transform:translateX(4px);opacity:1}.contact-page .item p a:hover:after{width:100%}.contact-header{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.contact-header h1{position:relative;transform:translateY(64px);will-change:transform}.contact-page .item p{position:relative;transform:translateY(28px);will-change:transform;transition:color .3s cubic-bezier(.4,0,.2,1)}.contact-page .item:hover p{color:var(--text)}.contact-page .title p{position:relative;transform:translateY(24px);font-size:20px;will-change:transform}@media (max-width:900px){.contact-page{height:150%}.contact-page .container{flex-direction:column-reverse;padding:8em 2em 4em;gap:0}.contact-page .item p,.contact-page .item p a,.contact-page .title p{font-size:16px}}