.ci-cards{--ci-ink:#172123;--ci-paper:#eee9df;--ci-rust:#cc654b;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2vw,32px);width:100%;max-width:1440px;margin-inline:auto;color:var(--ci-ink)}
.ci-card{min-width:0;position:relative}
.ci-card__surface{display:grid;grid-template-rows:minmax(240px,1.04fr) minmax(250px,.96fr);height:100%;min-height:clamp(530px,48vw,700px);overflow:hidden;border-radius:22px;background:var(--ci-paper);color:inherit;text-decoration:none!important;box-shadow:0 14px 50px rgba(16,24,25,.08);transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease}
.ci-card__surface:where(a):hover,.ci-card__surface:where(a):focus-visible{transform:translateY(-8px);box-shadow:0 28px 70px rgba(16,24,25,.17)}
.ci-card__surface:where(a):focus-visible{outline:3px solid var(--ci-rust);outline-offset:4px}
.ci-card__image-wrap{position:relative;min-height:0;overflow:hidden;background:linear-gradient(135deg,#1a3032,#66736d 65%,#c0a98e);color:#fff}
.ci-card__image{display:block;width:100%;height:100%;max-width:none!important;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1)}
.ci-card__surface:where(a):hover .ci-card__image,.ci-card__surface:where(a):focus-visible .ci-card__image{transform:scale(1.045)}
.ci-card__image-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,17,.32),transparent 42%,rgba(4,15,17,.22));pointer-events:none}
.ci-card__image-placeholder{display:grid;place-items:center;height:100%;font:500 clamp(3rem,7vw,7rem)/1 Georgia,serif;letter-spacing:-.08em;opacity:.6}
.ci-card__image-index{position:absolute;z-index:1;top:clamp(20px,2.5vw,35px);left:clamp(23px,3vw,42px);font:800 .68rem/1.3 Arial,Helvetica,sans-serif;letter-spacing:.18em}
.ci-card__paper{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(25px,3vw,48px) clamp(23px,3vw,45px) clamp(19px,2.2vw,31px);background:var(--ci-paper)}
.ci-card__paper-head,.ci-card__paper-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;font:800 clamp(.58rem,.7vw,.75rem)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase}
.ci-card__paper-head{color:rgba(23,33,35,.7)}
.ci-card__paper-head span:first-child{max-width:75%}
.ci-card__paper-head span:last-child{white-space:nowrap}
.ci-card__copy{margin:auto 0;padding:35px 0 32px}
.ci-card__copy h3{margin:0 0 15px;font:400 clamp(2.6rem,4.2vw,5.2rem)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.07em;overflow-wrap:anywhere;color:inherit}
.ci-card__copy p{max-width:45ch;margin:0;font:400 clamp(.94rem,1.1vw,1.14rem)/1.5 Arial,Helvetica,sans-serif;color:inherit;opacity:.78}
.ci-card__paper-foot{padding-top:17px;border-top:1px dashed rgba(23,33,35,.42);color:var(--ci-ink)}
.ci-card__paper-foot span:last-child{font:400 1.3rem/1 Georgia,serif;transition:transform .3s ease}
.ci-card__surface:where(a):hover .ci-card__paper-foot span:last-child,.ci-card__surface:where(a):focus-visible .ci-card__paper-foot span:last-child{transform:translate(3px,-3px)}
.ci-card--rust .ci-card__paper{background:#d16a50;color:#171e1e}.ci-card--rust .ci-card__paper-head{color:#2b2a27}
.ci-card--ink .ci-card__paper{background:#172123;color:#f5f1e9}.ci-card--ink .ci-card__paper-head,.ci-card--ink .ci-card__paper-foot{color:#f5f1e9}.ci-card--ink .ci-card__paper-foot{border-color:rgba(245,241,233,.5)}
.ci-cards__empty{padding:24px;border:1px dashed #999;font:400 1rem/1.5 Arial,sans-serif}
@media(min-width:851px){.ci-card:last-child:nth-child(odd){grid-column:1/-1}.ci-card:last-child:nth-child(odd) .ci-card__surface{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-rows:minmax(430px,1fr);min-height:480px}.ci-card:last-child:nth-child(odd) .ci-card__paper{padding:clamp(30px,4vw,60px)}}
@media(max-width:850px){.ci-cards{grid-template-columns:1fr;max-width:650px}.ci-card__surface{min-height:560px}}
@media(max-width:520px){.ci-card__surface{grid-template-rows:minmax(205px,.9fr) minmax(260px,1.1fr);min-height:500px;border-radius:18px}.ci-card__copy{padding:27px 0 25px}.ci-card__copy h3{font-size:clamp(2.45rem,11vw,3.65rem)}}
@media(prefers-reduced-motion:reduce){.ci-card__surface,.ci-card__image,.ci-card__paper-foot span:last-child{transition:none!important}.ci-card__surface:where(a):hover,.ci-card__surface:where(a):focus-visible,.ci-card__surface:where(a):hover .ci-card__image,.ci-card__surface:where(a):focus-visible .ci-card__image{transform:none}}