.catalog { line-height: 1.6; }
.catalog h1, .catalog h2, .catalog h3 { text-wrap: balance; }
.catalog .reforma-skip { position: absolute; top: -80px; left: 24px; z-index: 100; padding: 12px 20px; background: var(--lime); color: var(--dark); }
.catalog .reforma-skip:focus { top: 20px; }
.catalog-hero { padding-top: 174px; padding-bottom: 88px; }
.catalog-category { font-size: 13px; font-weight: 500; color: #bdc3ad; margin-bottom: 18px; }
.catalog-hero h1 { font-size: clamp(42px, 5.7vw, 78px); line-height: 1.05; font-weight: 800; letter-spacing: -.045em; max-width: 1000px; }
.catalog-intro { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-top: 34px; }
.catalog-intro p { max-width: 57ch; color: #bdc3ad; font-size: 18px; }
.catalog-link { display: inline-block; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.catalog-link:hover { text-decoration-thickness: 2px; }
.catalog-intro > a { flex-shrink: 0; color: var(--lime); }
.catalog-feature { background: var(--osso); color: var(--ink); padding: 80px 0; scroll-margin-top: 100px; }
.catalog-feature :focus-visible { outline-color: #426018; }
.catalog-feature__layout { display: grid; grid-template-columns: 1.3fr 1fr; gap: 100px; align-items: center; }
.catalog-feature .catalog-category { color: #535646; }
.catalog-feature h2 { font-size: clamp(42px, 4.9vw, 66px); letter-spacing: -.045em; line-height: 1.05; }
.catalog-feature__lead { font-family: 'Instrument Serif', Georgia, serif; font-size: clamp(32px, 3.5vw, 46px); line-height: 1.07; margin: 20px 0 28px; }
.catalog-feature__lead + p { max-width: 57ch; color: #535646; }
.catalog-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 24px; margin-top: 30px; }
.catalog-guides { margin-top: 24px; }
.catalog-study { background: var(--dark); color: var(--osso); padding: 38px; border-radius: 20px; }
.catalog-study h3 { font-size: 29px; font-weight: 600; letter-spacing: -.03em; line-height: 1.15; }
.catalog-study dl { margin: 30px 0; }
.catalog-study dl > div { display: grid; grid-template-columns: 86px 1fr; gap: 18px; border-top: 1px solid #343d26; padding: 18px 0; font-size: 14px; }
.catalog-study dt { color: var(--lime); font-weight: 600; }
.catalog-study dd { color: #c2c4b7; }
.catalog-study > p { color: #c2c4b7; font-size: 12px; line-height: 1.6; border-left: 2px solid var(--lime); padding-left: 16px; }
.catalog-list { padding-top: 90px; padding-bottom: 70px; }
.catalog-list > h2, .catalog-contact h2 { font-size: clamp(32px, 3.7vw, 48px); letter-spacing: -.035em; line-height: 1.1; margin-bottom: 42px; }
.catalog-product { display: grid; grid-template-columns: 1fr 1.2fr; column-gap: 80px; row-gap: 16px; padding: 34px 0; border-top: 1px solid #343d26; }
.catalog-product > div { grid-row: span 2; }
.catalog-product h3 { font-size: 29px; line-height: 1.15; letter-spacing: -.03em; }
.catalog-product .catalog-category { margin-bottom: 10px; }
.catalog-product > p { max-width: 58ch; color: #c2c4b7; }
.catalog-product > a { justify-self: start; color: var(--lime); }
.catalog-contact { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; padding-top: 48px; padding-bottom: 80px; }
.catalog-contact h2 { margin-bottom: 0; }
.catalog-contact p { color: #c2c4b7; max-width: 45ch; margin-bottom: 24px; }
.catalog-footer { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; gap: 24px; border-top: 1px solid #343d26; padding-top: 30px; padding-bottom: 30px; font-size: 12px; color: #c2c4b7; }
.catalog-footer .catalog-link { font-size: 12px; }
@media (max-width: 1000px) {
    .catalog-feature__layout { gap: 40px; }
    .catalog-product, .catalog-contact { column-gap: 40px; }
    .catalog-intro { align-items: start; flex-direction: column; gap: 24px; }
}
@media (max-width: 720px) {
    .catalog .container { padding-inline: 24px; }
    .catalog-hero { padding-top: 138px; padding-bottom: 56px; }
    .catalog-hero h1 { font-size: clamp(38px, 9vw, 55px); }
    .catalog-intro p { font-size: 16px; }
    .catalog-feature { padding: 56px 0; }
    .catalog-feature__layout, .catalog-product, .catalog-contact { grid-template-columns: 1fr; }
    .catalog-study { padding: 28px; }
    .catalog-study dl > div { grid-template-columns: 68px 1fr; gap: 14px; }
    .catalog-product > div { grid-row: auto; }
    .catalog-product { gap: 20px; }
    .catalog-product h3 { font-size: 27px; }
    .catalog-list { padding-top: 56px; padding-bottom: 24px; }
    .catalog-contact { padding-top: 32px; padding-bottom: 56px; gap: 26px; }
    .catalog .nav__cta { font-size: 11px; padding: 10px 12px; }
    .catalog .nav__logo-img { max-width: 94px; height: auto; }
}
@media (prefers-reduced-motion: reduce) {
    html:has(.catalog) { scroll-behavior: auto; }
    .catalog *, .catalog *::before, .catalog *::after { transition: none !important; }
}
