/* SN87 Media Kit page. Hand-written; scripts/build-media-kit.mjs writes index.html only. */
.mk-body{margin:0;background:#060f1c;color:#f2ede0}
.mk-wrap{max-width:var(--sn87-max,1200px);margin:0 auto;padding:clamp(32px,6vw,72px) var(--sn87-gutter,16px) 24px}
.mk-wrap .sn87-h1{margin-top:12px;font-size:clamp(36px,7vw,64px)}
.mk-wrap .sn87-lede{margin:20px 0 0}
.mk-hero-cta{margin:32px 0 0}
.mk-big{box-sizing:border-box;width:100%;max-width:560px;min-height:64px;padding:16px 24px;font-size:clamp(16px,4.4vw,20px);text-align:center}
.mk-note{margin:12px 0 0;font:400 14px/1.5 var(--sn87-sans,system-ui,sans-serif);color:var(--sn87-muted,#a9b7c6)}
.mk-sec{margin-top:clamp(40px,7vw,72px)}
.mk-sec .sn87-h2{font-size:clamp(26px,4.5vw,36px)}
.mk-sub{margin:12px 0 0;max-width:68ch;font:400 16px/1.6 var(--sn87-sans,system-ui,sans-serif);color:var(--sn87-body,#c6d0dc)}
.mk-sub a,.mk-files a,.mk-doc a{color:var(--sn87-link,#8fc0ea);text-underline-offset:3px}
.mk-sub a{display:inline-block;padding:10px 2px}
.mk-grid{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}
.mk-card,.mk-logo{display:flex;flex-direction:column;min-width:0;background:rgba(12,30,56,.55);border:1px solid var(--sn87-hair,rgba(110,137,166,.28));border-radius:2px;overflow:hidden}
.mk-thumb{display:block;background:#0c1e38;line-height:0}
.mk-thumb img{display:block;width:100%;height:auto}
.mk-shots{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr))}
.mk-tall .mk-thumb{max-height:360px;overflow:hidden}
.mk-tall .mk-thumb img{width:100%;height:360px;object-fit:cover;object-position:top}
.mk-logos{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.mk-logo-tile{display:flex;align-items:center;justify-content:center;height:200px;background:#0b1626}
.mk-logo-tile img{display:block;max-width:132px;max-height:132px;width:auto;height:auto}
.mk-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px;padding:8px 14px 10px;font:500 14px/1.4 var(--sn87-sans,system-ui,sans-serif);color:var(--sn87-ivory,#f2ede0)}
.mk-links{display:flex;flex-wrap:wrap;gap:0 14px}
.mk-dl{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--sn87-link,#8fc0ea);text-underline-offset:3px}
.mk-dl:hover{color:var(--sn87-focus,#e9cb7f)}
.mk-size{font:400 12px/1.4 var(--sn87-mono,ui-monospace,monospace);color:var(--sn87-muted,#a9b7c6)}
.mk-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.mk-doc{margin-top:32px;padding:20px clamp(16px,3vw,28px) 24px;background:rgba(12,30,56,.55);border:1px solid var(--sn87-hair,rgba(110,137,166,.28));border-radius:2px;font:400 16px/1.6 var(--sn87-sans,system-ui,sans-serif);color:var(--sn87-body,#c6d0dc)}
.mk-doc-head,.mk-snippet-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.mk-doc h3{margin:0;font:400 clamp(22px,3vw,28px)/1.2 var(--sn87-serif,Georgia,serif);color:var(--sn87-ivory,#f2ede0)}
.mk-doc h4{margin:24px 0 8px;font:500 13px/1.4 var(--sn87-mono,ui-monospace,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--sn87-gold,#c9a24a)}
.mk-snippet{margin-top:8px;padding-top:4px;border-top:1px solid var(--sn87-line,#22344f)}
.mk-snippet h4{margin:16px 0 8px}
.mk-doc p{margin:8px 0;max-width:72ch}
.mk-doc ul,.mk-doc ol{margin:8px 0;padding-left:1.4em;max-width:72ch}
.mk-doc li{margin:6px 0}
.mk-doc strong{color:var(--sn87-ivory,#f2ede0);font-weight:600}
.mk-doc code{font:400 .92em var(--sn87-mono,ui-monospace,monospace)}
.mk-tablewrap{overflow-x:auto;margin:12px 0;-webkit-overflow-scrolling:touch}
.mk-doc .sn87-table{border-collapse:collapse;width:100%;min-width:420px;font-size:15px}
.mk-doc .sn87-table th[scope="row"]{font:600 15px/1.5 var(--sn87-sans,system-ui,sans-serif);letter-spacing:0;text-transform:none;color:var(--sn87-ivory,#f2ede0);padding:8px;border-bottom:1px solid var(--sn87-line,#22344f)}
.mk-copy{min-height:44px;padding:8px 14px;font-size:13px}
.mk-copy[data-state="done"]{border-color:var(--sn87-ok,#8fd6a8);color:var(--sn87-ok,#8fd6a8)}
.mk-h3{margin:40px 0 0;font:400 22px/1.2 var(--sn87-serif,Georgia,serif);color:var(--sn87-ivory,#f2ede0)}
.mk-files{list-style:none;margin:12px 0 0;padding:0}
.mk-files li{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;min-height:44px}
.mk-files a{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1 var(--sn87-mono,ui-monospace,monospace)}
.mk-contact{margin:0}
.mk-email{user-select:all;-webkit-user-select:all;color:var(--sn87-ivory,#f2ede0);font-family:var(--sn87-mono,ui-monospace,monospace)}
@media (max-width:560px){.mk-grid,.mk-shots,.mk-logos{grid-template-columns:minmax(0,1fr)}.mk-doc{padding:16px}}