/* A related family of editorial treatments, not one repeated page template. */
[data-editorial] .page-intro{position:relative;min-width:0;gap:6%;padding:48px 0 42px}
[data-editorial] .page-intro h1{line-height:1.02;letter-spacing:-.035em;font-size:clamp(48px,6.4vw,88px);max-width:100%;overflow-wrap:normal}
[data-editorial] .page-intro h1 em{font-weight:400;letter-spacing:-.025em}
[data-editorial] .page-intro .eyebrow{font-size:10px;letter-spacing:.15em}
[data-editorial] .page-intro>p{font-size:14px;line-height:1.85}
/* Gallery index: a generous serif title and a quiet, offset reading column. */
[data-editorial=folio] .page-intro{grid-template-columns:1.7fr 1fr;border-bottom:1px solid var(--rule);margin-bottom:22px}
[data-editorial=folio] .page-intro h1{font-size:clamp(55px,8.5vw,120px)}
[data-editorial=folio] .page-intro h1 em{display:block;margin-left:12%}
[data-editorial=folio] .stories-section{padding:35px 0 60px}
[data-editorial=folio] .story-grid{counter-reset:stories}
[data-editorial=folio] .story-card{border-top:1px solid var(--ink)}
/* Blue Hour: cool paper, personal essay type and restrained asymmetric image pairs. */
[data-editorial=blue-hour] main{background:#edf2f4;color:#283c43}
[data-editorial=blue-hour] .page-intro{grid-template-columns:1.3fr 1fr;padding-top:52px}
[data-editorial=blue-hour] .page-intro h1{letter-spacing:.015em}
[data-editorial=blue-hour] .page-intro h1 em{font-size:.88em}
[data-editorial=blue-hour] .editorial-spread{grid-template-columns:1.35fr .85fr}
[data-editorial=blue-hour] .gallery-toolbar{border-color:#becbd0}
/* The Graphic: bold sans in conversation with delicate, oversized italics. */
[data-editorial=graphic] .page-intro{grid-template-columns:1.4fr 1fr;align-items:center}
[data-editorial=graphic] .page-intro h1{font-family:var(--sans);font-weight:700;text-transform:uppercase;font-size:clamp(44px,6vw,80px);letter-spacing:-.055em}
[data-editorial=graphic] .page-intro h1 em{display:block;font-family:var(--serif);text-transform:none;font-size:1.04em;line-height:1.15;font-weight:400;letter-spacing:-.025em;margin-top:8px}
[data-editorial=graphic] .page-intro>.page-intro-copy{max-width:420px}
[data-editorial=graphic] .offering-quick-links a:first-child{background:#edf0a3;border:1px solid #4d5138;border-radius:40px;padding:12px 20px;color:#24261f}
[data-editorial=graphic] .gallery-toolbar .eyebrow{font-weight:700;color:#272921}
[data-editorial=graphic] .editorial-spread{grid-template-columns:1fr 1fr}
/* Seasonal index: stacked headline, offset italic and ruled directory rhythm. */
[data-editorial=index] .page-intro{display:grid;grid-template-columns:1.35fr 1fr;border-bottom:1px solid var(--rule);margin-bottom:24px}
[data-editorial=index] .page-intro h1{font-size:clamp(48px,6.8vw,94px)}
[data-editorial=index] .page-intro h1 em{display:block;padding-left:9%;font-size:.79em;margin-top:10px}
[data-editorial=index] .session-card-copy h3,[data-editorial=index] .session-card-copy h2{font-size:clamp(30px,3vw,42px)}
/* Holiday: an intimate forest-green opening, neutral photographs and quiet controls. */
[data-editorial=forest] .page-intro{background:#283c2d;color:#fbf8ef;padding:38px 36px;margin:28px 0 26px;grid-template-columns:1.3fr 1fr}
[data-editorial=forest] .page-intro .eyebrow{color:#e0dbc7}
[data-editorial=forest] .page-intro h1{font-size:clamp(44px,5.5vw,76px)}
[data-editorial=forest] .page-intro h1 em{display:block;font-size:.9em}
[data-editorial=forest] .page-intro>p{color:#f0eee6}
[data-editorial=forest] .editorial-spread{grid-template-columns:1fr 1fr}
/* Autumn and Halloween: a warm accent, strong serif headline, no full-page color block. */
[data-editorial=autumn] .page-intro{border-top:5px solid #955236;margin-top:25px;grid-template-columns:1.45fr 1fr}
[data-editorial=autumn] .page-intro .eyebrow{color:#88462d}
[data-editorial=autumn] .page-intro h1 em{display:block;margin-left:8%;font-size:.87em}
/* Summer at Home: a story opening, airy but compact, with a blue-green rule. */
[data-editorial=essay] .page-intro{display:block;max-width:920px;border-left:3px solid #60746c;padding:24px 0 25px 32px;margin:40px 0 35px}
[data-editorial=essay] .page-intro h1{font-size:clamp(48px,7vw,96px)}
[data-editorial=essay] .page-intro h1 br{display:none}
[data-editorial=essay] .page-intro h1 em{display:block;margin-left:10%;font-size:.85em}
[data-editorial=essay] .page-intro>p{margin:25px 0 0 auto;max-width:490px}
[data-editorial] .page-intro a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:700px){
 [data-editorial] .page-intro,[data-editorial=folio] .page-intro,[data-editorial=blue-hour] .page-intro,[data-editorial=graphic] .page-intro,[data-editorial=index] .page-intro,[data-editorial=autumn] .page-intro{display:block;padding:30px 0 28px;gap:0}
 [data-editorial] .page-intro h1{font-size:clamp(44px,11.5vw,72px)}
 [data-editorial] .page-intro>p{margin-top:22px;font-size:13px;max-width:100%}
 [data-editorial=folio] .page-intro h1{font-size:clamp(53px,14vw,84px)}
 [data-editorial=graphic] .page-intro h1{font-size:clamp(40px,10.8vw,66px)}
 [data-editorial=forest] .page-intro{display:block;padding:28px 22px;margin-top:20px}
 [data-editorial=forest] .page-intro h1{font-size:clamp(39px,10.5vw,62px)}
 [data-editorial=essay] .page-intro{padding:18px 0 22px 20px;margin:28px 0}
 [data-editorial=essay] .page-intro h1 em{margin-left:0}
 [data-editorial] .offering-quick-links{gap:15px;align-items:center}
 [data-editorial=graphic] .offering-quick-links a:first-child{padding:10px 14px}
}