/* Long-form publisher pages. The eight compositions follow each project's layout identity. */
.editorial-page,.contact-page{--page-edge:var(--edge,clamp(1.25rem,5vw,6rem));overflow:hidden}
.editorial-page-head,.contact-page-head{padding:clamp(3rem,6vw,6rem) var(--page-edge);border-bottom:1px solid currentColor}
.editorial-page-head h1,.contact-page-head h1{max-width:18ch;margin:0 0 1.5rem;font-size:clamp(3.2rem,6.5vw,6rem)}
.editorial-page-head p,.contact-page-head p{max-width:65ch;margin:0;font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.55}
.editorial-parts{padding:clamp(2.5rem,5vw,5rem) var(--page-edge);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.5rem)}
.editorial-part{min-width:0;padding-block:1.5rem;border-top:1px solid currentColor}
.editorial-part h2{font-size:clamp(1.55rem,2.7vw,2.8rem);line-height:1.14;margin:0 0 1.2rem;max-width:22ch}
.editorial-part p{max-width:70ch;font-size:1.1rem;line-height:1.72;margin:0}
.part-index{display:none;font-size:.85rem;font-weight:700;letter-spacing:.08em;margin-block-end:1.4rem}
.editorial-kind-process .part-index{display:block}
.editorial-close{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:clamp(2rem,4vw,4rem) var(--page-edge);background:var(--fg);color:var(--bg)}
.editorial-close p{max-width:65ch;font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.6;margin:0}
.editorial-close .button{flex:none;background:var(--bg);color:var(--fg)}
/* Print Pronto: broad editorial folio, first chapter has extra weight. */
.editorial-page-0 .editorial-page-head{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:3rem}
.editorial-page-0 .editorial-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-page-0 .editorial-part:first-child{grid-row:auto;background:color-mix(in srgb,var(--bg) 87%,var(--accent) 13%);padding:clamp(1.5rem,3vw,3rem);border-top:0}
.editorial-page-0 .editorial-part:first-child h2{font-size:clamp(2.2rem,4vw,4.4rem)}
/* Manfire Music: dark opening and score-like linear reading order. */
.editorial-page-1 .editorial-page-head{background:var(--fg);color:var(--bg);min-height:28rem;display:flex;flex-direction:column;justify-content:end}
.editorial-page-1 .editorial-parts{display:block;max-width:90rem;margin:auto}
.editorial-page-1 .editorial-part{display:grid;grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);gap:2rem 5rem;padding-block:2.5rem}
.editorial-page-1 .editorial-part h2{margin:0}
/* Key Life Lessons: compact decision papers, strong first column. */
.editorial-page-2 .editorial-page-head{max-width:96rem;margin:auto;padding-block:clamp(4rem,7vw,7rem)}
.editorial-page-2 .editorial-page-head h1{font-size:clamp(3.8rem,7vw,6rem)}
.editorial-page-2 .editorial-parts{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);max-width:96rem;margin:auto;gap:2rem 4rem}
.editorial-page-2 .editorial-part:first-child{grid-row:span 2}
.editorial-page-2 .editorial-part:first-child p{font-size:clamp(1.25rem,1.7vw,1.5rem)}
/* Hontaoo: alternating field notes, not a repeated card grid. */
.editorial-page-3 .editorial-page-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:4rem;background:color-mix(in srgb,var(--bg) 82%,var(--accent) 18%)}
.editorial-page-3 .editorial-parts{display:block;padding-block:0}
.editorial-page-3 .editorial-part{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:3rem;padding-block:3rem}
.editorial-page-3 .editorial-part:nth-child(even){grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.editorial-page-3 .editorial-part:nth-child(even) h2{grid-column:2;grid-row:1}
.editorial-page-3 .editorial-part:nth-child(even) p{grid-column:1;grid-row:1}
/* Fox Vinyl Designs: clear wide bands with one subject per band. */
.editorial-page-4 .editorial-page-head{background:var(--fg);color:var(--bg)}
.editorial-page-4 .editorial-parts{display:block;padding:0}
.editorial-page-4 .editorial-part{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:3rem;padding:clamp(2rem,4vw,4rem) var(--page-edge);border:0}
.editorial-page-4 .editorial-part:nth-child(even){background:color-mix(in srgb,var(--bg) 83%,var(--accent) 17%)}
.editorial-page-4 .editorial-part h2{font-size:clamp(2rem,3.6vw,3.6rem)}
/* Awung Designs: calm archive with nested wide and narrow measures. */
.editorial-page-5 .editorial-page-head{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:start;gap:3rem}
.editorial-page-5 .editorial-parts{display:block;max-width:95rem;margin:auto}
.editorial-page-5 .editorial-part{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:3rem;padding-block:2.4rem}
.editorial-page-5 .editorial-part:nth-child(2){margin-inline-start:clamp(0rem,10vw,10rem)}
/* Alpha Wolf Social: compact cover, two-up proof and a broad final claim. */
.editorial-page-6 .editorial-page-head{background:var(--fg);color:var(--bg);display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:end}
.editorial-page-6 .editorial-parts{grid-template-columns:repeat(2,minmax(0,1fr))}
.editorial-page-6 .editorial-part:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.4fr;gap:3rem;background:color-mix(in srgb,var(--bg) 88%,var(--accent) 12%);border:0;padding:clamp(1.5rem,3vw,3rem)}
/* Granates: long-reading editorial strip. */
.editorial-page-7 .editorial-page-head{padding-block:clamp(5rem,9vw,9rem);background:color-mix(in srgb,var(--bg) 88%,var(--accent) 12%)}
.editorial-page-7 .editorial-page-head h1{max-width:12ch}
.editorial-page-7 .editorial-parts{display:block;max-width:90rem;margin:auto}
.editorial-page-7 .editorial-part{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;padding-block:3rem}
.editorial-page-7 .editorial-part p{font-size:1.2rem}
/* Contact: functional email-draft workflow without site-side collection. */
.contact-page-head{background:var(--fg);color:var(--bg)}
.contact-columns{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,6vw,7rem);padding:clamp(3rem,6vw,6rem) var(--page-edge);max-width:100rem;margin:auto}
.contact-editorial{font-size:1.15rem;line-height:1.75}
.contact-editorial p{margin-block:0 1.4rem}
.contact-method{display:flex;flex-direction:column;align-items:start;gap:.4rem;padding-block:1.5rem;border-top:1px solid currentColor}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1.5rem;align-self:start;padding:clamp(1.5rem,3vw,3rem);background:color-mix(in srgb,var(--bg) 86%,var(--accent) 14%);color:var(--fg)}
.contact-form h2{grid-column:1/-1;font-size:clamp(1.8rem,3vw,3rem);margin:0 0 .5rem}
.contact-form label{display:flex;flex-direction:column;gap:.55rem;font-size:.95rem;font-weight:700}
.contact-form label:has(textarea),.contact-form .form-note{grid-column:1/-1}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:3.25rem;border:1px solid currentColor;border-radius:0;background:var(--bg);color:var(--fg);font:inherit;font-weight:400;padding:.75rem 1rem}
.contact-form textarea{resize:vertical;min-height:10rem}
.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible,.contact-form button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.contact-form button{align-self:start;justify-self:start;min-height:3.4rem;padding:.8rem 1.4rem;border:0;background:var(--fg);color:var(--bg);font:700 1rem/1.2 inherit;cursor:pointer}
.contact-form .form-note{font-size:.9rem;line-height:1.55;margin:0;max-width:65ch}
.contact-page-0 .contact-page-head,.contact-page-3 .contact-page-head,.contact-page-5 .contact-page-head{display:grid;grid-template-columns:.8fr 1.2fr;align-items:end;gap:3rem}
.contact-page-1 .contact-columns,.contact-page-4 .contact-columns{grid-template-columns:1.1fr .9fr}
.contact-page-2 .contact-page-head,.contact-page-6 .contact-page-head{background:color-mix(in srgb,var(--bg) 80%,var(--accent) 20%);color:var(--fg)}
.contact-page-3 .contact-form,.contact-page-7 .contact-form{background:var(--fg);color:var(--bg)}
.contact-page-3 .contact-form input,.contact-page-3 .contact-form select,.contact-page-3 .contact-form textarea,.contact-page-7 .contact-form input,.contact-page-7 .contact-form select,.contact-page-7 .contact-form textarea{background:var(--bg);color:var(--fg)}
.contact-page-3 .contact-form button,.contact-page-7 .contact-form button{background:var(--bg);color:var(--fg)}
.contact-page-5 .contact-columns{grid-template-columns:1fr 1fr}
.contact-page-6 .contact-form{background:var(--fg);color:var(--bg)}
.contact-page-6 .contact-form input,.contact-page-6 .contact-form select,.contact-page-6 .contact-form textarea{background:var(--bg);color:var(--fg)}
.contact-page-6 .contact-form button{background:var(--bg);color:var(--fg)}
@media(max-width:60rem){.editorial-parts,.editorial-page-0 .editorial-parts,.editorial-page-2 .editorial-parts,.editorial-page-6 .editorial-parts{grid-template-columns:1fr 1fr}.editorial-page-0 .editorial-part:first-child,.editorial-page-2 .editorial-part:first-child{grid-row:auto}.contact-columns,.contact-page-1 .contact-columns,.contact-page-4 .contact-columns,.contact-page-5 .contact-columns{grid-template-columns:1fr}}
@media(max-width:42rem){.editorial-page-head,.contact-page-head,.editorial-page-0 .editorial-page-head,.editorial-page-3 .editorial-page-head,.editorial-page-5 .editorial-page-head,.editorial-page-6 .editorial-page-head,.contact-page-0 .contact-page-head,.contact-page-3 .contact-page-head,.contact-page-5 .contact-page-head{display:block}.editorial-page-head h1,.contact-page-head h1{font-size:clamp(2.8rem,12vw,4.5rem)}.editorial-parts,.editorial-page-0 .editorial-parts,.editorial-page-2 .editorial-parts,.editorial-page-6 .editorial-parts{display:block}.editorial-part,.editorial-page-1 .editorial-part,.editorial-page-3 .editorial-part,.editorial-page-3 .editorial-part:nth-child(even),.editorial-page-4 .editorial-part,.editorial-page-5 .editorial-part,.editorial-page-6 .editorial-part:last-child,.editorial-page-7 .editorial-part{display:block;margin-inline:0}.editorial-page-3 .editorial-part:nth-child(even) h2,.editorial-page-3 .editorial-part:nth-child(even) p{grid-column:auto;grid-row:auto}.editorial-page-0 .editorial-part:first-child{margin-block-end:1rem}.editorial-close{display:block}.editorial-close p{margin-block-end:1.2rem}.contact-form{grid-template-columns:1fr}.contact-form h2,.contact-form label:has(textarea),.contact-form .form-note{grid-column:1}.contact-columns{padding-block:2.5rem}}

.editorial-page-0 .editorial-part:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:3rem}
@media(max-width:42rem){.editorial-page-0 .editorial-part:last-child{display:block}}
/* Policy and funding pages have an editorial reading structure, with direct cross-links. */
.support-page{--page-edge:var(--edge,clamp(1.25rem,5vw,6rem))}
.support-head{padding:clamp(3rem,6vw,6rem) var(--page-edge);background:color-mix(in srgb,var(--bg) 88%,var(--accent) 12%)}
.support-head h1{margin:0 0 1.5rem;max-width:18ch;font-size:clamp(3rem,6vw,5.8rem)}
.support-head p{max-width:70ch;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.65;margin:0}
.support-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(13rem,.55fr);gap:clamp(2rem,5vw,6rem);padding:clamp(3rem,6vw,6rem) var(--page-edge);max-width:100rem;margin:auto}
.support-copy p{font-size:1.14rem;line-height:1.8;max-width:75ch;padding-block:0 1.7rem;margin:0 0 1.7rem;border-bottom:1px solid currentColor}
.support-copy p:last-child{border-bottom:0}
.support-links{display:flex;flex-direction:column;gap:.75rem;align-self:start;padding:1.4rem;border-top:1px solid currentColor}
.support-links a{text-decoration:none;font-weight:700}
.support-links a:hover{text-decoration:underline}
.support-page-0 .support-head,.support-page-3 .support-head,.support-page-5 .support-head{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:3rem}
.support-page-1 .support-head,.support-page-4 .support-head,.support-page-6 .support-head{background:var(--fg);color:var(--bg)}
.support-page-2 .support-body,.support-page-7 .support-body{grid-template-columns:minmax(0,1fr) minmax(14rem,.4fr)}
.support-page-4 .support-links,.support-page-6 .support-links{background:color-mix(in srgb,var(--bg) 85%,var(--accent) 15%);padding:1.6rem;border-top:0}
@media(max-width:52rem){.support-head,.support-page-0 .support-head,.support-page-3 .support-head,.support-page-5 .support-head,.support-body,.support-page-2 .support-body,.support-page-7 .support-body{display:block}.support-links{margin-block-start:1rem}.support-head h1{font-size:clamp(2.8rem,11vw,4.5rem)}}
/* Article reading surfaces keep the same evidence and CTA order but use site-specific geometry. */
@media(min-width:60rem){
.layout-1.article-route .article-body,.layout-5.article-route .article-body{display:block;max-width:80rem}
.layout-1.article-route .toc,.layout-5.article-route .toc{position:static;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;border-block:1px solid currentColor;padding-block:1.3rem;margin-block-end:3rem}
.layout-1.article-route .article-prose,.layout-5.article-route .article-prose{margin-inline:auto}
.layout-2.article-route .article-body,.layout-7.article-route .article-body{grid-template-columns:minmax(0,1fr) minmax(11rem,15rem)}
.layout-2.article-route .toc,.layout-7.article-route .toc{grid-column:2;grid-row:1}
.layout-2.article-route .article-prose,.layout-7.article-route .article-prose{grid-column:1;grid-row:1}
.layout-3.article-route .article-head{display:grid!important;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:0 3rem}
.layout-3.article-route .article-head .back,.layout-3.article-route .article-head .eyebrow,.layout-3.article-route .article-head h1{grid-column:1/-1!important}
.layout-3.article-route .article-head .article-deck{grid-column:2!important}
.layout-3.article-route .article-head .byline{grid-column:1!important;grid-row:4}
.layout-4.article-route .article-figure{max-width:none;padding:0}
.layout-4.article-route .article-figure img{max-height:32rem}
.layout-6.article-route .article-head{max-width:none!important;padding-inline:var(--edge);background:var(--fg);color:var(--bg)}
.layout-6.article-route .article-head .byline,.layout-6.article-route .article-head .eyebrow{color:inherit}
}
@media(max-width:60rem){.layout-2.article-route .article-body,.layout-7.article-route .article-body{display:block}.layout-2.article-route .toc,.layout-7.article-route .toc{position:static;border-bottom:1px solid currentColor;padding-block-end:1.5rem;margin-block-end:2rem}}

.video-reference{max-width:85rem;margin:0 auto;padding:1.25rem var(--edge,clamp(1.2rem,5vw,5rem));border-bottom:1px solid currentColor;display:flex;gap:1.5rem;align-items:baseline;flex-wrap:wrap}.video-reference a{font-weight:700;overflow-wrap:anywhere}.video-reference a:hover{text-decoration-thickness:2px}

/* 2026-10-16: labelled company details and structured long-form policy pages. */
.publisher-details{margin:0;display:grid;gap:1rem;font-size:1rem;line-height:1.55;min-width:0}
.publisher-details>div{min-width:0}
.publisher-details dt{font-size:.8rem;font-weight:700;letter-spacing:.03em;margin:0 0 .25rem;opacity:.85}
.publisher-details dd{margin:0;overflow-wrap:anywhere}
.publisher-details a{color:inherit;text-underline-offset:.2em}
.footer .publisher-details{color:inherit}
.support-copy>.publisher-details{padding:1.5rem;background:color-mix(in srgb,var(--bg) 90%,var(--accent) 10%);margin-block-end:2.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 2rem}
.policy-section{margin-block-end:2.6rem;scroll-margin-top:2rem}
.policy-section h2{font-size:clamp(1.4rem,2.1vw,2rem);line-height:1.3;letter-spacing:-.02em;margin:0 0 1rem;max-width:38ch;text-wrap:balance}
.support-copy .policy-section p{border:0;padding:0;margin:0;line-height:1.7;max-width:75ch}
.support-sidebar{align-self:start;position:sticky;top:2rem;min-width:0}
.policy-contents{display:flex;flex-direction:column;gap:.8rem;padding-block-end:2rem;line-height:1.45}
.policy-contents strong{margin-block-end:.25rem}
.policy-contents a{font-size:.98rem;text-decoration:none;overflow-wrap:break-word}
.policy-contents a:hover{text-decoration:underline;text-underline-offset:.2em}
.support-sidebar .support-links{margin:0;padding-inline:0}
.support-page-1 .policy-section,.support-page-5 .policy-section{padding-block-start:1.5rem;border-top:1px solid color-mix(in srgb,var(--fg) 25%,transparent)}
.support-page-3 .policy-section,.support-page-7 .policy-section{padding-inline-start:1.4rem;border-inline-start:3px solid var(--accent)}
.footer-identity{min-width:0}
@media(max-width:52rem){.support-sidebar{position:static;margin-block-start:2rem}.policy-contents{display:none}.support-copy>.publisher-details{grid-template-columns:1fr}.policy-section{margin-block-end:2rem}}

.support-head h1{max-width:100%}
html[lang="de-DE"] .support-head h1{font-size:clamp(2rem,4.5vw,4.8rem)}

/* Keep transformed editorial photography inside its section. */
.home-hero{overflow:clip}
