.contact-page{background-color:var(--base-500);color:var(--base-100);min-height:100vh;padding:10rem 5vw}.contact-hero{padding:10rem 0 5rem}.giant-title{letter-spacing:-.05em;opacity:0;color:var(--base-300);pointer-events:none;z-index:0;font-size:clamp(4rem,12vw,12rem);line-height:.8;position:absolute;top:5rem;left:-2vw}.contact-details-grid{z-index:1;border-top:1px solid #ffffff1a;margin-top:5rem;position:relative}.contact-row{border-bottom:1px solid #ffffff1a;grid-template-columns:200px 1fr;padding:4rem 0;transition:background-color .4s;display:grid}.contact-row:hover{background-color:#ffffff05}.row-label{opacity:.4;padding-top:1.25rem}.luxury-link{color:var(--base-100);font-family:Chillax,sans-serif;font-size:clamp(2.5rem,6vw,6rem);font-weight:700;line-height:1;text-decoration:none;transition:all .5s cubic-bezier(.22,1,.36,1);display:inline-block}.luxury-link:hover{color:var(--base-300);transform:translate(20px)}.social-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;display:grid}.social-pill{text-align:center;color:var(--base-100);text-transform:uppercase;border:1px solid #fff3;border-radius:4rem;padding:1rem;font-family:Chillax,sans-serif;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .4s;display:block}.social-pill:hover{background-color:var(--base-300);border-color:var(--base-300);color:var(--base-500);transform:translateY(-5px)}.contact-inquiry{grid-template-columns:1fr 1.5fr;gap:5rem;margin-top:15rem;display:grid}.inquiry-header h2{opacity:.5;margin-bottom:1rem}.inquiry-header p{font-family:Chillax,sans-serif;font-size:1.5em;font-weight:500;line-height:1.1}.brutalist-form{flex-direction:column;gap:4rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:3rem;display:grid}.form-field{width:100%;position:relative}.form-field input,.form-field textarea{width:100%;color:var(--base-100);background:0 0;border:none;border-bottom:1px solid #fff3;outline:none;padding:1.5rem 0;font-family:Sora,sans-serif;font-size:1.25rem;transition:all .4s}.form-field label{pointer-events:none;opacity:.4;transition:all .4s;position:absolute;top:1.5rem;left:0}.form-field input:focus~label,.form-field input:not(:placeholder-shown)~label,.form-field textarea:focus~label,.form-field textarea:not(:placeholder-shown)~label{opacity:1;color:var(--base-300);font-size:.75rem;top:-1.5rem}.form-field input:focus,.form-field textarea:focus{border-bottom-color:var(--base-300)}.brutalist-submit{background-color:var(--base-300);cursor:pointer;color:var(--base-500);border:none;align-self:flex-start;align-items:center;gap:3rem;padding:2rem 4rem;font-weight:700;transition:all .5s cubic-bezier(.22,1,.36,1);display:flex}.brutalist-submit:hover{background-color:var(--base-100);gap:5rem}.arrow-icon{font-size:1.5rem}@media (max-width:1200px){.contact-page{padding:8rem 5vw}.contact-hero{padding:8rem 0 4rem}.giant-title{font-size:clamp(4rem,10vw,9rem);top:4rem}.contact-inquiry{margin-top:12rem}}@media (max-width:1024px){.contact-page{padding:6rem 5vw}.contact-hero{padding:6rem 0 3rem}.giant-title{font-size:clamp(3.5rem,9vw,7.5rem);top:3rem}.contact-row{grid-template-columns:1fr;gap:1rem;padding:3rem 0}.row-label{padding-top:0}.luxury-link{font-size:clamp(2rem,5.5vw,4.5rem)}.contact-inquiry{grid-template-columns:1fr;gap:3.5rem;margin-top:8rem}.brutalist-submit{gap:2rem;padding:1.5rem 3rem}.brutalist-submit:hover{gap:3.5rem}}@media (max-width:768px){.contact-page{padding:5rem 7vw}.contact-details-grid{margin-top:1rem}.contact-hero{padding:4rem 0 2rem}.giant-title{font-size:clamp(2.8rem,11vw,5.5rem);top:2rem;left:-1vw}.contact-row{padding:2.5rem 0}.luxury-link{font-size:clamp(1.6rem,6.5vw,2.5rem)}.social-grid{grid-template-columns:repeat(3,1fr);gap:.75rem}.social-pill{text-align:center;padding:.75rem .5rem;font-size:.85rem}.contact-inquiry{gap:3rem;margin-top:6rem}.inquiry-header p{font-size:1.3rem}.brutalist-form{gap:3rem}.form-row{grid-template-columns:1fr;gap:2.5rem}.form-field input,.form-field textarea{padding:1rem 0;font-size:1.1rem}.form-field label{font-size:.9rem;top:1rem}.form-field input:focus~label,.form-field input:not(:placeholder-shown)~label,.form-field textarea:focus~label,.form-field textarea:not(:placeholder-shown)~label{font-size:.75rem;top:-1.25rem}.brutalist-submit{justify-content:space-between;gap:1.5rem;width:100%;padding:1.25rem 2rem}.brutalist-submit:hover{background-color:var(--base-100);gap:1.5rem}}
