.contact-page{width:100%;height:100%}.contact-page .container{width:100%;height:100%;display:grid;grid-template-columns:1fr 1.2fr;align-content:end;grid-row-gap:6em;row-gap:6em;padding:12em 2em 4em}.contact-header{grid-column:2;grid-row:1}.where{grid-column:1;grid-row:2}.socials{grid-column:2;grid-row:2}.connect{grid-column:1;grid-row:3}.mail{grid-column:2;grid-row:3}.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-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}.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{display:flex;flex-direction:column;padding:8em 2em 4em;gap:0}.contact-header{order:1;margin-bottom:3em}.socials{order:2}.mail,.socials{margin-bottom:3em}.mail{order:3}.where{order:4}.connect,.where{margin-bottom:3em}.connect{order:5}.contact-page .item p,.contact-page .item p a,.contact-page .title p{font-size:16px}}