/* kudaka-okinawa.com のトップ（ショップ公開までの「準備中」1ページ。2026-11-02）。色と文字はショップ（shop.kudaka-okinawa.com）にそろえる */
@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 300 700; font-display: swap; src: url("/assets/fonts/cormorant-garamond-latin.woff2") format("woff2"); }
@font-face { font-family: "K JP"; font-weight: 400; src: local("HiraginoSans-W3"), local("Hiragino Sans W3"); }
@font-face { font-family: "K JP"; font-weight: 500 600; src: local("HiraginoSans-W5"), local("Hiragino Sans W5"); }
:root {
  --bg: #f5f1ea;
  --ink: #141414;
  --ink-2: #4a4744;
  --ink-3: #8b8681;
  --brand: #a8875a;
  --serif: "Cormorant Garamond", "Times New Roman", serif;
  --jp: "K JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; background: radial-gradient(120% 80% at 50% 0%, #fbf9f5 0%, var(--bg) 60%, #ece6db 100%); color: var(--ink); font-family: var(--jp); -webkit-font-smoothing: antialiased; }
.top { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 64px 16px 40px; text-align: center; animation: top-in 1.6s cubic-bezier(0.22, 1, 0.36, 1) both; }
.top-logo { display: block; width: clamp(120px, 22vw, 170px); height: auto; }
.top-en { margin: 34px 0 0; font-family: var(--serif); font-style: italic; font-size: clamp(19px, 2.2vw, 26px); letter-spacing: 0.02em; color: var(--brand); }
.top-jp { margin: 12px 0 0; font-size: clamp(15px, 1.6vw, 18px); font-weight: 500; line-height: 1.9; letter-spacing: 0.08em; color: var(--ink); }
.top-line { display: block; width: 40px; height: 1px; margin: 34px auto; background: var(--brand); opacity: 0.7; }
.top-soon { margin: 0; font-size: 13.5px; line-height: 2; letter-spacing: 0.06em; color: var(--ink-2); }
.top-soon-en { display: block; margin-bottom: 6px; font-family: var(--serif); font-size: 13px; letter-spacing: 0.32em; text-transform: uppercase; color: var(--ink-3); }
.top-back { margin-top: 28px; font-size: 13px; letter-spacing: 0.08em; color: var(--ink-2); text-underline-offset: 5px; }
.foot { padding: 0 16px 28px; text-align: center; font-family: var(--serif); font-size: 12px; letter-spacing: 0.12em; color: var(--ink-3); }
@keyframes top-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .top { animation: none; } }