/* Gruper custom.css on top of Dawn / Craft 16.0.0 */
:root{--gr-terra:#A9432B;--gr-terra-deep:#8A3420;--gr-terra-light:#F5E1D9;--gr-ink:#1E2622;--gr-soft:#555F59;--gr-paper:#F4F1EC;--gr-white:#FFFFFF;--gr-plate:#ECE7DF;--gr-sage:#DFE6D8;--gr-line:#DDD6CB;--gr-line-strong:#B8B0A3;--gr-night:#2C332F;--gr-moss:#3F5147;--gr-on-night-soft:#C9D2CC;--gr-star:#A9432B;--gr-r:6px}
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:500;letter-spacing:-.015em;line-height:1.12;font-variation-settings:"opsz" 72}
.h5,h5{font-family:var(--font-body-family);font-weight:700;letter-spacing:0}
h1,.h1{font-size:clamp(3.4rem,4.4vw,5.6rem)}
h2,.h2{font-size:clamp(2.7rem,3.2vw,4rem)}
h3,.h3{font-size:clamp(2.1rem,2.2vw,2.6rem)}
.h4,h4{font-size:2rem}
a{color:inherit}
.rte a:not(.button),.accordion__content a:not(.button),.section-head__lede a:not(.button),.gr-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),.ladder__note a:not(.button),.gr-split__note a:not(.button){color:var(--gr-terra-deep);text-underline-offset:.25rem}
.rte a:not(.button):hover{color:var(--gr-terra)}
.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(--gr-moss);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(--gr-on-night-soft)}
.caption,.caption-large{letter-spacing:.01rem}
.light{color:var(--gr-soft)}
img{max-width:100%;height:auto}
.grid>*,.flex>*{min-width:0}
div:empty.gr-keep{display:block}
.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.6rem;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:44,51,47;--color-button-text:255,255,255;background:var(--gr-night);color:#fff}
.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.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:1.2rem 0 0;color:var(--gr-soft);font-size:1.7rem;line-height:1.6;max-width:68ch}
.color-scheme-3 .section-head__lede,.color-scheme-4 .section-head__lede{color:var(--gr-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}}

/* announcement bar: one fact line and three links, on the dark-green Craft 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:.04rem;padding:.9rem 0;margin:0;font-family:var(--font-body-family);font-weight:500;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(--gr-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: logo left, menu in the middle, search, account and the buy button on the right */
.header-wrapper--border-bottom{border-bottom:1px solid var(--gr-line)}
.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:150px;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(--gr-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(--gr-terra)}
.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(--gr-line);box-shadow:0 18px 30px rgba(30,38,34,.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,28rem);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:1.9rem;font-weight:500;color:var(--gr-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(--gr-ink)}
.mega-menu__link:hover{color:var(--gr-terra-deep);text-decoration:underline}
.mega-menu__line{margin:0;color:var(--gr-soft);font-size:1.35rem;line-height:1.45}
.mega-menu__count{color:var(--gr-soft);font-size:1.2rem}
.mega-menu__promo-link{display:grid;gap:1rem;text-decoration:none}
.mega-menu__promo .media{border-radius:var(--gr-r);overflow:hidden;aspect-ratio:4/3;position:relative;background:var(--gr-plate);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:500}
.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:116px}.header__buy{min-height:3.6rem;padding:0 1.2rem;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{justify-content:flex-start}
.breadcrumbs__list{display:flex;flex-wrap:wrap;gap:.2rem .8rem;margin:0;font-size:1.35rem;color:var(--gr-soft);padding:0}
.breadcrumbs__item+.breadcrumbs__item::before{content:"/";margin-right:.8rem;color:var(--gr-line-strong)}
.breadcrumbs__link{text-decoration:none}
.breadcrumbs__link:hover{text-decoration:underline}

/* hero: the brand film across the page, a paper card over its lower left corner */
.gr-hero{position:relative}
.gr-film{position:relative;overflow:hidden;background:var(--gr-night);height:clamp(54rem,74vh,80rem)}
.gr-film video,.gr-film__poster,.gr-film__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gr-film video{opacity:0;transition:opacity .6s ease}
.gr-film.is-playing video{opacity:1}
.gr-film__toggle{position:absolute;right:2rem;top:2rem;z-index:3;width:4.4rem;height:4.4rem;border-radius:50%;border:0;background:rgba(30,38,34,.55);color:#fff;display:grid;place-items:center;cursor:pointer}
.gr-film__toggle .svg-wrapper{width:1.6rem;height:1.6rem;display:block}
.gr-film__toggle svg{width:100%;height:100%;display:block}
.gr-film__play{display:none!important}
.gr-film__toggle[aria-pressed="true"] .gr-film__play{display:block!important}
.gr-film__toggle[aria-pressed="true"] .gr-film__pause{display:none!important}
.gr-hero__card-wrap{position:absolute;left:0;right:0;bottom:4rem;z-index:2;pointer-events:none}
.gr-hero__card{pointer-events:auto;max-width:60rem;background:rgba(244,241,236,.96);border-radius:var(--gr-r);padding:3.6rem 4rem 3.2rem;box-shadow:0 24px 50px rgba(20,26,22,.18)}
.gr-hero__kick{margin:0 0 1.2rem}
.gr-hero__title{margin:0 0 1.4rem;font-size:clamp(4rem,5vw,6.4rem);line-height:1}
.gr-hero__lede{font-size:1.75rem;line-height:1.6;margin:0 0 2.4rem;color:var(--gr-soft)}
.gr-hero__buttons{display:flex;flex-wrap:wrap;gap:1.2rem;margin:0 0 2.6rem}
.gr-hero__figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem;margin:0;padding:2rem 0 0;border-top:1px solid var(--gr-line)}
.gr-hero__figures div{display:grid;gap:.2rem}
.gr-hero__figures dt{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:500;line-height:1.1;color:var(--gr-ink)}
.gr-hero__figures dd{margin:0;font-size:1.3rem;line-height:1.35;color:var(--gr-soft)}
@media screen and (max-width:989px){.gr-hero__card{max-width:52rem;padding:2.8rem 3rem}}
@media screen and (max-width:749px){
  .gr-film{height:auto;aspect-ratio:4/5}
  .gr-hero__card-wrap{position:static;padding:0}
  .gr-hero__card{max-width:none;border-radius:0;box-shadow:none;padding:2.8rem 1.6rem 3.2rem;background:var(--gr-paper)}
  .gr-hero__title{font-size:4rem}
  .gr-hero__buttons .button{flex:1 1 auto}
  .gr-hero__figures dt{font-size:2rem}
}

/* thickness ladder: real cross-sections of 6, 8, 10 and 15 mm at one scale */
.ladder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem;margin:0;padding:0;list-style:none}
.ladder__link{display:grid;grid-template-rows:9rem auto auto auto 1fr;gap:.4rem;height:100%;padding:2.4rem 2.4rem 2rem;border-radius:var(--gr-r);background:var(--gr-white);border:1px solid var(--gr-line);text-decoration:none;color:inherit;transition:border-color .2s ease}
.ladder__link:hover{border-color:var(--gr-moss)}
.ladder__profile{display:flex;align-items:flex-end;border-bottom:2px solid var(--gr-line-strong);padding-bottom:0}
.ladder__profile span{display:block;width:100%;height:calc(var(--mm) * .5rem);background:linear-gradient(180deg,var(--gr-moss),var(--gr-night));border-radius:4px 4px 0 0}
.ladder__mm{font-family:var(--font-heading-family);font-size:3.6rem;font-weight:500;line-height:1.1;margin-top:1.4rem;color:var(--gr-ink)}
.ladder__feel{font-weight:700;font-size:1.6rem}
.ladder__line{color:var(--gr-soft);font-size:1.45rem;line-height:1.45}
.ladder__meta{align-self:end;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--gr-line);font-size:1.35rem;color:var(--gr-terra-deep);font-weight:600}
.ladder__note{margin:2.4rem 0 0;max-width:80ch;color:var(--gr-soft);font-size:1.55rem}
@media screen and (max-width:989px){.ladder{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:420px){.ladder__link{padding:1.8rem 1.6rem}.ladder__mm{font-size:3rem}}

/* category tiles */
.cat-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin:0;padding:0;list-style:none}
.cat-tile{display:grid;gap:1.4rem;text-decoration:none;color:inherit}
.cat-tile__media{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate)}
.cat-tile__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-tile:hover .cat-tile__media img{transform:scale(1.03)}
.cat-tile__text{display:grid;gap:.3rem}
.cat-tile__title{font-family:var(--font-heading-family);font-size:2.4rem;font-weight:500;line-height:1.15}
.cat-tile__count{font-size:1.4rem;color:var(--gr-soft)}
@media screen and (max-width:989px){.cat-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen and (max-width:749px){.cat-tiles{gap:1.6rem 1rem}.cat-tile__title{font-size:2rem}}

/* tabs */
.gr-tabs__list{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2.8rem}
.gr-tabs__tab{font:inherit;font-size:1.5rem;font-weight:600;padding:1rem 2rem;border-radius:4rem;border:1px solid var(--gr-line-strong);background:transparent;color:var(--gr-ink);cursor:pointer;display:inline-flex;gap:.6rem;align-items:center}
.gr-tabs__tab small{color:var(--gr-soft);font-weight:500}
.gr-tabs__tab[aria-selected="true"]{background:var(--gr-night);border-color:var(--gr-night);color:#fff}
.gr-tabs__tab[aria-selected="true"] small{color:rgba(255,255,255,.7)}
.gr-tabs__panel[hidden]{display:none!important}

/* product cards: photo on white, kicker, name, colour dots, rating, price, buy button */
.product-grid{margin:0;padding:0}
.card{--border-radius:var(--gr-r)}
.card__inner{border-radius:var(--gr-r);overflow:hidden;background:var(--gr-white)}
.card .media{border-radius:0}
.card-wrapper .card .card__media .media img{object-fit:contain;padding:7%;height:100%;width:100%}   /* 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}
.card-wrapper .card .card__media .media:not(.is-photo){background:#fff}
.card-wrapper .card__content{padding:1.4rem 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-heading-family);font-size:1.9rem;line-height:1.25;margin:0 0 .4rem;font-weight:500}
.card__heading.h5 a{text-decoration:none}
.card__line{margin:0 0 .8rem;color:var(--gr-soft);min-height:1.5em;line-height:1.5;font-size:1.4rem}
.card__swatches{display:flex;flex-wrap:nowrap;align-items:center;gap:.6rem;min-height:2.6rem;margin:0 0 .8rem}
.card__swatch{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--gr-line-strong);background:var(--dot);cursor:pointer;padding:0;flex:0 0 auto}
.card__swatch[aria-pressed="true"]{box-shadow:0 0 0 2px var(--gr-ink)}
.card__swatch-more{font-size:1.25rem;color:var(--gr-soft)}
.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(--gr-soft);font-size:1.25rem}
.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:#A9432B}
.rating-count{color:var(--gr-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(--gr-night)!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:.32;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(--gr-r);background:var(--gr-night);color:#fff;text-decoration:none}
.route-tile__kick{color:var(--gr-on-night-soft)!important}
.route-tile__title{color:#fff;margin:0;font-family:var(--font-heading-family);font-weight:500}
.route-tile__line{font-size:1.45rem;color:var(--gr-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){.quick-add__submit{padding-left:1rem;padding-right:1rem;font-size:1.3rem}.card__heading.h5{font-size:1.65rem}.card__swatch{width:2rem;height:2rem}}

/* splits: picture one side, text the other */
.gr-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:6rem;align-items:center}
.gr-split__media{position:relative;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate);aspect-ratio:4/3}
.gr-split__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%}
.gr-split__media.is-photo img{object-fit:cover;padding:0}
.gr-split__media--plain{background:transparent;aspect-ratio:auto}
.gr-split__text .rte{font-size:1.7rem;line-height:1.65}
.gr-split__links{display:flex;flex-wrap:wrap;align-items:center;gap:1.4rem 2.4rem;margin:2.4rem 0 0}
.gr-split__note{color:var(--gr-soft);font-size:1.45rem;line-height:1.6;margin:2rem 0 0}
.color-scheme-3 .gr-split__text .rte p{color:var(--gr-on-night-soft)}
.color-scheme-3 .gr-split__media{background:var(--gr-moss)}
@media screen and (max-width:989px){.gr-split{grid-template-columns:minmax(0,1fr);gap:3rem}}

/* mats to scale */
.scale{width:100%;max-width:44rem;height:auto;display:block;margin:0 auto;overflow:visible}
.scale__mat rect{stroke:none}
.scale__mat--std rect{fill:#DFE6D8}
.scale__mat--wide rect{fill:#3F5147}
.scale__label{font-family:var(--font-heading-family);font-size:22px;fill:#1E2622}
.scale__sub{font-family:var(--font-body-family);font-size:13px;fill:#555F59;letter-spacing:.06em;text-transform:uppercase}
.scale__rule{stroke:#B8B0A3;stroke-width:1.5}

/* materials as tabs */
.material{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5rem;align-items:center}
.material__media{position:relative;aspect-ratio:4/3;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate)}
.material__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%}
.material__media.is-photo img{object-fit:cover;padding:0}
.material__title{margin:0 0 1.2rem}
.material__text p{margin:0 0 2rem;line-height:1.65}
.material__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem 2.4rem;margin:0 0 2.4rem;padding:2rem 0 0;border-top:1px solid var(--gr-line)}
.material__facts div{display:grid;gap:.2rem}
.material__facts dt{font-size:1.2rem;letter-spacing:.1rem;text-transform:uppercase;color:var(--gr-soft);font-weight:700}
.material__facts dd{margin:0;font-weight:600;line-height:1.4}
@media screen and (max-width:989px){.material{grid-template-columns:minmax(0,1fr);gap:2.4rem}}

/* ball size picker */
.ball-pick{margin:2.4rem 0 0;padding:2.4rem;border-radius:var(--gr-r);background:var(--gr-white)}
.ball-pick__q{margin:0 0 1.2rem;font-weight:700}
.ball-pick__opts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.ball-pick__opt{font:inherit;font-size:1.45rem;font-weight:600;padding:1.1rem .6rem;border-radius:var(--gr-r);border:1px solid var(--gr-line-strong);background:var(--gr-paper);cursor:pointer;color:var(--gr-ink);width:100%}
.ball-pick__opt[aria-pressed="true"]{background:var(--gr-night);border-color:var(--gr-night);color:#fff}
.ball-pick__out{margin-top:1.6rem}
.ball-pick__answer{margin:0;line-height:1.6}
.ball-pick__answer strong{font-family:var(--font-heading-family);font-size:2.6rem;font-weight:500}
@media screen and (max-width:749px){.ball-pick{padding:1.8rem}.ball-pick__opts{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 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.4rem;border-radius:var(--gr-r);background:var(--gr-paper)}
.choose-list__no{font-family:var(--font-heading-family);font-size:3rem;color:var(--gr-terra);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(--gr-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 paragraph (portfolio rule) */
.tails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;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{padding:2.4rem 0 0;border-top:2px solid var(--gr-night)}
.tail-card h3{margin:0 0 1rem;font-size:2.2rem}
.tail-card h3 a{text-decoration:none}
.tail-card h3 a:hover{color:var(--gr-terra-deep)}
.tail-card p{margin:0 0 1rem;line-height:1.6;color:var(--gr-soft)}
.tail-card__meta{font-size:1.35rem;font-weight:600;color:var(--gr-terra-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: Dawn collapsible-content on the dark-green band */
.collapsible-content__grid{align-items:flex-start}
.collapsible-content__header{position:sticky;top:10rem;padding-right:4rem}
.collapsible-content__heading{margin:.8rem 0 1.4rem;color:#fff}
.collapsible-content__lede{margin:0;line-height:1.55;color:var(--gr-on-night-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;border-top:1px solid rgba(255,255,255,.18);background:transparent}
.faq-section .accordion:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.faq-section .accordion summary{padding:2rem 3rem 2rem 0;cursor:pointer;color:#fff;position:relative}
.faq-section .accordion .accordion__title{font-family:var(--font-body-family);font-size:1.75rem;font-weight:600;line-height:1.4;letter-spacing:0;color:#fff}
.faq-section .accordion__content{padding:0 0 2.2rem;line-height:1.65;color:var(--gr-on-night-soft)}
.faq-section .accordion__content a{color:#fff}
.faq-section .accordion details summary .icon-caret{color:#fff;width:1.2rem!important;left:auto!important;right:0}
@media screen and (max-width:749px){.collapsible-content__header{position:static;padding-right:0;margin-bottom:2rem}}

/* closing band on sage */
.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:var(--gr-r)}
.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}
.closing__text p{margin:0;color:var(--gr-soft)}
.closing__act{display:grid;gap:1.2rem;justify-items:start;margin:0!important}
.closing__note{margin:0;color:var(--gr-soft)}
.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>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:4/3;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate)}
.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.3rem;line-height:1.2}
.journal-card--lead .journal-card__text h2{font-size:clamp(2.8rem,3vw,3.6rem)}
.journal-card__text a{text-decoration:none}
.journal-card__text>p:not(.caption-with-letter-spacing){color:var(--gr-soft);line-height:1.6}
.journal-card__more{font-weight:700;color:var(--gr-terra-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 group: the newsletter strip (a write-to-us line) and the footer, both dark green */
.newsletter .content-container,.newsletter__wrapper{border:0!important;box-shadow:none!important;border-radius:0}
.newsletter__wrapper:before,.newsletter__wrapper:after{display:none!important}
.newsletter__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:2rem 4rem;align-items:center;text-align:left}
.newsletter__grid h2{margin:0;color:#fff;font-size:clamp(2.6rem,2.8vw,3.4rem)}
.newsletter__subheading{margin:0!important;max-width:none}
.newsletter__subheading p{margin:0;color:var(--gr-on-night-soft)}
.newsletter__mail{margin:0}
@media screen and (max-width:989px){.newsletter__grid{grid-template-columns:minmax(0,1fr)}}
.newsletter-section + .shopify-section .footer,.footer{border-top:1px solid rgba(255,255,255,.12)}
.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:132px}
.footer-block__image{width:132px;height:auto;display:block}
.footer-block--brand .rte p{color:var(--gr-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(--gr-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(--gr-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(--gr-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(--gr-on-night-soft)}
@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)}.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}}

/* 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}
@media screen and (min-width:750px){.collection-hero.collection-hero--text-only.page-width{padding-left:5rem;padding-right:5rem}}
.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__count{font-size:2rem;color:var(--gr-soft);font-weight:400;font-family:var(--font-body-family)}
.collection-head__figures{margin:0;color:var(--gr-soft);font-size:1.5rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem}
.kind-chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:.6rem 0 0;padding:0;list-style:none}
.kind-chip{font:inherit;font-size:1.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(--gr-line-strong);background:var(--gr-white);text-decoration:none;color:inherit}
.kind-chip:hover{border-color:var(--gr-night)}
.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(--gr-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(--gr-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(--gr-line-strong);border-radius:var(--gr-r);background:var(--gr-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(--gr-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(--gr-line-strong);background:var(--gr-white);font-size:1.4rem;font-weight:600}
.gr-pill small{color:var(--gr-soft);font-weight:500}
.gr-pill input:checked+span{background:var(--gr-night);border-color:var(--gr-night);color:#fff}
.gr-pill input:checked+span small{color:rgba(255,255,255,.7)}
.gr-pill input:focus-visible+span{outline:2px solid var(--gr-terra);outline-offset:2px}
.gr-filters__clear{font:inherit;font-size:1.4rem;background:none;border:0;cursor:pointer;color:var(--gr-terra-deep);padding:.7rem 0}
.product-grid__empty{margin:2rem 0;color:var(--gr-soft)}
@media screen and (max-width:749px){.facets-row__end{margin-left:0;width:100%;justify-content:space-between}.gr-filters{gap:1.2rem 2rem}}

/* prose under the grid: photo 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:var(--gr-r);overflow:hidden;background:var(--gr-plate);aspect-ratio:4/3}
.shelf-prose__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:5%}
.shelf-prose__media.is-photo img{object-fit:cover;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.6rem}
.prose-link{color:var(--gr-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}}

/* 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(--gr-line)}
.tbl-wrap thead th{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1rem;color:var(--gr-soft);border-bottom:2px solid var(--gr-line-strong)}
.tbl-wrap tbody th{font-weight:600}
.tbl-note{font-size:1.4rem;color:var(--gr-soft);margin:-1.2rem 0 2.4rem;line-height:1.5}
.tbl__buy{white-space:nowrap;text-align:right!important}
.tbl--variants tr.is-current th,.tbl--variants tr.is-current td{background:var(--gr-terra-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(--gr-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(--gr-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(--gr-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}
}

/* 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:2.2rem;border-radius:var(--gr-r);background:var(--gr-white);border:1px solid var(--gr-line);text-decoration:none;color:inherit;align-content:start}
.roads .road:hover{border-color:var(--gr-night)}
.sources .road{display:block;margin:1rem 0 0;font-size:1.35rem}
.road__kick{font-size:1.2rem;color:var(--gr-moss);font-weight:700;text-transform:uppercase;letter-spacing:.1rem}
.road__title{font-family:var(--font-heading-family);font-weight:500;font-size:2rem;line-height:1.25}
.road__line{font-size:1.4rem;color:var(--gr-soft)}
.road__go{margin-top:auto;padding-top:.6rem;color:var(--gr-terra-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, option pills, thickness to scale, accordions */
.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(--gr-line);border-radius:var(--gr-r);background:#fff;cursor:pointer;overflow:hidden}
.thumbnail.is-active,.thumbnail[aria-current]{border-color:var(--gr-night);box-shadow:0 0 0 1px var(--gr-night)}
.thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.product__media-main{position:relative;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-white)}
.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:4%}
.product__media.is-photo img{object-fit:cover;padding:0}
.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(3rem,3.2vw,4.2rem);line-height:1.08}
.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:500;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}
.product__range{color:var(--gr-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(--gr-soft)}
.product-form__input--pill input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.product-form__input--pill label{display:inline-flex;align-items:center;gap:.8rem;padding:.9rem 1.6rem;border:1px solid var(--gr-line-strong);border-radius:var(--variant-pills-radius);cursor:pointer;font-size:1.45rem;font-weight:600;background:var(--gr-white);color:var(--gr-ink)}
.product-form__input--pill input:checked+label{border-color:var(--gr-night);background:var(--gr-night);color:#fff}
.product-form__input--pill input:focus-visible+label{outline:2px solid var(--gr-terra);outline-offset:2px}
.product-form__input--pill label.is-unavailable{color:var(--gr-soft);border-style:dashed;background:transparent}
.product-form__input--pill label{display:inline-flex!important}
.swatch-dot{display:inline-block;width:1.8rem;height:1.8rem;border-radius:50%;background:var(--dot);box-shadow:0 0 0 1px rgba(30,38,34,.25);flex:0 0 auto}
.thick-scale{padding:1.6rem 1.8rem;border-radius:var(--gr-r);background:var(--gr-white);border:1px solid var(--gr-line)}
.thick-scale__title{margin:0 0 1.2rem}
.thick-scale__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none;align-items:end}
.thick-scale__step{display:grid;gap:.6rem;opacity:.35}
.thick-scale__step.is-offered{opacity:1}
.thick-scale__bar{display:block;height:calc(var(--mm) * .4rem);border-radius:3px 3px 0 0;background:var(--gr-sage);border-bottom:2px solid var(--gr-line-strong)}
.thick-scale__step.is-offered .thick-scale__bar{background:var(--gr-moss)}
.thick-scale__step.is-current .thick-scale__bar{background:var(--gr-terra)}
.thick-scale__mm{font-size:1.35rem;font-weight:600}
.thick-scale__step.is-current .thick-scale__mm{color:var(--gr-terra-deep)}
.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:var(--gr-r);background:var(--gr-plate);font-size:1.45rem;font-weight:600}
.product__facts .svg-wrapper{width:1.8rem;height:1.8rem;color:var(--gr-moss);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(--gr-soft)}
.product__accordion{border-top:1px solid var(--gr-line)}
.product__accordion:last-of-type{border-bottom:1px solid var(--gr-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(--gr-moss)}
.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}
.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(--gr-line);font-size:1.45rem}
.spec-list div:last-child{border-bottom:0}
.spec-list dt{font-weight:700;color:var(--gr-soft)}
.spec-list dd{margin:0}
.in-box{margin:0;padding-left:1.8rem;line-height:1.7;font-size:1.5rem}
@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}.product .product__media-wrapper .thumbnail-list{grid-template-columns:repeat(5,minmax(0,1fr))!important}.spec-list div{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}
.feature-rows{display:grid;gap:4rem;margin:5rem 0 0;padding:0;list-style:none}
.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5rem;align-items:center}
.feature-row:nth-child(even) .feature-row__media{order:2}
.feature-row--text{grid-template-columns:minmax(0,1fr);max-width:70ch}
.feature-row__media{position:relative;aspect-ratio:4/3;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate)}
.feature-row__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature-row__text h3{margin:.6rem 0 1rem}
.feature-row__text p:last-child{margin:0;line-height:1.65;color:var(--gr-soft)}
@media screen and (max-width:749px){.product-description__grid{grid-template-columns:minmax(0,1fr)}.feature-row{grid-template-columns:minmax(0,1fr);gap:1.6rem}.feature-row:nth-child(even) .feature-row__media{order:0}}
.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:var(--gr-r);background:var(--gr-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(--gr-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(--gr-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(--gr-terra-light)}
.compare__you{display:block;font-size:1.15rem;font-weight:700;letter-spacing:.1rem;text-transform:uppercase;color:var(--gr-terra-deep);margin-bottom:.4rem}
.compare__table tbody th{width:18%;color:var(--gr-soft)}
.ball-table,.all-options,.safety-note{margin-top:5rem}
.ball-table h2,.all-options h2{margin:0 0 .8rem}
.safety-note{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;max-width:90rem}
.safety-note h2{margin:0}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:20;background:var(--gr-white);border-top:1px solid var(--gr-line);box-shadow:0 -8px 24px rgba(0,0,0,.06);transform:translateY(110%);transition:transform .25s ease}
.sticky-buy.is-visible{transform:none}
.sticky-buy__inner{display:flex;align-items:center;gap:1.6rem;padding-top:1rem;padding-bottom:1rem}
.sticky-buy__name{flex:1 1 auto;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-heading-family);font-size:1.8rem}
.sticky-buy__label{color:var(--gr-soft);white-space:nowrap;font-size:1.4rem}
.sticky-buy__price{font-weight:500;font-family:var(--font-heading-family);font-size:2rem}
.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{margin:3.2rem 0 0;padding:2.4rem 2.6rem;border-radius:var(--gr-r);background:var(--gr-white);border-left:3px solid var(--gr-moss);font-size:1.5rem;line-height:1.6}
.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{margin:0}
.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(--gr-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{padding-left:2rem}
.page-aside{position:sticky;top:12rem;display:grid;gap:.8rem;font-size:1.5rem;border-left:1px solid var(--gr-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(--gr-terra-deep)}
.page-aside__heading{margin:0;font-size:1.25rem;font-weight:700;text-transform:uppercase;letter-spacing:.12rem;color:var(--gr-soft)}
.page-figure{margin:2.4rem 0;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate)}
.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(--gr-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(--gr-line);padding-top:2rem}.page-aside--toc{display:none}}

/* journal and article: a split head, text left and the photo right */
.main-blog__lede{max-width:70ch;font-size:1.75rem;margin:0 0 3.2rem;color:var(--gr-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.08!important}
.article-template__lede{font-size:1.95rem;line-height:1.55;margin:0 0 1.4rem;color:var(--gr-soft)}
.article-template__meta{font-size:1.4rem;color:var(--gr-soft);line-height:1.4;margin:0}
.article-head__media{position:relative;aspect-ratio:4/5;border-radius:var(--gr-r);overflow:hidden;background:var(--gr-plate);max-height:64rem}
.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(--gr-terra);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:var(--gr-r);background:var(--gr-white);border:1px solid var(--gr-line)}
.embed__media{position:relative;display:block;width:14rem;height:14rem;border-radius:var(--gr-r);overflow:hidden;background:#fff}
.embed__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:6%}
.embed__media.is-photo img{object-fit:cover;padding:0}
.embed__text{display:grid;gap:.3rem}
.embed__kick{margin:0;font-size:1.15rem;letter-spacing:.1rem;text-transform:uppercase;color:var(--gr-moss);font-weight:700}
.embed__name{font-family:var(--font-heading-family);font-weight:500;text-decoration:none;font-size:2rem;line-height:1.25}
.embed__line,.embed__price{margin:0;font-size:1.45rem;color:var(--gr-soft)}
.embed__price{font-weight:700;color:var(--gr-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}.article-head__media{aspect-ratio:4/3}}
@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.6rem;border:1px solid var(--gr-line-strong);border-radius:var(--gr-r);font:inherit;background:var(--gr-white)}
.search-page__count{color:var(--gr-soft);margin:0 0 2rem}
.template-404__lede{max-width:60ch;margin:1.2rem auto 2.8rem}
.error-code{font-family:var(--font-heading-family);font-size:clamp(7rem,11vw,13rem);line-height:1;color:var(--gr-moss);margin:0}
[hidden]{display:none!important}

/* product: feature cards with their own scene (4:3, cover) */
.feature-grid--photo li{padding:0 2.4rem 2.4rem;overflow:hidden;background:var(--gr-paper)}

.feature-grid__media{position:relative;aspect-ratio:4/3;margin:0 -2.4rem 2rem;background:var(--gr-plate)}
.feature-grid__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media screen and (min-width:750px) and (max-width:989px){.feature-grid--photo{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* product: the compare table folds into one block per criterion on a phone */
@media screen and (max-width:640px){
  .compare__table tbody th[scope=row]{font-size:1.5rem;color:var(--gr-ink);padding-top:.4rem}
  .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}
}

/* product: thickness bars not made in this model stay visible, just quieter */
.thick-scale__step{opacity:1}
.thick-scale__step:not(.is-offered) .thick-scale__bar{background:#E3E8DE;border-bottom-color:var(--gr-line)}
.thick-scale__step:not(.is-offered) .thick-scale__mm{color:var(--gr-soft)}

/* colour dot keeps a light ring, so Black reads on the dark selected pill */
.swatch-dot{box-shadow:0 0 0 2px #fff,0 0 0 3px rgba(30,38,34,.28)}

/* footer: one left edge, no theme bullets between policy links, phone gutter as the page */
.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){.footer .footer__blocks-wrapper.grid{row-gap:0!important}.footer .footer-block__heading{margin-bottom:1.2rem}}
@media screen and (max-width:749px){
  .footer .footer__content-top.page-width{padding-left:1.6rem;padding-right:1.6rem}
  .footer .footer__blocks-wrapper>.footer-block{margin-left:0;margin-right:0}
  .footer .footer-block__details-content{margin-bottom:.8rem!important}
  .footer .footer__column--info{margin-top:0}
  .list-payment .payment-icon,.list-payment>li svg{height:20px}
}

/* collection on a phone: each filter group and the kind chips are one swipeable line,
   so the first card comes up on the first screen */
@media screen and (max-width:749px){
  .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}
}

.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){
  .gr-filters-drawer{width:100%}
  .gr-filters-drawer[open] .gr-filters-drawer__toggle{margin-bottom:1.4rem}
  .facets-row{align-items:center}
}
.collection-head h1,.collection-head .collection-head__title{margin-top:0!important;margin-bottom:0!important}

/* portrait cover photos: keep the head of the person in the crop */
.article-head__media img,.journal-card__media img{object-position:50% 22%}

/* journal index: lead card on top, the other two share the row */
.journal-grid--lead{grid-template-columns:repeat(2,minmax(0,1fr))}
@media screen and (max-width:749px){.journal-grid--lead{grid-template-columns:minmax(0,1fr)}}

/* road tiles: the arrow sits at the bottom of every tile in a row */
.roads .road{display:flex;flex-direction:column}

/* material facts: values on one line across the two columns */
.material__facts div{grid-template-rows:subgrid;grid-row:span 2;gap:.2rem}

/* 404 and short ledes: no single word left alone on the last line */
.template-404__lede,.collection-head__lede,.page-head__lede{text-wrap:balance}

/* variants table: text centred on the row height of the button */
.tbl--variants th,.tbl--variants td{vertical-align:middle}

/* phone gallery: the thumbnail strip keeps the page gutter and air below it */
@media screen and (max-width:749px){
  .product__media-wrapper .thumbnail-slider{padding:0 1.6rem!important;margin:1.2rem 0 2rem}
}
