/* =============================================================
   ECUBE ACCESS - AVOIDRAFA EVENT-PAGE LAYOUT ("TWILIGHT STAGE")
   ecube-avoidrafa-layout-v5.css
   Loaded after ecube-layout-reset.css by signals.presale_head.
   v5 (final KV, 2026-09-11): the black wall becomes the KV's dusk —
   indigo night gradient, cream moon glow, crimson cloud accents,
   film grain kept, the poster pinned with tape (16:9 KV card on
   mobile via <picture>), phase sheets recolored to the KV's torn
   trio (bone / slate indigo / crimson), and the KV's band-and-forest
   horizon closing the page bottom.
   FIXED avoidrafa constants. New filename per change (Cloudflare).
   ============================================================= */

.ec-ar-wrap{position:relative;min-height:calc(100vh - 120px);font-family:'Instrument Sans',-apple-system,'Helvetica Neue',Arial,sans-serif;color:#F3EEE4;overflow-x:hidden;
    background-color:#131028;
    background-image:linear-gradient(180deg,rgba(30,25,64,1) 0%,rgba(23,19,52,.9) 30%,rgba(19,16,40,.55) 60%,rgba(19,16,40,0) 100%),url("avoidrafa/horizon-v3-1920.jpg");
    background-repeat:no-repeat,no-repeat;
    background-position:top left,bottom center;
    background-size:100% 100%,100% auto}
.ec-ar-wrap *{box-sizing:border-box}
/* film grain over the whole stage */
.ec-ar-wrap::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.11;mix-blend-mode:screen;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23g)'/%3E%3C/svg%3E");
    background-size:240px 240px}
.ec-ar-wrap>*{position:relative;z-index:1}

/* -- Top bar -- */
.ec-ar-topbar{display:flex;justify-content:space-between;align-items:center;padding:18px 48px;border-bottom:1px solid rgba(226,222,240,.14)}
.ec-ar-topbar-brand{display:flex;align-items:center;gap:14px}
img.ec-ar-topbar-hand{height:34px;width:auto;display:block}
img.ec-ar-topbar-wordmark{height:22px;width:auto;display:block}
a.ec-ar-topbar-link,a.ec-ar-topbar-link:visited{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;line-height:1;letter-spacing:.24em;text-transform:uppercase;color:#F3EEE4!important;text-decoration:none!important;border-bottom:1px solid #ED1C24;padding-bottom:4px}
a.ec-ar-topbar-link:hover{color:#ED1C24!important}

/* -- Hero: headline left, poster pinned on the wall right.
   The moon rises behind the poster; crimson clouds drift top-left;
   a purple dusk pools low. -- */
.ec-ar-hero{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;min-height:calc(100vh - 140px);padding:48px 48px 64px}
.ec-ar-hero::before{content:'';position:absolute;inset:0;pointer-events:none;
    background:
        radial-gradient(closest-side at 74% 38%,rgba(240,232,218,.15),rgba(240,232,218,0) 72%),
        radial-gradient(closest-side at 10% 6%,rgba(196,32,44,.17),rgba(196,32,44,0) 58%),
        radial-gradient(closest-side at 26% 96%,rgba(107,79,196,.13),rgba(107,79,196,0) 62%)}
.ec-ar-hero-copy{position:relative}
.ec-ar-eyebrow{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#ED1C24!important;margin:0 0 26px}
h1.ec-ar-h1{font-family:'Bebas Neue',Impact,'Arial Narrow',sans-serif!important;font-weight:400!important;font-size:clamp(96px,13.5vw,196px)!important;line-height:.86!important;letter-spacing:.005em!important;margin:0 0 10px!important;padding:0!important;color:#F3EEE4!important;text-transform:uppercase;text-shadow:0 6px 40px rgba(10,6,24,.55)}
h1.ec-ar-h1 .ec-ar-q{color:#ED1C24!important}
.ec-ar-bn{font-family:'Hind Siliguri','Instrument Sans',sans-serif;font-size:clamp(18px,1.6vw,22px);color:rgba(226,222,240,.62)!important;letter-spacing:.04em;margin:0 0 34px}
.ec-ar-date{display:flex;flex-wrap:wrap;gap:0 34px;align-items:baseline;margin-bottom:38px}
.ec-ar-date-num{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(44px,5vw,72px);line-height:1;color:#F3EEE4!important}
.ec-ar-date-num i{color:#8B6FE8!important;font-style:normal!important}
.ec-ar-date-meta{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:rgba(226,222,240,.58)!important;line-height:1.7}
a.ec-ar-cta,a.ec-ar-cta:visited{display:inline-flex;align-items:center;gap:18px;background:#ED1C24;color:#F3EEE4!important;text-decoration:none!important;font-family:'Bebas Neue',Impact,sans-serif;font-size:30px;letter-spacing:.06em;padding:18px 34px 16px;box-shadow:0 20px 50px rgba(196,32,44,.4);transition:transform .2s ease,box-shadow .2s ease}
a.ec-ar-cta::after{content:'\2192';font-family:'Instrument Sans',sans-serif;font-size:26px}
a.ec-ar-cta:hover,a.ec-ar-cta:focus-visible{transform:translateY(-2px);box-shadow:0 26px 60px rgba(196,32,44,.5),0 0 44px rgba(139,111,232,.25);color:#F3EEE4!important}
.ec-ar-cta-note{margin:18px 0 0;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(226,222,240,.58)!important}

.ec-ar-poster{position:relative;justify-self:center;width:min(100%,460px);transform:rotate(1.6deg)}
.ec-ar-poster picture{display:block}
img.ec-ar-poster-img{display:block;width:100%;height:auto;box-shadow:0 40px 90px rgba(6,4,20,.85),0 0 0 1px rgba(255,255,255,.05)}
.ec-ar-tape{position:absolute;width:96px;height:26px;background:rgba(243,238,228,.7);mix-blend-mode:screen;box-shadow:0 1px 2px rgba(0,0,0,.3);pointer-events:none;z-index:2}
.ec-ar-tape-tl{left:-30px;top:-10px;transform:rotate(-38deg)}
.ec-ar-tape-br{right:-30px;bottom:-8px;transform:rotate(-38deg)}
img.ec-ar-cut{position:absolute;pointer-events:none;filter:drop-shadow(0 20px 30px rgba(6,4,20,.75));height:auto}
img.ec-ar-cut-1{left:-40px;bottom:-60px;width:200px;transform:rotate(-9deg)}
img.ec-ar-cut-2{right:-70px;top:60px;width:180px;transform:rotate(7deg)}

/* -- Marquee strip -- */
.ec-ar-marq{overflow:hidden;border-top:1px solid #ED1C24;border-bottom:1px solid #ED1C24;padding:12px 0;white-space:nowrap;background:rgba(176,30,40,.07)}
.ec-ar-marq span{display:inline-block;font-family:'Bebas Neue',Impact,sans-serif;font-size:30px;letter-spacing:.08em;color:#ED1C24!important;padding-right:40px;animation:ec-ar-m 22s linear infinite}
@keyframes ec-ar-m{to{transform:translateX(-100%)}}

/* -- Main column -- */
.ec-ar-main{position:relative;z-index:1;max-width:1120px;margin:0 auto;padding:90px 48px 40px}
.ec-ar-section-label{display:flex;align-items:center;gap:16px;margin:0 0 34px;font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:#F3EEE4!important}
.ec-ar-section-label::after{content:'';flex:1;height:1px;background:rgba(226,222,240,.16)}

/* -- Phase ladder: the KV's torn sheet trio on the night wall --
   bone (ink text) / slate indigo (chalk) / crimson (chalk) -- */
.ec-ar-row-wrap{position:relative;filter:drop-shadow(0 24px 40px rgba(6,4,20,.65));margin-bottom:22px}
.ec-ar-row{position:relative;display:grid!important;border:none!important;border-radius:0!important;box-shadow:none!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:36px;padding:32px 40px;
    clip-path:polygon(0.6% 1.2%,8% 0.2%,19% 1.6%,31% 0.4%,44% 1.9%,57% 0.3%,69% 1.4%,82% 0.2%,93% 1.7%,99.6% 0.6%,99.2% 12%,100% 27%,99.1% 43%,99.8% 58%,99% 74%,99.7% 89%,99.3% 99.2%,90% 98.6%,78% 99.8%,64% 98.4%,51% 99.6%,37% 98.2%,23% 99.7%,10% 98.5%,0.4% 99.4%,1% 86%,0.2% 71%,1.2% 55%,0.3% 40%,1.4% 25%,0.5% 10%);
    transition:transform .25s ease}
.ec-ar-row-wrap:nth-of-type(3n+1) .ec-ar-row{background:#EFE7D9!important;transform:rotate(-.6deg)}
.ec-ar-row-wrap:nth-of-type(3n+2) .ec-ar-row{background:#303C66!important;transform:rotate(.5deg)}
.ec-ar-row-wrap:nth-of-type(3n+3) .ec-ar-row{background:#B01E28!important;transform:rotate(-.4deg)}
.ec-ar-row-wrap:nth-of-type(3n+1) .ec-ar-row,.ec-ar-row-wrap:nth-of-type(3n+1) .ec-ar-row *{color:#17151F!important}
.ec-ar-row-wrap:nth-of-type(3n+2) .ec-ar-row,.ec-ar-row-wrap:nth-of-type(3n+2) .ec-ar-row *,
.ec-ar-row-wrap:nth-of-type(3n+3) .ec-ar-row,.ec-ar-row-wrap:nth-of-type(3n+3) .ec-ar-row *{color:#F3EEE4!important}
.ec-ar-row-wrap:hover .ec-ar-row{transform:rotate(0) translateY(-2px)!important}
.ec-ar-row-name{font-family:'Bebas Neue',Impact,sans-serif!important;font-weight:400!important;font-size:46px!important;line-height:.95!important;margin:0 0 6px!important;letter-spacing:.02em!important;text-transform:uppercase}
.ec-ar-row-desc{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;opacity:.75}
.ec-ar-row-desc p{margin:0}
.ec-ar-price{font-family:'Bebas Neue',Impact,sans-serif;font-size:56px;line-height:1;white-space:nowrap;position:relative}
.ec-ar-status{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;opacity:.85;min-width:150px;text-align:right}
.ec-ar-row.is-off{opacity:.55}
.ec-ar-row.is-past .ec-ar-price::after{content:'';position:absolute;left:-6%;right:-6%;top:50%;height:5px;background:currentColor;transform:rotate(-7deg);opacity:.9}
.ec-ar-now{position:absolute;z-index:2;top:-12px;left:36px;background:#ED1C24;color:#F3EEE4!important;font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;padding:6px 14px;transform:rotate(-3deg);box-shadow:0 6px 16px rgba(0,0,0,.4)}
.ec-ar-row .textbubble-success{display:inline-block;margin-left:12px;background:#ED1C24!important;color:#F3EEE4!important;border:none!important;font-family:'DM Mono',monospace!important;font-size:10px!important;letter-spacing:.14em!important;vertical-align:middle}
/* quantity control (pretix classes so the presale JS keeps working) */
.ec-ar-row .input-item-count-group{display:inline-flex!important;align-items:center!important;gap:0!important;margin:0!important;border:1px solid rgba(23,21,31,.35)!important;background:rgba(255,255,255,.35)!important;padding:0!important}
.ec-ar-row .input-item-count-group legend{display:none}
.ec-ar-row .input-item-count-dec,.ec-ar-row .input-item-count-inc{width:40px!important;height:40px!important;padding:0!important;border:none!important;background:transparent!important;display:flex!important;align-items:center!important;justify-content:center!important;font-family:'DM Mono',monospace!important;font-size:16px!important;box-shadow:none!important;border-radius:0!important;line-height:1!important}
.ec-ar-row .input-item-count-dec:hover,.ec-ar-row .input-item-count-inc:hover{background:rgba(237,28,36,.15)!important}
.ec-ar-row .input-item-count{width:46px!important;min-width:46px!important;height:40px!important;margin:0!important;padding:0!important;border:none!important;border-left:1px solid rgba(23,21,31,.25)!important;border-right:1px solid rgba(23,21,31,.25)!important;background:transparent!important;box-shadow:none!important;text-align:center!important;font-family:'DM Mono',monospace!important;font-size:15px!important;appearance:textfield!important;-moz-appearance:textfield!important;border-radius:0!important}
.ec-ar-row .input-item-count::-webkit-outer-spin-button,.ec-ar-row .input-item-count::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}
/* on the indigo / crimson sheets the control chrome flips to chalk */
.ec-ar-row-wrap:nth-of-type(3n+2) .ec-ar-row .input-item-count-group,
.ec-ar-row-wrap:nth-of-type(3n+3) .ec-ar-row .input-item-count-group{border-color:rgba(243,238,228,.4)!important;background:rgba(255,255,255,.16)!important}
.ec-ar-row-wrap:nth-of-type(3n+2) .ec-ar-row .input-item-count,
.ec-ar-row-wrap:nth-of-type(3n+3) .ec-ar-row .input-item-count{border-left-color:rgba(243,238,228,.3)!important;border-right-color:rgba(243,238,228,.3)!important}
.ec-ar-row .btn-checkbox{background:rgba(255,255,255,.35)!important;border:1px solid rgba(23,21,31,.35)!important;border-radius:0!important;box-shadow:none!important;padding:10px 20px!important;font-size:0!important;line-height:1!important}
.ec-ar-row-wrap:nth-of-type(3n+2) .ec-ar-row .btn-checkbox,
.ec-ar-row-wrap:nth-of-type(3n+3) .ec-ar-row .btn-checkbox{background:rgba(255,255,255,.16)!important;border-color:rgba(243,238,228,.4)!important}
.ec-ar-row .btn-checkbox input[type="checkbox"]{position:absolute;opacity:0;pointer-events:none}
.ec-ar-row .btn-checkbox .fa{display:none!important}
.ec-ar-row .btn-checkbox::after{content:"SELECT";font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.24em;text-indent:.24em}
.ec-ar-row .btn-checkbox.btn-checkbox-checked{background:#ED1C24!important;border-color:#ED1C24!important}
.ec-ar-row .btn-checkbox.btn-checkbox-checked,.ec-ar-row .btn-checkbox.btn-checkbox-checked *{color:#F3EEE4!important}
.ec-ar-row .btn-checkbox.btn-checkbox-checked::after{content:"SELECTED"}

/* -- CTA row / presale alert / voucher -- */
.ec-ar-cta-row{display:flex;justify-content:flex-end;padding-top:20px;border-top:1px solid rgba(226,222,240,.16);margin-top:10px}
.ec-ar-wrap .btn-primary.ec-ar-cta-btn{background:#ED1C24!important;color:#F3EEE4!important;font-family:'Bebas Neue',Impact,sans-serif!important;font-size:26px!important;letter-spacing:.08em!important;padding:16px 40px 14px!important;border:0!important;border-radius:0!important;box-shadow:0 16px 40px rgba(196,32,44,.35)!important;text-transform:uppercase!important;min-width:260px}
.ec-ar-wrap .btn-primary.ec-ar-cta-btn:hover{transform:translateY(-2px)!important;background:#FF2A32!important}
.ec-ar-presale-alert{margin:24px 0!important}
.ec-ar-voucher{margin-top:48px;padding:26px 30px 28px;background:rgba(19,15,42,.82);border:1px solid rgba(226,222,240,.14)}
.ec-ar-voucher .ec-ar-section-label{margin-bottom:18px}
.ec-ar-voucher .form-control,.ec-ar-voucher input[type="text"]{background:#0E0B20!important;font-family:'DM Mono',monospace!important;font-size:12px!important;letter-spacing:.14em!important;color:#F3EEE4!important;border:1px solid rgba(226,222,240,.25)!important;border-radius:0!important}

/* -- WHEN / WHERE / PRESENTED BY: over the horizon art, on a dusk scrim -- */
.ec-ar-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding:60px 0 60px}
.ec-ar-info-col{border-top:1px solid #ED1C24;padding-top:22px;min-width:0}
.ec-ar-info-label{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:#ED1C24!important;margin-bottom:16px}
.ec-ar-info-big{font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(34px,3.4vw,50px);line-height:.95;color:#F3EEE4!important;text-transform:uppercase;overflow-wrap:normal;text-shadow:0 4px 24px rgba(10,6,24,.7)}
.ec-ar-info-meta{margin-top:12px;font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:rgba(226,222,240,.62)!important;line-height:1.8;text-shadow:0 2px 12px rgba(10,6,24,.7)}
img.ec-ar-info-hand{height:52px;width:auto;display:block;margin-top:16px;filter:drop-shadow(0 6px 18px rgba(10,6,24,.6))}

/* -- Mobile: the 16:9 KV card replaces the tall portrait poster
   (served via <picture>, so only one image downloads) -- */
@media(max-width:820px){
    .ec-ar-topbar{padding:14px 20px}
    img.ec-ar-topbar-wordmark{height:18px}
    .ec-ar-hero{grid-template-columns:1fr;padding:36px 20px 40px;min-height:0;gap:30px}
    h1.ec-ar-h1{font-size:clamp(72px,22vw,120px)!important}
    .ec-ar-poster{width:100%;order:-1;transform:rotate(1.1deg)}
    .ec-ar-tape{width:72px;height:20px}
    .ec-ar-tape-tl{left:-14px;top:-8px}
    .ec-ar-tape-br{right:-14px;bottom:-6px}
    img.ec-ar-cut{display:none}
    .ec-ar-marq span{font-size:24px}
    .ec-ar-main{padding:56px 20px 30px}
    .ec-ar-row{grid-template-columns:1fr;gap:14px;padding:24px 22px}
    .ec-ar-row-name{font-size:38px!important}
    .ec-ar-price{font-size:46px}
    .ec-ar-status{text-align:left;min-width:0}
    .ec-ar-cta-row{justify-content:stretch}
    .ec-ar-wrap .btn-primary.ec-ar-cta-btn{width:100%;min-width:0}
    .ec-ar-info{grid-template-columns:1fr;gap:28px;padding:40px 0 40px}
    .ec-ar-wrap{background-size:100% 100%,160% auto}
}

/* -- Reduced motion -- */
@media (prefers-reduced-motion:reduce){.ec-ar-wrap *{transition:none!important;animation:none!important}}

/* -- Hide the default pretix event-header band on the index page (belt and
   braces with the base.html guard) -- */
body:has(.ec-ar-wrap) .page-header{display:none!important}