.feature-plate-link{display:block;color:inherit;text-decoration:none;min-height:250px}
.feature-plate-link:first-child{grid-row:1/3;min-height:620px}
.feature-plate-link figure{height:100%;transition:transform .2s ease,filter .2s ease}
.feature-plate-link:hover figure,.feature-plate-link:focus-visible figure{transform:translateY(-4px);filter:brightness(1.06)}
.feature-plate-link figcaption{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.feature-plate-link figcaption b{color:#f3c866;font-family:Arial,sans-serif;font-size:.72rem;font-style:normal;letter-spacing:.1em;text-transform:uppercase}
.embedded-mechanism{margin:5rem 0 2rem;background:#f1eddf;color:#17352f;border:1px solid rgba(24,48,44,.22);padding:1.5rem}
.embedded-mechanism header,.mechanism-reader header{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1rem}
.embedded-mechanism h3,.mechanism-reader h2{margin:.25rem 0 0;color:inherit;font-size:clamp(2rem,4vw,4rem)}
.embedded-mechanism a,.mechanism-reader a{color:#f3c866;text-decoration:none;font-weight:700}
.embedded-mechanism iframe,.mechanism-reader iframe{display:block;width:100%;height:min(78vh,980px);border:1px solid rgba(24,48,44,.22);background:#f1eddf}
.mechanisms-view{background:#030605;color:#fff;min-height:100vh;padding:clamp(5rem,10vw,9rem) clamp(1rem,5vw,5rem)}
.mechanisms-intro{max-width:900px;margin:0 0 3rem}
.mechanisms-intro h1{font-size:clamp(3.3rem,8vw,7.5rem);line-height:.88;margin:.5rem 0 1.5rem}
.mechanisms-intro>p:last-child{font-size:1.15rem;line-height:1.7;max-width:720px;color:#c9d6d0}
.mechanism-index{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem}
.mechanism-index button{appearance:none;border:1px solid #294239;background:#0b1512;color:#fff;padding:0;text-align:left;cursor:pointer;overflow:hidden}
.mechanism-index button:hover,.mechanism-index button:focus-visible,.mechanism-index button.active{border-color:#f3c866;background:#10251e}
.mechanism-index button{isolation:isolate}.mechanism-index img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:saturate(.78) contrast(1.08);transform:scale(1.055);transition:transform .25s ease}.mechanism-index button:hover img{transform:scale(1.085)}
.mechanism-index span,.mechanism-index strong,.mechanism-index b{display:block;margin-inline:1rem}
.mechanism-index span{margin-top:1rem;color:#f3c866;font:700 .72rem Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mechanism-index strong{font:700 1.35rem/1.1 Georgia,serif;margin-top:.45rem}
.mechanism-index b{margin-top:1rem;margin-bottom:1rem;color:#abc4b9;font:700 .7rem Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.mechanism-reader{margin-top:5rem;scroll-margin-top:5rem}
.mechanism-reader iframe{height:85vh}
@media(max-width:900px){.feature-plate-link:first-child{grid-column:1/-1;grid-row:auto;min-height:480px}}
@media(max-width:700px){.feature-plate-link,.feature-plate-link:first-child{grid-column:auto;min-height:280px}.embedded-mechanism header,.mechanism-reader header{display:block}.embedded-mechanism a,.mechanism-reader a{display:inline-block;margin-top:1rem}.embedded-mechanism iframe,.mechanism-reader iframe{height:70vh}.mechanisms-view{padding-top:7rem}}