.bb-template-about{background:#000;color:#f4f4f4}.bb-template-about #MainContent{flex:none;overflow:clip;background:#000}.bb-template-about .bb-about-section{margin:0}.bb-about{--bba-blue: var(--bb-blue, #0878ff);--bba-line: #252525;--bba-muted: #a8a8aa;background:#000;color:#f4f4f4;font-family:var(--bb-mono, var(--font-body--family, monospace))}.bb-about *,.bb-about *:before,.bb-about *:after{box-sizing:border-box}.bb-about__shell{width:min(100%,1600px);margin-inline:auto;padding-inline:clamp(24px,4vw,72px)}.bb-about :is(h1,h2,p,figure){margin:0}.bb-about__label{color:var(--bba-blue);font-size:11px;font-weight:700;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.bb-about__copy{color:var(--bba-muted);font-size:clamp(15px,1.05vw,17px);line-height:1.85;letter-spacing:.005em}.bb-about svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square;stroke-linejoin:miter}.bb-about__hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);grid-template-areas:"label label" "title story";min-height:min(790px,calc(100vh - 84px));align-content:center;gap:clamp(34px,5vw,90px);padding-block:clamp(72px,9vw,142px);border-bottom:1px solid var(--bba-line)}.bb-about__hero>.bb-about__label{grid-area:label;align-self:end}.bb-about__hero>h1{grid-area:title;max-width:7.5ch;align-self:start;color:#fff;font:900 clamp(76px,10vw,168px)/.78 var(--bb-condensed, var(--font-heading--family, sans-serif));letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:normal;word-break:normal}.bb-about__hero-story{grid-area:story;align-self:end;padding-bottom:6px}.bb-about__hero-story h2{max-width:12ch;font:800 clamp(30px,3.2vw,54px)/.96 var(--bb-condensed, var(--font-heading--family, sans-serif));letter-spacing:-.02em;text-transform:uppercase}.bb-about__hero-story .bb-about__copy{max-width:55ch;margin-top:28px}.bb-about__hero-story>strong{display:block;margin-top:25px;color:var(--bba-blue);font-size:12px;letter-spacing:.12em}.bb-about__button{display:inline-flex;width:min(100%,290px);min-height:56px;align-items:center;justify-content:space-between;gap:20px;margin-top:32px;padding:0 20px;border:1px solid #454545;border-radius:2px;color:#fff;background:#000;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:border-color var(--bb-motion-micro, .24s) ease,color var(--bb-motion-micro, .24s) ease,background var(--bb-motion-micro, .24s) ease}.bb-about__button svg,.bb-about__text-link svg{transition:transform var(--bb-motion-micro, .24s) ease}.bb-about__button--primary{border-color:var(--bba-blue);background:var(--bba-blue)}@media(hover:hover)and (pointer:fine){.bb-about__button:hover{border-color:var(--bba-blue);color:var(--bba-blue)}.bb-about__button--primary:hover{color:#fff;background:#1684ff}.bb-about__button:hover svg,.bb-about__text-link:hover svg{transform:translate(5px)}}.bb-about :is(a,summary,button):focus-visible{outline:2px solid var(--bba-blue);outline-offset:4px}.bb-about__chapter{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.72fr);gap:clamp(48px,8vw,150px);min-height:500px;align-items:center;padding-block:clamp(84px,9vw,138px);border-bottom:1px solid var(--bba-line)}.bb-about__chapter-head h2{max-width:12ch;margin-top:25px;color:#fff;font:800 clamp(50px,6.4vw,108px)/.88 var(--bb-condensed, var(--font-heading--family, sans-serif));letter-spacing:-.035em;text-transform:uppercase}.bb-about__chapter-body{justify-self:end;width:min(100%,630px)}.bb-about__finish{display:block;margin-top:35px;color:var(--bba-blue);font-size:clamp(20px,2vw,30px);line-height:1.1;letter-spacing:.055em;text-transform:uppercase}.bb-about__text-link{display:inline-flex;align-items:center;gap:18px;margin-top:34px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.bb-about__text-link svg{color:var(--bba-blue)}.bb-about__chapter--reverse{grid-template-columns:minmax(340px,.72fr) minmax(0,1fr)}.bb-about__chapter--reverse .bb-about__chapter-head{grid-column:2}.bb-about__chapter--reverse .bb-about__chapter-body{grid-column:1;grid-row:1;justify-self:start}.bb-about__chapter--statement{grid-template-columns:minmax(0,1.1fr) minmax(320px,.56fr);min-height:620px;background:linear-gradient(90deg,transparent,rgba(8,120,255,.035),transparent)}.bb-about__chapter--statement .bb-about__chapter-head h2{max-width:11ch;font-size:clamp(70px,9vw,152px)}.bb-about__chapter--year{isolation:isolate;min-height:620px;overflow:hidden}.bb-about__chapter--year .bb-about__chapter-head,.bb-about__chapter--year .bb-about__chapter-body{position:relative;z-index:1}.bb-about__year{position:absolute;right:-10px;bottom:-38px;color:#0b0b0b;font:900 clamp(120px,20vw,330px)/.75 var(--bb-condensed, sans-serif);letter-spacing:-.05em;white-space:nowrap;pointer-events:none}.bb-about__chapter:has(.bb-about__product-pair),.bb-about__chapter:has(.bb-about__campaign){grid-template-columns:minmax(0,.7fr) minmax(360px,.48fr)}.bb-about__chapter:has(.bb-about__product-pair) .bb-about__product-pair,.bb-about__chapter:has(.bb-about__campaign) .bb-about__campaign{grid-column:1 / -1}.bb-about__product-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px}.bb-about__product-media{position:relative;display:block;min-width:0;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--bba-line);background:#050505;color:#fff;text-decoration:none}.bb-about__product-media img{width:100%;height:100%;object-fit:contain;transition:transform var(--bb-motion-slow, .7s) cubic-bezier(.22,1,.36,1)}.bb-about__product-media span{position:absolute;right:16px;bottom:14px;left:16px;z-index:1;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(hover:hover)and (pointer:fine){.bb-about__product-media:hover img{transform:scale(1.025)}}.bb-about__campaign{position:relative;aspect-ratio:16 / 7;overflow:hidden;border-block:1px solid var(--bba-line)}.bb-about__campaign:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#000 0,transparent 18%,transparent 82%,#000 100%);content:"";pointer-events:none}.bb-about__campaign img{width:100%;height:100%;object-fit:cover;object-position:center}.bb-about__final{padding-block:clamp(100px,12vw,180px) clamp(72px,9vw,130px);text-align:center}.bb-about__final h2{max-width:12ch;margin-inline:auto;color:#fff;font:900 clamp(64px,9vw,150px)/.82 var(--bb-condensed, var(--font-heading--family, sans-serif));letter-spacing:-.04em;text-transform:uppercase}.bb-about__final>p:not(.bb-about__brand-signoff){max-width:52ch;margin:34px auto 0;color:var(--bba-muted);font-size:16px;line-height:1.8}.bb-about__final-actions{display:flex;justify-content:center;gap:12px;margin-top:10px}.bb-about__brand-signoff{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:92px!important;padding-top:28px;border-top:1px solid var(--bba-line);color:#777;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.bb-about__brand-signoff span:last-child{color:var(--bba-blue)}@media(max-width:1099px){.bb-about__hero{grid-template-columns:1fr;grid-template-areas:"label" "title" "story";min-height:0;gap:34px;padding-block:82px}.bb-about__hero>h1{max-width:8ch;font-size:clamp(76px,12vw,124px)}.bb-about__hero-story{max-width:680px}.bb-about__chapter{gap:50px}.bb-about__chapter:has(.bb-about__product-pair),.bb-about__chapter:has(.bb-about__campaign){grid-template-columns:minmax(0,.8fr) minmax(300px,.6fr)}}@media(max-width:767px){.bb-about__shell{padding-inline:20px}.bb-about__hero{grid-template-columns:1fr;grid-template-areas:"label" "title" "story";min-height:0;gap:28px;padding-block:62px 70px}.bb-about__hero>h1{max-width:8ch;font-size:clamp(62px,18vw,96px)}.bb-about__hero-story{max-width:600px}.bb-about__hero-story h2{max-width:13ch;font-size:clamp(32px,9vw,50px)}.bb-about__hero-story .bb-about__copy{margin-top:22px}.bb-about__chapter,.bb-about__chapter--reverse,.bb-about__chapter--statement,.bb-about__chapter:has(.bb-about__product-pair),.bb-about__chapter:has(.bb-about__campaign){grid-template-columns:1fr;min-height:0;gap:30px;padding-block:68px}.bb-about__chapter--reverse .bb-about__chapter-head,.bb-about__chapter--reverse .bb-about__chapter-body{grid-column:auto;grid-row:auto}.bb-about__chapter-head h2,.bb-about__chapter--statement .bb-about__chapter-head h2{margin-top:18px;font-size:clamp(48px,14vw,76px)}.bb-about__chapter-body{justify-self:start;width:100%}.bb-about__chapter:has(.bb-about__product-pair) .bb-about__product-pair,.bb-about__chapter:has(.bb-about__campaign) .bb-about__campaign{grid-column:auto}.bb-about__product-pair{gap:8px}.bb-about__product-media{aspect-ratio:3 / 4}.bb-about__product-media span{right:10px;bottom:10px;left:10px;font-size:9px}.bb-about__campaign{aspect-ratio:4 / 3;margin-inline:-20px}.bb-about__campaign:after{background:linear-gradient(0deg,#000 0,transparent 14%,transparent 86%,#000 100%)}.bb-about__year{right:-4px;bottom:5px;font-size:clamp(96px,31vw,150px)}.bb-about__final{padding-block:88px 60px}.bb-about__final h2{font-size:clamp(58px,18vw,92px)}.bb-about__final-actions{flex-direction:column;align-items:center;gap:0}.bb-about__final-actions .bb-about__button{margin-top:10px}.bb-about__brand-signoff{flex-direction:column;gap:10px;margin-top:64px!important}}@media(max-width:359px){.bb-about__shell{padding-inline:16px}.bb-about__hero>h1{font-size:62px}.bb-about__chapter-head h2,.bb-about__chapter--statement .bb-about__chapter-head h2{font-size:44px}.bb-about__button{width:100%}.bb-about__campaign{margin-inline:-16px}}@media(prefers-reduced-motion:reduce){.bb-about *,.bb-about *:before,.bb-about *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/bb-about.css.map?bb_about=20260906 */