:root { color-scheme: dark; --ink:#090807; --gold:#b79a5a; --gold-bright:#d2b975; --ivory:#f6f1ed; }
* { box-sizing: border-box; }
html { min-width:320px; background:var(--ink); }
body { min-height:100svh; margin:0; overflow-x:hidden; background-image:linear-gradient(180deg,rgba(5,3,4,.17),rgba(5,3,4,.055) 44%,rgba(5,3,4,.42)),radial-gradient(circle at 50% 47%,rgba(5,3,4,.015) 0 44%,rgba(5,3,4,.19) 100%),url("/assets/hero-luxury-lakeside-desktop-v2.webp"); background-position:center,center,center 58%; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; color:var(--ivory); font-family:Inter,"Helvetica Neue",Arial,sans-serif; display:grid; grid-template-rows:auto 1fr auto; isolation:isolate; }
a,button { -webkit-tap-highlight-color:transparent; }
.atmosphere,.atmosphere>* { position:fixed; pointer-events:none; z-index:-1; }
.atmosphere { inset:0; overflow:hidden; }
.halo { border-radius:50%; filter:blur(2px); opacity:.72; }
.halo-one { width:min(82vw,980px); aspect-ratio:1; left:50%; top:49%; transform:translate(-50%,-50%); border:1px solid rgba(183,154,90,.17); box-shadow:inset 0 0 150px rgba(183,154,90,.065),0 0 100px rgba(183,154,90,.055); animation:breathe 9s ease-in-out infinite; }
.halo-two { width:min(58vw,690px); aspect-ratio:1; left:50%; top:49%; transform:translate(-50%,-50%); border:1px solid rgba(244,238,233,.04); }
.orbit { width:1px; height:54vh; left:50%; top:24%; background:linear-gradient(transparent,rgba(210,185,117,.52),transparent); transform:rotate(32deg); transform-origin:center; opacity:.34; }
.grain { inset:0; opacity:.14; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E"); }
.site-header { display:flex; justify-content:center; padding:max(32px,env(safe-area-inset-top)) 28px 12px; }
.brand { display:block; width:clamp(178px,18vw,258px); height:auto; object-fit:contain; }
main { display:grid; place-items:center; width:100%; padding:38px clamp(22px,6vw,90px); text-align:center; }
.reveal { max-width:1100px; }
.date-mark { display:flex; align-items:center; justify-content:center; gap:11px; margin:0 0 25px; color:#d9ced0; font-size:11px; font-weight:600; letter-spacing:.42em; }
.date-mark span { width:3px; height:3px; border-radius:50%; background:var(--gold-bright); box-shadow:0 0 12px rgba(210,185,117,.7); }
h1 { margin:0; max-width:1000px; font-family:Didot,"Bodoni MT","Times New Roman",serif; font-size:clamp(45px,7.5vw,112px); font-weight:400; line-height:.96; letter-spacing:-.025em; text-wrap:balance; text-shadow:0 3px 24px rgba(0,0,0,.78),0 12px 60px rgba(0,0,0,.38); }
.divider { position:relative; width:min(380px,68vw); height:1px; margin:clamp(30px,5vw,48px) auto 26px; background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent); }
.divider i { position:absolute; width:68px; height:1px; left:50%; top:0; transform:translateX(-50%); background:linear-gradient(90deg,#8e733c,var(--gold-bright),#8e733c); box-shadow:0 0 18px rgba(210,185,117,.5); }
.announcement { display:flex; align-items:center; justify-content:center; gap:.8em; margin:0; font-size:clamp(14px,1.45vw,20px); font-weight:650; line-height:1.5; letter-spacing:.2em; text-shadow:0 2px 12px rgba(0,0,0,.95),0 6px 28px rgba(0,0,0,.7); }
.announcement-date { color:#e1c57d; }
.announcement-separator { color:var(--gold-bright); margin:0 .12em; }
.announcement-label { color:#fff; }
.site-footer { display:flex; align-items:flex-end; justify-content:space-between; gap:22px; padding:18px clamp(20px,4vw,58px) max(24px,env(safe-area-inset-bottom)); color:#8f8587; font-size:10px; line-height:1.5; letter-spacing:.08em; text-transform:uppercase; }
.legal-identity { margin:0; }
.site-footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 18px; }
.site-footer a,.site-footer button { border:0; padding:0; background:none; color:#aaa0a2; font:inherit; letter-spacing:inherit; text-transform:inherit; text-decoration:none; cursor:pointer; }
.site-footer a:hover,.site-footer a:focus-visible,.site-footer button:hover,.site-footer button:focus-visible { color:var(--ivory); }
:focus-visible { outline:2px solid var(--gold-bright); outline-offset:5px; }
@keyframes breathe { 0%,100%{opacity:.48;transform:translate(-50%,-50%) scale(.98)} 50%{opacity:.78;transform:translate(-50%,-50%) scale(1.025)} }
@media (min-width:1025px) and (min-aspect-ratio:16/9) and (max-aspect-ratio:18/10) { body{background-position:center,center,center center;background-size:cover,cover,100% auto} }
@media (min-width:2000px) { .site-header{padding-top:max(48px,env(safe-area-inset-top))} .brand{width:clamp(320px,11vw,440px)} main{padding:60px clamp(90px,7vw,260px)} .reveal{max-width:2400px} .date-mark{margin-bottom:38px;font-size:clamp(15px,.58vw,22px);gap:18px} .date-mark span{width:5px;height:5px} h1{max-width:2300px;font-size:clamp(126px,5.1vw,196px);line-height:.94} .divider{width:min(620px,38vw);margin:62px auto 36px}.divider i{width:116px;height:2px}.announcement{font-size:clamp(24px,.82vw,32px);letter-spacing:.18em;gap:1em}.site-footer{padding:28px clamp(44px,3.5vw,136px) max(38px,env(safe-area-inset-bottom));font-size:clamp(13px,.4vw,16px)} }
@media (min-width:701px) and (max-width:1024px) { body{background-image:linear-gradient(180deg,rgba(5,3,4,.28),rgba(5,3,4,.12) 45%,rgba(5,3,4,.58)),radial-gradient(circle at 50% 43%,rgba(5,3,4,.03) 0 42%,rgba(5,3,4,.28) 100%),url("/assets/hero-luxury-lakeside-tablet-v2.webp");background-position:center,center,center center;background-attachment:scroll} .brand{width:clamp(190px,27vw,250px)} main{padding-inline:7vw} h1{font-size:clamp(64px,9.5vw,94px)} .site-footer{padding-inline:30px} }
@media (max-width:700px) { body{background-image:linear-gradient(180deg,rgba(5,3,4,.3),rgba(5,3,4,.12) 45%,rgba(5,3,4,.66)),radial-gradient(circle at 50% 40%,rgba(5,3,4,.03) 0 40%,rgba(5,3,4,.26) 100%),url("/assets/hero-luxury-lakeside-mobile-v2.webp");background-position:center,center,center center;background-attachment:scroll} .site-header{padding-top:max(25px,env(safe-area-inset-top))} .brand{width:clamp(176px,48vw,218px)} main{padding-top:24px;padding-bottom:24px} .date-mark{margin-bottom:20px;letter-spacing:.31em} h1{font-size:clamp(42px,14.2vw,74px);line-height:.98} .announcement{max-width:340px;margin-inline:auto;flex-direction:column;gap:2px;font-size:12px;letter-spacing:.17em} .announcement-separator{height:5px;overflow:hidden;color:transparent} .site-footer{align-items:center;flex-direction:column;text-align:center;font-size:9px;background:linear-gradient(transparent,rgba(5,3,4,.42))} .site-footer nav{justify-content:center} .halo-one{width:150vw} .halo-two{width:105vw} }
@media (max-height:700px) and (min-width:701px) { .site-header{padding-top:20px} main{padding-top:18px;padding-bottom:18px} .date-mark{margin-bottom:16px} .divider{margin-top:26px;margin-bottom:18px} .site-footer{padding-bottom:15px} }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important} }