/* Homax repair guide custom.css on top of Dawn / Refresh 15.4.0 */
:root{--hx-blue:#1B5FA8;--hx-blue-deep:#134A86;--hx-blue-light:#E6EEF7;--hx-ink:#16191D;--hx-soft:#565E67;--hx-paper:#FFFFFF;--hx-ground:#F2EFEA;--hx-line:#DDD8CF;--hx-line-strong:#B9B2A6;--hx-night:#16191D;--hx-night2:#23272D;--hx-on-night-soft:#B8BEC6;--hx-signal:#C8531F;--hx-star:#B8741A;--hx-radius:0}
body{color:rgb(var(--color-foreground));font-size:1.7rem;line-height:1.65}
h1,h2,h3,h4,.h0,.h1,.h2,.h3,.h4{font-weight:800;letter-spacing:-.01em;line-height:1.08}
.h5,h5{font-family:var(--font-heading-family);font-weight:700;letter-spacing:0}
h1,.h1{font-size:clamp(3.4rem,4vw,4.8rem)}
h2,.h2{font-size:clamp(2.6rem,2.6vw,3.2rem)}
h3,.h3{font-size:clamp(1.9rem,1.8vw,2.2rem)}
.h4,h4{font-size:1.9rem}
a{color:inherit}
.rte a:not(.button),.accordion__content a:not(.button),.section-head__lede a:not(.button),.collapsible-content__lede a,.prose-link a,.sources a,.tbl-note a,.how__text a:not(.button){color:var(--hx-blue-deep);text-underline-offset:.25rem}
.rte a:not(.button):hover{color:var(--hx-blue)}
.color-scheme-3 .rte a:not(.button),.color-scheme-3 .accordion__content a{color:#fff}
.caption-with-letter-spacing{color:var(--hx-signal);font-weight:700;letter-spacing:.12rem;font-family:var(--font-heading-family);font-size:1.25rem;text-transform:uppercase}
.color-scheme-3 .caption-with-letter-spacing{color:#F39B6D}
.caption,.caption-large{letter-spacing:.02rem}
.light{color:var(--hx-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.5rem;min-height:4.8rem;padding:0 2.4rem}
.button--small{min-height:3.8rem;padding:0 1.6rem;font-size:1.3rem}
.button:after,.button:before{border-radius:0}
.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.6rem}
@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(--hx-soft);font-size:1.7rem;line-height:1.55;max-width:72ch}
.color-scheme-3 .section-head__lede{color:var(--hx-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}}

/* thin white top strip: independent line left, links right (Rust-Oleum / DAP top row) */
.utility-bar__grid--2-col{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.announcement-bar__message{font-size:1.25rem;letter-spacing:.02rem;padding:.8rem 0;margin:0;font-family:var(--font-body-family);font-weight:400;text-transform:none;color:var(--hx-soft)}
.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;white-space:nowrap;color:var(--hx-soft)}
.utility-bar__link:hover{text-decoration:underline;text-underline-offset:.3rem;color:var(--hx-ink)}
@media screen and (max-width:749px){.utility-bar__links{display:none}.announcement-bar__message{text-align:center;font-size:1.15rem}}

/* ink header (DAP): mark, menu in capitals, search, buy button */
.header.header--has-search{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading navigation icons";align-items:center;gap:2.4rem}
.header__heading-link{display:block;grid-area:heading}
.header__heading-logo-wrapper{line-height:0}
.header__heading-logo{width:168px;height:auto;display:block}
.header__inline-menu{grid-area:navigation;display:block}
.header__inline-menu .list-menu--inline{display:flex;flex-wrap:nowrap;gap:0}
.header__menu-item{font-family:var(--font-heading-family);font-weight:700;font-size:1.4rem;letter-spacing:.07rem;text-transform:uppercase;padding:1.2rem 1.2rem;color:#fff}
.header__menu-item span{color:#fff}
.header__menu-item:hover span,.header__menu-item[aria-current] span,.header__active-menu-item{text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:.3rem;text-decoration-color:var(--hx-signal);color:#fff}
.header__inline-menu .icon-caret{color:#fff}
.header__inline-menu .mega-menu__content{top:100%;color:var(--hx-ink);border-top:3px solid var(--hx-blue)}
.header__inline-menu .mega-menu__content::before{content:"";position:absolute;left:0;right:0;top:-2.4rem;height:2.4rem}
.mega-menu__list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 4rem;padding-top:2.8rem;padding-bottom:2.8rem}
.mega-menu__list--links>li{display:grid;gap:.4rem}
.mega-menu__link--level-2{font-family:var(--font-heading-family);font-weight:700;text-transform:uppercase;letter-spacing:.05rem;font-size:1.4rem}
.mega-menu__line{margin:0;color:var(--hx-soft);font-size:1.35rem;line-height:1.45}
.mega-menu__count{color:var(--hx-soft);font-size:1.2rem}
details:not([open])>.mega-menu__content{display:none}
.header__icons{grid-area:icons;gap:1.2rem;align-items:center;padding-right:0;justify-self:end;display:flex}
.header__search--bar{width:24rem}
.header .header__icons .header__search--modal{display:none}
.header__menu-item{white-space:nowrap}
.header__inline-menu .list-menu__item{align-items:center}
.announcement-bar{text-align:left}
.announcement-bar__message{text-align:left}
@media screen and (max-width:1499px){.header .header__icons .header__search--bar{display:none}.header .header__icons .header__search--modal{display:block}}
.search-bar__form .field{position:relative;display:flex}
.search-bar__form .field__input{min-height:4.2rem;padding:1rem 4.6rem 1rem 1.4rem;border-radius:0;background:var(--hx-night2);color:#fff;box-shadow:none;border:1px solid #3a4048}
.search-bar__form .field__input:focus{border-color:var(--hx-blue);box-shadow:0 0 0 .1rem var(--hx-blue)}
.search-bar__form .field__label{left:1.4rem;color:var(--hx-on-night-soft)}
.search-bar__form .field__input::placeholder{color:var(--hx-on-night-soft)}
.search-bar__form .search__button{right:0;width:4.2rem;height:4.2rem;color:#fff}
.search-bar__form .field__button .svg-wrapper{width:1.8rem;height:1.8rem}
.header__buy{white-space:nowrap}
.header__buy img.cta-img{height:1em}
.header__icon,.header__icon .icon{color:#fff}
.menu-drawer__buy{padding:0 3rem 2rem;margin:0}
.header__menu-item{font-size:1.35rem;letter-spacing:.05rem;padding:1.2rem 1rem}
summary.header__menu-item{padding-right:2.4rem}
/* below 1280px seven items do not fit beside the search and the button: the drawer takes over */
@media screen and (max-width:1279px){
  header-drawer{display:block!important}
  .header__inline-menu{display:none!important}
  .header.header--has-search{grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"left-icon heading . icons"}
  header-drawer{grid-area:left-icon}
}
@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__inline-menu{display:none}
  .header__heading-link{justify-self:center}
}
@media screen and (max-width:749px){.header__heading-logo{width:128px}.header__buy{min-height:3.4rem;padding:0 1.2rem}}
/* below 520px the drawer, the logo, the search icon and the buy button did not fit:
   the logo column collapsed to 0 (check-images: drawn 0x0 at 360). The header gets
   narrower gutters and gaps, the button a smaller caption, the logo a smaller width. */
@media screen and (max-width:519px){
  .header.header--has-search{padding-left:1.8rem;padding-right:1.8rem;gap:1rem}
  .header__icons{gap:.4rem}
  .header__search--modal .header__icon--search{width:3.6rem}
  .header__buy{font-size:1.1rem;padding:0 .8rem}
  .header__heading-logo{width:96px;max-width:100%}
}

/* jobs strip under the header (DAP's PRO / DIY switch, four jobs) */
.job-bar{border-bottom:1px solid var(--hx-line)}
.job-bar__inner{display:flex;align-items:stretch;gap:2rem}
.job-bar__label{margin:0;display:flex;align-items:center;font-family:var(--font-heading-family);font-weight:800;font-size:1.25rem;text-transform:uppercase;letter-spacing:.12rem;color:var(--hx-soft);white-space:nowrap}
.job-bar__list{display:flex;gap:0;margin:0;padding:0;overflow-x:auto;scrollbar-width:none}
.job-bar__list::-webkit-scrollbar{display:none}
.job-bar__link{display:flex;align-items:center;gap:.8rem;padding:1.2rem 1.8rem;white-space:nowrap;text-decoration:none;font-family:var(--font-heading-family);font-weight:700;font-size:1.4rem;color:var(--hx-ink);border-bottom:3px solid transparent}
.job-bar__link:hover{color:var(--hx-blue-deep);border-bottom-color:var(--hx-line-strong)}
.job-bar__link.is-active{background:var(--hx-blue);color:#fff;border-bottom-color:var(--hx-signal)}
.job-bar__no{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;font-size:1.2rem;background:var(--hx-ground);color:var(--hx-ink)}
.job-bar__link.is-active .job-bar__no{background:#fff;color:var(--hx-blue-deep)}
@media screen and (max-width:749px){.job-bar__label{display:none}.job-bar__inner{padding-right:0}.job-bar__link{padding:1rem 1.2rem;font-size:1.3rem}}

/* breadcrumbs */
.breadcrumbs{padding-top:1.6rem;padding-bottom:.4rem}
.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin:0;font-size:1.25rem;color:var(--hx-soft);text-transform:uppercase;letter-spacing:.06rem;font-family:var(--font-heading-family);font-weight:700}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-right:.8rem;color:var(--hx-line-strong)}
.breadcrumbs__link{text-decoration:none}
.breadcrumbs__link:hover{text-decoration:underline}

/* hero: text with the search box (Rust-Oleum), film on the right */
.hx-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:4.8rem;align-items:center}
.hx-hero__kick{margin:0 0 1.2rem}
.hx-hero__title{margin:0 0 1.6rem;font-size:clamp(3.6rem,4.6vw,5.6rem);line-height:1.02}
.hx-hero__lede{font-size:1.8rem;line-height:1.55;margin:0 0 2.4rem;max-width:52ch;color:var(--hx-soft)}
.hx-hero__search{display:flex;gap:0;max-width:56rem;margin:0 0 1.6rem}
.hx-hero__search input{flex:1 1 auto;min-width:0;min-height:5.2rem;padding:0 1.6rem;border:2px solid var(--hx-ink);border-right:0;border-radius:0;font:inherit;font-size:1.7rem;background:#fff}
.hx-hero__search input:focus{outline:none;border-color:var(--hx-blue)}
.hx-hero__search .button{min-height:5.2rem}
.hx-hero__buttons{display:flex;flex-wrap:wrap;gap:1rem;margin:0 0 1.8rem}
.hx-hero__stat{margin:0;color:var(--hx-soft);font-size:1.4rem}
.hx-hero__film{position:relative;overflow:hidden;background:var(--hx-ground);aspect-ratio:16/10}
.hx-hero__film video,.hx-hero__poster,.hx-hero__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.hx-hero__film video{opacity:0;transition:opacity .4s}
.hx-hero__film.is-playing video{opacity:1}
.hx-hero__toggle{position:absolute;right:1.4rem;bottom:1.4rem;width:4.4rem;height:4.4rem;border:0;background:rgba(22,25,29,.75);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0;z-index:2}
.hx-hero__toggle .svg-wrapper{width:1.6rem;height:1.6rem;display:block}
.hx-hero__toggle svg{width:100%;height:100%;display:block}
.hx-hero__toggle .hx-hero__play{display:none}
.hx-hero__toggle[aria-pressed="true"] .hx-hero__pause{display:none}
.hx-hero__toggle[aria-pressed="true"] .hx-hero__play{display:block}
@media screen and (max-width:989px){.hx-hero{grid-template-columns:minmax(0,1fr);gap:2.8rem}.hx-hero__film{aspect-ratio:4/5;max-height:70vh}.hx-hero__title{font-size:clamp(3.2rem,8vw,4.6rem)}}
@media screen and (min-width:750px) and (max-width:989px){.hx-hero__film{aspect-ratio:16/10}}
@media screen and (max-width:749px){.hx-hero__buttons .button{flex:1 1 auto}.hx-hero__search .button{padding:0 1.4rem}}

/* departments 3x3 with the square arrow in the corner of the photo (Rust-Oleum) */
.depts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.2rem 2.4rem;margin:0;padding:0;list-style:none}
.dept{display:grid;gap:.5rem;text-decoration:none;color:inherit}
.dept__media{position:relative;display:block;aspect-ratio:4/3;background:var(--hx-ground);overflow:hidden;margin-bottom:.8rem}
.dept__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:8%}
.dept__media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.dept__arrow{position:absolute;right:0;bottom:0;width:4.8rem;height:4.8rem;background:var(--hx-blue);color:#fff;display:grid;place-items:center;transition:background .2s}
.dept__arrow svg{width:1.8rem;height:1.8rem;display:block}
.dept:hover .dept__arrow{background:var(--hx-signal)}
.dept__name{font-family:var(--font-heading-family);font-weight:800;font-size:2.1rem;line-height:1.15}
.dept:hover .dept__name{color:var(--hx-blue-deep)}
.dept__line{color:var(--hx-soft);font-size:1.5rem;line-height:1.45}
.dept__count{font-size:1.3rem;font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem;color:var(--hx-blue-deep)}
@media screen and (max-width:989px){.depts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.depts{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.2rem}.dept__name{font-size:1.6rem}.dept__line{display:none}.dept__arrow{width:3.6rem;height:3.6rem}}

/* product cards (DAP: white card, packshot on plaster, name, "Best for" line, button) */
.product-grid{margin:0;padding:0}
.card-wrapper{background:#fff}
.color-scheme-2 .card-wrapper{background:#fff}
.card__inner{border-radius:0;overflow:hidden;background:#fff!important}
.utility-bar .announcement-bar__message{display:block;text-align:left;justify-content:flex-start}
.dept__name{color:var(--hx-ink)}
.card .card__media .media img{object-fit:contain;mix-blend-mode:multiply;padding:8%}
.card .card__media .media.is-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}
.card-wrapper .card__content{padding:1.4rem 1.6rem 1.6rem}
.card__inner .card__content{padding:0}
.card__inner .card__information{display:none}
.card__spec{margin:0 0 .4rem;font-size:1.15rem;letter-spacing:.08rem;color:var(--hx-signal)!important}
.card__heading.h5{font-size:1.8rem;line-height:1.25;margin:0 0 .6rem;font-weight:800}
.card__heading.h5 a{text-decoration:none}
.card__line{margin:0 0 .8rem;color:var(--hx-soft);min-height:3em;line-height:1.5;font-size:1.4rem}
.card-information{display:grid;gap:.4rem}
.card-information .price{font-size:1.8rem;margin:0;line-height:1}
.card-information .price-item{font-weight:800;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.price__from{margin-right:.3rem;color:var(--hx-soft);font-size:1.2rem}
/* «from» in a smaller face on the baseline of the price made the line box 3.4px taller,
   and the price of that card sat higher than its neighbours (check-cardrows): the price
   line is a baseline flex row, which adds no strut */
.card-information .price__regular{display:flex;align-items:baseline}
.card-information .price__from,.card-information .price-item{line-height:1}
.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:#B8741A}
.rating-count{color:var(--hx-soft)}
.quick-add{margin:1.2rem 0 0}
.quick-add__submit{min-height:4.2rem;font-size:1.3rem}
.badge{border:0;border-radius: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}
.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}
.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:center;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 2px,transparent 2px 22px)!important;gap:.6rem;height:100%;min-height:24rem;padding:2.4rem;background:var(--hx-blue);color:#fff;text-decoration:none}
.route-tile__kick{color:rgba(255,255,255,.8)!important}
.route-tile__title{color:#fff;margin:0}
.route-tile__line{font-size:1.4rem;color:rgba(255,255,255,.85)}
.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}.quick-add__submit{padding-left:1rem;padding-right:1rem;font-size:1.2rem}.card-wrapper .card__content{padding:1rem 1rem 1.2rem}.card__heading.h5{font-size:1.5rem}.card__line{font-size:1.3rem}}

/* which texture is on your wall: four numbered columns and a size table */
.which__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 0 3.2rem;padding:0;list-style:none;border-top:3px solid var(--hx-ink)}
.which__col{padding:2rem 2.4rem 2.4rem 0;border-right:1px solid var(--hx-line);display:grid;gap:.8rem;align-content:start}
.which__col+.which__col{padding-left:2.4rem}
.which__col:last-child{border-right:0}
.which__no{margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:4.2rem;line-height:1;color:var(--hx-blue)}
.which__col h3{margin:0;font-size:2.2rem}
.which__col p{margin:0;font-size:1.55rem;line-height:1.55;color:var(--hx-soft)}
.which__col a{font-weight:700;font-size:1.45rem}
.which__tbl{max-width:90rem}
@media screen and (max-width:989px){.which__cols{grid-template-columns:repeat(2,minmax(0,1fr))}.which__col:nth-child(2){border-right:0}.which__col:nth-child(3){padding-left:0}.which__col:nth-child(n+3){border-top:1px solid var(--hx-line)}}
@media screen and (max-width:749px){.which__cols{grid-template-columns:minmax(0,1fr)}.which__col,.which__col+.which__col{padding:1.8rem 0;border-right:0;border-top:1px solid var(--hx-line)}.which__col:first-child{border-top:0}}

/* project guides (Family Handyman hub: one large, three small) */
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.projects>li:first-child{grid-column:1 / -1}
.project{display:grid;gap:.8rem;height:100%;padding:2.4rem;background:#fff;text-decoration:none;color:inherit;border-top:4px solid var(--hx-blue);align-content:start}
.project:hover{border-top-color:var(--hx-signal)}
.project--lead{padding:3.2rem;background:var(--hx-ink);color:#fff;border-top-color:var(--hx-signal)}
.project__chip{justify-self:start;background:var(--hx-signal);color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:1.15rem;letter-spacing:.08rem;text-transform:uppercase;padding:.4rem .8rem}
.project__title{font-family:var(--font-heading-family);font-weight:800;font-size:2.2rem;line-height:1.15;color:var(--hx-ink)}
.project--lead .project__title{color:#fff}
.project--lead .project__title{font-size:clamp(2.6rem,3vw,3.6rem)}
.project__lede{color:var(--hx-soft);font-size:1.5rem;line-height:1.5}
.project--lead .project__lede{color:var(--hx-on-night-soft);font-size:1.7rem}
.project__meta{font-size:1.3rem;font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem;color:var(--hx-blue-deep)}
.project--lead .project__meta{color:#F39B6D}
@media screen and (max-width:989px){.projects{grid-template-columns:minmax(0,1fr)}}

/* 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 0 0;border-top:3px solid var(--hx-ink)}
.tail-card h3{margin:0;font-size:2.1rem}
.tail-card h3 a{text-decoration:none}
.tail-card h3 a:hover{color:var(--hx-blue)}
.tail-card p{margin:0;line-height:1.55;font-size:1.5rem}
.tail-card__meta{color:var(--hx-soft)!important;font-size:1.3rem!important;font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem}
@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)}}

/* how this guide works */
.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem 6rem;align-items:start;border-top:1px solid var(--hx-line);padding-top:3.2rem}
.how .section-head{grid-template-columns:minmax(0,1fr);margin:0}
.how__text{font-size:1.7rem;line-height:1.65;max-width:72ch}
.how__text p{margin:0 0 1.2rem}
@media screen and (max-width:989px){.how{grid-template-columns:minmax(0,1fr)}}

/* faq (Dawn collapsible-content, plaster ground) */
.collapsible-content__grid{align-items:flex-start}
.collapsible-content__header{position:sticky;top:12rem;padding-right:4rem}
.collapsible-content__heading{margin:.8rem 0 1.4rem}
.collapsible-content__lede{margin:0;line-height:1.55;color:var(--hx-soft)}
.faq-section .accordion{margin:0;border-top:1px solid var(--hx-line-strong);background:transparent}
.faq-section .accordion:last-child{border-bottom:1px solid var(--hx-line-strong)}
.faq-section .accordion summary{padding:1.8rem 0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;position:relative;list-style:none}
.faq-section .accordion summary::-webkit-details-marker{display:none}
.faq-section .accordion summary>.svg-wrapper{flex:0 0 1.2rem;width:1.2rem;height:1.2rem;display:block}
.faq-section .accordion summary .icon-caret{position:static;width:1.2rem;height:auto;display:block}
.faq-section .accordion details[open] summary .icon-caret{transform:rotate(180deg)}
.faq-section .accordion .accordion__title{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;line-height:1.3;letter-spacing:0}
.faq-section .accordion__content{padding:0 0 2rem;line-height:1.6;color:var(--hx-soft)}
.faq-section .color-scheme-3 .accordion summary,.faq-section .color-scheme-3 .accordion .accordion__title,.faq-section .color-scheme-3 .collapsible-content__heading{color:#fff}
.faq-section .color-scheme-3 .accordion__content{color:var(--hx-on-night-soft)}
@media screen and (max-width:749px){.collapsible-content__header{position:static;padding-right:0;margin-bottom:2rem}}

/* footer: one ink band with the mark, the independence line and a short index */
.footer-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:3rem 6rem;align-items:start;padding-bottom:3.2rem}
.footer-block__logo{display:block;margin:0 0 1.6rem;width:150px}
.footer-block__image{width:150px;height:auto;display:block}
.footer-band__line{margin:0 0 1rem;color:var(--hx-on-night-soft);font-size:1.4rem;line-height:1.55;max-width:42ch}
.footer-band__mail{margin:0;font-size:1.4rem}
.footer-band__mail a{color:#fff}
.footer-band__index{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem}
.footer-band__h{margin:0 0 1rem;font-family:var(--font-heading-family);font-size:1.3rem;font-weight:800;letter-spacing:.12rem;text-transform:uppercase;color:#fff}
.footer-band__group ul{margin:0;padding:0;display:grid;gap:.5rem}
.footer-band__group a{text-decoration:none;font-size:1.4rem;color:var(--hx-on-night-soft);line-height:1.35}
.footer-band__group a:hover{color:#fff;text-decoration:underline}
.footer__content-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:1.6rem}
.footer-band__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem 3rem}
.footer__disclosure{margin:0;line-height:1}
img.dsc{width:auto;max-width:100%;display:inline-block;vertical-align:middle}
.footer__copyright{text-align:left;margin:0;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(--hx-on-night-soft)}
@media screen and (max-width:989px){.footer-band{grid-template-columns:minmax(0,1fr)}.footer-band__index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){img.dsc{height:auto!important;max-height:1em}.footer-band__index{gap:2rem 1.6rem}}

/* collection page: compact head, products first (owner's rule), filters on the left (DAP) */
@media screen and (min-width:750px){.collection-hero.page-width{padding-left:5rem;padding-right:5rem}}
.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;font-size:clamp(3.2rem,4vw,4.8rem)}
.collection-head__count{font-size:2rem;color:var(--hx-soft);font-weight:400}
.collection-head__figures{margin:0;color:var(--hx-soft);font-size:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.kind-chips{display:flex;flex-wrap:wrap;gap:0;margin:.8rem 0 0;padding:0;list-style:none;border-bottom:1px solid var(--hx-line)}
.kind-chip{font:inherit;font-family:var(--font-heading-family);font-weight:700;font-size:1.35rem;text-transform:uppercase;letter-spacing:.05rem;white-space:nowrap;display:inline-flex;gap:.6rem;align-items:center;padding:1.1rem 1.6rem;border:0;border-bottom:3px solid transparent;background:transparent;cursor:pointer;text-decoration:none;color:inherit;margin-bottom:-1px}
.kind-chip:hover{border-bottom-color:var(--hx-line-strong)}
.kind-chip small{color:var(--hx-soft)}
.kind-chip[aria-pressed="true"],.kind-chip[aria-current]{border:1px solid var(--hx-ink);border-bottom:3px solid var(--hx-blue);background:#fff}
.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:14rem}
.facets__heading{margin:0 0 1rem;font-family:var(--font-heading-family);font-weight:800;font-size:1.3rem;text-transform:uppercase;letter-spacing:.1rem}
.facets__disclosure-vertical{border-top:1px solid var(--hx-line)}
.facets__disclosure-vertical:last-child{border-bottom:1px solid var(--hx-line)}
.facets__summary{list-style:none;cursor:pointer;padding:1.2rem 0;font-size:1.35rem;font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem}
.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(--hx-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}
.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(--hx-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:1.2rem 1.6rem;background:var(--hx-ground);margin-bottom:2.4rem}
.facets-row__count{margin:0;font-size:1.4rem;color:var(--hx-soft);font-weight:600}
.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(--hx-line-strong);border-radius:0;background:#fff}
.product-grid__empty{margin:2rem 0;color:var(--hx-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(--hx-line-strong);background:#fff;font-size:1.4rem;font-weight:700}
  .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.6rem 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}
  .kind-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
}

/* 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:14rem;overflow:hidden;background:var(--hx-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:6%}
.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(--hx-soft)}
.shelf-prose--solo .shelf-prose__text .rte{columns:2;column-gap:4.8rem;max-width:none}
.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:800;font-family:var(--font-heading-family);font-size:1.6rem;padding:0 0 .8rem}
.tbl-wrap th,.tbl-wrap td{text-align:left;vertical-align:top;padding:1rem 1.2rem;border-bottom:1px solid var(--hx-line)}
.tbl-wrap thead th{font-size:1.2rem;text-transform:uppercase;letter-spacing:.08rem;color:#fff;background:var(--hx-ink);border-bottom:0;font-family:var(--font-heading-family)}
.tbl-wrap tbody th{font-weight:600;width:32%}
.tbl-wrap tbody tr:nth-child(even) th,.tbl-wrap tbody tr:nth-child(even) td{background:#faf8f5}
.tbl-note{font-size:1.4rem;color:var(--hx-soft);margin:-1.2rem 0 2.4rem;line-height:1.5}
.tbl__buy{white-space:nowrap}
/* at 360 the buy cell of the variant table is 168px: the caption (304x28 at 1em) was
   cut by max-width and drawn squashed; a smaller caption and padding fit it whole */
@media screen and (max-width:519px){.tbl__buy .button{padding:0 1rem;font-size:1.1rem}}
.tbl--variants tr.is-current th,.tbl--variants tr.is-current td{background:var(--hx-blue-light)!important}
@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(--hx-line)}
  .tbl-wrap--stack th,.tbl-wrap--stack td,.tbl-wrap--stack tbody th{display:block;border:0;padding:.2rem 0;width:auto;background:transparent!important}
  .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(--hx-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;background:#fff;border-top:3px solid var(--hx-blue);text-decoration:none;color:inherit;align-content:start}
.roads .road:hover{border-top-color:var(--hx-signal)}
.sources .road{display:block;margin:1rem 0 0;font-size:1.35rem}
.road__kick{font-size:1.2rem;color:var(--hx-signal);font-weight:700;text-transform:uppercase;letter-spacing:.08rem;font-family:var(--font-heading-family)}
.road__title{font-weight:800;font-size:1.8rem;line-height:1.25;font-family:var(--font-heading-family)}
.road__line{font-size:1.4rem;color:var(--hx-soft)}
.road__go{margin-top:auto;padding-top:.6rem;color:var(--hx-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 (DAP: thumbnails left, Best for, checklist; Rust-Oleum: option plates) */
.product{align-items:flex-start}
.product__media-wrapper{display:grid;grid-template-columns:8.8rem minmax(0,1fr);gap:1.4rem;align-items:start}
.product__media-wrapper--single{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(--hx-line);border-radius:0;background:#fff;cursor:pointer;overflow:hidden}
.thumbnail.is-active,.thumbnail[aria-current]{border-color:var(--hx-blue);box-shadow:0 0 0 1px var(--hx-blue)}
.thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;padding:6%}
.product .product__media-wrapper .thumbnail-list{grid-template-columns:minmax(0,1fr)!important}
.product .thumbnail-slider .thumbnail-list{width:100%;flex:1 1 100%}
.product__media-main{position:relative;overflow:hidden;background:var(--hx-ground)}
.product__media{position:relative;aspect-ratio:1/1;padding-top:0!important;width:100%}
.product__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:6%}
.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,2.8vw,3.4rem);line-height:1.12}
.product__best{display:block;font-size:1.55rem;line-height:1.5}
.product__best-label{display:inline-block;margin-right:.8rem;vertical-align:.1rem}
.product-form__buttons{max-width:none!important}
.accordion__content .checklist,.rte .checklist{padding:0!important;margin:0!important}
.rte .checklist li{margin:0}
.product__best-label{background:var(--hx-signal);color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:1.15rem;letter-spacing:.08rem;text-transform:uppercase;padding:.3rem .7rem}
.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:3rem;font-weight:800;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.product__range{color:var(--hx-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.3rem;font-weight:700;font-family:var(--font-heading-family);text-transform:uppercase;letter-spacing:.06rem}
.form__label__value{font-weight:400;color:var(--hx-soft);text-transform:none;font-family:var(--font-body-family);letter-spacing:0}
.product-form__input--pill input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.product-form__input--pill label{display:inline-block;padding:1.1rem 1.6rem;border:1px solid var(--hx-line-strong);border-radius:0;cursor:pointer;font-size:1.45rem;font-weight:600;background:#fff}
.product-form__input--pill input:checked+label{border-color:var(--hx-blue);background:var(--hx-blue-light);color:var(--hx-blue-deep);box-shadow:inset 0 -3px 0 var(--hx-blue)}
.product-form__input--pill input:focus-visible+label{outline:2px solid var(--hx-blue);outline-offset:2px}
.product-form__input--pill label.is-unavailable{color:var(--hx-soft);border-style:dashed}
.product-form__buttons .button{width:100%}
.product-form__note{margin:.8rem 0 0;color:var(--hx-soft)}
.glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid var(--hx-line);border-left:1px solid var(--hx-line)}
.glance div{padding:1rem 1.2rem;border-right:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line)}
.glance dt{font-family:var(--font-heading-family);font-weight:700;font-size:1.15rem;text-transform:uppercase;letter-spacing:.06rem;color:var(--hx-soft)}
.glance dd{margin:.2rem 0 0;font-size:1.45rem;font-weight:600;line-height:1.35}
.product__accordion{border-top:1px solid var(--hx-line)}
.product__accordion:last-of-type{border-bottom:1px solid var(--hx-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(--hx-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:800;text-transform:uppercase;letter-spacing:.05rem}
.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;margin:0;padding:0;list-style:none}
.checklist li{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.8rem;align-items:start;font-size:1.45rem;line-height:1.45}
.checklist .svg-wrapper{width:2.2rem;height:2.2rem;border-radius:50%;background:var(--hx-blue);color:#fff;display:grid;place-items:center}
.checklist .svg-wrapper svg{width:1.1rem;height:auto}
.results-list{margin:0;padding-left:1.8rem;display:grid;gap:.6rem;font-size:1.45rem;line-height:1.5}
.steps-mini{margin:0;padding:0;list-style:none;display:grid;gap:.8rem}
.steps-mini li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;align-items:baseline;font-size:1.45rem;line-height:1.5}
.steps-mini__chip{background:var(--hx-signal);color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:1.1rem;letter-spacing:.06rem;text-transform:uppercase;padding:.3rem .6rem;white-space:nowrap}
.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(--hx-line)}
.details-table th{width:40%;font-weight:600;padding-right:1.2rem}
@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{grid-template-columns:minmax(0,1fr)}.product .product__media-wrapper .thumbnail-list{grid-template-columns:repeat(5,minmax(0,1fr))!important;order:2}.checklist{grid-template-columns: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:72ch}
.product-description__media{margin-top:2.4rem;overflow:hidden;background:var(--hx-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%}
@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:3px solid var(--hx-blue);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:800;font-family:var(--font-heading-family);font-size:1.9rem}
.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}}

/* sources */
.sources{margin:3.2rem 0 0;padding:2.4rem;background:var(--hx-ground);border-left:4px solid var(--hx-signal);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:800;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;margin-top:3.2rem}
.safety-note h2{margin:0}
.rte-width{max-width:90rem}

/* pages: head, reading column, aside */
.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(--hx-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.6rem 0 1.2rem;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:14rem;display:grid;gap:.8rem;font-size:1.45rem;border-left:3px solid var(--hx-ink);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(--hx-blue-deep)}
.page-aside__heading{margin:0;font-family:var(--font-heading-family);font-size:1.3rem;font-weight:800;text-transform:uppercase;letter-spacing:.1rem}
.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:3px solid var(--hx-ink);padding-top:2rem}.page-aside--toc{display:none}}

/* project guide (Family Handyman): meta chips, tools and materials, step cards */
.guide-head__by{margin:1.2rem 0 0;font-size:1.4rem;color:var(--hx-soft)}
.guide-meta{display:flex;flex-wrap:wrap;gap:0;margin:2rem 0 0;padding:0;border-top:1px solid var(--hx-line);border-bottom:1px solid var(--hx-line)}
.guide-meta li{display:grid;gap:.2rem;padding:1.2rem 2.4rem 1.2rem 0;margin-right:2.4rem;border-right:1px solid var(--hx-line)}
.guide-meta li:last-child{border-right:0}
.guide-meta span{font-family:var(--font-heading-family);font-weight:700;font-size:1.15rem;text-transform:uppercase;letter-spacing:.08rem;color:var(--hx-soft)}
.guide-meta strong{font-family:var(--font-heading-family);font-weight:800;font-size:1.8rem}
.needs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;margin:0 0 1rem}
.needs__col{background:var(--hx-ground);padding:2rem 2.4rem}
.needs__col h3{margin:0 0 .8rem!important;font-size:1.6rem!important;text-transform:uppercase;letter-spacing:.06rem}
.needs__col ul{margin:0;padding-left:1.8rem;font-size:1.55rem;line-height:1.55}
.steps,.main-page__body .rte ol.steps{list-style:none;margin:0;padding:0;display:grid;gap:2rem}
.step ul{list-style:disc}
.step{background:#fff;border:1px solid var(--hx-line);border-top:4px solid var(--hx-blue);padding:2.2rem 2.4rem;box-shadow:0 6px 18px rgba(22,25,29,.05)}
.step__chip{display:inline-block;margin:0 0 .8rem;background:var(--hx-signal);color:#fff;font-family:var(--font-heading-family);font-weight:700;font-size:1.2rem;letter-spacing:.08rem;text-transform:uppercase;padding:.4rem .8rem}
.main-page__body .rte .step__h{margin:0 0 1rem;font-size:2.2rem}
.step ul{margin:0;padding-left:2rem}
.step li{margin:0 0 .6rem}
.step__tip{margin:1.2rem 0 0;padding-left:1.4rem;border-left:3px solid var(--hx-signal);font-size:1.55rem;color:var(--hx-soft)}
.step__tip em{font-style:italic;font-weight:700;color:var(--hx-signal)}
@media screen and (max-width:749px){.needs{grid-template-columns:minmax(0,1fr)}.step{padding:1.6rem}.guide-meta li{padding-right:1.6rem;margin-right:1.6rem}}

/* review fixes: sources heading inside a guide, list indents, odd label cell, sticky packshot */
.main-page__body .rte .sources .src-h{font-size:1.3rem;margin:0 0 .8rem;letter-spacing:.1rem}
.needs__col ul{list-style:disc outside;padding-left:2rem!important}
.needs__col li{padding-left:0;text-indent:0;margin:0 0 .4rem}
.glance div:last-child:nth-child(odd){grid-column:1 / -1}
.product>.product__media-wrapper{align-self:stretch}
.page-figure{margin:2.8rem 0;background:var(--hx-ground)}
.page-figure img{display:block;width:100%;height:auto;max-height:60rem;object-fit:cover}
.page-figure:not(.is-photo) img{object-fit:contain;mix-blend-mode:multiply;padding:4%;max-height:44rem}
.page-figure figcaption{padding:.9rem 1.2rem;font-size:1.35rem;color:var(--hx-soft);background:#fff;border-left:3px solid var(--hx-signal)}
.embed{display:grid;grid-template-columns:14rem minmax(0,1fr) auto;gap:2rem;align-items:center;margin:2.8rem 0;padding:1.6rem;background:var(--hx-ground);border-top:3px solid var(--hx-blue)}
.embed__media{position:relative;display:block;width:14rem;height:14rem;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__text{display:grid;gap:.3rem}
.embed__kick{margin:0;font-size:1.15rem;letter-spacing:.08rem;text-transform:uppercase;color:var(--hx-signal);font-family:var(--font-heading-family);font-weight:700}
.rte .embed__name{font-weight:800;text-decoration:none;font-size:1.8rem;line-height:1.25;font-family:var(--font-heading-family);color:var(--hx-ink)}
.embed__line,.embed__price{margin:0!important;font-size:1.4rem;color:var(--hx-soft)}
.embed__price{font-weight:800;color:var(--hx-ink);font-family:var(--font-heading-family)}
.rte .embed .button{color:rgb(var(--color-button-text));text-decoration:none}
@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%}}
.project--lead{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:3.2rem}
.project__media{position:relative;grid-row:1 / span 5;grid-column:2;aspect-ratio:16/10;overflow:hidden}
.project__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media screen and (max-width:989px){.project--lead{grid-template-columns:minmax(0,1fr)}.project__media{grid-row:auto;grid-column:auto}}

/* review fixes, 390 and 1920 */
.menu-drawer__buy .button{background:var(--hx-blue)!important;color:#fff!important;border:0}
.menu-drawer__buy .button:after,.menu-drawer__buy .button:before{box-shadow:none!important}
.safety-note.rte-width{margin-left:0;margin-right:auto}
.collection-head{gap:.6rem}
.collection-head__title{margin-top:0}
.mobile-facets__panel .facets__heading{display:none}
.footer__copyright .policies li::before{content:none!important}
.footer__copyright .policies li{margin:0}
.footer-band__index,.footer-band__group ul{margin:0;padding:0}
.footer__disclosure{text-align:left}
.road__title{color:var(--hx-ink)}
@media screen and (max-width:749px){.footer-band__bottom{flex-direction:column;align-items:flex-start;padding-top:.4rem}.footer__disclosure{margin-top:.8rem}.breadcrumbs__list{font-size:1.15rem}.breadcrumbs__link{font-size:inherit}.guide-meta{display:grid;grid-template-columns:1fr 1fr}.guide-meta li{border-right:0;margin-right:0;padding-right:0}.guide-meta li:first-child{grid-column:1 / -1;border-bottom:1px solid var(--hx-line)}}

/* search and 404 */
.search-page__form{display:flex;gap:0;max-width:64rem;margin:2rem 0}
.search-page__form .search__input{flex:1 1 auto;min-height:5rem;padding:0 1.6rem;border:2px solid var(--hx-ink);border-right:0;border-radius:0;font:inherit}
.search-page__count{color:var(--hx-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-weight:800;font-size:clamp(6rem,10vw,12rem);line-height:1;color:var(--hx-blue);margin:0}