/* The opening page is composed as one dark, gallery-like viewport. */
body[data-page=home]{
  /* Hero photo softness: 0px disables blur; 1px gives a softer look. */
  --hero-blur:0px;
  /* Glass intensity: 0 = off, 1 = strongest. */
  --hero-glass:0;
  /* Black overlay opacity: 0 = transparent, 1 = solid black. */
  --hero-overlay:0;
  --home-night:#061c2b;
  --home-ivory:#f3eee5;
  --home-muted:#c7c6c0;
  --home-gold:#c7a178;
}
body[data-page=home] .home-opening{
  height:100svh;
  min-height:700px;
  display:grid;
  grid-template-rows:minmax(0,1fr) auto;
  overflow:hidden;
  color:var(--home-ivory);
  background:radial-gradient(circle at 50% 40%,#0a2b3d 0%,var(--home-night) 57%,#041621 100%);
}
body[data-page=home] .site-header{
  position:absolute;top:0;left:0;width:100%;height:98px;
  background:transparent;color:var(--home-ivory);border-color:transparent;
}
body[data-page=home] .site-header .brand-dot{color:var(--home-gold)}
body[data-page=home] .site-header .desktop-nav a:after{background:var(--home-gold)}
body[data-page=home] .site-header .header-reserve{
  color:var(--home-ivory);background:transparent;border-color:#c7a178a8;
  padding:14px 22px;
}
body[data-page=home] .site-header .header-reserve:hover{background:var(--home-gold);color:var(--home-night)}
body[data-page=home] .hero{
  width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:108px 6.5% 7px;
  display:grid;grid-template-columns:minmax(88px,1fr) minmax(520px,1000px) minmax(88px,1fr);
  grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:28px;row-gap:8px;
  position:relative;overflow:hidden;background:transparent;color:var(--home-ivory);
}
body[data-page=home] .hero-media{
  grid-column:2;grid-row:3;align-self:center;justify-self:center;
  width:min(56vw,77.6svh,1000px);aspect-ratio:1472/816;margin:0;
  background:#092435;box-shadow:0 22px 70px #00000036;
}
body[data-page=home] .hero-media .parallax-image{
  width:112%;height:112%;max-width:none;left:-6%;top:-6%;
  object-fit:cover;object-position:center center;
  filter:blur(var(--hero-blur)) saturate(calc(1 - var(--hero-glass) * .12)) contrast(calc(1 - var(--hero-glass) * .08)) brightness(calc(1 + var(--hero-glass) * .06));
  will-change:transform;
}
body[data-page=home] .hero-shade{display:none}
body[data-page=home] .hero-top{
  position:static;grid-column:2;grid-row:1;display:block;text-align:center;color:var(--home-gold);
}
body[data-page=home] .hero-copy{
  position:static;grid-column:2;grid-row:2;text-align:center;margin:0 0 9px;
}
body[data-page=home] .hero h1{
  font-size:clamp(48px,4.3vw,76px);line-height:.93;letter-spacing:-.035em;text-shadow:none;
}
body[data-page=home] .hero h1 em{padding-left:0}
body[data-page=home] .hero-note{
  display:block;margin-top:8px;color:#e0d4c3;font-family:var(--serif);font-size:18px;letter-spacing:.03em;
}
body[data-page=home] .hero-scroll{
  left:5%;bottom:48%;color:#ddd6ca;opacity:.78;
}
body[data-page=home] .hero-count{
  position:static;grid-column:2;grid-row:4;justify-self:center;margin-top:2px;
  color:var(--home-gold);font-size:11px;
}
body[data-page=home] .hero-count .count-line{background:#c7a17899}
body[data-page=home] .intro{
  width:100%;max-width:none;margin:0;padding:10px 7% 24px;
  display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.55fr);gap:5%;align-items:center;
  background:transparent;color:var(--home-ivory);
}
body[data-page=home] .intro-heading .eyebrow{color:var(--home-gold)}
body[data-page=home] .intro h2{
  margin-top:10px;color:var(--home-ivory);font-size:clamp(40px,3.1vw,58px);line-height:.98;
}
body[data-page=home] .intro-copy{
  max-width:none;padding:0;display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:42px;align-items:center;
}
body[data-page=home] .intro-copy p{color:#d6d4ce;font-size:14px;line-height:1.55}
body[data-page=home] .intro-copy p+p{margin-top:10px}
body[data-page=home] .intro-copy .text-link{
  margin:0;border:1px solid #c7a178b8;padding:13px 18px;color:var(--home-ivory);white-space:nowrap;gap:24px;
}
body[data-page=home] .intro-copy .text-link:hover{gap:30px;background:#c7a17817}
/* Full-width sections follow the available page width, excluding the scrollbar. */
body[data-page=home] :is(.outdoors,.interiors,.home-bedroom,.island-teaser){max-width:none;padding-left:0;padding-right:0}
body[data-page=home] .section-heading{max-width:1512px;margin-left:auto;margin-right:auto;padding-left:7%;padding-right:7%}
body[data-page=home] .wide-photo{width:100%;max-width:none;margin-left:0;margin-right:0;height:clamp(520px,55vw,760px)}
body[data-page=home] .outdoors{padding-top:65px}
body[data-page=home] .interiors{display:block;padding-top:115px;padding-bottom:0}
body[data-page=home] .interiors .section-heading{margin-bottom:44px}
.home-detail-copy p+p{margin-top:16px}.home-detail-copy .text-link{margin-top:26px}
body[data-page=home] .home-interior-photo .parallax-image{object-position:center 51%}
body[data-page=home] .home-bedroom{padding-top:115px;padding-bottom:105px}
body[data-page=home] .home-bedroom-photo .parallax-image{object-position:center 53%}
body[data-page=home] .night-section{margin:0;width:100%;height:clamp(580px,53vw,800px)}
body[data-page=home] .night-section .parallax-image{object-position:center 55%}
body[data-page=home] .night-copy{left:7%;max-width:475px}
body[data-page=home] .night-shade{background:linear-gradient(90deg,#071d2ad9 0%,#071d2a66 45%,#071d2a11 100%)}
body[data-page=home] .island-teaser{display:block;padding-top:115px;padding-bottom:0}
body[data-page=home] .home-island-photo{height:clamp(520px,55vw,760px)}
body[data-page=home] .home-island-photo .parallax-image{object-position:center 54%}
.brand small{font-size:12px;letter-spacing:.17em}.hero-count{font-size:12px}.gallery-links small{font-size:12px}.gallery-section-title span{font-size:12px}.gallery-item figcaption{font-size:12px}
@media(min-width:1800px){body[data-page=home] .section-heading{padding-left:70px;padding-right:70px}}
@media(min-width:1001px) and (max-height:850px){
  body[data-page=home] .hero{padding-top:92px}
  body[data-page=home] .hero h1{font-size:clamp(45px,3.9vw,64px)}
  body[data-page=home] .hero-media{width:min(58vw,80svh,850px)}
  body[data-page=home] .intro{padding-top:8px;padding-bottom:16px}
  body[data-page=home] .intro h2{font-size:clamp(38px,2.7vw,49px)}
  body[data-page=home] .intro-copy p{font-size:13px}
}
@media(max-width:1000px){
  body[data-page=home] .home-opening{height:auto;min-height:100svh;overflow:visible}
  body[data-page=home] .hero{min-height:690px;padding:112px 6% 20px;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr) auto}
  body[data-page=home] .hero-top,body[data-page=home] .hero-copy,body[data-page=home] .hero-media,body[data-page=home] .hero-count{grid-column:1}
  body[data-page=home] .hero-media{width:min(86vw,760px)}
  body[data-page=home] .hero-scroll{left:6%;bottom:42%}
  body[data-page=home] .intro{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);padding:35px 6% 55px;gap:6%}
  body[data-page=home] .intro-copy{grid-template-columns:1fr;gap:24px}
  body[data-page=home] .intro-copy .text-link{justify-self:start}
  body[data-page=home] .section-heading{padding-left:6%;padding-right:6%}
  body[data-page=home] .interiors,body[data-page=home] .home-bedroom,body[data-page=home] .island-teaser{padding-top:85px}
  body[data-page=home] .home-bedroom{padding-bottom:85px}
}
@media(max-width:720px){
  body[data-page=home] .site-header .brand small{font-size:12px;letter-spacing:.13em}
  body[data-page=home] .menu-toggle span{background:var(--home-ivory)}
  body[data-page=home] .mobile-nav{color:var(--home-ivory);background:var(--home-night);border:0}
  body[data-page=home] .hero{min-height:610px;padding:104px 6% 24px;row-gap:10px}
  body[data-page=home] .hero h1{font-size:clamp(44px,13vw,64px)}
  body[data-page=home] .hero-note{font-size:16px}
  body[data-page=home] .hero-media{width:88vw}
  body[data-page=home] .hero-scroll{position:static;grid-column:1;grid-row:5;justify-self:start;margin-top:5px}
  body[data-page=home] .hero-count{grid-column:1;grid-row:4}
  body[data-page=home] .intro{display:block;padding:42px 7% 58px}
  body[data-page=home] .intro h2{font-size:46px}
  body[data-page=home] .intro-copy{display:block;padding-top:30px}
  body[data-page=home] .intro-copy .text-link{margin-top:26px}
  body[data-page=home] .wide-photo{height:460px}
  body[data-page=home] .outdoors{padding-top:35px}
  body[data-page=home] .interiors,body[data-page=home] .home-bedroom,body[data-page=home] .island-teaser{padding-top:70px}
  body[data-page=home] .home-bedroom{padding-bottom:70px}
  body[data-page=home] .home-interior-photo{height:500px}
  body[data-page=home] .home-interior-photo .parallax-image{object-position:48% center}
  body[data-page=home] .home-bedroom-photo{height:460px}
  body[data-page=home] .home-bedroom-photo .parallax-image{object-position:64% center}
  body[data-page=home] .night-section{height:600px}
  body[data-page=home] .night-copy{left:7%;right:7%;max-width:none}
  body[data-page=home] .night-section .parallax-image{object-position:55% center}
  body[data-page=home] .night-shade{background:#071d2a83}
  body[data-page=home] .home-island-photo{height:430px}
  .brand small{font-size:12px;letter-spacing:.12em}.gallery-item figcaption{font-size:12px}.gallery-section-title span{font-size:12px}
}

@media(prefers-reduced-motion:reduce){body[data-page=home] .hero .parallax-image{will-change:auto}}