:root{--contact-gap: 4rem;--contact-pad: calc(var(--header-height) + 3rem) 4rem 2.5rem;--contact-information-gap: 5rem;--contact-message-gap: 2rem;--contact-message-pad: 2.25rem 3rem;--contact-title-font-size: 48px;--contact-subtitle-font-size: 18px;--contact-info-container-w: 250px;--contact-info-container-h: 175px;--form-header-font-size: 32px;--form-input-gap: 1.25rem;--form-input-personal-gap: 3rem}.hidden{display:none}.contact{display:flex;flex-direction:column;gap:var(--contact-gap);align-items:center;justify-content:center;padding:var(--contact-pad);min-height:100vh;background-color:rgb(var(--dark-gray))}.contact-header{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.contact-information{display:flex;gap:var(--contact-information-gap);justify-content:center;width:100%}.contact-message{display:flex;flex-direction:column;gap:var(--contact-message-gap);box-sizing:border-box;padding:var(--contact-message-pad);width:100%;border:1px solid rgb(var(--white) / .25);background-color:rgb(var(--white) / .01);transition:border-color var(--t-fast) ease}.contact-message:hover{border-color:rgb(var(--chubby-pink) / .5)}.contact-message:focus-within{border-color:rgb(var(--chubby-pink) / .5)}.contact-title{width:fit-content;color:rgb(var(--white));font-size:var(--contact-title-font-size);font-weight:900;line-height:1;letter-spacing:2px}.contact-title:after{display:block;content:"";width:100%;height:5px;margin:.25rem 0 0;background-color:rgb(var(--chubby-pink))}.contact-subtitle{text-align:center;color:rgb(var(--light-gray));font-size:var(--contact-subtitle-font-size);font-weight:400;line-height:1.25;letter-spacing:1px}.information-container{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center;box-sizing:border-box;padding:1rem;width:var(--contact-info-container-w);height:var(--contact-info-container-h);cursor:pointer;border:1px solid rgb(var(--white) / .25);background-color:rgb(var(--white) / .01);text-decoration:none;transition:border-color var(--t-fast) ease,background-color var(--t-fast) ease}.information-container:hover,.information-container:focus-visible{outline:none;border-color:rgb(var(--chubby-pink) / .5);background-color:rgb(var(--black) / .1)}.container-info{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.container-svg{width:50px;height:50px;color:rgb(var(--white) / .75);transition:transform var(--t-fast) ease,color var(--t-fast) ease}.information-container:hover .container-svg,.information-container:focus-visible .container-svg{transform:translateY(-2px);color:rgb(var(--chubby-pink))}.container-title{color:rgb(var(--white) / .75);font-size:14px;font-weight:900;line-height:1;letter-spacing:1px;transition:color var(--t-fast) ease}.information-container:hover .container-title,.information-container:focus-visible .container-title{color:rgb(var(--chubby-pink))}.container-text{color:rgb(var(--white) / .75);font-size:14px;font-weight:600;line-height:1;letter-spacing:1px}.container-note{color:rgb(var(--white) / .5);font-size:12px;font-weight:300;line-height:1;letter-spacing:0}.message-header{display:flex;flex-direction:column;gap:.5rem;width:100%}.message-title{color:rgb(var(--white));font-size:var(--form-header-font-size);font-weight:900;line-height:1;letter-spacing:2px}.message-form{display:flex;flex-direction:column;gap:var(--form-input-gap)}.form-personal{display:flex;gap:var(--form-input-personal-gap);align-items:flex-start;justify-content:space-between}.form-personal>*{flex:1 1 0;min-width:0}.form-item{display:flex;flex-direction:column;gap:.5rem;width:100%}.item-label{padding:0 0 0 .1rem;color:rgb(var(--white));font-size:16px;font-weight:400;line-height:1;letter-spacing:1px}.item-input{border:1px solid rgb(var(--white) / .25);background-color:rgb(var(--black) / .1);outline:none;color:rgb(var(--white));font-size:14px;font-weight:300;line-height:1;letter-spacing:0;transition:background-color var(--t-fast) ease,border-color var(--t-fast) ease}.item-input:hover,.item-input:focus-visible{border-color:rgb(var(--chubby-pink) / .5);background-color:rgb(var(--black) / .25)}.input-personal{padding:.75rem 1rem}.input-message{padding:1rem;resize:vertical}.form-submit{display:flex;flex-direction:column;gap:.75rem}.submit-policy{display:flex;gap:.5rem;align-items:center}.policy-checkbox{width:13px;height:13px;accent-color:rgb(var(--chubby-pink));cursor:pointer}.policy-checkbox:focus-visible{outline:1px solid rgb(var(--chubby-pink))}.policy-text{color:rgb(var(--white) / .5);font-size:14px;font-weight:300;line-height:1;letter-spacing:1px}.policy-link{text-decoration:underline;color:rgb(var(--white) / .5);transition:color var(--t-fast) ease}.policy-link:hover,.policy-link:focus-visible{outline:none;color:rgb(var(--chubby-pink))}.submit-btn{padding:1rem 2.5rem;width:fit-content;outline:1px solid transparent;outline-offset:3px;background-color:rgb(var(--chubby-pink));border:2px solid rgb(var(--white) / .25);color:rgb(var(--white));font-size:16px;font-weight:600;line-height:1.25;letter-spacing:1px;transition:outline-color var(--t-fast) ease,background-color var(--t-fast) ease}.submit-btn:hover{background-color:rgb(var(--chubby-pink) / .8)}.submit-btn:focus-visible{outline-color:rgb(var(--chubby-pink));background-color:rgb(var(--chubby-pink) / .8)}@media(max-width:950px){:root{--contact-gap: 1.5rem;--contact-pad: calc(var(--header-height) + 2rem) 2rem 2rem;--contact-information-gap: 1rem;--contact-message-gap: 1rem;--contact-message-pad: 1.5rem 1.5rem 1rem;--contact-title-font-size: 32px;--contact-subtitle-font-size: 12px;--contact-info-container-w: 100%;--contact-info-container-h: auto;--form-header-font-size: 24px;--form-input-gap: .75rem;--form-input-personal-gap: .75rem}.contact-information{flex-direction:column}.message-title{text-align:center}.form-personal{flex-direction:column}.submit-btn{width:100%}}
