/* Projektabschluss nach der gelieferten Bildvorlage: Wohnraum und Werkbank.
   Alle Regeln bleiben auf die bestehende Projektsektion begrenzt. */
.inquiry {
  position: relative;
  isolation: isolate;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 3vw;
  margin: 0 24px 32px;
  padding: 32px 32px 32px 3.5vw;
  background: #eae4d7;
  border-radius: 32px;
  overflow: clip;
}
.inquiry::before { content: ''; position: absolute; z-index: -1; inset: 0 30% 0 0; background: linear-gradient(90deg, #eee8dcf5, #eee8dcda 32%, #eee8dc20 75%), url('./assets/higgs-room.webp') 58% center / cover; mask-image: linear-gradient(90deg, #000 65%, transparent 100%); }
.inquiry-heading { padding: 18px 0 0; max-width: none; }
.inquiry-heading .section-script { font-size: clamp(76px, 7vw, 130px); line-height: .94; margin: 44px 0 32px; }
.inquiry-heading .section-script em { margin-top: 4px; }
.inquiry-heading > p { font-size: clamp(14px, 1.25vw, 21px); line-height: 1.65; }
.inquiry-heading > .label { color: #6a6d62; }
.project-explainer { margin: 28px 0 30px; max-width: 440px; }
.project-explainer summary { display: flex; align-items: center; gap: 18px; width: fit-content; padding: 12px 23px; border: 1px solid #6d6a5855; border-radius: 40px; font-size: 13px; cursor: pointer; list-style: none; background: #f5eee250; }
.project-explainer summary::-webkit-details-marker { display: none; }
.project-explainer summary > span { font-size: 25px; line-height: 1; }
.project-explainer p { padding: 16px; margin-top: 10px; font-size: 13px; line-height: 1.7; background: #eee8dcec; border-radius: 10px; }
.inquiry-process { display: flex; gap: 25px; margin: 0 0 22px; padding: 0; list-style: none; }
.inquiry-process li { display: flex; align-items: center; gap: 12px; font-size: 12px; }
.inquiry-process svg { width: 29px; height: 29px; flex-shrink: 0; stroke: currentColor; stroke-width: 1.25; stroke-linejoin: round; stroke-linecap: round; }
.inquiry-process small { display: block; font-size: 9px; margin-top: 5px; }
.inquiry-moods { display: flex; gap: 10px; max-width: 480px; }
.inquiry-moods > img, .inquiry-moods .inquiry-sketch { display: block; width: calc((100% - 20px) / 3); height: 82px; border-radius: 9px; object-fit: cover; margin: 0; }
.inquiry-moods .inquiry-sketch { background: #eee7d8dd; padding: 12px; }
.inquiry .inquiry-form { max-width: none; background: linear-gradient(135deg, #24261f, #191b16); border: 1px solid #555344; border-radius: 24px; padding: 28px 32px; box-shadow: 0 16px 40px #29271a18; }
.project-header { font-size: 12px; }
.project-preview { margin: 16px 0 20px; }
.project-preview::before { content: ''; position: absolute; inset: 8% 5% 20%; background: radial-gradient(ellipse, #b39a6c12, transparent 70%); pointer-events: none; }
.preview-grid { opacity: .25; }
.project-preview > svg { height: clamp(175px, 16vw, 270px); }
.preview-product { transition: filter .4s; }
.project-preview[data-finish="smoked"] .preview-product { filter: brightness(.58) saturate(.75); }
.project-preview[data-finish="chalk"] .preview-product { filter: brightness(1.25) saturate(.25); }
.project-preview[data-finish="open"] .preview-product { filter: saturate(.35); }
.preview-example { color: #a3a799; }
.project-steps button { gap: 10px; font-size: 13px; }
.project-steps button > span { width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid #66695b; border-radius: 50%; font-size: 10px; }
.project-steps [aria-current="step"] > span { background: var(--form-accent); color: #24251d; border-color: var(--form-accent); }
.project-progress { height: 2px; }
.project-step legend { font-size: clamp(26px, 2.1vw, 39px); }
.project-step-hint { font-size: 12px; margin-bottom: 22px; }
.project-ready .project-step { min-height: 277px; }
.inquiry-form .project-choice { padding: 12px; border-radius: 8px; background: linear-gradient(140deg, #36372d, #23261f); gap: 5px; min-height: 160px; justify-content: flex-start; }
.inquiry-form .project-choice:has(input:checked) { background: linear-gradient(145deg, #444235, #302e24); box-shadow: inset 0 0 0 1px var(--form-accent); }
.project-choice-photo { width: 100%; height: 75px; object-fit: contain; border-radius: 5px; margin: 5px 0 9px; }
.choice-table { object-fit: contain; }
.choice-furniture { object-fit: contain; }
.inquiry-form .project-choice > span:not(.choice-check) { font-size: 14px; font-weight: 600; }
.project-choice > small { font-size: 9px; color: #c3c4b6; line-height: 1.5; }
.project-choice .choice-check { background: var(--form-accent); color: #272920 !important; border-radius: 50%; width: 22px; height: 22px; display: grid; place-items: center; top: 10px; right: 10px; }
.material-choice, .inquiry-form .project-field input, .inquiry-form .project-field textarea { border-radius: 8px; }
[data-project-next], .inquiry-form .project-actions .submit-button { border-radius: 8px; min-height: 52px; }
.inquiry-form .form-note { font-size: 9px; }
@media (min-width: 1600px) { .inquiry { padding-block: 28px; } .inquiry-heading .section-script { margin-top: 64px; } .inquiry-process { margin-top: 40px; } .project-ready .project-step { min-height: 310px; } .inquiry-form .project-choice { min-height: 190px; } .project-choice-photo { height: 95px; } }
@media (max-width: 1100px) and (min-width: 801px) { .inquiry { grid-template-columns: 1fr 1fr; gap: 24px; } .inquiry-heading .section-script { font-size: 8vw; } .inquiry .inquiry-form { padding: 24px 20px; } .inquiry-process { gap: 15px; flex-wrap: wrap; } .project-choice > small { font-size: 8px; } }
@media (max-width: 800px) {
  .inquiry { display: grid; grid-template-columns: 1fr; margin: 0 16px 24px; padding: 32px 24px; gap: 32px; border-radius: 28px; }
  .inquiry::before { inset: 0 0 auto; height: 660px; background-position: 65% center; mask-image: linear-gradient(#000 70%, transparent); }
  .inquiry-heading { padding: 0; }
  .inquiry-heading .section-script { font-size: clamp(58px, 12vw, 90px); margin: 35px 0 25px; }
  .inquiry-heading > p { font-size: 14px; }
  .inquiry-process { gap: 20px; margin-bottom: 20px; }
  .inquiry-moods { max-width: 430px; }
  .inquiry .inquiry-form { padding: 24px; }
  .project-preview > svg { height: 200px; }
  .project-ready .project-step { min-height: 290px; }
}
@media (max-width: 480px) {
  .inquiry { margin: 0 10px 20px; padding: 28px 12px 12px; gap: 28px; border-radius: 24px; }
  .inquiry::before { height: 620px; }
  .inquiry-process { justify-content: space-between; gap: 8px; }
  .inquiry-process li { gap: 6px; font-size: 10px; }
  .inquiry-process svg { width: 22px; height: 22px; }
  .inquiry-process small { font-size: 8px; max-width: 75px; }
  .inquiry-moods > img, .inquiry-moods .inquiry-sketch { height: 60px; }
  .inquiry .inquiry-form { padding: 20px 16px; border-radius: 16px; }
  .project-header { font-size: 10px; }
  .project-preview > svg { height: 155px; }
  .project-step legend { font-size: 27px; }
  .project-step-hint { font-size: 10px; }
  .project-steps button { font-size: 11px; gap: 6px; }
  .project-steps button > span { width: 22px; height: 22px; }
  .inquiry-form .project-choice { padding: 9px 6px; min-height: 145px; }
  .project-choice-photo { height: 58px; }
  .inquiry-form .project-choice > span:not(.choice-check) { font-size: 11px; }
  .project-choice > small { font-size: 8px; }
  .project-choice .choice-check { width: 18px; height: 18px; top: 4px; right: 4px; }
}
@media (prefers-reduced-motion: reduce) { .preview-product { transition: none; } }