html:has(.help-cat-page), body:has(.help-cat-page) { overflow-x: hidden; }
body:has(.help-cat-page) .kgv-mobile-menu[aria-hidden="true"] { display: none; }

.help-cat-page { background: #f7f4ee; color: #28251f; padding: 0 0 68px; }
.help-cat-page .container { max-width: 1180px; }
.help-cat-hero { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(400px, .95fr); gap: clamp(28px, 3vw, 44px) clamp(48px, 5vw, 72px); align-items: stretch; padding: 26px 0 56px; }
.help-cat-hero__copy { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; padding: 40px 0 0; }
.help-cat-hero__media { grid-column: 1; grid-row: 1 / span 2; min-height: clamp(600px, 54vw, 720px); overflow: hidden; border-radius: 24px; background: #e9e3d8; }
.help-cat-hero__media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 45%; }
.help-cat-hero__eyebrow, .help-cat-section-heading > p, .help-cat-why p:first-child { margin: 0 0 12px; color: #927638; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.help-cat-hero h1, .help-cat-section-heading h2, .help-cat-why h2 { margin: 0; letter-spacing: -.045em; line-height: 1.02; }
.help-cat-hero h1 { max-width: 520px; font-size: clamp(46px, 5vw, 72px); }
.help-cat-hero__copy > p:not(.help-cat-hero__eyebrow):not(.help-cat-hero__facts) { max-width: 505px; margin: 17px 0 0; color: #5e584e; font-size: 17px; line-height: 1.55; }
.help-cat-hero__facts { margin: 19px 0 0; color: #665d4e; font-size: 14px; }

.help-cat-actions { grid-column: 2; grid-row: 2; display: grid; border-top: 1px solid rgba(51,43,30,.15); }
.help-cat-action { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 16px 0; border-bottom: 1px solid rgba(51,43,30,.15); }
.help-cat-action__icon, .help-cat-need__icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: #eee8dc; color: #766131; font-size: 21px; }
.help-cat-action__copy h2 { margin: 0; font-size: 18px; letter-spacing: -.02em; line-height: 1.2; }
.help-cat-action__copy p { margin: 4px 0 0; color: #625b51; font-size: 14px; line-height: 1.35; }

a.help-cat-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 46px !important; padding: 10px 15px; border: 1px solid transparent; border-radius: 10px; box-shadow: none; font-weight: 700; line-height: 1.2; text-align: center; text-decoration: none; transition: background-color .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease, transform .18s ease; }
a.help-cat-cta--primary { background: #2f271f !important; border-color: #2f271f !important; color: #fff !important; }
a.help-cat-cta--secondary { background: #fffdfa !important; border-color: #4b3c2d !important; color: #2f271f !important; }
a.help-cat-cta--primary:hover { background: #745321 !important; border-color: #745321 !important; box-shadow: 0 7px 18px rgba(47,39,31,.2); color: #fff !important; transform: translateY(-2px); }
a.help-cat-cta--secondary:hover { background: #f4e8d1 !important; border-color: #2f271f !important; box-shadow: 0 7px 18px rgba(47,39,31,.13); color: #2f271f !important; transform: translateY(-2px); }
a.help-cat-cta:focus-visible { outline: 3px solid #bd851e; outline-offset: 3px; box-shadow: 0 0 0 6px rgba(189,133,30,.18); }
a.help-cat-cta:disabled, a.help-cat-cta[aria-disabled="true"], a.help-cat-cta.is-disabled { background: #ded8cf !important; border-color: #ded8cf !important; box-shadow: none; color: #81796f !important; cursor: not-allowed; opacity: 1; pointer-events: none; transform: none; }

.help-cat-needs { padding: 48px 0; border-top: 1px solid rgba(51,43,30,.12); background: #f1ede5; }
.help-cat-section-heading { max-width: 620px; margin-bottom: 26px; }
.help-cat-section-heading h2 { font-size: clamp(32px, 4vw, 48px); }
.help-cat-needs__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.help-cat-need { display: flex; min-height: 185px; flex-direction: column; padding: 24px; border: 1px solid rgba(51,43,30,.14); border-radius: 16px; background: rgba(255,253,249,.83); }
.help-cat-need h3 { margin: 18px 0 18px; font-size: 20px; letter-spacing: -.025em; }
.help-cat-need .btn { width: 100%; margin-top: auto; }

.help-cat-why { padding: 52px 0 0; }
.help-cat-why .container { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px, 6vw, 80px); align-items: end; }
.help-cat-why h2 { max-width: 570px; font-size: clamp(30px, 3.6vw, 46px); }
.help-cat-why__copy { max-width: 510px; }
.help-cat-why__copy > p { margin: 0; color: #625b51; font-size: 17px; line-height: 1.58; }
.help-cat-why__note { margin-top: 14px !important; }
.help-cat-why__links { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 17px !important; font-weight: 700; }
.help-cat-why__links a, .help-cat-why__note a { color: #5d4824; text-underline-offset: 3px; }

@media (max-width: 980px) { .help-cat-hero { grid-template-columns: minmax(0, 1fr) minmax(330px, .9fr); gap: 34px; } .help-cat-hero__media { min-height: 570px; } .help-cat-needs__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .help-cat-page { padding-bottom: 52px; } .help-cat-hero { grid-template-columns: 1fr; gap: 26px; padding: 12px 0 42px; } .help-cat-hero__copy { grid-column: 1; grid-row: 1; padding: 0; } .help-cat-hero__media { grid-column: 1; grid-row: 2; min-height: min(108vw, 78vh); max-height: 78vh; border-radius: 20px; } .help-cat-actions { grid-column: 1; grid-row: 3; } .help-cat-hero h1 { font-size: clamp(42px, 13vw, 58px); } .help-cat-hero__copy > p:not(.help-cat-hero__eyebrow):not(.help-cat-hero__facts) { font-size: 16px; } .help-cat-action { grid-template-columns: 38px minmax(0, 1fr); gap: 12px; padding: 15px 0; } .help-cat-action .help-cat-cta { grid-column: 1 / -1; width: 100%; } .help-cat-needs { padding: 42px 0; } .help-cat-needs__grid, .help-cat-why .container { grid-template-columns: 1fr; gap: 14px; } .help-cat-need { min-height: 170px; } .help-cat-why { padding-top: 42px; } .help-cat-why .container { gap: 22px; } .help-cat-why__copy > p { font-size: 16px; } }