.club-studio{--club-orange:#ef622b;--club-blue:#a9c5e6;--club-green:#c3d78a;--club-peach:#efb695;--club-ink:#28392c;background:#f7f5ed;color:var(--club-ink)}
.club-studio .club-page{overflow:hidden;padding-top:130px}.club-studio .club-hero{gap:5%;grid-template-columns:1fr 1fr;padding:45px 0 85px!important;min-height:600px}.club-studio .club-hero h1{font-family:'Work Sans',sans-serif;font-weight:700;font-size:clamp(4rem,6.8vw,7.4rem);letter-spacing:-.075em;line-height:.93}.club-studio .club-hero p{color:var(--club-ink);max-width:430px;font-size:1rem}.club-studio .club-hero .club-location{font-size:.8rem;margin:0 0 25px}.club-studio .club-hero .club-info{font-size:.72rem;max-width:400px}.club-studio .club-actions button{background:var(--club-ink);border-radius:30px;padding:17px 24px}.club-studio .club-secondary{color:inherit;border-color:currentColor}.club-studio .club-preview{background:transparent;border:0;border-left:3px solid var(--club-orange);padding:8px 15px;font-size:.73rem;margin-bottom:15px}.club-kit{position:relative;height:485px;isolation:isolate;margin-right:25px}.club-kit-photo{position:absolute;width:72%;height:260px;object-fit:cover;right:-15px;top:0;transform:rotate(8deg);border:10px solid #fff;box-shadow:0 10px 28px #28392c18}.club-kit-card{position:absolute;left:0;bottom:20px;width:86%;background:var(--club-orange);border-radius:18px;color:#243629;padding:27px 30px;transform:rotate(-9deg);box-shadow:0 20px 30px #28392c20}.club-kit-card>span{font-size:.8rem}.club-kit-card>strong{display:block;font:750 clamp(4rem,6vw,6.8rem)/.88 'Work Sans',sans-serif;letter-spacing:-.075em;margin:28px 0;position:relative}.club-kit-card>strong>span{position:absolute;right:5px;bottom:0;font-size:5rem;font-weight:400;letter-spacing:0}.club-kit-bottom{display:flex;justify-content:space-between;align-items:end;font-size:.75rem}.club-barcode{height:38px;width:95px;background:repeating-linear-gradient(90deg,currentColor 0 2px,transparent 2px 5px,currentColor 5px 9px,transparent 9px 11px)}.club-kit-sticker{position:absolute;right:-18px;bottom:0;background:var(--club-green);color:var(--club-ink);border-radius:50%;height:133px;width:133px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font:600 1rem/1.3 'Work Sans';border:1px solid var(--club-ink)}
.club-studio .club-subnav{justify-content:space-between;border-color:#28392c44;padding:24px 0;margin-top:0}.club-studio section[id]{scroll-margin-top:110px}.club-studio .club-section-head h2{font:650 clamp(2.6rem,4.4vw,4.8rem)/1.03 'Work Sans';letter-spacing:-.06em}.club-studio .club-section-head p{color:var(--club-ink)}.club-studio #mit-kort{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px}.club-studio #mit-kort .club-section-head{grid-column:1/-1}.club-studio #clubMember{align-self:start}.club-studio .club-pass{min-height:275px;background:var(--club-ink);border-radius:16px;color:#f7f5ed;padding:30px;grid-template-columns:1fr auto}.club-studio .club-pass:after{content:'Juize Club';font:700 4rem 'Work Sans';letter-spacing:-.07em;right:20px;bottom:-12px;white-space:nowrap}.club-studio .club-pass h3{font:500 1.2rem 'Work Sans'}.club-studio .club-balance{font:600 4.5rem 'Work Sans';letter-spacing:-.07em}.club-studio #clubVoucher:empty{display:none}.club-studio #clubVoucher:not(:empty){grid-column:1/-1;order:3}.club-studio .club-reward-grid{grid-template-columns:1fr;margin:0;gap:0}.club-studio .club-reward{padding:18px 0;background:none;border:0;border-bottom:1px solid #28392c33;grid-template-columns:1fr auto;gap:8px 16px}.club-studio .club-reward h3{grid-column:1;font-size:2rem}.club-studio .club-reward p{grid-column:1}.club-studio .club-reward button{grid-column:2;grid-row:2/4;align-self:center;font-size:.72rem;border-radius:30px;max-width:150px}.club-studio #clubEarning{margin:0}.club-studio .club-cards{background:#e8ecdf}.club-studio .club-offers{gap:28px;margin-top:40px;align-items:start}.club-studio .club-offer{padding:24px 25px 18px;min-height:0;border-radius:12px;box-shadow:0 12px 16px #28392c12;color:#28392c;transition:transform .2s}.club-studio .club-offer:hover{transform:translateY(-8px) rotate(0)}.club-studio .club-offer:after{display:none}.ticket-coffee{background:var(--club-blue)!important;transform:rotate(-2deg)}.ticket-juice{background:var(--club-green)!important;margin-top:28px;transform:rotate(1.5deg)}.ticket-lunch{background:var(--club-peach)!important;transform:rotate(-1deg)}.ticket-top{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #28392c55;padding-bottom:14px;font-size:.72rem;font-weight:500}.ticket-face{position:relative;padding-top:24px;min-height:240px}.club-studio .club-offer h3{font:650 clamp(1.7rem,2.5vw,2.6rem)/1.05 'Work Sans';letter-spacing:-.055em;max-width:75%;margin-top:12px;position:relative;z-index:1}.club-studio .club-offer .offer-type{font-size:.7rem;color:inherit}.ticket-art{position:absolute;width:150px;height:150px;right:-6px;bottom:0;transform:rotate(9deg)}.club-studio .ticket-product{font-weight:600;color:inherit;font-size:.9rem}.ticket-stamps{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0 28px;max-width:265px}.ticket-stamps span{width:35px;height:35px;border:1px solid #28392c77;border-radius:50%;display:grid;place-items:center;font-size:.65rem}.ticket-stamps span:first-child{background:#28392c;color:#fff;font-size:1.5rem;transform:rotate(-15deg)}.ticket-tear{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:2px dashed #28392c44;padding:20px 0}.ticket-tear:before,.ticket-tear:after{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background:#e8ecdf;top:-12px;left:-36px}.ticket-tear:after{left:auto;right:-36px}.club-studio .club-offer .offer-price{border:0;padding:0;margin:0;font:600 2.7rem/1 'Work Sans';letter-spacing:-.065em}.club-studio .offer-price small{display:block;margin:8px 0 0;font-size:.68rem;letter-spacing:0}.club-studio .ticket-tear p{font-size:.7rem;color:inherit}.club-studio .club-offer button{width:100%;display:flex;justify-content:space-between;border:0;border-top:1px solid #28392c55;padding:15px 0 8px;font-weight:600}.club-studio .club-offer .ticket-fine{font-size:.62rem;margin:0;color:inherit}.club-studio .owned-card{background:transparent;border:1px solid #28392c55;border-radius:12px;max-width:650px}.club-studio .club-how{gap:40px}.club-studio .club-how article{border-top:0;border-left:3px solid var(--club-orange);padding:0 0 0 20px}.club-studio .club-faq{margin:auto;padding-top:10px}.club-studio button:focus-visible,.club-studio a:focus-visible{outline:3px solid #a94419;outline-offset:5px}
@media(max-width:1000px){.club-kit{margin-right:0;height:420px}.club-kit-card{width:95%;padding:22px}.club-kit-sticker{right:-8px;width:105px;height:105px;font-size:.8rem}.club-studio .club-offers{gap:18px}.club-studio .club-offer{padding:20px}.ticket-tear:before{left:-31px}.ticket-tear:after{right:-31px}.ticket-art{width:125px}.club-studio #mit-kort{grid-template-columns:1fr}.club-studio .club-reward-grid{grid-template-columns:1fr 1fr;gap:24px}.club-studio .club-reward{display:flex;flex-direction:column}.club-studio .club-reward button{align-self:start}}
@media(max-width:750px){.club-studio .club-page{padding-top:100px}.club-studio .club-hero{grid-template-columns:1fr;padding:25px 0 45px!important;gap:30px}.club-studio .club-hero h1{font-size:4.8rem}.club-studio .club-hero p{font-size:.88rem}.club-kit{height:400px;max-width:440px;width:100%;margin:auto}.club-kit-card{left:6%;width:84%;bottom:20px}.club-kit-card>strong{font-size:5rem}.club-kit-photo{right:4%;width:72%;height:210px}.club-kit-sticker{right:0;bottom:5px}.club-studio .club-subnav{gap:16px;justify-content:start;font-size:.74rem}.club-studio .club-section-head h2{font-size:2.8rem}.club-studio .club-offers{grid-template-columns:1fr;gap:32px;max-width:440px;margin:35px auto 0}.club-studio .club-offer{padding:24px;transform:none}.ticket-juice{margin:0}.ticket-face{min-height:200px}.club-studio .club-offer h3{font-size:2.5rem;max-width:65%}.ticket-art{width:155px;height:150px}.ticket-stamps{max-width:100%;gap:8px}.ticket-stamps span{width:32px;height:32px}.ticket-tear:before{left:-35px}.ticket-tear:after{right:-35px}.club-studio .club-reward-grid{grid-template-columns:1fr}.club-studio .club-pass{grid-template-columns:1fr;gap:10px;min-height:260px}.club-studio .club-pass-side{text-align:left}.club-studio .club-preview{font-size:.7rem}.club-studio .club-hero .club-info{margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.club-studio .club-offer{transition:none}.club-studio .club-offer:hover{transform:none}}

/* ---- Physical-card refinement pass ----
   The stamps read as a plain numbered checklist and the cards sit perfectly flat; this gives the
   stamps an actual ink-stamped look (varied rotation, irregular "pressed" edge on the used one) and
   adds the paper grain + foil sheen + embossed edge that a real printed card/plastic card would have. */
.club-studio .club-offer{box-shadow:0 16px 24px #28392c16, inset 0 0 0 1px rgba(255,255,255,.5)}
.club-studio .club-offer{position:relative; isolation:isolate}
.club-studio .club-offer::before{
  content:''; position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:0;
  opacity:.05; mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
.club-studio .club-offer > *{position:relative; z-index:1}

.club-studio .ticket-stamps span{background:#fff; box-shadow:0 0 0 3px #f7f5ed, inset 0 0 0 1px currentColor; transition:transform .15s}
.club-studio .ticket-stamps span:nth-child(5n+1){transform:rotate(-7deg)}
.club-studio .ticket-stamps span:nth-child(5n+2){transform:rotate(5deg)}
.club-studio .ticket-stamps span:nth-child(5n+3){transform:rotate(-3deg)}
.club-studio .ticket-stamps span:nth-child(5n+4){transform:rotate(9deg)}
.club-studio .ticket-stamps span:nth-child(5n+5){transform:rotate(-5deg)}
.club-studio .ticket-stamps span:first-child{
  background:radial-gradient(circle at 34% 30%, #44594a, #1d281f 72%);
  border:0; color:#fff; box-shadow:0 0 0 3px #f7f5ed;
  border-radius:48% 52% 51% 49% / 53% 47% 53% 47%;
  transform:rotate(-13deg) !important;
}

.club-kit-card{overflow:hidden}
.club-kit-card::after{
  content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(115deg, transparent 32%, rgba(255,255,255,.4) 46%, rgba(255,255,255,.08) 54%, transparent 66%);
}
.club-barcode{
  background-image:repeating-linear-gradient(90deg,
    currentColor 0 2px, transparent 2px 4px,
    currentColor 4px 5px, transparent 5px 8px,
    currentColor 8px 11px, transparent 11px 12px,
    currentColor 12px 13px, transparent 13px 16px,
    currentColor 16px 19px, transparent 19px 21px,
    currentColor 21px 23px, transparent 23px 24px);
}
@media(prefers-reduced-motion:reduce){.club-studio .ticket-stamps span{transition:none}}
@media(max-width:750px){.ticket-face{min-height:260px}.ticket-art{width:140px;height:130px}}
