/* Culture Club composition. Scope marketplace refinements to Hype's Culture theme. */
html[data-culture="club"] .top {
  padding: 14px clamp(16px, 2.05vw, 38px) 0;
  gap: 2px 22px;
}
html[data-culture="club"] #main {
  padding-inline: clamp(16px, 2.05vw, 38px);
}
html[data-culture="club"] #main:has(.cc-home) { padding-top: 9px; }
html[data-culture="club"] .culture-departments { gap: 0 clamp(17px, 2.65vw, 44px); }
html[data-culture="club"] .culture-departments a { white-space: nowrap; }
html[data-culture="club"] .top .create-btn { padding-inline: 20px; }
html[data-culture="club"] .top .saved-btn { order: -3; }
html[data-culture="club"] .top .inbox { order: -2; }
html[data-culture="club"] .top .me-btn { margin-left: 9px; }

.cc-home { display: grid; gap: 10px; }
.cc-campaigns { gap: 12px; grid-template-columns: 2.56fr 1fr; }
.cc-campaigns .culture-main-campaign { min-height: clamp(264px, 19.2vw, 355px); }
.cc-campaigns .culture-main-campaign > img { object-position: 64% 46%; }
.cc-campaigns .culture-main-campaign::after {
  background: linear-gradient(90deg, #101012 1%, #101012dc 21%, #10101245 48%, transparent 69%);
}
.cc-campaigns .culture-hero-copy { max-width: 100%; padding: 22px clamp(17px, 1.7vw, 36px); }
.cc-campaigns .culture-hero-copy h1 {
  margin: 0 0 9px;
  font-size: clamp(42px, 4.35vw, 80px);
  line-height: .93;
  letter-spacing: -.065em;
}
.cc-campaigns .culture-hero-copy p { margin: 13px 0 20px; font-size: clamp(15px, 1.22vw, 19px); }
.cc-campaigns .culture-hero-copy .btn { font-size: clamp(15px, 1.22vw, 19px); padding-block: 8px; }
.cc-campaigns .culture-side-campaigns { gap: 10px; }
.cc-campaigns .culture-campaign { min-height: 0; }
.cc-campaigns .culture-campaign > img { object-position: right center; }
.cc-campaigns .culture-campaign > span { font-size: clamp(19px, 1.72vw, 33px); padding: 16px 19px; }

.cc-chips, .cc-find-head, .cc-section-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 11px;
}
.cc-chips a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 5px 14px;
  border-radius: 999px;
  border: 1px solid var(--ink2);
  color: var(--ink);
  font-size: 14px;
  font-weight: 650;
  white-space: nowrap;
}
.cc-chips .cc-chip-active, .cc-chips a[aria-current="page"] { color: #16180d; background: #e7f96c; border-color: #e7f96c; }
.cc-find { border-top: 1px solid var(--line); padding-top: 2px; }
.cc-find-head { gap: 4px clamp(14px, 3.7vw, 60px); margin-bottom: 7px; }
.cc-find-head h2, .cc-section-head h2, .cc-live > h2, .cc-saved h2 {
  margin: 0;
  font-size: clamp(25px, 2.1vw, 38px);
  line-height: 1.07;
  letter-spacing: -.05em;
  font-weight: 900;
}
.cc-find-head .culture-feed-tabs { align-self: center; }
.cc-find-head .culture-feed-tabs a[aria-current="page"] { color: var(--acc); }
.cc-edit-note { margin-left: auto; color: var(--ink2); font-size: 14px; }
.cc-edits { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.culture-product-image .culture-cover-placeholder { display: block; width: 100%; height: 100%; }
.cc-edit { min-width: 0; position: relative; }
.cc-edit > a { display: block; }
.cc-edit img {
  width: 100%;
  height: auto;
  aspect-ratio: 1.59;
  display: block;
  object-fit: cover;
  border-radius: 10px;
  background: var(--bg2);
}
.cc-edit strong, .cc-edit > a > span { display: block; overflow-wrap: anywhere; }
.cc-edit strong { font-size: 15px; margin-top: 6px; line-height: 1.25; }
.cc-edit > a > span { color: var(--ink2); font-size: 14px; margin-top: 2px; }
.cc-edit .cc-heart { top: 5px; right: 5px; background: #111114ab; border-color: transparent; }
.cc-edit .cc-heart .ic { width: 22px; height: 22px; }

.cc-makers {
  display: grid;
  grid-template-columns: minmax(175px, .82fr) repeat(2, minmax(0, 1.7fr));
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 14px;
  margin-top: 4px;
  background: #bea4f8;
  color: #17131b;
}
.cc-makers h2 {
  margin: 0;
  font-size: clamp(24px, 2.13vw, 38px);
  line-height: .97;
  letter-spacing: -.065em;
  font-weight: 900;
}
.cc-makers article {
  display: grid;
  grid-template-columns: minmax(60px, .88fr) minmax(92px, 1.1fr) minmax(90px, 1.43fr);
  align-items: center;
  gap: 9px;
  padding-left: 12px;
  border-left: 1px solid #654c8b;
}
.cc-makers figure { position: relative; min-width: 0; margin: 0; }
.cc-makers figure img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1.22;
  object-fit: cover;
  border-radius: 10px;
}
.cc-makers figcaption {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  border-radius: 4px;
  color: #f7f5ef;
  background: #17131be8;
  padding: 2px 3px;
  font-size: 14px;
  line-height: 1.15;
  text-align: center;
}
.cc-maker-copy { min-width: 0; }
.cc-maker-name { display: flex; align-items: center; gap: 5px; min-height: 25px; overflow-wrap: anywhere; line-height: 1.12; }
.cc-maker-name .av { width: 22px; height: 22px; flex: none; }
.cc-maker-copy p { font-size: 14px; line-height: 1.15; margin: 5px 0; overflow-wrap: anywhere; }
.cc-makers .btn {
  background: #e7f96c;
  border-color: #e7f96c;
  color: #171b0e;
  min-width: 77px;
  padding: 5px 11px;
  font-weight: 800;
}
.cc-maker-edits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px; }
.cc-maker-edits a { min-width: 0; }
.cc-maker-edits img { display: block; width: 100%; height: auto; aspect-ratio: .96; object-fit: cover; border-radius: 7px; }

.cc-services { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.cc-services a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: clamp(94px, 6.7vw, 136px);
  border: 1px solid #766e67;
  border-radius: 11px;
  overflow: hidden;
  position: relative;
  isolation: isolate;
  background: #1c1816;
  color: #f7f5ef;
}
.cc-services img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: left 44%; }
.cc-services a::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, transparent 23%, #1c181654 45%, #151211ea 71%); }
.cc-services span { width: 46%; padding: 8px 12px; font-size: clamp(18px, 1.58vw, 28px); letter-spacing: -.035em; line-height: .99; }
.cc-services .ic { display: block; width: 24px; height: 24px; margin-top: 5px; }

.cc-live, .cc-saved { margin: 20px 0 26px; padding-top: 14px; border-top: 1px solid var(--line); }
.cc-section-head { justify-content: space-between; margin-bottom: 12px; }
.cc-section-head p { margin: 0 0 5px; color: var(--acc); font-size: 14px; }
.cc-live > .cc-chips { margin-top: 14px; }
.cc-live > h2 { margin-bottom: 12px; }
.cc-detail { max-width: 1220px; margin-inline: auto; }
.cc-detail-head { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: clamp(16px, 4vw, 50px); margin-top: 10px; }
.cc-detail-head > img { display: block; width: 100%; height: auto; border-radius: 12px; }
.cc-detail-head h1 { font-size: clamp(31px, 4.5vw, 72px); line-height: 1.01; letter-spacing: -.055em; overflow-wrap: anywhere; margin: 5px 0 12px; }
.cc-detail-head .culture-eyebrow { color: var(--acc); font-size: 14px; }
.cc-detail-head .row { margin-top: 16px; }
.cc-detail-head p { font-size: 16px; color: var(--ink2); }
.cc-agenda { max-width: 1080px; margin: auto; }
.cc-agenda-day { margin: 22px 0; }
.cc-agenda-day h2 { margin: 0; padding: 8px 0; color: var(--acc); font-size: 20px; border-bottom: 1px solid var(--line); }
.cc-agenda-day ul { margin: 0; padding: 0; list-style: none; }
.cc-agenda-day li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 16px;
  border-bottom: 1px solid var(--line);
  padding: 8px 0;
}
.cc-agenda-title { display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 56px; }
.cc-agenda-title img, .cc-agenda-icon { width: 56px; height: 56px; flex: none; border-radius: 8px; object-fit: cover; background: var(--bg2); }
.cc-agenda-icon { display: grid; place-items: center; color: var(--acc); }
.cc-agenda-title strong, .cc-agenda-title small { display: block; overflow-wrap: anywhere; }
.cc-agenda-title strong { font-size: 17px; line-height: 1.24; }
.cc-agenda-title small { font-size: 14px; color: var(--ink2); }
.cc-agenda-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
.cc-agenda-meta b { border-radius: 999px; padding: 4px 9px; background: var(--acc-soft); color: var(--link); }

@media (min-width: 1000px) {
  .cc-home .cc-chips a { min-height: 32px; }
}
@media (max-width: 1050px) {
  .cc-makers { grid-template-columns: 1fr 1fr; }
  .cc-makers h2 { grid-column: 1 / -1; }
  .cc-makers h2 br { display: none; }
  .cc-makers h2 br::after { content: ' '; }
  .cc-makers article { border-left: 0; padding-left: 0; }
  .cc-edits { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 759px) {
  html[data-culture="club"] .top {
    padding: calc(8px + env(safe-area-inset-top, 0px)) 16px 0;
    gap: 5px 10px;
  }
  html[data-culture="club"] .culture-departments {
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: thin;
    gap: 0 18px;
  }
  html[data-culture="club"] .culture-departments a { min-height: 44px; font-size: 14px; }
  html[data-culture="club"] .top .create-btn { padding-inline: 12px; }
  html[data-culture="club"] .top .me-btn { margin-left: 1px; }
  .cc-home { gap: 12px; }
  .cc-campaigns { grid-template-columns: 1fr; gap: 8px; }
  .cc-campaigns .culture-side-campaigns { grid-template-rows: minmax(112px, auto); gap: 8px; }
  .cc-campaigns .culture-main-campaign { min-height: 246px; }
  .cc-campaigns .culture-main-campaign > img { object-position: 59% center; }
  .cc-campaigns .culture-main-campaign::after { background: linear-gradient(90deg, #101012dc, #10101255); }
  .cc-campaigns .culture-hero-copy h1 { font-size: clamp(32px, 9.8vw, 50px); }
  .cc-campaigns .culture-hero-copy p { max-width: 240px; }
  .cc-campaigns .culture-campaign > span { padding: 12px 10px; max-width: 100%; }
  .cc-chips a { min-height: 44px; }
  .cc-home > .cc-chips { flex-wrap: nowrap; overflow: auto; padding-bottom: 3px; scrollbar-width: thin; }
  .cc-find-head h2 { flex-basis: 100%; }
  .cc-find-head .cc-edit-note { margin-left: 0; }
  .cc-edits { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 10px; }
  .cc-makers { grid-template-columns: 1fr; padding: 14px; gap: 16px; }
  .cc-makers article { grid-template-columns: minmax(74px, .85fr) minmax(82px, 1fr) minmax(88px, 1fr); }
  .cc-makers h2 { font-size: 31px; }
  .cc-services { grid-template-columns: 1fr; }
  .cc-services span { font-size: 22px; }
  .cc-detail-head { grid-template-columns: 1fr; }
  .cc-agenda-day li { grid-template-columns: minmax(0, 1fr); }
  .cc-agenda-meta { padding-left: 68px; }
}
@media (max-width: 360px) {
  .cc-campaigns .culture-campaign > span { font-size: 17px; }
  .cc-makers article { grid-template-columns: minmax(65px, 1fr) minmax(75px, 1.2fr) minmax(70px, 1fr); }
}