/* Impact theme.css */
:root{--background:#FBFAF6;--paper:#F3F2EC;--field:#EEEFEA;--sage:#DCE6CB;--sage-deep:#4E6B3A;--mustard:#E6B84A;
--border-color:#E3E1D8;--border-strong:#C8C5B8;--heading-color:#141B2B;--text-color:#252B37;--text-subdued:#5C6170;
--primary:#1E3152;--primary-deep:#15233D;--on-primary:#FFFFFF;--on-primary-soft:#BFC9DA;
--footer:#141C2E;--on-footer:#EEF0F4;--on-footer-soft:#AEB6C6;
--heading-font-family:'Bricolage Grotesque', 'Arial Rounded MT Bold', 'Helvetica Neue', Arial, sans-serif;--text-font-family:Figtree, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
--container-max-width:1440px;--container-gutter:40px;--rounded:14px;--rounded-sm:8px;--rounded-button:999px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
height-observer,store-header,announcement-bar,product-card,product-list,scroll-carousel,facet-form,variant-picker,product-gallery,video-media,line-tabs,reveal-items,split-lines{display:block}
price-list,sale-price{display:inline-flex}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-height,72px) + 16px)}
body{margin:0;background:var(--background);color:var(--text-color);font:400 17px/1.62 var(--text-font-family);-webkit-font-smoothing:antialiased}
img,video{max-width:100%;height:auto;display:block}
a{color:var(--heading-color);text-decoration-color:var(--border-strong);text-underline-offset:3px}
a:hover{color:var(--primary);text-decoration-color:currentColor}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--heading-font-family);font-weight:700;color:var(--heading-color);line-height:1.08;margin:0 0 .45em;letter-spacing:-.02em}
.h1,h1{font-size:clamp(34px,4.4vw,58px)}
.h2,h2{font-size:clamp(28px,3.1vw,42px)}
.h3,h3{font-size:clamp(22px,2vw,28px)}
.h4{font-size:21px;line-height:1.2}
.h5{font-size:18px;line-height:1.25}
.h6{font-size:15px;letter-spacing:0;line-height:1.3}
h1 a,h2 a,h3 a,h4 a{color:inherit;text-decoration:none}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover{color:var(--primary)}
p{margin:0 0 1em}
button{font:inherit;color:inherit}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-to-content:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:100;padding:10px 14px;background:#fff}
.container{width:100%;max-width:var(--container-max-width);margin-inline:auto;padding-inline:var(--container-gutter)}
.container > *,.product-list__grid > *,.split > *,.hero > *,.product > *,.collection > *,.page-body > *,.duo > *,.lines > *,.footer__wrapper > *{min-width:0}
.bold{font-weight:600}
.text-subdued{color:var(--text-subdued)}
.link-faded{color:var(--text-subdued);text-decoration:none}
.link-faded:hover{color:var(--heading-color);text-decoration:underline}
.link-faded-reverse{color:var(--heading-color);text-decoration:none}
.link-faded-reverse:hover{color:var(--primary)}
.v-stack{display:grid;justify-items:start}
.gap-0\.5{gap:2px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}
.justify-items-start{justify-items:start}
.w-full{width:100%}
.contents{display:contents}
.prose p,.prose li{max-width:74ch}
.prose h2{font-size:clamp(24px,2.3vw,32px);margin-top:1.4em}
.prose h3{font-size:21px;margin-top:1.3em}
.prose ul,.prose ol{padding-left:1.2em;max-width:74ch}
.prose li{margin-bottom:.45em}
.prose a{color:var(--primary)}
/* A button inside prose keeps its own ink: .prose a would paint navy on navy. */
.prose .button,.prose .button:hover{color:var(--on-primary)}
.prose .button--outline{color:var(--primary)}
.heights__note{margin:24px 0 0;color:var(--text-subdued)}

/* ---- section rhythm ---- */
.section{padding-block:80px}
.section--flush-top{padding-top:0}
.section--paper{background:var(--paper)}
.section--sage{background:var(--sage)}
.section--navy{background:var(--primary);color:var(--on-primary)}
.section--navy .h2,.section--navy .subheading{color:var(--on-primary)}
.subheading{font:600 13px/1.2 var(--text-font-family);letter-spacing:.12em;text-transform:uppercase;color:var(--sage-deep);margin:0 0 12px}
.sect-no{font:600 12px/1 var(--text-font-family);letter-spacing:.1em;color:var(--text-subdued);margin-right:10px;vertical-align:.4em}
.sect-no::before{content:attr(data-sect-no)}
.section--navy .sect-no{color:var(--on-primary-soft)}
.section-header{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 56px;margin-bottom:36px;align-items:end}
.section-header--split{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.section-header__lede{color:var(--text-subdued);max-width:60ch;margin:0}
.section--navy .section-header__lede{color:var(--on-primary-soft)}
.section-header__more{font-weight:600;white-space:nowrap}

/* ---- buttons ---- */
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;min-height:48px;padding:12px 26px;border-radius:var(--rounded-button);border:2px solid var(--primary);background:var(--primary);color:var(--on-primary);font:600 16px/1.2 var(--text-font-family);text-decoration:none;text-align:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.button:hover{background:var(--primary-deep);border-color:var(--primary-deep);color:var(--on-primary)}
.button--outline{background:transparent;color:var(--primary)}
.button--outline:hover{background:var(--primary);color:var(--on-primary)}
.button--light{background:#fff;border-color:#fff;color:var(--primary)}
.button--light:hover{background:var(--sage);border-color:var(--sage);color:var(--primary)}
.button--sm{min-height:38px;padding:8px 18px;font-size:14px;flex:0 0 auto}
.button--xl{min-height:56px;padding:15px 32px;font-size:17px}
.circle-button{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--border-strong);background:#fff;color:var(--heading-color);font-size:26px;line-height:1;cursor:pointer}
.circle-button:disabled{opacity:.35;cursor:default}

/* ---- announcement + header ---- */
.announcement-bar{background:var(--primary);color:var(--on-primary)}
.announcement-bar__wrapper{display:flex;justify-content:center;min-height:38px;align-items:center}
.announcement-bar .text-xs{font-size:13px;letter-spacing:.02em;text-align:center}
.announcement-bar p{margin:0;padding-block:8px}
.shopify-section--header{position:sticky;top:0;z-index:30}
.header{background:rgba(251,250,246,.97);border-bottom:1px solid var(--border-color);transition:box-shadow .2s}
.header.is-scrolled{box-shadow:0 6px 20px rgba(20,27,43,.07)}
.header__wrapper{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;min-height:74px}
.header__main-nav{display:flex;align-items:center;gap:36px;min-width:0}
.header__icon-list{display:none}
.header__logo{display:inline-flex;color:var(--primary);text-decoration:none;flex:0 0 auto}
.header__logo .logo,.footer__logo .logo{width:132px;height:auto;display:block}
.header__link-list{display:flex;min-width:0}
.header__link-list > ul{display:flex}
.header__link-list ul.contents > li{list-style:none}
.header{position:relative}
.header__link-list > ul{list-style:none;margin:0;padding:0;gap:6px 28px;flex-wrap:wrap}
.header__link-list a,.header__link-list summary{display:inline-flex;align-items:center;gap:6px;padding:24px 0;font-weight:600;font-size:16px;cursor:pointer;list-style:none}
.header__link-list summary::-webkit-details-marker{display:none}
.header__link-list .is-active{box-shadow:inset 0 -3px 0 var(--mustard)}
.chevron{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.mega-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--border-color);box-shadow:0 18px 30px rgba(20,27,43,.08);padding:34px max(var(--container-gutter),calc((100vw - var(--container-max-width))/2 + var(--container-gutter)));display:grid;grid-template-columns:repeat(2,minmax(0,240px)) minmax(0,260px);gap:48px;justify-content:start}
details[is="mega-menu-disclosure"]:not([open]) .mega-menu{display:none}
.mega-menu__nav{display:contents;list-style:none;margin:0;padding:0}
.mega-menu__nav ul{list-style:none;margin:0;padding:0}
.mega-menu__nav a{padding:2px 0;font-weight:500;font-size:15px}
.mega-menu__nav small{color:var(--text-subdued);margin-left:4px}
.navigation-promo-card{display:grid;gap:10px;text-decoration:none;align-content:start}
.navigation-promo-card__media{display:block;background:var(--field);border-radius:var(--rounded);overflow:hidden}
.navigation-promo-card__media img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.header__top-link{display:none}
.header__secondary-nav{display:flex;align-items:center;gap:20px}
.header__size-link{font-weight:500;font-size:15px}
.header__buy-short{display:none}
.header__drawer summary{list-style:none;cursor:pointer}
.header__drawer summary::-webkit-details-marker{display:none}
.tap-area{display:inline-grid;place-items:center;width:44px;height:44px}
.header__burger,.header__burger::before,.header__burger::after{display:block;width:22px;height:2px;background:var(--heading-color);position:relative}
.header__burger::before,.header__burger::after{content:"";position:absolute;left:0}
.header__burger::before{top:-7px}.header__burger::after{top:7px}
.header__drawer-panel{position:fixed;left:0;right:0;top:calc(var(--announcement-bar-height,38px) + var(--header-height,64px));bottom:0;background:#fff;overflow:auto;padding:20px var(--container-gutter) 40px;z-index:40}
.drawer-menu{list-style:none;margin:0;padding:0;gap:4px;justify-items:stretch}
.drawer-menu > li{border-bottom:1px solid var(--border-color)}
.drawer-menu a.h5,.drawer-menu summary{display:block;padding:14px 0;text-decoration:none;margin:0}
.drawer-menu ul{list-style:none;margin:0 0 12px;padding:0 0 0 12px;display:grid;gap:8px}

/* ---- breadcrumb ---- */
.breadcrumb{padding-top:18px}
.breadcrumb__list{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:0;font-size:14px;color:var(--text-subdued)}
.breadcrumb__item + .breadcrumb__item::before{content:"/";margin-right:10px;color:var(--border-strong)}

/* ---- hero ---- */
.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:clamp(520px,68vh,760px);background:var(--sage)}
.hero__media{position:relative;min-height:320px;overflow:hidden;background:var(--field)}
.hero__media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero__toggle{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.9);font-size:0}
.hero__toggle::before{content:"";width:12px;height:14px;border-left:4px solid var(--heading-color);border-right:4px solid var(--heading-color)}
.hero__toggle[aria-pressed="true"]::before{border:0;width:0;height:0;border-left:13px solid var(--heading-color);border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:4px}
.hero__panel{display:flex;flex-direction:column;justify-content:center;padding:56px clamp(24px,5vw,80px)}
.hero__title{font-size:clamp(40px,5vw,72px);line-height:1;margin-bottom:22px}
.hero__lede{font-size:19px;max-width:44ch;color:var(--text-color)}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 30px}
.hero__facts{list-style:none;margin:0;padding:22px 0 0;border-top:1px solid rgba(20,27,43,.15);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;font-size:14px;color:var(--text-subdued)}
.hero__facts strong{display:block;font:700 24px/1.1 var(--heading-font-family);color:var(--heading-color);margin-bottom:4px}

/* ---- height cards ---- */
.height-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.height-card{display:grid;gap:8px;text-decoration:none;padding:0 0 18px;position:relative}
.height-card__media{display:block;background:var(--field);border-radius:var(--rounded);overflow:hidden;margin-bottom:10px}
.height-card__media img{width:100%;aspect-ratio:4/3;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s}
.height-card:hover img{transform:scale(1.04)}
.height-card strong{font:700 22px/1.2 var(--heading-font-family)}
.height-card small{color:var(--sage-deep);font-weight:600}
.height-strip__sock{display:block;width:44px;height:26px;position:relative}
.height-strip__sock::before{content:"";position:absolute;left:4px;right:4px;bottom:3px;height:10px;border-radius:0 10px 6px 6px;background:var(--heading-color)}
.height-strip__sock::after{content:"";position:absolute;left:10px;width:10px;bottom:9px;background:var(--heading-color);border-radius:3px 3px 0 0}
.height-strip__sock--noshow::after{height:2px}
.height-strip__sock--ruffle::after{height:10px;box-shadow:0 -2px 0 2px var(--mustard)}
.height-strip__sock--crew::after{height:17px}

/* ---- product cards ---- */
.product-list__grid{list-style:none;margin:0;padding:0;display:grid;gap:32px 22px;grid-template-columns:repeat(4,minmax(0,1fr))}
.product-list--3 .product-list__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-card{position:relative;height:100%}
.product-card__figure{position:relative;background:var(--field);border-radius:var(--rounded);overflow:hidden;margin-bottom:14px}
.product-card__figure img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}
.product-card:hover .product-card__figure img{transform:scale(1.04)}
.product-card__badge-list{position:absolute;left:12px;top:12px;display:flex;flex-wrap:wrap;gap:6px}
.badge{background:#fff;color:var(--heading-color);font:600 12px/1 var(--text-font-family);padding:6px 10px;border-radius:999px}
.product-card__title{font:700 18px/1.25 var(--heading-font-family);margin:2px 0 0;letter-spacing:-.01em}
.product-card__title a{text-decoration:none;color:var(--heading-color)}
.product-card__meta{font-size:14px}
.product-card__pack{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--text-subdued)}
.price-list{align-items:baseline;flex-wrap:wrap;gap:4px 10px;font-weight:600;color:var(--heading-color);margin-top:4px}
.price-list__from{font-weight:400;color:var(--text-subdued);margin-right:4px}
.price-list__pair{font-weight:500;font-size:14px;color:var(--sage-deep)}
.product-card__rating{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-subdued);margin:2px 0 0}
.swatch-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 4px;padding:0;align-items:center}
.swatch{display:inline-block;width:18px;height:18px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px rgba(20,27,43,.2);flex:0 0 auto}
.swatch-list__more{font-size:12px;color:var(--text-subdued)}
.rating__stars{--pct:0%;display:inline-block;width:78px;height:14px;background:linear-gradient(90deg,var(--mustard) var(--pct),#D9D6CB var(--pct));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 14'%3E%3Cpath d='M7 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM23 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM39 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM55 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM71 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5z'/%3E%3C/svg%3E") no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 14'%3E%3Cpath d='M7 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM23 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM39 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM55 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5zM71 0l2 5h5l-4 3 2 6-5-4-5 4 2-6-4-3h5z'/%3E%3C/svg%3E") no-repeat}
.rating{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:14px;color:var(--text-subdued);margin:6px 0 14px}

/* ---- lines (tabs + rail) ---- */
.lines{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:start}
.lines__tabs{display:grid;gap:4px;position:sticky;top:calc(var(--header-height,74px) + 24px)}
.lines__tab{display:grid;gap:4px;text-align:left;background:none;border:0;border-left:3px solid var(--border-color);padding:14px 18px;cursor:pointer}
.lines__tab .h4{margin:0}
.lines__tab small{color:var(--text-subdued);font-size:14px}
.lines__tab[aria-selected="true"]{border-left-color:var(--primary);background:#fff;border-radius:0 var(--rounded-sm) var(--rounded-sm) 0}
.lines__all{margin:14px 0 0 21px;font-weight:600}
.lines__blurb{max-width:62ch;margin-bottom:22px}
.rail{position:relative}
.rail__track{list-style:none;margin:0 0 14px;padding:0 0 8px;display:grid;grid-auto-flow:column;grid-auto-columns:250px;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin}
.rail__track > li{scroll-snap-align:start;min-width:0}
.rail__controls{display:flex;gap:10px;justify-content:flex-end;margin-bottom:18px}

/* ---- stills ---- */
.stills{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.still__media{border-radius:var(--rounded);overflow:hidden;margin-bottom:18px;background:var(--field)}
.still__media img{width:100%;aspect-ratio:4/3;object-fit:cover}
.still p{color:var(--text-color);margin:0}

/* ---- duo, split ---- */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.duo__media{display:block;border-radius:var(--rounded);overflow:hidden;background:var(--field);margin-bottom:24px}
.duo__media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.split--reverse > .split__media{order:2}
.split__img{width:100%;border-radius:var(--rounded);aspect-ratio:4/3;object-fit:cover;background:var(--field)}
.split__text p{max-width:60ch}
.collection-prose .split{align-items:start}
.collection-prose .split__media{position:sticky;top:calc(var(--header-height,74px) + 24px)}

/* ---- choose ---- */
.choose{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:56px;align-items:start}
.choose > div:first-child{position:sticky;top:calc(var(--header-height,74px) + 24px)}
.choose-list{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:c}
.choose-list li{padding:20px 0 20px 52px;border-top:1px solid var(--border-color);position:relative;counter-increment:c}
.choose-list li::before{content:counter(c);position:absolute;left:0;top:18px;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;display:grid;place-items:center;font:700 15px/1 var(--heading-font-family)}
.choose-list p{margin:0;color:var(--text-color)}

/* ---- edits ---- */
.edit-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-bottom:28px}
.edit-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--rounded);padding:26px 24px}
.edit-card__meta{font-size:14px;margin:0}
.edit-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.edit-links a{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid var(--border-strong);border-radius:999px;text-decoration:none;font-weight:600;font-size:15px}
.edit-links small{color:var(--text-subdued);font-weight:500}

/* ---- numbers ---- */
.numbers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}
.numbers li{border-top:1px solid rgba(255,255,255,.25);padding-top:18px}
.numbers strong{display:block;font:700 clamp(30px,3vw,44px)/1.05 var(--heading-font-family);color:#fff;margin-bottom:8px}
.numbers span{color:var(--on-primary-soft);font-size:15px}

/* ---- journal ---- */
.journal-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.journal-card__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--rounded);background:var(--field);margin-bottom:16px}
.journal-card__kick{font-size:13px;margin-bottom:6px}
.journal-card h2,.journal-card h3{margin-bottom:8px}

/* ---- faq ---- */
.faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:56px;align-items:start}
.faq__head{position:sticky;top:calc(var(--header-height,74px) + 24px)}
.faq__lede{color:var(--text-subdued)}
.accordion{border-bottom:1px solid var(--border-color)}
.accordion:first-child{border-top:1px solid var(--border-color)}
.accordion__toggle{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;list-style:none}
.accordion__toggle::-webkit-details-marker{display:none}
.accordion__q{font:600 18px/1.35 var(--text-font-family);margin:0;letter-spacing:0}
.animated-plus{position:relative;width:14px;height:14px;flex:0 0 auto}
.animated-plus::before,.animated-plus::after{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:var(--heading-color);transition:transform .2s}
.animated-plus::after{transform:rotate(90deg)}
details[open] > summary .animated-plus::after{transform:rotate(0)}
.accordion__content{padding:0 0 22px}
.accordion__content p:last-child{margin-bottom:0}
.home-close{padding-block:0 40px;color:var(--text-subdued)}

/* ---- closing ---- */
.closing{background:var(--footer);color:var(--on-footer)}
.closing__grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;align-items:center;padding-block:64px}
.closing .h2{color:#fff}
.closing .subheading{color:var(--mustard)}
.closing__lede{color:var(--on-footer-soft);max-width:56ch;margin:0}
.closing__act{display:grid;justify-items:start;gap:12px}
.closing__note{color:var(--on-footer-soft);font-size:14px;margin:0}

/* ---- footer ---- */
.shopify-section--footer{background:var(--footer);color:var(--on-footer);border-top:1px solid rgba(255,255,255,.08)}
.footer{padding-block:60px 28px}
.footer a{color:var(--on-footer)}
.footer .link-faded{color:var(--on-footer-soft)}
.footer .link-faded:hover{color:#fff}
.footer__wrapper{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:36px}
.footer__logo{color:#fff;margin-bottom:14px}
.footer__line{color:var(--on-footer-soft);max-width:34ch}
.footer__contact{font-size:15px}
.footer__block .bold{color:#fff;margin-bottom:14px}
.footer__block ul{list-style:none;margin:0;padding:0}
.footer__block li{font-size:15px}
.footer__aside{border-top:1px solid rgba(255,255,255,.12);margin-top:44px;padding-top:22px;display:grid;gap:8px;font-size:14px}
.footer__aside p{margin:0}
.footer__aside .text-subdued{color:var(--on-footer-soft)}
.dsc{width:auto;max-width:100%;display:inline-block;vertical-align:middle}

/* ---- collection ---- */
.collection-banner{text-align:center;padding-block:28px 12px}
.collection-banner .h1{margin-bottom:10px}
.collection-banner__count{font:500 .5em/1 var(--text-font-family);color:var(--text-subdued);vertical-align:.3em}
.collection-banner__lede{max-width:62ch;margin:0 auto;color:var(--text-subdued);font-size:18px}
.height-tiles{list-style:none;margin:24px 0 8px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.height-tiles a{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;align-items:center;padding:10px;border:1px solid var(--border-color);border-radius:var(--rounded);text-decoration:none;background:#fff}
.height-tiles img{width:84px;height:84px;object-fit:contain;background:var(--field);border-radius:var(--rounded-sm);mix-blend-mode:multiply}
.height-tiles__label{display:grid;gap:2px;font-size:14px;color:var(--text-subdued)}
.height-tiles__label strong{color:var(--heading-color);font-size:16px}
.collection{display:grid;grid-template-columns:minmax(0,250px) minmax(0,1fr);gap:40px;padding-block:28px 72px}
.facets{position:sticky;top:calc(var(--header-height,74px) + 20px);align-self:start}
.facets__summary{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}
.facets__clear{background:none;border:0;padding:0;cursor:pointer;font-size:14px}
.facets__group{border-bottom:1px solid var(--border-color);padding:10px 0}
.facets__group summary{cursor:pointer;list-style:none;margin:6px 0}
.facets__group summary::-webkit-details-marker{display:none}
.facets__list{list-style:none;margin:8px 0 6px;padding:0;display:grid;gap:8px}
.checkbox-control{display:flex;align-items:center;gap:10px;font-size:15px;cursor:pointer}
.checkbox-control input{width:18px;height:18px;accent-color:var(--primary);margin:0}
.checkbox-control small{margin-left:auto;color:var(--text-subdued)}
.collection__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:22px}
.collection__count{margin:0;font-size:15px}
.collection__sort{display:flex;align-items:center;gap:10px;font-size:15px}
.collection__sort select{font:inherit;padding:8px 12px;border:1px solid var(--border-strong);border-radius:var(--rounded-sm);background:#fff}
.facets-toggle{display:none}
.tbl-wrap{overflow-x:auto;margin:18px 0 22px;max-width:100%}
.tbl-wrap table{border-collapse:collapse;width:100%;font-size:15px;background:#fff;border-radius:var(--rounded-sm)}
.tbl-wrap th,.tbl-wrap td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border-color);vertical-align:top}
.tbl-wrap thead th{font-weight:600;background:var(--paper)}
.tbl-wrap tbody th{font-weight:600}

/* ---- product ---- */
.product{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding-block:22px 72px;align-items:start}
.product-gallery{position:sticky;top:calc(var(--header-height,74px) + 16px)}
.product-gallery__main{background:var(--field);border-radius:var(--rounded);overflow:hidden}
.product-gallery__main img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}
.product-gallery__main.is-scene img{object-fit:cover;mix-blend-mode:normal}
.product-gallery__thumbs{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.product-gallery__thumb{display:block;width:84px;height:84px;padding:0;border:2px solid transparent;border-radius:var(--rounded-sm);overflow:hidden;background:var(--field);cursor:pointer}
.product-gallery__thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.product-gallery__thumb.is-scene img{object-fit:cover;mix-blend-mode:normal}
.product-gallery__thumb[aria-current="true"]{border-color:var(--primary)}
.product-info__vendor{margin-bottom:8px}
.product-info__vendor a{color:var(--sage-deep)}
.product-info__title{margin-bottom:6px}
.price-list--product{margin:0 0 20px;gap:4px 14px}
.price-list--product sale-price{font-size:26px}
.price-list__pair{font-size:15px}
.product-info__label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 10px;font-size:15px}
.variant-picker__option{margin-bottom:20px}
.block-swatch-list{display:flex;flex-wrap:wrap;gap:8px}
.block-swatch{padding:10px 18px;border:1px solid var(--border-strong);border-radius:999px;background:#fff;font-weight:600;font-size:15px;cursor:pointer}
.block-swatch[aria-pressed="true"]{border-color:var(--primary);background:var(--primary);color:#fff}
.pack-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.pack-chip{position:relative;display:block;width:72px;height:72px;padding:0;border:2px solid var(--border-color);border-radius:var(--rounded-sm);background:var(--field);cursor:pointer;overflow:visible}
.pack-chip img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;border-radius:6px}
.pack-chip .swatch{position:absolute;right:-5px;bottom:-5px;width:20px;height:20px;box-shadow:0 0 0 2px #fff,inset 0 0 0 1px rgba(20,27,43,.2)}
.pack-chip[aria-pressed="true"]{border-color:var(--primary)}
.product-info__buy{margin-bottom:24px}
.size-rows{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.size-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:10px 10px 10px 18px;border:1px solid var(--border-strong);border-radius:var(--rounded-sm);background:#fff}
.size-row__size{font-weight:600}
.size-row__price{font-weight:600;color:var(--heading-color)}
.product-info__note{font-size:14px;color:var(--text-subdued);margin:10px 0 0}
.height-strip{margin-bottom:18px}
.height-strip__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.height-strip__list a{display:grid;justify-items:center;gap:4px;padding:10px 6px;border:1px solid var(--border-color);border-radius:var(--rounded-sm);text-decoration:none;font-size:14px;text-align:center;background:#fff}
.height-strip__list .is-current a{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}
.height-strip__list small{color:var(--sage-deep);font-weight:600}
.product-info__fit{font-size:15px;color:var(--text-color);background:var(--sage);border-radius:var(--rounded-sm);padding:12px 16px}
.details-rows{border-collapse:collapse;width:100%;font-size:15px}
.details-rows th{text-align:left;font-weight:600;padding:8px 16px 8px 0;width:40%;vertical-align:top}
.details-rows td{padding:8px 0}
.details-rows tr + tr{border-top:1px solid var(--border-color)}
.product-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:56px}
.sticky-buy{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;align-items:center;gap:16px;padding:10px var(--container-gutter);background:#fff;border-top:1px solid var(--border-color);transform:translateY(100%);transition:transform .25s}
.sticky-buy.is-on{transform:none}
.sticky-buy__name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto}
.sticky-buy__price{font-weight:600}

/* ---- pages ---- */
.page-head{padding-block:26px 8px;max-width:calc(var(--container-max-width))}
.page-head__lede{font-size:19px;color:var(--text-subdued);max-width:62ch}
.page-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,260px);gap:64px;padding-block:24px 72px;align-items:start}
.page-aside{position:sticky;top:calc(var(--header-height,74px) + 24px);border-left:1px solid var(--border-color);padding-left:24px}
.page-aside ul{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:8px;font-size:15px}
.page-aside [aria-current="page"]{color:var(--heading-color);font-weight:600}
.article-cover img{width:100%;border-radius:var(--rounded);aspect-ratio:16/9;object-fit:cover}
.article-cover{margin:0 0 28px}
.article-meta{font-size:14px}
.article-note{background:var(--sage);border-radius:var(--rounded-sm);padding:14px 18px}
.embed{display:grid;grid-template-columns:120px minmax(0,1fr);gap:18px;align-items:center;padding:16px;border:1px solid var(--border-color);border-radius:var(--rounded);background:#fff;margin:22px 0;max-width:74ch}
.embed__img{width:120px;height:120px;object-fit:contain;background:var(--field);border-radius:var(--rounded-sm);mix-blend-mode:multiply}
.embed h3{font-size:19px;margin:0 0 4px}
.embed p{font-size:14px;color:var(--text-subdued);margin:0 0 10px}
blockquote{margin:22px 0;padding:6px 0 6px 20px;border-left:3px solid var(--mustard);font-size:19px}
.sources{margin-top:40px;padding:22px 24px;background:var(--paper);border-radius:var(--rounded);font-size:15px}
.sources .note{color:var(--text-subdued)}
.sources .src-h{font:700 19px/1.3 var(--heading-font-family);margin:0 0 10px;letter-spacing:0}
.sources ul{padding-left:1.1em}
.sources .road{margin:10px 0 0;font-weight:600}
.legal h2{font-size:24px}
.not-found{padding-block:60px 80px;text-align:center}
.not-found .page-head__lede{margin-inline:auto}
.shelf-list{list-style:none;margin:28px auto 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px}
.shelf-list a{display:flex;justify-content:space-between;gap:12px;padding:16px 20px;border:1px solid var(--border-strong);border-radius:var(--rounded-sm);text-decoration:none;background:#fff}
.shelf-list span{color:var(--text-subdued)}

/* ---- responsive ---- */
@media (max-width:1399px){
  .footer__wrapper{grid-template-columns:repeat(3,minmax(0,1fr))}
  .footer__block--newsletter{grid-column:1 / -1}
  .numbers{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:1149px){
  .header__link-list,.header__size-link{display:none}
  .header__icon-list{display:flex}
  .header__main-nav{gap:10px}
  .product-list__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-list--3 .product-list__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .edit-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lines{grid-template-columns:minmax(0,1fr);gap:20px}
  .lines__tabs{position:static;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding-bottom:6px}
  .lines__tab{border-left:0;border-bottom:3px solid var(--border-color)}
  .lines__tab[aria-selected="true"]{border-bottom-color:var(--primary);border-radius:var(--rounded-sm) var(--rounded-sm) 0 0}
  .lines__all{align-self:center;margin:0 0 0 12px}
}
@media (max-width:999px){
  :root{--container-gutter:24px}
  .section{padding-block:60px}
  .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero__media{aspect-ratio:4/5;min-height:0;max-height:78vh}
  .hero__panel{padding:36px var(--container-gutter) 44px}
  .section-header--split,.choose,.faq,.product-story,.closing__grid,.split,.duo{grid-template-columns:minmax(0,1fr)}
  .split--reverse > .split__media{order:0}
  .faq,.choose,.product-story,.duo{gap:28px}
  .faq__head,.collection-prose .split__media,.choose > div:first-child{position:static}
  .rail__track{grid-auto-columns:72vw}
  .collection{grid-template-columns:minmax(0,1fr)}
  .facets{position:static;display:none;order:0}
  .facets.is-open{display:block}
  .facets-toggle{display:inline-flex}
  .product{grid-template-columns:minmax(0,1fr)}
  .product-gallery{position:static}
  .page-body{grid-template-columns:minmax(0,1fr);gap:32px}
  .page-aside{position:static;border-left:0;padding-left:0;border-top:1px solid var(--border-color);padding-top:22px}
  .stills,.journal-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .height-tiles{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:699px){
  :root{--container-gutter:18px}
  body{font-size:16px}
  .header__wrapper{min-height:62px;gap:10px}
  .header__logo .logo{width:108px}
  .header__buy-long{display:none}
  .header__buy-short{display:inline}
  .product-list__grid,.product-list--3 .product-list__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .product-card__title{font-size:16px}
  .height-cards,.stills,.journal-cards,.edit-cards{grid-template-columns:minmax(0,1fr)}
  .height-card{grid-template-columns:112px minmax(0,1fr);column-gap:16px;align-items:center;padding-bottom:4px}
  .height-card__media{grid-row:1 / span 4;margin:0}
  .height-card > .height-strip__sock{display:none}
  .height-card strong{font-size:19px}
  .numbers{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__facts{grid-template-columns:minmax(0,1fr);gap:10px}
  .hero__facts strong{display:inline;font-size:20px;margin-right:6px}
  .footer__wrapper{grid-template-columns:repeat(2,minmax(0,1fr))}
  .size-row{grid-template-columns:minmax(0,1fr) auto;padding-left:14px}
  .size-row .button{grid-column:1 / -1}
  .shelf-list{grid-template-columns:minmax(0,1fr)}
  .dsc{height:auto!important;max-height:1em}
  .embed{grid-template-columns:minmax(0,1fr)}
  .tbl-wrap table,.tbl-wrap thead,.tbl-wrap tbody,.tbl-wrap tr,.tbl-wrap th,.tbl-wrap td{display:block}
  .tbl-wrap thead{display:none}
  .tbl-wrap tr{border-bottom:1px solid var(--border-color);padding:8px 0}
  .tbl-wrap th,.tbl-wrap td{border:0;padding:3px 12px}
  .tbl-wrap td[data-h]::before{content:attr(data-h);font-weight:600;margin-right:6px}
}
