:root { --pine:#173f36; --pine-deep:#0d2924; --sand:#f4efe5; --ivory:#fcfaf5; --gold:#c9a45c; --ocean:#365f6c; --ink:#1f2b27; --muted:#68736e; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ivory);color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none}
.site-header{position:absolute;z-index:10;inset:0 0 auto;height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;color:white;border-bottom:1px solid #ffffff38}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:43px;height:43px;display:grid;place-items:center;border:1px solid #ffffffa6;border-radius:50%;font-family:Georgia,serif;font-size:14px}.brand strong{display:block;font-size:15px;letter-spacing:.19em}.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.78}.site-header nav{display:flex;gap:36px;font-size:12px;letter-spacing:.08em}.site-header nav a{opacity:.86}.site-header nav a:hover{opacity:1}.header-cta{border:1px solid #ffffffa6;padding:13px 19px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hero{min-height:820px;height:92vh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--pine-deep);color:white}.hero-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,#081f1bef 0%,#0a231eb8 44%,#0a231e2e 74%),radial-gradient(circle at 78% 35%,#c9a45c42,transparent 26%),linear-gradient(125deg,#204a40 0%,#163a36 38%,#3e6870 72%,#bf9c62 140%)}.hero-backdrop:before,.hero-backdrop:after{content:"";position:absolute;border:1px solid #ffffff1f;border-radius:50%}.hero-backdrop:before{width:560px;height:560px;right:7%;top:18%}.hero-backdrop:after{width:380px;height:380px;right:13%;top:29%}.hero-content{z-index:1;width:min(760px,88vw);margin-left:10vw;padding-top:80px}.eyebrow{margin:0 0 26px;color:var(--ocean);font-size:10px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.eyebrow.light{color:#d5bf91}.hero h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.hero h1{margin:0;font-size:clamp(55px,6.1vw,94px);line-height:.98;letter-spacing:-.045em}.hero h1 em{color:#e8d4ad;font-weight:400}.hero-copy{max-width:600px;margin:31px 0 0;color:#ffffffc7;font-family:Georgia,serif;font-size:19px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:34px;margin-top:38px}.button{display:inline-block;padding:17px 25px;font-size:11px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.button-gold{background:var(--gold);color:#102b25}.button-gold:hover{background:#dbba77}.text-link{font-size:12px;letter-spacing:.08em}.text-link span{margin-left:8px;color:var(--gold)}.hero-note{display:flex;align-items:center;gap:11px;margin-top:61px;color:#ffffff9e;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.pulse{width:7px;height:7px;border-radius:50%;background:#b9c68e;box-shadow:0 0 0 5px #b9c68e1f}.hero-side-note{position:absolute;right:4vw;bottom:7vh;z-index:1;writing-mode:vertical-rl;color:#ffffff73;font-size:9px;letter-spacing:.28em;text-transform:uppercase}
.section-pad{padding:112px 9vw}.intro{background:var(--sand)}.intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10vw}.intro h2,.services h2{margin:0;font-size:clamp(45px,5vw,73px);line-height:1.03;letter-spacing:-.035em}.intro-grid>div:last-child{max-width:580px}.intro .lead{margin:0 0 22px;color:var(--pine);font-family:Georgia,serif;font-size:24px;line-height:1.55}.intro-grid p:last-child{color:var(--muted);font-size:15px;line-height:1.85}
.services{background:var(--pine);color:white}.section-heading{display:grid;grid-template-columns:1fr 350px;align-items:end;gap:40px}.section-heading>p{margin:0 0 8px;color:#ffffff99;font-size:14px;line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid #ffffff29}.service-card{min-height:520px;padding:0 26px 24px;border-right:1px solid #ffffff29}.service-card:first-child{border-left:1px solid #ffffff29}.service-card>img{width:calc(100% + 52px);height:190px;margin:0 -26px 28px;display:block;object-fit:cover}.service-card>span{color:var(--gold);font-family:Georgia,serif;font-size:13px}.service-card h3{margin:30px 0 19px;font-family:Georgia,serif;font-size:25px;font-weight:400}.service-card p{color:#ffffff9c;font-size:13px;line-height:1.75}.service-card a{display:inline-block;margin-top:28px;padding-bottom:6px;border-bottom:1px solid #ffffff47;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.service-card b{margin-left:7px;color:var(--gold)}
@media(max-width:900px){.site-header nav,.header-cta{display:none}.hero{min-height:760px}.hero-content{margin-left:7vw}.intro-grid,.section-heading{grid-template-columns:1fr}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){border-left:1px solid #ffffff29}}
@media(max-width:560px){.site-header{height:88px;padding:0 6vw}.brand strong{font-size:13px}.hero{min-height:720px;height:100svh}.hero h1{font-size:50px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.section-pad{padding:82px 7vw}.service-grid{grid-template-columns:1fr}.service-card{min-height:300px;border-left:1px solid #ffffff29}}
.hero-backdrop{background:linear-gradient(90deg,#081f1bf2 0%,#0a231ec2 42%,#0a231e30 75%),url('/assets/lanai-home-hero.webp') center/cover no-repeat}
.arrival-band{background:linear-gradient(110deg,#193d3aed,#254f53cf),url('/assets/lanai-home-hero.webp') center 70%/cover}
.approach{display:grid;grid-template-columns:1fr .8fr;gap:10vw;align-items:center;background:var(--ivory)}.approach-copy{max-width:650px}.approach h2,.process h2,.about h2,.consultation h2,.arrival-band h2{margin:0;font-family:Georgia,serif;font-size:clamp(45px,5vw,72px);font-weight:400;line-height:1.04;letter-spacing:-.04em}.approach .lead,.about .lead{margin:30px 0 19px;color:var(--pine);font-family:Georgia,serif;font-size:21px;line-height:1.58}.approach-copy>p:not(.eyebrow):not(.lead),.about-copy>p:not(.eyebrow):not(.lead){color:var(--muted);font-size:14px;line-height:1.85}.dark-link{display:inline-block;margin-top:24px;padding-bottom:7px;border-bottom:1px solid var(--line);font-size:10px;text-transform:uppercase}.approach-visual{min-height:580px;padding:34px;background:linear-gradient(155deg,#d8d5c8,#aab8aa)}.visual-frame{height:100%;min-height:512px;position:relative;display:flex;align-items:flex-end;padding:44px;border:1px solid #ffffff8c;background:linear-gradient(145deg,#173f3633,#0d2924b8);color:white;overflow:hidden}.frame-number{position:absolute;top:26px;right:28px;font-size:9px;letter-spacing:.18em}.visual-frame p{position:relative;z-index:2;margin:0;font-family:Georgia,serif;font-size:38px;line-height:1.2}.pine-lines{position:absolute;inset:12% 5% 0 20%;display:flex;align-items:flex-end;justify-content:center;gap:15px}.pine-lines i{display:block;width:2px;height:72%;background:#ffffff47;transform:rotate(-10deg)}.pine-lines i:nth-child(2){height:94%;transform:rotate(3deg)}.pine-lines i:nth-child(3){height:62%;transform:rotate(13deg)}
.process{background:var(--sand)}.ink-heading{color:var(--ink)}.ink-heading>p{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:68px;border-top:1px solid var(--line)}.process-grid article{padding:32px 42px 10px 0;border-right:1px solid var(--line)}.process-grid article+article{padding-left:42px}.process-grid b{color:var(--gold);font-family:Georgia,serif;font-size:13px}.process-grid h3{margin:54px 0 15px;font-family:Georgia,serif;font-size:24px;font-weight:400}.process-grid p{color:var(--muted);font-size:13px;line-height:1.75}
.arrival-band{min-height:500px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:9vw;padding:90px 10vw;background:linear-gradient(110deg,#193d3ae6,#254f53dc),url('/lanai-ready-hero.png') center 65%/cover;color:white}.arrival-band h2 em{color:#e8d4ad;font-weight:400}.arrival-list{display:grid;border-top:1px solid #ffffff42}.arrival-list span{padding:17px 0;border-bottom:1px solid #ffffff42;color:#ffffffbd;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;align-items:center;background:var(--ivory)}.about-card{min-height:590px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:45px;background:var(--pine-deep);color:white;overflow:hidden}.about-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:saturate(.9) contrast(1.03)}.about-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0d29240d 30%,#0d2924e8 100%)}.about-card span,.about-card p{position:relative;z-index:1}.about-card span{width:62px;height:62px;display:grid;place-items:center;border:1px solid #ffffff70;border-radius:50%;background:#0d292466;font-family:Georgia,serif}.about-card p{margin:0;font-family:Georgia,serif;font-size:26px;line-height:1.4;text-shadow:0 2px 18px #071713}.about-copy{max-width:680px}.independent{margin-top:30px!important;padding-top:20px;border-top:1px solid var(--line);font-size:10px!important;letter-spacing:.05em}
.consultation{display:grid;grid-template-columns:.8fr 1.2fr;gap:10vw;background:var(--pine);color:white}.consultation-intro>p:not(.eyebrow){max-width:460px;margin-top:30px;color:#ffffffa3;font-size:14px;line-height:1.8}.confidential{margin-top:36px;padding-top:22px;border-top:1px solid #ffffff38;color:#e8d4ad;font-family:Georgia,serif;font-size:13px}.consultation form{display:flex;flex-direction:column;gap:24px}.consultation label{display:flex;flex-direction:column;gap:9px;color:#ffffffa8;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.consultation input,.consultation select,.consultation textarea{width:100%;padding:13px 0;border:0;border-bottom:1px solid #ffffff52;outline:none;background:transparent;color:white;font:15px Arial,sans-serif;text-transform:none;letter-spacing:0}.consultation input::placeholder,.consultation textarea::placeholder{color:#ffffff61}.consultation select option{color:var(--ink)}.consultation textarea{resize:vertical}.consultation button{align-self:flex-start;border:0;cursor:pointer;margin-top:8px}
footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;padding:65px 6vw 35px;background:var(--pine-deep);color:white}footer strong{display:block;letter-spacing:.18em}footer .footer-brand span{display:block;margin-top:7px;color:#ffffff70;font-size:8px;letter-spacing:.13em;text-transform:uppercase}footer>p{margin:0;font-family:Georgia,serif;color:#e8d4ad}footer>div:nth-child(3){display:flex;flex-direction:column;gap:8px;color:#ffffff8c;font-size:11px}footer small{grid-column:1/-1;margin-top:38px;padding-top:22px;border-top:1px solid #ffffff24;color:#ffffff5c;font-size:9px}
@media(max-width:900px){.approach,.arrival-band,.about,.consultation{grid-template-columns:1fr}.approach-visual{min-height:460px}.visual-frame{min-height:400px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{padding:30px 0;border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.approach-visual{min-height:380px;padding:18px}.visual-frame{min-height:340px}.process-grid h3{margin-top:28px}.arrival-band{padding:76px 7vw}.about-card{min-height:390px}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
.mobile-menu-button{display:none;border:0;background:transparent;color:white;font-size:25px;cursor:pointer}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{min-height:20px;color:#e8d4ad;font-size:12px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:var(--pine);padding:12px}.skip-link:focus{top:20px}.success-page{min-height:100svh;display:grid;place-items:center;padding:30px;background:var(--pine-deep);color:white}.success-card{max-width:680px;padding:70px;background:var(--pine);text-align:center}.success-card h1{margin:20px 0;font:400 clamp(42px,6vw,70px)/1.05 Georgia,serif}.success-card p{color:#ffffffb3;line-height:1.8}.success-card .button{margin-top:20px}.error-message{padding:12px 14px;border:1px solid #d5bf91;color:#f4efe5;font-size:13px}
@media(max-width:900px){.mobile-menu-button{display:block}.site-header.menu-open nav{position:absolute;display:flex;top:88px;left:0;right:0;flex-direction:column;gap:0;padding:18px 6vw;background:var(--pine-deep)}.site-header.menu-open nav a{padding:14px 0;border-bottom:1px solid #ffffff1f}}
.arrival-band{background:linear-gradient(110deg,#193d3aed,#254f53cf),url('/assets/lanai-home-hero.webp') center 70%/cover}