/* A section-only cinematic archive. Original brand artwork remains unfiltered. */
#brand-archive.pear-archive {
  --pa-field: var(--trust-ink, var(--ink, #080808));
  --pa-ivory: var(--trust-paper, var(--paper, #e7e6e1));
  --pa-orange: var(--trust-orange, var(--orange, #f26800));
  --pa-header: 74px;
  --pa-progress: 0;
  --pa-x: 0;
  --pa-y: 0;
  padding: 0;
  position: relative;
  isolation: isolate;
  background: var(--pa-field);
  color: var(--pa-ivory);
  scroll-margin-top: var(--pa-header);
}
#brand-archive.pear-archive .pa-tour { height: 360svh; min-height: 2100px; position: relative; }
#brand-archive.pear-archive .pa-stage {
  position: sticky;
  top: var(--pa-header);
  height: calc(100svh - var(--pa-header));
  min-height: 640px;
  overflow: hidden;
  isolation: isolate;
  background: var(--pa-field);
}
#brand-archive.pear-archive .pa-backdrop,
#brand-archive.pear-archive .pa-fabric { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
#brand-archive.pear-archive .pa-backdrop { z-index: 0; background: radial-gradient(ellipse at 76% 40%,#55534d 0%,#29292755 35%,transparent 68%),linear-gradient(120deg,#080808,#171717 45%,#0c0d0c); }
#brand-archive.pear-archive .pa-backdrop::before {
  content: '';
  position: absolute;
  top: -40%;
  right: -17%;
  width: 58%;
  height: 136%;
  border: 55px solid #20221e;
  border-left-width: 112px;
  border-radius: 40% 50% 46% 35%;
  opacity: .3;
  background: repeating-linear-gradient(88deg,transparent 0 3px,#b6b7af17 3px 4px);
  transform: rotate(-24deg) translate(calc(var(--pa-x) * 12px),calc(var(--pa-y) * 8px));
  box-shadow: inset 30px 0 40px #08080840, -35px 15px 65px #08080840;
  transition: opacity .65s;
}
#brand-archive.pear-archive.pa-webgl-ready .pa-backdrop::before { opacity: 0; }
#brand-archive.pear-archive .pa-backdrop::after {
  content: '';
  position: absolute;
  inset: 0;
  opacity: .12;
  background: repeating-linear-gradient(97deg,#e7e6e10d 0 1px,transparent 1px 4px), repeating-linear-gradient(7deg,#08080820 0 1px,transparent 1px 5px);
  mix-blend-mode: soft-light;
}
#brand-archive.pear-archive .pa-fabric { z-index: 1; -webkit-mask-image: linear-gradient(90deg,transparent 0%,transparent 29%,#000 48%,#000 100%); mask-image: linear-gradient(90deg,transparent 0%,transparent 29%,#000 48%,#000 100%); }
#brand-archive.pear-archive .pa-rules { position: absolute; inset: 0; z-index: 2; pointer-events: none; color: #e7e6e1; opacity: .45; }
#brand-archive.pear-archive .pa-rules i { position: absolute; display: block; background: #e7e6e12d; }
#brand-archive.pear-archive .pa-rules i:nth-child(1) { left: 4.9%; top: 0; bottom: 0; width: 1px; }
#brand-archive.pear-archive .pa-rules i:nth-child(2) { left: 0; top: 69px; right: 0; height: 1px; }
#brand-archive.pear-archive .pa-rules i:nth-child(3) { right: 5%; top: 69px; bottom: 83px; width: 1px; }
#brand-archive.pear-archive .pa-rules i:nth-child(4) { left: 0; right: 0; bottom: 83px; height: 1px; }
#brand-archive.pear-archive .pa-rules b { position: absolute; bottom: 71px; font: 25px/1 var(--sans); font-weight: 400; }
#brand-archive.pear-archive .pa-rules b:nth-of-type(1) { left: calc(4.9% - 10px); }
#brand-archive.pear-archive .pa-rules b:nth-of-type(2) { right: calc(5% - 10px); }
#brand-archive.pear-archive .pa-topline {
  position: absolute;
  z-index: 6;
  left: 7.7%;
  right: 5%;
  top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  color: #e7e6e1c7;
  font: 8px/1.4 var(--mono);
  letter-spacing: .1em;
}
#brand-archive.pear-archive .pa-topline > div { display: flex; align-items: center; gap: 28px; }
#brand-archive.pear-archive .pa-motion {
  border: 1px solid #d4d4cd55;
  color: #e7e6e1;
  background: #20221e66;
  padding: 8px 12px;
  font: 8px var(--mono);
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  border-radius: 2px;
  min-height: 30px;
}
#brand-archive.pear-archive .pa-motion i { margin-left: 8px; font-style: normal; color: #f26800; }
#brand-archive.pear-archive .pa-motion:hover { background: #20221e; }
#brand-archive.pear-archive .pa-intro {
  position: absolute;
  top: 13%;
  left: 7.7%;
  width: 34%;
  max-width: 460px;
  z-index: 3;
}
#brand-archive.pear-archive .pa-kicker { color: #e7e6e19c; font: 8px/1.4 var(--mono); letter-spacing: .09em; }
#brand-archive.pear-archive .pa-intro h2 { margin: 15px 0 18px; color: var(--pa-ivory); font: 600 clamp(64px,7.1vw,108px)/.88 var(--sans); letter-spacing: -.075em; transform: translateY(calc(var(--pa-progress) * -7px)); }
#brand-archive.pear-archive .pa-intro h2 em { font-weight: inherit; font-style: normal; color: var(--pa-orange); }
#brand-archive.pear-archive .pa-intro > p { max-width: 285px; color: #e7e6e1cf; font: 12px/1.65 var(--sans); letter-spacing: -.015em; margin: 0 0 23px; }
#brand-archive.pear-archive .pa-all {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  min-height: 34px;
  padding: 9px 11px 9px 13px;
  color: #e7e6e1;
  background: #080808;
  border: 1px solid #d4d4cd4d;
  border-radius: 3px;
  font: 8px/1.4 var(--mono);
  letter-spacing: .07em;
  text-transform: uppercase;
  box-shadow: 0 3px 8px #08080830;
  transition: background .25s, border-color .25s;
}
#brand-archive.pear-archive .pa-all span { display: grid; place-items: center; width: 20px; height: 20px; border: 1px solid #d4d4cd4d; border-radius: 2px; font: 13px var(--sans); }
#brand-archive.pear-archive .pa-all:hover { background: #080808; border-color: #d4d4cd; }
#brand-archive.pear-archive .pa-chapters {
  position: absolute;
  z-index: 5;
  top: 62%;
  left: 7.7%;
  width: 28%;
  max-width: 290px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
#brand-archive.pear-archive .pa-chapter {
  position: relative;
  display: grid;
  grid-template-columns: 22px 1fr 22px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 22px;
  padding: 3px 7px 3px 0;
  color: #d4d4cd9c;
  background: transparent;
  border: 0;
  text-align: left;
  cursor: pointer;
  font: 8px/1.4 var(--mono);
  transition: color .25s, transform .25s;
}
#brand-archive.pear-archive .pa-chapter > b { font: 400 11px/1.4 var(--sans); letter-spacing: .005em; }
#brand-archive.pear-archive .pa-chapter > i { justify-self: end; font: normal 8px var(--mono); opacity: .65; }
#brand-archive.pear-archive .pa-chapter::before { content: ''; position: absolute; left: -19px; top: 50%; width: 9px; height: 1px; background: #d4d4cd43; }
#brand-archive.pear-archive .pa-chapter:hover { color: white; transform: translateX(3px); }
#brand-archive.pear-archive .pa-chapter[aria-pressed="true"] { color: #e7e6e1; }
#brand-archive.pear-archive .pa-chapter[aria-pressed="true"]::before { width: 11px; height: 3px; background: #f26800; transform: translateY(-1px); box-shadow: 0 0 14px #f2680080; }
#brand-archive.pear-archive .pa-gallery {
  position: absolute;
  z-index: 4;
  top: 19%;
  left: 44%;
  right: 3%;
  height: 53%;
  outline-offset: -10px;
  clip-path: inset(-70px -120px -140px -12px);
  touch-action: pan-y;
}
#brand-archive.pear-archive .pa-gallery-space {
  position: absolute;
  inset: 0;
  perspective: 1100px;
  perspective-origin: 50% 45%;
  transform-style: preserve-3d;
}
#brand-archive.pear-archive .pa-plaque {
  --plaque-w: clamp(210px,22.5vw,310px);
  position: absolute;
  top: 43%;
  left: 50%;
  width: var(--plaque-w);
  height: calc(var(--plaque-w) * .71);
  padding: 0;
  border: 1px solid #e7e6e1;
  border-radius: 5px;
  background: linear-gradient(125deg,#e7e6e1,#e7e6e1 66%,#e7e6e1);
  color: #20221e;
  box-shadow: 4px 6px 0 #b6b7af, 6px 9px 0 #969890, 14px 25px 40px #08080870, inset 0 0 0 5px #e7e6e155;
  transform-style: preserve-3d;
  transform-origin: center;
  backface-visibility: hidden;
  cursor: pointer;
  transition: transform .8s cubic-bezier(.2,.65,.2,1), opacity .7s, background .35s, box-shadow .45s;
  will-change: transform;
}
#brand-archive.pear-archive .pa-plaque::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background: linear-gradient(115deg,#fff6,transparent 35%,transparent 70%,#ffffff0a);
  opacity: .55;
}
#brand-archive.pear-archive .pa-plaque-border { position: absolute; inset: 10px; border: 1px solid #b6b7af33; border-radius: 1px; pointer-events: none; }
#brand-archive.pear-archive .pa-plaque img { position: absolute; left: 16%; top: 18%; width: 68%; height: 50%; object-fit: contain; filter: none; opacity: 1; transition: opacity .22s, transform .5s; }
#brand-archive.pear-archive .pa-plaque-caption { display: flex; align-items: end; justify-content: space-between; gap: 12px; position: absolute; left: 19px; right: 19px; bottom: 16px; font: 8px var(--mono); color: #565a51; text-align: left; }
#brand-archive.pear-archive .pa-plaque-caption b { font-weight: 400; }
#brand-archive.pear-archive .pa-plaque-caption i { font-size: 7px; font-style: normal; opacity: .6; }
#brand-archive.pear-archive .pa-plaque.is-dark { color: #e7e6e1; background: linear-gradient(130deg,#20221e,#080808 70%,#20221e); border-color: #565a51; box-shadow: 4px 6px 0 #373a34,6px 9px 0 #20221e,14px 25px 40px #08080890,inset 0 0 0 5px #ffffff06; }
#brand-archive.pear-archive .pa-plaque.is-dark .pa-plaque-caption { color: #d4d4cd; }
#brand-archive.pear-archive .pa-plaque.is-dark .pa-plaque-border { border-color: #e7e6e113; }
#brand-archive.pear-archive .pa-plaque[data-pa-slot="0"] { z-index: 7; transform: translate(-50%,-50%) translate3d(calc(var(--pa-x) * 14px),calc(var(--pa-y) * 8px),65px) rotateX(calc(5deg + var(--pa-y) * -3deg)) rotateY(calc(-7deg + var(--pa-x) * 5deg)) rotateZ(-2deg); }
#brand-archive.pear-archive .pa-plaque[data-pa-slot="-1"] { z-index: 5; transform: translate(-50%,-50%) translate3d(calc(-190px + var(--pa-x) * 9px),-66px,-175px) rotateX(4deg) rotateY(27deg) rotateZ(-12deg); opacity: .88; }
#brand-archive.pear-archive .pa-plaque[data-pa-slot="1"] { z-index: 4; transform: translate(-50%,-50%) translate3d(calc(186px + var(--pa-x) * 9px),72px,-190px) rotateX(-4deg) rotateY(-28deg) rotateZ(12deg); opacity: .88; }
#brand-archive.pear-archive .pa-plaque[data-pa-slot="-2"] { z-index: 3; transform: translate(-50%,-50%) translate3d(-315px,96px,-430px) rotateY(37deg) rotateZ(-8deg); opacity: .46; }
#brand-archive.pear-archive .pa-plaque[data-pa-slot="2"] { z-index: 2; transform: translate(-50%,-50%) translate3d(315px,-102px,-430px) rotateY(-37deg) rotateZ(13deg); opacity: .46; }
#brand-archive.pear-archive .pa-plaque[data-pa-slot="0"]:hover { box-shadow: 4px 6px 0 #b6b7af,6px 9px 0 #969890,19px 32px 45px #08080880,inset 0 0 0 5px #e7e6e188; }
#brand-archive.pear-archive.pa-changing .pa-plaque img,
#brand-archive.pear-archive .pa-gallery.is-changing .pa-plaque img { opacity: .18; transform: scale(.94); }
#brand-archive.pear-archive .pa-plaque[hidden] { display: none; }
#brand-archive.pear-archive .pa-detail {
  position: absolute;
  z-index: 20;
  left: 7%;
  right: 4%;
  top: 11%;
  padding: 30px 32px 27px;
  background: #e7e6e1f5;
  backdrop-filter: blur(22px);
  color: #20221e;
  border: 1px solid #e7e6e1;
  border-radius: 5px;
  box-shadow: 0 25px 70px #08080880, 3px 4px 0 #b6b7af;
}
#brand-archive.pear-archive .pa-detail[hidden] { display: none !important; }
#brand-archive.pear-archive .pa-detail [data-pa-close] { position: absolute; right: 14px; top: 12px; width: 35px; height: 35px; border: 1px solid #565a5144; border-radius: 50%; background: transparent; color: #20221e; cursor: pointer; font: 20px var(--sans); }
#brand-archive.pear-archive .pa-detail-kicker { display: block; padding-right: 40px; color: #777a70; font: 8px/1.5 var(--mono); letter-spacing: .07em; text-transform: uppercase; }
#brand-archive.pear-archive .pa-detail h4 { margin: 20px 0 9px; color: #20221e; font: 550 clamp(29px,3.3vw,45px)/1.05 var(--sans); letter-spacing: -.04em; }
#brand-archive.pear-archive .pa-detail [data-pa-detail-category] { margin: 0 0 19px; color: #777a70; font: 9px/1.5 var(--mono); text-transform: uppercase; letter-spacing: .045em; }
#brand-archive.pear-archive .pa-detail [data-pa-detail-scope] { margin: 0 0 23px; color: #565a51; font: 12px/1.8 var(--sans); max-width: 430px; }
#brand-archive.pear-archive .pa-detail [data-pa-detail-period] { display: block; padding-top: 16px; border-top: 1px solid #565a5133; color: #565a51; font: 8px/1.6 var(--mono); text-transform: uppercase; letter-spacing: .04em; }
#brand-archive.pear-archive .pa-pedestal { position: absolute; left: 50%; top: 75%; width: 57%; height: 58px; transform: translateX(-50%) perspective(900px); pointer-events: none; }
#brand-archive.pear-archive .pa-pedestal i { position: absolute; display: block; box-sizing: border-box; }
#brand-archive.pear-archive .pa-pedestal i:nth-child(1) { left: 0; right: 0; top: 0; height: 30px; background: linear-gradient(170deg,#e7e6e1,#b6b7af); transform: skewX(-24deg); border-top: 1px solid #fff9; box-shadow: 0 2px 1px #20221e50; }
#brand-archive.pear-archive .pa-pedestal i:nth-child(2) { left: -7px; right: 7px; top: 29px; height: 24px; background: repeating-linear-gradient(9deg,#b6b7af 0 2px,#d4d4cd 2px 23px,#b6b7af 24px 25px); box-shadow: 0 20px 22px #08080840; }
#brand-archive.pear-archive .pa-pedestal i:nth-child(3) { right: -1px; top: 10px; width: 14px; height: 43px; background: #777a70; transform: skewY(-46deg); }
#brand-archive.pear-archive .pa-gallery-footer { position: absolute; z-index: 5; left: 47%; right: 5%; bottom: 112px; display: flex; align-items: end; justify-content: space-between; gap: 30px; min-height: 84px; padding: 16px 18px; background: #080808cf; border: 1px solid #e7e6e12b; border-left: 2px solid var(--pa-orange); border-radius: 2px; backdrop-filter: blur(16px); box-shadow: 0 9px 24px #08080840; }
#brand-archive.pear-archive .pa-selected { min-width: 0; }
#brand-archive.pear-archive .pa-selected > span { display: block; color: #d4d4cd; font: 9px/1.4 var(--mono); text-transform: uppercase; letter-spacing: .075em; margin-bottom: 8px; }
#brand-archive.pear-archive .pa-selected h3 { margin: 0; max-width: 350px; color: #e7e6e1; font: 550 clamp(28px,3.5vw,47px)/1.03 var(--sans); letter-spacing: -.04em; overflow-wrap: anywhere; }
#brand-archive.pear-archive .pa-browse { display: flex; align-items: center; gap: 13px; flex-shrink: 0; }
#brand-archive.pear-archive .pa-browse button { width: 41px; height: 41px; display: grid; place-items: center; flex-shrink: 0; border: 1px solid #e7e6e166; border-radius: 50%; color: #e7e6e1; background: #20221e33; font: 24px var(--sans); cursor: pointer; transition: background .25s, color .25s, transform .25s; }
#brand-archive.pear-archive .pa-browse button:hover { background: #e7e6e1; color: #373a34; transform: translateY(-2px); }
#brand-archive.pear-archive .pa-browse > span { color: #e7e6e1b0; font: 8px var(--mono); min-width: 45px; text-align: center; }
#brand-archive.pear-archive .pa-bottomline { position: absolute; z-index: 6; left: 7.7%; right: 5%; bottom: 18px; display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 32px; padding: 12px 16px; border: 1px solid #e7e6e126; background: #080808d9; backdrop-filter: blur(16px); color: #e7e6e1c7; font: 8px/1.6 var(--mono); letter-spacing: .02em; }
#brand-archive.pear-archive .pa-bottomline > span:nth-child(2) { max-width: 300px; font: 10px/1.6 var(--sans); color: #e7e6e1; }
#brand-archive.pear-archive .pa-scroll { display: flex; align-items: center; gap: 16px; font-size: 7px; }
#brand-archive.pear-archive .pa-scroll i { font: normal 20px var(--sans); }
#brand-archive.pear-archive .pa-chapter-count { text-align: right; white-space: nowrap; font-size: 7px; }
#brand-archive.pear-archive .pa-chapter-count b { color: #e7e6e1; font-weight: 400; font-size: 13px; margin-inline: 5px; }
#brand-archive.pear-archive .pa-progress { position: absolute; z-index: 7; left: 0; right: 0; bottom: 0; height: 2px; background: #08080844; pointer-events: none; }
#brand-archive.pear-archive .pa-progress i { display: block; width: 100%; height: 100%; background: #f26800; transform-origin: left center; transform: scaleX(var(--pa-progress)); }
#brand-archive.pear-archive .pa-index { width: 100%; max-width: none; padding: 72px max(32px,calc((100% - 1240px)/2)) 38px; position: relative; z-index: 8; background: #080808; color: #e7e6e1; border-top: 1px solid #b6b7af30; scroll-margin-top: calc(var(--pa-header) + 15px); }
#brand-archive.pear-archive .pa-index .trust-section-head { max-width: 1240px; margin: 0 auto 36px; }
#brand-archive.pear-archive .pa-index .trust-section-head h2 { color: #e7e6e1; font: 550 clamp(40px,4.3vw,60px)/1 var(--sans); letter-spacing: -.045em; }
#brand-archive.pear-archive .pa-index .trust-section-code { color: #b6b7af9c; letter-spacing: .1em; font-size: 8px; }
#brand-archive.pear-archive .pa-index .trust-section-note { color: #b6b7af; font-size: 12px; }
#brand-archive.pear-archive .pa-index .trust-tools { max-width: 1240px; margin-inline: auto; border-top-color: #e7e6e122; gap: 50px; padding-block: 22px; }
#brand-archive.pear-archive .pa-index .trust-tools[hidden] { display: none; }
#brand-archive.pear-archive .pa-index .trust-search,
#brand-archive.pear-archive .pa-index .trust-industry { border-bottom-color: #b6b7af55; }
#brand-archive.pear-archive .pa-index .trust-search svg { color: #f26800; }
#brand-archive.pear-archive .pa-index .trust-search input { font-size: 14px; color: #e7e6e1; }
#brand-archive.pear-archive .pa-index .trust-search input::placeholder { color: #969890; }
#brand-archive.pear-archive .pa-index .trust-industry > span { color: #969890; font-size: 8px; letter-spacing: .08em; }
#brand-archive.pear-archive .pa-index .trust-industry select { background: #080808; color: #e7e6e1; }
#brand-archive.pear-archive .pa-index .trust-archive-meta { max-width: 1240px; margin-inline: auto; color: #969890; font-size: 8px; letter-spacing: .06em; }
#brand-archive.pear-archive .pa-index .trust-clear { color: #d4d4cd; }
#brand-archive.pear-archive .pa-index .trust-brand-grid { grid-template-columns: repeat(5,minmax(0,1fr)); max-width: 1240px; margin-inline: auto; gap: 12px; border: 0; background: transparent; perspective: 1300px; }
#brand-archive.pear-archive .pa-index .trust-brand { min-height: 175px; border: 1px solid #e7e6e1; border-radius: 2px; background: #e7e6e1; box-shadow: 0 3px 0 #969890; transition: transform .4s, background .4s, box-shadow .4s; cursor: pointer; }
#brand-archive.pear-archive .pa-index .trust-brand:hover { background: #e7e6e1; transform: translateY(-4px) rotateX(2deg); box-shadow: 0 5px 0 #969890,0 14px 25px #0004; }
#brand-archive.pear-archive .pa-index .trust-brand::after { content: '↗'; position: absolute; right: 13px; top: 11px; color: #777a70; font: 16px var(--sans); opacity: 0; transform: translate(-3px,3px); transition: transform .25s, opacity .25s; pointer-events: none; }
#brand-archive.pear-archive .pa-index .trust-brand:hover::after,
#brand-archive.pear-archive .pa-index .trust-brand:focus-visible::after { opacity: 1; transform: none; }
#brand-archive.pear-archive .pa-index .trust-brand.is-dark::after { color: #d4d4cd; }
#brand-archive.pear-archive .pa-index .trust-brand-image { height: 126px; padding: 24px 26px; }
#brand-archive.pear-archive .pa-index .trust-brand img { filter: none; opacity: 1; height: 70px; max-width: 155px; object-fit: contain; }
#brand-archive.pear-archive .pa-index .trust-brand.is-dark { background: #20221e; color: #e7e6e1; border-color: #565a51; box-shadow: 0 3px 0 #20221e; }
#brand-archive.pear-archive .pa-index .trust-brand.is-dark:hover { background: #373a34; }
#brand-archive.pear-archive .pa-index .trust-brand-name { font-size: 8px; margin: 0 15px 14px; color: #565a51; }
#brand-archive.pear-archive .pa-index .trust-brand.is-dark .trust-brand-name { color: #b6b7af; }
#brand-archive.pear-archive .pa-index .trust-archive-note { max-width: 1240px; margin-inline: auto; padding-top: 33px; color: #969890; font-size: 9px; }
#brand-archive.pear-archive .pa-index .trust-archive-note > span { color: #b6b7af; font-size: 8px; letter-spacing: .08em; }
#brand-archive.pear-archive :focus-visible { outline: 2px solid #f26800; outline-offset: 6px; }
/* The same two-orange/one-white signal used by the Doc N.I.L. mark. */
#brand-archive.pear-archive .pa-signal { display: inline-grid; grid-template-columns: repeat(2,5px); grid-template-rows: repeat(2,5px); gap: 2px; width: 12px; height: 12px; vertical-align: middle; flex-shrink: 0; }
#brand-archive.pear-archive .pa-signal > i { position: static !important; display: block !important; width: 5px !important; height: 5px !important; background: var(--pa-orange) !important; }
#brand-archive.pear-archive .pa-signal > i:last-child { grid-column: 2; background: var(--pa-ivory) !important; }
#brand-archive.pear-archive .pa-topline > span { display: inline-flex; align-items: center; gap: 10px; }
#brand-archive.pear-archive .pa-topline > div { padding: 5px 7px 5px 11px; background: #080808bf; border: 1px solid #e7e6e11c; border-radius: 2px; }
#brand-archive.pear-archive .pa-topline > .pa-signal,
#brand-archive.pear-archive .pa-bottomline > .pa-signal { margin-right: 9px; }
#brand-archive.pear-archive .pa-rules b.pa-signal { bottom: 78px; font-family: var(--sans); }
@media (min-width:1600px) {
  #brand-archive.pear-archive .pa-intro { top: 15%; }
  #brand-archive.pear-archive .pa-intro > p { font-size: 14px; max-width: 330px; }
  #brand-archive.pear-archive .pa-chapters { top: 59%; max-width: 320px; gap: 5px; }
  #brand-archive.pear-archive .pa-chapter > b { font-size: 11px; }
  #brand-archive.pear-archive .pa-chapter { min-height: 28px; }
  #brand-archive.pear-archive .pa-gallery { top: 21%; height: 51%; }
}
@media (max-width:1100px) {
  #brand-archive.pear-archive .pa-intro { top: 15%; left: 7.5%; width: 36%; }
  #brand-archive.pear-archive .pa-intro h2 { font-size: 7.8vw; }
  #brand-archive.pear-archive .pa-intro > p { font-size: 11px; max-width: 255px; }
  #brand-archive.pear-archive .pa-chapters { left: 7.5%; top: 62%; width: 30%; }
  #brand-archive.pear-archive .pa-chapter > b { font-size: 10px; }
  #brand-archive.pear-archive .pa-chapter { gap: 6px; }
  #brand-archive.pear-archive .pa-plaque { --plaque-w: 240px; }
  #brand-archive.pear-archive .pa-gallery { top: 24%; left: 44%; height: 49%; }
  #brand-archive.pear-archive .pa-gallery-footer { left: 45%; gap: 18px; }
  #brand-archive.pear-archive .pa-selected h3 { font-size: 33px; }
  #brand-archive.pear-archive .pa-browse { gap: 8px; }
  #brand-archive.pear-archive .pa-browse button { width: 36px; height: 36px; font-size: 21px; }
  #brand-archive.pear-archive .pa-index .trust-brand-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
  #brand-archive.pear-archive .pa-topline { font-size: 7px; }
  #brand-archive.pear-archive .pa-topline > div { gap: 18px; }
}
@media (max-width:800px) and (min-width:651px) {
  #brand-archive.pear-archive .pa-intro { width: 35%; }
  #brand-archive.pear-archive .pa-intro h2 { font-size: 8vw; }
  #brand-archive.pear-archive .pa-intro > p { font-size: 10px; }
  #brand-archive.pear-archive .pa-all { font-size: 7px; gap: 14px; }
  #brand-archive.pear-archive .pa-plaque { --plaque-w: 210px; }
  #brand-archive.pear-archive .pa-gallery { left: 43%; right: 0; }
  #brand-archive.pear-archive .pa-gallery-footer { flex-wrap: wrap; bottom: 100px; }
  #brand-archive.pear-archive .pa-selected { flex: 1 1 100%; }
  #brand-archive.pear-archive .pa-selected h3 { font-size: 31px; }
  #brand-archive.pear-archive .pa-browse { margin-left: auto; }
  #brand-archive.pear-archive .pa-bottomline { gap: 20px; font-size: 7px; }
  #brand-archive.pear-archive .pa-bottomline > span:nth-child(2) { font-size: 9px; }
  #brand-archive.pear-archive .pa-chapter-count { display: none; }
}
@media (max-width:650px) {
  #brand-archive.pear-archive .pa-tour { height: auto; min-height: 0; }
  #brand-archive.pear-archive .pa-stage { position: relative; top: auto; height: auto; min-height: 0; padding-bottom: 0; }
  #brand-archive.pear-archive .pa-topline { position: relative; top: auto; left: auto; right: auto; padding: 22px 22px 20px; font-size: 7px; gap: 15px; }
  #brand-archive.pear-archive .pa-topline > div > span { display: none; }
  #brand-archive.pear-archive .pa-motion { min-height: 35px; padding: 8px 9px; font-size: 7px; }
  #brand-archive.pear-archive .pa-rules i:nth-child(1) { left: 12px; }
  #brand-archive.pear-archive .pa-rules i:nth-child(2) { top: 77px; }
  #brand-archive.pear-archive .pa-rules i:nth-child(3) { right: 13px; top: 77px; bottom: 99px; }
  #brand-archive.pear-archive .pa-rules i:nth-child(4) { bottom: 99px; }
  #brand-archive.pear-archive .pa-rules b { bottom: 87px; }
  #brand-archive.pear-archive .pa-rules b:nth-of-type(1) { left: 2px; }
  #brand-archive.pear-archive .pa-rules b:nth-of-type(2) { right: 3px; }
  #brand-archive.pear-archive .pa-intro { position: relative; top: auto; left: auto; width: auto; max-width: none; margin: 24px 26px 28px; }
  #brand-archive.pear-archive .pa-kicker { font-size: 7px; }
  #brand-archive.pear-archive .pa-intro h2 { font-size: clamp(70px,20.5vw,110px); line-height: .88; margin-top: 16px; margin-bottom: 22px; }
  #brand-archive.pear-archive .pa-intro > p { max-width: 320px; font-size: 12px; line-height: 1.65; margin-bottom: 20px; }
  #brand-archive.pear-archive .pa-all { font-size: 8px; min-height: 40px; gap: 30px; }
  #brand-archive.pear-archive .pa-chapters { position: relative; top: auto; left: auto; width: auto; max-width: none; margin: 0 0 0 24px; padding: 0 24px 8px 0; flex-direction: row; gap: 8px; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: #d4d4cd55 transparent; }
  #brand-archive.pear-archive .pa-chapter { display: flex; width: auto; flex-shrink: 0; min-height: 43px; padding: 10px 12px; border: 1px solid #d4d4cd33; border-radius: 2px; gap: 8px; }
  #brand-archive.pear-archive .pa-chapter > span { font-size: 9px; opacity: .65; }
  #brand-archive.pear-archive .pa-chapter > b { font-size: 10px; white-space: nowrap; }
  #brand-archive.pear-archive .pa-chapter > i { font-size: 8px; margin-left: 6px; }
  #brand-archive.pear-archive .pa-chapter::before { display: none; }
  #brand-archive.pear-archive .pa-chapter[aria-pressed="true"] { background: #d4d4cd18; border-color: #f2680083; }
  #brand-archive.pear-archive .pa-chapter:hover { transform: none; }
  #brand-archive.pear-archive .pa-gallery { position: relative; top: auto; left: auto; right: auto; height: 340px; width: 100%; margin-top: 6px; clip-path: inset(-40px 0 -50px); }
  #brand-archive.pear-archive .pa-gallery-space { perspective: 950px; }
  #brand-archive.pear-archive .pa-fabric { opacity: .6; -webkit-mask-image: linear-gradient(0deg,transparent 0%,#000 26%,#000 64%,transparent 94%); mask-image: linear-gradient(0deg,transparent 0%,#000 26%,#000 64%,transparent 94%); }
  #brand-archive.pear-archive .pa-plaque { --plaque-w: 230px; top: 46%; }
  #brand-archive.pear-archive .pa-plaque[data-pa-slot="0"] { transform: translate(-50%,-50%) translateZ(20px) rotateX(4deg) rotateY(-6deg) rotateZ(-2deg); }
  #brand-archive.pear-archive .pa-plaque[data-pa-slot="-1"] { transform: translate(-50%,-50%) translate3d(-158px,-48px,-170px) rotateY(30deg) rotateZ(-12deg); }
  #brand-archive.pear-archive .pa-plaque[data-pa-slot="1"] { transform: translate(-50%,-50%) translate3d(158px,50px,-170px) rotateY(-30deg) rotateZ(12deg); }
  #brand-archive.pear-archive .pa-plaque[data-pa-slot="-2"] { transform: translate(-50%,-50%) translate3d(-265px,70px,-430px) rotateY(40deg) rotateZ(-8deg); }
  #brand-archive.pear-archive .pa-plaque[data-pa-slot="2"] { transform: translate(-50%,-50%) translate3d(265px,-75px,-430px) rotateY(-40deg) rotateZ(12deg); }
  #brand-archive.pear-archive .pa-pedestal { top: 77%; width: 63%; }
  #brand-archive.pear-archive .pa-detail { left: 22px; right: 22px; top: 2%; padding: 27px 24px 23px; }
  #brand-archive.pear-archive .pa-detail h4 { font-size: 35px; margin-top: 20px; }
  #brand-archive.pear-archive .pa-detail [data-pa-detail-scope] { font-size: 11px; }
  #brand-archive.pear-archive .pa-gallery-footer { position: relative; left: auto; right: auto; bottom: auto; margin: 0 25px; gap: 15px; min-height: 70px; align-items: center; }
  #brand-archive.pear-archive .pa-selected > span { font-size: 8px; letter-spacing: .035em; }
  #brand-archive.pear-archive .pa-selected h3 { font-size: 30px; max-width: 190px; }
  #brand-archive.pear-archive .pa-browse { gap: 8px; }
  #brand-archive.pear-archive .pa-browse button { width: 48px; height: 48px; font-size: 23px; }
  #brand-archive.pear-archive .pa-browse > span { min-width: 35px; font-size: 7px; }
  #brand-archive.pear-archive .pa-bottomline { position: relative; left: auto; right: auto; bottom: auto; margin: 31px 25px 0; padding: 25px 0 26px; grid-template-columns: 1fr auto; gap: 16px; }
  #brand-archive.pear-archive .pa-scroll { display: none; }
  #brand-archive.pear-archive .pa-bottomline > span:nth-child(2) { font-size: 9px; }
  #brand-archive.pear-archive .pa-chapter-count { font-size: 6px; }
  #brand-archive.pear-archive .pa-index { padding: 48px 20px 30px; }
  #brand-archive.pear-archive .pa-index .trust-section-head { margin-bottom: 28px; }
  #brand-archive.pear-archive .pa-index .trust-section-head h2 { font-size: 43px; margin-top: 13px; }
  #brand-archive.pear-archive .pa-index .trust-section-note { font-size: 12px; margin-top: 20px; max-width: 320px; }
  #brand-archive.pear-archive .pa-index .trust-tools { gap: 10px; padding-top: 12px; }
  #brand-archive.pear-archive .pa-index .trust-search input { font-size: 13px; }
  #brand-archive.pear-archive .pa-index .trust-industry select { font-size: 12px; }
  #brand-archive.pear-archive .pa-index .trust-archive-meta { font-size: 7px; letter-spacing: 0; }
  #brand-archive.pear-archive .pa-index .trust-archive-meta > span:last-child { font-size: 6px; }
  #brand-archive.pear-archive .pa-index .trust-brand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  #brand-archive.pear-archive .pa-index .trust-brand { min-height: 155px; }
  #brand-archive.pear-archive .pa-index .trust-brand-image { height: 110px; padding: 23px; }
  #brand-archive.pear-archive .pa-index .trust-brand img { max-width: 130px; height: 60px; }
  #brand-archive.pear-archive .pa-index .trust-brand-name { margin-inline: 12px; font-size: 7px; }
  #brand-archive.pear-archive .pa-index .trust-archive-note { font-size: 8px; gap: 15px; }
  #brand-archive.pear-archive .pa-index .trust-archive-note > span { font-size: 7px; }
}
#brand-archive.pear-archive[data-pa-motion="off"] .pa-tour { height: auto; min-height: 0; }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-stage { position: relative; top: auto; }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-fabric { display: none; }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-backdrop::before { opacity: .2; transform: rotate(-24deg); }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-intro h2 { transform: none; }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-plaque:not([data-pa-slot="0"]) { display: none; }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-plaque[data-pa-slot="0"] { transform: translate(-50%,-50%); }
#brand-archive.pear-archive[data-pa-motion="off"] .pa-progress,
#brand-archive.pear-archive[data-pa-motion="off"] .pa-scroll { display: none; }
#brand-archive.pear-archive[data-pa-motion="off"] *,
#brand-archive.pear-archive[data-pa-motion="off"] *::before,
#brand-archive.pear-archive[data-pa-motion="off"] *::after { animation: none !important; transition: none !important; }
@media (prefers-reduced-motion:reduce) {
  #brand-archive.pear-archive .pa-tour { height: auto; min-height: 0; }
  #brand-archive.pear-archive .pa-stage { position: relative; top: auto; }
  #brand-archive.pear-archive .pa-fabric { display: none; }
  #brand-archive.pear-archive .pa-backdrop::before { opacity: .2; transform: rotate(-24deg); }
  #brand-archive.pear-archive .pa-intro h2 { transform: none; }
  #brand-archive.pear-archive .pa-plaque:not([data-pa-slot="0"]) { display: none; }
  #brand-archive.pear-archive .pa-plaque[data-pa-slot="0"] { transform: translate(-50%,-50%); }
  #brand-archive.pear-archive .pa-progress,
  #brand-archive.pear-archive .pa-scroll { display: none; }
  #brand-archive.pear-archive *,
  #brand-archive.pear-archive *::before,
  #brand-archive.pear-archive *::after { animation: none !important; transition: none !important; }
}

/* Keep the existing animated composition reachable in shallow windows. */
@media (max-height:539px) and (min-width:651px) {
  html #brand-archive.pear-archive[data-pa-motion="on"] .pa-stage {
    height:640px;
    min-height:640px;
    top:min(var(--pa-header),calc(100svh - 640px));
  }
  html #brand-archive.pear-archive .pa-intro { top:80px; }
  html #brand-archive.pear-archive .pa-intro h2 { font-size:clamp(48px,7.1vw,64px); margin:12px 0 16px; }
  html #brand-archive.pear-archive .pa-intro > p { font-size:11px; margin-bottom:16px; }
  html #brand-archive.pear-archive .pa-chapters { top:345px; }
}
@media (max-height:539px) and (max-width:650px) {
  html #brand-archive.pear-archive[data-pa-motion="on"] .pa-stage {
    position:relative;
    height:auto;
    min-height:0;
    top:auto;
  }
}