/* Exalt · inner pages in the L3Harris-style trial
   Loads after l3.css. The page bodies keep their original markup; this layer restates
   those components in the new grammar: caps section titles underlined in red, 1px rules,
   navy page heroes with the globe, red figures, one type scale. */

/* ---------- page hero ---------- */
.phero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy-deep);color:var(--on-dark)}
.phero .globe{width:min(720px,62vw);left:auto;right:-8vw;top:50%;transform:translateY(-44%)}
.phero .hero-shade{background:linear-gradient(90deg,var(--navy-deep) 0%,oklch(.2 .03 248 / .88) 42%,oklch(.2 .03 248 / .1) 75%)}
.phero-in{position:relative;padding-top:calc(var(--hdr) + 56px);padding-bottom:72px;pointer-events:none}
.phero-in > *{pointer-events:auto}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px;font:500 13px/20px var(--font);letter-spacing:.04em;color:var(--on-dark-2)}
.crumbs a{transition:color .2s}
.crumbs a:hover{color:var(--on-dark)}
.crumbs span[aria-hidden]{color:var(--red)}
.crumbs [aria-current]{color:var(--on-dark)}
.phero-k{display:block;margin-bottom:20px;font:600 13px/20px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2)}
.phero-k b{color:var(--on-dark);font-weight:700}
.phero-k .sw{display:inline-block;width:12px;height:12px;margin-right:10px;vertical-align:-1px;background:var(--arm,var(--red))}
.phero h1{max-width:620px}
.phero h1 .ln{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(var(--red),var(--red)) 0 100% / 100% 5px no-repeat;padding-bottom:2px}
.phero-b{max-width:560px;margin-top:32px}
.phero-b p{font-size:19px;line-height:30px;color:var(--on-dark-2)}
.acts{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.phero-stats{display:flex;flex-wrap:wrap;gap:24px 64px;margin-top:56px;padding-top:24px;border-top:1px solid var(--line-dark)}
.phero-stats b{display:block;font:700 40px/1.1 var(--display);color:var(--red)}
.phero-stats span{font-size:14px;line-height:20px;color:var(--on-dark-2)}
/* articles: a long sentence-case title, no globe */
.phero.art h1{text-transform:none;font-size:clamp(32px,3.6vw,48px);line-height:1.18;letter-spacing:-.01em;max-width:24ch}
.phero.art .phero-b{max-width:680px}
.byline{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;font-size:14px;line-height:20px;color:var(--on-dark-2)}
.byline b{color:var(--on-dark)}

/* ---------- section grammar ---------- */
main > section{padding-block:var(--sec)}
main > section.paper{background:var(--grey)}
main > section.dark{background:var(--navy-deep);color:var(--on-dark)}
main > section.result{background:var(--grey)}
main > section + section:not(.paper):not(.dark):not(.result){border-top:1px solid var(--rule)}
main > section.paper + section,main > section.dark + section,main > section.result + section{border-top:0}
.label{font:600 12px/16px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.dark .label{color:var(--on-dark-2)}
.side-label{display:inline-block;justify-self:start;align-self:start;font:700 clamp(24px,2.2vw,30px)/1.5 var(--display);font-stretch:100%;letter-spacing:.005em;color:var(--ink);border-bottom:4px solid var(--red);padding-bottom:2px;text-wrap:balance}
.dark .side-label{color:var(--on-dark)}
.sec-head{margin-bottom:48px}
.sec-head .side-label{margin-bottom:24px}
.h-xl{display:block;font:600 clamp(24px,2.2vw,30px)/1.3 var(--font);letter-spacing:-.005em;max-width:36ch}
.h-lg{font:600 clamp(26px,2.6vw,34px)/1.25 var(--font)}
.sec-head .intro,.intro{margin-top:16px;font-size:18px;line-height:28px;color:var(--ink-2);max-width:62ch}
.dark .intro,.dark .h-xl + p{color:var(--on-dark-2)}
.g12{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 64px;align-items:start}
.main9{min-width:0}
.main9 > .h-xl{font-size:clamp(24px,2.4vw,32px);line-height:1.3;max-width:30ch}
.prose p{font-size:18px;line-height:30px;color:var(--ink-2);max-width:68ch}
.prose p + p{margin-top:18px}
.prose .lead,.lead{font:600 clamp(22px,2vw,26px)/1.35 var(--font);color:var(--ink);margin-bottom:20px}
.prose em{font-style:italic}
.dark .prose p{color:var(--on-dark-2)}
.hl{color:var(--red)}
.xt{font-family:var(--display);font-stretch:125%;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.inline-link,.ul{font-weight:600;text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:2px;text-underline-offset:4px;transition:color .2s}
.inline-link:hover{color:var(--red)}
.arrow{display:none}
.go{display:inline-flex;align-items:center;gap:10px;font:700 14px/20px var(--font);letter-spacing:.06em;text-transform:uppercase;transition:color .2s}
.go::before{content:"";width:6px;height:6px;border:solid var(--red);border-width:2.4px 2.4px 0 0;transform:rotate(45deg);margin-right:2px}
a:hover > .go,a:hover .go{color:var(--red)}
main .btn:not(.fill){background:transparent;color:var(--ink);border-color:var(--ink)}
main .btn:not(.fill):hover{background:var(--ink);color:var(--on-dark)}
.phero .btn:not(.fill){color:var(--on-dark);border-color:var(--on-dark)}
.phero .btn:not(.fill):hover{background:var(--on-dark);color:var(--navy)}
.phero .btn{min-height:56px;padding:14px 28px;font-size:16px;line-height:26px}
main .btn.fill{background:var(--red);border-color:var(--red);color:var(--on-dark)}
main .btn.fill:hover{background:var(--red-press);border-color:var(--red-press)}

/* quote: a single statement, no quote marks */
.quote{max-width:900px}
.quote blockquote{font:700 clamp(26px,3vw,40px)/1.25 var(--display);letter-spacing:-.01em;text-wrap:balance}
.quote blockquote::before{content:"";display:block;width:56px;height:5px;background:var(--red);margin-bottom:32px}
.quote cite{display:block;margin-top:24px;font:600 13px/20px var(--font);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2)}

/* numbered lists and steps */
.numbered,.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.numbered.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.steps{grid-template-columns:repeat(4,minmax(0,1fr))}
.steps.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.numbered > div,.steps > div{padding:24px 0 40px;border-top:1px solid var(--rule)}
.dark .numbered > div,.dark .steps > div{border-color:var(--line-dark)}
.numbered .n{display:block;font:700 13px/20px var(--font);letter-spacing:.08em;color:var(--red);margin-bottom:12px}
.steps .n{display:block;font:700 44px/1 var(--display);color:var(--red);margin-bottom:20px}
.numbered h3,.steps h3{font:600 20px/28px var(--font);margin-bottom:8px}
.numbered p,.steps p{font-size:16px;line-height:24px;color:var(--ink-2);max-width:42ch}
.dark .numbered p,.dark .steps p{color:var(--on-dark-2)}

/* figures */
.figures,.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:48px}
.figures > div,.stats > div{padding-top:20px;border-top:1px solid var(--rule)}
.figures b,.stats b{display:block;font:700 clamp(40px,4vw,52px)/1.1 var(--display);color:var(--red);margin-bottom:8px}
.figures span,.stats span{font-size:16px;line-height:24px;color:var(--ink-2)}

/* panel */
.panel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:24px 64px;margin-top:48px;padding:32px;background:var(--grey)}
.paper .panel{background:var(--paper)}
.dark .panel{background:oklch(.975 .004 250 / .06)}
.panel p{font-size:18px;line-height:30px;color:var(--ink-2);max-width:62ch}
.dark .panel p{color:var(--on-dark-2)}
.panel .label{color:var(--red);padding-top:6px}

/* terms */
.terms,.inst{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 32px}
.inst{grid-template-columns:repeat(2,minmax(0,1fr))}
.terms li,.inst li{display:flex;align-items:center;min-height:56px;padding:12px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:-1px;font:600 17px/24px var(--font)}
.dark .terms li{border-color:var(--line-dark)}

/* specs */
.specs{border-top:2px solid var(--ink)}
.spec{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr) minmax(0,5fr);gap:32px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--rule)}
.spec .k{font:600 13px/20px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.spec .v{font:600 19px/28px var(--font)}
.spec small{font-size:16px;line-height:24px;color:var(--ink-2)}

/* contrast */
.contrast{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.contrast h3{font:700 22px/30px var(--display);text-transform:uppercase;padding-bottom:16px;border-bottom:1px solid var(--line-dark)}
.contrast li{position:relative;padding:16px 0 16px 28px;border-bottom:1px solid var(--line-dark);font-size:17px;line-height:26px}
.contrast .them li{color:var(--on-dark-2)}
.contrast .them li::before{content:"";position:absolute;left:2px;top:28px;width:12px;height:2px;background:var(--on-dark-2)}
.contrast .us h3{color:var(--red)}
.contrast .us li::before{content:"";position:absolute;left:3px;top:21px;width:6px;height:11px;border:solid var(--red);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}

/* the other arms */
.others{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.others a{display:flex;flex-direction:column;padding-top:24px;border-top:4px solid var(--c)}
.others .a-strategies{--c:var(--coral)} .others .a-policy{--c:var(--sky)} .others .a-fund{--c:var(--lime)} .others .a-tech{--c:var(--sun)}
.others small{font-size:11px;letter-spacing:.06em;color:var(--ink-2)}
.others h3{font:700 24px/32px var(--display);font-stretch:112%;text-transform:uppercase;margin:4px 0 12px;transition:color .2s}
.others p{font-size:16px;line-height:24px;color:var(--ink-2);margin-bottom:24px}
.others .go{margin-top:auto}
.others a:hover h3{color:var(--red)}

/* team */
.bio{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 64px;padding:48px 0;border-top:1px solid var(--rule)}
.bio:first-of-type{border-top:0;padding-top:0}
.portrait img{width:100%;aspect-ratio:1;object-fit:cover}
.tile{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--navy-deep);color:var(--on-dark)}
.tile .xt{font-size:clamp(32px,4vw,56px)}
.who h3{font:700 clamp(28px,3vw,36px)/1.15 var(--display);text-transform:uppercase;margin:8px 0 4px}
.who .base{font-size:15px;color:var(--ink-2);margin-bottom:24px}
.who .label{color:var(--red)}
.facts{display:flex;flex-wrap:wrap;gap:16px 48px;margin:32px 0 0;padding-top:20px;border-top:1px solid var(--rule)}
.facts b{display:block;font:700 28px/1.2 var(--display);color:var(--red)}
.facts span{font-size:14px;color:var(--ink-2)}
.honours,.links{margin-top:24px;font-size:15px;line-height:24px;color:var(--ink-2)}
.honours li,.links li{padding:6px 0;border-bottom:1px solid var(--rule)}
.links{display:flex;flex-wrap:wrap;gap:8px 24px}
.links li{border:0;padding:0}
.links a{font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:4px}
.people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.person .tile{margin-bottom:16px}
.person h3{font:600 20px/28px var(--font)}
.person p{font-size:15px;color:var(--ink-2)}
.wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.wall li{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-height:112px;padding:20px 24px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.paper .wall li{background:var(--paper)}
.wall b{font:700 17px/24px var(--font)}
.wall span{font:500 12px/16px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.gallery img{width:100%;aspect-ratio:4/5;object-fit:cover}
.gallery figcaption{margin-top:12px;font-size:14px;line-height:20px;color:var(--on-dark-2)}
.press-row{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:baseline}
.press-row .label{color:var(--red)}
.press{display:flex;flex-wrap:wrap;gap:6px 28px;font:600 16px/28px var(--font);color:var(--ink-2)}
.press li{white-space:nowrap}

/* work record */
.record{border-top:2px solid var(--ink)}
.entry{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:32px;padding:40px 0;border-bottom:1px solid var(--rule)}
.entry .meta{display:flex;flex-direction:column;gap:4px}
.entry .num{font:700 13px/20px var(--font);letter-spacing:.08em;color:var(--red)}
.entry .k{font:600 13px/20px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.entry .w{font:700 17px/24px var(--display)}
.entry h3{font:600 26px/34px var(--font);margin-bottom:12px}
.entry .body > p{font-size:17px;line-height:28px;color:var(--ink-2);max-width:70ch}
.out{display:flex;flex-wrap:wrap;gap:16px 56px;margin:24px 0}
.out li{font-size:15px;line-height:22px;color:var(--ink-2)}
.out b{display:block;font:700 clamp(28px,2.6vw,36px)/1.15 var(--display);color:var(--red)}
.case-link{margin-top:8px}

/* contact */
.contact-mail .mail-xl{display:inline-block;font:700 clamp(28px,4vw,52px)/1.15 var(--display);border-bottom:4px solid var(--red);padding-bottom:4px;transition:color .2s;overflow-wrap:anywhere}
.contact-mail .mail-xl:hover{color:var(--red)}
.offices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.office-card{padding:28px 0;border-top:2px solid var(--ink)}
.office-card .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px}
.office-card .d{font:800 clamp(40px,5vw,64px)/1 var(--display);font-stretch:125%;color:var(--red)}
.office-card time{font:700 24px/1 var(--display);font-variant-numeric:tabular-nums}
.office-card h3{font:700 22px/30px var(--display);text-transform:uppercase}
.office-card p{color:var(--ink-2)}

/* atlas: map + market index */
.atlas{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:48px;align-items:start}
.frame{background:var(--navy-deep);color:var(--on-dark);padding:24px}
.frame-hd{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;font:600 12px/16px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-2)}
.frame-hd .keys{display:flex;gap:20px;margin:0;color:var(--on-dark-2)}
.frame-hd .keys span{display:inline-flex;align-items:center;gap:8px}
.frame-hd .keys i{width:11px;height:11px;border:1.6px solid var(--on-dark);border-radius:50%}
.frame-hd .keys i.m{border:0;border-radius:0;background:var(--red)}
.map{display:block;width:100%;height:auto}
.map .c{fill:oklch(.975 .004 250 / .12);stroke:var(--navy-deep);stroke-width:.6}
.map .mkt{fill:var(--red)}
.map .grat{fill:none;stroke:oklch(.975 .004 250 / .05);stroke-width:.7}
.map .sph{fill:none;stroke:oklch(.975 .004 250 / .14);stroke-width:1}
.map .ring{fill:none;stroke:var(--on-dark);stroke-width:1.6}
.map .core{fill:var(--on-dark)}
.map .pin{fill:var(--red);stroke:var(--on-dark);stroke-width:1.2}
.map .lbl{font:600 13px var(--font);letter-spacing:.06em;fill:var(--on-dark);paint-order:stroke;stroke:var(--navy-deep);stroke-width:4px}
.index{display:grid;gap:28px}
.region h4{font:600 12px/16px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding-bottom:8px;border-bottom:2px solid var(--ink)}
.region li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--rule)}
.region a{font:600 17px/24px var(--font);transition:color .2s}
.region a:hover{color:var(--red)}
.region li span{font-size:13px;color:var(--ink-2);text-align:right}

/* insights */
.featured{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:16px 64px;padding:40px;background:var(--grey);transition:background .2s}
.featured .label{grid-row:span 2;color:var(--red)}
.featured p{font-size:18px;line-height:30px;color:var(--ink-2)}
.featured .ul{color:var(--ink)}
.featured:hover h2{color:var(--red)}
.posts{border-top:2px solid var(--ink)}
.post{display:grid;grid-template-columns:120px 160px minmax(0,1fr) 120px;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--rule)}
.post .n{font:700 13px/20px var(--font);letter-spacing:.06em;color:var(--red)}
.post .cat{font:600 13px/20px var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}
.post h3{font:600 20px/28px var(--font);transition:color .2s}
.post .st{font-size:14px;color:var(--ink-2);text-align:right}
.post:hover h3{color:var(--red)}

/* article */
.article{max-width:720px;margin:0 auto}
.article > p,.article li{font-size:19px;line-height:32px;color:oklch(.32 .025 250)}
.article > p + p{margin-top:22px}
.article > p:first-child{font-size:22px;line-height:34px;color:var(--ink)}
.article h2{font:700 26px/1.3 var(--display);margin:48px 0 16px}
.article h3{font:600 21px/30px var(--font);margin:36px 0 12px}
.article ul,.article ol{margin:20px 0 20px 22px}
.article ul{list-style:square}
.article blockquote{margin:36px 0;padding-top:20px;border-top:4px solid var(--red);font:600 24px/1.4 var(--font);max-width:30ch}
.article a{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:3px}
.sources{max-width:720px;margin:72px auto 0;padding-top:24px;border-top:2px solid var(--ink)}
.sources h2{font:600 13px/20px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:12px}
.sources ol{margin-left:20px;font-size:14px;line-height:22px;color:var(--ink-2)}
.sources li{padding:4px 0}
.sources a{text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.sources a:hover{color:var(--red)}

/* markets */
.mkt-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-left:1px solid var(--rule)}
.paper .mkt-grid .card{background:var(--paper)}
.card{display:flex;flex-direction:column;gap:16px;min-height:200px;padding:24px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);transition:background .2s}
.card .top{display:flex;align-items:baseline;gap:12px}
.card .code{font:800 13px/20px var(--display);font-stretch:125%;color:var(--red)}
.card h3{font:700 22px/28px var(--display);text-transform:uppercase;transition:color .2s}
.chips{display:flex;flex-direction:column;gap:4px}
.chip{font-size:13px;line-height:20px;color:var(--ink-2)}
.chip b{margin-left:6px;color:var(--ink);font-weight:600}
.card .go{margin-top:auto}
.card:hover h3{color:var(--red)}
.factsheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-left:1px solid var(--rule)}
.factsheet > div{display:flex;flex-direction:column;gap:8px;padding:20px 24px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.factsheet .wide{grid-column:span 2}
.factsheet .k{font:600 12px/16px var(--font);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.factsheet .v{font:600 17px/26px var(--font)}
.verified{margin-top:16px;font-size:14px;line-height:22px;color:var(--ink-2)}
.result .g12{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}
.r-txt h2{font:700 clamp(28px,3vw,40px)/1.2 var(--display);text-transform:uppercase;margin:12px 0 16px}
.r-txt p{color:var(--ink-2);max-width:56ch;margin-bottom:28px}
.r-txt .label{color:var(--red)}
.r-doc img{width:100%;max-width:360px;margin-left:auto;box-shadow:0 24px 48px -24px oklch(.2 .03 250 / .45)}
.case-doc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.case-doc img{width:100%;box-shadow:0 24px 48px -24px oklch(.2 .03 250 / .45)}
.case-doc figcaption{margin-top:12px;font-size:14px;color:var(--ink-2)}
.tr .label{color:var(--red)}
.tr-note{font-size:15px;color:var(--ink-2);margin:4px 0 20px}
.tr ol{list-style:none;border-top:2px solid var(--ink)}
.tr li{padding:16px 0;border-bottom:1px solid var(--rule);font-size:17px;line-height:27px;color:var(--ink-2)}
.tr li b{display:block;color:var(--ink);margin-bottom:2px}
.tr-sign{margin-top:16px;font-size:15px;color:var(--ink-2)}
.wide{min-width:0}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .terms{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wall,.mkt-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .atlas{grid-template-columns:1fr}
  .index{grid-template-columns:repeat(2,minmax(0,1fr))}
  .post{grid-template-columns:100px 140px minmax(0,1fr)}
  .post .st{display:none}
}
@media (max-width:860px){
  .phero .globe{width:120vw;right:-50vw;top:auto;bottom:-60vw;transform:none;opacity:.7}
  .phero .hero-shade{background:linear-gradient(180deg,var(--navy-deep) 45%,oklch(.2 .03 248 / .6))}
  .phero-in{padding-top:calc(var(--hdr) + 24px);padding-bottom:56px}
  .crumbs{margin-bottom:28px}
  .g12,.panel,.case-doc,.result .g12{grid-template-columns:1fr;gap:24px}
  .numbered,.numbered.two,.steps,.steps.three,.others,.figures,.stats,.people,.gallery{grid-template-columns:1fr}
  .terms{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spec{grid-template-columns:1fr;gap:4px}
  .contrast{grid-template-columns:1fr;gap:40px}
  .bio{grid-template-columns:1fr}
  .portrait,.bio .tile{max-width:320px}
  .wall,.mkt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .entry{grid-template-columns:1fr;gap:12px}
  .offices{grid-template-columns:1fr}
  .factsheet{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured{grid-template-columns:1fr;padding:28px}
  .featured .label{grid-row:auto}
  .post{grid-template-columns:1fr;gap:4px}
  .press-row{grid-template-columns:1fr;gap:8px}
  .r-doc img{margin:0}
  .gallery img{aspect-ratio:4/3}
}
@media (max-width:560px){
  .terms,.inst,.index{grid-template-columns:1fr}
  .wall,.mkt-grid,.factsheet{grid-template-columns:1fr}
  .factsheet .wide{grid-column:auto}
  .phero-stats{gap:20px 40px}
  .article > p,.article li{font-size:18px;line-height:30px}
}

/* current section in the main navigation */
.nav [data-on]{color:var(--red)}

/* fixes after the first click-through */
main > .wrap{padding-block:var(--sec)}
main > section.paper + section.result{border-top:1px solid var(--rule)}
.contact-mail .main9 p{color:var(--ink-2) !important}
.people{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.person{display:grid;grid-template-columns:72px minmax(0,1fr);grid-template-rows:auto auto;column-gap:20px;align-content:center;padding:20px 0;border-top:1px solid var(--rule)}
.person .tile{grid-row:span 2;width:72px;margin:0}
.person .tile .xt{font-size:20px}
.person h3{align-self:end}
@media (max-width:860px){.people{grid-template-columns:1fr}}
.sec-head .side-label{margin-bottom:0}