/* ==========================================================================
   ALPACA BREEDS — /alpacas/breeds/
   Load after style.css and alpacas.css.
   ========================================================================== */

.breed-page{
  --huacaya:#6E7F69;
  --suri:#8E7256;
}

.breed-thread-green{ --thread:#667D63; }
.breed-thread-blue{ --thread:#657D91; }
.breed-thread-brown{ --thread:#8E7256; }
.breed-thread-red{ --thread:#7C514B; }
.breed-thread-rust{ --thread:#A06D4D; }

.breed-head{
  max-width:50rem;
}

.breed-head .lede{
  max-width:46rem;
}

.breed-jump-links{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:2rem 0 2.5rem;
}

.breed-jump-links a{
  padding:.45rem .75rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-radius:999px;
  color:var(--fleece-brown);
  font-size:.8125rem;
  font-weight:500;
  text-decoration:none;
}

.breed-jump-links a:hover{
  border-color:var(--indigo);
  color:var(--indigo);
}

.breed-hero{
  margin:0;
}

.breed-hero img{
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}

.breed-hero figcaption,
.breed-page figure figcaption{
  margin-top:.6rem;
  color:var(--fleece-silver);
  font-size:.8125rem;
}

.breed-overview,
.breed-comparison,
.breed-fleece,
.breed-clothing,
.breed-choosing{
  margin-top:5rem;
  padding-top:3.5rem;
  border-top:1px solid var(--fleece-beige);
}

.breed-section-head{
  max-width:46rem;
}

.breed-section-head h2{
  margin:0 0 1rem;
}

.breed-section-head p{
  color:var(--fleece-brown);
}

.breed-profile-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:2.25rem;
}

.breed-profile{
  position:relative;
  padding:1.75rem 1.75rem 1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:4px solid var(--breed-color);
  border-radius:0 0 var(--radius) var(--radius);
}

.breed-profile--huacaya{ --breed-color:var(--huacaya); }
.breed-profile--suri{ --breed-color:var(--suri); }

.breed-profile-label{
  margin:0 0 .45rem;
  color:var(--breed-color);
  font-size:.6875rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.breed-profile h3{
  margin:0 0 .7rem;
  font-family:var(--font-display);
  font-size:1.55rem;
}

.breed-profile h3 a{
  color:var(--fleece-bay);
  text-decoration:none;
}

.breed-profile h3 a:hover{ color:var(--indigo); }

.breed-profile p:not(.breed-profile-label){
  color:var(--fleece-brown);
  font-size:.9375rem;
}

.breed-profile-link{
  display:inline-block;
  margin-top:.25rem;
  font-size:.875rem;
  font-weight:600;
  text-decoration:none;
}

.breed-common-ground{
  display:grid;
  grid-template-columns:minmax(10rem,.7fr) minmax(0,1.6fr);
  gap:1.5rem 3rem;
  margin-top:1rem;
  padding:1.5rem 1.75rem;
  background:rgba(251,250,247,.55);
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}

.breed-common-ground h3{
  margin:0;
  font-family:var(--font-display);
  font-size:1.25rem;
}

.breed-common-ground ul{
  margin:0;
  padding-left:1.2rem;
  color:var(--fleece-brown);
  font-size:.9375rem;
}

.breed-common-ground li + li{ margin-top:.4rem; }

.breed-comparison-figure{
  max-width:52rem;
  margin:2.25rem auto 0;
}

.breed-comparison-figure img,
.breed-media-section figure img,
.breed-clothing-layout > figure img,
.breed-farm-figure img{
  width:100%;
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}

.breed-table-scroll{
  margin-top:2.25rem;
  overflow-x:auto;
}

.breed-table{
  width:100%;
  min-width:42rem;
  border-collapse:collapse;
  background:var(--fleece-card);
  font-size:.9rem;
}

.breed-table th,
.breed-table td{
  padding:.9rem 1rem;
  border:1px solid var(--fleece-beige);
  text-align:left;
  vertical-align:top;
}

.breed-table thead th{
  font-family:var(--font-display);
  font-size:1.05rem;
  color:var(--fleece-bay);
}

.breed-table thead th:nth-child(2){ border-top:3px solid var(--huacaya); }
.breed-table thead th:nth-child(3){ border-top:3px solid var(--suri); }

.breed-table tbody th{
  width:20%;
  color:var(--fleece-bay);
  font-size:.75rem;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.breed-table td{ color:var(--fleece-brown); }

.breed-page > .promo{
  margin-top:3.25rem;
}

.breed-media-section{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:2rem 3rem;
  align-items:center;
  margin-top:2.75rem;
}

.breed-media-section--reverse figure{ order:2; }

.breed-media-section figure,
.breed-clothing-layout > figure{
  margin:0;
}

.breed-media-copy h3{
  margin:0 0 .75rem;
  font-family:var(--font-display);
  font-size:1.35rem;
}

.breed-media-copy p{
  color:var(--fleece-brown);
  font-size:.9375rem;
}

.breed-media-copy p:last-child{ margin-bottom:0; }

.breed-clothing-layout{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  gap:2rem 2.75rem;
  align-items:start;
  margin-top:2.5rem;
}

.breed-use-grid{
  display:grid;
  gap:.75rem;
}

.breed-use-grid article{
  padding:1.1rem 1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--fleece-silver);
  border-radius:0 var(--radius) var(--radius) 0;
}

.breed-use-grid article:nth-child(1){ border-left-color:var(--huacaya); }
.breed-use-grid article:nth-child(2){ border-left-color:var(--suri); }
.breed-use-grid article:nth-child(3){ border-left-color:var(--indigo); }

.breed-use-grid h3{
  margin:0 0 .4rem;
  font-family:var(--font-display);
  font-size:1.125rem;
}

.breed-use-grid p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.875rem;
}

.breed-farm-figure{
  max-width:52rem;
  margin:2.5rem 0 0 auto;
}

.breed-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:2.5rem;
  padding:1px;
  background:var(--fleece-beige);
  border:1px solid var(--fleece-beige);
}

.breed-choice-grid article{
  padding:1.5rem;
  background:var(--fleece-card);
}

.breed-choice-number{
  display:block;
  margin-bottom:.35rem;
  color:var(--indigo);
  font-family:var(--font-display);
  font-size:.875rem;
}

.breed-choice-grid h3{
  margin:0 0 .5rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}

.breed-choice-grid p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.875rem;
}

.breed-cost-note{
  max-width:48rem;
  margin:2.5rem auto 0;
  padding:1.5rem 1.75rem;
  background:rgba(31,92,107,.055);
  border:1px solid rgba(31,92,107,.25);
  border-left:3px solid var(--indigo);
  border-radius:0 var(--radius) var(--radius) 0;
}

.breed-cost-note h3{
  margin:0 0 .7rem;
  font-family:var(--font-display);
  font-size:1.3rem;
}

.breed-cost-note p{
  color:var(--fleece-brown);
  font-size:.9375rem;
}

.breed-cost-note p:last-child{ margin-bottom:0; }

.breed-closing{
  max-width:46rem;
  margin:2rem 0 0;
  color:var(--fleece-brown);
}

.breed-planning-links{
  margin-top:3.5rem;
}

.breed-next-guides{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:5rem;
  padding-top:3rem;
  border-top:1px solid var(--fleece-beige);
}

.breed-next-guides a{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:1.25rem 1.4rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--guide-color);
  color:var(--fleece-brown);
  text-decoration:none;
  transition:transform .2s var(--ease),box-shadow .2s var(--ease);
}

.breed-next-guides a:first-child{ --guide-color:var(--huacaya); }
.breed-next-guides a:last-child{ --guide-color:var(--suri); }

.breed-next-guides a:hover{
  transform:translateY(-2px);
  box-shadow:var(--shadow-sm);
}

.breed-next-kicker{
  color:var(--guide-color);
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.breed-next-guides strong{
  margin:.15rem 0 .3rem;
  color:var(--fleece-bay);
  font-family:var(--font-display);
  font-size:1.3rem;
}

.breed-next-guides a > span:last-child{
  font-size:.8125rem;
  line-height:1.45;
}

@media (max-width:52rem){
  .breed-overview,
  .breed-comparison,
  .breed-fleece,
  .breed-clothing,
  .breed-choosing{
    margin-top:3.75rem;
    padding-top:2.75rem;
  }

  .breed-media-section,
  .breed-clothing-layout{
    grid-template-columns:1fr;
    gap:1.5rem;
  }

  .breed-media-section--reverse figure{ order:0; }
}

@media (max-width:42rem){
  .breed-profile-grid,
  .breed-choice-grid,
  .breed-next-guides{
    grid-template-columns:1fr;
  }

  .breed-common-ground{
    grid-template-columns:1fr;
    gap:.75rem;
  }

  .breed-jump-links{
    gap:.4rem;
  }

  .breed-jump-links a{
    flex:1 1 calc(50% - .4rem);
    text-align:center;
  }
}

@media (max-width:30rem){
  .breed-jump-links a{ flex-basis:100%; }

  .breed-profile,
  .breed-cost-note{
    padding:1.25rem;
  }

  .breed-table th,
  .breed-table td{
    padding:.75rem;
  }
}

@media (prefers-reduced-motion:reduce){
  .breed-next-guides a{ transition:none; }
}


/* ==========================================================================
   HUACAYA BREED GUIDE — /alpacas/breeds/huacaya/
   ========================================================================== */

.huacaya-page{
  --huacaya-deep:#536650;
  --huacaya-soft:#E3E7DF;
}

.huacaya-head{
  max-width:49rem;
}

.huacaya-hero img{
  object-position:center 42%;
}

.huacaya-identity-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:1rem 0 0;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--huacaya);
}

.huacaya-identity-strip div{
  padding:1rem 1.1rem;
}

.huacaya-identity-strip div + div{
  border-left:1px solid var(--fleece-beige);
}

.huacaya-identity-strip dt{
  color:var(--fleece-silver);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.huacaya-identity-strip dd{
  margin:.1rem 0 0;
  color:var(--fleece-bay);
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:600;
}

.huacaya-section{
  margin-top:5rem;
  padding-top:3.5rem;
  border-top:1px solid var(--fleece-beige);
}

.huacaya-feature-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:2rem 3rem;
  align-items:start;
  margin-top:2.5rem;
}

.huacaya-feature-layout figure,
.huacaya-specimen figure,
.huacaya-color-figure,
.huacaya-shearing-layout figure,
.huacaya-textile-figure{
  margin:0;
}

.huacaya-feature-layout figure img,
.huacaya-specimen figure img,
.huacaya-color-figure img,
.huacaya-shearing-layout figure img,
.huacaya-textile-figure img{
  width:100%;
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}

.huacaya-feature-list{
  border-top:1px solid var(--fleece-beige);
}

.huacaya-feature-list article{
  display:grid;
  grid-template-columns:2.25rem minmax(0,1fr);
  gap:.75rem;
  padding:1rem 0;
  border-bottom:1px solid var(--fleece-beige);
}

.huacaya-feature-list article > span{
  display:block;
  padding-top:.18rem;
  color:var(--huacaya-deep);
  font-family:var(--font-display);
  font-size:.75rem;
  font-weight:600;
}

.huacaya-feature-list h3{
  margin:0 0 .25rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}

.huacaya-feature-list p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.875rem;
}

.huacaya-context{
  max-width:47rem;
  margin:2rem 0 0;
  color:var(--fleece-brown);
}

.huacaya-specimen{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:2rem 2.5rem;
  align-items:start;
  margin-top:2.5rem;
  padding:clamp(1rem,3vw,2rem);
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--huacaya);
}

.huacaya-fleece-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  background:var(--fleece-beige);
  border:1px solid var(--fleece-beige);
}

.huacaya-fleece-grid article{
  padding:1rem;
  background:var(--fleece-white);
}

.huacaya-fleece-grid h3{
  margin:0 0 .35rem;
  color:var(--huacaya-deep);
  font-family:var(--font-display);
  font-size:1rem;
}

.huacaya-fleece-grid p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.8rem;
  line-height:1.5;
}

.huacaya-fleece-note{
  display:flex;
  align-items:baseline;
  gap:.5rem 1.5rem;
  max-width:48rem;
  margin:1rem auto 0;
  padding:1rem 1.25rem;
  background:var(--huacaya-soft);
  border-left:3px solid var(--huacaya-deep);
  color:var(--fleece-brown);
}

.huacaya-fleece-note strong{
  flex:none;
  color:var(--fleece-bay);
  font-family:var(--font-display);
}

.huacaya-fleece-note p{
  margin:0;
  font-size:.875rem;
}

.huacaya-color-section{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:2rem 3rem;
  align-items:center;
}

.huacaya-color-copy h2{
  margin:0 0 1rem;
}

.huacaya-color-copy p{
  color:var(--fleece-brown);
  font-size:.9375rem;
}

.huacaya-color-points{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.huacaya-color-points article{
  padding:1.1rem 1.25rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--point-color,var(--fleece-silver));
}

.huacaya-color-points article:nth-child(1){ --point-color:#D1C4AA; }
.huacaya-color-points article:nth-child(2){ --point-color:#92745B; }
.huacaya-color-points article:nth-child(3){ --point-color:#55514D; }

.huacaya-color-points h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}

.huacaya-color-points p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.825rem;
}

.huacaya-shearing-layout{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:2rem 3rem;
  align-items:start;
  margin-top:2.5rem;
}

.huacaya-process{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--fleece-beige);
}

.huacaya-process li{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:.75rem;
  margin:0;
  padding:1rem 0;
  border-bottom:1px solid var(--fleece-beige);
}

.huacaya-process li > span{
  display:block;
  padding-top:.18rem;
  color:var(--huacaya-deep);
  font-family:var(--font-display);
  font-size:.75rem;
  font-weight:600;
}

.huacaya-process h3{
  margin:0 0 .3rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}

.huacaya-process p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.85rem;
}

.huacaya-textile-figure{
  max-width:55rem;
  margin:2.5rem auto 0;
}

.huacaya-use-bands{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:1.25rem;
  background:var(--fleece-beige);
  border:1px solid var(--fleece-beige);
  gap:1px;
}

.huacaya-use-bands article{
  padding:1.35rem;
  background:var(--fleece-card);
}

.huacaya-use-label{
  color:var(--huacaya-deep);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.huacaya-use-bands h3{
  margin:.25rem 0 .45rem;
  font-family:var(--font-display);
  font-size:1.08rem;
}

.huacaya-use-bands p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.825rem;
}

.huacaya-evaluation-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
  margin-top:2.5rem;
}

.huacaya-evaluation-grid article{
  padding:1.4rem 1.4rem 1.2rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--huacaya-deep);
  border-radius:0 var(--radius) var(--radius) 0;
}

.huacaya-evaluation-grid h3{
  margin:0 0 .7rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}

.huacaya-evaluation-grid ul{
  margin:0;
  padding:0;
  list-style:none;
  color:var(--fleece-brown);
  font-size:.825rem;
}

.huacaya-evaluation-grid li{
  position:relative;
  padding:.65rem 0 .65rem 1rem;
  border-top:1px solid var(--fleece-beige);
  line-height:1.5;
}

.huacaya-evaluation-grid li::before{
  content:"—";
  position:absolute;
  top:.65rem;
  left:0;
  color:var(--huacaya-deep);
  font-weight:600;
}

.huacaya-standard-source{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.5rem 2rem;
  align-items:center;
  margin-top:1rem;
  padding:1.25rem 1.5rem;
  background:rgba(31,92,107,.055);
  border:1px solid rgba(31,92,107,.25);
  border-left:3px solid var(--indigo);
}

.huacaya-standard-source .eyebrow{ margin-bottom:.15rem; }

.huacaya-standard-source h3{
  margin:0 0 .25rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}

.huacaya-standard-source p:not(.eyebrow){
  margin:0;
  color:var(--fleece-brown);
  font-size:.825rem;
}

.huacaya-standard-source > a{
  padding:.65rem .8rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  color:var(--indigo);
  font-size:.8rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}

.huacaya-standard-source > a:hover{
  border-color:var(--indigo);
}

.huacaya-buying-note{
  max-width:48rem;
  margin:2rem auto 0;
  padding:1.5rem 1.75rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--huacaya-deep);
}

.huacaya-buying-note h3{
  margin:0 0 .6rem;
  font-family:var(--font-display);
  font-size:1.25rem;
}

.huacaya-buying-note p{
  color:var(--fleece-brown);
  font-size:.9rem;
}

.huacaya-buying-note p:last-child{ margin-bottom:0; }

.huacaya-planning-links{
  margin-top:3.5rem;
}

@media (max-width:52rem){
  .huacaya-section{
    margin-top:3.75rem;
    padding-top:2.75rem;
  }

  .huacaya-feature-layout,
  .huacaya-specimen,
  .huacaya-color-section,
  .huacaya-shearing-layout{
    grid-template-columns:1fr;
    gap:1.5rem;
  }

  .huacaya-color-points{ grid-column:auto; }

  .huacaya-evaluation-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:42rem){
  .huacaya-identity-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .huacaya-identity-strip div + div{ border-left:0; }
  .huacaya-identity-strip div:nth-child(even){ border-left:1px solid var(--fleece-beige); }
  .huacaya-identity-strip div:nth-child(n+3){ border-top:1px solid var(--fleece-beige); }

  .huacaya-fleece-grid,
  .huacaya-color-points,
  .huacaya-use-bands{
    grid-template-columns:1fr;
  }

  .huacaya-fleece-note{
    display:block;
  }

  .huacaya-fleece-note strong{
    display:block;
    margin-bottom:.25rem;
  }

  .huacaya-standard-source{
    grid-template-columns:1fr;
  }

  .huacaya-standard-source > a{
    white-space:normal;
  }
}

@media (max-width:30rem){
  .huacaya-identity-strip{
    grid-template-columns:1fr;
  }

  .huacaya-identity-strip div:nth-child(even){ border-left:0; }
  .huacaya-identity-strip div + div{ border-top:1px solid var(--fleece-beige); }

  .huacaya-specimen,
  .huacaya-buying-note{
    padding:1.1rem;
  }
}


/* ==========================================================================
   SURI BREED GUIDE — /alpacas/breeds/suri/
   ========================================================================== */

.suri-page{
  --suri-deep:#765D47;
  --suri-soft:#E9E1D7;
  --huacaya:var(--suri);
  --huacaya-deep:var(--suri-deep);
  --huacaya-soft:var(--suri-soft);
}

.suri-head{ max-width:49rem; }

.suri-hero img{ object-position:center 44%; }

.suri-identity-strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:1rem 0 0;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-top:3px solid var(--suri);
}

.suri-identity-strip div{ padding:1rem 1.1rem; }
.suri-identity-strip div + div{ border-left:1px solid var(--fleece-beige); }

.suri-identity-strip dt{
  color:var(--fleece-silver);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.1em;
  text-transform:uppercase;
}

.suri-identity-strip dd{
  margin:.1rem 0 0;
  color:var(--fleece-bay);
  font-family:var(--font-display);
  font-size:1rem;
  font-weight:600;
}

.suri-section{
  margin-top:5rem;
  padding-top:3.5rem;
  border-top:1px solid var(--fleece-beige);
}

.suri-profile-layout,
.suri-lock-study,
.suri-shearing-layout,
.suri-textile-layout{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:2rem 3rem;
  align-items:start;
  margin-top:2.5rem;
}

.suri-profile-layout figure,
.suri-lock-study figure,
.suri-color-figure,
.suri-shearing-layout figure,
.suri-textile-layout figure{
  margin:0;
}

.suri-profile-layout figure img,
.suri-lock-study figure img,
.suri-color-figure img,
.suri-shearing-layout figure img,
.suri-textile-layout figure img{
  width:100%;
  border:1px solid var(--fleece-beige);
  border-radius:var(--radius);
}

.suri-trait-lines{
  margin:0;
  border-top:1px solid var(--fleece-beige);
}

.suri-trait-lines div{
  display:grid;
  grid-template-columns:5.5rem minmax(0,1fr);
  gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid var(--fleece-beige);
}

.suri-trait-lines dt{
  padding-top:.13rem;
  color:var(--suri-deep);
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.suri-trait-lines dd{
  margin:0;
  color:var(--fleece-brown);
  font-size:.86rem;
}

.suri-trait-lines strong{
  color:var(--fleece-bay);
  font-weight:600;
}

.suri-context{
  max-width:47rem;
  margin:2rem 0 0;
  color:var(--fleece-brown);
}

.suri-lock-study{
  padding:clamp(1rem,3vw,2rem);
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--suri-deep);
}

.suri-quality-lines{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--fleece-beige);
  border-left:1px solid var(--fleece-beige);
}

.suri-quality-lines article{
  padding:1rem;
  border-right:1px solid var(--fleece-beige);
  border-bottom:1px solid var(--fleece-beige);
}

.suri-quality-lines h3{
  margin:0 0 .35rem;
  color:var(--suri-deep);
  font-family:var(--font-display);
  font-size:1rem;
}

.suri-quality-lines p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.79rem;
  line-height:1.5;
}

.suri-lock-note{
  display:flex;
  align-items:baseline;
  gap:.5rem 1.5rem;
  max-width:49rem;
  margin:1rem auto 0;
  padding:1rem 1.25rem;
  background:var(--suri-soft);
  border-left:3px solid var(--suri-deep);
  color:var(--fleece-brown);
}

.suri-lock-note strong{
  flex:none;
  color:var(--fleece-bay);
  font-family:var(--font-display);
}

.suri-lock-note p{
  margin:0;
  font-size:.875rem;
}

.suri-color-figure{
  max-width:56rem;
  margin:2.5rem auto 0;
}

.suri-color-lines{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin-top:1.25rem;
  border-top:1px solid var(--fleece-beige);
  border-bottom:1px solid var(--fleece-beige);
}

.suri-color-lines article{
  padding:1.25rem;
}

.suri-color-lines article + article{
  border-left:1px solid var(--fleece-beige);
}

.suri-color-lines h3{
  margin:0 0 .35rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}

.suri-color-lines p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.825rem;
}

.suri-shearing-layout{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  align-items:center;
}

.suri-process{
  margin:0;
  padding:0;
  list-style:none;
  border-top:1px solid var(--fleece-beige);
}

.suri-process li{
  display:grid;
  grid-template-columns:2.5rem minmax(0,1fr);
  gap:.75rem;
  padding:.9rem 0;
  border-bottom:1px solid var(--fleece-beige);
}

.suri-process li > span{
  padding-top:.16rem;
  color:var(--suri-deep);
  font-family:var(--font-display);
  font-size:.75rem;
  font-weight:600;
}

.suri-process h3{
  margin:0 0 .25rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}

.suri-process p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.82rem;
}

.suri-textile-layout{
  align-items:center;
}

.suri-textile-points{
  border-top:1px solid var(--fleece-beige);
}

.suri-textile-points article{
  display:grid;
  grid-template-columns:4.75rem minmax(0,1fr);
  column-gap:1rem;
  padding:1rem 0;
  border-bottom:1px solid var(--fleece-beige);
}

.suri-textile-points article > span{
  grid-row:1/3;
  padding-top:.2rem;
  color:var(--suri-deep);
  font-size:.625rem;
  font-weight:600;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.suri-textile-points h3{
  margin:0 0 .25rem;
  font-family:var(--font-display);
  font-size:1.05rem;
}

.suri-textile-points p{
  margin:0;
  color:var(--fleece-brown);
  font-size:.82rem;
}

.suri-evaluation{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;
  margin-top:2.5rem;
}

.suri-evaluation > section{
  padding:1.4rem 1.5rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--suri-deep);
}

.suri-evaluation h3{
  margin:0 0 .7rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}

.suri-evaluation dl{
  margin:0;
  border-top:1px solid var(--fleece-beige);
}

.suri-evaluation dl > div{
  display:grid;
  grid-template-columns:5.25rem minmax(0,1fr);
  gap:.75rem;
  padding:.7rem 0;
  border-bottom:1px solid var(--fleece-beige);
}

.suri-evaluation dt{
  color:var(--suri-deep);
  font-size:.65rem;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.suri-evaluation dd{
  margin:0;
  color:var(--fleece-brown);
  font-size:.82rem;
}

.suri-standard-source{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1.5rem 2rem;
  align-items:center;
  margin-top:1rem;
  padding:1.25rem 1.5rem;
  background:rgba(142,114,86,.07);
  border:1px solid rgba(142,114,86,.28);
  border-left:3px solid var(--suri-deep);
}

.suri-standard-source .eyebrow{ margin-bottom:.15rem; }

.suri-standard-source h3{
  margin:0 0 .25rem;
  font-family:var(--font-display);
  font-size:1.15rem;
}

.suri-standard-source p:not(.eyebrow){
  margin:0;
  color:var(--fleece-brown);
  font-size:.825rem;
}

.suri-standard-source > a{
  padding:.65rem .8rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  color:var(--suri-deep);
  font-size:.8rem;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
}

.suri-standard-source > a:hover{ border-color:var(--suri-deep); }

.suri-buying-note{
  max-width:49rem;
  margin:2rem auto 0;
  padding:1.5rem 1.75rem;
  background:var(--fleece-card);
  border:1px solid var(--fleece-beige);
  border-left:3px solid var(--suri-deep);
}

.suri-buying-note h3{
  margin:0 0 .6rem;
  font-family:var(--font-display);
  font-size:1.25rem;
}

.suri-buying-note p{
  color:var(--fleece-brown);
  font-size:.9rem;
}

.suri-buying-note p:last-child{ margin-bottom:0; }

.suri-planning-links{ margin-top:3.5rem; }

/* The Suri guide uses the same restrained component structure as the
   Huacaya guide, with a brown Suri palette supplied by .suri-page. */
.suri-page .huacaya-identity-strip{
  border-top-color:var(--suri);
}

.suri-page .huacaya-color-points article{
  border-top-color:var(--suri);
}

.suri-page .huacaya-evaluation-grid article,
.suri-page .huacaya-buying-note{
  border-left-color:var(--suri-deep);
}

.suri-page .huacaya-feature-list article > span,
.suri-page .huacaya-process li > span,
.suri-page .huacaya-fleece-grid h3,
.suri-page .huacaya-use-label{
  color:var(--suri-deep);
}

.suri-shearing-order figure{ order:-1; }

.suri-shared-textile-layout{
  margin-top:2.5rem;
}

.suri-use-bands{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

@media (max-width:52rem){
  .suri-section{
    margin-top:3.75rem;
    padding-top:2.75rem;
  }

  .suri-profile-layout,
  .suri-lock-study,
  .suri-shearing-layout,
  .suri-textile-layout{
    grid-template-columns:1fr;
    gap:1.5rem;
  }

  .suri-shearing-layout figure{ order:-1; }

  .suri-use-bands{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:42rem){
  .suri-identity-strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .suri-identity-strip div + div{ border-left:0; }
  .suri-identity-strip div:nth-child(even){ border-left:1px solid var(--fleece-beige); }
  .suri-identity-strip div:nth-child(n+3){ border-top:1px solid var(--fleece-beige); }

  .suri-quality-lines,
  .suri-color-lines,
  .suri-evaluation{
    grid-template-columns:1fr;
  }

  .suri-color-lines article + article{
    border-top:1px solid var(--fleece-beige);
    border-left:0;
  }

  .suri-lock-note{ display:block; }
  .suri-lock-note strong{ display:block; margin-bottom:.25rem; }

  .suri-standard-source{ grid-template-columns:1fr; }
  .suri-standard-source > a{ white-space:normal; }

  .suri-use-bands{
    grid-template-columns:1fr;
  }
}

@media (max-width:30rem){
  .suri-identity-strip{ grid-template-columns:1fr; }
  .suri-identity-strip div:nth-child(even){ border-left:0; }
  .suri-identity-strip div + div{ border-top:1px solid var(--fleece-beige); }

  .suri-trait-lines div,
  .suri-evaluation dl > div{
    grid-template-columns:1fr;
    gap:.25rem;
  }

  .suri-textile-points article{
    grid-template-columns:1fr;
  }

  .suri-textile-points article > span{
    grid-row:auto;
    margin-bottom:.2rem;
  }

  .suri-lock-study,
  .suri-buying-note{
    padding:1.1rem;
  }
}