.denimbyte-hero{background-color:var(--color-background);border-bottom:1px solid var(--color-border)}.denimbyte-hero__container{max-width:1440px;margin:0 auto;padding:2.25rem 1rem 2.75rem}@media screen and (min-width:640px){.denimbyte-hero__container{padding:2.75rem 1.5rem 3.25rem}}@media screen and (min-width:1024px){.denimbyte-hero__container{padding:3.25rem 2rem 3.5rem}}.denimbyte-hero__grid{display:grid;grid-template-columns:1fr;gap:2rem;align-items:stretch}@media screen and (min-width:1024px){.denimbyte-hero__grid{grid-template-columns:1.125fr .875fr;gap:4rem;min-height:440px}}@media screen and (min-width:1280px){.denimbyte-hero__grid{gap:5rem}}.denimbyte-hero__content{display:flex;flex-direction:column;justify-content:center}.denimbyte-hero__badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin-bottom:1.125rem}.denimbyte-hero__badge-line{display:block;width:1.25rem;height:2px;background-color:var(--color-primary);flex-shrink:0}.denimbyte-hero__title{font-family:var(--font-heading);font-size:2.125rem;font-weight:900;letter-spacing:-.02em;line-height:1.05;color:var(--color-text);margin:0 0 1.125rem}@media screen and (min-width:640px){.denimbyte-hero__title{font-size:2.875rem}}@media screen and (min-width:1024px){.denimbyte-hero__title{font-size:3.125rem}}@media screen and (min-width:1280px){.denimbyte-hero__title{font-size:3.625rem}}.denimbyte-hero__description{font-family:var(--font-body);font-size:1rem;font-weight:400;line-height:1.7;color:var(--color-text-muted);margin:0 0 1.75rem;max-width:36rem}@media screen and (min-width:640px){.denimbyte-hero__description{font-size:1.125rem}}.denimbyte-hero__actions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}@media screen and (min-width:640px){.denimbyte-hero__actions{flex-direction:row;align-items:center;flex-wrap:wrap}}.denimbyte-hero__sample-link{display:inline-block;font-family:var(--font-body);font-size:.9375rem;font-weight:600;color:var(--color-text);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;padding:.5rem .25rem;align-self:flex-start;transition:color .2s ease}.denimbyte-hero__sample-link:hover{color:var(--color-primary)}.denimbyte-hero__sample-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:.25rem}.denimbyte-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-weight:700;font-size:1rem;padding:0 2rem;min-height:3.25rem;border-radius:.75rem;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease;white-space:nowrap}.denimbyte-hero__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.denimbyte-hero__btn:active{transform:scale(.98)}.denimbyte-hero__btn--primary{background-color:var(--color-primary);color:var(--color-primary-text, #ffffff);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--color-primary) 25%,transparent)}.denimbyte-hero__btn--primary:hover{background-color:color-mix(in srgb,var(--color-primary) 85%,black);box-shadow:0 10px 15px -3px color-mix(in srgb,var(--color-primary) 35%,transparent)}.denimbyte-hero__btn--secondary{border:1.5px solid var(--color-border);color:var(--color-text);background-color:var(--color-card)}.denimbyte-hero__btn--secondary:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:var(--color-primary)}.denimbyte-hero__btn-icon,.denimbyte-hero__whatsapp-icon{flex-shrink:0}.denimbyte-hero__stats{display:grid;grid-template-columns:1fr;gap:.75rem;margin:1.875rem 0 0}@media screen and (min-width:480px){.denimbyte-hero__stats{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:900px){.denimbyte-hero__stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.25rem}}.denimbyte-hero__stat{background-color:var(--color-card);border:1px solid var(--color-border);border-radius:.875rem;padding:.75rem 1rem;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:.75rem;align-content:center;box-shadow:0 1px 3px #0d0d0d0d;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}@media screen and (min-width:900px){.denimbyte-hero__stat{padding:.85rem 1.15rem;column-gap:.875rem}}.denimbyte-hero__stat:not(:has(.denimbyte-hero__stat-icon)){grid-template-columns:minmax(0,1fr);column-gap:0}.denimbyte-hero__stat:hover{border-color:color-mix(in srgb,var(--color-primary) 25%,var(--color-border));box-shadow:0 6px 16px #0d0d0d12;transform:translateY(-2px)}.denimbyte-hero__stat-icon{grid-row:1 / 3;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:9999px;background-color:color-mix(in srgb,var(--color-primary) 8%,white);color:var(--color-primary);flex-shrink:0}.denimbyte-hero__stat-icon svg{display:block;width:1.05rem;height:1.05rem}@media screen and (min-width:900px){.denimbyte-hero__stat-icon{width:2.5rem;height:2.5rem}.denimbyte-hero__stat-icon svg{width:1.15rem;height:1.15rem}}.denimbyte-hero__stat-label{grid-column:2;grid-row:1;align-self:end;font-family:var(--font-body);font-size:.6875rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted);margin:0}@media screen and (min-width:900px){.denimbyte-hero__stat-label{font-size:.71875rem}}.denimbyte-hero__stat-value{grid-column:2;grid-row:2;align-self:start;font-family:var(--font-heading);font-size:1.1875rem;font-weight:800;line-height:1.15;color:var(--color-primary);margin:.2rem 0 0}@media screen and (min-width:900px){.denimbyte-hero__stat-value{font-size:1.3125rem}}.denimbyte-hero__stat--accent{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 16px -2px color-mix(in srgb,var(--color-primary) 40%,transparent)}.denimbyte-hero__stat--accent:hover{border-color:var(--color-primary);box-shadow:0 6px 20px -2px color-mix(in srgb,var(--color-primary) 50%,transparent)}.denimbyte-hero__stat--accent .denimbyte-hero__stat-icon{background-color:#ffffff2e;color:#fff}.denimbyte-hero__stat--accent .denimbyte-hero__stat-value{color:#fff}.denimbyte-hero__stat--accent .denimbyte-hero__stat-label{color:#ffffffc7}.denimbyte-hero__image-wrapper{display:none;position:relative}@media screen and (min-width:1024px){.denimbyte-hero__image-wrapper{display:block;align-self:center}}.denimbyte-hero__image-box{position:relative;width:100%;aspect-ratio:var(--hero-ratio, 1.25);border-radius:1.25rem;box-shadow:0 24px 64px #0d0d0d1f,0 4px 12px #0d0d0d0d;overflow:hidden;background-color:var(--color-card)}.denimbyte-hero__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.denimbyte-hero__image--placeholder{display:block;width:100%;height:100%;opacity:.4}.denimbyte-hero__floating-badge{position:absolute;bottom:1.125rem;left:1.125rem;max-width:calc(100% - 2.25rem);background-color:#fffffff5;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:.75rem;padding:.6rem 1rem .6rem .7rem;box-shadow:0 8px 24px #0d0d0d24;z-index:10;display:flex;align-items:center;gap:.55rem}.denimbyte-hero__floating-badge-icon{display:inline-flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:9999px;background-color:color-mix(in srgb,var(--color-primary) 8%,white);color:var(--color-primary);flex-shrink:0}.denimbyte-hero__floating-badge-icon svg{display:block;width:1.0625rem;height:1.0625rem}.denimbyte-hero__floating-badge-text{min-width:0}.denimbyte-hero__floating-badge-title{font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-text);margin:0 0 .0625rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.denimbyte-hero__floating-badge-subtitle{font-family:var(--font-body);font-size:.75rem;color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:1023.98px){.denimbyte-hero__container{display:flex;flex-direction:column}.denimbyte-hero__grid{display:contents}.denimbyte-hero__content{order:1}.denimbyte-hero__stats{order:2}.denimbyte-hero__image-wrapper{display:block;order:3;margin-top:1.875rem}.denimbyte-hero__image-box{border-radius:1rem;box-shadow:0 12px 32px #0d0d0d1a,0 2px 8px #0d0d0d0a}.denimbyte-hero__floating-badge{display:none}}@media(prefers-reduced-motion:reduce){.denimbyte-hero__btn{transition:none}.denimbyte-hero__stat{transition:none;transform:none}.denimbyte-hero__stat:hover{transform:none}}@media screen and (max-width:479.98px){.denimbyte-hero__stats{grid-template-columns:repeat(2,1fr);gap:.625rem}.denimbyte-hero__stat{padding:.55rem .7rem;column-gap:.5rem;border-radius:.75rem}.denimbyte-hero__stat-icon{width:1.9rem;height:1.9rem}.denimbyte-hero__stat-icon svg{width:.9rem;height:.9rem}.denimbyte-hero__stat-label{font-size:.575rem;letter-spacing:.05em}.denimbyte-hero__stat-value{font-size:1rem}}.denimbyte-hero__stat,.denimbyte-hero__stat-label,.denimbyte-hero__stat-value{min-width:0;overflow-wrap:anywhere}@media screen and (max-width:359.98px){.denimbyte-hero__stat{grid-template-columns:minmax(0,1fr)}.denimbyte-hero__stat-icon{display:none}.denimbyte-hero__stat-label,.denimbyte-hero__stat-value{grid-column:1}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hero-section.css.map */