/* ===== Create Your Cake questionnaire ===== */

.ihero{padding-block:var(--space-2xl) var(--space-xl);text-align:center}
.ihero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);max-width:44rem;margin-inline:auto}
.ihero__title{font-size:clamp(2.4rem,4.6vw,4.8rem);line-height:1.08}
.ihero__title em{color:var(--color-gold-text)}
.ihero__body{color:var(--color-muted);font-size:var(--fs-lead);line-height:1.7;max-width:36rem}

.iform{padding-bottom:var(--space-2xl)}
.iform__wrap{max-width:46rem}
.iform__group{border:0;margin:0 0 var(--space-lg);padding:0}
.iform__group legend{display:flex;align-items:baseline;gap:1rem;padding:0 0 1rem;margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);width:100%}
.iform__n{font-family:var(--font-serif);font-weight:300;color:var(--color-gold-text);font-size:1.05rem}
.iform__legend{font-size:.75rem;font-weight:600;letter-spacing:var(--track-ui);text-transform:uppercase}
.iform__hint{color:var(--color-muted);font-size:.875rem;margin:-.5rem 0 var(--space-sm)}

.iform__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm) var(--space-md)}
.iform__field{display:flex;flex-direction:column;gap:.5rem;font-size:.8125rem}
.iform__field span{color:var(--color-muted);font-weight:600;letter-spacing:.04em}
.iform__field--wide{grid-column:1/-1}
.iform__field input,.iform__field select,.iform__field textarea{
  font:inherit;font-size:1rem;color:var(--color-text);background:var(--color-bg);
  border:1px solid var(--color-border);border-radius:var(--radius-ui);padding:.85rem 1rem;
  transition:border-color var(--dur-fast);width:100%
}
.iform__field input:focus,.iform__field select:focus,.iform__field textarea:focus{outline:none;border-color:var(--color-olive)}
.iform__field textarea{resize:vertical;min-height:6rem}

.iform__pills{display:flex;flex-wrap:wrap;gap:.6rem}
.iform__pill{position:relative}
.iform__pill input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.iform__pill span{display:inline-flex;align-items:center;padding:.6rem 1.1rem;border:1px solid var(--color-border);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast)}
.iform__pill input:checked+span{background:var(--color-olive);border-color:var(--color-olive);color:var(--color-on-dark)}
.iform__pill input:focus-visible+span{outline:2px solid var(--color-gold-text);outline-offset:2px}

.iform__submit{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-md)}
.iform__note{color:var(--color-muted);font-size:.8125rem;max-width:30rem;line-height:1.6}
.iform__note--sent{color:var(--color-olive);font-weight:600}

@media (max-width:600px){
  .iform__row{grid-template-columns:1fr}
  .iform__submit .btn{width:100%}
}