/** Shopify CDN: Minification failed

Line 164:17 Unexpected "{"
Line 633:2 Unexpected "/"
Line 669:123 Expected identifier but found "."
Line 672:67 Expected identifier but found "."
Line 1245:0 Unexpected "/"

**/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Inter:wght@300;400&family=IBM+Plex+Mono:wght@300;400&display=swap');

/* ══════════════════════════════════════════════
   VERVE JADE — PRIVATE JADE HOUSE · v4
   动线:光 → 宣言 → 孤品 → 罕见 → 来处 → 归途(CSR) → 为何收藏 → 私享
   曜石黑 / 暖纸白 / 香槟金(细节) / 零绿零红 UI
   ══════════════════════════════════════════════ */
:root{
  --obsidian:#0B0A08; --onyx:#100E0A; --charcoal:#16120B; --slate:#1E1810;
  --paper:#EAE3D4; --bone:#B4AB99; --faint:#6D6555;
  --gold:#C4A470; --gold-soft:#DFC9A1; --gold-deep:#96793F;
  --line:rgba(234,227,212,.10); --line-gold:rgba(196,164,112,.40);
  --serif:'Cormorant Garamond',Georgia,serif;
  --sans:'Inter','Helvetica Neue',Arial,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--obsidian);color:var(--paper);font-family:var(--sans);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
.wrap{max-width:1360px;margin:0 auto;padding:0 64px}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:#0B0A08}
.plate{font-family:var(--mono);font-size:10px;letter-spacing:.34em;text-transform:uppercase;color:var(--faint)}
.plate.gold{color:var(--gold)}

/* ── 光效工具 ── */
.glow{position:absolute;border-radius:50%;filter:blur(6px);pointer-events:none}
@keyframes breathe{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.12)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-22px)}}
@keyframes dust{0%{transform:translateY(0);opacity:0}12%{opacity:.8}88%{opacity:.5}100%{transform:translateY(-140px);opacity:0}}

/* ── 头部 ── */
header{position:fixed;top:0;left:0;right:0;z-index:60;background:linear-gradient(180deg,rgba(11,10,8,.9),rgba(11,10,8,0));padding:24px 0}
.hbar{display:flex;align-items:center;justify-content:space-between}
.logo{font-family:var(--serif);font-size:21px;letter-spacing:.5em;color:var(--paper);font-weight:400}
.logo b{color:var(--gold);font-weight:400}
nav.m{display:flex;gap:42px}
nav.m a{font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--bone);transition:color .3s}
nav.m a:hover{color:var(--gold)}
.hright{display:flex;gap:26px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--bone)}

/* ── 01 HERO · 石头与光(强光效) ── */
.hero{position:relative;height:88vh;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;
  background:radial-gradient(1100px 700px at 50% 128%, rgba(196,164,112,.20), transparent 66%),
              radial-gradient(500px 260px at 16% -8%, rgba(234,227,212,.06), transparent 60%),
              linear-gradient(180deg,#0A0907,#0D0B07 60%,#090806)}
.hero .grain{position:absolute;inset:0;background-image:radial-gradient(rgba(234,227,212,.03) 1px,transparent 1px);background-size:3px 3px}
/* 顶光锥 */
.hero .cone{position:absolute;top:-4%;left:50%;transform:translateX(-50%);width:56vw;height:64vh;
  background:linear-gradient(180deg,rgba(223,201,161,.16),rgba(223,201,161,.03) 42%,transparent 75%);
  clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);opacity:.8;filter:blur(2px)}
.hero .halo-up{position:absolute;top:-18%;left:50%;transform:translateX(-50%);width:70vw;height:46vh;background:radial-gradient(50% 100% at 50% 100%,rgba(223,201,161,.13),transparent 70%)}
/* 浮尘 */
.hero .dust i{position:absolute;display:block;width:2px;height:2px;border-radius:50%;background:var(--gold-soft);animation:floaty 7s ease-in-out infinite}
.hero .dust i:nth-child(1){left:30%;bottom:18%;animation-delay:0s}
.hero .dust i:nth-child(2){left:58%;bottom:30%;animation-delay:1.6s;width:1.4px;height:1.4px}
.hero .dust i:nth-child(3){left:44%;bottom:44%;animation-delay:3s;width:1.6px;height:1.6px}
.hero .dust i:nth-child(4){left:66%;bottom:56%;animation-delay:.8s}
.hero .dust i:nth-child(5){left:24%;bottom:62%;animation-delay:2.2s;width:1.4px;height:1.4px}
.hero .dust i:nth-child(6){left:74%;bottom:16%;animation-delay:4s}
/* 悬浮石 */
.hero .stone{position:relative;width:min(30vw,350px);height:min(30vw,350px);margin-bottom:7vh;z-index:2}
.hero .stone .glow-a{position:absolute;inset:-26%;background:radial-gradient(circle,rgba(223,201,161,.26),transparent 62%);animation:breathe 6s ease-in-out infinite}
.hero .stone .glow-b{position:absolute;inset:-6%;background:radial-gradient(circle at 50% 30%,rgba(255,244,222,.34),transparent 55%);animation:drift 8s ease-in-out infinite}
@keyframes drift{0%,100%{transform:translate(0,0);opacity:.8}50%{transform:translate(-3%,-5%) scale(1.05);opacity:1}}
.hero .stone .gem{position:absolute;inset:7%;border:1px solid rgba(234,227,212,.30);transform:rotate(45deg);overflow:hidden;
  background:linear-gradient(135deg,rgba(234,227,212,.07),rgba(234,227,212,.005) 55%);
  box-shadow:0 0 90px rgba(196,164,112,.30), inset 0 0 60px rgba(223,201,161,.10)}
.hero .stone .gem i{position:absolute;inset:11%;border:1px solid rgba(234,227,212,.14);transform:rotate(45deg)}
.hero .stone .gem b{position:absolute;left:-30%;width:30%;height:130%;top:-15%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,250,238,.30),rgba(255,250,238,.05),transparent);
  animation:sheen 5.4s ease-in-out infinite}
@keyframes sheen{0%{left:-35%}55%{left:105%}100%{left:105%}}
/* 地面光池 */
.hero .pool{position:absolute;left:50%;bottom:12vh;transform:translateX(-50%);width:min(46vw,520px);height:60px;
  background:radial-gradient(50% 50% at 50% 50%,rgba(196,164,112,.22),transparent 70%);filter:blur(10px)}
.hero .h{position:absolute;left:0;right:0;top:49%;transform:translateY(-50%);text-align:center;pointer-events:none;z-index:3;
  text-shadow:0 0 60px rgba(196,164,112,.25)}
.hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(46px,7.6vw,124px);letter-spacing:.14em;color:#F4EEDA;line-height:1.05;text-indent:.14em}
.hero h1 em{font-style:italic;color:var(--gold-soft)}
.hero .tag{position:absolute;left:0;right:0;bottom:22vh;text-align:center;z-index:3}
.hero .cta{position:absolute;left:0;right:0;bottom:13vh;text-align:center;z-index:3}
.btn-line{display:inline-block;font-family:var(--mono);font-size:11px;letter-spacing:.4em;text-transform:uppercase;color:var(--paper);border-bottom:1px solid var(--line-gold);padding-bottom:10px;transition:all .3s}
.btn-line:hover{color:var(--gold-soft);border-color:var(--gold-soft);text-shadow:0 0 24px rgba(196,164,112,.5)}
.hero .idx{position:absolute;left:64px;top:52%;transform:rotate(90deg) translateX(-50%);transform-origin:left top;z-index:3}
.hero .scroll{position:absolute;right:64px;bottom:44px;writing-mode:vertical-rl;font-family:var(--mono);font-size:9px;letter-spacing:.44em;text-transform:uppercase;color:var(--faint);z-index:3}
.hero .vign{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}

/* ── 章节通用 ── */
.sec{position:relative;padding:140px 0;border-top:1px solid var(--line);overflow:hidden}
.sec .cap{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:70px}
.mono-num{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--faint)}
.sec-tone{position:absolute;inset:0;pointer-events:none}


/* THE EDIT 策展精选 */
.edit-sec{background:#0C0A07}
.edit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:70px 36px}
.ec{display:block}
.eph{position:relative;aspect-ratio:4/5;background:linear-gradient(165deg,#19130A 0%,#0C0A07 78%);border:1px solid var(--line);overflow:hidden;transition:border-color .4s,box-shadow .4s}
.ec:hover .eph{border-color:var(--line-gold);box-shadow:0 0 60px rgba(196,164,112,.10)}
.eph .eglow{position:absolute;left:50%;top:20%;transform:translateX(-50%);width:70%;height:40%;background:radial-gradient(50% 100% at 50% 100%,rgba(223,201,161,.16),transparent 78%)}
.eph .egem{position:absolute;left:50%;top:52%;width:27%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(223,201,161,.4);background:radial-gradient(circle at 36% 28%,rgba(255,244,222,.22),rgba(150,121,63,.06) 62%);box-shadow:0 0 44px rgba(196,164,112,.16)}
.ebadge{position:absolute;top:16px;left:16px;font-family:var(--mono);font-size:9px;letter-spacing:.24em;padding:7px 12px;background:var(--gold);color:#0B0A08;text-transform:uppercase}
.ebadge.dark{background:transparent;border:1px solid var(--line-gold);color:var(--gold-soft)}
.en{font-family:var(--serif);font-size:23px;letter-spacing:.1em;color:var(--paper);margin-top:20px;font-weight:400}
.ecat{font-family:var(--mono);font-size:9.5px;letter-spacing:.24em;color:var(--faint);text-transform:uppercase;margin-top:7px}
.eprice{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;color:var(--gold);margin-top:12px}
.eprice .eact{font-size:10px;letter-spacing:.3em;color:var(--paper);text-transform:uppercase;transition:color .3s}
.ec:hover .eprice .eact{color:var(--gold)}
.eprice .eact.gold{color:var(--gold)}
.edit-more{text-align:center;margin-top:90px}
@media(max-width:1024px){.edit-grid{grid-template-columns:repeat(2,1fr)}}


/* 八门展厅 · THE ROOMS */
.rooms-sec{background:#0B0A08;padding-bottom:0}
.rooms{display:flex;flex-direction:column}
.rm{display:grid;grid-template-columns:1.25fr 1fr;min-height:58vh;border-top:1px solid var(--line);text-decoration:none}
.rm.rev{grid-template-columns:1fr 1.25fr}
.rm.rev .rinfo{order:-1;text-align:right;padding:70px 9% 70px 6%}
.rm .rpic{position:relative;background:var(--img);background-size:cover;background-position:center;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rm .rbig{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(120px,16vw,240px);color:transparent;-webkit-text-stroke:1px rgba(223,201,161,.24);transition:all .8s;line-height:1}
.rm:hover .rbig{-webkit-text-stroke:1px var(--gold);transform:scale(1.05);text-shadow:0 0 80px rgba(196,164,112,.4)}
.rm .rglow{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(223,201,161,.14),transparent 70%);pointer-events:none}
.rm .rinfo{display:flex;flex-direction:column;justify-content:center;padding:70px 6% 70px 9%}
.rm .rno{font-family:var(--mono);font-size:10px;letter-spacing:.34em;color:var(--faint);text-transform:uppercase;margin-bottom:22px}
.rm h3{font-family:var(--serif);font-weight:300;font-size:clamp(34px,4vw,56px);letter-spacing:.08em;color:var(--paper);line-height:1.1}
.rm .rsub{font-family:var(--serif);font-size:15px;letter-spacing:.34em;color:var(--gold);margin-top:14px;font-weight:400}
.rm .rq{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--bone);margin-top:22px;font-weight:300;letter-spacing:.03em}
.rm .enter{display:inline-block;margin-top:30px;font-family:var(--mono);font-size:10.5px;letter-spacing:.34em;color:var(--gold);text-transform:uppercase;border-bottom:1px solid var(--line-gold);padding-bottom:8px;width:fit-content;transition:all .3s}
.rm:hover .enter{color:var(--gold-soft);border-color:var(--gold-soft);text-shadow:0 0 20px rgba(196,164,112,.5)}
.rm:hover{background:#0D0B07}
@media(max-width:1024px){.rm,.rm.rev{grid-template-columns:1fr;min-height:0}.rm .rinfo,.rm.rev .rinfo{order:1;text-align:left;padding:44px 26px}.rm .rpic{min-height:48vh}}


.journey .j .jimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}
.journey .j:hover .jimg{transform:scale(1.07)}
.journey .j .jdim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,8,.30),rgba(11,10,8,.02) 42%,rgba(11,10,8,.88) 97%);transition:background .5s}
.journey .j:hover .jdim{background:linear-gradient(180deg,rgba(11,10,8,.18),rgba(11,10,8,.02) 45%,rgba(11,10,8,.8) 97%)}


/* 实拍图:封面件 */
.piece-sec .frame{overflow:hidden}
.piece-sec .coverimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.03) contrast(1.01)}
.piece-sec .covdim{position:absolute;inset:0;background:radial-gradient(115% 100% at 50% 46%, transparent 58%, rgba(11,10,8,.5)),linear-gradient(180deg,rgba(11,10,8,.18),transparent 22%,transparent 70%,rgba(11,10,8,.55));pointer-events:none}
.piece-sec .frame .plate{position:absolute;bottom:22px;left:24px;z-index:3;background:rgba(11,10,8,.35);padding:8px 14px;backdrop-filter:blur(4px)}
/* 八门实拍 */
.rm .rpic.hasimg{background-size:cover;background-position:center 42%}
.rm .rpic.hasimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,8,.06),transparent 30%,transparent 60%,rgba(11,10,8,.42));pointer-events:none;transition:background .5s}
.rm:hover .rpic.hasimg::after{background:linear-gradient(180deg,rgba(11,10,8,.02),transparent 34%,transparent 60%,rgba(11,10,8,.3))}
.rm .rpic.hasimg .rbig{position:absolute;right:7%;bottom:6%;font-size:clamp(90px,11vw,170px);-webkit-text-stroke:1px rgba(234,227,212,.5);text-shadow:0 0 40px rgba(0,0,0,.4);opacity:.9;transition:all .6s}
.rm .rpic.hasimg:hover .rbig{-webkit-text-stroke:1px var(--gold-soft);transform:scale(1.06)}
.rm .rpic.nopic .rpend{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase;background:rgba(11,10,8,.4);padding:7px 12px}
.piece-sec .rpic,{ }

/* ── 02 宣言 ── */
.manifesto{background:radial-gradient(800px 400px at 50% 120%, rgba(196,164,112,.10), transparent 70%),linear-gradient(180deg,#090806,#0F0C07);text-align:center}
.manifesto blockquote{font-family:var(--serif);font-weight:300;font-size:clamp(34px,5vw,80px);line-height:1.2;letter-spacing:.04em;max-width:1020px;margin:0 auto;position:relative;z-index:2}
.manifesto blockquote em{font-style:italic;color:var(--gold-soft);text-shadow:0 0 50px rgba(196,164,112,.35)}
.manifesto .sub{max-width:540px;margin:54px auto 0;font-size:15px;line-height:2.15;color:var(--bone);position:relative;z-index:2}

/* ── 03 孤品封面 · THE PIECE ── */
.piece-sec{background:#0C0A07}
.piece-sec .grid2{display:grid;grid-template-columns:1.12fr 1fr;gap:110px;align-items:center;position:relative;z-index:2}
.piece-sec .frame{position:relative;aspect-ratio:4/5;background:linear-gradient(168deg,#191307 0%,#0B0906 70%);border:1px solid var(--line)}
.piece-sec .frame .halo{position:absolute;left:50%;top:6%;transform:translateX(-50%);width:70%;height:34%;background:radial-gradient(50% 100% at 50% 100%,rgba(223,201,161,.20),transparent 75%)}
.piece-sec .frame .beam{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(180deg,transparent,rgba(223,201,161,.55) 22%,rgba(223,201,161,.12) 62%,transparent)}
.piece-sec .frame .beam::after{content:"";position:absolute;left:-40px;top:-10%;width:80px;height:24%;background:linear-gradient(180deg,transparent,rgba(255,244,222,.20),transparent);filter:blur(8px);animation:beamslide 7s ease-in-out infinite}
@keyframes beamslide{0%,100%{top:-12%}55%{top:88%}}
.piece-sec .ring1{position:absolute;inset:8%;border:1px solid var(--line-gold);border-radius:50%;box-shadow:0 0 80px rgba(196,164,112,.12) inset}
.piece-sec .ring2{position:absolute;inset:23%;border:1px solid rgba(234,227,212,.13);border-radius:50%}
.piece-sec .obj{position:absolute;left:50%;top:52%;width:24%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(45deg);border:1px solid var(--gold);
  background:radial-gradient(circle at 36% 28%,rgba(255,244,222,.34),rgba(150,121,63,.10) 60%);box-shadow:0 0 70px rgba(196,164,112,.35),inset 0 0 30px rgba(255,244,222,.12);animation:objpulse 6s ease-in-out infinite}
@keyframes objpulse{0%,100%{box-shadow:0 0 60px rgba(196,164,112,.3),inset 0 0 26px rgba(255,244,222,.1)}50%{box-shadow:0 0 100px rgba(223,201,161,.5),inset 0 0 44px rgba(255,244,222,.22)}}
.piece-sec .floor{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);width:64%;height:36px;background:radial-gradient(50% 50% at 50% 50%,rgba(196,164,112,.26),transparent 72%);filter:blur(8px)}
.piece-sec .frame .plate{position:absolute;bottom:22px;left:24px}
.piece-sec .study-head{font-family:var(--mono);font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);line-height:2.2;margin-bottom:26px}
.piece-sec h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.4vw,52px);line-height:1.25;letter-spacing:.05em}
.piece-sec h2 em{font-style:italic;color:var(--gold-soft)}
.piece-sec p.body{color:var(--bone);font-size:15px;line-height:2.2;margin:26px 0;font-weight:300}
/* 为什么罕见 */
.rare{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:30px 0 20px}
.rare .rv{background:var(--obsidian);padding:20px 22px}
.rare .rk{font-family:var(--serif);font-size:23px;color:var(--paper);letter-spacing:.06em}
.rare .rd{font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase;margin-top:6px;line-height:1.8}
.rare .rd b{color:var(--gold);font-weight:400}

/* ── 04 来处 · ORIGIN 四幕(带光源) ── */
.origin{background:radial-gradient(1000px 500px at 50% -10%, rgba(196,164,112,.07), transparent 60%),#0B0A08}
.origin .lead{max-width:780px;margin-bottom:100px}
.origin .lead h2{font-family:var(--serif);font-weight:300;font-size:clamp(32px,4vw,58px);line-height:1.28;letter-spacing:.03em}
.origin .lead h2 em{font-style:italic;color:var(--gold-soft)}
.origin .lead p{color:var(--bone);font-size:15px;line-height:2.1;margin-top:28px;max-width:540px}
.journey{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}
.journey .j{position:relative;padding:36px 30px 46px;border-left:1px solid var(--line);min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.journey .j:first-child{border-left:none}
.journey .j:hover{background:var(--onyx)}
.journey .j .art{position:absolute;inset:0}
.j1 .art{background:radial-gradient(340px 230px at 50% 34%, rgba(234,227,212,.14), transparent 70%)}
.j1 .art::after{content:"";position:absolute;left:50%;top:26%;width:96px;height:120px;transform:translateX(-50%) rotate(16deg);border:1px solid rgba(234,227,212,.34);background:linear-gradient(150deg,rgba(234,227,212,.09),transparent);box-shadow:0 0 40px rgba(234,227,212,.10)}
.j2 .art{background:radial-gradient(300px 210px at 50% 36%, rgba(223,201,161,.17), transparent 70%)}
.j2 .art::after{content:"";position:absolute;left:50%;top:28%;width:84px;height:84px;transform:translateX(-50%) rotate(45deg);border:1px solid rgba(223,201,161,.5);box-shadow:0 0 46px rgba(196,164,112,.22),inset 0 0 20px rgba(223,201,161,.14)}
.j3 .art{background:radial-gradient(320px 220px at 50% 32%, rgba(234,227,212,.10), transparent 70%)}
.j3 .art::after{content:"";position:absolute;left:50%;top:27%;width:72px;height:72px;transform:translateX(-50%) rotate(45deg);border:1px solid rgba(234,227,212,.3);border-radius:44% 56% 46% 54%;box-shadow:0 0 34px rgba(234,227,212,.08)}
.j4 .art{background:radial-gradient(360px 250px at 50% 40%, rgba(196,164,112,.20), transparent 72%)}
.j4 .art::after{content:"";position:absolute;left:50%;top:26%;width:80px;height:80px;transform:translateX(-50%) rotate(45deg);border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 60px rgba(196,164,112,.4),inset 0 0 24px rgba(223,201,161,.2);animation:objpulse 7s ease-in-out infinite}
.journey .j .no{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--gold);margin-bottom:14px;position:relative;z-index:2}
.journey .j h3{font-family:var(--serif);font-weight:400;font-size:27px;letter-spacing:.1em;position:relative;z-index:2}
.journey .j p{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--faint);margin-top:8px;text-transform:uppercase;position:relative;z-index:2}

/* ── 05 归途 · THE RETURN(CSR) ── */
.return{background:
  radial-gradient(900px 500px at 50% -20%, rgba(196,164,112,.09), transparent 60%),
  radial-gradient(700px 400px at 85% 110%, rgba(234,227,212,.04), transparent 60%),
  linear-gradient(180deg,#0E0B07,#0A0907)}
.return .lead{text-align:center;max-width:820px;margin:0 auto 90px}
.return .lead h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6vw,54px);line-height:1.4;letter-spacing:.04em}
.return .lead h2 em{font-style:italic;color:var(--gold-soft)}
.return .lead p{color:var(--bone);font-size:15px;line-height:2.2;margin-top:28px;max-width:600px;margin-left:auto;margin-right:auto}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
.pillar{background:rgba(11,10,8,.92);padding:52px 40px;position:relative;transition:background .5s}
.pillar:hover{background:var(--charcoal)}
.pillar .ic{font-family:var(--serif);font-size:34px;color:var(--gold);margin-bottom:30px;opacity:.95}
.pillar .t{font-family:var(--serif);font-size:27px;letter-spacing:.08em;color:var(--paper);margin-bottom:16px;font-weight:400}
.pillar .d{font-size:13.5px;color:var(--bone);line-height:2.05;font-weight:300}
.pillar .foot{font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:var(--gold);text-transform:uppercase;margin-top:26px;line-height:1.9}
.promise{border:1px solid var(--line-gold);padding:34px 40px;margin-top:64px;display:flex;gap:40px;align-items:center;justify-content:space-between;background:rgba(196,164,112,.05)}
.promise .pt{font-family:var(--serif);font-size:22px;color:var(--paper);letter-spacing:.05em;line-height:1.5}
.promise .pd{font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--bone);text-transform:uppercase;line-height:2;max-width:380px;text-align:right}

/* ── 06 为何收藏 · THE COLLECTOR ── */
.collector{background:radial-gradient(700px 420px at 12% 0%, rgba(234,227,212,.04), transparent 60%),#0B0A08;text-align:center}
.collector .inner{max-width:900px;margin:0 auto}
.collector .inner .big{font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(26px,3vw,42px);line-height:1.75;color:var(--paper);letter-spacing:.03em}
.collector .inner .big b{font-style:normal;color:var(--gold-soft);font-weight:400}
.collector .inner .why{margin:56px auto 0;font-size:15px;line-height:2.3;color:var(--bone);max-width:660px;font-weight:300}
.collector .inner .why em{font-style:normal;color:var(--gold)}

/* ── 07 宇宙章回 ── */
.universe{background:#0C0A07}
.chapters{border-top:1px solid var(--line)}
.chapter{display:grid;grid-template-columns:120px 1fr 1.3fr 90px;align-items:center;gap:40px;padding:52px 8px;border-bottom:1px solid var(--line);transition:background .45s,padding .45s}
.chapter:hover{background:var(--charcoal);padding-left:26px}
.chapter .r{font-family:var(--serif);font-style:italic;font-size:20px;color:var(--gold-deep)}
.chapter .n{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2.4vw,34px);letter-spacing:.14em}
.chapter .d{font-size:14px;color:var(--bone);line-height:1.9}
.chapter .go{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--faint);text-transform:uppercase;text-align:right;transition:color .3s}
.chapter:hover .go{color:var(--gold)}

/* ── 08 私享 ── */
.private{background:radial-gradient(800px 460px at 50% 130%, rgba(196,164,112,.16), transparent 70%),linear-gradient(180deg,#0A0907,#0F0C07);text-align:center;padding:170px 24px}
.private h2{font-family:var(--serif);font-weight:300;font-size:clamp(30px,3.6vw,54px);letter-spacing:.16em;line-height:1.4}
.private h2 em{font-style:italic;color:var(--gold-soft);letter-spacing:.04em;text-shadow:0 0 40px rgba(196,164,112,.3)}
.private p{max-width:520px;margin:34px auto 54px;color:var(--bone);font-size:15px;line-height:2.15}

/* ── 页脚 ── */
footer{border-top:1px solid var(--line);background:#090806}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:70px;padding:100px 0 56px}
footer .fl{font-family:var(--serif);font-size:19px;letter-spacing:.5em;color:var(--paper)}
footer .fl b{color:var(--gold);font-weight:400}
footer .csr{margin-top:26px;font-family:var(--mono);font-size:9.5px;letter-spacing:.22em;color:var(--faint);text-transform:uppercase;line-height:2.2;max-width:320px}
footer .csr b{color:var(--gold);font-weight:400}
footer h5{font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--gold);text-transform:uppercase;margin-bottom:28px;font-weight:400}
footer ul{list-style:none}
footer li{margin-bottom:14px}
footer li a{font-size:14px;color:var(--bone);transition:color .25s}
footer li a:hover{color:var(--gold)}
.news{display:flex;border-bottom:1px solid var(--line-gold);max-width:330px;margin-top:34px}
.news input{flex:1;background:transparent;border:none;outline:none;font-family:var(--sans);font-size:13.5px;padding:12px 0;color:var(--paper);font-weight:300}
.news input::placeholder{color:var(--faint)}
.news button{border:none;background:transparent;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--gold);cursor:pointer;text-transform:uppercase}
.fbot{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;color:var(--faint);text-transform:uppercase;flex-wrap:wrap;gap:12px}

@media(max-width:1024px){
  .wrap{padding:0 30px}
  nav.m{display:none}
  .piece-sec .grid2{grid-template-columns:1fr;gap:64px}
  .journey{grid-template-columns:repeat(2,1fr)}
  .journey .j:nth-child(3){border-left:none}
  .pillars{grid-template-columns:1fr}
  .chapters .chapter{grid-template-columns:1fr;gap:10px}
  .foot{grid-template-columns:1fr 1fr}
  .promise{flex-direction:column;align-items:flex-start;gap:20px}
  .promise .pd{text-align:left}
  .hero .idx{display:none}
}

/* 博物馆展墙 · THE ROOMS v2 */
.rooms-sec .wrap{}
.roomwall{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 26px}
.rw{display:block;text-decoration:none}
.rwi{position:relative;aspect-ratio:3/4;background-size:cover;background-position:center 38%;border:1px solid rgba(234,227,212,.16);overflow:hidden;transition:border-color .45s, box-shadow .45s}
.rwi::before{content:"";position:absolute;inset:7px;border:1px solid rgba(196,164,112,0);transition:border-color .45s;z-index:2;pointer-events:none}
.rwi::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,8,.08),transparent 30%,rgba(11,10,8,.5) 92%);pointer-events:none;transition:background .4s}
.rw:hover .rwi{border-color:var(--line-gold);box-shadow:0 10px 50px rgba(0,0,0,.5)}
.rw:hover .rwi::before{border-color:rgba(196,164,112,.5)}
.rwi{background-color:#16120C}
.rwm{position:absolute;top:16px;left:16px;font-family:var(--serif);font-style:italic;font-size:34px;color:transparent;-webkit-text-stroke:1px rgba(234,227,212,.85);z-index:3;line-height:1;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.rw:hover .rwm{-webkit-text-stroke:1px var(--gold-soft)}
.rw .rwl{padding:16px 3px 0;display:flex;flex-direction:column;gap:6px}
.rw .rwro{font-family:var(--mono);font-size:10px;letter-spacing:.26em;color:var(--paper);text-transform:uppercase}
.rw .rwzh{font-family:var(--serif);font-style:italic;font-weight:300;font-size:13.5px;color:var(--faint);letter-spacing:.05em}
.rw:hover .rwzh{color:var(--bone)}
.rw .rwp{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.3em;color:var(--faint);z-index:3;background:rgba(11,10,8,.45);padding:6px 12px;text-transform:uppercase}
.rooms-sec .rooms-title{margin-bottom:56px}
@media(max-width:1100px){.roomwall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.roomwall{grid-template-columns:1fr}}


/* Hero 实拍版 */
.heroimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 90%}
.hero-dim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,10,8,.66),rgba(11,10,8,.16) 30%,rgba(11,10,8,.18) 44%,rgba(11,10,8,.88) 74%,rgba(11,10,8,.96)),radial-gradient(80% 56% at 50% 46%,rgba(11,10,8,.0) 30%,rgba(11,10,8,.5) 100%);z-index:1}
.hero h1{text-shadow:0 2px 26px rgba(0,0,0,.9),0 0 90px rgba(0,0,0,.55)}
.hero .h{top:47%}
.hero .tag{text-shadow:0 1px 14px rgba(0,0,0,.9)}
.hero .btn-line{border-color:rgba(223,201,161,.75);background:rgba(11,10,8,.25);backdrop-filter:blur(2px);padding:12px 22px 12px;border:1px solid rgba(223,201,161,.6)}
.hero .h{z-index:3}
.hero .tag{z-index:3;bottom:20vh}
.hero .cta{z-index:3;bottom:12.5vh}
.hero .scroll,.hero .idx{z-index:4}
/* 八门再缩小:限宽 + 更紧凑 */
.roomwall{max-width:1120px;margin:0 auto;gap:14px}
.rwi{aspect-ratio:.88;border-width:1px}
.rw .rwl{padding:12px 2px 0;gap:5px}
.rw .rwro{font-size:9.5px;letter-spacing:.22em}
.rw .rwzh{font-size:12.5px}
.rwm{font-size:26px;top:12px;left:14px}
.rooms-sec .cap{margin-bottom:44px}
.rooms-sec{background:#0B0A08}
/* 统一压暗,降低突兀感 */
.rwi::after{background:linear-gradient(180deg,rgba(11,10,8,.14),transparent 26%,transparent 55%,rgba(11,10,8,.62) 94%)}


/* Hero 文字组移到挂件下方留白 */
.hero .h{display:flex;flex-direction:column;align-items:center;gap:20px;position:absolute;left:0;right:0;top:64vh;transform:none;pointer-events:auto}
.hero h1{margin:0;font-size:clamp(32px,4.4vw,72px);white-space:nowrap}
.hero .tag{position:static;bottom:auto;margin:0}
.hero .cta{position:static;bottom:auto;margin:0}
.hero .src{margin-top:6px;font-family:var(--serif);font-style:italic;font-weight:300;font-size:15px;letter-spacing:.14em;color:var(--bone);text-shadow:0 1px 12px rgba(0,0,0,.9)}


/* 宣言区压缩 */
.manifesto{padding:78px 0}
.manifesto blockquote{font-size:clamp(28px,3.5vw,54px);line-height:1.25;max-width:900px}
.manifesto .sub{max-width:480px;margin:26px auto 0;font-size:13.5px;line-height:1.9}


/* 底部叙事区块统一压缩(与宣言区协调) */
.return{padding:88px 0}
.return h2, .private h2{font-size:clamp(26px,3.2vw,48px);line-height:1.35;margin-bottom:0}
.return h2 em, .private h2 em{font-size:.92em}
.return p,.private p{margin:22px auto 0;max-width:540px;font-size:13.5px;line-height:2.1}
.private{padding:100px 0}
.private .btn-solid, .private .btn-line{margin-top:34px}

/* 底部两段真实压缩(高权重覆盖) */
.sec.return{padding:76px 0}
.return .lead{margin:0 auto 60px}
.return .lead h2{font-size:clamp(24px,3vw,44px);line-height:1.32;margin:0}
.return .lead p{font-size:13px;line-height:2;margin-top:18px;max-width:500px}
.private{padding:88px 0}
.private h2{font-size:clamp(24px,3vw,44px);line-height:1.35}
.private p{max-width:480px;margin:20px auto 0;font-size:13px;line-height:2.05}
.private .btn-line{margin-top:26px}

/* v14:Collector+Private 进一步压缩 */
.sec.collector{padding:64px 0}
.collector .big{font-size:clamp(20px,2.4vw,34px);line-height:1.5;margin-top:22px !important}
.collector .why{font-size:12.5px;line-height:1.95;max-width:540px;margin-top:16px}
.private{padding:72px 0}
.private h2{font-size:clamp(22px,2.6vw,38px);line-height:1.35}
.private p{font-size:12.5px;line-height:1.95;margin:16px auto 0;max-width:460px}
.private .btn-line{margin-top:20px}
.sec.return{padding:64px 0}

/* v15:私藏文字块整体回一点高度 */
.private{padding:116px 0}
.private .btn-line{margin-top:26px}

/* v16:私藏块在区域内垂直居中 */
.private{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72vh;padding:96px 24px}
.private .wrap{width:100%;max-width:760px;margin:0 auto}
.private h2{margin-top:0 !important}
.private .plate{margin-top:0}

/* v17:私藏 高度减小 + 文字上移 */
.private{display:block;min-height:0;padding:54px 24px 130px}
.private .wrap{max-width:720px}
.private h2{margin-top:16px !important}
.private p{margin:14px auto 0}
.private .btn-line{margin-top:18px}

/* 修复:恢复页面滚动 + 去掉自动注入的空 footer */
html:has(.page-wrapper), html:has(.page-wrapper) body{height:100dvh;overflow:hidden}
.page-wrapper{height:100dvh;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}
.page-wrapper>footer{display:none!important}
#header-group, theme-drawer#chat-drawer{display:none!important}

/* THE AUCTION LEGACY — editorial timeline (matching verve palette) */
.auc{background:#0A0D0B;padding:118px 0 104px}
.auc .wrap{max-width:1180px;margin:0 auto;padding:0 32px}
.auc-eyebrow{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;color:#B59A6A;text-transform:uppercase;text-align:center}
.auc-h{font:300 clamp(34px,4.6vw,64px)/1.06 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.10em;text-align:center;margin:22px 0 0}
.auc-sub{font:300 15px/1.7 Inter,sans-serif;color:#A99F8C;text-align:center;letter-spacing:.06em;margin:14px 0 0}
.auc-rail{position:relative;margin:74px 0 0}
.auc-track{position:absolute;left:0;right:0;top:5px;height:1px;background:linear-gradient(90deg,rgba(181,154,106,0),rgba(181,154,106,.55),rgba(181,154,106,0))}
.auc-nodes{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:34px;position:relative}
.auc-node{position:relative;padding-top:30px;text-align:center}
.auc-dot{position:absolute;top:0;left:50%;width:11px;height:11px;margin-left:-5.5px;border-radius:50%;background:#0A0D0B;border:1px solid #C7AF7D;box-shadow:0 0 0 4px rgba(199,175,125,.10)}
.auc-yr{font:400 12px/1 "IBM Plex Mono",monospace;letter-spacing:.28em;color:#C7AF7D}
.auc-ti{font:300 clamp(19px,2vw,25px)/1.25 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.05em;margin:14px 0 0;text-transform:uppercase}
.auc-ho{font:300 11.5px/1.6 Inter,sans-serif;color:#8C8578;letter-spacing:.10em;margin:10px 0 0;text-transform:uppercase}
.auc-pr{font:400 15px/1 "IBM Plex Mono",monospace;color:#E8E2D6;letter-spacing:.06em;margin:12px 0 0}
.auc-no{font:300 12.5px/1.7 Inter,sans-serif;color:#8C8578;margin:10px 0 0}
.auc-src{display:inline-block;margin-top:10px;font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.2em;color:#B59A6A;border-bottom:1px solid rgba(181,154,106,.35);padding-bottom:3px;text-decoration:none}
.auc-cta-wrap{text-align:center;margin:64px 0 0}
.auc-cta{display:inline-block;font:400 11.5px/1 "IBM Plex Mono",monospace;letter-spacing:.3em;color:#E8E2D6;text-decoration:none;border:1px solid rgba(199,175,125,.42);padding:17px 34px;transition:border-color .9s ease,color .9s ease}
.auc-cta:hover{border-color:#C7AF7D;color:#C7AF7D}
.auc-fn{font:300 11.5px/1.8 Inter,sans-serif;color:#6F6A60;text-align:center;max-width:620px;margin:34px auto 0;letter-spacing:.03em}
@media(max-width:700px){.auc{padding:78px 0 66px}.auc-nodes{gap:26px}.auc-rail{margin-top:52px}}

/* ===== Verve lower-half additions: reveal + jade moment + heirloom ===== */
[data-reveal]{opacity:0;transform:translateY(16px);transition:opacity 1s ease,transform 1s ease}
[data-reveal].is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}}

/* THE SECOND JADE MOMENT */
.jm{position:relative;height:96vh;min-height:560px;overflow:hidden;background:#070807}
.jm-stage{position:absolute;inset:0}
.jm-img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;transform:scale(1);animation:jmZoom 1s linear both;animation-timeline:view();animation-range:entry 15% cover 65%}
@keyframes jmZoom{from{transform:scale(3.1)}to{transform:scale(1)}}
.jm-veil{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(7,8,7,.10),rgba(7,8,7,.72) 78%)}
.jm-cap{position:absolute;left:0;right:0;bottom:15vh;text-align:center;opacity:0;animation:capIn .95s ease both;animation-timeline:view();animation-range:entry 42% cover 72%}
@keyframes capIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.jm-h{font:300 clamp(30px,4.2vw,60px)/1.04 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.16em}
.jm-s{font:300 12.5px/1.7 Inter,sans-serif;color:#B59A6A;letter-spacing:.24em;text-transform:uppercase;margin-top:18px}
@media(max-width:700px){.jm{height:82vh}}

/* THE HEIRLOOM */
.hl{position:relative;height:94vh;min-height:540px;display:flex;align-items:center;justify-content:center;background:#0A0D0B;overflow:hidden}
.hl-bg{position:absolute;inset:0;background-size:cover;background-position:center 40%;opacity:.30}
.hl-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,13,11,.92),rgba(10,13,11,.42) 45%,rgba(10,13,11,.94))}
.hl-in{position:relative;text-align:center;padding:0 28px;max-width:900px}
.hl-line{font:300 clamp(24px,3.1vw,46px)/1.3 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.18em;margin:20px 0}
.hl-note{font:300 12.5px/1.8 Inter,sans-serif;color:#8C8578;letter-spacing:.20em;text-transform:uppercase;margin-top:34px}
@media(max-width:700px){.hl{height:80vh}.hl-line{margin:14px 0}}

/* ===== Journey (cinematic 5-stage) + The Land (full-bleed) ===== */
.jny{position:relative;background:#070807}
.jny-track{position:relative;height:420vh;view-timeline-name:--jnyv;view-timeline-axis:block}
.jny-sticky{position:sticky;top:0;height:100vh;min-height:540px;overflow:hidden}
.jny-eyebrow{position:absolute;top:7vh;left:0;right:0;text-align:center;z-index:4;font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;color:#B59A6A;text-transform:uppercase}
.jny-frame{position:absolute;inset:0}
.jny-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.jny-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,.72),rgba(7,8,7,.28) 42%,rgba(7,8,7,.86))}
.jny-cap{position:absolute;left:0;right:0;bottom:12vh;text-align:center;padding:0 26px}
.jny-no{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;color:#C7AF7D}
.jny-ti{font:300 clamp(24px,3.2vw,46px)/1.2 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.08em;margin-top:14px}
.jny-note{font:300 12.5px/1.8 Inter,sans-serif;color:#A99F8C;letter-spacing:.06em;margin-top:12px}
@supports (animation-timeline: view()) {
  .jny-frame{opacity:0;animation:jnyFade 1s linear both;animation-timeline:--jnyv;animation-range:0% 100%}
  .jny-frame:nth-child(2){animation-range:0% 24%}
  .jny-frame:nth-child(3){animation-range:18% 44%}
  .jny-frame:nth-child(4){animation-range:38% 64%}
  .jny-frame:nth-child(5){animation-range:58% 84%}
  .jny-frame:nth-child(6){animation-range:78% 100%}
  @keyframes jnyFade{0%{opacity:0}12%{opacity:1}88%{opacity:1}100%{opacity:0}}
}
.jny-frame:first-child{opacity:1}
@media (prefers-reduced-motion: reduce){.jny-track{height:auto}.jny-sticky{position:relative;height:auto}.jny-frame{position:relative;opacity:1!important;animation:none!important;height:88vh}}
@media(max-width:700px){.jny-track{height:380vh}}

/* THE LAND */
.land{position:relative;background:#0A0D0B;padding:0 0 96px;overflow:hidden}
.land-bg{position:absolute;inset:0 0 auto 0;height:100vh;background-size:cover;background-position:center 45%}
.land-scrim{position:absolute;inset:0 0 auto 0;height:100vh;background:linear-gradient(180deg,rgba(10,13,11,.90) 0%,rgba(10,13,11,.34) 45%,rgba(10,13,11,.97) 92%)}
.land-in{position:relative;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 30px}
.land-eyebrow{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;color:#B59A6A;text-transform:uppercase}
.land-h{font:300 clamp(26px,3.5vw,54px)/1.22 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.10em;max-width:1000px;margin:26px 0 0}
.land-sub{font:300 12.5px/1.8 Inter,sans-serif;color:#C7AF7D;letter-spacing:.22em;text-transform:uppercase;margin-top:22px}
.land-pillars{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;max-width:1180px;margin:0 auto;padding:64px 32px 0}
.land-p{border-top:1px solid rgba(181,154,106,.28);padding-top:24px}
.land-pt{font:300 clamp(18px,1.8vw,24px)/1.3 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.06em}
.land-pb{font:300 12.5px/1.85 Inter,sans-serif;color:#8C8578;margin:14px 0 0}
.land-pl{font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.2em;color:#B59A6A;margin-top:16px;text-transform:uppercase}
@media(max-width:860px){.land-pillars{grid-template-columns:1fr;gap:26px}}

/* ===== Universe (editorial 4) + Private (climax) + Footer (gradient) ===== */
.uni{background:#070807;padding:112px 0 96px}
.uni-head{text-align:center;padding:0 30px}
.uni-eyebrow{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;color:#B59A6A;text-transform:uppercase}
.uni-h{font:300 clamp(28px,3.4vw,50px)/1.15 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.08em;margin:20px 0 0}
.uni-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:1400px;margin:68px auto 0;padding:0 28px}
.uni-card{display:block;text-decoration:none;position:relative;overflow:hidden}
.uni-img{position:relative;height:56vh;min-height:340px;overflow:hidden}
.uni-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1),filter 1.2s ease;filter:saturate(.62) contrast(1.02)}
.uni-card:hover .uni-img img{transform:scale(1.045);filter:saturate(.78) contrast(1.05)}
.uni-meta{position:absolute;left:0;right:0;bottom:0;padding:26px 22px;background:linear-gradient(180deg,rgba(7,8,7,0),rgba(7,8,7,.86))}
.uni-no{font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.28em;color:#C7AF7D;text-transform:uppercase}
.uni-ti{font:300 clamp(17px,1.7vw,23px)/1.3 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.08em;margin-top:12px;text-transform:uppercase}
.uni-cta{font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.24em;color:#A99F8C;margin-top:12px;transition:color .8s ease}
.uni-card:hover .uni-cta{color:#C7AF7D}
@media(max-width:1024px){.uni-grid{grid-template-columns:repeat(2,1fr)}.uni-img{height:44vh;min-height:280px}}
@media(max-width:560px){.uni-grid{grid-template-columns:1fr}.uni-img{height:52vh}}

.pc{position:relative;min-height:100vh;background:#050505;padding:14vh 0 12vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}
.pc-label{position:absolute;left:44px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;color:#B59A6A;text-transform:uppercase}
.pc-stage{position:relative;width:min(56vw,760px);display:flex;justify-content:center}
.pc-img{width:100%;height:auto;max-height:62vh;object-fit:contain;filter:saturate(.72) contrast(1.03)}
.pc-glow{position:absolute;inset:-14% -18%;background:radial-gradient(ellipse at 50% 50%,rgba(57,123,89,.16),rgba(5,5,5,0) 62%);pointer-events:none}
.pc-copy{text-align:center;margin-top:7vh;padding:0 30px}
.pc-l1,.pc-l2{font:300 clamp(23px,2.9vw,44px)/1.3 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.16em;text-transform:uppercase}
.pc-l2{margin-top:10px}
.pc-cta{display:inline-block;margin-top:44px;font:400 11.5px/1 "IBM Plex Mono",monospace;letter-spacing:.3em;color:#E8E2D6;text-decoration:none;border:1px solid rgba(199,175,125,.42);padding:17px 34px;transition:border-color .9s ease,color .9s ease}
.pc-cta:hover{border-color:#C7AF7D;color:#C7AF7D}
@media(max-width:760px){.pc-label{display:none}.pc-stage{width:78vw}}

.vjf{position:relative;background:linear-gradient(180deg,#0A0D0B 0%,#0C110D 55%,#101510 100%);padding:96px 0 54px;overflow:hidden}
.vjf-glow{position:absolute;inset:auto 0 -30% 0;height:60%;background:radial-gradient(ellipse at 50% 100%,rgba(27,89,64,.22),rgba(16,21,16,0) 70%);pointer-events:none}
.vjf-in{position:relative;max-width:1300px;margin:0 auto;padding:0 34px}
.vjf-brand{text-align:center;padding-bottom:56px;border-bottom:1px solid rgba(181,154,106,.16)}
.vjf-mark{font:300 clamp(24px,2.6vw,38px)/1 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.34em}
.vjf-tag{font:300 11.5px/1.8 Inter,sans-serif;color:#8C8578;letter-spacing:.16em;margin-top:16px}
.vjf-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;padding:56px 0 46px}
.vjf-ch{font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.3em;color:#C7AF7D;text-transform:uppercase;margin-bottom:20px}
.vjf-l{display:block;font:300 13px/2.15 Inter,sans-serif;color:#A99F8C;text-decoration:none;transition:color .7s ease}
.vjf-l:hover{color:#E8E2D6}
.vjf-bot{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(181,154,106,.14);padding-top:26px;flex-wrap:wrap}
.vjf-c{font:400 10px/1.7 "IBM Plex Mono",monospace;letter-spacing:.22em;color:#6F6A60}
@media(max-width:860px){.vjf-cols{grid-template-columns:repeat(2,1fr);gap:28px}}


/* ===== P0 mobile narrative compression: summaries + shorter pacing ===== */
.vj-p0-mobile-summary{display:none}
@media(max-width:860px){
  .land{display:block!important;padding:34px 0 28px!important;min-height:0!important;background:#0F0D0B!important}
  .land > .land-in,.land > .land-pillars{display:none!important}
  .land .vj-p0-mobile-summary{display:block!important;padding:0 24px}
  .land .vj-p0-mobile-summary h3{font:400 25px/1.18 var(--serif,Georgia,serif);letter-spacing:.08em;color:var(--paper,#EAE3D4);margin:10px 0 12px}
  .land .vj-p0-mobile-summary p{font:300 14px/1.55 var(--sans,Arial,sans-serif);color:rgba(234,227,212,.64);margin:0 0 16px}
  .land .vj-p0-mobile-summary a,.collector .vj-p0-mobile-summary a{display:inline-block;font:400 10px/1 var(--mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#C4A470);border-bottom:1px solid rgba(196,164,112,.4);padding-bottom:7px}

  .collector{display:block!important;padding:42px 0 36px!important;min-height:0!important;background:#0F0D0B!important}
  .collector > .wrap,.collector > .uni-grid{display:none!important}
  .collector .vj-p0-mobile-summary{display:block!important;padding:0 24px}
  .collector .vj-p0-mobile-summary h3{font:400 25px/1.18 var(--serif,Georgia,serif);letter-spacing:.06em;color:var(--paper,#EAE3D4);margin:10px 0 12px;text-transform:uppercase}
  .collector .vj-p0-mobile-summary p{font:300 14px/1.55 var(--sans,Arial,sans-serif);color:rgba(234,227,212,.64);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

  .piece-sec{min-height:0!important;padding:46px 0 38px!important}
  .piece-sec .grid2{gap:34px!important}
  .piece-sec .frame{max-height:530px!important}
  .piece-sec .coverimg{height:48vh!important;min-height:300px!important}
  .piece-sec .oon-statement{font-size:clamp(19px,5.6vw,27px)!important;line-height:1.42!important;margin-bottom:14px!important}
  .piece-sec .oon-sub{font-size:13px!important;line-height:1.7!important;margin-top:14px!important}
  .rooms-sec .rooms-title{margin-bottom:32px!important}
  .rooms-sec{padding-top:56px!important}
  .jm{height:52vh!important;min-height:360px!important}
  .auc{padding:72px 0 58px!important}
  .hl{height:46vh!important;min-height:320px!important}
  .pc{min-height:76svh!important;padding:48px 24px!important}
  .pc-copy{margin-top:4vh!important}
}

/* ===== P1 final palette: one continuous obsidian system ===== */
body{
  background:linear-gradient(180deg,#0C0B09 0%,#0A0908 48%,#070605 100%) !important;
  background-attachment:fixed !important;
  background-color:#0A0908 !important;
}
.hero,.manifesto,.piece-sec,.rooms-sec,.jny,.jm,.auc,.land,.collector,.hl,.uni,.universe{
  background-color:transparent !important;
}
.manifesto,.rooms-sec,.collector,.uni{background-image:none !important}
.land,.auc,.jny,.jm,.hl{background-image:none !important}
.pc{background:#070605 !important}
.vjf{background:linear-gradient(180deg,#0A0908 0%,#080706 100%) !important}
.vjf-glow{background:radial-gradient(ellipse at 50% 100%,rgba(196,164,112,.10),rgba(8,7,6,0) 70%) !important}

/* ===== 传承图: 手机端完整显示(不裁切) + 提亮后版本 ===== */
@media(max-width:860px){
  .hl{min-height:auto !important;padding:46px 0 40px !important}
  .hl-bg{background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;width:100% !important;height:auto !important;aspect-ratio:4/5 !important;min-height:0 !important}
}

/* ===== P0 final override: mobile narrative summaries and pacing ===== */
.vj-p0-mobile-summary{display:none}
@media(max-width:860px){
  .land{display:block!important;padding:34px 0 28px!important;min-height:0!important;background:#0F0D0B!important}
  .land > .land-in,.land > .land-pillars{display:none!important}
  .land .vj-p0-mobile-summary{display:block!important;padding:0 24px}
  .land .vj-p0-mobile-summary h3{font:400 25px/1.18 var(--serif,Georgia,serif);letter-spacing:.08em;color:var(--paper,#EAE3D4);margin:10px 0 12px}
  .land .vj-p0-mobile-summary p{font:300 14px/1.55 var(--sans,Arial,sans-serif);color:rgba(234,227,212,.64);margin:0 0 16px}
  .land .vj-p0-mobile-summary a,.collector .vj-p0-mobile-summary a{display:inline-block;font:400 10px/1 var(--mono,monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--gold,#C4A470);border-bottom:1px solid rgba(196,164,112,.4);padding-bottom:7px}
  .collector{display:block!important;padding:42px 0 36px!important;min-height:0!important;background:#0F0D0B!important}
  .collector > .wrap,.collector > .uni-grid{display:none!important}
  .collector .vj-p0-mobile-summary{display:block!important;padding:0 24px}
  .collector .vj-p0-mobile-summary h3{font:400 25px/1.18 var(--serif,Georgia,serif);letter-spacing:.06em;color:var(--paper,#EAE3D4);margin:10px 0 12px;text-transform:uppercase}
  .collector .vj-p0-mobile-summary p{font:300 14px/1.55 var(--sans,Arial,sans-serif);color:rgba(234,227,212,.64);margin:0 0 16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .piece-sec{min-height:0!important;padding:46px 0 38px!important}
  .piece-sec .grid2{gap:34px!important}
  .piece-sec .frame{max-height:530px!important}
  .piece-sec .coverimg{height:48vh!important;min-height:300px!important}
  .piece-sec .oon-statement{font-size:clamp(19px,5.6vw,27px)!important;line-height:1.42!important;margin-bottom:14px!important}
  .piece-sec .oon-sub{font-size:13px!important;line-height:1.7!important;margin-top:14px!important}
  .rooms-sec .rooms-title{margin-bottom:32px!important}
  .rooms-sec{padding-top:56px!important}
  .jm{height:52vh!important;min-height:360px!important}
  .auc{padding:72px 0 58px!important}
  .hl{height:46vh!important;min-height:320px!important}
  .pc{min-height:76svh!important;padding:48px 24px!important}
  .pc-copy{margin-top:4vh!important}
}

/* ===== P1 final palette: one continuous obsidian system ===== */
body{background:linear-gradient(180deg,#0C0B09 0%,#0A0908 48%,#070605 100%) !important;background-attachment:fixed !important;background-color:#0A0908 !important}
body{background:linear-gradient(180deg,#0C0B09 0%,#0A0908 48%,#070605 100%) !important;background-attachment:fixed !important;background-color:#0A0908 !important}
.hero,.manifesto,.piece-sec,.rooms-sec,.jny,.jm,.auc,.land,.collector,.hl,.uni,.universe{background-color:transparent !important}
.manifesto,.rooms-sec,.collector,.uni{background-image:none !important}
.land,.auc,.jny,.jm,.hl{background-image:none !important}
.pc{background:#070605 !important}
.vjf{background:linear-gradient(180deg,#0A0908 0%,#080706 100%) !important}
.vjf-glow{background:radial-gradient(ellipse at 50% 100%,rgba(196,164,112,.10),rgba(8,7,6,0) 70%) !important}
 */
.jny{position:relative;background:#070807}
.jny-track{position:relative;height:400vh;view-timeline-name:--jnyv;view-timeline-axis:block}
.jny-sticky{position:sticky;top:0;height:100vh;overflow:hidden}
.jny-strip{display:flex;height:100%;width:500vw;will-change:transform}
.jny-panel{position:relative;flex:0 0 100vw;height:100%;overflow:hidden}
.jny-panel img{width:100%;height:100%;object-fit:cover}
.jny-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,.55) 0%,rgba(7,8,7,.08) 42%,rgba(7,8,7,.72) 100%)}
.jny-head{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:20px;padding:34px 40px;pointer-events:none}
.jny-eyebrow,.jny-hint{font:400 10px/1 "IBM Plex Mono",monospace;letter-spacing:.34em;text-transform:uppercase;color:#C7AF7D}
.jny-hint{color:rgba(232,226,214,.5)}
.jny-cap{position:absolute;left:6vw;bottom:9vh;max-width:min(560px,72vw);z-index:2}
.jny-no{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.3em;color:#C7AF7D;margin-bottom:16px}
.jny-ti{font:300 clamp(30px,4.4vw,60px)/1.06 "Cormorant Garamond",Georgia,serif;letter-spacing:.1em;text-transform:uppercase;color:#E8E2D6}
.jny-note{margin-top:14px;font:300 15px/1.7 Inter,system-ui,sans-serif;color:rgba(232,226,214,.72);max-width:44ch}
@supports (animation-timeline: view()) {
  .jny-strip{animation:jnyMove linear both;animation-timeline:--jnyv;animation-range:contain 0% contain 100%}
  @keyframes jnyMove{from{transform:translateX(0)}to{transform:translateX(-400vw)}}
}
@media (max-width:900px){
  .jny-cap{left:7vw;bottom:7vh;max-width:80vw}
  .jny-head{padding:22px 20px}
  .jny-hint{display:none}
}
@media (prefers-reduced-motion: reduce){ .jny-track{height:auto} .jny-strip{width:auto;display:block;animation:none} .jny-panel{height:82vh} }

/* ===== 篇幅压缩(2026-09-17 用户反馈:Journey→Auction 之间图太长) ===== */
.jny-track{height:250vh}
.jm{height:70vh}
.jm-cap{transform:translate(-50%,-50%) scale(.94)}
@media (max-width:900px){ .jny-track{height:220vh} .jm{height:62vh} }

/* Journey 进度轨(让深色帧也有信息)+ 编号高亮 */
.jny-rail{position:absolute;left:0;right:0;bottom:26px;display:flex;justify-content:center;gap:26px;z-index:4;pointer-events:none}
.jny-rail span{font:400 10px/1 "IBM Plex Mono",monospace;letter-spacing:.2em;color:rgba(232,226,214,.42);transition:color .6s ease}
.jny-rail span.is-on{color:#C7AF7D}
.jny-rail span::before{content:"";display:block;width:100%;height:1px;background:currentColor;opacity:.35;margin:0 0 10px}...[truncated]
/* Journey 阶段词(金色小字,给深色帧补信息层级) */
.jny-word{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.26em;color:#C7AF7D;text-transform:uppercase;margin:0 0 12px}
.jny-cap .jny-no{letter-spacing:.3em;opacity:.6;margin-bottom:6px}...[truncated]
/* Journey:关闭 CSS 动画,交给 JS 精确驱动;Macro 缩放调整为 1.9x(减少过暗) */
.jny-strip{animation:none !important;transform:translate3d(0,0,0);will-change:transform}
@keyframes jmZoom{from{transform:scale(1.9)}to{transform:scale(1)}}
.jm-img{animation-name:jmZoom}
.jm-cap{opacity:1 !important}
/* Journey 紧凑画廊版(覆盖旧的滚动锁定实现) */
.jny{background:#070807;padding:66px 0 42px}
.jny-track{display:none !important}
.jny-sticky{position:static !important;height:auto !important;overflow:visible !important;display:block !important}
.jny-head{padding:0 32px 26px;text-align:center}
.jny-strip{display:flex !important;width:auto !important;height:62vh !important;min-height:420px;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory;transform:none !important;animation:none !important;will-change:auto !important;scrollbar-width:none;-ms-overflow-style:none}
.jny-strip::-webkit-scrollbar{display:none}
.jny-panel{flex:0 0 100% !important;width:100% !important;height:100% !important;position:relative !important;scroll-snap-align:start;overflow:hidden}
.jny-panel img{width:100%;height:100%;object-fit:cover;display:block}
.jny-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,.42) 0%,rgba(7,8,7,0) 40%,rgba(7,8,7,.74) 100%) !important}
.jny-cap{position:absolute;left:5vw;bottom:5vh;z-index:2;max-width:520px}
.jny-rail{position:static !important;display:flex;justify-content:center;gap:22px;margin:22px 0 0;pointer-events:auto}
.jny-rail span{cursor:pointer;user-select:none}
.jny-rail span::before{display:none}
@media (max-width:720px){.jny-strip{height:56vh !important;min-height:300px}.jny-cap{left:6vw;bottom:4vh}}
/* 打光/紧凑修正:去掉 Macro 缩放动画、调亮遮罩、压矮高度;提亮 Heirloom 与 Land 的背景 */
.jm{height:58vh !important;min-height:400px !important}
.jm-img{transform:none !important;animation:none !important;object-position:50% 50% !important}
.jm-veil{background:radial-gradient(ellipse at 50% 50%,rgba(7,8,7,.02),rgba(7,8,7,.46) 82%) !important}
.jm-cap{opacity:1 !important;animation:none !important;bottom:10vh !important}
.jm-h{text-shadow:0 2px 24px rgba(0,0,0,.55)}
.hl-bg{opacity:.46 !important}
.hl-in{text-shadow:0 2px 22px rgba(0,0,0,.5)}
.land-scrim,.land-bg::after{background:linear-gradient(180deg,rgba(7,8,7,.30) 0%,rgba(7,8,7,.55) 100%) !important}
@media (max-width:700px){.jm{height:52vh !important}}

/* 紧凑化:THE LAND 与 THE HEIRLOOM 压小(覆盖前面的定义) */
.land{padding:0 0 56px !important}
.land-in{height:54vh !important;min-height:340px !important;padding:0 26px !important}
.land-bg{height:54vh !important}
.land-scrim{height:54vh !important}
.land-h{font-size:clamp(22px,2.6vw,40px) !important;margin:16px 0 0 !important}
.land-sub{margin-top:14px !important;font-size:11.5px !important}
.land-pillars{padding:36px 30px 0 !important;gap:28px !important}
.land-p{padding-top:16px !important}
.land-pt{font-size:clamp(17px,1.6vw,21px) !important}
.land-pb{font-size:12px !important;line-height:1.7 !important;margin:10px 0 0 !important}
.land-pl{margin-top:12px !important}

.hl{height:52vh !important;min-height:330px !important}
.hl-line{font-size:clamp(19px,2.1vw,32px) !important;margin:9px 0 !important;letter-spacing:.14em !important}
.hl-note{margin-top:16px !important;font-size:11.5px !important}

@media(max-width:860px){
  .land-in{height:46vh !important}
  .land-bg,.land-scrim{height:46vh !important}
  .hl{height:46vh !important}
}

/* 金线擦膜揭示:原石 → 成品(方案 A) */
.jny-panel--reveal .jny-under{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jny-panel--reveal .jny-top{position:absolute;inset:0;clip-path:inset(0 0 0 100%);transition:clip-path 1.6s cubic-bezier(.22,.61,.36,1)}
.jny-panel--reveal.is-revealed .jny-top{clip-path:inset(0 0 0 0)}
.jny-panel--reveal .jny-top img{width:100%;height:100%;object-fit:cover;display:block}
.jny-wipe-line{position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(199,175,106,0),#C7AF6A 16%,#C7AF6A 84%,rgba(199,175,106,0));box-shadow:0 0 26px rgba(199,175,106,.5);opacity:0;transition:opacity .35s ease}
.jny-panel--reveal.is-revealing .jny-wipe-line{opacity:1}
@media (prefers-reduced-motion: reduce){.jny-panel--reveal .jny-top{transition:none;clip-path:inset(0 0 0 0)}}
/* 擦膜强化版:更亮的金线 + 抛光高光 + 缓慢推近 */
.jny-wipe-line{width:2px!important;box-shadow:0 0 16px rgba(199,175,106,.9),0 0 48px rgba(199,175,106,.5)!important}
.jny-panel--reveal .jny-top img{transform:scale(1.07);transition:transform 1.7s cubic-bezier(.22,.61,.36,1)}
.jny-panel--reveal.is-revealed .jny-top img{transform:scale(1)}
.jny-shine{position:absolute;inset:0;pointer-events:none;z-index:3;background:linear-gradient(105deg,rgba(255,255,255,0) 38%,rgba(255,247,225,.45) 50%,rgba(255,255,255,0) 62%);opacity:0}
.jny-panel--reveal.is-shining .jny-shine{animation:jnyShine 1.3s cubic-bezier(.3,.6,.3,1) both}
@keyframes jnyShine{0%{opacity:0;transform:translateX(-75%)}22%{opacity:1}100%{opacity:0;transform:translateX(75%)}}

/* HEIRLOOM 提亮:背景更清晰 + 中央柔光背板保证文字可读 */
.hl-bg{opacity:.62 !important;filter:none !important}
.hl::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 50% 50%, rgba(7,8,7,.60) 0%, rgba(7,8,7,.26) 52%, rgba(7,8,7,.52) 100%)}
.hl-in{position:relative;z-index:2}
.hl-line{color:#F2EDE2 !important;text-shadow:0 2px 18px rgba(0,0,0,.55)}
.hl-note{color:rgba(232,226,214,.82) !important}

/* ONE OF ONE 章节:收藏编号 + 三段宣言 */
.oon-plate{position:absolute;left:26px;bottom:26px;z-index:3}
.oon-no{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.22em;color:#C7AF6D}
.oon-meta{font:400 10px/1.8 "IBM Plex Mono",monospace;letter-spacing:.16em;color:rgba(232,226,214,.62)}
.oon-statement{font:300 clamp(20px,2.2vw,30px)/1.5 "Cormorant Garamond",Georgia,serif;letter-spacing:.14em;color:#E8E2D6;margin:0 0 20px}
.oon-sub{font:300 15px/1.9 Inter,system-ui,sans-serif;color:rgba(232,226,214,.72);margin:22px 0 0;letter-spacing:.02em}

/* Collector's World:三价值 */
.cvals{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:44px}
.cval{padding-top:20px;border-top:1px solid rgba(183,155,104,.35)}
.ck{font:400 11px/1 "IBM Plex Mono",monospace;letter-spacing:.24em;color:#C7AF6D;text-transform:uppercase}
.cd{margin-top:12px;font:300 14px/1.85 Inter,system-ui,sans-serif;color:rgba(232,226,214,.74)}
@media (max-width:860px){.cvals{grid-template-columns:1fr;gap:22px}}

/* Footer:SEO 关键词行(HTML 文本,对搜索/AI 引用友好) */
.vjf-seo{margin:36px 0 16px;padding-top:22px;border-top:1px solid rgba(183,155,104,.18);font:400 9.5px/2.2 "IBM Plex Mono",monospace;letter-spacing:.18em;text-transform:uppercase;color:rgba(232,226,214,.36)}

/* Collector's World 人物主视觉 */
.cw-hero{height:52vh;min-height:340px;margin-top:54px;background-size:cover;background-position:center 28%;position:relative}
.cw-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,8,7,.55) 0%,rgba(7,8,7,.05) 40%,rgba(7,8,7,.65) 100%)}
@media (max-width:860px){.cw-hero{height:40vh;min-height:260px}}

/* ===== 图像融合层:让照片"化"进曜黑页面(消除硬边矩形) ===== */
/* ① 全幅影像带(微距 / 收藏者主视觉):四边羽化,自然融进黑底 */
.jm-stage, .cw-hero{
  -webkit-mask-image: radial-gradient(ellipse 132% 108% at 50% 50%, #000 40%, rgba(0,0,0,.80) 66%, rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(ellipse 132% 108% at 50% 50%, #000 40%, rgba(0,0,0,.80) 66%, rgba(0,0,0,0) 100%);
}
/* ② Journey 横向面板:左右上下一并羽化,相邻帧之间形成柔和过渡 */
.jny-panel{
  -webkit-mask-image: radial-gradient(ellipse 122% 118% at 50% 50%, #000 52%, rgba(0,0,0,.72) 76%, rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(ellipse 122% 118% at 50% 50%, #000 52%, rgba(0,0,0,.72) 76%, rgba(0,0,0,0) 100%);
}
/* ③ Heirloom 背景:更彻底的边缘溶解 */
.hl-bg{
  -webkit-mask-image: radial-gradient(ellipse 130% 112% at 50% 46%, #000 36%, rgba(0,0,0,.72) 62%, rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(ellipse 130% 112% at 50% 46%, #000 36%, rgba(0,0,0,.72) 62%, rgba(0,0,0,0) 100%);
}
/* ④ 图卡:内阴影"落座",避免像贴片 */
.uni-img, .rw .rwi{box-shadow: inset 0 0 72px rgba(7,8,7,.62)}
.uni-card .uni-img{position:relative}
/* ⑤ 极轻调性贴合(≤4%,去掉照片的"屏幕感") */
.jm-stage img, .jny-panel img, .cw-hero, .hl-bg{filter:saturate(.96) brightness(.97) contrast(1.02)}
/* ⑥ 影像带上下再叠一层与页面同色的渐隐,彻底看不出边界 */
.jm{position:relative}
.jm::before, .jm::after{content:'';position:absolute;left:0;right:0;height:64px;z-index:5;pointer-events:none}
.jm::before{top:0;background:linear-gradient(180deg,#070807 0%,rgba(7,8,7,0) 100%)}
.jm::after{bottom:0;background:linear-gradient(0deg,#070807 0%,rgba(7,8,7,0) 100%)}

/* ===== 全局连续性:统一曜石黑,消除板块跳色(2026-09-20) ===== */
body{
  background:linear-gradient(180deg,#0C0B09 0%,#0A0908 42%,#070605 100%) !important;
  background-attachment:fixed !important;
  background-color:#0A0908 !important;
}
.edit-sec,.piece-sec,.universe,.auc,.jm,.hl,.jny,.land,.uni{
  background-color:transparent !important;
  background-image:none !important;
}
.auc-dot{background:#0A0908 !important}

/* ===== 影像与黑底融合:羽化边缘 + 调性统一(2026-09-20) ===== */
.heroimg{
  -webkit-mask-image:radial-gradient(ellipse 108% 100% at 50% 46%,#000 46%,rgba(0,0,0,.55) 78%,rgba(0,0,0,0) 100%);
  mask-image:radial-gradient(ellipse 108% 100% at 50% 46%,#000 46%,rgba(0,0,0,.55) 78%,rgba(0,0,0,0) 100%);
  filter:brightness(.86) saturate(.92) contrast(1.02) !important;
}
.uni-card{border:0 !important;box-shadow:none !important;background:transparent !important}
.uni-card .uni-img img{
  -webkit-mask-image:radial-gradient(ellipse 112% 104% at 50% 50%,#000 52%,rgba(0,0,0,.60) 80%,rgba(0,0,0,0) 100%);
  mask-image:radial-gradient(ellipse 112% 104% at 50% 50%,#000 52%,rgba(0,0,0,.60) 80%,rgba(0,0,0,0) 100%);
  filter:brightness(.82) saturate(.90) contrast(1.03) !important;
}
.rm .rpic{
  -webkit-mask-image:radial-gradient(ellipse 118% 110% at 50% 50%,#000 54%,rgba(0,0,0,.55) 80%,rgba(0,0,0,0) 100%);
  mask-image:radial-gradient(ellipse 118% 110% at 50% 50%,#000 54%,rgba(0,0,0,.55) 80%,rgba(0,0,0,0) 100%);
  filter:brightness(.86) saturate(.92) !important;
}
.rm{border-top-color:rgba(234,227,212,.07) !important}
.jny-frame img{filter:brightness(.90) saturate(.94) !important}
.jm-stage img,.jny-panel img,.hl-bg{filter:brightness(.9) saturate(.94) contrast(1.03) !important}

/* ===== 八门图板与路径卡:羽化(修正选择器 2026-09-20 #2) ===== */
.rwi{
  -webkit-mask-image:radial-gradient(ellipse 118% 112% at 50% 50%,#000 48%,rgba(0,0,0,.62) 76%,rgba(0,0,0,0) 100%) !important;
  mask-image:radial-gradient(ellipse 118% 112% at 50% 50%,#000 48%,rgba(0,0,0,.62) 76%,rgba(0,0,0,0) 100%) !important;
  filter:brightness(.84) saturate(.9) contrast(1.03) !important;
}
.rw{border:0 !important;background:transparent !important}
.uni-img img{
  -webkit-mask-image:radial-gradient(ellipse 116% 108% at 50% 50%,#000 44%,rgba(0,0,0,.55) 74%,rgba(0,0,0,0) 100%) !important;
  mask-image:radial-gradient(ellipse 116% 108% at 50% 50%,#000 44%,rgba(0,0,0,.55) 74%,rgba(0,0,0,0) 100%) !important;
  filter:brightness(.8) saturate(.88) contrast(1.04) !important;
}

/* ===== Journey 自适应宽度(支持任意屏数,2026-09-20) ===== */
.jny-strip{width:max-content !important;min-width:100% !important}
.jny-panel{flex:0 0 100% !important}

/* ===== 修正:面板宽度=容器宽(避免 max-content 撑爆,2026-09-20 #3) ===== */
.jny-strip{width:auto !important;min-width:0 !important;max-width:none !important}
.jny-panel{flex:0 0 100% !important;width:100% !important}

/* ===== Jade Moment 取景锚点(玉牌偏右,2026-09-20) ===== */
.jm-img{object-position:58% 42% !important}

/* ===== 取景修复 2026-09-21: 主体完整 + 径向羽化融合 ===== */
/* THIS IS JADEITE: 取消针对老图的取景偏移,改为居中 + 羽化(照片边缘化进 #070807, 翡翠在实心核内不被削) */
.jm-img{object-position:50% 50% !important;
        -webkit-mask-image:radial-gradient(ellipse 50% 62% at 50% 50%, #000 60%, transparent 100%);
        mask-image:radial-gradient(ellipse 50% 62% at 50% 50%, #000 60%, transparent 100%)}
/* 四路径卡片(CHAPTER I..IV): 同样的羽化,消除"贴图硬边" */
.uni-img img{-webkit-mask-image:radial-gradient(ellipse 62% 72% at 50% 50%, #000 62%, transparent 100%);
             mask-image:radial-gradient(ellipse 62% 72% at 50% 50%, #000 62%, transparent 100%)}
/* 手机端: 保证整张图完整显示(不裁) */
@media(max-width:860px){.jm-img{object-fit:contain !important}}

/* ===== JADE MOMENT 图层补全 + 取景修复 2026-09-21 ===== */
.jm .jm-stage{position:absolute;inset:0;overflow:hidden;-webkit-mask-image:none !important;mask-image:none !important}
.jm .jm-stage img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover !important;object-position:50% 50% !important;
  -webkit-mask-image:radial-gradient(ellipse 50% 62% at 50% 50%,#000 60%,transparent 100%);
  mask-image:radial-gradient(ellipse 50% 62% at 50% 50%,#000 60%,transparent 100%)}
.jm .jm-under{z-index:1}
.jm .jm-top{position:absolute;inset:0;z-index:2;overflow:hidden;clip-path:inset(0 100% 0 0);
  animation:jmWipe 1.5s cubic-bezier(.3,.7,.2,1) both;animation-timeline:view();animation-range:entry 18% cover 52%}
.jm .jm-top img{position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover !important;object-position:50% 50% !important;
  -webkit-mask-image:radial-gradient(ellipse 50% 62% at 50% 50%,#000 60%,transparent 100%);
  mask-image:radial-gradient(ellipse 50% 62% at 50% 50%,#000 60%,transparent 100%)}
@keyframes jmWipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.jm .jm-line{position:absolute;top:0;bottom:0;left:0;width:2px;z-index:3;
  background:linear-gradient(180deg,rgba(199,175,125,0),rgba(199,175,125,.95) 50%,rgba(199,175,125,0));
  box-shadow:0 0 22px rgba(199,175,125,.6);
  animation:jmLine 1.5s cubic-bezier(.3,.7,.2,1) both;animation-timeline:view();animation-range:entry 18% cover 52%}
@keyframes jmLine{from{left:0;opacity:1}to{left:100%;opacity:0}}
.uni-card .uni-img img{-webkit-mask-image:radial-gradient(ellipse 62% 72% at 50% 50%,#000 62%,transparent 100%) !important;
                       mask-image:radial-gradient(ellipse 62% 72% at 50% 50%,#000 62%,transparent 100%) !important}
@media(max-width:860px){.jm .jm-stage img{object-fit:contain !important}}

/* 文字居中修复 2026-09-21: 残留 .jm-cap{transform:translate(-50%,-50%)} 与 left:0;right:0 冲突,把文案推到屏幕左外 */
.jm .jm-cap{left:0;right:0;transform:none}
.jm .jm-h,.jm .jm-s,.jm .jm-s2{text-align:center}

/* 图层顺序修复 2026-09-21: 文案必须在图片之上, 暗角遮罩在图之上文案之下 */
.jm .jm-veil{z-index:3}
.jm .jm-cap{z-index:4}
.jm .jm-shine{z-index:5}
.jm .jm-shine{z-index:3 !important}

/* 卡片蒙版调轻 2026-09-21: 只吃最外圈,保住满画面的翡翠主体(如 CHAPTER IV) */
.uni-card .uni-img img{-webkit-mask-image:radial-gradient(ellipse 88% 96% at 50% 50%,#000 84%,transparent 100%) !important;
                       mask-image:radial-gradient(ellipse 88% 96% at 50% 50%,#000 84%,transparent 100%) !important}
/* 小字压在亮面上要能读 */
.jm .jm-s,.jm .jm-s2{text-shadow:0 1px 16px rgba(0,0,0,.9),0 0 4px rgba(0,0,0,.7)}

/* HERO 取景 2026-09-21: 旧图设的 center 90%(压到底部)会让舞者头部被裁,改为居中 */
.heroimg{object-position:center 50% !important}
@media(max-width:860px){.heroimg{object-position:center 30% !important}}   /* 手机保住人脸与翡翠首饰 */

/* ===== 顶部导航(此前零样式,链接挤成一排)2026-09-21 ===== */
.vj-top{position:absolute;top:0;left:0;right:0;z-index:20;padding:26px 0}
.vj-top-in{display:flex;align-items:center;justify-content:space-between;max-width:1560px;margin:0 auto;padding:0 48px}
.vj-logo{font:300 15px/1 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.42em;text-transform:uppercase;white-space:nowrap}
.vj-nav{display:flex;align-items:center;gap:34px}
.vj-nav a{font:400 11.5px/1 Inter,-apple-system,"Segoe UI",sans-serif;color:rgba(232,226,214,.82);
  letter-spacing:.2em;text-transform:uppercase;text-decoration:none;white-space:nowrap;padding:6px 0;
  border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}
.vj-nav a:hover{color:#C7AF7D;border-bottom-color:rgba(199,175,125,.55)}
@media(max-width:900px){
  .vj-top{padding:18px 0}
  .vj-top-in{padding:0 22px}
  .vj-nav{gap:20px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}
  .vj-nav::-webkit-scrollbar{display:none}
  .vj-nav a{font-size:10.5px;letter-spacing:.14em}
  .vj-logo{font-size:13px;letter-spacing:.3em}
}
@media(max-width:560px){ .vj-nav{gap:16px} .vj-nav a{font-size:9.5px;letter-spacing:.1em} }

/* HEIRLOOM 取景 2026-09-21: 原 center 40% 会把"手镯+双手"顶出可见带; 改居中 */
.hl-bg{background-position:center 50% !important}

/* ===== 传承屏调亮 2026-09-21 (用户: 现在太暗了) =====
   旧净可见度 ≈ .62 × (1-.42) × (1-.60) = 14%  ->  新 ≈ .80 × (1-.30) × (1-.42) = 32%
   上下仍保持深压(与相邻板块的黑无缝衔接),只提亮中段 */
.hl-bg{opacity:.80 !important}
.hl-veil{background:linear-gradient(180deg,rgba(10,13,11,.86) 0%,rgba(10,13,11,.30) 45%,rgba(10,13,11,.88) 100%) !important}
.hl::after{background:radial-gradient(ellipse at 50% 50%, rgba(7,8,7,.42) 0%, rgba(7,8,7,.16) 52%, rgba(7,8,7,.50) 100%) !important}
.hl-line{text-shadow:0 2px 22px rgba(0,0,0,.75),0 0 10px rgba(0,0,0,.55) !important}
.hl-note{text-shadow:0 1px 16px rgba(0,0,0,.8) !important}

/* ===== 传承屏 v2 2026-09-21 (用户: 还是暗 + 英文挡在手镯上) ===== */
/* ① 亮度: 净可见度 .88 × (1-.22) × (1-.32) ≈ 47% */
.hl-bg{opacity:.88 !important}
.hl-veil{background:linear-gradient(180deg,rgba(10,13,11,.82) 0%,rgba(10,13,11,.22) 45%,rgba(10,13,11,.86) 100%) !important}
.hl::after{background:radial-gradient(ellipse at 50% 38%, rgba(7,8,7,.34) 0%, rgba(7,8,7,.12) 55%, rgba(7,8,7,.52) 100%) !important}
/* ② 文字移到下半部, 让出画面中间给手镯 */
.hl{align-items:flex-end !important}
.hl-in{padding-bottom:4.5vh;max-width:1080px}
.hl-line{margin:7px 0 !important}
.hl-note{margin-top:14px !important}
/* ③ 文字区局部暗压(只压文字所在的下半带, 不动主体区域) */
.hl-in::before{content:'';position:absolute;left:-12vw;right:-12vw;top:-26px;bottom:-3vh;z-index:-1;
  background:radial-gradient(ellipse at 50% 50%, rgba(7,8,7,.62) 0%, rgba(7,8,7,.34) 62%, rgba(7,8,7,0) 100%)}
.hl-in{position:relative;z-index:2}
.hl-line{text-shadow:0 2px 20px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.6) !important}

/* ===== 传承屏 v3 亮度 2026-09-21: 净可见度 ~64% (1.0 × .86 × .74) ===== */
.hl-bg{opacity:1 !important}
.hl-veil{background:linear-gradient(180deg,rgba(10,13,11,.74) 0%,rgba(10,13,11,.14) 45%,rgba(10,13,11,.80) 100%) !important}
.hl::after{background:radial-gradient(ellipse at 50% 38%, rgba(7,8,7,.26) 0%, rgba(7,8,7,.06) 55%, rgba(7,8,7,.46) 100%) !important}

/* ===== 传承屏 v4: 左右分栏(文字左 / 画面主体右),彻底避免文字压手镯 ===== */
.hl{justify-content:flex-start !important;align-items:center !important}
.hl-in{text-align:left !important;max-width:min(46%,760px) !important;margin-left:6vw !important;padding-bottom:0 !important}
.hl-in::before{left:-14vw;right:-6vw;top:-40px;bottom:-40px}
.hl-line{letter-spacing:.14em !important}
.hl-note{margin-top:18px !important}
/* 左侧文字区局部暗压(压在左半, 不碰右侧主体) */
.hl::before{content:'';position:absolute;left:0;top:0;bottom:0;width:56%;z-index:1;pointer-events:none;
  background:linear-gradient(90deg, rgba(7,8,7,.88) 0%, rgba(7,8,7,.62) 55%, rgba(7,8,7,0) 100%)}
.hl-in{position:relative;z-index:2}
@media(max-width:900px){
  .hl{align-items:flex-end !important}
  .hl-in{max-width:100% !important;margin-left:0 !important;text-align:center !important;padding-bottom:3vh !important}
  .hl::before{width:100%;background:linear-gradient(180deg, rgba(7,8,7,0) 0%, rgba(7,8,7,.55) 55%, rgba(7,8,7,.9) 100%)}
}

/* 2026-09-21 删 Provenance 后价值项变 2 个:栅格改 2 列,居中,避免留空 */
.collector .cvals{grid-template-columns:repeat(2, minmax(0,1fr)) !important;max-width:860px;margin-left:auto;margin-right:auto}
@media(max-width:700px){.collector .cvals{grid-template-columns:1fr !important}}

/* ===== THE ROOMS 展馆页(过渡页)2026-09-24 ===== */
.vrm{padding:120px 0 90px;background:transparent}
.vrm-head{max-width:1100px;margin:0 auto 64px;padding:0 28px;text-align:center}
.vrm-head h1{font:300 clamp(30px,3.6vw,54px)/1.2 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.1em;margin:22px 0 20px}
.vrm-sub{font:300 14.5px/2 Inter,sans-serif;color:rgba(232,226,214,.72);max-width:640px;margin:0 auto}
.vrm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;max-width:1560px;margin:0 auto;padding:0 28px}
.vrm-card{display:block;text-decoration:none;background:transparent}
.vrm-img{position:relative;height:340px;background-size:cover;background-position:center 45%;
  -webkit-mask-image:radial-gradient(ellipse 88% 96% at 50% 50%,#000 84%,transparent 100%);
  mask-image:radial-gradient(ellipse 88% 96% at 50% 50%,#000 84%,transparent 100%);
  transition:transform 1.1s cubic-bezier(.2,.6,.2,1)}
.vrm-card:hover .vrm-img{transform:scale(1.03)}
.vrm-meta{padding:18px 4px 0}
.vrm-no{font:400 10px/1 "IBM Plex Mono",monospace;letter-spacing:.28em;color:#B59A6A}
.vrm-ti{font:300 20px/1.3 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.06em;margin:10px 0 8px}
.vrm-zh{font:300 12px/1.9 Inter,sans-serif;color:rgba(232,226,214,.6)}
.vrm-cta{margin-top:12px;font:400 10.5px/1 "IBM Plex Mono",monospace;letter-spacing:.26em;color:rgba(232,226,214,.8)}
.vrm-card:hover .vrm-cta{color:#C7AF7D}
.vrm-foot{max-width:760px;margin:80px auto 0;padding:0 28px;text-align:center}
.vrm-note{font:300 13px/2 Inter,sans-serif;color:rgba(232,226,214,.6);margin-bottom:28px}
@media(max-width:1100px){.vrm-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.vrm-grid{grid-template-columns:1fr;gap:34px}.vrm-img{height:260px}.vrm{padding:80px 0 60px}}

/* ==============================
   MOBILE V2 · 阶段 1 · 2026-09-24
   桌面端不受影响的手机专用规则(全部在 max-width:860px 内)
   ============================== */
/* ① 汉堡按钮 + 全屏菜单(全屏菜单本体在 .vjm-panel, 不在 hero 内) */
.vjm-cb{display:none}
.vjm-panel{position:fixed;inset:0;z-index:55;background:#070807;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:28px;opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .32s ease,visibility .32s ease}
.vjm-panel a{font:300 21px/1 "Cormorant Garamond",serif;color:#E8E2D6;letter-spacing:.18em;
  text-decoration:none;text-transform:uppercase}
.vjm-panel a:hover{color:#C7AF7D}
.vjm-btn{display:none}
@media(min-width:861px){.vjm-panel{display:none}}

@media(max-width:860px){
  /* ② 修 H1 横向被裁: 解除 nowrap + 换行 + 手机专用字号 */
  .hero h1{white-space:normal !important;font-size:clamp(27px,8.4vw,42px) !important;
           line-height:1.16 !important;letter-spacing:.08em !important;text-indent:0 !important;
           padding:0 20px;max-width:100%}
  .hero .h{top:60vh !important;gap:14px !important;padding:0 16px}
  .hero .tag,.hero .cta{position:static !important;bottom:auto !important;margin:0}
  .hero .cta{margin-top:4px}
  .hero .idx,.hero .scroll{display:none !important}
  /* ③ 手机字号体系 */
  .jm-h{font-size:clamp(25px,7.6vw,36px) !important;letter-spacing:.1em !important}
  .hl-line{font-size:clamp(17px,5.2vw,25px) !important;letter-spacing:.12em !important;margin:8px 0 !important}
  .pc-l1,.pc-l2{font-size:clamp(19px,5.8vw,28px) !important;letter-spacing:.12em !important}
  .study-head,.auc-h{font-size:clamp(21px,6.2vw,30px) !important}
  .big{font-size:clamp(20px,5.8vw,28px) !important;line-height:1.35 !important}
  .oon-statement{font-size:clamp(19px,5.6vw,26px) !important}
  p.body,.oon-sub{font-size:14.5px !important;line-height:1.95 !important}
  /* ④ 章节黑场过渡(不是纯 margin, 留出呼吸) */
  .hero + .sec,.sec + .sec{margin-top:7vh}
  .sec{padding:84px 0 !important}
  .wrap{padding:0 22px !important}
  /* ⑤ 按钮: 细线、克制, 不做电商大按钮 */
  .btn-line{font-size:10.5px !important;letter-spacing:.26em !important;padding:12px 18px !important}
  /* ⑥ 触控反馈 */
  a,button{-webkit-tap-highlight-color:rgba(199,175,125,.16)}
}
@media(max-width:430px){
  .wrap{padding:0 20px !important}
  .sec{padding:76px 0 !important}
}
/* ⑦ 汉堡按钮(手机可见) */
@media(max-width:860px){
  .vj-nav{display:none !important}
  .vjm-btn{display:flex;flex-direction:column;justify-content:space-between;position:fixed;
    top:16px;right:16px;width:44px;height:44px;padding:13px 11px;z-index:60;cursor:pointer;
    background:rgba(7,8,7,.55);backdrop-filter:blur(6px);border-radius:50%}
  .vjm-btn span{display:block;height:1px;background:#E8E2D6;opacity:.92;transition:transform .28s ease,opacity .2s ease}
  .vjm-cb:checked ~ .vjm-panel{opacity:1;visibility:visible;pointer-events:auto}
  .vjm-cb:checked ~ .vjm-btn span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .vjm-cb:checked ~ .vjm-btn span:nth-child(2){opacity:0}
  .vjm-cb:checked ~ .vjm-btn span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}
/* ⑧ 减少动效偏好 */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}

/* ===== MOBILE V2 · 阶段 2: ROOMS / 四路径 手机端改横向滑动 2026-09-24 ===== */
.rooms-more{max-width:1360px;margin:44px auto 0;padding:0 64px;text-align:center}
.rooms-more .btn-line{display:inline-block}
@media(max-width:860px){
  /* ROOMS: 8 张卡横向滑动(高度 4096px -> 约 520px), 全部 8 张仍在 DOM 与可滑动序列中 */
  .rooms-sec .roomwall{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;
    grid-template-columns:none !important;gap:14px;padding:0 20px 10px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .rooms-sec .roomwall::-webkit-scrollbar{display:none}
  .rooms-sec .roomwall .rw{flex:0 0 74% !important;max-width:none !important;scroll-snap-align:center}
  .rooms-sec .roomwall{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent 100%);mask-image:linear-gradient(to right,#000 86%,transparent 100%)}
  .collector .uni-grid{-webkit-mask-image:linear-gradient(to right,#000 86%,transparent 100%);mask-image:linear-gradient(to right,#000 86%,transparent 100%)}
  .rooms-sec .roomwall .rwi{height:46vh !important;min-height:280px}
  .rooms-more{margin-top:26px;padding:0 20px}
  /* COLLECTOR 四路径: 同样改横向滑动(2676px -> 约 480px) */
  .collector .uni-grid{display:flex !important;flex-wrap:nowrap !important;overflow-x:auto !important;
    grid-template-columns:none !important;gap:14px;padding:0 20px 10px;margin-top:34px !important;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .collector .uni-grid::-webkit-scrollbar{display:none}
  .collector .uni-grid .uni-card{flex:0 0 78% !important;max-width:none !important;scroll-snap-align:center}
  .collector .uni-grid .uni-img{height:38vh !important;min-height:240px !important}
}

/* ===== MOBILE V2 · 阶段 2: 手机端 HERO 竖版构图 2026-09-24 ===== */
@media(max-width:860px){
  .hero .heroimg{object-position:center center !important}
}

/* ===== MOBILE V2 · 阶段 2: 手机端标题竖线(香槟金细线 + 缩进) 2026-09-24 ===== */
@media(max-width:860px){
  .hero .tag,.oon-no,.study-head,.auc-eyebrow,.land-eyebrow,.jny-no{
    display:inline-block;border-left:1px solid rgba(199,175,125,.62);padding-left:11px;text-align:left}
  .study-head,.auc-eyebrow,.land-eyebrow{letter-spacing:.24em !important}
  .jny-cap{border-left:0}
  .rust,.hl-line{border-left:1px solid rgba(199,175,125,.35);padding-left:12px;display:inline-block}
}

/* ===== A 步: 语言切换器 EN / 繁中 ===== */
.vj-lang{display:flex;align-items:center;gap:9px}
.vj-lang-b{background:none;border:0;padding:4px 2px;cursor:pointer;text-transform:uppercase;
  font:400 10px/1 "IBM Plex Mono",monospace;letter-spacing:.2em;color:rgba(232,226,214,.5);
  transition:color .22s ease}
.vj-lang-b:hover{color:#C7AF7D}
.vj-lang-b.on{color:#E8E2D6}
.vj-lang-b + .vj-lang-b{border-left:1px solid rgba(232,226,214,.22);padding-left:10px}
@media(max-width:860px){
  .vj-top .vj-lang{display:none}
  .vjm-panel .vj-lang{margin-top:4px;justify-content:center;gap:18px}
  .vjm-panel .vj-lang-b{font-size:12.5px;letter-spacing:.26em;font-family:"Cormorant Garamond",serif}
}

/* ===== A 步 v2: 语言切换器改下拉框 ===== */
.vj-lang{position:relative;display:inline-flex;align-items:center}
.vj-lang-s{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:5px 16px 5px 0;
  color:rgba(232,226,214,.68);cursor:pointer;letter-spacing:.06em;
  font:400 12px/1 "Cormorant Garamond","Hiragino Sans","Noto Sans KR",serif}
.vj-lang-s:hover{color:#C7AF7D}
.vj-lang-s option{background:#0C0B09;color:#E8E2D6;font-size:12.5px}
.vj-lang-chev{position:absolute;right:1px;pointer-events:none;color:#B59A6A;font-size:8px;line-height:1}
@media(max-width:860px){
  .vj-top .vj-lang{display:none}
  .vjm-panel .vj-lang{margin-top:8px}
  .vjm-panel .vj-lang-s{font-size:16px;letter-spacing:.1em;color:#E8E2D6;padding-right:20px}
  .vjm-panel .vj-lang-chev{font-size:10px}
}

/* ===== P0-②: 手机地址栏吃掉高度 100vh -> 100svh ===== */
@supports (height: 100svh){
  .hero{height:88svh !important}
  .jny-sticky{height:100svh !important}
  .jny-panel{height:82svh !important}
  .hero .h{top:60svh !important}
}

/* ============================================================
   MOBILE V2 · Step1 · 7 幕结构节奏对齐(规范目标值)
   配色只使用 曜石黑 #0C0B09 / 香槟金 #B08D57 #C7AF7D / 暖纸白 #E8E2D6
   ============================================================ */
@supports (height: 100svh){ }
@media(max-width:860px){
  /* ACT I HERO 82-92svh —— 露出下一幕一点, 制造"下面还有" */
  .hero{height:88svh !important;min-height:520px}
  .hero .h{top:56svh !important}
  /* 幕间留白(呼吸) */
  .hero + .sec,.sec + .sec,.sec + .jny,.jny + .sec{margin-top:5vh}
  /* ACT II ONE OF ONE 85-115svh */
  .piece-sec{padding:48px 0 40px !important;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
  /* THE ROOMS —— 收成 3 卡 teaser 条(内容 8 张仍可横滑) */
  .rooms-sec{padding:46px 0 34px !important}
  .rooms-sec .roomwall .rwi{height:36vh !important;min-height:240px !important}
  .rooms-more{margin-top:18px !important}
  /* ACT IV JADE MOMENT 100-130svh */
  .jm{min-height:118svh;display:flex;flex-direction:column;justify-content:center}
  /* ACT V AUCTION 75-120svh */
  .auc{min-height:96svh;display:flex;flex-direction:column;justify-content:center}
  /* ACT VI HEIRLOOM 150-220svh —— 情绪高潮, 加高 */
  .hl{min-height:180svh;display:flex;flex-direction:column;justify-content:center}
  /* ACT VII PRIVATE 85-100svh */
  .pc{min-height:90svh}
  /* 【大合并】手机端不再单列这两章(内容保留在 DOM / 桌面端 / 各自页面可达) */
  .land,.collector{display:none !important}
}

/* ===== 补齐: 手机端标题竖线(香槟金细线 + 缩进) ===== */
@media(max-width:860px){
  .hero .tag,.oon-no,.study-head,.auc-eyebrow,.land-eyebrow,.jny-no{
    display:inline-block;border-left:1px solid rgba(199,175,125,.62);padding-left:11px;text-align:left}
  .study-head,.auc-eyebrow,.land-eyebrow{letter-spacing:.24em !important}
  .rust,.hl-line{border-left:1px solid rgba(199,175,125,.35);padding-left:12px;display:inline-block}
}

/* ===== 7 幕节奏(最终值 · 与上面同一权重层, 放最后生效) ===== */
@media(max-width:860px){
  .hero{height:88svh !important;min-height:520px !important}
  .hero .h{top:56svh !important}
  .sec + .sec,.hero + .sec,.sec + .jny,.jny + .sec{margin-top:5vh}
  .piece-sec{min-height:100svh !important;padding:48px 0 40px !important;display:flex !important;flex-direction:column !important;justify-content:center !important}
  .rooms-sec{padding:46px 0 34px !important}
  .rooms-sec .roomwall .rwi{height:36vh !important;min-height:240px !important}
  .jm{min-height:118svh !important}
  .auc{min-height:96svh !important}
  .hl{min-height:180svh !important}
  .pc{min-height:90svh !important}
  .land{display:none !important}
  .collector{display:none !important}
  .jny-breath{display:flex !important;flex-direction:column !important;align-items:center !important;
    justify-content:center !important;gap:12px !important;min-height:40svh !important;background:#070807 !important;text-align:center !important}
  .jny-breath p{font:300 clamp(19px,5.8vw,26px)/1.35 "Cormorant Garamond",serif !important;letter-spacing:.1em !important;color:#E8E2D6 !important;margin:0 !important}
}

/* ============================================================
   Step2b · 拍卖归档: 横向自动轮播 + 循环复播(真实结构 .auc-nodes > .auc-node)
   ============================================================ */
@media(max-width:860px){
  .auc{min-height:auto !important}
  .auc-nodes{display:flex !important;flex-wrap:nowrap !important;overflow:hidden !important;gap:14px !important;
    width:max-content !important;animation:aucSlide 26s ease-in-out infinite alternate !important;
    will-change:transform}
  .auc-nodes > .auc-node{flex:0 0 72vw !important;min-width:0 !important}
  .auc:hover .auc-nodes,.auc:active .auc-nodes{animation-play-state:paused !important}
  .auc-rail,.auc-track{display:none !important}      /* 竖版时间轴在手机上让位给轮播 */
  .auc-cta-wrap{margin-top:22px !important}
  @keyframes aucSlide{from{transform:translateX(0)}to{transform:translateX(calc(-1 * (72vw + 14px) * 2))}}
}
/* 桌面完全不受影响 */
@media(min-width:861px){ .auc-nodes{animation:none !important;transform:none !important;overflow:visible !important;width:auto !important} }
@media (prefers-reduced-motion: reduce){ .auc-nodes{animation:none !important} }

/* ===== Step2c · 修正: 拍卖归档被 .auc-rail 误隐藏 ===== */
@media(max-width:860px){
  .auc-rail{display:block !important;position:static !important;padding:0 !important;border:0 !important;min-height:0 !important}
  .auc-track{display:none !important}
  .auc-nodes{display:flex !important;flex-wrap:nowrap !important;overflow:visible !important;gap:14px !important;
    width:max-content !important;padding:2px 20px 6px !important;
    animation:aucSlide2 30s ease-in-out infinite alternate !important}
  .auc-nodes > .auc-node{flex:0 0 72vw !important;min-width:0 !important;display:block !important}
  .auc:hover .auc-nodes,.auc:active .auc-nodes{animation-play-state:paused !important}
  @keyframes aucSlide2{from{transform:translateX(0)}to{transform:translateX(calc(-1 * (72vw + 14px) * 2))}}
}

/* ===== 语言切换: 原生提交按钮(CSP 安全, 零 JS) ===== */
.vj-lang-go{background:none;border:1px solid rgba(199,175,125,.55);color:#C7AF7D;cursor:pointer;
  font:400 9px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;padding:5px 7px;border-radius:2px;
  margin:0 4px 0 6px;transition:all .2s ease}
.vj-lang-go:hover{background:rgba(199,175,125,.14);color:#E8E2D6}
@media(max-width:860px){ .vjm-panel .vj-lang-go{font-size:12px;padding:8px 12px;letter-spacing:.2em} }

/* ===== JOURNEY 视频(手机专属) · 默认关闭, 只有 .video-on 才启用 ===== */
.jny-video-wrap{display:none}
.jny.video-on .jny-video-wrap{display:block;position:relative;height:78svh;min-height:420px;background:#070807}
.jny-video{width:100%;height:100%;object-fit:cover;display:block}
.jny.video-on .jny-track,.jny.video-on .jny-strip,.jny.video-on .jny-sticky{display:none !important}
@media (prefers-reduced-motion: reduce){ .jny-video-wrap{display:none !important} }

/* ===== 视频显示高度改小(按用户反馈: 上下两端缩小) ===== */
.jny.video-on .jny-video-wrap{height:56svh !important;min-height:320px !important}
.jny-video{object-fit:contain !important;background:#070807}

/
@media(max-width:860px){
  .jm img:not(.jm-under){display:none !important}
  .jm-line,.jm-shine,.jm-top{display:none !important}
  .jm .jm-under{display:block !important;opacity:1 !important;position:relative !important;
    width:100% !important;height:auto !important;object-fit:contain !important}
  .jm{min-height:auto !important;padding:40px 0 !important}
  .jm-under{max-height:78svh !important}
}

/* ===== 紧急修复(安全版): 手机端只关掉上层揭膜【图】, 保留标题文字 ===== */
@media(max-width:860px){
  .jm-top img{display:none !important}
  .jm-top{position:static !important;clip-path:none !important;background:none !important;
    opacity:1 !important;height:auto !important;mix-blend-mode:normal !important}
  .jm-line,.jm-shine,.jm-veil{display:none !important}
  .jm-stage{position:relative !important;height:auto !important}
  .jm .jm-under{display:block !important;opacity:1 !important;width:100% !important;height:auto !important;
    max-height:76svh !important;object-fit:contain !important}
  .jm{min-height:auto !important;padding:44px 0 40px !important}
}

/* ===== 传承图: 手机端完整显示(不裁切) + 提亮后版本 ===== */
@media(max-width:860px){
  .hl{min-height:auto !important;padding:46px 0 40px !important}
  .hl-bg{background-size:contain !important;background-position:center center !important;background-repeat:no-repeat !important;
    width:100% !important;height:auto !important;aspect-ratio:4/5 !important;min-height:0 !important}
}

/* ===== P0 final pacing cleanup ===== */
@media(max-width:860px){
  .auc{padding:72px 0 58px!important}
  .hl{height:46vh!important;min-height:320px!important}
  .pc{min-height:76svh!important;padding:48px 24px!important}
  .pc-copy{margin-top:4vh!important}
}

body{background:linear-gradient(180deg,#0C0B09 0%,#0A0908 48%,#070605 100%) !important;background-attachment:fixed !important;background-color:#0A0908 !important}
.hero,.manifesto,.piece-sec,.rooms-sec,.jny,.jm,.auc,.land,.collector,.hl,.uni,.universe{background-color:transparent !important}
.manifesto,.rooms-sec,.collector,.uni{background-image:none !important}
.land,.auc,.jny,.jm,.hl{background-image:none !important}
.pc{background:#070605 !important}
.vjf{background:linear-gradient(180deg,#0A0908 0%,#080706 100%) !important}
.vjf-glow{background:radial-gradient(ellipse at 50% 100%,rgba(196,164,112,.10),rgba(8,7,6,0) 70%) !important}

/* ===== V3.3 implementation batch 1: desktop gallery shell ===== */
@media(min-width:861px){
  .hero{min-height:92svh!important;display:flex!important;align-items:flex-end!important;padding:0 10vw 11vh!important;position:relative!important;background:transparent!important}
  .heroimg{object-position:58% 38%!important}
  .hero .h{position:relative!important;left:auto!important;top:auto!important;transform:none!important;max-width:680px!important;z-index:4!important;text-align:left!important}
  .hero h1{font-size:clamp(64px,7vw,118px)!important;line-height:.9!important;letter-spacing:-.04em!important;text-align:left!important}
  .hero h1 em{display:block!important;margin-left:78px!important}
  .hero .cta{justify-content:flex-start!important;text-align:left!important}
  .hero .src{max-width:430px!important;text-align:left!important;margin-left:0!important}
  .hero .idx{right:4vw!important;bottom:12vh!important}
  .vj-top{padding:30px 5vw!important}.vj-top-in{display:grid!important;grid-template-columns:170px 1fr auto!important;gap:24px!important;align-items:center!important}.vj-nav{justify-content:flex-end!important;gap:24px!important}
  .manifesto{padding:150px 8vw 160px!important}.manifesto .wrap{max-width:1220px!important;display:grid!important;grid-template-columns:1.15fr .75fr!important;gap:12vw!important;align-items:end!important}.manifesto blockquote{font-size:clamp(48px,5vw,88px)!important;line-height:.98!important;text-align:left!important;margin:0!important}.manifesto .sub{max-width:480px!important;font-size:21px!important;line-height:1.55!important;margin:0 0 12px!important;text-align:left!important}
  .piece-sec{padding:160px 8vw 180px!important}.piece-sec>.wrap.grid2{max-width:1240px!important;grid-template-columns:1.1fr .78fr!important;gap:6vw!important;align-items:end!important}.piece-sec .frame{height:760px!important;aspect-ratio:auto!important}.piece-sec .coverimg{height:100%!important;object-fit:cover!important}.piece-sec .grid2>div:last-child{padding-bottom:55px!important}.piece-sec .study-head{font-size:10px!important;letter-spacing:.26em!important;margin-bottom:26px!important}.piece-sec .oon-statement{font-size:clamp(38px,4vw,72px)!important;line-height:.94!important}.piece-sec h2{font-size:clamp(30px,3vw,52px)!important;letter-spacing:.06em!important}.piece-sec .rare{grid-template-columns:1fr 1fr!important}.piece-sec .btn-line{margin-top:16px!important}
  .rooms-sec{padding:160px 8vw 190px!important}.rooms-sec>.wrap{max-width:1260px!important;margin:0 auto 42px!important}.rooms-sec .cap{display:flex!important;justify-content:space-between!important;align-items:end!important}.roomwall{max-width:1260px!important;margin:0 auto!important;display:grid!important;grid-template-columns:1.45fr .82fr 1fr!important;grid-template-rows:310px 390px!important;gap:22px 34px!important}.roomwall .rw{min-width:0!important;align-self:stretch!important}.roomwall .rw:nth-child(1){grid-row:1/3!important;transform:translateY(38px)!important}.roomwall .rw:nth-child(2){transform:translateY(-24px)!important}.roomwall .rw:nth-child(3){transform:translateY(34px)!important}.roomwall .rw:nth-child(4){grid-column:2/4!important;transform:translateY(-8px)!important}.roomwall .rw:nth-child(n+5){display:none!important}.roomwall .rwi{height:100%!important;min-height:0!important}.roomwall .rwl{padding:17px 0 0!important}.roomwall .rwro{font-size:11px!important;letter-spacing:.16em!important}.roomwall .rwzh{font-size:16px!important}.rooms-more{max-width:1260px!important;margin:68px auto 0!important;text-align:right!important}
}


/* V3.3 Hero alignment correction */
@media(min-width:861px){.hero .h{margin:0!important;width:680px!important;max-width:680px!important}.hero h1{width:100%!important;margin:0!important}.hero h1 em{margin-left:0!important}.hero .cta{margin-left:0!important;width:100%!important}.hero .src{margin-left:0!important;width:100%!important}}

@media(min-width:861px){.hero{justify-content:flex-start!important}}

/* ===== V3.3 implementation batch 2: Journey light curtain ===== */
@media(min-width:861px){
  .jny{padding:142px 8vw 168px!important;background:radial-gradient(ellipse at 68% 10%,rgba(223,201,161,.10),transparent 28%),transparent!important}
  .jny-track{display:block!important;height:auto!important}
  .jny-sticky{position:static!important;height:auto!important;min-height:0!important;overflow:visible!important}
  .jny-head{position:relative!important;padding:0!important;margin:0 auto 48px!important;max-width:1260px!important;align-items:end!important}
  .jny-head .jny-eyebrow{text-align:left!important}
  .jny-hint{font-size:10px!important;letter-spacing:.26em!important}
  .jny-strip{display:grid!important;grid-template-columns:1.42fr .78fr .78fr .78fr .78fr!important;grid-template-rows:230px 270px!important;width:100%!important;height:500px!important;overflow:visible!important;gap:14px!important;transform:none!important;animation:none!important}
  .jny-panel{width:auto!important;height:auto!important;min-width:0!important;flex:none!important;mask-image:none!important;-webkit-mask-image:none!important;background:#100e0a!important}
  .jny-panel:first-child{grid-row:1/3!important}
  .jny-panel img{width:100%!important;height:100%!important;object-fit:cover!important;filter:brightness(.76) saturate(.82) contrast(1.04)!important;transition:filter .5s ease,transform .8s ease!important}
  .jny-panel:hover img{filter:brightness(.94) saturate(.94) contrast(1.04)!important;transform:scale(1.025)!important}
  .jny-panel::after{content:"";position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(7,8,7,.04),rgba(7,8,7,.72) 100%)!important}
  .jny-panel:first-child::before{content:"";position:absolute!important;z-index:1!important;top:-20px!important;left:18%!important;width:36%!important;height:72%!important;background:linear-gradient(108deg,rgba(255,245,221,0),rgba(255,245,221,.22),rgba(255,245,221,0))!important;filter:blur(18px)!important;transform:skewX(-12deg)!important;pointer-events:none!important}
  .jny-cap{left:28px!important;bottom:24px!important;max-width:calc(100% - 56px)!important;z-index:3!important}
  .jny-panel:first-child .jny-cap{left:38px!important;bottom:34px!important;max-width:430px!important}
  .jny-ti{font-size:clamp(22px,2.6vw,40px)!important;letter-spacing:.08em!important}
  .jny-note{font-size:12px!important;line-height:1.65!important}
  .jny-rail{position:relative!important;bottom:auto!important;margin-top:32px!important;gap:26px!important}
  .jny-rail span::before{display:block!important}
}

@media(min-width:861px){.jny-panel:not(:first-child) img{object-fit:contain!important;background:#0B0907!important}.jny-panel:not(:first-child)::after{background:linear-gradient(180deg,rgba(7,8,7,.04),rgba(7,8,7,.82) 100%)!important}}

@media(min-width:861px){
.jny-panel:not(:first-child){background:linear-gradient(180deg,#17130c 0%,#0b0907 58%,#0b0907 100%)!important}
.jny-panel:not(:first-child) img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:126px!important;object-fit:contain!important;background:#17130c!important}
.jny-panel:not(:first-child)::after{background:linear-gradient(180deg,rgba(7,8,7,0) 0%,rgba(7,8,7,.06) 42%,rgba(7,8,7,.92) 60%,rgba(7,8,7,.98) 100%)!important}
.jny-panel:not(:first-child) .jny-cap{left:18px!important;right:14px!important;bottom:18px!important;max-width:none!important}
.jny-panel:not(:first-child) .jny-ti{font-size:25px!important;letter-spacing:.05em!important}
.jny-panel:not(:first-child) .jny-note{font-size:11px!important;line-height:1.45!important;margin-top:8px!important}
}
@media(min-width:861px){.jny-panel:not(:first-child) img{filter:brightness(1.02) saturate(.96) contrast(1.02)!important}.jny-panel:not(:first-child)::after{background:linear-gradient(180deg,rgba(7,8,7,0) 0%,rgba(7,8,7,0) 48%,rgba(7,8,7,.88) 60%,rgba(7,8,7,.98) 100%)!important}}

/* ===== V3.3 implementation batch 3: Jade Moment invisible glass vitrine ===== */
@media(min-width:861px){
  .jm{height:760px!important;min-height:0!important;display:block!important;background:radial-gradient(ellipse at 28% 46%,rgba(223,201,161,.10),transparent 30%),transparent!important}
  .jm-stage{position:absolute!important;left:7vw!important;right:auto!important;top:76px!important;bottom:76px!important;width:58%!important;height:auto!important;overflow:hidden!important;mask-image:none!important;-webkit-mask-image:none!important;background:linear-gradient(135deg,rgba(255,247,225,.05),rgba(7,8,7,.04) 42%,rgba(7,8,7,.34))!important;box-shadow:inset 1px 0 rgba(255,247,225,.20),inset -1px 0 rgba(255,247,225,.08),0 30px 90px rgba(0,0,0,.28)!important}
  .jm-stage::after{content:"";position:absolute;top:0;bottom:0;right:4%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,247,225,.28) 22%,rgba(255,247,225,.08) 70%,transparent);pointer-events:none;z-index:6}
  .jm .jm-stage img,.jm .jm-stage .jm-under,.jm .jm-stage .jm-top img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;mask-image:none!important;-webkit-mask-image:none!important;filter:brightness(.94) saturate(.9) contrast(1.03)!important}
  .jm .jm-top{position:absolute!important;inset:0!important;clip-path:none!important;opacity:.22!important;z-index:2!important}
  .jm .jm-under{z-index:1!important}
  .jm .jm-veil{z-index:3!important;background:linear-gradient(90deg,rgba(7,8,7,0),rgba(7,8,7,.06) 60%,rgba(7,8,7,.36))!important}
  .jm .jm-line,.jm .jm-shine{display:none!important}
  .jm .jm-cap{left:69%!important;right:8%!important;bottom:128px!important;top:auto!important;transform:none!important;text-align:left!important;z-index:8!important}
  .jm .jm-h,.jm .jm-s,.jm .jm-s2{text-align:left!important}
  .jm .jm-h{font-size:clamp(34px,4vw,60px)!important;letter-spacing:.10em!important;line-height:1.02!important}
  .jm .jm-s{margin-top:18px!important;font-size:11px!important;letter-spacing:.22em!important}
  .jm::after{content:"JADE MOMENT  ·  MATERIAL STUDY";position:absolute;left:7vw;bottom:38px;font:400 10px/1 IBM Plex Mono,monospace;letter-spacing:.28em;color:rgba(199,175,125,.68);z-index:8}
}

/* ===== V3.3 implementation batch 4: lower-house editorial cohesion ===== */
@media(min-width:861px){
  /* THE LAND: mine image becomes a side-set documentary wall, not a full-screen hero */
  .land{padding:0 8vw 124px!important;min-height:760px!important;display:grid!important;grid-template-columns:1fr 1.1fr!important;gap:7vw!important;align-items:center!important;background:transparent!important}
  .land-bg{position:relative!important;grid-column:2!important;grid-row:1!important;inset:auto!important;width:100%!important;height:560px!important;background-position:center!important;mask-image:none!important;-webkit-mask-image:none!important;box-shadow:inset 0 0 100px rgba(7,8,7,.55),0 30px 90px rgba(0,0,0,.28)!important}
  .land-scrim{position:absolute!important;inset:0!important;height:auto!important;background:linear-gradient(90deg,rgba(7,8,7,.14),rgba(7,8,7,.02) 45%,rgba(7,8,7,.48))!important}
  .land-in{grid-column:1!important;grid-row:1!important;height:auto!important;min-height:0!important;display:block!important;padding:0!important;align-self:center!important;text-align:left!important;z-index:2!important}
  .land-eyebrow{display:block!important;text-align:left!important;margin-bottom:24px!important}.land-h{font-size:clamp(34px,4vw,66px)!important;line-height:1.02!important;letter-spacing:.04em!important;margin:0!important}.land-sub{font-size:11px!important;letter-spacing:.22em!important;margin-top:24px!important}
  .land-pillars{grid-column:1/3!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:3vw!important;max-width:none!important;margin:0!important;padding:48px 0 0!important;border-top:1px solid rgba(199,175,125,.24)!important}
  .land-p{border-top:0!important;padding-top:0!important}.land-pt{font-size:22px!important}.land-pb{font-size:12px!important;line-height:1.8!important;color:rgba(232,226,214,.64)!important}.land-pl{font-size:9px!important;margin-top:18px!important}
  /* HEIRLOOM: turn the inherited piece image into a quiet right-side portrait wall */
  .hl{height:680px!important;min-height:0!important;display:block!important;background:transparent!important;overflow:hidden!important}
  .hl-bg{left:48%!important;right:0!important;width:52%!important;height:100%!important;background-position:center!important;opacity:.92!important;mask-image:none!important;-webkit-mask-image:none!important}
  .hl-veil{background:linear-gradient(90deg,rgba(7,8,7,.98) 0%,rgba(7,8,7,.82) 35%,rgba(7,8,7,.12) 72%,rgba(7,8,7,.30) 100%)!important}
  .hl::after{background:linear-gradient(90deg,rgba(7,8,7,.36),transparent 62%)!important}.hl::before{display:none!important}
  .hl-in{position:absolute!important;left:8vw!important;top:50%!important;transform:translateY(-50%)!important;max-width:470px!important;margin:0!important;padding:0!important;text-align:left!important}.hl-line{font-size:clamp(34px,4vw,62px)!important;line-height:1.02!important;letter-spacing:.08em!important;margin:12px 0!important}.hl-note{font-size:11px!important;letter-spacing:.16em!important;margin-top:26px!important}
  /* PRIVATE: final room becomes an off-axis salon, not an isolated centered image */
  .pc{min-height:760px!important;height:760px!important;display:block!important;padding:0!important;background:transparent!important}
  .pc-stage{position:absolute!important;left:8vw!important;top:82px!important;width:54%!important;height:590px!important;display:block!important}.pc-img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;object-position:center!important}.pc-glow{inset:-12%!important}
  .pc-label{left:auto!important;right:5vw!important;top:50%!important}.pc-copy{position:absolute!important;left:68%!important;right:7vw!important;top:50%!important;transform:translateY(-50%)!important;margin:0!important;padding:0!important;text-align:left!important}.pc-l1,.pc-l2{font-size:clamp(32px,3.5vw,56px)!important;line-height:1.02!important;letter-spacing:.10em!important}.pc-l2{margin-top:8px!important}.pc-cta{margin-top:34px!important}
  /* COLLECTOR PATHS: varied exhibition wall, not four equal legacy cards */
  .collector .uni-grid{max-width:1240px!important;margin:84px auto 0!important;padding:0!important;display:grid!important;grid-template-columns:1.16fr .78fr 1fr .74fr!important;grid-template-rows:260px 360px!important;gap:18px!important}
  .collector .uni-card{min-width:0!important}.collector .uni-card:nth-child(1){grid-row:1/3!important;transform:translateY(36px)!important}.collector .uni-card:nth-child(2){transform:translateY(-18px)!important}.collector .uni-card:nth-child(3){grid-row:1/3!important;transform:translateY(54px)!important}.collector .uni-card:nth-child(4){transform:translateY(-4px)!important}.collector .uni-img{height:100%!important;min-height:0!important}.collector .uni-meta{padding:18px 14px!important}.collector .uni-ti{font-size:20px!important}
}

@media(min-width:861px){
  .piece-sec>.wrap.grid2{align-items:start!important}
  .piece-sec .frame{height:820px!important}
  .piece-sec .grid2>div:last-child{padding-top:0!important;padding-bottom:0!important}
}
@media(min-width:861px){.jm .jm-top{display:none!important;opacity:0!important}}
@media(min-width:861px){.piece-sec .oon-statement{font-size:clamp(30px,3.2vw,48px)!important;line-height:1.02!important;letter-spacing:.11em!important}}
@media(min-width:861px){.piece-sec .frame{transform:translateY(156px)!important}}
@media(min-width:861px){.piece-sec .frame{transform:translateY(92px)!important}}

/* ===== V3.3 implementation batch 5: Collector constellation wall ===== */
@media(min-width:861px){
  .collector .uni-grid{max-width:1240px!important;margin:84px auto 0!important;padding:0!important;display:grid!important;grid-template-columns:1.12fr .78fr .92fr .72fr!important;grid-template-rows:250px 430px!important;gap:20px!important;align-items:stretch!important}
  .collector .uni-card{min-width:0!important;transform:none!important}
  .collector .uni-card:nth-child(1){grid-column:1/2!important;grid-row:1/3!important;transform:translateY(46px)!important}
  .collector .uni-card:nth-child(2){grid-column:2/4!important;grid-row:1/2!important;transform:translateY(-28px)!important}
  .collector .uni-card:nth-child(3){grid-column:2/4!important;grid-row:2/3!important;transform:translateY(38px)!important}
  .collector .uni-card:nth-child(4){grid-column:4/5!important;grid-row:1/3!important;transform:translateY(12px)!important}
  .collector .uni-img{height:100%!important;min-height:0!important;background:#100e0a!important}
  .collector .uni-img img{object-fit:cover!important;object-position:center!important;filter:brightness(.86) saturate(.88) contrast(1.03)!important}
  .collector .uni-meta{padding:18px 14px!important}
  .collector .uni-no{font-size:10px!important;letter-spacing:.22em!important}
  .collector .uni-ti{font-size:clamp(18px,1.65vw,24px)!important;line-height:1.18!important;margin-top:9px!important}
  .collector .uni-cta{margin-top:10px!important;font-size:9.5px!important}
}

@media(min-width:861px){
  .collector .uni-grid{max-width:1320px!important;margin:108px auto 0!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:220px 150px 360px!important;gap:24px!important;height:778px!important}
  .collector .uni-card:nth-child(1){grid-column:1/4!important;grid-row:2/4!important;transform:translateY(64px)!important}
  .collector .uni-card:nth-child(2){grid-column:4/9!important;grid-row:1/2!important;transform:translateY(-52px)!important}
  .collector .uni-card:nth-child(3){grid-column:4/8!important;grid-row:3/4!important;transform:translateY(72px)!important}
  .collector .uni-card:nth-child(4){grid-column:10/13!important;grid-row:1/4!important;transform:translateY(-8px)!important}
}

/* ===== Collector final rhythm: I vertical / II horizontal / III vertical / IV horizontal ===== */
@media(min-width:861px){
  .collector .uni-grid{max-width:1320px!important;margin:112px auto 0!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:220px 180px 300px 170px!important;gap:28px!important;height:780px!important}
  .collector .uni-card:nth-child(1){grid-column:1/4!important;grid-row:2/5!important;transform:translateY(58px)!important}
  .collector .uni-card:nth-child(2){grid-column:4/8!important;grid-row:1/2!important;transform:translateY(-48px)!important}
  .collector .uni-card:nth-child(3){grid-column:6/9!important;grid-row:2/4!important;transform:translateY(44px)!important}
  .collector .uni-card:nth-child(4){grid-column:9/13!important;grid-row:3/5!important;transform:translateY(26px)!important}
  .collector .uni-card:nth-child(1) .uni-img,.collector .uni-card:nth-child(3) .uni-img{height:100%!important;min-height:0!important}
  .collector .uni-card:nth-child(2) .uni-img,.collector .uni-card:nth-child(4) .uni-img{height:100%!important;min-height:0!important}
  .collector .uni-card:nth-child(3) .uni-img img{object-fit:contain!important;background:#100e0a!important}
}

/* ===== Collector final form: four equal vertical notes on a wave ===== */
@media(min-width:861px){
  .collector .uni-grid{position:relative!important;display:block!important;max-width:1320px!important;height:1040px!important;margin:96px auto 0!important;padding:0!important}
  .collector .uni-card{position:absolute!important;width:260px!important;height:400px!important;min-width:0!important;transform:none!important}
  .collector .uni-card:nth-child(1){left:0!important;top:548px!important}
  .collector .uni-card:nth-child(2){left:360px!important;top:110px!important}
  .collector .uni-card:nth-child(3){left:700px!important;top:468px!important}
  .collector .uni-card:nth-child(4){right:0!important;top:0!important}
  .collector .uni-img{width:260px!important;height:400px!important;min-height:0!important;aspect-ratio:13/20!important}
  .collector .uni-img img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;background:#100e0a!important}
  .collector .uni-meta{padding:16px 12px!important}
  .collector .uni-ti{font-size:20px!important;line-height:1.15!important}
}

@media(min-width:861px){.collector .uni-card:nth-child(3) .uni-img img{object-fit:cover!important;object-position:center!important}}

/* === P0 image integrity: keep Collector artwork intact inside portrait frames === */
@media(min-width:861px){
  .collector .uni-img{background:#100e0a!important;overflow:hidden!important}
  .collector .uni-img img,
  .collector .uni-card:nth-child(3) .uni-img img{object-fit:contain!important;object-position:center!important}
}

/* ===== Mobile final direction: Private Viewing journey ===== */
@media(max-width:860px){
  .land{display:block!important;min-height:0!important;padding:52px 0 46px!important;background:transparent!important}
  .land-in{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;height:auto!important;min-height:0!important;padding:0 22px 28px!important;text-align:left!important}
  .land-bg{position:relative!important;inset:auto!important;grid-column:auto!important;grid-row:auto!important;width:calc(100% - 40px)!important;height:44svh!important;min-height:270px!important;margin:0 20px!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;mask-image:none!important;-webkit-mask-image:none!important}
  .land-pillars{display:grid!important;grid-template-columns:1fr!important;gap:22px!important;margin:30px 22px 0!important;padding:26px 0 0!important;border-top:1px solid rgba(199,175,125,.24)!important}
  .land-p{padding:0!important;border:0!important}.land-pt{font-size:20px!important}.land-pb{font-size:13px!important;line-height:1.75!important}
  .collector{display:block!important;min-height:0!important;padding:52px 0 54px!important}
  .collector>.wrap{display:none!important}
  .collector .vj-p0-mobile-summary{display:block!important;padding:0 22px!important;margin:0!important}
  .collector .vj-p0-mobile-summary h3{font:400 clamp(26px,7.5vw,34px)/1.1 "Cormorant Garamond",serif!important;letter-spacing:.06em!important;color:#E8E2D6!important;margin:16px 0 14px!important}
  .collector .vj-p0-mobile-summary p{font:300 14px/1.85 Inter,system-ui,sans-serif!important;color:rgba(232,226,214,.72)!important;margin:0!important}
  .collector .vj-p0-mobile-summary a{display:inline-block!important;margin-top:18px!important;color:#C7AF7D!important;font:400 10px/1 "IBM Plex Mono",monospace!important;letter-spacing:.22em!important;text-transform:uppercase!important}
  .collector .uni-grid{position:static!important;display:flex!important;flex-wrap:nowrap!important;width:auto!important;height:auto!important;max-width:none!important;overflow-x:auto!important;overflow-y:visible!important;gap:16px!important;margin:34px 0 0!important;padding:0 22px 12px!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important;mask-image:linear-gradient(to right,#000 86%,transparent 100%)!important;-webkit-mask-image:linear-gradient(to right,#000 86%,transparent 100%)!important}
  .collector .uni-grid::-webkit-scrollbar{display:none!important}
  .collector .uni-card,.collector .uni-card:nth-child(n){position:static!important;display:block!important;flex:0 0 78vw!important;width:auto!important;height:auto!important;min-width:0!important;transform:none!important;scroll-snap-align:start!important}
  .collector .uni-img,.collector .uni-card:nth-child(n) .uni-img{width:100%!important;height:58svh!important;min-height:300px!important;max-height:500px!important;background:#100e0a!important;overflow:hidden!important}
  .collector .uni-img img,.collector .uni-card:nth-child(n) .uni-img img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
  .collector .uni-meta{padding:14px 4px 0!important}.collector .uni-ti{font-size:20px!important;line-height:1.15!important}.collector .uni-cta{margin-top:9px!important}
  .auc-nodes{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:visible!important;width:auto!important;max-width:none!important;gap:14px!important;padding:2px 20px 10px!important;transform:none!important;animation:none!important;scroll-snap-type:x mandatory!important;scrollbar-width:none!important}
  .auc-nodes::-webkit-scrollbar{display:none!important}.auc-nodes>.auc-node{flex:0 0 72vw!important;scroll-snap-align:start!important}
  .auc:hover .auc-nodes,.auc:active .auc-nodes{animation:none!important}
}
@media(prefers-reduced-motion:reduce){.auc-nodes{animation:none!important}.collector .uni-grid{scroll-behavior:auto!important}}

/* ===== Mobile correction: smaller Hero portrait + visual bridge ===== */
@media(max-width:860px){
  .hero .heroimg{height:72svh!important;object-fit:contain!important;object-position:center top!important;background:#070807!important}
  .hero .h{top:64svh!important}
}

/* ===== P0 Mobile Private Viewing structure ===== */
@media(max-width:860px){
  .manifesto,.rooms-sec,.land,.collector{display:none!important}
  .hero{height:88svh!important;min-height:88svh!important;max-height:none!important}
  .hero .heroimg{height:72svh!important;object-fit:contain!important;object-position:center top!important}
  .hero .h{top:64svh!important}
  .piece-sec{height:auto!important;min-height:0!important;padding:0 0 8svh!important}
  .piece-sec .wrap{display:flex!important;flex-direction:column!important;gap:0!important;min-height:0!important}
  .piece-sec .frame{height:48svh!important;min-height:0!important;max-height:none!important}
  .piece-sec .wrap>div:last-child{height:auto!important;min-height:0!important;padding:7svh 22px 6svh!important}
  .jny{height:auto!important;min-height:0!important}
  .jny-head,.jny-rail,.jny-hint{display:none!important}
  .jny-strip{height:42svh!important;min-height:0!important;display:block!important}
  .jny-panel{height:42svh!important;min-height:0!important}
  .jny-panel:not(:first-child){display:none!important}
  .jny-breath{min-height:38svh!important;padding:24px 22px 30px!important}
  .jny-breath-image{height:23svh!important;min-height:150px!important}
  .jm{height:auto!important;min-height:0!important}
  .jm-stage{height:55svh!important;min-height:0!important}
  .auc{height:auto!important;min-height:0!important;padding:0!important}
  .auc .wrap{min-height:62svh!important;height:auto!important;padding:10svh 22px 8svh!important}
  .hl{height:78svh!important;min-height:0!important}
  .hl-bg,.hl-veil{height:78svh!important}
  .pc{height:auto!important;min-height:0!important;padding:8svh 22px 10svh!important}
  .pc-label{height:auto!important;min-height:0!important}
  .pc-stage{height:38svh!important;min-height:0!important}
  .pc-copy{height:auto!important;min-height:0!important;padding:5svh 0 0!important}
}

/* P0 mobile colophon: the story ends at Private Viewing */
@media(max-width:860px){
 .vjf{height:auto!important;min-height:0!important;padding:0!important}
 .vjf-glow{display:none!important}
 .vjf-in{height:auto!important;min-height:0!important;padding:7svh 22px!important}
 .vjf-cols{display:none!important}
 .vjf-brand{height:auto!important;min-height:0!important;padding:0 0 24px!important}
 .vjf-seo,.vjf-bot{height:auto!important;min-height:0!important;padding:12px 0!important}
}

/* P0 mobile wrapper reset: section shells must follow their mobile scene */
@media(max-width:860px){
 .shopify-section.vj-chapter{height:auto!important;min-height:0!important;overflow:hidden!important}
}

/* P0 explicit scene shells: wrapper height follows the mobile curation */
@media(max-width:860px){
 main>.shopify-section.vj-chapter:has(.hero){height:88svh!important}
 main>.shopify-section.vj-chapter:has(.piece-sec){height:122svh!important}
 main>.shopify-section.vj-chapter:has(#journey){height:74svh!important}
 main>.shopify-section.vj-chapter:has(#jade-moment){height:76svh!important}
 main>.shopify-section.vj-chapter:has(#auction-legacy){height:68svh!important}
 main>.shopify-section.vj-chapter:has(#heirloom){height:82svh!important}
 main>.shopify-section.vj-chapter:has(#private-collection){height:78svh!important}
}

/* P0 mobile scene containing blocks */
@media(max-width:860px){
 main>.shopify-section.vj-chapter:has(.jny-mobile-scene),
 main>.shopify-section.vj-chapter:has(.jm-mobile-scene),
 main>.shopify-section.vj-chapter:has(.auc-mobile-scene),
 main>.shopify-section.vj-chapter:has(.hl-mobile-scene){position:relative!important;overflow:hidden!important}
}

/* Mobile final corrections: hero portrait first, material text-only after film */
@media(max-width:860px){
 main>.shopify-section.vj-chapter:has(.hero){height:auto!important;min-height:0!important;overflow:visible!important}
 main>.shopify-section.vj-chapter:has(.hero) .hero{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:visible!important;padding-bottom:8svh!important}
 main>.shopify-section.vj-chapter:has(.hero) .hero>picture{position:relative!important;display:block!important;order:1;width:100%!important;height:56svh!important;min-height:0!important;flex:0 0 56svh!important}
 .hero>picture .heroimg{position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:56svh!important;object-fit:contain!important;object-position:center top!important}
 .hero .hero-dim,.hero .grain,.hero .vign{display:none!important}
 main>.shopify-section.vj-chapter:has(.hero) .hero .h{position:relative!important;order:2;top:auto!important;left:auto!important;right:auto!important;transform:none!important;width:100%!important;padding:18px 16px 0!important;gap:12px!important;text-align:center!important}
 .hero h1{padding:0!important;margin:0!important}
 .hero .tag,.hero .cta{position:static!important;margin:0!important}
 main>.shopify-section.vj-chapter:has(#jade-moment){height:auto!important;min-height:0!important;overflow:visible!important}
 .jm{height:auto!important;min-height:0!important;padding:0!important}
 main>.shopify-section.vj-chapter:has(#jade-moment) .jm-mobile-scene{position:relative!important;inset:auto!important;display:flex!important;min-height:0!important;height:auto!important;padding:8svh 22px!important}
 main>.shopify-section.vj-chapter:has(#heirloom) .hl-mobile-scene{position:relative!important;inset:auto!important}
 .jm-mobile-image{display:none!important;height:0!important;min-height:0!important;background:none!important}
 .jm-mobile-copy{margin-top:0!important}
}

/* Laptop-safe desktop tier: preserve the large-screen art direction without letting text and image frames collapse. */
@media (min-width:861px) and (max-width:1450px){
  .hero .h{width:700px;max-width:700px}
  .hero h1{font-size:clamp(74px,5.8vw,80px)!important;max-width:700px!important;white-space:normal;line-height:1.02!important;letter-spacing:.02em!important}
  .hero .cta{width:700px;text-align:left}
  .hero .src{text-align:left}

  .manifesto{padding:82px 0 90px!important}
  .manifesto blockquote{font-size:clamp(44px,4.2vw,58px)!important;line-height:1.12!important;max-width:760px!important}
  .manifesto .sub{max-width:520px;margin:30px auto 0;font-size:15px;line-height:1.9}

  .land-bg{height:auto!important;aspect-ratio:2400/1023;top:50%;bottom:auto!important;transform:translateY(-50%);background-size:cover!important}
  .land-scrim{height:100%!important}

  .hl-bg{height:auto!important;aspect-ratio:16/9;top:50%;bottom:auto!important;transform:translateY(-50%);background-size:cover!important;background-repeat:no-repeat}
}

/* PC visual hierarchy: images carry the weight; copy stays subordinate and bounded. */
@media (min-width:861px){
  .land-in{max-width:600px!important}
  .land-h{font-size:clamp(48px,3.4vw,60px)!important;line-height:1.04!important;max-width:600px!important}
  .hl-in{max-width:430px!important}
  .hl-line{font-size:clamp(46px,3.2vw,58px)!important;line-height:1.04!important}
  .pc-raking-context{max-width:780px!important}
  .pc-raking-quote{font-size:clamp(32px,3vw,48px)!important;line-height:1.22!important;max-width:620px!important}
  .pc-raking-context .why{font-size:14px!important;line-height:1.75!important;max-width:620px!important}
  .jny-panel:first-child .jny-ti{font-size:clamp(30px,2.3vw,36px)!important;line-height:1.08!important}
}

/* Laptop-safe desktop tier: preserve the large-screen art direction without letting text and image frames collapse. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){
  .hero .h{width:680px;max-width:680px;transform:translateX(-80px)!important}
  .hero h1{font-size:clamp(70px,5.3vw,76px)!important;max-width:680px!important;white-space:normal;line-height:1.02!important;letter-spacing:0!important}
  .hero .cta{width:680px;text-align:left}
  .hero .src{text-align:left}

  /* Keep the Journey images clear: captions sit below the five small images. */
  .jny{padding:104px 8vw 116px!important}
  .jny-panel:not(:first-child){height:330px!important;overflow:visible!important}
  .jny-panel:not(:first-child) .jny-cap{top:140px!important;bottom:auto!important;transform:none!important;width:calc(100% - 36px)!important;height:auto!important}
  .jny-panel:not(:first-child) .jny-ti{font-size:18px!important;line-height:1.12!important;max-width:100%!important}
  .jny-panel:not(:first-child) .jny-note{font-size:10px!important;line-height:1.45!important}
  .jny-panel:first-child .jny-ti{font-size:clamp(28px,2.4vw,32px)!important;line-height:1.08!important}

  /* A measured desktop type scale: eyebrow < body < card title < chapter title. */
  .land-h,.hl-line{font-size:clamp(42px,3.5vw,50px)!important;line-height:1.04!important}
  .land-pt{font-size:18px!important;line-height:1.25!important}
  .land-pb{font-size:11px!important;line-height:1.7!important}
  .manifesto{padding:68px 0 76px!important}
  .manifesto blockquote{font-size:clamp(48px,3.8vw,54px)!important;line-height:1.10!important;max-width:620px!important}
  .manifesto .sub{max-width:480px;margin:22px auto 0;font-size:14px;line-height:1.8}

  /* Tighten the chapter rhythm without removing the intended breathing room. */
  .jm{padding:104px 0!important}
  .auc{padding:92px 0 82px!important}
  .land{padding-bottom:92px!important}
  .pc-raking-collector{padding-top:48px!important;padding-bottom:48px!important}
  .hl{padding:104px 0!important}

  .land-bg{height:auto!important;aspect-ratio:2400/1023!important;top:50%;bottom:auto!important;transform:translateY(-50%);background-size:contain!important;background-repeat:no-repeat;background-position:center center}
  .land-scrim{height:100%!important}

  .hl-bg{height:auto!important;aspect-ratio:16/9!important;top:50%;bottom:auto!important;transform:translateY(-50%);background-size:contain!important;background-repeat:no-repeat;background-position:center center}
}

/* Laptop image-layer repair: keep the ratio box inside the clipped chapter. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.land-bg,.hl-bg{position:absolute!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Laptop geometry repair v8: align mine image with copy and preserve 16:9 heirloom frame. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.land-bg{position:absolute!important;width:auto!important;height:50%!important;top:9.5%!important;bottom:auto!important;transform:none!important}.hl-bg{position:absolute!important;width:52%!important;height:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Laptop geometry repair v9: match mine image height to the left editorial block. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.land-bg{position:absolute!important;width:auto!important;height:30.5%!important;top:9.5%!important;bottom:auto!important;transform:none!important}}

/* Laptop image priority v10: enlarge the artwork and let the heirloom chapter grow with it. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.land-bg{position:absolute!important;width:40%!important;height:auto!important;top:9.5%!important;bottom:auto!important;transform:none!important}.hl{min-height:820px!important}.hl-bg{position:absolute!important;width:58%!important;height:auto!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Laptop image priority v11: use the right visual column rather than shrinking the mine artwork. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.land-bg{position:absolute!important;width:83%!important;height:auto!important;top:9.5%!important;bottom:auto!important;transform:none!important}}

/* Laptop hierarchy v12: enlarge heirloom artwork and subordinate its copy. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl{min-height:900px!important}.hl-in{max-width:360px!important}.hl-line{font-size:clamp(38px,2.8vw,48px)!important;line-height:1.04!important}.hl-bg{position:absolute!important;width:68%!important;height:auto!important;aspect-ratio:16/9!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Laptop hierarchy v13: make heirloom artwork lead decisively over copy. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl{min-height:1000px!important}.hl-in{max-width:300px!important}.hl-line{font-size:clamp(36px,2.45vw,42px)!important;line-height:1.04!important}.hl-bg{position:absolute!important;width:76%!important;height:auto!important;aspect-ratio:16/9!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Laptop heirloom repair v14: keep full artwork in the right column, no horizontal clipping. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl{min-height:820px!important}.hl-in{max-width:360px!important}.hl-line{font-size:clamp(38px,2.8vw,48px)!important;line-height:1.04!important}.hl-bg{position:absolute!important;left:auto!important;right:0!important;width:52%!important;height:auto!important;aspect-ratio:16/9!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}}

/* Laptop heirloom visibility v15: keep the full image layer visible beneath a lighter veil. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{position:absolute!important;z-index:0!important;left:auto!important;right:0!important;width:52%!important;height:auto!important;aspect-ratio:16/9!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}.hl-veil{z-index:1!important;background:linear-gradient(90deg,rgba(7,8,7,.98) 0%,rgba(7,8,7,.72) 30%,rgba(7,8,7,.14) 68%,rgba(7,8,7,.06) 100%)!important}}

/* Laptop heirloom layer order v16: image above the veil, copy remains above image. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{position:absolute!important;z-index:2!important;left:auto!important;right:0!important;width:52%!important;height:auto!important;aspect-ratio:16/9!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}.hl-veil{z-index:1!important;background:linear-gradient(90deg,rgba(7,8,7,.98) 0%,rgba(7,8,7,.72) 30%,rgba(7,8,7,.14) 68%,rgba(7,8,7,.06) 100%)!important}}

/* Laptop heirloom hierarchy v17: subordinate copy to the complete artwork. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-in{max-width:300px!important}.hl-line{font-size:clamp(36px,2.45vw,42px)!important;line-height:1.04!important}}

/* Laptop heirloom position v18: align the image right edge with the mine image. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{right:8%!important}}

/* Laptop heirloom copy alignment v19: match the mine chapter copy size and anchor. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-in{top:33px!important;left:8vw!important;transform:none!important;max-width:600px!important}.hl-line{font-size:clamp(46px,3.4vw,50px)!important;line-height:1.04!important;letter-spacing:2px!important}}

/* Laptop heirloom vertical alignment v20: align image top with the copy block. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{top:33px!important;bottom:auto!important;transform:none!important}}

/* Laptop heirloom image nudge v21: lift image above the copy baseline. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{top:20px!important}}

/* Laptop heirloom final lift v22. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{top:10px!important}}

/* Laptop heirloom final micro-lift v23. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{top:2px!important}}

/* Laptop heirloom final micro-lift v24. */
@media (min-width:861px) and (max-width:1600px), (min-width:861px) and (max-height:1000px){.hl-bg{top:-6px!important}}