html { scroll-behavior: smooth; }

@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
}

::selection { background: var(--wp--preset--color--brass); color: var(--wp--preset--color--midnight); }

:focus-visible { outline: 2px solid var(--wp--preset--color--brass); outline-offset: 3px; }

a, button, .wp-element-button { transition: transform .35s ease, background-color .35s ease, color .35s ease, box-shadow .35s ease; }
a:hover, button:hover, .wp-element-button:hover { transform: translateY(-2px); }

.wp-element-button:hover, .wp-block-button__link:hover { box-shadow: 0 .75rem 1.75rem color-mix(in srgb, var(--wp--preset--color--brass) 35%, transparent); }

.is-style-outline .wp-block-button__link { border: 1px solid color-mix(in srgb, currentColor 45%, transparent); } /* corners: the site's button setting (theme.json / Shuttle Design) */
.is-style-outline .wp-block-button__link:hover { border-color: var(--wp--preset--color--brass); color: var(--wp--preset--color--brass); }

.amie-eyebrow { font-size: var(--wp--preset--font-size--small); text-transform: uppercase; letter-spacing: .3em; display: flex; align-items: center; gap: .9rem; }
.amie-eyebrow::before { content: ''; width: 2.5rem; height: 1px; background-color: var(--wp--preset--color--brass); }

.amie-eyebrow.has-text-align-center { justify-content: center; }

.amie-accent { font-style: italic; color: var(--wp--preset--color--brass); }

body::after { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 90; opacity: .05; mix-blend-mode: multiply; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"); }

.wp-block-post-content a { text-decoration-color: var(--wp--preset--color--brass); text-underline-offset: .2em; }

footer.wp-block-template-part a { text-decoration: none; transition: color .3s ease; }
footer.wp-block-template-part a:hover { color: var(--wp--preset--color--brass-2); }

/* sections touch each other: no gap showing the page background between them */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* italic words in headings and display text turn brass by themselves (in the editor: select words, press Ctrl+I) */
:is(h1, h2, h3, .amie-words, .amie-lead, .amie-doors__caption, .amie-next__vow, .amie-footer__tagline, .amie-quote) em {
  font-style: italic;
  color: var(--wp--preset--color--brass);
}


/* pages made of sections (Home, About): the sections live in the page content and touch each other too */
.amie-main,
.amie-sections { margin-block: 0; }
.amie-sections > * { margin-block: 0; }
/* a pinned section (hero, belief) is wrapped by ScrollTrigger in .pin-spacer: that wrapper must stay full width too */
.amie-sections > .pin-spacer { max-width: none !important; margin-inline: 0 !important; }

/* site-wide settings from the Shuttle plugin (body classes fx-KEY-on/off, see inc/effects.php) */
body.fx-grain-off::after { display: none; }