/* GINZA 静 — スマホ版トップ（制作サンプル）
   06-anatomy（層に分解）と 10-before-after（リニューアル後）で共用。
   幅は 390px 固定、高さは --h（JSが画面の縦横比に合わせて入れる）。
   下の文字ブロックは下端から、見出しは上端から置くので、高さが変わっても崩れない。 */
.gz{
  --h:844px;
  --photo-h:calc(var(--h) - 232px);
  --ink:#F3EDE4;
  --bg:#16110D;
  --lacquer:#A3281B;
  --gold:#B8955A;
  position:relative;width:390px;height:var(--h);
  font-family:"Zen Kaku Gothic New",system-ui,sans-serif;color:var(--ink);
  -webkit-font-smoothing:antialiased;
}
.gz *{box-sizing:border-box;margin:0;padding:0}
.gz-layer{position:absolute;inset:0}

/* 写真と色 */
.gz-photo{background:var(--bg);overflow:hidden}
.gz-photo img{position:absolute;left:0;top:0;width:100%;height:var(--photo-h);object-fit:cover;object-position:60% 50%;transform:scale(1.16);transform-origin:58% 0}
.gz-photo::after{content:"";position:absolute;left:0;right:0;top:calc(var(--photo-h) - 200px);height:201px;background:linear-gradient(180deg,rgba(22,17,13,0),var(--bg))}

/* 文字 */
.gz-nav{position:absolute;left:20px;right:20px;top:16px;height:30px;display:flex;align-items:center;gap:10px}
.gz-mark{width:30px;height:30px;background:var(--lacquer);display:grid;place-items:center;font-family:"Shippori Mincho",serif;font-weight:600;font-size:17px;line-height:1}
.gz-name{font-family:"Shippori Mincho",serif;font-size:14px;letter-spacing:.16em}
.gz-menu{margin-left:auto;width:22px;height:13px;border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.gz-menu::after{content:"";position:absolute;left:0;right:0;top:4.25px;border-top:1.5px solid currentColor}
.gz-h1{position:absolute;right:24px;top:74px;writing-mode:vertical-rl;font-family:"Shippori Mincho",serif;font-weight:600;font-size:30px;line-height:1.6;letter-spacing:.16em;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.gz-lead{position:absolute;left:20px;right:20px;bottom:150px;font-size:13.5px;line-height:1.95;color:rgba(243,237,228,.86)}
.gz-btns{position:absolute;left:20px;right:20px;bottom:82px;height:52px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.gz-btns span{display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.12em;border-radius:2px}
.gz-b1{background:var(--lacquer)}
.gz-b2{border:1px solid rgba(243,237,228,.55)}
.gz-info{position:absolute;left:20px;right:20px;bottom:0;height:62px;border-top:1px solid rgba(184,149,90,.4);display:flex;align-items:center;justify-content:space-between;font-size:11.5px;letter-spacing:.04em;color:rgba(243,237,228,.72)}