/* Approach page: photo-led sections that echo the homepage while keeping the long-form copy readable. */
.approach-page .approach-pillar-section{padding:60px 0;background:#102e24;color:#f5f1e6;position:relative;overflow:hidden}
.approach-page .approach-pillar-section:before{content:"";position:absolute;inset:0 0 42%;background:linear-gradient(180deg,#102e2440,#102e24e8),url('/assets/mentor-dogs-park.webp') center 30%/cover no-repeat;opacity:.9}
.approach-page .approach-pillar-section .shell{position:relative}
.approach-page .approach-pillar-section .philosophy-detail{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:0;background:#f4f0e5;color:#17372b;border:1px solid #dfd8c5;border-radius:18px;overflow:hidden;align-items:stretch}
.approach-page .approach-pillar-section .pillar-heading{padding:42px 38px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#173d2fdd,#102e24c7),url('/assets/reactive-dog-guidance.webp') center 24%/cover no-repeat;color:#f6f1e6;min-height:330px}
.approach-page .approach-pillar-section .pillar-index{color:#e2bb65;margin-bottom:22px}
.approach-page .approach-pillar-section .pillar-heading .eyebrow{color:#e2bb65}
.approach-page .approach-pillar-section .pillar-heading h2{font-family:var(--serif);font-size:clamp(2.25rem,4vw,3.8rem);line-height:1.08;font-weight:400;letter-spacing:-.035em}
.approach-page .approach-pillar-section .pillar-heading h2 em{color:#e2bb65}
.approach-page .approach-pillar-section .prose{padding:42px 44px;color:#536258;display:flex;flex-direction:column;justify-content:center}
.approach-page .approach-pillar-section .prose .lead{color:#17372b;font-size:1.35rem}
.approach-page .approach-pillar-section .case-study{margin-top:34px}
.approach-page .approach-pillar-fulfillment .pillar-heading{order:2;background-image:linear-gradient(145deg,#173d2fdd,#102e24c7),url('/assets/mentor-dogs-park.webp');background-position:center 48%}
.approach-page .approach-pillar-fulfillment .prose{order:1}
.approach-page .approach-pillar-clarity .pillar-heading{background-image:linear-gradient(145deg,#173d2fdd,#102e24c7),url('/assets/public-training-class.webp');background-position:center 34%}
.approach-page #mentor-dogs{padding:60px 0;background:#173d2f;color:#f5f1e6;position:relative;overflow:hidden}
.approach-page #mentor-dogs:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#102e24ec 0%,#102e24b5 48%,#102e2440),url('/assets/mentor-dogs-platform.webp') center/cover no-repeat;opacity:.92}
.approach-page #mentor-dogs .shell{position:relative}
.approach-page #mentor-dogs .split{grid-template-columns:1fr 1fr;gap:42px;align-items:end}
.approach-page #mentor-dogs .split>div:first-child{padding:32px 0}
.approach-page #mentor-dogs .split>div:last-child{padding:30px;background:#f4f0e5;color:#536258;border-radius:16px;border:1px solid #dfd8c5}
.approach-page #mentor-dogs .split h2{font-family:var(--serif);font-size:clamp(2.5rem,5vw,4.6rem);line-height:1.04;font-weight:400;letter-spacing:-.04em}
.approach-page #mentor-dogs .split .section-lead{color:#d8e1d8}
.approach-page #mentor-dogs .split .eyebrow{color:#e2bb65}
.approach-page #mentor-dogs .case-study{margin-top:34px}
.approach-page #balance{background:#e6eadf}
.approach-page #balance .balance-grid{gap:16px}
.approach-page #balance .balance-grid article{background:#f4f0e5;border:1px solid #c4cdbd;border-top:3px solid #c3a25d;border-radius:12px;padding:26px 24px;min-height:170px}
.approach-page #balance .balance-grid h3{font-family:var(--serif);font-size:1.8rem;font-weight:400;line-height:1.15}
.approach-page #balance .philosophy-close{border-top-color:#aebaa8}
@media(max-width:860px){
 .approach-page .approach-pillar-section{padding:52px 0}
 .approach-page .approach-pillar-section .philosophy-detail{grid-template-columns:1fr}
 .approach-page .approach-pillar-section .pillar-heading,.approach-page .approach-pillar-fulfillment .pillar-heading{order:1;min-height:250px;padding:30px 26px}
 .approach-page .approach-pillar-section .prose,.approach-page .approach-pillar-fulfillment .prose{order:2;padding:30px 26px}
 .approach-page #mentor-dogs{padding:52px 0}
 .approach-page #mentor-dogs .split{grid-template-columns:1fr;gap:22px}
 .approach-page #mentor-dogs .split>div:first-child{padding:15px 0}
}
@media(max-width:520px){
 .approach-page .approach-pillar-section{padding:42px 0}
 .approach-page .approach-pillar-section:before{inset:0 0 52%}
 .approach-page .approach-pillar-section .pillar-heading{min-height:220px;padding:26px 22px}
 .approach-page .approach-pillar-section .prose{padding:25px 22px}
 .approach-page .approach-pillar-section .prose .lead{font-size:1.2rem}
 .approach-page #mentor-dogs .split>div:last-child{padding:24px 20px}
 .approach-page #mentor-dogs .split h2{font-size:2.55rem}
 .approach-page #balance .balance-grid article{min-height:0;padding:22px 20px}
}