/* Compass #31 original climate-contrast atlas; all landscape art is symbolic CSS. */
.hf-climates{--ca-navy:#17313e;--ca-cream:#f5f0e7;--ca-brass:#d3ab6c;color:var(--ca-navy);background:var(--ca-cream)}
.hf-climates *,.hf-climates *:before,.hf-climates *:after{box-sizing:border-box}
.hf-climates [hidden]{display:none!important}
.hf-site .hf-climates :is(button,a):focus-visible{outline:3px solid #1e3341;outline-offset:3px}
.hf-site .ca-hero :is(a,button):focus-visible,.hf-site .ca-sources :is(a,button):focus-visible{outline-color:#ffe1ae}
.hf-climates .eyebrow{font-size:12px}
.hf-climates .hf-crumb{font-size:12px}
.hf-climates .hf-crumb a{display:inline-flex;align-items:center;min-height:24px}
.ca-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hf-climates button{font:inherit;cursor:pointer}
.ca-hero{background:radial-gradient(circle at 84% 10%,#3f5d65 0,#1d3a47 33%,#102b38 86%);color:#f5f0e7;overflow:hidden}
.ca-hero-layout{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7%;padding-block:104px 92px}
.ca-hero .hf-crumb,.ca-hero .hf-crumb a{color:#f3ede1}
.ca-hero .eyebrow{color:#ffe1ae;margin-top:40px}
.ca-hero h1{font:500 clamp(52px,6.3vw,94px)/1.02 Editorial,Georgia,serif;letter-spacing:-.038em;margin:18px 0 25px}
.ca-hero h1 em{color:#e3b772;font-style:normal}
.ca-hero p:not(.eyebrow){font:400 16px/1.84 Manrope,Arial,sans-serif;color:#e4e6e1;max-width:560px}
.ca-enter{display:inline-flex;gap:8px;background:#e3b772;color:#16303c;text-decoration:none;border-radius:25px;padding:15px 22px;margin-top:26px;font:700 12px Manrope,Arial,sans-serif}
.ca-hero .ca-hero-boundary{font:700 12px/1.7 Manrope,Arial,sans-serif!important;letter-spacing:.1em;color:#ffe1ae!important;margin-top:26px}
.ca-cover-art{position:relative;overflow:hidden;min-height:450px;border:1px solid #a6a68d;background:linear-gradient(170deg,#7f9da5,#c1c3a4 48%,#d8b27c 49%,#ab9873 70%,#506777 71%,#233b4b);box-shadow:16px 19px 0 #061d2980}
.ca-cover-art>span{position:absolute;top:20px;left:22px;color:#152e3c;font:800 12px Manrope,Arial;letter-spacing:.16em}
.ca-cover-art i{position:absolute;border-radius:53% 43% 0 0;bottom:25%;width:50%;height:25%;background:#36576b;transform:rotate(-12deg);left:-10%}
.ca-cover-art i:nth-of-type(2){background:#af9c70;left:20%;bottom:31%;height:18%}
.ca-cover-art i:nth-of-type(3){background:#718c85;left:45%;bottom:35%;height:29%}
.ca-cover-art i:nth-of-type(4){background:#425b6a;left:67%;bottom:28%;height:49%}
.ca-cover-art>b{position:absolute;bottom:21px;right:28px;font:500 98px/1 Editorial,Georgia;color:#e5c18c;text-shadow:0 2px 14px #0d1b24}
.ca-cover-art small{position:absolute;bottom:19px;left:20px;color:#f5efe0;font:800 12px Manrope,Arial;letter-spacing:.1em}
.ca-principle{display:grid;grid-template-columns:.22fr .34fr .44fr;gap:28px;padding-block:80px}
.ca-principle .eyebrow{color:#8b6639}
.ca-principle h2,.ca-explorer-heading h2,.ca-zones h2,.ca-reading-head h2,.ca-sources h2{font:500 clamp(32px,3.5vw,52px)/1.12 Editorial,Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:balance}
.ca-principle>p:last-child{font:400 14px/1.84 Manrope,Arial,sans-serif;margin:0;color:#4e626d}
.ca-explorer{padding-block:90px;background:#e7e0d4}
.ca-explorer-heading{max-width:850px}
.ca-explorer-heading .eyebrow{color:#76512a}
.ca-explorer-heading h2,.ca-zones h2,.ca-reading-head h2{margin:12px 0 18px}
.ca-explorer-heading>p:last-child{font:400 14px/1.8 Manrope,Arial,sans-serif;color:#485964}
.ca-regions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:34px 0 20px}
.ca-regions button{display:flex;min-height:90px;flex-direction:column;text-align:left;justify-content:space-between;padding:15px;border:1px solid #9ba9a8;background:#f6f3ed;color:#263d49;transition:background .2s,border-color .2s}
.ca-regions button[aria-pressed="true"]{background:#193845;color:#f7eedf;border-color:#193845}
.ca-regions small{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.07em}
.ca-regions strong{font:500 19px/1.15 Editorial,Georgia,serif}
.ca-views{display:flex;gap:14px;margin:12px 0 18px;flex-wrap:wrap}
.ca-views button{min-height:45px;padding:10px 18px;border:1px solid #799198;background:transparent;color:#253b49;font:700 12px Manrope,Arial,sans-serif;letter-spacing:.03em}
.ca-views button[aria-pressed="true"]{background:#d6b27a;color:#192e3a;border-color:#947650}
.ca-exhibit{display:grid;grid-template-columns:1.18fr .82fr;background:#f8f4ec;border:1px solid #afbbb8;box-shadow:12px 16px 0 #a5b0ac55}
.ca-plate{margin:0;display:flex;flex-direction:column;min-width:0;background:#173340;color:#f8edda}
.ca-plate-top{display:flex;justify-content:space-between;gap:12px;padding:22px 24px;font:700 12px Manrope,Arial,sans-serif;letter-spacing:.08em}
.ca-landscape{position:relative;isolation:isolate;overflow:hidden;min-height:450px;background:linear-gradient(#91b9c4 0%,#d6d0af 63%,#6c827b 64%);transition:background .4s}
.ca-sky{position:absolute;inset:0 0 34%;background:linear-gradient(#82aeb8,#d3caaa)}
.ca-sun{position:absolute;top:18%;right:16%;width:95px;aspect-ratio:1;border-radius:50%;background:#f9df9e;box-shadow:0 0 0 14px #f9df9e2c}
.ca-hills{position:absolute;bottom:27%;left:-9%;width:120%;height:46%;background:#537984;clip-path:polygon(0 89%,18% 53%,30% 75%,46% 43%,63% 76%,80% 25%,100% 69%,100% 100%,0 100%)}
.ca-ridge{position:absolute;bottom:24%;left:0;width:100%;height:48%;background:#355d64;clip-path:polygon(0 88%,26% 61%,49% 74%,68% 40%,80% 57%,100% 23%,100% 100%,0 100%)}
.ca-water{position:absolute;bottom:4%;left:0;width:100%;height:28%;background:repeating-linear-gradient(0deg,#4d8090,#4d8090 15px,#7eacb2 18px,#4e8294 23px)}
.ca-ground{position:absolute;bottom:0;width:100%;height:16%;background:#476b61}
.ca-trees{position:absolute;bottom:17%;left:9%;display:flex;gap:15px;opacity:.8}
.ca-trees i{height:115px;width:35px;background:#2d6660;clip-path:polygon(50% 0%,95% 63%,78% 63%,100% 100%,0 100%,21% 63%,5% 63%);display:block}
.ca-trees i:nth-child(2){height:85px}.ca-trees i:nth-child(3){height:100px}
.ca-building{position:absolute;z-index:2;bottom:12%;left:48%;height:155px;width:205px;filter:drop-shadow(5px 8px 0 #152f3870);transition:transform .3s,opacity .3s;opacity:.5;transform:scale(.78)}
.ca-roof{display:block;height:42px;background:#6e655a;clip-path:polygon(50% 0,100% 100%,0 100%)}
.ca-wall{display:flex;gap:18px;justify-content:center;align-items:center;height:100px;background:#e4ded0;border:5px solid #536774}
.ca-wall i{display:block;background:#7aadb5;border:5px solid #31556a;width:49px;height:56px}
.ca-insulation{position:absolute;inset:37px 0 0;border:6px dashed #dcb46f;opacity:0}
.ca-analysis-mark{position:absolute;z-index:3;inset:14% 9% auto auto;display:flex;gap:8px;opacity:0;transition:opacity .3s}
.ca-analysis-mark i{height:5px;width:32px;background:#f4d49f;transform:rotate(20deg)}
.ca-landscape[data-mode="building"] .ca-building{opacity:1;transform:scale(1.1)}
.ca-landscape[data-mode="building"] .ca-insulation,.ca-landscape[data-mode="building"] .ca-analysis-mark{opacity:1}
.ca-landscape[data-region="valley"] .ca-sky{background:linear-gradient(#b2c6be,#f3d8aa)}
.ca-landscape[data-region="valley"] .ca-hills{background:#b1a678;clip-path:polygon(0 70%,30% 75%,65% 55%,100% 73%,100% 100%,0 100%)}
.ca-landscape[data-region="valley"] .ca-ridge{background:#8d937b;clip-path:polygon(0 72%,32% 64%,68% 78%,100% 63%,100% 100%,0 100%)}
.ca-landscape[data-region="valley"] .ca-water{opacity:0}
.ca-landscape[data-region="valley"] .ca-ground{background:#7d8459}
.ca-landscape[data-region="valley"] .ca-trees i{clip-path:ellipse(45% 48%);background:#667657}
.ca-landscape[data-region="desert"] .ca-sky{background:linear-gradient(#e8ac7a,#f1cf92)}
.ca-landscape[data-region="desert"] .ca-sun{background:#fff0b5;box-shadow:0 0 0 30px #fff0b52e}
.ca-landscape[data-region="desert"] .ca-hills{background:#bd8365;clip-path:polygon(0 78%,30% 55%,51% 69%,70% 36%,100% 65%,100% 100%,0 100%)}
.ca-landscape[data-region="desert"] .ca-ridge{background:#a66851}
.ca-landscape[data-region="desert"] .ca-water{opacity:0}
.ca-landscape[data-region="desert"] .ca-ground{background:#b58a5e}
.ca-landscape[data-region="desert"] .ca-trees i{background:#5c7051;clip-path:polygon(30% 0,75% 0,75% 34%,100% 34%,100% 57%,75% 57%,75% 100%,30% 100%,30% 58%,0 58%,0 34%,30% 34%)}
.ca-landscape[data-region="mountains"] .ca-sky{background:linear-gradient(#648aa1,#becbd2)}
.ca-landscape[data-region="mountains"] .ca-hills{background:#6d8592;clip-path:polygon(0 85%,27% 12%,49% 60%,73% 0,100% 78%,100% 100%,0 100%)}
.ca-landscape[data-region="mountains"] .ca-ridge{background:#2e5567;clip-path:polygon(0 83%,28% 28%,50% 72%,73% 14%,100% 83%,100% 100%,0 100%)}
.ca-landscape[data-region="mountains"] .ca-water{opacity:0}
.ca-landscape[data-region="mountains"] .ca-ground{background:#456960}
.ca-landscape[data-region="mountains"] .ca-trees i{background:#254f50}
.ca-plate figcaption{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:18px 22px;font:800 12px Manrope,Arial,sans-serif;letter-spacing:.08em}
.ca-plate figcaption small{font-size:12px;color:#e3dccd}
.ca-study{padding:30px 34px 32px;min-width:0}
.ca-study .eyebrow{font:800 12px Manrope,Arial,sans-serif;letter-spacing:.09em;color:#7a5830}
.ca-study h3{font:500 clamp(31px,3vw,45px)/1.1 Editorial,Georgia,serif;margin:15px 0}
.ca-focus{font:700 13px/1.6 Manrope,Arial,sans-serif;color:#3e6170}
.ca-observation{margin-block:24px;padding-block:14px;border-block:1px solid #ced3cf}
.ca-observation p:not(.eyebrow){font:400 13px/1.8 Manrope,Arial,sans-serif;color:#3a4f5b}
.ca-fact{background:#eee4d5;padding:17px}
.ca-fact p:not(.eyebrow){font:400 13px/1.8 Manrope,Arial,sans-serif;color:#33474f;margin-bottom:0}
.ca-study a,.ca-zones a{display:inline-block;min-height:24px;padding-block:3px;color:#234e64;font:700 13px Manrope,Arial,sans-serif;text-underline-offset:4px;margin-top:12px}
.ca-noscript{font:600 13px Manrope,Arial,sans-serif}
.ca-zones{display:grid;grid-template-columns:1fr .8fr;gap:7%;align-items:center;padding-block:94px}
.ca-zones .eyebrow{color:#806139}
.ca-zones p:not(.eyebrow){font:400 14px/1.8 Manrope,Arial,sans-serif;color:#4b5a62;max-width:630px}
.ca-zone-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0}
.ca-zone-grid li{display:grid;place-items:center;aspect-ratio:1;border:1px solid #c6bca8;background:#e8e0d2;font:500 clamp(20px,3vw,36px) Editorial,Georgia,serif;color:#244555}
.ca-reading{padding-block:10px 100px}
.ca-reading-head{max-width:680px}.ca-reading-head .eyebrow{color:#7a5730}
.ca-reading-head p:last-child{font:400 14px/1.8 Manrope,Arial,sans-serif}
.ca-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}
.ca-reading-card{padding:26px;background:#fffaf1;border:1px solid #d1c7b7}
.ca-reading-card h3{font:500 30px/1.1 Editorial,Georgia,serif}
.ca-reading-card p,.ca-reading-card strong{font:400 13px/1.79 Manrope,Arial,sans-serif;color:#4b5c65}
.ca-reading-card strong{font-weight:700}
.ca-reading-card h4{font:700 15px/1.5 Manrope,Arial,sans-serif;color:#1e3341;margin:18px 0 6px}
.ca-reading-card .ca-card-label{font:800 12px Manrope,Arial,sans-serif;letter-spacing:.08em;color:#7a5830;margin:18px 0 4px}
.ca-reading-card a{display:inline-block;min-height:24px;padding-block:3px;font:700 13px Manrope,Arial,sans-serif;color:#23506a;margin-top:13px}
.ca-sources{background:#142f3c;color:#f5f0e7;padding-block:75px}
.ca-sources .eyebrow{color:#e1bd82}
.ca-sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:36px}
.ca-sources-grid a{padding:22px;border:1px solid #b7a27f;display:flex;flex-direction:column;gap:8px;color:#e6e4dc;text-decoration:none}
.ca-sources-grid strong{font:600 15px/1.5 Manrope,Arial,sans-serif;color:#f7d7a8}
.ca-sources-grid span{font:400 12px/1.8 Manrope,Arial,sans-serif}
.ca-sources-answer{max-width:780px;font:400 15px/1.8 Manrope,Arial,sans-serif;color:#e6e4dc;margin-top:18px}
.ca-safety{max-width:900px;font:400 14px/1.8 Manrope,Arial,sans-serif;margin-top:26px;color:#d6e0e2}
.ca-sources nav{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0}
.ca-sources nav a{display:inline-block;min-height:24px;padding-block:3px;color:#f5d9a6;font:700 13px Manrope,Arial,sans-serif}
.ca-sources small{font:400 12px Manrope,Arial,sans-serif}
@media(max-width:1000px){.ca-hero-layout{gap:28px}.ca-cover-art{min-height:340px}.ca-exhibit{grid-template-columns:1fr}.ca-principle{grid-template-columns:1fr 1fr}.ca-principle .eyebrow{grid-column:1/-1}.ca-plate .ca-landscape{min-height:390px}}
@media(max-width:680px){.ca-hero-layout,.ca-principle,.ca-zones{grid-template-columns:1fr}.ca-hero-layout{padding-block:74px}.ca-cover-art{min-height:260px}.ca-explorer{padding-block:54px}.ca-regions{grid-template-columns:repeat(2,minmax(0,1fr))}.ca-regions button{min-height:88px}.ca-views button{flex:1;min-width:0}.ca-landscape{min-height:280px}.ca-plate .ca-landscape{min-height:280px}.ca-building{left:40%;transform:scale(.7)}.ca-landscape[data-mode="building"] .ca-building{transform:scale(.9)}.ca-plate-top,.ca-plate figcaption{flex-wrap:wrap}.ca-study{padding:24px}.ca-zones{padding-block:54px}.ca-reading-grid,.ca-sources-grid{grid-template-columns:1fr}.ca-reading{padding-bottom:55px}.ca-hero h1{font-size:clamp(43px,12vw,72px)}}
@media(max-width:360px){.ca-regions strong{font-size:16px}.ca-regions button{padding:10px}.ca-views button{font-size:12px;padding:9px}.ca-landscape .ca-building{left:30%}.ca-study h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hf-climates *{transition:none!important;animation:none!important}}