@font-face{
 font-family:'Bersan';
 src:url('assets/fonts/Bersan-vnlvE.ttf') format('truetype'),url('assets/fonts/Bersan-2vA1d.otf') format('opentype');
 font-weight:400;font-style:normal;font-display:swap;
}
:root{--serif:'Bersan',serif;--sans:'Bersan',sans-serif}
html,body,button,input,select,textarea,summary{font-family:var(--sans)}
/* The supplied font has a single upright face. Keep the same face on emphasis. */
em{font-style:normal}
h1,h2,h3,.footer-title{letter-spacing:0;line-height:1.15}
.interior-caption span:last-child{letter-spacing:0}
.header nav a,.journey-menu summary{white-space:nowrap}
@container(max-width:1400px){
 .desktop-view .header nav{font-size:10px;gap:20px}
 .desktop-view .brand-slot{width:160px}
}
@media(max-width:760px){
 .header nav{font-size:9px;gap:14px}
 h2{font-size:clamp(26px,7.2vw,48px)}
 h3,.unit-story-intro h3{font-size:clamp(24px,7vw,36px)}
 .footer-title{font-size:clamp(25px,7vw,40px);flex-wrap:wrap}
 .architecture-intro>p,.unit-story-intro p,.feature-text p,.street-copy p,.gallery-heading p{font-size:11px}
 .project-facts dl div{font-size:10px}
 .project-facts dl div>*{min-width:0;overflow-wrap:break-word}
}
@media(max-width:360px){
 .header nav{font-size:8px;gap:4px;letter-spacing:0}
 .header .brand-slot{width:100px}
 .header .intro-logo{width:100px}
 .header .tour-button{font-size:8px;padding:8px;gap:6px}
 .header .play-symbol{font-size:12px}
 .header-actions{gap:4px}
 .header .icon-button{padding:5px}
}