/* ==========================================================================
   Page-specific layout
   ========================================================================== */

/* ---- Home --------------------------------------------------------------- */

.amn-home-hero { min-height: 100vh; }
.amn-home-hero__meta { display: flex; align-items: center; justify-content: space-between; margin-top: 2rem; font-size: .72rem; letter-spacing: .1em; }

/* ---- Home hero slider (Hero Slides CPT) ---------------------------------- */

/* Slides and the control bar are stacked in a single grid cell, so
   crossfades need no absolute positioning. The row is explicitly
   minmax(100vh, auto) — matching .amn-home-hero above — so the
   background image always has a full-height box to cover, while still
   free to grow if a slide's copy is taller. Inactive slides keep their
   box (visibility, not display) so the height never jumps between
   slides. */
.amn-hero-slider {
	display: grid;
	grid-template: "stack" minmax(100vh, auto) / 1fr;
	align-content: stretch;
	overflow: hidden;
	background: var(--amn-navy);
}
.amn-hero-slider > * { grid-area: stack; min-width: 0; }

.amn-hero-slide {
	--hero-veil: .78;
	position: relative;
	display: flex;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .8s ease, visibility .8s ease;
}
.amn-hero-slide.is-active { opacity: 1; visibility: visible; }

.amn-hero-slide--overlay-light { --hero-veil: .55; }
.amn-hero-slide--overlay-strong { --hero-veil: .92; }

.amn-hero-slide--left-middle { align-items: center; }
.amn-hero-slide--left-bottom { align-items: flex-end; }
.amn-hero-slide--center-middle { align-items: center; justify-content: center; text-align: center; }

.amn-hero-slide__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.001);
	transition: transform 9s ease-out;
}
.amn-hero-slide.is-active .amn-hero-slide__bg { transform: scale(1.06); }

.amn-hero-slide::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	background: linear-gradient(
		90deg,
		rgba(2, 4, 10, var(--hero-veil)) 0%,
		rgba(2, 4, 10, calc(var(--hero-veil) * .45)) 55%,
		rgba(2, 4, 10, calc(var(--hero-veil) * .16)) 100%
	);
}
.amn-hero-slide--center-middle::before {
	background: linear-gradient(180deg, rgba(2, 4, 10, calc(var(--hero-veil) * .5)), rgba(2, 4, 10, var(--hero-veil)));
}
.amn-hero-slide--overlay-none::before { content: none; }

/* ---- Light / Chrome Encounter (section 11) ------------------------------
   White, subtle, prismatic light with a gentle chrome-reflection feel —
   never a gold glow, never aggressive cursor-chasing. --amn-mx/--amn-my
   are nudged a little towards the pointer by main.js with heavy damping;
   they default to a fixed point so the effect is correct and complete
   with JS off or reduced motion on. The artwork stays the focal point:
   opacity is intentionally low and blended with `screen`, not a spotlight. */
.amn-hero-slide__chrome {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;
}
.amn-hero-slide__chrome::before {
	content: "";
	position: absolute;
	inset: -25%;
	background: conic-gradient(from 180deg at var(--amn-mx, 62%) var(--amn-my, 38%), #fff, var(--amn-prism-1), #fff, var(--amn-prism-2), #fff, var(--amn-prism-3), #fff);
	opacity: .13;
	mix-blend-mode: screen;
	transition: background-position 1.8s cubic-bezier(.2, .6, .2, 1);
}
@media (prefers-reduced-motion: reduce) {
	.amn-hero-slide__chrome::before { transition: none; }
}

.amn-hero-slide__inner {
	position: relative;
	z-index: 2;
	width: 100%;
	max-width: 660px;
	padding: 7rem var(--gutter) 8.5rem;
}
.amn-hero-slide--center-middle .amn-hero-slide__inner { max-width: 820px; }

.amn-hero-slider .amn-hero-slide__eyebrow { color: var(--amn-cool-accent); margin-bottom: 1.1rem; }

.amn-hero-slider .amn-hero-slide__title {
	font-size: clamp(2.3rem, 4.4vw, 4rem);
	color: var(--amn-on-navy);
	max-width: 20ch;
	margin: 0 0 1.1rem;
}
.amn-hero-slider .amn-hero-slide__status {
	font-style: italic;
	font-weight: 600;
	font-size: .95rem;
	color: var(--amn-on-navy);
	margin: 0 0 1.1rem;
}
.amn-hero-slider .amn-hero-slide__text {
	color: var(--amn-on-navy-soft);
	max-width: 44ch;
	margin: 0 0 1.9rem;
}
.amn-hero-slide--center-middle .amn-hero-slide__title,
.amn-hero-slide--center-middle .amn-hero-slide__text { margin-left: auto; margin-right: auto; }

/* ---- Slider controls ----------------------------------------------------- */

.amn-hero-slider__ui {
	position: relative;
	z-index: 3;
	align-self: end;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
	padding-bottom: 2.4rem;
	color: var(--amn-on-navy-soft);
	font-size: .72rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	pointer-events: none; /* only the controls themselves are clickable */
}
.amn-hero-slider__ui button { pointer-events: auto; }

.amn-hero-slider__nav { display: flex; align-items: center; gap: 1rem; }
.amn-hero-slider__arrow { display: inline-flex; padding: 0; color: inherit; opacity: .65; transition: opacity .2s ease; }
.amn-hero-slider__arrow:hover, .amn-hero-slider__arrow:focus-visible { opacity: 1; }
.amn-hero-slider__arrow svg { width: 28px; height: 20px; }
.amn-hero-slider__counter { font-variant-numeric: tabular-nums; }

.amn-hero-slider__dots { display: flex; gap: .5rem; }
.amn-hero-slider__dot { position: relative; width: 34px; height: 16px; padding: 0; }
.amn-hero-slider__dot::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	height: 2px;
	background: rgba(244, 242, 236, .3);
	transition: background-color .3s ease;
}
.amn-hero-slider__dot.is-active::after { background: var(--amn-prism-gradient-linear); }
.amn-hero-slider__dot:hover::after { background: var(--amn-on-navy); }

@media (max-width: 860px) {
	.amn-hero-slide__inner { max-width: none; padding: 6.5rem var(--gutter) 8rem; }
	.amn-hero-slider .amn-hero-slide__title { max-width: none; }
	.amn-hero-slider__scroll { display: none; }
	.amn-hero-slider__ui { justify-content: flex-start; gap: 1.6rem; }
}

@media (prefers-reduced-motion: reduce) {
	.amn-hero-slide, .amn-hero-slide__bg { transition: none; }
	.amn-hero-slide.is-active .amn-hero-slide__bg { transform: none; }
}

/* ---- Home statement band ------------------------------------------------- */

/* Photo left, artist statement right, over the spotlight backdrop. The
   backdrop's glow sits at the top of the image, so it is pinned to
   "center top" rather than centred, which would crop the light away. */
.amn-statement {
	background-color: var(--amn-navy);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}
.amn-statement__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: clamp(28px, 4vw, 64px);
	align-items: center;
	margin-top: 100px;
}
/* Second row in the band (text left, image right). Source order handles
   the flip, so no column reversal is needed. */
.amn-statement__grid--spaced { margin-top: clamp(3rem, 7vw, 6rem); }

.amn-statement__media { margin: 0; }
.amn-statement__media img { width: 100%; }

.amn-statement__content h2 { color: var(--amn-on-navy); margin-bottom: 1.1rem; }

/* Brighter than the standard on-navy body copy: this band is the page's
   main reading passage, not supporting text. */
.amn-statement__content p {
	color: rgba(244, 242, 236, .86);
	max-width: 62ch;
	margin-bottom: 1.15em;
}
.amn-statement .amn-statement__cta { margin-top: 1.2rem; color: var(--amn-on-navy); }

@media (max-width: 900px) {
	.amn-statement__grid { grid-template-columns: 1fr; }
	.amn-statement__content p { max-width: none; }
}

/* ---- Works carousel (latest Products) ------------------------------------ */

/* Capped and centred: the arrows anchor to this box's edges, so letting
   it run the full bleed width would fling them into the far corners.
   --work-size is the centre slide's box; every slide shares it. */
.amn-works {
	--work-size: clamp(230px, 33vw, 400px);
	max-width: 1120px;
	margin: clamp(3rem, 7vw, 6rem) auto 0;
}

.amn-works__intro { text-align: center; margin-bottom: clamp(2rem, 4vw, 3.2rem); }
.amn-works__intro h2 { color: var(--amn-on-navy); margin-bottom: .6rem; }
.amn-works__tagline { color: rgba(244, 242, 236, .86); margin-bottom: 1.6rem; }
.amn-works__lede {
	color: rgba(244, 242, 236, .78);
	max-width: 60rem;
	margin: 0 auto;
	font-size: .92rem;
	line-height: 1.75;
}

/* Coverflow. Every slide gets the same square layout box (--work-size),
   so the row never reflows and the track can simply be translated. The
   image inside is what changes: the centre one fills its box, the rest
   render 2:3 and are scaled to 48% of the centre's width. The leftover
   space inside each off-centre box becomes the gap between works. */
.amn-works__stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Clips the track. The vertical padding gives the centre slide's halo
   room to bloom without being cut off; the negative margin keeps that
   padding from adding real space around the carousel. */
.amn-works__viewport {
	width: 100%;
	overflow: hidden;
	padding: 56px 0;
	margin: -24px 0;
}

.amn-works__track {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	list-style: none;
	/* Rest position: first slide centred, so the composition is right
	   before main.js takes over (and if it never does). */
	padding-inline: calc(50% - var(--work-size) / 2);
	transition: transform .65s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}

.amn-works__slide {
	flex: 0 0 auto;
	width: var(--work-size);
	aspect-ratio: 1/1;
}
.amn-works__frame {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
/* Details Light Hook (section 11): contained to the frame itself, not
   the -20% bleed .amn-prism-glow uses for full-bleed hero contexts. */
.amn-works__frame.amn-prism-glow::before { inset: 0; }
.amn-works__frame img,
.amn-works__frame .amn-placeholder {
	width: auto;
	height: 100%;
	aspect-ratio: 2/3;
	object-fit: cover;
	transform: scale(.72);
	opacity: .62;
	filter: brightness(.7);
	transition: transform .65s cubic-bezier(.4, 0, .2, 1), opacity .5s ease, filter .5s ease;
}

/* The work in focus: square, full brightness, warm halo. */
.amn-works__slide.is-active .amn-works__frame img,
.amn-works__slide.is-active .amn-works__frame .amn-placeholder {
	width: 100%;
	aspect-ratio: 1/1;
	transform: scale(1);
	opacity: 1;
	filter: none;
	/* Cool, white/prismatic bloom (section 1) — was a warm amber glow. */
	box-shadow: 0 0 0 1px rgba(244, 242, 236, .5), 0 0 54px 10px rgba(234, 243, 255, .45);
}

.amn-works__arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	padding: 0;
	border-radius: 50%;
	background: rgba(244, 242, 236, .12);
	color: var(--amn-on-navy);
	transition: background-color .2s ease;
}
.amn-works__arrow:hover, .amn-works__arrow:focus-visible { background: rgba(244, 242, 236, .26); }
.amn-works__arrow svg { width: 20px; height: 20px; }
.amn-works__arrow--prev { left: 0; }
.amn-works__arrow--next { right: 0; }

.amn-works__meta { text-align: center; margin-top: clamp(1.4rem, 2.4vw, 2.2rem); }
.amn-works .amn-works__eyebrow { color: var(--amn-cool-accent); font-weight: 600; margin-bottom: .7rem; }
.amn-works__title {
	/* Sans, per the approved carousel design — the one place on the site
	   a heading is not set in Fraunces. */
	font-family: var(--font-sans);
	font-weight: 600;
	color: var(--amn-on-navy);
	font-size: clamp(1.3rem, 2.3vw, 1.75rem);
	letter-spacing: 0;
	margin: 0 0 1.4rem;
}

/* Title-case, not the uppercase site default: matches the mockup. */
.amn-works .amn-works__cta,
.amn-statement .amn-statement__cta {
	text-transform: none;
	letter-spacing: .02em;
	font-size: .82rem;
}
.amn-works__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem; }

.amn-works__dots { display: flex; justify-content: center; gap: 0; margin-top: clamp(1.4rem, 2.4vw, 2.2rem); }
.amn-works__dot { position: relative; width: 18px; height: 18px; padding: 0; }
.amn-works__dot::after {
	content: "";
	position: absolute;
	inset: 4.5px;
	border-radius: 50%;
	background: rgba(244, 242, 236, .28);
	transition: background-color .3s ease;
}
.amn-works__dot.is-active::after { background: var(--amn-prism-gradient); }
.amn-works__dot:hover::after { background: var(--amn-on-navy); }

@media (max-width: 700px) {
	.amn-works { --work-size: min(66vw, 320px); }
	.amn-works__arrow { width: 40px; height: 40px; }
}

@media (prefers-reduced-motion: reduce) {
	.amn-works__track,
	.amn-works__frame img { transition: none; }
}

/* ---- Exhibition Views carousel ------------------------------------------- */

/* Three cards per view, sliding one card at a time. --ex-visible is the
   single source of truth: the card width derives from it, and main.js
   reads it to know how far the track may travel. */
.amn-exhibitions {
	--ex-visible: 3;
	--ex-gap: clamp(20px, 3.2vw, 46px);
	margin-top: clamp(3rem, 7vw, 6rem);
}

.amn-exhibitions__heading { color: var(--amn-on-navy); text-align: center; margin-bottom: clamp(1.8rem, 3.4vw, 2.8rem); }

.amn-exhibitions__viewport { overflow: hidden; }
.amn-exhibitions__track {
	display: flex;
	gap: var(--ex-gap);
	margin: 0;
	padding: 0;
	list-style: none;
	transition: transform .65s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}
.amn-exhibitions__slide {
	flex: 0 0 auto;
	width: calc((100% - var(--ex-gap) * (var(--ex-visible) - 1)) / var(--ex-visible));
	text-align: center;
}

.amn-exhibitions__media { display: block; }
.amn-exhibitions__media img,
.amn-exhibitions__media .amn-placeholder {
	width: 100%;
	aspect-ratio: 16/9;
	object-fit: cover;
	/* Soft light bloom lifting the documentation off the navy. */
	box-shadow: 0 0 42px 6px rgba(244, 242, 236, .3);
}

.amn-exhibitions__title {
	color: var(--amn-on-navy);
	font-size: clamp(1.15rem, 1.7vw, 1.45rem);
	margin: 1.6rem 0 .9rem;
}
.amn-exhibitions__text {
	color: rgba(244, 242, 236, .78);
	font-size: .9rem;
	line-height: 1.7;
	margin: 0;
}

.amn-exhibitions__footer {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 2.4vw, 2rem);
	margin-top: clamp(2rem, 4vw, 3.4rem);
}
.amn-exhibitions__arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	padding: 0;
	border-radius: 50%;
	background: rgba(244, 242, 236, .12);
	color: var(--amn-on-navy);
	transition: background-color .2s ease, opacity .2s ease;
}
.amn-exhibitions__arrow:hover, .amn-exhibitions__arrow:focus-visible { background: rgba(244, 242, 236, .26); }
.amn-exhibitions__arrow svg { width: 20px; height: 20px; }
.amn-exhibitions__arrow[disabled] { opacity: .3; cursor: default; }
.amn-exhibitions .amn-exhibitions__cta { color: var(--amn-on-navy); text-transform: none; letter-spacing: .02em; font-size: .82rem; }

@media (max-width: 980px) {
	.amn-exhibitions { --ex-visible: 2; }
}
@media (max-width: 640px) {
	.amn-exhibitions { --ex-visible: 1; }
}

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

.amn-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--amn-line-navy); }
.amn-strip img, .amn-strip .amn-placeholder { aspect-ratio: 3/4; }
.amn-strip figcaption { font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; opacity: .6; margin-top: .6rem; }
@media (max-width: 800px) { .amn-strip { grid-template-columns: repeat(2, 1fr); } }

.amn-split { display: grid; grid-template-columns: 1fr 1.4fr; gap: clamp(24px, 4vw, 60px); align-items: center; }
@media (max-width: 900px) { .amn-split { grid-template-columns: 1fr; } }
.amn-split--reverse { grid-template-columns: 1.4fr 1fr; }
@media (max-width: 900px) { .amn-split--reverse { grid-template-columns: 1fr; } }

.amn-layout-steps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--amn-line-navy); }
.amn-layout-steps > div { padding: 1.6rem; border-right: 1px solid var(--amn-line-navy); }
.amn-layout-steps > div:last-child { border-right: none; }
@media (max-width: 800px) { .amn-layout-steps { grid-template-columns: repeat(2, 1fr); } .amn-layout-steps > div:nth-child(2n) { border-right: none; } }

/* ---- About --------------------------------------------------------------- */

.amn-about-hero {
	display: grid;
	grid-template-columns: 1fr 1.9fr;
	min-height: 640px;
	background: var(--amn-bg);
}
.amn-about-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 4vw, 3.5rem) var(--gutter);
}
.amn-about-hero__content h1 { text-transform: uppercase; margin-bottom: 1.2rem; }
.amn-about-hero__content .amn-rule { margin-bottom: 1.2rem; }
.amn-about-hero__content h3 { margin-bottom: 1rem; }
.amn-about-hero__media { background-size: cover; background-position: center; }
@media (max-width: 900px) {
	.amn-about-hero { grid-template-columns: 1fr; min-height: auto; }
	.amn-about-hero__media { min-height: 320px; }
}
.amn-practice {
	display: grid;
	grid-template-columns: 1fr repeat(4, 1fr);
	border-top: 1px solid var(--amn-line);
}
.amn-practice > div {
	padding: 2rem var(--gutter);
	border-right: 1px solid var(--amn-line);
}
.amn-practice > div:last-child { border-right: none; }
.amn-practice__intro .amn-rule { margin-bottom: 1.2rem; }
.amn-practice__intro p { font-size: .92rem; line-height: 1.6; color: var(--amn-ink-soft); }
.amn-practice__icon { margin-bottom: 1.6rem; color: var(--amn-ink); }
.amn-practice__item h4 { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; margin-bottom: .6rem; }
.amn-practice__item p { font-size: .85rem; line-height: 1.6; color: var(--amn-ink-soft); }
@media (max-width: 1000px) {
	.amn-practice { grid-template-columns: repeat(2, 1fr); }
	.amn-practice > div:nth-child(2n) { border-right: none; }
	.amn-practice__intro { grid-column: 1 / -1; border-right: none; border-bottom: 1px solid var(--amn-line); }
}
@media (max-width: 640px) {
	.amn-practice { grid-template-columns: 1fr; }
	.amn-practice > div { border-right: none; border-bottom: 1px solid var(--amn-line); }
	.amn-practice > div:last-child { border-bottom: none; }
}

.amn-atelier {
	display: grid;
	grid-template-columns: 1fr 1.9fr;
	min-height: 420px;
	background: var(--amn-navy);
	color: var(--amn-on-navy-soft);
}
.amn-atelier__intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 4vw, 3.5rem) var(--gutter);
}
.amn-atelier__intro h2 { color: var(--amn-on-navy); }
.amn-atelier__media { background-size: cover; background-position: center; }
@media (max-width: 900px) {
	.amn-atelier { grid-template-columns: 1fr; min-height: auto; }
	.amn-atelier__media { min-height: 280px; }
}

.amn-atelier-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: var(--amn-line-navy); }
.amn-atelier-strip img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
@media (max-width: 800px) { .amn-atelier-strip { grid-template-columns: 1fr; } }

/* ---- Detail page layout (single Product / Exhibition) ---------------------- */

.amn-artwork { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(28px, 4vw, 64px); align-items: start; }
@media (max-width: 960px) { .amn-artwork { grid-template-columns: 1fr; } }
.amn-artwork__specs { margin: 1.6rem 0 2rem; }
.amn-artwork__specs div { display: flex; gap: 1.4rem; padding: .55rem 0; border-top: 1px solid var(--amn-line); font-size: .88rem; }
.amn-artwork__specs div:last-child { border-bottom: 1px solid var(--amn-line); }
.amn-artwork__specs dt { width: 120px; flex: none; color: var(--amn-ink-soft); }
.amn-artwork__specs dd { margin: 0; color: var(--amn-ink); }

/* ---- Collector notes band (single Product) -------------------------------- */

.amn-collector-notes {
	background: var(--amn-bg-alt);
	border-top: 1px solid var(--amn-line);
	border-bottom: 1px solid var(--amn-line);
}
.amn-collector-notes__inner {
	display: flex;
	align-items: center;
	gap: clamp(1.6rem, 4vw, 3.4rem);
	padding-top: 2.2rem;
	padding-bottom: 2.2rem;
}
.amn-collector-notes__mark {
	display: flex;
	align-items: center;
	gap: clamp(1rem, 2.4vw, 2rem);
	flex: none;
	/* The rule between the title and the note, as in the design. */
	padding-right: clamp(1.6rem, 4vw, 3.4rem);
	border-right: 1px solid var(--amn-line);
}
.amn-collector-notes__mark svg { width: 34px; height: 40px; flex: none; opacity: .85; }
.amn-collector-notes__mark h2 { margin: 0; font-size: clamp(1.2rem, 2vw, 1.5rem); white-space: nowrap; }
.amn-collector-notes__body p { margin: 0 0 .35rem; font-size: .88rem; }
.amn-collector-notes__body p:last-child { margin-bottom: 0; }

@media (max-width: 700px) {
	.amn-collector-notes__inner { flex-direction: column; align-items: flex-start; gap: 1.2rem; }
	.amn-collector-notes__mark { padding-right: 0; border-right: none; }
	.amn-collector-notes__mark h2 { white-space: normal; }
}

/* ---- Work navigation (single Product) ------------------------------------- */

.amn-worknav { border-bottom: 1px solid var(--amn-line); }
.amn-worknav__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}
/* Equal-width sides keep "Back to Catalog" centred on the page even when
   one end has no link (first and last work in the catalogue). */
.amn-worknav__side { flex: 1 1 0; min-width: 0; }
.amn-worknav__side--end { display: flex; justify-content: flex-end; }
.amn-worknav a {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	font-size: .82rem;
	color: var(--amn-ink);
	transition: opacity .2s ease;
}
.amn-worknav a:hover { opacity: .6; }
.amn-worknav a svg { width: 17px; height: 17px; flex: none; }
.amn-worknav__catalog { flex: none; }
.amn-worknav__catalog svg { width: 15px; height: 15px; opacity: .8; }

@media (max-width: 600px) {
	.amn-worknav__inner { flex-wrap: wrap; justify-content: center; gap: 1rem 1.4rem; }
	.amn-worknav__side, .amn-worknav__side--end { flex: 0 0 auto; }
}

/* ---- Exhibitions single --------------------------------------------------- */

.amn-exhibition-meta dt { font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; opacity: .55; margin-bottom: .3rem; }
.amn-exhibition-meta dd { margin: 0 0 1.6rem; font-size: .92rem; }

/* ---- Dossier / Research hubs ----------------------------------------------- */

.amn-dossier-hero {
	display: grid;
	grid-template-columns: 1fr 1.6fr 1fr;
	min-height: 520px;
	background: var(--amn-bg);
}
.amn-dossier-hero__intro {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 4vw, 3.5rem) var(--gutter);
}
.amn-dossier-hero__intro h1 { text-transform: uppercase; margin-bottom: 1.2rem; }
.amn-dossier-hero__intro .amn-rule { margin-bottom: 1.2rem; }
.amn-dossier-hero__media { background-size: cover; background-position: center; }
.amn-dossier-hero__downloads {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 4vw, 3rem);
	border-left: 1px solid var(--amn-line);
}
@media (max-width: 1100px) {
	.amn-dossier-hero { grid-template-columns: 1fr; min-height: auto; }
	.amn-dossier-hero__media { min-height: 320px; }
	.amn-dossier-hero__downloads { border-left: none; border-top: 1px solid var(--amn-line); }
}

.amn-list-row--compact { padding: .8rem 0; }
.amn-list-row--compact .amn-list-row__title { font-size: .88rem; gap: 10px; }
.amn-list-row--compact .amn-list-row__icon { width: 15px; height: 15px; }
.amn-list-row--compact .amn-list-row__download { width: 15px; height: 15px; }

.amn-hub-panel { border-top: 1px solid var(--amn-line); padding-top: 1.6rem; }
.amn-theme-dark .amn-hub-panel { border-color: var(--amn-line-navy); }
.amn-hub-panel h4 { font-size: .78rem; letter-spacing: .1em; text-transform: uppercase; font-family: var(--font-sans); color: var(--amn-ink-soft); margin-bottom: 1.2rem; }
.amn-theme-dark .amn-hub-panel h4 { color: var(--amn-on-navy-soft); }

.amn-cv-row { display: grid; grid-template-columns: 90px 1fr; gap: 1rem; padding: .8rem 0; border-top: 1px solid var(--amn-line); font-size: .88rem; }
.amn-cv-row:last-of-type { border-bottom: 1px solid var(--amn-line); }
.amn-theme-dark .amn-cv-row, .amn-theme-dark .amn-cv-row:last-of-type { border-color: var(--amn-line-navy); }
.amn-cv-row strong { display: block; font-weight: 500; color: var(--amn-ink); }
.amn-theme-dark .amn-cv-row strong { color: var(--amn-on-navy); }

.amn-press-row { display: flex; align-items: center; gap: 1.5rem; padding: 1.2rem 0; border-top: 1px solid var(--amn-line); }
.amn-press-row:last-child { border-bottom: 1px solid var(--amn-line); }
.amn-theme-dark .amn-press-row, .amn-theme-dark .amn-press-row:last-child { border-color: var(--amn-line-navy); }
.amn-press-row__logo { width: 140px; flex: none; font-family: var(--font-serif); font-size: 1.05rem; }
.amn-press-row__body { flex: 1; }
.amn-press-row__body strong { display: block; color: var(--amn-ink); font-weight: 500; margin-bottom: .2rem; }
.amn-theme-dark .amn-press-row__body strong { color: var(--amn-on-navy); }

/* ---- Research: numbered vocabulary / material studies ------------------------ */

.amn-vocab-item { display: grid; grid-template-columns: 130px 1fr; gap: 1.6rem; padding: 1.6rem 0; border-top: 1px solid var(--amn-line); }
.amn-theme-dark .amn-vocab-item { border-color: var(--amn-line-navy); }
.amn-vocab-item img, .amn-vocab-item .amn-placeholder { aspect-ratio: 1/1; }
@media (max-width: 600px) { .amn-vocab-item { grid-template-columns: 84px 1fr; } }

/* ---- CV Lifeline (About, section 39) ---------------------------------------
   One vertical layout at every width — never a horizontal-scroll timeline,
   so "no forced horizontal scrolling" (mobile) is true by construction, not
   a breakpoint override. The connecting line is a single absolutely
   positioned element, not per-row borders, so it reads as one continuous
   thread rather than a stack of disconnected rules. */
.amn-lifeline { position: relative; max-width: 640px; }
.amn-lifeline::before {
	content: "";
	position: absolute;
	left: 84px;
	top: 8px;
	bottom: 8px;
	width: 1px;
	background: var(--amn-line);
}
.amn-theme-dark .amn-lifeline::before { background: var(--amn-line-navy); }
.amn-lifeline__row {
	position: relative;
	display: grid;
	grid-template-columns: 84px 1fr;
	column-gap: 1.6rem;
	padding: 1rem 0;
}
.amn-lifeline__year {
	font-family: var(--font-serif);
	font-size: .92rem;
	text-align: right;
	opacity: .75;
	padding-right: 1.6rem;
}
.amn-lifeline__dot {
	position: absolute;
	left: 84px;
	top: 1.4rem;
	width: 9px;
	height: 9px;
	margin-left: -4px;
	border-radius: 50%;
	background: var(--amn-ink);
}
.amn-theme-dark .amn-lifeline__dot { background: var(--amn-on-navy); }
.amn-lifeline__event { font-size: .92rem; }

/* Scroll-reveal is additive only. main.js is the only thing that ever adds
   .amn-lifeline__row--pre (never PHP, never unconditionally in CSS), and it
   only does so immediately before setting up the IntersectionObserver that
   removes it again — so a row can only ever end up hidden at a moment JS
   has already committed to revealing it. If JS doesn't run at all, every
   row stays in its default, fully visible state. */
.amn-lifeline__row--pre {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .5s ease, transform .5s ease;
}
.amn-lifeline__row--pre.is-visible {
	opacity: 1;
	transform: translateY(0);
}

/* ---- Prism of Meaning (Research, section 34) ------------------------------
   Related-section links for a Core Thesis. Visible by default (mobile /
   no-hover: "no hover dependency" is satisfied by simply never hiding it,
   the simplest correct reading of "a clear expandable list"). On a
   hover-capable, fine-pointer device it starts hidden and reveals on
   hover/focus of the thesis — restrained opacity only, no motion, and
   never aria-hidden so screen readers always get it regardless of
   hover/focus state. */
.amn-prism__links { margin-top: .6rem; font-size: .78rem; }
.amn-prism__label { opacity: .55; margin-right: .5rem; }
.amn-prism__links a { text-decoration: underline; margin-right: .8rem; }
@media (hover: hover) and (pointer: fine) {
	.amn-prism__item .amn-prism__links {
		opacity: 0;
		transition: opacity .3s ease;
	}
	.amn-prism__item:hover .amn-prism__links,
	.amn-prism__item:focus-within .amn-prism__links,
	.amn-prism__item:focus .amn-prism__links {
		opacity: 1;
	}
	@media (prefers-reduced-motion: reduce) {
		.amn-prism__item .amn-prism__links { transition: none; }
	}
}

/* Approved term list for a Visual Vocabulary category that doesn't yet
   have full per-term entries (image + meaning) — section 27's "not an
   empty, unexplained heading" without fabricating a per-term description
   Claude has no approved source for. */
.amn-vocab-terms { display: flex; flex-wrap: wrap; gap: .6rem .7rem; }
.amn-vocab-term {
	display: inline-block;
	padding: .5rem 1rem;
	border: 1px solid var(--amn-line);
	font-size: .82rem;
	letter-spacing: .02em;
}
.amn-theme-dark .amn-vocab-term { border-color: var(--amn-line-navy); }

/* ---- Contact --------------------------------------------------------------- */

.amn-contact-hero {
	min-height: 100vh;
	background-image: linear-gradient(180deg, rgba(0,0,53,.35), rgba(0,0,53,.75)), url('../images/contact-bg.jpg');
}

.amn-research-hero {
	background-image: linear-gradient(180deg, rgba(0,0,53,.35), rgba(0,0,53,.75)), url('../images/research-bg.jpg');
}
.amn-research-hero--plain {
	background-image: url('../images/research-bg.jpg');
}
/* One height for all four Research sub-page heroes (Material Studies,
   Texts & Downloads, Visual Vocabulary, Theoretical Framework). Held here
   rather than in four inline styles, which had already drifted apart. */
.amn-research-subhero { min-height: 60vh; }
.amn-contact-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: stretch; gap: 0; background: var(--amn-navy); }
@media (max-width: 960px) { .amn-contact-grid { grid-template-columns: 1fr; } }
.amn-contact-grid > div { padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3vw, 3rem); }
.amn-contact-grid > .amn-contact-media { padding: 0; min-height: 320px; background-size: cover; background-position: center; }

.amn-contact-info-divider { border: none; border-top: 1px solid var(--amn-line); margin: 0 0 1.6rem; }
.amn-theme-dark .amn-contact-info-divider { border-top-color: var(--amn-line-navy); }

.amn-contact-grid .amn-social a {
	width: 36px;
	height: 36px;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: var(--amn-line);
	color: var(--amn-bg);
}
.amn-theme-dark .amn-contact-grid .amn-social a { background: var(--amn-navy-soft); color: var(--amn-on-navy); }

.amn-visit-studio {
	display: grid;
	grid-template-columns: 1.6fr 1fr;
	min-height: 420px;
	background: var(--amn-navy);
	color: var(--amn-on-navy-soft);
}
.amn-visit-studio__media { background-size: cover; background-position: center; min-height: 280px; }
.amn-visit-studio__content { display: flex; flex-direction: column; justify-content: center; padding: clamp(2rem, 4vw, 3.5rem); }
.amn-visit-studio__content h2 { color: var(--amn-on-navy); }
@media (max-width: 900px) {
	.amn-visit-studio { grid-template-columns: 1fr; }
	.amn-visit-studio__media { min-height: 260px; }
}

.amn-collab-section {
	background-size: cover;
	background-position: center;
	padding: clamp(3rem, 8vw, 7rem) 0;
	color: var(--amn-on-navy-soft);
}
.amn-collab-section h2 { color: var(--amn-on-navy); }

/* ---- Studio --------------------------------------------------------------- */

.amn-studio-hero {
	display: grid;
	grid-template-columns: 1fr 2.1fr;
	min-height: 620px;
	background: var(--amn-bg);
}
.amn-studio-hero__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(2rem, 4vw, 3.5rem) var(--gutter);
}
.amn-studio-hero__content h1 { text-transform: uppercase; margin-bottom: 1.2rem; }
.amn-studio-hero__content .amn-rule { margin-bottom: 1.2rem; }
.amn-studio-hero__content .amn-lede { margin-bottom: 1rem; }
.amn-studio-hero__media { position: relative; padding: 1.5rem clamp(1.5rem, 3vw, 2.5rem) 1.5rem 0; }
.amn-studio-hero__media .amn-placeholder { width: 100%; height: 100%; aspect-ratio: auto; }

/* ---- Orientation Toward Light (Studio, section 11) ----------------------
   The sunflower principle abstracted, not illustrated: a soft light wash
   that opens further as the studio hero comes into view, standing in for
   "conscious orientation towards light" (section 7.4's Sunflower entry)
   without a literal flower graphic. Fully visible/open by default so
   reduced-motion visitors and no-JS both see the correct end state; JS
   only holds it back slightly until the section scrolls into view. */
.amn-studio-hero__light {
	position: absolute;
	inset: 1.5rem clamp(1.5rem, 3vw, 2.5rem) 1.5rem 0;
	pointer-events: none;
	background: radial-gradient(120% 90% at 78% 18%, #fff, var(--amn-prism-1) 38%, transparent 72%);
	opacity: .5;
	transform: scale(.94);
	transition: opacity 1.6s ease, transform 1.6s ease;
}
.amn-studio-hero__light.is-oriented { opacity: .85; transform: scale(1); }
@media (prefers-reduced-motion: reduce) {
	.amn-studio-hero__light { opacity: .85; transform: scale(1); transition: none; }
}

@media (max-width: 900px) {
	.amn-studio-hero { grid-template-columns: 1fr; min-height: auto; }
	.amn-studio-hero__media { padding: 0 var(--gutter) 1.5rem; }
	.amn-studio-hero__media .amn-placeholder { aspect-ratio: 4/3; height: auto; }
}

.amn-studio-space {
	display: grid;
	grid-template-columns: 1fr 1.9fr 1.1fr;
	gap: clamp(20px, 2.4vw, 40px);
	min-height: clamp(320px, 30vw, 440px);
}
.amn-studio-space .amn-placeholder,
.amn-studio-space img { width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 900px) {
	.amn-studio-space { grid-template-columns: 1fr; min-height: auto; }
	.amn-studio-space .amn-placeholder { aspect-ratio: 4/3; height: auto; }
}

.amn-workzones { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--amn-line); }
.amn-theme-dark .amn-workzones { border-color: var(--amn-line-navy); }
.amn-workzones > div { padding: 2rem var(--gutter); border-right: 1px solid var(--amn-line); }
.amn-theme-dark .amn-workzones > div { border-color: var(--amn-line-navy); }
.amn-workzones > div:last-child { border-right: none; }
@media (max-width: 1000px) {
	.amn-workzones { grid-template-columns: repeat(2, 1fr); }
	.amn-workzones > div:nth-child(2n) { border-right: none; }
}
@media (max-width: 640px) {
	.amn-workzones { grid-template-columns: 1fr; }
	.amn-workzones > div { border-right: none; border-bottom: 1px solid var(--amn-line); }
	.amn-workzones > div:last-child { border-bottom: none; }
}

.amn-strip--light { background: var(--amn-line); }

/* ---- 404 --------------------------------------------------------------- */

.amn-404 { min-height: 60vh; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }


/* ==========================================================================
   AMN HOMEPAGE REFINEMENT 2026-10-06
   Additive CI pass. Remove this complete block to restore the former styling.
   ========================================================================== */

.home .amn-statement {
	background-color: #000035;
}

.home .amn-home-kicker {
	margin: 0 0 1rem;
	color: rgba(244, 242, 236, .62);
	font-size: .68rem;
	font-weight: 600;
	letter-spacing: .2em;
	text-transform: uppercase;
}

.home .amn-home-lead {
	max-width: 15ch;
	margin: 0 0 1.5rem;
	color: var(--amn-on-navy);
	font-size: clamp(2.7rem, 5.1vw, 5.6rem);
	font-weight: 400;
	line-height: .98;
	letter-spacing: -.045em;
}

.home .amn-statement__grid:first-child {
	margin-top: clamp(4.5rem, 8vw, 8rem);
}

.home .amn-statement__grid:first-child .amn-statement__content > p:not(.amn-home-kicker) {
	max-width: 56ch;
}

/* Details remain a luminous artwork hook, but no longer overpower the page. */
.home .amn-detail-theatre {
	--night: #000035;
	padding-top: clamp(4.5rem, 6vw, 6.5rem);
	padding-bottom: clamp(4.5rem, 6vw, 6rem);
	background:
		radial-gradient(ellipse at 50% 45%, rgba(238, 241, 248, .12) 0%, rgba(156, 165, 194, .055) 36%, transparent 68%),
		linear-gradient(180deg, #000035 0%, #101744 58%, #000035 100%);
}

.home .amn-detail-theatre::before {
	background: rgba(226, 230, 240, .095);
	filter: blur(100px);
}

.home .amn-detail-theatre__intro h2 {
	font-size: clamp(3.35rem, 5.4vw, 5.7rem);
	line-height: .9;
}

.home .amn-detail-theatre__stage {
	height: clamp(390px, 39vw, 570px);
}

.home .amn-detail-theatre__slide {
	width: min(56vw, 880px);
	height: min(35vw, 540px);
}

.home .amn-detail-theatre__image::before {
	inset: -12%;
	background: radial-gradient(rgba(247, 248, 252, .28) 0%, rgba(191, 197, 214, .14) 38%, rgba(111, 123, 158, .065) 58%, transparent 76%);
	filter: blur(42px);
}

.home .amn-detail-theatre__meta h3 {
	font-size: clamp(1.85rem, 2.6vw, 3rem);
}

/* Research opens the navy into luminous white, then returns to CI blue. */
.home .amn-statement__grid--spaced {
	position: relative;
	isolation: isolate;
	margin-top: clamp(4rem, 7vw, 7rem);
	margin-right: calc(var(--gutter) * -1);
	margin-left: calc(var(--gutter) * -1);
	padding: clamp(8rem, 13vw, 13rem) var(--gutter);
	color: #000035;
}

.home .amn-statement__grid--spaced::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, #000035 0%, #101744 8%, #f1f0eb 26%, #ffffff 48%, #f8f7f3 72%, #101744 93%, #000035 100%);
}

.home .amn-statement__grid--spaced .amn-home-kicker {
	color: rgba(0, 0, 53, .58);
}

.home .amn-statement__grid--spaced .amn-statement__content h2 {
	color: #000035;
	font-size: clamp(2.65rem, 4.3vw, 4.8rem);
	line-height: 1;
	letter-spacing: -.04em;
}

.home .amn-statement__grid--spaced .amn-statement__content p {
	color: rgba(0, 0, 53, .74);
	max-width: 49ch;
}

.home .amn-statement__grid--spaced .amn-statement__cta {
	color: #000035;
	border-color: rgba(0, 0, 53, .46);
}

.home .amn-statement__grid--spaced .amn-statement__media img {
	box-shadow: 0 28px 80px rgba(0, 0, 53, .16), 0 0 0 1px rgba(0, 0, 53, .08);
}

/* Exhibition hook: editorial alignment and concise cards on the homepage. */
.home .amn-exhibitions {
	margin-top: clamp(3rem, 6vw, 5.5rem);
}

.home .amn-exhibitions__heading {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(260px, .72fr);
	gap: clamp(2rem, 5vw, 6rem);
	align-items: end;
	text-align: left;
}

.home .amn-exhibitions__heading h2 {
	font-size: clamp(2.65rem, 4.3vw, 4.8rem);
	line-height: 1;
	letter-spacing: -.04em;
	margin: 0;
}

.home .amn-exhibitions__heading p {
	margin: 0 0 .25rem;
	max-width: 42ch;
}

.home .amn-exhibitions__text {
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

/* Black is used as a deliberate final CI accent, not an extra mid-page tone. */
.home .amn-footer {
	background: #000000;
}

.home .amn-footer__cta,
.home .amn-footer__bottom {
	border-color: rgba(255, 255, 255, .14);
}

/* Transparent on the hero; compact and legible once the page moves. */
.home .amn-header,
.home .amn-header__inner,
.home .amn-logo .amn-logo__mark {
	transition: background-color .3s ease, border-color .3s ease, padding .3s ease, height .3s ease, backdrop-filter .3s ease;
}

.home .amn-header.is-scrolled,
.home.amn-theme-dark .amn-header.is-scrolled,
.home .amn-header--transparent.is-scrolled {
	background: rgba(0, 0, 16, .9);
	border-bottom-color: rgba(255, 255, 255, .14);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
}

.home .amn-header.is-scrolled .amn-header__inner {
	padding-top: 12px;
	padding-bottom: 12px;
}

.home .amn-header.is-scrolled .amn-logo .amn-logo__mark {
	height: 54px;
}

@media (max-width: 780px) {
	.home .amn-home-lead {
		font-size: clamp(2.4rem, 8.5vw, 3.25rem);
	}

	.home .amn-statement__grid:first-child {
		margin-top: 3.5rem;
	}

	.home .amn-detail-theatre {
		padding-top: 4rem;
	}

	.home .amn-detail-theatre__intro h2 {
		font-size: clamp(3rem, 10vw, 3.5rem);
	}

	.home .amn-detail-theatre__stage {
		height: clamp(320px, 78vw, 460px);
	}

	.home .amn-detail-theatre__slide {
		width: 82vw;
		height: min(76vw, 460px);
	}

	.home .amn-statement__grid--spaced {
		padding-top: 8.5rem;
		padding-bottom: 8.5rem;
	}

	.home .amn-exhibitions {
		--ex-visible: 1;
	}

	.home .amn-exhibitions__heading {
		display: block;
	}

	.home .amn-exhibitions__heading h2 {
		font-size: clamp(2.35rem, 10vw, 3.5rem);
		margin-bottom: 1.2rem;
	}

	.home .amn-header.is-scrolled .amn-header__inner {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.home .amn-header.is-scrolled .amn-logo .amn-logo__mark {
		height: 44px;
	}

	.home .amn-footer__cta {
		padding-top: 2.5rem;
		padding-bottom: 2.5rem;
	}

	.home .amn-footer__grid {
		padding-top: 2.8rem;
		padding-bottom: 2rem;
		gap: 2rem;
	}
}
/* END AMN HOMEPAGE REFINEMENT 2026-10-06 */


/* ==========================================================================
   AMN HOMEPAGE CONTINUOUS EDITORIAL FIELD 2026-10-07
   One uninterrupted CI field from the artistic-practice hook to the footer.
   Additive and independently reversible.
   ========================================================================== */

/* The parent carries the complete atmosphere; no hook starts a new canvas. */
.home .amn-statement {
    background-color: #000035;
    background-image:
        radial-gradient(ellipse 68% 16% at 50% 9%, rgba(255,255,255,.88) 0%, rgba(231,234,247,.48) 16%, rgba(129,143,197,.20) 38%, rgba(0,0,53,0) 72%),
        linear-gradient(180deg, #000035 0%, #11194f 23%, #08083c 58%, #000025 82%, #000000 100%) !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

/* Details remains luminous around the work itself, without a sectional edge. */
.home .amn-detail-theatre {
    background: transparent !important;
    padding-top: clamp(6rem, 9vw, 9rem);
    padding-bottom: clamp(6rem, 9vw, 9rem);
}
.home .amn-detail-theatre::before {
    width: min(78vw, 1180px);
    height: min(38vw, 590px);
    left: 50%;
    top: 26%;
    transform: translateX(-50%);
    background: rgba(231,235,246,.075);
    filter: blur(105px);
}

/* Research is another chapter of the same field, not a white insert. */
.home .amn-statement__grid--spaced {
    margin-top: 0;
    padding-top: clamp(7rem, 11vw, 11rem);
    padding-bottom: clamp(7rem, 11vw, 11rem);
    color: var(--amn-on-navy);
}
.home .amn-statement__grid--spaced::before { display: none; }
.home .amn-statement__grid--spaced .amn-home-kicker { display: none; }
.home .amn-statement__grid--spaced .amn-statement__content h2,
.home .amn-statement__grid--spaced .amn-statement__content p,
.home .amn-statement__grid--spaced .amn-statement__cta {
    color: var(--amn-on-navy);
}
.home .amn-statement__grid--spaced .amn-statement__content p {
    color: rgba(244,242,236,.74);
}
.home .amn-statement__grid--spaced .amn-statement__cta {
    border-color: rgba(244,242,236,.52);
}
.home .amn-statement__grid--spaced .amn-statement__media img {
    box-shadow: 0 30px 90px rgba(0,0,0,.26), 0 0 52px rgba(224,230,247,.13);
}

/* Shared editorial hierarchy for all three destination hooks. */
.home .amn-detail-theatre__intro,
.home .amn-exhibitions__heading {
    grid-template-columns: minmax(0,1fr) minmax(260px,.72fr);
    gap: clamp(2rem,5vw,6rem);
    align-items: end;
}
.home .amn-detail-theatre__intro h2,
.home .amn-statement__grid--spaced .amn-statement__content h2,
.home .amn-exhibitions__heading h2 {
    margin: 0;
    font-size: clamp(2.65rem,4.3vw,4.8rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.04em;
}
.home .amn-detail-theatre__intro p,
.home .amn-statement__grid--spaced .amn-statement__content > p,
.home .amn-exhibitions__heading p {
    margin: 0 0 .25rem;
    max-width: 46ch;
    color: rgba(244,242,236,.7);
    font-size: clamp(.92rem,1.05vw,1rem);
    line-height: 1.7;
}

/* The final hook settles into the black footer without a visible seam. */
.home .amn-exhibitions {
    margin-top: 0;
    padding-top: clamp(5rem,8vw,8rem);
    padding-bottom: clamp(5rem,8vw,8rem);
}
.home .amn-exhibitions__text {
    font-size: .86rem;
    line-height: 1.65;
}
.home .amn-footer { background: #000; }

@media (max-width:780px) {
    .home .amn-statement {
        background-image:
            radial-gradient(ellipse 115% 11% at 50% 7%, rgba(255,255,255,.72) 0%, rgba(220,225,245,.34) 22%, rgba(94,109,171,.13) 48%, rgba(0,0,53,0) 76%),
            linear-gradient(180deg, #000035 0%, #10184c 22%, #08083b 58%, #000025 82%, #000 100%) !important;
    }
    .home .amn-detail-theatre__intro,
    .home .amn-exhibitions__heading { display:block; }
    .home .amn-detail-theatre__intro h2,
    .home .amn-statement__grid--spaced .amn-statement__content h2,
    .home .amn-exhibitions__heading h2 {
        margin-bottom: 1.2rem;
        font-size: clamp(2.6rem,11vw,3.65rem);
    }
    .home .amn-detail-theatre,
    .home .amn-statement__grid--spaced,
    .home .amn-exhibitions {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }
}
/* END AMN HOMEPAGE CONTINUOUS EDITORIAL FIELD 2026-10-07 */


/* AMN EXHIBITIONS EDITORIAL INTRO FIX 2026-10-07 */
.home .amn-exhibitions {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(260px,.72fr);
    column-gap: clamp(2rem,5vw,6rem);
    align-items: end;
}
.home .amn-exhibitions__heading {
    grid-column: 1;
    margin: 0;
    text-align: left;
    font-size: clamp(2.65rem,4.3vw,4.8rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -.04em;
}
.home .amn-exhibitions > .amn-lede {
    grid-column: 2;
    margin: 0 0 .25rem;
    max-width: 46ch;
    color: rgba(244,242,236,.7);
    font-size: clamp(.92rem,1.05vw,1rem);
    line-height: 1.7;
}
.home .amn-exhibitions__viewport,
.home .amn-exhibitions__footer {
    grid-column: 1 / -1;
    width: 100%;
}
.home .amn-exhibitions__viewport { margin-top: clamp(2.4rem,4vw,4rem); }
@media(max-width:780px){
    .home .amn-exhibitions { display:block; }
    .home .amn-exhibitions__heading {
        margin-bottom:1.2rem;
        font-size:clamp(2.6rem,11vw,3.65rem);
    }
    .home .amn-exhibitions__viewport { margin-top:2rem; }
}
/* END AMN EXHIBITIONS EDITORIAL INTRO FIX 2026-10-07 */


/* ==========================================================================
   AMN HOMEPAGE LAUNCH POLISH 2026-10-07
   Final restrained pass: artwork-led details and concise exhibition cards.
   ========================================================================== */

/* Side details read as fragments, never as one horizontal UI strip. */
.home .amn-detail-theatre__slide.is-prev,
.home .amn-detail-theatre__slide.is-next {
    opacity: .11;
    filter: saturate(.46) brightness(.48);
}
.home .amn-detail-theatre__slide:not(.is-active) .amn-detail-theatre__image {
    -webkit-mask-image: radial-gradient(ellipse 58% 72% at 50% 50%, #000 0%, rgba(0,0,0,.82) 36%, transparent 78%);
    mask-image: radial-gradient(ellipse 58% 72% at 50% 50%, #000 0%, rgba(0,0,0,.82) 36%, transparent 78%);
}
.home .amn-detail-theatre__slide:not(.is-active) .amn-detail-theatre__image::before {
    opacity: .15;
}
.home .amn-detail-theatre__slide.is-active .amn-detail-theatre__image::before {
    inset: -10%;
    background: radial-gradient(ellipse at center,rgba(248,249,252,.30) 0%,rgba(193,200,217,.14) 38%,rgba(105,117,154,.055) 59%,transparent 77%);
    filter: blur(46px);
}
.home .amn-detail-theatre__arrow {
    width: 2.7rem;
    height: 2.7rem;
    border-color: rgba(255,255,255,.2);
    background: rgba(0,0,35,.28);
}
.home .amn-detail-theatre__arrow--prev { left: clamp(1rem,16vw,11rem); }
.home .amn-detail-theatre__arrow--next { right: clamp(1rem,16vw,11rem); }

/* One primary route into the work; catalog remains a quiet secondary path. */
.home .amn-detail-theatre__button--ghost {
    background: var(--paper);
    color: #000035;
    border-color: var(--paper);
}
.home .amn-detail-theatre__button--light {
    min-height: auto;
    padding: .35rem .1rem .3rem;
    border: 0;
    border-bottom: 1px solid rgba(244,241,233,.48);
    background: transparent;
    color: var(--paper);
}
.home .amn-detail-theatre__button--light::after {
    content: "  →";
    margin-left: .45rem;
}

/* Exhibition cards: image first, concise institutional metadata second. */
.home .amn-exhibitions__heading span { white-space: nowrap; }
.home .amn-exhibitions__media img,
.home .amn-exhibitions__media .amn-placeholder {
    aspect-ratio: 16 / 10;
}
.home .amn-exhibitions__meta {
    margin: 1.15rem 0 .55rem;
    color: rgba(244,242,236,.5);
    font-size: .62rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .15em;
    text-transform: uppercase;
}
.home .amn-exhibitions__title {
    margin: 0 0 .65rem;
    font-size: clamp(1.08rem,1.45vw,1.32rem);
    line-height: 1.25;
}
.home .amn-exhibitions__text {
    max-width: 36ch;
    margin-right: auto;
    margin-left: auto;
    color: rgba(244,242,236,.68);
    font-size: .84rem;
    line-height: 1.58;
    -webkit-line-clamp: 2;
}

@media(max-width:780px){
    .home .amn-detail-theatre__arrow--prev { left: .8rem; }
    .home .amn-detail-theatre__arrow--next { right: .8rem; }
    .home .amn-detail-theatre__slide.is-prev { transform: translate(-120%,-50%) scale(.58); }
    .home .amn-detail-theatre__slide.is-next { transform: translate(20%,-50%) scale(.58); }
    .home .amn-detail-theatre__button--light { width:auto; align-self:center; }
    .home .amn-exhibitions__heading span { white-space: normal; }
}
/* END AMN HOMEPAGE LAUNCH POLISH 2026-10-07 */


/* AMN EXHIBITIONS HEADING RHYTHM 2026-10-07 */
.home .amn-exhibitions__heading {
    display: block;
    line-height: .98;
}
.home .amn-exhibitions__heading br { display:block; }
/* END AMN EXHIBITIONS HEADING RHYTHM 2026-10-07 */


/* ==========================================================================
   AMN LIGHT AND READABILITY PASS 2026-10-07
   Broader planetary light with protected type contrast and readable footer.
   ========================================================================== */
.home .amn-statement {
    background-image:
        radial-gradient(ellipse 88% 23% at 50% 9%, rgba(255,255,255,.78) 0%, rgba(234,237,249,.50) 18%, rgba(157,169,214,.27) 42%, rgba(61,76,143,.13) 63%, rgba(0,0,53,0) 88%),
        linear-gradient(180deg, #000035 0%, #11194f 25%, #08083c 59%, #000025 82%, #000 100%) !important;
}
.home .amn-statement__grid:first-child .amn-statement__content {
    text-shadow: 0 2px 24px rgba(0,0,35,.48);
}
.home .amn-statement__grid:first-child .amn-statement__cta {
    text-shadow: none;
}

/* The fractional indicator added interface noise without helping navigation. */
.home .amn-detail-theatre__index { display:none !important; }
.home .amn-detail-theatre__meta { margin-top:clamp(1.1rem,2.2vw,2rem); }

/* Exhibition copy remains supporting text, but no longer falls below a
   comfortable reading size or contrast level. */
.home .amn-exhibitions > .amn-lede {
    color: rgba(244,242,236,.80);
    font-size: clamp(1rem,1.18vw,1.08rem);
    line-height: 1.72;
}
.home .amn-exhibitions__text {
    color: rgba(244,242,236,.76);
    font-size: clamp(.9rem,1vw,.96rem);
    line-height: 1.62;
}

/* Footer readability: enlarge supporting information, not every element. */
.home .amn-footer__cta h3 {
    max-width: 32ch;
    font-size: clamp(1.65rem,2.7vw,2.15rem);
    line-height: 1.16;
}
.home .amn-footer__col-title {
    color: rgba(244,242,236,.76);
    font-size: .74rem;
    line-height: 1.45;
}
.home .amn-footer__brand {
    font-size: 1.05rem;
    line-height: 1.55;
}
.home .amn-footer__col address,
.home .amn-footer__col a {
    color: rgba(244,242,236,.76);
    font-size: .95rem;
    line-height: 1.72;
}
.home .amn-footer__col li {
    line-height: 1.72;
}
.home .amn-footer__bottom {
    font-size: .82rem;
    line-height: 1.6;
}

@media(max-width:780px){
    .home .amn-statement {
        background-image:
            radial-gradient(ellipse 125% 15% at 50% 7%, rgba(255,255,255,.70) 0%, rgba(230,234,248,.42) 20%, rgba(138,151,204,.22) 45%, rgba(56,70,137,.11) 66%, rgba(0,0,53,0) 90%),
            linear-gradient(180deg, #000035 0%, #10184c 24%, #08083b 59%, #000025 82%, #000 100%) !important;
    }
    .home .amn-footer__cta h3 { font-size:clamp(1.55rem,7vw,2rem); }
    .home .amn-footer__col address,
    .home .amn-footer__col a { font-size:1rem; }
}
/* END AMN LIGHT AND READABILITY PASS 2026-10-07 */


/* AMN FINAL BODY-TYPE NORMALIZATION 2026-10-07 */
.home .amn-detail-theatre__intro p,
.home .amn-statement__grid--spaced .amn-statement__content > p:not(.amn-home-kicker) {
  color: rgba(244, 242, 236, 0.80);
  font-size: 1rem;
  line-height: 1.7;
}