/* Homepage. Converted from the 'Homepage, Prickly Pear motion version' design artboard. */
body{margin:0;background:#F6F6F1}
a{color:#3B211B}
.tl *{box-sizing:border-box}
.bd{font-family:'Syne',sans-serif;font-weight:600;letter-spacing:-0.035em}
.bd em,.fk{font-family:'Kalnia',serif;font-style:normal;font-weight:400;letter-spacing:-0.02em}
.w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0.1em 0.04em 0.14em;margin:-0.1em 0 -0.14em}
.r{display:inline-block;animation:tl-rise 1.1s cubic-bezier(.2,.8,.2,1) both}
.sw{display:inline-block;transition:transform 700ms cubic-bezier(.7,0,.2,1)}
@keyframes tl-rise{from{transform:translateY(115%)}to{transform:none}}
.pre{position:fixed;inset:0;z-index:60;background:#CC338B;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:tl-curtain 1.1s cubic-bezier(.8,0,.2,1) 4.6s both}
.pre .pf{animation:tl-fadeup 800ms ease 3.3s both}
@keyframes tl-fadeup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pre .l{display:inline-block;animation:tl-rise 900ms cubic-bezier(.2,.8,.2,1) both}
.pre .pl{display:inline-block;animation:tl-pop 900ms cubic-bezier(.2,1.4,.3,1) both}
@keyframes tl-pop{from{opacity:0;transform:translateY(60%) rotate(14deg) scale(.6)}to{opacity:1;transform:none}}
.pre .pu path{stroke-dasharray:700;animation:tl-draw 900ms cubic-bezier(.6,0,.3,1) 2.9s both}
.pre .bar{position:absolute;left:0;bottom:0;height:6px;background:#DCC86F;animation:tl-bar 4.6s cubic-bezier(.5,0,.3,1) both}
@keyframes tl-bar{from{width:0}to{width:100%}}
@keyframes tl-curtain{to{clip-path:inset(0 0 100% 0)}}
.spin{animation:tl-spin 22s linear infinite}
@keyframes tl-spin{to{transform:rotate(360deg)}}
.mq{display:flex;gap:56px;white-space:nowrap;width:max-content;animation:tl-mq 34s linear infinite}
@keyframes tl-mq{to{transform:translateX(-50%)}}
.wk1{border-radius:58% 42% 51% 49% / 46% 56% 44% 54%}
.wk2{border-radius:41% 59% 38% 62% / 57% 43% 57% 43%}
.wk3{border-radius:64px 36px 72px 44px / 52px 70px 40px 60px}
.bob{animation:tl-bob 6s ease-in-out infinite}
.bob.b2{animation-duration:8s;animation-delay:-2s}
@keyframes tl-bob{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-18px) rotate(5deg)}}
.wig path{animation:tl-wig 3.5s ease-in-out infinite}
@keyframes tl-wig{0%,100%{transform:translateX(0)}50%{transform:translateX(-14px)}}
.rail{position:fixed;left:18px;top:50%;z-index:45;display:flex;flex-direction:column;align-items:center;gap:20px;padding:18px 9px 12px;background:#F6F6F1;border:1px solid #3B211B;border-radius:40px 22px 40px 24px / 30px 40px 26px 38px;box-shadow:0 18px 40px rgba(59,33,27,0.14);opacity:0;pointer-events:none;transform:translate(-140%,-50%);transition:transform 700ms cubic-bezier(.2,.8,.2,1),opacity 400ms ease}
.rail.on{opacity:1;pointer-events:auto;transform:translate(0,-50%)}
.rail a{color:#3B211B;text-decoration:none}
.rail-mark{display:block;line-height:0;transition:transform 400ms cubic-bezier(.2,1.4,.3,1)}
.rail-mark:hover{transform:translateY(-3px) rotate(-4deg)}
.rail-line{width:1px;height:18px;background:#3B211B;opacity:.35}
.rail .rl{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:600;letter-spacing:.03em;padding:2px 0 2px 6px;background:linear-gradient(#CC338B,#CC338B) no-repeat 0 100% / 1.5px 0%;transition:color 300ms ease,background-size 400ms cubic-bezier(.7,0,.2,1)}
.rail .rl:hover,.rail .rl:focus-visible,.rail .rl.here{color:#B0236F;background-size:1.5px 100%}
.rail-book{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:26px 14px 24px 16px / 18px 24px 14px 22px;background:#CC338B;color:#FFFFFF !important;font-size:13px;font-weight:600;transition:background-color 300ms ease,transform 300ms ease}
.rail-book:hover,.rail-book:focus-visible{background:#3B211B;transform:rotate(-6deg)}
@media (max-width: 860px){
  .rail{top:auto;bottom:14px;left:50%;flex-direction:row;gap:16px;padding:8px 8px 8px 14px;transform:translate(-50%,160%)}
  .rail.on{transform:translate(-50%,0)}
  .rail .rl{writing-mode:horizontal-tb;transform:none;font-size:13px;padding:0 0 3px;background-position:0 100%;background-size:0% 1.5px}
  .rail .rl:hover,.rail .rl.here{background-size:100% 1.5px}
  .rail-line,.rail .m-hide{display:none}
  .rail.no-sm{display:none}
}
.btn{border-radius:30px 14px 28px 16px / 20px 28px 16px 26px;}
.btn{display:inline-block;text-decoration:none;font-weight:600;font-size:17px;padding:19px 30px;color:#FFFFFF;background:#CC338B linear-gradient(#3B211B,#3B211B) no-repeat 0 0 / 0% 100%;transition:background-size 500ms cubic-bezier(.7,0,.2,1)}
.btn:hover,.btn:focus-visible{background-size:100% 100%;color:#FFFFFF}
.btn.dark{background-color:#3B211B;background-image:linear-gradient(#CC338B,#CC338B)}
.ul{text-decoration:none;background:linear-gradient(currentColor,currentColor) no-repeat 0 100% / 0% 1.5px;padding-bottom:3px;transition:background-size 400ms cubic-bezier(.7,0,.2,1)}
.ul:hover,.ul:focus-visible{background-size:100% 1.5px}
.ul.on{background-size:100% 1.5px}
.row{position:relative;overflow:hidden;text-decoration:none;color:#F6F6F1}
.row::before{content:"";position:absolute;inset:0;background:#CC338B;transform:scaleY(0);transform-origin:bottom;transition:transform 550ms cubic-bezier(.7,0,.2,1)}
.row:hover::before,.row:focus-visible::before{transform:scaleY(1)}
.row > *{position:relative}
.row .go{transition:transform 500ms cubic-bezier(.2,.8,.2,1)}
.row:hover .go{transform:translateX(14px)}
.cur{position:fixed;left:0;top:0;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#CC338B;pointer-events:none;z-index:70;mix-blend-mode:multiply;transition:width 300ms ease,height 300ms ease,margin 300ms ease,opacity 300ms ease;opacity:0}
.cur.big{width:64px;height:64px;margin:-32px 0 0 -32px;background:#DCC86F}
.cur.show{opacity:1}
.cur .canv{display:none;position:absolute;left:-14px;top:-62px;width:96px;height:88px;overflow:visible}
.cur.can{background:transparent;mix-blend-mode:normal;width:14px;height:14px;margin:-7px 0 0 -7px}
.cur.can .canv{display:block}
.cur .tilt{transform-origin:78px 60px;animation:tl-tilt 1.4s ease-in-out infinite}
@keyframes tl-tilt{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(4deg)}}
.cur .drop{animation:tl-drop 700ms ease-in infinite}
.cur .d2{animation-delay:230ms}.cur .d3{animation-delay:460ms}
@keyframes tl-drop{from{transform:translateY(0);opacity:1}to{transform:translateY(46px);opacity:0}}
.pourwrap{cursor:none;display:inline-block}
.pour{display:inline-block;padding:0.18em 0.1em 0.12em;margin:-0.18em -0.1em -0.12em;line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:2px #CC338B;background:linear-gradient(#CC338B,#CC338B) no-repeat 50% 100% / 100% 0%;-webkit-background-clip:text;background-clip:text;transition:background-size 1.6s cubic-bezier(.4,.1,.4,1)}
.pour.full{background-size:100% 100%}
@media (hover: none){.pourwrap{cursor:auto}}
.pin-track{display:flex;width:300%;height:100%}
.wavein{animation:tl-wavein 1.4s cubic-bezier(.7,0,.2,1) 4.7s both}
@keyframes tl-wavein{from{transform:translateX(60%)}to{transform:none}}
.heroimg{animation:tl-imgin 1.3s cubic-bezier(.2,.8,.2,1) 5.2s both}
@keyframes tl-imgin{from{clip-path:inset(100% 0 0 0 round 999px 999px 0 0);transform:scale(1.08)}to{clip-path:inset(0 0 0 0 round 999px 999px 0 0);transform:none}}
.ticket{animation:tl-ticket 1s cubic-bezier(.2,1.2,.3,1) 5.9s both}
@keyframes tl-ticket{from{opacity:0;transform:translate(-40px,40px) rotate(-8deg)}to{opacity:1;transform:rotate(-3deg)}}
.seatbar{animation:tl-seat 1.6s cubic-bezier(.2,.8,.2,1) 7.6s both}
@keyframes tl-seat{from{width:0%}}
.tag{animation:tl-tag 900ms cubic-bezier(.2,1.3,.3,1) both, tl-float 6s ease-in-out infinite}
.t1{animation-delay:6.1s,7.1s}.t2{animation-delay:6.3s,7.3s}.t3{animation-delay:6.5s,7.5s}
@keyframes tl-tag{from{opacity:0;transform:translateX(40px) rotate(8deg)}to{opacity:1;transform:none}}
@keyframes tl-float{0%,100%{translate:0 0}50%{translate:0 -10px}}
.rays{transform-origin:200px 250px;animation:tl-rays 3.2s ease-in-out infinite}
@keyframes tl-rays{0%,100%{transform:scale(0.9);opacity:.7}50%{transform:scale(1.06);opacity:1}}
.glint{animation:tl-glint 5s ease-in-out infinite}
@keyframes tl-glint{0%,60%{translate:-160px 0}100%{translate:200px 0}}
.stepup{animation:tl-stepup 900ms cubic-bezier(.2,1.3,.3,1) both}
@keyframes tl-stepup{from{opacity:0;translate:0 40px}to{opacity:1;translate:0 0}}
.sway{transform-origin:200px 300px;animation:tl-sway 4s ease-in-out infinite}
@keyframes tl-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.heartbeat{transform-origin:200px 165px;animation:tl-beat 2.6s ease-in-out infinite}
@keyframes tl-beat{0%,100%{transform:scale(1)}50%{transform:scale(1.09)}}
.flag{transform-origin:320px 78px;animation:tl-flag 2.8s ease-in-out infinite}
@keyframes tl-flag{0%,100%{transform:skewY(0deg)}50%{transform:skewY(-7deg)}}
.bmq{display:flex;align-items:flex-start;gap:34px;width:max-content;animation:tl-mq 130s linear infinite}
.bmq:hover{animation-play-state:paused}
.bub{flex:none;overflow:hidden;box-shadow:0 18px 40px rgba(59,33,27,0.18);transition:transform 500ms cubic-bezier(.2,.8,.2,1)}
.bub:hover{transform:scale(1.07) rotate(0deg) !important}
.barfill{animation:tl-barfill 1.3s cubic-bezier(.2,.8,.2,1) both}
@keyframes tl-barfill{from{width:0%}}
.qin{animation:tl-qin 600ms cubic-bezier(.2,.8,.2,1) both}
@keyframes tl-qin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.opt{transition:background-color 250ms ease,transform 250ms ease}
.opt:hover,.opt:focus-visible{background-color:#DCC86F !important;transform:translateX(6px)}
@supports (animation-timeline: view()){
  .rv{animation:tl-up linear both;animation-timeline:view();animation-range:entry 5% cover 30%}
  .lit{animation:tl-lit linear both;animation-timeline:view()}
  .grow{animation:tl-grow linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
  .fill{animation:tl-fill linear both;animation-timeline:view();animation-range:cover 25% cover 55%}
  .draw path{stroke-dasharray:1400;animation:tl-draw linear both;animation-timeline:view();animation-range:entry 30% cover 50%}
  .curtain{position:relative}
  .curtain::after{content:"";position:absolute;inset:0;background:#CC338B;transform-origin:right;animation:tl-wipe linear both;animation-timeline:view();animation-range:entry 10% cover 35%}
  .curtain.y::after{background:#DCC86F}
  .pin{view-timeline-name:--pin}
  .pin-track{animation:tl-slide linear both;animation-timeline:--pin;animation-range:contain 0% contain 100%}
  .par{animation:tl-par linear both;animation-timeline:view()}
  .parn{animation:tl-parn linear both;animation-timeline:view()}
  .drift{animation:tl-drift linear both;animation-timeline:view()}
  .drift.rev{animation-name:tl-drift-r}
  .heroout{animation:tl-heroout linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
  .bgshift{animation:tl-bg linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
  .letter{display:inline-block;animation:tl-letter linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
}
@keyframes tl-up{from{opacity:0;transform:translateY(70px)}to{opacity:1;transform:none}}
@keyframes tl-lit{from{opacity:.14}to{opacity:1}}
@keyframes tl-grow{from{transform:scale(.3) rotate(-6deg)}to{transform:none}}
@keyframes tl-fill{from{background-size:0% 100%}to{background-size:100% 100%}}
@keyframes tl-draw{from{stroke-dashoffset:1400}to{stroke-dashoffset:0}}
@keyframes tl-wipe{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes tl-slide{to{transform:translateX(-66.6667%)}}
@keyframes tl-par{from{transform:translateY(90px)}to{transform:translateY(-90px)}}
@keyframes tl-parn{from{transform:translateY(160px) rotate(-6deg)}to{transform:translateY(-160px) rotate(4deg)}}
@keyframes tl-drift{from{transform:translateX(10%)}to{transform:translateX(-40%)}}
@keyframes tl-drift-r{from{transform:translateX(-40%)}to{transform:translateX(10%)}}
@keyframes tl-heroout{to{transform:translateY(-120px) scale(.94);opacity:.2}}
@keyframes tl-bg{from{background-color:#F6F6F1}to{background-color:#DCC86F}}
@keyframes tl-letter{from{transform:translateY(100%) rotate(8deg);opacity:0}to{transform:none;opacity:1}}
@media (hover: none){.cur{display:none}}
@media (prefers-reduced-motion: reduce){
  .tl *, .tl *::before, .tl *::after{animation:none !important;transition:none !important}
  .pre,.cur{display:none}
  .curtain::after{display:none}
}
@media (max-width: 860px){.hide-sm{display:none !important}}
[hidden]{display:none !important}