.contact-opening { position:relative; isolation:isolate; overflow:hidden; padding:90px 0 110px; background:var(--paper-light); }
.contact-opening::before { content:''; position:absolute; inset:0; z-index:0; background:url('/assets/zila-web-kontakt.webp') center 42%/cover no-repeat; opacity:.13; }
.contact-opening::after { content:''; position:absolute; inset:0; z-index:0; background:linear-gradient(90deg,rgba(248,243,233,.74),rgba(248,243,233,.9) 72%,rgba(248,243,233,.78)); }
.contact-opening>* { position:relative; z-index:1; }
.contact-opening-head>h1 { margin:36px 0 62px; color:var(--wine); font:400 clamp(3.4rem,5.5vw,6rem)/.94 var(--serif); letter-spacing:-.055em; }
.contact-opening-head>h1 span { display:block; }
.contact-opening-head>h1 span:nth-child(2) { padding-left:10%; }
.contact-opening-head>h1 span:nth-child(3) { padding-left:22%; }
.contact-opening-meta { display:grid; grid-template-columns:1fr; justify-items:end; align-items:start; margin-bottom:0; }
.founder-quote { width:min(100%,710px); }
.founder-statement { position:relative; margin:0; color:var(--ink); font:400 clamp(1.08rem,1.7vw,1.42rem)/1.7 var(--sans); }
.founder-statement::before { content:'„'; position:absolute; left:-.5em; top:-.35em; color:var(--wine); font:400 2.4rem/1 var(--serif); }
.founder-statement::after { content:'“'; color:var(--wine); font:400 1.8rem/1 var(--serif); }
.founder-initial { float:left; margin:.08em .07em 0 0; color:var(--wine); font:400 clamp(5.3rem,8vw,7.4rem)/.69 var(--serif); }
.founder-quote>p { margin:22px 0 0; color:var(--wine); font-size:.75rem; letter-spacing:.08em; text-transform:uppercase; }
.contact-enquiry { background:var(--paper-deep); scroll-margin-top:25px; }
.contact-enquiry-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; align-items:start; }
.contact-enquiry-intro h2 { color:var(--wine); font:400 clamp(3rem,4.8vw,5rem)/1.04 var(--serif); letter-spacing:-.035em; margin:25px 0; }
.contact-enquiry-intro>p { max-width:480px; line-height:1.75; }
.contact-enquiry-intro .response-expectation { color:var(--wine); font-size:.95rem; margin-top:28px; }
.contact-hours-note { font-size:.78rem; color:#69574c; }
.contact-intro-details { display:grid; gap:0; margin-top:38px; border-top:1px solid var(--line); }
.contact-intro-details a { display:flex; flex-direction:column; gap:5px; padding:15px 0; border-bottom:1px solid var(--line); color:var(--wine); font:400 1.35rem/1.35 var(--serif); text-decoration:none; }
.contact-intro-details a span { color:#69574c; font:400 .65rem/1.5 var(--sans); letter-spacing:.12em; text-transform:uppercase; }
.contact-intro-details a:hover { padding-left:8px; }
.contact-enquiry-form { min-width:0; padding:35px; background:var(--paper-light); border-top:1px solid var(--line); }
.contact-fields { display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; }
.contact-full { grid-column:1/-1; }
.contact-enquiry-form .field { min-width:0; }
.contact-enquiry-form label { display:block; margin-bottom:10px; font-size:.69rem; line-height:1.5; }
.contact-enquiry-form input,.contact-enquiry-form textarea { width:100%; min-width:0; box-sizing:border-box; border:1px solid #a89784; background:transparent; color:var(--ink); padding:12px; font:400 .95rem/1.5 var(--sans); border-radius:0; }
.contact-enquiry-form textarea { resize:vertical; }
.contact-enquiry-form input:focus-visible,.contact-enquiry-form textarea:focus-visible { outline:2px solid var(--wine); outline-offset:2px; }
.contact-form-note { font-size:.78rem; line-height:1.7; color:#69574c; margin:22px 0; }
.contact-enquiry-form>.button { width:100%; justify-content:space-between; text-align:left; color:var(--wine); }
.contact-review { border-top:1px solid var(--line); margin-top:28px; padding-top:18px; }
.contact-review[hidden] { display:none; }
.contact-review [role=status] { font-size:.9rem; line-height:1.7; }
.contact-review .button { display:flex; justify-content:space-between; }
.contact-copy { display:block; margin-top:22px; padding:0 0 6px; border:0; border-bottom:1px solid currentColor; background:none; color:var(--wine); cursor:pointer; font:400 .8rem var(--sans); }
.contact-enquiry-form a:focus-visible,.contact-enquiry-form button:focus-visible { outline:2px solid var(--wine); outline-offset:5px; }
.contact-founders { background:var(--paper-light); }
.contact-founders-visual { position:relative; min-height:640px; margin:0; overflow:hidden; border:8px solid #fff; }
.contact-founders-visual img { width:100%; height:100%; min-height:640px; object-fit:cover; }
.contact-founders-visual figcaption { position:absolute; left:22px; bottom:20px; padding:8px 12px; background:rgba(248,243,233,.9); color:var(--wine); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:1100px){.contact-enquiry-layout{gap:45px}.contact-enquiry-form{padding:28px}}
@media(max-width:800px){.contact-opening{padding:65px 0 75px}.contact-opening::before{background-position:64% center;opacity:.11}.contact-opening-head>h1{margin:30px 0 55px}.contact-opening-head>h1 span:nth-child(2),.contact-opening-head>h1 span:nth-child(3){padding-left:0}.founder-quote{margin-left:18px;width:calc(100% - 18px)}.contact-enquiry-layout{grid-template-columns:1fr;gap:30px}.contact-enquiry-intro>p{max-width:650px}.contact-founders-visual,.contact-founders-visual img{min-height:490px}}
@media(max-width:480px){.contact-opening{padding:50px 0 60px}.contact-opening-head>h1{font-size:3.2rem;margin-bottom:42px}.founder-statement{font-size:1rem}.founder-initial{font-size:4.7rem}.contact-fields{grid-template-columns:1fr;gap:20px}.contact-enquiry-form{padding:25px 18px}.contact-enquiry-intro h2{font-size:3rem}.contact-enquiry-form input,.contact-enquiry-form textarea{font-size:1rem}.contact-founders-visual,.contact-founders-visual img{min-height:390px}.contact-founders-visual{border-width:5px}}