/* Portfolio MASTA — October 2026 */
.section-frame{scroll-margin-top:24px}.site-header{grid-template-columns:auto 1fr auto;gap:24px}.site-header nav{justify-content:center;gap:20px}.portfolio,.platform{padding-top:85px;padding-bottom:85px}.heading-dot{color:var(--cyan)}.portfolio .section-heading h2,.platform .section-heading h2{font-size:clamp(2.5rem,5vw,5rem);letter-spacing:-.055em;line-height:1.03}.portfolio-meta{display:flex;flex-wrap:wrap;gap:12px 30px;border-top:1px solid var(--line);padding:22px 0 32px;color:#a9bdcd;font-size:.78rem}.portfolio-meta span:before{content:'●';color:var(--cyan);margin-right:10px;font-size:.5rem}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.work-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#07111d;transition:border-color .2s,transform .2s}.work-card:hover{border-color:#4194bd;transform:translateY(-3px)}.work-preview{display:block;position:relative;aspect-ratio:1265/712;overflow:hidden;background:#111c28}.work-preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .4s}.work-preview:hover img{transform:scale(1.025)}.work-open{position:absolute;bottom:15px;right:15px;border:1px solid #547181;background:#08121bea;padding:10px 15px;border-radius:30px;font-size:.75rem;font-weight:700;color:#fff}.work-body{padding:27px 30px}.work-category{font:600 .68rem ui-monospace,monospace;text-transform:uppercase;color:var(--cyan);letter-spacing:.13em}.work-body h3{margin:12px 0;font-size:1.5rem;letter-spacing:-.03em}.work-body>p:not(.work-category){color:#a8bac9;line-height:1.65;min-height:3.3em;font-size:.94rem}.work-links{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:19px}.work-links a{font-size:.86rem;text-decoration:none;color:#c9f2ff;padding:8px 0}.work-links .work-old{font-size:.74rem;color:#9caeba}.portfolio-note{color:#96aebe;font-size:.75rem;margin:25px 0 0}.platform{border-top:1px solid var(--line)}.platform-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:27px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(110deg,#0a2639,#07111d);margin-bottom:30px;font-weight:650;font-size:.9rem}.platform-flow b{color:var(--cyan)}.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.platform-card{padding:28px;border:1px solid var(--line);background:rgba(7,17,29,.92);border-radius:12px}.platform-card>span{color:var(--cyan);font:600 .66rem ui-monospace,monospace;letter-spacing:.16em}.platform-card h3{margin:24px 0 14px;font-size:1.2rem}.platform-card p{color:#a9bdcd;font-size:.88rem;line-height:1.75;margin-bottom:0}.platform-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px}.platform-bottom p{color:#9bb2c4;font-size:.85rem;line-height:1.8;margin:0}.platform-bottom strong{color:#e6f5ff}.project-cta{margin-top:70px;padding:40px;display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #327294;border-radius:16px;background:linear-gradient(120deg,#0b2b40,#09121d)}.project-cta h3{font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.04em;line-height:1.1;margin:0}a:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.matrix-rain{opacity:.22}
@media(max-width:1100px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-column:1/-1;grid-row:2;flex-wrap:wrap;justify-content:flex-start}.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.network-state{display:none}}
@media(max-width:680px){.portfolio,.platform{padding-top:55px;padding-bottom:55px}.work-grid,.platform-grid{grid-template-columns:1fr}.work-body{padding:22px}.work-body>p:not(.work-category){min-height:0}.platform-flow{display:grid;grid-template-columns:1fr 1fr;font-size:.8rem;padding:20px}.platform-flow b{display:none}.platform-bottom,.project-cta{align-items:stretch;flex-direction:column}.project-cta{padding:25px}.platform-bottom .button{white-space:normal;text-align:center}.site-header nav{gap:18px;display:flex}.site-header nav a{font-size:.65rem}.admin-button{font-size:.53rem}.portfolio .section-heading,.platform .section-heading{gap:20px}.work-open{padding:8px 12px}.hero{min-height:0}}
@media(prefers-reduced-motion:reduce){.work-card,.work-preview img{transition:none}.work-card:hover,.work-preview:hover img{transform:none}}