
:root{
  --bg:#050505;
  --bg2:#0a0a0a;
  --panel:#0c0c0c;
  --gold:#d9ad54;
  --gold2:#f0cf78;
  --text:#f2ede4;
  --muted:#9c968c;
  --line:rgba(255,255,255,.10);
  --max:1280px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#050505;color:var(--text);font-family:Manrope,sans-serif;overflow-x:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,select{font:inherit}
.grain{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.topbar{
  position:fixed;z-index:100;top:0;left:0;right:0;height:76px;padding:0 4.5vw;
  display:grid;grid-template-columns:270px 1fr auto;align-items:center;
  border-bottom:1px solid rgba(255,255,255,.06);
  background:linear-gradient(180deg,rgba(0,0,0,.78),rgba(0,0,0,.2));
  backdrop-filter:blur(7px)
}
.mini-logo{width:240px;height:66px;overflow:hidden}
.mini-logo img{width:100%;height:100%;object-fit:contain;object-position:center}
.topbar nav{display:flex;justify-content:center;gap:28px}
.topbar nav a{font-size:12px;color:#ddd6cb}
.topbar nav a:hover{color:var(--gold2)}
.top-actions{display:flex;align-items:center;gap:16px}
.icon-link{font-size:18px;color:#fff}
.gold-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(120deg,#b7832f,#f3d47d,#b98734);
  color:#13100b;border:0;border-radius:7px;font-weight:700;cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 30px rgba(188,132,44,.12);
  transition:.2s
}
.gold-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.gold-btn.small{padding:12px 22px;font-size:12px}
.gold-btn.big{padding:17px 28px;margin-top:24px}
.menu-btn{display:none;background:none;border:0;width:42px}
.menu-btn span{display:block;height:1px;background:white;margin:8px 0}

.hero{height:690px;position:relative;padding:110px 8vw 60px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;
  background:url("https://images.unsplash.com/photo-1621605815971-fbc98d665033?auto=format&fit=crop&w=2200&q=90") center 37%/cover no-repeat;
  filter:saturate(.55) contrast(1.06) brightness(.72)
}
.hero-overlay{
  position:absolute;inset:0;background:
  linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 38%,rgba(0,0,0,.15) 64%,rgba(0,0,0,.58) 100%),
  linear-gradient(0deg,rgba(0,0,0,.42),transparent 42%)
}
.hero-left,.hero-right{position:relative;z-index:2}
.hero-left{width:min(580px,60vw)}
.hero-logo-wrap{width:420px;height:210px;overflow:hidden;margin-left:-38px}
.hero-logo-wrap img{width:100%;height:100%;object-fit:contain;object-position:center}
.hero-kicker,.hero-city,.hero-services{letter-spacing:.28em;text-align:center;width:420px;margin:2px 0;color:#d9d2c7;font-size:11px}
.hero-services{margin-top:28px;color:#fff}
.hero-services span{color:var(--gold);padding:0 10px}
.trust{display:flex;align-items:center;gap:14px;margin-top:28px}
.avatars{display:flex}
.avatars img{width:34px;height:34px;object-fit:cover;border-radius:50%;border:2px solid #161616;margin-left:-7px}
.avatars img:first-child{margin-left:0}
.trust small{font-size:10px;color:#b7b0a6}
.stars{color:#f2c95f;letter-spacing:.13em;font-size:12px;margin-top:4px}
.hero-right{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:120px}
.hero-index{display:flex;flex-direction:column;gap:20px;align-items:center;color:#9b958c;font-size:11px}
.hero-index .active{color:#fff}
.hero-index i{height:55px;width:1px;background:linear-gradient(var(--gold),transparent)}
.watch{display:flex;align-items:center;gap:12px;font-size:11px;color:#eee}
.watch b{width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);font-size:11px}

.section{max-width:var(--max);margin:auto;padding:70px 28px}
.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}
.eyebrow{font-size:10px;color:var(--gold);letter-spacing:.3em;margin:0 0 10px}
h2{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:44px;line-height:1;margin:0}
.gold-link{font-size:11px;color:var(--gold2)}

.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.service-card{height:280px;position:relative;overflow:hidden;border:1px solid rgba(220,174,84,.28);border-radius:7px}
.service-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.62)}
.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 62%)}
.card-copy{position:absolute;left:18px;bottom:17px;z-index:2}
.card-copy h3{margin:0 0 4px;font-size:14px}
.card-copy strong{color:var(--gold2);font-size:13px}
.service-card>a{position:absolute;right:15px;bottom:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold);z-index:2}

.about{max-width:none;display:grid;grid-template-columns:1.15fr .95fr .75fr;min-height:390px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080808}
.about-photo{position:relative;min-height:390px}
.chair-photo{position:absolute;inset:0;background:url("https://images.unsplash.com/photo-1585747860715-2ba37e788b70?auto=format&fit=crop&w=1100&q=85") center/cover no-repeat;filter:saturate(.5) brightness(.66)}
.cape-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;color:var(--gold2);font-family:"Cormorant Garamond";font-size:48px;line-height:.75;text-shadow:0 1px 8px #000}
.cape-mark span{font-family:Manrope;font-size:8px;letter-spacing:.2em}
.about-copy{padding:55px 58px 40px}
.about-copy h2{font-size:40px}
.about-copy h2 span{color:var(--gold2)}
.about-copy>p:not(.eyebrow){color:#aaa39a;line-height:1.8;font-size:13px;max-width:430px}
.outline-btn{display:inline-flex;border:1px solid rgba(217,173,84,.6);padding:12px 18px;border-radius:22px;color:var(--gold2);font-size:11px;margin-top:12px}
.features{padding:55px 28px;display:grid;grid-template-columns:1fr 1fr;gap:28px 18px;align-content:center}
.features div{text-align:center}
.features span{font-size:30px;color:var(--gold)}
.features p{font-size:10px;line-height:1.5;color:#ddd6cb}

.gallery-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gallery-row img{width:100%;height:330px;object-fit:cover;object-position:center 35%;border-radius:6px;filter:saturate(.78) contrast(1.03);border:1px solid rgba(217,173,84,.16);transition:.3s}.gallery-row img:hover{transform:translateY(-4px);filter:saturate(1) contrast(1.04)}

.booking-wrap{max-width:1280px;margin:0 auto 30px;display:grid;grid-template-columns:.36fr .64fr;min-height:360px;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#090909}
.tools-photo{background:url("https://images.unsplash.com/photo-1599351431613-18ef1fdd27e1?auto=format&fit=crop&w=900&q=85") center/cover no-repeat;filter:saturate(.55) brightness(.65)}
.booking-panel{padding:36px}
.booking-panel h2{font-size:32px;margin-bottom:25px}
.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}
label span{display:block;font-size:9px;color:#a8a196;margin-bottom:7px}
input,select{width:100%;background:#0b0b0b;border:1px solid rgba(255,255,255,.11);color:#e8e1d6;padding:13px;border-radius:5px;outline:none}
input:focus,select:focus{border-color:rgba(217,173,84,.68)}
.submit-btn{width:100%;padding:14px;margin-top:15px}
#formMsg{font-size:11px;color:var(--gold2);min-height:18px;margin-bottom:0}

.contact{display:grid;grid-template-columns:.47fr .53fr;gap:30px}
.contact-info h2{font-size:43px}
.place{color:#d8d0c5;font-size:12px;line-height:1.8}
.place span{color:#8d877f;margin-left:18px}
.socials{display:flex;gap:10px;margin:20px 0}
.socials a{width:34px;height:34px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--gold)}
.map-card{min-height:210px;position:relative;overflow:hidden;border-radius:8px;background:#171717;border:1px solid rgba(255,255,255,.07)}
.map-grid{position:absolute;inset:-30px;background:
linear-gradient(35deg,transparent 48%,rgba(255,255,255,.06) 49%,rgba(255,255,255,.06) 51%,transparent 52%) 0 0/88px 88px,
linear-gradient(125deg,transparent 48%,rgba(255,255,255,.045) 49%,rgba(255,255,255,.045) 51%,transparent 52%) 0 0/110px 110px,
#171717}
.pin{position:absolute;left:48%;top:42%;font-size:22px;color:var(--gold)}
.map-label{position:absolute;left:54%;top:41%;display:flex;flex-direction:column;font-size:11px}
.map-label span{color:#989187;margin-top:4px}

footer{border-top:1px solid var(--line);padding:30px 5vw;text-align:center}
footer img{width:220px;height:90px;object-fit:contain;object-position:center;margin:auto}
footer p{font-size:9px;color:#6f6961;letter-spacing:.16em}

.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1000px){
  .topbar{grid-template-columns:220px 1fr}
  .topbar nav{position:fixed;left:0;right:0;top:76px;background:#070707;border-bottom:1px solid var(--line);display:none;flex-direction:column;padding:24px 30px}
  .topbar nav.open{display:flex}
  .icon-link,.gold-btn.small{display:none}
  .menu-btn{display:block;justify-self:end}
  .hero{padding-left:35px;padding-right:35px}
  .cards{grid-template-columns:1fr 1fr}
  .about{grid-template-columns:1fr 1fr}
  .features{grid-column:1/3}
  .gallery-row{grid-template-columns:repeat(2,1fr)}
  .booking-wrap{margin-left:24px;margin-right:24px;grid-template-columns:1fr}
  .tools-photo{height:250px}
}
@media(max-width:650px){
  .topbar{height:68px;padding:0 18px;grid-template-columns:160px 1fr}
  .mini-logo{width:150px;height:56px}
  .hero{height:auto;min-height:780px;padding:110px 20px 60px;align-items:flex-start}
  .hero-left{width:100%}
  .hero-logo-wrap{width:330px;height:170px;margin-left:-24px}
  .hero-kicker,.hero-city,.hero-services{width:300px;font-size:9px}
  .hero-right{display:none}
  .cards{grid-template-columns:1fr}
  .service-card{height:330px}
  .about{grid-template-columns:1fr}
  .about-photo{min-height:330px}
  .about-copy{padding:38px 22px}
  .features{grid-column:auto;padding:35px 22px}
  .gallery-row{grid-template-columns:1fr 1fr}
  .gallery-row img{height:260px}
  .grid3,.grid2{grid-template-columns:1fr}
  .booking-panel{padding:25px 18px}
  .contact{grid-template-columns:1fr}
  .section{padding:58px 20px}
}


.language-select{
  appearance:none;
  background:#0b0b0b;
  color:#f0e8dc;
  border:1px solid rgba(217,173,84,.45);
  border-radius:6px;
  padding:9px 28px 9px 10px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.08em;
  cursor:pointer;
  outline:none;
}
.language-select:focus{border-color:var(--gold)}
.mini-logo,.hero-logo-wrap{overflow:visible}
.mini-logo img,.hero-logo-wrap img,footer img{
  object-fit:contain !important;
  object-position:center !important;
}
.hero-logo-wrap{background:transparent}
.rtl{font-family:Manrope,Arial,sans-serif}
.rtl .hero-left{text-align:right}
.rtl .hero-kicker,.rtl .hero-city,.rtl .hero-services{text-align:right}
.rtl .trust{justify-content:flex-start}
.rtl .section-title-row,.rtl .day-head{direction:rtl}
.rtl .card-copy{left:auto;right:18px}
.rtl .service-card>a{right:auto;left:15px}
.rtl .about-copy,.rtl .booking-panel,.rtl .contact-info{text-align:right}
.rtl input,.rtl select{text-align:right}
@media(max-width:1000px){
  .language-select{display:block}
}


.social-icon{
  width:20px;
  height:20px;
  display:block;
}
.icon-link .social-icon{
  width:19px;
  height:19px;
}
.socials a .social-icon{
  width:18px;
  height:18px;
}
.icon-link:hover,
.socials a:hover{
  color:var(--gold2);
}


/* Refined transparent logo placement */
.mini-logo{
  width:245px;
  height:68px;
  display:flex;
  align-items:center;
  overflow:visible;
}
.mini-logo img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 2px 9px rgba(214,173,85,.16));
}
.hero-logo-wrap{
  width:min(520px,48vw);
  height:240px;
  margin-left:-18px;
  display:flex;
  align-items:center;
  overflow:visible;
}
.hero-logo-wrap img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:left center !important;
  filter:drop-shadow(0 6px 22px rgba(214,173,85,.16));
}
footer img{
  width:260px;
  height:110px;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 4px 16px rgba(214,173,85,.12));
}
@media(max-width:650px){
  .mini-logo{width:170px;height:56px}
  .hero-logo-wrap{width:330px;height:180px;margin-left:-8px}
}
