.app{background:var(--bg-color);min-height:100vh;padding:1.25rem}.app__header,.hero-panel,.controls-panel,.events-shell{width:min(100%,1200px);margin:0 auto}.app__header{text-align:center;padding:.2rem 0 .9rem}.app__title{letter-spacing:-.02em;max-width:none;color:var(--text-primary);margin-top:0;font-size:clamp(2.4rem,6vw,3.4rem);line-height:1}.app__subtitle{max-width:44rem;color:var(--text-secondary);margin:.2rem auto 0;font-size:1.05rem}.hero-panel,.controls-panel,.event-card{background:var(--bg-paper);box-shadow:var(--shadow-paper)}.hero-panel{border-radius:var(--border-radius-lg);gap:1rem;margin-top:1rem;padding:1.5rem;display:grid;overflow:hidden}.hero-panel__copy{align-content:start;gap:.4rem;min-height:0;display:grid;overflow:hidden}.hero-panel__label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.05rem;font-size:.8rem;font-weight:700;line-height:1;display:inline-block}.hero-panel__title{color:var(--text-primary);margin-top:0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.18}.hero-panel__text{color:var(--text-secondary);max-width:48rem;margin-top:.35rem}.hero-panel__text-block{gap:.35rem;display:grid}.hero-panel__text-toggle{color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:none;align-self:start;padding:0;font-weight:700;display:none}.hero-panel__text-toggle.is-hidden{visibility:hidden;pointer-events:none}.hero-panel__event-meta{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex;overflow:hidden}.hero-panel__event-meta span{border-radius:var(--border-radius-pill);color:var(--text-secondary);box-shadow:var(--shadow-button);background:#fffc;border:1px solid #2d374824;padding:.4rem .7rem;font-size:.8rem}.hero-panel__featured-frame{border-radius:var(--border-radius-sm);background:var(--bg-color);align-self:start;height:280px;position:relative;overflow:hidden}.hero-panel__featured-frame-link{display:block}.hero-panel__featured-image{object-fit:contain;object-position:center;border-radius:var(--border-radius-sm);width:100%;height:100%;display:block}.hero-panel__featured-image--placeholder{background:linear-gradient(135deg,#eceff3,#d7dee8)}.hero-panel__featured-dots{align-items:center;gap:.45rem;display:flex}.hero-panel__featured-footer{grid-column:1/-1;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hero-panel__featured-dot{width:.55rem;height:.55rem;box-shadow:var(--shadow-button);cursor:pointer;background:#71809666;border:none;border-radius:999px;transition:transform .2s,background-color .2s}.hero-panel__featured-dot:hover{background:#718096b3;transform:translateY(-1px)}.hero-panel__featured-dot.is-active{background:var(--text-primary)}.hero-panel__featured-counter{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem}.controls-panel{border-radius:var(--border-radius-lg);gap:1rem;margin-top:1rem;padding:1.25rem;display:grid}.search-container{position:relative}.search-input{background:var(--bg-paper);border-radius:var(--border-radius-pill);width:100%;color:var(--text-primary);box-shadow:var(--shadow-paper);border:1.5px solid #2d374824;padding:1.1rem 3.2rem 1.1rem 1.25rem;font-size:1rem;transition:all .3s}.search-input::placeholder{color:var(--text-muted)}.search-input:hover{box-shadow:var(--shadow-paper-hover);border-color:#2d37483d}.search-input:focus{box-shadow:var(--shadow-paper-pressed), 0 0 0 3px #00c8531a;border-color:#00c85373;outline:none}.search-icon{color:var(--text-muted);pointer-events:none;background:#ffffffbf;border-radius:999px;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;display:inline-flex;position:absolute;top:50%;right:1.1rem;transform:translateY(-50%)}.search-icon__svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;display:block}.dropdown-container{position:relative}.dropdown{background:var(--bg-paper);border-radius:var(--border-radius-pill);width:100%;color:var(--text-primary);box-shadow:var(--shadow-paper);cursor:pointer;appearance:none;border:1.5px solid #2d374824;padding:1.1rem 1.25rem;font-size:1rem;transition:all .3s}.dropdown:hover{box-shadow:var(--shadow-paper-hover);border-color:#2d37483d}.dropdown:focus{box-shadow:var(--shadow-paper-pressed), 0 0 0 3px #00c8531a;border-color:#00c85373;outline:none}.dropdown-arrow{border-left:6px solid #0000;border-right:6px solid #0000;border-top:8px solid var(--text-secondary);pointer-events:none;width:0;height:0;position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}.events-shell{margin-top:1.5rem;padding-bottom:2rem}.events-shell__header-copy{gap:.45rem;min-width:min(100%,28rem);display:grid}.events-shell__header--skeleton{align-items:start}.events-shell__header,.past-events-panel__header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.25rem;padding:0 .75rem;display:flex}.events-shell__title,.past-events-panel__title{color:var(--text-primary);font-size:clamp(1.4rem,2vw,1.8rem)}.events-shell__subtitle,.past-events-panel__subtitle{color:var(--text-secondary);max-width:42rem;margin-top:.35rem}.events-shell__toggle{border-radius:var(--border-radius-pill);background:var(--bg-paper);min-height:2.1rem;color:var(--text-primary);font:inherit;box-shadow:var(--shadow-button);cursor:pointer;border:1.5px solid #2d37481f;justify-content:center;align-items:center;padding:.45rem .8rem;font-size:.88rem;font-weight:700;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex}.events-shell__toggle:hover{box-shadow:var(--shadow-button-hover);border-color:#2d374833;transform:translateY(-1px)}.events-shell__toggle--inline{margin-top:1rem}.past-events-panel{border-top:1px solid #2d374814;margin-top:2rem;padding:1.5rem 0 0}.events-grid{perspective:1000px;gap:2rem;padding:0 .75rem;display:grid}.events-state{border-radius:var(--border-radius);background:var(--bg-paper);box-shadow:var(--shadow-paper);color:var(--text-secondary);text-align:center;padding:1.25rem}.events-state--error{text-align:left;color:#8f382d;background:linear-gradient(#fff7f5fa,#fffffffa);border:1px solid #d355432e;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;display:grid}.events-state__badge{color:#b23d30;background:#d355431f;border-radius:9999px;place-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;font-weight:800;line-height:1;display:grid}.events-state__copy{min-width:0}.events-state__title{color:#7f2f25;font-size:1.05rem}.events-state__message{color:#8f382d;margin-top:.35rem}.events-state__detail{color:var(--text-secondary);margin-top:.2rem}.events-shell__toggle--error{white-space:nowrap}.skeleton-block{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#e7edf3 0%,#f8fafc 48%,#e7edf3 100%) 0 0/200% 100%;animation:1.2s ease-in-out infinite skeleton-shimmer;display:block;position:relative;overflow:hidden}.skeleton-block--label{border-radius:var(--border-radius-pill);width:9rem;height:.95rem}.skeleton-block--title{width:min(100%,30rem);height:clamp(3.6rem,8vw,5.4rem)}.skeleton-block--text{width:100%;height:1.1rem}.skeleton-block--text-short{width:82%}.skeleton-block--chip{border-radius:var(--border-radius-pill);width:7rem;height:2rem}.skeleton-block--media,.skeleton-block--card-media{border-radius:var(--border-radius-sm)}.skeleton-block--section-title{width:14rem;height:1.9rem}.skeleton-block--section-text{width:min(100%,26rem);height:1rem}.skeleton-block--meta-line{width:80%;height:.95rem}.skeleton-block--meta-line-short{width:58%}.skeleton-block--card-title{width:88%;height:2.8rem}.skeleton-block--card-line{width:100%;height:1rem}.skeleton-block--card-line-short{width:72%}.events-grid--loading .event-card,.event-card--skeleton{transform:none}.event-card--skeleton:hover{box-shadow:var(--shadow-paper);transform:none}.event-card__meta--skeleton{background:var(--bg-color)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.event-card{border-radius:var(--border-radius);transform-style:preserve-3d;cursor:pointer;border:1px solid #64748b38;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.event-card__link{z-index:2;position:absolute;inset:0}.event-card:nth-child(4n+1){transform:rotate(-2deg)}.event-card:nth-child(4n+2){transform:rotate(1.5deg)}.event-card:nth-child(4n+3){transform:rotate(-1deg)}.event-card:nth-child(4n+4){transform:rotate(2deg)}.event-card:hover{box-shadow:var(--shadow-paper-hover);z-index:10;transform:rotate(0)translateY(-8px)scale(1.02)}.event-card__media{background:var(--bg-color);flex:0 0 clamp(220px,24vw,280px);width:100%;height:clamp(220px,24vw,280px);position:relative}.event-card__badge{z-index:1;border-radius:var(--border-radius-pill);color:#fff;letter-spacing:.06em;text-transform:uppercase;box-shadow:var(--shadow-button);background:#434c5ee0;padding:.35rem .65rem;font-size:.72rem;font-weight:700;position:absolute;top:.85rem;left:.85rem}.event-card__image{object-fit:cover;width:100%;height:100%;transition:opacity .2s;display:block}.event-card__image--loading{opacity:0}.event-card__image--placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.event-card__spinner{z-index:1;background:linear-gradient(135deg,#f8fafceb,#e2e8f0eb);place-items:center;display:grid;position:absolute;inset:0}.event-card__spinner-icon{border:3px solid #94a3b847;border-top-color:#475569f2;border-radius:9999px;width:2rem;height:2rem;animation:.8s linear infinite event-card-spinner-rotate;box-shadow:0 0 0 2px #ffffff73}@keyframes event-card-spinner-rotate{to{transform:rotate(360deg)}}.event-card__body{flex:1;align-content:start;gap:.6rem;padding:1rem;display:grid;overflow:hidden}.event-card__meta{background:var(--bg-color);border-radius:var(--border-radius-sm);gap:.25rem;padding:.65rem .75rem;display:grid}.event-card__date,.event-card__venue,.event-card__artists{color:var(--text-secondary);font-size:.9rem}.event-card__date{color:var(--text-primary);font-weight:700}.event-card__title{border-bottom:2px solid var(--bg-color);padding-bottom:.5rem;font-size:1.15rem;line-height:1.25}.event-card__artists strong{color:var(--text-primary)}.event-card__description{-webkit-line-clamp:2;color:var(--text-secondary);-webkit-box-orient:vertical;font-size:.9rem;line-height:1.6;display:-webkit-box;overflow:hidden}.event-card__button{color:#fff;border-radius:var(--border-radius-pill);min-width:8.75rem;box-shadow:0 6px 16px #00c85338, var(--shadow-button);background:linear-gradient(135deg,#00c853,#19a84f);border:1.5px solid #0c6e3259;justify-content:center;align-items:center;padding:.85rem 1.2rem;font-weight:600;transition:transform .3s,box-shadow .3s,border-color .3s,filter .3s;display:inline-flex}.event-card__button:hover{box-shadow:0 10px 22px #00c85347, var(--shadow-button-hover);filter:saturate(1.05);border-color:#0c6e3280;transform:translateY(-2px)}.event-card__button:active{box-shadow:0 4px 10px #00c85333, var(--shadow-button-active);transform:translateY(0)}.event-card--past{background:#f2f4f7;border-color:#64748b47;box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f}.event-card--past .event-card__media,.event-card--past .event-card__meta{background:#e8ecf1}.event-card--past .event-card__image{filter:grayscale(.82)saturate(.75)}.event-card--past .event-card__title,.event-card--past .event-card__date,.event-card--past .event-card__artists strong{color:#495466}.event-card--past .event-card__location,.event-card--past .event-card__venue,.event-card--past .event-card__artists,.event-card--past .event-card__description{color:#707b8d}.event-detail-shell{width:min(100%,1200px);margin:0 auto;padding-bottom:2rem}.event-detail__back-link{color:var(--text-secondary);font-weight:600;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.4rem;margin-bottom:1rem;padding:0;display:inline-flex}.event-detail__back-link:before{content:"←";line-height:1;display:inline-block;transform:translateY(-.02em)}.event-detail{gap:1.25rem;display:grid}.event-detail__hero{background:var(--bg-paper);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-paper);gap:1.25rem;padding:1.5rem;display:grid}.event-detail__hero-copy{align-content:start;gap:1rem;display:grid}.event-detail__title{color:var(--text-primary);font-size:clamp(2rem,5vw,3.2rem);line-height:1.02}.event-detail__description{color:var(--text-secondary);font-size:1.05rem}.event-detail__meta-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem;display:grid}.event-detail__meta-card{background:var(--bg-color);border-radius:var(--border-radius);gap:.35rem;padding:1rem;display:grid}.event-detail__meta-card p{color:var(--text-primary)}.event-detail__meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:700}.event-detail__actions{align-items:center;gap:.75rem;display:flex}.event-detail__media-panel{border-radius:var(--border-radius);background:var(--bg-color);order:-1;min-height:320px;overflow:hidden}.event-detail__hero-image{object-fit:contain;object-position:center;width:100%;height:100%;min-height:320px;display:block}.event-detail__hero-image--placeholder{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.event-detail__gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.event-detail__gallery-item{border-radius:var(--border-radius);background:var(--bg-paper);box-shadow:var(--shadow-paper);overflow:hidden}.event-detail__gallery-item img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}@media (width>=720px){.app{padding:1.5rem}.hero-panel{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1.7fr minmax(320px,1.15fr);align-items:stretch;height:350px}.hero-panel__copy{grid-template-rows:auto auto auto auto}.hero-panel__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-panel__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-panel__text-block{min-height:0}.controls-panel{grid-template-columns:1.2fr .8fr;align-items:start;gap:1rem;display:grid}.events-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-card{height:520px}.event-detail__hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr);align-items:start}.event-detail__media-panel{order:0}}@media (width>=1080px){.app{padding:2rem}.events-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=719px){.app{padding:.5rem}.events-grid{padding:0}.hero-panel{grid-template-rows:auto 240px auto;height:560px}.app__title{font-size:2.5rem}.app__subtitle{font-size:1rem}.hero-panel,.controls-panel{padding:1rem}.hero-panel__text{-webkit-line-clamp:1;-webkit-box-orient:vertical;min-height:1.7rem;display:-webkit-box;overflow:hidden}.hero-panel__text-block{align-content:start;min-height:3.6rem}.hero-panel__text-toggle{min-height:1.4rem;display:inline-flex}.hero-panel__title{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:1.35rem;display:-webkit-box;overflow:hidden}.hero-panel__featured-frame{height:240px}.events-grid{gap:1.25rem;padding:0}.events-shell__header,.past-events-panel__header{flex-direction:column;align-items:start;padding:0}.events-shell__toggle{width:100%}.event-detail__hero{padding:1rem}.event-detail__media-panel,.event-detail__hero-image{min-height:240px}.event-card,.event-card:nth-child(4n+1),.event-card:nth-child(4n+2),.event-card:nth-child(4n+3),.event-card:nth-child(4n+4){transform:none}.event-card:hover{transform:translateY(-3px)}}