.topics{padding-top:50px;padding-bottom:62px;max-width:1160px}
.topics .topics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:42px;text-align:start;margin:0 0 28px}
.topics .topics-heading h2{font-size:49px;line-height:1.02;margin:9px 0 0;font-weight:500}
.topics .topics-eyebrow{font:500 10px/1.5 Outfit,Inter,sans-serif;letter-spacing:2.6px;color:#e5c484;margin:0}
.topics .topics-heading .lead{font-size:13px;line-height:1.7;margin:0;max-width:375px;color:#c8d9d1}
.topics .topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.topics .topic-grid>a{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;isolation:isolate;min-height:310px;padding:24px 28px 21px;border:1px solid #c3a05d88;border-radius:4px;background:#00382f;text-align:start;box-shadow:0 12px 28px #001e1a60;transition:border-color .35s,box-shadow .35s,transform .35s}
.topics .topic-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:.75;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s}
.topics .topic-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#002e2860 0%,#002e2855 15%,#002c26b8 42%,#002b25f5 76%,#00251fff 100%)}
.topics .topic-path:after{content:'';position:absolute;inset:8px;border:1px solid #f4d49826;pointer-events:none;z-index:-1}
.topics .topic-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}
.topics .topic-grid .topic-index{font:400 16px/1 Outfit,sans-serif;letter-spacing:2px;color:#f6dfb4;border-bottom:1px solid #e9cb8a80;padding:4px 0 10px}
.topics .topic-grid .topic-seal{display:grid;place-items:center;width:54px;height:54px;border:1px solid #e9cc8b80;border-radius:50%;color:#f2d28d;background:#003b32b3;box-shadow:0 0 0 4px #003e3555}
.topics .topic-seal svg{width:30px;height:30px}
.topics .topic-grid .topic-kicker{display:block;color:#e6bf73;font:500 9px/1.5 Outfit,Inter,sans-serif;letter-spacing:2.3px;margin-bottom:5px}
.topics .topic-grid h3{font:500 31px/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 7px;color:#fff4df;max-width:none}
.topics .topic-grid .topic-description{font:400 12px/1.7 Inter,Arial,sans-serif;max-width:340px;margin:0;color:#d9e5dd}
.topics .topic-card-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d7bb7a44;margin-top:17px;padding-top:13px;gap:12px}
.topics .topic-grid .topic-tags{font:400 10px/1.5 Inter,Arial,sans-serif;color:#d9c394;letter-spacing:.3px}
.topics .topic-grid .topic-arrow{font:400 20px/1 Inter,sans-serif;color:#f3d18a;transition:transform .3s}
.topics .topic-grid>a:hover{transform:translateY(-4px);border-color:#f2d18e;box-shadow:0 18px 36px #00171299}
.topics .topic-grid>a:hover .topic-scene{transform:scale(1.05);opacity:1}
.topics .topic-grid>a:hover .topic-arrow{transform:translate(3px,-3px)}
.topics .topic-grid>a:focus-visible{outline:2px solid #ffe6a3;outline-offset:5px}
html[dir=rtl] .topics .topics-heading h2{font-family:Amiri,serif;line-height:1.3}
html[dir=rtl] .topics .topics-eyebrow,html[dir=rtl] .topics .topic-kicker{font-family:Amiri,serif;letter-spacing:0;font-size:14px}
html[dir=rtl] .topics .topic-grid h3{font-family:Amiri,serif;font-size:29px}
html[dir=rtl] .topics .topics-heading .lead,html[dir=rtl] .topics .topic-grid .topic-description{font-family:Amiri,serif;font-size:17px}
html[dir=rtl] .topics .topic-grid .topic-tags{font-family:Amiri,serif;font-size:14px;letter-spacing:0}
html[dir=rtl] .topics .topic-arrow{transform:scaleX(-1)}
@media(max-width:700px){.topics .topics-heading{display:block}.topics .topics-heading h2{font-size:40px}.topics .topics-heading .lead{margin-top:16px;max-width:100%}.topics .topic-grid{grid-template-columns:1fr}.topics .topic-grid>a{min-height:310px;padding:22px}.topics .topic-grid h3{font-size:31px}}
@media(prefers-reduced-motion:reduce){.topics .topic-grid>a,.topics .topic-scene,.topics .topic-arrow{transition:none}}