/* Compass Pro material quantity lab, HOMEFRONT research visual identity. */
.mt-hero,.mt-close{position:relative;overflow:hidden;color:var(--hf-cream,#F4F0E8);background:radial-gradient(112% 95% at 80% 26%,#2a4a5e,#18303f 50%,var(--hf-deep,#0f1f29))}
.mt-hero:before,.mt-close:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#EACA9212 1px,transparent 1px),linear-gradient(#EACA9212 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,transparent,#000)}
.mt-hero .hf-wrap,.mt-close .hf-wrap{position:relative;z-index:1}
.mt-hero{padding:clamp(145px,18vw,222px) 0 91px}
.mt-hero .hf-crumb{color:var(--hf-cream,#F4F0E8);margin-bottom:42px}
.mt-hero .hf-crumb a{color:inherit}
.mt-hero .eyebrow,.mt-close .eyebrow{color:var(--hf-gold-light,#FFE1AE)}
.mt-hero h1,.mt-close h2{font:500 clamp(52px,7vw,108px)/1 Editorial,Georgia,serif;letter-spacing:-.04em;margin:15px 0 27px;text-wrap:balance}
.mt-hero p{font:400 clamp(16px,1.55vw,19px)/1.8 Manrope,sans-serif;color:#dfe3e0;max-width:760px}
.mt-link{display:inline-flex;padding:9px 0;color:var(--hf-navy,#1E3341);text-decoration:none;border-bottom:1px solid var(--hf-brass,#BB9259);font:700 13px Manrope,sans-serif}
.mt-link-light{color:var(--hf-cream,#F4F0E8)}
.mt-intro,.mt-explain{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(27px,7vw,102px);padding:clamp(70px,9vw,118px) 0}
.mt-intro h2,.mt-work h2,.mt-explain h2{font:500 clamp(39px,5vw,73px)/1.05 Editorial,Georgia,serif;letter-spacing:-.04em;color:var(--hf-navy,#1E3341);margin:13px 0 25px}
.mt-intro p,.mt-explain p{font:400 16px/1.8 Manrope,sans-serif;color:var(--hf-muted,#53616a)}
.mt-intro .eyebrow,.mt-work .eyebrow,.mt-explain .eyebrow{color:#8a6638}
.mt-work{background:var(--hf-sand,#ece6dc);padding:75px 0 87px}
.mt-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:clamp(24px,5vw,75px);align-items:start}
.mt-method-label,.mt-fields label{display:flex;flex-direction:column;gap:6px;font:700 13px/1.5 Manrope,sans-serif;color:var(--hf-navy,#1E3341)}
.mt-method-label span,.mt-fields label span{font:400 11px/1.5 Manrope,sans-serif;color:var(--hf-muted,#53616a)}
.mt-method-label{margin:30px 0}
.mt-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.mt-method-label select,.mt-fields input{width:100%;min-width:0;min-height:51px;box-sizing:border-box;border:1px solid var(--hf-hair,#d7cfc2);background:#fbf8f2;border-radius:6px;padding:13px;color:var(--hf-navy,#1E3341);font:500 16px Manrope,sans-serif}
.mt-panel{border:0;border-top:1px solid var(--hf-hair,#d7cfc2);min-width:0;margin:0;padding:23px 0}
.mt-panel legend{font:700 12px Manrope,sans-serif;letter-spacing:.08em;color:#8a6638;padding:0 11px 0 0}
.mt-panel p{font:400 14px/1.7 Manrope,sans-serif;color:var(--hf-muted,#53616a);margin:0 0 22px}
.mt-panel[hidden]{display:none!important}
.mt-actions,.mt-result-actions{display:flex;gap:13px;flex-wrap:wrap;margin:26px 0}
.mt-button{border:1px solid var(--hf-hair,#d7cfc2);padding:12px 22px;border-radius:999px;min-height:49px;font:700 12px Manrope,sans-serif;cursor:pointer}
.mt-button-primary{border-color:var(--hf-brass,#BB9259);color:var(--hf-navy,#1E3341);background:linear-gradient(135deg,#FFE1AE,#EACA92 60%,#d6b075)}
.mt-button-muted{color:var(--hf-navy,#1E3341);background:transparent}
.mt-fine{font:400 12px/1.75 Manrope,sans-serif!important;color:var(--hf-muted,#53616a)!important}
.mt-results{border:1px solid var(--hf-hair,#d7cfc2);background:#fbf8f2;padding:clamp(24px,3vw,39px);position:sticky;top:110px;box-shadow:0 18px 48px #13232e12}
.mt-results h2{font-size:clamp(37px,3.2vw,52px)}
.mt-results>p{color:var(--hf-muted,#53616a);font:400 14px/1.7 Manrope,sans-serif}
.mt-active-label{color:#8a6638!important;font:700 11px Manrope,sans-serif!important;letter-spacing:.1em;text-transform:uppercase;margin:22px 0 13px}
.mt-results dl{margin:20px 0 25px}
.mt-results dl>div{padding:17px 0;border-bottom:1px solid var(--hf-hair,#d7cfc2)}
.mt-results dt{color:var(--hf-muted,#53616a);font:700 12px/1.6 Manrope,sans-serif}
.mt-results dd{font:500 clamp(25px,2.6vw,42px)/1.15 Editorial,Georgia,serif;margin:7px 0;color:var(--hf-navy,#1E3341);overflow-wrap:anywhere}
.mt-highlight{background:var(--hf-navy,#1E3341);padding:17px!important;margin:10px -10px}
.mt-highlight dt,.mt-highlight dd{color:var(--hf-cream,#F4F0E8)}
.mt-result-actions button{padding:10px 17px;border-radius:999px;border:1px solid var(--hf-brass,#BB9259);background:transparent;color:var(--hf-navy,#1E3341);font:700 12px Manrope,sans-serif;cursor:pointer}
.mt-error{color:#833f35!important;font-weight:700!important}
.mt-explain{border-bottom:1px solid var(--hf-hair,#d7cfc2)}
.mt-explain strong{color:var(--hf-navy,#1E3341)}
.mt-references{display:flex;flex-direction:column;gap:13px;margin:22px 0}
.mt-references a{color:var(--hf-navy,#1E3341);text-decoration:underline;line-height:1.5;overflow-wrap:anywhere}
.mt-close{padding:91px 0}
.mt-close h2{font-size:clamp(49px,6vw,85px)}
.mt-close .mt-fine{color:#dfe3e0!important;margin-top:28px}
.mt-link:focus-visible,.mt-button:focus-visible,.mt-method-label select:focus-visible,.mt-fields input:focus-visible,.mt-result-actions button:focus-visible{outline:3px solid var(--hf-brass,#BB9259);outline-offset:3px}
@media(max-width:1100px){.mt-grid{grid-template-columns:1fr}.mt-results{position:static}.mt-hero{padding-top:156px}}
@media(max-width:760px){.mt-hero{padding:130px 0 70px}.mt-intro,.mt-explain{display:block}.mt-work{padding:60px 0}.mt-fields{grid-template-columns:1fr}.mt-actions .mt-button{width:100%}.mt-results{padding:23px}.mt-close{padding:63px 0}}
@media print{.hf-header,.hf-footer,.mobile-action,.mt-hero,.mt-intro,.mt-form,.mt-explain,.mt-close,.mt-result-actions{display:none!important}.mt-work{background:white!important;padding:0}.mt-grid{display:block}.mt-results{box-shadow:none;border:0;position:static}#mt-output[hidden]{display:none}}