/* Shared Taidream palette; four intentionally different content layout foundations. */
.hero-story{display:block;background:none;margin-top:24px}.hero-story-copy{padding:0}.hero-story .library-lead{color:inherit;max-width:65ch}.hero-story .service-actions{margin-top:24px}
.hero-illustration{margin:0;min-width:0;background:#f6f5f0 url('/projects/illustrations/studio-workflow.webp') center/contain no-repeat}
.hero-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;opacity:0;pointer-events:none}.hero-illustration figcaption{display:none}
.hero-illustration[data-art=support],.hero-illustration[data-art=knowledge],.hero-illustration[data-art=learning],.hero-illustration[data-art=research],.hero-illustration[data-art=control]{background-image:url('/projects/illustrations/studio-support.webp');background-color:#101112}
.hero-illustration[data-art=time],.hero-illustration[data-art=booking]{background-image:url('/projects/illustrations/studio-time.webp')}
[data-reading-layout] .library-hero{padding-bottom:32px!important}
[data-reading-layout] .library-hero>.library-lead{max-width:64ch;font-size:clamp(18px,1.5vw,21px);line-height:1.65;margin:26px 0 0}
[data-reading-layout] .library-hero>.service-actions{margin-top:24px}
[data-reading-layout] .decision-layout{grid-template-columns:minmax(0,1fr) 270px;gap:clamp(28px,4vw,70px)}
[data-reading-layout] .decision-copy{min-width:0;max-width:none}
[data-reading-layout] .reading-section{padding:30px 0;margin:0!important;min-width:0;border-bottom:0!important}
[data-reading-layout] .reading-section h2{max-width:28ch;line-height:1.15;text-wrap:balance}
[data-reading-layout] .reading-section p{max-width:65ch;text-wrap:pretty;line-height:1.8}
[data-reading-layout] .reading-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:30px;align-items:center;margin:24px 0!important}
[data-reading-layout] .reading-section-copy{min-width:0}
[data-reading-layout] .reading-pause{background:#0040f7;color:#fff;padding:34px!important;margin:24px 0!important}
[data-reading-layout] .reading-pause h2,[data-reading-layout] .reading-pause p{color:inherit}
[data-reading-layout] .reading-pause a{color:#fff}
/* A / editorial rows: art at reading height; subsequent text shifts to paired columns. */
[data-reading-layout=editorial] .decision-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:32px}
[data-reading-layout=editorial] .decision-copy>.reading-section:first-child,[data-reading-layout=editorial] .reading-feature,[data-reading-layout=editorial] .reading-pause,[data-reading-layout=editorial] .decision-copy>.text-link{grid-column:1/-1}
[data-reading-layout=editorial] .reading-feature{background:#eeeee7;padding:26px!important}
[data-reading-layout=editorial] .reading-feature .hero-illustration{align-self:center}
[data-reading-layout=editorial] .decision-copy>.reading-section:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:start}
[data-reading-layout=editorial] .decision-copy>.reading-section:nth-child(3) h2{margin-top:0}
/* B / chapter spread: generous horizontal art, followed by a dark editorial chapter. */
[data-reading-layout=chapter] .reading-feature{grid-template-columns:1fr;gap:24px}
[data-reading-layout=chapter] .reading-feature .hero-illustration{width:100%;max-width:560px;margin:auto}
[data-reading-layout=chapter] .reading-pause{background:#111411}
[data-reading-layout=chapter] .reading-section:not(.reading-feature)::before{content:attr(data-chapter);display:block;color:#0040f7;font-size:13px;letter-spacing:.12em;margin-bottom:14px}
[data-reading-layout=chapter] .reading-pause::before{color:#fff!important;opacity:.55}
/* C / journey: distinct connected stops instead of an unbroken essay. */
[data-reading-layout=journey] .decision-copy{border-left:2px solid #0040f7;padding-left:30px}
[data-reading-layout=journey] .reading-section{position:relative}
[data-reading-layout=journey] .reading-section::before{content:'';position:absolute;left:-38px;top:38px;width:14px;height:14px;background:#0040f7;border:4px solid #f7f6f1;border-radius:50%;box-sizing:content-box}
[data-reading-layout=journey] .reading-feature{grid-template-columns:1fr;background:#eeeee7;padding:26px!important}
[data-reading-layout=journey] .reading-feature .hero-illustration{max-width:420px;width:100%;margin:auto}
/* D / magazine margin: numbered text columns with an offset picture and ink callout. */
[data-reading-layout=margin] .reading-section{padding-left:48px;position:relative}
[data-reading-layout=margin] .reading-section::before{content:attr(data-chapter);position:absolute;left:0;top:32px;color:#0040f7;font-size:16px}
[data-reading-layout=margin] .reading-feature{grid-template-columns:.8fr 1fr;align-items:start}
[data-reading-layout=margin] .reading-feature .hero-illustration{grid-column:1;grid-row:1;margin-top:8px}
[data-reading-layout=margin] .reading-section-copy{grid-column:2}
[data-reading-layout=margin] .reading-pause{background:#111411;padding-left:48px!important}
[data-reading-layout=margin] .reading-pause::before{display:none}
.content-art-compact{max-width:360px;margin:36px auto}
@media(max-width:600px){[data-reading-layout=editorial] .decision-copy>.reading-section:nth-child(3){display:block}}
@media(max-width:1000px){[data-reading-layout] .decision-layout{grid-template-columns:minmax(0,1fr)}[data-reading-layout] .reading-feature{gap:24px}}
@media(max-width:600px){[data-reading-layout] .library-hero{padding-bottom:18px!important}[data-reading-layout] .reading-section{padding:24px 0}[data-reading-layout] .reading-feature,[data-reading-layout=margin] .reading-feature{grid-template-columns:1fr;padding:22px!important}[data-reading-layout=editorial] .decision-copy{display:block}[data-reading-layout] .reading-pause{padding:26px!important}[data-reading-layout=margin] .reading-section{padding-left:32px}[data-reading-layout=margin] .reading-feature .hero-illustration,[data-reading-layout=margin] .reading-section-copy{grid-column:auto;grid-row:auto}[data-reading-layout=margin] .reading-feature::before{display:none}[data-reading-layout=journey] .decision-copy{padding-left:22px}[data-reading-layout=journey] .reading-section::before{left:-30px}.hero-illustration{background-image:url('/projects/illustrations/studio-workflow-small.webp')}.hero-illustration[data-art=support],.hero-illustration[data-art=knowledge],.hero-illustration[data-art=learning],.hero-illustration[data-art=research],.hero-illustration[data-art=control]{background-image:url('/projects/illustrations/studio-support-small.webp')}.hero-illustration[data-art=time],.hero-illustration[data-art=booking]{background-image:url('/projects/illustrations/studio-time-small.webp')}}