
:root{--gold:#d5ae68;--dark:#0b1117;--cream:#f7f3eb;--ink:#17202a;--muted:#6d7278}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--cream)}
a{text-decoration:none;color:inherit}img{display:block;width:100%}button,input,select{font:inherit}
.wrap{width:min(1180px,calc(100% - 34px));margin:auto}
.nav{position:fixed;inset:0 0 auto;z-index:50;color:#fff;transition:.3s}.nav.scrolled{background:rgba(7,11,16,.94);backdrop-filter:blur(14px)}
.navin{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.15)}
.brand{font:400 26px Georgia,serif}.brand small{display:block;font:7px Arial;letter-spacing:.16em;color:#c9ced4;margin-top:3px}
.links{display:flex;gap:22px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.links a:hover{color:var(--gold)}
.book-btn,.gold-btn{background:var(--gold);border:0;color:#fff;padding:14px 19px;text-transform:uppercase;font-size:10px;letter-spacing:.1em;cursor:pointer}
.outline-btn{border:1px solid rgba(255,255,255,.65);color:#fff;padding:13px 18px;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.menu{display:none;background:none;border:0;color:#fff;font-size:24px}
.hero{min-height:100svh;background:url("../images/hero.jpg") center/cover no-repeat;color:#fff;position:relative}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.78),rgba(4,8,12,.16)),linear-gradient(0deg,rgba(4,8,12,.6),transparent 50%)}
.hero-content{position:relative;z-index:2;min-height:100svh;display:grid;grid-template-columns:1.05fr .72fr;gap:50px;align-items:center;padding:120px 0 100px}
.eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hero h1{font:400 clamp(54px,7vw,96px)/.94 Georgia,serif;margin:20px 0}.hero p{max-width:530px;color:#e1e5e8;line-height:1.8}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.booking{background:rgba(10,13,17,.87);border:1px solid rgba(213,174,104,.65);padding:25px;backdrop-filter:blur(12px);box-shadow:0 25px 60px rgba(0,0,0,.4)}
.booking h2{font:400 27px Georgia,serif;margin:0 0 20px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.booking label{font-size:9px;text-transform:uppercase;color:#cbd1d6}
.booking input,.booking select{width:100%;background:#171c22;border:1px solid #2b333c;color:#fff;padding:12px;margin-top:6px}
.trust{position:absolute;z-index:3;bottom:0;left:0;right:0;background:rgba(7,12,16,.82);backdrop-filter:blur(10px)}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-item{padding:22px;border-right:1px solid rgba(255,255,255,.12);font-size:11px}.trust-item b{display:block;color:var(--gold);margin-bottom:6px}
.section{padding:95px 0}.alt{background:#fff}.head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}
.head h2{font:400 clamp(38px,5vw,68px)/.95 Georgia,serif;margin:10px 0 0}.head p{max-width:440px;color:var(--muted)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.about-images{position:relative;min-height:520px}
.about-images .main{width:72%;height:500px;object-fit:cover}.about-images .small{position:absolute;width:48%;height:310px;object-fit:cover;right:0;bottom:0;border:8px solid #fff;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.feature{border:1px solid #e3ded4;padding:18px;text-align:center;font-size:11px}.feature b{display:block;color:var(--gold);font-size:22px;margin-bottom:8px}
.rooms{background:#0d1116;color:#fff}.room-slider{position:relative;overflow:hidden}.room-track{display:flex;transition:.5s ease}
.room{min-width:33.333%;padding:8px}.room-card{position:relative;overflow:hidden;border:1px solid #30363d}.room-card img{height:360px;object-fit:cover;transition:.7s}.room-card:hover img{transform:scale(1.05)}
.room-info{position:absolute;inset:auto 0 0;padding:55px 20px 20px;background:linear-gradient(transparent,rgba(0,0,0,.88))}
.room-info h3{font:400 25px Georgia,serif;margin:0 0 8px}.room-info small{color:#d2d6da}.price{color:var(--gold);font-weight:700;margin-top:12px}
.slider-btn{position:absolute;top:48%;width:42px;height:42px;border-radius:50%;border:1px solid #fff;background:rgba(0,0,0,.45);color:#fff;z-index:3;cursor:pointer}.prev{left:12px}.next{right:12px}
.amenities{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.amenity{text-align:center;padding:18px 8px;border:1px solid #e3ded4;font-size:10px}.amenity b{display:block;color:var(--gold);font-size:22px}
.stats{background:#0b1016;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{text-align:center;padding:36px;border-right:1px solid #303640}.stat strong{display:block;font:400 45px Georgia,serif;color:var(--gold)}
.gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.gallery img{height:210px;object-fit:cover;cursor:pointer;transition:.35s}.gallery img:hover{transform:translateY(-5px);filter:brightness(.85)}
.testimonial{max-width:820px;margin:40px auto 0;background:#fff;border:1px solid #e1dcd3;padding:38px;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.05)}
.testimonial blockquote{font:400 22px/1.6 Georgia,serif}.testimonial strong{display:block;margin-top:18px}.dots{text-align:center;margin-top:15px}.dots button{width:8px;height:8px;border:0;border-radius:50%;background:#c9c4bc;margin:4px}.dots button.active{background:var(--gold)}
.footer{background:#0d1116;color:#aeb5bc;padding:58px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer h3{color:#fff;font:400 25px Georgia,serif}.footer a{display:block;margin:8px 0;font-size:12px}.credit{border-top:1px solid #2b3138;margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;font-size:10px}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:30px}.lightbox.show{display:flex}.lightbox img{max-width:1000px;max-height:85vh;object-fit:contain}.lightbox button{position:absolute;right:25px;top:20px;background:none;border:0;color:#fff;font-size:34px}
.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){.hero-content,.about-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr 1fr}.room{min-width:50%}.features{grid-template-columns:1fr 1fr}.amenities{grid-template-columns:repeat(4,1fr)}.gallery{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.links{display:none}.links.open{display:flex;position:absolute;top:76px;left:16px;right:16px;background:#0d1116;padding:20px;flex-direction:column}.menu{display:block}.book-btn{display:none}.hero-content{padding-top:110px}.trust{position:relative}.trust-grid{grid-template-columns:1fr}.form-grid,.features,.stats-grid,.amenities,.footer-grid{grid-template-columns:1fr 1fr}.room{min-width:100%}.about-images{min-height:430px}.about-images .main{height:410px}.about-images .small{height:240px}.gallery{grid-template-columns:1fr 1fr}.credit{display:block}.section{padding:70px 0}}
