/* Homepage hero placement only. Loaded on the front page. */

.home .cc-home-hero-fit.cc-home-hero-scene{
  --cc-hero-top-bleed:84px;
  min-height:100svh;
  height:auto;
  justify-content:flex-start;
  padding-bottom:0;
}

.home .cc-home-hero-fit .cc-home-hero-scene__photo{
  object-position:center 46%;
  filter:saturate(1.04) contrast(1.02) brightness(1);
}

.home .cc-home-hero-fit .cc-home-hero-scene__bg-layer--photo::before{
  opacity:.08;
  filter:none;
}

.home .cc-home-hero-fit .cc-home-hero-scene__bg-layer--photo::after{
  opacity:.22;
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.04) 28%, rgba(255,255,255,.08) 70%, rgba(247,247,248,.45) 100%);
}

.home .cc-home-hero-fit .cc-home-hero-scene__grid-flow,
.home .cc-home-hero-fit .cc-home-hero-scene__pulse,
.home .cc-home-hero-fit .cc-home-hero-scene__glow-arc,
.home .cc-home-hero-fit .cc-home-hero-scene__dust{
  opacity:.16;
}

.home .cc-home-hero-fit .cc-home-hero-scene__vignette{
  background:
    linear-gradient(180deg, rgba(247,247,248,.14) 0%, transparent 12%),
    linear-gradient(0deg, rgba(247,247,248,.55) 0%, transparent 64px);
}

.home .cc-home-hero-fit.cc-home-hero-scene::after{
  height:48px;
  background:linear-gradient(180deg, rgba(247,247,248,0) 0%, rgba(247,247,248,.7) 70%, #f7f7f8 100%);
}

.home .cc-home-hero-fit .cc-home-hero-scene__wrap{
  width:min(1060px, calc(100vw - 48px));
  max-width:1060px;
  padding-top:clamp(4px, 1.2vh, 16px);
  padding-inline:0;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card{
  border-radius:30px;
  background:rgba(255,255,255,.66);
  border:1px solid rgba(255,255,255,.78);
  box-shadow:0 24px 60px rgba(15,23,42,.12);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.home .cc-home-hero-fit .cc-home-shell--hero-card::after,
.home .cc-home-hero-fit .cc-hero__grid,
.home .cc-home-hero-fit .cc-hero__orb,
.home .cc-home-hero-fit .cc-hero__network,
.home .cc-home-hero-fit .cc-hero__photo-ambients{
  display:none;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card.cc-home-shell .cc-hero.cc-hero--home-v2{
  background:none;
  padding:20px 26px !important;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card.cc-home-shell .cc-hero.cc-hero--home-v2::before,
.home .cc-home-hero-fit .cc-home-shell--hero-card.cc-home-shell .cc-hero.cc-hero--home-v2::after{
  opacity:0;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero__inner--home-shell{
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr) !important;
  gap:24px !important;
  align-items:center !important;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-hero__title{
  max-width:18ch !important;
  margin:0 !important;
  font-size:clamp(28px, 2.15vw, 36px) !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  font-weight:800 !important;
  color:#1a1d23 !important;
  text-wrap:balance;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-hero__subtitle{
  max-width:42ch !important;
  margin-top:8px !important;
  margin-bottom:0 !important;
  font-size:15px !important;
  line-height:1.5 !important;
  letter-spacing:-.011em !important;
  color:#3a4150 !important;
  text-wrap:pretty;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero__left .cc-hero__actions{
  margin-top:12px !important;
  gap:10px !important;
}

.home .cc-home-hero-fit .cc-hero__right-event{
  max-width:none;
  width:100%;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event{
  max-width:none !important;
  width:100% !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border-radius:0 !important;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-card-header{
  margin-bottom:8px;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-card-header-title{
  font-size:11px;
  letter-spacing:.08em;
  color:#5c6370;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-preview{
  gap:8px;
  padding:12px 14px;
  border-radius:20px;
  background:rgba(255,255,255,.74);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-preview-title{
  margin:0;
  font-size:clamp(18px, 1.35vw, 22px);
  line-height:1.15;
  letter-spacing:-.03em;
  font-weight:800;
  color:#1a1d23;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-grid{
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item{
  min-height:0;
  padding:8px 10px;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(17,24,39,.06);
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item--date{
  grid-column:1 / -1;
}
.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item--city,
.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item--format{
  grid-column:auto;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-label{
  font-size:9px;
  letter-spacing:.08em;
  margin-bottom:3px;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-value,
.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item--city .event-meta-value,
.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item--format .event-meta-value{
  font-size:13px;
  line-height:1.25;
  font-weight:700;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
}

.home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-preview-button{
  margin-top:2px;
  min-width:0;
  height:38px;
  font-size:13px;
}

@media (max-width:1366px){
  .home .cc-home-hero-fit .cc-home-shell--hero-card.cc-home-shell .cc-hero.cc-hero--home-v2{
    padding:22px 24px !important;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero__inner--home-shell{
    gap:18px !important;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-hero__title{
    font-size:clamp(28px, 2.5vw, 34px) !important;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-hero__subtitle{
    font-size:14px !important;
  }
}

@media (max-width:1180px){
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero__inner--home-shell{
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  }
}

@media (max-width:1080px){
  .home .cc-home-hero-fit.cc-home-hero-scene{
    min-height:0;
    --cc-hero-top-bleed:84px;
  }
  .home .cc-home-hero-fit .cc-home-hero-scene__wrap{
    width:min(720px, calc(100vw - 32px));
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero__inner--home-shell{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
  .home .cc-home-hero-fit .cc-home-hero-scene__photo{
    object-position:center 38%;
  }
  .home .cc-home-hero-fit .cc-hero__right-event,
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event{
    max-width:none !important;
  }
}

@media (max-width:768px){
  .home .cc-home-hero-fit.cc-home-hero-scene{
    --cc-hero-top-bleed:76px;
  }
  .home .cc-home-hero-fit .cc-home-hero-scene__wrap{
    width:calc(100% - 20px);
    padding-top:6px;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card{
    border-radius:24px;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card.cc-home-shell .cc-hero.cc-hero--home-v2{
    padding:18px 16px !important;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-hero__title{
    max-width:none !important;
    font-size:clamp(28px, 8vw, 34px) !important;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero__left .cc-hero__actions{
    flex-direction:column;
    align-items:stretch;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-hero__actions .cc-btn{
    width:100%;
    justify-content:center;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-preview-button{
    width:100%;
  }
  .home .cc-home-hero-fit .cc-home-hero-scene__photo{
    object-position:center 32%;
  }
}

@media (max-width:360px){
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-grid{
    grid-template-columns:1fr;
  }
  .home .cc-home-hero-fit .cc-home-shell--hero-card .cc-hero[data-hero-motion] .cc-panel.cc-panel--hero-event .event-meta-item--date{
    grid-column:auto;
  }
}
