.product-page { background:#f4f1e9; }
.product-nav { position:absolute; }
.product-hero { padding:112px 5.5vw 54px; }
.product-hero h1 { margin:0; font-size:clamp(64px,18vw,164px); line-height:.92; letter-spacing:-.08em; }
.product-intro { display:grid; gap:26px; margin-top:36px; padding-top:18px; border-top:1px solid var(--line); }
.product-intro > p:first-child { max-width:390px; margin:0; font-size:15px; line-height:1.8; }
.product-meta { margin:0; color:var(--muted); font:10px/1.7 "DM Mono",monospace; letter-spacing:.08em; }
.gallery-lead { padding:0 5.5vw 9px; }
.gallery-lead figure,.gallery-shot { position:relative; margin:0; }
.gallery-lead figure::after,.gallery-shot::after { content:""; position:absolute; right:2.4%; bottom:26px; width:12%; aspect-ratio:1; background:rgba(24,30,28,.3); -webkit-mask:url('assets/brand/yunhe-logo.png') center/contain no-repeat; mask:url('assets/brand/yunhe-logo.png') center/contain no-repeat; pointer-events:none; }
.gallery-lead figure.watermark-light::after,.gallery-shot.watermark-light::after { background:rgba(255,253,247,.34); }
.gallery-lead img,.gallery-shot img { display:block; width:100%; height:auto; }
.gallery-lead figcaption,.gallery-shot figcaption { padding:7px 0 2px; color:var(--muted); font:9px "DM Mono",monospace; letter-spacing:.08em; }
.product-gallery { padding:0 5.5vw 68px; columns:2; column-gap:8px; background:#f4f1e9; }
.gallery-shot { break-inside:avoid; margin-bottom:12px; }
.gallery-end { padding:72px 5.5vw; background:var(--ink); color:var(--paper); }
.gallery-end .eyebrow { color:#abb4ae; }
.gallery-end h2 { margin:0 0 30px; font-size:clamp(43px,11vw,92px); line-height:1.06; letter-spacing:-.06em; }
.gallery-end a { color:var(--paper); font-size:14px; }
.product-page footer { border-top:1px solid #46514c; }
.product-page footer a:last-child { color:#aeb7b0; }

@media (min-width:760px) {
  .product-hero,.gallery-lead,.product-gallery,.gallery-end { padding-left:9vw; padding-right:9vw; }
  .product-hero { padding-top:148px; padding-bottom:72px; }
  .product-intro { grid-template-columns:1fr auto; align-items:end; }
  .gallery-lead { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(220px,.5fr); }
  .gallery-lead figure { grid-column:1; }
  .product-gallery { columns:3; column-gap:12px; padding-top:14px; padding-bottom:110px; }
  .gallery-shot { margin-bottom:18px; }
}