/* Editorial brand story, with native WordPress content in the shared campaign frame. */
.hf-catalog .hf-about-hero .hf-catalog-lead{max-width:42rem}
.hf-catalog .hf-about-coast{width:100%;max-width:none;margin:0!important;height:clamp(20rem,34vw,32rem);overflow:hidden}
.hf-catalog .hf-about-coast img{display:block;width:100%;height:100%;object-fit:cover;object-position:85% 58%}
.hf-catalog .hf-about-roots{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding:4.5rem var(--hf-catalog-gutter)!important;background:#063b5c;color:#fff;scroll-margin-top:7rem}
.hf-catalog .hf-about-roots .hf-catalog-section-title{color:#fff}
.hf-catalog .hf-about-copy{align-self:center;min-width:0;margin:0!important}
.hf-catalog .hf-about-copy-title{font:600 2rem/1.15 'Barlow Condensed',sans-serif;text-transform:uppercase;color:inherit;margin:0 0 1.5rem!important}
.hf-catalog :is(.hf-about-copy,.hf-about-value,.hf-about-land-copy)>p:not(.hf-eyebrow,.hf-catalog-lead,.hf-about-label){font-size:1rem;line-height:1.7}
.hf-catalog .hf-about-emphasis{padding-top:1.5rem;border-top:1px solid #ffffff40;margin-top:1.5rem!important;font-weight:600}
.hf-catalog .hf-about-values{padding:4.5rem var(--hf-catalog-gutter)!important;scroll-margin-top:7rem}
.hf-catalog .hf-about-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-top:3rem!important}
.hf-catalog .hf-about-value{min-width:0;margin:0!important;border-top:1px solid #063b5c30;padding-top:1.5rem}
.hf-catalog .hf-about-label{display:table;width:fit-content;max-width:100%;background:#c04c36;color:#fff;padding:.4rem .7rem;margin:0 0 1rem!important;font:600 .9rem/1.3 'Barlow Condensed',sans-serif;letter-spacing:.05em;text-transform:uppercase}
.hf-catalog .hf-about-value-title{font:600 clamp(1.9rem,2.7vw,2.5rem)/1.1 'Barlow Condensed',sans-serif;text-transform:uppercase;color:#063b5c;margin:0 0 1.5rem!important}
.hf-catalog .hf-about-land{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#457c8e;color:#fff}
.hf-catalog .hf-about-pasture{position:relative;align-self:stretch;margin:0!important;min-height:30rem}
.hf-catalog .hf-about-pasture img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:45% center}
.hf-catalog .hf-about-land-copy{align-self:center;padding:4rem var(--hf-catalog-gutter) 4rem 3rem!important;margin:0!important;min-width:0}
.hf-catalog .hf-about-land-copy .hf-catalog-section-title{color:#fff;font-size:clamp(2.5rem,3.5vw,3.6rem)}
.hf-catalog .hf-about-range-links{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-top:1.5rem!important}
.hf-catalog .hf-about-range-links p{margin:0!important}
.hf-catalog .hf-about-range-links a span{transform:none!important}
.hf-catalog .hf-about-range-links a:is(:hover,:focus-visible){color:#fff;border-bottom-width:2px}
@media(max-width:1100px){
 .hf-catalog .hf-about-roots{gap:2.5rem}
 .hf-catalog .hf-about-values-grid{gap:2rem}
 .hf-catalog .hf-about-land{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 .hf-catalog .hf-about-land-copy{padding-left:2rem!important}
}
@media(max-width:900px){
 .hf-catalog .hf-about-values-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
 .hf-catalog .hf-about-value{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:2rem;align-content:start}
 .hf-catalog .hf-about-value-title{grid-column:1;margin-bottom:0!important}
 .hf-catalog .hf-about-value>p:last-child{grid-column:2;grid-row:1/3;margin:0!important}
 .hf-catalog .hf-about-land{grid-template-columns:minmax(0,1fr)}
 .hf-catalog .hf-about-pasture{height:22rem;min-height:0}
 .hf-catalog .hf-about-land-copy{padding:3rem var(--hf-catalog-gutter)!important}
}
@media(max-width:781px){
 .hf-catalog :is(.hf-about-roots,.hf-about-values){padding-block:3rem!important}
 .hf-catalog .hf-about-roots{grid-template-columns:minmax(0,1fr);gap:1.5rem}
 .hf-catalog .hf-about-coast{height:22rem}
}
@media(max-width:600px){
 .hf-catalog .hf-about-value{display:block}
 .hf-catalog .hf-about-value-title{margin-bottom:1.25rem!important}
 .hf-catalog .hf-about-values-grid{margin-top:2rem!important}
 .hf-catalog .hf-about-pasture{height:18rem}
}

/* CIT's BARF experience, following the brand's origin story. */
.hf-catalog .hf-about-barf{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4rem;padding:4.5rem var(--hf-catalog-gutter)!important;background:#edf2f4;scroll-margin-top:7rem}
.hf-catalog .hf-about-barf .hf-about-section-head{position:relative;isolation:isolate;padding-bottom:5rem}
.hf-catalog .hf-about-barf .hf-about-section-head::after{content:'';position:absolute;left:0;bottom:0;width:min(100%,21rem);height:3rem;background:#063b5c;opacity:.35;mask:url(anchor-pattern-dry-heading.svg) left top/21rem auto no-repeat;pointer-events:none}
.hf-catalog .hf-about-barf-copy{margin:0!important;min-width:0}
.hf-catalog .hf-about-barf-copy>p{font-size:1rem;line-height:1.7}
.hf-catalog .hf-about-barf-copy>p:first-child{margin-top:0!important}
.hf-catalog .hf-about-barf-copy .hf-about-copy-title{font-size:1.8rem;margin:2rem 0 1rem!important}
.hf-catalog .hf-about-barf-copy .hf-arrow-link{margin:1.5rem 0 0!important}
.hf-catalog .hf-about-barf-copy .hf-arrow-link a{display:inline-flex;align-items:center;gap:1rem;line-height:1.5}
.hf-catalog .hf-about-barf-copy .hf-arrow-link span{flex:none;margin:0;transform:none!important}
.hf-catalog .hf-about-barf-copy .hf-arrow-link a:is(:hover,:focus-visible){color:#c04c36}
@media(max-width:1100px){.hf-catalog .hf-about-barf{gap:2.5rem}}
@media(max-width:781px){
 .hf-catalog .hf-about-barf{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:3rem!important}
 .hf-catalog .hf-about-barf .hf-about-section-head{padding-bottom:0}
 .hf-catalog .hf-about-barf .hf-about-section-head::after{display:none}
 .hf-catalog .hf-about-barf .hf-catalog-lead{margin-bottom:0!important}
}