.hall{
  width:min(1120px,calc(100% - 48px));margin:0 auto;padding:calc(var(--row) * 2) 0 var(--row);
}

.hall-head{
  position:relative;border-top:3px double var(--margin);border-bottom:3px double var(--margin);
  padding:var(--row) 0 calc(var(--row) * 1.5);
}

.hall-kicker{
  color:var(--pen-deep);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}

.hall-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--row);}
.hall-title-row h1{font-size:clamp(42px,7vw,78px);line-height:1;margin:var(--row) 0 18px;letter-spacing:-.045em;}
.hall-title-row p{max-width:680px;margin:0;color:var(--ink-soft);font-size:18px;line-height:var(--row);}
.hall-title-row img{width:112px;height:140px;object-fit:contain;transform:rotate(2deg);}

.hall-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--row);padding:calc(var(--row) * 2) 0;}
.hall-card{
  position:relative;min-height:330px;padding:calc(var(--row) * 1.2) var(--row) var(--row);
  border:1.5px solid var(--margin);border-radius:8px 11px 7px 13px/12px 8px 11px 7px;
  background:var(--hi-soft);display:flex;flex-direction:column;transition:transform .16s ease,background .16s ease;
}
.hall-card:nth-child(2){transform:rotate(-.35deg);}
.hall-card:nth-child(3){transform:rotate(.25deg);}
.hall-card:hover{background:var(--hi);transform:translateY(-4px) rotate(0);}
.card-no{color:var(--margin);font-weight:700;letter-spacing:.12em;}
.hall-card h2{font-size:30px;line-height:var(--row);margin:calc(var(--row) * 1.4) 0 var(--row);}
.hall-card p{margin:0;color:var(--ink-soft);font-size:16px;}
.hall-card strong{margin-top:auto;color:var(--pen-deep);font-size:17px;}

.hall-foot{display:flex;gap:10px;justify-content:center;color:var(--ink-soft);font-size:13px;}
.hall-foot span+span::before{content:"·";margin-right:10px;color:var(--margin);}

@media (max-width:760px){
  .hall{width:min(100% - 28px,560px);padding-top:var(--row);}
  .hall-head{padding-bottom:var(--row);}
  .hall-title-row{align-items:flex-start;}
  .hall-title-row h1{font-size:44px;margin-top:18px;}
  .hall-title-row p{font-size:16px;}
  .hall-title-row img{width:72px;height:90px;margin-top:12px;}
  .hall-grid{grid-template-columns:1fr;gap:20px;padding:var(--row) 0;}
  .hall-card,.hall-card:nth-child(2),.hall-card:nth-child(3){min-height:220px;transform:none;}
  .hall-card h2{margin:18px 0 14px;}
  .hall-foot{flex-wrap:wrap;padding-bottom:var(--row);}
}