/* Icons of craft — gold paper, watchmaker's thread and engraved plaques. */
.brand-section {
  --brand-ink: #23190d;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    radial-gradient(circle at 72% 4%, rgba(255, 230, 163, .7), transparent 28%),
    radial-gradient(circle at 41% 57%, rgba(255, 220, 139, .28), transparent 32%),
    radial-gradient(circle at 8% 95%, rgba(83, 48, 14, .27), transparent 32%),
    repeating-linear-gradient(96deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(7deg, rgba(61,35,8,.015) 0 1px, transparent 1px 7px),
    linear-gradient(116deg, #9e6e2f 0%, #c99548 39%, #e2bb72 69%, #b57f35 100%);
  color: var(--brand-ink);
}

.brand-section::before,
.brand-section::after {
  position: absolute;
  inset: 0;
  z-index: -3;
  content: "";
  pointer-events: none;
}

.brand-section::before {
  opacity: .26;
  background:
    repeating-radial-gradient(circle at 22% 16%, rgba(55,31,8,.2) 0 .45px, transparent .7px 3.5px),
    repeating-radial-gradient(circle at 78% 72%, rgba(255,244,210,.24) 0 .5px, transparent .8px 4px);
  mix-blend-mode: soft-light;
}

.brand-section::after {
  z-index: 5;
  box-shadow: inset 0 0 100px rgba(78,43,10,.22);
}

.brand-threads {
  position: absolute;
  inset: 0 0 0 36%;
  z-index: -1;
  overflow: hidden;
  pointer-events: none;
}

.brand-threads i {
  position: absolute;
  display: block;
  width: 62%;
  height: 34%;
  border: 1px solid rgba(92, 54, 13, .3);
  border-left-color: rgba(255, 235, 177, .58);
  border-radius: 50%;
  box-shadow: 0 1px rgba(255, 234, 175, .2);
}

.brand-threads i::before,
.brand-threads i::after {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(99, 58, 12, .42);
  border-radius: 50%;
  background: #c99445;
  box-shadow: inset 1px 1px 1px rgba(255,235,180,.55), 0 1px 2px rgba(77,42,8,.24);
  content: "";
}

.brand-threads i::before { top: 8%; left: 7%; }
.brand-threads i::after { right: 7%; bottom: 8%; }
.brand-threads i:nth-child(1) { top: 2%; left: 15%; width: 70%; height: 43%; transform: rotate(19deg); }
.brand-threads i:nth-child(2) { top: 17%; left: 4%; width: 80%; height: 49%; transform: rotate(-8deg); }
.brand-threads i:nth-child(3) { top: 29%; left: 12%; width: 71%; height: 42%; transform: rotate(13deg); }
.brand-threads i:nth-child(4) { top: 42%; left: -2%; width: 82%; height: 40%; transform: rotate(-14deg); }
.brand-threads i:nth-child(5) { top: 55%; left: 8%; width: 74%; height: 34%; transform: rotate(8deg); }
.brand-threads i:nth-child(6) { top: 64%; left: 1%; width: 83%; height: 31%; transform: rotate(-6deg); }
.brand-threads i:nth-child(7) { top: 8%; left: 35%; width: 51%; height: 76%; transform: rotate(32deg); }

.brand-copy,
.brand-grid { position: relative; z-index: 2; }

.brand-copy { align-self: center; }

.brand-copy > p:first-child {
  margin-bottom: 18px;
  color: rgba(31,22,11,.72);
  font: 700 10px/1 "Montserrat", sans-serif;
  letter-spacing: .35em;
}

.brand-copy h2 {
  color: #11100d;
  font: 500 clamp(64px, 6.3vw, 108px)/.86 "Cormorant Garamond", serif;
  letter-spacing: -.05em;
}

.brand-copy__rule {
  display: flex;
  width: min(100%, 500px);
  align-items: center;
  gap: 12px;
  margin: 31px 0 26px;
}

.brand-copy__rule::before,
.brand-copy__rule::after {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(64,39,11,.05), rgba(64,39,11,.28), rgba(255,230,170,.38));
  content: "";
}

.brand-copy__rule span {
  width: 12px;
  height: 12px;
  border: 1px solid rgba(79,47,12,.5);
  transform: rotate(45deg);
}

.brand-copy__rule span::after {
  display: block;
  width: 4px;
  height: 4px;
  margin: 3px;
  background: rgba(255,231,169,.75);
  content: "";
}

.brand-copy > p:not(:first-child) {
  max-width: 475px;
  margin: 0;
  color: rgba(31,22,11,.9);
  font: 500 17px/1.5 "EB Garamond", serif;
}

.brand-preview {
  position: relative;
  display: grid;
  width: min(100%, 480px);
  min-height: 354px;
  gap: 0;
  margin: 32px 0 0;
  padding: 25px 27px 26px;
  overflow: hidden;
  border: 1px solid rgba(255, 235, 184, .82);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.33), transparent 38%),
    linear-gradient(115deg, #efe1c4, #d8bb84 72%, #f1e3c5);
  box-shadow:
    0 20px 35px rgba(76,43,11,.25),
    inset 0 0 0 2px rgba(126,84,31,.18),
    inset 0 1px rgba(255,255,255,.8);
  clip-path: polygon(0 0, 100% 0, 100% 40%, 97.5% 43%, 100% 46%, 100% 100%, 0 100%);
}

.brand-preview > span:first-child {
  color: rgba(38,27,14,.7);
  font: 700 9px/1 "Montserrat", sans-serif;
  letter-spacing: .27em;
}

.brand-preview__logo {
  display: flex;
  min-height: 134px;
  align-items: center;
  justify-content: center;
  margin: 2px 0 5px;
  border-bottom: 1px solid rgba(78,48,16,.18);
}

.brand-preview__logo span {
  display: block;
  max-width: 92%;
  color: var(--brand-ink);
  font: 600 clamp(34px,3.2vw,48px)/.92 "Cormorant Garamond", serif;
  letter-spacing: -.035em;
  text-align: center;
  text-wrap: balance;
}

.brand-preview__logo[data-brand="MB&F"] span,
.brand-preview__logo[data-brand="IWC"] span { font-family: "Montserrat", sans-serif; letter-spacing: .08em; }

.brand-preview__details {
  display: grid;
  gap: 13px;
  padding: 19px 0 21px;
}

.brand-preview__details b,
.brand-preview__details small,
.brand-preview__details em {
  position: relative;
  margin: 0;
  padding-left: 27px;
  color: rgba(35,25,13,.74);
  font: 700 9px/1.2 "Montserrat", sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.brand-preview__details b::before { content: "◉"; }
.brand-preview__details small::before { content: "⌖"; }
.brand-preview__details b::before,
.brand-preview__details small::before {
  position: absolute;
  left: 2px;
  top: -2px;
  color: rgba(40,28,13,.64);
  font-size: 14px;
}

.brand-preview > a {
  display: flex;
  min-height: 57px;
  align-items: center;
  justify-content: center;
  gap: 44px;
  border: 1px solid rgba(213,168,82,.58);
  border-radius: 3px;
  background: #0c0d0b;
  color: #e5bd69;
  font: 700 10px/1 "Montserrat", sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
  transition: transform .28s ease, background .28s ease, color .28s ease;
}

.brand-preview > a:hover { background: #21180e; color: #ffe09b; transform: translateY(-2px); }
.brand-preview > a span:last-child { font-size: 16px; transition: transform .28s ease; }
.brand-preview > a:hover span:last-child { transform: translate(3px,-3px); }
.brand-preview > a span {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
}

.brand-grid {
  display: grid;
  height: 100%;
  min-height: 0;
  grid-template-columns: repeat(3, minmax(0,1fr));
  grid-template-rows: repeat(8, minmax(64px,1fr));
  align-items: center;
  gap: 10px 18px;
  border: 0;
}

.brand-grid:hover .brand-tile,
.brand-grid:focus-within .brand-tile { opacity: 1; }

.brand-tile {
  position: relative;
  display: flex;
  width: 100%;
  min-height: 0;
  height: min(76px, 100%);
  align-items: center;
  justify-content: center;
  padding: 6px 15px;
  overflow: hidden;
  border: 1px solid rgba(255,236,188,.66);
  border-radius: 5px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.28), transparent 34%),
    linear-gradient(110deg, rgba(206,161,88,.92), rgba(238,207,149,.84) 52%, rgba(197,145,66,.9));
  box-shadow:
    0 11px 16px rgba(83,46,11,.24),
    inset 0 0 0 2px rgba(105,68,25,.13),
    inset 0 1px rgba(255,255,255,.65);
  color: var(--brand-ink);
  transform: none;
  transition: transform .28s ease, filter .28s ease, background .28s ease, box-shadow .28s ease;
}

.brand-tile::before {
  position: absolute;
  inset: 0;
  display: block;
  background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.16) 47%, transparent 64%);
  content: "";
  pointer-events: none;
}

.brand-tile > span {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  color: #2b1d0d;
  font: 600 clamp(15px,1.18vw,20px)/1 "Cormorant Garamond", serif;
  letter-spacing: .035em;
  text-align: center;
  text-wrap: balance;
  text-transform: uppercase;
}

.brand-tile--2 > span,
.brand-tile--3 > span,
.brand-tile--4 > span,
.brand-tile--20 > span,
.brand-tile--24 > span { font-size: clamp(13px,1.03vw,18px); }

.brand-tile--6 > span,
.brand-tile--12 > span,
.brand-tile--15 > span,
.brand-tile--23 > span {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(12px,.92vw,16px);
  font-weight: 600;
  letter-spacing: .08em;
}

.brand-tile--4 > span::after,
.brand-tile--10 > span::after,
.brand-tile--14 > span::after,
.brand-tile--17 > span::after,
.brand-tile--20 > span::after,
.brand-tile--24 > span::after {
  display: block;
  margin-top: 5px;
  font: 700 7px/1 "Montserrat", sans-serif;
  letter-spacing: .18em;
}
.brand-tile--4 > span::after { content: "GENEVE"; }
.brand-tile--10 > span::after { content: "1884"; }
.brand-tile--14 > span::after { content: "1764"; }
.brand-tile--17 > span::after { content: "PARIS"; }
.brand-tile--20 > span::after,
.brand-tile--24 > span::after { content: "GENEVE"; }

.brand-tile:hover,
.brand-tile:focus-visible { transform: translateY(-4px) scale(1.015); filter: brightness(1.07); }

.brand-tile.is-active {
  z-index: 3;
  border-color: #e8bb5c;
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), transparent 40%),
    linear-gradient(120deg, #080908, #10110f 66%, #020302);
  box-shadow: 0 14px 22px rgba(65,35,8,.36), inset 0 0 0 1px rgba(225,177,78,.5);
  filter: none;
}

.brand-tile.is-active > span { color: #e6bd67; }

.brand-tile--2,
.brand-tile--11,
.brand-tile--20 { clip-path: polygon(8% 0,92% 0,100% 50%,92% 100%,8% 100%,0 50%); }
.brand-tile--5 { border-radius: 50% 50% 12% 12% / 24% 24% 76% 76%; }
.brand-tile--7,
.brand-tile--9,
.brand-tile--16,
.brand-tile--18,
.brand-tile--21 { border-radius: 999px; }
.brand-tile--4,
.brand-tile--14 { clip-path: polygon(6% 0,94% 0,94% 6%,100% 12%,100% 88%,94% 94%,94% 100%,6% 100%,6% 94%,0 88%,0 12%,6% 6%); }
.brand-tile--1 { width: 88%; justify-self: center; }
.brand-tile--2 { width: 108%; transform: translateX(-4%); }
.brand-tile--3 { width: 96%; justify-self: end; }
.brand-tile--4 { width: 92%; justify-self: end; }
.brand-tile--5 { width: 84%; justify-self: center; }
.brand-tile--6 { width: 64%; justify-self: center; }
.brand-tile--7 { width: 67%; justify-self: center; }
.brand-tile--8 { width: 78%; justify-self: center; }
.brand-tile--9 { width: 82%; justify-self: center; }
.brand-tile--10 { width: 73%; justify-self: center; }
.brand-tile--11 { width: 72%; justify-self: center; }
.brand-tile--12 { width: 62%; justify-self: center; }
.brand-tile--13 { width: 100%; }
.brand-tile--14 { width: 112%; transform: translateX(-5%); }
.brand-tile--15 { width: 76%; justify-self: center; }
.brand-tile--16 { width: 78%; justify-self: center; }
.brand-tile--17 { width: 68%; justify-self: center; }
.brand-tile--18 { width: 78%; justify-self: center; }
.brand-tile--19 { width: 74%; justify-self: center; }
.brand-tile--20 { width: 104%; transform: translateX(-2%); }
.brand-tile--21 { width: 70%; justify-self: center; }
.brand-tile--22 { width: 84%; justify-self: center; }
.brand-tile--23 { width: 76%; justify-self: center; }
.brand-tile--24 { width: 104%; transform: translateX(-4%); }

@media (min-width: 1051px) {
  .brand-section {
    width: 100%;
    height: min(900px, calc(100svh - 24px));
    min-height: 790px;
    grid-template-columns: minmax(390px, .7fr) minmax(650px, 1.3fr);
    gap: clamp(56px, 6vw, 110px);
    padding: 64px clamp(54px, 6vw, 104px);
  }
  .brand-copy h2 { white-space: nowrap; }
}

@media (max-width: 1050px) {
  .brand-section { gap: 55px; padding-block: 80px; }
  .brand-copy { display: grid; max-width: none; }
  .brand-copy > p:not(:first-child) { max-width: 620px; }
  .brand-preview { width: min(100%, 540px); }
  .brand-threads { inset: 44% -20% 0 -10%; }
  .brand-grid { min-height: 680px; }
}

@media (max-width: 760px) {
  .brand-section { padding: 66px 18px 74px; }
  .brand-copy h2 { font-size: clamp(58px,18vw,82px); }
  .brand-copy > p:not(:first-child) { font-size: 16px; }
  .brand-preview { min-height: 330px; padding: 21px 20px 20px; }
  .brand-preview__logo { min-height: 120px; }
  .brand-grid {
    min-height: 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: none;
    gap: 11px;
  }
  .brand-tile,
  .brand-tile[class*="brand-tile--"] {
    width: 100%;
    height: 78px;
    justify-self: stretch;
    border-radius: 5px;
    clip-path: none;
    transform: none;
  }
  .brand-tile:hover,
  .brand-tile:focus-visible { transform: translateY(-3px); }
  .brand-threads { opacity: .58; }
}

@media (max-width: 430px) {
  .brand-preview > a { gap: 24px; padding-inline: 12px; font-size: 8px; }
  .brand-grid { gap: 8px; }
  .brand-tile,
  .brand-tile[class*="brand-tile--"] { height: 68px; padding: 4px 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .brand-preview,
  .brand-tile,
  .brand-preview > a { transition: none; }
}

/* Client revision: restrained six-maison edit, positioned directly after the hero. */
.brand-section {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr);
  gap: clamp(54px, 8vw, 126px);
  min-height: min(760px, 88svh);
  align-items: center;
  padding: clamp(70px, 7vw, 112px) clamp(24px, 6vw, 96px);
  overflow: hidden;
  color: #f3ecdf;
  background:
    radial-gradient(circle at 15% 12%, rgba(185, 150, 82, .12), transparent 30%),
    linear-gradient(135deg, #11100e 0%, #080807 60%, #15120d 100%);
}

.brand-section::before {
  inset: 22px;
  border: 1px solid rgba(185, 150, 82, .18);
  border-radius: 0;
  background: none;
  opacity: 1;
}

.brand-section::after {
  top: 0;
  right: 40%;
  bottom: 0;
  left: auto;
  width: 1px;
  border: 0;
  background: linear-gradient(transparent, rgba(185, 150, 82, .3) 20%, rgba(185, 150, 82, .3) 80%, transparent);
  opacity: .8;
  transform: none;
}

.brand-threads { opacity: .2; }
.brand-threads i:nth-child(n+4) { display: none; }
.brand-copy { z-index: 2; max-width: 560px; padding: clamp(16px, 2vw, 32px); }
.brand-copy > p:first-child { color: #c9a864; }
.brand-copy h2 { max-width: 560px; color: #f5efe5; font-size: clamp(52px, 4.65vw, 72px); line-height: .9; letter-spacing: -.045em; }
.brand-copy > p:not(:first-child) { max-width: 470px; color: rgba(243, 236, 223, .58); font-size: clamp(13px, .9vw, 15px); line-height: 1.65; }
.brand-copy__rule { background: rgba(185, 150, 82, .26); }

.brand-preview {
  width: min(100%, 480px);
  min-height: 0;
  margin: 32px 0 0;
  padding: 20px 0 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(185, 150, 82, .38);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  clip-path: none;
}
.brand-preview > span,
.brand-preview > span:first-child { color: rgba(243, 236, 223, .38); }
.brand-preview__logo { min-height: 90px; margin: 0; border-color: rgba(185,150,82,.2); color: #d6b66f; font-size: clamp(47px, 4.4vw, 72px); line-height: .9; text-shadow: none; }
.brand-preview__logo span { color: #d6b66f; font-size: clamp(38px, 3.4vw, 55px); }
.brand-preview__logo::before,
.brand-preview__logo::after { opacity: .18; }
.brand-preview__details { grid-template-columns: 1fr auto; gap: 12px; padding: 16px 0; }
.brand-preview__details b { color: #f5efe5; }
.brand-preview__details small,
.brand-preview__details em { color: rgba(243, 236, 223, .48); }
.brand-preview__details b::before,
.brand-preview__details small::before { color: #c9a864; }
.brand-preview > a { min-height: 48px; justify-content: space-between; padding: 0 16px; color: #d6b66f; }

.brand-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(3, minmax(120px, 1fr));
  height: auto;
  align-self: center;
  min-height: 0;
  gap: 1px;
  padding: 1px;
  border: 0;
  background: rgba(185, 150, 82, .22);
}

.brand-grid:hover .brand-tile,
.brand-grid:focus-within .brand-tile { opacity: 1; }

.brand-tile,
.brand-tile[class*="brand-tile--"] {
  width: auto;
  min-height: clamp(120px, 12vw, 170px);
  justify-self: stretch;
  justify-content: center;
  padding: 22px;
  border: 0;
  border-radius: 0;
  clip-path: none;
  color: rgba(243, 236, 223, .72);
  background: #0d0c0a;
  transform: none;
}

.brand-tile::before { display: block; inset: 12px; border: 1px solid transparent; background: none; opacity: 1; }
.brand-tile > span,
.brand-tile[class*="brand-tile--"] > span { color: inherit; font-size: clamp(18px, 1.65vw, 27px); font-style: normal; font-weight: 500; letter-spacing: .015em; text-transform: none; }
.brand-tile > span::after { display: none !important; }
.brand-tile:hover,
.brand-tile:focus-visible,
.brand-tile.is-active { color: #10100e; background: #c9a864; box-shadow: none; filter: none; transform: none; }
.brand-tile:hover::before,
.brand-tile:focus-visible::before,
.brand-tile.is-active::before { border-color: rgba(16, 16, 14, .28); }
.brand-tile.is-active > span { color: #10100e; }

@media (max-width: 900px) {
  .brand-section { grid-template-columns: 1fr; min-height: 0; gap: 38px; }
  .brand-section::after { display: none; }
  .brand-copy { padding: 0; }
}

@media (max-width: 560px) {
  .brand-section { padding: 58px 18px 64px; }
  .brand-section::before { inset: 10px; }
  .brand-grid { grid-template-columns: 1fr; }
  .brand-grid { grid-template-rows: repeat(6, minmax(82px, auto)); }
  .brand-tile,
  .brand-tile[class*="brand-tile--"] { min-height: 82px; }
}

/* Gold maison gallery — the restored textured second-page direction. */
.brand-section {
  --brand-ink: #21170b;
  grid-template-columns: minmax(330px, .76fr) minmax(0, 1.24fr);
  min-height: min(900px, calc(100svh - 24px));
  color: var(--brand-ink);
  background:
    radial-gradient(circle at 74% 10%, rgba(255, 235, 179, .72), transparent 27%),
    radial-gradient(circle at 46% 62%, rgba(255, 220, 139, .24), transparent 34%),
    radial-gradient(circle at 8% 96%, rgba(77, 43, 11, .28), transparent 34%),
    repeating-linear-gradient(97deg, rgba(255,255,255,.024) 0 1px, transparent 1px 5px),
    repeating-linear-gradient(8deg, rgba(61,35,8,.022) 0 1px, transparent 1px 7px),
    linear-gradient(116deg, #8f6126 0%, #c18d40 39%, #e0b86d 69%, #a36e2a 100%);
}

.brand-section::before {
  inset: 0;
  border: 0;
  opacity: .3;
  background:
    repeating-radial-gradient(circle at 22% 16%, rgba(55,31,8,.24) 0 .45px, transparent .7px 3.5px),
    repeating-radial-gradient(circle at 78% 72%, rgba(255,244,210,.3) 0 .5px, transparent .8px 4px);
  mix-blend-mode: soft-light;
}

.brand-section::after {
  inset: 0;
  z-index: 5;
  width: auto;
  border: 0;
  opacity: 1;
  background: radial-gradient(ellipse at center, transparent 46%, rgba(57, 32, 8, .2) 100%);
  box-shadow: inset 0 0 110px rgba(69, 37, 8, .2);
}

.brand-threads { opacity: .52; }
.brand-threads i:nth-child(n+4) { display: block; }
.brand-copy { max-width: 560px; padding: 0; }
.brand-copy > p:first-child,
.brand-preview > span,
.brand-preview > span:first-child { color: rgba(33, 23, 11, .68); }
.brand-copy h2 { max-width: 580px; color: #171008; font-size: clamp(58px, 5.1vw, 82px); font-weight: 700; letter-spacing: -.055em; }
.brand-copy > p:not(:first-child) { color: rgba(33, 23, 11, .78); }
.brand-copy__rule { background: transparent; }

.brand-preview {
  min-height: 286px;
  padding: 23px 25px 24px;
  overflow: hidden;
  border: 1px solid rgba(255, 239, 195, .86);
  border-radius: 6px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.32), transparent 38%),
    linear-gradient(115deg, #efdfbd, #d5b374 72%, #f0dfbd);
  box-shadow: 0 20px 35px rgba(76,43,11,.24), inset 0 0 0 2px rgba(126,84,31,.16), inset 0 1px rgba(255,255,255,.78);
  clip-path: polygon(0 0, 100% 0, 100% 40%, 97.5% 43%, 100% 46%, 100% 100%, 0 100%);
}
.brand-preview__logo { min-height: 96px; border-color: rgba(78,48,16,.2); }
.brand-preview__logo span { color: var(--brand-ink); }
.brand-preview__details { grid-template-columns: 1fr auto; }
.brand-preview__details b,
.brand-preview__details small,
.brand-preview__details em { color: rgba(35,25,13,.72); }
.brand-preview__details b::before,
.brand-preview__details small::before { color: rgba(40,28,13,.64); }
.brand-preview > a { color: #e5bd69; }

.brand-grid {
  height: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(92px, 1fr));
  gap: 12px 16px;
  padding: 0;
  background: transparent;
}

.brand-tile,
.brand-tile[class*="brand-tile--"] {
  width: 100%;
  min-height: 92px;
  padding: 10px 14px;
  border: 1px solid rgba(255,236,188,.68);
  border-radius: 5px;
  clip-path: none;
  color: var(--brand-ink);
  background: #c9974c;
  box-shadow: 0 8px 15px rgba(83,46,11,.16);
}
.brand-tile::before { display: none; }
.brand-tile > span,
.brand-tile[class*="brand-tile--"] > span { color: #291b0c; font-size: clamp(14px, 1.05vw, 18px); font-weight: 600; letter-spacing: .04em; text-transform: uppercase; }
.brand-tile:hover,
.brand-tile:focus-visible { color: var(--brand-ink); background: #d4aa65; filter: none; transform: translateY(-2px); }
.brand-tile.is-active { color: #e6bd67; background: #0b0b09; box-shadow: 0 10px 18px rgba(65,35,8,.28), inset 0 0 0 1px rgba(225,177,78,.42); }
.brand-tile.is-active > span { color: #e6bd67; }

@media (max-width: 1050px) {
  .brand-section { grid-template-columns: 1fr; min-height: 0; }
  .brand-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-template-rows: repeat(4, minmax(82px, auto)); }
}

@media (max-width: 620px) {
  .brand-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(78px, auto)); }
  .brand-tile,
  .brand-tile[class*="brand-tile--"] { min-height: 78px; }
  .brand-preview__details { grid-template-columns: 1fr; }
}