@font-face{font-family:Manrope;font-weight:400;src:url(Manrope-400.ttf);font-display:swap}
@font-face{font-family:Manrope;font-weight:600;src:url(Manrope-600.ttf);font-display:swap}
@font-face{font-family:Syne;font-weight:400;src:url(Syne-400.ttf);font-display:swap}
@font-face{font-family:Syne;font-weight:600;src:url(Syne-600.ttf);font-display:swap}
:root{--blue:#142C4E;--orange:#C45B36;--bone:#F2EDE6;--silver:#C6CDD3}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--blue);color:var(--bone);font:400 14px Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Syne,Arial,sans-serif;font-weight:400;letter-spacing:-.04em}p{line-height:1.7}img{display:block;width:100%;height:100%;object-fit:cover}.wordmark{display:block;width:100%;height:100%;overflow:visible}figcaption{font-size:9px;padding:9px 0;line-height:1.4;opacity:.68}.skip{position:absolute;top:-100px;left:20px;background:var(--bone);color:var(--blue);padding:14px;z-index:20}.skip:focus{top:10px}.site-header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6c7e944f;position:relative;z-index:5}.logo{display:block;width:200px;height:42px}.site-header nav{display:flex;align-items:center;gap:42px;font-size:11px}.site-header nav button{padding:12px 0 12px 30px;border-left:1px solid #6c7e9466}.site-header nav button span{margin-left:25px}.mobile-menu{display:none}.eyebrow,.section-label{font-size:9px;letter-spacing:.17em;text-transform:uppercase}.section-label{display:flex;justify-content:space-between;border-top:1px solid #142c4e40;padding-top:20px}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;font-size:11px;background:var(--bone);color:var(--blue);padding:21px 24px;min-height:58px}.cta:hover{background:var(--silver)}.text-link{display:inline-flex;gap:40px;align-items:center;justify-content:space-between;font-size:11px;border-bottom:1px solid currentColor;padding:13px 0}.hero{padding:55px 5% 0;display:grid;grid-template-columns:43% 57%;gap:0;min-height:790px;position:relative}.hero-copy{padding:25px 35px 30px 0;container-type:inline-size;z-index:1}.hero h1{font-size:min(86px,16cqw);line-height:1.08;margin:32px 0 30px}.hero-building{margin-top:45px;width:100%}.hero-building img{height:235px;object-position:55% 48%;filter:saturate(.4)}.hero-art{padding-left:10px;align-self:stretch;display:flex;flex-direction:column;min-width:0}.hero-art img{height:670px;object-position:79% 45%}.hero-art figcaption{text-align:right;letter-spacing:.07em;font-size:8px}.hero-baseline{margin:0 5%;padding:26px 0 30px;display:flex;justify-content:space-between;border-top:1px solid #6c7e944f;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.section{padding:100px 6%}.spaces{background:var(--bone);color:var(--blue)}.space-layout{display:grid;grid-template-columns:42% 58%;align-items:center;margin-top:50px;gap:0}.space-copy{padding-right:70px;container-type:inline-size}.space-copy h2{font-size:min(66px,16cqw);line-height:1.06;margin-bottom:26px}.space-copy>p{font-size:12px;max-width:330px}.space-picker{margin-top:35px}.space-picker button{border-bottom:1px solid #142c4e40;display:flex;align-items:center;gap:22px;padding:20px 15px 20px 0;width:100%;text-align:left;font-size:20px}.space-picker button>span:first-child{font-size:9px;letter-spacing:.08em}.space-picker button>span:last-child{margin-left:auto;font-size:16px}.space-picker button[aria-selected=true]{color:var(--bone);background:var(--blue);padding-left:18px}.space-picker button:hover{box-shadow:inset 3px 0 var(--orange)}#space-panel{padding-top:35px}#space-panel h3{font-size:25px;line-height:1.15;margin-bottom:13px}#space-panel p{font-size:11px;max-width:320px}#space-panel .text-link{margin-top:12px}.space-art img{height:610px;object-position:62% 50%}.note{font-size:9px;opacity:.65;margin-top:35px}.architecture{background:var(--bone);color:var(--blue);padding-top:0}.architecture-heading{display:grid;grid-template-columns:22% 48% 30%;align-items:end;padding-top:25px;border-top:1px solid #142c4e40;margin-bottom:50px}.architecture-heading .eyebrow{align-self:start;padding-top:10px}.architecture h2{font-size:64px;line-height:1.07}.architecture-heading p{font-size:12px;max-width:220px;padding-left:20px}.architecture>figure img{height:580px;object-position:50% 44%;filter:saturate(.5)}.building-facts{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0 0;padding:0}.building-facts div{border-left:1px solid #142c4e40;padding:0 35px}.building-facts div:first-child{padding-left:0;border:0}.building-facts dt{font-size:9px;margin-bottom:15px;letter-spacing:.05em}.building-facts dd{font:400 32px Syne,sans-serif;margin:0;letter-spacing:-.04em}.arrival{display:grid;grid-template-columns:38% 62%;gap:0;align-items:center;background:#d8d9d8;color:var(--blue)}.arrival>div{padding-right:40px;container-type:inline-size}.arrival h2{font-size:min(58px,16cqw);line-height:1.08;margin:35px 0 25px}.arrival p{font-size:12px}.arrival figure img{height:450px;object-position:30% 50%}.address{background:var(--bone);color:var(--blue)}.address>div{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:40px}.address h2{font-size:90px;line-height:1.05}.address .text-link{margin-bottom:9px}.closing{position:relative;min-height:680px;overflow:hidden}.closing>div{position:relative;z-index:1;padding:80px 6% 180px;max-width:75%}.closing h2{font-size:83px;line-height:1.08;margin:35px 0}.closing>img{position:absolute;inset:0;object-position:right bottom;opacity:.75;z-index:0}.closing .cta{position:relative;z-index:2}footer{display:flex;flex-wrap:wrap;gap:35px;margin:0 6%;padding:30px 0 35px;font-size:10px;border-top:1px solid #6c7e944f}footer>span{margin-left:auto;font-size:9px;letter-spacing:.1em}footer small{width:100%;font-size:8px;line-height:1.6;opacity:.65}dialog{border:0;width:520px;max-width:calc(100% - 30px);max-height:90vh;overflow:auto;padding:35px;background:var(--bone);color:var(--blue)}dialog::backdrop{background:#101c30b3;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em}.close-dialog{font-size:28px}dialog h2{font-size:55px;line-height:1.04;margin:30px 0}dialog label{display:block;margin:20px 0;font-size:10px}dialog input,dialog select,dialog textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--blue);background:transparent;color:inherit;padding:12px 0;border-radius:0}dialog .cta{width:100%;background:var(--blue);color:var(--bone);margin-top:10px}.form-note,.form-status{font-size:10px;line-height:1.6;margin-top:15px}.form-status a{text-decoration:underline}
.marketing-intro{padding:65px 5% 50px}.marketing-intro h1{font-size:65px;line-height:1.1;margin:25px 0}.identity-study{margin:0 5% 80px}.identity-study img{height:auto}.marketing-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 45px;padding:0 5% 75px;align-items:start}.marketing-grid figure>a{display:block;box-shadow:0 15px 40px #08121e40}.marketing-grid img{height:auto}.marketing-grid figcaption{display:flex;justify-content:space-between;opacity:1;font-size:11px;padding-top:18px;gap:15px}.marketing-grid figcaption a{border-bottom:1px solid #c6cdd388;margin-left:22px}.palette{display:flex;margin:0 5% 40px}.palette>div{flex:1;min-height:155px;display:flex;flex-direction:column;justify-content:space-between;padding:25px 20px;font-size:11px}.logo-downloads{padding:0 5% 60px;display:flex;gap:50px}
.art-page{background:transparent}.art{position:relative;isolation:isolate;width:1080px;height:1350px;overflow:hidden;background:var(--blue);color:var(--bone);padding:80px}.art.poster{width:1200px;height:1697px;padding:85px}.art.brochure,.art.building-cover{width:1240px;height:1754px;padding:85px}.art.story{width:1080px;height:1920px;padding:85px}.art-logo{width:100%;height:210px;position:relative;z-index:3}.art-image{position:relative;z-index:1}.art-image small{position:absolute;bottom:0;left:0;right:0;background:#142c4edb;color:var(--bone);padding:12px 16px;font-size:14px}.art-foot{position:absolute;bottom:70px;left:85px;right:85px;display:flex;justify-content:space-between;gap:25px;font-size:15px;letter-spacing:.1em;border-top:1px solid currentColor;padding-top:25px;z-index:4}.art-small{font-size:16px;letter-spacing:.17em;margin-top:35px;position:relative;z-index:3}.art h1{font-size:125px;line-height:1.06;position:relative;z-index:3}.poster .art-image{position:absolute;top:325px;left:0;right:0;height:1220px}.poster .art-image img{object-position:77% center}.poster .art-logo{height:190px}.brochure{background:var(--bone);color:var(--blue)}.brochure .art-logo{height:200px}.brochure .art-small{text-align:center}.brochure .art-image{height:880px;margin:65px -85px 0}.brochure .art-image img{object-position:center}.brochure h1{font-size:112px;margin-top:55px}.building-cover .art-logo{height:200px}.building-cover .art-image{height:730px;margin-top:80px}.building-cover .art-image img{object-position:55% center;filter:saturate(.4)}.building-cover h1{font-size:110px;line-height:1.07;margin-top:70px;max-width:900px}.building-cover .flat-sun{position:absolute;right:85px;bottom:240px;height:130px;width:130px;border-radius:50%;background:var(--orange)}.social .art-logo{height:150px}.social .art-image{height:655px;margin:55px -80px 0}.social .art-image img{object-position:60% center}.social h1{font-size:113px;line-height:1.05;margin-top:50px}.social .art-foot{bottom:55px;left:80px;right:80px;font-size:13px}.story .art-logo{height:170px}.story .art-image{height:1000px;margin:70px -85px 0}.story .art-image img{object-position:78% center}.story h1{font-size:132px;margin-top:75px}.story .art-foot{font-size:14px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:1800px){body:not(.art-page){max-width:1800px;margin:auto}}
@media(max-width:1100px){.hero{min-height:690px;padding-top:40px}.hero-art img{height:610px}.hero-copy{padding-right:25px}.hero-building{margin-top:35px}.hero-building img{height:200px}.hero .cta{gap:25px;padding:18px}.section{padding:80px 6%}.space-copy{padding-right:45px}.space-art img{height:550px}.architecture{padding-top:0}.architecture h2{font-size:53px}.architecture-heading{grid-template-columns:20% 50% 30%}.architecture-heading p{font-size:11px}.architecture>figure img{height:500px}.building-facts dd{font-size:27px}.arrival figure img{height:400px}.closing h2{font-size:70px}}
@media(max-width:800px){.site-header{height:95px}.logo{width:170px;height:34px}.site-header nav{gap:28px}.hero{grid-template-columns:45% 55%;min-height:620px;padding-top:30px}.hero-copy{padding-top:15px;padding-right:20px}.hero h1{font-size:min(70px,16cqw)}.hero-art{padding-left:0}.hero-art img{height:540px}.hero-building{margin-top:30px}.hero-building img{height:170px}.hero-baseline{font-size:8px;gap:20px;padding:24px 0}.space-layout{grid-template-columns:45% 55%}.space-copy{padding-right:35px}.space-art img{height:520px}.space-copy>p{font-size:11px}.space-picker button{font-size:18px}.architecture-heading{grid-template-columns:1fr 1fr;gap:20px}.architecture-heading .eyebrow{grid-column:1/-1}.architecture-heading h2{font-size:48px}.architecture-heading p{padding:0;justify-self:end}.arrival{grid-template-columns:40% 60%}.arrival>div{padding-right:25px}.arrival figure img{height:360px}.building-facts div{padding:0 20px}.building-facts dd{font-size:23px}.address h2{font-size:76px}.closing{min-height:590px}.closing>div{max-width:85%}.closing h2{font-size:65px}.marketing-intro h1{font-size:54px}}
@media(max-width:700px){.site-header{height:80px;margin:0 6%}.logo{width:160px;height:32px}.site-header nav:not(.always){display:none;position:absolute;top:79px;left:-7%;right:-7%;padding:25px 7%;background:var(--blue);border-bottom:1px solid #6c7e944f;align-items:flex-start;gap:25px}.site-header nav.open{display:flex;flex-direction:column}.site-header nav button{border:0;padding:0}.mobile-menu{display:flex;gap:22px;align-items:center;font-size:10px;padding:15px 0}.mobile-menu span{font-size:20px}.hero{padding:35px 6% 0;display:flex;flex-direction:column;min-height:0}.hero-copy{padding:10px 0 0}.hero h1{font-size:min(68px,17cqw);line-height:1.08;margin:25px 0}.hero-building{margin-top:35px}.hero-building img{height:230px}.hero-art{padding:25px 0 0}.hero-art img{height:440px;object-position:78% center}.hero-art figcaption{padding-bottom:20px}.hero-baseline{margin:0 6%;font-size:8px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px 0}.section{padding:65px 6%}.space-layout{grid-template-columns:1fr;margin-top:35px;gap:40px}.space-copy{padding:0}.space-copy h2{font-size:min(58px,16cqw)}.space-copy>p{font-size:12px;max-width:340px}.space-picker button{padding:20px 12px 20px 0;font-size:23px}.space-art img{height:380px;object-position:67% center}#space-panel h3{font-size:28px}.note{font-size:8px;margin-top:25px}.architecture{padding-top:0}.architecture-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.architecture-heading h2{font-size:49px}.architecture-heading p{justify-self:start;font-size:12px;max-width:300px}.architecture>figure img{height:360px;object-position:60% center}.building-facts{grid-template-columns:1fr;margin-top:25px}.building-facts div,.building-facts div:first-child{padding:20px 0;border-left:0;border-bottom:1px solid #142c4e40;display:flex;align-items:baseline;justify-content:space-between;gap:25px}.building-facts dt{margin:0;font-size:9px}.building-facts dd{font-size:22px}.arrival{grid-template-columns:1fr;gap:35px}.arrival>div{padding:0}.arrival h2{font-size:min(52px,15cqw);margin:25px 0}.arrival figure img{height:320px;object-position:30% center}.address>div{display:block;margin-top:30px}.address h2{font-size:75px}.address .text-link{margin-top:25px}.closing{min-height:520px}.closing>div{padding:65px 6% 170px;max-width:100%}.closing h2{font-size:52px}.closing>img{object-position:75% bottom;opacity:.45}footer{margin:0 6%;gap:20px;font-size:9px}footer>span{width:100%;margin:0}footer small{font-size:8px}dialog{padding:28px}dialog h2{font-size:48px}.marketing-page .site-header{flex-wrap:wrap;height:auto;padding:25px 0;gap:20px}.site-header nav.always{gap:25px;font-size:10px}.marketing-intro{padding:40px 6%}.marketing-intro h1{font-size:43px}.identity-study{margin:0 6% 45px}.marketing-grid{padding:0 6% 45px;grid-template-columns:1fr;gap:40px}.marketing-grid figcaption{font-size:10px}.palette{margin:0 6% 25px;flex-wrap:wrap}.palette>div{flex:0 0 50%;min-height:130px;font-size:10px;padding:20px}.logo-downloads{padding:0 6% 45px;flex-direction:column;align-items:flex-start;gap:25px}}

/* Building-led landing, matching the other identity verticals. */
.hero{min-height:760px;padding-top:45px}
.hero-copy{padding-top:45px}
.hero-sun{display:block;width:115px;height:115px;border-radius:50%;background:var(--orange);margin-top:75px}
.hero-property img{height:630px;object-position:61% center;filter:saturate(.4)}
.hero-property figcaption{text-align:left;letter-spacing:0;font-size:9px}
@media(max-width:1100px){.hero{min-height:680px}.hero-property img{height:570px}.hero-sun{width:100px;height:100px;margin-top:60px}}
@media(max-width:800px){.hero{min-height:620px}.hero-copy{padding-top:25px}.hero-property img{height:520px}.hero-sun{width:90px;height:90px;margin-top:50px}}
@media(max-width:700px){.hero{min-height:0;padding-top:35px}.hero-copy{padding-top:10px}.hero-sun{display:none}.hero-property{padding-top:40px}.hero-property img{height:400px;object-position:61% center}.hero-property figcaption{padding-bottom:25px}}

/* Main Helios site: preserve the approved Art Deco identity while making the
   project and its selectable office inventory useful to real visitors. */
.site-header .logo img{object-fit:contain}
.hero-intro{max-width:360px;margin:-6px 0 27px;font-size:13px;line-height:1.75;color:#e5e6e7}
.hero h1{font-size:min(78px,15cqw)}
.space-picker button{font-family:Syne,Arial,sans-serif}
.floor-section{background:var(--blue);color:var(--bone)}
.floor-section .section-label{border-color:#f2ede63b}
.floor-heading{display:grid;grid-template-columns:60% 40%;align-items:end;gap:30px;margin:42px 0 40px}
.floor-heading h2,.upper-grid h2{font-size:clamp(42px,5vw,74px);line-height:1.05;margin-top:25px}
.floor-heading>p{max-width:350px;font-size:12px;color:#e1e5e8}
.config-tabs{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #f2ede657;border-bottom:0}
.config-tabs button{display:flex;justify-content:center;align-items:baseline;gap:8px;padding:18px 8px;border-right:1px solid #f2ede657;font-size:12px;white-space:nowrap}
.config-tabs button:last-child{border:0}
.config-tabs button b{font:400 31px Syne,Arial,sans-serif;letter-spacing:-.05em}
.config-tabs button[aria-selected=true]{background:var(--bone);color:var(--blue)}
.config-tabs button:hover:not([aria-selected=true]){background:#ffffff1c}
.plan-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;border:1px solid #f2ede657;background:var(--bone);color:var(--blue)}
.plan-drawing{padding:24px 28px 25px;min-width:0}
.plan-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--blue)}
.plan-toolbar #config-summary{font-size:10px;text-align:right}
.floor-plan{min-height:390px;display:flex;align-items:center;justify-content:center;padding:16px 0}
.floor-plan svg{display:block;width:100%;height:auto;max-height:510px;overflow:visible}
.floor-plan svg .unit-path{cursor:pointer;stroke:#f2ede6;stroke-width:1.6;fill-rule:evenodd;transition:fill .15s}
.floor-plan svg .unit-path:hover{filter:brightness(.86)}
.floor-plan svg .unit-path:focus{outline:0;stroke:var(--orange);stroke-width:4}
.floor-plan svg text{font:10px Manrope,Arial,sans-serif;fill:var(--blue);text-anchor:middle;pointer-events:none;dominant-baseline:middle}
.floor-plan svg .unit-label.selected{fill:var(--bone)}
.floor-plan svg .outline{fill:none;stroke:var(--blue);stroke-width:1.5;pointer-events:none}
.floor-plan svg .common{fill:#dddcd5;pointer-events:none}
.floor-plan svg .core{fill:#b3c0c6;stroke:#f2ede6;stroke-width:2;pointer-events:none}
.floor-plan svg .column{fill:#687f91;pointer-events:none}
.floor-plan svg .core-label{font-size:8px;fill:var(--blue)}
.plan-legend{display:flex;gap:15px;justify-content:space-between;align-items:center;border-top:1px solid #142c4e3b;padding-top:17px;font-size:9px;flex-wrap:wrap}
.plan-legend span{display:inline-flex;align-items:center;gap:6px}
.plan-legend i{display:inline-block;width:12px;height:12px}
.legend-selected{background:var(--blue)}.legend-common{background:#dddcd5}
.plan-details{border-left:1px solid #142c4e3b;background:#e9e5df;padding:26px;display:flex;flex-direction:column}
.plan-details>label{font-size:9px;letter-spacing:.12em;text-transform:uppercase}
.plan-details select{width:100%;padding:12px 0;background:transparent;border:0;border-bottom:1px solid var(--blue);color:var(--blue);font:400 15px Manrope,Arial,sans-serif}
.plan-details .space-select-label{margin-top:24px}
.selection{margin:33px 0 auto}
.selection .eyebrow{color:var(--orange)}
.selection h3{font-size:31px;line-height:1.15;margin-top:12px}
.selection-area{font:400 58px Syne,Arial,sans-serif;letter-spacing:-.05em;margin:15px 0 6px;line-height:1}
.selection-area small{font:400 16px Manrope,Arial,sans-serif;letter-spacing:0}
.selection #selection-description{font-size:11px;line-height:1.65}
.selection-members{font-size:9px;margin-top:20px;overflow-wrap:anywhere}
.plan-cta{background:var(--blue);color:var(--bone);margin-top:28px;width:100%;gap:10px;font-size:10px;padding:16px;min-height:52px}
.plan-cta:hover{background:#28466c}
.floor-section>.note{color:#d0d5db;opacity:1}
.upper-floor{background:var(--bone);color:var(--blue)}
.upper-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:4%;margin-top:45px}
.upper-grid>div{padding-right:25px}
.upper-grid p{font-size:12px;margin:25px 0;max-width:380px}
.upper-grid figure img{height:420px;object-position:center}
.address>p{font-size:10px;margin-top:30px}
.closing>div>p{max-width:380px;font-size:12px;margin:-10px 0 25px}
.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{min-height:1.5em;font-weight:600}
.form-status.error{color:#a33d2a}
.form-status.success{color:#1f5e4b}
dialog .cta:disabled{opacity:.55;cursor:wait}
@media(max-width:1000px){.plan-layout{grid-template-columns:minmax(0,1fr) 240px}.plan-details{padding:18px}.selection-area{font-size:48px}.plan-drawing{padding:18px}.floor-heading{grid-template-columns:55% 45%}}
@media(max-width:700px){.hero h1{font-size:min(66px,16cqw)}.hero-intro{font-size:12px;max-width:330px}.floor-heading{display:block;margin:35px 0 25px}.floor-heading>p{margin-top:20px}.config-tabs button{flex-direction:column;align-items:center;gap:0;font-size:10px;padding:12px 2px;white-space:normal;line-height:1.2}.config-tabs button b{font-size:25px}.plan-layout{display:block}.plan-drawing{padding:15px 12px}.plan-toolbar{display:block}.plan-toolbar #config-summary{display:block;text-align:left;margin-top:8px}.floor-plan{min-height:0;padding:20px 0}.plan-legend{font-size:8px;gap:8px}.plan-details{border-left:0;border-top:1px solid #142c4e3b;padding:23px}.selection{margin:22px 0}.selection-area{font-size:52px}.upper-grid{display:block;margin-top:35px}.upper-grid>div{padding:0 0 30px}.upper-grid figure img{height:280px}.closing>div>p{font-size:11px}}

/* Keep sales copy and form controls legible on small screens. */
.hero-intro,.space-copy>p,.architecture-heading p,.floor-heading>p,.upper-grid p,.arrival p,.closing>div>p{font-size:14px}
.space-copy #space-panel p,.selection #selection-description{font-size:12px}
.site-header nav,.cta,.text-link{font-size:12px}
dialog label,.form-note,.form-status{font-size:12px}
dialog input,dialog select,dialog textarea{font-size:16px}
.note,figcaption{font-size:11px;line-height:1.6}
footer small{font-size:10px;line-height:1.6}
@media(max-width:700px){.hero-intro,.space-copy>p,.architecture-heading p,.floor-heading>p,.upper-grid p,.arrival p,.closing>div>p{font-size:14px}.space-copy #space-panel p,.selection #selection-description{font-size:12px}}

/* The language links remain visible even when the navigation collapses. */
.site-header nav{margin-left:auto}
.language-switch{display:flex;align-items:center;gap:3px;margin-left:22px;padding-left:18px;border-left:1px solid #6c7e9466;white-space:nowrap}
.language-switch a{display:inline-flex;align-items:center;gap:5px;padding:8px 6px;border-bottom:1px solid transparent;font-size:10px;letter-spacing:.06em;opacity:.65}
.language-switch a[aria-current="page"]{border-color:var(--orange);opacity:1}
.language-switch a:hover{opacity:1}
.language-switch a span:first-child{font-size:17px;line-height:1}
@media(max-width:900px){
  .site-header nav:not(.always){display:none;position:absolute;top:calc(100% - 1px);left:-7%;right:-7%;margin:0;padding:25px 7%;background:var(--blue);border-bottom:1px solid #6c7e944f;align-items:flex-start;gap:25px}
  .site-header nav.open{display:flex;flex-direction:column}
  .site-header nav button{border:0;padding:0}
  .mobile-menu{display:flex;gap:12px;align-items:center;font-size:10px;padding:15px 0;margin-left:16px}
  .mobile-menu span{font-size:20px}
  .language-switch{margin-left:auto}
}
@media(max-width:380px){
  .logo{width:132px;height:30px}
  .language-switch{gap:0;margin-left:auto;padding-left:8px}
  .language-switch a{padding:8px 4px}
  .language-switch .language-code{display:none}
  .mobile-menu{margin-left:8px;gap:7px}
}

/* The office building's everyday amenities and a useful, attributed location map. */
.building-facts dd{overflow-wrap:anywhere}
.building-experience{display:grid;grid-template-columns:1fr 1fr;margin-top:52px;border-top:1px solid #142c4e40;border-bottom:1px solid #142c4e40}
.building-experience article{padding:38px 8% 42px 0}
.building-experience article+article{border-left:1px solid #142c4e40;padding-left:8%}
.building-experience .eyebrow{color:var(--orange)}
.building-experience h3{font-size:clamp(34px,3.5vw,51px);line-height:1.08;margin:25px 0 18px}
.building-experience p{font-size:13px;max-width:410px;line-height:1.75}
.address>.address-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-top:40px}
.address>.address-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:6%;margin-top:55px}
.address-copy{padding:20px 0 30px}
.address-copy .eyebrow{color:var(--orange)}
.address-copy h3{font-size:clamp(34px,3.7vw,54px);line-height:1.1;margin:28px 0 20px}
.address-copy p{font-size:14px;max-width:370px;line-height:1.8}
.address-coordinate{display:block;border-top:1px solid #142c4e40;margin-top:40px;padding-top:18px;font-size:10px;letter-spacing:.08em}
.address-map{margin:0;min-width:0}
.address-map img{width:100%;height:auto;border:1px solid #142c4e40;filter:saturate(.75)}
.address-map figcaption{display:flex;justify-content:space-between;gap:15px;color:var(--blue);opacity:.7;font-size:10px}
.address-map figcaption a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:800px){.building-experience h3{font-size:36px}.address>.address-layout{grid-template-columns:1fr 1.15fr;gap:5%}.address-copy h3{font-size:38px}}
@media(max-width:700px){
  .building-experience{grid-template-columns:1fr;margin-top:38px}
  .building-experience article,.building-experience article+article{padding:30px 0;border-left:0}
  .building-experience article+article{border-top:1px solid #142c4e40}
  .building-experience h3{font-size:38px;margin:20px 0 16px}
  .building-experience p{font-size:14px}
  .address>.address-heading{display:block;margin-top:30px}
  .address>.address-layout{display:block;margin-top:35px}
  .address-copy{padding:0 0 28px}
  .address-copy h3{font-size:39px;margin:20px 0 16px}
  .address-copy p{font-size:14px}
  .address-coordinate{margin-top:25px}
  .address-map figcaption{font-size:9px}
}
