/* ==========================================================================
   Annapurna block styles, patterns and the About page hero
   Loaded on the front end and inside the editor canvas. Every value comes
   from the tokens in main.css (front end) or editor-style.css (editor), so
   Customizer colours flow through.
   1. Preset bridge      5. About hero
   2. Block styles       6. Pattern layouts
   3. Shared parts       7. Responsive
   4. Photo slots        8. Reduced motion
   Visual language: warm cream, deep green headings with a gold phrase,
   small gold eyebrows, a leaf ornament under titles, white cards with a
   soft shadow, gold buttons with small corners, circle icon badges.
   Gold text only where it is large or on dark; small gold text uses the
   darker --an-gold-text.
   ========================================================================== */

/* 1. Preset bridge
   theme.json presets are static hex values. Re-point them at the live tokens
   so palette and gradient choices follow the Customizer. "html body" outranks
   both preset selectors core has used (body and :root).
   ========================================================================== */
html body {
	--wp--preset--color--emerald: var(--an-primary);
	--wp--preset--color--forest: var(--an-dark);
	--wp--preset--color--gold: var(--an-accent);
	--wp--preset--color--gold-ink: var(--an-accent-ink);
	--wp--preset--color--ivory: var(--an-bg);
	--wp--preset--color--mint: var(--an-tint);
	--wp--preset--color--surface: var(--an-surface);
	--wp--preset--color--ink: var(--an-text);
	--wp--preset--color--muted: var(--an-muted);
	--wp--preset--gradient--emerald-forest: linear-gradient(160deg, var(--an-primary) 0%, var(--an-dark) 100%);
	--wp--preset--gradient--gold-glow: radial-gradient(120% 80% at 80% 0%, color-mix(in oklab, var(--an-accent) 38%, transparent) 0%, transparent 60%), linear-gradient(160deg, var(--an-primary) 0%, var(--an-dark) 100%);
	--wp--preset--font-family--display: var(--an-font-display);
	--wp--preset--font-family--body: var(--an-font-body);
}

/* Shared local tokens. */
:root {
	--an-card-bg: color-mix(in oklab, var(--an-surface) 55%, white);
	--an-card-shadow: 0 1px 2px color-mix(in oklab, var(--an-dark) 5%, transparent), 0 18px 40px -26px color-mix(in oklab, var(--an-dark) 34%, transparent);
	--an-card-border: color-mix(in oklab, var(--an-text) 7%, transparent);
	--an-pattern-gap: var(--an-section, clamp(3.75rem, 2.4rem + 4.4vw, 6.25rem));
	--an-ornament-leaf: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M245.63,48A6,6,0,0,0,240,42.37c-51-3-91.88,12.42-109.35,41.26-11.63,19.21-11.38,42.68.53,65a69.42,69.42,0,0,0-15.48,30.59L95.9,159.41c8.15-16.1,8.1-32.95-.32-46.85C82.77,91.41,53,80.07,15.9,82.27a6,6,0,0,0-5.63,5.64C8.09,125,19.41,154.77,40.56,167.58A43.75,43.75,0,0,0,63.44,174a53.17,53.17,0,0,0,24-6L114,194.48V224a6,6,0,0,0,12,0V194.51A57.55,57.55,0,0,1,139.76,157c11.21,5.93,22.72,8.91,33.82,8.91a58.9,58.9,0,0,0,30.79-8.57C233.21,139.89,248.63,99,245.63,48ZM46.78,157.31C30.47,147.44,21.39,124,22,94c30-.65,53.41,8.44,63.28,24.75,5.68,9.37,6.16,20.38,1.54,31.59L60.24,123.75a6,6,0,0,0-8.49,8.49l26.62,26.61C67.16,163.47,56.15,163,46.78,157.31Zm151.38-10.22c-14.74,8.92-32.14,9.18-49.67.9l55.76-55.75a6,6,0,0,0-8.49-8.49L140,139.51c-8.28-17.53-8-34.93.9-49.66,14.52-24,49.06-37.18,93-35.75C235.33,98,222.14,132.56,198.16,147.09Z'/%3E%3C/svg%3E");
}

/* 2. Block styles
   ========================================================================== */

/* Group: Card. White, soft shadow, small radius. */
.wp-block-group.is-style-an-card {
	background-color: var(--an-card-bg);
	border: 1px solid var(--an-card-border);
	border-radius: var(--an-radius);
	box-shadow: var(--an-card-shadow);
	padding: clamp(1.5rem, 1rem + 2vw, 2.75rem);
}

/* Group: Warm sand panel. Full width it becomes a band. */
.wp-block-group.is-style-an-sand {
	background-color: var(--an-sand, color-mix(in oklab, var(--an-accent) 13%, var(--an-bg)));
	border-radius: var(--an-radius);
	padding: clamp(1.75rem, 1rem + 3vw, 3.5rem);
	/* Sand is darker than the page, so gold labels need more ink for AA. */
	--an-gold-text: color-mix(in oklab, var(--an-accent) 64%, black);
}

.wp-block-group.is-style-an-sand.alignfull {
	border-radius: 0;
	padding: var(--an-pattern-gap) var(--an-gutter);
}

/* Group: Emerald panel. */
.wp-block-group.is-style-an-emerald {
	position: relative;
	background-color: var(--an-primary);
	color: var(--an-on-dark);
	border-radius: var(--an-radius);
	padding: clamp(1.75rem, 1rem + 3vw, 3.5rem);
}

.wp-block-group.is-style-an-emerald.alignfull {
	border-radius: 0;
	padding-block: var(--an-pattern-gap);
}

.wp-block-group.is-style-an-emerald :where(h1, h2, h3, h4, h5, h6) {
	color: var(--an-on-dark);
}

.wp-block-group.is-style-an-emerald :where(h1, h2, h3) em {
	color: var(--an-accent);
}

.wp-block-group.is-style-an-emerald :where(p, li, figcaption) {
	color: color-mix(in oklab, var(--an-on-dark) 86%, var(--an-primary));
}

.wp-block-group.is-style-an-emerald :where(a:not(.wp-element-button)) {
	color: var(--an-on-dark);
	text-decoration-color: var(--an-accent);
}

.wp-block-group.is-style-an-emerald :where(a:not(.wp-element-button)):hover {
	color: var(--an-accent);
}

.wp-block-group.is-style-an-emerald .an-eyebrow {
	color: var(--an-accent);
}

/* Plain buttons flip to light so they stay visible on emerald. */
.wp-block-group.is-style-an-emerald .wp-block-button:not([class*="is-style-an-"]) > .wp-block-button__link {
	--an-btn-bg: var(--an-on-dark);
	--an-btn-fg: var(--an-dark);
	--an-btn-border: var(--an-on-dark);
}

.wp-block-group.is-style-an-emerald .wp-block-button:not([class*="is-style-an-"]) > .wp-block-button__link:hover {
	--an-btn-bg: var(--an-accent);
	--an-btn-fg: var(--an-dark);
	--an-btn-border: var(--an-accent);
}

/* List: Checklist. Gold ring and tick drawn with a CSS mask. */
.wp-block-list.is-style-an-checklist {
	list-style: none;
	margin-block: 1.5rem;
	padding-left: 0;
}

.wp-block-list.is-style-an-checklist > li {
	position: relative;
	margin-block: 0.6rem;
	padding-left: 2rem;
}

.wp-block-list.is-style-an-checklist > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.28em;
	width: 1.15rem;
	height: 1.15rem;
	background-color: var(--an-accent);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Ccircle cx='128' cy='128' r='108' fill='none' stroke='%23000' stroke-width='12'/%3E%3Cpath d='M82 132l30 30 62-66' fill='none' stroke='%23000' stroke-width='14' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Ccircle cx='128' cy='128' r='108' fill='none' stroke='%23000' stroke-width='12'/%3E%3Cpath d='M82 132l30 30 62-66' fill='none' stroke='%23000' stroke-width='14' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

.wp-block-list.is-style-an-checklist ul,
.wp-block-list.is-style-an-checklist ol {
	margin-block: 0.5rem 0;
}

/* Separator: Leaf ornament, the same mark as .an-ornament in main.css. */
.wp-block-separator.is-style-an-ornament {
	position: relative;
	width: calc(5.5rem + 1.2rem + 18px);
	max-width: none;
	height: 18px;
	margin: 1rem 0 0;
	border: 0;
	background:
		linear-gradient(color-mix(in oklab, var(--an-accent) 70%, transparent), color-mix(in oklab, var(--an-accent) 70%, transparent)) left center / 2.75rem 1px no-repeat,
		linear-gradient(color-mix(in oklab, var(--an-accent) 70%, transparent), color-mix(in oklab, var(--an-accent) 70%, transparent)) right center / 2.75rem 1px no-repeat;
	opacity: 1;
}

.wp-block-separator.is-style-an-ornament::after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	width: 18px;
	height: 18px;
	margin-left: -9px;
	background-color: var(--an-accent);
	-webkit-mask: var(--an-ornament-leaf) center / contain no-repeat;
	mask: var(--an-ornament-leaf) center / contain no-repeat;
}

.wp-block-separator.is-style-an-ornament.aligncenter,
.has-text-align-center > .wp-block-separator.is-style-an-ornament {
	margin-inline: auto;
}

/* Separator: Gold hairline. */
.wp-block-separator.is-style-an-hairline {
	width: 3.5rem;
	max-width: 3.5rem;
	height: 0;
	margin-block: 1.75rem;
	margin-inline: 0;
	border: 0;
	border-top: 1px solid var(--an-accent);
	background: none;
	opacity: 1;
}

.wp-block-separator.is-style-an-hairline.aligncenter,
.has-text-align-center > .wp-block-separator.is-style-an-hairline {
	margin-inline: auto;
}

/* Quote: Editorial. */
.wp-block-quote.is-style-an-editorial {
	position: relative;
	margin-block: clamp(2.5rem, 2rem + 2vw, 4rem);
	margin-inline: 0;
	padding: 3rem 0 0;
	border: 0;
	font-family: var(--an-font-display);
	font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.5rem);
	font-weight: 500;
	line-height: 1.22;
	letter-spacing: -0.01em;
	color: var(--an-heading, var(--an-text));
}

.wp-block-quote.is-style-an-editorial::before {
	content: "\201C";
	position: absolute;
	top: 0;
	left: 0;
	height: 2.75rem;
	font-family: var(--an-font-display);
	font-size: 5.5rem;
	font-style: normal;
	line-height: 0.9;
	color: var(--an-accent);
}

.wp-block-quote.is-style-an-editorial.has-text-align-center::before {
	left: 50%;
	transform: translateX(-50%);
}

.wp-block-quote.is-style-an-editorial p {
	margin: 0 0 0.6em;
	font-size: inherit;
	text-wrap: balance;
}

.wp-block-quote.is-style-an-editorial cite {
	display: block;
	margin-top: 1.5rem;
	font-family: var(--an-font-body);
	font-size: var(--an-fs-sm);
	font-style: normal;
	letter-spacing: 0.02em;
	color: var(--an-muted);
}

.wp-block-quote.is-style-an-editorial cite::before {
	content: "";
	display: inline-block;
	width: 1.75rem;
	height: 1px;
	margin-right: 0.75rem;
	background: var(--an-accent);
	vertical-align: middle;
}

.wp-block-group.is-style-an-emerald .wp-block-quote.is-style-an-editorial {
	color: var(--an-on-dark);
}

.wp-block-group.is-style-an-emerald .wp-block-quote.is-style-an-editorial cite {
	color: var(--an-on-dark-muted);
}

/* Button: Gold, matching .an-btn--gold. */
.wp-block-button.is-style-an-gold > .wp-block-button__link {
	--an-btn-bg: var(--an-gold-btn, var(--an-accent-ink));
	--an-btn-fg: #fff;
	--an-btn-border: var(--an-gold-btn, var(--an-accent-ink));
	background: var(--an-btn-bg);
	color: var(--an-btn-fg);
	border-color: var(--an-btn-border);
	font-weight: 600;
	box-shadow: 0 10px 24px -14px color-mix(in oklab, var(--an-gold-btn, var(--an-accent-ink)) 80%, transparent);
}

.wp-block-button.is-style-an-gold > .wp-block-button__link:hover,
.wp-block-button.is-style-an-gold > .wp-block-button__link:focus-visible {
	--an-btn-bg: var(--an-gold-btn-hover, var(--an-accent-ink));
	--an-btn-fg: #fff;
	--an-btn-border: var(--an-gold-btn-hover, var(--an-accent-ink));
}

.wp-block-button.is-style-an-gold > .wp-block-button__link::after {
	content: "";
	width: 1rem;
	height: 1rem;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222 128l-72 72M222 128l-72-72M222 128H34' fill='none' stroke='%23000' stroke-width='14' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222 128l-72 72M222 128l-72-72M222 128H34' fill='none' stroke='%23000' stroke-width='14' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform 0.3s var(--an-ease);
}

.wp-block-button.is-style-an-gold > .wp-block-button__link:hover::after {
	transform: translateX(3px);
}

/* Button: Soft outline. */
.wp-block-button.is-style-an-outline > .wp-block-button__link {
	--an-btn-bg: transparent;
	--an-btn-fg: var(--an-heading, var(--an-text));
	--an-btn-border: var(--an-line-strong);
	background: var(--an-btn-bg);
	color: var(--an-btn-fg);
	border: 1px solid var(--an-btn-border);
}

.wp-block-button.is-style-an-outline > .wp-block-button__link:hover,
.wp-block-button.is-style-an-outline > .wp-block-button__link:focus-visible {
	--an-btn-bg: var(--an-primary);
	--an-btn-fg: var(--an-on-dark);
	--an-btn-border: var(--an-primary);
}

.wp-block-group.is-style-an-emerald .wp-block-button.is-style-an-outline > .wp-block-button__link {
	--an-btn-fg: var(--an-on-dark);
	--an-btn-border: color-mix(in oklab, var(--an-on-dark) 40%, transparent);
}

.wp-block-group.is-style-an-emerald .wp-block-button.is-style-an-outline > .wp-block-button__link:hover,
.wp-block-group.is-style-an-emerald .wp-block-button.is-style-an-outline > .wp-block-button__link:focus-visible {
	--an-btn-bg: var(--an-on-dark);
	--an-btn-fg: var(--an-dark);
	--an-btn-border: var(--an-on-dark);
}

/* Legacy: the "Arch" image and cover styles are no longer offered, but
   content saved with them keeps a tidy frame. */
.wp-block-image.is-style-an-arch img,
.wp-block-cover.is-style-an-arch {
	border-radius: var(--an-radius);
}

.wp-block-image.is-style-an-arch img {
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

/* 3. Shared parts
   ========================================================================== */

/* Vertical rhythm between pattern sections placed one after another. */
.an-about-intro,
.an-values,
.an-timeline-section,
.an-team,
.an-cta-card,
.an-contact,
.an-faq,
.an-policy,
.an-story-split {
	margin-block: var(--an-pattern-gap);
}

.an-recipe {
	margin-block: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}

/* Inside the About template the hero and the wrapper already space things. */
.an-about-content .entry-content > :first-child {
	margin-top: 0;
}

.an-about-content .entry-content > :last-child {
	margin-bottom: 0;
}

/* Headings: pattern sizes win over the narrower .an-prose sizes. */
:is(.an-about-intro, .an-values, .an-timeline-section, .an-team, .an-cta-card, .an-contact, .an-faq, .an-policy, .an-story-split, .an-recipe) h2.wp-block-heading {
	margin: 0 0 0.4em;
	font-size: var(--an-fs-h2);
	line-height: 1.08;
}

:is(.an-about-intro, .an-values, .an-timeline-section, .an-team, .an-cta-card, .an-contact, .an-faq, .an-policy, .an-story-split, .an-recipe) h3.wp-block-heading {
	margin: 0 0 0.5rem;
	font-size: var(--an-fs-h4);
	line-height: 1.2;
}

/* Small gold label above a heading (main.css .an-eyebrow), tightened here. */
:is(.an-about-intro, .an-values, .an-timeline-section, .an-team, .an-cta-card, .an-contact, .an-faq, .an-policy, .an-story-split, .an-recipe) .an-eyebrow {
	margin: 0 0 0.85rem;
}

/* Centred section head: eyebrow, title, leaf ornament, one-line subtitle. */
.wp-block-group.an-head {
	max-width: 46rem;
	margin-bottom: clamp(2.25rem, 1.5rem + 2.5vw, 3.75rem);
}

.wp-block-group.an-head--center {
	margin-inline: auto;
	text-align: center;
}

.an-head > * {
	margin-block: 0;
}

.an-head > .an-eyebrow {
	margin-bottom: 0.85rem;
}

:is(.an-about-intro, .an-values, .an-timeline-section, .an-team, .an-cta-card, .an-contact, .an-faq, .an-policy, .an-story-split, .an-recipe) .an-head > h2.wp-block-heading {
	margin: 0;
}

.an-head > .wp-block-separator.is-style-an-ornament {
	margin-top: 1.1rem;
}

.an-head--center > .wp-block-separator.is-style-an-ornament {
	margin-inline: auto;
}

.an-head > .an-head__sub {
	max-width: 36rem;
	margin-top: 1.1rem;
	font-size: var(--an-fs-lg);
	line-height: 1.6;
	color: var(--an-muted);
}

.an-head--center > .an-head__sub {
	margin-inline: auto;
}

/* Lede paragraph. */
.an-lede {
	max-width: 38rem;
	font-size: var(--an-fs-lg);
	line-height: 1.65;
	color: var(--an-muted);
}

.wp-block-group.is-style-an-emerald .an-lede {
	color: var(--an-on-dark-muted);
}

/* Legacy pattern heading block (older inserted patterns). */
.an-pattern-head {
	max-width: 46rem;
	margin-bottom: clamp(2.25rem, 1.6rem + 2vw, 3.5rem);
}

.an-pattern-head > .wp-block-heading {
	margin: 0;
}

.an-pattern-head > .an-lede {
	margin: 1rem 0 0;
}

/* Circle icon badges. Add "an-ico an-ico--cow" (or any name below) to a
   paragraph or group; the circle sits at its start, the text beside it. */
.an-ico {
	--an-ico-size: 2.75rem;
	--an-ico-gap: 0.95rem;
	--an-ico-x: 0px;
	--an-ico-y: 0px;
	--an-ico-icon: var(--an-ornament-leaf);
	position: relative;
	min-height: var(--an-ico-size);
	padding-left: calc(var(--an-ico-x) + var(--an-ico-size) + var(--an-ico-gap));
}

.an-ico::before,
.an-ico::after {
	content: "";
	position: absolute;
	top: var(--an-ico-y);
	left: var(--an-ico-x);
	width: var(--an-ico-size);
	height: var(--an-ico-size);
	border-radius: 50%;
	box-sizing: border-box;
}

.an-ico::before {
	border: 1px solid color-mix(in oklab, var(--an-accent) 62%, transparent);
	background-color: var(--an-card-bg);
}

.an-ico::after {
	background-color: var(--an-primary);
	-webkit-mask: var(--an-ico-icon) center / 48% no-repeat;
	mask: var(--an-ico-icon) center / 48% no-repeat;
}

/* Icons: Phosphor (MIT), the same set as inc/icon-paths.php. */
.an-ico--cow { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M102,192a6,6,0,0,1-6,6H80a6,6,0,0,1,0-12H96A6,6,0,0,1,102,192Zm74-6H160a6,6,0,0,0,0,12h16a6,6,0,0,0,0-12Zm-76-72a10,10,0,1,0,10,10A10,10,0,0,0,100,114Zm56,0a10,10,0,1,0,10,10A10,10,0,0,0,156,114Zm86.85,6.85A14,14,0,0,1,232,126H198v35.05A38,38,0,0,1,176,230H80a38,38,0,0,1-22-68.95V126H24a14,14,0,0,1-10.87-5.15,13.82,13.82,0,0,1-2.88-11.5A54.12,54.12,0,0,1,63.22,66h6.89A53.93,53.93,0,0,1,50,24a6,6,0,0,1,12,0,42,42,0,0,0,42,42h48a42,42,0,0,0,42-42,6,6,0,0,1,12,0,53.93,53.93,0,0,1-20.11,42h6.89a54.12,54.12,0,0,1,52.95,43.35A13.82,13.82,0,0,1,242.85,120.85ZM58,114V104A37.87,37.87,0,0,1,68.32,78h-5.1A42.08,42.08,0,0,0,22,111.7a1.83,1.83,0,0,0,.4,1.55A2,2,0,0,0,24,114Zm144,78a26,26,0,0,0-26-26H80a26,26,0,0,0,0,52h96A26,26,0,0,0,202,192Zm-16-36.66V104a26,26,0,0,0-26-26H96a26,26,0,0,0-26,26v51.34A37.94,37.94,0,0,1,80,154h96A37.94,37.94,0,0,1,186,155.34Zm48-43.64A42.08,42.08,0,0,0,192.78,78h-5.1A37.87,37.87,0,0,1,198,104v10h34a2,2,0,0,0,1.58-.75A1.83,1.83,0,0,0,234,111.7Z'/%3E%3C/svg%3E"); }
.an-ico--fire { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M181.92,153A55.58,55.58,0,0,1,137,197.92a7,7,0,0,1-1,.08,6,6,0,0,1-1-11.92c17.38-2.92,32.13-17.68,35.08-35.08a6,6,0,1,1,11.84,2ZM214,144a86,86,0,0,1-172,0c0-27.47,10.85-55.61,32.25-83.64a6,6,0,0,1,9-.67l26.34,25.56,23.09-63.31a6,6,0,0,1,9.47-2.56C163.72,37.33,214,85.4,214,144Zm-12,0c0-48.4-38.65-89.84-61.07-109.8L117.64,98.06a6,6,0,0,1-9.82,2.25l-28-27.22C62.67,97.13,54,121,54,144a74,74,0,0,0,148,0Z'/%3E%3C/svg%3E"); }
.an-ico--jar { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M182,50.48V32a14,14,0,0,0-14-14H88A14,14,0,0,0,74,32V50.48A38.05,38.05,0,0,0,42,88V200a38,38,0,0,0,38,38h96a38,38,0,0,0,38-38V88A38.05,38.05,0,0,0,182,50.48ZM170,32V50H150V30h18A2,2,0,0,1,170,32ZM118,50V30h20V50ZM88,30h18V50H86V32A2,2,0,0,1,88,30ZM202,200a26,26,0,0,1-26,26H80a26,26,0,0,1-26-26V88A26,26,0,0,1,80,62h96a26,26,0,0,1,26,26Z'/%3E%3C/svg%3E"); }
.an-ico--hand-heart { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M229.12,142.65a22.43,22.43,0,0,0-19.55-3.88l-4.32,1C227,119.55,238,99.51,238,80c0-25.36-20.39-46-45.46-46A45.51,45.51,0,0,0,156,52a45.51,45.51,0,0,0-36.54-18C94.39,34,74,54.64,74,80c0,11.38,3.63,22.49,11.29,34.36a29.73,29.73,0,0,0-16.56,8.43L45.52,146H16A14,14,0,0,0,2,160v40a14,14,0,0,0,14,14H120a6,6,0,0,0,1.46-.18l64-16a7.16,7.16,0,0,0,.89-.3L225.17,181l.33-.15a22.6,22.6,0,0,0,3.62-38.18ZM119.46,46a33.16,33.16,0,0,1,31,20.28,6,6,0,0,0,11.1,0,33.16,33.16,0,0,1,31-20.28C210.68,46,226,61.57,226,80c0,20.24-16.18,43-46.8,65.75l-14.87,3.42A26,26,0,0,0,140,114H99.67C90.36,101.67,86,90.81,86,80,86,61.57,101.32,46,119.46,46ZM14,200V160a2,2,0,0,1,2-2H42v44H16A2,2,0,0,1,14,200Zm206.28-30-38.2,16.27L119.26,202H54V154.49l23.21-23.22A17.88,17.88,0,0,1,89.94,126H140a14,14,0,0,1,0,28H112a6,6,0,0,0,0,12h32a6,6,0,0,0,1.34-.15l67-15.41.24-.06A10.6,10.6,0,0,1,220.28,170Z'/%3E%3C/svg%3E"); }
.an-ico--leaf { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M221.45,40.19a6,6,0,0,0-5.64-5.64C140.43,30.11,80.14,52.71,54.53,95c-17.44,28.79-16.76,62.8,1.79,96.2L35.76,211.76a6,6,0,1,0,8.48,8.48L64.8,199.68c17.27,9.59,34.7,14.41,51.49,14.41A85.38,85.38,0,0,0,161,201.47C203.29,175.86,225.88,115.57,221.45,40.19Zm-66.66,151c-24.08,14.58-52.64,14.37-81.13-.39l90.59-90.59a6,6,0,0,0-8.48-8.48L65.18,182.34c-14.76-28.49-15-57-.39-81.13,22.68-37.43,76.63-57.8,145-54.95C212.59,114.58,192.22,168.54,154.79,191.21Z'/%3E%3C/svg%3E"); }
.an-ico--seal-check { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224.42,104.2c-3.9-4.07-7.93-8.27-9.55-12.18-1.5-3.63-1.58-9-1.67-14.68-.14-9.38-.3-20-7.42-27.12S188,42.94,178.66,42.8c-5.68-.09-11-.17-14.68-1.67-3.91-1.62-8.11-5.65-12.18-9.55C145.16,25.22,137.64,18,128,18s-17.16,7.22-23.8,13.58c-4.07,3.9-8.27,7.93-12.18,9.55-3.63,1.5-9,1.58-14.68,1.67-9.38.14-20,.3-27.12,7.42S42.94,68,42.8,77.34c-.09,5.68-.17,11-1.67,14.68-1.62,3.91-5.65,8.11-9.55,12.18C25.22,110.84,18,118.36,18,128s7.22,17.16,13.58,23.8c3.9,4.07,7.93,8.27,9.55,12.18,1.5,3.63,1.58,9,1.67,14.68.14,9.38.3,20,7.42,27.12S68,213.06,77.34,213.2c5.68.09,11,.17,14.68,1.67,3.91,1.62,8.11,5.65,12.18,9.55C110.84,230.78,118.36,238,128,238s17.16-7.22,23.8-13.58c4.07-3.9,8.27-7.93,12.18-9.55,3.63-1.5,9-1.58,14.68-1.67,9.38-.14,20-.3,27.12-7.42s7.28-17.74,7.42-27.12c.09-5.68.17-11,1.67-14.68,1.62-3.91,5.65-8.11,9.55-12.18C230.78,145.16,238,137.64,238,128S230.78,110.84,224.42,104.2Zm-8.66,39.3c-4.67,4.86-9.5,9.9-12,15.9-2.38,5.74-2.48,12.52-2.58,19.08-.11,7.44-.23,15.14-3.9,18.82s-11.38,3.79-18.82,3.9c-6.56.1-13.34.2-19.08,2.58-6,2.48-11,7.31-15.91,12-5.25,5-10.68,10.24-15.49,10.24s-10.24-5.21-15.5-10.24c-4.86-4.67-9.9-9.5-15.9-12-5.74-2.38-12.52-2.48-19.08-2.58-7.44-.11-15.14-.23-18.82-3.9s-3.79-11.38-3.9-18.82c-.1-6.56-.2-13.34-2.58-19.08-2.48-6-7.31-11-12-15.91C35.21,138.24,30,132.81,30,128s5.21-10.24,10.24-15.5c4.67-4.86,9.5-9.9,12-15.9,2.38-5.74,2.48-12.52,2.58-19.08.11-7.44.23-15.14,3.9-18.82s11.38-3.79,18.82-3.9c6.56-.1,13.34-.2,19.08-2.58,6-2.48,11-7.31,15.91-12C117.76,35.21,123.19,30,128,30s10.24,5.21,15.5,10.24c4.86,4.67,9.9,9.5,15.9,12,5.74,2.38,12.52,2.48,19.08,2.58,7.44.11,15.14.23,18.82,3.9s3.79,11.38,3.9,18.82c.1,6.56.2,13.34,2.58,19.08,2.48,6,7.31,11,12,15.91,5,5.25,10.24,10.68,10.24,15.49S220.79,138.24,215.76,143.5ZM172.24,99.76a6,6,0,0,1,0,8.48l-56,56a6,6,0,0,1-8.48,0l-24-24a6,6,0,0,1,8.48-8.48L112,151.51l51.76-51.75A6,6,0,0,1,172.24,99.76Z'/%3E%3C/svg%3E"); }
.an-ico--truck { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M253.57,117.78l-14-35a13.93,13.93,0,0,0-13-8.8H190V64a6,6,0,0,0-6-6H32A14,14,0,0,0,18,72V184a14,14,0,0,0,14,14H50.6a30,30,0,0,0,58.8,0h53.2a30,30,0,0,0,58.8,0H240a14,14,0,0,0,14-14V120A6,6,0,0,0,253.57,117.78ZM190,86h36.58a2,2,0,0,1,1.86,1.26L239.14,114H190ZM30,72a2,2,0,0,1,2-2H178v68H30ZM80,210a18,18,0,1,1,18-18A18,18,0,0,1,80,210Zm82.6-24H109.4a30,30,0,0,0-58.8,0H32a2,2,0,0,1-2-2V150H178v15.48A30.1,30.1,0,0,0,162.6,186ZM192,210a18,18,0,1,1,18-18A18,18,0,0,1,192,210Zm50-26a2,2,0,0,1-2,2H221.4A30.05,30.05,0,0,0,192,162c-.67,0-1.34,0-2,.07V126h52Z'/%3E%3C/svg%3E"); }
.an-ico--arrows-clockwise { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222,48V96a6,6,0,0,1-6,6H168a6,6,0,0,1,0-12h33.52L183.47,72a81.51,81.51,0,0,0-57.53-24h-.46A81.5,81.5,0,0,0,68.19,71.28a6,6,0,1,1-8.38-8.58,93.38,93.38,0,0,1,65.67-26.76H126a93.45,93.45,0,0,1,66,27.53l18,18V48a6,6,0,0,1,12,0ZM187.81,184.72a81.5,81.5,0,0,1-57.29,23.34h-.46a81.51,81.51,0,0,1-57.53-24L54.48,166H88a6,6,0,0,0,0-12H40a6,6,0,0,0-6,6v48a6,6,0,0,0,12,0V174.48l18,18.05a93.45,93.45,0,0,0,66,27.53h.52a93.38,93.38,0,0,0,65.67-26.76,6,6,0,1,0-8.38-8.58Z'/%3E%3C/svg%3E"); }
.an-ico--gift { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M216,74H174.74a46.41,46.41,0,0,0,6-4.48,27.56,27.56,0,0,0,9.22-20A30.63,30.63,0,0,0,158.5,18a27.56,27.56,0,0,0-20,9.22A57.1,57.1,0,0,0,128,45.76a57.1,57.1,0,0,0-10.48-18.53A27.56,27.56,0,0,0,97.5,18,30.63,30.63,0,0,0,66,49.51a27.56,27.56,0,0,0,9.22,20,45.74,45.74,0,0,0,6,4.48H40A14,14,0,0,0,26,88v32a14,14,0,0,0,14,14h2v66a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V134h2a14,14,0,0,0,14-14V88A14,14,0,0,0,216,74ZM135.77,63c2.25-12.12,6.29-21.75,11.69-27.85A15.68,15.68,0,0,1,158.86,30h.55A18.6,18.6,0,0,1,178,49.14a15.68,15.68,0,0,1-5.18,11.4C162.1,70,143.92,72.83,134.34,73.65,134.59,70.76,135,67.08,135.77,63ZM83.45,35.45A18.69,18.69,0,0,1,96.59,30h.55a15.68,15.68,0,0,1,11.4,5.18C118,45.9,120.83,64.08,121.65,73.66c-2.89-.25-6.57-.68-10.61-1.43C98.92,70,89.29,65.94,83.19,60.53A15.64,15.64,0,0,1,78,49.14,18.65,18.65,0,0,1,83.45,35.45ZM38,120V88a2,2,0,0,1,2-2h82v36H40A2,2,0,0,1,38,120Zm16,80V134h68v68H56A2,2,0,0,1,54,200Zm148,0a2,2,0,0,1-2,2H134V134h68Zm16-80a2,2,0,0,1-2,2H134V86h82a2,2,0,0,1,2,2Z'/%3E%3C/svg%3E"); }
.an-ico--clock { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Zm62-90a6,6,0,0,1-6,6H128a6,6,0,0,1-6-6V72a6,6,0,0,1,12,0v50h50A6,6,0,0,1,190,128Z'/%3E%3C/svg%3E"); }
.an-ico--map-pin { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M128,66a38,38,0,1,0,38,38A38,38,0,0,0,128,66Zm0,64a26,26,0,1,1,26-26A26,26,0,0,1,128,130Zm0-112a86.1,86.1,0,0,0-86,86c0,30.91,14.34,63.74,41.47,94.94a252.32,252.32,0,0,0,41.09,38,6,6,0,0,0,6.88,0,252.32,252.32,0,0,0,41.09-38c27.13-31.2,41.47-64,41.47-94.94A86.1,86.1,0,0,0,128,18Zm0,206.51C113,212.93,54,163.62,54,104a74,74,0,0,1,148,0C202,163.62,143,212.93,128,224.51Z'/%3E%3C/svg%3E"); }
.an-ico--phone { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M221.59,160.3l-47.24-21.17a14,14,0,0,0-13.28,1.22,4.81,4.81,0,0,0-.56.42l-24.69,21a1.88,1.88,0,0,1-1.68.06c-15.87-7.66-32.31-24-40-39.65a1.91,1.91,0,0,1,0-1.68l21.07-25a6.13,6.13,0,0,0,.42-.58,14,14,0,0,0,1.12-13.27L95.73,34.49a14,14,0,0,0-14.56-8.38A54.24,54.24,0,0,0,34,80c0,78.3,63.7,142,142,142a54.25,54.25,0,0,0,53.89-47.17A14,14,0,0,0,221.59,160.3ZM176,210C104.32,210,46,151.68,46,80A42.23,42.23,0,0,1,82.67,38h.23a2,2,0,0,1,1.84,1.31l21.1,47.11a2,2,0,0,1,0,1.67L84.73,113.15a4.73,4.73,0,0,0-.43.57,14,14,0,0,0-.91,13.73c8.87,18.16,27.17,36.32,45.53,45.19a14,14,0,0,0,13.77-1c.19-.13.38-.27.56-.42l24.68-21a1.92,1.92,0,0,1,1.6-.1l47.25,21.17a2,2,0,0,1,1.21,2A42.24,42.24,0,0,1,176,210Z'/%3E%3C/svg%3E"); }
.an-ico--envelope-simple { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M224,50H32a6,6,0,0,0-6,6V192a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A6,6,0,0,0,224,50ZM208.58,62,128,135.86,47.42,62ZM216,194H40a2,2,0,0,1-2-2V69.64l86,78.78a6,6,0,0,0,8.1,0L218,69.64V192A2,2,0,0,1,216,194Z'/%3E%3C/svg%3E"); }
.an-ico--users-three { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M243.6,148.8a6,6,0,0,1-8.4-1.2A53.58,53.58,0,0,0,192,126a6,6,0,0,1,0-12,26,26,0,1,0-25.18-32.5,6,6,0,0,1-11.62-3,38,38,0,1,1,59.91,39.63A65.69,65.69,0,0,1,244.8,140.4,6,6,0,0,1,243.6,148.8ZM189.19,213a6,6,0,0,1-2.19,8.2,5.9,5.9,0,0,1-3,.81,6,6,0,0,1-5.2-3,59,59,0,0,0-101.62,0,6,6,0,1,1-10.38-6A70.1,70.1,0,0,1,103,182.55a46,46,0,1,1,50.1,0A70.1,70.1,0,0,1,189.19,213ZM128,178a34,34,0,1,0-34-34A34,34,0,0,0,128,178ZM70,120a6,6,0,0,0-6-6A26,26,0,1,1,89.18,81.49a6,6,0,1,0,11.62-3,38,38,0,1,0-59.91,39.63A65.69,65.69,0,0,0,11.2,140.4a6,6,0,1,0,9.6,7.2A53.58,53.58,0,0,1,64,126,6,6,0,0,0,70,120Z'/%3E%3C/svg%3E"); }
.an-ico--cooking-pot { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M90,48V16a6,6,0,0,1,12,0V48a6,6,0,0,1-12,0Zm38,6a6,6,0,0,0,6-6V16a6,6,0,0,0-12,0V48A6,6,0,0,0,128,54Zm32,0a6,6,0,0,0,6-6V16a6,6,0,0,0-12,0V48A6,6,0,0,0,160,54Zm91.6,46.8L222,123v61a30,30,0,0,1-30,30H64a30,30,0,0,1-30-30V123L4.4,100.8a6,6,0,0,1,7.2-9.6L34,108V80a6,6,0,0,1,6-6H216a6,6,0,0,1,6,6v28l22.4-16.8a6,6,0,0,1,7.2,9.6ZM210,86H46v98a18,18,0,0,0,18,18H192a18,18,0,0,0,18-18Z'/%3E%3C/svg%3E"); }
.an-ico--package { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M222.72,67.91l-88-48.18a13.9,13.9,0,0,0-13.44,0l-88,48.18A14,14,0,0,0,26,80.18v95.64a14,14,0,0,0,7.28,12.27l88,48.18a13.92,13.92,0,0,0,13.44,0l88-48.18A14,14,0,0,0,230,175.82V80.18A14,14,0,0,0,222.72,67.91ZM127,30.25a2,2,0,0,1,1.92,0L212.51,76,178.57,94.57,94.05,48.31ZM122,223,39,177.57a2,2,0,0,1-1-1.75V86.66l84,46ZM43.49,76,81.56,55.15l84.51,46.26L128,122.24ZM218,175.82a2,2,0,0,1-1,1.75h0L134,223V132.64l36-19.71V152a6,6,0,0,0,12,0V106.37l36-19.71Z'/%3E%3C/svg%3E"); }
.an-ico--storefront { --an-ico-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M26.22,94.41A6,6,0,0,0,26,96v16A38,38,0,0,0,42,143V216a6,6,0,0,0,6,6H208a6,6,0,0,0,6-6V143A38,38,0,0,0,230,112V96a5.91,5.91,0,0,0-.23-1.64L215.43,44.15A14.07,14.07,0,0,0,202,34H54A14.07,14.07,0,0,0,40.57,44.15Zm25.89-47A2,2,0,0,1,54,46H202a2,2,0,0,1,1.92,1.45L216.05,90H40ZM102,102h52v10a26,26,0,0,1-52,0Zm-64,0H90v10a26,26,0,0,1-38.18,23,6,6,0,0,0-1.65-1A26,26,0,0,1,38,112ZM202,210H54V148.66a38,38,0,0,0,42-16.21,37.95,37.95,0,0,0,64,0,38,38,0,0,0,42,16.21Zm3.83-76a6,6,0,0,0-1.65,1A26,26,0,0,1,166,112V102h52v10A26,26,0,0,1,205.83,134Z'/%3E%3C/svg%3E"); }

/* A row of badges with short two-line labels. */
.wp-block-group.an-ico-row {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
	gap: 1rem 1.5rem;
	margin-block: 1.75rem 2.25rem;
}

.an-ico-row > .an-ico {
	display: flex;
	align-items: center;
	margin: 0;
	font-size: var(--an-fs-sm);
	font-weight: 500;
	line-height: 1.35;
	color: var(--an-heading, var(--an-text));
}

/* Highlighted note box (policy notes, recipe tips). */
.an-note {
	margin-block: 2rem;
	padding: 1.35rem 1.5rem 1.35rem 1.65rem;
	border-left: 2px solid var(--an-accent);
	border-radius: 0 var(--an-radius-sm) var(--an-radius-sm) 0;
	background: var(--an-accent-soft);
	color: var(--an-text);
}

.an-note p {
	margin: 0;
}

.an-note p + p {
	margin-top: 0.75rem;
}

.an-note strong {
	font-weight: 600;
}

/* Image and text split, shared by Story split. */
.wp-block-columns.an-split {
	gap: clamp(2rem, 1rem + 5vw, 6.5rem);
	margin: 0;
}

.an-split__text p,
.an-split__text .wp-block-list {
	max-width: 36rem;
}

/* Signature under the founder's story. */
.an-signature {
	margin: 2rem 0 0;
	font-family: var(--an-font-display);
	font-size: 1.85rem;
	font-style: italic;
	font-weight: 500;
	line-height: 1.1;
	color: var(--an-heading, var(--an-text));
}

.an-signature-role {
	margin: 0.35rem 0 0;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--an-gold-text, var(--an-accent-ink));
}

/* 4. Photo slots
   Pattern photos are Image blocks with the class an-slot. A modifier sets the
   proportions used before a photo is chosen: --portrait 4/5, --tall 3/4,
   --landscape 4/3, --wide 21/9, --square 1/1. Empty slots render as a warm
   sand tile (front end, see inc/block-patterns.php) or as the editor's
   upload placeholder, styled to match.
   ========================================================================== */
.an-slot {
	--an-slot-ratio: 4 / 5;
}

.an-slot--tall {
	--an-slot-ratio: 3 / 4;
}

.an-slot--landscape {
	--an-slot-ratio: 4 / 3;
}

.an-slot--wide {
	--an-slot-ratio: 21 / 9;
}

.an-slot--square {
	--an-slot-ratio: 1;
}

.wp-block-image.an-slot {
	position: relative;
	margin: 0;
}

.wp-block-image.an-slot img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: var(--an-slot-ratio);
	object-fit: cover;
	border-radius: var(--an-radius);
	background-color: var(--an-sand, var(--an-accent-soft));
}

.wp-block-image.an-slot figcaption {
	margin: 0.75rem 0 0;
	font-size: var(--an-fs-xs);
	letter-spacing: 0.02em;
	color: var(--an-muted);
}

/* Empty slot on the front end. */
.wp-block-image.an-slot--empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	aspect-ratio: var(--an-slot-ratio);
	border-radius: var(--an-radius);
	background:
		radial-gradient(80% 60% at 50% 40%, color-mix(in oklab, var(--an-accent) 10%, transparent), transparent 70%),
		var(--an-sand, var(--an-accent-soft));
	box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--an-accent) 22%, transparent);
	color: var(--an-gold-text, var(--an-accent-ink));
	text-align: center;
}

.an-slot__mark {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	border: 1px solid color-mix(in oklab, var(--an-accent) 45%, transparent);
	border-radius: 50%;
	color: var(--an-accent);
}

.an-slot__hint {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.an-slot__name {
	max-width: 80%;
	font-size: var(--an-fs-xs);
	line-height: 1.4;
	color: var(--an-muted);
}

/* Empty slot in the editor: the upload placeholder becomes the same tile. */
.wp-block-image.an-slot .components-placeholder {
	min-height: 0;
	aspect-ratio: var(--an-slot-ratio);
	border-radius: var(--an-radius);
	background-color: var(--an-sand, var(--an-accent-soft));
	box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--an-accent) 30%, transparent);
	color: var(--an-gold-text, var(--an-accent-ink));
	outline: 0;
}

.wp-block-image.an-slot .components-placeholder::before {
	display: none;
}

.wp-block-image.an-slot .components-placeholder .components-placeholder__illustration {
	opacity: 0.18;
	stroke: var(--an-accent);
}

/* 5. About hero
   ========================================================================== */
.an-about-hero {
	position: relative;
	padding-block: clamp(1.25rem, 0.75rem + 1.5vw, 2.25rem) clamp(3.5rem, 2rem + 4vw, 6.5rem);
	background:
		radial-gradient(70% 90% at 0% 0%, color-mix(in oklab, var(--an-accent) 9%, transparent), transparent 65%);
	isolation: isolate;
}

.an-about-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.96fr);
	gap: clamp(2.5rem, 1rem + 5vw, 6.5rem);
	align-items: stretch;
}

.an-about-hero__content {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.an-about-hero .an-breadcrumbs {
	margin: 0;
}

.an-about-hero .an-breadcrumbs ol {
	justify-content: flex-start;
}

.an-about-hero__head {
	margin-top: auto;
	padding-top: clamp(2rem, 1rem + 3vw, 3.5rem);
}

.an-about-hero__label {
	margin: 0 0 1.1rem;
}

.an-about-hero__title {
	max-width: 11.5em;
	margin: 0;
	font-size: clamp(2.5rem, 1.4rem + 3.2vw, 4.5rem);
	line-height: 1.04;
	letter-spacing: -0.015em;
}

.an-about-hero__intro {
	max-width: 33rem;
	margin: 1.6rem 0 0;
	font-size: var(--an-fs-lg);
	line-height: 1.65;
	color: var(--an-muted);
}

.an-about-hero__facts {
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	max-width: 34rem;
	margin: auto 0 0;
	padding-top: clamp(2rem, 1rem + 3vw, 3.5rem);
}

.an-about-hero__fact {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	gap: 0.35rem;
	padding: 1.15rem 1.25rem 0;
	border-top: 1px solid color-mix(in oklab, var(--an-accent) 55%, transparent);
	border-left: 1px solid var(--an-line);
}

.an-about-hero__fact:first-child {
	padding-left: 0;
	border-left: 0;
}

.an-about-hero__fact-value {
	margin: 0;
	font-family: var(--an-font-display);
	font-size: clamp(2.1rem, 1.6rem + 1.2vw, 2.85rem);
	font-weight: var(--an-display-weight);
	font-variant-numeric: lining-nums;
	line-height: 1;
	color: var(--an-heading, var(--an-text));
}

.an-about-hero__fact-label {
	margin: 0;
	max-width: 13rem;
	font-size: var(--an-fs-sm);
	line-height: 1.4;
	color: var(--an-muted);
}

.an-about-hero__media {
	position: relative;
	min-width: 0;
}

.an-about-hero__frame {
	position: relative;
	height: 100%;
	min-height: clamp(26rem, calc(100vh - 13rem), 44rem);
	min-height: clamp(26rem, calc(100svh - 13rem), 44rem);
	margin: 0;
	overflow: hidden;
	border-radius: var(--an-radius);
	background-color: var(--an-sand, var(--an-accent-soft));
	box-shadow: var(--an-shadow);
}

.an-about-hero__frame img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.an-about-hero__caption {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	margin: 0;
	padding: 0.45rem 0.85rem;
	border-radius: var(--an-radius-btn);
	background: color-mix(in oklab, var(--an-dark) 62%, transparent);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
	color: var(--an-on-dark);
	font-size: var(--an-fs-xs);
	letter-spacing: 0.02em;
}

.an-about-hero__inset {
	position: absolute;
	left: clamp(-5rem, -4.2vw, -2rem);
	bottom: clamp(2rem, 4vw, 3.75rem);
	width: clamp(9rem, 13.5vw, 13.5rem);
	aspect-ratio: 1;
	margin: 0;
	overflow: hidden;
	border: 6px solid var(--an-bg);
	border-radius: calc(var(--an-radius) + 6px);
	background-color: var(--an-sand, var(--an-accent-soft));
	box-shadow: var(--an-shadow);
}

.an-about-hero__inset img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* No featured image: a text-only masthead. */
.an-about-hero--text {
	padding-bottom: clamp(2.5rem, 1.5rem + 3vw, 4.5rem);
}

.an-about-hero--text .an-about-hero__grid {
	grid-template-columns: minmax(0, 1fr);
}

.an-about-hero--text .an-about-hero__content {
	display: grid;
	grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
	grid-template-areas:
		"crumbs crumbs"
		"head head"
		"intro facts";
	column-gap: clamp(2rem, 1rem + 5vw, 6rem);
	padding-bottom: clamp(2rem, 1.5rem + 2vw, 3rem);
	border-bottom: 1px solid var(--an-line);
}

.an-about-hero--text .an-breadcrumbs {
	grid-area: crumbs;
}

.an-about-hero--text .an-about-hero__head {
	grid-area: head;
	margin: 0;
	padding-block: clamp(2.5rem, 1.5rem + 3vw, 4.5rem) clamp(1.5rem, 1rem + 2vw, 2.5rem);
}

.an-about-hero--text .an-about-hero__title {
	max-width: 15em;
	font-size: clamp(2.8rem, 1.5rem + 4.4vw, 6rem);
}

.an-about-hero--text .an-about-hero__intro {
	grid-area: intro;
	align-self: end;
	margin: 0;
}

.an-about-hero--text .an-about-hero__facts {
	grid-area: facts;
	align-self: end;
	margin: 0;
	padding-top: 0;
}

/* 6. Pattern layouts
   ========================================================================== */

/* About intro: reading column between two staggered photos. */
.wp-block-columns.an-about-intro__cols {
	gap: clamp(2rem, 0.5rem + 4.5vw, 5.5rem);
	align-items: flex-start;
	margin: 0;
}

.an-about-intro__photo .wp-block-image.an-slot img,
.an-about-intro__photo .wp-block-image.an-slot--empty {
	box-shadow: var(--an-card-shadow);
}

.an-about-intro__photo--low {
	padding-top: clamp(4rem, 2rem + 7vw, 9rem);
}

.an-about-intro__text {
	padding-top: clamp(0.5rem, 2vw, 2rem);
}

.an-about-intro__text p:not(.an-eyebrow):not(.an-signature):not(.an-signature-role):not(.an-about-intro__lead) {
	color: var(--an-muted);
}

.an-about-intro__text .wp-block-separator.is-style-an-ornament {
	margin: 1.25rem 0 1.75rem;
}

.an-about-intro .an-about-intro__lead {
	margin-bottom: 1.25rem;
	font-family: var(--an-font-display);
	font-size: clamp(1.45rem, 1.2rem + 0.8vw, 1.85rem);
	font-weight: 500;
	line-height: 1.3;
	color: var(--an-heading, var(--an-text));
}

/* About values: sand band, photo beside four white promise cards. */
.wp-block-group.an-values.alignfull {
	margin-block: var(--an-pattern-gap);
}

.wp-block-columns.an-values__cols {
	gap: clamp(1.25rem, 0.5rem + 2vw, 2.25rem);
	margin-block: 0;
}

/* The cards set the height; the photo fills it. */
.an-values__media .wp-block-image.an-slot {
	height: 100%;
	min-height: 26rem;
}

.an-values__media .wp-block-image.an-slot img {
	position: absolute;
	inset: 0;
	height: 100%;
	box-shadow: var(--an-card-shadow);
}

.wp-block-column.an-values__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-auto-rows: 1fr;
	gap: clamp(1rem, 0.5rem + 1.2vw, 1.5rem);
}

.wp-block-group.an-values__item {
	--an-ico-size: 3.25rem;
	--an-ico-x: clamp(1.4rem, 1rem + 1vw, 2rem);
	--an-ico-y: clamp(1.4rem, 1rem + 1vw, 2rem);
	margin: 0;
	padding: calc(var(--an-ico-y) + var(--an-ico-size) + 1.35rem) var(--an-ico-x) var(--an-ico-y);
	border: 1px solid var(--an-card-border);
	border-radius: var(--an-radius);
	background-color: var(--an-card-bg);
	box-shadow: var(--an-card-shadow);
}

.an-values__item > * {
	margin-block: 0;
}

:is(.an-values) .an-values__item h3.wp-block-heading {
	margin-bottom: 0.55rem;
}

.an-values__item p {
	font-size: var(--an-fs-sm);
	line-height: 1.6;
	color: var(--an-muted);
}

/* About timeline: wide photo, then milestones on a gold hairline. */
.an-timeline-section > .wp-block-image.an-slot {
	margin-bottom: clamp(2.5rem, 1.5rem + 3vw, 4rem);
}

.an-timeline-section > .wp-block-image.an-slot img,
.an-timeline-section > .wp-block-image.an-slot--empty {
	box-shadow: var(--an-card-shadow);
}

.wp-block-group.an-timeline {
	--an-dot: 11px;
	position: relative;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1.5rem, 1rem + 2vw, 3rem);
}

.wp-block-group.an-timeline::before {
	content: "";
	position: absolute;
	top: calc(var(--an-dot) / 2);
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, color-mix(in oklab, var(--an-accent) 70%, transparent), color-mix(in oklab, var(--an-accent) 25%, transparent));
}

.an-timeline__item {
	position: relative;
	margin: 0;
	padding-top: calc(var(--an-dot) + 1.5rem);
}

.an-timeline__item > * {
	margin-block: 0;
}

.an-timeline__item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--an-dot);
	height: var(--an-dot);
	border: 1px solid var(--an-accent);
	border-radius: 50%;
	background: var(--an-bg);
	box-sizing: border-box;
}

.an-timeline__item:last-child::before {
	background: var(--an-accent);
}

.an-timeline__year {
	margin-bottom: 0.65rem !important;
	font-family: var(--an-font-display);
	font-size: clamp(2.2rem, 1.7rem + 1.4vw, 3.1rem);
	font-weight: var(--an-display-weight);
	font-variant-numeric: lining-nums;
	line-height: 1;
	color: var(--an-gold-text, var(--an-accent-ink));
}

.an-timeline__item p:not(.an-timeline__year) {
	max-width: 22rem;
	margin-top: 0.4rem;
	font-size: var(--an-fs-sm);
	line-height: 1.6;
	color: var(--an-muted);
}

/* About team: three portrait cards. */
.wp-block-columns.an-team__grid {
	gap: clamp(1.25rem, 0.5rem + 2vw, 2.25rem);
	margin: 0;
}

.wp-block-column.an-team__person {
	overflow: hidden;
	padding-bottom: 1.75rem;
	border: 1px solid var(--an-card-border);
	border-radius: var(--an-radius);
	background-color: var(--an-card-bg);
	box-shadow: var(--an-card-shadow);
}

.an-team__person > * {
	margin-block: 0;
	padding-inline: clamp(1.25rem, 1rem + 0.8vw, 1.75rem);
}

.an-team__person > .wp-block-image.an-slot {
	margin-bottom: 1.5rem;
	padding: 0;
}

.an-team__person > .wp-block-image.an-slot img,
.an-team__person > .wp-block-image.an-slot--empty,
.an-team__person > .wp-block-image.an-slot .components-placeholder {
	border-radius: 0;
	box-shadow: none;
}

.an-team__role {
	margin: 0.35rem 0 0.8rem !important;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--an-gold-text, var(--an-accent-ink));
}

.an-team__person p:not(.an-team__role) {
	font-size: var(--an-fs-sm);
	line-height: 1.6;
	color: var(--an-muted);
}

/* Call to action card. */
.wp-block-group.an-cta-card {
	overflow: hidden;
	border: 1px solid var(--an-card-border);
	border-radius: var(--an-radius);
	background-color: var(--an-card-bg);
	box-shadow: var(--an-card-shadow);
}

.wp-block-columns.an-cta-card__cols {
	gap: 0;
	margin: 0;
}

.wp-block-column.an-cta-card__media {
	align-self: stretch;
}

/* The text sets the height; the photo fills it. */
.an-cta-card__media .wp-block-image.an-slot {
	height: 100%;
	min-height: 24rem;
}

.an-cta-card__media .wp-block-image.an-slot img {
	position: absolute;
	inset: 0;
	height: 100%;
	border-radius: 0;
}

.an-cta-card__media .wp-block-image.an-slot--empty,
.an-cta-card__media .wp-block-image.an-slot .components-placeholder {
	height: 100%;
	border-radius: 0;
}

.wp-block-column.an-cta-card__body {
	padding: clamp(2rem, 1rem + 3.5vw, 4.5rem);
}

.an-cta-card__body > * {
	margin-block: 0;
}

.an-cta-card__body .wp-block-separator.is-style-an-ornament {
	margin-block: 1.1rem 1.4rem;
}

.an-cta-card .an-cta-card__title {
	max-width: 15ch;
}

.an-cta-card .an-cta-card__text {
	max-width: 30rem;
	font-size: var(--an-fs-lg);
	line-height: 1.6;
	color: var(--an-muted);
}

.wp-block-buttons.an-cta-card__actions {
	margin-top: 1.9rem;
}

.an-cta-card .an-cta-card__note {
	margin-top: 1.25rem;
	font-size: var(--an-fs-sm);
	color: var(--an-muted);
}

.wp-block-group.an-cta-card.is-style-an-emerald .an-cta-card__text,
.wp-block-group.an-cta-card.is-style-an-emerald .an-cta-card__note {
	color: var(--an-on-dark-muted);
}

/* Story split. */
.an-story-split .wp-block-separator.is-style-an-ornament {
	margin-block: 1.1rem 1.6rem;
}

.an-story-split .an-split__media .wp-block-image.an-slot img,
.an-story-split .an-split__media .wp-block-image.an-slot--empty {
	box-shadow: var(--an-card-shadow);
}

.an-story-split__actions {
	margin-top: 0.25rem;
}

/* Contact details. */
.wp-block-columns.an-contact__cols {
	gap: clamp(2rem, 1rem + 5vw, 6rem);
	margin: 0;
}

.an-contact__intro .wp-block-separator.is-style-an-ornament {
	margin-block: 1.1rem 1.6rem;
}

.wp-block-group.an-contact__visit {
	margin-top: clamp(2rem, 1.5rem + 2vw, 3rem);
	padding-top: 0;
}

.an-contact__label {
	margin: 0 0 0.3rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--an-gold-text, var(--an-accent-ink));
}

.an-contact__address {
	margin: 0 0 0.5rem;
	font-family: var(--an-font-display);
	font-size: var(--an-fs-h3);
	font-weight: var(--an-display-weight);
	line-height: 1.1;
	color: var(--an-heading, var(--an-text));
}

.an-contact__meta {
	margin: 0;
	font-size: var(--an-fs-sm);
	color: var(--an-muted);
}

.wp-block-group.an-contact__card {
	padding: clamp(1.5rem, 0.75rem + 2.5vw, 2.75rem);
}

.wp-block-group.an-contact__row {
	margin: 0;
	padding-block: 1.5rem;
	border-top: 1px solid var(--an-line);
	--an-ico-y: 1.5rem;
}

.an-contact__row:first-child {
	padding-top: 0;
	border-top: 0;
	--an-ico-y: 0px;
}

.an-contact__row:last-child {
	padding-bottom: 0;
}

.an-contact__row > * {
	margin: 0;
}

.an-contact__value {
	margin: 0.1rem 0 0.25rem !important;
	font-family: var(--an-font-display);
	font-size: var(--an-fs-h4);
	font-weight: var(--an-display-weight);
	line-height: 1.2;
	color: var(--an-heading, var(--an-text));
	overflow-wrap: anywhere;
}

.an-contact__value a {
	color: inherit;
	text-decoration: underline;
	text-decoration-color: var(--an-accent);
	text-decoration-thickness: 1px;
	text-underline-offset: 0.22em;
}

.an-contact__value a:hover {
	color: var(--an-primary);
}

/* FAQ accordion in a white card. */
.an-faq .wp-block-group.an-head {
	margin-bottom: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
}

.wp-block-group.an-faq__list {
	padding: 0.25rem clamp(1.25rem, 0.75rem + 2vw, 2.25rem);
	border: 1px solid var(--an-card-border);
	border-radius: var(--an-radius);
	background-color: var(--an-card-bg);
	box-shadow: var(--an-card-shadow);
}

.wp-block-details.an-faq__item {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid var(--an-line);
}

.wp-block-details.an-faq__item:last-child {
	border-bottom: 0;
}

.an-faq__item > summary {
	position: relative;
	display: block;
	padding: 1.35rem 3.25rem 1.35rem 0;
	list-style: none;
	font-family: var(--an-font-display);
	font-size: var(--an-fs-h4);
	font-weight: var(--an-display-weight);
	line-height: 1.25;
	color: var(--an-heading, var(--an-text));
	cursor: pointer;
	transition: color 0.2s ease;
}

.an-faq__item > summary::-webkit-details-marker {
	display: none;
}

.an-faq__item > summary::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
	border: 1px solid color-mix(in oklab, var(--an-accent) 60%, transparent);
	border-radius: 50%;
	transition: background-color 0.3s var(--an-ease), border-color 0.3s var(--an-ease);
}

.an-faq__item > summary::after {
	content: "";
	position: absolute;
	top: 50%;
	right: calc(1rem - 0.4rem);
	width: 0.8rem;
	height: 0.8rem;
	margin-top: -0.4rem;
	background:
		linear-gradient(var(--an-primary), var(--an-primary)) center / 100% 1.5px no-repeat,
		linear-gradient(var(--an-primary), var(--an-primary)) center / 1.5px 100% no-repeat;
	transition: background-size 0.35s var(--an-ease), transform 0.35s var(--an-ease);
}

.an-faq__item[open] > summary::before {
	border-color: var(--an-accent);
	background-color: var(--an-accent-soft);
}

.an-faq__item[open] > summary::after {
	background-size: 100% 1.5px, 1.5px 0;
	transform: rotate(180deg);
}

.an-faq__item > summary:hover {
	color: var(--an-primary);
}

.an-faq__item > :not(summary) {
	max-width: 40rem;
	margin: 0 0 1.5rem;
	padding-right: 3.25rem;
	font-size: var(--an-fs-base);
	color: var(--an-muted);
}

.an-faq__more {
	margin-top: 1.75rem;
	font-size: var(--an-fs-sm);
	text-align: center;
	color: var(--an-muted);
}

/* Shipping and returns policy. */
.an-policy .an-policy__title {
	margin-bottom: 0;
}

/* Keep the policy head left-aligned inside a constrained (centred) group. */
.an-policy.is-layout-constrained > .wp-block-separator.is-style-an-ornament,
.an-policy.is-layout-constrained > .an-lede {
	max-width: var(--wp--style--global--content-size, 760px);
	margin-left: 0 !important;
}

.an-policy.is-layout-constrained > .wp-block-separator.is-style-an-ornament {
	max-width: none;
}

.an-policy .wp-block-separator.is-style-an-ornament {
	margin-block: 1.1rem 1.5rem;
}

:is(.an-policy) h3.wp-block-heading {
	margin: 2.75rem 0 0.9rem;
}

.an-policy .wp-block-list:not([class*="is-style-"]) {
	padding-left: 1.15rem;
}

.an-policy .wp-block-list:not([class*="is-style-"]) > li {
	margin-block: 0.5rem;
	padding-left: 0.4rem;
}

.an-policy .wp-block-list:not([class*="is-style-"]) > li::marker {
	color: var(--an-accent);
}

.wp-block-columns.an-policy__zones {
	gap: 1rem;
	margin: 0 0 1rem;
}

.wp-block-column.an-policy__zone {
	--an-ico-x: 1.6rem;
	--an-ico-y: 1.6rem;
	padding: calc(var(--an-ico-y) + var(--an-ico-size) + 1.1rem) 1.6rem 1.6rem;
	border: 1px solid var(--an-card-border);
	border-radius: var(--an-radius);
	background-color: var(--an-card-bg);
	box-shadow: var(--an-card-shadow);
}

.an-policy__zone > * {
	margin: 0;
}

.an-policy__zone-name {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--an-gold-text, var(--an-accent-ink));
}

.an-policy__zone .an-policy__zone-time {
	margin: 0.35rem 0 0.75rem;
	font-family: var(--an-font-display);
	font-size: var(--an-fs-h3);
	font-weight: var(--an-display-weight);
	line-height: 1.1;
	color: var(--an-heading, var(--an-text));
}

.an-policy__zone p:not(.an-policy__zone-name):not(.an-policy__zone-time) {
	font-size: var(--an-fs-sm);
	color: var(--an-muted);
}

/* Recipe card. */
.wp-block-group.an-recipe {
	--an-recipe-pad: clamp(1.5rem, 0.75rem + 3vw, 3.25rem);
	padding: var(--an-recipe-pad);
	overflow: hidden;
}

.an-recipe > .wp-block-image.an-recipe__photo {
	margin: calc(var(--an-recipe-pad) * -1) calc(var(--an-recipe-pad) * -1) var(--an-recipe-pad);
}

.an-recipe > .wp-block-image.an-recipe__photo img,
.an-recipe > .wp-block-image.an-recipe__photo.an-slot--empty,
.an-recipe > .wp-block-image.an-recipe__photo .components-placeholder {
	border-radius: 0;
}

:is(.an-recipe) .an-recipe__title {
	margin: 0;
}

.an-recipe .wp-block-separator.is-style-an-ornament {
	margin-block: 1rem 1.25rem;
}

.an-recipe__intro {
	max-width: 36rem;
	font-size: var(--an-fs-lg);
	line-height: 1.6;
	color: var(--an-muted);
}

.wp-block-group.an-recipe__meta {
	flex-wrap: wrap;
	align-items: stretch;
	gap: 0;
	margin: 2rem 0 2.25rem;
	border-block: 1px solid var(--an-line);
}

.wp-block-group.an-recipe__fact {
	--an-ico-size: 2.5rem;
	--an-ico-x: 1.25rem;
	--an-ico-y: 1rem;
	flex: 1 1 9rem;
	margin: 0;
	padding: 1rem 1.25rem 1rem calc(1.25rem + var(--an-ico-size) + 0.8rem);
	border-left: 1px solid var(--an-line);
}

.wp-block-group.an-recipe__fact:first-child {
	--an-ico-x: 0px;
	padding-left: calc(var(--an-ico-size) + 0.8rem);
	border-left: 0;
}

.an-recipe__fact > * {
	margin: 0;
}

.an-recipe__label {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--an-gold-text, var(--an-accent-ink));
}

.an-recipe__fact .an-recipe__value {
	margin-top: 0.15rem;
	font-family: var(--an-font-display);
	font-size: 1.5rem;
	font-weight: var(--an-display-weight);
	line-height: 1.1;
	color: var(--an-heading, var(--an-text));
}

.wp-block-columns.an-recipe__body {
	gap: clamp(1.5rem, 1rem + 3vw, 3.5rem);
	margin: 0 0 2rem;
}

:is(.an-recipe) .an-recipe__body h3.wp-block-heading {
	margin: 0 0 1rem;
}

.wp-block-list.an-recipe__ingredients {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid var(--an-line);
}

.an-recipe__ingredients > li {
	margin: 0;
	padding: 0.7rem 0;
	border-bottom: 1px solid var(--an-line);
	font-size: var(--an-fs-sm);
}

.wp-block-list.an-recipe__method {
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: an-method;
}

.an-recipe__method > li {
	position: relative;
	margin: 0 0 1.15rem;
	padding-left: 2.75rem;
	counter-increment: an-method;
}

.an-recipe__method > li::before {
	content: counter(an-method);
	position: absolute;
	top: -0.05em;
	left: 0;
	min-width: 1.75rem;
	font-family: var(--an-font-display);
	font-size: 1.75rem;
	font-weight: var(--an-display-weight);
	line-height: 1;
	color: var(--an-gold-text, var(--an-accent-ink));
}

.an-recipe .an-recipe__tip {
	margin-bottom: 0;
}

/* 7. Responsive
   ========================================================================== */
@media (max-width: 1080px) {
	.wp-block-columns.an-about-intro__cols {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 2.5rem 1.25rem;
	}

	.wp-block-columns.an-about-intro__cols > .an-about-intro__text {
		grid-column: 1 / -1;
		order: -1;
		max-width: 40rem;
		padding-top: 0;
	}

	.an-about-intro__photo--low {
		padding-top: 3rem;
	}

	.wp-block-group.an-timeline {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		row-gap: 2.5rem;
	}

	.wp-block-group.an-timeline::before {
		display: none;
	}

	.an-timeline__item {
		border-top: 1px solid color-mix(in oklab, var(--an-accent) 45%, transparent);
	}

	.an-timeline__item::before {
		top: calc(var(--an-dot) / -2);
	}

	.wp-block-columns.an-team__grid {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.an-team__grid > .an-team__person {
		flex-basis: calc(50% - 1.25rem) !important;
	}
}

@media (max-width: 960px) {
	.wp-block-columns.an-values__cols {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.an-values__cols > .wp-block-column {
		flex-basis: 100% !important;
	}

	.an-values__media .wp-block-image.an-slot {
		min-height: 0;
	}

	.an-values__media .wp-block-image.an-slot img {
		position: static;
		height: auto;
		aspect-ratio: 16 / 10 !important;
	}

	.an-values__media .wp-block-image.an-slot--empty {
		aspect-ratio: 16 / 10;
	}
}

@media (max-width: 860px) {
	.an-about-hero {
		padding-top: 1rem;
	}

	.an-about-hero__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 2.25rem;
	}

	.an-about-hero__head {
		padding-top: 2rem;
	}

	.an-about-hero__intro {
		margin-top: 1.25rem;
		font-size: var(--an-fs-base);
	}

	.an-about-hero__facts {
		max-width: none;
		margin-top: 2rem;
		padding-top: 0;
	}

	.an-about-hero__frame {
		height: auto;
		min-height: 0;
		aspect-ratio: 4 / 5;
		max-height: 36rem;
		width: 100%;
	}

	.an-about-hero__inset {
		left: auto;
		right: 1rem;
		bottom: -1.5rem;
		width: 32%;
		max-width: 11rem;
		border-width: 5px;
	}

	.an-about-hero.has-inset {
		padding-bottom: calc(clamp(3rem, 2rem + 3vw, 5rem) + 1.5rem);
	}

	.an-about-hero--text .an-about-hero__content {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"crumbs"
			"head"
			"intro"
			"facts";
		row-gap: 1.75rem;
	}

	.an-about-hero--text .an-about-hero__head {
		padding-bottom: 0;
	}
}

@media (max-width: 781px) {
	.wp-block-columns.an-split {
		gap: 2.25rem;
	}

	.an-split--text-first > .an-split__media {
		order: -1;
	}

	.wp-block-columns.an-cta-card__cols > .an-cta-card__media {
		order: -1;
	}

	.an-cta-card__media .wp-block-image.an-slot {
		min-height: 0;
	}

	.an-cta-card__media .wp-block-image.an-slot img {
		position: static;
		height: auto;
		aspect-ratio: 16 / 10 !important;
	}

	.an-cta-card__media .wp-block-image.an-slot--empty {
		aspect-ratio: 16 / 10;
	}

	.wp-block-column.an-values__list {
		grid-template-columns: minmax(0, 1fr);
		grid-auto-rows: auto;
	}

	/* Compact cards on phones: the badge sits beside the title. */
	.wp-block-group.an-values__item {
		--an-ico-size: 2.6rem;
		--an-ico-x: 1.25rem;
		--an-ico-y: 1.3rem;
		padding: 1.4rem 1.25rem 1.35rem calc(1.25rem + var(--an-ico-size) + 1rem);
	}

	/* The wide landscape gets taller on phones. */
	.an-timeline-section > .wp-block-image.an-slot img {
		aspect-ratio: 3 / 2 !important;
	}

	.an-timeline-section > .wp-block-image.an-slot--empty {
		aspect-ratio: 3 / 2;
	}

	/* Milestones scroll sideways on phones. */
	.wp-block-group.an-timeline {
		display: grid;
		grid-template-columns: none;
		grid-auto-flow: column;
		grid-auto-columns: max(15rem, 72%);
		gap: 1.25rem;
		margin-inline: calc(var(--an-gutter) * -1);
		padding: 0 var(--an-gutter) 0.75rem;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--an-gutter);
		scrollbar-width: none;
	}

	.wp-block-group.an-timeline::-webkit-scrollbar {
		display: none;
	}

	.an-timeline__item {
		scroll-snap-align: start;
	}

	/* Portrait cards scroll sideways on phones. */
	.wp-block-columns.an-team__grid {
		display: grid;
		grid-auto-flow: column;
		grid-auto-columns: max(14rem, 78%);
		gap: 1rem;
		margin-inline: calc(var(--an-gutter) * -1);
		padding: 0.25rem var(--an-gutter) 1.5rem;
		overflow-x: auto;
		overscroll-behavior-x: contain;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: var(--an-gutter);
		scrollbar-width: none;
	}

	.wp-block-columns.an-team__grid::-webkit-scrollbar {
		display: none;
	}

	.wp-block-columns.an-team__grid > .an-team__person {
		scroll-snap-align: start;
	}

	.an-faq__item > :not(summary) {
		padding-right: 0;
	}
}

@media (max-width: 480px) {
	.wp-block-columns.an-about-intro__cols {
		gap: 2rem 0.85rem;
	}

	.an-about-intro__photo--low {
		padding-top: 2rem;
	}

	.wp-block-group.an-ico-row {
		grid-template-columns: minmax(0, 1fr);
	}

	.wp-block-group.an-recipe__fact,
	.wp-block-group.an-recipe__fact:first-child {
		--an-ico-x: 0px;
		flex-basis: 100%;
		padding-left: calc(var(--an-ico-size) + 0.8rem);
		border-left: 0;
		border-top: 1px solid var(--an-line);
	}

	.wp-block-group.an-recipe__fact:first-child {
		border-top: 0;
	}

	.an-about-hero__fact {
		padding-inline: 0.9rem;
	}

	.an-about-hero__fact-value {
		font-size: 1.9rem;
	}
}

/* 8. Reduced motion
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
	.an-faq__item > summary,
	.an-faq__item > summary::before,
	.an-faq__item > summary::after,
	.wp-block-button.is-style-an-gold > .wp-block-button__link::after {
		transition: none;
	}
}