{"product_id":"yaga-signature-gradient-cuffed-beanie","title":"YAGA Signature Gradient Cuffed Beanie","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Mulish:wght@400;500;600;700;800;900\u0026display=swap');\n\n#yaga-signature-beanie {\n  --ys-gradient: linear-gradient(110deg, #ec3977, #b52e9e 50%, #7542a8);\n  max-width: 1200px;\n  margin: 28px auto;\n  font-family: 'Mulish', sans-serif !important;\n  color: #171717;\n  background: #fff;\n}\n\n#yaga-signature-beanie,\n#yaga-signature-beanie * {\n  box-sizing: border-box;\n}\n\n#yaga-signature-beanie :is(h2,h3,p,figure,ul,li) {\n  margin: 0;\n  font-family: inherit !important;\n  text-transform: none !important;\n  letter-spacing: normal;\n  min-width: 0;\n}\n\n#yaga-signature-beanie :is(p,li) {\n  font-size: 17px !important;\n  line-height: 1.6 !important;\n  color: #343434 !important;\n  text-align: left !important;\n}\n\n#yaga-signature-beanie :is(strong,span) {\n  color: inherit !important;\n}\n\n#yaga-signature-beanie strong {\n  font-weight: 800 !important;\n}\n\n#yaga-signature-beanie h2 {\n  font-size: clamp(28px, 3vw, 38px) !important;\n  line-height: 1.14 !important;\n  font-weight: 900 !important;\n  color: #171717 !important;\n  margin-bottom: 16px;\n}\n\n#yaga-signature-beanie h3 {\n  font-size: 22px !important;\n  line-height: 1.25 !important;\n  font-weight: 800 !important;\n  color: #171717 !important;\n  margin-bottom: 10px;\n}\n\n#yaga-signature-beanie p.ys-label {\n  font-size: 12px !important;\n  line-height: 1.4 !important;\n  font-weight: 800 !important;\n  letter-spacing: .13em !important;\n  color: #555 !important;\n  margin-bottom: 14px;\n}\n\n\/* BANNER 1: YOUR SIGNATURE *\/\n\n#yaga-signature-beanie .ys-hero {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n  background: #101010 !important;\n}\n\n#yaga-signature-beanie .ys-hero-copy {\n  padding: 36px;\n  align-self: center;\n}\n\n#yaga-signature-beanie .ys-hero :is(h2,h3,p,strong,span) {\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n}\n\n#yaga-signature-beanie .ys-hero p.ys-label {\n  color: #ddd !important;\n  -webkit-text-fill-color: #ddd !important;\n}\n\n#yaga-signature-beanie .ys-hero h2 .ys-headline-line {\n  display: block !important;\n  color: #fff !important;\n  background: none !important;\n  -webkit-text-fill-color: #fff !important;\n}\n\n\/* Solid letter colors keep the gradient effect visible. *\/\n\n#yaga-signature-beanie .ys-hero .ys-colored,\n#yaga-signature-beanie .ys-hero .ys-colored span {\n  background: none !important;\n  background-image: none !important;\n  -webkit-background-clip: border-box !important;\n  background-clip: border-box !important;\n  -webkit-text-fill-color: currentColor !important;\n  opacity: 1 !important;\n  visibility: visible !important;\n}\n\n#yaga-signature-beanie .ys-hero .ys-colored .ys-tone-1 {\n  color: #f078a8 !important;\n}\n\n#yaga-signature-beanie .ys-hero .ys-colored .ys-tone-3 {\n  color: #df79c8 !important;\n}\n\n#yaga-signature-beanie .ys-hero .ys-colored .ys-tone-6 {\n  color: #a98ff0 !important;\n}\n\n#yaga-signature-beanie .ys-gradient-rule {\n  display: block;\n  width: 90px;\n  height: 4px;\n  background: var(--ys-gradient);\n  margin: 20px 0;\n}\n\n#yaga-signature-beanie .ys-hero-copy p + p {\n  margin-top: 16px;\n}\n\n#yaga-signature-beanie .ys-photo {\n  position: relative;\n  min-height: 430px;\n  overflow: hidden;\n}\n\n#yaga-signature-beanie .ys-photo img {\n  position: absolute;\n  inset: 0;\n  display: block;\n  width: 100% !important;\n  height: 100% !important;\n  max-width: none;\n  object-fit: cover;\n  object-position: center 40%;\n  margin: 0;\n}\n\n\/* BANNER 2: THE YAGA MINDSET *\/\n\n#yaga-signature-beanie .ys-meaning {\n  margin-top: 24px;\n  padding: 30px;\n  background: #f7f7f5;\n}\n\n#yaga-signature-beanie .ys-meaning \u003e h2 {\n  font-size: clamp(26px, 2.5vw, 32px) !important;\n}\n\n#yaga-signature-beanie .ys-cards {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0,1fr));\n  gap: 18px;\n  margin-top: 22px;\n}\n\n#yaga-signature-beanie .ys-card {\n  padding: 22px;\n  background: #fff;\n  border-top: 3px solid transparent;\n  border-image: var(--ys-gradient) 1;\n}\n\n#yaga-signature-beanie .ys-card p {\n  font-size: 16px !important;\n}\n\n\/* BANNER 3: DETAILS AND EMBROIDERY CLOSE-UP *\/\n\n#yaga-signature-beanie .ys-details {\n  display: grid;\n  grid-template-columns: minmax(0,1fr) minmax(0,1fr);\n  gap: 30px;\n  margin-top: 24px;\n  padding: 30px;\n  border-top: 3px solid transparent;\n  border-image: var(--ys-gradient) 1;\n  background: #fff;\n  align-items: center;\n}\n\n#yaga-signature-beanie .ys-details h2 {\n  font-size: clamp(26px, 2.5vw, 32px) !important;\n}\n\n#yaga-signature-beanie .ys-facts {\n  list-style: none;\n  margin-top: 18px;\n  padding: 0;\n}\n\n#yaga-signature-beanie .ys-facts li {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 10px 0;\n  border-bottom: 1px solid #e9e2eb;\n  font-size: 16px !important;\n}\n\n#yaga-signature-beanie .ys-facts li:last-child {\n  border: 0;\n}\n\n#yaga-signature-beanie .ys-facts .ys-check {\n  flex: 0 0 18px;\n  color: #171717 !important;\n  font-weight: 900;\n}\n\n#yaga-signature-beanie .ys-detail-photo {\n  width: 100%;\n  overflow: hidden;\n}\n\n#yaga-signature-beanie .ys-detail-photo img {\n  display: block;\n  width: 100% !important;\n  height: auto !important;\n  max-width: 100% !important;\n  aspect-ratio: 1402 \/ 1122;\n  object-fit: contain;\n  margin: 0 !important;\n  border: 0;\n}\n\n\/* MOBILE *\/\n\n@media (max-width: 749px) {\n  #yaga-signature-beanie {\n    margin: 24px auto;\n  }\n\n  #yaga-signature-beanie :is(.ys-hero,.ys-cards,.ys-details) {\n    grid-template-columns: minmax(0,1fr);\n  }\n\n  #yaga-signature-beanie .ys-photo {\n    grid-row: 1;\n    min-height: 0;\n    aspect-ratio: 1 \/ 1;\n  }\n\n  #yaga-signature-beanie .ys-hero-copy {\n    padding: 26px 22px;\n  }\n\n  #yaga-signature-beanie :is(.ys-meaning,.ys-details) {\n    padding: 26px 22px;\n  }\n\n  #yaga-signature-beanie .ys-cards {\n    gap: 14px;\n  }\n\n  #yaga-signature-beanie .ys-details {\n    gap: 22px;\n  }\n\n  #yaga-signature-beanie :is(p,li) {\n    font-size: 16px !important;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"yaga-signature-beanie\"\u003e\n\u003c!-- BANNER 1 --\u003e\n\u003csection class=\"ys-hero\"\u003e\n\u003cdiv class=\"ys-hero-copy\"\u003e\n\u003cp class=\"ys-label\"\u003eYAGA SIGNATURE GRADIENT CUFFED BEANIE\u003c\/p\u003e\n\u003ch2 id=\"ys-customer-heading\"\u003eBRING WHAT MAKES \u003cspan class=\"ys-headline-line\"\u003eYOU, \u003cspan class=\"ys-colored\"\u003e\u003cspan class=\"ys-tone-1\"\u003eY\u003c\/span\u003e\u003cspan class=\"ys-tone-3\"\u003eO\u003c\/span\u003e\u003cspan class=\"ys-tone-6\"\u003eU.\u003c\/span\u003e\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"ys-gradient-rule\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cp\u003eYour ideas. Your perspective. Your way of showing up.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eYAGA\u003c\/strong\u003e means \u003cstrong\u003eYoung And Gifted Always.\u003c\/strong\u003e Wear it as a reminder to recognize your gifts, trust your voice, and keep becoming more of yourself.\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eYour style. Your story. Your YAGA.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ys-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/9121\/0281\/files\/YAGA-Corey-Signature-Gradient-Beanie.webp?v=1791217474\" alt=\"Corey wearing the black YAGA Signature Gradient cuffed beanie with pink and purple logo embroidery.\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c\/section\u003e\n\u003c!-- BANNER 2 --\u003e\n\u003csection class=\"ys-meaning\"\u003e\n\u003cp class=\"ys-label\"\u003eMORE THAN WHAT YOU WEAR\u003c\/p\u003e\n\u003ch2 id=\"ys-mindset-heading\"\u003eA REMINDER OF WHAT YOU BRING.\u003c\/h2\u003e\n\u003cp\u003eRooted in Jamaican culture and open to everyone, YAGA celebrates the individual. Our signature gradient carries that spirit into your everyday style.\u003c\/p\u003e\n\u003cdiv class=\"ys-cards\"\u003e\n\u003cdiv class=\"ys-card\"\u003e\n\u003ch3\u003eOwn your creativity.\u003c\/h3\u003e\n\u003cp\u003eBring your ideas and your point of view. There’s room for your kind of different.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ys-card\"\u003e\n\u003ch3\u003eTrust your gifts.\u003c\/h3\u003e\n\u003cp\u003eYou don’t need to be someone else to have something worth sharing.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"ys-card\"\u003e\n\u003ch3\u003eKeep growing.\u003c\/h3\u003e\n\u003cp\u003eStay curious. Try something new. Give yourself room to become.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c!-- BANNER 3 --\u003e\n\u003csection class=\"ys-details\"\u003e\n\u003cdiv class=\"ys-detail-copy\"\u003e\n\u003cp class=\"ys-label\"\u003eTHE SIGNATURE DETAILS\u003c\/p\u003e\n\u003ch2 id=\"ys-product-heading\"\u003eMAKE IT PART OF YOUR EVERYDAY.\u003c\/h2\u003e\n\u003cp\u003eThe YAGA Signature Gradient Cuffed Beanie pairs black knit and a folded cuff with our signature gradient embroidered wordmark. Pink and purple threads bring our original brand colors to a simple everyday piece. Distinctly YAGA. Entirely your own.\u003c\/p\u003e\n\u003cul class=\"ys-facts\"\u003e\n\u003cli\u003e\n\u003cspan class=\"ys-check\"\u003e✓\u003c\/span\u003e Black knit construction\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ys-check\"\u003e✓\u003c\/span\u003e Folded cuff\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ys-check\"\u003e✓\u003c\/span\u003e Embroidered lowercase yaga logo\u003c\/li\u003e\n\u003cli\u003e\n\u003cspan class=\"ys-check\"\u003e✓\u003c\/span\u003e Original YAGA signature gradient colors\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cfigure class=\"ys-detail-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0671\/9121\/0281\/files\/YAGA-Signature-Gradient-Beanie-Close-Up.webp?v=1791228274\" alt=\"Close-up of pink and purple gradient yaga embroidery on the folded cuff of a black knit beanie.\" width=\"1402\" height=\"1122\" loading=\"lazy\" decoding=\"async\"\u003e\u003c\/figure\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e","brand":"YAGA Farms","offers":[{"title":"Default Title","offer_id":67563715887401,"sku":null,"price":24.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0671\/9121\/0281\/files\/Pink-purpleyagaknitbeanie-1.webp?v=1790967986","url":"https:\/\/www.yagafarms.com\/products\/yaga-signature-gradient-cuffed-beanie","provider":"YAGA Farms","version":"1.0","type":"link"}