@font-face {
  font-family: 'Monument Grotesk';
  src: url('../fonts/MonumentGrotesk-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 101%;
  descent-override: 29%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Monument Grotesk';
  src: url('../fonts/MonumentGrotesk-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  ascent-override: 101%;
  descent-override: 29%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Monument Grotesk Mono';
  src: url('../fonts/MonumentGrotesk-Mono.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  ascent-override: 101%;
  descent-override: 29%;
  line-gap-override: 0%;
}
@font-face {
  font-family: 'Reckless Neue';
  src: local('Reckless Neue Regular'), local('Reckless-Neue-Regular'),
       url('../fonts/RecklessNeue-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Neue';
  src: url('../fonts/RecklessNeue-RegularItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Reckless Neue';
  src: url('../fonts/RecklessNeue-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  color-scheme: dark;
}
:root {
  --radius: 4px;
  --cta-ink: var(--cream);
  --cta-ink2: var(--dark);
  --serif: 'Reckless Neue', Georgia, serif;
  --serif-feat: "ss04", "ss06", "ss07", "ss10", "ss14";
  --sans: 'Monument Grotesk', system-ui, -apple-system, sans-serif;
  --mono: 'Monument Grotesk Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --grid-columns: 8;
  --grid-gutter: 96px;
  --grid-width: 1120px;
  --gutter: var(--grid-gutter);
  --edge: 0px;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --bleed-pad: max(24px, calc((100vw - var(--grid-width)) / 2));
}
@media (max-width: 1240px) {
  :root {
    --grid-gutter: 48px;
    --edge: 48px;
    --bleed-pad: var(--edge);
  }
}
@media (max-width: 960px) {
  :root {
    --grid-columns: 4;
    --grid-gutter: 40px;
    --edge: 40px;
  }
}
@media (max-width: 767px) {
  :root {
    --grid-columns: 2;
    --grid-gutter: 32px;
    --edge: 32px;
  }
}
@media (max-width: 479px) {
  :root {
    --grid-columns: 1;
    --grid-gutter: 24px;
    --edge: 24px;
  }
}
:root {
  --label: 0.75rem;
  --text-xs: 0.875rem;
  --leading-xs: 1rem;
  --text-sm: clamp(0.875rem, 0.7857rem + 0.4464vw, 1rem);
  --leading-sm: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.5rem);
  --text-md: clamp(1rem, 0.9107rem + 0.4464vw, 1.125rem);
  --leading-md: 1.5rem;
  --text-body: clamp(1.1875rem, 1.1429rem + 0.2232vw, 1.25rem);
  --leading-body: clamp(1.875rem, 1.7857rem + 0.4464vw, 2rem);
  --text-lg: clamp(1.125rem, 1.0357rem + 0.4464vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.0714rem + 0.8929vw, 1.5rem);
  --leading-xl: clamp(1.75rem, 1.5714rem + 0.8929vw, 2rem);
  --text-h4: clamp(1.5rem, 1rem + 1.6vw, 2rem);
  --leading-h4: clamp(2rem, 1.4rem + 1.9vw, 2.5rem);
  --text-h3: clamp(1.75rem, 1.1rem + 2.2vw, 2.5rem);
  --leading-h3: clamp(2rem, 1.25rem + 2.5vw, 3rem);
  --text-h2: clamp(2rem, 1.2rem + 3.2vw, 3.5rem);
  --leading-h2: clamp(2.5rem, 1.5rem + 4vw, 4rem);
  --text-h1: clamp(2.5rem, 1.5rem + 4vw, 4rem);
  --leading-h1: clamp(3rem, 1.9rem + 4.4vw, 4.375rem);
  --leading-20: 1.25rem;
  --leading-28: 1.75rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-14: 3.5rem;
  --space-16: 4rem;
  --space-18: 4.5rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --veil-white-90: rgb(255 255 255 / 0.9);
  --veil-white-70: rgb(255 255 255 / 0.7);
  --veil-white-50: rgb(255 255 255 / 0.5);
  --veil-white-30: rgb(255 255 255 / 0.3);
  --veil-white-10: rgb(255 255 255 / 0.1);
  --veil-white-4: rgb(255 255 255 / 0.04);
  --veil-white-2: rgb(255 255 255 / 0.02);
  --veil-dark-90: rgb(17 17 17 / 0.9);
  --veil-dark-70: rgb(17 17 17 / 0.7);
  --veil-dark-50: rgb(17 17 17 / 0.5);
  --veil-dark-30: rgb(17 17 17 / 0.3);
  --veil-dark-10: rgb(17 17 17 / 0.1);
  --veil-dark-4: rgb(17 17 17 / 0.04);
  --veil-dark-2: rgb(17 17 17 / 0.02);
  --veil-90: var(--veil-white-90);
  --veil-70: var(--veil-white-70);
  --veil-50: var(--veil-white-50);
  --veil-30: var(--veil-white-30);
  --veil-10: var(--veil-white-10);
  --veil-4: var(--veil-white-4);
  --veil-2: var(--veil-white-2);
  --line: rgb(from var(--ink) r g b / 0.6);
  interpolate-size: allow-keywords;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  scrollbar-gutter: stable;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  text-rendering: optimizeLegibility;
}
body {
  margin: 0;
  overflow-x: clip;
  font-family: var(--serif);
  /* font-feature-settings: var(--serif-feat); */
  font-size: var(--text-body);
  line-height: var(--leading-body);
  letter-spacing: -0.25px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
img,
svg {
  max-width: 100%;
  display: block;
}
h1,
h2,
h3,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
button,
input,
textarea,
select {
  font: inherit;
  color: inherit;
  font-family: var(--sans);
  letter-spacing: normal;
}
button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.wrap {
  width: 100%;
  max-width: min(var(--grid-width), 100%);
  margin-inline: auto;
  padding-inline: var(--edge);
}
.intro {
  margin: 0;
  font-weight: 400;
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
  letter-spacing: -0.01em;
  text-wrap: pretty;
}
@media (max-width: 767px) {
  .intro {
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
  }
}
.entry-description blockquote {
  margin: var(--space-12) 0;
  padding-inline: var(--space-8);
  font-weight: 400;
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
  letter-spacing: -0.01em;
  text-wrap: pretty;
}
.entry-description blockquote p {
  margin: 0;
  font: inherit;
}
.entry-description blockquote p + p {
  margin-top: var(--space-6);
}
.entry-description blockquote p:first-of-type::before,
.entry-description blockquote p:last-of-type::after {
  color: var(--ink-light);
  font-size: var(--text-h3);
  line-height: 0;
  vertical-align: -0.08em;
}
.entry-description blockquote p:first-of-type::before {
  content: "\00AB\2009";
}
.entry-description blockquote p:last-of-type::after {
  content: "\2009\00BB";
}
@media (max-width: 767px) {
  .entry-description blockquote {
    padding-inline: var(--space-4);
    font-size: var(--text-lg);
    line-height: var(--leading-xl);
  }
}
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
/* Entradas: unica curva de aparicion del proyecto. La dispara el CSS (una
   apertura de <details>, la carga de la pagina), nunca JS. */
@keyframes fgRise {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.icon-mail,
.icon-letter,
.icon-up,
.icon-star,
.icon-close {
  display: block;
  flex: 0 0 auto;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon-mail {
  width: 20px;
  height: 20px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 20 20%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.3%22%3E%3Crect x=%221.75%22 y=%224.25%22 width=%2216.5%22 height=%2211.5%22%3E%3C/rect%3E%3Cpath d=%22M2 5l8 6 8-6%22%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
}
.icon-letter {
  width: 24px;
  height: 24px;
  --mask: url("data:image/svg+xml,%3Csvg width=%2287%22 height=%2288%22 viewBox=%220 0 87 88%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M11.469 86.9962C16.683 83.7542 23.045 82.9142 28.912 84.7012C36.153 87.6472 44.248 87.7152 51.516 84.8612C52.036 84.6482 52.289 84.0602 52.089 83.5682C51.89 83.0472 51.303 82.7802 50.782 82.9942C43.967 85.6612 36.366 85.6072 29.591 82.8062C23.137 80.8202 16.149 81.7402 10.414 85.3002C9.93397 85.5812 9.80097 86.1952 10.094 86.6872C10.376 87.1552 11.002 87.3002 11.469 86.9962Z%22 fill=%22black%22%3E%3C/path%3E%3Cpath d=%22M86.218 0C74.028 0.936 62.212 4.629 51.677 10.817C51.304 14.031 51.21 17.271 51.411 20.499C50.024 18.137 48.97 15.591 48.276 12.924C31.913 23.633 20.017 39.955 14.789 58.799C8.788 66.962 3.827 75.829 0 85.205C17.11 56.84 40.115 32.488 67.453 13.804C50.957 29.061 35.341 45.238 20.697 62.294C39.901 58.693 57.224 48.438 69.627 33.341C64.826 32.902 59.985 33.06 55.224 33.808C60.638 31.327 66.494 29.941 72.441 29.7C74.163 27.353 75.762 24.899 77.229 22.392C73.429 22.739 69.655 23.419 65.972 24.446C69.961 22.045 74.322 20.352 78.883 19.419C82.123 13.285 84.591 6.749 86.218 0Z%22 fill=%22black%22%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
}
.icon-up {
  width: 24px;
  height: 24px;
  --mask: url("data:image/svg+xml,%3Csvg width=%22115%22 height=%2258%22 viewBox=%220 0 115 58%22 fill=%22none%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath d=%22M0 53.619C0 54.643 0.391 55.666 1.172 56.448C2.734 58.01 5.267 58.01 6.828 56.448L53.888 9.387C54.782 8.493 55.973 8 57.237 8C58.503 8 59.692 8.492 60.586 9.387L107.647 56.448C109.209 58.01 111.742 58.01 113.304 56.448C114.866 54.886 114.866 52.353 113.304 50.791L66.243 3.73C63.838 1.325 60.64 0 57.237 0C53.836 0 50.636 1.325 48.231 3.73L1.172 50.791C0.391 51.572 0 52.596 0 53.619Z%22 fill=%22currentColor%22%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
}
.icon-star {
  width: 16px;
  height: 16px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2236%22 height=%2236%22 viewBox=%220 0 36 36%22 fill=%22none%22%3E%3Cpath d=%22M4.43479 12.7286C4.15483 11.9474 4.21084 11.2514 4.60201 10.637C4.88045 10.1346 5.46637 9.82866 6.35923 9.71628C7.1956 9.66073 7.97641 9.82866 8.70205 10.2187C11.4349 11.7243 13.9458 14.0671 16.2336 17.2468C12.0498 16.8576 8.61745 15.9375 5.94085 14.486C5.21512 14.0963 4.71319 13.5107 4.43476 12.7287L4.43479 12.7286ZM6.61039 26.5361C5.77321 26.4812 5.18761 26.1733 4.85281 25.616C4.5732 25.1132 4.60203 24.5004 4.93683 23.7741C5.32647 22.9941 5.88489 22.4085 6.61038 22.0173C9.84528 20.2326 13.0259 19.2562 16.1507 19.0889C14.0291 22.2137 11.7155 24.4721 9.20448 25.8665C8.31138 26.3688 7.44702 26.5916 6.61017 26.536L6.61039 26.5361ZM15.7319 3.94158C16.3447 3.21714 17.0419 2.85315 17.8243 2.85315C18.4927 2.85315 19.1338 3.24432 19.7483 4.02513C20.3063 4.80678 20.5854 5.64348 20.5854 6.53553C20.5854 9.21351 19.6642 12.4494 17.8243 16.2432C15.8706 12.2268 14.8947 8.99133 14.8947 6.53553C14.8951 5.53194 15.173 4.66722 15.7319 3.94158ZM19.3304 32.2268C18.8275 32.8412 18.242 33.1463 17.572 33.1463C16.9584 33.1463 16.4012 32.8119 15.8991 32.1436C15.3976 31.5292 15.1451 30.8328 15.1451 30.0512C15.1451 27.094 16.0367 23.774 17.8244 20.0921C19.3301 23.162 20.0828 26.4818 20.0828 30.0512C20.0832 30.8884 19.8328 31.6135 19.3304 32.2268ZM29.7065 9.88308C30.5437 9.99546 31.1577 10.3571 31.5484 10.9715C31.826 11.4727 31.7989 12.1151 31.4644 12.8955C31.0732 13.6775 30.5148 14.2631 29.79 14.6536C27.5024 15.9371 24.0714 16.7736 19.4976 17.1636C21.5617 14.3184 24.0999 12.0588 27.1137 10.3848C27.9505 9.93867 28.8145 9.77274 29.7065 9.88311L29.7065 9.88308ZM31.2141 23.6906C31.6033 24.4162 31.6318 25.0293 31.2973 25.5322C30.9617 26.0346 30.3769 26.3418 29.5397 26.4529C28.6465 26.5645 27.8369 26.4261 27.1137 26.0346C24.3786 24.5278 21.8412 22.1571 19.4976 18.921C23.0124 19.2561 26.3037 20.2605 29.3721 21.9342C30.2088 22.3802 30.8233 22.9659 31.2141 23.6906H31.2141Z%22 fill=%22%23000%22%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
}
.icon-close {
  width: 26px;
  height: 26px;
  --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.2%22 stroke-linecap=%22round%22%3E%3Cpath d=%22M6 6l12 12M18 6L6 18%22%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-image: var(--mask);
  mask-image: var(--mask);
}
body {
  color: var(--ink);
}
html,
body {
  background-color: var(--bg-body);
}
html {
  overscroll-behavior-y: none;
}
:where(.page, .club) :is(h1, h2, h3, h4, h5, h6) {
  margin: 0;
  font-weight: 400;
  text-wrap: pretty;
}
:where(.page, .club) h1 {
  font-size: var(--text-h1);
  line-height: var(--leading-h1);
  letter-spacing: -0.02em;
  font-weight: 500;
}
:where(.page, .club) h2 {
  font-size: var(--text-h2);
  line-height: var(--leading-h2);
  letter-spacing: -0.01em;
  font-weight: 500;
}
:where(.page, .club) h3 {
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  letter-spacing: -0.01em;
  font-weight: 500;
}
.entry-description :not(h1, h2, h3, h4, h5, h6) + :is(h2, h3, h4) {
  margin-top: var(--space-16);
  margin-bottom: var(--space-6);
}
:where(.page, .club) p {
  margin: 0;
  text-wrap: pretty;
}
:where(.page, .club) :is(h1, h2) + :is(p, ul, ol, dl, figure, blockquote, img, picture, iframe, video, table, pre) {
  margin-top: var(--space-8);
}
:where(.page, .club) :is(h3, h4, h5, h6) + :is(p, ul, ol, dl, figure, blockquote, img, picture, iframe, video, table, pre) {
  margin-top: var(--space-6);
}
:where(.page, .club) :is(p, ul, ol, dl, figure, blockquote, img, picture, iframe, video, table, pre) + :is(h2, h3) {
  margin-top: var(--space-18);
}
:where(.page, .club) :is(p, ul, ol, dl, figure, blockquote, table, pre) + :is(p, ul, ol, dl, figure, blockquote, table, pre) {
  margin-top: var(--space-6);
}
:where(.page, .club) :is(ul, ol) {
  font-size: var(--text-md);
  line-height: var(--leading-md);
}
:where(.page, .club) :is(ul, ol) li + li {
  margin-top: var(--space-2);
}
:where(.page, .club) ul:not([class]) {
  list-style: square;
  padding-left: var(--space-6);
}
:where(.page, .club) ol:not([class]) {
  list-style: decimal;
  padding-left: var(--space-6);
}
:where(.page, .club) :is(ul, ol) :is(ul, ol) {
  margin-top: var(--space-2);
  padding-left: var(--space-6);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
}
.entry-folds2 {
  margin-top: var(--space-4);
  border: 1px solid var(--borders);
  border-radius: var(--radius);
  overflow: hidden;
}
.fold2-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding-block: var(--space-4);
  padding-inline: var(--space-5);
  font-family: var(--mono);
  letter-spacing: 0.1em;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  text-transform: uppercase;
  font-weight: 400;
}
.fold-specs {
  margin: 0;
  padding: 0;
}
.fold-specs > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  width: 100%;
  min-height: var(--space-12);
  padding-block: var(--space-4);
  padding-inline: var(--space-5);
  border-top: 1px solid var(--borders);
  font-family: var(--mono);
  letter-spacing: 0.1em;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  text-transform: uppercase;
  transition: background 0.24s var(--ease);
}
.fold-specs > div:hover {
  background: var(--veil-10);
}
.fold-specs > div :is(dt, dd) {
  transition: translate 0.24s var(--ease);
}
.fold-specs > div:hover dt {
  translate: 3px 0;
}
.fold-specs > div:hover dd {
  translate: -3px 0;
}
@media (prefers-reduced-motion: reduce) {
  .fold-specs > div:hover :is(dt, dd) {
    translate: none;
  }
}
.fold-specs dt {
  color: var(--ink-light);
}
.fold-specs dd {
  margin: 0;
  text-align: right;
  text-transform: none;
  letter-spacing: normal;
  color: var(--ink-light);
}
:root {
  --field-bg: var(--veil-4);
  --field-bg-hover: var(--veil-10);
  --field-line: var(--borders);
  --field-line-hover: var(--accent);
  --field-line-focus: var(--accent);
  --field-dim: var(--veil-50);
  --field-dim-soft: var(--veil-30);
  --field-text: var(--ink);
}
.club {
  position: relative;
  row-gap: 0;
  padding-inline: calc((100vw - min(var(--grid-width), 100vw)) / 2 + var(--edge));
  padding-block: var(--space-16);
  align-content: center;
}
.club > * {
  grid-column: 1 / -1;
}
@media (min-width: 961px) {
  .club {
    min-height: 100vh;
  }
}
.bottom-bar {
  background: var(--veil-4);
  border-top: 1px solid var(--veil-10);
  border-radius: 0 0 var(--radius) var(--radius);
  margin-block: 0 var(--space-8);
}
.bottom-bar ul {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: minmax(0, 1fr);
  align-items: center;
  column-gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: var(--text-md);
  line-height: var(--leading-md);
}
.bottom-bar li + li {
  margin-top: 0;
  border-left: 1px solid var(--veil-10);
}
.bottom-bar a {
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  gap: var(--space-3);
  min-height: 40px;
  padding-block: var(--space-4);
  font-family: var(--sans);
  letter-spacing: normal;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  padding-inline: var(--space-5);
  border-radius: var(--radius);
  color: var(--ink-light);
  text-decoration: none;
  transition: background-color 0.2s var(--ease);
}
.bottom-bar a:hover {
  color: var(--ink-light);
  background: var(--veil-2);
}
.bottom-bar [data-copy] {
  position: relative;
}
.bottom-bar .copy-tip {
  position: absolute;
  top: auto;
  bottom: calc(100% - var(--space-1));
  right: 0;
  translate: 0 4px;
  padding: var(--space-2);
  border-radius: var(--radius);
  background: var(--veil-dark-90);
  color: var(--veil-white-70);
  font-family: var(--mono);
  font-size: var(--label);
  line-height: var(--leading-xs);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.24s var(--ease), translate 0.24s var(--ease);
}
.bottom-bar [data-copied] .copy-tip {
  opacity: 1;
  translate: 0 0;
}
.bottom-bar .icon-letter,
.bottom-bar .icon-up {
  width: 20px;
  height: 20px;
}
.bottom-bar .icon-mail {
  display: none;
  width: 20px;
  height: 20px;
}
@media (prefers-reduced-motion: no-preference) {
  html:has(.bottom-up) {
    scroll-behavior: smooth;
  }
}
.bottom-up {
  justify-self: stretch;
}
@media (max-width: 960px) {
  .bottom-bar ul {
    column-gap: 0;
  }
  .bottom-bar {
    margin-bottom: var(--space-24);
  }
}
@media (max-width: 767px) {
  .bottom-bar {
    margin-bottom: calc(var(--space-24) + var(--space-8));
  }
  .bottom-up {
    display: none;
  }
  .bottom-bar ul {
    grid-auto-flow: row;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 0;
  }
  .bottom-bar a {
    justify-content: center;
    padding-inline: var(--space-2);
    width: 100%;
  }
  .bottom-bar li {
    justify-self: stretch;
  }
  .bottom-bar .icon-mail {
    display: block;
  }
  .bottom-bar .bottom-label {
    display: none;
  }
}
.club:not(.club--curtain) {
  margin-inline: calc(50% - 50vw);
}
body:has(.club--curtain) > .page {
  position: relative;
  z-index: 1;
  background: var(--bg-body);
}
body:has(.club--curtain) > .page::before {
  content: "";
  position: absolute;
  inset: auto 0 100% 0;
  height: 100vh;
  background: var(--bg-body);
  pointer-events: none;
}
.club--curtain {
  padding-block: clamp(var(--space-6), 5vh, var(--space-16));
}
.club--curtain {
  background: var(--bg-body);
  min-height: 100dvh;
}
.club--curtain .club-card-form {
  padding-block: clamp(var(--space-4), 5vh, var(--space-16));
  row-gap: clamp(var(--space-4), 4vh, var(--space-12));
}
.club--curtain .bottom-bar {
  margin-block: 0 clamp(var(--space-4), 3vh, var(--space-8));
}
[data-curtain="on"] .club--curtain {
  position: fixed;
  inset: auto 0 0;
  z-index: 0;
  width: 100%;
}
[data-curtain="on"] body:has(.club--curtain) > .page {
  margin-bottom: var(--foot-h, 0px);
}
@media (min-width: 961px) {
  .club-card-form {
    grid-column: 1 / span 8;
  }
}
.club-subtitle .icon-star {
  color: var(--accent);
}
.club-card-form-copy h2 {
  color: inherit;
}
.club-card-form-trust p {
  color: var(--veil-70);
}
.field {
  --field-line: var(--line);
  --field-bg: var(--bg-body);
  color: var(--field-line);
}
.field:focus-within {
  --field-line: var(--field-text);
}
:is(.field, .site-search) input {
  color: var(--field-text);
  background: var(--field-bg);
  border: 1px solid var(--field-line);
  outline: none;
  transition: background 0.24s var(--ease), border-color 0.24s var(--ease);
}
:is(.field, .site-search) input:hover {
  background: var(--field-bg-hover);
  border-color: var(--field-line-hover);
}
:is(.field, .site-search) input:focus,
:is(.field, .site-search) input:active {
  background: var(--field-bg-hover);
  border-color: var(--field-line-focus);
}
:is(.field, .site-search) input::placeholder {
  text-transform: none;
  color: var(--field-dim);
  -webkit-text-fill-color: var(--field-dim);
  opacity: 1;
}
:is(.field, .site-search) input:focus::placeholder,
:is(.field, .site-search) input:active::placeholder {
  color: var(--field-dim-soft);
  -webkit-text-fill-color: var(--field-dim-soft);
}
:is(.field, .site-search) input:-webkit-autofill,
:is(.field, .site-search) input:-webkit-autofill:hover,
:is(.field, .site-search) input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--field-text);
  box-shadow: 0 0 0 60px var(--field-solid, var(--bg-body)) inset;
}
:is(.field, .site-search) input::-webkit-search-cancel-button,
:is(.field, .site-search) input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.field-icon {
  background: var(--field-line);
}
.club-card-form .field {
  --field-solid: color-mix(in srgb, #fff 4%, var(--bg-body));
  --field-bg: var(--field-solid);
  width: min(420px, 100%);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
}
.club-card-form .field input,
.club-card-form .field .field-icon {
  grid-area: 1 / 1;
}
.club-card-form .field input {
  height: 48px;
  padding: 0 var(--space-4) 0 var(--space-12);
  line-height: 46px;
  font-size: var(--text-md);
  border-right: 0;
  border-radius: var(--radius) 0 0 var(--radius);
}
.club-card-form .field input::placeholder {
  font-size: var(--text-md);
  line-height: 46px;
}
.club-card-form .field-icon {
  align-self: center;
  justify-self: start;
  margin-left: var(--space-4);
  pointer-events: none;
}
.club-card-form .field .field-btn {
  grid-area: 1 / 2;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
  padding: 0;
  border: 1px solid var(--field-line);
  border-radius: 0 var(--radius) var(--radius) 0;
  font-size: var(--text-md);
  cursor: pointer;
  background: var(--veil-90);
  color: var(--cta-ink2);
  transition: background 0.32s var(--ease), color 0.32s var(--ease);
}
.club-card-form .field .field-btn:hover {
  background: var(--veil-70);
  color: var(--cta-ink2);
}
.club-card-form {
  background: var(--veil-4);
  color: var(--veil-90);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
  column-gap: var(--space-16);
  row-gap: var(--space-12);
  padding: var(--space-16) var(--space-12);
  border-radius: var(--radius) var(--radius) 0 0;
}
.club-card-form-copy {
  min-width: 0;
}
.club-subtitle {
  color: var(--ink-light);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  margin: 0 0 var(--space-8);
  font-family: var(--mono);
  letter-spacing: 0.1em;
  font-size: var(--label);
  line-height: var(--leading-xs);
  text-transform: uppercase;
}
.club-card-form-copy h2 {
  margin: 0 0 var(--space-12);
  font-size: var(--text-h4);
  line-height: var(--leading-h4);
  text-wrap: balance;
}
.club-card-form-field {
  width: min(100%, 520px);
}
.club-card-form-trust {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.club-card-form-avatars {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-6);
}
.club-card-form-avatars img {
  width: 56px;
  height: 56px;
  object-fit: cover;
  border-radius: 50%;
  border: 4px solid var(--dark);
}
.club-card-form-avatars img + img {
  margin-left: calc(-1 * var(--space-4));
}
.club-card-form-trust p {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  max-width: 32rem;
  margin: 0;
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  font-family: var(--mono);
  letter-spacing: normal;
}
@media (max-width: 960px) {
  .club-card-form {
    grid-column: 1 / -1;
    grid-template-columns: minmax(0, 1fr);
  }
  .club-card-form-copy {
    max-width: none;
  }
  .club-card-form-field {
    width: 100%;
  }
  .club-card-form-trust {
    align-items: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
}
@media (max-width: 767px) {
  .club-card-form {
    padding: var(--space-12) var(--space-8);
  }
  .club-subtitle {
    margin-bottom: var(--space-8);
  }
  .club-card-form-copy h2 {
    margin-bottom: var(--space-8);
    font-size: var(--text-xl);
    line-height: var(--leading-xl);
  }
  .club-card-form-avatars img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 767px) {
  .club-card-form .field {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-2);
  }
  .club-card-form .field input {
    border-right: 1px solid var(--veil-30);
    border-radius: var(--radius);
  }
  .club-card-form .field .field-btn {
    grid-area: 2 / 1;
    width: 100%;
    height: 56px;
    border-radius: var(--radius);
  }
}
.entry-description :is(h2, h3, h4) {
  margin-bottom: var(--space-8);
  font-family: var(--sans);
  font-weight: 500;
  letter-spacing: normal;
}
.entry-description h2 {
  font-size: var(--text-h4);
  line-height: var(--leading-h4);
}
.entry-description h3 {
  font-size: var(--text-xl);
  line-height: var(--leading-xl);
}
:is(.title-section,
    .stat-label,
    .author-quote cite,
    :is(h2, h3, h4).entry-section) {
  font-family: var(--mono);
  letter-spacing: 0.1em;
  font-size: var(--label);
  line-height: var(--leading-xs);
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  color: var(--ink-light);
}
:is(.title-section, .stat-label) {
  margin: 0;
}
/* Boton principal, uno solo para toda la web: superficie de degradado, sin
   blur (un backdrop-filter en un dock fijo repinta en cada fotograma de
   scroll). El valor del degradado vive en --gradient porque el hover lo repone
   sin repetirlo */
.button-primary {
  appearance: none;
  cursor: pointer;
  width: 100%;
  min-height: var(--space-14);
  border: 0;
  border-radius: var(--radius);
  padding: var(--space-4) var(--space-8);
  --gradient: linear-gradient(-61deg, var(--ocre-7) 0%, var(--ocre-8) 100%);
  background: var(--gradient);
  color: var(--ink);
  font-family: var(--mono);
  font-size: var(--text-sm);
  line-height: var(--leading-sm);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 600;
  transition: transform 0.3s var(--ease), filter 0.32s var(--ease);
}
.button-primary:hover,
.button-primary:focus-visible {
  filter: brightness(1.08);
  transform: translateY(-1px);
}
.button-primary:active {
  transform: translateY(1px);
}
.button-primary-cell {
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid var(--veil-white-30);
  color: inherit;
}
@media (prefers-reduced-motion: reduce) {
  .button-primary:hover,
.button-primary:focus-visible,
.button-primary:active {
    transform: none;
  }
}
.list-details {
  margin: 0;
}
.author-credits-name {
  margin: 0;
  font-family: var(--sans);
  letter-spacing: normal;
  font-weight: 700;
  text-transform: none;
  font-size: var(--text-md);
  line-height: var(--leading-md);
}
.feature-fig {
  position: relative;
  isolation: isolate;
  margin: 0 0 var(--space-6);
  padding: var(--space-4);
  border: 1px solid var(--borders);
  border-radius: var(--radius);
  overflow: hidden;
  background: var(--veil-4);
  transition: transform 0.4s var(--ease);
}
.feature-fig img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
}
@media (prefers-reduced-motion: reduce) {
  .feature-fig {
    transition: none;
  }
}
.description-share > span,
.description-share-cells a,
.description-share-cells button {
  font-family: var(--mono);
  letter-spacing: normal;
}
.description-share {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--space-2);
  margin-top: var(--space-6);
}
.description-share > span {
  font-size: var(--label);
  font-weight: 600;
  line-height: var(--leading-md);
  padding-top: var(--space-2);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  align-self: flex-start;
}
.description-share-cells {
  display: flex;
  border-radius: var(--radius);
}
.description-share-cells a,
.description-share-cells button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-left: -1px;
  border: 1px solid var(--borders);
  color: var(--ink);
  background: none;
  font-size: var(--label);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease;
}
.description-share-cells a:hover,
.description-share-cells button:hover {
  background: var(--veil-10);
  color: var(--ink);
  border-color: var(--borders);
}
.description-share-cells a {
  border-radius: 0;
}
@keyframes logoDrop {
  from {
    opacity: 0;
    translate: 0 -8px;
  }
  to {
    opacity: 1;
    translate: 0 0;
  }
}
.logo-link {
  --logo-h: clamp(24px, 2.9vw, 32px);
  position: relative;
  display: block;
  height: var(--logo-h);
  width: calc(var(--logo-h) * 0.833);
  overflow: hidden;
  color: var(--ink);
  transition: width 0.42s var(--ease), color 0.32s var(--ease);
}
.logo-link:hover,
.logo-link:focus-visible {
  width: calc(var(--logo-h) * 4.917);
  color: var(--ink);
}
.logo-face {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.logo-svg {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 100%;
  width: auto;
  max-width: none;
  aspect-ratio: 708 / 144;
  background: currentColor;
  --mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 708 144%22 fill=%22%23000%22%3E%3Cg clip-path=%22url(%23clip0_40000412_433)%22%3E%3Cpath d=%22M119.089 60.983V0H0V60.983C0 72.9207 9.92411 82.5571 22.0056 82.5571H37.9705C47.607 82.5571 49.9082 88.8855 49.9082 94.4948V120.815C49.9082 124.986 46.1687 124.986 45.5934 124.986H22.581V143.828H96.5084V124.986H73.496C72.9207 124.986 69.1811 124.986 69.1811 120.815V94.4948C69.1811 88.8855 71.4824 82.5571 81.1188 82.5571H97.0837C109.165 82.5571 119.089 72.9207 119.089 60.983ZM99.9603 16.8278V61.8459C99.9603 62.7089 99.385 63.8595 97.9467 63.8595H77.2355C72.633 63.8595 65.8731 64.8663 59.5447 70.0441C53.2163 64.8663 46.4564 63.8595 41.8539 63.8595H21.1427C19.7044 63.8595 19.1291 62.7089 19.1291 61.8459V16.8278H99.9603Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M180.216 123.548V82.5567C180.216 76.0365 181.767 71.3062 184.899 68.3977C188.015 65.4732 191.627 64.0029 195.75 64.0029C200.544 64.0029 204.427 65.4732 207.4 68.3977C210.372 71.3222 211.859 76.0365 211.859 82.5567V123.548H231.275V82.5567C231.275 75.3653 232.682 70.4752 235.51 67.8863C238.339 65.2974 242.014 64.0029 246.505 64.0029C250.996 64.0029 254.511 65.4732 257.292 68.3977C260.073 71.3222 261.463 76.0365 261.463 82.5567V123.548H280.88V77.8104C280.88 71.482 279.633 66.0165 277.14 61.414C274.647 56.8115 271.243 53.2638 266.929 50.7708C262.614 48.2778 257.772 47.0312 252.402 47.0312C245.786 47.0312 240.528 48.2618 236.661 50.7068C232.777 53.1519 229.581 56.6198 227.088 61.1264C224.595 56.6198 221.239 53.1519 217.02 50.7068C212.801 48.2618 208.055 47.0312 202.781 47.0312C191.467 47.0312 183.844 51.2502 179.913 59.6881V48.7572H160.784V123.548H180.2H180.216Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M326.057 107.869C321.934 107.869 318.307 106.863 315.19 104.849C312.074 102.836 309.661 100.167 307.935 96.8587C306.209 93.5506 305.346 90.0348 305.346 86.2953C305.346 82.364 306.209 78.7683 307.935 75.5082C309.661 72.2482 312.09 69.6433 315.19 67.6776C318.307 65.712 321.934 64.7212 326.057 64.7212C330.18 64.7212 334.08 65.728 337.212 67.7415C340.328 69.7551 342.741 72.392 344.467 75.6521C346.193 78.9122 347.056 82.5079 347.056 86.4392C347.056 90.3704 346.193 93.8223 344.467 97.0824C342.741 100.343 340.312 102.947 337.212 104.913C334.096 106.879 330.388 107.869 326.057 107.869ZM322.893 125.416C329.605 125.416 334.815 124.122 338.506 121.533C342.198 118.944 345.059 115.54 347.072 111.321V123.547H365.914V48.7563H346.641V60.5502C344.627 56.523 341.798 53.2789 338.155 50.8338C334.511 48.3887 329.429 47.1582 322.909 47.1582C317.731 47.1582 312.921 48.197 308.462 50.2425C304.004 52.304 300.088 55.1327 296.732 58.7283C293.376 62.324 290.74 66.495 288.822 71.2414C286.904 75.9877 285.945 81.0536 285.945 86.4072C285.945 93.5986 287.607 100.151 290.899 106.048C294.207 111.945 298.666 116.643 304.275 120.143C309.885 123.643 316.101 125.385 322.893 125.385V125.416Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M448.024 65.2974H463.845V48.7572H448.024V27.4707L428.607 29.3405V48.7572H418.107V65.2974H428.607V100.391C428.607 108.542 430.572 114.439 434.504 118.082C438.435 121.726 444.092 123.548 451.475 123.548H462.119V106.288H454.064C450.037 106.288 448.024 103.987 448.024 99.3846V65.2974ZM402.286 65.2974H418.107V48.7572H402.286V31.6417L382.87 33.6553V48.7572H372.37V65.2974H382.87V100.391C382.87 108.542 384.835 114.439 388.766 118.082C392.698 121.726 398.355 123.548 405.738 123.548H416.381V106.288H408.327C404.3 106.288 402.286 103.987 402.286 99.3846V65.2974Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M503.828 63.5707C513.465 63.5707 520.368 70.3306 522.526 78.6726H485.562C487.576 69.6115 494.623 63.5707 503.828 63.5707ZM504.116 125.417C518.93 125.417 531.587 118.801 537.484 109.452L522.382 98.0894C518.93 103.843 512.602 108.157 504.116 108.157C494.336 108.157 487.72 102.117 485.562 93.1992H541.511C541.943 90.6103 542.086 88.4529 542.086 86.2955C542.086 71.9127 535.327 59.2559 523.964 52.2083C518.211 48.6126 511.595 46.8867 504.116 46.8867C489.158 46.8867 477.22 54.3658 470.46 66.4473C467.152 72.3442 465.426 79.1041 465.426 86.2955C465.426 108.876 481.823 125.417 504.116 125.417Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M569.99 123.548V85.29C569.99 79.0575 571.907 74.1674 575.743 70.6196C579.578 67.0719 584.276 65.298 589.838 65.298H592.57V47.0319C586.05 46.6483 580.872 47.8629 577.037 50.7075C573.202 53.5361 570.661 57.6272 569.414 63.0127V48.7738H550.573V123.564H569.99V123.548Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M619.179 123.549V48.7583H599.762V123.549H619.179ZM609.398 42.5737C612.754 42.5737 615.535 41.471 617.74 39.2656C619.946 37.0603 621.048 34.3276 621.048 31.0675C621.048 27.9991 619.946 25.3463 617.74 23.093C615.535 20.8397 612.754 19.7051 609.398 19.7051C606.042 19.7051 603.389 20.8397 601.136 23.093C598.883 25.3463 597.764 27.9991 597.764 31.0675C597.764 34.1358 598.883 36.9324 601.136 39.1857C603.389 41.439 606.154 42.5737 609.398 42.5737Z%22 fill=%22%23000%22%3E%3C/path%3E%3Cpath d=%22M667.936 107.869C663.813 107.869 660.185 106.863 657.085 104.849C653.969 102.836 651.556 100.167 649.814 96.8587C648.088 93.5506 647.225 90.0348 647.225 86.2953C647.225 82.364 648.088 78.7683 649.814 75.5082C651.54 72.2482 653.969 69.6433 657.085 67.6776C660.201 65.712 663.813 64.7212 667.936 64.7212C672.059 64.7212 675.958 65.728 679.091 67.7415C682.207 69.7551 684.62 72.392 686.362 75.6521C688.088 78.9122 688.951 82.5079 688.951 86.4392C688.951 90.3704 688.088 93.8223 686.362 97.0824C684.636 100.343 682.207 102.947 679.091 104.913C675.974 106.879 672.267 107.869 667.936 107.869ZM664.772 125.416C671.484 125.416 676.678 124.122 680.369 121.533C684.061 118.944 686.921 115.54 688.935 111.321V123.547H707.776V48.7563H688.503V60.5502C686.49 56.523 683.661 53.2789 680.018 50.8338C676.374 48.3887 671.292 47.1582 664.772 47.1582C659.594 47.1582 654.768 48.197 650.309 50.2425C645.85 52.304 641.951 55.1327 638.595 58.7283C635.239 62.324 632.602 66.495 630.685 71.2414C628.767 75.9877 627.808 81.0536 627.808 86.4072C627.808 93.5986 629.47 100.151 632.762 106.048C636.07 111.945 640.529 116.643 646.138 120.143C651.747 123.643 657.948 125.385 664.756 125.385L664.772 125.416Z%22 fill=%22%23000%22%3E%3C/path%3E%3C/g%3E%3Cdefs%3E%3CclipPath id=%22clip0_40000412_433%22%3E%3Crect width=%22707.776%22 height=%22143.828%22 fill=%22white%22%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  -webkit-mask: var(--mask) no-repeat left center / auto 100%;
  mask: var(--mask) no-repeat left center / auto 100%;
}
@media (prefers-reduced-motion: no-preference) {
  .logo-face {
    animation: logoDrop 0.9s var(--ease) both;
  }
}
@media (max-width: 960px) {
  .logo-link {
    --logo-h: 48px;
  }
}
.entry-cover {
  position: relative;
}
.entry-cover::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%,
    var(--halo-veil, var(--veil-30)) 0%,
    rgb(from var(--halo-veil, var(--veil-30)) r g b / 0) 76%);
  filter: blur(34px);
  opacity: 0;
  scale: 0.92;
  /* Solo la entrada. El balanceo en bucle animaba border-radius, que no es
     compositable: repintaba una capa con blur de 34px en cada fotograma */
  animation: haloIn 1.6s var(--ease) 0.35s both;
}
@keyframes haloIn {
  to {
    opacity: 0.9;
    scale: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .entry-cover::before {
    opacity: 0.9;
    scale: 1;
    animation: none;
  }
}