/* SITE-WIDE FOOTER — ONE footer, every page (Founder order 2026-09-02: "fix all the footers on every
   page ... correct and across ... appear on every page ... look correct on every device").
   This is the July 4 homepage footer (markup, legal fine print and look, verbatim). Every page loads
   this sheet LAST and every declaration is !important on purpose: forty-one pages carry forty-one
   different stylesheets (uppercase .brand here, centered footer there, orange --gold on a founder
   desk), and the footer must look identical on all of them. Colors are the July 4 tokens written
   out, so no page variable can recolor it. Self-contained: static pages, test tools, founder desks
   and generated pages (report, brand card) all wear exactly this. */
/* the footer's typeface travels with it — the site's own self-hosted Inter (same files the homepage uses),
   so a page that never loads Inter still sets the footer in Inter. Absolute paths: generated pages too. */
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/inter-latin-800-normal.woff2') format('woff2')}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
/* short pages: the footer sits at the bottom of the screen instead of floating mid-screen on a tall monitor
   or an iPad Pro. The body only gains a minimum height (its layout is untouched); the footer is sticky with
   top:100vh, which the browser clamps to the end of the body — so on a short page it rests on the bottom edge
   of the screen, and on a long page it simply follows the content. Checked on every page 2026-09-02. */
body{min-height:100vh!important;min-height:100svh!important}
footer.smn-footer,footer.smn-footer *{box-sizing:border-box!important;min-width:0!important;animation:none!important;transition:none!important;transform:none!important;filter:none!important;text-shadow:none!important;box-shadow:none!important;float:none!important;visibility:visible!important;opacity:1!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important}
footer.smn-footer{display:block!important;position:-webkit-sticky!important;position:sticky!important;top:100vh!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;overflow:hidden!important;background:#FFFFFF!important;color:#171410!important;border:0!important;border-top:1px solid #E6D9BA!important;border-radius:0!important;margin:0!important;padding:0!important;font-size:14.5px!important;font-weight:500!important;font-style:normal!important;line-height:1.5!important;letter-spacing:0!important;word-spacing:normal!important;text-transform:none!important;text-align:left!important;text-decoration:none!important;white-space:normal!important;flex:none!important;clear:both!important;z-index:auto!important}
footer.smn-footer .in{display:block!important;max-width:1180px!important;width:auto!important;margin:0 auto!important;padding:clamp(48px,6vw,64px) 24px 34px!important;background:transparent!important;border:0!important;text-align:left!important}
footer.smn-footer .footGrid{display:grid!important;grid-template-columns:1.5fr repeat(4,1fr)!important;gap:34px!important;margin:0!important;padding:0!important;width:auto!important;max-width:none!important;background:transparent!important;border:0!important}
footer.smn-footer .footGrid>div{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;text-align:left!important;color:#171410!important;grid-column:auto!important}
/* wordmark — the July 4 homepage mark: gold spark, SPARK MY NAME in caps, gold MY, small ™ */
footer.smn-footer .footGrid a.brand{display:inline-flex!important;align-items:center!important;gap:9px!important;width:auto!important;min-height:0!important;margin:0!important;padding:0!important;font-size:20px!important;font-weight:800!important;font-style:normal!important;line-height:1!important;letter-spacing:.10em!important;text-transform:uppercase!important;color:#171410!important;text-decoration:none!important;white-space:nowrap!important;background:transparent!important;border:0!important;border-radius:0!important}
footer.smn-footer .brand .mk{display:inline-block!important;color:#A8802A!important;font-size:22px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;transform:translateY(-1px)!important}
footer.smn-footer .brand em{display:inline!important;font-style:normal!important;font-weight:800!important;color:#7E6018!important;margin:0!important;padding:0!important;background:transparent!important} /* CONTRAST FIX (2026-09-04): #A8802A was 3.62:1 at this text size (footer "MY" wordmark), fails WCAG AA; #7E6018 (cinema.css's --gold-deep, "AA on white") is 5.88:1 */
footer.smn-footer .brand sup{display:inline!important;font-size:9px!important;font-weight:700!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;color:#5C5340!important;margin:0 0 0 2px!important;padding:0!important;position:static!important;background:transparent!important}
/* column links */
footer.smn-footer .footGrid a:not(.brand){display:block!important;width:auto!important;min-height:0!important;margin:0!important;padding:9px 0!important;font-size:14.5px!important;font-weight:500!important;font-style:normal!important;line-height:1.5!important;letter-spacing:0!important;text-transform:none!important;text-decoration:none!important;text-align:left!important;color:#3E3A32!important;background:transparent!important;border:0!important;border-radius:0!important;white-space:normal!important;transition:color .15s!important}
footer.smn-footer a:focus-visible{outline:2px solid #A8802A!important;outline-offset:2px!important;border-radius:4px!important}
footer.smn-footer .footGrid p{display:block!important;font-size:14.5px!important;font-weight:500!important;font-style:normal!important;line-height:1.65!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;color:#3E3A32!important;max-width:34ch!important;width:auto!important;margin:12px 0 0!important;padding:0!important;background:transparent!important;border:0!important}
footer.smn-footer .footGrid b{display:block!important;font-size:12.5px!important;font-weight:800!important;font-style:normal!important;line-height:1!important;letter-spacing:.16em!important;text-transform:uppercase!important;text-align:left!important;color:#171410!important;width:auto!important;margin:0 0 14px!important;padding:0!important;background:transparent!important;border:0!important}
/* legal fine print — verbatim, never restyled by a page */
footer.smn-footer .footFine{display:block!important;margin:44px 0 0!important;padding:26px 0 0!important;border:0!important;border-top:1px solid #ECE7DB!important;font-size:12.5px!important;font-weight:500!important;font-style:normal!important;line-height:1.85!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;color:#5C5340!important;max-width:88ch!important;width:auto!important;background:transparent!important;overflow-wrap:anywhere!important;white-space:normal!important}
footer.smn-footer .footFine .patent{display:inline!important;font-size:inherit!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;color:#3E3A32!important;background:transparent!important}
footer.smn-footer .footFine br{display:inline!important}
footer.smn-footer .footFine a{color:#3E3A32!important;text-decoration:underline!important}
/* tablets and small laptops: two columns, the studio blurb across the top */
@media(max-width:960px){footer.smn-footer .footGrid{grid-template-columns:1fr 1fr!important;gap:28px!important}footer.smn-footer .footGrid>div:first-child{grid-column:1/-1!important}}
/* handhelds: one column, the July 4 phone wordmark size, comfortable 44px thumb targets */
@media(max-width:560px){footer.smn-footer .footGrid{grid-template-columns:1fr!important;gap:22px!important}footer.smn-footer .footGrid>div:first-child{grid-column:auto!important}footer.smn-footer .footGrid a.brand{font-size:17px!important;min-height:44px!important}footer.smn-footer .footGrid a:not(.brand){display:flex!important;align-items:center!important;padding:11px 0!important;min-height:44px!important}footer.smn-footer .footFine{margin-top:30px!important}}
/* the narrowest screens (320-360): a little less side padding, nothing clips */
@media(max-width:360px){footer.smn-footer .in{padding-left:16px!important;padding-right:16px!important}}
/* wide desktops: the footer stays a readable measure, centered */
@media(min-width:1600px){footer.smn-footer .in{max-width:1280px!important}}
/* printing: the legal lines print, the link columns do not */
@media print{footer.smn-footer .footGrid{display:none!important}footer.smn-footer .footFine{margin-top:0!important;border-top:0!important}}

@media (hover:hover) and (pointer:fine){
footer.smn-footer .footGrid a:not(.brand):hover{color:#7E6018!important}
}