/* White editorial portfolio: quiet controls and compact reading sequences. */
.hero-bio{display:block}.hero-description{max-width:38em}.discipline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.discipline-actions a{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border-top:1px solid var(--line);padding:12px 0;font-size:12px}.discipline-actions small{width:100%;font-size:9px;color:var(--muted);letter-spacing:.12em}.discipline-actions svg{width:14px;height:14px;margin-left:auto}.hero-bottom{justify-content:center}.hero-bottom>a{font-size:13px;letter-spacing:.12em;gap:14px}.feature-caption{display:block}.feature-caption .eyebrow{color:#52614e;font-size:10px;letter-spacing:.09em;font-weight:600}.feature-summary{font-size:12px;line-height:1.65}.feature-facts>span:first-child{font-family:Georgia,'Microsoft YaHei',serif;font-style:italic;color:#73786f}.feature-media:has(img[src*="motion"]){background:#fff}.feature-media:has(img[src*="motion"]) img{object-fit:contain}.editorial-work{border-top:0}.atlas-map{overflow:visible}.world-pin{min-width:14px;width:14px;height:14px}.world-pin .pin-dot{width:4px;height:4px;box-shadow:0 0 0 1px #fff,0 0 0 2px #52614e55}.world-pin.selected{z-index:8}.world-pin:hover,.world-pin:focus-visible{z-index:9}.world-pin .pin-label{bottom:18px}.atlas-caption h3{margin-bottom:12px}.atlas-caption>p:not(.eyebrow){font-size:12px;line-height:1.8}.atlas-meta{margin-top:14px}.atlas-cover{cursor:pointer}.project-card .meta{margin-top:14px;padding-top:12px}.card-body{padding-top:12px}.card-body>p{line-height:1.7}.card-body h3{margin:8px 0 12px}.collection-page .page-heading{padding-top:28px;padding-bottom:22px;margin-bottom:24px}.collection-cards{margin-bottom:40px}.cards-grid.two .card-image{height:clamp(190px,calc(100svh - 440px),340px)}
@media(min-width:1000px){.cards-grid.parametric-cards{display:grid;grid-template-columns:1.12fr 1.05fr .8fr;align-items:start;gap:26px}.parametric-cards>.project-card:nth-child(1){margin-top:40px}.parametric-cards>.project-card:nth-child(2){margin-top:0}.parametric-cards>.project-card:nth-child(3){margin:0;padding:0;display:block}.parametric-cards .card-image{height:clamp(190px,calc(100svh - 455px),300px)}.parametric-cards>.project-card:nth-child(2) .card-image{height:clamp(220px,calc(100svh - 415px),340px)}.parametric-cards>.project-card:nth-child(3) .card-image{height:clamp(190px,calc(100svh - 455px),300px)}.parametric-cards h3{font-size:clamp(21px,1.7vw,27px)}.parametric-cards .meta{font-size:10px;gap:12px}.parametric-cards .card-body>p{font-size:12px}}
body[data-route^="/case/"] #main{overflow:visible}body[data-route^="/case/"] #main .case-layout{align-items:start;overflow:visible}body[data-route^="/case/"] #main .case-rail{position:sticky;top:90px;align-self:start;height:auto;max-height:calc(100svh - 110px);overflow-y:auto;padding-bottom:12px}body[data-route^="/case/"] #main .case-rail nav a{padding:12px 0;line-height:1.5}body[data-route^="/case/"] #main .case-rail nav a[aria-current]{color:#202421;font-weight:600;border-right:2px solid #52614e}body[data-route^="/case/"] #main .case-section{padding-top:24px;margin-top:28px;scroll-margin-top:92px}body[data-route^="/case/"] #main .case-section h2{font-size:clamp(24px,2.3vw,34px);margin:0 0 14px}body[data-route^="/case/"] #main .case-section>p{font-size:13px;line-height:1.85;max-width:74em;margin:8px 0}body[data-route^="/case/"] #main .gallery{gap:18px;margin-top:20px}body[data-route^="/case/"] #main .gallery figure{margin-top:0}body[data-route^="/case/"] #main .gallery img{max-height:300px;object-fit:contain;width:auto;max-width:100%;margin:auto}body[data-route^="/case/"] #main .gallery figcaption{font-size:10px;line-height:1.6;margin-top:6px}body[data-route^="/case/"] #main .gallery>figure:only-child img{max-height:clamp(220px,calc(100svh - 330px),410px)}body[data-route^="/case/"] #main .gallery.photos img{max-height:300px}body[data-route^="/case/"] #main .risk-gallery img{max-height:170px}body[data-route^="/case/"] #main .risk-gallery .is-motion img{max-height:300px}
/* Community atlas: overview, local plots and compact conceptual illustrations. */
body[data-route="/case/mexico"] #main #community .community-gallery{display:grid;grid-template-columns:1.4fr .65fr 1fr;gap:16px;align-items:start}body[data-route="/case/mexico"] #main #community .community-gallery>figure{grid-column:auto;grid-row:auto;max-width:none;margin:0}body[data-route="/case/mexico"] #main #community .figure-0{grid-column:1/-1!important;max-width:560px!important}body[data-route="/case/mexico"] #main #community .figure-0 img{max-height:280px}body[data-route="/case/mexico"] #main #community .figure-1{grid-column:3!important;grid-row:2!important}body[data-route="/case/mexico"] #main #community .figure-2{grid-column:1!important;grid-row:2/5!important}body[data-route="/case/mexico"] #main #community .figure-2 img{max-height:400px}body[data-route="/case/mexico"] #main #community .figure-3{grid-column:2!important;grid-row:2!important}body[data-route="/case/mexico"] #main #community .figure-4{grid-column:2!important;grid-row:3!important}body[data-route="/case/mexico"] #main #community .figure-5{grid-column:2!important;grid-row:4!important}body[data-route="/case/mexico"] #main #community .figure-6{grid-column:3!important;grid-row:3!important}body[data-route="/case/mexico"] #main #community .figure-7{grid-column:3!important;grid-row:4!important}body[data-route="/case/mexico"] #main #community .figure-1 img,body[data-route="/case/mexico"] #main #community .figure-6 img,body[data-route="/case/mexico"] #main #community .figure-7 img{max-height:135px}body[data-route="/case/mexico"] #main #community .figure-3 img,body[data-route="/case/mexico"] #main #community .figure-4 img,body[data-route="/case/mexico"] #main #community .figure-5 img{max-height:120px}
@media(max-width:767px){.discipline-actions{gap:14px}.discipline-actions a{font-size:11px}.hero-bottom>a{font-size:12px}.world-pin:not([aria-hidden=true]){width:18px;height:18px}.cards-grid.two .card-image{height:220px}body[data-route^="/case/"] #main .case-layout{display:block}body[data-route^="/case/"] #main .case-rail{position:sticky;top:64px;background:#fffffff5;z-index:12;max-height:none;padding:6px 0;margin-bottom:20px;border-bottom:1px solid var(--line);overflow:visible}body[data-route^="/case/"] #main .case-rail>a{display:none}body[data-route^="/case/"] #main .case-rail nav{display:flex;gap:18px;overflow-x:auto;white-space:nowrap;margin:0;padding:0}body[data-route^="/case/"] #main .case-rail nav a{font-size:11px;padding:8px 0;border:0}body[data-route^="/case/"] #main .case-rail nav a[aria-current]{border:0;border-bottom:2px solid #52614e}body[data-route^="/case/"] #main .case-section{scroll-margin-top:125px}body[data-route="/case/mexico"] #main #community .community-gallery{grid-template-columns:1fr 1fr}body[data-route="/case/mexico"] #main #community .community-gallery>figure{grid-column:auto!important;grid-row:auto!important}body[data-route="/case/mexico"] #main #community .community-gallery>.figure-0,body[data-route="/case/mexico"] #main #community .community-gallery>.figure-2{grid-column:1/-1!important}body[data-route="/case/mexico"] #main #community .figure-2 img{max-height:300px}}
/* Keep map labels inside their frame, including on narrow screens. */
.atlas-map{overflow:hidden}
body[data-route="/case/mexico"] #main #community .figure-0 img{max-height:150px}body[data-route="/case/mexico"] #main #community .figure-2 img{max-height:240px}body[data-route="/case/mexico"] #main #community .community-gallery{gap:10px}body[data-route="/case/mexico"] #main #community .figure-1 img,body[data-route="/case/mexico"] #main #community .figure-6 img,body[data-route="/case/mexico"] #main #community .figure-7 img{max-height:70px}body[data-route="/case/mexico"] #main #community .figure-3 img,body[data-route="/case/mexico"] #main #community .figure-4 img,body[data-route="/case/mexico"] #main #community .figure-5 img{max-height:60px}body[data-route="/case/mexico"] #main #community>p{line-height:1.65;font-size:12px}
body[data-route^="/case/"] #main .case-section{scroll-margin-top:0}@media(max-width:767px){body[data-route^="/case/"] #main .case-section{scroll-margin-top:36px}}