.contact-page{background:#f7f6f2;color:#111}
.contact-heading{padding:65px var(--gutter) 45px;max-width:1450px;margin:auto}
.contact-heading .eyebrow,.contact-person .eyebrow,.contact-form-panel>.eyebrow{font-size:10px;letter-spacing:.13em}
.contact-heading h1{font:400 clamp(48px,5.5vw,88px)/1.02 Cabinet,Arial,sans-serif;letter-spacing:-.05em;margin:24px 0}
.contact-heading h1 em{font:100 1.1em/1.05 Migra,Georgia,serif;color:var(--red)}
.contact-heading>p:last-child{font-size:16px;line-height:1.65;color:#555}
.contact-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,5vw,80px);max-width:1450px;margin:auto;padding:0 var(--gutter) 85px;align-items:start}
.contact-person{min-width:0}.contact-person figure{margin:0;position:relative;background:#ddd;overflow:hidden}
.contact-person figure img{width:100%;height:280px;object-fit:cover;display:block}.contact-person figcaption{position:absolute;bottom:0;inset-inline:0;color:#fff;background:linear-gradient(transparent,#000b);font-size:9px;padding:35px 20px 16px}
.contact-person-copy{padding:32px 0}.contact-person h2{font:400 clamp(30px,3vw,44px)/1.1 Cabinet,Arial,sans-serif;letter-spacing:-.03em;margin:18px 0}
.contact-person h2 em{font:100 1.15em Migra,Georgia,serif}.contact-phone{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:clamp(22px,2.2vw,32px);letter-spacing:-.03em;padding:0 0 22px;border-bottom:1px solid #ccc}
.contact-phone span{color:var(--red)}.contact-person-copy>p:not(.eyebrow){font-size:13px;line-height:1.7;color:#555;margin:20px 0}
.contact-topics{display:flex;flex-wrap:wrap;gap:9px}.contact-topics span{border:1px solid #ccc;padding:9px 11px;font-size:11px}
.contact-form-panel{min-width:0;background:#111;color:#fff;border-top:4px solid var(--red);padding:clamp(24px,3vw,42px)}
.contact-form-panel h2{font:400 clamp(34px,3.4vw,50px)/1.1 Cabinet,Arial,sans-serif;letter-spacing:-.04em;margin:18px 0 12px}
.contact-form-intro{font-size:13px;line-height:1.65;color:#bbb;margin-bottom:28px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}.contact-fields label,.contact-message{display:block;font-size:12px;line-height:1.5;font-weight:500;min-width:0}
.contact-fields input,.contact-fields select,.contact-message textarea{display:block;width:100%;min-width:0;margin-top:9px;padding:13px 14px;background:#202020;border:1px solid #555;border-radius:0;color:#fff;font:400 16px/1.4 Cabinet,Arial,sans-serif;min-height:49px;box-sizing:border-box}
.contact-fields select{color-scheme:dark}.contact-fields input::placeholder,.contact-message textarea::placeholder{color:#999;opacity:1}.contact-message textarea{resize:vertical;min-height:135px}
.contact-layout :is(input,select,textarea,button,a):focus-visible{outline:2px solid var(--red);outline-offset:4px}
.contact-optional{font-size:10px;color:#aaa;font-weight:400;margin-left:5px}
.contact-selection{min-width:0;margin:26px 0;padding:18px 0;border:0;border-block:1px solid #444}.contact-selection legend{padding:0 8px 0 0;font-size:12px}.contact-selection>button,.contact-selection>a{font-size:11px;padding:8px 0;margin-right:18px;color:#fff;background:none;border:0;cursor:pointer}
.contact-selection>button span{margin-left:8px;color:#ff4545}.contact-selection>button:disabled{opacity:.5;cursor:default}#contact-units>p{font-size:12px;line-height:1.5;color:#aaa;margin:0 0 8px}
.contact-unit{display:flex;align-items:center;gap:15px;border-bottom:1px solid #333;padding:12px 0}.contact-unit:last-child{border-bottom:0}.contact-unit>a{display:grid;gap:4px;flex:1;min-width:0}.contact-unit strong{font-size:18px;font-weight:500}.contact-unit span,.contact-unit small{font-size:11px;color:#bbb}.contact-unit button{border:1px solid #555;background:none;color:#fff;width:36px;height:36px;flex:none;font-size:22px;cursor:pointer}
.contact-delivery-note{font-size:12px;line-height:1.65;color:#ccc;margin:22px 0}.contact-delivery-note a{text-decoration:underline;text-underline-offset:3px}
.contact-submit{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 21px;border:0;background:var(--red);color:#fff;font:500 15px/1.3 Cabinet,Arial,sans-serif}.contact-submit b{font-size:27px;font-weight:400}.contact-submit:disabled{opacity:.55;cursor:not-allowed}
.contact-copy{border:0;border-bottom:1px solid #777;background:none;color:#ddd;font:400 12px/1.5 Cabinet,Arial,sans-serif;padding:12px 0 5px;margin-top:10px;cursor:pointer}.contact-feedback{font-size:12px;line-height:1.5;color:#ccc;margin-top:12px}.contact-feedback:empty{display:none}
@media(max-width:1050px){.contact-layout{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.contact-fields{grid-template-columns:1fr;gap:18px}.contact-person figure img{height:250px}}
@media(max-width:760px){.contact-heading{padding-top:35px;padding-bottom:30px}.contact-heading h1{font-size:clamp(40px,8.5vw,62px)}.contact-layout{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.contact-form-panel{grid-row:1;padding:26px 22px}.contact-person{display:grid;grid-template-columns:1fr 1fr;gap:22px}.contact-person figure img{height:100%;min-height:240px}.contact-person-copy{padding:15px 0}.contact-phone{font-size:20px}.contact-person h2{font-size:30px}}
@media(max-width:480px){.contact-person{grid-template-columns:1fr;gap:4px}.contact-person figure img{height:220px;min-height:0}.contact-phone{font-size:26px}}

.contact-page .contact-person-copy h2,.contact-page .contact-person-copy h2 em{color:#111}

/* Real Bolevecká office and the client's contact person. */
.contact-person-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.contact-person-heading>div{min-width:0}
.contact-person-heading h2{margin:12px 0 0}
.contact-portrait{width:104px;height:104px;object-fit:cover;border-radius:50%;flex:none;display:block}
@media(min-width:761px) and (max-width:1050px){.contact-portrait{width:80px;height:80px}.contact-person-heading{gap:12px}}
@media(min-width:481px) and (max-width:760px){.contact-person{grid-template-columns:1fr}.contact-person figure img{height:280px;min-height:0}}
@media(max-width:380px){.contact-portrait{width:80px;height:80px}.contact-person-heading{gap:12px}}