/* Nooky custom.css on top of Dawn / Spotlight 16.0.0 */
:root{--nk-berry:#A3264E;--nk-berry-deep:#84203F;--nk-berry-light:#F6E3E8;--nk-ink:#231E1C;--nk-soft:#5A524C;--nk-paper:#F5F2EC;--nk-white:#FFFFFF;--nk-tile:#E9E2D8;--nk-blush:#EFE1DA;--nk-line:#DCD3C7;--nk-line-strong:#B5AA9D;--nk-night:#2A2220;--nk-plum:#46242F;--nk-on-night-soft:#D8CEC9;--nk-star:#A3264E;--nk-r:12px;--nk-card:1.6rem}
body{color:rgb(var(--color-foreground));font-size:1.6rem;line-height:1.65;letter-spacing:0}
@media screen and (min-width:750px){body{font-size:1.7rem}}
h1,h2,h3,h4,.h0,.h1,.h2,.h3,.h4{font-weight:400;letter-spacing:-.01em;line-height:1.1}
.h5,h5{font-family:var(--font-body-family);font-weight:700;letter-spacing:0}
h1,.h1{font-size:clamp(3.6rem,4.6vw,6rem)}
h2,.h2{font-size:clamp(2.8rem,3.3vw,4.2rem)}
h3,.h3{font-size:clamp(2.1rem,2.1vw,2.6rem)}
.h4,h4{font-size:2rem}
h1 a,h2 a,h3 a{color:inherit;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover{color:var(--nk-berry)}
a{color:inherit}
.rte a:not(.button),.accordion__content a:not(.button),.section-head__lede a:not(.button),.nk-hero__lede a:not(.button),.collapsible-content__lede a:not(.button),.prose-link a:not(.button),.sources a:not(.button),.tbl-note a:not(.button),.nk-split__note a:not(.button){color:var(--nk-berry-deep);text-underline-offset:.25rem}
.rte a:not(.button):hover{color:var(--nk-berry)}
.color-scheme-3 .rte a:not(.button),.color-scheme-3 .accordion__content a:not(.button),.color-scheme-4 .rte a:not(.button){color:#fff}
.caption-with-letter-spacing{color:var(--nk-berry-deep);font-weight:700;letter-spacing:.14rem;font-family:var(--font-body-family);font-size:1.2rem;text-transform:uppercase}
.color-scheme-3 .caption-with-letter-spacing,.color-scheme-4 .caption-with-letter-spacing{color:var(--nk-on-night-soft)}
.caption,.caption-large{letter-spacing:.01rem}
.light{color:var(--nk-soft)}
img{max-width:100%;height:auto}
.grid>*,.flex>*{min-width:0}
.button,.shopify-challenge__button,.customer button{font-family:var(--font-body-family);font-weight:700;letter-spacing:.01rem;font-size:1.5rem;min-height:4.8rem;padding:0 2.8rem;text-transform:none}
.button--small{min-height:4rem;padding:0 1.8rem;font-size:1.4rem}
.button:after,.button:before{border-radius:var(--buttons-radius)}
.button img.cta-img{width:auto;max-width:none;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%}
.button--ink{--color-button:42,34,32;--color-button-text:255,255,255;background:var(--nk-night);color:#fff}
.button--secondary{--color-secondary-button-text:35,30,28;background:transparent}
.color-scheme-3 .button--secondary,.color-scheme-4 .button--secondary{--color-secondary-button-text:255,255,255;color:#fff}
.rte .button img,.rte .button{border:0}
.rte .button img{box-shadow:none;border-radius:0}
.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.6rem}
.section-head--center{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center}
.section-head__title{margin:.8rem 0 0}
.section-head__lede{margin:1.4rem 0 0;color:var(--nk-soft);font-size:1.75rem;line-height:1.6;max-width:66ch}
.color-scheme-3 .section-head__lede,.color-scheme-4 .section-head__lede{color:var(--nk-on-night-soft)}
.color-scheme-3 .section-head__title,.color-scheme-4 .section-head__title{color:#fff}
.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.4rem}}
.nk-dot{display:inline-block;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px rgba(35,30,28,.18);flex:0 0 auto;vertical-align:-.1rem}

/* announcement bar: an owner-added section on the espresso scheme */
.utility-bar__grid--3-col{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.announcement-bar__message{font-size:1.3rem;letter-spacing:.06rem;padding:.9rem 0;margin:0;font-family:var(--font-body-family);font-weight:600;text-transform:none}
.utility-bar__links{display:flex;gap:2.4rem;margin:0;padding:0;list-style:none}
.utility-bar__link{font-size:1.3rem;text-decoration:none;white-space:nowrap;color:var(--nk-on-night-soft)}
.utility-bar__link:hover{color:#fff;text-decoration:underline;text-underline-offset:.3rem}
@media screen and (max-width:749px){.utility-bar__links{display:none}.announcement-bar__message{text-align:center;font-size:1.2rem}}

/* header: wordmark left, menu in the middle, search, account and the buy pill on the right */
.header.header--middle-left{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"heading navigation icons";align-items:center;column-gap:3rem}
.header__heading,.header__heading-link{grid-area:heading;margin:0;display:block;justify-self:start}
.header__heading .header__heading-link{display:block}
.header__heading-logo-wrapper{line-height:0}
.header__heading-logo{width:128px;height:auto;display:block}
.header__inline-menu{grid-area:navigation;justify-self:center}
.header__inline-menu .list-menu--inline{flex-wrap:nowrap;gap:.4rem}
.header__menu-item{font-size:1.5rem;font-weight:600;padding:1.2rem 1.4rem;color:var(--nk-ink)}
.header__menu-item span{text-decoration:none}
.header__menu-item:hover span,.header__active-menu-item{text-decoration:underline;text-underline-offset:.6rem;text-decoration-thickness:.2rem;text-decoration-color:var(--nk-berry)}
.header__icons{grid-area:icons;gap:.4rem;align-items:center;justify-self:end;padding-right:0;display:flex}
.header__icon{width:4.4rem;height:4.4rem}
.header__icon .svg-wrapper,.header__icon svg{width:2rem;height:2rem}
shopify-account.header__icon{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
shopify-account .visually-hidden{position:absolute}
.header__buy{white-space:nowrap;margin-left:.8rem}
.header__buy img.cta-img{height:1em}
.header__buy img.cta-short{display:none}
summary.header__menu-item{padding-right:3rem}
.header__inline-menu details summary .icon-caret{width:1rem!important;left:auto!important;right:1.2rem}
.mega-menu__content{top:100%;border-top:1px solid var(--nk-line);box-shadow:0 18px 30px rgba(35,30,28,.08)}
.mega-menu{position:static}
.mega-menu summary::before{content:"";position:absolute;left:0;right:0;top:100%;height:2.4rem}
.mega-menu__list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,30rem);gap:2.4rem 4rem;padding-top:2.8rem;padding-bottom:3.2rem}
.mega-menu__list--links{grid-template-columns:repeat(4,minmax(0,1fr))}
.mega-menu__list--links>li{display:grid;gap:.4rem;align-content:start}
.mega-menu__link--level-2{font-family:var(--font-heading-family);font-size:2rem;font-weight:400;color:var(--nk-ink)}
.mega-menu__list ul{display:grid;gap:.2rem;margin:.6rem 0 0;padding:0;list-style:none}
.mega-menu__link{font-size:1.5rem;text-decoration:none;padding:.4rem 0;color:var(--nk-ink)}
.mega-menu__link:hover{color:var(--nk-berry-deep);text-decoration:underline}
.mega-menu__line{margin:0;color:var(--nk-soft);font-size:1.35rem;line-height:1.45}
.mega-menu__count{color:var(--nk-soft);font-size:1.2rem}
.mega-menu__promo-link{display:grid;gap:1rem;text-decoration:none}
.mega-menu__promo .media{border-radius:var(--nk-r);overflow:hidden;aspect-ratio:16/9;position:relative;background:var(--nk-tile);padding:0!important}
.mega-menu__promo .media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mega-menu__promo-title{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400}
.menu-drawer__buy{padding:0 3rem 2rem;margin:0}
@media screen and (max-width:1149px){.header__menu-item{padding:1.2rem .9rem;font-size:1.45rem}.header.header--middle-left{column-gap:1.6rem}}
@media screen and (max-width:989px){
  /* stronger than the Dawn rule .header--has-account.header--has-menu:not(...):not(...) (0,4,0) */
  .header.header--middle-left.header--mobile-center.header--has-account.header--has-menu{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"left-icons heading icons";column-gap:1.2rem}
  .header--mobile-center header-drawer{grid-area:left-icons;justify-self:start}
  .header__inline-menu{display:none}
  .header__heading,.header__heading-link{justify-self:start}
}
@media screen and (max-width:749px){.header__heading-logo{width:100px}.header__buy{min-height:3.6rem;padding:0 1.4rem;margin-left:.2rem}.header__buy img.cta-long{display:none}.header__buy img.cta-short{display:block}.header__icons shopify-account.header__icon{display:none}.header__icon{width:4rem;height:4rem}}

/* breadcrumbs */
.breadcrumbs{padding-top:1.8rem;padding-bottom:.4rem;width:100%;max-width:var(--page-width);margin:0 auto;box-sizing:border-box}
.breadcrumbs__list{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.2rem .8rem;margin:0;font-size:1.35rem;color:var(--nk-soft);padding:0}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-right:.8rem;color:var(--nk-line-strong)}
.breadcrumbs__link{text-decoration:none}
.breadcrumbs__link:hover{text-decoration:underline}

/* hero: text on the left, the brand film on the right in a rounded frame */
.nk-hero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:5rem;align-items:center}
.nk-hero__kick{margin:0 0 1.6rem}
.nk-hero__title{margin:0 0 1.8rem;font-size:clamp(4.8rem,6.4vw,8.8rem);line-height:.98;letter-spacing:-.02em}
.nk-hero__lede{font-size:1.85rem;line-height:1.6;margin:0 0 2.8rem;color:var(--nk-soft);max-width:48ch}
.nk-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0 0 3.2rem}
.nk-hero__figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0;padding:2.2rem 0 0;border-top:1px solid var(--nk-line)}
.nk-hero__figures div{display:grid;gap:.2rem}
.nk-hero__figures dt{font-family:var(--font-heading-family);font-size:2.6rem;line-height:1.1;color:var(--nk-ink)}
.nk-hero__figures dd{margin:0;font-size:1.3rem;line-height:1.35;color:var(--nk-soft)}
.nk-film{position:relative;overflow:hidden;background:var(--nk-night);aspect-ratio:16/9;border-radius:2.4rem}
.nk-film video,.nk-film__poster,.nk-film__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.nk-film video{opacity:0;transition:opacity .6s ease}
.nk-film.is-playing video{opacity:1}
.nk-film__toggle{position:absolute;right:1.6rem;bottom:1.6rem;z-index:3;width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:rgba(35,30,28,.6);color:#fff;display:grid;place-items:center;cursor:pointer}
.nk-film__toggle .svg-wrapper{width:1.6rem;height:1.6rem;display:block}
.nk-film__toggle svg{width:100%;height:100%;display:block}
.nk-film__play{display:none!important}
.nk-film__toggle[aria-pressed="true"] .nk-film__play{display:block!important}
.nk-film__toggle[aria-pressed="true"] .nk-film__pause{display:none!important}
@media screen and (max-width:989px){.nk-hero{grid-template-columns:minmax(0,1fr);gap:3rem}.nk-hero__media{order:-1}}
@media screen and (max-width:749px){
  .nk-film{aspect-ratio:4/5;border-radius:1.6rem}
  .nk-hero__title{font-size:5rem}
  .nk-hero__buttons .button{flex:1 1 auto}
  .nk-hero__figures dt{font-size:2.1rem}
}

/* "free from" lines, set huge across the page (Überlube) */
.nk-free-section{overflow:hidden;max-width:100%}
.nk-free{overflow:hidden;max-width:100%;contain:paint;border-top:1px solid var(--nk-line);border-bottom:1px solid var(--nk-line)}
.nk-free__row{margin:0;white-space:nowrap;font-family:var(--font-heading-family);font-size:clamp(4rem,6.4vw,8.4rem);line-height:1.3;color:var(--nk-ink)}
.nk-free__track{display:inline-flex;gap:3rem;animation:nk-free 48s linear infinite;padding-left:3rem}
.nk-free__track>span:nth-child(4n+1){color:var(--nk-berry)}
.nk-free__dot{color:var(--nk-line-strong)}
@keyframes nk-free{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.nk-free__track{animation:none}}

/* lube or oils: two cards with what each line does not go with */
.nk-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}
.nk-pair__card{display:grid;grid-template-rows:auto 1fr;border-radius:2rem;overflow:hidden;background:var(--nk-white)}
.nk-pair__media{position:relative;display:block;aspect-ratio:32/23;background:var(--nk-tile)}
.nk-pair__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4%;mix-blend-mode:multiply}
.nk-pair__media.is-photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.nk-pair__text{display:grid;gap:1.2rem;align-content:start;padding:2.8rem 3rem 3.2rem}
.nk-pair__text h3{margin:0}
.nk-pair__line{margin:0;color:var(--nk-soft);font-size:1.5rem}
.nk-pair__points{margin:0;padding:0;list-style:none;display:grid;gap:0}
.nk-pair__points li{padding:.9rem 0 .9rem 2.6rem;border-top:1px solid var(--nk-line);position:relative}
.nk-pair__points li::before{content:"";position:absolute;left:.2rem;top:1.7rem;width:1rem;height:.5rem;border-left:2px solid var(--nk-berry);border-bottom:2px solid var(--nk-berry);transform:rotate(-45deg)}
.nk-pair__warn{margin:.4rem 0 .8rem;display:flex;gap:1rem;align-items:flex-start;padding:1.2rem 1.4rem;border-radius:1rem;background:var(--nk-berry-light);color:var(--nk-berry-deep);font-weight:600;font-size:1.5rem;line-height:1.45}
.nk-pair__warn span{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;background:var(--nk-berry);color:#fff;display:grid;place-items:center;font-size:1.3rem;font-weight:700}
.nk-pair__text .button{justify-self:start}
@media screen and (max-width:749px){.nk-pair{grid-template-columns:minmax(0,1fr)}.nk-pair__text{padding:2.2rem 2rem 2.6rem}}

/* dark band: three numbered points (Maude) */
.nk-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4rem;margin:0;padding:0;list-style:none}
.nk-band li{display:grid;gap:1.2rem;align-content:start}
.nk-band__no{margin:0;font-family:var(--font-heading-family);font-size:3.2rem;line-height:1;color:var(--nk-berry-light)}
.nk-band h3{margin:0;color:#fff}
.nk-band p:last-child{margin:0;color:var(--nk-on-night-soft);line-height:1.6}
@media screen and (max-width:749px){.nk-band{grid-template-columns:minmax(0,1fr);gap:2.8rem}}

/* massage oils by base */
.nk-bases{display:grid;grid-template-columns:minmax(0,1fr);gap:4rem}
.nk-base{min-width:0}
.nk-base__label{margin:0 0 1.4rem;font-weight:700;font-size:1.3rem;letter-spacing:.12rem;text-transform:uppercase;color:var(--nk-soft);display:flex;align-items:center;gap:1.2rem}
.nk-base__label::after{content:"";flex:1 1 auto;height:1px;background:var(--nk-line)}
@media screen and (max-width:749px){.nk-base .product-grid.grid{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:-1.6rem;padding-right:1.6rem;gap:1.2rem;scrollbar-width:none}.nk-base .product-grid.grid::-webkit-scrollbar{display:none}.nk-base .product-grid>.grid__item{flex:0 0 72%!important;width:72%!important;max-width:72%!important;scroll-snap-align:start}}

/* product cards: packshot on the warm tile, kicker, name, scent dot, rating, price, buy pill */
.product-grid{margin:0;padding:0}
.card{--border-radius:var(--nk-card)}
.card__inner{border-radius:var(--nk-card);overflow:hidden;background:var(--nk-tile)!important}
.card .media{border-radius:0}
.card-wrapper .card .card__media .media img{object-fit:contain;padding:8%;height:100%;width:100%;mix-blend-mode:multiply}   /* stronger than Dawn .card__media .media img (cover), loaded after custom.css */
.card-wrapper .card .card__media .media.is-photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.card-wrapper .card .card__media .media{background:var(--nk-tile)}
.card-wrapper .card__content{padding:1.6rem 0 0}
.card__inner .card__content{padding:0}
.card__inner .card__information{display:none}
.card__spec{margin:0 0 .4rem;font-size:1.15rem;letter-spacing:.1rem}
.card__heading.h5{font-family:var(--font-body-family);font-size:1.8rem;line-height:1.3;margin:0 0 .4rem;font-weight:600}
.card__heading.h5 a{text-decoration:none}
.card__line{margin:0 0 .6rem;color:var(--nk-soft);min-height:3em;line-height:1.5;font-size:1.4rem}
.card__sizes{white-space:nowrap}
.card__scent{display:flex;align-items:center;gap:.7rem;margin:0 0 .8rem;font-size:1.4rem;font-weight:600;min-height:2.2rem}
.card-information{display:grid;gap:.4rem}
.card-information .price{font-size:1.8rem;margin:0;line-height:1}
.card-information .price-item{font-weight:700;color:rgb(var(--color-foreground))}
.price__from{margin-right:.3rem;color:var(--nk-soft);font-size:1.25rem;line-height:1}
.card-information .price,.card-information .price__container,.card-information .price__regular{line-height:1;height:2.2rem;display:flex;align-items:center}
.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:#A3264E}
.rating-count{color:var(--nk-soft)}
.quick-add{margin:1.4rem 0 0;grid-row-start:4}
.quick-add__submit{min-height:4.4rem;font-size:1.4rem}
.badge{border:0;font-family:var(--font-body-family);font-weight:700;letter-spacing:.04rem;font-size:1.15rem;padding:.5rem 1rem;background:var(--nk-berry)!important;color:#fff!important}
.card__badge.bottom.left{bottom:1.2rem;left:1.2rem}
.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:.3;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:26rem;padding:2.6rem;border-radius:var(--nk-card);background:var(--nk-plum);color:#fff;text-decoration:none}
.route-tile__kick{color:var(--nk-on-night-soft)!important}
.route-tile__title{color:#fff;margin:0;font-family:var(--font-heading-family);font-weight:400}
.route-tile__line{font-size:1.45rem;color:var(--nk-on-night-soft)}
.route-tile__go{font-weight:700;display:inline-flex;align-items:center;gap:.6rem;margin-top:.8rem;font-size:1.45rem}
.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;flex-grow:0!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;flex-grow:0!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;flex-grow:0!important}.route-tile[data-show-m="0"]{display:none}.route-tile__link{min-height:18rem;padding:1.8rem}}
@media screen and (max-width:749px){.product-grid.grid{row-gap:3.2rem!important}}
@media screen and (max-width:749px){.quick-add__submit{padding-left:1rem;padding-right:1rem;font-size:1.3rem}.card__heading.h5{font-size:1.6rem}}

/* splits: picture one side, text the other */
.nk-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6rem;align-items:center}
.nk-split--rev .nk-split__media{order:2}
.nk-split--wide{grid-template-columns:minmax(0,1fr);gap:3.6rem}
@media screen and (min-width:990px){.nk-split--wide .nk-split__text{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:0 6rem;align-items:start}.nk-split--wide .nk-split__text>.section-head{grid-row:1 / span 3}.nk-split--wide .nk-split__text>*:not(.section-head){grid-column:2}}
.nk-split__media{position:relative;border-radius:2rem;overflow:hidden;background:var(--nk-tile);aspect-ratio:4/3}
.nk-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}
.nk-split__media.is-photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.nk-split__text .rte{font-size:1.7rem;line-height:1.65}
.nk-split__sizes{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0 0;padding:0;list-style:none}
.nk-split__sizes li{display:grid;gap:.2rem;padding:1.2rem 1.8rem;border-radius:1.2rem;border:1px solid var(--nk-line-strong);min-width:14rem}
.nk-split__size{font-weight:700}
.nk-split__price{font-family:var(--font-heading-family);font-size:2.2rem}
.nk-split__links{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2.4rem;margin:2.4rem 0 0}
.color-scheme-4 .nk-split__text .rte p{color:var(--nk-on-night-soft)}
.color-scheme-4 .nk-split__media{background:#fff}
@media screen and (max-width:989px){.nk-split{grid-template-columns:minmax(0,1fr);gap:3rem}.nk-split--rev .nk-split__media{order:0}}

/* scent finder: mood buttons, the oil and its label below */
.nk-finder{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:5rem;align-items:start}
.nk-finder__q{margin:0 0 1.2rem;font-weight:700}
.nk-finder__opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.nk-finder__opt{font:inherit;font-size:1.5rem;font-weight:600;text-align:left;display:flex;align-items:center;gap:1rem;width:100%;padding:1.3rem 1.6rem;border-radius:4rem;border:1px solid var(--nk-line-strong);background:var(--nk-white);color:var(--nk-ink);cursor:pointer}
.nk-finder__opt[aria-pressed="true"]{background:var(--nk-ink);border-color:var(--nk-ink);color:#fff}
.nk-finder__answer{display:grid;grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:2.8rem;align-items:start;padding:2.8rem;border-radius:2rem;background:var(--nk-white)}
.nk-finder__media{position:relative;display:block;aspect-ratio:1/1;border-radius:1.4rem;overflow:hidden;background:var(--nk-tile)}
.nk-finder__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}
.nk-finder__text h3{margin:.4rem 0 1rem}
.nk-finder__text p{margin:0 0 1rem;line-height:1.6}
.nk-finder__label{font-size:1.45rem;color:var(--nk-soft)}
.nk-finder__nuts{font-weight:600;color:var(--nk-berry-deep)}
.nk-finder__links{display:flex;align-items:center;gap:2rem;margin-top:1.4rem!important}
.nk-finder__price{font-family:var(--font-heading-family);font-size:2.4rem}
@media screen and (max-width:989px){.nk-finder{grid-template-columns:minmax(0,1fr);gap:2.8rem}}
@media screen and (max-width:749px){.nk-finder__answer{grid-template-columns:minmax(0,1fr);padding:2rem}.nk-finder__media{max-width:24rem}.nk-finder__opt{padding:1.1rem 1.2rem;font-size:1.4rem}}

/* lube or oil: two comparison cards */
.nk-vs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4rem}
.nk-vs__card{padding:3rem;border-radius:2rem;background:var(--nk-tile)}
.nk-vs__card h3{margin:0 0 1.6rem}
.nk-vs__card dl{margin:0;display:grid}
.nk-vs__card dl div{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:1.6rem;padding:1.2rem 0;border-top:1px solid rgba(35,30,28,.14)}
.nk-vs__card dt{font-weight:700;font-size:1.45rem}
.nk-vs__card dd{margin:0;line-height:1.5}
.nk-vs__more{margin:2.4rem 0 0}
@media screen and (max-width:749px){.nk-vs{grid-template-columns:minmax(0,1fr)}.nk-vs__card{padding:2.2rem}.nk-vs__card dl div{grid-template-columns:minmax(0,1fr);gap:.2rem}}

/* ratings per bottle */
.nk-rate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:5rem;align-items:start}
.nk-rate__big{margin:2rem 0 0;color:var(--nk-soft)}
.nk-rate__big span{display:block;font-family:var(--font-heading-family);font-size:clamp(6rem,7vw,9rem);line-height:1;color:var(--nk-ink)}
.nk-rate__list{margin:0;padding:0;list-style:none;display:grid}
.nk-rate__list li{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto minmax(0,11rem);gap:1.6rem;align-items:center;padding:1.4rem 0;border-top:1px solid var(--nk-line)}
.nk-rate__list li:last-child{border-bottom:1px solid var(--nk-line)}
.nk-rate__name{display:flex;align-items:center;gap:1rem;font-weight:600;text-decoration:none}
.nk-rate__name:hover{color:var(--nk-berry-deep)}
.nk-rate__bar{display:block;height:.6rem;border-radius:1rem;background:var(--nk-tile);overflow:hidden}
.nk-rate__bar span{display:block;height:100%;width:var(--w);background:var(--nk-berry)}
.nk-rate__num{font-weight:700}
.nk-rate__count{color:var(--nk-soft);font-size:1.4rem;text-align:right}
@media screen and (max-width:989px){.nk-rate{grid-template-columns:minmax(0,1fr);gap:2.4rem}}
@media screen and (max-width:749px){.nk-rate__list li{grid-template-columns:minmax(0,1fr) auto;gap:.6rem 1.2rem}.nk-rate__bar{grid-column:1 / -1;grid-row:2}.nk-rate__count{grid-column:1 / -1;grid-row:3;text-align:left}}

/* choose */
.choose__head{margin-bottom:.8rem}
.choose-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.choose-list__item{display:grid;gap:.8rem;align-content:start;padding:2.6rem;border-radius:2rem;background:var(--nk-paper)}
.choose-list__no{font-family:var(--font-heading-family);font-size:3rem;color:var(--nk-berry);line-height:1}
.choose-list__item h3{margin:0;font-size:2.1rem}
.choose-list__item p{margin:0;line-height:1.6;color:var(--nk-soft)}
.choose-list__item a{font-weight:600;justify-self:start}
@media screen and (max-width:989px){.choose-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.choose-list{grid-template-columns:minmax(0,1fr)}}

/* tails: titled blocks with a picture and a paragraph (portfolio rule) */
.tails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.4rem;margin:0;padding:0;list-style:none}
.tails--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.tails--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.tail-card{display:grid;gap:0;align-content:start}
.tail-card__media{position:relative;display:block;aspect-ratio:16/7;border-radius:2rem;overflow:hidden;background:var(--nk-tile);margin:0 0 2rem}
.tail-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tail-card h3{margin:0 0 1rem;font-size:2.4rem}
.tail-card h3 a{text-decoration:none}
.tail-card h3 a:hover{color:var(--nk-berry-deep)}
.tail-card p{margin:0 0 1rem;line-height:1.6;color:var(--nk-soft)}
.tail-card__meta{font-size:1.4rem;font-weight:700;color:var(--nk-berry-deep)!important}
@media screen and (max-width:989px){.tails{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.tails,.tails--3,.tails--2{grid-template-columns:minmax(0,1fr)}}

/* faq: heading on the left, questions as soft rows on the right (Maude), on the blush 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}
.collapsible-content__lede{margin:0;line-height:1.55;color:var(--nk-soft)}
.faq-section .content-container{border:0!important;box-shadow:none!important}
.faq-section .content-container:before,.faq-section .content-container:after{display:none!important}
.faq-section .accordion{margin:0 0 1rem;border:0;border-radius:2.2rem;background:var(--nk-white)}
.faq-section .accordion details>summary{padding:2rem 5.2rem 2rem 2.6rem!important;cursor:pointer;position:relative}
.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}
.faq-section .accordion__content{padding:0 2.6rem 2.2rem;line-height:1.65;color:var(--nk-soft)}
.faq-section .accordion details summary .icon-caret{width:1.2rem!important;left:auto!important;right:2.4rem}
@media screen and (max-width:749px){.collapsible-content__header{position:static;padding-right:0;margin-bottom:2rem}.faq-section .accordion details>summary{padding:1.7rem 4.4rem 1.7rem 1.8rem!important}.faq-section .accordion__content{padding:0 1.8rem 1.8rem}}

/* closing band on plum, a light pill on it */
.closing-section .content-container{border:0!important;box-shadow:none!important}
.closing-section .content-container:before,.closing-section .content-container:after{display:none!important}
.closing{border-radius:2.4rem}
.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:var(--nk-on-night-soft)}
.closing__act{display:grid;gap:1.2rem;justify-items:start;margin:0!important}
.closing__note{margin:0;color:var(--nk-on-night-soft)}
.closing .button--secondary{background:#fff;--color-secondary-button-text:35,30,28;color:var(--nk-ink)}
.closing .rich-text__blocks{padding:5rem}
@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:749px){.closing .rich-text__blocks{padding:2.8rem 2rem}}

/* journal cards */
.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.8rem;margin:0;padding:0;list-style:none}
.journal-grid--lead{grid-template-columns:repeat(2,minmax(0,1fr))}
.journal-grid--lead>li:first-child{grid-column:1 / -1}
.journal-card{display:grid;gap:1.4rem;height:100%;text-decoration:none;color:inherit;align-content:start}
.journal-card--lead{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:4rem}
.journal-card__media{position:relative;aspect-ratio:3/2;border-radius:2rem;overflow:hidden;background:var(--nk-tile)}
.journal-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.journal-card__text{display:grid;gap:.8rem;align-content:start}
.journal-card__text p{margin:0}
.journal-card__text h2,.journal-card__text h3{margin:0;font-size:2.4rem;line-height:1.2}
.journal-card--lead .journal-card__text h2{font-size:clamp(2.8rem,3vw,3.8rem)}
.journal-card__text a{text-decoration:none}
.journal-card__text>p:not(.caption-with-letter-spacing){color:var(--nk-soft);line-height:1.6}
.journal-card__more{font-weight:700;color:var(--nk-berry-deep)!important;text-decoration:underline!important;text-underline-offset:.3rem}
@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);gap:1.6rem}}
@media screen and (max-width:749px){.journal-grid{grid-template-columns:minmax(0,1fr)}}

/* footer: one section on the espresso scheme, wordmark with contacts, menus, the fine line */
.footer-block__heading{font-family:var(--font-body-family);font-size:1.3rem;font-weight:700;letter-spacing:.14rem;text-transform:uppercase;color:#fff}
.footer-block__logo{display:block;margin:0 0 1.4rem;width:120px}
.footer-block__image{width:120px;height:auto;display:block}
.footer-block--brand .rte p{color:var(--nk-on-night-soft);font-size:1.5rem;line-height:1.6}
.footer__contact{font-size:1.45rem;line-height:1.7}
.footer__contact a{color:#fff}
.footer-block__details-content .list-menu__item--link{color:var(--nk-on-night-soft);font-size:1.5rem}
.footer-block__details-content .list-menu__item--link:hover{color:#fff}
.footer__content-bottom{border-top:1px solid rgba(255,255,255,.12)}
.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;display:grid;gap:1rem}
.footer__localization:empty{display:none}
.footer__payment{display:grid;gap:.6rem;justify-items:start;margin-top:.8rem}
.footer__payment-title{margin:0;color:var(--nk-on-night-soft)}
.list-payment{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;align-items:center;justify-content:flex-start}
.list-payment>li{display:block;list-style:none;margin:0;padding:0}
.list-payment .payment-icon,.list-payment>li svg{height:24px;width:auto;display:block}
.footer__disclosure{margin:0;line-height:1}
.footer__note{margin:0;max-width:80ch;color:var(--nk-on-night-soft)}
img.dsc{width:auto;max-width:100%;display:inline-block;vertical-align:middle}
.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(--nk-on-night-soft)}
.footer .footer__column--info{padding-left:0!important;padding-right:0!important;text-align:left!important}
.footer .footer__disclosure,.footer .footer__note,.footer .footer__payment-title,.footer .footer__copyright,.footer .copyright__content{text-align:left!important}
.footer .footer__copyright{justify-content:flex-start}
.footer .policies li{text-align:left}
.footer .policies li::before{content:none!important;padding:0!important}
.footer .policies li a{padding-left:0}
.footer .footer__column--info{align-items:flex-start!important;justify-items:start!important}
.footer .footer__disclosure{display:block;width:100%}
.footer .footer__payment{justify-items:start!important;margin-left:0!important;margin-right:0!important;width:100%}
.footer .footer__payment .list-payment{justify-content:flex-start!important;padding:0!important;margin:0!important}
@media screen and (max-width:749px){img.dsc{height:auto!important;max-height:1em}.footer .footer__blocks-wrapper.grid{display:flex;flex-wrap:wrap;column-gap:var(--grid-mobile-horizontal-spacing);row-gap:0!important}.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}.footer .footer-block{margin-bottom:1.2rem!important;margin-left:0;margin-right:0}.footer .footer-block__heading{margin-bottom:1.2rem}.footer .footer__content-top.page-width{padding-left:1.6rem;padding-right:1.6rem}.footer .footer-block__details-content{margin-bottom:.8rem!important}.list-payment .payment-icon,.list-payment>li svg{height:20px}}

/* collection page: compact head, filter pills, grid; prose under the grid (owner's rule) */
.collection-head{display:grid;gap:1rem;padding-top:1rem;padding-bottom:2.4rem}
.collection-hero.collection-hero--text-only.page-width{padding-left:1.6rem;padding-right:1.6rem}
@media screen and (min-width:750px){.collection-hero.collection-hero--text-only.page-width{padding-left:5rem;padding-right:5rem}}
.collection-head__title{margin:.4rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:1rem}
.collection-head h1,.collection-head .collection-head__title{margin-top:0!important;margin-bottom:0!important}
.collection-head__count{font-size:2rem;color:var(--nk-soft);font-weight:400;font-family:var(--font-body-family)}
.collection-head__figures{margin:0;color:var(--nk-soft);font-size:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.collection-head__figures span{white-space:nowrap}
.collection-head__figures span+span::before{content:"·";margin-right:1rem;color:var(--nk-line-strong)}
@media screen and (max-width:749px){.collection-head__count{display:none}}
.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.45rem;font-weight:600;white-space:nowrap;display:inline-flex;gap:.6rem;align-items:center;padding:.8rem 1.6rem;border-radius:4rem;border:1px solid var(--nk-line-strong);background:var(--nk-white);text-decoration:none;color:inherit}
.kind-chip:hover{border-color:var(--nk-ink)}
.facets-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem 3rem;padding-bottom:2rem;border-bottom:1px solid var(--nk-line);margin-bottom:2.8rem}
.facets-row__end{display:flex;align-items:center;gap:2rem;margin-left:auto}
.facets-row__count{margin:0;font-size:1.45rem;color:var(--nk-soft)}
.facets-row__sort{display:flex;align-items:center;gap:.8rem;font-size:1.45rem}
.facets-row__sort label{white-space:nowrap}
.facets-row__sort select{font:inherit;padding:.8rem 3rem .8rem 1.2rem;border:1px solid var(--nk-line-strong);border-radius:4rem;background:var(--nk-white)}
.gr-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.6rem 2.8rem}
.gr-filters__group{border:0;margin:0;padding:0;min-width:0}
.gr-filters__legend{font-size:1.2rem;font-weight:700;letter-spacing:.12rem;text-transform:uppercase;color:var(--nk-soft);margin:0 0 .8rem;padding:0}
.gr-filters__list{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0}
.gr-pill{position:relative;display:inline-flex;cursor:pointer}
.gr-pill input{position:absolute;opacity:0;width:1px;height:1px}
.gr-pill span{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.4rem;border-radius:4rem;border:1px solid var(--nk-line-strong);background:var(--nk-white);font-size:1.4rem;font-weight:600}
.gr-pill small{color:var(--nk-soft);font-weight:500}
.gr-pill input:checked+span{background:var(--nk-ink);border-color:var(--nk-ink);color:#fff}
.gr-pill input:checked+span small{color:rgba(255,255,255,.7)}
.gr-pill input:focus-visible+span{outline:2px solid var(--nk-berry);outline-offset:2px}
.gr-filters__clear{font:inherit;font-size:1.4rem;background:none;border:0;cursor:pointer;color:var(--nk-berry-deep);padding:.7rem 0}
.product-grid__empty{margin:2rem 0;color:var(--nk-soft)}
.gr-filters-drawer{min-width:0}
.gr-filters-drawer__toggle{list-style:none;cursor:pointer}
.gr-filters-drawer__toggle::-webkit-details-marker{display:none}
@media screen and (min-width:750px){.gr-filters-drawer__toggle{display:none}}
@media screen and (max-width:749px){
  .facets-row__end{margin-left:0;width:100%;justify-content:space-between}
  .gr-filters{display:grid;gap:1rem;width:100%}
  .gr-filters__group{width:100%}
  .gr-filters__legend{margin-bottom:.4rem}
  .gr-filters__list,.kind-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:.2rem;margin-right:-1.6rem;padding-right:1.6rem}
  .gr-filters__list::-webkit-scrollbar,.kind-chips::-webkit-scrollbar{display:none}
  .gr-pill,.kind-chips>li{flex:0 0 auto}
  .gr-pill span{white-space:nowrap;padding:.6rem 1.2rem}
  .collection-head{gap:.6rem;padding-bottom:1.6rem}
  .facets-row{margin-bottom:2rem;padding-bottom:1.4rem;align-items:center}
  .gr-filters-drawer{width:100%}
  .gr-filters-drawer[open] .gr-filters-drawer__toggle{margin-bottom:1.4rem}
}

/* prose under the grid: picture left (sticky), text right */
.shelf-prose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:5rem;align-items:start}
.shelf-prose--solo{grid-template-columns:minmax(0,1fr)}
.shelf-prose__media{position:sticky;top:12rem;border-radius:2rem;overflow:hidden;background:var(--nk-tile);aspect-ratio:4/3}
.shelf-prose__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%;mix-blend-mode:multiply}
.shelf-prose__media.is-photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.shelf-prose__text .rte{font-size:1.7rem;line-height:1.65;max-width:74ch}
.shelf-prose__text h2{margin:0 0 1.6rem}
.prose-link{color:var(--nk-soft)}
@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__media.is-photo,.nk-split__media.is-photo{aspect-ratio:auto}
.shelf-prose__media.is-photo img,.nk-split__media.is-photo img{position:static;height:auto;display:block}
/* 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.5rem;table-layout:auto;background:transparent}
.tbl-wrap caption{text-align:left;font-weight:700;font-size:1.5rem;padding:0 0 1rem}
.tbl-wrap th,.tbl-wrap td{text-align:left;vertical-align:top;padding:1.1rem 1.2rem;border-bottom:1px solid var(--nk-line)}
.tbl-wrap thead th{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--nk-soft);border-bottom:2px solid var(--nk-line-strong)}
.tbl-wrap tbody th{font-weight:600}
.tbl-note{font-size:1.4rem;color:var(--nk-soft);margin:-1.2rem 0 2.4rem;line-height:1.5}
.tbl__buy{white-space:nowrap;text-align:right!important}
.tbl--variants th,.tbl--variants td{vertical-align:middle}
.tbl--variants tr.is-current th,.tbl--variants tr.is-current td{background:var(--nk-berry-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(--nk-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(--nk-soft)}
  .tbl-wrap table{font-size:1.35rem}
  .tbl-wrap th,.tbl-wrap td{padding:.8rem .6rem}
  .tbl--variants thead{display:none}
  .tbl--variants tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;padding:1.2rem 0;border-bottom:1px solid var(--nk-line)}
  .tbl--variants th,.tbl--variants td{border:0;padding:0}
  .tbl--variants td.tbl__buy{grid-column:2;grid-row:1 / span 3;align-self:center}
  .tbl--variants tr.is-current{background:var(--nk-berry-light);padding-left:1rem;padding-right:1rem;border-radius:1.2rem}
  .tbl--variants tr.is-current th,.tbl--variants tr.is-current td{background:transparent}
}

/* 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:flex;flex-direction:column;gap:.4rem;height:100%;padding:2.4rem;border-radius:2rem;background:var(--nk-white);border:1px solid var(--nk-line);text-decoration:none;color:inherit}
.roads .road:hover{border-color:var(--nk-ink)}
.road__kick{font-size:1.2rem;color:var(--nk-berry-deep);font-weight:700;text-transform:uppercase;letter-spacing:.1rem}
.road__title{font-family:var(--font-heading-family);font-weight:400;font-size:2.1rem;line-height:1.25;color:var(--nk-ink)}
.road--media{padding-top:0!important;overflow:hidden}
.road__media{position:relative;display:block;aspect-ratio:16/9;margin:0 -2.4rem 1.6rem;background:var(--nk-tile)}
.road__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}
.road__media.is-photo img{object-fit:contain;padding:0;mix-blend-mode:normal}
.road__line{font-size:1.4rem;color:var(--nk-soft)}
.road__go{margin-top:auto;padding-top:.6rem;color:var(--nk-berry-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: thumbnails left, the label in accordions, compatibility on top */
.product.grid{align-items:stretch}
.product .product__media-wrapper{align-self:stretch}
.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}
.product .product__media-wrapper .thumbnail-list{grid-template-columns:minmax(0,1fr)!important}
.product .thumbnail-slider .thumbnail-list{width:100%;flex:1 1 100%}
.thumbnail-list__item{list-style:none}
.thumbnail{display:block;width:100%;padding:0;border:1px solid var(--nk-line);border-radius:1rem;background:var(--nk-tile);cursor:pointer;overflow:hidden}
.thumbnail.is-active,.thumbnail[aria-current]{border-color:var(--nk-ink);box-shadow:0 0 0 1px var(--nk-ink)}
.product .thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain!important;mix-blend-mode:multiply;padding:6%}
.product__media-main{position:relative;border-radius:2rem;overflow:hidden;background:var(--nk-tile)}
.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;padding:5%;mix-blend-mode:multiply}
.product__media.is-photo img{object-fit:cover;padding:0;mix-blend-mode:normal}
.product__info-container{display:grid;gap:1.6rem}
.product__info-container>*{margin:0!important}
.product__text a{text-decoration:none}
.product__title h1{margin:0;font-size:clamp(3.2rem,3.4vw,4.6rem);line-height:1.05}
.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:400;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.product__range{color:var(--nk-soft);font-size:1.4rem}
.product-form__input-wrap{display:grid;gap:1.6rem}
.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.45rem;font-weight:700}
.form__label__value{font-weight:400;color:var(--nk-soft)}
.product-form__input--pill input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.product-form__input--pill label{display:inline-flex!important;align-items:center;gap:.8rem;padding:.9rem 1.8rem;border:1px solid var(--nk-line-strong);border-radius:var(--variant-pills-radius);cursor:pointer;font-size:1.45rem;font-weight:600;background:var(--nk-white);color:var(--nk-ink)}
.product-form__input--pill input:checked+label{border-color:var(--nk-ink);background:var(--nk-ink);color:#fff}
.product-form__input--pill input:focus-visible+label{outline:2px solid var(--nk-berry);outline-offset:2px}
.product-form__input--pill label.is-unavailable{color:var(--nk-soft);border-style:dashed;background:transparent}
.compat{margin:0;display:grid;gap:0;border-radius:1.6rem;overflow:hidden;border:1px solid var(--nk-line)}
.compat__row{display:grid;grid-template-columns:minmax(0,12rem) minmax(0,1fr);gap:1.2rem;padding:1.2rem 1.6rem;background:var(--nk-white);border-top:1px solid var(--nk-line)}
.compat__row:first-child{border-top:0}
.compat__row--warn{background:var(--nk-berry-light)}
.compat dt{display:flex;align-items:center;gap:.8rem;font-weight:700;font-size:1.45rem}
.compat dd{margin:0;font-size:1.45rem;line-height:1.5}
.compat__mark{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-size:1.2rem;font-weight:700;background:var(--nk-tile);color:var(--nk-ink);flex:0 0 auto}
.compat__row--warn .compat__mark{background:var(--nk-berry);color:#fff}
.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:1rem;padding:1.1rem 1.3rem;border-radius:1.2rem;background:var(--nk-tile);font-size:1.45rem;font-weight:600}
.product__facts .svg-wrapper{width:1.8rem;height:1.8rem;color:var(--nk-berry-deep);flex:0 0 auto}
.product__facts svg{width:100%;height:100%;display:block}
.product-form .product-form__buttons{max-width:none}
.product-form__buttons .button{width:100%}
.product-form__note{margin:.8rem 0 0;color:var(--nk-soft)}
.product__accordion{border-top:1px solid var(--nk-line)}
.product__accordion:last-of-type{border-bottom:1px solid var(--nk-line)}
.product__accordion summary{display:flex;justify-content:space-between;align-items:center;padding:1.6rem 0;cursor:pointer;list-style:none;position:relative}
.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(--nk-berry-deep)}
.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-body-family);font-size:1.6rem;font-weight:700}
.inci{font-size:1.5rem;line-height:1.6}
.spec-list{margin:0;display:grid;gap:0}
.spec-list div{display:grid;grid-template-columns:minmax(0,13rem) minmax(0,1fr);gap:1.6rem;padding:.9rem 0;border-bottom:1px solid var(--nk-line);font-size:1.45rem}
.spec-list div:last-child{border-bottom:0}
.spec-list dt{font-weight:700;color:var(--nk-soft)}
.spec-list dd{margin:0}
@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.6rem!important;margin:1.2rem 0 2rem}.product .product__media-wrapper .thumbnail-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}.spec-list div,.compat__row{grid-template-columns:minmax(0,10rem) 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}
@media screen and (max-width:749px){.product-description__grid{grid-template-columns:minmax(0,1fr)}}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin:4.8rem 0 0;padding:0;list-style:none}
.feature-grid li{padding:2.6rem;border-radius:2rem;background:var(--nk-paper)}
.feature-grid h3{margin:.6rem 0 1rem;font-size:2.2rem}
.feature-grid li>p:last-child{margin:0;line-height:1.6;color:var(--nk-soft)}
@media screen and (max-width:989px){.feature-grid{grid-template-columns:minmax(0,1fr)}}
.compare__title{margin:0 0 1.6rem}
.compare__table thead th{vertical-align:bottom;text-transform:none;letter-spacing:0;font-size:1.5rem;color:var(--nk-ink);font-weight:700}
.compare__table thead th a{text-decoration:none}
.compare__table thead th a:hover{text-decoration:underline}
.compare__table td.is-current,.compare__table thead th:nth-child(2){background:var(--nk-berry-light)}
.compare__you{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;color:var(--nk-berry-deep);margin-bottom:.4rem}
.compare__table tbody th{width:18%;color:var(--nk-soft)}
@media screen and (max-width:640px){
  .compare__table tbody th[scope=row]{font-size:1.5rem;color:var(--nk-ink);padding-top:.4rem;width:auto}
  .compare__table td{display:grid!important;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:1rem;align-items:baseline}
  .compare__table td[data-l]::before{display:block;margin:0;text-transform:none;letter-spacing:0;font-size:1.3rem}
  .compare__table td.is-current{padding:.4rem .6rem!important;border-radius:4px}
}
.line-vs__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.line-vs__card{padding:2.6rem;border-radius:2rem;background:var(--nk-tile)}
.line-vs__card.is-current{background:var(--nk-berry-light)}
.line-vs__card h3{margin:.4rem 0 1.2rem}
.line-vs__card dl{margin:0;display:grid}
.line-vs__card dl div{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:1.2rem;padding:1rem 0;border-top:1px solid rgba(35,30,28,.14);font-size:1.5rem}
.line-vs__card dt{font-weight:700}
.line-vs__card dd{margin:0}
@media screen and (max-width:749px){.line-vs__grid{grid-template-columns:minmax(0,1fr)}.line-vs__card dl div{grid-template-columns:minmax(0,1fr);gap:.2rem}}
.all-options,.safety-note{margin-top:5rem}
.all-options h2{margin:0 0 .8rem}
.safety-note{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem}
.safety-note h2{margin:0}
@media screen and (min-width:990px){.safety-note{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1.2rem 5rem;align-items:start}.safety-note>h2,.safety-note>.rte{grid-column:1}.safety-note>.sources{grid-column:2;grid-row:1 / span 2;margin-top:0}}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--nk-white);border-top:1px solid var(--nk-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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-heading-family);font-size:1.9rem}
.sticky-buy__label{color:var(--nk-soft);white-space:nowrap;font-size:1.4rem}
.sticky-buy__price{font-family:var(--font-heading-family);font-size:2.1rem}
.sticky-buy .button{flex:0 0 auto}
@media screen and (max-width:749px){.sticky-buy__name{display:none}.sticky-buy__label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}}

/* sources */
.sources{position:relative;overflow:hidden;margin:3.2rem 0 0;padding:2.4rem 2.6rem 2.4rem 3rem;border-radius:1.6rem;background:var(--nk-white);font-size:1.5rem;line-height:1.6}
.sources::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--nk-berry)}
.sources .note{margin:0 0 1.2rem;font-weight:500}
.sources .src-h,.legal .sources .src-h,.rte .sources .src-h{font-family:var(--font-body-family);font-size:1.25rem;font-weight:700;letter-spacing:.12rem;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{display:block;margin:0;font-size:1.35rem}
.sources-band .sources{margin-top: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.95rem;line-height:1.55;margin:0;color:var(--nk-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.75rem;line-height:1.7}
.main-page__body .rte h2{margin:3.6rem 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,.sources ul{padding-left:2.2rem;list-style-position:outside}
.page-aside{position:sticky;top:12rem;display:grid;gap:.8rem;font-size:1.5rem;border-left:1px solid var(--nk-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(--nk-berry-deep)}
.page-aside__heading{margin:0;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.12rem;color:var(--nk-soft)}
.page-figure{margin:2.4rem 0;border-radius:1.6rem;overflow:hidden;background:var(--nk-tile)}
.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.35rem;color:var(--nk-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(--nk-line);padding-top:2rem}.page-aside--toc{display:none}}

/* journal and article: a split head, text left and the picture right */
.main-blog__lede{max-width:70ch;font-size:1.75rem;margin:0 0 3.2rem;color:var(--nk-soft)}
.article-template header.article-template__header{margin-top:1.2rem!important;line-height:1.3}
.article-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;align-items:center;margin-bottom:5rem}
.article-template__title{margin:.8rem 0 1.4rem;line-height:1.06!important}
.article-template__lede{font-size:1.95rem;line-height:1.55;margin:0 0 1.4rem;color:var(--nk-soft)}
.article-template__meta{font-size:1.4rem;color:var(--nk-soft);line-height:1.4;margin:0}
.article-head__media{position:relative;aspect-ratio:4/3;border-radius:2rem;overflow:hidden;background:var(--nk-tile)}
.article-head__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.article-template__content blockquote{margin:2.4rem 0;padding-left:2rem;border-left:3px solid var(--nk-berry);font-family:var(--font-heading-family);font-size:2.2rem;line-height:1.35}
.embed{display:grid;grid-template-columns:14rem minmax(0,1fr) auto;gap:2rem;align-items:center;margin:2.8rem 0;padding:1.6rem;border-radius:1.6rem;background:var(--nk-white);border:1px solid var(--nk-line)}
.embed__media{position:relative;display:block;width:14rem;height:14rem;border-radius:1.2rem;overflow:hidden;background:var(--nk-tile)}
.embed>.embed__media img,.embed__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%;mix-blend-mode:multiply}
.embed__text{display:grid;gap:.3rem}
.embed__kick{margin:0;font-size:1.15rem;letter-spacing:.1rem;text-transform:uppercase;color:var(--nk-berry-deep);font-weight:700}
.embed__name{font-family:var(--font-heading-family);font-weight:400;text-decoration:none;font-size:2.1rem;line-height:1.25}
.embed__line,.embed__price{margin:0;font-size:1.45rem;color:var(--nk-soft)}
.embed__price{font-weight:700;color:var(--nk-ink)}
.rte .embed .button{color:rgb(var(--color-button-text));text-decoration:none;justify-self:end}
@media screen and (max-width:989px){.article-head{grid-template-columns:minmax(0,1fr);gap:2.4rem}}
@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%;justify-self:stretch}}

/* 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.8rem;padding:0 1.8rem;border:1px solid var(--nk-line-strong);border-radius:4rem;font:inherit;background:var(--nk-white)}
.search-page__count{color:var(--nk-soft);margin:0 0 2rem}
.template-404__lede{max-width:60ch;margin:1.2rem auto 2.8rem;text-wrap:balance}
.error-code{font-family:var(--font-heading-family);font-size:clamp(7rem,11vw,13rem);line-height:1;color:var(--nk-berry);margin:0}
[hidden]{display:none!important}