@import url('https://fonts.googleapis.com/css2?family=Fahkwang:wght@300;400;500;600&family=Jost:wght@300;400;500&display=swap');

:root {
  --black: #ffffff;
  --white: #ffffff;
  --cream: #000000;
  --beige: #000000;
  --gray: #ffffff;
  --gold: #ffffff;
  --dark: #000000;
  --dark2: #000000;
  --gray-light: #000000;
  --gray-mid: #ffffff;
  --font-head: 'Fahkwang', sans-serif;
  --font-heading: 'Fahkwang', sans-serif;
  --font-body: 'Jost', sans-serif;
  --tr: all 0.5s cubic-bezier(0.16,1,0.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);font-weight:300;color:#ffffff;background:#000000;overflow-x:hidden;line-height:1.8;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;transition:var(--tr);}
ul{list-style:none;}
.text-center{text-align:center;}
.fade-up{opacity:0;transform:translateY(30px);transition:opacity 0.9s ease,transform 0.9s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* ── HEADER ── */
#header{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:stretch;background:#746251;transition:var(--tr);}
#header.scrolled{background:#746251;backdrop-filter:blur(12px);box-shadow:0 1px 0 #000000;}

.header-logo-box{background:transparent;display:flex;align-items:center;justify-content:center;padding:18px 28px;min-width:160px;flex-shrink:0;}
.header-logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;}
.logo-icon{width:44px;height:44px;border:1.5px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:1.4rem;color:var(--white);font-weight:300;}
#header.scrolled .logo-icon {border-color:#ffffff;color:#ffffff;}
.logo-text{display:flex;flex-direction:column;line-height:1.1;}
.logo-brand{font-size:0.65rem;letter-spacing:0.3em;font-weight:500;color:var(--white);}
#header.scrolled .logo-brand {color:#ffffff;}
.logo-sub{font-size:0.55rem;letter-spacing:0.25em;color:#ffffff;}
#header.scrolled .logo-sub {color: #ffffff;}

.header-nav{flex:1;display:flex;align-items:center;justify-content:center;padding:0 20px;}
.header-nav ul{display:flex;gap:0;align-items:center;}
.header-nav ul li a{display:block;padding:12px 18px;font-size:1.1rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:500;color:#ffffff;transition:var(--tr);position:relative;}
#header.scrolled .header-nav ul li a{color:#ffffff;}
.header-nav ul li a::after{content:'';position:absolute;bottom:8px;left:16px;right:16px;height:1px;background:currentColor;transform:scaleX(0);transition:transform 0.4s ease;transform-origin:right;}
.header-nav ul li a:hover::after,.header-nav ul li a.active::after{transform:scaleX(1);transform-origin:left;}

.has-drop{position:relative;}
.has-drop>a::after{display:none!important;}
.drop{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(8px);min-width:210px;background: #000000;padding:10px 0;box-shadow:0 24px 60px #000000;opacity:0;visibility:hidden;transition:var(--tr);z-index:500;border-top:2px solid var(--gold);}
.drop::before{content:'';position:absolute;top:-6px;left:50%;transform:translateX(-50%);border:0 solid transparent;border-bottom:6px solid var(--gold);border-left:6px solid transparent;border-right:6px solid transparent;}
.has-drop:hover .drop{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.drop li{border-bottom:1px solid #ffffff;}
.drop li:last-child{border-bottom:none;}
.drop a{display:block!important;padding:12px 26px!important;font-size:1rem!important;color:#ffffff!important;letter-spacing:0.1em;text-transform:uppercase;transition:all 0.25s ease;white-space:nowrap;font-weight:500;}
.drop a:hover{color: #ffffff!important;background: #000000!important;padding-left:28px!important;}

.header-right{display:flex;align-items:center;gap:20px;padding:0 24px;flex-shrink:0;}
.header-phone{font-size:1.1rem;letter-spacing:0.1em;color:#ffffff;font-weight:500;}
#header.scrolled .header-phone{color:#ffffff;}

.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:8px;}
.hamburger span{display:block;width:26px;height:1.5px;background:#000000;transition:var(--tr);}
#header.scrolled .hamburger span{background: #000000;}

/* ── HERO VIDEO SLIDER ── */
.hero-slider{position:relative;width:100%;height:100vh;overflow:hidden;background: #000000;}
.hero-slide {position:absolute;inset:0;opacity:0;transition:opacity 1s ease-in-out;z-index:1;}
.hero-slide.active {opacity:1;z-index:2;}
.hero-video-container {position:absolute;inset:0;overflow:hidden;z-index:0;}
.bg-video {width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);filter:brightness(0.65);}
.bg-youtube {position:absolute;top:50%;left:50%;width:100vw;height:56.25vw;min-height:100vh;min-width:177.77vh;transform:translate(-50%, -50%);pointer-events:none;border:none;filter:brightness(0.65);}
.slide-overlay{position:absolute;inset:0;background:#000000;z-index:1;}
.slide-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;opacity:0;transform:translateY(20px);transition:all 1s ease 0.5s;}
.hero-slide.active .slide-content{opacity:1;transform:translateY(0);}
.slide-title{font-family:var(--font-head);font-size:clamp(4rem,10vw,8rem);font-weight:600;color:var(--white);letter-spacing:0.05em;line-height:1;text-transform:uppercase;}
.slide-sub{font-family:var(--font-body);font-size:clamp(1.2rem,3vw,1.5rem);text-transform:uppercase;color:var(--white);margin-top:20px;letter-spacing:0.2em;font-weight:600;}

/* Slider Controls */
.slider-nav {position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#ffffff;font-size:3rem;cursor:pointer;z-index:10;padding:20px;transition:color 0.3s ease;}
.slider-nav:hover {color:var(--white);}
.slider-nav.prev {left:20px;}
.slider-nav.next {right:20px;}
.slider-dots {position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:12px;z-index:10;}
.slider-dots .dot {width:10px;height:10px;border-radius:50%;background: #000000;cursor:pointer;transition:all 0.3s ease;}
.slider-dots .dot.active {background:#000000;transform:scale(1.3);}


/* ── WELCOME SPLIT ── */
.welcome-section{display:grid;grid-template-columns:55% 45%;min-height:600px;}
.welcome-images{display:grid;grid-template-rows:60% 40%;height:650px;}
.welcome-img-top,.welcome-img-bottom{overflow:hidden;}
.welcome-img-top img,.welcome-img-bottom img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;}
.welcome-img-top:hover img,.welcome-img-bottom:hover img{transform:scale(1.04);}
.welcome-text{background:#000000;display:flex;flex-direction:column;justify-content:center;padding:80px 70px;}
.welcome-eyebrow{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color: #ffffff;margin-bottom:28px;}
.welcome-heading{font-family:var(--font-head);font-size:clamp(2rem,4vw,3.5rem);font-weight:600;line-height:1.2;color:#ffffff;margin-bottom:44px;}
.btn-amara{display:inline-block;padding:14px 36px;border: 1px solid #ffffff;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:400;color:#ffffff;background:transparent;transition:var(--tr);}
.btn-amara:hover{background: #ffffff;color:#000000;}

.btn-amara-white{display:inline-block;padding:14px 36px;border:1px solid #ffffff;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:400;color:#ffffff;background:transparent;transition:var(--tr);}
.btn-amara-white:hover{background:#ffffff;color:#000000;}

.btn-amara-dark{display:inline-block;padding:14px 36px;background: #ffffff;border: 1px solid #ffffff;font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:400;color:#000000;transition:var(--tr);}
.btn-amara-dark:hover{background:transparent;color:#ffffff;}

/* ── FULL WIDTH IMAGE ── */
.full-img-section{width:100%;height:500px;overflow:hidden;}
.full-img-section img{width:100%;height:100%;object-fit:cover;transition:transform 8s ease;}
.full-img-section:hover img{transform:scale(1.03);}

/* ── ABOUT OVERLAY ── */
.about-overlay-section{position:relative;min-height:600px;display:flex;align-items:center;}
.about-overlay-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(0.35) grayscale(40%);}
.about-overlay-inner{position:relative;z-index:2;display:grid;grid-template-columns:300px 1fr;width:100%;max-width:1300px;margin:0 auto;padding:80px 60px;gap:80px;align-items:center;}
.about-logo-box{background: #000000;border:1px solid #ffffff;padding:50px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;}
.about-logo-icon{width:70px;height:70px;border:1.5px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-head);font-size:2rem;color:var(--white);}
.about-logo-brand{font-size:0.65rem;letter-spacing:0.35em;font-weight:500;color:var(--white);}
.about-logo-sub{font-size:0.55rem;letter-spacing:0.25em;color:#ffffff;}
.about-overlay-text{color:var(--white);}
.about-overlay-text p{font-size:1rem;line-height:1.9;color:#ffffff;margin-bottom:50px;}
.about-cta-text{font-family:var(--font-head);font-size:1.5rem;font-style:italic;line-height:1.4;color:var(--white);margin-bottom:24px;}

/* ── GALLERY ── */
.gallery-section{background: #000000;padding:0 0 80px;}
.gallery-row-wide{display:grid;grid-template-columns:1fr 1fr 2fr 1fr 1fr;height:420px;gap:4px;}
.gallery-item{overflow:hidden;}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.9s ease,filter 0.9s ease;filter:grayscale(15%);}
.gallery-item:hover img{transform:scale(1.06);filter:grayscale(0%);}
.gallery-row-three{display:grid;grid-template-columns:1fr 1fr 1fr;height:360px;gap:4px;margin-top:4px;}
.gallery-btn-wrap{padding:60px 0 20px;}

/* ── SERVICES ── */
.services-amara{background:#000000;padding:120px 0;}
.services-amara-inner{max-width:1280px;margin:0 auto;padding:0 40px;}
.sa-eyebrow{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color: #ffffff;margin-bottom:20px;text-align:center;}
.sa-title{font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;text-align:center;margin-bottom:20px;}
.sa-line{width:1px;height:70px;background:var(--gold);margin:0 auto 60px;}
.sa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;}
.sa-card{display:block;text-align:center;transition:var(--tr);}
.sa-card-img{height:340px;overflow:hidden;margin-bottom:28px;}
.sa-card-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease,filter 1s ease;filter:grayscale(20%);}
.sa-card:hover .sa-card-img img{transform:scale(1.05);filter:grayscale(0%);}
.sa-card h3{font-family:var(--font-head);font-size:1.7rem;font-weight:400;margin-bottom:12px;}
.sa-card p{font-size:0.88rem;color: #ffffff;line-height:1.8;margin-bottom:18px;max-width:320px;margin-left:auto;margin-right:auto;}
.sa-link{font-size:0.7rem;letter-spacing:0.2em;text-transform:uppercase;color:#ffffff;font-weight:400;border-bottom:1px solid var(--gold);padding-bottom:2px;}

/* ── TESTIMONIALS ── */
.testimonials-amara{background:#000000;padding:100px 40px;}
.ta-inner{max-width:1200px;margin:0 auto;}
.ta-eyebrow{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color: #ffffff;margin-bottom:16px;text-align:center;}
.ta-title{font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;text-align:center;margin-bottom:60px;}
.ta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;}
.ta-card{background:#000000;padding:50px 40px;border-bottom:3px solid var(--gold);}
.ta-stars{color: #ffffff;font-size:1rem;letter-spacing:4px;margin-bottom:20px;}
.ta-text{font-family:var(--font-head);font-style:italic;font-size:1.15rem;color:#ffffff;line-height:1.7;margin-bottom:28px;}
.ta-author strong{display:block;font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;font-weight:500;}
.ta-author span{font-size:0.78rem;color: #ffffff;}

/* ── BOOKING ── */
.booking-amara{background: #000000;padding:100px 40px;}
.ba-inner{max-width:1100px;margin:0 auto;}
.ba-eyebrow{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color: #ffffff;margin-bottom:16px;text-align:center;}
.ba-title{font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;color:var(--white);text-align:center;margin-bottom:60px;}
.ba-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;align-items:end;}
.ba-field label{display:block;font-size:0.68rem;letter-spacing:0.2em;text-transform:uppercase;color:#ffffff;margin-bottom:12px;}
.ba-field input,.ba-field select{width:100%;background:transparent;border:none;border-bottom:1px solid #ffffff;padding:10px 0;color:var(--white);font-size:0.92rem;font-family:inherit;font-weight:300;transition:var(--tr);}
.ba-field input:focus,.ba-field select:focus{outline:none;border-color: #ffffff;}
.ba-field select option{color:#ffffff;}
.ba-field input::placeholder{color:#ffffff;}
/* ── FORM ON LIGHT BACKGROUND (cream/white pages) ── */
.sp-book .ba-field label,.ct-book .ba-field label,.area-book .ba-field label{color: #ffffff;}
.sp-book .ba-field input,.sp-book .ba-field select,
.ct-book .ba-field input,.ct-book .ba-field select,
.area-book .ba-field input,.area-book .ba-field select{border-bottom-color: #ffffff;color:#ffffff;}
.sp-book .ba-field input:focus,.sp-book .ba-field select:focus,
.ct-book .ba-field input:focus,.ct-book .ba-field select:focus,
.area-book .ba-field input:focus,.area-book .ba-field select:focus{border-color: #ffffff;}
.sp-book .ba-field input::placeholder,.ct-book .ba-field input::placeholder,.area-book .ba-field input::placeholder{color: #ffffff;}
.sp-book .ba-field select option,.ct-book .ba-field select option,.area-book .ba-field select option{color:#ffffff;}
.ba-submit{display:flex;align-items:flex-end;padding-bottom:2px;}
.ba-submit .btn-amara-dark{width:100%;text-align:center;border-color: #ffffff;background:var(--gold);}
.ba-submit .btn-amara-dark:hover{background:transparent;color: #ffffff;}

/* ── AREAS ── */
.areas-amara{background:#000000;padding:100px 40px;}
.aa-inner{max-width:1000px;margin:0 auto;text-align:center;}
.aa-eyebrow{font-size:0.72rem;letter-spacing:0.3em;text-transform:uppercase;color: #ffffff;margin-bottom:16px;}
.aa-title{font-family:var(--font-head);font-size:clamp(2.5rem,5vw,4rem);font-weight:600;margin-bottom:20px;}
.aa-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:50px;}
.aa-tag{padding:14px 32px;border:  #ffffff;font-size:0.78rem;letter-spacing:0.12em;text-transform:uppercase;color: #ffffff;transition:var(--tr);}
.aa-tag:hover{border-color:#ffffff;color:#ffffff;}

/* ── FOOTER ── */
.footer-amara{background: #000000;color:var(--white);}
.fa-top{max-width:1280px;margin:0 auto;padding:80px 40px 60px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;border-bottom:1px solid #ffffff;}
.fa-logo{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
.fa-brand-name{font-size:0.95rem;letter-spacing:0.3em;font-weight:500;color:var(--white);}
.fa-brand-sub{font-size:0.8rem;letter-spacing:0.2em;color:#ffffff;}
.fa-desc{font-size:1.15rem;color: #ffffff;line-height:1.9;max-width:320px;margin-bottom:28px;}
.fa-social{display:flex;gap:12px;}
.fa-social a{width:36px;height:36px;border:1px solid #ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;color:var(--white);transition:var(--tr);}
.fa-social a:hover{background:#000000;color:#ffffff;}
.fa-heading{font-size:1.15rem;letter-spacing:0.3em;text-transform:uppercase;font-weight:500;color:var(--white);margin-bottom:22px;}
.fa-col ul li{margin-bottom:11px;}
.fa-col ul a{font-size:1.15rem;color: #ffffff;transition:var(--tr);}
.fa-col ul a:hover{color: #ffffff;}
.fa-col p{font-size:1.15rem;color: #ffffff;margin-bottom:10px;}
.fa-col p a{color: #ffffff;}
.fa-col p a:hover{color: #ffffff;}
.fa-bottom{max-width:1280px;margin:0 auto;padding:24px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
.fa-bottom p{font-size:1rem;color: #ffffff;}
.fa-links{display:flex;gap:28px;}
.fa-links a{font-size:1rem;color: #ffffff;transition:var(--tr);}
.fa-links a:hover{color:var(--white);}

/* ── MOBILE MENU ── */
.mob-menu{display:none;position:fixed;inset:0;background:#000000;z-index:1200;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px;}
.mob-menu.open{display:flex;}
.mob-close{position:absolute;top:28px;right:28px;font-size:1.4rem;cursor:pointer;color:#ffffff;}
.mob-menu a{font-family:var(--font-head);font-size:2rem;font-weight:300;color:#ffffff;padding:10px 0;border-bottom:1px solid #000000;width:100%;text-align:center;transition:var(--tr);}
.mob-menu a:hover{color: #ffffff;}
.mob-ctas{display:flex;gap:14px;margin-top:28px;width: 100%; padding-bottom: 5px;}

/* ── STICKY BAR ── */
.sticky-bar{display:none;position:fixed;bottom:0;left:0;width:100%;z-index:900;gap:0;}
.sb-call,.sb-book{flex:1;text-align:center;padding:16px;font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:400;}
.sb-call{background: #000000;color:var(--white);}
.sb-book{background:var(--gold);color:var(--white);}

/* ── PAGE HERO (INNER) ── */
.page-hero{position:relative;height:480px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background: #000000;}
.page-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(0.45);}
.page-hero-content{position:relative;z-index:2;padding-top:100px;}
.page-hero-content h1{font-family:var(--font-head);font-size:clamp(2.5rem,6vw,5rem);font-weight:300;color:var(--white);margin-bottom:16px;}
.breadcrumb{display:flex;align-items:center;justify-content:center;gap:10px;font-size:1.15rem;letter-spacing:0.2em;text-transform:uppercase;color:#ffffff;   background: rgba(0,0,0,0.8) !important;}
.breadcrumb a{color:#ffffff;}
.breadcrumb span{color: #ffffff;}

header#header {
justify-content: space-between;
}
div#hamburger span {
background: #fff;
}
header#header {
    justify-content: space-between;
}
 
div#hamburger span {
    background: #fff;
}

 

a.sb-book {
    color: var(--dark); 
}

a.btn-amara-dark {
    color: var(--dark);
}
.mob-menu a.btn-amara-dark, .mob-menu a.btn-amara {
    font-size: 20px;
    width: 50%;
    max-width: 50%;
}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
  .welcome-section{grid-template-columns:1fr;}
  .welcome-images{height:400px;grid-template-rows:1fr 1fr;}
  .welcome-text{padding:60px 40px;}
  .sa-grid{grid-template-columns:repeat(2,1fr);}
  .ta-grid{grid-template-columns:repeat(2,1fr);}
  .gallery-row-wide{grid-template-columns:1fr 1fr 1fr;height:320px;}
  .gallery-row-wide .gi-wide{grid-column:span 1;}
  .about-overlay-inner{grid-template-columns:1fr;gap:40px;padding:60px 30px;}
  .fa-top{grid-template-columns:1fr 1fr;gap:40px;}
}
@media(max-width:768px){
  .header-nav{display:none;}
  .header-phone{display:none;}
  .hamburger{display:flex;}
  .header-logo-box{min-width:120px;padding:14px 18px;}
  .hero-slider{height:85vh;}
  .tagline-bar{display:none;}
  .gallery-row-wide{grid-template-columns:1fr 1fr;height:260px;}
  .gallery-row-three{grid-template-columns:1fr;}
  .sa-grid{grid-template-columns:1fr;}
  .ta-grid{grid-template-columns:1fr;}
  .ba-form{grid-template-columns:1fr;}
  .fa-top{grid-template-columns:1fr;gap:30px;}
  .fa-bottom{flex-direction:column;text-align:center;}
  .sticky-bar{display:flex;}
  body{padding-bottom:56px;}
}
@media(max-width:480px){
  .welcome-images{height:300px;}
  .gallery-row-wide{grid-template-columns:1fr;height:auto;}
  .gallery-row-wide .gallery-item{height:220px;}
  .full-img-section{height:280px;}
}