.story-main{overflow:hidden}
.story-intro{max-width:78rem;margin:0 auto;padding:clamp(6rem,11vw,11rem) var(--pad) clamp(4rem,8vw,7rem);text-align:center}
.story-intro .eyebrow{color:var(--gold);margin-bottom:2rem}
.story-intro h1{max-width:11ch;margin:0 auto;font:400 clamp(4.2rem,8.5vw,9.5rem)/.82 var(--serif);letter-spacing:-.045em}
.story-standfirst{max-width:33rem;margin:2.5rem auto 0;font:italic 400 clamp(1.4rem,2.3vw,2rem)/1.35 var(--serif);color:var(--dusk)}
.story-byline{margin:2rem auto 0;color:var(--gold);font:500 .72rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.story-byline a{text-underline-offset:.35em;text-decoration-thickness:1px}
.story-hero{width:calc(100% - 2 * var(--pad));max-width:96rem;height:clamp(30rem,58vw,53rem);margin:0 auto;background:var(--sand);overflow:hidden}
.story-hero img{object-position:center}
.story-hero img.nippet-hero{object-position:center top}
.story-hero img.morocco-hero{object-position:center 68%}
.story-body{max-width:46rem;margin:0 auto;padding:clamp(5rem,8vw,7rem) var(--pad) 1rem;font:400 clamp(1.25rem,1.7vw,1.5rem)/1.7 var(--serif)}
.story-body p{margin:0 0 1.25em}
.story-body.story-opening p:first-child:first-letter{float:left;margin:.04em .12em 0 0;font-size:5.25em;line-height:.7;color:var(--gold)}
.story-body .short{margin-bottom:.65em;font-size:1.08em;line-height:1.45}
.story-body .short + p:not(.short){margin-top:1.5em}
.essay-image{margin:clamp(2.5rem,5vw,4rem) auto 0;background:var(--sand);overflow:hidden}
.essay-image + .story-body{padding-top:clamp(3.5rem,6vw,5rem)}
.essay-image.portrait{width:min(100%,36rem);aspect-ratio:3/4}
.essay-image.landscape{width:min(100%,62rem);aspect-ratio:4/3}
.essay-image img{object-position:center}
.story-closing{max-width:46rem;margin:0 auto;padding:2rem var(--pad) clamp(7rem,12vw,12rem);text-align:center}
.story-closing:before{content:"";display:block;width:1px;height:5rem;margin:0 auto 3rem;background:var(--gold)}
.story-closing p{margin:0 0 2.5rem;font:italic 400 clamp(2rem,4vw,3.75rem)/1 var(--serif)}
.story-closing .text-link{justify-content:center}
.story-guide{width:calc(100% - 2 * var(--pad));max-width:54rem;margin:clamp(4rem,7vw,7rem) auto 0;padding:clamp(2rem,5vw,4rem);background:#e8dfd0;border-top:1px solid var(--gold)}
.story-guide .eyebrow{color:var(--gold);margin:0 0 1.25rem}
.story-guide h2{max-width:14ch;margin:0 0 1.5rem;font:400 clamp(2.4rem,5vw,4.2rem)/1 var(--serif);letter-spacing:-.03em}
.story-guide p:not(.eyebrow){max-width:35rem;margin:0 0 2rem;font:400 clamp(1.2rem,1.7vw,1.45rem)/1.55 var(--serif)}
.story-related{width:calc(100% - 2 * var(--pad));max-width:70rem;margin:clamp(5rem,9vw,9rem) auto 0;padding:clamp(2.5rem,5vw,4.5rem) 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--sand)}
.story-related .eyebrow{color:var(--gold);margin:0 0 1rem}
.story-related h2{max-width:16ch;margin:0 0 3rem;font:400 clamp(2.6rem,5vw,4.8rem)/.98 var(--serif);letter-spacing:-.035em}
.story-related>div{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(1.5rem,4vw,4rem);margin-bottom:3rem}
.story-related>div>a{display:block;padding-top:1.5rem;border-top:1px solid var(--sand);text-decoration:none}
.story-related strong{display:block;margin-bottom:.75rem;font:400 clamp(1.5rem,2.3vw,2.15rem)/1.1 var(--serif)}
.story-related span{display:block;max-width:29rem;color:var(--dusk);font:400 1rem/1.6 var(--serif)}
@media(max-width:800px){.story-related{width:calc(100% - 2.5rem)}.story-related>div{grid-template-columns:1fr}.story-related h2{font-size:clamp(2.7rem,12vw,4rem)}}
@media(min-width:1000px){.story-intro{max-width:100rem;padding-top:9rem}.story-intro h1{max-width:15ch;font-size:clamp(5.5rem,7.5vw,8.8rem);line-height:.88}.story-standfirst{max-width:48rem}.story-body{max-width:54rem;padding:6rem 3.5rem 1rem;font-size:1.38rem;line-height:1.78}.essay-image + .story-body{padding-top:4.5rem}.essay-image.portrait{width:min(calc(100% - 2 * var(--pad)),46rem)}.story-closing{max-width:54rem}}
@media(max-width:800px){.story-intro{padding-top:5.5rem}.story-intro h1{font-size:clamp(3.7rem,17vw,5.3rem);line-height:.87}.story-standfirst{font-size:1.35rem}.story-hero{width:calc(100% - 2.5rem);height:48vh;min-height:22rem}.story-body{padding:4.25rem 1.25rem .75rem;font-size:1.28rem;line-height:1.68}.story-body .short{margin-bottom:.6em}.essay-image{margin:2.75rem auto 0}.essay-image + .story-body{padding-top:3.5rem}.essay-image.landscape{width:100%;aspect-ratio:3/4}.story-closing{padding-right:1.25rem;padding-left:1.25rem}}

/* Section hubs give related stories a clear, indexable home. */
.hub-main{padding:clamp(5rem,9vw,9rem) var(--pad) clamp(7rem,11vw,11rem)}
.hub-intro{max-width:70rem;margin:0 auto clamp(5rem,9vw,8rem);text-align:center}
.hub-intro h1{margin:.2rem 0;font:400 clamp(7rem,18vw,16rem)/.75 var(--serif);letter-spacing:-.055em}
.hub-intro>p:not(.eyebrow){margin:2rem auto .75rem;font:italic 400 clamp(2rem,4vw,4rem)/1.05 var(--serif)}
.hub-intro>span{font:400 1rem/1.65 var(--sans);color:var(--dusk)}
.hub-grid{max-width:86rem;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(4rem,8vw,8rem) clamp(2rem,5vw,5rem)}
.hub-card-featured{grid-column:1/3;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2.5rem,6vw,6rem);align-items:center}
.hub-image{display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.hub-card:not(.hub-card-featured) .hub-image{aspect-ratio:3/4}
.hub-image img{transition:transform 1s ease}.hub-image:hover img{transform:scale(1.02)}
.hub-card>div{padding-top:2rem}.hub-card h2{margin:.7rem 0 1.1rem;font:400 clamp(2.5rem,4.5vw,4.7rem)/.95 var(--serif);letter-spacing:-.035em}
.hub-card h2 a{text-decoration:none}.hub-card>div>p:not(.eyebrow){max-width:34rem;margin:0 0 2rem;font:400 1.15rem/1.65 var(--serif);color:var(--dusk)}
.hub-reset{max-width:70rem;margin:clamp(7rem,12vw,12rem) auto 0;padding:clamp(3rem,7vw,6rem);background:#e8dfd0;text-align:center}
.hub-reset h2{margin:1rem auto 1.5rem;font:400 clamp(3rem,7vw,6.5rem)/.9 var(--serif);letter-spacing:-.04em}
.hub-reset>p:not(.eyebrow){max-width:39rem;margin:0 auto 2rem;font:400 1.2rem/1.65 var(--serif)}
.hub-reset .text-link{justify-content:center}
@media(max-width:800px){.hub-main{padding:5rem 1.25rem 7rem}.hub-intro h1{font-size:clamp(7rem,42vw,10rem)}.hub-grid{grid-template-columns:1fr}.hub-card-featured{grid-column:1;display:block}.hub-card h2{font-size:clamp(2.8rem,12vw,4rem)}.hub-card:not(.hub-card-featured) .hub-image{aspect-ratio:4/5}.hub-reset{padding:3.5rem 1.5rem}}

/* The Evolution is intentionally brief, with the turn given room to breathe. */
.evolution-story .story-hero img{object-position:center 52%}
.evolution-story .evolution-list{font-size:1.08em;line-height:1.55;margin:2.25em 0}
.evolution-quote{max-width:59rem;margin:clamp(3rem,6vw,6rem) auto 0;padding:clamp(3rem,6vw,5.5rem) var(--pad);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center}
.evolution-quote p{font:400 clamp(2.5rem,5vw,5.4rem)/1.02 var(--serif);letter-spacing:-.03em;margin:0}
.evolution-quote em{font-weight:400;color:#9a7853}
.evolution-story .evolution-ending{padding-top:clamp(3.5rem,6vw,5.5rem)}
@media(max-width:800px){.evolution-quote{margin:2.5rem 1.25rem 0;padding:3rem .25rem}.evolution-quote p{font-size:clamp(2.7rem,10vw,4.2rem)}}

/* The date essay centers a practical ritual without breaking the editorial rhythm. */
.date-story .story-hero img{object-position:center 54%}
.date-quote{max-width:62rem;margin:clamp(3rem,6vw,6rem) auto 0;padding:clamp(3rem,6vw,5.5rem) var(--pad);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center}
.date-quote p{font:400 clamp(2.3rem,4.8vw,5rem)/1.08 var(--serif);letter-spacing:-.03em;margin:0}
.date-quote em{font-weight:400;color:#9a7853}
.date-practice{width:calc(100% - 2 * var(--pad));max-width:70rem;margin:clamp(4rem,7vw,7rem) auto 0;padding:clamp(3rem,6vw,5.5rem);background:#e8dfd0}
.date-practice .eyebrow{color:var(--gold);text-align:center}
.date-practice h2{max-width:12ch;margin:1.25rem auto 3.5rem;text-align:center;font:400 clamp(2.7rem,5vw,5rem)/.95 var(--serif);letter-spacing:-.035em}
.date-practice ol{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,3vw,3rem);padding:0;margin:0;list-style:none;counter-reset:date-step}
.date-practice li{counter-increment:date-step;border-top:1px solid rgba(33,30,25,.35);padding-top:1.5rem}
.date-practice li:before{content:"0" counter(date-step);display:block;margin-bottom:2rem;color:var(--gold);font:500 .78rem/1 var(--sans);letter-spacing:.14em}
.date-practice strong{display:block;margin-bottom:1rem;font:400 1.8rem/1.08 var(--serif)}
.date-practice span{font:400 1.05rem/1.65 var(--serif);color:var(--dusk)}
.body-link{color:inherit;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:.18em}
.date-ending{padding-top:clamp(3rem,5vw,4.5rem);text-align:center}
@media(max-width:800px){.date-quote{margin:2.5rem 1.25rem 0;padding:3rem .25rem}.date-quote p{font-size:clamp(2.5rem,9.5vw,4rem)}.date-practice{width:calc(100% - 2.5rem);padding:3rem 1.5rem}.date-practice ol{grid-template-columns:1fr;gap:2.5rem}.date-practice h2{margin-bottom:2.75rem}.date-practice strong{font-size:1.65rem}}

/* The Art of Saying Yes follows a quiet path from discernment into aliveness. */
.yes-story .story-intro h1{max-width:13ch}
.yes-story .story-hero img{object-position:center 58%}
.yes-section{padding-top:clamp(3.5rem,6vw,5.5rem)}
.yes-section h2{max-width:13ch;margin:0 0 clamp(2.25rem,4vw,3.5rem);font:400 clamp(2.65rem,5vw,4.7rem)/.98 var(--serif);letter-spacing:-.035em}
.yes-question{margin:2em 0!important;padding:1.75em 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center;font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.25}
.yes-quote{max-width:62rem;margin:clamp(2.5rem,5vw,5rem) auto 0;padding:clamp(3rem,6vw,5.5rem) var(--pad);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center}
.yes-quote p{margin:0;font:400 clamp(2.4rem,5vw,5.2rem)/1.03 var(--serif);letter-spacing:-.03em}
.yes-quote em{font-weight:400;color:#9a7853}
.yes-continuation{padding-top:clamp(3.5rem,6vw,5rem)}
.yes-ending{padding-bottom:clamp(2rem,4vw,3.5rem)}
.yes-final{margin-top:2.5em!important;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.28!important;color:#9a7853}
.yes-closing strong{display:block;margin:-1.2rem 0 2.5rem;font:500 .72rem/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase}
@media(max-width:800px){.yes-story .story-intro h1{font-size:clamp(3.5rem,15vw,5rem)}.yes-section h2{font-size:clamp(2.65rem,12vw,3.8rem)}.yes-quote{margin:2.5rem 1.25rem 0;padding:3rem .25rem}.yes-quote p{font-size:clamp(2.45rem,10vw,4rem)}}

/* The building essay turns the season's reflection into a tangible next practice. */
.build-story .story-intro h1{max-width:16ch;font-size:clamp(3.8rem,7.4vw,8.4rem);line-height:.88}
.build-story .story-hero img{object-position:center 48%}
.build-section{padding-top:clamp(3.5rem,6vw,5.5rem)}
.build-section h2{max-width:13ch;margin:0 0 clamp(2.25rem,4vw,3.5rem);font:400 clamp(2.65rem,5vw,4.7rem)/.98 var(--serif);letter-spacing:-.035em}
.build-quote{max-width:62rem;margin:clamp(2.5rem,5vw,5rem) auto 0;padding:clamp(3rem,6vw,5.5rem) var(--pad);border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center}
.build-quote p{margin:0;font:400 clamp(2.4rem,5vw,5.2rem)/1.03 var(--serif);letter-spacing:-.03em}
.build-quote em{font-weight:400;color:#9a7853}
.build-sequence{width:calc(100% - 2 * var(--pad));max-width:76rem;margin:clamp(4rem,7vw,7rem) auto 0;padding:clamp(3rem,6vw,5.5rem);background:#e8dfd0}
.build-sequence .eyebrow{color:var(--gold);text-align:center}
.build-sequence h2{max-width:15ch;margin:1.25rem auto 3.5rem;text-align:center;font:400 clamp(2.7rem,5vw,5rem)/.95 var(--serif);letter-spacing:-.035em}
.build-sequence ol{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.25rem,2.5vw,2.5rem);padding:0;margin:0;list-style:none;counter-reset:build-step}
.build-sequence li{counter-increment:build-step;border-top:1px solid rgba(33,30,25,.35);padding-top:1.5rem}
.build-sequence li:before{content:"0" counter(build-step);display:block;margin-bottom:2rem;color:var(--gold);font:500 .78rem/1 var(--sans);letter-spacing:.14em}
.build-sequence strong{display:block;margin-bottom:1rem;font:400 1.8rem/1.08 var(--serif)}
.build-sequence span{font:400 1.05rem/1.65 var(--serif);color:var(--dusk)}
.build-ending{padding-bottom:clamp(2rem,4vw,3.5rem)}
@media(max-width:800px){.build-story .story-intro h1{font-size:clamp(3.15rem,13vw,4.6rem);line-height:.9}.build-section h2{font-size:clamp(2.65rem,12vw,3.8rem)}.build-quote{margin:2.5rem 1.25rem 0;padding:3rem .25rem}.build-quote p{font-size:clamp(2.45rem,10vw,4rem)}.build-sequence{width:calc(100% - 2.5rem);padding:3rem 1.5rem}.build-sequence ol{grid-template-columns:1fr;gap:2.5rem}.build-sequence h2{margin-bottom:2.75rem}.build-sequence strong{font-size:1.65rem}}