.ah { display: grid; grid-template-columns: 1fr 1fr; min-height: 100svh; padding-top: 76px; }
.ah-t { background: var(--linen); padding: 5rem 4rem; display: flex; flex-direction: column; justify-content: center; gap: 1.4rem; }
.ah-t h1 { font-family: var(--serif); font-size: clamp(2.4rem,5vw,4.2rem); font-weight: 400; line-height: 1.1; }
.ah-t h1 em { font-style: italic; color: var(--dusk); }
.ah-t p { font-size: .95rem; line-height: 1.9; color: var(--dusk); max-width: 440px; }
.ah-img { background: url('../images/store-images/facade.png') center/cover no-repeat; }
.stats { background: var(--bark); padding: 3.5rem 3rem; display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem; }
.stat { text-align: center; }
.stn { font-family: var(--serif); font-size: clamp(2.4rem,5vw,3.8rem); font-weight: 400; color: var(--clay); line-height: 1; margin-bottom: .4rem; }
.stl { font-size: .62rem; letter-spacing: .16em; text-transform: uppercase; color: rgba(240,235,227,.45); }
.story { display: grid; grid-template-columns: 1fr 1fr; }
.story-img { background: url('../images/material-shelf.jpg') center/cover no-repeat; min-height: 500px; }
.story-t { padding: 5rem 4rem; display: flex; flex-direction: column; justify-content: center; gap: 1rem; background: var(--ww); }
.story-t h2 { font-family: var(--serif); font-size: clamp(1.8rem,3vw,2.8rem); font-weight: 400; line-height: 1.2; }
.story-t h2 em { font-style: italic; color: var(--dusk); }
.story-t p { font-size: .95rem; line-height: 1.9; color: var(--dusk); max-width: 440px; }
.vals { background: var(--linen); padding: 5rem 3rem; }
.vals h2 { font-family: var(--serif); font-size: clamp(1.8rem,3vw,2.8rem); font-weight: 400; margin-bottom: 3rem; }
.vgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }
.vc { background: var(--ww); padding: 2.2rem; }
.vc-icon { font-size: 1.8rem; color: var(--clay); margin-bottom: .8rem; }
.vc h3 { font-family: var(--serif); font-size: 1.15rem; font-weight: 400; margin-bottom: .6rem; }
.vc p { font-size: .92rem; line-height: 1.85; color: var(--dusk); }
.team { padding: 5rem 3rem; background: var(--ww); }
.team h2 { font-family: var(--serif); font-size: clamp(1.8rem,3vw,2.8rem); font-weight: 400; margin-bottom: 3rem; }
.tgrid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.8rem; }
.tc img { width: 100%; aspect-ratio: 3/4; object-fit: cover; display: block; filter: grayscale(15%); transition: filter .4s; }
.tc:hover img { filter: grayscale(0); }
.tc-info { padding: 1rem 0; }
.tc-name { font-family: var(--serif); font-size: 1.1rem; font-weight: 400; margin-bottom: .2rem; }
.tc-role { font-size: .62rem; letter-spacing: .15em; text-transform: uppercase; color: var(--dusk); }
.cta { background: url('../images/stock/browsing.png') center/cover no-repeat; position: relative; padding: 6rem 2rem; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 1.4rem; }
.cta::before { content: ''; position: absolute; inset: 0; background: rgba(30,20,14,.68); }
.cta > * { position: relative; z-index: 2; }
.cta h2 { font-family: var(--serif); font-size: clamp(2rem,4vw,3.2rem); font-weight: 400; color: var(--linen); line-height: 1.2; }
.cta h2 em { font-style: italic; color: var(--clay); }
.cta p { font-size: .95rem; color: rgba(240,235,227,.62); max-width: 460px; line-height: 1.8; }
@media (max-width: 900px) {
  .ah { grid-template-columns: 1fr; min-height: auto; padding-top: 64px; }
  .ah-img { aspect-ratio: 4/3; order: -1; } .ah-t { padding: 3rem 1.4rem; gap: 1rem; }
  .stats { grid-template-columns: 1fr 1fr; padding: 3rem 1.4rem; gap: 1.8rem; }
  .story { grid-template-columns: 1fr; } .story-img { min-height: auto; aspect-ratio: 4/3; } .story-t { padding: 3rem 1.4rem; }
  .vals { padding: 3.5rem 1.4rem; } .vgrid { grid-template-columns: 1fr; gap: 1rem; }
  .team { padding: 3.5rem 1.4rem; } .tgrid { grid-template-columns: 1fr 1fr; gap: 1.2rem; }
  .cta { padding: 4rem 1.4rem; }
}
@media (max-width: 520px) { .tgrid { grid-template-columns: 1fr; } }