.contact{position:relative;width:100vw;background-color:var(--base-300);color:var(--base-100)}.contact-services{padding:9rem 0 6rem}.contact-services .container{display:flex;flex-direction:column;gap:1.5rem;height:auto}.contact-hero-heading{font-family:Barlow Condensed,sans-serif;font-weight:500;font-size:clamp(2.25rem,5vw,4.5rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--base-100);max-width:22ch;margin-bottom:1rem}.contact-service{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:3.5rem 3rem;border:1px solid rgba(249,244,235,.2);transition:border-color .3s ease}.contact-service-accent-1{background-color:var(--accent-1);border-color:var(--accent-1);color:var(--base-300)}.contact-service-accent-2{background-color:var(--accent-2);border-color:var(--accent-2);color:var(--base-300)}.contact-service-accent-3{background-color:var(--accent-3);border-color:var(--accent-3);color:var(--base-300)}.contact-service-corner{position:absolute;font-family:DM Mono,monospace;font-size:.85rem;font-weight:400;line-height:1;color:#f9f4eb4d;transition:color .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.contact-service-corner-tl{top:-.55rem;left:-.3rem}.contact-service-corner-tr{top:-.55rem;right:-.3rem}.contact-service-corner-bl{bottom:-.55rem;left:-.3rem}.contact-service-corner-br{bottom:-.55rem;right:-.3rem}.contact-service-accent-1 .contact-service-corner,.contact-service-accent-2 .contact-service-corner,.contact-service-accent-3 .contact-service-corner{color:#0a0a0a59}.contact-service-name{font-size:clamp(2.5rem,4vw,4rem);line-height:.95;letter-spacing:-.02em;flex:0 0 44%}.contact-service-meta{flex:1;display:flex;flex-direction:column;gap:.75rem;align-items:flex-end;text-align:right}.contact-service-price{font-family:Barlow Condensed;font-weight:600;font-size:1.5rem;letter-spacing:0;text-transform:none;color:inherit}.contact-service-desc{font-family:Host Grotesk;font-size:1rem;line-height:1.45;max-width:34ch;color:inherit;opacity:.7}.contact-service-timeline{letter-spacing:.06em;font-size:.8rem;color:inherit;opacity:.55}.contact-cta{padding:6rem 0 5rem;border-top:1px solid rgba(249,244,235,.15)}.contact-cta .container{display:flex;flex-direction:column;gap:2rem;height:auto}.contact-cta-heading{font-family:Barlow Condensed,sans-serif;font-weight:500;font-size:clamp(1.75rem,3.5vw,3rem);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;color:var(--base-100);margin-bottom:0}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.contact-method{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:2.5rem 2.5rem 3rem;border:1px dashed rgba(249,244,235,.3);color:var(--base-100);transition:border-color .3s ease,transform .3s ease}.contact-method:hover{transform:translateY(-2px)}.contact-method-accent-1 .contact-service-corner{color:#b1c1ef80}.contact-method-accent-2 .contact-service-corner{color:#f2acac80}.contact-method-accent-1:hover{border-color:var(--accent-1)}.contact-method-accent-2:hover{border-color:var(--accent-2)}.contact-method-accent-1:hover .contact-service-corner{color:var(--accent-1)}.contact-method-accent-2:hover .contact-service-corner{color:var(--accent-2)}.contact-method-label{color:var(--base-secondary-dark);transition:color .3s ease}.contact-method-accent-1:hover .contact-method-label{color:var(--accent-1)}.contact-method-accent-2:hover .contact-method-label{color:var(--accent-2)}.contact-method-name{font-size:clamp(1.75rem,2.5vw,2.25rem);line-height:.95;text-transform:uppercase;font-family:Barlow Condensed;font-weight:500}.contact-method-desc{font-family:Host Grotesk;font-size:1rem;line-height:1.45;max-width:36ch;opacity:.65;flex:1}.contact-method .arrow-external{position:absolute;top:2.5rem;right:2.5rem;color:var(--base-100);opacity:.5;transition:opacity .3s ease,transform .3s ease,color .3s ease}.contact-method:hover .arrow-external{opacity:1;transform:translate(3px,-3px)}.contact-method-accent-1:hover .arrow-external{color:var(--accent-1)}.contact-method-accent-2:hover .arrow-external{color:var(--accent-2)}@media(max-width:1000px){.contact-services{padding:6rem 0 4rem}.contact-hero-heading{max-width:none}.contact-service{flex-direction:column;align-items:flex-start;gap:2rem;padding:2.5rem 2rem}.contact-service-name{flex:none;font-size:clamp(2rem,8vw,3rem)}.contact-service-meta{align-items:flex-start;text-align:left;width:100%}.contact-service-desc{max-width:none}.contact-cta{padding:4rem 0 3rem}.contact-methods{grid-template-columns:1fr;gap:1rem}.contact-method{padding:2rem 1.75rem 2.5rem}.contact-method .arrow-external{top:2rem;right:1.75rem}}
