*{box-sizing:border-box}body{margin:0;background:var(--bg,#f0eee8);color:var(--ink,#222);font:16px/1.55 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid currentColor;outline-offset:4px}.wrap{width:min(1260px,92%);margin:auto}.bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;border-bottom:1px solid var(--line,#bbb)}.brand{font-weight:850;letter-spacing:.07em}.brand small{display:block;font:10px/1.4 system-ui;letter-spacing:.12em}.nav{display:flex;gap:22px;flex-wrap:wrap}.nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding:65px 0}.label{font:700 12px/1.5 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}h1{font-size:clamp(42px,6.2vw,94px);letter-spacing:-.07em;line-height:.98;margin:20px 0 26px}h2{line-height:1.12;margin:10px 0}p{max-width:56ch} .lead{font-size:clamp(17px,2vw,22px);margin-bottom:28px}.btn{display:inline-block;background:var(--ink,#222);color:var(--bg,#fff);padding:13px 20px;font-weight:750}.graphic{background:var(--panel);color:var(--art);border:1px solid var(--line);padding:18px}.graphic svg{width:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.6}.graphic text{stroke:none;fill:currentColor;font:700 13px ui-monospace,monospace}.graphic .bold{stroke-width:4}.graphic .dot{fill:currentColor}.graphic .wide{stroke-width:47}.graphic .dash{stroke:var(--panel);stroke-width:2;stroke-dasharray:7 10}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 52px}.card{padding:24px;background:var(--panel,#fff);border:1px solid var(--line,#ccc)}.card p{margin-bottom:0}.inside{padding:48px 0 24px}.foot{border-top:1px solid var(--line,#bbb);padding:21px 0 35px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}.atlas{--bg:#f8f1e6;--ink:#422124;--panel:#f1e2d2;--line:#cdb5a6;--art:#923d48}.atlas h1{font-family:Georgia,serif;font-weight:500;letter-spacing:-.06em}.field{--bg:#191d15;--ink:#f0f0dd;--panel:#252c20;--line:#525d41;--art:#d8fc66}.field h1{font-family:Impact,'Arial Narrow',sans-serif;letter-spacing:-.02em;text-transform:uppercase;color:var(--art)}.field .btn{background:var(--art)}.axis{--bg:#f6f7ff;--ink:#19258c;--panel:#e4e8ff;--line:#bcc5fc;--art:#2947ed}.axis .graphic{border-radius:48% 48% 12px 12px}.axis .btn{border-radius:99px}.preview .card{display:block}.preview .graphic{margin:-8px -8px 20px}.preview h1{max-width:11ch}dl{display:grid;grid-template-columns:max-content 1fr;gap:12px 24px}dd{margin:0}@media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.hero{padding:35px 0}.bar{align-items:flex-start;flex-direction:column}.nav{gap:14px}dl{display:block}dd{margin-bottom:14px}}
.brand{display:inline-flex;align-items:center;gap:11px}.brand img{flex:none}.atlas .graphic{background:radial-gradient(ellipse at 50% 45%,#f8eee2,#ecdbca);position:relative}.atlas .graphic::after{content:'JAPAN / GERMANY';position:absolute;bottom:12px;left:15px;font:10px ui-monospace,monospace;letter-spacing:.15em}.product-art{display:block;width:100%;height:auto;margin:16px 0 8px;background:#f6eadd}.closing{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#672c37;color:#fff6eb;padding:28px;margin-bottom:40px}.closing .btn{background:#fff6eb;color:#672c37}.closing p{margin-bottom:0}@media(max-width:520px){.closing{align-items:flex-start;flex-direction:column}}

.arrival {
  --bg: #231b1c;
  --ink: #fff1e6;
  --panel: #332729;
  --line: #685052;
  --accent: #e6bb9a;
}
.arrival .btn { background: var(--accent); color: var(--bg); }
.arrival .btn:hover { background: #ffe0c6; }
.arrival .label { color: var(--accent); }
.arrival .hero { grid-template-columns: 1fr 1.15fr; }
.arrival .hero h1 { font-size: clamp(42px, 5.5vw, 83px); }
.arrival-photo, .category-photo { margin: 0; }
.arrival-photo { background: var(--panel); border: 1px solid var(--line); }
.arrival-photo img, .category-photo img { width: 100%; height: auto; display: block; }
.arrival-photo figcaption, .category-photo figcaption {
  color: var(--accent);
  font: 700 11px/1.5 ui-monospace, monospace;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.arrival-photo figcaption { padding: 11px 15px; }
.category-photo img { aspect-ratio: 16/10; object-fit: cover; }
.company-photo { margin-bottom: 24px; }
.company-photo img { aspect-ratio: 3/1; object-fit: cover; }
.section-title { margin-bottom: 20px; }
@media (max-width: 760px) {
  .arrival .hero { grid-template-columns: 1fr; }
  .company-photo img { aspect-ratio: 16/9; }
}

/* Draft revision 2026-11-05 — notice, 4-col grid, imprint */
.grid-4 { grid-template-columns: repeat(2, 1fr); }
@media (min-width: 980px) {
  .grid-4 { grid-template-columns: repeat(4, 1fr); }
}
.notice {
  border: 1px solid var(--line, #685052);
  background: var(--panel, #332729);
  padding: 18px 20px;
  margin: 0 0 40px;
  max-width: none;
  font-size: 15px;
  line-height: 1.5;
}
.notice strong { color: var(--accent, #e6bb9a); }
.imprint { margin-bottom: 28px; }
.imprint h2 { margin-top: 0; }
.imprint dl { margin: 18px 0 0; }

/* 2026-11-05 — How it works, timeline, FAQ, footer links */
.block { margin: 0 0 48px; }
.block .muted { margin-top: 12px; font-size: 14px; opacity: .85; }
.block .muted a { text-decoration: underline; text-underline-offset: 4px; }
.steps {
  list-style: none;
  margin: 0 0 8px;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.step {
  padding: 24px;
  background: var(--panel, #332729);
  border: 1px solid var(--line, #685052);
}
.step h3 { margin: 8px 0 12px; font-size: 1.25rem; }
.step p { margin: 0; }
.timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid var(--line, #685052);
}
.timeline li {
  display: grid;
  grid-template-columns: 88px 1fr;
  gap: 16px;
  padding: 0 0 22px 20px;
  position: relative;
}
.timeline li:last-child { padding-bottom: 0; }
.timeline li::before {
  content: "";
  position: absolute;
  left: -6px;
  top: 6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--accent, #e6bb9a);
}
.timeline .year {
  font: 700 12px/1.5 ui-monospace, monospace;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent, #e6bb9a);
  padding-top: 2px;
}
.timeline strong { display: block; margin-bottom: 6px; }
.timeline p { margin: 0; }
.faq { margin: 0 0 40px; }
.faq details {
  border: 1px solid var(--line, #685052);
  background: var(--panel, #332729);
  padding: 0;
  margin: 0 0 10px;
}
.faq summary {
  cursor: pointer;
  padding: 16px 18px;
  font-weight: 700;
  list-style: none;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::before {
  content: "+ ";
  color: var(--accent, #e6bb9a);
  font-weight: 850;
}
.faq details[open] summary::before { content: "– "; }
.faq details p {
  margin: 0;
  padding: 0 18px 18px;
  max-width: 70ch;
}
.faq a { text-decoration: underline; text-underline-offset: 4px; }
.imprint a { text-decoration: underline; text-underline-offset: 4px; }
.imprint h2 { margin-top: 22px; }
.imprint h2:first-child { margin-top: 0; }
.foot-links { display: flex; gap: 18px; flex-wrap: wrap; }
.foot-links a { text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 760px) {
  .steps { grid-template-columns: 1fr; }
  .timeline li { grid-template-columns: 72px 1fr; gap: 12px; }
}