/* v2 applies only to the two revised pages. */
.home main{display:flex;flex-direction:column;height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));min-height:0}
.home .mods{flex:1;height:auto;min-height:0}
.home-summary{width:100%;padding-top:16px;padding-bottom:22px;text-align:center}
.home-summary h1{max-width:85ch;margin:0 auto;font-size:16px;line-height:1.6;letter-spacing:.025em}
.home-summary:lang(zh) h1{font-size:16px;letter-spacing:.06em;line-height:1.6}
.mod{transition:scale .18s ease}
.mod:active,.wholesale .slab-open:active{scale:.98}
.wholesale-intro{padding:0 0 clamp(80px,10vw,160px);border:0}
.wholesale #about{padding-top:clamp(56px,7vw,112px)}
.wholesale .hero .service-label{margin:0 0 20px;padding:0;border:0;color:var(--acc);font-size:15px;letter-spacing:.12em}
.wholesale .slab-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}
.wholesale .slab-heading .btn{flex:none}
.wholesale .slab-open{transition:scale .18s ease}
.wholesale .slab-index{font-size:14px;color:var(--acc)}
.v2-reveal{transition:opacity .55s ease,translate .55s ease}
.v2-reveal.is-pending{opacity:0;translate:0 16px}
@media(max-width:768px){
  .home{padding-bottom:0}
  .home .nav nav,.wholesale .nav nav{width:calc(100% - 54px)}
  .home .lang,.wholesale .lang{position:absolute;right:16px;bottom:8px;min-width:44px;min-height:28px;background:var(--bg);padding:2px 0 2px 12px}
  .home main{height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));min-height:0}
  .home .mods{height:auto;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.2fr) minmax(0,1fr);gap:12px;padding:12px 16px 0;flex:1}
  .home .mod:nth-child(1){grid-column:1/-1;grid-row:1}
  .home .mod:nth-child(n){display:block;background:var(--bg2);isolation:isolate}
  .home .mod:nth-child(n) .ph{position:absolute;inset:0;height:100%;width:100%}
  .home .mod:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 30%,rgba(25,20,15,.78) 100%);pointer-events:none}
  .home .mod:nth-child(n) .mod-t{position:absolute;inset:auto 0 0;z-index:2;padding:18px 14px;max-width:none;background:none;color:#fff}
  .home .mod-t em{color:#f1dfbd;margin-bottom:7px;font-size:12px}
  .home .mod-t em:before{background:#e5cca5}
  .home .mod:nth-child(n) .mod-h{font-size:clamp(23px,6.4vw,32px);line-height:1.08;letter-spacing:0}
  .home .mod:nth-child(1) .mod-h{font-size:clamp(32px,9vw,46px)}
  .home:lang(zh) .mod:nth-child(n) .mod-h{font-size:25px;line-height:1.3;letter-spacing:.04em}
  .home:lang(zh) .mod:nth-child(1) .mod-h{font-size:36px}
  .home .mod-s{color:#f1dfbd;font-size:13px;letter-spacing:.06em}
  .home .mod:nth-child(n) .mod-go{inset:38px 10px auto auto;z-index:2;width:29px;height:29px;background:rgba(30,24,18,.3);border-color:rgba(255,255,255,.65);color:#fff}
  .home .mod .sample-note{top:7px;right:7px;font-size:9px;z-index:2}
  .home-summary{flex:none;padding:14px 20px 18px}
  .home-summary h1,.home-summary:lang(zh) h1{font-size:13px;line-height:1.5}
  .wholesale .hero{min-height:0}
  .wholesale .hero h1{font-size:42px}
  .wholesale .slab-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:28px}
  .wholesale .slab-heading h2{margin-bottom:24px}
  .wholesale .wall{height:auto;overflow-x:auto;overflow-y:hidden;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:thin;cursor:auto}
  .wholesale .slabs{display:flex;width:max-content;max-width:none;gap:16px;padding:6px var(--pad) 22px}
  .wholesale .slabs .slab{flex:none;width:min(76vw,360px);scroll-snap-align:start;scroll-snap-stop:always;transform:none}
  .wholesale .slab-open .ph{aspect-ratio:4/5}
  .wholesale #service-process .steps{display:flex;overflow-x:auto;gap:22px;scroll-snap-type:inline mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;padding-bottom:18px;scrollbar-width:thin}
  .wholesale #service-process .step{flex:0 0 84%;scroll-snap-align:start;scroll-snap-stop:always}
}
@media(prefers-reduced-motion:reduce){
  .v2-reveal.is-pending{opacity:1;translate:none}
  .mod:active,.wholesale .slab-open:active{scale:1}
}