@charset "UTF-8";

:root {
	--ac-text:   #1a1612;
	--ac-dim:    rgba(26, 22, 18, 0.5);
	--ac-gold:   #b8922a;
	--ac-border: rgba(26, 22, 18, 0.1);
}

.ac-inner {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 48px;
}
.ac-sep { opacity: 0.3; margin: 0 0.5em; }

/* ─── 마스트헤드 바 ─── */
.ac-mast-bar {
	position: sticky;
	top: 90px;
	z-index: 90;
	margin-top: 90px;
	background: var(--ac-text);
	color: rgba(255, 255, 255, 0.65);
	font-size: clamp(14px, calc(8px + 1vw), 18px);
	font-family: "Paperlogy", sans-serif;
	text-align: center;
	padding: 12px 24px;
	transition: top 0.25s ease;
}
.ac-mast-name { color: var(--ac-gold); font-weight: 600; }

/* ─── 히어로 ─── */
.ac-hero {
	padding: 56px 0 40px;
	border-bottom: 1px solid var(--ac-border);
}
.ac-hero-tit {
	font-size: clamp(32px, calc(18px + 2vw), 48px);
	font-weight: 800;
	color: var(--ac-text);
	font-family: "Paperlogy", sans-serif;
	margin-bottom: 10px;
}
.ac-hero-sub {
	font-size: clamp(16px, calc(10px + 0.8vw), 18px);
	color: var(--ac-dim);
	font-family: "Paperlogy", sans-serif;
}

/* ─── 카테고리 필터 ─── */
.ac-filter-wrap {
	position: sticky;
	top: calc(90px + 43px);
	z-index: 80;
	background: #fff;
	border-bottom: 1px solid var(--ac-border);
	transition: top 0.25s ease;
}
.ac-filter-list {
	display: flex;
	gap: 0;
}
.ac-filter {
	background: none;
	border: none;
	border-bottom: 2px solid transparent;
	font-size: clamp(14px, calc(8px + 1vw), 18px);
	font-family: "Paperlogy", sans-serif;
	color: var(--ac-dim);
	padding: 16px 22px;
	cursor: pointer;
	transition: color 0.2s, border-color 0.2s;
	margin-bottom: -1px;
	white-space: nowrap;
}
.ac-filter:hover { color: var(--ac-text); }
.ac-filter.is-active {
	color: var(--ac-text);
	border-bottom-color: var(--ac-text);
	font-weight: 600;
}

/* ─── 기사 그리드 ─── */
.ac-body { padding: 48px 0 100px; }
.ac-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px 24px;
}
.ac-card {
	display: flex;
	flex-direction: column;
	text-decoration: none;
	transition: transform 0.25s;
}
.ac-card:hover { transform: translateY(-4px); }
.ac-card.is-hidden { display: none; }
.ac-card--wide { grid-column: span 2; flex-direction: row; gap: 24px; }
.ac-card--wide .ac-card-img { flex-shrink: 0; width: 240px; }
.ac-card--wide .ac-card-img { aspect-ratio: auto; height: 100%; }

.ac-card-img {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	margin-bottom: 16px;
}
.ac-card--wide .ac-card-img { margin-bottom: 0; }
.ac-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.4s ease;
}
.ac-card:hover .ac-card-img img { transform: scale(1.04); }

.ac-card-body { flex: 1; }
.ac-card-cat {
	display: inline-block;
	font-size: clamp(14px, calc(8px + 1vw), 18px);
	color: var(--ac-gold);
	font-family: "Paperlogy", sans-serif;
	font-weight: 600;
	margin-bottom: 10px;
}
.ac-card-tit {
	font-size: clamp(18px, calc(12px + 0.8vw), 22px);
	font-weight: 700;
	color: var(--ac-text);
	font-family: "Paperlogy", sans-serif;
	margin-bottom: 10px;
}
.ac-card-desc {
	font-size: clamp(16px, calc(8px + 1vw), 18px);
	color: var(--ac-dim);
	font-family: "Paperlogy", sans-serif;
}

/* ─── Responsive: 999px ─── */
@media (max-width: 999px) {
	.ac-inner { padding: 0 32px; }
	.ac-mast-bar { top: 70px; margin-top: 70px; }
	.ac-filter-wrap { top: calc(70px + 43px); }
	.ac-grid { grid-template-columns: repeat(2, 1fr); }
	.ac-card--wide { grid-column: span 2; }
	.ac-card--wide .ac-card-img { width: 200px; }
}

/* ─── Responsive: 768px ─── */
@media (max-width: 768px) {
	.ac-inner { padding: 0 20px; }
	.ac-hero { padding: 40px 0 28px; }
	.ac-filter-list { overflow-x: auto; }
	.ac-grid { grid-template-columns: 1fr; gap: 32px; }
	.ac-card--wide { flex-direction: column; }
	.ac-card--wide .ac-card-img { width: 100%; height: auto; aspect-ratio: 16 / 10; margin-bottom: 16px; }
	.ac-body { padding: 32px 0 60px; }
}

/* ─── Responsive: 499px ─── */
@media (max-width: 499px) {
	.ac-grid { gap: 24px; }
}