.c7{--brand:var(--pc-sage);--brand-light:color-mix(in srgb,var(--brand) 15%,white);padding-block:var(--space-6)}.c7 .c7-inner{max-width:var(--content-max-width);margin-inline:auto;padding-inline:clamp(var(--space-3),4vw,var(--space-5))}.c7 .c7-title{margin:0 0 var(--space-3);line-height:1.15}.c7 .c7-heading{font:700 var(--fs-lg)/1 var(--font-sans);color:var(--pc-text)}.c7 .c7-sciname{display:block;margin-top:.2rem;font:italic var(--fs-sm)/1 var(--font-serif);color:var(--brand);text-transform:none}.c7 .c7-grid{display:flex;gap:var(--space-6);align-items:flex-start}.c7 .c7-media{flex:0 0 340px}.c7 .c7-copy{flex:1 1 0%}.c7.is-right .c7-grid{flex-direction:row-reverse}.c7 .c7-media{border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 6px 18px rgb(0 0 0 / .06);position:relative}.c7 .c7-img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.c7 .c7-cap{position:absolute;bottom:12px;right:12px;padding:.35rem .9rem;border-radius:999px;background:rgb(0 0 0 / .64);color:#fff;font:500 var(--fs-xs)/1 var(--font-sans)}.c7.is-right .c7-cap{left:12px;right:auto}.c7 .c7-intro{font-size:var(--fs-base);line-height:1.7;max-width:65ch;margin-bottom:var(--space-4)}.c7 .c7-meter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-5);padding:0;list-style:none}.c7 .c7-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .8rem;border-radius:999px;background:var(--brand-light);color:color-mix(in srgb,var(--brand) 70%,black 15%);font:500 var(--fs-xs)/1 var(--font-sans)}.c7 .c7-chip i{font-size:var(--fs-sm);line-height:1}.c7 .c7-chip.is-caution{background:#fff7d9;color:#a68b00}.c7 .c7-chip.is-danger{background:#ffe8e8;color:#c23a3a}.c7 .c7-ctas{display:flex;flex-wrap:wrap;border:1px solid var(--brand);border-radius:var(--radius-lg);overflow:hidden;max-width:500px}.c7 .c7-btn{flex:1 1 50%;padding:.95rem 1rem;font:600 var(--fs-sm)/1 var(--font-sans);text-align:center;transition:background .18s,color .18s}.c7 .c7-btn--primary{background:var(--brand-light);color:var(--brand);border-right:1px solid var(--brand)}.c7 .c7-btn--secondary{background:#fff;color:var(--brand)}.c7 .c7-btn:hover{background:color-mix(in srgb,var(--brand) 18%,white)}@media (max-width:960px){.c7 .c7-grid{flex-direction:column}.c7 .c7-media{width:100%;margin-bottom:var(--space-5)}}@media (max-width:540px){.c7 .c7-heading{font:700 var(--fs-md)/1 var(--font-sans)}.c7 .c7-img{aspect-ratio:16/9}.c7 .c7-ctas{flex-direction:column}.c7 .c7-btn--primary{border-right:0;border-bottom:1px solid var(--brand)}}