.experience-home{--hx-bg:#f8f3e7;--hx-ink:#192d36;--hx-accent:#e64d35;padding:clamp(30px,6vw,90px);background:var(--hx-bg);color:var(--hx-ink);font-family:Arial,Helvetica,sans-serif;overflow:clip}.experience-home *{box-sizing:border-box}.experience-home h2{font-size:clamp(42px,5.4vw,86px);line-height:1;letter-spacing:-.055em;font-weight:750;margin:15px 0 28px}.experience-home h2 em{font-family:Georgia,serif;font-weight:400}.experience-home h3{font-size:25px;line-height:1.15;margin:8px 0 18px;letter-spacing:-.025em}.experience-home p{font-size:14px;line-height:1.75;margin:0 0 20px}.experience-home .hx-kicker{font:700 10px/1.7 Arial,sans-serif;letter-spacing:2px}.experience-home button,.experience-home input,.experience-home select,.experience-home textarea{font:inherit;accent-color:var(--hx-accent)}.experience-home button{cursor:pointer;border-radius:0;touch-action:manipulation}.experience-home button:focus-visible,.experience-home input:focus-visible,.experience-home select:focus-visible,.experience-home textarea:focus-visible{outline:3px solid var(--hx-accent);outline-offset:4px}.experience-home button:not([class]),.experience-home .hx-action-row>button,.experience-home .garden-note>button,.experience-home .reno-spec>button{background:var(--hx-ink);border:1px solid var(--hx-ink);color:var(--hx-bg);padding:15px 20px;font-size:11px;font-weight:700;letter-spacing:.04em}.experience-home button:hover{filter:brightness(1.08)}.experience-home .hx-quiet{background:transparent!important;color:var(--hx-ink)!important;border:1px solid currentColor!important}.hx-field{display:flex;flex-direction:column;gap:10px;min-width:0;font-size:12px;font-weight:700}.hx-field input,.hx-field select,.hx-field textarea{width:100%;padding:13px;background:#fff;color:#192d36;border:1px solid #192d3666;min-height:46px;border-radius:0}.hx-field textarea{resize:vertical}.experience-home .hx-action-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:30px}.hx-action-row p{margin:0;font-size:12px}.experience-home .hx-footnote{font-size:10px;line-height:1.7;max-width:780px;margin-top:35px;border-top:1px solid #7775;padding-top:18px}.home-built-right{--hx-bg:#f3cb44;--hx-ink:#142e52;--hx-accent:#ce4e36}.br-heading{display:grid;grid-template-columns:1.7fr 1fr;gap:8vw;align-items:end}.br-heading p{max-width:420px}.br-heading h2 em{color:#b13c31}.br-bar{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding:25px;background:#142e52;color:#fff4cc;margin:25px 0 40px}.br-bar .hx-field input,.br-bar .hx-field select{background:#fff5d1;border:0}.br-progress{display:grid;grid-template-columns:1fr auto;align-content:center;gap:10px}.br-progress span{font-size:9px;letter-spacing:1.2px}.br-progress strong{font-size:32px}.br-progress meter{grid-column:1/3;width:100%;height:13px;accent-color:#f3cb44}.br-timeline{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid #142e52}.br-timeline button{display:flex;flex-direction:column;text-align:left;gap:10px;padding:25px;background:transparent;border:0;border-right:1px solid #142e52;color:#142e52}.br-timeline button:last-child{border:0}.br-timeline button.selected{background:#ce4e36;color:#fff6df}.br-timeline span{font-size:9px;letter-spacing:1px}.br-timeline strong{font-size:30px;letter-spacing:-1px}.br-timeline small{font-size:10px}.br-workspace{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:40px}.br-task-heading{padding:30px;background:#ece9dc;align-self:start}.br-task-heading p:last-child{font-size:12px;margin:0}.br-tasks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.br-task{display:flex;align-items:flex-start;gap:12px;padding:20px;background:#ffe79c;border:1px solid #142e5240;transition:background .2s;position:relative}.br-task.phase-task{border:2px solid #142e52;padding:19px;background:#fff5d1}.br-task input{width:19px;height:19px;margin:0;flex-shrink:0}.br-task span{padding-bottom:20px}.br-task strong{font-size:13px;display:block}.br-task small{display:block;font-size:11px;line-height:1.7;margin-top:7px}.br-task b{position:absolute;bottom:12px;left:51px;font-size:8px;letter-spacing:1px;text-transform:uppercase}.br-task.done strong{text-decoration:line-through}.br-task.done{background:#cad5c4}.home-roofline{--hx-bg:#e6edf5;--hx-ink:#132a4c;--hx-accent:#c45130}.roof-head{max-width:850px}.roof-head h2 em{color:#bf5339}.roof-head>p:last-child{max-width:570px}.roof-lab{display:grid;grid-template-columns:1fr 2fr;gap:45px;margin-top:45px}.roof-controls{background:#132a4c;color:#fff;padding:30px;display:flex;flex-direction:column;gap:24px}.roof-controls p{font-size:11px;margin:0;color:#c9d8ea}.roof-total{border-top:1px solid #fff5;padding-top:24px}.roof-total small,.roof-total span{display:block;font-size:9px;line-height:1.8;letter-spacing:.5px}.roof-total strong{display:block;font-size:46px;margin:10px 0;color:#f8c74a;letter-spacing:-2px}.roof-choices{display:flex;flex-direction:column;gap:15px}.roof-choice{display:grid;grid-template-columns:150px 1fr auto;gap:25px;align-items:center;border:1px solid #132a4c55;padding:15px;background:#fff;text-align:left;color:#132a4c}.roof-choice.selected{border:3px solid #132a4c;padding:13px;background:#f9d466}.roof-sample{display:block;height:115px;background-color:var(--sample);box-shadow:inset 0 5px 15px #0002}.roof-shingle{background-image:repeating-linear-gradient(0deg,transparent 0 23px,#573e3a 24px 27px),repeating-linear-gradient(90deg,transparent 0 46px,#573e3a88 47px 50px);transform:skewY(-4deg)}.roof-metal{background-image:repeating-linear-gradient(90deg,#ffffff33 0 3px,transparent 4px 34px,#1d395c 35px 38px);transform:skewY(4deg)}.roof-tile{background-image:repeating-linear-gradient(90deg,#0002 0 4px,transparent 8px 17px,#fff4 20px 24px,#0002 28px 34px),repeating-linear-gradient(0deg,transparent 0 33px,#6d5929 34px 37px)}.roof-choice small{font-size:9px;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:8px}.roof-choice strong{display:block;font-size:22px;line-height:1.15}.roof-choice b{display:block;font-size:11px;margin-top:12px;font-weight:400}.roof-choice i{font-size:8px;letter-spacing:1px;font-style:normal;writing-mode:vertical-rl}.roof-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.roof-facts article{border-top:3px solid #132a4c;padding-top:20px}.roof-facts article>span{font-size:9px;letter-spacing:1.5px}.roof-facts h3{margin-top:16px;font-family:Georgia,serif;font-weight:400}.roof-facts p{font-size:12px}.home-lawn-line{--hx-bg:#ecedd7;--hx-ink:#214e42;--hx-accent:#b8558a}.garden-title{display:grid;grid-template-columns:1.5fr 1fr;column-gap:60px;align-items:end}.garden-title .hx-kicker{grid-column:1/3}.garden-title h2 em{color:#ac4b7f}.garden-title>p:last-child{max-width:420px}.garden-shell{display:grid;grid-template-columns:190px minmax(0,1fr) 220px;gap:25px;align-items:start;margin-top:35px}.garden-palette{background:#214e42;color:#ecedd7;padding:20px}.garden-palette h3{font:20px/1.2 Georgia,serif;margin-top:5px}.garden-palette button{background:transparent;color:#ecedd7;border:1px solid #ecedd744;width:100%;display:flex;gap:12px;align-items:center;padding:12px 9px;margin:8px 0;text-align:left}.garden-palette button.selected{background:#ecedd7;color:#214e42;border-color:#ecedd7}.garden-palette button b{display:grid;place-items:center;background:var(--plant);color:#183e34;width:30px;height:30px;font-size:25px;flex-shrink:0}.garden-palette button span{font-size:10px;line-height:1.3}.garden-palette p{font-size:11px;margin:22px 0 0;color:#e3e9c3}.garden-plan{border:1px solid #214e4266;padding:20px;background:#f5f5e9}.garden-plan-bar{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.6px;margin-bottom:18px}.garden-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #214e4266;gap:3px;background:#214e4222;padding:3px}.garden-grid button{display:grid;place-items:center;aspect-ratio:1;border:1px solid #214e4255;background:var(--plant);font-size:clamp(20px,3vw,44px);color:#193e33;transition:background .2s}.garden-grid button:hover{outline:2px solid #b8558a;z-index:1}.garden-north{text-align:center;font-size:8px;letter-spacing:1px;margin:15px 0 25px}.garden-site{display:grid;grid-template-columns:1fr 1fr;gap:15px}.garden-site .hx-field{font-size:10px}.garden-site select{font-size:11px;padding:10px}.garden-note{background:#f4c84c;padding:25px}.garden-note>strong{font:70px/.95 Georgia,serif;display:block}.garden-note>span{display:block;font-size:11px;margin-top:8px}.garden-note>div{margin:25px 0}.garden-note>div p{font-size:11px;margin:8px 0}.garden-note>div b{display:inline-block;width:22px}.garden-note>p:not(.hx-kicker){font-size:11px}.garden-note>button{width:100%;padding:13px 10px!important;font-size:10px!important}.garden-note>button+button{margin-top:10px}.hx-status{font-size:11px!important;margin-top:20px!important}.home-fence-foundry{--hx-bg:#e9bda2;--hx-ink:#263846;--hx-accent:#b9432a}.fence-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:0 70px;align-items:end}.fence-heading .hx-kicker{grid-column:1/3}.fence-heading h2{font-family:Impact,'Arial Narrow',sans-serif;text-transform:uppercase;font-weight:400;letter-spacing:-.02em}.fence-heading h2 em{font:inherit;color:#a33f2b}.fence-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.fence-selector button{background:#e9bda2;border:1px solid #263846;padding:20px;color:#263846;display:grid;grid-template-columns:38px 1fr;gap:8px 16px;text-align:left;font-weight:700;font-size:15px}.fence-selector button>span{width:38px;height:38px;grid-row:1/3}.fence-selector button small{font-size:10px;font-weight:400}.fence-selector button.selected{background:#263846;color:#ffe5be}.fence-drawing{background:#f7e4c9;border:1px solid #263846;padding:25px 30px 10px}.fence-drawing-title{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1px}.fence-drawing svg{width:100%;height:auto;max-height:350px;display:block}.fence-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;padding:30px;background:#d4dce0;border:1px solid #263846;border-top:0}.fence-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.fence-price{border-left:1px solid #26384655;padding-left:30px}.fence-price>span{font-size:9px;letter-spacing:1px}.fence-price strong{font:48px/1.3 Impact,'Arial Narrow',sans-serif;display:block}.fence-price p{font-size:12px;margin:0 0 10px}.fence-price small{font-size:9px;line-height:1.7;display:block}.home-the-renovation-co{--hx-bg:#e8dce9;--hx-ink:#43294c;--hx-accent:#b15436}.hx-reno-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:50px;align-items:end}.hx-reno-heading h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.hx-reno-heading h2 em{color:#ae5037}.reno-room-tabs{display:flex;gap:0;border-bottom:1px solid #43294c55;margin:25px 0 35px}.reno-room-tabs button{padding:17px 30px;border:0;border-bottom:4px solid transparent;background:transparent;font-size:13px;color:#43294c}.reno-room-tabs button.selected{background:#43294c;color:#fff4e5;border-color:#c99b62}.reno-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:40px}.reno-compare{position:relative;aspect-ratio:1.7;overflow:hidden;border:1px solid #43294c55}.reno-before,.reno-after{position:absolute;inset:0}.reno-compare svg{display:block;width:100%;height:100%;object-fit:cover}.reno-left-label,.reno-right-label{position:absolute;bottom:15px;background:#f8eedc;color:#43294c;font-size:8px;letter-spacing:1px;padding:9px}.reno-left-label{left:12px}.reno-right-label{right:12px}.reno-divider{position:absolute;top:0;bottom:0;width:2px;background:#fff}.reno-divider:after{content:' ';position:absolute;top:48%;left:-10px;width:22px;height:22px;border:3px solid #fff;background:#43294c;border-radius:50%}.reno-slider{display:block;font-size:11px;margin-top:20px}.reno-slider span{display:block;margin-bottom:12px}.reno-slider input{width:100%}.reno-spec{background:#fbf0dd;padding:25px}.reno-spec h3{font-family:Georgia,serif;font-weight:400}.reno-palettes{display:flex;flex-direction:column;gap:10px;margin:20px 0 25px}.reno-palettes button{display:flex;align-items:center;gap:15px;padding:12px;border:1px solid #43294c55;background:none;color:#43294c;text-align:left}.reno-palettes button.selected{border:2px solid #43294c;padding:11px;background:#e8dce9}.reno-palettes button>span{display:flex;flex-shrink:0}.reno-palettes i{display:block;width:18px;height:30px}.reno-palettes strong{font-size:11px}.reno-budget{border-top:1px solid #43294c55;margin:25px 0;padding-top:20px}.reno-budget small{font-size:8px;letter-spacing:1px}.reno-budget strong{display:block;font:40px/1.3 Georgia,serif;letter-spacing:-1.7px}.reno-budget p{font-size:10px;margin:8px 0 0}.reno-spec>button{width:100%}.reno-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:40px}.reno-notes article{border-top:1px solid #43294c55;padding-top:20px}.reno-notes b{font-family:Georgia,serif;font-size:22px;font-weight:400}.reno-notes p{font-size:12px;margin:12px 0}.home-groundworks{--hx-bg:#e6b82f;--hx-ink:#233b39;--hx-accent:#ad4d27}.gw-title{max-width:850px}.gw-title h2{font-family:Impact,'Arial Narrow',sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:-.02em}.gw-title h2 em{font:inherit;color:#a4482b}.gw-title>p:last-child{max-width:480px}.gw-console{display:grid;grid-template-columns:1.15fr 1fr;border:2px solid #233b39;margin-top:40px}.gw-site{min-height:480px;position:relative;background:repeating-linear-gradient(0deg,transparent 0 39px,#f2cc6822 40px 41px),repeating-linear-gradient(90deg,transparent 0 39px,#f2cc6822 40px 41px),#233b39;color:#efd282;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;overflow:hidden}.gw-crosshair{position:absolute;top:50px;left:50%;transform:translateX(-50%) rotate(-8deg);width:65%;height:200px;border:2px dashed #e6b82f;display:grid;place-items:center;background:#e6b82f11;transition:transform .5s}.gw-crosshair b{font:45px/1 Impact,sans-serif;color:#f8df98;font-weight:400}.gw-crosshair i{position:absolute;width:11px;height:11px;background:#f8df98;border:2px solid #233b39}.gw-crosshair i:nth-child(1){top:-6px;left:-6px}.gw-crosshair i:nth-child(2){top:-6px;right:-6px}.gw-crosshair i:nth-child(3){bottom:-6px;left:-6px}.gw-crosshair i:nth-child(4){bottom:-6px;right:-6px}.home-groundworks[data-terrain=sloped] .gw-crosshair{transform:translateX(-50%) rotate(-17deg) skewY(9deg)}.home-groundworks[data-terrain=unknown] .gw-crosshair{border-style:dotted}.gw-coordinate{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.7px;gap:15px;border-top:1px solid #e6b82f66;padding-top:16px}.gw-coordinate b{font-weight:400}.gw-area-result{display:flex;flex-direction:column;margin:25px 0 15px;gap:8px}.gw-area-result span{font-size:8px;letter-spacing:1.2px}.gw-area-result strong{font:56px/1 Impact,sans-serif;font-weight:400}.gw-site>p{font-size:9px;line-height:1.7;max-width:380px;margin:0;opacity:.8}.gw-inputs{padding:30px;background:#f2dfab;display:flex;flex-direction:column;gap:25px}.gw-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gw-inputs fieldset{border:0;margin:0;padding:0;min-width:0}.gw-inputs legend{font-size:12px;font-weight:700;margin-bottom:12px}.gw-task-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.gw-task-options label{display:flex;gap:10px;align-items:center;padding:14px;border:1px solid #233b3955;background:#f9edcc;font-size:12px}.gw-task-options input{width:18px;height:18px;margin:0}.gw-brief{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:40px}.gw-brief>div:first-child p:not(.hx-kicker){font-size:12px}.gw-brief>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:15px}.gw-brief article{background:#233b39;color:#f4e8bf;padding:23px}.gw-brief article span{font:22px/1.2 Georgia,serif;display:block;margin-bottom:14px}.gw-brief article p{font-size:12px;margin:0}
@media(max-width:1100px){.garden-shell{grid-template-columns:160px minmax(0,1fr)}.garden-note{grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:5px 30px}.garden-note>div{grid-column:2;grid-row:1/5;margin:0}.garden-note>p:not(.hx-kicker){grid-column:1/3}.garden-note>button{grid-row:6}.roof-choice{grid-template-columns:110px 1fr auto;gap:18px}.roof-choice strong{font-size:18px}.fence-bottom{grid-template-columns:1fr}.fence-price{border-left:0;border-top:1px solid #26384655;padding:20px 0 0}.reno-grid{gap:25px}.reno-palettes button{flex-wrap:wrap}.gw-title h2{font-size:70px}}
@media(max-width:700px){.experience-home{padding:45px 5vw}.experience-home h2{font-size:48px}.br-heading,.roof-lab,.garden-title,.fence-heading,.hx-reno-heading,.reno-grid,.gw-console,.gw-brief{grid-template-columns:1fr;gap:25px}.br-heading p{max-width:none}.br-bar{grid-template-columns:1fr 1fr;gap:20px;padding:20px}.br-progress{grid-column:1/3}.br-timeline{grid-template-columns:1fr 1fr}.br-timeline button{padding:20px;border-bottom:1px solid #142e52}.br-timeline button:nth-child(2){border-right:0}.br-timeline strong{font-size:25px}.br-workspace{grid-template-columns:1fr;gap:20px}.br-task-heading{padding:20px}.br-tasks{grid-template-columns:1fr}.br-task{min-height:115px}.roof-controls{padding:25px}.roof-choice{grid-template-columns:85px 1fr auto;gap:14px;padding:12px}.roof-choice.selected{padding:10px}.roof-sample{height:90px}.roof-choice strong{font-size:17px}.roof-choice small{font-size:7px}.roof-facts,.reno-notes{grid-template-columns:1fr;gap:15px}.roof-facts article,.reno-notes article{padding-top:15px}.roof-facts h3{font-size:23px}.garden-title .hx-kicker,.fence-heading .hx-kicker{grid-column:auto}.garden-shell{display:flex;flex-direction:column;gap:15px}.garden-shell>*{width:100%}.garden-palette{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px}.garden-palette h3,.garden-palette p{grid-column:1/3;margin:0 0 8px}.garden-palette button{margin:0;padding:9px}.garden-palette button span{font-size:10px}.garden-palette button b{width:25px;height:25px;font-size:22px}.garden-palette p{margin:10px 0 0}.garden-plan{padding:15px}.garden-grid{gap:3px}.garden-grid button{font-size:30px}.garden-site{gap:10px}.garden-note{display:grid;grid-template-columns:1fr 1fr;padding:20px}.garden-note .hx-kicker{grid-column:1}.garden-note>strong{grid-column:1;font-size:60px}.garden-note>span{grid-column:1}.garden-note>button{grid-row:auto}.garden-note>button+button{margin:0}.fence-selector{grid-template-columns:1fr;gap:10px;margin:15px 0 25px}.fence-selector button{grid-template-columns:38px 1fr;padding:15px}.fence-drawing{padding:18px 12px 5px}.fence-drawing-title{font-size:7px}.fence-bottom{padding:20px}.fence-controls{grid-template-columns:1fr 1fr;gap:18px}.fence-controls .hx-field:last-child{grid-column:1/3}.reno-room-tabs button{padding:15px 20px;font-size:12px}.reno-grid{gap:25px}.reno-compare{aspect-ratio:1.45}.reno-left-label,.reno-right-label{font-size:6px;padding:6px;bottom:10px}.reno-left-label{left:7px}.reno-right-label{right:7px}.reno-spec{padding:22px}.reno-palettes button{flex-wrap:nowrap}.reno-notes{margin-top:25px}.gw-title h2{font-size:48px}.gw-console{gap:0}.gw-site{min-height:440px;padding:25px}.gw-crosshair{height:180px;width:65%}.gw-crosshair b{font-size:37px}.gw-area-result strong{font-size:49px}.gw-inputs{padding:22px}.gw-pair{gap:15px}.gw-brief{gap:20px}.gw-brief>div:last-child{grid-template-columns:1fr}.gw-brief article{padding:20px}.experience-home .hx-action-row{align-items:stretch;gap:10px}.hx-action-row>button{flex:1}.hx-action-row>p{flex-basis:100%}.roof-lab{margin-top:30px}.roof-facts{margin-top:30px}.experience-home .hx-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){.experience-home *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.home-built-right .br-timeline button.selected{background:#a83e2b;color:#fff}