@font-face{font-family:DM Sans;src:url(/case-studies/concepts/uk-garden-buildings-configurator/assets/dm-sans-latin-variable.woff2) format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}:root{--charcoal: #262626;--charcoal-2: #323634;--sage: #9dae98;--sage-strong: #86a07f;--sage-ink: #2c3b2a;--sage-pale: #eef2ec;--sage-wash: #f5f7f3;--ink: #262626;--muted: #5d665c;--line: #e1e5de;--surface: #ffffff;--canvas: #f3f4f0;--danger: #b23b2e;--ok: #3f7a3a;--highlight: #b9d36c;--radius: 12px;--radius-sm: 8px;--header-h: 64px;--strip-h: 36px;--ease: cubic-bezier(.16, 1, .3, 1);--shadow: 0 10px 30px rgba(20, 24, 20, .12);font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:var(--canvas);min-width:320px}body.modal-open{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-underline-offset:3px}img{max-width:100%;display:block}h1,h2,h3{margin:0;letter-spacing:-.01em;line-height:1.15}p{margin:0}:focus-visible{outline:3px solid #4f7a3f;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;left:12px;top:-60px;z-index:100;background:var(--surface);padding:10px 14px;border-radius:var(--radius-sm)}.skip-link:focus{top:12px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sage-strong);margin-bottom:6px}.small-print{font-size:12.5px;color:var(--muted);line-height:1.5}.small-print svg{vertical-align:-2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:650;font-size:15px;text-decoration:none;transition:background .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s;white-space:nowrap}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--sage);color:var(--charcoal)}.button.primary:hover:not(:disabled){background:#b0bfab;box-shadow:0 6px 18px #76916e59}.button.secondary{background:var(--surface);border-color:#cfd5cb}.button.secondary:hover{border-color:var(--charcoal)}.button.ghost{background:transparent;border-color:var(--line)}.button.ghost:hover:not(:disabled){border-color:#b8bfb4;background:var(--sage-wash)}.button.block{width:100%}.button.large{min-height:54px;font-size:16px}.button:disabled{opacity:.55}.text-button{background:none;border:0;padding:0;color:var(--sage-ink);font-weight:650;display:inline-flex;align-items:center;gap:6px;text-decoration:underline;text-underline-offset:3px}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:var(--surface)}.icon-button.light{background:#ffffff1a;border-color:#fff3;color:#fff}.icon-button.glass{background:#ffffffe0;border-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000001f}.icon-button.danger:hover{color:var(--danger);border-color:#e5b5ae}.icon-button:disabled{opacity:.5}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;gap:18px;padding:0 20px;background:var(--charcoal);color:#fff}.brand img{height:38px;width:auto}.brand-label{font-size:14px;color:#c9d2c6;padding-left:18px;border-left:1px solid rgba(255,255,255,.2);white-space:nowrap}.header-ctas{margin-left:auto;display:flex;align-items:center;gap:4px}.header-link{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#fff;font-size:14.5px;font-weight:550;text-decoration:none;white-space:nowrap}.header-link:hover{background:#ffffff17}.header-phone{display:inline-flex;align-items:center;gap:9px;padding:0 12px;color:#fff;text-decoration:none}.header-phone span{display:grid;font-weight:700;font-size:15px;line-height:1.15}.header-phone small{font-size:11px;font-weight:500;color:#b7c2b4}.header-cta{margin-left:6px;min-height:42px}.header-mobile{display:none;margin-left:auto;gap:8px}.mobile-menu{position:absolute;top:var(--header-h);left:0;right:0;display:grid;gap:10px;padding:16px;background:var(--charcoal);border-top:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px #0000004d;animation:drop .25s var(--ease)}.mobile-menu .button.secondary{color:var(--ink)}.mobile-menu .button.ghost{color:#fff;border-color:#ffffff40}.mobile-phone{justify-self:center;display:inline-flex;gap:8px;align-items:center;color:#fff;font-weight:700;padding:6px}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.usp-strip{height:var(--strip-h);background:var(--sage-pale);border-bottom:1px solid var(--line);overflow:hidden}.usp-strip ul{list-style:none;margin:0;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:center;gap:28px;overflow-x:auto;scrollbar-width:none}.usp-strip ul::-webkit-scrollbar{display:none}.usp-strip li{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;white-space:nowrap;color:var(--sage-ink)}.usp-strip svg{color:var(--sage-strong)}.studio{display:grid;grid-template-columns:minmax(0,1fr) 450px;height:calc(100vh - var(--header-h) - var(--strip-h));height:calc(100dvh - var(--header-h) - var(--strip-h));min-height:620px}.viewer{position:relative;overflow:hidden;background:linear-gradient(#dbe5ea,#e9ede4)}.viewer.is-night{background:#1b232a}.scene-area,.scene-host,.three-scene{position:absolute;top:0;right:0;bottom:0;left:0}.three-scene canvas{width:100%!important;height:100%!important;display:block;touch-action:none;outline:none;cursor:grab}.three-scene canvas:active{cursor:grabbing}.scene-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;padding:24px;gap:8px;max-width:420px;margin:auto}.viewer-top{position:absolute;top:14px;left:14px;right:14px;z-index:6;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.viewer-top>*{pointer-events:auto}.segmented{display:inline-flex;padding:4px;gap:2px;border-radius:999px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000001a}.segmented button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:999px;background:transparent;font-weight:650;font-size:14px;color:var(--muted)}.segmented button.active{background:var(--charcoal);color:#fff}.segmented button:not(.active):hover{color:var(--ink);background:#0000000d}.camera-controls{position:absolute;right:14px;top:50%;transform:translateY(-50%);z-index:6;display:grid;gap:6px;padding:5px;border-radius:999px;background:#ffffffe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000001f}.camera-controls button{width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:999px;background:transparent}.camera-controls button:hover{background:var(--sage-pale)}.viewer-bottom{position:absolute;left:14px;right:14px;bottom:14px;z-index:6;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;pointer-events:none}.viewer-bottom>*{pointer-events:auto}.design-chip{display:grid;padding:10px 16px;border-radius:14px;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000001a}.design-chip strong{font-size:16px}.design-chip span{font-size:13px;color:var(--muted)}.viewer-actions{display:flex;gap:6px}.viewer-actions button{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:999px;border:0;background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #0000001a;font-weight:650;font-size:14px}.viewer-actions button:disabled{opacity:.55}.viewer-hint{position:absolute;left:50%;bottom:22px;transform:translate(-50%);z-index:5;padding:6px 12px;border-radius:999px;background:#2626269e;color:#fff;font-size:12.5px;pointer-events:none;white-space:nowrap}.focus-caption{position:absolute;top:66px;left:50%;z-index:7;transform:translate(-50%);display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--charcoal);color:#fff;font-size:13.5px;font-weight:600;box-shadow:0 8px 20px #00000040;animation:caption 2.6s var(--ease) forwards;white-space:nowrap;max-width:calc(100% - 28px);overflow:hidden;text-overflow:ellipsis}.focus-caption svg{color:var(--highlight);flex:none}@keyframes caption{0%{opacity:0;transform:translate(-50%,-6px)}10%,82%{opacity:1;transform:translate(-50%)}to{opacity:0}}.scene-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:14px;background:linear-gradient(160deg,#2b302e,#3d4542);color:#fff;font-weight:600}.scene-loading img{width:160px}.progress{width:220px;height:6px;border-radius:6px;background:#ffffff2e;overflow:hidden}.progress div{height:100%;background:var(--sage);transition:width .3s}.floor-plan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;grid-template-rows:minmax(0,1fr) auto auto;background:#f6f7f3;padding:64px 70px 80px 18px;overflow:auto}.floor-plan svg{width:100%;height:100%;min-height:260px;font-family:DM Sans,sans-serif}.plan-key{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.plan-key li{display:inline-flex;align-items:center;gap:7px}.plan-key b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--sage);font-size:12px}.plan-key small{color:var(--muted)}.plan-key li.is-highlighted b{background:var(--highlight);box-shadow:0 0 0 3px #b9d36c66}.plan-note{font-size:12px;color:var(--muted);margin-top:6px}.controls{display:flex;flex-direction:column;min-height:0;background:var(--surface);border-left:1px solid var(--line)}.step-nav{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--surface);z-index:3}.step-nav button{display:grid;justify-items:center;gap:4px;padding:12px 4px 10px;border:0;border-bottom:3px solid transparent;background:none;color:var(--muted);font-size:12.5px;font-weight:600}.step-nav button.active{color:var(--ink);border-bottom-color:var(--sage)}.step-number{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1.5px solid #c8cec4;font-size:13px;font-weight:700}.step-nav .active .step-number{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.step-nav .complete .step-number{background:var(--sage);border-color:var(--sage);color:var(--charcoal)}.controls-body{flex:1;overflow-y:auto;padding:22px 24px 30px;overscroll-behavior:contain;animation:fade .35s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}.panel-heading{margin-bottom:18px}.panel-heading h2{font-size:26px;font-weight:750}.panel-heading p:not(.eyebrow){color:var(--muted);margin-top:6px;font-size:15px}.group-title{font-size:15px;font-weight:700;margin:22px 0 10px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.group-title small{font-size:12.5px;color:var(--muted);font-weight:500}.panel-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid var(--line);background:var(--surface)}.footer-note{font-size:13px;color:var(--muted)}.purpose-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.purpose-options button{position:relative;display:flex;align-items:flex-start;gap:10px;padding:12px;text-align:left;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);transition:border-color .2s,background .2s}.purpose-options button:hover{border-color:#c3cbbf}.purpose-options button.selected{border-color:var(--charcoal);background:var(--sage-wash)}.purpose-options strong{display:block;font-size:14px}.purpose-options small{display:block;font-size:12px;color:var(--muted);line-height:1.35}.purpose-options svg:first-child{flex:none;margin-top:2px;color:var(--sage-strong)}.purpose-options .tick{position:absolute;top:8px;right:8px}.dimension{padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:10px}.dimension-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.dimension-top label{font-weight:700}.dimension-top output{font-size:22px;font-weight:750}.dimension-top output span{font-size:13px;font-weight:500;color:var(--muted);margin-left:4px}.dimension-control{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px}.dimension-control button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.dimension-control button:hover:not(:disabled){border-color:var(--charcoal)}.dimension-control button:disabled{opacity:.4}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;--progress: 50%}input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,var(--charcoal) var(--progress),#dfe3dc var(--progress))}input[type=range]::-moz-range-track{height:6px;border-radius:6px;background:#dfe3dc}input[type=range]::-moz-range-progress{height:6px;border-radius:6px;background:var(--charcoal)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-10px;border-radius:50%;background:var(--surface);border:2px solid var(--charcoal);box-shadow:0 2px 6px #0003}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--surface);border:2px solid var(--charcoal)}.range-ends{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);padding:0 48px}.footprint{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 12px}.footprint div{padding:12px 14px;border-radius:var(--radius);background:var(--sage-wash);display:grid}.footprint strong{font-size:17px}.footprint span{font-size:12.5px;color:var(--muted)}.popular-sizes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.popular-sizes button{min-height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink)}.popular-sizes button.selected{background:var(--charcoal);border-color:var(--charcoal);color:#fff}.usp-group{display:grid;gap:8px;margin-top:20px}.usp-inline{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:var(--radius);background:var(--sage-pale)}.usp-inline svg{flex:none;color:var(--sage-strong);margin-top:2px}.usp-inline span{font-size:13px;color:var(--muted);line-height:1.4}.usp-inline strong{display:block;color:var(--ink);font-size:14px}.finish-photo{position:relative;margin:0 0 4px;border-radius:var(--radius);overflow:hidden;aspect-ratio:16 / 9;background:#ddd}.finish-photo img{width:100%;height:100%;object-fit:cover}.finish-photo figcaption{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#262626bf;color:#fff;font-size:12px;font-weight:600}.finish-options{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.finish-options button{display:grid;justify-items:center;gap:6px;padding:8px 4px;border:0;background:none;font-size:13px;font-weight:600;text-align:center}.swatch{width:64px;height:64px;border-radius:50%;background-size:240%;background-position:center;border:3px solid var(--surface);box-shadow:0 0 0 1.5px var(--line),inset 0 0 0 1px #0000000d;display:grid;place-items:center;color:#fff;transition:box-shadow .2s,transform .2s var(--ease)}.finish-options button:hover .swatch{transform:scale(1.04)}.finish-options button.selected .swatch{box-shadow:0 0 0 2.5px var(--charcoal)}.finish-options .swatch svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.finish-note{font-size:13.5px;color:var(--muted);margin-top:10px}.finish-note.subtle{display:flex;gap:6px;align-items:center}.direction-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.direction-options button{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);text-align:left}.direction-options button.selected{border-color:var(--charcoal);background:var(--sage-wash)}.direction-options strong{display:block;font-size:14px}.direction-options small{font-size:12px;color:var(--muted)}.board-sample{flex:none;width:46px;height:46px;border-radius:8px;background-size:140%;background-position:center}.board-sample.vertical{transform:rotate(90deg)}.wall-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.wall-tabs button{display:grid;gap:1px;padding:10px 6px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);font-weight:700;font-size:14px}.wall-tabs small{font-size:11.5px;color:var(--muted);font-weight:500}.wall-tabs button.selected{border-color:var(--charcoal);background:var(--charcoal);color:#fff}.wall-tabs button.selected small{color:#c9d2c6}.wall-meta{font-size:12.5px;color:var(--muted);margin:8px 0 12px}.opening-list{display:grid;gap:8px}.empty-wall{padding:14px;border-radius:var(--radius);border:1.5px dashed var(--line);color:var(--muted);font-size:14px}.opening-item{border:1.5px solid var(--line);border-radius:var(--radius);padding:10px;transition:border-color .2s,box-shadow .2s}.opening-item.is-selected{border-color:var(--sage-strong);box-shadow:0 0 0 3px #b9d36c59}.opening-summary{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:none;text-align:left}.opening-summary .opening-glyph{width:52px;flex:none}.opening-summary span{flex:1;display:grid}.opening-summary strong{font-size:14.5px}.opening-summary small{font-size:12px;color:var(--muted)}.opening-summary>svg:last-child{color:var(--muted);flex:none}.opening-controls{display:flex;gap:8px;margin-top:8px}.opening-controls select{flex:1;min-height:40px;padding:0 10px;border-radius:var(--radius-sm);border:1px solid #cfd5cb;background:var(--surface)}.position-control{display:grid;grid-template-columns:34px 1fr 34px auto;align-items:center;gap:8px;margin-top:8px}.position-control button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center}.position-control output{font-size:13px;font-weight:650;min-width:52px;text-align:right}.add-openings .opening-options{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.opening-options button{display:grid;justify-items:start;gap:3px;padding:10px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);text-align:left;transition:border-color .2s,transform .2s var(--ease)}.opening-options button:hover:not(:disabled){border-color:var(--charcoal);transform:translateY(-1px)}.opening-options button:disabled{background:#f7f8f5}.opening-options button:disabled .opening-glyph,.opening-options button:disabled strong{opacity:.45}.opening-options .opening-glyph{width:100%;height:56px}.opening-options strong{font-size:13.5px;line-height:1.25}.opening-options small{font-size:12px;color:var(--sage-ink);display:inline-flex;align-items:center;gap:4px}.opening-options button:disabled small{color:var(--muted)}.glazing-note{font-size:12.5px;color:var(--muted);margin-top:14px;display:flex;gap:6px}.glazing-note svg{flex:none;margin-top:2px}.design-summary{display:grid;grid-template-columns:132px 1fr;gap:14px;padding:12px;border-radius:var(--radius);background:var(--sage-wash);border:1px solid var(--line)}.design-summary img,.summary-placeholder{width:132px;height:100%;min-height:96px;object-fit:cover;border-radius:var(--radius-sm);background:#dfe5e8;display:grid;place-items:center}.design-summary strong{font-size:15px}.design-summary p{font-size:13px;color:var(--muted)}.design-summary ul{margin:4px 0 6px;padding-left:16px;font-size:13px}.pack-preview{display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center;margin:16px 0 6px}.pack-cover{position:relative;aspect-ratio:.72;border-radius:6px;overflow:hidden;background:var(--charcoal);box-shadow:var(--shadow);transform:rotate(-3deg)}.pack-cover img{width:100%;height:62%;object-fit:cover}.pack-cover span{position:absolute;left:8px;bottom:10px;right:8px;color:#fff;font-size:12px;font-weight:700}.pack-preview ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:13.5px}.pack-preview li{display:flex;gap:8px;align-items:center}.pack-preview li svg{color:var(--sage-strong);flex:none}.lead-form{margin-top:16px;padding:18px;border-radius:var(--radius);border:1.5px solid var(--line)}.lead-form h3{font-size:18px}.form-intro{font-size:13.5px;color:var(--muted);margin:4px 0 14px}.field{display:grid;gap:5px;margin-bottom:12px}.field label{font-size:13.5px;font-weight:650}.field .optional{font-weight:500;color:var(--muted)}.field input:not([type=checkbox]),.field select,.field textarea,.share-input{width:100%;min-height:46px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid #c8cfc4;background:var(--surface);font-size:16px}.field textarea{padding:10px 12px;min-height:64px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--charcoal);outline:2px solid rgba(157,174,152,.5);outline-offset:0}.field.has-error input,.field.has-error select{border-color:var(--danger);background:#fff8f7}.field small.error{color:var(--danger);font-size:12.5px;font-weight:600}.field small.hint{color:var(--muted);font-size:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.phone-input{position:relative;display:flex;align-items:center}.phone-input .phone-prefix{position:absolute;left:10px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--muted);padding:3px 6px;border-radius:5px;background:var(--sage-pale)}.phone-input input{padding-left:48px!important}.phone-input.is-valid input{border-color:var(--ok)}.phone-status{position:absolute;right:10px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:650;color:var(--ok);background:var(--surface);padding-left:6px}.phone-status.bad{color:var(--danger)}.icon-input{position:relative;display:flex;align-items:center}.icon-input svg{position:absolute;left:12px;color:var(--muted);pointer-events:none}.icon-input input,.icon-input select{padding-left:36px!important}.checkbox-label{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;margin:4px 0 14px;cursor:pointer}.checkbox-label input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--charcoal);flex:none}.checkbox-label small{color:var(--muted)}.form-problem{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--radius-sm);background:#fdf0ee;color:var(--danger);font-size:13.5px;font-weight:600;margin:8px 0 12px}.lead-form .small-print{margin-top:10px}.price-card{margin-top:16px;padding:20px;border-radius:16px;background:var(--charcoal);color:#fff}.price-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--sage)}.price-total{display:block;font-size:42px;line-height:1.1;font-weight:800;letter-spacing:-.02em;margin:2px 0 6px}.price-included{display:flex;align-items:center;gap:7px;font-size:13.5px;color:#d7ded4}.price-breakdown{margin-top:12px;border-top:1px solid rgba(255,255,255,.15);padding-top:10px}.price-breakdown summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:650;font-size:14px;list-style:none}.price-breakdown summary::-webkit-details-marker{display:none}.price-breakdown[open] summary svg{transform:rotate(180deg)}.price-breakdown ul{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px;font-size:13.5px}.price-breakdown li{display:flex;justify-content:space-between;gap:12px;color:#dfe5dc}.price-breakdown li.total{border-top:1px solid rgba(255,255,255,.15);padding-top:6px;color:#fff;font-weight:700}.price-breakdown p{font-size:12px;color:#b9c3b6}.price-card .reference{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#b9c3b6;margin-top:10px}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.cta-tile{display:flex;gap:10px;align-items:flex-start;padding:14px;border-radius:var(--radius);border:1.5px solid var(--line);background:var(--surface);text-align:left;text-decoration:none;transition:border-color .2s,transform .2s var(--ease),box-shadow .2s}.cta-tile:hover:not(:disabled){border-color:var(--charcoal);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.cta-tile svg{flex:none;color:var(--sage-strong)}.cta-tile strong{display:block;font-size:14.5px;line-height:1.25}.cta-tile small{display:block;font-size:12px;color:var(--muted);line-height:1.35;margin-top:2px}.cta-tile.primary{grid-column:1 / -1;background:var(--sage);border-color:var(--sage)}.cta-tile.primary svg{color:var(--charcoal)}.cta-tile.primary small{color:var(--sage-ink)}.secondary-ctas{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.cta-tile.is-locked svg{color:var(--muted)}.secondary-ctas .button{min-height:38px;font-size:13.5px;padding:0 12px}.order-steps,.included{margin-top:20px}.order-steps h3,.included h3{font-size:15px;margin-bottom:8px}.order-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.order-steps li{padding:10px;border-radius:var(--radius-sm);background:var(--sage-wash);display:grid}.order-steps li strong{font-size:18px}.order-steps li span{font-size:12px;color:var(--muted);line-height:1.3}.order-steps>p{display:flex;gap:6px;align-items:center;font-size:12.5px;color:var(--muted);margin-top:8px}.included ul{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;font-size:13px}.included li{display:flex;gap:6px;align-items:flex-start}.included li svg{flex:none;color:var(--sage-strong);margin-top:2px}.update-estimate{display:flex;gap:12px;padding:16px;margin-top:14px;border-radius:var(--radius);background:#fff7e6;border:1px solid #f0dcb0}.update-estimate>svg{flex:none;color:#9a6b12}.update-estimate p{font-size:14px;margin-bottom:10px}.trust-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding:56px max(24px,6vw);background:var(--surface);border-top:1px solid var(--line)}.trust-intro h2{font-size:clamp(26px,3vw,36px);font-weight:750;margin-bottom:12px}.trust-intro p:not(.eyebrow){color:var(--muted);max-width:520px}.trust-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.trust-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.trust-grid li{display:grid;grid-template-columns:22px 1fr;column-gap:8px;padding:16px;border-radius:var(--radius);background:var(--sage-wash)}.trust-grid svg{color:var(--sage-strong);margin-top:2px;grid-row:span 2}.trust-grid strong{font-size:15px}.trust-grid span{font-size:13px;color:var(--muted)}.site-footer{padding:28px max(24px,6vw) 36px;background:var(--charcoal);color:#dfe5dc;display:grid;gap:10px;font-size:14px}.site-footer img{width:150px}.site-footer .small-print{color:#a9b3a6;max-width:900px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:16px;background:#1416158c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadein .2s}@keyframes fadein{0%{opacity:0}}.modal{position:relative;width:min(520px,100%);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:26px;border-radius:18px;background:var(--surface);box-shadow:0 30px 60px #0000004d;animation:rise .3s var(--ease)}.modal.modal-wide{width:min(640px,100%)}@keyframes rise{0%{opacity:0;transform:translateY(12px) scale(.98)}}.modal h2{font-size:24px;font-weight:750;padding-right:36px}.modal-close{position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;border:0;background:var(--canvas);display:grid;place-items:center}.modal-intro{color:var(--muted);font-size:14.5px;margin:8px 0 16px}.request-form{margin-top:14px}.chip-select{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.chip-select button{display:grid;gap:1px;padding:8px 6px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--surface);font-size:13px;font-weight:650;text-align:center}.chip-select small{font-size:11px;color:var(--muted);font-weight:500}.chip-select button.selected{border-color:var(--charcoal);background:var(--sage-wash)}.showroom-card{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px;border-radius:var(--radius);background:var(--sage-wash);border:1px solid var(--line)}.showroom-card img{width:150px;height:100%;min-height:110px;object-fit:cover;border-radius:var(--radius-sm)}.showroom-card strong{font-size:15px}.showroom-card p{display:flex;gap:6px;align-items:flex-start;font-size:13px;color:var(--muted);margin-top:4px}.showroom-card p svg{flex:none;margin-top:2px}.showroom-links{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px;font-size:13px;font-weight:650}.showroom-links a{display:inline-flex;align-items:center;gap:5px;color:var(--sage-ink)}.showroom-card.compact{grid-template-columns:90px 1fr;margin:12px 0;text-align:left}.showroom-card.compact img{width:90px;min-height:80px}.request-success{display:grid;justify-items:center;text-align:center;gap:10px;margin-top:10px}.request-success>svg{color:var(--ok)}.request-success .reference{font-size:14px;color:var(--muted)}.share-input{margin-bottom:12px;font-size:14px!important}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.tour-dim{position:absolute;top:0;right:0;bottom:0;left:0;background:#12141399}.tour-spotlight{position:fixed;border-radius:16px;box-shadow:0 0 0 9999px #12141399,0 0 0 3px var(--highlight);transition:all .35s var(--ease);pointer-events:none}.tour-card{position:fixed;width:340px;padding:22px;border-radius:18px;background:var(--surface);box-shadow:0 24px 50px #0000004d;animation:rise .3s var(--ease)}.tour.is-intro .tour-card{left:50%;top:50%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 32px));animation:none}.tour.is-mobile .tour-card{left:12px!important;right:12px;bottom:12px;top:auto!important;width:auto;transform:none}.tour-card h2{font-size:20px;font-weight:750;margin-bottom:6px;padding-right:26px}.tour-card p:not(.eyebrow){font-size:14.5px;color:var(--muted)}.tour-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--sage-pale);color:var(--sage-ink);margin-bottom:12px}.tour-close{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;border:0;background:var(--canvas);display:grid;place-items:center}.tour-dots{display:flex;gap:5px;margin:16px 0 12px}.tour-dots span{width:7px;height:7px;border-radius:50%;background:#d5dad2;transition:width .3s var(--ease)}.tour-dots span.active{width:22px;border-radius:6px;background:var(--charcoal)}.tour-actions{display:flex;justify-content:space-between;gap:8px}.toast{position:fixed;z-index:70;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:12px 12px 12px 16px;border-radius:14px;background:var(--charcoal);color:#fff;font-size:14px;box-shadow:0 14px 30px #0000004d;animation:rise .3s var(--ease)}.toast button{flex:none;width:30px;height:30px;border-radius:50%;border:0;background:#ffffff1f;color:#fff;display:grid;place-items:center}@media(max-width:1240px){.studio{grid-template-columns:minmax(0,1fr) 400px}.header-phone small,.brand-label{display:none}.header-link{padding:0 9px;font-size:14px}}@media(max-width:1080px){.header-link:nth-child(3){display:none}.header-phone span{font-size:14px}.usp-strip ul{justify-content:flex-start}.finish-options{grid-template-columns:repeat(4,1fr)}.swatch{width:56px;height:56px}}@media(max-width:900px){:root{--viewer-h: min(48vh, 460px)}.site-header{position:relative}.header-ctas{display:none}.header-mobile{display:flex}.brand-label{display:inline;font-size:13px;padding-left:12px}.studio{display:block;height:auto;min-height:0}.viewer{position:sticky;top:0;z-index:20;height:var(--viewer-h);min-height:290px;box-shadow:0 6px 18px #0000001f}.controls{border-left:0}.step-nav{position:sticky;top:max(var(--viewer-h),290px);box-shadow:0 4px 10px #0000000a}.controls-body{overflow:visible;padding:20px 18px 110px}.panel-footer{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px #00000014}.panel-footer .button,.panel-footer .footer-note{flex:1}.viewer-hint{display:none}.focus-caption{top:60px;font-size:12.5px}.trust-band{grid-template-columns:1fr;padding:40px 20px 120px;gap:24px}.toast{bottom:84px}.floor-plan{padding:58px 58px 70px 10px}}@media(max-width:560px){:root{--header-h: 56px}.brand img{height:30px}.brand-label{display:none}.segmented button{padding:0 10px;font-size:13px;min-height:34px}.segmented button svg{display:none}.camera-controls{right:8px;padding:4px;gap:2px}.camera-controls button{width:34px;height:34px}.viewer-top{top:10px;left:10px;right:10px}.viewer-bottom{left:10px;right:10px;bottom:10px}.design-chip{padding:7px 12px}.design-chip strong{font-size:14px}.design-chip span{font-size:12px}.viewer-actions button{min-height:38px;padding:0 11px}.viewer-actions span{display:none}.panel-heading h2{font-size:23px}.step-nav button{font-size:11.5px;padding:10px 2px 8px}.finish-options{grid-template-columns:repeat(4,1fr);gap:4px}.swatch{width:54px;height:54px}.finish-options button{font-size:12px}.field-row{grid-template-columns:1fr;gap:0}.cta-grid,.included ul{grid-template-columns:1fr}.design-summary,.pack-preview{grid-template-columns:104px 1fr}.design-summary img,.summary-placeholder{width:104px}.chip-select{grid-template-columns:1fr 1fr}.showroom-card{grid-template-columns:1fr}.showroom-card img{width:100%;height:130px}.modal{padding:22px 18px;border-radius:16px}.modal-backdrop{align-items:end;padding:0}.modal,.modal.modal-wide{width:100%;max-height:92vh;max-height:92dvh;border-radius:18px 18px 0 0}.trust-grid{grid-template-columns:1fr}.price-total{font-size:36px}.range-ends{padding:0 48px}.plan-key{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.elevation-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-rows:minmax(0,1fr);background:#dce7ee}.elevation-preview.is-night{background:#1d2731}.elevation-preview svg{width:100%;height:100%;padding:184px 64px 128px 16px}.elevation-tabs{position:absolute;bottom:76px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:4px;border-radius:999px;background:#ffffffe6;box-shadow:0 4px 14px #0000001a;z-index:5}.elevation-tabs button{border:0;background:none;border-radius:999px;min-height:32px;padding:0 12px;font-size:13px;font-weight:650;color:var(--muted);white-space:nowrap}.elevation-tabs button.active{background:var(--charcoal);color:#fff}.elevation-note{position:absolute;left:50%;top:104px;transform:translate(-50%);width:min(80%,520px);text-align:center;font-size:12.5px;padding:6px 12px;border-radius:12px;background:#ffffffeb;color:var(--ink);z-index:5}.scene-recovering{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 16px;border-radius:999px;background:#262626d1;color:#fff;font-size:14px;font-weight:600;z-index:6}@media(max-width:560px){.elevation-preview svg{padding:176px 48px 108px 8px}.elevation-tabs{bottom:62px}.elevation-tabs button{padding:0 9px;font-size:12px;min-height:30px}.elevation-note{top:98px;width:calc(100% - 110px);font-size:11px;padding:4px 10px}.elevation-note .long{display:none}}.elevation-note p{margin:0}.elevation-actions{display:flex;justify-content:center;gap:6px;margin-top:5px}.elevation-actions button,.elevation-details button{min-height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font-size:12px;font-weight:650}.elevation-actions button:first-child{background:var(--sage);border-color:var(--sage)}.elevation-details{margin-top:8px;text-align:left;max-height:46vh;overflow:auto}.elevation-details p{font-size:11.5px;color:var(--muted);margin-bottom:6px}.elevation-details pre{max-height:140px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:10.5px;line-height:1.4;background:var(--canvas);border-radius:8px;padding:8px;margin:0 0 6px}