/* 3DCG（建築・室内）の節。サイトの style.css の色の変数をそのまま使い、足りない分だけ足す */
[data-kind="arch"]{--c:#C9B38A}
#arch{padding:96px 0}
#arch .section-head p{max-width:760px}
.arch-work{margin-top:48px;display:grid;gap:24px}
.arch-hero img,.arch-grid img,.arch-video video{width:100%;height:auto;border-radius:12px;background:var(--panel)}
.arch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.arch-grid img{cursor:zoom-in}
.arch-body{display:grid;gap:16px;max-width:880px}
.arch-body h3{font-size:1.5rem}
.arch-body h3 small{display:block;margin-top:4px;font-size:.875rem;font-weight:500;color:var(--mute)}
.arch-spec{display:grid;grid-template-columns:10em 1fr;gap:8px 24px;margin:0}
.arch-spec dt{color:var(--mute);font-size:.875rem}
.arch-spec dd{margin:0}
.arch-spec a{color:var(--text)}
.arch-draw{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.arch-draw a{display:block;text-decoration:none;color:var(--mute);font-size:.8125rem}
.arch-draw img{border-radius:8px;border:1px solid var(--line);background:#FBFAF6}
.arch-draw span{display:block;margin-top:4px}
.arch-time{border-collapse:collapse;width:100%;max-width:560px;font-size:.9375rem}
.arch-time th,.arch-time td{padding:8px 0;border-bottom:1px solid var(--line);text-align:left}
.arch-time td:last-child,.arch-time th:last-child{text-align:right;font-family:var(--mono)}
.arch-time tfoot th{color:var(--head);border-bottom:0}
#arch .note{color:var(--mute);font-size:.8125rem}
#arch .proof{max-width:none;margin-top:48px}
@media (max-width:760px){
  #arch{padding:64px 0}
  .arch-grid,.arch-draw{grid-template-columns:1fr}
  .arch-spec{grid-template-columns:1fr;gap:2px}
  .arch-spec dd{margin-bottom:8px}
}
.arch-body .kind-tag{justify-self:start}
.arch-walk{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 16px;padding:16px 24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none;transition:border-color .3s var(--ease),transform .5s var(--ease)}
.arch-walk:hover{border-color:var(--text);transform:translateY(-2px)}
.arch-walk-t{font-weight:700;font-size:1.125rem}
.arch-walk-t::after{content:" →"}
.arch-walk-s{color:var(--mute);font-size:.875rem}
.arch-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:760px){.arch-links{grid-template-columns:1fr}}