/* Inner pages on E's system (Mason 2026-09-08): the Who we are language. Loads after e.css; body has .page-e. */
.page-e .nav{background:var(--navy)}
.page-e main{background:var(--paper)}
/* Opening: Who's head (eyebrow + h1 left, lede right), the rule, then a wide photo */
.page-e__open{padding:calc(var(--navh,96px) + clamp(56px,calc(7vh / var(--z,1)),88px)) 0 0;background:var(--paper)}
.page-e__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,calc(6vw / var(--z,1)),120px);align-items:end;margin-bottom:clamp(24px,calc(3.5vh / var(--z,1)),36px)}
.page-e .eyebrow{margin-bottom:22px}
.page-e h1{font-family:var(--brand);font-weight:400;font-size:clamp(40px,calc(3.8vw / var(--z,1)),58px);line-height:1.08;letter-spacing:-.012em;color:var(--ink);margin:0;max-width:22ch}
.page-e__lede{margin:0;padding-bottom:6px}
.page-e__lede span{display:block;font-size:19px;line-height:1.6;color:var(--ink-80);max-width:30em}
.page-e__ph{margin:clamp(32px,calc(4vh / var(--z,1)),48px) 0 0;aspect-ratio:21/9;overflow:hidden;background:var(--navy);position:relative}
.page-e__ph .fx-clip{height:100%}
.page-e__ph img{display:block;width:100%;height:100%;object-fit:cover}
/* Sections: h2 and intro left, content right, hairline on top; paper and paper-2 alternate */
.page-e .sec{padding:clamp(56px,calc(7vh / var(--z,1)),88px) 0;background:var(--paper)}
.page-e .sec--tint{background:var(--paper-2)}
.page-e .sec .rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(32px,calc(5vw / var(--z,1)),96px);align-items:start;padding-top:clamp(28px,calc(4vh / var(--z,1)),40px);border-top:1px solid var(--line)}
.page-e .sec__head{max-width:none;margin:0}
.page-e .sec h2{font-family:var(--brand);font-weight:400;font-size:clamp(30px,calc(2.6vw / var(--z,1)),40px);line-height:1.12;letter-spacing:-.012em;color:var(--ink);margin:0 0 14px;max-width:14ch}
.page-e .sec__head p{font-size:17px;line-height:1.65;color:var(--ink-80);margin:0;max-width:28em}
.page-e .sec .note{grid-column:2;font-family:var(--brand);font-weight:500;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--mute);margin:16px 0 0}
/* Content rows with hairlines, like the practices list on the home page */
.page-e .drivers,.page-e .serve{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,calc(4vw / var(--z,1)),56px);border-top:0;padding-top:0}
.page-e .driver,.page-e .serve__col{padding:18px 0 20px;border-bottom:1px solid var(--line)}
.page-e .driver h3,.page-e .serve__col h3,.page-e .qa__q{font-family:var(--brand);font-weight:400;font-size:clamp(22px,calc(1.7vw / var(--z,1)),26px);line-height:1.2;letter-spacing:-.012em;color:var(--ink);margin:0 0 8px}
.page-e .driver p,.page-e .serve__col p,.page-e .qa__a{font-size:16px;line-height:1.65;color:var(--ink-80);margin:0}
.page-e .points{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.page-e .point{border-top:0;border-bottom:1px solid var(--line);padding:18px 0 20px}
.page-e .point:first-child{padding-top:0}
.page-e .point p{font-size:17px;line-height:1.7;color:var(--ink-80);margin:0;max-width:40em}
.page-e .qa{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(20px,calc(3vw / var(--z,1)),48px);padding:22px 0 24px;border-top:0;border-bottom:1px solid var(--line)}
.page-e .qa:first-child{padding-top:0}
.page-e .qa__a{max-width:34em}
.page-e .points+.btn-br{margin-top:28px}
/* Phones and tablets */
@media (max-width:900px){
  .page-e__open{padding-top:calc(var(--navh,72px) + 40px)}
  .page-e__head,.page-e .sec .rail{grid-template-columns:minmax(0,1fr);gap:20px}
  .page-e h1{font-size:clamp(30px,calc(8vw / var(--z,1)),38px);max-width:none}
  .page-e__lede span{font-size:17px}
  .page-e__ph{aspect-ratio:4/3;margin-top:24px}
  .page-e .sec{padding:48px 0}
  .page-e .sec h2{max-width:none;font-size:clamp(26px,calc(7vw / var(--z,1)),32px)}
  .page-e .drivers,.page-e .serve{grid-template-columns:minmax(0,1fr)}
  .page-e .qa{grid-template-columns:minmax(0,1fr);gap:10px}
  .page-e .sec .note{grid-column:1}
}
@media (min-width:1900px) and (max-width:1600px){.page-e h1{font-size:64px}.page-e__lede span,.page-e .sec__head p,.page-e .point p{font-size:20px}.page-e .driver p,.page-e .serve__col p,.page-e .qa__a{font-size:18px}}
/* Everything after the section head sits in the content column, however many blocks a section has */
.page-e .sec .rail > :not(.sec__head){grid-column:2}
.page-e .sec .rail > .qa + .qa{margin-top:0}
@media (max-width:900px){.page-e .sec .rail > :not(.sec__head){grid-column:1}}
/* Research index and notes, contact, team, 404 (v2 blocks restyled in E's type and palette) */
.page-e__date{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin:-8px 0 18px}
.page-e .sec--alt{background:var(--paper-2)}
.page-e .sec--alt .rail,.page-e .sec--tall .rail{display:block;border-top:0;padding-top:0}
.page-e .row{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:clamp(28px,calc(4vh / var(--z,1)),40px);border-bottom:1px solid var(--line);padding-bottom:18px}
.page-e .row h2{font-family:var(--brand);font-weight:400;font-size:clamp(30px,calc(2.6vw / var(--z,1)),40px);letter-spacing:-.012em;color:var(--ink);margin:0}
.page-e .link-u,.page-e .note__date,.page-e .tblock__date{font-family:var(--brand);font-weight:500;font-size:11.5px;letter-spacing:.19em;text-transform:uppercase;color:var(--acc);text-decoration:none}
.page-e .note__date{font-family:var(--sans);letter-spacing:.08em;font-size:12px;margin:0 0 8px}
.page-e .note__name{font-family:var(--brand);font-weight:400;font-size:clamp(20px,calc(1.55vw / var(--z,1)),24px);line-height:1.25;letter-spacing:-.012em;color:var(--ink);margin:0 0 10px}
.page-e .note__lede{font-size:16px;line-height:1.65;color:var(--ink-80)}
.page-e .note__fig{position:relative;overflow:hidden;background:var(--navy);border-radius:0}
.page-e .note__fig img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.page-e .note__fig::before{content:"";position:absolute;inset:0;z-index:1;background:#2B3E5F;mix-blend-mode:screen;opacity:.42;pointer-events:none}
.page-e .note__fig::after{content:"";position:absolute;inset:0;z-index:1;background:#0C121D;mix-blend-mode:multiply;opacity:.6;pointer-events:none}
.page-e .note,.page-e .jr__feat{text-decoration:none;color:inherit}
.page-e .note:hover .note__name,.page-e .jr__feat:hover .note__name{color:var(--acc)}
.page-e .jr__feat{background:var(--navy);color:var(--paper)}
.page-e .jr__feat .note__name,.page-e .jr__feat .note__lede{color:var(--paper)}
.page-e .jr__feat .note__date,.page-e .jr__feat .link-u{color:var(--acc-dark)}
.page-e .article{max-width:40em;font-size:18px;line-height:1.75;color:var(--ink-80)}
.page-e .article p{margin:0 0 1.2em}
.page-e .article h2{font-family:var(--brand);font-weight:400;font-size:clamp(26px,calc(2vw / var(--z,1)),32px);letter-spacing:-.012em;color:var(--ink);margin:1.4em 0 .5em}
/* Contact */
.page-e .contact{padding-top:calc(var(--navh,96px) + clamp(56px,calc(7vh / var(--z,1)),88px));padding-bottom:clamp(64px,calc(8vh / var(--z,1)),112px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(40px,calc(6vw / var(--z,1)),120px);align-items:start}
.page-e .contact h1{font-family:var(--brand);font-weight:400;font-size:clamp(40px,calc(3.8vw / var(--z,1)),58px);line-height:1.08;letter-spacing:-.012em;color:var(--ink);margin:0 0 18px}
.page-e .contact__l p{font-size:17px;line-height:1.7;color:var(--ink-80);max-width:30em}
.page-e .contact__l .foot__addr{font-size:16px;line-height:1.7;color:var(--ink);margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.page-e .contact__l .foot__addr a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.page-e .form__field{display:block;margin:0 0 22px}
.page-e .form__field span{display:block;font-family:var(--brand);font-weight:500;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.page-e .form__field input,.page-e .form__field select,.page-e .form__field textarea{width:100%;font-family:var(--sans);font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:0;padding:14px 16px;box-shadow:none;outline:0;transition:border-color .25s}
.page-e .form__field input:focus,.page-e .form__field select:focus,.page-e .form__field textarea:focus{border-color:var(--ink)}
.page-e .form__field textarea{min-height:160px;resize:vertical}
.page-e .form__submit{margin-top:6px;cursor:pointer;border:0}
/* Team */
.page-e .split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,calc(6vw / var(--z,1)),120px);align-items:end;padding-top:calc(var(--navh,96px) + clamp(56px,calc(7vh / var(--z,1)),88px))}
.page-e .split h1{font-family:var(--brand);font-weight:400;font-size:clamp(40px,calc(3.8vw / var(--z,1)),58px);line-height:1.08;letter-spacing:-.012em;color:var(--ink);margin:0}
.page-e .split__r p{font-size:19px;line-height:1.6;color:var(--ink-80);max-width:30em;margin:0}
.page-e .person__fig{position:relative;overflow:hidden;background:var(--navy)}
.page-e .person__fig img{filter:grayscale(1) contrast(1.08)}
.page-e .person__fig::before{content:"";position:absolute;inset:0;z-index:1;background:#2B3E5F;mix-blend-mode:screen;opacity:.42;pointer-events:none}
.page-e .person__fig::after{content:"";position:absolute;inset:0;z-index:1;background:#0C121D;mix-blend-mode:multiply;opacity:.6;pointer-events:none}
.page-e .person h3{font-family:var(--brand);font-weight:400;font-size:clamp(22px,calc(1.7vw / var(--z,1)),26px);letter-spacing:-.012em;color:var(--ink);margin:14px 0 4px}
.page-e .person p{font-size:15px;line-height:1.6;color:var(--ink-80)}
/* 404 opening without a photo keeps some room below */
.page-e__open:last-child{padding-bottom:clamp(96px,calc(14vh / var(--z,1)),160px)}
@media (max-width:900px){.page-e .contact,.page-e .split{grid-template-columns:minmax(0,1fr);gap:28px;padding-top:calc(var(--navh,72px) + 40px)}.page-e .contact h1,.page-e .split h1{font-size:clamp(30px,calc(8vw / var(--z,1)),38px)}.page-e .row{flex-direction:column;align-items:flex-start;gap:8px}}
/* Sections without a head (research lists) are plain blocks; note titles are sentence case */
.page-e .sec .rail:not(:has(.sec__head)){display:block}
.page-e .note__name{text-transform:none;letter-spacing:-.012em}
.page-e .notes .note__lede{text-transform:none;letter-spacing:0;font-size:15px}
/* Only sections with a head use the split grid; research lists and other headless sections are plain blocks */
.page-e .sec .rail{display:block}
.page-e .sec--split .rail{display:grid}
.page-e .sec .rail > :not(.sec__head){grid-column:auto}
.page-e .sec--split .rail > :not(.sec__head){grid-column:2}
@media (max-width:900px){.page-e .sec--split .rail > :not(.sec__head){grid-column:1}}
/* Team page photo hero: navy grade and a heavier wash so the white lines read */
.page-e .phero__img,.page-e .phero__video{filter:grayscale(1) contrast(1.08) brightness(.55)}
.page-e .phero__wash{background:linear-gradient(180deg,rgba(12,18,29,.35),rgba(12,18,29,.7))}
.page-e .phero h1,.page-e .phero .eyebrow{color:var(--paper)}
/* The research cards share the class name of the small "Illustrative only" note; give them their layout back */
.page-e .notes > .note,.page-e .jr__note{grid-column:auto;font-family:inherit;font-weight:inherit;font-size:inherit;letter-spacing:0;text-transform:none;color:inherit;margin:0}
/* Mason 2026-09-08 (night): "why does each page have this giant photo to start" -> the opening follows What we do: head + lede, rule, then a contained photo left and the page's first block right */
.page-e__open{padding-bottom:clamp(56px,calc(7vh / var(--z,1)),88px)}
.page-e__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(40px,calc(5vw / var(--z,1)),96px);align-items:start}
.page-e__ph{margin:0;aspect-ratio:4/5;max-height:calc(calc(100vh / var(--z,1)) - var(--navh,96px) - 48px);position:sticky;top:calc(var(--navh,96px) + 24px)}
.page-e__ph--land{aspect-ratio:5/4}
.page-e__lead h2{font-family:var(--brand);font-weight:400;font-size:clamp(26px,calc(2.1vw / var(--z,1)),32px);line-height:1.15;letter-spacing:-.012em;color:var(--ink);margin:0 0 8px;max-width:none}
.page-e__lead > p{font-size:17px;line-height:1.65;color:var(--ink-80);margin:0 0 22px;max-width:34em}
.page-e__lead h2 + .drivers,.page-e__lead h2 + .points,.page-e__lead h2 + .serve{margin-top:22px}
.page-e__lead .drivers,.page-e__lead .serve{grid-template-columns:minmax(0,1fr)}
.page-e__lead .driver:first-child,.page-e__lead .point:first-child,.page-e__lead .serve__col:first-child{border-top:1px solid var(--line);padding-top:18px}
.page-e__lead .btn-br,.page-e__lead .btn-e{margin-top:8px}
@media (min-width:1900px) and (max-width:1600px){.page-e__lead > p{font-size:19px}}
@media (max-width:900px){
  .page-e__open{padding-bottom:48px}
  .page-e__body{grid-template-columns:minmax(0,1fr);gap:28px}
  .page-e__ph,.page-e__ph--land{position:static;aspect-ratio:4/3;max-height:none;margin:0}
}
.page-e__open--bare{padding-bottom:clamp(40px,calc(5vh / var(--z,1)),56px)}
/* Mason 2026-09-09: no hairlines between text rows; the section top line, tick rules and rails carry the grid */
.page-e .driver,.page-e .serve__col,.page-e .point,.page-e .qa,.page-e__lead .driver:first-child,.page-e__lead .point:first-child,.page-e__lead .serve__col:first-child{border-top:0;border-bottom:0}
.page-e__lead .driver:first-child,.page-e__lead .point:first-child,.page-e__lead .serve__col:first-child{padding-top:0}
/* Research index (Mason 2026-09-09, "fix the layout and design of the research page"): newest note in the opening body (photo left, text right), then every other note as one card grid under a tick rule */
.res-i__fig{display:block;position:relative;overflow:hidden;background:var(--navy);aspect-ratio:4/3}
.res-i__fig img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .6s var(--ease)}
.res-i__fig::before{content:"";position:absolute;inset:0;z-index:1;background:#2B3E5F;mix-blend-mode:screen;opacity:.42;pointer-events:none}
.res-i__fig::after{content:"";position:absolute;inset:0;z-index:1;background:#0C121D;mix-blend-mode:multiply;opacity:.6;pointer-events:none}
a.res-i__fig:hover img,.res-i__card:hover .res-i__fig img{transform:scale(1.03)}
.res-i__date,.res-i__card time{display:block;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin:0 0 10px}
.page-e__lead .res-i__name{font-size:clamp(30px,calc(2.6vw / var(--z,1)),40px);line-height:1.12;margin:0 0 14px}
.res-i__name a{color:inherit;text-decoration:none}
.res-i__name a:hover{color:var(--acc)}
.page-e__lead .what-w__link{display:inline-block;margin-top:4px}
.res-i .rail{border-top:0;padding-top:0}
.res-i__head h2{font-family:var(--brand);font-weight:400;font-size:clamp(30px,calc(2.6vw / var(--z,1)),40px);letter-spacing:-.012em;color:var(--ink);margin:0 0 clamp(20px,calc(3vh / var(--z,1)),28px)}
.res-i__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,calc(3vh / var(--z,1)),40px) clamp(16px,calc(1.6vw / var(--z,1)),24px)}
.res-i__card{display:block;text-decoration:none;color:var(--ink)}
.res-i__card .res-i__fig{margin-bottom:16px}
.res-i__card h3{font-family:var(--brand);font-weight:400;font-size:clamp(20px,calc(1.55vw / var(--z,1)),24px);line-height:1.25;letter-spacing:-.012em;color:var(--ink);margin:0 0 8px}
.res-i__card:hover h3{color:var(--acc)}
.res-i__card p{font-size:15px;line-height:1.6;color:var(--ink-80);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){.res-i__grid{grid-template-columns:minmax(0,1fr);gap:32px}.page-e__lead .res-i__name{font-size:clamp(26px,calc(7vw / var(--z,1)),32px)}}
@media (min-width:1900px) and (max-width:1600px){.res-i__card h3{font-size:26px}.res-i__card p{font-size:17px}}
/* Research notes (Mason 2026-09-09, "continue the white background with the lines for each research page"): byline left, prose right under the section line; More notes as the same card grid under a tick rule */
.res-i__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 clamp(20px,calc(3vh / var(--z,1)),28px)}
.res-i__head h2{margin:0}
.res-i__head .what-w__link{flex:none}
.page-e .sec--article .sec__head p{margin-top:0}
.page-e .sec--article .article{max-width:40em}
.page-e .sec--article .article p:first-child{margin-top:0}
.page-e__lead .res-i__date{font-size:12px;margin:0 0 10px}
.page-e .sec--article{padding-top:clamp(28px,calc(4vh / var(--z,1)),44px)}
/* Research list (Mason 2026-09-09, "not a fan, can we do something better"): no photos; notes as numbered rows grouped by month, month label left, list right, date on the right edge */
.res-l__list{list-style:none;margin:0;padding:0}
.res-l__row{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;gap:0 16px;align-items:start;padding:0 0 clamp(28px,calc(3.6vh / var(--z,1)),44px)}
.res-l__row:last-child{padding-bottom:0}
.res-l__n{font-family:var(--brand);font-weight:500;font-size:11.5px;letter-spacing:.19em;color:var(--acc);padding-top:1em}
.res-l__row h3{font-family:var(--brand);font-weight:400;font-size:clamp(24px,calc(2vw / var(--z,1)),30px);line-height:1.18;letter-spacing:-.012em;color:var(--ink);margin:0 0 8px}
.res-l__row h3 a{color:inherit;text-decoration:none}
.res-l__row h3 a:hover{color:var(--acc)}
.res-l__row p{font-size:16px;line-height:1.6;color:var(--ink-80);margin:0 0 10px;max-width:38em}
.res-l__row time{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);padding-top:1.1em;white-space:nowrap}
.page-e .res-l .sec__head p{margin-top:0}
.page-e .res-l .sec__head .what-w__link{display:inline-block;margin-top:6px}
@media (min-width:1900px) and (max-width:1600px){.res-l__row h3{font-size:34px}.res-l__row p{font-size:18px}}
@media (max-width:900px){.res-l__row{grid-template-columns:2.4em minmax(0,1fr);row-gap:4px}.res-l__row time{grid-column:2;order:-1;padding-top:0}.res-l__n{grid-row:1;padding-top:.15em}.res-l__row>div{grid-column:2}}
/* Research grid (Mason 2026-09-09, inspo coatue.com/c/takes): a three-column hairline grid runs down the section; every note is a white panel on it, date and title in the left cell, the note in the right */
.res-g{position:relative;overflow:hidden;padding:clamp(40px,calc(5vh / var(--z,1)),64px) 0 clamp(56px,calc(7vh / var(--z,1)),88px)}
.res-g__in{position:relative;padding-top:clamp(28px,calc(4vh / var(--z,1)),40px);padding-bottom:clamp(28px,calc(4vh / var(--z,1)),40px)}
.res-g__panel{position:relative;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);background:#fff;border:1px solid var(--line);margin:0 0 clamp(32px,calc(4vh / var(--z,1)),48px)}
.res-g__panel:last-child{margin-bottom:0}
.res-g__meta{padding:clamp(20px,calc(2.2vw / var(--z,1)),30px);border-right:1px solid var(--line);display:flex;flex-direction:column;gap:14px;min-width:0}
.res-g__k{display:flex;justify-content:space-between;gap:12px;margin:0;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.res-g__k time{color:var(--acc)}
.res-g__meta h2{font-family:var(--brand);font-weight:400;font-size:clamp(22px,calc(1.7vw / var(--z,1)),27px);line-height:1.18;letter-spacing:-.012em;color:var(--ink);margin:0}
.res-g__meta h2 a{color:inherit;text-decoration:none}
.res-g__panel:hover .res-g__meta h2 a{color:var(--acc)}
.res-g__meta .what-w__link{margin-top:auto;align-self:flex-start;padding-top:10px}
.res-g__meta .res-g__by{font-size:15px;line-height:1.6;color:var(--ink-80);margin:0}
.res-g__body{padding:clamp(20px,calc(2.2vw / var(--z,1)),30px) clamp(24px,calc(3vw / var(--z,1)),44px);min-width:0}
.res-g__body > p{font-size:clamp(17px,calc(1.3vw / var(--z,1)),19px);line-height:1.6;color:var(--ink);margin:0;max-width:34em}
.res-g__body .article{max-width:40em}
.res-g__body .article p:first-child{margin-top:0}
.res-g__body .article p:last-child{margin-bottom:0}
.res-g__panel--note .res-g__meta > div{position:sticky;top:calc(var(--navh,96px) + 24px);display:flex;flex-direction:column;gap:14px}
.res-g__head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin:0 0 clamp(20px,calc(3vh / var(--z,1)),28px)}
.res-g__head h2{font-family:var(--brand);font-weight:400;font-size:clamp(30px,calc(2.6vw / var(--z,1)),40px);letter-spacing:-.012em;color:var(--ink);margin:0}
.res-g__head .what-w__link{flex:none}
@media (min-width:1900px) and (max-width:1600px){.res-g__meta h2{font-size:30px}.res-g__body > p{font-size:21px}}
@media (max-width:900px){
  .res-g__panel{grid-template-columns:minmax(0,1fr)}
  .res-g__meta{border-right:0;border-bottom:1px solid var(--line);padding:20px}
  .res-g__body{padding:20px}
  .res-g__panel--note .res-g__meta > div{position:static}
}
/* Research panels carry a photo that relates to the note (Mason 2026-09-09): image on top of the right cell, summary beneath, like Coatue's chart + caption */
.res-g__fig{display:block;position:relative;overflow:hidden;background:var(--navy);aspect-ratio:2/1;margin:0 0 18px}
.res-g__fig img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .6s var(--ease)}
.res-g__fig::before{content:"";position:absolute;inset:0;z-index:1;background:#2B3E5F;mix-blend-mode:screen;opacity:.42;pointer-events:none}
.res-g__fig::after{content:"";position:absolute;inset:0;z-index:1;background:#0C121D;mix-blend-mode:multiply;opacity:.5;pointer-events:none}
.res-g__panel:hover .res-g__fig img{transform:scale(1.03)}
.res-g__panel--note .res-g__fig{margin-bottom:28px}
@media (max-width:900px){.res-g__fig{aspect-ratio:16/10;margin-bottom:14px}}
/* Mason 2026-09-09: no rails between the panels (they read as connectors); wider left cell with topic tags, byline and read time pinned to the bottom; research headline runs wider */
.res-g__meta > div{display:flex;flex-direction:column;gap:14px;flex:1;min-width:0}
.res-g__meta h2{font-size:clamp(24px,calc(2vw / var(--z,1)),32px)}
.res-g__tags{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.res-g__tags span::before{content:"[ ";color:var(--acc)}.res-g__tags span::after{content:" ]";color:var(--acc)}
.res-g__foot{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:14px}
.res-g__meta .res-g__foot .what-w__link{margin-top:0;padding-top:0}
.page-e__open--wide .page-e__head{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.page-e__open--wide h1{max-width:none}
@media (min-width:1900px) and (max-width:1600px){.res-g__meta h2{font-size:34px}}
@media (max-width:900px){.res-g__foot{padding-top:18px}.page-e__open--wide .page-e__head{grid-template-columns:minmax(0,1fr)}}
.res-g__meta h2{max-width:none}
/* Mason 2026-09-09: the section-wide h2 cap (.page-e .sec h2, 14ch) outranks the panel rule above, so restate it at higher specificity */
.page-e .sec .res-g__meta h2{max-width:none;font-size:clamp(26px,calc(2.1vw / var(--z,1)),34px);line-height:1.14;margin:0}
@media (min-width:1900px) and (max-width:1600px){.page-e .sec .res-g__meta h2{font-size:36px}}
@media (max-width:900px){.page-e .sec .res-g__meta h2{font-size:clamp(26px,calc(7vw / var(--z,1)),32px)}}
/* Mason 2026-09-09: each note lists its sources; on the note page the list sits in the left column under the byline (hidden in the body), on mobile it follows the prose */
.res-g__src{margin:8px 0 0;padding:0}
.res-g__src h3{font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.res-g__src ol{margin:0;padding:0 0 0 1.4em;font-size:13.5px;line-height:1.5;color:var(--ink-66)}
.res-g__src li{margin:0 0 8px}
.res-g__src li::marker{color:var(--acc)}
.res-g__src a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.res-g__src a:hover{color:var(--acc);border-color:var(--acc)}
.res-g__body .res-g__src{display:none}
@media (max-width:900px){.res-g__meta .res-g__src{display:none}.res-g__body .res-g__src{display:block;margin-top:28px}}
/* Mason 2026-09-09: About page below "What we believe" rebuilt in the site grammar (bracket eyebrow + headline left, lede right, tick rule, numbered rows); the old tinted split blocks read as filler */
.page-e .sx{padding:clamp(64px,calc(8vh / var(--z,1)),104px) 0}
.sx__head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,calc(6vw / var(--z,1)),120px);align-items:end;margin-bottom:clamp(24px,calc(3.5vh / var(--z,1)),36px)}
.page-e .sx__head h2{font-family:var(--brand);font-weight:400;font-size:clamp(30px,calc(2.6vw / var(--z,1)),42px);line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin:14px 0 0;max-width:none}
.sx__lede{font-size:clamp(16px,calc(1.2vw / var(--z,1)),18px);line-height:1.6;color:var(--ink-80);margin:0;max-width:34em}
.sx__body{padding-top:clamp(28px,calc(4vh / var(--z,1)),44px)}
.sx__rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,calc(4vh / var(--z,1)),44px) clamp(28px,calc(3vw / var(--z,1)),48px)}
.sx__rows--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sx__row{display:grid;grid-template-columns:3.5em minmax(0,1fr)}
.sx__n{font-family:var(--brand);font-weight:500;font-size:11.5px;letter-spacing:.08em;color:var(--acc);padding-top:.55em}
.page-e .sx__row h3{font-family:var(--brand);font-weight:400;font-size:clamp(21px,calc(1.6vw / var(--z,1)),25px);line-height:1.2;letter-spacing:-.012em;color:var(--ink);margin:0 0 10px}
.sx__row p{font-size:16px;line-height:1.65;color:var(--ink-80);margin:0}
.sx__row p+p{margin-top:10px}
.sx__out{color:var(--mute)}
.sx__note{font-size:clamp(16px,calc(1.2vw / var(--z,1)),18px);line-height:1.6;color:var(--ink);margin:clamp(32px,calc(4vh / var(--z,1)),48px) 0 0;max-width:40em}
.sx__body--split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(40px,calc(6vw / var(--z,1)),120px);align-items:start}
.sx__body--split .sx__rows{grid-template-columns:minmax(0,1fr)}
.ledger{margin:0;padding:clamp(20px,calc(2.2vw / var(--z,1)),30px);background:#fff;border:1px solid var(--line)}
.ledger figcaption{display:flex;justify-content:space-between;gap:12px;font-family:var(--sans);font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:14px}
.ledger__t{color:var(--acc)}
.ledger dl{margin:0}
.ledger dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;padding:10px 0}
.ledger dt{font-size:15px;line-height:1.5;color:var(--ink-80);margin:0}
.ledger dd{font-family:var(--brand);font-size:clamp(20px,calc(1.5vw / var(--z,1)),24px);color:var(--ink);margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.ledger__sum{border-top:1px solid var(--line);margin-top:8px;padding-top:18px}
.ledger__sum dt{color:var(--ink)}
.ledger__sum dd{color:var(--acc)}
.ledger>p{font-size:15px;line-height:1.55;color:var(--mute);margin:18px 0 0}
@media (max-width:900px){.sx__head,.sx__body--split{grid-template-columns:minmax(0,1fr);gap:20px}.sx__rows,.sx__rows--2{grid-template-columns:minmax(0,1fr);gap:28px}.page-e .sx__head h2{max-width:none}.page-e .sx{padding:56px 0}}
/* Mason 2026-09-09 ("images/video built into the design"): the practice pages open on a loop, then run a scroll story with a sticky media column (a clip, the systems figure, a clip) beside the chapters */
.page-e__ph video,.v3-e .fx-clip video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.page-e__ph--video{background:var(--navy)}
.story{position:relative;padding:clamp(56px,calc(7vh / var(--z,1)),88px) 0 clamp(40px,calc(5vh / var(--z,1)),64px)}
.page-e .sec.story .story__in.rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,calc(6vw / var(--z,1)),120px);align-items:start;padding-top:0;border-top:0}  /* .page-e .sec .rail{display:block} outranks a single class */
.story__text{min-width:0}
.story__ch{min-height:calc(72vh / var(--z,1));display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,calc(4vh / var(--z,1)),48px) 0}
.story__ch:first-child{padding-top:0}
.story__k{display:flex;align-items:center;gap:14px;margin:0 0 18px}
.story__n{font-family:var(--brand);font-weight:500;font-size:11.5px;letter-spacing:.08em;color:var(--acc)}
.story__k .eyebrow--ticks{margin-bottom:0}
.page-e .story__ch h2{font-family:var(--brand);font-weight:400;font-size:clamp(30px,calc(2.6vw / var(--z,1)),42px);line-height:1.1;letter-spacing:-.015em;color:var(--ink);margin:0 0 20px;max-width:none}
.story__ch > p{font-size:17px;line-height:1.7;color:var(--ink-80);margin:0 0 16px;max-width:38em}
.story__ch .sx__rows{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:6px}
.story__ch .sx__row p{font-size:16.5px;line-height:1.65}
.story__media{position:sticky;top:calc(var(--navh,96px) + 24px);min-width:0}
.story__frame{position:relative;aspect-ratio:4/5;max-height:calc(calc(100vh / var(--z,1)) - var(--navh,96px) - 48px);overflow:hidden;background:var(--navy)}
.story__m{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s var(--ease,ease)}
.story__m.is-on{opacity:1}
.story__m video,.story__m img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.story__m::before{content:"";position:absolute;inset:0;z-index:1;background:#2B3E5F;mix-blend-mode:screen;opacity:.42;pointer-events:none}
.story__m::after{content:"";position:absolute;inset:0;z-index:1;background:#0C121D;mix-blend-mode:multiply;opacity:.5;pointer-events:none}
.story__m--sys::before,.story__m--sys::after{display:none}
.story__m--sys canvas,.story__inline canvas{display:block;width:100%;height:100%}
.story__inline{display:none;margin:0 0 22px;aspect-ratio:4/3;overflow:hidden;background:var(--navy);position:relative}
.story__inline img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08)}
.story__inline::before{content:"";position:absolute;inset:0;background:#2B3E5F;mix-blend-mode:screen;opacity:.42;pointer-events:none}
.story__inline::after{content:"";position:absolute;inset:0;background:#0C121D;mix-blend-mode:multiply;opacity:.5;pointer-events:none}
.story__inline--sys::before,.story__inline--sys::after{display:none}
.story__inline--sys{aspect-ratio:4/5}
@media (max-width:900px){.page-e .sec.story .story__in.rail{grid-template-columns:minmax(0,1fr);gap:0}.story__media{display:none}.story__inline{display:block}.story__ch{min-height:0;padding:28px 0}.story__ch:first-child{padding-top:0}.page-e .story__ch h2{font-size:clamp(26px,calc(7vw / var(--z,1)),32px)}}
/* Mason 2026-09-09 ("grid lines to the background"): the same rails the home bands carry, at the content edges of the opening and the story, plus one down the centre of the story. overflow:clip keeps the sticky frames working. */
.page-e__open--rails,.page-e .story{overflow:clip}
.page-e__open--rails .page-e__in,.page-e .story .story__in{position:relative}
.page-e__open--rails .page-e__in::before,.page-e__open--rails .page-e__in::after,.page-e .story .story__in::before,.page-e .story .story__in::after,.story__rail{content:"";position:absolute;top:calc(-100vh / var(--z,1));bottom:calc(-100vh / var(--z,1));width:1px;background:var(--line);pointer-events:none}
.page-e__open--rails .page-e__in::before,.page-e .story .story__in::before{left:calc(var(--pad) - 28px)}
.page-e__open--rails .page-e__in::after,.page-e .story .story__in::after{right:calc(var(--pad) - 28px)}
.story__rail{left:50%}
@media (max-width:900px){.page-e__open--rails .page-e__in::before,.page-e__open--rails .page-e__in::after,.page-e .story .story__in::before,.page-e .story .story__in::after,.story__rail{display:none}}
/* Mason 2026-09-09: mobile scroll — flat navy tint instead of blend modes on every graded figure (see e.css) */
@media (max-width:900px){
.page-e .note__fig::before,.page-e .person__fig::before,.res-i__fig::before,.res-g__fig::before,.story__m::before,.story__inline::before{display:none}
.page-e .note__fig::after,.page-e .person__fig::after,.res-i__fig::after{mix-blend-mode:normal;opacity:.61}
.res-g__fig::after,.story__m::after,.story__inline::after{mix-blend-mode:normal;opacity:.52}
}
/* ---------- Shell (2026-09-10, wave two, web-r2-fable-why): every non-home page as one family with Who we are / What we do / the research index.
   Rails on every paper section, no tint bands, the research index shares the rail position, Contact and 404 open in the same grammar,
   notes carry a reading hairline. Motion (reveals, arrows, rail draw-in, page transitions) is /assets/css/motion.css (web-r2-fable-home). ---------- */
/* Rails on every paper section, not only the practice opening and story: the section box clips them so the segments meet edge to edge */
.page-e__open,.page-e .sec{overflow:clip}
.page-e__open .page-e__in,.page-e .sec>.rail{position:relative}
.page-e__open .page-e__in::before,.page-e__open .page-e__in::after,.page-e .sec>.rail::before,.page-e .sec>.rail::after{content:"";position:absolute;top:calc(-100vh / var(--z,1));bottom:calc(-100vh / var(--z,1));width:1px;background:var(--line);pointer-events:none}
.page-e__open .page-e__in::before,.page-e .sec>.rail::before{left:calc(var(--pad) - 28px)}
.page-e__open .page-e__in::after,.page-e .sec>.rail::after{right:calc(var(--pad) - 28px)}
.page-e .sec.story .story__in.rail::before,.page-e .sec.story .story__in.rail::after{top:calc(-100vh / var(--z,1));bottom:calc(-100vh / var(--z,1))}
/* The research index rails sit where every other page's rails sit (its own rule put them at 28px on a 1560px box) */
.page-e.research-index .study-rail{max-width:var(--max)}
.page-e.research-index .study-rail::before{left:calc(var(--pad) - 28px)}
.page-e.research-index .study-rail::after{right:calc(var(--pad) - 28px)}
.research-index .study-head .eyebrow{margin-bottom:22px}
.research-index .study-head__grid>div[data-reveal]{min-width:0}
/* No tint bands (rule): About's alternate sections and the Team grid sit on the same paper */
.page-e .sec--tint,.page-e .sec--alt{background:var(--paper)}
.page-e .sec--alt .rail{border-top:1px solid var(--line);padding-top:clamp(28px,calc(4vh / var(--z,1)),40px)}
/* Contact: the Who we are opening with the office beside the form. Photo and facts stay in view while the form scrolls */
.page-e__aside{position:sticky;top:calc(var(--navh,96px) + 24px);min-width:0}
.page-e__aside .page-e__ph{position:static;max-height:none;aspect-ratio:5/4}
.page-e__facts{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.page-e__facts li{display:flex;flex-direction:column;gap:6px;min-width:0}
.page-e__facts .page-e__k{font-family:var(--brand);font-weight:500;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--acc)}
.page-e__facts .page-e__v{font-size:16px;line-height:1.5;color:var(--ink)}
.page-e__facts a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.page-e__facts a:hover{border-bottom-color:var(--ink)}
.page-e__lead form{margin-top:6px}
.page-e__lead .form__field:last-of-type{margin-bottom:8px}
/* 404: the same opening, with the places to go as arrow links beside the photo */
.page-e__links{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:16px}
.page-e__links li{min-width:0}
.page-e__lead .page-e__links+.btn-e{margin-top:28px}
/* Research notes: a reading hairline under the header grows with the scroll position (CSS scroll timeline; browsers without it show nothing) */
.page-e--note main::before{content:"";position:fixed;left:0;top:var(--navh,96px);z-index:5;width:100%;height:1px;background:var(--acc);transform-origin:left;transform:scaleX(0);animation:readline linear both;animation-timeline:scroll(root);pointer-events:none}
@keyframes readline{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.page-e--note .res-g--note{padding-top:0}
.page-e--note .res-g--note .res-g__in{padding-top:0}
@media (prefers-reduced-motion:reduce){.page-e--note main::before{display:none}}
@media (max-width:900px){
  /* phones keep the quiet edge rails inside the gutter, where the research index already has them */
  .page-e__open .page-e__in::before,.page-e__open .page-e__in::after,.page-e .sec>.rail::before,.page-e .sec>.rail::after{display:block}
  .page-e__open .page-e__in::before,.page-e .sec>.rail::before{left:12px}
  .page-e__open .page-e__in::after,.page-e .sec>.rail::after{right:12px}
  .page-e__open--rails .page-e__in::before,.page-e__open--rails .page-e__in::after{display:block}
  .page-e__aside{position:static}
  .page-e__aside .page-e__ph{aspect-ratio:4/3}
  .page-e__facts{grid-template-columns:minmax(0,1fr);gap:16px}
  .page-e--note main::before{top:var(--navh,72px)}
}