/*
Theme Name: 3D Material Science
Description: Single-page block theme for 3D Material Science Company LLC.
Version: 1.0.1
Requires at least: 6.4
License: GNU General Public License v2 or later
Text Domain: matsci
*/

html { scroll-behavior: smooth; }
:where(section, .wp-block-group)[id] { scroll-margin-top: 80px; }

.site-header { position: sticky; top: 0; z-index: 10; }
.admin-bar .site-header { top: 32px; }
.site-header .brand-sub { margin-top: 2px; letter-spacing: .02em; }
.site-header nav a { color: #fff; text-decoration: none; }
.site-header nav a:hover { color: var(--wp--preset--color--copper-light); }

.eyebrow { letter-spacing: .14em; text-transform: uppercase; }

.focus-item { border-top: 1px solid var(--wp--preset--color--rule); padding-top: 1.25rem; }
.focus-num { letter-spacing: .08em; }

.wp-block-button.is-style-outline > .wp-block-button__link { border-width: 1px; }

.app-image img { width: 100%; height: auto; border-radius: 4px; display: block; }

.contact-placeholder { border: 1px dashed var(--wp--preset--color--copper); padding: .25rem .6rem; display: inline-block; }

@media (max-width: 781px) {
  .site-header .header-nav { gap: 1rem !important; }
  .admin-bar .site-header { top: 0; }
}

/* Sections sit flush against each other and the header/footer. */
.wp-site-blocks > * + *,
main.wp-block-post-content > * + * { margin-block-start: 0; }
.wp-site-blocks { padding-top: 0; padding-bottom: 0; }