.advanced-main{padding-top:12px}.advanced-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 30px}.advanced-intro h1{font-size:2.4rem;letter-spacing:-.045em;margin:10px 0}.advanced-intro p:last-child{font-size:1rem;line-height:1.6;margin:0;color:var(--muted)}.design-step-count{font-size:.875rem;color:var(--muted);white-space:nowrap}.design-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border-bottom:1px solid var(--line);margin-bottom:30px}.design-steps button{border:0;border-bottom:3px solid transparent;background:none;text-align:left;padding:0 10px 18px 0;font-weight:600;color:var(--muted);font-size:.875rem;display:flex;align-items:center;gap:10px}.design-steps button span{width:28px;height:28px;border-radius:50%;border:1px solid #c7d5da;display:grid;place-items:center;flex-shrink:0;font-size:.8125rem}.design-steps button[aria-current=step]{border-bottom-color:var(--ink);color:var(--ink)}.design-steps button[aria-current=step] span{background:var(--ink);border-color:var(--ink);color:var(--lime)}.design-steps button.complete span{background:#e6efdc;color:#355532;border-color:#d7e5c8}.design-layout{display:grid;grid-template-columns:minmax(0,1fr) 345px;align-items:start;gap:28px}.design-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:32px;min-width:0}.stage-kicker{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#71878f;margin:0 0 11px}.design-stage h2{font-size:1.75rem;letter-spacing:-.04em;margin:0 0 11px;line-height:1.25}.design-stage h2:focus{outline:0}.stage-description{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 28px}.control-legend{font-weight:700;font-size:.875rem;margin-bottom:14px;float:none;width:auto}.control-legend span{font-weight:400;color:var(--muted);margin-left:8px}.design-projects{display:grid;grid-template-columns:1fr 1fr;gap:14px}.design-projects label{position:relative;cursor:pointer}.design-projects input,.photo-choice>input,.color-choice>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.design-projects label>span{padding:20px;min-height:100px;border:1px solid var(--line);border-radius:10px;display:block}.design-projects strong{display:block;font-size:1rem}.design-projects small{display:block;color:var(--muted);font-size:.875rem;line-height:1.5;margin-top:7px}.design-projects input:checked+span{border:2px solid var(--ink);padding:19px;background:#f5f8f0}.design-projects input:focus-visible+span{outline:3px solid #43849a;outline-offset:3px}.design-size{display:flex;gap:16px;align-items:end;margin:28px 0}.design-size>label{flex:1;font-size:.875rem;font-weight:700;min-width:0}.design-times{font-size:1.25rem;color:#98a8af;margin-bottom:15px}.design-area{border-radius:9px;background:var(--ink);color:white;padding:14px 18px;white-space:nowrap;text-align:center}.design-area strong{font-size:1.4rem;display:block}.design-area span{color:#c6d3d7;font-size:.8125rem;display:block;margin-top:3px}.space-photo{height:300px;border-radius:12px;overflow:hidden;position:relative}.space-photo img{width:100%;height:100%;object-fit:cover}.space-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#132e366e)}.space-photo>span{position:absolute;z-index:1;bottom:22px;left:24px;right:24px;color:white;font-size:1.125rem;font-weight:700;line-height:1.4;letter-spacing:-.02em}.brand-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.photo-choice{position:relative;display:block;cursor:pointer;min-width:0}.photo-choice>span{display:block;border:1px solid var(--line);border-radius:11px;overflow:hidden;transition:border-color .15s;background:white;pointer-events:none}.photo-choice img{width:100%;height:115px;object-fit:cover;display:block}.photo-choice .photo-choice-copy{display:block;padding:14px}.photo-choice strong{display:block;font-size:.9375rem;line-height:1.3}.photo-choice small{color:var(--muted);font-size:.8125rem;line-height:1.4;display:block;margin-top:5px}.photo-choice input:checked+span{border:2px solid var(--ink);margin:-1px;background:#f6f9f1}.photo-choice input:checked+span .photo-choice-copy:after{content:'Selected';display:block;font-size:.75rem;font-weight:700;margin-top:7px;color:#376230}.photo-choice input:focus-visible+span,.color-choice input:focus-visible+span{outline:3px solid #43849a;outline-offset:4px}.selection-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:28px 0 20px}.selection-heading h3{font-size:1rem;margin:0}.selection-heading a,.selected-rail-info a{font-size:.8125rem;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.deck-color-options{display:grid;grid-template-columns:repeat(5,1fr);gap:15px 12px}.color-choice{display:block;position:relative;cursor:pointer;min-width:0}.color-choice>span{display:block;pointer-events:none}.color-choice img{display:block;width:100%;height:67px;object-fit:cover;border-radius:7px;border:2px solid transparent;padding:2px;background:#fff;outline:1px solid #dce3e5}.color-choice strong{font-size:.8125rem;font-weight:500;line-height:1.4;display:block;text-align:center;margin-top:9px;min-height:2.8em}.color-choice input:checked+span img{border-color:var(--ink);outline-color:var(--ink)}.color-choice input:checked+span strong{font-weight:700}.product-detail-photo{position:relative;margin-top:22px;border-radius:10px;overflow:hidden;background:#f5f5f3;height:250px}.product-detail-photo img{width:100%;height:100%;object-fit:cover;display:block}.product-detail-photo.sample-photo img{object-fit:contain}.product-detail-photo>span{position:absolute;bottom:12px;left:12px;right:12px;background:#ffffffed;padding:8px 11px;font-size:.8125rem;line-height:1.4;border-radius:6px;width:fit-content;max-width:calc(100% - 24px)}.color-note{font-size:.8125rem;color:var(--muted);line-height:1.65;margin:17px 0 0}.railing-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.railing-options .photo-choice img{height:115px}.rail-color-field{margin-top:28px}.rail-color-options{display:flex;gap:12px;flex-wrap:wrap}.rail-color-options .color-choice{min-width:110px;flex:0 0 auto}.rail-color-options .color-choice>span{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 15px}.rail-color-options .color-choice input:checked+span{border:2px solid var(--ink);padding:10px 14px;background:#f6f9f1}.rail-color-options .color-choice strong{margin:0;min-height:0;font-size:.875rem}.rail-finish-dot{width:24px;height:24px;border-radius:50%;border:1px solid #aab7bc;display:block}.selected-rail-info{display:flex;justify-content:space-between;align-items:start;gap:25px;margin-top:25px;padding-top:21px;border-top:1px solid var(--line)}.selected-rail-info strong{font-size:1rem;line-height:1.5}.selected-rail-info p{font-size:.875rem;color:var(--muted);line-height:1.65;margin:8px 0 0}.upgrade-options{display:grid;grid-template-columns:1fr 1fr;gap:15px}.upgrade-card{display:block;position:relative;cursor:pointer;min-width:0}.upgrade-card>input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer;margin:0}.upgrade-card>span{display:block;pointer-events:none;border:1px solid var(--line);border-radius:11px;overflow:hidden}.upgrade-card img{width:100%;height:135px;object-fit:cover;display:block}.upgrade-copy{padding:18px;display:block;position:relative}.upgrade-copy strong{font-size:.9375rem;display:block;padding-right:29px;line-height:1.4}.upgrade-copy small{font-size:.875rem;line-height:1.6;color:var(--muted);display:block;margin-top:8px}.upgrade-check{position:absolute;right:17px;top:18px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #c8d5da;border-radius:5px;color:transparent;font-size:.8125rem}.upgrade-card input:checked+span{border:2px solid var(--ink);margin:-1px;background:#f6f9f1}.upgrade-card input:checked+span .upgrade-check{background:var(--ink);border-color:var(--ink);color:var(--lime)}.upgrade-card input:focus-visible+span{outline:3px solid #43849a;outline-offset:4px}.upgrade-preview-note{font-size:.875rem;color:var(--muted);line-height:1.6;margin:24px 0 0}.stage-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.next-step{margin-left:auto;background:var(--ink);color:var(--lime);border:0;border-radius:8px;font-size:.9375rem;font-weight:700;padding:16px 24px;min-height:48px}.next-step:hover{background:#254750}.previous-step{background:none;border:1px solid var(--line);border-radius:8px;padding:14px 20px;font-size:.9375rem;font-weight:700;min-height:48px}.previous-step:hover{background:var(--bg)}.design-summary{position:sticky;top:24px;border-radius:var(--radius);background:var(--ink);color:white;padding:28px;min-width:0}.summary-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.summary-title .eyebrow{color:#c2d1d5}.summary-badge{font-size:.75rem;background:#ffffff12;color:#d4e0e4;border-radius:5px;padding:6px 8px;white-space:nowrap}.design-summary h2{font-size:1.6rem;letter-spacing:-.04em;margin:23px 0 8px}.summary-size{font-size:1rem;color:#d3e0e4;margin:0 0 25px}.summary-size>span{display:inline-block;margin-left:12px;color:var(--lime);font-size:.875rem}.summary-finish{display:flex;align-items:center;gap:13px;border-top:1px solid #365059;padding:22px 0}.summary-swatch{display:block;width:52px;height:52px;border:3px solid #ffffff16;border-radius:9px;background:#8a6e55;flex-shrink:0;background-size:cover;background-position:center}.summary-finish>div{min-width:0;flex:1}.summary-finish small{display:block;color:#b5cbd2;font-size:.75rem;margin-bottom:5px}.summary-finish strong{display:block;font-size:.875rem;line-height:1.5}.summary-finish>div>span{display:block;font-size:.875rem;line-height:1.5;color:#cedce0;margin-top:3px}.edit-choice{font-size:.8125rem;background:none;border:0;color:var(--lime);padding:7px 0;text-decoration:underline;text-underline-offset:4px}.summary-upgrades{border-top:1px solid #365059;padding:20px 0}.summary-upgrades>div{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.summary-upgrades ul{padding:0;list-style:none;margin:12px 0 0;display:flex;gap:7px;flex-wrap:wrap}.summary-upgrades li{font-size:.8125rem;line-height:1.5;color:#d2e0e4;background:#ffffff10;border-radius:5px;padding:6px 9px}.summary-price{border-top:1px solid #365059;padding:20px 0}.summary-price strong{font-size:.875rem;color:var(--lime)}.summary-price p{font-size:.8125rem;line-height:1.7;color:#bdcfd5;margin:8px 0 0}.design-summary .quote-button{font-size:.875rem;line-height:1.5;padding:15px 12px}.summary-quote-note{font-size:.75rem;text-align:center;color:#b8cbd2;line-height:1.6;margin:13px 0 0}.product-credits{font-size:.8125rem;color:var(--muted);line-height:1.7;padding:22px 0 30px}.product-credits summary{cursor:pointer;width:fit-content;text-decoration:underline;text-underline-offset:4px}.product-credits a{display:inline-block;text-decoration:underline;margin:12px 20px 0 0}.product-credits p{margin:10px 0 0}.deck-viewer{height:420px;position:relative;border-radius:12px;border:1px solid #d4e0e4;overflow:hidden;background:#edf2f3;touch-action:none}.deck-viewer canvas{display:block;width:100%;height:100%;outline:0}.deck-viewer canvas:focus-visible{outline:3px solid #43849a;outline-offset:-5px}.viewer-loading{position:absolute;inset:0;display:grid;place-items:center;font-size:.9375rem;color:var(--muted)}.viewer-dimensions{position:absolute;top:18px;left:18px;font-size:.8125rem;font-weight:700;background:#ffffffd9;padding:8px 11px;border-radius:6px;pointer-events:none}.viewer-watermark{position:absolute;bottom:18px;right:20px;pointer-events:none;font-size:1rem;font-weight:800;letter-spacing:-.04em;color:#506770}.viewer-toolbar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:15px}.view-actions,.light-actions{display:flex;gap:7px}.viewer-toolbar button{font-size:.8125rem;border:1px solid var(--line);border-radius:6px;padding:10px 12px;background:#fff;color:var(--ink);font-weight:600;min-height:42px}.viewer-toolbar button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.viewer-help{font-size:.8125rem;line-height:1.6;color:var(--muted);margin:15px 0 0}.viewer-fallback{height:100%;background:white}.viewer-fallback img{width:100%;height:75%;object-fit:cover}.viewer-fallback p{font-size:.875rem;line-height:1.5;margin:12px 18px}.preview-stage .stage-description{margin-bottom:22px}
@media(min-width:1400px){.advanced-main{max-width:1400px}.advanced-page .site-header{max-width:1400px}.design-layout{grid-template-columns:minmax(0,1fr) 365px}.deck-viewer{height:460px}}
@media(max-width:1100px){.design-layout{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.design-panel{padding:26px}.design-summary{padding:24px}.brand-options{gap:10px}.photo-choice .photo-choice-copy{padding:12px}.photo-choice strong{font-size:.875rem}.deck-color-options{grid-template-columns:repeat(4,1fr)}.design-steps button{font-size:.8125rem;gap:8px}.design-steps button span{width:25px;height:25px}.railing-options{grid-template-columns:1fr 1fr}.deck-viewer{height:380px}}
@media(max-width:900px){.design-layout{grid-template-columns:1fr;max-width:740px;margin:auto}.design-summary{position:static}.design-summary h2{margin-top:18px}.summary-finish{padding:17px 0}.deck-color-options{grid-template-columns:repeat(5,1fr)}.railing-options{grid-template-columns:repeat(3,1fr)}.advanced-intro h1{font-size:2.1rem}.design-steps{overflow-x:auto}.design-steps button{white-space:nowrap;min-width:130px}.design-steps{grid-template-columns:repeat(5,minmax(130px,1fr))}.deck-viewer{height:460px}}
@media(max-width:600px){.advanced-intro{display:block;margin-bottom:25px}.design-step-count{display:block;margin-top:14px}.design-panel{padding:24px 20px}.design-stage h2{font-size:1.5rem}.stage-description{font-size:.9375rem;margin-bottom:23px}.design-size{gap:12px;flex-wrap:wrap}.design-area{width:100%;padding:13px;display:flex;align-items:center;justify-content:center;gap:10px}.design-area span{margin:0}.design-projects label>span{padding:17px 14px}.design-projects input:checked+span{padding:16px 13px}.design-projects small{font-size:.8125rem}.space-photo{height:240px}.brand-options{gap:9px}.photo-choice img{height:95px}.photo-choice .photo-choice-copy{padding:11px 10px}.photo-choice strong{font-size:.8755rem}.photo-choice small{font-size:.75rem}.deck-color-options{grid-template-columns:repeat(3,1fr)}.color-choice img{height:70px}.railing-options{grid-template-columns:1fr 1fr}.railing-options .photo-choice img{height:115px}.upgrade-options{gap:12px}.upgrade-card img{height:120px}.upgrade-copy{padding:15px 13px}.upgrade-copy strong{font-size:.875rem;padding-right:23px}.upgrade-copy small{font-size:.8125rem}.upgrade-check{right:12px;top:15px;width:19px;height:19px}.next-step{padding:15px 18px;font-size:.875rem}.previous-step{font-size:.875rem;padding:13px 17px}.selected-rail-info{display:block}.selected-rail-info a{display:inline-block;margin-top:13px}.deck-viewer{height:350px}.viewer-toolbar button{padding:10px;font-size:.75rem}.product-detail-photo{height:220px}.control-legend span{display:block;margin:5px 0 0}.summary-title .eyebrow{font-size:.75rem}.design-summary{padding:25px}.viewer-watermark{font-size:.875rem}}
@media(max-width:380px){.brand-options{grid-template-columns:1fr}.brand-options .photo-choice>span{display:flex}.brand-options .photo-choice img{width:40%;height:95px}.brand-options .photo-choice-copy{display:flex;flex-direction:column;justify-content:center}.upgrade-options{grid-template-columns:1fr}.viewer-toolbar{flex-direction:column}.deck-viewer{height:310px}}
.color-choice strong,.design-steps button,.viewer-toolbar button{font-size:.875rem}