/* ROXI / BASE — estilos específicos */
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:145px
}
body {
  margin:0;
  color:var(--ink);
  background:var(--color-white);
  font-family:var(--font-body);
  -webkit-font-smoothing:antialiased
}
body.no-scroll {
  overflow:hidden
}
a {
  text-decoration:none;
  color:inherit
}
button,input,select,textarea {
  font:inherit
}
button {
  cursor:pointer
}
button:disabled {
  opacity:.5;
  cursor:not-allowed
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid var(--swatch-f685b2);
  outline-offset:3px
}
.container {
  width:min(1240px,calc(100% - 64px));
  margin-inline:auto
}
.hidden {
  display:none!important
}
.eyebrow {
  color:var(--pink);
  text-transform:uppercase;
  letter-spacing:2.6px;
  font-size:var(--font-size-10);
  font-weight:900
}
.eyebrow span {
  color:var(--swatch-efa0be)
}
.h2 {
  font-family:var(--font-heading);
  font-size:clamp(31px,3.25vw,44px);
  line-height:1.08;
  letter-spacing:-1.45px;
  font-weight:800;
  margin:12px 0 0
}
.h2 em {
  font-family:var(--font-display);
  font-weight:600;
  color:var(--pink)
}
.muted {
  color:var(--muted);
  line-height:1.65
}
.section {
  padding-top:91px
}
.sec-head {
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:20px;
  margin-bottom:29px
}
.sec-head p {
  margin:11px 0 0;
  font-size:var(--font-size-13)
}
.view-link {
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--pink);
  font-weight:800;
  font-size:var(--font-size-13);
  white-space:nowrap;
  cursor:pointer;
  background:none;
  border:none;
  padding:10px 0
}
.view-link:hover {
  color:var(--pink-dark)
}