:root{--black:#0c100f;--paper:#eceae2;--muted:#a7aaa2;--acid:#d8ff43;--line:rgba(236,234,226,.18);--pad:clamp(20px,5vw,78px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--paper);font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.gallery-header{height:78px;padding:0 var(--pad);display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.gallery-logo{display:flex;align-items:center;gap:9px}.gallery-logo span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--black);font:700 15px Georgia,serif;transform:rotate(-8deg)}.gallery-logo b{font-size:18px;letter-spacing:-.04em}.gallery-logo sup{font-size:7px}.edition{margin:auto;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}.gallery-header>a:last-child{font-size:10px;text-transform:uppercase;letter-spacing:.13em}.gallery-header i{font-style:normal;color:var(--acid);margin-left:14px}.gallery-hero{position:relative;min-height:770px;padding:130px var(--pad) 95px;overflow:hidden}.hero-meta{display:flex;gap:50px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:var(--muted)}.gallery-hero h1{position:relative;z-index:2;margin:60px 0 25px;font-size:clamp(74px,11.5vw,172px);line-height:.75;letter-spacing:-.075em}.gallery-hero h1 span,.gallery-hero h1 em{display:block}.gallery-hero h1 em{font:400 italic .83em/.82 Georgia,serif;color:var(--acid);letter-spacing:-.045em;margin-left:.56em}.gallery-hero>p{max-width:510px;font-size:14px;line-height:1.6;color:#c7c9c3}.hero-link{display:inline-flex;align-items:center;gap:55px;margin-top:28px;padding:14px 0;border-bottom:1px solid var(--paper);font-size:11px;font-weight:700}.hero-link span{font-size:20px;color:var(--acid)}.orbit{position:absolute;right:-70px;top:70px;width:580px;height:580px;border:1px solid rgba(216,255,67,.2);border-radius:50%;animation:turn 38s linear infinite}.orbit:before,.orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(216,255,67,.13)}.orbit:before{inset:70px}.orbit:after{inset:150px}.orbit>span{position:absolute;inset:210px;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:var(--black);font:400 78px Georgia,serif}.orbit i{position:absolute;width:15px;height:15px;border-radius:50%;background:var(--paper);box-shadow:0 0 0 7px rgba(236,234,226,.08)}.orbit i:nth-child(1){left:8%;top:26%}.orbit i:nth-child(2){right:12%;top:19%;background:#b7ff39}.orbit i:nth-child(3){right:-1%;top:52%;background:#ff725b}.orbit i:nth-child(4){right:20%;bottom:8%;background:#62ccff}.orbit i:nth-child(5){left:20%;bottom:8%;background:#ffcf3d}.orbit i:nth-child(6){left:-1%;top:55%;background:#8a70ff}.orbit i:nth-child(7){left:45%;top:-1%;background:#efefef}@keyframes turn{to{transform:rotate(360deg)}}.principles{padding:0 var(--pad) 75px;display:grid;grid-template-columns:.7fr repeat(4,1fr);border-bottom:1px solid var(--line)}.principles>span{padding-top:20px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}.principles>div{padding:20px;border-left:1px solid var(--line)}.principles b{font-size:9px;color:var(--acid)}.principles p{font-size:12px;line-height:1.3}.principles small{color:var(--muted);font-size:9px}.concepts{padding:110px var(--pad)}.concepts>header{display:grid;grid-template-columns:auto 1fr .65fr;align-items:end;gap:40px;margin-bottom:100px}.concepts>header>span{font-size:10px;color:var(--acid)}.concepts>header h2,.gallery-outro h2{margin:0;font-size:clamp(64px,9vw,132px);line-height:.76;letter-spacing:-.07em}.concepts>header h2 em,.gallery-outro h2 em{font:400 italic .84em/.8 Georgia,serif;color:var(--acid)}.concepts>header p{max-width:420px;margin:0;font-size:12px;line-height:1.6;color:var(--muted)}.concept{--card:#d8ff43;--cardInk:#111;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);min-height:610px;margin-bottom:120px;background:#171c1a;border:1px solid var(--line);overflow:hidden}.concept:nth-of-type(even){grid-template-columns:minmax(280px,.75fr) minmax(0,1.55fr)}.concept:nth-of-type(even) .concept-preview{order:2}.concept-preview{position:relative;display:block;min-height:610px;overflow:hidden;background:#222}.concept-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 55%,rgba(0,0,0,.32));pointer-events:none}.concept-preview img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .6s ease}.concept-preview:hover img{transform:scale(1.025)}.preview-pill{position:absolute;z-index:2;left:18px;bottom:18px;padding:9px 13px;border-radius:99px;background:rgba(12,16,15,.83);backdrop-filter:blur(10px);font-size:9px;text-transform:uppercase;letter-spacing:.13em}.concept-copy{position:relative;padding:38px;display:flex;flex-direction:column;background:var(--card);color:var(--cardInk)}.concept-number{font:400 90px/.7 Georgia,serif;opacity:.15}.concept-slug{position:absolute;right:30px;top:30px;font-size:9px;text-transform:uppercase;letter-spacing:.13em}.concept-copy h3{margin:auto 0 22px;font-size:clamp(43px,4.5vw,69px);line-height:.81;letter-spacing:-.07em}.concept-copy h3 em{font:400 italic .73em/.85 Georgia,serif}.concept-copy p{font-size:12px;line-height:1.55;max-width:370px}.concept-copy ul{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}.concept-copy li{padding:6px 9px;border:1px solid currentColor;border-radius:99px;font-size:8px;text-transform:uppercase;letter-spacing:.07em}.concept-copy>a{margin-top:18px;padding:16px 0;display:flex;justify-content:space-between;border-top:1px solid currentColor;font-size:11px;font-weight:700}.concept-copy>a span{font-size:18px}.tennis-card{--card:#d97049;--cardInk:#f7efdd}.ping-card{--card:#2459e7;--cardInk:#fff}.badminton-card{--card:#c9b7ff;--cardInk:#201a35}.squash-card{--card:#d68c2d;--cardInk:#17140e}.pickle-card{--card:#ffcf3f;--cardInk:#1b2456}.beach-card{--card:#68ccd0;--cardInk:#173f49}.gallery-outro{position:relative;padding:120px var(--pad) 150px;background:var(--acid);color:var(--black);overflow:hidden}.gallery-outro>span{font-size:9px;text-transform:uppercase;letter-spacing:.16em}.gallery-outro h2{margin:45px 0 35px}.gallery-outro h2 em{color:var(--black)}.gallery-outro p{max-width:610px;font-size:13px;line-height:1.6}.gallery-outro>a{position:absolute;right:var(--pad);bottom:60px;font-size:10px;font-weight:700;border-bottom:1px solid}footer{height:110px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between}footer small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
@media(max-width:900px){.orbit{right:-270px;opacity:.55}.concepts>header{grid-template-columns:auto 1fr}.concepts>header p{grid-column:2}.concept,.concept:nth-of-type(even){grid-template-columns:1fr}.concept:nth-of-type(even) .concept-preview{order:0}.concept-preview{min-height:500px}.principles{grid-template-columns:1fr 1fr}.principles>span{grid-column:1/-1;padding-bottom:15px}.principles>div:nth-child(2),.principles>div:nth-child(4){border-left:0}.concept-copy{min-height:450px}}
@media(max-width:600px){:root{--pad:18px}.gallery-header{height:65px}.edition{display:none}.gallery-header>a:last-child{margin-left:auto}.gallery-hero{min-height:660px;padding-top:100px}.hero-meta{gap:25px}.gallery-hero h1{margin-top:44px;font-size:63px;line-height:.79}.gallery-hero h1 em{margin-left:.18em}.gallery-hero>p{width:82%;font-size:12px}.orbit{width:380px;height:380px;right:-250px;top:225px}.orbit:before{inset:45px}.orbit:after{inset:100px}.orbit>span{inset:135px;font-size:52px}.principles{padding-bottom:45px}.principles>div{padding:14px 8px}.concepts{padding-top:70px}.concepts>header{display:block;margin-bottom:55px}.concepts>header>span{display:block;margin-bottom:18px}.concepts>header h2{font-size:53px}.concepts>header p{margin-top:24px}.concept,.concept:nth-of-type(even){margin-bottom:55px}.concept-preview{min-height:0;aspect-ratio:1.38}.concept-preview img{object-fit:cover}.preview-pill{left:10px;bottom:10px;padding:7px 9px;font-size:7px}.concept-copy{min-height:410px;padding:25px}.concept-number{font-size:72px}.concept-slug{right:22px;top:22px}.concept-copy h3{font-size:48px}.gallery-outro{padding-top:80px;padding-bottom:115px}.gallery-outro h2{font-size:51px}.gallery-outro>a{left:18px;right:auto;bottom:45px}footer{height:90px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep the headline and the orbit in separate layout columns. */
.gallery-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.72fr);align-items:center;column-gap:clamp(32px,5vw,78px)}
.gallery-hero-copy{position:relative;z-index:2;min-width:0;grid-column:1;grid-row:1}
.gallery-hero h1{margin:60px 0 25px;font-size:clamp(64px,6.4vw,112px);line-height:.78}
.gallery-hero h1 em{margin-left:.14em}
.gallery-hero-copy>p{max-width:510px;font-size:14px;line-height:1.6;color:#c7c9c3}
.orbit{position:relative;right:auto;top:auto;grid-column:2;grid-row:1;justify-self:end;width:clamp(440px,35vw,540px);height:auto;aspect-ratio:1}
.orbit:before{inset:12%}
.orbit:after{inset:26%}
.orbit>span{inset:36%;font-size:clamp(60px,5vw,78px)}

@media(max-width:1250px){
  .gallery-hero{display:flex;min-height:auto;flex-direction:column;align-items:stretch}
  .gallery-hero-copy{order:1;max-width:780px}
  .orbit{order:2;align-self:flex-end;width:min(580px,72vw);margin:55px -7vw -70px 0}
}
.tennis-card{--cardInk:#15100d}.concept-number{opacity:.48}.sport-options .option-tennis{--option:#f18a64}

@media(max-width:600px){
  .gallery-hero{padding-top:100px;padding-bottom:60px}
  .gallery-hero h1{margin-top:44px;font-size:58px;line-height:.81}
  .gallery-hero h1 em{margin-left:.12em}
  .gallery-hero-copy>p{width:88%;font-size:12px}
  .orbit{width:330px;margin:45px -120px -55px 0}
  .orbit>span{font-size:50px}
}

/* Useful routes replace decorative landing-page screenshots. */
.concept-actions{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:610px;background:radial-gradient(circle at 50% 50%,rgba(216,255,67,.06),transparent 48%),#121715}
.concept-actions>a{position:relative;min-width:0;padding:clamp(22px,2.5vw,38px);display:flex;flex-direction:column;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background-color .25s ease,color .25s ease,transform .25s ease}
.concept-actions>a:nth-child(2n){border-right:0}
.concept-actions>a:nth-child(n+3){border-bottom:0}
.concept-actions>a:before{content:attr(data-mark);position:absolute;right:18px;bottom:-20px;font:400 clamp(76px,8vw,128px)/1 Georgia,serif;color:var(--card);opacity:.1;transform:rotate(-8deg);transition:opacity .25s ease,transform .25s ease}
.concept-actions span{font-size:9px;font-weight:700;color:var(--card)}
.concept-actions small{margin-top:12px;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}
.concept-actions strong{position:relative;z-index:1;margin-top:auto;font-size:clamp(27px,3.1vw,48px);line-height:.86;letter-spacing:-.055em;text-transform:uppercase}
.concept-actions i{position:absolute;right:clamp(20px,2.4vw,35px);top:clamp(20px,2.4vw,35px);font-style:normal;font-size:19px;color:var(--card)}
.concept-actions>a:hover,.concept-actions>a:focus-visible{background:var(--card);color:var(--cardInk);outline:0;transform:translateY(-2px)}
.concept-actions>a:hover:before,.concept-actions>a:focus-visible:before{color:var(--cardInk);opacity:.12;transform:rotate(0deg) scale(1.05)}
.concept-actions>a:hover span,.concept-actions>a:hover small,.concept-actions>a:hover i,.concept-actions>a:focus-visible span,.concept-actions>a:focus-visible small,.concept-actions>a:focus-visible i{color:var(--cardInk)}
.concept:nth-of-type(even) .concept-actions{order:2}

@media(max-width:900px){
  .concept:nth-of-type(even) .concept-actions{order:0}
  .concept-actions{min-height:500px}
}

@media(max-width:600px){
  .concept-actions{min-height:400px}
  .concept-actions>a{min-height:200px;padding:18px 15px}
  .concept-actions>a:before{right:8px;font-size:74px}
  .concept-actions small{max-width:115px;font-size:7px;line-height:1.4}
  .concept-actions strong{font-size:23px}
  .concept-actions i{right:15px;top:15px;font-size:16px}
}

/* The first two screens answer the main visitor questions before the long sport stories. */
.hero-actions-home{display:flex;flex-wrap:wrap;align-items:center;gap:18px 34px}.hero-actions-home .hero-link{margin-top:28px}.hero-actions-home .hero-link.secondary{border-bottom-color:rgba(236,234,226,.32);color:#c7c9c3;font-weight:500}.hero-actions-home .hero-link.secondary span{color:var(--paper)}
.principles{grid-template-columns:.78fr repeat(5,minmax(0,1fr));padding-bottom:0}.principles>a{position:relative;min-width:0;min-height:150px;padding:24px 42px 24px 20px;border-left:1px solid var(--line);transition:background-color .2s,color .2s}.principles>a>i{position:absolute;right:17px;top:20px;color:var(--acid);font-style:normal}.principles>a:hover,.principles>a:focus-visible{background:var(--acid);color:var(--black);outline:0}.principles>a:hover b,.principles>a:hover small,.principles>a:hover i,.principles>a:focus-visible b,.principles>a:focus-visible small,.principles>a:focus-visible i{color:var(--black)}
.sport-picker{padding:clamp(90px,9vw,145px) var(--pad);background:#111614;border-bottom:1px solid var(--line)}.sport-picker>header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.65fr);gap:50px;align-items:end;max-width:1500px;margin:0 auto 65px}.sport-picker>header span{display:block;margin-bottom:26px;color:var(--acid);font-size:9px;text-transform:uppercase;letter-spacing:.17em}.sport-picker h2{margin:0;font-size:clamp(58px,7.5vw,112px);line-height:.77;letter-spacing:-.07em}.sport-picker h2 em{font:400 italic .82em/.82 Georgia,serif;color:var(--acid)}.sport-picker>header p{max-width:480px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.sport-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1500px;margin:0 auto;border-top:1px solid var(--line);border-left:1px solid var(--line)}.sport-options>a{--option:var(--acid);position:relative;display:flex;min-width:0;min-height:280px;flex-direction:column;padding:24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;transition:background-color .22s,color .22s,transform .22s}.sport-options>a:before{content:"";position:absolute;right:-42px;bottom:-52px;width:150px;height:150px;border:1px solid var(--option);border-radius:50%;opacity:.2}.sport-options>a>span{color:var(--option);font-size:9px;font-weight:700}.sport-options>a>small{margin-top:24px;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.12em}.sport-options h3{max-width:230px;margin:auto 0 12px;font-size:clamp(28px,2.6vw,43px);line-height:.87;letter-spacing:-.055em;text-transform:uppercase}.sport-options p{max-width:260px;margin:0;color:var(--muted);font-size:10px;line-height:1.55}.sport-options i{position:absolute;right:22px;top:21px;color:var(--option);font-style:normal;font-size:18px}.sport-options>a:hover,.sport-options>a:focus-visible{background:var(--option);color:#101412;outline:0;transform:translateY(-3px)}.sport-options>a:hover span,.sport-options>a:hover small,.sport-options>a:hover p,.sport-options>a:hover i,.sport-options>a:focus-visible span,.sport-options>a:focus-visible small,.sport-options>a:focus-visible p,.sport-options>a:focus-visible i{color:#101412}.sport-options .option-tennis{--option:#d97049}.sport-options .option-table{--option:#5681ff}.sport-options .option-badminton{--option:#c9b7ff}.sport-options .option-squash{--option:#e2a347}.sport-options .option-pickle{--option:#ffcf3f}.sport-options .option-beach{--option:#68ccd0}.sport-options .option-beach{grid-column:span 2}.picker-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1500px;margin:28px auto 0}.picker-footer p{margin:0;color:var(--muted);font-size:10px}.picker-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.picker-footer a{padding:9px 13px;border:1px solid var(--line);border-radius:99px;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.picker-footer a:hover,.picker-footer a:focus-visible{border-color:var(--acid);color:var(--acid);outline:0}
@media(max-width:1180px){.principles{grid-template-columns:repeat(2,minmax(0,1fr))}.principles>span{grid-column:1/-1;padding:24px var(--pad)}.principles>a:nth-child(even){border-left:0}.sport-options{grid-template-columns:repeat(2,minmax(0,1fr))}.sport-options .option-beach{grid-column:auto}}
@media(max-width:700px){.hero-actions-home{display:grid;justify-items:start;gap:0}.hero-actions-home .hero-link{margin-top:22px}.principles{grid-template-columns:1fr}.principles>span{padding:20px 18px}.principles>a,.principles>a:nth-child(even){min-height:112px;padding:18px 46px 18px 18px;border-left:0;border-top:1px solid var(--line)}.principles p{margin:8px 0}.sport-picker{padding:80px 18px}.sport-picker>header{display:block;margin-bottom:42px}.sport-picker h2{font-size:52px}.sport-picker>header p{margin-top:28px}.sport-options{grid-template-columns:1fr}.sport-options>a{min-height:230px;padding:20px}.sport-options h3{font-size:36px}.picker-footer{display:block}.picker-footer nav{justify-content:flex-start;margin-top:18px}}
@media(max-width:640px){.hero-meta span,.principles>span,.principles>a>b,.principles small,.sport-picker>header span,.sport-options>a>span,.sport-options>a>small,.sport-options p,.picker-footer p,.picker-footer a{font-size:12px!important;line-height:1.4!important}.gallery-header a,.hero-actions-home a,.principles>a,.sport-options>a,.picker-footer a{min-height:44px}.picker-footer a{display:flex;align-items:center;padding:11px 14px}.orbit{animation:none!important}.orbit i{animation:none!important}}
@media(max-width:640px),(prefers-reduced-motion:reduce){body *{animation:none!important;transition-duration:.15s!important;scroll-behavior:auto!important}}

/* Final mobile legibility and touch pass. */
@media(max-width:640px){
  .gallery-header{height:70px;gap:12px;padding:0 14px}
  .gallery-logo,.gallery-header>a:last-child,footer .gallery-logo{display:flex;align-items:center;min-height:44px;padding-block:5px}
  .gallery-logo sup,.edition,.concept-actions span,.concept-actions small,.concept-slug,.concept-copy li{font-size:12px!important;line-height:1.4!important}
  .edition{display:none}
  .concept-actions>a{min-height:200px}
  .concept-copy>ul{line-height:1.55}
  .concept-copy>a,.gallery-outro>a{display:flex;align-items:center;min-height:44px}
  footer{height:auto;min-height:108px;padding:22px 18px calc(82px + env(safe-area-inset-bottom));gap:12px}
  footer small{font-size:12px;line-height:1.45}
}
.sport-options .option-tennis{--option:#f18a64}
.ping-card .concept-actions span,.ping-card .concept-actions i{color:#86a5ff}