.event-detail{margin-top:calc(-1 * var(--header-flow-height));padding-top:calc(var(--header-shell-height) + var(--header-offset-top) + 24px);padding-bottom:48px}.event-detail .event-cover,.event-detail .event-container{width:calc(100% - 2 * var(--page-gutter));max-width:calc(var(--page-max) - 80px);margin-inline:auto}.event-detail .event-cover{border:1px solid var(--border);background:var(--card);border-radius:22px;overflow:hidden}.event-detail .event-cover img{aspect-ratio:2.6;object-fit:cover;object-position:center;width:100%;height:auto;display:block}.event-detail-heading h1{font-family:var(--font-editorial);letter-spacing:-.02em;max-width:1050px;font-size:clamp(36px,4.2vw,66px);font-weight:400;line-height:1.08}.event-detail-summary{font-family:var(--font-body);font-size:clamp(16px,1.4vw,20px);font-style:normal;line-height:1.7}.event-status-pill{background:color-mix(in srgb,var(--primary) 6%,transparent);border-radius:999px;padding:7px 12px}.event-detail .event-back-link{background:0 0;border-radius:0}.event-detail .event-back-link:hover{color:var(--primary);text-underline-offset:5px;text-decoration:underline}.event-detail .reading-layout{grid-template-columns:minmax(0,1fr) 350px;gap:clamp(32px,5vw,80px);width:100%;max-width:none;margin:48px 0 0;padding:0;display:grid}.event-detail .reading-body{min-width:0;max-width:none;font-family:var(--font-body);font-size:17px;line-height:1.85}.event-detail .reading-body h2{font-family:var(--font-editorial);font-weight:400}.event-visitor-panel{border:1px solid color-mix(in oklch,var(--foreground) 16%,transparent);background:linear-gradient(145deg,#cde5e106,transparent 50%,#d8e8e303),color-mix(in oklch,var(--card) 68%,transparent);-webkit-backdrop-filter:blur(24px)saturate(.85);border-radius:18px;box-shadow:inset 0 1px #eff9f50e,inset 0 -1px #dbefe405,0 5px 14px #00000017}.event-organizer{padding:0}.event-organizer p{margin:4px 0 0}.event-organizer span,.event-visitor-panel dt,.event-visitor-panel>h2{color:var(--primary);font-family:var(--font-body)}.event-detail .reading-sidebar{top:calc(var(--calendar-nav-bottom,100px) + 24px);align-self:start;min-width:0;position:sticky}.event-visitor-panel{padding:28px}.event-visitor-panel dl{gap:28px}.event-visitor-panel dd{line-height:1.65}.event-action{border-radius:999px;min-height:44px}.event-action:not(.read-button){--glass-tone:oklch(72% 0 0);background:color-mix(in srgb,var(--foreground) 3%,transparent);border-color:color-mix(in srgb,var(--foreground) 20%,transparent)}.event-gallery img{border:1px solid var(--border);border-radius:16px}.event-related .glass-article-card{width:100%;min-width:0}.event-related .card-category{color:var(--primary)}.event-related .card-meta{white-space:normal}@media (width<=1023px){.event-detail .reading-layout{grid-template-columns:minmax(0,1fr)}.event-detail .reading-sidebar{grid-area:1/1;display:block;position:static}.event-detail .reading-body{grid-area:2/1}.event-visitor-panel dl{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.event-detail .event-cover{border-radius:16px}.event-detail .event-cover img{aspect-ratio:1.5}.event-visitor-panel{padding:22px}.event-visitor-panel dl{grid-template-columns:1fr}.event-detail .reading-layout{margin-top:32px}}.event-detail,.event-detail :is(.event-organizer,.event-visitor-panel,.event-cover,.event-status-pill),.event-detail :is(h1,h2,p,dt,dd,a,span){transition:background-color .35s,color .35s,border-color .35s}@media (prefers-reduced-motion:reduce){.event-detail,.event-detail *{transition:none}}.event-detail{isolation:isolate;position:relative}.event-frosted-backdrop{z-index:-1;pointer-events:none;height:min(1250px,150vh);position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 22%,#000000b3 52%,#0000 100%);mask-image:linear-gradient(#000 0% 22%,#000000b3 52%,#0000 100%)}.event-frosted-backdrop img{object-fit:cover;object-position:center top;filter:none;opacity:.65;width:100%;height:100%;transform:none}.event-frosted-backdrop:after{content:"";background:radial-gradient(ellipse at 50% 15%, transparent 5%, color-mix(in srgb, var(--background) 50%, transparent) 65%, var(--background) 100%), linear-gradient(to bottom, color-mix(in srgb, var(--background) 18%, transparent), var(--background));position:absolute;inset:0}
