/* Shared public top navigation + home hero title polish. */

.site-header {
  padding: 12px 3.5vw;
  gap: 18px;
  background: rgba(7,7,10,.95);
  border-bottom-color: rgba(239,205,126,.26);
}

/* One luxury plaque language for the brand and every top navigation button. */
.site-header .brand,
.site-header .site-nav a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 1px solid rgba(239,205,126,.88);
  border-radius: 11px;
  background-image:
    linear-gradient(180deg,#ffffff 0%,#fff8e2 16%,#f5d78c 38%,#c88d2d 56%,#f0d798 76%,#fff9e8 100%),
    radial-gradient(circle at 16% 14%,rgba(255,255,255,.26),transparent 29%),
    linear-gradient(112deg,#7a828d 0%,#5d6570 48%,#414751 100%);
  background-size: 100% 100%,100% 100%,100% 100%;
  background-origin: border-box;
  background-clip: text,padding-box,padding-box;
  -webkit-background-clip: text,padding-box,padding-box;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .28px rgba(255,247,220,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 5px 13px rgba(0,0,0,.34),
    0 0 11px rgba(239,205,126,.18);
  font-family: Georgia,'Times New Roman',serif;
  font-weight: 950;
  line-height: 1;
  text-shadow: none;
  transition: transform .15s ease,border-color .15s ease,box-shadow .15s ease,filter .15s ease;
}

.site-header .brand {
  flex: 0 0 auto;
  min-height: 46px;
  padding: 0 21px;
  font-size: clamp(1.16rem,1.62vw,1.5rem);
  letter-spacing: .075em;
  white-space: nowrap;
  border-color: rgba(255,220,139,.96);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -1px 0 rgba(0,0,0,.30),
    0 6px 14px rgba(0,0,0,.36),
    0 0 18px rgba(239,205,126,.30),
    0 0 28px rgba(101,231,255,.08);
}

.site-header .site-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  color: inherit;
  font-size: 1rem;
}

.site-header .site-nav a {
  padding: 0 13px;
  white-space: nowrap;
  letter-spacing: .015em;
  font-size: .98rem;
}

.site-header .site-nav a:hover,
.site-header .brand:hover {
  transform: translateY(-2px);
  border-color: #ffe29a;
  filter: brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 7px 16px rgba(0,0,0,.36),
    0 0 18px rgba(239,205,126,.34);
}

/* Make the current page unmistakable without changing the family look. */
.site-header .site-nav a.is-current {
  border-color: #ffe08a !important;
  outline: 2px solid rgba(255,216,93,.58);
  outline-offset: 2px;
  background-image:
    linear-gradient(180deg,#ffffff 0%,#fff8dc 15%,#f6d77f 36%,#c68b26 56%,#f2d891 76%,#fff9e6 100%),
    radial-gradient(circle at 16% 14%,rgba(255,255,255,.30),transparent 29%),
    linear-gradient(112deg,#897546 0%,#66512f 48%,#3d3422 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.42),
    inset 0 -1px 0 rgba(0,0,0,.28),
    0 6px 15px rgba(0,0,0,.34),
    0 0 18px rgba(255,216,93,.50),
    0 0 30px rgba(255,216,93,.22) !important;
  filter: brightness(1.08);
}

.hero {
  max-width: 1320px;
}

.hero h1 {
  max-width: none;
  width: auto;
  white-space: nowrap;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(3rem,7.35vw,7.45rem);
  line-height: .95;
  letter-spacing: .02em;
  color: #fff2c8;
  background: linear-gradient(
    180deg,
    #fffdf6 0%,
    #fff0c8 17%,
    #f1d18d 36%,
    #c8933e 54%,
    #efd38a 72%,
    #fff8df 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .55px rgba(255,244,210,.72);
  filter:
    drop-shadow(0 1px 0 rgba(255,247,220,.28))
    drop-shadow(0 3px 0 rgba(75,45,18,.95))
    drop-shadow(0 8px 13px rgba(0,0,0,.54))
    drop-shadow(0 0 14px rgba(238,199,112,.22));
}

@media (max-width: 980px) {
  .site-header {
    align-items: flex-start;
    flex-direction: column;
  }
  .site-header .site-nav {
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .hero h1 {
    font-size: clamp(2.6rem,9.5vw,5.4rem);
  }
}

@media (max-width: 620px) {
  .site-header .brand,
  .site-header .site-nav a {
    min-height: 40px;
  }
  .site-header .brand {
    min-height: 42px;
    padding: 0 16px;
  }
  .site-header .site-nav {
    gap: 7px;
  }
  .site-header .site-nav a {
    padding: 0 10px;
    font-size: .9rem;
  }
  .hero h1 {
    font-size: clamp(2.2rem,10.8vw,3.8rem);
    letter-spacing: 0;
  }
}


/* 2026-09-18 shared header refinement: tighter, aligned, more intentional. */
.site-header{
  padding:10px max(24px,calc((100vw - 1180px)/2));
  gap:24px;
  background:
    linear-gradient(90deg,rgba(8,13,17,.975),rgba(8,8,12,.975) 52%,rgba(16,8,14,.975));
  border-bottom:1px solid rgba(239,205,126,.24);
  box-shadow:
    0 10px 28px rgba(0,0,0,.24),
    inset 0 -1px 0 rgba(255,255,255,.018);
}

.site-header .brand{
  min-height:44px;
  padding:0 20px;
  border-radius:10px;
  letter-spacing:.065em;
}

.site-header .site-nav{
  gap:7px;
}

.site-header .site-nav a{
  min-height:40px;
  padding:0 14px;
  border-radius:9px;
  font-size:.94rem;
  letter-spacing:.01em;
}

@media(max-width:980px){
  .site-header{
    padding:10px 24px;
    gap:10px;
  }
}
@media(max-width:620px){
  .site-header{
    padding:9px 14px;
  }
}


/* 2026-09-18 Studio Luxe header decoration pass. */
.site-header{
  isolation:isolate;
  overflow:visible;
  background:
    radial-gradient(circle at 8% 50%,rgba(41,216,255,.105),transparent 22%),
    radial-gradient(circle at 92% 50%,rgba(255,63,175,.095),transparent 24%),
    linear-gradient(180deg,rgba(18,21,27,.985),rgba(6,8,12,.99));
  border-bottom-color:rgba(239,205,126,.34);
  box-shadow:
    0 12px 30px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.72);
}

.site-header::before,
.site-header::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  pointer-events:none;
  z-index:-1;
}

.site-header::before{
  top:0;
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(41,216,255,.62) 9%,
    rgba(239,205,126,.40) 34%,
    rgba(255,255,255,.26) 50%,
    rgba(239,205,126,.40) 66%,
    rgba(255,63,175,.58) 91%,
    transparent 100%);
}

.site-header::after{
  bottom:-1px;
  height:2px;
  background:linear-gradient(90deg,
    rgba(41,216,255,.82) 0%,
    rgba(41,216,255,.24) 18%,
    rgba(239,205,126,.54) 43%,
    rgba(239,205,126,.54) 57%,
    rgba(255,63,175,.24) 82%,
    rgba(255,63,175,.82) 100%);
  box-shadow:
    0 0 10px rgba(41,216,255,.13),
    0 0 13px rgba(255,63,175,.11);
}

.site-header .brand{
  position:relative;
  overflow:hidden;
  min-height:46px;
  padding:0 22px;
  border:1px solid rgba(246,211,126,.94);
  border-radius:11px;
  background-image:
    linear-gradient(180deg,#fffef7 0%,#f9e8b6 18%,#edc96f 40%,#a86d1f 58%,#e8c36a 78%,#fff5d3 100%),
    radial-gradient(circle at 14% 15%,rgba(255,255,255,.16),transparent 24%),
    linear-gradient(145deg,#444b55 0%,#252b33 46%,#11161c 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -1px 0 rgba(0,0,0,.58),
    -7px 0 18px rgba(41,216,255,.10),
    7px 0 18px rgba(255,63,175,.08),
    0 7px 16px rgba(0,0,0,.38),
    0 0 18px rgba(239,205,126,.22);
}

.site-header .brand::before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  top:4px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#29d8ff,#e8c56e 48%,#ff3faf);
  opacity:.78;
  box-shadow:0 0 8px rgba(232,197,110,.16);
}

.site-header .site-nav{
  padding:5px;
  border:1px solid rgba(239,205,126,.14);
  border-radius:13px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.008)),
    rgba(3,5,8,.48);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 18px rgba(0,0,0,.24);
}

.site-header .site-nav a{
  position:relative;
  overflow:hidden;
  min-height:39px;
  border-color:rgba(239,205,126,.52);
  background-image:
    linear-gradient(180deg,#fffef8 0%,#f7e5ae 19%,#e4bd5d 41%,#a97023 58%,#e5c164 78%,#fff5d6 100%),
    radial-gradient(circle at 20% 12%,rgba(255,255,255,.10),transparent 24%),
    linear-gradient(145deg,#474f5b 0%,#2a313b 48%,#171c23 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.48),
    0 4px 9px rgba(0,0,0,.30);
}

.site-header .site-nav a::before{
  content:"";
  position:absolute;
  left:7px;
  right:7px;
  top:3px;
  height:2px;
  border-radius:999px;
  background:#e8c56e;
  opacity:.62;
  box-shadow:0 0 7px currentColor;
}

.site-header .site-nav a:nth-child(1)::before{background:#29d8ff}
.site-header .site-nav a:nth-child(2)::before{background:#a5ff4f}
.site-header .site-nav a:nth-child(3)::before{background:#ff3faf}
.site-header .site-nav a:nth-child(4)::before{background:#56def3}
.site-header .site-nav a:nth-child(5)::before{background:#e8c56e}
.site-header .site-nav a:nth-child(6)::before{background:#ff63bf}

.site-header .site-nav a:hover{
  border-color:rgba(255,226,154,.92);
  filter:brightness(1.12) saturate(1.04);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -1px 0 rgba(0,0,0,.42),
    0 7px 16px rgba(0,0,0,.34),
    0 0 14px rgba(239,205,126,.18);
}

.site-header .site-nav a.is-current{
  outline-width:1px;
  outline-offset:1px;
}

@media(max-width:980px){
  .site-header .site-nav{
    padding:4px;
  }
}


/* 2026-09-18 Studio Luxe header control-console pass. */
.site-header .brand,
.site-header .site-nav a{
  background-clip:border-box!important;
  -webkit-background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  -webkit-text-stroke:0!important;
}

.site-header .brand{
  color:#f2cf79!important;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.10),transparent 28%),
    linear-gradient(180deg,#242a31 0%,#171c22 46%,#0d1116 100%)!important;
  text-shadow:
    0 1px 0 rgba(87,54,10,.90),
    0 0 8px rgba(239,198,110,.22)!important;
}

.site-header .site-nav a{
  color:#efd17f!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
    linear-gradient(180deg,#242a31 0%,#171c22 52%,#0e1217 100%)!important;
  text-shadow:
    0 1px 0 rgba(71,43,5,.88),
    0 0 5px rgba(239,205,126,.14)!important;
}

.site-header .site-nav a:hover{
  color:#fff0bc!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),
    linear-gradient(180deg,#313944 0%,#202731 52%,#11161d 100%)!important;
}

.site-header .site-nav a.is-current{
  color:#fff0b7!important;
  border-color:rgba(255,224,136,.96)!important;
  outline-color:rgba(255,216,93,.45)!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,216,93,.11),transparent 46%),
    linear-gradient(180deg,#3b3525 0%,#262216 52%,#15130e 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    inset 0 -1px 0 rgba(0,0,0,.54),
    0 6px 15px rgba(0,0,0,.34),
    0 0 15px rgba(255,216,93,.24)!important;
}

.site-header .brand::after{
  content:"STUDIO LUXE";
  position:absolute;
  right:10px;
  bottom:3px;
  color:#8bdfea;
  font-family:Arial,Helvetica,sans-serif;
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.16em;
  opacity:.72;
  text-shadow:0 0 5px rgba(41,216,255,.24);
  -webkit-text-fill-color:currentColor;
}


/* 2026-09-18 Studio Luxe header finishing accents. */
.site-header{
  background:
    radial-gradient(circle at 7% 50%,rgba(41,216,255,.12),transparent 19%),
    radial-gradient(circle at 93% 50%,rgba(255,63,175,.11),transparent 21%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.012) 0 1px,transparent 1px 42px),
    linear-gradient(180deg,rgba(18,21,27,.99),rgba(6,8,12,.995));
}

.site-header .brand{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.17),
    inset 0 -1px 0 rgba(0,0,0,.62),
    -12px 0 24px rgba(41,216,255,.13),
    12px 0 24px rgba(255,63,175,.10),
    0 7px 16px rgba(0,0,0,.40),
    0 0 20px rgba(239,205,126,.18);
}

.site-header .site-nav{
  border-color:rgba(239,205,126,.18);
  background:
    linear-gradient(90deg,rgba(41,216,255,.025),transparent 20%,transparent 80%,rgba(255,63,175,.025)),
    linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.008)),
    rgba(3,5,8,.55);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    inset 0 0 22px rgba(0,0,0,.28),
    0 0 0 1px rgba(0,0,0,.18);
}

.site-header .site-nav a::before{
  height:2.5px;
  opacity:.74;
}

.site-header .brand::before{
  opacity:.92;
  box-shadow:
    -6px 0 10px rgba(41,216,255,.28),
    6px 0 10px rgba(255,63,175,.22),
    0 0 8px rgba(232,197,110,.18);
}


/* 2026-09-18 unified Studio Luxe masthead frame. */
.site-header{
  padding:7px 0!important;
}

.site-header-inner{
  position:relative;
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:6px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  border:1px solid rgba(239,205,126,.24);
  border-radius:15px;
  background:
    linear-gradient(90deg,rgba(41,216,255,.035),transparent 18%,transparent 82%,rgba(255,63,175,.035)),
    radial-gradient(circle at 18% -30%,rgba(255,255,255,.07),transparent 36%),
    linear-gradient(180deg,rgba(31,35,42,.90),rgba(10,13,18,.94));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    inset 0 -1px 0 rgba(0,0,0,.62),
    0 7px 18px rgba(0,0,0,.28),
    0 0 18px rgba(239,205,126,.035);
}

.site-header-inner::before,
.site-header-inner::after{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:999px;
  pointer-events:none;
}

.site-header-inner::before{
  left:4px;
  background:linear-gradient(180deg,transparent,#29d8ff,transparent);
  box-shadow:0 0 9px rgba(41,216,255,.34);
}

.site-header-inner::after{
  right:4px;
  background:linear-gradient(180deg,transparent,#ff3faf,transparent);
  box-shadow:0 0 9px rgba(255,63,175,.30);
}

.site-header .site-nav{
  padding:3px;
  border-color:rgba(239,205,126,.08);
  background:rgba(4,6,9,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.018);
}

.site-header .brand::after{
  content:none!important;
}

@media(max-width:980px){
  .site-header-inner{
    width:calc(100% - 32px);
    padding:7px;
    align-items:flex-start;
    flex-direction:column;
    gap:8px;
  }
  .site-header .site-nav{
    width:100%;
  }
}

@media(max-width:620px){
  .site-header-inner{
    width:calc(100% - 20px);
  }
}


/* 2026-09-18 visual-button integration pass.
   Keeps the approved small colored accents while matching the new glossy black/gold destination artwork. */
.site-header{
  padding:8px 0!important;
  background:
    radial-gradient(circle at 5% 50%,rgba(41,216,255,.11),transparent 22%),
    radial-gradient(circle at 95% 50%,rgba(255,63,175,.10),transparent 24%),
    linear-gradient(180deg,rgba(15,18,24,.995),rgba(5,7,10,.998))!important;
  border-bottom:1px solid rgba(232,197,110,.30)!important;
  box-shadow:
    0 12px 30px rgba(0,0,0,.36),
    inset 0 1px 0 rgba(255,255,255,.045),
    inset 0 -1px 0 rgba(0,0,0,.82)!important;
}

.site-header-inner{
  width:min(1180px,calc(100% - 48px))!important;
  min-height:60px;
  padding:7px 9px!important;
  gap:20px!important;
  border:1px solid rgba(232,197,110,.38)!important;
  border-radius:15px!important;
  background:
    linear-gradient(90deg,rgba(41,216,255,.04),transparent 18%,transparent 82%,rgba(255,63,175,.04)),
    linear-gradient(180deg,rgba(30,34,41,.94),rgba(8,11,15,.97))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 -1px 0 rgba(0,0,0,.74),
    0 7px 20px rgba(0,0,0,.31),
    0 0 0 1px rgba(0,0,0,.28),
    0 0 20px rgba(232,197,110,.045)!important;
}

.site-header-inner::before,
.site-header-inner::after{
  top:7px!important;
  bottom:7px!important;
  width:3px!important;
}

.site-header .brand{
  min-height:46px!important;
  padding:0 24px!important;
  border:1px solid rgba(246,211,126,.92)!important;
  border-radius:11px!important;
  color:#f3d27e!important;
  background:
    radial-gradient(circle at 28% 0%,rgba(255,255,255,.09),transparent 34%),
    linear-gradient(180deg,#242a32 0%,#161b21 50%,#0a0e13 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 -1px 0 rgba(0,0,0,.68),
    0 0 0 1px rgba(255,232,170,.025),
    -9px 0 20px rgba(41,216,255,.11),
    9px 0 20px rgba(255,63,175,.08),
    0 7px 16px rgba(0,0,0,.38),
    0 0 16px rgba(232,197,110,.14)!important;
  font-size:clamp(1.18rem,1.7vw,1.48rem)!important;
  letter-spacing:.075em!important;
}

.site-header .brand::before{
  left:9px!important;
  right:9px!important;
  top:4px!important;
  height:2px!important;
  opacity:.95!important;
  background:linear-gradient(90deg,#29d8ff 0%,#e8c56e 47%,#ff3faf 100%)!important;
}

.site-header .site-nav{
  padding:4px!important;
  gap:6px!important;
  border:1px solid rgba(232,197,110,.15)!important;
  border-radius:12px!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.006)),
    rgba(3,5,8,.57)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 0 20px rgba(0,0,0,.28)!important;
}

.site-header .site-nav a{
  min-height:40px!important;
  padding:0 14px!important;
  border:1px solid rgba(232,197,110,.58)!important;
  border-radius:8px!important;
  color:#efd17f!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.01)),
    linear-gradient(180deg,#232a32 0%,#171c23 52%,#0c1015 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.13),
    inset 0 -1px 0 rgba(0,0,0,.52),
    0 4px 10px rgba(0,0,0,.31)!important;
  font-size:.95rem!important;
}

.site-header .site-nav a::before{
  left:8px!important;
  right:8px!important;
  top:3px!important;
  height:2px!important;
  opacity:.88!important;
  box-shadow:0 0 8px currentColor!important;
}

.site-header .site-nav a:hover{
  transform:translateY(-1px)!important;
  color:#fff0bc!important;
  border-color:rgba(255,226,154,.92)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.012)),
    linear-gradient(180deg,#303943 0%,#202731 52%,#11161d 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(0,0,0,.48),
    0 6px 15px rgba(0,0,0,.34),
    0 0 13px rgba(232,197,110,.14)!important;
}

.site-header .site-nav a.is-current{
  color:#fff2bd!important;
  border-color:rgba(255,224,136,.96)!important;
  outline:1px solid rgba(255,216,93,.34)!important;
  outline-offset:1px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(255,216,93,.10),transparent 48%),
    linear-gradient(180deg,#383322 0%,#242016 52%,#14120d 100%)!important;
}

@media(max-width:980px){
  .site-header-inner{
    width:calc(100% - 32px)!important;
    min-height:0;
    padding:7px!important;
    gap:8px!important;
  }
  .site-header .site-nav{
    width:100%!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
  }
}

@media(max-width:620px){
  .site-header{
    padding:7px 0!important;
  }
  .site-header-inner{
    width:calc(100% - 20px)!important;
  }
  .site-header .brand{
    min-height:42px!important;
    padding:0 17px!important;
  }
  .site-header .site-nav a{
    min-height:38px!important;
    padding:0 10px!important;
    font-size:.9rem!important;
  }
}