@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:400;font-display:swap;src:url('assets/bodoni-moda.ttf') format('truetype')}
:root{--paper:#101210;--ink:#edece4;--muted:#afb2a7;--red:#d08a78;--line:#3a3e35;--serif:'Bodoni Moda',Didot,'Times New Roman',serif}
html{scroll-padding-top:0;scroll-snap-type:y proximity}body{background:var(--paper)}h1,h2,h3{font-optical-sizing:auto;font-weight:400}h1 em,h2 em{font-style:normal}h2{font-size:clamp(48px,5.4vw,88px);line-height:1.08;letter-spacing:-2.8px}.brand{font-family:Georgia,'Times New Roman',serif;color:#edece4}header{position:fixed;inset:0 0 auto;height:90px;padding:0 4%;background:linear-gradient(#101210c9,#10121000);border:0;transition:background .3s,backdrop-filter .3s}header.scrolled{background:#101210e8;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}header nav{font-size:11px}header nav a:hover{color:#fff;border-color:#eee}.location i{background:#c76d57}.hero{height:100svh;min-height:700px;max-height:none;margin:0;scroll-snap-align:start}.hero-image{object-position:center 55%}.hero-shade{background:linear-gradient(180deg,#10121045,transparent 45%,#080d09bb)}.hero-top{top:17%}.hero-top .eyebrow{font-size:9px;letter-spacing:3.5px}h1{font-size:clamp(75px,8.5vw,142px);line-height:1.01;letter-spacing:-4px;margin-top:24px}.hero-bottom{bottom:70px;left:7%;right:7%}.image-label{left:7%;bottom:22px}.section{min-height:100svh;padding:125px 7% 65px;display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;border-bottom:1px solid #ffffff0b}.section-head{margin-bottom:clamp(35px,6svh,80px)}.intro-grid{grid-template-columns:1.4fr 1fr;gap:8%;align-items:center}.intro-copy{padding-top:0}.intro-copy p{font-size:14px;color:#d4d7cc}.intro-copy .muted{color:var(--muted);font-size:12px}.facts{margin-top:clamp(50px,9svh,110px);padding-top:30px}.fact-number{font-size:clamp(40px,4.5vw,76px);letter-spacing:-2px;line-height:1.15;font-family:var(--serif)}.architecture{background:#171a16}.architecture-grid{grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.architecture-photo img{height:clamp(400px,64svh,850px)}.architecture-copy h2{font-size:clamp(44px,4.7vw,76px);margin-bottom:28px}.architecture-copy>p{color:#bec3b6;font-size:13px;max-width:370px}.details{margin-top:25px}details{border-color:var(--line);padding:17px 0}details p{color:var(--muted)}summary{font-size:11px}.experience{height:100svh;min-height:700px;max-height:none;scroll-snap-align:start}.experience-content{bottom:12svh;left:7%}.experience-content h2{font-size:clamp(54px,6.7vw,108px);line-height:1.04;letter-spacing:-3px}.experience-shade{background:linear-gradient(90deg,#080e0aa6,transparent),linear-gradient(0deg,#080e0ae6,transparent 85%)}.outline-light{background:#10121033}.outline-light:hover{background:#edece4;color:#101210}.city{background:#101210}.city-grid{grid-template-columns:1fr 1.25fr;gap:9%}.city-grid figure img{height:clamp(400px,65svh,850px)}.city-grid p{max-width:365px;font-size:13px;color:#b9bfb1}.gallery{background:#171a16;padding-top:105px;padding-bottom:45px}.gallery-heading{margin-bottom:25px}.gallery-heading h2{font-size:clamp(42px,4.5vw,72px);margin-top:15px}.gallery-main img{height:50svh;min-height:280px;max-height:700px}.gallery-main{background:#242b23}.gallery-controls button:hover{background:var(--ink);color:#101210}.gallery-caption{font-size:11px}.zoom{background:#101210d9;color:#edece4}.thumbnails{margin-top:18px}.thumbnails button{width:100px}.thumbnails img{height:48px;aspect-ratio:auto}.journey{background:#101210}.journey h2{margin-bottom:80px}.timeline h3{font-size:clamp(36px,3.7vw,60px)}.footnote{margin-top:55px;max-width:650px}footer{background:#171a16;border-color:var(--line);padding-top:60px}.footer-bottom{border-color:var(--line)}.skip{background:var(--paper)}.section-progress{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;gap:18px}.section-progress a{padding:5px;display:block}.section-progress a::before{content:'';display:block;width:4px;height:4px;background:#fff7;border-radius:50%;box-shadow:0 0 1px #000}.section-progress a[aria-current="true"]::before{background:#f6f2e8;box-shadow:0 0 0 4px #ffffff1f}.text-link{border-color:#787e70}.text-link:hover{color:#e5b9a9;border-color:#e5b9a9}dialog{background:#0d100dfc}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#e2a18b}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1500px)/2));padding-right:max(7%,calc((100vw - 1500px)/2))}}
@media(max-width:1000px){h2{font-size:54px}.section{padding:115px 7% 65px}.hero-top{top:20%}h1{font-size:100px}.architecture-grid{gap:6%}.architecture-copy h2{font-size:44px}.architecture-photo img{height:58svh;min-height:430px}.city-grid{gap:6%}.city-grid figure img{height:58svh}.section-progress{right:10px}.gallery-heading h2{font-size:50px}.gallery-main img{height:48svh}.facts{margin-top:65px}.journey h2{margin-bottom:70px}}
@media(max-width:650px){html{scroll-snap-type:none}header{height:78px;padding:0 7%}header nav{background:#101210f7;border-bottom:1px solid var(--line)}.section-progress{display:none}.hero{height:100svh;min-height:650px;margin:0}.hero-top{top:19%;left:5%;right:5%}h1{font-size:clamp(62px,15vw,94px);letter-spacing:-2.8px;line-height:1.06}.hero-top .eyebrow{font-size:8px;letter-spacing:2px}.hero-image{object-position:50% 52%}.hero-bottom{bottom:70px;left:7%;right:7%;gap:30px}.hero-date{font-size:7px}.hero-bottom p{font-size:12px}.image-label{font-size:6px;left:7%}.section{min-height:100svh;padding:110px 7% 65px;justify-content:center}.section-head{margin-bottom:36px}.intro-grid,.architecture-grid,.city-grid{grid-template-columns:1fr;gap:30px}h2{font-size:clamp(43px,10.5vw,60px);letter-spacing:-1.7px}.intro-copy p{font-size:13px}.intro-copy .muted{font-size:12px}.facts{margin-top:45px;gap:12px}.fact-number{font-size:30px;letter-spacing:-1px}.facts .tiny{font-size:6px;letter-spacing:.6px}.architecture .section-head{margin-bottom:30px}.architecture-photo img{height:45svh;min-height:280px;max-height:500px}.architecture-copy h2{font-size:45px}.architecture-copy>p{font-size:12px;max-width:none}.details{margin-top:20px}details{padding:16px 0}summary{font-size:10px;gap:12px}.experience{height:100svh;min-height:680px;max-height:none}.experience-content{bottom:12%;right:7%}.experience-content h2{font-size:clamp(43px,10.8vw,63px);letter-spacing:-1.7px}.experience-content p{font-size:11px}.experience>img{object-position:center}.experience-note{font-size:6px}.city-grid p{font-size:12px;max-width:none}.city-grid figure img{height:46svh;min-height:290px;max-height:500px}.gallery{padding-top:110px;padding-bottom:60px}.gallery-heading h2{font-size:37px;letter-spacing:-1.6px}.gallery-controls .tiny{font-size:7px}.gallery-main img{height:43svh;min-height:270px;max-height:500px}.gallery-caption{font-size:10px;min-height:44px}.thumbnails{gap:4px;margin-top:20px}.thumbnails button{width:16%}.thumbnails img{height:34px}.journey h2{margin-bottom:40px}.timeline h3{font-size:35px}.timeline p{font-size:11px}.timeline article{padding-bottom:27px}.footnote{margin-top:10px;font-size:8px}.footer-top p{font-size:20px}footer{padding:50px 7% 30px}.brand{font-size:22px}.brand span{font-size:15px}.gallery-main .zoom{width:30px;height:30px;font-size:18px}}
@media(min-width:651px) and (max-height:750px){.section{padding-top:105px;padding-bottom:45px}.section-head{margin-bottom:28px}h2{font-size:60px}.architecture-copy h2{font-size:49px}.architecture-photo img{min-height:380px;height:65svh}.facts{margin-top:45px}.fact-number{font-size:48px}.hero-top{top:20%}h1{font-size:100px}.gallery-main img{height:46svh;min-height:230px}.gallery-heading h2{font-size:46px}.journey h2{margin-bottom:45px}}
.footer-contact{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.footer-contact>a:first-of-type{font-family:var(--serif);font-size:clamp(20px,2.4vw,36px);letter-spacing:-.8px;line-height:1.3}.footer-contact>a:first-of-type>span{font-family:Arial,sans-serif;font-size:18px;margin-left:15px}.footer-contact a:hover{color:var(--red)}.footer-contact .studio-link{font-size:11px;color:var(--muted)}.footer-contact .studio-link span{margin-left:15px}.footer-logos{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding:40px 0;margin-bottom:10px;gap:25px}.footer-logos a{display:flex;min-height:115px;flex-direction:column;justify-content:center;align-items:center;gap:20px;transition:opacity .2s}.footer-logos a:hover{opacity:.7}.footer-logos img{width:auto;max-width:180px;height:70px;object-fit:contain}.footer-logos img.logo-milan{height:76px}.footer-logos img.logo-inter{height:68px}.footer-logos img.logo-milano{width:145px;height:72px;object-fit:contain}.footer-logos img.logo-foster{width:180px;height:70px;filter:brightness(0) invert(.95)}.footer-logos a>span{font-size:7px;letter-spacing:1.4px;color:var(--muted);text-align:center;line-height:1.6}.architect-link{margin-top:20px;font-size:10px;padding-bottom:8px;gap:35px}.architecture-copy .details{margin-top:22px}@media(max-width:650px){.footer-top{gap:30px}.footer-contact{width:100%;order:2;gap:15px}.footer-contact>a:first-of-type{font-size:23px;letter-spacing:-.5px}.footer-contact>a:first-of-type>span{margin-left:4px;font-size:14px}.footer-top .back-top{order:3}.footer-logos{grid-template-columns:repeat(2,1fr);gap:30px 15px;padding:35px 0}.footer-logos img.logo-foster{width:140px}.footer-logos img.logo-milano{width:135px}.footer-logos a>span{font-size:6px;letter-spacing:1px}}
.hero-project-name{display:block;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:400;letter-spacing:3px;line-height:1.6;text-transform:uppercase;margin-bottom:18px}h1{margin-top:16px}.hero-top{top:14%}@media(max-width:650px){.hero-project-name{font-size:9px;letter-spacing:2px;margin-bottom:20px}.hero-top{top:17%}}