.ar-hero{padding:150px 0 90px;background:var(--green-dark);color:var(--cream);position:relative;overflow:hidden}
.ar-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 15%,rgba(143,29,44,.5),transparent 48%),radial-gradient(circle at 92% 85%,rgba(40,98,80,.7),transparent 55%)}
.ar-hero .container{position:relative}
.ar-hero .section-kicker{color:#f0b8c0;font-size:14px}
.ar-hero h1{margin:0 0 14px;font-size:clamp(38px,6vw,72px);font-weight:700;line-height:1.3}
.ar-lead{max-width:560px;margin:0 0 54px;color:rgba(246,241,232,.75);font-size:18px}

.ar-feature{display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;border:1px solid rgba(246,241,232,.18);border-radius:28px;background:rgba(246,241,232,.07);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ar-feature-cover{position:relative;min-height:380px;overflow:hidden;background:linear-gradient(135deg,var(--green),#286250)}
.ar-feature-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ar-feature:hover .ar-feature-cover img{transform:scale(1.05)}
.ar-feature-body{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:46px}
.ar-feature h2{margin:10px 0 0;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:1.5}
.ar-feature h2 a:hover{color:#f0b8c0}
.ar-feature p{margin:10px 0 24px;color:rgba(246,241,232,.78);font-size:16.5px}
.ar-feature .acard-meta{color:rgba(246,241,232,.6)}
.ar-feature .acard-meta i{background:rgba(246,241,232,.5)}
.ar-feature .acard-cat{position:static}

.acard-meta{display:flex;align-items:center;gap:10px;color:var(--gray);font-size:13.5px}
.acard-meta i{width:4px;height:4px;border-radius:50%;background:var(--red)}
.acard-cat{position:absolute;z-index:2;top:16px;inset-inline-start:16px;padding:0 14px;border-radius:999px;background:var(--red);color:#fff;font-size:13px;font-weight:600;line-height:30px;box-shadow:0 8px 18px rgba(0,0,0,.25)}

.ar-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:28px}
.acard{position:relative;min-height:460px;display:flex;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,var(--green),#286250);isolation:isolate;box-shadow:0 14px 36px rgba(16,45,38,.14);transition:transform .5s var(--ease),box-shadow .5s var(--ease);animation:mpIn .6s var(--ease) both}
.acard:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(16,45,38,.28)}
.acard-cover{position:absolute;inset:0;z-index:-1;display:block}
.acard-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.acard:hover .acard-cover img{transform:scale(1.08)}
.acard-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,35,29,.28) 0%,transparent 30%,rgba(10,35,29,.55) 62%,rgba(10,35,29,.94) 100%);transition:opacity .4s}
.acard::before{content:"";position:absolute;z-index:3;inset:auto 0 0;height:4px;background:linear-gradient(270deg,var(--red-light),#ffb3bd);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.acard:hover::before{transform:scaleX(1)}
.acard-cat{top:18px;inset-inline-start:18px;background:rgba(143,29,44,.92);backdrop-filter:blur(6px)}
.acard-more{position:absolute;z-index:4;top:14px;inset-inline-end:14px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.4);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:19px;transition:background .3s,transform .5s var(--ease)}
.acard:hover .acard-more{background:var(--red);border-color:var(--red);transform:rotate(-45deg) scale(1.08)}
.acard-body{align-self:flex-end;width:100%;padding:26px 26px 28px;color:var(--cream)}
.acard .acard-meta{color:rgba(246,241,232,.78)}
.acard .acard-meta i{background:#ffb3bd}
.acard-title{margin:12px 0 0;font-size:23px;font-weight:700;line-height:1.65}
.acard-title a{background:linear-gradient(#fff,#fff) 100% 100%/0 2px no-repeat;transition:background-size .5s var(--ease)}
.acard:hover .acard-title a{background-size:100% 2px}
.acard-desc{max-height:0;margin:0;opacity:0;color:rgba(246,241,232,.85);font-size:15px;line-height:1.95;overflow:hidden;transform:translateY(10px);transition:max-height .55s var(--ease),opacity .45s ease,margin .45s var(--ease),transform .5s var(--ease)}
.acard:hover .acard-desc,.acard:focus-within .acard-desc{max-height:9em;margin-top:12px;opacity:1;transform:none}
@media(hover:none){.acard-desc{max-height:5.9em;margin-top:12px;opacity:1;transform:none}}

@media(max-width:820px){
.ar-hero{padding:120px 0 60px}
.ar-feature{grid-template-columns:1fr}
.ar-feature-cover{min-height:260px}
.ar-feature-body{padding:30px 24px}
}
@media(max-width:560px){.ar-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.acard{animation:none}}
