/* Kontakt + Q&A — experience polish, 27.09.2026 */
:root{--gh-accent:#6f2638;--gh-paper:#f2eee6;--gh-navy:#0d1728;--gh-rose:#d7b0ba;--gh-line:rgba(16,17,20,.16)}
.contact-page .contact-hero,.qa-page .qa-hero{min-height:72svh;align-items:end}
.contact-page .contact-hero{grid-template-columns:minmax(0,1.55fr) minmax(260px,.45fr);background:
radial-gradient(circle at 82% 24%,rgba(111,38,56,.09),transparent 31%),var(--paper)}
.contact-page .contact-hero>.kicker{grid-column:1/-1}
.contact-page .contact-hero .hero-main{grid-column:1}
.contact-page .contact-hero .hero-main h1{max-width:980px}
.contact-page .contact-hero .hero-main p{max-width:720px}
.contact-eyebrow{display:block;margin:0 0 18px;color:#777;font:700 8px/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase}
.contact-down{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding:12px 0;border-bottom:1px solid var(--ink);font:700 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.contact-side-note{grid-column:2;align-self:end;padding:24px 0 7px;border-top:1px solid var(--line);font:400 clamp(24px,2.4vw,38px)/1.05 var(--serif);letter-spacing:-.035em}
.contact-side-note span{display:block;margin-bottom:10px;color:var(--burgundy);font:700 8px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.contact-side-note strong{display:block;margin-top:10px;font-weight:400;color:var(--burgundy)}
.contact-page .contact-wrap{position:relative;overflow:hidden}
.contact-page .contact-wrap::after{content:"→";position:absolute;right:-.02em;bottom:-.36em;color:rgba(255,255,255,.035);font:400 clamp(320px,43vw,700px)/1 var(--serif);pointer-events:none}
.contact-page .contact-grid{position:relative;z-index:1;grid-template-columns:minmax(260px,.58fr) minmax(0,1.42fr)}
.contact-page .contact-copy{position:sticky;top:110px}
.contact-page .contact-copy h2{font-size:clamp(56px,6.3vw,108px)}
.contact-page .contact-copy p{max-width:430px}
.contact-page .topic-list{display:none}
.contact-step{margin:0 0 12px;color:#8792a0;font:700 8px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.topic-choices{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.topic-choice{border:1px solid rgba(255,255,255,.22);background:transparent;color:#d8dee7;padding:10px 12px;cursor:pointer;font:700 8px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.topic-choice:hover,.topic-choice:focus-visible{border-color:var(--rose);color:#fff;transform:translateY(-1px)}
.topic-choice[aria-pressed="true"]{background:var(--rose);border-color:var(--rose);color:var(--navy)}
.field-hint{margin-top:6px;color:#8792a0;font:400 12px/1.4 var(--sans)}
.contact-page .contact-form{max-width:840px}
.contact-page .field input,.contact-page .field select,.contact-page .field textarea{transition:border-color .2s ease,background .2s ease}
.contact-page .field input:focus,.contact-page .field select:focus,.contact-page .field textarea:focus{background:rgba(255,255,255,.075)}
.contact-page .submit{min-width:180px;transition:transform .2s ease,background .2s ease}
.contact-page .submit:hover:not(:disabled){transform:translateY(-2px)}
.contact-page .other{grid-template-columns:.30fr 1.70fr}
.contact-page .other h2{max-width:1000px}
.contact-page .link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.contact-page .link-card{min-height:180px}
.contact-page .note{min-height:44svh}
.contact-page .note p{max-width:1050px}

.qa-page .qa-hero{grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr)}
.qa-page .qa-hero>.kicker{grid-column:1/-1}
.qa-page .qa-hero .hero-main{grid-column:1}
.qa-page .qa-hero::after{right:.02em;top:-.26em;color:rgba(111,38,56,.045)}
.qa-hero-aside{grid-column:2;align-self:end;border-top:1px solid var(--line);padding-top:22px}
.qa-hero-aside small{display:block;color:var(--burgundy);font:700 8px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.qa-hero-aside strong{display:block;margin-top:10px;font:400 clamp(34px,3.6vw,58px)/.95 var(--serif);letter-spacing:-.05em}
.qa-hero-aside span{display:block;margin-top:14px;color:#6c6e72;font:400 14px/1.55 var(--sans)}
.qa-page .qa-section{position:relative}
.qa-page .qa-head{margin-bottom:30px}
.qa-toolbar{position:sticky;top:70px;z-index:20;margin:0 0 22px;padding:14px 0;background:rgba(232,226,216,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}
.qa-filters{display:flex;gap:8px;flex-wrap:wrap}
.qa-filter{border:1px solid rgba(16,17,20,.24);background:transparent;color:var(--ink);padding:9px 11px;cursor:pointer;font:700 8px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;transition:.2s ease}
.qa-filter:hover,.qa-filter:focus-visible{border-color:var(--burgundy);color:var(--burgundy)}
.qa-filter[aria-pressed="true"]{background:var(--burgundy);border-color:var(--burgundy);color:#fff}
.qa-count{color:#777;font:700 8px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.qa-page .item{transition:opacity .25s ease}
.qa-page .item[hidden]{display:none}
.qa-page .q{padding:30px 0}
.qa-page .q strong{max-width:980px}
.qa-page .a p{font-size:clamp(18px,1.65vw,24px);line-height:1.64;max-width:900px}
.qa-answer-more{display:inline-flex;margin:4px 70px 30px 92px;padding-bottom:5px;border-bottom:1px solid currentColor;color:var(--burgundy);font:700 8px/1 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.qa-page .break{min-height:44svh}
.qa-page .ask{grid-template-columns:minmax(260px,.62fr) minmax(0,1.38fr)}
.qa-page .question-form{max-width:800px}
.question-first textarea{min-height:210px;font:400 20px/1.45 var(--serif)!important}
.question-extras{border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);padding:0}
.question-extras summary{list-style:none;cursor:pointer;padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#d9dfe7;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.question-extras summary::-webkit-details-marker{display:none}
.question-extras summary::after{content:"+";font-size:20px;font-weight:400;transition:transform .2s ease}
.question-extras[open] summary::after{transform:rotate(45deg)}
.question-extras summary span{color:#8792a0;font-size:8px}
.question-extras .row{padding:2px 0 18px}
.qa-page .ask-note{max-width:420px}

@media(max-width:900px){
  .contact-page .contact-hero,.qa-page .qa-hero{grid-template-columns:1fr;min-height:auto;padding-top:110px}
  .contact-page .contact-hero>.kicker,.contact-page .contact-hero .hero-main,.contact-side-note,.qa-page .qa-hero>.kicker,.qa-page .qa-hero .hero-main,.qa-hero-aside{grid-column:1}
  .contact-side-note,.qa-hero-aside{margin-top:38px}
  .contact-page .contact-grid,.qa-page .ask{grid-template-columns:1fr}
  .contact-page .contact-copy{position:static}
  .contact-page .contact-copy h2{font-size:clamp(54px,16vw,90px)}
  .contact-page .link-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(var(--gutter)*-1);padding-right:var(--gutter);-webkit-overflow-scrolling:touch}
  .contact-page .link-card{flex:0 0 min(78vw,340px);scroll-snap-align:start;padding-right:22px}
  .contact-page .link-card+.link-card{padding-left:22px}
  .contact-page .note{align-items:flex-start;flex-direction:column}
  .qa-toolbar{top:62px;margin-left:calc(var(--gutter)*-1);margin-right:calc(var(--gutter)*-1);padding:12px var(--gutter);overflow-x:auto;align-items:center}
  .qa-filters{flex-wrap:nowrap}
  .qa-filter{white-space:nowrap}
  .qa-page .q{grid-template-columns:34px 1fr 36px;padding:23px 0}
  .qa-page .a p,.qa-page .qa-topic,.qa-answer-more{margin-left:0;padding-left:46px;padding-right:0}
  .qa-answer-more{margin:4px 0 26px 46px;padding-left:0}
  .question-first textarea{font-size:18px!important}
}
@media(max-width:520px){
  .contact-page .hero-main h1,.qa-page .hero-main h1{font-size:clamp(72px,23vw,116px)}
  .contact-page .contact-wrap,.qa-page .qa-section,.qa-page .ask{padding-left:18px;padding-right:18px}
  .topic-choices{gap:6px}
  .topic-choice{padding:10px 9px}
  .qa-count{display:none}
}
@media(prefers-reduced-motion:reduce){.topic-choice,.qa-filter,.contact-page .submit,.question-extras summary::after{transition:none!important}}