/* MTWH — shared site CSS. Linked from every page's <helmet>.
   Single source of truth for resets, fonts, form-control normalisation and
   the shared keyframes used by the Header (scroll dot) and Marquee. */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Cormorant+Garamond:wght@500;600&family=Pinyon+Script&display=swap');

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

.mtwh-track { scrollbar-width: none; -ms-overflow-style: none; }
.mtwh-track::-webkit-scrollbar { display: none; }

input::placeholder, textarea::placeholder { color: #A6AAB4; opacity: 1; }
select { -webkit-appearance: none; appearance: none; }

@keyframes mtwh-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes mtwh-scrolldot { 0% { transform: translateY(0); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(46px); opacity: 0; } }