/* Twilight collection: warm luminous accents on a midnight canvas. */
:root{--ink:#f8f1e6;--pine:#141d2d;--cream:#0c1524;--gold:#eccf9b;--muted:#c1c9d5}
body{font-family:'Manrope',sans-serif;background:radial-gradient(ellipse at 0 45%,#23324980,transparent 38%),radial-gradient(ellipse at 100% 65%,#553d5140,transparent 40%),#0c1524;color:var(--ink)}
html{scroll-padding-top:24px}a,button,input,select{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e9c488;outline-offset:5px}
.nav{height:100px;background:linear-gradient(180deg,#091421c9,transparent);color:white}
.brand,.brand small{font-family:'Manrope',sans-serif}.brand{line-height:1.15}.brand small{font-size:12px;letter-spacing:3px}.nav .brand,.nav nav a{color:#fff9ee}
.mark{height:50px;width:50px;border-color:#f1d4a3a0;color:#f1d4a3;box-shadow:0 0 30px #e6bf7a18}
.nav-cta{border-color:#edd1a18c!important;border-radius:30px;backdrop-filter:blur(10px);transition:background .25s}
.nav-cta:hover{background:#ead1a325}.menu{color:white}
.hero{height:min(850px,94svh);min-height:680px;overflow:hidden;isolation:isolate;background:#1a3040}
.hero-img{filter:saturate(.88);object-position:center;animation:arrival-image 4s ease-out both}
.shade{background:linear-gradient(90deg,#071325eb 0%,#0a1b2ca6 45%,#14213b1f 85%),linear-gradient(0deg,#0c1524 0%,transparent 43%);z-index:0}
.hero-frame{position:absolute;inset:0;pointer-events:none;border:0;background:radial-gradient(ellipse at 84% 26%,#f6c58c3d,transparent 43%),radial-gradient(ellipse at 30% 90%,#76678532,transparent 45%);animation:glow-arrival 4s ease-out both}
.hero-copy{position:relative;margin:70px 6.5vw 0;width:min(850px,87vw);max-width:none;z-index:1}
.hero h1,.intro h2,.final h2,.hosts h2,.card h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500}
.hero h1{font-size:clamp(68px,8.8vw,124px);line-height:.98;letter-spacing:-2px;margin-bottom:28px}
.hero h1 em{color:#f1d2a0;font-weight:500;text-shadow:0 0 46px #ffe0aa2b}
.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:465px;color:#e0e5ed}
.hero-copy{animation:arrival-copy 1.2s ease-out both}
.eyebrow,.eyebrow.dark{font-size:12px;letter-spacing:3px;color:#e9c692;line-height:1.7}
.button{font-size:14px;letter-spacing:.7px;text-transform:none;border-radius:50px;padding:19px 28px;gap:34px;transition:transform .25s,box-shadow .25s}
.button.light,.dark-btn{background:linear-gradient(120deg,#fae7c8,#e7bd84);color:#152032;box-shadow:0 8px 38px #f2ce931c}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 45px #f2ce9335}
.finder-wrap{position:relative;z-index:2;width:calc(100% - 64px);max-width:1240px;margin:-30px auto 0}
.finder-wrap .finder{margin:0;max-width:none;background:#f8f2e9;color:#182437;border:1px solid #f5dfb4;box-shadow:0 24px 70px #03081560;border-radius:22px;padding:24px;gap:12px}
.finder>div{min-width:0;border-color:#d8cdbc}
.finder label{font-size:12px;color:#665743;letter-spacing:1.5px}
.finder input,.finder select{font:500 14px 'Manrope',sans-serif;color:#182437;min-height:28px}
.finder button{border-radius:40px;background:#182a40;font:600 14px 'Manrope',sans-serif;min-height:58px;padding:0 22px;transition:background .25s}
.finder button:hover{background:#294560}
.calendar-status{font-size:13px;text-align:right;color:#d9dfeb;margin:15px 14px 0;line-height:1.7}
.calendar-status.ready{color:#c5e1d2}.calendar-status.warning{color:#ffc9ae}
.intro{margin:108px auto 56px;max-width:840px}
.intro h2{font-size:clamp(44px,5.7vw,76px);line-height:1.08}
.intro h2 em,.final h2 em{color:#e8c58f}.intro>p:last-child{color:#c1c9d5;font-size:16px;max-width:660px;margin:0 auto;line-height:1.85}
.properties{max-width:1360px;gap:28px;padding:0 40px;margin-bottom:120px;align-items:start}
.card{background:linear-gradient(155deg,#202e41,#152234);border:1px solid #a7bcd02b;border-radius:160px 160px 24px 24px;overflow:hidden;box-shadow:0 20px 50px #00000026;transition:transform .35s,border-color .35s,box-shadow .35s}
.card:nth-child(2){margin-top:50px}
.photo{height:330px}.photo img{transition:transform .8s;object-fit:cover}
.card:hover{transform:translateY(-7px);border-color:#edc89188;box-shadow:0 26px 60px #00000045}.card:hover .photo img{transform:scale(1.045)}
.badge{top:auto;bottom:18px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#0c1b2de6;border:1px solid #d7b67d66;color:#ffe4b9;border-radius:24px;font-size:12px;padding:9px 15px;letter-spacing:1px;backdrop-filter:blur(8px)}
.card-body{padding:26px}.place{display:flex;flex-direction:column;gap:8px;color:#edcb99;letter-spacing:1.5px;font-size:12px}
.place span+span{color:#c6d1df;letter-spacing:.2px}
.card h3{font-size:36px;line-height:1.05;margin:18px 0 14px;color:#fff6e8}
.meta{font-size:14px;line-height:1.7;color:#c9d3df}
.card-body>p:not(.meta){font-size:16px;line-height:1.8;color:#c6d1df;min-height:0}
.features{border-color:#bdcee02b;gap:12px;padding:18px 0}.features span{font-size:14px;color:#dfc498}
.card a{font-size:14px;color:#f2d09f;line-height:1.6;letter-spacing:.3px}
.hosts{position:relative;margin:0 40px;border:1px solid #c7b99530;border-radius:30px;background:radial-gradient(ellipse at 100% 10%,#75536345,transparent 60%),radial-gradient(ellipse at 10% 90%,#37616b42,transparent 65%),#142034;padding:85px 7vw;overflow:hidden}
.hosts:before{content:'SG';position:absolute;right:40px;top:-35px;font:500 220px 'Cormorant Garamond',Georgia,serif;color:#eed5a90b;pointer-events:none}
.hosts h2{font-size:clamp(42px,4.8vw,66px)}.hosts-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#c6d1df}
.stats{gap:32px;flex-wrap:wrap}.stats strong{font:500 38px 'Cormorant Garamond',Georgia,serif;color:#ebc58f}.stats span{font-size:13px;color:#c3cfdd}
.hosts blockquote{border-color:#ddbc8380;font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;color:#f2ddba}.hosts blockquote span{font-size:12px;line-height:1.7;color:#c6d1df}
.final{padding:120px 24px;background:radial-gradient(ellipse at 50% 100%,#35476088,transparent 65%);position:relative}
.final h2{font-size:clamp(46px,5.8vw,80px);line-height:1.06}
footer{background:#08101d;border-top:1px solid #c3ab812b;gap:26px}footer p{font-size:13px;line-height:1.7;color:#afbdcf}
.flatpickr-calendar{font-family:'Manrope',sans-serif;border:1px solid #dcc6a4;border-radius:14px;box-shadow:0 20px 60px #0005;color:#152032}
.flatpickr-day.selected,.flatpickr-day.selected:hover{background:#223e59;border-color:#223e59}
.flatpickr-day.flatpickr-disabled{color:#82796e;text-decoration:line-through}.flatpickr-current-month{font-family:'Manrope',sans-serif}
/* Foggy title edges: layered halos keep the letterforms crisp. */
.hero h1,.intro h2,.hosts h2,.final h2{position:relative;isolation:isolate;color:#f4f6f8;text-shadow:0 0 3px #f1f4ff45,0 0 18px #d5e4ff45,0 0 44px #bfceec30}
.hero h1 em,.intro h2 em,.final h2 em{color:#f1ddbc;text-shadow:0 0 4px #fff0d655,0 0 22px #efd4ac70,0 0 58px #e9cf9d38}
.hero h1::before,.intro h2::before,.hosts h2::before,.final h2::before{content:'';position:absolute;inset:8% -12px -6%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 25% 60%,#dce9ff17,transparent 58%),radial-gradient(ellipse at 75% 40%,#f2dcc117,transparent 58%);filter:blur(16px)}
.card h3{color:#f6f3ed;text-shadow:0 0 2px #f6eddf33,0 0 12px #dfebff40,0 0 26px #e4c59222}
@media(prefers-contrast:more){.hero h1,.hero h1 em,.intro h2,.intro h2 em,.hosts h2,.final h2,.final h2 em,.card h3{text-shadow:none}.hero h1::before,.intro h2::before,.hosts h2::before,.final h2::before{display:none}}
@keyframes arrival-image{from{transform:scale(1.04)}to{transform:scale(1)}}
@keyframes arrival-copy{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes glow-arrival{from{opacity:.2}to{opacity:1}}
@media(min-width:901px) and (max-width:1150px){.finder-wrap .finder{grid-template-columns:1.4fr 1fr 1fr .7fr}.finder button{grid-column:1/-1}.photo{height:280px}.card-body{padding:22px}.card h3{font-size:32px}.properties{gap:18px;padding:0 24px}}
@media(max-width:900px){.hero{height:auto;min-height:700px}.nav{height:88px}.hero-copy{margin-top:55px}.hero h1{font-size:clamp(68px,11vw,100px)}.finder-wrap{width:calc(100% - 40px)}.finder-wrap .finder{grid-template-columns:1fr 1fr}.finder div:first-child,.finder button{grid-column:1/-1}.properties{max-width:670px;padding:0 24px;gap:36px}.card:nth-child(2){margin-top:0}.photo{height:370px}.card{border-radius:180px 180px 24px 24px}.hosts{margin:0 20px;padding:64px 34px}.hosts:before{font-size:160px}.intro{margin-top:80px}.nav nav{display:flex;gap:0}.nav nav>a:not(.nav-cta){display:none}.menu{display:none}.nav-cta{padding:12px 16px}.hero-frame{display:block}}
@media(max-width:520px){.brand{font-size:14px;gap:8px}.mark{height:38px;width:38px}.brand small{font-size:12px;letter-spacing:2px}.nav{padding:0 18px}.nav nav a{font-size:13px}.hero{min-height:650px}.hero h1{font-size:clamp(58px,14vw,76px);letter-spacing:-1px}.hero-copy{margin:70px 26px 0;width:calc(100% - 52px)}.hero-copy>p:not(.eyebrow){font-size:16px}.eyebrow,.eyebrow.dark{letter-spacing:2px}.finder-wrap{width:calc(100% - 28px)}.finder-wrap .finder{padding:18px 10px;gap:18px 6px}.finder div{grid-column:auto;padding:0 8px;border:0}.finder div:first-child,.finder div:nth-child(4){grid-column:1/-1}.calendar-status{text-align:left}.photo{height:300px}.card{border-radius:140px 140px 22px 22px}.properties{padding:0 18px}.card-body{padding:25px}.hosts{margin:0 14px;padding:50px 25px}.stats{gap:24px}.hosts blockquote{padding-left:20px}.final{padding:90px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}