*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease,color var(--transition-speed) ease}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{background-color:var(--surface);color:var(--on-surface);font-family:var(--font-sans);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-0.02em;line-height:1.1}a{color:var(--primary);text-decoration:none;transition:opacity var(--transition-speed)}a:hover{opacity:0.8}img{max-width:100%;height:auto;display:block}