*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-family);font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{display:block;max-width:100%;height:auto}a{color:var(--text-primary);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-family);font-weight:var(--type-section-weight);line-height:var(--type-section-leading)}.align-hero{text-align:var(--align-hero)}.align-campaign{text-align:var(--align-campaign)}.align-editorial{text-align:var(--align-editorial)}.align-band{text-align:var(--align-band)}.gap-a{margin-bottom:var(--gap-a)}.gap-b{margin-bottom:var(--gap-b)}.gap-c{margin-bottom:var(--gap-c)}.stack-gap-a{gap:var(--gap-a)}.stack-gap-b{gap:var(--gap-b)}.stack-gap-c{gap:var(--gap-c)}.type-hero,.type-opening,.h1--opening{font-size:var(--type-hero-size);font-weight:var(--type-hero-weight);line-height:var(--type-hero-leading);letter-spacing:var(--type-hero-tracking);margin:var(--type-hero-margin);text-transform:none}@media(max-width:768px){.type-hero,.type-opening,.h1--opening{font-size:var(--type-hero-size-mobile)}}.h2-display{font-size:var(--type-h2-display-size);font-weight:var(--type-h2-display-weight);line-height:var(--type-h2-display-leading);letter-spacing:var(--type-h2-display-tracking);margin:var(--type-h2-display-margin);color:var(--text-primary);text-transform:none}.h2-supporting{font-size:var(--type-h2-supporting-size);font-weight:var(--type-h2-supporting-weight);line-height:var(--type-h2-supporting-leading);letter-spacing:var(--type-h2-supporting-tracking);margin:var(--type-h2-supporting-margin);color:var(--text-primary);text-transform:none}.h2-standard,.type-section,.type-campaign,.h2--section{font-size:var(--type-section-size);font-weight:var(--type-section-weight);line-height:var(--type-section-leading);letter-spacing:var(--type-section-tracking);margin:var(--type-section-margin);color:var(--text-primary);text-transform:none}.type-section--narrow,.type-campaign--narrow{max-width:var(--type-section-measure)}.type-section--wide,.type-campaign--wide{max-width:var(--type-section-measure-wide)}.em{font-weight:var(--fw-emphasis)}.type-statement{font-size:var(--type-statement-size);font-weight:var(--type-statement-weight);line-height:var(--type-statement-leading);letter-spacing:var(--type-statement-tracking);margin:var(--type-section-margin);color:var(--text-primary);text-transform:none}@media(max-width:768px){.h2-display{font-size:var(--section-heading-size-m, 36px)}.h2-supporting{font-size:var(--type-h2-supporting-size-mobile)}.h2-standard,.type-section,.type-campaign,.h2--section{font-size:var(--type-section-size-mobile)}.type-statement{font-size:var(--type-statement-size-mobile)}}.type-lede{font-size:var(--type-lede-size);font-weight:var(--type-lede-weight);line-height:var(--type-lede-leading);color:var(--text-body)}.type-body{font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-leading);color:var(--text-body)}.type-label,.eyebrow{font-size:var(--type-label-size);font-weight:var(--type-label-weight);text-transform:uppercase;letter-spacing:var(--type-label-tracking);color:var(--type-label-color)}.eyebrow--accent{color:var(--type-label-color)}.eyebrow--manifesto{letter-spacing:var(--tracking-manifesto)}.section--campaign{padding-top:var(--section-padding-y-campaign);padding-bottom:var(--section-padding-y-campaign)}@media(max-width:768px){.section--campaign{padding-top:var(--section-padding-y-campaign-mobile);padding-bottom:var(--section-padding-y-campaign-mobile)}}.h1,h1{font-size:var(--type-hero-size);font-weight:var(--type-hero-weight);line-height:var(--type-hero-leading);letter-spacing:var(--type-hero-tracking)}.h2,h2{font-size:var(--type-section-size);font-weight:var(--type-section-weight);line-height:var(--type-section-leading);letter-spacing:var(--type-section-tracking)}.h3,h3{font-size:var(--type-h3-size);font-weight:var(--type-h3-weight);line-height:var(--type-h3-leading);letter-spacing:var(--type-h3-tracking)}.h4,h4{font-size:var(--text-2xl);line-height:var(--leading-heading);font-weight:var(--type-section-weight)}.body-lg{font-size:var(--type-body-size);line-height:var(--type-body-leading);color:var(--text-body);font-weight:var(--type-body-weight)}.body{font-size:var(--type-body-size-sm);line-height:var(--type-body-leading);color:var(--text-body);font-weight:var(--type-body-weight)}.body-sm{font-size:14px;line-height:var(--type-body-leading);color:var(--text-body);font-weight:var(--type-body-weight)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--type-cta-min-height);padding:var(--type-cta-pad-y) var(--type-cta-pad-x);font-size:var(--type-cta-size);font-weight:var(--type-cta-weight);letter-spacing:var(--type-cta-tracking);line-height:var(--type-cta-leading, 1);text-transform:uppercase;border:none;border-radius:var(--radius-button);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:hover{text-decoration:none}.btn--primary{background:var(--color-charcoal);color:var(--color-white)}.btn--primary:hover{background:var(--accent-primary)}.btn--brand{background:var(--accent-primary);color:var(--color-white);border:1px solid var(--accent-primary)}.btn--brand:hover{background:var(--color-charcoal);border-color:var(--color-charcoal);color:var(--color-white)}.btn--brand-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn--brand-outline:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--color-white)}.btn--secondary{background:transparent;color:var(--color-charcoal);border:1px solid var(--color-charcoal)}.btn--secondary:hover{background:var(--color-charcoal);color:var(--color-white)}.btn--inverted{background:var(--color-white);color:var(--color-charcoal)}.btn--inverted:hover{opacity:.9}.btn--full{width:100%}.btn--lg{padding:18px 36px;font-size:15px}.btn--sm{padding:10px 20px;font-size:12px}.section{padding:var(--section-padding-y) var(--section-padding-x)}.section--narrow{padding:var(--space-10) var(--section-padding-x)}.section--flush{padding:0}.section--cream{background:var(--bg-alternate)}.section--dark{background:var(--bg-dark);color:var(--color-white)}.section__inner{max-width:var(--max-width);margin:0 auto}.section__inner--wide{max-width:var(--max-width-hero)}.section__inner--narrow{max-width:var(--max-width-narrow)}.grid{display:grid;gap:var(--grid-gap)}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}:focus-visible{outline:2px solid var(--color-charcoal);outline-offset:2px}[data-theme=dark] :focus-visible,.section--dark :focus-visible{outline-color:var(--color-white)}:focus:not(:focus-visible){outline:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);background:var(--color-charcoal);color:var(--color-white);padding:12px 24px;z-index:100;border-radius:var(--radius-button);font-size:14px;font-weight:var(--weight-semibold)}.skip-link:focus{top:8px}.badge{display:inline-block;background:var(--accent-primary);color:var(--color-white);padding:4px 10px;font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-widest);border-radius:var(--radius-badge)}.stars{color:var(--accent-stars);font-size:var(--star-size, 14px);letter-spacing:.12em}.stars--lg{font-size:18px}@media(max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--section-padding-y: 48px;--section-padding-x: 16px}.h1,h1{font-size:var(--type-hero-size-mobile)}.h2,h2{font-size:var(--type-section-size-mobile)}.h3,h3{font-size:var(--type-h3-size)}.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.section-frame{box-sizing:border-box;margin-top:var(--section-inset-top, 0px)!important;margin-right:var(--section-inset-right, 0px)!important;margin-bottom:var(--section-inset-bottom, 0px)!important;margin-left:var(--section-inset-left, 0px)!important}@media(max-width:768px){.section-frame{margin-top:var(--section-inset-top-m, var(--section-inset-top, 0px))!important;margin-right:var(--section-inset-right-m, var(--section-inset-right, 0px))!important;margin-bottom:var(--section-inset-bottom-m, var(--section-inset-bottom, 0px))!important;margin-left:var(--section-inset-left-m, var(--section-inset-left, 0px))!important}.section-frame--hide-mobile{display:none!important}}@media(min-width:769px){.section-frame--hide-desktop{display:none!important}}.media-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;display:block}.media-img--contain{object-fit:contain}@media(max-width:768px){.mobile-stack--copy-first.split-section .split-media,.mobile-stack--copy-first.split-hero .split-hero__media,.mobile-stack--copy-first.coll-hero--split .coll-hero__media,.mobile-stack--copy-first.hero .hero__image{order:2!important}.mobile-stack--copy-first.split-section .split-text,.mobile-stack--copy-first.split-hero .split-hero__copy,.mobile-stack--copy-first.coll-hero--split .coll-hero__copy,.mobile-stack--copy-first.hero .hero__copy{order:1!important}.mobile-stack--media-first.coll-hero--split .coll-hero__media,.mobile-stack--media-first.hero .hero__image{order:-1!important}.mobile-stack--media-first.split-hero .split-hero__media{order:1!important}.mobile-stack--media-first.split-hero .split-hero__copy{order:2!important}.mobile-stack--media-first.split-section .split-media,.mobile-stack--media-first.split-section .split-text{order:0!important}.mobile-stack--copy-first.page-about-split .page-about-split__media,.mobile-stack--copy-first.page-about-joseph .page-about-joseph__gallery{order:2!important}.mobile-stack--copy-first.page-about-split .page-about-split__copy,.mobile-stack--copy-first.page-about-joseph .page-about-joseph__copy{order:1!important}.mobile-stack--media-first.page-about-split .page-about-split__media,.mobile-stack--media-first.page-about-split .page-about-split__copy,.mobile-stack--media-first.page-about-joseph .page-about-joseph__gallery,.mobile-stack--media-first.page-about-joseph .page-about-joseph__copy{order:0!important}}.help-links{max-width:640px;margin:0 auto;padding:48px 40px 96px;text-align:center}.help-links__title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9a9182;margin:0 0 18px}.help-links__list{list-style:none;margin:0;padding:20px 0 0;border-top:1px solid #d6cfc0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 28px}.help-links__list a{font-size:15px;color:#1c1916;text-decoration:none;border-bottom:1px solid transparent}.help-links__list a:hover{color:#c45c3f;border-bottom-color:#c45c3f;text-decoration:none}@media(max-width:768px){.help-links{padding:36px 20px 64px}.help-links__list{gap:12px 20px}}video:not([controls])::-webkit-media-controls{display:none!important;-webkit-appearance:none!important;opacity:0!important}video:not([controls])::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none!important;opacity:0!important;width:0!important;height:0!important;pointer-events:none!important}video:not([controls])::-webkit-media-controls-enclosure{display:none!important;-webkit-appearance:none!important}.shopify-section:has(.sock-math)+.shopify-section:has(.pdp-reviews) .pdp-reviews{background:var(--bg-primary, #ffffff)!important}
/*# sourceMappingURL=/cdn/shop/t/141/assets/barreletics-base.css.map */