/* =====================================================================
   재단 소개 · 인사말 (2026-11 리디자인) — kt_head(['css' => ['about.css']]) 로만 로드
   콘셉트: 단색화 〈내재율〉의 '질감 · 여백 · 반복(격자)'
     - 색: 화이트 & 블랙 / 차콜 & 화이트 / 브라운 포인트 (하늘색 금지)
     - 폭: 글·카드는 .layout 의 10% 선, 배경 띠(.ab-bleed)만 화면 끝까지
     - 글자: 본문 18px, 가장 작은 글자 16px
   ===================================================================== */
.ab {
  --ab-ink: #111;
  --ab-text: #2e2c2a;
  --ab-muted: #5d5853;        /* 흰 바탕 16px 대비 6.9:1 */
  --ab-brown: #6e533d;        /* 흰 바탕 7.4:1 */
  --ab-char: #1d1b19;
  --ab-char-text: #f3efe9;
  --ab-char-muted: #c9c0b5;   /* 차콜 위 10:1 */
  --ab-wall: #efebe5;
  --ab-bleed: -12.5%;         /* .layout 내용폭(80%) 기준 -12.5% = 화면의 -10% */
  color: var(--ab-text);
  font-size: 18px;
  line-height: 1.9;
  padding-top: 48px;
}
@media (max-width: 1024px) { .ab { --ab-bleed: -32px; } }
@media (max-width: 720px)  { .ab { --ab-bleed: -20px; } }

.ab p { margin: 0 0 1.2em; }
.ab h2, .ab h3 { margin: 0; color: var(--ab-ink); }
.ab figure { margin: 0; }
.ab img { display: block; width: 100%; height: auto; }

/* 영문 대문자 라벨 */
.ab-eyebrow {
  font-family: "Lato", "Pretendard Variable", sans-serif;
  font-size: 16px !important;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.5;
  text-transform: uppercase;
  color: var(--ab-brown);
  margin: 0 0 18px !important;
}
.ab-eyebrow::before { content: ""; display: inline-block; width: 28px; height: 2px; background: currentColor; vertical-align: middle; margin: -3px 12px 0 0; }

.ab-lead { font-size: clamp(20px, 1.55vw, 25px) !important; line-height: 1.75 !important; color: var(--ab-ink); font-weight: 500; }
body.lang-en .ab-lead { max-width: 52ch; }
body.lang-en .ab p { max-width: 68ch; }

/* 화면 끝까지 닿는 배경 띠 — 안쪽 글은 다시 10% 선 */
.ab-bleed { margin-left: var(--ab-bleed); margin-right: var(--ab-bleed); padding-left: calc(var(--ab-bleed) * -1); padding-right: calc(var(--ab-bleed) * -1); }

/* =========================================================== 재단 소개 */
/* ① 성명 ↔ 건물 */
.ab-intro { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 0 7%; align-items: center; }
.ab-intro__title {
  font-family: "Lato", "Pretendard Variable", sans-serif;
  font-size: clamp(36px, 3.9vw, 64px);
  font-weight: 900;
  line-height: 1.15;
  letter-spacing: -.01em;
  margin: 0 0 36px !important;
}
.ab-intro__photo { position: relative; margin: 0 0 40px 40px !important; }
.ab-intro__photo::before {           /* 그림 뒤에 겹친 작품 질감 한 장 — 단색화의 격자 */
  content: ""; position: absolute; z-index: 0; left: -40px; bottom: -40px; width: 62%; height: 62%;
  background: url("/html/images/about/texture-1.jpg") center / 320px repeat;
}
.ab-intro__photo img { position: relative; z-index: 1; aspect-ratio: 900 / 917; object-fit: cover; box-shadow: 0 30px 60px -30px rgba(0,0,0,.45); }
.ab-intro__photo figcaption {
  position: absolute; z-index: 2; right: 0; bottom: 0; padding: 10px 16px;
  background: var(--ab-char); color: #fff;
  font: 700 16px/1.4 "Lato", sans-serif; letter-spacing: .18em;
}

/* ② 사실 3개 */
.ab-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 4%; margin: 110px 0 0 !important; }
.ab-facts > div { display: flex; flex-direction: column-reverse; justify-content: flex-end; border-top: 2px solid var(--ab-ink); padding-top: 22px; }
.ab-facts dd { font: 900 clamp(32px, 3vw, 52px)/1.1 "Lato", "Pretendard Variable", sans-serif; color: var(--ab-ink); letter-spacing: -.01em; margin: 0 0 10px; overflow-wrap: anywhere; }
.ab-facts dt { font-size: 16px !important; line-height: 1.5; color: var(--ab-muted); font-weight: 500; }

/* ③ 전시장 ↔ 나머지 문단 */
.ab-mission { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 0 7%; align-items: center; margin-top: 130px; }
.ab-mission__photo img { aspect-ratio: 3 / 2; object-fit: cover; }
.ab-mission__text p:last-child { margin-bottom: 0; }

/* ④ 주요 사업 — 차콜 띠 */
.ab-biz { background: var(--ab-char); color: var(--ab-char-text); margin-top: 140px; padding-top: 110px; padding-bottom: 120px; }
.ab-biz .ab-eyebrow { color: var(--ab-char-muted); }
.ab-biz__head h2 { color: #fff; font-family: "Lato", "Pretendard Variable", sans-serif; font-size: clamp(30px, 2.8vw, 46px); font-weight: 800; line-height: 1.25; margin-bottom: 56px !important; }
.ab-biz__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 40px 24px; counter-reset: ab; }
.ab-card { min-width: 0; }
.ab-card__tex { position: relative; overflow: hidden; aspect-ratio: 4 / 5; background: #2a2724; }
.ab-card__tex img { height: 100%; object-fit: cover; transition: transform 1.2s cubic-bezier(.2,.6,.2,1), filter .6s; filter: saturate(.92); }
.ab-card:hover .ab-card__tex img { transform: scale(1.06); filter: saturate(1); }
.ab-card__tex::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(10,9,8,.72), rgba(10,9,8,0) 55%); }
.ab-card__no { position: absolute; z-index: 1; left: 18px; bottom: 10px; font: 900 48px/1 "Lato", sans-serif; color: #fff; letter-spacing: -.02em; }
.ab-card h3 { color: #fff; font-size: 20px; font-weight: 700; line-height: 1.45; margin: 22px 0 10px !important; }
.ab-card p { color: var(--ab-char-muted); font-size: 17px !important; line-height: 1.75; margin: 0; }

/* =========================================================== 인사말 */
/* ① 재단 건물 와이드 */
.ab-gr__hero img { height: clamp(280px, 40vw, 640px); object-fit: cover; object-position: 62% 45%; }
.ab-gr__hero figcaption {
  display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  border-bottom: 1px solid var(--ab-ink); padding: 14px 0;
  font: 700 16px/1.5 "Lato", "Pretendard Variable", sans-serif; letter-spacing: .14em; text-transform: uppercase; color: var(--ab-ink);
}

/* ② 편지 */
.ab-letter { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 0 7%; margin-top: 110px; align-items: start; }
.ab-letter__side { position: sticky; top: 120px; }
.ab-letter__side h2 { font-family: "Lato", "Pretendard Variable", sans-serif; font-size: clamp(40px, 4.4vw, 72px); font-weight: 900; line-height: 1.1; letter-spacing: -.01em; }
.ab-letter__mark {      /* 작품 질감 한 칸 — 장식 */
  display: block; width: 96px; height: 96px; margin-top: 40px;
  background: url("/html/images/about/texture-4.jpg") center / cover;
}
.ab-letter__body { max-width: 46em; }
body.lang-en .ab-letter__body { max-width: 68ch; }
.ab-letter__body > p { color: var(--ab-text); }
.ab-letter__body .ab-lead { margin-bottom: 1.4em; padding-bottom: 1.4em; border-bottom: 1px solid #d9d4cd; }
.ab-letter__close { margin-top: 2em !important; padding-left: 26px; border-left: 3px solid var(--ab-brown); font-size: 20px !important; line-height: 1.8; color: var(--ab-ink) !important; font-weight: 500; }
.ab-sign { display: flex; flex-direction: column; align-items: flex-end; margin: 64px 0 0 !important; text-align: right; }
.ab-sign::before { content: ""; width: 64px; height: 2px; background: var(--ab-ink); margin-bottom: 20px; }
.ab-sign__org { font-size: 16px; color: var(--ab-muted); line-height: 1.5; }
.ab-sign__name { font-size: 24px; font-weight: 700; color: var(--ab-ink); line-height: 1.5; margin-top: 4px; }

/* ③ 전시 벽 — 작품 5점, 실제 크기 비율 */
.ab-wall { background: var(--ab-wall); margin-top: 130px; padding-top: 90px; padding-bottom: 90px; }
.ab-wall__head { display: flex; justify-content: space-between; align-items: baseline; gap: 8px 24px; flex-wrap: wrap; }
.ab-wall__head .ab-eyebrow { margin: 0 !important; }
.ab-wall__head p { margin: 0; font-size: 16px; color: var(--ab-muted); }
.ab-wall__row { display: flex; align-items: center; gap: 3.2%; margin: 64px 0 0 !important; }
.ab-wall__row > li { flex: var(--w) 1 0; min-width: 0; text-align: center; }
.ab-wall__row img { box-shadow: 0 18px 30px -16px rgba(0,0,0,.45); }
.ab-wall__no { display: block; margin-top: 16px; font: 700 16px/1 "Lato", sans-serif; color: var(--ab-muted); letter-spacing: .08em; }
.ab-wall__legend { display: flex; flex-wrap: wrap; gap: 8px 36px; margin: 48px 0 0 !important; padding-top: 22px !important; border-top: 1px solid #cfc8bf; counter-reset: w; }
.ab-wall__legend li { counter-increment: w; font-size: 16px; line-height: 1.6; color: var(--ab-text); }
.ab-wall__legend li::before { content: counter(w, decimal-leading-zero); font: 700 16px/1 "Lato", sans-serif; color: var(--ab-muted); margin-right: 10px; }
.ab-wall__size { color: var(--ab-muted); white-space: nowrap; }
.ab-more {
  display: inline-flex; align-items: center; gap: 14px; margin-top: 40px; min-height: 48px; padding: 0 26px;
  background: var(--ab-ink); color: #fff !important; font-size: 17px; font-weight: 700; letter-spacing: .02em; text-decoration: none;
  transition: background .3s;
}
.ab-more::after { content: ""; width: 22px; height: 1px; background: currentColor; box-shadow: 0 0 0 0 currentColor; transition: width .3s; }
.ab-more:hover { background: var(--ab-brown); }
.ab-more:hover::after { width: 34px; }
.ab-more:focus-visible { outline: 2px solid var(--ab-ink); outline-offset: 4px; }

/* =========================================================== 연락처 */
.ab-ct__head h2 { font-family: "Lato", "Pretendard Variable", sans-serif; font-size: clamp(32px, 3.2vw, 52px); font-weight: 900; line-height: 1.2; letter-spacing: -.01em; }
.ab-ct__rhythm { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; height: 14px; margin: 40px 0 0; }
.ab-ct__rhythm span { background: center / 260px repeat; }
.ab-ct__cards { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; margin-top: 48px; font-style: normal; }
.ab-ct__card {
  position: relative; display: flex; flex-direction: column; gap: 14px; min-height: 220px; padding: 36px 40px 40px;
  border: 1px solid #d6d0c8; border-top: 3px solid var(--ab-ink); color: var(--ab-ink) !important; text-decoration: none; background: #fff;
  transition: background .35s, color .35s, border-color .35s;
}
.ab-ct__label { font-size: 16px; font-weight: 700; letter-spacing: .06em; color: var(--ab-brown); }
.ab-ct__value { margin-top: auto; font-family: "Lato", "Pretendard Variable", sans-serif; font-weight: 900; line-height: 1.15; letter-spacing: -.01em; overflow-wrap: anywhere; }
.ab-ct__value--tel { font-size: clamp(32px, 3.4vw, 56px); white-space: nowrap; }
.ab-ct__value--mail { font-size: clamp(22px, 2.1vw, 36px); }
.ab-ct__arrow { position: absolute; top: 36px; right: 40px; width: 34px; height: 34px; border-top: 2px solid currentColor; border-right: 2px solid currentColor; transform: scale(.55) rotate(0deg); transform-origin: top right; transition: transform .35s; }
.ab-ct__arrow::after { content: ""; position: absolute; top: -2px; right: -2px; width: 46px; height: 2px; background: currentColor; transform: rotate(-45deg); transform-origin: top right; }
.ab-ct__card:hover, .ab-ct__card:focus-visible { background: var(--ab-char); color: #fff !important; border-color: var(--ab-char); }
.ab-ct__card:hover .ab-ct__label, .ab-ct__card:focus-visible .ab-ct__label { color: var(--ab-char-muted); }
.ab-ct__card:hover .ab-ct__arrow { transform: scale(.65) translate(4px, -4px); }
.ab-ct__card:focus-visible { outline: 3px solid var(--ab-brown); outline-offset: 3px; }

.ab-ct__visit { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 0 6%; align-items: stretch; background: var(--ab-char); color: var(--ab-char-text); margin-top: 110px; padding-top: 90px; padding-bottom: 90px; }
.ab-ct__visit .ab-eyebrow { color: var(--ab-char-muted); }
.ab-ct__addr-text { font-size: clamp(21px, 1.7vw, 28px) !important; line-height: 1.6 !important; color: #fff; font-weight: 500; margin: 0 0 48px !important; }
body.lang-en .ab-ct__addr-text { max-width: 24ch; }
.ab-ct__maps-label { font-size: 16px !important; color: var(--ab-char-muted); margin: 0 0 14px !important; }
.ab-ct__maps { display: flex; flex-direction: column; gap: 10px; }
.ab-ct__maps a {
  display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 0 20px;
  border: 1px solid rgba(255,255,255,.4); color: #fff !important; font: 700 17px/1.3 "Lato", sans-serif; letter-spacing: .04em; text-decoration: none;
  transition: background .3s, color .3s;
}
.ab-ct__maps a::after { content: "↗"; font-size: 18px; }
.ab-ct__maps a:hover, .ab-ct__maps a:focus-visible { background: #fff; color: var(--ab-ink) !important; }
.ab-ct__maps a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.ab-ct__map { position: relative; min-height: 460px; background: #2a2724; }
.ab-ct__map iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }   /* 2026-11-04 고객 지시: 지도는 컬러(흑백 필터 제거) */

/* =========================================================== 첫 화면 등장(절제) */
@media (prefers-reduced-motion: no-preference) {
  .ab-intro__text > *, .ab-intro__photo, .ab-gr__hero, .ab-letter__side, .ab-letter__body { animation: ab-rise .9s cubic-bezier(.2,.6,.2,1) both; }
  .ab-intro__text > :nth-child(2) { animation-delay: .08s; }
  .ab-intro__text > :nth-child(3) { animation-delay: .16s; }
  .ab-intro__photo { animation-delay: .2s; }
  .ab-letter__side, .ab-letter__body { animation-delay: .15s; }
}
@keyframes ab-rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .ab *, .ab *::before, .ab *::after { animation: none !important; transition: none !important; }
}

/* =========================================================== 반응형 */
@media (max-width: 1199px) {
  .ab-biz__list { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .ab-card { display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 0 32px; align-items: center; padding: 28px 0; border-top: 1px solid rgba(255,255,255,.16); }
  .ab-card:last-child { border-bottom: 1px solid rgba(255,255,255,.16); }
  .ab-card__tex { aspect-ratio: 1 / 1; grid-row: span 2; }
  .ab-card h3 { margin: 0 0 6px !important; align-self: end; }
  .ab-card p { align-self: start; }
}
@media (max-width: 1024px) {
  .ab-intro { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 48px; }
  .ab-mission { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 40px; }
  .ab-letter { grid-template-columns: minmax(0, 1fr); }
  .ab-letter__side { position: static; display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-bottom: 48px; }
  .ab-letter__side .ab-eyebrow { flex-basis: 100%; }
  .ab-letter__side { flex-wrap: wrap; }
  .ab-letter__mark { margin-top: 0; width: 72px; height: 72px; }
  .ab-letter__body { max-width: none; }
  .ab-ct__visit { grid-template-columns: minmax(0, 1fr); }
  .ab-ct__addr { margin-bottom: 40px; }
  .ab-ct__maps { flex-direction: row; flex-wrap: wrap; }
  .ab-ct__maps li { flex: 1 1 180px; }
  .ab-ct__map { min-height: 0; aspect-ratio: 16 / 9; }
  .ab-ct__card { padding: 30px 28px 32px; min-height: 190px; }
  .ab-ct__arrow { top: 30px; right: 28px; }
}
@media (max-width: 860px) {
  .ab-intro, .ab-mission { grid-template-columns: minmax(0, 1fr); }
  .ab-intro__photo { margin: 56px 0 24px 24px !important; }
  .ab-intro__photo::before { left: -24px; bottom: -24px; }
  .ab-mission__text { margin-top: 36px; }
}
@media (max-width: 720px) {
  .ab { padding-top: 20px; }
  .ab-facts { grid-template-columns: minmax(0, 1fr); margin-top: 72px !important; }
  .ab-facts > div { padding: 18px 0 20px; flex-direction: row-reverse; justify-content: space-between; align-items: baseline; gap: 16px; border-top-width: 1px; }
  .ab-facts > div:first-child { border-top-width: 2px; }
  .ab-facts dd { font-size: 30px; margin: 0; }
  .ab-facts dt { text-align: left; }
  .ab-mission { margin-top: 88px; }
  .ab-biz { margin-top: 96px; padding-top: 72px; padding-bottom: 72px; }
  .ab-biz__head h2 { margin-bottom: 32px !important; }
  .ab-card { grid-template-columns: minmax(0, 1fr); padding: 0 0 36px; border: 0 !important; }
  .ab-card__tex { aspect-ratio: 16 / 7; grid-row: auto; }
  .ab-card__no { font-size: 40px; }
  .ab-card h3 { margin: 18px 0 6px !important; }
  .ab-letter { margin-top: 64px; }
  .ab-lead { font-size: 20px !important; }
  .ab-letter__close { padding-left: 18px; font-size: 19px !important; }
  .ab-sign { margin-top: 48px !important; }
  .ab-wall { margin-top: 88px; padding-top: 64px; padding-bottom: 64px; }
  .ab-wall__row { flex-wrap: wrap; justify-content: center; align-items: flex-end; gap: 32px 18px; margin-top: 40px !important; }
  .ab-wall__row > li { flex: 0 0 calc(var(--w) * 1.05px); }
  .ab-wall__legend { flex-direction: column; gap: 6px; }
  .ab-more { width: 100%; justify-content: center; }
  .ab-ct__rhythm { margin-top: 28px; height: 10px; gap: 4px; }
  .ab-ct__cards { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 32px; }
  .ab-ct__card { min-height: 0; padding: 24px 22px 26px; }
  .ab-ct__arrow { top: 24px; right: 22px; }
  .ab-ct__value--tel { font-size: 32px; }
  .ab-ct__value--mail { font-size: 21px; }
  .ab-ct__visit { margin-top: 72px; padding-top: 64px; padding-bottom: 64px; }
  .ab-ct__addr-text { font-size: 20px !important; margin-bottom: 32px !important; }
  .ab-ct__map { aspect-ratio: 4 / 5; }
}

/* ==== FD-1104 START — 재단 소개 수정사항 4 (2026-11-04) ====
   제목 '김태호미술재단' 글자 줄임 · 옆 사진은 첨부 흑백 사진 한 장(뒤에 겹친 작품 질감 · EST 띠 삭제) */
.ab-fd .ab-intro__title { font-size: clamp(28px, 2.5vw, 40px); margin-bottom: 28px !important; }
.ab-intro__photo--single { margin: 0 !important; }
.ab-intro__photo--single::before { content: none !important; display: none !important; }
.ab-intro__photo--single img { aspect-ratio: 1177 / 1200; object-fit: cover; box-shadow: none; background: #111; }
@media (max-width: 720px) { .ab-intro__photo--single { margin: 40px 0 0 !important; } }
/* ==== FD-1104 END ==== */

/* ==== CT-1104 START — 연락처 수정사항 7 (2026-11-04) ====
   작품 띠 삭제(마크업) · 대표번호/이메일 글자 줄임 · 지도 부분 검은 배경 없애고 위 카드와 같은 흰 바탕·검은 윗줄 양식 */
.ab-ct__cards { margin-top: 40px; }
.ab-ct__card { min-height: 0; padding: 30px 36px 32px; }
.ab-ct__value--tel { font-size: clamp(24px, 2vw, 32px); }
.ab-ct__value--mail { font-size: clamp(20px, 1.6vw, 26px); }
.ab-ct__visit { background: #fff !important; color: var(--ab-text) !important; margin-top: 24px !important; padding: 0 !important; gap: 24px !important;
  grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); align-items: stretch; }
.ab-ct__addr { border: 1px solid #d6d0c8; border-top: 3px solid var(--ab-ink); padding: 30px 36px 36px; margin: 0 !important; background: #fff; }
.ab-ct__visit .ab-eyebrow { color: var(--ab-brown) !important; }
.ab-ct__addr-text { color: var(--ab-ink) !important; font-size: clamp(19px, 1.4vw, 22px) !important; margin: 0 0 32px !important; }
.ab-ct__maps-label { color: var(--ab-muted) !important; }
.ab-ct__maps a { border: 1px solid #c9c3bb !important; color: var(--ab-ink) !important; background: #fff; font-size: 16px; }
.ab-ct__maps a:hover, .ab-ct__maps a:focus-visible { background: var(--ab-ink) !important; color: #fff !important; border-color: var(--ab-ink) !important; }
.ab-ct__maps a:focus-visible { outline: 2px solid var(--ab-brown) !important; }
.ab-ct__map { background: #f3f1ee !important; border: 1px solid #d6d0c8; border-top: 3px solid var(--ab-ink); min-height: 420px; }
@media (max-width: 1024px) { .ab-ct__visit { grid-template-columns: minmax(0, 1fr); } .ab-ct__map { min-height: 0; aspect-ratio: 16 / 9; } }
@media (max-width: 720px) {
  .ab-ct__card { padding: 22px 22px 24px; }
  .ab-ct__value--tel { font-size: 24px; } .ab-ct__value--mail { font-size: 19px; }
  .ab-ct__visit { margin-top: 16px !important; padding: 0 !important; }
  .ab-ct__addr { padding: 24px 22px 26px; }
  .ab-ct__addr-text { font-size: 18px !important; }
  .ab-ct__map { aspect-ratio: 4 / 5; }
}
/* ==== CT-1104 END ==== */

/* ==== TONE-1106 START — 수정사항2 (2026-11-06) ====
   제목 글자를 재단소개 제목(.ab-intro__title)과 같은 크기로 · 주요 사업 차콜 띠 → 밝은 벽색, 첨부 이미지 5장을 어둡게 덮지 않음 */
.ab-fd .ab-facts dd { font-size: clamp(28px, 2.5vw, 40px); }
.ab-letter__side h2, .ab-ct__head h2, .ab-fd .ab-biz__head h2 { font-size: clamp(28px, 2.5vw, 40px); }

.ab-biz { background: var(--ab-wall); color: var(--ab-text); }
.ab-biz .ab-eyebrow { color: var(--ab-brown); }
.ab-biz__head h2 { color: var(--ab-ink); }
.ab-card__tex { background: #ddd8d0; box-shadow: inset 0 0 0 1px rgba(17,17,17,.08); }
.ab-card__tex img { filter: none; }
.ab-card:hover .ab-card__tex img { filter: none; }
.ab-card__tex::after { content: none; }
.ab-card__no { left: 0; bottom: 0; padding: 7px 12px; background: #fff; color: var(--ab-ink); font: 800 18px/1 "Lato", sans-serif; letter-spacing: .02em; }
.ab-card h3 { color: var(--ab-ink); }
.ab-card p { color: var(--ab-muted); }
@media (max-width: 1199px) {
  .ab-card { border-top: 1px solid #cfc8bf; }
  .ab-card:last-child { border-bottom: 1px solid #cfc8bf; }
  .ab-card__tex { aspect-ratio: 4 / 5; }
}
@media (max-width: 720px) {
  .ab-biz .ab-card { grid-template-columns: 112px minmax(0, 1fr); gap: 0 20px; padding: 22px 0; align-items: center; border: 0 !important; border-top: 1px solid #cfc8bf !important; }
  .ab-biz .ab-card:last-child { border-bottom: 1px solid #cfc8bf !important; }
  .ab-biz .ab-card__tex { aspect-ratio: 4 / 5; grid-row: span 2; }
  .ab-biz .ab-card__no { font-size: 16px; padding: 5px 9px; }
  .ab-biz .ab-card h3 { margin: 0 0 6px !important; }
}
/* ==== TONE-1106 END ==== */