@import url('/buying-access.css?v=81');
:root{color-scheme:light;--ink:#252c28;--muted:#62695f;--paper:#f7f6f2;--line:#dcded5;--accent:#e8dc9d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #a87a1b;outline-offset:3px}[hidden]{display:none!important}.skip{position:fixed;top:-90px;left:12px;z-index:99;background:white;padding:15px}.skip:focus{top:10px}.topbar{height:91px;display:flex;align-items:center;gap:22px;padding:0 28px;border-bottom:1px solid var(--line);background:#fff}.brand{width:100px;flex-shrink:0;height:79px;overflow:hidden;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}.title{flex:1}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;line-height:1.6}.eyebrow b{display:inline-block;letter-spacing:.08em;font-size:11px;border:1px solid #c5c9bb;padding:1px 6px;margin-left:8px;border-radius:3px}h1{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:3px 0 0}.back{font-size:14px;text-decoration:none;border-bottom:1px solid;padding:12px 0}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 310px;height:calc(100dvh - 91px);min-height:610px}.viewport{position:relative;min-width:0;overflow:hidden;background:#d5d5cb}#scene{width:100%;height:100%;display:block;touch-action:none}.view-toolbar{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;gap:8px}.segmented{display:flex;background:rgba(255,255,255,.95);padding:4px;box-shadow:0 3px 20px #0001;border-radius:7px}.segmented button{border:0;background:none;padding:11px 15px;border-radius:4px;font-size:14px;min-height:44px}.segmented button[aria-pressed=true]{background:var(--ink);color:#fff}.icon-button{background:#fff;border:0;border-radius:6px;min-width:46px;font-size:25px}.view-caption{position:absolute;left:28px;bottom:97px;pointer-events:none;max-width:75%;color:#fff;text-shadow:0 1px 6px #0006}.view-caption h2{font-family:Georgia,serif;font-size:clamp(28px,3.1vw,43px);font-weight:400;margin:8px 0}.view-caption p{font-size:14px;margin:0}.viewport:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#1720189c);pointer-events:none}.view-caption,.tour-footer,.move-pad,.scene-status{z-index:1}.tour-footer{position:absolute;left:28px;bottom:24px;display:flex;align-items:center;gap:15px}.tour-footer button{padding:12px 16px;min-height:44px;border:1px solid #ffffff70;border-radius:4px;color:#fff;background:#253229a1;font-size:14px}.tour-footer button:last-child{background:#fff;color:var(--ink);border:0}.tour-footer span{font-size:13px;color:#fff}.move-pad{position:absolute;right:22px;bottom:25px;display:grid;grid-template-columns:repeat(3,38px);gap:4px}.move-pad button{height:38px;border:1px solid #fff7;background:#fffdf2d9;border-radius:5px;font-size:20px}.move-pad button:first-child{grid-column:2}.move-pad button:nth-child(2){grid-column:1}.scene-status{position:absolute;top:90px;left:22px;margin:0;max-width:85%;font-size:14px;background:#fffffff2;border-radius:4px;padding:10px 13px}.scene-status:empty{display:none}.sidebar{background:#fff;padding:26px 24px;overflow:auto}.side-intro{padding-bottom:22px;border-bottom:1px solid var(--line)}.side-intro p{font-size:14px;line-height:1.6;color:var(--muted);margin:10px 0 0}.side-intro .dimensions{font-family:Georgia,serif;font-size:32px;color:var(--ink);line-height:1.2;margin:14px 0}.dimensions small{font-family:Arial,sans-serif;font-size:17px}.sidebar h2{font-size:16px;font-weight:600;margin:23px 0 14px}.stops{display:grid;gap:7px}.stops button{display:flex;align-items:center;gap:13px;text-align:left;background:#fff;border:1px solid var(--line);padding:11px 12px;border-radius:5px;min-height:60px}.stops button[aria-current=true]{background:#f4efd9;border-color:#c8b977}.stops .number{font-size:13px;color:#878d81}.stops strong{display:block;font-size:14px;font-weight:600}.stops small{display:block;font-size:12px;color:var(--muted);margin-top:4px}.material-note{display:flex;gap:12px;margin-top:22px}.material-note p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.mini-line{width:3px;flex-shrink:0;background:#d8c996}.beta-note{margin-top:25px;border-top:1px solid var(--line);padding-top:17px;font-size:13px;color:var(--muted);line-height:1.65}.beta-note summary{cursor:pointer;font-size:14px;color:var(--ink)}.appointment{display:block;background:var(--ink);color:#fff;text-decoration:none;text-align:center;padding:14px 10px;border-radius:4px;font-size:14px;margin-top:20px}.help,.save-note{font-size:13px;line-height:1.6;color:var(--muted)}label{font-size:14px;display:block;margin:17px 0 7px}select{width:100%;min-height:44px;background:#fff;border:1px solid #afb7a9;padding:9px;border-radius:4px;font-size:14px}.piece-card{display:flex;gap:12px;margin:18px 0;align-items:center}.piece-card img{width:84px;height:87px;object-fit:contain;background:#f4f2ed;border-radius:3px}.piece-card strong{font-size:14px;display:block}.piece-card span{display:block;font-size:12px;margin:6px 0;color:var(--muted)}.piece-card a{font-size:13px}.edit-controls{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:6px;margin-top:18px}.edit-controls button{min-height:42px;border:1px solid var(--line);background:#f7f6f1;border-radius:4px;font-size:17px}.edit-controls button:first-child{grid-column:2}.edit-controls button:nth-child(2){grid-column:1}.edit-controls button:last-child{grid-column:2}.edit-controls #rotate{font-size:13px}.reset{width:100%;background:white;border:1px solid #aeb5a7;padding:11px;border-radius:4px;font-size:14px}.loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:15px;background:#f5f3eb;z-index:5;font-size:15px}.spinner{width:22px;height:22px;border:2px solid #d8ddcf;border-top-color:#565f4f;border-radius:100%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.fallback{position:absolute;inset:0;z-index:6;background:#f5f3eb;padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.fallback h2{font-family:Georgia,serif}.fallback button{padding:12px 20px;margin:15px}.fallback a{margin:15px}.viewport.expanded{position:fixed;inset:0;z-index:50}.layout .view-caption{bottom:26px}.layout .view-caption h2{font-size:26px}.layout .view-caption p{max-width:480px}.layout .viewport:after{inset:80% 0 0}.layout #scene{cursor:grab}
@media(max-width:850px){.topbar{height:76px;padding:0 16px;gap:12px}.brand{width:72px;height:65px}.title .eyebrow{font-size:10px}h1{font-size:20px}.back{font-size:12px}.workspace{display:flex;flex-direction:column;height:auto;min-height:0}.viewport{height:66dvh;min-height:440px}.sidebar{padding:22px}.side-intro{display:none}.sidebar h2{margin-top:0}.stops{grid-template-columns:repeat(7,minmax(115px,1fr));overflow:auto;margin-right:-22px;padding-right:22px}.stops button{padding:10px}.stops .number{display:none}.view-toolbar{left:12px;right:12px;top:13px}.segmented button{padding:9px 12px}.view-caption{left:18px;bottom:100px}.view-caption h2{font-size:30px}.tour-footer{left:18px;bottom:25px;gap:10px}.tour-footer button{padding:11px;font-size:12px}.move-pad{right:14px;bottom:92px;grid-template-columns:repeat(3,34px)}.move-pad button{height:36px}.scene-status{left:12px;top:79px}.material-note{display:none}.beta-note{margin-top:21px}.appointment{max-width:400px}.piece-card img{height:74px}.edit-controls{max-width:280px}.reset{max-width:280px}.piece-card{max-width:380px}.layout .viewport{height:60dvh;min-height:400px}#piece-select{max-width:400px}}
@media(prefers-reduced-motion:reduce){.spinner{animation:none}}
.add-catalog{width:100%;border:0;margin:12px 0}#remove-piece{margin-bottom:8px;color:#695046}.catalog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.catalog-heading h2{font-family:Georgia,serif;font-size:30px;font-weight:400;margin:6px 0}.catalog-heading button{width:44px;height:44px;flex-shrink:0;border:1px solid var(--line);background:white;border-radius:50%;font-size:20px}#catalog-dialog{border:0;border-radius:10px;padding:26px;width:min(860px,94vw);max-height:88dvh;background:#fafaf6;color:var(--ink);box-shadow:0 20px 90px #0005}#catalog-dialog::backdrop{background:#172019a6;backdrop-filter:blur(4px)}.catalog-filters{display:grid;grid-template-columns:1.2fr 1fr;gap:15px}.catalog-filters input{display:block;width:100%;min-height:44px;border:1px solid #afb7a9;background:white;font:inherit;font-size:14px;padding:10px;border-radius:4px;margin-top:7px}.catalog-filters select{margin-top:7px}#catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.catalog-item{border:1px solid var(--line);background:#fff;border-radius:6px;overflow:hidden;text-align:left;padding:0;display:flex;flex-direction:column}.catalog-item img{width:100%;height:155px;object-fit:contain;background:#f2f1ec}.catalog-item strong{font-size:14px;padding:12px 12px 5px;line-height:1.4}.catalog-item span{font-size:12px;color:var(--muted);padding:0 12px 13px}.catalog-item b{font-size:13px;color:#374730;font-weight:500;padding:10px 12px;background:#f1f2e9;margin-top:auto}button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){#catalog-dialog{padding:18px}#catalog-grid{grid-template-columns:repeat(2,1fr)}.catalog-item img{height:120px}.catalog-filters{grid-template-columns:1fr}.catalog-heading h2{font-size:25px}.catalog-filters label{margin-top:4px}}

.ideas-button{width:100%;min-height:44px;margin-top:20px;padding:12px;border:1px solid #c7b895;background:#f5f0e5;border-radius:4px;color:var(--ink);font-size:14px}#ideas-dialog{width:min(1120px,95vw);max-height:91dvh;padding:28px;border:0;border-radius:10px;background:var(--paper);color:var(--ink)}#ideas-dialog::backdrop{background:#151712b8;backdrop-filter:blur(4px)}.catalog-heading form{margin:0}.ideas-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.ideas-grid figure{margin:0;background:white;border:1px solid var(--line);border-radius:7px;overflow:hidden}.ideas-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.ideas-grid figcaption{padding:17px}.ideas-grid strong,.ideas-grid span{display:block}.ideas-grid strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.ideas-grid span{font-size:13px;line-height:1.6;color:var(--muted);margin:8px 0 14px}.ideas-grid figcaption a{display:inline-block;font-size:14px;min-height:36px;padding-top:5px;text-underline-offset:4px}@media(max-width:800px){.ideas-grid{grid-template-columns:1fr}#ideas-dialog{padding:20px}.ideas-grid img{max-height:55dvh;object-fit:contain;background:#161719}.ideas-button{max-width:400px}}

/* Keep the title outside the 3D view and let the header wrap naturally. */
.topbar{height:auto;min-height:91px;padding-block:10px}.topbar .title{min-width:0}.topbar h1{overflow-wrap:anywhere;line-height:1.2}.view-caption{position:static;max-width:none;padding:18px 28px;color:var(--ink);background:#f5f3e9;text-shadow:none;pointer-events:auto}.view-caption h2{font-size:30px;margin:4px 0}.view-caption p{color:var(--muted)}.workspace{height:calc(100dvh - 217px)}
@media(max-width:850px){.topbar{min-height:80px;flex-wrap:wrap;padding:10px 16px}.topbar .title{flex:1;min-width:160px}.topbar .back{margin-left:auto;white-space:nowrap}.view-caption{padding:17px 18px}.view-caption h2{font-size:26px}.workspace{height:auto}.viewport{min-height:420px}.move-pad{bottom:90px}.tour-footer{right:18px;justify-content:space-between}}

.view-toolbar{z-index:3}.title{min-width:0}.title h1{overflow-wrap:anywhere}.tour-footer button{border-color:var(--line);background:#e6e9dd;color:var(--ink)}.tour-footer span{color:var(--ink)}.tour-footer button:last-child{background:var(--ink);color:white}