.development-intro{padding:var(--space-16) 0 var(--space-12)}
.development-intro h1{font-size:var(--text-3xl);margin-bottom:var(--space-6)}
.development-intro>p:last-child{color:var(--color-text-muted);max-width:62ch}
.development-list{display:grid;grid-template-columns:1.15fr 1fr;gap:var(--space-8)}
.development-feature{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-10);padding:var(--space-10);background:#263d1d;color:#fff;border-radius:var(--radius-lg)}
.development-feature h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}
.development-feature__logo{width:270px;max-width:100%;height:auto;background:#faf9f6;padding:12px 20px;border-radius:var(--radius-sm)}
.development-feature p:not(.eyebrow){color:#dce7d4;max-width:58ch}
.development-feature .btn{flex-shrink:0;background:#e3eddb;color:#263d1d;gap:var(--space-4)}
.development-feature .btn:hover{background:#fff}
.development-feature--previews{display:grid;grid-template-columns:minmax(240px,1fr) 306px auto;gap:var(--space-6)}
.development-feature__intro{min-width:0}
.development-feature__previews{width:306px;max-width:100%;justify-self:center}
.development-home-stack{position:relative;width:100%;height:230px;isolation:isolate}
.development-home-stack__card{position:absolute;display:block;width:176px;padding:5px 5px 0;background:#faf9f6;border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.28);transition:transform 180ms ease,box-shadow 180ms ease;transform:rotate(var(--tilt))}
.development-home-stack__card:nth-child(1){left:4px;top:12px;--tilt:-8deg;z-index:1}
.development-home-stack__card:nth-child(2){right:4px;top:20px;--tilt:7deg;z-index:2}
.development-home-stack__card:nth-child(3){left:65px;top:94px;--tilt:-3deg;z-index:3}
.development-home-stack__card img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#e9ede3;border-radius:3px}
.development-home-stack__card span{display:block;padding:6px 4px;font-size:11px;line-height:1;letter-spacing:.09em;text-transform:uppercase;color:#384631}
.development-home-stack__card:nth-child(2) span{text-align:right}
.development-home-stack__card:hover,.development-home-stack__card:focus-visible{z-index:4;transform:translateY(-5px) rotate(0deg);box-shadow:0 12px 28px rgba(0,0,0,.35)}
.development-home-stack__card:focus-visible{outline:3px solid #e4c18c;outline-offset:4px}
.development-feature p.development-feature__render-note{font-size:10px;line-height:1.5;text-align:center;color:#cedbc5;margin-top:var(--space-3)}
@media(max-width:1100px) and (min-width:801px){.development-feature--previews{grid-template-columns:minmax(0,1fr) 306px}.development-feature--previews .development-feature__intro{grid-row:1/3}.development-feature--previews>.btn{grid-column:2;justify-self:center}}
@media(prefers-reduced-motion:reduce){.development-home-stack__card{transition:none}}
.development-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface)}
.development-card__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:var(--space-6);background:#fff;border-bottom:1px solid var(--color-border)}
.development-card__media img{width:100%;height:100%;object-fit:contain}
.development-card__media>span{position:absolute;bottom:var(--space-3);left:var(--space-6);padding:3px 7px;background:rgba(255,255,255,.95);border-radius:3px;font-size:var(--text-xs);color:var(--color-text-muted)}
.development-card__media--pending{background:#e9ede3}
.development-card__media--pending>span{position:static;background:none;padding:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.2;color:#53654a;text-align:center}
.development-card__body{padding:var(--space-8)}
.development-card h2{font-size:var(--text-xl);margin-bottom:var(--space-3)}
.development-card__meta{font-size:var(--text-sm);color:var(--green-deep);margin-bottom:var(--space-5)}
.development-card__body>p:not(.eyebrow):not(.development-card__meta){color:var(--color-text-muted)}
.development-follow{display:flex;justify-content:space-between;gap:var(--space-8);align-items:center;padding:var(--space-10) 0 var(--space-16)}
.development-follow p{max-width:48ch;color:var(--color-text-muted);font-size:var(--text-sm)}
.development-follow .text-link{margin:0}
.development-panel-intro{margin-bottom:var(--space-6);color:var(--color-text-muted);font-size:var(--text-sm)}
.development-pending{background:var(--color-surface-2);border-radius:var(--radius-lg);padding:var(--space-12);margin-bottom:var(--space-16)}
.development-pending h2{font-size:var(--text-xl);margin-bottom:var(--space-5)}
.development-pending p:not(.eyebrow){color:var(--color-text-muted)}
@media(max-width:800px){.development-feature{align-items:flex-start;flex-direction:column;gap:var(--space-6)}}
@media(max-width:800px){.development-feature--previews{grid-template-columns:minmax(0,1fr)}.development-feature--previews>.btn{justify-self:start}.development-feature__previews{min-width:0;margin:var(--space-2) 0}.development-home-stack__card{width:57.5%}.development-home-stack__card:nth-child(3){left:21.2%}}
@media(max-width:680px){.development-intro{padding-top:var(--space-10)}.development-list{grid-template-columns:1fr;gap:var(--space-6)}.development-feature,.development-card__body{padding:var(--space-6)}.development-follow{align-items:flex-start;flex-direction:column;gap:var(--space-5)}.development-pending{padding:var(--space-8)}}
