:root {
  --x-bg: #f4f1ea;
  --x-paper: #fbf9f4;
  --x-surface: #e9e3d9;
  --x-ink: #181512;
  --x-muted: #625a52;
  --x-accent: #7b342d;
  --x-gold: #76552b;
  --x-dark: #181512;
  --x-light: #f4f1ea;
  --x-margin: clamp(1.25rem, 2.2vw, 2rem);
  --x-gap: clamp(1rem, 1.7vw, 1.75rem);
  --x-display: clamp(2.65rem, 1.9rem + 4.3vw, 6.4rem);
  --x-head: clamp(2rem, 1.5rem + 2.3vw, 3.9rem);
  --x-lead: clamp(1.2rem, 1.08rem + .6vw, 1.65rem);
  --x-body: clamp(1rem, .96rem + .22vw, 1.18rem);
  --x-small: clamp(.8125rem, .79rem + .1vw, .9rem);
  --x-serif: "Noto Serif SC", "Songti SC", STSong, SimSun, serif;
  --x-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", "Microsoft YaHei", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--x-bg); color: var(--x-ink); }
body[data-b-family] {
  min-height: 100dvh;
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow-x: clip;
  background: var(--x-bg);
  color: var(--x-ink);
  font-family: var(--x-sans);
  font-size: var(--x-body);
  line-height: 1.68;
  text-rendering: optimizeLegibility;
}
body[data-b-family] * { font-family: inherit; }
body[data-b-family] main { flex: 1 0 auto; }
body[data-b-family] :where(p, li, dd) { text-wrap: pretty; }
body[data-b-family] :where(h1, h2, h3) {
  color: var(--x-ink);
  font-family: var(--x-serif);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.06;
  text-wrap: balance;
  overflow-wrap: anywhere;
}
body[data-b-family] :where(h1, h2, h3) * { font-family: inherit; }
body[data-b-family] h1 { max-width: 18ch; font-size: var(--x-display); }
body[data-b-family] h2 { max-width: 20ch; font-size: var(--x-head); }
body[data-b-family] h3 { font-size: var(--x-lead); }
body[data-b-family] :where(p, .body-copy, .desc, .lede, .dek) { max-width: 68ch; }
body[data-b-family] a { color: inherit; text-underline-offset: .2em; text-decoration-thickness: .08em; }
body[data-b-family] :where(a, button, input, select, textarea):focus-visible {
  outline: 3px solid var(--x-accent);
  outline-offset: 4px;
}
body[data-b-family] img { max-width: 100%; height: auto; }
body[data-b-family] :where(button, .button, .filter-btn, .primary-link, .feature-cta) { min-height: 44px; }

/* Shared navigation: plain, legible, and on the same frame as the page. */
body[data-b-family] .nav {
  width: 100%;
  min-height: 72px;
  padding: 0 var(--x-margin);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--x-gap);
  background: var(--x-bg);
  color: var(--x-ink);
  border: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset of inherited shadow */
  position: relative;
  z-index: 30;
  backdrop-filter: none !important; /* taste-skill-ignore: explicit removal of inherited glass */
}
body[data-b-family] .nav-logo {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  font-size: 1.1rem;
  font-weight: 750;
  letter-spacing: -.02em;
  text-decoration: none;
  white-space: nowrap;
}
body[data-b-family] .nav-links {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(.3rem, 1.2vw, 1.3rem);
  list-style: none;
}
body[data-b-family] .nav-links a {
  min-height: 44px;
  padding: 0 .5rem;
  display: inline-flex;
  align-items: center;
  color: var(--x-ink);
  font-size: .96rem;
  text-decoration: none;
  white-space: nowrap;
}
body[data-b-family] .nav-links a:hover,
body[data-b-family] .nav-links .active { color: var(--x-accent); }
.b-menu-toggle {
  display: none;
  min-width: 52px;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0 1rem;
  background: var(--x-dark);
  color: var(--x-light);
  font: 600 .95rem/1 var(--x-sans);
  cursor: pointer;
}
.b-skip {
  position: fixed;
  z-index: 1000;
  top: .5rem;
  left: .5rem;
  padding: .7rem 1rem;
  transform: translateY(-160%);
  background: var(--x-accent);
  color: #fff !important;
}
.b-skip:focus { transform: none; }

/* Shared footer: one dark close, practical information once. */
body[data-b-family] .site-footer {
  width: 100%;
  margin-top: clamp(5rem, 10vw, 10rem);
  padding: clamp(3rem, 6vw, 6rem) var(--x-margin) clamp(2rem, 4vw, 3rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 2rem;
  background: var(--x-dark);
  color: var(--x-light);
  border: 0;
}
body[data-b-family] .site-footer > p:first-child {
  margin: 0;
  max-width: 18ch;
  font-family: var(--x-serif);
  font-size: clamp(1.65rem, 2.7vw, 3.4rem);
  line-height: 1.12;
}
body[data-b-family] .site-footer-filings {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .75rem 1.2rem;
  max-width: none;
  color: #d8d0c5;
  font-size: var(--x-small);
}
body[data-b-family] .site-footer a { min-height: 44px; display: inline-flex; align-items: center; }
body[data-b-family] .site-footer a:hover { color: #fff; }
body[data-b-family] .site-footer-separator { display: none; }

/* Home: the real object stays visible while the archive remains calm and readable. */
body[data-b-family="home"] {
  --x-bg: #efeee9;
  --x-light: #efeee9;
}
body[data-b-family="home"] .hero-slideshow {
  height: clamp(440px, calc(100svh - 72px), 760px);
  min-height: 0;
  background: var(--x-bg);
}
body[data-b-family="home"] .slide {
  inset: 0 0 0 46%;
  transform: scale(1.015);
}
body[data-b-family="home"] .slide.active { transform: scale(1); }
body[data-b-family="home"] .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
body[data-b-family="home"] .hero-overlay {
  inset: 0 auto 0 0;
  width: 46%;
  padding: clamp(2rem, 4.5vw, 4.5rem) var(--x-margin);
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  background: var(--x-bg);
  color: var(--x-ink);
  text-align: left;
  border: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset of inherited shadow */
  opacity: 1 !important;
  transform: none !important;
  animation: none !important;
  pointer-events: auto;
  z-index: 10;
}
body[data-b-family="home"] .hero-overlay h1 {
  margin: 0 0 1.4rem;
  max-width: 13ch;
  color: var(--x-ink);
  font-size: clamp(2.45rem, 3.35vw, 4rem);
  font-weight: 600;
  letter-spacing: -.035em;
  line-height: 1.08;
  text-align: left;
}
body[data-b-family="home"] .hero-statement {
  margin: 0;
  max-width: 38ch;
  color: var(--x-muted);
  font-size: clamp(1.05rem, 1.3vw, 1.3rem);
  letter-spacing: 0;
  line-height: 1.55;
  text-align: left;
}
body[data-b-family="home"] .hero-question-link {
  min-height: 48px;
  margin-top: 2rem;
  padding: .75rem 1.15rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--x-accent);
  border: 0;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0;
  line-height: 1.2;
  text-decoration: none;
}
body[data-b-family="home"] .hero-question-link::after { content: "\2192"; margin-left: 1.75rem; }
body[data-b-family="home"] .hero-kicker { margin: 0; font-size: var(--x-body); letter-spacing: 0; text-transform: none; }
body[data-b-family="home"] .scroll-btn { display: none; }
body[data-b-family="home"] .slide-dots {
  right: var(--x-margin);
  bottom: var(--x-margin);
  left: auto;
  gap: 0;
  transform: none;
}
body[data-b-family="home"] .slide-dot {
  position: relative;
  width: 36px;
  height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
}
body[data-b-family="home"] .slide-dot::after {
  content: "";
  position: absolute;
  inset: 18px 14px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .48);
}
body[data-b-family="home"] .slide-dot.active::after { background: #fff; transform: scale(1.45); }
body[data-b-family="home"] .identity,
body[data-b-family="home"] .entry-section { padding-inline: var(--x-margin); }
body[data-b-family="home"] .identity {
  min-height: 0;
  padding-block: clamp(6rem, 10vw, 10rem) clamp(4rem, 7vw, 7rem);
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--x-gap);
  align-items: start;
}
body[data-b-family="home"] .identity h2 { grid-column: 1 / 6; margin: 0; }
body[data-b-family="home"] .identity-org,
body[data-b-family="home"] .identity-desc { grid-column: 7 / 13; font-size: var(--x-lead); }
body[data-b-family="home"] .identity-desc { margin: .25rem 0 0; color: var(--x-muted); }
body[data-b-family="home"] .daily-grid {
  max-width: 1180px;
  margin: 0 auto clamp(6rem, 10vw, 10rem);
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--x-gap);
}
body[data-b-family="home"] .daily-feature {
  min-height: 36rem;
  color: var(--x-light);
  text-decoration: none;
  overflow: hidden;
}
body[data-b-family="home"] .daily-feature--map {
  grid-column: 1 / 8;
  display: grid;
  grid-template-rows: auto 1fr;
  background: var(--x-dark);
}
body[data-b-family="home"] .daily-feature-copy,
body[data-b-family="home"] .daily-feature--objects { padding: clamp(2rem, 4vw, 4rem); }
body[data-b-family="home"] .daily-feature h3 {
  margin: 0 0 1.5rem;
  color: inherit;
  font-size: clamp(3rem, 5vw, 6rem);
  line-height: .95;
}
body[data-b-family="home"] .daily-feature p {
  max-width: 34em;
  margin: 0;
  color: inherit;
  font-size: 1rem;
  line-height: 1.8;
}
body[data-b-family="home"] .daily-feature span {
  min-height: 44px;
  margin-top: 2rem;
  display: inline-flex;
  align-items: center;
  color: inherit;
}
body[data-b-family="home"] .daily-feature--map figure { margin: 0; align-self: end; }
body[data-b-family="home"] .daily-feature--map img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  display: block;
  object-fit: cover;
}
body[data-b-family="home"] .daily-feature--map figcaption {
  padding: .75rem clamp(2rem, 4vw, 4rem) 1rem;
  color: color-mix(in srgb, var(--x-light) 60%, transparent);
  font-size: .7rem;
  line-height: 1.5;
}
body[data-b-family="home"] .daily-feature--objects {
  grid-column: 8 / 13;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: var(--x-accent);
}
body[data-b-family="home"] .daily-feature--objects h3 { font-size: clamp(3rem, 5.6vw, 6.4rem); }
body[data-b-family="home"] .daily-feature--objects:hover,
body[data-b-family="home"] .daily-feature--map:hover { filter: brightness(.96); }
body[data-b-family="home"] .entry-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(4rem, 8vw, 8rem) var(--x-gap);
  border: 0 !important;
}
body[data-b-family="home"] .entry-card {
  grid-column: span 6;
  min-height: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: transparent;
  color: var(--x-ink);
  border: 0;
  border-radius: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset of inherited shadow */
  text-decoration: none;
}
body[data-b-family="home"] .entry-card:nth-of-type(1) { grid-column: 1 / 8; }
body[data-b-family="home"] .entry-card:nth-of-type(2) { grid-column: 9 / 13; }
body[data-b-family="home"] .entry-card:nth-of-type(3) { grid-column: 1 / 5; }
body[data-b-family="home"] .entry-card:nth-of-type(4) { grid-column: 6 / 13; }
body[data-b-family="home"] .entry-card h3 {
  margin: 0 0 1rem;
  color: inherit;
  font-size: clamp(2.6rem, 5.5vw, 6.5rem);
}
body[data-b-family="home"] .entry-card p { margin: 0; max-width: 38ch; color: var(--x-muted); font-size: 1rem; }
body[data-b-family="home"] .entry-card::after {
  content: "进入 \2197";
  min-height: 44px;
  margin-top: 1.25rem;
  display: flex;
  align-items: center;
  color: var(--x-accent);
}
body[data-b-family="home"] .entry-card:hover h3 { color: var(--x-accent); }
body[data-b-family="home"] .entry-card > span:first-child { display: none; }

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    body[data-b-family="home"] .hero-slideshow { view-timeline-name: --home-hero; }
    body[data-b-family="home"] .slide.active img {
      animation: home-hero-recede linear both;
      animation-timeline: --home-hero;
      animation-range: exit 0% exit 100%;
    }
    body[data-b-family="home"] .identity h2 {
      animation: home-enter-left linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 28%;
    }
    body[data-b-family="home"] .identity-desc {
      animation: home-enter-up linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 30%;
    }
    body[data-b-family="home"] .daily-feature--map {
      animation: home-settle linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 22%;
    }
    body[data-b-family="home"] .daily-feature--objects,
    body[data-b-family="home"] .entry-card:nth-of-type(2),
    body[data-b-family="home"] .entry-card:nth-of-type(4) {
      animation: home-enter-up linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 28%;
    }
    body[data-b-family="home"] .entry-card:nth-of-type(1),
    body[data-b-family="home"] .entry-card:nth-of-type(3) {
      animation: home-enter-left linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 28%;
    }
  }
}

@keyframes home-hero-recede { to { transform: translateY(4%) scale(1.04); } }
@keyframes home-enter-left { from { transform: translateX(-1.5rem); } to { transform: none; } }
@keyframes home-enter-up { from { transform: translateY(1.5rem); } to { transform: none; } }
@keyframes home-settle { from { transform: scale(.985); } to { transform: none; } }

/* Works index: chronological archive with equal visual weight. */
body[data-b-family="works-index"] .page-header,
body[data-b-family="archive"] .page-header,
body[data-b-family="history"] .page-header,
body[data-b-family="about"] .page-header,
body[data-b-family="technique-index"] .page-header {
  margin: 0;
  padding: clamp(4.5rem, 9vw, 9rem) var(--x-margin) clamp(3rem, 6vw, 6rem);
  text-align: left;
  background: var(--x-bg);
}
body[data-b-family="works-index"] .page-header h1,
body[data-b-family="archive"] .page-header h1,
body[data-b-family="history"] .page-header h1,
body[data-b-family="about"] .page-header h1 { margin: 0; }
body[data-b-family="works-index"] .page-header {
  padding-block: clamp(3rem, 5vw, 5rem) clamp(2rem, 3vw, 3rem);
}
body[data-b-family="works-index"] .page-header p {
  max-width: 34em;
  margin: 1.5rem 0 0;
  color: var(--x-muted);
  font-size: var(--x-lead);
}
body[data-b-family="works-index"] .filter-bar,
body[data-b-family="archive"] .category-filter { padding-inline: var(--x-margin); gap: .5rem; }
body[data-b-family="works-index"] .filter-btn,
body[data-b-family="archive"] .category-filter button {
  padding: .7rem 1rem;
  border: 0;
  background: var(--x-surface);
  color: var(--x-ink);
  border-radius: 999px;
}
body[data-b-family="works-index"] .filter-btn.active,
body[data-b-family="archive"] .category-filter button.active { background: var(--x-ink); color: var(--x-light); }
body[data-b-family="works-index"] .gallery {
  padding: clamp(2.5rem, 4vw, 4rem) var(--x-margin) clamp(5rem, 8vw, 8rem);
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(2.5rem, 4vw, 4rem) var(--x-gap);
  background: var(--x-bg);
}
body[data-b-family="works-index"] .gallery-item,
body[data-b-family="works-index"] .gallery-item:first-child,
body[data-b-family="works-index"] .gallery-item:nth-child(5n + 4) {
  grid-column: auto;
  grid-row: auto;
  aspect-ratio: auto;
  overflow: visible;
  opacity: 1;
  transform: none;
  background: transparent;
}
body[data-b-family="works-index"] .gallery-item img,
body[data-b-family="works-index"] .gallery-item:first-child img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 0;
}
body[data-b-family="works-index"] .gallery-item .info {
  position: static;
  min-height: 5rem;
  padding: 1rem 0 0;
  display: block;
  opacity: 1;
  transform: none;
  background: transparent;
  color: var(--x-ink);
}
body[data-b-family="works-index"] .gallery-item .info :where(h2, h3) { font-size: var(--x-lead); }
body[data-b-family="works-index"] .gallery-item .info :where(p, span, strong) { font-size: .8125rem !important; }
body[data-b-family="works-index"] .gallery-item .info h3 { color: var(--x-ink) !important; }
body[data-b-family="works-index"] .gallery-item .info span { color: #4f4841 !important; }
body[data-b-family="works-index"] .gallery-item[hidden] { display: none !important; }

@media (min-width: 1025px) {
  body[data-b-family="works-index"] .gallery-item:first-child { grid-column: span 2; }
  body[data-b-family="works-index"] .gallery-item:first-child img { aspect-ratio: 16 / 9; }
}

@media (max-width: 1024px) and (min-width: 761px) {
  body[data-b-family="works-index"] .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    body[data-b-family="works-index"] .gallery-item {
      animation: works-card-enter linear both;
      animation-timeline: view();
      animation-range: entry 0% cover 22%;
    }
  }
}

@keyframes works-card-enter {
  from { opacity: .7; transform: translateY(1.25rem); }
  to { opacity: 1; transform: none; }
}

/* Long objects and product stories: photography is evidence, copy stays readable. */
body[data-b-family="work-detail"] :where(.wrap, .container, .section, .content, .page-content) { max-width: none; }
body[data-b-family="work-detail"] .top-nav {
  min-height: 64px;
  padding-inline: var(--x-margin);
  border: 0 !important;
  background: var(--x-dark);
}
body[data-b-family="work-detail"] .top-nav :where(a, span, .nav-logo) { color: var(--x-light) !important; }
body[data-b-family="work-detail"] .top-nav :where(a:hover, a.active) { color: #d0ae79 !important; }
body[data-b-family="work-detail"] .divider { display: none; }
body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) {
  --x-detail-media-height: max(34rem, calc(100svh - 8rem));
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(24rem, .65fr);
  align-items: stretch !important;
  overflow: hidden !important;
  background: var(--x-dark) !important;
}
body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only)::before {
  position: relative !important;
  inset: auto !important;
  grid-column: 1;
  grid-row: 1;
  width: 100% !important;
  height: var(--x-detail-media-height) !important;
  opacity: 1 !important;
  filter: none !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-color: var(--x-dark) !important;
}
body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) > .hero-image {
  position: relative !important;
  inset: auto !important;
  grid-column: 1;
  grid-row: 1;
  width: 100% !important;
  height: var(--x-detail-media-height) !important;
  opacity: 1 !important;
  object-fit: contain !important;
  filter: none !important;
  background: var(--x-dark);
}
body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) > .hero-content {
  position: relative !important;
  z-index: 2;
  grid-column: 2;
  grid-row: 1;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(2.75rem, 6vw, 5.5rem) var(--x-margin) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: var(--x-paper) !important;
  color: var(--x-ink) !important;
  text-align: left !important;
  transform: none !important;
}
body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) > .hero-content > * {
  max-width: 68ch;
  margin-left: 0;
  margin-right: 0;
}
body[data-b-family="work-detail"] .hero-content :where(h1, .hero-title) { color: var(--x-ink) !important; }
body[data-b-family="work-detail"] .hero-content :where(.hero-label, .hero-tag, .subtitle, .hero-subtitle) {
  color: var(--x-gold) !important;
}
body[data-b-family="work-detail"] .hero-content .hero-tag {
  padding: 0;
  border: 0;
  background: transparent;
}
body[data-b-family="work-detail"] .hero--text-only {
  background: var(--x-dark) !important;
}
body[data-b-family="work-detail"] .hero--text-only::before { display: none !important; }
body[data-b-family="work-detail"] .hero--text-only .hero-content :where(h1, .hero-title) {
  color: var(--x-light) !important;
}
body[data-b-family="work-detail"] .hero--text-only .hero-content :where(p, .intro, .lead) {
  color: #ddd5ca !important;
}
body[data-b-family="work-detail"] .hero-grid :where(.lead, .hero-note) { color: #4f4841 !important; }
body[data-b-family="work-detail"] .hero-desc { color: #4f4841 !important; }
body[data-b-family="work-detail"] :where(.material-desc, .size-label) { color: #4f4841 !important; }
body[data-b-family="work-detail"] :where(.size-number, .size-label) { color: var(--x-ink) !important; }
body[data-b-family="work-detail"] section[style] > a[style] { border: 0 !important; background: var(--x-surface); }
body[data-b-family="work-detail"] section[style] h4[style] { color: var(--x-ink) !important; }
body[data-b-family="work-detail"] section[style] h2[style] { color: var(--x-gold) !important; }
body[data-b-family="work-detail"] section[style] p[style] { color: #4f4841 !important; font-size: .875rem !important; }
body[data-b-family="work-detail"] :where(.breadcrumb, .breadcrumbs) { padding-inline: var(--x-margin); }
body[data-b-family="work-detail"] > .breadcrumb :where(a, span) { color: #c9c0b5 !important; }
body[data-b-family="work-detail"] > .breadcrumb a { color: #d0ae79 !important; }
body[data-b-family="work-detail"] div[style*="background:#0a0a0a"] > a[style] { color: #d0ae79 !important; }
body[data-b-family="work-detail"] :where(.hero, .product-hero, .project-hero) { margin: 0; }
body[data-b-family="work-detail"] :where(.hero-grid, .surface-grid, .pack-grid, .utility-grid, .facts-grid) { gap: var(--x-gap); }
body[data-b-family="work-detail"] :where(.hero-copy, .section-head, .body-copy, .route-copy, .surface-copy, .closing) p { max-width: 62ch; }
body[data-b-family="work-detail"] :where(.section, section:not(.hero)) { padding-block: clamp(4rem, 8vw, 8rem); }
body[data-b-family="work-detail"] :where(.card, .care-card, .surface-card, .route, .fact, .utility-item) {
  border: 0;
  border-radius: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset of inherited shadow */
  background: var(--x-surface);
}
body[data-b-family="work-detail"] :where(.hero-figure img, .section img, figure img) { width: 100%; border-radius: 0; box-shadow: none; } /* taste-skill-ignore: explicit reset */
body[data-b-family="work-detail"] :where(.statement, blockquote) { font-family: var(--x-serif); font-size: clamp(1.6rem, 2.6vw, 2.8rem); line-height: 1.35; }

/* Legacy detail pages mixed pale dark-theme copy with the B version's paper ground. */
body[data-b-family="work-detail"] :where(
  .collab-text p,
  .history-text p,
  .text-block p,
  .preface-text p,
  .trial-intro,
  .craft-desc,
  .quote-text
) { color: #4f4841 !important; font-size: 1rem !important; }
body[data-b-family="work-detail"] .inspiration-text p { color: var(--x-ink) !important; font-size: 1rem !important; }
body[data-b-family="work-detail"] :where(.evo-desc, .concept-text p, .feature-text p) { color: #4f4841 !important; font-size: 1rem !important; }
body[data-b-family="work-detail"] :where(.concept-text h4, .feature-text .highlight, .lacquer-intro h3) { color: var(--x-gold) !important; }
body[data-b-family="work-detail"] :where(
  .collab-text .highlight,
  .history-text .highlight,
  .text-block .highlight,
  .preface-text .highlight,
  .trial-intro .highlight,
  .intro-highlight,
  .evo-year
) { color: var(--x-gold) !important; }
body[data-b-family="work-detail"] :where(.product-card, .material-card, .piece-card, .showcase-section) :where(h2, h3, h4, p, span, a) {
  color: #ddd5ca !important;
}
body[data-b-family="work-detail"] .showcase-section .section-title { color: var(--x-light) !important; }
body[data-b-family="work-detail"] .showcase-caption p { color: #c9c0b5 !important; }
body[data-b-family="work-detail"] .related-card .info h4 { color: var(--x-ink) !important; }
body[data-b-family="work-detail"] .related-card .info p { color: #4f4841 !important; }
body[data-b-family="work-detail"] .piece-card .piece-no { color: #ddd5ca !important; }
body[data-b-family="work-detail"] :where(.intro-text, .text-col p, .material-desc, .order-text p, .lacquer-intro p, .hero-poem, .section > p) {
  color: #4f4841 !important;
  font-size: 1rem !important;
}
body[data-b-family="work-detail"] :where(.text-col .highlight, .section > .section-title, .hero-content h1 span, .trial-mask) {
  color: var(--x-gold) !important;
}
body[data-b-family="work-detail"] .exhibition-card .card-label,
body[data-b-family="work-detail"] .legend-item p { color: #c9c0b5 !important; }
body[data-b-family="work-detail"] .material-card .material-tag { color: var(--x-ink) !important; }
body[data-b-family="work-detail"] .process-flow .process-item { color: #4f4841 !important; }
body[data-b-family="work-detail"] .info-card :where(.info-label, .info-desc),
body[data-b-family="work-detail"] .spec-card :where(.spec-label, .spec-desc) { color: #c9c0b5 !important; }
body[data-b-family="work-detail"] .site-footer > p:first-child { color: var(--x-light) !important; }
body[data-b-family="work-detail"] .breadcrumb:has(+ .hero--text-only) :where(a, span) { color: #4f4841 !important; }
body[data-b-family="work-detail"] .breadcrumb:has(+ .hero--text-only) a { color: var(--x-gold) !important; }
body[data-b-family="work-detail"] div[style*="background:#1a1a1a"] span { color: #c9c0b5 !important; }
body[data-b-family="work-detail"] div[style*="background:#0a0a0a"] > span,
body[data-b-family="work-detail"] .structure-hint p { color: #c9c0b5 !important; }

/* This page began as a dark composition; keep its inherited copy readable on the B version's paper ground. */
body.soda-page :where(
  .lead,
  .body-copy,
  .note,
  .hero-note,
  .utility-item p,
  .surface-copy p,
  .surface-copy small,
  .variation-title p,
  .route-copy ol,
  .route-copy li,
  .gold-route p,
  .care-card ul,
  .care-card li,
  figcaption
) { color: #4f4841 !important; }
body.soda-page :where(
  .fact dd,
  .utility-item h3,
  .surface-copy h3,
  .variation-title h3,
  .route-copy h3,
  .gold-route h3,
  .care-card h3
) { color: var(--x-ink) !important; }
body.soda-page :where(.kicker, /* taste-skill-ignore: existing section labels retained; contrast fix only */ .fact dt, .signature, .route-copy li::before) { color: var(--x-gold) !important; }
body.soda-page :where(.utility-item span, .statement em) { color: var(--x-gold) !important; }
body.soda-page :where(
  .breadcrumb,
  .kicker, /* taste-skill-ignore: existing section labels retained; contrast fix only */
  .hero-note,
  .note,
  .fact dt,
  figcaption,
  .utility-item span,
  .surface-copy small,
  .route-copy li::before,
  .signature
) {
  font-size: .8125rem !important;
  letter-spacing: .06em;
}
body.soda-page .fact dd { font-size: 1rem; }
body.soda-page .breadcrumb,
body.soda-page > .breadcrumb :where(a, span) { color: #4f4841 !important; }
body.soda-page .statement p {
  max-width: 32ch;
  margin-inline: auto;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.55;
}

/* History and technique pages: chapters, not ruled cards. */
body[data-b-family="history"] .timeline { padding: 0 var(--x-margin); }
body[data-b-family="history"] .timeline-card {
  margin: 0 0 clamp(5rem, 10vw, 10rem);
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset of inherited shadow */
  min-height: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
body[data-b-family="history"] .card-inner { gap: clamp(2rem, 6vw, 8rem); min-height: 0 !important; border: 0 !important; box-shadow: none !important; } /* taste-skill-ignore: explicit reset */
body[data-b-family="history"] .card-inner::after,
body[data-b-family="history"] .timeline::before,
body[data-b-family="history"] .timeline-card::after { display: none !important; }
body[data-b-family="history"] .card-img { min-height: 0; height: auto; border: 0 !important; }
body[data-b-family="history"] .card-body { background: var(--x-dark); color: var(--x-light); }
body[data-b-family="history"] .card-text { color: #eee7dc; }
body[data-b-family="history"] .card-year { font-family: var(--x-serif); font-size: clamp(2rem, 5vw, 6rem); color: #d0ae79; }
body[data-b-family="history"] .page-header :where(.quote, p) { color: #4f4841; }
body[data-b-family="history"] .history-status { border: 0 !important; color: #4f4841; }
body[data-b-family="history"] .history-status strong { color: var(--x-gold); }
body[data-b-family="history"] .history-closing { border: 0 !important; }
body[data-b-family="history"] p { font-size: 1rem !important; }
body[data-b-family="history"] .history-closing { padding: clamp(5rem, 10vw, 10rem) var(--x-margin); background: var(--x-dark); color: var(--x-light); }
body[data-b-family="history"] .history-closing * { color: inherit; }
body[data-b-family="history"] .page-header { padding-block: clamp(3.25rem, 6vw, 6rem) clamp(2rem, 4vw, 3.5rem); }
body[data-b-family="history"] .history-status {
  width: calc(100% - (2 * var(--x-margin)));
  max-width: 52rem;
  margin: 0 var(--x-margin) clamp(3rem, 6vw, 6rem);
  padding: 0;
}
body[data-b-family="technique-index"] .tech-grid,
body[data-b-family="technique-detail"] .tech-grid { padding-inline: var(--x-margin); gap: var(--x-gap); }
body[data-b-family="technique-index"] .tech-card,
body[data-b-family="technique-detail"] .tech-card { border: 0; border-radius: 0; box-shadow: none; background: var(--x-surface); } /* taste-skill-ignore: explicit reset */
body[data-b-family^="technique-"] :where(.page-header p, .tech-card p, .tech-card span, .tech-card small) { min-font-size: 13px; font-size: max(.8125rem, 13px) !important; }
body[data-b-family^="technique-"] :where(.page-header .subtitle, .page-header .subheading) { color: var(--x-gold) !important; }
body[data-b-family^="technique-"] .tech-card .info :where(.en, .tag) { font-size: .8125rem !important; }
body[data-b-family^="technique-"] .page-header :where(p, .subtitle) { color: #4f4841 !important; }
body[data-b-family="technique-detail"] .atlas-grid { align-items: stretch; }
body[data-b-family="technique-detail"] .atlas-card {
  border: 0;
  border-radius: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset */
}
body[data-b-family="technique-detail"] .atlas-card.lacquer { min-height: clamp(30rem, 50vw, 42rem); }
body[data-b-family="technique-detail"] .atlas-card.leather { min-height: clamp(20rem, 34vw, 28rem); align-self: end; }
body[data-b-family="technique-detail"] .page-header {
  padding-block: clamp(3.25rem, 6vw, 6rem) clamp(2rem, 4vw, 3.5rem);
}
body[data-b-family="technique-detail"] .page-header h1 { font-size: var(--x-display); }
body[data-b-family="technique-detail"] .atlas-grid { padding-top: 0; }
body[data-b-family="technique-detail"] .atlas-card::before { display: none; }
body[data-b-family="technique-detail"] .atlas-card .atlas-media {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body[data-b-family="technique-detail"] .atlas-card .overlay { background: rgba(24, 21, 18, .84); }
body[data-b-family="technique-detail"] .atlas-card .tag { display: none; }
body[data-b-family="technique-detail"] .atlas-card .coming-soon {
  top: 1.25rem;
  right: 1.25rem;
  left: auto;
  transform: none;
  background: rgba(24, 21, 18, .84);
}
body[data-b-family="technique-detail"] .atlas-card :where(h2, p) { color: var(--x-light); }
body[data-b-family="technique-detail"] .atlas-card.leather :where(h2, p, .arrow) { color: #ddd5ca; }
body[data-b-family="technique-detail"] :where(.article-header h1, .steps li strong) { color: var(--x-ink) !important; }
body[data-b-family="technique-detail"] :where(
  .article-header .en,
  .article-header .alias,
  .section > p,
  .steps li,
  .steps li .param,
  .visual-tags span
) { color: #4f4841 !important; }
body[data-b-family="technique-detail"] :where(.section > p, .steps li) { font-size: 1rem !important; }
body[data-b-family="technique-detail"] .related-works .work-name { color: #4f4841 !important; }
body[data-b-family="technique-detail"] .quote-box .source { color: #c9c0b5 !important; }
body[data-b-family="technique-detail"] .article-header .tag { color: var(--x-gold) !important; }

/* Archive and about: interfaces stay functional, but no dense outlined wall. */
body[data-b-family="archive"] .search-bar {
  width: min(calc(100% - (2 * var(--x-margin))), 38rem);
  min-height: 52px;
  margin-inline: auto;
  padding: 0 !important;
  background: transparent !important;
  border: 0;
}
body[data-b-family="archive"] .archive-status { border: 0 !important; background: var(--x-surface); }
body[data-b-family="archive"] #searchInput {
  width: 100%;
  min-height: 52px;
  padding: .875rem 1.125rem;
  background: var(--x-dark);
  color: var(--x-light);
}
body[data-b-family="archive"] #searchInput::placeholder { color: #aaa198; }
body[data-b-family="archive"] .card-grid { width: 100%; padding-inline: var(--x-margin); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--x-gap); }
body[data-b-family="archive"] .kb-card { min-height: 12rem; padding: clamp(1.4rem, 3vw, 2.5rem); border: 0; border-radius: 0; box-shadow: none; background: var(--x-surface); color: var(--x-ink); } /* taste-skill-ignore: explicit reset */
body[data-b-family="archive"] .card-tag { font-size: var(--x-body); letter-spacing: 0; text-transform: none; }
body[data-b-family="archive"] .kb-card :where(h2, h3, h4) { color: var(--x-ink) !important; }
body[data-b-family="archive"] .kb-card :where(.card-title, .card-alias, .card-summary, .old-objects-meta, p, span, small, strong) { color: #4f4841 !important; font-size: 1rem !important; }
body[data-b-family="archive"] .kb-card .card-title { color: var(--x-ink) !important; font-family: var(--x-serif); font-size: 1.25rem !important; }
body[data-b-family="archive"] .kb-card .card-tag { color: var(--x-gold) !important; font-size: .875rem !important; }
body[data-b-family="archive"] :where(.filter-btn, .category-filter button, .search-bar, #searchInput) { border: 0 !important; box-shadow: none !important; } /* taste-skill-ignore: explicit reset */
body[data-b-family="archive"] :where(.page-header p, .archive-intro) { color: #4f4841; font-size: 1rem; }
body[data-b-family="archive"] :where(.archive-status, .page-header .subtitle) { color: #4f4841; }
body[data-b-family="archive"] .archive-status strong,
body[data-b-family="archive"] .page-header .subtitle { color: var(--x-gold); }
body[data-b-family="archive"] .archive-status span { color: #4f4841; font-size: .875rem; }
body[data-b-family="archive"] .page-header .desc { color: #4f4841 !important; }
body[data-b-family="archive"] #archive-assistant-trigger { box-shadow: none !important; } /* taste-skill-ignore: floating tool reset */
body[data-b-family="about"] .about-body {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0 var(--x-margin) clamp(5rem, 9vw, 9rem);
  font-size: var(--x-lead);
}
body[data-b-family="about"] .about-body > p {
  margin-left: 0;
  max-width: 68ch;
  text-align: left;
  text-indent: 0;
}
@media (min-width: 901px) {
  body[data-b-family="about"] .page-header { padding-block: clamp(3.25rem, 6vw, 6rem) clamp(2rem, 4vw, 3.5rem); }
  body[data-b-family="about"] .about-body {
    display: grid;
    grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
    column-gap: clamp(3rem, 8vw, 9rem);
    align-items: start;
  }
  body[data-b-family="about"] .about-body > p:first-child {
    grid-column: 1;
    grid-row: 1 / span 4;
    max-width: 20ch;
    font-family: var(--x-serif);
    font-size: clamp(1.8rem, 3vw, 3.4rem) !important;
    line-height: 1.35;
  }
  body[data-b-family="about"] .about-body > p:nth-child(n + 2):nth-child(-n + 5) { grid-column: 2; }
  body[data-b-family="about"] .about-body > :nth-child(n + 6) { grid-column: 1 / -1; }
}
body[data-b-family="about"] .online-learning { padding-inline: 0; }
body[data-b-family="about"] .about-contact {
  margin-top: clamp(4rem, 8vw, 8rem);
  padding: clamp(3rem, 6vw, 6rem) clamp(1.25rem, 3vw, 3rem);
  background: var(--x-surface);
  text-align: left;
}
body[data-b-family="about"] .about-contact :where(h2, p, .contact-email-list) {
  width: min(100%, 48rem);
  margin-left: 0;
  margin-right: 0;
}
body[data-b-family="about"] .about-contact h2 { margin-bottom: 1.5rem; }
body[data-b-family="about"] .about-contact > p { letter-spacing: 0; }
body[data-b-family="about"] .contact-email-list { margin-block: 2rem; padding: 0; }
body[data-b-family="about"] .contact-email-list a {
  width: 100%;
  min-height: 52px;
  display: grid;
  grid-template-columns: minmax(12rem, .9fr) minmax(0, 1.1fr);
  align-items: center;
  justify-content: start;
  text-align: left;
}
body[data-b-family="about"] :where(.online-learning, .online-platform, .about-contact, .contact-email-list, .contact-email-list li) { border: 0 !important; box-shadow: none !important; } /* taste-skill-ignore: explicit reset */
body[data-b-family="about"] .online-platform { background: var(--x-dark); color: var(--x-light); }
body[data-b-family="about"] .online-platform :where(h3, p, span, .account) { color: var(--x-light) !important; }
body[data-b-family="about"] :where(.about-body p, .online-learning > p, .contact-email-list span, .contact-email-list strong) { color: #4f4841; font-size: .875rem !important; }
body[data-b-family="about"] .online-qr span { color: #fff !important; font-size: .875rem !important; }
body[data-b-family="about"] :where(.about-body p, .online-platform p, .online-learning p, .about-contact p, .contact-email-list li) { font-size: 1rem !important; }

@media (max-width: 900px) {
  body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) {
    --x-detail-media-height: clamp(18rem, 100vw, 34rem);
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only)::before,
  body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) > .hero-image {
    grid-column: 1;
    grid-row: 1;
  }
  body[data-b-family="work-detail"] .hero:has(> .hero-content):not(.hero--text-only) > .hero-content {
    grid-column: 1;
    grid-row: 2;
  }
}

@media (max-width: 640px) {
  body[data-b-family="about"] .contact-email-list a {
    grid-template-columns: 1fr;
    gap: .2rem;
    padding-block: .85rem;
  }
}

/* Daily archive: seven latest entries on the landing page, full archive separately. */
body[data-b-family="old-objects-home"] .page-shell,
body[data-b-family="old-objects-entry"] .page-shell { width: 100%; max-width: none; padding-inline: var(--x-margin); }
body[data-b-family="old-objects-home"] .hero,
body[data-b-family="old-objects-entry"] .hero { padding: clamp(4rem, 8vw, 8rem) 0; }
body[data-b-family="old-objects-home"] .eyebrow, /* taste-skill-ignore: legacy label is suppressed */
body[data-b-family="old-objects-entry"] .eyebrow { display: none; } /* taste-skill-ignore: legacy label is suppressed */
body[data-b-family="old-objects-home"] .notice { display: none; }
body[data-b-family="old-objects-home"] .issue-list,
body[data-b-family="old-objects-entry"] .issue-list { margin: 0; padding: 0; list-style: none; }
body[data-b-family="old-objects-home"] .issue-item {
  min-height: 14rem;
  padding: clamp(1.5rem, 4vw, 4rem) 0;
  display: grid;
  grid-template-columns: minmax(9rem, .35fr) minmax(0, 1fr);
  gap: var(--x-gap);
  align-items: start;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none; /* taste-skill-ignore: explicit reset of inherited shadow */
  text-decoration: none;
}
body[data-b-family="old-objects-home"] .issue-date { color: var(--x-accent); font-variant-numeric: tabular-nums; }
body[data-b-family="old-objects-home"] .issue-title { margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.3; }
body[data-b-family="old-objects-home"] .issue-desc { grid-column: 2; }
body[data-b-family="old-objects-home"] .issue-desc { color: #4f4841 !important; }

/* Library keeps its current B direction; these rules only align type, focus and footer. */
body[data-b-family^="library-"] { --x-bg: #f7f3eb; --x-ink: #211b16; --x-muted: #6d6258; --x-gold: #76552b; }
body[data-b-family^="library-"] :where(.library-home, .country-page, .person-page, .archive-page) { font-family: var(--x-sans); }
body[data-b-family^="library-"] :where(.site-header, .breadcrumbs, .library-hero, .recent-people, .archive-map, .person-main, .country-main) { padding-inline: var(--x-margin); }
body[data-b-family^="library-"] .site-footer { margin-top: 0; }
body[data-b-family^="library-"] .primary-link { color: #f7f3eb !important; }
body[data-b-family^="library-"] .country-link { color: #211b16 !important; }
body[data-b-family^="library-"] .person-line { color: #f7f3eb !important; }
body[data-b-family^="library-"] .person-line :where(h3, p, span) { color: #f7f3eb !important; }
body[data-b-family^="library-"] :where(.skip, .skip-link) { background: #76552b !important; color: #fff !important; }
body[data-b-family^="library-"] :where(.library-hero, .archive-map, .person-lines, .footer-grid) { width: 100%; max-width: 100%; }
body[data-b-family="library-country"] .country-hero figcaption { background: #f7f3eb; color: var(--x-ink) !important; }

/* English shares the system without pretending the Chinese serif is an English display face. */
body[data-b-family="english"] { --x-serif: Georgia, "Times New Roman", serif; }
body[data-b-family="english"] :where(.shell, .hero-content) { padding-inline: var(--x-margin); }
body[data-b-family="english"] .section { padding-inline: 0 !important; }
body[data-b-family="english"] :where(.card, .grid > article) { border: 0; border-radius: 0; box-shadow: none; } /* taste-skill-ignore: explicit reset */
body[data-b-family="english"] .eyebrow { font-size: var(--x-body); letter-spacing: 0; text-transform: none; } /* taste-skill-ignore: source label retained as content */
body[data-b-family="english"] :where(.hero, .section) { border: 0 !important; }
body[data-b-family="english"] :where(.shell, .grid) { width: 100%; max-width: 100%; }
body[data-b-family="english"] .card { background: var(--x-dark); color: var(--x-light); }
body[data-b-family="english"] .card :where(h3, p) { color: var(--x-light) !important; }
body[data-b-family="english"] .hero-actions .button { color: #fff !important; border-color: #fff !important; }
body[data-b-family="english"] .hero-content :where(h1, p) { color: #fff !important; }
body[data-b-family="english"] :where(p, li, a) { font-size: 1rem; }
body[data-b-family="english"] .section .lede { color: #4f4841 !important; }
body[data-b-family="english"] :where(
  .page-header .lede,
  main .prose p,
  main .prose li,
  main .prose strong,
  main .prose em,
  main .text-link
) { color: #4f4841 !important; }
body[data-b-family="english"] :where(main .breadcrumbs, main figcaption) { color: #625a52 !important; font-size: .8125rem !important; }
body[data-b-family="english"] .page-header .eyebrow { color: var(--x-gold) !important; } /* taste-skill-ignore: legacy source label retained as product metadata */
body[data-b-family="english"] .nav-links a.active { color: var(--x-accent) !important; }
body[data-b-family="english"] .card :where(h3, p, li, a, span) { color: var(--x-light) !important; }
body[data-b-family="english"] main .notice,
body[data-b-family="english"] main .notice :where(strong, em, a, span) { color: #ddd5ca !important; }
body[data-b-family="english"] .site-footer > p:first-child { font-size: 1rem; line-height: 1.45; }
body[data-b-family="english"] .hero h1 { max-width: 24ch; font-size: clamp(2.4rem, 5vw, 4.4rem); }

@media (max-width: 760px) {
  :root { --x-margin: 1.25rem; --x-gap: 1rem; --x-display: clamp(2.25rem, 10vw, 3.25rem); --x-head: clamp(1.8rem, 8vw, 2.75rem); }
  body[data-b-family] { font-size: 1rem; line-height: 1.72; }
  body[data-b-family] .nav { min-height: 64px; }
  body[data-b-family].b-enhanced .b-menu-toggle { display: inline-flex; align-items: center; justify-content: center; }
  body[data-b-family].b-enhanced .nav-links {
    position: absolute;
    top: 100%;
    left: var(--x-margin);
    right: var(--x-margin);
    padding: 1rem;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: .25rem;
    background: var(--x-dark);
    color: var(--x-light);
  }
  body[data-b-family].b-enhanced .nav[data-open="true"] .nav-links { display: flex; }
  body[data-b-family].b-enhanced .nav-links a { min-height: 48px; color: var(--x-light); font-size: 1.05rem; }
  body[data-b-family] .site-footer { grid-template-columns: 1fr; }
  body[data-b-family] .site-footer-filings { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 0; }

  body[data-b-family="home"] .hero-slideshow { height: calc(100svh - 64px) !important; min-height: 720px; }
  body[data-b-family="home"] .slide { inset: 0 0 48% 0; }
  body[data-b-family="home"] .slide img { object-position: center; }
  body[data-b-family="home"] .hero-overlay {
    inset: 52% 0 0;
    width: 100%;
    padding: 1.75rem var(--x-margin) 1.25rem;
    justify-content: center;
  }
  body[data-b-family="home"] .hero-overlay h1 { max-width: 13ch; margin-bottom: 1rem; font-size: clamp(2rem, 9vw, 2.7rem); }
  body[data-b-family="home"] .hero-statement { font-size: 1.125rem; line-height: 1.55; }
  body[data-b-family="home"] .hero-question-link { width: auto; min-width: 13.5rem; margin-top: 1.25rem; align-self: flex-start; }
  body[data-b-family="home"] .slide-dots { top: calc(52% - 48px); right: .5rem; bottom: auto; }
  body[data-b-family="home"] .slide-dot { width: 32px; }
  body[data-b-family="home"] .identity { grid-template-columns: 1fr; padding-block: 6rem 4rem; }
  body[data-b-family="home"] .identity h2,
  body[data-b-family="home"] .identity-org,
  body[data-b-family="home"] .identity-desc { grid-column: 1; }
  body[data-b-family="home"] .identity-desc { margin-top: 1.25rem; }
  body[data-b-family="home"] .daily-grid { grid-template-columns: 1fr; gap: var(--x-gap); }
  body[data-b-family="home"] .daily-feature,
  body[data-b-family="home"] .daily-feature--map,
  body[data-b-family="home"] .daily-feature--objects { grid-column: 1; min-height: 0; }
  body[data-b-family="home"] .daily-feature h3,
  body[data-b-family="home"] .daily-feature--objects h3 { font-size: clamp(2.35rem, 11vw, 3.35rem); }
  body[data-b-family="home"] .daily-feature--objects { min-height: 30rem; }
  body[data-b-family="home"] .entry-grid { gap: 5rem; }
  body[data-b-family="home"] .entry-card,
  body[data-b-family="home"] .entry-card:nth-of-type(n) { grid-column: 1; }
  body[data-b-family="home"] .entry-card h3 { font-size: clamp(2.25rem, 10.5vw, 3.2rem); }

  body[data-b-family="works-index"] .filter-bar { display: flex; flex-wrap: wrap; justify-content: flex-start; }
  body[data-b-family="works-index"] .gallery { grid-template-columns: 1fr; }
  body[data-b-family="works-index"] .gallery-item,
  body[data-b-family="works-index"] .gallery-item:first-child,
  body[data-b-family="works-index"] .gallery-item:nth-child(5n + 4) { grid-column: 1; }
  body[data-b-family="works-index"] .gallery-item img,
  body[data-b-family="works-index"] .gallery-item:first-child img { aspect-ratio: 4 / 3; }
  body[data-b-family="archive"] .card-grid { grid-template-columns: 1fr; }
  body[data-b-family="history"] .card-inner { display: flex; flex-direction: column; }
  body[data-b-family="history"] .timeline-card:nth-child(even) .card-img { order: 0; }
  body[data-b-family="old-objects-home"] .issue-item { grid-template-columns: 1fr; min-height: 0; }
  body[data-b-family="old-objects-home"] .issue-title { font-size: 1.25rem; line-height: 1.25; }
  body[data-b-family="old-objects-home"] .issue-desc { grid-column: 1; }
  body[data-b-family="english"] .hero h1 { max-width: none; font-size: 1.9rem; line-height: 1.08; }
  body[data-b-family="work-detail"] :where(.hero-grid, .surface-grid, .pack-grid, .utility-grid, .facts-grid) { grid-template-columns: 1fr; }
  body[data-b-family="technique-detail"] .atlas-grid { grid-template-columns: 1fr; }
  body[data-b-family="technique-detail"] .atlas-card.lacquer,
  body[data-b-family="technique-detail"] .atlas-card.leather { min-height: 24rem; }
  body[data-b-family="about"] .contact-email-list a { grid-template-columns: 1fr; gap: .25rem; overflow-wrap: anywhere; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  body[data-b-family="works-index"] .gallery-item .info,
  body[data-b-family="works-index"] .gallery-item { opacity: 1 !important; transform: none !important; visibility: visible !important; }
}