*{box-sizing:border-box}body{margin:0;background:#111b23;color:#fff;font:15px/1.9 system-ui,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;justify-content:space-between;align-items:start;padding:30px 3.5vw;gap:25px}.logo{font:clamp(22px,3vw,44px)/1.2 Georgia,serif;letter-spacing:2px}.logo small{display:block;font:10px/2 system-ui;letter-spacing:3px;margin-top:12px}header nav{display:flex;gap:28px;font-size:11px;letter-spacing:2px;padding-top:12px}.landing{min-height:100svh;background:linear-gradient(90deg,#0006,transparent 65%),linear-gradient(0deg,#0008,transparent 55%),url('assets/residence-night-clean.png') center/cover fixed}.hero{min-height:48vh;display:grid;grid-template-columns:22% 1fr;align-items:center;padding:30px 3.5vw 0;gap:20px}.introduction{align-self:start}.introduction p{font-size:17px;letter-spacing:1px;margin-top:20px}.introduction span{display:block;font-size:11px;letter-spacing:3px;margin-top:25px;border-top:1px solid #fff9;padding-top:18px;width:90px}.destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:920px}.destinations a{background:#1a1e254f;border:1px solid #ffffff75;backdrop-filter:blur(10px);min-height:133px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:15px;transition:background .2s,transform .2s;text-align:center}.destinations a:hover{background:#ffffff25;transform:translateY(-3px)}.destinations strong{font-size:17px;font-weight:400;letter-spacing:2px}.destinations small{font-size:12px;letter-spacing:1px}.destinations span{font:34px/1.2 Georgia,serif;margin-bottom:7px}.clock{text-align:right;margin:45px 3.5vw 25px}.clock time{font:clamp(60px,7vw,100px)/1.1 Georgia,serif}.clock div{font-size:17px;letter-spacing:2px}.clock small{font-size:10px;letter-spacing:2px}.clock p{font-size:9px;letter-spacing:2px;margin-top:20px}a:focus-visible,select:focus-visible{outline:2px solid #ead1a0;outline-offset:5px}.content{max-width:1080px;margin:20px auto 80px;padding:0 25px}.content h1{font:36px/1.5 Georgia,serif}.content h2{font-weight:400;margin-top:35px}.content p{color:#c9d0d5;max-width:760px}.links{display:flex;gap:15px;flex-wrap:wrap;margin:30px 0}.links a{border:1px solid #ffffff50;padding:10px 20px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery figure{margin:0;background:#1e2b33;padding:14px}.gallery img{width:100%;height:330px;object-fit:contain;background:#f5f2ee}.gallery figcaption{padding:10px 0}.gallery a{font-size:12px;text-decoration:underline;margin-right:15px}select{font:inherit;padding:10px;background:#24343e;color:white;border:1px solid #6b7379;margin:10px}.entry{border-bottom:1px solid #ffffff20;padding:20px 0}.entry small{color:#b1bbc2}.entry blockquote{margin:10px 0;font-size:18px}.notice{border-left:2px solid #ccb584;padding:10px 20px;background:#ffffff08}@media(min-width:1500px){.hero{padding-top:80px}}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:25px}.introduction span{display:none}.destinations{gap:12px}.destinations strong{font-size:13px}.clock{margin-top:35px}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:550px){header{padding:24px 20px}.logo{font-size:23px}.logo small{font-size:8px;letter-spacing:1px}header nav{gap:12px;font-size:9px}.hero{padding:0 20px}.destinations{grid-template-columns:repeat(2,1fr)}.destinations a{min-height:125px;padding:10px}.destinations small{font-size:10px}.introduction p{font-size:15px}.clock{margin:30px 20px}.gallery{grid-template-columns:1fr}.landing{background-position:58% center}.content h1{font-size:29px}}
