/* metachem.org — base styles (replaces the Squarespace theme CSS). Page blocks carry their own styles. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:#182636;font-family:Manrope,Figtree,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
a{color:#0284c7}
h1,h2,h3,h4{font-family:Poppins,Figtree,system-ui,sans-serif;line-height:1.2;margin:0 0 .5em;color:#182636}
h1{font-size:2.2rem;font-weight:700}h2{font-size:1.6rem;font-weight:700}h3{font-size:1.2rem;font-weight:600}h4{font-size:1rem;font-weight:600}
button,input,select,textarea{font:inherit}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#siteWrapper{min-height:100vh;display:flex;flex-direction:column}
main#page{flex:1 0 auto}
/* ---- header (same class names as the old site so the site scripts keep working) ---- */
#header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 0 #e7eaf1,0 10px 30px #1522380d}
#header .header-skip-link{position:absolute;left:-9999px}
#header .header-inner{max-width:1161px;margin:0 auto;padding:0 24px}
#header .header-display-desktop{display:flex;align-items:center;justify-content:space-between;min-height:84px;gap:16px}
#header .header-title-nav-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px}
#header .header-title-logo a{display:inline-flex;align-items:center}
#header .header-title-logo img{height:60px;width:auto;display:block;border-radius:12px}
#header .header-nav-list{display:flex;align-items:center;gap:2px;flex-wrap:nowrap}
#header .header-nav-item{position:relative;margin:0}
#header .header-nav-item>a,#header .header-nav-folder-title{display:inline-flex;align-items:center;gap:6px;font-family:Figtree,Poppins,system-ui,sans-serif;font-size:15px;font-weight:600;color:#182636;text-decoration:none;padding:8px 11px;border-radius:10px;white-space:nowrap;line-height:1.2;transition:background .15s,color .15s}
#header .header-nav-item>a:hover,#header .header-nav-folder-title:hover{background:#f0f9ff;color:#0284c7}
#header .header-nav-item--active>a{background:#e6f4fb;color:#0284c7}
#header .header-nav-folder-content{position:absolute;top:100%;left:0;min-width:230px;background:#fff;border:1px solid #e7eaf1;border-radius:14px;box-shadow:0 18px 40px rgba(15,23,42,.14);padding:8px;display:none;z-index:1001}
#header .header-nav-item--folder:hover .header-nav-folder-content,#header .header-nav-item--folder:focus-within .header-nav-folder-content,#header .header-nav-item--folder.open .header-nav-folder-content{display:block}
#header .header-nav-folder-item a{display:block;padding:9px 12px;border-radius:9px;color:#182636;font-size:14.5px;font-weight:600;text-decoration:none}
#header .header-nav-folder-item a:hover{background:#f0f9ff;color:#0284c7}
#header .header-display-mobile{display:none;align-items:center;justify-content:space-between;min-height:64px;gap:8px}
#header .header-display-mobile .header-title-nav-wrapper{flex:1 1 auto;min-width:0}
#header .header-display-mobile .header-title-logo img{height:46px}
#header .header-burger{display:flex;align-items:center;flex:0 0 auto}
#header .header-burger-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:0;border-radius:50%}
#header .burger-inner{display:grid;gap:5px;width:24px}
#header .burger-inner>div{height:2px;background:#182636;border-radius:2px;transition:transform .2s,opacity .2s}
body.header--menu-open .burger-inner>div:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.header--menu-open .burger-inner>div:nth-child(2){opacity:0}
body.header--menu-open .burger-inner>div:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
/* mobile menu overlay */
.header-menu{display:none;position:fixed;inset:0;top:64px;z-index:999;overflow:auto;-webkit-overflow-scrolling:touch}
body.header--menu-open .header-menu{display:block}
body.header--menu-open{overflow:hidden}
.header-menu .header-menu-bg{position:absolute;inset:0;background:#fff}
.header-menu .header-menu-nav{position:relative;padding:12px 0 120px}
.header-menu .header-menu-nav-wrapper{display:flex;flex-direction:column}
.header-menu .header-menu-nav-item a{display:block;padding:14px 6vw;font-family:Figtree,Poppins,system-ui,sans-serif;font-size:21px;font-weight:650;color:#182636;text-decoration:none}
.header-menu .header-menu-nav-item--active a{color:#0284c7}
.header-menu .header-menu-nav-item--sub a{font-size:17px;padding:10px 6vw 10px calc(6vw + 14px);color:#334155}
.header-menu .header-menu-section{padding:16px 6vw 4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#64748b;font-weight:700}
@media (max-width:900px){#header .header-display-desktop{display:none}#header .header-display-mobile{display:flex}}
@media (min-width:901px){.header-menu{display:none!important}}
/* ---- page body ---- */
.page-section{position:relative}
.page-section .content-wrapper{max-width:1113px;margin:0 auto;padding:40px 24px}
.fluid-engine{display:block}
.sqs-block{position:relative}
.sqs-html-content :is(p,li){font-size:17px;line-height:1.7}
/* ---- footer host (the site script fills it) ---- */
#footer-sections{margin-top:auto}
/* ---- plain pages written for the new site ---- */
.mc-team{max-width:1113px;margin:0 auto;padding:40px 24px 64px}
.mc-team h1{text-align:center;font-size:2.4rem;margin-bottom:34px}
.mc-team .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:26px}
.mc-team .m{text-align:center}
.mc-team .m img,.mc-team .m .ph{width:170px;height:170px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 14px;background:#e6f4fb;box-shadow:0 10px 26px rgba(15,23,42,.12)}
.mc-team .m .ph{display:grid;place-items:center;font:700 44px Poppins,system-ui,sans-serif;color:#0284c7}
.mc-team .m h3{margin:0 0 4px;font-size:1.1rem}
.mc-team .m p{margin:0;font-size:14.5px;color:#536376;line-height:1.5}
.mc-cart-page{max-width:720px;margin:0 auto;padding:48px 24px 64px;text-align:center}
.mc-cart-page .btn{display:inline-block;margin:8px 6px;padding:12px 22px;border-radius:12px;background:#0284c7;color:#fff;font-weight:700;text-decoration:none}
.mc-cart-page .btn.alt{background:#fff;color:#0284c7;border:1.5px solid #0284c7}
.mc-404{max-width:720px;margin:0 auto;padding:64px 24px;text-align:center}
/* ---- cookie notice (replaces the Squarespace cookie banner) ---- */
#mcCookie{position:fixed;left:16px;right:16px;bottom:calc(16px + var(--mca-raise,0px));z-index:99996;max-width:520px;margin:0 auto;background:#121c30;color:#e8edf5;border-radius:14px;padding:14px 16px;box-shadow:0 14px 40px rgba(0,0,0,.35);font:14px/1.5 Figtree,system-ui,sans-serif;display:none;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
#mcCookie.on{display:flex}
#mcCookie span{flex:1 1 240px}
#mcCookie a{color:#7dd3fc}
#mcCookie button{border:0;border-radius:999px;padding:9px 14px;font:700 13.5px Figtree,system-ui,sans-serif;cursor:pointer}
#mcCookie .ok{background:#0284c7;color:#fff}#mcCookie .no{background:#26394f;color:#e8edf5}
@media (max-width:640px){#mcCookie{bottom:calc(76px + var(--mca-raise,0px) + env(safe-area-inset-bottom,0px))}}
/* My Workshops: the old page had a fixed header, so the portal padded itself; the new header is sticky */
#mcaPortal{padding-top:28px!important}

/* mobile header fix 2611032120 */
#header .header-display-mobile>*{flex:0 0 auto}
#header .header-display-mobile .header-title-nav-wrapper{flex:1 1 auto;min-width:52px}
#header .header-display-mobile .header-title-logo a{flex:0 0 auto}
#header .header-display-mobile .header-title-logo img{height:44px;width:44px;max-width:none}
@media (max-width:600px){#header .header-inner{padding:0 10px}#header .header-display-mobile{gap:4px}}