.my-bf{--my-focus:var(--my-yellow);background:var(--my-panel);min-width:0;color:var(--my-paper);border:1px solid var(--my-line-strong);border-top:4px solid var(--my-orange);gap:24px;padding:clamp(18px,3vw,32px);display:grid;position:relative;container:my-bf/inline-size}.my-bf-form{display:none}.my-bf-head{gap:8px;display:grid}.my-bf-title{font-family:var(--my-font-d);text-transform:uppercase;text-wrap:balance;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:800;line-height:.95}.my-bf-formula{color:var(--my-muted);font-size:13px}.my-bf-label{font-family:var(--my-font-l);letter-spacing:.1em;text-transform:uppercase;color:var(--my-paper);font-size:14px;font-weight:700;line-height:1.2}.my-bf-unit{font-family:var(--my-font-m);letter-spacing:0;text-transform:none;color:var(--my-muted);white-space:nowrap;margin-top:3px;font-size:11px;font-weight:400;display:block}.my-bf-hint{color:var(--my-muted);font-size:15px}.my-bf-mode{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.my-bf-mode legend{float:left;width:100%;margin-bottom:10px;padding:0}.my-bf-seg{border:2px solid var(--my-control);justify-self:start;display:inline-flex}.my-bf-seg-opt{display:inline-flex;position:relative}.my-bf-seg-opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.my-bf-seg-opt span{min-height:44px;font-family:var(--my-font-l);letter-spacing:.1em;text-transform:uppercase;align-items:center;padding:0 18px;font-size:16px;font-weight:700;transition:background-color .12s,color .12s;display:inline-flex}.my-bf-seg-opt input:checked+span{background:var(--my-orange);color:var(--my-ink)}.my-bf-seg-opt input:focus-visible+span{outline:3px solid var(--my-focus);outline-offset:2px}.my-bf-seg-opt:hover input:not(:checked)+span{color:var(--my-accent-text)}.my-bf-grid{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.my-bf-grid[data-mode=linealFeet]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}.my-bf-x{font-family:var(--my-font-m);color:var(--my-muted);padding-top:50px;font-size:20px}.my-bf-field{gap:8px;min-width:0;display:grid}.my-bf-input{border:2px solid var(--my-control);background:var(--my-black);width:100%;height:54px;color:var(--my-paper);font-family:var(--my-font-m);border-radius:0;padding:0 12px;font-size:22px;font-weight:600}.my-bf-input:hover{border-color:var(--my-muted)}.my-bf-input:focus-visible{border-color:var(--my-orange);outline-offset:2px}.my-bf-input[aria-invalid=true]{border-color:var(--my-error-dark);border-style:dashed}.my-bf-error{color:var(--my-error-dark);font-size:14px;line-height:1.35}.my-bf-readout{border-top:1px solid var(--my-line-strong);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding-top:20px;display:flex}.my-bf-meta{flex-wrap:wrap;gap:16px 36px;display:flex}.my-bf-stat{align-content:start;gap:8px;display:grid}.my-bf-stat-value{color:var(--my-secondary-text);font-size:18px;line-height:28px}.my-bf-tally{color:var(--my-paper)}.my-bf-result{text-align:right;justify-items:end;display:grid}.my-bf-result-value{font-family:var(--my-font-d);color:var(--my-accent-text);font-variant-numeric:tabular-nums;font-size:clamp(3.2rem,6vw,5rem);font-weight:800;line-height:.85}.my-bf-result-unit{font-family:var(--my-font-l);letter-spacing:.16em;text-transform:uppercase;color:var(--my-muted);font-size:15px;font-weight:700}.my-bf-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;display:flex}@container my-bf (max-width:600px){.my-bf-grid,.my-bf-grid[data-mode=linealFeet]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.my-bf-x{display:none}}@container my-bf (max-width:380px){.my-bf-readout{display:grid}.my-bf-result{text-align:left;justify-items:start}.my-bf-seg{display:flex}.my-bf-seg-opt{flex:1}.my-bf-seg-opt span{flex:1;justify-content:center;padding:0 12px}}
.my-ph{isolation:isolate;border-bottom:1px solid var(--my-line);position:relative;overflow:hidden}.my-ph-inner{align-content:center;justify-items:start;gap:22px;min-height:clamp(300px,30vw,420px);padding-block:clamp(44px,5vw,72px);display:grid}.my-ph-title{font-family:var(--my-font-d);letter-spacing:-.005em;text-transform:uppercase;text-wrap:balance;font-size:clamp(3rem,7.4vw,6.4rem);font-weight:800;line-height:.86}.my-ph-lede{max-width:52ch;color:var(--my-paper);font-size:clamp(1.05rem,1.3vw,1.2rem);line-height:1.5}@media (prefers-reduced-motion:no-preference){.my-ph-title{animation:my-ph-in .6s var(--my-ease) both}}@keyframes my-ph-in{0%{clip-path:inset(0 0 100%);transform:translateY(40%)}to{clip-path:inset(-10% -4%);transform:none}}.my-ph--photo .my-ph-inner>*{max-width:min(640px,52%)}.my-ph-media{z-index:-1;width:46%;position:absolute;inset:0 0 0 auto}.my-ph-media:after{content:"";background:linear-gradient(90deg, var(--my-black) 0%, #12131100 45%), linear-gradient(0deg, #12131173, #12131100 40%);position:absolute;inset:0}.my-ph-img{object-fit:cover}.my-ph--split .my-ph-inner{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:end;gap:20px 56px;min-height:0}.my-ph--split .my-ph-lede{color:var(--my-muted)}@media (max-width:899px){.my-ph--photo .my-ph-inner>*{max-width:100%}.my-ph-media{width:100%;height:clamp(150px,34vw,260px);position:relative;inset:auto}.my-ph-media:after{background:linear-gradient(0deg, var(--my-black) 0%, #12131100 60%)}.my-ph--photo .my-ph-inner{min-height:0;padding-top:4px}.my-ph--split .my-ph-inner{grid-template-columns:minmax(0,1fr)}}@media (max-width:380px){.my-ph-title{font-size:2.75rem}.my-ph .my-actions .my-btn{white-space:normal;text-align:center;width:100%}}