@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//sneaker.hashh.store/wp-content/themes/woodmart/woodmart/fonts/woodmart-font-1-400.woff2?v=8.0.5") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//sneaker.hashh.store/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Rosarivo", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Rosarivo", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Dancing Script", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Rosarivo", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Karla", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 14px;
	--wd-primary-color: rgb(177,34,37);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(192,17,87);
	--btn-accented-bgcolor-hover: rgb(173,12,80);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://sneaker.hashh.store/wp-content/uploads/2021/08/promo-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.header-banner {
	background-color: rgb(224,20,22);
	background-image: none;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--btn-accented-box-shadow-active: none;
--btn-accented-bottom: 0px;
--wd-brd-radius: 0px;
}

@media (min-width: 1239px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1222px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.hashh-about * { box-sizing: border-box; margin: 0; padding: 0; }
.hashh-about { font-family: 'Barlow', sans-serif; background: #0a0a0a; color: #f5f0e8; overflow-x: hidden; }
.hashh-about .hero { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.hashh-about .hero-left { background: #e8381a; display: flex; flex-direction: column; justify-content: flex-end; padding: 60px 50px; position: relative; overflow: hidden; }
.hashh-about .hero-left::before { content: 'HASHH'; position: absolute; top: -20px; left: -30px; font-family: 'Bebas Neue', sans-serif; font-size: 220px; color: rgba(0,0,0,0.12); line-height: 1; white-space: nowrap; pointer-events: none; }
.hashh-about .hero-eyebrow { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(0,0,0,0.6); margin-bottom: 16px; }
.hashh-about .hero-title { font-family: 'Bebas Neue', sans-serif; font-size: 110px; line-height: 0.88; color: #0a0a0a; }
.hashh-about .hero-title span { display: block; color: #f5f0e8; }
.hashh-about .hero-sub { margin-top: 28px; font-size: 16px; line-height: 1.7; color: rgba(0,0,0,0.75); max-width: 380px; }
.hashh-about .hero-right { background: #1a1a1a; display: flex; align-items: center; justify-content: center; padding: 60px 50px; position: relative; overflow: hidden; }
.hashh-about .hero-right::after { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(255,255,255,0.015) 40px, rgba(255,255,255,0.015) 41px); }
.hashh-about .hero-badge { text-align: center; position: relative; z-index: 1; }
.hashh-about .badge-ring { width: 240px; height: 240px; border: 2px solid #e8381a; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 32px; animation: hashhSpin 20s linear infinite; }
.hashh-about .badge-inner { animation: hashhSpinR 20s linear infinite; text-align: center; }
.hashh-about .badge-inner .big { font-family: 'Bebas Neue', sans-serif; font-size: 56px; line-height: 1; color: #f5f0e8; display: block; }
.hashh-about .badge-inner .small { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 0.25em; color: #e8381a; text-transform: uppercase; display: block; margin-top: 4px; }
.hashh-about .hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.08); width: 100%; max-width: 340px; margin: 0 auto; }
.hashh-about .stat { padding: 20px 16px; text-align: center; background: #1a1a1a; }
.hashh-about .stat-num { font-family: 'Bebas Neue', sans-serif; font-size: 36px; color: #e8381a; line-height: 1; }
.hashh-about .stat-label { font-family: 'Barlow Condensed', sans-serif; font-size: 11px; letter-spacing: 0.12em; color: #888; text-transform: uppercase; margin-top: 4px; }
.hashh-about .marquee-wrap { background: #e8381a; overflow: hidden; padding: 14px 0; border-top: 3px solid #0a0a0a; border-bottom: 3px solid #0a0a0a; }
.hashh-about .marquee-track { display: flex; animation: hashhMarquee 18s linear infinite; white-space: nowrap; }
.hashh-about .marquee-item { font-family: 'Bebas Neue', sans-serif; font-size: 22px; letter-spacing: 0.05em; color: #0a0a0a; padding: 0 32px; flex-shrink: 0; }
.hashh-about .marquee-dot { color: rgba(0,0,0,0.35); }
.hashh-about .who { display: grid; grid-template-columns: 1fr 2fr; min-height: 70vh; }
.hashh-about .who-label { background: #1a1a1a; border-right: 1px solid rgba(255,255,255,0.06); display: flex; align-items: center; justify-content: center; padding: 60px 30px; }
.hashh-about .vertical-label { font-family: 'Bebas Neue', sans-serif; font-size: 80px; writing-mode: vertical-rl; transform: rotate(180deg); color: rgba(255,255,255,0.06); line-height: 1; }
.hashh-about .who-content { padding: 80px 70px; display: flex; flex-direction: column; justify-content: center; }
.hashh-about .section-tag { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 0.35em; text-transform: uppercase; color: #e8381a; margin-bottom: 24px; display: flex; align-items: center; gap: 12px; }
.hashh-about .section-tag::before { content: ''; display: block; width: 30px; height: 2px; background: #e8381a; }
.hashh-about .section-heading { font-family: 'Bebas Neue', sans-serif; font-size: 80px; line-height: 0.9; margin-bottom: 32px; color: #f5f0e8; }
.hashh-about .section-heading em { font-style: normal; color: #e8381a; }
.hashh-about .section-body { font-size: 17px; line-height: 1.8; color: rgba(245,240,232,0.75); max-width: 560px; }
.hashh-about .section-body strong { color: #f5f0e8; font-weight: 700; }
.hashh-about .philosophy { background: #e8e0d0; color: #0a0a0a; padding: 100px 80px; }
.hashh-about .philosophy .section-heading { color: #0a0a0a; }
.hashh-about .philosophy .section-body { color: rgba(10,10,10,0.65); }
.hashh-about .pillars { display: grid; grid-template-columns: repeat(4,1fr); gap: 2px; margin-top: 60px; background: rgba(0,0,0,0.08); }
.hashh-about .pillar { background: #e8e0d0; padding: 40px 30px; position: relative; overflow: hidden; transition: background 0.3s, transform 0.3s; cursor: default; }
.hashh-about .pillar:hover { background: #0a0a0a; transform: translateY(-4px); }
.hashh-about .pillar:hover .pillar-title, .hashh-about .pillar:hover .pillar-body { color: #f5f0e8; }
.hashh-about .pillar-num { font-family: 'Bebas Neue', sans-serif; font-size: 80px; color: rgba(0,0,0,0.06); line-height: 1; position: absolute; top: 10px; right: 20px; transition: color 0.3s; }
.hashh-about .pillar:hover .pillar-num { color: #e8381a; }
.hashh-about .pillar-icon { font-size: 28px; margin-bottom: 20px; display: block; }
.hashh-about .pillar-title { font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 16px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 12px; color: #0a0a0a; transition: color 0.3s; }
.hashh-about .pillar-body { font-size: 14px; line-height: 1.7; color: rgba(10,10,10,0.6); transition: color 0.3s; }
.hashh-about .promise { background: #0a0a0a; display: grid; grid-template-columns: 1fr 1fr; min-height: 60vh; }
.hashh-about .promise-left { background: #e8381a; padding: 80px 60px; display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.hashh-about .promise-left::before { content: '"'; font-family: 'Bebas Neue', sans-serif; font-size: 400px; color: rgba(0,0,0,0.1); position: absolute; top: -80px; left: -20px; line-height: 1; pointer-events: none; }
.hashh-about .tagline { font-family: 'Bebas Neue', sans-serif; font-size: 60px; line-height: 1; color: #0a0a0a; position: relative; z-index: 1; }
.hashh-about .tagline-sub { margin-top: 20px; font-size: 16px; color: rgba(0,0,0,0.65); line-height: 1.7; position: relative; z-index: 1; max-width: 340px; }
.hashh-about .promise-right { padding: 80px 60px; display: flex; flex-direction: column; justify-content: center; }
.hashh-about .promise-item { padding: 28px 0; border-bottom: 1px solid rgba(255,255,255,0.07); display: grid; grid-template-columns: 60px 1fr; gap: 20px; align-items: start; }
.hashh-about .promise-item:first-child { border-top: 1px solid rgba(255,255,255,0.07); }
.hashh-about .promise-icon { font-size: 28px; line-height: 1; padding-top: 2px; }
.hashh-about .promise-title { font-family: 'Barlow', sans-serif; font-weight: 700; font-size: 15px; text-transform: uppercase; letter-spacing: 0.08em; color: #f5a623; margin-bottom: 6px; }
.hashh-about .promise-body { font-size: 15px; color: rgba(245,240,232,0.65); line-height: 1.7; }
.hashh-about .why { background: #1a1a1a; padding: 100px 80px; }
.hashh-about .why-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 2px; margin-top: 60px; }
.hashh-about .why-item { background: #1a1a1a; padding: 44px 36px; border: 1px solid rgba(255,255,255,0.04); position: relative; overflow: hidden; transition: border-color 0.3s, background 0.3s; }
.hashh-about .why-item:hover { border-color: #e8381a; background: rgba(232,56,26,0.05); }
.hashh-about .why-item::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #e8381a; transition: width 0.4s ease; }
.hashh-about .why-item:hover::after { width: 100%; }
.hashh-about .why-flag { font-size: 36px; margin-bottom: 16px; display: block; }
.hashh-about .why-title { font-family: 'Bebas Neue', sans-serif; font-size: 24px; color: #f5f0e8; margin-bottom: 10px; }
.hashh-about .why-body { font-size: 14px; color: #888; line-height: 1.7; }
.hashh-about .vision { background: #0a0a0a; padding: 120px 80px; text-align: center; position: relative; overflow: hidden; }
.hashh-about .vision::before { content: 'VISION'; font-family: 'Bebas Neue', sans-serif; font-size: 220px; color: rgba(255,255,255,0.025); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; pointer-events: none; }
.hashh-about .vision-content { position: relative; z-index: 1; max-width: 700px; margin: 0 auto; }
.hashh-about .vision-quote { font-family: 'Bebas Neue', sans-serif; font-size: 54px; line-height: 1.1; color: #f5f0e8; margin-bottom: 32px; }
.hashh-about .vision-quote em { font-style: normal; color: #e8381a; }
.hashh-about .vision-body { font-size: 17px; color: rgba(245,240,232,0.6); line-height: 1.9; max-width: 560px; margin: 0 auto 48px; }
.hashh-about .cta-btn { display: inline-block; font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 15px; letter-spacing: 0.2em; text-transform: uppercase; color: #0a0a0a; background: #e8381a; padding: 18px 48px; text-decoration: none; transition: background 0.2s, transform 0.2s; }
.hashh-about .cta-btn:hover { background: #f5a623; transform: translateY(-2px); }
.hashh-about .foot-strip { background: #e8381a; padding: 24px 80px; display: flex; align-items: center; justify-content: space-between; }
.hashh-about .foot-brand { font-family: 'Bebas Neue', sans-serif; font-size: 32px; color: #0a0a0a; }
.hashh-about .foot-tagline { font-family: 'Barlow Condensed', sans-serif; font-size: 13px; letter-spacing: 0.25em; text-transform: uppercase; color: rgba(0,0,0,0.6); }
.hashh-about .foot-concern { font-family: 'Barlow Condensed', sans-serif; font-size: 12px; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(0,0,0,0.5); }
.hashh-about .reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease, transform 0.7s ease; }
.hashh-about .reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes hashhMarquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes hashhSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
@keyframes hashhSpinR { from { transform: rotate(0deg); } to { transform: rotate(-360deg); } }
@media (max-width: 900px) {
  .hashh-about .hero, .hashh-about .who, .hashh-about .promise { grid-template-columns: 1fr; }
  .hashh-about .hero-left { min-height: 60vh; }
  .hashh-about .who-label { display: none; }
  .hashh-about .who-content, .hashh-about .promise-left, .hashh-about .promise-right, .hashh-about .philosophy, .hashh-about .why, .hashh-about .vision { padding: 60px 30px; }
  .hashh-about .pillars, .hashh-about .why-grid { grid-template-columns: 1fr 1fr; }
  .hashh-about .foot-strip { flex-direction: column; gap: 8px; text-align: center; padding: 24px 30px; }
  .hashh-about .hero-title { font-size: 70px; }
}
@media (max-width: 560px) {
  .hashh-about .pillars, .hashh-about .why-grid { grid-template-columns: 1fr; }
  .hashh-about .hero-stats { grid-template-columns: 1fr; }
}