/* Connected editorial language for Work, Insights, About, and Contact. */
.editorial-page .reveal { opacity:1; transform:none; }
.editorial-page main { overflow:clip; }
.editorial-page [data-scroll-section] { --section:0; }
.editorial-page .page-hero,.editorial-page .contact-stage { min-height:calc(100svh - 6rem); padding:clamp(3rem,5vw,5rem) var(--pad); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:2.5rem; isolation:isolate; }
.editorial-page .page-hero h1,.editorial-page .contact-heading h1 { font-size:clamp(4rem,7.7vw,8.5rem); line-height:.96; max-width:80%; }
.editorial-page .page-hero>div:first-child { position:relative; z-index:2; width:100%; }
.editorial-page .page-lede,.editorial-page .about-lede,.editorial-page .contact-note { width:100%; max-width:36rem; margin:0; font-size:clamp(1.05rem,1.4vw,1.25rem); }
.editorial-glyph { position:absolute; z-index:0; right:7%; top:13%; font-size:clamp(15rem,32vw,34rem); font-weight:300; line-height:1; letter-spacing:-.1em; color:transparent; -webkit-text-stroke:1px currentColor; transform:translateY(calc(var(--section) * -4rem)) rotate(calc(-8deg + var(--section) * 14deg)); pointer-events:none; }
.editorial-glyph>span { display:block; position:absolute; right:0; bottom:-2rem; white-space:nowrap; font-size:.65rem; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; -webkit-text-stroke:0; }
.chapter-links { display:flex; flex-wrap:wrap; gap:2rem; width:100%; position:relative; z-index:2; font-size:.65rem; padding-top:1.5rem; border-top:1px solid #0b0c0f30; }
.chapter-links a { text-decoration:none; padding:.5rem 0; }
.chapter-links a:hover { color:#625cf6; }
.editorial-page a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
/* Work: each chapter is an exhibit; the original film collection stays stable. */
.editorial-page.work-page .work-hero { background:var(--acid); background-image:none; }
.editorial-page.work-page .work-hero:before,.editorial-page.work-page .work-hero:after { display:none; }
.work-page .editorial-glyph { -webkit-text-stroke-color:#0b0c0f30; }
.work-page .editorial-glyph>span { color:var(--ink); }
.editorial-page.work-page .work-thread { grid-template-columns:.18fr 1.25fr .65fr; gap:4vw; align-items:start; min-height:110svh; padding-top:8rem; padding-bottom:8rem; }
.editorial-page.work-page .thread-index { position:sticky; top:8rem; font-size:.65rem; line-height:1.7; }
.editorial-page.work-page .thread-copy h2 { font-size:clamp(3.5rem,5.7vw,6rem); line-height:.97; margin-bottom:2.5rem; }
.editorial-page.work-page .thread-lede { font-size:clamp(1.35rem,2.1vw,2.1rem); line-height:1.3; }
.editorial-page.work-page .thread-details { margin:3rem 0 0; max-width:32rem; }
.editorial-page.work-page .system-map { position:sticky; top:20vh; align-self:start; width:100%; transform:rotate(calc(-6deg + var(--section) * 12deg)); }
.editorial-page.work-page .system-map svg,.editorial-page.work-page .map-node { transform:none; }
.editorial-page.work-page .frame-object { position:sticky; top:22vh; width:100%; align-self:start; transform:translateY(calc(var(--section) * -2rem)); }
.editorial-page.work-page .frame-object:before { font-size:clamp(6rem,15vw,15rem); }
.editorial-page.work-page .type-object { position:sticky; top:24vh; align-self:start; font-size:clamp(2rem,3.4vw,4rem); transform:rotate(calc(-8deg + var(--section) * 12deg)); }
.editorial-page.work-page .type-object span { transform:none; }
.editorial-page.work-page .video-archive { background:var(--ink); }
.editorial-page.work-page .video-archive h2 { line-height:1; font-size:clamp(3rem,5.5vw,6rem); }
.editorial-page.work-page .video-archive-intro>div>p:last-child { max-width:34rem; }
.editorial-page.work-page .video-reel:after { display:none; }
.editorial-page.work-page .video-piece img { filter:none; }
.editorial-page.work-page .video-piece.featured-video img { filter:none; }
/* Insights: a reading margin and full-width essay rows. Published titles stay intact. */
.insights-page .editorial-glyph { -webkit-text-stroke-color:#625cf62b; }
.insights-page .editorial-glyph>span { color:#625cf6; }
.editorial-page .insights-hero:before,.editorial-page .insights-hero:after { display:none; }
.editorial-page .essay-index { position:relative; display:grid; grid-template-columns:.7fr 1.8fr; column-gap:6vw; padding:6rem var(--pad); background:var(--paper); }
.reading-intro { grid-row:1 / 3; position:sticky; top:9rem; align-self:start; }
.reading-intro>.mono { color:#625cf6; font-size:.6rem; }
.reading-intro>p:not(.mono) { font-size:clamp(1.8rem,2.7vw,3rem); line-height:1.1; letter-spacing:-.05em; }
.reading-count { display:block; font-size:clamp(6rem,12vw,12rem); line-height:1; letter-spacing:-.08em; color:#625cf630; }
.editorial-page .essay-lead { display:block; min-height:0; padding:2rem 0 3rem; border-top:1px solid var(--ink); position:relative; }
.editorial-page .essay-no { margin-bottom:2rem; }
.editorial-page .essay-lead h2 { font-size:clamp(2.5rem,4.3vw,4.8rem); line-height:1; max-width:90%; margin-bottom:1.5rem; }
.editorial-page .essay-lead>div>p:last-child { max-width:34rem; }
.editorial-page .essay-arrow { position:absolute; right:0; top:2rem; font-size:2rem; }
.editorial-page .essay-list { margin-left:0; padding:0; }
.editorial-page .essay-row { padding:2rem 0; grid-template-columns:2rem 1fr 2rem; gap:1.5rem; position:relative; }
.editorial-page .essay-row h3 { font-size:clamp(1.6rem,2.3vw,2.5rem); line-height:1.2; }
.editorial-page .essay-row:before { content:""; position:absolute; height:2px; left:0; right:0; bottom:0; background:#625cf6; transform:scaleX(0); transform-origin:left; transition:transform .4s; }
.editorial-page .essay-row.reading-active:before,.editorial-page .essay-row:hover:before { transform:scaleX(1); }
.editorial-page .essay-row>span:last-child { transition:transform .3s; }
.editorial-page .essay-row:hover>span:last-child,.editorial-page .essay-row:focus-visible>span:last-child { transform:translate(4px,-4px); }
.editorial-page .writing-arc { background:var(--violet); padding-top:7rem; padding-bottom:7rem; }
/* About: a moving date in the margin accompanies the real chronology. */
.about-page .editorial-glyph { -webkit-text-stroke-color:#eee9df38; }
.about-page .editorial-glyph>span { color:var(--acid); }
.editorial-page .about-lede>p:last-child { margin-bottom:0; }
.editorial-page .timeline { grid-template-columns:1fr 1.5fr; gap:8vw; padding-top:8rem; padding-bottom:8rem; }
.editorial-page .timeline header { top:9rem; }
.editorial-page .timeline h2 { font-size:clamp(2.8rem,4.2vw,4.8rem); line-height:1; }
.timeline-echo { margin-top:3rem; }
.timeline-echo>span { display:block; font-size:clamp(5rem,10vw,10rem); line-height:1; font-weight:300; letter-spacing:-.08em; color:#625cf640; }
.timeline-echo small { color:#625cf6; font-size:.55rem; }
.editorial-page .timeline ol:before { display:none; }
.editorial-page .timeline li { display:block; border-top:1px solid #0b0c0f30; padding:2rem 0 4rem; margin-bottom:3rem; }
.editorial-page .timeline li:before { display:none; }
.editorial-page .timeline-year { display:block; color:#625cf6; margin-bottom:1.4rem; font-size:.65rem; }
.editorial-page .timeline h3 { font-size:clamp(2rem,3.4vw,3.6rem); line-height:1.05; }
.editorial-page .timeline li.timeline-active { border-top-color:#625cf6; }
.editorial-page .principle-field { grid-template-columns:1fr 1.5fr; gap:8vw; }
.editorial-page .principle-intro { position:sticky; top:9rem; align-self:start; }
.editorial-page .principle-field h2 { font-size:clamp(2.8rem,4.2vw,4.8rem); line-height:1; }
.editorial-page .principles article { grid-template-columns:2rem 1fr; }
.editorial-page .principles article p { grid-column:2; }
.editorial-page .about-close h2 { line-height:1; }
/* Contact: a clear invitation, a real email address, and optional onward paths. */
.editorial-page .contact-stage { min-height:85svh; }
.contact-page .editorial-glyph { -webkit-text-stroke-color:#0b0c0f38; font-size:clamp(15rem,37vw,38rem); }
.contact-page .editorial-glyph>span { color:var(--ink); }
.editorial-page .contact-heading { width:100%; }
.email-invitation { background:var(--paper); padding:5rem var(--pad); }
.email-invitation>.mono { font-size:.65rem; color:#625cf6; }
.email-link { display:flex; align-items:center; justify-content:space-between; gap:1rem; font-size:clamp(2rem,5.8vw,6rem); line-height:1.2; letter-spacing:-.055em; text-decoration:none; padding:1rem 0 2rem; border-bottom:1px solid #0b0c0f30; }
.email-link span { transition:transform .3s; flex:none; color:#625cf6; }
.email-link:hover span,.email-link:focus-visible span { transform:translate(6px,-6px); }
.email-invitation>p:last-child { margin:1.5rem 0 0; color:#0b0c0fa6; }
.editorial-page .contact-paths { padding-top:5rem; }
.editorial-page .contact-paths strong { font-weight:500; }
@media(max-width:900px) {
 .editorial-page .page-hero,.editorial-page .contact-stage { min-height:80svh; padding-top:4rem; padding-bottom:4rem; gap:2rem; }
 .editorial-page .page-hero h1,.editorial-page .contact-heading h1 { font-size:clamp(3rem,11.5vw,6rem); max-width:100%; line-height:1; }
 .editorial-page .page-lede,.editorial-page .about-lede,.editorial-page .contact-note { max-width:100%; font-size:1.05rem; }
 .editorial-glyph { font-size:12rem; right:4%; top:2%; opacity:.55; transform:none; }
 .editorial-glyph>span { display:none; }
 .chapter-links { gap:1.5rem; margin-top:1rem; }
 .editorial-page.work-page .work-thread { grid-template-columns:1fr; min-height:0; gap:2rem; padding-top:5rem; padding-bottom:5rem; }
 .editorial-page.work-page .thread-index { position:relative; top:auto; }
 .editorial-page.work-page .thread-copy h2 { font-size:clamp(3rem,11vw,5rem); }
 .editorial-page.work-page .thread-lede { font-size:1.35rem; }
 .editorial-page.work-page .system-map,.editorial-page.work-page .frame-object,.editorial-page.work-page .type-object { position:relative; top:auto; order:0; justify-self:start; max-width:22rem; transform:none; }
 .editorial-page.work-page .frame-object { aspect-ratio:1.5; }.editorial-page.work-page .frame-object:before { font-size:7rem; }
 .editorial-page.work-page .type-object { font-size:2.5rem; padding-top:2rem; }
 .editorial-page .essay-index { grid-template-columns:1fr; padding:4rem var(--pad); gap:2rem; }
 .reading-intro { position:relative; top:auto; grid-row:auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
 .reading-intro>.mono { width:100%; margin:0; }.reading-intro>p:not(.mono) { font-size:2rem; margin:0; }.reading-count { font-size:4rem; }
 .editorial-page .essay-lead h2 { max-width:100%; padding-right:1rem; font-size:clamp(2.2rem,9vw,3.5rem); }.editorial-page .essay-arrow { font-size:1.4rem; }
 .editorial-page .essay-row { gap:.8rem; grid-template-columns:1.4rem 1fr 1rem; }.editorial-page .essay-row h3 { font-size:1.6rem; }
 .editorial-page .timeline,.editorial-page .principle-field { grid-template-columns:1fr; gap:3rem; padding-top:5rem; padding-bottom:5rem; }
 .editorial-page .timeline header,.editorial-page .principle-intro { position:relative; top:auto; }
 .editorial-page .timeline h2,.editorial-page .principle-field h2 { font-size:clamp(2.6rem,9vw,4rem); }
 .timeline-echo { display:none; }
 .editorial-page .timeline li { margin-bottom:1rem; padding-bottom:2rem; }
 .editorial-page .timeline h3 { font-size:2.2rem; }
 .editorial-page .principles article { gap:1rem; }.editorial-page .principles h3 { font-size:1.8rem; }
 .contact-page .editorial-glyph { font-size:16rem; }
 .email-invitation { padding-top:3rem; padding-bottom:3rem; }.email-link { font-size:clamp(1.6rem,7.3vw,3.5rem); gap:.5rem; }.email-link span { font-size:1.5rem; }
 .editorial-page .contact-paths strong { font-size:1.9rem; }
}
@media(prefers-reduced-motion:reduce) {
 .editorial-glyph,.editorial-page.work-page .system-map,.editorial-page.work-page .frame-object,.editorial-page.work-page .type-object { transform:none; }
 .editorial-page .essay-row:before,.editorial-page .essay-row>span:last-child,.email-link span { transition:none; }
}
.editorial-page .page-hero>.editorial-glyph,.editorial-page .contact-stage>.editorial-glyph { position:absolute; z-index:0; }
.insights-page .eyebrow { color:#4b43c8; }
.editorial-page .contact-heading h1 em { color:var(--ink); }
.contact-email-cue { position:relative; z-index:2; display:inline-flex; gap:2rem; text-decoration:none; border-bottom:1px solid currentColor; padding:.5rem 0; font-size:.7rem; }
[data-scroll-section],#email-title,#path,#essays { scroll-margin-top:7rem; }
.editorial-page .essay-lead { background:transparent; color:var(--ink); }