:root{
  --ink:#15171a;
  --ink-2:#3e4348;
  --mute:#7b7f83;
  --paper:#f3f0ea;
  --paper-2:#eae5db;
  --rule:#d3ccbe;
  --faint:#e4dfd3;
  --accent:#b4472a;
  --accent-dk:#8f3520;
  --accent-pale:#f6e6df;
  --green:#4a5c48;
  --rail:74px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 16.5px/1.65 "Public Sans","Helvetica Neue",Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--accent-dk)}
h1,h2,h3,h4,.rc-label,.rc-btn,.rc-tag{font-family:"Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase}
h1,h2,h3,h4{margin:0 0 .4em;line-height:1.02;font-weight:600;letter-spacing:.01em}
h1{font-size:clamp(3rem,7.5vw,6.5rem)}
h2{font-size:clamp(2rem,4.2vw,3.4rem)}
h3{font-size:1.5rem}
p{margin:0 0 1.05em}
.rc-num,code,.rc-dim{font-family:"IBM Plex Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}

/* ---------- the drawing sheet ---------- */
.rc-sheet{padding-left:var(--rail);position:relative}
.rc-rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);border-right:1px solid var(--rule);
  background:var(--paper);z-index:30;
  background-image:repeating-linear-gradient(to bottom,var(--rule) 0 1px,transparent 1px 40px);
  background-position:right 0 top 0;background-size:9px 100%;background-repeat:repeat-y}
.rc-rail b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-90deg);
  transform-origin:center;white-space:nowrap;font:600 11px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.42em;text-transform:uppercase;color:var(--mute)}
.rc-rail i{position:absolute;left:0;right:0;text-align:center;font:500 10px/1 "IBM Plex Mono",monospace;
  color:var(--mute);font-style:normal}
.rc-rail i.t{top:18px}
.rc-rail i.b{bottom:18px}

/* ---------- band: full bleed, hairline top, pinned label ---------- */
.rc-band{border-top:1px solid var(--rule);padding:78px 0 84px;position:relative}
.rc-band--fill{background:var(--paper-2)}
.rc-band--ink{background:var(--ink);color:#d8d4cc;border-top-color:#2e3236}
.rc-band--ink h2,.rc-band--ink h3{color:#fff}
.rc-band--ink a{color:#e9a288}
.rc-band--accent{background:var(--accent);color:#fff;border-top-color:var(--accent-dk)}
.rc-band--accent h2,.rc-band--accent h3{color:#fff}
.rc-band--accent a{color:#fff}
.rc-in{width:min(1320px,100% - 88px);margin:0 0 0 44px}

/* the offset grid: narrow label gutter, wide content */
.rc-grid{display:grid;grid-template-columns:190px minmax(0,1fr);gap:0 48px;align-items:start}
.rc-gut{position:sticky;top:26px}
.rc-label{font:600 11px/1.25 "Barlow Condensed",sans-serif;letter-spacing:.34em;color:var(--mute);
  display:block;margin-bottom:10px}
.rc-band--ink .rc-label,.rc-band--accent .rc-label{color:rgba(255,255,255,.62)}
.rc-idx{font:500 12px/1 "IBM Plex Mono",monospace;color:var(--accent);display:block}
.rc-band--accent .rc-idx{color:rgba(255,255,255,.75)}
.rc-lede{font-size:1.16rem;color:var(--ink-2);max-width:44em}
.rc-band--ink .rc-lede{color:#b6b2a9}
.rc-band--accent .rc-lede{color:rgba(255,255,255,.9)}

/* ---------- masthead ---------- */
.rc-top{background:var(--ink);color:#cfcbc3;font:500 11px/1 "IBM Plex Mono",monospace;letter-spacing:.06em}
.rc-top .rc-in{display:flex;gap:30px;flex-wrap:wrap;padding:9px 0}
.rc-top b{color:var(--accent);font-weight:600}
.rc-hdr{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:1px solid var(--rule)}
.rc-hdr .rc-in{display:flex;align-items:center;gap:26px;padding:14px 0}
/* The brand's own lockup: monogram mark plus a wide-tracked light wordmark.
   Deliberately not the site's condensed heading face, because the wordmark is
   the brand's and the headings are the site's. */
.rc-logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit;flex:0 0 auto}
.rc-logo .rc-mark{width:38px;height:38px;display:block;flex:0 0 auto}
.rc-logo span{display:block}
.rc-logo b{display:block;font:400 17px/1 "Public Sans",system-ui,sans-serif;letter-spacing:.3em;
  color:var(--ink);text-indent:.3em}
.rc-logo i{display:block;font:500 9.5px/1 "IBM Plex Mono",monospace;font-style:normal;color:var(--mute);
  letter-spacing:.06em;margin-top:5px}
.rc-foot .brand .rc-mark{width:34px;height:34px;display:block;margin-bottom:10px}
.rc-foot .brand b{font:400 18px/1 "Public Sans",system-ui,sans-serif;letter-spacing:.3em;text-indent:.3em;color:#fff}
.rc-nav{margin-left:auto;display:flex;align-items:center;gap:2px}
.rc-nav a{flex:0 0 auto;white-space:nowrap;text-decoration:none;color:var(--ink);
  font:600 13px/1 "Barlow Condensed",sans-serif;letter-spacing:.13em;text-transform:uppercase;padding:11px 13px}
.rc-nav a:hover{color:var(--accent-dk)}
.rc-burger{display:none;margin-left:auto;background:none;border:1px solid var(--rule);
  font:600 12px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;text-transform:uppercase;
  padding:10px 14px;cursor:pointer;color:var(--ink)}
.rc-btn{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;text-decoration:none;
  font:600 13.5px/1 "Barlow Condensed",sans-serif;letter-spacing:.15em;text-transform:uppercase;
  padding:14px 22px;border:0;cursor:pointer;transition:background .15s}
.rc-btn:hover{background:var(--accent-dk)}
.rc-nav a.rc-btn,.rc-nav a.rc-btn:hover{color:#fff}
.rc-btn--out{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.rc-btn--out:hover{background:var(--ink);color:#fff}
.rc-band--ink .rc-btn,.rc-band--accent .rc-btn{background:#fff;color:var(--ink)}
.rc-band--ink .rc-btn:hover,.rc-band--accent .rc-btn:hover{background:var(--accent-pale)}
.rc-btn--big{font-size:15px;padding:17px 30px}

/* ---------- hero: full bleed image with the drawing over it ---------- */
.rc-hero{position:relative;border-top:1px solid var(--rule);overflow:hidden;background:var(--paper-2)}
.rc-hero .shot{position:absolute;inset:0}
.rc-hero .shot img{width:100%;height:100%;object-fit:cover;opacity:.9}
.rc-hero .veil{position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(243,240,234,.97) 0%,rgba(243,240,234,.9) 38%,rgba(243,240,234,.25) 72%,transparent 100%)}
.rc-hero .rc-in{position:relative;padding:96px 0 104px}
/* The selling version: short enough that the first product grid is right
   behind it rather than a scroll away. */
.rc-hero--short .rc-in{padding:60px 0 64px}
.rc-hero--short h1{font-size:clamp(2.6rem,5.6vw,4.6rem);max-width:14ch}
.rc-hero h1{max-width:11ch;margin-bottom:22px}
.rc-hero .sub{font-size:1.2rem;color:var(--ink-2);max-width:32em}
.rc-hero .acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.rc-stats{display:flex;gap:0;flex-wrap:wrap;margin-top:52px;border-top:1px solid var(--rule)}
.rc-stats div{padding:18px 30px 0 0;margin-right:30px;border-right:1px solid var(--rule)}
.rc-stats div:last-child{border-right:0}
.rc-stats b{display:block;font:500 1.8rem/1 "IBM Plex Mono",monospace;color:var(--ink)}
.rc-stats span{display:block;font:600 10.5px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);margin-top:7px}

/* ---------- scale drawings ---------- */
.rc-plan{display:block;background:var(--paper);border:1px solid var(--rule)}
.rc-plan rect.rug{fill:var(--accent);fill-opacity:.14;stroke:var(--accent);stroke-width:1.5}
.rc-plan rect.room{fill:none;stroke:var(--ink);stroke-width:1;stroke-dasharray:4 3}
.rc-plan text{font:500 9px/1 "IBM Plex Mono",monospace;fill:var(--mute)}
.rc-plan .grid{stroke:var(--faint);stroke-width:1}

/* ---------- size index: rows, not cards ---------- */
.rc-rows{border-top:1px solid var(--rule)}
.rc-row{display:grid;grid-template-columns:132px 108px minmax(0,1.4fr) minmax(0,1fr) 130px;gap:22px;
  align-items:center;padding:20px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.rc-row:hover{background:var(--paper-2)}
.rc-row .shot{background:var(--paper-2);border:1px solid var(--rule);display:block;overflow:hidden}
.rc-row .shot img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}
.rc-row .draw{background:var(--paper);border:1px solid var(--rule);padding:8px}
.rc-row .draw em{display:block;font:500 9px/1.3 "IBM Plex Mono",monospace;font-style:normal;color:var(--mute);
  text-align:center;margin-top:6px;letter-spacing:.02em}
.rc-row h3{margin:0 0 4px;font-size:1.45rem}
.rc-row .note{font-size:.92rem;color:var(--ink-2);margin:0}
.rc-row .meta{font:500 12px/1.5 "IBM Plex Mono",monospace;color:var(--mute)}
.rc-row .price{font:500 1.15rem/1 "IBM Plex Mono",monospace;text-align:right}
.rc-row .price small{display:block;font:600 10px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);margin-top:6px}

/* ---------- product tiles, used sparingly ---------- */
.rc-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.rc-tile{background:var(--paper);display:flex;flex-direction:column;text-decoration:none;color:inherit}
.rc-tile:hover{background:var(--paper-2)}
.rc-tile .im{background:var(--paper-2)}
.rc-tile .im img{width:100%;aspect-ratio:1/1;object-fit:cover}
.rc-tile .bd{padding:15px 16px 18px;display:flex;flex-direction:column;flex:1}
.rc-tile .dim{font:500 11px/1 "IBM Plex Mono",monospace;color:var(--accent);margin-bottom:8px}
.rc-tile h3{font-size:1.08rem;margin:0 0 8px;line-height:1.15}
.rc-tile .foot{margin-top:auto;display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  padding-top:12px;border-top:1px solid var(--faint)}
.rc-tile .p{font:500 1.05rem/1 "IBM Plex Mono",monospace}
/* Navigation tiles: same shell as a product, because a shape or a colour is
   browsed the same way and a photograph of a rug is the only useful label. */
.rc-tile--nav .bd h3{font-size:1.2rem;display:flex;align-items:center;gap:2px}
.rc-tile--nav .note{display:block;font-size:.9rem;color:var(--ink-2);margin-bottom:10px}
.rc-tile--nav .p{font-size:.95rem}
.rc-stars{font:500 11px/1 "IBM Plex Mono",monospace;color:var(--mute)}
.rc-stars b{color:var(--ink)}

/* ---------- swatches ---------- */
.rc-sw{display:inline-block;width:11px;height:11px;vertical-align:-1px;margin-right:6px;
  box-shadow:inset 0 0 0 1px rgba(21,23,26,.2)}
.rc-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px;padding:0;list-style:none}
.rc-chip{font:500 11px/1 "IBM Plex Mono",monospace;color:var(--ink-2);background:var(--paper);
  border:1px solid var(--rule);padding:6px 9px}

/* ---------- fit calculator ---------- */
.rc-calc{background:var(--paper);border:1px solid var(--ink);padding:0}
.rc-calc .head{background:var(--ink);color:#fff;padding:12px 20px;font:600 12px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.2em;text-transform:uppercase}
.rc-calc .body{padding:22px}
.rc-calc .row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}
.rc-calc label{display:block;font:600 10.5px/1 "Barlow Condensed",sans-serif;letter-spacing:.2em;
  text-transform:uppercase;color:var(--mute);margin-bottom:7px}
.rc-calc input,.rc-calc select{width:100%;font:500 15px/1.3 "IBM Plex Mono",monospace;padding:11px 12px;
  border:1px solid var(--rule);background:var(--paper);color:var(--ink)}
.rc-calc output{display:block;border-top:1px solid var(--ink);padding-top:18px;margin-top:4px}
.rc-calc output b{display:block;font:600 1.5rem/1.1 "Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.02em;margin-bottom:10px}
.rc-calc output ul{margin:12px 0 0;padding-left:18px;font-size:.95rem;color:var(--ink-2)}
.rc-calc output li{margin-bottom:5px}
.rc-calc .why{font-size:.9rem;color:var(--mute);margin:12px 0 0;padding-top:12px;border-top:1px solid var(--faint)}

/* ---------- value blocks: numbered, no boxes ---------- */
/* Padding on both sides, not just the right: with padding-left at zero the text
   of every column after the first sat flush against the divider it follows.
   The outer edges stay flush so the block still lines up with the column. */
.rc-vals{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--rule)}
.rc-val{padding:26px 28px 30px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.rc-val:nth-child(3n+1){padding-left:0}
.rc-val:nth-child(3n){border-right:0;padding-right:0}
.rc-val .n{font:500 12px/1 "IBM Plex Mono",monospace;color:var(--accent);display:block;margin-bottom:12px}
.rc-val h3{font-size:1.16rem;margin-bottom:8px}
.rc-val p{font-size:.95rem;color:var(--ink-2);margin:0}
.rc-band--ink .rc-val{border-color:#2e3236}
.rc-band--ink .rc-val p{color:#a8a49c}

/* ---------- gallery: uneven measured wall ---------- */
.rc-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.rc-wall figure{margin:0;background:var(--paper);overflow:hidden}
.rc-wall img{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}
.rc-wall figure:nth-child(1){grid-column:span 2;grid-row:span 2}
.rc-wall figure:nth-child(8){grid-column:span 2;grid-row:span 2}

/* ---------- tables and specs ---------- */
.rc-tablewrap{overflow-x:auto;border:1px solid var(--rule);background:var(--paper)}
table.rc-tbl{border-collapse:collapse;width:100%;min-width:560px;font-size:.94rem}
table.rc-tbl th,table.rc-tbl td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}
table.rc-tbl th{background:var(--paper-2);font:600 11px/1.3 "Barlow Condensed",sans-serif;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-2)}
table.rc-tbl tr:last-child td{border-bottom:0}
table.rc-tbl td.rc-num{font-family:"IBM Plex Mono",monospace}
.rc-spec{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.rc-spec li{display:flex;gap:16px;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--faint);
  font-size:.95rem}
.rc-spec span{color:var(--mute);font:600 11px/1.5 "Barlow Condensed",sans-serif;letter-spacing:.16em;
  text-transform:uppercase}
.rc-spec b{font-weight:500;text-align:right;font-family:"IBM Plex Mono",monospace;font-size:.9rem}
/* On the dark and accent bands the muted greys go illegible, so every small
   label, rule and index number switches to a tint of the band's own text. */
.rc-band--ink .rc-spec li,.rc-band--accent .rc-spec li{border-bottom-color:rgba(255,255,255,.24)}
.rc-band--ink .rc-spec,.rc-band--accent .rc-spec{border-top-color:rgba(255,255,255,.4)}
.rc-band--ink .rc-spec span{color:#8d8981}
.rc-band--accent .rc-spec span{color:rgba(255,255,255,.72)}
.rc-band--ink .rc-spec b{color:#fff}
.rc-band--accent .rc-spec b{color:#fff}
.rc-band--ink .rc-idx{color:#e9a288}
.rc-band--ink .rc-tablewrap{background:transparent;border-color:#2e3236}
.rc-band--ink table.rc-tbl th{background:#1d2024;color:#b6b2a9;border-bottom-color:#2e3236}
.rc-band--ink table.rc-tbl td{border-bottom-color:#2e3236;color:#cfcbc3}
.rc-band--ink .rc-calc{background:#1d2024;border-color:#4a4f54}
.rc-band--ink .rc-calc .head{background:var(--accent)}
.rc-band--ink .rc-calc label{color:#8d8981}
.rc-band--ink .rc-calc input,.rc-band--ink .rc-calc select{background:#15171a;border-color:#3e4348;color:#fff}
.rc-band--ink .rc-calc output{border-top-color:#4a4f54;color:#cfcbc3}
.rc-band--ink .rc-calc output b{color:#fff}
.rc-band--ink .rc-calc output ul{color:#b6b2a9}
.rc-band--ink .rc-calc .why{color:#83807a;border-top-color:#2e3236}

/* ---------- pdp ---------- */
.rc-pdp{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:52px;align-items:start;
  padding:44px 0 10px}
.rc-gal .main{border:1px solid var(--rule);background:var(--paper-2)}
.rc-gal .main img{width:100%;aspect-ratio:1/1;object-fit:cover}
.rc-gal .thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--rule);
  border:1px solid var(--rule);border-top:0}
.rc-gal .thumbs img{cursor:pointer;background:var(--paper);aspect-ratio:1/1;object-fit:cover}
.rc-gal .thumbs img.on{outline:2px solid var(--accent);outline-offset:-2px}
.rc-buy{border:1px solid var(--ink);margin:26px 0}
.rc-buy .p{font:500 2.1rem/1 "IBM Plex Mono",monospace;padding:20px 22px 6px}
.rc-buy .n{font-size:.88rem;color:var(--mute);padding:0 22px 18px}
.rc-buy .go{display:block;padding:0 22px 22px}
.rc-sizes{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 20px;padding:0;list-style:none}
.rc-sizes a{font:500 12px/1 "IBM Plex Mono",monospace;text-decoration:none;color:var(--ink-2);
  border:1px solid var(--rule);padding:8px 11px;background:var(--paper)}
.rc-sizes a:hover{border-color:var(--accent);color:var(--accent-dk)}
.rc-sizes a.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* ---------- prose ---------- */
.rc-prose{max-width:44em}
.rc-prose h2{margin-top:1.5em;font-size:2rem}
.rc-prose h3{margin-top:1.5em}
.rc-prose ul,.rc-prose ol{padding-left:20px;margin:0 0 1.05em}
.rc-prose li{margin-bottom:.4em}
.rc-note{border-left:3px solid var(--accent);background:var(--paper-2);padding:16px 20px;font-size:.96rem;
  color:var(--ink-2);margin:1.6em 0}
.rc-note b{color:var(--ink)}

/* ---------- disclaimer and sources ---------- */
.rc-disclaim{border:1px solid var(--rule);border-left:3px solid var(--ink);background:var(--paper);
  padding:16px 20px;font-size:.93rem;color:var(--ink-2);margin:0 0 2em}
.rc-disclaim b{color:var(--ink);font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.1em}
.rc-sources{margin-top:2.6em;padding-top:1.4em;border-top:1px solid var(--rule)}
.rc-sources h2{font-size:1.3rem;margin-top:0}
.rc-sources > p{font-size:.9rem;color:var(--mute)}
.rc-sources ol{list-style:none;margin:1em 0 0;padding:0;counter-reset:src}
.rc-sources li{position:relative;padding:0 0 14px 30px;margin:0 0 14px;border-bottom:1px solid var(--faint)}
.rc-sources li:last-child{border-bottom:0;margin-bottom:0}
.rc-sources li:before{counter-increment:src;content:"[" counter(src) "]";position:absolute;left:0;top:2px;
  font:500 11px/1.5 "IBM Plex Mono",monospace;color:var(--accent)}
.rc-sources .org{display:block;font:600 10.5px/1.4 "Barlow Condensed",sans-serif;letter-spacing:.16em;
  text-transform:uppercase;color:var(--mute);margin-top:2px}
.rc-sources .what{display:block;font-size:.9rem;color:var(--ink-2);margin-top:6px}

/* ---------- faq ---------- */
.rc-faq details{border-bottom:1px solid var(--rule);padding:16px 0}
.rc-faq summary{cursor:pointer;font:600 1.22rem/1.2 "Barlow Condensed",sans-serif;text-transform:uppercase;
  letter-spacing:.01em;list-style:none;display:flex;gap:14px;align-items:baseline}
.rc-faq summary::-webkit-details-marker{display:none}
.rc-faq summary:before{content:"+";color:var(--accent);font-family:"IBM Plex Mono",monospace;font-size:.9rem}
.rc-faq details[open] summary:before{content:"\2212"}
.rc-faq p{margin:10px 0 0 28px;color:var(--ink-2);font-size:.96rem;max-width:52em}

/* ---------- crumbs ---------- */
.rc-crumbs{border-bottom:1px solid var(--rule)}
.rc-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:10px 0;
  font:500 11px/1.6 "IBM Plex Mono",monospace;color:var(--mute)}
.rc-crumbs li+li:before{content:"/";margin-right:8px;color:var(--rule)}
.rc-crumbs a{color:var(--mute);text-decoration:none}
.rc-crumbs a:hover{color:var(--accent-dk)}

/* ---------- footer ---------- */
.rc-foot{background:var(--ink);color:#a8a49c;padding:56px 0 26px;font-size:.92rem}
.rc-foot .cols{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:28px}
.rc-foot h4{color:#fff;font:600 11px/1 "Barlow Condensed",sans-serif;letter-spacing:.24em;text-transform:uppercase;
  margin-bottom:14px}
.rc-foot a{display:block;color:#a8a49c;text-decoration:none;padding:4px 0}
.rc-foot a:hover{color:#fff}
.rc-foot .brand b{display:block;color:#fff;margin-bottom:12px}
.rc-foot .brand p{max-width:32em;line-height:1.6}
.rc-foot .btm{margin-top:34px;padding-top:18px;border-top:1px solid #2e3236;display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;font:500 11px/1.6 "IBM Plex Mono",monospace;color:#83807a}

/* ---------- responsive ---------- */
@media (max-width:1180px){
  .rc-grid{grid-template-columns:1fr;gap:14px}
  .rc-gut{position:static;display:flex;align-items:baseline;gap:14px}
  .rc-label{margin-bottom:0}
  .rc-nav{position:fixed;inset:58px 0 auto;background:var(--paper);border-bottom:1px solid var(--rule);
    flex-direction:column;align-items:stretch;gap:0;padding:6px 20px 16px;display:none}
  .rc-nav.on{display:flex}
  .rc-nav a{padding:14px 4px;border-bottom:1px solid var(--faint)}
  .rc-nav .rc-btn{margin-top:12px;justify-content:center;border-bottom:0}
  .rc-burger{display:block}
  .rc-tiles{grid-template-columns:repeat(3,1fr)}
  .rc-wall{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:980px){
  :root{--rail:0px}
  .rc-rail{display:none}
  .rc-in{width:calc(100% - 40px);margin-left:20px}
  .rc-pdp{grid-template-columns:1fr;gap:30px}
  .rc-vals{grid-template-columns:repeat(2,1fr)}
  .rc-val:nth-child(3n+1),.rc-val:nth-child(3n){padding:26px 28px 30px}
  .rc-val:nth-child(3n){border-right:1px solid var(--rule)}
  .rc-val:nth-child(2n+1){padding-left:0}
  .rc-val:nth-child(2n){border-right:0;padding-right:0}
  .rc-foot .cols{grid-template-columns:1fr 1fr}
}
@media (max-width:660px){
  body{font-size:16px}
  .rc-band{padding:48px 0 52px}
  .rc-hero .rc-in{padding:56px 0 60px}
  .rc-tiles{grid-template-columns:repeat(2,1fr)}
  .rc-wall{grid-template-columns:repeat(2,1fr)}
  .rc-wall figure:nth-child(1),.rc-wall figure:nth-child(8){grid-column:span 2;grid-row:auto}
  .rc-vals{grid-template-columns:1fr}
  .rc-val,.rc-val:nth-child(3n),.rc-val:nth-child(2n),.rc-val:nth-child(3n+1),.rc-val:nth-child(2n+1){
    border-right:0;padding:24px 0 26px}
  .rc-row{grid-template-columns:96px 78px minmax(0,1fr);gap:14px}
  .rc-row > span:nth-child(3){grid-column:1 / -1}
  .rc-row .meta,.rc-row .price{grid-column:1 / -1}
  .rc-row .price{text-align:left}
  .rc-calc .row{grid-template-columns:1fr}
  .rc-gal .thumbs{grid-template-columns:repeat(4,1fr)}
  .rc-stats div{padding-right:18px;margin-right:18px}
  .rc-foot .cols{grid-template-columns:1fr}
}