:root{--teal:#173f40;--navy:#14242f;--ocean:#102d31;--graphite:#30383d;--silver:#d1d9dc;--white:#f4f7f7;--body:#dfe8ea;--muted:#bcd1d5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 6.5%;background:var(--teal);position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff1a}.brand{font:normal 34px Georgia,serif;letter-spacing:-2px;white-space:nowrap}.brand span{color:var(--silver)}.site-header nav{display:flex;align-items:center;gap:30px}.site-header nav a{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#e5eff0}.site-header nav a:hover,.site-header nav a.current{text-decoration:underline;text-underline-offset:7px}.site-header nav a.nav-cta{background:var(--silver);color:var(--navy);padding:14px 19px;font-weight:bold;text-decoration:none}.menu-toggle{display:none}.page{display:none}.page.active{display:block}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--muted);line-height:1.6}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;margin:0;line-height:1.05}h1{font-size:clamp(55px,7.6vw,112px)}h2{font-size:clamp(36px,4.4vw,66px)}em{font-weight:400}p{line-height:1.7;color:var(--body)}.button{display:inline-flex;justify-content:space-between;gap:40px;align-items:center;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;padding:19px 24px;border:0;cursor:pointer;min-height:55px}.button.light{background:var(--silver);color:var(--navy)}.button.dark{background:var(--navy);color:var(--white)}.button:hover{filter:brightness(1.08)}.hero{min-height:min(760px,86vh);position:relative;display:flex;align-items:center;padding:80px 7%;background:linear-gradient(90deg,rgba(10,31,37,.78),rgba(10,31,37,.12)),url('https://images.pexels.com/photos/9610078/pexels-photo-9610078.jpeg?auto=compress&cs=tinysrgb&w=2000') center 44%/cover}.hero-copy{max-width:900px;position:relative}.hero h1{margin:20px 0}.hero-sub{max-width:490px;font-size:18px;margin:20px 0 34px}.image-credit{position:absolute;right:6%;bottom:30px;font-size:10px;letter-spacing:.2em;color:#f4f7f7;text-shadow:0 1px 5px rgba(10,31,37,.7)}.hero:after{content:'';position:absolute;right:0;bottom:0;width:62%;height:115px;background:linear-gradient(0deg,rgba(10,31,37,.43),transparent);pointer-events:none}.hero .image-credit{z-index:1}.editorial-section{display:grid;grid-template-columns:1fr 1fr;min-height:540px}.editorial-section.reverse .photo{order:2}.editorial-section.reverse .editorial-copy{order:1}.navy{background:var(--navy)}.teal{background:var(--teal)}.graphite{background:var(--graphite)}.silver{background:var(--silver);color:var(--navy)}.silver h2,.silver .eyebrow{color:var(--navy)}.silver p{color:#263b43}.photo{min-height:460px;background-size:cover;background-position:center;position:relative}.photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009)}.photo span{position:absolute;z-index:1;bottom:35px;left:7%;font-size:11px;letter-spacing:.2em;color:white}.photo-city{background-image:url('/Somwhere%20worth%20going..png')}.photo-city{transform:scaleX(-1)}.photo-city span{transform:scaleX(-1);left:auto;right:7%}.photo-people{background-image:linear-gradient(rgba(244,247,247,.15),rgba(244,247,247,.15)),url('/Better%20Together.png')}.photo-occasion{background-image:linear-gradient(rgba(244,247,247,.13),rgba(244,247,247,.13)),url('https://images.pexels.com/photos/5716208/pexels-photo-5716208.jpeg?auto=compress&cs=tinysrgb&w=1400');background-position:center 45%}.photo-about{background-image:url('/about.png')}.editorial-copy{padding:65px 11%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.editorial-copy h2{margin:18px 0}.editorial-copy p:not(.eyebrow){max-width:420px;font-size:16px}.statement{padding:100px 9%;text-align:center}.statement h2{max-width:950px;margin:18px auto 22px}.statement>p:not(.eyebrow){max-width:670px;margin:0 auto 28px;font-size:16px}.page-hero{padding:110px 9% 95px}.page-hero h1{margin:20px 0}.page-hero>p:not(.eyebrow){font-size:18px;max-width:620px}.service-wrap{padding:85px 9%}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:26px}.package{border:1px solid #78969a;background:#1c353c;padding:42px}.package h2{font-size:47px;margin:18px 0}.price{font:32px Georgia,serif;margin:18px 0;color:var(--white)}.price small{font:12px Arial,sans-serif;letter-spacing:.02em;color:var(--muted)}.package p{font-size:15px}.package ul{padding-left:19px;color:var(--body);font-size:14px;line-height:2}.text-link{font-size:11px;text-transform:uppercase;letter-spacing:.14em;text-decoration:underline;text-underline-offset:6px;display:inline-block;margin-top:15px}.notice{border-top:1px solid #78969a;margin-top:45px;padding-top:30px;max-width:900px}.notice p:last-child{font-size:14px}.form-shell{background:var(--navy);padding:90px max(7%,calc((100% - 960px)/2)) 100px}.form-intro h1{font-size:clamp(48px,7vw,86px);margin:18px 0}.form-intro>p:last-child{font-size:17px;margin-bottom:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.form-grid label{font-size:13px;color:#dfe9eb;display:flex;flex-direction:column;gap:10px}.form-grid label span,.consent strong{color:#e5c3c6}.form-grid .full{grid-column:1/-1}input:not([type=checkbox]),select,textarea{width:100%;background:#233d45;border:1px solid #8ba5aa;color:var(--white);padding:16px;min-height:54px;border-radius:0}input::placeholder,textarea::placeholder{color:#b9cbcf}select option{background:var(--navy)}textarea{resize:vertical}.consent{display:flex;gap:13px;align-items:flex-start;margin:27px 0 20px;color:var(--body);font-size:13px;line-height:1.5}.consent input{width:18px;height:18px;accent-color:var(--silver);flex:none}.fee-note{font-size:13px;margin:20px 0}.submit{width:100%;font-size:13px;justify-content:center}.form-status{min-height:30px;font-size:14px;margin-top:22px}.form-status.error{color:#ffced1}.form-status.success{color:#d1f1df}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}.edit-cover{min-height:560px;display:flex;align-items:end;padding:80px 9%;background:linear-gradient(90deg,#102d31ed,#102d3155),url('a_stylish_editorial_hotel_bedroom_lifestyle_phot.png') center 44%/cover}.edit-cover-copy{max-width:900px}.edit-cover h1{margin:20px 0}.edit-cover p:last-child{font-size:17px;max-width:570px}.edit-tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:35px 0}.edit-tabs span{border:1px solid #9bb4ba;padding:12px 17px;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.edit-private{font-size:13px!important;color:var(--muted)!important}footer{padding:50px 7%;background:var(--ocean);display:grid;grid-template-columns:1fr auto;gap:12px 30px;align-items:center}footer .brand{font-size:30px}footer p{margin:0;font-size:12px}footer nav{display:flex;gap:22px;grid-column:2;grid-row:1}footer nav a,footer small{font-size:11px;letter-spacing:.07em;color:var(--body)}footer small{grid-column:1/-1;margin-top:20px}@media(max-width:760px){.site-header{height:75px;padding:0 6%}.menu-toggle{display:block;background:transparent;color:var(--white);border:1px solid #a7bdc0;padding:10px 13px;font-size:12px}.site-header nav{display:none;position:absolute;top:75px;left:0;right:0;background:var(--teal);padding:20px 6% 28px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav a{padding:15px}.site-header nav a.nav-cta{text-align:center;margin-top:12px}.hero{min-height:660px;padding:65px 7%}.hero-sub{font-size:16px}.editorial-section{grid-template-columns:1fr}.editorial-section.reverse .photo,.editorial-section.reverse .editorial-copy{order:initial}.photo{min-height:330px}.editorial-copy{padding:55px 8%}.statement{padding:75px 7%}.page-hero{padding:75px 7%}.service-wrap{padding:65px 7%}.package-grid{grid-template-columns:1fr}.package{padding:30px}.form-shell{padding:65px 7%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.edit-cover{min-height:530px;padding:65px 7%}footer{grid-template-columns:1fr}footer nav{grid-column:1;grid-row:auto}footer small{grid-column:1}}

/* Approved editorial additions */
.vision-intro{max-width:820px;margin-bottom:38px}.vision-intro h2{margin:12px 0 24px}.vision-intro p:not(.eyebrow){font-size:16px}.vision-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0}.vision-card{border:1px solid #78969a;padding:32px 25px;min-height:260px;display:flex;flex-direction:column;align-items:flex-start;background:#1c353c}.vision-card h3{font-size:clamp(25px,2.5vw,36px);line-height:1.18;margin:20px 0;flex:1}.vision-link{font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px}.vision-disclaimer{font-size:13px;max-width:820px;margin:8px 0 75px;color:var(--muted)}.package-bridge{font-family:Georgia,serif;font-size:clamp(20px,2.5vw,29px);text-align:center;margin:42px auto 0;max-width:900px}.founder-section{padding:95px 9%;background:var(--teal)}.founder-section h2{max-width:850px;margin:20px 0 30px}.founder-section p:not(.eyebrow){max-width:760px;font-size:16px}.inquiry-invitation{max-width:750px;margin:30px 0 48px;padding-top:22px;border-top:1px solid #78969a}.inquiry-invitation h2{font-size:clamp(32px,4vw,49px);margin-bottom:18px}.inquiry-invitation p{font-size:16px}.inquiry-confirmation{border:1px solid #78969a;padding:38px;text-align:center;margin-top:25px}.inquiry-confirmation h2{font-size:clamp(34px,4vw,52px);margin:12px 0 24px}.inquiry-confirmation p{max-width:650px;margin:14px auto}.inquiry-confirmation .signoff{font-family:Georgia,serif;font-size:21px;margin-top:28px}@media(max-width:760px){.vision-grid{grid-template-columns:1fr}.vision-card{min-height:200px}.vision-disclaimer{margin-bottom:55px}.founder-section{padding:70px 7%}.inquiry-confirmation{padding:25px}}

/* Vision-board artwork and accessible linked cards (assets are published separately). */
.vision-card .vision-logo{display:block;width:min(100%,170px);height:110px;object-fit:contain;object-position:left center;margin:0 0 22px}
.vision-card .vision-link{display:inline-block;color:inherit;text-decoration-thickness:1px;text-underline-offset:6px}
.vision-card .vision-link:hover,.vision-card .vision-link:focus-visible{text-decoration-thickness:2px}
.vision-card .vision-link:focus-visible{outline:2px solid currentColor;outline-offset:5px}

/* Brand emblem: original user-supplied artwork, presented on its white ground. */
.brand{display:inline-flex;align-items:center;gap:12px}
.brand-symbol{display:block;width:55px;height:55px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:3px;flex:none}
.brand-wordmark{display:inline-block}
footer .brand-symbol{width:50px;height:50px}
@media(max-width:760px){.site-header .brand{gap:8px;font-size:clamp(23px,6vw,30px)}.site-header .brand-symbol{width:42px;height:42px;padding:2px}footer .brand{gap:10px}}

/* Quiet watermark treatment for the footer emblem only. */
footer .brand-symbol{width:58px;height:58px;opacity:.22;filter:grayscale(1);mix-blend-mode:screen;background:transparent;border:0;border-radius:0;padding:0}
footer .brand{gap:10px}

/* Knock out the white from the original artwork and tint to the wordmark color. */
.site-header .brand-symbol,footer .brand-symbol{background:transparent;border:0;border-radius:0;padding:0;filter:url(#brand-knockout);mix-blend-mode:normal}
.site-header .brand-symbol{width:55px;height:55px}
footer .brand-symbol{opacity:.22;width:58px;height:58px}
@media(max-width:760px){.site-header .brand-symbol{width:42px;height:42px}}

/* The original PNG is filtered inside the inline SVG, not as a CSS image filter. */
.site-header svg.brand-symbol,footer svg.brand-symbol{filter:none!important;background:none!important;mix-blend-mode:normal!important;border:0!important;padding:0!important;overflow:visible}

/* Match the header compass-and-lotus watermark to the footer treatment. */
.site-header .brand-symbol{opacity:.22}

/* Emblem follows Inquire in the desktop navigation; keep the same watermark treatment. */
.site-header .nav-watermark{display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--white);pointer-events:none}
.site-header .nav-watermark .brand-symbol{display:block;width:46px;height:46px;opacity:.22;filter:none!important;background:none!important;border:0!important;padding:0!important}
@media(max-width:760px){.site-header .nav-watermark{display:none}}

/* Reserve a narrow strip for the watermark; restore navigation's original right edge. */
@media(min-width:761px){
.site-header{position:sticky}
.site-header nav{margin-left:auto;margin-right:0}
.site-header>.nav-watermark{position:absolute;right:1.1%;top:50%;transform:translateY(-50%);width:42px;height:42px}
.site-header{padding-right:6.5%}
}

/* Vision-board card emblems use the same transparent, off-white watermark treatment. */
.vision-card svg.vision-watermark{display:block;width:72px;height:72px;max-width:100%;margin:0 auto;opacity:.22;color:var(--white);background:transparent;border:0;padding:0;filter:none;mix-blend-mode:normal}

/* Balance the Edit introduction as a centered, readable text block. */
#edit .statement>p:not(.eyebrow):not(.edit-private){
 max-width:760px;
 margin:0 auto 30px;
 font-size:16px;
 line-height:1.85;
 text-wrap:balance;
}
#edit .statement h2{text-wrap:balance;margin-bottom:26px}
#edit .statement .edit-tabs{margin:30px auto 26px}
@media(max-width:760px){
 #edit .statement>p:not(.eyebrow):not(.edit-private){max-width:38ch;line-height:1.7;text-wrap:pretty}
}

/* Large atmospheric brand watermark beside the Services headline. */
#services .services-hero{position:relative;isolation:isolate;overflow:hidden;min-height:385px}
#services .services-hero>*:not(.services-hero-watermark){position:relative;z-index:1}
#services .services-hero-watermark{position:absolute;right:2%;top:50%;width:clamp(330px,43vw,620px);aspect-ratio:1297/1212;transform:translateY(-50%) rotate(-19deg);opacity:.13;color:var(--white);pointer-events:none;z-index:0}
#services .services-watermark-symbol{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:760px){#services .services-hero{min-height:360px}#services .services-hero-watermark{width:330px;right:-155px;opacity:.09;transform:translateY(-50%) rotate(-19deg)}}

/* Match the Services watermark treatment on the About hero. */
#about .about-hero{position:relative;isolation:isolate;overflow:hidden;min-height:385px}
#about .about-hero>*:not(.about-hero-watermark){position:relative;z-index:1}
#about .about-hero-watermark{position:absolute;right:2%;top:50%;width:clamp(330px,43vw,620px);aspect-ratio:1297/1212;transform:translateY(-50%) rotate(-19deg);opacity:.13;color:var(--white);pointer-events:none;z-index:0}
#about .about-watermark-symbol{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:760px){#about .about-hero{min-height:360px}#about .about-hero-watermark{width:330px;right:-155px;opacity:.09;transform:translateY(-50%) rotate(-19deg)}}

/* Services-only variation: larger, opposite tilt, spilling over the teal/navy transition. */
#services .services-hero{overflow:visible;z-index:1}
#services .services-hero-watermark{
 width:clamp(420px,52vw,760px);
 right:-1%;
 top:63%;
 transform:translateY(-50%) rotate(19deg);
 opacity:.13;
}
@media(max-width:760px){
 #services .services-hero-watermark{
  width:410px;
  right:-175px;
  top:66%;
  transform:translateY(-50%) rotate(19deg);
  opacity:.09;
 }
}

/* Lower the Services emblem further across the green-to-blue transition. */
#services .services-hero-watermark{top:76%}
@media(max-width:760px){#services .services-hero-watermark{top:76%}}

/* Keep the enlarged Services watermark within the teal hero so the section boundary stays clean. */
#services .services-hero{overflow:hidden}
#services .services-hero-watermark{top:50%}
@media(max-width:760px){#services .services-hero-watermark{top:50%}}

/* Oversized Services emblem: crop it at the right edge without crossing the teal/navy boundary. */
#services .services-hero-watermark{width:clamp(530px,66vw,980px);right:-15%;top:50%}
@media(max-width:760px){#services .services-hero-watermark{width:490px;right:-245px;top:50%}}

/* Nudge the Services watermark left and increase its scale, retaining the clean teal boundary. */
#services .services-hero-watermark{width:clamp(600px,73vw,1080px);right:-8%}
@media(max-width:760px){#services .services-hero-watermark{width:540px;right:-205px}}

/* About watermark now belongs to the founder story, not the About hero. */
#about .founder-section{position:relative;isolation:isolate;overflow:hidden}
#about .founder-section>*:not(.founder-watermark){position:relative;z-index:1}
#about .founder-watermark{position:absolute;right:-8%;top:44%;width:clamp(600px,73vw,1080px);aspect-ratio:1297/1212;transform:translateY(-50%) rotate(-19deg);opacity:.13;color:var(--white);pointer-events:none;z-index:0}
#about .founder-watermark .about-watermark-symbol{display:block;width:100%;height:100%;overflow:visible}
@media(max-width:760px){#about .founder-watermark{width:540px;right:-205px;top:45%;opacity:.09}}

/* More vivid poolside hero image, without changing the copy or its contrast overlay. */
#home .hero{isolation:isolate;background-image:linear-gradient(90deg,rgba(10,31,37,.78),rgba(10,31,37,.12))}
#home .hero::before{content:'';position:absolute;inset:0;background:url('https://images.pexels.com/photos/9610078/pexels-photo-9610078.jpeg?auto=compress&cs=tinysrgb&w=2000') center 44%/cover;filter:contrast(1.16) saturate(1.18);z-index:-2}
#home .hero::after{z-index:0}

/* Layer the graded photograph below the readable text and the soft shading. */
#home .hero{background:none}
#home .hero::before{z-index:0}
#home .hero::after{inset:0;width:auto;height:auto;right:0;bottom:0;background:linear-gradient(90deg,rgba(10,31,37,.78) 0%,rgba(10,31,37,.62) 28%,rgba(10,31,37,.09) 46%,transparent 57%),linear-gradient(0deg,rgba(10,31,37,.55) 0%,rgba(10,31,37,.24) 9%,transparent 24%);z-index:1}
#home .hero-copy,#home .image-credit{z-index:2}

/* Mobile-only hero: shift the poolside composition and shade behind the copy. Desktop remains unchanged. */
@media(max-width:760px){
 #home .hero{min-height:660px;padding:64px 7%;align-items:center}
 #home .hero::before{background-position:61% 44%}
 #home .hero::after{background:linear-gradient(90deg,rgba(10,31,37,.77) 0%,rgba(10,31,37,.60) 52%,rgba(10,31,37,.20) 100%),linear-gradient(0deg,rgba(10,31,37,.60) 0%,transparent 22%)}
 #home .hero-copy{max-width:100%}
 #home .hero h1{font-size:clamp(48px,12vw,72px);line-height:1.04;text-shadow:0 2px 15px rgba(10,31,37,.26)}
 #home .hero .image-credit{right:5%;left:5%;bottom:24px;text-align:center;font-size:9px;letter-spacing:.14em;text-shadow:0 1px 8px rgba(10,31,37,.95)}
}
