.at-section{
--at-bg: #FAF6EE;
--at-title: #0F2740;
--at-text: #5A6673;
--at-link: #A9762A;
--at-serif: "Fraunces", sans-serif;
--at-sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--at-cols: 3;
--at-radius: 20px;

  background:var(--at-bg);
  font-family:var(--at-sans);
  padding:64px 24px;
  box-sizing:border-box;
}
.at-section *,.at-section *::before,.at-section *::after{box-sizing:border-box}

.at-head{max-width:1240px;margin:0 auto 40px;text-align:center}
.at-heading{
  font-family:var(--at-serif);
  font-weight:700;
  font-size:24px;
  line-height:1.15;
  color:var(--at-title);
  margin:0 0 12px;
}
.at-intro{
  font-size:18px;
  line-height:1.6;
  color:var(--at-text);
  margin:0 auto;
  max-width:62ch;
}
.tm-item{
	font-size:16px !important;
	font-weight:600 !important;
}

.at-grid{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(var(--at-cols),minmax(0,1fr));
  gap:36px;
  align-items:stretch;
}

.at-card{
  display:flex;
  flex-direction:column;
  background:#fff;
  border-radius:var(--at-radius);
  overflow:hidden;
  box-shadow:0 1px 2px rgba(16,38,60,.04),0 18px 40px -24px rgba(16,38,60,.28);
  transition:transform .22s ease,box-shadow .22s ease;
}
.at-card:hover{
  transform:translateY(-4px);
  box-shadow:0 1px 2px rgba(16,38,60,.05),0 26px 54px -22px rgba(16,38,60,.36);
}

.at-media{
  position:relative;
  aspect-ratio:1.56;
  background-size:cover;
  background-position:center;
}
.at-badge{
  position:absolute;
  left:16px;
  bottom:22px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:11px;
  font-weight:700;
  letter-spacing:.085em;
  text-transform:uppercase;
  padding:7px 14px;
  border-radius:999px;
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
  white-space:nowrap;
}

.at-body{
  display:flex;
  flex-direction:column;
  flex:1;
  padding:18px 18px 18px;
}
.at-title{
  font-family:var(--at-serif);
  font-weight:650;
  font-size:18px;
  line-height:1.2;
  color:#0e2a3d;
  margin:0 0 14px;
  letter-spacing:-.005em;
}
.at-desc{
  font-size:14.5px;
  line-height:1.55;
  color:#5b6670;
  margin:0 0 28px;
  flex:1;
}
.at-link{
  align-self:flex-start;
  color:#9c7220;
  font-size:13.5px;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .18s ease;
}
.at-link span{display:inline-block;transition:transform .18s ease}
.at-link:hover{color:var(--at-link);border-bottom-color:currentColor}
.at-link:hover span{transform:translateX(4px)}

/* ---------- responsive ---------- */
@media (max-width:1080px){
  .at-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
}
@media (max-width:720px){
  .at-section{padding:44px 18px}
  .at-grid{grid-template-columns:1fr;gap:24px}
  .at-heading{font-size:30px}
  .at-body{padding:26px 26px 28px}
  .at-title{font-size:23px}
  .at-desc{font-size:16.5px;margin-bottom:22px}
  .at-badge{left:24px;bottom:24px;padding:10px 18px;font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .at-card,.at-link,.at-link span{transition:none!important}
  .at-card:hover{transform:none}
}

/* ---------- theme-conflict guards ---------- */
.at-section .at-card{border:0!important;margin:0!important}
.at-section .at-title{padding:0!important;font-family:var(--at-serif)!important;color:var(--at-title)!important}
.at-section .at-desc{padding:0!important;font-family:var(--at-sans)!important;color:var(--at-text)!important}
.at-section .at-link{background:none!important;padding:0!important;box-shadow:none!important;text-transform:none!important}
.at-section .at-media{margin:0!important}