:root {  --fs-display: clamp(1.75rem, 1.25rem + 2.5vw, 3.25rem); --fs-h1: clamp(1.5rem, 1.07rem + 2.14vw, 2.75rem); --fs-h2: clamp(1.25rem, 0.91rem + 1.79vw, 2.25rem); --fs-h3: clamp(1.125rem, 0.91rem + 1.07vw, 1.75rem); --fs-h4: clamp(0.9375rem, 0.83rem + 0.54vw, 1.25rem); --fs-body-lg: clamp(1rem, 0.96rem + 0.18vw, 1.125rem); --fs-body: clamp(0.875rem, 0.83rem + 0.18vw, 1rem); --fs-sm: clamp(0.75rem, 0.71rem + 0.18vw, 0.875rem); --fs-xs: clamp(0.625rem, 0.58rem + 0.18vw, 0.75rem);  --sp-2xs: clamp(0.25rem, 0.21rem + 0.18vw, 0.375rem); --sp-xs: clamp(0.375rem, 0.29rem + 0.36vw, 0.625rem); --sp-sm: clamp(0.5rem, 0.32rem + 0.89vw, 1rem); --sp-md: clamp(0.75rem, 0.48rem + 1.34vw, 1.5rem); --sp-lg: clamp(1rem, 0.46rem + 2.68vw, 2.5rem); --sp-xl: clamp(1.5rem, 0.61rem + 4.46vw, 4rem); --sp-2xl: clamp(2rem, 0.57rem + 7.14vw, 6rem); --sp-page: clamp(1rem, 0.46rem + 2.68vw, 2.5rem); --container-max: 1280px;
--container-wide: 1440px;
--container-narrow: 720px;
--container-padding: var(--sp-page);  --grid-cols-auto: repeat(auto-fill, minmax(260px, 1fr)); --grid-cols-2: repeat(2, 1fr);
--grid-cols-3: repeat(3, 1fr);
--grid-cols-4: repeat(4, 1fr);  --r-fluid-sm: clamp(0.375rem, 0.33rem + 0.18vw, 0.5rem); --r-fluid-md: clamp(0.625rem, 0.5rem + 0.54vw, 1rem); --r-fluid-lg: clamp(1rem, 0.73rem + 1.34vw, 1.75rem); --lh-tight:  1.15; --lh-snug:   1.25; --lh-normal: 1.45; --lh-relaxed: 1.65; } .se-container {
width: 100%;
max-width: var(--container-max);
margin-inline: auto;
padding-inline: var(--container-padding);
}
.se-container--wide {
max-width: var(--container-wide);
}
.se-container--narrow {
max-width: var(--container-narrow);
}  .event-hero .event-title,
.venue-hero .venue-title,
.profile-hero .artist-name {
font-size: var(--fs-h1);
line-height: var(--lh-tight);
} .page-head h1,
.page-head .page-title {
font-size: var(--fs-h2);
line-height: var(--lh-snug);
} .ec-title,
.venue-card .vc-name,
.artist-card .ac-name {
font-size: var(--fs-h4);
line-height: var(--lh-snug);
} .ec-meta,
.er-meta,
.vc-meta,
.ac-meta {
font-size: var(--fs-sm);
line-height: var(--lh-normal);
} .ec-price,
.price-block {
font-size: var(--fs-body);
}  .event-card .ec-content,
.venue-card .vc-body,
.artist-card .ac-body {
padding: var(--sp-md);
} .se-section {
padding-block: var(--sp-xl);
}
.se-section--sm {
padding-block: var(--sp-lg);
} .se-grid {
gap: var(--sp-md);
} .archive-layout,
.detail-main {
gap: var(--sp-lg);
}  .se-grid {
display: grid;
grid-template-columns: var(--grid-cols-auto);
} @media (max-width: 767px) {
.se-grid {
grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr));
}
.se-grid--2col-mobile {
grid-template-columns: repeat(2, 1fr);
}
} @media (max-width: 479px) {
.se-grid:not(.se-grid--2col-mobile) {
grid-template-columns: 1fr;
}
} @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}:root {
--t-display: 'DM Sans', system-ui, sans-serif;
--t-body:    'DM Sans', system-ui, sans-serif;
--c-1:  #F58025; --c-2:  #1A1A2E; --c-3:  #2D6A4F; --c-bg: #FFFFFF;
--c-fg: #111111;
--c-fg-dim:    rgba(17,17,17,.58);
--c-fg-faint:  rgba(17,17,17,.16);
--c-surface:   transparent; --c-surface-2: rgba(17,17,17,.08);
--c-border:    rgba(17,17,17,.11);
--se-color-primary:   #F58025;
--se-color-secondary: #1A1A2E;
--se-color-accent:    #2D6A4F;
--se-color-success:   #22c55e;
--se-color-bg:        #FFFFFF;
--se-color-surface:   #FFFFFF;
--se-color-text:      #111111;
--se-container-width: 1280px;
--se-event-image-ratio:    4/5;
--se-artist-image-ratio:   1/1;
--se-location-image-ratio: 4/3;
} .event-card .cover, .ec-image      { aspect-ratio: var(--se-event-image-ratio, 4/5); }
.artist-card .cover, .artist-mini .av-wrap { aspect-ratio: var(--se-artist-image-ratio, 1/1); }
.location-card .cover              { aspect-ratio: var(--se-location-image-ratio, 4/3); } * { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
font-family: var(--t-body);
font-size: var(--ts-base);
line-height: var(--lh-body);
background: var(--c-bg);
color: var(--c-fg);
-webkit-font-smoothing: antialiased;
font-feature-settings: "ss01";
}
img { max-width: 100%; display: block; }
button { font-family: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--c-1); color: #fff; }  :root { --c-1-soft: color-mix(in oklab, var(--c-1) 12%, var(--c-bg));
--c-2-soft: color-mix(in oklab, var(--c-2) 12%, var(--c-bg));
--c-3-soft: color-mix(in oklab, var(--c-3) 14%, var(--c-bg)); --c-divider: var(--c-1); --r-xs:   4px;
--r-sm:   8px;
--r-md:   12px;
--r-lg:   20px;
--r-xl:   32px;
--r-pill: 9999px; --t-mono: 'JetBrains Mono', ui-monospace, monospace; --pad-page: 40px;
--pad-card: 20px;
--gap: 22px;
--hero-pad: 56px;
--max-w: 1280px; --header-h: 72px; --se-color-dark:       var(--c-2); --se-color-white:      #ffffff;
--se-color-link-hover: var(--c-1);
--se-color-gray-100: color-mix(in oklab, var(--c-fg) 4%,  var(--c-bg));
--se-color-gray-200: color-mix(in oklab, var(--c-fg) 10%, var(--c-bg));
--se-color-gray-500: color-mix(in oklab, var(--c-fg) 45%, var(--c-bg)); --se-shadow-sm: 0 2px 8px rgba(0,0,0,.06);
--se-shadow-md: 0 4px 20px rgba(0,0,0,.10);
--se-shadow-lg: 0 8px 40px rgba(0,0,0,.14);
--se-shadow-lift: 0 8px 32px rgba(0,0,0,.12); --se-border-radius:    var(--r-sm);
--se-border-radius-lg: var(--r-md);
--se-border-radius-xl: var(--r-lg); --se-container-padding: var(--pad-page); --ts-min:  0.6875rem; --ts-xs:   0.8125rem; --ts-sm:   0.9375rem; --ts-base: 1.0625rem; --ts-md:   1.375rem; --ts-lg:   1.75rem; --ts-xl:   2.1875rem; --ts-2xl:  2.75rem;  --lh-tight:  0.92;
--lh-snug:   1.1;
--lh-body:   1.6;
--lh-loose:  1.7; --ls-tightest: -0.04em;
--ls-tight:    -0.025em;
--ls-normal:    0;
--ls-wide:      0.06em;
--ls-wider:     0.10em;
--ls-widest:    0.14em; --c-bg-alt: color-mix(in oklab, var(--c-fg) 4%, var(--c-bg));
} [data-density="comfy"]   { --pad-page: 56px; --pad-card: 24px; --gap: 28px; --hero-pad: 72px; }
[data-density="cozy"]    { --pad-page: 40px; --pad-card: 20px; --gap: 22px; --hero-pad: 56px; }
[data-density="compact"] { --pad-page: 28px; --pad-card: 16px; --gap: 16px; --hero-pad: 40px; } .se-site-wrap {
min-height: 100vh;
display: flex;
flex-direction: column;
} body.home .se-site-main > .hero:first-child {
margin-top: 0;
}  .se-sticky-header-group {
position: sticky;
top: 0;
z-index: 1000;
} .se-announcement-bar {
position: static;
background: var(--ann-bg, #e63946);
color: var(--ann-color, #fff);
overflow: hidden;
}
.se-announcement-bar__inner {
padding: 8px 0;
} .se-announcement-bar--paragraph .se-announcement-bar__inner {
max-width: var(--max-w, 1280px);
margin: 0 auto;
padding: 8px var(--pad-page, 20px);
text-align: center;
}
.se-announcement-bar--paragraph .se-announcement-bar__text {
margin: 0;
font-size: var(--ann-size, 13px);
line-height: 1.5;
font-weight: 700;
} .se-announcement-bar--scroll .se-announcement-bar__inner {
padding: 9px 0;
}
.se-announcement-bar--scroll .se-announcement-bar__track {
display: flex;
width: max-content;
animation: se-marquee 28s linear infinite;
}
.se-announcement-bar--scroll .se-announcement-bar__track:hover {
animation-play-state: paused;
}
.se-announcement-bar--scroll .se-announcement-bar__text {
display: inline-block;
white-space: nowrap;
font-size: var(--ann-size, 13px);
line-height: 1.5;
font-weight: 700;
padding-right: 80px;
}
@keyframes se-marquee {
0%   { transform: translateX(0); }
100% { transform: translateX(-50%); }
} .se-announcement-bar__text a,
.se-announcement-bar__track a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}
@media (max-width: 480px) {
.se-announcement-bar--paragraph .se-announcement-bar__text { font-size: calc(var(--ann-size, 13px) - 1px); }
.se-announcement-bar--scroll .se-announcement-bar__text    { font-size: calc(var(--ann-size, 13px) - 1px); }
}
.se-site-header {
position: static;
z-index: 1000;
}
.se-nav {
display: flex;
align-items: center;
flex-wrap: nowrap;
gap: 32px;
width: 100%;
box-sizing: border-box;
min-height: var(--header-h, 72px);
padding: var(--se-header-padding-y, 16px) var(--pad-page);
background: var(--se-header-bg, var(--c-bg, #fff));
color: var(--se-header-color, var(--c-fg));
border-bottom: 1px solid transparent;
transition:
background 0.35s ease,
backdrop-filter 0.35s ease,
border-color 0.35s ease,
box-shadow 0.35s ease;
}
.se-nav.scrolled {
background: rgba(255,255,255,.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom-color: rgba(245,128,37,.22);
box-shadow: 0 1px 16px rgba(0,0,0,.06);
}
.se-nav-logo {
font-family: var(--t-display);
font-weight: 800;
font-size: 20px;
letter-spacing: -0.03em;
line-height: 1;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
color: var(--c-fg);
text-decoration: none;
flex-shrink: 0;
}
.se-nav-logo .dot {
width: 10px; height: 10px;
border-radius: 50%;
background: var(--c-1);
flex-shrink: 0;
}
.se-nav-logo .city { color: var(--c-fg-dim); font-weight: 500; }
.se-nav-logo--image { gap: 0; }
.se-nav-logo--image img { display: block; }  .se-nav > * { align-self: center; } .se-nav-end {
display: flex;
align-items: center;
gap: 4px;
flex-shrink: 0;
}
.se-nav-links {
display: flex;
margin-left: auto;
gap: 2px;
align-items: center;
} .se-nav-links > ul {
display: flex;
flex-direction: row;
align-items: center;
gap: 2px;
list-style: none;
margin: 0;
padding: 0;
flex: 1;
}
.se-nav-links > ul > li { display: flex; align-items: center; }
.se-nav-links a,
.se-nav-links button {
background: transparent;
border: 0;
color: var(--c-fg-dim);
padding: 8px 14px;
border-radius: var(--r-sm);
font-size: 14px;
font-weight: 600;
letter-spacing: -0.005em;
transition: color 0.15s ease, background 0.15s ease;
text-decoration: none;
display: block;
}
.se-nav-links a:hover,
.se-nav-links button:hover { color: var(--c-fg); background: var(--c-surface); }
.se-nav-links .current-menu-item > a,
.se-nav-links a.active { color: var(--c-1); } .se-nav-links > ul > li,
.se-nav-links .sub-menu li {
position: relative;
} .se-nav-links .sub-menu {
display: block;
position: absolute;
top: 100%;
left: 0;
min-width: 210px;
list-style: none;
margin: 0; padding: 10px 0 0;
z-index: 901;
opacity: 0;
visibility: hidden;
transition: opacity 0.15s ease, visibility 0s linear 0.15s;
pointer-events: none;
} .se-nav-links .sub-menu::after {
content: '';
display: block;
position: absolute;
inset: 10px 0 0 0; background: var(--c-bg);
border: 1px solid var(--c-border);
border-radius: var(--r-md, 10px);
box-shadow: 0 8px 32px rgba(0,0,0,.10);
z-index: -1;
pointer-events: none;
} .se-nav-links .sub-menu > li { padding: 0 6px; }
.se-nav-links .sub-menu > li:first-child { padding-top: 4px; }
.se-nav-links .sub-menu > li:last-child  { padding-bottom: 6px; } .se-nav-links .sub-menu .sub-menu {
top: -10px; left: 100%;
padding: 0 0 0 10px; }
.se-nav-links .sub-menu .sub-menu::after {
inset: 0 0 0 10px;
} .se-nav-links > ul > li:hover > .sub-menu,
.se-nav-links > ul > li:focus-within > .sub-menu,
.se-nav-links .sub-menu li:hover > .sub-menu,
.se-nav-links .sub-menu li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
transition: opacity 0.15s ease, visibility 0s linear 0s;
pointer-events: auto;
} .se-nav-links .sub-menu a {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
border-radius: var(--r-sm);
font-size: 13px;
font-weight: 700;
color: var(--c-fg-dim);
white-space: nowrap;
text-decoration: none;
}
.se-nav-links .sub-menu a:hover {
color: var(--c-fg);
background: var(--c-surface);
}  .se-nav-links > ul > li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 0; height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid currentColor;
opacity: 0.5;
margin-left: 2px;
flex-shrink: 0;
transition: opacity 0.15s ease, transform 0.15s ease;
}
.se-nav-links > ul > li.menu-item-has-children:hover > a::after,
.se-nav-links > ul > li.menu-item-has-children:focus-within > a::after {
opacity: 1;
transform: rotate(180deg);
} .se-nav-links .sub-menu li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 0; height: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid currentColor;
opacity: 0.45;
margin-left: auto;
padding-left: 8px;
flex-shrink: 0;
transition: opacity 0.15s ease;
}
.se-nav-links .sub-menu li.menu-item-has-children:hover > a::after {
opacity: 1;
}
@media (max-width: 1023px) {
.se-nav-links .sub-menu { display: none !important; }
}  .se-mega-item {
position: static !important;
}
.se-mega-trigger {
display: flex !important;
align-items: center;
gap: 5px;
cursor: pointer;
}
.se-mega-chevron {
flex-shrink: 0;
transition: transform 0.2s ease;
opacity: 0.6;
}
.se-mega-item:hover .se-mega-chevron,
.se-mega-item.is-open .se-mega-chevron {
transform: rotate(180deg);
opacity: 1;
}
.se-mega-panel-inner {
display: flex;
gap: 40px;
max-width: var(--max-w, 1280px);
margin: 0 auto;
padding: 32px var(--pad-page, 24px) 28px;
} .se-mega-col { min-width: 0; } .se-mega-col--promo {
width: 200px;
flex-shrink: 0;
border-left: 1px solid var(--c-border);
padding: 20px 20px 20px 24px;
display: flex;
flex-direction: column;
background: var(--c-bg);
}
.se-mega-cta-card {
flex: 1;
display: flex !important;
flex-direction: column;
align-items: flex-start;
gap: 12px;
padding: 16px 18px;
border-radius: var(--r-md);
text-decoration: none;
border: 1px solid var(--c-border);
background: var(--c-surface, #f9f9f9);
transition: border-color .15s ease, box-shadow .15s ease;
}
.se-mega-cta-card:hover {
border-color: var(--c-1);
box-shadow: 0 4px 16px rgba(0,0,0,.08);
}
.se-mega-cta-icon {
width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
border-radius: var(--r-sm);
flex-shrink: 0;
}
.se-mega-cta-card--event    .se-mega-cta-icon { background: rgba(245,128,37,.12); color: var(--c-1, #f58025); }
.se-mega-cta-card--location .se-mega-cta-icon { background: rgba(45,106,79,.12);  color: var(--c-3, #2d6a4f); }
.se-mega-cta-title {
font-size: 14px;
font-weight: 700;
color: var(--c-fg, #111);
line-height: 1.25;
letter-spacing: -.01em;
}
.se-mega-cta-desc {
font-size: 12px;
color: var(--c-fg-dim);
line-height: 1.5;
margin: 0;
flex: 1;
}
.se-mega-cta-btn {
display: inline-block;
margin-top: auto;
padding: 7px 14px;
border-radius: var(--r-sm);
font-size: 12px;
font-weight: 700;
letter-spacing: .01em;
transition: background .12s ease, color .12s ease;
}
.se-mega-cta-card--event    .se-mega-cta-btn { background: var(--c-1, #f58025); color: #fff; }
.se-mega-cta-card--location .se-mega-cta-btn { background: var(--c-3, #2d6a4f); color: #fff; }
.se-mega-cta-card:hover .se-mega-cta-btn     { filter: brightness(1.08); } .se-mega-col--cats {
width: 180px;
flex-shrink: 0;
border-right: 1px solid var(--c-border);
padding-right: 32px;
}
.se-mega-cat-list {
list-style: none; margin: 0; padding: 0;
display: flex; flex-direction: column; gap: 2px;
}
.se-mega-cat-item {
display: flex; align-items: center; gap: 8px;
padding: 6px 8px; border-radius: var(--r-sm);
color: var(--c-fg-dim); font-size: 13px; font-weight: 600;
text-decoration: none;
transition: color .12s ease, background .12s ease;
}
.se-mega-cat-item:hover {
color: var(--c-fg);
background: var(--c-surface-2);
}
.se-mega-cat-icon {
display: flex; align-items: center; justify-content: center;
width: 20px; height: 20px; flex-shrink: 0;
}
.se-mega-cat-icon img,
.se-mega-cat-icon svg { width: 16px; height: 16px; object-fit: contain; }
.se-mega-cat-name { flex: 1; }
.se-mega-cat-count {
font-size: 11px; font-weight: 500;
color: var(--c-fg-faint);
background: var(--c-border);
border-radius: 999px; padding: 1px 6px;
flex-shrink: 0;
} .se-mega-col--posts { flex: 1; min-width: 0; padding-left: 32px; }
.se-mega-posts-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
.se-mega-post-card {
display: flex; flex-direction: column; gap: 8px;
text-decoration: none;
border-radius: var(--r-sm);
overflow: hidden;
transition: transform .16s ease;
}
.se-mega-post-card:hover { transform: translateY(-2px); }
.se-mega-post-thumb {
aspect-ratio: 3/2;
border-radius: var(--r-sm);
overflow: hidden;
background: var(--c-surface-2);
}
.se-mega-post-thumb img {
width: 100%; height: 100%;
object-fit: cover;
transition: transform .3s ease;
}
.se-mega-post-card:hover .se-mega-post-thumb img { transform: scale(1.04); }
.se-mega-post-thumb-placeholder {
width: 100%; height: 100%;
background: linear-gradient(135deg, var(--c-surface-2), var(--c-border));
}
.se-mega-post-body { display: flex; flex-direction: column; gap: 3px; }
.se-mega-post-cat {
font-size: 10px; font-weight: 700;
letter-spacing: .07em; text-transform: uppercase;
color: var(--c-1);
}
.se-mega-post-title {
font-size: 13px; font-weight: 700;
color: var(--c-fg); line-height: 1.35;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
transition: color .12s ease;
}
.se-mega-post-card:hover .se-mega-post-title { color: var(--c-1); }
.se-mega-post-date {
font-size: 11px; color: var(--c-fg-dim);
} .se-mega-col--artists {
flex: 1; min-width: 0; padding-left: 32px;
}
.se-mega-artist-list {
list-style: none; margin: 0; padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2px;
} .se-mega-artist-list--6col {
grid-template-columns: repeat(6, 1fr);
} .se-mega-artist-item--active .se-mega-artist-name::after {
content: '';
display: inline-block;
width: 5px; height: 5px;
border-radius: 50%;
background: var(--c-1);
margin-left: 5px;
vertical-align: middle;
flex-shrink: 0;
}
.se-mega-artist-item {
display: flex !important;
flex-direction: row !important;
align-items: center;
gap: 10px;
padding: 7px 8px; border-radius: var(--r-sm);
text-decoration: none;
transition: background .12s ease;
}
.se-mega-artist-item:hover { background: var(--c-surface-2); }
.se-mega-artist-avatar {
width: 36px; height: 36px;
border-radius: var(--r-xs);
overflow: hidden; flex-shrink: 0;
background: var(--c-surface-2);
display: flex; align-items: center; justify-content: center;
}
.se-mega-artist-avatar img {
width: 100%; height: 100%; object-fit: cover;
}
.se-mega-artist-letter {
font-size: 15px; font-weight: 800;
color: var(--c-fg-dim); line-height: 1;
}
.se-mega-artist-info {
display: flex; flex-direction: column; gap: 2px;
min-width: 0;
}
.se-mega-artist-name {
font-size: 13px; font-weight: 600;
color: var(--c-fg);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
transition: color .12s ease;
}
.se-mega-artist-item:hover .se-mega-artist-name { color: var(--c-1); }
.se-mega-artist-genre {
font-size: 11px; color: var(--c-fg-dim);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
} .se-mega-district-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.se-mega-district-grid {
list-style: none; margin: 0; padding: 0;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 10px;
}
.se-mega-district-card {
position: relative;
display: flex;
align-items: flex-end;
aspect-ratio: 4/3;
border-radius: var(--r-md);
overflow: hidden;
text-decoration: none;
transition: transform .18s ease, box-shadow .18s ease;
box-shadow: 0 2px 8px rgba(0,0,0,.10);
}
.se-mega-district-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 28px rgba(0,0,0,.18);
}
.se-mega-district-bg {
position: absolute; inset: 0;
background-size: cover; background-position: center;
filter: brightness(.6) saturate(1.1);
transition: transform .4s ease;
}
.se-mega-district-card:hover .se-mega-district-bg { transform: scale(1.06); }
.se-mega-district-overlay {
position: absolute; inset: 0;
background: linear-gradient(to top, rgba(0,0,0,.75) 0%, transparent 60%);
pointer-events: none;
}
.se-mega-district-body {
position: relative; z-index: 1;
padding: 10px 12px;
display: flex; flex-direction: column; gap: 2px;
width: 100%;
}
.se-mega-district-name {
font-size: 13px; font-weight: 800;
color: #fff; line-height: 1.2;
letter-spacing: -.01em;
}
.se-mega-district-count {
font-size: 11px; color: rgba(255,255,255,.70);
font-weight: 700;
} .se-mega-heading {
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--c-fg-dim);
margin-bottom: 14px;
} .se-mega-see-all {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: 16px;
font-size: 13px;
font-weight: 600;
color: var(--c-1);
text-decoration: none;
}
.se-mega-see-all:hover { text-decoration: underline; } @media (max-width: 1023px) {
.se-showcase-panel { display: none !important; }
.se-mega-chevron { display: none; }
}  .se-showcase-panel {
position: fixed;
top: var(--header-h, 72px);
z-index: 1100;
overflow: visible;
opacity: 0;
visibility: hidden;
pointer-events: none;
padding-top: 10px; transform: translateY(-4px);
transition: opacity .18s ease, visibility 0s linear .18s, transform .18s ease;
} .se-showcase-panel--wide {
left: 0 !important;
right: 0;
width: 100%;
max-width: none;
padding: 0 var(--pad-page, 24px); background: var(--c-bg);
border-top: 2px solid var(--c-1);
border-bottom: 1px solid var(--c-border);
box-shadow: 0 12px 40px rgba(0,0,0,.10);
} .se-mega-item.se-showcase-item.is-open .se-showcase-panel {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
transition: opacity .18s ease, visibility 0s linear 0s, transform .18s ease;
} .se-showcase-inner {
display: flex;
overflow: hidden;
min-height: 260px;
align-items: stretch;
background: var(--c-bg, #fff);
border: 1px solid var(--c-border, rgba(17,17,17,.11));
border-radius: 0 0 16px 16px;
box-shadow: none; } .se-showcase-panel--wide .se-mega-panel-inner {
max-width: none;
margin: 0;
padding-left: 0; padding-right: 0;
background: var(--c-bg);
border: none;
border-radius: 0;
box-shadow: none;
}
.se-showcase-panel--wide .se-mega-panel-inner--districts {
flex-direction: column;
gap: 20px;
padding: 24px 0 20px; } .se-showcase-hero {
position: relative;
width: 220px;
flex-shrink: 0;
display: flex !important;
flex-direction: column;
justify-content: flex-end;
padding: 20px;
text-decoration: none;
overflow: hidden;
min-height: 260px;
transition: opacity .15s ease;
}
.se-showcase-panel--wide .se-showcase-hero { width: 280px; }
.se-showcase-hero:hover { opacity: .92; }
.se-showcase-hero-bg {
position: absolute;
inset: 0;
background-image: var(--sc-cover, none);
background-size: cover;
background-position: center;
filter: brightness(.45) saturate(1.2);
transition: transform .4s ease;
}
.se-showcase-hero:hover .se-showcase-hero-bg { transform: scale(1.04); } .se-showcase-hero-bg {
background-image: var(--sc-cover, linear-gradient(145deg, var(--c-1, #f58025) 0%, #c0392b 100%));
} .se-showcase-hero::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to top, rgba(10,10,20,.92) 0%, rgba(10,10,20,.40) 50%, transparent 100%);
pointer-events: none;
} .se-showcase-hero-icon {
position: absolute;
top: 20px; left: 20px;
width: 48px; height: 48px;
border-radius: 12px;
background: rgba(255,255,255,.15);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
z-index: 1;
}
.se-showcase-hero-icon img,
.se-showcase-hero-icon svg {
width: 28px; height: 28px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.se-showcase-hero-icon--letter {
font-size: 22px;
font-weight: 800;
line-height: 1;
color: #fff;
} .se-showcase-hero-body {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
gap: 3px;
}
.se-showcase-hero-tax {
font-size: 10px; font-weight: 700;
letter-spacing: .1em; text-transform: uppercase;
color: rgba(255,255,255,.55);
}
.se-showcase-hero-name {
font-size: 18px; font-weight: 800;
color: #fff; line-height: 1.2; letter-spacing: -.02em;
}
.se-showcase-hero-count {
font-size: 12px; font-weight: 500;
color: rgba(255,255,255,.55);
margin-top: 2px;
}
.se-showcase-hero-cta {
display: inline-flex; align-items: center; gap: 5px;
margin-top: 10px;
font-size: 12px; font-weight: 700;
color: var(--c-1, #f58025); letter-spacing: .02em;
} .se-showcase-right {
flex: 1; min-width: 0;
padding: 20px 24px;
display: flex; flex-direction: column;
background: var(--c-bg, #fff);
}
.se-showcase-list-heading {
font-size: 10px; font-weight: 700;
letter-spacing: .09em; text-transform: uppercase;
color: var(--c-fg-dim, rgba(17,17,17,.58));
margin-bottom: 10px; padding-left: 4px;
}
.se-showcase-list {
list-style: none; margin: 0; padding: 0;
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 2px;
align-content: start;
flex: 1;
}
.se-showcase-list-item {
display: flex !important; align-items: center; gap: 10px;
width: 100%; padding: 7px 8px; border-radius: 8px;
text-decoration: none;
transition: background .12s ease;
}
.se-showcase-list > li { min-width: 0; }
.se-showcase-list-item:hover {
background: var(--c-surface-2, rgba(17,17,17,.08));
}
.se-showcase-list-icon {
width: 20px; height: 20px;
flex-shrink: 0;
display: flex; align-items: center; justify-content: center;
color: var(--c-fg-dim, rgba(17,17,17,.58));
}
.se-showcase-list-icon img,
.se-showcase-list-icon svg {
width: 16px; height: 16px;
object-fit: contain;
filter: none; opacity: .75;
}
.se-showcase-list-letter {
font-size: 12px; font-weight: 700;
color: var(--c-fg-dim, rgba(17,17,17,.58));
line-height: 1;
}
.se-showcase-list-name {
flex: 1;
min-width: 0; font-size: 13px; font-weight: 600;
color: var(--c-fg, #111);
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
transition: color .12s ease;
}
.se-showcase-list-item:hover .se-showcase-list-name {
color: var(--c-1, #f58025);
}
.se-showcase-list-count {
font-size: 11px; font-weight: 600;
color: var(--c-fg-dim, rgba(17,17,17,.58));
background: var(--c-surface-2, rgba(17,17,17,.08));
border-radius: 999px; padding: 1px 8px;
flex-shrink: 0;
margin-left: 6px; } .se-showcase-see-all {
display: inline-flex; align-items: center; gap: 5px;
margin-top: 12px; padding: 7px 8px; border-radius: 8px;
font-size: 12px; font-weight: 700;
color: var(--c-1, #f58025);
text-decoration: none;
transition: background .12s ease;
letter-spacing: .01em;
}
.se-showcase-see-all:hover {
background: var(--c-1-soft, rgba(245,128,37,.10));
} .se-nav-search-icon-btn {
display: none;
align-items: center;
justify-content: center;
background: transparent;
border: 0;
padding: 8px;
border-radius: var(--r-sm);
color: var(--c-fg-dim);
cursor: pointer;
flex-shrink: 0;
transition: color 0.15s, background 0.15s;
}
.se-nav-search-icon-btn:hover { color: var(--c-fg); background: var(--c-surface); }
.se-nav-search {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 14px;
border-radius: var(--r-sm);
background: var(--c-surface);
border: 1px solid var(--c-border);
min-width: 240px;
color: var(--c-fg-dim);
font-size: 13px;
cursor: text;
text-decoration: none;
position: relative; transition: opacity 0.2s, width 0.25s;
}
.se-nav-search input {
background: transparent;
border: 0;
outline: 0;
color: var(--c-fg);
font-family: inherit;
font-size: 13px;
flex: 1;
min-width: 0;
}
.se-nav-search input::placeholder { color: var(--c-fg-dim); }
.se-nav-search kbd {
font-family: var(--t-mono);
font-size: 10px;
padding: 2px 6px;
border: 1px solid var(--c-border);
border-radius: var(--r-xs);
color: var(--c-fg-dim);
} .btn, .se-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .4em;
border: 1.5px solid transparent;
border-radius: var(--r-sm);
font-family: var(--t-body);
font-weight: 600;
font-size: var(--ts-sm); padding: 10px 20px;
letter-spacing: -0.01em;
transition: background 0.15s, color 0.15s, border-color 0.15s, transform 0.12s, box-shadow 0.15s;
text-decoration: none;
cursor: pointer;
line-height: 1.2;
white-space: nowrap;
}
.btn:hover,         .se-btn:hover         { transform: translateY(-1px); }
.btn:active,        .se-btn:active        { transform: translateY(0); }
.btn:focus-visible, .se-btn:focus-visible { outline: 2px solid var(--c-1); outline-offset: 3px; } .btn.primary { background: var(--c-fg); color: var(--c-bg); border-color: var(--c-fg); }
.btn.primary:hover { background: color-mix(in oklab, var(--c-fg) 85%, transparent); border-color: color-mix(in oklab, var(--c-fg) 85%, transparent); } .btn.accent, .se-btn--primary { background: var(--c-1); color: #fff; border-color: var(--c-1); }
.btn.accent:hover, .se-btn--primary:hover { background: color-mix(in oklab, var(--c-1) 85%, #000); border-color: color-mix(in oklab, var(--c-1) 85%, #000); } .btn.ghost, .se-btn--ghost {
background: transparent;
color: var(--c-fg);
border-color: var(--c-border);
}
.btn.ghost:hover, .se-btn--ghost:hover { background: var(--c-surface); border-color: var(--c-fg-dim); } .btn.ghost.on-photo {
color: rgba(255,255,255,.9);
border-color: rgba(255,255,255,.4);
}
.btn.ghost.on-photo:hover {
background: rgba(255,255,255,.15);
border-color: rgba(255,255,255,.6);
color: #fff;
} .btn.outline, .se-btn--outline {
background: transparent;
color: var(--c-1);
border-color: var(--c-1);
}
.btn.outline:hover, .se-btn--outline:hover { background: color-mix(in oklab, var(--c-1) 8%, transparent); } .btn.lime { background: var(--c-3); color: #fff; border-color: var(--c-3); }
.btn.lime:hover { background: color-mix(in oklab, var(--c-3) 85%, #000); border-color: color-mix(in oklab, var(--c-3) 85%, #000); } .btn.sm,  .se-btn--sm  { padding: 6px 14px;     font-size: var(--ts-xs); } .btn.big, .se-btn--lg  { padding: .875rem 2rem;  font-size: 1rem; } .btn.pill-btn {
border-radius: var(--r-pill);
padding: 8px 18px;
font-size: 13px;
} .pill {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 10px;
border-radius: var(--r-pill);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
background: var(--c-surface);
color: var(--c-fg);
border: 1px solid var(--c-border);
white-space: nowrap;
}
.pill.cat-konser   { background: var(--c-1-soft); color: var(--c-1); border-color: transparent; }
.pill.cat-tiyatro  { background: var(--c-2-soft); color: var(--c-2); border-color: transparent; }
.pill.cat-komedi   { background: var(--c-3-soft); color: var(--c-3); border-color: transparent; }
.pill.cat-atolye, .pill.cat-atölye { background: var(--c-3-soft); color: var(--c-3); border-color: transparent; }
.pill.cat-festival { background: var(--c-1-soft); color: var(--c-1); border-color: transparent; }
.pill.cat-djset    { background: var(--c-2-soft); color: var(--c-2); border-color: transparent; }
.pill.cat-cocuk, .pill.cat-çocuk   { background: var(--c-3-soft); color: var(--c-3); border-color: transparent; } .se-site-main { flex: 1; padding: 0 var(--pad-page) 80px; }
.page-head {
padding-top: 32px;
padding-bottom: 24px;
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 24px;
}
.page-head h1 {
font-family: var(--t-display);
font-weight: 800;
font-size: clamp(40px, 5vw, 72px);
letter-spacing: -0.04em;
line-height: 0.92;
margin: 0;
}
.page-head .sub {
color: var(--c-fg-dim);
font-size: 15px;
max-width: 480px;
margin-top: 14px;
}
.section-head {
display: flex;
align-items: baseline;
justify-content: space-between;
margin: 40px 0 18px;
padding-bottom: 14px;
border-bottom: 1px solid var(--c-divider);
}
.section-head h2 {
font-family: var(--t-display);
font-weight: 700;
font-size: clamp(24px, 2.4vw, 36px);
letter-spacing: -0.03em;
line-height: 1;
margin: 0;
}
.section-head .more {
font-size: 13px;
font-weight: 600;
color: var(--c-fg-dim);
background: transparent;
border: 0;
padding: 0;
text-decoration: none;
}
.section-head .more:hover { color: var(--c-1); } .hero {
margin: 18px 0 28px;
border-radius: var(--r-lg);
overflow: hidden;
position: relative;
} .hero.mosaic {
display: grid;
grid-template-columns: 1.4fr 1fr;
gap: 12px;
background: transparent;
padding: 0;
margin-bottom: 56px;
border-radius: 0;
}
.hero.mosaic .lead {
position: relative;
padding: var(--hero-pad);
border-radius: var(--r-lg);
background: var(--c-2);
color: #fff;
min-height: 480px;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
cursor: pointer;
isolation: isolate;
}
.hero.mosaic .lead-bg {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
z-index: -2;
opacity: 0.5;
transition: transform 0.6s ease, opacity 0.3s ease;
}
.hero.mosaic .lead:hover .lead-bg { transform: scale(1.03); opacity: 0.65; }
.hero.mosaic .lead-shade {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, transparent 30%, rgba(0,0,0,.55) 100%);
z-index: -1;
}
.hero.mosaic .lead-content { position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; justify-content: space-between; }
.hero.mosaic .lead .kicker {
font-family: var(--t-mono);
font-size: 11px;
text-transform: uppercase;
letter-spacing: var(--ls-wider);
display: flex;
align-items: center;
gap: 8px;
font-weight: 700;
}
.hero.mosaic .lead .kicker::before {
content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--c-1);
}
.hero.mosaic .lead h1 {
font-family: var(--t-display);
font-weight: 800;
font-size: clamp(44px, 5.2vw, 88px);
line-height: 0.90;
letter-spacing: -0.04em;
margin: 24px 0 16px;
text-wrap: balance;
}
.hero.mosaic .lead .meta { display: flex; gap: 18px; align-items: center; font-size: 14px; opacity: .9; }
.hero.mosaic .lead .ctas { display: flex; gap: 10px; margin-top: 28px; z-index: 2; }
.hero.mosaic .side { display: grid; grid-template-rows: 1fr 1fr; gap: 12px; }
.hero.mosaic .side .card-mini {
position: relative;
border-radius: var(--r-lg);
overflow: hidden;
cursor: pointer;
min-height: 230px;
isolation: isolate;
background: var(--c-1);
}
.hero.mosaic .side .card-mini:nth-child(2) { background: color-mix(in oklab, var(--c-1) 60%, var(--c-2) 40%); }
.hero.mosaic .side-photo > img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
z-index: -2;
opacity: 0.55;
transition: transform 0.6s ease, opacity 0.3s ease;
}
.hero.mosaic .side-photo:hover > img { transform: scale(1.05); opacity: 0.7; }
.hero.mosaic .side-photo .cm-shade {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,.58) 100%);
z-index: -1;
}
.hero.mosaic .side-photo .cm-content {
position: absolute;
left: 20px; right: 20px; bottom: 18px;
color: #fff;
z-index: 1;
}
.hero.mosaic .side-photo .label {
font-family: var(--t-mono);
font-size: 10px;
text-transform: uppercase;
letter-spacing: var(--ls-wider);
font-weight: 700;
opacity: 0.9;
display: inline-block;
padding: 3px 7px;
background: rgba(255,255,255,0.15);
border-radius: var(--r-xs);
backdrop-filter: blur(4px);
margin-bottom: 8px;
}
.hero.mosaic .side-photo .title {
font-family: var(--t-display);
font-weight: 700;
font-size: 20px;
line-height: 1.15;
letter-spacing: -0.02em;
text-wrap: balance;
text-shadow: 0 2px 12px rgba(0,0,0,.4);
} .hero.editorial {
background: transparent;
padding: 12px 0 0;
border-radius: 0;
display: grid;
grid-template-columns: 1fr;
gap: 28px;
}
.hero.editorial h1 {
font-family: var(--t-display);
font-weight: 800;
font-size: clamp(64px, 11vw, 200px);
line-height: 0.86;
letter-spacing: -0.05em;
margin: 0;
text-wrap: balance;
}
.hero.editorial h1 em {
font-style: italic;
color: var(--c-1);
}
.hero.editorial .meta-row {
display: flex;
align-items: center;
gap: 36px;
flex-wrap: wrap;
font-family: var(--t-mono);
font-size: 11px;
text-transform: uppercase;
letter-spacing: var(--ls-wider);
color: var(--c-fg-dim);
border-top: 1px solid var(--c-divider);
border-bottom: 1px solid var(--c-divider);
padding: 16px 0;
}
.hero.editorial .meta-row .dot { width: 5px; height: 5px; background: var(--c-1); border-radius: 50%; display: inline-block; margin-right: 7px; } .hero.ticker { background: var(--c-bg); padding: 16px 0 0; border-radius: 0; }
.hero.ticker .row {
display: flex;
align-items: center;
gap: 16px;
padding: 14px 0;
border-top: 1px solid var(--c-divider);
font-family: var(--t-display);
font-weight: 700;
font-size: clamp(36px, 5vw, 68px);
letter-spacing: -0.035em;
line-height: 1;
cursor: pointer;
transition: transform 0.22s cubic-bezier(0.25, 0.46, 0.45, 0.94);
text-decoration: none;
color: var(--c-fg);
}
.hero.ticker .row:last-child { border-bottom: 1px solid var(--c-divider); }
.hero.ticker .row:hover { transform: translateX(16px); }
.hero.ticker .row .num {
font-family: var(--t-mono); font-size: 11px; letter-spacing: var(--ls-wider);
color: var(--c-fg-dim); width: 36px; font-weight: 600;
}
.hero.ticker .row .cat {
font-family: var(--t-mono); font-size: 10px; letter-spacing: var(--ls-wider);
text-transform: uppercase; padding: 3px 9px; border-radius: var(--r-pill);
margin-left: auto; background: var(--c-surface-2); color: var(--c-fg-dim); font-weight: 700;
}
.hero.ticker .row:hover .cat { background: var(--c-1); color: #fff; }
.hero.ticker .row .when {
font-family: var(--t-mono); font-size: 12px; letter-spacing: 0.03em;
color: var(--c-fg-dim); font-weight: 500;
} .se-grid {
display: grid;
gap: var(--gap);
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
[data-density="comfy"]   .se-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); }
[data-density="compact"] .se-grid { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.event-card {
position: relative;
border-radius: var(--r-md);
overflow: hidden;
background: var(--c-bg);
border: 1px solid var(--c-border);
display: flex;
flex-direction: column;
cursor: pointer;
text-decoration: none;
color: var(--c-fg);
transition: box-shadow 0.22s cubic-bezier(0.25, 1, 0.5, 1),
border-color 0.22s cubic-bezier(0.25, 1, 0.5, 1);
}
.event-card:hover {
box-shadow: var(--se-shadow-lift);
border-color: color-mix(in oklab, var(--c-1) 30%, var(--c-border));
} .artist-poster,
.venue-cover {
transition: box-shadow 0.22s cubic-bezier(0.25, 1, 0.5, 1);
border-radius: var(--r-md);
}
.artist-poster:hover,
.venue-cover:hover {
box-shadow: var(--se-shadow-lift);
}
.artist-poster .poster-img img,
.venue-cover .venue-cover-img img {
transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.artist-poster:hover .poster-img img,
.venue-cover:hover .venue-cover-img img {
transform: scale(1.04);
} .event-card .ec-image {
position: relative;
aspect-ratio: 3/2;
overflow: hidden;
background: var(--c-surface-2);
border-radius: var(--r-md) var(--r-md) 0 0;
}
.event-card .ec-image img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
border-radius: var(--r-md) var(--r-md) 0 0;
}
.event-card:hover .ec-image img { transform: scale(1.04); }
.event-card .ec-image-veil {
position: absolute; inset: 0;
background: linear-gradient(to bottom, transparent 55%, color-mix(in oklab, var(--c-bg) 40%, transparent) 100%);
pointer-events: none;
}
.event-card .ec-image-district {
position: absolute;
bottom: 10px; left: 10px;
z-index: 4;
font-size: 11px;
font-weight: 600;
line-height: 1;
padding: 4px 8px;
border-radius: var(--r-lg);
background: color-mix(in oklab, var(--c-bg) 85%, transparent);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border: 1px solid color-mix(in oklab, var(--c-fg) 14%, transparent);
color: var(--c-fg);
pointer-events: none;
} .event-card .ec-content {
padding: 16px 18px 18px;
display: flex;
flex-direction: column;
flex: 1;
} .event-card .ec-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
margin-bottom: 10px;
}
.event-card .ec-date {
display: flex;
align-items: baseline;
gap: 5px;
}
.event-card .ec-day {
font-family: var(--t-display);
font-weight: 800;
font-size: 40px;
letter-spacing: -0.05em;
line-height: 1;
color: var(--c-fg);
}
.event-card .ec-month-group {
display: flex;
flex-direction: column;
gap: 1px;
padding-bottom: 3px;
}
.event-card .ec-month {
font-size: 10px;
font-weight: 700;
letter-spacing: var(--ls-wider);
text-transform: uppercase;
color: var(--c-fg-dim);
line-height: 1;
}
.event-card .ec-weekday {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--c-fg-faint);
}
.event-card .ec-category {
font-size: 10px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--c-1);
padding: 4px 9px;
background: var(--c-1-soft);
border-radius: var(--r-xs);
white-space: nowrap;
align-self: flex-start;
flex-shrink: 0;
} .event-card .ec-title {
font-family: var(--t-display);
font-weight: 700;
font-size: 18px;
letter-spacing: -0.02em;
line-height: 1.22;
text-wrap: balance;
color: var(--c-fg);
margin: 0 0 10px;
} .event-card .ec-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
font-size: 13px;
color: var(--c-fg-dim);
}
.event-card .ec-meta-sep { opacity: 0.35; } .event-card .ec-foot {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--c-border);
} .event-card .ec-price,
.price-block,
.price {
font-family: var(--t-body);
}
.event-card .ec-price {
font-size: 13px;
font-weight: 600;
color: var(--c-fg-dim);
}
.event-card .ec-price.is-free { color: var(--c-3); font-weight: 700; }
.event-card.is-past { opacity: .72; }
.event-card.is-past .ec-image { filter: grayscale(.35); }
.event-card .ec-price.is-past-label { color: var(--c-fg-dim); font-style: italic; }
.event-row.is-past { opacity: .72; }
.event-row.is-past .row-photo { filter: grayscale(.35); }
.event-card .ec-cta {
font-size: 12px;
font-weight: 700;
color: var(--c-fg-dim);
display: inline-flex;
align-items: center;
gap: 4px;
transition: color 0.15s ease;
}
.event-card .ec-cta > span { display: inline-block; transition: transform 0.2s ease; }
.event-card:hover .ec-cta { color: var(--c-1); }
.event-card:hover .ec-cta > span { transform: translateX(4px); } .event-card .ec-body {
display: flex;
flex-direction: column;
flex: 1;
text-decoration: none;
color: inherit;
}
.event-card .ec-address {
font-size: var(--ts-xs);
color: var(--c-fg-faint);
margin-top: -4px;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .se-favorite-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
gap: 0;
width: 36px; height: 36px;
border-radius: var(--r-sm);
background: #fff;
border: 1.5px solid var(--c-1);
color: var(--c-1);
cursor: pointer;
flex-shrink: 0;
transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}
.se-favorite-btn svg {
transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1), fill 0.15s ease;
}
.se-favorite-btn:hover { transform: scale(1.08); }
.se-favorite-btn.accent,
.se-favorite-btn.is-active,
.se-favorite-btn[data-active="true"] {
background: var(--c-1-soft);
border-color: var(--c-1);
color: var(--c-1);
}
.se-favorite-btn.accent svg,
.se-favorite-btn.is-active svg,
.se-favorite-btn[data-active="true"] svg {
fill: currentColor;
transform: scale(1.15);
}
.se-favorite-btn:disabled { opacity: .6; cursor: not-allowed; transform: none; }
.se-favorite-btn .se-favorite-btn__label,
.se-favorite-btn .fav-label { display: none; } .ec-fav,
.am-fav,
.vm-fav { position: absolute; top: 12px; right: 12px; z-index: 4; width: 32px; height: 32px; } .se-favorite-btn.se-fav-sm { width: 30px; height: 30px; } .se-list { display: flex; flex-direction: column; gap: 10px; }
.event-row {
display: grid;
grid-template-columns: 110px 72px 1fr auto auto;
gap: 20px;
align-items: center;
padding: 12px 16px 12px 12px;
border-radius: var(--r-md);
background: var(--c-bg);
border: 1px solid var(--c-border);
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease;
text-decoration: none;
color: var(--c-fg);
}
.event-row:hover { transform: translateY(-2px); box-shadow: var(--se-shadow-md); }
.event-row .row-photo {
width: 110px; height: 80px;
border-radius: var(--r-sm); overflow: hidden; background: var(--c-surface-2);
}
.event-row .row-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.event-row .when-block { text-align: center; font-family: var(--t-display); line-height: 1; }
.event-row .when-block .d { font-size: 34px; font-weight: 800; letter-spacing: -0.04em; }
.event-row .when-block .m {
font-family: var(--t-mono); font-size: 10px; letter-spacing: var(--ls-wider);
text-transform: uppercase; margin-top: 4px; color: var(--c-fg-dim); font-weight: 700;
}
.event-row .er-info { display: flex; flex-direction: column; gap: 7px; min-width: 0; }
.event-row .er-title {
font-family: var(--t-display); font-weight: 700; font-size: 20px;
letter-spacing: -0.02em; line-height: 1.1; overflow-wrap: break-word; color: var(--c-fg);
}
.event-row .er-meta { font-size: 13px; color: var(--c-fg-dim); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.event-row .price-block { font-family: var(--t-body); font-weight: 600; font-size: 14px; text-align: right; }
.event-row .price-block .label {
font-size: 10px; text-transform: uppercase; letter-spacing: var(--ls-wider);
color: var(--c-fg-dim); display: block; margin-bottom: 4px;
} .se-list .event-row {
grid-template-columns: 96px 1fr auto;
gap: 16px;
padding: 16px;
border-radius: var(--r-sm);
overflow: hidden;
}
.se-list .event-row .row-photo { width: 96px; height: 120px; aspect-ratio: 4/5; align-self: stretch; } .se-list .er-action-col {
display: flex; flex-direction: column; align-items: flex-end; justify-content: center;
gap: 10px; flex-shrink: 0;
padding: 8px 12px 8px 0;
}
.se-list .er-action-col .price-block { text-align: right; } .se-list .er-fav-wrap .se-favorite-btn { width: 36px; height: 36px; } .se-list .er-eyebrow .er-district { color: var(--c-fg-dim); font-weight: 500; } .cat-strip { display: flex; gap: 10px; flex-wrap: wrap; margin: 20px 0 8px; }
.cat-tile {
flex: 1; min-width: 160px;
padding: 16px 20px;
border-radius: var(--r-md);
background: var(--c-bg);
border: 1px solid var(--c-border);
cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease;
display: flex; flex-direction: row; align-items: center; gap: 12px;
text-decoration: none; color: var(--c-fg);
}
.cat-tile:hover { transform: translateY(-3px); box-shadow: var(--se-shadow-md); }
.cat-tile.active { background: var(--c-fg); color: var(--c-bg); border-color: var(--c-fg); }
.cat-tile .icon-wrap {
width: 36px; height: 36px; flex-shrink: 0;
display: flex; align-items: center; justify-content: center;
font-size: 22px; line-height: 1;
}
.cat-tile .icon-wrap img.se-term-icon { width: 28px; height: 28px; }
.cat-tile .cat-name { font-family: var(--t-display); font-weight: 700; font-size: 16px; letter-spacing: -0.02em; line-height: 1.1; }
.cat-tile .cat-count { font-size: 12px; color: var(--c-fg-dim); margin-top: 2px; }
.cat-tile.active .cat-count { color: color-mix(in oklab, var(--c-bg) 50%, transparent); } .toolbar { display: flex; align-items: center; gap: 10px; padding: 14px 0; flex-wrap: wrap; }
.filter-pills { display: flex; gap: 6px; flex-wrap: wrap; }
.fp {
display: inline-flex; align-items: center; gap: 5px;
padding: 7px 14px; border-radius: var(--r-pill);
background: var(--c-bg); color: var(--c-fg);
border: 1.5px solid var(--c-border); font-size: 13px; font-weight: 600;
cursor: pointer; transition: background 0.12s ease, color 0.12s ease, border-color 0.12s ease;
text-decoration: none; line-height: 1;
}
.fp .se-term-icon { display: inline-block; }
.fp:hover { border-color: var(--c-fg-dim); }
.fp.on { background: var(--c-fg); color: var(--c-bg); border-color: var(--c-fg); } .event-hero {
display: grid; grid-template-columns: 35fr 65fr; gap: 28px; margin-top: 12px;
}
.event-hero .poster {
position: relative; aspect-ratio: 4/5;
border-radius: var(--r-lg); overflow: hidden;
display: flex; align-items: flex-end; padding: 28px;
}
.event-hero .poster > img {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
}
.event-hero .poster .poster-tint {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.04) 0%, rgba(0,0,0,.22) 55%, rgba(0,0,0,.62) 100%);
} .event-hero .info {
padding: 8px 0; display: flex; flex-direction: column; gap: 14px;
}
.event-hero .info .ctas { margin-top: auto; }
.event-hero .info h1 {
font-family: var(--t-display); font-weight: 800;
font-size: clamp(34px, 4vw, 64px); line-height: 0.96;
letter-spacing: -0.04em; margin: 0; text-wrap: balance;
}
.event-hero .info .blurb { font-size: 15px; color: var(--c-fg-dim); line-height: 1.55; }
.at { display: flex; align-items: center; flex-wrap: wrap; }
.event-hero .info .at { gap: 12px; font-size: 14px; color: var(--c-fg-dim); }
.event-hero .info .at b { color: var(--c-fg); font-weight: 600; }
.event-hero .ctas { display: flex; flex-wrap: wrap; gap: 10px; align-items: stretch; margin-top: 4px; }
.event-hero .se-ticket-platforms { margin-top: 10px; } .location-logo-area {
display: flex;
align-items: center;
padding: 0;
background: transparent;
border: none;
border-radius: 0;
width: fit-content;
margin-bottom: 12px;
margin-top: 4px;
}
.location-logo {
display: block;
max-height: 50px;
max-width: 180px;
width: auto;
height: auto;
object-fit: contain;
} .poster-cats {
position: absolute; top: 16px; left: 16px;
display: flex; flex-wrap: wrap; gap: 6px; z-index: 2;
}
.poster-cat-badge {
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: .1em;
background: rgba(0,0,0,.55); color: #fff;
padding: 4px 10px; border-radius: var(--r-pill);
text-decoration: none; backdrop-filter: blur(8px);
transition: background .15s;
}
.poster-cat-badge:hover { background: var(--c-1); }
.poster-cat-badge--loc  { background: rgba(255,255,255,.18); } .lineup-highlight {
position: relative;
font-family: var(--t-display);
font-size: clamp(17px, 2vw, 22px);
font-style: normal;
font-weight: 700;
color: var(--c-fg);
line-height: 1.45;
letter-spacing: -0.01em;
margin: 0;
padding: 0 0 0 56px;
background: none;
border: none;
}
.lineup-highlight::before {
content: '\201C';
position: absolute;
left: 0;
top: -0.15em;
font-family: Georgia, serif;
font-size: 5em;
line-height: 1;
color: rgba(17,17,17,.12);
font-style: normal;
pointer-events: none;
} .kadro-grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px;
}
@media (max-width: 768px) { .kadro-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .kadro-grid { grid-template-columns: repeat(2, 1fr); } }
.kadro-card { text-align: center; }
.kadro-thumb {
aspect-ratio: 1/1; border-radius: var(--r-sm); overflow: hidden;
background: var(--c-surface); margin-bottom: 8px;
}
.kadro-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.kadro-info { padding: 0 4px; }
.kadro-name { font-weight: 700; font-size: 13px; line-height: 1.3; }
.kadro-role { font-size: 11px; color: var(--c-fg-dim); margin-top: 2px; } .ev-props-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 12px;
}
.ev-prop {
display: flex; align-items: center; gap: 10px;
padding: 12px; background: var(--c-surface);
border: 1px solid var(--c-border); border-radius: var(--r-sm);
}
.ev-prop__icon { font-size: 20px; flex-shrink: 0; }
.ev-prop__label { font-size: 11px; color: var(--c-fg-dim); text-transform: uppercase; letter-spacing: .05em; margin-bottom: 2px; }
.ev-prop__val   { font-size: 13px; font-weight: 600; } .poster-cat-badge--pick      { background: rgba(245,128,37,.85); }
.poster-cat-badge--sponsored { background: rgba(26,26,46,.75); } .hero-price {
display: flex; align-items: baseline; gap: 6px; margin-bottom: 4px;
}
.hero-price__amount {
font-family: var(--t-display); font-weight: 800; font-size: 24px;
letter-spacing: -0.03em; color: var(--c-fg);
}
.hero-price__label { font-size: 13px; color: var(--c-fg-dim); } .hero-share {
display: flex; align-items: center; gap: 10px; flex-wrap: wrap;
}
.hero-share__label {
font-size: 12px; font-weight: 600; color: var(--c-fg-dim);
text-transform: uppercase; letter-spacing: .06em; flex-shrink: 0;
}
.hero-share__btns { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hero-share__sep { width: 1px; height: 20px; background: var(--c-border); margin: 0 4px; flex-shrink: 0; }
.hero-share__label--inline { margin-left: 2px; } .hero-sessions {
margin-top: 16px;
padding-top: 16px;
border-top: 1px solid var(--c-border);
}
.hero-sessions__label {
font-family: var(--t-mono); font-size: 10px; text-transform: uppercase;
letter-spacing: .08em; color: var(--c-fg-dim); margin-bottom: 10px;
}
.hero-sessions__list { display: flex; flex-direction: column; gap: 6px; }
.hero-sessions__item {
display: flex; align-items: center; justify-content: space-between;
gap: 12px; padding: 8px 0;
border-bottom: 1px solid var(--c-border);
font-size: 13px;
}
.hero-sessions__item:last-child { border-bottom: none; padding-bottom: 0; }
.hero-sessions__date {
display: flex; align-items: center; gap: 8px;
}
.hero-sessions__day {
font-family: var(--t-display); font-size: 22px; font-weight: 700;
line-height: 1; color: var(--c-fg); min-width: 24px; text-align: right;
}
.hero-sessions__month-wrap {
display: flex; flex-direction: column; gap: 1px;
font-size: 12px; font-weight: 600; color: var(--c-fg);
}
.hero-sessions__time {
font-family: var(--t-mono); font-size: 12px; color: var(--c-fg-dim);
margin-left: 4px;
}
.hero-sessions__link {
display: inline-flex; align-items: center; gap: 4px;
font-size: 12px; font-weight: 600; color: var(--c-1);
text-decoration: none; white-space: nowrap; flex-shrink: 0;
padding: 4px 10px; border: 1px solid var(--c-1); border-radius: var(--r-sm);
transition: background .15s, color .15s;
}
.hero-sessions__link:hover { background: var(--c-1); color: #fff; } .sidebar-sessions {
padding: 0 0 20px;
border-bottom: 1px solid var(--c-border);
}
.sidebar-sessions__title {
font-family: var(--t-mono); font-size: 10px; text-transform: uppercase;
letter-spacing: .08em; color: var(--c-fg-dim); margin: 0 0 10px;
}
.sidebar-sessions__row {
display: flex; align-items: center; justify-content: space-between;
gap: 8px; padding: 7px 0;
border-bottom: 1px solid var(--c-border);
font-size: 13px;
}
.sidebar-sessions__row:last-child { border-bottom: none; padding-bottom: 0; }
.sidebar-sessions__info {
display: flex; flex-direction: column; gap: 2px;
}
.sidebar-sessions__info b { font-weight: 700; color: var(--c-fg); }
.sidebar-sessions__meta { font-size: 11px; color: var(--c-fg-dim); }
.sidebar-sessions__link {
font-size: 11px; font-weight: 600; color: var(--c-1);
text-decoration: none; white-space: nowrap; flex-shrink: 0;
}
.sidebar-sessions__link:hover { text-decoration: underline; } .se-attend-btn.on { background: var(--c-3); border-color: var(--c-3); } .se-favorite-btn.on { background: var(--c-1-soft); border-color: var(--c-1); color: var(--c-1); } .se-follow-btn.is-following { background: var(--c-2); border-color: var(--c-2); } .amenity-check-list { display: flex; flex-direction: column; gap: 6px; }
.amenity-check-row {
display: flex; align-items: center; gap: 8px;
font-size: 13px;
}
.amenity-check-row--no { opacity: .45; }
.amenity-check-icon--yes { color: var(--c-3, #2D6A4F); flex-shrink: 0; }
.amenity-check-icon--no  { color: var(--c-fg-dim);     flex-shrink: 0; } .contact-list { display: flex; flex-direction: column; gap: 10px; }
.contact-item {
display: inline-flex; align-items: center; gap: 10px;
font-size: 14px; text-decoration: none; color: var(--c-fg);
transition: color .15s;
}
.contact-item:hover { color: var(--c-1); }
.contact-item svg { flex-shrink: 0; color: var(--c-fg-dim); } .organizer-invite {
display: flex; gap: 12px; align-items: flex-start;
padding: 16px; background: var(--c-surface);
border: 1px dashed var(--c-border); border-radius: var(--r-md);
margin-top: 4px;
}
.organizer-invite__icon { font-size: 28px; flex-shrink: 0; line-height: 1; }
.organizer-invite__title { font-weight: 700; font-size: 14px; margin-bottom: 4px; }
.organizer-invite__desc  { font-size: 12px; color: var(--c-fg-dim); line-height: 1.5; margin-bottom: 10px; }
.organizer-invite__btn {
display: inline-block; font-size: 12px; font-weight: 700;
color: var(--c-1); text-decoration: none;
border-bottom: 1px solid var(--c-1); transition: opacity .15s;
}
.organizer-invite__btn:hover { opacity: .7; }
.detail-grid { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; margin-top: 28px; }
.detail-card {
border-radius: var(--r-md); background: var(--c-surface);
border: 1px solid var(--c-border); padding: 20px 22px;
} .sidebar-section {
padding: 0 0 20px;
border-bottom: 1px solid var(--c-border);
}
.sidebar-section:last-of-type { border-bottom: none; padding-bottom: 0; }
.sidebar-section h3 {
font-family: var(--t-display); font-weight: 700; font-size: 11px;
letter-spacing: .08em; margin: 0 0 12px;
text-transform: uppercase;
color: var(--c-fg-dim);
}
.detail-card h3 {
font-family: var(--t-display); font-weight: 700; font-size: 18px;
letter-spacing: -0.02em; margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 1px solid var(--c-divider);
}
.kv { display: grid; grid-template-columns: 120px 1fr; gap: 10px 16px; font-size: 14px; }
.kv .k {
font-family: var(--t-mono); font-size: 10px; text-transform: uppercase;
letter-spacing: var(--ls-wider); color: var(--c-fg-dim); font-weight: 700; padding-top: 3px;
}
.kv .v { color: var(--c-fg); } .profile-hero {
position: relative; border-radius: var(--r-lg); overflow: hidden;
padding: 56px; margin-top: 20px; min-height: 340px;
display: flex; flex-direction: column; justify-content: space-between;
color: #fff; isolation: isolate;
}
.profile-hero .ph-bg {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2;
}
.profile-hero .ph-shade {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.25) 0%, rgba(0,0,0,.5) 100%);
z-index: -1;
}
.profile-hero .ph-content { position: relative; z-index: 1; }
.profile-hero .avatar {
width: 108px; height: 108px; border-radius: 50%;
background: rgba(255,255,255,0.15); border: 3px solid rgba(255,255,255,.85);
overflow: hidden; display: flex; align-items: center; justify-content: center;
font-family: var(--t-display); font-weight: 800; font-size: 52px;
letter-spacing: -0.04em; box-shadow: 0 6px 24px rgba(0,0,0,.3);
}
.profile-hero .avatar img { width: 100%; height: 100%; object-fit: cover; }
.profile-hero h1 {
font-family: var(--t-display); font-weight: 800;
font-size: clamp(44px, 5vw, 76px); line-height: 0.92;
letter-spacing: -0.04em; margin: 16px 0 6px;
text-shadow: 0 2px 16px rgba(0,0,0,.3);
}
.profile-hero .role { font-family: var(--t-mono); font-size: 12px; letter-spacing: var(--ls-wider); text-transform: uppercase; opacity: 0.85; }
.profile-hero .stats { display: flex; gap: 36px; margin-top: 22px; position: relative; z-index: 1; }
.profile-hero .stat .n { font-family: var(--t-display); font-weight: 800; font-size: 32px; letter-spacing: -0.03em; line-height: 1; }
.profile-hero .stat .l { font-size: 11px; opacity: 0.8; margin-top: 3px; }
.profile-hero .follow { position: absolute; top: 28px; right: 28px; z-index: 2; }
.venue-hero-photo {
margin-top: 8px; border-radius: var(--r-md); overflow: hidden;
aspect-ratio: 21/9; background: var(--c-surface-2);
}
.venue-hero-photo img { width: 100%; height: 100%; object-fit: cover; display: block; } .post-card {
border-radius: var(--r-md); overflow: hidden; cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease;
display: flex; flex-direction: column; position: relative;
text-decoration: none; color: var(--c-fg);
}
.post-card:hover { transform: translateY(-4px); box-shadow: var(--se-shadow-lift); }
.type-tag {
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: var(--ls-wider);
padding: 4px 9px; border-radius: var(--r-xs); display: inline-block; line-height: 1;
}
.type-tag.t-blog    { background: var(--c-3-soft); color: var(--c-3); }
.type-tag.t-haber   { background: var(--c-1); color: #fff; }
.type-tag.t-roportaj { background: rgba(0,0,0,.7); color: #fff; backdrop-filter: blur(8px); } .pc-blog {
background: var(--c-bg); border: 1px solid var(--c-border);
padding: 26px 24px 20px; display: flex; flex-direction: column; gap: 14px;
}
.pc-blog-head {
display: flex; align-items: center; gap: 10px;
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: var(--ls-wider); color: var(--c-fg-dim);
}
.pc-blog-title {
font-family: var(--t-display); font-weight: 700; font-size: 26px;
letter-spacing: -0.025em; line-height: 1.08; text-wrap: balance;
}
.pc-blog-lede {
font-family: var(--t-display); font-style: italic; font-weight: 500;
font-size: 16px; line-height: 1.5; color: var(--c-fg-dim);
background: var(--c-1-soft);
padding: 10px 14px;
border-radius: var(--r-xs);
border-left: 2px solid var(--c-1);
}
.pc-blog-foot {
margin-top: auto; display: flex; justify-content: space-between; align-items: center;
padding-top: 12px; border-top: 1px solid var(--c-border);
}
.pc-blog-foot .author-line { display: flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; }
.pc-blog-foot .author-line img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }
.pc-blog-foot .cta-arrow { font-size: 12px; font-weight: 700; color: var(--c-fg-dim); }
.post-card:hover .cta-arrow { color: var(--c-1); } .pc-haber { min-height: 360px; color: #fff; background: #000; }
.pc-haber-bg {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
transition: transform 0.6s ease;
}
.post-card:hover .pc-haber-bg { transform: scale(1.04); }
.pc-haber-shade {
position: absolute; inset: 0;
background: linear-gradient(180deg, rgba(0,0,0,.42) 0%, rgba(0,0,0,.08) 32%, rgba(0,0,0,.32) 55%, rgba(0,0,0,.90) 100%);
}
.pc-haber-top {
position: relative; z-index: 2; padding: 20px 22px;
display: flex; justify-content: space-between; align-items: flex-start;
}
.pc-haber-credit {
font-family: var(--t-mono); font-size: 10px; letter-spacing: 0.05em;
color: rgba(255,255,255,.7); text-transform: uppercase; text-align: right; max-width: 130px;
}
.pc-haber-bot {
position: relative; z-index: 2; margin-top: auto;
padding: 0 22px 22px; display: flex; flex-direction: column; gap: 10px;
}
.pc-haber-title {
font-family: var(--t-display); font-weight: 800; font-size: 28px;
letter-spacing: -0.03em; line-height: 1.02; text-wrap: balance;
}
.pc-haber-lede { font-size: 14px; line-height: 1.45; color: rgba(255,255,255,.82); max-width: 92%; }
.pc-haber-meta {
display: flex; gap: 8px; font-family: var(--t-mono); font-size: 10px;
font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em;
color: rgba(255,255,255,.6); margin-top: 4px;
} .pc-roportaj { background: var(--c-bg); border: 1px solid var(--c-border); overflow: hidden; }
.pc-vid { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #000; }
.pc-vid img {
position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
transition: transform 0.5s ease, filter 0.3s ease; filter: brightness(0.85);
}
.post-card:hover .pc-vid img { transform: scale(1.04); filter: brightness(0.7); }
.pc-vid-shade {
position: absolute; inset: 0;
background: radial-gradient(ellipse at center, transparent 40%, rgba(0,0,0,.45) 100%);
}
.pc-vid-play {
position: absolute; top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 60px; height: 60px; border-radius: 50%;
background: rgba(255,255,255,0.96); color: var(--c-1);
display: flex; align-items: center; justify-content: center;
z-index: 3; box-shadow: 0 8px 28px rgba(0,0,0,.4);
transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}
.pc-vid-play svg { transform: translateX(2px); }
.post-card:hover .pc-vid-play { transform: translate(-50%, -50%) scale(1.1); background: var(--c-1); color: #fff; }
.pc-vid-duration {
position: absolute; bottom: 10px; right: 10px; z-index: 3;
font-family: var(--t-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.04em;
color: #fff; background: rgba(0,0,0,0.78); padding: 3px 7px; border-radius: var(--r-xs);
backdrop-filter: blur(4px);
}
.pc-vid-tag {
position: absolute; top: 10px; left: 10px; z-index: 3;
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: var(--ls-wider);
color: #fff; background: var(--c-1); padding: 4px 9px; border-radius: var(--r-xs);
}
.pc-roportaj-body { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 10px; }
.pc-roportaj-title {
font-family: var(--t-display); font-weight: 700; font-size: 21px;
letter-spacing: -0.02em; line-height: 1.15; text-wrap: balance;
}
.pc-roportaj-sub {
font-family: var(--t-display); font-style: italic; font-weight: 500;
font-size: 15px; color: var(--c-fg-dim); line-height: 1.3;
}
.pc-roportaj-meta {
display: flex; align-items: center; gap: 8px; margin-top: auto;
padding-top: 10px; border-top: 1px solid var(--c-border);
font-size: 12px; color: var(--c-fg-dim);
}
.pc-roportaj-meta img { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; }
.pc-roportaj-meta b { color: var(--c-fg); font-weight: 600; } .article { max-width: 68ch; margin: 0 auto; padding-top: 24px; }
.article-crumb { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; flex-wrap: wrap; }
.article h1 {
font-family: var(--t-display); font-weight: 800;
font-size: clamp(40px, 5vw, 68px); line-height: 0.96;
letter-spacing: -0.04em; margin: 8px 0 14px; text-wrap: balance;
}
.article-sub {
font-family: var(--t-display); font-style: italic; font-weight: 500;
font-size: 21px; color: var(--c-fg-dim); margin-bottom: 14px; letter-spacing: -0.015em;
}
.article .lede { font-size: 21px; line-height: 1.4; color: var(--c-fg-dim); margin-bottom: 30px; }
.article .byline {
display: flex; gap: 14px; align-items: center; margin-bottom: 34px;
padding-bottom: 26px; border-bottom: 1px solid var(--c-divider); font-size: 14px;
}
.article .byline .av-img { width: 38px; height: 38px; border-radius: 50%; object-fit: cover; }
.article .byline .who { font-weight: 600; }
.article .byline .when { color: var(--c-fg-dim); font-size: 13px; margin-top: 2px; }  .aw-hero {
grid-column: 1 / -1;
margin-bottom: 0; } .aw-hero .rph-hero,
.aw-hero .gph-hero,
.aw-hero .blog-cover,
.aw-hero .haber-cover {
width: 100%;
} .article-rule {
border: 0; border-top: 1px solid var(--c-border);
margin: 0 0 36px;
} .blog-cover {
border-radius: var(--r-md);
overflow: hidden;
}
.blog-cover-img {
width: 100%;
aspect-ratio: 21 / 9;
object-fit: cover;
display: block;
transition: transform .6s cubic-bezier(.25,.46,.45,.94);
}
.blog-cover:hover .blog-cover-img { transform: scale(1.015); }
.blog-cover-cap {
display: flex; align-items: center; gap: 5px;
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: .07em;
color: var(--c-fg-dim); padding: 9px 2px 0;
} .haber-cover {
border-radius: var(--r-md);
overflow: hidden;
}
.haber-cover-img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover; display: block;
}
.haber-cover-cap {
display: flex; align-items: center; gap: 5px;
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
text-transform: uppercase; letter-spacing: .07em;
color: var(--c-fg-dim); padding: 9px 2px 0;
} .rph-hero {
border-radius: var(--r-md);
overflow: hidden;
background: var(--c-2);
} .rph-stage {
position: relative;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--c-2);
cursor: pointer;
}
.rph-poster {
width: 100%; height: 100%;
object-fit: cover; display: block;
filter: brightness(.72) saturate(.88);
transition: filter .35s ease, transform .5s cubic-bezier(.25,.46,.45,.94);
}
.rph-poster-placeholder {
width: 100%; height: 100%;
background: var(--c-2);
}
.rph-stage:hover .rph-poster {
filter: brightness(.52) saturate(.8);
transform: scale(1.025);
} .rph-vignette {
position: absolute; inset: 0; pointer-events: none;
background: radial-gradient(ellipse at center, transparent 35%, rgba(0,0,0,.55) 100%);
} .rph-play {
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
width: 88px; height: 88px;
border-radius: 50%; border: 0;
background: rgba(255,255,255,.96);
color: var(--c-2);
display: flex; align-items: center; justify-content: center;
box-shadow: 0 16px 56px rgba(0,0,0,.45), 0 4px 12px rgba(0,0,0,.3);
transition:
transform .28s cubic-bezier(.34,1.56,.64,1),
background .2s ease,
color .2s ease,
box-shadow .25s ease;
pointer-events: none;
}
.rph-play svg { transform: translateX(4px); }
.rph-stage:hover .rph-play {
transform: translate(-50%, -50%) scale(1.14);
background: var(--c-1);
color: #fff;
box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.3);
} .rph-badge {
position: absolute;
font-family: var(--t-mono); font-weight: 700;
text-transform: uppercase; letter-spacing: .07em;
backdrop-filter: blur(6px);
}
.rph-badge--platform {
top: 16px; right: 16px;
font-size: 10px; color: rgba(255,255,255,.75);
background: rgba(0,0,0,.5);
padding: 4px 11px; border-radius: var(--r-pill);
} .rph-badge--dur {
bottom: 16px; right: 16px;
font-size: 14px; color: #fff;
background: rgba(0,0,0,.68);
padding: 5px 12px; border-radius: var(--r-xs);
letter-spacing: .03em;
} .rph-strip {
background: var(--c-2);
display: flex; align-items: center; gap: 14px;
padding: 14px 24px; flex-wrap: wrap;
}
.rph-strip-label {
display: flex; align-items: center; gap: 6px;
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
letter-spacing: .1em; text-transform: uppercase;
color: var(--c-1); flex-shrink: 0;
}
.rph-strip-guest {
font-family: var(--t-display); font-weight: 500; font-size: 14px;
color: rgba(255,255,255,.65); flex: 1;
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.rph-strip-dur {
font-family: var(--t-mono); font-size: 12px; font-weight: 700;
color: rgba(255,255,255,.4); flex-shrink: 0;
}
.rph-strip-cta {
flex-shrink: 0; background: var(--c-1); color: #fff;
border: 0; border-radius: var(--r-sm);
padding: 8px 20px;
font-family: var(--t-display); font-weight: 700; font-size: 13px;
letter-spacing: .02em; cursor: pointer; text-decoration: none;
display: inline-flex; align-items: center;
transition: opacity .15s, transform .15s;
}
.rph-strip-cta:hover { opacity: .88; transform: translateY(-1px); } .gph-hero {
border-radius: var(--r-md);
overflow: hidden;
background: color-mix(in oklab, var(--c-fg) 88%, transparent);
} .gph-mosaic {
display: grid;
grid-template-columns: 5fr 3fr;
gap: 3px;
height: 460px;
} .gph-featured {
overflow: hidden; position: relative; cursor: pointer;
}
.gph-featured .gph-img {
width: 100%; height: 100%; object-fit: cover; display: block;
transition: transform .55s cubic-bezier(.25,.46,.45,.94);
}
.gph-featured:hover .gph-img { transform: scale(1.04); } .gph-count-badge {
position: absolute; top: 16px; left: 16px;
display: flex; align-items: center; gap: 7px;
background: rgba(0,0,0,.58); color: #fff;
font-family: var(--t-mono); font-size: 11px; font-weight: 700;
letter-spacing: .06em; text-transform: uppercase;
padding: 6px 13px; border-radius: var(--r-pill);
backdrop-filter: blur(6px);
} .gph-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 3px;
}
.gph-cell {
overflow: hidden; position: relative; cursor: pointer;
background: color-mix(in oklab, var(--c-fg) 70%, transparent);
}
.gph-cell .gph-img {
width: 100%; height: 100%; object-fit: cover; display: block;
transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.gph-cell:hover .gph-img { transform: scale(1.07); } .gph-cell--more::after {
content: '';
position: absolute; inset: 0;
background: rgba(0,0,0,.52);
}
.gph-more-num {
position: absolute; inset: 0; z-index: 1;
display: flex; align-items: center; justify-content: center;
color: #fff;
font-family: var(--t-display); font-weight: 800;
font-size: clamp(26px, 3vw, 40px); letter-spacing: -.04em;
} .gph-strip {
background: rgba(0,0,0,.82);
display: flex; align-items: center;
gap: 4px; padding: 7px 10px;
overflow-x: auto; scrollbar-width: none;
}
.gph-strip::-webkit-scrollbar { display: none; }
.gph-strip-btn {
flex: 0 0 54px; height: 42px; overflow: hidden;
border-radius: var(--r-xs); padding: 0; background: none;
border: 2px solid transparent; cursor: pointer;
opacity: .45;
transition: opacity .15s, border-color .15s;
}
.gph-strip-btn:hover  { opacity: .75; }
.gph-strip-btn.active { opacity: 1; border-color: var(--c-1); }
.gph-strip-btn img    { width: 100%; height: 100%; object-fit: cover; display: block; }
.gph-counter {
margin-left: auto; flex-shrink: 0;
font-family: var(--t-mono); font-size: 12px; font-weight: 700;
color: rgba(255,255,255,.35); padding-left: 12px; white-space: nowrap;
}
.gph-counter em { color: rgba(255,255,255,.85); font-style: normal; } .gph-lightbox {
position: fixed; inset: 0; z-index: 2000;
background: rgba(5,5,10,.96);
display: flex; align-items: center; justify-content: center;
opacity: 0; pointer-events: none;
transition: opacity .22s ease;
}
.gph-lightbox.open { opacity: 1; pointer-events: auto; }
body.gph-lb-open { overflow: hidden; }
.gph-lb-img {
max-width: min(90vw, 1200px);
max-height: 80vh;
object-fit: contain; display: block;
border-radius: var(--r-sm);
transition: opacity .12s ease;
}
.gph-lb-close {
position: absolute; top: 20px; right: 20px;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.15);
color: #fff; width: 44px; height: 44px; border-radius: 50%;
cursor: pointer; display: flex; align-items: center; justify-content: center;
transition: background .15s;
}
.gph-lb-close:hover { background: rgba(255,255,255,.18); }
.gph-lb-nav {
position: absolute; top: 50%; transform: translateY(-50%);
background: rgba(255,255,255,.1);
border: 1px solid rgba(255,255,255,.15);
color: #fff; width: 56px; height: 56px; border-radius: 50%;
font-size: 30px; cursor: pointer;
display: flex; align-items: center; justify-content: center;
line-height: 1;
transition: background .15s, transform .2s;
}
.gph-lb-nav:hover { background: rgba(255,255,255,.2); }
.gph-lb-prev { left: 20px; }
.gph-lb-next { right: 20px; }
.gph-lb-caption {
position: absolute; bottom: 22px; left: 50%; transform: translateX(-50%);
font-family: var(--t-mono); font-size: 11px; letter-spacing: .05em;
color: rgba(255,255,255,.35); white-space: nowrap;
}
.gph-lb-caption em { color: rgba(255,255,255,.8); font-style: normal; } .type-tag.t-galeri { background: var(--c-2-soft,rgba(26,26,46,.1)); color: var(--c-2); } .pc-galeri {
display: flex; flex-direction: column;
border-radius: var(--r-md); overflow: hidden;
border: 1px solid var(--c-border); background: var(--c-bg);
color: inherit; text-decoration: none;
transition: box-shadow .2s, transform .2s;
}
.pc-galeri:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.1); }
.pc-galeri-strip {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 2px;
height: 160px; position: relative;
}
.pc-galeri-thumb {
background-size: cover; background-position: center;
transition: transform .3s;
}
.pc-galeri:hover .pc-galeri-thumb { transform: scale(1.04); }
.pc-galeri-more {
position: absolute; right: 8px; bottom: 8px;
background: rgba(0,0,0,.65); color: #fff; font-size: 13px; font-weight: 700;
padding: 3px 8px; border-radius: 12px; backdrop-filter: blur(4px);
}
.pc-galeri-body { padding: 16px 18px 18px; display: flex; flex-direction: column; gap: 8px; }
.pc-galeri-head { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--c-fg-dim); }
.pc-galeri-title { font-family: var(--t-display); font-weight: 700; font-size: 18px; line-height: 1.3; letter-spacing: -0.015em; color: var(--c-fg); }
.pc-galeri-sub { font-size: 13px; color: var(--c-fg-dim); }
.pc-galeri-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 4px; }
.article p { font-size: 17px; line-height: 1.65; color: var(--c-fg); margin: 0 0 20px; }
.article p.drop::first-letter {
font-family: var(--t-display); font-weight: 800; font-size: 68px;
float: left; line-height: 0.85; margin: 6px 12px 0 0; color: var(--c-1);
}
.article h2 {
font-family: var(--t-display); font-weight: 700; font-size: 26px;
letter-spacing: -0.025em; margin: 38px 0 14px;
}
.article blockquote {
margin: 38px 0; padding: 24px 28px;
background: var(--c-1-soft);
border-left: 3px solid var(--c-1);
border-radius: 0 var(--r-sm) var(--r-sm) 0;
font-family: var(--t-display); font-weight: 600; font-size: 20px;
line-height: 1.4; letter-spacing: -0.015em;
} .calendar {
border-radius: var(--r-md); background: var(--c-bg);
border: 1px solid var(--c-border); padding: 20px;
}
.cal-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; }
.cal-head .month { font-family: var(--t-display); font-weight: 700; font-size: 22px; letter-spacing: -0.02em; }
.cal-head .nav { display: flex; gap: 5px; }
.cal-head .nav button {
width: 28px; height: 28px; background: var(--c-surface);
border: 1px solid var(--c-border); border-radius: var(--r-xs); color: var(--c-fg);
transition: background 0.15s ease;
}
.cal-head .nav button:hover { background: var(--c-surface-2); }
.cal-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px; }
.cal-grid .day-name {
font-family: var(--t-mono); font-size: 10px; text-transform: uppercase;
letter-spacing: var(--ls-wider); color: var(--c-fg-dim); text-align: center;
padding: 4px 0 7px; font-weight: 700;
}
.cal-cell {
aspect-ratio: 1/1; border-radius: var(--r-sm); background: transparent;
border: 1px solid transparent;
display: flex; align-items: flex-start; justify-content: center; padding-top: 7px;
font-family: var(--t-display); font-weight: 700; font-size: 14px;
color: var(--c-fg-dim); cursor: pointer; position: relative;
transition: background 0.12s ease, color 0.12s ease;
}
.cal-cell.in { color: var(--c-fg); }
.cal-cell:hover { background: var(--c-surface); }
.cal-cell.has-event { background: var(--c-1-soft); color: var(--c-1); border-color: transparent; }
.cal-cell.has-event::after {
content: ''; position: absolute; bottom: 5px; left: 50%;
transform: translateX(-50%); width: 4px; height: 4px;
border-radius: 50%; background: var(--c-1);
}
.cal-cell.today { background: var(--c-fg); color: var(--c-bg); }
.cal-cell.today::after { background: var(--c-bg); } .scroll-row {
display: grid; grid-auto-flow: column; grid-auto-columns: 250px;
gap: 12px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin;
}
.scroll-row::-webkit-scrollbar { height: 4px; }
.scroll-row::-webkit-scrollbar-thumb { background: var(--c-fg-faint); border-radius: 2px; }
.artist-mini {
position: relative;
border-radius: var(--r-md); background: var(--c-bg);
border: 1px solid var(--c-border); padding: 12px;
display: flex; align-items: center; gap: 12px; cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease;
text-decoration: none; color: var(--c-fg);
}
.artist-mini:hover { transform: translateY(-3px); box-shadow: var(--se-shadow-md); }
.artist-mini .am-body {
display: flex; align-items: flex-start; gap: 12px;
flex: 1; min-width: 0; text-decoration: none; color: var(--c-fg);
padding-right: 26px;
}
.artist-mini .av-wrap {
width: 52px; height: 52px; border-radius: 50%; overflow: hidden;
background: var(--c-surface-2); flex-shrink: 0;
}
.artist-mini .av-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; }
.artist-mini .av-fallback {
width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
background: var(--c-1); color: #fff;
font-family: var(--t-display); font-weight: 800; font-size: 20px;
}
.artist-mini .am-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.artist-mini .am-nm { font-family: var(--t-display); font-weight: 700; font-size: 15px; letter-spacing: -0.02em; overflow-wrap: break-word; line-height: 1.2; }
.artist-mini .am-rl { font-size: 12px; color: var(--c-fg-dim); }
.artist-mini .am-cat {
display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.05em;
text-transform: uppercase; color: var(--c-1); background: var(--c-1-soft);
padding: 2px 6px; border-radius: var(--r-xs); align-self: flex-start; margin-top: 1px;
}
.artist-mini .am-loc {
display: flex; align-items: center; gap: 4px;
font-size: 11px; color: var(--c-fg-faint); margin-top: 1px;
}
.artist-mini .am-fl { font-family: var(--t-mono); font-size: 11px; color: var(--c-fg-dim); font-weight: 600; }
.artist-mini .am-addr { font-size: 11px; color: var(--c-fg-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.artist-mini .am-ev {
display: flex; align-items: center; flex-wrap: wrap; gap: 4px;
font-size: 11px; color: var(--c-fg-dim); margin-top: 4px;
padding-top: 5px; border-top: 1px solid var(--c-border);
}
.artist-mini .am-ev-sep { opacity: 0.35; }
.artist-mini .am-ev .am-ev-price { font-weight: 700; color: var(--c-fg); }
.artist-mini .am-ev .am-ev-price.is-free { color: var(--c-3); }
.venue-mini {
position: relative;
display: flex; align-items: center; gap: 14px; padding: 12px;
border-radius: var(--r-md); background: var(--c-bg);
border: 1px solid var(--c-border); cursor: pointer;
transition: transform 0.18s ease, box-shadow 0.18s ease;
text-decoration: none; color: var(--c-fg);
}
.venue-mini:hover { transform: translateY(-3px); box-shadow: var(--se-shadow-md); }
.venue-mini .vm-body {
display: flex; align-items: flex-start; gap: 12px;
flex: 1; min-width: 0; text-decoration: none; color: var(--c-fg);
padding-right: 30px;
}
.venue-mini .vm-thumb { width: 70px; aspect-ratio: 1/1; border-radius: var(--r-sm); overflow: hidden;
background: var(--c-surface-2); flex-shrink: 0;
}
.venue-mini .vm-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.venue-mini .vm-thumb-fallback { width: 100%; height: 100%; background: var(--c-surface-2); }
.venue-mini .vm-info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.venue-mini .vm-nm {
font-family: var(--t-display); font-weight: 700; font-size: 15px;
letter-spacing: -0.015em; overflow-wrap: break-word;
display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px; line-height: 1.2;
} .venue-mini .vm-ev-badge {
position: absolute; top: 4px; left: 4px; z-index: 2;
font-size: 9px; font-weight: 700; letter-spacing: 0.05em;
text-transform: uppercase; color: #fff; background: var(--c-1, #F58025);
padding: 2px 5px; border-radius: 3px; line-height: 1.4; white-space: nowrap;
}
.venue-mini .vm-cat {
display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.05em;
text-transform: uppercase; color: var(--c-2); background: var(--c-2-soft);
padding: 2px 6px; border-radius: var(--r-xs); align-self: flex-start; margin-top: 1px;
}
.venue-mini .vm-rl { font-size: 12px; color: var(--c-fg-dim); }
.venue-mini .vm-addr { font-size: 11px; color: var(--c-fg-faint); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 1px; } .cg-wrap {
overflow: visible; padding: 6px; margin: -6px; box-sizing: content-box;
} .cg-card {
text-decoration: none;
color: inherit;
transition: transform 0.2s ease, box-shadow 0.2s ease;
} .cg-card.cg-hover-scale:hover {
transform: translateY(-4px) scale(1.02) !important;
box-shadow: var(--se-shadow-lift, 0 12px 32px rgba(0,0,0,.14)) !important;
} .cg-card--image.cg-hover-scale:hover img,
.cg-card--color.cg-hover-scale:hover img {
transform: scale(1.05);
} .cg-card--chip    { transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.cg-card--outline { transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease; }
.cg-card--icon    { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.cg-card--color   { transition: transform 0.2s ease; }
.cg-card--image   { transition: transform 0.2s ease, box-shadow 0.2s ease; } .cg-card:not(.cg-hover-scale):hover {
transform: none;
box-shadow: none;
} @media (hover: none) {
.cg-card.cg-hover-scale:hover {
transform: none !important;
box-shadow: none !important;
}
.cg-card--image.cg-hover-scale:hover img,
.cg-card--color.cg-hover-scale:hover img { transform: none; }
}
.vm-verified { color: var(--c-3); flex-shrink: 0; display: inline-flex; align-items: center; } .map-ph {
aspect-ratio: 16/9; border-radius: var(--r-md);
background:
linear-gradient(135deg, transparent 49%, var(--c-fg-faint) 49.5%, var(--c-fg-faint) 50.5%, transparent 51%),
linear-gradient(45deg, transparent 49%, var(--c-fg-faint) 49.5%, var(--c-fg-faint) 50.5%, transparent 51%),
var(--c-surface);
background-size: 60px 60px, 60px 60px, auto;
position: relative; border: 1px solid var(--c-border);
margin-top: 16px; overflow: hidden;
}
.map-ph::before {
content: ''; position: absolute; top: 50%; left: 50%;
width: 28px; height: 28px; background: var(--c-1);
border-radius: 50% 50% 50% 0; transform: translate(-50%, -100%) rotate(-45deg);
box-shadow: 0 3px 10px rgba(0,0,0,.22);
}
.map-ph::after {
content: ''; position: absolute; top: 50%; left: 50%;
width: 12px; height: 12px; background: var(--c-bg);
border-radius: 50%; transform: translate(-50%, -26px);
} .se-site-footer {
margin-top: 80px;
padding: var(--se-footer-pt, 52px) var(--pad-page) var(--se-footer-pb, 28px);
border-top: 2px solid var(--c-1);
background: var(--se-footer-bg, var(--c-fg)); color: var(--se-footer-color, rgba(255,255,255,.65)); }
.se-site-footer .foot-top {
display: flex; justify-content: space-between; align-items: center;
gap: 40px; margin-bottom: 44px; flex-wrap: wrap;
} .se-site-footer .foot-big {
font-family: var(--t-display); font-weight: 800;
font-size: clamp(36px, 5vw, 80px); line-height: 0.92;
letter-spacing: -0.04em; max-width: 700px; text-wrap: balance;
color: var(--se-footer-widget-title-color, #fff);
} .se-site-footer .foot-nl-wrap {
width: 33%; min-width: 260px; flex-shrink: 0;
}
.se-site-footer .foot-nl {
display: flex; gap: 8px; padding: 6px 6px 6px 18px;
border-radius: var(--r-sm);
background: rgba(255,255,255,.07);
border: 1px solid var(--se-footer-border, rgba(255,255,255,.12));
width: 100%; align-items: center;
}
.se-site-footer .foot-nl input {
background: transparent; border: 0; outline: 0;
color: var(--se-footer-widget-title-color, #fff);
font-family: var(--t-body); font-size: 14px; flex: 1; padding: 8px 0;
}
.se-site-footer .foot-nl input::placeholder {
color: var(--se-footer-color, rgba(255,255,255,.4));
}
.se-site-footer .foot-cols {
display: grid; grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
gap: 28px; padding: 32px 0;
border-top: 1px solid var(--se-footer-border, rgba(255,255,255,.1));
} .se-site-footer .foot-col h4 {
font-family: var(--t-mono); font-size: 10px; text-transform: uppercase;
letter-spacing: var(--ls-wider);
color: var(--se-footer-widget-title-color, #fff); margin: 0 0 14px; font-weight: 700;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,.1); }
.se-site-footer .foot-col p,
.se-site-footer .foot-desc p,
.se-site-footer .foot-desc {
color: var(--se-footer-color, rgba(255,255,255,.65)); font-size: 14px; line-height: 1.6; max-width: 360px; margin: 0 0 8px;
font-family: var(--t-body);
}
.se-site-footer .foot-desc p:last-child { margin-bottom: 0; } .se-site-footer a {
color: var(--se-footer-link, rgba(255,255,255,.7)); text-decoration: none;
transition: color 0.15s ease, opacity 0.15s ease;
}
.se-site-footer a:hover {
color: var(--se-footer-link-hover, var(--c-1)); text-decoration: none;
} .se-site-footer .foot-col ul a,
.se-site-footer .widget ul a,
.se-site-footer .widget ol a {
display: block;
padding: 4px 0;
font-size: 14px;
font-family: var(--t-body);
} .se-site-footer .foot-col > a {
display: inline-block;
padding: 0;
} .se-site-footer .foot-bottom {
display: flex; flex-direction: column; align-items: center;
gap: 6px; text-align: center;
padding-top: 22px;
border-top: 1px solid var(--se-footer-border, rgba(255,255,255,.08));
background: var(--se-footer-bottom-bg, transparent);
margin: 0 calc(-1 * var(--pad-page)) 0;
padding-left: var(--pad-page); padding-right: var(--pad-page);
font-family: var(--t-body); font-size: 12px; text-transform: none;
letter-spacing: 0;
color: var(--se-footer-color, rgba(255,255,255,.5));
font-weight: 400;
}
.se-site-footer .foot-bottom a {
color: var(--se-footer-link, rgba(255,255,255,.7)); text-decoration: none;
font-size: inherit; font-family: inherit; padding: 0;
}
.se-site-footer .foot-bottom a:hover {
color: var(--se-footer-link-hover, var(--c-1)); } .tag-cloud { display: flex; gap: 6px; flex-wrap: wrap; }
.dot-sep { opacity: 0.4; margin: 0 5px; }
.empty {
padding: 56px; text-align: center; color: var(--c-fg-dim);
border: 1px dashed var(--c-border); border-radius: var(--r-md); font-size: 14px;
} .se-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
:focus-visible { outline: 2px solid var(--c-1); outline-offset: 3px; border-radius: var(--r-xs); }
.skip-link {
position: absolute; top: -100%; left: 1rem;
background: var(--c-1); color: #fff;
padding: 0.5rem 1rem; border-radius: 0 0 var(--r-sm) var(--r-sm);
z-index: 9999; font-weight: 600; transition: top 0.2s;
}
.skip-link:focus { top: 0; } .se-reveal {
opacity: 0;
transform: translateY(22px);
transition:
opacity    400ms cubic-bezier(0.16, 1, 0.3, 1),
transform  400ms cubic-bezier(0.16, 1, 0.3, 1);
}
.se-reveal.is-visible {
opacity: 1;
transform: translateY(0);
}
.se-reveal.delay-1 { transition-delay: 60ms; }
.se-reveal.delay-2 { transition-delay: 120ms; }
.se-reveal.delay-3 { transition-delay: 180ms; }
.se-reveal.delay-4 { transition-delay: 240ms; }
@media (prefers-reduced-motion: reduce) {
.se-reveal {
opacity: 1;
transform: none;
transition: none;
}
} [data-animate].will-animate {
transition:
opacity  480ms cubic-bezier(0.16, 1, 0.3, 1),
transform 480ms cubic-bezier(0.16, 1, 0.3, 1);
}
[data-animate="fade-up"].will-animate    { opacity: 0; transform: translateY(28px); }
[data-animate="fade-in"].will-animate    { opacity: 0; transform: none; }
[data-animate="slide-left"].will-animate { opacity: 0; transform: translateX(-32px); }
[data-animate="slide-right"].will-animate{ opacity: 0; transform: translateX(32px); }
[data-animate="scale-in"].will-animate   { opacity: 0; transform: scale(0.94); }
[data-animate="zoom-in"].will-animate    { opacity: 0; transform: scale(0.88); }
[data-animate].will-animate.is-animated {
opacity: 1;
transform: none;
}
@media (prefers-reduced-motion: reduce) {
[data-animate].will-animate {
opacity: 1 !important;
transform: none !important;
transition: none !important;
}
.event-card,
.artist-poster,
.venue-cover,
.btn, .se-btn,
.se-favorite-btn,
.se-favorite-btn svg,
.event-card .ec-image img,
.artist-poster .poster-img img,
.venue-cover .venue-cover-img img {
transition: none !important;
}
.event-card:hover { transform: none; }
} #se-toast-container {
position: fixed;
bottom: 24px;
right: 24px;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 8px;
pointer-events: none;
}
.se-toast {
display: flex;
align-items: center;
gap: 10px;
padding: 12px 18px;
border-radius: var(--r-sm);
background: var(--c-fg);
color: var(--c-bg);
font-size: 14px;
font-weight: 600;
box-shadow: var(--se-shadow-lg);
pointer-events: auto;
opacity: 0;
transform: translateX(16px);
transition: opacity 0.25s ease, transform 0.25s ease;
max-width: 320px;
}
.se-toast.is-visible { opacity: 1; transform: translateX(0); }
.se-toast--success .se-toast-icon { color: #4ade80; }
.se-toast--error   .se-toast-icon { color: var(--c-1); }
.se-toast--warning .se-toast-icon { color: #fbbf24; }
.se-toast--info    .se-toast-icon { color: rgba(255,255,255,.6); } .se-input {
padding: 10px 14px;
background: var(--c-bg);
border: 1.5px solid var(--c-border);
border-radius: var(--r-sm);
font-size: 15px;
color: var(--c-fg);
font-family: var(--t-body);
outline: none;
transition: border-color 0.18s cubic-bezier(0.25, 1, 0.5, 1),
box-shadow   0.18s cubic-bezier(0.25, 1, 0.5, 1);
}
.se-input:focus { border-color: var(--c-1); box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-1) 15%, transparent); }
.se-input::placeholder { color: var(--c-fg-dim); }
.se-type-btn {
background: transparent;
border: 1.5px solid var(--c-border);
border-radius: var(--r-pill);
padding: 5px 14px;
font-family: var(--t-mono);
font-size: 10px;
font-weight: 700;
letter-spacing: var(--ls-wider);
text-transform: uppercase;
color: var(--c-fg-dim);
cursor: pointer;
transition: background .15s, color .15s, border-color .15s;
}
.se-type-btn.on,
.se-type-btn:hover { background: var(--c-fg); color: var(--c-bg); border-color: var(--c-fg); }
.se-sidebar {
min-width: 0;
display: flex;
flex-direction: column;
gap: 22px;
} .se-comments { margin-top: 48px; padding-top: 38px; border-top: 1px solid var(--c-divider); }
.se-comments__title {
font-family: var(--t-display);
font-size: 22px;
font-weight: 700;
letter-spacing: -0.02em;
margin-bottom: 28px;
}
.se-comments__title span { color: var(--c-fg-dim); }
.se-comments__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 24px; }
.se-comment__inner { display: flex; gap: 14px; }
.se-comment__avatar img { width: 42px; height: 42px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.se-comment__header { display: flex; gap: 8px; align-items: baseline; margin-bottom: 6px; }
.se-comment__author { font-weight: 700; font-size: 14px; }
.se-comment__date { font-size: 12px; color: var(--c-fg-dim); font-family: var(--t-mono); }
.se-comment__text p { font-size: 15px; line-height: 1.65; color: var(--c-fg); margin: 0 0 8px; }
.se-comment__actions { display: flex; gap: 12px; margin-top: 6px; }
.se-comment__pending { font-size: 12px; color: var(--c-fg-dim); font-style: italic; }
.se-comment__ping { font-size: 13px; color: var(--c-fg-dim); }
.se-comments__pagination { display: flex; gap: 8px; margin-top: 32px; justify-content: center; }
.se-comments__closed { font-size: 14px; color: var(--c-fg-dim); margin-top: 24px; }
.se-comment-form__row { margin-bottom: 16px; }
.se-comment-form__row label { display: block; font-size: 11px; font-weight: 700; font-family: var(--t-mono); letter-spacing: var(--ls-wider); text-transform: uppercase; color: var(--c-fg-dim); margin-bottom: 6px; }
.se-comment-form__row input[type="text"],
.se-comment-form__row input[type="email"],
.se-comment-form__row input[type="url"],
.se-comment-form__textarea textarea {
width: 100%;
padding: 10px 14px;
background: var(--c-bg);
border: 1.5px solid var(--c-border);
border-radius: var(--r-sm);
font-family: var(--t-body);
font-size: 14px;
color: var(--c-fg);
outline: none;
transition: border-color .18s, box-shadow .18s;
box-sizing: border-box;
}
.se-comment-form__row input:focus,
.se-comment-form__textarea textarea:focus {
border-color: var(--c-1);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-1) 12%, transparent);
}
.se-comment-form__notice { font-size: 13px; color: var(--c-fg-dim); margin-bottom: 18px; } .se-widget { background: var(--c-bg); border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 18px; }
.se-widget-title { font-family: var(--t-display); font-weight: 700; font-size: 16px; letter-spacing: -0.01em; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid var(--c-divider); } .se-social-icons-inline {
list-style: none; margin: 0; padding: 0;
display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
}
.se-social-icons-inline li { margin: 0; }
.se-social-icon-link {
display: flex; align-items: center; justify-content: center;
opacity: .7; transition: opacity .15s, color .15s;
padding: 0 !important; }
.se-social-icon-link:hover { opacity: 1; } .se-site-footer .widget,
.se-site-footer .se-widget {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
box-shadow: none;
color: var(--se-footer-color, rgba(255,255,255,.65));
font-family: var(--t-body);
} .se-site-footer .widget_title,
.se-site-footer .widgettitle,
.se-site-footer .widget-title,
.se-site-footer .se-widget-title {
color: var(--se-footer-widget-title-color, #fff); font-family: var(--t-mono);
font-size: 10px;
font-weight: 700;
letter-spacing: var(--ls-wider, .1em);
text-transform: uppercase;
margin: 0 0 14px;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,.1); } .se-site-footer .widget ul,
.se-site-footer .widget ol,
.se-site-footer ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.se-site-footer .widget ul li + li,
.se-site-footer .widget ol li + li,
.se-site-footer ul.menu li + li { margin-top: 6px; } .se-site-footer .widget ul li a,
.se-site-footer .widget ol li a,
.se-site-footer ul.menu li a { display: block; padding: 4px 0; } .se-site-footer .widget p,
.se-site-footer .widget span {
color: var(--se-footer-color, rgba(255,255,255,.65));
font-size: 14px;
line-height: 1.6;
font-family: var(--t-body);
}  .se-site-footer .wp-block-heading {
font-family: var(--t-mono);
font-size: 10px; font-weight: 700;
letter-spacing: var(--ls-wider, .1em); text-transform: uppercase;
margin: 0 0 14px; padding-bottom: 10px;
border-bottom: 1px solid rgba(255,255,255,.1); } .se-site-footer .wp-block-paragraph { font-family: var(--t-body); font-size: 14px; line-height: 1.6; } .se-site-footer .wp-block-list { list-style: none; margin: 0; padding: 0; }
.se-site-footer .wp-block-list li { margin: 0 0 6px; }
.se-site-footer .wp-block-list li a { display: block; padding: 4px 0; font-size: 14px; font-family: var(--t-body); } .se-site-footer .wp-block-navigation .wp-block-navigation__container {
gap: 2px; flex-direction: column; align-items: flex-start;
}
.se-site-footer .wp-block-navigation .wp-block-navigation-item__content {
font-size: 14px; font-family: var(--t-body); text-decoration: none; padding-block: 4px;
} .se-site-footer .wp-block-group,
.se-site-footer .wp-block-column { background: transparent !important; } .se-site-footer .wp-block-separator { border-color: var(--se-footer-border, rgba(255,255,255,.1)); opacity: 1; } .se-site-footer .wp-block-button__link { background-color: var(--c-1); color: #fff; font-family: var(--t-body); }
.se-site-footer .wp-block-button__link:hover { opacity: .9; color: #fff; } .se-site-footer .wp-block-social-links { gap: 12px; } .se-ad-below-header { border-bottom: 1px solid var(--c-border); padding: 8px var(--pad-page); text-align: center; } .se-section-head { margin-bottom: 24px; }
.se-section-head.has-divider { border-bottom: 1px solid var(--c-divider); padding-bottom: 14px; }
.se-section-head .sh-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap; }
.se-section-head .sh-text { flex: 1; min-width: 0; }
.se-section-head .sh-eyebrow {
font-family: var(--t-mono);
font-size: 10px;
font-weight: 700;
letter-spacing: var(--ls-wider);
text-transform: uppercase;
color: var(--c-1);
margin-bottom: 6px;
}
.se-section-head .sh-heading {
font-family: var(--t-display);
font-weight: 800;
font-size: clamp(20px, 3.2vw, 30px);
letter-spacing: -0.02em;
line-height: 1.1;
color: var(--c-fg);
margin: 0;
}
.se-section-head .sh-sub {
font-size: 15px;
line-height: 1.6;
color: var(--c-fg-dim);
margin: 8px 0 0;
}
.se-section-head .sh-more {
font-size: 13px;
font-weight: 600;
color: var(--c-fg-dim);
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
}
.se-section-head .sh-more:hover { color: var(--c-1); } .read-progress {
position: fixed;
top: 0; left: 0; right: 0;
height: 2px;
background: transparent;
z-index: 200;
pointer-events: none;
}
.read-progress-bar {
height: 100%;
background: var(--c-1);
transform-origin: left center;
transition: transform 0.05s linear;
} .crumbs {
display: flex;
align-items: center;
gap: 8px;
padding-top: 20px;
padding-bottom: 8px;
font-family: var(--t-mono);
font-size: 10px;
text-transform: uppercase;
letter-spacing: var(--ls-wider);
font-weight: 700;
color: var(--c-fg-dim);
flex-wrap: wrap;
}
.crumbs button {
background: transparent;
border: 0;
padding: 0;
color: var(--c-fg-dim);
font: inherit;
text-transform: inherit;
letter-spacing: inherit;
cursor: pointer;
}
.crumbs button:hover { color: var(--c-1); }
.crumbs .crumb-sep { opacity: 0.5; }
.crumbs .crumb-current { color: var(--c-fg); } .article-wrap {
display: grid;
grid-template-columns: 48px minmax(0, 720px) 280px;
column-gap: 32px;
row-gap: 0; margin: 16px 0 0;
align-items: start;
justify-content: center;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
} .article-wrap--has-hero .article { padding-top: 0; }
.article-wrap--has-hero .share-rail { padding-top: 28px; }
.article-wrap--has-hero .article-sidebar { padding-top: 28px; }
.article-wrap .article { max-width: none; padding-top: 0; margin: 0; } .share-rail {
position: sticky;
top: calc(var(--header-h) + 20px);
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
}
.share-rail-label {
font-family: var(--t-mono);
font-size: 10px;
letter-spacing: var(--ls-widest);
color: var(--c-fg-dim);
font-weight: 700;
writing-mode: vertical-rl;
transform: rotate(180deg);
margin-bottom: 8px;
padding: 2px 0;
} .share-btn--cal { font-size: 11px; font-weight: 700; font-family: var(--t-mono, monospace); letter-spacing: .04em; width: 36px !important; height: 36px !important; background: transparent !important; border: 1px solid var(--c-border) !important; color: var(--c-fg) !important; }
.share-btn--cal:hover { background: var(--c-surface) !important; transform: translateY(-1px); } .article-cat {
background: transparent;
border: 1.5px solid var(--c-border);
color: var(--c-fg);
padding: 4px 10px;
border-radius: var(--r-pill);
font-size: 12px;
font-weight: 600;
} .se-back-to-top {
position: fixed;
bottom: 28px;
right: 28px;
z-index: 210;
width: 40px; height: 40px;
border-radius: var(--r-sm);
background: var(--c-fg);
color: var(--c-bg);
border: 0;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
opacity: 0;
transform: translateY(12px);
transition: opacity 0.25s ease, transform 0.25s ease;
box-shadow: var(--se-shadow-md);
}
.se-back-to-top.is-visible { opacity: 1; transform: translateY(0); }
.se-back-to-top:hover { background: var(--c-1); transform: translateY(-2px); }
@media (max-width: 768px) {
.se-back-to-top {
bottom: calc(60px + env(safe-area-inset-bottom, 0px) + 12px);
}
} #se-lightbox {
display: none;
position: fixed; inset: 0; z-index: 9999;
background: rgba(0,0,0,.92);
align-items: center;
justify-content: center;
backdrop-filter: blur(8px);
}
#se-lightbox.is-open { display: flex; }
.se-lb-content { position: relative; max-width: 90vw; max-height: 90vh; }
.se-lb-img { max-width: 90vw; max-height: 85vh; object-fit: contain; border-radius: var(--r-sm); display: block; }
.se-lb-caption { font-size: 13px; color: rgba(255,255,255,.6); text-align: center; margin-top: 10px; font-family: var(--t-mono); letter-spacing: 0.04em; }
.se-lb-counter { font-family: var(--t-mono); font-size: 11px; color: rgba(255,255,255,.4); font-weight: 700; letter-spacing: var(--ls-wider); text-align: center; margin-top: 6px; }
.se-lb-close, .se-lb-prev, .se-lb-next {
position: fixed;
background: rgba(255,255,255,.08);
border: 1px solid rgba(255,255,255,.15);
color: rgba(255,255,255,.8);
border-radius: var(--r-sm);
width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
cursor: pointer;
transition: background 0.15s ease;
}
.se-lb-close:hover, .se-lb-prev:hover, .se-lb-next:hover { background: rgba(255,255,255,.16); color: #fff; }
.se-lb-close { top: 20px; right: 20px; border-radius: 50%; }
.se-lb-prev  { left: 20px; top: 50%; transform: translateY(-50%); }
.se-lb-next  { right: 20px; top: 50%; transform: translateY(-50%); } .se-tooltip {
background: var(--c-fg);
color: var(--c-bg);
padding: 4px 8px;
border-radius: var(--r-xs);
font-size: 12px;
white-space: nowrap;
z-index: 9999;
pointer-events: none;
font-family: var(--t-body);
} .se-mob-backdrop {
display: none;
position: fixed; inset: 0; z-index: 290;
background: rgba(0,0,0,.48);
backdrop-filter: blur(2px);
-webkit-backdrop-filter: blur(2px);
opacity: 0;
transition: opacity 0.3s ease;
}
.se-mob-backdrop.open { display: block; opacity: 1; } .se-mob-drawer {
position: fixed;
top: 0; right: 0; bottom: 0;
width: min(340px, 92vw);
z-index: 300;
background: var(--c-bg);
display: flex; flex-direction: column;
transform: translateX(100%);
transition: transform 0.35s cubic-bezier(0.16,1,0.3,1);
overflow-y: auto; overscroll-behavior: contain;
box-shadow: -2px 0 40px rgba(0,0,0,.12);
}
.se-mob-drawer.open { transform: translateX(0); }
.se-mob-drawer-head {
display: flex; align-items: center; justify-content: space-between;
padding: 14px 18px;
border-bottom: 1px solid var(--c-border);
flex-shrink: 0;
}
.se-mob-drawer-close {
background: transparent; border: 0; padding: 6px; margin: -6px;
color: var(--c-fg-dim); cursor: pointer;
border-radius: var(--r-sm);
display: flex; align-items: center;
transition: color 0.15s ease, background 0.15s ease;
}
.se-mob-drawer-close:hover { color: var(--c-fg); background: var(--c-surface); } .se-mob-search {
padding: 12px 18px;
border-bottom: 1px solid var(--c-border);
flex-shrink: 0;
}
.se-mob-search form {
display: flex; align-items: center; gap: 10px;
background: var(--c-surface);
border: 1px solid var(--c-border);
border-radius: var(--r-md);
padding: 9px 13px;
transition: border-color 0.15s ease;
}
.se-mob-search form:focus-within { border-color: var(--c-1); }
.se-mob-search-icon { color: var(--c-fg-dim); flex-shrink: 0; display: flex; }
.se-mob-search input {
flex: 1; background: transparent; border: 0; outline: none;
font-family: var(--t-body); font-size: 14px; color: var(--c-fg);
min-width: 0;
}
.se-mob-search input::placeholder { color: var(--c-fg-dim); } .se-mob-nav { flex: 1; padding: 6px 10px; overflow-y: auto; }
.se-mob-nav-list { list-style: none; margin: 0; padding: 0; }
.se-mob-nav-list > li { border-bottom: 1px solid var(--c-border); }
.se-mob-nav-list > li:last-child { border-bottom: 0; } .se-mob-nav-list > li > a,
.se-mob-nav-toggle {
display: flex; align-items: center; justify-content: space-between;
gap: 8px; width: 100%;
padding: 13px 8px;
font-family: var(--t-display); font-weight: 700;
font-size: 17px; letter-spacing: -0.025em;
color: var(--c-fg); text-decoration: none;
transition: color 0.15s ease;
background: transparent; border: 0; cursor: pointer; text-align: left;
}
.se-mob-nav-list > li > a:hover,
.se-mob-nav-toggle:hover { color: var(--c-1); }
.se-mob-nav-list .current-menu-item > a,
.se-mob-nav-list .current-menu-ancestor > a { color: var(--c-1); }
.se-mob-toggle-icon {
flex-shrink: 0; color: var(--c-fg-dim);
transition: transform 0.25s cubic-bezier(0.16,1,0.3,1);
}
.se-mob-nav-list > li.is-open > .se-mob-nav-toggle .se-mob-toggle-icon {
transform: rotate(90deg);
} .se-mob-nav-list .sub-menu {
list-style: none; margin: 0;
padding: 0 0 8px 12px;
display: none;
border-top: 1px solid var(--c-border);
}
.se-mob-nav-list > li.is-open > .sub-menu { display: block; }
.se-mob-nav-list .sub-menu a {
display: block; padding: 10px 8px;
font-size: 14px; font-weight: 500;
color: var(--c-fg-dim); text-decoration: none;
transition: color 0.15s ease;
}
.se-mob-nav-list .sub-menu a:hover,
.se-mob-nav-list .sub-menu .current-menu-item > a { color: var(--c-1); } .se-mob-drawer .se-mega-item {
position: static !important;
border-bottom: 1px solid var(--c-border);
}
.se-mob-drawer .se-mega-item:last-child { border-bottom: 0; } .se-mob-drawer .se-mega-trigger {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 8px !important;
width: 100% !important;
padding: 13px 8px !important;
font-family: var(--t-display) !important;
font-weight: 700 !important;
font-size: 17px !important;
letter-spacing: -0.025em !important;
color: var(--c-fg) !important;
text-decoration: none !important;
background: transparent !important;
border: 0 !important;
cursor: pointer !important;
transition: color 0.15s ease !important;
box-sizing: border-box !important;
}
.se-mob-drawer .se-mega-trigger:hover { color: var(--c-1) !important; }
.se-mob-drawer .se-mega-item.is-open > .se-mega-trigger { color: var(--c-1) !important; } .se-mob-drawer .se-mega-chevron { display: none !important; } .se-mob-drawer .se-showcase-panel {
position: static !important;
top: auto !important; left: auto !important; right: auto !important;
width: auto !important; max-width: none !important;
z-index: auto !important;
opacity: 1 !important; visibility: visible !important;
transform: none !important;
pointer-events: auto !important;
background: transparent !important;
box-shadow: none !important;
border: 0 !important;
padding: 0 !important;
transition: none !important;
display: none !important; }
.se-mob-drawer .se-mega-item.is-open > .se-showcase-panel {
display: block !important;
} .se-mob-drawer .se-showcase-inner,
.se-mob-drawer .se-mega-panel-inner {
display: block !important;
border-top: 1px solid var(--c-border);
} .se-mob-drawer .se-showcase-hero,
.se-mob-drawer .se-mega-col--promo { display: none !important; } .se-mob-drawer .se-showcase-right {
display: block !important;
padding: 6px 0 10px 12px !important;
}
.se-mob-drawer .se-showcase-list-heading {
font-size: 10px !important; font-weight: 700 !important;
letter-spacing: .07em !important; text-transform: uppercase !important;
color: var(--c-fg-dim) !important;
padding: 10px 8px 6px !important; display: block !important;
}
.se-mob-drawer .se-showcase-list {
list-style: none !important; margin: 0 !important; padding: 0 !important;
display: block !important;
}
.se-mob-drawer .se-showcase-list-item {
display: flex !important; align-items: center !important;
gap: 8px !important;
padding: 9px 8px !important;
font-size: 14px !important; font-weight: 500 !important;
color: var(--c-fg-dim) !important; text-decoration: none !important;
transition: color 0.12s ease !important;
}
.se-mob-drawer .se-showcase-list-item:hover { color: var(--c-1) !important; }
.se-mob-drawer .se-showcase-list-icon { display: none !important; }
.se-mob-drawer .se-showcase-list-count {
margin-left: auto !important;
font-size: 11px !important; color: var(--c-fg-faint) !important;
background: var(--c-border) !important;
border-radius: 999px !important; padding: 1px 6px !important;
}
.se-mob-drawer .se-showcase-see-all {
display: flex !important; align-items: center !important;
gap: 6px !important;
padding: 9px 8px !important; margin-top: 4px !important;
font-size: 13px !important; font-weight: 700 !important;
color: var(--c-1) !important; text-decoration: none !important;
} .se-mob-drawer .se-mega-posts-grid { display: none !important; }
.se-mob-drawer .se-mega-col--cats {
display: block !important; width: auto !important;
border: 0 !important; padding: 6px 0 10px 12px !important;
}
.se-mob-drawer .se-mega-cat-item {
display: flex !important; padding: 9px 8px !important;
font-size: 14px !important; color: var(--c-fg-dim) !important;
text-decoration: none !important; border-radius: 0 !important;
transition: color 0.12s ease !important;
}
.se-mob-drawer .se-mega-cat-item:hover { color: var(--c-1) !important; background: transparent !important; }
.se-mob-drawer .se-mega-cat-icon { display: none !important; } .se-mob-drawer .se-mega-col--artists {
display: block !important; padding: 6px 0 10px 12px !important;
}
.se-mob-drawer .se-mega-artist-list {
display: block !important; }
.se-mob-drawer .se-mega-artist-item {
padding: 9px 8px !important; border-radius: 0 !important;
}
.se-mob-drawer .se-mega-artist-item:hover { background: transparent !important; }
.se-mob-drawer .se-mega-artist-avatar { display: none !important; }
.se-mob-drawer .se-mega-artist-name { font-size: 14px !important; }
.se-mob-drawer .se-mega-artist-genre { display: none !important; }
.se-mob-drawer .se-mega-see-all {
display: flex !important;
padding: 9px 8px !important; margin-top: 4px !important;
font-size: 13px !important; font-weight: 700 !important;
} .se-mob-drawer .se-mega-district-grid {
grid-template-columns: 1fr !important;
gap: 0 !important;
}
.se-mob-drawer .se-mega-district-card {
aspect-ratio: auto !important; height: auto !important;
border-radius: 0 !important; box-shadow: none !important;
background: transparent !important;
transform: none !important; transition: none !important;
}
.se-mob-drawer .se-mega-district-bg,
.se-mob-drawer .se-mega-district-overlay { display: none !important; }
.se-mob-drawer .se-mega-district-body {
position: static !important; padding: 9px 8px !important;
}
.se-mob-drawer .se-mega-district-name {
color: var(--c-fg-dim) !important; font-size: 14px !important;
font-weight: 500 !important;
}
.se-mob-drawer .se-mega-district-count { color: var(--c-fg-faint) !important; }
.se-mob-drawer .se-mega-district-header .se-mega-heading { display: none !important; } .se-mob-drawer-foot {
padding: 14px 18px;
border-top: 1px solid var(--c-border);
flex-shrink: 0;
}
.se-mob-user-row {
display: flex; align-items: center; gap: 12px;
padding: 10px 10px;
border-radius: var(--r-md);
text-decoration: none; color: var(--c-fg);
transition: background 0.15s ease;
}
.se-mob-user-row:hover { background: var(--c-surface); }
.se-mob-user-avatar {
width: 38px; height: 38px; border-radius: 50%;
background: var(--c-surface); border: 1px solid var(--c-border);
display: flex; align-items: center; justify-content: center;
overflow: hidden; flex-shrink: 0; color: var(--c-fg-dim);
}
.se-mob-user-avatar img { width: 100%; height: 100%; object-fit: cover; }
.se-mob-user-info { flex: 1; min-width: 0; }
.se-mob-user-name { display: block; font-weight: 600; font-size: 14px; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.se-mob-user-sub { display: block; font-size: 12px; color: var(--c-fg-dim); margin-top: 1px; }
.se-mob-user-arrow { color: var(--c-fg-dim); display: flex; }
.se-mob-auth-row { display: flex; gap: 10px; }
.se-mob-auth-row .btn { flex: 1; text-align: center; padding: 10px 14px; font-size: 14px; } .se-hamburger-btn {
background: transparent; border: 0; padding: 5px;
color: var(--c-fg); display: none; cursor: pointer; flex-shrink: 0;
align-items: center; justify-content: center;
border-radius: var(--r-sm);
transition: background 0.15s ease;
}
.se-hamburger-btn:hover { background: var(--c-surface); }
@media (max-width: 768px) { .se-hamburger-btn { display: flex; } } .se-bottom-bar { display: none; }
@media (max-width: 768px) {
.se-bottom-bar {
display: flex;
position: fixed;
bottom: 0; left: 0; right: 0;
z-index: 200;
background: var(--c-bg);
border-top: 1px solid var(--c-border);
padding-bottom: env(safe-area-inset-bottom, 0px);
box-shadow: 0 -2px 20px rgba(0,0,0,.07);
transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);
}
.se-bottom-bar.is-hidden { transform: translateY(100%); }
.se-bottom-bar-item {
flex: 1;
display: flex; flex-direction: column; align-items: center;
gap: 3px; padding: 10px 4px 9px;
text-decoration: none;
color: var(--c-fg-dim);
font-size: 10px; font-weight: 600; letter-spacing: 0.02em;
transition: color 0.15s ease;
background: transparent; border: 0; cursor: pointer;
font-family: var(--t-body);
-webkit-tap-highlight-color: transparent;
}
.se-bottom-bar-item.is-active,
.se-bottom-bar-item:active { color: var(--c-1); } .se-bottom-bar-item--cta {
position: relative;
color: var(--c-fg-dim);
}
.se-bb-cta-wrap {
width: 46px; height: 46px;
background: var(--c-1);
border-radius: 50%;
display: flex; align-items: center; justify-content: center;
color: #fff;
margin-top: -16px; margin-bottom: 1px;
box-shadow: 0 4px 14px color-mix(in oklab, var(--c-1) 45%, transparent);
transition: transform 0.2s ease, box-shadow 0.2s ease;
flex-shrink: 0;
}
.se-bottom-bar-item--cta:active .se-bb-cta-wrap {
transform: scale(0.93);
box-shadow: 0 2px 8px color-mix(in oklab, var(--c-1) 30%, transparent);
} body:not(.elementor-editor-active) .se-site-wrap {
padding-bottom: calc(60px + env(safe-area-inset-bottom, 0px));
}
} .elementor-page .se-site-main,
body.elementor-editor-active .se-site-main { padding: 0; } .elementor-section.elementor-section-boxed > .elementor-container,
.e-con-inner,
.elementor-container { max-width: var(--max-w, 1280px) !important; } @media (max-width: 1180px) {
.se-nav-search { min-width: 200px; }
.hero.mosaic { grid-template-columns: 1.3fr 1fr; }
}
@media (max-width: 1024px) {
:root { --pad-page: 28px; --pad-card: 18px; --gap: 18px; --hero-pad: 44px; }
.se-nav { gap: 18px; padding: 14px 24px; } .se-nav-search { display: none; }
.se-nav-search-icon-btn { display: flex; } .se-nav.search-expanded .se-nav-search { display: flex; min-width: 0; width: 200px; }
.se-nav.search-expanded .se-nav-search-icon-btn { display: none; }
.se-nav-logo { font-size: 18px; }
.se-nav-links { gap: 2px; overflow-x: auto; scrollbar-width: none; flex-shrink: 1; }
.se-nav-links::-webkit-scrollbar { display: none; }
.se-nav-links > ul { flex-wrap: nowrap; }
.se-nav-links a, .se-nav-links button { padding: 6px 11px; font-size: 13px; white-space: nowrap; }
.hero.mosaic { grid-template-columns: 1fr; gap: 10px; }
.hero.mosaic .lead { min-height: 360px; }
.hero.mosaic .side { grid-template-rows: auto auto; grid-template-columns: 1fr 1fr; }
.hero.mosaic .side .card-mini { min-height: 180px; }
.event-hero { grid-template-columns: 1fr; }
.event-hero .poster { aspect-ratio: 4/5; }
.detail-grid { grid-template-columns: 1fr; gap: 16px; }
.se-site-footer .foot-cols { grid-template-columns: repeat(3, 1fr); }
.se-site-footer .foot-top { flex-direction: column; align-items: flex-start; gap: 20px; }
.se-site-footer .foot-nl-wrap { width: 100%; min-width: 0; }
.se-site-footer .foot-nl { width: 100%; min-width: 0; }
}
@media (max-width: 768px) {
:root { --pad-page: 20px; --pad-card: 16px; --gap: 14px; }
.se-nav { padding: 12px 20px; gap: 8px; justify-content: space-between; }
.se-nav-links { display: none; }
.se-nav-search { display: none !important; }
.se-nav-search-icon-btn { display: none !important; }
.se-header-phone { display: none; }
.se-header-cta { display: none; } .se-nav-logo { flex-shrink: 0; }
.se-nav-end { margin-left: auto; gap: 2px; }
.page-head { flex-direction: column; align-items: flex-start; gap: 10px; padding-top: 20px; padding-bottom: 16px; }
.page-head .sub { max-width: 100%; }
.section-head { margin: 32px 0 14px; }
.hero.editorial .meta-row { flex-direction: column; align-items: flex-start; gap: 8px; padding: 14px 0; }
.hero.ticker .row { padding: 10px 0; font-size: clamp(24px, 6vw, 42px); gap: 10px; }
.hero.ticker .row .when { display: none; }
.se-grid { grid-template-columns: 1fr !important; }
.cat-strip { flex-wrap: nowrap; overflow-x: auto; margin: 14px -20px 8px; padding: 0 20px 8px; scrollbar-width: none; }
.cat-strip::-webkit-scrollbar { display: none; }
.cat-tile { min-width: 150px; flex: 0 0 auto; padding: 12px 16px; gap: 10px; }
.cat-tile .cat-name { font-size: 14px; }
.cat-tile .icon-wrap { width: 30px; height: 30px; font-size: 18px; } .event-row {
grid-template-columns: 72px 1fr auto;
grid-template-areas: "photo info fav" "photo price fav";
gap: 6px 12px; padding: 10px;
}
.event-row .row-photo { grid-area: photo; width: 72px !important; height: 90px !important; align-self: stretch; }
.event-row .er-info { grid-area: info; }
.event-row .er-title { font-size: 16px; }
.event-row .price-block { grid-area: price; text-align: left; font-size: 12px; align-self: center; }
.event-row .price-block .label { display: none; }
.event-row .se-favorite-btn { grid-area: fav; align-self: center; } .se-list .event-row {
grid-template-columns: 64px 1fr !important;
grid-template-areas: "photo info" "photo action" !important;
gap: 6px 12px !important;
padding: 12px !important;
}
.se-list .event-row .row-photo { grid-area: photo; width: 64px !important; height: 80px !important; }
.se-list .event-row .er-info { grid-area: info; }
.se-list .event-row .er-action-col {
grid-area: action;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0;
gap: 8px;
}
.se-list .event-row .er-action-col .price-block { text-align: left; font-size: 12px; }
.se-list .event-row .er-action-col .price-block .label { display: none; }
.se-list .event-row .er-action-col .er-fav-wrap { margin-left: auto; }
.profile-hero { padding: 30px 22px; min-height: 260px; }
.profile-hero .avatar { width: 84px; height: 84px; font-size: 34px; }
.profile-hero .stats { gap: 18px; flex-wrap: wrap; }
.profile-hero .follow { top: 16px; right: 16px; padding: 7px 13px; font-size: 12px; }
.article .lede { font-size: 18px; }
.article p { font-size: 16px; }
.article p.drop::first-letter { font-size: 52px; }
.article blockquote { font-size: 17px; padding: 16px 18px; margin: 22px 0; }
.pc-haber { min-height: 300px; }
.pc-haber-title { font-size: 24px; }
.pc-blog { padding: 20px 18px 16px; }
.pc-blog-title { font-size: 22px; }
.calendar { padding: 14px; }
.cal-head .month { font-size: 19px; }
.cal-cell { font-size: 12px; padding-top: 5px; }
.detail-card { padding: 18px; }
.kv { grid-template-columns: 90px 1fr; font-size: 13px; }
.toolbar { gap: 8px; padding: 10px 0; }
.fp { padding: 6px 12px; font-size: 12px; }
.se-site-footer { padding: max(36px, var(--se-footer-pt, 36px)) 20px max(22px, var(--se-footer-pb, 22px)); }
.se-site-footer .foot-cols { grid-template-columns: 1fr 1fr; gap: 20px; padding: 22px 0; }
.se-site-footer .foot-bottom { gap: 4px; }
.section-head h2 { font-size: clamp(20px, 4.5vw, 28px); }
.article-wrap { grid-template-columns: 1fr; }
.share-rail { flex-direction: row; position: static; flex-wrap: wrap; justify-content: flex-start; }
.share-rail-label { writing-mode: horizontal-tb; transform: none; } .article-hero {
margin-left: 0;
width: 100%;
} .gph-mosaic { height: 320px; }
.rph-play { width: 72px; height: 72px; }
.rph-strip { padding: 12px 16px; gap: 10px; }
.rph-strip-guest { display: none; }
}
@media (max-width: 520px) {
:root { --pad-page: 16px; --gap: 12px; }
.se-nav { padding: 10px 16px; }
.se-nav-logo .city { display: none; } .gph-mosaic { grid-template-columns: 1fr; grid-template-rows: 260px auto; height: auto; }
.gph-grid { grid-template-columns: repeat(4,1fr); grid-template-rows: 80px; }
.gph-cell--more .gph-more-num { font-size: 20px; }
.blog-cover-img { aspect-ratio: 16 / 9; }
.rph-badge--platform { display: none; }
.hero.mosaic .side { grid-template-columns: 1fr; }
.hero.mosaic .lead { min-height: 320px; padding: 28px 22px; }
.hero.mosaic .lead h1 { font-size: clamp(34px, 9vw, 58px); margin: 14px 0 10px; }
.hero.mosaic .lead .ctas { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 16px; }
.hero.mosaic .lead .ctas .btn { width: 100%; }
.page-head h1 { font-size: clamp(30px, 9vw, 46px); }
.event-hero .info h1 { font-size: clamp(30px, 9vw, 52px); }
.event-hero .ctas { flex-wrap: wrap; }
.profile-hero { padding: 24px 18px; }
.profile-hero .avatar { width: 70px; height: 70px; font-size: 28px; border-width: 2px; }
.profile-hero h1 { font-size: clamp(32px, 9vw, 50px); margin: 12px 0 4px; }
.profile-hero .follow { position: static; margin-top: 14px; }
.hero.editorial h1 { font-size: clamp(44px, 14vw, 92px); }
.se-site-footer .foot-cols { grid-template-columns: 1fr; gap: 0; }
.filter-pills { width: 100%; overflow-x: auto; flex-wrap: nowrap; scrollbar-width: none; margin: 0 -16px; padding: 0 16px; }
.filter-pills::-webkit-scrollbar { display: none; }
.fp { flex: 0 0 auto; white-space: nowrap; } .se-site-footer .foot-col[data-foot-accordion] {
border-bottom: 1px solid var(--se-footer-border, rgba(255,255,255,.1));
}
.se-site-footer .foot-col[data-foot-accordion]:first-child {
border-top: 1px solid var(--se-footer-border, rgba(255,255,255,.1));
}
.se-site-footer .foot-col[data-foot-accordion] h4,
.se-site-footer .foot-col[data-foot-accordion] .se-widget-title {
display: flex; align-items: center; justify-content: space-between;
cursor: pointer; padding: 14px 0; margin: 0; border-bottom: none;
user-select: none;
}
.se-site-footer .foot-col[data-foot-accordion] h4::after,
.se-site-footer .foot-col[data-foot-accordion] .se-widget-title::after {
content: '';
width: 10px; height: 10px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform .25s ease;
flex-shrink: 0; margin-left: 10px; opacity: .6;
position: relative; top: -2px;
}
.se-site-footer .foot-col[data-foot-accordion].is-open h4::after,
.se-site-footer .foot-col[data-foot-accordion].is-open .se-widget-title::after {
transform: rotate(-135deg); top: 2px;
}
.se-site-footer .foot-col[data-foot-accordion] .foot-col-body {
overflow: hidden;
max-height: 0;
transition: max-height .3s ease;
}
.se-site-footer .foot-col[data-foot-accordion].is-open .foot-col-body {
max-height: 600px;
}
.se-site-footer .foot-col[data-foot-accordion] .foot-col-body ul { padding-bottom: 12px; }
}
@media (hover: none) {
.event-card:hover, .post-card:hover,
.cat-tile:hover, .artist-mini:hover, .venue-mini:hover {
transform: none;
box-shadow: none;
}
.hero.mosaic .lead:hover .lead-bg,
.hero.mosaic .side-photo:hover > img { transform: none; opacity: 0.55; }
}  .ph {
position: relative;
width: 100%; height: 100%;
background-color: var(--c-surface);
background-image: repeating-linear-gradient(
45deg,
transparent, transparent 9px,
color-mix(in oklab, var(--c-fg) 5%, transparent) 9px,
color-mix(in oklab, var(--c-fg) 5%, transparent) 10px
);
display: flex; align-items: center; justify-content: center;
overflow: hidden;
}
.ph.tint-1 { background-color: var(--c-1-soft); background-image: repeating-linear-gradient(45deg, transparent, transparent 9px, color-mix(in oklab, var(--c-1) 14%, transparent) 9px, color-mix(in oklab, var(--c-1) 14%, transparent) 10px); }
.ph.tint-2 { background-color: var(--c-2-soft); background-image: repeating-linear-gradient(45deg, transparent, transparent 9px, color-mix(in oklab, var(--c-2) 14%, transparent) 9px, color-mix(in oklab, var(--c-2) 14%, transparent) 10px); }
.ph.tint-3 { background-color: var(--c-3-soft); background-image: repeating-linear-gradient(45deg, transparent, transparent 9px, color-mix(in oklab, var(--c-3) 14%, transparent) 9px, color-mix(in oklab, var(--c-3) 14%, transparent) 10px); }
.ph__label {
font-family: var(--t-mono); font-size: 10px; letter-spacing: 0.12em;
text-transform: uppercase; color: var(--c-fg-dim);
background: color-mix(in oklab, var(--c-bg) 88%, transparent);
padding: 4px 9px; border-radius: var(--r-xs);
border: 1px solid var(--c-border); backdrop-filter: blur(3px);
position: relative; z-index: 2; text-align: center; line-height: 1.3;
}
.ph--dark .ph__label { color: rgba(255,255,255,.92); background: rgba(0,0,0,.32); border-color: rgba(255,255,255,.2); } .ph-initial {
width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
background: var(--c-1); color: #fff;
font-family: var(--t-display); font-weight: 800; letter-spacing: -0.04em;
}
.ph-initial.t-2 { background: var(--c-2); }
.ph-initial.t-3 { background: var(--c-3); } .route-fade { animation: routeFade 0.34s cubic-bezier(0.16,1,0.3,1) both; }
@keyframes routeFade { from { transform: translateY(9px); } to { transform: none; } }
@media (prefers-reduced-motion: reduce) { .route-fade { animation: none; } }
.se-container { max-width: var(--max-w); margin: 0 auto; width: 100%; } .status {
display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
letter-spacing: var(--ls-wider); text-transform: uppercase;
padding: 4px 9px; border-radius: var(--r-pill); line-height: 1;
}
.status::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.status.scheduled { background: var(--c-3-soft); color: var(--c-3); }
.status.sold_out  { background: var(--c-1-soft); color: var(--c-1); }
.status.cancelled { background: var(--c-surface-2); color: var(--c-fg-dim); }
.status.postponed { background: var(--c-2-soft); color: var(--c-2); }
.status.past {
background: #d32f2f;
color: #fff;
font-weight: 800;
letter-spacing: .12em;
}
.status.past::before { background: rgba(255,255,255,.7); } .event-completed-notice {
display: flex;
align-items: center;
gap: 10px;
background: #c62828;
border-radius: 8px;
padding: 14px 18px;
margin-bottom: 18px;
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
}
.event-completed-notice svg { color: #fff; flex-shrink: 0; } .hero-price.is-completed,
.ticket-box.is-completed {
opacity: .4;
filter: grayscale(1);
pointer-events: none;
user-select: none;
} .ec-image .status,
.ec-image .editor-pick {
position: absolute;
bottom: 10px;
left: 10px;
z-index: 4;
} .tb-spacer { flex: 1; }
.result-count { font-family: var(--t-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.04em; color: var(--c-fg-dim); text-transform: uppercase; white-space: nowrap; }
.sort-select {
font-family: var(--t-body); font-size: 13px; font-weight: 600; color: var(--c-fg);
background: var(--c-bg); border: 1.5px solid var(--c-border); border-radius: var(--r-pill);
padding: 7px 32px 7px 14px; cursor: pointer; appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
background-repeat: no-repeat; background-position: right 12px center;
}
.view-toggle { display: inline-flex; gap: 4px; }
.view-toggle button, .view-toggle .vt-btn {
width: 30px; height: 28px; border: 0; background: transparent; border-radius: var(--r-sm);
color: var(--c-fg-faint); display: flex; align-items: center; justify-content: center; cursor: pointer;
transition: color 0.15s ease; text-decoration: none;
}
.view-toggle button:hover, .view-toggle .vt-btn:hover { color: var(--c-fg); }
.view-toggle button.on, .view-toggle .vt-btn.on { color: var(--c-fg); } .archive-layout { display: grid; grid-template-columns: 248px 1fr; gap: 32px; align-items: start; margin-top: 24px; }
.filter-panel { position: sticky; top: calc(var(--header-h) + 20px); display: flex; flex-direction: column; gap: 4px; max-height: calc(100vh - var(--header-h) - 40px); overflow-y: auto; overscroll-behavior: contain; }
.filter-group { padding: 16px 0; border-bottom: 1px solid var(--c-border); }
.filter-group:first-child { padding-top: 0; }
.filter-group h4 { font-family: var(--t-mono); font-size: 10px; font-weight: 700; letter-spacing: var(--ls-wider); text-transform: uppercase; color: var(--c-fg-dim); margin: 0 0 12px; }
.filter-opt { display: flex; align-items: center; gap: 9px; padding: 5px 0; font-size: 14px; color: var(--c-fg); cursor: pointer; user-select: none; white-space: nowrap; }
.filter-opt:hover { color: var(--c-1); }
.filter-opt .box {
width: 17px; height: 17px; border-radius: var(--r-xs); border: 1.5px solid var(--c-border);
display: flex; align-items: center; justify-content: center; flex-shrink: 0;
transition: background 0.16s cubic-bezier(0.25, 1, 0.5, 1),
border-color 0.16s cubic-bezier(0.25, 1, 0.5, 1);
}
.filter-opt.on .box { background: var(--c-1); border-color: var(--c-1); color: #fff; }
.filter-opt .box svg { opacity: 0; transition: opacity 0.16s cubic-bezier(0.25, 1, 0.5, 1); }
.filter-opt.on .box svg { opacity: 1; }
.filter-opt .count { margin-left: auto; font-family: var(--t-mono); font-size: 11px; color: var(--c-fg-faint); font-weight: 600; }
.filter-clear { background: transparent; border: 0; padding: 0; font-size: 12px; font-weight: 600; color: var(--c-1); cursor: pointer; text-align: left; margin-top: 4px; } .active-chips { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 16px; }
.active-chips:empty { display: none; }
.chip {
display: inline-flex; align-items: center; gap: 6px; padding: 5px 8px 5px 12px;
background: var(--c-fg); color: var(--c-bg); border-radius: var(--r-pill);
font-size: 12px; font-weight: 600;
}
.chip button { background: transparent; border: 0; color: inherit; cursor: pointer; display: flex; opacity: 0.7; padding: 0; }
.chip button:hover { opacity: 1; }
.mobile-filter-bar { display: none; } .ticket-box {
position: sticky; top: calc(var(--header-h) + 20px);
border: 1px solid var(--c-border); border-radius: var(--r-md);
background: var(--c-bg); overflow: hidden; box-shadow: var(--se-shadow-sm);
}
.ticket-box .tb-top { padding: 20px 22px; border-bottom: 1px solid var(--c-border); }
.ticket-box .tb-price { font-family: var(--t-display); font-weight: 800; font-size: 38px; letter-spacing: -0.04em; line-height: 1; }
.ticket-box .tb-price small { font-family: var(--t-mono); font-size: 13px; font-weight: 600; color: var(--c-fg-dim); letter-spacing: 0; }
.ticket-box .tb-price.is-free { color: var(--c-3); }
.ticket-box .tb-note { font-size: 13px; color: var(--c-fg-dim); margin-top: 6px; }
.ticket-box .tb-body { padding: 16px 22px 22px; display: flex; flex-direction: column; gap: 12px; }
.ticket-platforms { display: flex; flex-direction: column; gap: 8px; }
.ticket-row {
display: flex; align-items: center; justify-content: space-between; gap: 10px;
padding: 11px 14px; border: 1px solid var(--c-border); border-radius: var(--r-sm);
font-size: 14px; font-weight: 600; cursor: pointer; text-decoration: none; color: var(--c-fg);
transition: border-color 0.15s ease, background 0.15s ease;
}
.ticket-row:hover { border-color: var(--c-fg); background: var(--c-surface); }
.ticket-row .tp-logo { font-family: var(--t-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.04em; }
.ticket-row .tp-arrow { color: var(--c-fg-dim); } .program-list { display: flex; flex-direction: column; }
.program-row {
display: grid; grid-template-columns: 64px 1fr; gap: 18px; padding: 14px 0;
border-bottom: 1px solid var(--c-border); align-items: center;
}
.program-row:last-child { border-bottom: 0; }
.program-row .pr-time { font-family: var(--t-mono); font-size: 15px; font-weight: 700; color: var(--c-1); }
.program-row .pr-act { font-family: var(--t-display); font-weight: 700; font-size: 17px; letter-spacing: -0.01em; }
.program-row .pr-note { font-size: 13px; color: var(--c-fg-dim); margin-top: 2px; }  .amenities { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 18px; }
.amenity { display: flex; align-items: center; gap: 9px; font-size: 14px; color: var(--c-fg); }
.amenity .a-ic { width: 20px; height: 20px; color: var(--c-3); flex-shrink: 0; }
.amenity.off { color: var(--c-fg-faint); }
.amenity.off .a-ic { color: var(--c-fg-faint); } .lineup { display: flex; flex-direction: column; gap: 4px; } .as-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 0; margin: 0 calc(-1 * var(--pad-page)); border-top: 1px solid var(--c-border); min-height: calc(100vh - var(--header-h)); }
.as-results { padding: 22px var(--pad-page) 60px; border-right: 1px solid var(--c-border); }
.as-map { position: sticky; top: var(--header-h); height: calc(100vh - var(--header-h)); }
.as-map .map-ph { margin: 0; height: 100%; border-radius: 0; border: 0; aspect-ratio: auto; }
.as-map-pin {
position: absolute; transform: translate(-50%, -100%); cursor: pointer; z-index: 3;
display: flex; flex-direction: column; align-items: center; transition: transform 0.18s ease;
}
.as-map-pin:hover, .as-map-pin.active { transform: translate(-50%, -100%) scale(1.12); z-index: 5; }
.as-map-pin .pin-dot {
width: 30px; height: 30px; background: var(--c-1); color: #fff;
border-radius: 50% 50% 50% 0; transform: rotate(-45deg);
display: flex; align-items: center; justify-content: center;
box-shadow: 0 3px 10px rgba(0,0,0,.28); border: 2px solid #fff;
}
.as-map-pin .pin-dot span { transform: rotate(45deg); font-family: var(--t-mono); font-size: 11px; font-weight: 700; }
.as-map-pin.active .pin-dot { background: var(--c-2); }
.as-map-pin .pin-price {
margin-top: 8px; background: var(--c-bg); border: 1px solid var(--c-border);
font-family: var(--t-mono); font-size: 10px; font-weight: 700; padding: 2px 6px;
border-radius: var(--r-xs); white-space: nowrap; box-shadow: var(--se-shadow-sm);
}
.as-searchbar { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; margin-bottom: 18px; }
.as-searchbar .se-input { flex: 1; min-width: 200px; } .as-filter-bar {
display: flex; flex-direction: column;
border: 1.5px solid var(--c-border); border-radius: var(--r-md);
background: var(--c-surface); margin-bottom: 20px;
overflow: hidden;
}
.as-fg {
display: flex; flex-direction: row; align-items: center; gap: 12px;
padding: 9px 16px; border-bottom: 1px solid var(--c-border); min-width: 0;
}
.as-fg:last-child { border-bottom: 0; }
.as-fg-sep { display: none; }
.as-fg-label {
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
letter-spacing: var(--ls-wider); text-transform: uppercase;
color: var(--c-fg-faint); white-space: nowrap; flex-shrink: 0; width: 64px;
}
.as-fg-pills {
display: flex; gap: 5px; align-items: center;
flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
min-width: 0; flex: 1;
}
.as-fg-pills::-webkit-scrollbar { display: none; } .as-fg--wrap .as-fg-pills { flex-wrap: wrap; overflow-x: visible; } .as-fp-extra { display: none; }
.as-fg--wrap.is-open .as-fp-extra { display: inline-flex; }
.as-fg--wrap.is-open .as-fg-more { display: none; }
.as-fg-inner-sep { width: 1px; height: 18px; background: var(--c-border); flex-shrink: 0; margin: 0 2px; }
.fp-count {
font-family: var(--t-mono); font-size: 10px; font-weight: 700;
opacity: .5; margin-left: 1px;
}
.fp.on .fp-count { opacity: .7; } .as-clear-btn {
display: inline-flex; align-items: center; gap: 5px;
padding: 4px 10px; border-radius: var(--r-pill);
background: color-mix(in oklab, var(--c-1) 12%, transparent);
color: var(--c-1); font-size: 12px; font-weight: 700;
text-decoration: none; border: 1.5px solid color-mix(in oklab, var(--c-1) 30%, transparent);
transition: background 0.12s ease;
}
.as-clear-btn:hover { background: color-mix(in oklab, var(--c-1) 22%, transparent); } .dash-layout { display: grid; grid-template-columns: 220px 1fr; gap: 36px; align-items: start; margin-top: 24px; }
.dash-nav { position: sticky; top: calc(var(--header-h) + 20px); display: flex; flex-direction: column; gap: 2px; }
.dash-nav .dn-user { display: flex; align-items: center; gap: 12px; padding: 4px 4px 18px; margin-bottom: 10px; border-bottom: 1px solid var(--c-border); }
.dash-nav .dn-avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.dash-nav .dn-name { font-family: var(--t-display); font-weight: 700; font-size: 15px; letter-spacing: -0.01em; }
.dash-nav .dn-sub { font-size: 12px; color: var(--c-fg-dim); }
.dash-nav button {
display: flex; align-items: center; gap: 11px; padding: 10px 12px; border: 0; background: transparent;
border-radius: var(--r-sm); font-family: var(--t-body); font-size: 14px; font-weight: 600;
color: var(--c-fg-dim); cursor: pointer; text-align: left; transition: background 0.14s ease, color 0.14s ease;
}
.dash-nav button:hover { background: var(--c-surface); color: var(--c-fg); }
.dash-nav button.on { background: var(--c-fg); color: var(--c-bg); }
.dash-nav button .dn-ic { width: 18px; height: 18px; flex-shrink: 0; }
.dash-nav button .dn-badge { margin-left: auto; font-family: var(--t-mono); font-size: 10px; font-weight: 700; background: var(--c-1); color: #fff; border-radius: var(--r-pill); padding: 1px 7px; }
.dash-nav button.on .dn-badge { background: var(--c-bg); color: var(--c-fg); }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--gap); margin-bottom: 8px; }
.stat-card { border: 1px solid var(--c-border); border-radius: var(--r-md); padding: 18px 20px; background: var(--c-bg); }
.stat-card .sc-n { font-family: var(--t-display); font-weight: 800; font-size: 40px; letter-spacing: -0.04em; line-height: 1; }
.stat-card .sc-l { font-size: 13px; color: var(--c-fg-dim); margin-top: 6px; }
.stat-card.accent { background: var(--c-1); border-color: var(--c-1); color: #fff; }
.stat-card.accent .sc-l { color: rgba(255,255,255,.85); }
.dash-section-head { display: flex; align-items: baseline; justify-content: space-between; margin: 36px 0 16px; }
.dash-section-head h2 { font-family: var(--t-display); font-weight: 700; font-size: 24px; letter-spacing: -0.025em; margin: 0; }
.dash-section-head .more { font-size: 13px; font-weight: 600; color: var(--c-fg-dim); cursor: pointer; }
.dash-section-head .more:hover { color: var(--c-1); } .saved-search-row {
display: flex; align-items: center; gap: 14px; padding: 14px 18px;
border: 1px solid var(--c-border); border-radius: var(--r-md); background: var(--c-bg);
cursor: pointer; transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.saved-search-row:hover { border-color: var(--c-fg-dim); box-shadow: var(--se-shadow-sm); }
.saved-search-row .ss-q { font-family: var(--t-display); font-weight: 700; font-size: 16px; letter-spacing: -0.01em; }
.saved-search-row .ss-meta { font-size: 13px; color: var(--c-fg-dim); margin-top: 2px; }
.saved-search-row .ss-new { font-family: var(--t-mono); font-size: 11px; font-weight: 700; color: var(--c-1); } .toggle-switch { width: 42px; height: 24px; border-radius: var(--r-pill); background: var(--c-surface-2); border: 1px solid var(--c-border); position: relative; cursor: pointer; flex-shrink: 0; transition: background 0.18s ease; }
.toggle-switch.on { background: var(--c-3); border-color: var(--c-3); }
.toggle-switch .ts-thumb { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: transform 0.18s ease; box-shadow: 0 1px 3px rgba(0,0,0,.2); }
.toggle-switch.on .ts-thumb { transform: translateX(18px); }
.settings-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--c-border); }
.settings-row:last-child { border-bottom: 0; }
.settings-row .sr-label { font-weight: 600; font-size: 15px; }
.settings-row .sr-sub { font-size: 13px; color: var(--c-fg-dim); margin-top: 2px; } .detail-main { display: grid; grid-template-columns: 1fr 360px; gap: 28px; align-items: start; margin-top: 32px; }
.detail-col { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.section-block { }
.section-block + .section-block { margin-top: 12px; }
.block-title { font-family: var(--t-display); font-weight: 700; font-size: 22px; letter-spacing: -0.025em; margin: 0 0 16px; padding-bottom: 12px; border-bottom: 1px solid var(--c-divider); }
.prose { font-size: 16px; line-height: 1.7; color: var(--c-fg); }
.prose p { margin: 0 0 16px; }
.prose p:last-child { margin-bottom: 0; } .mini-list { display: flex; flex-direction: column; gap: 10px; } .er-eyebrow { display: flex; align-items: center; gap: 8px; font-family: var(--t-mono); font-size: 11px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; white-space: nowrap; }
.er-eyebrow .er-date { color: var(--c-fg); }
.er-eyebrow .er-cat { color: var(--c-1); }
.er-eyebrow .er-sep { color: var(--c-fg-faint); }
.event-row .er-meta { align-items: center; gap: 8px !important; flex-wrap: wrap; }
.er-meta .er-meta-dot { width: 3px; height: 3px; border-radius: 50%; background: var(--c-fg-faint); flex-shrink: 0; }
.er-meta .er-venue { color: var(--c-fg); font-weight: 600; }  .event-card .ec-image { aspect-ratio: 4/5; }
.media-card .ec-image .ph-initial { font-size: clamp(48px, 7vw, 72px); }
.ec-verified { display: inline-flex; align-items: center; gap: 4px; color: var(--c-3); font-size: 11px; font-weight: 700; }
.ec-eyebrow { font-family: var(--t-mono); font-size: 10px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-fg-dim); margin-bottom: 8px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; } .event-hero .info .at { align-items: flex-start; line-height: 1.45; gap: 10px; }
.event-hero .info .at > svg { flex-shrink: 0; margin-top: 3px; }
.event-hero .info .at.clickable { cursor: pointer; }
.link-chip { cursor: pointer; transition: color .15s ease; }
.link-chip:hover { color: var(--c-1); }
.poster-label .lk { cursor: pointer; }
.poster-label .lk:hover { text-decoration: underline; } .review-summary { display: flex; align-items: center; gap: 28px; padding: 4px 0 18px; flex-wrap: wrap; }
.review-summary .rs-big { font-family: var(--t-display); font-weight: 800; font-size: 56px; letter-spacing: -.04em; line-height: 1; }
.review-summary .rs-meta { font-size: 13px; color: var(--c-fg-dim); margin-top: 6px; }
.review-list { display: flex; flex-direction: column; }
.review { display: flex; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--c-border); }
.review:last-child { border-bottom: 0; }
.review .rv-av { width: 42px; height: 42px; border-radius: 50%; overflow: hidden; flex-shrink: 0; }
.review .rv-head { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; flex-wrap: wrap; }
.review .rv-name { font-weight: 700; font-size: 14px; white-space: nowrap; }
.review .rv-date { font-family: var(--t-mono); font-size: 11px; color: var(--c-fg-dim); white-space: nowrap; }
.review .rv-text { font-size: 15px; line-height: 1.6; color: var(--c-fg); }
.review-form { margin-top: 18px; padding: 20px; border: 1px solid var(--c-border); border-radius: var(--r-md); background: var(--c-surface); }
.review-form h4 { font-family: var(--t-display); font-weight: 700; font-size: 16px; margin: 0 0 12px; }
.star-input { display: inline-flex; gap: 5px; cursor: pointer; margin-bottom: 12px; }
.star-input svg { width: 28px; height: 28px; color: var(--c-fg-faint); transition: color .12s ease, transform .12s ease; }
.star-input svg.on { color: var(--c-1); }
.star-input svg:hover { transform: scale(1.15); }
.review-form textarea {
width: 100%; box-sizing: border-box; min-height: 92px; resize: vertical;
padding: 12px 14px; background: var(--c-bg); border: 1.5px solid var(--c-border);
border-radius: var(--r-sm); font-family: var(--t-body); font-size: 14px; color: var(--c-fg); outline: none;
}
.review-form textarea:focus { border-color: var(--c-1); box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-1) 12%, transparent); } .stars { display: inline-flex; gap: 2px; color: var(--c-1); }
.stars svg { width: 15px; height: 15px; }
.stars .empty { color: var(--c-fg-faint); } @media (max-width: 1024px) {
.archive-layout { grid-template-columns: 1fr; }
.filter-panel { display: none; }
.mobile-filter-bar { display: flex; }
.detail-main { grid-template-columns: 1fr; }
.ticket-box { position: static; }
.as-layout { grid-template-columns: 1fr; margin: 0; }
.as-map { display: none; }
.as-results { border-right: 0; padding: 22px 0 60px; }
.dash-layout { grid-template-columns: 1fr; gap: 20px; }
.dash-nav { position: static; flex-direction: row; overflow-x: auto; gap: 6px; padding-bottom: 8px; }
.dash-nav .dn-user { display: none; }
.dash-nav button { white-space: nowrap; flex-shrink: 0; }
.stat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
.gallery-grid { grid-template-columns: repeat(2, 1fr); }
.amenities { grid-template-columns: 1fr; }
.stat-grid { grid-template-columns: 1fr 1fr; }
.stat-card .sc-n { font-size: 32px; }
} .filter-drawer { display: none; }
.filter-drawer.open { display: flex; position: fixed; inset: 0; z-index: 300; background: var(--c-bg); flex-direction: column; padding: 20px var(--pad-page); overflow-y: auto; }
.filter-drawer .fd-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.filter-drawer .fd-head h3 { font-family: var(--t-display); font-size: 22px; font-weight: 800; letter-spacing: -0.03em; margin: 0; }
.filter-drawer .fd-close { background: transparent; border: 0; font-size: 26px; color: var(--c-fg); cursor: pointer; } .se-cal-wrap { position: relative; }
.se-cal-dropdown {
position: absolute; top: calc(100% + 8px); left: 0; min-width: 200px;
background: var(--c-bg); border: 1.5px solid var(--c-border);
border-radius: var(--r-md); box-shadow: var(--se-shadow-md, 0 8px 28px rgba(0,0,0,.14));
padding: 6px; z-index: 200;
animation: calDropIn 0.18s cubic-bezier(0.16,1,0.3,1) both;
}
.se-cal-dropdown[hidden] { display: none !important; }
@keyframes calDropIn {
from { opacity: 0; transform: translateY(-6px) scale(0.97); }
to   { opacity: 1; transform: none; }
}
.se-cal-option {
display: flex; align-items: center; gap: 10px;
padding: 9px 12px; border-radius: var(--r-sm); font-size: 14px; font-weight: 600;
color: var(--c-fg); text-decoration: none; background: transparent;
border: 0; cursor: pointer; width: 100%; text-align: left; font-family: var(--t-body);
transition: background 0.12s ease;
}
.se-cal-option:hover { background: var(--c-surface); }
.se-cal-option svg { flex-shrink: 0; } .sep-wizard { max-width: 760px; margin: 0 auto; padding: 12px 0 80px; } .sep-progress { display: flex; gap: 6px; margin-bottom: 40px; }
.sep-prog-bar { height: 3px; flex: 1; background: var(--c-fg-faint); border-radius: 99px; transition: background .3s ease; }
.sep-prog-bar.is-done { background: var(--c-1); } .sep-step { display: none; }
.sep-step.is-active { display: block; animation: routeFade 0.28s cubic-bezier(0.16,1,0.3,1) both; } .sep-nav { display: flex; align-items: center; gap: 10px; margin-top: 32px; flex-wrap: wrap; } .sep-cta-card { background: var(--c-2); color: #fff; border-radius: var(--r-lg,16px); padding: 32px 36px; margin: 32px 0; }
.sep-cta-card h3 { margin: 0 0 8px; font-size: clamp(20px,3vw,26px); color: #fff; font-family: var(--t-display); font-weight: 800; letter-spacing: -0.03em; }
.sep-cta-card p  { margin: 0 0 20px; opacity: .75; font-size: 14px; line-height: 1.65; }
.sep-cta-btns { display: flex; gap: 10px; flex-wrap: wrap; } .sep-inline-cta {
background: var(--c-1-soft);
border: 1.5px solid color-mix(in oklab, var(--c-1) 25%, transparent);
border-radius: var(--r-md); padding: 18px 22px;
display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
margin: 28px 0;
}
.sep-inline-cta p { margin: 0; font-size: 14px; flex: 1; min-width: 180px; line-height: 1.55; } .sep-results-summary {
display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
margin-bottom: 24px; padding: 12px 16px;
background: var(--c-surface-2); border-radius: var(--r-md); font-size: 14px;
}
.sep-results-summary .sep-chip {
background: var(--c-fg); color: var(--c-bg);
padding: 3px 10px; border-radius: var(--r-pill); font-size: 12px; font-weight: 700;
}
@media (max-width: 600px) {
.sep-cta-card { padding: 22px 20px; }
.sep-cta-card h3 { font-size: 20px; }
.sep-nav { gap: 8px; }
}  .se-profile-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: var(--r-sm);
border: none;
background: transparent;
color: inherit;
cursor: pointer;
transition: background .15s, color .15s;
flex-shrink: 0;
text-decoration: none;
}
.se-profile-btn:hover {
background: rgba(128,128,128,.12);
color: inherit;
}
.se-profile-btn--avatar {
border-radius: 50%;
overflow: hidden;
padding: 0;
}
.se-profile-btn--avatar:hover {
background: rgba(128,128,128,.12);
}
.se-profile-btn--avatar img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 50%;
} .se-auth-page {
display: flex;
min-height: calc(100vh - 60px);
} .se-auth-hero {
flex: 0 0 420px;
background: var(--c-2);
position: relative;
overflow: hidden;
display: flex;
align-items: stretch;
}
.se-auth-hero__inner {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
padding: 48px 44px;
width: 100%;
} .se-auth-hero__deco { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.deco-circle {
position: absolute;
border-radius: 50%;
border: 1px solid color-mix(in oklab, var(--c-1) 20%, transparent);
}
.deco-circle--1 { width: 320px; height: 320px; bottom: -80px; right: -80px; }
.deco-circle--2 { width: 180px; height: 180px; bottom: 80px; right: 20px;
background: color-mix(in oklab, var(--c-1) 6%, transparent); }
.deco-circle--3 { width: 60px; height: 60px; top: 40px; right: 60px;
background: color-mix(in oklab, var(--c-1) 12%, transparent); border: none; } .se-auth-logo {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: var(--t-display);
font-weight: 800;
font-size: 20px;
letter-spacing: -0.04em;
color: #fff;
text-decoration: none;
margin-bottom: auto;
}
.se-auth-logo .dot {
width: 10px; height: 10px;
background: var(--c-1);
border-radius: 50%;
flex-shrink: 0;
}
.se-auth-logo .city { color: var(--c-1); }
.se-auth-hero__body {
margin-top: auto;
padding-top: 80px;
}
.se-auth-hero__title {
font-family: var(--t-display);
font-size: 28px;
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.2;
color: #fff;
margin: 0 0 14px;
}
.se-auth-hero__desc {
font-size: 15px;
line-height: 1.6;
color: color-mix(in oklab, #fff 70%, transparent);
margin: 0 0 28px;
}
.se-auth-feature-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.se-auth-feature-list li {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
color: color-mix(in oklab, #fff 85%, transparent);
}
.se-auth-feature-icon {
width: 30px;
height: 30px;
border-radius: var(--r-sm);
background: color-mix(in oklab, var(--c-1) 18%, transparent);
border: 1px solid color-mix(in oklab, var(--c-1) 30%, transparent);
display: flex;
align-items: center;
justify-content: center;
color: var(--c-1);
flex-shrink: 0;
} .se-auth-form-panel {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
padding: 48px 32px;
background: var(--c-bg);
}
.se-auth-form-panel__inner {
width: 100%;
max-width: 440px;
} .se-auth-tabs {
display: flex;
background: var(--c-surface, #f5f5f5);
border-radius: var(--r-md, 10px);
padding: 4px;
margin-bottom: 28px;
position: relative;
}
.se-auth-tab {
flex: 1;
padding: 9px 16px;
border: none;
background: transparent;
border-radius: calc(var(--r-md, 10px) - 2px);
font-family: var(--t-body);
font-size: 14px;
font-weight: 600;
color: var(--c-fg-dim);
cursor: pointer;
transition: color .18s;
position: relative;
z-index: 2;
}
.se-auth-tab.is-active { color: var(--c-fg); }
.se-auth-tab-slider {
position: absolute;
top: 4px;
bottom: 4px;
background: var(--c-bg);
border-radius: calc(var(--r-md, 10px) - 3px);
box-shadow: 0 1px 4px rgba(0,0,0,.12);
transition: left .22s cubic-bezier(.4,0,.2,1), width .22s cubic-bezier(.4,0,.2,1);
z-index: 1;
} .se-auth-tab-panel { display: none; }
.se-auth-tab-panel.is-active { display: block; } .se-auth-alert {
display: flex;
align-items: center;
gap: 8px;
padding: 12px 14px;
border-radius: var(--r-sm);
font-size: 14px;
margin-bottom: 18px;
}
.se-auth-alert--error {
background: color-mix(in oklab, #e63946 10%, var(--c-bg));
border: 1px solid color-mix(in oklab, #e63946 25%, transparent);
color: #c1121f;
}
.se-auth-alert--info {
background: color-mix(in oklab, var(--c-2) 8%, var(--c-bg));
border: 1px solid color-mix(in oklab, var(--c-2) 18%, transparent);
color: var(--c-2);
} .se-auth-form-inner {
display: flex;
flex-direction: column;
gap: 16px;
}
.se-auth-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
.se-auth-field { display: flex; flex-direction: column; gap: 6px; }
.se-auth-label {
font-size: 13px;
font-weight: 600;
color: var(--c-fg);
letter-spacing: .01em;
}
.se-auth-label-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
}
.se-auth-required { color: var(--c-1); margin-left: 2px; }
.se-auth-forgot {
font-size: 12px;
color: var(--c-fg-dim);
text-decoration: none;
transition: color .15s;
}
.se-auth-forgot:hover { color: var(--c-1); }
.se-auth-input-wrap {
position: relative;
display: flex;
align-items: center;
}
.se-auth-input-icon {
position: absolute;
left: 12px;
color: var(--c-fg-dim);
pointer-events: none;
flex-shrink: 0;
}
.se-auth-input {
width: 100%;
padding: 10px 12px 10px 38px;
background: var(--c-bg);
border: 1.5px solid var(--c-border);
border-radius: var(--r-sm);
font-size: 14px;
font-family: var(--t-body);
color: var(--c-fg);
outline: none;
transition: border-color .18s, box-shadow .18s;
}
.se-auth-input:focus {
border-color: var(--c-1);
box-shadow: 0 0 0 3px color-mix(in oklab, var(--c-1) 15%, transparent);
}
.se-auth-input::placeholder { color: var(--c-fg-dim); opacity: .7; }
.se-auth-eye {
position: absolute;
right: 10px;
background: none;
border: none;
cursor: pointer;
color: var(--c-fg-dim);
padding: 4px;
display: flex;
align-items: center;
border-radius: var(--r-xs);
transition: color .15s;
}
.se-auth-eye:hover { color: var(--c-fg); }
.se-auth-remember,
.se-auth-terms {
display: flex;
align-items: flex-start;
gap: 8px;
font-size: 13px;
color: var(--c-fg-dim);
cursor: pointer;
line-height: 1.5;
}
.se-auth-remember input,
.se-auth-terms input {
margin-top: 2px;
accent-color: var(--c-1);
flex-shrink: 0;
}
.se-auth-terms a { color: var(--c-1); text-decoration: none; }
.se-auth-terms a:hover { text-decoration: underline; }
.se-auth-submit {
width: 100%;
justify-content: center;
font-size: 15px;
padding: 12px 20px;
} .se-auth-strength {
font-size: 12px;
font-weight: 600;
font-family: var(--t-mono);
letter-spacing: .04em;
height: 16px;
margin-top: -8px;
transition: color .2s;
}
:root {
--se-strength-weak:   #e63946;
--se-strength-fair:   #f4a261;
--se-strength-good:   #2a9d8f;
--se-strength-strong: var(--c-3);
} .se-auth-switch {
text-align: center;
font-size: 13px;
color: var(--c-fg-dim);
margin: 20px 0 0;
}
.se-auth-switch-btn {
background: none;
border: none;
padding: 0;
font-family: var(--t-body);
font-size: 13px;
font-weight: 600;
color: var(--c-1);
cursor: pointer;
text-decoration: underline;
text-decoration-color: transparent;
transition: text-decoration-color .15s;
}
.se-auth-switch-btn:hover { text-decoration-color: var(--c-1); } @media (max-width: 768px) {
.se-auth-page { flex-direction: column; min-height: auto; }
.se-auth-hero { flex: none; min-height: 220px; }
.se-auth-hero__inner { padding: 28px 24px; }
.se-auth-hero__body { padding-top: 24px; }
.se-auth-hero__title { font-size: 20px; }
.se-auth-feature-list { display: none; }
.se-auth-form-panel { padding: 32px 20px; }
.se-auth-row-2 { grid-template-columns: 1fr; }
.deco-circle--1 { width: 200px; height: 200px; bottom: -40px; right: -40px; }
} .se-auth-social {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 20px;
}
.se-auth-social #se-google-btn-wrap { width: 100%; }
.se-auth-social #se-google-btn-wrap iframe { width: 100% !important; }
.se-auth-social-btn {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
padding: 10px 16px;
border-radius: var(--r-sm);
border: 1.5px solid var(--c-border);
background: var(--c-bg);
font-family: var(--t-body);
font-size: 14px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
color: var(--c-fg);
transition: background .15s, border-color .15s;
}
.se-auth-social-btn:hover { background: var(--c-surface, #f5f5f5); border-color: var(--c-fg-dim); }
.se-auth-social-btn--fb {
background: #1877f2;
border-color: #1877f2;
color: #fff;
}
.se-auth-social-btn--fb:hover { background: #1464d0; border-color: #1464d0; color: #fff; }
.se-auth-divider {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 20px;
font-size: 12px;
color: var(--c-fg-dim);
font-family: var(--t-mono);
letter-spacing: .04em;
text-transform: uppercase;
}
.se-auth-divider::before,
.se-auth-divider::after {
content: '';
flex: 1;
height: 1px;
background: var(--c-border);
} .se-api-section-head { padding: 6px 0 4px; }
.se-api-section-head strong { font-size: 13px; }
.se-api-section-head .description { margin-top: 4px; font-size: 12px; }  .gallery-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.gallery-item { aspect-ratio: 4/3; overflow: hidden; border-radius: var(--r-sm);
display: block; cursor: pointer; background: none; border: none; padding: 0; position: relative; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; display: block; }
.gallery-item:hover img { transform: scale(1.05); }
.gallery-item::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,.3);
opacity: 0; transition: opacity .2s; }
.gallery-item:hover::after { opacity: 1; }
@media (max-width: 768px) { .gallery-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .gallery-grid { grid-template-columns: repeat(2, 1fr); } } .amenities-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.amenity-item { font-size: var(--ts-xs); padding: 6px 12px;
background: var(--c-surface); border: 1px solid var(--c-border);
border-radius: var(--r-pill); } .hours-table { display: flex; flex-direction: column; }
.hours-row { display: flex; justify-content: space-between; align-items: center;
padding: 7px 0; border-bottom: 1px solid var(--c-border); font-size: 14px; }
.hours-row:last-child { border-bottom: none; }
.hours-row--today .hours-day { font-weight: 700; color: var(--c-1); }
.hours-row--today .hours-time { font-weight: 700; }
.hours-day { color: var(--c-fg-dim); min-width: 110px; }
.hours-time { text-align: right; } .ticket-sellers { display: flex; flex-direction: column; gap: 6px; }
.ticket-seller-row { display: flex; align-items: center; justify-content: space-between;
padding: 10px 14px; border: 1.5px solid var(--c-border);
border-radius: var(--r-sm); text-decoration: none; color: inherit;
transition: border-color .15s, background .15s; }
.ticket-seller-row:hover { border-color: var(--c-1); background: var(--c-1-soft); }
.ts-brand { display: flex; align-items: center; gap: 8px; }
.ts-logo  { height: 28px; width: auto; max-width: 140px; object-fit: contain; display: inline-block; flex-shrink: 0; }
.ts-platform { font-weight: 700; font-size: 14px; }
.ts-right { display: flex; align-items: center; gap: 6px; }
.ts-price { font-size: var(--ts-xs); font-weight: 600; color: var(--c-fg); } .share-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.share-btn { display: inline-flex; align-items: center; justify-content: center;
width: 40px; height: 40px; border-radius: 50%;
background: transparent; border: 1px solid var(--c-border);
color: var(--c-fg-dim); cursor: pointer; text-decoration: none; flex-shrink: 0;
transition: background .15s, color .15s, border-color .15s, transform .1s; position: relative; }
.share-btn svg { width: 18px; height: 18px; display: block; flex-shrink: 0; }
.share-btn:hover { background: var(--share-color, var(--c-1)); color: #fff;
border-color: transparent; transform: translateY(-2px); }
.share-btn--sm { width: 32px; height: 32px; }
.share-btn--sm svg { width: 14px; height: 14px; }
.share-btn--copy { --share-color: #111; } .stats-bar {
display: flex;
flex-wrap: wrap;
gap: 24px 40px;
align-items: center;
}
.stats-bar .stat { text-align: center; }
.stats-bar .stat-num {
font-family: var(--t-display);
font-weight: 800;
font-size: clamp(28px, 5vw, 48px);
letter-spacing: -0.04em;
line-height: 1;
color: var(--c-fg);
}
.stats-bar .stat-lbl {
font-family: var(--t-mono);
font-size: 11px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--c-fg-dim);
margin-top: 4px;
}
@media (max-width: 479px) {
.stats-bar { gap: 16px 24px; }
.stats-bar .stat-num { font-size: clamp(24px, 9vw, 36px); }
} .se-section-head .sh-heading {
font-size: clamp(20px, 3vw, 28px);
}
.share-btn--copy.copied { background: var(--c-3); color: #fff; border-color: transparent; } .se-readmore-wrap { display: flex; flex-direction: column; gap: 10px; }
.se-rm-content p:last-child { margin-bottom: 0; }
.se-rm-ellipsis { color: var(--c-fg-dim); }
.se-rm-toggle {
display: inline-flex;
align-items: center;
gap: 5px;
background: none;
border: none;
padding: 0;
font-size: 13px;
font-weight: 700;
color: var(--c-1);
cursor: pointer;
transition: opacity .15s, gap .2s;
}
.se-rm-toggle:hover { opacity: .75; }
.se-rm-icon {
transition: transform .25s cubic-bezier(.34,1.56,.64,1);
flex-shrink: 0;
}
.se-rm-toggle[aria-expanded="true"] .se-rm-icon { transform: rotate(180deg); } [data-se-grid] {
display: grid;
grid-template-columns: var(--grid-tpl);
gap: var(--grid-gap, 12px);
width: 100%;
box-sizing: border-box;
}
@media (max-width: 767px) {
[data-se-grid][data-tab-cols] {
grid-template-columns: repeat(var(--tab-cols), 1fr) !important;
}
}
@media (max-width: 479px) {
[data-se-grid][data-mob-cols] {
grid-template-columns: repeat(var(--mob-cols), 1fr) !important;
}
} .se-vg-cover {
display: block;
text-decoration: none;
position: relative;
border-radius: var(--r-md, 12px);
width: 100%;
max-width: 100%;
min-width: 0;
overflow: hidden;
}
.se-vg-cover-img {
position: relative;
overflow: hidden;
width: 100%; }
.se-vg-cover .se-vg-name {
font-weight: 700;
color: #fff;
font-size: 1rem;
line-height: 1.3;
}
.se-vg-cover .se-vg-meta {
color: rgba(255,255,255,.78);
font-size: .82rem;
}
.se-vg-cover .se-vg-address {
color: rgba(255,255,255,.6);
font-size: .76rem;
}
.se-vg-badge {
display: inline-block;
padding: 3px 9px;
border-radius: 6px;
font-size: .72rem;
font-weight: 700;
color: #fff;
white-space: nowrap;
line-height: 1.4;
}
.se-vg-badge--ev       { background: var(--c-1, #F58025); }
.se-vg-badge--type     { background: var(--c-2, #1A1A2E); }
.se-vg-badge--district { background: rgba(0,0,0,.45); backdrop-filter: blur(4px); }
.se-vg-mini {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
border-radius: var(--r-md, 12px);
overflow: hidden;
}
.se-vg-mini .se-vg-thumb {
flex-shrink: 0;
width: 64px;
height: 64px;
overflow: hidden;
border-radius: 8px;
}
.se-vg-mini .se-vg-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.se-vg-mini .se-vg-name {
font-weight: 600;
}
.se-vg-mini .se-vg-meta,
.se-vg-mini .se-vg-address {
font-size: .82rem;
opacity: .72;
}
.se-vg-empty {
text-align: center;
opacity: .6;
padding: 24px 0;
}  .se-ag-poster {
display: block;
text-decoration: none;
overflow: hidden;
border-radius: var(--r-md, 12px);
background: var(--c-surface, #1e1e2e);
}
.se-ag-img {
position: relative;
overflow: hidden;
}
.se-ag-body {
padding: 10px 12px 12px;
}
.se-ag-name {
font-weight: 700;
font-size: 1rem;
line-height: 1.3;
margin-bottom: 3px;
}
.se-ag-role {
font-size: .82rem;
opacity: .7;
margin-bottom: 6px;
}
.se-ag-tags {
display: flex;
flex-wrap: wrap;
gap: 4px;
}
.se-ag-tag {
font-size: .72rem;
padding: 2px 8px;
border-radius: 20px;
background: var(--c-1, #F58025);
color: #fff;
white-space: nowrap;
}
.se-ag-ev-badge {
display: inline-block;
padding: 3px 9px;
border-radius: 6px;
font-size: .72rem;
font-weight: 700;
color: #fff;
background: var(--c-1, #F58025);
white-space: nowrap;
line-height: 1.4;
} .se-ag-mini {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
overflow: hidden;
}
.se-ag-avatar,
.se-ag-avatar-fallback {
flex-shrink: 0;
width: 56px;
height: 56px;
border-radius: 50%;
overflow: hidden;
}
.se-ag-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 50%;
}
.se-ag-avatar-fallback {
display: flex;
align-items: center;
justify-content: center;
background: var(--c-1, #F58025);
font-weight: 800;
color: var(--c-bg, #fff);
}
.se-ag-more {
font-size: .9rem;
font-weight: 600;
text-decoration: none;
}
.se-ag-empty {
text-align: center;
opacity: .6;
padding: 24px 0;
} .se-loc-link {
font-weight: 700;
color: inherit;
text-decoration: none;
border-bottom: 1px solid var(--c-border);
transition: border-color .15s;
}
.se-loc-link:hover { border-color: var(--c-1); }
.loc-card__photo:hover .se-loc-thumb-img { transform: scale(1.03); }  .article-sidebar {
position: sticky;
top: calc(var(--header-h, 64px) + 20px);
display: flex;
flex-direction: column;
gap: 20px;
align-self: start;
} .article-sidebar .widget {
background: var(--c-surface, #f8f8f8);
border: 1px solid var(--c-border);
border-radius: var(--r-md);
padding: 18px 20px;
}
.widget-head {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 1px solid var(--c-divider);
}
.widget-head h4 {
font-family: var(--t-mono);
font-size: 11px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--c-fg-dim);
margin: 0;
}
.widget-dot {
width: 8px; height: 8px;
border-radius: 50%;
background: var(--c-1);
flex-shrink: 0;
} .popular-list {
list-style: none;
margin: 0; padding: 0;
display: flex;
flex-direction: column;
gap: 0;
}
.popular-list li {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 10px 0;
border-bottom: 1px solid var(--c-divider);
cursor: pointer;
transition: opacity .15s;
}
.popular-list li:last-child { border-bottom: 0; padding-bottom: 0; }
.popular-list li:hover { opacity: .72; }
.popular-num {
font-family: var(--t-mono);
font-size: 18px;
font-weight: 800;
color: var(--c-border);
line-height: 1;
flex-shrink: 0;
padding-top: 2px;
}
.popular-title {
font-size: 13px;
font-weight: 600;
line-height: 1.4;
color: var(--c-fg);
}
.popular-meta {
font-size: 11px;
color: var(--c-fg-dim);
margin-top: 3px;
font-family: var(--t-mono);
} .widget-news {}
.widget-news-pitch {
font-size: 13px;
color: var(--c-fg-dim);
line-height: 1.55;
margin: 0 0 12px;
}
.widget-news-input {
width: 100%;
padding: 9px 12px;
border: 1px solid var(--c-border);
border-radius: var(--r-sm);
background: var(--c-bg);
font-size: 13px;
color: var(--c-fg);
outline: none;
transition: border-color .15s;
box-sizing: border-box;
}
.widget-news-input:focus { border-color: var(--c-1); }
.widget-news-foot {
font-family: var(--t-mono);
font-size: 10px;
letter-spacing: .07em;
color: var(--c-fg-dim);
text-align: center;
margin-top: 10px;
} .byline-author-btn {
color: var(--c-fg);
text-decoration: none;
font-weight: 600;
transition: color .15s;
}
.byline-author-btn:hover { color: var(--c-1); }
.byline-stats {
margin-left: auto;
flex-shrink: 0;
}
.byline-stats a {
color: var(--c-fg-dim);
text-decoration: none;
font-size: 13px;
transition: color .15s;
}
.byline-stats a:hover { color: var(--c-1); } .author-bio {
display: flex;
gap: 20px;
align-items: flex-start;
padding: 28px;
background: var(--c-surface, #f8f8f8);
border: 1px solid var(--c-border);
border-radius: var(--r-md);
margin-top: 48px;
}
.author-bio-img {
width: 84px; height: 84px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 3px solid var(--c-bg);
box-shadow: 0 0 0 1px var(--c-border);
}
.author-bio-info {
flex: 1;
min-width: 0;
}
.author-bio-role {
font-family: var(--t-mono);
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--c-1);
margin-bottom: 4px;
}
.author-bio-name {
font-family: var(--t-display);
font-weight: 700;
font-size: 18px;
letter-spacing: -.02em;
margin-bottom: 8px;
}
.author-bio-text {
font-size: 14px;
line-height: 1.6;
color: var(--c-fg-dim);
margin-bottom: 14px;
}
.author-bio-foot {
display: flex;
align-items: center;
gap: 14px;
}
.author-handle {
font-family: var(--t-mono);
font-size: 12px;
color: var(--c-fg-dim);
}
.author-bio-more {
font-size: 13px;
font-weight: 600;
color: var(--c-1);
text-decoration: none;
transition: opacity .15s;
}
.author-bio-more:hover { opacity: .75; } .article-tags {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
margin-top: 36px;
padding-top: 28px;
border-top: 1px solid var(--c-divider);
}
.article-tags-label {
font-family: var(--t-mono);
font-size: 10px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--c-fg-dim);
flex-shrink: 0;
}
.tag-chip {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 5px 11px;
border: 1px solid var(--c-border);
border-radius: var(--r-pill);
font-size: 12px;
font-weight: 600;
color: var(--c-fg);
text-decoration: none;
transition: background .15s, border-color .15s, color .15s;
}
.tag-chip:hover {
background: var(--c-1);
border-color: var(--c-1);
color: #fff;
}
.tag-count {
font-family: var(--t-mono);
font-size: 10px;
opacity: .5;
} .post-nav {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 48px;
padding-top: 28px;
border-top: 1px solid var(--c-divider);
}
.post-nav-item {
display: block;
padding: 16px 18px;
border: 1px solid var(--c-border);
border-radius: var(--r-md);
text-decoration: none;
color: inherit;
transition: border-color .2s, box-shadow .2s;
}
.post-nav-item:hover {
border-color: var(--c-1);
box-shadow: 0 2px 12px rgba(0,0,0,.07);
}
.post-nav-item.right { text-align: right; }
.pn-dir {
font-family: var(--t-mono);
font-size: 10px;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
color: var(--c-fg-dim);
margin-bottom: 6px;
}
.pn-title {
font-size: 14px;
font-weight: 600;
line-height: 1.4;
color: var(--c-fg);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
} @media (max-width: 900px) {
.article-sidebar {
position: static;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
}
.article-sidebar .widget { margin: 0; }
.author-bio { flex-direction: column; align-items: center; text-align: center; }
.author-bio-foot { justify-content: center; }
.post-nav { grid-template-columns: 1fr; }
.post-nav-item.right { text-align: left; }
}
@media (max-width: 600px) {
.article-sidebar { grid-template-columns: 1fr; }
.author-bio { padding: 20px; }
.author-bio-img { width: 64px; height: 64px; }
}.se-topbar {
background: var(--se-topbar-bg, #111111);
color: var(--se-topbar-color, rgba(255,255,255,.75));
font-size: .78rem;
line-height: 1.4;
padding: .375rem 0;
z-index: 1002;
position: relative;
}
.se-topbar-inner {
max-width: var(--max-w, 1280px);
margin: 0 auto;
padding-inline: var(--pad-page, 40px);
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.se-topbar-left,
.se-topbar-right {
display: flex;
align-items: center;
gap: .75rem;
}
.se-topbar a {
color: inherit;
text-decoration: none;
opacity: .8;
transition: opacity .15s;
}
.se-topbar a:hover { opacity: 1; }
@media (max-width: 640px) {
.se-topbar-right { display: none; }
.se-topbar-left  { width: 100%; justify-content: center; text-align: center; }
} .se-site-header {
position: fixed;
top: 0; left: 0; right: 0;
z-index: 1000;
transition:
background .3s ease,
backdrop-filter .3s ease,
box-shadow .3s ease,
border-color .3s ease,
transform .3s cubic-bezier(.4,0,.2,1);
} .se-site-header:not(.is-sticky) {
position: relative;
top: auto;
} .se-site-header.is-transparent .se-nav,
.se-site-header.is-transparent .se-header-inner {
background: transparent;
border-bottom-color: transparent;
box-shadow: none;
}
.se-site-header.is-transparent .se-nav-logo,
.se-site-header.is-transparent .se-site-name,
.se-site-header.is-transparent .se-menu > li > a,
.se-site-header.is-transparent .se-nav-links a,
.se-site-header.is-transparent .se-nav-links button,
.se-site-header.is-transparent .se-header-user,
.se-site-header.is-transparent .se-search-toggle {
color: #fff;
}
.se-site-header.is-transparent .se-nav-search input { color: #fff; }
.se-site-header.is-transparent .se-nav-search input::placeholder { color: rgba(255,255,255,.6); } .se-site-header.has-shadow {
box-shadow: 0 2px 12px rgba(0,0,0,.08);
} .se-site-header.has-border .se-nav,
.se-site-header.has-border .se-header-inner {
border-bottom: 1px solid var(--c-border, rgba(17,17,17,.11));
} .se-site-header.is-scrolled .se-header-inner {
background: rgba(255,255,255,.92);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(245,128,37,.18);
box-shadow: 0 1px 16px rgba(0,0,0,.06);
} .se-site-header.is-hidden {
transform: translateY(-100%);
} .se-logo-link { display: inline-flex; align-items: center; }
.se-logo-link img { display: block; }
.se-site-name-link { text-decoration: none; }
.se-site-name {
font-size: 1.25rem;
font-weight: 800;
color: var(--se-header-color, #111111);
letter-spacing: -.025em;
} .se-nav.scrolled .se-site-name { color: var(--se-header-color, #111111); } .se-header-inner {
display: flex;
align-items: center;
gap: 1.5rem;
width: 100%;
box-sizing: border-box;
min-height: var(--header-h, 72px);
padding: var(--se-header-padding-y, 16px) var(--pad-page, 40px);
}
.se-site-logo { flex-shrink: 0; }
.se-main-nav  { flex: 1; }
.se-header-actions {
display: flex;
align-items: center;
gap: 2px;
flex-shrink: 0;
} .se-menu {
display: flex;
align-items: center;
gap: .125rem;
list-style: none;
margin: 0;
padding: 0;
flex-wrap: wrap;
}
.se-menu > li > a {
display: block;
padding: .5rem .75rem;
color: var(--se-header-color, #111111);
text-decoration: none;
font-size: .875rem;
font-weight: 600;
border-radius: var(--r-sm, 8px);
transition: color .15s, background .15s;
white-space: nowrap;
position: relative;
}
.se-menu > li > a:hover { color: var(--c-1, #F58025); } .se-menu > li > a::after {
content: '';
position: absolute;
bottom: 4px; left: .75rem; right: .75rem;
height: 2px;
background: var(--c-1, #F58025);
transform: scaleX(0);
transform-origin: left;
transition: transform .2s ease;
border-radius: 1px;
}
.se-menu > li > a:hover::after { transform: scaleX(1); } .se-menu > li.current-menu-item > a,
.se-menu > li.current-menu-ancestor > a {
color: var(--c-1, #F58025);
}
.se-menu > li.current-menu-item > a::after { transform: scaleX(1); } .se-menu li { position: relative; }
.se-menu .sub-menu {
display: none;
position: absolute;
top: calc(100% + 6px);
left: 0;
min-width: 220px;
background: #fff;
border: 1px solid rgba(0,0,0,.08);
border-radius: var(--r-md, 12px);
box-shadow: 0 12px 32px rgba(0,0,0,.12);
padding: .5rem;
list-style: none;
z-index: 500;
animation: se-dropdown-in .15s ease;
}
.se-menu li:hover > .sub-menu { display: block; }
.se-menu .sub-menu a {
display: block;
padding: .5rem .75rem;
font-size: .85rem;
color: #374151;
text-decoration: none;
border-radius: var(--r-xs, 4px);
transition: background .1s, color .1s;
}
.se-menu .sub-menu a:hover {
background: rgba(245,128,37,.08);
color: var(--c-1, #F58025);
}
@keyframes se-dropdown-in {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: translateY(0); }
} .se-header-cta { font-size: .8rem !important; padding: .45rem .9rem !important; }
.se-search-toggle,
.se-header-user {
display: flex;
align-items: center;
justify-content: center;
width: 38px; height: 38px;
border: none;
background: transparent;
cursor: pointer;
border-radius: var(--r-sm, 8px);
color: var(--se-header-color, #111111);
transition: background .15s, color .15s;
padding: 0;
text-decoration: none;
}
.se-search-toggle:hover,
.se-header-user:hover {
background: rgba(0,0,0,.05);
color: var(--c-1, #F58025);
} .se-header-phone {
display: flex;
align-items: center;
gap: .375rem;
font-size: .8rem;
font-weight: 600;
color: var(--se-header-color, #111111);
text-decoration: none;
white-space: nowrap;
}
.se-header-phone:hover { color: var(--c-1, #F58025); } .se-mobile-menu-toggle {
display: none;
border: none;
background: transparent;
cursor: pointer;
padding: .375rem;
color: var(--se-header-color, #111111);
}
.se-hamburger {
display: flex;
flex-direction: column;
gap: 5px;
width: 24px;
}
.se-hamburger span {
display: block;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform .25s, opacity .25s;
transform-origin: center;
}
.se-mobile-menu-toggle[aria-expanded="true"] .se-hamburger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.se-mobile-menu-toggle[aria-expanded="true"] .se-hamburger span:nth-child(2) { opacity: 0; }
.se-mobile-menu-toggle[aria-expanded="true"] .se-hamburger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); } .se-header--centered .se-header-inner {
flex-direction: column;
gap: .75rem;
text-align: center;
padding-block: .5rem;
}
.se-header--centered .se-main-nav   { order: 2; width: 100%; justify-content: center; }
.se-header--centered .se-menu       { justify-content: center; }
.se-header--centered .se-site-logo  { order: 1; }
.se-header--centered .se-header-actions { order: 3; width: 100%; justify-content: center; } .se-header-inner--split {
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
gap: 1.5rem;
}
.se-header-left   { display: flex; align-items: center; gap: 1rem; }
.se-header-center { flex: 1; display: flex; align-items: center; }
.se-header-search-form {
display: flex;
align-items: center;
background: rgba(0,0,0,.04);
border: 1px solid rgba(0,0,0,.08);
border-radius: var(--r-sm, 8px);
overflow: hidden;
transition: border-color .15s, background .15s;
}
.se-header-search-form:focus-within {
border-color: var(--c-1, #F58025);
background: #fff;
box-shadow: 0 0 0 3px rgba(245,128,37,.12);
}
.se-header-search-input {
flex: 1; border: none; background: transparent;
padding: .5rem .875rem; font-size: .875rem; color: #111111;
outline: none;
}
.se-header-search-btn {
display: flex; align-items: center; justify-content: center;
width: 40px; height: 40px; background: transparent;
border: none; cursor: pointer; color: #6b7280; transition: color .15s;
}
.se-header-search-btn:hover { color: var(--c-1, #F58025); } .se-header--minimal .se-main-nav    { display: none; }
.se-header--minimal .se-header-actions { margin-left: auto; } .se-search-panel {
border-top: 1px solid rgba(0,0,0,.06);
background: #fff;
padding: 1rem 0;
animation: se-dropdown-in .2s ease;
}
.se-search-panel form {
display: flex;
align-items: center;
gap: .5rem;
max-width: 640px;
margin: 0 auto;
}
.se-search-input {
flex: 1;
padding: .625rem 1rem;
font-size: 1rem;
border: 1.5px solid rgba(0,0,0,.1);
border-radius: var(--r-sm, 8px);
background: #f8f8f8;
color: #111111;
transition: border-color .15s, background .15s;
}
.se-search-input:focus {
border-color: var(--c-1, #F58025);
background: #fff;
outline: none;
box-shadow: 0 0 0 3px rgba(245,128,37,.1);
}
.se-search-panel button[type=submit] {
display: flex; align-items: center; justify-content: center;
width: 44px; height: 44px;
background: var(--c-1, #F58025);
color: #fff; border: none;
border-radius: var(--r-sm, 8px);
cursor: pointer;
transition: opacity .15s;
}
.se-search-panel button[type=submit]:hover { opacity: .88; }
.se-search-close {
display: flex; align-items: center; justify-content: center;
width: 38px; height: 38px;
background: transparent; border: none; cursor: pointer;
color: #6b7280; border-radius: var(--r-xs, 4px);
transition: background .15s;
}
.se-search-close:hover { background: rgba(0,0,0,.05); }
.se-search-quick {
display: flex;
align-items: center;
gap: .5rem;
flex-wrap: wrap;
max-width: 640px;
margin: .75rem auto 0;
}
.se-search-quick-label { font-size: .78rem; color: #6b7280; font-weight: 600; }
.se-search-chip {
display: inline-block;
padding: .25rem .625rem;
background: rgba(0,0,0,.04);
color: #374151;
border-radius: var(--r-pill, 9999px);
font-size: .78rem;
text-decoration: none;
border: 1px solid rgba(0,0,0,.07);
transition: background .15s, color .15s, border-color .15s;
}
.se-search-chip:hover {
background: var(--c-1, #F58025);
color: #fff;
border-color: var(--c-1, #F58025);
} @media (max-width: 768px) {
.se-mobile-menu-toggle { display: flex; }
.se-main-nav {
display: none;
position: absolute;
top: 100%; left: 0; right: 0;
background: rgba(255,255,255,.97);
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
border-top: 1px solid rgba(0,0,0,.06);
border-bottom: 1px solid rgba(0,0,0,.06);
padding: 1rem;
z-index: 999;
box-shadow: 0 12px 32px rgba(0,0,0,.1);
animation: se-dropdown-in .2s ease;
}
.se-main-nav.is-open { display: block; }
.se-menu {
flex-direction: column;
align-items: flex-start;
gap: .25rem;
}
.se-menu > li { width: 100%; }
.se-menu > li > a { padding: .625rem .875rem; border-radius: var(--r-sm, 8px); width: 100%; }
.se-menu > li > a::after { display: none; }
.se-menu .sub-menu {
position: static;
box-shadow: none;
border: none;
background: rgba(245,128,37,.05);
border-radius: var(--r-xs, 4px);
margin: .25rem 0 .25rem 1rem;
display: none;
}
.se-menu li.is-open > .sub-menu { display: block; }
.se-header-phone-text { display: none; }
.se-header-center { display: none; }
.se-header-inner--split {
grid-template-columns: auto 1fr;
}
.se-header-inner--split .se-header-left .se-main-nav { display: none; }
} .se-ad-below-header {
border-bottom: 1px solid rgba(0,0,0,.07);
padding: .5rem 0;
text-align: center;
background: #fafafa;
}  .se-site-footer {
font-size: .875rem;
}
.se-site-footer a {
color: var(--se-footer-link, #fff);
text-decoration: none;
transition: color .15s, opacity .15s;
}
.se-site-footer a:hover {
color: var(--se-footer-link-hover, var(--c-1, #F58025));
opacity: 1;
} .se-footer-body {
padding-top: var(--se-footer-pt, 60px);
padding-bottom: var(--se-footer-pb, 40px);
} .se-footer-grid { display: grid; gap: 2.5rem; }
.se-footer-grid--4 { grid-template-columns: 2fr 1fr 1fr 1fr; }
.se-footer-grid--3 { grid-template-columns: 2fr 1fr 1fr; }
.se-footer-grid--2 { grid-template-columns: 1.5fr 1fr; }
.se-footer-col--brand { min-width: 0; }
.se-footer-col--wide  { grid-column: span 1; } .se-footer-widget-title,
.se-site-footer .widget-title,
.se-site-footer h4 {
color: #fff;
font-size: .8rem;
font-weight: 700;
margin: 0 0 1rem;
padding-bottom: .625rem;
border-bottom: 1px solid rgba(255,255,255,.1);
text-transform: uppercase;
letter-spacing: .08em;
} .se-footer-desc {
color: var(--se-footer-color, rgba(255,255,255,.6));
font-size: .85rem;
line-height: 1.65;
margin: .875rem 0 1.25rem;
max-width: 300px;
} .se-footer-logo-img {
max-height: 52px;
width: auto;
filter: brightness(0) invert(1) opacity(.85);
} .se-footer-links,
.se-site-footer ul.menu {
list-style: none;
margin: 0;
padding: 0;
}
.se-footer-links li,
.se-site-footer ul.menu li { margin-bottom: .5rem; }
.se-footer-links a,
.se-site-footer ul.menu a {
color: var(--se-footer-color, rgba(255,255,255,.6));
font-size: .85rem;
display: flex;
align-items: center;
gap: .375rem;
transition: color .15s, transform .15s cubic-bezier(.25,.46,.45,.94);
}
.se-footer-links a:hover,
.se-site-footer ul.menu a:hover {
color: #fff;
transform: translateX(.375rem);
} .se-footer-links--horizontal {
display: flex;
flex-wrap: wrap;
gap: .375rem 1rem;
}
.se-footer-links--horizontal li { margin: 0; } .se-footer-contact { list-style: none; margin: 0; padding: 0; }
.se-footer-contact li {
display: flex;
align-items: flex-start;
gap: .5rem;
margin-bottom: .625rem;
font-size: .85rem;
color: var(--se-footer-color, rgba(255,255,255,.6));
}
.se-footer-contact svg { flex-shrink: 0; margin-top: .1rem; opacity: .6; }
.se-footer-contact a { color: var(--se-footer-color, rgba(255,255,255,.6)); }
.se-footer-contact a:hover { color: #fff; } .se-footer-newsletter-section,
.se-footer-newsletter-strip {
background: rgba(255,255,255,.04);
padding: 2.5rem 0;
border-bottom: 1px solid rgba(255,255,255,.07);
}
.se-footer-newsletter-wrap {
max-width: 560px;
margin: 0 auto;
text-align: center;
}
.se-footer-nl-title {
color: #fff;
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 .5rem;
border: none;
text-transform: none;
letter-spacing: 0;
padding: 0;
}
.se-footer-nl-desc {
color: rgba(255,255,255,.6);
font-size: .875rem;
margin: 0 0 1.25rem;
}
.se-footer-nl-form .se-nl-input {
background: rgba(255,255,255,.08);
border-color: rgba(255,255,255,.15);
color: #fff;
}
.se-footer-nl-form .se-nl-input::placeholder { color: rgba(255,255,255,.4); }
.se-footer-nl-form .se-nl-input:focus {
background: rgba(255,255,255,.12);
border-color: var(--c-1, #F58025);
} .se-footer-extra {
padding: 1rem 0;
border-top: 1px solid rgba(255,255,255,.07);
}
.se-footer-map {
margin-top: 2rem;
border-radius: var(--r-md, 12px);
overflow: hidden;
line-height: 0;
border: 1px solid rgba(255,255,255,.08);
}
.se-footer-map iframe {
width: 100%;
height: 240px;
border: none;
display: block;
} .se-footer-social { margin-top: 1.25rem; } .se-footer-bottom {
background: var(--se-footer-bottom-bg, #0a0a0a);
border-top: 1px solid rgba(255,255,255,.06);
padding: 1rem 0;
}
.se-footer-bottom-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.se-footer-copyright,
.se-footer-bottom-credit,
.se-footer-bottom-extra {
margin: 0;
font-size: .78rem;
color: rgba(255,255,255,.4);
}
.se-footer-bottom-credit a { color: inherit; transition: color .15s; }
.se-footer-bottom-credit a:hover { color: var(--c-1, #F58025); }
.se-footer-copyright-only {
padding: 1.25rem 0;
text-align: center;
border-top: 1px solid rgba(255,255,255,.06);
}
.se-footer-copyright-only p { margin: 0; font-size: .78rem; } .se-footer-minimal { padding: 1.5rem 0; }
.se-footer-minimal-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.5rem;
flex-wrap: wrap;
}
.se-footer-minimal-logo img { max-height: 40px; width: auto; } .se-cookie-notice {
position: fixed;
bottom: 0; left: 0; right: 0;
background: #111111;
color: rgba(255,255,255,.85);
z-index: 9997;
padding: .875rem 1.25rem;
border-top: 2px solid var(--c-1, #F58025);
box-shadow: 0 -4px 24px rgba(0,0,0,.2);
}
.se-cookie-notice-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
max-width: var(--se-container-width, 1280px);
margin: 0 auto;
flex-wrap: wrap;
}
.se-cookie-notice p { margin: 0; font-size: .875rem; } @media (max-width: 1024px) {
.se-footer-grid--4 { grid-template-columns: 1fr 1fr; }
.se-footer-col--brand { grid-column: span 2; }
}
@media (max-width: 640px) {
.se-footer-grid--4,
.se-footer-grid--3,
.se-footer-grid--2 { grid-template-columns: 1fr; }
.se-footer-col--brand { grid-column: span 1; }
.se-footer-bottom-inner {
flex-direction: column;
text-align: center;
}
.se-footer-minimal-inner { flex-direction: column; text-align: center; }
.se-topbar-inner { flex-direction: column; text-align: center; }
} .se-stars {
display: inline-flex;
align-items: center;
gap: .1em;
line-height: 1;
color: #f59e0b;
font-size: .9em;
}
.se-star--empty { color: var(--c-border, rgba(0,0,0,.1)); }
.se-stars__number {
margin-left: .25em;
font-weight: 600;
font-size: .875em;
color: var(--c-fg, #111111);
} .se-card-rating {
display: flex;
align-items: center;
gap: .3rem;
font-size: .75rem;
color: var(--c-fg-dim);
margin-top: .2rem;
}
.se-card-rating .se-stars { font-size: .78rem; }
.se-card-rating__count { opacity: .7; } .se-hero-rating {
display: inline-flex;
align-items: center;
gap: .4rem;
margin-top: .5rem;
}
.se-hero-rating .se-stars { font-size: 1rem; }
.se-hero-rating__count {
font-size: .8125rem;
color: var(--c-fg-dim);
} .se-rating-summary {
margin-bottom: 1.5rem;
padding: 1.25rem 1.5rem;
background: var(--c-surface, #fafafa);
border: 1px solid var(--c-border, rgba(0,0,0,.08));
border-radius: var(--r-md, 12px);
}
.se-rating-summary__overall {
display: flex;
align-items: center;
gap: .875rem;
margin-bottom: 1rem;
flex-wrap: wrap;
}
.se-rating-summary__score {
font-size: 2.75rem;
font-weight: 800;
line-height: 1;
letter-spacing: -.03em;
color: var(--c-fg, #111111);
}
.se-rating-summary .se-stars { font-size: 1.25rem; }
.se-rating-summary__count {
font-size: .875rem;
color: var(--c-fg-dim);
}
.se-rating-summary__breakdown {
border-top: 1px solid var(--c-border, rgba(0,0,0,.08));
padding-top: .875rem;
display: flex;
flex-direction: column;
gap: .5rem;
} .se-infinite-container {
width: 100%;
}
.se-infinite-sentinel {
height: 1px;
width: 100%;
}
.se-infinite-status {
text-align: center;
padding: 24px 0 40px;
font-size: .875rem;
color: var(--c-fg-dim);
}
.se-infinite-status[data-state="loading"]::before {
content: '';
display: inline-block;
width: 20px;
height: 20px;
border: 2px solid var(--c-border);
border-top-color: var(--c-primary, #1a56db);
border-radius: 50%;
animation: se-spin .7s linear infinite;
vertical-align: middle;
margin-right: 8px;
}
.se-infinite-status[data-state="done"] {
opacity: .5;
}
.se-infinite-status[data-state="error"] {
color: #e53e3e;
}  .tax-hero {
padding: 28px 0 28px;
border-bottom: 1px solid var(--c-border, #e8e8e8);
margin-bottom: 8px;
background: none;
}
.tax-hero-meta {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--t-mono, monospace);
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--c-fg-dim, #888);
margin-bottom: 10px;
}
.tax-hero-title {
font-family: var(--t-display, sans-serif);
font-weight: 800;
font-size: clamp(28px, 5vw, 44px);
letter-spacing: -.03em;
line-height: 1.1;
margin: 0 0 10px;
color: var(--c-fg, #111);
}
.tax-hero-desc {
font-size: 15px;
color: var(--c-fg-dim, #666);
line-height: 1.6;
margin: 0;
max-width: 600px;
} .tax-hero.tax-c1 { border-bottom-color: var(--c-1, #F58025); }
.tax-hero.tax-c2 { border-bottom-color: var(--c-2, #1A1A2E); }
.tax-hero.tax-c3 { border-bottom-color: var(--c-3, #2D6A4F); } .tax-desc-block {
margin: 40px 0 32px;
padding-top: 32px;
border-top: 1px solid var(--c-border, #e8e8e8);
}
.tax-desc-inner {
font-size: 14px;
line-height: 1.75;
color: var(--c-fg-dim, #555);
} .tax-desc-inner > * + * { margin-top: .6em; }
.tax-desc-inner p { margin: 0; } .tax-desc-inner h2 { font-size: 1.25em; font-weight: 700; line-height: 1.25; color: var(--c-fg); margin: 1em 0 .3em; }
.tax-desc-inner h3 { font-size: 1.1em;  font-weight: 700; line-height: 1.3;  color: var(--c-fg); margin: .9em 0 .25em; }
.tax-desc-inner h4 { font-size: 1em;    font-weight: 700; line-height: 1.3;  color: var(--c-fg); margin: .8em 0 .2em; } .tax-desc-inner ul,
.tax-desc-inner ol { padding-left: 1.4em; margin: .4em 0; }
.tax-desc-inner li { margin: .2em 0; } .tax-desc-hidden { display: none !important; }
.tax-desc-toggle {
display: inline-flex;
align-items: center;
gap: 4px;
margin-top: 10px;
padding: 0;
background: none;
border: none;
cursor: pointer;
font-size: 14px;
font-weight: 600;
color: var(--c-1, #F58025);
text-decoration: underline;
text-underline-offset: 3px;
transition: opacity .15s;
}
.tax-desc-toggle:hover { opacity: .75; }
.tax-desc-chevron {
display: inline-block;
transition: transform .2s;
flex-shrink: 0;
}
.tax-desc-chevron.open { transform: rotate(180deg); } .tax-sh {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
margin-bottom: 20px;
}
.tax-sh-left {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.tax-sh-title {
font-family: var(--t-display, sans-serif);
font-weight: 800;
font-size: clamp(18px, 2.5vw, 24px);
letter-spacing: -.02em;
margin: 0;
color: var(--c-fg, #111);
line-height: 1.2;
}
.tax-sh-title--dim {
opacity: .65;
}
.tax-sh-more {
font-family: var(--t-mono, monospace);
font-size: 11px;
font-weight: 700;
letter-spacing: .1em;
text-transform: uppercase;
color: var(--c-1, #F58025);
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
transition: opacity .15s;
}
.tax-sh-more:hover { opacity: .7; } .tax-count-badge {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--t-mono, monospace);
font-size: 11px;
font-weight: 700;
letter-spacing: .04em;
line-height: 1;
padding: 4px 9px;
border-radius: 20px;
background: var(--c-bg-alt, #f5f5f5);
color: var(--c-fg-dim, #666);
border: 1px solid var(--c-border, #e8e8e8);
}
.tax-count-badge--active {
background: color-mix(in srgb, var(--c-1, #F58025) 12%, transparent);
color: var(--c-1, #F58025);
border-color: color-mix(in srgb, var(--c-1, #F58025) 30%, transparent);
}
.tax-count-badge--past {
background: transparent;
color: var(--c-fg-dim, #999);
border-color: var(--c-border, #e8e8e8);
} .tax-section { }
.tax-section--past .se-grid { opacity: .65; }
.tax-section--past .se-grid:hover { opacity: .8; transition: opacity .2s; }
.tax-divider {
border: none;
border-top: 1px solid var(--c-border, #e8e8e8);
margin: 40px 0 0;
} .tax-chip {
display: inline-flex;
align-items: center;
gap: 5px;
font-family: var(--t-mono, monospace);
font-size: 12px;
font-weight: 600;
letter-spacing: .06em;
text-transform: uppercase;
padding: 6px 12px;
border-radius: 20px;
border: 1.5px solid currentColor;
text-decoration: none;
transition: background .15s, color .15s;
color: var(--c-fg-dim, #666);
}
.tax-chip:hover { background: var(--c-fg, #111); color: #fff; border-color: var(--c-fg, #111); }
.tax-chip.tax-c1 { color: var(--c-1, #F58025); border-color: color-mix(in srgb, var(--c-1) 40%, transparent); }
.tax-chip.tax-c1:hover { background: var(--c-1, #F58025); color: #fff; border-color: var(--c-1, #F58025); }
.tax-chip.tax-c2 { color: var(--c-2, #1A1A2E); border-color: color-mix(in srgb, var(--c-2) 30%, transparent); }
.tax-chip.tax-c2:hover { background: var(--c-2, #1A1A2E); color: #fff; border-color: var(--c-2, #1A1A2E); }
.tax-chip.tax-c3 { color: var(--c-3, #2D6A4F); border-color: color-mix(in srgb, var(--c-3) 35%, transparent); }
.tax-chip.tax-c3:hover { background: var(--c-3, #2D6A4F); color: #fff; border-color: var(--c-3, #2D6A4F); }
.tax-chip.tax-sz-md { font-size: 12px; padding: 7px 14px; }
.tax-chip.tax-sz-xs { font-size: 10px; padding: 4px 9px; }
.tax-chip-count { opacity: .55; font-size: .9em; } .tax-related-wrap {
margin-top: 48px;
padding-top: 28px;
border-top: 1px solid var(--c-border, #e8e8e8);
}
.tax-related-label {
font-family: var(--t-mono, monospace);
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
text-transform: uppercase;
color: var(--c-fg-dim, #888);
margin: 0 0 14px;
}
.tax-related {
display: flex;
flex-wrap: wrap;
gap: 8px;
} .se-platform-hero {
background: var(--c-surface, #fafafa);
border: 1px solid var(--c-border, #e8e8e8);
border-radius: var(--r-lg, 14px);
margin-bottom: 32px;
overflow: hidden;
}
.se-platform-hero__inner {
display: flex;
align-items: center;
gap: 28px;
padding: 32px 36px;
}
.se-platform-hero__logo {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 120px;
height: 72px;
background: #fff;
border: 1px solid var(--c-border, #e8e8e8);
border-radius: var(--r-md, 10px);
padding: 12px 16px;
}
.se-platform-hero__logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
display: block;
}
.se-platform-hero__logo--text {
font-family: var(--t-display, sans-serif);
font-weight: 800;
font-size: 16px;
color: var(--c-fg, #111);
letter-spacing: -.02em;
}
.se-platform-hero__eyebrow {
font-family: var(--t-mono, monospace);
font-size: 10px;
font-weight: 700;
letter-spacing: .16em;
text-transform: uppercase;
color: var(--c-fg-dim, #888);
margin: 0 0 6px;
}
.se-platform-hero__title {
font-family: var(--t-display, sans-serif);
font-weight: 800;
font-size: clamp(22px, 3.5vw, 36px);
letter-spacing: -.03em;
color: var(--c-fg, #111);
margin: 0 0 6px;
line-height: 1.05;
}
.se-platform-hero__desc {
font-size: 14px;
color: var(--c-fg-dim, #888);
line-height: 1.55;
margin: 0 0 12px;
max-width: 520px;
}
.se-platform-hero__stats {
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.se-platform-stat {
font-size: 13px;
color: var(--c-fg-dim, #888);
}
.se-platform-stat strong {
color: var(--c-fg, #111);
font-weight: 700;
}
.se-platform-stat--active strong {
color: var(--c-1, #F58025);
} .se-platform-chip {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
padding: 6px 14px;
border: 1px solid var(--c-border, #e8e8e8);
border-radius: var(--r-sm, 8px);
background: #fff;
transition: border-color .15s, box-shadow .15s;
text-decoration: none;
}
.se-platform-chip:hover {
border-color: var(--c-fg-dim, #888);
box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.se-platform-chip__logo {
max-width: 90px;
max-height: 26px;
object-fit: contain;
display: block;
}
.se-platform-chip__name {
font-size: 13px;
font-weight: 600;
color: var(--c-fg, #111);
} .filter-opt--platform { gap: 10px; }
.filter-platform-logo {
max-width: 72px;
max-height: 22px;
object-fit: contain;
flex-shrink: 0;
} @media (max-width: 640px) {
.se-platform-hero__inner { flex-direction: column; align-items: flex-start; gap: 16px; padding: 24px 20px; }
.se-platform-hero__logo { width: 96px; height: 56px; }
.tax-hero { padding: 28px 0 24px; }
.tax-sh { flex-wrap: wrap; gap: 8px; }
.tax-sh-more { order: 2; }
}.se-swiper-wrap {
position: relative;
padding: 0 52px;
}
.se-swiper-wrap .se-event-slider {
overflow: hidden;
}
.se-swiper-wrap .se-swiper-btn {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 40px;
height: 40px;
border-radius: 50%;
background: var(--c-2, #1A1A2E);
color: #fff;
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: opacity .2s, transform .2s;
}
.se-swiper-wrap .se-swiper-btn:hover    { opacity: .85; transform: translateY(-50%) scale(1.05); }
.se-swiper-wrap .se-swiper-btn:disabled,
.se-swiper-wrap .se-swiper-btn.swiper-button-disabled { opacity: .35; cursor: not-allowed; }
.se-swiper-wrap .se-swiper-prev { left: 0; }
.se-swiper-wrap .se-swiper-next { right: 0; }
@media (max-width: 640px) {
.se-swiper-wrap { padding: 0 40px; }
} .hero-label   { color: var(--c-1); }
.hero-heading { color: var(--c-fg); }
.hero-sub     { color: var(--c-fg-dim); } .se-instant-search {
position: relative;
}
.se-is-dropdown {
max-height: 400px;
overflow-y: auto;
scrollbar-width: thin;
}
.se-is-list {
list-style: none;
margin: 0;
padding: .375rem;
}
.se-is-item {
border-radius: var(--r-sm);
outline: none;
}
.se-is-link {
display: flex;
align-items: center;
gap: .75rem;
padding: .625rem .75rem;
text-decoration: none;
color: var(--c-fg);
border-radius: var(--r-sm);
transition: background .12s;
}
.se-is-link:hover,
.se-is-item.focused .se-is-link,
.se-is-item:focus .se-is-link {
background: var(--c-surface, rgba(0,0,0,.04));
}
.se-is-thumb {
width: 40px;
height: 40px;
border-radius: 6px;
object-fit: cover;
flex-shrink: 0;
background: var(--c-border);
}
.se-is-thumb--placeholder {
display: block;
background: var(--c-border);
}
.se-is-text {
display: flex;
flex-direction: column;
gap: .125rem;
min-width: 0;
}
.se-is-title {
font-size: .9375rem;
font-weight: 500;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.se-is-title mark {
background: transparent;
color: var(--c-1);
font-weight: 700;
}
.se-is-badge {
font-size: .6875rem;
font-family: var(--t-mono);
letter-spacing: .06em;
text-transform: uppercase;
background: var(--c-border);
padding: .125rem .4rem;
border-radius: var(--r-xs);
align-self: flex-start;
}
.se-is-badge--event     { background: color-mix(in oklab, var(--c-1) 15%, transparent); color: var(--c-1); }
.se-is-badge--location  { background: color-mix(in oklab, var(--c-2) 15%, transparent); color: var(--c-2); }
.se-is-badge--artist    { background: color-mix(in oklab, var(--c-3) 15%, transparent); color: var(--c-3); }
.se-is-loading,
.se-is-empty {
padding: 1rem 1.25rem;
font-size: .875rem;
color: var(--c-fg-dim);
text-align: center;
}
.se-is-more {
display: block;
padding: .625rem 1.25rem;
font-size: .8125rem;
font-weight: 600;
color: var(--c-2);
text-align: center;
text-decoration: none;
border-top: 1px solid var(--c-border);
}
.se-is-more:hover { text-decoration: underline; }
.se-is-dropdown--header {
width: max(360px, 100%);
} .se-qv-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, .6);
z-index: 9000;
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
opacity: 0;
transition: opacity .2s;
backdrop-filter: blur(4px);
}
.se-qv-overlay--open {
opacity: 1;
}
.se-qv-modal {
background: var(--c-bg);
border-radius: 16px;
max-width: 720px;
width: 100%;
max-height: 88vh;
overflow-y: auto;
position: relative;
transform: translateY(16px);
transition: transform .2s;
box-shadow: 0 24px 64px rgba(0, 0, 0, .22);
}
.se-qv-overlay--open .se-qv-modal {
transform: translateY(0);
}
.se-qv-close {
position: absolute;
top: 1rem;
right: 1rem;
z-index: 10;
background: var(--c-surface, rgba(0,0,0,.06));
border: none;
border-radius: 50%;
width: 36px;
height: 36px;
font-size: 1.25rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-fg);
transition: background .15s;
}
.se-qv-close:hover { background: var(--c-border); }
.se-qv-inner {
display: grid;
grid-template-columns: 280px 1fr;
}
.se-qv-image {
border-radius: 16px 0 0 16px;
overflow: hidden;
aspect-ratio: 4/3;
}
.se-qv-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.se-qv-content {
padding: 1.75rem;
display: flex;
flex-direction: column;
gap: .75rem;
}
.se-qv-cat {
font-size: .75rem;
font-family: var(--t-mono);
letter-spacing: .08em;
text-transform: uppercase;
color: var(--c-1);
font-weight: 600;
}
.se-qv-title {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.25;
margin: 0;
}
.se-qv-title a { color: inherit; text-decoration: none; }
.se-qv-title a:hover { color: var(--c-1); }
.se-qv-meta {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: .375rem;
font-size: .875rem;
color: var(--c-fg-dim);
}
.se-qv-meta li { display: flex; align-items: center; gap: .5rem; }
.se-qv-meta-icon { font-size: 1rem; }
.se-qv-excerpt {
font-size: .9375rem;
line-height: 1.6;
color: var(--c-fg-dim);
margin: 0;
}
.se-qv-actions {
display: flex;
gap: .5rem;
flex-wrap: wrap;
margin-top: auto;
padding-top: .75rem;
}
.se-qv-loading {
display: flex;
align-items: center;
justify-content: center;
padding: 4rem;
}
.se-qv-error {
text-align: center;
padding: 2rem;
color: var(--c-1);
}
@media (max-width: 640px) {
.se-qv-inner { grid-template-columns: 1fr; }
.se-qv-image { border-radius: 16px 16px 0 0; }
} .se-cb {
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 800;
background: var(--c-bg);
border-top: 1px solid var(--c-border);
box-shadow: 0 -4px 24px rgba(0, 0, 0, .1);
transform: translateY(100%);
transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}
.se-cb--visible {
transform: translateY(0);
}
.se-cb-inner {
max-width: var(--max-w, 1280px);
margin: 0 auto;
padding: .875rem var(--se-container-padding, 1.5rem);
display: flex;
align-items: center;
gap: 1rem;
}
.se-cb-slots {
display: flex;
gap: .75rem;
flex: 1;
}
.se-cb-slot {
flex: 1;
min-width: 0;
border: 1.5px dashed var(--c-border);
border-radius: 10px;
padding: .625rem .875rem;
font-size: .875rem;
color: var(--c-fg-dim);
display: flex;
align-items: center;
gap: .5rem;
max-width: 240px;
min-height: 52px;
}
.se-cb-slot--filled {
border-style: solid;
border-color: var(--c-2);
background: color-mix(in oklab, var(--c-2) 8%, transparent);
}
.se-cb-slot img {
width: 36px;
height: 36px;
border-radius: 6px;
object-fit: cover;
flex-shrink: 0;
}
.se-cb-title {
font-size: .8125rem;
font-weight: 600;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
flex: 1;
}
.se-cb-remove {
background: none;
border: none;
cursor: pointer;
color: var(--c-fg-dim);
font-size: 1rem;
line-height: 1;
padding: 0;
flex-shrink: 0;
}
.se-cb-remove:hover { color: var(--c-1); }
.se-cb-actions {
display: flex;
flex-direction: column;
gap: .375rem;
flex-shrink: 0;
}
.se-cb-count {
display: inline-flex;
align-items: center;
justify-content: center;
background: white;
color: var(--c-2);
border-radius: 50%;
width: 20px;
height: 20px;
font-size: .75rem;
font-weight: 700;
margin-left: .375rem;
} .se-compare-btn--active {
border-color: var(--c-2) !important;
color: var(--c-2) !important;
background: color-mix(in oklab, var(--c-2) 10%, transparent) !important;
} .se-compare-table-wrap {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.se-compare-table {
width: 100%;
border-collapse: collapse;
font-size: .9375rem;
}
.se-compare-table th,
.se-compare-table td {
padding: 1rem 1.25rem;
border-bottom: 1px solid var(--c-border);
text-align: left;
vertical-align: middle;
}
.se-ct-field {
background: var(--c-surface, #fafafa);
font-weight: 600;
width: 160px;
color: var(--c-fg-dim);
font-size: .875rem;
}
.se-ct-item {
min-width: 200px;
font-weight: 700;
}
.se-ct-item a { color: inherit; text-decoration: none; }
.se-ct-item a:hover { color: var(--c-1); }
.se-ct-na { color: var(--c-fg-dim); }
.se-ct-remove {
display: block;
margin-top: .375rem;
font-size: .75rem;
color: var(--c-fg-dim);
cursor: pointer;
background: none;
border: none;
padding: 0;
}
.se-ct-remove:hover { color: var(--c-1); } .se-lottie-wrap {
display: flex;
}
.se-lottie-widget {
width: 100%;
} .se-vh-iframe {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1.15);
width: 100%;
height: 100%;
min-width: 100%;
min-height: 100%;
pointer-events: none;
} .se-event-schedule {
margin: 1.5rem 0;
}
.se-event-schedule__title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 1rem;
font-family: var(--t-mono);
letter-spacing: .06em;
text-transform: uppercase;
color: var(--c-fg-dim);
}
.se-event-schedule__list {
list-style: none;
margin: 0;
padding: 0;
border-left: 2px solid var(--c-border);
padding-left: 1.25rem;
display: flex;
flex-direction: column;
gap: 1rem;
}
.se-event-schedule__item {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: .5rem;
}
.se-event-schedule__time {
font-family: var(--t-mono);
font-size: .8125rem;
color: var(--c-1);
font-weight: 600;
flex-shrink: 0;
}
.se-event-schedule__title-text {
font-weight: 600;
font-size: .9375rem;
}
.se-event-schedule__desc {
font-size: .875rem;
color: var(--c-fg-dim);
flex-basis: 100%;
padding-left: 0;
} .se-expiry-badge {
display: inline-flex;
align-items: center;
gap: .25rem;
font-size: .6875rem;
font-family: var(--t-mono);
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
padding: .2rem .5rem;
border-radius: var(--r-xs);
}
.se-expiry-badge--expired {
background: color-mix(in oklab, var(--c-1) 15%, transparent);
color: var(--c-1);
}
.se-expiry-badge--soon {
background: color-mix(in oklab, #F59E0B 15%, transparent);
color: #b45309;
} .se-saved-searches {
max-width: 640px;
}
.se-ss-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: .5rem;
}
.se-ss-item {
display: flex;
align-items: center;
gap: .75rem;
padding: .75rem 1rem;
border: 1px solid var(--c-border);
border-radius: 10px;
background: var(--c-bg);
transition: border-color .15s;
}
.se-ss-item:hover { border-color: var(--c-2); }
.se-ss-label {
flex: 1;
font-weight: 600;
text-decoration: none;
color: var(--c-fg);
}
.se-ss-label:hover { color: var(--c-1); }
.se-ss-meta {
display: flex;
align-items: center;
gap: .5rem;
font-size: .8125rem;
color: var(--c-fg-dim);
} .se-col-item {
transition: border-color .15s;
}
.se-col-item:hover {
border-color: var(--c-2) !important;
} .se-spinner {
display: inline-block;
width: 24px;
height: 24px;
border: 2.5px solid var(--c-border);
border-top-color: var(--c-1);
border-radius: 50%;
animation: se-spin .7s linear infinite;
}
@keyframes se-spin {
to { transform: rotate(360deg); }
}  @media (max-width: 1280px) {
:root { --se-container-padding: 1.5rem; }
} @media (max-width: 1024px) {
.se-footer-grid {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.se-artist-hero {
grid-template-columns: 220px 1fr;
}
.se-single-location__grid {
grid-template-columns: 1fr 300px;
} .se-event-meta-panel {
grid-template-columns: 1fr 1fr;
}
} @media (max-width: 900px) {
.se-single-location__grid,
.se-single-organizer__grid {
grid-template-columns: 1fr;
} .se-info-card--sticky { position: static; }
.se-single-organizer__hero-inner {
gap: 1.25rem;
}
} @media (max-width: 768px) { .se-header-inner { min-height: 60px; padding-block: .625rem; }
.se-site-logo img { max-height: 42px; } .se-main-nav {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--se-color-white);
border-bottom: 1px solid var(--se-color-gray-200);
box-shadow: var(--se-shadow-md);
max-height: 80vh;
overflow-y: auto;
opacity: 0;
pointer-events: none;
transform: translateY(-6px);
transition: opacity .25s cubic-bezier(.25,.46,.45,.94), transform .25s cubic-bezier(.25,.46,.45,.94);
z-index: 999;
}
.se-main-nav.is-open { opacity: 1; pointer-events: auto; transform: translateY(0); }
.se-main-nav ul { flex-direction: column; gap: 0; padding: .5rem 0; }
.se-main-nav li  { border-bottom: 1px solid var(--se-color-gray-200); }
.se-main-nav li:last-child { border-bottom: none; }
.se-main-nav a {
border-radius: 0;
padding: .875rem 1.25rem;
font-size: 1rem;
} .se-artist-hero { grid-template-columns: 1fr; }
.se-artist-photo {
max-width: 200px;
margin-inline: auto;
} .se-section-heading { flex-direction: column; align-items: flex-start; gap: .5rem; } .se-event-meta-panel { grid-template-columns: 1fr; } .se-single-organizer__avatar { width: 80px; height: 80px; font-size: 1.75rem; } .se-packages { overflow-x: auto; } .se-footer-grid { grid-template-columns: 1fr; }
.se-footer-bottom { flex-direction: column; gap: .625rem; text-align: center; }
} @media (max-width: 640px) {
:root {
--se-container-padding: 1rem;
--se-font-size-base: 15px;
} .se-grid--2,
.se-grid--3,
.se-grid--4 { grid-template-columns: 1fr; } .se-grid--2-mobile { grid-template-columns: repeat(2, 1fr); } .se-section-heading__title { font-size: 1.375rem; } .se-swiper-wrapper { padding-bottom: 2.5rem; } .se-single-location__hero,
.se-single-organizer__hero { padding: 2rem 0 1.5rem; } .se-card--horizontal { grid-template-columns: 1fr; } .se-ad-space--leaderboard { max-width: 100%; } .se-auth-box { padding: 1.5rem 1rem; }
.se-auth-form__row-2 { grid-template-columns: 1fr; } .se-modal__box { padding: 1.25rem; max-height: 95vh; } .nav-links .page-numbers { display: none; }
.nav-links .page-numbers.current,
.nav-links .next,
.nav-links .prev { display: inline-flex; }
} @media (max-width: 480px) { .se-comment .children { padding-left: .75rem; } .se-rating-summary__overall { flex-direction: column; align-items: flex-start; } .se-share { gap: .375rem; }
.se-share__btn { font-size: .75rem; padding: .35rem .625rem; } .se-organizer-stats { grid-template-columns: repeat(2, 1fr); } .se-amenity-grid { grid-template-columns: repeat(2, 1fr); } .se-ticket-sellers { flex-direction: column; }
.se-ticket-seller-btn { width: 100%; justify-content: center; }
} @media print {
.se-site-header,
.se-site-footer,
.se-sidebar,
.se-share,
.se-favorite-btn,
.se-claim-wrapper { display: none !important; }
body { color: #000; background: #fff; font-size: 12pt; }
a { color: #000; text-decoration: underline; }
.se-card { box-shadow: none; border: 1px solid #ddd; }
}  .se-comments {
margin-top: 3.5rem;
padding-top: 2rem;
border-top: 2px solid var(--se-color-gray-200);
}
.se-comments__title {
font-size: clamp(1.125rem, 2.5vw, 1.5rem);
font-weight: 800;
color: var(--se-color-dark);
margin-bottom: 2rem;
display: flex;
align-items: center;
gap: .625rem;
}
.se-comments__title .se-comments__count {
display: inline-flex;
align-items: center;
justify-content: center;
background: var(--se-color-primary);
color: #fff;
font-size: .875rem;
font-weight: 700;
width: 1.75rem;
height: 1.75rem;
border-radius: 50%;
flex-shrink: 0;
}
.se-comments__list {
list-style: none;
margin: 0;
padding: 0;
} .se-comment {
padding: 1.5rem 0;
border-bottom: 1px solid var(--se-color-gray-200);
transition: background .15s;
}
.se-comment:last-child { border-bottom: none; } .se-comment:target {
background: rgba(245, 128, 37, .06);
border-radius: var(--se-border-radius);
padding-inline: 1rem;
margin-inline: -1rem;
} .se-comment .children {
margin-top: 1.25rem;
padding-left: 2.5rem;
list-style: none;
}
.se-comment .children .se-comment {
padding: 1rem 0;
} .se-comment__inner {
display: grid;
grid-template-columns: 44px 1fr;
gap: 1rem;
align-items: flex-start;
} .se-comment__avatar {
position: relative;
width: 44px;
height: 44px;
flex-shrink: 0;
}
.se-comment__avatar-img {
border-radius: 50%;
width: 44px;
height: 44px;
object-fit: cover;
border: 2px solid var(--se-color-gray-200);
transition: border-color .2s;
}
.se-comment:hover .se-comment__avatar-img {
border-color: var(--se-color-primary);
} .se-comment__avatar::after {
content: '✓';
display: none;
position: absolute;
bottom: -2px;
right: -2px;
width: 16px;
height: 16px;
background: #22c55e;
color: #fff;
font-size: 9px;
font-weight: 700;
border-radius: 50%;
border: 2px solid #fff;
align-items: center;
justify-content: center;
line-height: 1;
}
.se-comment.bypostauthor .se-comment__avatar::after { display: flex; } .se-comment__content { min-width: 0; }
.se-comment__header {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .375rem .75rem;
margin-bottom: .625rem;
}
.se-comment__author {
font-style: normal;
font-weight: 700;
color: var(--se-color-dark);
font-size: .9375rem;
text-decoration: none;
}
.se-comment__author:hover { color: var(--se-color-primary); }
.se-comment__date {
font-size: .8125rem;
color: var(--se-color-gray-500);
}
.se-comment__date a {
color: inherit;
text-decoration: none;
}
.se-comment__date a:hover { color: var(--se-color-primary); text-decoration: underline; }
.se-comment__badge {
font-size: .6875rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
padding: .125rem .5rem;
border-radius: var(--r-pill);
}
.se-comment__badge--author  { background: var(--se-color-primary); color: #fff; }
.se-comment__badge--pending { background: #fef3c7; color: #92400e; }
.se-comment__badge--spam    { background: #fee2e2; color: #991b1b; } .se-comment__text {
font-size: .9375rem;
line-height: 1.75;
color: var(--se-color-text);
word-break: break-word;
}
.se-comment__text p { margin-bottom: .875rem; }
.se-comment__text p:last-child { margin-bottom: 0; }
.se-comment__text a { color: var(--se-color-primary); text-decoration: underline; }
.se-comment__text blockquote {
background: color-mix(in oklab, var(--se-color-primary) 8%, transparent);
border: 1px solid color-mix(in oklab, var(--se-color-primary) 18%, transparent);
border-radius: var(--se-border-radius);
padding: .75rem 1rem;
margin: .5rem 0;
color: var(--se-color-gray-500);
font-style: italic;
} .se-comment__rating {
display: flex;
align-items: center;
gap: .25rem;
margin-bottom: .5rem;
}
.se-comment__rating-star { color: #f4a261; font-size: .875rem; } .se-comment__actions {
margin-top: .75rem;
display: flex;
align-items: center;
gap: 1rem;
font-size: .8125rem;
}
.se-comment__actions a,
.se-comment__actions button {
color: var(--se-color-secondary);
background: none;
border: none;
cursor: pointer;
font-size: inherit;
font-family: inherit;
text-decoration: none;
padding: 0;
display: inline-flex;
align-items: center;
gap: .25rem;
transition: color .2s;
}
.se-comment__actions a:hover,
.se-comment__actions button:hover { color: var(--se-color-primary); } .se-comment__edit-link {
opacity: 0;
transition: opacity .2s;
}
.se-comment:hover .se-comment__edit-link { opacity: 1; } .se-comment.pingback .se-comment__inner,
.se-comment.trackback .se-comment__inner {
grid-template-columns: 1fr;
}
.se-comment.pingback .se-comment__text,
.se-comment.trackback .se-comment__text {
font-size: .875rem;
color: var(--se-color-gray-500);
font-style: italic;
} .se-comments__pagination {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 2rem;
font-size: .875rem;
}
.se-comments__pagination a {
color: var(--se-color-primary);
font-weight: 600;
} .se-comments__closed {
text-align: center;
color: var(--se-color-gray-500);
padding: 2rem 0;
font-size: .9375rem;
font-style: italic;
display: flex;
flex-direction: column;
align-items: center;
gap: .5rem;
}
.se-comments__closed::before {
content: '🔒';
font-size: 1.75rem;
font-style: normal;
} .se-comment-form {
margin-top: 2.5rem;
}
.se-comment-form #reply-title {
font-size: 1.25rem;
font-weight: 800;
color: var(--se-color-dark);
margin-bottom: 1.25rem;
display: flex;
align-items: center;
gap: .5rem;
}
.se-comment-form #reply-title small a {
font-size: .875rem;
font-weight: 500;
color: var(--se-color-secondary);
margin-left: auto;
}
.se-comment-form .comment-notes {
font-size: .875rem;
color: var(--se-color-gray-500);
margin-bottom: 1.25rem;
}
.se-comment-form .required { color: var(--se-color-primary); }
.se-comment-form__grid-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
}
@media (max-width: 600px) { .se-comment-form__grid-2 { grid-template-columns: 1fr; } }
.se-comment-form__field {
display: flex;
flex-direction: column;
gap: .375rem;
margin-bottom: 1rem;
}
.se-comment-form__field label {
font-size: .875rem;
font-weight: 600;
color: var(--se-color-dark);
}
.se-comment-form .se-input,
.se-comment-form .se-textarea {
width: 100%;
padding: .625rem .875rem;
border: 2px solid var(--se-color-gray-200);
border-radius: var(--se-border-radius);
font-family: inherit;
font-size: .9375rem;
color: var(--se-color-text);
background: #fff;
transition: border-color .2s, box-shadow .2s;
outline: none;
}
.se-comment-form .se-input:focus,
.se-comment-form .se-textarea:focus {
border-color: var(--se-color-primary);
box-shadow: 0 0 0 3px rgba(245,128,37,.12);
}
.se-comment-form .se-comment-form__textarea { min-height: 140px; resize: vertical; } #respond {
scroll-margin-top: 100px;
animation: se-fade-up .35s ease;
}
.se-comment-form__cookies label {
display: flex;
align-items: flex-start;
gap: .5rem;
font-size: .8125rem;
color: var(--se-color-gray-500);
cursor: pointer;
}
.se-comment-form__cookies input { margin-top: .25rem; flex-shrink: 0; } @media (max-width: 640px) {
.se-comment__inner { grid-template-columns: 38px 1fr; gap: .75rem; }
.se-comment__avatar,
.se-comment__avatar-img { width: 38px; height: 38px; }
.se-comment .children { padding-left: 1rem; }
.se-comment__edit-link { opacity: 1; } }  .se-single-location__hero {
position: relative;
background: var(--se-color-dark);
overflow: hidden;
min-height: 320px;
display: flex;
align-items: flex-end;
}
.se-single-location__cover {
position: absolute;
inset: 0;
z-index: 0;
}
.se-single-location__cover img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 8s ease;
} .se-single-location__hero:hover .se-single-location__cover img {
transform: scale(1.04);
}
.se-single-location__cover-overlay {
position: absolute;
inset: 0;
background: linear-gradient(
to top,
rgba(14, 22, 38, .88) 0%,
rgba(14, 22, 38, .45) 50%,
rgba(14, 22, 38, .25) 100%
);
}
.se-single-location__hero-content {
position: relative;
z-index: 2;
width: 100%;
padding: 2rem 0 2.5rem;
color: #fff;
}
.se-single-location__breadcrumb {
display: flex;
align-items: center;
gap: .375rem;
font-size: .8125rem;
color: rgba(255,255,255,.7);
margin-bottom: 1rem;
flex-wrap: wrap;
}
.se-single-location__breadcrumb a { color: rgba(255,255,255,.85); text-decoration: none; }
.se-single-location__breadcrumb a:hover { color: #fff; text-decoration: underline; }
.se-single-location__breadcrumb .sep { opacity: .5; }
.se-single-location__type-badge {
display: inline-flex;
align-items: center;
gap: .375rem;
background: rgba(255,255,255,.15);
backdrop-filter: blur(4px);
border: 1px solid rgba(255,255,255,.2);
color: #fff;
font-size: .75rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
padding: .25rem .75rem;
border-radius: var(--r-pill);
margin-bottom: .875rem;
}
.se-single-location__title {
font-size: clamp(1.75rem, 4vw, 2.75rem);
font-weight: 900;
color: #fff;
line-height: 1.15;
margin-bottom: .75rem;
text-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.se-single-location__meta-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem 1.25rem;
font-size: .9rem;
color: rgba(255,255,255,.8);
}
.se-single-location__meta-row svg { opacity: .7; }
.se-single-location__rating-hero { color: #f4a261; } .se-single-location__grid {
display: grid;
grid-template-columns: 1fr 340px;
gap: 2rem;
align-items: flex-start;
padding-block: 2.5rem 4rem;
} .se-single-location__section-title {
font-size: 1.1875rem;
font-weight: 800;
color: var(--se-color-dark);
margin-bottom: 1.125rem;
padding-bottom: .625rem;
border-bottom: 2px solid var(--se-color-gray-200);
display: flex;
align-items: center;
gap: .5rem;
}
.se-single-location__section-title svg { color: var(--se-color-primary); } .se-single-location__description {
font-size: 1rem;
line-height: 1.8;
color: var(--se-color-text);
margin-bottom: 2rem;
}
.se-single-location__description p { margin-bottom: 1rem; } .se-map-container {
border-radius: var(--se-border-radius-lg);
overflow: hidden;
aspect-ratio: 16/8;
background: var(--se-color-gray-200);
position: relative;
margin-bottom: 1rem;
}
.se-map-container iframe,
.se-map-container #se-map {
width: 100%;
height: 100%;
border: 0;
display: block;
}
.se-map-container .se-map-placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .5rem;
color: var(--se-color-gray-500);
font-size: .875rem;
} .se-amenity-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: .5rem;
margin-bottom: 2rem;
}
.se-amenity-item {
display: flex;
align-items: center;
gap: .5rem;
padding: .5rem .75rem;
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius);
font-size: .875rem;
font-weight: 500;
color: var(--se-color-dark);
transition: background .2s;
}
.se-amenity-item:hover { background: var(--se-color-gray-200); }
.se-amenity-item svg { color: var(--se-color-secondary); flex-shrink: 0; }
.se-amenity-item--unavailable {
opacity: .45;
text-decoration: line-through;
pointer-events: none;
}
@media (max-width: 900px) { .se-amenity-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px) { .se-amenity-grid { grid-template-columns: repeat(2, 1fr); } } .se-opening-hours {
width: 100%;
border-collapse: collapse;
font-size: .9rem;
margin-bottom: 2rem;
}
.se-opening-hours td {
padding: .5rem 0;
border-bottom: 1px solid var(--se-color-gray-200);
vertical-align: middle;
}
.se-opening-hours td:first-child {
font-weight: 600;
color: var(--se-color-dark);
width: 40%;
}
.se-opening-hours td:last-child {
color: var(--se-color-gray-500);
text-align: right;
}
.se-opening-hours tr.is-today td {
background: rgba(245, 128, 37, .06);
border-radius: var(--se-border-radius);
}
.se-opening-hours tr.is-today td:first-child {
color: var(--se-color-primary);
font-weight: 700;
}
.se-opening-hours .is-closed { color: var(--se-color-gray-500); font-style: italic; }
.se-opening-hours .is-open-now { color: #22c55e; font-weight: 700; } .se-info-card {
background: var(--se-color-white);
border-radius: var(--se-border-radius-lg);
box-shadow: var(--se-shadow-md);
overflow: hidden;
border: 1px solid var(--se-color-gray-200);
}
.se-info-card--sticky {
position: sticky;
top: calc(72px + 1.5rem); }
.se-info-card__header {
padding: 1.25rem 1.5rem;
background: var(--se-color-dark);
color: #fff;
}
.se-info-card__header-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: .25rem;
}
.se-info-card__header-sub {
font-size: .8125rem;
opacity: .7;
}
.se-info-card__body { padding: 1.25rem 1.5rem; }
.se-info-card__row {
display: flex;
align-items: flex-start;
gap: .75rem;
padding: .75rem 0;
border-bottom: 1px solid var(--se-color-gray-200);
font-size: .9rem;
}
.se-info-card__row:last-child { border-bottom: none; }
.se-info-card__row-icon {
color: var(--se-color-primary);
flex-shrink: 0;
margin-top: .1rem;
}
.se-info-card__row-label {
font-weight: 600;
color: var(--se-color-dark);
font-size: .8125rem;
display: block;
margin-bottom: .125rem;
}
.se-info-card__row-value {
color: var(--se-color-text);
word-break: break-word;
}
.se-info-card__actions {
display: flex;
flex-direction: column;
gap: .625rem;
padding: 1.25rem 1.5rem;
border-top: 1px solid var(--se-color-gray-200);
}
.se-info-card__actions .se-btn { width: 100%; justify-content: center; } .se-location-gallery {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: .5rem;
margin-bottom: 2rem;
border-radius: var(--se-border-radius-lg);
overflow: hidden;
}
.se-location-gallery__item {
aspect-ratio: 4/3;
overflow: hidden;
cursor: pointer;
position: relative;
}
.se-location-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.se-location-gallery__item:hover img { transform: scale(1.08); }
.se-location-gallery__item::after {
content: '🔍';
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
background: rgba(0,0,0,.3);
opacity: 0;
transition: opacity .25s;
}
.se-location-gallery__item:hover::after { opacity: 1; } .se-location-gallery__item:first-child {
grid-row: span 2;
}
@media (max-width: 640px) {
.se-location-gallery { grid-template-columns: 1fr 1fr; }
.se-location-gallery__item:first-child { grid-row: span 1; }
} .se-location-events__title {
font-size: 1.125rem;
font-weight: 800;
color: var(--se-color-dark);
margin-bottom: 1.25rem;
} .se-location-tabs {
display: flex;
gap: .25rem;
border-bottom: 2px solid var(--se-color-gray-200);
margin-bottom: 2rem;
overflow-x: auto;
scrollbar-width: none;
}
.se-location-tabs::-webkit-scrollbar { display: none; }
.se-location-tab {
padding: .625rem 1.125rem;
font-size: .875rem;
font-weight: 600;
color: var(--se-color-gray-500);
border: none;
background: none;
cursor: pointer;
white-space: nowrap;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: color .2s, border-color .2s;
}
.se-location-tab:hover { color: var(--se-color-dark); }
.se-location-tab.is-active {
color: var(--se-color-primary);
border-bottom-color: var(--se-color-primary);
}
.se-location-tab-panel { display: none; }
.se-location-tab-panel.is-active { display: block; animation: se-fade-in .25s ease; }  .se-single-organizer__hero {
background: var(--se-color-dark);
position: relative;
overflow: hidden;
} .se-single-organizer__hero::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(ellipse at 30% 50%, rgba(26,26,46,.5) 0%, transparent 60%),
radial-gradient(ellipse at 80% 20%, rgba(245,128,37,.15) 0%, transparent 50%);
pointer-events: none;
} .se-single-organizer__cover {
position: absolute;
inset: 0;
z-index: 0;
}
.se-single-organizer__cover img {
width: 100%;
height: 100%;
object-fit: cover;
opacity: .25;
}
.se-single-organizer__hero-inner {
position: relative;
z-index: 1;
display: flex;
gap: 2rem;
align-items: flex-end;
padding: 3rem 0 2.5rem;
flex-wrap: wrap;
} .se-single-organizer__logo-wrap {
flex-shrink: 0;
}
.se-single-organizer__logo {
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
border: 3px solid rgba(255,255,255,.25);
background: var(--se-color-gray-200);
box-shadow: 0 4px 20px rgba(0,0,0,.3);
transition: border-color .25s;
}
.se-single-organizer__logo:hover { border-color: rgba(255,255,255,.6); }
.se-single-organizer__logo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.se-single-organizer__logo-letter {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 2.25rem;
font-weight: 900;
color: #fff;
background: linear-gradient(135deg, var(--se-color-secondary), var(--se-color-dark));
letter-spacing: -.02em;
} .se-single-organizer__info { flex: 1; min-width: 200px; }
.se-single-organizer__verified {
display: inline-flex;
align-items: center;
gap: .375rem;
font-size: .75rem;
font-weight: 700;
color: rgba(255,255,255,.75);
margin-bottom: .625rem;
text-transform: uppercase;
letter-spacing: .05em;
}
.se-single-organizer__verified svg { color: #4ade80; }
.se-single-organizer__title {
font-size: clamp(1.5rem, 4vw, 2.5rem);
font-weight: 900;
color: #fff;
line-height: 1.15;
margin-bottom: .625rem;
text-shadow: 0 2px 8px rgba(0,0,0,.3);
}
.se-single-organizer__tagline {
font-size: 1rem;
color: rgba(255,255,255,.7);
max-width: 48ch;
margin-bottom: 1rem;
line-height: 1.5;
} .se-organizer-socials {
display: flex;
flex-wrap: wrap;
gap: .5rem;
margin-top: .875rem;
}
.se-organizer-social-link {
display: inline-flex;
align-items: center;
gap: .375rem;
padding: .35rem .875rem;
border-radius: var(--r-pill);
font-size: .8125rem;
font-weight: 600;
text-decoration: none;
background: rgba(255,255,255,.12);
border: 1px solid rgba(255,255,255,.18);
color: rgba(255,255,255,.9);
backdrop-filter: blur(4px);
transition: background .2s, border-color .2s;
}
.se-organizer-social-link:hover {
background: rgba(255,255,255,.22);
border-color: rgba(255,255,255,.35);
color: #fff;
}
.se-organizer-social-link svg { width: 14px; height: 14px; } .se-single-organizer__actions {
display: flex;
flex-wrap: wrap;
gap: .625rem;
margin-top: 1rem;
align-items: center;
} .se-single-organizer__grid {
display: grid;
grid-template-columns: 1fr 300px;
gap: 2rem;
align-items: flex-start;
padding-block: 2.5rem 4rem;
} .se-organizer-stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
margin-bottom: 2.5rem;
}
.se-organizer-stat {
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius-lg);
padding: 1.25rem;
text-align: center;
transition: background .2s, transform .2s;
}
.se-organizer-stat:hover {
background: var(--se-color-gray-200);
transform: translateY(-2px);
}
.se-organizer-stat__value {
font-size: 2rem;
font-weight: 900;
color: var(--se-color-dark);
line-height: 1;
margin-bottom: .375rem;
display: block;
}
.se-organizer-stat__label {
font-size: .8rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: .06em;
color: var(--se-color-gray-500);
}
@media (max-width: 640px) { .se-organizer-stats { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 380px) { .se-organizer-stats { grid-template-columns: 1fr; } } .se-single-organizer__section-title {
font-size: 1.1875rem;
font-weight: 800;
color: var(--se-color-dark);
margin-bottom: 1.125rem;
padding-bottom: .625rem;
border-bottom: 2px solid var(--se-color-gray-200);
display: flex;
align-items: center;
gap: .5rem;
}
.se-single-organizer__section-title svg { color: var(--se-color-primary); } .se-single-organizer__description {
font-size: 1rem;
line-height: 1.8;
color: var(--se-color-text);
margin-bottom: 2.5rem;
}
.se-single-organizer__description p { margin-bottom: 1rem; } .se-organizer-contact {
display: flex;
flex-direction: column;
gap: .75rem;
margin-bottom: 2rem;
}
.se-organizer-contact__row {
display: flex;
align-items: center;
gap: .875rem;
font-size: .9375rem;
padding: .75rem 1rem;
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius);
transition: background .2s;
}
.se-organizer-contact__row:hover { background: var(--se-color-gray-200); }
.se-organizer-contact__row svg { color: var(--se-color-primary); flex-shrink: 0; }
.se-organizer-contact__row a { color: var(--se-color-dark); font-weight: 500; }
.se-organizer-contact__row a:hover { color: var(--se-color-primary); } .se-organizer-sidebar-card {
background: var(--se-color-white);
border-radius: var(--se-border-radius-lg);
box-shadow: var(--se-shadow-md);
overflow: hidden;
border: 1px solid var(--se-color-gray-200);
position: sticky;
top: calc(72px + 1.5rem);
}
.se-organizer-sidebar-card__header {
padding: 1.25rem;
background: linear-gradient(135deg, var(--se-color-dark), var(--se-color-secondary));
color: #fff;
text-align: center;
}
.se-organizer-sidebar-card__name { font-weight: 800; font-size: 1.0625rem; }
.se-organizer-sidebar-card__meta { font-size: .8125rem; opacity: .75; margin-top: .25rem; }
.se-organizer-sidebar-card__body {
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: .75rem;
}
.se-organizer-sidebar-card__body .se-btn { width: 100%; justify-content: center; } .se-organizer-verified-large {
display: flex;
align-items: center;
gap: .5rem;
font-size: .8125rem;
font-weight: 600;
color: #15803d;
background: #dcfce7;
padding: .5rem .875rem;
border-radius: var(--se-border-radius);
margin-bottom: .5rem;
} .se-organizer-events { margin-bottom: 3rem; } .se-organizer-media-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: .5rem;
border-radius: var(--se-border-radius-lg);
overflow: hidden;
}
.se-organizer-media-grid__item {
aspect-ratio: 1;
overflow: hidden;
position: relative;
cursor: pointer;
}
.se-organizer-media-grid__item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .4s ease;
}
.se-organizer-media-grid__item:hover img { transform: scale(1.1); }
@media (max-width: 640px) { .se-organizer-media-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { .se-organizer-media-grid { grid-template-columns: repeat(2, 1fr); } }  .se-breadcrumb {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .25rem .5rem;
font-size: .875rem;
color: var(--se-color-gray-500);
margin-bottom: 1.5rem;
padding: .625rem 0;
list-style: none;
}
.se-breadcrumb a {
color: var(--se-color-secondary);
text-decoration: none;
font-weight: 500;
transition: color .15s;
}
.se-breadcrumb a:hover { color: var(--se-color-primary); text-decoration: underline; }
.se-breadcrumb__sep { opacity: .45; }
.se-breadcrumb__current { color: var(--se-color-text); font-weight: 600; } .se-breadcrumb--on-dark .se-breadcrumb a,
.se-breadcrumb--on-dark { color: rgba(255,255,255,.7); }
.se-breadcrumb--on-dark .se-breadcrumb a:hover { color: #fff; }
.se-breadcrumb--on-dark .se-breadcrumb__current { color: rgba(255,255,255,.9); } #se-back-to-top {
position: fixed;
bottom: 1.5rem;
right: 1.5rem;
z-index: 999;
width: 44px;
height: 44px;
background: var(--se-color-primary);
color: #fff;
border: none;
border-radius: 50%;
cursor: pointer;
font-size: 1.25rem;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--se-shadow-md);
opacity: 0;
transform: translateY(12px) scale(0.9);
pointer-events: none;
transition: opacity .3s, transform .3s;
}
#se-back-to-top.is-visible {
opacity: 1;
transform: translateY(0) scale(1);
pointer-events: auto;
}
#se-back-to-top:hover {
background: var(--se-color-link-hover);
transform: translateY(-2px) scale(1.05);
}
@media (max-width: 768px) {
#se-back-to-top {
bottom: calc(60px + env(safe-area-inset-bottom, 0px) + 12px);
}
} #se-reading-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 3px;
background: var(--se-color-primary);
z-index: 10001;
transform: scaleX(0);
transform-origin: left;
transition: transform .1s linear;
} .se-share-tabs {
display: flex;
gap: .25rem;
border-bottom: 2px solid var(--se-color-gray-200);
margin-bottom: 1.25rem;
}
.se-share-tab {
padding: .5rem 1rem;
font-size: .875rem;
font-weight: 600;
color: var(--se-color-gray-500);
background: none;
border: none;
cursor: pointer;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
transition: color .2s, border-color .2s;
}
.se-share-tab:hover { color: var(--se-color-dark); }
.se-share-tab.is-active {
color: var(--se-color-primary);
border-bottom-color: var(--se-color-primary);
}
.se-share-panel { display: none; }
.se-share-panel.is-active { display: block; animation: se-fade-in .2s ease; } .se-ticket-sellers {
display: flex;
flex-wrap: wrap;
gap: .625rem;
margin-top: 1rem;
}
.se-ticket-seller-btn {
display: inline-flex;
align-items: center;
gap: .5rem;
padding: .625rem 1.125rem;
border-radius: var(--se-border-radius);
font-weight: 700;
font-size: .875rem;
text-decoration: none;
transition: transform .15s, box-shadow .2s;
border: 2px solid transparent;
background: var(--se-color-dark);
color: #fff;
}
.se-ticket-seller-btn:hover {
transform: translateY(-2px);
box-shadow: var(--se-shadow-md);
color: #fff;
}
.se-ticket-seller-btn--primary {
background: var(--se-color-primary);
font-size: .9375rem;
padding: .75rem 1.375rem;
}
.se-ticket-seller-btn img {
height: 20px;
width: auto;
max-width: 80px;
object-fit: contain;
filter: brightness(0) invert(1);
} .se-price-range {
display: inline-flex;
align-items: center;
gap: .25rem;
font-weight: 800;
color: var(--se-color-dark);
font-size: 1.0625rem;
}
.se-price-range__currency { font-size: .75em; font-weight: 600; opacity: .7; }
.se-price-range__free { color: #22c55e; } .se-tag-cloud {
display: flex;
flex-wrap: wrap;
gap: .375rem;
margin: 1rem 0;
}
.se-tag {
display: inline-block;
padding: .25rem .75rem;
background: var(--se-color-gray-200);
border-radius: var(--r-pill);
font-size: .8125rem;
font-weight: 500;
color: var(--se-color-dark);
text-decoration: none;
transition: background .2s, color .2s;
}
.se-tag:hover {
background: var(--se-color-primary);
color: #fff;
} .se-empty-state {
text-align: center;
padding: 4rem 2rem;
color: var(--se-color-gray-500);
}
.se-empty-state__icon { font-size: 3rem; margin-bottom: 1rem; opacity: .6; }
.se-empty-state__title {
font-size: 1.125rem;
font-weight: 700;
color: var(--se-color-dark);
margin-bottom: .5rem;
}
.se-empty-state__desc { font-size: .9rem; max-width: 36ch; margin-inline: auto; }
.se-empty-state .se-btn { margin-top: 1.5rem; } .se-alert {
display: flex;
align-items: flex-start;
gap: .75rem;
padding: .875rem 1.125rem;
border-radius: var(--se-border-radius);
font-size: .9rem;
line-height: 1.5;
border-top: 4px solid transparent;
}
.se-alert--info    { background: #eff6ff; color: #1e40af; border-top-color: #3b82f6; }
.se-alert--success { background: #f0fdf4; color: #15803d; border-top-color: #22c55e; }
.se-alert--warning { background: #fffbeb; color: #92400e; border-top-color: #f59e0b; }
.se-alert--error   { background: #fef2f2; color: #991b1b; border-top-color: #ef4444; } .se-attendance {
display: contents;
}
.se-att-avatars {
display: flex;
align-items: center;
}
.se-att-avatar {
width: 28px;
height: 28px;
border-radius: 50%;
border: 2px solid #fff;
object-fit: cover;
margin-left: -8px;
transition: transform .2s;
}
.se-att-avatars .se-att-avatar:first-child { margin-left: 0; }
.se-att-avatar:hover { transform: scale(1.2); z-index: 1; }
.se-att-count {
font-size: .9rem;
color: var(--se-color-gray-500);
flex: 1;
min-width: 120px;
}
.se-att-count strong {
font-size: 1.0625rem;
font-weight: 800;
color: var(--se-color-dark);
} .se-att-btn {
background: transparent;
border: 1.5px solid var(--c-1);
color: var(--c-1);
border-radius: var(--r-sm);
transition: background .15s, color .15s, transform .15s;
}
.se-att-btn:hover { background: color-mix(in oklab, var(--c-1) 8%, transparent); transform: scale(1.04); }
.se-att-btn.is-attending {
background: var(--c-1-soft, color-mix(in oklab, var(--c-1) 12%, transparent));
border-color: var(--c-1);
color: var(--c-1);
animation: se-scale-in .2s cubic-bezier(.25,.46,.45,.94) both;
}
@keyframes se-scale-in { from { transform: scale(.92); opacity: .7; } to { transform: scale(1); opacity: 1; } }
.se-att-reminder {
display: flex;
align-items: center;
gap: .375rem;
font-size: .8125rem;
color: var(--se-color-gray-500);
cursor: pointer;
width: 100%;
}
.se-att-reminder__check { cursor: pointer; } .se-card__att-count {
display: inline-flex;
align-items: center;
gap: .25rem;
font-size: .8125rem;
color: var(--se-color-gray-500);
} .se-advsearch { width: 100%; } .se-advsearch__search-row {
display: flex;
gap: .625rem;
margin-bottom: 1rem;
}
.se-advsearch__input-wrap {
position: relative;
flex: 1;
}
.se-advsearch__search-icon {
position: absolute;
left: .875rem;
top: 50%;
transform: translateY(-50%);
color: var(--se-color-gray-500);
pointer-events: none;
}
.se-advsearch__q {
width: 100%;
padding-left: 2.5rem !important;
padding-right: 2.25rem !important;
}
.se-advsearch__clear-q {
position: absolute;
right: .75rem;
top: 50%;
transform: translateY(-50%);
background: none;
border: none;
cursor: pointer;
color: var(--se-color-gray-500);
font-size: .875rem;
line-height: 1;
padding: .25rem;
border-radius: 50%;
transition: color .15s;
}
.se-advsearch__clear-q:hover { color: var(--se-color-primary); }
.se-advsearch__filter-toggle {
white-space: nowrap;
position: relative;
}
.se-advsearch__filter-count {
position: absolute;
top: -6px;
right: -6px;
width: 18px;
height: 18px;
background: var(--se-color-primary);
color: #fff;
font-size: .6875rem;
font-weight: 700;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
} .se-advsearch__filters {
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius-lg);
padding: 1.5rem;
margin-bottom: 1.25rem;
animation: se-fade-up .25s ease;
border: 1px solid var(--se-color-gray-200);
}
.se-advsearch__filters-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.25rem;
}
@media (max-width: 768px) { .se-advsearch__filters-grid { grid-template-columns: 1fr; } }
.se-advsearch__filter-label {
display: block;
font-size: .8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--se-color-gray-500);
margin-bottom: .625rem;
}
.se-advsearch__date-range {
display: flex;
align-items: center;
gap: .5rem;
}
.se-advsearch__date { flex: 1; }
.se-advsearch__date-sep { color: var(--se-color-gray-500); flex-shrink: 0; } .se-advsearch__chips {
display: flex;
flex-wrap: wrap;
gap: .375rem;
}
.se-chip {
cursor: pointer;
user-select: none;
}
.se-chip input { position: absolute; opacity: 0; width: 0; height: 0; }
.se-chip span {
display: inline-block;
padding: .3rem .75rem;
border-radius: var(--r-pill);
font-size: .8125rem;
font-weight: 500;
background: var(--se-color-white);
border: 1.5px solid var(--se-color-gray-200);
color: var(--se-color-dark);
transition: background .15s, border-color .15s, color .15s;
}
.se-chip input:checked + span {
background: var(--se-color-primary);
border-color: var(--se-color-primary);
color: #fff;
}
.se-chip:hover span { border-color: var(--se-color-primary); }
.se-advsearch__price-range {
display: flex;
align-items: center;
gap: .5rem;
}
.se-advsearch__price-range .se-input { flex: 1; }
.se-advsearch__radius-slider {
width: 100%;
accent-color: var(--se-color-primary);
margin-bottom: .375rem;
}
.se-advsearch__filter-actions {
margin-top: 1.25rem;
display: flex;
justify-content: flex-end;
} .se-advsearch__toolbar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: .75rem 0;
border-bottom: 1px solid var(--se-color-gray-200);
margin-bottom: 1.5rem;
flex-wrap: wrap;
}
.se-advsearch__count {
font-size: .875rem;
color: var(--se-color-gray-500);
font-weight: 500;
}
.se-advsearch__toolbar-right {
display: flex;
align-items: center;
gap: .75rem;
}
.se-advsearch__view-toggle {
display: flex;
gap: .25rem;
}
.se-advsearch__view-btn {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: var(--se-border-radius);
border: 1.5px solid var(--se-color-gray-200);
background: none;
cursor: pointer;
color: var(--se-color-gray-500);
transition: background .15s, border-color .15s, color .15s;
}
.se-advsearch__view-btn:hover { border-color: var(--se-color-primary); color: var(--se-color-primary); }
.se-advsearch__view-btn.is-active {
background: var(--se-color-primary);
border-color: var(--se-color-primary);
color: #fff;
} .se-advsearch__map-wrap { margin-bottom: 2rem; }
.se-advsearch__map {
height: 480px;
border-radius: var(--se-border-radius-lg);
overflow: hidden;
border: 1px solid var(--se-color-gray-200);
}
@media (max-width: 640px) { .se-advsearch__map { height: 320px; } } .se-grid--list { display: flex; flex-direction: column; gap: 1rem; }
.se-grid--list .se-card { display: grid; grid-template-columns: 200px 1fr; }
.se-grid--list .se-card__thumbnail { aspect-ratio: unset; min-height: 160px; }
@media (max-width: 600px) {
.se-grid--list .se-card { grid-template-columns: 1fr; }
.se-grid--list .se-card__thumbnail { min-height: 180px; }
} .se-advsearch__pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
margin-top: 2rem;
padding-top: 1.5rem;
border-top: 1px solid var(--se-color-gray-200);
}
.se-advsearch__page-info { font-size: .875rem; color: var(--se-color-gray-500); }  .se-dashboard { max-width: 100%; } .se-dashboard__hero {
display: flex;
align-items: flex-start;
gap: 1.5rem;
padding: 2rem;
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius-lg);
margin-bottom: 2rem;
flex-wrap: wrap;
}
.se-dashboard__avatar-wrap {
position: relative;
flex-shrink: 0;
}
.se-dashboard__avatar {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #fff;
box-shadow: var(--se-shadow-md);
}
.se-dashboard__avatar-pulse {
position: absolute;
inset: -4px;
border-radius: 50%;
border: 2px solid var(--se-color-primary);
animation: se-pulse-ring 2.5s ease infinite;
pointer-events: none;
}
.se-dashboard__hero-info { flex: 1; min-width: 200px; }
.se-dashboard__name {
font-size: clamp(1.25rem, 3vw, 1.75rem);
font-weight: 900;
color: var(--se-color-dark);
margin-bottom: .375rem;
}
.se-dashboard__meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: .5rem;
font-size: .875rem;
color: var(--se-color-gray-500);
margin-bottom: .625rem;
}
.se-dashboard__bio {
font-size: .9375rem;
color: var(--se-color-text);
max-width: 60ch;
line-height: 1.6;
} .se-dashboard__stats {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1rem;
margin-bottom: 2rem;
}
@media (max-width: 640px) { .se-dashboard__stats { grid-template-columns: repeat(2, 1fr); } } .se-dashboard__tabs {
margin-bottom: 0;
} .se-dashboard__comments-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.se-dashboard__comment-row {
padding: 1.25rem;
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius-lg);
}
.se-dashboard__comment-meta {
display: flex;
align-items: center;
gap: .5rem .75rem;
flex-wrap: wrap;
margin-bottom: .625rem;
}
.se-dashboard__comment-post {
font-weight: 700;
color: var(--se-color-dark);
font-size: .9375rem;
text-decoration: none;
}
.se-dashboard__comment-post:hover { color: var(--se-color-primary); }
.se-dashboard__comment-date { font-size: .8125rem; color: var(--se-color-gray-500); }
.se-dashboard__comment-excerpt {
font-size: .9rem;
color: var(--se-color-text);
margin: .5rem 0 .75rem;
line-height: 1.6;
} .se-dashboard__orders-table {
width: 100%;
border-collapse: collapse;
font-size: .9rem;
}
.se-dashboard__orders-table th,
.se-dashboard__orders-table td {
padding: .75rem 1rem;
border-bottom: 1px solid var(--se-color-gray-200);
text-align: left;
vertical-align: middle;
}
.se-dashboard__orders-table th {
font-size: .8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--se-color-gray-500);
background: var(--se-color-gray-100);
}
.se-dashboard__orders-table tr:hover td { background: var(--se-color-gray-100); }
@media (max-width: 640px) {
.se-dashboard__orders-table { display: block; overflow-x: auto; }
} .se-dashboard__profile-grid {
display: grid;
grid-template-columns: 1fr 280px;
gap: 2rem;
align-items: flex-start;
}
@media (max-width: 900px) {
.se-dashboard__profile-grid { grid-template-columns: 1fr; }
}
.se-dashboard__profile-actions {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1.5rem;
}
.se-dashboard__profile-status {
font-size: .875rem;
font-weight: 600;
min-height: 1.25em;
} .se-dashboard__avatar-large {
text-align: center;
margin-bottom: 1.5rem;
}
.se-dashboard__avatar-img-lg {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--se-color-gray-200);
margin-inline: auto;
margin-bottom: .75rem;
}
.se-dashboard__avatar-note {
font-size: .8125rem;
color: var(--se-color-gray-500);
line-height: 1.5;
}
.se-dashboard__profile-info-box {
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius-lg);
padding: 1rem 1.25rem;
}  @media (max-width: 768px) {
.se-dashboard__hero { padding: 1.25rem; gap: 1rem; }
.se-dashboard__logout { display: none; }
.se-advsearch__search-row { flex-wrap: wrap; }
.se-advsearch__submit,
.se-advsearch__filter-toggle { flex: 1; justify-content: center; }
} .se-add-to-cal {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: .5rem .875rem;
padding: 1rem 1.25rem;
background: var(--se-color-gray-100);
border-radius: var(--se-border-radius);
margin: 1.25rem 0;
}
.se-add-to-cal__label {
font-size: .8125rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--se-color-gray-500);
white-space: nowrap;
}
.se-add-to-cal__buttons {
display: flex;
flex-wrap: wrap;
gap: .375rem;
}
.se-add-to-cal__btn {
display: inline-flex;
align-items: center;
gap: .375rem;
padding: .375rem .875rem;
border-radius: var(--se-border-radius);
font-size: .8125rem;
font-weight: 600;
text-decoration: none;
transition: opacity .2s, transform .15s;
color: #fff;
}
.se-add-to-cal__btn:hover { opacity: .88; transform: translateY(-1px); color: #fff; }
.se-add-to-cal__btn--google  { background: #4285f4; }
.se-add-to-cal__btn--outlook { background: #0078d4; }
.se-add-to-cal__btn--ical    { background: #555; }
@media (max-width: 480px) {
.se-add-to-cal { flex-direction: column; align-items: flex-start; }
.se-add-to-cal__btn { width: 100%; justify-content: center; }
}  .event-card .cover {
position: relative;
aspect-ratio: 3/2;
overflow: hidden;
background: var(--c-surface-2);
}
.event-card .cover img {
position: absolute; inset: 0;
width: 100%; height: 100%;
object-fit: cover;
transition: transform .6s cubic-bezier(.25,.46,.45,.94);
display: block;
}
.event-card:hover .cover img { transform: scale(1.04); } .event-card .cover-tint {
position: absolute; inset: 0;
background: linear-gradient(to bottom, transparent 50%, rgba(0,0,0,.55) 100%);
pointer-events: none;
z-index: 1;
} .event-card .top {
position: absolute; top: 12px; left: 12px; right: 12px;
display: flex; align-items: flex-start; justify-content: space-between;
z-index: 2;
} .event-card .date-chip {
display: flex; flex-direction: column; align-items: center;
background: rgba(255,255,255,.92); backdrop-filter: blur(4px);
border-radius: var(--r-sm); padding: 5px 9px; min-width: 42px; line-height: 1;
box-shadow: 0 2px 8px rgba(0,0,0,.15);
}
.event-card .date-chip .d {
font-family: var(--t-display); font-weight: 800; font-size: 22px;
letter-spacing: -.04em; color: var(--c-fg);
}
.event-card .date-chip .m {
font-size: 9px; font-weight: 700; text-transform: uppercase;
letter-spacing: .1em; color: var(--c-fg-dim); margin-top: 1px;
} .event-card .body {
padding: 14px 16px 16px;
display: flex; flex-direction: column; flex: 1;
}
.event-card .body .ec-title {
font-family: var(--t-display); font-weight: 700;
font-size: 16px; letter-spacing: -.02em; line-height: 1.25;
margin: 0 0 8px; color: var(--c-fg);
}
.event-card .body .ec-meta {
font-size: 12px; color: var(--c-fg-dim);
display: flex; flex-wrap: wrap; gap: 4px 8px; flex: 1;
}
.event-card .body .ec-meta .sep { opacity: .4; }
.event-card .body .ec-foot {
display: flex; align-items: center; justify-content: space-between;
margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--c-border);
} .event-card .body .price,
.event-card .body .ec-price {
font-size: 13px; font-weight: 700; color: var(--c-fg-dim);
}
.event-card .body .price.free,
.event-card .body .ec-price.is-free { color: var(--c-2); } .event-card .card-cta,
.event-card .body .card-cta {
font-size: 12px; font-weight: 700; color: var(--c-fg-dim);
transition: color .15s, gap .2s;
display: inline-flex; align-items: center; gap: 4px;
}
.event-card:hover .card-cta { color: var(--c-fg); gap: 8px; } .event-card.tone-1 { border-color: color-mix(in oklab, var(--c-1) 25%, transparent); }
.event-card.tone-2 { border-color: color-mix(in oklab, var(--c-2) 25%, transparent); }
.event-card.tone-3 { border-color: color-mix(in oklab, var(--c-3) 25%, transparent); } .event-card .cat-tag {
position: absolute; bottom: 10px; left: 10px; z-index: 2;
font-size: 9px; font-weight: 700; text-transform: uppercase;
letter-spacing: .1em; padding: 3px 9px; border-radius: var(--r-xs);
background: color-mix(in oklab, var(--c-1) 88%, transparent);
color: #fff; pointer-events: none;
}  .venue-mini .vm-cap { font-family: var(--t-mono); font-size: 11px; color: var(--c-fg-dim); font-weight: 600; }  .se-follow-widget {
display: inline-flex;
align-items: center;
gap: 6px;
} .se-follow-btn {
padding: 14px 28px;
font-size: 17px;
border-color: var(--c-fg);
}
.se-follow-btn.accent       { background: var(--c-1); color: #fff; border-color: var(--c-1); }
.se-follow-btn.accent:hover { background: color-mix(in oklab, var(--c-1) 85%, #000); }
.se-follow-btn.ghost        { background: transparent; color: var(--c-fg); border-color: var(--c-fg); }
.se-follow-btn.ghost:hover  { background: var(--c-fg); color: var(--c-bg); }
.se-follow-btn:disabled     { opacity: .6; cursor: not-allowed; transform: none; }
.se-follow-count { font-size: 12px; color: var(--c-fg-dim); } .se-favorite-btn--icon { width: 48px; height: 48px; } .hp-section { } .hp-section [style*="overflow-x:auto"]::-webkit-scrollbar,
.hp-section [style*="overflow-x: auto"]::-webkit-scrollbar { display: none; } .hp-section .artist-mini {
flex-direction: column; align-items: center; text-align: center;
width: 150px; padding: 12px 10px; gap: 10px;
}
.hp-section .artist-mini .av-wrap { width: 72px; height: 72px; }
.hp-section .artist-mini .am-nm { font-size: 14px; } .ev-type-badge {
position: absolute; top: 10px; right: 10px; z-index: 3;
padding: 3px 8px; border-radius: var(--r-xs); font-size: 10px; font-weight: 700;
letter-spacing: .08em; text-transform: uppercase;
background: rgba(0,0,0,.5); backdrop-filter: blur(4px); color: #fff;
} .artist-mini .av-wrap .am-ev-badge { top: 4px; left: 4px;
right: auto; bottom: auto;
transform: none;
font-size: 9px; padding: 2px 5px; white-space: nowrap;
background: var(--c-1); backdrop-filter: none;
} .artist-mini .am-ev-count {
font-size: 11px;
color: var(--c-1);
font-weight: 600;
margin-top: 2px;
} .se-photo-submit-wrap input[type="file"]:focus,
.se-photo-submit-wrap input:focus,
.se-photo-submit-wrap textarea:focus {
outline: 2px solid var(--c-1); outline-offset: 1px;
} .se-pick-item { display: flex; align-items: center; gap: .75rem; padding: .625rem .875rem; background: #fff; border: 1px solid #e2e8f0; border-radius: 6px; margin-bottom: .4rem; transition: box-shadow .15s; }
.se-pick-item:hover { box-shadow: 0 2px 8px rgba(0,0,0,.07); }
.se-drag-handle { color: #9ca3af; cursor: grab; font-size: 1.125rem; user-select: none; flex-shrink: 0; }
.se-drag-handle:active { cursor: grabbing; }
.se-pick-order { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; background: #f3f4f6; border-radius: 50%; font-size: .75rem; font-weight: 700; color: #6b7280; flex-shrink: 0; }
.se-sortable-placeholder { height: 44px; background: #eff6ff; border: 2px dashed #93c5fd; border-radius: 6px; margin-bottom: .4rem; } .se-back-to-top {
position: fixed; bottom: 2rem; right: 2rem; z-index: 900;
width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
background: var(--c-1, #F58025); color: #fff;
border: none; border-radius: 50%; cursor: pointer;
box-shadow: 0 4px 16px rgba(0,0,0,.25);
opacity: 0; transform: translateY(12px); pointer-events: none;
transition: opacity .25s, transform .25s;
}
.se-back-to-top.is-visible {
opacity: 1; transform: translateY(0); pointer-events: auto;
}
.se-back-to-top:hover { filter: brightness(1.1); }
@media (max-width: 768px) {
.se-back-to-top {
bottom: calc(60px + env(safe-area-inset-bottom, 0px) + 12px);
}
} #se-toast-container {
position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%);
z-index: 9999;
display: flex; flex-direction: column-reverse; align-items: center; gap: .5rem;
pointer-events: none;
width: min(420px, calc(100vw - 2rem));
}
.se-toast {
display: flex; align-items: center; gap: .625rem;
padding: .7rem 1.1rem;
background: var(--c-surface-2, #1e1e2e);
color: var(--c-fg, #0d0d12);
border-radius: var(--r-sm);
font-size: .875rem; line-height: 1.4;
box-shadow: 0 6px 24px rgba(0,0,0,.35);
pointer-events: auto; cursor: pointer;
opacity: 0; transform: translateY(8px);
transition: opacity .25s, transform .25s;
width: 100%;
}
.se-toast.is-visible { opacity: 1; transform: translateY(0); }
.se-toast--success { border-top: 4px solid #4ade80; }
.se-toast--error   { border-top: 4px solid #f87171; }
.se-toast--warning { border-top: 4px solid #fbbf24; }
.se-toast--info    { border-top: 4px solid #60a5fa; }
.se-toast-icon { font-size: 1rem; flex-shrink: 0; } #se-lightbox {
position: fixed; inset: 0; z-index: 10000;
background: rgba(0,0,0,.92);
display: flex; align-items: center; justify-content: center;
opacity: 0; pointer-events: none;
transition: opacity .2s;
}
#se-lightbox.is-open { opacity: 1; pointer-events: auto; }
.se-lb-content {
display: flex; flex-direction: column; align-items: center;
max-width: min(92vw, 1100px); max-height: 90vh;
gap: .75rem;
}
.se-lb-img {
max-width: 100%; max-height: calc(90vh - 60px);
object-fit: contain; border-radius: var(--r-xs);
box-shadow: 0 8px 40px rgba(0,0,0,.6);
}
.se-lb-caption {
color: rgba(255,255,255,.75); font-size: .875rem; text-align: center;
min-height: 1.4em;
}
.se-lb-counter {
position: absolute; top: 1rem; left: 50%; transform: translateX(-50%);
color: rgba(255,255,255,.55); font-size: .8rem; letter-spacing: .05em;
}
.se-lb-close,
.se-lb-prev,
.se-lb-next {
position: absolute;
background: rgba(255,255,255,.12); backdrop-filter: blur(4px);
border: none; border-radius: 50%;
width: 44px; height: 44px;
display: flex; align-items: center; justify-content: center;
color: #fff; cursor: pointer;
transition: background .15s;
}
.se-lb-close:hover, .se-lb-prev:hover, .se-lb-next:hover {
background: rgba(255,255,255,.25);
}
.se-lb-close { top: 1rem; right: 1rem; border-radius: 50%; }
.se-lb-prev  { left: 1rem;  top: 50%; transform: translateY(-50%); }
.se-lb-next  { right: 1rem; top: 50%; transform: translateY(-50%); }  .se-icon-btn {
display: inline-flex; align-items: center; justify-content: center;
width: 36px; height: 36px; padding: 0;
background: transparent; border: none;
border-radius: var(--r-sm); cursor: pointer; color: inherit;
transition: background .15s, color .15s;
}
.se-icon-btn:hover { background: rgba(128,128,128,.12); }
.se-icon-btn:focus-visible { outline: 2px solid var(--c-1, #F58025); outline-offset: 2px; } .se-kbd-hint {
font-family: inherit; font-size: 10px; font-weight: 600;
padding: 1px 4px; border-radius: 3px; letter-spacing: .02em;
background: rgba(128,128,128,.15); color: inherit; opacity: .7;
margin-left: 2px;
} .se-header-inner--centered {
display: flex; flex-direction: column; gap: 0;
}
.se-centered-top {
display: flex; align-items: center; justify-content: space-between;
padding-block: .75rem;
}
.se-main-nav--centered {
display: flex; justify-content: center;
border-top: 1px solid rgba(128,128,128,.1);
padding-block: .5rem;
flex-wrap: wrap; gap: .25rem;
}
.se-main-nav--centered .se-menu { display: flex; gap: 0; flex-wrap: wrap; justify-content: center; } .se-header-inner--minimal {
display: flex; align-items: center; justify-content: space-between;
padding-block: .875rem; gap: 1.25rem;
}
.se-main-nav--minimal {
flex: 1; display: flex; justify-content: center;
}
.se-main-nav--minimal .se-menu { display: flex; gap: .25rem; }
.se-minimal-home { margin-right: .25rem; } .se-header-search-panel {
padding: .75rem 1.5rem 1rem;
border-top: 1px solid rgba(128,128,128,.1);
background: var(--c-surface-1, inherit);
animation: se-fade-up .18s ease;
}
.se-header-search-form--panel {
display: flex; align-items: center; gap: .5rem;
max-width: 560px; margin-inline: auto;
}
.se-header-search-form--panel input {
flex: 1; padding: .55rem .875rem;
background: var(--c-surface-2, rgba(128,128,128,.1));
border: 1px solid rgba(128,128,128,.15); border-radius: var(--r-sm);
font-size: .925rem; color: inherit;
outline: none; transition: border-color .15s;
}
.se-header-search-form--panel input:focus { border-color: var(--c-1, #F58025); }
.se-header-search-form--panel button {
padding: .55rem .875rem;
background: var(--c-1, #F58025); color: #fff;
border: none; border-radius: var(--r-sm); cursor: pointer;
display: flex; align-items: center;
transition: filter .15s;
}
.se-header-search-form--panel button:hover { filter: brightness(1.1); } .se-hamburger { display: flex; flex-direction: column; gap: 4px; width: 18px; }
.se-hamburger span {
display: block; height: 2px; width: 100%;
background: currentColor; border-radius: 1px;
transition: transform .2s, opacity .2s;
} .se-main-nav.is-open ~ * .se-hamburger span:nth-child(1),
.se-mobile-menu-toggle[aria-expanded="true"] .se-hamburger span:nth-child(1) {
transform: translateY(6px) rotate(45deg);
}
.se-mobile-menu-toggle[aria-expanded="true"] .se-hamburger span:nth-child(2) {
opacity: 0;
}
.se-mobile-menu-toggle[aria-expanded="true"] .se-hamburger span:nth-child(3) {
transform: translateY(-6px) rotate(-45deg);
} .se-main-nav.is-open {
display: flex !important; flex-direction: column;
position: fixed; inset: 0; z-index: 9000;
background: var(--c-bg, #ffffff);
padding: 5rem 2rem 2rem;
align-items: flex-start; gap: .25rem;
overflow-y: auto;
}
.se-main-nav.is-open .se-menu {
display: flex; flex-direction: column; width: 100%; gap: .25rem;
}
.se-main-nav.is-open a {
display: block; font-size: 1.4rem; font-weight: 700;
padding: .5rem 0;
} @media (max-width: 767px) {
.se-main-nav--centered { display: none; }
.se-main-nav--minimal  { display: none; }
.se-main-nav.is-open   { display: flex !important; }
}
@media (min-width: 768px) {
.se-mobile-menu-toggle { display: none; }
} .se-reminder-form {
display: flex; flex-wrap: wrap; gap: .5rem; align-items: flex-end;
margin-top: 1.5rem;
}
.se-reminder-form input {
flex: 1 1 160px; padding: .55rem .875rem;
background: var(--c-surface-2, rgba(128,128,128,.1));
border: 1px solid rgba(128,128,128,.15); border-radius: var(--r-sm);
font-size: .875rem; color: inherit; outline: none;
transition: border-color .15s;
}
.se-reminder-form input:focus { border-color: var(--c-1, #F58025); }
.se-reminder-form button[type="submit"] {
padding: .55rem 1.1rem;
background: var(--c-1, #F58025); color: #fff;
border: none; border-radius: var(--r-sm); cursor: pointer;
font-weight: 600; font-size: .875rem;
transition: filter .15s, opacity .2s;
}
.se-reminder-form button[type="submit"]:hover   { filter: brightness(1.1); }
.se-reminder-form button[type="submit"]:disabled { opacity: .6; cursor: not-allowed; } @media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
scroll-behavior: auto !important;
}
}  .se-submission-badge {
display: inline-flex;
align-items: center;
gap: 5px;
padding: 4px 10px 4px 8px;
background: color-mix(in oklab, var(--c-3, #5F7A00) 12%, transparent);
border: 1px solid color-mix(in oklab, var(--c-3, #5F7A00) 30%, transparent);
border-radius: var(--r-pill);
font-size: .75rem;
font-weight: 600;
color: color-mix(in oklab, var(--c-3, #5F7A00) 90%, var(--c-fg, #0d0d12));
margin-top: .5rem;
width: fit-content;
}
.se-submission-badge svg { width:13px;height:13px;stroke:currentColor;flex-shrink:0 } .se-submit-page-wrap { padding-bottom: 4rem }
.se-submit-page-wrap .se-submit-wrap { max-width: 100%; padding: 0 } .se-submit-auth-wall {
display: flex;
justify-content: center;
padding: 5rem 1rem 6rem;
}
.se-submit-auth-wall__inner {
max-width: 480px;
width: 100%;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.25rem;
}
.se-submit-auth-wall__icon {
width: 88px;
height: 88px;
background: color-mix(in oklab, var(--c-1, #F58025) 10%, transparent);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-1, #F58025);
margin-bottom: .5rem;
}
.se-submit-auth-wall__title {
font-family: var(--t-display);
font-size: clamp(1.5rem, 5vw, 2rem);
font-weight: 700;
margin: 0;
line-height: 1.2;
}
.se-submit-auth-wall__desc {
font-size: 1rem;
color: var(--c-fg-dim, #666);
line-height: 1.6;
margin: 0;
max-width: 400px;
}
.se-submit-auth-wall__benefits {
display: flex;
flex-direction: column;
gap: .625rem;
width: 100%;
background: var(--c-bg-alt, #F4F1EA);
border-radius: 14px;
padding: 1.25rem 1.5rem;
text-align: left;
}
.se-submit-auth-wall__benefit {
display: flex;
align-items: center;
gap: .625rem;
font-size: .9rem;
color: var(--c-fg, #111);
}
.se-submit-auth-wall__benefit svg {
flex-shrink: 0;
stroke: var(--c-3, #2D6A4F);
}
.se-submit-auth-wall__actions {
display: flex;
gap: .75rem;
flex-wrap: wrap;
justify-content: center;
margin-top: .5rem;
}
@media (max-width: 480px) {
.se-submit-auth-wall { padding: 3rem 1rem 4rem; }
.se-submit-auth-wall__actions { flex-direction: column; width: 100%; }
.se-submit-auth-wall__actions .se-btn { width: 100%; justify-content: center; }
} .se-submit-inline-auth {
text-align: center;
padding: 3rem 1rem;
background: var(--c-bg-alt, #F4F1EA);
border-radius: 16px;
border: 1.5px solid rgba(0,0,0,.06);
}
.se-submit-inline-auth__msg {
font-size: 1rem;
color: var(--c-fg-dim, #666);
margin: 0 0 1.25rem;
}
.se-submit-inline-auth__btns {
display: flex;
gap: .75rem;
justify-content: center;
flex-wrap: wrap;
} .se-submit-wrap { max-width:900px;margin:0 auto;padding:2rem 0 4rem } .se-submit-picker__title {
font-family: var(--t-display);
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1.75rem;
text-align: center;
}
.se-submit-picker__grid {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 1rem;
}
@media (max-width:600px) { .se-submit-picker__grid { grid-template-columns:1fr } }
.se-submit-type-card {
display: flex;
flex-direction: column;
align-items: center;
gap: .625rem;
padding: 2rem 1rem 1.625rem;
background: var(--c-bg-alt, #F4F1EA);
border: 1.5px solid transparent;
border-radius: 14px;
cursor: pointer;
font-family: var(--t-body);
color: inherit;
transition: border-color .15s, box-shadow .15s, transform .15s;
text-align: center;
}
.se-submit-type-card strong { font-size:.9375rem;display:block }
.se-submit-type-card span   { font-size:.8125rem;opacity:.65;display:block;margin-top:2px }
.se-submit-type-card:hover  { border-color:var(--c-1,#F58025);box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px) }
.se-submit-type-card svg    { stroke:var(--c-1,#F58025) } .sf-topbar {
display: flex;
align-items: center;
gap: .75rem;
margin-bottom: 1rem;
}
.sf-topbar__label { font-size:.8125rem;opacity:.6 }
.se-submit-form__title, #sf-form-title {
font-family: var(--t-display);
font-size: 1.625rem;
font-weight: 700;
margin: 0 0 1.75rem;
} .sf-section {
border: 1px solid rgba(0,0,0,.08);
border-radius: 12px;
margin-bottom: 1rem;
overflow: hidden;
background: var(--c-bg, #fff);
}
.sf-section__head {
display: flex;
align-items: center;
gap: .625rem;
padding: .875rem 1.125rem;
cursor: pointer;
list-style: none;
user-select: none;
font-weight: 600;
font-size: .9375rem;
background: var(--c-bg-alt, #F4F1EA);
}
.sf-section__head::-webkit-details-marker { display:none }
.sf-section__icon { color:var(--c-1,#F58025);display:flex;align-items:center;flex-shrink:0 }
.sf-section__title { flex: 1 }
.sf-section__arrow {
transition: transform .2s;
stroke: currentColor;
opacity: .5;
flex-shrink: 0;
}
.sf-section[open] .sf-section__arrow { transform: rotate(180deg) }
.sf-section__body { padding: 1.125rem 1.25rem 1.25rem } .sf-group { margin-bottom: 1rem }
.sf-group:last-child { margin-bottom: 0 }
.sf-group > label {
display: block;
font-size: .875rem;
font-weight: 600;
margin-bottom: .375rem;
}
.sf-group .se-input,
.sf-section__body .se-input,
.sf-session-row .se-input,
.sf-ticket-row .se-input,
.sf-program-row .se-input,
.sf-hour-row .se-input { width: 100%; box-sizing: border-box; }
.sf-hint {
display: block;
font-size: .8rem;
color: var(--c-fg-dim);
margin-top: .25rem;
}
.sf-maps-search-wrap {
display: flex;
gap: .5rem;
align-items: center;
}
.sf-maps-search-wrap .se-input {
flex: 1;
}
.sf-maps-preview {
margin-top: .75rem;
border-radius: 8px;
overflow: hidden;
}
.sf-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .875rem;
}
.sf-row--3 { grid-template-columns: repeat(3,1fr) }
@media (max-width: 640px) {
.sf-row, .sf-row--3 { grid-template-columns: 1fr }
}
.sf-check {
display: inline-flex;
align-items: center;
gap: .5rem;
font-size: .875rem;
cursor: pointer;
padding: .25rem 0;
} .sf-type-pills {
display: flex;
flex-wrap: wrap;
gap: .5rem;
}
.sf-pill {
display: inline-flex;
align-items: center;
gap: .375rem;
cursor: pointer;
font-size: .875rem;
}
.sf-pill input[type="radio"] { accent-color: var(--c-1,#F58025) }
.sf-pill input[type="radio"]:checked + span,
.sf-pill:has(input:checked) {
font-weight: 600;
color: var(--c-1,#F58025);
} .sf-img-upload { display:flex;flex-direction:column;gap:.75rem }
.sf-img-drop {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: .5rem;
padding: 2rem 1rem;
border: 2px dashed rgba(0,0,0,.15);
border-radius: 12px;
background: var(--c-bg-alt,#F4F1EA);
cursor: pointer;
text-align: center;
transition: border-color .15s, background .15s;
position: relative;
}
.sf-img-drop:hover, .sf-img-drop.is-dragover {
border-color: var(--c-1,#F58025);
background: color-mix(in oklab, var(--c-1,#F58025) 5%, var(--c-bg-alt,#F4F1EA));
}
.sf-img-drop__icon { opacity:.4;stroke:var(--c-1,#F58025) }
.sf-img-drop__text { font-weight:600;font-size:.9375rem }
.sf-img-drop__sub  { font-size:.8rem;opacity:.55 }
.sf-img-previews {
display: flex;
flex-wrap: wrap;
gap: .625rem;
}
.sf-img-preview-item {
position: relative;
width: 100px;
height: 100px;
border-radius: var(--r-sm);
overflow: hidden;
border: 1.5px solid rgba(0,0,0,.1);
flex-shrink: 0;
}
.sf-img-preview-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.sf-img-remove {
position: absolute;
top: 4px; right: 4px;
width: 22px; height: 22px;
background: rgba(0,0,0,.55);
color: #fff;
border: none;
border-radius: 50%;
font-size: 11px;
line-height: 1;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity .15s;
}
.sf-img-preview-item:hover .sf-img-remove { opacity: 1 }
.sf-img-progress { display:flex;flex-direction:column;gap:.375rem }
.sf-img-progress__bar {
height: 4px;
background: rgba(0,0,0,.1);
border-radius: var(--r-pill);
overflow: hidden;
}
.sf-img-progress__fill {
height: 100%;
background: var(--c-1,#F58025);
border-radius: var(--r-pill);
transition: width .2s;
width: 0;
}
.sf-img-progress__label { font-size:.8125rem;opacity:.65 } .sf-session-row {
border: 1px solid rgba(0,0,0,.1);
border-radius: 10px;
padding: 1rem;
margin-bottom: .75rem;
background: var(--c-bg,#fff);
}
.sf-session-row__head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: .875rem;
font-size: .875rem;
} .sf-ticket-rows, .sf-program-rows { display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem }
.sf-ticket-row, .sf-program-row {
display: grid;
gap: .5rem;
align-items: center;
}
.sf-ticket-row  { grid-template-columns: 1fr 1fr 80px 80px 32px }
.sf-program-row { grid-template-columns: 90px 1fr 1fr 32px }
@media (max-width:640px) {
.sf-ticket-row  { grid-template-columns: 1fr 1fr }
.sf-program-row { grid-template-columns: 80px 1fr }
}
.sf-price { max-width:100px }
.sf-prog-time { max-width:90px } .sf-hours-wrap { display:flex;flex-direction:column;gap:.375rem }
.sf-hour-row {
display: grid;
grid-template-columns: 100px 1fr 20px 1fr auto;
gap: .5rem;
align-items: center;
padding: .375rem 0;
border-bottom: 1px solid rgba(0,0,0,.05);
}
.sf-hour-day { font-size:.875rem;font-weight:600 }
.sf-hour-sep { text-align:center;opacity:.4 } .sf-amenities { border:none;padding:0;margin:0 }
.sf-amenities legend { font-size:.875rem;font-weight:600;margin-bottom:.5rem }
.sf-amenities__grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: .25rem .5rem;
}
@media (max-width:480px) { .sf-amenities__grid { grid-template-columns: 1fr } } .sf-status {
min-height: 1.5rem;
font-size: .875rem;
margin: .75rem 0;
border-radius: 6px;
padding: 0;
}
.sf-status--error { color: #dc2626;background:rgba(220,38,38,.06);padding:.625rem .875rem }
.sf-status--warn  { color: #d97706;background:rgba(217,119,6,.06);padding:.625rem .875rem }
.sf-footer {
margin-top: 1.5rem;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: .625rem;
} .sf-disclaimer { font-size:.8rem;opacity:.55;margin:0 }