/* ============================================================
   JSF2027 ティザー（トップ）と、2026 ページの受賞・2027 告知用の追加スタイル
   style.css の部品（のれん・提灯・空のグラデーション）を土台に使う
   ============================================================ */

/* ---- ティザーのヒーロー ---- */
.t-hero .noren{width:min(680px,100%)}
.t-logo{display:block;width:min(340px,76%);height:auto;margin:6px auto 0}
.t-decided{
  display:inline-block;margin-top:6px;
  font-weight:900;font-size:clamp(1.6rem,5.4vw,2.6rem);letter-spacing:.08em;
  background:var(--ink);color:var(--yellow);padding:.08em .7em .14em;border-radius:10px;
  transform:rotate(1.2deg);
}
.t-copy{margin-top:18px;font-weight:900;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.6}
.t-hero .hero-meta .meta-value{color:var(--ink-soft)}
.btn-insta{background:var(--hotpink);color:#fff}
.btn-x{background:var(--ink);color:#fff}
.t-hero .hero-cta .btn{white-space:nowrap}
@media (max-width:480px){.t-hero .hero-cta .btn{padding:.9em 1.5em;font-size:.98rem}}
.closing-cta{justify-content:center}.closing-cta .btn{white-space:nowrap}
@media (max-width:480px){.closing-cta .btn{padding:.9em 1.5em;font-size:.98rem}}
.btn .sns-ico{width:18px;height:18px;margin-right:6px;vertical-align:-3px;display:inline-block}

/* ---- 受賞（ティザー・2026 トップ共通）。Saunner of the Year（サウナシュラン）のページの見た目に寄せる ---- */
.award-section{
  position:relative;overflow:hidden;overflow:clip;
  padding:clamp(64px,9vw,120px) 0;background:#1d1a1b;color:#fff;
  --award-sans:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.award{max-width:1040px;margin:0 auto;font-family:var(--award-sans)}
.award-eyebrow{font-size:.82rem;letter-spacing:.32em;color:#a9a9aa;margin:0}
.award-title{margin:10px 0 clamp(28px,5vw,56px);font-weight:300;line-height:1.02;letter-spacing:.01em}
.award-title [lang="en"]{display:block;font-size:clamp(2.6rem,8.4vw,6rem)}
.award-title-ja{display:block;margin-top:14px;font-size:clamp(1rem,1.9vw,1.25rem);font-weight:500;letter-spacing:.18em;color:#d6d6d7}
.award-lead{max-width:46em;margin:0 0 clamp(32px,5vw,56px);font-size:clamp(1rem,1.6vw,1.15rem);line-height:2;letter-spacing:.04em;color:#e6e6e7}
.award-row{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(28px,5vw,64px);align-items:start}
.award-text p{font-size:clamp(.96rem,1.45vw,1.05rem);line-height:2.05;letter-spacing:.05em;margin:0}
.award-text .award-meta{margin-top:1.6em}
.award-links{margin-top:28px!important}
.award-links a{color:#fff;font-size:.95rem;letter-spacing:.06em;text-decoration:underline;text-underline-offset:5px}
.award-links a:hover{opacity:.7}
.award-figure{order:2;position:relative;margin:0;padding:clamp(52px,6vw,72px) clamp(24px,4vw,48px) 26px;background:#3a3637;overflow:hidden;cursor:pointer}
.award-flow{position:absolute;left:0;right:0;top:clamp(8px,1.4vw,14px);overflow:hidden;pointer-events:none}
.award-flow ul{display:flex;width:max-content;margin:0;padding:0;list-style:none;animation:award-flow 22s linear infinite}
.award-flow li{white-space:nowrap;font-weight:200;font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:.04em;color:rgba(255,255,255,.55)}
@keyframes award-flow{to{transform:translateX(-50%)}}
.award-figure img{position:relative;display:block;width:100%;max-width:380px;height:auto;margin:0 auto}
.award-figure figcaption{max-width:380px;margin:18px auto 0}
.award-figure small{display:block;font-size:.82rem;letter-spacing:.12em;color:#c9c9ca}
.award-figure strong{display:block;margin-top:4px;font-size:clamp(1.25rem,2.4vw,1.7rem);font-weight:400;letter-spacing:.03em;line-height:1.3}
@media (max-width:760px){
  .award-row{grid-template-columns:1fr}
  .award-figure{order:0}
}
.award-confetti{position:absolute;left:0;top:0;width:10px;height:15px;border-radius:2px;pointer-events:none;z-index:3;will-change:transform,opacity}
@media (prefers-reduced-motion:reduce){
  .award-flow ul{animation:none}
}


/* ---- ティザー動画の枠（動画が届くまでは「近日公開」） ---- */
.teaser-soon{
  position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:6px;
  background:linear-gradient(180deg,rgba(42,37,32,.15),rgba(42,37,32,.6));color:#fff;
}
.teaser-soon .en{font-family:var(--font-en);font-weight:800;letter-spacing:.22em;font-size:clamp(.9rem,2vw,1.15rem)}
.teaser-soon b{font-weight:900;font-size:clamp(1.4rem,4vw,2.2rem)}

/* ---- 2026 の振り返り ---- */
.recap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.recap-grid .g-item{aspect-ratio:4/3}
.recap-links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}
@media (max-width:640px){.recap-grid{gap:6px}.recap-grid .g-item{border-width:2px;border-radius:8px}}

/* ---- 2026 ページ上部の「2027 開催決定」帯 ---- */
.next-bar{
  display:block;background:var(--ink);color:var(--yellow);text-align:center;
  font-weight:900;padding:12px 16px;line-height:1.5;
}
.next-bar .en{font-family:var(--font-en);letter-spacing:.12em;margin-right:.5em}
.next-bar u{text-underline-offset:3px}
.next-bar:hover{background:#000}