/* ============================================================
   PUBLIC VIEWING（下層ページ /public-viewing/ 専用）
   トップには出ないので style.css には入れず、このページだけで読む。
   ⚠️ 2026-08-31 現在、ページ本体は公開保留（_source/pending-public-viewing/）。
      このファイルはどのページからも参照されていないが、再開時にそのまま使うので残す。
   トークンと既存クラス（.section / .head / .btn / .eyebrow）はそのまま使う。
   ============================================================ */

/* --- ページ冒頭 -------------------------------------------------
   下層ページは写真ヒーローを持たない（ローダーも置かない）。
   代わりにナビの下から直接この見出しブロックで始める。
   nav は position:fixed なので、その高さぶんの余白を自前で確保する。 */
.pvtop{padding-top:calc(var(--nav-h) + clamp(2.2rem,6vw,4.6rem))}
.pvtop__grid{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);
  gap:clamp(1.8rem,4vw,4rem);align-items:start;
}
@media (max-width:860px){.pvtop__grid{grid-template-columns:minmax(0,1fr)}}
.pvtop__lead{margin-top:1.4rem;font-size:var(--t-lead);line-height:2;color:var(--ink-soft);max-width:34rem}
/* 開催概要の要点。読ませる順は「いつ・どこで・いくら」ではなく
   「いつ・予約は要るか・いくらか」＝来店の判断に効く順に並べる */
.pvfacts{margin-top:2rem;display:grid;gap:.9rem;max-width:34rem}
.pvfacts div{display:grid;grid-template-columns:5.6rem minmax(0,1fr);gap:1rem;align-items:baseline}
/* 320px では「ラベル 5.6rem + 本文の最小幅」が画面を超え、列全体が 341px に膨らんで
   ヒーロー全体がはみ出していた（実測）。狭いときはラベルを上に積む。 */
@media (max-width:430px){
  .pvfacts{gap:1.2rem}
  .pvfacts div{grid-template-columns:minmax(0,1fr);gap:.35rem}
}
.pvfacts dt,.pvfacts b{
  font-family:var(--f-display);font-weight:600;font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--navy);white-space:nowrap;
}
.pvfacts span{font-size:var(--t-base);line-height:1.8;color:var(--ink)}
.pvfacts em{font-style:normal;color:var(--wine);font-weight:700}

/* --- ポスター（Instagram と同じ絵）----------------------------- */
.pvposter{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.pvposter img{display:block;width:100%;height:auto}

/* --- 日程 -------------------------------------------------------
   ワイン地。トップのテイクアウト面と同じ扱いで「別の場所」に見せる。 */
.pvsched{display:grid;gap:clamp(1.4rem,3vw,2.4rem)}
.pvday{
  border:1px solid var(--line-cream);border-radius:var(--radius);
  padding:clamp(1.3rem,3vw,2.2rem);background:rgba(243,236,221,.045);
}
.pvday__head{display:flex;align-items:baseline;gap:1rem;margin-bottom:1.2rem}
/* 日付は Montserrat の極太。BLUE YARD 署名の数字と同じ扱い */
.pvday__d{
  font-family:var(--f-display);font-weight:800;line-height:1;
  font-size:clamp(2rem,1.2rem + 2.6vw,3.4rem);color:var(--cream);letter-spacing:-.02em;
  white-space:nowrap;
}
.pvday__w{
  font-family:var(--f-display);font-weight:700;font-size:.72rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--gold-soft);white-space:nowrap;
}
.pvday__line{flex:1;height:1px;background:var(--line-cream)}

.pvmatch{
  display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.6rem clamp(1rem,2.4vw,2rem);
  align-items:center;padding:1.1rem 0;border-top:1px solid var(--line-cream);
}
.pvmatch:first-of-type{border-top:0;padding-top:0}
/* 時刻は Cormorant。価格と同じ「数字のための書体」を使うと紙面が揃う */
.pvmatch__t{
  font-family:var(--f-serif);font-weight:600;line-height:1;
  font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);color:var(--gold-soft);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.pvmatch__t small{display:block;font-family:var(--f-display);font-weight:600;font-size:.56rem;letter-spacing:.2em;color:var(--on-dark-soft);margin-top:.35rem}
.pvmatch__lg{
  font-family:var(--f-display);font-weight:700;font-size:.6rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold-soft);white-space:nowrap;
  border:1px solid rgba(216,184,120,.42);border-radius:100px;padding:.32em .85em;
}
.pvmatch__vs{font-family:var(--f-jp);font-weight:700;font-size:clamp(.98rem,.9rem + .5vw,1.2rem);line-height:1.6;color:var(--cream)}
/* 「vs」だけ金のイタリックにして、2チームの間の呼吸をつくる */
.pvmatch__vs i{font-style:italic;font-family:var(--f-serif);font-weight:500;color:var(--gold-soft);margin:0 .5em;font-size:1.1em}
@media (max-width:560px){
  .pvmatch{grid-template-columns:auto minmax(0,1fr);row-gap:.5rem}
  .pvmatch__lg{justify-self:start}
  .pvmatch__vs{grid-column:1 / -1}
}

/* --- 当日の営業（要点3つ）--------------------------------------
   PV当日は通し営業＋延長。ここが告知の主役なので、番号つきで大きく見せる。 */
.pvnotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.2rem,3vw,2.4rem);margin-top:2.4rem}
@media (max-width:760px){.pvnotes{grid-template-columns:1fr;gap:1.6rem}}
.pvnote__n{
  font-family:var(--f-display);font-weight:800;font-size:1.5rem;color:var(--wine);
  line-height:1;display:block;margin-bottom:.7rem;
}
.pvnote h3{font-family:var(--f-jp);font-weight:900;font-size:var(--t-h3);color:var(--wine);line-height:1.5;margin-bottom:.6rem}
.pvnote p{font-size:var(--t-base);line-height:2;color:var(--ink-soft)}
.pvnote i{display:block;width:2.4rem;height:1px;background:var(--gold);margin-bottom:1rem}