/* ---- hero ---- */
/* TODO: 動画完成後に .hero-video を有効化し、この background-image を削除する */
.hero-party .hero-inner{background-image:url('../images/party_hero_background.jpg');background-size:cover;background-position:center}
.hero-party{min-height:600px}

/* ---- feature cards ---- */
.feat{transition:transform .2s,box-shadow .2s,border-color .2s}
.feat:hover{transform:translateY(-3px);box-shadow:0 14px 40px var(--color-shadow-sm);border-color:var(--color-border-hover)}
.feat-inner{border:1px solid var(--color-border);border-radius:16px;padding:1.75rem 1.5rem;height:100%}
.feat-num{font-family:'Schibsted Grotesk';font-size:0.81rem;font-weight:900;color:var(--color-text-silver);margin-bottom:0.875rem}

/* ---- space section ---- */
.img-wrap-xl{width:100%;height:420px;border-radius:18px;overflow:hidden}
.img-wrap-xl img{width:100%;height:100%;object-fit:cover;display:block}
.space-stats{display:flex;gap:32px}
.space-num{font-family:'Schibsted Grotesk';font-size:2.375rem;font-weight:900;color:var(--color-ink);line-height:1}
.space-unit{font-size:1rem}
.space-label{font-size:0.81rem;color:var(--color-text-light);margin-top:0.25rem}

/* ---- use case cards ---- */
.uc-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;height:100%}
.uc-img-wrap{width:100%;height:170px;overflow:hidden}
.uc-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}
.uc-body{padding:1.5rem}

/* ---- video embed ---- */
.vid-wrap{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden}
.vid-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;display:block}

/* ---- space section ---- */
.space-overview{margin-bottom:4rem}
.sec-space .columns{--bulma-column-gap:28px}
.sec-space .sec-title{font-size:2.25rem;line-height:1.32;margin-bottom:1.25rem}
.sec-space .sec-sub{font-size:0.97rem;line-height:2;margin-bottom:1.5rem}
.sec-space .feat h3{font-size:1.06rem;font-weight:700;margin-bottom:0.5rem}
.sec-space .feat .sec-sub{font-size:0.84rem;line-height:1.85}

/* ---- use cases section ---- */
.sec-usecases .sec-title{font-size:2.25rem}
.sec-usecases .uc-card h3{font-size:1.125rem;font-weight:700;margin-bottom:0.5rem}
.sec-usecases .uc-card .sec-sub{font-size:0.84rem;line-height:1.85}

/* ---- video section ---- */
.sec-video .sec-title{font-size:2rem;margin-bottom:2rem}

/* ---- EN の既存不具合の修正（2026-09-20 決裁）。:lang(en) は layouts/section/party.html の <html lang> に依存する（以前は EN ページでも lang="ja" 固定だった）。JA と 769px 以上は不変 ---- */
/* 設備欄の単位: EN は "16 seats" "8 taps"。数字との間を空ける（JA の「16席」は詰めたまま） */
:lang(en) .space-unit{margin-left:.25em}
/* 375px で hero 見出し（62px）の英単語が枠を 22px はみ出して右端が切れていた。トップと同じく EN・768px 以下だけ 48px にする */
@media screen and (max-width:768px){
  .hero-party .hero-title:lang(en){font-size:3rem}
}