:root {
  color-scheme: dark;
  --bg: #100c09;
  --panel: #18110d;
  --ink: #f2e4d4;
  --muted: #c0ad98;
  --gold: #d2ad78;
  --line: #4e3c2b;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: Manrope, system-ui, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 15px/1.6 var(--sans); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
img { display: block; max-width: 100%; }
h1, h2, p { margin: 0; }
h1, h2 { font-family: var(--serif); font-weight: 500; line-height: 1; }
:focus-visible { outline: 2px solid #f4cb90; outline-offset: 4px; }
.wrap { width: min(1320px, calc(100% - 104px)); margin-inline: auto; }
.sr-only, .skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.skip-link:focus { position: absolute; left: 1rem; top: 1rem; z-index: 3; padding: .6rem 1rem; background: var(--panel); }

.approved { background: #100b07; }
.approved-frame { max-width: 1672px; margin-inline: auto; position: relative; }
.approved-frame img { width: 100%; height: auto; }
.approved-hit { position: absolute; border-radius: 2px; }
.approved-hit[data-enquiry] { border: 0; background: transparent; cursor: pointer; }
.approved-request { inset: 3.08% 3.88% 92.35% 84.05%; }
.approved-catalog { inset: 91.9% 38.48% 2.63% 38.48%; }
.featured-hit {
  position: absolute;
  left: var(--arrow-x, 31.19%);
  top: var(--arrow-y, 58.08%);
  width: max(26px, 2.5%);
  height: max(26px, 4.55%);
  transform: translate(-50%, -50%);
  padding: 0;
  border: 0;
  border-radius: 3px;
  background: transparent;
  cursor: pointer;
}
.featured-col-2 { --arrow-x: 62.53%; --card-x: 35.23%; }
.featured-col-3 { --arrow-x: 93.87%; --card-x: 66.56%; }
.featured-row-2 { --arrow-y: 84.54%; --card-y: 65.25%; --card-height: 23.3%; }
.approved-mobile { display: none; }
.approved-links { justify-content: center; flex-wrap: wrap; gap: 8px 26px; padding: 8px 0 16px; }
.mobile-only { display: none; }
.home-collection { inset: 58.15% 80% 35.45% 4%; }
.home-order { inset: 58.15% 61.38% 35.45% 21.3%; }
.collection-order { inset: 3.3% 51% 92.5% 36.8%; }
.home-hero-view { position: relative; max-width: 1672px; margin-inline: auto; overflow: hidden; }
.home-hero-view .approved-frame { margin-block: -8.55% -9.2%; }
.home-hero-view::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: clamp(34px, 9vw, 138px);
  background: linear-gradient(to bottom, transparent, var(--bg));
  pointer-events: none;
}
@media (min-width: 1673px) {
  .home-hero-view::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(to right, var(--bg), transparent 58px, transparent calc(100% - 58px), var(--bg));
    pointer-events: none;
  }
}
.one-page { background: var(--bg); }
#collection-title { font-size: clamp(35px, 5.1vw, 74px); margin-bottom: 11px; }
.collection-grid { margin-top: 25px; }
.collection-grid .card-button { min-width: 0; }
.collection-grid .card-info { min-height: 76px; }
.collection-grid .card-title { font: 500 clamp(17px, 1.7vw, 26px)/1.1 var(--serif); text-transform: uppercase; }
.collection-photo { display: block; position: relative; overflow: hidden; aspect-ratio: 379/140; }
/* Show only the six approved photo windows, without the artwork's baked background or labels. */
.collection-photo img { position: absolute; inset: 0 auto auto 0; width: 343%; max-width: none; height: auto; transform: translate(var(--photo-x, -4.08%), var(--photo-y, -34.43%)); }
.collection-grid .card-button:nth-child(3n+2) { --photo-x: -35.4%; }
.collection-grid .card-button:nth-child(3n+3) { --photo-x: -66.84%; }
.collection-grid .card-button:nth-child(n+4) { --photo-y: -65.57%; }
.collection-grid .card-button:nth-child(n+4) .collection-photo { aspect-ratio: 379/106; }
.collection-catalog { display: flex; align-items: center; gap: clamp(12px, 4vw, 55px); margin-block: 28px clamp(24px, 4.5vw, 65px); list-style: none; cursor: pointer; }
.collection-catalog::-webkit-details-marker { display: none; }
.collection-catalog::before, .collection-catalog::after { content: ""; height: 1px; background: var(--line); flex: 1; }
.collection-catalog .collection-show, .collection-catalog .collection-hide { color: inherit; }
.collection-hide, #full-collection[open] .collection-show { display: none; }
#full-collection[open] .collection-hide { display: inline; }
#full-collection[open] .collection-chevron { transform: rotate(180deg); }
#tables-catalog[open] > .tables-reopen { display: none; }
.tables-reopen { margin-block: 0 28px; }
.catalog-end { display: flex; justify-content: center; margin-top: 28px; }
.catalog-end .button { background: transparent; cursor: pointer; }
.catalog-end .button:hover { background: #302116; }
.one-page .home-section { padding-block: clamp(24px, 4.5vw, 65px); }
.one-page #collection { padding-bottom: 0; }
.one-page .home-section > .eyebrow { margin-bottom: 10px; }
.home-section-actions { display: flex; flex-wrap: wrap; gap: 8px 20px; align-items: center; justify-content: space-between; margin-block: 12px 20px; }
.home-section-actions .section-note { margin: 0; }
.home-section-actions .button { background: transparent; cursor: pointer; }
.home-section-actions .button:hover { background: #302116; }
.home-brand-story { display: grid; gap: 14px; max-width: 72ch; margin-top: 26px; color: var(--muted); font-size: 15px; }
.home-about-lead { color: var(--ink); }
.home-about-statement { padding-inline-start: 16px; border-inline-start: 1px solid var(--gold); color: #e6c9aa; }
.home-projects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-top: 20px; }
.home-projects .card-image img { aspect-ratio: 16/8; }

.site-header { border-bottom: 1px solid #30251d; background: #110c09; }
.header-inner { min-height: 100px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 30px; }
.brand { display: inline-grid; justify-self: start; text-align: center; color: #e6c9aa; }
.monogram { font: 500 30px/.9 var(--serif); }
.brand-name { font: 500 26px/1.1 var(--serif); letter-spacing: .33em; padding-left: .33em; }
.brand-sub { font-size: 8px; letter-spacing: .25em; margin-top: 4px; }
nav { display: flex; gap: clamp(24px, 4vw, 60px); color: var(--muted); font-size: 14px; }
nav a { padding: 9px 0; }
nav a:hover, nav a[aria-current] { color: var(--ink); }
nav a[aria-current] { box-shadow: 0 1px var(--gold); }
html:has(.home-header) { --home-header-height: 112px; scroll-padding-top: var(--home-header-height); }
.home-header { position: sticky; top: 0; z-index: 5; background: linear-gradient(110deg, #15100d, #1b120d 64%, #130e0b); }
.home-header .header-inner { width: min(1672px, calc(100% - clamp(32px, 5vw, 82px))); min-height: calc(var(--home-header-height) - 1px); gap: 18px; }
.home-header .monogram { font-size: 41px; }
.home-header .brand-name { font-size: 32px; }
.home-header .brand-sub { display: flex; align-items: center; justify-content: center; gap: 8px; }
.home-header .brand-sub::before, .home-header .brand-sub::after { content: ""; width: 20px; height: 1px; background: #977b5e; }
.home-header nav { color: var(--ink); gap: clamp(17px, 3vw, 54px); }
.home-header nav a { white-space: nowrap; }
.home-header nav a:hover { color: var(--gold); }
.home-header .header-request { padding-inline: clamp(13px, 2vw, 30px); white-space: nowrap; }
.home-header .home-menu-toggle { display: none; }
.button { display: inline-flex; width: fit-content; min-height: 46px; gap: 18px; align-items: center; justify-content: center; padding: 9px 18px; border: 1px solid #98764e; border-radius: 2px; color: var(--ink); font-size: 13px; font-weight: 600; }
.button span { color: var(--gold); }
.button:hover { background: #302116; }
.header-request { justify-self: end; }
.button-gold { color: #21160f; background: #d3b184; border-color: #d3b184; }
.button-gold span { color: inherit; }
.button-gold:hover { background: #ecc99c; }

.intro { display: grid; grid-template-columns: 1fr .88fr; align-items: center; gap: 44px; padding-block: 40px 44px; }
.back-link { display: inline-flex; align-items: center; gap: 10px; color: var(--muted); font-size: 12px; margin-bottom: 28px; }
.back-link:hover, .footer a:hover { color: var(--ink); }
.back-link span { color: var(--gold); }
.eyebrow { display: flex; align-items: center; gap: 13px; color: var(--gold); font-size: 10px; font-weight: 600; letter-spacing: .26em; text-transform: uppercase; }
.eyebrow::after { content: ""; width: 46px; height: 1px; background: var(--line); }
h1 { font-size: clamp(46px, 6.4vw, 101px); margin-block: 9px 13px; letter-spacing: -.028em; }
.intro-text { max-width: 410px; color: var(--muted); }
.catalog-links { display: flex; flex-wrap: wrap; gap: 5px 20px; margin-top: 12px; font-size: 12px; color: var(--gold); }
.catalog-links a:hover { text-decoration: underline; }
.intro-photo { position: relative; border: 1px solid var(--line); border-radius: 3px; overflow: hidden; background: var(--panel); }
.intro-photo img { width: 100%; height: clamp(195px, 19vw, 284px); object-fit: cover; object-position: center 58%; }
.intro-photo::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(transparent, #0e0906e6); }
.intro-photo > span { position: absolute; z-index: 1; left: 16px; bottom: 12px; display: flex; align-items: center; gap: 9px; font-size: 9px; letter-spacing: .17em; }
.intro-photo i { height: 1px; width: 17px; background: var(--gold); }

.tables { border-top: 1px solid var(--line); padding: 28px 0 58px; scroll-margin-top: 12px; }
.section-label { display: flex; gap: 12px; justify-content: space-between; align-items: baseline; }
.section-label h2, .enquiry h2 { font-size: clamp(32px, 3.5vw, 51px); }
#result-count { color: var(--muted); font-size: 12px; white-space: nowrap; }
.filter-row { display: flex; flex-wrap: wrap; gap: 8px; margin: 17px 0 22px; }
.filter-row button { background: transparent; border: 1px solid var(--line); border-radius: 2px; color: var(--muted); min-height: 40px; padding: 6px 13px; cursor: pointer; font-size: 12px; }
.filter-row button[aria-pressed="true"], .filter-row button:hover { background: #302116; color: var(--ink); }
.filter-row button[aria-pressed="true"] { border-color: #a48154; }
.filter-row span { display: inline-block; vertical-align: 1px; width: 7px; height: 7px; border-radius: 50%; background: var(--swatch); margin-right: 4px; }
.grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 21px; }
.card { min-width: 0; }
.card-button { display: block; width: 100%; height: 100%; padding: 0; border: 1px solid var(--line); border-radius: 8px; background: linear-gradient(155deg, #1c140f, #130e0b); overflow: hidden; text-align: left; cursor: pointer; }
.card-image { display: block; position: relative; overflow: hidden; background: #221811; }
.card-image img { width: 100%; aspect-ratio: 16/10; object-fit: cover; }
.photo-badge { position: absolute; bottom: 10px; left: 11px; padding: 3px 8px; background: #100c09ed; border: 1px solid #866948; color: #f1ddc3; border-radius: 2px; font-size: 11px; }
.card-info { position: relative; display: grid; align-content: center; min-height: 101px; padding: 13px 63px 14px 15px; }
.card-title { font: 600 clamp(22px, 2.25vw, 33px)/1.02 var(--serif); }
.card-detail { display: block; color: var(--muted); margin-top: 5px; font-size: 12px; }
.card-spec { margin-top: 6px; color: var(--muted); font-size: 12px; }
.card-price { display: block; margin-top: 4px; color: #e6c9aa; font-size: 13px; font-weight: 600; }
.section-note { color: var(--muted); font-size: 13px; margin: 10px 0 22px; }
.price-terms { margin: 20px 0 0; max-width: 70ch; }
#catalog-grid .card-button { display: flex; flex-direction: column; }
#catalog-grid .card-image { width: 100%; }
#catalog-grid .card-info { width: 100%; flex: 1; }
.card-arrow { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); border: 1px solid #8c6a43; border-radius: 2px; color: var(--gold); display: grid; place-items: center; width: 37px; height: 37px; }
.card-button:hover .card-arrow { background: #302116; }

.enquiry { display: flex; align-items: center; justify-content: space-between; gap: 22px; padding: 29px; background: linear-gradient(120deg, #21160e, #130e0b); border: 1px solid var(--line); border-radius: 3px; }
.enquiry h2 { margin-block: 7px; }
.enquiry p:not(.eyebrow) { color: var(--muted); }
.enquiry :is(a, button) { flex-shrink: 0; }
.button[data-enquiry] { cursor: pointer; }
.approved-links .mobile-only.button { display: none; }
.footer { padding-block: 29px; display: flex; justify-content: space-between; gap: 12px; color: var(--muted); font-size: 11px; }
.footer > span { letter-spacing: .18em; }

html:has(dialog[open]) { overflow: hidden; }
dialog { position: fixed; width: min(1080px, calc(100% - 44px)); max-height: calc(100dvh - 40px); padding: 0; border: 1px solid #9c7950; border-radius: 5px; background: var(--panel); color: var(--ink); }
dialog::backdrop { background: #080503e8; }
#enquiry-dialog { width: min(600px, calc(100% - 28px)); }
.enquiry-dialog-inner { padding: clamp(19px, 4vw, 36px); }
.enquiry-dialog-inner .eyebrow { padding-right: 42px; }
#enquiry-dialog-title { margin-block: 8px 12px; font-size: clamp(32px, 5vw, 51px); }
.enquiry-form { display: grid; gap: 12px; }
.enquiry-form label { display: grid; gap: 5px; color: var(--muted); font-size: 13px; }
.enquiry-form :is(input, textarea) {
  width: 100%;
  min-height: 44px;
  padding: 9px 12px;
  background: var(--bg);
  border: 1px solid var(--line);
  border-radius: 2px;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
}
.enquiry-form textarea { resize: vertical; }
.enquiry-form .button { cursor: pointer; }
.enquiry-form .button:disabled { cursor: wait; opacity: .68; }
.enquiry-form-status { color: #e6c9aa; font-size: 13px; }
.close, .gallery-arrow { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #8b6b47; border-radius: 2px; background: #140e0ae8; color: var(--ink); cursor: pointer; }
.close { position: absolute; z-index: 2; top: 10px; right: 10px; font-size: 26px; line-height: 1; }
.close:hover, .gallery-arrow:hover { background: #3d291b; }
.gallery-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); }
.gallery-media { padding: 14px; background: #0d0907; min-width: 0; }
.gallery-stage { position: relative; background: #0c0907; }
.gallery-stage > img { width: 100%; height: min(54vh, 485px); object-fit: contain; }
.gallery-arrow { position: absolute; top: 50%; transform: translateY(-50%); }
.prev { left: 8px; }
.next { right: 8px; }
.gallery-meta { display: flex; justify-content: space-between; gap: 8px; font-size: 12px; color: var(--muted); padding-top: 9px; }
.thumbs { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 10px; }
.thumbs button { padding: 0; width: 76px; height: 51px; border: 1px solid var(--line); border-radius: 2px; background: var(--bg); cursor: pointer; overflow: hidden; }
.thumbs button[aria-pressed="true"] { border: 2px solid #f4cb90; }
.thumbs img { width: 100%; height: 100%; object-fit: cover; }
.gallery-copy { align-self: center; padding: 58px 24px 24px; }
.gallery-copy h2 { font-size: clamp(32px, 4vw, 57px); margin-block: 10px 13px; }
.gallery-copy > p:not(.eyebrow) { color: var(--muted); }
.gallery-copy .button { margin-top: 22px; }
.gallery-copy .gallery-note { margin-top: 14px; font-size: 12px; }
dialog.gallery-without-photos { width: min(540px, calc(100% - 18px)); }
.gallery-without-photos .gallery-grid { grid-template-columns: 1fr; }
.gallery-without-photos .gallery-copy { padding: 54px clamp(18px, 5vw, 32px) 29px; }
.gallery-copy .gallery-price { margin-top: 13px; color: #e6c9aa; font: 600 35px/1.1 var(--serif); }
#gallery.gallery-collection { width: min(850px, calc(100% - 18px)); }
.gallery-collection #gallery-photo { height: min(42vh, 270px); }
.form-hint { font-size: 12px; margin-top: 10px; }
.form-hint strong { color: var(--ink); font-weight: 600; }

.chairs-page { background: radial-gradient(ellipse at 68% 8%, #26180f, transparent 48rem), var(--bg); }
.chairs-intro { display: grid; grid-template-columns: 1fr .92fr; align-items: center; gap: clamp(22px, 5vw, 72px); padding-block: 46px 42px; }
.chairs-intro .intro-text { max-width: 360px; }
.chairs-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.chairs-actions button { background: transparent; cursor: pointer; }
.chairs-actions button:hover { background: #302116; }
.chair-plates { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(8px, 2vw, 24px); align-items: start; }
.chair-plates figure { margin: 0; padding: clamp(8px, 1.8vw, 22px); border: 1px solid var(--line); background: linear-gradient(145deg, #2c1d14, #140e0b); }
.chair-plates figure:first-child { margin-top: 22px; }
.chair-plates img { width: min(100%, 152px); height: auto; margin-inline: auto; border: 1px solid #7a5a3d; }
.chair-plates figcaption { color: var(--gold); text-align: center; font-size: 10px; margin-top: 10px; letter-spacing: .16em; text-transform: uppercase; }
.chair-total { font-size: 12px; color: var(--muted); }
.chair-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.chair-image { min-height: 197px; display: grid; place-items: center; padding: 18px 8px; background: radial-gradient(ellipse at center, #3a281e, #211611 76%); border-bottom: 1px solid #392b21; }
.chair-image img { width: auto; height: 157px; max-width: 100%; object-fit: contain; outline: 1px solid #8a6e52; }
.chair-grid .card-info { min-height: 84px; }

.order-page { background: radial-gradient(ellipse at 70% 20%, #2a1a10, transparent 50rem), var(--bg); }
.order-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr); gap: clamp(20px, 4vw, 56px); align-items: center; padding-block: 40px 46px; }
.order-intro > div { container-type: inline-size; }
.order-intro :is(h1, h2) { font-size: min(76px, 9cqi); margin-block: 8px 13px; letter-spacing: -.02em; white-space: nowrap; }
.order-action { margin-top: 22px; }
.order-art { margin: 0; border: 1px solid var(--line); border-radius: 3px; overflow: hidden; }
.order-art img { width: 100%; height: auto; }
.order-brief .grid { margin-top: 19px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.order-brief article { padding: clamp(14px, 2vw, 24px); border: 1px solid var(--line); background: linear-gradient(145deg, #21160f, #160f0b); border-radius: 3px; }
.order-brief h3 { margin: 7px 0; font: 600 clamp(23px, 2.1vw, 32px)/1.08 var(--serif); }
.order-brief article p { color: var(--muted); font-size: 13px; }

@media (max-width: 930px) {
  .wrap { width: calc(100% - 56px); }
  .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  .intro { gap: 24px; }
  .chair-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  html:has(.home-header) { --home-header-height: 76px; }
  .home-header .header-inner { grid-template-columns: 1fr auto auto; gap: 8px; }
  .home-header .monogram { font-size: 25px; }
  .home-header .brand-name { font-size: 22px; }
  .home-header .brand-sub { font-size: 7px; gap: 3px; }
  .home-header .brand-sub::before, .home-header .brand-sub::after { width: 7px; }
  .home-header .home-menu-toggle { display: inline-flex; background: transparent; cursor: pointer; }
  .home-header .home-menu-toggle:hover { background: #302116; }
  .home-header .header-request, .home-header .home-menu-toggle { min-height: 40px; padding-inline: 9px; font-size: 12px; }
  .home-header nav {
    display: none;
    position: absolute;
    inset: 100% 0 auto;
    padding: 8px 16px 14px;
    background: #18110d;
    border-bottom: 1px solid var(--line);
    max-height: calc(100dvh - var(--home-header-height));
    overflow: auto;
  }
  .home-header:has(.home-menu-toggle[aria-expanded="true"]) nav { display: grid; gap: 0; }
  .home-header nav a { padding: 9px 6px; }
}
@media (max-width: 370px) {
  .home-header .brand-name { font-size: 18px; letter-spacing: .23em; padding-left: .23em; }
  .home-header .brand-sub { font-size: 6px; }
  .home-header .header-request, .home-header .home-menu-toggle { padding-inline: 7px; font-size: 11px; }
}
@media (max-width: 650px) {
  .approved-links .mobile-only.button { display: inline-flex; }
  .home-projects { grid-template-columns: 1fr; gap: 12px; }
  .wrap { width: calc(100% - 32px); }
  .approved-mobile { display: flex; justify-content: center; padding: 20px 10px; }
  .approved-hit { display: none; }
  .mobile-only { display: inline; }
  .featured-hit {
    left: var(--card-x, 3.89%);
    top: var(--card-y, 34%);
    width: 29.6%;
    height: var(--card-height, 27.95%);
    transform: none;
  }
  .header-inner { grid-template-columns: 1fr auto; min-height: 76px; gap: 10px; }
  .header-inner nav { display: none; }
  .brand-name { font-size: 22px; }
  .monogram { font-size: 22px; }
  .header-request { padding-inline: 9px; gap: 6px; }
  .intro { grid-template-columns: 1fr; padding-block: 23px 26px; gap: 17px; }
  .back-link { margin-bottom: 20px; }
  .intro-photo img { height: 170px; }
  .tables { padding-bottom: 32px; }
  .section-label { align-items: flex-start; }
  .section-label h2 { font-size: 30px; }
  #result-count { margin-top: 5px; }
  .grid { grid-template-columns: 1fr; }
  .card-info { min-height: 81px; }
  .card-title { font-size: 28px; }
  #catalog-grid a.card-button .card-title { font-size: clamp(22px, 6.8vw, 28px); }
  .enquiry { flex-direction: column; align-items: flex-start; padding: 19px; gap: 15px; }
  dialog { width: calc(100% - 18px); max-height: calc(100dvh - 18px); }
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-media { padding: 9px; }
  .gallery-stage > img { height: min(42vh, 305px); }
  .gallery-copy { padding: 17px 14px 21px; }
  .gallery-copy .button { margin-top: 15px; }
  .chairs-intro { grid-template-columns: 1fr; padding-block: 24px; gap: 22px; }
  .order-intro, .order-brief .grid { grid-template-columns: 1fr; }
  .order-intro { padding-block: 24px; }
  .chair-plates { max-width: 390px; }
  .chair-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .chair-grid .card-info { padding-inline: 10px 40px; }
  .chair-grid .card-title { font-size: 23px; }
  .chair-grid .card-arrow { right: 8px; width: 27px; height: 29px; }
}