:root{
    --paper:#F1F0EA;
    --paper-raised:#FAF9F5;
    --ink:#15171E;
    --ink-soft:#5A5D68;
    --line:#D8D5CB;
    --indigo:#243370;
    --indigo-deep:#161F45;
    --amber:#D98E2B;
    --teal:#2F6B63;
    --red:#B54233;
    --white:#FFFFFF;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    background:var(--paper);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3,.display{
    font-family:'Fraunces',serif;
    font-weight:500;
    margin:0;
    letter-spacing:-0.01em;
  }
  a{color:inherit;text-decoration:none;}
  button{font-family:inherit;cursor:pointer;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  .button {
  align-items: center;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-flex;
  font-weight: 800;
  justify-content: center;
  min-height: 50px;
  padding: 13px 20px;
  transition: transform 180ms ease, background 180ms ease, border-color 180ms ease;
}
  /* ---------- Header ---------- */
  header{
    border-bottom:1px solid var(--line);
    background:var(--paper);
    position:sticky;top:0;z-index:50;
  }
  .headbar{
    display:flex;align-items:center;justify-content:space-between;
    padding:20px 32px;max-width:1180px;margin:0 auto;
    gap:24px;
  }
  .logo{
    font-family:'Fraunces',serif;font-style:italic;font-weight:500;
    font-size:24px;letter-spacing:-0.01em;color:var(--indigo-deep);
    white-space:nowrap;background:none;border:none;padding:0;
  }
  nav.mainnav{display:flex;gap:28px;font-size:14.5px;color:var(--ink-soft);}
  nav.mainnav a,nav.mainnav button{padding:6px 0;border-bottom:2px solid transparent;transition:border-color .15s;background:none;border-top:none;border-left:none;border-right:none;color:var(--ink-soft);font-size:14.5px;}
  nav.mainnav a:hover,nav.mainnav button:hover{border-bottom-color:var(--amber);color:var(--ink);}
  .head-actions{display:flex;align-items:center;gap:14px;}
  .btn{
    padding:10px 18px;border-radius:3px;font-size:14px;font-weight:600;border:1px solid transparent;display:inline-block;
  }
  .btn-ghost{color:var(--indigo-deep);border-color:var(--line);background:var(--paper-raised);}
  .btn-ghost:hover{border-color:var(--indigo-deep);}
  .btn-primary{background:var(--indigo-deep);color:var(--white);}
  .btn-primary:hover{background:var(--indigo);}
  .btn-amber{background:var(--amber);color:var(--indigo-deep);}
  .btn-amber:hover{background:#c47f22;}
  .btn:disabled{opacity:.55;cursor:default;}


  .headbar img {width: 180px; padding: 10px 0 10px 0;}
  .foot-col img {width: 180px; padding: 10px 0 10px 0;}

  /* ---------- Hero ---------- */
  .hero{
    border-bottom:1px solid var(--line);
    background:var(--paper);
  }
  .hero-inner{
    max-width:1180px;margin:0 auto;padding:64px 32px 56px;
    display:grid;grid-template-columns:1.15fr 0.85fr;gap:56px;align-items:center;
  }
  .hero h1{font-size:46px;line-height:1.08;color:var(--indigo-deep);}
  .hero p.lede{font-size:17px;color:var(--ink-soft);margin:20px 0 0;max-width:44ch;line-height:1.55;}

  .search-card{
    margin-top:32px;background:var(--paper-raised);
    border:1px solid var(--line);border-radius:4px;
    padding:22px;position:relative;
  }
  .search-row{display:grid;grid-template-columns:1.3fr 1fr 1fr auto;gap:0;}
  .search-field{padding:10px 16px;border-right:1px solid var(--line);}
  .search-field:last-of-type{border-right:none;}
  .search-field label{display:block;font-size:11.5px;color:var(--ink-soft);margin-bottom:4px;}
  .search-field input,.search-field select{
    border:none;background:transparent;font-family:inherit;font-size:14.5px;color:var(--ink);width:100%;padding:0;
  }
  .search-field input:focus,.search-field select:focus{outline:none;}
  .search-go{
    display:flex;align-items:center;justify-content:center;padding:0 22px;
    background:var(--indigo-deep);color:var(--white);border:none;border-radius:0 3px 3px 0;font-weight:600;font-size:14.5px;
  }
  .search-go:hover{background:var(--indigo);}
  .ticket-art{display:flex;justify-content:center;}
  .ticket-art img {width: 100%;}

  @media(max-width:860px){
    .hero-inner{grid-template-columns:1fr;padding:40px 20px;}
    .search-row{grid-template-columns:1fr;}
    .search-field{border-right:none;border-bottom:1px solid var(--line);}
    .search-go{border-radius:3px;margin-top:12px;padding:12px;}
    .headbar{padding:16px 20px;flex-wrap:wrap;}
    nav.mainnav{display:none;}
    .wrap{padding:0 20px;}
  }

  /* ---------- Section shell ---------- */
  section.block{padding:56px 0;border-bottom:1px solid var(--line);}
  .block-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px;gap:16px;flex-wrap:wrap;}
  .block-head h2{font-size:28px;color:var(--indigo-deep);}
  .block-head .sub{color:var(--ink-soft);font-size:14.5px;}

  /* ---------- Category chips ---------- */
  .chiprow{display:flex;flex-wrap:wrap;gap:10px;}
  .chip{padding:9px 16px;border:1px solid var(--line);border-radius:20px;font-size:13.5px;color:var(--ink-soft);background:var(--paper-raised);transition:all .15s;}
  .chip:hover{border-color:var(--indigo-deep);color:var(--indigo-deep);}
  .chip.active{background:var(--indigo-deep);color:var(--white);border-color:var(--indigo-deep);}

  /* ---------- Category cards ---------- */
  .cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
  .cat-card{
    display:flex;flex-direction:column;align-items:flex-start;gap:14px;
    padding:22px 20px;border-radius:12px;background:var(--paper-raised);
    border:1px solid var(--line);text-align:left;transition:transform .15s,box-shadow .15s,border-color .15s;
    box-shadow:0 1px 2px rgba(21,23,30,.04);
  }
  .cat-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(21,23,30,.09);border-color:var(--indigo-deep);}
  .cat-card.active{border-color:var(--indigo-deep);box-shadow:0 0 0 2px var(--indigo-deep) inset;}
  .cat-icon{
    width:44px;height:44px;border-radius:50%;background:var(--paper);
    display:flex;align-items:center;justify-content:center;flex-shrink:0;
  }
  .cat-icon svg{width:20px;height:20px;stroke:var(--ink);}
  .cat-name{font-size:15.5px;font-weight:700;color:var(--ink);line-height:1.3;}
  .cat-count{font-size:13px;color:var(--ink-soft);}
  .cat-card.view-all{
    background:linear-gradient(135deg,#F6E3C4,#F0D19E);
    border-color:#E8C287;align-items:center;justify-content:center;
    text-align:center;gap:6px;
  }
  .cat-card.view-all:hover{border-color:var(--amber);}
  .cat-card.view-all .cat-name{color:var(--amber);font-size:15.5px;}
  .cat-card.view-all svg{stroke:var(--amber);width:20px;height:20px;}
  @media(max-width:980px){
    .cat-grid{grid-template-columns:repeat(3,1fr);}
  }
  @media(max-width:560px){
    .cat-grid{grid-template-columns:repeat(2,1fr);}
  }
  .chip:hover{border-color:var(--indigo-deep);color:var(--indigo-deep);}
  .chip.active{background:var(--indigo-deep);color:var(--white);border-color:var(--indigo-deep);}

  /* ---------- Event agenda list ---------- */
  .agenda{border-top:1px solid var(--line);}
  .event-row{
    display:grid;grid-template-columns:78px 1px 1fr auto;gap:24px;align-items:center;
    padding:22px 4px;border-bottom:1px solid var(--line);
    cursor:pointer;transition:background .12s;background:none;width:100%;text-align:left;border-left:none;border-right:none;border-top:none;font-family:inherit;
  }
  .event-row:hover{background:var(--paper-raised);}
  .date-block{text-align:center;}
  .date-block .day{font-family:'Fraunces',serif;font-size:28px;line-height:1;color:var(--indigo-deep);font-weight:500;}
  .date-block .mon{font-size:11.5px;letter-spacing:.04em;color:var(--ink-soft);margin-top:4px;}
  .divider{background:var(--line);align-self:stretch;}
  .event-main .tag{display:inline-block;font-size:11.5px;color:var(--teal);background:#e8efed;padding:3px 9px;border-radius:3px;margin-bottom:8px;font-weight:600;}
  .event-main h3{font-size:18px;font-weight:600;font-family:'Inter',sans-serif;color:var(--ink);margin-bottom:4px;}
  .event-main .meta{font-size:13.5px;color:var(--ink-soft);}
  .event-side{display:flex;align-items:center;gap:14px;}
  .track-btn{padding:9px 16px;border:1px solid var(--indigo-deep);color:var(--indigo-deep);background:transparent;border-radius:3px;font-size:13.5px;font-weight:600;white-space:nowrap;}
  .track-btn:hover{background:var(--indigo-deep);color:var(--white);}
  .track-btn.tracked{background:var(--teal);border-color:var(--teal);color:var(--white);}

  @media(max-width:640px){
    .event-row{grid-template-columns:56px 1px 1fr;}
    .event-side{grid-column:1/-1;justify-content:flex-start;margin-top:10px;}
  }

  /* ---------- Pagination ---------- */
  .pagination{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:28px 4px 4px;}
  .page-btn{min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:3px;background:var(--paper-raised);color:var(--ink-soft);font-size:13.5px;font-weight:600;transition:all .12s;}
  .page-btn:hover:not(:disabled){border-color:var(--indigo-deep);color:var(--indigo-deep);}
  .page-btn.active{background:var(--indigo-deep);border-color:var(--indigo-deep);color:var(--white);}
  .page-btn:disabled{opacity:.4;cursor:not-allowed;}
  .page-ellipsis{color:var(--ink-soft);font-size:13.5px;padding:0 4px;}

  /* ---------- Cities ---------- */
  .city-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);}
  .city-cell{background:var(--paper-raised);padding:22px 20px;transition:background .12s;border:none;text-align:left;font-family:inherit;width:100%;cursor:pointer;}
  .city-cell:hover{background:var(--white);}
  .city-cell h3{font-size:17px;font-family:'Inter',sans-serif;font-weight:600;}
  .city-cell .count{font-size:13px;color:var(--ink-soft);margin-top:4px;}
  @media(max-width:760px){.city-grid{grid-template-columns:repeat(2,1fr);}}

  /* ---------- Stat strip ---------- */
  .stat-strip{background:var(--indigo-deep);color:var(--white);padding:44px 0;border-bottom:1px solid var(--line);}
  .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;}
  .stat-grid .num{font-family:'Fraunces',serif;font-size:38px;font-weight:500;}
  .stat-grid .lbl{font-size:13.5px;color:#B9C0DC;margin-top:6px;}
  @media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr);row-gap:28px;}}

  /* ---------- Organizer CTA ---------- */
  .organizer-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center;background:var(--paper-raised);border:1px solid var(--line);border-radius:4px;padding:44px;}
  .organizer-cta h2{font-size:26px;color:var(--indigo-deep);margin-bottom:14px;}
  .organizer-cta p{color:var(--ink-soft);font-size:15px;line-height:1.6;max-width:46ch;}
  @media(max-width:760px){.organizer-cta{grid-template-columns:1fr;padding:28px;}}

  /* ---------- Footer ---------- */
  footer{padding:44px 0 32px;}
  .foot-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px;margin-bottom:36px;}
  .foot-col h4{font-size:13.5px;margin-bottom:14px;color:var(--ink);}
  .foot-col a,.foot-col button{display:block;font-size:13.5px;color:var(--ink-soft);margin-bottom:10px;background:none;border:none;padding:0;text-align:left;font-family:inherit;cursor:pointer;}
  .foot-col a:hover,.foot-col button:hover{color:var(--indigo-deep);}
  .foot-bottom{border-top:1px solid var(--line);padding-top:20px;font-size:12.5px;color:var(--ink-soft);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
  @media(max-width:760px){.foot-grid{grid-template-columns:1fr 1fr;}}

  /* ---------- Overlay / modal ---------- */
  .overlay-backdrop{position:fixed;inset:0;background:rgba(21,23,30,0.55);display:none;align-items:flex-start;justify-content:center;padding:64px 20px;z-index:100;overflow-y:auto;}
  .overlay-backdrop.open{display:flex;}
  .overlay{background:var(--paper-raised);max-width:560px;width:100%;border-radius:5px;border:1px solid var(--line);overflow:hidden;}
  .overlay-top{background:var(--indigo-deep);color:var(--white);padding:24px 28px;position:relative;}
  .overlay-top h2{font-size:22px;line-height:1.25;}
  .overlay-top .eyebrow{display:inline-block;font-size:11.5px;color:var(--indigo-deep);background:var(--amber);padding:3px 10px;border-radius:3px;font-weight:700;margin-bottom:12px;}
  .overlay-close{position:absolute;top:18px;right:22px;background:none;border:none;color:var(--white);font-size:22px;line-height:1;opacity:.8;}
  .overlay-close:hover{opacity:1;}
  .overlay-body{padding:26px 28px;}
  .overlay-body p{font-size:14.5px;line-height:1.65;color:var(--ink-soft);margin:0 0 18px;}

  .form-field{margin-bottom:16px;}
  .form-field label{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:6px;}
  .form-field input,.form-field select,.form-field textarea{
    width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:3px;font-family:inherit;font-size:14px;background:var(--white);color:var(--ink);
  }
  .form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid var(--amber);outline-offset:0;border-color:var(--amber);}
  .form-field textarea{resize:vertical;min-height:70px;}
  .form-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
  .field-error{font-size:12px;color:var(--red);margin-top:5px;display:none;}
  .field-error.show{display:block;}
  .success-box{background:#e8efed;border:1px solid var(--teal);border-radius:4px;padding:16px 18px;font-size:14px;color:var(--teal);}

  .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--indigo-deep);color:var(--white);padding:13px 22px;border-radius:4px;font-size:14px;z-index:200;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;}
  .toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

  /* ---------- Event detail page ---------- */
  .detail-hero{background:var(--indigo-deep);color:var(--white);padding:40px 0;}
  .back-link{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:#B9C0DC;font-size:13.5px;padding:0 0 20px;}
  .back-link:hover{color:var(--white);}
  .detail-hero .eyebrow{display:inline-block;font-size:11.5px;color:var(--indigo-deep);background:var(--amber);padding:3px 10px;border-radius:3px;font-weight:700;margin-bottom:14px;}
  .detail-hero h1{font-size:36px;line-height:1.15;max-width:26ch;}
  .detail-hero .meta-line{margin-top:14px;color:#B9C0DC;font-size:14.5px;}
  .detail-body{padding:44px 0;display:grid;grid-template-columns:1.5fr 1fr;gap:48px;}
  @media(max-width:860px){.detail-body{grid-template-columns:1fr;} .detail-hero h1{font-size:28px;}}
  .detail-body h3{font-size:18px;color:var(--indigo-deep);margin-bottom:14px;}
  .detail-body section{margin-bottom:38px;}
  .detail-body p.desc{font-size:15px;line-height:1.7;color:var(--ink-soft);}
  .schedule-day{margin-bottom:20px;}
  .schedule-day h4{font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;margin-bottom:10px;}
  .schedule-item{display:flex;gap:14px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13.5px;}
  .schedule-item .time{color:var(--ink-soft);width:64px;flex-shrink:0;}
  .sidebar-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:4px;padding:22px;margin-bottom:20px;}
  .sidebar-card h4{font-size:14.5px;margin-bottom:14px;}
  .tier{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);}
  .tier:last-child{border-bottom:none;}
  .tier .tname{font-size:14px;font-weight:600;}
  .tier .tprice{font-size:13.5px;color:var(--ink-soft);}
  .tier button{padding:7px 14px;border:1px solid var(--indigo-deep);background:transparent;color:var(--indigo-deep);border-radius:3px;font-size:12.5px;font-weight:600;}
  .tier button:hover{background:var(--indigo-deep);color:var(--white);}
  .organizer-card .oname{font-weight:600;font-size:15px;margin-bottom:4px;}
  .organizer-card .ocity{font-size:13px;color:var(--ink-soft);margin-bottom:14px;}


  .contact h2 {
  font-size: clamp(2rem, 4.2vw, 4.4rem);
}

.contact-copy p {
  color: var(--muted);
  font-size: 1.08rem;
  margin: 22px 0 0;
}

  .contact {
    grid-template-columns: 1fr;
  }

  .section-pad {
  padding: clamp(72px, 9vw, 128px) clamp(18px, 4vw, 54px);
}

    .contact-form {
    grid-template-columns: 1fr;
  }

  .contact {
  align-items: start;
  display: grid;
  gap: 42px;
  grid-template-columns: 0.8fr 1.2fr;
}

.contact-form {
  background: var(--white);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: clamp(22px, 4vw, 34px);
}

.contact-form label {
  color: var(--ink);
  display: grid;
  font-size: 0.88rem;
  font-weight: 800;
  gap: 8px;
}

.contact-form .full {
  grid-column: 1 / -1;
}

input,
select,
textarea {
  background: #fbfaf7;
  border: 1px solid var(--line);
  color: var(--ink);
  min-height: 48px;
  padding: 12px 13px;
  width: 100%;
}

textarea {
  min-height: 132px;
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--aqua);
  outline: 3px solid rgba(43, 154, 170, 0.18);
}

.form-status {
  color: var(--deep);
  font-weight: 700;
  grid-column: 1 / -1;
  margin: 0;
  min-height: 1.2em;
}

  .visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
  :focus-visible{outline:2px solid var(--amber);outline-offset:2px;}
  @media (prefers-reduced-motion: reduce){*{transition:none !important;}}