.elementor-2304 .elementor-element.elementor-element-d4a6ed7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-8d9d61e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-7b2451b{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-a8750cf{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-e6cbf36{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-60abe02{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-ab8aa9d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-5d6a6e0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-6b5a969{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-90b22fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-ad8c8ff{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-18a7e5e{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-3cab64d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-335f0a5{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-004a4d0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-457cc7d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2304 .elementor-element.elementor-element-ec544a0{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS *//* TEMPLE presents CLAPTONE — landing stylesheet.
   Every body.elementor-page-2304 is scoped to the landing root (html body .temple-claptone-landing expands to "html body .temple-claptone-landing" at build).
   Keyframes are prefixed tcl- so nothing can collide with site-wide names. https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/ = asset base, https://stage24.pl/flow/wp-content/uploads/temple-claptone/fonts/ = font base. */

@font-face{font-family:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/fonts/marcellus-400-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:'Marcellus';font-style:normal;font-weight:400;font-display:swap;src:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/fonts/marcellus-400-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:'Outfit';font-style:normal;font-weight:300 500;font-display:swap;src:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/fonts/outfit-300-500-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:'Outfit';font-style:normal;font-weight:300 500;font-display:swap;src:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/fonts/outfit-300-500-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}

@keyframes tcl-grain{0%{transform:translate(0,0)}20%{transform:translate(-40px,24px)}40%{transform:translate(30px,-36px)}60%{transform:translate(-22px,-12px)}80%{transform:translate(36px,30px)}100%{transform:translate(0,0)}}
@keyframes tcl-drift{0%{transform:scale(1.035) translateX(-.5%)}100%{transform:scale(1.055) translateX(.5%)}}
@keyframes tcl-pulse{0%,100%{opacity:.22}50%{opacity:.75}}
@keyframes tcl-swayL{0%{transform:translateX(0) skewX(0deg)}100%{transform:translateX(-2.5%) skewX(-.6deg)}}
@keyframes tcl-swayR{0%{transform:translateX(0) skewX(0deg)}100%{transform:translateX(2.5%) skewX(.6deg)}}
@keyframes tcl-breathe{0%,100%{opacity:.55}50%{opacity:1}}
/* TempleCard */
@keyframes tcl-slit{0%{transform:scaleX(.45);opacity:.75}100%{transform:scaleX(2.6);opacity:1}}
@keyframes tcl-spill{0%{opacity:.35;transform:translateX(-50%) scaleX(.6)}100%{opacity:1;transform:translateX(-50%) scaleX(1.25)}}
@keyframes tcl-sweep{0%{background-position:120% 0}100%{background-position:-60% 0}}
@keyframes tcl-curtL{0%{transform:translateX(0)}100%{transform:translateX(-9%)}}
@keyframes tcl-curtR{0%{transform:translateX(0)}100%{transform:translateX(9%)}}
@keyframes tcl-glow{0%{opacity:.55}100%{opacity:1}}
@keyframes tcl-sink{0%{transform:translateY(0);filter:brightness(1)}100%{transform:translateY(10cqw);filter:brightness(.3)}}
@keyframes tcl-rise{0%{transform:translateY(0);filter:blur(.5cqw) brightness(1)}100%{transform:translateY(-10cqw);filter:blur(.5cqw) brightness(.3)}}
@keyframes tcl-ringpulse{0%{opacity:.35;transform:translate(-50%,-50%) scale(.96)}100%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}}

/* Page ground — matches only a document that contains this landing */
body:has(.temple-claptone-landing){background:#0A0606;margin:0}

/* ---------- Elementor neutralisation (containers that hold the landing) ---------- */
html body .temple-claptone-landing,html body .temple-claptone-landing .e-con,html body .temple-claptone-landing .e-con-inner,html body .temple-claptone-landing .elementor-widget-html,html body .temple-claptone-landing .elementor-widget-container{padding:0;margin:0;gap:0;border:0;max-width:none;min-height:0}
html body .temple-claptone-landing .e-con{--padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--gap:0;--row-gap:0;--column-gap:0;display:block;width:100%}
html body .temple-claptone-landing .elementor-widget.elementor-widget{margin:0}

/* ---------- root ---------- */
html body .temple-claptone-landing{position:relative;display:block;background:#0A0606;color:#F1E3CF;font-family:'Outfit',sans-serif;font-weight:400;line-height:normal;letter-spacing:normal;-webkit-font-smoothing:antialiased;overflow-x:clip;text-align:left}
html body .temple-claptone-landing *,html body .temple-claptone-landing *::before,html body .temple-claptone-landing *::after{box-sizing:border-box}
html body .temple-claptone-landing :where(h1,h2,h3,h4,p,figure,figcaption,dl,dt,dd,button,a,section,footer,nav,picture,img,video,span,div){font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-transform:none;margin:0;padding:0}
html body .temple-claptone-landing :where(img,video){max-width:none;border:0;border-radius:0;box-shadow:none}
html body .temple-claptone-landing :where(a){color:#F1E3CF;text-decoration:none;background:none;transition:none}
html body .temple-claptone-landing :where(a):hover{color:#CEA86C}
html body .temple-claptone-landing :where(button){background:none;border:0;border-radius:0;box-shadow:none;text-shadow:none;min-width:0;width:auto;height:auto;cursor:pointer;-webkit-appearance:none;appearance:none}
html body .temple-claptone-landing ::selection{background:#B3191F;color:#F6E9D6}
html body .temple-claptone-landing :where(a,button,[tabindex]):focus{outline:none}
html body .temple-claptone-landing :where(a,button,[tabindex]):focus-visible{outline:2px solid #CEA86C;outline-offset:3px}
html body .temple-claptone-landing .tc-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;border:0}
html body .temple-claptone-landing .tc-mono{white-space:nowrap}

/* phase switching — pre is the no-JS default */
html body .temple-claptone-landing .tc-pre{display:contents}
html body .temple-claptone-landing .tc-post{display:none}
html body .temple-claptone-landing[data-tc-phase="post"] .tc-pre{display:none}
html body .temple-claptone-landing[data-tc-phase="post"] .tc-post{display:contents}
html body .temple-claptone-landing .tc-post-block{display:none}
html body .temple-claptone-landing[data-tc-phase="post"] .tc-post-block{display:block}

/* ---------- shared type ---------- */
html body .temple-claptone-landing .tc-label{font-size:11px;font-weight:500;letter-spacing:.42em;white-space:nowrap;color:#CEA86C}
html body .temple-claptone-landing .tc-label--c{padding-left:.42em}
html body .temple-claptone-landing .tc-serif{font-family:'Marcellus',serif;font-weight:400}
html body .temple-claptone-landing .tc-btn{display:inline-flex;align-items:center;justify-content:center;background:#B3191F;color:#F6E9D6;font-family:'Outfit',sans-serif;font-weight:500;cursor:pointer;border:0}
html body .temple-claptone-landing .tc-btn:hover{background:#C8222A;color:#F6E9D6}

/* ---------- grain ---------- */
html body .temple-claptone-landing .tc-grain{position:fixed;inset:-80px;z-index:90;pointer-events:none;background-image:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/grain.png);background-size:256px 256px;opacity:.38;mix-blend-mode:overlay;animation:tcl-grain 1.1s steps(5) infinite}

/* ---------- 00 nav ---------- */
html body .temple-claptone-landing .tc-nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,40px);background:linear-gradient(180deg,rgba(10,6,6,.9),rgba(10,6,6,0))}
body.admin-bar .temple-claptone-landing .tc-nav{top:32px}
@media (max-width:782px){body.admin-bar .temple-claptone-landing .tc-nav{top:46px}}
html body .temple-claptone-landing .tc-logo{display:inline-block;border:1.5px solid #D81F26;padding:7px 11px 5px;font-family:'Marcellus',serif;font-size:15px;line-height:1;color:#E5292D;letter-spacing:.02em}
html body .temple-claptone-landing a.tc-logo{color:#E5292D}
html body .temple-claptone-landing .tc-nav__r{display:flex;flex-direction:row;align-items:center;gap:clamp(8px,2vw,28px)}
html body .temple-claptone-landing .tc-nav__info{display:block;font-size:11px;font-weight:400;letter-spacing:.34em;white-space:nowrap;color:rgba(241,227,207,.72)}
html body .temple-claptone-landing .tc-nav__cta{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid rgba(206,168,108,.6);font-size:11px;font-weight:500;letter-spacing:.3em;white-space:nowrap;color:#F1E3CF;background:rgba(10,6,6,.4)}
html body .temple-claptone-landing .tc-nav__cta:hover{background:#B3191F;border-color:#B3191F;color:#F6E9D6}
html body .temple-claptone-landing .tc-nav__lounge{display:inline-flex;align-items:center;gap:10px;min-height:40px;padding:0 clamp(12px,1.4vw,18px);border:1px solid rgba(216,31,38,.75);font-size:11px;font-weight:500;letter-spacing:.3em;white-space:nowrap;color:#F1E3CF;background:rgba(60,11,12,.55)}
html body .temple-claptone-landing .tc-nav__lounge:hover{background:#3C0B0C;border-color:#E0403A;color:#F6E9D6}
html body .temple-claptone-landing .tc-nav__dia{width:6px;height:6px;flex:none;background:#D81F26;transform:rotate(45deg)}
/* below 390px the design's header (logo + LOŻE + ticket CTA) no longer fits — tighten the two buttons only */
@media (max-width:389.98px){
  html body .temple-claptone-landing .tc-nav__lounge{padding:0 10px;gap:8px;letter-spacing:.22em}
  html body .temple-claptone-landing .tc-nav__cta{padding:0 12px;letter-spacing:.22em}
}

/* ---------- 01 hero ---------- */
html body .temple-claptone-landing .tc-hero{position:relative;background:#0A0606}
html body .temple-claptone-landing .tc-hero__frame{position:relative;width:100%;aspect-ratio:2223/950;overflow:hidden}
html body .temple-claptone-landing .tc-hero__layer{position:absolute;inset:0;will-change:transform}
html body .temple-claptone-landing .tc-hero__img{position:absolute;left:0;top:0;width:100%;height:auto;display:block;transform-origin:50% 36.73%;animation:tcl-drift 28s ease-in-out infinite alternate}
html body .temple-claptone-landing .tc-hero__glow{position:absolute;left:48.2%;top:39%;width:20%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,196,110,.5) 0%,rgba(255,140,60,.14) 38%,rgba(255,120,60,0) 68%);mix-blend-mode:screen;animation:tcl-pulse 6.5s ease-in-out infinite}
html body .temple-claptone-landing .tc-hero__fade{position:absolute;left:0;right:0;bottom:0;height:6%;background:linear-gradient(180deg,rgba(10,6,6,0),#0A0606)}
html body .temple-claptone-landing .tc-hero__meta{display:flex;flex-direction:column;align-items:center;gap:16px;padding:6px 20px 0;text-align:center}
html body .temple-claptone-landing .tc-hero__date{font-size:clamp(15px,1.9vw,27px);font-weight:400;letter-spacing:.16em;color:#F1E3CF;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 .7em}
html body .temple-claptone-landing .tc-sep{color:rgba(241,227,207,.45)}
html body .temple-claptone-landing .tc-hero__tag{font-family:'Marcellus',serif;font-size:clamp(12px,1vw,14px);letter-spacing:.42em;white-space:nowrap;color:#CEA86C;padding-left:.42em}

/* ---------- 02 countdown ---------- */
html body .temple-claptone-landing .tc-cd{position:relative;padding:clamp(40px,5vw,64px) clamp(16px,4vw,40px) clamp(88px,10vw,140px);display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;background:radial-gradient(ellipse 50% 60% at 50% 40%,rgba(60,11,12,.55),rgba(10,6,6,0) 70%),#0A0606;scroll-margin-top:0}
html body .temple-claptone-landing .tc-cd__label{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:500;letter-spacing:.46em;white-space:nowrap;padding-left:.46em;color:#E0403A}
html body .temple-claptone-landing .tc-cd__boxes{display:flex;flex-direction:row;gap:clamp(8px,1.4vw,18px)}
html body .temple-claptone-landing .tc-cd__box{width:clamp(76px,11vw,150px);padding:clamp(14px,1.6vw,22px) 0 clamp(12px,1.2vw,16px);border:1px solid rgba(206,168,108,.34);background:linear-gradient(180deg,rgba(60,11,12,.35),rgba(10,6,6,.2));display:flex;flex-direction:column;align-items:center;gap:8px}
html body .temple-claptone-landing .tc-cd__v{font-family:'Marcellus',serif;font-size:clamp(38px,6vw,84px);line-height:1;color:#F1E3CF}
html body .temple-claptone-landing .tc-cd__l{font-size:clamp(9px,.8vw,11px);letter-spacing:.22em;padding-left:.22em;color:rgba(241,227,207,.66)}
html body .temple-claptone-landing .tc-cd__when{display:flex;flex-direction:column;align-items:center;gap:8px}
html body .temple-claptone-landing .tc-cd__date{font-family:'Marcellus',serif;font-size:clamp(26px,3vw,40px);letter-spacing:.08em}
html body .temple-claptone-landing .tc-cd__sub{font-size:11px;letter-spacing:.32em;padding-left:.32em;color:rgba(241,227,207,.66)}
html body .temple-claptone-landing .tc-ghost{min-height:48px;padding:0 26px;background:transparent;border:1px solid rgba(206,168,108,.55);color:#F1E3CF;font-family:'Outfit',sans-serif;font-size:11px;font-weight:500;letter-spacing:.32em;cursor:pointer}
html body .temple-claptone-landing .tc-ghost:hover{border-color:#F1E3CF;color:#F1E3CF;background:transparent}
html body .temple-claptone-landing .tc-cd__avail{font-size:12px;font-weight:500;letter-spacing:.46em;white-space:nowrap;padding-left:.46em;color:#FF7448}
html body .temple-claptone-landing .tc-cd__status{font-family:'Marcellus',serif;font-size:clamp(34px,5vw,72px);line-height:1.05;letter-spacing:.04em;max-width:18ch;text-wrap:balance}
html body .temple-claptone-landing .tc-cd__cta{min-height:56px;padding:0 40px;font-size:13px;letter-spacing:.34em;box-shadow:0 0 0 1px rgba(255,116,72,.35),0 18px 44px -14px rgba(216,31,38,.75)}

/* ---------- 03 temple ---------- */
html body .temple-claptone-landing .tc-temple{position:relative;padding:clamp(96px,12vw,180px) clamp(20px,6vw,96px);background:radial-gradient(ellipse 50% 45% at 85% 45%,rgba(60,11,12,.6),rgba(10,6,6,0) 70%),#0A0606}
html body .temple-claptone-landing .tc-wrap{max-width:1240px;margin:0 auto}
html body .temple-claptone-landing .tc-temple__in{display:flex;flex-direction:column;gap:clamp(48px,7vw,104px)}
html body .temple-claptone-landing .tc-temple__head{display:flex;flex-direction:column;gap:28px}
html body .temple-claptone-landing .tc-temple__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(54px,9vw,148px);line-height:.95;letter-spacing:.02em;color:#F1E3CF}
html body .temple-claptone-landing .tc-red{color:#D81F26}
html body .temple-claptone-landing .tc-temple__row{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(48px,6vw,104px);align-items:flex-start}
html body .temple-claptone-landing .tc-temple__col{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:clamp(36px,4.5vw,64px)}
html body .temple-claptone-landing .tc-temple__p1{font-family:'Marcellus',serif;font-size:clamp(24px,2.5vw,36px);line-height:1.3;max-width:24ch;text-wrap:pretty}
html body .temple-claptone-landing .tc-indent{margin-left:max(0px,calc((100vw - 760px) * .14));font-size:clamp(17px,1.4vw,20px);font-weight:300;line-height:1.6;color:rgba(241,227,207,.78)}
html body .temple-claptone-landing .tc-temple__p2{max-width:32ch}
html body .temple-claptone-landing .tc-temple__p4{max-width:36ch;text-wrap:pretty}
html body .temple-claptone-landing .tc-temple__grp{display:flex;flex-direction:column;gap:14px}
html body .temple-claptone-landing .tc-temple__big{font-family:'Marcellus',serif;font-size:clamp(38px,4.6vw,68px);line-height:1}
html body .temple-claptone-landing .tc-temple__redline{font-family:'Marcellus',serif;font-size:clamp(22px,2.2vw,32px);line-height:1.25;color:#E0403A;max-width:24ch}
html body .temple-claptone-landing .tc-temple__rise{font-family:'Marcellus',serif;font-size:clamp(46px,6.4vw,96px);line-height:1}
html body .temple-claptone-landing .tc-temple__small{margin:0;padding-top:24px;border-top:1px solid rgba(206,168,108,.3);font-size:15px;font-weight:300;line-height:1.65;color:rgba(241,227,207,.66);max-width:44ch}
html body .temple-claptone-landing .tc-temple__fig{flex:0 1 400px;min-width:min(100%,280px);margin:0;display:flex;flex-direction:column;gap:12px}
html body .temple-claptone-landing .tc-temple__frame{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:#050303;box-shadow:0 0 0 1px rgba(206,168,108,.35),0 40px 90px -30px rgba(216,31,38,.45)}
html body .temple-claptone-landing .tc-temple__poster,html body .temple-claptone-landing .tc-temple__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) contrast(1.05);display:block}
html body .temple-claptone-landing .tc-temple__video{opacity:0;transition:opacity .6s}
html body .temple-claptone-landing .tc-temple__video.is-playing{opacity:1}
html body .temple-claptone-landing .tc-temple__vig{position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 45%,rgba(0,0,0,0) 50%,rgba(5,3,3,.6) 100%)}
html body .temple-claptone-landing .tc-cap{font-size:10.5px;letter-spacing:.32em;color:rgba(241,227,207,.6)}

/* ---------- 04 cards ---------- */
html body .temple-claptone-landing .tc-cards{position:relative;padding:clamp(96px,12vw,170px) 0 clamp(88px,10vw,150px);background:radial-gradient(ellipse 55% 40% at 50% 66%,rgba(140,20,22,.34),rgba(5,3,3,0) 70%),#050303}
html body .temple-claptone-landing .tc-cards__head{display:flex;flex-direction:column;align-items:center;gap:26px;padding:0 clamp(20px,6vw,96px);text-align:center}
html body .temple-claptone-landing .tc-cards__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(46px,7.4vw,112px);line-height:.98;letter-spacing:.03em;color:#F1E3CF}
html body .temple-claptone-landing .tc-cards__copy{margin:0;font-size:clamp(16px,1.3vw,19px);font-weight:300;line-height:1.6;color:rgba(241,227,207,.78);max-width:46ch;text-wrap:pretty}
html body .temple-claptone-landing .tc-cards__status{font-family:'Marcellus',serif;font-size:clamp(18px,1.8vw,24px);letter-spacing:.1em;color:#FF7448}
html body .temple-claptone-landing .tc-cards__row{display:flex;flex-direction:row;gap:clamp(20px,2.4vw,36px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:64px max(20px,calc((100% - 1188px) / 2)) 36px}
html body .temple-claptone-landing .tc-cards__row::-webkit-scrollbar{display:none}
html body .temple-claptone-landing .tc-card{flex:0 0 auto;width:min(66vw,270px);scroll-snap-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
html body .temple-claptone-landing .tc-card__stage{width:100%;aspect-ratio:5/8;perspective:1100px;cursor:default}
html body .temple-claptone-landing .tc-card__tilt{position:relative;width:100%;height:100%;transform-style:preserve-3d;--lift:translateY(0) scale(1);--rx:0deg;--ry:0deg;transform:var(--lift) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .7s cubic-bezier(.2,.7,.2,1)}
html body .temple-claptone-landing .tc-card.is-hover .tc-card__tilt{transition:transform .14s ease-out}
html body .temple-claptone-landing .tc-card.is-highlight .tc-card__tilt{--lift:translateY(-12px) translateZ(20px) scale(1.04)}
html body .temple-claptone-landing .tc-card.is-active .tc-card__tilt{--lift:translateY(-16px) translateZ(30px) scale(1.07)}
html body .temple-claptone-landing .tc-card__flip{position:absolute;inset:0;transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.6,0,.25,1);transform:rotateY(0deg)}
html body .temple-claptone-landing .tc-card.is-flipped .tc-card__flip{transform:rotateY(180deg)}
html body .temple-claptone-landing .tc-card__face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6px;--glow:0 24px 50px -24px rgba(0,0,0,.95);box-shadow:var(--glow)}
html body .temple-claptone-landing .tc-card.is-highlight .tc-card__face{--glow:0 0 0 1px rgba(216,31,38,.55), 0 0 38px rgba(216,31,38,.32), 0 34px 70px -24px rgba(216,31,38,.6)}
html body .temple-claptone-landing .tc-card.is-highlight.is-hover .tc-card__face{--glow:0 0 0 1px rgba(216,31,38,.85), 0 0 60px rgba(216,31,38,.5), 0 34px 70px -24px rgba(216,31,38,.6)}
html body .temple-claptone-landing .tc-card.is-active .tc-card__face{--glow:0 0 0 1px rgba(206,168,108,.45), 0 0 50px rgba(216,31,38,.35), 0 44px 90px -24px rgba(216,31,38,.75)}
html body .temple-claptone-landing .tc-card__back{opacity:1;transition:box-shadow .5s,opacity 0s linear .72s}
html body .temple-claptone-landing .tc-card__front{transform:rotateY(180deg);opacity:0;transition:opacity 0s linear .72s}
html body .temple-claptone-landing .tc-card.is-flipped .tc-card__back{opacity:0}
html body .temple-claptone-landing .tc-card.is-flipped .tc-card__front{opacity:1}
html body .temple-claptone-landing .tc-card__dim{position:absolute;inset:0;border-radius:6px;background:#050303;opacity:.45;transition:opacity .6s;pointer-events:none}
html body .temple-claptone-landing[data-tc-phase="post"] .tc-card__dim{opacity:.5}
html body .temple-claptone-landing .tc-card.is-highlight .tc-card__dim{opacity:0}
html body .temple-claptone-landing .tc-card__refl{position:absolute;inset:0;border-radius:6px;background:none;mix-blend-mode:screen;pointer-events:none}
html body .temple-claptone-landing .tc-card.is-hover .tc-card__back .tc-card__refl{background:radial-gradient(circle at var(--px) var(--py), rgba(255,236,214,.26), rgba(255,236,214,0) 55%)}
html body .temple-claptone-landing .tc-card.is-hover .tc-card__front .tc-card__refl{background:radial-gradient(circle at var(--pxm) var(--py), rgba(255,236,214,.26), rgba(255,236,214,0) 55%)}
html body .temple-claptone-landing .tc-card__art{width:100%}
html body .temple-claptone-landing .tc-card.is-closed .tc-card__art{filter:brightness(.35) saturate(.3);opacity:.5}
html body .temple-claptone-landing .tc-card__stamp{position:absolute;inset:0;display:none;align-items:center;justify-content:center;pointer-events:none}
html body .temple-claptone-landing .tc-card.is-closed .tc-card__stamp{display:flex}
html body .temple-claptone-landing .tc-card__stamp span{padding:10px 18px 8px;padding-left:calc(18px + .32em);border:1px solid #E0403A;background:rgba(5,3,3,.7);font-family:'Marcellus',serif;font-size:22px;letter-spacing:.32em;color:#E0403A;transform:rotate(-6deg)}
html body .temple-claptone-landing .tc-card__cap{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
html body .temple-claptone-landing .tc-card__num{font-family:'Marcellus',serif;font-size:13px;letter-spacing:.3em;color:rgba(206,168,108,.85)}
html body .temple-claptone-landing .tc-card__name{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:22px;letter-spacing:.1em;color:rgba(241,227,207,.62)}
html body .temple-claptone-landing .tc-card.is-highlight .tc-card__name,html body .temple-claptone-landing .tc-card.is-active .tc-card__name{color:#F1E3CF}
html body .temple-claptone-landing .tc-card.is-closed .tc-card__name{color:rgba(241,227,207,.4)}
html body .temple-claptone-landing .tc-card__sub{min-height:14px;font-size:10.5px;font-weight:500;letter-spacing:.3em;padding-left:.3em;color:rgba(241,227,207,.45)}
html body .temple-claptone-landing .tc-card.is-highlight .tc-card__sub{color:#E0403A}
html body .temple-claptone-landing .tc-card.is-active .tc-card__sub{color:#FF7448}
html body .temple-claptone-landing .tc-card__cta{min-height:48px;padding:0 28px;font-size:12px;letter-spacing:.32em;box-shadow:0 0 0 1px rgba(255,116,72,.35),0 16px 36px -14px rgba(216,31,38,.8)}
html body .temple-claptone-landing .tc-card__cta[hidden]{display:none}
/* TempleCard loops — only on the highlighted back and the active front */
html body .temple-claptone-landing .tc-anim .tcl-a-slit{animation:tcl-slit 3.2s cubic-bezier(.45,0,.2,1) infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-spill{animation:tcl-spill 3.2s cubic-bezier(.45,0,.2,1) infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-sweep{animation:tcl-sweep 4.5s cubic-bezier(.5,0,.3,1) infinite}
html body .temple-claptone-landing .tc-anim .tcl-a-curtL{animation:tcl-curtL 3.6s cubic-bezier(.45,0,.25,1) infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-curtR{animation:tcl-curtR 3.6s cubic-bezier(.45,0,.25,1) infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-glow{animation:tcl-glow 3.6s ease-in-out infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-sink{animation:tcl-sink 4.5s cubic-bezier(.5,0,.4,1) infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-rise{animation:tcl-rise 4.5s cubic-bezier(.5,0,.4,1) infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-pulse{animation:tcl-ringpulse 3.5s ease-in-out infinite alternate}
html body .temple-claptone-landing .tc-anim .tcl-a-pulse2{animation:tcl-ringpulse 3.5s ease-in-out .6s infinite alternate}
html body .temple-claptone-landing .tc-cards__foot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 20px 0;text-align:center}
html body .temple-claptone-landing .tc-hint{display:none;font-size:10px;letter-spacing:.36em;color:rgba(241,227,207,.5)}
html body .temple-claptone-landing .tc-cards__first{margin:0;font-size:16px;font-weight:300;color:rgba(241,227,207,.78)}
html body .temple-claptone-landing .tc-cards__date{font-family:'Marcellus',serif;font-size:clamp(24px,2.4vw,32px);letter-spacing:.08em}

/* per-stage ticket info under the cards (same vocabulary as 08 · Event details) */
html body .temple-claptone-landing .tc-tiers{display:flex;flex-direction:column;align-items:center;gap:26px;padding:clamp(56px,6vw,88px) clamp(20px,6vw,96px) 0;text-align:center}
html body .temple-claptone-landing .tc-tiers[hidden]{display:none}
html body .temple-claptone-landing .tc-tiers__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:0 40px;width:min(100%,760px);border-top:1px solid rgba(206,168,108,.32);text-align:left}
html body .temple-claptone-landing .tc-tier{padding:26px 0;border-bottom:1px solid rgba(206,168,108,.18);display:flex;flex-direction:column;gap:10px}
html body .temple-claptone-landing .tc-tier__head{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:16px}
html body .temple-claptone-landing .tc-tier__name{font-family:'Marcellus',serif;font-size:28px;letter-spacing:.04em;color:#F1E3CF}
html body .temple-claptone-landing .tc-tier__price{font-family:'Marcellus',serif;font-size:28px;letter-spacing:.04em;white-space:nowrap;color:#F1E3CF}
html body .temple-claptone-landing .tc-tier__desc{margin:0;font-size:15px;font-weight:300;line-height:1.6;color:rgba(241,227,207,.78);max-width:40ch}
html body .temple-claptone-landing .tc-tiers__note{margin:0;font-size:13px;color:rgba(241,227,207,.66)}

/* ---------- 05 claptone ---------- */
html body .temple-claptone-landing .tc-clap{position:relative;padding:clamp(96px,12vw,170px) clamp(20px,6vw,96px);background:radial-gradient(ellipse 45% 50% at 20% 50%,rgba(60,11,12,.55),rgba(10,6,6,0) 70%),#0A0606}
html body .temple-claptone-landing .tc-clap__in{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:center}
html body .temple-claptone-landing .tc-clap__media{flex:1 1 420px;min-width:min(100%,300px);position:relative;aspect-ratio:4/5;overflow:hidden;background:#0A0606;box-shadow:0 0 0 1px rgba(206,168,108,.3)}
html body .temple-claptone-landing .tc-clap__img{position:absolute;width:190%;left:-39%;top:-32%;height:auto;display:block}
html body .temple-claptone-landing .tc-clap__glow{position:absolute;left:50%;top:44%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,196,110,.45) 0%,rgba(255,140,60,.1) 40%,rgba(255,120,60,0) 68%);mix-blend-mode:screen;animation:tcl-pulse 7s ease-in-out infinite}
html body .temple-claptone-landing .tc-clap__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,6,6,0) 60%,rgba(10,6,6,.85) 100%)}
html body .temple-claptone-landing .tc-clap__cap{position:absolute;left:24px;bottom:22px;font-size:10.5px;letter-spacing:.32em;color:rgba(241,227,207,.7)}
html body .temple-claptone-landing .tc-clap__text{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:28px}
html body .temple-claptone-landing .tc-clap__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(60px,8.4vw,128px);line-height:.92;letter-spacing:.02em;color:#F1E3CF}
html body .temple-claptone-landing .tc-body{margin:0;font-size:clamp(17px,1.35vw,19px);font-weight:300;line-height:1.65;color:rgba(241,227,207,.82);max-width:46ch;text-wrap:pretty}
html body .temple-claptone-landing .tc-clap__close{margin:0;font-family:'Marcellus',serif;font-size:clamp(22px,2vw,30px);line-height:1.3;max-width:26ch}
html body .temple-claptone-landing .tc-clap__ig{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:11px;font-weight:500;letter-spacing:.32em;border-bottom:1px solid rgba(206,168,108,.5)}

/* ---------- 06 line-up ---------- */
html body .temple-claptone-landing .tc-lineup{position:relative;padding:clamp(96px,12vw,170px) clamp(20px,6vw,96px);background:#050303;border-top:1px solid rgba(206,168,108,.14)}
html body .temple-claptone-landing .tc-lineup__in{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3vw,40px);text-align:center}
html body .temple-claptone-landing .tc-lineup__head{font-family:'Marcellus',serif;font-size:clamp(66px,15vw,236px);line-height:.88;letter-spacing:.02em;color:#F1E3CF}
html body .temple-claptone-landing .tc-lineup__rule{display:flex;flex-direction:row;align-items:center;gap:18px;width:min(100%,520px)}
html body .temple-claptone-landing .tc-lineup__line{flex:1;height:1px;background:linear-gradient(90deg,rgba(206,168,108,0),rgba(206,168,108,.6))}
html body .temple-claptone-landing .tc-lineup__line--r{background:linear-gradient(90deg,rgba(206,168,108,.6),rgba(206,168,108,0))}
html body .temple-claptone-landing .tc-lineup__sup{font-size:11px;font-weight:500;letter-spacing:.42em;white-space:nowrap;padding-left:.42em;color:#E0403A}
html body .temple-claptone-landing .tc-lineup__names{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,2.6vw,40px);font-family:'Marcellus',serif;font-size:clamp(30px,4.4vw,64px);line-height:1.1;letter-spacing:.04em;list-style:none;margin:0;padding:0}
html body .temple-claptone-landing .tc-lineup__names li{list-style:none;margin:0;padding:0}
html body .temple-claptone-landing .tc-dia{width:8px;height:8px;background:#D81F26;transform:rotate(45deg)}
html body .temple-claptone-landing .tc-lineup__meta{font-size:12px;letter-spacing:.32em;padding-left:.32em;color:rgba(241,227,207,.66);margin-top:12px}

/* ---------- 07a willa ---------- */
html body .temple-claptone-landing .tc-villa{position:relative;background:#ECEAE6;color:#160D0D;padding:clamp(96px,12vw,170px) 0 clamp(56px,6vw,96px)}
html body .temple-claptone-landing .tc-villa__head{max-width:1240px;margin:0 auto;padding:0 clamp(20px,6vw,96px);display:flex;flex-direction:row;flex-wrap:wrap;gap:32px 64px;align-items:flex-end;justify-content:space-between}
html body .temple-claptone-landing .tc-villa__l{display:flex;flex-direction:column;gap:24px}
html body .temple-claptone-landing .tc-villa .tc-label{color:#6B5A55}
html body .temple-claptone-landing .tc-villa__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(56px,9.6vw,156px);line-height:.92;letter-spacing:.01em;color:#160D0D}
html body .temple-claptone-landing .tc-villa__h2 span{color:#B3191F}
html body .temple-claptone-landing .tc-villa__side{flex:0 1 380px;display:flex;flex-direction:column;gap:12px;font-size:clamp(17px,1.35vw,19px);font-weight:300;line-height:1.6;color:#3A2B28}
html body .temple-claptone-landing .tc-villa__side2{font-family:'Marcellus',serif;font-size:clamp(22px,1.9vw,28px);line-height:1.25;color:#160D0D}
html body .temple-claptone-landing .tc-villa__row{display:flex;flex-direction:row;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:clamp(48px,6vw,80px) max(20px,calc((100% - 1240px) / 2 + clamp(20px,6vw,96px))) 8px}
html body .temple-claptone-landing .tc-villa__row::-webkit-scrollbar{display:none}
html body .temple-claptone-landing .tc-villa__fig{flex:0 0 auto;width:min(78vw,400px);margin:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}
html body .temple-claptone-landing .tc-villa__box{width:100%;aspect-ratio:3/4;overflow:hidden;background:#d8d5d0}
html body .temple-claptone-landing .tc-villa__box img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08)}
html body .temple-claptone-landing .tc-villa__cap{display:flex;flex-direction:row;justify-content:space-between;gap:12px;font-size:10.5px;letter-spacing:.24em;color:#6B5A55}

/* ---------- 07b transformation ---------- */
html body .temple-claptone-landing .tc-tf{position:relative;height:340vh;background:#ECEAE6;--dark:0;--red:0;--curtain:0;--light:0}
html body .temple-claptone-landing .tc-tf__sticky{position:sticky;top:0;height:100vh;overflow:hidden}
html body .temple-claptone-landing .tc-tf__black{position:absolute;inset:0;background:#0A0606;opacity:var(--dark,0)}
html body .temple-claptone-landing .tc-tf__redglow{position:absolute;inset:0;background:radial-gradient(ellipse 50% 60% at 65% 55%,rgba(140,20,22,.45),rgba(10,6,6,0) 70%);opacity:var(--light,0)}
html body .temple-claptone-landing .tc-tf__in{position:relative;height:100%;max-width:1240px;margin:0 auto;padding:76px clamp(16px,4vw,40px) 24px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(20px,5vw,88px);color:#160D0D;color:color-mix(in srgb,#F1E3CF calc(var(--dark,0) * 100%),#160D0D)}
html body .temple-claptone-landing .tc-tf__steps{flex:0 1 400px;min-width:0;width:100%;display:flex;flex-direction:column;gap:clamp(14px,2.4vw,30px);list-style:none;margin:0;padding:0}
html body .temple-claptone-landing .tc-tf__eyebrow{display:block;font-size:11px;font-weight:500;letter-spacing:.42em;white-space:nowrap;opacity:.7}
html body .temple-claptone-landing .tc-step{display:flex;flex-direction:row;gap:18px;align-items:flex-start;opacity:.3;transition:opacity .5s;list-style:none;margin:0;padding:0}
html body .temple-claptone-landing .tc-step.is-on{opacity:1}
html body .temple-claptone-landing .tc-step__n{font-family:'Marcellus',serif;font-size:13px;letter-spacing:.2em;padding-top:8px;min-width:26px;color:inherit}
html body .temple-claptone-landing .tc-step.is-on .tc-step__n{color:#D81F26}
html body .temple-claptone-landing .tc-step__tx{display:flex;flex-direction:column;gap:6px}
html body .temple-claptone-landing .tc-step__t{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(22px,2.2vw,32px);line-height:1.15;letter-spacing:.04em;color:inherit}
html body .temple-claptone-landing .tc-step__d{font-size:15px;font-weight:300;line-height:1.55;max-width:36ch}
html body .temple-claptone-landing .tc-tf__photo{position:relative;flex:none;height:min(74vh,124vw,820px);aspect-ratio:3/4;overflow:hidden;background:#111;box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
html body .temple-claptone-landing .tc-abs{position:absolute;inset:0}
html body .temple-claptone-landing .tc-tf__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.08) brightness(calc(1 - var(--dark,0) * .6)) saturate(calc(1 - var(--dark,0) * .85)) contrast(calc(1 + var(--dark,0) * .15))}
html body .temple-claptone-landing .tc-tf__wash1{background:#B0161D;mix-blend-mode:multiply;opacity:calc(var(--red,0) * .78)}
html body .temple-claptone-landing .tc-tf__wash2{background:#5A0A0E;mix-blend-mode:screen;opacity:calc(var(--red,0) * .28)}
html body .temple-claptone-landing .tc-tf__rings{mix-blend-mode:screen;opacity:var(--light,0);background:radial-gradient(ellipse 14% 5% at 33% 37%,rgba(255,70,50,.6),rgba(255,70,50,0) 100%),radial-gradient(ellipse 14% 5% at 63% 36%,rgba(255,70,50,.6),rgba(255,70,50,0) 100%),radial-gradient(ellipse 10% 3.5% at 42% 47%,rgba(255,80,50,.55),rgba(255,70,50,0) 100%),radial-gradient(ellipse 10% 3.5% at 60% 47%,rgba(255,80,50,.55),rgba(255,70,50,0) 100%),radial-gradient(ellipse 28% 11% at 16% 9%,rgba(255,60,40,.32),rgba(255,60,40,0) 100%),radial-gradient(ellipse 28% 11% at 68% 7%,rgba(255,60,40,.32),rgba(255,60,40,0) 100%)}
html body .temple-claptone-landing .tc-tf__curt{position:absolute;background-position:center;clip-path:inset(0 0 calc((1 - var(--curtain,0)) * 100%) 0)}
html body .temple-claptone-landing .tc-tf__curt--back{left:28%;top:49%;width:43.5%;height:18%;background-image:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0) 25%,rgba(0,0,0,0) 80%,rgba(0,0,0,.5)),url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/curtain-wide.jpg);background-size:100% 100%,cover;filter:brightness(1.9) saturate(1.2)}
html body .temple-claptone-landing .tc-tf__curt--l{left:0;top:57%;width:21%;height:9%;background-image:linear-gradient(90deg,rgba(0,0,0,.6),rgba(0,0,0,0)),url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/curtain-l.jpg);background-size:100% 100%,cover;filter:brightness(1.6)}
html body .temple-claptone-landing .tc-tf__curt--r{left:78%;top:58%;width:22%;height:9%;background-image:linear-gradient(270deg,rgba(0,0,0,.6),rgba(0,0,0,0)),url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/curtain-r.jpg);background-size:100% 100%,cover;filter:brightness(1.6)}
html body .temple-claptone-landing .tc-tf__beam{position:absolute;top:44%;width:44%;height:44%;mix-blend-mode:screen;opacity:calc(var(--light,0) * .4);background:linear-gradient(180deg,rgba(255,110,70,.55),rgba(255,60,40,0) 92%);filter:blur(12px)}
html body .temple-claptone-landing .tc-tf__beam--1{left:14%;clip-path:polygon(78% 0,84% 0,100% 100%,30% 100%)}
html body .temple-claptone-landing .tc-tf__beam--2{left:42%;clip-path:polygon(16% 0,22% 0,70% 100%,0 100%)}
html body .temple-claptone-landing .tc-tf__floor{mix-blend-mode:screen;opacity:var(--light,0);background:radial-gradient(ellipse 34% 7% at 50% 68%,rgba(255,90,50,.5),rgba(255,90,50,0) 100%),radial-gradient(ellipse 20% 10% at 50% 60%,rgba(255,150,90,.35),rgba(255,150,90,0) 100%)}
html body .temple-claptone-landing .tc-tf__vig{background:radial-gradient(ellipse 75% 70% at 50% 55%,rgba(0,0,0,0) 45%,rgba(0,0,0,.7) 100%);opacity:var(--dark,0)}
html body .temple-claptone-landing .tc-grainbox{background-image:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/grain.png);background-size:256px;opacity:.35;mix-blend-mode:overlay;pointer-events:none}
html body .temple-claptone-landing .tc-tf__tag{position:absolute;left:14px;top:14px;padding:7px 10px 6px;background:rgba(10,6,6,.72);font-size:10px;font-weight:500;letter-spacing:.26em;white-space:nowrap;color:#F1E3CF}

/* ---------- 07c before / after ---------- */
html body .temple-claptone-landing .tc-ba{position:relative;padding:clamp(96px,12vw,170px) clamp(20px,6vw,96px);background:#0A0606}
html body .temple-claptone-landing .tc-ba__in{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:center}
html body .temple-claptone-landing .tc-ba__text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:26px}
html body .temple-claptone-landing .tc-ba__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(40px,5.4vw,80px);line-height:1;letter-spacing:.02em;text-wrap:balance;color:#F1E3CF}
html body .temple-claptone-landing .tc-ba__p{max-width:42ch}
html body .temple-claptone-landing .tc-ba__legend{display:flex;flex-direction:column;gap:10px;padding-top:22px;border-top:1px solid rgba(206,168,108,.3);font-size:13px;line-height:1.5;color:rgba(241,227,207,.66);max-width:44ch}
html body .temple-claptone-landing .tc-ba__legend b{font-weight:400;color:#F1E3CF}
html body .temple-claptone-landing .tc-ba__frame{position:relative;flex:none;height:min(80vh,124vw,780px);aspect-ratio:3/4;max-width:100%;overflow:hidden;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none;--ba:50}
html body .temple-claptone-landing .tc-ba__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
html body .temple-claptone-landing .tc-ba__img--after{filter:brightness(.4) saturate(.15) contrast(1.15)}
html body .temple-claptone-landing .tc-ba__img--before{filter:grayscale(1) contrast(1.08)}
html body .temple-claptone-landing .tc-ba__wash1{background:#B0161D;mix-blend-mode:multiply;opacity:.78}
html body .temple-claptone-landing .tc-ba__wash2{background:#5A0A0E;mix-blend-mode:screen;opacity:.28}
html body .temple-claptone-landing .tc-ba__rings{mix-blend-mode:screen;background:radial-gradient(ellipse 30% 9% at 64% 24%,rgba(255,70,50,.45),rgba(255,70,50,0) 100%),radial-gradient(ellipse 16% 3.5% at 36% 40%,rgba(255,80,50,.5),rgba(255,70,50,0) 100%),radial-gradient(ellipse 14% 3% at 75% 44%,rgba(255,80,50,.5),rgba(255,70,50,0) 100%),radial-gradient(ellipse 12% 2.6% at 24% 44.5%,rgba(255,80,50,.45),rgba(255,70,50,0) 100%),radial-gradient(ellipse 12% 2.6% at 52% 46.5%,rgba(255,80,50,.45),rgba(255,70,50,0) 100%)}
html body .temple-claptone-landing .tc-ba__curtain{position:absolute;top:0;bottom:0;right:0;width:25%;box-shadow:-18px 0 40px rgba(0,0,0,.75)}
html body .temple-claptone-landing .tc-ba__c{position:absolute;inset:0;background-image:url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/curtain-r.jpg);background-size:cover;background-position:left center}
html body .temple-claptone-landing .tc-ba__c--base{background-color:#2A0507}
html body .temple-claptone-landing .tc-ba__c--scr{mix-blend-mode:screen}
html body .temple-claptone-landing .tc-ba__c--dodge{mix-blend-mode:color-dodge;opacity:.9}
html body .temple-claptone-landing .tc-ba__c--shade{background:linear-gradient(90deg,rgba(255,110,70,.28) 0%,rgba(255,110,70,0) 22%,rgba(0,0,0,0) 60%,rgba(0,0,0,.55) 100%),linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 82%,rgba(0,0,0,.6) 100%)}
html body .temple-claptone-landing .tc-ba__beam{position:absolute;mix-blend-mode:screen;filter:blur(12px)}
html body .temple-claptone-landing .tc-ba__beam--1{left:6%;top:18%;width:56%;height:56%;background:linear-gradient(160deg,rgba(255,110,70,.5),rgba(255,60,40,0) 80%);clip-path:polygon(8% 0,16% 0,100% 100%,55% 100%);opacity:.45}
html body .temple-claptone-landing .tc-ba__beam--2{left:4%;top:33%;width:60%;height:44%;background:linear-gradient(170deg,rgba(255,110,70,.4),rgba(255,60,40,0) 80%);clip-path:polygon(4% 0,10% 0,90% 100%,50% 100%);opacity:.4}
html body .temple-claptone-landing .tc-ba__vig{background:radial-gradient(ellipse 75% 70% at 45% 55%,rgba(0,0,0,0) 45%,rgba(0,0,0,.7) 100%)}
html body .temple-claptone-landing .tc-ba__before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--ba) * 1%) 0 0)}
html body .temple-claptone-landing .tc-ba__frame .tc-grainbox{opacity:.3}
html body .temple-claptone-landing .tc-ba__div{position:absolute;top:0;bottom:0;left:calc(var(--ba) * 1%);width:1px;background:#F1E3CF;box-shadow:0 0 12px rgba(0,0,0,.5);pointer-events:none}
html body .temple-claptone-landing .tc-ba__knob{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(10,6,6,.75);border:1px solid #F1E3CF;display:flex;align-items:center;justify-content:center;font-size:14px;letter-spacing:.2em;color:#F1E3CF}
html body .temple-claptone-landing .tc-ba__frame:focus-visible{outline:2px solid #CEA86C;outline-offset:4px}
html body .temple-claptone-landing .tc-ba__tag{position:absolute;top:12px;padding:7px 10px 6px;font-size:9.5px;font-weight:500;letter-spacing:.18em;white-space:nowrap;pointer-events:none}
html body .temple-claptone-landing .tc-ba__tag--b{left:12px;background:rgba(236,234,230,.9);color:#160D0D}
html body .temple-claptone-landing .tc-ba__tag--a{right:12px;background:rgba(10,6,6,.8);color:#F1E3CF}

/* ---------- 07d lounges teaser ---------- */
html body .temple-claptone-landing .tc-lg{position:relative;overflow:hidden;padding:clamp(96px,12vw,170px) clamp(20px,6vw,96px);background:#050303;border-top:1px solid rgba(206,168,108,.14)}
html body .temple-claptone-landing .tc-lg__glow{position:absolute;inset:0;background:radial-gradient(ellipse 45% 55% at 20% 50%,rgba(140,20,22,.3),rgba(5,3,3,0) 70%)}
html body .temple-claptone-landing .tc-lg__in{position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(40px,6vw,96px);align-items:center}
html body .temple-claptone-landing .tc-lg__text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:26px}
html body .temple-claptone-landing .tc-lg__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(44px,6vw,92px);line-height:.98;letter-spacing:.02em;text-wrap:balance;color:#F1E3CF}
html body .temple-claptone-landing .tc-lg__p{max-width:42ch}
html body .temple-claptone-landing .tc-lg__rule{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:16px 0;border-top:1px solid rgba(206,168,108,.3);border-bottom:1px solid rgba(206,168,108,.18);font-family:'Marcellus',serif;font-size:clamp(18px,1.7vw,24px);letter-spacing:.08em}
html body .temple-claptone-landing .tc-lg__ember{color:#FF7448}
html body .temple-claptone-landing .tc-lg__ctas{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:14px 24px}
html body .temple-claptone-landing .tc-lg__cta{min-height:56px;padding:0 36px;font-size:12px;letter-spacing:.32em;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,116,72,.35),0 18px 44px -14px rgba(216,31,38,.75)}
html body .temple-claptone-landing .tc-lg__how{display:inline-flex;align-items:center;min-height:44px;font-size:11px;font-weight:500;letter-spacing:.3em;white-space:nowrap;border-bottom:1px solid rgba(206,168,108,.5)}
html body .temple-claptone-landing .tc-lg__small{margin:0;font-size:12px;line-height:1.55;color:rgba(241,227,207,.55);max-width:46ch}
html body .temple-claptone-landing .tc-lg__tiles{flex:1.2 1 460px;min-width:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:clamp(12px,1.6vw,20px)}
html body .temple-claptone-landing a.tc-lg__tile{position:relative;display:block;aspect-ratio:4/5;overflow:hidden;background:#050303;color:#F1E3CF;box-shadow:0 0 0 1px rgba(206,168,108,.3)}
html body .temple-claptone-landing a.tc-lg__tile:hover{box-shadow:0 0 0 1px rgba(216,31,38,.85),0 30px 70px -30px rgba(216,31,38,.6);color:#F1E3CF}
html body .temple-claptone-landing .tc-lg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.15) brightness(.55)}
html body .temple-claptone-landing .tc-lg__wash{background:#B0161D;mix-blend-mode:multiply;opacity:.72}
html body .temple-claptone-landing .tc-lg__shade{background:linear-gradient(180deg,rgba(5,3,3,.15) 0%,rgba(5,3,3,0) 35%,rgba(5,3,3,.92) 100%)}
html body .temple-claptone-landing .tc-lg__cap{position:absolute;left:clamp(18px,2vw,26px);right:clamp(18px,2vw,26px);bottom:clamp(18px,2vw,26px);display:flex;flex-direction:column;gap:10px}
html body .temple-claptone-landing .tc-lg__kick{font-size:10.5px;font-weight:500;letter-spacing:.36em;white-space:nowrap;color:#FF7448}
html body .temple-claptone-landing .tc-lg__t{font-family:'Marcellus',serif;font-size:clamp(24px,2.4vw,34px);line-height:1.05;letter-spacing:.02em}
html body .temple-claptone-landing .tc-lg__meta{font-size:13px;color:rgba(241,227,207,.75)}

/* ---------- 08 details ---------- */
html body .temple-claptone-landing .tc-det{position:relative;padding:clamp(88px,10vw,150px) clamp(20px,6vw,96px);background:#050303;border-top:1px solid rgba(206,168,108,.14)}
html body .temple-claptone-landing .tc-det__in{display:flex;flex-direction:column;gap:clamp(32px,4vw,56px)}
html body .temple-claptone-landing .tc-det__head{display:flex;flex-direction:column;gap:18px}
html body .temple-claptone-landing .tc-det__h2{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(32px,4vw,56px);line-height:1.05;letter-spacing:.03em;color:#F1E3CF}
html body .temple-claptone-landing .tc-det__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:0 40px;border-top:1px solid rgba(206,168,108,.32);margin:0}
html body .temple-claptone-landing .tc-det__cell{padding:26px 0;border-bottom:1px solid rgba(206,168,108,.18);display:flex;flex-direction:column;gap:10px}
html body .temple-claptone-landing .tc-det__lbl{font-size:10.5px;font-weight:500;letter-spacing:.36em;color:#CEA86C}
html body .temple-claptone-landing .tc-det__val{font-family:'Marcellus',serif;font-size:28px;letter-spacing:.04em}
html body .temple-claptone-landing .tc-det__val--ml{line-height:1.15}
html body .temple-claptone-landing .tc-det__sub{font-size:13px;color:rgba(241,227,207,.66)}
html body .temple-claptone-landing .tc-det__sup{font-family:'Marcellus',serif;font-size:19px;line-height:1.4;color:rgba(241,227,207,.82)}

/* ---------- 09 final ---------- */
html body .temple-claptone-landing .tc-final{position:relative;overflow:hidden;background:#050303;padding:clamp(130px,16vw,230px) 20px;text-align:center}
html body .temple-claptone-landing .tc-final__cl,html body .temple-claptone-landing .tc-final__cr{position:absolute;top:0;bottom:0;width:32%;filter:brightness(1.7) saturate(1.15)}
html body .temple-claptone-landing .tc-final__cl{left:-2%;background-image:linear-gradient(90deg,rgba(0,0,0,0) 60%,rgba(5,3,3,.9)),url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/curtain-l.jpg);background-size:100% 100%,cover;background-position:center,right center;transform-origin:top left;animation:tcl-swayL 9s ease-in-out infinite alternate}
html body .temple-claptone-landing .tc-final__cr{right:-2%;background-image:linear-gradient(270deg,rgba(0,0,0,0) 60%,rgba(5,3,3,.9)),url(https://stage24.pl/flow/wp-content/uploads/temple-claptone/assets/curtain-r.jpg);background-size:100% 100%,cover;background-position:center,left center;transform-origin:top right;animation:tcl-swayR 9s ease-in-out infinite alternate}
html body .temple-claptone-landing .tc-final__glow{position:absolute;left:50%;top:50%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(216,31,38,.32) 0%,rgba(120,18,20,.12) 40%,rgba(5,3,3,0) 68%);animation:tcl-breathe 8s ease-in-out infinite}
html body .temple-claptone-landing .tc-final__in{position:relative;display:flex;flex-direction:column;align-items:center;gap:26px}
html body .temple-claptone-landing .tc-final__lbl{font-size:12px;font-weight:500;letter-spacing:.46em;white-space:nowrap;padding-left:.46em;color:#E0403A}
html body .temple-claptone-landing .tc-final__lbl--post{color:#FF7448}
html body .temple-claptone-landing .tc-final__big{margin:0;font-family:'Marcellus',serif;font-weight:400;font-size:clamp(54px,9vw,140px);line-height:.95;letter-spacing:.03em;color:#F1E3CF}
html body .temple-claptone-landing .tc-final__cd{display:flex;flex-direction:row;gap:clamp(14px,3vw,40px)}
html body .temple-claptone-landing .tc-final__u{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:56px}
html body .temple-claptone-landing .tc-final__v{font-family:'Marcellus',serif;font-size:clamp(28px,3vw,40px);line-height:1}
html body .temple-claptone-landing .tc-final__l{font-size:9.5px;letter-spacing:.22em;color:rgba(241,227,207,.6)}
html body .temple-claptone-landing .tc-final__remind{min-height:52px;padding:0 32px;font-size:12px;letter-spacing:.34em;box-shadow:0 0 0 1px rgba(255,116,72,.35),0 18px 40px -16px rgba(216,31,38,.75)}
html body .temple-claptone-landing .tc-final__note{font-size:12px;color:rgba(241,227,207,.6)}
html body .temple-claptone-landing .tc-final__cta{min-height:58px;padding:0 44px;font-size:13px;letter-spacing:.34em;box-shadow:0 0 0 1px rgba(255,116,72,.35),0 18px 44px -14px rgba(216,31,38,.8)}
html body .temple-claptone-landing .tc-final__meta{font-size:12px;letter-spacing:.2em;color:rgba(241,227,207,.6)}

/* ---------- 10 footer ---------- */
html body .temple-claptone-landing .tc-foot{padding:56px clamp(20px,6vw,96px) 40px;background:#0A0606;border-top:1px solid rgba(206,168,108,.18)}
html body .temple-claptone-landing .tc-foot__in{display:flex;flex-direction:column;gap:36px}
html body .temple-claptone-landing .tc-foot__top{display:flex;flex-direction:row;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
html body .temple-claptone-landing .tc-foot__brand{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}
html body .temple-claptone-landing .tc-foot__rit{font-size:11px;letter-spacing:.3em;color:rgba(241,227,207,.66)}
html body .temple-claptone-landing .tc-foot__groups{display:flex;flex-direction:row;flex-wrap:wrap;gap:40px clamp(48px,8vw,120px);padding:36px 0;border-top:1px solid rgba(206,168,108,.18);border-bottom:1px solid rgba(206,168,108,.18)}
html body .temple-claptone-landing .tc-foot__grp{display:flex;flex-direction:column;gap:22px}
html body .temple-claptone-landing .tc-foot__glbl{font-size:10.5px;font-weight:500;letter-spacing:.36em;white-space:nowrap;color:#CEA86C}
html body .temple-claptone-landing .tc-foot__logos{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:28px 44px}
html body .temple-claptone-landing .tc-foot__logos img{height:44px;width:auto;display:block;opacity:.9}
html body .temple-claptone-landing .tc-foot__logos img.tc-foot__ctrl{height:30px}
html body .temple-claptone-landing .tc-foot__bot{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;font-size:12px;color:rgba(241,227,207,.55)}

/* ---------- < 760px (the design's single switch point) ---------- */
@media (max-width:759.98px){
  html body .temple-claptone-landing .tc-nav__info{display:none}
  html body .temple-claptone-landing .tc-hero__frame{aspect-ratio:1350/1690}
  html body .temple-claptone-landing .tc-hero__img{transform-origin:50% 56.8%}
  html body .temple-claptone-landing .tc-hero__glow{left:47%;top:61%;width:44%}
  html body .temple-claptone-landing .tc-hero__fade{height:5%}
  html body .temple-claptone-landing .tc-hint{display:block}
  html body .temple-claptone-landing .tc-tf__in{flex-direction:column-reverse}
  html body .temple-claptone-landing .tc-tf__eyebrow{display:none}
  html body .temple-claptone-landing .tc-step:not(.is-on){display:none}
}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
  html body .temple-claptone-landing .tc-grain,html body .temple-claptone-landing .tc-hero__img,html body .temple-claptone-landing .tc-hero__glow,html body .temple-claptone-landing .tc-clap__glow,html body .temple-claptone-landing .tc-final__cl,html body .temple-claptone-landing .tc-final__cr,html body .temple-claptone-landing .tc-final__glow,html body .temple-claptone-landing .tc-anim [class*="tcl-a-"]{animation:none}
  html body .temple-claptone-landing .tc-hero__img{transform:scale(1.035) translateX(-.5%)}
  html body .temple-claptone-landing .tc-hero__glow,html body .temple-claptone-landing .tc-clap__glow{opacity:.5}
  html body .temple-claptone-landing .tc-card__tilt{transition:none}
  /* flip becomes a crossfade */
  html body .temple-claptone-landing .tc-card__flip,html body .temple-claptone-landing .tc-card.is-flipped .tc-card__flip{transform:none;transition:none}
  html body .temple-claptone-landing .tc-card__front{transform:none}
  html body .temple-claptone-landing .tc-card__back,html body .temple-claptone-landing .tc-card__front{transition:opacity .5s ease}
  html body .temple-claptone-landing .tc-step{transition:none}
}/* End custom CSS */