/* The TLTRTR Club page */
.cl-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center;padding-top:72px;padding-bottom:48px}
.cl-title{font-family:'Syne',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-.02em;line-height:1;font-size:clamp(34px,5vw,72px);margin:0 0 24px}
.cl-title span{color:var(--c1)}
.cl-shout{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,34px);line-height:1.15;color:var(--c3);margin:0 0 12px}
.cl-lead{font-size:clamp(18px,1.8vw,24px);line-height:1.5;color:var(--text);margin:0 0 28px}
.cl-lead strong{color:var(--c4)}
.cl-actions{display:flex;flex-wrap:wrap;gap:12px}
.cl-photo{margin:0;justify-self:center;max-width:430px}
.cl-photo img{display:block;width:100%;height:auto;border-radius:10px;rotate:3deg;box-shadow:0 34px 64px -24px rgba(0,0,0,.9),0 0 70px -16px rgba(var(--c4-rgb),.6)}

.cl-story{padding-top:24px;padding-bottom:24px}
.cl-card{max-width:900px;margin:0 auto;background:linear-gradient(150deg,rgba(var(--c4-rgb),.14),rgba(var(--c1-rgb),.1)),var(--panel);border:1px solid rgba(var(--c4-rgb),.45);border-radius:28px;padding:clamp(24px,3.6vw,48px)}
.cl-card p{font-size:clamp(17px,1.5vw,20px);line-height:1.75;color:var(--muted);margin:0 0 18px}
.cl-card p:first-child{font-family:'Syne',sans-serif;font-weight:700;font-size:clamp(20px,2.1vw,28px);line-height:1.3;color:var(--text)}
.cl-card p:last-child{margin-bottom:0}

.cl-form-wrap{padding-top:64px;padding-bottom:48px;scroll-margin-top:96px}
.cl-form-lead{font-size:clamp(16px,1.5vw,19px);color:var(--muted);margin:10px 0 0}
.cl-form-frame{margin-top:24px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff}
.cl-form-frame iframe{display:block;width:100%;height:3000px;border:0}
.cl-form-note{margin:16px 4px 0;font-size:14px;color:var(--muted)}

.cl-touch{padding-top:24px;padding-bottom:96px}
.cl-touch-band{display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between;background:var(--c3);color:#0D0B14;border-radius:32px;padding:clamp(28px,4vw,48px)}
.cl-touch-title{font-family:'Syne',sans-serif;font-weight:800;text-transform:uppercase;line-height:1;font-size:clamp(24px,3.4vw,44px);margin:0;max-width:640px}

.cl-hero .cl-intro > *{animation:cl-in .7s cubic-bezier(.2,.9,.25,1) both}
.cl-hero .cl-intro > :nth-child(2){animation-delay:.08s}
.cl-hero .cl-intro > :nth-child(3){animation-delay:.16s}
.cl-hero .cl-intro > :nth-child(4){animation-delay:.24s}
.cl-hero .cl-intro > :nth-child(5){animation-delay:.32s}
.cl-photo{animation:cl-photo 1s cubic-bezier(.16,.9,.25,1) .1s both}
@keyframes cl-in{from{opacity:0;translate:-40px 0}to{opacity:1;translate:0 0}}
@keyframes cl-photo{from{opacity:0;translate:120px 40px;scale:.85}to{opacity:1;translate:0 0;scale:1}}

@media (max-width:900px){
  .cl-hero{grid-template-columns:1fr;padding-top:40px}
  .cl-photo{max-width:340px}
  .cl-form-frame iframe{height:3900px}
}
@media (prefers-reduced-motion:reduce){
  .cl-hero .cl-intro > *,.cl-photo{animation:none}
}