/* The homepage story. Shared navigation and enquiry behaviour live in home.css. */
.home-opening,.home-chapter,.home-finished { --story-space:clamp(60px,7vw,104px); }
.home-opening { display:grid;grid-template-columns: .85fr 1.15fr;align-items:center;min-height:560px;padding-block:32px 60px;gap:30px; }
.home-opening figure,.home-chapter figure,.home-pieces figure,.home-swap figure { margin:0;min-width:0; }
.home-opening img { display:block;width:100%;height:auto;max-height:540px;object-fit:contain; }
.home-opening h1 { font-size:clamp(2.8rem,4.5vw,4.8rem);font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:0 0 22px;max-width:430px; }
.home-opening p { color:var(--muted);margin:0 0 30px;font-size:1.05rem; }
.home-chapter { display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(36px,7vw,100px);padding-block:var(--story-space); }
.home-chapter img { display:block;width:100%;height:auto; }
.home-chapter-copy { max-width:380px; }
.home-chapter h2,.home-finished h2 { font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance; }
.home-chapter p,.home-finished-heading p { font-size:1.05rem;line-height:1.75;color:var(--muted);margin:0; }
.home-art img { max-height:550px;object-fit:contain; }
.home-chapter figcaption,.home-swap figcaption { font-size:.73rem;color:var(--muted);margin-top:12px; }
.home-stone-band { background:#e9eae6; }
.home-reverse { grid-template-columns:.9fr 1.1fr; }
.home-reverse figure { grid-column:2;grid-row:1; }
.home-reverse .home-chapter-copy { grid-column:1;grid-row:1; }
.home-quiet-links { display:flex;flex-wrap:wrap;gap:16px 26px;margin-top:28px; }
.home-finished { padding-block:30px var(--story-space); }
.home-finished-heading { text-align:center;margin:0 auto 44px; }
.home-finished-heading h2 { margin-bottom:15px; }
.home-pieces { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.home-pieces img { display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f4f4f0; }
.home-pieces figcaption { margin-top:14px;font-size:.85rem;color:var(--muted); }
.home-stories-link { margin-top:26px; }
.home-swap { display:grid;grid-template-columns:190px 1fr;gap:42px;align-items:center;max-width:750px;margin:70px auto 0;padding-top:38px;border-top:1px solid var(--line); }
.home-swap img { width:100%;height:auto;display:block; }
.home-swap h3 { font-size:clamp(1.45rem,2.3vw,2rem);font-weight:400;letter-spacing:-.02em;line-height:1.25;margin:10px 0 20px; }
#commission { scroll-margin-top:95px; }
@media(max-width:760px) {
 .home-opening,.home-chapter,.home-finished { width:calc(100% - 40px); }
 .home-opening { grid-template-columns:1fr;gap:12px;min-height:0;padding-block:44px 22px; }
 .home-opening h1 { font-size:clamp(2.65rem,10vw,3.8rem);max-width:none; }
 .home-opening p { font-size:.98rem;margin-bottom:24px; }
 .home-opening img { max-height:370px; }
 .home-chapter,.home-reverse { grid-template-columns:1fr;gap:30px;padding-block:54px; }
 .home-reverse figure,.home-reverse .home-chapter-copy { grid-column:auto;grid-row:auto; }
 .home-chapter-copy { max-width:500px; }
 .home-chapter h2,.home-finished h2 { font-size:2rem;margin-bottom:17px; }
 .home-chapter p,.home-finished-heading p { font-size:1rem; }
 .home-finished { padding-top:14px; }
 .home-pieces { gap:28px;grid-template-columns:1fr; }
 .home-pieces img { max-height:390px; }
 .home-finished-heading { text-align:left;margin-bottom:30px; }
 .home-swap { grid-template-columns:110px minmax(0,1fr);gap:20px;margin-top:48px;padding-top:30px; }
 .home-swap h3 { font-size:1.45rem; }
 .home-swap figcaption { font-size:.67rem; }
}
