/* Makers Machines — components for merged content (video evidence, specs, interviews) */
/* Extends assets/site.css design tokens: --ink, --ink-2, --paper, --paper-2, --mint, --line, --dark-line */

.mm-media-section{background:var(--ink-2)}
.mm-media-section.on-paper{background:var(--paper);color:var(--ink)}

.mm-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}
.mm-video-card{background:var(--ink-2)}
.mm-video-card video{width:100%;background:#000;display:block}
.mm-video-card .mm-cap{padding:14px 16px;color:#95a89f;font:500 12px Manrope,sans-serif}

.mm-notice{border:1px dashed var(--line);background:#ffffff0d;color:#9fb1a8;padding:22px 26px;margin-top:40px;font-size:13px;line-height:1.7}
.mm-media-section.on-paper .mm-notice{border-color:var(--dark-line);background:#06171408;color:#596963}
.mm-notice strong{color:var(--mint);display:block;margin-bottom:6px;font:600 11px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.mm-media-section.on-paper .mm-notice strong{color:#267a59}

.mm-spec-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px}
.mm-spec-item{background:var(--ink-2);padding:26px 28px}
.mm-spec-item .k{color:var(--mint);text-transform:uppercase;letter-spacing:.1em;font:600 10px Manrope,sans-serif;margin-bottom:8px}
.mm-spec-item .v{font:500 16px Manrope,sans-serif;color:#e7efe9}

.mm-interview-grid{margin-top:55px;display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line)}
.mm-interview-card{background:var(--ink-2);padding:34px 36px}
.mm-interview-card h3{font:600 22px Manrope,sans-serif;margin-bottom:4px}
.mm-interview-card .mm-role{color:var(--mint);text-transform:uppercase;letter-spacing:.1em;font:600 10px Manrope,sans-serif;margin-bottom:18px;display:block}
.mm-interview-card video{width:100%;max-width:520px;margin-bottom:16px}
.mm-parts{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.mm-parts .mm-parts-label{color:#7c8f86;font-size:11px;margin-right:4px}
.mm-parts a{border:1px solid var(--line);color:#c6d2cd;padding:6px 12px;font-size:11px;text-decoration:none}
.mm-parts a:hover{color:var(--mint);border-color:#a9f26a66}

.mm-prototype-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--dark-line);border:1px solid var(--dark-line);margin-top:50px}
.mm-prototype{background:var(--paper-2);padding:32px}
.mm-prototype h3{font:600 20px Manrope,sans-serif;margin-bottom:14px}
.mm-prototype ul{list-style:none}
.mm-prototype li{border-bottom:1px solid var(--dark-line);padding:9px 0;font-size:13px;color:#52625c}
.mm-prototype li:last-child{border-bottom:none}
.mm-prototype .mm-status{margin-top:16px;font:600 10px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#267a59}

.mm-badge{display:inline-block;border:1px solid #a9f26a66;color:var(--mint);padding:8px 16px;font:600 10px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.1em;margin-top:20px}

.mm-contact-form{max-width:520px;margin-top:26px;display:flex;flex-direction:column;gap:14px}
.mm-contact-form input,.mm-contact-form textarea{background:#ffffff14;border:1px solid var(--line);color:var(--white);padding:14px 16px;font:14px/1.4 Manrope,sans-serif}
.mm-contact-form textarea{min-height:130px;resize:vertical}
.mm-contact-form button{align-self:flex-start;border:none;cursor:pointer}
.mm-contact-form button[disabled]{opacity:.6;cursor:default}
.mm-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none}
.mm-form-status{margin:2px 0 0;font:500 13px/1.6 Manrope,sans-serif}
.mm-form-status.is-ok{color:var(--mint)}
.mm-form-status.is-err{color:#ff8f6b}

.mm-chain{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.mm-chain span{padding:9px 16px;border:1px solid var(--line);font-size:.82rem;color:#aebbb5}
.mm-chain span.on{color:var(--mint);border-color:#a9f26a66;font-weight:600}
.mm-chain .mm-arrow{color:#5f7a70;align-self:center}
.mm-media-section.on-paper .mm-chain span{border-color:var(--dark-line);color:#596963}
.mm-media-section.on-paper .mm-chain span.on{color:#267a59;border-color:#267a5966}
.mm-media-section.on-paper .mm-chain .mm-arrow{color:#b9c2bc}

.mm-video-stack{display:flex;flex-direction:column;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:55px}
.mm-video-row{background:var(--ink-2);display:grid;grid-template-columns:200px 1fr;gap:28px;padding:22px 26px;align-items:center}
.mm-video-thumb{position:relative;cursor:pointer;background:#000;overflow:hidden;border:1px solid var(--line);height:120px}
.mm-video-thumb video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.mm-video-thumb .mm-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(#00000000,#00000059)}
.mm-video-thumb .mm-play i{width:46px;height:46px;border-radius:50%;background:#03100dc9;border:1px solid #a9f26a80;color:var(--mint);display:flex;align-items:center;justify-content:center;font-size:15px;font-style:normal;transition:transform .2s,background .2s}
.mm-video-thumb:hover .mm-play i{transform:scale(1.08);background:#03100d}
.mm-video-info h3{font:600 16px Manrope,sans-serif;margin-bottom:6px;color:#e7efe9}
.mm-video-info .mm-timestamp{color:var(--mint);text-transform:uppercase;letter-spacing:.09em;font:600 9px Manrope,sans-serif;display:block;margin-bottom:8px}
.mm-video-info p{color:#8fa39a;font-size:13px;line-height:1.65;margin:0}
.mm-media-section.on-paper .mm-video-info h3{color:var(--ink)}
.mm-media-section.on-paper .mm-video-info p{color:#596963}
.mm-media-section.on-paper .mm-video-info .mm-timestamp{color:#267a59}
.mm-media-section.on-paper .mm-video-row{background:var(--paper-2)}
.mm-media-section.on-paper .mm-video-stack{background:var(--dark-line);border-color:var(--dark-line)}

.mm-lightbox{position:fixed;inset:0;background:#03100df0;z-index:200;display:none;align-items:center;justify-content:center;padding:40px}
.mm-lightbox.mm-open{display:flex}
.mm-lightbox-inner{max-width:900px;width:100%;position:relative}
.mm-lightbox video{width:100%;max-height:78vh;background:#000;display:block}
.mm-lightbox-close{position:absolute;top:-46px;right:0;background:none;border:1px solid var(--line);color:var(--white);width:38px;height:38px;cursor:pointer;font-size:16px;line-height:1}
.mm-lightbox-close:hover{border-color:#a9f26a80;color:var(--mint)}
.mm-lightbox-meta{margin-top:16px}
.mm-lightbox-meta h3{font:600 18px Manrope,sans-serif;color:#e7efe9;margin-bottom:6px}
.mm-lightbox-meta p{color:#95a89f;font-size:13px;line-height:1.6}

/* Awards / recognition slider */
.mm-slider{margin-top:48px;outline:none}
.mm-slider-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-bottom:4px;scrollbar-width:none}
.mm-slider-track::-webkit-scrollbar{display:none}
.mm-slide{flex:0 0 auto;width:300px;scroll-snap-align:center;margin:0}
.mm-slide .mm-slide-img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:50% 16%;background:var(--ink-2);border:1px solid var(--line);display:block}
.mm-slide figcaption{margin-top:12px;color:#9fb1a8;font:500 12px/1.55 Manrope,sans-serif}
.mm-slide figcaption b{display:block;color:#e7efe9;font-weight:600;margin-bottom:2px}
.mm-slider-nav{display:flex;align-items:center;gap:12px;margin-top:22px}
.mm-slider-btn{width:44px;height:44px;flex:0 0 auto;border:1px solid var(--line);background:#ffffff0d;color:var(--white);cursor:pointer;font:400 18px/1 Manrope,sans-serif;display:flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,background .2s}
.mm-slider-btn:hover{border-color:#a9f26a66;color:var(--mint)}
.mm-slider-btn[disabled]{opacity:.32;cursor:default}
.mm-slider-btn[disabled]:hover{border-color:var(--line);color:var(--white)}
.mm-slider-dots{display:flex;gap:8px;margin-left:auto}
.mm-slider-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff33;cursor:pointer;transition:background .2s,transform .2s}
.mm-slider-dots button.is-active{background:var(--mint);transform:scale(1.35)}
.mm-media-section.on-paper .mm-slide .mm-slide-img{background:var(--paper-2);border-color:var(--dark-line)}
.mm-media-section.on-paper .mm-slide figcaption{color:#596963}
.mm-media-section.on-paper .mm-slide figcaption b{color:var(--ink)}
.mm-media-section.on-paper .mm-slider-btn{border-color:var(--dark-line);background:#06171408;color:var(--ink)}
.mm-media-section.on-paper .mm-slider-dots button{background:#06171426}
@media (width<=720px){.mm-slide{width:78vw;max-width:320px}}

/* Gallery used in place of a detail-page hero image */
.detail-gallery{margin-top:75px}
@media (width<=720px){.detail-gallery{margin-top:50px}}


@media (width<=900px){
  .mm-video-grid{grid-template-columns:repeat(2,1fr)}
  .mm-spec-strip,.mm-prototype-grid{grid-template-columns:1fr}
}
@media (width<=720px){
  .mm-video-grid{grid-template-columns:1fr}
  .mm-video-row{grid-template-columns:1fr;gap:14px}
  .mm-video-thumb{height:190px}
  .mm-lightbox{padding:20px}
  .mm-lightbox-close{top:-40px}
}