:root {
  --black: #050606;
  --night: #071f27;
  --forest: #103c4b;
  --paper: #eee9df;
  --bone: #f7f3eb;
  --ink: #101817;
  --gold: #c4a16c;
  --mulberry: #85264c;
  --purple: #664087;
  --white: #fbf7ef;
  --line: rgba(16, 24, 23, .2);
  --line-light: rgba(251, 247, 239, .2);
  --serif: "Iowan Old Style", Baskerville, "Times New Roman", serif;
  --sans: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; background: var(--paper); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; }
body::selection { background: var(--mulberry); color: white; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; width: 100%; }
h1, h2, h3, p, figure, blockquote, dl, dd { margin: 0; }
h1, h2, h3, blockquote { text-wrap: balance; }
[hidden] { display: none !important; }
main { overflow: clip; }

.skip-link { position: fixed; z-index: 100; top: 8px; left: 8px; transform: translateY(-150%); padding: 11px 15px; background: white; color: var(--ink); }
.skip-link:focus { transform: none; }
.overline { font-size: 11px; line-height: 1.4; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.reveal { opacity: 0; transform: translateY(12px); transition: opacity .55s ease, transform .55s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

.site-header { position: fixed; z-index: 50; inset: 0 0 auto; height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 3.2vw; border-bottom: 1px solid rgba(255,255,255,.13); background: rgba(4, 14, 18, .92); color: var(--white); backdrop-filter: blur(15px); transition: background .3s, box-shadow .3s; }
.site-header.is-scrolled { background: rgba(4, 14, 18, .98); box-shadow: 0 4px 18px rgba(0,0,0,.07); }
.wordmark { display: flex; align-items: baseline; flex: 0 0 auto; font-size: 18px; line-height: 1; font-weight: 700; letter-spacing: .2em; }
.wordmark span { margin-left: 2px; color: var(--gold); font-size: 8px; }
.wordmark small { margin-left: 10px; color: rgba(255,255,255,.52); font-size: 8px; font-weight: 500; letter-spacing: .2em; }
.site-header nav { display: flex; align-items: center; gap: clamp(12px, 1.25vw, 22px); }
.site-header nav > a { position: relative; white-space: nowrap; font-size: 10px; font-weight: 650; letter-spacing: .1em; text-transform: uppercase; }
.site-header nav > a::after { content: ""; position: absolute; inset: auto 0 -8px; height: 1px; background: var(--gold); transform: scaleX(0); transform-origin: right; transition: transform .25s; }
.site-header nav > a:hover::after, .site-header nav > a.is-current::after { transform: scaleX(1); transform-origin: left; }
.nav-cta { border: 1px solid rgba(255,255,255,.65); background: transparent; padding: 12px 14px; cursor: pointer; white-space: nowrap; color: var(--white); font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; transition: background .25s, border-color .25s; }
.nav-cta:hover { border-color: var(--mulberry); background: var(--mulberry); }
.menu-button { display: none; width: 40px; height: 40px; border: 0; background: transparent; color: white; }
.menu-button span { display: block; width: 22px; height: 1px; margin: 6px auto; background: currentColor; }

.hero { position: relative; min-height: 100svh; overflow: hidden; background: var(--black); color: var(--white); }
.hero::after { content: ""; position: absolute; z-index: 3; inset: 0; pointer-events: none; background: linear-gradient(90deg, var(--black) 0 43%, rgba(5,6,6,.96) 50%, rgba(5,6,6,.76) 58%, rgba(5,6,6,.3) 68%, transparent 79%); }
.hero-copy { position: relative; z-index: 5; min-height: 100svh; width: 61%; display: flex; flex-direction: column; justify-content: center; padding: 112px 4vw 52px 6.6vw; }
.hero-copy .overline { margin-bottom: 28px; color: var(--gold); }
.unesco-link { text-underline-offset: 5px; }
.unesco-link:hover, .unesco-link:focus-visible { text-decoration: underline; }
.hero h1 { font-weight: 400; }
.hero-memory { display: block; font-family: var(--serif); font-size: clamp(62px, 7.3vw, 112px); line-height: .94; letter-spacing: -.04em; }
.hero-now { display: block; margin-top: 28px; font-family: "Arial Narrow", var(--sans); font-size: clamp(54px, 6.2vw, 94px); line-height: .92; font-weight: 600; letter-spacing: -.045em; color: #d2b895; }
.hero-intro { width: min(620px, 86%); margin-top: 32px; padding-left: 19px; border-left: 1px solid var(--purple); color: rgba(251,247,239,.78); font-family: var(--serif); font-size: clamp(16px, 1.2vw, 20px); line-height: 1.55; }
.hero-actions { display: flex; gap: 26px; align-items: center; margin-top: 34px; }
.button-primary { min-width: 218px; border: 0; background: var(--mulberry); color: white; padding: 17px 18px; cursor: pointer; text-align: left; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.button-primary span { float: right; font-size: 15px; font-weight: 400; }
.text-link { min-width: 190px; display: inline-flex; justify-content: space-between; gap: 22px; padding: 13px 0; border-bottom: 1px solid currentColor; font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.text-link.light { color: var(--white); }
.text-link span { font-size: 14px; font-weight: 400; transition: transform .2s; }
.text-link:hover span { transform: translate(3px, -2px); }
.hero-image { position: absolute; z-index: 1; top: 76px; right: 0; bottom: 0; width: 54%; }
.hero-image img { height: 100%; object-fit: cover; object-position: center; filter: saturate(.92) contrast(1.03) brightness(.94); }
.hero-image figcaption { position: absolute; right: 2.5vw; bottom: 20px; left: 9vw; display: flex; justify-content: space-between; color: rgba(255,255,255,.55); font-size: 8px; letter-spacing: .12em; }
.binary-rail { position: absolute; z-index: 6; left: 2.7vw; top: 28%; width: 10px; color: rgba(196,161,108,.55); font-family: monospace; font-size: 8px; line-height: 3.2; word-break: break-all; }

.proof-strip { min-height: 82px; display: grid; grid-template-columns: 205px 1fr; align-items: center; gap: 26px; padding: 16px 6.6vw; background: var(--mulberry); color: white; }
.proof-strip > span { font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.proof-strip > div { min-width: 0; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; row-gap: 12px; }
.proof-strip a { min-height: 34px; display: flex; align-items: center; gap: 8px; padding: 0 clamp(13px, 1.8vw, 28px); border-left: 1px solid rgba(255,255,255,.18); font-family: var(--serif); font-size: clamp(12px, 1.08vw, 16px); font-weight: 400; white-space: nowrap; transition: color .2s ease, background .2s ease; }
.proof-strip a span { opacity: 0; transform: translate(-4px, 2px); font-family: var(--sans); font-size: .8em; transition: opacity .2s ease, transform .2s ease; }
.proof-strip a:hover, .proof-strip a:focus-visible { background: rgba(255,255,255,.08); color: white; outline: none; }
.proof-strip a:hover span, .proof-strip a:focus-visible span { opacity: 1; transform: none; }
.proof-strip a:last-child { padding-right: 0; color: rgba(255,255,255,.62); font-family: var(--sans); font-size: 10px; letter-spacing: .08em; }

.home-about { min-height: 68vh; display: grid; grid-template-columns: 18% 50% 32%; align-items: start; padding: 92px 6.6vw 88px; background: var(--paper); }
.home-about > .overline { padding-top: 13px; }
.home-about h2 { font-family: var(--serif); font-size: clamp(55px, 6.2vw, 96px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.home-about h2 em { color: var(--mulberry); font-weight: 400; }
.home-about-copy { align-self: center; padding: 27px 0 0 28px; border-top: 1px solid var(--line); border-left: 1px solid rgba(102,64,135,.38); }
.home-about-copy strong { color: var(--mulberry); font-size: 10px; letter-spacing: .14em; }
.home-about-copy p { margin-top: 27px; color: rgba(16,24,23,.67); font-family: var(--serif); font-size: 17px; line-height: 1.58; }

.home-pillars { display: grid; grid-template-columns: 1fr 1fr; background: var(--forest); color: white; }
.pillar { min-height: 600px; position: relative; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; padding: 56px 6.6vw; }
.pillar::before { content: ""; position: absolute; inset: 0; background-size: cover; background-position: center; opacity: .22; filter: saturate(.7); transition: transform .8s ease, opacity .5s; }
.pillar:hover::before { transform: scale(1.035); opacity: .32; }
.pillar-li::before { background-image: linear-gradient(to top, rgba(5,6,6,.9), rgba(5,6,6,.12)), url('/assets/archive-textile.webp'); }
.pillar-lijin { background: var(--night); border-left: 1px solid var(--line-light); }
.pillar-lijin::before { background-image: linear-gradient(to top, rgba(5,6,6,.96), rgba(5,6,6,.2)), url('/assets/pattern-system.webp'); }
.pillar > * { position: relative; }
.pillar .overline { margin-bottom: auto; color: var(--gold); }
.pillar h2 { margin-top: 135px; font-family: var(--serif); font-size: clamp(48px, 4.8vw, 75px); line-height: .92; font-weight: 400; letter-spacing: -.045em; }
.pillar h2 em { color: #dec19d; font-weight: 400; }
.pillar p { max-width: 500px; margin-top: 22px; color: rgba(255,255,255,.7); font-family: var(--serif); font-size: 17px; line-height: 1.55; }
.pillar b { display: flex; justify-content: space-between; margin-top: 42px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.35); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }
.pillar i { font-size: 15px; font-style: normal; font-weight: 400; }

.home-runway { display: grid; grid-template-columns: 31% 69%; min-height: 820px; padding: 105px 6.6vw 110px; background: var(--black); color: white; }
.section-intro { padding-right: 5vw; }
.section-intro .overline { color: var(--gold); }
.section-intro h2 { margin: 36px 0 28px; font-family: var(--serif); font-size: clamp(48px, 4.6vw, 72px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.section-intro h2 em { color: #dec19d; font-weight: 400; }
.section-intro > p:not(.overline) { max-width: 410px; margin-bottom: 24px; color: rgba(16,24,23,.65); font-family: var(--serif); font-size: 17px; line-height: 1.55; }
.runway-cards { display: grid; grid-template-columns: 1.08fr .92fr; align-items: end; gap: 20px; }
.image-card { position: relative; overflow: hidden; }
.image-card img { aspect-ratio: 3 / 4; object-fit: cover; transition: transform .7s ease; }
.image-card-tall { align-self: start; }
.image-card-tall img { aspect-ratio: 3 / 4.5; }
.image-card:hover img, .case-card:hover img { transform: scale(1.025); }
.image-card > span { display: grid; grid-template-columns: 1fr auto; gap: 7px 20px; padding-top: 18px; border-top: 1px solid var(--line-light); }
.image-card small { grid-column: 1 / -1; color: var(--gold); font-size: 9px; letter-spacing: .14em; }
.image-card strong { font-family: var(--serif); font-size: 20px; font-weight: 400; }
.image-card i { font-style: normal; }

.home-collaborations { display: grid; grid-template-columns: 31% 69%; padding: 105px 6.6vw 120px; background: var(--paper); }
.section-intro.dark .overline { color: var(--mulberry); }
.section-intro.dark h2 em { color: var(--mulberry); }
.collaboration-cards { display: grid; grid-template-columns: 1.15fr .85fr; gap: 24px; }
.case-card img { aspect-ratio: 4 / 3; object-fit: cover; transition: transform .7s ease; }
.case-card.offset { margin-top: 105px; }
.case-card > span { display: block; padding-top: 17px; border-top: 1px solid var(--line); }
.case-card small { display: block; margin-bottom: 9px; color: var(--mulberry); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.case-card strong { font-family: var(--serif); font-size: 24px; font-weight: 400; }

.page-hero { min-height: 100svh; display: grid; grid-template-columns: 51% 49%; padding-top: 76px; background: var(--night); color: white; }
.page-hero-copy { display: flex; flex-direction: column; justify-content: center; padding: 72px 6.6vw; }
.page-hero-copy .overline { margin-bottom: 45px; color: var(--gold); }
.page-hero-copy h1 { font-family: var(--serif); font-size: clamp(65px, 7vw, 108px); line-height: .83; font-weight: 400; letter-spacing: -.06em; }
.page-hero-copy h1 em { color: #dec19d; font-weight: 400; }
.page-hero-copy > p:last-child { max-width: 570px; margin-top: 38px; padding-left: 20px; border-left: 1px solid var(--purple); color: rgba(255,255,255,.7); font-family: var(--serif); font-size: 18px; line-height: 1.6; }
.page-hero-image { position: relative; overflow: hidden; }
.page-hero-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(7,31,39,.55), transparent 35%); pointer-events: none; }
.page-hero-image img { height: 100%; object-fit: cover; }
.page-hero-textile { position: relative; display: block; overflow: hidden; }
.page-hero-textile .page-hero-copy { position: relative; z-index: 3; width: 59%; min-height: calc(100svh - 76px); }
.page-hero-textile .page-hero-image { position: absolute; z-index: 1; inset: 76px 0 0; }
.page-hero-textile .page-hero-image::after {
  background:
    linear-gradient(90deg, rgba(7,31,39,.98) 0%, rgba(7,31,39,.93) 27%, rgba(7,31,39,.72) 47%, rgba(7,31,39,.3) 70%, rgba(7,31,39,.12) 100%),
    linear-gradient(180deg, rgba(7,31,39,.12), transparent 58%, rgba(7,31,39,.34));
}
.page-hero-textile .page-hero-image img { object-position: center; filter: saturate(.84) contrast(1.03); }
.page-hero-textile .page-hero-space img { object-position: 52% center; }
.page-hero-lijin { background: var(--paper); color: var(--ink); }
.page-hero-lijin .page-hero-copy h1 em { color: var(--mulberry); }
.page-hero-lijin .page-hero-copy > p:last-child { color: rgba(16,24,23,.68); }
.page-hero-lijin .page-hero-image::after { background: linear-gradient(90deg, var(--paper), transparent 28%); }
.page-hero-image figcaption { position: absolute; z-index: 2; right: 25px; bottom: 23px; color: rgba(255,255,255,.65); font-size: 9px; letter-spacing: .13em; }

.editorial-split { display: grid; grid-template-columns: 1fr 1fr; gap: 8vw; padding: 130px 6.6vw; background: var(--paper); }
.editorial-split h2 { margin-top: 32px; font-family: var(--serif); font-size: clamp(48px, 5.2vw, 80px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.editorial-copy { max-width: 670px; padding-top: 50px; border-top: 1px solid var(--line); }
.editorial-copy p { margin-bottom: 25px; color: rgba(16,24,23,.69); font-family: var(--serif); font-size: 19px; line-height: 1.65; }
.editorial-copy .text-link { margin-top: 18px; }
.knowledge-grid { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0 6.6vw 130px; background: var(--paper); }
.knowledge-grid article { min-height: 270px; display: flex; flex-direction: column; padding: 23px 26px 26px 0; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.knowledge-grid article + article { padding-left: 26px; }
.knowledge-grid article:last-child { border-right: 0; }
.knowledge-grid span, .value-grid span { color: var(--mulberry); font-size: 10px; letter-spacing: .12em; }
.knowledge-grid h3 { margin-top: auto; font-family: var(--serif); font-size: 35px; font-weight: 400; }
.knowledge-grid p { margin-top: 13px; color: rgba(16,24,23,.6); font-size: 15px; line-height: 1.55; }
.cultural-statement { min-height: 720px; display: grid; grid-template-columns: 1fr 1fr; background: var(--forest); color: white; }
.cultural-statement figure { overflow: hidden; }
.cultural-statement figure img { height: 100%; object-fit: cover; opacity: .88; }
.cultural-statement > div { display: flex; flex-direction: column; justify-content: center; padding: 80px 7vw; }
.cultural-statement .overline { color: var(--gold); }
.cultural-statement blockquote { margin: 48px 0 30px; font-family: var(--serif); font-size: clamp(55px, 5.8vw, 90px); line-height: .86; letter-spacing: -.05em; }
.cultural-statement > div > p:not(.overline) { max-width: 560px; color: rgba(255,255,255,.69); font-family: var(--serif); font-size: 18px; line-height: 1.6; }
.cultural-statement .text-link { margin-top: 42px; }

.value-intro { padding-bottom: 90px; }
.value-grid { display: grid; grid-template-columns: 1fr 1fr; background: var(--bone); }
.value-grid article { min-height: 400px; display: flex; flex-direction: column; padding: 55px 6.6vw 48px; border-top: 1px solid var(--line); border-right: 1px solid var(--line); }
.value-grid article:nth-child(2n) { border-right: 0; }
.value-grid h3 { max-width: 580px; margin-top: auto; font-family: var(--serif); font-size: clamp(37px, 3.6vw, 57px); line-height: .94; font-weight: 400; letter-spacing: -.035em; }
.value-grid p { max-width: 550px; margin-top: 22px; color: rgba(16,24,23,.62); font-size: 16px; line-height: 1.6; }

.asset-section { padding: 130px 6.6vw 145px; background: var(--night); color: white; }
.asset-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 9vw; align-items: end; }
.asset-heading .overline { color: var(--gold); }
.asset-heading h2 { margin-top: 42px; font-family: var(--serif); font-size: clamp(63px, 7vw, 106px); line-height: .8; font-weight: 400; letter-spacing: -.06em; }
.asset-heading h2 em { color: #dec19d; font-weight: 400; }
.asset-heading > p { padding-top: 28px; border-top: 1px solid var(--line-light); color: rgba(255,255,255,.67); font-family: var(--serif); font-size: 18px; line-height: 1.6; }
.asset-tools { display: grid; grid-template-columns: 1fr 1fr; gap: 45px; margin: 78px 0 35px; padding: 18px 0; border-top: 1px solid var(--line-light); border-bottom: 1px solid var(--line-light); }
.filter-set { display: grid; grid-template-columns: 58px 1fr; align-items: center; gap: 12px; }
.filter-set > span { color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: .15em; }
.filter-set > div { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.filter { border: 0; background: transparent; color: rgba(255,255,255,.55); padding: 5px 0; cursor: pointer; font-size: 11px; }
.filter.is-active { color: white; border-bottom: 1px solid var(--gold); }
.asset-browser { display: grid; grid-template-columns: 1.18fr .82fr; gap: 6vw; }
.asset-results { display: flex; justify-content: space-between; padding: 10px 0; color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.asset-results button { border: 0; background: transparent; color: inherit; cursor: pointer; font-size: inherit; text-transform: uppercase; }
.asset-list { border-top: 1px solid var(--line-light); }
.asset-row { min-height: 104px; display: grid; grid-template-columns: 52px 1fr auto; gap: 12px; align-items: center; border-bottom: 1px solid var(--line-light); outline: 0; transition: padding .2s, background .2s; }
.asset-row:hover, .asset-row:focus, .asset-row.is-focused { padding-inline: 11px; background: rgba(255,255,255,.045); }
.asset-row > span { color: var(--gold); font-family: var(--serif); font-size: 12px; font-style: italic; }
.asset-row small { color: rgba(255,255,255,.47); font-size: 8px; letter-spacing: .13em; }
.asset-row h3 { margin: 4px 0; font-family: var(--serif); font-size: 23px; font-weight: 400; }
.asset-row p { color: rgba(255,255,255,.44); font-size: 8px; letter-spacing: .1em; }
.asset-row button { border: 1px solid var(--line-light); background: transparent; color: white; padding: 10px 12px; cursor: pointer; font-size: 9px; text-transform: uppercase; }
.asset-row.is-selected button { border-color: var(--mulberry); background: var(--mulberry); }
.empty-state { padding: 30px 0; color: rgba(255,255,255,.6); font-family: var(--serif); }
.asset-preview { position: sticky; top: 108px; align-self: start; }
.asset-preview > div { position: relative; overflow: hidden; background: var(--black); }
.asset-preview img { aspect-ratio: 1.1; object-fit: cover; transition: opacity .16s; }
.asset-preview > div span { position: absolute; right: 15px; bottom: 13px; left: 15px; color: rgba(255,255,255,.65); font-size: 8px; letter-spacing: .11em; }
.asset-preview figcaption { display: flex; justify-content: space-between; gap: 30px; padding-top: 17px; border-top: 1px solid var(--line-light); }
.asset-preview h3 { font-family: var(--serif); font-size: 22px; font-weight: 400; }
.asset-preview p { max-width: 230px; color: rgba(255,255,255,.52); font-size: 12px; line-height: 1.5; text-align: right; }

.faq-section { display: grid; grid-template-columns: .8fr 1.45fr; gap: 9vw; padding: 125px 6.6vw 150px; background: var(--paper); }
.faq-section header { position: sticky; top: 110px; align-self: start; }
.faq-section header h2 { margin: 32px 0 25px; font-family: var(--serif); font-size: clamp(48px, 5.5vw, 80px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.faq-section header > p:last-child { max-width: 300px; color: rgba(16,24,23,.62); font-family: var(--serif); font-size: 16px; line-height: 1.55; }
.faq-list { border-top: 1px solid var(--line); }
.faq-list details { border-bottom: 1px solid var(--line); }
.faq-list summary { display: flex; justify-content: space-between; gap: 25px; align-items: center; padding: 25px 0; cursor: pointer; list-style: none; font-family: var(--serif); font-size: 20px; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { width: 28px; height: 28px; flex: 0 0 auto; display: grid; place-items: center; color: var(--mulberry); font-family: var(--sans); font-size: 22px; transform: rotate(0); transition: transform .25s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 690px; margin: -2px 55px 27px 0; color: rgba(16,24,23,.64); font-size: 15px; line-height: 1.7; }

.runway-hero { position: relative; min-height: 100svh; display: block; overflow: hidden; padding-top: 76px; background: var(--black); color: white; }
.runway-hero figure { position: absolute; z-index: 1; inset: 76px 0 0 auto; width: 55.5%; overflow: hidden; }
.runway-hero figure::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, var(--black) 0%, rgba(5,6,6,.96) 8%, rgba(5,6,6,.68) 18%, rgba(5,6,6,.3) 32%, rgba(5,6,6,.1) 48%, transparent 65%),
    linear-gradient(180deg, rgba(5,6,6,.05) 48%, rgba(5,6,6,.58) 100%);
}
.runway-hero figure img { height: 100%; object-fit: cover; object-position: center 13%; filter: saturate(.9) contrast(1.03) brightness(1.05); }
.runway-hero figure figcaption { position: absolute; z-index: 2; right: 2.5vw; bottom: 22px; color: rgba(255,255,255,.58); font-size: 12px; letter-spacing: .11em; }
.runway-hero > div { position: relative; z-index: 2; width: 56%; min-height: calc(100svh - 76px); display: flex; flex-direction: column; justify-content: center; padding: 86px 4vw 64px 6.6vw; }
.runway-hero .overline { color: var(--gold); }
.runway-hero h1 { margin: 32px 0 30px; font-family: var(--serif); font-size: clamp(64px, 7vw, 104px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.runway-hero h1 em { color: #dec19d; font-weight: 400; }
.runway-hero > div > p:not(.overline) { max-width: 510px; color: rgba(255,255,255,.72); font-family: var(--serif); font-size: 18px; line-height: 1.6; }
.runway-chapters { width: fit-content; max-width: 100%; display: flex; align-items: center; margin-top: 44px; border-top: 1px solid rgba(255,255,255,.22); }
.runway-chapters a { display: inline-flex; gap: 9px; align-items: baseline; padding: 15px 27px 0 0; color: rgba(255,255,255,.68); font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; transition: color .25s; }
.runway-chapters a + a { padding-left: 22px; border-left: 1px solid rgba(255,255,255,.15); }
.runway-chapters a span { color: var(--gold); font-family: var(--serif); font-size: 11px; font-weight: 400; }
.runway-chapters a:hover, .runway-chapters a:focus-visible { color: white; }
.collection { padding: 105px 6.6vw 118px; background: var(--black); color: white; }
.collection, .celebrity-section { scroll-margin-top: 76px; }
.collection-light { border-top: 1px solid rgba(255,255,255,.1); background: #0a0d0d; color: white; }
.collection-heading { width: min(100%, 1210px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .48fr); gap: 10vw; align-items: end; margin: 0 auto 48px; }
.collection-heading .overline { color: var(--gold); }
.collection-light .collection-heading .overline { color: var(--gold); }
.collection-heading h2 { margin-top: 24px; font-family: var(--serif); font-size: clamp(44px, 4.8vw, 72px); line-height: 1.06; font-weight: 400; letter-spacing: -.03em; }
.collection-heading h2 em { color: #dec19d; font-weight: 400; }
.collection-light .collection-heading h2 em { color: #dec19d; }
.collection-heading > p { max-width: 430px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.22); color: rgba(255,255,255,.6); font-family: var(--serif); font-size: 16px; line-height: 1.58; }
.collection-light .collection-heading > p { color: rgba(255,255,255,.6); }
.collection-grid { width: min(100%, 1210px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; align-items: start; margin-inline: auto; }
.collection-grid figure { min-width: 0; }
.collection-grid figure img { aspect-ratio: 2 / 3; object-fit: cover; object-position: center top; }
.tam-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.collection-grid figcaption { min-height: 68px; padding-top: 13px; color: white; }
.collection-grid figcaption strong { display: block; font-family: var(--serif); font-size: 15px; line-height: 1.2; font-weight: 400; }
.collection-grid figcaption span { display: block; margin-top: 6px; color: rgba(255,255,255,.47); font-size: 11px; line-height: 1.4; }
.collection-light .collection-grid figcaption span { color: rgba(255,255,255,.47); }

[data-image-gallery] main img[role="button"] { cursor: zoom-in; }
[data-image-gallery] main img[role="button"]:focus-visible { outline: 1px solid var(--gold); outline-offset: 4px; }
.image-lightbox { width: min(94vw, 1180px); max-width: none; height: min(94vh, 920px); max-height: none; margin: auto; padding: 0; border: 0; overflow: visible; background: transparent; color: white; }
.image-lightbox::backdrop { background: rgba(2, 5, 5, .94); backdrop-filter: blur(8px); }
.image-lightbox figure { width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.image-lightbox img { width: auto; max-width: 100%; max-height: calc(94vh - 58px); object-fit: contain; box-shadow: 0 24px 80px rgba(0,0,0,.45); }
.image-lightbox figcaption { min-height: 18px; color: rgba(255,255,255,.65); font-size: 11px; line-height: 1.5; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.image-lightbox-close { position: absolute; z-index: 2; top: -2px; right: -44px; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.4); background: rgba(5,6,6,.72); color: white; cursor: pointer; font-size: 24px; line-height: 1; }
.image-lightbox-close:hover, .image-lightbox-close:focus-visible { border-color: var(--gold); color: var(--gold); }

.celebrity-section { padding: 108px 6.6vw 125px; background: var(--black); color: white; }
.celebrity-intro { width: min(100%, 1040px); display: grid; grid-template-columns: .4fr 1fr .72fr; gap: 4vw; align-items: end; margin: 0 auto 62px; }
.celebrity-intro .overline { align-self: start; color: var(--gold); }
.celebrity-intro h2 { font-family: var(--serif); font-size: clamp(48px, 5.2vw, 80px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.celebrity-intro h2 em { color: #dec19d; font-weight: 400; }
.celebrity-intro > p:last-child { color: rgba(255,255,255,.62); font-family: var(--serif); font-size: 16px; line-height: 1.58; }
.celebrity-grid { width: min(100%, 1180px); display: grid; grid-template-columns: 1fr; gap: 70px; margin-inline: auto; }
.celebrity-card,
.celebrity-card.wide { width: 100%; display: grid; grid-template-columns: 22fr 58fr 20fr; gap: clamp(18px, 2vw, 30px); align-items: end; padding-top: 46px; border-top: 1px solid rgba(255,255,255,.2); margin-left: 0; }
.celebrity-card > div,
.celebrity-card.wide > div { grid-column: 1; min-height: 0; align-self: end; padding: 0 0 18px; border-bottom: 1px solid rgba(255,255,255,.2); }
.celebrity-card > div span { color: var(--gold); font-size: 8px; letter-spacing: .12em; }
.celebrity-card h3 { margin: 18px 0 8px; font-family: var(--serif); font-size: clamp(28px, 2.6vw, 39px); line-height: .96; font-weight: 400; }
.celebrity-card > div p { color: rgba(255,255,255,.52); font-size: 12px; }
.celebrity-card > figure:not(.reference),
.celebrity-card.wide > figure:not(.reference) { grid-column: 2; }
.celebrity-card .reference,
.celebrity-card.wide .reference { grid-column: 3; }
.celebrity-card figure img,
.celebrity-card.wide > figure:not(.reference) img,
.celebrity-card .reference img { width: 100%; height: clamp(340px, 40vw, 560px); aspect-ratio: auto; object-fit: contain; object-position: center bottom; background: var(--black); }
.celebrity-card figcaption { padding-top: 10px; color: rgba(255,255,255,.46); font-size: 8px; letter-spacing: .1em; }

.next-story { padding: 85px 6.6vw 100px; background: var(--forest); color: white; }
.next-story .overline { color: var(--gold); }
.next-story a { display: grid; grid-template-columns: 1fr auto; align-items: end; margin-top: 40px; padding-top: 30px; border-top: 1px solid var(--line-light); }
.next-story a span { grid-column: 1 / -1; margin-bottom: 13px; color: rgba(255,255,255,.55); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.next-story a strong { font-family: var(--serif); font-size: clamp(42px, 6vw, 88px); line-height: 1.05; font-weight: 400; }
.next-story a i { font-size: 35px; font-style: normal; font-weight: 300; }
.light-next { background: var(--paper); color: var(--ink); }
.light-next .overline { color: var(--mulberry); }
.light-next a { border-color: var(--line); }
.light-next a span { color: rgba(16,24,23,.55); }

.collaboration-hero { min-height: 87svh; display: grid; grid-template-columns: 1.35fr .65fr; gap: 9vw; align-items: end; padding: 170px 6.6vw 110px; background: var(--paper); }
.collaboration-hero .overline { color: var(--mulberry); }
.collaboration-hero h1 { margin-top: 32px; font-family: var(--serif); font-size: clamp(60px, 7vw, 104px); line-height: 1.02; font-weight: 400; letter-spacing: -.04em; }
.collaboration-hero h1 em { color: var(--mulberry); font-weight: 400; }
.collaboration-hero > p { padding-top: 28px; border-top: 1px solid var(--line); color: rgba(16,24,23,.67); font-family: var(--serif); font-size: 19px; line-height: 1.65; }
.case-study { padding: 130px 6.6vw 145px; }
.case-uniqlo { background: var(--night); color: white; }
.case-exhibition { background: var(--bone); }
.case-heading { display: grid; grid-template-columns: .25fr 1fr .55fr; gap: 4vw; align-items: end; margin-bottom: 70px; }
.case-heading > span { align-self: start; color: var(--gold); font-size: 10px; font-weight: 700; letter-spacing: .13em; }
.case-exhibition .case-heading > span { color: var(--mulberry); }
.case-heading h2 { font-family: var(--serif); font-size: clamp(48px, 5.7vw, 88px); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.case-heading h2 em { color: #dec19d; font-weight: 400; }
.case-exhibition .case-heading h2 em { color: var(--mulberry); }
.case-heading > p { padding-top: 24px; border-top: 1px solid currentColor; color: rgba(255,255,255,.64); font-family: var(--serif); font-size: 17px; line-height: 1.6; }
.case-exhibition .case-heading > p { color: rgba(16,24,23,.64); }
.case-visual { position: relative; overflow: hidden; }
.case-visual img { max-height: 760px; aspect-ratio: 16 / 9; object-fit: cover; }
.case-visual span { position: absolute; right: 18px; bottom: 16px; padding: 8px 10px; background: rgba(5,6,6,.72); color: white; font-size: 9px; letter-spacing: .13em; }
.venue-context { display: grid; grid-template-columns: 53.65fr 46.35fr; align-items: start; gap: clamp(18px, 2vw, 30px); margin-top: 28px; }
.venue-context figure { border-top: 1px solid currentColor; }
.venue-context img { display: block; width: 100%; object-fit: cover; }
.venue-context figure:first-child img { aspect-ratio: 16 / 9; }
.venue-context figure:last-child img { aspect-ratio: 581 / 378; }
.venue-context figcaption { display: flex; justify-content: space-between; gap: 20px; padding-top: 12px; color: rgba(16,24,23,.6); font-size: 9px; line-height: 1.45; letter-spacing: .08em; }
.venue-context figcaption b { color: var(--mulberry); font-size: 9px; letter-spacing: .12em; }
.venue-context figcaption span { text-align: right; }
.case-evidence-grid { display: grid; grid-template-columns: minmax(300px, .65fr) minmax(0, 1fr); gap: 18px; align-items: stretch; }
.case-evidence { position: relative; min-height: 680px; overflow: hidden; background: var(--black); }
.case-evidence img { height: 100%; object-fit: cover; transition: transform .7s ease; }
.case-evidence-retail img { object-position: center top; }
.case-evidence-activation img { object-position: center; }
.case-evidence:hover img { transform: scale(1.018); }
.case-evidence figcaption { position: absolute; right: 14px; bottom: 14px; left: 14px; display: flex; justify-content: space-between; gap: 24px; align-items: baseline; padding: 12px 14px; background: rgba(5,6,6,.78); backdrop-filter: blur(8px); color: white; }
.case-evidence figcaption b { color: var(--gold); font-size: 9px; letter-spacing: .13em; }
.case-evidence figcaption span { color: rgba(255,255,255,.72); font-family: var(--serif); font-size: 13px; text-align: right; }
.case-scope { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 24px; border-top: 1px solid currentColor; }
.case-scope div { min-height: 118px; padding: 20px 24px 10px 0; border-right: 1px solid currentColor; }
.case-scope div + div { padding-left: 24px; }
.case-scope div:last-child { border-right: 0; }
.case-scope dt { color: var(--gold); font-size: 9px; font-weight: 700; letter-spacing: .13em; }
.case-exhibition .case-scope dt { color: var(--mulberry); }
.case-scope dd { margin-top: 14px; color: rgba(255,255,255,.64); font-family: var(--serif); font-size: 16px; line-height: 1.5; }
.case-exhibition .case-scope dd { color: rgba(16,24,23,.65); }
.collaboration-range { display: grid; grid-template-columns: 1.1fr 1fr 1fr 1fr; gap: 0; padding: 125px 6.6vw 140px; background: var(--paper); }
.collaboration-range header { padding-right: 5vw; }
.collaboration-range h2 { margin-top: 40px; font-family: var(--serif); font-size: clamp(53px, 5vw, 78px); line-height: .86; font-weight: 400; letter-spacing: -.05em; }
.collaboration-range h2 em { color: var(--mulberry); font-weight: 400; }
.collaboration-range > div { min-height: 330px; display: flex; flex-direction: column; padding: 22px 28px; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.collaboration-range > div span { color: var(--mulberry); font-size: 10px; }
.collaboration-range h3 { margin-top: auto; font-family: var(--serif); font-size: 29px; font-weight: 400; }
.collaboration-range > div p { margin-top: 15px; color: rgba(16,24,23,.6); font-size: 15px; line-height: 1.55; }

.closing { position: relative; overflow: hidden; padding: 125px 6.6vw 34px; background: var(--mulberry); color: white; text-align: center; }
.closing::before { content: ""; position: absolute; width: 48vw; height: 48vw; top: -35vw; left: 26vw; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; }
.closing > p { position: relative; margin-bottom: 38px; color: rgba(255,255,255,.65); font-size: 9px; letter-spacing: .15em; }
.closing > button { position: relative; border: 0; border-bottom: 1px solid rgba(255,255,255,.45); background: transparent; color: white; padding: 0 0 16px; cursor: pointer; font-family: var(--serif); font-size: clamp(48px, 7vw, 108px); font-weight: 400; }
.closing > button span { margin-left: .2em; font-family: var(--sans); font-size: .42em; }
.closing > div { position: relative; display: flex; justify-content: space-between; margin-top: 105px; padding-top: 17px; border-top: 1px solid rgba(255,255,255,.2); color: rgba(255,255,255,.58); font-size: 8px; letter-spacing: .12em; }

.brief-bar { position: fixed; z-index: 45; right: 22px; bottom: 22px; width: min(390px, calc(100% - 44px)); display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 13px 14px 13px 16px; background: white; color: var(--ink); box-shadow: 0 16px 55px rgba(0,0,0,.25); }
.brief-bar > span { font-family: var(--serif); font-size: 15px; }
.brief-bar > span b { width: 24px; height: 24px; display: inline-grid; place-items: center; margin-right: 8px; background: var(--mulberry); color: white; font-family: var(--sans); font-size: 10px; }
.brief-bar button { border: 0; background: var(--ink); color: white; padding: 11px 13px; cursor: pointer; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }

.inquiry { width: min(940px, 100%); max-width: none; height: min(800px, 100%); max-height: none; margin: auto; border: 0; padding: 0; background: var(--paper); color: var(--ink); }
.inquiry::backdrop { background: rgba(3,10,9,.9); backdrop-filter: blur(6px); }
.inquiry form { min-height: 100%; display: flex; flex-direction: column; padding: 44px clamp(24px, 7vw, 78px) 32px; }
.dialog-close { position: absolute; top: 17px; right: 20px; width: 38px; height: 38px; border: 1px solid var(--line); background: transparent; cursor: pointer; font-size: 23px; }
.form-progress { display: flex; align-items: center; gap: 16px; margin-bottom: 40px; font-size: 9px; letter-spacing: .13em; }
.form-progress i { flex: 1; height: 1px; background: var(--line); }
.form-progress b { display: block; width: 33.333%; height: 1px; background: var(--purple); transition: width .3s; }
.form-step { display: none; }
.form-step.is-active { display: block; animation: step-in .35s ease-out; }
.form-step h2 { margin: 14px 0; font-family: var(--serif); font-size: clamp(42px, 5.7vw, 66px); line-height: .98; font-weight: 400; letter-spacing: -.045em; }
.form-step > p:not(.overline) { max-width: 630px; margin-bottom: 27px; color: rgba(16,24,23,.64); font-family: var(--serif); font-size: 16px; line-height: 1.5; }
.option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.option-grid label { cursor: pointer; }
.option-grid input { position: absolute; opacity: 0; }
.option-grid label > span { min-height: 84px; display: flex; flex-direction: column; justify-content: center; border: 1px solid var(--line); padding: 15px 18px; font-family: var(--serif); font-size: 19px; }
.option-grid label small { margin-top: 6px; color: rgba(16,24,23,.55); font-family: var(--sans); font-size: 11px; }
.option-grid input:checked + span { border-color: var(--mulberry); box-shadow: inset 0 0 0 1px var(--mulberry); }
.selected-assets { min-height: 42px; display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 20px; }
.selected-assets span { padding: 8px 11px; background: var(--forest); color: white; font-size: 10px; }
.selected-assets em { color: rgba(16,24,23,.52); font-family: var(--serif); }
.field-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px 20px; }
.field-grid label.full { grid-column: 1 / 3; }
.field-grid label > span { display: block; margin-bottom: 7px; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.field-grid input, .field-grid select, .field-grid textarea { width: 100%; border: 1px solid var(--line); border-radius: 0; background: transparent; color: var(--ink); padding: 12px; outline: 0; font-size: 16px; }
.field-grid input:focus, .field-grid select:focus, .field-grid textarea:focus { border-color: var(--purple); box-shadow: 0 0 0 1px var(--purple); }
.consent { display: flex; gap: 10px; align-items: start; margin-top: 17px; color: rgba(16,24,23,.65); font-size: 12px; }
.consent input { accent-color: var(--mulberry); }
.form-controls { margin-top: auto; padding-top: 28px; display: flex; justify-content: space-between; }
.back-button { border: 0; border-bottom: 1px solid; background: transparent; padding: 7px 0; cursor: pointer; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.button-next { margin-left: auto; border: 0; background: var(--mulberry); color: white; padding: 15px 18px; cursor: pointer; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.button-next span { margin-left: 25px; font-size: 14px; }
.form-success { text-align: center; }
.form-success > p { margin-inline: auto; }
.form-success textarea { width: 100%; min-height: 210px; border: 1px solid var(--line); background: white; padding: 14px; font-family: monospace; font-size: 11px; text-align: left; resize: none; }
.form-success .text-link { margin: 13px auto 0; background: transparent; cursor: pointer; }
@keyframes step-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

@media (max-width: 1120px) {
  .site-header nav { display: none; position: absolute; inset: 76px 0 auto; max-height: calc(100vh - 76px); overflow-y: auto; flex-direction: column; align-items: stretch; gap: 0; padding: 20px 3.2vw 24px; background: #06181e; }
  .site-header nav.is-open { display: flex; }
  .site-header nav > a { padding: 15px 0; border-bottom: 1px solid rgba(255,255,255,.14); font-size: 11px; }
  .site-header nav > a::after { display: none; }
  .nav-cta { margin-top: 19px; }
  .menu-button { display: block; }
  .proof-strip { grid-template-columns: 1fr; gap: 18px; padding-block: 24px; }
  .proof-strip a { padding-inline: 15px; font-size: 13px; }
  .home-about { grid-template-columns: 16% 50% 34%; }
  .collection-heading { gap: 6vw; }
  .collection-grid, .tam-grid { max-width: 760px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 46px 16px; }
}

@media (max-width: 760px) {
  .site-header { height: 66px; padding: 0 20px; }
  .wordmark small { display: none; }
  .site-header nav { inset: 66px 0 auto; padding: 17px 20px 22px; }
  .overline { font-size: 10px; }

  .hero { min-height: 100svh; }
  .hero::after { background: linear-gradient(90deg, rgba(5,6,6,.98) 0, rgba(5,6,6,.88) 57%, rgba(5,6,6,.45) 100%), linear-gradient(0deg, rgba(5,6,6,.93), transparent 58%); }
  .hero-copy { width: 100%; min-height: 100svh; padding: 105px 22px 44px 28px; }
  .hero-memory { font-size: clamp(48px, 14vw, 68px); line-height: .94; }
  .hero-now { margin-top: 23px; font-size: clamp(26px, 9.5vw, 52px); line-height: .92; }
  .hero-intro { width: 100%; margin-top: 28px; font-size: 16px; }
  .hero-actions { flex-direction: column; align-items: stretch; gap: 16px; margin-top: 29px; }
  .button-primary, .text-link { width: 100%; }
  .hero-image { top: 66px; width: 100%; opacity: .78; }
  .hero-image img { object-fit: cover; object-position: 54% center; }
  .hero-image figcaption, .binary-rail { display: none; }

  .proof-strip { display: block; padding: 28px 22px 30px 28px; }
  .proof-strip > span { display: block; margin-bottom: 20px; }
  .proof-strip > div { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; }
  .proof-strip a { min-height: 40px; padding: 0 0 0 13px; border-left: 1px solid rgba(255,255,255,.2); font-size: 12px; white-space: normal; }
  .proof-strip a:nth-child(odd) { padding-left: 0; border-left: 0; }
  .proof-strip a span { opacity: .65; transform: none; }
  .proof-strip a:last-child { grid-column: 1 / -1; justify-content: flex-end; }

  .home-about { min-height: 0; display: block; padding: 92px 22px 100px 28px; }
  .home-about h2 { margin: 35px 0 55px; font-size: 53px; }
  .home-about-copy { margin-left: 14%; padding-left: 20px; }
  .home-about-copy p { font-size: 16px; }
  .home-pillars { display: block; }
  .pillar { min-height: 560px; padding: 43px 22px 46px 28px; }
  .pillar-lijin { border-top: 1px solid var(--line-light); border-left: 0; }
  .pillar h2 { margin-top: 100px; font-size: 47px; }
  .pillar p { font-size: 16px; }

  .home-runway, .home-collaborations { display: block; min-height: 0; padding: 84px 22px 95px 28px; }
  .section-intro { padding-right: 0; margin-bottom: 55px; }
  .section-intro h2 { margin: 28px 0 24px; font-size: clamp(42px, 11vw, 56px); }
  .runway-cards, .collaboration-cards { grid-template-columns: 1fr 1fr; gap: 11px; align-items: start; }
  .image-card img, .image-card-tall img { aspect-ratio: 3 / 4.2; }
  .image-card > span { display: block; min-height: 84px; }
  .image-card strong { display: block; margin-top: 8px; font-size: 15px; }
  .image-card i { display: none; }
  .case-card.offset { margin-top: 74px; }
  .case-card img { aspect-ratio: 3 / 4; }
  .case-card strong { font-size: 18px; }

  .page-hero { min-height: 100svh; display: block; position: relative; padding-top: 66px; }
  .page-hero-copy { position: relative; z-index: 3; min-height: 100svh; padding: 105px 22px 55px 28px; }
  .page-hero-copy h1 { font-size: 59px; }
  .page-hero-copy > p:last-child { margin-top: 32px; font-size: 16px; }
  .page-hero-image { position: absolute; inset: 66px 0 0; opacity: .45; }
  .page-hero-image::after { background: linear-gradient(90deg, rgba(7,31,39,.94), rgba(7,31,39,.56)), linear-gradient(0deg, rgba(7,31,39,.9), transparent); }
  .page-hero-textile .page-hero-copy { width: 100%; min-height: calc(100svh - 66px); }
  .page-hero-textile .page-hero-image { inset: 66px 0 0; opacity: 1; }
  .page-hero-textile .page-hero-image::after {
    background:
      linear-gradient(90deg, rgba(7,31,39,.96) 0%, rgba(7,31,39,.8) 58%, rgba(7,31,39,.54) 100%),
      linear-gradient(0deg, rgba(7,31,39,.82), transparent 58%);
  }
  .page-hero-textile .page-hero-space img { object-position: 50% center; }
  .page-hero-lijin .page-hero-image { opacity: .18; }
  .page-hero-lijin .page-hero-image::after { background: linear-gradient(90deg, var(--paper), rgba(238,233,223,.52)); }
  .page-hero-image figcaption { display: none; }
  .editorial-split { display: block; padding: 95px 22px 100px 28px; }
  .editorial-split h2 { margin: 28px 0 32px; font-size: clamp(42px, 11vw, 56px); }
  .editorial-copy { padding-top: 30px; }
  .editorial-copy p { font-size: 17px; }
  .knowledge-grid { grid-template-columns: 1fr 1fr; padding: 0 22px 100px 28px; }
  .knowledge-grid article { min-height: 245px; padding: 20px 14px 22px 0; border-bottom: 1px solid var(--line); }
  .knowledge-grid article + article { padding-left: 14px; }
  .knowledge-grid article:nth-child(2n) { border-right: 0; }
  .knowledge-grid h3 { font-size: 29px; }
  .cultural-statement { min-height: 0; display: block; }
  .cultural-statement figure { height: 60vh; }
  .cultural-statement > div { padding: 85px 22px 95px 28px; }
  .cultural-statement blockquote { margin: 35px 0 27px; font-size: 55px; }

  .value-intro { padding-bottom: 78px; }
  .value-grid { display: block; }
  .value-grid article { min-height: 330px; padding: 40px 22px 38px 28px; border-right: 0; }
  .value-grid h3 { font-size: 41px; }
  .asset-section { padding: 95px 22px 105px 28px; }
  .asset-heading { display: block; }
  .asset-heading h2 { margin: 34px 0; font-size: 60px; }
  .asset-heading > p { font-size: 16px; }
  .asset-tools { display: block; margin: 55px 0 30px; }
  .filter-set { display: block; margin: 10px 0 20px; }
  .filter-set > span { display: block; margin-bottom: 11px; }
  .asset-browser { display: flex; flex-direction: column-reverse; gap: 34px; }
  .asset-preview { position: static; }
  .asset-preview figcaption { display: block; }
  .asset-preview p { margin-top: 7px; text-align: left; }
  .asset-row { grid-template-columns: 38px 1fr auto; min-height: 104px; }
  .asset-row h3 { font-size: 19px; }
  .asset-row button { padding: 9px; }

  .faq-section { display: block; padding: 92px 22px 105px 28px; }
  .faq-section header { position: static; margin-bottom: 55px; }
  .faq-section header h2 { margin: 28px 0 24px; font-size: clamp(44px, 11vw, 58px); }
  .faq-list summary { font-size: 18px; }

  .runway-hero { min-height: 100svh; display: block; position: relative; padding-top: 66px; }
  .runway-hero figure { position: absolute; inset: 66px 0 0; width: 100%; opacity: .58; }
  .runway-hero figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(5,6,6,.97), rgba(5,6,6,.12) 75%), linear-gradient(90deg, rgba(5,6,6,.6), transparent); }
  .runway-hero figure figcaption { display: none; }
  .runway-hero > div { position: relative; z-index: 2; width: 100%; min-height: calc(100svh - 66px); justify-content: flex-end; padding: 90px 22px 60px 28px; }
  .runway-hero h1 { margin: 34px 0 27px; font-size: 61px; }
  .runway-hero > div > p:not(.overline) { font-size: 16px; }
  .runway-chapters { width: 100%; margin-top: 32px; }
  .runway-chapters a { flex: 1 1 0; flex-direction: column; gap: 6px; padding: 13px 8px 0 0; font-size: 10px; line-height: 1.35; letter-spacing: .035em; }
  .runway-chapters a + a { padding-left: 10px; }
  .collection, .celebrity-section { padding: 92px 22px 105px 28px; }
  .collection, .celebrity-section { scroll-margin-top: 66px; }
  .collection-heading { display: block; margin-bottom: 55px; }
  .collection-heading h2 { margin: 26px 0 28px; font-size: clamp(40px, 10.5vw, 54px); }
  .collection-heading > p { font-size: 16px; }
  .collection-grid, .tam-grid { max-width: none; grid-template-columns: 1fr 1fr; gap: 32px 10px; align-items: start; }
  .collection-grid figcaption { display: block; min-height: 76px; padding: 11px 0 0; }
  .collection-grid figcaption strong, .collection-grid figcaption span { display: block; text-align: left; }
  .collection-grid figcaption strong { font-size: 14px; }
  .collection-grid figcaption span { max-width: none; margin-top: 5px; font-size: 10px; }
  .image-lightbox { width: calc(100vw - 24px); height: calc(100svh - 24px); }
  .image-lightbox img { max-height: calc(100svh - 78px); }
  .image-lightbox-close { top: 2px; right: 2px; background: rgba(5,6,6,.82); }
  .celebrity-intro { display: block; margin-bottom: 60px; }
  .celebrity-intro h2 { margin: 28px 0; font-size: clamp(42px, 11vw, 56px); }
  .celebrity-intro > p:last-child { font-size: 16px; }
  .celebrity-grid { display: block; }
  .celebrity-card, .celebrity-card.wide { width: 100%; grid-template-columns: 1fr 30%; margin: 0 0 85px; }
  .celebrity-grid .celebrity-card:nth-child(2) { margin-left: 0; }
  .celebrity-card > div, .celebrity-card.wide > div { grid-column: 1 / -1; min-height: 0; margin-bottom: 10px; }
  .celebrity-card h3 { font-size: 38px; }
  .celebrity-card > figure:not(.reference), .celebrity-card.wide > figure:not(.reference) { grid-column: 1; }
  .celebrity-card .reference, .celebrity-card.wide .reference { grid-column: 2; align-self: end; }
  .celebrity-card figure img, .celebrity-card.wide > figure:not(.reference) img, .celebrity-card .reference img { height: auto; }

  .next-story { padding: 75px 22px 82px 28px; }
  .next-story a strong { font-size: clamp(34px, 9.5vw, 46px); }
  .collaboration-hero { min-height: 90svh; display: block; padding: 145px 22px 85px 28px; }
  .collaboration-hero h1 { font-size: clamp(42px, 11vw, 58px); }
  .collaboration-hero > p { margin-top: 55px; font-size: 17px; }
  .case-study { padding: 92px 22px 105px 28px; }
  .case-heading { display: block; margin-bottom: 50px; }
  .case-heading h2 { margin: 28px 0; font-size: clamp(42px, 11vw, 56px); }
  .case-heading > p { font-size: 16px; }
  .case-visual img { aspect-ratio: 4 / 3; }
  .venue-context { grid-template-columns: 1fr; gap: 30px; margin-top: 24px; }
  .venue-context figcaption { display: block; }
  .venue-context figcaption span { display: block; margin-top: 6px; text-align: left; }
  .case-evidence-grid { grid-template-columns: 1fr; gap: 12px; }
  .case-evidence { min-height: 0; }
  .case-evidence-retail img { height: auto; aspect-ratio: 3 / 4; object-fit: cover; }
  .case-evidence-activation img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
  .case-evidence figcaption { right: 9px; bottom: 9px; left: 9px; display: block; }
  .case-evidence figcaption span { display: block; margin-top: 6px; text-align: left; }
  .case-scope { display: block; }
  .case-scope div, .case-scope div + div { min-height: 0; padding: 20px 0; border-right: 0; border-bottom: 1px solid currentColor; }
  .collaboration-range { display: block; padding: 92px 22px 105px 28px; }
  .collaboration-range header { margin-bottom: 55px; }
  .collaboration-range h2 { font-size: 55px; }
  .collaboration-range > div { min-height: 260px; padding: 20px 0; border-left: 0; }

  .closing { padding: 95px 22px 28px 28px; }
  .closing > button { font-size: 47px; line-height: .95; }
  .closing > div { display: block; margin-top: 85px; line-height: 1.8; }
  .closing > div > * { display: block; }
  .brief-bar { right: 12px; bottom: 12px; width: calc(100% - 24px); }
  .inquiry { width: 100%; height: 100%; }
  .inquiry form { padding: 34px 20px 23px; overflow-y: auto; }
  .form-progress { margin-bottom: 30px; }
  .form-step h2 { font-size: 41px; }
  .option-grid, .field-grid { grid-template-columns: 1fr; }
  .option-grid label > span { min-height: 72px; }
  .field-grid label.full { grid-column: 1; }
  .form-controls { padding-top: 24px; }
}

/* Quiet luxury pass — clearer hierarchy, restrained colour and more breathing room. */
@media (min-width: 761px) {
  .site-header {
    height: 72px;
    padding-inline: 3.4vw;
    border-bottom-color: rgba(255,255,255,.09);
    background: rgba(3,10,13,.88);
    backdrop-filter: blur(18px);
  }
  .site-header.is-scrolled { background: rgba(3,10,13,.96); }
  .site-header nav { gap: clamp(11px,1.05vw,18px); }
  .site-header nav > a { font-size: 9px; font-weight: 600; letter-spacing: .115em; }
  .nav-cta {
    padding: 10px 12px;
    border-color: rgba(255,255,255,.4);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .11em;
  }
  .language-switch { font-size: 10px; }

  .hero-copy {
    width: 56%;
    justify-content: center;
    padding: 122px 4vw 62px 7.2vw;
  }
  .hero-copy .overline {
    margin-bottom: 34px;
    color: rgba(222,193,157,.78);
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .2em;
  }
  .hero-memory { font-size: clamp(58px,6.45vw,96px); line-height:.97; }
  .hero-now {
    margin-top: 22px;
    font-size: clamp(43px,5vw,72px);
    line-height:.96;
    font-weight:500;
    letter-spacing:-.035em;
    color:#cdb28f;
  }
  .hero-intro {
    width:min(540px,90%);
    margin-top:30px;
    padding-left:16px;
    border-left-color:rgba(196,161,108,.48);
    color:rgba(251,247,239,.68);
    font-size:clamp(15px,1.05vw,17px);
    line-height:1.62;
  }
  .hero-actions { gap:30px; margin-top:30px; }
  .hero-actions .button-primary {
    min-width:194px;
    padding:15px 17px;
    background:#792242;
    font-size:9px;
    letter-spacing:.115em;
  }
  .hero-actions .text-link {
    min-width:0;
    padding:11px 0 8px;
    border-bottom-color:rgba(255,255,255,.3);
    color:rgba(255,255,255,.64);
    font-size:9px;
    letter-spacing:.115em;
  }
  .hero::after {
    background:linear-gradient(90deg,var(--black) 0 45%,rgba(5,6,6,.97) 50%,rgba(5,6,6,.82) 59%,rgba(5,6,6,.44) 72%,rgba(5,6,6,.12) 100%);
  }
  .hero-image { top:72px; width:52%; }
  .hero-image img {
    object-position:56% center;
    filter:saturate(.67) contrast(1.06) brightness(.78);
    transform:scale(1.035);
  }
  .hero-image figcaption { color:rgba(255,255,255,.38); }

  .proof-strip {
    min-height:70px;
    grid-template-columns:180px 1fr;
    padding-block:13px;
    background:#0a2229;
    border-top:1px solid rgba(196,161,108,.22);
  }
  .proof-strip > span { color:rgba(222,193,157,.7); font-size:8px; }
  .proof-strip a {
    min-height:30px;
    color:rgba(255,255,255,.72);
    border-left-color:rgba(255,255,255,.12);
    font-size:clamp(11px,.95vw,14px);
  }
  .proof-strip a:last-child { color:rgba(255,255,255,.4); font-size:9px; }

  .home-about {
    grid-template-columns:16% 51% 33%;
    padding-top:86px;
    padding-bottom:82px;
  }
  .home-about h2 { font-size:clamp(50px,5.35vw,78px); line-height:1.04; }
  .home-about-copy { padding-top:24px; }
  .home-about-copy p { margin-top:22px; font-size:16px; line-height:1.65; }
  .pillar { min-height:550px; padding-top:50px; padding-bottom:50px; }
  .pillar::before { opacity:.17; filter:saturate(.55) contrast(.96); }
  .pillar:hover::before { opacity:.25; }
  .pillar h2 { font-size:clamp(44px,4.2vw,64px); line-height:1; }
}

@media (max-width:760px) {
  .hero-copy { padding-top:112px; padding-bottom:48px; }
  .hero-copy .overline { margin-bottom:25px; font-size:9px; color:rgba(222,193,157,.78); }
  .hero-memory { font-size:clamp(44px,12.5vw,60px); line-height:.98; }
  .hero-now { margin-top:18px; font-size:clamp(31px,9vw,44px); font-weight:500; }
  .hero-intro { margin-top:26px; padding-left:15px; color:rgba(251,247,239,.7); font-size:15px; line-height:1.65; }
  .hero-actions { gap:11px; margin-top:25px; }
  .hero-actions .button-primary { min-width:0; padding:15px 16px; background:#792242; }
  .hero-actions .text-link { min-width:0; color:rgba(255,255,255,.62); }
  .hero-image img { filter:saturate(.62) contrast(1.04) brightness(.7); }
  .proof-strip { background:#0a2229; }
  .proof-strip > span { color:rgba(222,193,157,.72); }
  .home-about { padding-top:78px; padding-bottom:84px; }
  .home-about h2 { font-size:clamp(40px,10.5vw,50px); line-height:1.08; }
  .home-about-copy { border-left-color:rgba(196,161,108,.42); }
  .pillar { min-height:520px; }
  .pillar::before { opacity:.18; filter:saturate(.55); }
}

/* Why Lijin Elements — restrained editorial system. */
@media (min-width: 761px) {
  .why-lijin-page .page-hero-lijin {
    grid-template-columns: 46% 54%;
    min-height: 88svh;
    padding-top: 72px;
  }
  .why-lijin-page .page-hero-copy {
    padding: 92px 4.8vw 78px 6.6vw;
  }
  .why-lijin-page .page-hero-copy .overline { margin-bottom: 34px; }
  .why-lijin-page .page-hero-copy h1 {
    max-width: 8.6em;
    font-size: clamp(54px, 5.45vw, 82px);
    line-height: 1.01;
  }
  .why-lijin-page .page-hero-copy > p:last-child {
    max-width: 31em;
    margin-top: 30px;
    padding-left: 16px;
    font-size: 16px;
  }
  .why-lijin-page .page-hero-image img {
    filter: saturate(.58) contrast(1.03) brightness(.93);
    transform: scale(1.02);
  }
  .why-lijin-page .page-hero-image::after {
    background: linear-gradient(90deg, var(--paper) 0%, rgba(238,233,223,.72) 13%, transparent 42%);
  }
}

.why-lijin-page .value-intro {
  padding-top: 104px;
  padding-bottom: 88px;
  row-gap: 64px;
}
.why-lijin-page .value-intro h2 { font-size: clamp(44px,4.4vw,66px); }
.why-lijin-page .editorial-copy { max-width: 610px; }
.why-lijin-page .editorial-copy p { font-size: 17px; line-height: 1.7; }
.why-lijin-page .translation-study > figcaption { color: rgba(16,24,23,.62); }
.why-lijin-page .translation-study-grid { gap: clamp(18px,2.1vw,34px); }
.why-lijin-page .translation-study-image img { filter: saturate(.7) contrast(1.02); }
.why-lijin-page .translation-study-image.study-working img { filter: grayscale(.18) brightness(2.8) contrast(1.06); }

@media (min-width: 901px) {
  .why-lijin-page .partnership-method { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0 6.6vw 104px; gap: 0; }
  .why-lijin-page .partnership-method article {
    min-height: 300px;
    padding: 30px clamp(20px,2.2vw,36px) 30px 0;
    border-right: 0;
    border-top-color: var(--line);
  }
  .why-lijin-page .partnership-method article + article { padding-left: clamp(20px,2.2vw,36px); }
  .why-lijin-page .partnership-method h3 {
    min-height: 2.35em;
    margin-top: auto;
    font-size: clamp(25px,2.2vw,34px);
    line-height: 1.13;
  }
  .why-lijin-page .partnership-method p { font-size: 14px; line-height: 1.65; }
}

.why-lijin-page .translation-proof { padding-top: 112px; padding-bottom: 118px; background: #f6f3ec; }
.why-lijin-page .translation-proof > header { max-width: 680px; margin-bottom: 72px; }
.why-lijin-page .translation-proof > header h2 { font-size: clamp(42px,4.4vw,64px); }
.why-lijin-page .translation-proof > header > p:last-child { max-width: 52ch; color: rgba(16,24,23,.64); }
.why-lijin-page .partnership-evidence { gap: 112px; }
.why-lijin-page .evidence-case { padding-top: 28px; }
.why-lijin-page .evidence-case img { filter: saturate(.76) contrast(1.02); }
.why-lijin-page .evidence-case h3 { font-weight: 400; letter-spacing: -.02em; }
.why-lijin-page .partnership-proof .case-response dd { color: rgba(16,24,23,.72); }

.why-lijin-page .cross-border-directions { padding-top: 90px; padding-bottom: 96px; background: var(--paper); }
.why-lijin-page .cross-border-directions header { max-width: 730px; }
.why-lijin-page .cross-border-grid { margin-top: 54px; gap: 8vw; }

.why-lijin-page .partnership-directions { padding-top: 112px; padding-bottom: 126px; }
.why-lijin-page .partnership-directions .asset-heading { align-items: start; }
.why-lijin-page .partnership-directions .module-intro p { font-size: 16px; color: rgba(255,255,255,.66); }
.why-lijin-page .partnership-directions .asset-browser { margin-top: 62px; }
.why-lijin-page .text-only-directions .asset-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px 6vw; }
.why-lijin-page .text-only-directions .asset-row { padding: 28px 0 34px; }
.why-lijin-page .text-only-directions .asset-row h3 { font-size: clamp(23px,2vw,30px); }
.why-lijin-page .text-only-directions .asset-row p { max-width: 54ch; font-size: 13px; line-height: 1.65; letter-spacing: 0; }
.why-lijin-page .text-only-directions .asset-row p + p { margin-top: 10px; color: rgba(255,255,255,.62); }
.why-lijin-page .text-only-directions .asset-row button { opacity: .72; }

.why-lijin-page .faq-section { padding-top: 112px; padding-bottom: 132px; }
.why-lijin-page .faq-section header h2 { font-size: clamp(44px,4.7vw,68px); }
.why-lijin-page .faq-section header > p:last-child { max-width: 34ch; font-family: var(--sans); font-size: 14px; line-height: 1.75; }
.why-lijin-page .faq-list summary { padding: 23px 0; font-size: 19px; }

html[lang="zh-CN"] .why-lijin-page .editorial-copy p,
html[lang="zh-CN"] .why-lijin-page .translation-proof > header > p:last-child,
html[lang="zh-CN"] .why-lijin-page .cross-border-grid article > p:last-child { line-height: 1.9; }
html[lang="zh-CN"] .why-lijin-page .text-only-directions .asset-row h3 { line-height: 1.35; }

@media (max-width: 900px) and (min-width: 761px) {
  .why-lijin-page .partnership-method { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .why-lijin-page .text-only-directions .asset-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .why-lijin-page .page-hero-copy { padding-top: 70px; padding-bottom: 62px; }
  .why-lijin-page .page-hero-copy > p:last-child { font-size: 16px; }
  .why-lijin-page .value-intro { padding-top: 76px; padding-bottom: 68px; row-gap: 34px; }
  .why-lijin-page .value-intro h2 { font-size: clamp(38px,10vw,48px); }
  .why-lijin-page .editorial-copy p { font-size: 16px; }
  .why-lijin-page .translation-proof { padding-top: 76px; padding-bottom: 84px; }
  .why-lijin-page .translation-proof > header { margin-bottom: 48px; }
  .why-lijin-page .partnership-evidence { gap: 64px; }
  .why-lijin-page .cross-border-directions { padding-top: 70px; padding-bottom: 74px; }
  .why-lijin-page .partnership-directions { padding-top: 76px; padding-bottom: 84px; }
  .why-lijin-page .text-only-directions .asset-list { grid-template-columns: 1fr; }
  .why-lijin-page .faq-section { padding-top: 76px; padding-bottom: 90px; }
}

html[lang="zh-CN"] .hero-copy .overline { letter-spacing:.08em; }
html[lang="zh-CN"] .hero-intro { max-width:29em; }
@media (min-width:761px) {
  html[lang="zh-CN"] .site-header nav > a { font-size:12px; letter-spacing:.015em; }
  html[lang="zh-CN"] .hero-memory { font-size:clamp(52px,5.45vw,78px); }
  html[lang="zh-CN"] .hero-now { margin-top:16px; font-size:clamp(43px,4.7vw,66px); }
}

/* Final cascade lock for the restrained homepage direction. */
@media (min-width:761px) {
  .site-header { height:72px; padding-inline:3.4vw; background:rgba(3,10,13,.88); border-bottom-color:rgba(255,255,255,.09); }
  .site-header nav { gap:clamp(11px,1.05vw,18px); }
  .site-header nav > a { font-size:9px; font-weight:600; letter-spacing:.115em; }
  .nav-cta { padding:10px 12px; font-size:9px; font-weight:600; letter-spacing:.11em; border-color:rgba(255,255,255,.4); }
  .language-switch { font-size:10px; }
  .hero-copy { width:56%; padding:122px 4vw 62px 7.2vw; }
  .hero-memory { font-size:clamp(58px,6.45vw,96px); line-height:.97; }
  .hero-now { margin-top:22px; font-size:clamp(43px,5vw,72px); line-height:.96; font-weight:500; }
  .home-about { grid-template-columns:16% 51% 33%; padding:86px 6.6vw 82px; }
  .home-about h2 { font-size:clamp(50px,5.35vw,78px); }
  .pillar { min-height:550px; }
  html[lang="zh-CN"] .site-header nav > a { font-size:12px; letter-spacing:.015em; }
  html[lang="zh-CN"] .hero-copy { width:56%; }
  html[lang="zh-CN"] .hero-memory { font-size:clamp(52px,5.45vw,78px); }
  html[lang="zh-CN"] .hero-now { margin-top:16px; font-size:clamp(43px,4.7vw,66px); }
}
@media (max-width:760px) {
  .hero-copy { padding-top:112px; padding-bottom:48px; }
  .hero-memory { font-size:clamp(44px,12.5vw,60px); line-height:.98; }
  .hero-now { margin-top:18px; font-size:clamp(31px,9vw,44px); font-weight:500; }
  .home-about { padding-top:78px; padding-bottom:84px; }
  .home-about h2 { font-size:clamp(40px,10.5vw,50px); line-height:1.08; }
  html[lang="zh-CN"] :is(.hero-memory,.hero-now) { font-size:clamp(38px,10vw,48px); }
  html[lang="zh-CN"] .hero-now { margin-top:14px; }
}

/* Why page final restraint: quieter symbol, tighter editorial rhythm. */
@media (min-width:761px) {
  .why-lijin-page .page-hero-lijin { min-height:82svh; }
  .why-lijin-page .page-hero-image img {
    opacity:.76;
    filter:saturate(.44) contrast(.9) brightness(1.08);
  }
  .why-lijin-page .page-hero-image::after {
    background:linear-gradient(90deg,var(--paper) 0%,rgba(238,233,223,.88) 19%,rgba(238,233,223,.34) 48%,rgba(238,233,223,.08) 76%);
  }
  .why-lijin-page .page-hero-image figcaption { opacity:.68; }
}
.why-lijin-page .value-intro { padding-top:92px; padding-bottom:72px; row-gap:52px; }
.why-lijin-page .translation-proof { padding-top:96px; padding-bottom:98px; }
.why-lijin-page .translation-proof > header { margin-bottom:58px; }
.why-lijin-page .partnership-evidence { gap:88px; }
.why-lijin-page .cross-border-directions { padding-top:76px; padding-bottom:80px; }
.why-lijin-page .cross-border-grid { margin-top:44px; }
.why-lijin-page .partnership-directions { padding-top:96px; padding-bottom:104px; }
.why-lijin-page .partnership-directions .asset-browser { margin-top:50px; }
.why-lijin-page .text-only-directions .asset-row { padding-top:24px; padding-bottom:28px; }
.why-lijin-page .faq-section { padding-top:94px; padding-bottom:110px; }
@media (min-width:901px) {
  .why-lijin-page .partnership-method { padding-bottom:88px; }
  .why-lijin-page .partnership-method article { min-height:270px; }
}
@media (max-width:760px) {
  .why-lijin-page .page-hero-image { opacity:.09; }
  .why-lijin-page .value-intro { padding-top:68px; padding-bottom:60px; }
  .why-lijin-page .translation-proof { padding-top:68px; padding-bottom:74px; }
  .why-lijin-page .partnership-evidence { gap:56px; }
  .why-lijin-page .cross-border-directions { padding-top:62px; padding-bottom:64px; }
  .why-lijin-page .partnership-directions { padding-top:68px; padding-bottom:74px; }
  .why-lijin-page .faq-section { padding-top:68px; padding-bottom:78px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

/* Refined editorial alignment */
@media (min-width: 761px) {
  .runway-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: clamp(24px, 2.4vw, 40px);
  }
  .image-card,
  .image-card-tall { align-self: start; }
  .image-card img,
  .image-card-tall img {
    aspect-ratio: 2 / 3;
    object-fit: contain;
    object-position: center;
    background: var(--black);
  }
  .home-runway .image-card:hover img { transform: none; }
  .collaboration-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: clamp(24px, 2.4vw, 40px);
  }
  .case-card.offset { margin-top: 0; }
  .case-card img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
  }
  #content .closing {
    padding-top: 82px;
    padding-bottom: 28px;
  }
  #content .closing > p { margin-bottom: 28px; }
  #content .closing > button {
    padding-bottom: 13px;
    font-size: clamp(42px, 5.2vw, 78px);
  }
  #content .closing > div { margin-top: 62px; }
}

@media (max-width: 760px) {
  .runway-cards,
  .collaboration-cards {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .image-card img,
  .image-card-tall img {
    aspect-ratio: 2 / 3;
    object-fit: contain;
    object-position: center;
    background: var(--black);
  }
  .home-runway .image-card:hover img { transform: none; }
  .case-card.offset { margin-top: 0; }
  .case-card img { aspect-ratio: 4 / 3; }
  #content .closing {
    padding-top: 66px;
    padding-bottom: 24px;
  }
  #content .closing > button { font-size: clamp(38px, 12vw, 54px); }
  #content .closing > div { margin-top: 52px; }
}

.li-value-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.li-value-grid article { gap: 20px; }
.li-value-grid h3 { margin-top: 16px; font-size: clamp(28px, 3vw, 42px); }
.li-value-grid p { margin-top: 0; font-size: 16px; line-height: 1.65; }
.li-value-grid span { font-size: 12px; }
.translation-proof { padding: 100px 6.6vw; background: var(--bone); }
.translation-proof header { max-width: 760px; margin-bottom: 54px; }
.translation-proof h2 { margin: 22px 0; font-family: var(--serif); font-size: clamp(38px, 5vw, 70px); font-weight: 400; line-height: 1.05; }
.translation-proof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px 40px; }
.translation-proof-grid article { min-width: 0; border-top: 1px solid var(--line); padding-top: 24px; }
.translation-proof-grid img { height: clamp(300px, 34vw, 480px); object-fit: contain; background: var(--night); margin-bottom: 26px; }
.translation-proof h3 { font-family: var(--serif); font-weight: 400; font-size: clamp(28px, 3vw, 38px); line-height: 1.15; margin: 16px 0; }
.translation-proof p { font-size: 16px; line-height: 1.7; max-width: 62ch; margin-bottom: 18px; }
.translation-proof .overline { font-size: 12px; color: var(--mulberry); }
.translation-proof .text-link { font-size: 12px; width: auto; }
.proof-source { display: block; margin-top: 18px; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.partnership-start h2 { line-height: 1.02; font-size: clamp(38px, 5vw, 70px); }
@media (max-width: 760px) {
  .li-value-grid, .translation-proof-grid { grid-template-columns: 1fr; }
  .li-value-grid article, .li-value-grid article + article { padding: 28px 0; border-right: 0; }
  .translation-proof { padding: 76px 24px; }
  .translation-proof-grid { gap: 42px; }
}

.collaboration-modules .module-support { margin: 32px 0 48px; max-width: 70ch; font-size: 16px; line-height: 1.65; color: rgba(255,255,255,.8); }
.collaboration-modules .asset-results { font-size: 12px; line-height: 1.6; }
.collaboration-modules .asset-row { padding: 28px 8px; align-items: start; grid-template-columns: 30px minmax(0,1fr); }
.collaboration-modules .asset-row > button { grid-column: 2; justify-self: start; font-size: 14px; min-height: 44px; }
.collaboration-modules .asset-row h3 { font-size: 26px; line-height: 1.2; margin-bottom: 14px; }
.collaboration-modules .asset-row p { font-size: 16px; line-height: 1.6; letter-spacing: normal; color: rgba(255,255,255,.78); margin-bottom: 12px; }
.module-case { display: inline-block; padding: 8px 0; font-size: 14px; color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.collaboration-modules .asset-preview img { object-fit: contain; background: var(--bone); }
.collaboration-modules .asset-preview figcaption { display: block; }
.collaboration-modules .asset-preview p { max-width: none; text-align: left; margin-top: 12px; font-size: 14px; color: rgba(255,255,255,.8); }
.collaboration-modules button:focus-visible, .collaboration-modules a:focus-visible, .collaboration-modules .asset-row:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
@media (max-width: 760px) {
  .collaboration-modules .asset-preview { display: none; }
  .collaboration-modules .asset-heading h2 { font-size: clamp(42px, 11vw, 60px); line-height: 1; }
}

.module-mobile-preview { display: none; }
:is(.home-runway, .home-collaborations) { grid-template-columns: minmax(0, 31fr) minmax(0, 69fr); }
:is(.runway-cards, .collaboration-cards) > * { min-width: 0; }
section[id], article[id] { scroll-margin-top: 96px; }
.page-hero-lijin h1 { font-size: clamp(56px, 6vw, 92px); line-height: .98; }
.pillar-lijin h2 { line-height: 1; }
.form-progress, .field-grid label > span { font-size: 12px; }
.option-grid label small { font-size: 13px; line-height: 1.5; }
.selected-assets span { font-size: 12px; line-height: 1.5; }
.inquiry .text-link { min-height: 44px; font-size: 14px; }
@media (max-width: 760px) {
  .module-mobile-preview { display: block; grid-column: 2; min-width: 0; width: 100%; }
  .module-mobile-preview summary { cursor: pointer; padding: 14px 0; color: var(--gold); font-size: 14px; }
  .module-mobile-preview img { width: 100%; max-height: 420px; object-fit: contain; background: var(--bone); margin-top: 12px; }
  .module-mobile-preview summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
  .page-hero-lijin h1 { font-size: clamp(42px, 11vw, 64px); }
  .brief-bar { flex-wrap: wrap; gap: 10px; }
  .closing > button { overflow-wrap: anywhere; }
}

.craft-practice { padding: 100px 6.6vw; background: var(--bone); }
.craft-practice header { max-width: 760px; margin-bottom: 64px; }
.craft-practice h2 { font: 400 clamp(42px, 6vw, 82px)/1 var(--serif); margin: 24px 0; }
.craft-practice h3 { font: 400 clamp(32px, 4vw, 54px)/1.1 var(--serif); margin: 22px 0; }
.craft-practice p { font-size: 17px; line-height: 1.7; max-width: 62ch; }
.craft-practice .overline { font-size: 12px; color: var(--mulberry); }
.craft-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(28px, 6vw, 90px); align-items: center; padding: 48px 0; border-top: 1px solid var(--line); }
.craft-row img { width: 100%; max-height: 680px; object-fit: contain; }
.craft-insight { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--line); color: #535b58; }
.craft-weaving-detail { max-width: 768px; margin: 0 auto 54px; }
.craft-weaving-detail img { width: 100%; height: auto; }
.craft-practice figcaption { font-size: 13px; line-height: 1.5; padding-top: 14px; }
#partner-proof-title { scroll-margin-top: 100px; }
@media (max-width: 760px) {
  .craft-practice { padding: 76px 24px; }
  .craft-row, .craft-details { grid-template-columns: 1fr; gap: 28px; }
  .craft-row { padding: 32px 0; }
}

.embroidery-intro { margin-bottom: 16px; }
.embroidery-intro p + p { margin-top: 18px; }
.embroidery-techniques { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.embroidery-techniques section { padding-top: 24px; border-top: 1px solid var(--line); }
.embroidery-techniques h4 { font: 400 28px/1.2 var(--serif); margin: 18px 0 16px; }
.embroidery-insight { max-width: 76ch !important; margin: 40px 0; }
.embroidery-evidence { display: grid; grid-template-columns: minmax(0, 58fr) minmax(0, 42fr); gap: 32px; align-items: start; margin-bottom: 54px; }
.embroidery-evidence img { width: 100%; height: auto; }
.embroidery-evidence figcaption { font-size: 14px; line-height: 1.65; max-width: 62ch; }
@media (max-width: 760px) {
  .embroidery-techniques, .embroidery-evidence { grid-template-columns: 1fr; gap: 28px; }
}

/* Final editorial polish */
.site-header nav > a { font-size: 11px; }
.nav-cta,
.button-primary,
.text-link { font-size: 11px; }

.hero-image figcaption,
.proof-strip > span,
.image-card small,
.case-card small,
.page-hero-image figcaption,
.collection-grid figcaption span,
.celebrity-card > div span,
.celebrity-card figcaption,
.case-visual span,
.venue-context figcaption,
.venue-context figcaption b,
.case-evidence figcaption b,
.case-scope dt { font-size: 10px; line-height: 1.5; }

.home-runway,
.home-collaborations { column-gap: clamp(36px, 4vw, 72px); }
.runway-cards,
.collaboration-cards { gap: clamp(28px, 2.7vw, 44px); }
.image-card > span,
.case-card > span { padding-top: 20px; }

.collection-grid figure img {
  object-fit: contain;
  object-position: center bottom;
  background: var(--black);
}
.case-visual img,
.case-card img,
.case-evidence img { object-position: center; }
.case-evidence-retail img { object-position: center top; }

.case-study { padding-top: 140px; padding-bottom: 155px; }
.case-heading { margin-bottom: 80px; }
.case-scope { margin-top: 34px; }
.celebrity-card,
.celebrity-card.wide { padding-top: 58px; }

.closing {
  border-top: 6px solid var(--mulberry);
  background: var(--night);
}
.closing::before {
  border-color: rgba(196,161,108,.18);
}
.closing > p { color: rgba(251,247,239,.72); font-size: 10px; }
.closing > button { border-bottom-color: rgba(196,161,108,.55); }
.closing > div { color: rgba(251,247,239,.65); font-size: 10px; }

@media (max-width: 760px) {
  .site-header nav > a { font-size: 12px; }
  .home-runway,
  .home-collaborations { padding-top: 94px; padding-bottom: 108px; }
  .runway-cards,
  .collaboration-cards { gap: 42px; }
  .case-study { padding-top: 100px; padding-bottom: 116px; }
  .case-heading { margin-bottom: 58px; }
  .celebrity-card,
  .celebrity-card.wide { padding-top: 46px; }
  .closing { border-top-width: 4px; }
  .closing > p,
  .closing > div { font-size: 10px; }
}

/* Craft explanations: preserve whole images and keep each stage readable. */
.embroidery-evidence figure { margin: 0; min-width: 0; }
.embroidery-evidence img { display: block; object-fit: contain; }
.ikat-title { font: 400 28px/1.25 var(--serif); margin: 28px 0 16px; }
.ikat-steps { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.ikat-steps section { border-top: 1px solid var(--line); padding-top: 24px; }
.ikat-steps h4 { font: 400 28px/1.2 var(--serif); margin: 18px 0 16px; }
@media (max-width: 1000px) { .ikat-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .ikat-steps { grid-template-columns: 1fr; } }

.weaving-digital { max-width: 76ch; margin: 0 0 64px; padding-top: 28px; border-top: 1px solid var(--line); }
.weaving-digital h4 { font: 400 28px/1.2 var(--serif); margin: 18px 0; }
.weaving-digital p + p { margin-top: 20px; }

.weaving-tools { width: 100%; max-width: 535px; margin: 0 auto 48px; }
.weaving-tools img { display: block; width: 100%; height: auto; object-fit: contain; }
.weaving-tools figcaption { font-size: 14px; line-height: 1.6; }
.weaving-sources { display: grid; gap: 8px; margin-top: 24px; font-size: 14px; line-height: 1.6; }
.weaving-sources a { text-transform: none; letter-spacing: normal; text-decoration: underline; text-underline-offset: 3px; }

/* Archive opening: a complete tools photograph beside the introduction. */
.page-hero-archive { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: center; min-height: 85svh; padding: 140px 6.6vw 80px; gap: 5vw; }
.page-hero-archive .page-hero-copy { padding: 0; min-width: 0; }
.page-hero-archive .page-hero-copy h1 { font-size: clamp(42px, 4.6vw, 72px); line-height: 1.08; letter-spacing: -.035em; }
.page-hero-archive .page-hero-image { position: static; opacity: 1; width: 100%; max-width: 535px; margin: 0; overflow: visible; justify-self: center; }
.page-hero-archive .page-hero-image::after { display: none; }
.page-hero-archive .page-hero-image img { display: block; width: 100%; height: auto; object-fit: contain; }
.page-hero-archive .page-hero-image figcaption { display: block; position: static; margin-top: 14px; font-size: 14px; line-height: 1.5; letter-spacing: normal; }
.weaving-feature .embroidery-techniques { margin-bottom: 42px; }
.embroidery-feature .embroidery-evidence { margin-top: 42px; }
@media (max-width: 760px) {
 .page-hero-archive { grid-template-columns: 1fr; padding: 120px 24px 64px; gap: 40px; min-height: auto; }
 .page-hero-archive .page-hero-copy .overline { margin-bottom: 28px; }
}

.archive-details { border-top: 1px solid var(--line); padding: 18px 0; margin: 20px 0 36px; }
.archive-details summary { cursor: pointer; font-size: 16px; line-height: 1.5; padding: 6px 0; }
.archive-details summary:focus-visible { outline: 2px solid var(--mulberry); outline-offset: 5px; }
.archive-details[open] > summary { margin-bottom: 24px; }
.archive-details .weaving-digital { border: 0; padding-top: 0; margin-bottom: 0; }
.archive-sources { margin-bottom: 0; padding-bottom: 0; }
.archive-sources .weaving-sources { margin-top: 0; }
.weaving-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.embroidery-notes { padding-left: 20px; max-width: 76ch; font-size: 17px; line-height: 1.7; }
.embroidery-notes li { margin: 12px 0; }
@media (max-width: 760px) { .weaving-principles { grid-template-columns: 1fr; } }

.archive-exhibition .page-hero-copy h1 { font-size: clamp(44px, 5.5vw, 84px); line-height: 1.05; letter-spacing: -.035em; }
.archive-exhibition .page-hero-image figcaption { font-size: 13px; letter-spacing: .03em; }
.craft-practice .archive-craft-heading { margin-bottom: 44px; }
.craft-practice .archive-craft-heading h2 { font-size: clamp(28px, 3vw, 40px); margin: 0 0 18px; letter-spacing: .1em; }
.archive-tools-detail { max-width: 360px; margin: 28px 0 36px; }
.archive-tools-detail img { display: block; width: 100%; height: auto; }
.embroidery-evidence.archive-pattern-detail { display: block; max-width: 680px; margin: 36px auto 0; }
.archive-footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 24px; padding: 30px 6.6vw; background: var(--night); color: white; font-size: 14px; line-height: 1.6; }
.archive-footer div { display: flex; flex-wrap: wrap; gap: 24px; }
.archive-footer button { background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; }
.archive-footer a, .archive-footer button { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) { .archive-footer { padding: 28px 24px; } }

.craft-practice .archive-craft-heading h2 { font-size: clamp(24px, 3vw, 40px); line-height: 1.35; letter-spacing: normal; }

/* Four craft entries: two per row, with full images above their text. */
.archive-crafts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(28px, 4vw, 64px); row-gap: 64px; align-items: start; }
.archive-crafts-grid > article { min-width: 0; border-top: 1px solid var(--line); padding-top: 28px; }
.archive-crafts-grid .craft-row { display: block; border: 0; padding: 0; margin: 0 0 24px; }
.archive-crafts-grid > .craft-row { padding-top: 28px; border-top: 1px solid var(--line); margin: 0; }
.archive-crafts-grid .craft-row > figure { display: grid; grid-template-rows: 340px auto; align-content: start; min-height: 405px; margin: 0 0 24px; }
.archive-crafts-grid .craft-row > figure img { display: block; width: 100%; height: 340px; max-height: none; object-fit: contain; }
.archive-crafts-grid h3 { font-size: clamp(30px, 3vw, 44px); line-height: 1.15; }
.archive-crafts-grid .ikat-steps, .archive-crafts-grid .weaving-principles { grid-template-columns: 1fr; gap: 24px; }
.archive-crafts-grid .archive-tools-detail { max-width: 300px; }
.archive-crafts-grid .archive-details { margin-bottom: 0; }
.archive-crafts-grid .archive-pattern-detail { margin-top: 28px; }
@media (max-width: 760px) {
 .archive-crafts-grid { grid-template-columns: 1fr; row-gap: 48px; }
 .archive-crafts-grid .craft-row > figure { grid-template-rows: auto auto; min-height: 0; }
 .archive-crafts-grid .craft-row > figure img { height: auto; max-height: 420px; }
}

.archive-dna { padding: 72px 6.6vw; background: var(--bone); }
.archive-dna-body { background: var(--paper); }
.archive-dna-intro { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5vw; align-items: center; }
.archive-dna h2 { font: 400 clamp(38px,5vw,68px)/1.08 var(--serif); margin: 22px 0; }
.archive-dna p { font-size: 17px; line-height: 1.7; }
.archive-dna-intro > div > p + p { margin-top:20px; }
.archive-dna figure { margin: 0; min-width: 0; }
.archive-dna img { display:block; width: 100%; height: auto; object-fit: contain; }
.archive-dna .dna-tools { max-width: 535px; }
.archive-dna figcaption, .archive-dna .archive-source-note { font-size:14px; line-height:1.6; margin-top:18px; }
.archive-dna-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:44px; }
.archive-dna-points article { border-top:1px solid var(--line); padding-top:24px; }
.archive-dna h3 { font:400 28px/1.2 var(--serif); margin:16px 0; }
.archive-crafts-grid .archive-craft-card h3 { min-height: 2.3em; }
.archive-craft-card details { font-size:17px; line-height:1.7; }
.archive-craft-card details ul,.archive-craft-card details ol { padding-left:22px; }
@media(max-width:760px){ .archive-dna {padding:56px 24px;} .archive-dna-intro,.archive-dna-points{grid-template-columns:1fr;gap:28px;} .archive-crafts-grid .archive-craft-card h3{min-height:0;} }

.craft-detail-image { margin:24px 0 0; }
.archive-crafts-grid .craft-detail-image img { width:100%; height:auto; max-height:none; object-fit:contain; }
.archive-dna .motif-comparison { max-width:520px; margin:24px auto; }

/* Loom hero: charcoal surround and an optional numbered reading guide. */
.page-hero-archive { background: #414141; gap: 2.5vw; grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); }
.page-hero-archive .page-hero-image { max-width: 590px; justify-self: start; }
.page-hero-archive .archive-hero-intro { max-width:570px; margin-top:38px; padding-left:20px; border-left:1px solid #c4a16c; }
.page-hero-archive .archive-hero-intro > p { margin:0; color:#eeeae3; font-family:var(--serif); font-size:18px; line-height:1.6; }
.page-hero-archive .archive-hero-intro > .archive-terminology { margin-top:18px; color:#c8c3ba; font-family:var(--sans); font-size:0.875rem; line-height:1.6; }
@media(max-width:760px){ .page-hero-archive .archive-hero-intro {margin-top:32px;} .page-hero-archive .archive-hero-intro > p:not(.archive-terminology){font-size:16px;} }
.loom-inspection { position: relative; }
.loom-marker { position:absolute; width:32px; height:32px; border-radius:50%; border:1px solid #e1cfaa; background:#292b28; color:#fff; font:500 14px/1 sans-serif; cursor:pointer; box-shadow:0 0 0 5px #292b2826; }
.loom-marker-tools { left:27%; top:29%; }
.loom-marker-warp { left:40%; top:52%; }
.loom-marker-cloth { left:61%; top:57%; }
.loom-marker:hover, .loom-marker:focus-visible { background:#e1cfaa; color:#20221f; outline:2px solid white; outline-offset:3px; }
.loom-guide { margin-top:20px; border-top:1px solid #ffffff40; padding-top:14px; color:#f2eee8; }
.loom-guide summary { cursor:pointer; font-size:16px; line-height:1.6; }
.loom-guide-notes p { margin:16px 0 0; padding:12px; font-size:14px; line-height:1.6; }
.loom-guide-notes strong,.loom-guide-notes span { display:block; }
.loom-guide-notes p.is-selected,.loom-guide-notes p:focus { background:#ffffff12; outline:1px solid #e1cfaa; }
@media(max-width:760px){ .page-hero-archive {grid-template-columns:1fr;gap:36px;} .loom-marker {width:36px;height:36px;} }

/* Small positional correction and non-destructive image framing. */
.page-hero-archive { column-gap:3.75vw; grid-template-columns:minmax(0,1.075fr) minmax(0,1.06fr); }
.archive-crafts-grid .craft-photo-window { height:340px; width:100%; overflow:hidden; }
.archive-crafts-grid .spinning-photo { max-width:255px; margin:0 auto; }
.archive-crafts-grid .spinning-photo img { width:100%; height:100%; object-fit:cover; object-position:56% 50%; transform:scale(1.035); }
@media(max-width:760px){ .page-hero-archive {grid-template-columns:1fr;} .archive-crafts-grid .craft-row > figure .craft-photo-window img {height:100%;max-height:none;} }

@media (min-width: 761px) { .page-hero-archive .page-hero-image { position: relative; left: clamp(16px, 2vw, 32px); } }

/* Keep the embroidery photograph at its native ratio within the shared image row. */
.archive-crafts-grid #embroidery .embroidery-photo { width:100%; max-width:506px; height:auto; aspect-ratio:auto; overflow:visible; align-self:center; justify-self:center; }
.archive-crafts-grid #embroidery .embroidery-photo img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; transform:none; clip-path:inset(2px); }
.loom-tool-catalog { margin-top:24px; padding-top:20px; border-top:1px solid #ffffff40; font-size:14px; line-height:1.6; }
.loom-tool-catalog h3 { font:400 24px/1.3 var(--serif); margin-bottom:12px; }
.loom-tool-catalog dl { margin-top:18px; }
.loom-tool-catalog dt { font-weight:600; color:#e1cfaa; margin-top:14px; }
.loom-tool-catalog dd { margin:2px 0 0; }
@media(max-width:760px){ .archive-crafts-grid #embroidery .embroidery-photo {max-width:537px;} .archive-crafts-grid #embroidery .embroidery-photo img {height:auto;max-height:none;} }

.archive-dna-points.motif-reading-points { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 760px) { .archive-dna-points.motif-reading-points { grid-template-columns: 1fr; } }

/* Craft evidence: native proportions, restrained scale and concise captions. */
.archive-crafts-grid .craft-row > figure { justify-items:center; }
.archive-crafts-grid .craft-row > figure figcaption { width:100%; font-size:14px; line-height:1.6; }
.spinning-tool-study { display:grid; grid-template-columns:minmax(0,1fr) 150px; align-items:start; gap:24px; }
.spinning-tool-study > p { margin-top:0; }
.archive-crafts-grid .spindle-reference { margin:0; width:150px; }
.archive-crafts-grid .spindle-reference img { display:block; width:100%; height:auto; max-height:none; }
.archive-crafts-grid .spindle-reference figcaption { font-size:14px; }
.archive-crafts-grid .embroidery-comparison { max-width:539px; margin:28px auto 0; }
.archive-crafts-grid .embroidery-comparison img { display:block; width:100%; height:auto; clip-path:inset(2px); }
.editorial-copy .archive-recognition { margin-top:32px; font-size:14px; line-height:1.6; }
.archive-recognition a { text-decoration:underline; text-underline-offset:3px; }

/* Archive: four relationships, with historical context kept in the opening. */
.page-hero-archive .archive-hero-intro a { text-decoration:underline; text-decoration-color:#c4a16c80; text-underline-offset:4px; }
.archive-history { margin-top:24px; max-width:570px; border-top:1px solid #ffffff40; padding-top:14px; color:#eeeae3; }
.archive-history summary { cursor:pointer; font-size:14px; line-height:1.6; }
.archive-history p { margin-top:18px; font-size:15px; line-height:1.7; }
.archive-history summary:focus-visible, .archive-history a:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.archive-relationships { background:var(--paper); }
.archive-section-heading { max-width:820px; margin-bottom:40px; }
.archive-section-heading > p:not(.overline) { max-width:66ch; }
.archive-dna .overline { font-size:12px; color:var(--mulberry); }
.archive-dna h2[id] { scroll-margin-top:120px; }
.relationship-index { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:4vw; }
.relationship-index a { display:grid; grid-template-columns:24px minmax(0,1fr) 20px; gap:16px; align-items:baseline; padding:26px 0; border-top:1px solid var(--line); font:400 clamp(26px,3vw,42px)/1.2 var(--serif); }
.relationship-index .relationship-number, .relationship-index a > span:last-child { color:var(--mulberry); font:400 13px/1.5 var(--sans); }
.relationship-index i { color:var(--mulberry); font-style:normal; }
.relationship-index a:hover { color:var(--mulberry); }
.relationship-index a:focus-visible { outline:2px solid var(--mulberry); outline-offset:5px; }
.archive-form-reading { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5vw; align-items:start; margin-top:44px; border-top:1px solid var(--line); padding-top:24px; }
.archive-form-reading .form-sequence { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:20px; font-size:13px; line-height:1.8; letter-spacing:.08em; text-transform:uppercase; }
.form-sequence span:nth-child(even) { color:var(--mulberry); }
.archive-dna .archive-keyline { font-family:var(--serif); font-size:clamp(24px,2.5vw,34px); line-height:1.35; margin-top:32px; }
.motif-studies { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; }
.motif-study { display:flex; align-items:center; justify-content:center; gap:10px; height:180px; overflow:hidden; background:#08111b; isolation:isolate; }
.motif-unit { display:block; flex:0 0 54px; width:54px; height:94px; background-image:url('/assets/li-torchbearers.webp'); background-repeat:no-repeat; background-size:382% auto; background-position:24.2% 50%; mix-blend-mode:screen; filter:contrast(1.5) brightness(1.4) saturate(.9); mask-image:linear-gradient(to right,transparent,#000 7% 93%,transparent),linear-gradient(to bottom,transparent,#000 5% 95%,transparent); mask-composite:intersect; }
.motif-study-repeat { gap:6px; }
.motif-study-repeat .motif-unit { flex-basis:40px; width:40px; height:70px; }
.motif-study-recombine { padding:0; background:#08111b; }
.motif-study-recombine img { display:block; width:100%; height:100%; object-fit:contain; }
.motif-study-mirror .motif-unit:last-child { transform:scaleX(-1); }
.motif-study-shift .motif-unit:first-child { transform:translateY(-18px); }
.motif-study-shift .motif-unit:last-child { transform:translateY(18px); }
.motif-study-scale .motif-unit:first-child { transform:scale(.68); }
.motif-study-scale .motif-unit:last-child { transform:scale(1.18); }
.archive-dna .motif-studies figcaption { margin-top:12px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; }
.archive-dna .archive-source-note { color:#626762; }

/* Li textiles terminology — a restrained, source-led knowledge page. */
.terminology-page { background:var(--bone); }
.terminology-hero { min-height:82svh; display:grid; grid-template-columns:minmax(0,1.22fr) minmax(320px,.78fr); gap:8vw; align-items:end; padding:170px 6.6vw 100px; background:var(--night); color:#fff; }
.terminology-hero .overline { color:var(--gold); }
.terminology-hero h1 { margin-top:30px; font:400 clamp(54px,6.5vw,96px)/1.02 var(--serif); letter-spacing:-.04em; }
.terminology-hero h1 em { color:#dec19d; font-weight:400; }
.terminology-definition { border-top:1px solid rgba(255,255,255,.32); padding-top:28px; }
.terminology-definition p { color:rgba(255,255,255,.7); font-size:17px; line-height:1.72; }
.terminology-definition p + p { margin-top:22px; }
.terminology-definition strong { color:#fff; font-family:var(--serif); font-size:22px; font-weight:400; }
.terminology-definition em { color:#fff; }
.terminology-practice { padding:100px 6.6vw; background:var(--paper); }
.terminology-practice header { max-width:720px; }
.terminology-practice .overline,.terminology-context .overline,.terminology-language .overline,.terminology-next .overline { color:var(--mulberry); }
.terminology-practice h2,.terminology-context h2,.terminology-language h2,.terminology-next h2 { margin:24px 0 0; font:400 clamp(40px,5vw,72px)/1.08 var(--serif); letter-spacing:-.035em; }
.terminology-practice ol { list-style:none; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin-top:70px; padding:0; border-top:1px solid var(--line); }
.terminology-practice li { min-height:270px; padding:25px 28px 30px 0; border-right:1px solid var(--line); }
.terminology-practice li + li { padding-left:28px; }
.terminology-practice li:last-child { border-right:0; }
.terminology-practice li span { color:var(--mulberry); font-size:11px; letter-spacing:.12em; }
.terminology-practice h3 { margin:62px 0 15px; font:400 34px/1.1 var(--serif); }
.terminology-practice li p { color:rgba(16,24,23,.65); font-size:15px; line-height:1.65; }
.terminology-context { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); gap:7vw; align-items:center; padding:100px 6.6vw; }
.terminology-context figure { margin:0; }
.terminology-context img { display:block; width:100%; height:auto; }
.terminology-context figcaption { margin-top:14px; color:#626762; font-size:13px; }
.terminology-context h2 { font-size:clamp(38px,4.4vw,64px); }
.terminology-context p:not(.overline) { margin-top:24px; font-size:17px; line-height:1.72; }
.terminology-context a { text-decoration:underline; text-underline-offset:4px; }
.terminology-language { padding:100px 6.6vw; background:var(--paper); }
.terminology-language > h2 { max-width:860px; }
.terminology-language dl { margin-top:64px; border-top:1px solid var(--line); }
.terminology-language dl div { display:grid; grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr); gap:5vw; padding:26px 0; border-bottom:1px solid var(--line); }
.terminology-language dt { font:400 24px/1.35 var(--serif); }
.terminology-language dd { color:rgba(16,24,23,.68); font-size:16px; line-height:1.7; }
.terminology-next { padding:100px 6.6vw 120px; }
.terminology-next h2 { max-width:880px; }
.terminology-next .text-link { display:inline-block; margin-top:42px; }
@media(max-width:760px){
  .terminology-hero { min-height:auto; grid-template-columns:1fr; gap:54px; padding:135px 24px 72px 28px; }
  .terminology-hero h1 { font-size:clamp(45px,12vw,62px); }
  .terminology-practice,.terminology-context,.terminology-language,.terminology-next { padding:70px 24px 76px 28px; }
  .terminology-practice ol { grid-template-columns:1fr 1fr; margin-top:48px; }
  .terminology-practice li { min-height:220px; border-bottom:1px solid var(--line); }
  .terminology-practice li:nth-child(2n) { border-right:0; }
  .terminology-practice h3 { margin-top:42px; }
  .terminology-context { grid-template-columns:1fr; gap:50px; }
  .terminology-language dl div { grid-template-columns:1fr; gap:12px; }
}
.archive-variation-reading { margin-top:36px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:8px 32px; border-top:1px solid var(--line); padding-top:14px; }
.archive-variation-reading p { font-family:var(--serif); font-size:24px; }
.archive-body-system { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:5vw; align-items:start; }
.body-system-notes > div { padding:18px 0; border-top:1px solid var(--line); }
.body-system-notes dt { display:flex; flex-wrap:wrap; align-items:baseline; gap:12px 20px; font:400 25px/1.3 var(--serif); }
.body-system-notes dt span { min-width:90px; color:var(--mulberry); font:600 11px/1.5 var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.body-system-notes dd { margin-top:8px; font-size:15px; line-height:1.65; }
.archive-contemporary { padding-top:88px; padding-bottom:88px; }
.archive-contemporary .archive-section-heading { max-width:920px; }
.archive-design-questions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 5vw; list-style:none; counter-reset:design-question; padding:0; margin:40px 0; }
.archive-design-questions li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:16px; border-top:1px solid var(--line); padding:22px 0; font:400 clamp(17.765px,1.938vw,24.225px)/1.35 var(--serif); text-align:left; }
.archive-design-questions li::before { counter-increment:design-question; content:counter(design-question,decimal-leading-zero); color:var(--mulberry); font:400 12px/1.8 var(--sans); padding-top:4px; }
.archive-contemporary .text-link { margin-top:30px; }
@media(max-width:1000px) and (min-width:761px) {
 .motif-studies { gap:12px; }
 .motif-study { gap:4px; }
 .motif-unit { flex-basis:44px; width:44px; height:77px; }
 .motif-study-repeat .motif-unit { flex-basis:32px; width:32px; height:56px; }
}
@media(max-width:760px) {
 .relationship-index, .archive-form-reading, .archive-body-system, .archive-design-questions { grid-template-columns:1fr; }
 .relationship-index a { font-size:clamp(26px,5.6vw,38px); }
 .archive-form-reading { gap:16px; }
 .archive-form-reading .form-sequence { margin-top:0; gap:9px; font-size:12px; }
 .archive-section-heading { margin-bottom:28px; }
 .motif-studies { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 12px; }
 .motif-studies > figure:last-child { grid-column:1/-1; }
 .motif-study { height:160px; }
 .archive-variation-reading { display:block; }
 .archive-body-system { gap:28px; }
 .archive-contemporary { padding:64px 24px; }
}
@media(max-width:1100px){ .spinning-tool-study { grid-template-columns:1fr; } }
@media(max-width:380px) { .motif-study-repeat .motif-unit { flex-basis:32px; width:32px; height:56px; } }

/* Partnership page: concise method, case evidence and one selection section. */
.why-lijin-page .value-intro { padding-bottom:64px; }
.partnership-method article { min-height:310px; padding-top:38px; padding-bottom:38px; }
.partnership-method article > span { font-size:12px; }
.partnership-method h3 { margin-top:30px; font-size:clamp(32px,3.4vw,48px); line-height:1.1; }
.partnership-proof .case-response { margin:24px 0; }
.partnership-proof .case-response dt { margin:20px 0 7px; color:var(--mulberry); font-size:12px; font-weight:600; letter-spacing:.1em; }
.partnership-proof .case-response dd { max-width:62ch; font-size:16px; line-height:1.7; }
.why-lijin-page .translation-proof .text-link, .why-lijin-page .proof-source { font-size:14px; }
.partnership-directions .asset-heading { grid-template-columns:1.1fr .9fr; gap:6vw; }
.partnership-directions .asset-heading h2 { font-size:clamp(42px,5.5vw,78px); line-height:1.05; letter-spacing:-.035em; margin-top:26px; }
.partnership-directions .module-intro { border-top:1px solid var(--line-light); padding-top:24px; }
.partnership-directions .module-intro p { font:400 18px/1.65 var(--serif); color:rgba(255,255,255,.8); }
.partnership-directions .module-intro p + p { margin-top:18px; }
.partnership-directions .asset-browser { margin-top:48px; }
.partnership-directions .asset-results { flex-wrap:wrap; gap:8px 24px; }
.partnership-directions .asset-preview h3 { font:500 14px/1.5 var(--sans); letter-spacing:.06em; }
.why-lijin-page .faq-list details p { font-size:16px; }
.why-lijin-page .faq-list summary:focus-visible { outline:2px solid var(--mulberry); outline-offset:4px; }
.why-lijin-page .partnership-closing h2 { position:relative; max-width:960px; margin:0 auto; font:400 clamp(44px,6vw,84px)/1.06 var(--serif); letter-spacing:-.035em; }
#content .partnership-closing > .overline { font-size:12px; margin-bottom:26px; }
#content .partnership-closing > .closing-intro { max-width:640px; margin:24px auto 30px; font-size:17px; line-height:1.65; letter-spacing:normal; }
#content .partnership-closing > button { min-height:44px; padding:10px 0; font:500 14px/1.5 var(--sans); letter-spacing:.08em; text-transform:uppercase; }
#content .partnership-closing > button span { font-size:1.1em; }
.why-lijin-page .partnership-closing > button:focus-visible { outline:2px solid var(--gold); outline-offset:6px; }
@media(max-width:760px) {
 .partnership-method article { min-height:250px; padding:30px 24px; }
 .partnership-method h3 { font-size:34px; }
 .partnership-directions .asset-heading { display:block; }
 .partnership-directions .module-intro { margin-top:30px; }
 .partnership-directions .asset-browser { margin-top:32px; }
 .why-lijin-page .faq-list details p { margin-right:0; }
}

/* Partnership evidence: method study, distinct project scales, quiet services. */
.why-lijin-page .value-intro { row-gap:48px; }
.translation-study { grid-column:1/-1; min-width:0; }
.translation-study > figcaption { display:flex; justify-content:space-between; gap:16px 32px; margin-bottom:22px; padding-top:22px; border-top:1px solid var(--line); font-size:14px; line-height:1.5; }
.translation-study > figcaption .overline { flex-shrink:0; color:var(--mulberry); }
.translation-study-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.translation-study-stage { min-width:0; }
.translation-study-image { height:clamp(180px,20vw,250px); overflow:hidden; background:var(--night); }
.translation-study-image img { width:100%; height:100%; object-fit:cover; }
.study-working { background:#080a09; }
.study-working img { object-fit:cover; object-position:center top; filter:brightness(3.1) contrast(1.08); transform:scale(1.08); transform-origin:50% 0; }
.study-application { position:relative; }
.study-application img { position:absolute; width:360%; max-width:none; height:auto; left:50%; top:50%; transform:translate(-50%,-27%); }
.translation-study-stage h3 { display:flex; justify-content:space-between; gap:10px; margin:16px 0 7px; font:500 14px/1.4 var(--sans); letter-spacing:.06em; }
.translation-study-stage h3 span { color:var(--mulberry); }
.translation-study-stage p { font-size:14px; line-height:1.5; color:#626762; }
.partnership-evidence { display:grid; gap:80px; max-width:1280px; margin-inline:auto; }
.evidence-case { display:grid; align-items:center; gap:clamp(32px,4vw,64px); padding-top:36px; border-top:1px solid var(--line); min-width:0; }
.evidence-case > *, .evidence-case figure { min-width:0; }
.evidence-case img { width:100%; height:auto; object-fit:contain; }
.evidence-case figcaption { margin-top:14px; font-size:14px; line-height:1.5; color:#626762; }
.evidence-copy { min-width:0; }
.evidence-case-leroy { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); align-items:start; }
.evidence-leroy-media { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:20px; align-items:end; }
.evidence-leroy-photo { width:100%; }
.evidence-material-sample { width:100%; margin:0; }
.evidence-leroy-support { display:grid; gap:16px; min-width:0; }
.evidence-leroy-support > figure { width:75%; margin-inline:auto; }
.evidence-leroy-media figcaption { min-height:42px; }
.evidence-case-leroy h3 { font-size:clamp(32px,3.2vw,46px); margin-top:12px; }
.evidence-case-tam { grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr); }
.evidence-tam-looks { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,.8fr) minmax(0,1.2fr); gap:18px 12px; align-items:end; }
.evidence-tam-looks img { aspect-ratio:2/3; object-fit:contain; }
.evidence-tam-looks figcaption { min-height:42px; }
.evidence-look-note { grid-column:1/-1; max-width:48ch; font-size:14px; line-height:1.6; color:#626762; }
.evidence-case-uniqlo { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); }
.evidence-retail-pair { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); align-items:end; gap:20px; }
.evidence-case-spatial { grid-template-columns:minmax(0,1fr) minmax(0,1.45fr); }
.evidence-case-spatial > figure img { aspect-ratio:16/9; }
.evidence-case-spatial .evidence-copy { display:block; }
.text-only-directions .asset-browser { display:block; }
.text-only-directions .asset-results { margin-bottom:26px; }
.text-only-directions .asset-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px 3vw; border-top:0; }
.text-only-directions .asset-row { display:flex; flex-direction:column; align-items:stretch; gap:16px; min-width:0; min-height:0; padding:24px 0 30px; border-top:1px solid var(--line-light); border-bottom:0; }
.text-only-directions .asset-row:is(:hover,:focus,.is-focused) { padding-inline:0; background:none; }
.text-only-directions .asset-row.is-selected { border-top-color:var(--gold); }
.text-only-directions .asset-row > div { flex:1; }
.text-only-directions .asset-row h3 { margin-top:0; }
.text-only-directions .asset-row > button { align-self:flex-start; margin-top:auto; }
.why-lijin-page .faq-section { background:#fff; }
@media(max-width:1100px) {
 .text-only-directions .asset-list { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 4vw; }
}
@media(max-width:900px) {
 .evidence-case-leroy, .evidence-case-tam, .evidence-case-uniqlo, .evidence-case-spatial { grid-template-columns:1fr; gap:32px; }
 .evidence-leroy-media { max-width:700px; width:100%; justify-self:center; }
 .evidence-case-leroy .evidence-copy { display:contents; }
 .evidence-case-leroy .evidence-heading { grid-row:1; }
 .evidence-case-leroy .evidence-leroy-media { grid-row:2; }
 .evidence-case-leroy .evidence-description { grid-row:3; }
 .evidence-case-leroy .case-response { margin-top:0; }
 .evidence-tam-looks { max-width:740px; justify-self:end; width:100%; }

 .evidence-retail-pair { max-width:740px; }
 .partnership-evidence { gap:72px; }
}
@media(max-width:760px) {
 .translation-study { margin-top:36px; }
 .translation-study > figcaption { display:block; }
 .translation-study > figcaption > span { display:block; }
 .translation-study > figcaption > span + span { margin-top:10px; }
 .translation-study-grid { grid-template-columns:1fr; gap:22px; }
 .translation-study-stage { display:grid; grid-template-columns:112px minmax(0,1fr); grid-template-rows:auto 1fr; gap:0 18px; }
 .translation-study-image { grid-row:1/3; height:112px; }
 .translation-study-stage h3 { margin-top:12px; font-size:12px; letter-spacing:.02em; }
 .translation-study-stage h3 span { transform:rotate(90deg); }
 .translation-study-stage p { font-size:14px; }
 .study-application img { width:400%; }
}
@media(max-width:640px) {
 .text-only-directions .asset-list { grid-template-columns:1fr; gap:8px; }
 .evidence-retail-pair { grid-template-columns:1fr; gap:24px; }
 .evidence-retail-support { width:65%; justify-self:end; }
 .evidence-tam-looks { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 14px; }
 .evidence-stage-look { grid-column:1/-1; width:100%; max-width:340px; justify-self:center; }
 .evidence-tam-looks figcaption { min-height:0; }
 .evidence-case figcaption { font-size:13px; }
 .evidence-leroy-media { gap:14px; }
 .evidence-leroy-media figcaption { min-height:40px; }
 .evidence-leroy-media { grid-template-columns:minmax(0,1fr); gap:24px; }
 .evidence-leroy-photo { max-width:320px; justify-self:center; }
 .evidence-leroy-support { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
}

/* Keep the actual project reference beside the material-development evidence. */
.collection-source { width:min(100%,1210px); margin:0 auto 40px; border-top:1px solid var(--line-light); border-bottom:1px solid var(--line-light); }
.collection-source summary { display:flex; justify-content:space-between; align-items:center; gap:24px; padding:18px 0; color:var(--white); font-size:16px; line-height:1.5; cursor:pointer; list-style:none; }
.collection-source summary::-webkit-details-marker { display:none; }
.collection-source summary:focus-visible { outline:2px solid var(--gold); outline-offset:5px; }
.collection-source summary > span { font-size:22px; color:var(--gold); transition:transform .2s; }
.collection-source[open] summary > span { transform:rotate(45deg); }
.collection-source-content { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:6vw; padding:10px 0 28px; }
.collection-source-content > p { max-width:42ch; color:rgba(251,247,239,.8); font-size:16px; line-height:1.7; }
.collection-source-pair { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.collection-source-pair figure { min-width:0; width:75%; margin-inline:auto; }
.material-reference-stage { width:100%; aspect-ratio:3/4; display:flex; align-items:flex-end; }
.material-reference-stage > img { width:100%; height:100%; object-fit:contain; }
.museum-reference-window { width:100%; aspect-ratio:1; overflow:hidden; }
.museum-reference-window > img { width:100%; height:100%; object-fit:cover; object-position:50% 10%; }
.evidence-leroy-support figcaption > span, .collection-source-pair figcaption > span { display:block; }
.collection-source-pair figcaption { margin-top:14px; font-size:14px; line-height:1.5; color:rgba(251,247,239,.78); }
@media(max-width:760px) {
 .collection-source-content { grid-template-columns:1fr; gap:24px; }
 .collection-source-pair { gap:14px; }
}

/* Paired exhibition evidence follows the retail case’s caption and type system. */
.case-exhibition-images { grid-template-columns:repeat(2,minmax(0,1fr)); }
.case-exhibition-images .case-evidence { min-height:0; }
.case-exhibition-images .case-evidence img { display:block; width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; }
@media(max-width:760px) {
  .case-exhibition-images { grid-template-columns:1fr; gap:20px; }
  .case-exhibition-images .case-evidence figcaption { position:static; margin:0; padding:12px 14px; }
}

/* Final readability pass: preserve hierarchy while making captions useful. */
.site-header nav > a, .nav-cta, .button-primary, .text-link, .pillar b,
.hero-image figcaption, .proof-strip > span, .image-card small, .case-card small,
.page-hero-image figcaption, .collection-grid figcaption span,
.celebrity-card > div span, .celebrity-card figcaption,
.case-heading > span, .case-evidence figcaption b, .case-scope dt,
.closing > p, .closing > div, .runway-chapters a, .runway-chapters a span,
.body-system-notes dt span, .field-grid label > span,
.form-progress, .back-button, .button-next { font-size:12px; line-height:1.5; }
.case-evidence figcaption { flex-wrap:wrap; gap:4px 18px; }
.case-evidence figcaption span { font-size:14px; }
.collection-grid figcaption span, .collection-light .collection-grid figcaption span,
.celebrity-card figcaption { color:rgba(251,247,239,.74); font-size:14px; line-height:1.5; }
.celebrity-card > div p { color:rgba(251,247,239,.74); font-size:14px; line-height:1.6; }
.site-header nav > a { letter-spacing:.065em; }
.celebrity-card .reference-pair { grid-column:3; display:grid; grid-template-columns:1fr; gap:20px; min-width:0; padding:0; margin:0; border:0; }
.celebrity-card .reference-pair img { width:100%; height:220px; object-fit:contain; object-position:center bottom; }
.celebrity-card .reference-pair figcaption, .celebrity-card > figure figcaption { text-align:center; }
.celebrity-card .look-context { max-width:24ch; margin-top:16px; font-size:14px; line-height:1.5; }
@media(min-width:761px) {
 .celebrity-card-karen { grid-template-columns:18fr 42fr 40fr; }
 .celebrity-card-karen .reference-pair { grid-column:3; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,1.4vw,22px); align-items:end; }
 .celebrity-card-karen .reference-pair img { height:clamp(340px,40vw,560px); }
}
@media(max-width:760px) {
 .site-header nav > a { font-size:14px; }
 .celebrity-card-karen { grid-template-columns:minmax(0,1fr); }
 .celebrity-card-karen > figure { grid-column:1; }
 .celebrity-card .reference-pair { grid-column:1/-1; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; gap:16px; }
 .celebrity-card .reference-pair img { height:auto; aspect-ratio:2/3; }
 .celebrity-card .look-context { max-width:none; }
}

/* A direct email route and an explicit brief-to-email handoff. */
.closing > div { flex-wrap: wrap; gap: 18px 28px; }
.closing .contact-email { text-transform: none; letter-spacing: normal; text-decoration: underline; text-underline-offset: 4px; font-size: 14px; }
.form-step > .inquiry-direct { margin: 22px 0 0; font: 14px/1.6 var(--sans); }
.inquiry-direct a, .form-success > p a { text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.form-success .email-brief { display: inline-flex; align-items: center; justify-content: center; margin: 22px auto 0; min-height: 48px; font-size: 13px; }
.form-success > .email-fallback { margin: 18px auto 0; max-width: 460px; font: 14px/1.55 var(--sans); }
.brief-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; }
.form-success .brief-actions .text-link { margin: 8px 0 0; min-width: 0; border: 0; border-bottom: 1px solid currentColor; padding: 8px 0; }
.form-success textarea { font-size: 13px; line-height: 1.5; }

@media (max-width: 760px) { .closing > div > a { display: flex; align-items: center; justify-content: center; min-height: 44px; } }

/* Shared, compact site footer; section content stays on its relevant page. */
.site-footer { background: var(--night); color: var(--white); padding: 54px 6.6vw 48px; border-top: 1px solid rgba(196,161,108,.35); }
.site-footer-grid { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(0,.85fr) minmax(0,1fr); gap: 6vw; }
.site-footer h2 { margin: 0 0 16px; color: var(--gold); font: 600 14px/1.5 var(--sans); letter-spacing: .1em; text-transform: uppercase; text-wrap: initial; }
.footer-about p { max-width: 31ch; font-size: 17px; line-height: 1.7; color: rgba(251,247,239,.8); }
.footer-legal { margin-top: 38px; padding-top: 20px; border-top: 1px solid rgba(251,247,239,.12); }
.footer-legal p { font: 400 12px/1.7 Arial, sans-serif; letter-spacing: .035em; color: rgba(251,247,239,.6); }
.footer-email-link { gap: 8px; }
.site-footer nav > a { display: flex; align-items: center; min-height: 40px; padding: 7px 0; font-size: 14px; line-height: 1.5; }
.site-footer a:hover, .site-footer button:hover { color: var(--gold); }
.site-footer a:focus-visible, .site-footer button:focus-visible { outline: 2px solid var(--gold); outline-offset: 5px; }
#assets, #faq, #knowledge-in-the-present, #about, #contact { scroll-margin-top: 96px; }

.cross-border-directions { padding: 72px 6.6vw 80px; background: var(--bone); }
.cross-border-directions header { max-width: 850px; }
.cross-border-directions .overline { color: var(--mulberry); font-size: 12px; }
.cross-border-directions h2 { margin-top: 22px; font: 400 clamp(36px,4.2vw,62px)/1.07 var(--serif); letter-spacing: -.035em; }
.cross-border-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6vw; margin-top: 42px; }
.cross-border-grid article { padding-top: 22px; border-top: 1px solid var(--line); }
.cross-border-grid h3 { margin: 14px 0; font: 400 clamp(27px,2.4vw,36px)/1.15 var(--serif); letter-spacing: -.02em; }
.cross-border-grid article > p:last-child { max-width: 49ch; font-size: 16px; line-height: 1.7; color: rgba(16,24,23,.75); }
@media (max-width: 900px) {
  .site-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
  .footer-about { grid-column: 1 / -1; }
  .footer-about p { max-width: 48ch; }
}
@media (max-width: 760px) {
  .site-footer { padding: 38px 24px 38px; }
  .site-footer-grid { gap: 28px 20px; }
  .site-footer h2 { margin-bottom: 10px; }
  .footer-legal { margin-top: 28px; }
  .site-footer nav > a { min-height: 44px; }
  .cross-border-directions { padding: 50px 24px 56px; }
  .cross-border-grid { grid-template-columns: 1fr; gap: 28px; margin-top: 30px; }
  .cross-border-directions h2 { font-size: clamp(32px,8vw,42px); }
  #assets, #faq, #knowledge-in-the-present, #about, #contact { scroll-margin-top: 84px; }
}

.home-collaborations .case-card img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.home-collaborations .case-card .home-retail-image { object-position: 50% 50%; }
.page-hero-lijin .page-hero-image img { transform:scale(1.06); transform-origin:50% 0; }
.home-exhibition-image { aspect-ratio: 4 / 3; overflow: hidden; background: var(--black); }
.home-collaborations .case-card .home-exhibition-image img { width: 100%; height: 100%; object-position: 50% 0%; transform: scale(1.12); transform-origin: 50% 0%; }

@media (min-width: 761px) { .home-collaborations .section-intro h2 { margin: 28px 0 24px; font-size: clamp(42px,4vw,58px); line-height: 1; } }

/* Language stays available beside the navigation, including on small screens. */
.site-header { gap: 24px; }
.header-actions { display: flex; flex: none; align-items: center; gap: 12px; }
.language-switch { display: flex; align-items: center; gap: 4px; white-space: nowrap; font: 500 12px/1.5 var(--sans); }
.language-switch a { display: flex; align-items: center; justify-content: center; min-height: 44px; min-width: 28px; }
.language-switch > span { color: rgba(251,247,239,.3); }
.language-switch a[aria-current], .language-switch a:hover { color: var(--gold); }
.language-switch a:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }

/* Homepage refinement: fewer decorative layers, denser navigation, less dead space. */
@media (min-width: 1101px) {
  .site-header { gap: 18px; padding-inline: 2.8vw; }
  .site-header nav { gap: clamp(10px, 1vw, 17px); }
  .site-header nav > a { font-size: 10px; letter-spacing: .085em; }
  .nav-cta { padding: 11px 12px; }
  .home-about { min-height: 0; align-items: center; padding: 78px 6.6vw 72px; }
  .home-about > .overline { align-self: start; }
  .collaboration-hero { min-height: 80svh; padding-top: 145px; padding-bottom: 90px; }
}

/* Final spacing pass: keep editorial type open and tablet layouts readable. */
.partnership-method h3 { min-height: 2.2em; }
.evidence-case .proof-source { width: fit-content; line-height: 1.6; }
.site-footer-grid > * { min-width: 0; }
.site-footer nav > a { width: fit-content; }
.page-hero-lijin .page-hero-copy h1 { line-height: 1.05; letter-spacing: -.035em; }

@media (min-width: 761px) and (max-width: 1100px) {
  .home-runway, .home-collaborations { display: block; min-height: 0; padding-block: 80px; }
  .home-runway .section-intro, .home-collaborations .section-intro { max-width: 620px; padding-right: 0; margin-bottom: 40px; }
  .home-runway .section-intro h2, .home-collaborations .section-intro h2 { font-size: clamp(44px, 5.5vw, 60px); }
  .home-about { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 28px 5vw; min-height: 0; padding-block: 80px; }
  .home-about > .overline { grid-column: 1/-1; padding-top: 0; }
  .home-about h2 { font-size: clamp(44px, 5.5vw, 60px); }
  .case-heading { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 28px 5vw; margin-bottom: 48px; }
  .case-heading > span { grid-column: 1/-1; }
  .collaboration-hero { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr); gap: 5vw; padding-bottom: 80px; }
  .collaboration-hero h1 { font-size: clamp(48px, 6vw, 66px); }
  .editorial-split { gap: 5vw; }
}

@media (max-width: 1000px) {
  .page-hero-lijin { position: relative; display: block; min-height: 80svh; }
  .page-hero-lijin .page-hero-copy { position: relative; z-index: 3; width: 100%; min-height: calc(80svh - 76px); padding-block: 72px; }
  .page-hero-lijin .page-hero-image { position: absolute; inset: 76px 0 0; opacity: .12; }
  .page-hero-lijin .page-hero-image::after { background: linear-gradient(90deg, var(--paper), rgba(238,233,223,.52)); }
  .page-hero-lijin .page-hero-image figcaption { display: none; }
}

@media (max-width: 760px) {
  .page-hero-lijin { min-height: 0; }
  .page-hero-lijin .page-hero-copy { min-height: min(640px, calc(85svh - 66px)); padding: 64px 24px; }
  .page-hero-lijin .page-hero-copy .overline { margin-bottom: 30px; }
  .page-hero-lijin .page-hero-image { inset: 66px 0 0; }
  .home-about, .home-runway, .home-collaborations, .editorial-split,
  .asset-section, .faq-section, .collection, .celebrity-section, .case-study { padding: 72px 24px; }
  .home-about h2 { margin: 28px 0 36px; font-size: clamp(42px, 11vw, 56px); }
  .home-about-copy { margin-left: 0; }
  .section-intro, .collection-heading, .case-heading, .faq-section header { margin-bottom: 36px; }
  .editorial-copy { padding-top: 0; }
  .partnership-method article { min-height: 0; padding: 32px 24px; }
  .partnership-method h3 { min-height: 0; margin-top: 22px; }
  .partnership-method p { margin-top: 16px; }
  .translation-study { margin-top: 28px; }
  .translation-study-stage h3 { margin-top: 6px; }
  .partnership-evidence { gap: 56px; }
  .evidence-case { padding-top: 28px; gap: 24px; }
  .next-story { padding: 56px 24px 64px; }
  .collaboration-hero { min-height: 0; padding: 132px 24px 72px; }
  .collaboration-hero > p { margin-top: 36px; }
}

/* Chinese copy uses natural character spacing and comfortable line heights. */
html[lang="zh-CN"] { --serif: "Noto Serif CJK SC", "Songti SC", SimSun, serif; --sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", Arial, sans-serif; }
html[lang="zh-CN"] main :is(h1,h2,h3), html[lang="zh-CN"] .form-step h2 { letter-spacing: 0; line-height: 1.25; }
html[lang="zh-CN"] main h2 { font-size: clamp(32px,4vw,56px); }
html[lang="zh-CN"] :is(.hero-memory,.hero-now) { letter-spacing: 0; line-height: 1.08; }
html[lang="zh-CN"] .hero h1 :is(.hero-memory,.hero-now) br { display: none; }
html[lang="zh-CN"] .home-about h2 em + br { display: none; }
html[lang="zh-CN"] .collaboration-hero h1 br:first-of-type { display: none; }
html[lang="zh-CN"] :is(.hero-intro,.page-hero-copy > p,.archive-hero-intro,.footer-about p) { line-height: 1.8; }
html[lang="zh-CN"] :is(.overline,.text-link,.nav-cta) { letter-spacing: .055em; }
html[lang="zh-CN"] .site-header nav > a { font-size: 13px; letter-spacing: .02em; }
html[lang="zh-CN"] .wordmark { letter-spacing: .1em; }
html[lang="zh-CN"] .footer-legal p { font-family: var(--sans); letter-spacing: .02em; }
html[lang="zh-CN"] .home-about h2 { font-size: clamp(42px,4.5vw,68px); }
html[lang="zh-CN"] :is(.collaboration-hero h1,.runway-hero h1) { font-size: clamp(46px,6vw,86px); }
html[lang="zh-CN"] .page-hero-copy h1 { font-size: clamp(44px,5.2vw,76px); }
html[lang="zh-CN"] .partnership-method h3 { min-height: 2.5em; }

/* Chinese editorial rhythm: complete phrases, quieter scale and tighter hierarchy. */
html[lang="zh-CN"] main :is(h1,h2,h3) { text-wrap: balance; }
html[lang="zh-CN"] .hero-copy { width: 58%; }
html[lang="zh-CN"] .hero-memory { font-size: clamp(56px,6.1vw,88px); }
html[lang="zh-CN"] .hero-now { margin-top: 20px; font-size: clamp(50px,5.4vw,78px); font-weight: 500; }
html[lang="zh-CN"] .hero-intro { margin-top: 28px; max-width: 31em; }
html[lang="zh-CN"] .hero-actions { margin-top: 30px; gap: 22px; }
html[lang="zh-CN"] :is(.button-primary,.text-link) { letter-spacing: .035em; }
html[lang="zh-CN"] .page-hero-copy .overline { margin-bottom: 32px; }
html[lang="zh-CN"] .page-hero-copy h1 { font-size: clamp(42px,4.7vw,68px); line-height: 1.18; }
html[lang="zh-CN"] .page-hero-copy > p:last-child { margin-top: 30px; }
html[lang="zh-CN"] .runway-hero h1 { margin: 26px 0 26px; font-size: clamp(44px,5.2vw,76px); line-height: 1.18; }
html[lang="zh-CN"] .collaboration-hero h1 { margin-top: 24px; font-size: clamp(44px,5.2vw,76px); line-height: 1.18; }
html[lang="zh-CN"] .collaboration-hero > p { font-size: 18px; }
html[lang="zh-CN"] :is(.section-intro,.collection-heading) h2 { line-height: 1.18; }
html[lang="zh-CN"] .section-intro h2 { margin: 24px 0 22px; }
html[lang="zh-CN"] #partnership-faq-title br { display: none; }
@media (max-width: 760px) {
  .site-header { gap: 12px; }
  .header-actions { gap: 8px; }
  html[lang="zh-CN"] .hero-copy { width: 100%; }
  html[lang="zh-CN"] :is(.hero-memory,.hero-now) { font-size: clamp(42px,11vw,54px); }
  html[lang="zh-CN"] .hero-now { margin-top: 16px; }
  html[lang="zh-CN"] .hero-intro { margin-top: 24px; }
  html[lang="zh-CN"] .hero-actions { margin-top: 26px; gap: 18px; }
  html[lang="zh-CN"] .page-hero-copy h1, html[lang="zh-CN"] .collaboration-hero h1, html[lang="zh-CN"] .runway-hero h1 { font-size: clamp(34px,9.5vw,46px); }
  html[lang="zh-CN"] .form-step h2 { font-size: 32px; }
  html[lang="zh-CN"] .home-about h2 { font-size: 42px; }
  html[lang="zh-CN"] .partnership-method h3 { min-height: 0; }
  .page-hero-archive { display: grid; }
  .page-hero-archive .page-hero-copy { min-height: 0; }
}

/* Premium homepage lock — intentionally last in the cascade. */
@media (min-width:761px) {
  .site-header { height:72px; padding-inline:3.4vw; background:rgba(3,10,13,.88); border-bottom-color:rgba(255,255,255,.09); }
  .site-header nav { gap:clamp(11px,1.05vw,18px); }
  .site-header nav > a { font-size:9px; font-weight:600; letter-spacing:.115em; }
  .nav-cta { padding:10px 12px; font-size:9px; font-weight:600; letter-spacing:.11em; border-color:rgba(255,255,255,.4); }
  .language-switch { font-size:10px; }
  .hero-copy { width:56%; padding:122px 4vw 62px 7.2vw; }
  .hero-memory { font-size:clamp(58px,6.45vw,96px); line-height:.97; }
  .hero-now { margin-top:22px; font-size:clamp(43px,5vw,72px); line-height:.96; font-weight:500; }
  .home-about { grid-template-columns:16% 51% 33%; padding:86px 6.6vw 82px; }
  .home-about h2 { font-size:clamp(50px,5.35vw,78px); }
  .pillar { min-height:550px; }
  html[lang="zh-CN"] .site-header nav > a { font-size:12px; letter-spacing:.015em; }
  html[lang="zh-CN"] .hero-copy { width:56%; }
  html[lang="zh-CN"] .hero-memory { font-size:clamp(52px,5.45vw,78px); }
  html[lang="zh-CN"] .hero-now { margin-top:16px; font-size:clamp(43px,4.7vw,66px); }
}
@media (max-width:760px) {
  .hero-copy { padding-top:112px; padding-bottom:48px; }
  .hero-memory { font-size:clamp(44px,12.5vw,60px); line-height:.98; }
  .hero-now { margin-top:18px; font-size:clamp(31px,9vw,44px); font-weight:500; }
  .home-about { padding-top:78px; padding-bottom:84px; }
  .home-about h2 { font-size:clamp(40px,10.5vw,50px); line-height:1.08; }
  html[lang="zh-CN"] :is(.hero-memory,.hero-now) { font-size:clamp(38px,10vw,48px); }
  html[lang="zh-CN"] .hero-now { margin-top:14px; }
}

/* Footer typography — final cascade lock. */
.site-footer .footer-about p { max-width:34ch; font:400 16px/1.65 var(--sans); letter-spacing:0; }
.site-footer h2 { margin-bottom:14px; font:600 12px/1.5 var(--sans); letter-spacing:.12em; }
.site-footer nav > a { font:400 14px/1.5 var(--sans); letter-spacing:0; }
.site-footer .footer-legal p { font:400 12px/1.65 var(--sans); letter-spacing:.025em; }
html[lang="zh-CN"] .site-footer h2 { letter-spacing:.04em; }
html[lang="zh-CN"] .site-footer .footer-about p { line-height:1.8; }

/* Narrow-phone release pass: preserve breathing room around identity and utilities. */
@media (max-width: 420px) {
  .site-header { padding-inline: 16px; }
  .wordmark { font-size: 15px; letter-spacing: .14em; }
  .header-actions { gap: 6px; }
  .language-switch { font-size: 11px; }
  .language-switch a { min-width: 25px; }
  .menu-button { width: 36px; }
  .site-footer-grid { grid-template-columns: 1fr; gap: 26px; }
  .footer-about { grid-column: auto; }
  .footer-about p { max-width: 30ch; }
}

/* Final alignment: footer statement and the restrained collaborator rail. */
.site-footer .footer-about p {
  max-width: 39ch;
  font: 400 14px/1.5 var(--sans);
  letter-spacing: 0;
}

@media (min-width: 1121px) {
  .proof-strip {
    min-height: 78px;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 0;
    padding-block: 14px;
  }
  .proof-strip > span {
    width: 160px;
    color: rgba(222,193,157,.78);
    font-size: 10px;
    line-height: 1.45;
    font-weight: 650;
    letter-spacing: .16em;
  }
  .proof-strip > div {
    display: grid;
    grid-template-columns: .72fr .96fr 1.18fr 2.08fr .72fr;
    align-items: center;
    row-gap: 0;
  }
  .proof-strip a,
  .proof-strip a:last-child {
    min-width: 0;
    min-height: 42px;
    justify-content: flex-start;
    padding: 0 clamp(16px,1.55vw,26px);
    border-left-color: rgba(255,255,255,.13);
    color: rgba(255,255,255,.76);
    font-family: var(--sans);
    font-size: clamp(10px,.76vw,12px);
    line-height: 1.35;
    font-weight: 500;
    letter-spacing: .045em;
  }
  .proof-strip a:last-child {
    color: rgba(255,255,255,.46);
    font-size: 9px;
    letter-spacing: .085em;
  }
  .proof-strip a:hover,
  .proof-strip a:focus-visible {
    background: rgba(255,255,255,.045);
    color: #dec19d;
  }
}

html[lang="zh-CN"] .site-footer .footer-about p { line-height: 1.65; }
html[lang="zh-CN"] .sentence-space,
html[lang="zh"] .sentence-space { display: none; }

/* Homepage collaboration rail and About section — final restraint pass. */
@media (min-width: 761px) {
  .proof-strip {
    grid-template-columns: 215px 1fr;
  }
  .proof-strip > span {
    white-space: nowrap;
  }
  .proof-strip a {
    border-left-color: rgba(255,255,255,.075);
  }
  .home-about > .overline {
    padding-top: 0;
    transform: translateY(-10px);
  }
  .home-about h2 {
    font-size: clamp(48px,4.98vw,73px);
    line-height: 1.055;
  }
  .home-about-copy {
    width: min(100%, 420px);
    justify-self: end;
    padding-top: 24px;
  }
  .home-about-copy p {
    margin-top: 20px;
    color: rgba(16,24,23,.76);
    line-height: 1.62;
  }
}

/* About section — closer to the rail, with a more generous internal rhythm. */
@media (min-width: 761px) {
  .home-about {
    min-height: 70vh;
    padding-top: 70px;
    padding-bottom: 106px;
  }
  .home-about > .overline {
    transform: translateY(-6px);
  }
  .home-about h2 {
    line-height: 1.075;
  }
  .home-about-copy p {
    margin-top: 24px;
  }
  .pillar p {
    min-height: 4.65em;
  }
}

/* Partnership method — one shared reading line, without decorative staggering. */
@media (min-width: 901px) {
  .why-lijin-page .partnership-method article {
    justify-content: flex-start;
  }
  .why-lijin-page .partnership-method h3 {
    margin-top: 32px;
    min-height: 2.35em;
  }
}

/* Lijin Archive — preserve the content while giving each idea more room. */
@media (min-width: 761px) {
  .archive-relationships,
  .archive-relationship-chapter {
    padding-top: 90px;
    padding-bottom: 96px;
  }
  .archive-section-heading {
    margin-bottom: 52px;
  }
  .archive-dna-intro {
    gap: 6vw;
  }
  .archive-form-reading {
    margin-top: 54px;
  }
  .archive-contemporary {
    padding-top: 104px;
    padding-bottom: 110px;
  }
  .archive-design-questions {
    margin-top: 52px;
    margin-bottom: 46px;
  }
  .archive-design-questions li {
    padding-top: 28px;
    padding-bottom: 28px;
  }
}