/* Preserve the entire canopy in each quiz choice. */
#cost-quiz .quiz-option img{height:auto;aspect-ratio:3/2;object-fit:contain;background:var(--panel)}
#cost-quiz .quiz-nav{position:sticky;bottom:-32px;z-index:2;background:var(--paper);padding:16px 0;margin-top:16px;border-top:1px solid var(--line-soft)}
/* Preview and settings share a row; contact fields sit beneath both. */
#calculator .studio{display:block}
#calculation-form{display:block;padding:0;background:transparent;box-shadow:none;border-radius:0}
#calculation-form>[data-form-content]{display:grid;grid-template-columns:minmax(0,6.6fr) minmax(0,5.4fr);gap:24px;align-items:stretch}
#calculation-form .studio-stage{position:relative;top:auto;align-self:stretch;height:auto;min-height:520px}
#calculation-form .model-canvas-lg{position:absolute;inset:0;width:100%;height:100%;min-height:0}
.studio-settings{display:flex;flex-direction:column;gap:20px;padding:28px 30px;background:var(--panel);border-radius:20px;min-width:0}
#calculation-form .card-lead{grid-column:1/-1;background:var(--panel);border-radius:16px;padding:28px 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(200px,.9fr);gap:14px 24px;align-items:end}
.card-lead-intro{grid-row:1/4;align-self:center}
.card-lead-intro h3{font-size:1.05rem;line-height:1.4}
.card-lead-intro p{font-size:.85rem;color:var(--steel);margin-top:10px;line-height:1.5}
#calculation-form .card-lead-fields{margin:0;min-width:0}
#calculation-form .card-lead .btn-submit{align-self:end;min-height:50px;white-space:normal;line-height:1.3}
#calculation-form .card-lead .consent{grid-column:2/-1;margin:0}
#calculation-form .card-lead .form-note{grid-column:2/-1;text-align:left;margin:0}
#calculation-form .card-lead .form-error{grid-column:2/-1;text-align:left}
#calculation-form>.form-success{background:var(--panel);padding:40px;border-radius:16px}
/* Full reviews, with author details preceding the original text. */
#reviews .reviews-head{gap:32px;align-items:center}
#reviews .review-rating{background:transparent;padding:0;gap:18px;flex:none}
#reviews .review-rating strong{font-size:3.1rem}
#reviews .review-rating-label{color:var(--ink);font-size:.92rem;font-weight:500}
#reviews .review-grid{grid-template-columns:1.15fr 1fr;gap:20px;align-items:stretch}
#reviews .review-card{padding:28px 32px;background:var(--panel);border:1px solid var(--line);min-height:0;gap:16px}
#reviews .review-card-featured{grid-row:span 2}
#reviews .review-card figcaption{gap:12px;align-items:center}
#reviews .review-card figcaption b{font-size:1rem}
#reviews .review-source{margin-left:auto;color:var(--steel);font-size:.78rem}
#reviews .review-avatar{width:44px;height:44px;background:var(--accent-soft)}
#reviews .review-stars{display:flex;gap:3px;color:var(--accent-ink)}
#reviews .review-stars svg{width:17px;height:17px}
#reviews .review-card blockquote{font-family:var(--body);font-size:1rem;line-height:1.75;flex:0;text-wrap:pretty}
@media(max-width:1100px){#calculation-form .card-lead{grid-template-columns:minmax(0,2fr) minmax(200px,1fr)}.card-lead-intro{grid-column:1/-1;grid-row:auto}#calculation-form .card-lead .consent,#calculation-form .card-lead .form-note,#calculation-form .card-lead .form-error{grid-column:1/-1}}
@media(max-width:1020px){#calculation-form>[data-form-content]{grid-template-columns:minmax(0,1fr)}#calculation-form .studio-stage{min-height:440px;height:440px}.studio-settings{padding:24px}#reviews .review-grid{grid-template-columns:1fr 1fr}#reviews .review-card{padding:24px}}
@media(max-width:760px){#cost-quiz .quiz-nav{bottom:-22px}#calculation-form .studio-stage{min-height:340px;height:340px}#calculation-form .card-lead{grid-template-columns:minmax(0,1fr);padding:24px 20px}.studio-settings{padding:24px 20px}#reviews .review-grid{grid-template-columns:1fr}#reviews .review-card-featured{grid-row:auto}#reviews .review-card{padding:24px}#reviews .review-rating{margin-top:24px}#reviews .review-source{font-size:.7rem}}
@media(max-width:380px){#reviews .review-rating{gap:10px;white-space:normal}#reviews .review-rating strong{font-size:2.4rem;white-space:nowrap}}
@media(max-width:480px){#cost-quiz .quiz-option span{padding:10px 8px 32px;overflow-wrap:anywhere}#cost-quiz .quiz-option input{bottom:10px}}
.thanks-popup{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:40px 32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);text-align:center;overflow:auto;overscroll-behavior:contain}
.thanks-popup::backdrop{background:rgba(15,27,38,.66)}
.thanks-close{position:absolute;right:14px;top:14px}
.thanks-mark{display:block;width:52px;height:52px;color:var(--accent);margin:8px auto 24px}
.thanks-popup h2{font-size:clamp(1.35rem,4vw,1.8rem);line-height:1.3}
.thanks-popup p{margin:18px 0 26px;color:var(--steel);font-size:1rem;line-height:1.6}
.thanks-popup>.btn{min-width:160px}
@media(max-width:480px){.thanks-popup{padding:32px 24px}.thanks-popup p{font-size:.95rem}}
/* Keep the hero photo visible before the longer copy on phones. */
@media(max-width:760px){
  .hero-grid{container-type:inline-size;gap:14px}
  .hero-copy{display:contents}
  .hero-copy h1{grid-row:1}
  .hero-location{grid-row:2;margin:0}
  .hero-photo{grid-row:3;aspect-ratio:3/2;min-height:0;margin:4px 0}
  .hero-photo img{object-fit:contain}
  .hero-photo figcaption{left:8px;right:8px;bottom:8px;padding:6px 8px;font-size:.65rem}
  .hero-actions{grid-row:4;margin:0}
  .hero-quiz-note{grid-row:5;margin:0}
  .hero-sub{grid-row:6;margin-top:4px;max-width:none}
}
@media(max-width:760px){
  .form-fields-row .btn-submit{flex:0 0 auto;width:100%;min-height:50px;height:auto;white-space:normal;line-height:1.3}
}