*,:after,:before{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x:;
  --tw-pan-y:;
  --tw-pinch-zoom:;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position:;
  --tw-gradient-via-position:;
  --tw-gradient-to-position:;
  --tw-ordinal:;
  --tw-slashed-zero:;
  --tw-numeric-figure:;
  --tw-numeric-spacing:;
  --tw-numeric-fraction:;
  --tw-ring-inset:;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgba(59,130,246,.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur:;
  --tw-brightness:;
  --tw-contrast:;
  --tw-grayscale:;
  --tw-hue-rotate:;
  --tw-invert:;
  --tw-saturate:;
  --tw-sepia:;
  --tw-drop-shadow:;
  --tw-backdrop-blur:;
  --tw-backdrop-brightness:;
  --tw-backdrop-contrast:;
  --tw-backdrop-grayscale:;
  --tw-backdrop-hue-rotate:;
  --tw-backdrop-invert:;
  --tw-backdrop-opacity:;
  --tw-backdrop-saturate:;
  --tw-backdrop-sepia:;
  --tw-contain-size:;
  --tw-contain-layout:;
  --tw-contain-paint:;
  --tw-contain-style:;
}

*,:after,:before{
  border:0 solid #e5e7eb;
  box-sizing:border-box;
}

:after,:before{
  --tw-content:"";
}

:host,html{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  font-family:Inter,system-ui,-apple-system,sans-serif;
  font-feature-settings:normal;
  font-variation-settings:normal;
  -moz-tab-size:4;
  -o-tab-size:4;
     tab-size:4;
  -webkit-tap-highlight-color:transparent;
}

body{
  line-height:inherit;
  margin:0;
}

hr{
  border-top-width:1px;
  color:inherit;
  height:0;
}

abbr:where([title]){
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}

h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit;
}

a{
  color:inherit;
  text-decoration:inherit;
}

b,strong{
  font-weight:bolder;
}

code,kbd,pre,samp{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-size:1em;
  font-variation-settings:normal;
}

small{
  font-size:80%;
}

sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-.25em;
}

sup{
  top:-.5em;
}

table{
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0;
}

button,input,optgroup,select,textarea{
  color:inherit;
  font-family:inherit;
  font-feature-settings:inherit;
  font-size:100%;
  font-variation-settings:inherit;
  font-weight:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  margin:0;
  padding:0;
}

button,select{
  text-transform:none;
}

button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none;
}

:-moz-focusring{
  outline:auto;
}

:-moz-ui-invalid{
  box-shadow:none;
}

progress{
  vertical-align:baseline;
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto;
}

[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px;
}

::-webkit-search-decoration{
  -webkit-appearance:none;
}

::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}

summary{
  display:list-item;
}

blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
  margin:0;
}

fieldset,legend,menu,ol,ul{
  padding:0;
}

menu,ol,ul{
  list-style:none;
  margin:0;
}

dialog{
  padding:0;
}

textarea{
  resize:vertical;
}

input::-moz-placeholder,textarea::-moz-placeholder{
  color:#9ca3af;
  opacity:1;
}

input::-moz-placeholder, textarea::-moz-placeholder{
  color:#9ca3af;
  opacity:1;
}

input::placeholder,textarea::placeholder{
  color:#9ca3af;
  opacity:1;
}

[role=button],button{
  cursor:pointer;
}

:disabled{
  cursor:default;
}

audio,canvas,embed,iframe,img,object,svg,video{
  display:block;
  vertical-align:middle;
}

img,video{
  height:auto;
  max-width:100%;
}

[hidden]:where(:not([hidden=until-found])){
  display:none;
}

:root{
  --yummy-orange:#ff6b35;
  --yummy-yellow:#ffc107;
  --yummy-red:#e63946;
  --yummy-dark:#162328;
  --yummy-orange-rgb:255, 107, 53;
  --yummy-yellow-rgb:255, 193, 7;
  --yummy-red-rgb:230, 57, 70;
  --yummy-dark-rgb:22, 35, 40;
  --brand-primary:#ff6b35;
  --brand-secondary:#ffc107;
  --brand-accent:#e63946;
  --brand-primary-rgb:255, 107, 53;
  --brand-secondary-rgb:255, 193, 7;
  --brand-accent-rgb:230, 57, 70;
  --glass-bg:hsla(0,0%,100%,.1);
  --glass-border:hsla(0,0%,100%,.2);
  --glass-shadow:rgba(0,0,0,.1);
  --shadow-soft:0 2px 4px rgba(0,0,0,.3);
  --shadow-medium:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);
  --shadow-large:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
  --shadow-glow:0 0 20px rgba(var(--brand-primary-rgb), 0.5);
  --transition-fast:150ms ease;
  --transition-normal:300ms ease;
  --transition-slow:500ms ease;
  --bg-primary:#fff;
  --bg-secondary:#f8fafc;
  --bg-zinc:#f4f4f5;
  --border-color:rgba(0,0,0,.1);
  --text-primary:#1f2937;
  --text-secondary:#6b7280;
  --text-muted:#9ca3af;
}

.bg-gradient-glow{
  background:radial-gradient(circle at 20% 30%, rgba(255,107,53,.08) 0, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,193,7,.06) 0, transparent 50%);
  height:100vh;
  left:0;
  pointer-events:none;
  position:fixed;
  top:0;
  width:100vw;
  z-index:-1;
}

.container{
  width:100%;
}

@media (min-width:640px){
  .container{
    max-width:640px;
  }
}

@media (min-width:768px){
  .container{
    max-width:768px;
  }
}

@media (min-width:1024px){
  .container{
    max-width:1024px;
  }
}

@media (min-width:1280px){
  .container{
    max-width:1280px;
  }
}

@media (min-width:1536px){
  .container{
    max-width:1536px;
  }
}

.glass{
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  box-shadow:0 8px 32px var(--glass-shadow);
}

.hover-lift{
  transition:transform var(--transition-normal), box-shadow var(--transition-normal);
}

.hover-lift:hover{
  box-shadow:var(--shadow-large);
  transform:translateY(-4px);
}

.hover-glow{
  transition:box-shadow var(--transition-normal);
}

.hover-glow:hover{
  box-shadow:0 0 30px rgba(var(--brand-primary-rgb), .3);
}

.heading-hero{
  font-size:clamp(3rem, 8vw, 9rem);
  font-weight:900;
  line-height:.9;
  margin-bottom:1.5rem;
}

.brands-section{
  padding-bottom:3rem;
  padding-top:3rem;
}

.brands-container{
  width:100%;
}

@media (min-width:640px){
  .brands-container{
    max-width:640px;
  }
}

@media (min-width:768px){
  .brands-container{
    max-width:768px;
  }
}

@media (min-width:1024px){
  .brands-container{
    max-width:1024px;
  }
}

@media (min-width:1280px){
  .brands-container{
    max-width:1280px;
  }
}

@media (min-width:1536px){
  .brands-container{
    max-width:1536px;
  }
}

.brands-container{
  margin-left:auto;
  margin-right:auto;
  padding-left:1rem;
  padding-right:1rem;
}

.brands-grid{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

@media (min-width:768px){
  .brands-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1024px){
  .brands-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.brand-card{
  backdrop-filter:blur(4px);
  background:rgba(0,0,0,.3);
  border:1px solid hsla(0,0%,100%,.05);
  border-radius:1.5rem;
  overflow:hidden;
  position:relative;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-card:hover{
  --tw-translate-y:-0.5rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  border-color:rgba(255,107,53,.2);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  box-shadow:0 25px 50px rgba(255,107,53,.2);
}

.brand-image{
  aspect-ratio:4/3;
  background-position:50%;
  background-size:cover;
  transition-duration:.5s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.group:hover .brand-image{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.brand-overlay{
  inset:0;
  opacity:.8;
  position:absolute;
  transition-duration:.15s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme:dark){
  .hero-section .brand-overlay:first-of-type{
    background:rgba(255,107,53,.08);
  }

  .hero-section .brand-overlay:last-of-type{
    background:rgba(255,193,7,.05);
  }
}

.group:hover .brand-overlay{
  opacity:.9;
}

.brand-overlay{
  background:linear-gradient(0deg, rgba(0,0,0,.95) 0, rgba(0,0,0,.7) 50%, transparent);
}

.brand-content{
  bottom:0;
  left:0;
  padding:1.5rem;
  position:absolute;
  right:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme:dark){
  .hero-section .brand-content:first-of-type{
    background:rgba(255,107,53,.08);
  }

  .hero-section .brand-content:last-of-type{
    background:rgba(255,193,7,.05);
  }
}

.brand-name{
  color:#fff;
  font-size:1.5rem;
  font-weight:700;
  line-height:2rem;
  margin-bottom:.5rem;
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.group:hover .brand-name{
  color:var(--yummy-yellow);
}

.brand-description{
  font-size:.875rem;
  line-height:1.25rem;
  margin-bottom:1rem;
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1));
  opacity:1;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-actions>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(.75rem*var(--tw-space-y-reverse));
  margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));
}

.brand-order-btn{
  align-items:center;
  border-radius:9999px;
  display:inline-flex;
  font-size:.875rem;
  font-weight:500;
  line-height:1.25rem;
  overflow:hidden;
  padding:.5rem 1rem;
  position:relative;
  --tw-text-opacity:1;
  background:linear-gradient(135deg, 
      var(--yummy-orange), 
      var(--yummy-red), 
      var(--yummy-yellow)
    );
  box-shadow:0 4px 15px rgba(var(--yummy-orange-rgb), .3);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-order-btn:before{
  inset:0;
  opacity:0;
  position:absolute;
  transition-duration:.3s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme:dark){
  .hero-section .brand-order-btn:first-of-type:before{
    background:rgba(255,107,53,.08);
  }

  .hero-section .brand-order-btn:last-of-type:before{
    background:rgba(255,193,7,.05);
  }
}

.brand-order-btn:before{
  background:linear-gradient(135deg, 
      hsla(0,0%,100%,.2), 
      transparent 50%
    );
  content:"";
}

.brand-order-btn:hover{
  --tw-translate-y:-0.125rem;
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  background:linear-gradient(135deg, 
      var(--yummy-red), 
      var(--yummy-orange), 
      var(--yummy-yellow)
    );
  box-shadow:0 10px 25px rgba(var(--yummy-orange-rgb), .4), 0 5px 15px rgba(var(--yummy-red-rgb), .2);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.brand-order-btn:hover:before{
  opacity:1;
}

.brand-menu-link{
  align-items:center;
  display:inline-flex;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-menu-link:hover{
  color:var(--yummy-yellow);
}

.brand-socials{
  align-items:center;
  display:flex;
  margin-top:.75rem;
}

.brand-socials>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(.75rem*var(--tw-space-x-reverse));
}

.brand-socials{
  border-color:hsla(0,0%,100%,.1);
  border-top-width:1px;
  padding-top:.75rem;
}

.brand-social{
  color:hsla(0,0%,100%,.8);
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-social:hover{
  color:var(--yummy-yellow);
}

.brand-coming-soon{
  align-items:center;
  background:rgba(255,193,7,.2);
  border-radius:9999px;
  color:var(--yummy-yellow);
  display:inline-flex;
  font-size:.875rem;
  line-height:1.25rem;
  padding:.5rem 1rem;
}

.navbar-container{
  width:100%;
}

@media (min-width:640px){
  .navbar-container{
    max-width:640px;
  }
}

@media (min-width:768px){
  .navbar-container{
    max-width:768px;
  }
}

@media (min-width:1024px){
  .navbar-container{
    max-width:1024px;
  }
}

@media (min-width:1280px){
  .navbar-container{
    max-width:1280px;
  }
}

@media (min-width:1536px){
  .navbar-container{
    max-width:1536px;
  }
}

.navbar-container{
  margin-left:auto;
  margin-right:auto;
  padding:.75rem 1rem;
}

.navbar-logo{
  height:2.5rem;
}

.navbar{
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:hsla(0,0%,100%,.1);
  border-bottom:1px solid hsla(0,0%,100%,.1);
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
  position:fixed;
  top:0;
  transition:all .3s ease;
  width:100%;
  z-index:50;
}

.navbar-container{
  margin:0 auto;
  max-width:1200px;
  padding:1rem;
}

.navbar-content{
  justify-content:space-between;
}

.navbar-content,.navbar-logo{
  align-items:center;
  display:flex;
}

.navbar-logo{
  gap:.75rem;
  transition:transform .3s ease;
}

.navbar-logo:hover{
  transform:scale(1.02);
}

.navbar-logo img{
  height:2.5rem;
  transition:all .3s ease;
  width:auto;
}

.navbar-menu{
  align-items:center;
  display:none;
  gap:1.5rem;
}

@media (min-width:1024px){
  .navbar-menu{
    display:flex;
  }
}

.navbar-link{
  color:var(--brand-primary);
  font-weight:500;
  position:relative;
  text-decoration:none;
  transition:color .2s ease;
}

.navbar-link:hover{
  color:var(--brand-secondary);
}

.navbar-link:after{
  background:var(--brand-secondary);
  bottom:-4px;
  content:"";
  height:2px;
  left:0;
  position:absolute;
  transition:width .15s ease;
  width:0;
}

.navbar-link.active:after,.navbar-link:hover:after{
  width:100%;
}

.mobile-menu{
  backdrop-filter:blur(20px);
  background:hsla(0,0%,100%,.1);
  border:1px solid hsla(0,0%,100%,.1);
  border-radius:1rem;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);
  margin-top:1rem;
  padding:1rem;
}

.mobile-menu-items{
  display:flex;
  flex-direction:column;
  gap:.75rem;
}

.mobile-menu .navbar-link{
  border-radius:.75rem;
  display:block;
  padding:.75rem 1rem;
  transition:background-color .2s ease;
}

.mobile-menu .navbar-link:hover{
  background:rgba(var(--brand-primary-rgb), .1);
}

@media (max-width:1023px){
  .mobile-menu.active{
    display:block;
  }
}

.navbar.scrolled{
  backdrop-filter:blur(20px) !important;
  background:hsla(0,0%,100%,.95) !important;
  border-bottom:1px solid rgba(0,0,0,.1) !important;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05) !important;
}

.navbar.scrolled .navbar-link{
  color:var(--brand-primary) !important;
}

.navbar.scrolled .navbar-link:hover{
  color:var(--brand-secondary) !important;
}

.navbar.scrolled .navbar-logo span{
  color:var(--text-primary) !important;
}

@media (prefers-color-scheme:dark){
  .navbar.scrolled{
    backdrop-filter:blur(20px) !important;
    background:rgba(0,0,0,.95) !important;
    border-bottom:1px solid hsla(0,0%,100%,.1) !important;
    box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2) !important;
  }

  .navbar.scrolled .navbar-link{
    color:hsla(0,0%,100%,.9) !important;
  }

  .navbar.scrolled .navbar-link:hover{
    color:var(--brand-primary) !important;
  }

  .navbar.scrolled .navbar-logo span{
    color:hsla(0,0%,100%,.95) !important;
  }
}

.brand-hero{
  align-items:center;
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
  display:flex;
  justify-content:center;
  min-height:100vh;
  overflow:hidden;
  position:relative;
  --tw-gradient-from:#fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to:#fef2f2 var(--tw-gradient-to-position);
}

@media (prefers-color-scheme:dark){
  .brand-hero{
    --tw-gradient-from:#18181b var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to:rgba(39,39,42,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to:#18181b var(--tw-gradient-to-position);
  }
}

.brand-hero-decorations{
  inset:0;
  overflow:hidden;
  position:absolute;
}

@media (prefers-color-scheme:dark){
  .hero-section .brand-hero-decorations:first-of-type{
    background:rgba(255,107,53,.08);
  }

  .hero-section .brand-hero-decorations:last-of-type{
    background:rgba(255,193,7,.05);
  }
}

.brand-hero-decoration-1{
  animation:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  border-radius:9999px;
  height:20rem;
  position:absolute;
  right:-10rem;
  top:-10rem;
  width:20rem;
  --tw-blur:blur(64px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (prefers-color-scheme:dark){
  .hero-section .brand-hero-decoration-1:first-of-type{
    background:rgba(255,107,53,.08);
  }

  .hero-section .brand-hero-decoration-1:last-of-type{
    background:rgba(255,193,7,.05);
  }
}

.brand-hero-decoration-1{
  background:linear-gradient(to right, rgba(var(--brand-primary-rgb), .2), transparent);
}

.brand-hero-decoration-2{
  animation:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
  border-radius:9999px;
  bottom:-10rem;
  height:24rem;
  left:-10rem;
  position:absolute;
  width:24rem;
  --tw-blur:blur(64px);
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (prefers-color-scheme:dark){
  .hero-section .brand-hero-decoration-2:first-of-type{
    background:rgba(255,107,53,.08);
  }

  .hero-section .brand-hero-decoration-2:last-of-type{
    background:rgba(255,193,7,.05);
  }
}

.brand-hero-decoration-2{
  background:linear-gradient(to right, rgba(var(--brand-secondary-rgb, 255, 107, 53), .15), transparent);
}

.brand-hero-content{
  width:100%;
}

@media (min-width:640px){
  .brand-hero-content{
    max-width:640px;
  }
}

@media (min-width:768px){
  .brand-hero-content{
    max-width:768px;
  }
}

@media (min-width:1024px){
  .brand-hero-content{
    max-width:1024px;
  }
}

@media (min-width:1280px){
  .brand-hero-content{
    max-width:1280px;
  }
}

@media (min-width:1536px){
  .brand-hero-content{
    max-width:1536px;
  }
}

.brand-hero-content{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:center;
  z-index:10;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.brand-hero-badge{
  align-items:center;
  backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.1);
  border:1px solid hsla(0,0%,100%,.2);
  border-radius:9999px;
  display:inline-flex;
  padding:.75rem 1.5rem;
}

.brand-hero-badge,.brand-hero-title{
  margin-bottom:2rem;
}

.brand-hero-subtitle{
  display:block;
  font-size:1.5rem;
  font-weight:300;
  line-height:2rem;
}

@media (min-width:768px){
  .brand-hero-subtitle{
    font-size:2.25rem;
    line-height:2.5rem;
  }
}

@media (min-width:1024px){
  .brand-hero-subtitle{
    font-size:3rem;
    line-height:1;
  }
}

.brand-hero-subtitle{
  color:hsla(0,0%,100%,.9);
}

.brand-hero-description{
  font-size:1.25rem;
  line-height:1.75rem;
  line-height:1.625;
  margin-left:auto;
  margin-right:auto;
  margin-top:2rem;
  max-width:56rem;
}

@media (min-width:768px){
  .brand-hero-description{
    font-size:1.5rem;
    line-height:2rem;
  }
}

.brand-hero-description{
  color:hsla(0,0%,100%,.8);
}

.brand-hero-cta{
  display:flex;
  flex-direction:column;
  gap:1rem;
  justify-content:center;
  margin-top:3rem;
}

@media (min-width:640px){
  .brand-hero-cta{
    flex-direction:row;
  }
}

.brand-hero-stats{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin-left:auto;
  margin-right:auto;
  margin-top:4rem;
  max-width:42rem;
}

.brand-hero-stat-card{
  backdrop-filter:blur(10px);
  background:hsla(0,0%,100%,.1);
  border:1px solid hsla(0,0%,100%,.2);
  border-radius:1rem;
  padding:1.5rem;
  text-align:center;
  transition-duration:.3s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-hero-stat-card:hover{
  transform:translateY(-4px);
}

.brand-hero-stat-number{
  color:var(--brand-primary);
  font-size:1.875rem;
  font-weight:700;
  line-height:2.25rem;
  margin-bottom:.5rem;
}

.brand-hero-stat-label{
  color:hsla(0,0%,100%,.7);
  font-size:.875rem;
  line-height:1.25rem;
}

.brand-menu-header{
  margin-bottom:4rem;
  text-align:center;
}

.brand-menu-title{
  font-family:Playfair Display,Georgia,serif;
  font-size:2.25rem;
  font-weight:700;
  line-height:2.5rem;
  margin-bottom:1.5rem;
}

@media (min-width:768px){
  .brand-menu-title{
    font-size:3.75rem;
    line-height:1;
  }
}

.brand-menu-title{
  color:var(--text-primary);
}

.brand-menu-search-wrapper{
  align-items:center;
  backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:1rem;
  box-shadow:var(--shadow-medium);
  display:flex;
  padding:.5rem;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-menu-search-wrapper:hover{
  box-shadow:var(--shadow-large);
}

.brand-menu-search-icon{
  color:var(--brand-primary);
  font-size:1.25rem;
  line-height:1.75rem;
  margin-left:1rem;
  margin-right:1rem;
}

.brand-menu-search-input{
  background-color:transparent;
  border-width:0;
  font-size:1.125rem;
  line-height:1.75rem;
  padding-bottom:.75rem;
  padding-top:.75rem;
  width:100%;
}

.brand-menu-search-input:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.brand-menu-search-input{
  color:var(--text-primary);
}

.brand-menu-search-input::-moz-placeholder{
  color:var(--text-muted);
}

.brand-menu-search-input::placeholder{
  color:var(--text-muted);
}

.brand-menu-tab-button{
  background:var(--bg-primary);
  border-color:var(--border-color);
  border-radius:.75rem;
  border-width:2px;
  color:var(--text-secondary);
  font-weight:500;
  padding:1rem 2rem;
  position:relative;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  white-space:nowrap;
}

.brand-menu-tab-button:hover{
  background:var(--bg-secondary);
  border-color:var(--brand-primary);
  color:var(--brand-primary);
}

.brand-menu-tab-button.active{
  background:var(--brand-primary);
  border-color:var(--brand-primary);
  box-shadow:var(--shadow-medium);
  color:#fff;
}

.brand-menu-items-grid{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

@media (min-width:768px){
  .brand-menu-items-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1024px){
  .brand-menu-items-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.brand-about{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
  overflow:hidden;
  position:relative;
  --tw-gradient-from:#fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
  --tw-gradient-to:#fef2f2 var(--tw-gradient-to-position);
  padding-bottom:5rem;
  padding-top:5rem;
}

@media (prefers-color-scheme:dark){
  .brand-about{
    --tw-gradient-from:#18181b var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
    --tw-gradient-to:rgba(39,39,42,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to);
    --tw-gradient-to:#18181b var(--tw-gradient-to-position);
  }
}

.brand-about-grid{
  align-items:center;
  display:grid;
  gap:3rem;
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

@media (min-width:1024px){
  .brand-about-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

.brand-about-content{
  text-align:center;
}

@media (min-width:1024px){
  .brand-about-content{
    text-align:left;
  }
}

.brand-about-title{
  font-family:Playfair Display,Georgia,serif;
  font-size:2.25rem;
  font-weight:700;
  line-height:2.5rem;
  margin-bottom:1.5rem;
}

@media (min-width:768px){
  .brand-about-title{
    font-size:3.75rem;
    line-height:1;
  }
}

.brand-about-title{
  color:var(--text-primary);
}

.brand-about-subtitle{
  font-family:Playfair Display,Georgia,serif;
  font-size:1.5rem;
  line-height:2rem;
  margin-bottom:2rem;
}

@media (min-width:768px){
  .brand-about-subtitle{
    font-size:1.875rem;
    line-height:2.25rem;
  }
}

.brand-about-subtitle{
  color:var(--brand-primary);
}

.brand-about-description{
  font-size:1.125rem;
  line-height:1.75rem;
  margin-bottom:1.5rem;
}

.brand-about-description,.brand-about-text{
  color:var(--text-secondary);
  line-height:1.625;
}

.brand-about-text{
  margin-bottom:2rem;
}

.brand-about-images{
  display:grid;
  gap:1rem;
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.brand-about-image{
  border-radius:1rem;
  height:16rem;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-duration:.3s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-about-image:hover{
  transform:translateY(-4px);
}

.brand-about-image:first-child{
  margin-top:2rem;
}

.brand-store-selector{
  left:50%;
  max-width:28rem;
  position:fixed;
  top:5rem;
  width:100%;
  z-index:40;
  --tw-translate-x:-50%;
  --tw-translate-y:1rem;
  opacity:0;
  padding-left:1rem;
  padding-right:1rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media print{
  .brand-store-selector{
    display:none;
  }
}

.brand-store-option{
  border-color:hsla(0,0%,100%,.1);
  border-radius:.75rem;
  border-width:1px;
  cursor:pointer;
  padding:.75rem;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.brand-store-option:hover{
  background:hsla(0,0%,100%,.05);
  border-color:rgba(var(--brand-primary-rgb), .5);
}

.store-selector-trigger{
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid hsla(0,0%,100%,.1);
  border-radius:9999px;
  box-shadow:0 8px 32px var(--glass-shadow);
  padding:.75rem 1rem;
  position:fixed;
  right:1rem;
  top:6rem;
  z-index:30;
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media print{
  .store-selector-trigger{
    background:#fff;
    border:1px solid #ccc;
    display:none;
  }
}

@media (prefers-color-scheme:dark){
  .store-selector-trigger{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .store-selector-trigger:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
  }
}

.store-selector-trigger:hover{
  border-color:rgba(var(--brand-primary-rgb), .3);
}

.current-store-info{
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid hsla(0,0%,100%,.1);
  border-radius:9999px;
  box-shadow:0 8px 32px var(--glass-shadow);
  font-size:.875rem;
  left:1rem;
  line-height:1.25rem;
  padding:.5rem 1rem;
  position:fixed;
  top:6rem;
  z-index:30;
}

@media print{
  .current-store-info{
    background:#fff;
    border:1px solid #ccc;
    display:none;
  }
}

@media (prefers-color-scheme:dark){
  .current-store-info{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .current-store-info:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
  }
}

@media (max-width:768px){
  .brand-hero{
    min-height:80vh;
  }

  .brand-hero-stats{
    gap:1rem;
  }

  .brand-gallery-grid,.brand-hero-stats,.brand-menu-items-grid{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }

  .brand-gallery-grid{
    gap:1rem;
  }

  .brand-about-images{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }

  .brand-about-image:first-child{
    margin-top:0;
  }

  .brand-cta-container{
    padding:1.5rem;
  }

  .brand-cta-info-grid{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }

  .store-selector-trigger{
    padding:.5rem .75rem;
    right:.5rem;
    top:5rem;
  }

  .current-store-info{
    font-size:.75rem;
    left:.5rem;
    line-height:1rem;
    padding:.25rem .75rem;
    top:5rem;
  }

  .current-store-info span:not(:first-child){
    display:none;
  }
}

.pointer-events-none{
  pointer-events:none;
}

.visible{
  visibility:visible;
}

.fixed{
  position:fixed;
}

.absolute{
  position:absolute;
}

.relative{
  position:relative;
}

.sticky{
  position:sticky;
}

.inset-0{
  inset:0;
}

.-bottom-16{
  bottom:-4rem;
}

.-left-16{
  left:-4rem;
}

.-left-20{
  left:-5rem;
}

.-right-16{
  right:-4rem;
}

.-right-20{
  right:-5rem;
}

.-right-4{
  right:-1rem;
}

.-top-12{
  top:-3rem;
}

.-top-20{
  top:-5rem;
}

.-top-4{
  top:-1rem;
}

.bottom-0{
  bottom:0;
}

.bottom-4{
  bottom:1rem;
}

.bottom-6{
  bottom:1.5rem;
}

.left-0{
  left:0;
}

.left-1\/2{
  left:50%;
}

.left-4{
  left:1rem;
}

.left-6{
  left:1.5rem;
}

.right-0{
  right:0;
}

.right-4{
  right:1rem;
}

.right-6{
  right:1.5rem;
}

.top-0{
  top:0;
}

.top-1\/2{
  top:50%;
}

.top-20{
  top:5rem;
}

.top-24{
  top:6rem;
}

.top-4{
  top:1rem;
}

.z-10{
  z-index:10;
}

.z-20{
  z-index:20;
}

.z-30{
  z-index:30;
}

.z-40{
  z-index:40;
}

.z-50{
  z-index:50;
}

.col-span-2{
  grid-column:span 2 / span 2;
}

.mx-4{
  margin-left:1rem;
  margin-right:1rem;
}

.mx-auto{
  margin-left:auto;
  margin-right:auto;
}

.my-3{
  margin-bottom:.75rem;
  margin-top:.75rem;
}

.mb-1{
  margin-bottom:.25rem;
}

.mb-12{
  margin-bottom:3rem;
}

.mb-16{
  margin-bottom:4rem;
}

.mb-2{
  margin-bottom:.5rem;
}

.mb-3{
  margin-bottom:.75rem;
}

.mb-4{
  margin-bottom:1rem;
}

.mb-6{
  margin-bottom:1.5rem;
}

.mb-8{
  margin-bottom:2rem;
}

.ml-2{
  margin-left:.5rem;
}

.ml-3{
  margin-left:.75rem;
}

.ml-4{
  margin-left:1rem;
}

.mr-1{
  margin-right:.25rem;
}

.mr-2{
  margin-right:.5rem;
}

.mr-3{
  margin-right:.75rem;
}

.mr-4{
  margin-right:1rem;
}

.mr-6{
  margin-right:1.5rem;
}

.mt-1{
  margin-top:.25rem;
}

.mt-16{
  margin-top:4rem;
}

.mt-2{
  margin-top:.5rem;
}

.mt-20{
  margin-top:5rem;
}

.mt-4{
  margin-top:1rem;
}

.mt-6{
  margin-top:1.5rem;
}

.mt-8{
  margin-top:2rem;
}

.line-clamp-3{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.block{
  display:block;
}

.flex{
  display:flex;
}

.inline-flex{
  display:inline-flex;
}

.grid{
  display:grid;
}

.contents{
  display:contents;
}

.hidden{
  display:none;
}

.h-10{
  height:2.5rem;
}

.h-12{
  height:3rem;
}

.h-16{
  height:4rem;
}

.h-2{
  height:.5rem;
}

.h-20{
  height:5rem;
}

.h-24{
  height:6rem;
}

.h-3{
  height:.75rem;
}

.h-32{
  height:8rem;
}

.h-4{
  height:1rem;
}

.h-40{
  height:10rem;
}

.h-48{
  height:12rem;
}

.h-6{
  height:1.5rem;
}

.h-64{
  height:16rem;
}

.h-8{
  height:2rem;
}

.h-80{
  height:20rem;
}

.h-96{
  height:24rem;
}

.h-full{
  height:100%;
}

.h-px{
  height:1px;
}

.max-h-64{
  max-height:16rem;
}

.max-h-\[90vh\]{
  max-height:90vh;
}

.max-h-full{
  max-height:100%;
}

.min-h-screen{
  min-height:100vh;
}

.w-10{
  width:2.5rem;
}

.w-12{
  width:3rem;
}

.w-16{
  width:4rem;
}

.w-2{
  width:.5rem;
}

.w-20{
  width:5rem;
}

.w-24{
  width:6rem;
}

.w-3{
  width:.75rem;
}

.w-32{
  width:8rem;
}

.w-4{
  width:1rem;
}

.w-40{
  width:10rem;
}

.w-48{
  width:12rem;
}

.w-6{
  width:1.5rem;
}

.w-64{
  width:16rem;
}

.w-8{
  width:2rem;
}

.w-80{
  width:20rem;
}

.w-96{
  width:24rem;
}

.w-full{
  width:100%;
}

.min-w-max{
  min-width:-moz-max-content;
  min-width:max-content;
}

.max-w-2xl{
  max-width:42rem;
}

.max-w-3xl{
  max-width:48rem;
}

.max-w-4xl{
  max-width:56rem;
}

.max-w-full{
  max-width:100%;
}

.max-w-lg{
  max-width:32rem;
}

.max-w-md{
  max-width:28rem;
}

.max-w-xl{
  max-width:36rem;
}

.flex-1{
  flex:1 1 0%;
}

.flex-shrink-0{
  flex-shrink:0;
}

.-translate-x-1\/2{
  --tw-translate-x:-50%;
}

.-translate-x-16,.-translate-x-1\/2{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-16{
  --tw-translate-x:-4rem;
}

.-translate-x-20{
  --tw-translate-x:-5rem;
}

.-translate-x-20,.-translate-y-1\/2{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-1\/2{
  --tw-translate-y:-50%;
}

.-translate-y-10{
  --tw-translate-y:-2.5rem;
}

.-translate-y-10,.-translate-y-16{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-y-16{
  --tw-translate-y:-4rem;
}

.-translate-y-20{
  --tw-translate-y:-5rem;
}

.-translate-y-20,.translate-x-1\/2{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-1\/2{
  --tw-translate-x:50%;
}

.translate-x-10{
  --tw-translate-x:2.5rem;
}

.translate-x-10,.translate-x-12{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-12{
  --tw-translate-x:3rem;
}

.translate-x-16{
  --tw-translate-x:4rem;
}

.translate-x-16,.translate-x-full{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full{
  --tw-translate-x:100%;
}

.translate-y-0{
  --tw-translate-y:0px;
}

.translate-y-0,.translate-y-1\/2{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1\/2{
  --tw-translate-y:50%;
}

.translate-y-12{
  --tw-translate-y:3rem;
}

.translate-y-12,.translate-y-16{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-16{
  --tw-translate-y:4rem;
}

.translate-y-4{
  --tw-translate-y:1rem;
}

.translate-y-4,.translate-y-full{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-full{
  --tw-translate-y:100%;
}

.-skew-x-12{
  --tw-skew-x:-12deg;
}

.-skew-x-12,.scale-75{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-75{
  --tw-scale-x:.75;
  --tw-scale-y:.75;
}

.scale-90{
  --tw-scale-x:.9;
  --tw-scale-y:.9;
}

.scale-90,.scale-95{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-95{
  --tw-scale-x:.95;
  --tw-scale-y:.95;
}

.transform{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.animate-bounce{
  animation:bounce 1s infinite;
}

.animate-pulse{
  animation:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

@keyframes scaleIn{
  0%{
    opacity:0;
    transform:scale(.9);
  }

  to{
    opacity:1;
    transform:scale(1);
  }
}

.animate-scale-in{
  animation:scaleIn .5s ease forwards;
}

@keyframes shine{
  0%{
    background-position:-200%;
  }

  to{
    background-position:200%;
  }
}

.animate-shine{
  animation:shine 3s linear infinite;
}

.cursor-not-allowed{
  cursor:not-allowed;
}

.cursor-pointer{
  cursor:pointer;
}

.grid-cols-1{
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

.grid-cols-2{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

.flex-col{
  flex-direction:column;
}

.items-start{
  align-items:flex-start;
}

.items-end{
  align-items:flex-end;
}

.items-center{
  align-items:center;
}

.justify-center{
  justify-content:center;
}

.justify-between{
  justify-content:space-between;
}

.gap-12{
  gap:3rem;
}

.gap-3{
  gap:.75rem;
}

.gap-4{
  gap:1rem;
}

.gap-6{
  gap:1.5rem;
}

.gap-8{
  gap:2rem;
}

.space-x-1>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(.25rem*var(--tw-space-x-reverse));
}

.space-x-2>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(.5rem*var(--tw-space-x-reverse));
}

.space-x-4>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(1rem*var(--tw-space-x-reverse));
}

.space-x-6>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(1.5rem*var(--tw-space-x-reverse));
}

.space-y-1>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(.25rem*var(--tw-space-y-reverse));
  margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-2>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(.5rem*var(--tw-space-y-reverse));
  margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-3>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(.75rem*var(--tw-space-y-reverse));
  margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));
}

.space-y-4>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse:0;
  margin-bottom:calc(1rem*var(--tw-space-y-reverse));
  margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));
}

.overflow-hidden{
  overflow:hidden;
}

.overflow-x-auto{
  overflow-x:auto;
}

.overflow-y-auto{
  overflow-y:auto;
}

.rounded-2xl{
  border-radius:1rem;
}

.rounded-3xl{
  border-radius:1.5rem;
}

.rounded-full{
  border-radius:9999px;
}

.rounded-lg{
  border-radius:.5rem;
}

.rounded-xl{
  border-radius:.75rem;
}

.rounded-t-3xl{
  border-top-left-radius:1.5rem;
  border-top-right-radius:1.5rem;
}

.border{
  border-width:1px;
}

.border-0{
  border-width:0;
}

.border-b{
  border-bottom-width:1px;
}

.border-t{
  border-top-width:1px;
}

.border-gray-200\/50{
  border-color:rgba(229,231,235,.5);
}

.border-gray-300{
  --tw-border-opacity:1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1));
}

.border-gray-700{
  --tw-border-opacity:1;
  border-color:rgb(55 65 81 / var(--tw-border-opacity, 1));
}

.border-white\/10{
  border-color:hsla(0,0%,100%,.1);
}

.border-white\/20{
  border-color:hsla(0,0%,100%,.2);
}

.border-white\/30{
  border-color:hsla(0,0%,100%,.3);
}

.bg-black\/30{
  background-color:rgba(0,0,0,.3);
}

.bg-black\/50{
  background-color:rgba(0,0,0,.5);
}

.bg-black\/70{
  background-color:rgba(0,0,0,.7);
}

.bg-black\/80{
  background-color:rgba(0,0,0,.8);
}

.bg-black\/90{
  background-color:rgba(0,0,0,.9);
}

.bg-blue-600{
  --tw-bg-opacity:1;
  background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1));
}

.bg-brand-primary{
  background-color:var(--brand-primary);
}

.bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));
}

.bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));
}

.bg-green-400{
  --tw-bg-opacity:1;
  background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1));
}

.bg-green-400\/20{
  background-color:rgba(74,222,128,.2);
}

.bg-green-500{
  --tw-bg-opacity:1;
  background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1));
}

.bg-green-500\/90{
  background-color:rgba(34,197,94,.9);
}

.bg-green-500\/95{
  background-color:rgba(34,197,94,.95);
}

.bg-green-600{
  --tw-bg-opacity:1;
  background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1));
}

.bg-red-400{
  --tw-bg-opacity:1;
  background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1));
}

.bg-red-500{
  --tw-bg-opacity:1;
  background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1));
}

.bg-red-500\/90{
  background-color:rgba(239,68,68,.9);
}

.bg-transparent{
  background-color:transparent;
}

.bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-white\/10{
  background-color:hsla(0,0%,100%,.1);
}

.bg-white\/20{
  background-color:hsla(0,0%,100%,.2);
}

.bg-white\/5{
  background-color:hsla(0,0%,100%,.05);
}

.bg-white\/80{
  background-color:hsla(0,0%,100%,.8);
}

.bg-white\/90{
  background-color:hsla(0,0%,100%,.9);
}

.bg-yellow-500{
  --tw-bg-opacity:1;
  background-color:rgb(234 179 8 / var(--tw-bg-opacity, 1));
}

.bg-zinc-50{
  --tw-bg-opacity:1;
  background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));
}

.bg-gradient-radial{
  background-image:radial-gradient(var(--tw-gradient-stops));
}

.bg-gradient-to-b{
  background-image:linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br{
  background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-r{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-t{
  background-image:linear-gradient(to top, var(--tw-gradient-stops));
}

.from-black\/50{
  --tw-gradient-from:rgba(0,0,0,.5) var(--tw-gradient-from-position);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/60{
  --tw-gradient-from:rgba(0,0,0,.6) var(--tw-gradient-from-position);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/70{
  --tw-gradient-from:rgba(0,0,0,.7) var(--tw-gradient-from-position);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-brand-primary{
  --tw-gradient-from:var(--brand-primary) var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-gray-200{
  --tw-gradient-from:#e5e7eb var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(229,231,235,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-50{
  --tw-gradient-from:#fff7ed var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(255,247,237,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-500{
  --tw-gradient-from:#a855f7 var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(168,85,247,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-transparent{
  --tw-gradient-from:transparent var(--tw-gradient-from-position);
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yellow-400{
  --tw-gradient-from:#facc15 var(--tw-gradient-from-position);
  --tw-gradient-to:rgba(250,204,21,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yummy-orange{
  --tw-gradient-from:var(--yummy-orange) var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-yummy-yellow{
  --tw-gradient-from:var(--yummy-yellow) var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-zinc-50{
  --tw-gradient-from:#fafafa var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,98%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-brand-primary{
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--brand-primary) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-gray-300{
  --tw-gradient-to:rgba(209,213,219,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #d1d5db var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-orange-500{
  --tw-gradient-to:rgba(249,115,22,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white{
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/10{
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), hsla(0,0%,100%,.1) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white\/20{
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), hsla(0,0%,100%,.2) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-yummy-orange{
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--yummy-orange) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-yummy-yellow{
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--yummy-yellow) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.to-brand-secondary{
  --tw-gradient-to:var(--brand-secondary) var(--tw-gradient-to-position);
}

.to-gray-100{
  --tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position);
}

.to-pink-500{
  --tw-gradient-to:#ec4899 var(--tw-gradient-to-position);
}

.to-red-50{
  --tw-gradient-to:#fef2f2 var(--tw-gradient-to-position);
}

.to-red-600{
  --tw-gradient-to:#dc2626 var(--tw-gradient-to-position);
}

.to-transparent{
  --tw-gradient-to:transparent var(--tw-gradient-to-position);
}

.to-white{
  --tw-gradient-to:#fff var(--tw-gradient-to-position);
}

.to-yummy-red{
  --tw-gradient-to:var(--yummy-red) var(--tw-gradient-to-position);
}

.bg-clip-text{
  -webkit-background-clip:text;
          background-clip:text;
}

.object-contain{
  -o-object-fit:contain;
     object-fit:contain;
}

.object-cover{
  -o-object-fit:cover;
     object-fit:cover;
}

.p-12{
  padding:3rem;
}

.p-3{
  padding:.75rem;
}

.p-4{
  padding:1rem;
}

.p-6{
  padding:1.5rem;
}

.p-8{
  padding:2rem;
}

.px-3{
  padding-left:.75rem;
  padding-right:.75rem;
}

.px-4{
  padding-left:1rem;
  padding-right:1rem;
}

.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem;
}

.px-8{
  padding-left:2rem;
  padding-right:2rem;
}

.py-1{
  padding-bottom:.25rem;
  padding-top:.25rem;
}

.py-1\.5{
  padding-bottom:.375rem;
  padding-top:.375rem;
}

.py-12{
  padding-bottom:3rem;
  padding-top:3rem;
}

.py-16{
  padding-bottom:4rem;
  padding-top:4rem;
}

.py-2{
  padding-bottom:.5rem;
  padding-top:.5rem;
}

.py-20{
  padding-bottom:5rem;
  padding-top:5rem;
}

.py-3{
  padding-bottom:.75rem;
  padding-top:.75rem;
}

.py-4{
  padding-bottom:1rem;
}

.pt-4,.py-4{
  padding-top:1rem;
}

.pt-8{
  padding-top:2rem;
}

.text-left{
  text-align:left;
}

.text-center{
  text-align:center;
}

.font-display{
  font-family:Playfair Display,Georgia,serif;
}

.font-sans{
  font-family:Inter,system-ui,-apple-system,sans-serif;
}

.text-2xl{
  font-size:1.5rem;
  line-height:2rem;
}

.text-3xl{
  font-size:1.875rem;
  line-height:2.25rem;
}

.text-4xl{
  font-size:2.25rem;
  line-height:2.5rem;
}

.text-5xl{
  font-size:3rem;
  line-height:1;
}

.text-6xl{
  font-size:3.75rem;
  line-height:1;
}

.text-8xl{
  font-size:6rem;
  line-height:1;
}

.text-lg{
  font-size:1.125rem;
  line-height:1.75rem;
}

.text-sm{
  font-size:.875rem;
  line-height:1.25rem;
}

.text-xl{
  font-size:1.25rem;
  line-height:1.75rem;
}

.text-xs{
  font-size:.75rem;
  line-height:1rem;
}

.font-bold{
  font-weight:700;
}

.font-medium{
  font-weight:500;
}

.font-semibold{
  font-weight:600;
}

.leading-relaxed{
  line-height:1.625;
}

.leading-tight{
  line-height:1.25;
}

.text-gray-400{
  --tw-text-opacity:1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1));
}

.text-gray-500{
  --tw-text-opacity:1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1));
}

.text-gray-600{
  --tw-text-opacity:1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1));
}

.text-gray-700{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.text-gray-800{
  --tw-text-opacity:1;
  color:rgb(31 41 55 / var(--tw-text-opacity, 1));
}

.text-gray-900{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.text-green-400{
  --tw-text-opacity:1;
  color:rgb(74 222 128 / var(--tw-text-opacity, 1));
}

.text-green-500{
  --tw-text-opacity:1;
  color:rgb(34 197 94 / var(--tw-text-opacity, 1));
}

.text-orange-600{
  --tw-text-opacity:1;
  color:rgb(234 88 12 / var(--tw-text-opacity, 1));
}

.text-red-400{
  --tw-text-opacity:1;
  color:rgb(248 113 113 / var(--tw-text-opacity, 1));
}

.text-transparent{
  color:transparent;
}

.text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.text-white\/60{
  color:hsla(0,0%,100%,.6);
}

.text-white\/70{
  color:hsla(0,0%,100%,.7);
}

.text-white\/80{
  color:hsla(0,0%,100%,.8);
}

.text-white\/90{
  color:hsla(0,0%,100%,.9);
}

.text-yellow-100{
  --tw-text-opacity:1;
  color:rgb(254 249 195 / var(--tw-text-opacity, 1));
}

.text-yellow-400{
  --tw-text-opacity:1;
  color:rgb(250 204 21 / var(--tw-text-opacity, 1));
}

.text-yummy-dark{
  color:var(--yummy-dark);
}

.text-yummy-orange{
  color:var(--yummy-orange);
}

.text-yummy-red{
  color:var(--yummy-red);
}

.text-zinc-600{
  --tw-text-opacity:1;
  color:rgb(82 82 91 / var(--tw-text-opacity, 1));
}

.placeholder-gray-500::-moz-placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.placeholder-gray-500::placeholder{
  --tw-placeholder-opacity:1;
  color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1));
}

.opacity-0{
  opacity:0;
}

.opacity-10{
  opacity:.1;
}

.opacity-100{
  opacity:1;
}

.opacity-15{
  opacity:.15;
}

.opacity-20{
  opacity:.2;
}

.opacity-30{
  opacity:.3;
}

.opacity-50{
  opacity:.5;
}

.opacity-60{
  opacity:.6;
}

.opacity-90{
  opacity:.9;
}

.shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
}

.shadow-2xl,.shadow-lg{
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}

.shadow-xl{
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline{
  outline-style:solid;
}

.ring-2{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.blur{
  --tw-blur:blur(8px);
}

.blur,.blur-2xl{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-2xl{
  --tw-blur:blur(40px);
}

.blur-3xl{
  --tw-blur:blur(64px);
}

.blur-3xl,.blur-xl{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.blur-xl{
  --tw-blur:blur(24px);
}

.drop-shadow-lg{
  --tw-drop-shadow:drop-shadow(0 10px 8px rgba(0,0,0,.04)) drop-shadow(0 4px 3px rgba(0,0,0,.1));
}

.drop-shadow-lg,.drop-shadow-md{
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.drop-shadow-md{
  --tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06));
}

.drop-shadow-sm{
  --tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,0,0,.05));
  filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-md{
  --tw-backdrop-blur:blur(12px);
}

.backdrop-blur-md,.backdrop-blur-sm{
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
  --tw-backdrop-blur:blur(4px);
}

.backdrop-blur-xl{
  --tw-backdrop-blur:blur(24px);
}

.backdrop-blur-xl,.backdrop-filter{
  backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition{
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.transition-all{
  transition-duration:.15s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.transition-colors{
  transition-duration:.15s;
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.transition-opacity{
  transition-duration:.15s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.transition-transform{
  transition-duration:.15s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.duration-300{
  transition-duration:.3s;
}

.duration-500{
  transition-duration:.5s;
}

.duration-700{
  transition-duration:.7s;
}

.ease-in-out{
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.ease-out{
  transition-timing-function:cubic-bezier(0, 0, .2, 1);
}

.text-brand-gradient,.text-gradient{
  background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

.text-shadow-glow{
  text-shadow:0 0 20px rgba(var(--brand-primary-rgb), .5);
}

.text-shadow-soft{
  text-shadow:0 2px 4px rgba(0,0,0,.3);
}

.bg-gradient-radial{
  background:radial-gradient(circle, var(--brand-primary), var(--brand-secondary));
}

.text-brand-primary{
  color:var(--brand-primary);
}

.animate-float,.animate-float-delayed{
  animation:float 6s ease-in-out infinite;
}

.animate-float-delayed{
  animation-delay:3s;
}

@keyframes float{
  0%,to{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-20px);
  }
}

.container-main{
  margin-left:auto;
  margin-right:auto;
  max-width:80rem;
  padding-left:1rem;
  padding-right:1rem;
}

@media (min-width:640px){
  .container-main{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}

@media (min-width:1024px){
  .container-main{
    padding-left:2rem;
    padding-right:2rem;
  }
}

.container-narrow{
  margin-left:auto;
  margin-right:auto;
  max-width:56rem;
  padding-left:1rem;
  padding-right:1rem;
}

@media (min-width:640px){
  .container-narrow{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}

@media (min-width:1024px){
  .container-narrow{
    padding-left:2rem;
    padding-right:2rem;
  }
}

.container-wide{
  margin-left:auto;
  margin-right:auto;
  max-width:1536px;
  padding-left:1rem;
  padding-right:1rem;
}

@media (min-width:640px){
  .container-wide{
    padding-left:1.5rem;
    padding-right:1.5rem;
  }
}

@media (min-width:1024px){
  .container-wide{
    padding-left:2rem;
    padding-right:2rem;
  }
}

.section-spacing{
  padding-bottom:4rem;
  padding-top:4rem;
}

@media (min-width:1024px){
  .section-spacing{
    padding-bottom:5rem;
    padding-top:5rem;
  }
}

.section-spacing-small{
  padding-bottom:3rem;
  padding-top:3rem;
}

@media (min-width:1024px){
  .section-spacing-small{
    padding-bottom:4rem;
    padding-top:4rem;
  }
}

.section-spacing-large{
  padding-bottom:6rem;
  padding-top:6rem;
}

@media (min-width:1024px){
  .section-spacing-large{
    padding-bottom:8rem;
    padding-top:8rem;
  }
}

.hero-content{
  width:100%;
}

@media (min-width:640px){
  .hero-content{
    max-width:640px;
  }
}

@media (min-width:768px){
  .hero-content{
    max-width:768px;
  }
}

@media (min-width:1024px){
  .hero-content{
    max-width:1024px;
  }
}

@media (min-width:1280px){
  .hero-content{
    max-width:1280px;
  }
}

@media (min-width:1536px){
  .hero-content{
    max-width:1536px;
  }
}

.hero-content{
  margin-left:auto;
  margin-right:auto;
  position:relative;
  text-align:center;
  z-index:10;
}

.hero-title{
  margin-bottom:2rem;
}

.hero-subtitle{
  color:hsla(0,0%,100%,.9);
  display:block;
  font-size:1.5rem;
  font-weight:300;
  line-height:2rem;
}

@media (min-width:768px){
  .hero-subtitle{
    font-size:2.25rem;
    line-height:2.5rem;
  }
}

@media (min-width:1024px){
  .hero-subtitle{
    font-size:3rem;
    line-height:1;
  }
}

.hero-description{
  font-size:1.25rem;
  line-height:1.75rem;
  line-height:1.625;
  margin-left:auto;
  margin-right:auto;
  margin-top:2rem;
  max-width:56rem;
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1));
}

@media (min-width:768px){
  .hero-description{
    font-size:1.5rem;
    line-height:2rem;
  }
}

.heading-hero{
  font-size:3.75rem;
  font-weight:900;
  line-height:1;
  margin-bottom:1.5rem;
}

@media (min-width:768px){
  .heading-hero{
    font-size:6rem;
    line-height:1;
  }
}

@media (min-width:1024px){
  .heading-hero{
    font-size:8rem;
    line-height:1;
  }
}

.hero-cta{
  display:flex;
  flex-direction:column;
  gap:1rem;
  justify-content:center;
  margin-top:3rem;
}

@media (min-width:640px){
  .hero-cta{
    flex-direction:row;
  }
}

.hero-stats{
  display:grid;
  gap:2rem;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin-left:auto;
  margin-right:auto;
  margin-top:4rem;
  max-width:42rem;
}

.hero-stat-card{
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:1rem;
  box-shadow:0 8px 32px var(--glass-shadow);
  padding:1.5rem;
  text-align:center;
}

@media print{
  .hero-stat-card{
    background:#fff;
    border:1px solid #ccc;
  }
}

@media (prefers-color-scheme:dark){
  .hero-stat-card{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .hero-stat-card:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
  }
}

.hero-stat-card{
  transition:transform var(--transition-normal);
}

.hero-stat-card:hover{
  transform:translateY(-2px);
}

.hero-stat-number{
  color:var(--brand-primary);
  font-size:1.875rem;
  font-weight:700;
  line-height:2.25rem;
  margin-bottom:.5rem;
}

.hero-stat-label{
  color:var(--text-muted);
  font-size:.875rem;
  line-height:1.25rem;
}

.delivery-container{
  display:grid;
  gap:1.5rem;
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

@media (min-width:1024px){
  .delivery-container{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.delivery-button{
  align-items:center;
  background:var(--bg-primary);
  border-color:var(--border-color);
  border-radius:.75rem;
  border-width:1px;
  display:flex;
  padding:1rem;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.delivery-button:hover{
  background:var(--bg-secondary);
  border-color:var(--brand-primary);
  box-shadow:var(--shadow-medium);
  transform:translateY(-1px);
}

.delivery-icon{
  align-items:center;
  border-radius:.5rem;
  display:flex;
  height:3rem;
  justify-content:center;
  margin-right:1rem;
  transition-duration:.3s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  width:3rem;
}

.group:hover .delivery-icon{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.delivery-content{
  flex:1 1 0%;
}

.delivery-name{
  color:var(--text-primary);
  font-size:1.125rem;
  font-weight:700;
  line-height:1.75rem;
  margin-bottom:.25rem;
}

.delivery-meta{
  color:var(--text-secondary);
  font-size:.875rem;
  line-height:1.25rem;
}

.tab-container{
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:1rem;
  box-shadow:0 8px 32px var(--glass-shadow);
  overflow-x:auto;
  padding:1.5rem;
}

@media print{
  .tab-container{
    background:#fff;
    border:1px solid #ccc;
  }
}

@media (prefers-color-scheme:dark){
  .tab-container{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .tab-container:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
  }
}

.tab-list{
  display:flex;
  min-width:-moz-max-content;
  min-width:max-content;
}

.tab-list>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse:0;
  margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));
  margin-right:calc(1rem*var(--tw-space-x-reverse));
}

.tab-button{
  background:var(--bg-primary);
  border-color:var(--border-color);
  border-radius:.75rem;
  border-width:2px;
  color:var(--text-secondary);
  font-weight:500;
  padding:1rem 2rem;
  position:relative;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  white-space:nowrap;
}

.tab-button:hover{
  background:var(--bg-secondary);
  border-color:var(--brand-primary);
  color:var(--brand-primary);
}

.tab-button.active{
  background:var(--brand-primary);
  border-color:var(--brand-primary);
  box-shadow:var(--shadow-medium);
  color:#fff;
}

.tab-content{
  display:none;
}

.tab-content.active{
  display:block;
}

.search-container{
  margin-bottom:3rem;
  margin-left:auto;
  margin-right:auto;
  max-width:42rem;
}

.search-wrapper{
  align-items:center;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:1rem;
  box-shadow:0 8px 32px var(--glass-shadow);
  display:flex;
  padding:.5rem;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media print{
  .search-wrapper{
    background:#fff;
    border:1px solid #ccc;
  }
}

@media (prefers-color-scheme:dark){
  .search-wrapper{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .search-wrapper:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
  }
}

.search-wrapper:hover{
  box-shadow:0 0 30px rgba(var(--brand-primary-rgb), .3);
}

.search-icon{
  color:var(--brand-primary);
  font-size:1.25rem;
  line-height:1.75rem;
  margin-left:1rem;
  margin-right:1rem;
}

.search-input{
  background-color:transparent;
  border-width:0;
  font-size:1.125rem;
  line-height:1.75rem;
  padding-bottom:.75rem;
  padding-top:.75rem;
  width:100%;
}

.search-input:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.search-input{
  color:var(--text-primary);
}

.search-input::-moz-placeholder{
  color:var(--text-muted);
}

.search-input::placeholder{
  color:var(--text-muted);
}

.gallery-grid{
  display:grid;
  gap:1.5rem;
  grid-template-columns:repeat(1, minmax(0, 1fr));
}

@media (min-width:768px){
  .gallery-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:1024px){
  .gallery-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }
}

.gallery-item{
  aspect-ratio:4/3;
  border-radius:1rem;
  overflow:hidden;
  transition-duration:.3s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.gallery-item:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.gallery-image{
  height:100%;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
}

@media (max-width:640px){
  .hero-content{
    padding-left:1rem;
    padding-right:1rem;
  }

  .delivery-container,.hero-stats{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }

  .hero-stats{
    gap:1rem;
  }

  .tab-list{
    flex-direction:column;
  }

  .tab-list>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse:0;
    --tw-space-y-reverse:0;
    margin:calc(.5rem*(1 - var(--tw-space-y-reverse))) calc(0px*var(--tw-space-x-reverse)) calc(.5rem*var(--tw-space-y-reverse)) calc(0px*(1 - var(--tw-space-x-reverse)));
  }

  .gallery-grid{
    grid-template-columns:repeat(1, minmax(0, 1fr));
  }
}

@media (max-width:768px){
  .section-spacing{
    padding-bottom:3rem;
    padding-top:3rem;
  }

  .section-spacing-large{
    padding-bottom:4rem;
    padding-top:4rem;
  }
}

@media print{
  .btn-floating,.fixed,.navbar{
    display:none !important;
  }

  *{
    box-shadow:none !important;
    color:#000 !important;
  }

  *,.glass{
    background:#fff !important;
  }

  .glass{
    border:1px solid #ccc !important;
  }
}

.btn-primary{
  align-items:center;
  border-radius:.75rem;
  display:inline-flex;
  font-weight:600;
  justify-content:center;
  overflow:hidden;
  padding:.75rem 1.5rem;
  position:relative;
  --tw-text-opacity:1;
  background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line:none;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.btn-primary:before{
  inset:0;
  opacity:0;
  position:absolute;
  transition-duration:.3s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme:dark){
  .hero-section .btn-primary:first-of-type:before{
    background:rgba(255,107,53,.08);
  }

  .hero-section .btn-primary:last-of-type:before{
    background:rgba(255,193,7,.05);
  }
}

.btn-primary:before{
  background:linear-gradient(135deg, 
    hsla(0,0%,100%,.2), 
    hsla(0,0%,100%,.1), 
    transparent
  );
  content:"";
}

.btn-primary:hover{
  --tw-translate-y:-0.125rem;
  background:linear-gradient(135deg, var(--brand-secondary), var(--brand-primary));
  box-shadow:0 10px 15px -3px rgba(var(--brand-primary-rgb), .4), 0 4px 6px -2px rgba(var(--brand-primary-rgb), .3);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-primary:hover:before{
  opacity:1;
}

.btn-secondary{
  align-items:center;
  border-radius:.75rem;
  display:inline-flex;
  font-weight:600;
  justify-content:center;
  overflow:hidden;
  padding:.75rem 1.5rem;
  position:relative;
  --tw-text-opacity:1;
  backdrop-filter:blur(10px);
  background:rgba(0,0,0,.7);
  border:2px solid hsla(0,0%,100%,.3);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line:none;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.btn-secondary:before{
  inset:0;
  opacity:0;
  position:absolute;
  transition-duration:.3s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme:dark){
  .hero-section .btn-secondary:first-of-type:before{
    background:rgba(255,107,53,.08);
  }

  .hero-section .btn-secondary:last-of-type:before{
    background:rgba(255,193,7,.05);
  }
}

.btn-secondary:before{
  background:linear-gradient(135deg, 
    rgba(var(--brand-primary-rgb), .2), 
    rgba(var(--brand-secondary-rgb), .1)
  );
  content:"";
}

.btn-secondary:hover{
  --tw-translate-y:-0.125rem;
  background:rgba(0,0,0,.8);
  border-color:rgba(var(--brand-primary-rgb), .6);
  box-shadow:0 8px 25px -5px rgba(0,0,0,.4);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-secondary:hover:before{
  opacity:1;
}

.btn-cta{
  align-items:center;
  border-radius:1rem;
  display:inline-flex;
  font-size:1.125rem;
  font-weight:700;
  justify-content:center;
  line-height:1.75rem;
  overflow:hidden;
  padding:1rem 2rem;
  position:relative;
  --tw-text-opacity:1;
  background:linear-gradient(135deg, 
    var(--brand-primary), 
    var(--brand-secondary), 
    var(--brand-accent)
  );
  box-shadow:0 8px 15px -3px rgba(var(--brand-primary-rgb), .4);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  text-decoration-line:none;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.btn-cta:before{
  inset:0;
  opacity:0;
  position:absolute;
  transition-duration:.3s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

@media (prefers-color-scheme:dark){
  .hero-section .btn-cta:first-of-type:before{
    background:rgba(255,107,53,.08);
  }

  .hero-section .btn-cta:last-of-type:before{
    background:rgba(255,193,7,.05);
  }
}

.btn-cta:before{
  background:linear-gradient(135deg, 
    hsla(0,0%,100%,.3), 
    hsla(0,0%,100%,.1), 
    transparent 50%
  );
  content:"";
}

.btn-cta:hover{
  --tw-translate-y:-0.25rem;
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
  background:linear-gradient(135deg, 
    var(--brand-secondary), 
    var(--brand-accent), 
    var(--brand-primary)
  );
  box-shadow:0 15px 30px -5px rgba(var(--brand-primary-rgb), .5), 0 8px 16px -8px rgba(var(--brand-secondary-rgb), .4);
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.btn-cta:hover:before{
  opacity:1;
}

.btn-ghost{
  align-items:center;
  background:transparent;
  border:2px solid var(--brand-primary);
  border-radius:.75rem;
  color:var(--brand-primary);
  display:inline-flex;
  font-weight:600;
  justify-content:center;
  overflow:hidden;
  padding:.75rem 1.5rem;
  position:relative;
  text-decoration-line:none;
  transition-duration:.3s;
  transition-property:all;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
}

.btn-ghost:before{
  inset:0;
  opacity:0;
  position:absolute;
  transition-duration:.3s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.4, 0, .2, 1);
  z-index:-10;
}

@media (prefers-color-scheme:dark){
  .hero-section .btn-ghost:first-of-type:before{
    background:rgba(255,107,53,.08);
  }

  .hero-section .btn-ghost:last-of-type:before{
    background:rgba(255,193,7,.05);
  }
}

.btn-ghost:before{
  background:linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  content:"";
}

.btn-ghost:hover{
  --tw-translate-y:-0.125rem;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity:1;
  box-shadow:0 8px 20px -5px rgba(var(--brand-primary-rgb), .3);
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.btn-ghost:hover:before{
  opacity:1;
}

.store-selector-trigger{
  background:rgba(0,0,0,.8);
  border-color:hsla(0,0%,100%,.2);
  color:hsla(0,0%,100%,.9);
}

.store-selector-trigger:hover{
  background:rgba(0,0,0,.9);
  border-color:var(--brand-primary);
  color:var(--brand-primary);
}

.current-store-info{
  background:rgba(0,0,0,.8);
  border-color:hsla(0,0%,100%,.2);
  color:hsla(0,0%,100%,.9);
}

.home-navbar .logo-color{
  display:block;
}

.home-navbar .logo-white{
  display:none;
}

.text-yummy{
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
  --tw-gradient-from:var(--yummy-yellow) var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:var(--yummy-orange) var(--tw-gradient-to-position);
  -webkit-background-clip:text;
          background-clip:text;
  color:transparent;
}

@media (prefers-color-scheme:dark){
  .delivery-button{
    background:hsla(0,0%,100%,.05);
    border-color:hsla(0,0%,100%,.2);
    color:hsla(0,0%,100%,.9);
  }

  .delivery-button:hover{
    background:hsla(0,0%,100%,.1);
    border-color:var(--brand-primary);
    box-shadow:0 8px 25px rgba(var(--brand-primary-rgb), .3);
    color:hsla(0,0%,100%,.95);
    transform:translateY(-2px) scale(1.02);
  }

  .brand-menu-tab-button,.delivery-button,.delivery-name{
    background-color:transparent;
    border-color:hsla(0,0%,100%,.3);
    color:hsla(0,0%,100%,.9);
  }

  .brand-menu-tab-button:hover{
    border-color:hsla(0,0%,100%,.6);
    color:hsla(0,0%,100%,.95);
  }

  .brand-menu-tab-button.active{
    border-color:var(--brand-primary);
    color:#fff;
  }

  .brand-about-title{
    color:hsla(0,0%,100%,.95);
  }

  .brand-about-subtitle{
    color:var(--brand-primary);
  }

  .brand-about-description,.brand-about-text{
    color:hsla(0,0%,100%,.8);
  }

  .brand-about-image{
    border:1px solid hsla(0,0%,100%,.1);
    box-shadow:0 10px 25px rgba(0,0,0,.3);
  }

  .brand-about-image:hover{
    border-color:rgba(var(--brand-primary-rgb), .4);
    box-shadow:0 15px 35px rgba(0,0,0,.4), 0 5px 15px rgba(var(--brand-primary-rgb), .2);
  }

  .bg-gradient-glow{
    background:radial-gradient(circle at 20% 30%, rgba(255,107,53,.15) 0, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,193,7,.12) 0, transparent 50%), linear-gradient(180deg, #1a0f0f, #2d1515 50%, #3d1f1f);
  }

  body{
    background:#0f0f23;
    color:hsla(0,0%,100%,.9);
  }

  .navbar-home{
    background:rgba(0,0,0,.9);
    border-bottom:1px solid hsla(0,0%,100%,.1);
  }

  .hero-section{
    background:transparent;
  }

  .hero-title-main{
    background:linear-gradient(90deg, #ff8a50, gold, #ff6b6b);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }

  .hero-title-sub{
    color:hsla(0,0%,100%,.95);
    text-shadow:0 2px 4px rgba(0,0,0,.3);
  }

  .hero-description{
    color:hsla(0,0%,100%,.8);
  }

  .brand-card{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .brand-card:hover{
    background:hsla(0,0%,100%,.08);
    border-color:rgba(255,107,53,.3);
    box-shadow:0 25px 50px rgba(0,0,0,.3),0 10px 30px rgba(255,107,53,.2);
  }

  .brand-overlay{
    background:linear-gradient(
      0deg, 
      rgba(0,0,0,.98) 0, 
      rgba(0,0,0,.8) 50%, 
      rgba(0,0,0,.4)
    );
  }

  .brand-name{
    color:hsla(0,0%,100%,.95);
    text-shadow:0 2px 4px rgba(0,0,0,.5);
  }

  .group:hover .brand-name{
    color:var(--yummy-yellow);
    text-shadow:0 0 20px rgba(255,193,7,.3);
  }

  .brand-description{
    color:hsla(0,0%,100%,.8);
  }

  .brand-menu-link{
    color:hsla(0,0%,100%,.9);
  }

  .brand-menu-link:hover{
    color:var(--yummy-yellow);
  }

  .brand-social{
    color:hsla(0,0%,100%,.7);
  }

  .brand-coming-soon,.brand-social:hover{
    color:var(--yummy-yellow);
  }

  .brand-coming-soon{
    background:rgba(255,193,7,.15);
    border:1px solid rgba(255,193,7,.3);
  }

  .cta-section{
    background:transparent;
  }

  .cta-card{
    backdrop-filter:blur(20px);
    background:linear-gradient(
      to bottom right, 
      rgba(255,107,53,.15), 
      rgba(230,57,70,.08),
      rgba(255,193,7,.05)
    );
    border:1px solid hsla(0,0%,100%,.1);
  }

  .cta-title{
    color:hsla(0,0%,100%,.95);
  }

  .cta-title-gradient{
    background:linear-gradient(to right, var(--yummy-yellow), var(--yummy-orange));
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
  }

  .cta-description{
    color:hsla(0,0%,100%,.85);
  }

  .cta-button{
    background:linear-gradient(
      135deg, 
      hsla(0,0%,100%,.95), 
      hsla(0,0%,100%,.9)
    );
    border:2px solid hsla(0,0%,100%,.2);
    color:var(--yummy-dark);
  }

  .cta-button:hover{
    background:linear-gradient(
      135deg, 
      #fff, 
      hsla(0,0%,100%,.98)
    );
    border-color:hsla(0,0%,100%,.4);
    box-shadow:0 15px 30px hsla(0,0%,100%,.2);
  }

  .footer-main{
    background:rgba(0,0,0,.4);
    border-top:1px solid hsla(0,0%,100%,.1);
  }

  .footer-description{
    color:hsla(0,0%,100%,.7);
  }

  .footer-highlight-box{
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .footer-highlight-title{
    color:var(--yummy-yellow);
  }

  .footer-highlight-text{
    color:hsla(0,0%,100%,.8);
  }

  .footer-section-title{
    color:hsla(0,0%,100%,.95);
  }

  .footer-contact-link{
    color:hsla(0,0%,100%,.7);
  }

  .footer-contact-link:hover{
    color:var(--yummy-yellow);
  }

  .footer-location-text{
    color:hsla(0,0%,100%,.7);
  }

  .footer-copyright{
    color:hsla(0,0%,100%,.6);
  }

  .attr_mA.attr_clr{
    color:hsla(0,0%,100%,.5);
  }

  .attr_mA.attr_clr a{
    color:hsla(0,0%,100%,.7);
  }

  .attr_mA.attr_clr a:hover{
    color:var(--yummy-yellow);
  }

  #burgerDayModal{
    background:rgba(0,0,0,.9);
  }

  .burger-modal-content{
    background:linear-gradient(
      to bottom right,
      rgba(255,107,53,.95),
      rgba(230,57,70,.95),
      rgba(255,193,7,.9)
    );
    border:1px solid hsla(0,0%,100%,.2);
  }

  .hero-section .absolute:first-of-type{
    background:rgba(255,107,53,.08);
  }

  .hero-section .absolute:last-of-type{
    background:rgba(255,193,7,.05);
  }

  .brands-section{
    background:transparent;
  }

  .brand-order-btn:hover{
    box-shadow:0 10px 25px rgba(var(--yummy-orange-rgb), .5), 0 5px 15px rgba(var(--yummy-red-rgb), .3), 0 0 30px rgba(255,193,7,.2);
  }

  .footer-main img[src*=didifood],.footer-main img[src*=rappi],.footer-main img[src*=ubereats]{
    filter:brightness(1.2);
  }
}

@media (prefers-color-scheme:dark){

  ::-webkit-scrollbar{
    background:hsla(0,0%,100%,.05);
    width:8px;
  }

  ::-webkit-scrollbar-thumb{
    background:linear-gradient(
      180deg,
      rgba(255,107,53,.6),
      rgba(255,193,7,.6)
    );
    border-radius:4px;
  }

  ::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(
      180deg,
      rgba(255,107,53,.8),
      rgba(255,193,7,.8)
    );
  }

  ::-moz-selection{
    background:rgba(255,107,53,.3);
    color:hsla(0,0%,100%,.95);
  }

  ::selection{
    background:rgba(255,107,53,.3);
    color:hsla(0,0%,100%,.95);
  }

  ::-moz-selection{
    background:rgba(255,107,53,.3);
    color:hsla(0,0%,100%,.95);
  }

  [data-aos]{
    transition-property:transform, opacity, background-color, border-color;
  }

  @media (max-width:1023px){
    .mobile-menu{
      backdrop-filter:blur(20px);
      background:rgba(15,15,35,.95);
      border:1px solid hsla(0,0%,100%,.1);
    }

    .mobile-menu .navbar-link{
      color:hsla(0,0%,100%,.9);
    }

    .mobile-menu .navbar-link:hover{
      background:rgba(255,107,53,.1);
      color:hsla(0,0%,100%,.95);
    }
  }

  @media (max-width:768px){
    .brand-card{
      background:hsla(0,0%,100%,.08);
    }

    .brand-card:hover{
      background:hsla(0,0%,100%,.12);
    }

    .cta-card{
      background:linear-gradient(
        to bottom right, 
        rgba(255,107,53,.2), 
        rgba(230,57,70,.12),
        rgba(255,193,7,.08)
      );
    }
  }

  .brand-order-btn:focus,.cta-button:focus,.footer-contact-link:focus{
    outline:2px solid var(--yummy-yellow);
    outline-offset:2px;
  }

  .brand-socials{
    border-top:1px solid hsla(0,0%,100%,.15);
  }

  .brand-content{
    text-shadow:0 1px 3px rgba(0,0,0,.8);
  }

  .burger-modal-decoration{
    background:hsla(0,0%,100%,.1);
  }

  .footer-logo,.navbar-logo img{
    filter:brightness(1.1);
  }

  .glass{
    backdrop-filter:blur(20px);
    background:hsla(0,0%,100%,.05);
    border:1px solid hsla(0,0%,100%,.1);
  }

  .glass:hover{
    background:hsla(0,0%,100%,.08);
    border-color:hsla(0,0%,100%,.2);
  }

  .home-navbar{
    background:rgba(0,0,0,.9);
    border-bottom:1px solid hsla(0,0%,100%,.1);
  }

  .home-navbar .logo-color{
    display:none;
  }

  .home-navbar .logo-white{
    display:block;
  }
}

.hover\:-translate-y-1:hover{
  --tw-translate-y:-0.25rem;
}

.hover\:-translate-y-1:hover,.hover\:scale-105:hover{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-105:hover{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
}

.hover\:scale-110:hover{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:bg-black\/50:hover{
  background-color:rgba(0,0,0,.5);
}

.hover\:bg-brand-secondary:hover{
  background-color:var(--brand-secondary);
}

.hover\:bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white:hover{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.hover\:bg-white\/20:hover{
  background-color:hsla(0,0%,100%,.2);
}

.hover\:bg-white\/30:hover{
  background-color:hsla(0,0%,100%,.3);
}

.hover\:bg-white\/5:hover{
  background-color:hsla(0,0%,100%,.05);
}

.hover\:bg-yellow-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1));
}

.hover\:from-brand-secondary:hover{
  --tw-gradient-from:var(--brand-secondary) var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-brand-primary:hover{
  --tw-gradient-to:var(--brand-primary) var(--tw-gradient-to-position);
}

.hover\:text-gray-300:hover{
  --tw-text-opacity:1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-700:hover{
  --tw-text-opacity:1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1));
}

.hover\:text-gray-900:hover{
  --tw-text-opacity:1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1));
}

.hover\:text-white:hover{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.hover\:shadow-2xl:hover{
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
}

.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-lg:hover{
  --tw-shadow:0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1);
  --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
}

.hover\:shadow-md:hover{
  --tw-shadow:0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -2px rgba(0,0,0,.1);
  --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
}

.hover\:shadow-md:hover,.hover\:shadow-xl:hover{
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.hover\:shadow-xl:hover{
  --tw-shadow:0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
}

.hover\:shadow-white\/20:hover{
  --tw-shadow-color:hsla(0,0%,100%,.2);
  --tw-shadow:var(--tw-shadow-colored);
}

.hover\:text-brand-primary:hover{
  color:var(--brand-primary);
}

.focus\:ring-0:focus{
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.disabled\:cursor-not-allowed:disabled{
  cursor:not-allowed;
}

.disabled\:opacity-50:disabled{
  opacity:.5;
}

.disabled\:hover\:from-brand-primary:hover:disabled{
  --tw-gradient-from:var(--brand-primary) var(--tw-gradient-from-position);
  --tw-gradient-to:hsla(0,0%,100%,0) var(--tw-gradient-to-position);
  --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.disabled\:hover\:to-brand-secondary:hover:disabled{
  --tw-gradient-to:var(--brand-secondary) var(--tw-gradient-to-position);
}

.group:hover .group-hover\:translate-x-\[-200\%\]{
  --tw-translate-x:-200%;
}

.group:hover .group-hover\:translate-x-\[-200\%\],.group:hover .group-hover\:translate-y-0{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:translate-y-0{
  --tw-translate-y:0px;
}

.group:hover .group-hover\:rotate-1{
  --tw-rotate:1deg;
}

.group:hover .group-hover\:rotate-1,.group:hover .group-hover\:rotate-3{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:rotate-3{
  --tw-rotate:3deg;
}

.group:hover .group-hover\:scale-100{
  --tw-scale-x:1;
  --tw-scale-y:1;
}

.group:hover .group-hover\:scale-100,.group:hover .group-hover\:scale-105{
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group:hover .group-hover\:scale-105{
  --tw-scale-x:1.05;
  --tw-scale-y:1.05;
}

.group:hover .group-hover\:scale-110{
  --tw-scale-x:1.1;
  --tw-scale-y:1.1;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.group\/btn:hover .group-hover\/btn\:animate-bounce{
  animation:bounce 1s infinite;
}

@keyframes pulse{
  50%{
    opacity:.5;
  }
}

.group\/btn:hover .group-hover\/btn\:animate-pulse{
  animation:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
}

@keyframes bounce{
  0%,to{
    animation-timing-function:cubic-bezier(.8,0,1,1);
    transform:translateY(-25%);
  }

  50%{
    animation-timing-function:cubic-bezier(0,0,.2,1);
    transform:none;
  }
}

.group:hover .group-hover\:animate-bounce{
  animation:bounce 1s infinite;
}

.group:hover .group-hover\:opacity-100{
  opacity:1;
}

.group:hover .group-hover\:opacity-30{
  opacity:.3;
}

.group:hover .group-hover\:shadow-2xl{
  --tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);
  --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.group:hover .group-hover\:text-brand-primary{
  color:var(--brand-primary);
}

@media (min-width:640px){
  .sm\:inline{
    display:inline;
  }

  .sm\:hidden{
    display:none;
  }

  .sm\:flex-row{
    flex-direction:row;
  }
}

@media (min-width:768px){
  .md\:left-auto{
    left:auto;
  }

  .md\:right-6{
    right:1.5rem;
  }

  .md\:mb-0{
    margin-bottom:0;
  }

  .md\:w-96{
    width:24rem;
  }

  .md\:grid-cols-2{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .md\:flex-row{
    flex-direction:row;
  }

  .md\:p-12{
    padding:3rem;
  }

  .md\:p-20{
    padding:5rem;
  }

  .md\:text-2xl{
    font-size:1.5rem;
    line-height:2rem;
  }

  .md\:text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
  }

  .md\:text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
  }

  .md\:text-5xl{
    font-size:3rem;
    line-height:1;
  }

  .md\:text-6xl{
    font-size:3.75rem;
    line-height:1;
  }

  .md\:text-7xl{
    font-size:4.5rem;
    line-height:1;
  }

  .md\:text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
  }
}

@media (min-width:1024px){
  .lg\:col-span-2{
    grid-column:span 2 / span 2;
  }

  .lg\:hidden{
    display:none;
  }

  .lg\:grid-cols-3{
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-4{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }

  .lg\:text-7xl{
    font-size:4.5rem;
    line-height:1;
  }

  .lg\:text-8xl{
    font-size:6rem;
    line-height:1;
  }
}

@media (prefers-color-scheme:dark){
  .dark\:border-white\/10{
    border-color:hsla(0,0%,100%,.1);
  }

  .dark\:bg-zinc-900{
    --tw-bg-opacity:1;
    background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1));
  }

  .dark\:from-zinc-800{
    --tw-gradient-from:#27272a var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(39,39,42,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:from-zinc-900{
    --tw-gradient-from:#18181b var(--tw-gradient-from-position);
    --tw-gradient-to:rgba(24,24,27,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
  }

  .dark\:via-zinc-800{
    --tw-gradient-to:rgba(39,39,42,0) var(--tw-gradient-to-position);
    --tw-gradient-stops:var(--tw-gradient-from), #27272a var(--tw-gradient-via-position), var(--tw-gradient-to);
  }

  .dark\:to-zinc-800{
    --tw-gradient-to:#27272a var(--tw-gradient-to-position);
  }

  .dark\:to-zinc-900{
    --tw-gradient-to:#18181b var(--tw-gradient-to-position);
  }

  .dark\:text-gray-300{
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity, 1));
  }

  .dark\:text-gray-400{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1));
  }

  .dark\:text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  }

  .dark\:text-white\/90{
    color:hsla(0,0%,100%,.9);
  }

  .dark\:text-zinc-400{
    --tw-text-opacity:1;
    color:rgb(161 161 170 / var(--tw-text-opacity, 1));
  }

  .dark\:placeholder-gray-400::-moz-placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }

  .dark\:placeholder-gray-400::placeholder{
    --tw-placeholder-opacity:1;
    color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
  }

  .dark\:hover\:text-white:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
}