/* HOMEFRONT House Files 001 — page-scoped Compass editorial system */
.hfs{background:var(--hf-cream,#F4F0E8);color:var(--hf-navy,#1E3341);font-family:Manrope,Arial,sans-serif}
.hfs p{line-height:1.74}
.hfs-hero{color:var(--hf-cream,#F4F0E8);background:radial-gradient(90% 96% at 79% 31%,#2a4a5e,#18303f 48%,#0d1b24);position:relative;overflow:hidden}
.hfs-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(246,240,232,.05)),repeating-linear-gradient(0deg,transparent 0 43px,rgba(246,240,232,.04) 44px),repeating-linear-gradient(90deg,transparent 0 43px,rgba(246,240,232,.04) 44px);pointer-events:none}
.hfs-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:7%;align-items:center;min-height:610px;padding:148px 0 95px}
.hfs .eyebrow{font:650 10px/1.6 Manrope,Arial,sans-serif;letter-spacing:.17em;color:#7d5c32;text-transform:uppercase}
.hfs-hero .eyebrow,.hfs-dark .eyebrow{color:#FFE1AE}
.hfs-crumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;margin-bottom:55px;color:#e7e1d4}
.hfs-crumb a{color:inherit}
.hfs h1,.hfs h2,.hfs h3{font-family:Editorial,Georgia,serif;font-weight:500;letter-spacing:-.043em;text-wrap:balance}
.hfs-hero h1{font-size:clamp(51px,6.3vw,88px);line-height:.99;max-width:700px;margin:19px 0 26px}
.hfs-hero-lead{font-size:18px;max-width:510px;color:#e1e7e5}
.hfs-review{font-size:10px;line-height:1.7;letter-spacing:.09em;text-transform:uppercase;color:#e7d0af;border-left:2px solid #BB9259;padding-left:15px;margin:25px 0 30px}
.hfs-jump{font-size:13px;color:#FFE1AE;font-weight:700;text-underline-offset:5px}
.hfs-plan{margin:0}.hfs-plan-stage{background:#192f3b;border:1px solid rgba(234,202,146,.45);padding:11px;box-shadow:0 30px 75px rgba(0,0,0,.3)}
.hfs-plan svg{width:100%;height:auto;display:block}.hfs-plan-bg{fill:#ece6dc}.hfs-plan-walls{fill:none;stroke:#38515c;stroke-width:12}.hfs-plan-room{fill:none;stroke:#998b75;stroke-width:4}
.hfs-plan-table{fill:#b98e54}.hfs-plan-chairs{fill:#b9c5b2}.hfs-plan-route{fill:none;stroke:#8a6638;stroke-width:7;stroke-dasharray:12 9}.hfs-plan-arrow{fill:#8a6638}.hfs-plan text{fill:#324b56;font:650 15px Manrope,Arial,sans-serif}
.hfs-plan figcaption{display:flex;justify-content:space-between;gap:18px;font-size:10px;line-height:1.5;letter-spacing:.1em;color:#d1dce0;padding-top:16px}
.hfs-intro,.hfs-notes,.hfs-sources{padding:105px 0}
.hfs-intro-grid,.hfs-two-col{display:grid;grid-template-columns:1fr .88fr;gap:10%;align-items:end}
.hfs h2{font-size:clamp(43px,5.2vw,77px);line-height:1.03;margin:12px 0 0}
.hfs-intro-grid>div:last-child p{color:#53616a;font-size:16px}
.hfs-intro-grid strong{color:#1E3341}.hfs-case-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d7cfc2;border-bottom:1px solid #d7cfc2;margin-top:55px}
.hfs-case-facts p{font-size:13px;padding:23px 18px;margin:0;border-right:1px solid #d7cfc2}.hfs-case-facts p:last-child{border-right:0}.hfs-case-facts strong{color:#8a6638;margin-right:10px}
.hfs-explorer{background:#eae4db;padding:85px 0 98px}
.hfs-explorer-head{max-width:820px;margin-bottom:41px}
.hfs-explorer-head p:last-child{color:#53616a;font-size:15px;max-width:680px}
.hfs-picks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.hfs-choice{appearance:none;background:#fbf8f2;color:#1E3341;border:1px solid #d5c8b4;border-radius:9px;cursor:pointer;text-align:left;min-height:170px;padding:22px;display:flex;flex-direction:column;gap:12px;transition:transform .28s ease,border-color .28s ease}
.hfs-choice:hover{border-color:#BB9259;transform:translateY(-3px)}.hfs-choice:focus-visible,.hfs-actions button:focus-visible{outline:3px solid #8a6638;outline-offset:3px}
.hfs-choice[aria-pressed=true]{background:#1E3341;color:#fbf8f2;border-color:#1E3341}
.hfs-choice span{font:650 11px/1.45 Manrope,Arial,sans-serif;letter-spacing:.12em;color:#8a6638}.hfs-choice[aria-pressed=true] span{color:#FFE1AE}
.hfs-choice strong{font-size:20px}.hfs-choice small{font-size:12px;line-height:1.55}
.hfs-result{background:#fbf8f2;border:1px solid #d7cfc2;border-radius:10px;margin-top:23px;padding:42px 46px}
.hfs-result h3{font-size:clamp(33px,3.6vw,54px);margin:7px 0 14px}
.hfs-result-lead{font-size:15px;color:#53616a;max-width:720px}
.hfs-result-status{font-size:11px;color:#8a6638}
.hfs-evidence{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:33px 0;border-top:1px solid #d7cfc2;border-bottom:1px solid #d7cfc2}
.hfs-evidence>section{padding:28px 0}.hfs-evidence>section+section{border-left:1px solid #d7cfc2;padding-left:28px}
.hfs-evidence h4{font:500 27px/1.16 Editorial,Georgia,serif;margin:7px 0 22px}
.hfs-evidence ul{padding-left:20px;display:grid;gap:12px}.hfs-evidence li{font-size:13px;line-height:1.65;color:#425662}
.hfs-boundary{display:grid;grid-template-columns:1fr 1fr;gap:38px}.hfs-boundary>div:first-child{border-left:2px solid #BB9259;padding-left:20px}
.hfs-boundary p:last-child{font-size:14px;font-weight:600}
.hfs-without-js{padding:30px 0;display:block}.hfs-without-js h3{font-size:30px}
.hfs-without-js-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.hfs-without-js article{background:#fbf8f2;padding:22px}
.hfs-active .hfs-without-js{display:none}
.hfs-note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.hfs-note-grid label{padding:20px;background:#fbf8f2;border:1px solid #d7cfc2;border-radius:7px;font-size:14px;font-weight:700}
.hfs-note-grid label span{display:block;font-size:12px;font-weight:400;line-height:1.6;color:#53616a;margin-top:7px}
.hfs-note-grid textarea{width:100%;box-sizing:border-box;background:#fff;border:1px solid #b6a998;border-radius:4px;display:block;resize:vertical;min-height:150px;margin-top:18px;padding:13px;color:#1E3341;font:13px/1.6 Manrope,Arial,sans-serif}
.hfs-note-grid textarea:focus-visible{outline:2px solid #8a6638;outline-offset:2px}
.hfs-actions{display:flex;flex-wrap:wrap;gap:12px;margin:21px 0}.hfs-actions button{border:1px solid #1E3341;background:#1E3341;color:#fff;border-radius:999px;font:650 12px Manrope,Arial,sans-serif;padding:13px 21px;cursor:pointer}
.hfs-actions button:last-child{background:transparent;color:#1E3341}.hfs-message{font-size:12px;color:#53616a}
.hfs-dark{padding:94px 0;background:radial-gradient(90% 96% at 79% 31%,#254959,#102532 65%,#0d1b24);color:#f4f0e8}
.hfs-dark p{color:#dfe3e0;font-size:15px}.hfs-related{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:27px}
.hfs-related a{color:#FFE1AE;text-decoration:none;border-top:1px solid rgba(255,255,255,.27);padding-top:14px;font-size:12px}
.hfs-sources h2{margin-bottom:19px}.hfs-sources>p{max-width:670px;color:#53616a}
.hfs-sources ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:29px}
.hfs-sources li{border-top:1px solid #d7cfc2;padding-top:20px}.hfs-sources li a{font-weight:700;color:#1E3341;font-size:13px}
.hfs-sources li p{font-size:12px;color:#53616a}
@media(max-width:1100px){.hfs-hero-inner{grid-template-columns:1fr;gap:44px;padding-top:132px}.hfs-plan{max-width:630px}.hfs-picks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.hfs-hero-inner{padding-top:115px;padding-bottom:61px}.hfs-crumb{margin-bottom:29px}.hfs-hero h1{font-size:clamp(44px,8.7vw,62px)}.hfs-hero-lead{font-size:15px}.hfs-intro,.hfs-notes,.hfs-sources{padding:64px 0}.hfs-intro-grid,.hfs-two-col{grid-template-columns:1fr;gap:24px}.hfs h2{font-size:clamp(42px,8.6vw,61px)}.hfs-case-facts{grid-template-columns:1fr;margin-top:29px}.hfs-case-facts p{border-right:0;border-bottom:1px solid #d7cfc2}.hfs-explorer{padding:64px 0}.hfs-picks{gap:9px}.hfs-choice{min-height:152px;padding:15px}.hfs-choice strong{font-size:16px}.hfs-choice small{font-size:11px}.hfs-result{padding:24px 20px}.hfs-evidence{grid-template-columns:1fr;gap:0}.hfs-evidence>section+section{padding-left:0;border-left:0;border-top:1px solid #d7cfc2}.hfs-boundary{grid-template-columns:1fr;gap:14px}.hfs-note-grid,.hfs-sources ol,.hfs-without-js-cards{grid-template-columns:1fr}.hfs-dark{padding:65px 0}.hfs-related{grid-template-columns:1fr}}
@media(max-width:410px){.hfs-picks{grid-template-columns:1fr}.hfs-choice{min-height:0}}
@media(prefers-reduced-motion:reduce){.hfs-choice{transition:none!important}.hfs-choice:hover{transform:none!important}}
@media print{.hfs-hero,.hfs-picks,.hfs-actions,.hf-header,.hf-footer,.mobile-action{display:none!important}.hfs-active .hfs-without-js{display:block!important}}


/* Four genuine illustration states, never a design prescription. */
.hfs-scenario-map{display:block;width:100%;height:auto}
.hfs-plan-garden{fill:rgba(133,162,139,.24)}
.hfs-plan-swing{fill:none;stroke:#8a6638;stroke-width:4;stroke-dasharray:6 8}
.hfs-room-label{font:650 13px/1.35 Manrope,Arial,sans-serif;letter-spacing:.07em;fill:#324b56}
.hfs-yard-label{font-size:12px;writing-mode:vertical-rl}
.hfs-furniture-label{font:700 15px Manrope,Arial,sans-serif;fill:#1e3341}
.hfs-common-table{transition:opacity .3s ease}
.hfs[data-hfs-state="reconfigure"] .hfs-common-table{opacity:.18}
.hfs .hfs-layer{opacity:0;transition:opacity .32s ease;pointer-events:none}
.hfs[data-hfs-state="keep"] .hfs-layer[data-hfs-layer="keep"],
.hfs[data-hfs-state="repair"] .hfs-layer[data-hfs-layer="repair"],
.hfs[data-hfs-state="reconfigure"] .hfs-layer[data-hfs-layer="reconfigure"],
.hfs[data-hfs-state="remodel"] .hfs-layer[data-hfs-layer="remodel"]{opacity:1}
.hfs-focus-ring{fill:none;stroke:#BB9259;stroke-width:6;stroke-dasharray:12 11}
.hfs-focus-mark{fill:none;stroke:#BB9259;stroke-width:6;stroke-linecap:round}
.hfs-layer-caption{font:700 14px Manrope,Arial,sans-serif;letter-spacing:.035em;fill:#8a6638}
.hfs-move-table{fill:rgba(187,146,89,.29);stroke:#8a6638;stroke-width:6;stroke-dasharray:10 8}
.hfs-clear-route{fill:none;stroke:#376c79;stroke-width:7;stroke-dasharray:10 7}
.hfs-focus-frame{fill:rgba(187,146,89,.11);stroke:#8a6638;stroke-width:6;stroke-dasharray:9 8}
.hfs-remodel-question{fill:#BB9259}
.hfs-remodel-mark{font:700 25px Manrope,Arial,sans-serif;fill:#1e3341}
.hfs-live-plate{max-width:600px;background:#192f3b;border:1px solid #b39162;padding:10px;margin:26px 0 12px;border-radius:3px}
.hfs-live-plate .hfs-plan-bg{fill:#ece6dc}
.hfs-live-plate figcaption{color:#F4F0E8;font:650 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.08em;margin:10px 10px 7px}
.hfs-crumb{color:#e3e2de}
.hfs-crumb a{color:#F4F0E8}
@media(min-width:1101px){
 .hfs-result{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;column-gap:27px}
 .hfs-result>.hfs-result-status{align-self:start}
 .hfs-result>.eyebrow,.hfs-result>h3,.hfs-result>.hfs-result-lead,.hfs-result>.hfs-result-status{grid-column:1}
 .hfs-result>.hfs-live-plate{grid-column:2;grid-row:1 / span 4;align-self:center;margin:5px 0}
 .hfs-result>.hfs-evidence,.hfs-result>.hfs-boundary{grid-column:1 / -1}
 .hfs-result h3{font-size:clamp(35px,3.7vw,53px)}
 .hfs-result .hfs-result-lead{max-width:500px}
}
@media(max-width:760px){
 .hfs-live-plate{margin:20px 0}
}
@media(prefers-reduced-motion:reduce){.hfs .hfs-layer,.hfs-common-table{transition:none!important}}

/* Final evidence-diagram alignment / no clipped label or second caption. */
.hfs-crumb [aria-current="page"]{color:#f1dec1}
.hfs-focus-dot{fill:#BB9259}
.hfs-plan .hfs-scenario-map,.hfs-live-plate .hfs-scenario-map{aspect-ratio:640/405}
.hfs-plan .hfs-room-label,.hfs-live-plate .hfs-room-label{fill:#314d59}
/* Plan labels stay legible when the 640-unit study plate shrinks to a phone column. */
@media(max-width:760px){.hfs-scenario-map .hfs-room-label{font-size:21px}.hfs-scenario-map .hfs-yard-label{font-size:16px}.hfs-scenario-map .hfs-furniture-label{font-size:22px}}