/* ---- kettle.css ---- */
.he-scope{--graphite:#0a0a0a;--ink:#0a0a0a;--secondary:#565a5f;--cream:#fff;--gold:#c9a23f;--gold-2:#dcb45a;--control-ink:#12100a;--line:#e4e4e2;--surface-soft:#fff;--white:#f7f7f2;font-family:Switzer,system-ui,-apple-system,'Segoe UI',sans-serif;color:var(--ink);font-synthesis:none}
.he-scope, .he-scope *{box-sizing:border-box}
.he-scope{scroll-behavior:smooth;scroll-padding-top:76px}
.he-scope{margin:0;background:var(--graphite);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
.he-scope h1,.he-scope h2,.he-scope h3,.he-scope p{margin:0}
.he-scope h1,.he-scope h2,.he-scope h3{line-height:1.12;font-weight:600;letter-spacing:-.035em}
.he-scope h1{font-size:64px}
.he-scope h2{font-size:43px}
.he-scope h3{font-size:21px}
.he-scope a{color:inherit;text-underline-offset:4px}
.he-scope button,.he-scope input,.he-scope select{font:inherit}
.he-scope button,.he-scope a,.he-scope input,.he-scope select,.he-scope summary{-webkit-tap-highlight-color:transparent}
.he-scope button,.he-scope summary{cursor:pointer}
.he-scope button{border:0}
.he-scope button:disabled{cursor:not-allowed;opacity:.6}
.he-scope input,.he-scope select{max-width:100%}
.he-scope button:focus-visible,.he-scope a:focus-visible,.he-scope summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.he-scope input:focus-visible,.he-scope select:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.he-scope input:invalid:not(:placeholder-shown){border-color:#a33829}
.he-scope [hidden]{display:none!important}
.he-scope .wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.he-scope .intro .eyebrow{font-size:12px;margin-bottom:5px}
.he-scope .eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--secondary);margin-bottom:12px}
.he-scope .viewer .eyebrow{color:var(--gold)}
.he-scope .view-switch{display:flex;gap:5px;background:#24292d;padding:4px;border:1px solid #42484c}
.he-scope .view-switch button{padding:9px 18px;min-height:44px;background:transparent;color:#e1e4e2;font-size:14px}
.he-scope .view-switch button:not([aria-pressed=true]):hover{color:#fff;background:rgba(255,255,255,.09)}
.he-scope .view-switch button[aria-pressed=true]{background:var(--gold);color:var(--control-ink)}
.he-scope .drag-hint{font-size:14px;color:#ccd1cf}
.he-scope .drag-hint span{padding-left:10px;color:var(--gold);font-size:20px}
.he-scope .stage{position:relative;isolation:isolate;aspect-ratio:16/9;overflow:hidden;border:0;background:#000;touch-action:pan-y;cursor:ew-resize}
.he-scope .stage.thermal{background:#050707}
.he-scope .stage.thermal .render{mix-blend-mode:normal}
.he-scope .state-label{position:absolute;z-index:2;top:20px;background:#1a2023ee;border:1px solid #5f686d;padding:9px 13px;color:#cdd3d3;font-size:12px;letter-spacing:.07em;text-transform:uppercase;pointer-events:none}
.he-scope .state-label span{display:block;color:#fff;font-size:14px;letter-spacing:0;text-transform:none;margin-top:2px}
.he-scope .state-label.left{left:20px}
.he-scope .state-label.right{right:20px}
.he-scope .state-label.right span{color:var(--gold)}
.he-scope .handle{position:absolute;z-index:4;left:50%;top:0;bottom:0;transform:translateX(-50%);width:44px;touch-action:none;cursor:ew-resize}
.he-scope .handle:before{content:'';position:absolute;inset:0 calc(50% - .5px);background:var(--gold)}
.he-scope .handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;background:#202629e8;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-size:23px;pointer-events:none}
.he-scope .handle:focus-visible{outline:none}
.he-scope .handle:focus-visible span{outline:3px solid #fff;outline-offset:4px}
.he-scope .value-ribbon strong.awaiting{font-size:21px;padding:6px 0;color:var(--gold)}
.he-scope .section-nav .wrap{display:flex;gap:30px;min-height:58px;align-items:center}
.he-scope .section{padding-top:56px;padding-bottom:52px;border-bottom:1px solid var(--line);scroll-margin-top:15px}
.he-scope .section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:28px}
.he-scope .section-heading>p{color:var(--secondary);max-width:400px;font-size:15px}
.he-scope .calc-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:start;padding-top:24px;border-top:1px solid var(--line)}
.he-scope .input-card,.he-scope .result-card{border:0;background:#fff;min-width:0;padding:0}
.he-scope .input-card fieldset{border:0;padding:0;margin:0;min-width:0}
.he-scope .input-card legend{font-size:19px;font-weight:600;margin-bottom:16px;padding:0;letter-spacing:-.015em}
.he-scope .slider-field{margin-bottom:18px;padding-bottom:0;border-bottom:0}
.he-scope .slider-field:last-child{margin-bottom:0;border-bottom:0;padding-bottom:8px}
.he-scope .field-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:7px}
.he-scope .field-heading>label{font-size:15px;font-weight:600;max-width:60%}
.he-scope .number-unit{display:flex;align-items:center;gap:7px;flex-shrink:0}
.he-scope .number-unit input{width:100px;padding:5px 8px;text-align:right;min-height:44px;border:1px solid #8f959c;background:#fff;color:var(--ink);font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}
.he-scope .number-unit span{font-size:14px;color:var(--secondary);min-width:26px}
.he-scope input[type=range]{width:100%;margin:5px 0;min-height:32px;cursor:pointer;accent-color:var(--gold);background:transparent}
.he-scope .slider-field p,.he-scope .input-card details>p,.he-scope .pricing p{font-size:14px;color:var(--secondary);line-height:1.6;margin:2px 0 0}
.he-scope .input-card .pricing legend{margin-bottom:16px}
.he-scope .result-card{position:sticky;top:85px;background:#fff;border-left:1px solid var(--line);padding-left:44px}
.he-scope .result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.he-scope .result-heading .eyebrow{margin:0}
.he-scope .model-badge{color:var(--secondary);font-size:13px}
.he-scope .result-card h3{font-size:20px;letter-spacing:-.02em}
.he-scope .result-main{display:flex;align-items:baseline;gap:12px;color:var(--ink);margin:13px 0 5px;flex-wrap:wrap}
.he-scope .result-main strong{font-size:64px;line-height:1.1;letter-spacing:-.05em;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}
.he-scope .result-main>span{font-size:14px;color:var(--secondary)}
.he-scope #resultBasis{font-size:14px;color:var(--secondary)}
.he-scope .heat-comparison{padding:20px 0 14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.he-scope .heat-comparison>div:not(.bar){display:flex;gap:20px;justify-content:space-between;font-size:14px}
.he-scope .heat-comparison strong{font-variant-numeric:tabular-nums;font-weight:600}
.he-scope .heat-comparison p{font-size:14px;color:var(--secondary);margin-top:17px}
.he-scope .heat-comparison b{color:var(--ink)}
.he-scope .results-list{margin:0}
.he-scope .results-list>div{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.he-scope .results-list dt{font-size:14px;color:var(--secondary)}
.he-scope .results-list dd{margin:0;text-align:right;font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;max-width:58%}
.he-scope .result-card .primary{width:100%;background:var(--gold);color:var(--control-ink)}
.he-scope .result-card .primary:hover{background:var(--gold-2);color:var(--control-ink)}
.he-scope .input-card .pricing{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.he-scope input[type=range]{appearance:none;-webkit-appearance:none;--range-progress:50%;height:44px;margin:0;outline-offset:2px}
.he-scope input[type=range]::-webkit-slider-runnable-track{height:7px;border:1px solid #73777c;background:linear-gradient(to right,var(--gold) 0 var(--range-progress),#e0e1e1 var(--range-progress) 100%)}
.he-scope input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;margin-top:-7.5px;border:1.5px solid var(--ink);background:var(--gold);}
.he-scope input[type=range]::-moz-range-track{height:5px;border:1px solid #73777c;background:#e0e1e1}
.he-scope input[type=range]::-moz-range-progress{height:5px;background:var(--gold)}
.he-scope input[type=range]::-moz-range-thumb{width:18px;height:18px;border:1.5px solid var(--ink);background:var(--gold);}
.he-scope .state-label,.he-scope .stage-tag{background:#1a2023}
.he-scope .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media print{.he-scope{background:white;color:#222}
.he-scope .topbar,.he-scope .viewer,.he-scope .section-nav,.he-scope .benefit-grid,.he-scope .result-actions,.he-scope .button,.he-scope .text-button,.he-scope .footer,.he-scope script,.he-scope noscript{display:none!important}
.he-scope .wrap{width:100%}
.he-scope .section{padding:15px 0;break-inside:avoid}
.he-scope .calc-layout{display:block}
.he-scope .input-card,.he-scope .result-card{position:static;background:white;border:1px solid #bbb;padding:16px;margin:15px 0;break-inside:avoid}
.he-scope .slider-field{margin-bottom:12px}
.he-scope input[type=range]{display:none}
.he-scope .result-main strong{font-size:45px}
.he-scope .section-heading p{font-size:14px}}
.he-scope .annual-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.he-scope .annual-metrics dt{font-size:14px;color:var(--secondary);line-height:1.4;margin-bottom:8px}
.he-scope .annual-metrics dd{margin:0}
.he-scope .annual-metrics strong{display:block;font-size:32px;line-height:1.15;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.he-scope .annual-metrics dd>span{display:block;font-size:13px;color:var(--secondary);margin-top:5px}
.he-scope .result-main strong.awaiting{font-size:28px;letter-spacing:-.02em}
.he-scope .annual-metrics strong.awaiting{font-size:18px;line-height:1.4}
.he-scope .result-main{gap:10px}
.he-scope .result-main strong{letter-spacing:-.04em}
.he-scope .results-list dd{font-size:16px}
.he-scope .value-ribbon strong,.he-scope .results-list dd,.he-scope .heat-comparison strong{overflow-wrap:anywhere;min-width:0}
@media print{.he-scope .skip,.he-scope #method,.he-scope #calculator,.he-scope #savings>.section-heading{display:none!important}
.he-scope .section{break-inside:auto}
.he-scope .calc-layout{border:0;padding:0}
.he-scope .result-card{margin:0;padding:14px;break-inside:avoid}
.he-scope .result-heading{margin-bottom:9px}
.he-scope .result-heading .eyebrow,.he-scope .model-badge{font-size:11px}
.he-scope .result-card h3{font-size:17px}
.he-scope .result-main strong{font-size:35px}
.he-scope #resultBasis,.he-scope .result-main>span{font-size:11px}
.he-scope .annual-metrics{margin-top:12px;padding:12px 0;gap:20px}
.he-scope .annual-metrics dt,.he-scope .annual-metrics dd>span{font-size:11px}
.he-scope .annual-metrics strong{font-size:25px}
.he-scope .heat-comparison{padding:12px 0 8px;margin-bottom:0}
.he-scope .heat-comparison>div:not(.bar),.he-scope .heat-comparison p{font-size:11px}
.he-scope .heat-comparison p{margin-top:8px}
.he-scope .results-list>div{padding:8px 0;flex-direction:row}
.he-scope .results-list dt,.he-scope .results-list dd{font-size:11px}}
.he-scope .stage{margin-inline:auto}
.he-scope .result-main strong{font-size:40px}
.he-scope{font-size:13px}
.he-scope h2{font-size:22px}
.he-scope .benefit-grid h3,.he-scope .result-card h3,.he-scope h3{font-size:16px}
.he-scope .input-card legend,.he-scope legend{font-size:14px}
.he-scope .number-unit input{font-size:16px}
.he-scope .view-switch{padding:3px;gap:4px}
.he-scope .view-switch button{font-size:12.4px;padding:6px 12px;min-height:32px}
.he-scope .drag-hint{font-size:11.5px}
.he-scope .state-label{font-size:11px;padding:6px 10px}
.he-scope .state-label b,.he-scope .state-label strong{font-size:12.4px}
.he-scope .value-ribbon strong,.he-scope .annual-metrics strong{font-size:22px}
.he-scope .value-ribbon strong small,.he-scope .value-ribbon a span,.he-scope .annual-metrics dt{font-size:12.4px}
.he-scope .result-main strong{font-size:28px}
.he-scope .handle span{font-size:15px}
.he-scope .section-heading>p,.he-scope .section-heading p,.he-scope .benefit-grid p,.he-scope .field-heading>label,.he-scope .results-list dd,.he-scope .reference-card>p,.he-scope .method-details summary,.he-scope .method-details p,.he-scope .mobile-energy b{font-size:13px}
.he-scope .back,.he-scope .topbar .back,.he-scope .button,.he-scope .button.small,.he-scope .text-button,.he-scope .section-nav a,.he-scope .view-switch button,.he-scope .drag-hint,.he-scope .viewer-caption,.he-scope .number-unit span,.he-scope .slider-field p,.he-scope .input-card details>p,.he-scope .pricing p,.he-scope .advanced summary,.he-scope .field-grid label,.he-scope .pricing>label,.he-scope #efficiencyField label,.he-scope .field-grid input,.he-scope .field-grid select,.he-scope .pricing>select,.he-scope #efficiencyField input,.he-scope .result-main>span,.he-scope #resultBasis,.he-scope .heat-comparison>div:not(.bar),.he-scope .heat-comparison p,.he-scope .results-list dt,.he-scope .action-status,.he-scope .notice,.he-scope .reference-title>span,.he-scope .reference-values dt,.he-scope .reference-values dd,.he-scope .evidence,.he-scope .footer,.he-scope .mobile-cost .awaiting,.he-scope .reference-table table,.he-scope .mobile-more{font-size:12.4px}
.he-scope .state-label span{font-size:11.5px}
.he-scope .stage{max-height:clamp(300px,calc(100svh - 265px),760px)}
.he-scope .field-heading:has(#service) .number-unit{min-width:0;max-width:100%;flex:1}
/* ---- explorer-add.css ---- */
.he-scope .stage{position:relative;overflow:hidden;aspect-ratio:16/9;background:#0c0d10;
  cursor:ew-resize;user-select:none;touch-action:pan-y}
.he-scope .stage picture,.he-scope .stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.he-scope .stage img.ins{clip-path:inset(0 0 0 50%)}
.he-scope .stage .state-label{position:absolute;top:auto;bottom:15px;z-index:3;font-size:12px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;background:rgba(12,13,16,.72);color:#fff;
  padding:6px 12px;pointer-events:none}
.he-scope .stage .state-bare{left:15px}
.he-scope .stage .state-ins{right:15px}
.he-scope .stage .handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;
  width:48px;height:48px;border-radius:999px;border:1px solid var(--gold);
  background:rgba(12,13,16,.74);color:var(--gold);display:flex;align-items:center;
  justify-content:center;font-size:15px;letter-spacing:2px;pointer-events:none}
.he-scope .stage.state-bare-on{cursor:default}
.he-scope .stage.state-bare-on .handle,.he-scope .stage.state-bare-on .state-ins{display:none}
.he-scope .stage.state-insulated-on{cursor:default}
.he-scope .stage.state-insulated-on .handle,.he-scope .stage.state-insulated-on .state-bare,.he-scope .stage.state-insulated-on .hotspot{display:none}
.he-scope .stage.state-compare-on .hotspot{display:none}
.he-scope .stage .handle{cursor:ew-resize;pointer-events:auto}
.he-scope .stage .handle:focus-visible{outline:3px solid #fff;outline-offset:3px}
.he-scope .stage.state-compare-on .handle::before{content:"";position:absolute;top:-50vh;bottom:-50vh;
  left:calc(50% - .5px);width:1px;background:var(--gold);opacity:.85;pointer-events:none}
@keyframes hs{0%{transform:scale(.7);opacity:.45}72%{transform:scale(1.24);opacity:0}100%{opacity:0}}
.he-scope .stage.dragging .hotspot{opacity:.2;pointer-events:none}
.he-scope .view-switch button{cursor:pointer}
.he-scope .matrix .wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.he-scope .matrix .eyebrow{color:var(--gold)}
.he-scope .matrix .section-heading>p{color:#b9bdbb}
.he-scope{font-size:15px}
.he-scope .light-sheets h2,.he-scope .matrix h2,.he-scope .section-heading h2{font-size:40.5px;font-weight:600;
  letter-spacing:-.015em;line-height:1.1}
.he-scope .section-heading>p{font-size:15.2px;color:var(--secondary);max-width:34em}
.he-scope .eyebrow{font-family:var(--mono,ui-monospace,Consolas,monospace);font-size:10.1px;
  font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#8b8f94}
.he-scope .viewer .eyebrow{color:var(--gold)}
.he-scope .section{padding-top:clamp(64px,7vw,110px);padding-bottom:clamp(60px,6.5vw,104px)}
.he-scope .circuits .wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.he-scope .circuits .section-heading>p{color:rgba(255,255,255,.6)}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
@keyframes ledeIn{to{transform:scale(1)}}
.he-scope .lede > .wrap{position:relative;z-index:2;width:min(1440px,calc(100% - 64px));
  margin-inline:auto;display:flex;flex-direction:column;flex:1;
  padding:22px 0 0}
.he-scope .stage-full{position:relative;aspect-ratio:16/9;height:auto;width:100%;
  background:#08090b;overflow:hidden}
.he-scope .stage-full picture,.he-scope .stage-full img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:52% 50%}
.he-scope .stage-full::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,9,11,.72) 0%,rgba(8,9,11,0) 20%,
    rgba(8,9,11,0) 52%,rgba(8,9,11,.82) 100%)}
.he-scope .stage-marks{position:absolute;top:0;left:0;right:0;z-index:4;display:flex;
  justify-content:space-between;gap:16px;
  padding:18px clamp(20px,3vw,44px);pointer-events:none;
  font-family:var(--mono,ui-monospace,Consolas,monospace);font-size:10px;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.he-scope .stage-marks b{color:var(--gold);font-weight:400}
.he-scope .stage-title .eyebrow{color:var(--gold);margin-bottom:10px}
.he-scope .stage-foot{position:absolute;left:0;right:0;bottom:0;z-index:5;padding-bottom:18px}
.he-scope .stage-foot .wrap{width:min(1440px,calc(100% - 64px));margin-inline:auto;
  display:flex;align-items:center;gap:18px}
.he-scope .stage-full .state-label{bottom:auto;top:52px}
.he-scope .stage-full .state-bare{left:clamp(20px,3vw,44px)}
.he-scope .stage-full .state-ins{right:clamp(20px,3vw,44px)}
.he-scope .stage-full .hotspot{width:44px;height:44px;border:1.5px solid var(--gold);
  border-radius:999px;background:rgba(10,12,16,.62);backdrop-filter:blur(2px);
  transform:translate(-50%,-50%);display:grid;place-items:center;padding:0;z-index:6;
  cursor:pointer;transition:transform .18s,background .18s,box-shadow .18s}
.he-scope .stage-full .hotspot .hotspot-no{position:static;width:auto;height:auto;
  font:700 13px/1 var(--mono,ui-monospace,Consolas,monospace);color:var(--gold);
  background:none;box-shadow:none}
.he-scope .stage-full .hotspot:hover,.he-scope .stage-full .hotspot:focus-visible{transform:translate(-50%,-50%) scale(1.12);background:var(--gold);
  box-shadow:0 0 0 8px rgba(201,162,63,.22)}
.he-scope .stage-full .hotspot:hover .hotspot-no,.he-scope .stage-full .hotspot:focus-visible .hotspot-no{color:var(--control-ink,#0a0a0a)}
.he-scope .stage-full .hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}
.he-scope .stage-full .hotspot::after{content:none}
.he-scope .stage-full .hotspot .hotspot-count{top:-16px;left:6px;right:auto}
.he-scope .stage-full .hotspot::before{content:none}
.he-scope .stage-full .hotspot .hotspot-label{position:absolute;left:30px;bottom:34px;
  transform:none;opacity:1;background:none;color:#fff;padding:0 0 3px;border-radius:0;
  border-bottom:1px solid rgba(255,255,255,.45);white-space:nowrap;
  font-family:var(--mono,ui-monospace,Consolas,monospace);font-size:10px;font-weight:400;
  letter-spacing:.13em;text-transform:uppercase;transition:color .2s,border-color .2s}
.he-scope .stage-full .hotspot:hover .hotspot-label,.he-scope .stage-full .hotspot:focus-visible .hotspot-label{color:var(--gold);border-color:var(--gold)}
.he-scope .stage-full .hotspot:hover::before{background:var(--gold)}
.he-scope .stage-full.dragging .hotspot{opacity:.15}
.he-scope .wrap,.he-scope .matrix .wrap,.he-scope .circuits .wrap,.he-scope .lede > .wrap,.he-scope .lede-circ,.he-scope .stage-foot .wrap{width:min(1560px,calc(100% - 72px));margin-inline:auto}
.he-scope{background:#fff;color:var(--ink)}
.he-scope .pane .lbl{position:absolute;top:12px;left:14px;z-index:2;
  font-family:var(--mono,ui-monospace,Consolas,monospace);font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;color:rgba(255,255,255,.82);line-height:1.5}
.he-scope .pane .lbl em{font-style:normal;display:block;color:var(--gold)}
.he-scope{--header-h:98px}
.he-scope .stage-head .eyebrow{color:var(--gold-d,#8a6a1c);margin-bottom:12px}
.he-scope .viewer .wrap .scenario-note{color:var(--secondary,#5c6165)}
.he-scope .angles{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap;
  background:#0f1113;padding:12px clamp(16px,3vw,44px)}
.he-scope .angles .lbl{font-family:var(--mono,ui-monospace,Consolas,monospace);font-size:9.5px;
  letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.38);
  margin-right:8px}
.he-scope .angles button{flex:0 0 auto;padding:8px 14px;min-height:36px;border:1px solid rgba(255,255,255,.16);
  background:transparent;color:rgba(255,255,255,.72);cursor:pointer;border-radius:0;
  font-family:var(--mono,ui-monospace,Consolas,monospace);font-size:10px;letter-spacing:.14em;
  text-transform:uppercase;white-space:nowrap}
.he-scope .angles button:hover{color:#fff;border-color:rgba(255,255,255,.42)}
.he-scope .angles button[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);
  color:var(--control-ink,#141414)}
.he-scope .stage.angle-off .hotspot{display:none}
.he-scope .viewer .stage.stage-full{width:100%;aspect-ratio:16/9;height:auto;max-height:none;
  margin-inline:0}
.he-scope .stage-full picture,.he-scope .stage-full img{object-fit:contain}
.he-scope .v-white .viewer .stage.stage-full{background:#fff;
  max-height:calc(100svh - var(--header-h) - 178px)}
.he-scope .v-white .stage-full::before{background:none}
.he-scope .v-white .stage-full .state-label{background:#fff;border-color:var(--line);
  color:var(--secondary)}
.he-scope .v-white .stage-marks{color:var(--faint,#8b8f94)}
.he-scope .v-white .stage-marks b{color:var(--gold-d,#8a6a1c)}
.he-scope .v-white .stage-foot .view-switch{background:#fff;border-color:var(--line)}
.he-scope .v-white .stage-foot .view-switch button{color:var(--secondary)}
.he-scope .v-white .stage-foot .view-switch button[aria-pressed="true"]{background:var(--gold);
  color:var(--control-ink)}
.he-scope .v-white .stage-foot .drag-hint{color:var(--faint,#8b8f94)}
.he-scope .v-white .angles{background:#fff;border-top:1px solid var(--line);
  border-bottom:1px solid var(--line)}
.he-scope .v-white .angles .lbl{color:var(--faint,#8b8f94)}
.he-scope .v-white .angles button{border-color:var(--line);color:var(--secondary)}
.he-scope .v-white .angles button:hover{color:var(--ink);border-color:var(--ink)}
.he-scope .v-white .angles button[aria-pressed="true"]{background:var(--gold);
  border-color:var(--gold);color:var(--control-ink)}
.he-scope .v-wide .viewer .stage.stage-full{max-height:none;aspect-ratio:auto;
  height:calc(100svh - var(--header-h));width:100%}
.he-scope .v-wide .stage-full picture,.he-scope .v-wide .stage-full img{object-fit:cover}
.he-scope .stage.state-bare-on .stage-tag,.he-scope .stage.state-bare-on .stage-figures{display:none}
.he-scope .hw-copy .wrap{pointer-events:auto}
.he-scope .hw-copy h1,.he-scope .hw-copy .eyebrow{text-shadow:0 2px 18px rgba(0,0,0,.75),0 1px 3px rgba(0,0,0,.9)}
.he-scope .hw-copy .eyebrow{color:var(--gold);margin-bottom:10px}
.he-scope .stage-full .hotspot .hotspot-label{background:rgba(10,10,10,.86);padding:6px 10px;
  color:#fff;left:50%;top:calc(100% + 8px);bottom:auto;transform:translateX(-50%)}
.he-scope .stage-full .hotspot:hover .hotspot-label{background:var(--gold);
  color:var(--control-ink,#0a0a0a)}
.he-scope .hw-copy .wrap{position:relative;z-index:7}
.he-scope .stage-full .hotspot.hs-right .hotspot-label{left:auto;right:-6px;transform:none;text-align:right}
.he-scope .stage-full .hotspot .hotspot-label{max-width:min(46vw,260px);white-space:normal;
  line-height:1.25}
.he-scope table a{display:inline-flex;align-items:center;min-height:24px}
.he-scope .slider-field select,.he-scope .number-unit select{min-height:44px;padding:8px 10px}
.he-scope{overflow-x:clip}
/* ---- plant-inventory.css ---- */
.he-scope .pi-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:28px}
.he-scope .pi-intro h2{margin:0}
.he-scope .pi-intro p{margin:0;color:var(--secondary);font-size:16px;line-height:1.55;max-width:56ch}
.he-scope .viewer .stage.stage-full{height:min(calc(100svh - 112px),calc(100vw * 9 / 16));aspect-ratio:auto;max-height:none}
.he-scope .viewer .stage.stage-full>.angles{position:absolute;z-index:7;left:0;right:0;bottom:0;
  flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overscroll-behavior-inline:contain;
  scrollbar-width:none;padding:10px clamp(16px,3vw,44px);min-height:56px;background:rgba(15,17,19,.94)}
.he-scope .viewer .stage.stage-full>.angles::-webkit-scrollbar{display:none}
.he-scope .viewer .stage.stage-full>.stage-foot{bottom:56px}
.he-scope .pi-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;
  padding:22px 0;border-top:1px solid var(--ink)}
.he-scope .pi-group>span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;
  color:var(--secondary);margin-bottom:10px}
.he-scope .pi-add{display:flex;flex-wrap:wrap;gap:8px}
.he-scope .pi-add button{display:flex;align-items:center;gap:10px;min-height:52px;padding:4px 14px 4px 4px;
  border:1px solid var(--ink);background:#fff;color:var(--ink);font:600 14px/1.1 Switzer,system-ui,sans-serif;
  cursor:pointer;transition:background .15s}
.he-scope .pi-add button:hover{background:#f4f1e6}
.he-scope .pi-add .pi-addthumb{width:62px;height:42px;background:#0a0a0a center/cover no-repeat;flex:0 0 auto}
.he-scope .pi-add b{font-weight:600}
.he-scope .pi-add b::before{content:"+ ";color:#8a6a1c}
.he-scope .pi-head{display:grid;grid-template-columns:96px minmax(0,1.5fr) 104px 96px minmax(0,1.45fr) 150px minmax(0,1.25fr) 88px;
  gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:600;color:var(--secondary)}
.he-scope .pi-row{display:grid;grid-template-columns:96px minmax(0,1.5fr) 104px 96px minmax(0,1.45fr) 150px minmax(0,1.25fr) 88px;
  gap:6px 16px;align-items:center;padding:16px 0 12px;border-bottom:1px solid var(--line)}
.he-scope .pi-thumb{display:block;height:64px;background:#0a0a0a center/cover no-repeat}
.he-scope .pi-what{display:grid;gap:6px;position:relative}
.he-scope .pi-no{position:absolute;left:-2px;top:-16px;font:500 10.5px/1 ui-monospace,Consolas,monospace;
  letter-spacing:.1em;color:#8a6a1c}
.he-scope .pi-row label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;
  clip-path:inset(50%);white-space:nowrap;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:600;color:var(--secondary)}
.he-scope .pi-row select,.he-scope .pi-row input[type=number]{width:100%;min-height:44px;padding:6px 8px;border:1px solid #8f959c;
  background:#fff;color:var(--ink);font:500 16px/1.2 Switzer,system-ui,sans-serif;font-variant-numeric:tabular-nums;
  border-radius:0}
.he-scope .pi-row select{padding-right:4px}
.he-scope .pi-row input[type=number]{text-align:right;font-weight:600}
.he-scope .pi-row input[aria-invalid="true"],.he-scope #piSettings input[aria-invalid="true"]{border-color:#b3261e;outline:1px solid #b3261e}
.he-scope .pi-unit{display:flex;align-items:center;gap:6px}
.he-scope .pi-unit span{font-size:14px;color:var(--secondary);white-space:nowrap}
.he-scope .pi-temp{display:grid;grid-template-columns:auto;gap:2px}
.he-scope .pi-temp .pi-unit input{max-width:92px}
.he-scope .pi-temp input[type=range]{height:32px}
.he-scope .pi-extra .pi-unit input{max-width:112px}
.he-scope .pi-extra input::placeholder{color:#8f959c;font-weight:400}
.he-scope .pi-advanced summary{min-height:44px;display:flex;align-items:center;color:var(--secondary);font-size:13px;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.he-scope .pi-advanced[open] summary{min-height:24px;margin-bottom:5px}
.he-scope .pi-out{display:grid;gap:4px;min-width:0}
.he-scope .pi-out strong{font-size:21px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums;line-height:1.1}
.he-scope .pi-out strong small{font-size:13px;font-weight:500;color:var(--secondary)}
.he-scope .pi-out span{font-size:13px;color:var(--secondary);font-variant-numeric:tabular-nums}
.he-scope .pi-err{color:#b3261e!important}
.he-scope .pi-remove{justify-self:end;min-height:44px;padding:8px 10px;border:0;background:none;color:var(--secondary);
  font:500 13px/1 Switzer,system-ui,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.he-scope .pi-remove:hover{color:var(--ink)}
.he-scope .pi-basis{grid-column:2/-1;margin:2px 0 0;font-size:13px;line-height:1.45;color:var(--secondary)}
.he-scope .pi-empty{padding:28px 0;border-bottom:1px solid var(--line);color:var(--secondary);font-size:15px}
.he-scope .pi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 8px}
.he-scope .pi-actions button{min-height:44px;padding:10px 18px;border:1px solid var(--ink);background:#fff;color:var(--ink);
  font:600 14px/1 Switzer,system-ui,sans-serif;cursor:pointer}
.he-scope .pi-actions .pi-primary{background:var(--gold);border-color:var(--gold);color:var(--control-ink,#0a0a0a)}
.he-scope .pi-status{font-size:13.5px;color:var(--secondary);margin:6px 0 0}
.he-scope #piSettingsWrap{margin-top:44px}
.he-scope .pi-cost input::placeholder{color:#8f959c;font-weight:400;font-size:15px}
.he-scope .angles .pi-facing-lbl{margin-left:18px}
@media (max-width:1180px){.he-scope .pi-head{display:none}
.he-scope .pi-row{grid-template-columns:96px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"thumb what what remove" "dn qty temp temp" "extra extra out out" "basis basis basis basis";
    gap:12px 16px;padding:22px 0 16px}
.he-scope .pi-thumb{grid-area:thumb}
.he-scope .pi-what{grid-area:what}
.he-scope .pi-dn{grid-area:dn}
.he-scope .pi-qty{grid-area:qty}
.he-scope .pi-temp{grid-area:temp}
.he-scope .pi-extra{grid-area:extra}
.he-scope .pi-out{grid-area:out;align-self:end}
.he-scope .pi-remove{grid-area:remove;align-self:start}
.he-scope .pi-basis{grid-area:basis}
.he-scope .pi-row label{position:static;width:auto;height:auto;margin:0 0 6px;padding:0;
    overflow:visible;clip-path:none;white-space:normal}
.he-scope .pi-no{position:static;margin-bottom:2px}}
@media (max-width:760px){.he-scope .pi-intro{grid-template-columns:1fr;gap:14px}
.he-scope .pi-toolbar{flex-direction:column;align-items:stretch}
.he-scope .pi-add button{flex:1 1 calc(50% - 8px)}
.he-scope .pi-row{grid-template-columns:72px minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"thumb what what" "dn dn qty" "temp temp temp" "extra extra extra" "out out out" "basis basis basis" "remove remove remove"}
.he-scope .pi-thumb{height:52px}
.he-scope .pi-remove{justify-self:start;padding-left:0}
.he-scope .viewer .stage.stage-full{height:min(calc(100svh - 206px),calc(100vw * 9 / 16));aspect-ratio:auto}
.he-scope .viewer .stage.stage-full>.angles{padding:8px 16px;min-height:96px;flex-wrap:wrap;
    justify-content:center;align-content:center;overflow:visible}
.he-scope .viewer .stage.stage-full>.stage-foot{bottom:96px}}
@media print{.he-scope .topbar,.he-scope .crumbs,.he-scope .viewer,.he-scope .angles,.he-scope .mobile-result,.he-scope .pi-toolbar,.he-scope .pi-actions,.he-scope .pi-remove,.he-scope .he-assessment,.he-scope .inz-rel,.he-scope #faq,.he-scope #method,.he-scope #matrix,.he-scope #nodes{display:none!important}
.he-scope .pi-row{break-inside:avoid}
.he-scope .pi-row input[type=range]{display:none}
.he-scope .result-card{position:static!important}}
/* ---- the lower bound of every clamped size, in the one step /calc allows ---- */
@media(max-width:900px){.he-scope h1{font-size:36px;}
.he-scope h2{font-size:29px;}
.he-scope .result-main strong{font-size:38px;}
.he-scope .result-main strong{font-size:32px;}
.he-scope .result-main strong{font-size:24px;}}