/* Muno page layout shared by the generated pages (home, what we do, success stories, industries, book,
   privacy, 404). Chrome (nav, menu, buttons, footer, rows, FAQ) and the colour tokens live in site.css.
   Hard rules: no small labels above headings, no small caption text, text spans the full content width. */

:root{--display:'Bricolage Grotesque',system-ui,-apple-system,sans-serif;--body:'Instrument Sans',system-ui,-apple-system,sans-serif;
  --mono:'Space Mono',ui-monospace,monospace}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--bg);scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--ink);font-family:var(--body);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:2px}
img{display:block;max-width:100%}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--pad)}
h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;color:var(--ink)}
.sec h2,.cta-block h2{color:var(--gold)}

/* page header */
.top{padding:clamp(128px,19vh,180px) 0 clamp(36px,6vh,60px)}
.top h1{font-size:clamp(38px,11vw,110px);overflow-wrap:break-word}
.lede{font-size:clamp(17px,4.2vw,21px);line-height:1.6;margin-top:22px}

/* sections */
.sec{padding-block:clamp(48px,8vh,88px);border-top:1px solid var(--line)}
.sec h2{font-size:clamp(28px,7vw,58px)}
.sec h2 + .lede{margin-top:16px}
.sec .rows{margin-top:clamp(22px,3.4vh,32px)}
.end{margin-top:clamp(24px,3.6vh,34px)}

/* closing call to action */
.cta-block{padding-block:clamp(60px,10vh,100px);border-top:1px solid var(--line)}
.cta-block h2{font-size:clamp(34px,9vw,80px)}
.cta-block p{font-size:clamp(17px,4.2vw,21px);line-height:1.6;margin-top:18px}
.cta-block .ctas{margin-top:28px}

/* long-form text (privacy) */
.doc h2{font-size:clamp(22px,5vw,32px);margin:clamp(30px,5vh,44px) 0 12px}
.doc p,.doc li{font-size:17px;line-height:1.7}
.doc p+p{margin-top:12px}
.doc ul{margin:10px 0 0 20px}
.doc li+li{margin-top:6px}
.doc a{text-decoration:underline;text-underline-offset:3px;color:var(--gold)}