/* A quieter architectural newspaper: the photograph, the headline, the story. */
:root{--paper:#f3f3f0;--ink:#242623;--muted:#737670;--rule:#cbd0c9;--line:#cbd0c9}
::selection{background:#d8ded6;color:#202520}
a,button{ -webkit-tap-highlight-color:transparent }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}
h1,h2,h3{font-kerning:normal}
.cover-shade{background:linear-gradient(180deg,rgba(12,19,16,.32),rgba(12,19,16,.04) 36%,rgba(12,19,16,.44))}
.cover-header .brand{letter-spacing:-.055em;word-spacing:.045em;padding:18px 0 25px}
.cover-header nav{font-size:11px;gap:32px}
.cover-title h1{font-size:clamp(70px,7.5vw,116px);line-height:.95;letter-spacing:-.045em}
.cover-title p{font-size:18px;line-height:1.4}
.cover-controls button{min-width:36px;min-height:36px;cursor:pointer}
.reading-bar{background:rgba(243,243,240,.96);backdrop-filter:blur(12px);border-top:0;border-bottom:1px solid var(--rule)}
.reading-bar nav a{padding:8px 0;transition:opacity .2s}
.reading-bar nav a:hover{opacity:.55}
.manifesto{padding-top:90px;padding-bottom:65px}
.manifesto-grid{align-items:start}
.manifesto-copy{max-width:480px}
.contents a{background:transparent!important}
.contents a:hover strong{font-style:italic}
.section-intro{padding-top:26px;margin-bottom:42px}
.section-intro h2{font-weight:400;line-height:1.02;margin-top:12px}
.section-intro>p{max-width:360px;font-size:16px;line-height:1.5}
.story h3{font-weight:400}
.story .report-excerpt{max-width:62ch}
.story-caption{align-items:baseline;gap:18px}
.story-caption span:last-child{max-width:55%;text-align:right;line-height:1.5}
.story-image{background:#e6e7e2}
.story-image img{filter:saturate(.88);transition:transform .9s cubic-bezier(.2,.65,.3,1),filter .6s}
.story-image:hover img{transform:scale(1.018);filter:saturate(.98)}
.story .image-open{background:var(--paper);border:0;width:36px;height:36px;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}
.story-image:hover .image-open,.story-image:focus-visible .image-open{opacity:1;transform:none}
.studio{padding-top:75px;padding-bottom:85px}
.studio-copy h2{font-size:clamp(40px,4vw,60px);line-height:1.06;letter-spacing:-.04em}
.studio-copy>p{color:#555a52}
.contact{padding-top:60px;padding-bottom:70px}
.contact .running-head{border-top:1px solid var(--ink);border-bottom:0;padding-top:22px}
.contact form input,.contact form textarea{border-color:#b9beb6;transition:border-color .2s}
.contact form input:focus,.contact form textarea:focus{border-color:var(--ink)}
.contact form button{padding:14px 22px}
.footer-bottom{color:var(--muted);line-height:1.6}
/* Article openings share the same typographic rhythm as the cover. */
.journal-article{background:var(--paper);color:var(--ink)}
.journal-article .edition-line{color:#737670;border-bottom:1px solid var(--line)}
.journal-article .edition-nav>span{display:none}
.journal-article .edition-nav{justify-content:center;border-bottom:1px solid var(--ink)}
.journal-article .edition-nav nav{gap:30px}
.journal-article .masthead .newspaper-name{font-size:clamp(40px,6vw,88px);padding:24px 0 27px;word-spacing:.05em}
.journal-article .page-marker{border:0;margin-bottom:0;padding-bottom:0;color:var(--muted)}
.journal-article .article-opening{padding:35px 0 45px;max-width:1060px}
.journal-article .article-opening .kicker,.journal-article .article-opening .byline{display:none}
.journal-article .article-opening h1{font-size:clamp(48px,6.1vw,88px);line-height:1.02;letter-spacing:-.045em;max-width:1000px;margin:0 0 25px}
.journal-article .article-opening .standfirst{max-width:730px;font-size:23px;line-height:1.45;margin:0;color:#5e635b}
.journal-article .detail>img{max-height:86vh;object-fit:contain;object-position:center;background:#e7e8e3}
.journal-article .detail-description{margin:24px 0 18px;padding:18px 0;border-top:1px solid var(--line);gap:30px}
.journal-article .report-body{margin:65px 0 60px}
.journal-article .report-body-heading{border-top:1px solid var(--ink);border-bottom:0;padding-top:17px;color:var(--muted)}
.journal-article .report-columns p{color:#4c514a}
.journal-article .project-gallery{gap:48px 36px}
.journal-article .project-gallery figure{border-bottom:0;padding-bottom:0;margin-bottom:0}
.journal-article .project-gallery img{background:transparent}
.journal-article .project-gallery figcaption{max-width:720px;font-size:10px;line-height:1.55;color:#747970;padding-top:13px}
.journal-article .page-end{margin-top:70px;border-top:1px solid var(--ink)}
@media(min-width:701px){
 .story-1 h3{font-size:clamp(44px,4.6vw,68px)}
 .editorial-grid{gap:64px 42px}
 .story-2,.story-3,.story-4,.story-5{padding-top:25px}
 .journal-article .project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .journal-article .project-gallery figure{grid-column:auto}
 .journal-article .project-gallery .gallery-wide{grid-column:1/-1}
 .journal-article .project-gallery .gallery-portrait img{height:auto;max-height:850px;width:100%;object-fit:contain}
 .journal-article .report-columns{column-gap:42px}
}
@media(max-width:700px){
 .cover-header .brand{font-size:7.75vw;padding:18px 0 21px;white-space:nowrap}
 .cover-header nav{gap:18px;font-size:10px}
 .cover-title h1{font-size:clamp(49px,11.7vw,78px);line-height:1}
 .cover-title p{font-size:16px}
 .cover-title{bottom:140px}
 .cover-bottom{gap:12px}
 .discover{display:none}
 .cover-controls{margin-left:auto;gap:2px}
 .reading-bar{padding-top:14px;padding-bottom:14px;gap:15px}
 .reading-bar nav{gap:15px}
 .reading-bar nav a{font-size:10px}
 .manifesto{padding-top:45px;padding-bottom:38px}
 .manifesto h2{font-size:39px;line-height:1.06}
 .section-intro{padding-top:22px;margin-bottom:25px}
 .section-intro h2{font-size:42px}
 .section-intro>p{font-size:15px;line-height:1.45}
 .story h3{font-size:34px;line-height:1.05;letter-spacing:-.035em}
 .story-1 h3{font-size:40px}
 .story .image-open{opacity:1;transform:none;width:30px;height:30px}
 .story-caption{gap:10px}
 .story-caption span:last-child{font-size:7px}
 .studio{padding-top:42px;padding-bottom:46px}
 .studio-grid{gap:26px}
 .studio-copy h2{font-size:39px;margin-top:18px;margin-bottom:22px}
 .contact{padding-top:38px;padding-bottom:40px}
 .journal-article .masthead .newspaper-name{font-size:7.3vw;padding:22px 0}
 .journal-article .edition-nav nav{gap:23px;font-size:10px}
 .journal-article .edition-line span:last-child{display:none}
 .journal-article .article-opening{padding:26px 0 28px}
 .journal-article .article-opening h1{font-size:43px;line-height:1.04;margin-bottom:20px}
 .journal-article .article-opening .standfirst{font-size:19px;line-height:1.4}
 .journal-article .detail-description{margin-top:18px;gap:16px;padding:14px 0}
 .journal-article .report-body{margin:35px 0}
 .journal-article .report-body-heading span:last-child{display:none}
 .journal-article .report-columns p{font-size:16px;line-height:1.48}
 .journal-article .project-gallery{display:block}
 .journal-article .project-gallery figure{margin-bottom:30px}
 .journal-article .project-gallery figcaption{font-size:9px;padding-top:10px}
 .journal-article .page-end{margin-top:40px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.journal-article .detail>img{background:transparent;width:auto;max-width:100%;height:auto;margin-left:auto;margin-right:auto}
@media(min-width:1000px){.journal-article .article-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;max-width:none;padding-top:48px;padding-bottom:48px}.journal-article .article-opening h1{font-size:clamp(56px,5.7vw,82px);margin:0}.journal-article .article-opening .standfirst{font-size:22px;padding-bottom:5px}}