@import url("./archstudio-premium.css");

body.tone-task { --accent: #a36536; --deep: #273039; --paper: #f3f1ec; --paper2: #fffaf2; }
body.tone-structure { --accent: #8f553c; --deep: #19232c; --paper: #f2f1ee; --paper2: #fbfaf7; }
body.tone-garuda { --accent: #956d3b; --deep: #2d2922; --paper: #f4efe6; --paper2: #fff9ee; }
body.tone-kojima { --accent: #8a704d; --deep: #27332e; --paper: #f3f0e9; --paper2: #fffaf1; }
body.tone-nagano { --accent: #9a6347; --deep: #2d2928; --paper: #f5f1ec; --paper2: #fffaf4; }
body.tone-hisada { --accent: #7c6b4b; --deep: #24302d; --paper: #f3f1e9; --paper2: #fffaf0; }
body.tone-hitonaga { --accent: #9b6742; --deep: #26302f; --paper: #f4f1ea; --paper2: #fffaf1; }
body.tone-fit { --accent: #8b7650; --deep: #29342e; --paper: #f4f1e8; --paper2: #fffaf0; }
body.tone-rokuyosha { --accent: #8d6439; --deep: #2e3027; --paper: #f3eee4; --paper2: #fff9ed; }
body.tone-toiro { --accent: #93665c; --deep: #302b32; --paper: #f5f0ed; --paper2: #fff9f5; }
body.tone-yoshida { --accent: #826d4e; --deep: #25312e; --paper: #f3f1eb; --paper2: #fffaf2; }
body.tone-yui { --accent: #82705e; --deep: #292825; --paper: #f6f3ee; --paper2: #fffaf5; }
body.tone-murata { --accent: #8a6b4c; --deep: #26302f; --paper: #f3f1eb; --paper2: #fffaf2; }
body.tone-raku { --accent: #9a6d3f; --deep: #2f3127; --paper: #f5efe4; --paper2: #fff9ed; }
body.tone-takizawa { --accent: #806d51; --deep: #24302d; --paper: #f2f1e9; --paper2: #fffaf0; }
body.tone-hanaya { --accent: #9d665d; --deep: #302a30; --paper: #f6f0ed; --paper2: #fff9f5; }
body.tone-kinugawa { --accent: #887047; --deep: #293229; --paper: #f3f0e7; --paper2: #fff9ed; }
body.tone-akasaki { --accent: #93603f; --deep: #1f2830; --paper: #f2f1ed; --paper2: #fbfaf7; }
body.tone-koshino { --accent: #88694b; --deep: #26312f; --paper: #f3f1eb; --paper2: #fffaf2; }
body.tone-yuuka { --accent: #9a704d; --deep: #29332d; --paper: #f5f0e8; --paper2: #fffaf0; }
body.tone-maekawa { --accent: #8d6542; --deep: #302b27; --paper: #f3efe7; --paper2: #fff9ef; }
body.tone-yasuda { --accent: #816d4d; --deep: #26322f; --paper: #f3f1e9; --paper2: #fffaf1; }
body.tone-murota { --accent: #8c5f4c; --deep: #252b31; --paper: #f4f1ed; --paper2: #fffaf5; }
body.tone-yamazaki { --accent: #8f6744; --deep: #24302f; --paper: #f3f0e9; --paper2: #fffaf1; }
body.tone-kishiro { --accent: #85623d; --deep: #2d3027; --paper: #f2ede2; --paper2: #fff9ed; }
body.tone-honda { --accent: #8a6548; --deep: #252d34; --paper: #f3f1ed; --paper2: #fffaf3; }
body.tone-morishita { --accent: #7d6b4b; --deep: #23302f; --paper: #f2f1e9; --paper2: #fffaf0; }
body.tone-morino { --accent: #7e6b49; --deep: #24312b; --paper: #f2f0e7; --paper2: #fffaf0; }
body.tone-takeuchi { --accent: #8c6343; --deep: #292d32; --paper: #f3f1ed; --paper2: #fffaf3; }
body.tone-nagatomi { --accent: #8c6653; --deep: #2c292d; --paper: #f5f1ee; --paper2: #fffaf5; }
body.tone-shiraishi { --accent: #89735c; --deep: #283033; --paper: #f4f3ef; --paper2: #fffdfa; }
body.tone-inaishi { --accent: #866142; --deep: #222b31; --paper: #f2f0eb; --paper2: #fbfaf7; }
body.tone-dosen { --accent: #947049; --deep: #2c3228; --paper: #f3efe6; --paper2: #fffaf0; }
body.tone-konyamachi { --accent: #8f5f58; --deep: #302a2d; --paper: #f5efec; --paper2: #fff9f5; }
body.tone-hasegawa { --accent: #7e6d4d; --deep: #25322e; --paper: #f2f0e8; --paper2: #fffaf0; }
body.tone-panto { --accent: #75684f; --deep: #26282a; --paper: #f4f2ee; --paper2: #fbf9f4; }
body.tone-aikobo { --accent: #a3703f; --deep: #2c2f28; --paper: #f5f1e8; --paper2: #fffaf0; }
body.tone-okumura { --accent: #6f7a4e; --deep: #2a3028; --paper: #f2f1e9; --paper2: #fbfaf1; }
body.tone-neoplan { --accent: #56707e; --deep: #232b31; --paper: #f2f2ef; --paper2: #fafaf6; }
body.tone-isizue { --accent: #8c6b46; --deep: #24272b; --paper: #f3f2ee; --paper2: #fbfaf6; }

.hero-copy { width: min(760px, 100%); }
.hero-copy p { max-width: 660px; }
.atelier-note {
  position: absolute;
  left: max(22px, calc((100vw - 1120px) / 2));
  top: 28px;
  z-index: 3;
  color: rgba(255,255,255,.72);
  font-family: var(--en);
  font-style: italic;
  font-size: 14px;
  letter-spacing: .22em;
}
.promise {
  margin-top: 26px;
  padding: 20px 22px;
  border-left: 2px solid var(--accent);
  background: rgba(255,255,255,.62);
  color: var(--ink);
  font-family: var(--serif);
  font-weight: 700;
}
.facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 44px;
  background: var(--line);
  border: 1px solid var(--line);
}
.fact { padding: 24px; background: var(--paper2); }
.fact strong { display: block; color: var(--accent); font-family: var(--serif); font-size: 18px; margin-bottom: 6px; }
.fact span { color: var(--muted); font-size: 13px; font-weight: 700; }
.profile, .contact { min-width: 0; }
.profile dd { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 980px) {
  .atelier-note { display: none; }
  .facts { grid-template-columns: 1fr; }
}