body[data-navigation=integrated] .mast{position:absolute;inset:0 0 auto;z-index:5;width:100%;max-width:none;border:0;color:#fff;padding:30px 5.5% 70px;background:linear-gradient(180deg,#00181aeb,#00181a55 65%,transparent)}
body[data-navigation=integrated] .wordmark{font-family:"Segoe UI",Arial,sans-serif;font-weight:300;letter-spacing:.15em;text-transform:uppercase;font-size:clamp(11px,1.4vw,16px)}
body[data-navigation=integrated] .monogram{border-color:#ffffff80;font-family:Georgia,serif;font-size:20px;letter-spacing:-3px}
body[data-navigation=integrated] .mast nav{font-weight:300;text-transform:uppercase;font-size:12px;letter-spacing:.2em}
body[data-navigation=integrated] .mast a{text-shadow:0 1px 8px #001b20}
@media(max-width:700px){body[data-navigation=integrated] .mast{padding:20px 18px 65px;gap:18px;align-items:flex-start}body[data-navigation=integrated] .mast nav{gap:12px;letter-spacing:.1em;flex-wrap:wrap;justify-content:flex-end}body[data-navigation=integrated] .mast nav a{font-size:10px}body[data-navigation=integrated] .wordmark{gap:8px;max-width:50%}}
@media(max-width:700px){body[data-navigation=integrated] .mast{gap:12px}body[data-navigation=integrated] .wordmark{font-size:10px;max-width:40%;letter-spacing:.08em}body[data-navigation=integrated] .mast nav{flex:1;flex-wrap:nowrap;gap:10px;letter-spacing:.03em}body[data-navigation=integrated] .mast nav a{font-size:9px;white-space:nowrap}}