:root{
  --studio-bg:#070815;
  --studio-surface:#0d1327;
  --studio-surface-soft:#11182f;
  --studio-border:rgba(255,255,255,.1);
  --studio-text:#f5f7ff;
  --studio-soft:#dbe4ff;
  --studio-muted:rgba(225,232,255,.7);
  --studio-accent:#ffbf7a;
  --studio-highlight:#ff8d47;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:5.6rem;
}

html[data-theme="light"]{
  --studio-bg:#efe4d6;
  --studio-surface:#f5ebde;
  --studio-surface-soft:#f1e5d7;
  --studio-border:rgba(104,68,41,.1);
  --studio-text:#1b140f;
  --studio-soft:#6b5648;
  --studio-muted:rgba(92,68,51,.7);
  --studio-accent:#a9622f;
  --studio-highlight:#d57733;
}

.studio-nav{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:40;
  padding:.72rem 0;
  background:transparent;
  border-bottom:1px solid transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition:padding .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, backdrop-filter .2s ease;
}

.studio-nav.is-scrolled{
  padding:.52rem 0;
  background:rgba(7,8,21,.9);
  border-bottom:1px solid rgba(255,255,255,.06);
  box-shadow:0 16px 34px rgba(0,0,0,.2);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}

html[data-theme="light"] .studio-nav.is-scrolled{
  background:rgba(241,231,219,.97);
  border-bottom:1px solid rgba(104,68,41,.08);
  box-shadow:0 16px 34px rgba(120,84,54,.07);
}

.studio-nav-shell{
  gap:.85rem;
  min-height:3.9rem;
}

.studio-brand{
  display:flex;
  align-items:center;
  gap:.78rem;
  min-width:0;
  color:#fff !important;
  text-decoration:none;
}

html[data-theme="light"] .studio-brand{
  color:#181116 !important;
}

.studio-brand-mark{
  width:2.7rem;
  height:2.7rem;
  flex-shrink:0;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 10px 20px rgba(255,141,71,.18));
}

.studio-brand-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
}

.studio-brand-name{
  font-family:"Syne",sans-serif;
  font-size:1.08rem;
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
}

.studio-brand-name{
  display:flex;
  align-items:baseline;
  gap:.34rem;
}

.studio-brand-keyword{
  color:#ff9a4a;
}

html[data-theme="light"] .studio-brand-keyword{
  color:#c96a27;
}

.studio-brand-sub{
  color:rgba(255,255,255,.58);
  font-size:.7rem;
  font-weight:500;
  line-height:1.25;
}

html[data-theme="light"] .studio-brand-sub{
  color:rgba(77,57,44,.62);
}

.studio-nav-links{
  display:flex;
  align-items:center;
  gap:.22rem;
}

.studio-nav-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.62rem .88rem !important;
  border-radius:999px;
  color:rgba(255,255,255,.84) !important;
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
  transition:background .2s ease, color .2s ease, transform .2s ease, border-color .2s ease;
}

html[data-theme="light"] .studio-nav-link{
  color:rgba(24,17,22,.86) !important;
}

.studio-nav-link:hover,
.studio-nav-link:focus{
  color:#fff !important;
  background:rgba(255,255,255,.07);
  transform:translateY(-1px);
}

html[data-theme="light"] .studio-nav-link:hover,
html[data-theme="light"] .studio-nav-link:focus{
  color:#181116 !important;
  background:rgba(169,90,30,.06);
}

.studio-nav-link-cta{
  margin-left:.35rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.06);
}

html[data-theme="light"] .studio-nav-link-cta{
  border-color:rgba(104,68,41,.09);
  background:rgba(249,241,233,.72);
}

.studio-nav-link-cta:hover,
.studio-nav-link-cta:focus{
  border-color:rgba(255,255,255,.24);
}

html[data-theme="light"] .studio-nav-link-cta:hover,
html[data-theme="light"] .studio-nav-link-cta:focus{
  border-color:rgba(169,90,30,.18);
}

.studio-theme-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:.72rem;
  min-height:2.58rem;
  min-width:8.45rem;
  padding:.42rem .56rem .42rem .8rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
  color:#fff;
  font-size:.84rem;
  font-weight:700;
  line-height:1;
  transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
}

.studio-theme-toggle:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.08);
}

.studio-theme-toggle-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.16rem;
  min-width:0;
}

.studio-theme-toggle-title{
  color:rgba(255,255,255,.56);
  font-size:.58rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.studio-theme-toggle-state{
  color:#fff;
  font-size:.88rem;
  font-weight:700;
}

.studio-theme-toggle-switch{
  position:relative;
  width:2.55rem;
  height:1.5rem;
  display:inline-flex;
  align-items:center;
  flex-shrink:0;
}

.studio-theme-toggle-track{
  width:100%;
  height:100%;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}

.studio-theme-toggle-thumb{
  position:absolute;
  top:.13rem;
  left:.13rem;
  width:1.18rem;
  height:1.18rem;
  border-radius:999px;
  background:linear-gradient(135deg, #ff8d47, #ffd172);
  box-shadow:0 6px 16px rgba(255,141,71,.28);
  transition:transform .22s ease, box-shadow .22s ease;
}

.studio-theme-toggle[aria-pressed="true"] .studio-theme-toggle-thumb{
  transform:translateX(1.02rem);
}

html[data-theme="light"] .studio-theme-toggle{
  border-color:rgba(104,68,41,.09);
  background:rgba(249,241,233,.72);
  color:#1b140f;
}

html[data-theme="light"] .studio-theme-toggle-title{
  color:rgba(92,68,51,.62);
}

html[data-theme="light"] .studio-theme-toggle-state{
  color:#1b140f;
}

html[data-theme="light"] .studio-theme-toggle-track{
  border-color:rgba(104,68,41,.1);
  background:rgba(222,204,187,.54);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
}

html[data-theme="light"] .studio-theme-toggle-thumb{
  background:linear-gradient(135deg, #d77732, #efaf68);
  box-shadow:0 6px 14px rgba(169,90,30,.2);
}

html[data-theme="light"] .studio-nav-toggle-box{
  border-color:rgba(104,68,41,.09);
  background:rgba(249,241,233,.74);
}

html[data-theme="light"] .studio-nav-toggle-line{
  background:#181116;
}

.studio-nav-toggle{
  padding:0 !important;
}

.studio-nav-toggle-box{
  width:3rem;
  height:3rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.32rem;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);
}

.studio-nav-toggle-line{
  width:1.2rem;
  height:2px;
  border-radius:999px;
  background:#fff;
}

@media (max-width: 991.98px){
  .studio-nav{
    padding:.72rem 0;
  }

  .studio-nav .navbar-collapse{
    margin-top:.75rem;
    padding:.9rem;
    border-radius:1.2rem;
    border:1px solid rgba(255,255,255,.08);
    background:
      radial-gradient(circle at top right, rgba(255,141,71,.16), transparent 34%),
      rgba(9,14,29,.96);
    box-shadow:0 20px 40px rgba(0,0,0,.22);
  }

  html[data-theme="light"] .studio-nav .navbar-collapse{
    background:
      radial-gradient(circle at top right, rgba(255,141,71,.07), transparent 34%),
      rgba(241,231,219,.97);
    box-shadow:0 20px 40px rgba(120,84,54,.07);
  }

  .studio-nav-links{
    display:grid;
    gap:.45rem;
  }

  .studio-nav-link,
  .studio-theme-toggle{
    justify-content:flex-start;
    min-height:3.25rem;
    min-width:0;
    border-radius:1rem;
    background:rgba(255,255,255,.03);
  }

  html[data-theme="light"] .studio-nav-link,
  html[data-theme="light"] .studio-theme-toggle{
    background:rgba(248,239,231,.7);
  }

  .studio-theme-toggle{
    padding:.85rem .95rem;
  }

  .studio-nav-link-cta{
    margin-left:0;
  }
}

@media (max-width: 575.98px){
  .studio-brand-mark{
    width:2.95rem;
    height:2.95rem;
  }

  .studio-brand-sub{
    display:none;
  }
}