.porch [data-kind=document]{--k:var(--fam-envelope);--k-t:var(--fam-envelope-t)}.porch [data-kind=thing]{--k:var(--fam-water);--k-t:var(--fam-water-t)}.porch [data-kind=policy]{--k:var(--fam-climate);--k-t:var(--fam-climate-t)}.porch [data-kind=shutoff]{--k:var(--fam-safety);--k-t:var(--fam-safety-t)}.porch [data-kind=service]{--k:#1d7a4e;--k-t:#e3f2ea}.porch [data-kind=person]{--k:#0e7490;--k-t:#d8f3f7}:root[data-theme=dark] .porch [data-kind=service]{--k:#6fd3a3;--k-t:#143a2a}:root[data-theme=dark] .porch [data-kind=person]{--k:#67d4e6;--k-t:#123a42}@media (prefers-color-scheme:dark){:root:not([data-theme]) .porch [data-kind=service]{--k:#6fd3a3;--k-t:#143a2a}:root:not([data-theme]) .porch [data-kind=person]{--k:#67d4e6;--k-t:#123a42}}.porch-sc{padding:14px var(--p-s2);background:var(--p-surface);box-shadow:var(--p-card-lift);border-radius:18px;flex:1;gap:14px;display:flex}.porch-sc__words{min-width:0}.porch-sc__tile{background:var(--k-t);width:46px;height:46px;color:var(--k);border-radius:13px;flex:none;place-items:center;display:grid}.porch-sc__k{font:650 13px/1.3 var(--p-body);color:var(--k);margin:0}.porch-sc__t{font:650 16px/1.3 var(--p-title);letter-spacing:-.005em;color:var(--p-ink);margin:3px 0 0}.porch-sc__d{font:400 14px/1.35 var(--p-body);color:var(--p-soft);text-wrap:balance;margin:4px 0 0}.porch-sc__dots{clip-path:inset(0 0 0 .75em);flex-wrap:wrap;margin-left:-.75em;display:flex}.porch-sc__part{padding-left:.75em;position:relative}.porch-sc__dot{position:absolute;left:.22em}.porch-sc__face{box-sizing:border-box;flex:none;align-self:flex-start;width:46px;height:46px;padding:5px 0 0 5px;line-height:0;display:block}.porch-th{flex-direction:column;min-width:0;padding-top:42px;display:flex;position:relative}.porch-th__line{background:var(--k);transform-origin:top;width:2px;height:42px;margin-left:-1px;position:absolute;top:0;left:39px}.porch-th__edge{z-index:2;background:var(--k);color:var(--p-surface);font:650 13px/1.3 var(--p-body);white-space:nowrap;border-radius:999px;padding:3px 10px;position:absolute;top:21px;left:39px;transform:translate(-16px,-50%)}@media screen and (prefers-reduced-motion:no-preference){.sc-wait .porch-sc{opacity:0}.sc-wait .porch-th__line{transform:scaleY(0)}.sc-wait .porch-th__edge{opacity:0}.sc-go .porch-sc{animation:sc-land .76s var(--m-land) both, sc-fade .26s var(--m-settle) both;animation-delay:var(--d,.12s)}.sc-go .porch-th__line{animation:sc-draw .42s var(--m-settle) both;animation-delay:calc(var(--d,.18s) - .18s)}.sc-go .porch-th__edge{animation:.2s linear both sc-fade;animation-delay:calc(var(--d,.18s) + .1s)}}@keyframes sc-land{0%{transform:translateY(-14px) rotate(var(--r,-1.1deg))}to{transform:none}}@keyframes sc-fade{0%{opacity:0}to{opacity:1}}@keyframes sc-draw{0%{transform:scaleY(0)}to{transform:none}}@keyframes sc-drawx{0%{transform:scaleX(0)}to{transform:none}}
.porch-way{--mh-lift:0 1px 2px #0f141e1f, 0 14px 34px -12px #0f141e57;overflow-x:clip}:root[data-theme=dark] .porch-way{--mh-lift:inset 0 1px 0 #ffffff12, 0 18px 40px -12px #000c}@media (prefers-color-scheme:dark){:root:not([data-theme]) .porch-way{--mh-lift:inset 0 1px 0 #ffffff12, 0 18px 40px -12px #000c}}.porch-way .porch-head{gap:var(--p-s5);padding-block:calc(var(--p-nav-clear) + var(--p-s5)) var(--p-s5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.porch-way .porch-head__text{min-width:0;max-width:none}.porch-way .porch-title{font-size:clamp(42px,4.45vw,64px);line-height:1.04}.porch-way .porch-head__text .porch-lede{max-width:none;font:400 22px/1.35 var(--p-body);text-wrap:balance}.porch-way .porch-head__text .porch-cta--band{width:min(480px,100%);margin-top:var(--p-s2);flex:none}.porch-way .porch-head__text .porch-cta--band :is(.porch-hint,.porch-micro){margin-left:0}.porch-way .porch-head__text .porch-cta--band .porch-hint:empty{min-height:0;margin:0}.porch-way .porch-head__text .porch-cta--band .porch-micro{margin-top:12px}.porch-mh{min-width:0;container:mh/inline-size}.porch-mh__lead{z-index:1;padding:var(--p-s3) 28px;background:var(--p-surface);box-shadow:var(--mh-lift);border-radius:18px;position:relative}.porch-mh__lead--plate{padding-block:18px}.porch-mh__head{align-items:center;gap:14px;display:flex}.porch-mh__place{align-items:center;gap:var(--p-s1);font:500 14px/1.3 var(--p-body);color:var(--p-faint);margin:0 0 10px;display:flex}.porch-mh__place svg{flex:none}.porch-mh__fig{font:600 64px/1 var(--p-title);letter-spacing:-.03em;color:var(--p-ink);margin:20px 0 0}.porch-mh__fig small{font:500 16px var(--p-body);letter-spacing:0;color:var(--p-soft);margin-left:10px}.porch-mh__say{font:600 17px/1.3 var(--p-body);color:var(--p-ink);text-wrap:balance;margin:12px 0 0}.porch-mh__from,.porch-mh__read{font:500 15px/1.3 var(--p-body);color:var(--p-soft);margin:10px 0 0}.porch-mh__range{justify-content:space-between;gap:var(--p-s2);font:600 16px/1.3 var(--p-body);color:var(--p-ink);margin:18px 0 0;display:flex}.porch-mh__range span{color:var(--p-soft);font-weight:400}.porch-mh__src{font:400 14px/1.35 var(--p-body);color:var(--p-faint);margin:4px 0 0}.porch-mh__brk{margin:10px 0 var(--p-s1);font:500 13px var(--p-body);color:var(--p-faint)}.porch-mh__note{font:400 14px var(--p-body);color:var(--p-faint);margin:12px 0 0}.porch-mh__chain{grid-template-columns:minmax(0,1fr) calc(50% + 66px);display:grid}.porch-mh__chain .porch-th:nth-child(2){padding-left:132px}.porch-mh__chain .porch-th:nth-child(2) .porch-th__line{transform-origin:0;width:132px;height:2px;margin:0;top:calc(21px + 50%);left:0}.porch-mh__chain .porch-th:nth-child(2) .porch-th__edge{top:calc(21px + 50%);left:66px;transform:translate(-50%,-50%)}.porch-mh__cards{gap:12px;display:grid}.porch-mh__cards--two{grid-template-columns:repeat(2,minmax(0,1fr))}.porch-mh__cards--three{grid-template-columns:repeat(3,minmax(0,1fr))}.porch-mh__cards--three .porch-sc{grid-template-columns:46px minmax(0,1fr);align-content:start;align-items:center;column-gap:10px;padding:12px 14px;display:grid}.porch-mh__cards--three .porch-sc__words{display:contents}.porch-mh__cards--three .porch-sc__t{margin-top:var(--p-s1);grid-column:1/-1}.porch-mh__cards--three .porch-sc__d{grid-column:1/-1}.porch-mh__pilerow{align-items:center;gap:30px;margin-top:22px;display:flex}.porch-mh__pilerow .porch-mh__fig{margin:0;font-size:56px}.porch-mh__pilerow .porch-mh__fig small{margin:10px 0 0;display:block}.porch-pile{width:112px;height:142px;margin:6px var(--p-s2) 6px 0;flex:none;position:relative}.porch-pile__sheet{border:1px solid var(--p-line-2);background-color:var(--p-surface);background-image:repeating-linear-gradient(to bottom, transparent 0 13px, var(--p-line) 13px 15px);transform:translate(calc(var(--i) * 2.2px), calc(var(--i) * -1.7px)) rotate(calc((var(--i) - 4) * .55deg));background-position:50% 40%;background-repeat:no-repeat;background-size:70% 60%;border-radius:5px;position:absolute;inset:0;box-shadow:0 1px 1px #0f141e14}.porch-pile__sheet:has(i){gap:var(--p-s1);padding:var(--p-s2) 13px;border-color:var(--k);background:var(--k-t);flex-direction:column;display:flex}.porch-pile__sheet i{background:var(--k);opacity:.55;border-radius:2px;height:3px;display:block}.porch-pile__sheet i:first-child{opacity:1;width:60%}.porch-pile__sheet i:nth-child(3){width:85%}.porch-pile__sheet i:nth-child(5){width:45%}.porch-pile__mark{z-index:20;background:var(--p-hand);width:40px;height:40px;color:var(--p-hand-ink);font:700 22px var(--p-title);box-shadow:var(--p-card-lift);border-radius:10px;place-items:center;display:grid;position:absolute;bottom:-10px;right:-18px}.porch-mh__rows{margin:20px 0 0;padding:0;list-style:none}.porch-mh__rows li{justify-content:space-between;gap:var(--p-s2);font:600 16px/1.3 var(--p-body);color:var(--p-ink);padding:6px 0;display:flex}.porch-mh__rows li span{color:var(--p-soft);font-weight:400}@media (max-width:1023px){.porch-way .porch-head{padding-block:var(--p-s4);grid-template-columns:minmax(0,1fr);gap:32px}}@media (max-width:767px){.porch-way .porch-head__text .porch-lede{font-size:18px}.porch-way .porch-head__text .porch-cta--band{width:100%}}@container mh (max-width:519px){.porch-mh__lead{padding:20px}.porch-mh__fig{font-size:50px}.porch-mh__pilerow{gap:18px}.porch-mh__pilerow .porch-mh__fig{white-space:nowrap;font-size:44px}.porch-pile{width:84px;height:106px;margin:4px 12px 4px 0}.porch-mh__chain{grid-template-columns:minmax(0,1fr)}.porch-mh__chain .porch-th:nth-child(2){padding-left:0}.porch-mh__chain .porch-th:nth-child(2) .porch-th__line{transform-origin:top;width:2px;height:42px;margin-left:-1px;top:0;left:39px}.porch-mh__chain .porch-th:nth-child(2) .porch-th__edge{top:21px;left:39px;transform:translate(-16px,-50%)}.porch-mh__cards--two,.porch-mh__cards--three{grid-template-columns:minmax(0,1fr)}.porch-mh__cards--three .porch-sc{padding:14px var(--p-s2);align-items:flex-start;gap:14px;display:flex}.porch-mh__cards--three .porch-sc__words{display:block}.porch-mh__cards--three .porch-sc__t{margin-top:3px}}@container mh (max-width:239px){.porch-mh__lead,.porch-mh__lead--plate{padding:14px}.porch-mh__head{flex-direction:column;align-items:flex-start;gap:10px}.porch-mh__fig{font-size:32px}.porch-mh__fig small{margin:var(--p-s1) 0 0;display:block}.porch-mh__pilerow{flex-direction:column;align-items:flex-start;gap:14px}.porch-mh__pilerow .porch-mh__fig{white-space:normal;font-size:32px}.porch-mh__range,.porch-mh__rows li{flex-direction:column;gap:2px}.porch-sc,.porch-mh__cards--three .porch-sc{flex-direction:column;gap:10px;padding:12px}.porch-sc__t,.porch-mh__say{overflow-wrap:anywhere}}@media (max-width:300px){.porch-way .porch-title{font-size:28px}}.porch-mh__chain .porch-th:first-child{--d:.18s;--r:-1.1deg}.porch-mh__chain .porch-th:nth-child(2){--d:.62s;--r:1.1deg}.porch-mh__cards>:first-child{--d:.12s;--r:-1.1deg}.porch-mh__cards>:nth-child(2){--d:.21s;--r:1.1deg}.porch-mh__cards>:nth-child(3){--d:.3s;--r:-1.1deg}@media screen and (prefers-reduced-motion:no-preference){.sc-wait .porch-mh__chain .porch-th:nth-child(2) .porch-th__line{transform:scaleX(0)}.sc-go .porch-mh__chain .porch-th:nth-child(2) .porch-th__line{animation-name:sc-drawx}.sc-wait .porch-pile__sheet,.sc-wait .porch-mh__pilerow~.porch-mh__rows li,.sc-wait [data-land-count],.sc-wait .porch-mh__pilerow small,.sc-wait .porch-mh__pilerow~.porch-mh__from{opacity:0}.sc-go .porch-mh__pilerow small,.sc-go .porch-mh__pilerow~.porch-mh__from{animation:.2s linear both sc-fade}.sc-wait .porch-pile__mark{opacity:0;transform:scale(.6)}.sc-go .porch-pile__sheet{animation:mh-sheet .62s var(--m-land) both, sc-fade .16s linear both, mh-fly .62s linear both;animation-delay:calc(var(--i) * 90ms)}.sc-go .porch-pile__mark{animation:mh-pop .42s var(--m-land) 1.25s both}.sc-go .porch-mh__pilerow~.porch-mh__rows li{animation:.3s linear both sc-fade;animation-delay:calc(1.4s + var(--j) * 80ms)}@container mh (max-width:519px){.porch-pile{--fly:.5}.sc-wait .porch-mh__chain .porch-th:nth-child(2) .porch-th__line{transform:scaleY(0)}.sc-go .porch-mh__chain .porch-th:nth-child(2) .porch-th__line{animation-name:sc-draw}}}[data-land-count]{font-variant-numeric:tabular-nums}@keyframes mh-sheet{0%{transform:translate(calc(var(--sx) * var(--fly,1)), calc(var(--sy) * var(--fly,1))) rotate(var(--sr))}}@keyframes mh-fly{0%{box-shadow:0 10px 24px -6px #0f141e57}}@keyframes mh-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.porch-dh .porch-lede span{display:inline-block}.porch-dh__three{margin-top:0}.porch-dh__three>:first-child{--d:.18s}.porch-dh__three>:nth-child(2){--d:.27s}.porch-dh__three>:nth-child(3){--d:.36s}.porch-dh .porch-mh__cards--three .porch-sc{row-gap:0}.porch-dh .porch-mh__fig{letter-spacing:-.025em;font-size:clamp(36px,3.4vw,48px)}.porch-dh .porch-mh__rows li{align-items:baseline}.porch-dh .porch-mh__rows b{font:500 16px/1.3 var(--p-body)}.porch-dh .porch-mh__rows span{font:400 14px/1.3 var(--p-mono);color:var(--p-soft)}@container mh (max-width:519px){.porch-dh__three{row-gap:0}.porch-dh .porch-mh__rows li{gap:12px}}@container mh (max-width:239px){.porch-dh .porch-mh__fig{letter-spacing:-.015em;font-size:23px}.porch-dh .porch-mh__rows li{gap:2px}}.porch-way:not(.porch-dh) .porch-mh :is(.porch-mh__say,.porch-mh__range,.porch-sc__t,.porch-mh__fig small){font-size:16px}.porch-way:not(.porch-dh) .porch-mh :is(.porch-sc__k,.porch-mh__brk,.porch-mh__note,.porch-mh__place,.porch-mh__src,.porch-mh__from,.porch-mh__read,.porch-sc__d,.porch-sc__part,.porch-th__edge){font-size:14px}.porch-way:not(.porch-dh) .porch-mh .porch-mh__fig{font-size:clamp(42px,4.45vw,64px)}.porch-way:not(.porch-dh) .porch-mh .porch-dl__row dt{font-size:1em}
