/* ==== SELVEDGE · Shoplovin ============================================
   lineage: Who What Wear (masthead, section row, photo-led cards)
            The Cut (latest rail, two-weight headline, divided section row)
   ===================================================================== */

/* ---- fonts ---- */
@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/wardrobe/type/instrumentserif-400-normal.37ddf465.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/wardrobe/type/instrumentserif-400-italic.24e6c99c.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:300 700;font-display:swap;src:url(/wardrobe/type/roboto-400-normal.41ca6b7e.woff2) format("woff2")}

/* ---- tokens ---- */
:root{
  --thread-ink:#151313;--graphite:#4a4543;--smoke:#6f6865;--hair:#ddd6cf;--hair-dark:#bdb4ab;
  --chalk:#fbf9f6;--linen:#f2ece4;--sheet:#fff;
  --fuchsia:#D20156;--fuchsia-deep:#a4003f;--cobalt:#0A3BA1;
  --display:"Instrument Serif","Iowan Old Style","Palatino Linotype",Georgia,serif;
  --text:"Roboto","Helvetica Neue",Arial,sans-serif;
  --frame:1180px;--gutter:24px;
}

/* ---- base ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.slv{margin:0;background:var(--chalk);color:var(--thread-ink);font:400 17px/1.65 var(--text)}
body.slv img{max-width:100%;height:auto;display:block}
body.slv a{color:inherit}
.glyph-bank{position:absolute;width:0;height:0;overflow:hidden}
.gl{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
.slv-main{display:block}
.frame{max-width:var(--frame);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}

/* ---- masthead ---- */
.selvedge{background:var(--sheet);border-bottom:1px solid var(--thread-ink);position:relative}
.rack-toggle{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;clip-path:inset(50%)}
.tape-row{max-width:var(--frame);margin:0 auto;padding:10px var(--gutter) 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font:500 11.5px/1.4 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--graphite)}
.tape-row p{margin:0;display:flex;align-items:center;gap:8px}
.tape-links{gap:22px!important}
.tape-links a{text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.tape-links a:hover{color:var(--fuchsia)}
.tape-row .gl{width:15px;height:15px}
.wordmark-row{max-width:var(--frame);margin:0 auto;padding:6px var(--gutter) 18px;text-align:center;position:relative}
.wordmark{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--thread-ink)}
.tagmark{width:46px;height:46px}
.wordmark-name{font:400 64px/1 var(--display);letter-spacing:-.01em}
.wordmark-line{margin:6px 0 0;font:italic 400 19px/1.3 var(--display);color:var(--graphite)}
.rack-open{display:none}
.hemline{border-top:1px solid var(--hair)}
.hemline ul{list-style:none;margin:0 auto;padding:0 var(--gutter);max-width:var(--frame);display:flex;justify-content:center;flex-wrap:wrap}
.hemline li{display:flex;align-items:center}
.hemline li+li::before{content:"";width:1px;height:14px;background:var(--hair-dark)}
.hemline a{display:inline-flex;align-items:center;gap:8px;padding:15px 22px;text-decoration:none;font:500 12.5px/1 var(--text);letter-spacing:.2em;text-transform:uppercase}
.hemline a:hover,.hemline a[aria-current]{color:var(--fuchsia)}
.hemline a[aria-current]{box-shadow:inset 0 -2px 0 var(--fuchsia)}
.rack-shut{display:none}

/* ---- shared pieces ---- */
.kicker{display:inline-flex;align-items:center;gap:7px;font:500 11.5px/1.2 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--fuchsia);text-decoration:none}
a.kicker:hover{color:var(--fuchsia-deep)}
.kicker .gl{width:15px;height:15px}
.label-tape{text-align:center;margin:0 0 30px}
.label-tape h2{margin:0;display:inline-flex;align-items:center;gap:12px;font:700 15px/1.2 var(--text);letter-spacing:.26em;text-transform:uppercase}
.label-tape h2 a{text-decoration:none;display:inline-flex;align-items:center;gap:12px}
.label-tape h2 .gl{width:24px;height:24px;color:var(--fuchsia)}
.label-tape p{margin:10px auto 0;max-width:560px;font:italic 400 19px/1.4 var(--display);color:var(--graphite)}
.photo-credit{display:flex;gap:7px;align-items:flex-start;margin:9px 0 0;font:400 12px/1.45 var(--text);color:var(--smoke)}
.photo-credit a{color:var(--smoke)}
.photo-credit .gl{width:14px;height:14px;margin-top:1px}
.more-link{display:inline-flex;align-items:center;gap:8px;font:500 12px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--thread-ink);border-bottom:1px solid var(--thread-ink);padding-bottom:5px}
.more-link:hover{color:var(--fuchsia);border-color:var(--fuchsia)}
.more-link .gl{width:15px;height:15px}
.band{padding:56px 0;border-top:1px solid var(--hair)}
.band.on-linen{background:var(--linen);border-top:0}

/* ---- swatch: the story card ---- */
.swatch{display:flex;flex-direction:column;min-width:0}
.swatch-pic{display:block;overflow:hidden;background:var(--linen);aspect-ratio:4/3}
.swatch-pic img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.swatch:hover .swatch-pic img{transform:scale(1.03)}
.swatch-body{padding-top:14px}
.swatch h3{margin:8px 0 0;font:400 25px/1.18 var(--display)}
.swatch h3 a{text-decoration:none}
.swatch h3 a:hover{color:var(--fuchsia-deep)}
.swatch p{margin:8px 0 0;font:300 15.5px/1.55 var(--text);color:var(--graphite)}
.swatch .readtime{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font:500 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.swatch .readtime .gl{width:14px;height:14px}
.swatch.wide .swatch-pic{aspect-ratio:16/10}
.swatch.wide h3{font-size:32px}

/* ---- runway: front-page lead + latest rail ---- */
.runway{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;padding:40px 0 56px}
.runway-lead .swatch-pic{aspect-ratio:3/2}
.runway-lead .swatch-body{max-width:760px;margin:0 auto;text-align:center;padding-top:22px}
.runway-lead .lead-title{margin:12px 0 0;font:400 46px/1.1 var(--display)}
.runway-lead .lead-title a{text-decoration:none}
.runway-lead .lead-title b{font-weight:400}
.runway-lead .lead-title i{color:var(--graphite)}
.readtime-lead{display:inline-flex;align-items:center;gap:6px;margin:14px 0 0;font:500 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.readtime-lead .gl{width:14px;height:14px}
@media (max-width:560px){.runway-lead .lead-title{font-size:34px}}
/* ---- sources under a story ---- */
.source-list{margin:2.2em 0 0;padding:18px 22px;background:var(--linen);font:400 14px/1.5 var(--text)}
.source-list .source-head{margin:0 0 8px;font:500 12px/1.2 var(--text);letter-spacing:.2em;text-transform:uppercase}
.source-list ol{margin:0;padding-left:1.3em}
.source-list li{margin:.35em 0}
.source-list a{color:var(--thread-ink)}
.source-list span{color:var(--smoke);font-size:12.5px}
.fitting{border-top:1px solid var(--thread-ink);padding-top:16px;min-width:0}
.fitting h2{margin:0 0 6px;font:500 14px/1.2 var(--text);letter-spacing:.26em;text-transform:uppercase}
.fitting ol{list-style:none;margin:0;padding:0}
.fitting li{padding:16px 0;border-bottom:1px solid var(--hair)}
.fitting li:last-child{border-bottom:0}
.fitting h3{margin:6px 0 0;font:400 22px/1.2 var(--display)}
.fitting h3 a{text-decoration:none}
.fitting h3 a:hover{color:var(--fuchsia-deep)}

/* ---- section shelves on the front page ---- */
.shelf-a{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 32px}
.shelf-a .swatch.wide{grid-column:span 3}
.shelf-a .swatch:not(.wide){grid-column:span 2}
.shelf-b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px}
.shelf-b ul{list-style:none;margin:0;padding:0}
.shelf-b li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:18px;padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--hair)}
.shelf-b li:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.shelf-b li img{aspect-ratio:1/1;object-fit:cover;width:132px;height:132px}
.shelf-b li h3{margin:6px 0 0;font:400 21px/1.2 var(--display)}
.shelf-b li h3 a{text-decoration:none}
.shelf-b li h3 a:hover{color:var(--fuchsia-deep)}
.shelf-foot{text-align:center;margin-top:36px}

/* ---- quick answers ---- */
.quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--thread-ink);border-left:1px solid var(--hair)}
.quick a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:start;padding:24px 22px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);text-decoration:none;background:var(--sheet)}
.quick a:hover{background:var(--chalk)}
.quick .gl{width:40px;height:40px;stroke-width:1.2;color:var(--fuchsia)}
.quick strong{display:block;font:400 21px/1.2 var(--display)}
.quick span{display:block;margin-top:6px;font:300 14.5px/1.5 var(--text);color:var(--graphite)}

/* ---- consignment: paid partner space ---- */
.consignment{border:1px solid var(--hair-dark);background:var(--sheet);padding:28px 32px}
.consignment-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--hair);padding-bottom:12px;margin-bottom:22px}
.consignment-head h2{margin:0;display:inline-flex;align-items:center;gap:9px;font:500 13px/1.2 var(--text);letter-spacing:.22em;text-transform:uppercase}
.consignment-head span{font:italic 400 16px/1.3 var(--display);color:var(--smoke)}
.consignment ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.consignment li a{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;background:var(--chalk);border:1px solid var(--hair);text-decoration:none;height:100%}
.consignment li a:hover{border-color:var(--thread-ink)}
.consignment li img{height:56px;width:auto;max-width:100%;object-fit:contain}
.consignment li span{font:500 12px/1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--graphite)}
.consignment-note{margin:20px 0 0;font:300 14.5px/1.6 var(--text);color:var(--graphite)}

/* ---- garment: the article page ---- */
.trim{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:22px 0 0;font:400 13px/1.4 var(--text);color:var(--smoke);list-style:none}
.trim li{display:inline-flex;align-items:center;gap:8px}
.trim li+li::before{content:"/";color:var(--hair-dark)}
.trim a{text-decoration:none}
.trim a:hover{color:var(--fuchsia)}
.garment{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:60px;justify-content:center;padding:18px 0 64px}
.garment-head{padding:18px 0 26px}
.garment-head h1{margin:14px 0 0;font:400 52px/1.08 var(--display);letter-spacing:-.005em}
.garment-dek{margin:16px 0 0;font:300 20px/1.5 var(--text);color:var(--graphite)}
.garment-meta{display:flex;flex-wrap:wrap;gap:22px;margin:20px 0 0;padding:12px 0 0;border-top:1px solid var(--hair);font:500 12px/1.3 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--smoke)}
.garment-meta span{display:inline-flex;align-items:center;gap:7px}
.garment-meta .gl{width:15px;height:15px}
.garment-hero{margin:0 0 30px}
.garment-hero img{width:100%;aspect-ratio:3/2;object-fit:cover}
.pattern-notes{margin:0 0 30px;border:1px solid var(--hair);background:var(--sheet)}
.pattern-notes summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;padding:14px 18px;font:500 12.5px/1.2 var(--text);letter-spacing:.18em;text-transform:uppercase}
.pattern-notes summary::-webkit-details-marker{display:none}
.pattern-notes summary::after{content:"+";margin-left:auto;font:300 22px/1 var(--text)}
.pattern-notes[open] summary::after{content:"\2212"}
.pattern-notes ol{margin:0;padding:4px 22px 18px 40px}
.pattern-notes li{margin:6px 0;font:400 15.5px/1.45 var(--text)}
.pattern-notes a{text-decoration:none;border-bottom:1px solid var(--hair-dark)}
.pattern-notes a:hover{color:var(--fuchsia);border-color:var(--fuchsia)}
.copy{font:400 18px/1.72 var(--text)}
.copy p{margin:0 0 1.15em}
.copy h2{margin:1.6em 0 .55em;font:400 34px/1.15 var(--display);scroll-margin-top:20px}
.copy h3{margin:1.4em 0 .45em;font:600 19px/1.3 var(--text)}
.copy ul,.copy ol{margin:0 0 1.2em;padding-left:1.3em}
.copy li{margin:.35em 0}
.copy li::marker{color:var(--fuchsia)}
.copy a{color:var(--cobalt);text-decoration-thickness:1px;text-underline-offset:3px}
.copy blockquote{margin:1.5em 0;padding:4px 0 4px 22px;border-left:3px solid var(--fuchsia);font:italic 400 24px/1.35 var(--display);color:var(--graphite)}
.copy strong{font-weight:600}
.copy .table-roll{overflow-x:auto;margin:0 0 1.4em;border:1px solid var(--hair)}
.copy table{border-collapse:collapse;width:100%;font:400 15px/1.45 var(--text);background:var(--sheet)}
.copy th,.copy td{padding:10px 12px;border-bottom:1px solid var(--hair);text-align:left;vertical-align:top}
.copy th{font-weight:600;background:var(--linen)}
.sleeve{min-width:0}
.sleeve-in{position:sticky;top:20px}
.sleeve-card{background:var(--sheet);border:1px solid var(--hair);padding:22px 22px 18px}
.sleeve-card .gl.big{width:40px;height:40px;stroke-width:1.2;color:var(--fuchsia)}
.sleeve-card h2{margin:10px 0 6px;font:400 26px/1.15 var(--display)}
.sleeve-card h2 a{text-decoration:none}
.sleeve-card p{margin:0 0 14px;font:300 14.5px/1.55 var(--text);color:var(--graphite)}
.sleeve-list{list-style:none;margin:24px 0 0;padding:0}
.sleeve-list li{display:grid;grid-template-columns:84px minmax(0,1fr);gap:14px;padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--hair)}
.sleeve-list img{width:84px;height:84px;object-fit:cover}
.sleeve-list a{text-decoration:none;font:400 18px/1.22 var(--display)}
.sleeve-list a:hover{color:var(--fuchsia-deep)}
.after-read{border-top:1px solid var(--thread-ink);padding:44px 0 64px}
.after-read .trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}

/* ---- bolt: section page ---- */
.bolt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:44px 0 48px}
.bolt-emblem{width:64px;height:64px;border-radius:50%;background:var(--linen);display:grid;place-items:center;color:var(--fuchsia)}
.bolt-emblem .gl{width:34px;height:34px;stroke-width:1.3}
.bolt h1{margin:18px 0 0;font:400 58px/1.04 var(--display)}
.bolt p.bolt-dek{margin:16px 0 0;font:300 19px/1.55 var(--text);color:var(--graphite);max-width:520px}
.bolt figure{margin:0}
.bolt figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.rack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px 36px;padding:0 0 56px}
.rack .swatch.wide{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.rack .swatch.wide .swatch-body{padding-top:0}
.other-sections{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.other-sections a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 12px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);text-decoration:none;text-align:center;font:500 12px/1.3 var(--text);letter-spacing:.16em;text-transform:uppercase;background:var(--sheet)}
.other-sections a:hover{color:var(--fuchsia)}
.other-sections .gl{width:30px;height:30px;stroke-width:1.3;color:var(--fuchsia)}

/* ---- index of all stories ---- */
.ledger-head{padding:44px 0 30px;text-align:center}
.ledger-head h1{margin:0;font:400 56px/1.05 var(--display)}
.ledger-head p{margin:14px auto 0;max-width:600px;font:300 18px/1.55 var(--text);color:var(--graphite)}
.ledger-group{padding:0 0 44px}
.ledger-group>h2{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding-top:14px;border-top:1px solid var(--thread-ink);font:700 13.5px/1.2 var(--text);letter-spacing:.24em;text-transform:uppercase}
.ledger-group>h2 a{text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.ledger-group>h2 .gl{width:22px;height:22px;color:var(--fuchsia)}
.ledger-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}
.ledger-grid .swatch h3{font-size:20px}

/* ---- atelier: about, standards, contact ---- */
.atelier{display:grid;grid-template-columns:minmax(0,720px) 320px;gap:60px;justify-content:center;padding:40px 0 64px}
.atelier h1{margin:0;font:400 54px/1.06 var(--display)}
.atelier .garment-dek{margin-bottom:26px}
.atelier figure{margin:0 0 28px}
.atelier figure img{width:100%;aspect-ratio:16/9;object-fit:cover}
.pillars{list-style:none;margin:0 0 1.2em;padding:0;display:grid;gap:16px}
.pillars li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;padding:16px 18px;background:var(--sheet);border:1px solid var(--hair)}
.pillars .gl{width:30px;height:30px;stroke-width:1.3;color:var(--fuchsia)}
.pillars strong{display:block;font:400 21px/1.2 var(--display)}
.pillars span{display:block;margin-top:4px;font:300 15.5px/1.55 var(--text);color:var(--graphite)}

/* ---- lining: footer ---- */
.lining{background:var(--thread-ink);color:#efe9e3;margin-top:0;padding:52px var(--gutter) 30px}
.lining-in{max-width:var(--frame);margin:0 auto;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:48px}
.wordmark.on-dark{color:#fff}
.wordmark.on-dark .wordmark-name{font-size:44px}
.wordmark.on-dark .tagmark{width:36px;height:36px}
.lining-brand p{margin:16px 0 0;font:300 15px/1.6 var(--text);color:#cfc7bf;max-width:420px}
.lining-col h2{margin:6px 0 14px;font:500 12px/1.2 var(--text);letter-spacing:.24em;text-transform:uppercase;color:#fff}
.lining-col ul{list-style:none;margin:0;padding:0}
.lining-col li{margin:0}
.lining-col a{display:inline-flex;align-items:center;gap:10px;min-height:40px;text-decoration:none;font:400 15px/1.3 var(--text);color:#efe9e3}
.lining-col a:hover{color:#ff7aa9}
.lining-col .gl{width:17px;height:17px;color:#ff7aa9}
.lining-note{max-width:var(--frame);margin:40px auto 0;padding-top:22px;border-top:1px solid #3a3533;display:flex;gap:10px;font:300 13.5px/1.6 var(--text);color:#bdb4ab}
.lining-note .gl{width:17px;height:17px;margin-top:2px;color:#ff7aa9}
.lining-legal{max-width:var(--frame);margin:14px auto 0;font:400 12px/1.5 var(--text);color:#a49b93}

/* ---- shared small parts ---- */
body.slv .swatch-pic img{height:100%}
.readtime{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--smoke)}
.readtime .gl{width:14px;height:14px}
.runway-lead .lead-dek{margin:14px auto 0;max-width:620px;font:300 18px/1.55 var(--text);color:var(--graphite)}
.sleeve-list .sleeve-ico{width:84px;height:60px;display:grid;place-items:center;background:var(--linen);color:var(--fuchsia)}
.sleeve-list .sleeve-ico .gl{width:28px;height:28px;stroke-width:1.3}

/* ---- responsive ---- */
@media (max-width:1100px){
  .garment,.atelier{grid-template-columns:minmax(0,1fr);gap:40px}
  .garment-main,.atelier-main{max-width:760px;margin:0 auto;width:100%}
  .sleeve,.atelier aside{max-width:760px;margin:0 auto;width:100%}
  .sleeve-in{position:static}
  .runway{grid-template-columns:minmax(0,1fr);gap:36px}
  .ledger-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:900px){
  :root{--gutter:18px}
  .tape-row{display:none}
  .wordmark-row{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:12px var(--gutter)}
  .wordmark-line{display:none}
  .tagmark{width:34px;height:34px}
  .wordmark-name{font-size:38px}
  .rack-open{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 6px;cursor:pointer;font:500 12px/1 var(--text);letter-spacing:.16em;text-transform:uppercase}
  .rack-open .gl{width:24px;height:24px}
  .hemline{display:none;border-top:1px solid var(--thread-ink)}
  .rack-toggle:checked~.hemline{display:block}
  .hemline ul{flex-direction:column;padding:0}
  .hemline li+li::before{display:none}
  .hemline li{border-bottom:1px solid var(--hair)}
  .hemline a{width:100%;min-height:52px;padding:0 var(--gutter);letter-spacing:.16em}
  .hemline a[aria-current]{box-shadow:inset 3px 0 0 var(--fuchsia)}
  .rack-shut{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;cursor:pointer;background:var(--linen);font:500 12.5px/1 var(--text);letter-spacing:.18em;text-transform:uppercase}
  .shelf-a{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}
  .shelf-a .swatch.wide{grid-column:1/-1}
  .shelf-a .swatch:not(.wide){grid-column:span 1}
  .shelf-b{grid-template-columns:minmax(0,1fr)}
  .quick{grid-template-columns:repeat(2,minmax(0,1fr))}
  .consignment ul{grid-template-columns:minmax(0,1fr)}
  .bolt{grid-template-columns:minmax(0,1fr);gap:28px}
  .bolt h1{font-size:46px}
  .rack{grid-template-columns:minmax(0,1fr)}
  .rack .swatch.wide{grid-template-columns:minmax(0,1fr);gap:0}
  .rack .swatch.wide .swatch-body{padding-top:14px}
  .other-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
  .after-read .trio{grid-template-columns:minmax(0,1fr)}
  .lining-in{grid-template-columns:minmax(0,1fr);gap:28px}
  .ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  body.slv{font-size:16.5px}
  .runway{padding-top:22px}
  .runway-lead h1{font-size:34px}
  .garment-head h1,.atelier h1,.ledger-head h1{font-size:38px}
  .garment-dek{font-size:18px}
  .copy{font-size:17px}
  .copy h2{font-size:28px}
  .swatch.wide h3{font-size:27px}
  .shelf-a{grid-template-columns:minmax(0,1fr)}
  .shelf-b li{grid-template-columns:96px minmax(0,1fr)}
  .shelf-b li img{width:96px;height:96px}
  .quick{grid-template-columns:minmax(0,1fr)}
  .consignment{padding:22px 18px}
  .band{padding:40px 0}
  .ledger-grid{grid-template-columns:minmax(0,1fr)}
  .ledger-grid .swatch{display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px}
  .ledger-grid .swatch .swatch-body{padding-top:0}
}