:root{--ink:#10111d;--muted:#62677d;--line:#e5e7ef;--purple:#6240e8;--bg:#f8f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}.shell{width:min(1400px,calc(100% - 72px));margin:auto}.site-header{height:88px;display:flex;align-items:center;gap:62px;position:relative;z-index:5}.logo{font-size:27px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-1.6px}.logo span{color:var(--purple)}.desktop-nav{display:flex;gap:38px;flex:1}.desktop-nav a,.header-actions a{font-size:14px;color:var(--ink);text-decoration:none;font-weight:600}.header-actions{display:flex;align-items:center;gap:12px}.btn,.icon-btn,.menu-btn{border:0;background:none;cursor:pointer}.icon-btn{font-size:25px}.btn{padding:12px 19px;border-radius:8px;font-weight:700}.btn.ghost{border:1px solid var(--line);background:#fff}.btn.primary{color:#fff;background:linear-gradient(135deg,#7247f3,#4e32dc);box-shadow:0 8px 25px #6847ed35}.menu-btn{display:none;font-size:24px}.hero{height:510px;position:relative;display:flex;align-items:flex-start}.hero-copy{padding-top:50px;width:51%;position:relative;z-index:2}.social-proof{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600}.avatar-stack{display:flex}.avatar-stack i{width:25px;height:25px;border-radius:50%;background:#eee;margin-left:-6px;display:grid;place-items:center;font-size:16px;font-style:normal;border:2px solid white}.avatar-stack i:first-child{margin-left:0}.hero h1{font-size:55px;line-height:1.02;letter-spacing:-3.5px;margin:30px 0 14px}.hero h1 em{color:var(--purple);font-style:normal}.hero-copy>p{font-size:16px;line-height:1.65;color:var(--muted)}.mini-stats{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.mini-stats span{font-size:11px;border:1px solid var(--line);border-radius:20px;padding:7px 10px;background:#fff}.hero-scenes{position:absolute;right:0;top:0;width:58%;height:385px;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border-radius:0 0 0 36px;background:#111}.scene{display:flex;flex-direction:column;justify-content:flex-end;padding:0 26px 38px;color:white;font-size:18px;line-height:1.35;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);margin-left:-12%}.scene span{color:#ca8cff;font-size:19px}.search-panel{position:absolute;z-index:4;left:18px;right:18px;bottom:4px;height:112px;border-radius:23px;background:white;box-shadow:0 18px 45px #16152c24;display:flex;align-items:center;padding:18px 22px}.search-field{height:62px;min-width:240px;display:flex;align-items:center;gap:17px;padding:0 22px;border-right:1px solid var(--line);position:relative}.search-field.grow{flex:1}.search-field b{display:block;font-size:13px}.search-field small{display:block;color:#7d8298;margin-top:6px}.field-icon{font-size:30px}.search-field input{position:absolute;inset:0;opacity:0;cursor:text}.search-field:focus-within{outline:2px solid #6a49e8;border-radius:12px}.search-submit{width:58px;height:58px;border-radius:50%;border:0;background:linear-gradient(135deg,#7549ef,#5037da);color:white;font-size:27px;margin-left:23px;cursor:pointer}.content{padding-top:25px;padding-bottom:28px}.chips{display:flex;gap:14px;overflow:auto;padding:2px 0 24px}.chip{background:#fff;border:1px solid var(--line);border-radius:23px;padding:11px 24px;white-space:nowrap;font-weight:700;font-size:13px;cursor:pointer}.chip:hover,.chip.active{border-color:#6847e9;color:#5a39db;background:#f7f4ff}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:2px 0 16px}.section-heading h2{font-size:20px;margin:0;letter-spacing:-.5px}.section-heading a,.panel-head a{font-size:12px;color:#50556c;text-decoration:none}.event-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:30px}.event-card{height:275px;border-radius:16px;color:#fff;overflow:hidden;position:relative;background-size:cover;background-position:center;box-shadow:0 9px 25px #10111d1b;transition:.25s}.event-card:hover{transform:translateY(-5px)}.event-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#090a12 3%,transparent 80%)}.event-card .date{position:absolute;top:14px;left:14px;background:#fff;color:#161824;border-radius:8px;padding:7px;text-align:center;font-weight:800;z-index:2;font-size:12px;line-height:1.05}.event-card .heart,.panel-image .heart{position:absolute;top:13px;right:13px;border:0;background:#191b2866;color:#fff;border-radius:50%;width:34px;height:34px;font-size:23px;z-index:3;cursor:pointer}.heart.saved{background:#fff;color:#693eea}.event-copy{position:absolute;z-index:2;left:16px;right:16px;bottom:15px}.tag{display:inline-block;border-radius:10px;padding:4px 8px;background:#6240e8;font-size:8px;text-transform:uppercase;font-weight:800}.event-copy h3{font-size:14px;margin:10px 0 5px}.event-copy p,.event-copy small{font-size:10px;margin:2px 0;color:#e3e5ed}.event-meta{display:flex;justify-content:space-between;margin-top:11px}.business-img{background-image:linear-gradient(0deg,#08112066,transparent),url('assets/business-tech.png');background-size:cover;background-position:center}.social-img{background-image:linear-gradient(0deg,#1e0c0666,transparent),url('assets/nightlife-social.png');background-size:cover;background-position:center}.music-img{background-image:linear-gradient(0deg,#17031e66,transparent),url('assets/concerts-live-music.png');background-size:cover;background-position:center}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:14px 0 26px}.category-panel{background:var(--bg);border-radius:15px;padding:20px}.panel-head{display:flex;justify-content:space-between}.panel-head h2{font-size:23px;margin:0}.panel-head p{font-size:12px;color:var(--muted);line-height:1.5;margin:6px 0 15px}.panel-image{height:165px;border-radius:12px;position:relative;background-repeat:no-repeat}.mini-event{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:11px}.mini-event .thumb{width:65px;height:40px;border-radius:6px;flex:0 0 auto}.mini-event span:nth-child(2){flex:1}.mini-event b,.mini-event small{display:block}.mini-event small{color:var(--muted);margin-top:3px}.mini-event strong{white-space:nowrap;font-size:10px}.collection-row,.city-row,.organizer-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px}.collection{height:122px;border-radius:13px;padding:25px 18px 14px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;background-repeat:no-repeat;position:relative;overflow:hidden}.collection::after,.city::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d1028d9,transparent)}.collection b,.collection small,.city b,.city small{position:relative;z-index:2}.collection b{font-size:16px;line-height:1.25}.collection small{margin-top:8px}.city-bg{background:linear-gradient(135deg,#54749a,#de9b4c)}.city-row{grid-template-columns:repeat(6,1fr)}.city{height:110px;border-radius:12px;padding:16px;color:white;display:flex;justify-content:flex-end;flex-direction:column;position:relative;overflow:hidden;background-size:cover}.city b{font-size:15px}.city small{font-size:10px;margin-top:3px}.c1{background:linear-gradient(140deg,#9fbacc,#715d49)}.c2{background:linear-gradient(140deg,#5f7894,#99613a)}.c3{background:linear-gradient(140deg,#6b8f97,#bb8058)}.c4{background:linear-gradient(140deg,#d0b576,#456b88)}.c5{background:linear-gradient(140deg,#d08644,#415783)}.c6{background:linear-gradient(140deg,#7993a8,#5c4468)}.organizer-row{grid-template-columns:repeat(5,1fr)}.organizer{border:1px solid var(--line);border-radius:12px;padding:15px;display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:center}.org-logo{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;background:#10111d;font-size:11px}.organizer b,.organizer small{display:block}.organizer b{font-size:11px}.organizer small{font-size:9px;color:var(--muted);margin-top:4px}.rating{color:#f5a000!important}.follow{grid-column:1/3;border:1px solid var(--line);background:white;border-radius:7px;font-size:10px;padding:7px;cursor:pointer}.host-banner{min-height:180px;border-radius:15px;background:radial-gradient(circle at 85%,#4c146e,#11112d 48%,#080917);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:30px;margin-top:10px}.host-banner>div:first-child{width:36%}.host-banner>div>small{color:#d27cf1}.host-banner h2{font-size:24px;margin:10px 0 18px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;text-align:center;flex:1}.benefits span{display:flex;flex-direction:column;align-items:center}.benefits i{display:grid;place-items:center;width:48px;height:48px;background:#ffffff12;border-radius:50%;font-style:normal;font-size:20px}.benefits b{font-size:11px;margin-top:10px}.benefits small{font-size:9px;color:#bac0d8;margin-top:5px}footer{background:#090b18;color:#fff;padding:28px 0}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.6fr;gap:55px}.logo.light{color:#fff}.footer-grid p,.footer-grid small{font-size:10px;color:#a8adbf;line-height:1.6}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:11px}.footer-grid a{color:#a8adbf;text-decoration:none}.footer-grid b{font-size:11px}.newsletter{display:flex;border:1px solid #303449;border-radius:8px;overflow:hidden;margin-top:4px}.newsletter input{min-width:0;flex:1;border:0;background:#15182b;color:#fff;padding:12px}.newsletter button{background:#6842e9;color:#fff;border:0;padding:0 17px;font-size:10px}.toast{position:fixed;right:25px;bottom:25px;padding:13px 18px;border-radius:9px;background:#111326;color:#fff;box-shadow:0 12px 28px #0003;transform:translateY(80px);opacity:0;transition:.3s;z-index:20;font-size:13px}.toast.show{transform:none;opacity:1}
.auth-status-control{min-width:96px;visibility:hidden}
.auth-status-control[data-auth-ready="true"]{visibility:visible}
@media(min-width:9999px){
  .shell{width:min(1400px,calc(100% - 112px))}
  .site-header{height:64px;gap:46px}
  .logo{font-size:22px}
  .desktop-nav{gap:29px}
  .desktop-nav a{font-size:11px}
  .header-actions{gap:8px}
  .icon-btn{font-size:19px}
  .btn{padding:9px 13px;border-radius:6px;font-size:10px}
  .hero{height:307px}
  .hero-copy{width:54%;padding-top:18px}
  .social-proof{font-size:9px;gap:7px}
  .avatar-stack i{width:20px;height:20px;font-size:12px}
  .hero h1{font-size:39px;line-height:1.03;letter-spacing:-2.6px;margin:19px 0 9px}
  .hero-copy>p{font-size:11px;line-height:1.6;margin:0}
  .mini-stats{gap:7px;margin-top:16px}
  .mini-stats span{font-size:8px;padding:5px 8px}
  .hero-scenes{top:-64px;width:54%;height:294px;border-radius:0 0 0 24px}
  .scene{padding:0 18px 25px;font-size:13px}
  .scene span{font-size:14px}
  .search-panel{left:0;right:13%;bottom:0;height:76px;border-radius:16px;padding:12px 15px;box-shadow:0 13px 35px #16152c1f}
  .search-field{height:48px;min-width:160px;gap:12px;padding:0 16px}
  .search-field b{font-size:9px}
  .search-field small{font-size:8px;margin-top:4px}
  .field-icon{font-size:21px}
  .search-submit{width:43px;height:43px;font-size:20px;margin-left:16px}
  .content{padding-top:14px;padding-bottom:16px}
  .chips{gap:10px;padding:1px 0 16px}
  .chip{padding:8px 18px;font-size:9px}
  .section-heading{margin:1px 0 10px}
  .section-heading h2{font-size:14px}
  .section-heading a,.panel-head a{font-size:8px}
  .event-grid{gap:14px;margin-bottom:19px}
  .event-card{height:177px;border-radius:11px}
  .event-card .date{top:9px;left:9px;border-radius:6px;padding:5px;font-size:8px}
  .event-card .heart,.panel-image .heart{top:8px;right:8px;width:25px;height:25px;font-size:16px}
  .event-copy{left:11px;right:11px;bottom:10px}
  .tag{padding:3px 6px;font-size:6px}
  .event-copy h3{font-size:10px;margin:7px 0 3px}
  .event-copy p,.event-copy small{font-size:7px}
  .event-meta{margin-top:7px}
  .category-grid{gap:12px;margin:10px 0 17px}
  .category-panel{border-radius:11px;padding:13px}
  .panel-head h2{font-size:17px}
  .panel-head p{font-size:8px;line-height:1.45;margin:4px 0 10px}
  .panel-image{height:117px;border-radius:8px}
  .mini-event{gap:8px;margin-top:7px;font-size:7px}
  .mini-event .thumb{width:45px;height:27px;border-radius:4px}
  .mini-event small{margin-top:2px}
  .mini-event strong{font-size:7px}
  .collection-row,.city-row,.organizer-row{gap:11px;margin-bottom:18px}
  .collection{height:84px;border-radius:9px;padding:17px 12px 10px}
  .collection b{font-size:11px}
  .collection small{font-size:7px;margin-top:5px}
  .city{height:74px;border-radius:8px;padding:11px}
  .city b{font-size:10px}
  .city small{font-size:7px}
  .organizer{border-radius:9px;padding:9px;grid-template-columns:38px 1fr;gap:7px}
  .org-logo{width:38px;height:38px;font-size:8px}
  .organizer b{font-size:8px}
  .organizer small{font-size:6px;margin-top:2px}
  .follow{padding:4px;font-size:7px}
  .host-banner{min-height:116px;border-radius:10px;padding:19px;margin-top:7px}
  .host-banner>div:first-child{width:36%}
  .host-banner h2{font-size:16px;margin:7px 0 12px}
  .benefits{gap:22px}
  .benefits i{width:34px;height:34px;font-size:14px}
  .benefits b{font-size:8px;margin-top:7px}
  .benefits small{font-size:6px;margin-top:3px}
  footer{padding:18px 0}
  .footer-grid{gap:38px}
  .footer-grid p,.footer-grid small{font-size:7px}
  .footer-grid>div:not(:first-child){gap:5px;font-size:8px}
  .footer-grid b{font-size:8px}
  .newsletter input{padding:8px;font-size:8px}
  .newsletter button{font-size:7px;padding:0 12px}
}
@media(max-width:1050px){.desktop-nav{display:none}.site-header{gap:20px}.header-actions{margin-left:auto}.menu-btn{display:block}.hero{height:auto;display:block}.hero-copy{width:100%;padding:40px 0 30px}.hero-scenes{position:relative;width:100%;height:320px}.search-panel{position:relative;left:auto;right:auto;bottom:auto;margin:-35px 18px 0}.event-grid{grid-template-columns:repeat(3,1fr)}.event-card:nth-child(n+4){display:none}.category-grid{grid-template-columns:1fr}.collection-row{grid-template-columns:repeat(3,1fr)}.collection:nth-child(n+4){display:none}.city-row{grid-template-columns:repeat(3,1fr)}.organizer-row{grid-template-columns:repeat(3,1fr)}.host-banner{flex-direction:column;align-items:flex-start;gap:25px}.host-banner>div:first-child{width:100%}.benefits{width:100%}}
@media(max-width:700px){.shell{width:min(100% - 32px,1400px)}.site-header{height:70px}.header-actions .icon-btn,.header-actions .ghost{display:none}.btn{padding:10px 12px;font-size:12px}.hero h1{font-size:41px;letter-spacing:-2.6px}.hero-copy{padding-top:28px}.hero-scenes{height:240px}.scene{padding:0 12px 24px;font-size:12px}.search-panel{height:auto;display:grid;grid-template-columns:1fr auto;padding:14px}.search-field{min-width:0;border:0;padding:8px}.search-field:not(.grow){display:none}.search-submit{margin:0;width:50px;height:50px}.content{padding-top:18px}.event-grid{grid-template-columns:repeat(2,1fr);gap:12px}.event-card:nth-child(3){display:none}.event-card{height:250px}.category-panel{padding:15px}.panel-head h2{font-size:19px}.collection-row{grid-template-columns:repeat(2,1fr)}.collection:nth-child(3){display:none}.city-row{grid-template-columns:repeat(2,1fr)}.city:nth-child(n+5){display:none}.organizer-row{grid-template-columns:1fr}.benefits{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:last-child{grid-column:1/3}.mini-stats{display:none}}
@media(max-width:430px){.event-grid{grid-template-columns:1fr}.event-card:nth-child(2){display:none}.hero-scenes{height:205px}.hero h1{font-size:37px}.social-proof span{font-size:10px}.collection-row{display:flex;overflow:auto}.collection{min-width:220px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}}

/* Premium refinement: preserve structure, improve hierarchy and rhythm */
:root{--premium-shadow:0 24px 70px rgba(20,18,45,.09);--premium-hover:0 28px 65px rgba(20,18,45,.16);--soft-surface:#fafafe}
html{background:#fff}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:linear-gradient(180deg,#fff 0%,#fdfdff 52%,#fff 100%)}
a,button{transition:color .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.75,.25,1)}
a:focus-visible,button:focus-visible{outline:3px solid rgba(98,64,232,.24);outline-offset:4px}
.site-header{border-bottom:1px solid transparent}
.desktop-nav a{color:#343747;font-weight:600}
.desktop-nav a:hover{color:var(--purple)}
.hero h1{font-weight:800;text-wrap:balance}
.hero-copy>p{max-width:590px;letter-spacing:-.01em}
.search-panel{border:1px solid rgba(228,229,239,.78);box-shadow:var(--premium-shadow);backdrop-filter:blur(18px)}
.search-field b{letter-spacing:-.015em}
.search-field small{line-height:1.45}
.search-submit:hover{transform:translateY(-2px) scale(1.035);box-shadow:0 14px 34px rgba(92,59,224,.34)}
.chip{color:#36394a;border-color:#e7e7ef;box-shadow:0 1px 0 rgba(20,20,35,.02)}
.chip:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(25,22,52,.07)}
.section-heading h2{letter-spacing:-.035em}
.section-heading a,.panel-head a{transition:color .2s ease,transform .2s ease}
.section-heading a:hover,.panel-head a:hover{color:var(--purple);transform:translateX(3px)}
.event-card{transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease,background-size .7s cubic-bezier(.2,.75,.25,1);box-shadow:0 12px 36px rgba(18,17,37,.1)}
.event-card:hover{transform:translateY(-7px);box-shadow:var(--premium-hover);background-size:308% 103%}
.category-panel{border:1px solid rgba(234,234,242,.86);background:linear-gradient(145deg,#fbfbfe,#f7f7fb);transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s ease}
.category-panel:hover{transform:translateY(-4px);box-shadow:0 24px 55px rgba(20,18,45,.08)}
.panel-image{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:transform .5s cubic-bezier(.2,.75,.25,1),box-shadow .5s ease}
.category-panel:hover .panel-image{transform:scale(1.008);box-shadow:0 16px 32px rgba(16,15,35,.12)}
.collection,.city{transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s ease,filter .4s ease}
.collection:hover,.city:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(15,15,32,.16);filter:saturate(1.06)}
.organizer{background:rgba(255,255,255,.82);transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s ease,border-color .35s ease}
.organizer:hover{transform:translateY(-4px);border-color:#ddd9f0;box-shadow:0 18px 42px rgba(25,21,56,.08)}
.follow:hover{color:var(--purple);border-color:#cfc5f5;background:#f9f7ff}
.host-banner{box-shadow:0 25px 70px rgba(12,10,35,.14)}
.benefits i{border:1px solid rgba(255,255,255,.08);transition:transform .35s ease,background-color .35s ease}
.benefit-icon{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.benefits span:hover i{transform:translateY(-3px);background:#ffffff1d}
footer{border-top:1px solid rgba(255,255,255,.05)}
.footer-grid a:hover{color:#fff}
.newsletter:focus-within{border-color:#7161b9;box-shadow:0 0 0 3px rgba(105,71,233,.12)}

/* Public media: wrappers own geometry; images crop without changing aspect ratio. */
.scene{position:relative;isolation:isolate;overflow:hidden;background-image:none}
.scene::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(4,5,16,.8),transparent 55%);pointer-events:none}
.scene-media{position:absolute;z-index:-2;inset:0;overflow:hidden}
.scene-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.scene.business .scene-media img{object-position:left center}
.scene.social .scene-media img{object-position:center}
.scene.music .scene-media img{object-position:right center}
.scene:last-child{width:112%;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.scene>span:not(.scene-media){position:relative;z-index:1;color:#ca8cff;font-size:19px}
.scene>b{position:relative;z-index:1}
.business-img{background-size:cover;background-position:left center}
.social-img{background-size:cover;background-position:center}
.music-img{background-size:cover;background-position:right center}
.event-card{transition:transform .45s cubic-bezier(.2,.75,.25,1),box-shadow .45s ease,filter .45s ease}
.event-card:hover{background-size:cover;filter:saturate(1.04)}

/* Single-category surfaces use isolated source files; no runtime sprite slicing. */
.business-img{background-image:linear-gradient(0deg,#08112066,transparent),url('assets/business-tech-homepage.webp');background-size:cover;background-position:center}
.social-img{background-image:linear-gradient(0deg,#1e0c0666,transparent),url('assets/nightlife-social-homepage.webp');background-size:cover;background-position:center}
.music-img{background-image:linear-gradient(0deg,#17031e66,transparent),url('assets/concerts-live-music-homepage.webp');background-size:cover;background-position:center}
.event-card.has-event-image{background-size:cover;background-position:center}

@media(min-width:1051px){
  .shell{width:min(1360px,calc(100% - 112px))}
  .site-header{height:104px;gap:68px}
  .desktop-nav{gap:42px}
  .hero{height:790px}
  .hero-copy{width:52%;padding-top:118px}
  .social-proof{font-size:13px}
  .hero h1{max-width:540px;font-size:52px;line-height:1.03;letter-spacing:-3.4px;margin:42px 0 25px}
  .hero-copy>p{font-size:18px;line-height:1.75}
  .mini-stats{margin-top:38px;gap:12px}
  .mini-stats span{padding:9px 13px;font-size:11px}
  .hero-scenes{width:52%;height:605px;border-radius:0 0 0 42px}
  .scene{padding:0 34px 54px;font-size:20px}
  .search-panel{height:128px;bottom:26px;left:0;right:0;border-radius:27px;padding:22px 28px}
  .search-field{height:76px;padding:0 28px;gap:20px}
  .search-field b{font-size:14px}.search-field small{font-size:12px;margin-top:8px}
  .search-submit{width:64px;height:64px;margin-left:28px}
  .content{padding-top:55px;padding-bottom:112px}
  .chips{gap:16px;padding-bottom:102px}
  .chip{padding:13px 26px}
  .section-heading{margin-bottom:40px}
  .section-heading h2{font-size:25px}
  .event-grid{gap:28px;margin-bottom:118px}
  .event-card{height:298px;border-radius:19px}
  .event-copy{left:21px;right:21px;bottom:20px}.event-copy h3{font-size:15px;margin:13px 0 8px}.event-copy p,.event-copy small{font-size:11px}.event-meta{margin-top:15px}
  .category-grid{gap:28px;margin-bottom:118px}
  .category-panel{padding:30px;border-radius:20px}
  .panel-head h2{font-size:25px}.panel-head p{font-size:13px;line-height:1.65;margin:10px 0 26px}
  .panel-image{height:190px;border-radius:15px}
  .mini-event{margin-top:20px;gap:14px}.mini-event .thumb{width:72px;height:46px}.mini-event small{margin-top:5px}
  .content>section:not(.host-banner){margin-top:112px}
  .collection-row,.city-row,.organizer-row{gap:26px;margin-bottom:0}
  .collection{height:148px;padding:30px 22px 20px;border-radius:17px}.collection b{font-size:18px}.collection small{margin-top:12px}
  .city{height:138px;padding:21px;border-radius:16px}.city b{font-size:17px}.city small{font-size:11px;margin-top:6px}
  .organizer{padding:22px;border-radius:16px;grid-template-columns:58px 1fr;gap:14px}.org-logo{width:58px;height:58px}.follow{padding:10px;margin-top:5px}
  .host-banner{min-height:255px;margin-top:120px;padding:64px;border-radius:22px}.host-banner h2{font-size:29px;line-height:1.25;margin:15px 0 28px}.benefits{gap:44px}.benefits i{width:58px;height:58px}.benefits b{font-size:12px;margin-top:16px}.benefits small{font-size:10px;margin-top:7px}
  footer{padding:96px 0}.footer-grid{gap:88px}.footer-grid>div:not(:first-child){gap:12px}.footer-grid p,.footer-grid small{line-height:1.85}
}

@media(min-width:701px) and (max-width:1050px){
  .shell{width:min(100% - 96px,1400px)}
  .site-header{height:104px}
  .hero-copy{padding:70px 0 64px}
  .social-proof{font-size:13px}
  .hero h1{font-size:61px;line-height:1.01;letter-spacing:-4.1px;margin:42px 0 24px}
  .hero-copy>p{font-size:17px;line-height:1.75}
  .mini-stats{margin-top:34px;gap:12px}.mini-stats span{padding:8px 12px;font-size:11px}
  .hero-scenes{height:382px;border-radius:0 0 0 34px}
  .scene{padding:0 26px 42px;font-size:18px}
  .search-panel{height:126px;margin:-48px 18px 0;border-radius:26px;padding:21px 24px}
  .search-field{height:76px;padding:0 24px;gap:18px}.search-field b{font-size:13px}.search-field small{font-size:11px;margin-top:7px}
  .search-submit{width:62px;height:62px;margin-left:24px}
  .content{padding-top:54px;padding-bottom:104px}
  .chips{gap:16px;padding-bottom:96px}.chip{padding:13px 24px}
  .section-heading{margin-bottom:40px}.section-heading h2{font-size:25px}
  .event-grid{gap:24px;margin-bottom:112px}.event-card{height:304px;border-radius:19px}.event-copy{left:20px;right:20px;bottom:20px}.event-copy h3{font-size:15px;margin:12px 0 8px}.event-copy p,.event-copy small{font-size:11px}.event-meta{margin-top:14px}
  .category-grid{gap:32px;margin-bottom:112px}.category-panel{padding:42px;border-radius:22px}.panel-head h2{font-size:27px}.panel-head p{font-size:14px;line-height:1.7;margin:11px 0 28px}.panel-image{height:245px;border-radius:17px}.mini-event{margin-top:20px;gap:16px}.mini-event .thumb{width:78px;height:50px}.mini-event small{margin-top:5px}
  .content>section:not(.host-banner){margin-top:104px}
  .collection-row,.city-row,.organizer-row{gap:24px;margin-bottom:0}
  .collection{height:150px;padding:30px 22px 20px;border-radius:17px}.collection b{font-size:18px}.collection small{margin-top:12px}
  .city{height:142px;padding:22px;border-radius:17px}.city b{font-size:17px}.city small{font-size:11px;margin-top:6px}
  .organizer{padding:24px;border-radius:17px;grid-template-columns:60px 1fr;gap:15px}.org-logo{width:60px;height:60px}.follow{padding:10px;margin-top:7px}
  .host-banner{min-height:330px;margin-top:112px;padding:62px;border-radius:22px}.host-banner h2{font-size:28px;line-height:1.28;margin:14px 0 26px}.benefits{gap:36px}.benefits i{width:56px;height:56px}.benefits b{font-size:12px;margin-top:14px}.benefits small{font-size:10px;margin-top:6px}
  footer{padding:96px 0}.footer-grid{gap:70px}.footer-grid>div:not(:first-child){gap:11px}.footer-grid p,.footer-grid small{line-height:1.85}
}

@media(max-width:700px){
  .hero-copy{padding:54px 0 46px}.hero h1{font-size:44px;line-height:1.02;margin:30px 0 18px}.hero-copy>p{font-size:15px;line-height:1.7}
  .hero-scenes{height:268px}.search-panel{margin:24px 0 0;border-radius:22px;padding:17px}.search-submit{width:54px;height:54px}
  .content{padding-top:46px;padding-bottom:78px}.chips{padding-bottom:70px}.chip{padding:11px 20px}
  .section-heading{margin-bottom:30px}.section-heading h2{font-size:22px}
  .event-grid{margin-bottom:82px}.event-card{height:310px;border-radius:18px}
  .category-grid{gap:28px;margin-bottom:82px}.category-panel{padding:28px;border-radius:20px}.panel-head p{line-height:1.65;margin-bottom:22px}.panel-image{height:205px}.mini-event{margin-top:17px}
  .content>section:not(.host-banner){margin-top:82px}
  .collection{height:138px}.city{height:126px}.organizer{padding:20px}
  .host-banner{margin-top:84px;padding:44px 28px;gap:38px}.host-banner h2{font-size:25px;line-height:1.32;margin:14px 0 24px}
  footer{padding:58px 0}.footer-grid{gap:42px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.catalogue-state{color:#656575;margin:-22px 0 28px}.catalogue-state[data-state="ready"]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.catalogue-state[data-state="error"]{background:#fff2f4;border:1px solid #efc7d0;border-radius:12px;color:#8f2540;padding:12px 14px}.event-card[tabindex="0"]:focus-visible{outline:3px solid rgba(98,64,232,.5);outline-offset:4px}

/* Launch integrity: visible search input and explicit truthful content states. */
.search-field.grow{padding-right:12px}.search-input-copy{display:block;min-width:0;flex:1}.search-input-copy b{margin-bottom:5px}
.search-field input{position:static;inset:auto;opacity:1;cursor:text;width:100%;border:0;background:transparent;color:var(--ink);caret-color:var(--purple);outline:0;padding:2px 0;font-size:13px}
.search-field input::placeholder{color:#7d8298;opacity:1}.search-field input::selection{background:#dcd3ff;color:var(--ink)}
.search-clear{width:34px;height:34px;border:0;border-radius:50%;background:#f0edff;color:var(--purple);font-size:20px;cursor:pointer}.search-clear[hidden]{display:none}
.date-filter{padding:0;isolation:isolate}.date-filter-button{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 22px;border:0;background:transparent;color:var(--ink);text-align:left;cursor:pointer}.date-filter-button:focus-visible{outline:3px solid #8d73f3;outline-offset:-4px;border-radius:12px}.date-filter-chevron{font-size:20px;color:var(--purple);transition:transform .18s ease}.date-filter-button[aria-expanded=true] .date-filter-chevron{transform:rotate(180deg)}.date-filter-menu{position:absolute;z-index:12;top:calc(100% + 8px);left:0;width:max-content;min-width:100%;padding:7px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 18px 42px rgba(18,16,44,.16)}.date-filter-menu[hidden]{display:none}.date-filter-menu button{display:block;width:100%;min-width:190px;padding:11px 13px;border:0;border-radius:8px;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.date-filter-menu button:hover,.date-filter-menu button:focus-visible{outline:0;background:#f3f0ff;color:#4f31cb}.date-filter-menu button[aria-selected=true]{background:#eee9ff;color:#4f31cb;font-weight:800}
.mini-event{color:inherit;text-decoration:none}.mini-event:focus-visible,.collection:focus-visible,.city:focus-visible{outline:3px solid #8d73f3;outline-offset:3px}
.mini-event .thumb{background-size:cover;background-position:center}.truthful-empty{color:var(--muted);font-size:12px;padding:22px 0;margin:0}
.collection[data-url],.city[data-url]{cursor:pointer}.collection.is-inactive{filter:saturate(.25);opacity:.62;cursor:default}.city.is-inactive{filter:grayscale(1);opacity:.68;cursor:default}.city.is-inactive::after{background:linear-gradient(0deg,#171927e6,#25273566)}
.section-disabled,.footer-disabled{font-size:11px;color:#8d92a6}.organizer-row>.truthful-empty{grid-column:1/-1}
.follow:disabled{cursor:not-allowed;background:#f5f5f8;color:#777b8d}.socials{display:flex;gap:7px;margin:12px 0}.socials button{width:28px;height:28px;border:1px solid #303449;border-radius:50%;background:transparent;color:#7f8498}.socials button:disabled{cursor:not-allowed;opacity:.7}
.newsletter input:disabled,.newsletter button:disabled{cursor:not-allowed;opacity:.72}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:680px){.search-panel{grid-template-columns:minmax(0,1fr) auto}.search-field.grow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-column:1/-1}.search-field:not(.grow):not(.date-filter){display:none}.search-field.date-filter{display:block;grid-column:1;overflow:visible}.date-filter-button{padding:0 10px}.date-filter-menu{min-width:min(240px,calc(100vw - 64px));max-width:calc(100vw - 32px)}.search-input-copy{width:100%}.search-clear{align-self:center}.section-disabled{font-size:10px}}

/* Homepage discovery controls and denser, non-distorting hero composition. */
.icon-btn{display:inline-grid;place-items:center;min-width:40px;min-height:40px;text-decoration:none;color:var(--ink);border-radius:50%}
.icon-btn:focus-visible,.heart:focus-visible,.city-carousel-control:focus-visible,.city-row:focus-visible{outline:3px solid #8d73f3;outline-offset:3px}
.saved-nav.saved{color:var(--purple);background:#f0edff}
.city-carousel{position:relative}
.city-row{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-padding-inline:2px;padding:4px 2px 18px;margin:0;scrollbar-width:none}
.city-row::-webkit-scrollbar{display:none}
.city-row .city{flex:0 0 clamp(170px,19vw,235px);scroll-snap-align:start}
.city-carousel-control{position:absolute;z-index:4;top:50%;translate:0 -62%;width:30px;height:44px;border:0;border-radius:8px;background:#111326bf;color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 5px 16px #10111d26;opacity:.3;transition:opacity .18s ease,background .18s ease;display:grid;place-items:center}.city-carousel-control.previous{left:8px}.city-carousel-control.next{right:8px}.city-carousel:hover .city-carousel-control:not(:disabled),.city-carousel:focus-within .city-carousel-control:not(:disabled),.city-carousel-control:focus-visible{opacity:1;background:#111326e8}.city-carousel-control:disabled{opacity:0;pointer-events:none}
@media(min-width:1051px){
  .hero-scenes{width:56%;right:0;grid-template-columns:repeat(3,minmax(0,1fr))}
  .scene{width:112%;margin-left:-6%;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)}
  .scene:first-child{margin-left:0;width:106%;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
  .scene:last-child{width:106%;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%)}
}
@media(max-width:700px){
  .header-actions .icon-btn{display:inline-grid;width:34px;min-width:34px;height:34px;min-height:34px;font-size:21px}
  .city-carousel-control{display:none}.city-row{width:100%;gap:14px}
  .city-row .city{display:flex!important;flex-basis:min(72vw,230px)}
}
.footer-grid{grid-template-columns:1.35fr repeat(4,minmax(0,1fr));gap:40px}@media(max-width:980px){.footer-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:last-child{grid-column:auto}}@media(max-width:430px){.footer-grid{grid-template-columns:1fr}}
.org-logo{overflow:hidden}.org-logo img{width:100%;height:100%;object-fit:cover}
/* Retain visible keyboard focus without overriding the pre-PR #28 footer design. */
footer .footer-grid a:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* Approved wordmark: the dark footer uses a pixel-identical white-letter variant. */
.logo:not(.light){display:inline-block;flex:none;width:112px;height:26px;background:url('/assets/amatix-wordmark.png') center/contain no-repeat;font-size:0;line-height:0;letter-spacing:0;vertical-align:middle}
.logo.light{display:inline-block;width:112px;height:26px;background:url('/assets/amatix-wordmark-light.png') center/contain no-repeat;font-size:0;line-height:0;letter-spacing:0;vertical-align:middle}
@media(max-width:700px){.logo:not(.light),.logo.light{width:95px;height:22px}}