/* Premier 3434:18236 / 3442:18904: page composition, shared components and tokens. */
.zedra-editorial--club { background: #141414; color: white; }
.zedra-editorial--club .zedra-page-hero { min-block-size: 620px; }
/* Supplied banners contain lettering: preserve their original orientation. */
.zedra-editorial--club .zedra-page-hero__media img { transform: none; object-position: center; }
.zedra-editorial--club .zedra-page-hero::after { background: rgb(0 0 0 / 36%); }
.zedra-page-hero__brand { position: absolute; inset: 0; display: grid; place-items: center; padding-block-end: 40px; pointer-events: none; }
.zedra-page-hero__brand-image { inline-size: min(280px, calc(100vw - 80px)); block-size: auto; }
.zedra-page-hero--brand .zedra-page-hero__breadcrumb { margin: 0; }
.zedra-editorial--club .zedra-editorial-section { position: relative; isolation: isolate; padding-block: 120px; }
.zedra-editorial--club .zedra-premier { padding-block-start: 80px; }
.zedra-editorial--club .zedra-editorial-section::before { content: ''; position: absolute; inset-block: 0; inset-inline: 20px; z-index: -1; pointer-events: none; border-inline: 1px solid rgb(255 255 255 / 5%); background: linear-gradient(90deg, transparent calc(50% - .5px), rgb(255 255 255 / 5%) 50%, transparent calc(50% + .5px)); }
.zedra-editorial--club .zedra-section-header { color: white; border: 0; padding: 0; margin-block-end: 32px; }
.zedra-premier__intro { display: grid; gap: 20px; font-size: 16px; line-height: 24px; }
.zedra-premier__intro > p { color: rgb(255 255 255 / 78%); }
.zedra-premier__benefits { display: grid; gap: 16px; margin-block-start: 40px; }
.zedra-benefit { display: flex; flex-direction: column; justify-content: space-between; gap: 24px; min-block-size: 160px; padding: 24px; border-radius: var(--zedra-radius-media); background: #1a1a1a; }
.zedra-benefit__label { font-size: 12px; line-height: 14px; letter-spacing: 2.2px; color: rgb(255 255 255 / 65%); font-weight: 700; }
.zedra-benefit h3 { font-size: 20px; line-height: 24px; font-weight: 400; }
.zedra-benefit div > p { margin-block-start: 10px; font-size: 14px; line-height: 19.6px; color: rgb(230 230 230 / 85%); }
.zedra-premier-experience { overflow: hidden; background: rgb(10 10 10 / 64%); }
.zedra-premier-experience__atmosphere { position: absolute; inset: -40px; z-index: -2; filter: blur(36px); opacity: .18; }
.zedra-premier-experience__content { display: grid; gap: 24px; padding: 24px 20px 20px; background: rgb(22 22 22 / 96%); border: 1px solid rgb(255 255 255 / 9%); border-radius: var(--zedra-radius-media); }
.zedra-premier-experience__copy { margin-block-start: 28px; font-size: 16px; line-height: 24px; color: rgb(255 255 255 / 78%); }
.zedra-premier-experience .zedra-editorial-video { aspect-ratio: 420 / 747; }
.zedra-premier-experience .zedra-editorial-video::after { content: none; }
.zedra-premier-video__toggle { position: absolute; inset: 0; display: grid; place-items: center; inline-size: 100%; block-size: 100%; padding: 0; border: 0; background: transparent; color: white; cursor: pointer; }
.zedra-premier-video__toggle[hidden] { display: none; }
.zedra-premier-video__play { inline-size: 72px; block-size: 72px; }
.zedra-premier-video__pause { display: none; font-size: 40px; line-height: 1; background: rgb(0 0 0 / 55%); border-radius: 50%; padding: 16px; }
.zedra-premier-experience .is-playing .zedra-premier-video__play { display: none; }
.zedra-premier-experience .is-playing .zedra-premier-video__pause { display: block; opacity: 0; }
.zedra-premier-video__toggle:hover .zedra-premier-video__pause, .zedra-premier-video__toggle:focus-visible .zedra-premier-video__pause { opacity: 1; }
.zedra-premier-video__toggle:focus-visible { outline: 3px solid white; outline-offset: -6px; }
.zedra-premier-join__content { display: grid; gap: 32px; }
.zedra-premier-join__visual { position: relative; isolation: isolate; display: flex; align-items: flex-end; min-block-size: 500px; padding: 48px 24px; border-radius: var(--zedra-radius-media); overflow: hidden; }
.zedra-premier-join__media { position: absolute; inset: 0; z-index: -2; }
.zedra-premier-join__visual::after { content: ''; position: absolute; inset: 0; z-index: -1; background: rgb(0 0 0 / 56%); }
.zedra-premier-join__copy { display: grid; gap: 16px; font-size: 16px; line-height: 24px; }
.zedra-premier-join__copy > p:last-child { color: rgb(255 255 255 / 80%); }
.zedra-premier-join__note { font-size: 13px; line-height: 18px; font-weight: 700; letter-spacing: 2px; color: rgb(255 255 255 / 72%); }
.zedra-premier-form { padding: 0; gap: 32px; border-radius: 0; scroll-margin-block-start: 24px; }
.zedra-premier-form__intro { display: grid; gap: 8px; }
.zedra-premier-form__intro h2 { font-size: 26px; line-height: 32px; font-weight: 400; }
.zedra-premier-form__intro p { font-size: 16px; line-height: 24px; color: rgb(255 255 255 / 61%); }
.zedra-premier-form :where(input, select) { background-color: #111; }
.zedra-premier-form option { background: #111; color: white; }
.zedra-premier-form__consents { display: grid; gap: 14px; }
.zedra-premier-form__consent { display: flex; align-items: flex-start; gap: 12px; font-size: 13px; line-height: 18px; color: rgb(255 255 255 / 65%); cursor: pointer; }
.zedra-premier-form__consent input { flex: none; appearance: auto; accent-color: #faf7f3; inline-size: 18px; block-size: 18px; padding: 0; margin: 0; }
.zedra-premier-form__consent a { color: inherit; font-weight: 700; text-decoration: underline; }
.zedra-premier-form .zedra-button { align-self: stretch; background: #faf7f3; color: #111; border-color: #faf7f3; text-transform: uppercase; cursor: pointer; }
.zedra-premier-form__status { padding: 16px; border: 1px solid currentColor; font-size: 14px; line-height: 21px; }
.zedra-projects__grid { display: grid; gap: 48px; }
.zedra-project-card { display: flex; flex-direction: column; gap: 18px; min-inline-size: 0; }
.zedra-project-card__image { position: relative; display: block; block-size: 244px; overflow: hidden; border-radius: var(--zedra-radius-media); }
.zedra-project-card__image::after { content: ''; position: absolute; inset-inline: 0; inset-block-end: 0; block-size: 50%; background: linear-gradient(transparent, rgb(0 0 0 / 65%)); pointer-events: none; }
.zedra-project-card__image img { object-position: center 80%; }
.zedra-project-card__label { font-size: 13px; line-height: 18px; letter-spacing: 2px; text-transform: uppercase; color: rgb(255 255 255 / 58%); font-weight: 700; }
.zedra-project-card h3 { font-size: 26px; line-height: 31.2px; font-weight: 400; }
.zedra-project-card > p:not(.zedra-project-card__label) { font-size: 16px; line-height: 24px; color: rgb(255 255 255 / 75%); }
.zedra-project-card__link { font-size: 14px; line-height: 20px; font-weight: 700; }
.zedra-project-card__link a { color: inherit; }
@media (min-width: 720px) and (max-width: 1099px) {
    .zedra-premier__benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zedra-premier-experience__content { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
}
@media (min-width: 1100px) {
    .zedra-editorial--club .zedra-page-hero { min-block-size: clamp(760px, 59.6875vw, 1146px); }
    .zedra-editorial--club .zedra-page-hero::after { background: rgb(0 0 0 / 50%); }
    .zedra-page-hero__brand { padding: 0; }
    .zedra-page-hero__brand-image { inline-size: 700px; }
    .zedra-editorial--club .zedra-editorial-section { padding-block: 150px; }
    .zedra-editorial--club .zedra-editorial-section::before { inset-inline: max(60px, calc((100% - 1440px) / 2)); background: repeating-linear-gradient(90deg, transparent 0, transparent calc(25% - 1px), rgb(255 255 255 / 5%) calc(25% - 1px), rgb(255 255 255 / 5%) 25%); }
    .zedra-editorial--club .zedra-section-header { margin-block-end: 64px; }
    .zedra-premier .zedra-section-header { margin-block-end: 50px; }
    .zedra-premier__intro { grid-template-columns: minmax(0, 620px) minmax(0, 520px); justify-content: space-between; gap: 64px; min-block-size: 124px; font-size: 18px; line-height: 28.62px; }
    .zedra-premier__intro .zedra-editorial-title { font-size: 44px; line-height: 48.4px; }
    .zedra-premier__benefits { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-block-start: 86px; }
    .zedra-benefit { min-block-size: 180px; padding: 28px; }
    .zedra-benefit h3 { font-size: 22px; line-height: 26.4px; }
    .zedra-premier-experience__content { grid-template-columns: minmax(0, 600px) minmax(0, 420px); justify-content: space-between; align-items: center; gap: 64px; padding: 23.5px clamp(32px, 3.333vw, 64px); }
    .zedra-premier-experience .zedra-editorial-title { font-size: 56px; line-height: 61.6px; }
    .zedra-premier-experience .zedra-editorial-title em { font-weight: 700; }
    .zedra-premier-experience__copy { margin-block-start: 85px; font-size: 18px; line-height: 28.62px; }
    .zedra-premier-join__content { grid-template-columns: minmax(0, 600fr) minmax(0, 680fr); gap: clamp(48px, 8.333vw, 160px); align-items: center; }
    .zedra-premier-join__visual { min-block-size: 620px; padding: 49px 40px; }
    .zedra-premier-join__visual::after { background: rgb(0 0 0 / 60%); }
    .zedra-premier-form { padding: 0; gap: 24px; }
    .zedra-premier-form__intro { gap: 24px; }
    .zedra-projects__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
    .zedra-projects .zedra-editorial-heading { grid-template-columns: minmax(0, 566px) minmax(0, 520px); justify-content: space-between; }
    .zedra-project-card__image { block-size: 320px; }
}