:root {
  --lil-ink: #21231f;
  --lil-ink-soft: #2f322c;
  --lil-paper: #ffffff;
  --lil-lime: #f5f0e8;
  --lil-lime-deep: #ebe3d7;
  --lil-stone: #64665e;
  --lil-sage: #8a9e8e;
  --lil-sage-deep: #566a5d;
  --lil-shutter: #a9c0cd;
  --lil-shutter-deep: #7d9aab;
  --lil-rule: rgba(33, 35, 31, .14);
  --lil-rule-dark: rgba(255, 255, 255, .18);
  --lil-display: 'Rosarivo', Georgia, serif;
  --lil-text: 'Gudea', system-ui, sans-serif;
  --lil-hold: min(1152px, 100% - 36px);
  --lil-gap: 27px;
  --lil-round: 3px;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--lil-lime);
  color: var(--lil-ink);
  font-family: var(--lil-text);
  font-size: 17px;
  line-height: 1.62;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
h1, h2, h3 {
  font-family: var(--lil-display);
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: .002em;
  margin: 0 0 .5em;
}
h1 { font-size: clamp(2.05rem, 1.42rem + 2.7vw, 3.45rem); }
h2 { font-size: clamp(1.62rem, 1.24rem + 1.6vw, 2.42rem); }
h3 { font-size: clamp(1.16rem, 1.02rem + .58vw, 1.44rem); }
p { margin: 0 0 1.05em; }
:focus-visible {
  outline: 3px solid var(--lil-sage-deep);
  outline-offset: 2px;
}
address { font-style: normal; }
table { border-collapse: collapse; width: 100%; }
.linenrow { width: var(--lil-hold); margin-inline: auto; }
.linenwrap { min-height: 100vh; display: flex; flex-direction: column; }
.linenmain { flex: 1 0 auto; }
.linenhead {
  background: var(--lil-paper);
  border-bottom: 1px solid var(--lil-rule);
  position: relative;
  z-index: 5;
}
.railskip {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--lil-ink);
  color: var(--lil-paper);
  padding: 10px 16px;
  z-index: 20;
}
.railskip:focus { left: 9px; top: 9px; }
.railtop {
  background: var(--lil-ink);
  color: var(--lil-paper);
  font-size: .8rem;
  letter-spacing: .09em;
  text-transform: uppercase;
}
.railtop .linenrow {
  display: flex;
  gap: 18px;
  align-items: center;
  justify-content: space-between;
  min-height: 38px;
  padding-block: 7px;
  flex-wrap: wrap;
}
.railtop a { color: var(--lil-shutter); text-decoration: none; }
.railtop a:hover { color: var(--lil-paper); }
.railbar {
  display: flex;
  align-items: center;
  gap: 22px;
  padding-block: 18px;
}
.railmark {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  text-decoration: none;
  flex: 0 0 auto;
}
.railmark img { width: 40px; height: 40px; }
.railmark b {
  font-family: var(--lil-display);
  font-weight: 400;
  font-size: 1.42rem;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.railmark span {
  display: block;
  font-size: .66rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--lil-stone);
}
.railmenu {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-left: auto;
  align-items: center;
}
.railmenu a {
  text-decoration: none;
  font-size: .93rem;
  letter-spacing: .04em;
  padding-block: 4px;
  border-bottom: 2px solid transparent;
}
.railmenu a:hover, .railmenu a[aria-current] {
  border-bottom-color: var(--lil-sage);
}
.railcta {
  flex: 0 0 auto;
  font-family: var(--lil-text);
  font-size: .84rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lil-paper);
  background: var(--lil-sage-deep);
  border: 0;
  border-radius: var(--lil-round);
  padding: 11px 18px;
  cursor: pointer;
}
.railcta:hover { background: var(--lil-ink); }
.linenfoot {
  background: var(--lil-ink);
  color: var(--lil-lime-deep);
  margin-top: 74px;
  padding-block: 52px 30px;
}
main:has(> section:last-child.hemdark) + .linenfoot { margin-top: 0; }
.linenfoot a { color: var(--lil-lime-deep); text-decoration: none; }
.linenfoot a:hover { color: var(--lil-paper); text-decoration: underline; }
.linenfootcols {
  display: grid;
  grid-template-columns: 1.7fr 1fr 1fr 1fr;
  gap: 33px;
}
.linenfootcols ul { list-style: none; margin: 0; padding: 0; }
.linenfootcols li { margin-bottom: 9px; font-size: .93rem; }
.linenfootcols p { font-size: .93rem; color: var(--lil-sage); }
.linenfootcols address { font-size: .93rem; color: var(--lil-sage); }
.linenfootcols small { color: var(--lil-sage); }
.linenfootfine {
  border-top: 1px solid var(--lil-rule-dark);
  margin-top: 38px;
  padding-top: 20px;
  font-size: .82rem;
  color: var(--lil-sage);
}
.linenfootfine p { margin-bottom: .5em; }
.pathcrumb {
  font-size: .82rem;
  color: var(--lil-stone);
  padding-block: 16px 0;
  margin-bottom: 19px;
}
.pathcrumb ol { list-style: none; display: flex; flex-wrap: wrap; gap: 9px; margin: 0; padding: 0; }
.pathcrumb li::after { content: '\2044'; margin-left: 9px; color: var(--lil-rule); }
.pathcrumb li:last-child::after { content: ''; }
.pathcrumb a { text-decoration: none; }
.pathcrumb a:hover { text-decoration: underline; }
.hemtier { padding-block: 62px; }
.hemplain { background: var(--lil-lime); }
.hemtint { background: var(--lil-lime-deep); }
.hemdark { background: var(--lil-ink); color: var(--lil-lime-deep); }
.hemdark h2 { color: var(--lil-paper); }
.hemdark a { color: var(--lil-shutter); }
.hemtitle { margin-bottom: 6px; }
.hemsub {
  max-width: 62ch;
  color: var(--lil-stone);
  margin-bottom: 30px;
}
.hemdark .hemsub { color: var(--lil-lime-deep); opacity: .82; }
.hemkick {
  display: block;
  font-size: .74rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--lil-sage-deep);
  margin-bottom: 12px;
}
.hemdark .hemkick { color: var(--lil-sage); }
.linenbtn, .linenghost, .linenbuy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  font-family: var(--lil-text);
  font-size: .9rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  text-decoration: none;
  border-radius: var(--lil-round);
  padding: 14px 26px;
  cursor: pointer;
  border: 1px solid transparent;
  text-align: center;
}
.linenbtn { background: var(--lil-ink); color: var(--lil-paper); }
.linenbtn:hover { background: var(--lil-sage-deep); }
.hemdark .linenbtn,
.dropsplit .linenbtn { background: var(--lil-paper); color: var(--lil-ink); }
.hemdark .linenbtn:hover,
.dropsplit .linenbtn:hover { background: var(--lil-sage); color: var(--lil-paper); }
.linenghost {
  background: transparent;
  color: var(--lil-ink);
  border-color: var(--lil-ink);
}
.linenghost:hover { background: var(--lil-ink); color: var(--lil-paper); }
.hemdark .linenghost,
.dropsplit .linenghost { color: var(--lil-paper); border-color: var(--lil-rule-dark); }
.hemdark .linenghost:hover,
.dropsplit .linenghost:hover { background: var(--lil-paper); color: var(--lil-ink); }
.linenbuy {
  background: var(--lil-sage-deep);
  color: var(--lil-paper);
  width: 100%;
  border: 0;
  font-size: .95rem;
  padding: 16px 24px;
}
.linenbuy:hover { background: var(--lil-ink); }
.gradepip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: .84rem;
  color: var(--lil-stone);
}
.tagflag {
  display: inline-block;
  font-size: .68rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  background: var(--lil-lime-deep);
  color: var(--lil-sage-deep);
  padding: 4px 9px;
  border-radius: var(--lil-round);
}
.boltlist { list-style: none; margin: 0 0 1.1em; padding: 0; }
.boltlist li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 9px;
}
.boltlist li::before {
  content: '';
  position: absolute;
  left: 0;
  top: .86em;
  width: 9px;
  height: 1px;
  background: var(--lil-sage-deep);
}
.draperows { font-size: .93rem; }
.draperows caption {
  text-align: left;
  font-size: .84rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--lil-stone);
  padding-bottom: 11px;
}
.draperows th, .draperows td {
  text-align: left;
  padding: 11px 13px;
  border-bottom: 1px solid var(--lil-rule);
  vertical-align: top;
}
.draperows th {
  font-family: var(--lil-text);
  font-weight: 700;
  font-size: .74rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--lil-stone);
}
.draperows tbody tr:nth-child(even) { background: rgba(138, 158, 142, .09); }
.hangspread {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--lil-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.hangplate {
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  min-height: 0;
}
.hangplate:hover { border-color: var(--lil-sage); }
.hangsnap {
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--lil-lime-deep);
  display: block;
  min-height: 0;
}
.hangsnap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hangbadge {
  margin: 0 0 6px;
  font-size: .72rem;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--lil-stone);
}
.hangname {
  font-family: var(--lil-display);
  font-size: 1.04rem;
  line-height: 1.3;
  margin: 0 0 8px;
}
.hangname a { text-decoration: none; }
.hangname a:hover { color: var(--lil-sage-deep); }
.hangspec {
  padding: 17px 17px 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.hangspec p {
  font-size: .89rem;
  color: var(--lil-stone);
  margin: 0;
}
.hangspec .gradepip { padding-top: 8px; }
.hangact {
  margin-top: auto;
  padding: 14px 17px 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.hangact .linenbuy { width: auto; padding: 10px 16px; font-size: .8rem; }
.clothbay {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lil-gap);
}
.clothslat {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 0;
  aspect-ratio: 4 / 3;
  border-radius: var(--lil-round);
  overflow: hidden;
  text-decoration: none;
  color: var(--lil-paper);
  background: var(--lil-ink);
}
.clothslat img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .74;
}
.clothslat span {
  position: relative;
  z-index: 2;
  padding: 18px;
  background: linear-gradient(to top, rgba(33, 35, 31, .88), rgba(33, 35, 31, 0));
}
.clothslat b {
  display: block;
  font-family: var(--lil-display);
  font-weight: 400;
  font-size: 1.34rem;
}
.clothslat em {
  font-style: normal;
  font-size: .8rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--lil-shutter);
}
.clothslat:hover img { opacity: .92; }
.dropsplit {
  background: var(--lil-ink);
  color: var(--lil-lime-deep);
  padding-block: 66px 60px;
  position: relative;
  overflow: hidden;
}
.dropveil {
  position: absolute;
  inset: 0;
  background-image: url(/banner.jpg);
  background-position: right center;
  background-size: cover;
  opacity: .3;
}
.dropsplit .linenrow { position: relative; z-index: 2; }
.dropcopy { max-width: 46rem; }
.dropcopy h1 { color: var(--lil-paper); margin-bottom: .34em; }
.dropcopy p {
  font-size: 1.1rem;
  max-width: 54ch;
  opacity: .88;
  margin-bottom: 1.5em;
}
.dropcopy .hemkick { color: var(--lil-sage); }
.dropstat {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 33px;
}
.swatchtier {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 16px;
  margin-top: 46px;
  padding-top: 30px;
  border-top: 1px solid var(--lil-rule-dark);
  list-style: none;
  padding-inline: 0;
}
.swatchitem { display: block; min-height: 0; }
.swatchitem a {
  display: block;
  text-decoration: none;
  color: var(--lil-lime-deep);
}
.swatchitem span {
  position: relative;
  display: block;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  border-radius: var(--lil-round);
  background: var(--lil-ink-soft);
  margin-bottom: 10px;
}
.swatchitem img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swatchitem b {
  display: block;
  font-family: var(--lil-display);
  font-weight: 400;
  font-size: .95rem;
  line-height: 1.28;
}
.swatchitem em {
  font-style: normal;
  font-size: .8rem;
  color: var(--lil-sage);
}
.swatchitem:hover b { color: var(--lil-shutter); }
.pleatrow {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--lil-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.pleatitem {
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  padding: 22px;
}
.pleatitem h2 {
  display: block;
  font-family: var(--lil-display);
  font-weight: 400;
  font-size: 1.1rem;
  margin-bottom: 7px;
}
.pleatitem p { font-size: .9rem; color: var(--lil-stone); margin: 0; }
.seekrow { display: flex; flex-wrap: wrap; gap: 11px; }
.seekpill {
  display: inline-block;
  text-decoration: none;
  font-size: .89rem;
  padding: 10px 18px;
  border: 1px solid var(--lil-rule);
  border-radius: 999px;
  background: var(--lil-paper);
}
.seekpill:hover {
  background: var(--lil-sage-deep);
  color: var(--lil-paper);
  border-color: var(--lil-sage-deep);
}
.twinshelf {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--lil-gap);
}
.twinpanel {
  border-radius: var(--lil-round);
  padding: 38px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  text-decoration: none;
  min-height: 260px;
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
}
.twinpanel.hemdark {
  background: var(--lil-ink);
  color: var(--lil-lime-deep);
  border-color: var(--lil-ink);
}
.twinpanel.hemdark h2 { color: var(--lil-paper); }
.twinpanel p { color: var(--lil-stone); margin-bottom: 1.1em; }
.twinpanel.hemdark p { color: var(--lil-lime-deep); opacity: .84; }
.twinpanel .linenghost, .twinpanel .linenbtn { align-self: flex-start; }
.yardband {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--lil-gap);
  text-align: center;
}
.yardnum {
  display: block;
  font-family: var(--lil-display);
  font-size: clamp(1.85rem, 1.3rem + 2.1vw, 2.85rem);
  color: var(--lil-sage-deep);
  line-height: 1.1;
}
.yardlabel {
  display: block;
  font-size: .78rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lil-stone);
  margin-top: 6px;
}
.hemdark .yardnum { color: var(--lil-sage); }
.hemdark .yardlabel { color: var(--lil-lime-deep); opacity: .8; }
.weftrow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lil-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.weftitem svg {
  width: 32px;
  height: 32px;
  color: var(--lil-sage-deep);
  margin-bottom: 12px;
}
.weftitem h3 {
  display: block;
  font-family: var(--lil-display);
  font-weight: 400;
  font-size: 1.16rem;
  margin-bottom: 7px;
}
.weftitem p { color: var(--lil-stone); margin: 0; }
.draftcols {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 46px;
  align-items: start;
}
.draftflow { list-style: none; margin: 0; padding: 0; counter-reset: rung; }
.draftrung {
  counter-increment: rung;
  position: relative;
  padding-left: 52px;
  margin-bottom: 26px;
}
.draftrung::before {
  content: counter(rung);
  position: absolute;
  left: 0;
  top: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid var(--lil-sage);
  color: var(--lil-sage-deep);
  font-family: var(--lil-display);
  display: flex;
  align-items: center;
  justify-content: center;
}
.draftrung h3 {
  display: block;
  font-family: var(--lil-display);
  font-weight: 400;
  font-size: 1.12rem;
  margin-bottom: 5px;
}
.draftrung p { color: var(--lil-stone); margin: 0; font-size: .93rem; }
.facingwrap {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: 46px;
  align-items: center;
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  overflow: hidden;
}
.facingframe {
  position: relative;
  aspect-ratio: 1 / 1;
  background: var(--lil-lime-deep);
  min-height: 0;
}
.facingframe img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.facingbody { padding: 40px 40px 40px 0; }
.facingbody .hangact {
  padding: 0;
  margin-top: 18px;
  justify-content: flex-start;
  gap: 20px;
}
.launderpair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--lil-gap);
}
.launderlist {
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
  border-left: 3px solid var(--lil-sage);
  border-radius: var(--lil-round);
  padding: 26px 28px;
}
.launderlist[data-tone='no'] { border-left-color: var(--lil-shutter-deep); }
.launderlist h3 { font-size: 1.16rem; }
.launderlist ul { list-style: none; margin: 0; padding: 0; }
.launderlist li {
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
  font-size: .94rem;
}
.launderlist li::before {
  content: '\2713';
  position: absolute;
  left: 0;
  color: var(--lil-sage-deep);
}
.launderlist[data-tone='no'] li::before { content: '\2715'; color: var(--lil-shutter-deep); }
.housestrip { max-width: 68ch; }
.housestrip p { font-size: 1.08rem; margin-bottom: 0; }
.boltnote {
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  padding: 40px;
}
.boltcrown { max-width: 70ch; }
.boltnote .draperows { margin-bottom: 30px; }
.murmurreel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lil-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.murmursaid {
  background: var(--lil-paper);
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  padding: 28px;
  font-family: var(--lil-display);
  font-size: 1.04rem;
  line-height: 1.5;
  margin: 0;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.murmursaid p { margin-bottom: .9em; }
.murmursaid .murmurwho { margin-top: auto; }
.murmurwho {
  display: block;
  font-family: var(--lil-text);
  font-size: .8rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--lil-sage-deep);
  font-style: normal;
}
.sendofftier { text-align: center; }
.sendofftier .hemsub { margin-inline: auto; }
.sendofftier .dropstat { justify-content: center; }
.foldreel {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--lil-gap);
  list-style: none;
  margin: 0;
  padding: 0;
}
.pieceview {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 48px;
  align-items: start;
}
.pieceshot {
  position: relative;
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  background: var(--lil-paper);
  overflow: hidden;
  aspect-ratio: 1 / 1;
  min-height: 0;
}
.pieceshot img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 19px;
}
.pieceside > * + * { margin-top: 20px; }
.pieceside h1 {
  font-size: clamp(1.6rem, 1.1rem + 1.6vw, 2.3rem);
  line-height: 1.18;
  margin: 0;
}
.pieceside .gradepip { margin: 0; }
.piecespec {
  border-top: 1px solid var(--lil-rule);
  border-bottom: 1px solid var(--lil-rule);
  padding: 20px 0;
  margin: 0;
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 10px 22px;
  font-size: .93rem;
}
.piecespec dt {
  font-family: var(--lil-text);
  font-size: .74rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--lil-stone);
  padding-top: .2em;
}
.piecespec dd { margin: 0; }
.piecetrail {
  margin-top: 64px;
  padding-top: 40px;
  border-top: 1px solid var(--lil-rule);
}
.foldroll {
  max-width: 68ch;
  margin-inline: auto;
}
.foldhead {
  margin-bottom: 40px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--lil-rule);
}
.foldhead h1 {
  font-size: clamp(1.8rem, 1.2rem + 2vw, 2.7rem);
  line-height: 1.14;
  margin: 0 0 14px;
}
.foldhead p {
  font-size: 1.06rem;
  color: var(--lil-stone);
  margin: 0;
}
.foldsec { margin-bottom: 40px; }
.foldsec h2 {
  font-size: 1.32rem;
  margin: 0 0 14px;
}
.foldfacts {
  background: var(--lil-lime);
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  padding: 26px 30px;
  margin: 34px 0;
}
.foldfacts h2 {
  font-size: 1.06rem;
  margin: 0 0 12px;
}
.foldfacts p:last-child, .foldfacts ul:last-child { margin-bottom: 0; }
.foldclose {
  margin-top: 52px;
  padding-top: 32px;
  border-top: 1px solid var(--lil-rule);
}
.siftrung {
  border: 1px solid var(--lil-rule);
  border-radius: var(--lil-round);
  background: var(--lil-paper);
  padding: 26px 30px;
  margin-bottom: 18px;
}
.siftrung > legend {
  font-family: var(--lil-text);
  font-size: .76rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--lil-sage-deep);
  padding: 0 10px;
  margin-left: -10px;
}
.siftrung p {
  color: var(--lil-stone);
  font-size: .93rem;
  margin: 4px 0 16px;
}
.siftchoice {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
}
.siftchoice label {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  border: 1px solid var(--lil-rule);
  border-radius: 999px;
  padding: 9px 17px;
  font-size: .9rem;
  cursor: pointer;
  transition: border-color .15s, background .15s;
}
.siftchoice label:hover { border-color: var(--lil-sage); }
.siftchoice input { accent-color: var(--lil-sage-deep); margin: 0; }
.siftchoice input:checked + span { font-weight: 700; }
.siftchoice label:has(input:checked) {
  border-color: var(--lil-sage-deep);
  background: var(--lil-lime);
}
@media (max-width: 1080px) {
  .pieceview { grid-template-columns: 1fr; gap: 33px; }
  .pieceshot { max-width: 520px; }
  .draftcols { grid-template-columns: 1fr; gap: 33px; }
  .facingwrap { grid-template-columns: 1fr; gap: 31px; }
  .hangspread { grid-template-columns: repeat(3, 1fr); }
  .linenfootcols { grid-template-columns: 1fr 1fr; gap: 29px; }
  .railbar {
    flex-wrap: wrap;
    row-gap: 15px;
  }
  .railmenu {
    order: 3;
    width: 100%;
    margin-left: 0;
    gap: 16px;
    border-top: 1px solid var(--lil-rule);
    padding-top: 12px;
  }
  .railcta { margin-left: auto; }
}
@media (max-width: 820px) {
  .hangspread { grid-template-columns: repeat(2, 1fr); }
  .clothbay { grid-template-columns: repeat(2, 1fr); }
  .pleatrow { grid-template-columns: repeat(2, 1fr); }
  .weftrow { grid-template-columns: 1fr; }
  .murmurreel { grid-template-columns: 1fr; }
  .foldreel { grid-template-columns: 1fr; }
  .twinshelf { grid-template-columns: 1fr; }
  .launderpair { grid-template-columns: 1fr; }
  .yardband { grid-template-columns: repeat(2, 1fr); row-gap: 27px; }
  .hemtier { padding-block: 54px; }
  .dropsplit { padding-block: 62px; }
  .swatchtier {
    display: flex;
    overflow-x: auto;
    gap: 15px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }
  .swatchitem {
    flex: 0 0 156px;
    scroll-snap-align: start;
  }
}
@media (max-width: 600px) {
  .linenfootcols { grid-template-columns: 1fr; gap: 27px; }
  .piecespec { grid-template-columns: 1fr; gap: 4px 0; }
  .piecespec dt { padding-top: 12px; }
  .foldfacts { padding: 20px 22px; }
  .siftrung { padding: 20px 22px; }
  .facingframe { max-width: none; }
  .draperows { font-size: .86rem; display: block; overflow-x: auto; }
  .draperows th, .draperows td { padding: 9px 10px; }
  .railtop .linenrow { font-size: .72rem; gap: 10px; }
  .murmursaid { padding: 22px; }
  .twinpanel { padding: 28px; }
  .hangact { padding: 13px 13px 15px; gap: 10px; }
  .hangact .linenbuy { padding: 10px 11px; white-space: nowrap; }
}
@media (max-width: 460px) {
  .hangspread { grid-template-columns: 1fr; }
  .clothbay { grid-template-columns: 1fr; }
  .pleatrow { grid-template-columns: 1fr; }
  .yardband { grid-template-columns: 1fr; }
  .dropstat { gap: 11px; }
  .linenbtn, .linenghost { width: 100%; justify-content: center; }
  .railmark b { font-size: 1.2rem; }
  .railmark img { width: 33px; height: 33px; }
}