/** Shopify CDN: Minification failed

Line 548:4 Unexpected ";"
Line 584:32 Expected identifier but found "2-price"
Line 598:51 Expected ":"
Line 624:8 Unexpected "}"

**/
:root{
  --pink:        #C62F6B;
  --pink-deep:   #C7365E;
  --cream:       #F5EFE2;
  --plum:        #5C1638;
  --ember:       #BE669E;
  --ink:         #240013;
}

*{ box-sizing: border-box; }
html{ scroll-behavior: smooth; }

body{
  margin:0;
  background: var(--pink);
  color: var(--cream);
  font-family: 'Jost', sans-serif;
  min-height: 100vh;
}

body.template-index{
  min-height: 100%;
}

.grain{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background-repeat: repeat;
  background-size: 160px 160px;
  mix-blend-mode: overlay;
  opacity: 0.5;
}

.vignette{
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 4;
  background: radial-gradient(ellipse at 50% 40%, transparent 40%, var(--pink-deep) 130%);
  opacity: 0.55;
}

header.site-header{
  position: fixed;
  top: 0;
  left: 0; right: 0;
  z-index: 20;
  background: var(--pink);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px clamp(20px, 5vw, 56px);
}

.wordmark-mini{
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.wordmark-logo{
  height: 40px;
  width: auto;
  display: block;
}

nav.site-nav{
  display: flex;
  align-items: center;
  gap: 28px;
}

nav.site-nav a{
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: var(--cream);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
nav.site-nav a:hover{ border-color: var(--ember); color: var(--ember); }

.cart-link{
  position: relative;
  display: inline-flex;
  align-items: center;
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.nav-home-icon{
  display: inline-flex;
  align-items: center;
  border-bottom: none !important;
}
.nav-home-icon img{
  height: 42px;
  width: auto;
  display: block;
}

.cart-link svg{ display: block; }

.cart-count{
  position: absolute;
  top: -8px;
  right: -10px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 10px;
  line-height: 1;
  background: var(--ember);
  color: var(--cream);
  border-radius: 999px;
  min-width: 16px;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

@media (max-width: 640px){
  header.site-header{
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    padding: 16px 20px;
  }
  .wordmark-mini{ order: -1; }
  .wordmark-logo{ height: 32px; }
  nav.site-nav{
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
  }
  nav.site-nav a{
    font-size: 10px;
    letter-spacing: 0.08em;
  }
}

main.hero{
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: clamp(124px, 22vh, 204px) 20px 6vh;
  z-index: 10;
}

.eyebrow{
  font-family: 'JetBrains Mono', monospace;
  font-size: clamp(11px, 1.4vw, 13px);
  letter-spacing: 0.32em;
  text-transform: uppercase;
  color: var(--cream);
  opacity: 0.85;
  margin: 0 0 1vh;
}
.eyebrow span{ color: var(--ember); }

.dragon-wrap{
  position: relative;
  width: min(76vh, 84vw, 980px);
  margin: 0 auto;
}
.dragon-wrap img{
  width: 100%;
  height: auto;
  display: block;
  transform: rotate(-3deg);
  filter: drop-shadow(0 30px 50px rgba(0,0,0,0.35));
}

h1{
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: clamp(36px, 7vh, 110px);
  line-height: 0.9;
  letter-spacing: 0.01em;
  color: var(--cream);
  margin: 1vh 0 0;
}

.tagline{
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  font-size: clamp(16px, 2.2vw, 22px);
  color: var(--cream);
  max-width: 520px;
  margin: 22px auto 40px;
  line-height: 1.4;
}
.tagline em{ font-style: normal; color: var(--ember); }

.cta{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--cream);
  color: var(--plum);
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 18px 30px 18px 46px;
  border-radius: 999px;
  border: 2px solid var(--cream);
  margin-top: 2.5vh;
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.cta::before{
  content: "";
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  border: 2px solid var(--plum);
  border-radius: 50%;
  transition: border-color 0.15s ease;
}
.cta:hover{
  background: var(--pink);
  border-color: var(--cream);
  color: var(--cream);
  transform: translateY(-2px);
}
.cta:hover::before{ border-color: var(--cream); }

.product-actions .cta,
.product-actions .cta-checkout{
  margin-top: 0;
}

.cta-checkout{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: transparent;
  color: var(--cream);
  font-family: 'JetBrains Mono', monospace;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 18px 30px;
  border-radius: 999px;
  border: 2px solid var(--cream);
  cursor: pointer;
  transition: transform 0.15s ease, background 0.15s ease, color 0.15s ease;
}
.cta-checkout:hover{
  background: var(--ember);
  border-color: var(--ember);
  color: var(--cream);
  transform: translateY(-2px);
}

.microcopy{
  display: block;
  margin-top: 16px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.08em;
  color: var(--cream);
  opacity: 0.7;
}

.home-products{
  position: relative;
  z-index: 10;
  max-width: 1080px;
  margin: 0 auto;
  padding: 80px 20px 100px;
}
.home-products-title{
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: clamp(28px, 4vw, 44px);
  text-align: center;
  margin: 0 0 40px;
}

footer.site-footer{
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 32px clamp(20px, 5vw, 56px) 40px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  color: var(--cream);
  opacity: 0.6;
  gap: 12px;
  text-align: center;
}
footer.site-footer a{ color: var(--cream); text-decoration: none; }
footer.site-footer a:hover{ color: var(--ember); }

.footer-socials{ display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }
.footer-emails{ display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; }

.page-wrap{
  position: relative;
  z-index: 10;
  max-width: 1080px;
  margin: 0 auto;
  padding: 140px 20px 80px;
}

.panel{
  background: rgba(92, 22, 56, 0.68);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 24px;
  padding: clamp(24px, 4vw, 56px);
  position: relative;
}

.about-dragon-badge{
  position: absolute;
  top: 24px;
  right: 24px;
  width: 100px;
  height: auto;
  opacity: 0.9;
  pointer-events: none;
}

.product-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 5vw, 64px);
  align-items: center;
}
@media (max-width: 760px){
  .product-grid{ grid-template-columns: 1fr; }
}
.product-grid img{ width: 100%; height: auto; border-radius: 16px; }

.product-title{
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: clamp(32px, 5vw, 56px);
  line-height: 0.95;
  margin: 0 0 12px;
}
.product-price{
  font-family: 'JetBrains Mono', monospace;
  font-size: 20px;
  color: var(--ember);
  margin-bottom: 20px;
}
.product-description{
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 28px;
}
.product-form select{
  font-family: 'JetBrains Mono', monospace;
  padding: 10px 14px;
  border-radius: 999px;
  border: 2px solid var(--cream);
  background: transparent;
  color: var(--cream);
  margin-bottom: 20px;
}
.product-form select option{ color: var(--plum); }

.collection-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 28px;
}
.collection-card{
  display: block;
  text-decoration: none;
  color: var(--cream);
  background: rgba(92, 22, 56, 0.68);
  border-radius: 16px;
  padding: 20px;
  transition: transform 0.15s ease;
  position: relative;
}
.collection-card:hover{ transform: translateY(-4px); }
.collection-card img{ width: 100%; border-radius: 12px; margin-bottom: 14px; }
.collection-card .name{
  font-family: 'Anton', sans-serif;
  font-size: 20px;
}
.collection-card .price{
  font-family: 'JetBrains Mono', monospace;
  font-size: 13px;
  color: var(--ember);
  margin-top: 6px;
}
.collection-card img.card-dragon-badge{
  position: absolute;
  bottom: 14px;
  right: 14px;
  width: 80px;
  height: auto;
  border-radius: 0;
  margin-bottom: 0;
  opacity: 0.9;
  pointer-events: none;
}

.page-title{
  font-family: 'Anton', sans-serif;
  font-size: clamp(32px, 5vw, 56px);
  margin: 0 0 24px;
}
.page-content{
  font-family: 'Jost', sans-serif;
  font-size: 16px;
  line-height: 1.7;
}
.page-content p{ margin: 0 0 18px; }

.floating-dragon{
  position: fixed;
  height: auto;
  pointer-events: none;
  z-index: 1;
}

.floating-dragon-1{
  top: 15%; left: 8%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-a 46s ease-in-out infinite;
}
.floating-dragon-2{
  top: 60%; left: 70%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-b 64s ease-in-out infinite;
}
.floating-dragon-3{
  top: 75%; left: 15%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-c 52s ease-in-out infinite reverse;
}
.floating-dragon-4{
  top: 10%; left: 65%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-a 80s ease-in-out infinite reverse;
}
.floating-dragon-5{
  top: 35%; left: 40%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-b 58s ease-in-out infinite;
}
.floating-dragon-6{
  top: 85%; left: 55%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-c 70s ease-in-out infinite;
}

.floating-dragon-7{
  top: 25%; left: 85%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-a 60s ease-in-out infinite reverse;
}
.floating-dragon-8{
  top: 50%; left: 5%;
  width: 130px;
  opacity: 1.0;
  animation: dragon-float-c 66s ease-in-out infinite reverse;
}

@keyframes dragon-float-a{
  0%   { transform: translate(0, 0) rotate(0deg); }
  25%  { transform: translate(40vw, 20vh) rotate(12deg); }
  50%  { transform: translate(10vw, 45vh) rotate(-8deg); }
  75%  { transform: translate(55vw, 55vh) rotate(6deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes dragon-float-b{
  0%   { transform: translate(0, 0) rotate(0deg); }
  30%  { transform: translate(-35vw, 15vh) rotate(-15deg); }
  60%  { transform: translate(-15vw, -30vh) rotate(10deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
@keyframes dragon-float-c{
  0%   { transform: translate(0, 0) rotate(0deg); }
  40%  { transform: translate(30vw, -25vh) rotate(-10deg); }
  80%  { transform: translate(-10vw, 10vh) rotate(14deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

@media (max-width: 600px){
  .floating-dragon-1{ width: 80px; }
  .floating-dragon-2{ width: 80px; }
  .floating-dragon-3{ width: 80px; }
  .floating-dragon-4{ width: 80px; }
  .floating-dragon-5{ width: 80px; }
  .floating-dragon-6{ width: 80px; }
  .floating-dragon-7{ width: 80px; }
  .floating-dragon-8{ width: 80px; }
}

@media (prefers-reduced-motion: reduce){
  .dragon-wrap img{ animation: none; }
}

/* ---------- Grey mode (triggered by a low How Cooked score) ---------- */
html.grey-mode{
  filter: grayscale(1);
  transition: filter 0.6s ease;
}

/* ===== MOBILE FIXES - polaroids mobile fix (max-width 749px only) ===== */
lute;
    right:14px;
        top:50%;
            transform:translateY(-50%);
}

  /* HERO: reduce the huge gap and scale down so content fits a{
      width:min(60vh,92vw,980px);
          margin:0 auto;
}
            .dragon-wrap img{
                transform:rotate(-1.5deg);
                    filter:drop-shadow(0.cta,
                      .product-actions .cta-checkout{
                          margin-top:0;
                              width:min(92vw,340px);
                                  justify-content:center;
}
                                  
                                    /* HOME PRODUCTS: less vertical padding */
                                      .@media(max-width:749px){

    /* HEADER: single compact centered row so all nav items + cart fit without 2-row wrap */
      header.site-header{
            flex-direction:row;
                align-items:center;
                    justify-content:center;
                        gap:0;
                            padding:12px 12px;
      }
        .wordmark-mini{
              position:absolute;
                  left:14px;
                      top:50%;
                          transform:translateY(-50%);
        }
          .wordmark-logo{height:2-price{font-size:18px;margin-bottom:14px}
            .product-description{font-size:15px;margin-bottom:20px}
              .product-form select{padding:10px 12px;font-size:14px}
              
                .page-wrap{padding:96px 14px 48px}
                  .panel{
                        padding:20px 16px;
                            border-radius:16px;
                  }
                    .page-title{font-size:clamp(24px,7vw,36px);margin:0 0 16px}
                      .page-content{font-size:15px;line-height:1.65}
                        .page-content p{margin:0 0 14px}
                          /* inline images (Zhou horse/phone, About video, etc.) must not overflow the panel */
                            .page-content img,
                              .panel img{max-wiauto}
                                .page-content video,
                                  .panel video{max-width:100%;height:auto}
                                    .about-dra /* px}
            nav.site-nav{
                  gap:6px;
6em;
    white-space:nowrap;
                                  }
                                    .nav-home-icon{display:none} /* duplicate home link (logo is home) */
                                      .cart-link{
                                            position:abso
                                      }                      flex-wrap:nowrap;
                          justify-content:center;
                              overflow-x:auto;
                                  -webkit-overflow-scrolling:touch;
                                      scrollbar-width:none;
                                          -ms-overflow-style:none;
                                              padding:0 44px;
            }
              nav.site-nav::-webkit-scrollbar{display:none}
                nav.site-nav a{
                      font-size:10px;
                          letter-spacing:.0
                }
            }
        }
      }
}