/* Option 2 skyline: scenic artwork behind native HTML controls and text. */
.page-1 .home-hero{background:linear-gradient(90deg,transparent 22%,#00091366 42%,#00091366 58%,transparent 78%),url("miami-balanced.webp") center center/100% 100% no-repeat;isolation:isolate}
.page-1 .hero-content{mix-blend-mode:screen;background:transparent}
.page-1 .hero-logo{background:transparent;mix-blend-mode:screen}
.page-1 .home-hero h1,.page-1 .home-hero p{text-shadow:0 2px 8px #000,0 0 20px #000}
.page-1 .home-hero .explore{text-shadow:0 1px 5px #000}

/* Readable homepage navigation on every screen size. */
.page-1 .site-header{flex-wrap:wrap;gap:12px 2%;min-height:90px}
.page-1 .nav{flex-wrap:wrap;gap:4px 18px;justify-content:flex-end;min-width:0}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:14px;line-height:1.35;min-height:44px;padding:12px 0;display:flex;align-items:center}
.page-1 .nav .portal{padding:12px 18px}
.page-1 .nav .menu{width:280px;max-width:calc(100vw - 16px);padding:12px}
.page-1 .nav .menu a{font-size:15px;padding:12px 10px;line-height:1.4}
@media(max-width:1100px){
.page-1 .site-header{padding:16px 4%}
.page-1 .site-header .brand{width:170px;max-width:55%}
.page-1 .site-header .brand img{height:65px;width:100%;object-fit:contain;object-position:left center}
.page-1 .nav{flex-basis:100%;justify-content:flex-start;column-gap:20px}
}
@media(max-width:600px){
.page-1 .site-header{padding:12px 4%;gap:8px}
.page-1 .nav{column-gap:16px;row-gap:0}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:13px;min-height:44px}
.page-1 .nav .portal{padding:10px 14px}
}

/* Moderate navigation scale between the original and enlarged versions. */
.page-1 .site-header{min-height:0;gap:6px 2%}
.page-1 .nav{gap:2px 12px}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:12px;min-height:34px;padding:8px 0}
.page-1 .nav .portal{padding:8px 12px}
@media(max-width:1100px){
.page-1 .site-header{padding:10px 4%}
.page-1 .site-header .brand{width:135px}
.page-1 .site-header .brand img{height:48px}
.page-1 .nav{column-gap:14px}
}
@media(max-width:600px){
.page-1 .site-header{padding:8px 4%;gap:4px}
.page-1 .nav{column-gap:12px;row-gap:0}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:11px;min-height:32px;padding:7px 0}
.page-1 .nav .portal{padding:7px 10px}
}

/* Separate upper-right portal and two compact navigation rows. */
.page-1 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 16px;padding:12px 3%;position:relative}
.page-1 .site-header .brand{grid-column:1;grid-row:1;width:150px;max-width:45%;min-width:85px}
.page-1 .site-header .brand img{width:100%;height:48px;object-fit:contain;object-position:left center}
.page-1 .nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 12px;width:100%;align-items:center}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:12px;min-height:30px;padding:6px 0;justify-content:center;white-space:nowrap;line-height:1.3}
.page-1 .nav>details{min-width:0}
.page-1 .nav>.portal{position:absolute;right:3%;top:18px;width:auto;min-height:32px;padding:8px 12px;font-size:11px}
.page-1 .nav>details:nth-child(5){grid-column:1}
.page-1 .nav>details:nth-child(6){grid-column:2/4}
.page-1 .nav>details:nth-child(7){grid-column:4}
@media(max-width:600px){
.page-1 .site-header{padding:8px 3%;gap:5px 10px}
.page-1 .site-header .brand{width:110px;max-width:100%}
.page-1 .site-header .brand img{height:40px}
.page-1 .nav{gap:0 5px}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:clamp(8px,2.35vw,11px);min-height:27px;padding:5px 0}
.page-1 .nav>.portal{top:12px;font-size:10px;padding:7px 10px;min-height:30px}
.page-1 .nav details summary:after{margin-left:2px}
}

.page-1 .nav details:not([open])>.menu{display:none}

/* Two closely grouped, centered navigation rows. */
.page-1 .nav{display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:0 18px;max-width:760px;margin:0 auto;padding:2px 0;width:100%}
.page-1 .nav>a:not(.portal),.page-1 .nav>details{flex:0 0 auto}
.page-1 .nav>details:nth-child(5){break-before:auto}
.page-1 .nav::after{content:"";flex-basis:100%;height:0;order:1}
.page-1 .nav>a:not(.portal),.page-1 .nav>details:nth-child(-n+4){order:0}
.page-1 .nav>details:nth-child(n+5){order:2}
.page-1 .nav>a,.page-1 .nav>details>summary{min-height:26px;padding:4px 0;line-height:1.25}
.page-1 .site-header{row-gap:2px}
@media(max-width:600px){
.page-1 .nav{gap:0 10px;padding:0}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:clamp(8px,2.35vw,11px);min-height:24px;padding:3px 0}
.page-1 .nav>.portal{font-size:10px;padding:7px 10px;min-height:30px}
}

/* Approved single-line header: logo, consolidated links, separate portal. */
.page-1 .site-header{display:flex;flex-wrap:nowrap;align-items:center;gap:2%;padding:1.3% 2.5%;min-height:0}
.page-1 .site-header .brand{width:12%;min-width:0;max-width:none;flex:0 0 12%}
.page-1 .site-header .brand img{width:100%;height:6cqw;object-fit:contain;object-position:left center}
.page-1 .nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1.1cqw;max-width:none;margin:0;padding:0;flex:1;flex-basis:0;min-width:0;width:auto}
.page-1 .nav::after{display:none;content:none}
.page-1 .nav>a,.page-1 .nav>details,.page-1 .nav>details:nth-child(n){order:0;flex:0 0 auto}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:1.02cqw;line-height:1.3;min-height:0;padding:.7em 0;white-space:nowrap}
.page-1 .nav details summary:after{margin-left:.3em}
.page-1 .nav>.portal{position:static;width:auto;font-size:.98cqw;min-height:0;padding:.7em 1em;margin-left:.4cqw;border-radius:3em;flex-shrink:0}
.page-1 .nav>a.active{border-bottom:2px solid #d6ad59}
.page-1 .nav .menu{font-size:14px}
.page-1 .nav .menu a{font-size:14px;padding:10px;min-height:40px}

/* Slightly larger approved single-line navigation. */
.page-1 .nav{gap:.8cqw}
.page-1 .nav>a,.page-1 .nav>details>summary{font-size:1.10cqw}
.page-1 .nav>.portal{font-size:1.06cqw}