.contact-hero{color:#fff;text-align:center;background-color:#0000;background-image:linear-gradient(#0009,#0009),url(/images/nivenn-lanos-TgzFdow4HBQ-unsplash.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:20vh;padding:6rem 1.5rem;display:flex}.contact-hero-content{max-width:800px;margin:0 auto}.contact-hero-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:3rem;font-weight:700}.contact-hero-subtitle{opacity:.9;font-size:1.25rem;line-height:1.6}.contact-info-section{background-color:#fff;padding:5rem 1.5rem}.contact-info-container{gap:2rem;max-width:1200px;margin:0 auto;display:grid}.contact-info-card{text-align:center;background:#f8fafc;border:2px solid #0000;border-radius:.75rem;padding:2rem;transition:all .3s}.contact-info-card:hover{border-color:#0089d0;transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.contact-info-icon{background:#0089d0;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto 1rem;display:flex}.contact-info-icon svg{color:#fff;width:1.5rem;height:1.5rem}.contact-info-title{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.contact-info-text{color:#0089d0;margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.contact-info-subtext{color:#6b7280;font-size:.875rem}.email-card{color:inherit;cursor:pointer;text-decoration:none;display:block}.email-card:hover{border-color:#0089d0;transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.email-card:hover .contact-info-text{color:#0066a3}.email-card:active{transform:translateY(-2px)}.contact-form-section{background-color:#f8fafc;padding:5rem 1.5rem}.contact-form-container{max-width:800px;margin:0 auto}.contact-form-header{text-align:center;margin-bottom:3rem}.contact-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.contact-form-subtitle{color:#6b7280;font-size:1.125rem;line-height:1.6}.contact-form{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:3rem;box-shadow:0 4px 6px #0000000d}.form-row{gap:2rem;margin-bottom:1.5rem;display:grid}.form-group{margin-bottom:1.5rem}.form-row .form-group{margin-bottom:0}.form-row .form-group:first-child{margin-right:1rem}.form-label{color:#374151;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{color:#374151;box-sizing:border-box;background-color:#fff;border:2px solid #e5e7eb;border-radius:.5rem;width:100%;min-height:48px;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#0089d0;outline:none;box-shadow:0 0 0 3px #0089d01a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{resize:vertical;min-height:120px;line-height:1.5}.contact-method-options{flex-direction:column;gap:.75rem;display:flex}.contact-method-option{cursor:pointer;align-items:flex-start;gap:.75rem;padding:.5rem 0;display:flex}.contact-method-option input[type=radio],.contact-method-option input[type=checkbox]{accent-color:#0089d0;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.contact-method-text{color:#374151;font-size:1rem;line-height:1.5}.submit-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#0089d0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:100%;min-height:56px;margin-top:1.5rem;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s;display:flex}.submit-button:hover{background:#0085c2;transform:translateY(-2px);box-shadow:0 4px 12px #0096d64d}.submit-button:active{transform:translateY(0)}.emergency-contact{color:#fff;text-align:center;background:#0089d0;padding:5rem 1.5rem}.emergency-contact-container{max-width:800px;margin:0 auto}.emergency-title{text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:2.5rem;font-weight:600}.emergency-text{opacity:.9;margin-bottom:2rem;font-size:1.25rem;line-height:1.6}.emergency-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}.emergency-button-primary{color:#0089d0;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:#fff;border:none;border-radius:.5rem;justify-content:center;align-items:center;min-width:250px;min-height:56px;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.emergency-button-primary:hover{color:#0089d0;background:#f8fafc;text-decoration:none;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.emergency-button-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:.5rem;justify-content:center;align-items:center;min-width:250px;min-height:56px;padding:1.25rem 2rem;font-size:1.125rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.emergency-button-secondary:hover{color:#0089d0;background:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:767px){.contact-hero{background-attachment:scroll;min-height:40vh;padding:4rem 1rem}.contact-hero-title{margin-bottom:1.5rem;font-size:2.25rem;line-height:1.2}.contact-hero-subtitle{padding:0 .5rem;font-size:1.125rem;line-height:1.5}.contact-info-section{padding:3rem 1rem}.contact-info-container{grid-template-columns:1fr;gap:1.5rem}.contact-info-card{border-radius:.75rem;padding:2rem 1.5rem}.contact-info-card:hover{transform:none;box-shadow:0 4px 6px #0000000d}.contact-info-icon{width:2.75rem;height:2.75rem;margin-bottom:1rem}.contact-info-icon svg{width:1.375rem;height:1.375rem}.contact-info-title{margin-bottom:.5rem;font-size:1.25rem}.contact-info-text{margin-bottom:.5rem;font-size:1.125rem}.contact-form-section{padding:3rem 1rem}.contact-form{border-radius:.75rem;padding:2rem 1.5rem}.contact-form-title{margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.contact-form-subtitle{padding:0 .5rem;font-size:1.05rem;line-height:1.6}.form-row{grid-template-columns:1fr;gap:1rem}.form-group{margin-bottom:1.25rem}.form-label{margin-bottom:.5rem;font-size:1rem}.form-input,.form-textarea,.form-select{min-height:48px;padding:1rem;font-size:1rem}.form-textarea{min-height:100px}.contact-method-option{gap:.75rem;padding:.75rem 0}.contact-method-option input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.125rem}.contact-method-text{font-size:1rem;line-height:1.5}.submit-button{min-height:56px;margin-top:1.5rem;padding:1.25rem 2rem;font-size:1.125rem}.contact-map-section{padding:3rem 1rem}.contact-map-title{margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.contact-map-subtitle{margin-bottom:2.5rem;padding:0 .5rem;font-size:1.05rem;line-height:1.6}.ottawa-map{height:300px}.emergency-contact{padding:3rem 1rem}.emergency-title{margin-bottom:1.5rem;font-size:2rem;line-height:1.3}.emergency-text{margin-bottom:2.5rem;padding:0 .5rem;font-size:1.05rem;line-height:1.6}.emergency-actions{flex-direction:column;gap:1rem;width:100%}.emergency-button-primary,.emergency-button-secondary{width:100%;max-width:300px;min-height:56px;padding:1.25rem 2rem;font-size:1.125rem}}@media (max-width:480px){.contact-hero{min-height:35vh;padding:3rem 1rem}.contact-hero-title{font-size:2rem}.contact-hero-subtitle{font-size:1rem}.contact-info-section{padding:2.5rem 1rem}.contact-info-card{padding:1.75rem 1rem}.contact-info-icon{width:2.5rem;height:2.5rem}.contact-info-icon svg{width:1.25rem;height:1.25rem}.contact-form-section{padding:2.5rem 1rem}.contact-form{padding:1.75rem 1rem}.contact-form-title{font-size:1.75rem}.contact-form-subtitle{font-size:1rem}.form-input,.form-textarea,.form-select{padding:.875rem;font-size:1rem}.submit-button{padding:1rem 1.5rem;font-size:1.05rem}.contact-map-section{padding:2.5rem 1rem}.contact-map-title{font-size:1.75rem}.contact-map-subtitle{font-size:1rem}.ottawa-map{height:250px}.emergency-contact{padding:2.5rem 1rem}.emergency-title{font-size:1.75rem}.emergency-text{font-size:1rem}.emergency-button-primary,.emergency-button-secondary{max-width:280px;padding:1rem 1.5rem;font-size:1.05rem}}@media (hover:none) and (pointer:coarse){.contact-info-card:hover,.email-card:hover,.submit-button:hover,.emergency-button-primary:hover,.emergency-button-secondary:hover{transform:none}.submit-button:active,.emergency-button-primary:active,.emergency-button-secondary:active{transform:scale(.98)}.form-input,.form-textarea,.form-select,.submit-button,.emergency-button-primary,.emergency-button-secondary{touch-action:manipulation;min-height:44px}.contact-method-option input[type=checkbox]{min-width:44px;min-height:44px}}.form-input:invalid:not(:placeholder-shown),.form-textarea:invalid:not(:placeholder-shown){border-color:#ef4444}.form-input:valid:not(:placeholder-shown),.form-textarea:valid:not(:placeholder-shown){border-color:#10b981}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.contact-form{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-reduced-motion:reduce){.contact-info-card,.email-card,.submit-button,.emergency-button-primary,.emergency-button-secondary{transition:none}.contact-info-card:hover,.email-card:hover{transform:none}}@media (min-width:768px){.contact-hero{padding:8rem 3rem}.contact-hero-title{font-size:3.5rem}.contact-info-section{padding:6rem 3rem}.contact-info-container{grid-template-columns:repeat(2,1fr);gap:2rem}.contact-form-section{padding:6rem 3rem}.contact-form-title{font-size:3rem}.form-row{grid-template-columns:1fr 1fr;gap:2rem}.contact-method-options{flex-direction:row;gap:2rem}.contact-map-section{padding:6rem 3rem}.contact-map-title{font-size:3rem}.emergency-contact{padding:6rem 3rem}.emergency-title{font-size:3rem}.emergency-actions{flex-direction:row;justify-content:center}}@media (min-width:1024px){.contact-hero{padding:10rem 4rem}.contact-hero-title{font-size:4rem}.contact-info-section{padding:8rem 4rem}.contact-info-container{grid-template-columns:repeat(4,1fr);gap:2rem}.contact-form-section{padding:8rem 4rem}.contact-form-title{font-size:3.5rem}.contact-map-section{padding:8rem 4rem}.contact-map-title{font-size:3.5rem}.emergency-contact{padding:8rem 4rem}.emergency-title{font-size:3.5rem}}