.categories-banner-container{background:var(--color-page-warm);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.1vw,22px);width:min(1800px,100% - 6vw);margin:4rem auto 0;padding:clamp(28px,3vw,58px) 0;display:grid}.categories-banner-item{aspect-ratio:2/3;color:#fff;background:#e9dfd4;min-width:0;text-decoration:none;position:relative;overflow:hidden}.categories-banner-item:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#130e0c33 34%,#130e0cd1 100%);position:absolute;inset:38% 0 0}.categories-banner-item img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.categories-banner-item-overlay{z-index:2;padding:clamp(18px,1.7vw,30px);position:absolute;bottom:0;left:0;right:0}.categories-banner-item-title{color:#fff;letter-spacing:-.025em;text-transform:uppercase;text-shadow:0 2px 12px #00000047;max-width:100%;font-family:Inter,sans-serif;font-weight:800;line-height:1.05;display:inline;font-size:clamp(1.05rem,1.45vw,1.7rem)!important}.categories-banner-item-title>span{margin-left:.2em;transition:transform .25s;display:inline-block;font-size:1em!important}@media (hover:hover) and (pointer:fine){.categories-banner-item:hover img{transform:scale(1.07)}.categories-banner-item:hover .categories-banner-item-title>span{transform:translate(5px)}}@media screen and (max-width:900px){.categories-banner-container{grid-template-columns:1fr;gap:12px;width:100%;margin-top:2rem;padding:20px 14px;display:grid;overflow:visible}.categories-banner-item{width:100%}.categories-banner-item-overlay{padding:18px}.categories-banner-item-title{font-size:clamp(1rem,5vw,1.35rem)!important}}
.intro-section{background:#f8efe4;grid-template-columns:minmax(0,1fr) auto;width:min(1760px,100% - 48px);height:65vh;max-height:800px;margin:clamp(2.5rem,5vw,5rem) auto 0;display:grid;overflow:hidden}.intro-section-content{color:#382b22;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,4vh,3rem) clamp(2rem,5vw,6rem);display:flex}.intro-section-eyebrow{color:#ca8424;letter-spacing:.04em;text-transform:uppercase;margin:0 0 clamp(.65rem,1.5vh,1.2rem);font-weight:700;font-size:clamp(.78rem,.9vw,1rem)!important}.intro-section-content h2{letter-spacing:-.045em;max-width:570px;margin:0;font-weight:350;line-height:1.04;font-size:clamp(2.25rem,5.5vh,4.5rem)!important}.intro-section-rule{background:#d38b27;width:48px;height:3px;margin:clamp(.7rem,1.7vh,1.25rem) 0}.intro-section-content>p:not(.intro-section-eyebrow){max-width:510px;margin:0 0 clamp(.45rem,1vh,.8rem);font-weight:400;line-height:1.65;font-size:.8rem!important}.intro-section-cta{color:#fff;letter-spacing:.02em;text-transform:uppercase;background:#d58b24;justify-content:center;align-items:center;gap:1rem;min-height:42px;margin-top:clamp(.4rem,1vh,.8rem);padding:.65rem 1.2rem;font-weight:750;text-decoration:none;transition:background-color .18s,transform .18s;display:inline-flex;font-size:.78rem!important}.intro-section-cta:hover{background:#b97218;transform:translateY(-1px)}.intro-section-cta svg{font-size:1.05rem!important}.intro-section-image{width:65vh;max-width:800px;height:65vh;max-height:800px}.intro-section-image img{object-fit:contain;width:65vh;max-width:800px;height:65vh;max-height:800px;display:block}@media (max-width:800px){.intro-section{grid-template-columns:1fr;width:calc(100% - 24px);height:auto;max-height:none}.intro-section-content{padding:2.5rem 1.5rem 2.75rem}.intro-section-content h2{max-width:430px;font-size:clamp(2rem,10vw,3.5rem)!important}.intro-section-image{order:-1;width:100%;max-width:none;height:auto;max-height:800px}.intro-section-image img{aspect-ratio:1;object-fit:contain;width:100%;max-width:none;height:auto;max-height:800px}.intro-section-cta{width:100%}}
