.home-hero{min-height:calc(100vh - 140px);display:grid;grid-template-columns:.92fr 1.08fr;border-bottom:1px solid var(--line);background:var(--black)}
.home-hero-copy{position:relative;z-index:2;padding:clamp(70px,8vw,130px) clamp(24px,6vw,94px);display:flex;flex-direction:column;justify-content:center}
.home-hero-copy:after{content:"H&P";position:absolute;right:2vw;bottom:0;color:rgba(255,255,255,.035);font-family:Georgia,"Times New Roman",serif;font-size:clamp(5rem,14vw,13rem);line-height:1;pointer-events:none}
.home-hero-copy h1{font-size:clamp(3.6rem,6.2vw,6.7rem)}
.home-hero-image{position:relative;min-height:650px;margin:0;overflow:hidden;background:#c9bda9}
.home-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,11,11,.38),transparent 30%),linear-gradient(0deg,rgba(11,11,11,.45),transparent 34%);pointer-events:none}
.home-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 44%;filter:saturate(.78) contrast(1.04)}
.home-hero-image figcaption{position:absolute;z-index:2;right:30px;bottom:26px;left:30px;display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#eeeae3;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.home-hero-image figcaption span{color:var(--white)}.home-hero-image figcaption i{width:25px;height:1px;margin:0 5px;background:var(--tan)}
.start-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-bottom:1px solid var(--line);background:var(--charcoal)}
.start-rail a{min-height:125px;padding:26px clamp(22px,3vw,44px);display:grid;grid-template-columns:1fr auto;align-content:space-between;gap:12px;color:var(--white);text-decoration:none;border-right:1px solid var(--line);transition:.22s}
.start-rail a:last-child{border-right:0}.start-rail a:hover,.start-rail a:focus-visible{color:var(--black);background:var(--tan)}
.start-rail span{grid-column:1/-1;color:var(--tan);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.start-rail a:hover span,.start-rail a:focus-visible span{color:#4e3827}
.start-rail strong{font-family:Georgia,serif;font-size:clamp(1.25rem,2vw,2rem);font-weight:400}.start-rail i{font-style:normal;font-size:1.2rem}
.section-note{max-width:470px;margin:24px 0 0;color:var(--stone);line-height:1.7}.dog-guide-stage{padding:clamp(80px,9vw,140px) clamp(24px,6vw,94px);display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(50px,7vw,110px);background:var(--black)}
.guide-stage-heading{position:sticky;top:36px;align-self:start}.guide-stage-heading h2,.cause-stage h2,.explore-heading h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.045em;line-height:1.02}
.guide-stage-heading h2{font-size:clamp(2.8rem,5vw,5.3rem)}.guide-stage-heading>p:not(.eyebrow){max-width:590px;color:var(--stone);font-size:1.04rem;line-height:1.75}.guide-stage-heading .button{margin-top:18px}
.guide-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.guide-feature-grid a{min-height:315px;padding:clamp(30px,3.5vw,50px);display:flex;flex-direction:column;color:var(--white);background:var(--charcoal);text-decoration:none;transition:.22s}
.guide-feature-grid a:hover,.guide-feature-grid a:focus-visible{color:var(--black);background:var(--tan)}
.guide-feature-grid span{margin-bottom:auto;color:var(--tan);font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.guide-feature-grid a:hover span,.guide-feature-grid a:focus-visible span{color:#4e3827}
.guide-feature-grid h3{margin:48px 0 14px;font-family:Georgia,serif;font-size:clamp(1.65rem,2.7vw,2.7rem);font-weight:400;line-height:1.06}.guide-feature-grid p{color:var(--stone);line-height:1.68}.guide-feature-grid a:hover p,.guide-feature-grid a:focus-visible p{color:#2e2925}.guide-feature-grid strong{margin-top:14px;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.home-dogs figure img{object-position:45% center}.cause-stage{padding:clamp(80px,9vw,140px) clamp(24px,7vw,105px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,8vw,130px);align-items:end;border-bottom:1px solid var(--line);background:var(--charcoal)}
.cause-stage h2{max-width:760px;margin:0;font-size:clamp(3rem,5.2vw,5.7rem)}.cause-stage>div:last-child p{max-width:650px;color:#d6d2cb;font-size:1.08rem;line-height:1.75}.cause-stage .button{margin-top:18px}
.explore-stage{padding:clamp(80px,9vw,140px) clamp(24px,7vw,105px);color:var(--ink);background:var(--cream)}
.explore-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:40px;margin-bottom:60px}.explore-heading h2{margin:0;font-size:clamp(2.8rem,5vw,5.5rem)}
.explore-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--darkline);border:1px solid var(--darkline)}
.explore-cards a{min-height:330px;padding:clamp(30px,3.5vw,48px);display:flex;flex-direction:column;color:var(--ink);background:var(--cream);text-decoration:none;transition:.22s}.explore-cards a:hover,.explore-cards a:focus-visible{color:var(--white);background:var(--charcoal)}
.explore-cards span{margin-bottom:auto;color:#8a694c;font-size:.68rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.explore-cards h3{margin:60px 0 16px;font-family:Georgia,serif;font-size:clamp(1.7rem,2.6vw,2.65rem);font-weight:400;line-height:1.08}.explore-cards p{color:var(--muted);line-height:1.68}.explore-cards a:hover p{color:var(--stone)}.explore-cards strong{margin-top:14px;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
@media(max-width:980px){.home-hero,.dog-guide-stage,.cause-stage{grid-template-columns:1fr}.home-hero-image{min-height:560px}.guide-stage-heading{position:static}.explore-heading{grid-template-columns:1fr}.home-redesign .site-header nav{gap:12px 22px}}
@media(max-width:700px){.home-hero-image{min-height:470px}.start-rail,.guide-feature-grid,.explore-cards{grid-template-columns:1fr}.start-rail a{min-height:105px;border-right:0;border-bottom:1px solid var(--line)}.start-rail a:last-child{border-bottom:0}.home-hero-image figcaption{justify-content:flex-start}.dog-guide-stage{gap:42px}.cause-stage{gap:30px}.explore-heading{gap:10px}}
