.page-hero { display: grid; grid-template-columns: 1fr 1fr; min-height: 690px; background: var(--parchment); }
.page-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(80px, 10vw, 150px) var(--gutter); }
.page-hero-copy h1 { max-width: 820px; margin-bottom: 28px; font-size: clamp(3.5rem, 6.5vw, 7.2rem); }
.page-hero-copy > p:not(.eyebrow) { max-width: 610px; color: #514B44; font-size: 1.05rem; }
.page-hero-image { min-height: 560px; }
.page-hero-image img { height: 100%; object-fit: cover; }
.intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(50px, 10vw, 170px); max-width: var(--max); margin: 0 auto; }
.intro-grid h2 { margin-bottom: 0; }
.intro-grid > div:last-child { padding-top: 48px; color: #514B44; }
.feature-cards { display: grid; grid-template-columns: repeat(3,1fr); max-width: var(--max); margin: 0 auto; border-top: 1px solid #CFC7BA; border-left: 1px solid #CFC7BA; }
.feature-cards article { min-height: 350px; padding: 38px 32px; border-right: 1px solid #CFC7BA; border-bottom: 1px solid #CFC7BA; }
.feature-cards .number { display: block; margin-bottom: 68px; color: var(--brass); font-size: .68rem; font-weight: 700; letter-spacing: .13em; }
.feature-cards h3 { margin-bottom: 18px; }
.feature-cards p { margin-bottom: 0; color: #514B44; font-size: .9rem; }
.image-copy { display: grid; grid-template-columns: 1fr 1fr; min-height: 720px; background: var(--ink); color: var(--cream); }
.image-copy img { height: 100%; object-fit: cover; }
.image-copy > div:last-child { align-self: center; padding: 80px var(--gutter); }
.image-copy h2 { margin-bottom: 28px; }
.image-copy p { max-width: 650px; color: rgba(247,244,237,.82); }
.process { max-width: var(--max); margin: 0 auto; }
.process-list { margin: 0; padding: 0; border-top: 1px solid #CFC7BA; list-style: none; }
.process-list li { display: grid; grid-template-columns: 90px .7fr 1.3fr; gap: 30px; padding: 30px 0; border-bottom: 1px solid #CFC7BA; }
.process-list > li > span { color: var(--brass); font-size: .68rem; font-weight: 700; letter-spacing: .13em; }
.process-list h3 { margin-bottom: 0; font-size: clamp(1.6rem, 2.2vw, 2.4rem); }
.process-list p { margin-bottom: 0; color: #514B44; }
.collection-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: #CFC7BA; }
.collection-card { position: relative; min-height: 620px; overflow: hidden; background: var(--ink); }
.collection-card img { height: 100%; object-fit: cover; transition: transform .7s var(--ease); }
.collection-card:hover img { transform: scale(1.025); }
.collection-card::after { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(20,17,13,.75), transparent 55%); content: ""; }
.collection-caption { position: absolute; z-index: 2; right: 0; bottom: 0; left: 0; padding: 35px; color: var(--cream); }
.collection-caption h2 { margin-bottom: 7px; font-size: clamp(2.4rem, 3.5vw, 4rem); }
.collection-caption p { max-width: 580px; margin-bottom: 0; color: rgba(247,244,237,.86); }
.story-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px, 9vw, 150px); max-width: var(--max); margin: 0 auto; align-items: center; }
.story-grid img { aspect-ratio: 4 / 5; object-fit: cover; }
.story-copy h2 { margin-bottom: 28px; }
.story-copy p { color: #514B44; }
.beliefs { display: grid; grid-template-columns: repeat(4,1fr); max-width: var(--max); margin: 0 auto; border-top: 1px solid rgba(247,244,237,.18); border-left: 1px solid rgba(247,244,237,.18); }
.beliefs article { min-height: 300px; padding: 38px 28px; border-right: 1px solid rgba(247,244,237,.18); border-bottom: 1px solid rgba(247,244,237,.18); }
.beliefs h3 { margin-bottom: 17px; font-size: 1.9rem; }
.beliefs p { margin: 0; color: rgba(247,244,237,.8); font-size: .88rem; }
.simple-page { max-width: 920px; margin: 0 auto; padding: clamp(80px, 10vw, 140px) var(--gutter); }
.simple-page h1 { font-size: clamp(3.3rem, 6vw, 6.4rem); }
.simple-page h2 { margin-top: 50px; font-size: 2.2rem; }
.simple-page p, .simple-page li { color: #514B44; }
.simple-brand { width: min(340px, 75%); margin-bottom: 55px; }
@media (max-width: 950px) {
    .page-hero, .intro-grid, .image-copy, .story-grid { grid-template-columns: 1fr; }
    .page-hero-image { order: -1; min-height: 440px; }
    .feature-cards { grid-template-columns: 1fr 1fr; }
    .beliefs { grid-template-columns: 1fr 1fr; }
    .intro-grid > div:last-child { padding-top: 0; }
}
@media (max-width: 680px) {
    .feature-cards, .collection-grid, .beliefs { grid-template-columns: 1fr; }
    .process-list li { grid-template-columns: 50px 1fr; }
    .process-list p { grid-column: 2; }
    .collection-card { min-height: 480px; }
}

.collection-grid > a.collection-card {
    display: block;
    position: relative;
    min-width: 0;
    cursor: pointer;
    color: var(--cream);
    text-decoration: none;
}

.collection-grid > a.collection-card:focus-visible {
    outline: 3px solid var(--brass);
    outline-offset: -3px;
}

.collection-grid > a.collection-card:focus-visible img {
    transform: scale(1.025);
}