/* Kérdezek (/kapcsolat/), V3: product-style hero with the listening guide, the question form beside its copy, example questions as paper bubbles, the studio closing band. */

/* Hero */
.kp-hero h1{margin-bottom:30px}
.kp-note{max-width:31em;margin-top:18px;font-size:15.5px;line-height:1.7;color:var(--muted)}
.kp-stage .blob{inset:14% 0 4% 6%}
.kp-stage .phero-arch{width:64%;height:82%}
.kp-req{left:0;right:auto;top:5%;width:min(300px,50%)}
.kp-req .req-msg{margin-top:12px;font:italic 400 17px/1.4 var(--serif);color:var(--ink)}
.kp-req .req-reply{margin-top:12px;line-height:1.45}
.kp-stage .note{right:-1%;bottom:8%;--r:4deg;max-width:220px}

/* Form */
.kp-offer{align-items:start}
.kp-form-copy h2{font-size:clamp(34px,3.6vw,54px)}
.kp-form-copy .lead{max-width:520px}
.kp-aside{max-width:500px;margin-top:20px;font-size:15.5px;line-height:1.7;color:var(--muted)}
.kp-aside a,.kp-mail a{color:var(--green);font-weight:500}
.kp-mail{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:18px;max-width:520px;margin-top:40px;padding:22px 24px;border-radius:22px;background:var(--butter);border:1px solid #f0ead6;box-shadow:0 10px 26px -16px rgba(70,80,60,.3)}
.kp-mail-icon,.kp-start-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--white)}
.kp-mail-icon img,.kp-start-icon img{width:28px;height:28px}
.kp-mail b,.kp-start b{display:block;margin-bottom:4px;font:400 21px/1.25 var(--serif);letter-spacing:-.02em;color:var(--ink)}
.kp-mail p{font-size:14.5px;line-height:1.65;color:var(--body)}
.kp-form-kicker{display:flex;align-items:center;gap:10px;margin-bottom:22px;font-size:11.5px;font-weight:600;line-height:1.4;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.kp-form-kicker .icon{width:20px;height:20px}

/* Example questions */
.kp-examples{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,34px);max-width:1180px;margin:0 auto}
.kp-q{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:30px 30px 32px;border:1px solid var(--line);border-radius:28px 28px 28px 8px;background:var(--white);box-shadow:var(--shadow-s);rotate:var(--r,0deg)}
.kp-q::after{content:'?';position:absolute;right:24px;top:18px;font:italic 400 40px/1 var(--serif);color:#c9d4c4}
.kp-q-tag{padding:5px 12px;border-radius:999px;background:var(--sage);font-size:11.5px;font-weight:600;line-height:1.35;color:var(--green)}
.kp-q p{font:italic 400 clamp(19px,1.5vw,21px)/1.5 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.kp-start{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:22px 26px;max-width:940px;margin:clamp(56px,6vw,80px) auto 0;padding:24px 28px;border-radius:24px;background:rgba(255,254,250,.8);box-shadow:var(--shadow-s)}
.kp-start p{font-size:15px;line-height:1.65;color:var(--muted)}
.kp-start .btn{min-height:50px;padding:12px 24px}

/* Studio closing */
.kp-studio-art .polaroid img{aspect-ratio:3/2}

@media (max-width:1020px){
  .kp-examples{grid-template-columns:1fr;max-width:640px}
  .kp-q:nth-child(even){margin-left:6%}
  .kp-form{width:100%;max-width:680px}
}
@media (max-width:680px){
  .kp-req{top:3%;width:min(220px,60%);padding:14px 14px 12px}
  .kp-req .req-msg{font-size:15px;padding:10px 12px}
  .kp-req .req-reply{display:none}
  .kp-stage .note{right:0;bottom:4%}
  .kp-mail{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:18px}
  .kp-mail-icon,.kp-start-icon{width:46px;height:46px}
  .kp-mail-icon img,.kp-start-icon img{width:22px;height:22px}
  .kp-q{padding:24px 22px 26px}
  .kp-q:nth-child(even){margin-left:0}
  .kp-start{grid-template-columns:46px minmax(0,1fr);align-items:start;padding:22px 20px}
  .kp-start .btn{grid-column:1 / -1;justify-self:start}
}