/* Homepage reading layout. Shared styles, colors and motion remain intact. */
.home-refined .question,.home-refined .craft{display:block;padding:80px var(--gutter) 80px var(--content-left)}
.home-refined .question-group,.home-refined .craft-group{display:block;width:100%;max-width:56ch}
.home-refined .question .question-part,.home-refined .craft .craft-part{width:100%;max-width:56ch;font-family:var(--display);font-size:var(--subtitle-size);line-height:1.7;margin:0}
.home-refined .question .q-0 .line{margin:0}
.home-refined .question .q-1{font-size:var(--section-size);line-height:1.35;max-width:26ch;margin-top:36px}
.home-refined .question-meaning{margin-top:44px}
.home-refined .question .q-2 .line{display:block;margin-bottom:10px;padding:0;border:0}
.home-refined .question .q-2 .line:last-child{margin-bottom:0}
.home-refined .question .q-3{font-size:var(--subtitle-size);line-height:1.7;margin-top:28px}
.home-refined .craft h2{font-size:var(--section-size);line-height:1.35;margin:0 0 32px;max-width:30ch}
.home-refined .proposal-craft-opening,.home-refined .proposal-school{max-width:56ch}
.home-refined .craft .c-1{margin-top:24px}
.home-refined .craft .c-1 .line{padding:0;border:0;color:inherit}
.home-refined .craft .craft-explanation{margin-top:24px}
.home-refined .craft-explanation .craft-part+.craft-part{margin-top:24px}
.home-refined .proposal-school{margin-top:48px}
.home-refined .craft .c-5{font-size:var(--subtitle-size);line-height:1.7;max-width:56ch}
.home-refined .craft .c-6{margin-top:28px}
.home-refined .craft .c-6 .line{padding:0}
.home-refined .craft-closing{margin-top:28px}
.home-refined .craft .c-8{margin-top:12px;line-height:1.7}
.home-refined .workshops{background:var(--paper);color:var(--ink);padding:80px var(--gutter) 90px var(--content-left)}
.home-refined .workshops h2{font-size:var(--section-size);line-height:1.3}
.home-refined .workshops-intro{max-width:48ch;line-height:1.7;margin-top:24px}
.home-refined .workshop-cards{margin-top:56px;column-gap:40px;row-gap:20px}
.home-refined .workshop-card{padding-top:24px;row-gap:20px}
.home-refined .workshop-card h3{font-size:var(--section-size);line-height:1.3}
.home-refined .workshop-card .workshop-subtitle{font-size:var(--body-size);line-height:1.65;min-height:3.3em;max-width:30ch}
.home-refined .workshop-card .workshop-date{font-size:var(--subtitle-size);line-height:1.5}
.home-refined .workshop-card .workshop-meta{font-size:var(--body-size);line-height:1.65}
.home-refined .workshop-card .workshop-summary{font-size:var(--body-size);line-height:1.75;margin:6px 0 12px}
.home-refined .workshop-card .workshop-link{font-size:var(--subtitle-size);color:var(--accent)}
@media(max-width:1050px) and (min-width:701px){.home-refined .workshop-cards{column-gap:24px}}
@media(max-width:700px){
.home-refined .question,.home-refined .craft{padding:56px var(--gutter)}
.home-refined .question .q-1{margin-top:30px;max-width:none}
.home-refined .question-meaning{margin-top:34px}
.home-refined .proposal-school{margin-top:40px}
.home-refined .craft .c-5{max-width:none}
.home-refined .workshops{padding:60px var(--gutter) 64px}
.home-refined .workshop-cards{margin-top:38px;row-gap:40px}
.home-refined .workshop-card .workshop-subtitle{min-height:0;font-size:var(--subtitle-size);max-width:none}
.home-refined .workshop-card .workshop-subtitle:empty{display:none}
.home-refined .workshop-card .workshop-summary{font-size:var(--subtitle-size);line-height:1.7}
}

/* Reserved image positions; insert an img using the existing HTML comments. */
.home-refined .question .photo--placeholder,.home-refined .craft .photo--placeholder{display:block;width:100%;max-width:56ch;aspect-ratio:16/9;margin:40px 0 0;background:#dedede;background-image:none;color:inherit}
.home-refined .photo--placeholder img{width:100%;height:100%;object-fit:cover;object-position:var(--focus,50% 50%)}
@media(max-width:700px){
.home-refined .question .photo--placeholder,.home-refined .craft .photo--placeholder{max-width:100%;aspect-ratio:4/3;margin-top:32px}
}

/* Alternate the two introduction images beside their text on larger screens. */
@media(min-width:901px){
.home-refined .question{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);column-gap:clamp(40px,5vw,80px);row-gap:0;align-items:start}
.home-refined .question-entry{grid-column:1;grid-row:1}
.home-refined .question-meaning{grid-column:1;grid-row:2}
.home-refined .question .photo--meeting{grid-column:2;grid-row:1/3;align-self:center;max-width:none;aspect-ratio:4/5;margin:0}
.home-refined .craft{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);column-gap:clamp(40px,5vw,80px);row-gap:0;align-items:start}
.home-refined .proposal-craft-opening{grid-column:2;grid-row:1;min-width:0}
.home-refined .craft .craft-explanation{grid-column:2;grid-row:2;min-width:0}
.home-refined .craft .photo--room{grid-column:1;grid-row:1/3;align-self:center;max-width:none;aspect-ratio:4/5;margin:0}
.home-refined .proposal-school{grid-column:2;grid-row:3;min-width:0}
.home-refined .question .question-part,.home-refined .craft .craft-part{max-width:100%;overflow-wrap:break-word}
}

/* Keep the introduction below the full opening viewport. */
.home-refined .hero{height:100vh;height:100dvh;min-height:max(680px,100vh);min-height:max(680px,100dvh);max-height:none}
@media(max-width:700px){.home-refined .hero{min-height:max(660px,100vh);min-height:max(660px,100dvh)}}

/* One decorative thread follows the reading journey in the open columns. */
.story-thread{position:absolute;top:0;left:0;width:100%;pointer-events:none;overflow:hidden;z-index:0}
.story-thread path{fill:none;stroke-width:1.25;stroke-linecap:round;vector-effect:non-scaling-stroke}
.story-thread stop{stop-color:var(--accent)}
@media(max-width:900px){.story-thread path{stroke-width:1}}
@media(prefers-reduced-motion:reduce){.story-thread{display:none}}

/* Blue companion remains visible as the page shifts from paper to deep blue. */
.story-thread .thread-blue stop{stop-color:color-mix(in srgb,var(--deep) 45%,var(--fg) 55%)}
.story-thread .thread-blue stop:first-child{stop-color:var(--deep)}

/* Keep the workshop-to-founders transition on the same paper surface. */
.home-refined .founders{background:var(--paper);color:var(--ink)}

/* Halve the combined mobile gap between the two introduction sections. */
@media(max-width:700px){
.home-refined .question{padding-bottom:28px}
.home-refined .craft{padding-top:28px}
}