:root{font-family:Arial,sans-serif;color:#fff;background:#10252c;color-scheme:dark}*{box-sizing:border-box}body{margin:0}.screen{position:relative;min-height:100svh;display:flex;flex-direction:column;padding:3.5vh 4.4vw 2vh;overflow:hidden;isolation:isolate}.backdrop,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.backdrop{object-fit:cover}.shade{z-index:-1;background:linear-gradient(90deg,rgba(7,25,33,.85),rgba(7,25,33,.24)),linear-gradient(0deg,#071920 0%,rgba(7,25,33,.18) 80%)}header{display:flex;justify-content:space-between;align-items:flex-start}.brand{font-family:Georgia,serif;font-size:clamp(32px,4vw,62px);letter-spacing:.13em;line-height:1}.brand span{display:block;font:9px Arial,sans-serif;letter-spacing:.24em;margin-top:13px}.room{display:flex;gap:20px;align-items:center;font-size:14px;letter-spacing:.08em;flex-wrap:wrap}.room small{font-size:10px;border:1px solid #ffffff55;padding:7px 10px;border-radius:20px;color:#dfd5ba}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;flex:1;padding:4vh 0}.eyebrow{font-size:11px;letter-spacing:.24em;color:#dcc8a2;font-weight:600;margin:0 0 15px}h1{font-family:Georgia,serif;font-weight:400;line-height:1.02;font-size:clamp(46px,6.7vw,110px);margin:0}h1 em{font-weight:400;color:#f0dfb9}.intro{font-size:clamp(14px,1.4vw,21px);line-height:1.65;color:#e5e8e4;margin:20px 0}.stay-chip{display:inline-flex;gap:12px;align-items:center;padding:12px 14px;background:#ffffff0d;border:1px solid #ffffff20;border-radius:4px;font-size:11px;letter-spacing:.1em}.stay-chip i{height:12px;width:1px;background:#ffffff40}.stay-chip small{color:#b9c1c1;letter-spacing:0}.offer{position:relative;display:block;aspect-ratio:1.35;border:1px solid #ffffff30;border-radius:8px;overflow:hidden;background:#162e32;color:white;cursor:pointer;padding:0;text-align:left;font:inherit;box-shadow:0 20px 60px #0004}.offer img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s}.offer:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#031417ed,transparent 90%)}.offer-top,.offer-copy{position:absolute;z-index:1;left:25px;right:25px}.offer-top{display:flex;justify-content:space-between;top:20px;font-size:10px;letter-spacing:.15em}.offer-copy{bottom:24px;display:grid;gap:10px}.offer-copy small{font-size:9px;letter-spacing:.18em;color:#e7d4b1}.offer-copy strong{font-family:Georgia,serif;font-weight:400;font-size:clamp(22px,2.7vw,40px)}.offer-copy>span{font-size:12px;color:#dee5e0;line-height:1.5}.offer-copy b{font-size:10px;letter-spacing:.08em;font-weight:400;color:#f3deb4}.tiles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.tile{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:16px;min-height:118px;border:1px solid #ffffff30;border-radius:6px;background:#0e2630b8;color:white;padding:20px 10px;font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.tile svg{width:32px;height:32px;stroke:currentColor;fill:none;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.tile:focus-visible,.offer:focus-visible,.tile[data-selected=true]{outline:2px solid #dec69c;outline-offset:3px;background:#b9a17b30;transform:translateY(-3px)}footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:22px;color:#c2cbcb;font-size:10px}footer>div{display:flex;gap:18px;align-items:center}a{color:inherit;text-underline-offset:4px}.test-label{font-size:8px;border:1px solid #ffffff33;border-radius:12px;padding:5px 9px;letter-spacing:.08em}dialog{width:min(950px,90vw);max-height:88vh;border:1px solid #ffffff2b;border-radius:14px;padding:35px;background:#112b34;color:white;box-shadow:0 20px 90px #0008}dialog::backdrop{background:#020b10bc;backdrop-filter:blur(8px)}h2{font:normal clamp(27px,3vw,44px) Georgia,serif;margin:0 30px 24px 0}.close{position:absolute;right:18px;top:18px;width:38px;height:38px;background:#ffffff15;border:1px solid #ffffff30;border-radius:50%;color:white;cursor:pointer}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.guide-card{position:relative;aspect-ratio:1.45;padding:18px;display:flex;align-items:flex-end;overflow:hidden;border:1px solid #ffffff40;border-radius:7px;color:white;background:#29434b;cursor:pointer;text-align:left;font:18px Georgia,serif}.guide-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.guide-card span{z-index:1;text-shadow:0 1px 10px #000}.detail-img{height:210px;width:100%;object-fit:cover;border-radius:8px}.detail-text{font-size:18px;line-height:1.75;white-space:pre-line;color:#e1e9e6}.action{border:1px solid #e0cba9;border-radius:5px;background:#dfc79f;color:#152e34;padding:14px 20px;margin:8px 10px 8px 0;font:inherit;cursor:pointer;display:inline-block;text-decoration:none}.muted{line-height:1.7;color:#becdce}.modal-foot{font-size:11px;border-top:1px solid #ffffff20;margin-top:20px;padding-top:16px;color:#aabfc1}button:focus-visible,a:focus-visible{outline:2px solid #e7ce9e;outline-offset:3px}@media(min-aspect-ratio:2/1){.screen{padding-top:3vh}.hero{padding:2vh 0}.offer{aspect-ratio:1.8}.tile{min-height:95px}h1{font-size:clamp(40px,5vw,85px)}}@media(max-width:800px){.screen{padding:24px}.hero{grid-template-columns:1fr 1fr;gap:25px}.offer{aspect-ratio:.9}.tiles{grid-template-columns:repeat(3,1fr)}.tile{min-height:88px;gap:8px;padding:12px}.tile svg{width:25px;height:25px}footer{align-items:flex-start;line-height:1.5;flex-direction:column}.room{gap:10px;font-size:10px}.room small{display:none}.brand span{font-size:7px}.guide-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.hero{grid-template-columns:1fr}.offer{aspect-ratio:1.8}h1{font-size:55px}.hero{padding:35px 0}.offer-copy{bottom:16px}.offer-top{top:15px}.stay-chip{font-size:9px}.tile{font-size:11px}dialog{padding:25px}.guide-grid{grid-template-columns:1fr 1fr}.detail-text{font-size:16px}}