/* Both penthouse views share identical viewport geometry and image framing. */
.spaces-app .penthouse-hero{position:relative;isolation:isolate;overflow:hidden;height:100svh;min-height:0;padding:0!important;background:#07090a!important;color:#f0f3f6}
.spaces-app .penthouse-hero .penthouse-scene{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:82% center;transform:none;animation:none}
.spaces-app .public-arrival .penthouse-scene{opacity:.58;filter:saturate(.5) brightness(1.14) contrast(1.12)}
.spaces-app .public-arrival:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,10,.84),rgba(7,9,10,.68) 38%,rgba(7,9,10,.28));opacity:.58;pointer-events:none}
.penthouse-top{position:absolute;top:28px;left:6vw;right:6vw;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.penthouse-top>a{font:500 14px/1.4 system-ui;text-decoration:none;color:#fff!important;padding:10px 14px;background:rgba(7,9,10,.72);border:1px solid #ffffff40;border-radius:8px;min-height:44px}
.penthouse-lockup{width:clamp(200px,21vw,300px);text-align:center}.penthouse-lockup img{display:block;width:100%;height:auto}.penthouse-lockup span{display:block;margin-top:-4px;padding-left:.18em;font:300 clamp(24px,2.5vw,34px)/1 system-ui;letter-spacing:.18em}
.penthouse-copy{position:absolute;left:6vw;bottom:100px;width:min(520px,48vw);padding:20px 24px;background:rgba(14,23,32,.86);border:1px solid #ffffff30;border-radius:14px}
.penthouse-copy .penthouse-eyebrow{font:500 11px/1.4 system-ui;letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;color:#d2dce7}
.penthouse-copy h1{font:400 clamp(26px,3vw,40px)/1.12 system-ui;letter-spacing:-.035em;margin:0 0 12px}
.penthouse-copy p{font:400 16px/1.5 system-ui;margin:0 0 18px;color:#d2dce7}
.spaces-app .penthouse-copy .space-button{width:auto;min-height:44px;padding:10px 16px;font-size:15px;border-radius:8px}
.penthouse-nav{position:absolute;left:6vw;right:6vw;bottom:24px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:6px 14px;background:rgba(245,249,253,.97);border:1px solid #c9d8e8;border-radius:10px}
.penthouse-nav a{display:flex;align-items:center;justify-content:center;min-height:40px;padding:4px 8px;text-align:center;text-decoration:none;color:#17212f!important;font:700 14px/1.2 Inter,"Avenir Next","Segoe UI",system-ui,sans-serif;letter-spacing:.015em}
.penthouse-nav a:hover{text-decoration:underline;text-underline-offset:4px}
.public-resources{padding:36px clamp(20px,4vw,64px);max-width:1508px;margin:auto}
.public-resources h2{font:400 28px/1.2 system-ui;letter-spacing:-.03em;margin:0 0 20px}
.public-resources>div{display:flex;flex-wrap:wrap;gap:12px 32px}.public-resources a{min-height:44px;display:inline-flex;align-items:center;color:#004ab7!important}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.65s;animation-timing-function:ease-in-out}
@media(max-width:760px){
.spaces-app .penthouse-hero .penthouse-scene{object-position:40% center}
.penthouse-top{left:20px;right:20px;top:20px;gap:12px}.penthouse-lockup{width:200px}.penthouse-top>a{font-size:12px;padding:8px 10px}
.penthouse-copy{left:20px;right:20px;bottom:118px;width:auto;max-width:440px;padding:18px 20px}
.penthouse-nav{left:20px;right:20px;bottom:16px;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px 8px}.penthouse-nav a{font-size:13px}
}
@media(max-height:560px){.penthouse-top{top:14px}.penthouse-lockup{width:180px}.penthouse-copy{bottom:82px;padding:12px 16px}.penthouse-copy h1{font-size:26px}.penthouse-copy p:not(.penthouse-eyebrow){display:none}.penthouse-copy .penthouse-eyebrow{margin-bottom:6px}.penthouse-nav{bottom:12px}}
@media(max-height:560px) and (max-width:760px){.penthouse-copy{bottom:108px;max-width:360px}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation-duration:0s}}

/* Company homepage: stronger shade, larger identity, and one complete navigation bar. */
.spaces-app .public-arrival .penthouse-scene{opacity:.57;filter:saturate(.14) brightness(.76) contrast(1.14)}
.spaces-app .public-arrival:before{background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.72) 42%,rgba(0,0,0,.52));opacity:.68}
.penthouse-lockup{width:clamp(320px,35vw,500px)}
.penthouse-lockup span{font-size:clamp(36px,3.8vw,54px);margin-top:-6px}
.homepage-copy{width:min(520px,48vw)}.homepage-copy h1{font-size:clamp(28px,2.8vw,40px)}.homepage-copy p{font-size:16px}
.penthouse-nav{gap:clamp(4px,1.2vw,20px);flex-wrap:wrap}
@media(max-width:760px){.penthouse-lockup{width:min(300px,78vw)}.penthouse-lockup span{font-size:36px}.penthouse-copy{bottom:166px}.homepage-copy{width:auto}.homepage-copy h1{font-size:28px}}
@media(min-width:761px) and (max-height:700px){.penthouse-lockup{width:420px}.penthouse-lockup span{font-size:42px}.homepage-copy{padding:16px 20px}.homepage-copy h1{font-size:30px}}
@media(max-height:560px) and (max-width:760px){.penthouse-copy{bottom:154px}.penthouse-lockup{width:180px}.penthouse-lockup span{font-size:24px}}

/* Keep the approved company paragraph readable in short viewports. */
@media(max-height:560px){.spaces-app .penthouse-hero{height:560px}.homepage-copy p:not(.penthouse-eyebrow){display:block;font-size:14px;line-height:1.4;margin-bottom:12px}.homepage-copy h1{font-size:26px}}

/* Seven links retain three compact rows on phones. */
@media(max-width:760px){.penthouse-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.penthouse-nav a:first-child,.penthouse-nav a:last-child{grid-column:span 2}}

.penthouse-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}.spaces-app .penthouse-copy .penthouse-actions .space-button{width:100%;margin:0;white-space:nowrap;text-align:center}
.penthouse-nav.penthouse-main-nav{grid-template-columns:repeat(6,minmax(0,1fr))}
.penthouse-nav.penthouse-destination-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.penthouse-actions{grid-template-columns:1fr}.penthouse-nav.penthouse-main-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.penthouse-nav.penthouse-main-nav a:first-child,.penthouse-nav.penthouse-main-nav a:last-child{grid-column:auto}.penthouse-nav.penthouse-destination-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.penthouse-nav.penthouse-destination-nav a:first-child,.penthouse-nav.penthouse-destination-nav a:last-child{grid-column:auto}}


/* Experience Destination cards: let the room remain visible behind the story. */
.penthouse-destination .penthouse-copy{background:rgba(10,17,24,.44);border-color:rgba(255,255,255,.30);box-shadow:0 18px 52px rgba(0,0,0,.16);-webkit-backdrop-filter:saturate(.65) contrast(1.08);backdrop-filter:saturate(.65) contrast(1.08);text-shadow:0 1px 4px rgba(0,0,0,.55)}