/* Desktop only. Phone and tablet layouts up to700px retain approved production styles. */
@media(min-width:701px){
body.standalone-project .header{height:80px}
body.standalone-project .story-top{height:40px}

body[data-page=home] .header{height:80px}

/* Fit complete opening media inside the first viewport. */
body[data-page=home] .hero{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;margin-inline:auto;container-type:inline-size}
body[data-page=home] .hero video,body[data-page=home] .hero-poster{object-fit:contain;object-position:center}
body[data-page=home] .hero-copy{padding:clamp(24px,7svh,64px) 7% 75px;max-width:850px}
body[data-page=home] .hero h1{font-size:clamp(36px,8svh,84px);margin-bottom:18px}
body[data-page=home] .hero .eyebrow{margin-bottom:18px}
body[data-page=home] .hero-intro{font-size:clamp(12px,1.9svh,15px);line-height:1.6;margin-bottom:18px}
body.standalone-project .story-hero{display:flex;flex-direction:column;align-items:center;height:auto;min-height:0;max-height:none;overflow:visible;background:transparent;color:var(--ink)}
body.standalone-project .story-hero>img{width:auto;max-width:100%;height:auto;max-height:calc(100svh - 310px);position:relative;object-fit:contain;transform:none!important}
body.standalone-project .story-hero:after{display:none}
body.standalone-project .story-hero>div{position:static;inset:auto;width:100%;padding:16px 7% 20px;color:var(--ink);background:var(--paper)}
body.standalone-project .story-hero h1{font-size:clamp(28px,4vw,48px);line-height:1.05;margin:0 0 8px;text-shadow:none}
body.standalone-project .story-hero .eyebrow{margin:0 0 8px;text-shadow:none}
body.standalone-project .story-hero p:last-child{margin:0;text-shadow:none}

body.standalone-project .story-hero>div{text-align:center}
}

/* Uniform desktop opening frames match Project Nido's supplied cover ratio. */
@media(min-width:701px){
 body.standalone-project .story-hero>img{object-fit:cover;object-position:center}
 body.standalone-project .story-hero[data-project="east549"]>img{object-position:50% 62%}
 body.standalone-project .story-hero[data-project="oriole830"]>img{object-position:50% 58%}
 body.standalone-project .story-hero:is([data-project="villaSerena"],[data-project="casaAurea"],[data-project="casaSiena"],[data-project="casaSolana"])>img{object-fit:contain}
}




/* Homepage branding aligned to the widened video edges. */
@media(min-width:701px){
body[data-page=home]{--brand-rail:var(--page-right-gutter)}
body[data-page=home] .header{padding-inline:0}
body[data-page=home] .floating-brand{left:var(--brand-rail)}
}

/* Wide homepage video with height preserved. */
@media(min-width:701px){
body[data-page=home] .hero,body[data-page=home] .header{width:100%;margin-inline:auto}
body[data-page=home] .hero{max-height:calc(100svh - 80px)}
body[data-page=home] .hero video,body[data-page=home] .hero-poster{object-fit:cover;object-position:center bottom}
body[data-page=home] .header{min-height:80px;container-type:inline-size;container-name:home-navigation}
}
@container home-navigation (max-width:1000px){
.header #mainNav{display:none}
.header .menu-toggle{display:block;margin-left:auto;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.header.menu-open #mainNav{display:flex;position:absolute;left:0;right:0;top:100%;width:100%;background:var(--paper);padding:24px 7%;z-index:30;flex-wrap:wrap;gap:16px 25px;border-bottom:1px solid var(--line)}
}