@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@300;400;500;600;700;800&display=swap');

html,body{margin:0;padding:0;background:#EFEBE6}
*{box-sizing:border-box}
body{-webkit-font-smoothing:antialiased}
a{color:#111;text-decoration:none}
a:hover{color:#111}
summary::-webkit-details-marker{display:none}
summary{list-style:none;cursor:pointer}
details[open] .om-chev{transform:rotate(180deg);background:#D7F250}
details[open] .om-q{opacity:1}
.om-mq{animation:om-marquee 34s linear infinite}
@keyframes om-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes om-rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes om-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

#mobileMenu.open{display:flex !important}

/* highlight current page in the menu */
#mobileMenu nav a.current{color:#D7F250 !important}

.placeholder-hero{position:relative;min-height:52vh;display:flex;flex-direction:column;justify-content:center;padding:clamp(120px,18vh,180px) clamp(20px,5vw,72px) clamp(48px,8vh,90px);background:#0b0b0b;color:#fff}
.placeholder-body{padding:clamp(56px,9vh,110px) clamp(20px,5vw,72px);max-width:1500px;margin:0 auto}