.pg-event { background: var(--pg-color-ink); color: var(--pg-color-surface); padding-bottom: 0; } .pg-event-container { width: min(1200px, calc(100% - 80px)); margin-inline: auto; } .pg-event h1, .pg-event h2, .pg-event p { text-transform: none; } .pg-event-hero { position: relative; isolation: isolate; padding: 180px 0 100px; overflow: hidden; } .pg-event-hero.has-image { min-height: 680px; display: flex; align-items: center; } .pg-event-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; } .pg-event-hero.has-image:after { position: absolute; inset: 0; z-index: -1; content: ''; background: linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.18)), linear-gradient(0deg, rgba(0,0,0,.3), transparent); } .pg-event-hero__layout { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); align-items: center; gap: 80px; } .pg-event-hero__content:only-child { grid-column: 1 / -1; max-width: 1000px; } .pg-event .pg-event-eyebrow { font-size: 36px; line-height: 1.3; margin: 0 0 18px; } .pg-event h1 { margin: 0; font-size: 76px; line-height: 1.12; font-weight: 500; overflow-wrap: anywhere; } .pg-event h1 span { display: block; color: var(--pg-orange); } .pg-event .pg-event-subtitle { margin: 24px 0 0; font-size: 22px; line-height: 1.5; } .pg-event .pg-event-cta { display: inline-flex; justify-content: center; align-items: center; min-width: 240px; max-width: 100%; min-height: 44px; padding: 10px 24px; border: 1px solid var(--pg-orange); border-radius: var(--pg-button-radius); background: transparent; color: var(--pg-color-surface); font-size: 13px; line-height: 1.4; text-align: center; text-decoration: none; } .pg-event .pg-event-cta:hover { background: var(--pg-orange); color: var(--pg-color-ink); } .pg-event a:focus-visible { outline: 2px solid var(--pg-orange); outline-offset: 5px; } .pg-event-hero .pg-event-cta { margin-top: 42px; } .pg-event-hero__facts { padding: 32px; border: 1px solid var(--pg-color-gray); border-radius: 8px; background: rgba(10,10,10,.76); } .pg-event-facts { margin: 0; } .pg-event-fact + .pg-event-fact { margin-top: 28px; } .pg-event-fact dt { margin: 0 0 7px; color: var(--pg-orange); font-size: 13px; font-weight: 400; } .pg-event-fact dd { margin: 0; font-size: 23px; line-height: 1.45; overflow-wrap: anywhere; } .pg-event-fact--booth dd { color: var(--pg-orange); font-size: 36px; font-weight: 600; } .pg-event-intro { padding-block: 100px 64px; border-bottom: 1px solid var(--pg-color-gray); } .pg-event-intro.has-two-columns { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 90px; } .pg-event h2 { font-size: 38px; font-weight: 400; line-height: 1.22; margin: 0 0 32px; } .pg-event-richtext { font-size: 20px; line-height: 1.65; overflow-wrap: anywhere; } .pg-event-richtext p, .pg-event-richtext li { font-size: inherit; line-height: inherit; } .pg-event-richtext p { margin: 0 0 20px; } .pg-event-richtext > :last-child { margin-bottom: 0; } .pg-event-richtext h2 { margin-top: 32px; } .pg-event-richtext h3 { font-size: 28px; line-height: 1.3; } .pg-event-richtext img, .pg-event-richtext video, .pg-event-richtext iframe { max-width: 100%; } .pg-event-richtext img, .pg-event-richtext video { height: auto; } .pg-event-legacy-banner { display: block; width: 100%; height: auto; margin-bottom: 40px; border-radius: 8px; } .pg-event-richtext a, .pg-event-contact a, .pg-event-faq a:not(.pg-event-cta) { color: var(--pg-orange); } .pg-event-richtext table { display: block; max-width: 100%; overflow-x: auto; } .pg-event-introduction > .pg-event-cta { margin-top: 44px; } .pg-event-expect ul { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 42px 36px; padding: 0; margin: 36px 0 0; list-style: none; counter-reset: event-benefit; } .pg-event-expect ul > li { position: relative; margin: 0; padding-top: 44px; font-size: 17px; line-height: 1.6; counter-increment: event-benefit; } .pg-event-expect ul > li:before { position: absolute; top: 0; left: 0; display: flex; align-items: center; gap: 14px; color: var(--pg-orange); font-size: 15px; line-height: 28px; content: '0' counter(event-benefit); border-left: 2px solid var(--pg-orange); padding-left: 14px; } .pg-event-meeting { padding-block: 110px; scroll-margin-top: 100px; } .pg-event-meeting.has-booking { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 80px; align-items: start; } .pg-event-meeting__details { min-width: 0; } .pg-event-meeting:not(.has-booking) .pg-event-meeting__details { max-width: 740px; } .pg-event-meeting h2 { font-size: 48px; } .pg-event-meeting .pg-event-richtext { color: var(--pg-color-muted); font-size: 18px; } .pg-event-contact { margin-top: 36px; padding: 28px; border: 1px solid var(--pg-color-gray); border-radius: 8px; } .pg-event-contact__label, .pg-event-form-label { margin: 0 0 20px; color: var(--pg-orange); font-size: 14px; } .pg-event-contact__person { display: flex; align-items: center; gap: 18px; min-width: 0; } .pg-event-contact__person > div { min-width: 0; overflow-wrap: anywhere; } .pg-event-contact__photo { width: 72px; height: 72px; object-fit: cover; border-radius: 50%; flex-shrink: 0; } .pg-event .pg-event-contact__name { margin: 0 0 4px; font-size: 23px; line-height: 1.3; } .pg-event-contact__person a { font-size: 15px; } .pg-event-contact__address { padding-top: 22px; margin-top: 24px; border-top: 1px solid var(--pg-color-gray); color: var(--pg-color-muted); font-size: 16px; line-height: 1.6; } .pg-event-extra-image { display: block; max-width: 250px; width: 100%; height: auto; margin: 28px 0; } .pg-event-meeting__details > .pg-event-facts { margin-top: 40px; } .pg-event-meeting__details .pg-event-fact { padding-bottom: 16px; border-bottom: 1px solid var(--pg-color-gray); } .pg-event-meeting__details .pg-event-fact dd { font-size: 20px; } .pg-event-booking-frame { display: block; width: 100%; border: 0; border-radius: 8px; background: var(--pg-color-surface); } .pg-event-meeting__form { min-width: 0; } .pg-event-faq { display: flex; align-items: center; gap: 28px; padding: 28px 32px; border: 1px solid var(--pg-orange); border-radius: 8px; margin-block: 20px 110px; } .pg-event-faq > div { flex: 1; min-width: 0; overflow-wrap: anywhere; } .pg-event-faq h2 { font-size: 23px; margin: 0 0 8px; } .pg-event-faq > div > div { font-size: 15px; line-height: 1.6; color: var(--pg-color-muted); } .pg-event-faq__icon { display: grid; place-items: center; width: 24px; height: 24px; flex-shrink: 0; color: var(--pg-orange); border: 1px solid var(--pg-orange); border-radius: 50%; font-size: 16px; } .pg-event-map { position: relative; isolation: isolate; background: var(--pg-color-ink); } .pg-event-map > iframe { display: block; width: 100%; height: 460px; border: 0; filter: url('#pg-event-map-colors'); } .pg-event-map__filters { position: absolute; width: 0; height: 0; pointer-events: none; } .pg-event-map__card { position: absolute; top: 40px; left: max(40px, calc((100% - 1200px)/2)); z-index: 2; width: 330px; max-width: calc(100% - 80px); padding: 28px; border: 1px solid var(--pg-color-gray); border-radius: 8px; background: var(--pg-color-ink); pointer-events: none; } @media (max-width: 1100px) { .pg-event h1 { font-size: 64px; } .pg-event-hero__layout, .pg-event-intro.has-two-columns, .pg-event-meeting.has-booking { gap: 44px; } .pg-event-hero__facts { padding: 24px; } .pg-event-fact dd { font-size: 20px; } .pg-event h2 { font-size: 32px; } .pg-event-meeting h2 { font-size: 40px; } } @media (max-width: 767px) { .pg-event-container { width: calc(100% - 40px); } .pg-event-hero { padding: 140px 0 56px; } .pg-event-hero.has-image { min-height: 0; } .pg-event-hero__layout, .pg-event-intro.has-two-columns, .pg-event-meeting.has-booking { grid-template-columns: 1fr; gap: 40px; } .pg-event h1 { font-size: 48px; } .pg-event .pg-event-eyebrow { font-size: 26px; } .pg-event .pg-event-subtitle { font-size: 19px; } .pg-event-hero__facts { padding: 24px; } .pg-event-hero__facts .pg-event-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; } .pg-event-hero__facts .pg-event-fact { margin: 0; } .pg-event-fact dd { font-size: 18px; } .pg-event-fact--booth dd { font-size: 28px; } .pg-event-intro { padding-block: 56px; } .pg-event-richtext { font-size: 18px; } .pg-event-expect ul { gap: 30px 24px; } .pg-event-expect ul > li { font-size: 16px; } .pg-event-meeting { padding-block: 64px; } .pg-event-meeting h2 { font-size: 36px; } .pg-event-contact { padding: 24px; } .pg-event-faq { align-items: flex-start; flex-wrap: wrap; gap: 20px; padding: 24px; margin-block: 10px 64px; } .pg-event-faq .pg-event-cta { width: 100%; } .pg-event-map__card { position: static; max-width: none; width: calc(100% - 40px); margin: 24px 20px; pointer-events: auto; } .pg-event-map > iframe { height: 360px; } } @media (max-width: 420px) { .pg-event h1 { font-size: 40px; } .pg-event-expect ul { grid-template-columns: 1fr; } .pg-event-contact__person { align-items: flex-start; } .pg-event-contact__photo { width: 56px; height: 56px; } }