.page-retail { background: #fffefa; color: #17350e; }
.page-retail .main { padding-top: 190px; }
.retail-hero { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-bottom: 85px; }
.retail-hero h1 { font-family: var(--font-heading); font-size: clamp(38px,4.5vw,66px); line-height: 1.04; letter-spacing: -.04em; margin: 22px 0; }
.retail-hero h1 em { display: block; color: #bb841f; }
.retail-hero p, .retail-quote p { font-size: 18px; line-height: 1.7; max-width: 52ch; margin-bottom: 26px; }
.retail-hero figure { margin: 0; }
.retail-hero img { width: 100%; aspect-ratio: 1.1; object-fit: cover; border-radius: 24px; }
.retail-hero figcaption { font-size: 13px; margin-top: 12px; color: #62705a; }
.retail-text-link { display: inline-block; margin: 18px; font-weight: 700; }
.retail-services { padding-block: 45px 70px; scroll-margin-top: 140px; }
.retail-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.retail-grid a { display: flex; flex-direction: column; padding: 30px; border: 1px solid #d9dfd1; border-top: 4px solid #406733; border-radius: 14px; background: white; color: inherit; text-decoration: none; }
.retail-grid a:hover { border-color: #c48d26; }
.retail-grid span { color: #9a6c15; text-transform: uppercase; letter-spacing: .09em; font-size: 12px; font-weight: 700; }
.retail-grid h3 { font-size: 23px; margin: 20px 0 15px; line-height: 1.2; }
.retail-grid p { font-size: 16px; line-height: 1.65; color: #53614e; margin-bottom: 24px; }
.retail-grid strong { margin-top: auto; }
.retail-quote { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-block: 50px 80px; scroll-margin-top: 140px; }
.retail-quote h2 { font-size: 34px; margin-block: 16px; }
@media(max-width:1000px) { .retail-hero { gap: 30px; } .retail-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media(max-width:650px) { .page-retail .main { padding-top: 145px; } .retail-hero { grid-template-columns: 1fr; padding-bottom: 30px; } .retail-hero img { aspect-ratio: 1.4; } .retail-grid { grid-template-columns: 1fr; } .retail-quote { display: block; } }