/* Homepage composition. The common header, footer and tokens are in design-system.css. */
.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:clamp(2rem,7vw,6rem);align-items:center;padding-block:clamp(2.5rem,5vw,4.5rem)}.hero-copy{padding-block:.5rem}.hero .eyebrow{margin-bottom:1.7rem}.hero h1{margin-bottom:1.5rem}.hero-intro{font:1.5rem/1.4 var(--serif);color:var(--ink);margin-bottom:.6rem}.lead{font-size:1rem;color:var(--muted);max-width:58ch}.hero-invitation{font-size:1rem;max-width:45ch}.hero-portrait{max-width:365px;width:100%;justify-self:end}.portrait-topline{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:.7rem;margin-bottom:.7rem}.portrait-topline .eyebrow{margin:0;font-size:.62rem}.hero-portrait>img{width:100%;aspect-ratio:1;object-fit:cover;background:#ddd8c9}.hero-portrait figcaption{padding-top:.8rem;font-size:.8rem;line-height:1.5}.hero-portrait figcaption>span{display:block}.portrait-name{font:1.45rem/1.3 var(--serif);color:var(--ink);margin-bottom:.3rem}.hero-portrait .text-link{font-size:.75rem;line-height:1.4;min-height:40px}.reading-band{background:var(--ink);color:var(--paper);padding-block:2.5rem}.reading-layout{display:grid;grid-template-columns:1fr 2fr;gap:clamp(2rem,6vw,5rem)}.reading-band h2{color:var(--paper);font-size:1.8rem;letter-spacing:-.015em}.reading-band .eyebrow{color:#cbd8ac;margin-bottom:.65rem}.reading-intro p:not(.eyebrow){font-size:.85rem;color:#d7dfd0;max-width:33ch}.reading-band a{color:var(--paper);font-size:.8rem;display:inline-block;padding-block:.3rem}.reading-example{border-left:1px solid #627665;padding-left:clamp(1.5rem,4vw,3rem);min-width:0}.hymn-text{font-size:clamp(1.65rem,2.5vw,2.15rem);line-height:1.6;margin:0 0 .75rem;min-height:3.2em;white-space:pre-line}.reading-gloss summary{width:fit-content;min-height:44px;padding:.5rem 0;font-size:.85rem;cursor:pointer}.reading-gloss p{font:1.3rem/1.5 var(--serif);margin:.5rem 0 1rem}.reading-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:1.3rem;border-top:1px solid #627665;padding-top:.7rem;margin-top:.3rem}.reading-bottom p{margin:0;line-height:1.4}.reading-bottom small{display:block;font-size:.67rem;color:#d7dfd0;margin-top:.2rem}.reading-bottom button{flex-shrink:0;color:var(--paper);border-color:#839580}.collection-controls{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin:2rem 0 1.5rem}.collection-controls label{font-size:.75rem;font-weight:700;flex:1;max-width:430px}.collection-controls input{display:block;width:100%;background:var(--surface);border:1px solid #9fa99a;border-radius:2px;padding:.7rem .9rem;min-height:48px;font-size:1rem;margin-top:.4rem;color:var(--ink)}.collection-controls fieldset{border:0;padding:0;margin:0}.collection-controls legend{font-size:.75rem;font-weight:700;margin-bottom:.4rem}.filters{display:flex;gap:.35rem}.filters button{min-height:48px;padding:.5rem 1rem;background:transparent;border:1px solid var(--line);border-radius:2px;font-size:.85rem}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:2.2rem}.source-card{display:flex;flex-direction:column;border-top:1px solid var(--ink);padding:1.4rem 0 1.2rem;margin-top:1rem}.source-meta{display:flex;justify-content:space-between;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.source-card h3{font-size:1.8rem;min-height:2.3em;margin-bottom:.8rem}.source-card h3 a{text-decoration:none}.source-card h3 a:hover{text-decoration:underline}.source-card p{font-size:.9rem;color:var(--muted);margin-bottom:.7rem}.source-card>.text-link{margin-top:auto;justify-content:space-between}.learning-section{background:var(--soft);padding-block:clamp(3rem,6vw,5rem);border-block:1px solid var(--line)}.learning-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(2rem,7vw,6rem)}.learning-copy>p:not(.eyebrow){max-width:40ch;color:var(--muted);font-size:.95rem}.font-specimen{margin-top:2rem;display:flex;align-items:center;gap:1rem}.font-specimen img{width:150px;height:150px;mix-blend-mode:multiply}.font-specimen figcaption{font-size:.7rem;max-width:23ch;color:var(--muted)}.learning-steps article{display:flex;gap:1.5rem;padding:1.6rem 0;border-top:1px solid #aebba4}.learning-steps article:first-child{padding-top:.8rem}.step-number{font:1.25rem var(--serif);color:var(--accent);padding-top:.2rem}.learning-steps h3{font-size:1.8rem;margin-bottom:.5rem}.learning-steps p{font-size:.9rem;color:var(--muted);margin-bottom:.5rem}.link-row{display:flex;gap:0 1.4rem;flex-wrap:wrap}.link-row a{font-size:.8rem;min-height:44px;display:inline-flex;align-items:center}.learning-steps .play-note{font-size:.8rem;border-top:1px solid #aebba4;padding-top:1rem}.play-note a{display:inline-block;padding-block:.35rem}.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);margin-top:2rem}.tools-grid>article+article{border-left:1px solid var(--line);padding-left:clamp(2rem,4vw,3rem)}.tools-grid p{color:var(--muted);font-size:.95rem;max-width:49ch}.scholarship-section{border-block:1px solid var(--line);padding-block:3.5rem;background:#efede5}.scholarship-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,7vw,6rem)}.scholarship-layout p:not(.eyebrow){color:var(--muted);font-size:.95rem;max-width:47ch}.publication{border-left:3px solid var(--accent);padding-left:2rem;align-self:center}.publication h3{font-size:1.9rem}.publication .text-link{margin-right:1rem}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2rem}.news-grid article{border-top:1px solid var(--line);padding-top:1.2rem}.news-grid .eyebrow{font-size:.65rem;margin-bottom:.6rem}.news-grid h3{font-size:1.5rem;max-width:28ch}.news-grid h3 a{text-decoration:none}.news-grid h3 a:hover{text-decoration:underline}
@media(min-width:1500px){.hero h1{font-size:5.2rem}}
@media(max-width:950px){.hero{gap:2rem;grid-template-columns:1.4fr 1fr}.hero h1{font-size:clamp(2.9rem,6vw,4rem)}.reading-layout{grid-template-columns:1fr 1.8fr;gap:2rem}.reading-bottom{display:block}.reading-bottom button{margin-top:.8rem}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-layout{gap:2rem;grid-template-columns:1fr 1.2fr}.collection-controls{gap:1rem}.filters button{padding-inline:.75rem}}
@media(max-width:650px){.hero{grid-template-columns:1fr;gap:2rem;padding-block:2.3rem}.hero h1{font-size:clamp(2.65rem,8.8vw,3.7rem)}.hero .eyebrow{font-size:.65rem;margin-bottom:1.2rem}.hero-intro{font-size:1.3rem}.hero .actions{margin-top:1.2rem}.hero-portrait{max-width:none;display:grid;grid-template-columns:115px 1fr;gap:0 1rem;align-items:start}.portrait-topline{grid-column:1/-1;margin-bottom:.8rem}.portrait-topline .eyebrow{margin:0}.hero-portrait>img{grid-column:1;aspect-ratio:1;align-self:start}.hero-portrait figcaption{padding:0;font-size:.75rem}.portrait-name{font-size:1.2rem}.hero-portrait .text-link{font-size:.72rem}.reading-layout{grid-template-columns:1fr;gap:1.3rem}.reading-intro p:not(.eyebrow){max-width:45ch;margin-bottom:.3rem}.reading-band h2{font-size:1.6rem}.reading-example{border-left:0;border-top:1px solid #627665;padding:1.2rem 0 0}.reading-band{padding-block:2rem}.hymn-text{font-size:1.8rem;min-height:0}.reading-bottom{display:flex;align-items:center;gap:.7rem}.reading-bottom button{margin:0;max-width:125px;flex-shrink:1}.collection-controls{display:block;margin-top:1.5rem}.collection-controls label{display:block;max-width:none}.collection-controls fieldset{margin-top:1rem}.filters button{flex:1}.source-grid{column-gap:1.4rem}.source-card h3{font-size:1.5rem;min-height:0}.source-card p{font-size:.85rem}.source-meta{font-size:.6rem;gap:.5rem}.source-card>.text-link{font-size:.8rem;gap:.4rem}.learning-layout,.tools-grid,.scholarship-layout,.news-grid{grid-template-columns:1fr}.learning-copy>p:not(.eyebrow){max-width:none}.font-specimen{margin-top:1.2rem}.font-specimen img{width:115px;height:115px}.learning-steps article{gap:1rem}.learning-steps h3{font-size:1.6rem}.tools-grid{gap:2rem}.tools-grid>article+article{border-left:0;padding:1.8rem 0 0;border-top:1px solid var(--line)}.scholarship-layout{gap:2rem}.publication{padding-left:1.2rem}.publication h3{font-size:1.7rem}.news-grid{gap:1.3rem}.news-grid h3{max-width:none}.news-section{padding-block:2.5rem}}
@media(max-width:390px){.source-grid{grid-template-columns:1fr}.hero-portrait{grid-template-columns:95px 1fr}.hero h1{font-size:2.6rem}.reading-bottom{display:block}.reading-bottom button{margin-top:.8rem;max-width:none}.filters button{font-size:.78rem;padding-inline:.55rem}}
@media print{.hero,.reading-layout,.learning-layout,.tools-grid,.scholarship-layout{display:block}.hero-portrait{max-width:220px}.reading-band{background:white;color:black}.reading-band h2,.reading-band a,.reading-band .eyebrow{color:black}.source-grid{display:grid;grid-template-columns:1fr 1fr}.source-card[hidden]{display:block!important}.reading-example,.publication{border:0;padding:0}.learning-section,.scholarship-section{background:white}.font-specimen{display:none}}
@media(max-width:520px){.source-grid{grid-template-columns:1fr}.source-card h3{font-size:1.75rem}.source-card p{max-width:48ch}.source-card{margin-top:.8rem;padding-bottom:.8rem}}

/* October 2026: stable portrait geometry and five-section navigation. */
.hero{align-items:start}
.title-period{color:var(--accent)}
.hero-quotation{margin:1.5rem 0 0;padding-left:1rem;border-left:2px solid var(--line)}
.hero-quotation blockquote{margin:0;font:1.15rem/1.5 var(--serif);color:var(--ink);max-width:35ch}
.hero-quotation figcaption{margin-top:.35rem;font-size:.72rem}
.hero-quotation a{color:var(--accent);text-decoration:none;display:inline-block;padding-block:.25rem}
.hero-quotation a:hover{text-decoration:underline}
.portrait-frame{width:100%;aspect-ratio:1;background:var(--soft);overflow:hidden}
.portrait-frame img{width:100%;height:100%;object-fit:cover}
.hero-portrait #portrait-details{display:grid;min-width:0;min-height:15rem}
.portrait-copy{grid-area:1/1;min-width:0;overflow-wrap:anywhere}
.portrait-copy>span{display:block}
.portrait-measure{visibility:hidden;pointer-events:none;user-select:none}
.portrait-courtesy{margin-top:.5rem;color:var(--muted);font-size:.72rem}
.portrait-courtesy a{color:var(--accent)}
.portrait-courtesy a[aria-disabled=true]{text-decoration:none}
.portrait-pending .portrait-frame img,.portrait-pending #portrait-live{visibility:hidden}
.about-section .news-section{border-top:1px solid var(--line);margin-top:2rem;padding-top:2rem}
@media(max-width:650px){
  .hero-portrait{grid-template-columns:1fr;max-width:365px;justify-self:start}
  .portrait-frame{grid-column:1;width:min(100%,280px)}
  .hero-portrait #portrait-details{padding-top:.8rem;min-height:14rem}
  .hero-portrait .portrait-topline{width:100%}
}
@media print{.portrait-measure{display:none}.hero-portrait #portrait-details{min-height:0}.portrait-pending .portrait-frame img,.portrait-pending #portrait-live{visibility:visible}}
#learn .font-specimen img {
  mix-blend-mode: normal;
  background: transparent;
}