/* Contact composition from the client reference, in MFpro's own visual language. */
body.mf-page-6103 .mf-location-header{height:0!important}
body.mf-page-6103 .mf-location-header .mf-header{background:transparent!important;box-shadow:none!important}
body.mf-page-6103 .mf-location-header .mf-header.mf-scrolled{background:#080808!important;box-shadow:0 6px 24px #0004!important}
.mf-contact-page{background:#faf9f6;color:#111;font-family:"Inter Tight",sans-serif}
.mf-contact-page *{box-sizing:border-box}
.mf-contact-page h1,.mf-contact-page h2{font-family:inherit;font-weight:600;letter-spacing:-.035em;color:#111;margin:0;line-height:1.05}
.mf-contact-page h1{font-size:clamp(48px,5vw,76px)}
.mf-contact-page h1 em{font-weight:500;font-style:italic}
.mf-contact-page h2{font-size:clamp(36px,3.3vw,48px)}
.mf-contact-kicker{display:block;margin-bottom:18px;font:500 11px/1.5 "JetBrains Mono",monospace;letter-spacing:.12em;color:#8c8c88}
.mf-contact-page p{margin:0;color:#5a5a57;font-size:17px;line-height:1.6}
.mf-contact-hero{position:relative;max-width:1920px;margin:0 auto;isolation:isolate;overflow:hidden;background:#fff}
.mf-contact-photo{position:absolute;inset:0 0 0 32%;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 38%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 38%)}
.mf-contact-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mf-contact-intro{width:57%;padding:56px 0 48px 56px}
.mf-contact-lead{max-width:490px;margin-top:24px!important}
.mf-contact-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px;max-width:650px}
.mf-contact-info-item{display:flex;align-items:flex-start;gap:16px;padding:20px 16px 20px 0;min-width:0;color:#111;text-decoration:none;font-size:15px;line-height:1.6}
.mf-contact-info-item:nth-child(even){padding-left:24px;border-left:1px dashed #d4cfc5}
.mf-contact-info-item:nth-child(-n+2){border-bottom:1px dashed #d4cfc5}
.mf-contact-info-item>span{min-width:0}
.mf-contact-icon{width:26px;height:26px;flex:0 0 26px;fill:none;stroke:#00aeef;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin-top:22px}
.mf-contact-info-item small{display:block;margin-bottom:10px;font:500 10px/1.4 "JetBrains Mono",monospace;letter-spacing:.1em;color:#8c8c88}
.mf-contact-info-item strong{display:block;font-weight:500;font-size:20px;letter-spacing:-.015em;line-height:1.3;white-space:nowrap}
.mf-contact-info-item .mf-contact-company{font-size:15px;margin-bottom:2px}
.mf-contact-info a:hover strong{color:#00aeef}
.mf-contact-message{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:64px;max-width:1920px;margin:auto;padding:48px 56px 56px;border-top:1px dashed #d4cfc5}
.mf-contact-message-intro{max-width:380px}
.mf-contact-message-intro p{margin-top:24px}
.mf-contact-form-card{background:#fff;border:1px solid #e4e1d9;border-radius:12px;padding:32px;box-shadow:0 3px 14px #17181706}
.mf-contact-form-card .mf-form-fields-wrapper{display:flex;flex-wrap:wrap}
.mf-contact-form-card .mf-field-group-meno{order:0}
.mf-contact-form-card .mf-field-group-email{order:1;width:50%}
.mf-contact-form-card .mf-field-group-telefon{order:2}
.mf-contact-form-card .mf-field-group-sprava{order:3}
.mf-contact-form-card .mf-field-type-submit{order:4}
.mf-contact-page .mf-element-5cf9da09 .mf-field-label{color:#5a5a57}
.mf-contact-page .mf-element-5cf9da09 .mf-field{border:1px solid #dedbd4;border-radius:8px;background:#fff;min-height:48px;padding:12px 14px;box-shadow:none}
.mf-contact-page .mf-element-5cf9da09 textarea.mf-field{min-height:140px;resize:vertical}
.mf-contact-page .mf-element-5cf9da09 .mf-field:focus{outline:2px solid #00aeef;outline-offset:2px;border-color:#00aeef}
.mf-contact-page .mf-element-5cf9da09 .mf-button{background:#00aeef;color:#fff;text-transform:none;min-height:52px;line-height:1;border-radius:999px;padding:18px 30px}
.mf-contact-page .mf-element-5cf9da09 .mf-button:hover{background:#009cd7}
.mf-contact-business{display:grid;grid-template-columns:1fr 1.3fr auto;gap:32px;align-items:center;max-width:1920px;margin:auto;padding:32px 56px 40px;border-top:1px dashed #d4cfc5}
.mf-contact-business .mf-contact-kicker{font-size:10px;margin-bottom:10px}
.mf-contact-business p{font-size:14px}
.mf-contact-business strong{font-weight:600;color:#111}
.mf-contact-dot{padding:0 8px;color:#8c8c88}
.mf-contact-social{color:#111;font-size:15px;text-decoration:none}
.mf-contact-social span{color:#00aeef;margin-left:10px}
.mf-contact-social:hover{color:#00aeef}
.mf-contact-map iframe{display:block;width:100%;height:350px;border:0}
@media(max-width:1100px) and (min-width:1025px){
 .mf-contact-intro{width:65%;padding-left:32px}
 .mf-contact-info-item{gap:12px}
 .mf-contact-info-item:nth-child(even){padding-left:16px}
 .mf-contact-info-item strong{font-size:18px}
 .mf-contact-message{padding-left:32px;padding-right:32px;gap:32px;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}
 .mf-contact-form-card{padding:24px}
 .mf-contact-business{padding-left:32px;padding-right:32px;grid-template-columns:1fr 1.3fr}
}
@media(max-width:1024px){
 .mf-contact-photo{position:relative;inset:auto;width:100%;aspect-ratio:16/9;mask-image:none;-webkit-mask-image:none}
 .mf-contact-intro{width:100%;padding:32px 20px 24px}
 .mf-contact-page h1{font-size:44px}
 .mf-contact-page h2{font-size:36px}
 .mf-contact-lead{margin-top:20px!important}
 .mf-contact-info{margin-top:24px}
 .mf-contact-info-item{gap:12px;padding-right:10px;font-size:14px}
 .mf-contact-info-item:nth-child(even){padding-left:16px}
 .mf-contact-icon{width:22px;height:22px;flex-basis:22px}
 .mf-contact-info-item strong{font-size:18px}
 .mf-contact-message{display:block;padding:32px 20px 40px}
 .mf-contact-message-intro{max-width:none;margin-bottom:24px}
 .mf-contact-message-intro p{margin-top:18px}
 .mf-contact-form-card{padding:24px 20px}
 .mf-contact-page .mf-element-5cf9da09 .mf-field-group{width:100%}
 .mf-contact-page .mf-element-5cf9da09 .mf-field-type-submit .mf-button{width:100%}
 .mf-contact-business{grid-template-columns:minmax(0,1fr);padding:28px 20px 32px;gap:24px}
 .mf-contact-map iframe{height:320px}
}
@media(max-width:370px){
 .mf-contact-info{grid-template-columns:minmax(0,1fr)}
 .mf-contact-info-item:nth-child(even){padding-left:0;border-left:0}
 .mf-contact-info-item:nth-child(3){border-bottom:1px dashed #d4cfc5}
}

/* Keep the photo and contact copy in separate sections on desktop as well. */
@media(min-width:1025px){
 .mf-contact-photo{position:relative;inset:auto;width:100%;height:465px;z-index:auto;mask-image:none;-webkit-mask-image:none}
 .mf-contact-photo img{object-position:center 55%}
 .mf-contact-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:64px;width:100%;padding:48px 56px}
 .mf-contact-intro>.mf-contact-kicker,.mf-contact-intro>h1,.mf-contact-intro>.mf-contact-lead{grid-column:1}
 .mf-contact-intro>.mf-contact-kicker{grid-row:1;align-self:start}
 .mf-contact-intro>h1{grid-row:2}
 .mf-contact-intro>.mf-contact-lead{grid-row:3}
 .mf-contact-intro>.mf-contact-info{grid-column:2;grid-row:1 / 4;align-self:center;margin:0;max-width:none}
}
@media(min-width:1025px) and (max-width:1100px){
 .mf-contact-intro{column-gap:32px;padding:40px 32px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .mf-contact-page h1{font-size:52px}
 .mf-contact-info-item strong{font-size:17px}
}

.mf-contact-photo-caption{display:none}
@media(min-width:1025px){
 .mf-contact-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(35deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.3) 28%,transparent 68%);pointer-events:none}
 .mf-contact-photo-caption{display:block;position:absolute;z-index:1;left:56px;bottom:48px;color:#fff;font:600 72px/1.1 "Inter Tight",sans-serif;letter-spacing:-.035em}
}
@media(min-width:1025px) and (max-width:1024px){
 .mf-contact-photo-caption{left:32px;font-size:61px}
}

/* Wide screens: photo and section backgrounds span the window, content keeps the 1920px column. */
@media(min-width:1921px){
 .mf-contact-hero{max-width:none}
 .mf-contact-intro,.mf-contact-message,.mf-contact-business{max-width:none;padding-left:calc((100% - 1920px) / 2 + 56px);padding-right:calc((100% - 1920px) / 2 + 56px)}
 .mf-contact-photo-caption{left:calc((100% - 1920px) / 2 + 56px)}
}