*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#24382d;-webkit-font-smoothing:antialiased;background:#f8f7f2;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit;color:inherit}button{touch-action:manipulation}button,input{border-radius:0}button{padding:0}h1,h2,p{margin:0}svg,img{max-width:100%;display:block}input{min-width:0}details p+p{margin-top:12px}.experience{--c-ink:#24382d;--c-ink-soft:#596457;--c-bg:#f4f3ed;--c-line:#d9dfd1;color:#24382d;background:#f4f3ed;min-height:100dvh;font-family:Arial,Helvetica,sans-serif}.experience button,.experience input,.experience select{font:inherit}.experience button{cursor:pointer}.experience button:disabled{opacity:.45;cursor:not-allowed}.experience :focus-visible{outline-offset:4px;outline:3px solid #327f5a}.experience h1:focus{outline:none}.skip-link{z-index:20;background:#fff;padding:16px;position:fixed;top:-90px}.skip-link:focus{top:8px}.topbar{z-index:3;background:#f8f7f2;border-bottom:1px solid #d9dfd1;justify-content:space-between;align-items:center;height:86px;padding:0 36px;display:flex;position:relative}.brand{text-align:left;letter-spacing:-1.5px;background:0 0;border:0;align-items:center;gap:11px;line-height:1;display:flex;font-size:29px!important;font-weight:600!important}.brand small{letter-spacing:3px;margin-top:7px;font-size:8px;display:block}.brand-mark{gap:4px;width:30px;display:grid}.brand-mark i{background:#526d39;height:5px;transform:skewY(-20deg)}.brand-mark i:nth-child(2){background:#94a181}.brand-mark i:nth-child(3){background:#c2bda4}.topbar-note{letter-spacing:3px;color:#54604f;font-size:10px}.languages{gap:3px;display:flex}.languages button{background:0 0;border:0;border-radius:50%;min-width:44px;height:44px;font-size:11px!important;font-weight:700!important}.languages button[aria-pressed=true]{background:#e8ecdf}.experience-main{grid-template-columns:minmax(0,1fr) 440px;height:calc(100dvh - 143px);min-height:620px;display:grid}.stage{background:#e8ecdf;min-width:0;position:relative;overflow:hidden}.stage canvas{pointer-events:none;width:100%;height:100%;display:block}.scene-topline{text-transform:uppercase;letter-spacing:2px;color:#344432;background:#f8f7f2d9;border-radius:2px;align-items:center;gap:9px;padding:10px 12px;font-size:10px;display:flex;position:absolute;top:25px;left:28px}.scene-dot{background:#597645;border-radius:50%;width:6px;height:6px}.scene-caption{color:#384432;gap:3px;max-width:520px;font-size:10px;line-height:1.5;display:grid;position:absolute;bottom:18px;left:25px;right:25px}.scene-caption span{background:#f8f7f2db;width:fit-content;padding:3px 7px}.bag-tag{background:#f9f8f1;border-radius:4px;padding:13px 18px;font-size:12px;position:absolute;bottom:94px;right:30px;box-shadow:0 5px 25px #23311b12}.control-panel{scrollbar-width:thin;background:#f8f7f2;border-left:1px solid #d9dfd1;padding:35px 32px 25px;overflow-y:auto}.panel-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:34px;display:flex}.micro,.chapter{letter-spacing:1.7px;text-transform:uppercase;font-size:9px;font-weight:600}.chapter{white-space:nowrap;color:#68715f}.control-panel h1{letter-spacing:-1.8px;white-space:pre-line;text-wrap:balance;margin:0 0 24px;font-family:Georgia,Times New Roman,serif;font-size:44px;font-weight:400;line-height:1.07}.is-arrival .control-panel{flex-direction:column;justify-content:center;padding-bottom:70px;display:flex}.is-arrival .control-panel h1{letter-spacing:-2.5px;font-size:61px}.is-arrival .panel-top{margin-bottom:48px}.intro{color:#5b6556;max-width:320px;margin:0 0 28px;font-size:17px;line-height:1.65}.intro.small{font-size:15px;line-height:1.6}.arrival-actions{gap:12px;margin:8px 0 42px;display:grid}.primary,.secondary{text-align:left;border:1px solid #2c570f;border-radius:4px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:54px;padding:17px 20px;display:flex;font-size:13px!important;font-weight:600!important}.primary{color:#fff;background:#2c570f}.primary:hover{background:#376c12}.primary span,.secondary span{font-size:20px;font-weight:400}.secondary{color:#24382d;background:0 0;border-color:#c7cfbd}.benefits{color:#55664b;gap:14px;font-size:11px;display:grid}.benefits span{align-items:center;gap:8px;display:flex}.benefits svg{width:17px;height:17px}.bottom-bar{background:#f8f7f2;border-top:1px solid #d9dfd1;justify-content:space-between;align-items:center;gap:20px;min-height:57px;padding:9px 32px;display:flex}.quality{align-items:center;gap:25px;font-size:10px;display:flex}.quality label{align-items:center;gap:10px;display:flex}.quality select{background:0 0;border:1px solid #bdc6b4;border-radius:3px;min-height:36px;padding:9px 6px}.quality input{accent-color:#2c570f;width:17px;height:17px}.offline-status{color:#526347;font-size:10px}.project-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.project-choice{text-align:left;background:0 0;border:1px solid #cdd5c2;border-radius:4px;flex-direction:column;align-items:flex-start;gap:10px;min-height:103px;padding:14px 12px;line-height:1.3;display:flex;position:relative;font-size:12px!important}.project-choice svg{color:#71855a;width:25px;height:25px}.project-choice .choice-check{color:#687d51;font-size:11px;position:absolute;top:13px;right:12px}.selected{background:#eaf0df!important;border-color:#567438!important}.use-list{gap:11px;display:grid}.use-choice{text-align:left;background:0 0;border:1px solid #cdd5c2;border-radius:4px;align-items:center;gap:12px;padding:17px 12px;display:flex}.use-choice>svg{flex-shrink:0;width:25px;height:25px}.use-choice strong{font-size:13px}.use-choice small{color:#5c6b51;margin-top:5px;font-size:10px;font-weight:400;line-height:1.4;display:block}.use-choice>b{margin-left:auto;font-size:24px;font-weight:400}.dimensions-row{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:23px;display:grid}.thickness{border-top:1px solid #d9dfd1;padding-top:22px}.thickness input[type=range]{accent-color:#2c570f;width:100%;margin:20px 0}.thickness small{color:#596457;font-size:11px}.control-panel input[type=text]{background:#fffefa;border:1px solid #b8c3ad;border-radius:4px;height:54px}.control-panel input[type=date]{background:#fff;border:1px solid #b8c3ad;border-radius:4px;width:100%;min-height:48px;margin-top:9px;padding:12px;display:block}.area-readout{justify-content:space-between;align-items:center;padding:25px 0 10px;font-size:12px;display:flex}.area-readout strong{letter-spacing:-1px;font-size:38px;font-weight:400}.area-readout small{margin-left:7px;font-size:14px}.fact{color:#384b2d;background:#e8eddf;border-radius:3px;margin:20px 0;padding:15px;font-size:12px;line-height:1.6}.warning{color:#7e340c;background:#fff0dc;border-left:3px solid #a94b0e;gap:12px;margin:18px 0;padding:14px;font-size:12px;line-height:1.55;display:flex}.warning>b{font-size:24px}.panel-footer{gap:10px;margin-top:30px;display:flex}.back{background:0 0;border:1px solid #c7cfbd;border-radius:4px;flex-shrink:0;width:54px;font-size:23px!important}.options{border-top:1px solid #d9dfd1;gap:17px;margin-top:28px;padding-top:22px;display:grid}.options label{align-items:center;gap:12px;min-height:44px;font-size:13px;line-height:1.4;display:flex}.options input{accent-color:#2c570f;width:20px;height:20px}.options small{color:#5b6a52;margin-top:4px;font-size:10px;display:block}.quantity{align-items:center;gap:17px;margin:25px 0;display:flex}.quantity>strong{letter-spacing:-5px;font-family:Georgia,serif;font-size:100px;font-weight:400;line-height:1}.quantity>span{max-width:100px;font-size:13px}.quantity small{color:#596457;margin-top:6px;font-size:11px;display:block}.result-stats{color:#596457;border-top:1px solid #d9dfd1;border-bottom:1px solid #d9dfd1;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;font-size:10px;display:grid}.result-stats b{color:#24382d;margin-top:7px;font-size:18px;font-weight:500;display:block}.small-copy{color:#596457;margin:17px 0;font-size:11px;line-height:1.6}.shopping h2{margin:24px 0 18px;font-size:14px;font-weight:600}.shopping>div{justify-content:space-between;gap:10px;font-size:12px;display:flex}.shopping p{color:#596457;margin:10px 0 16px;font-size:11px;line-height:1.65}.secondary-actions{gap:10px;margin:20px 0;display:flex}.secondary-actions button{background:0 0;border:1px solid #c7cfbd;border-radius:3px;flex:1;min-height:44px;padding:9px;font-size:11px!important}.text-button{background:0 0;border:0;min-height:44px;margin:10px 0;text-decoration:underline;font-size:12px!important}.guide-steps{gap:8px;margin:24px 0;display:flex}.guide-steps button{background:0 0;border:1px solid #c7cfbd;border-radius:50%;width:44px;height:44px;font-size:12px!important}.guide-steps button[aria-current=step]{color:#fff;background:#2c570f;border-color:#2c570f}.appearances{gap:6px;margin-bottom:22px;display:flex}.appearances button{background:0 0;border:1px solid #c7cfbd;border-radius:3px;flex:1;min-height:44px;padding:5px;font-size:11px!important}.appearances button[aria-pressed=true]{background:#e8eddf;border-color:#567438}.tracker-form{gap:14px;margin:25px 0;font-size:12px;line-height:1.5;display:grid}.lite,.stage-loading{justify-content:center;align-items:center;height:100%;display:flex}.lite>svg,.stage-loading svg{object-fit:contain;width:100%;height:100%;max-height:100%}.stage-loading{background:#e8ecdf;position:absolute;inset:0}.lite-plan{grid-template-rows:55% 45%;grid-template-columns:1fr;padding:40px 40px 60px;display:grid}.lite-plan>.pk-section{width:min(100%,480px);margin:auto}.lite-tool{padding:45px}.print-list{display:none}.quality-notice{color:#24382d;z-index:5;background:#f8f7f2;border:1px solid #c7cfbd;max-width:310px;padding:12px;font-size:11px;position:fixed;bottom:65px;left:16px}.control-panel details{margin:20px 0;font-size:12px;line-height:1.6}.control-panel summary{cursor:pointer;min-height:44px;padding:12px 0}.reduced *{transition:none!important;animation:none!important}@media (width>=1500px){.experience-main{grid-template-columns:minmax(0,1fr) 490px}.control-panel{padding:45px}.is-arrival .control-panel h1{font-size:72px}}@media (width<=900px){.experience-main{grid-template-columns:minmax(0,1fr) 380px}.control-panel{padding:25px}.topbar-note{display:none}.is-arrival .control-panel h1{font-size:51px}.control-panel h1{font-size:39px}.topbar{padding:0 24px}}@media (width<=700px){.topbar{height:70px;padding:0 19px}.brand{font-size:25px!important}.experience-main{flex-direction:column;height:auto;min-height:0;display:flex}.stage{flex-shrink:0;order:0;height:36dvh;min-height:260px}.is-arrival .stage{height:41dvh;min-height:270px}.control-panel{border-left:none;padding:24px 23px 30px;overflow:visible}.panel-top{margin-bottom:21px}.control-panel h1{max-width:350px;font-size:40px}.is-arrival .control-panel{padding:25px 23px 30px}.is-arrival .panel-top{margin-bottom:19px}.is-arrival .control-panel h1{white-space:normal;max-width:310px;margin-bottom:16px;font-size:47px;line-height:1.07}.intro{max-width:330px;margin-bottom:18px;font-size:15px}.arrival-actions{gap:9px;margin:6px 0 25px}.primary,.secondary{min-height:51px;padding:15px 18px}.benefits{gap:20px;font-size:9px;display:flex}.benefits span{gap:5px}.bottom-bar{align-items:flex-start;gap:12px;padding:13px 19px}.quality{flex-direction:column;align-items:flex-start;gap:10px;font-size:10px}.offline-status{padding-top:10px}.scene-topline{padding:7px 9px;font-size:8px;top:15px;left:17px}.scene-caption{font-size:8px;line-height:1.2;bottom:8px;left:12px;right:12px}.bag-tag{padding:9px 12px;font-size:10px;bottom:52px;right:15px}.project-choice{min-height:99px}.use-choice{padding:16px}.panel-footer{margin-top:24px}.lite-plan{grid-template-rows:1fr;grid-template-columns:45% 55%;padding:40px 10px}.lite-tool{padding:12px 0 20px}.quantity>strong{font-size:95px}.quality-notice{bottom:10px}.guide-steps{justify-content:space-between}.guide-steps button{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.experience *{transition:none!important;animation:none!important}}@media print{.topbar,.experience-main,.bottom-bar,.quality-notice{display:none!important}.print-list{color:#000;padding:20px;display:block}.print-list h1{font:30px Georgia}.print-list pre{white-space:pre-wrap;font:12px/1.5 Arial}.experience{background:#fff}}.lite-photo{position:relative}.lite-photo img{object-fit:cover;z-index:1;width:100%;height:100%;position:relative}.lite-image-fallback{align-items:center;display:flex;position:absolute;inset:0}.lite-image-fallback svg{width:100%}.brand-mark{color:#596f40;width:30px;display:block}.brand-mark svg{width:100%;height:38px}.project-choice{gap:8px;min-height:110px;padding:10px 13px 14px}.project-choice svg{width:52px;height:45px}.use-choice{border:0;border-bottom:1px solid #d4dacb;border-radius:0;min-height:86px;padding:16px 8px}.use-index{color:#8d987e;margin-right:3px;font-size:10px}.use-choice>b{text-align:right;white-space:nowrap;font:32px Georgia,serif}.use-choice>b small{font:10px Arial,sans-serif}.use-choice.selected{background:#edf0e3!important}.quiet-fact{color:#647055;margin:23px 0;font-size:12px}.number-field>label{color:#647055;margin-bottom:11px;font-size:11px;display:block}.number-entry{border-bottom:1px solid #9ca98a;align-items:center;gap:10px;padding-bottom:9px;display:flex}.number-entry input[type=text]{letter-spacing:-1px;background:0 0;border:0;border-radius:0;width:100%;height:53px;padding:0;font:38px Georgia,serif}.number-entry>span{color:#647055;font-size:12px}.thickness{padding-top:25px}.thickness .number-entry{max-width:155px}.thickness input[type=range]{height:4px;margin:25px 0 16px;display:block}.thickness .number-entry input{font-size:32px}.number-entry:focus-within{border-color:#2c570f}.layer-ledger{margin:33px 0 9px}.layer-ledger>div{border-bottom:1px solid #d9dfd1;align-items:center;gap:16px;padding:24px 0;display:flex}.layer-ledger>div:first-child{border-top:1px solid #d9dfd1}.layer-ledger>div>span:nth-child(2){font-size:15px}.layer-ledger small{color:#647055;letter-spacing:0;margin-top:7px;font-family:Arial,sans-serif;font-size:10px;display:block}.layer-ledger strong{letter-spacing:-2px;text-align:right;margin-left:auto;font:48px/1 Georgia,serif}.layer-ledger strong small{margin-left:7px;font-size:12px;display:inline}.layer-swatch{border-radius:0 11px;flex-shrink:0;width:36px;height:48px;transform:skewY(-9deg)}.layer-swatch.mineral{background-color:#cbbb8b;background-image:radial-gradient(at 20% 40%,#f5e8bc 0 1px,#0000 1.8px),radial-gradient(at 80% 70%,#a7986c 0 1px,#0000 1.8px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:9px 13px,13px 17px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.layer-swatch.stone{background-color:#939a86;background-image:linear-gradient(35deg,#0000 45%,#697369 46% 55%,#0000 56%),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:12px 17px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.options{border:0;gap:5px;margin-top:22px;padding-top:0}.options .micro{color:#647055;margin-bottom:6px}.options label{flex-direction:row-reverse;justify-content:space-between;padding:5px 0;font-size:13px}.options input{appearance:none;cursor:pointer;background:#d3d9ca;border:1px solid #aab49d;border-radius:20px;flex-shrink:0;width:32px;height:19px;position:relative}.options input:before{content:"";background:#f8f7f2;border-radius:50%;width:11px;height:11px;transition:transform .2s;position:absolute;top:3px;left:3px}.options input:checked{background:#55743d;border-color:#55743d}.options input:checked:before{transform:translate(13px)}.control-panel .quiet-details{color:#627055;border-bottom:1px solid #d9dfd1;margin:0;font-size:11px}.control-panel .quiet-details summary{color:#46573c;justify-content:space-between;align-items:center;gap:12px;min-height:47px;padding:13px 0;font-size:11px;list-style:none;display:flex}.quiet-details summary::-webkit-details-marker{display:none}.quiet-details summary:after{content:"+";font-size:19px;font-weight:400}.quiet-details[open] summary:after{content:"−"}.quiet-details[open]{padding-bottom:17px}.quiet-details .tracker-form{margin-top:5px}.quiet-details .appearances{margin:4px 0 10px}.shopping>div{margin-top:12px}.shopping p{margin-bottom:12px}.secondary-actions{margin:23px 0 12px}.secondary-actions button{background:#ecefe3;border:0;font-size:10px!important}.guide-steps{border-top:1px solid #d9dfd1;border-bottom:1px solid #d9dfd1;gap:0;margin:28px 0}.guide-steps button{color:#869078;border:0;border-radius:0;flex:1;width:auto;height:46px}.guide-steps button[aria-current=step]{color:#2c570f;background:0 0;border-bottom:2px solid #55743d}.guide-action{color:#526347;margin-bottom:25px;font-size:17px;line-height:1.6}.guide-measure{align-items:center;gap:20px;margin:28px 0;display:flex}.guide-measure strong{letter-spacing:-2px;font:58px/1 Georgia,serif}.guide-measure small{letter-spacing:0;margin-left:6px;font:12px Arial}.guide-measure>span{color:#647055;max-width:100px;font-size:11px;line-height:1.5}.warning{color:#7b4f22;background:0 0;border:1px solid #d8c5a3;border-left:0;border-right:0;margin:22px 0;padding:14px 0;font-size:12px;line-height:1.6}.warning>span{font-size:17px}.curing-number{margin:34px 0 20px}.curing-number>.micro{color:#647055}.curing-number>div{align-items:baseline;gap:17px;margin:12px 0 14px;display:flex}.curing-number strong{letter-spacing:-6px;font:400 110px/.95 Georgia,serif}.curing-number>div>span{color:#8b957f;font:24px Georgia,serif}.curing-number p{color:#647055;font-size:11px}.curing-line{background:#dfe4d7;height:3px;margin:23px 0 27px}.curing-line>span{background:#55743d;height:100%;transition:width .4s;display:block}.curing-permissions{border-top:1px solid #d9dfd1;margin:26px 0}.curing-permissions p{border-bottom:1px solid #d9dfd1;align-items:center;gap:12px;padding:15px 0;font-size:12px;line-height:1.5;display:flex}.curing-permissions span{color:#62774d;font-size:17px}.curing-links{gap:20px;margin-top:15px;display:flex}.curing-links .text-button{text-align:left;text-underline-offset:4px;font-size:10px!important}.tracker-form{margin:18px 0 24px}.tracker-form input[type=date]{background:0 0;border:0;border-bottom:1px solid #a8b39b;border-radius:0;padding:10px 0}.tracker-form .primary{margin-top:5px}.lite,.stage-loading{width:100%}.lite-plan{background:#e8ecdf;padding:50px 35px;display:flex}.lite-plan>svg{width:100%;max-width:680px;height:100%;max-height:100%}.stage-loading .lite{height:100%}.lite-photo img{object-fit:cover}.lite-photo.wet img{filter:brightness(.9)saturate(1.1)}@media (width<=700px){.layer-ledger{margin:26px 0 7px}.layer-ledger>div{padding:18px 0}.curing-number{margin:28px 0 18px}.curing-number strong{font-size:96px}.curing-number>div>span{font-size:22px}.curing-permissions{margin:23px 0}.lite-plan{padding:35px}.lite-photo img{object-fit:cover;object-position:center 61%}.project-choice{min-height:110px}.guide-steps button{width:auto;height:46px}.control-panel h1{margin-bottom:22px}.curing-links{gap:15px}}