*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ivory); color: var(--ink); }
body { margin: 0; min-width: 320px; background: var(--ivory); color: var(--ink); font: 400 1rem/1.65 var(--font-sans); -webkit-font-smoothing: antialiased; }
body.menu-open { overflow: hidden; }
img, picture { display: block; max-width: 100%; }
img { height: auto; }
figure, h1, h2, h3, p, blockquote { margin: 0; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
ul, ol { margin: 0; padding: 0; list-style: none; }
h1, h2, h3 { font-family: var(--font-display); font-weight: 400; line-height: .96; letter-spacing: -.025em; text-wrap: balance; }
em { font-weight: 400; }
:focus-visible { outline: 2px solid var(--copper); outline-offset: 4px; }
::selection { background: var(--copper); color: var(--ivory-light); }
.skip-link { position: fixed; top: .75rem; left: .75rem; z-index: 1000; padding: .75rem 1rem; background: var(--ivory-light); color: var(--espresso); transform: translateY(-200%); transition: transform .2s; }
.skip-link:focus { transform: translateY(0); }
.section-shell { width: 100%; padding-inline: var(--page-gutter); }
.eyebrow { font-size: .72rem; font-weight: 600; line-height: 1.2; letter-spacing: .2em; text-transform: uppercase; }
.button { display: inline-flex; min-height: 3.5rem; align-items: center; justify-content: center; padding: .95rem 1.55rem; border: 1px solid currentColor; font-size: .72rem; font-weight: 600; line-height: 1; letter-spacing: .14em; text-transform: uppercase; transition: background-color .3s, color .3s, border-color .3s, transform .3s; }
.button:hover { transform: translateY(-2px); }
.button--filled { border-color: var(--copper); background: var(--copper); color: #fffaf2; }
.button--filled:hover { border-color: var(--espresso); background: var(--espresso); }
.button--line { color: var(--espresso); }
.button--line:hover { background: var(--espresso); color: var(--ivory); }
.button--copper { color: var(--copper-light); }
.button--copper:hover { border-color: var(--copper-light); background: var(--copper-light); color: var(--espresso); }
.text-link { display: inline-flex; gap: .8rem; align-items: center; padding-block: .25rem; border-bottom: 1px solid currentColor; font-size: .75rem; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.text-link span { transition: transform .25s; }
.text-link:hover span { transform: translateX(.3rem); }
.circle-control { display: inline-grid; width: 2.75rem; height: 2.75rem; place-items: center; border: 1px solid currentColor; border-radius: 50%; background: transparent; cursor: pointer; transition: background-color .25s, color .25s, transform .25s; }
.circle-control:hover { background: currentColor; color: var(--ivory); transform: scale(1.04); }
.reveal { opacity: 1; transform: none; transition: opacity .72s var(--ease-reveal), transform .72s var(--ease-reveal); }
.js .reveal { opacity: 0; transform: translateY(18px); }
.reveal.is-visible { opacity: 1; transform: none; }
.clip-reveal { clip-path: none; transition: clip-path .9s var(--ease-reveal); }
.js .clip-reveal { clip-path: inset(0 0 100% 0); }
.clip-reveal.is-visible { clip-path: inset(0); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal, .clip-reveal { opacity: 1; transform: none; clip-path: none; }
}