/* Generated from the approved DURAN STRATEGY styles. Do not edit directly. */

/* Source: src/styles/tokens.css */
:root {
	/* Color */
	--color-background: #f9f8f6;
	--color-foreground: #1c1b1a;
	--color-accent: #a8855f;
	--color-muted-foreground: #625e58;
	--color-subtle-surface: #f1efeb;
	--color-border: #d8d3cb;
	--color-focus: #7a5938;
	--color-accent-text: var(--color-focus);
	--color-focus-on-dark: #d4b58f;

	/* Typography */
	--font-sans: "Instrument Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--font-editorial: "Newsreader", Iowan Old Style, Baskerville, "Times New Roman", serif;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--letter-spacing-tight: -0.025em;
	--letter-spacing-normal: 0;
	--letter-spacing-label: 0.12em;
	--font-size-display: clamp(2.625rem, 8vw, 6rem);
	--font-size-h1: clamp(2.125rem, 5vw, 4.25rem);
	--font-size-h2: clamp(1.75rem, 3vw, 2.875rem);
	--font-size-h3: clamp(1.25rem, 1.75vw, 1.5rem);
	--font-size-sans-heading: clamp(1.375rem, 2.25vw, 2.125rem);
	--font-size-body-large: clamp(1.0625rem, 1.15vw, 1.1875rem);
	--font-size-body: 1rem;
	--font-size-small: 0.875rem;
	--font-size-label: 0.75rem;
	--line-height-tight: 1.02;
	--line-height-heading: 1.14;
	--line-height-body: 1.6;

	/* Spacing */
	--space-1: 0.5rem;
	--space-2: 0.75rem;
	--space-3: 1rem;
	--space-4: 1.5rem;
	--space-5: 2rem;
	--space-6: 3rem;
	--space-7: 4.5rem;
	--space-8: 6rem;

	/* Layout */
	--layout-max-width: 75rem;
	--layout-wide-width: 90rem;
	--layout-reading-width: 44rem;
	--layout-gutter: clamp(1rem, 4vw, 3rem);
	--layout-grid-gap: clamp(1rem, 2vw, 2rem);
	--section-space: clamp(4rem, 10vw, 9rem);
	--header-height: 4.5rem;
	--space-eyebrow-heading: var(--space-3);
	--space-heading-body: var(--space-4);
	--space-editorial-pause: clamp(3rem, 7vw, 7rem);

	/* Borders and elevation */
	--border-width: 1px;
	--radius-small: 0.25rem;
	--radius-medium: 0.5rem;
	--shadow-subtle: 0 0.5rem 1.5rem rgb(28 27 26 / 0.06);

	/* Motion */
	--motion-fast: 150ms;
	--motion-normal: 250ms;
	--motion-slow: 450ms;
	--motion-stagger: 80ms;
	--ease-standard: ease;
	--ease-enter: cubic-bezier(0.22, 1, 0.36, 1);
	--ease-exit: cubic-bezier(0.4, 0, 1, 1);
	--ease-editorial: cubic-bezier(0.16, 1, 0.3, 1);
	--duration-fast: var(--motion-fast);
	--duration-normal: var(--motion-normal);
	--duration-slow: var(--motion-slow);
	--easing-standard: var(--ease-standard);
	--easing-editorial: var(--ease-editorial);
}

/* Source: src/styles/layout.css */
.editorial-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--layout-grid-gap);
}

.editorial-grid > * {
	min-width: 0;
}

.editorial-intro {
	display: grid;
	gap: var(--space-heading-body);
}

.editorial-intro__eyebrow,
.layout-eyebrow {
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.editorial-intro__title,
.layout-editorial-heading {
	margin: 0;
	font-family: var(--font-editorial);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.editorial-intro__title {
	font-size: var(--font-size-display);
}

.layout-editorial-heading {
	font-size: var(--font-size-h2);
}

.layout-sans-heading {
	margin: 0;
	font-size: var(--font-size-sans-heading);
	font-weight: var(--font-weight-semibold);
	line-height: var(--line-height-heading);
}

.editorial-intro__body,
.layout-body {
	max-width: var(--layout-reading-width);
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.split-layout,
.offset-layout,
.numbered-layout {
	align-items: start;
}

.split-layout__copy,
.offset-layout__body,
.numbered-layout__content {
	display: grid;
	gap: var(--space-heading-body);
}

.offset-layout__body {
	padding-top: var(--space-4);
}

.section-number {
	margin: 0;
	color: var(--color-accent);
	font-family: var(--font-editorial);
	font-size: var(--font-size-display);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}

.dark-panel {
	padding: clamp(1.5rem, 5vw, 4rem);
	background: var(--color-foreground);
	color: var(--color-background);
}

.dark-panel .layout-eyebrow,
.dark-panel .layout-body {
	color: var(--color-background);
}

.dark-panel .layout-eyebrow {
	color: var(--color-accent);
}

.case-preview {
	display: grid;
	gap: var(--space-4);
	padding-top: var(--space-5);
	border-top: var(--border-width) solid var(--color-border);
}

.case-preview__category {
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.case-preview__title {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.case-preview__description {
	max-width: var(--layout-reading-width);
	margin: 0;
	color: var(--color-muted-foreground);
}

.editorial-quote {
	margin: 0;
	padding-left: var(--space-4);
	border-left: 2px solid var(--color-accent);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.editorial-quote-container {
	width: min(100% - (var(--layout-gutter) * 2), var(--layout-reading-width));
	margin-inline: auto;
}

.duran-line {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	width: min(100%, 34rem);
	padding-block: var(--space-4);
}

.duran-line__neutral,
.duran-line__accent {
	display: block;
	height: var(--border-width);
}

.duran-line__neutral {
	flex: 1;
	background: var(--color-border);
}

.duran-line__accent {
	position: relative;
	width: min(28vw, 10rem);
	background: var(--color-accent);
}

.duran-line__accent::after {
	position: absolute;
	top: 50%;
	right: 0;
	width: 0.5rem;
	height: 0.5rem;
	border-top: var(--border-width) solid var(--color-accent);
	border-right: var(--border-width) solid var(--color-accent);
	content: '';
	transform: translateY(-50%) rotate(45deg);
}

@media (min-width: 48rem) {
	.editorial-grid {
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	.editorial-intro {
		grid-column: 2 / span 8;
	}

	.split-layout__copy {
		grid-column: 2 / span 4;
	}

	.split-layout__visual {
		grid-column: 7 / span 5;
	}

	.offset-layout__heading {
		grid-column: 2 / span 5;
	}

	.offset-layout__body {
		grid-column: 7 / span 4;
		padding-top: var(--space-7);
	}

	.numbered-layout__number {
		grid-column: 2 / span 2;
	}

	.numbered-layout__content {
		grid-column: 5 / span 6;
	}

	.case-preview__image {
		grid-column: 7 / span 5;
		grid-row: 1 / span 3;
	}

	.case-preview__category,
	.case-preview__title,
	.case-preview__description {
		grid-column: 2 / span 4;
	}
}

/* Source: src/styles/motion.css */
[data-reveal] {
	transition: opacity var(--motion-normal) var(--ease-enter) var(--motion-delay, 0ms), transform var(--motion-normal) var(--ease-enter) var(--motion-delay, 0ms);
}

html.motion-ready [data-reveal]:not([data-reveal='characters'])[data-motion-state='pending'] {
	opacity: 0;
}

html.motion-ready [data-reveal='fade-up'][data-motion-state='pending'],
html.motion-ready [data-reveal='editorial'][data-motion-state='pending'] {
	transform: translateY(1rem);
}

html.motion-ready [data-reveal='editorial'][data-motion-state='pending'] {
	transform: translateY(1.25rem);
}

html.motion-ready [data-reveal][data-motion-state='visible'] {
	opacity: 1;
	transform: none;
}

.character-reveal__word,
.character-reveal__char {
	display: inline-block;
}

.character-reveal__char {
	transition: opacity var(--motion-slow) var(--ease-editorial) var(--character-delay, 0ms), transform var(--motion-slow) var(--ease-editorial) var(--character-delay, 0ms);
}

html.motion-ready [data-reveal='characters'][data-motion-state='pending'] .character-reveal__char {
	opacity: 0;
	transform: translateY(0.25em);
	transition: none;
}

html.motion-ready [data-reveal='characters'][data-motion-state='visible'] .character-reveal__char {
	opacity: 1;
	transform: none;
}

[data-motion-delay='1'] { --motion-delay: var(--motion-stagger); }
[data-motion-delay='2'] { --motion-delay: calc(var(--motion-stagger) * 2); }

html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__accent,
html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__neutral {
	transform: scaleX(0);
}

html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__accent::after {
	opacity: 0;
	transform: translateY(-50%) rotate(45deg) scale(0.6);
}

html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__neutral,
html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__accent,
html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__accent::after {
	transition: none;
}

.duran-line__neutral,
.duran-line__accent {
	transform-origin: left center;
	transition: transform var(--motion-slow) var(--ease-editorial), opacity var(--motion-fast) var(--ease-enter);
}

.duran-line__accent::after {
	transition: opacity var(--motion-fast) var(--ease-enter) var(--motion-normal), transform var(--motion-normal) var(--ease-editorial) var(--motion-normal);
}

.method-step__line .duran-line__neutral {
	transition-duration: 520ms;
}

.method-step__line .duran-line__accent {
	transition-duration: 600ms;
	transition-delay: 80ms;
}

.method-step__line .duran-line__accent::after {
	transition-delay: 420ms;
}

html.motion-ready .duran-line[data-motion-sequence='after-title'] .duran-line__neutral {
	transition-delay: var(--motion-slow);
}

html.motion-ready .duran-line[data-motion-sequence='after-title'] .duran-line__accent {
	transition-delay: calc(var(--motion-slow) + var(--motion-stagger));
}

html.motion-ready .duran-line[data-motion-sequence='after-title'] .duran-line__accent::after {
	transition-delay: calc(var(--motion-slow) + var(--motion-stagger) + var(--motion-normal));
}

.motion-link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	color: var(--color-foreground);
	font-weight: var(--font-weight-semibold);
	text-decoration-color: var(--color-accent);
	text-decoration-thickness: var(--border-width);
	text-underline-offset: 0.3em;
}

.motion-link__arrow {
	transition: transform var(--motion-fast) var(--ease-standard);
}

.motion-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding-inline: var(--space-4);
	border: var(--border-width) solid var(--color-foreground);
	border-radius: var(--radius-small);
	background: var(--color-foreground);
	color: var(--color-background);
	font-weight: var(--font-weight-semibold);
	transition: background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);
}

.motion-button--secondary {
	background: transparent;
	color: var(--color-foreground);
}

.motion-button:active {
	transform: translateY(1px);
}

.motion-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
}

.motion-stagger-list {
	display: grid;
	gap: var(--space-3);
	padding: 0;
	margin: 0;
	list-style: none;
}

.motion-stagger-list li {
	padding-top: var(--space-3);
	border-top: var(--border-width) solid var(--color-border);
	font-size: var(--font-size-sans-heading);
	font-weight: var(--font-weight-semibold);
}

.motion-case {
	overflow: hidden;
}

.motion-case__surface {
	width: 100%;
	height: 100%;
	transition: transform var(--motion-slow) var(--ease-editorial), background-color var(--motion-normal) var(--ease-standard);
}

.dark-panel[data-reveal='fade'] {
	transition-duration: var(--motion-slow);
}

@media (hover: hover) and (pointer: fine) {
	.motion-link:hover {
		color: var(--color-accent-text);
	}

	.motion-link:hover .motion-link__arrow {
		transform: translateX(0.2em);
	}

	.motion-button:hover {
		border-color: var(--color-accent-text);
		background: var(--color-accent-text);
	}

	.motion-button--secondary:hover {
		color: var(--color-background);
	}

	.motion-case:hover .motion-case__surface {
		background: var(--color-background);
		transform: scale(1.025);
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-reveal],
	.character-reveal__char,
	.duran-line__neutral,
	.duran-line__accent,
	.duran-line__accent::after,
	.motion-link__arrow,
	.motion-button,
	.motion-case__surface,
	.final-cta::before,
	.final-cta > .container {
		transition: none !important;
		transform: none !important;
	}

	html.motion-ready .final-cta[data-black-reveal][data-motion-state='pending']::before {
		transform: none;
	}

	html.motion-ready .final-cta[data-black-reveal][data-motion-state='pending'] > .container {
		opacity: 1;
	}

	html.motion-ready [data-reveal][data-motion-state='pending'] {
		opacity: 1;
	}

	html.motion-ready [data-reveal='characters'][data-motion-state='pending'] .character-reveal__char {
		opacity: 1;
		transform: none;
	}

	html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__accent,
	html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__neutral {
		transform: none;
	}

	html.motion-ready .duran-line[data-motion-state='pending'] .duran-line__accent::after {
		opacity: 1;
	}
}

/* Source: src/styles/global.css */
@font-face {
	font-family: "Instrument Sans";
	src: url('/assets/brand/fonts/InstrumentSans-Variable.woff2') format('woff2');
	font-weight: 400 700;
	font-stretch: 75% 100%;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Newsreader";
	src: url('/assets/brand/fonts/Newsreader-Variable.woff2') format('woff2');
	font-weight: 300 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Newsreader";
	src: url('/assets/brand/fonts/Newsreader-VariableItalic.woff2') format('woff2');
	font-weight: 300 600;
	font-style: italic;
	font-display: swap;
}

*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	color-scheme: light;
	background: var(--color-background);
}

body {
	min-height: 100vh;
	margin: 0;
	background: var(--color-background);
	color: var(--color-foreground);
	font-family: var(--font-sans);
	font-size: var(--font-size-body);
	font-weight: var(--font-weight-regular);
	line-height: var(--line-height-body);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-wrap: break-word;
}

img,
picture,
svg,
video,
canvas {
	display: block;
	max-width: 100%;
}

button,
input,
textarea,
select {
	font: inherit;
}

button,
[role='button'] {
	min-height: 2.75rem;
}

a {
	color: inherit;
}

#main-content,
main [id] {
	scroll-margin-top: calc(var(--header-height) + var(--space-3));
}

:focus-visible {
	outline: 3px solid var(--color-focus);
	outline-offset: 3px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

::selection {
	background: var(--color-accent);
	color: var(--color-foreground);
}

.container {
	width: min(100% - (var(--layout-gutter) * 2), var(--layout-max-width));
	margin-inline: auto;
}

.container--wide {
	width: min(100% - (var(--layout-gutter) * 2), var(--layout-wide-width));
	margin-inline: auto;
}

.reading-width {
	width: min(100%, var(--layout-reading-width));
}

.section {
	padding-block: var(--section-space);
}

.full-bleed {
	width: calc(100% + (var(--layout-gutter) * 2));
	margin-inline: calc(var(--layout-gutter) * -1);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* Source: src/styles/home.css */
.skip-link {
	position: fixed;
	top: var(--space-2);
	left: var(--space-2);
	z-index: 20;
	padding: var(--space-2) var(--space-3);
	background: var(--color-foreground);
	color: var(--color-background);
	transform: translateY(-150%);
}

.skip-link:focus {
	transform: translateY(0);
}

.site-header {
	position: sticky;
	top: 0;
	z-index: 10;
	border-bottom: var(--border-width) solid var(--color-border);
	background: var(--color-background);
}

.site-header__inner {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	align-items: center;
	min-height: var(--header-height);
}

.brand {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-block-size: 2.75rem;
	justify-self: start;
	color: var(--color-foreground);
	line-height: 1;
	text-decoration: none;
}

.brand__name {
	font-family: var(--font-editorial);
	font-size: 1.5rem;
	font-weight: var(--font-weight-medium);
	letter-spacing: var(--letter-spacing-tight);
}

.brand__descriptor {
	margin-top: 0.25rem;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-medium);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.menu-toggle {
	display: none;
	min-height: 2.75rem;
	padding: 0 var(--space-2);
	border: 0;
	background: transparent;
	color: var(--color-foreground);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
}

.site-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: var(--space-5);
}

.site-nav__list {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-nav__socials {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-nav a {
	display: inline-flex;
	align-items: center;
	min-block-size: 2.75rem;
	color: var(--color-foreground);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
}

.site-nav__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding-inline: var(--space-3);
	border: var(--border-width) solid var(--color-foreground);
	border-radius: var(--radius-small);
	background: var(--color-foreground);
	color: var(--color-background) !important;
	transition: background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);
}

.hero {
	display: grid;
	align-items: start;
	min-block-size: min(40rem, calc(100svh - var(--header-height)));
	padding-block: clamp(4rem, 10vw, 9rem) var(--space-7);
}

.hero__grid {
	row-gap: var(--space-editorial-pause);
}

.hero__primary,
.hero__support {
	display: grid;
	gap: var(--space-heading-body);
}

.hero__eyebrow {
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.hero__title {
	max-width: 14ch;
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-display);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}

.hero__body {
	max-width: 33rem;
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.hero__actions {
	align-items: flex-start;
}

.hero__line {
	margin-top: var(--space-2);
}

.problem {
	border-top: var(--border-width) solid var(--color-border);
}

.problem__intro,
.method__intro {
	row-gap: var(--space-5);
}

.problem__intro-copy,
.method__intro > div {
	display: grid;
	gap: var(--space-eyebrow-heading);
}

.problem__situations {
	display: grid;
	gap: var(--space-5);
	margin-top: var(--space-editorial-pause);
}

.problem-situation {
	padding-top: var(--space-4);
	border-top: var(--border-width) solid var(--color-border);
}

.problem-situation__number {
	margin: 0 0 var(--space-5);
	color: var(--color-accent);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-tight);
}

.problem-situation h3,
.method-step h3 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.problem-transition {
	padding-block: var(--space-4);
}

.method {
	padding-top: var(--space-editorial-pause);
}

.method__steps {
	display: grid;
	gap: var(--space-6);
	padding: 0;
	margin: var(--space-editorial-pause) 0 0;
	list-style: none;
}

.method-step {
	row-gap: var(--space-4);
	padding-top: var(--space-4);
	border-top: var(--border-width) solid var(--color-border);
}

.method-step__number {
	margin: 0;
}

.method-step__content {
	display: grid;
	gap: var(--space-3);
}

.method-step__content > p {
	max-width: var(--layout-reading-width);
	margin: 0;
}

.method-step__line {
	grid-column: 1 / -1;
	margin-top: var(--space-2);
}

.what-we-build {
	border-top: var(--border-width) solid var(--color-border);
}

.collaborations {
	border-top: var(--border-width) solid var(--color-border);
}

.collaborations__intro {
	display: grid;
	gap: var(--space-eyebrow-heading);
	max-width: 43rem;
}

.collaborations__intro > p:last-child {
	max-width: 38rem;
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.collaborations__logos {
	display: grid;
	gap: var(--space-3);
	padding: 0;
	margin: var(--space-editorial-pause) 0 0;
	border-block: var(--border-width) solid var(--color-border);
	list-style: none;
}

.collaborations__logos li {
	display: grid;
	align-content: center;
	justify-items: center;
	gap: var(--space-3);
	min-block-size: 8.5rem;
	padding: var(--space-4) var(--space-3);
}

.collaborations__logos li + li {
	border-top: var(--border-width) solid var(--color-border);
}

.collaborations__logo {
	display: block;
	height: auto;
	max-width: 100%;
	object-fit: contain;
	filter: grayscale(100%);
	opacity: 0.72;
	transition: filter var(--motion-normal) var(--ease-standard), opacity var(--motion-normal) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);
}

.collaborations__logo--policom {
	width: min(100%, 16rem);
}

.collaborations__logo--equis {
	width: min(100%, 7.25rem);
}

.collaborations__logo--lider {
	width: min(100%, 18rem);
}

.collaborations__description {
	max-width: 34ch;
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-small);
	line-height: 1.45;
	text-align: center;
}

@media (prefers-reduced-motion: reduce) {
	.collaborations__logo {
		transition: none;
		transform: none;
	}

	.video-highlight__surface,
	.video-highlight__preview,
	.video-highlight__play,
	.video-highlight__cover,
	.video-highlight__overlay,
	.diagnosis__progress-line span,
	.diagnosis__question-panel,
	.diagnosis__result,
	.diagnosis__options button {
		transition: none;
		transform: none;
	}
}

.what-we-build__intro {
	row-gap: var(--space-5);
}

.what-we-build__intro > div {
	display: grid;
	gap: var(--space-eyebrow-heading);
}

.transformations {
	display: grid;
	gap: var(--space-7);
	padding: 0;
	margin: var(--space-editorial-pause) 0 0;
	list-style: none;
}

.transformation {
	row-gap: var(--space-4);
	padding-top: var(--space-4);
	border-top: var(--border-width) solid var(--color-border);
}

.transformation__number {
	margin: 0;
}

.transformation__content {
	display: grid;
	gap: var(--space-4);
}

.transformation__states {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(3.5rem, 0.7fr) minmax(0, 1fr);
	align-items: center;
	gap: var(--space-2);
}

.transformation__states p {
	margin: 0;
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
	text-transform: uppercase;
}

.transformation__states p:last-child {
	color: var(--color-accent);
	text-align: right;
}

.transformation__line {
	width: 100%;
	padding: 0;
}

.transformation h3 {
	max-width: 30rem;
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.founder {
	background: var(--color-foreground);
	color: var(--color-background);
}

.articles-preview {
	border-top: var(--border-width) solid var(--color-border);
}

.articles-preview__intro {
	display: grid;
	gap: var(--space-eyebrow-heading);
	max-width: 45rem;
}

.articles-preview__list {
	display: grid;
	gap: var(--space-5);
	padding: 0;
	margin: var(--space-editorial-pause) 0 0;
	list-style: none;
}

.articles-preview__list li {
	display: grid;
	align-content: start;
	gap: var(--space-3);
	padding-top: var(--space-4);
	border-top: var(--border-width) solid var(--color-border);
}

.articles-preview__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-3);
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.articles-preview__meta span + span::before {
	margin-right: var(--space-3);
	color: var(--color-accent);
	content: '•';
}

.articles-preview__list h3 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.articles-preview__list h3 a {
	text-decoration: none;
}

.articles-preview__all {
	min-height: 2.75rem;
	margin-top: var(--space-6);
}

.video-highlights {
	border-top: var(--border-width) solid var(--color-border);
}

.video-highlights__intro {
	display: grid;
	gap: var(--space-eyebrow-heading);
	max-width: 47rem;
}

.video-highlights__intro > p:last-child {
	max-width: 40rem;
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.video-highlights__list {
	display: grid;
	gap: var(--space-6);
	padding: 0;
	margin: var(--space-editorial-pause) 0 0;
	list-style: none;
}

.video-highlight {
	min-width: 0;
}

.video-highlight__surface {
	width: min(84vw, 22rem);
	margin-inline: auto;
}

.video-highlight__preview,
.video-highlight__player {
	width: 100%;
	aspect-ratio: 9 / 16;
	background: var(--color-foreground);
}

.video-highlight__preview[hidden],
.video-highlight__player[hidden] {
	display: none;
}

.video-highlight__preview {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	border: 0;
	cursor: pointer;
	transition: background-color var(--motion-normal) var(--ease-standard);
}

.video-highlight__cover {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
	transition: transform var(--motion-slow) var(--ease-editorial);
}

.video-highlight__overlay {
	position: absolute;
	inset: 0;
	background: rgb(28 27 26 / 0.08);
	transition: background-color var(--motion-normal) var(--ease-standard);
}

.video-highlight__play {
	position: absolute;
	top: 50%;
	left: 50%;
	display: grid;
	width: 3.5rem;
	height: 3.5rem;
	margin: -1.75rem 0 0 -1.75rem;
	border: var(--border-width) solid var(--color-accent);
	border-radius: 50%;
	place-items: center;
	background: rgb(249 248 246 / 0.9);
	color: var(--color-foreground);
	transition: background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard);
}

.video-highlight__play svg {
	width: 1.25rem;
	height: 1.25rem;
	fill: currentColor;
}

.video-highlight__player {
	position: relative;
	overflow: hidden;
}

.video-highlight__iframe,
.video-highlight__iframe iframe {
	width: 100%;
	height: 100%;
}

.video-highlight__iframe iframe {
	display: block;
	border: 0;
}

.video-highlight__close {
	position: absolute;
	top: var(--space-2);
	right: var(--space-2);
	z-index: 1;
	min-height: 2.75rem;
	padding-inline: var(--space-3);
	border: var(--border-width) solid var(--color-background);
	background: var(--color-foreground);
	color: var(--color-background);
	font-weight: var(--font-weight-semibold);
	cursor: pointer;
}

.video-highlight__caption {
	display: grid;
	grid-template-columns: 2.5rem minmax(0, 1fr);
	gap: var(--space-3);
	width: min(84vw, 22rem);
	margin: var(--space-3) auto 0;
}

.video-highlight__caption p {
	margin: 0;
	color: var(--color-accent-text);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
}

.video-highlight__caption h3 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.video-highlights__line {
	margin-top: var(--space-editorial-pause);
}

.video-highlights__line .duran-line__accent {
	width: 18%;
}

.video-highlights__more {
	min-height: 2.75rem;
	margin-top: var(--space-4);
}

.founder .layout-eyebrow {
	color: var(--color-accent-text);
}

.founder__intro {
	row-gap: var(--space-5);
}

.founder__identity,
.founder__copy {
	display: grid;
	gap: var(--space-heading-body);
}

.founder__name {
	margin: 0;
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.founder__copy {
	max-width: var(--layout-reading-width);
	color: var(--color-background);
	font-size: var(--font-size-body-large);
}

.founder__copy p {
	margin: 0;
}

.founder__line {
	margin-block: var(--space-editorial-pause);
}

.founder .duran-line__neutral {
	background: rgb(249 248 246 / 0.3);
}

.founder__principles {
	display: grid;
	gap: var(--space-5);
	padding: 0;
	margin: 0;
	list-style: none;
}

.founder__principles li {
	padding-top: var(--space-4);
	border-top: var(--border-width) solid rgb(249 248 246 / 0.3);
}

.founder__principle-number {
	margin: 0 0 var(--space-5);
	color: var(--color-accent);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-tight);
}

.founder__principles h3 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.founder__principles li > p:last-child {
	margin: var(--space-3) 0 0;
	color: rgb(249 248 246 / 0.78);
}

.diagnosis {
	padding-block: clamp(3.25rem, 8vw, 7.25rem);
	border-bottom: var(--border-width) solid var(--color-border);
}

.diagnosis__grid {
	row-gap: var(--space-6);
}

.diagnosis__intro > div,
.diagnosis__assessment,
.diagnosis__result {
	display: grid;
	gap: var(--space-heading-body);
}

.diagnosis [hidden] {
	display: none;
}

.diagnosis__lead,
.diagnosis__result-context p:last-child,
.diagnosis__result-copy {
	max-width: 38rem;
	margin: 0;
	font-size: var(--font-size-body-large);
}

.diagnosis__disclaimer,
.diagnosis__evidence,
.diagnosis__framework {
	max-width: 36rem;
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-small);
}

.diagnosis__start {
	justify-self: start;
	margin-top: var(--space-2);
}

.diagnosis__result-context p {
	margin: 0;
}

.diagnosis__progress {
	display: grid;
	gap: var(--space-2);
	order: 2;
}

.diagnosis__progress p {
	margin: 0;
	color: var(--color-accent-text);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.diagnosis__progress-line {
	height: var(--border-width);
	background: var(--color-border);
}

.diagnosis__progress-line span {
	display: block;
	width: 0;
	height: 100%;
	background: var(--color-accent);
	transition: width var(--motion-normal) var(--ease-editorial);
}

.diagnosis__question-panel,
.diagnosis__result {
	transition: opacity var(--motion-normal) var(--ease-enter), transform var(--motion-normal) var(--ease-enter);
}

.diagnosis__question-panel {
	display: grid;
	gap: var(--space-3);
	order: 1;
}

.diagnosis__question-panel.is-entering,
.diagnosis__result.is-entering {
	opacity: 0;
	transform: translateY(0.5rem);
}

.diagnosis__prompt {
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-small);
}

.diagnosis__question,
.diagnosis__result-title {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.diagnosis__options {
	display: grid;
	gap: var(--space-2);
	margin-top: var(--space-2);
}

.diagnosis__options button {
	display: grid;
	grid-template-columns: 2rem minmax(0, 1fr);
	gap: var(--space-2);
	align-items: center;
	min-height: 3.5rem;
	padding: var(--space-2) var(--space-3);
	border: var(--border-width) solid var(--color-border);
	background: transparent;
	color: var(--color-foreground);
	cursor: pointer;
	font: inherit;
	text-align: left;
	transition: border-color var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard);
}

.diagnosis__options button span {
	color: var(--color-accent-text);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
}

.diagnosis__result-action {
	margin: 0;
	font-weight: var(--font-weight-semibold);
}

.diagnosis__result-line {
	margin-block: var(--space-2);
}

.diagnosis__result-line .duran-line__accent {
	width: 24%;
}

.diagnosis__result-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	align-items: center;
}

.diagnosis__restart {
	min-height: 2.75rem;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
}

.diagnosis__framework {
	padding-top: var(--space-2);
	border-top: var(--border-width) solid var(--color-border);
}

.final-cta {
	position: relative;
	overflow: hidden;
	background: var(--color-background);
	color: var(--color-background);
	isolation: isolate;
}

.final-cta::before {
	position: absolute;
	inset: -3.5rem -8% 0;
	z-index: 0;
	border-radius: 50% 50% 0 0 / 3.5rem 3.5rem 0 0;
	background: var(--color-foreground);
	content: '';
}

.final-cta > .container {
	position: relative;
	z-index: 1;
}

html.motion-ready .final-cta[data-black-reveal][data-motion-state='pending']::before {
	transform: translateY(calc(100% + 3.5rem));
}

html.motion-ready .final-cta[data-black-reveal]::before {
	transition: transform 820ms var(--ease-editorial);
}

html.motion-ready .final-cta[data-black-reveal][data-motion-state='pending'] > .container {
	opacity: 0;
	transform: translateY(0.75rem);
}

html.motion-ready .final-cta[data-black-reveal] > .container {
	transition: opacity var(--motion-slow) var(--ease-enter) 160ms, transform var(--motion-slow) var(--ease-enter) 160ms;
}

.final-cta__grid {
	row-gap: var(--space-5);
}

.final-cta__intro,
.final-cta__body {
	display: grid;
	gap: var(--space-heading-body);
}

.final-cta__title {
	max-width: 13ch;
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-display);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}

.final-cta .layout-eyebrow {
	color: var(--color-accent);
}

.final-cta__body {
	max-width: var(--layout-reading-width);
	font-size: var(--font-size-body-large);
}

.final-cta__body p {
	margin: 0;
}

.final-cta .duran-line__neutral {
	background: rgb(249 248 246 / 0.35);
}

.final-cta .motion-button {
	border-color: var(--color-background);
	background: var(--color-background);
	color: var(--color-foreground);
}

.final-cta :focus-visible {
	outline-color: var(--color-focus-on-dark);
}

.final-cta__body .duran-line {
	margin-block: var(--space-2);
}

.motion-button--pending {
	border-color: var(--color-border);
	background: var(--color-subtle-surface);
	color: var(--color-muted-foreground);
	cursor: not-allowed;
}

.site-footer {
	padding-block: var(--space-6);
	background: var(--color-foreground);
	color: var(--color-background);
}

.site-footer__inner {
	display: grid;
	gap: var(--space-5);
}

.site-footer__brand p,
.site-footer__meta p {
	margin: 0;
}

.site-footer__name {
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}

.site-footer__descriptor,
.site-footer__founder,
.site-footer__meta {
	color: rgb(249 248 246 / 0.78);
	font-size: var(--font-size-small);
}

.site-footer__descriptor {
	margin-top: var(--space-1) !important;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.site-footer__founder {
	margin-top: var(--space-3) !important;
}

.site-footer__nav ul,
.site-footer__legal ul {
	display: grid;
	gap: var(--space-2);
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-footer__navigation {
	display: grid;
	gap: var(--space-4);
}

.site-footer__nav a,
.site-footer__legal a {
	display: inline-flex;
	align-items: center;
	min-block-size: 2.75rem;
	color: var(--color-background);
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-medium);
	text-decoration-color: var(--color-accent);
	text-underline-offset: 0.25em;
}

.site-footer__legal-title {
	margin: 0 0 var(--space-2);
	color: var(--color-focus-on-dark);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.site-footer__legal .site-footer__complaints-notice {
	display: block;
	width: min(100%, 6rem);
	min-block-size: 0;
	margin-top: var(--space-3);
	text-decoration: none;
	transition: opacity 200ms var(--ease-standard), transform 200ms var(--ease-standard);
}

.site-footer__complaints-notice img {
	width: 100%;
	height: auto;
}

.site-footer__socials ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-3);
	padding: 0;
	margin: 0;
	list-style: none;
}

.site-footer__socials a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.75rem;
	min-block-size: 2.75rem;
	color: var(--color-background);
	text-decoration: none;
}

.social-icon {
	width: 1.375rem;
	height: 1.375rem;
}

.site-footer__meta {
	display: grid;
	gap: var(--space-2);
	max-width: 25rem;
}

.site-footer :focus-visible {
	outline-color: var(--color-focus-on-dark);
}

@media (hover: hover) and (pointer: fine) {
	.site-nav a:not(.site-nav__cta):hover {
		color: var(--color-accent-text);
	}

	.site-nav__cta:hover {
		border-color: var(--color-accent-text);
		background: var(--color-accent-text);
	}

	.site-footer__socials a:hover {
		color: var(--color-focus-on-dark);
	}

	.site-footer__complaints-notice:hover {
		opacity: 0.88;
		transform: translateY(-2px);
	}

	.articles-preview__list h3 a:hover {
		color: var(--color-accent-text);
	}

	.diagnosis__options button:hover {
		border-color: var(--color-accent);
		background: color-mix(in srgb, var(--color-background) 94%, var(--color-accent));
	}

	.video-highlight__preview:hover {
		background: var(--color-foreground);
	}

	.video-highlight__preview:hover .video-highlight__cover {
		transform: scale(1.02);
	}

	.video-highlight__preview:hover .video-highlight__overlay {
		background: rgb(28 27 26 / 0.14);
	}

	.video-highlight__preview:hover .video-highlight__play {
		background: var(--color-accent);
		color: var(--color-background);
	}

	.collaborations__logos li:hover .collaborations__logo {
		filter: grayscale(0%);
		opacity: 1;
		transform: translateY(-2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.site-footer__legal .site-footer__complaints-notice {
		transition: none;
	}

	.site-footer__complaints-notice:hover {
		transform: none;
	}
}

.site-nav__socials a:focus-visible {
	color: var(--color-accent);
}

.site-footer__socials a:focus-visible {
	color: var(--color-focus-on-dark);
}

@media (max-width: 47.99rem) {
	.final-cta::before {
		inset: -2rem -12% 0;
		border-radius: 50% 50% 0 0 / 2rem 2rem 0 0;
	}

	html.motion-ready .final-cta[data-black-reveal][data-motion-state='pending']::before {
		transform: translateY(calc(100% + 2rem));
	}

	html.motion-ready .final-cta[data-black-reveal]::before {
		transition-duration: 700ms;
	}

	.collaborations__logo {
		filter: grayscale(100%);
		opacity: 0.72;
	}

	.collaborations--mobile-ready .collaborations__logos li.is-active .collaborations__logo {
		filter: grayscale(0%);
		opacity: 1;
		transform: translateY(-1px);
	}

	.articles-preview__meta span + span::before {
		display: none;
	}

	.site-header__inner {
		padding-block: var(--space-2);
	}

	html.js .menu-toggle {
		display: inline-flex;
		align-items: center;
	}

	.site-nav {
		grid-column: 1 / -1;
		align-items: flex-start;
		flex-direction: column;
		gap: var(--space-3);
		padding-block: var(--space-3) var(--space-2);
	}

	html.js .site-nav[data-open='false'] {
		display: none;
	}

	.site-nav__list {
		flex-direction: column;
		gap: var(--space-2);
	}

	.site-nav__socials {
		display: flex;
		flex-wrap: wrap;
		gap: var(--space-1) var(--space-3);
		width: 100%;
		padding-top: var(--space-2);
		border-top: var(--border-width) solid var(--color-border);
	}

	.site-nav__socials a {
		justify-content: center;
		width: 2.75rem;
		color: var(--color-foreground);
		text-decoration: none;
	}

	.site-nav__socials .social-icon {
		width: 1.5rem;
		height: 1.5rem;
	}

	.problem__situations,
	.method__steps {
		gap: var(--space-4);
	}

	.problem-situation__number,
	.founder__principle-number {
		margin-bottom: var(--space-3);
	}

	.transformations {
		gap: var(--space-6);
	}

	.collaborations__logos {
		gap: 0;
	}

	.video-highlights__list {
		gap: var(--space-4);
	}

	.transformation__content {
		gap: var(--space-3);
	}

	.hero {
		min-block-size: auto;
		padding-block: clamp(3rem, 12vw, 5rem) var(--space-6);
	}

	.transformation__states {
		grid-template-columns: max-content minmax(2.5rem, 1fr) max-content;
		gap: var(--space-1);
	}

	.transformation__states p {
		font-size: clamp(0.875rem, 4.25vw, var(--font-size-h3));
		overflow-wrap: normal;
		white-space: nowrap;
	}
}

@media (min-width: 48rem) {
	.site-footer__legal .site-footer__complaints-notice {
		width: min(100%, 5.75rem);
	}

	.site-header__inner {
		grid-template-columns: auto minmax(0, 1fr);
		gap: var(--space-5);
	}

	.hero__primary {
		grid-column: 2 / span 8;
	}

	.hero__support {
		grid-column: 7 / span 5;
		margin-top: calc(var(--space-editorial-pause) * -0.25);
	}

	.problem__intro-copy,
	.method__intro > div {
		grid-column: 2 / span 6;
	}

	.problem__intro-body,
	.method__intro-body {
		grid-column: 8 / span 4;
		align-self: end;
	}

	.problem__situations {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--layout-grid-gap);
	}

	.method-step__number {
		grid-column: 2 / span 2;
	}

	.method-step__content {
		grid-column: 5 / span 6;
	}

	.what-we-build__intro > div {
		grid-column: 2 / span 7;
	}

	.what-we-build__intro-body {
		grid-column: 9 / span 3;
		align-self: end;
	}

	.transformation__number {
		grid-column: 2 / span 2;
	}

	.transformation__content {
		grid-column: 5 / span 6;
	}

	.founder__identity {
		grid-column: 2 / span 5;
	}

	.articles-preview__intro {
		margin-left: calc((100% + var(--layout-grid-gap)) / 12);
	}

	.video-highlights__intro {
		margin-left: calc((100% + var(--layout-grid-gap)) / 12);
	}

	.video-highlights__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--layout-grid-gap);
	}

	.video-highlight__surface {
		width: min(100%, 22rem);
	}

	.video-highlight__caption {
		width: min(100%, 22rem);
	}

	.collaborations__intro {
		margin-left: calc((100% + var(--layout-grid-gap)) / 12);
	}

	.collaborations__logos {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.collaborations__logos li {
		min-block-size: 11rem;
		padding: var(--space-5) var(--space-4);
	}

	.collaborations__logos li + li {
		border-top: 0;
		border-left: var(--border-width) solid var(--color-border);
	}

	.articles-preview__list {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--layout-grid-gap);
	}

	.founder__copy {
		grid-column: 8 / span 4;
	}

	.founder__principles {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--layout-grid-gap);
	}

	.diagnosis__intro {
		grid-column: 2 / span 5;
	}

	.diagnosis__assessment,
	.diagnosis__result {
		grid-column: 8 / span 4;
		align-self: start;
	}

	.diagnosis__progress,
	.diagnosis__question-panel {
		order: initial;
	}

	.final-cta__intro {
		grid-column: 2 / span 6;
	}

	.final-cta__body {
		grid-column: 8 / span 4;
		align-self: end;
	}

	.site-footer__inner {
		grid-template-columns: 1.1fr 0.8fr 1fr 1fr;
		align-items: start;
	}
}

.not-found {
	display: grid;
	min-height: clamp(34rem, calc(100svh - var(--header-height)), 56rem);
	align-items: center;
}

.not-found__section {
	padding-block: clamp(var(--space-7), 12vw, var(--space-10));
}

.not-found__content {
	display: grid;
	max-width: 58rem;
	gap: var(--space-4);
}

.not-found h1 {
	max-width: 15ch;
	margin: 0;
	font-family: var(--font-editorial);
	font-size: clamp(2.75rem, 8vw, 7.5rem);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}

.not-found__copy {
	max-width: 36rem;
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.not-found__cta {
	justify-self: start;
	margin-top: var(--space-2);
}

@media (min-width: 64rem) {
	.not-found__content {
		margin-left: calc((100% / 12) * 1);
	}
}

/* Servicios */
.services__lead {
	display: grid;
	align-content: end;
	gap: var(--space-3);
	max-width: 40rem;
}

.services__lead p {
	margin: 0;
	font-size: var(--font-size-body-large);
	line-height: var(--line-height-body);
}

.services__diagnosis {
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body);
}

.services__stages {
	display: grid;
	gap: var(--space-5);
	padding: 0;
	margin: var(--space-editorial-pause) 0 0;
	list-style: none;
}

.services-stage {
	display: grid;
	align-content: start;
	gap: var(--space-3);
	padding-top: var(--space-4);
	border-top: var(--border-width) solid var(--color-border);
}

.services-stage__number {
	margin: 0;
	color: var(--color-accent);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	line-height: var(--line-height-tight);
}

.services-stage h3 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-sans-heading);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.services-stage dl {
	display: grid;
	gap: var(--space-3);
	margin: 0;
}

.services-stage dt {
	color: var(--color-accent-text);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.services-stage dd {
	margin: var(--space-1) 0 0;
	line-height: var(--line-height-body);
}

.services__action {
	margin: var(--space-6) 0 0;
}

@media (min-width: 64rem) {
	.services__intro > div:first-child {
		grid-column: 1 / span 6;
	}

	.services__lead {
		grid-column: 8 / span 5;
	}

	.services__stages {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: var(--layout-grid-gap);
	}
}

.final-cta__email a {
	color: inherit;
	text-underline-offset: 0.2em;
}

/* Source: src/styles/legal.css */
.legal-header {
	border-bottom: var(--border-width) solid var(--color-border);
}

.legal-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	min-height: var(--header-height);
}

.legal-header__brand,
.legal-header__back,
.legal-footer a {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
}

.legal-header__brand {
	letter-spacing: var(--letter-spacing-label);
	text-decoration: none;
}

.legal-header__back,
.legal-footer a,
.legal-document a {
	text-decoration-color: var(--color-accent);
	text-underline-offset: 0.25em;
}

.legal-header__back {
	display: inline-flex;
	align-items: center;
	gap: var(--space-1);
	min-height: 2.75rem;
}

.legal-main {
	padding-block: clamp(3.5rem, 8vw, 7rem);
}

.legal-document {
	max-width: calc(var(--layout-reading-width) + (var(--layout-gutter) * 2));
}

.legal-document__eyebrow {
	margin: 0 0 var(--space-3);
	color: var(--color-accent-text);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.legal-document h1,
.legal-document h2 {
	font-family: var(--font-editorial);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
}

.legal-document h1 {
	max-width: 16ch;
	margin: 0;
	font-size: var(--font-size-h1);
	line-height: var(--line-height-tight);
}

.legal-document h2 {
	margin: var(--space-6) 0 var(--space-2);
	font-size: var(--font-size-h3);
	line-height: var(--line-height-heading);
}

.legal-document p,
.legal-document li {
	color: var(--color-muted-foreground);
}

.legal-document p {
	margin: var(--space-3) 0 0;
}

.legal-document ul,
.legal-document ol {
	display: grid;
	gap: var(--space-2);
	padding-inline-start: 1.25rem;
	margin: var(--space-3) 0 0;
}

.legal-document__intro {
	max-width: 43rem;
	margin-top: var(--space-4) !important;
	color: var(--color-foreground) !important;
	font-family: var(--font-editorial);
	font-size: var(--font-size-body-large);
	line-height: 1.5;
}

.legal-document__meta {
	padding-block: var(--space-3);
	margin-top: var(--space-5);
	border-block: var(--border-width) solid var(--color-border);
	font-size: var(--font-size-small);
}

.legal-document__notice {
	padding: var(--space-4);
	margin-top: var(--space-5);
	border-left: 0.2rem solid var(--color-accent);
	background: var(--color-subtle-surface);
}

.legal-document__notice p:first-child {
	margin-top: 0;
}

.legal-identity {
	display: grid;
	gap: 0;
	margin: var(--space-3) 0 0;
	border-top: var(--border-width) solid var(--color-border);
}

.legal-identity div {
	display: grid;
	grid-template-columns: minmax(6rem, 0.35fr) 1fr;
	gap: var(--space-3);
	padding-block: var(--space-2);
	border-bottom: var(--border-width) solid var(--color-border);
}

.legal-identity dt {
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.legal-identity dd {
	margin: 0;
}

.legal-index {
	display: grid;
	gap: var(--space-2);
	padding: 0;
	margin: var(--space-6) 0 0;
	list-style: none;
}

.legal-index a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-3);
	min-height: 3.5rem;
	padding-block: var(--space-2);
	border-bottom: var(--border-width) solid var(--color-border);
	color: var(--color-foreground);
	font-weight: var(--font-weight-medium);
	text-decoration: none;
}

.legal-index a::after {
	content: '→';
	color: var(--color-accent-text);
}

.legal-document__return {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
	margin-top: var(--space-6);
	font-weight: var(--font-weight-semibold);
}

.complaints-scaffold__action {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--space-3);
	margin-top: var(--space-5) !important;
}

.complaints-scaffold__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-4);
	border: var(--border-width) solid var(--color-border);
	background: var(--color-subtle-surface);
	color: var(--color-muted-foreground);
	cursor: not-allowed;
}

.complaints-scaffold__action > span {
	font-size: var(--font-size-small);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.legal-footer {
	padding-block: var(--space-6);
	background: var(--color-foreground);
	color: var(--color-background);
}

.legal-footer__inner {
	display: grid;
	gap: var(--space-4);
}

.legal-footer__brand {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
}

.legal-footer__location {
	max-width: 18rem;
	margin: var(--space-2) 0 0;
	color: rgb(249 248 246 / 0.78);
	font-size: var(--font-size-small);
}

.legal-footer ul {
	display: grid;
	gap: var(--space-2);
	padding: 0;
	margin: 0;
	list-style: none;
}

.legal-footer a {
	display: inline-flex;
	align-items: center;
	min-height: 2.75rem;
}

.legal-footer .legal-footer__complaints-notice {
	display: block;
	width: min(100%, 6rem);
	min-height: 0;
	margin-top: var(--space-3);
	text-decoration: none;
	transition: opacity 200ms var(--ease-standard), transform 200ms var(--ease-standard);
}

.legal-footer__complaints-notice img {
	width: 100%;
	height: auto;
}

.legal-footer :focus-visible {
	outline-color: var(--color-focus-on-dark);
}

@media (hover: hover) and (pointer: fine) {
	.legal-footer__complaints-notice:hover {
		opacity: 0.88;
		transform: translateY(-2px);
	}
}

@media (prefers-reduced-motion: reduce) {
	.legal-footer .legal-footer__complaints-notice {
		transition: none;
	}

	.legal-footer__complaints-notice:hover {
		transform: none;
	}
}

@media (min-width: 48rem) {
	.legal-footer .legal-footer__complaints-notice {
		width: min(100%, 5.75rem);
	}

	.legal-footer__inner {
		grid-template-columns: 1fr 1.5fr 1fr;
		align-items: start;
	}

	.legal-footer__home {
		justify-self: end;
	}
}

@media (max-width: 23.4375rem) {
	.legal-header__inner {
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
		padding-block: var(--space-2);
	}

	.legal-identity div {
		grid-template-columns: 1fr;
		gap: var(--space-1);
	}
}

/* Libro de Reclamaciones: página informativa con enlace al formulario externo */
.libro-boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--space-2);
	min-height: 2.75rem;
	padding: var(--space-2) var(--space-5);
	font-weight: var(--font-weight-medium);
	color: var(--color-background);
	text-decoration: none;
	background: var(--color-foreground);
	border-radius: var(--radius-small);
}

.libro-boton:focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}

.libro-boton:hover {
	background: var(--color-focus);
}

.libro-pasos {
	display: grid;
	gap: var(--space-2);
	padding-left: var(--space-5);
}

/* Source: src/styles/articles.css */
.articles-index__hero {
	display: grid;
	gap: var(--space-6);
	align-items: end;
}

.articles-index__hero > * {
	min-width: 0;
}

.articles-index__header {
	display: grid;
	gap: var(--space-heading-body);
	max-width: 58rem;
}

.articles-index__header h1,
.article-page__header h1 {
	margin: 0;
	font-family: var(--font-editorial);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-tight);
}

.articles-index__header h1 {
	max-width: 16ch;
	font-size: var(--font-size-display);
}

.articles-index__header > p:last-child {
	max-width: var(--layout-reading-width);
	margin: 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.articles-index__map {
	width: min(100%, 34rem);
}

.articles-index__list {
	display: grid;
	gap: 0;
	padding: 0;
	margin: clamp(3.5rem, 8vw, 7rem) 0 0;
	list-style: none;
}

.articles-index__list > li {
	display: grid;
	gap: var(--space-4);
	padding-block: var(--space-5);
	border-top: var(--border-width) solid var(--color-border);
}

.articles-index__entry {
	display: grid;
	gap: var(--space-3);
}

.articles-index__meta,
.article-page__meta {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-1) var(--space-3);
	color: var(--color-muted-foreground);
	font-size: var(--font-size-label);
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
	text-transform: uppercase;
}

.articles-index__meta span + span::before,
.article-page__meta span + span::before {
	margin-right: var(--space-3);
	color: var(--color-accent);
	content: '•';
}

.articles-index__entry h2 {
	max-width: 31ch;
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.articles-index__entry h2 a {
	text-decoration: none;
	transition: color var(--motion-fast) var(--ease-standard);
}

.articles-index__entry > .motion-link {
	min-height: 2.75rem;
}

.article-page {
	padding-block: clamp(3rem, 7vw, 6.5rem);
}

.article-page__container {
	max-width: 76rem;
}

.article-page__header {
	display: grid;
	gap: var(--space-4);
	max-width: 68rem;
	margin-top: clamp(2rem, 4vw, 3.5rem);
	scroll-margin-top: calc(var(--header-height) + var(--space-4));
}

.article-page__header h1 {
	max-width: 20ch;
	font-size: clamp(2.25rem, 5.4vw, 4.5rem);
}

.article-page__standfirst {
	max-width: 62ch;
	margin: var(--space-2) 0 0;
	color: var(--color-muted-foreground);
	font-size: var(--font-size-body-large);
}

.article-body {
	min-width: 0;
	max-width: 70ch;
	margin: clamp(2.75rem, 6vw, 5rem) auto 0;
}

.article-body > :first-child {
	margin-top: 0;
}

.article-body p,
.article-body li {
	font-size: clamp(1.0625rem, 1.2vw, 1.1875rem);
	line-height: 1.75;
}

.article-body p {
	margin: 0 0 var(--space-4);
}

.article-body h2 {
	margin: var(--space-7) 0 var(--space-4);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h2);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.article-body a {
	text-decoration-color: var(--color-accent);
	text-decoration-thickness: var(--border-width);
	text-underline-offset: 0.2em;
}

.article-body ul,
.article-body ol {
	padding-left: var(--space-4);
	margin-block: var(--space-4);
}

.article-body blockquote {
	margin: var(--space-5) 0;
	padding-left: var(--space-4);
	border-left: 2px solid var(--color-accent);
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
}

.article-page__footer {
	max-width: 70ch;
	padding-top: var(--space-5);
	margin-top: var(--space-7);
	border-top: var(--border-width) solid var(--color-border);
}

.reading-progress {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 30;
	width: 100%;
	height: 3px;
	pointer-events: none;
}

.reading-progress[hidden] {
	display: none;
}

.reading-progress span {
	display: block;
	width: 100%;
	height: 100%;
	background: var(--color-accent);
	transform: scaleX(0);
	transform-origin: left center;
}

@media (hover: hover) and (pointer: fine) {
	.articles-index__entry h2 a:hover {
		color: var(--color-accent);
	}

	.article-body a:hover {
		color: var(--color-accent-text);
	}
}

@media (min-width: 48rem) {
	.articles-index__hero {
		grid-template-columns: minmax(0, 11fr) minmax(19rem, 9fr);
		gap: var(--layout-grid-gap);
	}

	.articles-index__header {
		margin-left: calc((100% + var(--layout-grid-gap)) / 12);
	}

	.articles-index__map {
		justify-self: end;
	}

	.articles-index__list > li {
		grid-template-columns: repeat(12, minmax(0, 1fr));
		gap: var(--layout-grid-gap);
	}

	.articles-index__entry {
		grid-column: 2 / span 8;
	}

	.article-page__header,
	.article-page__footer {
		margin-left: clamp(0rem, 5vw, 5rem);
	}

	.article-page__footer {
		margin-left: auto;
		margin-right: 0;
		width: min(100%, 70ch);
	}
}

@media (max-width: 47.99rem) {
	.articles-index__meta span + span::before,
	.article-page__meta span + span::before {
		display: none;
	}

	.articles-index__list > li {
		padding-block: var(--space-4);
	}

	.article-page__header h1 {
		font-size: clamp(2.125rem, 10vw, 2.925rem);
	}

	.article-body h2 {
		margin-top: var(--space-6);
	}
}

.article-closing {
	display: grid;
	gap: var(--space-6);
	padding-bottom: var(--space-6);
}

.article-closing section {
	display: grid;
	justify-items: start;
	gap: var(--space-3);
}

.article-closing h2 {
	margin: 0;
	font-family: var(--font-editorial);
	font-size: var(--font-size-h3);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: var(--line-height-heading);
}

.article-closing h2 a {
	text-decoration: none;
}

.article-closing p {
	margin: 0;
}

.article-closing__author {
	padding-top: var(--space-5);
}

.article-closing__author p:not(.layout-eyebrow) {
	max-width: 60ch;
	line-height: var(--line-height-body);
}

.article-closing__category {
	color: var(--color-muted-foreground);
	font-size: var(--font-size-small);
}

.article-closing__cta {
	padding: var(--space-5);
	background: var(--color-subtle-surface);
	border: var(--border-width) solid var(--color-border);
	border-radius: var(--radius-small);
}

@media (hover: hover) and (pointer: fine) {
	.article-closing h2 a:hover {
		color: var(--color-accent-text);
	}
}

/* Source: src/styles/editorial-archive.css */
.editorial-archive {
	--archive-x: 0px;
	--archive-y: 0px;
	width: 100%;
	margin: 0;
}

.editorial-archive__stage {
	position: relative;
	min-height: clamp(29rem, 44vw, 35rem);
	overflow: hidden;
	border-block: var(--border-width) solid color-mix(in srgb, var(--color-foreground) 18%, var(--color-background));
	background: var(--color-background);
	isolation: isolate;
}

.editorial-archive__stage::before {
	position: absolute;
	inset: 0;
	background-image: linear-gradient(to right, transparent 49.8%, color-mix(in srgb, var(--color-foreground) 7%, transparent) 50%, transparent 50.2%), linear-gradient(to bottom, transparent 49.8%, color-mix(in srgb, var(--color-foreground) 7%, transparent) 50%, transparent 50.2%);
	background-size: 3rem 3rem;
	content: '';
}

.editorial-archive__base {
	position: absolute;
	inset: var(--space-3) var(--space-3) auto;
	display: flex;
	justify-content: space-between;
	padding-bottom: var(--space-2);
	border-bottom: var(--border-width) solid color-mix(in srgb, var(--color-foreground) 18%, var(--color-background));
	color: var(--color-foreground);
	font-size: 0.625rem;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
}

.editorial-archive__card {
	--card-rotate: 0deg;
	position: absolute;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.15rem var(--space-2);
	min-width: 0;
	padding: clamp(0.85rem, 2vw, 1.25rem);
	border: var(--border-width) solid color-mix(in srgb, var(--color-foreground) 55%, var(--color-background));
	background: color-mix(in srgb, var(--color-background) 96%, transparent);
	transform: translate(calc(var(--archive-x) * var(--archive-depth)), calc(var(--archive-y) * var(--archive-depth))) rotate(var(--card-rotate));
	transform-origin: center;
	transition: border-color var(--motion-normal) var(--ease-standard), opacity var(--motion-slow) var(--ease-enter), transform var(--motion-normal) var(--ease-editorial);
}

.editorial-archive__card strong {
	grid-column: 1 / -1;
	font-family: var(--font-editorial);
	font-size: clamp(2.15rem, 4vw, 3.5rem);
	font-weight: var(--font-weight-regular);
	letter-spacing: var(--letter-spacing-tight);
	line-height: 0.95;
}

.editorial-archive__card strong small {
	font-size: 0.42em;
	letter-spacing: 0;
}

.editorial-archive__index,
.editorial-archive__label {
	color: var(--color-foreground);
	font-size: 0.625rem;
	font-weight: var(--font-weight-semibold);
	letter-spacing: var(--letter-spacing-label);
}

.editorial-archive__index {
	grid-column: 2;
	grid-row: 1;
	justify-self: end;
}

.editorial-archive__label {
	grid-column: 1 / -1;
	margin-top: var(--space-1);
}

.editorial-archive__card i {
	grid-column: 1 / -1;
	width: 42%;
	height: 2px;
	margin-top: var(--space-2);
	background: var(--color-accent);
	transform-origin: left center;
	transition: width var(--motion-normal) var(--ease-editorial);
}

.editorial-archive__card--one {
	--archive-depth: 0.35;
	--card-rotate: -1.5deg;
	top: 14%;
	left: 5%;
	z-index: 1;
	width: 48%;
}

.editorial-archive__card--two {
	--archive-depth: 0.5;
	--card-rotate: 1.25deg;
	top: 11%;
	right: 6%;
	z-index: 2;
	width: 43%;
}

.editorial-archive__card--three {
	--archive-depth: 0.7;
	--card-rotate: 0.75deg;
	top: 38%;
	left: 14%;
	z-index: 3;
	width: 53%;
	border-color: var(--color-accent);
}

.editorial-archive__card--four {
	--archive-depth: 0.85;
	--card-rotate: -1.25deg;
	top: 57%;
	right: 5%;
	z-index: 4;
	width: 47%;
}

.editorial-archive__card--five {
	--archive-depth: 1;
	--card-rotate: -0.5deg;
	bottom: 8%;
	left: 5%;
	z-index: 5;
	width: 43%;
}

.editorial-archive__direction {
	position: absolute;
	right: 4%;
	bottom: 4%;
	z-index: 6;
	width: 43%;
	color: var(--color-accent);
}

.editorial-archive__direction path {
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	transition: stroke-dashoffset var(--motion-slow) var(--ease-editorial) 720ms;
}

html.motion-ready .editorial-archive[data-motion-state='pending'] .editorial-archive__card {
	opacity: 0;
	transform: translateY(0.75rem) rotate(var(--card-rotate));
}

html.motion-ready .editorial-archive[data-motion-state='pending'] .editorial-archive__direction path {
	stroke-dasharray: 430;
	stroke-dashoffset: 430;
}

.editorial-archive__card--one { transition-delay: 100ms; }
.editorial-archive__card--two { transition-delay: 220ms; }
.editorial-archive__card--three { transition-delay: 340ms; }
.editorial-archive__card--four { transition-delay: 460ms; }
.editorial-archive__card--five { transition-delay: 580ms; }

@media (hover: hover) and (pointer: fine) {
	.editorial-archive:hover .editorial-archive__card {
		border-color: var(--color-accent);
	}

	.editorial-archive:hover .editorial-archive__card--three {
		z-index: 7;
	}

	.editorial-archive:hover .editorial-archive__card i {
		width: 58%;
	}
}

@media (max-width: 47.99rem) {
	.editorial-archive__stage {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: var(--space-2);
		min-height: 0;
		padding: 3.75rem var(--space-3) 4.25rem;
	}

	.editorial-archive__card {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		left: auto;
		width: auto;
		padding: var(--space-2);
		transform: none;
	}

	.editorial-archive__card--one {
		grid-column: 1 / -1;
	}

	.editorial-archive__card strong {
		font-size: clamp(1.8rem, 10vw, 2.5rem);
	}

	.editorial-archive__card--three {
		grid-row: span 2;
		align-content: center;
	}

	.editorial-archive__direction {
		right: var(--space-3);
		bottom: var(--space-3);
		width: calc(100% - (var(--space-3) * 2));
	}
}

@media (prefers-reduced-motion: reduce) {
	.editorial-archive__card,
	.editorial-archive__card i,
	.editorial-archive__direction path {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
		stroke-dashoffset: 0 !important;
	}
}