:root {
  --sky: #FFF7EA;
  --ink: #3B2A20;
  --muted: #7A6455;
  --orange: #F28C28;
  --leaf: #4E8A2E;
  --round: ui-rounded, "Arial Rounded MT Bold", "Nunito", system-ui, sans-serif;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--sky);
  color: var(--ink);
  font: 17px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
}
.wrap {
  flex: 1;
  max-width: 920px;
  margin: 0 auto;
  padding-block: 40px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 14px;
}
.brand {
  margin: 0;
  font: 800 clamp(2.6rem, 9vw, 4.2rem)/1 var(--round);
  color: var(--orange);
  letter-spacing: -0.01em;
}
.brand span { color: var(--leaf); }
h1 {
  margin: 4px 0 0;
  font: 700 clamp(1.5rem, 5vw, 2.2rem)/1.2 var(--round);
}
h1 .en { color: var(--muted); font-weight: 600; }
.lede { margin: 0; max-width: 58ch; }
.lede.en { color: var(--muted); }
.crew { width: 100%; height: auto; margin-top: 12px; }
.soon {
  margin: 8px 0 0;
  padding: 10px 22px;
  border-radius: 999px;
  background: var(--orange);
  color: #fff;
  font: 700 1.05rem/1 var(--round);
}
.foot {
  text-align: center;
  color: var(--muted);
  font-size: 0.85rem;
  padding-block: 16px 28px;
}
.foot p { margin: 4px 0; }
.foot a { color: inherit; }
picture{display:block;width:100%;max-width:440px}
@media (min-width:561px){picture{max-width:none}}