/* Standalone club page only. No selectors affect other WordPress pages. */
body.club-template { padding: 0; }
#club-landing {
  all: revert;
  display: block;
  position: relative;
  isolation: isolate;
  width: 100%;
  min-width: 320px;
  margin: 0;
  padding: 0;
  font: 16px "Times New Roman", serif;
  text-align: left;
  color: #fff;
}
/* Restore browser defaults before applying the prototype rules. SVG presentation attributes stay intact. */
#club-landing :where(main, section, article, nav, footer, div, h1, h2, h3, h4, h5, h6, p, a, button, img, picture, span, ul, ol, li, blockquote, details, summary, small, strong, em) { all: revert; }
#club-landing :where(svg) { overflow: hidden; vertical-align: baseline; }
#club-landing :where(svg, svg *) { box-sizing: border-box; }
@font-face {
  font-family: "Club Playfair Display";
  src: url("club-assets/assets/playfair-display.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}
@font-face {
  font-family: "Club Raleway";
  src: url("club-assets/assets/raleway-variable.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: block;
}
#club-landing {
  color-scheme: light;
  --club-white: #fff;
  --club-mobile-title: #f7f7f8;
  --club-navy: #071044;
  --club-photo-fallback: #718aa8;
}
#club-landing *, #club-landing *::before, #club-landing *::after { box-sizing: border-box; }
html.club-document { scroll-behavior: smooth; }
body.club-template { min-width: 320px; margin: 0; background: #fff; color: #fff; }
#club-landing button { font: inherit; cursor: pointer; touch-action: manipulation; }
#club-landing button:focus-visible, #club-landing a:focus-visible { outline: 2px solid var(--club-white); outline-offset: 4px; }
#club-landing .club-skip-link { position: fixed; z-index: 20; top: 8px; left: 8px; padding: 10px 14px; transform: translateY(-160%); background: var(--club-navy); color: white; font: 14px/1.3 "Club Raleway", sans-serif; }
#club-landing .club-skip-link:focus { transform: none; }
#club-landing .club-hero { position: relative; isolation: isolate; width: 100%; height: min(100svh, 216.75vw); overflow: hidden; background: var(--club-photo-fallback); }
#club-landing .club-hero__picture { position: absolute; inset: 0; z-index: 0; display: block; pointer-events: none; }
#club-landing .club-hero__photo, #club-landing .club-hero__cutout { position: absolute; top: 0; left: -48.2051vw; display: block; width: 148.2051vw; height: auto; max-width: none; pointer-events: none; }
#club-landing .club-hero__heading { position: absolute; z-index: 1; inset: 0; margin: 0; font-weight: 400; pointer-events: none; }
#club-landing .club-hero__brand, #club-landing .club-hero__title { position: absolute; display: block; margin: 0; white-space: nowrap; }
#club-landing .club-hero__brand { top: 29.7436vw; left: 7.9487vw; width: 41.5385vw; height: 7.6923vw; overflow: hidden; font: 200 5.641vw/1.15 "Club Raleway", sans-serif; text-transform: uppercase; }
#club-landing .club-hero__title { top: 28.2051vw; left: 6.6667vw; width: 84.359vw; height: 39.7436vw; overflow: hidden; color: var(--club-mobile-title); font: 400 32.3077vw/1.15 "Club Playfair Display", serif; letter-spacing: 0; }
#club-landing .club-hero__cutout { z-index: 2; }
#club-landing .club-hero__bird { position: absolute; z-index: 4; top: 7.1795vw; left: 7.6923vw; display: block; width: 11.5385vw; height: 10.5128vw; object-fit: fill; pointer-events: none; }
#club-landing .club-hero__menu-toggle { position: absolute; z-index: 5; top: 7.1795vw; right: 5.5128vw; width: max(44px, 11.2821vw); height: 50px; padding: 0; border: 0; background: transparent; }
#club-landing .club-hero__menu-toggle img { position: absolute; left: 0; display: block; width: 11.0256vw; height: 1px; }
#club-landing .club-hero__menu-toggle img:nth-child(1) { top: 16px; }
#club-landing .club-hero__menu-toggle img:nth-child(2) { top: 27px; }
#club-landing .club-hero__menu-toggle img:nth-child(3) { top: 38px; }
#club-landing .club-hero__menu { position: absolute; z-index: 6; top: calc(7.1795vw + 55px); right: 5.5128vw; min-width: 150px; padding: 8px 14px; background: var(--club-navy); box-shadow: 0 10px 30px rgba(0,0,0,.16); }
#club-landing .club-hero__menu[hidden] { display: none; }
#club-landing .club-hero__menu a { display: flex; align-items: center; min-height: 44px; color: white; font: 400 16px/1.3 "Club Raleway", sans-serif; text-decoration: none; }
#club-landing .club-hero__menu a:hover { text-decoration: underline; text-underline-offset: 4px; }
#club-landing .club-hero__intro { position: absolute; z-index: 3; top: 93.8462vw; left: 8.2051vw; width: 47.1795vw; }
#club-landing .club-hero__rule { display: none; }
#club-landing .club-hero__tagline { height: 29.7436vw; margin: 0; overflow: hidden; color: #fff; font: 200 clamp(13px, 3.5897vw, 15.5px)/1.3 "Club Raleway", sans-serif; letter-spacing: 0; }
#club-landing .club-hero__tagline-desktop { display: none; }
#club-landing .club-hero__action { position: absolute; z-index: 3; bottom: 10.07%; left: calc(50% - 2px); width: 284px; max-width: calc(100% - 32px); height: 58px; transform: translateX(-50%); }
#club-landing .club-hero__cta { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; padding: 0; border: 0; border-radius: 118px; background: #17293e; color: var(--club-white); transition: filter .2s ease; }
#club-landing .club-hero__cta:hover { filter: brightness(1.13); }
#club-landing .club-hero__cta-text, #club-landing .club-hero__cta-price, #club-landing .club-hero__cta-unit { position: absolute; display: block; overflow: hidden; white-space: nowrap; }
#club-landing .club-hero__cta-text { top: 10px; left: 23.2394%; width: 50.7042%; height: 14px; font: 500 12px/1.15 "Club Raleway", sans-serif; letter-spacing: 1.4px; text-align: center; text-transform: uppercase; }
#club-landing .club-hero__cta-price { top: 31px; left: 28.8732%; width: 19.7183%; height: 17px; font: 500 11px/1.1 "Club Raleway", sans-serif; text-align: right; }
#club-landing .club-hero__cta-unit { top: 32px; left: 50%; width: 24.6479%; height: 17px; font: 300 11px/1.1 "Club Raleway", sans-serif; letter-spacing: .4px; text-align: left; }
#club-landing .club-hero__cta-unit--desktop { display: none; }
#club-landing .club-hero__cta-circle { position: absolute; top: 9px; left: 81.6901%; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.68); border-radius: 50%; }
#club-landing .club-hero__cta-arrow { position: absolute; top: 18px; left: 85.5634%; display: block; width: 19px; height: 19px; color: #fff; }
@media (min-width: 600px) and (max-width: 899px) {
#club-landing .club-hero { height: 100svh; }
#club-landing .club-hero__photo, #club-landing .club-hero__cutout { left: auto; right: 0; width: auto; height: max(121.7%, 177.8vw); }
#club-landing .club-hero__bird { top: 30px; left: 6.5%; width: 58px; height: 53px; }
#club-landing .club-hero__menu-toggle { top: 29px; right: 6%; }
#club-landing .club-hero__menu-toggle img { width: 43px; }
#club-landing .club-hero__brand { top: 135px; left: 6.5%; width: auto; font-size: 29px; }
#club-landing .club-hero__title { top: 124px; left: 6%; width: auto; height: auto; font-size: clamp(135px, 21vw, 188px); }
#club-landing .club-hero__intro { top: 385px; left: 6.5%; width: 300px; }
#club-landing .club-hero__tagline { height: auto; font-size: 18px; }
#club-landing .club-hero__action { bottom: 9%; left: 6.5%; width: 350px; height: 67px; transform: none; }
#club-landing .club-hero__cta-text { top: 12px; height: 17px; font-size: 13px; }
#club-landing .club-hero__cta-price { top: 37px; height: 19px; font-size: 12px; }
#club-landing .club-hero__cta-unit { top: 38px; height: 19px; font-size: 12px; }
#club-landing .club-hero__cta-circle { top: 12px; width: 43px; height: 43px; }
#club-landing .club-hero__cta-arrow { top: 23px; width: 21px; height: 21px; }
}
@media (min-width: 900px) {
#club-landing .club-hero {
    --club-unit: min(0.069444444vw, 0.111111111svh);
    --club-offset-x: max(0px, calc((100vw - 160svh) / 2));
    --club-offset-y: max(0px, calc((100svh - 62.5vw) / 2));
    --club-narrow-photo-shift: max(0px, calc((1200px - 100vw) / 3));
    height: 100svh;
    
    background: linear-gradient(180deg, #99b1cc 0%, #9ab1cd 10%, #9eb5d0 20%, #9cb3d0 30%, #96adca 40%, #8da5c3 50%, #819ab7 60%, #768eac 70%, #738ba8 75%, #728ba9 77%, #738baa 78%, #7289a7 79%, #889cb6 80%, #99acc4 81%, #9fb1c9 82%, #a3b5cc 85%, #aebed3 90%, #b1bed2 100%);
  }
#club-landing .club-hero__photo {
    top: 0;
    left: calc(max(
      calc(var(--club-offset-x) - (177.777778svh - var(--club-unit) * 1600) / 2),
      calc(100vw - 177.777778svh)
    ) - var(--club-narrow-photo-shift));
    width: 177.777778svh;
    height: 100%;
    object-fit: cover;
    object-position: left top;
  }
#club-landing .club-hero__cutout { display: none; }
#club-landing .club-hero__menu-toggle { top: 34px; right: 5%; }
#club-landing .club-hero__menu-toggle img { width: 43px; filter: brightness(0) saturate(100%); }
#club-landing .club-hero__menu { top: 93px; right: 5%; min-width: 220px; }
#club-landing .club-hero__bird { top: calc(var(--club-offset-y) + var(--club-unit) * 36); left: calc(var(--club-offset-x) + var(--club-unit) * 107); width: calc(var(--club-unit) * 70); height: calc(var(--club-unit) * 63); }
#club-landing .club-hero__brand { top: calc(var(--club-offset-y) + var(--club-unit) * 139); left: calc(var(--club-offset-x) + var(--club-unit) * 133); width: calc(var(--club-unit) * 404); height: calc(var(--club-unit) * 84); font-size: calc(var(--club-unit) * 70); font-weight: 100; line-height: 1; text-transform: none; }
#club-landing .club-hero__title { top: calc(var(--club-offset-y) + var(--club-unit) * 202); left: calc(var(--club-offset-x) + var(--club-unit) * 107); width: calc(var(--club-unit) * 815); height: calc(var(--club-unit) * 257); color: var(--club-white); font-size: calc(var(--club-unit) * 298); line-height: .794; }
#club-landing .club-hero__intro { top: calc(var(--club-offset-y) + var(--club-unit) * 504); left: calc(var(--club-offset-x) + var(--club-unit) * 155); width: calc(var(--club-unit) * 581); }
#club-landing .club-hero__rule { position: absolute; top: calc(var(--club-unit) * 9); left: calc(var(--club-unit) * -13); display: block; height: calc(var(--club-unit) * 75); border-left: 1px solid #102b44; }
#club-landing .club-hero__tagline { height: calc(var(--club-unit) * 125); font: 400 calc(var(--club-unit) * 32)/1.25 "Club Playfair Display", serif; text-transform: lowercase; }
#club-landing .club-hero__tagline-mobile { display: none; }
#club-landing .club-hero__tagline-desktop { display: block; }
#club-landing .club-hero__action { top: calc(var(--club-offset-y) + var(--club-unit) * 682); bottom: auto; left: calc(var(--club-offset-x) + var(--club-unit) * 133); width: max(470px, calc(var(--club-unit) * 560)); height: max(58px, calc(var(--club-unit) * 77)); transform: none; }
#club-landing .club-hero__cta { border: 1px solid rgba(255,255,255,.16); border-radius: 100px; background: linear-gradient(110deg, #233e75, #071044 76%); }
#club-landing .club-hero__cta-text { top: 35.0649%; left: 5%; width: 32.5%; height: 31.1688%; font-size: max(12px, calc(var(--club-unit) * 15)); letter-spacing: max(1px, calc(var(--club-unit) * 1.7)); }
#club-landing .club-hero__cta-price { top: 23.3766%; left: 41.0714%; width: 21.4286%; height: 38.961%; font-family: "Club Playfair Display", serif; font-size: max(17px, calc(var(--club-unit) * 25)); font-weight: 400; line-height: 1; }
#club-landing .club-hero__cta-unit { top: 37.6623%; left: 63.5714%; width: 13.9286%; height: 24.6753%; font-size: max(11px, calc(var(--club-unit) * 13)); font-weight: 500; letter-spacing: max(.3px, calc(var(--club-unit) * .5)); }
#club-landing .club-hero__cta-unit--mobile { display: none; }
#club-landing .club-hero__cta-unit--desktop { display: block; }
#club-landing .club-hero__cta-circle { top: 19.4805%; left: 86.25%; width: max(36px, calc(var(--club-unit) * 46)); height: max(36px, calc(var(--club-unit) * 46)); }
#club-landing .club-hero__cta-arrow { top: 35.0649%; left: 88.2143%; width: max(19px, calc(var(--club-unit) * 23)); height: max(19px, calc(var(--club-unit) * 23)); }
}
@media (min-width: 900px) and (min-aspect-ratio: 1601/1000) {
#club-landing .club-hero__photo {
    -webkit-mask-image: linear-gradient(to right, transparent, #000 100px);
    mask-image: linear-gradient(to right, transparent, #000 100px);
  }
}
@media (prefers-reduced-motion: reduce) {
html.club-document { scroll-behavior: auto; }
}
#club-landing {
  --club-ink: #102b44;
  --club-muted: #52677b;
  --club-line: #d6e0e7;
  --club-paper: #f7f9fa;
  --club-ice: #e8eff4;
}
#club-landing .club-site-content { overflow: hidden; background: var(--club-paper); color: var(--club-ink); }
#club-landing .club-section-shell { width: min(100%, 1320px); margin-inline: auto; padding-inline: clamp(24px, 5vw, 76px); }
#club-landing .club-site-content button:focus-visible, #club-landing .club-site-content a:focus-visible, #club-landing .club-site-content summary:focus-visible, #club-landing .club-footer a:focus-visible { outline: 2px solid var(--club-navy); outline-offset: 5px; }
#club-landing .club-eyebrow { display: flex; align-items: center; gap: 22px; margin: 0 0 34px; color: #4a667e; font: 700 11px/1.3 "Club Raleway", sans-serif; letter-spacing: .25em; text-transform: uppercase; }
#club-landing .club-eyebrow span { color: #8ea2b2; font-weight: 500; letter-spacing: .12em; }
#club-landing .club-section-title { margin: 0; font: 400 clamp(44px, 4.65vw, 72px)/1.08 "Club Playfair Display", Georgia, serif; letter-spacing: -.038em; }
#club-landing .club-section-title em { color: #718aa8; font-style: normal; }
#club-landing .club-section-lead { max-width: 560px; margin: 32px 0 0; font: 400 clamp(16px, 1.35vw, 19px)/1.6 "Club Raleway", sans-serif; }
#club-landing .club-inside { padding-block: clamp(84px, 9vw, 124px); background: #e9f0f5; }
#club-landing .club-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 32px; margin-bottom: 48px; }
#club-landing .club-section-heading__note { max-width: 250px; margin: 0 0 9px; color: var(--club-muted); font: 400 15px/1.6 "Club Raleway", sans-serif; }
#club-landing .club-inside__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
#club-landing .club-feature-card { position: relative; display: flex; flex-direction: column; min-height: 320px; padding: 28px 24px 28px; overflow: hidden; background: rgba(255,255,255,.76); border: 1px solid rgba(255,255,255,.65); }
#club-landing .club-feature-card:nth-child(even) { background: #f5f8fa; }
#club-landing .club-feature-card__number { color: #8097aa; font: 500 12px/1 "Club Raleway", sans-serif; letter-spacing: .12em; }
#club-landing .club-feature-card__symbol { position: absolute; top: 52px; right: 25px; width: 55px; height: 55px; opacity: .55; }
#club-landing .club-feature-card__symbol--star::before, #club-landing .club-feature-card__symbol--star::after { position: absolute; top: 50%; left: 50%; width: 1px; height: 52px; background: #718aa8; content: ""; transform: translate(-50%, -50%); }
#club-landing .club-feature-card__symbol--star::after { transform: translate(-50%, -50%) rotate(90deg); }
#club-landing .club-feature-card__symbol--star { background: linear-gradient(45deg, transparent calc(50% - .5px), #718aa8 50%, transparent calc(50% + .5px)), linear-gradient(-45deg, transparent calc(50% - .5px), #718aa8 50%, transparent calc(50% + .5px)); }
#club-landing .club-feature-card__symbol--circle { border: 1px solid #718aa8; border-radius: 50%; }
#club-landing .club-feature-card__symbol--circle::after { position: absolute; inset: 10px; border: 1px solid #718aa8; border-radius: 50%; content: ""; }
#club-landing .club-feature-card__symbol--lines { background: repeating-linear-gradient(to bottom, #718aa8 0 1px, transparent 1px 12px); transform: rotate(-25deg) scale(.8); }
#club-landing .club-feature-card__symbol--pair::before, #club-landing .club-feature-card__symbol--pair::after { position: absolute; top: 5px; width: 36px; height: 46px; border: 1px solid #718aa8; border-radius: 50%; content: ""; }
#club-landing .club-feature-card__symbol--pair::before { left: 0; }
#club-landing .club-feature-card__symbol--pair::after { right: 0; }
#club-landing .club-feature-card h3 { position: relative; margin: auto 0 12px; font: 400 clamp(24px, 2.25vw, 30px)/1.16 "Club Playfair Display", Georgia, serif; letter-spacing: -.025em; }
#club-landing .club-feature-card p { position: relative; min-height: 72px; margin: 0; color: var(--club-muted); font: 400 15px/1.55 "Club Raleway", sans-serif; }
#club-landing .club-archive-note { display: flex; align-items: center; gap: 28px; margin-top: 12px; padding: 26px 34px; background: #d6e2eb; }
#club-landing .club-archive-note__mark { display: grid; flex: 0 0 52px; width: 52px; height: 52px; place-items: center; border: 1px solid #718aa8; border-radius: 50%; color: var(--club-ink); font: 400 25px/1 "Club Playfair Display", serif; }
#club-landing .club-archive-note strong { font: 400 24px/1.25 "Club Playfair Display", Georgia, serif; }
#club-landing .club-archive-note p { margin: 6px 0 0; color: var(--club-muted); font: 400 14px/1.55 "Club Raleway", sans-serif; }
#club-landing .club-topics { padding-block: clamp(90px, 10vw, 140px); background: #102a40; color: #f6f9fb; }
#club-landing .club-topics .club-eyebrow { color: #b1c4d1; }
#club-landing .club-topics .club-eyebrow span { color: #8fa8b9; }
#club-landing .club-topics .club-section-title em { color: #a7bfd0; }
#club-landing .club-topics__heading { display: grid; grid-template-columns: 1fr 280px; align-items: end; column-gap: 48px; margin-bottom: 52px; }
#club-landing .club-topics__heading .club-eyebrow { grid-column: 1 / -1; }
#club-landing .club-topics__heading p:last-child { margin: 0 0 8px; color: #c4d2da; font: 400 15px/1.6 "Club Raleway", sans-serif; }
#club-landing .club-topics__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; border-bottom: 1px solid rgba(222,235,243,.28); list-style: none; }
#club-landing .club-topics__grid li { display: flex; flex-direction: column; justify-content: space-between; min-height: 206px; padding: 27px 24px 27px 0; border-top: 1px solid rgba(222,235,243,.28); color: #f1f6f9; }
#club-landing .club-topics__grid li:not(:nth-child(3n)) { margin-right: 24px; }
#club-landing .club-topics__grid span { color: #94afc1; font: 500 12px/1 "Club Raleway", sans-serif; letter-spacing: .12em; }
#club-landing .club-topics__grid h3 { margin: 0; font: 400 clamp(27px, 2.5vw, 34px)/1.14 "Club Playfair Display", Georgia, serif; letter-spacing: -.035em; }
#club-landing .club-author { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); align-items: center; gap: clamp(50px, 8vw, 110px); padding-block: clamp(92px, 11vw, 150px); }
#club-landing .club-author__image-wrap { position: relative; height: min(58vw, 610px); min-height: 480px; overflow: hidden; background: #c5cbd0; }
#club-landing .club-author__image-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: saturate(.76); }
#club-landing .club-author__image-caption { position: absolute; right: 0; bottom: 0; left: 0; padding: 28px 30px 24px; background: linear-gradient(transparent, rgba(12,28,46,.56)); color: white; font: 500 11px/1.4 "Club Raleway", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
#club-landing .club-author__copy .club-section-lead { max-width: 550px; }
#club-landing .club-author__method-link { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; }
#club-landing .club-author__method-link:hover { text-decoration-thickness: 2px; }
#club-landing .club-author__method-link:focus-visible { outline-color: var(--club-ink); }
#club-landing .club-author__closing { max-width: 550px; margin: 26px 0 0; color: var(--club-ink); font: 400 clamp(16px, 1.35vw, 19px)/1.6 "Club Raleway", sans-serif; }
#club-landing .club-author__closing strong { font-weight: 600; }
#club-landing .club-author__proof { max-width: 500px; margin: 30px 0 0; padding-left: 18px; border-left: 1px solid #718aa8; color: var(--club-muted); font: 400 16px/1.55 "Club Raleway", sans-serif; }
#club-landing .club-author__signature { display: flex; flex-direction: column; gap: 8px; margin-top: 40px; padding-top: 22px; border-top: 1px solid var(--club-line); font: 400 25px/1.2 "Club Playfair Display", Georgia, serif; }
#club-landing .club-author__signature span { color: var(--club-muted); font: 500 11px/1.3 "Club Raleway", sans-serif; letter-spacing: .19em; text-transform: uppercase; }
#club-landing .club-membership { padding-block: clamp(82px, 9vw, 120px); background: #dce7ef; }
#club-landing .club-membership__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(330px, .86fr); align-items: center; gap: clamp(56px, 9vw, 120px); }
#club-landing .club-membership__copy > p:not(.club-eyebrow) { max-width: 470px; margin: 28px 0 0; color: var(--club-muted); font: 400 16px/1.6 "Club Raleway", sans-serif; }
#club-landing .club-membership__list { display: grid; gap: 17px; margin: 33px 0 0; padding: 0; list-style: none; }
#club-landing .club-membership__list li { position: relative; padding-left: 31px; font: 400 15px/1.55 "Club Raleway", sans-serif; }
#club-landing .club-membership__list li::before { position: absolute; top: 3px; left: 0; width: 17px; height: 17px; border: 1px solid #718aa8; border-radius: 50%; content: ""; }
#club-landing .club-membership__list li::after { position: absolute; top: 7px; left: 5px; width: 7px; height: 4px; border-bottom: 1px solid #42627b; border-left: 1px solid #42627b; content: ""; transform: rotate(-45deg); }
#club-landing .club-membership__card { padding: clamp(32px, 4.2vw, 60px); background: #f7f9fa; box-shadow: 0 28px 70px rgba(32,63,87,.09); }
#club-landing .club-membership__card-label { margin: 0 0 30px; color: var(--club-muted); font: 700 11px/1.4 "Club Raleway", sans-serif; letter-spacing: .2em; text-transform: uppercase; }
#club-landing .club-membership__price { margin: 0 0 38px; white-space: nowrap; font: 400 clamp(43px, 4.4vw, 66px)/1 "Club Playfair Display", Georgia, serif; letter-spacing: -.045em; }
#club-landing .club-membership__price span { font-size: clamp(18px, 1.65vw, 25px); letter-spacing: -.02em; }
#club-landing .club-membership__button { display: flex; align-items: center; justify-content: space-between; gap: 20px; width: 100%; min-height: 58px; padding: 0 24px 0 30px; border: 0; border-radius: 32px; background: #102b44; color: white; font: 600 12px/1.3 "Club Raleway", sans-serif; letter-spacing: .13em; text-align: left; text-transform: uppercase; transition: background-color .2s ease, transform .2s ease; }
#club-landing .club-membership__button:hover { background: #31577a; }
#club-landing .club-membership__button:active { transform: scale(.99); }
#club-landing .club-membership__button span { font-size: 25px; font-weight: 400; line-height: 1; }
#club-landing .club-membership__button:focus-visible { outline-color: #102b44; }
#club-landing .club-membership__small, #club-landing .club-membership__notice { margin: 20px 0 0; color: var(--club-muted); font: 400 14px/1.5 "Club Raleway", sans-serif; }
#club-landing .club-membership__notice { color: var(--club-ink); font-weight: 600; }
#club-landing .club-membership__notice[hidden] { display: none; }
#club-landing .club-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(46px, 8vw, 110px); padding-block: clamp(90px, 10vw, 140px); }
#club-landing .club-faq .club-section-title { font-size: clamp(43px, 4.2vw, 64px); }
#club-landing .club-faq__list { border-top: 1px solid var(--club-line); }
#club-landing .club-faq__list details { border-bottom: 1px solid var(--club-line); }
#club-landing .club-faq__list summary { position: relative; display: flex; align-items: center; min-height: 82px; padding: 19px 48px 19px 0; cursor: pointer; font: 400 clamp(19px, 1.8vw, 23px)/1.35 "Club Playfair Display", Georgia, serif; list-style: none; }
#club-landing .club-faq__list summary::-webkit-details-marker { display: none; }
#club-landing .club-faq__list summary::before, #club-landing .club-faq__list summary::after { position: absolute; top: 50%; right: 8px; width: 20px; height: 1px; background: #31577a; content: ""; transition: transform .2s ease; }
#club-landing .club-faq__list summary::after { transform: rotate(90deg); }
#club-landing .club-faq__list details[open] summary::after { transform: rotate(0); }
#club-landing .club-faq__list details p { max-width: 560px; margin: -4px 45px 25px 0; color: var(--club-muted); font: 400 16px/1.65 "Club Raleway", sans-serif; }
#club-landing .club-footer { background: #102a40; color: #dce7ef; }
#club-landing .club-footer__inner { min-height: 148px; padding-block: 36px 42px; }
#club-landing .club-footer__brand { font: 300 24px/1.2 "Club Raleway", sans-serif; letter-spacing: -.025em; }
#club-landing .club-footer p { margin: 0; color: #adc1ce; font: 400 12px/1.5 "Club Raleway", sans-serif; }
#club-landing .club-footer a { display: inline-flex; align-items: center; min-height: 44px; color: #dce7ef; font: 500 12px/1.4 "Club Raleway", sans-serif; text-decoration: none; }
#club-landing .club-footer__top { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
#club-landing .club-footer__details { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 7vw, 110px); margin-top: 30px; padding-top: 26px; border-top: 1px solid rgba(220,231,239,.24); }
#club-landing .club-footer__identity p { color: #dce7ef; font-size: 13px; line-height: 1.55; }
#club-landing .club-footer__legal { display: flex; flex-direction: column; align-items: flex-start; }
#club-landing .club-footer__legal a { max-width: 440px; padding-block: 10px; font-size: 12px; line-height: 1.5; text-transform: uppercase; }
#club-landing .club-footer a:hover { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
#club-landing .club-footer a:focus-visible { outline-color: #fff; }
@media (max-width: 700px) {
#club-landing .club-footer__inner { padding-block: 42px 46px; }
#club-landing .club-footer__top { flex-wrap: wrap; gap: 8px 24px; }
#club-landing .club-footer__top .club-footer__brand { flex-basis: 100%; }
#club-landing .club-footer__details { grid-template-columns: 1fr; gap: 20px; margin-top: 25px; padding-top: 24px; }
#club-landing .club-footer__legal a { min-height: 44px; }
}
@media (max-width: 1050px) {
#club-landing .club-inside__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#club-landing .club-feature-card { min-height: 280px; }
#club-landing .club-membership__inner { gap: 46px; }
}
@media (max-width: 700px) {
#club-landing .club-section-shell { padding-inline: 24px; }
#club-landing .club-eyebrow { margin-bottom: 25px; font-size: 10px; }
#club-landing .club-section-title { font-size: clamp(42px, 10.6vw, 57px); }
#club-landing .club-section-lead { margin-top: 25px; font-size: 16px; }
#club-landing .club-inside { padding-block: 80px; }
#club-landing .club-section-heading { display: block; margin-bottom: 36px; }
#club-landing .club-section-heading__note { max-width: 430px; margin-top: 22px; font-size: 14px; }
#club-landing .club-inside__grid { gap: 8px; }
#club-landing .club-feature-card { min-height: 258px; padding: 20px 18px; }
#club-landing .club-feature-card__symbol { top: 49px; right: 14px; width: 40px; height: 40px; }
#club-landing .club-feature-card__symbol--star::before, #club-landing .club-feature-card__symbol--star::after { height: 40px; }
#club-landing .club-feature-card__symbol--pair::before, #club-landing .club-feature-card__symbol--pair::after { width: 27px; height: 34px; }
#club-landing .club-feature-card h3 { font-size: clamp(22px, 5.9vw, 28px); }
#club-landing .club-feature-card p { min-height: 0; font-size: 14px; line-height: 1.5; }
#club-landing .club-archive-note { align-items: flex-start; gap: 16px; margin-top: 8px; padding: 22px 18px; }
#club-landing .club-archive-note__mark { flex-basis: 40px; width: 40px; height: 40px; font-size: 21px; }
#club-landing .club-archive-note strong { font-size: 22px; }
#club-landing .club-archive-note p { font-size: 14px; }
#club-landing .club-topics { padding-block: 82px; }
#club-landing .club-topics__heading { display: block; margin-bottom: 36px; }
#club-landing .club-topics__heading p:last-child { max-width: 380px; margin-top: 22px; font-size: 14px; }
#club-landing .club-topics__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
#club-landing .club-topics__grid li { min-height: 168px; padding: 22px 8px 22px 0; }
#club-landing .club-topics__grid li:not(:nth-child(3n)) { margin-right: 0; }
#club-landing .club-topics__grid li:nth-child(odd) { margin-right: 16px; }
#club-landing .club-topics__grid h3 { font-size: clamp(22px, 5.8vw, 29px); }
#club-landing .club-author { grid-template-columns: 1fr; gap: 45px; padding-block: 82px; }
#club-landing .club-author__image-wrap { height: auto; min-height: 0; aspect-ratio: 4 / 4.4; }
#club-landing .club-author__copy .club-section-title { font-size: clamp(40px, 9.8vw, 54px); }
#club-landing .club-author__proof { font-size: 15px; }
#club-landing .club-author__signature { margin-top: 34px; }
#club-landing .club-membership { padding-block: 82px; }
#club-landing .club-membership__inner { grid-template-columns: 1fr; gap: 42px; }
#club-landing .club-membership__copy > p:not(.club-eyebrow) { font-size: 15px; }
#club-landing .club-membership__card { margin-inline: -8px; padding: 30px 26px; }
#club-landing .club-membership__price { font-size: clamp(46px, 11vw, 61px); }
#club-landing .club-membership__price span { font-size: 19px; }
#club-landing .club-faq { grid-template-columns: 1fr; gap: 34px; padding-block: 82px; }
#club-landing .club-faq .club-section-title { font-size: clamp(43px, 10.2vw, 55px); }
#club-landing .club-faq__list summary { min-height: 72px; font-size: 20px; }
#club-landing .club-footer__inner { min-height: 0; }
#club-landing .club-footer__brand { width: 100%; }
}
@media (max-width: 359px) {
#club-landing .club-section-shell { padding-inline: 20px; }
#club-landing .club-feature-card { padding: 18px 13px; }
#club-landing .club-feature-card h3 { font-size: 21px; }
#club-landing .club-topics__grid li { padding: 18px 4px 18px 0; }
#club-landing .club-topics__grid h3 { font-size: 19px; }
#club-landing .club-membership__card { padding-inline: 22px; }
#club-landing .club-membership__price { font-size: 43px; }
}
@media (prefers-reduced-motion: reduce) {
#club-landing .club-hero__cta, #club-landing .club-membership__button, #club-landing .club-faq__list summary::after { transition: none; }
}
#club-landing .club-scroll-reveal {
  opacity: 0;
  transform: translate3d(0, 18px, 0);
  transition: opacity 650ms ease, transform 650ms cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--club-reveal-delay, 0ms);
}
#club-landing .club-scroll-reveal.club-is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
#club-landing .club-scroll-reveal { opacity: 1; transform: none; transition: none; }
}
#club-landing .club-hero__brand { width: auto; }
@font-face { font-family: "Club Manrope"; src: url('club-assets/assets/manrope-regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: "Club Manrope"; src: url('club-assets/assets/manrope-semibold.ttf') format('truetype'); font-style: normal; font-weight: 600; font-display: swap; }
#club-landing .club-hero__join {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  width: 278px;
  min-height: 60px;
  margin-top: 3px;
  padding: 10px 14px 10px 32px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(105deg,#233e75,#071044);
  color: #fff;
  font: 600 12px/1.35 "Club Manrope",sans-serif;
  letter-spacing: .11em;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 10px 24px rgba(18,45,83,.18);
  transition: transform .2s,box-shadow .2s,filter .2s;
}
#club-landing .club-hero__join:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(18,45,83,.24); filter: brightness(1.05); }
#club-landing .club-hero__join:active { transform: translateY(0); }
#club-landing .club-hero__join > span:first-child { transform: translateX(10px); }
#club-landing .club-hero__join small { font: 400 10px/1.4 "Club Manrope",sans-serif; letter-spacing: .14em; }
#club-landing .club-hero__join .club-button__arrow { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.65); border-radius: 50%; color: #fff; }
#club-landing .club-hero__join .club-button__arrow svg { display: block; width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
#club-landing .club-hero__join:focus-visible { outline: 3px solid white; outline-offset: 4px; }
#club-landing .club-hero__voice { display: none; }
@media (max-width: 899px) {
#club-landing .club-hero__tagline { height: auto; overflow: visible; }
#club-landing .club-hero__voice { display: block; margin-top: 10px; color: white; font: italic 13px/1.3 "Club Playfair Display",Georgia,serif; letter-spacing: .02em; }
}
@media (max-width: 599px) {
#club-landing .club-hero__intro { top: calc(93.8462vw - 20px); }
}
@media (min-width: 600px) and (max-width: 899px) {
#club-landing .club-hero__intro { top: 365px; }
}
#club-landing .club-site-content { position: relative; z-index: 2; margin-top: -32px; overflow: visible; background: transparent; }
#club-landing .club-site-content > section { position: relative; border-radius: 34px 34px 0 0; box-shadow: 0 -10px 30px rgba(20,49,74,.065); }
#club-landing .club-site-content > section + section { margin-top: -32px; }
#club-landing .club-benefits { z-index: 1; }
#club-landing .club-more { z-index: 2; }
#club-landing .club-topics-section { z-index: 3; }
#club-landing .club-inside { z-index: 4; }
#club-landing .club-author-section { z-index: 5; }
#club-landing .club-membership { z-index: 6; }
#club-landing .club-faq-section { z-index: 7; }
#club-landing .club-topics-section, #club-landing .club-author-section, #club-landing .club-faq-section { background: #f7f9fa; }
#club-landing .club-footer { position: relative; z-index: 8; margin-top: -32px; border-radius: 34px 34px 0 0; }
#club-landing .club-benefits { padding-block: 43px 50px; background: #f4f8fa; }
#club-landing .club-benefits .club-eyebrow { margin-bottom: 25px; }
#club-landing .club-benefits__grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-block: 1px solid #d4e0e9; }
#club-landing .club-benefit { display: flex; align-items: center; justify-content: center; gap: 17px; min-height: 96px; padding: 14px 18px; border-right: 1px solid #d4e0e9; }
#club-landing .club-benefit:last-child { border-right: 0; }
#club-landing .club-benefit svg { flex: 0 0 40px; width: 40px; height: 40px; stroke: #3e6487; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
#club-landing .club-benefit span { font: 600 12px/1.5 "Club Raleway",sans-serif; letter-spacing: .09em; text-transform: uppercase; }
#club-landing .club-more { position: relative; isolation: isolate; min-height: 510px; overflow: hidden; background: #b5c7d5; }
#club-landing .club-more__image { position: absolute; inset: 0; z-index: -1; background: url('club-assets/assets/club-still-life.jpg') center 55%/cover no-repeat; }
#club-landing .club-more__image::after { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(229,239,246,.97) 0%,rgba(224,235,243,.86) 35%,rgba(137,169,193,.31) 75%,rgba(31,65,92,.14) 100%); content: ""; }
#club-landing .club-more__content { padding-block: clamp(85px,10vw,126px); }
#club-landing .club-more .club-section-title { max-width: 700px; }
#club-landing .club-more .club-eyebrow { color: #28506f; }
#club-landing .club-more p:not(.club-eyebrow) { max-width: 410px; margin: 25px 0 22px; font: 400 17px/1.65 "Club Raleway",sans-serif; }
#club-landing .club-more__link { display: inline-flex; align-items: center; gap: 20px; min-height: 48px; border-bottom: 1px solid #31577a; color: #173b59; font: 700 11px/1.2 "Club Raleway",sans-serif; letter-spacing: .18em; text-decoration: none; text-transform: uppercase; transition: gap .2s ease; }
#club-landing .club-more__link:hover { gap: 27px; }
#club-landing .club-more__link span { font-size: 22px; font-weight: 400; }
#club-landing .club-wholeness { display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); align-items: center; gap: clamp(35px,5vw,78px); padding-block: clamp(85px,9vw,125px); }
#club-landing .club-wholeness__copy { align-self: center; }
#club-landing .club-wholeness__copy .club-section-title { font-size: clamp(42px,4.2vw,64px); }
#club-landing .club-wholeness__copy > p:last-child { max-width: 450px; margin: 28px 0 0; color: var(--club-muted); font: 400 17px/1.65 "Club Raleway",sans-serif; }
#club-landing .club-petal-map { position: relative; justify-self: center; width: min(100%,550px); aspect-ratio: 1; }
#club-landing .club-petal { position: absolute; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 35%; height: 35%; padding: 9px; border: 1px solid rgba(92,134,165,.3); border-radius: 50%; background: rgba(224,235,243,.57); text-align: center; }
#club-landing .club-petal strong { font: 700 11px/1.25 "Club Raleway",sans-serif; letter-spacing: .04em; text-transform: uppercase; }
#club-landing .club-petal span { max-width: 130px; margin-top: 6px; color: #4e6880; font: 400 10px/1.3 "Club Raleway",sans-serif; }
#club-landing .club-petal--1 { left: 32.5%; top: 1.5%; }
#club-landing .club-petal--2 { left: 58.5%; top: 10.5%; }
#club-landing .club-petal--3 { right: 1.5%; top: 32.5%; }
#club-landing .club-petal--4 { left: 58.5%; bottom: 10.5%; }
#club-landing .club-petal--5 { left: 32.5%; bottom: 1.5%; }
#club-landing .club-petal--6 { left: 6.5%; bottom: 10.5%; }
#club-landing .club-petal--7 { left: 1.5%; top: 32.5%; }
#club-landing .club-petal--8 { left: 6.5%; top: 10.5%; }
#club-landing .club-petal-map__center { position: absolute; z-index: 2; left: 38%; top: 38%; display: grid; place-items: center; width: 24%; height: 24%; border-radius: 50%; background: radial-gradient(circle at 35% 20%,#8eabc5,#284d72); box-shadow: 0 12px 31px rgba(28,72,109,.18); color: white; font: 400 clamp(27px,3.5vw,43px)/1 "Club Playfair Display",Georgia,serif; }
#club-landing .club-inside { padding-block: clamp(85px,9vw,125px); background: #e5eff6; color: #102b44; }
#club-landing .club-inside__inner { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(45px,7vw,105px); }
#club-landing .club-inside .club-eyebrow { color: #4a667e; }
#club-landing .club-inside .club-eyebrow span { color: #829bb0; }
#club-landing .club-inside .club-section-title em { color: #718aa8; }
#club-landing .club-inside__heading > p:last-child { max-width: 370px; margin: 25px 0 0; color: #52677b; font: 400 17px/1.65 "Club Raleway",sans-serif; }
#club-landing .club-timeline { position: relative; }
#club-landing .club-timeline::before { position: absolute; top: 20px; bottom: 45px; left: 19px; width: 1px; background: #aac0d2; content: ""; }
#club-landing .club-timeline__item { position: relative; display: grid; grid-template-columns: 40px 92px minmax(0,1fr); align-items: center; gap: 20px; min-height: 124px; padding-bottom: 19px; }
#club-landing .club-timeline__item:last-child { padding-bottom: 0; }
#club-landing .club-timeline__count { position: relative; z-index: 1; display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid #94aec2; border-radius: 50%; background: #e5eff6; color: #43627d; font: 600 10px/1 "Club Raleway",sans-serif; }
#club-landing .club-timeline__thumb { width: 92px; height: 88px; overflow: hidden; border-radius: 9px; background: #aec5d6; }
#club-landing .club-timeline__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
#club-landing .club-timeline__item:first-child .club-timeline__thumb img { object-position: center 22%; }
#club-landing .club-timeline__thumb--mic { display: grid; place-items: center; background: linear-gradient(135deg,#b6ccdc,#456d8d); }
#club-landing .club-timeline__thumb--mic svg { width: 48px; stroke: #f4f9fc; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#club-landing .club-timeline__thumb--abstract, #club-landing .club-timeline__thumb--archive { display: grid; place-items: center; background: radial-gradient(circle at 70% 30%,#c8dae7,#6489a7); color: #f4f9fc; }
#club-landing .club-timeline__thumb--abstract span { font: 400 43px/1 "Club Playfair Display",Georgia,serif; }
#club-landing .club-timeline__thumb--archive span { font: 400 45px/1 "Club Playfair Display",Georgia,serif; }
#club-landing .club-timeline__copy h3 { margin: 0 0 6px; color: #253f51; font: 700 13px/1.4 "Club Raleway",sans-serif; letter-spacing: .04em; text-transform: uppercase; }
#club-landing .club-timeline__copy p { margin: 0; color: #52677b; font: 400 13px/1.55 "Club Raleway",sans-serif; }
#club-landing .club-author__image-wrap { border-radius: 22px; }
#club-landing .club-author__image-wrap img { object-position: center top; filter: none; transform: scale(1.16); transform-origin: center top; }
#club-landing .club-author__name { margin: 26px 0 18px; color: #4b6e8b; font: 600 13px/1.4 "Club Raleway",sans-serif; letter-spacing: .16em; text-transform: uppercase; }
#club-landing .club-author__story { max-width: 550px; margin: 0 0 17px; color: #52677b; font: 400 16px/1.65 "Club Raleway",sans-serif; }
#club-landing .club-author__quote { position: relative; max-width: 550px; margin: 34px 0 0; padding: 44px 34px 30px; border: 1px solid #dae5ed; border-radius: 18px; background: #e9f1f6; color: #28465f; }
#club-landing .club-author__quote::before { position: absolute; top: 8px; left: 31px; color: #6f91aa; content: "“"; font: 400 58px/1 "Club Playfair Display",Georgia,serif; }
#club-landing .club-author__quote p { margin: 0; font: italic 400 18px/1.55 "Club Playfair Display",Georgia,serif; }
#club-landing .club-membership { background: #dce7ef; }
#club-landing .club-membership__intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.6fr); gap: 0 50px; align-items: end; margin-bottom: 46px; }
#club-landing .club-membership__intro .club-eyebrow { grid-column: 1 / -1; }
#club-landing .club-membership__intro > p:last-child { max-width: 390px; margin: 0 0 7px; color: var(--club-muted); font: 400 16px/1.6 "Club Raleway",sans-serif; }
#club-landing .club-membership__card { width: min(100%,730px); margin-inline: auto; padding: clamp(32px,4vw,54px); border: 1px solid #e0e9ef; border-radius: 22px; background: #f7f9fa; box-shadow: 0 26px 75px rgba(27,65,96,.1); }
#club-landing .club-membership__top { text-align: center; }
#club-landing .club-membership__card-label { margin: 0 0 14px; color: #466c8b; }
#club-landing .club-membership__top h3 { margin: 0; font: 400 clamp(34px,4vw,48px)/1.15 "Club Playfair Display",Georgia,serif; letter-spacing: -.035em; }
#club-landing .club-membership__description { margin: 14px 0 0; color: var(--club-muted); font: 600 11px/1.5 "Club Raleway",sans-serif; letter-spacing: .11em; text-transform: uppercase; }
#club-landing .club-membership__price { margin: 27px 0 26px; }
#club-landing .club-membership__price .club-membership__currency { display: inline-block; position: relative; top: .11em; font-size: .92em; line-height: 1; }
#club-landing .club-membership__button { width: min(100%,385px); margin-inline: auto; }
#club-landing .club-membership__notice { max-width: 385px; margin-inline: auto; }
#club-landing .club-membership__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px 30px; margin: 40px 0 0; }
#club-landing .club-membership__list li { font-size: 14px; }
#club-landing .club-membership__list li::before { background: #e7eff4; }
@media (max-width: 1050px) {
#club-landing .club-benefit { gap: 10px; padding-inline: 10px; }
#club-landing .club-benefit span { font-size: 10px; }
#club-landing .club-benefit svg { flex-basis: 34px; width: 34px; height: 34px; }
#club-landing .club-wholeness { gap: 25px; }
#club-landing .club-inside__inner { gap: 45px; }
}
@media (max-width: 780px) {
#club-landing .club-wholeness, #club-landing .club-inside__inner { grid-template-columns: 1fr; }
#club-landing .club-wholeness__copy > p:last-child { max-width: 650px; }
#club-landing .club-petal-map { width: min(100%,530px); margin-top: 24px; }
#club-landing .club-inside__heading > p:last-child { max-width: 580px; }
#club-landing .club-timeline { max-width: 680px; }
#club-landing .club-membership__intro { grid-template-columns: 1fr; }
#club-landing .club-membership__intro > p:last-child { margin-top: 22px; }
}
@media (max-width: 700px) {
#club-landing .club-site-content { margin-top: -24px; }
#club-landing .club-site-content > section, #club-landing .club-footer { border-radius: 26px 26px 0 0; }
#club-landing .club-site-content > section + section, #club-landing .club-footer { margin-top: -24px; }
#club-landing .club-benefits { padding-block: 34px 35px; }
#club-landing .club-benefits__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
#club-landing .club-benefit { justify-content: flex-start; min-height: 86px; padding: 12px 8px; }
#club-landing .club-benefit:nth-child(2) { border-right: 0; }
#club-landing .club-benefit:nth-child(-n+2) { border-bottom: 1px solid #d4e0e9; }
#club-landing .club-benefit span { font-size: 10px; overflow-wrap: anywhere; }
#club-landing .club-benefit svg { flex-basis: 30px; width: 30px; height: 30px; }
#club-landing .club-more { min-height: 445px; }
#club-landing .club-more__image { background-position: 55% center; }
#club-landing .club-more__image::after { background: linear-gradient(90deg,rgba(229,239,246,.96),rgba(224,235,243,.75) 62%,rgba(137,169,193,.34)); }
#club-landing .club-more__content { padding-block: 70px; }
#club-landing .club-more .club-section-title { font-size: clamp(39px,10vw,55px); }
#club-landing .club-more p:not(.club-eyebrow) { max-width: 310px; font-size: 15px; }
#club-landing .club-wholeness { padding-block: 80px; }
#club-landing .club-wholeness__copy .club-section-title { font-size: clamp(39px,9.8vw,55px); }
#club-landing .club-wholeness__copy > p:last-child { font-size: 15px; }
#club-landing .club-inside { padding-block: 82px; }
#club-landing .club-inside__heading > p:last-child { font-size: 15px; }
#club-landing .club-timeline__copy h3 { font-size: 12px; }
#club-landing .club-timeline__copy p { font-size: 12px; }
#club-landing .club-author__image-wrap img { transform: scale(1.08); }
#club-landing .club-author__name { margin-top: 20px; }
#club-landing .club-author__story { font-size: 15px; }
#club-landing .club-author__quote { margin-top: 28px; padding: 40px 25px 26px; }
#club-landing .club-author__quote::before { left: 23px; }
#club-landing .club-author__quote p { font-size: 17px; }
#club-landing .club-membership__intro { margin-bottom: 35px; }
#club-landing .club-membership__card { margin-inline: 0; padding: 34px 24px; }
#club-landing .club-membership__list { gap: 14px; }
}
@media (max-width: 560px) {
#club-landing .club-petal-map { width: min(100%,550px); margin-top: 34px; }
#club-landing .club-petal { padding: 5px; }
#club-landing .club-petal strong { font-size: clamp(8px,2.35vw,11px); }
#club-landing .club-petal span { max-width: 80px; margin-top: 3px; font-size: clamp(7px,2.05vw,9px); }
#club-landing .club-petal-map__center { font-size: clamp(25px,7.6vw,35px); }
#club-landing .club-timeline::before { left: 14px; }
#club-landing .club-timeline__item { grid-template-columns: 30px 76px minmax(0,1fr); gap: 11px; min-height: 125px; }
#club-landing .club-timeline__count { width: 29px; height: 29px; font-size: 9px; }
#club-landing .club-timeline__thumb { width: 76px; height: 78px; }
#club-landing .club-timeline__copy h3 { font-size: 11px; }
#club-landing .club-timeline__copy p { font-size: 11px; }
#club-landing .club-membership__list { grid-template-columns: 1fr; margin-top: 32px; }
#club-landing .club-membership__list li { font-size: 13px; }
#club-landing .club-membership__description { font-size: 10px; }
}
@media (max-width: 359px) {
#club-landing .club-benefit { gap: 6px; }
#club-landing .club-benefit span { font-size: 9px; }
#club-landing .club-petal strong { font-size: 8px; }
#club-landing .club-petal span { font-size: 7px; }
#club-landing .club-timeline__item { grid-template-columns: 28px 64px minmax(0,1fr); gap: 8px; }
#club-landing .club-timeline__thumb { width: 64px; height: 74px; }
#club-landing .club-timeline__copy h3 { font-size: 10px; }
#club-landing .club-timeline__copy p { font-size: 10px; }
}
@media (prefers-reduced-motion: reduce) {
#club-landing .club-hero__join, #club-landing .club-more__link { transition: none; }
}
/* Mobile hero update. Append AFTER the existing club.css rules. */
@media (max-width: 899px) {
  #club-landing .club-hero__photo {
    top: -35.384615vw;
    left: -14.358974vw;
    right: auto;
    width: 116.410256vw;
    height: auto;
    object-fit: contain;
    object-position: center;
    -webkit-mask-image: none;
    mask-image: none;
    filter: none;
    transform: none;
  }
  #club-landing .club-hero__cutout { display: none; }
}
@media (max-width: 599px) {
  #club-landing .club-hero__brand {
    top: 28.717949vw;
    left: 7.948718vw;
    height: auto;
    font-size: 5.641026vw;
    font-weight: 100;
    line-height: 1;
    letter-spacing: .282051vw;
  }
  #club-landing .club-hero__title {
    top: 28.205128vw;
    left: 6.666667vw;
    width: 94.358974vw;
    height: 40.512821vw;
    font-size: 29.230769vw;
  }
  #club-landing .club-hero__intro {
    top: 79.487179vw;
    left: 7.692308vw;
    width: 47.179487vw;
  }
}
@media (min-width: 600px) and (max-width: 899px) and (orientation: landscape) {
  #club-landing .club-hero { min-height: 600px; }
  #club-landing .club-hero__photo {
    top: -138px;
    left: auto;
    right: 0;
    width: 454px;
  }
}
/* Mobile hero typography and original thin arrow shape. Append last. */
@media (max-width: 899px) {
  #club-landing .club-hero__heading,
  #club-landing .club-hero__brand,
  #club-landing .club-hero__title {
    text-align: left;
    text-indent: 0;
  }
  #club-landing .club-hero__brand { font-weight: 200; }
  #club-landing .club-hero__join .club-button__arrow svg { display: none; }
  #club-landing .club-hero__join .club-button__arrow::after {
    content: "";
    display: block;
    width: 22px;
    height: 6.94px;
    background: url("data:image/svg+xml,%3Csvg%20width%3D%2228.7105%22%20height%3D%229.06099%22%20viewBox%3D%220%200%2028.7105%209.06099%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0.615225%203.91527H0V5.14572H0.615225V4.53049V3.91527ZM28.5303%204.96552C28.7706%204.72526%2028.7706%204.33572%2028.5303%204.09546L24.615%200.180195C24.3748%20-0.0600653%2023.9852%20-0.0600653%2023.745%200.180195C23.5047%200.420455%2023.5047%200.809994%2023.745%201.05026L27.2252%204.53049L23.745%208.01073C23.5047%208.25099%2023.5047%208.64053%2023.745%208.88079C23.9852%209.12105%2024.3748%209.12105%2024.615%208.88079L28.5303%204.96552ZM0.615225%204.53049V5.14572H28.0953V4.53049V3.91527H0.615225V4.53049Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E") center / 100% 100% no-repeat;
    transform: rotate(-45deg);
  }
}
@media (max-width: 599px) {
  #club-landing .club-hero__title {
    left: calc(8.048718vw - .042em);
  }
}
@media (min-width: 600px) and (max-width: 899px) {
  #club-landing .club-hero__title {
    left: calc(6.5% + .5px - .042em);
  }
}

/* Thin line shape in the subscription payment button. */
#club-landing .club-membership__button > span {
  position: relative;
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  font-size: 0;
  line-height: 0;
}
#club-landing .club-membership__button > span::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 21px;
  width: 25.46px;
  border-top: 1px solid currentColor;
  transform: rotate(-45deg);
  transform-origin: 0 0;
}
#club-landing .club-membership__button > span::after {
  content: "";
  position: absolute;
  right: 3px;
  top: 3px;
  width: 9px;
  height: 9px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
}