.family-directory,.product-shell{padding:2.5rem 6%}.family-directory h1,.product-shell h1{font:400 clamp(2rem,4vw,3.6rem)/1.12 Georgia,serif;letter-spacing:-.04em;margin:.6rem 0 1.5rem}.family-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(205px,100%),1fr));gap:1rem}.family-cards a{display:flex;flex-direction:column;align-items:flex-start;background:#fffefa;border:1px solid var(--line);padding:1rem;border-radius:8px}.family-cards a:hover,.family-cards a:focus-visible{border-color:var(--green)}.family-cards img{width:100%;height:145px;object-fit:contain;background:var(--paper);border-radius:4px;margin-bottom:.65rem}.family-cards small,.family-cards span,.product-shell .eyebrow{color:var(--green)}.family-cards h3{margin:.25rem 0;font:normal 1.4rem Georgia,serif}.family-cards p{margin:.15rem 0 .7rem}.family-cards span{margin-top:auto;text-decoration:underline}.product-shell{max-width:1100px;margin:auto}.product-shell .eyebrow{margin-top:2rem}.family-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0;border:1px solid var(--line)}.family-layout figure{align-self:center;margin:1rem;text-align:center}.family-layout figure img{width:100%;max-height:450px;object-fit:contain}.family-layout figcaption,.family-layout small{font-size:.8rem;color:var(--muted)}.family-layout label,.family-layout strong{display:block;margin-top:.8rem}.family-layout input,.family-layout textarea{display:block;width:100%;padding:.6rem;border:1px solid var(--line);font:inherit}.product-shell address{font-style:normal}#savedStatus a{text-decoration:underline}@media(max-width:700px){.family-layout{grid-template-columns:1fr}.family-layout figure img{max-height:245px}.family-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.family-cards a{padding:.65rem}.family-cards img{height:105px}}
.model-panel{display:grid;align-content:center;min-width:0;padding:1rem;background:#eeeee5;text-align:center}.model-stage{position:relative}.model-stage [hidden],#boreOptions[hidden]{display:none}.model-stage figure{margin:0}.model-stage figure img{height:365px;object-fit:contain}.model-controls{position:absolute;top:.65rem;right:.6rem;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}.model-controls button{padding:.45rem .7rem;border-radius:20px;border:1px solid #899584;background:#faf9f5;color:#254336;font-size:.78rem}.model-controls [aria-pressed=true]{background:#294b3d;color:#fff}#familyScene{height:390px;width:100%;touch-action:none}#familyScene canvas{display:block;width:100%;height:100%}#sceneStatus{font-size:.8rem;color:#365441;margin:.5rem}.model-panel>small{font-size:.72rem;color:#62695e}

.order-notice {
  margin: 1rem 0;
  padding: .8rem 1rem;
  background: #f0f3ed;
  border-inline-start: 3px solid var(--green);
  color: var(--ink);
  font-size: .9rem;
  line-height: 1.5;
}
.order-notice p { margin: .35rem 0 0; }
.order-notice[data-status="custom"], .order-notice[data-status="requested"] {
  border-color: #966638;
  background: #f8f2e8;
}
.purchase .order-notice strong { font: inherit; font-weight: bold; margin: 0; }
#familyScene { position: relative; overflow: hidden; }
.model-controls { position: relative; top: auto; right: auto; justify-content: center; margin: .55rem 0 0; }
#familyScene .door-dimensions path { filter: drop-shadow(0 0 1px #fff); }