.portfolio-case{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;align-items:center;padding:28px;border:1px solid #26352d;border-radius:24px;background:#101a15}.portfolio-image{display:block;overflow:hidden;border-radius:14px;border:1px solid #34483d}.portfolio-image img{display:block;width:100%;height:auto}.portfolio-copy h3{font-size:clamp(25px,2.6vw,36px);line-height:1.15;margin:12px 0 20px}.portfolio-features{list-style:none;padding:0;margin:22px 0;display:grid;gap:12px}.portfolio-features li{padding-left:24px;position:relative;line-height:1.5}.portfolio-features li:before{content:'✓';position:absolute;left:0;color:var(--green)}.portfolio-copy .notice{margin-top:18px}.portfolio-image:focus-visible{outline:3px solid var(--green);outline-offset:5px}@media(max-width:900px){.portfolio-case{grid-template-columns:1fr;gap:25px;padding:22px}}@media(max-width:480px){.portfolio-case{padding:16px;border-radius:18px}.portfolio-copy .button{width:100%;text-align:center}.portfolio-copy h3{font-size:27px}}.portfolio-case + .portfolio-case{margin-top:32px}

.available-badge{display:inline-block;padding:7px 12px;margin:0 0 10px;border:1px solid #809c42;border-radius:30px;background:#b3f15b1a;color:#bded8c;font-size:12px;line-height:1.5}.portfolio-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:22px}.adaptation-note{margin-top:20px;font-size:14px;line-height:1.65}.portfolio-actions .textlink{font-size:13px}@media(max-width:480px){.portfolio-actions .button{width:100%}}

.portfolio-filters{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 30px}.portfolio-filters button{padding:9px 17px;border:1px solid #526342;color:#bddd9c;background:transparent;border-radius:25px;font:inherit;font-size:12px;cursor:pointer}.portfolio-filters button[aria-pressed=true]{background:#b4f264;color:#172116;border-color:#b4f264}.portfolio-case[hidden]{display:none!important}.portfolio-filters button:focus-visible{outline:3px solid #b4f264;outline-offset:4px}
