/* Living Atlas content strands
   About = personal/editorial
   Research = analytical
   Echo Jar = reflective
   Shared grid and navigation keep them in the same portfolio organism. */

.strand-page{background:var(--paper);color:var(--ink)}
.strand-page .atlas-nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}

/* ---------- shared strand frame ---------- */
.strand-hero{min-height:88svh;padding-top:138px;padding-bottom:4rem;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:end;border-bottom:1px solid var(--ink)}
.strand-hero-copy{grid-column:1/8;align-self:center;padding-block:3rem}
.strand-hero-copy h1{max-width:1000px;margin:1rem 0 1.5rem;font:400 clamp(4.4rem,7.7vw,8.5rem)/.87 var(--serif);letter-spacing:-.06em}
.strand-hero-copy h1 em{font-style:italic;color:var(--rust)}
.strand-hero-copy .strand-lede{max-width:760px;margin:0;font:400 clamp(1.4rem,2.15vw,2rem)/1.42 var(--serif)}
.strand-hero-note{grid-column:9/13;align-self:end;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem;line-height:1.75}
.strand-hero-note p:first-child{margin-top:0}
.strand-hero-media{grid-column:9/13;margin:0;align-self:center}
.strand-hero-media img{width:100%;max-height:70vh;object-fit:cover}
.strand-hero-media figcaption{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--line);color:var(--muted);font-size:.7rem;line-height:1.55}

.strand-nav{position:sticky;z-index:28;top:76px;background:rgba(242,238,229,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft)}
.strand-nav-inner{display:flex;align-items:center;gap:1.3rem;overflow-x:auto;scrollbar-width:none;padding:.8rem 0}.strand-nav-inner::-webkit-scrollbar{display:none}
.strand-nav a{flex:0 0 auto;text-decoration:none;font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.strand-nav a:hover,.strand-nav a[aria-current="location"]{color:var(--rust)}

.editorial-section{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;padding-block:clamp(6rem,10vw,10rem);border-bottom:1px solid var(--line)}
.editorial-rail{grid-column:1/4;position:sticky;top:146px;align-self:start;padding-right:2rem}
.editorial-rail .section-code{margin-bottom:.9rem}.editorial-rail p:last-child{max-width:260px;margin:0;color:var(--muted);font-size:.78rem;line-height:1.65}
.editorial-body{grid-column:4/11}.editorial-body.wide{grid-column:4/13}
.editorial-body h2{max-width:900px;margin:0 0 2rem;font:400 clamp(3rem,5.3vw,5.8rem)/.96 var(--serif);letter-spacing:-.05em}
.editorial-body .lead{max-width:850px;margin-top:0;color:var(--ink);font:400 clamp(1.5rem,2.35vw,2.3rem)/1.38 var(--serif)}
.editorial-body p{max-width:760px;color:var(--muted);line-height:1.85}
.editorial-body a{font-weight:600;text-underline-offset:5px}

.strand-close{padding-block:clamp(7rem,11vw,11rem);background:var(--forest);color:#f5f0e8}
.strand-close-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
.strand-close .section-code{grid-column:1/3;color:#efb39f}.strand-close blockquote{grid-column:3/9;margin:0;font:400 clamp(3.2rem,5.8vw,6.3rem)/.95 var(--serif);letter-spacing:-.05em}.strand-close-copy{grid-column:10/13;padding-top:1rem;border-top:1px solid rgba(255,255,255,.32);color:#cbd2cc}.strand-close-copy p{margin-top:0;line-height:1.8}.strand-close-copy a{color:#fff;font-weight:600;text-underline-offset:5px}

/* ---------- About / personal editorial ---------- */
.about-strand{--strand-accent:#a95339}
.about-strand .section-code{color:var(--strand-accent)}
.about-strand .strand-hero-copy{grid-column:1/8}.about-strand .strand-hero-media{grid-column:9/13}
.about-route{display:grid;margin-top:3rem;border-top:1px solid var(--ink)}
.about-route>div{display:grid;grid-template-columns:140px 1fr 1.4fr;gap:2rem;padding:1rem 0;border-bottom:1px solid var(--line)}
.about-route time{font:500 .62rem var(--mono);color:var(--strand-accent)}.about-route strong{font:400 1.35rem var(--serif)}.about-route p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.7}
.about-field-note{padding-block:clamp(4rem,7vw,7rem)}
.about-field-note figure{margin:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:end}
.about-field-note img{grid-column:1/10;width:100%;max-height:78vh;object-fit:cover;filter:saturate(.88)}
.about-field-note figcaption{grid-column:10/13;padding:1rem 0 0 1rem;border-left:1px solid var(--line);color:var(--muted);font-size:.76rem;line-height:1.65}
.beliefs-band{padding-block:clamp(7rem,11vw,11rem);background:#ded4c5}
.beliefs-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px}
.beliefs-grid .section-code{grid-column:1/3}.beliefs-grid h2{grid-column:3/9;margin:0;font:400 clamp(3.3rem,5.8vw,6.3rem)/.94 var(--serif);letter-spacing:-.052em}.beliefs-list{grid-column:9/13;margin:0;padding:0;list-style:none;border-top:1px solid var(--ink)}
.beliefs-list li{padding:1.05rem 0;border-bottom:1px solid rgba(24,25,20,.28);font:400 1.12rem/1.45 var(--serif)}
.convocation-spread{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:center}
.convocation-spread figure{grid-column:1/7;margin:0}.convocation-spread img{width:100%;max-height:680px;object-fit:cover}.convocation-copy{grid-column:8/13}.convocation-copy h2{margin:.8rem 0 1rem;font:400 clamp(3.2rem,5vw,5.5rem)/.95 var(--serif);letter-spacing:-.045em}.convocation-copy blockquote{margin:2rem 0;padding-top:1.2rem;border-top:1px solid var(--ink);font:400 1.7rem/1.35 var(--serif)}

/* ---------- Research / analytical strand ---------- */
.research-strand{--analysis:#6a3134;--analysis-dark:#241b1c;--analysis-green:#3f5948}
.research-strand .section-code{color:var(--analysis)}
.research-strand .strand-hero-copy{grid-column:1/9}.research-strand .strand-hero-note{grid-column:9/13}
.analysis-thesis{padding-block:clamp(7rem,11vw,11rem);background:var(--analysis-dark);color:#f5f0e8}
.analysis-thesis-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px}.analysis-thesis .section-code{grid-column:1/3;color:#d99382}.analysis-thesis h2{grid-column:3/8;margin:0;font:400 clamp(3.3rem,5.7vw,6.2rem)/.95 var(--serif);letter-spacing:-.05em}.analysis-thesis-copy{grid-column:9/13}.analysis-thesis-copy p{margin-top:0;color:#d8d1ca;line-height:1.8}.analysis-thesis-copy blockquote{margin:2rem 0 0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.3);font:400 1.6rem/1.4 var(--serif);color:#fff}
.diagnostic-wrap{margin-top:3rem;overflow-x:auto;padding-bottom:.6rem}.diagnostic-path{min-width:900px;display:grid;grid-template-columns:repeat(7,1fr);margin:0;padding:0;list-style:none;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.diagnostic-path li{min-height:190px;padding:1rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}.diagnostic-path span{font:500 .61rem var(--mono);color:var(--analysis)}.diagnostic-path strong{margin:auto 0 .4rem;font:400 1.35rem var(--serif)}.diagnostic-path small{color:var(--muted);font-size:.72rem}
.analysis-rule{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:1.2rem;align-items:center;margin-top:2rem;padding:1.4rem 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.analysis-rule p{margin:0!important;color:var(--ink)!important;font:400 1.2rem var(--serif)!important;text-align:center}.analysis-rule b{font-weight:400;color:var(--analysis)}
.case-comparison{display:grid;grid-template-columns:1fr 1fr;margin-top:3rem;border-top:1px solid var(--ink);border-left:1px solid var(--ink)}.case-comparison article{padding:1.8rem;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.case-comparison>article>span{font:500 .62rem var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--analysis)}.case-comparison h3{margin:.8rem 0 1.4rem;font:400 2rem var(--serif)}.case-comparison strong{display:block;margin-top:1.5rem;font-size:.76rem}.case-comparison p{font-size:.88rem}
.inquiry-sequence{margin-top:3rem;border-top:1px solid var(--ink)}.inquiry-sequence>div{display:grid;grid-template-columns:80px .8fr 1.4fr;gap:2rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}.inquiry-sequence span{font:500 .62rem var(--mono);color:var(--analysis)}.inquiry-sequence strong{font:400 1.35rem var(--serif)}.inquiry-sequence p{margin:0;color:var(--muted);font-size:.86rem;line-height:1.7}
.ideas-band{padding-block:clamp(7rem,11vw,11rem);background:var(--analysis-green);color:#f5f0e8}.ideas-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;margin-bottom:3.5rem}.ideas-heading .section-code{grid-column:1/3;color:#e4b7a5}.ideas-heading h2{grid-column:3/9;margin:0;font:400 clamp(3.2rem,5.6vw,6rem)/.95 var(--serif);letter-spacing:-.05em}.ideas-heading p{grid-column:10/13;margin:0;padding-top:1rem;border-top:1px solid rgba(255,255,255,.28);color:#d1dbd4;line-height:1.7}
.idea-register{margin-left:calc((100% / 12) * 2);border-top:1px solid rgba(255,255,255,.28)}.idea-register article{display:grid;grid-template-columns:.55fr 1fr 1.5fr;gap:2rem;padding:1.3rem 0;border-bottom:1px solid rgba(255,255,255,.24)}.idea-register span{font:500 .61rem var(--mono);color:#e4b7a5}.idea-register h3{margin:0;font:400 1.6rem var(--serif)}.idea-register p{margin:0;color:#d0d8d2;font-size:.84rem;line-height:1.65}
.career-map-band{padding-block:clamp(6rem,9vw,9rem)}.career-map-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,7vw,7rem);align-items:center}.career-map-grid img{width:100%;background:var(--paper-light);border:1px solid var(--line)}.career-map-copy h2{margin:.8rem 0 1.2rem;font:400 clamp(3rem,5vw,5.4rem)/.96 var(--serif);letter-spacing:-.045em}.career-map-copy p{color:var(--muted);line-height:1.8}
.commitment-list{margin-top:3rem;border-top:1px solid var(--ink)}.commitment-list>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:3rem;padding:1.25rem 0;border-bottom:1px solid var(--line)}.commitment-list strong{font:400 1.45rem var(--serif)}.commitment-list p{margin:0;color:var(--muted);line-height:1.7}

/* ---------- Echo Jar / reflective strand ---------- */
.echo-strand{--echo-paper:#efe8dc;--echo-ink:#24211d;--echo-accent:#7c5f58;--echo-dark:#282421;background:var(--echo-paper);color:var(--echo-ink)}
.echo-strand .atlas-header.is-scrolled,.echo-strand .strand-nav{background:rgba(239,232,220,.94)}
.echo-strand .section-code{color:var(--echo-accent)}
.echo-strand .strand-hero{min-height:96svh;border-bottom-color:rgba(36,33,29,.3)}
.echo-strand .strand-hero-copy{grid-column:1/8}.echo-strand .strand-hero-copy h1{font-size:clamp(5.4rem,10vw,11rem);line-height:.76;letter-spacing:-.07em}.echo-strand .strand-hero-note{grid-column:9/13}
.echo-mark{grid-column:9/13;align-self:center;justify-self:center;width:min(28vw,310px);aspect-ratio:1;border:1px solid rgba(36,33,29,.42);border-radius:50%;position:relative}.echo-mark::before,.echo-mark::after{content:"";position:absolute;border:1px solid rgba(124,95,88,.55);border-radius:50%}.echo-mark::before{inset:17%}.echo-mark::after{inset:35%}.echo-mark span{position:absolute;inset:0;display:grid;place-items:center;font:400 1.1rem var(--serif);font-style:italic;color:var(--echo-accent)}
.echo-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;padding-block:clamp(5rem,8vw,8rem);border-bottom:1px solid rgba(36,33,29,.22)}.echo-intro .section-code{grid-column:1/3}.echo-intro blockquote{grid-column:3/9;margin:0;font:400 clamp(2.8rem,5vw,5.4rem)/.98 var(--serif);letter-spacing:-.045em}.echo-intro-copy{grid-column:10/13;color:#6b635c;line-height:1.8}.echo-intro-copy p:first-child{margin-top:0}.echo-intro-copy a{font-weight:600;text-underline-offset:5px}
.vessel-list{border-top:1px solid var(--echo-ink)}.vessel{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:2rem;align-items:start;padding:2.3rem 0;border-bottom:1px solid rgba(36,33,29,.3)}.vessel span{font:500 .62rem var(--mono);color:var(--echo-accent)}.vessel h3{margin:0;font:400 clamp(2rem,3.2vw,3.4rem)/1 var(--serif);letter-spacing:-.03em}.vessel p{margin:0;color:#6b635c;line-height:1.75}
.essay-register{margin-top:3rem;border-top:1px solid var(--echo-ink)}.essay-register a{display:grid;grid-template-columns:90px 1fr auto;gap:2rem;align-items:center;padding:1.4rem 0;border-bottom:1px solid rgba(36,33,29,.3);text-decoration:none}.essay-register a:hover strong{text-decoration:underline;text-underline-offset:6px}.essay-register span:first-child{font:500 .62rem var(--mono);color:var(--echo-accent)}.essay-register strong{font:400 clamp(1.7rem,2.6vw,2.6rem) var(--serif)}.essay-register span:last-child{font-size:1.2rem}
.echo-strand .strand-close{background:var(--echo-dark)}

@media(max-width:980px){
  .strand-hero-copy,.about-strand .strand-hero-copy,.research-strand .strand-hero-copy,.echo-strand .strand-hero-copy{grid-column:1/9}.strand-hero-media,.about-strand .strand-hero-media{grid-column:9/13}.strand-hero-note,.research-strand .strand-hero-note,.echo-strand .strand-hero-note{grid-column:9/13}
  .editorial-rail{grid-column:1/4}.editorial-body,.editorial-body.wide{grid-column:4/13}
  .beliefs-grid .section-code{grid-column:1/3}.beliefs-grid h2{grid-column:3/9}.beliefs-list{grid-column:9/13}
  .analysis-thesis .section-code{grid-column:1/3}.analysis-thesis h2{grid-column:3/9}.analysis-thesis-copy{grid-column:9/13}
  .ideas-heading .section-code{grid-column:1/3}.ideas-heading h2{grid-column:3/9}.ideas-heading p{grid-column:9/13}.idea-register{margin-left:0}
  .echo-mark{grid-column:9/13}.echo-intro .section-code{grid-column:1/3}.echo-intro blockquote{grid-column:3/9}.echo-intro-copy{grid-column:9/13}
}

@media(max-width:860px){
  .strand-nav{top:68px}.strand-hero{display:block;min-height:auto;padding-top:112px}.strand-hero-copy,.strand-hero-media,.strand-hero-note,.about-strand .strand-hero-copy,.about-strand .strand-hero-media,.research-strand .strand-hero-copy,.research-strand .strand-hero-note,.echo-strand .strand-hero-copy,.echo-strand .strand-hero-note{grid-column:auto}.strand-hero-copy{padding-bottom:2rem}.strand-hero-copy h1{font-size:clamp(4rem,13vw,7rem)}.strand-hero-media{margin-top:2rem}.strand-hero-note{max-width:620px;margin:2rem 0 0}
  .editorial-section{display:block}.editorial-rail{position:static;margin-bottom:3.5rem;padding:0}.editorial-body,.editorial-body.wide{grid-column:auto}
  .about-route>div{grid-template-columns:100px 1fr}.about-route p{grid-column:2}.about-field-note figure{display:block}.about-field-note figcaption{margin-top:1rem;padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .beliefs-grid{display:block}.beliefs-grid h2{margin:1rem 0 3rem}.beliefs-list{margin-top:0}.convocation-spread{display:block}.convocation-copy{margin-top:3rem}
  .strand-close-grid{display:block}.strand-close blockquote{margin:1.2rem 0 3rem}.strand-close-copy{max-width:620px;margin-left:auto}
  .analysis-thesis-grid{display:block}.analysis-thesis h2{margin:1rem 0 3rem}.analysis-thesis-copy{max-width:680px;margin-left:auto}.case-comparison{grid-template-columns:1fr}.inquiry-sequence>div{grid-template-columns:60px 1fr}.inquiry-sequence p{grid-column:2}.ideas-heading{display:block}.ideas-heading h2{margin:1rem 0 3rem}.ideas-heading p{max-width:600px}.idea-register article{grid-template-columns:80px 1fr}.idea-register p{grid-column:2}.career-map-grid{grid-template-columns:1fr}.commitment-list>div{grid-template-columns:1fr;gap:.5rem}
  .echo-strand .strand-hero-copy h1{font-size:clamp(5rem,19vw,9rem)}.echo-mark{width:min(68vw,320px);margin:2rem auto 1rem}.echo-intro{display:block}.echo-intro blockquote{margin:1rem 0 3rem}.echo-intro-copy{max-width:620px;margin-left:auto}.vessel{grid-template-columns:70px 1fr}.vessel p{grid-column:2}.essay-register a{grid-template-columns:60px 1fr auto;gap:1rem}
}

@media(max-width:560px){
  .strand-hero-copy h1{font-size:3.8rem}.about-route>div{grid-template-columns:1fr;gap:.35rem}.about-route p{grid-column:1}.beliefs-grid h2{font-size:3.4rem}.convocation-copy blockquote{font-size:1.45rem}
  .analysis-rule{grid-template-columns:1fr}.analysis-rule b{transform:rotate(90deg);text-align:center}.analysis-thesis h2,.ideas-heading h2{font-size:3.5rem}.inquiry-sequence>div,.idea-register article{grid-template-columns:1fr;gap:.5rem}.inquiry-sequence p,.idea-register p{grid-column:1}.case-comparison h3{font-size:1.8rem}
  .echo-strand .strand-hero-copy h1{font-size:4.8rem}.vessel{grid-template-columns:1fr;gap:.6rem}.vessel p{grid-column:1}.essay-register a{grid-template-columns:1fr auto}.essay-register a span:first-child{grid-column:1/-1}.essay-register strong{font-size:1.8rem}
}