/* generated by T/inc2/gen.py from air-conditioning/: shared #club block, do not edit per page */
#club{--blue:#002D5C;--y:#FED14D;--ink:#00053E;--g:max(10px,calc(50% - 690px));--display:"Saira","Saira Fallback",system-ui,sans-serif;--pad:88px;--txt:#00053E;--line:#D8E2EE}
#club{font-family:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;font-size:16px;line-height:25.6px;color:rgb(0, 5, 62);letter-spacing:normal;font-weight:400;text-align:start;word-spacing:0px;text-transform:none;font-style:normal;-webkit-font-smoothing:auto}
@media (max-width: 699px){.wrap:is(#club,#club *){padding-bottom:revert;padding-left:revert;padding-right:revert;padding-top:revert}}
*:is(#club#club,#club#club *){box-sizing: border-box;}
img:is(#club#club,#club#club *){max-width: 100%; height: auto; display: block;}
a:is(#club#club,#club#club *){color: inherit;}
.wrap:is(#club#club,#club#club *){max-width: 1200px; margin: 0px auto; padding: 0px 24px; position: relative;}
h2:is(#club#club,#club#club *){font-family: "Roboto Condensed", "Arial Narrow", system-ui, sans-serif; line-height: 1.05; margin: 0px 0px 12px; letter-spacing: -0.01em;}
h2:is(#club#club,#club#club *){font-size: clamp(30px, 3.6vw, 40px); font-weight: 800;}
.intro:is(#club#club,#club#club *){max-width: 680px; margin: 0px 0px 40px; font-size: 17px; opacity: 0.9;}
.eb:is(#club#club,#club#club *){display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--blue); margin: 0px 0px 12px;}
.eb:is(#club#club,#club#club *)::after{content: ""; height: 2px; width: 64px; background: linear-gradient(90deg,var(--blue),transparent);}
.D .eb:is(#club#club,#club#club *){color: var(--y);}
.D .eb:is(#club#club,#club#club *)::after{background: linear-gradient(90deg,var(--y),transparent);}
.btn:is(#club#club,#club#club *){display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0px 28px; border-radius: 999px; font-weight: 800; font-size: 17px; text-decoration: none; position: relative; isolation: isolate; transition: transform 0.18s;}
.btn:hover:is(#club#club,#club#club *){transform: translateY(-2px);}
.call:is(#club#club,#club#club *){background: var(--y); color: var(--ink);}
.call:is(#club#club,#club#club *)::before{content: ""; position: absolute; inset: -6px; border-radius: inherit; box-shadow: rgba(254, 209, 77, 0.45) 0px 0px 0px 4px, rgba(254, 209, 77, 0.75) 0px 0px 26px 8px; z-index: -1; opacity: 0.35; animation: 2.4s ease-in-out 0s infinite normal none running glow;}
.book:is(#club#club,#club#club *){border: 2px solid var(--blue); color: var(--blue);}
.D .book:is(#club#club,#club#club *){border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);}
.sec:is(#club#club,#club#club *){position: relative; padding: 120px 0px 110px;}
.D:is(#club#club,#club#club *){background-color: var(--ink); color: rgb(230, 236, 248);}
.D h2:is(#club#club,#club#club *){color: rgb(255, 255, 255);}
.sec:is(#club#club,#club#club *)::before{content: ""; position: absolute; left: var(--g); top: -70px; bottom: 0px; border-left: 4px dashed rgba(0, 117, 189, 0.55); z-index: 4;}
.sec > .wrap:is(#club#club,#club#club *){z-index: 2;}
@media (max-width: 699px){.wrap:is(#club#club,#club#club *){padding: 0px 22px;}}
@media (max-width: 699px){.sec:is(#club#club,#club#club *){padding: 84px 0px 80px;}}
@media (max-width: 699px){.sec:is(#club#club,#club#club *)::before{top: -40px; border-left-width: 3px !important;}}
@media (prefers-reduced-motion: reduce){*:is(#club#club,#club#club *),:is(#club#club,#club#club *)::before,:is(#club#club,#club#club *)::after{animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important;}}
@media (prefers-reduced-motion: reduce){.call:is(#club#club,#club#club *)::before{opacity: 0.8;}}
@media (max-width: 699px){.sec:is(#club#club,#club#club *){padding: 60px 0px 56px;}}
@media (max-width: 699px){.intro:is(#club#club,#club#club *){margin-bottom: 24px; font-size: 16px;}}
h2:is(#club#club,#club#club *){font-family: var(--display); font-stretch: 112%;}
h2:is(#club#club,#club#club *){font-weight: 800; letter-spacing: -0.015em;}
.ic:is(#club#club,#club#club *){flex: 0 0 auto; margin-right: 8px;}
.eb:is(#club#club,#club#club *){font-family: var(--display); font-stretch: 125%; font-weight: 700; letter-spacing: 0.12em;}
.eb:is(#club#club,#club#club *)::before{content: ""; width: 22px; height: 9px; flex: 0 0 auto; background: repeating-linear-gradient(currentcolor 0px, currentcolor 1.5px, transparent 1.5px, transparent 3.5px);}
.eb:is(#club#club,#club#club *)::after{display: none;}
.sec:is(#club#club,#club#club *)::before{display: none;}
.D:is(#club#club,#club#club *){background-image: radial-gradient(90% 70% at 100% 0px, rgba(0, 117, 189, 0.22), transparent 60%);}
.call:is(#club#club,#club#club *)::before{animation: 2.4s ease-in-out 0s 2 normal none running glow;}
@supports (animation-timeline:view()){@media (prefers-reduced-motion: no-preference){.sec h2:is(#club#club,#club#club *),.sec .intro:is(#club#club,#club#club *){animation-duration: auto; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: rise; animation-timeline: view(); animation-range: entry 5% entry 65%;}}}
.eb:is(#club#club,#club#club *){flex-wrap: wrap; row-gap: 6px;}
h2:is(#club#club,#club#club *){text-wrap: balance;}
.eb:is(#club#club,#club#club *)::after{border-top: 2px solid; opacity: 0.75; width: 56px; height: 0px !important; background: none !important;}
.sec > .wrap > :last-child:is(#club#club,#club#club *),.sec > .wrap > :last-child > :last-child:is(#club#club,#club#club *){margin-bottom: 0px;}
@media (prefers-reduced-motion: reduce){*:is(#club#club,#club#club *),:is(#club#club,#club#club *)::before,:is(#club#club,#club#club *)::after{animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; scroll-behavior: auto !important;}}
h2:is(#club#club,#club#club *){line-height: 1.15;}
h2:is(#club#club,#club#club *),.intro:is(#club#club,#club#club *){text-wrap: balance;}
p:is(#club#club,#club#club *),li:is(#club#club,#club#club *){text-wrap: pretty;}
.sec h2:is(#club#club,#club#club *),.sec .intro:is(#club#club,#club#club *){animation: auto ease 0s 1 normal none running none !important;}
@media (prefers-reduced-motion: no-preference){html.rvo .sec h2:is(#club#club,#club#club *),html.rvo .sec .intro:is(#club#club,#club#club *){transition: opacity 0.5s, transform 0.5s;}}
@media (prefers-reduced-motion: no-preference){html.rvo .sec h2:not(.in):is(#club#club,#club#club *),html.rvo .sec .intro:not(.in):is(#club#club,#club#club *){opacity: 0; transform: translateY(6px);}}
h2:is(#club#club,#club#club *){text-wrap: balance;}
p:is(#club#club,#club#club *),li:is(#club#club,#club#club *){text-wrap: pretty;}
.btn:is(#club#club,#club#club *),.btn span:is(#club#club,#club#club *){white-space: nowrap;}
@media (max-width: 380px){.btn.call:is(#club#club,#club#club *){font-size: 15.5px; padding-left: 14px; padding-right: 14px;}}
main section .eb:is(#club#club,#club#club *),main section h2:is(#club#club,#club#club *),main section .intro:is(#club#club,#club#club *){max-width: none !important;}
section h2:is(#club#club,#club#club *){text-wrap: balance;}
section .intro:is(#club#club,#club#club *){text-wrap: pretty !important;}
.inner main > .sec:not(#book):is(#club#club,#club#club *){padding-top: var(--pad) !important; padding-bottom: var(--pad) !important;}
.inner h2:is(#club#club,#club#club *),.inner .intro:is(#club#club,#club#club *){text-wrap: balance;}
.inner p:is(#club#club,#club#club *),.inner li:is(#club#club,#club#club *){text-wrap: pretty;}
.pp:is(#club#club,#club#club *){font-size: 17px; margin: 0px 0px 14px;}
.D .pp:is(#club#club,#club#club *){color: rgb(220, 228, 246);}
.pmore:is(#club#club,#club#club *){margin: 18px 0px 0px; font-weight: 700;}
.pmore a:is(#club#club,#club#club *){color: inherit; text-decoration: underline; text-underline-offset: 3px;}
.D .pmore a:is(#club#club,#club#club *){color: rgb(255, 213, 74);}
h2:is(#club#club,#club#club *){text-wrap: balance;}
.pp:is(#club#club,#club#club *){max-width: 75ch;}
.inner .ic:is(#club#club,#club#club *),.inner svg.ic:is(#club#club,#club#club *){color: rgb(0, 5, 62);}
.inner .D .ic:is(#club#club,#club#club *),.inner .D svg.ic:is(#club#club,#club#club *){color: rgb(254,209,77);}
.inner .D .pmore a:is(#club#club,#club#club *){color: rgb(254,209,77);}
.inner h2:is(#club#club,#club#club *){text-wrap: balance;}
@media (max-width: 430px){.inner .btn:is(#club#club,#club#club *){white-space: nowrap;}}
.inner main > .sec .wrap > :last-child:is(#club#club,#club#club *){margin-bottom: 0px;}
.inner a.btn.call svg.ic:is(#club#club,#club#club *),.inner a.btn.call > svg:is(#club#club,#club#club *){color: inherit;}
.t-about .sec:is(#club#club,#club#club *){clip-path: none;}
.t-about .sec:is(#club#club,#club#club *)::before{display: none;}
.t-about .btn:is(#club#club,#club#club *){white-space: nowrap;}
.t-about .ab-ph:is(#club#club,#club#club *){display: grid; grid-template-columns: 1fr 210px; gap: 32px; align-items: end;}
@media (max-width: 699px){.t-about .ab-ph:is(#club#club,#club#club *){grid-template-columns: 1fr 110px; gap: 12px;}}
.inner .ab-hero ~ section:is(#club#club,#club#club *){--txt: #00053E;}
.t-about .ab-ph:is(#club#club,#club#club *){grid-template-rows: auto auto auto; grid-template-columns: minmax(0px, 1fr) auto !important; gap: 0px 24px !important; align-items: end !important;}
.t-about .ab-ph > div:is(#club#club,#club#club *){display: contents;}
.t-about .ab-ph .eb:is(#club#club,#club#club *){grid-area: 1 / 1;}
.t-about .ab-ph h2:is(#club#club,#club#club *){grid-area: 2 / 1; text-wrap: balance;}
.t-about .ab-ph .intro:is(#club#club,#club#club *){grid-area: 3 / 1 / auto / -1; max-width: none; text-wrap: pretty;}
.t-about main :is(h2, h3):is(#club#club,#club#club *){text-wrap: balance;}
.t-about main :is(p, blockquote, figcaption):is(#club#club,#club#club *){text-wrap: pretty;}
.t-about .ab-ph .intro:is(#club#club,#club#club *){text-wrap: balance !important;}
.t-about main p:is(#club#club,#club#club *),.t-about main .intro:is(#club#club,#club#club *){text-wrap: balance !important;}
.t-about .ab-ph .intro:is(#club#club,#club#club *){grid-column: 1 !important;}
@media (max-width: 699px){.t-about .ab-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) !important;}}
@media (max-width: 699px){.t-about .ab-ph .eb:is(#club#club,#club#club *){grid-row: 2 !important;}}
@media (max-width: 699px){.t-about .ab-ph h2:is(#club#club,#club#club *){grid-row: 3 !important;}}
@media (max-width: 699px){.t-about .ab-ph .intro:is(#club#club,#club#club *){grid-area: 4 / 1 !important;}}
@media (max-width: 699px){.t-about .ab-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 92px !important; column-gap: 14px !important;}}
@media (max-width: 699px){.t-about .ab-ph .eb:is(#club#club,#club#club *){grid-row: 1 !important;}}
@media (max-width: 699px){.t-about .ab-ph h2:is(#club#club,#club#club *){grid-row: 2 !important;}}
@media (max-width: 699px){.t-about .ab-ph .intro:is(#club#club,#club#club *){grid-area: 3 / 1 !important;}}
@media (max-width: 699px){.t-about .ab-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 124px !important; column-gap: 10px !important;}}
@media (max-width: 699px){.t-about .ab-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 136px !important; column-gap: 0px !important;}}
@media (max-width: 379px){.t-about .ab-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 116px !important;}}
@media (min-width: 700px){html body:is(.zz,*) .ab-ph:is(#club#club,#club#club *){grid-template-rows: 1fr auto auto auto !important;}}
@media (min-width: 700px){html body:is(.zz,*) .ab-ph .eb:is(#club#club,#club#club *){grid-row: 2 !important;}}
@media (min-width: 700px){html body:is(.zz,*) .ab-ph h2:is(#club#club,#club#club *){grid-row: 3 !important;}}
@media (min-width: 700px){html body:is(.zz,*) .ab-ph .intro:is(#club#club,#club#club *){grid-row: 4 !important;}}
html body:is(.zz,*) .ab-ph .intro:is(#club#club,#club#club *){margin-bottom: 0px !important;}
html body:is(.zz,*) .ab-ph:is(#club#club,#club#club *){margin-bottom: 24px !important;}
@media (min-width: 700px){html body:is(.zz,*) .ab-ph:is(#club#club,#club#club *){margin-bottom: 40px !important;}}
html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){display: grid; grid-template-columns: minmax(0px, 1fr) 150px; column-gap: 20px; align-items: end; grid-column: 1;}
@media (max-width: 699px){html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 92px; column-gap: 14px; align-items: center;}}
@media (min-width: 700px){html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 128px;}}
html body:is(.zz,*) .svc-ph .pp.intro:is(#club#club,#club#club *){max-width: none; margin: 12px 0px 0px !important;}
html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){margin-bottom: 24px !important;}
@media (max-width: 699px){html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 104px !important; column-gap: 8px !important;}}
@media (min-width: 700px){html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) 150px !important; column-gap: 16px !important;}}
html body:is(.zz,*) .svc-ph .pp.intro:is(#club#club,#club#club *){text-wrap: pretty !important;}
@media (min-width: 700px){html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 600px) 150px !important; justify-content: start;}}
@media (max-width: 699px){html body:is(.zz,*) .svc-ph:is(#club#club,#club#club *){grid-template-rows: auto auto auto !important;}}
@media (max-width: 699px){html body:is(.zz,*) .svc-ph .eb:is(#club#club,#club#club *){grid-area: 1 / 1 !important;}}
@media (max-width: 699px){html body:is(.zz,*) .svc-ph h2:is(#club#club,#club#club *){grid-area: 2 / 1 !important;}}
@media (max-width: 699px){html body:is(.zz,*) .svc-ph .pp.intro:is(#club#club,#club#club *){grid-area: 3 / 1 / auto / -1 !important;}}
@media (min-width: 700px){html body:is(.zz,*) .hub-th .wrap:is(#club#club,#club#club *){display: grid; grid-template-columns: minmax(0px, 1fr) clamp(170px, 22vw, 280px); column-gap: clamp(24px, 5vw, 72px); align-items: end; grid-template-rows: auto auto !important; grid-template-areas: "t r" "l r" !important;}}
@media (min-width: 700px){html body:is(.zz,*) .hub-th .ab-ph:is(#club#club,#club#club *){display: contents;}}
@media (min-width: 700px){html body:is(.zz,*) .hub-th .ab-ph > div:is(#club#club,#club#club *){max-width: 640px; grid-area: t !important; display: block !important;}}
html body:is(.zz,*) .hub-club .pmore:is(#club#club,#club#club *){margin: 18px 0px 0px;}
html body main .sec.hub-club:not(#_):is(#club#club,#club#club *){padding-bottom: 0px !important;}
html body:is(.zz,*) main > .sec.hub-th .ab-ph .pp.intro:is(#club#club,#club#club *){margin-top: 18px !important;}
@media (max-width: 699px){html body:is(.zz,*) main > .sec.hub-th .ab-ph .pp.intro:is(#club#club,#club#club *){margin-top: 6px !important;}}
@media (max-width: 699px){html body:is(.zz,*) main > .sec.hub-th .ab-ph:is(#club#club,#club#club *){margin-bottom: 18px !important;}}
@media (min-width: 700px){html body:is(.zz,*) main > .sec.hub-th .ab-ph + *:is(#club#club,#club#club *){margin-top: 34px !important;}}
@media (max-width: 699px){html body:is(.zz,*) .hub-club .ab-ph:is(#club#club,#club#club *){align-items: end; display: grid !important; grid-template-columns: minmax(0px, 1fr) 120px !important; column-gap: 12px !important; grid-template-rows: 1fr auto !important;}}
@media (max-width: 699px){html body:is(.zz,*) .hub-club .ab-ph > div:is(#club#club,#club#club *){display: contents !important;}}
@media (max-width: 699px){html body:is(.zz,*) .hub-club .ab-ph > div > .eb:is(#club#club,#club#club *){grid-area: 1 / 1; align-self: end;}}
@media (max-width: 699px){html body:is(.zz,*) .hub-club .ab-ph > div > h2:is(#club#club,#club#club *){grid-area: 2 / 1; margin-bottom: 0px;}}
@media (max-width: 699px){html body:is(.zz,*) .hub-club .ab-ph > div > .pp.intro:is(#club#club,#club#club *){grid-area: 3 / 1 / auto / -1;}}
@media (max-width: 699px){html body:is(.zz,*) main > .sec.hub-club .ab-ph > div > .pp.intro:is(#club#club,#club#club *){margin-top: 12px !important;}}
@media (max-width: 699px){.t-about main :is(h1, h2, p, .intro, blockquote, figcaption, li):is(#club#club,#club#club *),body:is(.zz,*) .ab-ph .intro:is(#club#club,#club#club *){text-wrap: wrap !important;}}
html body:is(.zz,*) main .call:not(#_):is(#club#club,#club#club *)::before{display: none !important; animation: auto ease 0s 1 normal none running none !important;}
html body:is(.zz,*) main > .sec:not(#_):not(.hero):not(.fin):is(#club#club,#club#club *){padding-top: 64px !important; padding-bottom: 64px !important;}
@media (min-width: 700px){html body:is(.zz,*) main > .sec:not(#_):not(.hero):not(.fin):is(#club#club,#club#club *){padding-top: 88px !important; padding-bottom: 88px !important;}}
html body:is(.zz,*) .hub-club h2:not(#_):is(#club#club,#club#club *){text-wrap: balance;}
@media (min-width: 700px){html body:is(.zz,*) .hub-club .ab-ph:not(#_):is(#club#club,#club#club *){display: grid !important; grid-template-columns: minmax(0px, max-content) auto !important; justify-content: start !important; column-gap: 28px !important; align-items: end !important;}}
@media (min-width: 700px){html body:is(.zz,*) .hub-club .ab-ph:not(#_):is(#club#club,#club#club *){grid-template-areas: none !important; grid-template-rows: auto !important;}}
@media (min-width: 700px){html body:is(.zz,*) .hub-club .ab-ph > div:not(#_):is(#club#club,#club#club *){max-width: 640px; grid-area: 1 / 1 !important;}}
html body:is(.zz,*) main .pmore a:not(#_):is(#club#club,#club#club *){align-items: center; min-height: 44px; display: inline-flex !important;}
@media (min-width: 900px){html body:is(.zz,*) .h1-club > .wrap:not(#_):not(#_):is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); grid-template-rows: auto 1fr; column-gap: 56px; align-items: end; display: grid !important;}}
@media (min-width: 900px){html body:is(.zz,*) .h1-club .ab-ph:not(#_):not(#_):is(#club#club,#club#club *){display: contents !important;}}
@media (min-width: 900px){html body:is(.zz,*) .h1-club .ab-ph > div:not(#_):not(#_):is(#club#club,#club#club *){grid-area: 1 / 1 / 3 !important; align-self: center !important;}}
html body:is(.zz,*) .h1-club .eb:not(#_):not(#_):is(#club#club,#club#club *){color: var(--y);}
html body:is(.zz,*) .h1-club h2:not(#_):not(#_):is(#club#club,#club#club *){color: rgb(255, 255, 255);}
html body:is(.zz,*) .h1-club .ab-ph .pp:not(#_):not(#_):is(#club#club,#club#club *){color: rgba(255, 255, 255, 0.85);}
html body:is(.zz,*) main p:not(#_):not(#_):is(#club#club,#club#club *),html body:is(.zz,*) main li:not(#_):not(#_):is(#club#club,#club#club *){text-wrap: pretty !important;}
html body:is(.zz,*) main h2:not(#_):not(#_):is(#club#club,#club#club *){text-wrap: balance !important;}
html body:is(.zz,*) .h1-club h2:not(#_):not(#_):is(#club#club,#club#club *){margin-bottom: 12px !important;}
html body:is(.zz,*) .h1-club .intro:not(#_):not(#_):is(#club#club,#club#club *){margin-top: 0px !important;}
@media (min-width: 1024px){html body:is(.zz,*) .h1-club .ab-ph > div:not(#_):not(#_):is(#club#club,#club#club *){align-self: end !important;}}
html body:is(.zz,*) main p.pp:not(#_):not(#_):not(#_):is(#club#club,#club#club *){text-wrap: pretty !important;}
html body:is(.zz,*) .h4-ti:not(#_):is(#club#club,#club#club *){flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: var(--y); color: var(--ink); box-sizing: border-box;}
html body:is(.zz,*) .h4-ti svg:not(#_):is(#club#club,#club#club *){display: block; width: 24px; height: 24px;}
html body:is(.zz,*) .D .h4-ti:not(#_):is(#club#club,#club#club *){background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.14); color: var(--y);}
html body:is(.zz,*) .h4-ctas:not(#_):is(#club#club,#club#club *){display: flex; flex-wrap: wrap; gap: 12px; margin-top: auto;}
html body:is(.zz,*) .h4-ctas .btn:not(#_):is(#club#club,#club#club *){min-height: 48px; justify-content: center;}
@media (max-width: 599px){html body:is(.zz,*) .h4-ctas:not(#_):is(#club#club,#club#club *){flex-direction: column;}}
@media (max-width: 599px){html body:is(.zz,*) .h4-ctas .btn:not(#_):is(#club#club,#club#club *){width: 100%; box-sizing: border-box;}}
html body:is(.zz,*) .h4-mc:not(#_):is(#club#club,#club#club *){margin-top: 28px; background: rgb(255, 255, 255); color: var(--txt); border-radius: 20px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.25) 0px 18px 40px; max-width: 980px;}
html body:is(.zz,*) .h4-mch:not(#_):is(#club#club,#club#club *){background: var(--y); color: var(--ink); display: flex; align-items: center; gap: 12px; padding: 12px 20px; font: 800 13px / 1.1 Saira, sans-serif; letter-spacing: 0.12em; text-transform: uppercase;}
html body:is(.zz,*) .h4-mch img:not(#_):is(#club#club,#club#club *){width: 36px; height: 36px; flex: 0 0 auto;}
html body:is(.zz,*) .h4-mch span:not(#_):is(#club#club,#club#club *){margin-left: auto; border: 2px solid var(--ink); border-radius: 999px; padding: 5px 10px; font-size: 11px;}
html body:is(.zz,*) .h4-mcb:not(#_):is(#club#club,#club#club *){display: grid; grid-template-columns: minmax(0px, 1fr); gap: 20px; padding: 22px 20px;}
html body:is(.zz,*) .h4-mc:not(#_):is(#club#club,#club#club *){container-type: inline-size;}
html body:is(.zz,*) .h4-perks:not(#_):is(#club#club,#club#club *){list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: minmax(0px, 1fr); gap: 10px;}
html body:is(.zz,*) .h4-perks li:not(#_):is(#club#club,#club#club *){margin: 0px; display: flex; align-items: center; gap: 12px; font-weight: 800; color: var(--ink); font-size: 16px; line-height: 1.25; text-wrap: balance; padding: 0px;}
html body:is(.zz,*) .h4-perks li:not(#_):is(#club#club,#club#club *)::before{content: none;}
html body:is(.zz,*) .h4-mcf:not(#_):is(#club#club,#club#club *){display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; padding: 16px 20px 20px; border-top: 2px dashed var(--line);}
@media (min-width: 760px){html body:is(.zz,*) .h4-mcf:not(#_):is(#club#club,#club#club *){padding: 18px 28px 24px;}}
html body:is(.zz,*) .h4-mcf .h4-ctas:not(#_):is(#club#club,#club#club *){margin: 0px;}
html body:is(.zz,*) .h4-mc .btn.book:not(#_):is(#club#club,#club#club *){border-color: var(--ink); color: var(--ink);}
html body:is(.zz,*) .h4-mcf .pmore:not(#_):is(#club#club,#club#club *){margin: 0px;}
html body:is(.zz,*) .h4-mcf .pmore a:not(#_):is(#club#club,#club#club *){color: var(--blue); display: inline-flex; align-items: center; min-height: 44px;}
@media (max-width: 599px){html body:is(.zz,*) .h4-mcf .h4-ctas:not(#_):is(#club#club,#club#club *){width: 100%;}}
@media (min-width: 900px){html body:is(.zz,*) .h1-club .wrap > .h4-mc:not(#_):not(#_):is(#club#club,#club#club *){grid-area: 1 / 2 / span 2; align-self: center;}}
@media (min-width: 900px){html body:is(.zz,*) .hub-club.h1-club .ab-ph > div:not(#_):not(#_):not(#_):is(#club#club,#club#club *){grid-area: 1 / 1 !important; align-self: end !important;}}
@media (max-width: 899px){html body:is(.zz,*) .h1-club .wrap > .h4-mc:not(#_):not(#_):is(#club#club,#club#club *){width: 100%; max-width: 640px; grid-column: 1 / -1 !important;}}
html body:is(.zz,*) .h1-club:not(#_):is(#club#club,#club#club *){overflow-x: clip;}
html body:is(.zz,*) .h4-mch img:not(#_):is(#club#club,#club#club *){width: 48px; height: 48px; margin: -6px 0px;}
html body:is(.zz,*) .h4-mc6:not(#_):not(#_):is(#club#club,#club#club *){max-width: 440px; width: 100%; place-self: center end;}
html body:is(.zz,*) .h4-mc6 .h4-mcb:not(#_):not(#_):is(#club#club,#club#club *){padding: 20px;}
html body:is(.zz,*) .h4-mc6 .h4-perks:not(#_):not(#_):is(#club#club,#club#club *){grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px 16px;}
html body:is(.zz,*) .h4-mc6 .h4-perks li:not(#_):not(#_):is(#club#club,#club#club *){flex-direction: column; align-items: flex-start; gap: 8px; font-size: 15px; background: rgb(244, 247, 252); border-radius: 12px; padding: 12px;}
html body:is(.zz,*) .h4-mc6 .h4-mcf:not(#_):not(#_):is(#club#club,#club#club *){padding: 16px 20px 20px;}
html body:is(.zz,*) .h4-mc6 .h4-mcf .h4-ctas:not(#_):not(#_):is(#club#club,#club#club *){width: 100%;}
html body:is(.zz,*) .h4-mc6 .h4-mcf .h4-ctas .btn:not(#_):not(#_):is(#club#club,#club#club *){flex: 1 1 0px; min-width: 0px; white-space: nowrap;}
@media (max-width: 899px){html body:is(.zz,*) .h4-mc6:not(#_):not(#_):is(#club#club,#club#club *){justify-self: center; margin-left: auto; margin-right: auto;}}
@media (max-width: 379px){html body:is(.zz,*) .h4-mc6 .h4-perks:not(#_):not(#_):is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr);}}
@media (max-width: 379px){html body:is(.zz,*) .h4-mc6 .h4-perks li:not(#_):not(#_):is(#club#club,#club#club *){flex-direction: row; align-items: center;}}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_) .h4-perks:is(#club#club,#club#club *){display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; flex-direction: initial !important; gap: 10px 16px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){border-radius: 20px 20px 0px 0px !important;}
@media (max-width: 420px){html body .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_) .h4-perks:is(#club#club,#club#club *){grid-template-columns: minmax(0px, 1fr) !important;}}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks:is(#club#club,#club#club *){display: flex !important; flex-direction: column !important; gap: 12px !important; grid-template-columns: none !important; margin: 0px !important; padding: 0px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li:is(#club#club,#club#club *){display: flex !important; flex-direction: row !important; align-items: center !important; gap: 12px !important; padding: 0px !important; background: none !important; min-height: 0px !important; border: 0px !important; box-shadow: none !important; font-size: 16px !important; line-height: 1.35 !important; text-align: left !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li .h4-ti:is(#club#club,#club#club *){flex: 0 0 36px !important; width: 36px !important; height: 36px !important; margin: 0px !important; display: grid !important; place-items: center !important; border-radius: 10px !important; background: rgb(243, 246, 252) !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li .h4-ti svg:is(#club#club,#club#club *){width: 20px !important; height: 20px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-ctas:is(#club#club,#club#club *){display: flex !important; flex-wrap: wrap !important; gap: 12px !important; grid-template-columns: none !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-ctas .btn:is(#club#club,#club#club *){flex: 1 1 auto !important; min-width: 0px !important; width: auto !important; padding: 0px 28px !important; white-space: nowrap !important; justify-content: center !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):is(#club#club,#club#club *){max-width: 520px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){padding: 8px 16px !important; gap: 10px !important; font-size: 12px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){width: 30px !important; height: 30px !important; margin: 0px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch span:is(#club#club,#club#club *){padding: 3px 8px !important; font-size: 10px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mcb:is(#club#club,#club#club *){padding: 12px 16px 10px !important; gap: 0px !important; display: block !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks:is(#club#club,#club#club *){display: grid !important; grid-template-columns: repeat(2, minmax(0px, 1fr)) !important; gap: 8px 12px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li:is(#club#club,#club#club *){gap: 8px !important; font-size: 14px !important; line-height: 1.25 !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li .h4-ti:is(#club#club,#club#club *){flex: 0 0 28px !important; width: 28px !important; height: 28px !important; border-radius: 8px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li .h4-ti svg:is(#club#club,#club#club *){width: 16px !important; height: 16px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mcf:is(#club#club,#club#club *){padding: 10px 16px 2px !important; gap: 0px 16px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-ctas:is(#club#club,#club#club *){gap: 8px !important; flex-wrap: wrap !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-ctas .btn:is(#club#club,#club#club *){min-height: 52px !important; height: 52px !important; padding: 0px 20px !important; flex: 1 1 auto !important; font-size: 15px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .pmore a:is(#club#club,#club#club *){min-height: 44px !important; font-size: 14px !important;}
@media (max-width: 420px){html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-perks li:is(#club#club,#club#club *){font-size: 13px !important;}}
html body .h1-club:not(#_):not(#_) .ab-ph:is(#club#club,#club#club *){display: block !important; align-self: center !important; margin: 0px !important;}
html body .h1-club:not(#_):not(#_):not(#_):not(#_) .ab-ph > div:is(#club#club,#club#club *){max-width: 520px; display: block !important; align-self: center !important; grid-row: 1 / -1 !important;}
html body .h1-club:not(#_):not(#_) .ab-ph > div > .pp.intro:is(#club#club,#club#club *){margin-top: 16px !important; margin-bottom: 0px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){position: relative; z-index: 2; transform-origin: 50% 50%; animation: 1.9s ease-in-out 0s infinite normal none paused h4pul; will-change: transform; margin-right: 15px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):is(#club#club,#club#club *),html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){overflow: visible !important;}html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){position:relative!important;z-index:5!important}html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){overflow:visible!important;z-index:6!important}html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mcb:is(#club#club,#club#club *){position:relative!important;z-index:1!important}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_) .h4-perks:is(#club#club,#club#club *){display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 10px !important;}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_) .h4-perks li:is(#club#club,#club#club *){display: flex !important; flex-direction: row !important; align-items: center !important; text-align: left !important; justify-content: flex-start !important;}
@media (prefers-reduced-motion: reduce){html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){animation: auto ease 0s 1 normal none running none !important; transform: none !important;}}
.L:is(#club#club,#club#club *){background-color: var(--paper);}
.L:is(#club#club,#club#club *){color: var(--txt,#14183a);}
.L h2:is(#club#club,#club#club *){color: var(--ink);}
@keyframes glow { 
  50% { opacity: 1; transform: scale(1.04); }
}
@keyframes bob { 
  50% { transform: translateY(-6px); }
}
@keyframes hsp { 
  0% { opacity: 0.9; transform: scale(0.7); }
  100% { opacity: 0; transform: scale(1.5); }
}
@keyframes sxin { 
  0% { opacity: 0; transform: translateY(-6px); }
}
@keyframes ping { 
  100% { transform: scale(2.8); opacity: 0; }
}
@keyframes dash { 
  0% { opacity: 0; transform: translate3d(-130%, 0px, 0px); }
  30% { opacity: 1; }
  100% { opacity: 1; transform: none; }
}
@keyframes trail { 
  0% { opacity: 0; transform: scaleX(0.3); }
  20% { opacity: 1; transform: scaleX(1); }
  100% { opacity: 0; transform: scaleX(0.15); }
}
@keyframes hpar { 
  100% { transform: translate3d(0px, -70px, 0px); }
}
@keyframes hbgpar { 
  100% { transform: translate3d(0px, 90px, 0px) scale(1.04); }
}
@keyframes twinkle { 
  100% { opacity: 0.35; }
}
@keyframes fillx { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes filly { 
  0% { transform: scaleY(0); }
  100% { transform: scaleY(1); }
}
@keyframes ride { 
  0% { transform: none; }
  100% { transform: translateX(100%); }
}
@keyframes ridey { 
  0% { transform: none; }
  100% { transform: translateY(100%); }
}
@keyframes lit { 
  0% { background: rgb(22, 32, 106); color: rgb(127, 147, 207); box-shadow: rgb(36, 51, 127) 0px 0px 0px 4px; transform: scale(0.92); }
  100% { background: var(--y); color: var(--ink); box-shadow: rgb(93, 127, 184) 0px 0px 0px 4px; transform: none; }
}
@keyframes rise { 
  0% { opacity: 0; transform: translateY(28px); }
}
@keyframes glow { 
  0% { box-shadow: rgba(254, 209, 77, 0.75) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(254, 209, 77, 0) 0px 0px 0px 14px; }
}
@keyframes sheet { 
  0% { transform: translateY(100%); }
}
@keyframes fade { 
  0% { opacity: 0; }
}
@keyframes rise { 
  0% { opacity: 0; transform: translateY(6px); }
}
@keyframes pin { 
  0% { transform: translate(-50%, -260%); opacity: 0; }
}
@keyframes shake { 
  25% { transform: translateX(-5px); }
  50% { transform: translateX(5px); }
  75% { transform: translateX(-3px); }
}
@keyframes runin { 
  0% { transform: translate(-130%, -50%); opacity: 0; }
}
@keyframes live { 
  70% { box-shadow: rgba(59, 209, 111, 0) 0px 0px 0px 8px; }
  100% { box-shadow: rgba(59, 209, 111, 0) 0px 0px 0px 0px; }
}
@keyframes ring { 
  0% { box-shadow: rgba(254, 209, 77, 0.7) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(254, 209, 77, 0) 0px 0px 0px 22px; }
}
@keyframes pop { 
  0% { transform: scale(0.85); }
}
@keyframes nod { 
  0% { transform: rotate(-4deg); }
}
@keyframes bob { 
  100% { transform: translateY(-1.8%); }
}
@keyframes blink { 
  0%, 94% { opacity: 0; }
  95%, 100% { opacity: 1; }
}
@keyframes fpulse { 
  0% { box-shadow: rgba(254, 209, 77, 0.8) 0px 0px 0px 0px; }
  100% { box-shadow: rgba(254, 209, 77, 0) 0px 0px 0px 18px; }
}
@keyframes draw { 
  100% { stroke-dashoffset: 0; }
}
@keyframes spark { 
  0% { opacity: 1; transform: rotate(var(--a)) translateY(-20px); }
  100% { opacity: 0; transform: rotate(var(--a)) translateY(-44px); }
}
@keyframes hstep { 
  0% { transform: translateY(0px) rotate(-3deg); }
  100% { transform: translateY(-3px) rotate(3deg); }
}
@keyframes fqin { 
  0% { opacity: 0; transform: translateY(18px) scale(0.94); }
  100% { opacity: 1; transform: none; }
}
@keyframes zoSw { 
  0% { transform: scaleX(0); }
}
@keyframes zoBl { 
  50% { box-shadow: rgba(251, 215, 13, 0) 0px 0px 0px 8px; }
}
@keyframes ppulse { 
  70% { box-shadow: rgba(254, 209, 77, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(254, 209, 77, 0) 0px 0px 0px 0px; }
}
@keyframes ppulse { 
  70% { box-shadow: rgba(254,209,77, 0) 0px 0px 0px 10px; }
  100% { box-shadow: rgba(254,209,77, 0) 0px 0px 0px 0px; }
}
@keyframes ahx { 
  0% { background-position-x: 0px; }
  100% { background-position-x: 125%; }
}
@keyframes ahy { 
  0% { background-position-y: 0px; }
  100% { background-position-y: 133.333%; }
}
@keyframes ahrx { 
  0% { background-position-x: 0px; }
  100% { background-position-x: 125%; }
}
@keyframes ahry { 
  0% { background-position-y: 0px; }
  100% { background-position-y: 133.333%; }
}
@keyframes h4pul {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.14); }
}
/* shared light-tone variant of the club block (same for every page with CLT=L), colours from Home's light sections */
#club#club#club#club#club#club#club#club.L .eb{color:rgb(0,70,140)!important}
#club#club#club#club#club#club#club#club.L h2{color:rgb(0,5,62)!important}
#club#club#club#club#club#club#club#club.L .intro{color:rgb(20,24,58)!important}
/* inc2c2: card internals locked to fixed values on every tone (white card) */
#club#club#club#club#club#club#club#club .h4-mc .h4-ti{color:rgb(0,5,62)!important;border:0!important;background:rgb(243,246,252)!important;opacity:1!important}
#club#club#club#club#club#club#club#club .h4-mc .h4-ti svg{color:rgb(0,5,62)!important;opacity:1!important}
/* inc2c2: club bottom edge stays square; sits above next section cut-r wedge */
#club#club#club#club#club#club#club#club{position:relative!important;z-index:5!important}

/* inc-club v3 (r2j): (1) mascot pulse runs again while the card is in view - the inc2c snapshot froze the shorthand as "paused" with no running state for .h4-pl, so club.js toggled the class with no effect; (2) yellow top bar: balanced 20px side padding = card body side padding, 8px top/bottom on every width (r2 >=1000 padding-top:0 overridden), badge and mascot vertically centred */
html body .h1-club .h4-mc.h4-pl:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){animation-play-state:running}
html body main .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){padding:8px 20px!important;align-items:center!important;min-height:46px;box-sizing:border-box}
html body main .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){align-self:center!important}
html body main .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .h4-mch span:is(#club#club,#club#club *){align-self:center!important;margin-right:0!important}
html body main .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .h4-mcb:is(#club#club,#club#club *){padding-left:20px!important;padding-right:20px!important}
@media(prefers-reduced-motion:reduce){html body .h1-club .h4-mc.h4-pl:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *){animation:none!important}}

/* club-swap1: desktop (>=900) card column LEFT, text RIGHT; mobile/tablet order unchanged */
@media(min-width:900px){html body main #club#club.h1-club>.wrap:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)>.h4-mc{grid-column:1!important;grid-row:1!important}
html body main #club#club.h1-club>.wrap:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)>.ab-ph>div{grid-column:2!important;grid-row:1!important}}

/* === sth-club-design8 === */
/* === sth-club-design8: Comfort Club card (centred perks) — Bang 2026-10-29 === */
#club.cd8{--y:#FED14D;--ink:#00053E;--blue:#002D5C;--txt:#14183a;--line:#D8E2EE;--display:"Saira",system-ui,sans-serif;--paper:#F4F6FA;padding:44px 0;background:var(--ink);color:#e6ecf8;position:relative;overflow:visible}
#club.cd8.L,#club.cd8.sec.L{background:var(--paper);color:var(--txt)}
#club.cd8::before,#club.cd8 .node{display:none!important;content:none!important}
#club.cd8 > .wrap{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;gap:36px;align-items:center;position:relative;z-index:2}
@media(min-width:900px){
  #club.cd8 > .wrap{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:48px}
  #club.cd8 .h4-mc{grid-column:1}
  #club.cd8 .ab-ph{grid-column:2}
}
@media(max-width:899px){#club.cd8 .ab-ph{order:1}#club.cd8 .h4-mc{order:2;justify-self:center}}
#club.cd8 h2{font-family:var(--display);font-size:clamp(26px,3.4vw,40px);font-weight:800;line-height:1.08;margin:0 0 12px;color:#fff;text-wrap:balance;max-width:20ch}
#club.cd8.L h2{color:var(--ink)}
#club.cd8 .eb{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;font:700 12px/1 var(--display);font-stretch:125%;letter-spacing:.12em;text-transform:uppercase;color:var(--y)}
#club.cd8.L .eb{color:var(--blue,#00468C)}
#club.cd8 .eb::before{display:block!important;content:""!important;width:22px!important;height:9px!important;flex:0 0 auto;background:repeating-linear-gradient(180deg,currentColor 0 1.5px,transparent 1.5px 3.5px)!important}
#club.cd8 .eb .eb-mark,#club.cd8 .eb-mark{display:none!important}
#club.cd8 .eb::after{content:"";display:block;height:0!important;width:56px;margin-left:0;flex:0 0 auto;border-radius:0;background:none!important;border-top:2px solid currentColor;opacity:.75}
#club.cd8.L .eb::after{background:linear-gradient(90deg,var(--blue,#00468C),transparent)}
#club.cd8 .intro{margin:0;font-size:16.5px;line-height:1.5;color:#c9d4f0;max-width:34em;text-wrap:pretty;opacity:1}
#club.cd8.L .intro{color:rgba(0,5,62,.78)}
#club.cd8 .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;height:52px;padding:0 14px;border-radius:999px;font-weight:800;font-size:14.5px;text-decoration:none;white-space:nowrap;position:relative;isolation:isolate}
#club.cd8 .btn.call{background:var(--y);color:var(--ink);box-shadow:none}
#club.cd8 .btn.call::before{content:none!important;display:none!important;animation:none!important}
#club.cd8 .btn.book{border:2px solid var(--ink);color:var(--ink);background:#fff}
#club.cd8 .ic{margin-right:7px;flex:0 0 auto}
#club.cd8 .h4-mc{background:#fff;color:var(--txt);border-radius:16px;overflow:hidden;box-shadow:0 14px 32px rgba(0,0,0,.28);max-width:520px;width:100%;margin:0}
#club.cd8 .h4-mch{background:var(--y);color:var(--ink);display:flex;align-items:center;gap:10px;padding:10px 16px;font:800 13px/1.1 var(--display);letter-spacing:.12em;text-transform:uppercase;border-radius:16px 16px 0 0}
#club.cd8 .h4-mch img{width:28px;height:28px;flex:0 0 auto;margin:0;position:relative;z-index:2;transform-origin:50% 50%;animation:h4pul 1.9s ease-in-out infinite;animation-play-state:paused;will-change:transform}#club.cd8 .h4-mc{overflow:hidden!important}#club.cd8 .h4-mch{overflow:hidden!important}#club.cd8 .h4-mc.h4-pl .h4-mch img{animation-play-state:running}@media(prefers-reduced-motion:reduce){#club.cd8 .h4-mch img{animation:none!important;transform:none!important}}
#club.cd8 .h4-mch span{margin-left:auto;border:2px solid var(--ink);border-radius:999px;padding:5px 10px;font-size:11px}
#club.cd8 .h4-mcb{padding:12px 14px 10px;display:block}
#club.cd8 .h4-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
#club.cd8 .h4-perks li{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;gap:5px;padding:9px 10px;border-radius:10px;background:#f4f7fc;font-weight:800;font-size:13.5px;line-height:1.2;color:var(--ink);min-height:0;border:0;box-shadow:none}
#club.cd8 .h4-ti{flex:0 0 auto;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(160deg,#FFF9E8 0%,#F3F6FC 45%,#E8EEF8 100%);color:var(--ink);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),inset 0 -1px 0 rgba(0,5,62,.06)}
#club.cd8 .h4-ti svg{width:24px;height:24px;overflow:visible}
#club.cd8 .h4-mcf{padding:10px 14px 16px;border-top:1.5px dashed var(--line);display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#FFFFFF 0%,#FFF8E6 55%,#FFE9A8 100%);border-radius:0 0 16px 16px;overflow:hidden}
#club.cd8 .h4-ctas{display:flex;gap:10px;width:100%;flex-wrap:nowrap}
#club.cd8 .h4-ctas .btn{flex:1 1 0;min-width:0;width:auto}
#club.cd8 .pmore{margin:0}
#club.cd8 .ab-ph .plans-aside{margin:14px 0 0}
#club.cd8 .ab-ph .plans-aside a{color:var(--y);font-weight:700;font-size:15px;text-decoration:underline;text-underline-offset:2px;display:inline-flex;align-items:center;min-height:36px}
#club.cd8.L .ab-ph .plans-aside a{color:var(--blue,#00468C)}
@media(max-width:420px){
  #club.cd8 .h4-perks{grid-template-columns:1fr}
  #club.cd8 .h4-perks li{flex-direction:row;align-items:center;justify-content:center;text-align:center}
}
@media(max-width:430px){
  #club.cd8 .h4-ctas{flex-direction:column}
  #club.cd8 .h4-ctas .btn{width:100%;height:52px;min-height:52px;font-size:15px}
}
/* Beat site :is(#club#club) pad/intro/pmore/btn guards */
html body:is(.zz,*) main > #club.cd8.sec:not(#_):not(.hero):not(.fin):is(#club#club){padding:44px 0!important;background-image:none!important}
html body:is(.zz,*) #club.cd8 .intro:is(#club#club *){margin:0!important;opacity:1!important;max-width:34em!important;animation:none!important;transform:none!important}
html body:is(.zz,*) #club.cd8 h2:is(#club#club *){animation:none!important;opacity:1!important;transform:none!important;margin:0 0 12px!important}
html body:is(.zz,*) #club.cd8 .pmore:is(#club#club *),
html body:is(.zz,*) #club.cd8 .ab-ph .plans-aside:is(#club#club *){margin:14px 0 0!important}
html body:is(.zz,*) #club.cd8 .h4-perks:is(#club#club *){display:grid!important;grid-template-columns:1fr 1fr!important;flex-direction:unset!important;gap:8px!important}
html body:is(.zz,*) #club.cd8 .h4-perks li:is(#club#club *){display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;justify-content:flex-start!important;gap:5px!important;padding:9px 10px!important;background:#f4f7fc!important;font-size:13.5px!important;line-height:1.2!important;min-height:0!important;border:0!important;box-shadow:none!important}
html body:is(.zz,*) #club.cd8 .h4-ti:is(#club#club *){flex:0 0 auto!important;width:32px!important;height:32px!important;margin:0!important;border-radius:9px!important}
html body:is(.zz,*) #club.cd8 .h4-mch:is(#club#club *){padding:10px 16px!important;gap:10px!important;font-size:13px!important}
html body:is(.zz,*) #club.cd8 .h4-mcb:is(#club#club *){padding:12px 14px 10px!important;display:block!important}
html body:is(.zz,*) #club.cd8 .h4-mcf:is(#club#club *){padding:10px 14px 16px!important;gap:6px!important;display:flex!important;flex-direction:column!important}
html body:is(.zz,*) #club.cd8 .h4-ctas:is(#club#club *){display:flex!important;gap:10px!important;flex-wrap:nowrap!important;grid-template-columns:none!important}
html body:is(.zz,*) #club.cd8 .h4-ctas .btn:is(#club#club *){flex:1 1 0!important;min-width:0!important;width:auto!important;min-height:52px!important;height:52px!important;padding:0 14px!important;font-size:14.5px!important}
html body:is(.zz,*) #club.cd8 .ab-ph:is(#club#club *){display:block!important;margin:0!important}
@media(max-width:420px){
  html body:is(.zz,*) #club.cd8 .h4-perks:is(#club#club *){grid-template-columns:1fr!important}
  html body:is(.zz,*) #club.cd8 .h4-perks li:is(#club#club *){flex-direction:row!important;justify-content:center!important}
}
@media(max-width:430px){
  html body:is(.zz,*) #club.cd8 .h4-ctas:is(#club#club *){flex-direction:column!important}
  html body:is(.zz,*) #club.cd8 .h4-ctas .btn:is(#club#club *){width:100%!important;height:52px!important;min-height:52px!important;font-size:15px!important}
}

/* club-head-inside1: head fully inside card at rest + pulse peak; 4 rounded corners visible */
#club.cd8 .h4-mc{overflow:hidden!important;border-radius:16px!important}
#club.cd8 .h4-mch{overflow:hidden!important;position:relative;z-index:5;padding:10px 16px!important;align-items:center!important;box-sizing:border-box}
#club.cd8 .h4-mch img{width:28px!important;height:28px!important;margin:0!important;object-fit:contain!important;flex-shrink:0;z-index:6;transform-origin:50% 50%}
#club.cd8 .h4-mcf{overflow:hidden;border-radius:0 0 16px 16px}
/* beat legacy h1-club overflow:visible + negative-margin head rules */
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):is(#club#club,#club#club *),
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){overflow:hidden!important}
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
html body:is(.zz,*) .h4-mch img:not(#_):is(#club#club,#club#club *){width:28px!important;height:28px!important;margin:0!important;margin-right:10px!important}
html body #club.cd8 .h4-mch img:is(#club#club,#club#club *){width:28px!important;height:28px!important;margin:0!important}

/* ===== sth-club-head-pulse2: ONE clean head breath via inc-club (Bang 14:41) ===== */
/* Replaces stacked club-pulse + headasap layers. Transform-only, visible-only, no crop. */
@keyframes h4pul{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.4)}
}
/* Card + head bar: never crop the 1.4x outline */
html body:is(.zz,*) #club.cd8 .h4-mc:is(#club#club,#club#club *),
html body #club.cd8 .h4-mc,
#club.cd8 .h4-mc,
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):is(#club#club,#club#club *){
  overflow:visible!important;
}
html body:is(.zz,*) #club.cd8 .h4-mch:is(#club#club,#club#club *),
html body #club.cd8 .h4-mch,
#club.cd8 .h4-mch,
html body main .h1-club .h4-mc:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *),
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
/* Rest size 42. Pulse only while .h4-pl (club.js IO). No MQ may override name/play-state. */
html body:is(.zz,*) #club.cd8 .h4-mch img:not(#_):is(#club#club,#club#club *),
html body #club.cd8 .h4-mch img:is(#club#club,#club#club *),
html body #club.cd8 .h4-mch img:not(#_):not(#_),
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
html body.t-hub1 #club.cd8 .h4-mch img:not(#_),
html body:is(.zz,*) .h4-mch img:not(#_):is(#club#club,#club#club *),
#club.cd8 .h4-mch img{
  width:42px!important;
  height:42px!important;
  margin:0!important;
  margin-right:10px!important;
  flex:0 0 auto!important;
  object-fit:contain!important;
  transform-origin:50% 50%!important;
  position:relative!important;
  z-index:6!important;
  overflow:visible!important;
  will-change:transform;
  animation-name:h4pul!important;
  animation-duration:2.4s!important;
  animation-timing-function:cubic-bezier(.45,0,.55,1)!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:none!important;
  animation-play-state:paused!important;
}
/* SAME selector list + .h4-pl so running beats paused (equal specificity, later wins) */
html body:is(.zz,*) #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_):is(#club#club,#club#club *),
html body #club.cd8 .h4-mc.h4-pl .h4-mch img:is(#club#club,#club#club *),
html body #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_):not(#_),
html body .h1-club .h4-mc.h4-pl:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
html body.t-hub1 #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_),
html body:is(.zz,*) .h4-mc.h4-pl .h4-mch img:not(#_):is(#club#club,#club#club *),
#club.cd8 .h4-mc.h4-pl .h4-mch img{
  animation-name:h4pul!important;
  animation-duration:2.4s!important;
  animation-timing-function:cubic-bezier(.45,0,.55,1)!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
}
@media (prefers-reduced-motion:reduce){
  html body:is(.zz,*) #club.cd8 .h4-mch img:not(#_):is(#club#club,#club#club *),
  html body #club.cd8 .h4-mch img:is(#club#club,#club#club *),
  html body #club.cd8 .h4-mch img:not(#_):not(#_),
  html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
  html body.t-hub1 #club.cd8 .h4-mch img:not(#_),
  #club.cd8 .h4-mch img,
  html body:is(.zz,*) #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_):is(#club#club,#club#club *),
  #club.cd8 .h4-mc.h4-pl .h4-mch img{
    animation-name:none!important;
    animation-play-state:paused!important;
    transform:none!important;
    will-change:auto;
  }
}
/* ===== /sth-club-head-pulse2 ===== */

/* ===== sth-club-head-pulse2b: unique keyframe (r2.css old h4pul scale(2)+rotate was winning) ===== */
@keyframes sthClubPul{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.4)}
}
@keyframes h4pul{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.4)}
}
html body:is(.zz,*) #club.cd8 .h4-mc:is(#club#club,#club#club *),
html body #club.cd8 .h4-mc,
#club.cd8 .h4-mc,
html body .h1-club .h4-mc:not(#_):not(#_):not(#_):is(#club#club,#club#club *){
  overflow:visible!important;
}
html body:is(.zz,*) #club.cd8 .h4-mch:is(#club#club,#club#club *),
html body #club.cd8 .h4-mch,
#club.cd8 .h4-mch,
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch:is(#club#club,#club#club *){
  overflow:visible!important;
  position:relative!important;
  z-index:5!important;
}
html body:is(.zz,*) #club.cd8 .h4-mch img:not(#_):is(#club#club,#club#club *),
html body #club.cd8 .h4-mch img:is(#club#club,#club#club *),
html body #club.cd8 .h4-mch img:not(#_):not(#_),
html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
html body.t-hub1 #club.cd8 .h4-mch img:not(#_),
html body:is(.zz,*) .h4-mch img:not(#_):is(#club#club,#club#club *),
#club.cd8 .h4-mch img{
  width:42px!important;
  height:42px!important;
  margin:0!important;
  margin-right:10px!important;
  flex:0 0 auto!important;
  object-fit:contain!important;
  transform-origin:50% 50%!important;
  position:relative!important;
  z-index:6!important;
  overflow:visible!important;
  will-change:transform;
  animation-name:sthClubPul!important;
  animation-duration:2.4s!important;
  animation-timing-function:cubic-bezier(.45,0,.55,1)!important;
  animation-iteration-count:infinite!important;
  animation-direction:normal!important;
  animation-fill-mode:none!important;
  animation-play-state:paused!important;
}
html body:is(.zz,*) #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_):is(#club#club,#club#club *),
html body #club.cd8 .h4-mc.h4-pl .h4-mch img:is(#club#club,#club#club *),
html body #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_):not(#_),
html body .h1-club .h4-mc.h4-pl:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
html body.t-hub1 #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_),
html body:is(.zz,*) .h4-mc.h4-pl .h4-mch img:not(#_):is(#club#club,#club#club *),
#club.cd8 .h4-mc.h4-pl .h4-mch img{
  animation-name:sthClubPul!important;
  animation-duration:2.4s!important;
  animation-timing-function:cubic-bezier(.45,0,.55,1)!important;
  animation-iteration-count:infinite!important;
  animation-play-state:running!important;
}
@media (prefers-reduced-motion:reduce){
  html body:is(.zz,*) #club.cd8 .h4-mch img:not(#_):is(#club#club,#club#club *),
  html body #club.cd8 .h4-mch img:is(#club#club,#club#club *),
  html body #club.cd8 .h4-mch img:not(#_):not(#_),
  html body .h1-club .h4-mc:not(#_):not(#_):not(#_) .h4-mch img:is(#club#club,#club#club *),
  html body.t-hub1 #club.cd8 .h4-mch img:not(#_),
  #club.cd8 .h4-mch img,
  html body:is(.zz,*) #club.cd8 .h4-mc.h4-pl .h4-mch img:not(#_):is(#club#club,#club#club *),
  #club.cd8 .h4-mc.h4-pl .h4-mch img{
    animation-name:none!important;
    animation-play-state:paused!important;
    transform:none!important;
    will-change:auto;
  }
}
/* ===== /sth-club-head-pulse2b ===== */