.fr-event .ev-hero { min-height: min(72svh, 760px); } .fr-event .fr-hero-caps { max-width: 20em; } .ev-title { position: relative; margin: 0; font-weight: 400; line-height: 1.08; letter-spacing: -0.03em; } .fr-hero-kicker a { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .ev-hero-flag { margin-left: 4px; padding: 2px 10px; border: 1px solid rgba(246, 244, 240, 0.5); border-radius: 999px; font-size: 12px; } .ev-notice { display: grid; grid-template-columns: 9em minmax(0, 1fr); gap: 8px 28px; margin-top: clamp(32px, 4vw, 56px); padding: 24px 28px; border-radius: 18px; background: var(--ground-2); } .ev-notice-mark { font-size: 15px; font-weight: 500; } .ev-notice-text p { max-width: 42em; line-height: 1.6; color: var(--ink); } .ev-notice-text p + p { margin-top: 0.8em; } .ev-notice-text a { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .ev-when { font-weight: 300; font-size: var(--t-section); line-height: 1.2; letter-spacing: -0.025em; } .ev-where { margin-top: 12px; max-width: 34em; font-size: var(--t-stand); line-height: 1.45; color: var(--soft); } .ev-where a { color: var(--ink); background: linear-gradient(var(--faint), var(--faint)) 0 100% / 100% 1px no-repeat; } .ev-where a:hover { background-image: linear-gradient(var(--ink), var(--ink)); } .ev-tagline { margin-top: clamp(24px, 2.4vw, 36px); } .ev-join .fr-week-card-h { margin-bottom: 4px; } .ev-join-going { display: flex; align-items: center; gap: 12px; margin-top: 14px; font-size: var(--t-caption); color: var(--soft); } .ev-join-state { margin-top: 18px; font-weight: 300; font-size: var(--t-title); line-height: 1.2; letter-spacing: -0.02em; } .ev-join-line { margin-top: 12px; font-size: var(--t-caption); line-height: 1.55; color: var(--soft); } .ev-join-line a { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; } .ev-join-cta { display: block; width: 100%; margin-top: 20px; border: 0; text-align: center; font: inherit; font-size: 16px; cursor: pointer; } .ev-join-book form, .ev-join .button_to { margin: 0; } .ev-join-form { display: flex; flex-direction: column; margin-top: 18px; } .ev-join-form .ev-join-cta { margin-top: 12px; } .ev-join-input { width: 100%; padding: 13px 16px; border: 1px solid var(--hair); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; font-size: 16px; outline: none; transition: border-color 0.3s; } .ev-join-input:focus { border-color: var(--faint); } .ev-join-share { margin-top: 20px; padding: 0 0 6px; border: 0; background-color: transparent; font: inherit; font-size: var(--t-caption); cursor: pointer; } .ev-join-acts { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 18px; } .ev-join-acts .fr-more, .ev-join-acts .ev-join-share { margin-top: 0; } .ev-join-quiet { margin-top: 16px; padding: 0; border: 0; background: none; font: inherit; font-size: 13px; color: var(--faint); cursor: pointer; text-decoration: underline; text-underline-offset: 3px; } .ev-join-quiet:hover { color: var(--ink); } .ev-join-book .ev-join-state { margin-top: 20px; } .ev-join-photo { margin-top: 18px; } .ev-join .event-rsvp-block { margin-top: 10px; } .ev-join .proposal-eyebrow { display: none; } .ev-join .proposal-lead, .ev-join .application-note, .ev-join .application-waitlist, .ev-join .proposal-share-line { margin-top: 12px; font-size: var(--t-caption); line-height: 1.55; color: var(--soft); } .ev-join .proposal-lead strong { color: var(--ink); font-weight: 500; } .ev-join .proposal-progress { margin-top: 16px; } .ev-join .proposal-progress-track { height: 4px; border-radius: 4px; background: var(--hair); overflow: hidden; } .ev-join .proposal-progress-fill { height: 100%; background: var(--ink); } .ev-join .proposal-progress-label { margin-top: 8px; font-size: var(--t-caption); color: var(--soft); } .ev-join .proposal-countdown { margin-top: 6px; font-size: 13px; color: var(--faint); } .ev-join .proposal-cta { display: block; width: 100%; margin-top: 18px; padding: 15px 28px; border: 0; border-radius: 999px; background: var(--ink); color: var(--ground); font: inherit; font-size: 16px; line-height: 1.2; text-align: center; cursor: pointer; } .ev-join .proposal-cta-out { background: transparent; color: var(--ink); box-shadow: inset 0 0 0 1px var(--ink); } .ev-join .button_to, .ev-join form.button_to { margin: 0; } .ev-join .proposal-share { margin-top: 14px; padding: 0 0 6px; border: 0; background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; color: var(--ink); font: inherit; font-size: var(--t-caption); cursor: pointer; } .ev-join .application-seats { margin-top: 12px; font-weight: 300; font-size: var(--t-title); line-height: 1.2; } .ev-join .application-seats-live { font-size: var(--t-caption); color: var(--soft); } .ev-join .application-fit { margin-top: 14px; } .ev-join .application-fit p { font-size: var(--t-caption); line-height: 1.55; } .ev-join .application-fit-yes { color: var(--ink); } .ev-join .application-fit-no { color: var(--faint); } .ev-join .application-form { margin-top: 14px; } .ev-join .application-q-label, .ev-join .application-edit-label { display: block; margin-top: 14px; font-size: 14px; font-weight: 500; line-height: 1.4; } .ev-join .application-q-input { width: 100%; margin-top: 8px; padding: 12px 14px; border: 1px solid var(--hair); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; font-size: 15px; line-height: 1.5; resize: vertical; outline: none; } .ev-join .application-q-input:focus { border-color: var(--faint); } .ev-join .application-edit-status { margin-top: 8px; font-size: 13px; color: var(--faint); } .ev-join .application-gaps { margin-top: 10px; padding-left: 18px; list-style: disc; font-size: var(--t-caption); line-height: 1.6; color: var(--soft); } .ev-split { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); column-gap: clamp(32px, 4vw, 72px); align-items: start; } .ev-split > .fr-h2 { margin-bottom: 0; } .ev-split-body { min-width: 0; max-width: 44em; } .ev-desc p { color: var(--ink); } .ev-sub { margin-top: clamp(36px, 3.5vw, 52px); margin-bottom: 14px; font-size: 15px; font-weight: 500; line-height: 1.35; } .ev-host-note { margin: 28px 0 0; padding: 4px 0 4px 20px; border-left: 2px solid var(--ink); } .ev-host-note p { font-size: var(--t-stand); line-height: 1.5; letter-spacing: -0.01em; } .ev-host-note footer { margin-top: 8px; font-size: var(--t-caption); color: var(--soft); } .ev-agenda li { display: grid; grid-template-columns: 7em minmax(0, 1fr); gap: 4px 24px; padding: 14px 0; border-top: 1px solid var(--hair); } .ev-agenda li:last-child { border-bottom: 1px solid var(--hair); } .ev-agenda-time { font-size: var(--t-caption); color: var(--soft); font-variant-numeric: tabular-nums; } .ev-agenda-what { display: flex; flex-direction: column; gap: 4px; } .ev-agenda-what span { font-size: var(--t-caption); color: var(--soft); line-height: 1.5; } .ev-notes div { display: grid; grid-template-columns: 9em minmax(0, 1fr); gap: 4px 24px; padding: 14px 0; border-top: 1px solid var(--hair); } .ev-notes div:last-child { border-bottom: 1px solid var(--hair); } .ev-notes dt { font-size: 15px; font-weight: 500; } .ev-notes dd { margin: 0; color: var(--soft); line-height: 1.55; } .ev-photos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; } .ev-photo { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 14px; background: var(--ground-2); } .ev-photo img { width: 100%; height: 100%; object-fit: cover; filter: var(--grade); transition: transform 1.4s var(--ease); } .ev-photo:hover img { transform: scale(1.03); } .fr-home .fr-people.ev-hosts { --cols: 5; } .fr-home .fr-people.ev-crowd { --cols: 8; gap: 28px 14px; } .ev-crowd-h { margin-top: clamp(48px, 5vw, 72px); } .ev-person-part { margin-bottom: 4px; font-size: 13px; color: var(--soft); } .ev-socials { display: flex; gap: 10px; margin-top: 8px; } .ev-social { display: inline-flex; width: 18px; height: 18px; color: var(--soft); transition: opacity 0.3s; } .ev-social svg { width: 100%; height: 100%; } .ev-social:hover { opacity: 0.7; } .ev-social-linkedin { color: #0a66c2; } .ev-social-instagram { color: #c13584; } .ev-social-x { color: var(--ink); } .ev-crowd .fr-person-name { font-size: 14px; } .ev-crowd .fr-person-co { font-size: 12.5px; } .ev-initials { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: var(--ground-2); color: var(--faint); font-weight: 300; font-size: clamp(28px, 3vw, 44px); letter-spacing: -0.02em; } .fr-person-img > img { position: relative; } .fr-person-img:not(:has(> img))::after { display: none; } .ev-there-name { font-weight: 300; font-size: var(--t-title); line-height: 1.2; letter-spacing: -0.02em; } .ev-there-addr { margin-top: 6px; color: var(--soft); } .ev-there-note { margin-top: 16px; max-width: 36em; line-height: 1.6; } .ev-there .fr-more { margin-top: 24px; } @media (max-width: 1080px) { .ev-split { display: block; } .ev-split > .fr-h2 { margin-bottom: clamp(24px, 3vw, 36px); } .ev-photos { grid-template-columns: repeat(3, minmax(0, 1fr)); } .fr-home .fr-people.ev-hosts { --cols: 4; } .fr-home .fr-people.ev-crowd { --cols: 6; } } @media (max-width: 700px) { .fr-event .ev-hero { min-height: 62svh; } .fr-event .fr-hero-caps { font-size: 26px; } .ev-notice { grid-template-columns: minmax(0, 1fr); padding: 20px; } .ev-when { font-size: 26px; } .ev-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .ev-photos > a:last-child:nth-child(odd) { grid-column: 1 / -1; aspect-ratio: 16 / 9; } .fr-home .fr-people.ev-hosts { --cols: 2; } .fr-home .fr-people.ev-crowd { --cols: 3; gap: 20px 10px; } .fr-home .fr-people.ev-crowd > li { flex-basis: calc((100% - 20px) / 3); } .ev-notes div { grid-template-columns: minmax(0, 1fr); } }