@layer weave-layout {
/* Thread, Weave's shared professional publication. Brandcraft paper outside,
   quiet straight reading surfaces inside. Every colour follows shared tokens. */
.thread{overflow-x:clip}.thread h2,.thread h3{font-family:var(--font-serif);font-weight:500;letter-spacing:-.035em}.thread a{ text-underline-offset:.2em}.thread-label{font-size:1rem;font-weight:600;letter-spacing:.075em;text-transform:uppercase;line-height:1.6}.thread-hero{padding-top:clamp(8rem,12vw,11rem)}.thread-hero__grid{display:grid;grid-template-columns:1.03fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}.thread-masthead{font-family:var(--font-hand);font-size:clamp(6rem,12vw,11rem);font-weight:700;letter-spacing:-.07em;line-height:.98;margin:.6rem 0 2rem}.thread-masthead span{display:block;font-family:var(--font-ui);font-size:1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;margin:1rem 0 0 .5rem}.thread-tagline{font-family:var(--font-serif);font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15;letter-spacing:-.025em;max-width:24ch;margin-bottom:1.4rem}.thread-intro{max-width:42ch}.thread-textlink{display:inline-flex;gap:1.2rem;align-items:center;font-weight:600;color:var(--ink);padding:.7rem 0}.thread-hero__art{position:relative;margin:0;padding:1rem 1rem 0;background:var(--cloth-card);border:1px solid var(--hairline-firm);box-shadow:var(--shadow-soft);border-radius:var(--wonky-1)}.thread-hero__art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#fff}.thread-hero__art figcaption{font-family:var(--font-hand);font-size:1.5rem;line-height:1.55;color:var(--ink);text-align:center;padding:.9rem .4rem}.thread-hero__foot{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--ink);margin-top:3.5rem;padding-block:1.1rem;font-size:1rem}.thread-statement{display:grid;grid-template-columns:.7fr 1.2fr 1.3fr;gap:2rem;padding-block:5rem;border-bottom:1px solid var(--hairline-firm);align-items:start}.thread-statement h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.08;margin:0}.thread-statement p:first-child{margin-top:0}.thread-essays{padding-block:5rem 6rem}.thread-sectionhead{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.5rem}.thread-sectionhead h2{margin:0;font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1}.thread-sectionhead>p{color:var(--ink-2);margin:0}.thread-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2.5rem}.thread-card{border-bottom:1px solid var(--hairline-firm);padding-bottom:1.7rem;min-width:0}.thread-card__art{display:block;background:#fff;border:1px solid var(--hairline);border-radius:.4rem;overflow:hidden}.thread-card__art img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;display:block;transition:transform .25s ease}.thread-card:hover .thread-card__art img{transform:scale(1.025)}.thread-card__copy{padding-top:1.2rem}.thread-card__copy .thread-label{color:var(--ink-2);margin:0 0 .7rem}.thread-card h3{font-size:clamp(1.9rem,2.5vw,2.5rem);line-height:1.18;margin:0 0 1rem;max-width:25ch}.thread-card h3 a{color:var(--ink);text-decoration:none}.thread-card h3 a:hover{text-decoration:underline}.thread-card__copy>p:not(.thread-label){max-width:48ch;color:var(--ink-2)}.thread-time{display:flex;justify-content:space-between;font-size:1rem;font-weight:500}.thread-invite{padding-block:4.5rem}.thread-invite__grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.thread-invite h2{font-family:var(--font-hand);font-size:clamp(3rem,5vw,4.8rem);line-height:1.1;letter-spacing:-.04em;margin:1rem 0}.thread-invite p{max-width:45ch}.thread-principles{border-block:1px solid var(--ink);padding-block:1rem}.thread-principles li{margin-bottom:1rem}.thread-hand{font-family:var(--font-hand);font-size:1.5rem;line-height:1.55}.thread-articlehead{padding-top:8rem;padding-bottom:2.5rem;max-width:1000px}.thread-breadcrumb{display:flex;gap:.7rem;flex-wrap:wrap;color:var(--ink-2);font-size:1rem;margin-bottom:2.5rem}.thread-breadcrumb a{color:inherit}.thread-articlehead h1{font-family:var(--font-serif);font-size:clamp(2.8rem,6vw,5rem);font-weight:500;letter-spacing:-.04em;line-height:1.06;max-width:20ch;margin:1rem 0 1.4rem}.thread-standfirst{font-size:clamp(1.2rem,2vw,1.5rem);max-width:53ch;line-height:1.55;color:var(--ink-2)}.thread-byline{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;font-size:1rem;color:var(--ink-2);margin-top:1.8rem}.thread-articleart{max-width:1000px;margin-block:0 3rem}.thread-articleart img{display:block;width:100%;height:auto;max-height:540px;aspect-ratio:3/2;object-fit:contain;background:#fff;border:1px solid var(--hairline);border-radius:.35rem}.thread-reading-layout{display:grid;grid-template-columns:230px minmax(0,700px);gap:clamp(2rem,5vw,5rem);align-items:start;justify-content:center;padding-bottom:4rem}.thread-contents{font-size:1rem;border-top:1px solid var(--hairline-firm);padding-top:1rem}.thread-contents ol{padding-left:1.3rem}.thread-contents li{padding:0 0 .75rem .25rem}.thread-contents a{color:var(--ink-2)}.thread-prose{min-width:0;font-size:1.125rem;line-height:1.75}.thread-prose section{scroll-margin-top:7rem}.thread-prose section h2{font-size:clamp(1.9rem,3vw,2.5rem);line-height:1.18;margin:2.7rem 0 1rem}.thread-prose section:first-of-type h2{margin-top:0}.thread-prose p{margin:0 0 1.25rem}.thread-prose a{color:var(--ink)}.thread-reflection{margin-block:2.5rem;padding:1.5rem;background:var(--paper-quiet);border-block:1px solid var(--hairline-firm)}.thread-reflection p:last-child{font-family:var(--font-serif);font-size:1.6rem;line-height:1.5;margin:0}.thread-disclosure,.thread-fiction{font-size:1rem;color:var(--ink-2);padding-block:1.4rem;border-block:1px solid var(--hairline-firm);margin-block:2rem}.thread-disclosure p:last-child{margin:0}.thread-sources{font-size:1rem;overflow-wrap:anywhere}.thread-sources li{margin-bottom:.7rem}.thread-submission{padding-block:1.5rem}.thread-submission .button{margin-bottom:1.4rem}.thread-related{padding-block:3rem 5rem;border-top:1px solid var(--hairline-firm)}.thread-related h2{font-size:clamp(2rem,4vw,3rem);margin:0 0 2rem}.thread-preview{position:relative;margin:0;background:var(--paper-butter);color:var(--ink);padding:7rem 1rem 1rem;text-align:center}.thread-preview+.thread-hero{padding-top:3rem}.thread-preview+.thread-articlehead{padding-top:2rem}.thread a:focus-visible{outline:3px solid var(--thread-teal);outline-offset:5px}.thread [id]{scroll-margin-top:7rem}@media(max-width:900px){.thread-statement{grid-template-columns:1fr 1fr}.thread-statement>.thread-label{grid-column:1/-1;margin:0}.thread-reading-layout{grid-template-columns:minmax(0,700px)}.thread-contents{border-bottom:1px solid var(--hairline-firm);padding-bottom:1rem}.thread-contents ol{columns:2;column-gap:2rem}.thread-contents li{break-inside:avoid}.thread-contents>.thread-textlink{display:none}.thread-invite__grid{gap:2.5rem}}@media(max-width:650px){.thread-hero__grid,.thread-statement,.thread-grid,.thread-invite__grid{grid-template-columns:1fr}.thread-masthead{font-size:7rem}.thread-hero__art{margin-top:1rem}.thread-hero__foot{flex-direction:column;gap:.4rem;margin-top:2rem}.thread-statement{padding-block:3rem;gap:1.2rem}.thread-statement>.thread-label{grid-column:auto}.thread-sectionhead{align-items:start;flex-direction:column;gap:1rem}.thread-essays{padding-block:3rem}.thread-grid{gap:2.3rem}.thread-invite{padding-block:3rem}.thread-articlehead{padding-top:7rem}.thread-articlehead h1{font-size:2.8rem}.thread-contents ol{columns:1}.thread-reading-layout{gap:2rem}.thread-articleart{margin-bottom:2rem}.thread-prose{font-size:1.0625rem}.thread-hero__art figcaption{font-size:1.5rem}.thread-byline{gap:.5rem}}@media(prefers-reduced-motion:reduce){.thread-card__art img{transition:none}.thread-card:hover .thread-card__art img{transform:none}}

}

/* Related article text sits inside the card; artwork keeps its flush edge. */
body.refresh .thread .thread-card { padding-bottom:0; }
body.refresh .thread .thread-card__copy {
  min-width:0;
  padding:24px clamp(20px,2.2vw,32px) 28px;
}
body.refresh .thread .thread-card__copy > :first-child { margin-top:0; }
body.refresh .thread .thread-card__copy > :last-child { margin-bottom:0; }
@media(max-width:760px) {
  body.refresh .thread .thread-card__copy { padding:20px; }
}

/* A common art window keeps related titles aligned across the row. The white
   field also keeps existing embedded image credits readable in either theme. */
body.refresh .thread .thread-card__art {
  aspect-ratio:3/2;
  background:#fff;
  border:0;
  border-radius:0;
}
body.refresh .thread .thread-card__art img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
}
