/*
Theme Name: My Website
Theme URI: https://dweetmedia.com/themes/my-website
Author: DNA Builder
Author URI: https://dweetmedia.com
Description: Custom theme generated by DNA Builder for My Website.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: my-website
*/

/* Base resets so inline styles render predictably inside WP */
*{box-sizing:border-box}
html{font-size:17px}
body{margin:0;font-family:'DM Sans',sans-serif;line-height:1.6;color:#1a1a2e;font-size:17px}
h1,h2,h3,h4,h5,h6{margin:0;font-family:'Outfit',sans-serif}
p{margin:0}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.grid-asym{display:grid;grid-template-columns:3fr 2fr;gap:32px;align-items:start}
.btn:hover{transform:translateY(-1px);opacity:.95}
.card:hover{transform:translateY(-2px);transition:transform .2s}
.anim-ready{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.anim-in{opacity:1;transform:none}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marquee-wrap{overflow:hidden;mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}
@media(max-width:768px){section [style*="grid-template-columns"]{grid-template-columns:1fr !important}}