.featured-work { background:var(--ink); color:var(--bg); scroll-margin-top:76px; }
.feature-container {max-width:1180px;margin:auto;padding:36px 40px 30px;}
.feature-top {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;}
.feature-card {background:#fdfdfc;border-radius:22px;overflow:hidden;color:var(--ink);display:grid;grid-template-rows:auto auto;}
.feature-slide[hidden] {visibility:hidden;pointer-events:none;}
.feature-slide {grid-area:1 / 1 / 3 / 2;display:grid;grid-template-rows:subgrid;min-width:0;animation:feature-appear .35s ease;}
.feature-body {display:grid;grid-template-columns:minmax(0,1fr) 280px;}
.feature-figure {margin:0;padding:24px;height:438px;position:relative;min-width:0;}
.feature-plot {height:390px;display:flex;justify-content:center;align-items:center;}
.feature-plot img {width:100%;max-width:900px;height:100%;object-fit:contain;}
@media(min-width:701px) {.feature-slide[data-slide="grader"] .feature-plot img {transform:scale(1.1);}}
.feature-enlarge {position:absolute;z-index:1;top:14px;right:15px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #dedbd8;border-radius:50%;font-size:20px;color:#655e5b;background:#fafafae8;text-decoration:none;}
.feature-enlarge:hover {background:var(--mint-pale);color:var(--mint-deep);}
.feature-heading {padding:28px 34px;border-bottom:1px solid #e7e9e6;display:flex;align-items:center;}
.feature-heading h3 {font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:0;max-width:980px;text-wrap:balance;}
.feature-heading h3 a {color:inherit;text-decoration:none;}
.feature-description {padding:28px;background:#eff5f2;border-left:1px solid #e2e9e4;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;}
.feature-description p {font-size:17px;line-height:1.6;color:#525d57;margin:0;max-width:510px;}
.feature-read {display:flex;justify-content:space-between;gap:18px;align-items:center;align-self:stretch;margin-top:28px;padding:10px 0 12px;color:#2c3932;border-bottom:1px solid #b7c8c0;font-size:16px;line-height:1.3;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s;}
.feature-read-arrow {flex-shrink:0;font-size:24px;line-height:1;transition:transform .2s;}
.feature-read:hover {color:#1c6e65;border-color:#6d9c8c;}
.feature-read:hover .feature-read-arrow {transform:translate(2px,-2px);}
.feature-tabs {display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:25px;}
.feature-tabs button {text-align:left;position:relative;border:0;border-top:2px solid #484242;background:transparent;color:#b4aeab;font-size:13px;line-height:1.4;padding:16px 0 0;cursor:pointer;display:flex;align-items:flex-start;gap:12px;}
.feature-tabs button[aria-pressed="true"] {border-color:var(--mint);color:#fafafa;}
.feature-tab-number {font-family:inherit;font-size:12px;font-weight:500;line-height:1.5;color:#938c88;display:inline-block;}
.feature-tabs button[aria-pressed="true"] .feature-tab-number {color:var(--mint);}
.feature-announcement {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.featured-work button:focus-visible,.featured-work a:focus-visible {outline:2px solid var(--mint);outline-offset:5px;}
@keyframes feature-appear {from{opacity:.4;transform:translateY(5px);}to{opacity:1;transform:none;}}
@media(max-width:1000px) {
 .feature-body {grid-template-columns:1fr;}
 .feature-description {padding:24px 28px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:28px;align-items:center;border-left:0;border-top:1px solid #e2e9e4;}
 .feature-description p {font-size:16px;}
 .feature-read {margin-top:0;align-self:center;}
}
@media(max-width:700px) {
 .feature-container {padding:32px 20px 28px;}
 .feature-top {gap:10px;margin-bottom:20px;}
 .feature-top h2 {font-size:28px;}
 .feature-card {border-radius:15px;}
 .feature-heading {padding:22px;}
 .feature-heading h3 {font-size:25px;line-height:1.15;}
 .feature-body {grid-template-columns:1fr;grid-template-rows:236px 1fr;}
 .feature-figure {padding:24px 8px 12px;height:236px;}
 .feature-plot {height:200px;}
 .feature-enlarge {width:27px;height:27px;top:9px;right:9px;font-size:17px;}
 .feature-description {padding:24px 22px;display:flex;gap:0;align-items:flex-start;justify-content:space-between;}
 .feature-description p {font-size:15px;line-height:1.6;}
 .feature-read {margin-top:20px;padding:10px 0 12px;font-size:16px;align-self:stretch;}
 .feature-tabs {gap:12px;margin-top:20px;}
 .feature-tabs button {font-size:11px;line-height:1.4;padding-top:12px;flex-direction:column;justify-content:flex-start;gap:7px;}
 .feature-tab-number {display:block;}
}
@media(prefers-reduced-motion:reduce) {.feature-slide {animation:none;}.feature-read,.feature-read-arrow {transition:none;}.feature-read:hover .feature-read-arrow {transform:none;}}