/* Shared styles for /alpacas/clothing/ and every clothing detail page. */
.clothing-page,
.clothing-detail{ max-width:var(--wrap); }

.clothing-head{ margin-bottom:2rem; }

.clothing-jump-links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:0 0 3.5rem;
}
.clothing-jump-links a{
  padding:.42rem .75rem;
  color:var(--fleece-brown);
  font-size:.8125rem;
  font-weight:600;
  text-decoration:none;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-radius:99px;
  transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.clothing-jump-links a:hover{
  color:var(--indigo-deep);
  background:#fff;
  border-color:var(--indigo);
}

.clothing-split{ margin:0 0 3.5rem; }
.clothing-split figure,
.clothing-feature figure,
.clothing-hero{ margin:0; }
.clothing-split img,
.clothing-feature img,
.clothing-hero img{ width:100%; object-fit:cover; }
.clothing-split img{ aspect-ratio:3 / 2; }
figcaption{ margin-top:.6rem; font-size:.8125rem; color:var(--fleece-silver); }
.clothing-split h2{ margin-top:0; }
.clothing-split h2 a{ color:inherit; text-decoration:none; }
.clothing-split h2 a:hover{ color:var(--indigo); }

.clothing-detail-head{ margin-bottom:2.25rem; }
.clothing-hero{ margin-bottom:1.5rem; }
.clothing-hero img{ aspect-ratio:2.35 / 1; }
.clothing-jump-links--detail{ margin-bottom:3rem; }

.clothing-intro,
.clothing-closing{ max-width:43rem; margin:0 auto 4.5rem; }
.clothing-intro h2,
.clothing-closing h2{ margin-top:0; }

.clothing-feature{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(18rem, 1.05fr);
  align-items:center;
  gap:2rem 4rem;
  margin:0 0 4.5rem;
  padding-top:1px;
}
.clothing-feature--reverse{ grid-template-columns:minmax(18rem, 1.05fr) minmax(0, .95fr); }
.clothing-feature--reverse .clothing-feature-copy{ order:2; }
.clothing-feature--reverse figure{ order:1; }
.clothing-feature h2{ margin-top:0; }
.clothing-feature figure img{ aspect-ratio:3 / 2; }


/* Alpaca socks hub
   ========================================================================== */
.sock-type-section{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:linear-gradient(135deg, rgba(31,92,107,.075), rgba(123,140,117,.08));
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}

.sock-type-heading{
  max-width:43rem;
  margin:0 0 1.5rem;
}
.sock-type-heading h2{
  margin:0 0 .65rem;
  font-size:clamp(1.65rem, 3vw, 2rem);
}
.sock-type-heading p:last-child{
  margin:0;
  color:var(--fleece-brown);
}

.sock-filter{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(107,91,79,.18);
}
.sock-filter-button{
  appearance:none;
  min-height:2.35rem;
  padding:.48rem .8rem;
  color:var(--fleece-brown);
  font:600 .78rem/1.2 var(--font-body);
  background:rgba(251,250,247,.82);
  border:1px solid var(--fleece-beige);
  border-radius:99px;
  cursor:pointer;
  transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.sock-filter-button:hover{
  color:var(--indigo-deep);
  background:#fff;
  border-color:var(--indigo);
  transform:translateY(-1px);
}
.sock-filter-button.is-active,
.sock-filter-button[aria-pressed="true"]{
  color:var(--fleece-white);
  background:var(--indigo);
  border-color:var(--indigo);
}
.sock-filter-button.is-active:hover,
.sock-filter-button[aria-pressed="true"]:hover{
  color:#fff;
  background:var(--indigo-deep);
  border-color:var(--indigo-deep);
}

.sock-filter-status{
  margin:.8rem 0 1.25rem;
  color:var(--fleece-silver);
  font-size:.75rem;
  font-weight:500;
}

.sock-type-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.sock-type-card{
  --sock-accent:var(--indigo);
  min-width:0;
}
.sock-type-card[hidden]{ display:none; }
.sock-type-card > a{
  display:grid;
  grid-template-columns:minmax(8.75rem, .78fr) minmax(0, 1.22fr);
  min-height:13.25rem;
  height:100%;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--sock-accent);
  border-radius:var(--radius);
  box-shadow:var(--shadow-sm);
  transition:transform .22s var(--ease), box-shadow .22s var(--ease), border-color .22s var(--ease);
}
.sock-type-card > a:hover{
  color:inherit;
  border-color:var(--sock-accent);
  box-shadow:var(--shadow-md);
  transform:translateY(-3px);
}
.sock-type-card > a:focus-visible{
  outline-color:var(--sock-accent);
  outline-offset:3px;
}
.sock-type-card figure{
  min-width:0;
  height:100%;
  margin:0;
  overflow:hidden;
  background:var(--fleece-beige);
}
.sock-type-card img{
  width:100%;
  height:100%;
  min-height:13.25rem;
  object-fit:cover;
  transition:transform .35s var(--ease);
}
.sock-type-card > a:hover img{ transform:scale(1.025); }

.sock-type-card-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  padding:1.05rem 1rem 1rem;
}
.sock-type-use,
.sock-type-title,
.sock-type-description,
.sock-type-link{ display:block; }
.sock-type-use{
  margin-bottom:.35rem;
  color:var(--sock-accent);
  font-size:.625rem;
  font-weight:600;
  line-height:1.35;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.sock-type-title{
  margin-bottom:.4rem;
  font-family:var(--font-display);
  font-variation-settings:"SOFT" 70,"opsz" 30;
  font-size:1.17rem;
  font-weight:600;
  line-height:1.25;
}
.sock-type-description{
  color:var(--fleece-brown);
  font-size:.78rem;
  line-height:1.5;
}
.sock-type-link{
  margin-top:auto;
  padding-top:.7rem;
  color:var(--sock-accent);
  font-size:.75rem;
  font-weight:600;
}
.sock-type-link::after{
  content:" →";
  display:inline-block;
  transition:transform .2s var(--ease);
}
.sock-type-card > a:hover .sock-type-link::after{ transform:translateX(3px); }

.sock-type-card--hiking{ --sock-accent:#3F695B; }
.sock-type-card--boot{ --sock-accent:#785A43; }
.sock-type-card--winter{ --sock-accent:#466C7B; }
.sock-type-card--thermal{ --sock-accent:#8A593C; }
.sock-type-card--compression{ --sock-accent:#675774; }
.sock-type-card--dress{ --sock-accent:#6D647C; }
.sock-type-card--mens{ --sock-accent:#455F6B; }
.sock-type-card--womens{ --sock-accent:#765C66; }


/* Hiking sock guide
   ========================================================================== */
.sock-guide--hiking{
  --hike-green:#3F695B;
  --hike-green-deep:#2D5146;
  --hike-green-pale:#E8EFEB;
  --hike-earth:#785A43;
}

.sock-guide-head{ max-width:47rem; }
.sock-guide-hero img{ object-position:center 58%; }

.hiking-opening{
  display:grid;
  grid-template-columns:minmax(15rem, .72fr) minmax(0, 1.28fr);
  gap:2rem 4.5rem;
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.hiking-opening-heading h2{
  margin:0;
  font-size:clamp(1.6rem, 3vw, 2rem);
}
.hiking-opening-copy p{ color:var(--fleece-brown); }
.hiking-opening-copy p:last-child{ margin-bottom:0; }

.hike-selector{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:linear-gradient(140deg, var(--hike-green-pale), rgba(251,250,247,.92));
  border:1px solid #C9D5CE;
  border-top:4px solid var(--hike-green);
  border-radius:0 0 var(--radius) var(--radius);
}
.hike-selector-heading{
  max-width:45rem;
  margin-bottom:1.5rem;
}
.hike-selector-heading h2{
  margin:0 0 .65rem;
  font-size:clamp(1.65rem, 3vw, 2rem);
}
.hike-selector-heading p:last-child{
  margin:0;
  color:var(--fleece-brown);
}
.hike-profile-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  padding:1.25rem 0;
  border-top:1px solid rgba(63,105,91,.2);
  border-bottom:1px solid rgba(63,105,91,.2);
}
.hike-profile-button{
  appearance:none;
  min-height:2.6rem;
  padding:.58rem .9rem;
  color:var(--hike-green-deep);
  font:600 .8rem/1.2 var(--font-body);
  background:rgba(251,250,247,.86);
  border:1px solid #BFCFC6;
  border-radius:99px;
  cursor:pointer;
  transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.hike-profile-button:hover{
  color:#fff;
  background:var(--hike-green-deep);
  border-color:var(--hike-green-deep);
  transform:translateY(-1px);
}
.hike-profile-button.is-active,
.hike-profile-button[aria-pressed="true"]{
  color:#fff;
  background:var(--hike-green);
  border-color:var(--hike-green);
}
.hike-profile-button:focus-visible{ outline-color:var(--hike-green); }

.hike-profile-panels{ margin-top:1.25rem; }
.hike-profile-panel{
  display:grid;
  grid-template-columns:minmax(0, .95fr) minmax(19rem, 1.05fr);
  gap:1.5rem 2.5rem;
  margin-top:.75rem;
  padding:1.5rem;
  background:rgba(251,250,247,.88);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--hike-green);
  border-radius:0 var(--radius) var(--radius) 0;
}
.hike-profile-panel:first-child{ margin-top:0; }
.hike-profile-panel[hidden]{ display:none; }
.hike-profile-label{
  margin:0 0 .25rem;
  color:var(--hike-green);
  font-size:.675rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.hike-profile-summary h3{
  margin:0 0 .55rem;
  font-family:var(--font-display);
  font-size:1.3rem;
  line-height:1.3;
}
.hike-profile-summary p:last-child{
  margin:0;
  color:var(--fleece-brown);
  font-size:.9rem;
}
.hike-profile-facts{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
  margin:0;
}
.hike-profile-facts div{
  min-width:0;
  padding:.75rem;
  background:#fff;
  border:1px solid rgba(220,213,200,.9);
}
.hike-profile-facts dt{
  margin-bottom:.18rem;
  color:var(--fleece-silver);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.hike-profile-facts dd{
  margin:0;
  color:var(--fleece-bay);
  font-size:.8rem;
  font-weight:600;
  line-height:1.4;
}
.hike-profile-status{
  margin:.75rem 0 0;
  color:var(--fleece-silver);
  font-size:.75rem;
}

.hiking-comparison{
  display:grid;
  grid-template-columns:minmax(13rem, .55fr) minmax(0, 1.45fr);
  gap:1.5rem 2.5rem;
  margin:-2rem 0 4.75rem;
  padding:1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--hike-earth);
}
.hiking-comparison-heading h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.25rem;
}
.hiking-comparison-heading p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.85rem;
}
.hiking-comparison-table-wrap{ min-width:0; overflow-x:auto; }
.hiking-comparison table{
  width:100%;
  border-collapse:collapse;
  font-size:.78rem;
  line-height:1.45;
}
.hiking-comparison th,
.hiking-comparison td{
  padding:.7rem .75rem;
  text-align:left;
  vertical-align:top;
  border-bottom:1px solid var(--fleece-beige);
}
.hiking-comparison thead th{
  color:var(--hike-green-deep);
  font-size:.625rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.hiking-comparison tbody th{ color:var(--fleece-bay); }
.hiking-comparison tbody td{ color:var(--fleece-brown); }
.hiking-comparison tbody tr:last-child th,
.hiking-comparison tbody tr:last-child td{ border-bottom:0; }

.fiber-blend-section{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--hike-green);
}
.fiber-blend-intro{
  max-width:44rem;
  margin-bottom:1.75rem;
}
.fiber-blend-intro h2{ margin:0 0 .65rem; }
.fiber-blend-intro p:last-child{ margin:0; color:var(--fleece-brown); }
.fiber-role-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  counter-reset:fiber-role;
}
.fiber-role-list section{
  position:relative;
  min-width:0;
  padding:1.25rem 1.25rem 1.25rem 3.4rem;
  background:#fff;
  border:1px solid var(--fleece-beige);
  counter-increment:fiber-role;
}
.fiber-role-list section::before{
  content:counter(fiber-role, decimal-leading-zero);
  position:absolute;
  top:1.25rem;
  left:1rem;
  color:var(--hike-green);
  font:600 .7rem/1 var(--font-body);
  letter-spacing:.06em;
}
.fiber-role-list h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.1rem;
}
.fiber-role-list p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.label-check{
  margin-top:1.25rem;
  padding:1.25rem 1.5rem;
  background:var(--hike-green-pale);
  border:1px solid #C9D5CE;
}
.label-check h3{
  margin:0 0 .65rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}
.label-check ul{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.35rem 2rem;
  margin:0;
  padding-left:1.15rem;
  color:var(--fleece-brown);
  font-size:.82rem;
}

.fit-friction-section{
  display:grid;
  grid-template-columns:minmax(16rem, .75fr) minmax(0, 1.25fr);
  gap:2rem 4rem;
  margin:0 0 4.75rem;
}
.fit-friction-copy h2{ margin:0 0 .75rem; }
.fit-friction-copy p{ color:var(--fleece-brown); }
.fit-checks{ display:grid; gap:1rem; }
.fit-checks section{
  padding:1.25rem 1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--hike-green);
}
.fit-checks section:last-child{ border-left-color:var(--hike-earth); }
.fit-checks h3{
  margin:0 0 .65rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}
.fit-checks ul{
  margin:0;
  padding-left:1.15rem;
  color:var(--fleece-brown);
  font-size:.85rem;
}
.fit-checks li + li{ margin-top:.3rem; }

.hiking-limitations{
  display:grid;
  grid-template-columns:minmax(15rem, .75fr) minmax(0, 1.25fr);
  gap:1.5rem 4rem;
  margin:0 0 4.75rem;
  padding:2rem clamp(1.5rem, 4vw, 3rem);
  background:#F2ECE6;
  border-top:1px solid #D8C9BA;
  border-bottom:1px solid #D8C9BA;
}
.hiking-limitations h2{
  margin:0;
  font-size:clamp(1.45rem, 2.5vw, 1.8rem);
}
.hiking-limitations > div:last-child p{ color:var(--fleece-brown); }
.hiking-limitations > div:last-child p:last-child{ margin-bottom:0; }

.hiking-care{
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.hiking-care-heading{
  max-width:43rem;
  margin-bottom:1.5rem;
}
.hiking-care-heading h2{ margin:0 0 .6rem; }
.hiking-care-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.hiking-care-steps{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.hiking-care-steps li{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--hike-green);
}
.hiking-care-steps li > span{
  display:block;
  margin-bottom:.7rem;
  color:var(--hike-green);
  font-size:.675rem;
  font-weight:600;
  letter-spacing:.1em;
}
.hiking-care-steps h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}
.hiking-care-steps p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.hiking-care-note{
  max-width:44rem;
  margin:1.25rem 0 0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.85rem;
  border-left:3px solid var(--hike-earth);
}

.sock-faq{
  display:grid;
  grid-template-columns:minmax(14rem, .6fr) minmax(0, 1.4fr);
  gap:2rem 4rem;
  margin:0 0 4.75rem;
}
.sock-faq-heading h2{ margin:0 0 .6rem; }
.sock-faq-list{ border-top:1px solid var(--fleece-beige); }
.sock-faq-list details{ border-bottom:1px solid var(--fleece-beige); }
.sock-faq-list summary{
  position:relative;
  padding:1rem 2.5rem 1rem 0;
  font-weight:600;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
}
.sock-faq-list summary::-webkit-details-marker{ display:none; }
.sock-faq-list summary::after{
  content:"+";
  position:absolute;
  top:.85rem;
  right:.25rem;
  color:var(--hike-green);
  font:400 1.4rem/1 var(--font-body);
}
.sock-faq-list details[open] summary::after{ content:"−"; }
.sock-faq-list summary:hover{ color:var(--hike-green-deep); }
.sock-faq-list details > div{
  max-width:39rem;
  padding:0 2.5rem 1rem 0;
  color:var(--fleece-brown);
}
.sock-faq-list details > div p{ margin:0; }

.related-sock-guides{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3rem);
  background:linear-gradient(135deg, rgba(63,105,91,.08), rgba(251,250,247,.85));
  border:1px solid var(--fleece-beige);
}
.related-sock-guides-heading{
  max-width:43rem;
  margin-bottom:1.5rem;
}
.related-sock-guides-heading h2{ margin:0 0 .6rem; }
.related-sock-guides-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.related-sock-guides ul{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
  margin:0;
  padding:0;
  list-style:none;
}
.related-sock-guides a{
  display:block;
  height:100%;
  padding:1rem 1.15rem;
  color:inherit;
  text-decoration:none;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--hike-green);
  transition:transform .2s var(--ease), border-color .2s var(--ease), box-shadow .2s var(--ease);
}
.related-sock-guides a:hover{
  color:inherit;
  border-color:var(--hike-green);
  box-shadow:var(--shadow-sm);
  transform:translateX(2px);
}
.related-sock-guides a span,
.related-sock-guides a strong{ display:block; }
.related-sock-guides a span{
  margin-bottom:.2rem;
  color:var(--fleece-silver);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.related-sock-guides a strong{
  font-family:var(--font-display);
  font-size:1.08rem;
  font-weight:600;
}
.hiking-closing{ padding-top:1.75rem; border-top:1px solid var(--fleece-beige); }


/* Boot sock guide
   ========================================================================== */
.sock-guide--boot{
  --boot-brown:#785A43;
  --boot-brown-deep:#5B402F;
  --boot-tan:#EDE4DA;
  --boot-olive:#66705B;
  --boot-slate:#52646B;
  --hike-green:var(--boot-brown);
  --hike-green-deep:var(--boot-brown-deep);
}
.boot-guide-head{ max-width:48rem; }
.boot-guide-hero img{ object-position:center 55%; }

.boot-opening{
  display:grid;
  grid-template-columns:minmax(15rem, .68fr) minmax(0, 1.12fr);
  gap:1.5rem 4.5rem;
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.boot-opening-title h2{
  margin:0;
  font-size:clamp(1.6rem, 3vw, 2rem);
}
.boot-opening-copy p{ color:var(--fleece-brown); }
.boot-opening-copy p:last-child{ margin-bottom:0; }
.boot-priorities{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  margin:1rem 0 0;
  background:var(--fleece-beige);
  border:1px solid var(--fleece-beige);
}
.boot-priorities div{
  min-width:0;
  padding:1rem 1.1rem;
  background:var(--fleece-card);
}
.boot-priorities dt{
  margin-bottom:.2rem;
  color:var(--boot-brown);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.boot-priorities dd{
  margin:0;
  color:var(--fleece-bay);
  font-size:.8rem;
  font-weight:600;
  line-height:1.4;
}

.boot-type-guide{
  display:grid;
  grid-template-columns:minmax(18rem, .85fr) minmax(0, 1.15fr);
  gap:1.5rem 3rem;
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:linear-gradient(135deg, var(--boot-tan), rgba(251,250,247,.94));
  border:1px solid #D9C9B8;
  border-top:4px solid var(--boot-brown);
}
.boot-type-heading{
  grid-column:1 / -1;
  max-width:45rem;
}
.boot-type-heading h2{
  margin:0 0 .65rem;
  font-size:clamp(1.65rem, 3vw, 2rem);
}
.boot-type-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.boot-type-image{ margin:0; }
.boot-type-image img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  border:1px solid #D9C9B8;
}
.boot-type-accordion{ border-top:1px solid #CDBBA8; }
.boot-type-accordion details{ border-bottom:1px solid #CDBBA8; }
.boot-type-accordion summary{
  position:relative;
  padding:1rem 2.5rem 1rem 0;
  cursor:pointer;
  list-style:none;
}
.boot-type-accordion summary::-webkit-details-marker{ display:none; }
.boot-type-accordion summary::after{
  content:"+";
  position:absolute;
  top:1.08rem;
  right:.25rem;
  color:var(--boot-brown);
  font:400 1.4rem/1 var(--font-body);
}
.boot-type-accordion details[open] summary::after{ content:"−"; }
.boot-type-accordion summary span,
.boot-type-accordion summary small{ display:block; }
.boot-type-accordion summary span{
  font-family:var(--font-display);
  font-size:1.15rem;
  font-weight:600;
  line-height:1.3;
}
.boot-type-accordion summary small{
  margin-top:.15rem;
  color:var(--fleece-silver);
  font-size:.7rem;
}
.boot-type-accordion summary:hover span{ color:var(--boot-brown-deep); }
.boot-type-content{ padding:0 0 1.25rem; }
.boot-type-content > p{
  margin-bottom:1rem;
  color:var(--fleece-brown);
  font-size:.84rem;
}
.boot-type-content dl{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.5rem;
  margin:0;
}
.boot-type-content dl div{
  min-width:0;
  padding:.65rem .75rem;
  background:rgba(251,250,247,.88);
  border:1px solid rgba(205,187,168,.75);
}
.boot-type-content dt{
  color:var(--fleece-silver);
  font-size:.575rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.boot-type-content dd{
  margin:.12rem 0 0;
  font-size:.74rem;
  font-weight:600;
  line-height:1.35;
}

.boot-fit-section{
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.boot-fit-heading{
  max-width:43rem;
  margin-bottom:1.5rem;
}
.boot-fit-heading h2{ margin:0 0 .6rem; }
.boot-fit-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.boot-fit-image{ margin:0 0 1.25rem; }
.boot-fit-image img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.boot-fit-cases{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.boot-fit-case{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--boot-signal, var(--boot-brown));
}
.boot-fit-case--correct{ --boot-signal:var(--boot-olive); }
.boot-fit-case--thick{ --boot-signal:var(--boot-brown); }
.boot-fit-case--loose{ --boot-signal:var(--boot-slate); }
.boot-fit-label{
  margin:0 0 .25rem;
  color:var(--boot-signal);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.boot-fit-case h3{
  margin:0 0 .65rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}
.boot-fit-case ul{
  margin:0;
  padding-left:1.1rem;
  color:var(--fleece-brown);
  font-size:.8rem;
}
.boot-fit-case li + li{ margin-top:.28rem; }

.safety-boot-section{
  display:grid;
  grid-template-columns:minmax(14rem, .62fr) minmax(0, 1fr) minmax(15rem, .8fr);
  gap:1.5rem 2.5rem;
  margin:0 0 4.75rem;
  padding:2rem clamp(1.5rem, 4vw, 2.75rem);
  background:#ECEFF0;
  border:1px solid #CED5D7;
  border-left:4px solid var(--boot-slate);
}
.safety-boot-heading h2{ margin:0; }
.safety-boot-copy p{ color:var(--fleece-brown); }
.safety-boot-copy p:last-child{ margin-bottom:0; }
.safety-boot-check{
  padding:1.1rem 1.25rem;
  background:rgba(251,250,247,.8);
  border:1px solid #CED5D7;
}
.safety-boot-check h3{
  margin:0 0 .6rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.safety-boot-check ul{
  margin:0;
  padding-left:1.1rem;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.safety-boot-check li + li{ margin-top:.28rem; }

.boot-construction{
  margin:0 0 4.75rem;
}
.boot-construction-intro{
  max-width:44rem;
  margin-bottom:1.5rem;
}
.boot-construction-intro h2{ margin:0 0 .65rem; }
.boot-construction-intro p:last-child{ margin:0; color:var(--fleece-brown); }
.boot-construction-parts{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  background:var(--fleece-beige);
  border:1px solid var(--fleece-beige);
}
.boot-construction-parts section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
}
.boot-construction-parts span{
  display:block;
  margin-bottom:.7rem;
  color:var(--boot-brown);
  font-size:.675rem;
  font-weight:600;
  letter-spacing:.09em;
}
.boot-construction-parts h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.08rem;
  line-height:1.3;
}
.boot-construction-parts p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.boot-fiber-promo{ --thread:var(--boot-brown); }

.standing-walking{
  display:grid;
  grid-template-columns:minmax(15rem, .65fr) minmax(0, 1.35fr);
  gap:2rem 4rem;
  margin:0 0 4.75rem;
}
.standing-walking-heading h2{ margin:0 0 .65rem; }
.standing-walking-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.standing-walking-columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.standing-walking-columns section{
  padding:1.4rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--boot-brown);
}
.standing-walking-columns section:last-child{ border-top-color:var(--boot-olive); }
.standing-walking-columns h3{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:1.18rem;
}
.standing-walking-columns p,
.standing-walking-columns ul{
  color:var(--fleece-brown);
  font-size:.82rem;
}
.standing-walking-columns ul{ margin:.75rem 0 0; padding-left:1.1rem; }

.boot-height-section{
  display:grid;
  grid-template-columns:minmax(15rem, .68fr) minmax(0, 1.32fr);
  gap:1.5rem 4rem;
  margin:0 0 4.75rem;
  padding:2rem clamp(1.5rem, 4vw, 3rem);
  background:var(--boot-tan);
  border-top:1px solid #D9C9B8;
  border-bottom:1px solid #D9C9B8;
}
.boot-height-section h2{ margin:0; }
.boot-height-section > div:last-child p{ color:var(--fleece-brown); }
.boot-height-section > div:last-child p:last-child{ margin-bottom:0; }

.sock-layering{
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.sock-layering-heading,
.sock-layering-answer{ max-width:44rem; }
.sock-layering-heading h2{ margin:0 0 .6rem; }
.sock-layering-answer p{ color:var(--fleece-brown); }
.sock-layering-options{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  margin-top:1.5rem;
}
.sock-layering-options section{
  padding:1.35rem 1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--boot-olive);
}
.sock-layering-options section:last-child{ border-left-color:var(--boot-brown); }
.sock-layering-options h3{
  margin:0 0 .65rem;
  font-family:var(--font-display);
  font-size:1.12rem;
}
.sock-layering-options ul{
  margin:0;
  padding-left:1.1rem;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.sock-layering-options li + li{ margin-top:.28rem; }

.boot-care{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3rem);
  background:linear-gradient(135deg, rgba(120,90,67,.1), rgba(251,250,247,.85));
  border:1px solid #D9C9B8;
}
.boot-care-heading{
  max-width:44rem;
  margin-bottom:1.5rem;
}
.boot-care-heading h2{ margin:0 0 .6rem; }
.boot-care-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.boot-care-routine{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.boot-care-routine section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
}
.boot-care-routine h3{
  margin:0 0 .45rem;
  color:var(--boot-brown-deep);
  font-family:var(--font-display);
  font-size:1.1rem;
}
.boot-care-routine p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.8rem;
}
.boot-care-context{
  max-width:46rem;
  margin:1.25rem 0 0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.84rem;
  border-left:3px solid var(--boot-brown);
}
.boot-faq .sock-faq-list summary::after{ color:var(--boot-brown); }
.boot-related-guides{
  background:linear-gradient(135deg, rgba(120,90,67,.1), rgba(251,250,247,.88));
}
.boot-related-guides a{ border-left-color:var(--boot-brown); }
.boot-related-guides a:hover{ border-color:var(--boot-brown); }
.boot-closing{ padding-top:1.75rem; border-top:1px solid var(--fleece-beige); }


/* Winter sock guide
   ========================================================================== */
.sock-guide--winter{
  --winter-blue:#466C7B;
  --winter-blue-deep:#31515E;
  --winter-blue-pale:#E8F0F3;
  --winter-ice:#F4F7F7;
  --winter-evergreen:#536B63;
  --winter-earth:#796552;
  --hike-green:var(--winter-blue);
  --hike-green-deep:var(--winter-blue-deep);
}
.winter-guide-head{ max-width:48rem; }
.winter-guide-hero img{ object-position:center 58%; }

.winter-system{
  display:grid;
  grid-template-columns:minmax(15rem, .68fr) minmax(0, 1.12fr);
  gap:1.5rem 4.5rem;
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.winter-system-heading h2{
  margin:0 0 .65rem;
  font-size:clamp(1.6rem, 3vw, 2rem);
}
.winter-system-heading p:last-child,
.winter-system-copy p{ color:var(--fleece-brown); }
.winter-system-copy p:last-child{ margin-bottom:0; }
.winter-system-factors{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  margin:1rem 0 0;
  background:#C9D8DE;
  border:1px solid #C9D8DE;
}
.winter-system-factors div{
  min-width:0;
  padding:1rem 1.1rem;
  background:var(--winter-ice);
}
.winter-system-factors dt{
  margin-bottom:.2rem;
  color:var(--winter-blue);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.winter-system-factors dd{
  margin:0;
  color:var(--fleece-bay);
  font-size:.8rem;
  font-weight:600;
  line-height:1.4;
}

.winter-activity{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:linear-gradient(140deg, var(--winter-blue-pale), rgba(251,250,247,.94));
  border:1px solid #C9D8DE;
  border-top:4px solid var(--winter-blue);
}
.winter-activity-heading{
  max-width:45rem;
  margin-bottom:1.5rem;
}
.winter-activity-heading h2{
  margin:0 0 .65rem;
  font-size:clamp(1.65rem, 3vw, 2rem);
}
.winter-activity-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.winter-activity-image{ margin:0 0 1.25rem; }
.winter-activity-image img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  border:1px solid #C9D8DE;
}
.winter-activity-levels{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.winter-activity-levels > section{
  min-width:0;
  padding:1.25rem;
  background:rgba(251,250,247,.9);
  border:1px solid #C9D8DE;
  border-top:3px solid var(--winter-tone, var(--winter-blue));
}
.winter-activity-levels > section:nth-child(2){ --winter-tone:var(--winter-evergreen); }
.winter-activity-levels > section:nth-child(3){ --winter-tone:var(--winter-earth); }
.winter-activity-levels > section > span{
  display:block;
  margin-bottom:.25rem;
  color:var(--winter-tone, var(--winter-blue));
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.winter-activity-levels h3{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}
.winter-activity-levels p{
  color:var(--fleece-brown);
  font-size:.8rem;
}
.winter-activity-levels dl{
  display:grid;
  gap:.4rem;
  margin:.9rem 0 0;
  padding-top:.8rem;
  border-top:1px solid var(--fleece-beige);
}
.winter-activity-levels dl div{
  display:grid;
  grid-template-columns:minmax(5.5rem, .65fr) minmax(0, 1.35fr);
  gap:.5rem;
}
.winter-activity-levels dt{
  color:var(--fleece-silver);
  font-size:.59rem;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.winter-activity-levels dd{
  margin:0;
  font-size:.7rem;
  font-weight:600;
  line-height:1.35;
}

.winter-conditions{
  display:grid;
  grid-template-columns:minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap:1.5rem 4rem;
  margin:0 0 4.75rem;
}
.winter-conditions-heading h2{ margin:0; }
.winter-condition-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.winter-condition-grid section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--winter-blue);
}
.winter-condition-grid section:nth-child(2){ border-left-color:var(--winter-evergreen); }
.winter-condition-grid section:nth-child(3){ border-left-color:var(--winter-earth); }
.winter-condition-grid section:nth-child(4){ border-left-color:#68717B; }
.winter-condition-grid h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.winter-condition-grid p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.8rem;
}
.winter-conditions-note{
  grid-column:2;
  margin:.25rem 0 0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.84rem;
  border-left:3px solid var(--winter-blue);
}

.winter-footwear{
  margin:0 0 4.75rem;
  padding:2rem clamp(1.5rem, 4vw, 3rem);
  background:var(--winter-ice);
  border-top:1px solid #C9D8DE;
  border-bottom:1px solid #C9D8DE;
}
.winter-footwear-heading{
  max-width:44rem;
  margin-bottom:1.5rem;
}
.winter-footwear-heading h2{ margin:0 0 .65rem; }
.winter-footwear-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.winter-footwear-comparison{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1px;
  background:#C9D8DE;
  border:1px solid #C9D8DE;
}
.winter-footwear-comparison section{
  min-width:0;
  padding:1.35rem;
  background:var(--fleece-card);
}
.winter-footwear-comparison h3{
  margin:0 0 .45rem;
  font-family:var(--font-display);
  font-size:1.12rem;
}
.winter-footwear-comparison p{
  color:var(--fleece-brown);
  font-size:.8rem;
}
.winter-footwear-comparison strong,
.winter-footwear-comparison span{ display:block; }
.winter-footwear-comparison strong{
  color:var(--winter-blue);
  font-size:.59rem;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.winter-footwear-comparison span{
  margin-top:.12rem;
  font-size:.75rem;
  font-weight:600;
}
.winter-footwear-link{
  max-width:46rem;
  margin:1.25rem 0 0;
  color:var(--fleece-brown);
  font-size:.84rem;
}

.winter-moisture{
  display:grid;
  grid-template-columns:minmax(0, .85fr) minmax(20rem, 1.15fr);
  align-items:center;
  gap:2rem 4rem;
  margin:0 0 1.25rem;
}
.winter-moisture-copy h2{ margin:0 0 .75rem; }
.winter-moisture-copy p{ color:var(--fleece-brown); }
.winter-moisture figure{ margin:0; }
.winter-moisture img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.winter-dry-routine{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  margin:0 0 4.75rem;
}
.winter-dry-routine section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--winter-blue);
}
.winter-dry-routine section:nth-child(2){ border-top-color:var(--winter-evergreen); }
.winter-dry-routine section:nth-child(3){ border-top-color:var(--winter-earth); }
.winter-dry-routine span{
  display:block;
  margin-bottom:.3rem;
  color:var(--winter-blue);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.winter-dry-routine h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.winter-dry-routine p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}

.winter-thermal-distinction{
  display:grid;
  grid-template-columns:minmax(14rem, .55fr) minmax(0, 1.45fr);
  gap:1.5rem 3rem;
  margin:0 0 4.75rem;
  padding:clamp(2rem, 4vw, 2.75rem);
  background:linear-gradient(135deg, #E6EEF1, #F2EAE2);
  border:1px solid #CDD8DC;
}
.winter-thermal-heading h2{ margin:0; }
.winter-thermal-columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.winter-thermal-columns section{
  min-width:0;
  padding:1.3rem;
  background:rgba(251,250,247,.86);
  border:1px solid rgba(190,202,207,.9);
}
.winter-thermal-columns section:last-child{ border-color:#D5C5B6; }
.winter-thermal-label{
  margin:0 0 .25rem;
  color:var(--winter-blue);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.winter-thermal-columns section:last-child .winter-thermal-label{ color:var(--winter-earth); }
.winter-thermal-columns h3{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:1.12rem;
}
.winter-thermal-columns p:not(.winter-thermal-label){
  color:var(--fleece-brown);
  font-size:.8rem;
}
.winter-thermal-columns a{ font-size:.78rem; font-weight:600; }

.winter-fiber{
  margin:0 0 4.75rem;
}
.winter-fiber-heading{
  max-width:44rem;
  margin-bottom:1.5rem;
}
.winter-fiber-heading h2{ margin:0 0 .65rem; }
.winter-fiber-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.winter-fiber-checks{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  background:var(--fleece-beige);
  border:1px solid var(--fleece-beige);
}
.winter-fiber-checks section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
}
.winter-fiber-checks h3{
  margin:0 0 .4rem;
  color:var(--winter-blue-deep);
  font-family:var(--font-display);
  font-size:1.05rem;
}
.winter-fiber-checks p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.winter-fiber-context{
  max-width:47rem;
  margin:1.25rem 0 0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.84rem;
  border-left:3px solid var(--winter-blue);
}

.winter-care{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3rem);
  background:linear-gradient(140deg, var(--winter-blue-pale), rgba(251,250,247,.9));
  border:1px solid #C9D8DE;
}
.winter-care-heading{ margin-bottom:1.5rem; }
.winter-care-heading h2{ margin:0; }
.winter-care-steps{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.winter-care-steps li{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid #C9D8DE;
}
.winter-care-steps li > span{
  display:block;
  margin-bottom:.65rem;
  color:var(--winter-blue);
  font-size:.675rem;
  font-weight:600;
  letter-spacing:.09em;
}
.winter-care-steps h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}
.winter-care-steps p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.winter-faq .sock-faq-list summary::after{ color:var(--winter-blue); }
.winter-related-guides{
  background:linear-gradient(135deg, rgba(70,108,123,.1), rgba(251,250,247,.88));
}
.winter-related-guides a{ border-left-color:var(--winter-blue); }
.winter-related-guides a:hover{ border-color:var(--winter-blue); }
.winter-closing{ padding-top:1.75rem; border-top:1px solid var(--fleece-beige); }


/* Thermal sock guide
   ========================================================================== */
.sock-guide--thermal{
  --thermal-amber:#8A593C;
  --thermal-amber-deep:#68412B;
  --thermal-amber-pale:#F2E8DF;
  --thermal-charcoal:#4B4A47;
  --thermal-olive:#697060;
  --thermal-cream:#FBF7F1;
  --hike-green:var(--thermal-amber);
  --hike-green-deep:var(--thermal-amber-deep);
}
.thermal-guide-head{ max-width:48rem; }
.thermal-guide-hero img{ object-position:center 55%; }

.thermal-opening{
  display:grid;
  grid-template-columns:minmax(15rem, .66fr) minmax(0, 1.14fr);
  gap:1.5rem 4.5rem;
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.thermal-opening-heading h2{
  margin:0;
  font-size:clamp(1.6rem, 3vw, 2rem);
}
.thermal-opening-copy p{ color:var(--fleece-brown); }
.thermal-opening-copy p:last-child{ margin-bottom:0; }
.thermal-principles{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  margin-top:1rem;
  background:#DAC6B7;
  border:1px solid #DAC6B7;
}
.thermal-principles section{
  min-width:0;
  padding:1.2rem;
  background:var(--thermal-cream);
}
.thermal-principles span{
  display:block;
  margin-bottom:.55rem;
  color:var(--thermal-amber);
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.09em;
}
.thermal-principles h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.thermal-principles p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}

.thermal-construction{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:linear-gradient(140deg, var(--thermal-amber-pale), rgba(251,250,247,.94));
  border:1px solid #DAC6B7;
  border-top:4px solid var(--thermal-amber);
}
.thermal-construction-heading{
  max-width:45rem;
  margin-bottom:1.5rem;
}
.thermal-construction-heading h2{
  margin:0 0 .65rem;
  font-size:clamp(1.65rem, 3vw, 2rem);
}
.thermal-construction-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.thermal-construction-image{ margin:0 0 1.25rem; }
.thermal-construction-image img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  border:1px solid #DAC6B7;
}
.thermal-anatomy{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
}
.thermal-anatomy section{
  min-width:0;
  padding:1.2rem;
  background:rgba(251,250,247,.9);
  border:1px solid #DAC6B7;
  border-top:3px solid var(--thermal-tone, var(--thermal-amber));
}
.thermal-anatomy section:nth-child(2){ --thermal-tone:var(--thermal-charcoal); }
.thermal-anatomy section:nth-child(3){ --thermal-tone:var(--thermal-olive); }
.thermal-anatomy section:nth-child(4){ --thermal-tone:#6E5B4E; }
.thermal-anatomy h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}
.thermal-anatomy p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.77rem;
}

.thermal-loft{
  display:grid;
  grid-template-columns:minmax(0, .82fr) minmax(20rem, 1.18fr);
  align-items:center;
  gap:2rem 4rem;
  margin:0 0 1.25rem;
}
.thermal-loft-copy h2{ margin:0 0 .75rem; }
.thermal-loft-copy p{ color:var(--fleece-brown); }
.thermal-loft figure{ margin:0; }
.thermal-loft img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.thermal-fit-signals{
  display:grid;
  grid-template-columns:minmax(13rem, .5fr) minmax(0, 1.5fr);
  gap:1.5rem 2.5rem;
  margin:0 0 4.75rem;
  padding:1.5rem;
  background:var(--thermal-cream);
  border:1px solid #DAC6B7;
  border-left:4px solid var(--thermal-amber);
}
.thermal-fit-heading h3{
  margin:0;
  font-family:var(--font-display);
  font-size:1.22rem;
  line-height:1.35;
}
.thermal-fit-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
}
.thermal-fit-list section{
  min-width:0;
  padding:.85rem 1rem;
  background:#fff;
  border:1px solid var(--fleece-beige);
}
.thermal-fit-list strong,
.thermal-fit-list span{ display:block; }
.thermal-fit-list strong{
  margin-bottom:.18rem;
  color:var(--thermal-amber-deep);
  font-size:.72rem;
}
.thermal-fit-list span{
  color:var(--fleece-brown);
  font-size:.75rem;
  line-height:1.45;
}

.thermal-cushioning{
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.thermal-cushioning-heading{
  max-width:43rem;
  margin-bottom:1.5rem;
}
.thermal-cushioning-heading h2{ margin:0; }
.thermal-cushioning-options{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.thermal-cushioning-options section{
  min-width:0;
  padding:1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:4px solid var(--thermal-amber);
}
.thermal-cushioning-options section:last-child{ border-top-color:var(--thermal-charcoal); }
.thermal-option-label{
  margin:0 0 .25rem;
  color:var(--thermal-amber);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.thermal-cushioning-options section:last-child .thermal-option-label{ color:var(--thermal-charcoal); }
.thermal-cushioning-options h3{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:1.18rem;
}
.thermal-cushioning-options > section > p:not(.thermal-option-label){
  color:var(--fleece-brown);
  font-size:.82rem;
}
.thermal-cushioning-options dl{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.6rem;
  margin:1rem 0 0;
  padding-top:1rem;
  border-top:1px solid var(--fleece-beige);
}
.thermal-cushioning-options dl div{ min-width:0; }
.thermal-cushioning-options dt{
  color:var(--fleece-silver);
  font-size:.59rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.thermal-cushioning-options dd{
  margin:.15rem 0 0;
  font-size:.73rem;
  font-weight:600;
  line-height:1.4;
}
.thermal-cushioning-note{
  max-width:48rem;
  margin:1.25rem 0 0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.84rem;
  border-left:3px solid var(--thermal-amber);
}

.thermal-fibers{
  display:grid;
  grid-template-columns:minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap:1.5rem 4rem;
  margin:0 0 4.75rem;
}
.thermal-fibers-heading h2{ margin:0 0 .65rem; }
.thermal-fibers-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.thermal-fiber-map{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.thermal-fiber-map section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--thermal-amber);
}
.thermal-fiber-map section:nth-child(2){ border-left-color:var(--thermal-charcoal); }
.thermal-fiber-map section:nth-child(3){ border-left-color:var(--thermal-olive); }
.thermal-fiber-map section:nth-child(4){ border-left-color:#6E5B4E; }
.thermal-fiber-map span{
  display:block;
  margin-bottom:.2rem;
  color:var(--fleece-silver);
  font-size:.59rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.thermal-fiber-map h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.thermal-fiber-map p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.thermal-fiber-context{
  grid-column:2;
  margin:.25rem 0 0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.84rem;
  border-left:3px solid var(--thermal-amber);
}

.thermal-labels{
  display:grid;
  grid-template-columns:minmax(15rem, .65fr) minmax(0, 1.35fr);
  gap:2rem 4rem;
  margin:0 0 4.75rem;
  padding:clamp(2rem, 4vw, 2.75rem);
  background:linear-gradient(135deg, var(--thermal-amber-pale), rgba(251,250,247,.92));
  border:1px solid #DAC6B7;
}
.thermal-labels-heading h2{ margin:0 0 .65rem; }
.thermal-labels-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.thermal-label-accordion{ border-top:1px solid #CDB7A6; }
.thermal-label-accordion details{ border-bottom:1px solid #CDB7A6; }
.thermal-label-accordion summary{
  position:relative;
  padding:1rem 2.5rem 1rem 0;
  cursor:pointer;
  list-style:none;
}
.thermal-label-accordion summary::-webkit-details-marker{ display:none; }
.thermal-label-accordion summary::after{
  content:"+";
  position:absolute;
  top:1rem;
  right:.25rem;
  color:var(--thermal-amber);
  font:400 1.4rem/1 var(--font-body);
}
.thermal-label-accordion details[open] summary::after{ content:"−"; }
.thermal-label-accordion summary span,
.thermal-label-accordion summary small{ display:block; }
.thermal-label-accordion summary span{
  font-family:var(--font-display);
  font-size:1.12rem;
  font-weight:600;
}
.thermal-label-accordion summary small{
  margin-top:.12rem;
  color:var(--fleece-silver);
  font-size:.68rem;
}
.thermal-label-accordion details > div{
  padding:0 2.5rem 1rem 0;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.thermal-label-accordion details > div p{ margin:0; }
.thermal-label-context{
  grid-column:2;
  margin:0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.82rem;
  border-left:3px solid var(--thermal-amber);
}

.thermal-use{
  margin:0 0 4.75rem;
}
.thermal-use-heading{
  max-width:44rem;
  margin-bottom:1.5rem;
}
.thermal-use-heading h2{ margin:0; }
.thermal-use-columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
}
.thermal-use-columns section{
  padding:1.4rem 1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--thermal-olive);
}
.thermal-use-columns section:last-child{ border-left-color:var(--thermal-amber); }
.thermal-use-columns h3{
  margin:0 0 .65rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}
.thermal-use-columns ul{
  margin:0;
  padding-left:1.1rem;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.thermal-use-columns li + li{ margin-top:.3rem; }
.thermal-use-context{
  max-width:46rem;
  margin:1.25rem 0 0;
  color:var(--fleece-brown);
  font-size:.84rem;
}

.thermal-care{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3rem);
  background:linear-gradient(140deg, rgba(138,89,60,.11), rgba(251,250,247,.9));
  border:1px solid #DAC6B7;
}
.thermal-care-heading{
  max-width:44rem;
  margin-bottom:1.5rem;
}
.thermal-care-heading h2{ margin:0 0 .6rem; }
.thermal-care-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.thermal-care-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1rem;
}
.thermal-care-grid section{
  min-width:0;
  padding:1.25rem;
  background:var(--fleece-card);
  border:1px solid #DAC6B7;
}
.thermal-care-grid span{
  display:block;
  margin-bottom:.65rem;
  color:var(--thermal-amber);
  font-size:.675rem;
  font-weight:600;
  letter-spacing:.09em;
}
.thermal-care-grid h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}
.thermal-care-grid p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}
.thermal-faq .sock-faq-list summary::after{ color:var(--thermal-amber); }
.thermal-related-guides{
  background:linear-gradient(135deg, rgba(138,89,60,.11), rgba(251,250,247,.88));
}
.thermal-related-guides a{ border-left-color:var(--thermal-amber); }
.thermal-related-guides a:hover{ border-color:var(--thermal-amber); }
.thermal-closing{ padding-top:1.75rem; border-top:1px solid var(--fleece-beige); }


/* Compression sock guide
   ========================================================================== */
.sock-guide--compression{
  --compression-plum:#704C63;
  --compression-plum-deep:#4E3042;
  --compression-plum-pale:#F2E9EF;
  --compression-blue:#456C78;
  --compression-blue-deep:#31515B;
  --compression-blue-pale:#E8F0F2;
  --compression-ink:#37363A;
  --hike-green:var(--compression-plum);
  --hike-green-deep:var(--compression-plum-deep);
}
.compression-guide-head{ max-width:51rem; }
.compression-guide-hero img{ object-position:center 58%; }
.compression-jump-links a:nth-child(odd){ border-color:rgba(112,76,99,.34); }

.compression-opening{
  display:grid;
  grid-template-columns:minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap:1.5rem 4.5rem;
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.compression-opening-heading h2{
  margin:0;
  font-size:clamp(1.65rem, 3vw, 2.05rem);
}
.compression-opening-copy p{ color:var(--fleece-brown); }
.compression-opening-copy p:last-child{ margin-bottom:0; }
.compression-distinction{
  display:grid;
  grid-column:1 / -1;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  margin-top:1rem;
}
.compression-distinction section{
  min-width:0;
  padding:1.6rem;
  background:linear-gradient(140deg, var(--compression-plum-pale), #FBF8FA);
  border:1px solid #D8C4D1;
  border-top:4px solid var(--compression-plum);
}
.compression-distinction section:last-child{
  background:linear-gradient(140deg, var(--compression-blue-pale), #F8FBFC);
  border-color:#C7D7DC;
  border-top-color:var(--compression-blue);
}
.compression-distinction-label{
  display:block;
  margin-bottom:.45rem;
  color:var(--compression-plum);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.compression-distinction section:last-child .compression-distinction-label{ color:var(--compression-blue-deep); }
.compression-distinction h3{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:1.25rem;
}
.compression-distinction p{
  margin:0 0 .8rem;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.compression-distinction ul{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin:0;
  padding:0;
  list-style:none;
}
.compression-distinction li{
  padding:.3rem .55rem;
  color:var(--compression-plum-deep);
  font-size:.67rem;
  font-weight:600;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(112,76,99,.22);
}
.compression-distinction section:last-child li{
  color:var(--compression-blue-deep);
  border-color:rgba(69,108,120,.22);
}

.compression-pressure{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:#FCFAFB;
  border:1px solid #D8C4D1;
  box-shadow:inset .35rem 0 0 var(--compression-plum);
}
.compression-pressure-heading{
  max-width:48rem;
  margin-bottom:1.5rem;
}
.compression-pressure-heading h2{ margin:0 0 .65rem; }
.compression-pressure-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.compression-levels{ border-top:1px solid #D8C4D1; }
.compression-levels details{ border-bottom:1px solid #D8C4D1; }
.compression-levels summary{
  position:relative;
  display:grid;
  grid-template-columns:minmax(10rem, .45fr) minmax(0, 1fr);
  align-items:center;
  gap:1rem;
  padding:1rem 3rem 1rem 1rem;
  cursor:pointer;
  list-style:none;
  transition:background .2s var(--ease);
}
.compression-levels summary::-webkit-details-marker{ display:none; }
.compression-levels summary:hover,
.compression-levels summary:focus-visible{ background:var(--compression-plum-pale); }
.compression-levels summary:focus-visible{ outline:2px solid var(--compression-plum); outline-offset:-2px; }
.compression-levels summary::before{
  content:"";
  position:absolute;
  bottom:-1px;
  left:0;
  width:var(--compression-width, 24%);
  height:3px;
  background:var(--compression-plum);
}
.compression-levels details:nth-child(2){ --compression-width:46%; }
.compression-levels details:nth-child(3){ --compression-width:69%; }
.compression-levels details:nth-child(4){ --compression-width:100%; }
.compression-levels summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:1rem;
  color:var(--compression-plum);
  font:400 1.4rem/1 var(--font-body);
  transform:translateY(-50%);
}
.compression-levels details[open] summary::after{ content:"−"; }
.compression-level-number{
  color:var(--compression-plum-deep);
  font-size:.72rem;
  font-weight:600;
  letter-spacing:.025em;
}
.compression-level-name{
  font-family:var(--font-display);
  font-size:1.12rem;
  font-weight:600;
}
.compression-levels details > div{
  max-width:46rem;
  padding:0 3rem 1.2rem calc(45% + 1rem);
  color:var(--fleece-brown);
  font-size:.82rem;
}
.compression-levels details > div p{ margin:0; }
.compression-pressure-note{
  margin:1.25rem 0 0;
  padding:.9rem 1rem;
  color:var(--fleece-brown);
  font-size:.78rem;
  background:var(--compression-plum-pale);
}

.compression-construction{
  display:grid;
  grid-template-columns:minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap:1.5rem 4rem;
  margin:0 0 4.75rem;
}
.compression-construction-heading h2{ margin:0 0 .65rem; }
.compression-construction-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.compression-zone-map{
  position:relative;
  display:grid;
  gap:.75rem;
  padding-left:1.25rem;
}
.compression-zone-map::before{
  content:"";
  position:absolute;
  top:1.25rem;
  bottom:1.25rem;
  left:.2rem;
  width:4px;
  background:linear-gradient(to bottom, #BFA6B6 0%, var(--compression-plum) 55%, var(--compression-plum-deep) 100%);
}
.compression-zone{
  position:relative;
  display:grid;
  grid-template-columns:2.2rem minmax(0, 1fr);
  gap:1rem;
  min-width:0;
  padding:1rem 1.15rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
}
.compression-zone::before{
  content:"";
  position:absolute;
  top:50%;
  left:-1.25rem;
  width:1.25rem;
  height:1px;
  background:#BFA6B6;
}
.compression-zone > span{
  display:grid;
  width:2.2rem;
  height:2.2rem;
  place-items:center;
  color:#fff;
  font-size:.65rem;
  font-weight:600;
  background:var(--compression-zone, #9A788D);
  border-radius:50%;
}
.compression-zone--calf{ --compression-zone:#846277; }
.compression-zone--ankle{ --compression-zone:var(--compression-plum-deep); }
.compression-zone--foot{ --compression-zone:var(--compression-blue); }
.compression-zone h3{
  margin:0 0 .25rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.compression-zone p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.78rem;
}

.compression-fit{
  display:grid;
  grid-template-columns:minmax(0, .82fr) minmax(20rem, 1.18fr);
  gap:2rem 4rem;
  margin:0 0 4.75rem;
  align-items:center;
}
.compression-fit-copy h2{ margin:0 0 .75rem; }
.compression-fit-copy p{ color:var(--fleece-brown); }
.compression-fit figure{ margin:0; }
.compression-fit figure img{
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.compression-fit-checklist{
  grid-column:1 / -1;
  margin:0;
  padding:clamp(1.5rem, 4vw, 2.25rem);
  background:linear-gradient(135deg, var(--compression-blue-pale), #F9FBFC);
  border:1px solid #C7D7DC;
}
.compression-fit-checklist legend{
  padding:0 .5rem;
  color:var(--compression-blue-deep);
  font-family:var(--font-display);
  font-size:1.35rem;
  font-weight:600;
}
.compression-fit-checklist > p{
  margin:.15rem 0 1.25rem;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.compression-fit-items{
  display:grid;
  grid-template-columns:1.4rem minmax(0, 1fr) 1.4rem minmax(0, 1fr);
  gap:1rem .75rem;
}
.compression-fit-items input{
  appearance:none;
  width:1.4rem;
  height:1.4rem;
  margin:.1rem 0 0;
  background:#fff;
  border:2px solid var(--compression-blue);
  border-radius:3px;
  cursor:pointer;
}
.compression-fit-items input:checked{
  background-color:var(--compression-blue);
  background-image:linear-gradient(45deg, transparent 45%, #fff 45%, #fff 56%, transparent 56%), linear-gradient(-45deg, transparent 43%, #fff 43%, #fff 54%, transparent 54%);
  background-position:3px 7px, 7px 4px;
  background-size:7px 4px, 8px 7px;
  background-repeat:no-repeat;
}
.compression-fit-items input:focus-visible{ outline:3px solid rgba(69,108,120,.3); outline-offset:3px; }
.compression-fit-items label{
  min-width:0;
  cursor:pointer;
}
.compression-fit-items strong,
.compression-fit-items label span{ display:block; }
.compression-fit-items strong{
  margin-bottom:.2rem;
  font-size:.78rem;
}
.compression-fit-items label span{
  color:var(--fleece-brown);
  font-size:.72rem;
  line-height:1.45;
}
.compression-fit-checklist .compression-fit-result{
  margin:1.25rem 0 0;
  padding-top:1rem;
  border-top:1px solid #C7D7DC;
}

.compression-fibers{
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--fleece-beige);
}
.compression-fibers-heading{
  max-width:48rem;
  margin-bottom:1.5rem;
}
.compression-fibers-heading h2{ margin:0 0 .65rem; }
.compression-fibers-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.compression-fiber-roles{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  background:#D8C4D1;
  border:1px solid #D8C4D1;
}
.compression-fiber-roles article{
  min-width:0;
  padding:1.35rem;
  background:var(--fleece-card);
}
.compression-fiber-initial{
  display:grid;
  width:2.25rem;
  height:2.25rem;
  margin-bottom:.75rem;
  place-items:center;
  color:#fff;
  font-family:var(--font-display);
  background:var(--compression-plum);
  border-radius:50%;
}
.compression-fiber-roles article:nth-child(even) .compression-fiber-initial{ background:var(--compression-blue); }
.compression-fiber-roles h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}
.compression-fiber-roles p{
  margin:0 0 .7rem;
  color:var(--fleece-brown);
  font-size:.76rem;
}
.compression-fiber-roles small{
  color:var(--compression-plum);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.compression-fiber-roles article:nth-child(even) small{ color:var(--compression-blue-deep); }
.compression-label-test{
  display:grid;
  grid-template-columns:minmax(15rem, .7fr) minmax(0, 1.3fr);
  gap:2rem 3rem;
  margin-top:1rem;
  padding:1.5rem;
  color:#fff;
  background:var(--compression-ink);
}
.compression-label-test h3{
  margin:0;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.2rem;
}
.compression-label-test ol{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.75rem;
  margin:0;
  padding:0;
  list-style:none;
}
.compression-label-test li{
  padding:.75rem;
  background:rgba(255,255,255,.07);
  border-left:2px solid #B998AD;
}
.compression-label-test span,
.compression-label-test strong{ display:block; }
.compression-label-test span{
  margin-bottom:.15rem;
  color:#D9C7D3;
  font-size:.59rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.compression-label-test strong{ color:#fff; font-size:.72rem; line-height:1.4; }

.compression-uses{
  display:grid;
  grid-template-columns:minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap:1.5rem 4rem;
  margin:0 0 4.75rem;
}
.compression-uses-heading h2{ margin:0; }
.compression-use-tabs{ border-top:1px solid #C7D7DC; }
.compression-use-tabs details{ border-bottom:1px solid #C7D7DC; }
.compression-use-tabs summary{
  position:relative;
  padding:1rem 2.75rem 1rem 0;
  cursor:pointer;
  list-style:none;
}
.compression-use-tabs summary::-webkit-details-marker{ display:none; }
.compression-use-tabs summary::after{
  content:"+";
  position:absolute;
  top:1rem;
  right:.25rem;
  color:var(--compression-blue);
  font:400 1.4rem/1 var(--font-body);
}
.compression-use-tabs details[open] summary::after{ content:"−"; }
.compression-use-tabs summary:focus-visible{ outline:2px solid var(--compression-blue); outline-offset:3px; }
.compression-use-tabs summary span,
.compression-use-tabs summary small{ display:block; }
.compression-use-tabs summary span{
  font-family:var(--font-display);
  font-size:1.13rem;
  font-weight:600;
}
.compression-use-tabs summary small{
  margin-top:.15rem;
  color:var(--fleece-silver);
  font-size:.67rem;
}
.compression-use-tabs details > div{
  padding:0 2.75rem 1rem 0;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.compression-use-tabs details > div p{ margin:0; }

.compression-medical{
  display:grid;
  grid-template-columns:minmax(15rem, .65fr) minmax(0, 1.35fr);
  gap:2rem 4rem;
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3rem);
  color:#fff;
  background:linear-gradient(135deg, var(--compression-plum-deep), #3B3440);
  border-left:5px solid #B998AD;
}
.compression-medical .eyebrow{ color:#D9C7D3; }
.compression-medical h2{ margin:0; color:#fff; }
.compression-medical-copy p{ color:#EEE7EB; }
.compression-medical-copy p:first-child{ margin-top:0; }
.compression-medical-copy p:last-child{ margin-bottom:0; }
.compression-medical-copy a{ color:#fff; text-decoration-color:#CDAFC1; text-underline-offset:.18em; }
.compression-medical-copy a:hover{ color:#F3DCE9; }

.compression-care{
  margin:0 0 4.75rem;
  padding:clamp(2rem, 5vw, 3rem);
  background:linear-gradient(140deg, var(--compression-blue-pale), rgba(251,250,247,.92));
  border:1px solid #C7D7DC;
}
.compression-care-heading{
  max-width:46rem;
  margin-bottom:1.5rem;
}
.compression-care-heading h2{ margin:0 0 .6rem; }
.compression-care-heading p:last-child{ margin:0; color:var(--fleece-brown); }
.compression-care-steps{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1rem;
  margin:0;
  padding:0;
  list-style:none;
}
.compression-care-steps li{
  display:grid;
  grid-template-columns:2.25rem minmax(0, 1fr);
  gap:1rem;
  min-width:0;
  padding:1.2rem;
  background:rgba(255,255,255,.82);
  border:1px solid #C7D7DC;
}
.compression-care-steps > li > span{
  color:var(--compression-blue);
  font-size:.68rem;
  font-weight:600;
  letter-spacing:.08em;
}
.compression-care-steps h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}
.compression-care-steps p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.77rem;
}
.compression-faq .sock-faq-list summary::after{ color:var(--compression-plum); }
.compression-related-guides{
  background:linear-gradient(135deg, rgba(112,76,99,.1), rgba(69,108,120,.08));
}
.compression-related-guides a{ border-left-color:var(--compression-plum); }
.compression-related-guides li:nth-child(even) a{ border-left-color:var(--compression-blue); }
.compression-related-guides a:hover{ border-color:var(--compression-plum); }
.compression-closing{ padding-top:1.75rem; border-top:1px solid var(--fleece-beige); }


/* Related-content promos
   Complete overrides prevent the older .promo rules in alpacas.css from
   leaving a second border or hover transform on clothing pages. */
.clothing-detail .promo{
  position:relative;
  max-width:48rem;
  margin:0 auto 4.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:4px solid var(--thread, var(--indigo));
  border-radius:0 var(--radius) var(--radius) 0;
  box-shadow:none;
  transition:transform .2s var(--ease), box-shadow .2s var(--ease);
}
.clothing-detail .promo:hover{
  box-shadow:var(--shadow-sm);
  transform:translateY(-2px);
}
.clothing-detail .promo a{
  display:flex;
  align-items:center;
  gap:1.25rem;
  padding:1.25rem 1.5rem;
  color:inherit;
  text-decoration:none;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  transform:none;
}
.clothing-detail .promo a:hover{
  color:inherit;
  box-shadow:none;
  transform:none;
}
.clothing-detail .promo:hover .promo-title{ color:var(--indigo); }
.promo-kicker,
.promo-title,
.promo-desc{ display:block; }
.promo-kicker{
  margin-bottom:.2rem;
  font-size:.6875rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:var(--fleece-silver);
}
.promo-title{
  margin-bottom:.15rem;
  font-family:var(--font-display);
  font-size:1.25rem;
  font-weight:600;
}
.promo-desc{ font-size:.875rem; color:var(--fleece-brown); }
.clothing-detail .promo--image img{
  width:9rem;
  height:auto;
  aspect-ratio:1.3 / 1;
  object-fit:cover;
  flex:none;
  border:0;
  border-radius:2px;
}
.clothing-promo--make{ --thread:#785A43; }
.clothing-promo--fiber{ --thread:#647865; }
.clothing-promo--history{ --thread:#876B50; }


@media (min-width:46rem){
  .clothing-split{
    display:grid;
    grid-template-columns:minmax(17rem, .9fr) minmax(20rem, 1.1fr);
    align-items:center;
    gap:3rem;
  }
  .clothing-split:nth-of-type(even) figure{ order:2; }
}

@media (max-width:58rem){
  .sock-type-card > a{
    grid-template-columns:minmax(7.5rem, .7fr) minmax(0, 1.3fr);
  }
  .sock-type-card-copy{ padding:.9rem; }
  .sock-type-title{ font-size:1.08rem; }

  .hiking-care-steps{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .boot-construction-parts{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .safety-boot-section{ grid-template-columns:minmax(14rem, .65fr) minmax(0, 1.35fr); }
  .safety-boot-check{ grid-column:1 / -1; }

  .winter-fiber-checks{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .winter-care-steps{ grid-template-columns:repeat(2, minmax(0, 1fr)); }

  .thermal-anatomy{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .thermal-care-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }

  .compression-fiber-roles{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (max-width:45.99rem){
  .clothing-feature,
  .clothing-feature--reverse{ display:block; }
  .clothing-feature-copy{ margin-bottom:1.5rem; }
  .clothing-feature--reverse .clothing-feature-copy,
  .clothing-feature--reverse figure{ order:initial; }
  .clothing-hero img{ aspect-ratio:3 / 2; }

  .sock-type-section{
    margin-inline:-.25rem;
    padding:2rem 1rem;
  }
  .sock-filter{ gap:.4rem; }
  .sock-filter-button{
    min-height:2.5rem;
    padding:.55rem .72rem;
    font-size:.75rem;
  }
  .sock-type-grid{ grid-template-columns:1fr; }
  .sock-type-card > a{
    grid-template-columns:minmax(8.5rem, .78fr) minmax(0, 1.22fr);
  }

  .clothing-detail .promo a{ padding:1rem; }
  .clothing-detail .promo--image img{ width:6.75rem; }

  .hiking-opening,
  .hiking-comparison,
  .fit-friction-section,
  .hiking-limitations,
  .sock-faq{ display:block; }
  .hiking-opening-heading,
  .hiking-comparison-heading,
  .fit-friction-copy,
  .hiking-limitations > div:first-child,
  .sock-faq-heading{ margin-bottom:1.5rem; }

  .hike-selector{ padding:2rem 1rem; }
  .hike-profile-panel{ display:block; padding:1.25rem; }
  .hike-profile-panel[hidden]{ display:none; }
  .hike-profile-summary{ margin-bottom:1.25rem; }

  .hiking-comparison{ margin-top:-2rem; }
  .hiking-comparison-table-wrap{ margin-inline:-.5rem; }
  .hiking-comparison th,
  .hiking-comparison td{ padding:.65rem .5rem; }

  .fiber-blend-section{ padding:2rem 1rem; }
  .fiber-role-list{ grid-template-columns:1fr; }
  .label-check ul{ grid-template-columns:1fr; }
  .fit-checks{ margin-top:1.5rem; }

  .hiking-limitations{ padding:1.75rem 1.25rem; }
  .sock-faq-list details > div{ padding-right:1rem; }
  .related-sock-guides{ padding:2rem 1rem; }
  .related-sock-guides ul{ grid-template-columns:1fr; }

  .boot-opening,
  .boot-type-guide,
  .safety-boot-section,
  .standing-walking,
  .boot-height-section{ display:block; }
  .boot-opening-title,
  .boot-type-heading,
  .safety-boot-heading,
  .standing-walking-heading,
  .boot-height-section > div:first-child{ margin-bottom:1.5rem; }
  .boot-priorities{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .boot-type-guide{ padding:2rem 1rem; }
  .boot-type-image{ margin-bottom:1.5rem; }
  .boot-fit-cases{ grid-template-columns:1fr; }
  .safety-boot-section{ padding:1.75rem 1.25rem; }
  .safety-boot-check{ margin-top:1.25rem; }
  .standing-walking-columns{ margin-top:1.5rem; }
  .boot-height-section{ padding:1.75rem 1.25rem; }
  .boot-care{ padding:2rem 1rem; }
  .boot-care-routine{ grid-template-columns:1fr; }

  .winter-system,
  .winter-conditions,
  .winter-moisture,
  .winter-thermal-distinction{ display:block; }
  .winter-system-heading,
  .winter-conditions-heading,
  .winter-moisture-copy,
  .winter-thermal-heading{ margin-bottom:1.5rem; }
  .winter-system-factors{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .winter-activity{ padding:2rem 1rem; }
  .winter-activity-levels{ grid-template-columns:1fr; }
  .winter-condition-grid{ margin-top:1.5rem; }
  .winter-conditions-note{ margin-top:1rem; }
  .winter-footwear{ padding:1.75rem 1.25rem; }
  .winter-footwear-comparison{ grid-template-columns:1fr; }
  .winter-moisture figure{ margin-top:1.5rem; }
  .winter-dry-routine{ grid-template-columns:1fr; }
  .winter-thermal-distinction{ padding:2rem 1rem; }
  .winter-thermal-columns{ grid-template-columns:1fr; }
  .winter-care{ padding:2rem 1rem; }

  .thermal-opening,
  .thermal-loft,
  .thermal-fit-signals,
  .thermal-fibers,
  .thermal-labels{ display:block; }
  .thermal-opening-heading,
  .thermal-loft-copy,
  .thermal-fit-heading,
  .thermal-fibers-heading,
  .thermal-labels-heading{ margin-bottom:1.5rem; }
  .thermal-principles{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .thermal-construction{ padding:2rem 1rem; }
  .thermal-loft figure{ margin-top:1.5rem; }
  .thermal-fit-list{ margin-top:1.25rem; }
  .thermal-fiber-map{ margin-top:1.5rem; }
  .thermal-fiber-context{ margin-top:1rem; }
  .thermal-labels{ padding:2rem 1rem; }
  .thermal-label-context{ margin-top:1.25rem; }
  .thermal-care{ padding:2rem 1rem; }

  .compression-opening,
  .compression-construction,
  .compression-fit,
  .compression-uses,
  .compression-medical{ display:block; }
  .compression-opening-heading,
  .compression-construction-heading,
  .compression-fit-copy,
  .compression-uses-heading,
  .compression-medical-heading{ margin-bottom:1.5rem; }
  .compression-pressure{ padding:2rem 1rem; }
  .compression-levels details > div{ padding-left:1rem; }
  .compression-zone-map{ margin-top:1.5rem; }
  .compression-fit figure{ margin-top:1.5rem; }
  .compression-fit-checklist{ margin-top:1.5rem; }
  .compression-fit-items{ grid-template-columns:1.4rem minmax(0, 1fr); }
  .compression-label-test{ display:block; }
  .compression-label-test h3{ margin-bottom:1.25rem; }
  .compression-use-tabs{ margin-top:1.5rem; }
  .compression-medical{ padding:2rem 1.25rem; }
  .compression-care{ padding:2rem 1rem; }
}

@media (max-width:34rem){
  .sock-type-card > a{ display:block; }
  .sock-type-card figure{ height:auto; }
  .sock-type-card img{
    min-height:0;
    aspect-ratio:3 / 2;
  }
  .sock-type-card-copy{ min-height:11.75rem; padding:1rem; }

  .hike-profile-facts{ grid-template-columns:1fr; }
  .hiking-care-steps{ grid-template-columns:1fr; }
  .hiking-comparison table{ font-size:.72rem; }
  .hiking-comparison thead th{ font-size:.575rem; }

  .boot-priorities{ grid-template-columns:1fr; }
  .boot-type-content dl{ grid-template-columns:1fr; }
  .boot-construction-parts{ grid-template-columns:1fr; }
  .standing-walking-columns{ grid-template-columns:1fr; }
  .sock-layering-options{ grid-template-columns:1fr; }

  .winter-system-factors{ grid-template-columns:1fr; }
  .winter-condition-grid{ grid-template-columns:1fr; }
  .winter-fiber-checks{ grid-template-columns:1fr; }
  .winter-care-steps{ grid-template-columns:1fr; }

  .thermal-principles{ grid-template-columns:1fr; }
  .thermal-anatomy{ grid-template-columns:1fr; }
  .thermal-fit-list{ grid-template-columns:1fr; }
  .thermal-cushioning-options{ grid-template-columns:1fr; }
  .thermal-cushioning-options dl{ grid-template-columns:1fr; }
  .thermal-fiber-map{ grid-template-columns:1fr; }
  .thermal-use-columns{ grid-template-columns:1fr; }
  .thermal-care-grid{ grid-template-columns:1fr; }

  .compression-distinction{ grid-template-columns:1fr; }
  .compression-levels summary{ display:block; }
  .compression-level-name{ display:block; margin-top:.2rem; }
  .compression-fiber-roles{ grid-template-columns:1fr; }
  .compression-label-test ol{ grid-template-columns:1fr; }
  .compression-care-steps{ grid-template-columns:1fr; }
}


/* Dress sock guide
   ========================================================================== */
.sock-guide--dress{
  --dress-ink:#29354F;
  --dress-ink-deep:#1F293E;
  --dress-plum:#70465D;
  --dress-plum-deep:#593448;
  --dress-copper:#B66F48;
  --dress-gold:#C69A45;
  --dress-paper:#F6F0E7;
  --dress-paper-deep:#E9DED0;
  --dress-blue-gray:#E8EBEF;
  --dress-line:#D7C9BC;
  --hike-green:var(--dress-plum);
  --hike-green-deep:var(--dress-ink);
}

.sock-guide--dress .eyebrow{ color:var(--dress-plum); }

.dress-hero{
  display:grid;
  grid-template-columns:minmax(20rem, .9fr) minmax(0, 1.1fr);
  min-height:34rem;
  margin:0 0 1.25rem;
  overflow:hidden;
  background:var(--dress-paper);
  border:1px solid var(--dress-line);
  box-shadow:0 1.25rem 3.5rem rgba(41,53,79,.08);
}
.dress-hero-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(2.25rem, 5vw, 4.5rem);
  background:
    linear-gradient(145deg, rgba(255,255,255,.52), transparent 58%),
    var(--dress-paper);
}
.dress-hero-copy::before{
  content:"";
  position:absolute;
  top:0;
  left:clamp(2.25rem, 5vw, 4.5rem);
  width:5.25rem;
  height:.3rem;
  background:linear-gradient(90deg, var(--dress-plum) 0 34%, var(--dress-copper) 34% 67%, var(--dress-gold) 67%);
}
.dress-hero-copy h1{
  max-width:8ch;
  margin:.2rem 0 1rem;
  color:var(--dress-ink-deep);
  font-size:clamp(2.75rem, 6vw, 4.75rem);
  line-height:.98;
}
.dress-hero-copy .lede{
  max-width:36rem;
  margin:0;
  color:#574C45;
  font-size:clamp(1rem, 1.8vw, 1.12rem);
  line-height:1.72;
}
.dress-hero-brief{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:0;
  margin:2rem 0 0;
  padding-top:1rem;
  border-top:1px solid rgba(112,70,93,.22);
}
.dress-hero-brief div{
  min-width:0;
  padding:0 .8rem;
  border-left:1px solid rgba(112,70,93,.2);
}
.dress-hero-brief div:first-child{
  padding-left:0;
  border-left:0;
}
.dress-hero-brief dt{
  margin-bottom:.25rem;
  color:var(--dress-plum);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.dress-hero-brief dd{
  margin:0;
  color:var(--dress-ink);
  font-size:.75rem;
  font-weight:600;
  line-height:1.4;
}
.dress-hero-image{
  position:relative;
  min-width:0;
  margin:0;
  background:var(--dress-ink);
}
.dress-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 1.5rem 0 2.5rem rgba(31,41,62,.1);
}
.dress-hero-image img{
  width:100%;
  height:100%;
  min-height:34rem;
  object-fit:cover;
  object-position:center;
}
.dress-hero-image figcaption{
  position:absolute;
  right:1.25rem;
  bottom:1.25rem;
  z-index:1;
  max-width:25rem;
  margin:0;
  padding:.7rem .9rem;
  color:#fff;
  font-size:.72rem;
  line-height:1.45;
  background:rgba(31,41,62,.86);
  border-left:3px solid var(--dress-gold);
}

.dress-guide-index{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  margin:0 0 4.75rem;
  background:#fff;
  border-top:1px solid var(--dress-line);
  border-bottom:1px solid var(--dress-line);
}
.dress-guide-index a{
  display:flex;
  align-items:center;
  gap:.7rem;
  min-width:0;
  padding:1rem 1.15rem;
  color:var(--dress-ink);
  font-size:.78rem;
  font-weight:600;
  text-decoration:none;
  border-left:1px solid var(--dress-line);
  transition:color .2s var(--ease), background .2s var(--ease);
}
.dress-guide-index a:first-child{ border-left:0; }
.dress-guide-index a span{
  color:var(--dress-copper);
  font-size:.625rem;
  letter-spacing:.08em;
}
.dress-guide-index a:hover{
  color:var(--dress-plum-deep);
  background:var(--dress-paper);
}

.dress-opening{
  display:grid;
  grid-template-columns:minmax(16rem, .72fr) minmax(0, 1.28fr);
  gap:2rem 5rem;
  margin:0 0 5rem;
  padding-left:clamp(0rem, 4vw, 3rem);
}
.dress-opening-heading{
  align-self:start;
  padding-top:.35rem;
}
.dress-opening-heading h2{
  margin:0;
  color:var(--dress-ink-deep);
  font-size:clamp(1.75rem, 3vw, 2.35rem);
}
.dress-opening-copy{
  max-width:43rem;
  padding-left:2rem;
  border-left:4px solid var(--dress-copper);
}
.dress-opening-copy p{ color:var(--fleece-brown); }
.dress-opening-copy p:first-child{ margin-top:0; }
.dress-opening-copy p:last-child{ margin-bottom:0; }

.dress-anatomy-section{
  position:relative;
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.75rem);
  overflow:hidden;
  background:
    linear-gradient(130deg, rgba(112,70,93,.07), transparent 43%),
    var(--dress-blue-gray);
  border-top:5px solid var(--dress-plum);
}
.dress-anatomy-section::after{
  content:"";
  position:absolute;
  right:-6rem;
  bottom:-8rem;
  width:18rem;
  height:18rem;
  background:rgba(198,154,69,.12);
  border-radius:50%;
  pointer-events:none;
}
.dress-anatomy-heading{
  position:relative;
  z-index:1;
  max-width:48rem;
  margin-bottom:2rem;
}
.dress-anatomy-heading h2{
  margin:0 0 .65rem;
  color:var(--dress-ink-deep);
}
.dress-anatomy-heading p:last-child{
  margin:0;
  color:var(--fleece-brown);
}
.dress-anatomy{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0, 1.18fr) minmax(19rem, .82fr);
  align-items:stretch;
  gap:1.25rem;
}
.dress-anatomy-visual{
  position:relative;
  min-width:0;
  background:#fff;
  border:1px solid #CCD0D7;
}
.dress-anatomy-visual figure{ margin:0; }
.dress-anatomy-visual img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.dress-anatomy-visual figcaption{
  min-height:3.6rem;
  margin:0;
  padding:.75rem 1rem;
  color:var(--fleece-silver);
  background:#fff;
  border-top:1px solid #E1E2E6;
}
.dress-anatomy-markers{
  position:absolute;
  inset:0 0 3.6rem;
  pointer-events:none;
}
.dress-anatomy-marker{
  appearance:none;
  position:absolute;
  display:flex;
  align-items:center;
  gap:.45rem;
  min-height:2.2rem;
  padding:.35rem .65rem .35rem .38rem;
  color:var(--dress-ink);
  font:600 .69rem/1.15 var(--font-body);
  background:rgba(255,255,255,.94);
  border:1px solid rgba(41,53,79,.32);
  border-radius:99px;
  box-shadow:0 .35rem 1rem rgba(31,41,62,.14);
  cursor:pointer;
  pointer-events:auto;
  transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.dress-anatomy-marker span{
  display:grid;
  width:1.45rem;
  height:1.45rem;
  place-items:center;
  color:#fff;
  font-size:.57rem;
  letter-spacing:.03em;
  background:var(--dress-plum);
  border-radius:50%;
}
.dress-anatomy-marker strong{ font-weight:600; }
.dress-anatomy-marker:hover{
  color:#fff;
  background:var(--dress-ink);
  border-color:var(--dress-ink);
  transform:translateY(-2px);
}
.dress-anatomy-marker.is-active,
.dress-anatomy-marker[aria-pressed="true"]{
  color:#fff;
  background:var(--dress-plum);
  border-color:var(--dress-plum);
}
.dress-anatomy-marker.is-active span,
.dress-anatomy-marker[aria-pressed="true"] span{
  color:var(--dress-plum-deep);
  background:var(--dress-paper);
}
.dress-anatomy-marker:focus-visible{
  outline:3px solid var(--dress-gold);
  outline-offset:3px;
}
.dress-anatomy-marker--cuff{ top:8%; left:6%; }
.dress-anatomy-marker--leg{ top:27%; right:7%; }
.dress-anatomy-marker--heel{ top:52%; left:5%; }
.dress-anatomy-marker--sole{ right:8%; bottom:24%; }
.dress-anatomy-marker--toe{ right:5%; bottom:5%; }

.dress-anatomy-notes{
  min-width:0;
  padding:1.65rem;
  color:#fff;
  background:var(--dress-ink);
  border-bottom:5px solid var(--dress-gold);
}
.dress-anatomy-note{
  padding:1.1rem 0;
  border-top:1px solid rgba(255,255,255,.18);
}
.dress-anatomy-note:first-child{ padding-top:0; border-top:0; }
.dress-anatomy-note:last-child{ padding-bottom:0; }
.dress-anatomy.is-enhanced .dress-anatomy-notes{
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.dress-anatomy.is-enhanced .dress-anatomy-note{ padding:0; border:0; }
.dress-anatomy.is-enhanced .dress-anatomy-note:not(.is-active){ display:none; }
.dress-part-number{
  margin:0 0 .7rem;
  color:#E6C981;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.dress-anatomy-note h3{
  margin:0 0 .85rem;
  color:#fff;
  font-family:var(--font-display);
  font-size:clamp(1.35rem, 2.5vw, 1.8rem);
  line-height:1.25;
}
.dress-anatomy-note p:not(.dress-part-number){
  color:rgba(255,255,255,.78);
  font-size:.87rem;
  line-height:1.65;
}
.dress-anatomy-note p:last-child{ margin-bottom:0; }
.dress-anatomy-status{
  display:none;
  position:relative;
  z-index:1;
  margin:.8rem 0 0;
  color:var(--fleece-silver);
  font-size:.73rem;
}
.dress-anatomy.is-enhanced + .dress-anatomy-status{ display:block; }

.dress-shoe-fit{
  margin:0 0 5rem;
}
.dress-shoe-fit-heading{
  display:grid;
  grid-template-columns:minmax(15rem, .65fr) minmax(0, 1.35fr);
  gap:1.5rem 4rem;
  margin-bottom:2rem;
  padding-bottom:1.5rem;
  border-bottom:1px solid var(--dress-line);
}
.dress-shoe-fit-heading .eyebrow{ grid-column:1; margin-bottom:-.75rem; }
.dress-shoe-fit-heading h2{
  grid-column:1;
  margin:0;
  color:var(--dress-ink-deep);
}
.dress-shoe-fit-heading p:last-child{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  max-width:39rem;
  margin:0;
  color:var(--fleece-brown);
}
.dress-weight-scale{
  margin-bottom:1.5rem;
  padding:2rem clamp(1rem, 4vw, 2.5rem);
  background:var(--dress-paper);
  border:1px solid var(--dress-line);
}
.dress-weight-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  align-items:center;
  height:1rem;
  margin:0 calc(12.5% - .4rem) 1rem;
}
.dress-weight-track::before{
  content:"";
  position:absolute;
  right:0;
  left:0;
  height:.3rem;
  background:linear-gradient(90deg, var(--dress-blue-gray), var(--dress-plum), var(--dress-copper));
  border-radius:99px;
}
.dress-weight-track span{
  position:relative;
  z-index:1;
  width:.9rem;
  height:.9rem;
  justify-self:center;
  background:#fff;
  border:3px solid var(--dress-plum);
  border-radius:50%;
}
.dress-weight-track span:nth-child(2){
  width:1.2rem;
  height:1.2rem;
  background:var(--dress-gold);
  border-color:var(--dress-ink);
}
.dress-weight-track span:nth-child(3){ border-color:var(--dress-copper); }
.dress-weight-track span:nth-child(4){ border-color:var(--dress-copper); background:var(--dress-copper); }
.dress-weight-scale ol{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.75rem;
  margin:0;
  padding:0;
  list-style:none;
}
.dress-weight-scale li{
  min-width:0;
  padding:1rem;
  background:rgba(255,255,255,.65);
  border-top:3px solid var(--dress-line);
}
.dress-weight-scale li.is-preferred{
  background:#fff;
  border-top-color:var(--dress-gold);
  box-shadow:0 .4rem 1.2rem rgba(41,53,79,.08);
}
.dress-weight-scale li > span{
  display:block;
  margin-bottom:.35rem;
  color:var(--dress-ink);
  font-size:.73rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.dress-weight-scale li p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.76rem;
  line-height:1.55;
}
.dress-footwear-notes{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.dress-footwear-notes section{
  min-width:0;
  padding:1.35rem;
  background:#fff;
  border:1px solid var(--dress-line);
  border-top:4px solid var(--dress-ink);
}
.dress-footwear-notes section:nth-child(2){ border-top-color:var(--dress-plum); }
.dress-footwear-notes section:nth-child(3){ border-top-color:var(--dress-copper); }
.dress-footwear-notes h3{
  margin:0 0 .55rem;
  color:var(--dress-ink-deep);
  font-family:var(--font-display);
  font-size:1.14rem;
}
.dress-footwear-notes p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.81rem;
}
.dress-fit-test{
  display:grid;
  grid-template-columns:minmax(12rem, .45fr) minmax(0, 1.55fr);
  gap:1.25rem 2rem;
  margin-top:1rem;
  padding:1.25rem 1.5rem;
  color:#fff;
  background:var(--dress-plum);
}
.dress-fit-test h3{
  margin:0;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.2rem;
}
.dress-fit-test ul{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.4rem 2rem;
  margin:0;
  padding-left:1.1rem;
  color:rgba(255,255,255,.86);
  font-size:.8rem;
}

.dress-color-section{
  display:grid;
  grid-template-columns:minmax(17rem, .72fr) minmax(0, 1.28fr);
  gap:2rem 4rem;
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.5rem);
  background:
    linear-gradient(150deg, rgba(182,111,72,.1), transparent 44%),
    #FBF8F3;
  border:1px solid var(--dress-line);
}
.dress-color-intro{
  align-self:center;
  min-width:0;
}
.dress-color-intro h2{
  margin:0 0 .75rem;
  color:var(--dress-ink-deep);
}
.dress-color-intro p:last-child{
  margin:0;
  color:var(--fleece-brown);
}
.dress-color-image{
  min-width:0;
  margin:0;
}
.dress-color-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  box-shadow:.75rem .75rem 0 var(--dress-blue-gray);
}
.dress-color-image figcaption{ margin-top:1.25rem; }
.dress-color-approaches{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
  padding-top:1rem;
  border-top:1px solid var(--dress-line);
}
.dress-color-approach{
  min-width:0;
  background:#fff;
  border:1px solid var(--dress-line);
}
.dress-color-swatch{
  display:block;
  height:4rem;
  background:var(--dress-swatch, var(--dress-ink));
}
.dress-color-approach--quiet{ --dress-swatch:linear-gradient(90deg, #2E384F 0 50%, #586270 50%); }
.dress-color-approach--contrast{ --dress-swatch:linear-gradient(90deg, #7A394C 0 33%, #B77E55 33% 66%, #53604A 66%); }
.dress-color-approach--pattern{ --dress-swatch:repeating-linear-gradient(135deg, #273A57 0 .7rem, #A77C52 .7rem .84rem, #273A57 .84rem 1.5rem); }
.dress-color-approach > div{ padding:1.15rem; }
.dress-color-label{
  margin:0 0 .35rem;
  color:var(--dress-plum);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.dress-color-approach h3{
  margin:0 0 .5rem;
  color:var(--dress-ink-deep);
  font-family:var(--font-display);
  font-size:1.12rem;
}
.dress-color-approach p:last-child{
  margin:0;
  color:var(--fleece-brown);
  font-size:.8rem;
}
.dress-seated-note{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:minmax(11rem, .45fr) minmax(13rem, .55fr) minmax(0, 1fr);
  align-items:start;
  gap:1rem 2rem;
  padding:1.5rem;
  color:#fff;
  background:var(--dress-ink);
  border-left:5px solid var(--dress-gold);
}
.dress-seated-note .eyebrow{ margin:.2rem 0 0; color:#E6C981; }
.dress-seated-note h3{
  margin:0;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.25rem;
}
.dress-seated-note p:last-child{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.84rem;
}

.dress-blend-section{
  margin:0 0 4.75rem;
  padding-top:1.75rem;
  border-top:1px solid var(--dress-line);
}
.dress-blend-heading{
  display:grid;
  grid-template-columns:minmax(16rem, .7fr) minmax(0, 1.3fr);
  gap:1rem 4rem;
  margin-bottom:2rem;
}
.dress-blend-heading .eyebrow{ grid-column:1; margin-bottom:-.5rem; }
.dress-blend-heading h2{
  grid-column:1;
  margin:0;
  color:var(--dress-ink-deep);
}
.dress-blend-heading p:last-child{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  max-width:40rem;
  margin:0;
  color:var(--fleece-brown);
}
.dress-blend-layers{
  display:grid;
  grid-template-columns:1.18fr 1fr .92fr .9fr;
  gap:.65rem;
}
.dress-blend-layer{
  min-width:0;
  min-height:15rem;
  padding:1.5rem;
  color:#fff;
  background:var(--dress-layer, var(--dress-ink));
  border-top:5px solid var(--dress-layer-line, var(--dress-gold));
}
.dress-blend-layer--alpaca{ --dress-layer:#29354F; --dress-layer-line:#C69A45; }
.dress-blend-layer--strength{ --dress-layer:#70465D; --dress-layer-line:#D2A58C; }
.dress-blend-layer--recovery{ --dress-layer:#A46042; --dress-layer-line:#E8C89B; }
.dress-blend-layer--support{ --dress-layer:#66706F; --dress-layer-line:#C8D1CF; }
.dress-blend-name{
  margin:0 0 1.8rem;
  color:rgba(255,255,255,.72);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.dress-blend-layer h3{
  margin:0 0 .65rem;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.25rem;
  line-height:1.25;
}
.dress-blend-layer p:last-child{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.79rem;
  line-height:1.58;
}
.dress-blend-context{
  max-width:51rem;
  margin:1rem 0 0 auto;
  padding:1rem 1.25rem;
  color:var(--fleece-brown);
  font-size:.84rem;
  background:var(--dress-paper);
  border-right:4px solid var(--dress-copper);
}
.dress-fiber-promo{ --thread:var(--dress-plum); }

.dress-fit-height{
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.5rem);
  color:#fff;
  background:
    linear-gradient(135deg, rgba(112,70,93,.5), transparent 55%),
    var(--dress-ink-deep);
}
.dress-fit-height-heading{
  max-width:48rem;
  margin-bottom:2rem;
}
.dress-fit-height-heading .eyebrow{ color:#E6C981; }
.dress-fit-height-heading h2{
  margin:0 0 .65rem;
  color:#fff;
}
.dress-fit-height-heading p:last-child{
  margin:0;
  color:rgba(255,255,255,.74);
}
.dress-fit-checklist{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  border-top:1px solid rgba(255,255,255,.2);
  border-left:1px solid rgba(255,255,255,.2);
}
.dress-fit-checklist section{
  display:grid;
  grid-template-columns:2rem minmax(0, 1fr);
  gap:1rem;
  min-width:0;
  padding:1.25rem;
  border-right:1px solid rgba(255,255,255,.2);
  border-bottom:1px solid rgba(255,255,255,.2);
}
.dress-fit-checklist section > span{
  color:#E6C981;
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.08em;
}
.dress-fit-checklist h3{
  margin:0 0 .4rem;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.12rem;
}
.dress-fit-checklist p{
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:.8rem;
}

.dress-care{
  display:grid;
  grid-template-columns:minmax(17rem, .72fr) minmax(0, 1.28fr);
  gap:2rem 4rem;
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.5rem);
  background:#EFE7DC;
  border-top:5px solid var(--dress-copper);
}
.dress-care-heading{
  align-self:start;
  min-width:0;
}
.dress-care-heading h2{
  margin:0 0 .75rem;
  color:var(--dress-ink-deep);
}
.dress-care-heading p:last-child{
  margin:0;
  color:var(--fleece-brown);
}
.dress-care-label{
  min-width:0;
  padding:1.5rem;
  background:#FFFCF6;
  border:1px solid #B7A797;
  outline:1px dashed #B7A797;
  outline-offset:-.55rem;
  box-shadow:.65rem .65rem 0 rgba(112,70,93,.12);
}
.dress-care-label-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin:0 0 1rem;
  padding:0 0 .8rem;
  border-bottom:2px solid var(--dress-ink);
}
.dress-care-label-head p{
  margin:0;
  color:var(--dress-ink-deep);
  font-family:var(--font-display);
  font-size:1.3rem;
  font-weight:600;
}
.dress-care-label-head span{
  color:var(--dress-plum);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dress-care-label ol{
  margin:0;
  padding:0;
  list-style:none;
}
.dress-care-label li{
  display:grid;
  grid-template-columns:5rem minmax(0, 1fr);
  gap:1rem;
  padding:.75rem 0;
  border-bottom:1px solid #DED3C7;
}
.dress-care-label li:last-child{ border-bottom:0; }
.dress-care-label li > span{
  color:var(--dress-plum);
  font-size:.66rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.dress-care-label li p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.79rem;
}
.dress-care-note{
  grid-column:1 / -1;
  max-width:52rem;
  margin:0;
  padding-left:1rem;
  color:var(--fleece-brown);
  font-size:.83rem;
  border-left:3px solid var(--dress-plum);
}

.dress-faq .sock-faq-list summary::after{ color:var(--dress-plum); }
.dress-faq .sock-faq-list summary:hover{ color:var(--dress-ink); }
.dress-related-guides{
  background:
    linear-gradient(135deg, rgba(112,70,93,.1), rgba(198,154,69,.09)),
    #FBFAF7;
}
.dress-related-guides a{ border-left-color:var(--dress-plum); }
.dress-related-guides a:hover{ border-color:var(--dress-plum); }
.dress-closing{
  padding-top:1.75rem;
  border-top:1px solid var(--dress-line);
}

@media (max-width:64rem){
  .dress-hero{
    grid-template-columns:minmax(18rem, .95fr) minmax(0, 1.05fr);
  }
  .dress-hero-copy{ padding:2.5rem; }
  .dress-hero-copy::before{ left:2.5rem; }
  .dress-hero-copy h1{ font-size:clamp(2.7rem, 6vw, 4rem); }
  .dress-hero-brief{ grid-template-columns:1fr; gap:.65rem; }
  .dress-hero-brief div,
  .dress-hero-brief div:first-child{
    padding:0;
    border-left:0;
  }
  .dress-hero-brief div{
    display:grid;
    grid-template-columns:4.6rem minmax(0, 1fr);
    gap:.5rem;
  }
  .dress-opening{ gap:2rem 3rem; padding-left:0; }
  .dress-anatomy{ grid-template-columns:minmax(0, 1.12fr) minmax(17rem, .88fr); }
  .dress-color-section{ gap:2rem 2.5rem; }
  .dress-blend-layers{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .dress-blend-layer{ min-height:12rem; }
}

@media (max-width:58rem){
  .dress-anatomy{ grid-template-columns:1fr; }
  .dress-anatomy-notes{ min-height:18rem; }
  .dress-weight-scale ol{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .dress-weight-track{ display:none; }
  .dress-footwear-notes{ grid-template-columns:1fr; }
  .dress-footwear-notes section{
    display:grid;
    grid-template-columns:minmax(12rem, .55fr) minmax(0, 1.45fr);
    gap:1.25rem;
  }
  .dress-footwear-notes h3{ margin:0; }
  .dress-color-approaches{ grid-template-columns:1fr; }
  .dress-color-approach{
    display:grid;
    grid-template-columns:7rem minmax(0, 1fr);
  }
  .dress-color-swatch{ height:100%; min-height:8rem; }
  .dress-seated-note{ grid-template-columns:minmax(10rem, .45fr) minmax(0, 1fr); }
  .dress-seated-note p:last-child{ grid-column:1 / -1; }
}

@media (max-width:45.99rem){
  .dress-hero{
    display:block;
    min-height:0;
  }
  .dress-hero-copy{ padding:2.5rem 1.25rem 2rem; }
  .dress-hero-copy::before{ left:1.25rem; }
  .dress-hero-copy h1{
    max-width:none;
    font-size:clamp(2.65rem, 14vw, 4rem);
  }
  .dress-hero-image img{
    height:auto;
    min-height:0;
    aspect-ratio:3 / 2;
  }
  .dress-hero-image figcaption{
    position:static;
    max-width:none;
    padding:.8rem 1rem;
    background:var(--dress-ink);
  }
  .dress-guide-index{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(9.5rem, 1fr);
    margin-bottom:4rem;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  .dress-guide-index a{ border-left:1px solid var(--dress-line); }
  .dress-guide-index a:first-child{ border-left:0; }
  .dress-opening,
  .dress-shoe-fit-heading,
  .dress-blend-heading,
  .dress-color-section,
  .dress-care{ display:block; }
  .dress-opening-heading,
  .dress-shoe-fit-heading h2,
  .dress-blend-heading h2,
  .dress-color-intro,
  .dress-care-heading{ margin-bottom:1.5rem; }
  .dress-opening-copy{ padding-left:1.25rem; }
  .dress-anatomy-section{ padding:2rem 1rem; }
  .dress-anatomy-heading{ padding-inline:.25rem; }
  .dress-anatomy-markers{
    position:static;
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:.5rem;
    padding:.75rem;
    background:#fff;
    border-top:1px solid #E1E2E6;
  }
  .dress-anatomy-marker,
  .dress-anatomy-marker--cuff,
  .dress-anatomy-marker--leg,
  .dress-anatomy-marker--heel,
  .dress-anatomy-marker--sole,
  .dress-anatomy-marker--toe{
    position:static;
    justify-content:flex-start;
    width:100%;
    min-height:2.65rem;
    box-shadow:none;
  }
  .dress-anatomy-marker:last-child{ grid-column:1 / -1; }
  .dress-anatomy-visual figcaption{ min-height:0; }
  .dress-anatomy-notes{ min-height:0; padding:1.4rem; }
  .dress-anatomy.is-enhanced .dress-anatomy-notes{ min-height:17rem; }
  .dress-weight-scale{ padding:1rem; }
  .dress-weight-scale ol{ grid-template-columns:1fr; }
  .dress-weight-scale li{
    display:grid;
    grid-template-columns:6rem minmax(0, 1fr);
    gap:1rem;
    border-top:0;
    border-left:3px solid var(--dress-line);
  }
  .dress-weight-scale li.is-preferred{ border-left-color:var(--dress-gold); }
  .dress-footwear-notes section{ display:block; }
  .dress-footwear-notes h3{ margin-bottom:.55rem; }
  .dress-fit-test{ display:block; }
  .dress-fit-test h3{ margin-bottom:1rem; }
  .dress-fit-test ul{ grid-template-columns:1fr; }
  .dress-color-section{ padding:2rem 1rem; }
  .dress-color-image img{ box-shadow:.45rem .45rem 0 var(--dress-blue-gray); }
  .dress-color-image figcaption{ margin:1rem 0 1.75rem; }
  .dress-seated-note{ display:block; }
  .dress-seated-note h3{ margin:.4rem 0 .8rem; }
  .dress-blend-heading .eyebrow,
  .dress-blend-heading h2,
  .dress-blend-heading p:last-child{
    display:block;
    margin-left:0;
  }
  .dress-blend-layers{ grid-template-columns:1fr; }
  .dress-blend-layer{ min-height:0; }
  .dress-blend-name{ margin-bottom:1rem; }
  .dress-fit-height{ padding:2rem 1rem; }
  .dress-fit-checklist{ grid-template-columns:1fr; }
  .dress-care{ padding:2rem 1rem; }
  .dress-care-label{ padding:1.25rem; }
  .dress-care-note{ margin-top:1.75rem; }
}

@media (max-width:34rem){
  .dress-hero-brief div{ grid-template-columns:4rem minmax(0, 1fr); }
  .dress-color-approach{
    display:block;
  }
  .dress-color-swatch{ min-height:0; height:3.25rem; }
  .dress-care-label-head{
    display:block;
  }
  .dress-care-label-head span{ display:block; margin-top:.35rem; }
  .dress-care-label li{
    grid-template-columns:1fr;
    gap:.3rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .dress-anatomy-marker,
  .dress-guide-index a{ transition:none; }
}


/* Women's sock guide
   ========================================================================== */
.sock-guide--womens{
  --womens-teal:#286B70;
  --womens-teal-deep:#184F54;
  --womens-teal-pale:#DDECE9;
  --womens-plum:#765366;
  --womens-plum-deep:#5D3E4F;
  --womens-rust:#B86443;
  --womens-sage:#7E927B;
  --womens-gold:#C39A48;
  --womens-ink:#2F3842;
  --womens-oat:#F3EBDD;
  --womens-cream:#FBF8F1;
  --womens-blue:#DCE7EA;
  --womens-line:#D7CDC0;
  --hike-green:var(--womens-teal);
  --hike-green-deep:var(--womens-teal-deep);
}
.sock-guide--womens .eyebrow{ color:var(--womens-teal-deep); }

.womens-hero{
  display:grid;
  grid-template-columns:minmax(0, 1.18fr) minmax(20rem, .82fr);
  min-height:35rem;
  margin:0 0 1rem;
  overflow:hidden;
  background:var(--womens-oat);
  border:1px solid var(--womens-line);
  box-shadow:0 1.4rem 3.5rem rgba(47,56,66,.08);
}
.womens-hero-image{
  position:relative;
  min-width:0;
  margin:0;
  background:var(--womens-ink);
}
.womens-hero-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset -2rem 0 3rem rgba(47,56,66,.12);
}
.womens-hero-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:35rem;
  object-fit:cover;
  object-position:center;
}
.womens-hero-image figcaption{
  position:absolute;
  bottom:1.25rem;
  left:1.25rem;
  z-index:1;
  max-width:27rem;
  margin:0;
  padding:.72rem .9rem;
  color:#fff;
  font-size:.72rem;
  line-height:1.45;
  background:rgba(24,79,84,.88);
  border-left:3px solid var(--womens-gold);
}
.womens-hero-copy{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(2.4rem, 5vw, 4.5rem);
  background:
    linear-gradient(150deg, rgba(255,255,255,.62), transparent 56%),
    var(--womens-oat);
}
.womens-hero-copy::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  left:0;
  height:.38rem;
  background:linear-gradient(90deg, var(--womens-teal) 0 28%, var(--womens-rust) 28% 52%, var(--womens-plum) 52% 77%, var(--womens-sage) 77%);
}
.womens-hero-copy h1{
  margin:.2rem 0 1rem;
  color:var(--womens-ink);
  font-size:clamp(2.7rem, 5vw, 4.45rem);
  line-height:1;
}
.womens-hero-copy .lede{
  margin:0;
  color:#574D46;
  font-size:clamp(1rem, 1.7vw, 1.1rem);
  line-height:1.72;
}
.womens-hero-note{
  margin:1.8rem 0 0;
  padding:1rem 1.1rem;
  color:#fff;
  background:var(--womens-teal-deep);
  border-left:4px solid var(--womens-gold);
}
.womens-hero-note span{
  display:block;
  margin-bottom:.3rem;
  color:#E8D29C;
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.womens-hero-note p{
  margin:0;
  color:rgba(255,255,255,.85);
  font-size:.82rem;
  line-height:1.55;
}

.womens-guide-ribbon{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  margin:0 0 4.75rem;
  background:#fff;
  border:1px solid var(--womens-line);
  border-top:0;
}
.womens-guide-ribbon a{
  display:block;
  min-width:0;
  padding:.9rem 1rem 1rem;
  color:var(--womens-ink);
  font-size:.78rem;
  font-weight:600;
  line-height:1.3;
  text-decoration:none;
  border-left:1px solid var(--womens-line);
  transition:color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease);
}
.womens-guide-ribbon a:first-child{ border-left:0; }
.womens-guide-ribbon a span{
  display:block;
  margin-bottom:.23rem;
  color:var(--womens-rust);
  font-size:.58rem;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.womens-guide-ribbon a:nth-child(2) span{ color:var(--womens-sage); }
.womens-guide-ribbon a:nth-child(3) span{ color:var(--womens-plum); }
.womens-guide-ribbon a:nth-child(4) span{ color:var(--womens-teal); }
.womens-guide-ribbon a:nth-child(5) span{ color:#907129; }
.womens-guide-ribbon a:hover{
  color:var(--womens-teal-deep);
  background:var(--womens-cream);
  box-shadow:inset 0 -.24rem var(--womens-teal);
}

.womens-label-section{
  display:grid;
  grid-template-columns:minmax(15rem, .63fr) minmax(0, 1.37fr);
  gap:1.5rem 4.5rem;
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.25rem);
  background:
    linear-gradient(135deg, rgba(126,146,123,.13), transparent 48%),
    var(--womens-cream);
  border:1px solid var(--womens-line);
  border-left:6px solid var(--womens-sage);
}
.womens-label-heading h2{
  margin:0;
  color:var(--womens-ink);
  font-size:clamp(1.7rem, 3vw, 2.2rem);
}
.womens-label-copy{
  max-width:43rem;
  align-self:start;
}
.womens-label-copy p{
  color:var(--fleece-brown);
}
.womens-label-copy p:first-child{ margin-top:0; }
.womens-label-copy p:last-child{ margin-bottom:0; }
.womens-label-facts{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:.75rem;
  margin:1rem 0 0;
  padding-top:1.25rem;
  border-top:1px solid var(--womens-line);
}
.womens-label-facts div{
  min-width:0;
  padding:1rem;
  background:#fff;
  border-top:3px solid var(--womens-teal);
}
.womens-label-facts div:nth-child(2){ border-top-color:var(--womens-rust); }
.womens-label-facts div:nth-child(3){ border-top-color:var(--womens-plum); }
.womens-label-facts div:nth-child(4){ border-top-color:var(--womens-sage); }
.womens-label-facts dt{
  margin-bottom:.3rem;
  color:var(--womens-ink);
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.womens-label-facts dd{
  margin:0;
  color:var(--fleece-brown);
  font-size:.77rem;
  line-height:1.48;
}

.womens-fit-section{
  display:grid;
  grid-template-columns:minmax(19rem, .88fr) minmax(0, 1.12fr);
  align-items:start;
  gap:2rem 4rem;
  margin:0 0 1rem;
}
.womens-fit-copy h2{
  margin:0 0 .7rem;
  color:var(--womens-ink);
}
.womens-fit-copy > p:last-of-type{
  color:var(--fleece-brown);
}
.womens-fit-details{
  margin-top:1.4rem;
  border-top:1px solid var(--womens-line);
}
.womens-fit-details details{
  border-bottom:1px solid var(--womens-line);
}
.womens-fit-details summary{
  position:relative;
  padding:1rem 2rem 1rem 0;
  color:var(--womens-ink);
  font-size:.86rem;
  font-weight:600;
  cursor:pointer;
  list-style:none;
}
.womens-fit-details summary::-webkit-details-marker{ display:none; }
.womens-fit-details summary::after{
  content:"+";
  position:absolute;
  top:.78rem;
  right:.2rem;
  color:var(--womens-teal);
  font-size:1.35rem;
  font-weight:400;
}
.womens-fit-details details[open] summary::after{ content:"−"; }
.womens-fit-details summary span{
  display:inline-block;
  min-width:2rem;
  color:var(--womens-rust);
  font-size:.6rem;
  letter-spacing:.08em;
}
.womens-fit-details details > div{
  padding:0 1.5rem 1rem 2rem;
}
.womens-fit-details details > div p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.womens-fit-image{
  min-width:0;
  margin:0;
  padding:1rem 1rem 0;
  background:var(--womens-blue);
}
.womens-fit-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  box-shadow:.65rem .65rem 0 rgba(40,107,112,.2);
}
.womens-fit-image figcaption{
  margin:1.2rem 0 0;
  padding:.75rem .25rem 1rem;
}
.womens-between-sizes{
  display:grid;
  grid-template-columns:minmax(15rem, .62fr) minmax(0, 1.38fr);
  gap:1.5rem 3rem;
  margin:0 0 5rem;
  padding:1.5rem clamp(1.25rem, 4vw, 2.5rem);
  color:#fff;
  background:var(--womens-plum-deep);
  border-right:6px solid var(--womens-rust);
}
.womens-between-sizes .eyebrow{
  margin:0 0 .25rem;
  color:#E9C5D6;
}
.womens-between-sizes h3{
  margin:0;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.3rem;
}
.womens-between-sizes > p{
  align-self:center;
  margin:0;
  color:rgba(255,255,255,.8);
  font-size:.84rem;
}

.womens-height-section{
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.5rem);
  background:
    linear-gradient(155deg, rgba(184,100,67,.09), transparent 48%),
    var(--womens-oat);
  border:1px solid var(--womens-line);
}
.womens-height-heading{
  max-width:48rem;
  margin-bottom:1.75rem;
}
.womens-height-heading h2{
  margin:0 0 .65rem;
  color:var(--womens-ink);
}
.womens-height-heading p:last-child{
  margin:0;
  color:var(--fleece-brown);
}
.womens-height-image{
  margin:0 0 1.75rem;
}
.womens-height-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  border-bottom:5px solid var(--womens-teal);
}
.womens-height-track{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:1px;
  background:var(--womens-line);
  border:1px solid var(--womens-line);
}
.womens-height-track section{
  min-width:0;
  padding:1.25rem;
  background:#fff;
}
.womens-height-line{
  display:block;
  width:100%;
  height:.34rem;
  margin-bottom:1rem;
  background:linear-gradient(90deg, var(--womens-teal) var(--height-length, 25%), #E7E1D8 var(--height-length, 25%));
  border-radius:99px;
}
.womens-height-line--ankle{ --height-length:24%; }
.womens-height-line--crew{ --height-length:48%; }
.womens-height-line--mid{ --height-length:72%; }
.womens-height-line--knee{ --height-length:100%; }
.womens-height-track section:nth-child(2) .womens-height-line{ background:linear-gradient(90deg, var(--womens-rust) var(--height-length), #E7E1D8 var(--height-length)); }
.womens-height-track section:nth-child(3) .womens-height-line{ background:linear-gradient(90deg, var(--womens-plum) var(--height-length), #E7E1D8 var(--height-length)); }
.womens-height-track section:nth-child(4) .womens-height-line{ background:linear-gradient(90deg, var(--womens-sage) var(--height-length), #E7E1D8 var(--height-length)); }
.womens-height-name{
  margin:0 0 .3rem;
  color:var(--womens-teal-deep);
  font-size:.6rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.womens-height-track h3{
  margin:0 0 .45rem;
  color:var(--womens-ink);
  font-family:var(--font-display);
  font-size:1.1rem;
}
.womens-height-track p:last-child{
  margin:0;
  color:var(--fleece-brown);
  font-size:.77rem;
}

.womens-weight-section{
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.5rem);
  overflow:hidden;
  background:
    radial-gradient(circle at 100% 0, rgba(195,154,72,.18), transparent 26rem),
    var(--womens-teal-deep);
  border-top:6px solid var(--womens-gold);
}
.womens-weight-heading{
  max-width:50rem;
  margin-bottom:1.75rem;
}
.womens-weight-heading .eyebrow{ color:#E8D29C; }
.womens-weight-heading h2{
  margin:0 0 .65rem;
  color:#fff;
}
.womens-weight-heading p:last-child{
  margin:0;
  color:rgba(255,255,255,.76);
}
.womens-weight-guide{
  display:grid;
  grid-template-columns:minmax(0, 1.04fr) minmax(19rem, .96fr);
  gap:1rem;
}
.womens-weight-image{
  grid-row:1 / span 2;
  min-width:0;
  margin:0;
  padding:1rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
}
.womens-weight-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
}
.womens-weight-image figcaption{
  margin:.85rem 0 0;
  color:rgba(255,255,255,.62);
}
.womens-weight-controls{
  display:none;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:.5rem;
}
.womens-weight-guide.is-enhanced .womens-weight-controls{ display:grid; }
.womens-weight-button{
  appearance:none;
  min-width:0;
  min-height:3.2rem;
  padding:.65rem .55rem;
  color:rgba(255,255,255,.82);
  font:600 .72rem/1.25 var(--font-body);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.24);
  cursor:pointer;
  transition:color .2s var(--ease), background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.womens-weight-button span{
  display:block;
  margin-bottom:.2rem;
  color:#E8D29C;
  font-size:.56rem;
  letter-spacing:.08em;
}
.womens-weight-button:hover{
  color:#fff;
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.5);
  transform:translateY(-1px);
}
.womens-weight-button.is-active,
.womens-weight-button[aria-pressed="true"]{
  color:var(--womens-teal-deep);
  background:var(--womens-oat);
  border-color:var(--womens-oat);
}
.womens-weight-button.is-active span,
.womens-weight-button[aria-pressed="true"] span{ color:var(--womens-rust); }
.womens-weight-button:focus-visible{
  outline:3px solid var(--womens-gold);
  outline-offset:3px;
}
.womens-weight-panels{
  min-width:0;
}
.womens-weight-panel{
  margin-top:.75rem;
  padding:1.4rem;
  color:var(--womens-ink);
  background:var(--womens-cream);
  border-left:5px solid var(--womens-rust);
}
.womens-weight-panel:first-child{ margin-top:0; }
.womens-weight-guide.is-enhanced .womens-weight-panel{ margin-top:0; }
.womens-weight-guide.is-enhanced .womens-weight-panel:not(.is-active){ display:none; }
.womens-weight-kicker{
  margin:0 0 .35rem;
  color:var(--womens-teal-deep);
  font-size:.61rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.womens-weight-panel h3{
  margin:0 0 .55rem;
  color:var(--womens-ink);
  font-family:var(--font-display);
  font-size:1.3rem;
}
.womens-weight-panel > p:not(.womens-weight-kicker){
  color:var(--fleece-brown);
  font-size:.82rem;
}
.womens-weight-panel dl{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:.65rem;
  margin:1rem 0 0;
}
.womens-weight-panel dl div{
  min-width:0;
  padding:.7rem;
  background:#fff;
  border-top:2px solid var(--womens-sage);
}
.womens-weight-panel dt{
  margin-bottom:.18rem;
  color:var(--fleece-silver);
  font-size:.56rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.womens-weight-panel dd{
  margin:0;
  color:var(--womens-ink);
  font-size:.72rem;
  font-weight:600;
}
.womens-weight-status{
  display:none;
  margin:.75rem 0 0;
  color:rgba(255,255,255,.64);
  font-size:.72rem;
}
.womens-weight-guide.is-enhanced + .womens-weight-status{ display:block; }

.womens-blend-section{
  margin:0 0 4.75rem;
  padding-top:1.5rem;
  border-top:1px solid var(--womens-line);
}
.womens-blend-heading{
  display:grid;
  grid-template-columns:minmax(16rem, .68fr) minmax(0, 1.32fr);
  gap:1rem 4rem;
  margin-bottom:1.75rem;
}
.womens-blend-heading .eyebrow{ grid-column:1; margin-bottom:-.55rem; }
.womens-blend-heading h2{
  grid-column:1;
  margin:0;
  color:var(--womens-ink);
}
.womens-blend-heading p:last-child{
  grid-column:2;
  grid-row:1 / span 2;
  align-self:end;
  max-width:41rem;
  margin:0;
  color:var(--fleece-brown);
}
.womens-blend-strips{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
}
.womens-blend-strips section{
  min-width:0;
  padding:1.4rem;
  color:#fff;
  background:var(--blend-color, var(--womens-teal));
}
.womens-blend-strips section:nth-child(2){ --blend-color:var(--womens-rust); }
.womens-blend-strips section:nth-child(3){ --blend-color:var(--womens-plum); }
.womens-blend-strips section:nth-child(4){ --blend-color:#657963; }
.womens-blend-strips span,
.womens-blend-strips strong{ display:block; }
.womens-blend-strips span{
  margin-bottom:1.25rem;
  color:rgba(255,255,255,.72);
  font-size:.58rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.womens-blend-strips strong{
  margin-bottom:.45rem;
  color:#fff;
  font-family:var(--font-display);
  font-size:1.15rem;
}
.womens-blend-strips p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.77rem;
}
.womens-label-check{
  display:grid;
  grid-template-columns:minmax(14rem, .55fr) minmax(0, 1.45fr);
  gap:1.5rem 3rem;
  margin-top:1rem;
  padding:1.25rem 1.5rem;
  background:var(--womens-oat);
  border-right:5px solid var(--womens-gold);
}
.womens-label-check h3{
  margin:0;
  color:var(--womens-ink);
  font-family:var(--font-display);
  font-size:1.18rem;
}
.womens-label-check p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.82rem;
}
.womens-fiber-promo{ --thread:var(--womens-teal); }

.womens-footwear-section{
  margin:0 0 5rem;
  padding:clamp(2rem, 5vw, 3.5rem);
  background:
    linear-gradient(135deg, rgba(220,231,234,.75), rgba(243,235,221,.75)),
    #fff;
  border:1px solid var(--womens-line);
}
.womens-footwear-heading{
  max-width:48rem;
  margin-bottom:1.75rem;
}
.womens-footwear-heading h2{
  margin:0 0 .65rem;
  color:var(--womens-ink);
}
.womens-footwear-heading p:last-child{
  margin:0;
  color:var(--fleece-brown);
}
.womens-footwear-cards{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1rem;
}
.womens-footwear-card{
  position:relative;
  min-width:0;
  min-height:16rem;
  padding:1.5rem;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--womens-line);
  border-bottom:5px solid var(--footwear-color, var(--womens-plum));
}
.womens-footwear-card::after{
  content:"";
  position:absolute;
  right:-2rem;
  bottom:-2.5rem;
  width:7rem;
  height:7rem;
  background:color-mix(in srgb, var(--footwear-color, var(--womens-plum)) 12%, transparent);
  border-radius:50%;
}
.womens-footwear-card--dress{ --footwear-color:var(--womens-plum); }
.womens-footwear-card--casual{ --footwear-color:var(--womens-teal); }
.womens-footwear-card--boot{ --footwear-color:var(--womens-rust); }
.womens-footwear-number{
  margin:0 0 1.6rem;
  color:var(--footwear-color);
  font-size:.62rem;
  font-weight:600;
  letter-spacing:.1em;
}
.womens-footwear-card h3{
  margin:0 0 .6rem;
  color:var(--womens-ink);
  font-family:var(--font-display);
  font-size:1.3rem;
}
.womens-footwear-card > p:not(.womens-footwear-number){
  color:var(--fleece-brown);
  font-size:.82rem;
}
.womens-footwear-card > span{
  position:absolute;
  right:1.5rem;
  bottom:1.35rem;
  left:1.5rem;
  z-index:1;
  padding-top:.65rem;
  color:var(--footwear-color);
  font-size:.64rem;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
  border-top:1px solid var(--womens-line);
}

.womens-wardrobe-section{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(18rem, .92fr);
  gap:0;
  margin:0 0 5rem;
  background:var(--womens-cream);
  border:1px solid var(--womens-line);
}
.womens-wardrobe-image{
  min-width:0;
  margin:0;
  background:var(--womens-ink);
}
.womens-wardrobe-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:31rem;
  object-fit:cover;
}
.womens-wardrobe-image figcaption{
  margin:0;
  padding:.8rem 1rem;
  color:rgba(255,255,255,.7);
  background:var(--womens-ink);
}
.womens-wardrobe-copy{
  align-self:center;
  padding:clamp(2rem, 5vw, 3.5rem);
}
.womens-wardrobe-copy h2{
  margin:0 0 .75rem;
  color:var(--womens-ink);
}
.womens-wardrobe-copy p{
  color:var(--fleece-brown);
}
.womens-wardrobe-copy ul{
  margin:1.25rem 0 0;
  padding:0;
  color:var(--fleece-brown);
  font-size:.82rem;
  list-style:none;
}
.womens-wardrobe-copy li{
  position:relative;
  padding:.55rem 0 .55rem 1.35rem;
  border-bottom:1px solid var(--womens-line);
}
.womens-wardrobe-copy li::before{
  content:"";
  position:absolute;
  top:.9rem;
  left:.15rem;
  width:.48rem;
  height:.48rem;
  background:var(--womens-teal);
  border-radius:50%;
}
.womens-care-rhythm{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:1px;
  background:rgba(255,255,255,.18);
  border-top:5px solid var(--womens-gold);
}
.womens-care-rhythm section{
  min-width:0;
  padding:1.2rem 1.35rem;
  color:#fff;
  background:var(--womens-teal-deep);
}
.womens-care-rhythm section:nth-child(2){ background:var(--womens-plum-deep); }
.womens-care-rhythm section:nth-child(3){ background:#5D715B; }
.womens-care-rhythm span{
  display:block;
  margin-bottom:.35rem;
  color:#E8D29C;
  font-size:.59rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.womens-care-rhythm p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:.76rem;
}

.womens-faq .sock-faq-list summary::after{ color:var(--womens-teal); }
.womens-faq .sock-faq-list summary:hover{ color:var(--womens-teal-deep); }
.womens-related-guides{
  background:
    linear-gradient(135deg, rgba(40,107,112,.11), rgba(184,100,67,.09), rgba(126,146,123,.1)),
    #FBFAF7;
}
.womens-related-guides a{ border-left-color:var(--womens-teal); }
.womens-related-guides li:nth-child(2) a{ border-left-color:var(--womens-plum); }
.womens-related-guides li:nth-child(3) a{ border-left-color:var(--womens-rust); }
.womens-related-guides li:nth-child(4) a{ border-left-color:var(--womens-sage); }
.womens-related-guides a:hover{ border-color:var(--womens-teal); }
.womens-closing{
  padding-top:1.75rem;
  border-top:1px solid var(--womens-line);
}

@media (max-width:64rem){
  .womens-hero{
    grid-template-columns:minmax(0, 1.05fr) minmax(19rem, .95fr);
  }
  .womens-hero-copy{ padding:2.5rem; }
  .womens-label-section{ gap:1.5rem 3rem; }
  .womens-fit-section{ gap:2rem 2.5rem; }
  .womens-weight-guide{ grid-template-columns:minmax(0, 1fr) minmax(18rem, 1fr); }
  .womens-blend-strips{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .womens-wardrobe-copy{ padding:2.5rem; }
}

@media (max-width:58rem){
  .womens-label-facts{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .womens-fit-section{ grid-template-columns:1fr; }
  .womens-fit-copy{
    display:grid;
    grid-template-columns:minmax(15rem, .7fr) minmax(0, 1.3fr);
    gap:0 2rem;
  }
  .womens-fit-copy .eyebrow,
  .womens-fit-copy h2{ grid-column:1; }
  .womens-fit-copy > p:last-of-type{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:end;
    margin:0;
  }
  .womens-fit-details{ grid-column:1 / -1; }
  .womens-height-track{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .womens-weight-guide{ grid-template-columns:1fr; }
  .womens-weight-image{ grid-row:auto; }
  .womens-weight-controls{ order:2; }
  .womens-weight-panels{ order:3; }
  .womens-weight-panel dl{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .womens-footwear-cards{ grid-template-columns:1fr; }
  .womens-footwear-card{
    min-height:0;
    padding-bottom:4.25rem;
  }
  .womens-wardrobe-section{ grid-template-columns:1fr; }
  .womens-wardrobe-image img{
    height:auto;
    min-height:0;
    aspect-ratio:3 / 2;
  }
}

@media (max-width:45.99rem){
  .womens-hero{
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .womens-hero-image{ order:2; }
  .womens-hero-copy{
    order:1;
    padding:2.6rem 1.25rem 2rem;
  }
  .womens-hero-copy h1{ font-size:clamp(2.7rem, 14vw, 4rem); }
  .womens-hero-image img{
    height:auto;
    min-height:0;
    aspect-ratio:3 / 2;
  }
  .womens-hero-image figcaption{
    position:static;
    max-width:none;
    padding:.8rem 1rem;
    background:var(--womens-teal-deep);
  }
  .womens-guide-ribbon{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(8.75rem, 1fr);
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  .womens-guide-ribbon a{ border-left:1px solid var(--womens-line); }
  .womens-guide-ribbon a:first-child{ border-left:0; }
  .womens-label-section,
  .womens-fit-copy,
  .womens-between-sizes,
  .womens-blend-heading,
  .womens-label-check{ display:block; }
  .womens-label-section{ padding:2rem 1rem; }
  .womens-label-heading,
  .womens-fit-copy h2,
  .womens-between-sizes > div,
  .womens-blend-heading h2,
  .womens-label-check h3{ margin-bottom:1.25rem; }
  .womens-label-facts{ grid-template-columns:1fr; }
  .womens-fit-copy .eyebrow,
  .womens-fit-copy h2,
  .womens-fit-copy > p:last-of-type,
  .womens-fit-details{ display:block; }
  .womens-fit-copy > p:last-of-type{ margin-bottom:1.25rem; }
  .womens-fit-details details > div{ padding-left:0; }
  .womens-between-sizes{ padding:1.5rem 1.25rem; }
  .womens-height-section{ padding:2rem 1rem; }
  .womens-height-track{ grid-template-columns:1fr; }
  .womens-height-track section{
    display:grid;
    grid-template-columns:5rem minmax(0, 1fr);
    gap:.15rem 1rem;
  }
  .womens-height-line{
    grid-row:1 / span 3;
    align-self:center;
    margin:0;
  }
  .womens-height-name,
  .womens-height-track h3,
  .womens-height-track p:last-child{ grid-column:2; }
  .womens-weight-section{ padding:2rem 1rem; }
  .womens-weight-controls{ grid-template-columns:1fr; }
  .womens-weight-button{
    display:grid;
    grid-template-columns:2rem minmax(0, 1fr);
    align-items:center;
    text-align:left;
  }
  .womens-weight-button span{ margin:0; }
  .womens-weight-panel{ padding:1.2rem; }
  .womens-weight-panel dl{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .womens-blend-heading .eyebrow,
  .womens-blend-heading h2,
  .womens-blend-heading p:last-child{ display:block; }
  .womens-blend-strips{ grid-template-columns:1fr; }
  .womens-blend-strips section{
    display:grid;
    grid-template-columns:minmax(8rem, .45fr) minmax(0, 1.55fr);
    gap:.25rem 1rem;
  }
  .womens-blend-strips span{
    grid-row:1 / span 2;
    margin:0;
  }
  .womens-blend-strips strong,
  .womens-blend-strips p{ grid-column:2; }
  .womens-footwear-section{ padding:2rem 1rem; }
  .womens-wardrobe-copy{ padding:2rem 1rem; }
  .womens-care-rhythm{ grid-template-columns:1fr; }
}

@media (max-width:34rem){
  .womens-height-track section{
    grid-template-columns:3.5rem minmax(0, 1fr);
  }
  .womens-weight-panel dl{ grid-template-columns:1fr; }
  .womens-blend-strips section{ display:block; }
  .womens-blend-strips span{ margin-bottom:.65rem; }
  .womens-blend-strips strong,
  .womens-blend-strips p{ display:block; }
}

@media (prefers-reduced-motion:reduce){
  .womens-guide-ribbon a,
  .womens-weight-button{ transition:none; }
}

/* Men's sock guide
   Practical fit-and-construction workshop */
.sock-guide--mens{
  --mens-ink:#173247;
  --mens-ink-deep:#0e2434;
  --mens-forest:#315d4c;
  --mens-forest-deep:#23483a;
  --mens-tobacco:#9b623b;
  --mens-rust:#b4503a;
  --mens-slate:#64717a;
  --mens-oat:#f2ecdf;
  --mens-paper:#fbfaf6;
  --mens-mist:#e8edef;
  --mens-line:rgba(23,50,71,.18);
  --mens-white-line:rgba(255,255,255,.2);
  --mens-shadow:0 20px 54px rgba(19,39,52,.13);
  color:#2e302f;
}

.sock-guide--mens .eyebrow{
  color:var(--mens-forest-deep);
  letter-spacing:.12em;
}

.sock-guide--mens h1,
.sock-guide--mens h2,
.sock-guide--mens h3{ color:var(--mens-ink-deep); }

.sock-guide--mens h2{
  font-size:clamp(2rem, 4.25vw, 3.55rem);
  line-height:1.02;
  letter-spacing:-.035em;
}

.sock-guide--mens a:not(.wordmark):not(.mens-index-rail a):not(.promo a):not(.related-sock-guides a){
  text-decoration-color:rgba(180,80,58,.55);
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
}

.sock-guide--mens figure{ margin:0; }

.mens-hero,
.mens-category-note,
.mens-fit-section,
.mens-footwear-section,
.mens-construction-section,
.mens-blend-section,
.mens-care-section{
  min-width:0;
}

.mens-hero{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
  min-height:42rem;
  margin-top:1.5rem;
  overflow:hidden;
  border:1px solid var(--mens-line);
  background:var(--mens-paper);
  box-shadow:var(--mens-shadow);
}

.mens-hero::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  z-index:2;
  width:.48rem;
  height:100%;
  background:linear-gradient(var(--mens-rust) 0 34%, var(--mens-tobacco) 34% 67%, var(--mens-forest) 67%);
}

.mens-hero-copy{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(3rem, 6vw, 6.4rem) clamp(2rem, 5vw, 5rem) clamp(7rem, 10vw, 9rem);
  background:
    linear-gradient(90deg, rgba(23,50,71,.055) 1px, transparent 1px) 0 0 / 2.25rem 2.25rem,
    linear-gradient(rgba(23,50,71,.055) 1px, transparent 1px) 0 0 / 2.25rem 2.25rem,
    var(--mens-oat);
}

.mens-hero-copy::after{
  content:"FIELD / FIT / FOOTWEAR";
  position:absolute;
  right:1.2rem;
  top:50%;
  color:rgba(23,50,71,.32);
  font-size:.67rem;
  font-weight:600;
  letter-spacing:.22em;
  writing-mode:vertical-rl;
  transform:translateY(-50%);
}

.mens-hero-copy h1{
  max-width:7.5em;
  margin:.5rem 0 1.3rem;
  font-size:clamp(3.4rem, 7vw, 6.6rem);
  line-height:.86;
  letter-spacing:-.065em;
}

.mens-hero-copy .lede{
  max-width:39rem;
  margin:0;
  color:#465159;
  font-size:clamp(1.05rem, 1.55vw, 1.25rem);
  line-height:1.7;
}

.mens-hero-ledger{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  margin:2.2rem 0 0;
  border-top:2px solid var(--mens-ink);
}

.mens-hero-ledger div{
  min-width:0;
  padding:1rem .8rem 0 0;
  border-right:1px solid var(--mens-line);
}

.mens-hero-ledger div + div{ padding-left:.8rem; }
.mens-hero-ledger div:last-child{ border-right:0; }

.mens-hero-ledger dt{
  margin-bottom:.3rem;
  color:var(--mens-rust);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mens-hero-ledger dd{
  margin:0;
  color:var(--mens-ink-deep);
  font-size:.82rem;
  line-height:1.45;
}

.mens-hero-image{
  position:relative;
  min-width:0;
  background:var(--mens-ink);
}

.mens-hero-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:42rem;
  object-fit:cover;
}

.mens-hero-image figcaption{
  position:absolute;
  right:1.25rem;
  bottom:1.25rem;
  max-width:23rem;
  padding:.85rem 1rem;
  color:#fff;
  border-left:3px solid var(--mens-rust);
  background:rgba(14,36,52,.88);
  backdrop-filter:blur(8px);
  font-size:.78rem;
  line-height:1.5;
}

.mens-hero-stamp{
  position:absolute;
  left:clamp(2rem, 5vw, 5rem);
  bottom:1.6rem;
  z-index:3;
  width:min(34rem, calc(44% - 3rem));
  padding:1rem 1.1rem;
  color:#fff;
  border:1px solid var(--mens-white-line);
  background:var(--mens-ink);
  box-shadow:0 12px 30px rgba(14,36,52,.2);
}

.mens-hero-stamp span{
  display:block;
  margin-bottom:.35rem;
  color:#efb192;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mens-hero-stamp p{
  margin:0;
  color:rgba(255,255,255,.88);
  font-size:.82rem;
  line-height:1.5;
}

.mens-index-rail{
  display:grid;
  grid-template-columns:repeat(5, minmax(0, 1fr));
  margin-bottom:clamp(3.5rem, 8vw, 7rem);
  border:1px solid var(--mens-line);
  border-top:0;
  background:#fff;
}

.mens-index-rail a{
  position:relative;
  display:flex;
  gap:.65rem;
  align-items:center;
  min-height:4.6rem;
  padding:.8rem 1rem;
  color:var(--mens-ink-deep);
  border-left:1px solid var(--mens-line);
  text-decoration:none;
  transition:color .2s ease, background-color .2s ease;
}

.mens-index-rail a:first-child{ border-left:0; }
.mens-index-rail a:hover,
.mens-index-rail a:focus-visible{
  color:#fff;
  background:var(--mens-forest);
}

.mens-index-rail span{
  color:var(--mens-rust);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.08em;
}

.mens-index-rail a:hover span,
.mens-index-rail a:focus-visible span{ color:#f3b294; }

.mens-category-note{
  display:grid;
  grid-template-columns:minmax(15rem, .72fr) minmax(20rem, 1.28fr);
  gap:2rem 5rem;
  padding:clamp(2.5rem, 5vw, 4.5rem);
  border-top:5px solid var(--mens-forest);
  background:linear-gradient(115deg, var(--mens-mist), #f7f8f6 64%);
}

.mens-category-heading h2{ margin:.55rem 0 0; }

.mens-category-copy{
  align-self:end;
  max-width:49rem;
}

.mens-category-copy p{
  margin:0;
  color:#4d585e;
  font-size:1.02rem;
  line-height:1.75;
}

.mens-category-copy p + p{ margin-top:1rem; }

.mens-category-tags{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  border-top:1px solid var(--mens-line);
  border-bottom:1px solid var(--mens-line);
}

.mens-category-tags span{
  padding:1rem;
  color:var(--mens-ink);
  border-left:1px solid var(--mens-line);
  font-size:.78rem;
  font-weight:600;
  line-height:1.35;
  text-align:center;
}

.mens-category-tags span:first-child{ border-left:0; }

.mens-fit-section{
  display:grid;
  grid-template-columns:minmax(0, .88fr) minmax(0, 1.12fr);
  gap:clamp(2.5rem, 6vw, 6rem);
  align-items:start;
  padding:clamp(4rem, 9vw, 8rem) 0 3.5rem;
}

.mens-fit-image{
  position:sticky;
  top:6rem;
}

.mens-fit-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  box-shadow:var(--mens-shadow);
}

.mens-fit-image figcaption,
.mens-construction-image figcaption,
.mens-care-image figcaption{
  padding:.85rem 1rem;
  color:#dce5e3;
  border-top:3px solid var(--mens-tobacco);
  background:var(--mens-ink-deep);
  font-size:.78rem;
  line-height:1.5;
}

.mens-fit-copy > p:not(.eyebrow){
  max-width:44rem;
  color:#556067;
  line-height:1.75;
}

.mens-fit-copy h2{ max-width:10em; margin:.55rem 0 1.2rem; }

.mens-fit-ledger{
  margin:2rem 0 0;
  padding:0;
  border-top:2px solid var(--mens-ink);
  list-style:none;
}

.mens-fit-ledger li{
  display:grid;
  grid-template-columns:3.6rem minmax(0, 1fr);
  gap:1rem;
  padding:1.35rem 0;
  border-bottom:1px solid var(--mens-line);
}

.mens-fit-ledger > li > span{
  color:var(--mens-rust);
  font-family:"Fraunces", Georgia, serif;
  font-size:1.45rem;
}

.mens-fit-ledger h3{
  margin:0 0 .35rem;
  font-size:1.06rem;
}

.mens-fit-ledger p{
  margin:0;
  color:#5b6367;
  font-size:.91rem;
  line-height:1.65;
}

.mens-size-brief{
  display:grid;
  grid-template-columns:12rem minmax(0, 1fr);
  gap:2rem;
  margin-bottom:clamp(4rem, 9vw, 8rem);
  padding:1.6rem 2rem;
  color:#fff;
  border-left:7px solid var(--mens-rust);
  background:var(--mens-ink);
}

.mens-size-brief-label{
  margin:0;
  padding-right:2rem;
  color:#f1b394;
  border-right:1px solid var(--mens-white-line);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.mens-size-brief h3{ margin:0 0 .35rem; color:#fff; }
.mens-size-brief div p{ margin:0; color:rgba(255,255,255,.78); line-height:1.6; }

.mens-footwear-section{
  margin-inline:calc(50% - 50vw);
  padding:clamp(4rem, 8vw, 7rem) max(1.25rem, calc((100vw - min(1180px, 92vw)) / 2));
  color:#fff;
  background:
    radial-gradient(circle at 90% 8%, rgba(180,80,58,.28), transparent 25rem),
    linear-gradient(135deg, var(--mens-ink-deep), var(--mens-ink));
}

.mens-footwear-heading{
  display:grid;
  grid-template-columns:minmax(18rem, .85fr) minmax(20rem, 1.15fr);
  gap:1rem 5rem;
  align-items:end;
  margin-bottom:2.5rem;
}

.mens-footwear-heading .eyebrow{ grid-column:1 / -1; color:#f1b394; }
.mens-footwear-heading h2{ margin:0; color:#fff; }
.mens-footwear-heading > p:last-child{ margin:0; color:rgba(255,255,255,.72); line-height:1.7; }

.mens-footwear-board{
  display:grid;
  grid-template-columns:minmax(18rem, .85fr) minmax(20rem, 1.15fr);
  border:1px solid var(--mens-white-line);
  background:rgba(255,255,255,.055);
  box-shadow:0 28px 65px rgba(0,0,0,.2);
}

.mens-footwear-controls{ display:none; }

.mens-footwear-board.is-enhanced{
  grid-template-columns:13.5rem minmax(17rem, .78fr) minmax(20rem, 1.22fr);
}

.mens-footwear-board.is-enhanced .mens-footwear-controls{
  display:flex;
  flex-direction:column;
  border-right:1px solid var(--mens-white-line);
  background:rgba(0,0,0,.12);
}

.mens-footwear-button{
  flex:1;
  display:grid;
  grid-template-columns:2rem minmax(0, 1fr);
  gap:.55rem;
  align-items:center;
  min-height:5.3rem;
  padding:1rem;
  color:rgba(255,255,255,.72);
  border:0;
  border-bottom:1px solid var(--mens-white-line);
  background:transparent;
  font:600 .82rem/1.35 "Inter", sans-serif;
  text-align:left;
  cursor:pointer;
  transition:color .2s ease, background-color .2s ease, box-shadow .2s ease;
}

.mens-footwear-button:last-child{ border-bottom:0; }
.mens-footwear-button span{ color:#ef9f7e; font-size:.67rem; letter-spacing:.08em; }
.mens-footwear-button:hover,
.mens-footwear-button:focus-visible{ color:#fff; background:rgba(255,255,255,.08); }
.mens-footwear-button.is-active{
  color:#fff;
  background:var(--mens-forest);
  box-shadow:inset 5px 0 var(--mens-rust);
}

.mens-footwear-image{
  position:relative;
  min-width:0;
}

.mens-footwear-image img{
  display:block;
  width:100%;
  height:100%;
  min-height:35rem;
  object-fit:cover;
}

.mens-footwear-image figcaption{
  position:absolute;
  left:1rem;
  right:1rem;
  bottom:1rem;
  padding:.85rem 1rem;
  color:#fff;
  border-left:3px solid var(--mens-rust);
  background:rgba(14,36,52,.88);
  font-size:.76rem;
  line-height:1.5;
}

.mens-footwear-panels{
  display:grid;
  gap:1px;
  min-width:0;
  background:var(--mens-white-line);
}

.mens-footwear-panel{
  padding:clamp(1.5rem, 3vw, 2.5rem);
  color:var(--mens-ink-deep);
  background:var(--mens-paper);
}

.mens-footwear-board.is-enhanced .mens-footwear-panels{ display:block; background:transparent; }
.mens-footwear-board.is-enhanced .mens-footwear-panel{ height:100%; }
.mens-footwear-board.is-enhanced .mens-footwear-panel:not(.is-active){ display:none; }

.mens-footwear-kicker{
  margin:0 0 .65rem;
  color:var(--mens-rust);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.mens-footwear-panel h3{
  max-width:15em;
  margin:0 0 1rem;
  font-size:clamp(1.65rem, 2.6vw, 2.35rem);
  line-height:1.08;
}

.mens-footwear-panel > p:not(.mens-footwear-kicker){
  color:#556067;
  line-height:1.7;
}

.mens-footwear-panel dl{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  margin:1.8rem 0 0;
  border-top:2px solid var(--mens-ink);
}

.mens-footwear-panel dl div{
  min-width:0;
  padding:.9rem .8rem .9rem 0;
  border-bottom:1px solid var(--mens-line);
}

.mens-footwear-panel dl div:nth-child(even){ padding-left:.8rem; border-left:1px solid var(--mens-line); }
.mens-footwear-panel dt{ color:var(--mens-slate); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.mens-footwear-panel dd{ margin:.25rem 0 0; color:var(--mens-ink-deep); font-size:.83rem; line-height:1.45; }

.mens-footwear-status{
  display:none;
  margin:.85rem 0 0;
  color:rgba(255,255,255,.66);
  font-size:.76rem;
}

.mens-footwear-board.is-enhanced + .mens-footwear-status{ display:block; }

.mens-construction-section{
  display:grid;
  grid-template-columns:minmax(18rem, .75fr) minmax(22rem, 1.25fr);
  gap:2rem 5rem;
  padding:clamp(4rem, 9vw, 8rem) 0;
}

.mens-construction-heading{ align-self:end; }
.mens-construction-heading h2{ margin:.55rem 0 1rem; }
.mens-construction-heading > p:last-child{ color:#586168; line-height:1.75; }

.mens-construction-image{ grid-column:2; grid-row:1 / span 2; }
.mens-construction-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  box-shadow:var(--mens-shadow);
}

.mens-construction-bench{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:1px;
  align-self:start;
  background:var(--mens-line);
  border:1px solid var(--mens-line);
}

.mens-construction-bench section{
  min-height:12rem;
  padding:1.25rem;
  background:var(--mens-paper);
}

.mens-construction-bench span{
  display:block;
  margin-bottom:1.4rem;
  color:var(--mens-rust);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.12em;
}

.mens-construction-bench h3{ margin:0 0 .45rem; font-size:1.02rem; }
.mens-construction-bench p{ margin:0; color:#5b656a; font-size:.87rem; line-height:1.6; }

.mens-blend-section{
  position:relative;
  display:grid;
  grid-template-columns:minmax(18rem, .72fr) minmax(24rem, 1.28fr);
  gap:2rem 5rem;
  padding:clamp(3rem, 7vw, 6rem);
  overflow:hidden;
  border:1px solid var(--mens-line);
  background:
    linear-gradient(90deg, transparent 49.8%, rgba(23,50,71,.045) 50%, transparent 50.2%) 0 0 / 3rem 3rem,
    linear-gradient(transparent 49.8%, rgba(23,50,71,.045) 50%, transparent 50.2%) 0 0 / 3rem 3rem,
    var(--mens-oat);
}

.mens-blend-copy{ align-self:center; }
.mens-blend-copy h2{ margin:.55rem 0 1rem; }
.mens-blend-copy > p:last-child{ color:#536068; line-height:1.75; }

.mens-blend-ledger{ border-top:3px solid var(--mens-forest); }

.mens-blend-ledger section{
  display:grid;
  grid-template-columns:3rem minmax(0, 1fr) 7rem;
  gap:1rem;
  align-items:center;
  padding:1.15rem 0;
  border-bottom:1px solid var(--mens-line);
}

.mens-blend-code{
  display:grid;
  place-items:center;
  width:2.5rem;
  aspect-ratio:1;
  color:#fff;
  background:var(--mens-ink);
  font-family:"Fraunces", Georgia, serif;
  font-size:1.25rem;
}

.mens-blend-ledger h3{ margin:0 0 .2rem; font-size:1rem; }
.mens-blend-ledger p{ margin:0; color:#61696c; font-size:.84rem; line-height:1.5; }
.mens-blend-ledger strong{ color:var(--mens-rust); font-size:.7rem; letter-spacing:.08em; text-align:right; text-transform:uppercase; }

.mens-blend-rule{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:10rem minmax(0, 1fr);
  gap:1.5rem;
  padding:1.25rem 1.5rem;
  color:#fff;
  background:var(--mens-forest);
}

.mens-blend-rule span{ color:#f1b394; font-size:.7rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.mens-blend-rule p{ margin:0; color:rgba(255,255,255,.86); line-height:1.6; }

.mens-fiber-promo{ margin-block:2rem clamp(4rem, 9vw, 8rem); }

.mens-care-section{
  display:grid;
  grid-template-columns:minmax(22rem, 1.1fr) minmax(18rem, .9fr);
  gap:clamp(2.5rem, 6vw, 6rem);
  align-items:start;
  padding-bottom:clamp(4rem, 9vw, 8rem);
}

.mens-care-copy h2{ max-width:11em; margin:.55rem 0 1rem; }
.mens-care-copy > p:not(.eyebrow){ max-width:46rem; color:#586268; line-height:1.75; }

.mens-care-cycle{
  margin:2rem 0 0;
  padding:0;
  border-top:2px solid var(--mens-ink);
  list-style:none;
  counter-reset:care;
}

.mens-care-cycle li{
  display:grid;
  grid-template-columns:7rem minmax(0, 1fr);
  gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid var(--mens-line);
}

.mens-care-cycle span{
  color:var(--mens-rust);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.mens-care-cycle p{ margin:0; color:#596368; font-size:.88rem; line-height:1.55; }

.mens-care-image{
  position:sticky;
  top:6rem;
}

.mens-care-image img{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  object-fit:cover;
  box-shadow:var(--mens-shadow);
}

.mens-faq{
  padding:clamp(3rem, 7vw, 6rem);
  border-top:5px solid var(--mens-tobacco);
  background:var(--mens-mist);
}

.mens-faq .sock-faq-list details{ background:var(--mens-paper); }
.mens-faq .sock-faq-list summary::after{ color:var(--mens-rust); }

.mens-related-guides{ margin-top:clamp(4rem, 8vw, 7rem); }
.mens-related-guides li:nth-child(1) a{ border-top-color:var(--mens-ink); }
.mens-related-guides li:nth-child(2) a{ border-top-color:var(--mens-tobacco); }
.mens-related-guides li:nth-child(3) a{ border-top-color:var(--mens-forest); }
.mens-related-guides li:nth-child(4) a{ border-top-color:var(--mens-rust); }

.mens-related-guides a:hover,
.mens-related-guides a:focus-visible{ background:var(--mens-oat); }

.mens-closing{
  position:relative;
  overflow:hidden;
  border-left:7px solid var(--mens-rust);
  background:var(--mens-ink-deep);
}

.mens-closing::after{
  content:"05";
  position:absolute;
  right:1.5rem;
  bottom:-.3em;
  color:rgba(255,255,255,.05);
  font-family:"Fraunces", Georgia, serif;
  font-size:10rem;
  line-height:1;
}

.mens-closing .eyebrow{ color:#f1b394; }
.mens-closing h2,
.mens-closing p{ position:relative; z-index:1; color:#fff; }
.mens-closing p{ color:rgba(255,255,255,.78); }
.mens-closing > a{
  position:relative;
  z-index:1;
  display:inline-block;
  margin-top:1rem;
  padding:.8rem 1rem;
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  text-decoration:none !important;
  transition:color .2s ease, background-color .2s ease;
}
.mens-closing > a:hover,
.mens-closing > a:focus-visible{ color:var(--mens-ink-deep); background:#fff; }

@media (max-width:70rem){
  .mens-hero-copy{ padding-inline:clamp(2rem, 4vw, 3.5rem); }
  .mens-hero-stamp{ left:clamp(2rem, 4vw, 3.5rem); }
  .mens-footwear-board.is-enhanced{ grid-template-columns:11rem minmax(16rem, .8fr) minmax(19rem, 1.2fr); }
  .mens-footwear-button{ grid-template-columns:1.5rem minmax(0, 1fr); padding:.8rem; }
}

@media (max-width:64rem){
  .mens-hero{ min-height:36rem; }
  .mens-hero-image img{ min-height:36rem; }
  .mens-hero-stamp{ width:calc(44% - 2rem); }
  .mens-category-note{ gap:2rem 3rem; }
  .mens-fit-section,
  .mens-construction-section,
  .mens-blend-section,
  .mens-care-section{ gap:2rem 3.5rem; }
  .mens-footwear-board.is-enhanced{
    grid-template-columns:minmax(17rem, .82fr) minmax(20rem, 1.18fr);
  }
  .mens-footwear-board.is-enhanced .mens-footwear-controls{
    grid-column:1 / -1;
    flex-direction:row;
    border-right:0;
    border-bottom:1px solid var(--mens-white-line);
  }
  .mens-footwear-button{
    min-height:4.5rem;
    border-right:1px solid var(--mens-white-line);
    border-bottom:0;
  }
  .mens-footwear-button:last-child{ border-right:0; }
  .mens-footwear-button.is-active{ box-shadow:inset 0 4px var(--mens-rust); }
}

@media (max-width:58rem){
  .mens-hero{
    grid-template-columns:1fr;
    min-height:0;
  }
  .mens-hero-copy{ padding:4rem 3rem 7.5rem; }
  .mens-hero-copy h1{ max-width:none; }
  .mens-hero-image img{
    height:auto;
    min-height:0;
    aspect-ratio:3 / 2;
  }
  .mens-hero-stamp{
    position:relative;
    left:auto;
    bottom:auto;
    grid-column:1;
    grid-row:2;
    align-self:start;
    justify-self:start;
    width:calc(100% - 6rem);
    margin:0 3rem;
    transform:translateY(-50%);
  }
  .mens-index-rail{
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:minmax(10rem, 1fr);
    overflow-x:auto;
    overscroll-behavior-inline:contain;
  }
  .mens-category-note,
  .mens-fit-section,
  .mens-construction-section,
  .mens-blend-section,
  .mens-care-section{ grid-template-columns:1fr; }
  .mens-category-copy{ max-width:none; }
  .mens-fit-image,
  .mens-care-image{ position:static; }
  .mens-fit-image{ order:2; }
  .mens-fit-copy{ order:1; }
  .mens-size-brief{ grid-template-columns:9rem minmax(0, 1fr); }
  .mens-footwear-heading{ grid-template-columns:1fr; gap:1rem; }
  .mens-footwear-heading .eyebrow{ grid-column:auto; }
  .mens-footwear-board,
  .mens-footwear-board.is-enhanced{ grid-template-columns:1fr; }
  .mens-footwear-board.is-enhanced .mens-footwear-controls{
    grid-column:auto;
    overflow-x:auto;
  }
  .mens-footwear-button{ flex:0 0 10.5rem; }
  .mens-footwear-image img{
    height:auto;
    min-height:0;
    aspect-ratio:3 / 2;
  }
  .mens-footwear-panels{ grid-template-columns:1fr; }
  .mens-construction-image{ grid-column:auto; grid-row:auto; }
  .mens-construction-bench{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .mens-construction-bench section{ min-height:13.5rem; }
  .mens-blend-rule{ grid-template-columns:8rem minmax(0, 1fr); }
  .mens-care-image{ grid-row:1; }
}

@media (max-width:45.99rem){
  .mens-hero{ margin-top:.75rem; }
  .mens-hero-copy{ padding:3rem 1.25rem 8.4rem; }
  .mens-hero-copy::after{ display:none; }
  .mens-hero-copy h1{ font-size:clamp(3rem, 15vw, 4.65rem); }
  .mens-hero-ledger{ grid-template-columns:1fr; }
  .mens-hero-ledger div{
    display:grid;
    grid-template-columns:5.25rem minmax(0, 1fr);
    gap:.75rem;
    padding:.75rem 0;
    border-right:0;
    border-bottom:1px solid var(--mens-line);
  }
  .mens-hero-ledger div + div{ padding-left:0; }
  .mens-hero-stamp{
    margin-inline:1.25rem;
    width:calc(100% - 2.5rem);
  }
  .mens-hero-image figcaption{
    position:static;
    max-width:none;
    background:var(--mens-ink-deep);
  }
  .mens-index-rail{ margin-bottom:3.5rem; }
  .mens-index-rail a{ min-height:4.2rem; }
  .mens-category-note{ padding:2.2rem 1.25rem; }
  .mens-category-tags{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .mens-category-tags span:nth-child(3){ border-left:0; border-top:1px solid var(--mens-line); }
  .mens-category-tags span:nth-child(4){ border-top:1px solid var(--mens-line); }
  .mens-fit-section,
  .mens-construction-section,
  .mens-care-section{ padding-block:3.5rem; }
  .mens-fit-ledger li{ grid-template-columns:2.7rem minmax(0, 1fr); }
  .mens-size-brief{ display:block; padding:1.4rem 1.25rem; }
  .mens-size-brief-label{
    margin-bottom:.75rem;
    padding:0 0 .65rem;
    border-right:0;
    border-bottom:1px solid var(--mens-white-line);
  }
  .mens-footwear-section{
    padding-block:3.5rem;
    padding-inline:1rem;
  }
  .mens-footwear-board.is-enhanced .mens-footwear-controls{ display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .mens-footwear-button{
    min-width:0;
    min-height:4.4rem;
    border-right:1px solid var(--mens-white-line);
    border-bottom:1px solid var(--mens-white-line);
  }
  .mens-footwear-button:nth-child(2n){ border-right:0; }
  .mens-footwear-button:nth-last-child(-n+2){ border-bottom:0; }
  .mens-footwear-image figcaption{ position:static; margin:0; }
  .mens-footwear-panel{ padding:1.35rem; }
  .mens-footwear-panel dl{ grid-template-columns:1fr; }
  .mens-footwear-panel dl div:nth-child(even){ padding-left:0; border-left:0; }
  .mens-construction-bench{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .mens-construction-bench section{ min-height:12rem; }
  .mens-blend-section{ padding:2.5rem 1.25rem; }
  .mens-blend-ledger section{ grid-template-columns:2.7rem minmax(0, 1fr); }
  .mens-blend-ledger strong{ grid-column:2; text-align:left; }
  .mens-blend-rule{ display:block; padding:1.25rem; }
  .mens-blend-rule span{ display:block; margin-bottom:.55rem; }
  .mens-care-cycle li{ grid-template-columns:5rem minmax(0, 1fr); }
  .mens-faq{ padding:2.5rem 1rem; }
}

@media (max-width:34rem){
  .mens-hero-copy{ padding-bottom:9.5rem; }
  .mens-category-tags{ grid-template-columns:1fr; }
  .mens-category-tags span{
    border-left:0;
    border-top:1px solid var(--mens-line);
    text-align:left;
  }
  .mens-category-tags span:first-child{ border-top:0; }
  .mens-footwear-board.is-enhanced .mens-footwear-controls{ grid-template-columns:1fr; }
  .mens-footwear-button,
  .mens-footwear-button:nth-child(2n),
  .mens-footwear-button:nth-last-child(-n+2){
    border-right:0;
    border-bottom:1px solid var(--mens-white-line);
  }
  .mens-footwear-button:last-child{ border-bottom:0; }
  .mens-construction-bench{ grid-template-columns:1fr; }
  .mens-construction-bench section{ min-height:0; }
  .mens-care-cycle li{ grid-template-columns:1fr; gap:.35rem; }
}

@media (prefers-reduced-motion:reduce){
  .mens-index-rail a,
  .mens-footwear-button,
  .mens-closing > a{ transition:none; }
}