


@font-face{font-family:'Jakarta Fallback';src:local('Arial'),local('Helvetica'),local('DejaVu Sans');ascent-override:97.6%;descent-override:20.9%;line-gap-override:0%;size-adjust:106.3%}
@font-face{font-family:'Azeret Fallback';src:local('DejaVu Sans Mono'),local('Courier New');ascent-override:86.8%;descent-override:21.3%;line-gap-override:0%;size-adjust:108%}
@font-face{font-family:'Azeret Mono';font-style:normal;font-weight:400 700;font-display:optional;src:url('fonts/azeret-mono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Azeret Mono';font-style:normal;font-weight:400 700;font-display:optional;src:url('fonts/azeret-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 600;font-display:optional;src:url('fonts/plus-jakarta-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 600;font-display:optional;src:url('fonts/plus-jakarta-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --j4f-ground:#10141A;
  --j4f-panel:#1E2531;
  --j4f-recess:#0A0D11;
  --j4f-edge:#263244;
  --j4f-lit:#2D7DF0;
  --j4f-lit-text:#71A7F4;
  --j4f-rule:#1E5DB7;
  --j4f-rule-faint:#1B3E72;
  --j4f-silo:#71A7F4;
  --j4f-edge-lit:#276BCE;
  --j4f-shelf:#224475;
  --j4f-sheen:linear-gradient(180deg,rgba(255,255,255,.028) 0,rgba(255,255,255,0) 62%);
  --j4f-lit-dim:rgba(45,125,240,.28);
  --j4f-lit-wash:rgba(45,125,240,.08);
  --j4f-text:#C3CEDC;
  --j4f-text-dim:#94A3B8;--j4f-nav:#A7B4C6;--j4f-select:#224475;--j4f-crumb-text:#C3CEDC;--j4f-crumb-link:#FFFFFF;
  --j4f-text-bright:#FFFFFF;
  --j4f-display:'Azeret Mono','Azeret Fallback',ui-monospace,SFMono-Regular,Menlo,monospace;
  --j4f-body:'Plus Jakarta Sans','Jakarta Fallback',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --j4f-measure:72ch;
  --j4f-shell:1180px;
  --j4f-step:.18s;
  --j4f-ease:cubic-bezier(.2,.8,.3,1);
  --j4f-inset:inset 2px 2px 4px rgba(0,0,0,.8),inset -1px -1px 2px rgba(255,255,255,.05);
}

.j4f-s-klub{--j4f-rule:#1B6D2F;--j4f-rule-faint:#174923;--j4f-silo:#2BB74C;--j4f-edge-lit:#237E39;--j4f-shelf:#1B4E28}
.j4f-s-sprzet{--j4f-rule:#6146CE;--j4f-rule-faint:#412F8B;--j4f-silo:#A492ED;--j4f-edge-lit:#725AD1;--j4f-shelf:#463392}
.j4f-s-hist{--j4f-rule:#8E4190;--j4f-rule-faint:#632D65;--j4f-silo:#C693C8;--j4f-edge-lit:#A54CA9;--j4f-shelf:#68306A}
.j4f-s-serw{--j4f-rule:#5D5F67;--j4f-rule-faint:#414248;--j4f-silo:#A2A4AA;--j4f-edge-lit:#6D6F78;--j4f-shelf:#2A2B2E}
.j4f-s-onas{--j4f-rule:#6D5F19;--j4f-rule-faint:#4C4212;--j4f-silo:#BAA331;--j4f-edge-lit:#7F6F1E;--j4f-shelf:#B69F2B;--j4f-crumb-text:#181405;--j4f-crumb-link:#0C0A02}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  background:linear-gradient(180deg,rgba(45,125,240,.09) 0,rgba(45,125,240,0) 1500px) no-repeat,var(--j4f-ground);
  color:var(--j4f-text);
  font-family:var(--j4f-body);
  font-size:1rem;
  line-height:1.7;
  overflow-x:hidden;
}
img,svg,video{max-width:100%;height:auto}
h1,h2,h3,h4{font-family:var(--j4f-display);color:var(--j4f-text-bright);line-height:1.15;text-transform:uppercase;letter-spacing:.01em;margin:0 0 .6em;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
h1{font-size:clamp(1.75rem,4.6vw,2.4rem);font-weight:700;text-align:center}
h2{font-size:clamp(1.35rem,3vw,1.7rem);font-weight:700}
h3{font-size:clamp(1.05rem,2vw,1.3rem);font-weight:600}
p{margin:0 0 1.15em}
a{color:var(--j4f-lit-text);text-decoration:none}

.j4f-skip{position:absolute;left:-9999px;top:0;background:var(--j4f-lit);color:#fff;padding:.7rem 1.1rem;z-index:100}
.j4f-skip:focus{left:.5rem;top:.5rem}
:focus-visible{outline:2px solid var(--j4f-lit-text);outline-offset:2px}

.j4f-shell{width:100%;max-width:var(--j4f-shell);margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}

.j4f-head{position:sticky;top:0;z-index:40;background:rgba(35,43,57,.93);border-bottom:1px solid var(--j4f-edge);backdrop-filter:blur(10px) saturate(125%)}
.j4f-head::before,.j4f-head::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}
.j4f-head::before{background-image:radial-gradient(circle,rgba(53,67,90,.9) 1px,transparent 1.4px);background-size:9px 9px;background-position:center;-webkit-mask-image:linear-gradient(92deg,#000 0%,#000 20%,rgba(0,0,0,.4) 54%,rgba(0,0,0,0) 78%);mask-image:linear-gradient(92deg,#000 0%,#000 20%,rgba(0,0,0,.4) 54%,rgba(0,0,0,0) 78%)}
.j4f-head::after{inset-block-end:-1px;background-image:radial-gradient(62% 200% at 12% -6%,rgba(27,62,114,.64) 0%,transparent 66%),radial-gradient(42% 160% at 48% -18%,rgba(27,62,114,.22) 0%,transparent 70%),linear-gradient(90deg,var(--j4f-rule) 0,transparent 34%);background-size:100% 100%,100% 100%,100% 2px;background-position:0 0,0 0,left bottom;background-repeat:no-repeat}
.j4f-head__bar{display:flex;align-items:center;gap:1.25rem;min-height:4.25rem}
.j4f-brand{display:flex;align-items:center;gap:.6rem;font-family:var(--j4f-display);font-weight:700;font-size:.95rem;letter-spacing:.04em;color:var(--j4f-text-bright);text-transform:lowercase}
.j4f-brand svg{flex:0 0 auto;width:34px;height:34px}
.j4f-nav{margin-left:auto}
.j4f-nav ul{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}
.j4f-nav a{font-family:var(--j4f-display);font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;color:var(--j4f-nav);padding:.35rem 0;position:relative}
.j4f-nav a::before{content:"";position:absolute;inset-inline-start:-.55rem;inset-block:.15rem;width:2px;background:transparent;transition:background var(--j4f-step) var(--j4f-ease)}
.j4f-nav a:hover{color:var(--j4f-text-bright)}
.j4f-nav a:hover::before{background:var(--j4f-lit-dim)}
.j4f-nav a[aria-current="page"]{color:var(--j4f-lit-text)}
.j4f-nav a[aria-current="page"]::before{background:var(--j4f-lit)}

.j4f-burger{display:none;margin-left:auto;background:var(--j4f-panel);border:1px solid var(--j4f-edge);color:var(--j4f-text-bright);width:2.6rem;height:2.6rem;font-size:1.1rem;line-height:1;cursor:pointer}
@media (max-width:860px){
  .j4f-burger{display:block}
  .j4f-nav{position:absolute;inset-inline:0;top:100%;background:var(--j4f-ground);border-bottom:1px solid var(--j4f-edge);margin:0;max-height:0;overflow:hidden;transition:max-height .24s var(--j4f-ease)}
  .j4f-nav[data-open="true"]{max-height:24rem}
  .j4f-nav ul{flex-direction:column;gap:0;padding:.5rem 0}
  .j4f-nav li{border-top:1px solid var(--j4f-edge)}
  .j4f-nav a{display:block;padding:.9rem clamp(1rem,4vw,2rem)}
  .j4f-nav a::before{inset-inline-start:0;inset-block:0;width:3px}
}

main{display:block}
.j4f-marquee{position:relative;height:clamp(3.25rem,6.5vw,5rem);background:var(--j4f-recess);border-bottom:1px solid var(--j4f-edge);overflow:hidden}
.j4f-marquee::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--j4f-edge) 1px,transparent 1.4px);background-size:9px 9px;background-position:center;-webkit-mask-image:linear-gradient(100deg,#000 0%,#000 34%,rgba(0,0,0,.35) 62%,rgba(0,0,0,.08) 100%);mask-image:linear-gradient(100deg,#000 0%,#000 34%,rgba(0,0,0,.35) 62%,rgba(0,0,0,.08) 100%)}
.j4f-marquee::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 150% at 18% -30%,var(--j4f-rule) 0%,transparent 58%),radial-gradient(46% 120% at 62% -40%,var(--j4f-rule-faint) 0%,transparent 62%);opacity:.55}
.j4f-marquee__lit{position:absolute;inset-block-start:50%;inset-inline-start:clamp(1rem,4vw,2rem);transform:translateY(-50%);display:flex;gap:5px;z-index:1}
.j4f-marquee__lit i{display:block;width:4px;height:18px;background:var(--j4f-silo);opacity:.85;transform-origin:center;animation:j4f-seat 3.2s var(--j4f-ease) infinite}
.j4f-marquee__lit i:nth-child(1){transform:scaleY(.22);animation-delay:-2.6s}
.j4f-marquee__lit i:nth-child(2){transform:scaleY(.61);animation-delay:-1.9s}
.j4f-marquee__lit i:nth-child(3){transform:scaleY(1);animation-delay:-1.2s}
.j4f-marquee__lit i:nth-child(4){transform:scaleY(.61);animation-delay:-.6s}
.j4f-marquee__lit i:nth-child(5){transform:scaleY(.22);animation-delay:0s}
@keyframes j4f-seat{0%,18%{transform:scaleY(.22)}20%,38%{transform:scaleY(.61)}40%,58%{transform:scaleY(1)}60%,78%{transform:scaleY(.61)}80%,100%{transform:scaleY(.22)}}
@media (prefers-reduced-motion:reduce){.j4f-marquee__lit i{animation:none}}
.j4f-marquee__rule{position:absolute;inset-block-end:-1px;inset-inline-start:0;width:clamp(4rem,18vw,11rem);height:2px;background:var(--j4f-rule);z-index:1}
.j4f-band{padding-block:clamp(2.5rem,6vw,4.5rem);border-bottom:1px solid var(--j4f-edge)}
.j4f-band--lead{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 0%,var(--j4f-lit-wash) 0%,transparent 68%)}
.j4f-band--lead::after{content:"";position:absolute;pointer-events:none;inset-block-start:min(50%,12rem);translate:0 -50%;inset-inline-start:calc(50% + (var(--j4f-measure) + 4rem) / 2 - 2rem);width:min(26rem,50vw);aspect-ratio:1;background:url(ball.svg) center/contain no-repeat;opacity:.34;will-change:translate}
@media (prefers-reduced-motion:no-preference){
  .j4f-band--lead::after{animation:j4f-drift 11s ease-in-out infinite alternate}
  @keyframes j4f-drift{from{translate:0 calc(-50% - 17px)}to{translate:0 calc(-50% + 17px)}}
  .j4f-band--lead:hover::after,.j4f-band--lead:focus-within::after{rotate:11deg}
}
.j4f-band--lead::after{transition:opacity .9s cubic-bezier(.33,.7,.3,1),rotate 1.1s cubic-bezier(.33,.7,.3,1)}
.j4f-band--lead:hover::after,.j4f-band--lead:focus-within::after{opacity:.5}
.j4f-band--lead > .j4f-shell{position:relative;z-index:1}
.j4f-kicker{display:table;margin-inline:auto;font-family:var(--j4f-display);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--j4f-silo);border:1px solid var(--j4f-rule);padding:.32rem .8rem;margin-bottom:1.4rem}
.j4f-strip{display:flex;align-items:center;gap:.9rem;margin-bottom:1.6rem}
.j4f-strip::before{content:"";flex:0 0 auto;width:13px;height:18px;background:linear-gradient(var(--j4f-silo),var(--j4f-silo)) 0 100%/3px 8px no-repeat,linear-gradient(var(--j4f-silo),var(--j4f-silo)) 5px 100%/3px 18px no-repeat,linear-gradient(var(--j4f-silo),var(--j4f-silo)) 10px 100%/3px 12px no-repeat}
.j4f-strip::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--j4f-rule) 0,var(--j4f-rule) 2.5rem,var(--j4f-edge) 6rem,var(--j4f-edge) 100%)}
.j4f-strip h2{margin:0}

.j4f-prose{max-width:var(--j4f-measure);margin-inline:auto;text-align:left;hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.j4f-prose--center{margin-inline:auto}
.j4f-prose h2,.j4f-prose h3{margin-top:1.9em}
.j4f-prose ul,.j4f-prose ol{margin:0 0 1.15em;padding-inline-start:1.3rem}
.j4f-prose li{margin-bottom:.45em}
.j4f-prose a{border-bottom:0;border-inline-start:2px solid var(--j4f-edge-lit);margin-inline-start:.2em;padding-inline-start:.34em;transition:border-color var(--j4f-step) var(--j4f-ease),color var(--j4f-step) var(--j4f-ease)}
.j4f-prose a:hover,.j4f-prose a:focus-visible{color:var(--j4f-text-bright);border-inline-start-color:var(--j4f-silo)}
.j4f-lead{font-size:1.08rem;color:var(--j4f-text-dim)}

.j4f-panel{background:var(--j4f-sheen),var(--j4f-panel);border:1px solid var(--j4f-edge);box-shadow:var(--j4f-inset)}
.j4f-panel__body{padding:clamp(1.1rem,2.6vw,1.75rem)}

.j4f-grid{display:grid;gap:1px;background:var(--j4f-edge);border:1px solid var(--j4f-edge)}
@media (min-width:640px){.j4f-grid--2{grid-template-columns:repeat(2,1fr)}}
@media (min-width:900px){.j4f-grid--3{grid-template-columns:repeat(3,1fr)}}
.j4f-cell{background:var(--j4f-ground);padding:clamp(1.1rem,2.4vw,1.6rem);display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;transition:background var(--j4f-step) var(--j4f-ease)}
.j4f-cell:hover{background:var(--j4f-panel)}
.j4f-cell h3{margin:0}
.j4f-cell p{margin:0;color:var(--j4f-text-dim);font-size:.94rem}
.j4f-cell__no{font-family:var(--j4f-display);font-size:.66rem;letter-spacing:.16em;color:var(--j4f-silo)}

.j4f-jump{display:grid;gap:.6rem;margin:1.8rem 0 0}
.j4f-jump__a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:.85rem;row-gap:.15rem;padding:.85rem 1rem;background:var(--j4f-sheen),var(--j4f-panel);border:1px solid var(--j4f-edge);border-inline-start:2px solid var(--j4f-rule);border-bottom:0;padding-inline-start:1rem;transition:border-color var(--j4f-step) var(--j4f-ease),background var(--j4f-step) var(--j4f-ease)}
.j4f-jump__a:hover,.j4f-jump__a:focus-visible{border-inline-start-color:var(--j4f-silo);background:var(--j4f-recess)}
.j4f-jump__a--lead{background:var(--j4f-recess);border-inline-start-width:3px;border-inline-start-color:var(--j4f-edge-lit)}
.j4f-jump__lamp{grid-column:1;grid-row:1 / span 2;width:6px;height:6px;background:var(--j4f-edge)}
.j4f-jump__a--lead .j4f-jump__lamp{background:var(--j4f-silo)}
.j4f-jump__a:hover .j4f-jump__lamp,.j4f-jump__a:focus-visible .j4f-jump__lamp{background:var(--j4f-silo)}
.j4f-jump__t{grid-column:2;grid-row:1;font-family:var(--j4f-display);font-size:.95rem;color:var(--j4f-text-bright)}
.j4f-jump__a--lead .j4f-jump__t{font-size:1.05rem}
.j4f-jump__m{grid-column:2;grid-row:2;font-size:.83rem;color:var(--j4f-text-dim)}
.j4f-jump__go{grid-column:3;grid-row:1 / span 2;font-family:var(--j4f-display);color:var(--j4f-silo)}
@media (min-width:760px){.j4f-jump{grid-template-columns:1fr 1fr}.j4f-jump__a--lead{grid-column:1 / -1}}
.j4f-slots{border:1px solid var(--j4f-edge);background:var(--j4f-sheen),var(--j4f-panel)}
.j4f-slot{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.1fr) minmax(0,.7rem);align-items:center;gap:1rem;padding:.95rem clamp(.85rem,2vw,1.3rem);border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(0,0,0,.4);background:var(--j4f-recess);transition:background var(--j4f-step) var(--j4f-ease)}
.j4f-slot:first-child{border-top:0}
.j4f-slot:hover{background:var(--j4f-panel)}
.j4f-slot__name{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--j4f-display);font-size:.86rem;font-weight:600;color:var(--j4f-text-bright);text-transform:none;min-width:0;overflow-wrap:anywhere}
.j4f-slot__meta{font-family:var(--j4f-display);font-size:.7rem;letter-spacing:.1em;color:var(--j4f-text-dim);text-transform:uppercase}
.j4f-slot__go{font-family:var(--j4f-display);font-size:.85rem;color:var(--j4f-lit-text);justify-self:end}
@media (max-width:640px){
  .j4f-slot{grid-template-columns:1fr auto;row-gap:.3rem}
  .j4f-slot__meta{grid-column:1;font-size:.66rem}
  .j4f-slot__go{grid-row:1;grid-column:2}
}

.j4f-facts{display:flex;flex-wrap:wrap;gap:1px;background:var(--j4f-edge);border:1px solid var(--j4f-edge);border-inline-start:3px solid var(--j4f-rule);margin:0 0 1.8rem}
.j4f-fact{flex:1 1 calc(50% - 1px);min-width:0}
.j4f-fact--wide{flex-basis:100%}
.j4f-fact dd{overflow-wrap:anywhere;line-height:1.35}
.j4f-fact{background:var(--j4f-recess);padding:.6rem .95rem}
.j4f-fact dt{font-family:var(--j4f-display);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--j4f-text-dim);margin-bottom:.12rem;line-height:1.3}
.j4f-fact dd{margin:0;font-family:var(--j4f-display);font-size:.9rem;color:var(--j4f-text-bright)}

html{scrollbar-color:var(--j4f-select) var(--j4f-recess);scrollbar-width:thin}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--j4f-recess)}
::-webkit-scrollbar-thumb{background:var(--j4f-select);border:2px solid var(--j4f-recess)}
::-webkit-scrollbar-thumb:hover{background:var(--j4f-edge-lit)}
::-webkit-scrollbar-corner{background:var(--j4f-recess)}
::selection{background:var(--j4f-select);color:#FFFFFF}
.j4f-prose li::marker{color:var(--j4f-silo)}.j4f-embed{margin:1.9rem 0}.j4f-embed__frame{position:relative;aspect-ratio:16/9;background:var(--j4f-recess);border:1px solid var(--j4f-edge)}.j4f-embed__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.j4f-embed__go{position:absolute;inset:0;display:grid;place-items:center;gap:.7rem;align-content:center;text-decoration:none;color:var(--j4f-text);background:radial-gradient(120% 120% at 50% 40%,rgba(45,125,240,.14),transparent 70%)}.j4f-embed__tri{width:0;height:0;border-style:solid;border-width:.85rem 0 .85rem 1.45rem;border-color:transparent transparent transparent var(--j4f-text-bright);filter:drop-shadow(0 0 12px rgba(45,125,240,.45))}.j4f-embed__txt{font-family:var(--j4f-display);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--j4f-text-dim);text-align:center;padding-inline:1rem}.j4f-embed__go:hover .j4f-embed__txt,.j4f-embed__go:focus-visible .j4f-embed__txt{color:var(--j4f-text-bright)}.j4f-embed figcaption{margin-block-start:.6rem;font-size:.82rem;line-height:1.5;color:var(--j4f-text-dim)}.j4f-embed figcaption span{font-family:var(--j4f-display);font-size:.76rem;color:var(--j4f-text)}
.j4f-calc__ta,.j4f-calc__sel{caret-color:var(--j4f-silo);accent-color:var(--j4f-silo)}
.j4f-kit__lab input{accent-color:var(--j4f-silo)}
.j4f-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--j4f-display);font-size:.82rem;letter-spacing:.02em;color:var(--j4f-text-bright);background:var(--j4f-panel);border:1px solid var(--j4f-edge);border-inline-start:2px solid var(--j4f-edge-lit);padding:.6rem 1rem;cursor:pointer;text-decoration:none;transition:border-color var(--j4f-step) var(--j4f-ease),background var(--j4f-step) var(--j4f-ease)}
.j4f-btn:hover,.j4f-btn:focus-visible{border-inline-start-color:var(--j4f-silo);background:var(--j4f-recess)}
.j4f-btn--ghost{background:none;border-inline-start-color:var(--j4f-rule);color:var(--j4f-text)}
.j4f-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin:1.9rem 0}
@media (max-width:759px){.j4f-cta .j4f-btn{flex:1 1 100%;justify-content:center}.j4f-opening{display:flex;flex-direction:column}.j4f-opening > .j4f-kicker{order:-3}.j4f-opening > h1{order:-2}.j4f-opening > .j4f-cta{order:-1}}
.j4f-btn--cta{font-size:.9rem;padding:.9rem 1.3rem;border-inline-start-width:3px}
.j4f-btn--cta .j4f-btn__go{color:var(--j4f-silo);transition:translate var(--j4f-step) var(--j4f-ease)}
.j4f-btn--cta:hover .j4f-btn__go,.j4f-btn--cta:focus-visible .j4f-btn__go{translate:3px 0}
.j4f-btn--lit{background:var(--j4f-shelf);border-color:var(--j4f-edge-lit);border-inline-start-color:var(--j4f-silo);color:#FFFFFF}
.j4f-btn--lit:hover,.j4f-btn--lit:focus-visible{background:var(--j4f-edge-lit)}
.j4f-btn--lit .j4f-btn__go{color:#FFFFFF}
.j4f-btn--ghost:hover,.j4f-btn--ghost:focus-visible{color:var(--j4f-text-bright)}
.j4f-table-scroll{overflow-x:auto;border:1px solid var(--j4f-edge);background:var(--j4f-panel)}
table.j4f-table{width:100%;border-collapse:collapse;font-size:.93rem}
.j4f-table-title{display:block;width:100%;box-sizing:border-box;margin:0;font-family:var(--j4f-display);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--j4f-text-dim);padding:.85rem 1rem;text-align:left;border:1px solid var(--j4f-edge);border-bottom:0;background:var(--j4f-panel)}
.j4f-table caption{display:block;width:auto;text-align:left}
.j4f-table th,.j4f-table td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid var(--j4f-edge);vertical-align:top}
.j4f-table thead th{font-family:var(--j4f-display);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--j4f-silo);background:var(--j4f-recess)}
@media (max-width:700px){
  .j4f-table-title{text-align:center}
  .j4f-table-scroll{overflow-x:visible;border:0;background:none}
  .j4f-table,.j4f-table tbody,.j4f-table tr,.j4f-table td{display:block;width:100%}
  .j4f-table thead{display:none}
  .j4f-table tr{border:1px solid var(--j4f-edge);border-top:0;background:var(--j4f-panel);padding:.35rem 0}
  .j4f-table td{border:0;padding:.5rem 1rem;display:flex;gap:.75rem;justify-content:space-between;align-items:baseline}
  .j4f-table td::before{content:attr(data-label);font-family:var(--j4f-display);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--j4f-text-dim);flex:0 0 45%}.j4f-table tr:has(> td.j4f-td-name){padding-block-start:0}.j4f-table td.j4f-td-name{display:block;padding:.72rem 1rem .62rem;border-block-end:1px solid var(--j4f-edge);background:var(--j4f-recess)}.j4f-table td.j4f-td-name::before{content:none}.j4f-table td.j4f-td-name a{font-family:var(--j4f-body);font-size:1.02rem;font-weight:600;line-height:1.2;color:var(--j4f-text)}.j4f-table td.j4f-td-name .j4f-clublink{gap:.5rem}.j4f-table td.j4f-td-name .j4f-clublink span{overflow-wrap:normal;word-break:normal;hyphens:none}}@media (max-width:419px){.j4f-table td:not(.j4f-td-name){display:block;padding-block:.42rem .5rem}.j4f-table td:not(.j4f-td-name)::before{display:block;flex:none;margin-block-end:.1rem}}@media (max-width:374px){.j4f-table td.j4f-td-name{padding-inline:.75rem}.j4f-table td.j4f-td-name a{font-size:.95rem}.j4f-table td.j4f-td-name .j4f-mono{width:1.4rem;height:1.4rem;font-size:.62rem}.j4f-table td.j4f-td-name .j4f-clublink{gap:.45rem}
}

details.j4f-q{background:var(--j4f-sheen),var(--j4f-panel);border:1px solid var(--j4f-edge);box-shadow:var(--j4f-inset);margin-bottom:.7rem}
details.j4f-q>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1rem,2.4vw,1.5rem);cursor:pointer;list-style:none}
details.j4f-q>summary::-webkit-details-marker{display:none}
details.j4f-q h3{margin:0;font-size:.87rem;letter-spacing:.05em;text-transform:none;color:var(--j4f-text-bright)}
.j4f-q__sign{position:relative;flex:0 0 auto;width:.9rem;height:.9rem}
.j4f-q__sign::before,.j4f-q__sign::after{content:"";position:absolute;background:var(--j4f-lit-text);transition:transform var(--j4f-step) var(--j4f-ease)}
.j4f-q__sign::before{inset-block-start:50%;inset-inline:0;height:2px;transform:translateY(-50%)}
.j4f-q__sign::after{inset-inline-start:50%;inset-block:0;width:2px;transform:translateX(-50%)}
details.j4f-q[open] .j4f-q__sign::after{transform:translateX(-50%) scaleY(0)}
.j4f-q__a{padding:0 clamp(1rem,2.4vw,1.5rem) 1.3rem;color:var(--j4f-text-dim);font-size:.95rem}
.j4f-q__a>*:last-child{margin-bottom:0}

.j4f-chip{position:relative;display:inline-flex;align-items:center;gap:.5rem}
.j4f-chip::before{content:"";flex:0 0 auto;width:5px;height:5px;background:var(--j4f-edge);transition:background var(--j4f-step) var(--j4f-ease),box-shadow var(--j4f-step) var(--j4f-ease)}
.j4f-chip[aria-pressed="true"]{background:var(--j4f-panel)}
.j4f-chip[aria-pressed="true"]::before{background:var(--j4f-silo);box-shadow:0 0 0 2px color-mix(in srgb,var(--j4f-silo) 26%,transparent)}
.j4f-chip__n{font-size:.6rem;letter-spacing:.06em;color:var(--j4f-text-dim);transition:color var(--j4f-step) var(--j4f-ease)}
.j4f-chip[aria-pressed="true"] .j4f-chip__n{color:var(--j4f-silo)}
.j4f-pin{transition:opacity .3s var(--j4f-ease)}
.j4f-pin[data-dim="true"]{opacity:.16;pointer-events:none}
.j4f-pin[data-dim="true"] .j4f-pin__lbl{opacity:0}
.j4f-pin[data-lit="true"] .j4f-pin__dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--j4f-silo) 30%,transparent)}
@media (prefers-reduced-motion:reduce){.j4f-pin,.j4f-chip,.j4f-chip::before{transition:none}}
.j4f-dl{margin:0;padding:1.15rem;border-block-start:1px solid var(--j4f-edge);background:var(--j4f-recess)}
.j4f-dl__t{margin:0 0 .5rem;font-family:var(--j4f-display);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--j4f-silo)}
.j4f-dl__d{margin:0 0 .9rem;font-size:.9rem;color:var(--j4f-text);max-width:68ch}
.j4f-dl__a{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 .8rem}
.j4f-dl__a a{font-family:var(--j4f-display);font-size:.72rem;letter-spacing:.1em;padding:.45rem 1rem;border:1px solid var(--j4f-rule);background:var(--j4f-panel);color:var(--j4f-silo);transition:border-color var(--j4f-step) var(--j4f-ease),color var(--j4f-step) var(--j4f-ease)}
.j4f-dl__a a:hover{border-color:var(--j4f-silo);color:var(--j4f-text-bright)}
.j4f-dl__l{margin:0;font-size:.8rem;color:var(--j4f-text-dim);max-width:68ch}
.j4f-map{border:1px solid var(--j4f-edge);background:var(--j4f-sheen),var(--j4f-panel)}
.j4f-map__canvas{height:clamp(19rem,52vh,30rem);background:var(--j4f-recess)}
.j4f-map__legend{display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}
.j4f-chip{font-family:var(--j4f-display);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:var(--j4f-text-dim);background:var(--j4f-recess);border:1px solid var(--j4f-edge);padding:.42rem .75rem;cursor:pointer;transition:color var(--j4f-step) var(--j4f-ease),border-color var(--j4f-step) var(--j4f-ease)}
.j4f-chip:hover{color:var(--j4f-text-bright);border-color:var(--j4f-lit-dim)}
.j4f-chip[aria-pressed="true"]{color:var(--j4f-lit-text);border-color:var(--j4f-lit)}
.j4f-map__note{padding:0 1rem 1rem;font-size:.82rem;color:var(--j4f-text-dim)}

.j4f-foot{border-top:1px solid var(--j4f-edge);padding-block:clamp(2rem,4vw,3rem);font-size:.9rem}
.j4f-foot__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem 1.5rem;margin-bottom:1.75rem}
@media (min-width:900px){.j4f-foot__cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem}}
.j4f-foot__cols > div{min-width:0}
.j4f-foot a{overflow-wrap:anywhere}
@media (max-width:520px){
  .j4f-foot h2{margin-bottom:.6rem}
  .j4f-foot li{margin-bottom:.3rem}
  .j4f-foot{font-size:.86rem}
}
.j4f-foot h2{font-size:.66rem;letter-spacing:.2em;color:var(--j4f-text-dim);margin-bottom:.9rem}
.j4f-foot ul{list-style:none;margin:0;padding:0}
.j4f-foot li{margin-bottom:.45rem}
.j4f-foot a{color:var(--j4f-text-dim)}
.j4f-foot a:hover{color:var(--j4f-text-bright)}
.j4f-foot__base{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;align-items:center;border-top:1px solid var(--j4f-edge);padding-top:1.5rem;color:var(--j4f-text-dim);font-size:.82rem}

.j4f-top{position:fixed;inset-inline-end:1rem;inset-block-end:1rem;z-index:35;width:2.8rem;height:2.8rem;background:var(--j4f-panel);border:1px solid var(--j4f-edge);color:var(--j4f-lit-text);font-family:var(--j4f-display);font-size:1rem;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s var(--j4f-ease)}
.j4f-top[data-show="true"]{opacity:1;pointer-events:auto}
.j4f-top:hover{border-color:var(--j4f-lit)}

.j4f-crumbs{font-family:var(--j4f-display);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--j4f-crumb-text);padding-block:.85rem;background:var(--j4f-shelf);border-bottom:1px solid var(--j4f-edge)}
.j4f-crumbs a{color:var(--j4f-crumb-link)}
.j4f-crumbs a:hover,.j4f-crumbs a:focus-visible{text-decoration:underline;text-underline-offset:.22em}
.j4f-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}
.j4f-crumbs li+li::before{content:"/";margin-inline-end:.5rem;opacity:.45}

.j4f-byline{font-family:var(--j4f-display);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--j4f-text-dim);margin-bottom:1.8rem}
.j4f-byline a{color:var(--j4f-text-dim);border-bottom:1px solid var(--j4f-edge)}

.j4f-pyr{margin:0 0 1.8rem}
.j4f-pyr__cap{font-family:var(--j4f-display);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--j4f-silo);background:var(--j4f-recess);border:1px solid var(--j4f-edge);border-inline-start:3px solid var(--j4f-rule);padding:.6rem .9rem;margin:0;box-sizing:border-box;width:100%}
.j4f-pyr__list{list-style:none;margin:0;padding:.6rem;display:flex;flex-direction:column;gap:.35rem;border:1px solid var(--j4f-edge);border-block-start:0;background:var(--j4f-recess)}
.j4f-pyr__row{display:flex;align-items:baseline;gap:.7rem;padding:.5rem .8rem;background:var(--j4f-sheen),var(--j4f-panel);border:1px solid var(--j4f-edge);border-inline-start:3px solid var(--j4f-edge)}
.j4f-pyr__row--zpn{border-inline-start-color:var(--j4f-rule)}
.j4f-pyr__lvl{flex:0 0 auto;font-family:var(--j4f-display);font-size:.7rem;letter-spacing:.1em;color:var(--j4f-text-dim);min-width:2.2em}
.j4f-pyr__row--zpn .j4f-pyr__lvl{color:var(--j4f-silo)}
.j4f-pyr__name{font-size:.95rem;color:var(--j4f-text)}
.j4f-pyr__key{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .9rem;margin:.7rem 0 0;font-size:.82rem;color:var(--j4f-text-dim)}
.j4f-pyr__sw{flex:0 0 auto;width:1.1rem;height:3px;background:var(--j4f-edge)}
.j4f-pyr__sw--zpn{background:var(--j4f-rule)}
@media (min-width:640px){.j4f-pyr__list{align-items:center}.j4f-pyr__row{width:var(--pw,100%)}}

.j4f-note a{text-decoration:underline;text-underline-offset:.15em}
.j4f-note{border:1px solid var(--j4f-edge);border-inline-start:3px solid var(--j4f-rule-faint);background:var(--j4f-recess);padding:1rem 1.15rem;margin:0 0 1.4rem;font-size:.92rem;color:var(--j4f-text-dim)}

[data-wake]{opacity:1}
@media (prefers-reduced-motion:no-preference){
  [data-wake]{opacity:.55;transition:opacity .42s var(--j4f-ease),box-shadow .42s var(--j4f-ease)}
  [data-wake][data-awake="true"]{opacity:1}
  .j4f-panel[data-wake]{box-shadow:none}
  .j4f-panel[data-wake][data-awake="true"]{box-shadow:var(--j4f-inset)}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  [data-wake]{opacity:1;transition:none}
  .j4f-nav{transition:none}
}

.j4f-figure{margin:1.8rem 0;border:1px solid var(--j4f-edge);border-inline-start:2px solid var(--j4f-rule);background:var(--j4f-recess);line-height:0}
.j4f-figure img{display:block;width:100%;height:auto;filter:saturate(.82) contrast(1.04)}
.j4f-hero{margin:2rem 0 0;border:1px solid var(--j4f-edge);background:var(--j4f-recess);line-height:0}
.j4f-hero img{display:block;width:100%;height:auto;filter:saturate(.82) contrast(1.04)}
.j4f-author{display:flex;align-items:center;justify-content:center;gap:.85rem;margin:0 0 1.6rem}
.j4f-avatar{display:block;width:52px;height:52px;object-fit:cover;border:1px solid var(--j4f-edge);filter:grayscale(.3)}
.j4f-author__name{margin:0;font-family:var(--j4f-display);font-size:.82rem;color:var(--j4f-text-bright)}
.j4f-author__role{margin:.15rem 0 0;font-size:.76rem;color:var(--j4f-text-dim)}
.j4f-author__role a{color:var(--j4f-text-dim);border-bottom:1px solid var(--j4f-edge)}
.j4f-cell .j4f-avatar{width:72px;height:72px;margin-bottom:.6rem}

.j4f-band--lead .j4f-shell,
.j4f-band--text .j4f-shell{max-width:calc(var(--j4f-measure) + 2 * clamp(1rem,4vw,2rem))}
.j4f-band--lead .j4f-shell > .j4f-prose,
.j4f-band--text .j4f-shell > .j4f-prose{max-width:none}
.j4f-band--lead .j4f-shell .j4f-table-scroll,
.j4f-band--text .j4f-shell .j4f-table-scroll{margin-inline:0}



.j4f-clublink{display:flex;align-items:center;gap:.6rem;min-width:0}
.j4f-clublink span{min-width:0;overflow-wrap:anywhere}.j4f-mono{flex:0 0 auto;display:grid;place-items:center;width:1.55rem;height:1.55rem;font-family:var(--j4f-display);font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--j4f-text);background:var(--j4f-recess);border:1px solid var(--j4f-edge)}
.j4f-slot__name 
@media (max-width:700px){}

.j4f-clubtop{display:grid;grid-template-columns:1fr;gap:1.25rem;margin-bottom:1.8rem}
@media (min-width:620px){.j4f-clubtop{grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:stretch}}
.j4f-clubtop .j4f-facts{margin:0}
.j4f-locator{margin:0;border:1px solid var(--j4f-edge);border-inline-start:3px solid var(--j4f-rule);background:var(--j4f-recess);display:flex;flex-direction:column}
.j4f-locator > svg{display:block;width:100%;flex:1 1 auto;min-height:0;padding:.5rem;color:var(--j4f-rule)}
.j4f-locator figcaption{display:flex;align-items:center;gap:.35rem;font-family:var(--j4f-display);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--j4f-text-dim);padding:.6rem .75rem;border-top:1px solid var(--j4f-edge)}

.j4f-fact dt{display:flex;align-items:center;gap:.35rem}
svg.j4f-ic{flex:0 0 auto;width:.8rem;height:.8rem;min-height:0;padding:0;color:var(--j4f-silo);opacity:1}
