:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#262b28;background:#faf9f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}body.drawer-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #a65a3d;outline-offset:2px}h1,h2,h3,p,figure{margin:0}button{transition:background .12s ease} .site-header{height:72px;border-bottom:1px solid #eae6df;display:flex;align-items:center;gap:24px;padding:0 max(24px,calc((100vw - 1320px)/2));background:#fff}.brand{font-weight:830;letter-spacing:-.065em;font-size:1.65rem;color:#262b28;text-decoration:none}.pilot{margin-right:auto;font-size:.8rem;color:#807b72}.collection-trigger{background:transparent;border:1px solid #d7d0c5;border-radius:30px;padding:9px 15px;font-weight:700;color:#262b28;white-space:nowrap}.collection-trigger:hover{background:#f4f1eb}#collection-count{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border-radius:100px;background:#a65a3d;color:#fff;margin-left:7px;font-size:.76rem}.workspace{max-width:1320px;width:calc(100% - 48px);margin:0 auto;padding:28px 0 45px}.workspace-heading{display:flex;align-items:end;gap:30px;justify-content:space-between;margin-bottom:25px}.eyebrow,.map-kicker,.selection-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#a65a3d;font-weight:750}.workspace-heading h1{font-size:clamp(2.4rem,4.3vw,4rem);letter-spacing:-.06em;line-height:1.1;margin-top:7px;font-weight:760}.hero-copy{max-width:380px;color:#6d6d65;line-height:1.55;font-size:.94rem}.workspace-columns{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(22px,3.7vw,60px);align-items:start}.discovery-panel{min-width:0;display:flex;flex-direction:column;gap:13px}.search label{font-weight:760;display:block;margin:0 0 10px;font-size:1.08rem}.search-row{display:flex;gap:9px}.search-row input{min-width:0;flex:1;background:#fff;border:1px solid #d6d2ca;border-radius:9px;padding:13px 16px}.search-row button,.select-design{background:#262b28;color:white;border:0;border-radius:9px;padding:13px 21px;font-weight:700}.search-row button:hover,.select-design:hover{background:#3a403c}.search-help{margin-top:7px;font-size:.78rem;color:#8a867f}.search-meta{display:flex;align-items:center;justify-content:space-between;min-height:24px;gap:12px}.status{font-size:.81rem;color:#76716a}.text-button,.remove-selected{border:0;background:transparent;color:#7c4b38;padding:6px;text-decoration:underline;text-underline-offset:3px}.finder-matches{background:white;border:1px solid #e6e0d6;border-radius:11px;padding:12px}.finder-matches[hidden],.selection-tray[hidden],.drawer-backdrop[hidden],.collection-empty[hidden]{display:none!important}.results-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}.results-heading h2{font-size:.94rem;letter-spacing:-.01em}.result-count{font-size:.73rem;color:#8a857d;white-space:nowrap}.finder-results{max-height:210px;overflow-y:auto}.street-finder-option{display:flex;align-items:stretch;border-top:1px solid #eeeae3}.street-finder-preview{flex:1;min-width:0;background:transparent;border:0;text-align:left;padding:12px 8px;display:flex;align-items:start;flex-direction:column;gap:1px}.street-finder-preview span{font-weight:700}.street-finder-preview small{font-size:.75rem;color:#827e76}.street-finder-choice{border:0;background:transparent;color:#98513a;font-size:.83rem;font-weight:750;padding:12px}.street-finder-option:hover{background:#faf8f4}.map-panel{margin-top:10px}.map-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:11px}.map-heading h2{font-size:1.07rem;margin-top:4px}.map-status,.map-help{font-size:.73rem;color:#89857b}.street-map{height:clamp(260px,36vh,390px);border-radius:10px;overflow:hidden;background:#eeece8;border:1px solid #e4e0d9}.map-help{margin-top:8px}.street-map.map-error{display:grid;place-items:center;color:#777}.results-wrap{position:sticky;top:16px;min-width:0}.results-wrap>.results-heading{margin-bottom:11px}.results{min-width:0}.preview-placeholder{min-height:clamp(380px,61vh,650px);border-radius:12px;background:#f1eee8;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px;padding:36px;color:#6b6a62}.preview-placeholder h3{font-size:1.8rem;color:#262b28;letter-spacing:-.045em}.preview-placeholder p:last-child{font-size:.92rem;max-width:270px}.placeholder-mark{width:72px;height:72px;border:1px solid #d2cbc1;display:grid;place-items:center;border-radius:100px;font-size:1.25rem;font-weight:800;color:#a65a3d;letter-spacing:-.06em;margin-bottom:16px}.design-card{min-width:0}.preview-grid{background:#f1eee8;border-radius:12px;overflow:hidden}.preview-grid figure[hidden]{display:none}.preview-grid figure img{display:block;width:100%;height:clamp(440px,70vh,780px);object-fit:contain}.preview-grid figcaption{display:none}.preview-switch{display:flex;gap:10px;margin:12px 0 15px}.preview-switch button{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border:1px solid #e4ded5;border-radius:8px;background:#fff;color:#595750;font-size:.79rem}.preview-switch button.is-active{border-color:#98513a;box-shadow:0 0 0 1px #98513a;color:#262b28}.preview-switch img{height:42px;width:42px;object-fit:cover;border-radius:5px;background:#f1eee8}.design-info{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.street-name{font-size:1.35rem;letter-spacing:-.035em}.locality{font-size:.84rem;color:#848078;margin-top:3px}.design-code{font-size:.68rem;color:#8f8980}.select-design{display:block;width:100%;font-size:.96rem}.design-card.selected .select-design{background:#eeece7;color:#343b35;border:1px solid #d4d0c8}.selection-note{font-size:.78rem;color:#7d7770;margin-top:8px}.drawer-backdrop{position:fixed;inset:0;background:rgba(19,25,20,.42);z-index:30}.selection-tray{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:#fff;box-shadow:-10px 0 32px rgba(0,0,0,.12);z-index:31;overflow:auto}.selection-inner{padding:29px 24px 35px}.selection-heading{display:flex;justify-content:space-between;gap:15px;align-items:start;margin-bottom:20px}.selection-heading h2{font-size:1.65rem;letter-spacing:-.04em;margin:5px 0 4px}.selection-help{color:#888278;font-size:.79rem;line-height:1.45}.drawer-heading-actions{display:flex;align-items:center;gap:8px}.drawer-close{font-size:1.8rem;line-height:1;background:#f3f0ea;border:0;border-radius:100px;width:36px;height:36px}.selected-designs{display:flex;flex-direction:column;gap:8px}.selected-design{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid #e7e2da;border-radius:10px}.selected-design.is-previewing{border-color:#a65a3d}.review-selected{display:flex;flex:1;min-width:0;align-items:center;gap:11px;background:transparent;border:0;text-align:left;padding:0;color:#262b28}.selected-thumbnail{width:66px;height:66px;object-fit:cover;background:#f1eee8;border-radius:7px}.selected-copy{min-width:0;flex:1}.selected-street{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}.selected-code{display:block;font-size:.71rem;color:#938b7f;margin-top:4px}.review-label{font-size:.72rem;color:#98513a}.remove-selected{font-size:.76rem}.collection-empty{padding:36px 10px;text-align:center;color:#8b847b}.selection-actions{display:flex;flex-direction:column;gap:10px;border-top:1px solid #eee9e1;padding-top:20px;margin-top:22px}.secondary-button,.checkout-button{border-radius:8px;padding:12px 15px;font-weight:700}.secondary-button{background:white;color:#262b28;border:1px solid #d4d0c8}.checkout-button{background:#262b28;color:white;border:0}.checkout-button:disabled{background:#e4e1db;color:#928d85}.checkout-note{color:#8a847c;font-size:.75rem;margin-top:9px}footer{text-align:center;padding:18px 24px 30px;color:#aaa49b;font-size:.72rem}@media(max-width:850px){.site-header{padding:0 20px;height:64px}.workspace{width:calc(100% - 36px);padding-top:20px}.workspace-heading{display:block}.hero-copy{margin-top:10px}.workspace-columns{grid-template-columns:1fr;gap:26px}.results-wrap{position:static}.discovery-panel .street-map{height:330px}.preview-grid figure img{height:min(66vh,550px)}.preview-placeholder{min-height:240px}.selection-tray{width:min(460px,100%)}}@media(max-width:480px){.pilot{display:none}.site-header{gap:12px}.collection-trigger{margin-left:auto}.workspace-heading h1{font-size:2.4rem}.map-status{max-width:125px;text-align:right}.design-info{align-items:start}.preview-grid figure img{height:min(52vh,420px)}.selection-inner{padding:22px 16px}.selected-thumbnail{width:54px;height:54px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Viewport-fitted desktop studio: the browser viewport, not device type, sets the budget. */
@media (min-width: 851px) and (min-height: 530px) {
  html,body { min-height:100%; }
  body { height:100dvh; overflow:hidden; display:flex; flex-direction:column; }
  .site-header { flex:0 0 clamp(52px,7dvh,70px); }
  .workspace {
    flex:1 1 auto; min-height:0;
    padding:clamp(9px,1.6dvh,20px) 0 clamp(7px,1.1dvh,14px);
    display:flex; flex-direction:column;
  }
  .workspace-heading { flex:0 0 auto; margin-bottom:clamp(8px,1.5dvh,17px); }
  .workspace-heading h1 { font-size:clamp(1.6rem,3.7dvh,2.8rem); }
  .workspace-heading .eyebrow { margin-bottom:3px; }
  .workspace-columns { flex:1 1 auto; min-height:0; align-items:stretch; }
  .discovery-panel { height:100%; min-height:0; gap:clamp(5px,1dvh,11px); }
  .search { flex:0 0 auto; }
  .search label { margin-bottom:5px; }
  .search-row input,.search-row button { padding-block:9px; }
  .search-help { margin-top:4px; }
  .search-meta { flex:0 0 auto; }
  .finder-matches { flex:0 0 auto; }
  .finder-results { max-height:min(17dvh,140px); }
  .map-panel { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; margin-top:0; }
  .map-heading { flex:0 0 auto; margin-bottom:6px; }
  .map-help { flex:0 0 auto; margin-top:5px; }
  .street-map { flex:1 1 auto; min-height:130px; height:auto; }
  .results-wrap { display:flex; flex-direction:column; height:100%; min-height:0; position:static; }
  .results-wrap>.results-heading { flex:0 0 auto; margin-bottom:7px; }
  .results { flex:1 1 auto; min-height:0; }
  .design-card { height:100%; min-height:0; display:flex; flex-direction:column; }
  .preview-grid { flex:1 1 auto; min-height:0; display:flex; flex-direction:column; }
  .preview-grid figure:not([hidden]) { flex:1 1 auto; min-height:0; display:flex; }
  .preview-grid figure img { height:100%; min-height:0; max-height:100%; }
  .preview-switch { flex:0 0 auto; margin:7px 0 9px; }
  .preview-switch img { width:34px; height:34px; }
  .design-info { flex:0 0 auto; margin-bottom:9px; }
  .select-design { flex:0 0 auto; padding-block:11px; }
  .preview-placeholder { height:100%; min-height:0; }
  footer { display:none; }
}
/* Shorter viewports: preserve legibility instead of clipping controls. */
@media (min-width: 851px) and (max-height: 529px) {
  .workspace-heading { margin-bottom:10px; }
  .workspace-heading h1 { font-size:1.8rem; }
  .preview-grid figure img { height:clamp(220px,45vh,350px); }
}

/* Nearly edge-to-edge product image viewer: fit first, zoom for details. */
.enlarge-preview{align-self:flex-end;background:transparent;border:0;color:#8e4b34;font-weight:750;padding:5px 0;font-size:.8rem}
.enlarge-preview:hover{text-decoration:underline}
body.lightbox-open{overflow:hidden}
.image-lightbox[hidden]{display:none}
.image-lightbox{position:fixed;inset:0;z-index:60;background:#f8f7f4;display:flex;flex-direction:column;align-items:stretch;padding:8px 12px 10px;gap:6px}
.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:40px}
.lightbox-header h2{font-size:clamp(1rem,2vw,1.35rem);letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#close-lightbox{background:#262b28;color:white;border:0;border-radius:8px;padding:9px 14px;font-weight:700}
.lightbox-stage{flex:1 1 auto;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px;background:#f1eee8;touch-action:none;cursor:zoom-in}
.lightbox-stage.is-zoomed{cursor:grab}
.lightbox-stage.is-zoomed:active{cursor:grabbing}
#lightbox-image{display:block;width:100%;height:100%;object-fit:contain;transform-origin:center center;user-select:none;pointer-events:none}
.lightbox-toolbar{display:flex;align-items:center;justify-content:center;gap:22px;flex:0 0 auto;min-height:44px}
.lightbox-controls,.lightbox-zoom-controls{display:flex;gap:6px}
.lightbox-toolbar button{background:#fff;border:1px solid #d7d0c5;color:#262b28;border-radius:7px;padding:9px 18px;font-weight:700}
.lightbox-toolbar button[aria-pressed="true"]{background:#262b28;border-color:#262b28;color:white}
.lightbox-toolbar button:disabled{opacity:.4;cursor:default}
@media(max-width:540px){.image-lightbox{padding:5px;gap:5px}.lightbox-toolbar{gap:8px}.lightbox-toolbar button{padding:9px 12px}}