/* Stanley Mask — simple static site. Edit colours here. */
:root{--yellow:#ffd400;--ink:#111;--white:#fff;--muted:#5b6067;--border:#e6e6e6;--wash:#f7f7f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid #3469e6;outline-offset:4px}img{max-width:100%;height:auto}p{line-height:1.65}.container{width:min(1100px,calc(100% - 44px));margin-inline:auto}
/* Home */
.home{min-height:100vh;display:flex;flex-direction:column;background:var(--yellow)}.home-main{flex:1;display:grid;place-items:center;padding:60px 0}.home-inner{text-align:center;max-width:770px;margin:auto}.home-logo{width:min(660px,100%);display:block;margin:0 auto 65px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.home h1{font-size:clamp(2rem,4.5vw,3.7rem);line-height:1.1;letter-spacing:-.035em;margin:18px 0}.home .intro{font-size:clamp(1rem,2vw,1.15rem);max-width:560px;margin:0 auto 30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:17px 28px;min-height:54px;background:var(--ink);color:var(--white);text-decoration:none;font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--ink);transition:background .2s,color .2s,transform .2s}.btn:hover{background:transparent;color:var(--ink);transform:translateY(-2px)}.btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.home-footer{text-align:center;padding:22px 0;font-size:.77rem;color:#3a3300}
/* Certificates */
.site-header{background:var(--yellow);padding:25px 0;border-bottom:1px solid rgba(0,0,0,.12)}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:22px}.site-logo{display:block;width:220px}.back-link{font-size:.84rem;font-weight:bold;text-decoration:none}.back-link:hover{text-decoration:underline}.page-lead{padding:66px 0 44px}.section-kicker{margin:0 0 13px;font-size:.78rem;letter-spacing:.14em;font-weight:bold;text-transform:uppercase;color:#616161}.page-lead h1{font-size:clamp(2.1rem,4.8vw,3.8rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 20px}.page-lead .description{max-width:730px;margin:0;color:var(--muted);font-size:1.06rem}.count{margin:25px 0 0;font-size:.84rem;font-weight:bold}.cert-section{background:var(--wash);padding:34px 0 90px}.cert-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.cert-card{background:#fff;border:1px solid var(--border);border-top:6px solid var(--yellow);padding:28px;display:flex;flex-direction:column;min-height:285px}.pdf-label{display:flex;align-items:center;gap:9px;font-size:.71rem;letter-spacing:.09em;font-weight:800;color:#595959;text-transform:uppercase}.pdf-icon{width:28px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:#f1f1f1;color:#222;font-size:9px;font-weight:900;border:1px solid #ddd}.cert-card h2{font-size:1.29rem;letter-spacing:-.02em;margin:23px 0 9px}.cert-detail{color:var(--muted);font-size:.88rem;margin:0 0 15px;line-height:1.48}.cert-meta{font-size:.79rem;color:#444;margin:0 0 18px;line-height:1.6}.cert-link{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.85rem;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.cert-link:hover{color:#745f00}.fineprint{color:#5c6066;font-size:.84rem;margin:27px 0 0;max-width:850px}.site-footer{padding:26px 0;background:#121212;color:#ccc;font-size:.8rem}.site-footer .container{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.site-footer a{color:#fff}
@media(max-width:880px){.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.home-main{padding:48px 0}.home-logo{margin-bottom:45px}.header-inner{flex-direction:column;align-items:flex-start}.site-logo{width:195px}.page-lead{padding:45px 0 35px}.cert-section{padding:25px 0 60px}.cert-grid{grid-template-columns:1fr}.cert-card{min-height:240px}.container{width:min(1100px,calc(100% - 34px))}}