/* Alrobo Events Experience v8.26.21 */
.robo-events-experience{
  --ev-bg:#070a08;--ev-panel:#0d120f;--ev-panel2:#111813;
  --ev-line:rgba(255,255,255,.09);--ev-text:#fffdf5;--ev-muted:#98a098;
  --ev-red:#ff4c43;--ev-yellow:#ffd34a;--ev-green:#2fdc82;
  color:var(--ev-text);background:
    radial-gradient(circle at -6% 15%,rgba(255,76,67,.15),transparent 29%),
    radial-gradient(circle at 105% 12%,rgba(47,220,130,.11),transparent 27%),
    var(--ev-bg);
  min-height:60vh;padding:18px 0 110px;
}
.robo-events-experience *{box-sizing:border-box}
.robo-events-experience .ev-wrap{width:min(1420px,calc(100% - 30px));margin-inline:auto}
.robo-events-experience .ev-hero{
  border:1px solid var(--ev-line);border-radius:30px;overflow:hidden;position:relative;min-height:330px;
  background:linear-gradient(90deg,rgba(6,9,7,.98) 0 42%,rgba(6,9,7,.58) 65%,rgba(6,9,7,.4)),var(--events-artist-image) center 20%/cover no-repeat;
  display:flex;align-items:center;padding:42px;
}
.robo-events-experience .ev-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,10,8,.7));pointer-events:none}
.robo-events-experience .ev-hero-content{position:relative;z-index:2;max-width:700px}
.robo-events-experience .ev-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#e3c06c;font-size:13px;font-weight:800}
.robo-events-experience .ev-eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ev-green);box-shadow:0 0 14px rgba(47,220,130,.5)}
.robo-events-experience .ev-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.02;margin:10px 0 12px;color:var(--ev-text)}
.robo-events-experience .ev-hero p{color:#b1b7b2;line-height:1.9;max-width:600px;margin:0;font-size:15px}
.robo-events-experience .ev-hero-actions,.robo-events-experience .ev-actions{display:flex;gap:10px;flex-wrap:wrap}
.robo-events-experience .ev-hero-actions{margin-top:22px}
.robo-events-experience .ev-primary,.robo-events-experience .ev-secondary{
  display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font-weight:900;text-decoration:none;transition:.2s ease
}
.robo-events-experience .ev-primary{border:0;color:#08110a;background:linear-gradient(90deg,var(--ev-red),var(--ev-yellow),var(--ev-green))}
.robo-events-experience .ev-secondary{border:1px solid var(--ev-line);background:#111713;color:#fff}
.robo-events-experience .ev-primary:hover,.robo-events-experience .ev-secondary:hover{transform:translateY(-1px)}
.robo-events-experience .ev-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 18px}
.robo-events-experience .ev-tabs{display:flex;gap:8px}
.robo-events-experience .ev-tab{border-radius:999px;background:#161d18;color:#cbd0cc;padding:10px 15px;font-weight:800;text-decoration:none}
.robo-events-experience .ev-tab.is-active{background:#fff;color:#111}
.robo-events-experience .ev-small-note{color:#8f9791;font-size:13px}
.robo-events-experience .ev-featured{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--ev-line);border-radius:26px;overflow:hidden;background:#0c110e;margin-bottom:24px}
.robo-events-experience .ev-featured-visual{min-height:420px;position:relative;background:#121813;overflow:hidden}
.robo-events-experience .ev-featured-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 22%}
.robo-events-experience .ev-featured-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(8,12,9,.65));pointer-events:none}
.robo-events-experience .ev-date-block{position:absolute;left:20px;bottom:20px;z-index:2;background:rgba(5,8,6,.78);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:13px 16px;text-align:center;min-width:86px;backdrop-filter:blur(12px)}
.robo-events-experience .ev-date-block b{display:block;font-size:30px;line-height:1;color:#fff}
.robo-events-experience .ev-date-block small{display:block;color:#b6bcb7;margin-top:4px}
.robo-events-experience .ev-featured-body{padding:32px;display:flex;flex-direction:column;justify-content:center}
.robo-events-experience .ev-badge{display:inline-flex;width:max-content;border-radius:999px;padding:7px 11px;background:#0f271a;color:#6cf1a6;font-size:12px;font-weight:900}
.robo-events-experience .ev-badge.status-sold_out,.robo-events-experience .ev-badge.status-cancelled{background:#311414;color:#ff9792}
.robo-events-experience .ev-badge.status-postponed{background:#2e2812;color:#f7d976}
.robo-events-experience .ev-badge.status-completed{background:#1b201c;color:#aeb5b0}
.robo-events-experience .ev-featured h2{font-size:36px;line-height:1.25;margin:14px 0 10px;color:#fff}
.robo-events-experience .ev-meta{display:grid;gap:9px;margin:10px 0 18px;color:#c9cfca;font-size:14px}
.robo-events-experience .ev-meta div{display:flex;align-items:center;gap:8px}
.robo-events-experience .ev-meta svg{width:18px;height:18px;color:#9da59f;flex:0 0 auto}
.robo-events-experience .ev-price{font-size:14px;color:#e5c977;margin-bottom:18px}
.robo-events-experience .ev-price strong{font-size:24px;color:#fff}
.robo-events-experience .ev-section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:30px 0 16px}
.robo-events-experience .ev-section-head h2{font-size:30px;margin:0;color:#fff}
.robo-events-experience .ev-section-head p{color:#8f9791;margin:6px 0 0;font-size:13px}
.robo-events-experience .ev-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.robo-events-experience .ev-card{border:1px solid var(--ev-line);border-radius:20px;background:#0b100d;overflow:hidden;transition:.2s;color:inherit;text-decoration:none;min-width:0}
.robo-events-experience .ev-card:hover{transform:translateY(-3px);background:#0e1510}
.robo-events-experience .ev-cover{aspect-ratio:16/10;position:relative;background:#151b17;overflow:hidden}
.robo-events-experience .ev-cover img{width:100%;height:100%;object-fit:cover;object-position:center 22%;display:block}
.robo-events-experience .ev-status{position:absolute;top:12px;right:12px;padding:7px 10px;border-radius:999px;background:rgba(5,9,6,.82);border:1px solid rgba(255,255,255,.12);font-size:11px;font-weight:900;color:#fff;z-index:2}
.robo-events-experience .ev-card-body{padding:16px}
.robo-events-experience .ev-card h3{font-size:20px;margin:0 0 10px;line-height:1.35;color:#fff}
.robo-events-experience .ev-date{color:#e1c16f;font-weight:800;font-size:13px;margin-bottom:7px}
.robo-events-experience .ev-loc{color:#9da59f;font-size:13px;line-height:1.7;min-height:23px}
.robo-events-experience .ev-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:13px;border-top:1px solid var(--ev-line)}
.robo-events-experience .ev-card-footer b{font-size:13px;color:#fff}.robo-events-experience .ev-card-footer span{color:#949c96;font-size:12px}
.robo-events-experience .ev-empty{border:1px solid var(--ev-line);border-radius:22px;background:#0c110e;padding:44px 24px;text-align:center;color:#9da59f}
.robo-events-experience .ev-empty h2{color:#fff;margin:0 0 8px;font-size:24px}
.robo-events-experience .ev-footer-cta{margin-top:32px;border:1px solid var(--ev-line);border-radius:24px;padding:24px;background:linear-gradient(135deg,rgba(255,76,67,.06),rgba(47,220,130,.06));display:flex;justify-content:space-between;align-items:center;gap:20px}
.robo-events-experience .ev-footer-cta h3{font-size:24px;margin:0 0 6px;color:#fff}.robo-events-experience .ev-footer-cta p{margin:0;color:#9da59f;font-size:13px}
/* detail */
.robo-events-experience.ev-detail-page{padding-top:18px}
.robo-events-experience .ev-back{display:inline-flex;align-items:center;gap:7px;color:#aab1ab;font-weight:800;margin:4px 0 18px;text-decoration:none}
.robo-events-experience .ev-back svg{width:18px;height:18px}
.robo-events-experience .ev-detail-hero{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:18px;align-items:stretch}
.robo-events-experience .ev-detail-cover{min-height:520px;border:1px solid var(--ev-line);border-radius:28px;overflow:hidden;background:#121813;position:relative}
.robo-events-experience .ev-detail-cover img{width:100%;height:100%;object-fit:cover;object-position:center 20%;position:absolute;inset:0}
.robo-events-experience .ev-detail-info{border:1px solid var(--ev-line);border-radius:28px;background:#0c110e;padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.robo-events-experience .ev-detail-info h1{font-size:38px;line-height:1.25;margin:14px 0 12px;color:#fff}
.robo-events-experience .ev-detail-desc{color:#a8afa9;line-height:1.9;margin:0 0 20px}
.robo-events-experience .ev-info-list{display:grid;gap:0;border-top:1px solid var(--ev-line);margin-top:8px}
.robo-events-experience .ev-info-row{display:grid;grid-template-columns:100px 1fr;gap:12px;padding:13px 0;border-bottom:1px solid var(--ev-line);font-size:14px}
.robo-events-experience .ev-info-row span:first-child{color:#89928b}.robo-events-experience .ev-info-row b{color:#fff;min-width:0;overflow-wrap:anywhere}
.robo-events-experience .ev-actions{margin-top:20px}
.robo-events-experience .ev-note-box{margin-top:18px;background:#111713;border:1px solid var(--ev-line);border-radius:18px;padding:17px}
.robo-events-experience .ev-note-box h3{font-size:16px;margin:0 0 8px;color:#fff}.robo-events-experience .ev-note-box p{margin:0;color:#a7aea8;line-height:1.8;font-size:13px}
.robo-events-experience .ev-related{margin-top:28px}
.robo-events-experience .ev-related .ev-section-head{margin-top:0}
@media(max-width:1000px){
  .robo-events-experience .ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .robo-events-experience .ev-detail-hero{grid-template-columns:1fr 360px}
}
@media(max-width:720px){
  .robo-events-experience{padding:0 0 80px}
  .robo-events-experience .ev-wrap{width:100%}
  .robo-events-experience .ev-hero{border-radius:0;border-inline:0;min-height:270px;padding:26px 18px;background:linear-gradient(180deg,rgba(6,9,7,.38),rgba(6,9,7,.97) 84%),var(--events-artist-image) center 18%/cover no-repeat}
  .robo-events-experience .ev-hero-content{align-self:end}.robo-events-experience .ev-hero h1{font-size:42px}.robo-events-experience .ev-hero p{font-size:14px}
  .robo-events-experience .ev-toolbar{padding:0 16px;margin:18px 0 14px}.robo-events-experience .ev-small-note{display:none}
  .robo-events-experience .ev-featured{margin:0 16px 24px;grid-template-columns:1fr;border-radius:22px}
  .robo-events-experience .ev-featured-visual{min-height:300px}.robo-events-experience .ev-featured-visual:after{background:linear-gradient(180deg,transparent 60%,rgba(8,12,9,.8))}
  .robo-events-experience .ev-featured-body{padding:20px}.robo-events-experience .ev-featured h2{font-size:28px}
  .robo-events-experience .ev-section-head{padding:0 16px;margin-top:28px}
  .robo-events-experience .ev-grid{display:flex;overflow-x:auto;gap:14px;padding:0 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none}
  .robo-events-experience .ev-grid::-webkit-scrollbar{display:none}.robo-events-experience .ev-card{min-width:78vw;scroll-snap-align:start}
  .robo-events-experience .ev-footer-cta{margin:26px 16px 0;display:block}.robo-events-experience .ev-footer-cta .ev-secondary{margin-top:14px}
  .robo-events-experience.ev-detail-page{padding-top:0}.robo-events-experience .ev-back{margin:16px}.robo-events-experience .ev-detail-hero{display:flex;flex-direction:column;gap:0}
  .robo-events-experience .ev-detail-cover{border-radius:0;border-inline:0;min-height:340px}.robo-events-experience .ev-detail-info{border-radius:0;border-inline:0;padding:22px 18px}
  .robo-events-experience .ev-detail-info h1{font-size:30px}.robo-events-experience .ev-info-row{grid-template-columns:82px 1fr}.robo-events-experience .ev-related{padding:0 16px}
  .robo-events-experience .ev-related .ev-grid{padding:0;display:grid;grid-template-columns:1fr;overflow:visible}.robo-events-experience .ev-related .ev-card{min-width:0}
}