.technical-portfolio{background:#07111d;color:#eef5fb;border-top:1px solid rgba(255,255,255,.08)}
.technical-portfolio .section-heading{margin-bottom:5rem}
.portfolio-case{display:grid;grid-template-columns:minmax(230px,.75fr) minmax(0,2fr);gap:clamp(2rem,5vw,5.5rem);padding:4.5rem 0;border-top:1px solid rgba(255,255,255,.13)}
.case-intro{position:sticky;top:7rem;align-self:start}
.case-intro>p:first-child{margin:0 0 .75rem;color:#38d5ff;font:600 .72rem/1.2 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.case-intro h3{margin:0 0 .65rem;font:600 clamp(1.55rem,2.4vw,2.35rem)/1.06 "Space Grotesk",sans-serif}
.case-intro>span{display:block;margin-bottom:1.5rem;color:#a8bbca;font-weight:600}
.case-intro>p:not(:first-child){color:#a8bbca;line-height:1.75}
.case-intro ul{padding-left:1.1rem;color:#d9e4eb;line-height:1.65}
.portfolio-sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.portfolio-sheets figure{margin:0;background:#101e2b;border:1px solid rgba(255,255,255,.1);overflow:hidden}
.portfolio-sheets figure.feature{grid-column:1/-1}
.portfolio-sheets img{display:block;width:100%;aspect-ratio:1.4/1;object-fit:cover;background:#fff;transition:transform .4s ease}
.portfolio-sheets .schedule-sheet img{aspect-ratio:2/1;object-fit:contain}
.portfolio-sheets figure:hover img{transform:scale(1.015)}
.portfolio-sheets figcaption{padding:.75rem 1rem;color:#b9cad6;font-size:.78rem;letter-spacing:.04em}
.render-grid img{aspect-ratio:16/9}
@media(max-width:850px){.portfolio-case{grid-template-columns:1fr}.case-intro{position:static}.technical-portfolio .section-heading{margin-bottom:2rem}}
@media(max-width:580px){.portfolio-sheets{grid-template-columns:1fr}.portfolio-sheets figure.feature{grid-column:auto}.portfolio-case{padding:3rem 0}}