@charset "UTF-8";

/* src/styles.scss */
:root {
  --ink: #150b36;
  --ink-soft: #24154f;
  --paper: #f4f1ec;
  --orange: #ff5a1f;
  --yellow: #ffd21f;
  --pink: #f0249b;
  --cyan: #1fa9e6;
  --purple: #6a35e0;
  --font-sans:
    "Mona Sans",
    "Arial Narrow",
    sans-serif;
  --font-serif:
    "Instrument Serif",
    Georgia,
    serif;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --gutter: clamp(20px, 4vw, 64px);
  --contour: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 900' fill='none' stroke='%23000' stroke-width='1.5'%3E%3Cpath d='M120 470c-40-150 70-330 250-350s330 40 400 180-10 330-170 400-440-80-480-230z'/%3E%3Cpath d='M200 460c-30-110 50-240 180-260s250 30 300 130-10 250-130 300-320-60-350-170z'/%3E%3Cpath d='M290 450c-20-70 30-150 110-165s160 20 190 85-5 160-80 190-200-40-220-110z'/%3E%3Cpath d='M-40 180c90-60 170-20 230-90S300-40 420-60'/%3E%3Cpath d='M-40 260c110-70 200-30 280-110S380 20 520-30'/%3E%3Cpath d='M560 940c30-110 130-120 190-190s60-150 190-180'/%3E%3Cpath d='M660 940c20-80 100-90 150-150s50-110 130-140'/%3E%3C/svg%3E");
}
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: 1rem;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
::selection {
  background: var(--orange);
  color: var(--ink);
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
}
:focus-visible {
  outline: 3px solid var(--cyan);
  outline-offset: 3px;
}
.display {
  font-family: var(--font-sans);
  font-stretch: 85%;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.92;
  letter-spacing: -0.02em;
}
.serif {
  font-family: var(--font-serif);
  font-weight: 400;
  font-stretch: 100%;
  letter-spacing: -0.01em;
}
.contour {
  position: relative;
  isolation: isolate;
}
.contour::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: currentColor;
  opacity: 0.14;
  -webkit-mask: var(--contour) center/900px repeat;
  mask: var(--contour) center/900px repeat;
  pointer-events: none;
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 22px;
  border-radius: 8px;
  background: var(--orange);
  color: var(--ink);
  font-weight: 700;
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  text-decoration: none;
  transition: background 0.2s, transform 0.2s var(--ease);
}
.btn:hover {
  background: var(--yellow);
  transform: translateY(-2px);
}
.btn.btn-ghost {
  background: transparent;
  box-shadow: inset 0 0 0 1.5px currentColor;
  color: inherit;
}
.btn.btn-ghost:hover {
  background: var(--yellow);
  color: var(--ink);
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  * {
    transition-duration: 0.01ms !important;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */