/* =========================================================
   BiC Travels — Premium 2026 visual layer
   High-end travel editorial treatment / 3D hero / refined UI
   ========================================================= */

:root{
  --premium-navy:#07162f;
  --premium-ink:#0c1d38;
  --premium-gold:#c79a52;
  --premium-gold-2:#f0cf91;
  --premium-glass:rgba(255,255,255,.11);
  --premium-border:rgba(255,255,255,.16);
  --premium-shadow:0 28px 70px -30px rgba(4,18,42,.42);
}

body{
  background:#fbfcfe;
  letter-spacing:-.008em;
}
::selection{background:rgba(194,144,61,.22);color:var(--navy);}

.site-header{
  background:rgba(251,252,254,.82);
  border-bottom:1px solid rgba(15,38,74,.08);
  backdrop-filter:blur(18px) saturate(150%);
}
.site-header.is-scrolled{
  box-shadow:0 14px 40px -26px rgba(7,22,47,.45);
}
.nav{padding:12px 0;}
.nav-logo img{height:62px;}
.nav-links{gap:30px;}
.nav-links a{font-size:13.5px;letter-spacing:.01em;}
.nav-links a.active::after{height:3px;border-radius:10px;}
.nav-cta,.nav-links a.nav-cta{
  padding:12px 20px;
  box-shadow:0 10px 25px -16px rgba(7,22,47,.65);
}

.btn{box-shadow:0 10px 24px -16px rgba(7,22,47,.42);}
.btn-primary{background:linear-gradient(135deg,#d1a45d,#b98234);border-color:#c2903d;}
.btn-primary:hover{background:linear-gradient(135deg,#e0b876,#c2903d);}
.btn-outline{background:rgba(255,255,255,.76);}

section{padding:104px 0;}
.section-head{margin-bottom:58px;}
.section-head h2{letter-spacing:-.035em;}
.eyebrow{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;}

.card-grid{gap:24px;}
.service-card,.value-card,.hotel-card,.form-card,.contact-info-card{
  border-radius:20px;
  box-shadow:0 14px 38px -30px rgba(15,38,74,.45);
}
.service-card:hover,.hotel-card:hover{box-shadow:0 24px 50px -32px rgba(15,38,74,.5);}

.hero{
  min-height:calc(100vh - 86px);
  align-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 78% 40%, rgba(194,144,61,.16), transparent 26%),
    linear-gradient(100deg,rgba(4,15,34,.97) 4%,rgba(7,22,47,.88) 44%,rgba(7,22,47,.50) 76%,rgba(7,22,47,.28) 100%),
    url('https://images.unsplash.com/photo-1708546991069-6f615dc28057?auto=format&fit=crop&w=2200&q=85') center/cover no-repeat;
}
.hero::before{
  content:"";
  position:absolute;inset:-12%;
  z-index:-1;
  background:radial-gradient(circle at 76% 48%,rgba(255,255,255,.10),transparent 18%);
  filter:blur(12px);
}
.hero-inner{
  position:relative;
  width:100%;
  max-width:1180px;
  padding:100px 28px 90px;
}
.hero-copy{max-width:610px;position:relative;z-index:4;}
.hero h1{
  font-size:clamp(3rem,6.2vw,5.7rem);
  line-height:.99;
  letter-spacing:-.065em;
  max-width:680px;
  margin-bottom:24px;
}
.hero p.lede{font-size:1.08rem;line-height:1.75;max-width:560px;}
.hero-actions{gap:12px;}

.hero-visual{
  position:absolute;
  right:-30px;
  top:50%;
  width:min(48vw,590px);
  height:520px;
  transform:translateY(-50%);
  perspective:1400px;
  pointer-events:none;
}
.hero-orbit{
  position:absolute;
  inset:8% 4%;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
  transform:rotateX(64deg) rotateZ(-14deg);
  box-shadow:0 0 80px rgba(194,144,61,.10);
}
.hero-orbit::after{
  content:"";
  position:absolute;
  inset:9%;
  border:1px solid rgba(224,184,118,.16);
  border-radius:50%;
}
.hero-globe{
  position:absolute;
  width:330px;height:330px;
  right:10%;top:9%;
  border-radius:50%;
  transform:rotateY(-20deg) rotateX(10deg);
  background:
    linear-gradient(135deg,rgba(255,255,255,.20),transparent 30%),
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.28),transparent 10%),
    url('https://images.unsplash.com/photo-1708546991069-6f615dc28057?auto=format&fit=crop&w=900&q=80') center/cover;
  box-shadow:
    inset -28px -30px 55px rgba(0,0,0,.38),
    inset 18px 14px 32px rgba(255,255,255,.13),
    0 45px 90px -38px rgba(0,0,0,.75);
  animation:globeFloat 7s ease-in-out infinite;
}
.hero-globe::after{
  content:"";
  position:absolute;inset:8%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
  transform:rotate(35deg);
}
.hero-panel{
  position:absolute;
  left:2%;bottom:12%;
  width:290px;
  padding:18px 18px 17px;
  border:1px solid var(--premium-border);
  background:rgba(8,23,51,.56);
  backdrop-filter:blur(20px);
  border-radius:18px;
  box-shadow:0 28px 60px -32px rgba(0,0,0,.8);
  transform:rotateY(14deg) rotateX(5deg) rotateZ(-3deg);
  animation:panelFloat 6s ease-in-out infinite;
}
.hero-panel .mini-label{
  color:var(--premium-gold-2);font:600 10px/1.2 var(--font-head);
  letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;
}
.hero-panel strong{display:block;color:#fff;font:600 16px/1.25 var(--font-head);}
.hero-panel span{display:block;color:rgba(255,255,255,.65);font-size:12px;margin-top:5px;}
.hero-chip{
  position:absolute;
  display:flex;align-items:center;gap:8px;
  padding:10px 13px;
  color:#fff;font:600 11px var(--font-head);
  background:rgba(8,23,51,.58);
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  backdrop-filter:blur(14px);
  box-shadow:0 16px 35px -25px rgba(0,0,0,.8);
}
.hero-chip::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold-light);box-shadow:0 0 12px var(--gold);}
.hero-chip.one{right:2%;top:7%;}
.hero-chip.two{right:0;bottom:20%;}
.hero-chip.three{left:19%;top:18%;}

@keyframes globeFloat{50%{transform:translateY(-10px) rotateY(8deg) rotateX(10deg)}}
@keyframes panelFloat{50%{transform:translateY(-8px) rotateY(14deg) rotateX(5deg) rotateZ(-3deg)}}

.page-hero{
  padding:168px 0 92px;
  overflow:hidden;
  background:
    linear-gradient(110deg,rgba(4,15,34,.94),rgba(8,23,51,.72)),
    url('https://images.unsplash.com/photo-1665449417444-fe7fec4b7425?auto=format&fit=crop&w=2200&q=85') center/cover;
}
.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);letter-spacing:-.055em;}
.page-hero p{line-height:1.8;}

.inner-trustbar{
  background:#fff;
  border-top:1px solid rgba(15,38,74,.06);
  border-bottom:1px solid rgba(15,38,74,.08);
}
.inner-trustbar .container{padding-top:8px;padding-bottom:8px;}
.inner-trust-item{padding:24px 18px!important;}

.dest-grid{gap:18px;}
.dest-card{
  min-height:260px;
  border-radius:20px;
  padding:24px;
  box-shadow:0 18px 44px -34px rgba(8,23,51,.6);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;
}
.dest-card:hover{
  transform:translateY(-8px) scale(1.01);
  box-shadow:0 30px 58px -32px rgba(8,23,51,.65);
}
.dest-card::after{background:linear-gradient(180deg,rgba(4,15,34,.02) 20%,rgba(4,15,34,.90) 100%);}
.dest-card span{font-size:1.1rem;letter-spacing:-.015em;}
.dest-card small{font-size:.8rem;}
.dest-card .dest-cta{font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;}

.leisure-grid{grid-template-columns:1.25fr .9fr .9fr;}
.leisure-grid .dest-card{min-height:390px;}
.leisure-grid .dest-card:first-child{min-height:390px;}
.dest-capetown{
  background-color:#0F264A;
  background-image:linear-gradient(180deg,rgba(8,23,51,.03),rgba(8,23,51,.88)),
  url('https://images.unsplash.com/photo-1626894169601-482d26b23f35?auto=format&fit=crop&w=900&q=80');
  background-size:cover;
  background-position:center;
}
.dest-london{
  background-color:#0F264A;
  background-image:linear-gradient(180deg,rgba(8,23,51,.03),rgba(8,23,51,.88)),
  url('https://images.unsplash.com/photo-1556182190-cace6f3e080d?auto=format&fit=crop&w=900&q=80');
  background-size:cover;
  background-position:center;
}
.dest-paris{
  background-color:#0F264A;
  background-image:linear-gradient(180deg,rgba(8,23,51,.03),rgba(8,23,51,.88)),
  url('https://images.unsplash.com/photo-1565733745662-3d45b0bd6ac0?auto=format&fit=crop&w=900&q=80');
  background-size:cover;
  background-position:center;
}

.mwia-panel{border-radius:22px;box-shadow:var(--premium-shadow);}
.mwia-body{padding:54px;}
.hotel-card{padding:25px;}
.site-footer{padding-top:82px;}
.footer-grid{gap:52px;}
.footer-bottom{padding:24px 0;}

.wa-float{box-shadow:0 18px 40px -18px rgba(0,0,0,.5);}

@media(max-width:1050px){
  .hero-visual{right:-130px;opacity:.72;}
  .hero-copy{max-width:650px;}
}
@media(max-width:760px){
  section{padding:78px 0;}
  .hero{min-height:760px;align-items:flex-end;}
  .hero-inner{padding:110px 28px 72px;}
  .hero-visual{right:-170px;top:34%;width:540px;height:430px;opacity:.36;}
  .hero-globe{width:260px;height:260px;}
  .hero-panel{left:0;bottom:8%;transform:rotateY(7deg) rotateZ(-2deg);}
  .hero-chip.three{display:none;}
  .hero h1{font-size:clamp(2.8rem,12vw,4.4rem);}
  .page-hero{padding:132px 0 70px;}
  .leisure-grid{grid-template-columns:1fr;}
  .leisure-grid .dest-card,.leisure-grid .dest-card:first-child{min-height:300px;}
}
@media(prefers-reduced-motion:reduce){
  .hero-globe,.hero-panel{animation:none;}
}