.contact-page{background:#fff;color:#17191d}
.contact-hero{position:relative;display:grid;place-items:center;min-height:clamp(470px,49vw,650px);background:#29343c url('/assets/mediakomtec.jpg') center 47%/cover no-repeat;isolation:isolate;text-align:center;color:#fff}
.contact-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,17,25,.27),rgba(7,17,25,.53));z-index:-1}
.contact-hero-content{padding:52px 24px;max-width:950px}
.contact-hero-content>p{color:#ffcf22;font-size:13px;font-weight:700;margin:0 0 15px}
.contact-hero-content>p a{color:inherit;text-decoration:none}
.contact-hero-content>p a:hover{text-decoration:underline}
.contact-hero h1{font-size:clamp(55px,6vw,82px);line-height:1.02;letter-spacing:-.045em;margin:0 0 14px;font-weight:700}
.contact-hero-content>span{display:block;font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.45}
.contact-section{padding:clamp(76px,8vw,120px) 24px 105px}
.contact-shell{max-width:780px;margin:0 auto}
.contact-heading{text-align:left;margin:0 0 38px}
.contact-kicker{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#606870;margin:0 0 17px}
.contact-heading h2{font-size:clamp(32px,4vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 14px;font-weight:650}
.contact-heading>p:last-child{font-size:17px;line-height:1.6;color:#68717a;margin:0}
.contact-controls{border:0;padding:0;margin:0;min-width:0}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px}
.contact-fields label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#252a2f}
.contact-fields .contact-label{color:#252a2f}
.contact-fields .contact-label b{color:#c68d00}
.contact-fields .contact-wide{grid-column:1/-1}
.contact-fields input,.contact-fields textarea{width:100%;box-sizing:border-box;background:#fff;border:1px solid #cbd1d7;border-radius:2px;color:#17191d;font:inherit;font-weight:400;padding:12px 14px;min-height:47px}
.contact-fields textarea{min-height:170px;resize:vertical;line-height:1.5}
.contact-fields input:hover,.contact-fields textarea:hover{border-color:#8c959e}
.contact-fields input:focus-visible,.contact-fields textarea:focus-visible,.contact-consent input:focus-visible,.contact-submit:focus-visible{outline:3px solid #d6a900;outline-offset:3px}
.contact-consent{display:flex;align-items:flex-start;gap:11px;margin:23px 0 26px;font-size:13px;line-height:1.5;color:#555e67}
.contact-consent input{flex:none;margin:2px 0 0;width:16px;height:16px;accent-color:#d6a900}
.contact-consent a,.contact-direct a{color:#333b42;text-decoration:underline;text-underline-offset:2px}
.contact-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:53px;background:#ffcf22;color:#17191d;border:0;border-radius:3px;font:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;transition:background .2s}
.contact-submit:hover{background:#efbd0c}
.contact-form-note{text-align:center;color:#717983;font-size:12px;line-height:1.55;margin:11px 0 0}
.contact-direct{text-align:center;margin-top:26px;color:#68717a;font-size:13px;line-height:1.55}
.contact-direct p{margin:5px 0}
@media(max-width:700px){.contact-hero{min-height:420px;background-position:57% center}.contact-section{padding:70px 20px 80px}.contact-fields{grid-template-columns:1fr;gap:19px}.contact-heading{margin-bottom:30px}.contact-direct span{display:none}.contact-direct a{display:inline-block}}
@media(prefers-reduced-motion:reduce){.contact-submit{transition:none}}