:root{--bg:#f6f3eb;--paper:#fffefb;--accent:#6452ba;--accent2:#483991;--line:#e1ddd3}
.shared-event-page{max-width:780px;margin:auto;padding:clamp(20px,4vw,40px)}.shared-event-page p{line-height:1.7;margin:0}.shared-event-page .event-cover{max-height:380px}.shared-event-page .page-title{overflow-wrap:anywhere}
.hero{position:relative;overflow:hidden;background:#eae5fa;color:#242037;border:1px solid #ded5f4;grid-template-columns:1.25fr 1fr;padding:55px;align-items:center;box-shadow:0 20px 50px #5f428714}
.hero:before{content:'';position:absolute;width:310px;height:310px;border-radius:50%;background:#d9eea4;right:-140px;top:-190px}
.hero h1{font-size:clamp(44px,5.8vw,73px);line-height:1.03;letter-spacing:-3px;max-width:650px}
.hero h1 em{color:#6950ad;font-weight:400}.hero p{color:#5f586e;font-size:17px;line-height:1.65}.hero .eyebrow{color:#675584}.hero .row{margin-top:24px}
.gather-art{position:relative;min-height:340px;display:grid;place-items:center;isolation:isolate}.gather-art:before{content:'';position:absolute;inset:5%;border:1px dashed #b7a9d6;border-radius:50%;transform:rotate(-20deg)}
.gather-table{width:215px;height:215px;background:#d5e5a5;border:12px solid #f7f8e9;border-radius:50%;display:grid;place-items:center;text-align:center;box-shadow:0 14px 30px #65548522;transform:rotate(-8deg);font:italic 30px Georgia,serif;line-height:1.2;color:#344027}
.gather-person{position:absolute;width:55px;height:55px;border-radius:50%;background:#9b83cf;border:7px solid #f7f2ff;box-shadow:0 7px 16px #49365516}.gather-person:nth-child(2){top:11px;left:42%;background:#ce8569}.gather-person:nth-child(3){top:40%;right:5%;background:#748ca5}.gather-person:nth-child(4){bottom:15px;left:43%;background:#ccae68}.gather-person:nth-child(5){top:40%;left:4%;background:#9079b9}
.art-label{position:absolute;background:#fffefa;border:1px solid #e5ded8;border-radius:14px;padding:12px 16px;box-shadow:0 9px 20px #48306713;font-size:13px;font-weight:750;transform:rotate(-5deg);bottom:25px;right:-5px}.art-label.top-label{top:22px;left:0;bottom:auto;right:auto;transform:rotate(5deg)}
.formats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:20px}.format-card{padding:22px;border-radius:20px;border:1px solid var(--line);background:#fffdf8;display:flex;gap:14px;align-items:center}.format-card:nth-child(2){background:#f0ebfa}.format-card:nth-child(3){background:#edf1df}.format-card svg{width:32px;height:32px;flex-shrink:0;stroke:#65538c;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.format-card strong{display:block;font-family:Georgia,serif;font-size:20px;margin-bottom:5px}.format-card span{font-size:12px;color:var(--muted);line-height:1.5;display:block}.how-intro{margin-top:30px;border-bottom:1px solid var(--line);padding:0 0 26px;display:flex;gap:28px;align-items:center}.how-intro h2{font:28px Georgia,serif;margin:0;flex:1}.how-intro p{flex:2;margin:0;color:var(--muted);font-size:14px;line-height:1.7}
@media(max-width:900px){.hero{padding:32px;grid-template-columns:1fr 1fr}.gather-art{min-height:300px}.formats{gap:10px}.format-card{padding:16px;flex-direction:column;align-items:flex-start}.gather-table{width:180px;height:180px}}
@media(max-width:650px){.hero{padding:28px 22px;grid-template-columns:1fr}.hero h1{letter-spacing:-1.7px;font-size:46px}.gather-art{min-height:270px;max-width:350px;width:100%;margin:auto}.hero .row{margin-top:20px}.formats{grid-template-columns:1fr}.format-card{flex-direction:row;align-items:center}.how-intro{display:block}.how-intro h2{margin-bottom:12px}.art-label{right:0}}
