/* About: family, place and craft. Colour comes from the wines; sections alternate paper, red, ink. */
.about-main { width: 100%; margin: 0; padding: 0; }
.about-main figure { min-width: 0; }
.about-main figcaption { padding-block-start: 0.75rem; color: var(--muted); font-size: var(--text-small); line-height: 1.5; overflow-wrap: anywhere; }
.about-main section > *, .about-hero__opening > *, .about-generations__layout > * { min-width: 0; }
.about-section { padding-block: var(--space-6); }
.about-image { display: block; width: 100%; height: auto; }
.about-main .prose p { margin-block-end: 1.25em; }
.about-main h2 { max-width: 14ch; margin-block-end: var(--space-3); }

/* Hero. */
.about-hero { padding-block-end: 0; }
.about-hero__opening { display: grid; gap: var(--space-3); padding-block-end: var(--space-4); }
.about-hero__eyebrow { margin: 0 0 var(--space-2); display: inline-block; padding: 0.125rem 0.75rem; color: var(--ink); background: var(--w-chardonnay); font-size: var(--text-small); font-weight: 700; }
.about-hero h1 { max-width: 12ch; margin: 0; color: var(--red); font-size: clamp(3rem, 1.2rem + 7.6vw, 8rem); line-height: 0.92; letter-spacing: -0.025em; }
.about-hero__intro { max-width: 40ch; margin: 0; font-size: var(--text-lead); line-height: 1.45; }
.about-hero__photograph { margin-inline: calc(var(--gutter) * -1); }
.about-hero__photograph .about-image { aspect-ratio: 16 / 10; object-fit: cover; }
.about-hero__photograph figcaption { padding-inline: var(--gutter); }
@media (min-width: 60rem) {
	.about-hero__opening { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-3); align-items: end; }
	.about-hero__title { grid-column: 1 / span 8; }
	.about-hero__intro { grid-column: 9 / -1; }
	.about-hero__photograph { margin-inline: 0; }
	.about-hero__photograph .about-image { aspect-ratio: 21 / 9; }
	.about-hero__photograph figcaption { padding-inline: 0; }
}
@media (prefers-reduced-motion: no-preference) {
	.about-hero h1 { animation: hero-title 0.9s var(--ease) both; }
	.about-hero__photograph .about-image { animation: hero-photo 1.2s 0.15s var(--ease) both; }
	.about-hero__intro { animation: hero-copy 0.8s 0.45s var(--ease) both; }
}

/* Story. */
.about-story { display: grid; gap: var(--space-3); }
.about-story h2 { margin: 0; }
.about-story__body > p:first-child { font-size: var(--text-lead); line-height: 1.5; }
.about-story__photograph { margin-block-start: var(--space-3); }
.about-story__photograph .about-image { object-fit: cover; max-height: 44rem; }
@media (min-width: 60rem) {
	.about-story { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-3); align-items: start; }
	.about-story h2 { grid-column: 1 / span 4; position: sticky; inset-block-start: calc(var(--header-height) + 2rem); }
	.about-story__body { grid-column: 6 / -1; }
	.about-story__photograph { grid-column: 6 / -1; margin-block-start: var(--space-5); }
}

/* Generations: cellar red. */
.about-generations { color: var(--paper); background: var(--red); --focus: var(--paper); }
.about-generations__layout { display: grid; gap: var(--space-4); align-items: center; }
.about-generations__photograph { box-shadow: 0.75rem 0.75rem 0 var(--ink); }
.about-generations__photograph .about-image { object-fit: cover; }
.about-generations .prose { font-size: var(--text-lead); line-height: 1.5; max-width: 40ch; }
@media (min-width: 60rem) {
	.about-generations__layout--with-image { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-3); }
	.about-generations__layout--with-image > div { grid-column: 1 / span 6; }
	.about-generations__layout--with-image > figure { grid-column: 8 / -1; }
}

/* Vineyard: landscape first, then the numbers. */
.about-vineyard__photograph .about-image { aspect-ratio: 4 / 3; max-height: 40rem; object-fit: cover; }
.about-vineyard__photograph figcaption { width: min(calc(100% - var(--gutter) * 2), var(--container-width)); margin-inline: auto; }
.about-vineyard > .container { display: grid; gap: var(--space-5); }
.about-vineyard__copy .prose { max-width: 56ch; }
.about-statistics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4) var(--space-3); margin: 0; }
.about-statistics > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; padding-block-start: var(--space-2); border-block-start: 3px solid var(--red); }
.about-statistics dt { color: var(--muted); font-size: var(--text-small); font-weight: 600; }
.about-statistics dd { margin: 0; color: var(--red); font-family: var(--font-display); font-size: clamp(2.75rem, 1.6rem + 4.6vw, 5.5rem); line-height: 1; }
@media (min-width: 60rem) {
	.about-vineyard > .container { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-3); align-items: start; }
	.about-vineyard__copy { grid-column: 1 / span 6; }
	.about-statistics { grid-column: 8 / -1; }
}

/* Philosophy. */
.about-philosophy { display: grid; gap: var(--space-3); border-block-start: 3px solid var(--ink); }
.about-philosophy h2 { margin: 0; }
.about-philosophy__statement { font-size: var(--text-lead); line-height: 1.5; max-width: 44ch; }
.about-philosophy__photograph .about-image { object-fit: cover; }
@media (min-width: 60rem) {
	.about-philosophy { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-3); align-items: start; }
	.about-philosophy h2 { grid-column: 1 / span 5; }
	.about-philosophy__statement { grid-column: 1 / span 5; }
	.about-philosophy--with-image .about-philosophy__photograph { grid-column: 7 / -1; grid-row: 1 / span 2; }
}

/* Awards: ink. */
.about-awards { color: var(--paper); background: var(--ink); --focus: var(--paper); }
.about-awards__layout { display: grid; gap: var(--space-5) var(--space-4); }
.about-award { display: grid; align-content: start; gap: var(--space-2); }
.about-award time { font-size: var(--text-small); font-weight: 600; }
.about-award h3 { margin-block-end: 0.5rem; }
.about-award h3 a { text-decoration: none; }
.about-award h3 a:hover { text-decoration: underline; text-decoration-thickness: 0.06em; }
.about-award p { margin: 0; max-width: 52ch; color: rgb(238 240 232 / 0.86); }
.about-awards__photograph .about-image { aspect-ratio: 3 / 2; object-fit: cover; }
.about-award--featured .about-awards__photograph { box-shadow: 0.75rem 0.75rem 0 var(--w-chardonnay); }
@media (min-width: 60rem) {
	.about-awards__layout { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.about-award--featured { grid-column: 1 / -1; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--space-3); align-items: center; }
	.about-award--featured .about-awards__photograph { grid-column: 1 / span 7; }
	.about-award--featured .about-award__copy { grid-column: 9 / -1; }
	.about-award--featured h3 { font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.75rem); }
}

/* Closing. */
.about-closing { display: grid; gap: var(--space-4); align-items: end; }
.about-closing h2 { max-width: 12ch; }
.about-closing .prose { max-width: 40ch; font-size: var(--text-lead); line-height: 1.5; }
@media (min-width: 60rem) {
	.about-closing { grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-5); }
}