/* Home and one product study. The remaining catalogue retains its approved layout. */
.home-design-study .home-hero {
	position: relative;
	display: grid;
	height: calc(100svh - 72px);
	min-height: 42rem;
	max-height: 64rem;
	color: #fff;
}
.home-design-study .home-hero__media { grid-area: 1 / 1; height: 100%; }
.home-design-study .home-hero__body {
	/* The cover copy sits in a paper card, not white on the photograph: the
	   swatch strip under the hero switches the banner to any of the four
	   collections, and the pale ones left white text at roughly 1.2:1. The
	   card keeps the ink on a known ground whatever the photograph does, and
	   it is what home.css and the approved design specify. */
	position: relative; grid-area: 1 / 1; align-self: end; justify-self: start;
	width: min(32rem, calc(100% - 2 * var(--home-gutter)));
	margin: 0 var(--home-gutter) 3rem; padding: 2.5rem 2.75rem 2rem;
	background: var(--home-paper);
	/* The cover sets color: #fff for anything over the photograph; the card is
	   not over it, so the ink has to come back or the headline disappears. */
	color: var(--elevare-ink);
}
.home-design-study .home-hero h1 { font-size: clamp(2.75rem,4.4vw,4.25rem); line-height: 1.02; font-weight: 300; max-width: 14ch; }
.home-design-study .home-hero__text { max-width: 36ch; }
.home-hero__routes { display: flex; gap: 2rem; flex-wrap: wrap; }
.home-design-study .home-palette { padding-block: 1.25rem; border-bottom: 1px solid var(--elevare-line); }
.home-design-study .home-intro { padding-block: 7rem; grid-template-columns: 1fr 3fr; }
.home-design-study .home-intro h2 { font-size: clamp(2.5rem,5vw,5rem); max-width: 22ch; }
.home-design-study .home-spaces { background: transparent; padding-top: 0; padding-bottom: 7rem; }
.home-design-study .home-spaces__grid { grid-template-columns: 1.5fr 1fr; gap: 2.5rem; }
.home-design-study .home-space:first-child { grid-row: span 2; }
.home-design-study .home-space__image { aspect-ratio: 16 / 9; }
.home-design-study .home-space:first-child .home-space__image { aspect-ratio: 3 / 4; }
.home-design-study .home-space h3 { font-size: 1.5rem; }
.home-design-study .home-collections { background: #eeeae3; padding-block: 6rem; }
.home-design-study .home-collections__grid {
	display: flex; overflow-x: auto; gap: 2rem; scroll-snap-type: x proximity; padding-bottom: .5rem;
}
.home-design-study .home-collection { flex: 0 0 44%; scroll-snap-align: start; }
.home-design-study .home-collection:nth-child(even) { margin-top: 0; }
.home-design-study .home-collection .home-collection__image { aspect-ratio: 4 / 3; }
.home-design-study .home-collection__description { display: none; }
.study-colors { padding-block: 7rem 2rem; }
.study-colors__track { display: flex; gap: 1.5rem; overflow-x: auto; padding-bottom: .5rem; scroll-snap-type: x proximity; }
.study-color { flex: 0 0 24%; min-width: 0; color: inherit; text-decoration: none; scroll-snap-align: start; }
.study-color > img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; margin-bottom: 1rem; }
.study-color > span { font-size: .75rem; color: var(--elevare-ink-soft); }
.study-color h3 { display: flex; justify-content: space-between; gap: 1rem; font-size: 1.2rem; margin-top: .4rem; }
.home-design-study .home-material { padding-block: 5rem 7rem; }
.home-design-study .home-facts { display: none; }
.home-design-study .home-invitation { background: #28332d; color: #fff; padding-block: 6rem; }
.home-design-study .home-invitation .home-eyebrow,
.home-design-study .home-invitation p,
.home-design-study .home-invitation .home-link { color: #fff; }
.home-design-study .home-invitation .button { background: #fff; color: #28332d; border-color: #fff; }
/* Product: an architectural image, then character, material and specification. */
.product-study { padding-top: 2rem; padding-bottom: 0; }
.product-study .breadcrumb { margin-bottom: 2rem; }
.study-product-heading { display: flex; justify-content: space-between; align-items: end; gap: 2rem; padding-bottom: 2.5rem; }
.study-product-heading h1 { font-size: clamp(2.75rem,6vw,6rem); margin: 0; line-height: 1; }
.study-product-heading .editorial-eyebrow { margin-bottom: 1rem; }
.study-text-link { display: inline-flex; gap: 2rem; justify-content: space-between; align-items: center; min-height: 44px; font-size: .875rem; color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; }
.study-product-scene { margin: 0; }
.study-product-scene > img { display: block; width: 100%; height: min(76vw,78svh); min-height: 26rem; max-height: 58rem; object-fit: cover; }
.study-product-scene figcaption { padding: .75rem var(--editorial-gutter); text-align: right; font-size: .6875rem; color: var(--elevare-ink-soft); }
.study-product-nav { display: flex; gap: 3rem; border-bottom: 1px solid var(--elevare-line); padding-block: .5rem; }
.study-product-nav a { display: inline-flex; align-items: center; min-height: 44px; font-size: .8125rem; color: inherit; text-decoration: none; }
.product-study section[id] { scroll-margin-top: 6rem; }
.study-character,.study-details { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; padding-block: 7rem; }
.product-study h2 { font-size: clamp(2.25rem,4vw,4rem); max-width: 17ch; }
.study-character p:not(.editorial-eyebrow) { color: var(--elevare-ink-soft); max-width: 50ch; }
.study-character .study-lead { font-size: clamp(1.2rem,1.8vw,1.5rem); line-height: 1.6; }
.study-material { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(2rem,7vw,7rem); align-items: center; padding-block: 1rem 6rem; }
.study-material__image a { display: block; position: relative; color: inherit; text-decoration: none; }
.study-material__image img { display: block; width: 100%; max-height: 46rem; object-fit: contain; }
.study-material__image span { display: block; padding-block: .75rem; text-align: right; font-size: .75rem; }
.study-material__body figure { margin: 2rem 0; }
.study-material__body img { display: block; width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.study-material__body figcaption,.study-note { font-size: .75rem; color: var(--elevare-ink-soft); margin-top: .75rem; }
.study-details { background: #f0eee9; }
.study-details__list details { border-top: 1px solid #cdcac2; }
.study-details__list details:last-child { border-bottom: 1px solid #cdcac2; }
.study-details__list summary { cursor: pointer; padding: 1.5rem 0; font-size: 1.125rem; }
.study-details__list details p { font-size: .875rem; margin-bottom: 1.25rem; }
.study-second-space { padding-block: 6rem 0; }
.study-second-space h2 { max-width: none; margin-bottom: 3rem; }
.study-second-space > img { display: block; width: 100%; max-height: 55rem; object-fit: cover; }
.study-related { padding-top: 5rem; }
.study-sample { text-align: center; padding-block: 6rem; }
.study-sample h2 { max-width: none; margin-bottom: 1.5rem; }
.study-sample p { margin-bottom: 2rem; }
.study-sample .button { white-space: normal; }
.study-text-link:hover,.study-product-nav a:hover { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 700px) {
	.home-design-study .home-hero { min-height: 36rem; height: calc(90svh - 72px); }
	.home-design-study .home-hero__body { width: auto; margin: 0 var(--home-gutter) 1.5rem; padding: 1.75rem 1.5rem 1.25rem; }
	.home-design-study .home-hero h1 { font-size: clamp(2.25rem,9vw,3.25rem); }
	.home-design-study .home-hero__routes { gap: .5rem 2rem; }
	.home-design-study .home-intro { grid-template-columns: 1fr; padding-block: 4rem; }
	.home-design-study .home-spaces { padding-bottom: 4rem; }
	.home-design-study .home-spaces__grid { grid-template-columns: 1fr; gap: 2rem; }
	.home-design-study .home-space:first-child { grid-row: auto; }
	.home-design-study .home-space:first-child .home-space__image { aspect-ratio: 4 / 5; }
	.home-design-study .home-collections { padding-block: 3.5rem; }
	.home-design-study .home-collection { flex-basis: 86%; }
	.study-colors { padding-block: 4rem 1rem; }
	.study-color { flex-basis: 68%; }
	.home-design-study .home-material { padding-block: 3rem 4rem; }
	.home-design-study .home-invitation { padding-block: 4rem; }
	.study-product-heading { display: block; padding-bottom: 2rem; }
	.study-product-heading > a { margin-top: 1.25rem; }
	.study-product-scene > img { min-height: 0; height: 29rem; max-height: 70svh; }
	.study-product-nav { gap: 1rem; flex-wrap: wrap; }
	.study-product-nav a { font-size: .75rem; }
	.study-character,.study-details,.study-material { grid-template-columns: minmax(0,1fr); gap: 1.5rem; padding-block: 3.5rem; }
	.study-material { padding-top: 0; }
	.study-material__body { margin-top: 1rem; }
	.study-second-space { padding-top: 3.5rem; }
	.study-second-space > img { aspect-ratio: 4 / 5; object-fit: cover; }
	.study-related { padding-top: 3rem; }
	.study-sample { padding-block: 4rem; }
}