/* Persistent navigation and restrained editorial motion. */
html{scroll-padding-top:calc(var(--nav-height,100px) + 24px)}
body.journal .masthead{position:sticky;top:0;inset-inline:0;z-index:80;background:rgba(246,244,239,.97);color:var(--ink);border-bottom:1px solid var(--line);transition:box-shadow .3s ease,background-color .3s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
body.journal .masthead.is-scrolled{box-shadow:0 8px 28px #0000000c;background:rgba(246,244,239,.99)}
body.journal .masthead nav{width:auto;gap:12px 25px}
body.journal .masthead .wordmark{color:var(--ink)}
body.journal .masthead .home-link,body.journal .masthead .switch{display:inline-block}
.masthead nav a{position:relative;padding-block:4px;text-decoration:none!important}
.masthead nav a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.masthead nav a:hover:after,.masthead nav a:focus-visible:after,.masthead nav a[aria-current=page]:after{transform:scaleX(1)}
body.architecture{--green:#343434}
.house-card{overflow:hidden;margin-bottom:42px}
.house-card img,.plate-open img{transition:filter .45s ease}
.house-card h2,.contents a>span:last-child,.article-end a{transition:transform .3s ease}
@media(hover:hover){.house-card:hover img,.plate-open:hover img{filter:brightness(1.045)}.house-card:hover h2{transform:translateX(6px)}.contents a:hover>span:last-child{transform:translate(3px,-3px)}}
@media(prefers-reduced-motion:no-preference){.ivd-enter{animation:ivd-appear .7s cubic-bezier(.2,.7,.2,1) both}@keyframes ivd-appear{from{opacity:.2;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.ivd-image-viewer[open]{animation:ivd-dialog .22s ease-out}@keyframes ivd-dialog{from{opacity:0}to{opacity:1}}}
@media(max-width:900px){body.journal .masthead{gap:12px;padding:12px 4%;flex-wrap:wrap}body.journal .masthead nav{order:3;flex:0 0 100%;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:22px;padding:2px 0 6px;scrollbar-width:thin}body.journal .masthead .switch{margin-left:auto;font-size:13px}body.journal .masthead nav a{flex:none;font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Replace the old bundled typefaces, including their overly tight tracking. */
body.journal{--serif:Didot,"Bodoni 72","Bodoni MT",serif;--sans:Arial,Helvetica,sans-serif;font-family:var(--sans);font-size:16px;line-height:1.65}
body.journal h1,body.journal h2,body.journal .feature-title h1,body.journal .architecture-cover h1{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.12;text-wrap:balance}
body.journal h3,body.journal h4{font-family:var(--sans);letter-spacing:-.015em;line-height:1.25}
body.journal .elenino-title h1{font-size:clamp(40px,5.2vw,76px);max-width:1050px}
body.journal .architecture-projects h1{font-size:clamp(40px,5.2vw,76px)}
body.journal .house-card h2{font-size:clamp(28px,3.2vw,46px);line-height:1.18}
body.journal .wordmark{font-family:Arial,Helvetica,sans-serif;letter-spacing:.17em;font-size:16px}
body.journal .masthead nav a{font-family:var(--sans);font-size:14px;letter-spacing:.015em}
body.journal .feature-title h1>span{font-family:var(--sans);letter-spacing:0;line-height:1.4}
body.journal p,body.journal dd{letter-spacing:0}
body.journal .cover-copy h1{font-size:clamp(56px,7.5vw,140px);line-height:1.02;letter-spacing:-.035em}
body.journal .cover-copy h1 span{line-height:1.02}

/* One fixed navigation bar across all sections. */
body.journal{padding-top:var(--nav-height,100px)}
body.journal .masthead{position:fixed!important;top:0!important;left:0;right:0;bottom:auto;display:flex;transform:none!important;z-index:1000}
body.journal .house-card h2,body.journal .architecture-projects .house-card h2{font-family:var(--serif)!important;font-weight:400;letter-spacing:-.01em}
@media(max-width:900px){body.journal{padding-top:var(--nav-height,140px)}body.journal .masthead nav{margin-top:0}}

/* Keep scanning navigation legible above both light and dark content. */
body.journal.scanning .masthead,body.journal.scanning .masthead.is-scrolled{background:#f6f4ef;color:#111411}
body.journal.scanning .masthead a,body.journal.scanning .masthead a:visited{color:#111411}
body.journal.scanning .masthead a:hover,body.journal.scanning .masthead a:focus-visible{color:#08754f}
@media(prefers-reduced-motion:no-preference){.editorial-parallax{translate:0 var(--editorial-drift,0px)}}