@charset "UTF-8";

/* =====================================================
  ROOT / RESET
===================================================== */
:root{
  --fb-bg:#ffffff;
  --fb-surface:#ffffff;
  --fb-text:#111111;
  --fb-muted:rgba(0,0,0,.56);
  --fb-line:rgba(0,0,0,.10);

  --fb-container: min(1200px, calc(100% - 48px));
  --fb-container-narrow: min(860px, calc(100% - 48px));

  --fb-sec-y: clamp(72px, 8vw, 120px);
  --fb-sec-y-sm: clamp(56px, 6vw, 88px);

  --fb-header-h: 72px;

  --fb-en: "Cormorant Garamond", "Playfair Display", serif;
  --fb-ja: "Noto Serif JP", serif;

  --fb-body: clamp(14px, 1.05vw, 16px);
  --fb-lh: 2;
  --fb-track: .04em;

  --fb-speed: .35s;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}

body{
  margin:0;
  background:var(--fb-bg);
  color:var(--fb-text);
  font-family:var(--fb-ja);
  font-size:var(--fb-body);
  line-height:var(--fb-lh);
  letter-spacing:var(--fb-track);
  text-rendering:optimizeLegibility;
}

img{
  display:block;
  max-width:100%;
  height:auto;
}

a{
  color:inherit;
  text-decoration:none;
  transition:opacity var(--fb-speed) ease;
}

a:hover{
  opacity:.72;
}

button,
input,
textarea,
select{
  font:inherit;
}


/* =====================================================
  BRAND TYPOGRAPHY
  Cormorant hierarchy
===================================================== */

/* 共通英字ブランドタイポ */
.fb-eyebrow,
.fb-menu-float__label,
.fb-sidebadge span,
.fb-spbar__btn,
.bar-hero__title,
.bar-section-title,
.bar-drinks-card__title,
.bar-loading__title,
.bar-button,
.bar-button--ghost,
.bar-sp-fixed__btn{
  font-family:var(--fb-en) !important;
}


/* ヒーロー */
.bar-hero__title{
  font-weight:500;
  letter-spacing:.08em;
  line-height:1.12;
}


/* セクション見出し */
.bar-section-title{
  font-weight:500;
  letter-spacing:.06em;
  line-height:1.2;
}

.bar-drinks-card__title{
  font-weight:500;
  letter-spacing:.06em;
  line-height:1.2;
}


/* ボタン / CTA / 固定バー */
.bar-button,
.bar-button--ghost,
.bar-sp-fixed__btn,
.fb-spbar__btn,
.fb-sidebadge span{
  font-weight:500;
  letter-spacing:.12em;
  text-transform:uppercase;
}


/* 小ラベル */
.fb-eyebrow,
.fb-menu-float__label,
.bar-loading__title{
  font-weight:400;
  letter-spacing:.14em;
  text-transform:uppercase;
}