/* THE GRIOT — album jacket, chapter index; dedicated homepage treatment. */
.griot-home-hero{background:#ebcca1;color:#352f26;overflow:hidden}
.griot-home-hero__inner{min-height:min(77vh,730px);display:grid;grid-template-columns:minmax(0,47%) minmax(0,53%);max-width:1680px;margin:0 auto}
.griot-home-hero__copy{min-width:0;padding:clamp(1.5rem,3vw,3rem) clamp(1.45rem,4.7vw,5.5rem);display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate}
.griot-home-hero__copy::before{content:"";position:absolute;z-index:-1;inset:-25% auto auto -20%;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(248,210,132,.6),rgba(248,210,132,0) 70%);pointer-events:none}
.griot-home-hero__folio,.griot-home-hero__foot{display:flex;justify-content:space-between;align-items:center;gap:1.3rem;border-bottom:1px solid rgba(59,56,42,.23);padding-bottom:.85rem;font:700 .65rem/1.5 var(--sans);letter-spacing:.15em;color:#604332;text-transform:uppercase}
.griot-home-hero__folio span:last-child{text-align:right;font-size:.59rem}
.griot-home-hero__foot{border-top:1px solid rgba(59,56,42,.23);border-bottom:0;padding-top:.85rem;padding-bottom:0;font-size:.59rem;margin-top:1.4rem}
.griot-home-hero__foot a{color:#4e382b;text-decoration:none;white-space:nowrap}
.griot-home-hero__foot a:hover{text-decoration:underline;color:#263d34}
.griot-home-hero__body{padding:clamp(2rem,5vw,5.5rem) 0}
.griot-home-hero__eyebrow{font:700 .67rem/1.5 var(--sans);letter-spacing:.23em;text-transform:uppercase;color:#6e3726;margin:0 0 1.35rem}
.griot-home-hero__title{font:400 clamp(4.3rem,8.2vw,9rem)/.84 var(--serif);letter-spacing:-.073em;color:#312f2b;margin:0;text-wrap:balance}
.griot-home-hero__title>span{display:block}
.griot-home-hero__title>span:first-child{font-style:italic;font-size:.76em;color:#3d5044}
.griot-home-hero__title .griot-home-hero__period{color:#983d2a}
.griot-home-hero__description{font:italic clamp(1.14rem,2vw,1.7rem)/1.35 var(--serif);max-width:25ch;margin:clamp(1.2rem,3vw,2.5rem) 0 0;color:#4c4033}
.griot-home-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.95rem 1.25rem;margin-top:clamp(1.4rem,3vw,2.7rem)}
.griot-home-hero__primary{display:inline-flex;align-items:center;gap:1.5rem;padding:.9rem 1.05rem;background:#28483d;border:1px solid #28483d;color:#fff2d9!important;text-decoration:none;font:700 .62rem/1.4 var(--sans);letter-spacing:.13em;white-space:nowrap}
.griot-home-hero__primary:hover{background:#173329;border-color:#173329}
.griot-home-hero__listen{display:inline-flex;align-items:center;gap:.75rem;background:transparent;border:0;border-bottom:1px solid #845337;padding:.6rem .05rem;color:#43342a;font:700 .62rem/1.4 var(--sans);letter-spacing:.1em;text-align:left}
.griot-home-hero__listen:hover{color:#8a3723}
.griot-home-hero__visual{position:relative;min-height:430px;background:linear-gradient(150deg,#27483f 0%,#203e39 53%,#284d5c 100%);display:flex;align-items:center;justify-content:center;padding:clamp(2rem,4.3vw,5rem)}
.griot-home-hero__visual::before{content:"";position:absolute;pointer-events:none;inset:clamp(1.15rem,2vw,2.3rem);border:1px solid rgba(246,214,162,.32)}
.griot-home-hero__image-mount{position:relative;z-index:1;width:min(100%,540px);aspect-ratio:1;display:grid;place-items:center;padding:clamp(.4rem,1.15vw,.8rem);background:#e1c49e;box-shadow:0 15px 48px rgba(12,30,28,.35),0 0 0 1px rgba(255,231,190,.36)}
.griot-home-hero__cover{display:block;width:100%;height:100%;object-fit:contain}
.griot-home-hero__unillustrated{font:italic clamp(7rem,20vw,15rem)/1 var(--serif);color:#425b4b}
.griot-home-hero__plate{position:absolute;bottom:clamp(.6rem,2vw,1.8rem);right:clamp(1rem,3vw,3rem);font:700 .58rem var(--sans);letter-spacing:.18em;color:#f3d6a9}
.griot-home-index{background:#f2d8ad;padding:clamp(3rem,6vw,6.5rem) clamp(1rem,3.6vw,4.5rem) clamp(4rem,8vw,8rem);color:#352e27}
.griot-home-index__inner{max-width:1390px;margin:0 auto}
.griot-home-index__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:clamp(1.5rem,6vw,7rem);align-items:end;padding-bottom:clamp(1.5rem,3vw,2.5rem);border-bottom:1px solid rgba(66,47,34,.38)}
.griot-home-index__eyebrow{font:700 .67rem var(--sans);letter-spacing:.25em;text-transform:uppercase;color:#783a2a;margin:0 0 1rem}
.griot-home-index__header h2{font:400 clamp(2.9rem,5vw,5.6rem)/.98 var(--serif);letter-spacing:-.055em;margin:0;color:#2d3b33}
.griot-home-index__header h2 em{font-weight:400;color:#90462d}
.griot-home-index__intro p{font:clamp(1.08rem,1.5vw,1.35rem)/1.5 var(--serif);color:#4f453a;max-width:30ch;margin:0 0 .75rem}
.griot-home-index__editor-note{display:block;color:#723f2e;letter-spacing:.12em;font:700 .59rem/1.5 var(--sans);padding:.7rem .8rem;border:1px solid rgba(114,63,46,.4);background:rgba(255,249,228,.45)}
.griot-home-index__grid{margin:clamp(1.4rem,3.2vw,3rem) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.45rem)}
.griot-home-index__grid:has(> :only-child){grid-template-columns:minmax(0,540px)}
.griot-home-tile{position:relative;isolation:isolate;min-width:0;min-height:clamp(245px,21vw,320px);padding:clamp(1.15rem,1.8vw,1.8rem);background:#f9e6c7;border:1px solid rgba(76,56,39,.3);display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;overflow:hidden}
.griot-home-tile:nth-child(4n+2){background:#28483f;color:#ffe8c4}
.griot-home-tile:nth-child(4n+3){background:#a44a2b;color:#fff3de}
.griot-home-tile:nth-child(4n+4){background:#e1b881;color:#322e2b}
.griot-home-tile::before{content:"";position:absolute;z-index:-1;right:-22%;bottom:-45%;width:80%;aspect-ratio:1;border-radius:50%;background:rgba(194,132,72,.12);pointer-events:none}
.griot-home-tile:nth-child(even)::before{background:rgba(232,196,133,.13)}
.griot-home-tile__top,.griot-home-tile__foot{display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-width:0}
.griot-home-tile__number{font:400 clamp(1.8rem,2.6vw,2.65rem)/1 var(--serif)}
.griot-home-tile__status{font:700 .51rem/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-align:right;max-width:15ch}
.griot-home-tile__art{position:absolute;right:-14%;top:24%;width:58%;aspect-ratio:1;opacity:.14;pointer-events:none;z-index:-1;filter:grayscale(.65)}
.griot-home-tile__art img{width:100%;height:100%;object-fit:cover}
.griot-home-tile__title{font:400 clamp(1.5rem,2.05vw,2.55rem)/1.04 var(--serif);letter-spacing:-.04em;text-wrap:balance;margin:auto 0 0;max-width:16ch;overflow-wrap:anywhere}
.griot-home-tile__title a{text-decoration:none;color:inherit}
.griot-home-tile__title a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em;color:inherit}
.griot-home-tile__foot{border-top:1px solid currentColor;padding-top:.9rem}
.griot-home-tile__open{display:inline-flex;align-items:center;gap:.5rem;font:700 .56rem/1.35 var(--sans);letter-spacing:.1em;text-decoration:none;color:inherit}
.griot-home-tile__open:hover{text-decoration:underline;color:inherit}
.griot-home-tile__foot button{border:1px solid currentColor;background:transparent;color:inherit;padding:.35rem .5rem;font:700 .55rem/1.4 var(--sans);letter-spacing:.06em;white-space:nowrap}
.griot-home-tile__foot button:hover{background:#2b4238;color:#fff4df;border-color:#2b4238}
.griot-home-index__closing{font:italic 1.05rem/1.6 var(--serif);color:#5a493a;margin:2.1rem 0 0;max-width:43ch}
@media(max-width:1180px){.griot-home-index__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.griot-home-hero__title{font-size:clamp(4.5rem,8vw,7.8rem)}}
@media(max-width:860px){
.griot-home-hero__inner{min-height:0;grid-template-columns:1fr}
.griot-home-hero__copy{min-height:440px;padding:1.5rem clamp(1.3rem,4vw,3rem)}
.griot-home-hero__body{padding:3rem 0}
.griot-home-hero__title{font-size:clamp(4.8rem,12vw,8rem)}
.griot-home-hero__visual{min-height:0;padding:3.5rem clamp(1.5rem,8vw,5rem)}
.griot-home-hero__image-mount{width:min(100%,500px)}
.griot-home-index__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.griot-home-index__header{grid-template-columns:1fr;gap:1.5rem}
}
@media(max-width:560px){
.griot-home-hero__copy{padding:1rem 1.2rem;min-height:0}
.griot-home-hero__folio,.griot-home-hero__foot{font-size:.51rem}
.griot-home-hero__folio span:last-child{font-size:.48rem}
.griot-home-hero__title{font-size:clamp(4.3rem,15vw,6rem)}
.griot-home-hero__body{padding:2.75rem 0}
.griot-home-hero__eyebrow{font-size:.58rem}
.griot-home-hero__actions{align-items:flex-start;flex-direction:column}
.griot-home-hero__primary{font-size:.57rem}
.griot-home-hero__visual{padding:2.5rem 2rem 3.5rem}
.griot-home-index{padding:3rem 1rem 4rem}
.griot-home-index__header h2{font-size:clamp(2.9rem,11vw,4.1rem)}
.griot-home-index__grid{grid-template-columns:1fr}
.griot-home-tile{min-height:260px;padding:1.35rem}
.griot-home-tile__title{font-size:2.2rem}
}
@media(prefers-reduced-motion:reduce){.griot-home-hero *, .griot-home-index *{scroll-behavior:auto}}