:root{
  --levial-bg:#050505;
  --levial-panel:#0a0a09;
  --levial-ivory:#e8dfd3;
  --levial-muted:#aaa198;
  --levial-gold:#c89a4c;
  --levial-line:rgba(190,145,70,.28);
}
html{scroll-behavior:smooth}
body{background:var(--levial-bg);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a,button,input,textarea,select{transition:color .22s ease,border-color .22s ease,background-color .22s ease,opacity .22s ease,transform .22s ease,box-shadow .22s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:1px solid var(--levial-gold);outline-offset:3px}
img{max-width:100%;height:auto}
.site-header,.levial-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.site-header a,.levial-header a{letter-spacing:.06em}
.site-header a:hover,.levial-header a:hover{color:var(--levial-gold)}
.product-card{will-change:transform}
.product-card:hover{transform:translateY(-5px)}
.product-card img{transition:transform .38s cubic-bezier(.2,.7,.2,1),filter .3s ease}
.product-card:hover img{transform:scale(1.025);filter:brightness(1.04)}
button,.btn,.button,[class*="cta"]{cursor:pointer}
footer a:hover,.site-footer a:hover{color:var(--levial-gold)}
input,textarea,select{accent-color:var(--levial-gold)}
@media(max-width:700px){
  h1{letter-spacing:.025em}
  .site-header,.levial-header{min-height:64px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}