.contact-hero{position:relative;width:100%;padding:clamp(7rem,18svh,14rem) 0 8svh;color:var(--base-200)}.contact-hero .container{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;grid-gap:clamp(2rem,5vw,5rem);gap:clamp(2rem,5vw,5rem)}.contact-col{min-width:0;display:flex;flex-direction:column;gap:2rem}.contact-label{color:var(--base-250)}.contact-hero-header h1{max-width:14ch;color:var(--base-100)}.contact-intro{max-width:36ch;line-height:1.6}.contact-info{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:1rem;gap:1rem}.contact-info-block{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;padding:clamp(1.25rem,3vw,2rem);background:var(--base-450);border:1px solid var(--base-400);border-radius:1rem;transition:border-color .3s}.contact-info-block:hover{border-color:var(--base-100)}.contact-info-block h2{color:var(--base-250);font-size:1.25rem;letter-spacing:0}.contact-value{max-width:100%;color:var(--base-100);font-size:clamp(1rem,1.7vw,1.5rem);overflow-wrap:anywhere;text-align:right}.contact-hint{color:var(--base-250);font-size:.9rem}.contact-img{aspect-ratio:1;border-radius:2rem;overflow:hidden}.contact-img img{display:block}@media (max-width:1000px){.contact-hero .container{grid-template-columns:minmax(0,1fr);gap:3rem}.contact-hero-header h1{max-width:20ch}}