/* MELASA custom.css on top of Dawn / Ride 16.0.0 */
:root{--bb-blue:#FFB000;--bb-blue-deep:#8A5300;--bb-blue-light:#FFF1CF;--bb-ink:#1E1F22;--bb-soft:#5A5D63;--bb-paper:#FBFAF7;--bb-ground:#F1EEE8;--bb-line:#E2DDD3;--bb-line-strong:#BDB6A9;--bb-night:#161719;--bb-night2:#24262A;--bb-on-night-soft:#B8BBC1;--bb-signal:#C9EB2D;--bb-star:#B87700;--bb-radius:4px}
body{color:rgb(var(--color-foreground))}
h1,h2,h3,h4,.h0,.h1,.h2,.h3,.h4{font-weight:700;letter-spacing:-.01em;line-height:1.1}
.h5,h5{font-family:var(--font-heading-family);font-weight:700;letter-spacing:0}
h1,.h1{font-size:clamp(3.2rem,4.2vw,5.2rem)}
h2,.h2{font-size:clamp(2.6rem,3vw,3.8rem)}
h3,.h3{font-size:clamp(2.1rem,2.2vw,2.8rem)}
.h4,h4{font-size:2rem}
a{color:inherit}
.rte a:not(.button),.accordion__content a,.section-head__lede a,.bb-hero__lede a,.collapsible-content__lede a,.prose-link a,.sources a,.tbl-note a{color:var(--bb-blue-deep);text-underline-offset:.25rem}
.rte a:not(.button):hover{color:var(--bb-blue)}
.color-scheme-3 .rte a:not(.button),.color-scheme-3 .accordion__content a,.color-scheme-5 .rte a:not(.button){color:#fff}
.caption-with-letter-spacing{color:var(--bb-blue-deep);font-weight:700;letter-spacing:.12rem;font-family:var(--font-heading-family);font-size:1.2rem;text-transform:uppercase}
.color-scheme-3 .caption-with-letter-spacing,.color-scheme-5 .caption-with-letter-spacing{color:rgba(255,255,255,.8)}
.caption,.caption-large{letter-spacing:.02rem}
.light{color:var(--bb-soft)}
img{max-width:100%;height:auto}
.grid>*,.flex>*{min-width:0}
.button,.shopify-challenge__button,.customer button{font-family:var(--font-heading-family);font-weight:700;letter-spacing:.04rem;text-transform:uppercase;font-size:1.4rem;min-height:4.6rem;padding:0 2.4rem}
.button--small{min-height:3.8rem;padding:0 1.6rem;font-size:1.3rem}
.button:after,.button:before{border-radius:var(--buttons-radius)}
.button img.cta-img{width:auto;max-width:100%;display:block;flex:0 0 auto}
.button{flex:0 0 auto;display:inline-flex;gap:.6rem;flex-wrap:wrap;max-width:100%}
.button--full-width{width:100%}
.visually-hidden--inline{position:absolute}
.page-width{padding:0 1.5rem}
@media screen and (min-width:750px){.page-width{padding:0 5rem}}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.2rem 4rem;margin-bottom:3.2rem}
.section-head--center{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.section-head__title{margin:.6rem 0 0}
.section-head__lede{margin:1rem 0 0;color:var(--bb-soft);font-size:1.7rem;line-height:1.55;max-width:70ch}
.color-scheme-3 .section-head__lede{color:var(--bb-on-night-soft)}
.section-head__more{white-space:nowrap;font-size:1.5rem;font-weight:600}
@media screen and (max-width:749px){.section-head{grid-template-columns:minmax(0,1fr);align-items:start;margin-bottom:2.2rem}}
.sect-no{display:inline-block;margin-right:1rem;color:var(--bb-soft);font-variant-numeric:tabular-nums}
.sect-no:empty{display:none}

/* utility bar: slogan strip with links (Olsa / Wiha strip, own text) */
.utility-bar__grid--3-col{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.announcement-bar__message{font-size:1.25rem;letter-spacing:.06rem;padding:.9rem 0;margin:0;font-family:var(--font-body-family);font-weight:400;text-transform:none}
.utility-bar__links{display:flex;gap:2.2rem;margin:0;padding:0;list-style:none}
.utility-bar__link{font-size:1.25rem;text-decoration:none;letter-spacing:.06rem;white-space:nowrap}
.utility-bar__link:hover{text-decoration:underline;text-underline-offset:.3rem}
@media screen and (max-width:749px){.utility-bar__links{display:none}.announcement-bar__message{text-align:center}}

/* header: logo, search bar, buy button; the menu bar sits below (Olsa) */
.header.header--has-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-icon heading icons";align-items:center;gap:2rem;column-gap:2rem}
.header__heading-link{display:block}
.header__heading-logo-wrapper{line-height:0}
.header__heading-logo{width:150px;height:auto;display:block}
.header__search--bar{grid-area:heading;justify-self:center;width:100%;max-width:60rem}
.header__search--modal{display:none}
.search-bar__form .field{position:relative;display:flex}
.search-bar__form .field__input{min-height:4.4rem;padding:1.1rem 5rem 1.1rem 1.6rem;border-radius:4rem;background:var(--bb-ground);box-shadow:none;border:1px solid var(--bb-line)}
.search-bar__form .field__input:focus{border-color:var(--bb-blue);box-shadow:0 0 0 .1rem var(--bb-blue)}
.search-bar__form .field__label{left:1.6rem}
.search-bar__form .field__input::placeholder{color:var(--bb-soft)}
.search-bar__form .search__button{right:0;width:4.4rem;height:4.4rem}
.search-bar__form .field__button .svg-wrapper{width:1.8rem;height:1.8rem}
.header__icons{grid-area:icons;gap:1.2rem;align-items:center;padding-right:0;justify-self:end}
.header__buy{white-space:nowrap}
.header__buy img.cta-img{height:1em}
.header-wrapper--border-bottom{border-bottom:0}
.header__inline-menu--bar{display:block;width:100%;border-top:3px solid var(--bb-blue)}
.header__inline-menu--bar .list-menu--inline{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:0;overflow:visible;max-width:var(--page-width);margin:0 auto;padding:0 5rem;box-sizing:border-box}
.header__inline-menu--bar .list-menu--inline>li:first-child .header__menu-item{padding-left:0}
.header__inline-menu--bar .header__menu-item{font-family:var(--font-heading-family);font-weight:700;font-size:1.35rem;letter-spacing:.06rem;text-transform:uppercase;padding:1.3rem 1.6rem;color:#fff}
.header__inline-menu--bar .header__menu-item span{color:#fff}
.header__inline-menu--bar .header__menu-item:hover span,.header__inline-menu--bar .header__menu-item[aria-current] span,.header__inline-menu--bar .header__active-menu-item{text-decoration:underline;text-underline-offset:.5rem;text-decoration-thickness:.2rem;color:#fff}
.header__inline-menu--bar .mega-menu__content{top:100%;color:var(--bb-ink)}
.header__inline-menu--bar .mega-menu__content::before{content:"";position:absolute;left:0;right:0;top:-1.4rem;height:1.4rem}
.header__inline-menu--bar .mega-menu[open] summary{background:rgba(0,0,0,.15)}
.header__inline-menu--bar .icon-caret{color:#fff}
.mega-menu__list--promo{grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,22rem)!important;align-items:start}
.mega-menu__list--links{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem 3rem;padding-top:2.4rem;padding-bottom:2.4rem}
.mega-menu__list--links>li{display:grid;gap:.4rem}
.mega-menu__line{margin:0;color:var(--bb-soft);font-size:1.3rem;line-height:1.4}
.mega-menu__count{color:var(--bb-soft);font-size:1.2rem}
.mega-menu__promo-link{display:grid;gap:.8rem;text-decoration:none}
.mega-menu__promo .media{border-radius:var(--bb-radius);overflow:hidden;aspect-ratio:1/1;position:relative;background:var(--bb-ground)}
.mega-menu__promo .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%}
.mega-menu__promo .media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.menu-drawer__buy{padding:0 3rem 2rem;margin:0}
@media screen and (max-width:989px){
  .header.header--has-search{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-icon heading icons"}
  .header__search--bar{display:none}
  .header__search--modal{display:block}
  .header__inline-menu--bar{display:none}
  .header__heading-link{justify-self:center}
}
@media screen and (max-width:749px){.header__heading-logo{width:118px}.header__buy{min-height:3.4rem;padding:0 1.2rem}}

/* breadcrumbs */
.breadcrumbs{padding-top:1.6rem;padding-bottom:.4rem}
.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin:0;font-size:1.3rem;color:var(--bb-soft)}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-right:.8rem;color:var(--bb-line-strong)}
.breadcrumbs__link{text-decoration:none}
.breadcrumbs__link:hover{text-decoration:underline}

/* hero: split, text left, photo with figure plates right (Olsa) */
.bb-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:4rem;align-items:center}
.bb-hero__chip{display:inline-flex;align-items:center;gap:.8rem;padding:.6rem 1.2rem;border-radius:4rem;background:var(--bb-blue-light);color:var(--bb-blue-deep);font-size:1.3rem;font-weight:600;margin:0 0 2rem}
.bb-hero__chip .svg-wrapper{width:1.6rem;height:1.6rem;display:inline-block}
.bb-hero__chip svg{width:100%;height:100%;display:block}
.bb-hero__title{margin:0 0 1.6rem;font-size:clamp(3.4rem,4.6vw,6rem);line-height:1.02}
.bb-hero__title em{font-style:normal;color:var(--bb-blue)}
.bb-hero__lede{font-size:1.8rem;line-height:1.55;margin:0 0 2.6rem;max-width:54ch;color:var(--bb-soft)}
.bb-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0 0 2rem}
.bb-hero__std{margin:0;color:var(--bb-soft);font-size:1.4rem}
.bb-hero__media{position:relative;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground);aspect-ratio:5/4}
.bb-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bb-hero__media:not(.is-photo) img{object-fit:contain;mix-blend-mode:multiply;padding:4%}
.bb-hero__plate{position:absolute;background:#fff;border-radius:var(--bb-radius);padding:1.2rem 1.6rem;box-shadow:0 10px 30px rgba(0,0,0,.14);display:grid;gap:.2rem;min-width:13rem}
.bb-hero__plate--a{top:1.8rem;right:1.8rem}
.bb-hero__plate--b{bottom:1.8rem;left:1.8rem}
.bb-hero__plate small{font-size:1.2rem;color:var(--bb-soft);letter-spacing:.04rem;text-transform:uppercase;font-family:var(--font-heading-family);font-weight:600}
.bb-hero__plate strong{font-family:var(--font-heading-family);font-size:2.8rem;line-height:1;color:var(--bb-ink)}
.bb-hero__plate strong .star{color:var(--bb-star)}
.bb-hero__caption{position:absolute;right:1.6rem;bottom:1.2rem;margin:0;font-size:1.2rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}
@media screen and (max-width:989px){.bb-hero{grid-template-columns:minmax(0,1fr);gap:2.4rem}.bb-hero__media{aspect-ratio:4/3}.bb-hero__title{font-size:clamp(3.2rem,8vw,4.6rem)}}
@media screen and (max-width:749px){.bb-hero__plate{padding:.8rem 1.1rem;min-width:10rem}.bb-hero__plate strong{font-size:2.1rem}.bb-hero__buttons .button{flex:1 1 auto}.bb-hero__caption{display:none}}

/* numbers strip (Olsa "by the numbers") */
.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}
.numbers__item{display:grid;gap:.4rem;border-left:3px solid var(--bb-blue);padding-left:1.6rem}
.numbers__item strong{font-family:var(--font-heading-family);font-weight:700;font-size:clamp(2.8rem,3.4vw,4.2rem);line-height:1;color:var(--bb-blue-deep);font-variant-numeric:tabular-nums}
.numbers__item span{font-size:1.4rem;color:var(--bb-soft);line-height:1.4}
@media screen and (max-width:749px){.numbers{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem}}

/* shelf tiles (Milwaukee rail with captions) */
.shelf-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.shelf-tiles--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.shelf-tile{display:grid;grid-template-rows:auto 1fr;height:100%;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground);text-decoration:none;color:inherit;border:1px solid var(--bb-line)}
.shelf-tile:hover{border-color:var(--bb-blue)}
.shelf-tile__media{position:relative;aspect-ratio:4/3;background:#fff}
.shelf-tile__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%}
.shelf-tile__media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.shelf-tile__text{display:grid;gap:.3rem;padding:1.4rem 1.6rem 1.6rem}
.shelf-tile__title{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;text-transform:uppercase;letter-spacing:.04rem}
.shelf-tile__count{margin:0;font-size:1.4rem;color:var(--bb-soft)}
@media screen and (max-width:989px){.shelf-tiles,.shelf-tiles--6{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.shelf-tiles,.shelf-tiles--6{gap:1.2rem}.shelf-tile__text{padding:1rem 1.2rem 1.2rem}.shelf-tile__title{font-size:1.5rem}}

/* product cards (Wiha rail: photo, spec line, name, rating, price, full-width button) */
.product-grid{margin:0;padding:0}
.card__inner{border-radius:var(--bb-radius);overflow:hidden}
.card .media img{object-fit:contain;mix-blend-mode:multiply;padding:6%}
.card .media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.card-wrapper .card__content{padding:1.2rem 0 0}
.card__inner .card__content{padding:0}
.card__inner .card__information{display:none}
.card__spec{margin:0 0 .4rem;font-size:1.1rem;letter-spacing:.08rem}
.card__heading.h5{font-size:1.6rem;line-height:1.35;margin:0 0 .4rem;font-weight:700}
.card__heading.h5 a{text-decoration:none}
.card__line{margin:0 0 .6rem;color:var(--bb-soft);min-height:1.5em;line-height:1.5}
.card-information{display:grid;gap:.4rem}
.card-information .price{font-size:1.7rem;margin:0;line-height:1}
.card-information .price-item{font-weight:700;color:rgb(var(--color-foreground))}
.price__from{margin-right:.3rem;color:var(--bb-soft);font-size:1.2rem}
.card__rating{display:flex;align-items:center;gap:.4rem;margin:0;min-height:2.2rem}
.card__rating .rating-wrapper{display:flex;align-items:center;gap:.4rem}
.card__rating .rating-text{display:none}
.card__rating p{margin:0}
.rating-star{--color-icon:#B87700}
.rating-count{color:var(--bb-soft)}
.quick-add{margin:1.2rem 0 0}
.quick-add__submit{min-height:4rem;font-size:1.3rem}
.badge{border:0;font-family:var(--font-heading-family);font-weight:700;letter-spacing:.06rem;text-transform:uppercase;font-size:1.1rem;padding:.5rem .9rem}
.card__badge.bottom.left{bottom:1rem;left:1rem}
.route-tile{list-style:none}
.route-tile__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;z-index:0}
.route-tile__link>span{position:relative;z-index:1}
.route-tile__link{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.6rem;height:100%;min-height:24rem;padding:2.4rem;border-radius:var(--bb-radius);background:var(--bb-night);color:#fff;text-decoration:none}
.route-tile__kick{color:var(--bb-on-night-soft)!important}
.route-tile__title{color:#fff;margin:0}
.route-tile__line{font-size:1.4rem;color:var(--bb-on-night-soft)}
.route-tile__go{font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem;font-size:1.3rem;display:inline-flex;align-items:center;gap:.6rem;margin-top:.6rem}
.route-tile__go .svg-wrapper{width:1.4rem;height:1.4rem;display:inline-block}
.route-tile__go svg{width:100%;height:100%;display:block}
@media screen and (min-width:990px){.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing) * 3) / 4 * var(--s-d) + var(--grid-desktop-horizontal-spacing) * (var(--s-d) - 1))!important;max-width:none!important}.grid--3-col-desktop>.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing) * 2) / 3 * var(--s-d) + var(--grid-desktop-horizontal-spacing) * (var(--s-d) - 1))!important}.grid--2-col-desktop>.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2 * var(--s-d) + var(--grid-desktop-horizontal-spacing) * (var(--s-d) - 1))!important}.route-tile[data-show-d="0"]{display:none}}
@media screen and (min-width:750px) and (max-width:989px){.route-tile{width:calc((100% - var(--grid-desktop-horizontal-spacing)) / 2 * var(--s-t) + var(--grid-desktop-horizontal-spacing) * (var(--s-t) - 1))!important;max-width:none!important}.route-tile[data-show-t="0"]{display:none}}
@media screen and (max-width:749px){.route-tile{width:calc((100% - var(--grid-mobile-horizontal-spacing)) / 2 * var(--s-m) + var(--grid-mobile-horizontal-spacing) * (var(--s-m) - 1))!important;max-width:none!important}.route-tile[data-show-m="0"]{display:none}.route-tile__link{min-height:18rem;padding:1.6rem}}

/* film band: video 60% + text 40% on the dark band (Milwaukee PACKOUT split) */
.bb-film{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:4rem;align-items:center}
.bb-film__media{position:relative;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-night2);aspect-ratio:16/9}
.bb-film__media video,.bb-film__media .bb-film__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.bb-film__media video{opacity:0;transition:opacity .4s}
.bb-film.is-playing .bb-film__media video{opacity:1}
.bb-film__toggle{position:absolute;right:1.6rem;bottom:1.6rem;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.35);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;z-index:2}
.bb-film__toggle .svg-wrapper{width:1.6rem;height:1.6rem;display:block}
.bb-film__toggle svg{width:100%;height:100%;display:block}
.bb-film__toggle .bb-film__play{display:none}
.bb-film__toggle[aria-pressed="true"] .bb-film__pause{display:none}
.bb-film__toggle[aria-pressed="true"] .bb-film__play{display:block}
.bb-film__text .section-head{margin-bottom:2rem;grid-template-columns:minmax(0,1fr)}
.bb-film__text .section-head__title{color:#fff}
.bb-film__points{margin:0 0 2.4rem;padding:0;list-style:none;display:grid;gap:1.2rem}
.bb-film__points li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:1rem;align-items:start;color:var(--bb-on-night-soft);line-height:1.5}
.bb-film__points .svg-wrapper{width:2.2rem;height:2.2rem;color:var(--bb-signal);display:block;margin-top:.1rem}
.bb-film__points svg{width:100%;height:100%;display:block}
@media screen and (max-width:989px){.bb-film{grid-template-columns:minmax(0,1fr);gap:2.4rem}.bb-film__media{aspect-ratio:4/5}}

/* jobs (Olsa "shop by work environment", Milwaukee systems) */
.jobs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.jobs--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.jobs--5{grid-template-columns:repeat(5,minmax(0,1fr))}
.job{display:grid;grid-template-rows:auto auto 1fr auto;gap:.8rem;height:100%;padding:2.4rem;border:1px solid var(--bb-line);border-radius:var(--bb-radius);background:#fff;text-decoration:none;color:inherit}
.job:hover{border-color:var(--bb-blue)}
.job__icon{width:4rem;height:4rem;color:var(--bb-blue);display:block}
.job__icon svg{width:100%;height:100%;display:block}
.job__title{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:1.9rem;text-transform:uppercase;letter-spacing:.04rem}
.job__line{margin:0;color:var(--bb-soft);font-size:1.45rem;line-height:1.5}
.job__count{margin:0;font-size:1.3rem;font-weight:700;color:var(--bb-blue-deep);text-transform:uppercase;letter-spacing:.06rem;font-family:var(--font-heading-family)}
@media screen and (max-width:989px){.jobs,.jobs--4,.jobs--5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.jobs,.jobs--4,.jobs--5{grid-template-columns:minmax(0,1fr);gap:1.2rem}.job{padding:1.6rem}}

/* torque scale band */
.scale{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4rem;align-items:start}
.scale__list{margin:0;padding:0;list-style:none;display:grid;gap:0;border-top:1px solid var(--bb-line)}
.scale__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.6rem;align-items:center;padding:1.2rem 0;border-bottom:1px solid var(--bb-line)}
.scale__row--ours{background:var(--bb-blue-light);padding-left:1.2rem;padding-right:1.2rem;margin:0 -1.2rem;border-radius:var(--bb-radius)}
.scale__job{margin:0;font-weight:600;font-size:1.5rem;line-height:1.4}
.scale__job small{display:block;font-weight:400;color:var(--bb-soft);font-size:1.3rem}
.scale__val{margin:0;font-family:var(--font-heading-family);font-weight:700;font-size:1.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.scale__note{margin:1.6rem 0 0;font-size:1.4rem;color:var(--bb-soft);line-height:1.5}
@media screen and (max-width:989px){.scale{grid-template-columns:minmax(0,1fr);gap:2rem}}

/* tails: titled blocks with a paragraph (portfolio rule) */
.tails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}
.tails--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tails--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tail-card{display:grid;grid-template-rows:auto 1fr auto;gap:.8rem;height:100%;padding:2.4rem;background:#fff;border-radius:var(--bb-radius);border:1px solid var(--bb-line)}
.tail-card h3{margin:0;font-size:2rem}
.tail-card h3 a{text-decoration:none}
.tail-card h3 a:hover{color:var(--bb-blue)}
.tail-card p{margin:0;line-height:1.55;font-size:1.5rem}
.tail-card__meta{color:var(--bb-soft)!important;font-size:1.3rem!important}
@media screen and (max-width:989px){.tails,.tails--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.tails,.tails--2,.tails--4{grid-template-columns:minmax(0,1fr)}.tail-card{padding:1.8rem}}

/* promises (Olsa "our promises": text left, 2x2 dark tiles right) */
.promises{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4rem;align-items:center}
.promises__text .section-head{grid-template-columns:minmax(0,1fr);margin-bottom:1.6rem}
.promises__text p{margin:0 0 1.2rem;line-height:1.6;color:var(--bb-soft)}
.promises__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}
.promise{display:grid;gap:.6rem;padding:2.2rem;border-radius:var(--bb-radius);background:var(--bb-night);color:#fff;min-height:16rem;align-content:start}
.promise__icon{width:3rem;height:3rem;color:var(--bb-signal);display:block}
.promise__icon svg{width:100%;height:100%;display:block}
.promise h3{margin:.4rem 0 0;font-size:1.8rem;color:#fff}
.promise p{margin:0;font-size:1.4rem;line-height:1.5;color:var(--bb-on-night-soft)}
@media screen and (max-width:989px){.promises{grid-template-columns:minmax(0,1fr);gap:2.4rem}}
@media screen and (max-width:749px){.promises__tiles{grid-template-columns:minmax(0,1fr)}.promise{min-height:0;padding:1.8rem}}

/* choose */
.choose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4rem;align-items:start}
.choose__head .section-head{grid-template-columns:minmax(0,1fr);margin-bottom:1.6rem}
.choose-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem 3.2rem;margin:0;padding:0;list-style:none}
.choose-list__item{border-top:2px solid var(--bb-blue);padding-top:1.4rem}
.choose-list__item h3{margin:0 0 .6rem;font-size:1.9rem}
.choose-list__item p{margin:0 0 .6rem;line-height:1.55;font-size:1.5rem}
.choose-list__item a{font-weight:600;font-size:1.4rem}
@media screen and (max-width:989px){.choose{grid-template-columns:minmax(0,1fr);gap:1.6rem}}
@media screen and (max-width:749px){.choose-list{grid-template-columns:minmax(0,1fr)}}

/* faq (Dawn collapsible-content on the dark band) */
.collapsible-content__grid{align-items:flex-start}
.collapsible-content__header{position:sticky;top:10rem;padding-right:4rem}
.collapsible-content__heading{margin:.8rem 0 1.4rem;color:#fff}
.collapsible-content__lede{margin:0;line-height:1.55;color:var(--bb-on-night-soft)}
.faq-section .accordion{margin:0;border-top:1px solid rgba(255,255,255,.18);background:transparent}
.faq-section .accordion:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.faq-section .accordion summary{padding:1.8rem 0;cursor:pointer;color:#fff}
.faq-section .accordion .accordion__title{font-family:var(--font-body-family);font-size:1.7rem;font-weight:600;line-height:1.4;letter-spacing:0;color:#fff}
.faq-section .accordion__content{padding:0 0 2rem;line-height:1.6;color:var(--bb-on-night-soft)}
.faq-section .accordion__content a{color:#fff}
.faq-section .accordion details summary .icon-caret{color:#fff}
@media screen and (max-width:749px){.collapsible-content__header{position:static;padding-right:0;margin-bottom:2rem}}

/* closing band (teal) */
.closing{border-radius:var(--bb-radius)}
.closing .rich-text__wrapper{width:100%;max-width:none}
.closing__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:2rem 6rem;align-items:center;text-align:left;max-width:none!important}
.closing__text .rich-text__heading{margin:.8rem 0 1.2rem;color:#fff}
.closing__text p{margin:0;color:rgba(255,255,255,.88)}
.closing__act{display:grid;gap:1.2rem;justify-items:start;margin:0!important}
.closing__btn{background:#fff;color:var(--bb-ink);--color-button:255,255,255;--color-button-text:28,33,39;--color-secondary-button:255,255,255;--color-secondary-button-text:28,33,39}
.closing__btn::after{box-shadow:none}
.closing__note{margin:0;color:rgba(255,255,255,.8)}
.closing .rich-text__blocks{padding:4.8rem}
@media screen and (max-width:749px){.closing__grid{grid-template-columns:minmax(0,1fr)}.closing .rich-text__blocks{padding:3rem 2.2rem}}

/* after the browser guards: side padding of the collection hero (Dawn zeroes the shorthand
   from 750px), a vertical thumbnail strip in its 8.8rem column, price pinned to the bottom of
   the card text so a two-line name does not move it, narrower button paddings where the
   label image was being squashed, one closing column on tablets, the prose photo on phones */
@media screen and (min-width:750px){.collection-hero.page-width{padding-left:5rem;padding-right:5rem}}
.product .product__media-wrapper .thumbnail-list{grid-template-columns:minmax(0,1fr)!important}
.product .thumbnail-slider .thumbnail-list{width:100%;flex:1 1 100%}
@media screen and (max-width:749px){.product .product__media-wrapper .thumbnail-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}}
.card__information{display:flex;flex-direction:column}
.card__information .card-information{margin-top:auto}
.card-information .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.3rem;line-height:1}
.price__from{line-height:1;margin:0 .3rem 0 0}
@media screen and (max-width:749px){.quick-add__submit{padding-left:1rem;padding-right:1rem;font-size:1.2rem}}
.rte .embed .button{font-size:1.2rem;padding-left:1.6rem;padding-right:1.6rem;grid-column:2}
@media screen and (max-width:989px){.closing__grid{grid-template-columns:minmax(0,1fr)}.closing .rich-text__blocks{padding:3.2rem}}
@media screen and (max-width:989px){.shelf-prose__media,.shelf-prose__media.is-photo{height:auto;aspect-ratio:4/3;max-height:none}}

/* journal cards */
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}
.journal-grid--lead>li:first-child{grid-column:1 / -1}
.journal-card--lead{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center}
.journal-card{display:grid;gap:1.2rem;height:100%;text-decoration:none;color:inherit}
.journal-card__media{position:relative;aspect-ratio:3/2;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground)}
.journal-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.journal-card__media:not(.is-photo) img{object-fit:contain;mix-blend-mode:multiply;padding:6%}
.journal-card__text{display:grid;gap:.6rem;align-content:start}
.journal-card__text h2,.journal-card__text h3{margin:0;font-size:2rem;line-height:1.25}
.journal-card--lead .journal-card__text h2{font-size:clamp(2.4rem,2.6vw,3.2rem)}
.journal-card__text p{margin:0;line-height:1.5;color:var(--bb-soft);font-size:1.5rem}
.journal-card__more{font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem;font-size:1.3rem;color:var(--bb-blue-deep)!important}
@media screen and (max-width:989px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-card--lead{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:749px){.journal-grid{grid-template-columns:minmax(0,1fr)}}

/* footer facts and footer */
.footer-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0 0 4rem;padding:0 0 3rem;border-bottom:1px solid rgba(255,255,255,.14)}
.footer-facts__item{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:1.2rem;align-items:start}
.footer-facts__icon{width:3.2rem;height:3.2rem;color:var(--bb-signal);display:block}
.footer-facts__icon svg{width:100%;height:100%;display:block}
.footer-facts__text{display:grid;gap:.2rem;font-size:1.35rem;line-height:1.45;color:var(--bb-on-night-soft)}
.footer-facts__text strong{color:#fff;font-family:var(--font-heading-family);font-size:1.5rem;text-transform:uppercase;letter-spacing:.04rem}
.footer-facts__text a{color:var(--bb-on-night-soft)}
.footer-block__heading{font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;color:#fff}
.footer-block__logo{display:block;margin:0 0 1.4rem;width:132px}
.footer-block__image{width:132px;height:auto;display:block}
.footer-block--brand .rte p{color:var(--bb-on-night-soft);font-size:1.45rem;line-height:1.6}
.footer__contact{font-size:1.4rem;line-height:1.7}
.footer__contact a{color:#fff}
.footer-block__details-content .list-menu__item--link{color:var(--bb-on-night-soft)}
.footer-block__details-content .list-menu__item--link:hover{color:#fff}
.footer__content-bottom{border-top:1px solid rgba(255,255,255,.14)}
.footer__content-bottom-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;flex-wrap:wrap}
.footer__column--info{align-items:flex-start;text-align:left;padding-left:0;padding-right:0;flex:1 1 52rem}
.footer__column--payment{flex:0 1 auto;display:grid;gap:.6rem;justify-items:start}
.footer__payment-title{margin:0;color:var(--bb-on-night-soft)}
.list-payment{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;align-items:center}
.list-payment__item{display:block}
.list-payment .payment-icon,.list-payment__item svg{height:24px;width:auto;display:block}
.footer__disclosure{margin:0 0 .6rem;line-height:1}
.footer__note{margin:0;max-width:80ch;color:var(--bb-on-night-soft)}
img.dsc{width:auto;max-width:100%;display:inline-block;vertical-align:middle}
.footer__content-bottom .footer__content-bottom-wrapper--center{justify-content:flex-start}
.footer__copyright{text-align:left;margin-top:1.2rem;display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;align-items:center}
.footer__copyright .policies{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;margin:0;padding:0}
.copyright__content a{color:var(--bb-on-night-soft)}
@media screen and (max-width:989px){.footer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){img.dsc{height:auto!important;max-height:1em}.footer-facts{grid-template-columns:minmax(0,1fr);gap:1.4rem;margin-bottom:2.4rem}.footer .footer__blocks-wrapper.grid{display:flex;flex-wrap:wrap;column-gap:var(--grid-mobile-horizontal-spacing)}.footer .footer__blocks-wrapper>.footer-block--brand{width:100%;max-width:100%}.footer .footer__blocks-wrapper>.footer-block--menu{width:calc(50% - var(--grid-mobile-horizontal-spacing)/2);max-width:calc(50% - var(--grid-mobile-horizontal-spacing)/2);margin-bottom:1.6rem}.footer .footer-block--menu .footer-block__details-content>li>a{padding:.5rem 0;min-height:0}}

/* collection page: compact head, facets column, grid; prose under the grid (owner's rule) */
.collection-head{display:grid;gap:1rem;padding-top:1rem;padding-bottom:2.4rem}
.collection-head__title{margin:.4rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem}
.collection-head__count{font-size:2rem;color:var(--bb-soft);font-weight:400}
.collection-head__figures{margin:0;color:var(--bb-soft);font-size:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.kind-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:.6rem 0 0;padding:0;list-style:none}
.kind-chip{font:inherit;font-size:1.4rem;white-space:nowrap;display:inline-flex;gap:.6rem;align-items:center;padding:.8rem 1.6rem;border-radius:4rem;border:1px solid var(--bb-line-strong);background:#fff;cursor:pointer;text-decoration:none;color:inherit}
.kind-chip small{color:var(--bb-soft)}
.kind-chip[aria-pressed="true"]{background:var(--bb-blue);color:#fff;border-color:var(--bb-blue)}
.kind-chip[aria-pressed="true"] small{color:rgba(255,255,255,.75)}
.collection-layout{display:grid;grid-template-columns:24rem minmax(0,1fr);gap:4rem;align-items:start}
.collection-layout--plain{grid-template-columns:minmax(0,1fr)}
.facets-column{position:sticky;top:12rem}
.facets__heading{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:700;font-size:1.3rem;text-transform:uppercase;letter-spacing:.1rem}
.facets__disclosure-vertical{border-top:1px solid var(--bb-line)}
.facets__disclosure-vertical:last-child{border-bottom:1px solid var(--bb-line)}
.facets__summary{list-style:none;cursor:pointer;padding:1.2rem 0;font-size:1.5rem;font-weight:600}
.facets__summary::-webkit-details-marker{display:none}
.facets__summary>div{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.facets__summary .svg-wrapper{width:1rem;display:inline-block}
.facets__summary .icon-caret{position:static;width:1rem;height:auto}
.facets__display-vertical{padding:0 0 1.2rem}
.facets__header{display:flex;justify-content:space-between;gap:1rem;font-size:1.3rem;color:var(--bb-soft);margin-bottom:.6rem}
.facets__list{margin:0;padding:0;display:grid;gap:.2rem}
.facets-wrap{border:0;padding:0;margin:0;min-width:0}
.facets-row__sort label{white-space:nowrap}
.shelf-prose--solo .shelf-prose__text .rte{max-width:none}
.facet-checkbox{display:flex;align-items:center;gap:.8rem;font-size:1.45rem;cursor:pointer;padding:.5rem 0}
.facet-checkbox input{width:1.6rem;height:1.6rem;margin:0;accent-color:var(--bb-blue)}
.facets__clear{margin-top:1.2rem}
.facets-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2.4rem;padding-bottom:1.6rem;border-bottom:1px solid var(--bb-line);margin-bottom:2.4rem}
.facets-row__count{margin:0;font-size:1.4rem;color:var(--bb-soft)}
.facets-row__sort{display:flex;align-items:center;gap:.8rem;font-size:1.4rem}
.facets-row__sort select{font:inherit;padding:.6rem 3rem .6rem 1rem;border:1px solid var(--bb-line-strong);border-radius:var(--bb-radius);background:#fff}
.facets-row__open{display:none}
.product-grid__empty{margin:2rem 0;color:var(--bb-soft)}
.mobile-facets{display:none}
@media screen and (max-width:989px){
  .collection-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .facets-column{display:none}
  .mobile-facets{display:block}
  .mobile-facets>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;padding:.8rem 1.4rem;border:1px solid var(--bb-line-strong);border-radius:var(--bb-radius);font-size:1.4rem;font-weight:600}
  .mobile-facets>summary::-webkit-details-marker{display:none}
  .mobile-facets>summary .svg-wrapper{width:1.6rem;height:1.6rem;display:inline-block}
  .mobile-facets>summary svg{width:100%;height:100%;display:block}
  .mobile-facets__panel{position:fixed;inset:0;z-index:30;background:#fff;overflow:auto;padding:2rem 1.5rem 3rem}
  .mobile-facets__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
  .mobile-facets__close{font:inherit;background:none;border:0;cursor:pointer;width:4rem;height:4rem;display:grid;place-items:center}
  .mobile-facets__close svg{width:1.8rem;height:1.8rem}
  .mobile-facets__apply{margin-top:2rem}
  html.facets-open{overflow:hidden}
}

/* prose under the grid: photo left (sticky), text right */
.shelf-prose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:4rem;align-items:start}
.shelf-prose--solo{grid-template-columns:minmax(0,1fr)}
.shelf-prose__media{position:sticky;top:12rem;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground);aspect-ratio:4/3}
.shelf-prose__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:5%}
.shelf-prose__media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.shelf-prose__text .rte{font-size:1.7rem;line-height:1.65;max-width:74ch}
.shelf-prose__text h2{margin:0 0 1.4rem}
.prose-link{color:var(--bb-soft)}
.shelf-prose--solo .shelf-prose__text .rte{columns:2;column-gap:4rem}
.shelf-prose--solo .shelf-prose__text .rte>*{break-inside:avoid}
@media screen and (max-width:989px){.shelf-prose,.shelf-prose--solo{grid-template-columns:minmax(0,1fr);gap:2.4rem}.shelf-prose__media{position:relative;top:auto}.shelf-prose--solo .shelf-prose__text .rte{columns:1}}

/* tables */
.tbl-wrap{overflow-x:auto;margin:1.6rem 0 2.4rem;position:relative}
.tbl-wrap table{width:100%;border-collapse:collapse;font-size:1.45rem;table-layout:auto}
.tbl-wrap caption{text-align:left;font-weight:700;font-family:var(--font-heading-family);font-size:1.5rem;padding:0 0 .8rem;letter-spacing:.02rem}
.tbl-wrap th,.tbl-wrap td{text-align:left;vertical-align:top;padding:1rem 1.2rem;border-bottom:1px solid var(--bb-line)}
.tbl-wrap thead th{font-size:1.2rem;text-transform:uppercase;letter-spacing:.08rem;color:var(--bb-soft);border-bottom:2px solid var(--bb-line-strong)}
.tbl-wrap tbody th{font-weight:600;width:30%}
.tbl-wrap td.num,.tbl-wrap th.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.tbl-note{font-size:1.4rem;color:var(--bb-soft);margin:-1.2rem 0 2.4rem;line-height:1.5}
.tbl__buy{white-space:nowrap}
.tbl--variants tr.is-current th,.tbl--variants tr.is-current td{background:var(--bb-blue-light)}
@media screen and (max-width:640px){
  .tbl-wrap--stack thead{display:none}
  .tbl-wrap--stack tr{display:block;padding:1.2rem 0;border-bottom:1px solid var(--bb-line)}
  .tbl-wrap--stack th,.tbl-wrap--stack td,.tbl-wrap--stack tbody th{display:block;border:0;padding:.2rem 0;width:auto}
  .tbl-wrap--stack td[data-l]::before{content:attr(data-l);display:block;font-size:1.1rem;text-transform:uppercase;letter-spacing:.08rem;color:var(--bb-soft)}
  .tbl-wrap table{font-size:1.3rem}
  .tbl-wrap th,.tbl-wrap td{padding:.7rem .6rem}
}

/* roads: tiles to neighbouring pages */
.roads{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}
.roads--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.roads--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.roads .road{display:grid;gap:.4rem;height:100%;padding:2rem;border-radius:var(--bb-radius);background:#fff;border:1px solid var(--bb-line);text-decoration:none;color:inherit;align-content:start}
.roads .road:hover{border-color:var(--bb-blue)}
.sources .road{display:block;margin:1rem 0 0;font-size:1.3rem}
.road__kick{font-size:1.2rem;color:var(--bb-blue-deep);font-weight:700;text-transform:uppercase;letter-spacing:.08rem;font-family:var(--font-heading-family)}
.road__title{font-weight:700;font-size:1.7rem;line-height:1.3}
.road__line{font-size:1.35rem;color:var(--bb-soft)}
.road__go{margin-top:auto;padding-top:.6rem;color:var(--bb-blue-deep);display:inline-flex}
.road__go .svg-wrapper{width:1.4rem;height:1.4rem;display:inline-block}
.road__go svg{width:100%;height:100%;display:block}
@media screen and (max-width:989px){.roads,.roads--3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.roads,.roads--2,.roads--3{grid-template-columns:minmax(0,1fr)}}

/* product page (Milwaukee: thumbnails left, option plates, accordions) */
.product{align-items:flex-start}
.product__media-wrapper{display:block}
.product__media-wrapper media-gallery{display:grid;grid-template-columns:8.8rem minmax(0,1fr);gap:1.4rem;align-items:start}
.product__media-wrapper--single media-gallery{grid-template-columns:minmax(0,1fr)}
.thumbnail-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.thumbnail-list__item{list-style:none}
.thumbnail{display:block;width:100%;padding:0;border:1px solid var(--bb-line);border-radius:var(--bb-radius);background:#fff;cursor:pointer;overflow:hidden}
.thumbnail.is-active,.thumbnail[aria-current]{border-color:var(--bb-blue);box-shadow:0 0 0 1px var(--bb-blue)}
.thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:6%}
.product__media-main{position:relative;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground)}
.product__media{position:relative;aspect-ratio:1/1}
.product__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:4%}
.product__media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.product__info-container{display:grid;gap:1.4rem}
.product__info-container>*{margin:0!important}
.product__text a{text-decoration:none}
.product__title h1{margin:0;font-size:clamp(2.8rem,3vw,3.8rem);line-height:1.1}
.product__info-container .rating-wrapper{display:flex;align-items:center;gap:.6rem}
.product__info-container .rating-wrapper p{margin:0}
.price--large .price-item{font-size:2.8rem;font-weight:700;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.product__range{color:var(--bb-soft);font-size:1.4rem}
.product-form__input--pill{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.8rem}
.product-form__input--pill .form__label{width:100%;margin:0 0 .2rem;font-size:1.4rem;font-weight:600}
.form__label__value{font-weight:400;color:var(--bb-soft)}
.product-form__input--pill input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.product-form__input--pill label{display:inline-block;padding:1rem 1.6rem;border:1px solid var(--bb-line-strong);border-radius:var(--bb-radius);cursor:pointer;font-size:1.45rem;font-weight:600;background:#fff}
.product-form__input--pill input:checked+label{border-color:var(--bb-blue);background:var(--bb-blue-light);color:var(--bb-blue-deep);box-shadow:0 0 0 1px var(--bb-blue)}
.product-form__input--pill input:focus-visible+label{outline:2px solid var(--bb-blue);outline-offset:2px}
.product-form__input--pill label.is-unavailable{color:var(--bb-soft);border-style:dashed}
.product__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none}
.product__facts li{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;border-radius:var(--bb-radius);background:var(--bb-ground);font-size:1.4rem}
.product__facts .svg-wrapper{width:1.4rem;height:1.4rem;color:var(--bb-blue);flex:0 0 auto}
.product__facts svg{width:100%;height:100%;display:block}
.product-form__buttons .button{width:100%}
.product-form__note{margin:.8rem 0 0;color:var(--bb-soft)}
.product__accordion{border-top:1px solid var(--bb-line)}
.product__accordion:last-of-type{border-bottom:1px solid var(--bb-line)}
.product__accordion summary{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;cursor:pointer;list-style:none}
.product__accordion summary::-webkit-details-marker{display:none}
.product__accordion .summary__title{display:flex;align-items:center;gap:1rem}
.product__accordion .summary__title .svg-wrapper{width:2rem;height:2rem;color:var(--bb-blue)}
.product__accordion summary>.svg-wrapper{width:1.2rem;height:1.2rem;flex:0 0 auto;margin-left:auto}
.product__accordion summary>.svg-wrapper svg{width:1.2rem;height:1.2rem;display:block;position:static}
.product__accordion svg{width:100%;height:100%;display:block}
.product__accordion .accordion__title{margin:0;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04rem}
.details-table{width:100%;border-collapse:collapse;font-size:1.4rem}
.details-table th,.details-table td{text-align:left;vertical-align:top;padding:.7rem 0;border-bottom:1px solid var(--bb-line)}
.details-table th{width:40%;font-weight:600;padding-right:1.2rem}
.in-box{margin:0;padding-left:1.8rem;line-height:1.6;font-size:1.45rem}
@media screen and (min-width:750px){.product__column-sticky{position:sticky;top:2rem}.product__info-wrapper{padding-left:4rem!important}}
@media screen and (max-width:749px){.product__media-wrapper media-gallery{grid-template-columns:minmax(0,1fr)}.product__media-wrapper .thumbnail-slider{order:2;padding:0 1.5rem}.thumbnail-list{grid-template-columns:repeat(5,minmax(0,1fr))}}
.product-description__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem 6rem;align-items:start}
.product-description__head h2{margin:.6rem 0 0}
.product-description__text{font-size:1.7rem;line-height:1.65;max-width:70ch}
.product-description__media{margin-top:2.4rem;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground);position:relative;aspect-ratio:4/3}
.product-description__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.product-description__media:not(.is-photo) img{object-fit:contain;mix-blend-mode:multiply;padding:6%}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:3.2rem 0 0;padding:0;list-style:none}
.feature-grid li{padding:2rem;border-radius:var(--bb-radius);background:var(--bb-ground)}
.feature-grid h3{margin:0 0 .6rem;font-size:1.8rem}
.feature-grid p{margin:0;font-size:1.45rem;line-height:1.55}
@media screen and (max-width:989px){.feature-grid{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:749px){.product-description__grid{grid-template-columns:minmax(0,1fr)}}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:20;background:#fff;border-top:1px solid var(--bb-line);box-shadow:0 -8px 24px rgba(0,0,0,.06);transform:translateY(110%);transition:transform .25s ease}
.sticky-buy.is-visible{transform:none}
.sticky-buy__inner{display:flex;align-items:center;gap:1.6rem;padding-top:1rem;padding-bottom:1rem}
.sticky-buy__name{flex:1 1 auto;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sticky-buy__price{font-weight:700;font-family:var(--font-heading-family);font-size:1.8rem}
.sticky-buy .button{flex:0 0 auto}
@media screen and (max-width:749px){.sticky-buy__name{display:none}.sticky-buy__price{flex:1 1 auto}}
.related-products__heading{margin:0 0 2.8rem}

/* sources */
.sources{margin:3.2rem 0 0;padding:2.4rem;border-radius:var(--bb-radius);background:var(--bb-ground);border-left:3px solid var(--bb-blue);font-size:1.45rem;line-height:1.6}
.sources .note{margin:0 0 1.2rem;font-weight:500}
.sources .src-h{font-family:var(--font-heading-family);font-size:1.3rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;margin:0 0 .8rem}
.sources ul{margin:0 0 1.2rem;padding-left:1.8rem}
.sources li{margin:0 0 .6rem}
.sources .road{margin:0}
.sources-band .sources{margin-top:0}
.safety-note{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}
.safety-note h2{margin:0}

/* cms pages */
.main-page__head{max-width:90rem;margin-bottom:3.2rem}
.main-page-title{margin:.8rem 0 1.2rem}
.main-page__lede{font-size:1.9rem;line-height:1.5;margin:0;color:var(--bb-soft)}
.main-page__body{display:grid;grid-template-columns:minmax(0,74ch) 26rem;gap:6rem;justify-content:start;align-items:start}
.main-page__body--wide{grid-template-columns:minmax(0,1fr)}
.main-page__body .rte{font-size:1.7rem;line-height:1.7}
.main-page__body .rte h2{margin:3.2rem 0 1rem;font-size:3rem}
.main-page__body .rte h2:first-child{margin-top:0}
.main-page__body .rte h3{margin:2.4rem 0 .8rem;font-size:2.2rem}
.main-page__body .rte ul,.main-page__body .rte ol{padding-left:2rem}
.page-aside{position:sticky;top:12rem;display:grid;gap:.8rem;font-size:1.45rem;border-left:1px solid var(--bb-line);padding-left:2.4rem}
.page-aside ul,.page-aside ol{margin:0 0 1.6rem;padding:0;display:grid;gap:.6rem;list-style:none}
.page-aside a{text-decoration:none}
.page-aside a:hover{text-decoration:underline;color:var(--bb-blue-deep)}
.page-aside__heading{margin:0;font-family:var(--font-heading-family);font-size:1.3rem;text-transform:uppercase;letter-spacing:.1rem}
.page-figure{margin:2.4rem 0;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground)}
.page-figure img{display:block;width:100%;height:auto;max-height:60rem;object-fit:contain}
.page-figure figcaption{padding:.8rem 1.2rem;font-size:1.3rem;color:var(--bb-soft)}
.legal p{margin:0 0 1.4rem}
@media screen and (max-width:989px){.main-page__body{grid-template-columns:minmax(0,1fr);gap:3rem}.page-aside{position:static;border-left:0;padding-left:0;border-top:1px solid var(--bb-line);padding-top:2rem}.page-aside--toc{display:none}}

/* journal and article */
.main-blog__lede{max-width:70ch;font-size:1.7rem;margin:0 0 3.2rem;color:var(--bb-soft)}
.article-template__header{max-width:90rem;margin-bottom:2.8rem}
.article-template__title{margin:.8rem 0 1.2rem}
.article-template__lede{font-size:1.9rem;line-height:1.5;margin:0 0 1rem;color:var(--bb-soft)}
.article-template__meta{font-size:1.4rem;color:var(--bb-soft)}
.article-template__hero-container{margin-bottom:4rem}
.article-template__hero-large{position:relative;height:auto!important;width:100%;aspect-ratio:21/9;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground)}
.article-template__hero-large img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:3%}
.article-template__hero-large.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.article-template__content blockquote{margin:2.4rem 0;padding-left:2rem;border-left:3px solid var(--bb-blue);font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.35;font-weight:600}
.embed{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:2rem;align-items:center;margin:2.4rem 0;padding:1.6rem;border-radius:var(--bb-radius);background:var(--bb-ground)}
.embed__media{position:relative;display:block;width:14rem;height:14rem;border-radius:var(--bb-radius);overflow:hidden;background:#fff}
.embed__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%}
.embed__media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.embed__text{display:grid;gap:.3rem}
.embed__kick{margin:0;font-size:1.1rem;letter-spacing:.08rem;text-transform:uppercase;color:var(--bb-blue-deep);font-family:var(--font-heading-family);font-weight:700}
.embed__name{font-weight:700;text-decoration:none;font-size:1.7rem;line-height:1.3}
.embed__line,.embed__price{margin:0;font-size:1.4rem;color:var(--bb-soft)}
.embed__price{font-weight:700;color:var(--bb-ink)}
.rte .embed .button{color:rgb(var(--color-button-text));text-decoration:none;justify-self:start}
@media screen and (max-width:749px){.embed{grid-template-columns:9rem minmax(0,1fr)}.embed__media{width:9rem;height:9rem}.rte .embed .button{grid-column:1 / -1;width:100%}}

/* search and 404 */
.search-page__form{display:flex;gap:1rem;max-width:64rem;margin:2rem 0}
.search-page__form .search__input{flex:1 1 auto;min-height:4.6rem;padding:0 1.6rem;border:1px solid var(--bb-line-strong);border-radius:var(--bb-radius);font:inherit}
.search-page__count{color:var(--bb-soft);margin:0 0 2rem}
.template-404__lede{max-width:60ch;margin:1.2rem auto 2.8rem}
.error-code{font-family:var(--font-heading-family);font-size:clamp(6rem,10vw,12rem);line-height:1;color:var(--bb-blue-deep);margin:0}
/* themelasa.com: night hero, amber accents on dark, feature band, key features */
summary .icon-caret{width:1rem!important;left:auto!important}
.header__inline-menu--bar summary.header__menu-item{padding-right:3rem}
.header__inline-menu.header__inline-menu--bar{margin-left:0}
.closing__text .rich-text__heading{color:var(--bb-ink)}
.closing__text p,.closing__note{color:rgba(30,31,34,.86)}
.shelf-tiles--7{grid-template-columns:repeat(4,minmax(0,1fr))}
.shelf-tiles--7>li:first-child{grid-column:span 2}
/* the wide tile spans two columns: its frame keeps the height of a 4:3 neighbour, or the row
   grows and the neighbours stand with an empty text block under their frames */
.shelf-tiles--7>li:first-child .shelf-tile__media{aspect-ratio:8/3}
.shelf-tiles--7>li:first-child .shelf-tile__media.is-photo img{object-position:center 22%}
@media screen and (max-width:989px){.shelf-tiles--7{grid-template-columns:repeat(2,minmax(0,1fr))}}
.journal-grid--lead{grid-template-columns:repeat(2,minmax(0,1fr))}
.feature-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media screen and (max-width:1199px){.feature-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.feature-grid--4,.feature-grid--2{grid-template-columns:minmax(0,1fr)}}
/* the brand's photos are square or tall: a 21:9 cover cut the hat off the top */
.article-template__hero-large.is-photo{aspect-ratio:16/9}
.article-template__hero-large.is-photo img{object-position:center 22%}
@media screen and (max-width:749px){.journal-grid--lead{grid-template-columns:minmax(0,1fr)}}
.color-scheme-5 .rte a:not(.button){color:var(--bb-ink)}
.color-scheme-5 .caption-with-letter-spacing{color:rgba(30,31,34,.82)}
.color-scheme-3 .caption-with-letter-spacing{color:var(--bb-blue)}
h1,h2,h3,.h1,.h2,.h3{text-transform:uppercase;letter-spacing:.02em}
.color-scheme-3 .bb-hero__chip{background:rgba(255,176,0,.14);color:var(--bb-blue)}
.color-scheme-3 .bb-hero__lede{color:var(--bb-on-night-soft)}
.color-scheme-3 .bb-hero__media{background:var(--bb-night2)}
.bb-hero__title{color:#fff}
.color-scheme-1 .bb-hero__title,.color-scheme-2 .bb-hero__title{color:var(--bb-ink)}
.feat-band{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:2rem;list-style:none;margin:0;padding:0}
.feat-band--3{--n:3}.feat-band--4{--n:4}.feat-band--5{--n:5}
.feat-band__item{display:grid;grid-template-columns:4rem minmax(0,1fr);gap:1.2rem;align-items:start}
.feat-band__icon{width:4rem;height:4rem;display:block;color:var(--bb-ink);background:var(--bb-blue);border-radius:50%;padding:.8rem}
.feat-band__icon svg{width:100%;height:100%;display:block}
.feat-band__text{display:grid;gap:.2rem}
.feat-band__text strong{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.04rem;font-size:1.6rem;color:var(--bb-ink)}
.feat-band__text span{font-size:1.4rem;line-height:1.45;color:var(--bb-soft)}
@media screen and (max-width:989px){.feat-band{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.feat-band{grid-template-columns:minmax(0,1fr);gap:1.4rem}}
.jobs--6{grid-template-columns:repeat(3,minmax(0,1fr))}
.job__icon{color:var(--bb-ink)}
.keyfeat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:4.8rem;align-items:center}
.keyfeat__media{position:relative;border-radius:var(--bb-radius);overflow:hidden;background:var(--bb-ground);aspect-ratio:1/1}
.keyfeat__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.keyfeat__media:not(.is-photo) img{object-fit:contain;mix-blend-mode:multiply;padding:5%}
.keyfeat__list{margin:2rem 0 2.4rem;border:1px solid var(--bb-line);border-radius:var(--bb-radius);background:#fff}
.keyfeat__row{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:1.6rem;padding:1.3rem 1.8rem;border-top:1px solid var(--bb-line)}
.keyfeat__row:first-child{border-top:0}
.keyfeat__row:nth-child(even){background:var(--bb-ground)}
.keyfeat__row dt{font-family:var(--font-heading-family);font-weight:600;text-transform:uppercase;letter-spacing:.06rem;font-size:1.4rem;color:var(--bb-ink)}
.keyfeat__row dd{margin:0;font-size:1.5rem;line-height:1.5}
.keyfeat__links{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center;margin:0}
@media screen and (max-width:989px){.keyfeat{grid-template-columns:minmax(0,1fr);gap:2.4rem}.keyfeat__media{aspect-ratio:4/3}}
@media screen and (max-width:749px){.keyfeat__row{grid-template-columns:minmax(0,1fr);gap:.2rem}}