.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:100px 32px}
.atlas-grid>.project-spread{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:stretch;margin:0}
.project-spread.spread-multiple{grid-template-rows:clamp(230px,24vw,350px) auto}
.project-spread .spread-main{grid-column:1/8;grid-row:1/3;min-height:580px}
.project-spread .spread-detail-1{grid-column:8/11;grid-row:1}
.project-spread .spread-detail-2{grid-column:11/13;grid-row:1}
.project-spread .atlas-card-info{grid-column:8/13;grid-row:2;padding:16px 8px 24px 16px;align-self:center}
.project-spread .spread-detail{display:block;border:0;padding:0;overflow:hidden;background:#eee;min-width:0}
.atlas-grid>.project-spread .atlas-cover>img,.spread-detail img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover}
.project-spread .atlas-cover>span{display:none}
.test-redesign .project-spread h3{font-size:clamp(30px,3.1vw,46px);line-height:1.08;letter-spacing:-.045em;max-width:22ch;margin-bottom:22px}
.project-spread .atlas-card-info>p{font-size:11px;line-height:1.5;margin-bottom:16px}
.spread-description p{font-size:14px;line-height:1.75;max-width:43ch;color:#666;margin:0 0 20px}
.spread-open{display:inline-block;background:none;border:0;border-bottom:1px solid #999;color:#111;padding:12px 0 8px;font-size:12px;min-height:44px}
.spread-open:hover{color:#2f8d6f;border-color:#2f8d6f}
.project-spread.spread-reverse .spread-main{grid-column:6/13}
.project-spread.spread-reverse .spread-detail-1{grid-column:1/4}
.project-spread.spread-reverse .spread-detail-2{grid-column:4/6}
.project-spread.spread-reverse .atlas-card-info{grid-column:1/6;padding-left:0;padding-right:24px}
.atlas-grid>.spread-single{grid-template-rows:auto}
.project-spread.spread-single .spread-main{grid-column:1/9;grid-row:1;min-height:0;height:clamp(380px,42vw,600px)}
.project-spread.spread-single .atlas-card-info{grid-column:9/13;grid-row:1}
.project-spread.spread-single.spread-reverse .spread-main{grid-column:5/13}
.project-spread.spread-single.spread-reverse .atlas-card-info{grid-column:1/5}
.atlas-grid>.atlas-text-entry{grid-column:auto}
.atlas-grid>.atlas-card[hidden]{display:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.spread-detail img{transition:transform .6s ease}.spread-detail:hover img{transform:scale(1.03)}}
@media(max-width:1000px) and (min-width:641px){.atlas-grid{gap:72px 24px}.atlas-grid>.project-spread{gap:16px}.project-spread .spread-main{min-height:520px}.project-spread .atlas-card-info{padding-left:0}.test-redesign .project-spread h3{font-size:30px}.spread-description p{font-size:13px}.project-spread.spread-single .spread-main{grid-column:1/8}.project-spread.spread-single .atlas-card-info{grid-column:8/13}.project-spread.spread-single.spread-reverse .spread-main{grid-column:6/13}.project-spread.spread-single.spread-reverse .atlas-card-info{grid-column:1/6}}
@media(max-width:640px){.atlas-grid{display:block}.atlas-grid>.project-spread,.atlas-grid>.project-spread.spread-multiple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:10px;margin-bottom:60px}.atlas-grid>.project-spread .spread-main{grid-column:1/-1;grid-row:1;min-height:0;height:380px}.atlas-grid>.project-spread .spread-detail-1{grid-column:1;grid-row:2;height:175px}.atlas-grid>.project-spread .spread-detail-2{grid-column:2;grid-row:2;height:175px}.atlas-grid>.project-spread .atlas-card-info{grid-column:1/-1;grid-row:3;padding:18px 0 0}.atlas-grid>.spread-single .atlas-card-info{grid-row:2}.test-redesign .project-spread h3{font-size:32px;max-width:24ch;margin-bottom:16px}.spread-description p{font-size:13px;line-height:1.65;max-width:none}.project-spread .atlas-card-info>p{margin-bottom:12px}.atlas-grid>.atlas-text-entry{margin-bottom:32px}.spread-open{margin-top:0}.atlas-grid>.spread-single .spread-main{height:300px}}

/* Archive names form a continuous editorial ribbon. */
.archive-register{overflow:hidden;min-width:0}.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.archive-toggle{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font:inherit;cursor:pointer;color:inherit}.archive-marquee{overflow:hidden;padding:36px 0;border-block:1px solid #d8d8d3}.archive-track{display:flex;width:max-content;animation:archive-run 180s linear infinite}.archive-register .archive-names{display:flex;flex-wrap:nowrap;gap:52px;list-style:none;margin:0;padding:0 52px 0 0;width:max-content}.archive-register .archive-names li{white-space:nowrap;font-size:clamp(22px,3vw,42px);line-height:1.2;border:0;padding:0;letter-spacing:-.025em}.archive-names li::before{content:'↗';color:#2f8d6f;margin-right:20px}.archive-register:hover .archive-track,.archive-register:focus-within .archive-track,.archive-register.is-paused .archive-track{animation-play-state:paused}@keyframes archive-run{to{transform:translateX(-50%)}}
.international-reference{margin:100px 0;padding:48px 0;border-top:1px solid #d8d8d3;display:grid;grid-template-columns:1fr 1fr;gap:30px 70px}.reference-label{grid-column:1/-1;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.international-reference h2{font-size:clamp(32px,4vw,60px);line-height:1.1;letter-spacing:-.04em;margin:0}.international-reference h2 span{color:#2f8d6f}.reference-copy{max-width:520px;line-height:1.6}.reference-copy p:first-child{margin-top:0}.reference-copy a{color:inherit;text-underline-offset:5px}
@media(max-width:640px){.international-reference{grid-template-columns:1fr;margin:60px 0;gap:24px}.archive-heading{align-items:flex-start;flex-direction:column}.archive-heading h2{margin-bottom:0}.archive-marquee{padding:24px 0}}
@media(prefers-reduced-motion:reduce){.archive-track{animation:none}.archive-marquee{overflow-x:auto}.archive-names[aria-hidden]{display:none}.archive-toggle{display:none}}

.archive-index{margin-top:90px;padding:40px 0;border-block:1px solid #d8d8d3;display:grid;grid-template-columns:1fr 2fr;gap:60px}.archive-index-heading p{font-size:12px;color:#666;margin:0 0 15px}.archive-index-heading h2{font-size:clamp(26px,3vw,42px);letter-spacing:-.04em;margin:0}.archive-index summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:16px}.archive-index summary::-webkit-details-marker{display:none}.archive-index summary:after{content:'+';font-size:28px;color:#2f8d6f}.archive-index details[open] summary:after{content:'−'}.archive-index ul{display:grid;grid-template-columns:1fr 1fr;gap:0 32px;list-style:none;padding:20px 0 0;margin:0}.archive-index li{display:flex;align-items:baseline;gap:16px;border-top:1px solid #e4e4df;padding:18px 0;font-size:15px;line-height:1.45}.archive-index li span{font-size:10px;color:#888;font-variant-numeric:tabular-nums}.archive-index summary:hover{color:#2f8d6f}@media(max-width:640px){.archive-index{grid-template-columns:1fr;gap:20px;margin-top:50px}.archive-index ul{grid-template-columns:1fr}}

/* Match the TMK spread; intrinsic portrait image must not stretch the grid. */
#novartis-sanaa .spread-main{position:relative;overflow:hidden}
#novartis-sanaa .spread-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%}
#novartis-sanaa .novartis-photo-credit{display:block;font-size:10px;line-height:1.5;color:#888;max-width:42ch;margin-top:14px}
#novartis-sanaa .atlas-card-info{align-self:start}

.photo-expanded .spread-main{position:relative;overflow:hidden}.atlas-grid>.photo-expanded .spread-main>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-photo-credit{display:block;font-size:10px;line-height:1.5;color:#888;margin-top:14px}.archive-index-heading .archive-selection-note{font-size:14px;line-height:1.65;margin:22px 0 0;max-width:28ch}

/* Compact portfolio opening: expose the first project on laptop screens. */
.test-redesign.portfolio-page .inner-hero{padding-block:34px 24px}
.test-redesign.portfolio-page .inner-hero h1{font-size:clamp(38px,4.1vw,60px);max-width:none}
.test-redesign.portfolio-page .inner-lead{margin:18px 0 0;max-width:900px;font-size:16px;line-height:1.55}
.portfolio-page .portfolio-atlas{padding-top:12px}
.portfolio-page .atlas-toolbar{padding-top:12px}
.portfolio-page .atlas-status{margin:12px 0 20px}
.portfolio-page .atlas-status p{margin:0}
@media(max-width:640px){.test-redesign.portfolio-page .inner-hero{padding-block:28px 20px}.test-redesign.portfolio-page .inner-hero h1{font-size:36px;line-height:1.08}.test-redesign.portfolio-page .inner-lead{font-size:14px;margin-top:16px}.portfolio-page .atlas-status{margin-bottom:20px}}

.project-drawings-link{display:block;margin-top:14px;padding:8px 0;background:transparent;border:0;border-bottom:1px solid #b5c9bc;color:#2f8d6f;font:inherit;font-size:12px;cursor:pointer}.project-drawings-link:hover{color:#111}.project-drawings-link:focus-visible{outline:2px solid #2f8d6f;outline-offset:5px}