:root{color-scheme:dark;--cream:#0b1720;--navy:#09151e;--ink:#f5f4ee;--muted:#b9c7cf;--line:#ffffff26;--gold:#efb675}
body{background:#0b1720;color:var(--ink)}
.nav{background:#09151ef5;color:#f5f4ee;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(16px)}
.brand small{color:#b9c7cf}.nav-links a:hover{color:var(--gold)}
.nav-links .outline{background:#efb675;color:#101a22;border-color:#efb675}.nav-links .outline:hover{background:#ffcb90;color:#101a22}
.hero{padding:0 0 60px;background:#0b1720}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#0b1720}
.hero-grid{display:flex;align-items:center;min-height:690px;padding-top:65px;padding-bottom:65px;position:relative}
.hero-grid>div:first-child{position:relative;z-index:2;width:49%;max-width:620px}
.hero .lease-exchange{position:absolute;inset:0;z-index:-2;margin:0;width:100%;max-width:none}
.hero .lease-exchange img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.hero-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#06111bf2 0%,#06111be8 26%,#06111b83 51%,#06111b10 78%),linear-gradient(0deg,#0b1720 0%,transparent 24%);pointer-events:none}
.hero-grid{position:static}
.hero h1{color:#fff;font-size:clamp(58px,6.7vw,94px);line-height:1.06;max-width:630px;text-shadow:0 2px 24px #0004}
.hero h1 em{color:#f2c28a;line-height:1.06}.hero .eyebrow{color:#f1d2ab}.status-dot{background:#efb675}
.hero .hero-actions{flex-wrap:wrap}.hero .text-link{color:#f5f4ee}
.button,.hero .button{background:#efb675;color:#101a22}.button:hover,.hero .button:hover{background:#ffcc92;color:#101a22}
.hero-copy-strip{display:grid;grid-template-columns:1fr .4fr;gap:65px;align-items:center;padding-top:30px;padding-bottom:30px;border-bottom:1px solid #ffffff26}
.hero .hero-copy-strip>p:first-child{max-width:850px;color:#d4dde3;font-size:17px;line-height:1.75;margin:0}
.hero .hero-copy-strip .hero-note{font-size:12px!important;color:#b9c7cf!important;margin:0;border-left:1px solid #ffffff33;padding-left:32px;max-width:230px}
.host-brand-intro{margin-top:0;padding-top:40px;border-top:0;gap:60px}.host-brand-copy .eyebrow{color:#efb675}.host-brand-copy h2{color:#f5f4ee}.host-brand-copy p:last-child{color:#b9c7cf}
.hero-company-logo{width:210px;height:210px}
.host-brand-intro .tenant-caption{background:#142b3a;color:#f5f4ee;border-bottom:1px solid #ffffff26}.tenant-caption small,.tenant-homebase{color:#c4d1da}
.section{padding:72px 0}.eyebrow,.faq .eyebrow{color:#efb675}.intro>p,.lease-details p:not(.eyebrow),.steps p{color:#b9c7cf}
#owners{background:#10232e}.owner-story{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.owner-story .intro h2{font-size:clamp(35px,3.7vw,54px)}
.owner-story-image{margin:0;position:relative}.owner-story-image img{width:100%;height:460px;object-fit:cover;display:block}.owner-story-image figcaption{padding:15px 0;font-size:12px;color:#b9c7cf;border-bottom:1px solid #ffffff26}
#owners .combined-how{border-color:#ffffff26;gap:80px;margin-top:38px;padding-top:35px}.steps li{border-color:#ffffff26}.steps b{background:#efb675;color:#101a22}.lease-details h3{color:#f5f4ee}
.experience{background:#09151e}.tour-heading p{color:#b9c7cf}#experience .property-exterior #tour-photo{aspect-ratio:1.9}#experience .exterior-shade{background:linear-gradient(90deg,#071b3055,transparent 45%),linear-gradient(0deg,#071b3066,transparent 35%)}
#experience .guest-quote .button{background:#efb675;color:#101a22}.guest-feedback{padding-top:35px;margin-top:35px}
.faq{background:#10232e;color:#f5f4ee;border-color:#ffffff26}.faq .intro>p,.questions details p{color:#b9c7cf}.questions details{border-color:#ffffff26}.questions details[open]{background:#193341}.questions summary{color:#f5f4ee}.questions summary:after{color:#efb675}
#contact{background:linear-gradient(90deg,#09151ef5,#09151ed9),url('assets/patio-night.webp') center/cover no-repeat;color:#f5f4ee}.contact-links small{color:#b9c7cf}.contact-form{background:#142b3af5;border-color:#ffffff36;box-shadow:none}.contact-form p{color:#c5d2da}.contact-form input,.contact-form textarea{background:#0b1c28;color:#f5f4ee;border-color:#ffffff45}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9cabb6;opacity:1}.contact-form .button:disabled{opacity:.7;cursor:wait}.email-note{min-height:2em}
.footer{background:#061018;border-top:1px solid #ffffff26;color:#b9c7cf}.footer strong{color:#f5f4ee}.photo-dialog{background:#0b1c28}.skip{background:#efb675;color:#101a22}
@media(min-width:1600px){.hero-stage{min-height:760px}.hero-grid{min-height:760px}.hero .lease-exchange img{object-position:center 58%}}
@media(max-width:1050px){.hero-grid{min-height:600px}.hero h1{font-size:70px}.hero-grid>div:first-child{width:55%}.hero-copy-strip{gap:35px;grid-template-columns:1fr .4fr}.owner-story{gap:35px}.owner-story-image img{height:410px}.host-brand-intro{gap:35px}.hero-company-logo{width:170px;height:170px}}
@media(max-width:750px){.hero-grid{min-height:570px;padding-top:70px;padding-bottom:50px;align-items:flex-start}.hero-grid>div:first-child{width:100%;max-width:500px}.hero h1{font-size:clamp(47px,9vw,66px);max-width:510px}.hero .lease-exchange img{object-position:62% center}.hero-stage:after{background:linear-gradient(90deg,#06111be3,#06111b65),linear-gradient(0deg,#0b1720,transparent 35%)}.hero .hero-actions{margin-top:28px;gap:22px}.hero-copy-strip{grid-template-columns:1fr;gap:22px;padding-top:20px;padding-bottom:28px}.hero .hero-copy-strip>p:first-child{font-size:15px}.hero .hero-copy-strip .hero-note{border-left:0;padding-left:0;max-width:none}.host-brand-intro{padding-top:32px;grid-template-columns:1fr;gap:28px}.hero-company-logo{width:170px;height:170px}.owner-story{grid-template-columns:1fr;gap:25px}.owner-story-image img{height:350px}.section{padding:54px 0}#owners .combined-how{gap:35px}#experience .property-exterior #tour-photo{aspect-ratio:1.3}.contact-form{padding:25px}.hero{padding-bottom:40px}}
@media(max-width:420px){.hero-grid{min-height:580px}.hero h1{font-size:46px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.hero-actions .text-link{font-size:12px}.hero-company-logo{width:140px;height:140px}.owner-story-image img{height:290px}}
