/* HOMEFRONT Compass Doorstep Decoder: everyday doorstep offers, slowed down.
   Original CSS illustration, no autoplay or forms.
   Text floor: 12px everywhere on this page, 14px for limits and the local-only note. */
.hf-doorstep{--dd-navy:var(--hf-navy,#1e3341);--dd-night:var(--hf-night,#13232e);--dd-cream:var(--hf-cream,#f4f0e8);--dd-gold:var(--hf-gold,#eaca92);--dd-brass:var(--hf-brass,#bb9259);background:var(--dd-cream);color:var(--dd-navy)}
.hf-doorstep *,.hf-doorstep *:before,.hf-doorstep *:after{box-sizing:border-box}
.hf-doorstep button{font:inherit;cursor:pointer}
.hf-doorstep [hidden]{display:none!important}
.hf-doorstep :is(a,button):focus-visible{outline:3px solid #1e3341;outline-offset:3px}
.hf-doorstep :is(.dd-hero,.dd-scene-window,.dd-sources) :is(a,button):focus-visible{outline-color:#ffe1ae}
.hf-doorstep button:disabled{cursor:not-allowed;opacity:.5}
.hf-doorstep :is(h1,h2,h3,h4){text-wrap:balance}.hf-doorstep p{text-wrap:pretty}
.hf-doorstep .eyebrow{font-size:12px;letter-spacing:.14em}
.hf-doorstep .dd-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.dd-hero{background:linear-gradient(125deg,#112936,#1e3341 66%,#284b5a);color:#f4f0e8}
.dd-hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:6%;align-items:center;padding-block:118px 88px}
.dd-hero .hf-crumb,.dd-hero .hf-crumb a{color:#e2e8e4;font-size:12px}
.dd-hero .eyebrow{margin-top:41px;color:#eaca92}
.dd-hero h1{font:500 clamp(51px,5.6vw,89px)/1.02 Editorial,Georgia,serif;letter-spacing:-.035em;margin:18px 0 28px}
.dd-hero h1 em{color:#eaca92;font-style:normal}
.dd-hero p:not(.eyebrow){font:400 17px/1.75 Manrope,Arial,sans-serif;color:#e3e9e8;max-width:595px}
.dd-enter{display:inline-flex;align-items:center;gap:28px;background:#eaca92;color:#1e3341;text-decoration:none;border-radius:26px;padding:14px 22px;margin-top:25px;font:700 14px Manrope,Arial,sans-serif;min-height:46px}
.dd-art{height:390px;border:1px solid #deb77b;box-shadow:16px 20px 0 #0616217d;padding:29px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;background:linear-gradient(90deg,#ffffff10 1px,transparent 1px),linear-gradient(#ffffff10 1px,transparent 1px),#233f4e;background-size:27px 27px}
.dd-art-door{height:91%;width:59%;border:10px double #bdab8c;background:linear-gradient(90deg,#102a3a,#1e3442);position:relative}
.dd-art-door:before{position:absolute;content:"";inset:14px;border:2px solid #a08d72}
.dd-art-door span{position:absolute;right:8px;top:44%;font:500 50px Editorial,Georgia,serif;color:#eaca92}
.dd-art-card{background:#eaca92;transform:rotate(-9deg);height:190px;width:43%;margin-left:-36px;color:#1e3341;box-shadow:11px 13px 0 #081c287c;padding:22px 13px;display:flex;flex-direction:column;gap:14px;z-index:2;justify-content:center}
.dd-art-card b{font:750 14px/1.4 Manrope,Arial,sans-serif;text-align:center}
.dd-art-card i{display:block;height:2px;background:#8e7549;margin-inline:9px}
.dd-art>small{position:absolute;bottom:8px;left:25px;font:650 12px Manrope,Arial,sans-serif;letter-spacing:.1em;color:#f1dbb4}
.dd-answer{padding-block:79px 88px;display:grid;grid-template-columns:.2fr .34fr .46fr;gap:26px}
.dd-answer>.eyebrow{color:#7a5a2f}
.dd-answer h2,.dd-workshop-heading h2,.dd-library-head h2,.dd-sources h2{font:500 clamp(36px,4vw,56px)/1.08 Editorial,Georgia,serif;letter-spacing:-.025em;margin:0}
.dd-answer-copy p{font:400 17px/1.75 Manrope,Arial,sans-serif;color:#2f3f4a;margin:0 0 18px}
.dd-answer-copy p.dd-routes{font-size:15px;color:#425461;border-top:1px solid #d7cfc2;padding-top:18px;margin:0}
.dd-answer-copy a{color:#1e3341;font-weight:650}
.dd-workshop{background:#ebe3d7;padding-block:82px 105px}
.dd-workshop-heading{max-width:760px}
.dd-workshop-heading .eyebrow{color:#6f5131}
.dd-workshop-heading h2{margin:16px 0}
.dd-workshop-heading>p:last-child{font:400 16px/1.75 Manrope,Arial,sans-serif;color:#3d4c56}
.dd-scenes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:36px 0 18px}
.dd-scenes button{border:1px solid #a58d67;background:#faf5eb;color:#1e3341;padding:15px;min-height:109px;text-align:left;display:flex;flex-direction:column;gap:13px}
.dd-scenes button[aria-pressed=true]{background:#e5d4b5;border-color:#6f5131;box-shadow:inset 0 0 0 2px #8a6638}
.dd-scenes button:hover{border-color:#6f5131}
.dd-scenes button small{font:700 12px/1.4 Manrope,Arial,sans-serif;color:#6b4e2c;letter-spacing:.08em}
.dd-scenes button[aria-pressed=true] small{color:#5c4226}
.dd-scenes button strong{font:500 21px/1.13 Editorial,Georgia,serif}
.dd-theatre{display:grid;grid-template-columns:1.03fr .97fr;border:1px solid #bfa983;min-height:555px}
.dd-scene-window{background:radial-gradient(circle at 30% 14%,#31536680,transparent 58%),linear-gradient(90deg,#ffffff0c 1px,transparent 1px),#152f3e;color:#f4f0e8;padding:29px;display:flex;flex-direction:column;min-width:0;background-size:auto,25px 25px,auto}
.dd-scene-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 13px;font:700 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.1em;color:#eaca92}
.dd-illustrated-door{margin:15px auto 27px;width:72%;max-width:315px;min-height:181px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.dd-door-outline{width:70%;height:155px;border:4px double #bb9259;position:relative;display:flex;justify-content:flex-end;align-items:center;padding:15px}
.dd-door-outline i{position:absolute;inset:17px;border:1px solid #a7895c}
.dd-door-outline b{font-size:24px;color:#f2d298}
.dd-illustrated-door>span{font:650 12px Manrope,Arial,sans-serif;letter-spacing:.1em;color:#eaca92}
.dd-dialogue{padding:21px;border:1px solid #c8ad806e;background:#203a4b}
.dd-dialogue .eyebrow{color:#eaca92}
.dd-dialogue blockquote{margin:15px 0;font:500 clamp(22px,2.5vw,32px)/1.3 Editorial,Georgia,serif;color:#f4f0e8}
.dd-scene-fine{font:400 14px/1.6 Manrope,Arial,sans-serif;color:#d3dfe0;margin-top:19px}
.dd-desk{background:#f9f5ed;padding:clamp(26px,3.6vw,48px);min-width:0}
.dd-desk .eyebrow{color:#6f5131}
.dd-desk h3{font:500 clamp(33px,3.6vw,50px)/1.08 Editorial,Georgia,serif;letter-spacing:-.02em;margin:17px 0 15px}
.dd-desk>p:not(.eyebrow){font:400 15px/1.7 Manrope,Arial,sans-serif;color:#3d4c56}
.dd-inspect{display:inline-flex;justify-content:space-between;gap:20px;background:#1e3341;color:#fff;border:1px solid #1e3341;border-radius:25px;margin:23px 0 19px;padding:13px 20px;min-height:47px;font:700 14px/1.4 Manrope,Arial,sans-serif!important}
.dd-evidence{background:#efe7da;border-left:3px solid #bb9259;padding:21px}
.dd-evidence .eyebrow{color:#5f4527}
.dd-evidence h4{font:500 26px/1.15 Editorial,Georgia,serif;margin:13px 0}
.dd-evidence blockquote{margin:0 0 6px;font:500 19px/1.45 Editorial,Georgia,serif;color:#1e3341}
.dd-evidence .dd-cite{font:600 13px/1.5 Manrope,Arial,sans-serif;color:#5f4527;margin:0 0 14px}
.dd-evidence p:not(.eyebrow):not(.dd-cite){font:400 15px/1.7 Manrope,Arial,sans-serif;color:#33424c;margin:0 0 12px}
.dd-evidence .dd-check{font-weight:650;color:#1e3341}
.dd-evidence a{font:700 14px Manrope,Arial,sans-serif;color:#5f4527;display:inline-block;padding-block:4px}
.dd-navigation{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.dd-navigation button{border:1px solid #1e3341;border-radius:25px;background:#1e3341;color:white;padding:12px 19px;min-height:44px;font:700 14px Manrope,Arial,sans-serif!important}
.dd-navigation button:first-child{background:transparent;color:#1e3341}
.dd-status{margin:16px 0 0;font:600 14px/1.6 Manrope,Arial,sans-serif;color:#3d4c56}
.dd-local{border-top:1px solid #d7cabc;padding-top:19px;margin-top:22px;font:400 14px/1.7 Manrope,Arial,sans-serif;color:#425461}
.dd-noscript{background:#fff6df;color:#1e3341;padding:20px;font:400 15px/1.7 Manrope,Arial,sans-serif}
.dd-library{padding-block:96px 108px}
.dd-library-head{max-width:810px}
.dd-library-head .eyebrow{color:#6f5131}
.dd-library-head h2{margin:15px 0}
.dd-library-head>p:not(.eyebrow){font:400 16px/1.75 Manrope,Arial,sans-serif;color:#3d4c56}
.dd-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:38px}
.dd-source-chapter{padding:31px;border:1px solid #d5cbbb;background:#faf6ed}
.dd-source-chapter small{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.1em;color:#6b4e2c}
.dd-source-chapter h3{font:500 32px/1.15 Editorial,Georgia,serif;margin:16px 0}
.dd-source-chapter>blockquote{font:500 19px/1.5 Editorial,Georgia,serif;color:#1e3341;border-left:3px solid #bb9259;margin:20px 0;padding-left:16px}
.dd-source-chapter h4{font:500 25px/1.25 Editorial,Georgia,serif;margin:22px 0 10px}
.dd-source-chapter figure{margin:0 0 14px}
.dd-source-chapter figure blockquote{margin:0;font:500 18px/1.5 Editorial,Georgia,serif;color:#1e3341}
.dd-source-chapter figcaption{font:600 13px/1.5 Manrope,Arial,sans-serif;color:#5f4527;margin-top:6px}
.dd-source-chapter>p{font:400 15px/1.7 Manrope,Arial,sans-serif;color:#3d4c56;margin:0 0 12px}
.dd-source-chapter>p.dd-check{font-weight:650;color:#1e3341}
.dd-source-chapter a{font:700 14px Manrope,Arial,sans-serif;color:#5f4527;display:inline-block;margin-top:12px;padding-block:4px}
.dd-sources{background:#142b39;color:#f4f0e8;padding-block:83px 75px}
.dd-sources .eyebrow{color:#eaca92}
.dd-sources h2{margin:17px 0 35px}
.dd-sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.dd-sources-grid a{display:flex;flex-direction:column;gap:12px;padding:24px;background:#294554;border:1px solid #bda0716b;color:#f4f0e8;text-decoration:none}
.dd-sources-grid strong{font:650 15px/1.5 Manrope,Arial,sans-serif}
.dd-sources-grid span{font:400 14px/1.7 Manrope,Arial,sans-serif;color:#dfe6e7}
.dd-sources-grid b{color:#eaca92}
.dd-disclaimer{border-top:1px solid #c5a4716d;margin-top:29px;padding-top:23px;font:400 15px/1.75 Manrope,Arial,sans-serif;color:#dfe6e7;max-width:930px}
.dd-sources nav{display:flex;flex-wrap:wrap;gap:12px 24px;margin:26px 0}.dd-sources nav a{color:#eaca92;font:700 14px Manrope,Arial,sans-serif;text-decoration:none;padding-block:4px}
.dd-sources small{font:400 13px Manrope,Arial,sans-serif;color:#d0dbdc}
@media(max-width:1020px){.dd-hero-grid,.dd-theatre{grid-template-columns:1fr}.dd-hero-grid{padding-block:94px 65px}.dd-art{margin-top:45px;max-width:650px;height:310px}.dd-answer{grid-template-columns:1fr 1fr}.dd-answer .eyebrow{grid-column:1/-1}.dd-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.dd-scene-window{min-height:505px}.dd-source-chapter{padding:24px}}
@media(max-width:680px){.dd-hero-grid{padding-block:83px 59px}.dd-hero h1{font-size:clamp(43px,10.3vw,62px)}.dd-art{height:224px;padding:17px}.dd-art-card{height:143px}.dd-art-door{border-width:6px}.dd-answer{display:block;padding-block:57px}.dd-answer h2{margin:15px 0 22px}.dd-workshop{padding-block:62px 67px}.dd-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.dd-scenes button{min-height:86px;padding:12px;gap:7px}.dd-scenes button strong{font-size:18px}.dd-scene-window{padding:20px;min-height:410px}.dd-illustrated-door{min-height:125px;margin-bottom:18px}.dd-door-outline{height:110px}.dd-dialogue{padding:17px}.dd-dialogue blockquote{font-size:24px}.dd-desk{padding:24px 20px}.dd-library{padding-block:64px}.dd-library-grid,.dd-sources-grid{grid-template-columns:1fr}.dd-sources{padding-block:65px}}
@media(max-width:350px){.dd-scenes button strong{font-size:16px}.dd-hero h1{font-size:41px}.dd-art-card{padding:11px}.dd-art-card b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hf-doorstep *,.hf-doorstep *:before,.hf-doorstep *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.dd-hero,.dd-workshop{display:none!important}.dd-library-grid{display:block}.dd-source-chapter{break-inside:avoid;margin-bottom:15px}.dd-sources{background:#fff;color:#111}.dd-sources-grid a{color:#111;background:#fff}}