:root{--accent:#bc602b}
.milui-hero{display:grid;grid-template-columns:.78fr 1.5fr;gap:52px;align-items:center;margin:12px 0 38px}.milui-hero h1{font-size:clamp(58px,6.5vw,94px);line-height:1.2;font-weight:400;letter-spacing:-.045em;color:var(--bronze);margin:14px 0 19px}.milui-hero .hero-copy{padding:0}.milui-hero .hero-intro{max-width:410px;margin:20px 0 9px}.milui-hero .hero-image{margin-left:-15px}.milui-hero .hero-line{font-size:clamp(25px,2.7vw,36px)}.hero-image img{width:100%;height:auto}.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:23px 0 26px;border-top:1px solid var(--rule);gap:24px}.project-facts dt{font-size:11px;color:var(--muted);margin-bottom:6px}.project-facts dd{font-size:14px}.chapters{gap:8px 32px}.section-heading{gap:50px}.section-heading p{font-size:17px;line-height:1.9}.chapter>figure>button{background:white}.urban-grid{display:grid;grid-template-columns:1.55fr .65fr;gap:50px;align-items:center;margin-top:50px}.urban-copy article{padding:17px 0;border-bottom:1px solid var(--rule)}.urban-copy article:first-child{padding-top:0}.urban-copy h3{font-size:21px;margin:0 0 8px}.urban-copy p{font-size:15px}.urban-copy>.quiet{font-size:11px;margin-top:20px}.drawing-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:white;padding:25px;margin-bottom:25px;align-items:start}.drawing-grid .image-button{min-height:260px;display:flex;align-items:center;justify-content:center}.drawing-grid img{max-height:590px;object-fit:contain}.drawing-grid figcaption{font-size:12px}.threshold-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:90px;align-items:start}.entry-plan{background:white;padding:25px}.entry-plan img{max-height:880px;object-fit:contain}.journey{list-style:none;padding:0;margin:0 0 34px;display:grid;gap:24px}.journey li{display:flex;gap:24px;align-items:baseline}.journey li>span{font:16px Manrope,Arial,sans-serif;color:var(--accent);padding-top:3px}.journey h3{border-bottom:1px solid var(--rule);padding-bottom:9px;margin:0 0 8px;font-size:23px}.journey li>div{flex:1}.journey p{font-size:15px}.legend{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);margin-bottom:24px;flex-wrap:wrap}.swatch{width:21px;height:13px;display:inline-block;background:rgba(188,96,43,.2);border:1px solid var(--accent)}.dash{display:inline-block;width:25px;border-top:1px dashed var(--accent);margin-inline-start:18px}.types-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.types-grid article>h3{padding-bottom:14px;margin:0 0 20px;border-bottom:1px solid var(--rule);font-size:28px}.types-grid p{padding-top:23px;margin-top:18px;border-top:1px solid var(--rule);font-size:15px}.types-grid figure{background:white}.types-grid img{height:auto;width:100%}.catalogue{background:white;border:1px solid var(--rule);padding:28px}.catalogue-toolbar{display:flex;align-items:center;justify-content:space-between;gap:25px}.catalogue-toolbar .quiet{font-size:12px}.state-controls{display:flex;gap:8px;margin-top:25px;border-bottom:1px solid var(--rule);padding-bottom:17px}.state-controls button{flex:1;text-align:center;font-size:15px;min-height:70px;padding:10px 6px;border:1px solid transparent;background:var(--paper);line-height:1.6}.state-controls button span{display:block;font:11px Manrope,Arial,sans-serif;color:var(--accent);margin-bottom:5px}.state-controls button[aria-pressed=true]{border-color:var(--accent);background:#f7eee7}.state-controls button:hover{background:#f3eee7}.state-head{display:flex;align-items:start;gap:25px;margin:27px 0 16px;min-height:120px}.state-head>span{font:15px Manrope,Arial,sans-serif;color:var(--accent);white-space:nowrap;padding-top:8px;direction:ltr}.state-head h3{font-size:28px;margin:0 0 10px}.state-head p{font-size:15px;max-width:760px}.state-content{display:grid;grid-template-columns:1.15fr 1fr;gap:30px;align-items:center}.state-iso img{width:100%;height:auto}.state-iso figcaption{font-size:11px}.state-plans{display:grid;grid-template-columns:1fr 1fr;gap:20px}.state-plans h4,.level-copy h4{font-weight:500;font-size:14px;margin:0 0 17px;color:var(--bronze)}.state-plans img{height:415px;object-fit:contain}.level-copy{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--rule);padding-top:24px;margin-top:28px}.level-copy h4{margin-bottom:10px}.level-copy ul{padding:0 18px 0 0;margin:0;font-size:14px;line-height:1.9}.level-copy li::marker{color:var(--accent)}.catalogue-note{border-top:1px solid var(--rule);margin-top:24px;padding-top:12px;font-size:11px}.air-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;margin:48px 0 30px;border-top:1px solid var(--rule);padding-top:28px}.air-intro h3{font-size:28px;margin:0}.air-intro p{font-size:16px}.air-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:60px;align-items:start}.air-grid>figure{background:white}.air-grid>figure img{max-height:590px;object-fit:contain}.air-grid>div>.segmented{width:max-content;margin-bottom:30px}.air-grid>div>figure{background:white;padding:15px}.air-note{font-size:14px;line-height:1.9;margin-top:28px;max-width:590px}.chapter>.three-notes{border-top:none}.detail-key{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:16px 0 24px}.detail-key p{font-size:14px}.detail-key b{font:14px Manrope,Arial,sans-serif;color:var(--accent);padding-inline-end:12px}.more>.quiet{margin-bottom:24px}.facade-story{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;margin-top:70px}.facade-story h3{font-size:34px;line-height:1.4;margin:20px 0}.facade-story p{font-size:16px;margin-top:18px}.catalogue button:focus-visible{outline-color:var(--accent)}.image-button:focus-visible{outline-color:var(--accent)}.viewer-stage:not(.fit) img{height:auto;max-width:none}.return{margin-top:15px}
@media(max-width:1000px){.milui-hero{grid-template-columns:.85fr 1.15fr;gap:30px}.milui-hero h1{font-size:65px}.milui-hero .hero-image{margin:0}.threshold-grid{gap:42px}.urban-grid{gap:30px}.state-content{grid-template-columns:1fr 1fr;gap:18px}.state-plans{gap:8px}.state-plans img{height:340px}.air-grid{gap:35px}.facade-story{gap:35px}.catalogue-toolbar{display:block}.catalogue-toolbar>.quiet{display:block;margin-top:13px}}
@media(max-width:640px){.milui-hero{display:flex;flex-direction:column;gap:0;margin-top:16px;margin-bottom:28px;align-items:stretch}.milui-hero .hero-copy{display:contents}.milui-hero .eyebrow{order:0}.milui-hero h1{order:1;font-size:64px;line-height:1.15;margin:16px 0 23px}.milui-hero .hero-image{order:2;margin:0 -20px 27px}.milui-hero .hero-line{order:3;font-size:30px}.milui-hero .hero-intro{order:4;max-width:none;margin:17px 0 6px;font-size:15px}.milui-hero .text-link{order:5}.project-facts{grid-template-columns:1fr 1fr;gap:21px;padding:20px 0 25px}.project-facts dd{font-size:12px}.chapters{gap:5px 21px}.chapters a{font-size:12px}.section-heading{gap:20px}.section-heading p{font-size:15px}.urban-grid{grid-template-columns:1fr;gap:23px;margin-top:29px}.urban-copy{display:grid;grid-template-columns:1fr;gap:0}.urban-copy h3{font-size:20px}.urban-copy p{font-size:14px}.urban-copy article{padding:16px 0}.drawing-grid{grid-template-columns:1fr;padding:16px;gap:30px}.drawing-grid .image-button{min-height:0}.drawing-grid img{max-height:590px}.threshold-grid{grid-template-columns:1fr;gap:32px}.entry-plan{padding:14px}.entry-plan img{max-height:660px}.journey{gap:22px}.journey li{gap:18px}.journey h3{font-size:22px}.journey p{font-size:14px}.types-grid{grid-template-columns:1fr;gap:42px}.types-grid article>h3{font-size:24px;margin-bottom:14px}.types-grid p{font-size:14px;padding-top:17px;margin-top:10px}.legend{font-size:11px;gap:9px}.catalogue{padding:17px 13px;margin-inline:-7px}.catalogue-toolbar .segmented{width:100%;display:grid;grid-template-columns:1fr 1fr}.catalogue-toolbar .segmented button{padding:9px 5px;white-space:normal;font-size:12px;line-height:1.7}.catalogue-toolbar>.quiet{font-size:11px}.state-controls{gap:5px;margin-top:18px;padding-bottom:15px;flex-wrap:wrap}.state-controls button{font-size:12px;padding:8px 4px;min-width:62px;min-height:70px}.state-controls button span{font-size:10px}.state-head{gap:13px;margin:22px 0 10px;min-height:150px}.state-head>span{font-size:11px;padding-top:6px}.state-head h3{font-size:23px}.state-head p{font-size:14px;line-height:1.8}.state-content{grid-template-columns:1fr;gap:26px}.state-iso figcaption{font-size:10px}.state-plans{gap:12px}.state-plans h4{font-size:13px;margin-bottom:13px}.state-plans img{height:335px}.level-copy{gap:24px;margin-top:22px;padding-top:20px}.level-copy h4{font-size:13px}.level-copy ul{font-size:12px;line-height:1.85;padding-inline-start:14px}.catalogue-note{font-size:10px}.air-intro{grid-template-columns:1fr;gap:16px;margin-top:35px}.air-intro h3{font-size:25px}.air-intro p{font-size:15px}.air-grid{grid-template-columns:1fr;gap:27px}.air-grid>figure img{max-height:540px}.air-grid>div>.segmented{width:100%;margin-bottom:18px}.air-grid>div>.segmented button{flex:1;padding:10px;font-size:13px}.air-grid>div>figure{padding:8px}.air-note{font-size:14px;margin-top:22px}.detail-key{grid-template-columns:1fr;gap:13px;margin:12px 0 22px}.detail-key p{font-size:13px}.facade-story{grid-template-columns:1fr;gap:26px;margin-top:45px}.facade-story h3{font-size:30px;margin:14px 0}.facade-story p{font-size:15px}.project-end h2{font-size:29px}.chapter{padding-top:66px}.more summary{line-height:1.7;gap:14px}}
@media(max-width:360px){.milui-hero h1{font-size:55px}.milui-hero .hero-image{margin-inline:-16px}.state-controls{display:grid;grid-template-columns:1fr 1fr}.state-controls button{min-height:63px}.state-plans img{height:280px}.level-copy{grid-template-columns:1fr;gap:22px}.catalogue{margin-inline:-5px;padding-inline:11px}.segmented button{font-size:11px}}

.expanded-detail{border-top:1px solid var(--rule);margin-top:45px;padding-top:26px}.expanded-detail>h3{font-size:24px;font-weight:400;line-height:1.5;color:var(--bronze);margin:0 0 26px}.expanded-detail .drawing-grid{margin-bottom:0}@media(max-width:640px){.expanded-detail{margin-top:32px;padding-top:22px}.expanded-detail>h3{font-size:21px;margin-bottom:22px}}

/* Project premise: the apartment as an open canvas, before the urban chapter. */
.canvas-intro .section-heading{margin-bottom:42px}.canvas-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}.canvas-principles>article{min-width:0}.canvas-step{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--rule);padding-bottom:17px;margin-bottom:24px;min-height:58px}.canvas-step>span{font:13px Manrope,Arial,sans-serif;color:var(--accent)}.canvas-step h3{font-size:24px;color:var(--bronze);line-height:1.4}.canvas-visual{height:370px;background:white;display:flex;align-items:center;justify-content:center;margin-bottom:25px;padding:14px}.canvas-visual figure{width:100%}.canvas-visual img{height:336px;width:100%;object-fit:contain}.canvas-principles>article>p{font-size:15px;line-height:1.9}.canvas-principles>article>.canvas-caption{font-size:11px;line-height:1.8;color:var(--muted);margin-top:16px}.canvas-possibilities{display:grid;grid-template-rows:1fr 1fr;gap:10px;padding:7px 14px}.canvas-possibilities figure{min-height:0;height:100%}.canvas-possibilities .image-button{width:100%;height:calc(100% - 22px)}.canvas-possibilities img{height:100%;object-fit:contain}.canvas-possibilities figcaption{font-size:11px;margin-top:4px;text-align:center;line-height:1.4}.canvas-key{list-style:none;padding:0;margin:17px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:9px 15px;font-size:11px}.canvas-key b{font:11px Manrope,Arial,sans-serif;display:inline-block;color:var(--accent);margin-inline-end:6px}.canvas-bridge{border-block:1px solid var(--rule);margin-top:35px;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:40px}.canvas-bridge p{font-size:17px;max-width:750px}.canvas-bridge>a{flex-shrink:0;font-size:13px}.canvas-intro+.chapter{border-top:0}
@media(max-width:1000px){.canvas-principles{gap:21px}.canvas-step{gap:10px;min-height:75px}.canvas-step h3{font-size:21px}.canvas-visual{height:320px;padding:10px}.canvas-visual img{height:300px}.canvas-possibilities img{height:100%}.canvas-principles>article>p{font-size:14px}.canvas-bridge{gap:24px}.canvas-bridge p{font-size:15px}}
@media(max-width:640px){.canvas-intro .section-heading{margin-bottom:30px}.canvas-principles{grid-template-columns:1fr;gap:42px}.canvas-step{min-height:0;gap:16px;margin-bottom:19px;padding-bottom:14px}.canvas-step h3{font-size:24px}.canvas-visual{height:auto;min-height:0;margin-bottom:19px;padding:18px}.canvas-outline img{height:330px}.canvas-services img{height:auto;max-height:335px}.canvas-possibilities{height:400px;gap:12px;padding:8px 18px}.canvas-possibilities img{height:100%}.canvas-principles>article>p{font-size:15px}.canvas-principles>article>.canvas-caption{font-size:11px;margin-top:12px}.canvas-key{font-size:12px;gap:10px}.canvas-bridge{display:block;margin-top:30px;padding:22px 0}.canvas-bridge p{font-size:15px}.canvas-bridge .text-link{margin-top:17px}.canvas-intro+.chapter{padding-top:60px}}