/* Shared additions for the complete room and photo collection. */
.home .header{position:absolute;top:0;left:0;width:100%;height:180px;align-items:flex-start;padding-top:0}
.home .brand{position:absolute;top:28px;left:50%;transform:translateX(-50%);z-index:1}
.home .brand .brand-logo{width:clamp(230px,19vw,280px);max-height:none;filter:brightness(0) invert(32%) sepia(12%)}
.home .nav{width:100%;margin:0;padding-top:55px;gap:28px}
.home .nav>a:nth-child(3){margin-left:auto}
.home .nav-cta{border-color:#4b414666;background:#fcfafa70}
.home .hero{height:100svh;min-height:750px;max-height:1150px}
.home .hero:before{content:'';position:absolute;inset:0 0 auto;height:235px;z-index:-1;background:linear-gradient(#fcfafac9,#fcfafa50 55%,transparent);pointer-events:none}
.home .hero-top{top:195px;justify-content:flex-end}
.loft-feature{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}
.loft-feature>.photo{aspect-ratio:3/4}.loft-feature>.photo img{object-fit:contain}
.loft-copy h2{margin:23px 0 30px}.loft-copy>p:not(.eyebrow){max-width:430px;font-size:18px}.loft-copy .text-link{margin-top:25px;gap:18px}
.page-intro{padding-block:65px 58px;max-width:1380px}.page-intro h1{font-size:clamp(58px,6.5vw,94px);margin:20px 0 28px}
.page-intro h1 em{color:var(--gold)}.page-intro>p:not(.eyebrow){max-width:680px;font-size:19px;line-height:1.7}
.section-nav{display:flex;flex-wrap:wrap;gap:15px 35px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line)}
.section-nav a{font-size:22px;font-style:italic;border-bottom:1px solid transparent}.section-nav a:hover{border-color:currentColor}
.room-story{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:start;margin-bottom:100px;scroll-margin-top:35px}
.room-story>.photo{aspect-ratio:4/3}.room-story>.photo img{object-fit:contain}
.room-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.room-pair .photo{aspect-ratio:3/4}.room-pair img{object-fit:cover}
.room-description{padding-top:15px}.room-description h2{font-size:clamp(44px,4.2vw,66px);margin:20px 0 28px}
.room-description p:not(.eyebrow){margin-top:20px;font-size:18px}.room-description .room-note{font-size:15px!important;color:var(--muted)}
.room-description .text-link{display:flex;width:fit-content;margin-top:20px}.room-description .button{margin-top:30px}
.room-story-reverse>.photo{order:2}.room-story-reverse>.room-description{order:1}
.rooftop-story{background:#f2e9eb;scroll-margin-top:20px}.rooftop-story .section-heading>p{max-width:410px}
.loft-room-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:start}.loft-room-grid>.photo{aspect-ratio:3/4}.loft-room-grid>.photo img{object-fit:contain}
.loft-room-grid>div>.photo{aspect-ratio:4/3}.loft-room-grid p{font-size:18px;line-height:1.8;margin:25px 0}.loft-room-grid .button{white-space:normal}
.rooftop-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:45px 0 25px}.rooftop-photos .photo{aspect-ratio:3/4}.rooftop-photos .photo img{object-fit:cover}
.complete-gallery{padding-bottom:40px}.complete-gallery .gallery-toolbar{align-items:flex-start;border-top:1px solid var(--line);padding-top:24px;margin-bottom:55px}
.complete-gallery .filters{flex-wrap:wrap;justify-content:flex-start;gap:8px}.complete-gallery .filter{font-size:17px;padding:8px 18px;border:1px solid var(--line)}
.complete-gallery #gallery-count{font-size:16px;padding-top:8px;white-space:nowrap}.gallery-group{margin-bottom:70px}
.gallery-group h2{font-size:46px}.gallery-group>p{margin:14px 0 27px;color:var(--muted);font-size:17px}
.gallery-grid{columns:3;column-gap:22px}.gallery-grid .photo{display:inline-block;vertical-align:top;margin-bottom:22px;break-inside:avoid;aspect-ratio:auto}
.gallery-grid .photo img{width:100%;height:auto;object-fit:contain}.gallery-grid .photo-expand{opacity:1;transform:none}
.gallery-inquiry{padding:0 0 100px}.gallery-inquiry h2{font-size:42px;margin-bottom:30px}
.arrival-details{margin-top:36px;max-width:620px}.arrival-details h3{font-size:30px;margin:28px 0 12px}.arrival-details p{font-size:17px;line-height:1.8}
.location{gap:8%;grid-template-columns:1.4fr .8fr}.location-title>p:not(.eyebrow){max-width:620px}.location-details{position:sticky;top:35px}
@media(max-width:1100px){.room-story{gap:6%}.rooftop-photos{grid-template-columns:repeat(2,minmax(0,1fr))}.rooftop-photos .photo{aspect-ratio:4/3}}
@media(max-width:900px){.home .hero{min-height:650px}.loft-feature{gap:6%}.loft-copy h2{font-size:53px}.room-story{grid-template-columns:1fr;margin-bottom:70px}.room-story-reverse>.photo,.room-story-reverse>.room-description{order:initial}.room-description{max-width:680px}.room-pair{display:none}.loft-room-grid{gap:5%}.gallery-grid{columns:2}.complete-gallery .gallery-toolbar{display:block}.complete-gallery #gallery-count{display:block;margin-top:14px}.location{grid-template-columns:1fr}.location-details{position:static;padding:30px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media(max-width:600px){.home .hero{height:auto;min-height:0;max-height:none}.home .hero:before{height:155px;z-index:1}.home .hero-top{top:125px;z-index:2}.home .hero-copy{z-index:2}.loft-feature{grid-template-columns:1fr;gap:30px}.loft-copy h2{font-size:48px;margin-block:17px 24px}.loft-copy>p:not(.eyebrow){font-size:17px}.page-intro{padding-block:35px 40px}.page-intro h1{font-size:49px}.page-intro>p:not(.eyebrow){font-size:17px}.section-nav{gap:13px 22px}.section-nav a{font-size:21px}.room-description h2{font-size:46px}.room-description p:not(.eyebrow){font-size:17px}.room-story{margin-bottom:55px}.loft-room-grid{grid-template-columns:1fr;gap:28px}.loft-room-grid p{font-size:17px}.rooftop-photos{gap:13px;margin-top:30px}.rooftop-photos .photo{aspect-ratio:3/4}.complete-gallery .filter{font-size:16px;padding:7px 14px}.complete-gallery .gallery-toolbar{margin-bottom:35px}.gallery-grid{columns:1}.gallery-group h2{font-size:36px}.gallery-group{margin-bottom:45px}.gallery-inquiry{padding-bottom:60px}.gallery-inquiry h2{font-size:35px}.arrival-details p{font-size:16px}}

/* Centered warm-gray brand, with navigation on either side. */
@media(max-width:1100px){
 .home .header{height:150px;padding-top:0}
 .home .brand{top:24px}.home .brand .brand-logo{width:220px}
 .home .menu-toggle{display:block;position:absolute;right:4.5%;top:34px;margin:0;background:#fcfafad9;border-radius:50%;z-index:2}
 .home .nav{display:none;position:absolute;top:157px;left:4.5%;right:4.5%;width:auto;margin:0;padding:25px 28px;flex-direction:column;align-items:stretch;gap:20px;background:#fcfafa;border:1px solid var(--line);box-shadow:0 15px 35px #4b414614}
 .home .nav.open{display:flex}.home .nav>a{font-size:23px}.home .nav>a:nth-child(3){margin-left:0}.home .nav-cta{justify-content:center;background:transparent}
 .home .hero-top{top:170px}
}
@media(max-width:600px){
 .home .header{height:118px}.home .brand{top:16px}.home .brand .brand-logo{width:176px}
 .home .menu-toggle{top:23px;right:5%;width:44px;height:44px}
 .home .nav{top:125px;left:5%;right:5%;padding:22px}
 .home .hero-top{top:125px}
}
