/* HOMEFRONT Compass: Through Your Pet's Eyes.
 * Layered, conceptual house elevation. No animal optical or safety simulation.
 * Type floor: 12px for labels, 14px for safety and fine print, 15px for reading text.
 */
.hf-pets-eye{--pv-navy:#1e3341;--pv-ink:#2b3d48;--pv-muted:#4f5d66;--pv-bronze:#6f4f28;--pv-cream:#f4f0e8;--pv-gold:#eaca92;--pv-gold-light:#ffe1ae;background:var(--pv-cream);color:var(--pv-navy)}
.hf-pets-eye *,.hf-pets-eye *:before,.hf-pets-eye *:after{box-sizing:border-box}
.hf-pets-eye button{cursor:pointer;font:inherit}
.hf-pets-eye [hidden]{display:none!important}
.hf-pets-eye .eyebrow{font:700 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.hf-site .hf-pets-eye :is(a,button):focus-visible{outline:3px solid var(--pv-navy);outline-offset:3px}
.hf-site .hf-pets-eye :is(.pv-hero,.pv-stage,.pv-urgent,.pv-sources) :is(a,button):focus-visible{outline-color:var(--pv-gold-light)}
.pv-hero{background:linear-gradient(126deg,#132936,#1e3341 63%,#2c4b55);color:#f4f0e8}
.pv-hero-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:6%;align-items:center;padding-block:113px 90px}
.pv-hero .hf-crumb{font-size:12px}
.pv-hero .hf-crumb,.pv-hero .hf-crumb a{color:#e3e9e5}
.pv-hero .hf-crumb a{display:inline-block;padding-block:4px}
.pv-hero .eyebrow{margin-top:41px;color:var(--pv-gold)}
.pv-hero h1{font:500 clamp(52px,5.9vw,90px)/1.01 Editorial,Georgia,serif;letter-spacing:-.035em;margin:18px 0 25px}
.pv-hero h1 em{color:var(--pv-gold);font-style:normal}
.pv-hero p:not(.eyebrow){font:400 17px/1.8 Manrope,Arial,sans-serif;max-width:590px;color:#e0e7e4}
.pv-enter{display:inline-flex;align-items:center;gap:28px;background:var(--pv-gold);color:var(--pv-navy);border-radius:26px;min-height:47px;padding:13px 22px;margin-top:24px;text-decoration:none;font:700 14px Manrope,Arial,sans-serif}
.pv-hero-art{height:367px;border:1px solid #cbaa7f;box-shadow:19px 20px 0 #06162385;margin:0;background:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px),#193644;position:relative;overflow:hidden;background-size:25px 25px}
.pv-hero-sky{height:34%;background:linear-gradient(#263e52,#58727c)}
.pv-hero-house{position:absolute;left:16%;right:16%;top:24%;height:58%;background:#506b70;border:3px solid #d8c3a1}
.pv-hero-house:before{content:"";position:absolute;top:-50px;left:-6%;width:112%;height:51px;background:#9f886b;clip-path:polygon(50% 0,100% 100%,0 100%)}
.pv-hero-house i{position:absolute;top:25%;width:25%;height:39%;border:3px solid #ddd4ba;background:#284859}
.pv-hero-house i:first-child{left:14%}.pv-hero-house i:last-child{right:14%}
.pv-hero-ground{position:absolute;bottom:0;left:0;right:0;height:30%;background:#173b38;border-top:1px solid #d6b98377;display:flex;align-items:end;justify-content:space-between;padding:19px 19px 40px}
.pv-hero-ground span{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.12em;color:var(--pv-gold)}
.pv-hero-ground b{position:absolute;left:12%;right:12%;top:30%;border-top:2px dashed var(--pv-gold)}
.pv-hero-art figcaption{position:absolute;bottom:10px;left:19px;color:#f3e4c4;font:700 12px Manrope,Arial,sans-serif;letter-spacing:.12em}
.pv-answer{padding-block:78px 84px;display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:start}
.pv-answer .eyebrow{color:#7a5a30;margin:0}
.pv-answer h2,.pv-lab-heading h2,.pv-reading-heading h2,.pv-sources h2{font:500 clamp(34px,3.9vw,56px)/1.1 Editorial,Georgia,serif;letter-spacing:-.025em;margin:0;text-wrap:balance}
.pv-answer h2{margin:14px 0 22px}
.pv-answer p{font:400 15px/1.8 Manrope,Arial,sans-serif;color:var(--pv-muted);max-width:720px;margin:0 0 16px;text-wrap:pretty}
.pv-answer .pv-lede{font-size:18px;line-height:1.75;color:var(--pv-navy)}
.pv-urgent{background:#13232e;color:#f4f0e8;padding:28px 28px 26px;border-top:4px solid var(--pv-gold);border-radius:4px}
.pv-urgent h2{font:500 30px/1.15 Editorial,Georgia,serif;margin:0 0 14px;color:var(--pv-gold-light);text-wrap:balance}
.pv-urgent p{font:400 16px/1.7 Manrope,Arial,sans-serif;color:#eef1ef;margin:0 0 14px}
.pv-urgent .pv-tel{color:var(--pv-gold-light);font:800 20px/1.4 Manrope,Arial,sans-serif;white-space:nowrap}
.pv-urgent a:not(.pv-tel){display:inline-block;padding-block:4px;color:var(--pv-gold-light);font:700 14px Manrope,Arial,sans-serif}
.pv-urgent .pv-urgent-links{display:flex;flex-wrap:wrap;gap:4px 22px;margin:0}
.pv-lab{background:#eae2d6;padding-block:85px 105px}
.pv-lab-heading{max-width:830px}
.pv-lab-heading .eyebrow{color:#73552e}
.pv-lab-heading h2{margin:16px 0}
.pv-lab-heading>p:last-child{font:400 16px/1.75 Manrope,Arial,sans-serif;color:#4a5861}
.pv-animal-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:34px 0 10px}
.pv-animal-switch button{background:#faf6ef;border:1px solid #9c8b72;text-align:left;padding:19px;display:flex;gap:17px;align-items:center;color:var(--pv-navy);min-height:74px}
.pv-animal-switch button small{font:700 12px Manrope,Arial,sans-serif;letter-spacing:.12em;color:var(--pv-bronze)}
.pv-animal-switch button strong{font:500 27px/1.1 Editorial,Georgia,serif}
.pv-animal-switch button[aria-pressed=true],.pv-area-switch button[aria-pressed=true]{background:#e2cfac;border-color:#7d5a2e;box-shadow:inset 0 0 0 2px #9a7340}
.pv-area-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:18px}
.pv-area-switch button{border:1px solid #9c8b72;background:#faf6ef;color:var(--pv-navy);padding:12px;min-height:51px;font:700 15px Manrope,Arial,sans-serif;text-align:center}
.pv-exhibit{display:grid;grid-template-columns:1.1fr .9fr;min-height:560px;border:1px solid #b89f77}
.pv-stage{background:linear-gradient(#375162,#132b37);padding:27px;min-width:0;margin:0;display:flex;flex-direction:column}
.pv-art-folio{display:flex;justify-content:space-between;gap:12px;font:700 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.12em;color:var(--pv-gold-light);margin:0}
.pv-house{position:relative;overflow:hidden;isolation:isolate;height:355px;max-width:660px;width:100%;margin:40px auto 20px;background:linear-gradient(#688b95 0%,#b2c7b9 46%,#47605a 46%,#243e40 100%);border:1px solid #d9bc87a6}
.pv-sky{position:absolute;inset:0 0 54%;background:linear-gradient(#547485,#adbeba)}
.pv-structure{position:absolute;top:25%;left:5%;width:63%;height:63%;z-index:2}
.pv-roof{position:absolute;top:-22%;left:-3%;right:-3%;height:24%;background:#7c7061;clip-path:polygon(50% 0,100% 100%,0 100%)}
.pv-wall{position:absolute;inset:0;background:#d3c6b3;border:2px solid #3c5968}
.pv-window{position:absolute;left:14%;top:14%;width:34%;height:36%;background:#3d6577;border:2px solid #f0e6d0;text-align:center;color:#fff;font:700 12px Manrope,Arial,sans-serif;padding-top:10px}
.pv-door{position:absolute;right:11%;bottom:0;width:25%;height:62%;background:#4f5f5a;border:2px solid #998c70;display:flex;justify-content:center;align-items:center;color:#f6ebd1;font:700 12px Manrope,Arial,sans-serif}
.pv-perch{position:absolute;left:14%;bottom:10%;width:36%;height:15%;background:#b19475;border-top:4px solid #775d49;display:flex;justify-content:center;align-items:center;font:700 12px Manrope,Arial,sans-serif;color:#13232e;opacity:.35;transition:opacity .25s}
.pv-perch span{visibility:hidden}
.pv-house[data-animal=cat] .pv-perch span{visibility:visible}
.pv-ground{position:absolute;inset:auto 0 0;height:31%;background:linear-gradient(#455f4b,#183931);z-index:1;border-top:5px solid #8d9677}
.pv-ground i{position:absolute;top:15%;height:80%;width:1px;background:#a1b2a084;transform:rotate(12deg)}
.pv-ground i:nth-child(1){left:17%}.pv-ground i:nth-child(2){left:39%}.pv-ground i:nth-child(3){left:62%}.pv-ground i:nth-child(4){left:84%}
.pv-patio{position:absolute;bottom:12%;left:66%;width:28%;height:22%;background:#c4ab85;border:2px solid #e2d5b8;z-index:3;display:flex;align-items:center;justify-content:center;font:700 12px Manrope,Arial,sans-serif;color:#13232e}
.pv-plant{position:absolute;bottom:31%;right:5%;width:23%;height:31%;z-index:2;display:flex;justify-content:center;gap:5px;align-items:end}
.pv-plant i{border-radius:60% 40% 55% 45%;background:#476c46;width:29%;height:69%;border:1px solid #b0b886}.pv-plant i:nth-child(2){height:100%}.pv-plant i:nth-child(3){height:78%}
.pv-plant span{position:absolute;top:-26px;font:700 12px Manrope,Arial,sans-serif;color:#f1f5ec;background:#183931;padding:1px 6px}
.pv-silhouette{position:absolute;left:27%;bottom:17%;width:14%;height:13%;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:end;transition:bottom .3s,left .3s}
.pv-silhouette i{display:block;width:53%;height:44%;background:#162937;border-radius:70% 60% 15% 15%}
.pv-silhouette b{display:block;width:83%;height:52%;background:#162937;border-radius:30%}
.pv-focus{position:absolute;border:2px dashed var(--pv-gold);width:35%;height:25%;z-index:5;opacity:0;transition:opacity .25s;pointer-events:none;border-radius:50%}
.pv-focus-room{left:9%;bottom:16%}.pv-focus-patio{left:64%;bottom:15%}.pv-focus-garden{right:5%;top:21%}
.pv-house[data-area=room] .pv-focus-room,.pv-house[data-area=patio] .pv-focus-patio,.pv-house[data-area=garden] .pv-focus-garden{opacity:1}
.pv-house[data-animal=cat] .pv-perch{opacity:1}
.pv-house[data-animal=cat] .pv-silhouette{bottom:32%;left:35%}
.pv-house[data-area=patio] .pv-silhouette{left:70%}
.pv-house[data-area=garden] .pv-silhouette{left:83%;bottom:29%}
.pv-house[data-area=patio] .pv-patio,.pv-house[data-area=garden] .pv-plant{filter:brightness(1.1)}
.pv-stage figcaption{color:var(--pv-gold-light);font:700 12px/1.6 Manrope,Arial,sans-serif;letter-spacing:.1em}
.pv-analysis{padding:clamp(26px,3.4vw,46px);background:#f9f6ef;color:var(--pv-navy);min-width:0}
.pv-now .eyebrow{color:#7a5a30;margin:0}
.pv-analysis h3{font:500 clamp(32px,3.4vw,46px)/1.1 Editorial,Georgia,serif;margin:14px 0 8px;text-wrap:balance}
.pv-focus-line,.pv-card-focus{font:700 14px/1.6 Manrope,Arial,sans-serif;color:var(--pv-muted);margin:0 0 18px}
.pv-analysis>p,.pv-reading-card>p:not(.eyebrow):not(.pv-card-focus){font:400 15px/1.75 Manrope,Arial,sans-serif;color:var(--pv-ink);text-wrap:pretty}
.pv-says{border-left:3px solid #9a7340;background:#efe5d6;padding:16px 19px;margin:20px 0}
.pv-says p{font:400 15px/1.75 Manrope,Arial,sans-serif;color:var(--pv-ink);margin:0 0 8px}
.hf-pets-eye .pv-says .pv-says-label{font:700 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--pv-bronze);margin:0 0 6px}
.pv-says a{display:inline-block;padding-block:4px;font:700 14px/1.4 Manrope,Arial,sans-serif;color:var(--pv-bronze)}
.pv-step{font:400 15px/1.75 Manrope,Arial,sans-serif;color:var(--pv-ink)}
.pv-step strong{color:var(--pv-navy)}
.pv-noscript{padding:21px;background:#fff7e6;color:var(--pv-navy);font:400 15px/1.7 Manrope,Arial,sans-serif;margin:16px 0 0}
.pv-reading{padding-block:97px 107px}.pv-reading-heading{max-width:850px}
.pv-reading-heading .eyebrow{color:#7a5a30}
.pv-reading-heading h2{margin:15px 0}.pv-reading-heading>p:not(.eyebrow){font:400 16px/1.75 Manrope,Arial,sans-serif;color:var(--pv-muted)}
.pv-reading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:38px}
.pv-reading-card{padding:28px;border:1px solid #d9cfc1;background:#faf7f1}
.pv-reading-card .eyebrow{color:#7a5a30;margin:0}
.pv-reading-card h3{font:500 30px/1.15 Editorial,Georgia,serif;margin:14px 0 6px;text-wrap:balance}
.pv-sources{padding-block:84px 76px;background:#132c3a;color:#f4f0e8}
.pv-sources .eyebrow{color:var(--pv-gold)}.pv-sources h2{margin:15px 0 35px}
.pv-sources-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pv-sources-grid a{display:flex;flex-direction:column;gap:10px;padding:23px;background:#284655;border:1px solid #c5a57576;text-decoration:none;color:#f4f0e8}
.pv-sources-grid strong{font:700 15px/1.55 Manrope,Arial,sans-serif}
.pv-sources-grid span{font:400 14px/1.7 Manrope,Arial,sans-serif;color:#dde4e4}
.pv-sources-grid a>span:last-child{color:var(--pv-gold)}
.pv-fine{padding-top:25px;border-top:1px solid #eaca925c;margin-top:28px;font:400 15px/1.8 Manrope,Arial,sans-serif;color:#dde4e4;max-width:915px}
.pv-sources nav{display:flex;flex-wrap:wrap;gap:8px 24px;margin:22px 0}.pv-sources nav a{display:inline-flex;align-items:center;min-height:32px;color:var(--pv-gold);font:700 14px Manrope,Arial,sans-serif;text-decoration:none}
.pv-sources small{font:400 13px/1.6 Manrope,Arial,sans-serif;color:#cfd9db}
@media(max-width:1050px){.pv-hero-grid,.pv-exhibit,.pv-answer{grid-template-columns:1fr}.pv-hero-grid{padding-block:93px 68px}.pv-hero-art{max-width:650px;margin-top:45px;height:300px}.pv-answer{gap:28px}.pv-stage{min-height:460px}}
@media(max-width:670px){.pv-hero-grid{padding-block:82px 63px}.pv-hero h1{font-size:clamp(43px,10.8vw,64px)}.pv-hero-art{height:231px}.pv-hero-ground{padding-bottom:34px}.pv-answer{padding-block:56px 60px}.pv-answer .pv-lede{font-size:17px}.pv-urgent{padding:22px 20px}.pv-urgent h2{font-size:26px}.pv-lab{padding-block:61px 69px}.pv-animal-switch button{padding:12px;min-height:67px;gap:10px;flex-direction:column;align-items:flex-start}.pv-animal-switch button strong{font-size:20px}.pv-area-switch{gap:6px}.pv-area-switch button{font-size:14px;padding:10px 6px}.pv-stage{padding:17px;min-height:343px}.pv-house{height:255px;margin:20px auto 13px}.pv-analysis{padding:26px 21px}.pv-reading{padding-block:66px}.pv-reading-grid,.pv-sources-grid{grid-template-columns:1fr}.pv-reading-card{padding:23px}.pv-sources{padding-block:64px}}
@media(max-width:360px){.pv-area-switch button{font-size:13px}.pv-art-folio{flex-direction:column;gap:2px}}
@media(prefers-reduced-motion:reduce){.hf-pets-eye *,.hf-pets-eye *:before,.hf-pets-eye *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.pv-hero,.pv-lab{display:none!important}.pv-urgent{background:white;color:#111;border:2px solid #111}.pv-urgent h2,.pv-urgent p,.pv-urgent a{color:#111}.pv-reading-grid{display:block}.pv-reading-card{break-inside:avoid;margin-bottom:13px}.pv-sources{background:white;color:#111}.pv-sources-grid a{background:white;color:#111}}