/* A 「지면 그대로」 — 1면의 질서(주황 테두리 · 크림 제호판 · 갈색 정보 띠)를 웹 머리글로 옮긴 방향 */
:root {
  --font: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Noto Sans KR', sans-serif;
  --rule: #E3DED3;          /* cream/100 보다 한 단계 어두운 구분선 */
  --rule-strong: #231F20;
  --gut: clamp(16px, 4vw, 48px);
  --fs: 18px;
  --radius: 8px;
  --page-frame: 14px;
}
@media (max-width: 720px) { :root { --fs: 17px; --page-frame: 8px; } }

body {
  font-family: var(--font);
  font-size: var(--fs);
  line-height: 1.6;
  color: var(--ink-900);
  background: var(--orange-500);
  padding: var(--page-frame);
  font-feature-settings: 'tnum' 1;
}
.sheet {
  display: flex;
  flex-direction: column;
  background: var(--white);
  max-width: 1240px;
  margin: 0 auto;
  border-radius: 10px;
  overflow: hidden;
}
.mast__quick { display: none; }
[hidden] { display: none !important; }

/* ---------- 제호판 ---------- */
.mast { background: var(--cream-100); padding: 18px var(--gut) 22px; }
.mast__slogan {
  width: max-content; max-width: 100%;
  margin: 0 auto 18px;
  padding: 6px 18px;
  background: var(--brown-900); color: var(--cream-100);
  border-radius: 999px;
  font-size: 15px; font-weight: 700; letter-spacing: 0.04em;
}
.mast__row { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; }
.mast__brand { flex: 1 1 auto; min-width: 0; }
.mast__lockup { width: min(520px, 100%); height: auto; }
.mast__issue { display: flex; align-items: center; gap: 12px; margin-top: 12px; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; }
.mast__no { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 28px; padding: 0 10px; border-radius: 999px; background: var(--brown-900); color: var(--cream-100); font-weight: 800; }
.mast__back {
  flex: 0 0 auto;
  display: flex; align-items: center; gap: 12px;
  min-height: 44px; padding: 14px 18px;
  background: var(--brown-900); color: var(--cream-100);
  border: 0; border-radius: var(--radius);
  text-align: left; font-size: 16px; font-weight: 700; line-height: 1.3;
  cursor: pointer;
}
.mast__back svg { color: var(--orange-500); flex: 0 0 auto; }
.mast__back:hover, .mast__back:focus-visible { background: var(--ink-900); }
.mast__back[aria-pressed="true"] { background: var(--pink-600); color: var(--white); }
.mast__back[aria-pressed="true"] svg { color: var(--white); transform: scaleY(-1); }

/* ---------- 갈색 정보 띠 ---------- */
.band { background: var(--brown-900); color: var(--cream-100); }
.band__in { display: grid; grid-template-columns: 1fr 1.4fr 1fr; gap: 24px; padding: 18px var(--gut); }
.band__cell { display: flex; flex-direction: column; gap: 2px; font-size: 15px; }
.band__cell--staff { display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-content: start; }
.band__label { font-size: 13px; letter-spacing: 0.06em; opacity: 0.8; }
.band__value { font-weight: 600; letter-spacing: 0.04em; text-decoration: none; }
.band__value--big { font-size: 22px; font-weight: 800; color: var(--orange-500); letter-spacing: 0.06em; }
.band__sub { font-size: 13px; opacity: 0.8; }
.band__line { display: flex; align-items: baseline; gap: 10px; }
a.band__value:hover, a.band__value:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.band__cell--tel .email { font-size: 15px; margin-top: 4px; }

/* ---------- 섹션 이동 ---------- */
.strap {
  display: flex; gap: 4px;
  padding: 0 var(--gut);
  border-bottom: 1px solid var(--rule-strong);
  overflow-x: auto; white-space: nowrap;
  scrollbar-width: none;
}
.strap::-webkit-scrollbar { display: none; }
.strap a { display: inline-flex; align-items: center; min-height: 48px; padding: 0 14px; font-size: 16px; font-weight: 700; text-decoration: none; border-bottom: 3px solid transparent; }
.strap a:first-child { padding-left: 0; }
.strap a:hover, .strap a:focus-visible { border-bottom-color: var(--orange-500); }

/* ---------- 히어로: 동네 풍경 위에 놓인 신문 ---------- */
.hero { position: relative; padding: 0 var(--gut) 52px; }
.hero__bg { position: relative; margin: 0 calc(-1 * var(--gut)); height: 350px; overflow: hidden; background: var(--brown-900); }
.hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 28%; }
.hero__cap {
  position: absolute; top: 14px; right: var(--gut);
  max-width: calc(100% - 2 * var(--gut));
  padding: 5px 12px; border-radius: 999px;
  background: rgba(58, 29, 31, 0.74); color: var(--cream-100);
  font-size: 13px; font-weight: 600; letter-spacing: 0.01em; line-height: 1.4;
}
.hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 56px; align-items: start; margin-top: -206px; }
.hero__panel {
  background: var(--white);
  border: 1px solid var(--rule);
  border-radius: 10px;
  padding: 28px 40px 34px;
  box-shadow: 0 28px 48px -30px rgba(58, 29, 31, 0.55);
}
.hero__panel .hero__kicker { margin-bottom: 10px; }
.hero__panel .hero__lede { margin-top: 12px; }
.hero__panel .hero__actions { margin-top: 20px; }
.hero__copy { padding-top: 0; }
.hero__kicker { font-size: 14px; font-weight: 700; letter-spacing: 0.04em; color: var(--gray-700); margin-bottom: 12px; }
h1 { font-size: clamp(28px, 2.6vw, 36px); line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; }
.hero__lede { margin-top: 16px; font-size: 19px; }
.hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 52px; padding: 0 24px;
  border-radius: var(--radius);
  font-size: 17px; font-weight: 700; text-decoration: none;
  border: 2px solid transparent;
}
.btn--primary { background: var(--brown-900); color: var(--cream-100); border-color: var(--brown-900); }
.btn--primary:hover, .btn--primary:focus-visible { background: var(--ink-900); border-color: var(--ink-900); }
.btn--ghost { background: var(--white); color: var(--ink-900); border-color: var(--ink-900); }
.btn--ghost:hover, .btn--ghost:focus-visible { background: var(--cream-100); }
.hero__facts { display: grid; grid-template-columns: auto auto 1fr; gap: 10px 28px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--rule); font-size: 15px; }
.hero__facts dt { font-size: 13px; font-weight: 700; color: var(--gray-700); letter-spacing: 0.04em; }
.hero__facts dd { margin-top: 2px; }
.hero__facts div { border-radius: 6px; padding: 4px 6px; margin: -4px -6px; transition: background 0.4s ease; }
.hero__facts div.is-lit { background: var(--pink-50); }

/* 표지 넘김 — 신호 동작 */
.hero__paper { width: 100%; max-width: 380px; justify-self: end; padding-top: 24px; }
.flip { perspective: 1800px; }
.flip__inner { position: relative; aspect-ratio: 640 / 923; transform-style: preserve-3d; transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.15, 1); }
.flip.is-back .flip__inner { transform: rotateY(180deg); }
.flip__face { position: absolute; inset: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; border-radius: 6px; overflow: hidden; box-shadow: 0 28px 44px -20px rgba(35, 31, 32, 0.65), 0 0 0 1px rgba(255, 255, 255, 0.6); outline-offset: 4px; background: var(--white); }
.flip__face img { width: 100%; height: 100%; object-fit: cover; }
.flip__face--back { transform: rotateY(180deg); }
.flip__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.flip__cap { font-size: 15px; color: var(--gray-700); }
.flip__cap strong { color: var(--ink-900); }
.flip__btn { min-height: 44px; padding: 0 16px; border: 2px solid var(--ink-900); border-radius: 999px; background: var(--white); font-size: 15px; font-weight: 700; cursor: pointer; flex: 0 0 auto; }
.flip__btn:hover, .flip__btn:focus-visible { background: var(--cream-100); }
.flip__btn[aria-pressed="true"] { background: var(--pink-50); border-color: var(--pink-600); color: var(--pink-600); }

/* ---------- 공통 섹션 ---------- */
.sec { padding: 48px var(--gut) 56px; border-top: 1px solid var(--rule); }
.sec__head { margin-bottom: 28px; }
.sec__head h2, .ads h2 { font-size: clamp(24px, 2.2vw, 28px); line-height: 1.25; font-weight: 800; letter-spacing: -0.01em; }
.sec__head p { margin-top: 8px; color: var(--gray-700); font-size: 17px; }
.sec__note { margin-top: 24px; font-size: 15px; color: var(--gray-700); }
.sec a:not(.btn):not(.chip) { text-decoration-thickness: 1px; text-underline-offset: 3px; }

/* ---------- 우리 동네: 사진 띠 ---------- */
.sec--town { padding-top: 44px; }
.town { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }
.town__fig { position: relative; margin: 0; grid-column: span 3; min-width: 0; overflow: hidden; border-radius: 6px; border: 1px solid var(--rule); background: var(--cream-100); }
.town__fig img { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; display: block; }
.town__fig--lead { grid-column: span 6; grid-row: span 2; }
.town__fig--lead img { position: absolute; inset: 0; width: 100%; height: 100%; aspect-ratio: auto; }
.town__link { display: block; color: inherit; text-decoration: none; }
.town__link:focus-visible { outline-offset: -4px; }
.town__cap {
  position: absolute; left: 0; right: 0; bottom: 0;
  padding: 40px 14px 11px;
  font-size: 13px; line-height: 1.45; color: var(--white);
  background: linear-gradient(to top, rgba(35, 31, 32, 0.82) 0%, rgba(35, 31, 32, 0.55) 55%, rgba(35, 31, 32, 0) 100%);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}
.town__cap strong { font-weight: 700; }
.town__fig--lead .town__cap { font-size: 14px; padding-bottom: 14px; }
/* 한 번 자리 잡는 동작: JS 가 화면 밖일 때만 is-wait 를 붙이고, 보이면 뗍니다. JS 없음·앵커 진입·reduced-motion 은 완성 상태 */
.town__fig { transition: transform 0.7s cubic-bezier(0.2, 0.7, 0.15, 1), opacity 0.7s ease; }
.town.is-wait .town__fig { opacity: 0; transform: translateY(18px); }
.town__fig:nth-child(2) { transition-delay: 0.08s; }
.town__fig:nth-child(3) { transition-delay: 0.16s; }
.town__fig:nth-child(4) { transition-delay: 0.24s; }
.town__fig:nth-child(5) { transition-delay: 0.32s; }
.town.is-wait .town__fig { transition-delay: 0s; }

/* 대표 지면 */
.feat { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-bottom: 40px; }
.feat__link { display: block; text-decoration: none; }
.feat__link img { width: 100%; border: 1px solid var(--rule); border-radius: 4px; }
.feat__t { display: block; margin-top: 10px; font-size: 16px; font-weight: 700; }
.feat__link:hover .feat__t, .feat__link:focus-visible .feat__t { text-decoration: underline; text-underline-offset: 3px; }
.feat__p { display: block; font-size: 14px; color: var(--gray-700); }

/* 읽을거리 — 인쇄 차례처럼. 목록 위에 그 면의 지면 사진 한 장 */
.rd { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 40px; }
.rd__pics { display: contents; }
.rd__pic { margin: 0; min-width: 0; }
.rd__pic-link { display: block; text-decoration: none; color: inherit; }
.rd__pic img { width: 100%; height: 230px; object-fit: cover; object-position: 50% 45%; border: 1px solid var(--rule); border-radius: 6px; background: var(--cream-100); }
.rd__pic figcaption { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; margin-top: 10px; font-size: 15px; }
.rd__pic figcaption strong { font-weight: 800; }
.rd__pic figcaption span { font-size: 13px; color: var(--gray-700); }
.rd__pic-link:hover figcaption strong, .rd__pic-link:focus-visible figcaption strong { text-decoration: underline; text-underline-offset: 3px; }
.rd__h { font-size: 18px; font-weight: 800; padding-bottom: 8px; border-bottom: 2px solid var(--rule-strong); display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.rd__n { font-size: 14px; font-weight: 500; color: var(--gray-700); }
.rd__list { columns: 2; column-gap: 28px; margin-top: 6px; }
.rd__item { break-inside: avoid; border-bottom: 1px dotted #B9B3A6; }
.rd__item:last-child { border-bottom: 0; }
.rd__link { display: flex; gap: 10px; align-items: baseline; padding: 8px 0; font-size: 16px; text-decoration: none; }
.rd__pg { flex: 0 0 auto; min-width: 46px; font-weight: 800; font-size: 15px; word-break: normal; }
.rd__t { flex: 1 1 auto; }
.rd__link:hover .rd__t, .rd__link:focus-visible .rd__t { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- 업소 찾기 ---------- */
.dirtool { margin-bottom: 28px; }
.dirtool__label { display: block; font-size: 15px; font-weight: 700; margin-bottom: 8px; }
.dirtool__input { width: 100%; max-width: 520px; min-height: 52px; padding: 0 16px; border: 2px solid var(--ink-900); border-radius: var(--radius); background: var(--white); font-size: 17px; }
.dirtool__input::placeholder { color: #8A8B89; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.chip { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border: 1.5px solid var(--ink-900); border-radius: 999px; background: var(--white); font-size: 15px; font-weight: 600; cursor: pointer; }
.chip:hover, .chip:focus-visible { background: var(--cream-100); }
.chip.is-on { background: var(--orange-500); border-color: var(--orange-500); color: var(--brown-900); }
.chip__n { font-size: 13px; font-weight: 500; color: var(--gray-700); }
.chip.is-on .chip__n { color: var(--brown-900); }
.dirtool__status { margin-top: 14px; font-size: 15px; color: var(--gray-700); }
.dirtool__status .num { font-weight: 800; color: var(--ink-900); }

.dir { columns: 3; column-gap: 40px; }
.dir__cat { break-inside: avoid; margin-bottom: 28px; }
.dir__title { font-size: 17px; font-weight: 800; padding-bottom: 6px; border-bottom: 2px solid var(--rule-strong); display: flex; justify-content: space-between; align-items: baseline; }
.dir__count { font-size: 14px; font-weight: 500; color: var(--gray-700); }
.dir__item { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 8px; padding: 9px 0; border-bottom: 1px solid var(--rule); }
.dir__item:last-child, .dir__item.is-last { border-bottom: 0; }
.dir__name { font-size: 17px; font-weight: 600; }
.dir__note { font-size: 14px; color: var(--gray-700); margin-left: 6px; font-weight: 500; }
.dir__lead { flex: 1 1 14px; min-width: 14px; align-self: center; border-bottom: 2px dotted #B9B3A6; transform: translateY(-3px); }
.dir__pages { display: inline-flex; flex-wrap: wrap; gap: 0 4px; font-size: 15px; font-weight: 800; }
.dir__pg { text-decoration: none; word-break: normal; }
.dir__pg:hover, .dir__pg:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.dir__pg + .dir__pg::before { content: '·'; margin-right: 4px; color: var(--gray-700); font-weight: 500; }
.dir__call { flex: 0 0 auto; font-size: 15px; font-weight: 700; }
.dir__tel { text-decoration: none; color: var(--brown-900); border-bottom: 2px solid var(--orange-500); }
.dir__tel:hover, .dir__tel:focus-visible { background: var(--cream-100); }
.dir__empty { margin-top: 8px; padding: 20px; border: 1px solid var(--rule); border-radius: var(--radius); font-size: 16px; color: var(--gray-700); }

/* ---------- 쉬는 사진 ---------- */
.sec--rest { padding: 0; border-top: 0; }
.rest { position: relative; margin: 0; height: clamp(220px, 30vw, 400px); overflow: hidden; background: var(--brown-900); }
.rest img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 62%; }
.rest__cap {
  position: absolute; left: var(--gut); bottom: 16px;
  max-width: calc(100% - 2 * var(--gut));
  padding: 6px 14px; border-radius: 999px;
  background: rgba(58, 29, 31, 0.74); color: var(--cream-100);
  font-size: 13px; font-weight: 600; line-height: 1.4;
}

/* ---------- 코너 ---------- */
.corner { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 28px; }
.corner__item { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 16px; align-content: start; }
.corner__thumb { grid-row: span 2; display: block; }
.corner__thumb img { aspect-ratio: 3 / 2; object-fit: cover; object-position: 0 0; border: 1px solid var(--rule); border-radius: 4px; background: var(--white); }
.corner__t { font-size: 18px; font-weight: 800; line-height: 1.3; }
.corner__p { display: block; font-size: 14px; font-weight: 600; color: var(--gray-700); margin-top: 2px; }
.corner__item p { font-size: 15px; color: var(--ink-900); margin-top: 6px; }

/* ---------- 광고 문의 ---------- */
.ads { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; padding: 36px; background: var(--cream-100); border-radius: 12px; }
.ads__copy p { margin-top: 12px; font-size: 17px; }
.ads__fact { color: var(--gray-700); font-size: 15px !important; }
.ads__ways { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 24px; }
.ads__way dt { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; color: var(--gray-700); margin-bottom: 4px; }
.ads__way dd { font-size: 18px; font-weight: 700; line-height: 1.5; }
.ads__way dd a { color: var(--brown-900); text-decoration-thickness: 2px; text-decoration-color: var(--orange-500); text-underline-offset: 4px; }
.ads__way small { font-size: 13px; font-weight: 500; color: var(--gray-700); }

/* ---------- 바닥글 ---------- */
.foot { background: var(--brown-900); color: var(--cream-100); }
.foot__in { padding: 40px var(--gut) 36px; }
.foot__lockup { width: 240px; }
.foot__slogan { margin-top: 14px; font-size: 15px; opacity: 0.9; }
.foot__info { display: grid; grid-template-columns: repeat(4, auto); gap: 14px 32px; margin-top: 24px; font-size: 15px; width: max-content; max-width: 100%; }
.foot__info dt { font-size: 12px; letter-spacing: 0.06em; opacity: 0.7; }
.foot__info dd { margin-top: 2px; font-weight: 600; }
.foot__info a { color: var(--cream-100); text-underline-offset: 3px; text-decoration-color: rgba(238, 234, 223, 0.5); }
.foot__wide { grid-column: span 2; }
.foot__credits { margin-top: 32px; padding-top: 18px; border-top: 1px solid rgba(238, 234, 223, 0.25); }
.foot__credits-h { font-size: 13px; font-weight: 700; letter-spacing: 0.06em; opacity: 0.8; }
.foot__credits-list { margin-top: 8px; font-size: 14px; line-height: 1.6; opacity: 0.9; }
.foot__credits-list li { padding: 2px 0; }
.foot__credits-list a { color: var(--cream-100); text-underline-offset: 3px; text-decoration-color: rgba(238, 234, 223, 0.5); }
.foot__credits-note { margin-top: 8px; font-size: 13px; line-height: 1.6; opacity: 0.75; }
.foot__sample { margin-top: 24px; padding-top: 18px; border-top: 1px solid rgba(238, 234, 223, 0.25); font-size: 14px; line-height: 1.6; opacity: 0.85; }

/* ---------- 반응형 ---------- */
@media (max-width: 1100px) {
  .dir { columns: 2; }
  .feat { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .corner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .foot__info { grid-template-columns: repeat(3, auto); }
  .foot__wide { grid-column: span 3; }
}
@media (max-width: 960px) {
  .hero__bg { height: 320px; }
  .hero__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; margin-top: -160px; }
  .hero__paper { justify-self: start; max-width: 340px; padding-top: 0; }
  .band__in { grid-template-columns: 1fr 1fr; }
  .band__cell--staff { grid-column: span 2; grid-template-columns: auto 1fr auto 1fr; }
  .rd { grid-template-columns: 1fr; gap: 28px; }
  /* 1단이 되면 사진 → 그 면 목록 순서로: 앞면 사진, 앞면 목록, 뒷면 사진, 뒷면 목록 */
  .rd__pic--a { order: 0; }
  .rd .rd__side:first-of-type { order: 1; }
  .rd__pic--b { order: 2; margin-top: 12px; }
  .rd .rd__side:last-of-type { order: 3; }
  .town__fig { grid-column: span 6; }
  .town__fig--lead { grid-column: span 12; grid-row: auto; aspect-ratio: 3 / 2; }
  .ads { grid-template-columns: 1fr; gap: 28px; padding: 28px; }
}
@media (max-width: 720px) {
  /* 첫 화면: 제호판 → 이동 띠 → 히어로(제목 + 6호 보기). 전체 연락처 띠는 히어로 아래로 내립니다. */
  .mast { order: 1; padding-top: 14px; }
  .strap { order: 2; }
  .hero { order: 3; }
  .band { order: 4; }
  .sec { order: 5; }
  .foot { order: 6; }
  .mast__quick { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin-top: 10px; font-size: 15px; font-weight: 700; }
  .mast__quick span:first-child { font-size: 13px; font-weight: 600; color: var(--gray-700); }
  .mast__quick a { color: var(--brown-900); text-decoration-thickness: 2px; text-decoration-color: var(--orange-500); text-underline-offset: 3px; }
  .mast__quick-sep { color: var(--gray-700); }
  .mast__row { flex-direction: column; align-items: stretch; gap: 14px; }
  /* 이동 띠가 5개가 되어 가로로 넘칩니다: 오른쪽 끝을 흐려 더 있음을 보입니다 */
  .strap { -webkit-mask-image: linear-gradient(90deg, #000 84%, transparent 100%); mask-image: linear-gradient(90deg, #000 84%, transparent 100%); }
  .strap a { padding: 0 11px; font-size: 15px; }
  .mast__back { justify-content: space-between; padding: 12px 16px; font-size: 15px; }
  .mast__back br { display: none; }
  .band__in { grid-template-columns: 1fr; gap: 14px; padding-top: 16px; padding-bottom: 16px; }
  .band__cell--talk { flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
  .band__cell--talk .band__sub { flex-basis: 100%; }
  .band__cell--staff { grid-column: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; font-size: 14px; }
  .band__cell--staff .band__label { margin-right: -8px; }
  .band__value--big { font-size: 20px; }
  .hero { padding-top: 0; padding-bottom: 40px; }
  .hero__bg { height: 210px; }
  .hero__cap { top: auto; bottom: 10px; right: 12px; font-size: 12px; padding: 4px 10px; }
  .hero__grid { margin-top: -72px; gap: 28px; }
  .hero__panel { padding: 22px 18px 24px; }
  .hero__copy { padding-top: 0; }
  .hero__lede { font-size: 18px; }
  .hero__facts { grid-template-columns: 1fr; gap: 12px; }
  .hero__paper { max-width: 300px; justify-self: center; }
  .sec { padding-top: 36px; padding-bottom: 44px; }
  .sec--rest { padding: 0; }
  .town { gap: 10px; }
  .town__cap { font-size: 12px; padding: 28px 10px 8px; }
  .town__fig--lead .town__cap { font-size: 13px; padding-bottom: 10px; }
  .rd__pic img { height: 200px; }
  .feat { gap: 16px; margin-bottom: 32px; }
  .rd__list { columns: 1; }
  .dir { columns: 1; }
  .rest__cap { left: 16px; bottom: 12px; font-size: 12px; padding: 5px 12px; }
  .corner { grid-template-columns: 1fr; gap: 24px; }
  .corner__item { grid-template-columns: 120px minmax(0, 1fr); gap: 14px; }
  .ads { padding: 22px 18px; border-radius: 10px; }
  .ads__ways { grid-template-columns: 1fr; gap: 16px; }
  .foot__info { grid-template-columns: 1fr 1fr; width: auto; }
  .foot__wide { grid-column: span 2; }
}