/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

html { scroll-behavior: smooth; background-color: #fff; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; text-size-adjust: none; }

body { font-family: sans-serif; font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; }

abbr, address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video, a, a:hover { background: transparent; border: 0; font-weight: inherit; line-height: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; list-style: none; text-decoration: none; }

article, aside, dialog, figure, footer, header, hgroup, main, nav, section { display: block; position: relative; }

*, :after, :before { box-sizing: border-box; margin: 0; padding: 0; }

img { width: 100%; height: auto; }

input, textarea { border: 0; border-radius: 0; }

@font-face { font-family: "gt_cinetypebold"; src: url("/assets/fonts/gt-cinetype-bold-webfont.otf") format("otf"), url("/assets/fonts/gt-cinetype-bold-webfont.woff2") format("woff2"), url("/assets/fonts/gt-cinetype-bold-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

[style*="--aspect-ratio"] > :first-child { width: 100%; }

[style*="--aspect-ratio"] > img { height: auto; }

@supports (--custom: property) { [style*="--aspect-ratio"] { position: relative; }
  [style*="--aspect-ratio"]::before { content: ""; display: block; padding-bottom: calc(100% / (var(--aspect-ratio))); }
  [style*="--aspect-ratio"] > :first-child { position: absolute; top: 0; left: 0; height: 100%; } }

html { background-color: #ae8beb; }

body { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; background-color: #ae8beb; }

iframe { grid-column: 7 / span 13 !important; width: 100% !important; height: 100% !important; aspect-ratio: 16 / 9 !important; }

.burger { position: relative; background-color: transparent; border: none; display: flex; flex-flow: row; align-items: center; z-index: 4; cursor: pointer; }

.burger:hover { text-decoration: underline; }

.burger__label { text-decoration: none; text-transform: uppercase; font-family: "Karla", sans-serif; font-weight: 400; font-size: 1em; color: #380f09; letter-spacing: 0; position: relative; }

@media (max-width: 575px) { .burger__label { display: none; } }

.burger__icon-close, .burger__icon-open { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; fill: #380f09; }

.burger__icon-close-left, .burger__icon-open-left { margin-right: 8px; }

.burger__icon-close-right, .burger__icon-open-right { margin-left: 8px; }

.burger__icon-open { width: 20px; display: block; }

.burger__icon-close { fill: #fff; display: none; }

.burger.status-open .burger__icon-open { display: none; }

.burger.status-open .burger__icon-close { display: block; }

.btn, .btn:hover { display: flex; justify-content: center; align-items: center; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 1em; flex-flow: row; padding: 18px 40px 17px; width: 100%; background-color: #42cca5; border: none; text-align: center; text-decoration: none; cursor: pointer; }

@media (min-width: 577px) { .btn, .btn:hover { width: auto; } }

.btn:focus { outline: none; }

.btn:hover { background-color: rgba(253, 64, 34, 0.8); transition: all 0.25s ease-out; }

.btn-negative { background-color: #000; }

.btn-negative:hover { background-color: rgba(0, 0, 0, 0.8); }

.btn__label { position: relative; color: #fff; }

.btn-negative .btn__label { color: #fff; }

.btn__label-sufix { font-size: 13px; color: #fff; display: block; }

.btn-negative .btn__label-sufix { color: #000; }

.btn__icon { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; }

.btn__icon-left { margin-right: 6px; }

.btn__icon-right { margin-left: 0; }

.btn-link-external { position: relative; }

.btn-link-external::after { content: ""; position: absolute; top: 6px; right: 6px; width: 16px; height: 16px; background: url("/assets/media/icons/icon-external-link.svg") 0 0/cover no-repeat; }

.btn-link-external-negative { position: relative; }

.btn-link-external-negative::after { content: ""; position: absolute; top: 10px; right: 10px; width: 16px; height: 16px; background: url("/assets/media/icons/icon-external-link.svg") 0 0/cover no-repeat; }

a { color: #fff; }

a:focus, a:hover { color: rgba(255, 255, 255, 0.8); text-decoration: none; }

.link { display: flex; flex-flow: row; align-items: center; text-decoration: none; width: fit-content; }

.link-right { text-align: right; }

.link__label { font-size: 1em; font-weight: 700; color: #380f09; letter-spacing: -0.5px; position: relative; padding-bottom: 0.375em; }

.link__label-external { white-space: nowrap; }

.link__label-external::after { content: ""; position: absolute; top: -8px; right: -24px; width: 24px; height: 24px; background: url("/assets/media/icons/icon-external-link.svg") 0 0/cover no-repeat; }

.link__icon { display: flex; justify-content: center; align-items: center; width: 24px; height: 24px; min-width: 24px; margin-top: -0.375em; }

.link__icon-left { margin-right: 8px; }

.link__icon-right { margin-left: 8px; }

.link__icon-close { display: none; }

.link-negative .link__label { color: #ffdfda; }

.link-negative .link__label-external::after { background: url("/assets/media/icons/icon-external-link.svg") 0 0/cover no-repeat; }

.link:hover .link__label { color: rgba(255, 255, 255, 0.8); font-weight: 700; background: transparent linear-gradient(90deg, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 0) no-repeat; background-size: 200% 2px; background-position: 100% 100%; }

.link.link-negative:hover .link__label { color: rgba(255, 255, 255, 0.8); background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; }

.container { width: 100%; margin-right: auto !important; margin-left: auto !important; }

.container-fluid { width: 100vw; padding-right: 20px; padding-left: 20px; }

.row { display: flex; flex-flow: row wrap; }

.justify-content-center { justify-content: center; }

.column { display: flex; flex-flow: column wrap; }

.align-content-center { align-content: center; align-items: center; }

.none { display: none !important; }

.w-full { width: 100%; }

.w-screen { width: 100vw; }

.grecaptcha-badge { position: relative !important; right: 0 !important; bottom: 0 !important; margin: 20px 0; }

@media (min-width: 576px) { .container-fluid { width: 100vw; padding-right: 40px; padding-left: 40px; } .row { margin-left: -40px; } .col-sm-1 { width: calc( (100% - (480px)) / 12 + (0px)); margin-left: 40px; } .col-sm-2 { width: calc( (100% - (480px)) / 24 + (40px)); margin-left: 40px; } .col-sm-3 { width: calc( (100% - (480px)) / 36 + (80px)); margin-left: 40px; } .col-sm-4 { width: calc( (100% - (480px)) / 48 + (120px)); margin-left: 40px; } .col-sm-5 { width: calc( (100% - (480px)) / 60 + (160px)); margin-left: 40px; } .col-sm-6 { width: calc( (100% - (480px)) / 72 + (200px)); margin-left: 40px; } .col-sm-7 { width: calc( (100% - (480px)) / 84 + (240px)); margin-left: 40px; } .col-sm-8 { width: calc( (100% - (480px)) / 96 + (280px)); margin-left: 40px; } .col-sm-9 { width: calc( (100% - (480px)) / 108 + (320px)); margin-left: 40px; } .col-sm-10 { width: calc( (100% - (480px)) / 120 + (360px)); margin-left: 40px; } .col-sm-11 { width: calc( (100% - (480px)) / 132 + (400px)); margin-left: 40px; } .col-sm-12 { width: calc( (100% - (480px)) / 144 + (440px)); margin-left: 40px; } }

@media (min-width: 768px) { .container-fluid { width: 100vw; padding-right: 60px; padding-left: 60px; } .row { margin-left: -40px; } .col-md-1 { width: calc( (100% - (480px)) / 12 + (0px)); margin-left: 40px; } .col-md-2 { width: calc( (100% - (480px)) / 24 + (40px)); margin-left: 40px; } .col-md-3 { width: calc( (100% - (480px)) / 36 + (80px)); margin-left: 40px; } .col-md-4 { width: calc( (100% - (480px)) / 48 + (120px)); margin-left: 40px; } .col-md-5 { width: calc( (100% - (480px)) / 60 + (160px)); margin-left: 40px; } .col-md-6 { width: calc( (100% - (480px)) / 72 + (200px)); margin-left: 40px; } .col-md-7 { width: calc( (100% - (480px)) / 84 + (240px)); margin-left: 40px; } .col-md-8 { width: calc( (100% - (480px)) / 96 + (280px)); margin-left: 40px; } .col-md-9 { width: calc( (100% - (480px)) / 108 + (320px)); margin-left: 40px; } .col-md-10 { width: calc( (100% - (480px)) / 120 + (360px)); margin-left: 40px; } .col-md-11 { width: calc( (100% - (480px)) / 132 + (400px)); margin-left: 40px; } .col-md-12 { width: calc( (100% - (480px)) / 144 + (440px)); margin-left: 40px; } }

@media (min-width: 992px) { .container-fluid { width: 100vw; padding-right: 60px; padding-left: 60px; } .row { margin-left: -40px; } .col-lg-1 { width: calc( (100% - (480px)) / 12 + (0px)); margin-left: 40px; } .col-lg-2 { width: calc( (100% - (480px)) / 24 + (40px)); margin-left: 40px; } .col-lg-3 { width: calc( (100% - (480px)) / 36 + (80px)); margin-left: 40px; } .col-lg-4 { width: calc( (100% - (480px)) / 48 + (120px)); margin-left: 40px; } .col-lg-5 { width: calc( (100% - (480px)) / 60 + (160px)); margin-left: 40px; } .col-lg-6 { width: calc( (100% - (480px)) / 72 + (200px)); margin-left: 40px; } .col-lg-7 { width: calc( (100% - (480px)) / 84 + (240px)); margin-left: 40px; } .col-lg-8 { width: calc( (100% - (480px)) / 96 + (280px)); margin-left: 40px; } .col-lg-9 { width: calc( (100% - (480px)) / 108 + (320px)); margin-left: 40px; } .col-lg-10 { width: calc( (100% - (480px)) / 120 + (360px)); margin-left: 40px; } .col-lg-11 { width: calc( (100% - (480px)) / 132 + (400px)); margin-left: 40px; } .col-lg-12 { width: calc( (100% - (480px)) / 144 + (440px)); margin-left: 40px; } }

@media (min-width: 1200px) { .container-fluid { width: 100vw; padding-right: 60px; padding-left: 60px; } .row { margin-left: -40px; } .col-xl-1 { width: calc( (100% - (480px)) / 12 + (0px)); margin-left: 40px; } .col-xl-2 { width: calc( (100% - (480px)) / 24 + (40px)); margin-left: 40px; } .col-xl-3 { width: calc( (100% - (480px)) / 36 + (80px)); margin-left: 40px; } .col-xl-4 { width: calc( (100% - (480px)) / 48 + (120px)); margin-left: 40px; } .col-xl-5 { width: calc( (100% - (480px)) / 60 + (160px)); margin-left: 40px; } .col-xl-6 { width: calc( (100% - (480px)) / 72 + (200px)); margin-left: 40px; } .col-xl-7 { width: calc( (100% - (480px)) / 84 + (240px)); margin-left: 40px; } .col-xl-8 { width: calc( (100% - (480px)) / 96 + (280px)); margin-left: 40px; } .col-xl-9 { width: calc( (100% - (480px)) / 108 + (320px)); margin-left: 40px; } .col-xl-10 { width: calc( (100% - (480px)) / 120 + (360px)); margin-left: 40px; } .col-xl-11 { width: calc( (100% - (480px)) / 132 + (400px)); margin-left: 40px; } .col-xl-12 { width: calc( (100% - (480px)) / 144 + (440px)); margin-left: 40px; } .container-fluid { width: calc(100vw - (100vw - 100%)); } }

@media (min-width: 1520px) { .container-fluid { width: 100vw; padding-right: 60px; padding-left: 60px; } .row { margin-left: -80px; } .col-xxl-1 { width: calc( (100% - (960px)) / 12 + (0px)); margin-left: 80px; } .col-xxl-2 { width: calc( (100% - (960px)) / 24 + (80px)); margin-left: 80px; } .col-xxl-3 { width: calc( (100% - (960px)) / 36 + (160px)); margin-left: 80px; } .col-xxl-4 { width: calc( (100% - (960px)) / 48 + (240px)); margin-left: 80px; } .col-xxl-5 { width: calc( (100% - (960px)) / 60 + (320px)); margin-left: 80px; } .col-xxl-6 { width: calc( (100% - (960px)) / 72 + (400px)); margin-left: 80px; } .col-xxl-7 { width: calc( (100% - (960px)) / 84 + (480px)); margin-left: 80px; } .col-xxl-8 { width: calc( (100% - (960px)) / 96 + (560px)); margin-left: 80px; } .col-xxl-9 { width: calc( (100% - (960px)) / 108 + (640px)); margin-left: 80px; } .col-xxl-10 { width: calc( (100% - (960px)) / 120 + (720px)); margin-left: 80px; } .col-xxl-11 { width: calc( (100% - (960px)) / 132 + (800px)); margin-left: 80px; } .col-xxl-12 { width: calc( (100% - (960px)) / 144 + (880px)); margin-left: 80px; } .container { max-width: 1440px; } .container-fluid { width: calc(100vw - (100vw - 100%)); } }

@media screen and (min-width: 319px) and (max-width: 320px) { .g-recaptcha { transform: scale(0.79); transform-origin: left; } }

.header { position: absolute; z-index: 3; display: flex; justify-content: space-between; align-items: center; margin-top: 2em; }

@media (min-width: 768px) { .header { display: grid; grid-template-columns: repeat(24, 1fr); grid-gap: 16px; grid-column-gap: 16px; justify-content: center; } }

.header__volume { justify-self: left; }

@media (min-width: 768px) { .header__volume { grid-column: 2; } }

.header__volume .link__label { font-family: "Karla", sans-serif; font-weight: 400; font-size: 15px; color: #380f09; letter-spacing: 0.62px; text-transform: uppercase; }

.header__volume .link { z-index: 4; }

.header__logo { text-align: center; }

@media (min-width: 768px) { .header__logo { grid-column: 4 / span 18; } }

.header__logo h4 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 11px; font-weight: 400; color: #380f09; letter-spacing: 0; text-align: center; text-transform: uppercase; display: block; margin-bottom: 0.5em; }

@media (min-width: 768px) { .header__logo h4 { margin-bottom: 1em; font-size: 13px; } }

.header__logo img, .header__logo svg { max-width: 224px; fill: #380f09; }

@media (max-width: 575px) { .header__logo img, .header__logo svg { max-width: 129px; } }

.header__locale-selector { justify-self: right; }

@media (min-width: 768px) { .header__locale-selector { grid-column: -4 / span 3; } }

.header__locale-selector .link { z-index: 4; }

.pj-volume-menu, .pj-sitemap-menu { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: #000; z-index: 3; padding: 120px 20px 20px; flex-flow: column; justify-content: flex-start; overflow: scroll; display: none; }

.pj-volume-menu.status-open, .status-open.pj-sitemap-menu { display: flex; }

@media (min-width: 992px) { .pj-volume-menu, .pj-sitemap-menu { width: 43vw; padding: 120px 60px; } }

@media (min-width: 1200px) { .pj-volume-menu, .pj-sitemap-menu { width: 33vw; } }

.pj-volume-menu li a, .pj-sitemap-menu li a { display: flex; flex-flow: row; margin-bottom: 64px; opacity: 0.4; }

.pj-volume-menu li a:hover, .pj-sitemap-menu li a:hover, .pj-volume-menu li a.select, .pj-sitemap-menu li a.select { opacity: 1; }

.pj-volume-menu hr, .pj-sitemap-menu hr { margin-bottom: 64px; border-bottom-width: 3px; }

.pj-volume-menu__img { max-width: 106px; margin-right: 16px; }

.pj-volume-menu__text { display: flex; flex-flow: column nowrap; justify-content: flex-end; align-items: flex-start; }

.pj-volume-menu__number, .pj-sitemap-menu__article { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 18px; color: #fff; letter-spacing: 0; text-align: center; border-bottom: 3px solid #fff; padding-bottom: 0.25em; margin-bottom: 1em; margin-left: 1em; }

@media (min-width: 768px) { .pj-volume-menu__number, .pj-sitemap-menu__article { font-size: 20px; margin-left: 1.5em; } }

.pj-volume-menu__title, .pj-sitemap-menu__title, .pj-sitemap-menu__category { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.4px; }

@media (min-width: 768px) { .pj-volume-menu__title, .pj-sitemap-menu__title, .pj-sitemap-menu__category { font-size: 28px; } }

.pj-sitemap-menu__article { text-align: left; }

.pj-language-menu { position: fixed; top: 0; right: 0; width: 33vw; height: 100vh; background-color: #000; z-index: 3; padding: 120px 20px 20px; flex-flow: column; justify-content: flex-start; overflow: scroll; display: none; }

.pj-language-menu.status-open { display: flex; }

@media (min-width: 992px) { .pj-language-menu { width: 43vw; padding: 120px 60px; } }

@media (min-width: 1200px) { .pj-language-menu { width: 33vw; } }

.pj-language-menu li a { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.4px; display: flex; flex-flow: row; margin-bottom: 24px; opacity: 0.4; }

@media (min-width: 768px) { .pj-language-menu li a { font-size: 28px; } }

.pj-language-menu li a:hover { opacity: 1; }

.pj-language-menu li a.active { opacity: 1; }

.pj-nav-vertical { position: fixed; z-index: 1; top: 0; left: 16px; width: 100vh; }

@media (min-width: 768px) { .pj-nav-vertical { left: 64px; } }

.pj-nav-vertical ul { display: flex; flex-flow: row nowrap; justify-content: center; transform: rotate(-90deg); transform-origin: left top; position: absolute; top: 100vh; width: 100vh; }

.pj-nav-vertical li { margin: auto 8px; }

@media (min-width: 768px) { .pj-nav-vertical li { margin: auto 12px; } }

.pj-nav-vertical a { font-family: "Karla", sans-serif; font-weight: 400; font-size: 12px; color: #380f09; letter-spacing: 0.62px; text-transform: uppercase; padding-bottom: 6px !important; }

@media (min-width: 768px) { .pj-nav-vertical a { font-size: 15px; } }

.pj-nav-vertical a:hover, .pj-nav-vertical a.select { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 89%; color: #fff; }

@media (min-width: 768px) { #pj-article-share { position: fixed; z-index: 1; top: calc(100vh / 2); left: 88vw; } }

#pj-article-share .social-share__container { display: flex; flex-flow: row nowrap; justify-content: flex-start; }

@media (min-width: 768px) { #pj-article-share .social-share__container { transform: rotate(-90deg); transform-origin: center; position: absolute; top: 40%; width: auto; margin: 0; } }

#pj-article-share .social-share__container figcaption { margin: 0; font-weight: 700; color: #380f09; line-height: 1.5rem; }

#pj-article-share .social-share__container ul { margin: 0; padding-left: 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; line-height: 1.2rem; }

#pj-article-share .social-share__container li { list-style-type: none; margin: auto 0 auto 0.8rem; }

#pj-article-share .social-share__container li::before { content: none; }

@media (max-width: 768px) { #pj-article-share .social-share__container li { display: flex; } }

#pj-article-share .social-share__container a { text-align: right; font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #380f09; letter-spacing: -0.7px; }

@media (min-width: 768px) { #pj-article-share .social-share__container a { padding-bottom: 6px !important; font-size: 16px; } }

#pj-article-share .social-share__container a:hover, #pj-article-share .social-share__container a.select { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 89%; color: #fff; }

.grid { display: flex; flex-flow: column; }

@media (min-width: 768px) { .grid { display: grid; grid-template-columns: repeat(24, 1fr); grid-gap: 16px; grid-column-gap: 16px; grid-row-gap: 128px; } }

.pj-articles article { cursor: pointer; }

.heroimage { z-index: 2; position: relative; width: 100vw; height: 100vh; overflow: hidden; background-color: #42cca5; background-image: var(--heroimage-background-image); background-size: cover; }

.heroimage.grid { display: grid; grid-template-rows: repeat(24, 1fr); grid-template-columns: repeat(12, 1fr); }

.heroimage__text { grid-column: 2 / span 6; grid-row: 5; }

@media (max-width: 992px) { .heroimage__text { grid-column: 2 / span 16; } }

@media (min-width: 768px) { .heroimage__text { grid-row: 2; } }

.heroimage h1 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 2rem; color: #fff; letter-spacing: -1px; }

@media (min-width: 375px) { .heroimage h1 { font-size: 2rem; } }

@media (min-width: 768px) { .heroimage h1 { font-size: 4rem; } }

@media (min-width: 1200px) { .heroimage h1 { font-size: 6rem; } }

.heroimage h4 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 40px; line-height: 122%; color: #fff; letter-spacing: 0; text-align: center; border-bottom: 6px solid #fff; display: inline-block; margin-bottom: 16px; }

@media (min-width: 768px) { .heroimage h4 { font-size: calc(80px * 0.75); border-bottom-width: calc(11px * 0.75); } }

@media (min-width: 1520px) { .heroimage h4 { font-size: 80px; border-bottom-width: 11px; } }

.heroimage__arrow { position: absolute; width: 48px; height: 48px; cursor: pointer; }

.heroimage__arrow:hover, .heroimage__arrow:focus { fill: rgba(255, 255, 255, 0.8); }

.heroimage__arrow.heroimage__arrow_bottom { bottom: 40px; left: calc(50% - 24px); }

.heroimage__arrow.heroimage__arrow_prev { top: calc(50% - 24px); left: 40px; }

.heroimage__arrow.heroimage_arrow_next { top: calc(50% - 24px); right: 40px; }

.heroimage__volume_navigation { display: grid; grid-template-columns: repeat(24, 1fr); align-items: center; }

.heroimage__volume_navigation .arrow { width: 62px; height: 62px; cursor: pointer; }

.heroimage__volume_navigation .arrow_prev { grid-column: 1; }

.heroimage__volume_navigation h4 { grid-column: 3; }

.heroimage__volume_navigation .arrow_next { grid-column: 5; }

.heroimage .img-fullsize { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.heroimage .img-fullsize img { object-fit: cover; width: 100%; height: 100%; object-position: center bottom; }

.heroimage .img-fullsize::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(66, 204, 165, 0.5); }

@media (min-width: 768px) { .heroimage .img-fullsize::after { background: rgba(66, 204, 165, 0.3); } }

@media (min-width: 1520px) { .heroimage .img-fullsize::after { background: rgba(66, 204, 165, 0.1); } }

@media (max-width: 992px) { .heroimage { background-image: var(--heroimage-mobile-cover-image); } }

#main, .pj-related-articles .pj-articles, #rethink { padding-top: 80px; padding-bottom: 24px; }

@media (min-width: 768px) { #main, .pj-related-articles .pj-articles, #rethink { padding-top: 224px; padding-bottom: 224px; grid-row-gap: 32px; } }

@media (min-width: 375px) { #main .grid, .pj-related-articles .pj-articles .grid, #rethink .grid { grid-template-columns: 1fr 1fr; } }

@media (min-width: 768px) { #main .grid, .pj-related-articles .pj-articles .grid, #rethink .grid { grid-template-columns: repeat(24, 1fr); } }

#main .row-articles, .pj-related-articles .pj-articles .row-articles, #rethink .row-articles { width: 100%; padding-left: 60px; grid-column: 1 / 3; }

@media (min-width: 768px) { #main .row-articles, .pj-related-articles .pj-articles .row-articles, #rethink .row-articles { padding-left: 0; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(100, auto); grid-gap: 129px; grid-row-gap: 0; } #main .row-articles:nth-child(odd), .pj-related-articles .pj-articles .row-articles:nth-child(odd), #rethink .row-articles:nth-child(odd) { grid-column: 4/-4; } #main .row-articles:nth-child(odd) article, .pj-related-articles .pj-articles .row-articles:nth-child(odd) article, #rethink .row-articles:nth-child(odd) article { grid-column: 2/3; grid-row: 20/100; } #main .row-articles:nth-child(odd) article:first-child, .pj-related-articles .pj-articles .row-articles:nth-child(odd) article:first-child, #rethink .row-articles:nth-child(odd) article:first-child { grid-column: 1/2; grid-row: 1/67; } #main .row-articles:nth-child(even), .pj-related-articles .pj-articles .row-articles:nth-child(even), #rethink .row-articles:nth-child(even) { grid-column: 5/-3; } #main .row-articles:nth-child(even) article, .pj-related-articles .pj-articles .row-articles:nth-child(even) article, #rethink .row-articles:nth-child(even) article { grid-column: 2/3; grid-row: 20/100; } #main .row-articles:nth-child(even) article:first-child, .pj-related-articles .pj-articles .row-articles:nth-child(even) article:first-child, #rethink .row-articles:nth-child(even) article:first-child { grid-column: 1/2; grid-row: 1/67; } }

#main .highlighted, .pj-related-articles .pj-articles .highlighted, #rethink .highlighted { display: flex; flex-flow: column; align-items: flex-start; margin-bottom: 64px; }

@media (min-width: 768px) { #main .highlighted, .pj-related-articles .pj-articles .highlighted, #rethink .highlighted { margin-bottom: inherit; } }

#main .highlighted h3, .pj-related-articles .pj-articles .highlighted h3, #rethink .highlighted h3 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #380f09; letter-spacing: -0.4px; line-height: 115%; }

@media (min-width: 992px) { #main .highlighted h3, .pj-related-articles .pj-articles .highlighted h3, #rethink .highlighted h3 { font-size: 40px; padding-top: 8px; } }

#main .highlighted h3 a, .pj-related-articles .pj-articles .highlighted h3 a, #rethink .highlighted h3 a { color: #380f09; }

#main .highlighted h3 a.select, .pj-related-articles .pj-articles .highlighted h3 a.select, #main .highlighted h3 a:hover, .pj-related-articles .pj-articles .highlighted h3 a:hover, #rethink .highlighted h3 a.select, #rethink .highlighted h3 a:hover { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 100%; color: #fff; }

#main .highlighted h4, .pj-related-articles .pj-articles .highlighted h4, #rethink .highlighted h4 { transform: rotate(-90deg); transform-origin: left top; font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #fff; letter-spacing: 0.62px; text-transform: uppercase; padding-top: 24px; }

#main .highlighted h4 a, .pj-related-articles .pj-articles .highlighted h4 a, #rethink .highlighted h4 a { color: #fff; padding-bottom: 6px; }

#main .highlighted h4 a.select, .pj-related-articles .pj-articles .highlighted h4 a.select, #main .highlighted h4 a:hover, .pj-related-articles .pj-articles .highlighted h4 a:hover, #rethink .highlighted h4 a.select, #rethink .highlighted h4 a:hover { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 89%; color: #fff; }

#main .highlighted h5, .pj-related-articles .pj-articles .highlighted h5, #rethink .highlighted h5 { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #380f09; letter-spacing: -0.7px; text-align: right; margin-top: 1em; position: relative; align-self: flex-end; }

@media (min-width: 768px) { #main .highlighted h5, .pj-related-articles .pj-articles .highlighted h5, #rethink .highlighted h5 { font-size: 16px; } }

#main .highlighted h5::before, .pj-related-articles .pj-articles .highlighted h5::before, #rethink .highlighted h5::before { content: ""; position: absolute; bottom: 3px; left: -24px; width: 16px; height: 2px; background-color: #42cca5; }

#main .highlighted-horizontal img, .pj-related-articles .pj-articles .highlighted-horizontal img, #rethink .highlighted-horizontal img { margin: 0 auto; max-width: calc(100% - 32px); align-self: center; }

#main .highlighted-vertical img, .pj-related-articles .pj-articles .highlighted-vertical img, #rethink .highlighted-vertical img { margin: 0 auto; max-width: calc(100% - 32px); align-self: center; }

#main .highlighted-interviews .interviewee, .pj-related-articles .pj-articles .highlighted-interviews .interviewee, #rethink .highlighted-interviews .interviewee { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 1em; line-height: 115%; color: #fff; letter-spacing: -0.4px; background-color: #42cca5; display: block; width: fit-content; padding: 0.188em 0.375em; margin-bottom: 0.25em; }

#stories { background-color: #42cca5; padding-top: 80px; padding-bottom: 80px; }

@media (min-width: 768px) { #stories { padding-top: 224px; padding-bottom: 224px; grid-row-gap: 32px; } }

#stories .highlighted { display: flex; flex-flow: column; align-items: center; margin-bottom: 96px; margin-left: 60px; }

#stories .highlighted:last-child { margin-bottom: 0; }

@media (min-width: 768px) { #stories .highlighted { margin-left: inherit; display: grid; grid-template-columns: repeat(16, 1fr); grid-gap: 16px; grid-column-gap: 16px; } }

#stories .highlighted .col1, #stories .highlighted .col2 { display: flex; flex-direction: column; align-items: center; }

@media (max-width: 575px) { #stories .highlighted .col1 { padding: 0 2em 1.5em; } }

@media (min-width: 768px) { #stories .highlighted:nth-child(odd) { grid-column: 6 / span 17; } #stories .highlighted:nth-child(odd) .col1 { grid-area: 1 / 1 / 1 / 7; position: relative; } #stories .highlighted:nth-child(odd) .col2 { grid-area: 1 / 8 / 1 / -1; } #stories .highlighted:nth-child(even) { grid-column: 4 / span 17; } #stories .highlighted:nth-child(even) .col1 { grid-area: 1 / -1 / 1 / -7; position: relative; } #stories .highlighted:nth-child(even) .col2 { grid-area: 1 / 1 / 1 / -8; } }

#stories .highlighted h3 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #fff; letter-spacing: -0.4px; text-align: center; margin-bottom: 0.375em; }

@media (min-width: 768px) { #stories .highlighted h3 { font-size: 64px; } }

#stories .highlighted h3 a { color: #fff; }

#stories .highlighted h3 a:hover { text-decoration: underline; }

#stories .highlighted h4 { transform: rotate(-90deg); transform-origin: left top; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 0.62px; text-transform: uppercase; position: absolute; top: 60px; left: 0; }

@media (min-width: 768px) { #stories .highlighted h4 { top: 72px; left: -32px; } }

#stories .highlighted h4 a { color: #fff; padding-bottom: 6px; }

#stories .highlighted h4 a.select, #stories .highlighted h4 a:hover { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 89%; color: #fff; }

#stories .highlighted p { font-family: "Karla", sans-serif; font-weight: 500; font-size: 22px; line-height: 120%; color: #fff; letter-spacing: -1px; text-align: center; margin-bottom: 1em; }

@media (min-width: 768px) { #stories .highlighted p { font-size: 32px; } }

#reports { padding-top: 80px; padding-bottom: 80px; }

@media (min-width: 768px) { #reports { padding-top: 224px; padding-bottom: 224px; grid-row-gap: 32px; } }

#reports .highlighted { display: flex; flex-flow: column; align-items: center; margin-bottom: 96px; margin-left: 60px; }

#reports .highlighted:last-child { margin-bottom: 0; }

#reports .highlighted .col1 { padding-left: 40px; }

@media (min-width: 768px) { #reports .highlighted .col1 { padding-left: inherit; } }

#reports .highlighted .col2 { display: flex; flex-direction: column; align-items: flex-start; background-color: #42cca5; padding: 24px; margin: -40px auto 0 0; width: calc(100% - 20px); z-index: 1; }

@media (min-width: 768px) { #reports .highlighted .col2 { padding: 32px; margin: auto; width: 100%; } }

@media (min-width: 768px) { #reports .highlighted { margin-left: inherit; display: grid; grid-template-columns: repeat(16, 1fr); grid-gap: 16px; grid-column-gap: 16px; margin-bottom: 96px; } #reports .highlighted:last-child { margin-bottom: 0; } #reports .highlighted:nth-child(odd) { grid-column: 4 / -4; } #reports .highlighted:nth-child(odd) .col1 { grid-area: 1 / 1 / 1 / -7; position: relative; } #reports .highlighted:nth-child(odd) .col2 { grid-area: 1 / -9 / 1 / -1; z-index: 1; } #reports .highlighted:nth-child(even) { grid-column: 5 / -3; } #reports .highlighted:nth-child(even) .col1 { grid-area: 1 / 8 / 1 / -1; position: relative; } #reports .highlighted:nth-child(even) .col2 { grid-area: 1 / 1 / 1 / -9; z-index: 1; } }

#reports .highlighted h3 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; line-height: 110%; color: #fff; letter-spacing: -0.4px; margin-bottom: 0.6em; }

@media (max-width: 375px) { #reports .highlighted h3 { font-size: calc(40px * 0.5); } }

@media (min-width: 768px) { #reports .highlighted h3 { font-size: 40px; line-height: 120%; } }

#reports .highlighted h3 a { color: #fff; }

#reports .highlighted h3 a:hover { text-decoration: underline; }

#reports .highlighted h4 { transform: rotate(-90deg); transform-origin: left top; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 14px; color: #fff; letter-spacing: 0.62px; text-transform: uppercase; position: absolute; top: 64px; left: 0; }

@media (min-width: 768px) { #reports .highlighted h4 { top: 80px; left: -32px; } }

#reports .highlighted h4 a { color: #fff; padding-bottom: 6px; }

#reports .highlighted h4 a.select, #reports .highlighted h4 a:hover { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 89%; color: #fff; }

@media (min-width: 768px) { #reports .highlighted:nth-child(odd) h4 { transform-origin: right bottom; right: -32px; top: -12px; left: auto; } }

#reports img[src*="sticker"] { z-index: 2; position: relative; }

.pj-featured { padding-top: 80px; padding-bottom: 0; padding-left: 60px; }

@media (min-width: 768px) { .pj-featured { padding-top: 160px; padding-left: 128px; padding-right: 60px; } }

.pj-featured__title { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 0.62px; margin-bottom: 32px; }

.pj-featured__grid { display: grid; grid-template-columns: 1fr; grid-gap: 32px; }

@media (min-width: 576px) { .pj-featured__grid { grid-template-columns: repeat(2, 1fr); } }

.pj-featured__link { display: flex; flex-flow: column; align-items: flex-start; color: #380f09; }

.pj-featured__link img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; margin-bottom: 12px; }

.pj-featured__category { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 0.62px; margin: 0 0 4px; }

.pj-featured__heading { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 24px; color: #380f09; line-height: 115%; margin: 0; }

@media (min-width: 992px) { .pj-featured__heading { font-size: 32px; } }

.pj-featured__heading .interviewee { display: block; width: fit-content; background-color: #42cca5; color: #fff; padding: 0.188em 0.375em; margin-bottom: 0.25em; }

.pj-edition-pager .pager { border-top-width: 2px; }

.pj-videos { padding-top: 48px; padding-bottom: 48px; }

@media (min-width: 768px) { .pj-videos { padding-top: 72px; padding-bottom: 72px; } }

.pj-videos__title { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #380f09; letter-spacing: -0.4px; margin-bottom: 32px; }

@media (min-width: 992px) { .pj-videos__title { font-size: 40px; } }

.pj-videos__grid { display: grid; grid-template-columns: 1fr; grid-gap: 32px; }

@media (min-width: 576px) { .pj-videos__grid { grid-template-columns: repeat(2, 1fr); } }

@media (min-width: 992px) { .pj-videos__grid { grid-template-columns: repeat(3, 1fr); } }

.pj-videos__channel { display: inline-flex; align-items: center; margin-top: 96px; }

.pj-videos--in-journal { padding-left: 60px; }

@media (min-width: 768px) { .pj-videos--in-journal { padding-left: 128px; padding-right: 60px; } }

.pj-videos-page { background-color: #efeaf8; }

.pj-videos-page.pj-page { padding-top: 88px; }

@media (min-width: 768px) { .pj-videos-page.pj-page { padding-top: 120px; } }

.pj-videos-page .pj-videos { width: 100vw; position: relative; left: 50%; margin-left: -50vw; margin-right: -50vw; padding: 48px 24px; }

@media (min-width: 768px) { .pj-videos-page .pj-videos { padding: 72px 60px; } }

.pj-videos-page .pj-videos:nth-of-type(3n + 1) { background-color: #a78be4; }

.pj-videos-page .pj-videos:nth-of-type(3n + 2) { background-color: #42cca5; }

.pj-videos-page .pj-videos:nth-of-type(3n + 3) { background-color: #84d8fb; }

.pj-videos-page .pj-videos__title, .pj-videos-page .pj-video-card__title, .pj-videos-page .pj-video-card__description { color: #380f09; }

.pj-video-card { display: flex; flex-flow: column; align-items: stretch; }

.pj-video-card--featured .pj-video-card__thumb { box-shadow: 0 0 0 3px #42cca5; }

.pj-video-card__thumb { position: relative; display: block; width: 100%; margin: 0 0 16px; padding: 0; border: 0; background: #000; cursor: pointer; overflow: hidden; }

.pj-video-card__thumb img { display: block; width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover; transition: transform 0.3s ease; }

.pj-video-card__thumb::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 60%); transition: background 0.3s ease; }

.pj-video-card__thumb:hover img, .pj-video-card__thumb:focus-visible img { transform: scale(1.04); }

.pj-video-card__play { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(0, 0, 0, 0.6); pointer-events: none; transition: background 0.2s ease, transform 0.2s ease; }

.pj-video-card__play::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-42%, -50%); border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #fff; }

.pj-video-card__thumb:hover .pj-video-card__play, .pj-video-card__thumb:focus-visible .pj-video-card__play { background: #42cca5; transform: translate(-50%, -50%) scale(1.08); }

.pj-video-card__iframe { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 16px; border: 0; display: block; }

.pj-video-card__text { display: flex; flex-flow: column; align-items: flex-start; gap: 8px; width: 100%; }

.pj-video-card__title { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 20px; color: #380f09; letter-spacing: -0.2px; line-height: 120%; margin: 0; }

.pj-video-card__description { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #380f09; margin: 0; }

.pj-video-card__article { margin-top: 4px; }

.pj-cookie-notice { position: fixed; bottom: 0; width: 100%; background-color: #000; z-index: 1; justify-items: start; align-items: center; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 96px auto; grid-gap: 16px; padding: 16px; }

@media (min-width: 768px) { .pj-cookie-notice { grid-template-columns: minmax(149px, 149px) 1fr auto auto; grid-gap: 32px; padding: 32px; padding-top: calc(32px + 24px); } }

@media (max-width: 768px) { .pj-cookie-notice__img { grid-column: span 2; } }

.pj-cookie-notice__img img { display: block; margin: auto; background: #42cca5; padding: 16px; }

@media (max-width: 768px) { .pj-cookie-notice__img img { max-width: 50%; } }

.pj-cookie-notice__button { width: 100%; }

@media (min-width: 768px) { .pj-cookie-notice__button { margin: 0; } }

.pj-cookie-notice__text { width: 100%; display: flex; flex-direction: column; gap: 1em; color: #fff; grid-column: span 2; }

@media (min-width: 768px) { .pj-cookie-notice__text { grid-column: span 1; justify-self: start; margin: 0; } }

.pj-cookie-notice__text__title { margin-bottom: 0.25em; margin-top: 0; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.4px; color: #fff; }

@media (min-width: 768px) { .pj-cookie-notice__text__title { font-size: 32px; } }

.pj-cookie-notice__text__subtitle { font-size: 14px; }

@media (min-width: 768px) { .pj-cookie-notice__text__subtitle { font-size: 17px; } }

.pj-page, .pj-page-section { padding-top: 136px; }

@media (min-width: 768px) { .pj-page, .pj-page-section { padding-top: 224px; padding-left: inherit; } }

.pj-page .grid, .pj-page-section .grid { grid-template-columns: repeat(24, 1fr); grid-row-gap: 32px; }

@media (max-width: 768px) { .pj-page .grid, .pj-page-section .grid { padding-left: 60px; grid-row-gap: 16px; } }

.pj-page .pj-collaborators, .pj-page-section .pj-collaborators { grid-column: span 24; padding: 64px; background: #000; }

.pj-page .pj-collaborators h2, .pj-page-section .pj-collaborators h2 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #ffdfda; letter-spacing: -0.4px; line-height: 115%; padding-bottom: 64px; }

@media (min-width: 768px) { .pj-page .pj-collaborators h2, .pj-page-section .pj-collaborators h2 { font-size: 40px; } }

.pj-page .pj-collaborators__list, .pj-page-section .pj-collaborators__list { display: flex; flex-direction: column; gap: 32px; justify-content: space-between; align-items: center; }

@media (min-width: 768px) { .pj-page .pj-collaborators__list, .pj-page-section .pj-collaborators__list { display: grid; grid-template-columns: repeat(4, 1fr); } }

@media (min-width: 992px) { .pj-page .pj-collaborators__list, .pj-page-section .pj-collaborators__list { grid-template-columns: repeat(6, 1fr); } }

.pj-page .pj-collaborators__list .pj-collaborator, .pj-page-section .pj-collaborators__list .pj-collaborator { width: 100%; }

.pj-page .pj-collaborators__list .pj-collaborator img, .pj-page-section .pj-collaborators__list .pj-collaborator img { min-height: 1em; width: 100%; }

@media (min-width: 992px) { .pj-page .pj-collaborators__list .pj-collaborator, .pj-page-section .pj-collaborators__list .pj-collaborator { min-height: 3em; width: auto; align-items: self-end; } }

.pj-page .pj-collaborators__list .pj-collaborator__background, .pj-page-section .pj-collaborators__list .pj-collaborator__background { padding: 20px; background: #ffdfda; }

.pj-header-simple { grid-column: 4 / -3; }

.pj-header-simple h1 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 36px; color: #fff; letter-spacing: -1px; line-height: 105%; text-wrap: balance; }

.pj-header-simple h1 span { background-color: #42cca5; }

@media (min-width: 768px) { .pj-header-simple h1 { font-size: 80px; } }

@media (min-width: 768px) { .pj-hero { margin-bottom: 96px; display: grid; grid-template-columns: repeat(16, 1fr); grid-gap: 16px; grid-column-gap: 16px; grid-column: 4 / -3; justify-items: start; align-items: start; } .pj-hero__text { grid-column: 1 / 11; grid-row: 1; z-index: 1; } }

.pj-hero__data { display: flex; flex-flow: column; margin-bottom: 0.75em; }

@media (min-width: 768px) { .pj-hero__data { display: grid; grid-template-columns: repeat(10, 1fr); grid-gap: 16px; grid-column-gap: 16px; } }

.pj-hero__data__date, .pj-hero__data__author { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #380f09; letter-spacing: -0.7px; margin-bottom: 1em; }

.pj-hero__data__date:focus, .pj-hero__data__date:hover, .pj-hero__data__author:focus, .pj-hero__data__author:hover { margin-bottom: 1em; }

@media (min-width: 768px) { .pj-hero__data__date, .pj-hero__data__author { font-size: 16px; } }

.pj-hero__data__data { grid-column: 1 / span 3; }

.pj-hero__data__author { grid-column: 4 / -1; position: relative; cursor: pointer; }

.pj-hero__data__author:hover, .pj-hero__data__author:focus { transition: all 300ms ease-in-out; transform: scale(1.1); }

@media (max-width: 768px) { .pj-hero__data__author { margin-left: 24px; } }

@media (min-width: 1200px) { .pj-hero__data__author { grid-column: 4 / -4; } }

.pj-hero__data__author::before { content: ""; position: absolute; bottom: 3px; left: -24px; width: 16px; height: 2px; background-color: #fff; }

.pj-hero__img { grid-column: 8 / -1; grid-row: 1; justify-self: right; }

.pj-hero h1 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 36px; color: #fff; letter-spacing: -1px; line-height: 105%; margin-bottom: 0.75em; }

@media (min-width: 768px) { .pj-hero h1 { font-size: 80px; } }

.pj-hero h1 .interviewee { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 0.75em; line-height: 115%; color: #fff; letter-spacing: -0.5px; background-color: #42cca5; display: block; width: fit-content; padding: 0.188em 0.375em; margin-bottom: 0.25em; }

.pj-hero h4 { font-family: "Karla", sans-serif; font-weight: 500; font-size: 16px; color: #fff; letter-spacing: 0.8px; text-transform: uppercase; margin-bottom: 1em; }

@media (min-width: 768px) { .pj-hero h4 { font-size: 19px; } }

.pj-hero h4 a { color: #fff; padding-bottom: 6px; }

.pj-hero h4 a:hover, .pj-hero h4 a.select { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 89%; color: #fff; }

svg { fill: #fff; }

.btn-close { position: absolute; right: 32px; top: 32px; background: none; border: none; cursor: pointer; }

.btn-close .icon-close { width: 24px; }

.pj-page blockquote, .pj-page-section blockquote { grid-column: 7 / span 13; }

.pj-page iframe, .pj-page-section iframe { grid-column: 5 / span 17; }

.pj-page p, .pj-page ul, .pj-page ol, .pj-page hr, .pj-page-section p, .pj-page-section ul, .pj-page-section ol, .pj-page-section hr { font-family: "Karla", sans-serif; font-weight: 400; font-size: 18px; color: #380f09; letter-spacing: -0.5px; line-height: 160%; grid-column: 7 / span 13; }

@media (min-width: 768px) { .pj-page p, .pj-page ul, .pj-page ol, .pj-page hr, .pj-page-section p, .pj-page-section ul, .pj-page-section ol, .pj-page-section hr { font-size: 19px; } }

.pj-page strong, .pj-page-section strong { font-weight: 700; }

.pj-page hr, .pj-page-section hr { margin-top: 0.75em; margin-bottom: 0.75em; }

.pj-page h2, .pj-page .pj-article > p:first-of-type, .pj-page-section h2, .pj-page-section .pj-article > p:first-of-type { font-family: "Karla", sans-serif; font-weight: 400; font-size: 24px; color: #380f09; letter-spacing: -1px; line-height: 130%; grid-column: 7 / span 13; }

@media (min-width: 768px) { .pj-page h2, .pj-page .pj-article > p:first-of-type, .pj-page-section h2, .pj-page-section .pj-article > p:first-of-type { font-size: 32px; } }

.pj-page h3, .pj-page-section h3 { font-family: "Karla", sans-serif; font-weight: 700; font-size: 21px; color: #380f09; letter-spacing: -0.8px; line-height: 130%; margin-top: 0.75em; grid-column: 7 / span 13; }

@media (min-width: 768px) { .pj-page h3, .pj-page-section h3 { font-size: 22px; margin-top: 1.5em; } }

.pj-page h4, .pj-page-section h4 { font-family: "Karla", sans-serif; font-weight: 700; font-size: 21px; color: #380f09; letter-spacing: -0.8px; line-height: 130%; margin-top: 0.75em; grid-column: 7 / span 13; font-family: "Karla", sans-serif; font-weight: 700; font-size: 18px; }

@media (min-width: 768px) { .pj-page h4, .pj-page-section h4 { font-size: 22px; margin-top: 1.5em; } }

.pj-page h5, .pj-page-section h5 { font-family: "Karla", sans-serif; font-weight: 700; font-size: 21px; color: #380f09; letter-spacing: -0.8px; line-height: 130%; margin-top: 0.75em; grid-column: 7 / span 13; font-family: "Karla", sans-serif; font-weight: 700; font-size: 16px; }

@media (min-width: 768px) { .pj-page h5, .pj-page-section h5 { font-size: 22px; margin-top: 1.5em; } }

.pj-page ul, .pj-page ol, .pj-page-section ul, .pj-page-section ol { font-family: "Karla", sans-serif; font-weight: 400; font-size: 18px; color: #380f09; letter-spacing: -0.5px; padding-left: 2em; grid-column: 7 / span 13; }

@media (min-width: 768px) { .pj-page ul, .pj-page ol, .pj-page-section ul, .pj-page-section ol { font-size: 19px; } }

.pj-page ul li, .pj-page ol li, .pj-page-section ul li, .pj-page-section ol li { margin-bottom: 1em; position: relative; line-height: 130%; }

.pj-page ul li, .pj-page-section ul li { display: list-item; }

.pj-page ul li::before, .pj-page-section ul li::before { position: absolute; content: ""; width: 24px; height: 24px; background: url("/assets/media/icons/icon-dot.svg") 0 0/cover no-repeat; top: -3px; left: -24px; }

.pj-page .pj-article > ul, .pj-page .pj-article > ol, .pj-page-section .pj-article > ul, .pj-page-section .pj-article > ol { padding: 0 0 0 40px; }

.pj-page .pj-article > ul li, .pj-page-section .pj-article > ul li { display: list-item; }

.pj-page .pj-article > ul li::before, .pj-page-section .pj-article > ul li::before { position: absolute; content: ""; width: 24px; height: 24px; background: url("/assets/media/icons/icon-dot.svg") 0 0/cover no-repeat; top: -3px; left: -24px; }

.pj-page .pj-article ol li, .pj-page-section .pj-article ol li { list-style-type: decimal; }

.pj-page p .link-external, .pj-page em .link-external, .pj-page strong .link-external, .pj-page-section p .link-external, .pj-page-section em .link-external, .pj-page-section strong .link-external { position: relative; }

.pj-page p .link-external::after, .pj-page em .link-external::after, .pj-page strong .link-external::after, .pj-page-section p .link-external::after, .pj-page-section em .link-external::after, .pj-page-section strong .link-external::after { mask-image: url("/assets/media/icons/icon-external-link.svg"), none; mask-mode: alpha; mask-repeat: no-repeat; mask-size: contain; mask-position: 0.25em; -webkit-mask-image: url("/assets/media/icons/icon-external-link.svg"), none; -webkit-mask-mode: alpha; -webkit-mask-repeat: no-repeat; -webkit-mask-size: contain; -webkit-mask-position: 0.25em; content: ""; display: inline-block; font-size: 0.5em; width: 1.5em; height: 1.5em; margin: 0; background-color: #fff; }

.pj-page p .link-external:focus::after, .pj-page p .link-external:hover::after, .pj-page em .link-external:focus::after, .pj-page em .link-external:hover::after, .pj-page strong .link-external:focus::after, .pj-page strong .link-external:hover::after, .pj-page-section p .link-external:focus::after, .pj-page-section p .link-external:hover::after, .pj-page-section em .link-external:focus::after, .pj-page-section em .link-external:hover::after, .pj-page-section strong .link-external:focus::after, .pj-page-section strong .link-external:hover::after { background-color: rgba(255, 255, 255, 0.8); }

.pj-article[data-category="deep-dives"] > h2 { grid-column: 3 / span 24; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #fff; letter-spacing: -1px; margin-bottom: 0.5em; }

@media (min-width: 768px) { .pj-article[data-category="deep-dives"] > h2 { letter-spacing: -6px; font-size: 64px; margin-bottom: 0; } }

.pj-article[data-category="stories"] > p { font-size: 24px; }

.pj-article[data-category="stories"] > p:last-of-type::after { content: ""; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; background-color: #fff; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.25rem; margin-bottom: -1px; }

@media (min-width: 768px) { .pj-article[data-category="stories"] > p:last-of-type::after { font-size: 64px; } }

.pj-article p { text-wrap: balance; }

.pj-article > blockquote { border-left: 4px solid #fff; font-style: italic; padding-left: 40px; }

.pj-article > blockquote em { font-style: normal; }

.pj-article iframe { max-width: 100%; }

.pj-page-section { min-height: calc(100vh - 10em); padding-top: 136px; }

@media (min-width: 768px) { .pj-page-section { padding-top: 224px; } }

.pj-page-section .pj-header-simple { grid-column: 4 / -3; }

.pj-page-section .pj-header-simple h1 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 36px; color: #fff; letter-spacing: -1px; line-height: 105%; }

@media (min-width: 768px) { .pj-page-section .pj-header-simple h1 { font-size: 80px; } }

.pj-page-section .pj-category-articles { margin-bottom: 128px; grid-column: 4 / -3; }

.pj-page-section .pj-category-articles li { border-bottom: 1px solid #ffcdc5; padding-top: 32px; padding-bottom: 32px; }

@media (min-width: 768px) { .pj-page-section .pj-category-articles li { display: grid; grid-template-columns: repeat(19, 1fr); grid-gap: 16px; grid-column-gap: 16px; justify-items: start; align-items: center; } }

.pj-page-section .pj-category-articles li::before { content: none; }

.pj-page-section .pj-category-articles .pj-category-articles__text { display: flex; flex-flow: column; align-items: flex-start; grid-column: 2 / span 11; width: 100%; }

.pj-page-section .pj-category-articles .pj-category-articles__img { margin-top: 1.5em; }

@media (min-width: 768px) { .pj-page-section .pj-category-articles .pj-category-articles__img { grid-column: 15 / -2; justify-self: center; align-self: center; margin-top: 0; } }

.pj-page-section .pj-category-articles .pj-category-articles__img img.horizontal { max-width: 227px; }

.pj-page-section .pj-category-articles .pj-category-articles__img img.vertical { max-width: 160px; }

.pj-page-section .pj-category-articles h3 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #380f09; letter-spacing: -0.2px; line-height: 115%; margin-top: 0; }

@media (min-width: 768px) { .pj-page-section .pj-category-articles h3 { font-size: 32px; } }

.pj-page-section .pj-category-articles h3 .interviewee { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 1em; line-height: 115%; color: #fff; letter-spacing: -0.4px; background-color: #42cca5; display: block; width: fit-content; padding: 0.188em 0.375em; margin-bottom: 0.25em; }

.pj-page-section .pj-category-articles h3 a { color: #380f09; }

.pj-page-section .pj-category-articles h3 a:hover, .pj-page-section .pj-category-articles h3 a.select { background: transparent linear-gradient(90deg, #fff 50%, #fff 0) no-repeat; background-size: 200% 2px; background-position: 100% 100%; color: #fff; }

.pj-page-section .pj-category-articles h5 { font-family: "Karla", sans-serif; font-weight: 400; font-size: 15px; color: #380f09; letter-spacing: -0.7px; text-align: right; margin-top: 1em; position: relative; align-self: flex-end; }

@media (min-width: 768px) { .pj-page-section .pj-category-articles h5 { font-size: 16px; } }

.pj-page-section .pj-category-articles h5::before { content: ""; position: absolute; bottom: 3px; left: -24px; width: 16px; height: 2px; background-color: #fff; }

.pager { border-top: 1px solid #ffcdc5; margin-top: 32px; padding: 40px 20px 40px 80px; }

@media (min-width: 768px) { .pager { padding: 80px 0; } }

.pager li { grid-column: 4 / span 9; }

@media (max-width: 768px) { .pager li:first-child { margin-bottom: 1em; } }

.pager li:nth-child(even) { grid-column: 13 / span 10; justify-self: self-end; }

.pager li a { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 21px; color: #fff; letter-spacing: -0.4px; }

.pager li a svg.svg-icon-arrow_right_big path, .pager li a svg.svg-icon-arrow_left_big path { fill-rule: evenodd; clip-rule: evenodd; fill: #42cca5; }

@media (max-width: 768px) { .pager li a { flex-flow: column; align-items: flex-start; } .pager li a.link-right { align-items: flex-end; } }

@media (min-width: 768px) { .pager li a { font-size: 24px; } }

.pager .link__icon { width: 40px; height: 40px; }

@media (min-width: 768px) { .pager .link__icon { width: 64px; height: 64px; } }

.pj-related-articles .grid { grid-row-gap: 16px; padding-left: 60px; }

.pj-related-articles h2 { grid-column: 4 / span 18; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; color: #380f09; letter-spacing: -0.2px; line-height: 115%; margin-top: 0; }

@media (min-width: 768px) { .pj-related-articles h2 { font-size: 40px; } }

.pj-related-articles .pj-articles { padding-top: 32px; padding-bottom: 0; }

@media (min-width: 768px) { .pj-related-articles .pj-articles { padding-bottom: 32px; display: grid; grid-template-columns: repeat(24, 1fr); grid-column-gap: 16px; grid-column: 4 / span 18; } }

.pj-related-articles .pj-articles .highlighted { grid-column: span 8; justify-content: flex-end; }

@media (max-width: 768px) { .pj-related-articles .pj-articles .highlighted:last-child { margin-bottom: 32px; } }

.pj-related-articles .pj-articles .highlighted h3 { font-size: 18px; }

@media (min-width: 768px) { .pj-related-articles .pj-articles .highlighted h3 { font-size: 19px; } }

.pj-related-articles .pj-articles .highlighted h5 { max-width: 20em; }

.pj-related-articles .pj-articles .highlighted h5::before { content: none; }

.pj-related-articles .pj-articles .highlighted .interviewee { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 1em; line-height: 115%; color: #fff; letter-spacing: -0.4px; background-color: #42cca5; display: block; width: fit-content; padding: 0.188em 0.375em; margin-bottom: 0.25em; }

.footer { display: flex; flex-flow: column; justify-content: space-between; align-content: center; align-items: flex-start; border-top: 1px solid #ffcdc5; padding-top: 2.5em; padding-bottom: 2.5em; row-gap: 2em; }

@media (min-width: 768px) { .footer { flex-flow: row; align-content: center; align-items: center; padding-bottom: 4em; } }

.footer__copyright { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #380f09; letter-spacing: -0.4px; margin-bottom: 1em; }

@media (min-width: 768px) { .footer__copyright { font-size: 15px; width: 18rem; } }

.footer__nav { width: 100%; }

.footer__nav ul { display: grid; justify-content: flex-start; grid-template-columns: repeat(2, 1fr); gap: 1em; }

@media (min-width: 768px) { .footer__nav ul { display: flex; justify-content: flex-end; flex-direction: row; } }

.footer__nav li { margin-right: 16px; }

.footer__nav a { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #380f09; letter-spacing: -0.4px; }

@media (min-width: 768px) { .footer__nav a { font-size: 15px; } }

.footer__nav a:hover { text-decoration: underline; }

.footer .powered_by ul li:not(:last-child) { margin-bottom: 1em; }

.pj-nav-vertical ~ .footer { padding-left: 48px; }

@media (min-width: 768px) { .pj-nav-vertical ~ .footer { padding-left: 104px; } }

.pj-sticker { pointer-events: none; position: fixed; z-index: 2; width: 20vw; }

@media (min-width: 768px) { .pj-sticker { width: 10vw; } }

.pj-stickers-layout-one .pj-sticker-one { left: 10vw; top: 25vh; }

.pj-stickers-layout-one .pj-sticker-one.animation-glitch { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 4s; animation-duration: 6s; animation-name: glitch-effect; }

.pj-stickers-layout-one .pj-sticker-one.animation-breathe { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 2s; animation-duration: 11s; animation-name: breathe-effect; }

.pj-stickers-layout-one .pj-sticker-two { right: 10vw; top: 50vh; }

.pj-stickers-layout-one .pj-sticker-two.animation-glitch { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 4s; animation-duration: 6s; animation-name: glitch-effect; }

.pj-stickers-layout-one .pj-sticker-two.animation-breathe { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 3s; animation-duration: 12s; animation-name: breathe-effect; }

.pj-stickers-layout-two .pj-sticker-one { left: 10vw; top: 80vh; }

.pj-stickers-layout-two .pj-sticker-one.animation-glitch { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 5s; animation-duration: 7s; animation-name: glitch-effect; }

.pj-stickers-layout-two .pj-sticker-one.animation-breathe { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 7s; animation-duration: 11s; animation-name: breathe-effect; }

.pj-stickers-layout-two .pj-sticker-two { right: 10vw; top: 40vh; }

.pj-stickers-layout-two .pj-sticker-two.animation-glitch { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 1s; animation-duration: 9s; animation-name: glitch-effect; }

.pj-stickers-layout-two .pj-sticker-two.animation-breathe { animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-timing-function: linear; animation-delay: 5s; animation-duration: 12s; animation-name: breathe-effect; }

.pj-sticker-preview { display: flex; flex-direction: column; max-width: 40vw; gap: 1rem; margin: auto; margin-top: 3rem; align-items: center; }

.pj-sticker-preview .pj-sticker { position: relative; width: 10vw; object-fit: contain; }

@keyframes glitch-effect { 0% { transform: none;
    opacity: 1; }
  1% { transform: none;
    opacity: 1; }
  2% { transform: none;
    opacity: 1; }
  3% { transform: none;
    opacity: 1; }
  4% { transform: none;
    opacity: 1; }
  5% { transform: none;
    opacity: 1; }
  6% { transform: none;
    opacity: 1; }
  7% { transform: none;
    opacity: 1; }
  8% { transform: none;
    opacity: 1; }
  9% { transform: none;
    opacity: 1; }
  10% { transform: none;
    opacity: 1; }
  11% { transform: none;
    opacity: 1; }
  12% { transform: none;
    opacity: 1; }
  13% { transform: none;
    opacity: 1; }
  14% { transform: none;
    opacity: 1; }
  15% { transform: none;
    opacity: 1; }
  16% { transform: none;
    opacity: 1; }
  17% { transform: none;
    opacity: 1; }
  18% { transform: none;
    opacity: 1; }
  19% { transform: none;
    opacity: 1; }
  20% { transform: none;
    opacity: 1; }
  21% { transform: none;
    opacity: 1; }
  22% { transform: none;
    opacity: 1; }
  23% { transform: none;
    opacity: 1; }
  24% { transform: none;
    opacity: 1; }
  25% { transform: none;
    opacity: 1; }
  26% { transform: none;
    opacity: 1;
    transform: skew(2deg) translate(0, 313px);
    opacity: 0.15; }
  27% { transform: none;
    opacity: 1;
    transform: scale(0.1);
    opacity: 0.5; }
  28% { transform: none;
    opacity: 1; }
  29% { transform: none;
    opacity: 1; }
  30% { transform: none;
    opacity: 1; }
  31% { transform: none;
    opacity: 1; }
  32% { transform: none;
    opacity: 1; }
  33% { transform: none;
    opacity: 1; }
  34% { transform: none;
    opacity: 1; }
  35% { transform: none;
    opacity: 1; }
  36% { transform: none;
    opacity: 1; }
  37% { transform: none;
    opacity: 1; }
  38% { transform: none;
    opacity: 1; }
  39% { transform: none;
    opacity: 1; }
  40% { transform: none;
    opacity: 1; }
  41% { transform: none;
    opacity: 1; }
  42% { transform: none;
    opacity: 1; }
  43% { transform: none;
    opacity: 1; }
  44% { transform: none;
    opacity: 1; }
  45% { transform: none;
    opacity: 1; }
  46% { transform: none;
    opacity: 1; }
  47% { transform: none;
    opacity: 1; }
  48% { transform: none;
    opacity: 1; }
  49% { transform: none;
    opacity: 1; }
  50% { transform: none;
    opacity: 1; }
  51% { transform: none;
    opacity: 1; }
  52% { transform: none;
    opacity: 1; }
  53% { transform: none;
    opacity: 1; }
  54% { transform: none;
    opacity: 1; }
  55% { transform: none;
    opacity: 1; }
  56% { transform: none;
    opacity: 1; }
  57% { transform: none;
    opacity: 1; }
  58% { transform: none;
    opacity: 1; }
  59% { transform: none;
    opacity: 1; }
  60% { transform: none;
    opacity: 1; }
  61% { transform: none;
    opacity: 1; }
  62% { transform: none;
    opacity: 1; }
  63% { transform: none;
    opacity: 1; }
  64% { transform: none;
    opacity: 1; }
  65% { transform: none;
    opacity: 1; }
  66% { transform: none;
    opacity: 1; }
  67% { transform: none;
    opacity: 1; }
  68% { transform: none;
    opacity: 1; }
  69% { transform: none;
    opacity: 1; }
  70% { transform: none;
    opacity: 1; }
  71% { transform: none;
    opacity: 1; }
  72% { transform: none;
    opacity: 1; }
  73% { transform: none;
    opacity: 1; }
  74% { transform: none;
    opacity: 1; }
  75% { transform: none;
    opacity: 1; }
  76% { transform: none;
    opacity: 1; }
  77% { transform: none;
    opacity: 1; }
  78% { transform: none;
    opacity: 1; }
  79% { transform: none;
    opacity: 1; }
  80% { transform: none;
    opacity: 1; }
  81% { transform: none;
    opacity: 1; }
  82% { transform: none;
    opacity: 1; }
  83% { transform: none;
    opacity: 1; }
  84% { transform: none;
    opacity: 1; }
  85% { transform: none;
    opacity: 1; }
  86% { transform: none;
    opacity: 1; }
  87% { transform: none;
    opacity: 1; }
  88% { transform: none;
    opacity: 1; }
  89% { transform: none;
    opacity: 1; }
  90% { transform: none;
    opacity: 1; }
  91% { transform: none;
    opacity: 1; }
  92% { transform: none;
    opacity: 1; }
  93% { transform: none;
    opacity: 1; }
  94% { transform: none;
    opacity: 1; }
  95% { transform: none;
    opacity: 1; }
  96% { transform: none;
    opacity: 1; }
  97% { transform: none;
    opacity: 1; }
  98% { transform: none;
    opacity: 1; }
  99% { transform: none;
    opacity: 1; }
  100% { transform: none;
    opacity: 1; } }

@keyframes breathe-in-out { 0% { transform: scale(1); }
  50% { transform: scale(1.025); }
  100% { transform: scale(1); } }

@keyframes breathe-effect { 0% { transform: scale(0.75); }
  100% { transform: scale(1); } }

@keyframes slide-left { 0% { transform: translateX(100vw); }
  100% { transform: translateX(0vw); } }

@keyframes slide-right { 0% { transform: translateX(-100vw); }
  100% { transform: translateX(0vw); } }

.btn:focus, .btn:hover { transition: all 300ms ease-in-out; transform: translateX(10px); }

@media (min-width: 992px) { .pj-hero__text { animation: slide-right 600ms ease-in-out; } .pj-hero__img img { animation: slide-left 600ms ease-in-out; } .pj-cta { animation: breathe-in-out 3000ms ease-in-out; animation-iteration-count: infinite; animation-fill-mode: both; } }

.pj-cta { padding: 16px; margin-top: 96px; margin-bottom: 32px; grid-column: 5 / span 17; background-color: #42cca5; justify-items: start; align-items: start; }

@media (min-width: 768px) { .pj-cta { display: grid; grid-template-columns: minmax(149px, 149px) 1fr auto; grid-gap: 32px; padding: 32px; margin-top: 96px; margin-bottom: 96px; } }

.pj-cta__img img { margin-top: -84px; }

@media (max-width: 768px) { .pj-cta__img img { max-width: 50%; } }

.pj-cta__text, .pj-cta__text p { width: 100%; display: flex; flex-direction: column; gap: 1em; margin-top: 1em; margin-bottom: 1em; color: #fff; }

@media (min-width: 768px) { .pj-cta__text, .pj-cta__text p { justify-self: start; margin: 0; } }

.pj-cta__text h3, .pj-cta__text p h3 { margin-bottom: 0.25em; margin-top: 0; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.4px; color: #fff; }

@media (min-width: 768px) { .pj-cta__text h3, .pj-cta__text p h3 { font-size: 32px; } }

.pj-cta__text fieldset, .pj-cta__text p fieldset { font-family: "Karla", sans-serif; font-weight: 500; font-size: 18px; display: grid; grid-template-columns: 1fr; grid-gap: 1rem; letter-spacing: -0.5px; line-height: 120%; color: #fff; }

@media (min-width: 992px) { .pj-cta__text fieldset, .pj-cta__text p fieldset { grid-template-columns: 1fr 1fr; font-size: 19px; } }

.pj-cta__text fieldset textarea, .pj-cta__text p fieldset textarea { resize: vertical; }

.pj-cta__text fieldset input, .pj-cta__text fieldset textarea, .pj-cta__text p fieldset input, .pj-cta__text p fieldset textarea { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; background: #ffdfda; color: #380f09; border-bottom: 3px solid #ffdfda; padding: 1rem; }

@media (max-width: 375px) { .pj-cta__text fieldset input, .pj-cta__text fieldset textarea, .pj-cta__text p fieldset input, .pj-cta__text p fieldset textarea { padding: .25rem; } }

.pj-cta__text fieldset input:focus-visible, .pj-cta__text fieldset textarea:focus-visible, .pj-cta__text p fieldset input:focus-visible, .pj-cta__text p fieldset textarea:focus-visible { border: none; border-bottom: 3px solid #000; }

@media (min-width: 992px) { .pj-cta__text fieldset input, .pj-cta__text fieldset textarea, .pj-cta__text p fieldset input, .pj-cta__text p fieldset textarea { grid-row: 2; } }

.pj-cta__text fieldset.pj-cta-contact label[for="message"], .pj-cta__text p fieldset.pj-cta-contact label[for="message"] { grid-row: 5; }

.pj-cta__text fieldset.pj-cta-contact textarea[name="message"], .pj-cta__text p fieldset.pj-cta-contact textarea[name="message"] { grid-row: 6; grid-column: 1; }

@media (min-width: 992px) { .pj-cta__text fieldset.pj-cta-contact label[for="message"], .pj-cta__text p fieldset.pj-cta-contact label[for="message"] { grid-row: 3; } .pj-cta__text fieldset.pj-cta-contact textarea[name="message"], .pj-cta__text p fieldset.pj-cta-contact textarea[name="message"] { grid-row: 4; grid-column: span 2; } }

.pj-cta__button { justify-self: self-end; }

.pj-cta.cta__contact .pj-cta__button, .pj-cta.cta__newsletter .pj-cta__button { align-self: end; }

.pj-quote { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; position: relative; color: #380f09; letter-spacing: -0.8px; line-height: 120%; margin-top: 32px; margin-bottom: 32px; grid-column: 7 / span 15; }

@media (min-width: 768px) { .pj-quote { font-size: 48px; margin-top: 96px; margin-bottom: 96px; } }

.pj-quote .pj-quote-author { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; font-style: normal; color: #380f09; letter-spacing: -0.7px; display: block; margin-top: 1em; text-align: left; }

@media (min-width: 768px) { .pj-quote .pj-quote-author { font-size: 16px; margin-top: 2em; } }

.pj-quote .svg-icon-quote { position: relative; display: inline-block; width: 40px; height: 40px; fill: #fff; }

@media (min-width: 768px) { .pj-quote .svg-icon-quote { position: absolute; width: 80px; height: 80px; top: -36px; left: -96px; } }

.pj-page .pj-author, .pj-article .pj-author { padding: 16px; margin-top: 96px; margin-bottom: 32px; grid-column: 5 / span 17; background-color: #000; transform: scale(1); justify-items: start; align-items: start; }

@media (min-width: 768px) { .pj-page .pj-author, .pj-article .pj-author { display: grid; grid-template-columns: minmax(149px, 149px) 1fr auto; grid-gap: 32px; padding: 32px; margin-top: 96px; margin-bottom: 96px; } .pj-page .pj-author__main, .pj-article .pj-author__main { margin-top: 0; } }

.pj-page .pj-author__hidden, .pj-article .pj-author__hidden { display: none; }

.pj-page .pj-author__img img, .pj-article .pj-author__img img { margin-top: -84px; }

@media (max-width: 768px) { .pj-page .pj-author__img img, .pj-article .pj-author__img img { max-width: 50%; } }

.pj-page .pj-author__text, .pj-article .pj-author__text { width: 100%; display: flex; flex-direction: column; gap: 1em; margin-top: 1em; margin-bottom: 1em; color: #fff; }

@media (min-width: 768px) { .pj-page .pj-author__text, .pj-article .pj-author__text { justify-self: start; margin: 0; } }

.pj-page .pj-author__text__name, .pj-page .pj-author__text__position, .pj-article .pj-author__text__name, .pj-article .pj-author__text__position { margin-bottom: 0.25em; margin-top: 0; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 28px; letter-spacing: -0.4px; color: #fff; }

@media (min-width: 768px) { .pj-page .pj-author__text__name, .pj-page .pj-author__text__position, .pj-article .pj-author__text__name, .pj-article .pj-author__text__position { font-size: 32px; } }

.pj-page .pj-author__text__position, .pj-article .pj-author__text__position { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 18px; }

@media (min-width: 768px) { .pj-page .pj-author__text__position, .pj-article .pj-author__text__position { font-size: 19px; } }

.pj-page .pj-author__text__bio, .pj-page .pj-author__text__bio *, .pj-article .pj-author__text__bio, .pj-article .pj-author__text__bio * { color: #fff; font-size: 18px; line-height: 100%; }

@media (min-width: 768px) { .pj-page .pj-author__text__bio, .pj-page .pj-author__text__bio *, .pj-article .pj-author__text__bio, .pj-article .pj-author__text__bio * { font-size: 19px; } }

.pj-file { justify-items: start; align-items: start; grid-column: 7 / span 13; background-color: #42cca5; margin-top: 16px; margin-bottom: 16px; padding: 16px; }

@media (min-width: 768px) { .pj-file { display: grid; grid-template-columns: minmax(45px, 45px) 1fr auto; grid-gap: 24px; padding: 32px; } }

.pj-file__img { max-width: 45px; }

.pj-file__text { margin-top: 1em; margin-bottom: 1em; }

@media (min-width: 768px) { .pj-file__text { margin: 0; } }

.pj-file__text__title, .pj-file__text__data { display: block; color: #fff; }

.pj-file__text__title { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 22px; letter-spacing: -0.4px; margin-bottom: 0.25em; margin-top: 0; }

@media (min-width: 768px) { .pj-file__text__title { font-size: 24px; } }

.pj-file__text__data { font-family: "Karla", sans-serif; font-weight: 500; font-size: 15px; letter-spacing: -0.7px; }

@media (min-width: 768px) { .pj-file__text__data { font-size: 16px; } }

.pj-file__button { justify-self: self-end; }

.pj-file__button .btn__icon { fill: #fff; }

.pj-file__alt { background-color: #000; }

.pj-file__alt .btn { background: #42cca5; }

.pj-gallery, .pj-page .pj-gallery { grid-column: 5 / span 17; }

.pj-gallery-button, .pj-page .pj-gallery-button { background: none; border: none; position: absolute; z-index: 10; cursor: pointer; }

.pj-gallery-button-previous, .pj-page .pj-gallery-button-previous { left: -20px; top: 80px; }

.pj-gallery-button-next, .pj-page .pj-gallery-button-next { bottom: 80px; right: -20px; }

@media (min-width: 768px) { .pj-gallery-button-previous, .pj-page .pj-gallery-button-previous { left: -80px; top: 320px; } .pj-gallery-button-next, .pj-page .pj-gallery-button-next { right: -80px; bottom: 320px; } }

.pj-gallery-icon, .pj-page .pj-gallery-icon { fill: #fff; width: 40px; height: 40px; }

@media (min-width: 768px) { .pj-gallery-icon, .pj-page .pj-gallery-icon { width: 160px; height: 160px; } }

.pj-gallery-images, .pj-page .pj-gallery-images { display: grid; }

.pj-gallery-image, .pj-page .pj-gallery-image { margin: 0; }

.pj-gallery figure, .pj-page .pj-gallery figure { margin-top: 32px; margin-bottom: 32px; }

@media (min-width: 768px) { .pj-gallery figure, .pj-page .pj-gallery figure { grid-column: 4 / span 19; margin-top: 96px; margin-bottom: 96px; } }

.pj-gallery figure.first-img, .pj-page .pj-gallery figure.first-img { margin-top: 0; margin-bottom: 0; grid-column: 3 / -1; }

.pj-gallery figure figcaption, .pj-page .pj-gallery figure figcaption { background: #000; text-align: right; padding: 1em; margin-top: -3px; display: flex; flex-direction: column; gap: 1em; }

.pj-gallery figure figcaption .pj-gallery-image__caption p, .pj-gallery figure figcaption .pj-gallery-image__credits p, .pj-page .pj-gallery figure figcaption .pj-gallery-image__caption p, .pj-page .pj-gallery figure figcaption .pj-gallery-image__credits p { font-family: "Karla", sans-serif; font-weight: 400; font-size: 14px; color: #fff; letter-spacing: -0.7px; line-height: 100%; }

@media (min-width: 768px) { .pj-gallery figure figcaption .pj-gallery-image__caption p, .pj-gallery figure figcaption .pj-gallery-image__credits p, .pj-page .pj-gallery figure figcaption .pj-gallery-image__caption p, .pj-page .pj-gallery figure figcaption .pj-gallery-image__credits p { font-size: 16px; } }

@media (min-width: 768px) { .pj-gallery figure figcaption, .pj-page .pj-gallery figure figcaption { flex-direction: row; justify-content: space-between; } .pj-gallery figure figcaption .pj-gallery-image__credits, .pj-page .pj-gallery figure figcaption .pj-gallery-image__credits { flex: 1 1 auto; } }

.pj-gallery figure figcaption .pj-gallery-image__caption, .pj-page .pj-gallery figure figcaption .pj-gallery-image__caption { text-align: left; max-width: 40em; }

.pj-gallery__simple, .pj-page .pj-gallery__simple { grid-column: 7 / span 13; }

.pj-gallery__simple figure, .pj-page .pj-gallery__simple figure { margin-top: 8px; margin-bottom: 8px; }

.pj-article .pj-links, .pj-article .pj-documents { grid-column: 7 / span 13; }

.pj-article .pj-links ul, .pj-article .pj-links ol, .pj-article .pj-documents ul, .pj-article .pj-documents ol { padding-left: 0; }

.pj-article .pj-links ul > li, .pj-article .pj-links ol > li, .pj-article .pj-documents ul > li, .pj-article .pj-documents ol > li { list-style: none; border-bottom: 1px solid #ffcdc5; padding-bottom: 1em; margin-bottom: 1em; font-size: 18px; letter-spacing: -0.04em; }

@media (min-width: 768px) { .pj-article .pj-links ul > li, .pj-article .pj-links ol > li, .pj-article .pj-documents ul > li, .pj-article .pj-documents ol > li { font-size: 19px; } }

.pj-page .pj-questions { grid-column: 5 / span 17; }

@media (min-width: 768px) { .pj-page .pj-questions ul { margin-top: 0 !important; margin-bottom: 0 !important; } }

.pj-page .pj-questions .pj-question { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 18px; grid-column: 1 / span 11; }

@media (min-width: 768px) { .pj-page .pj-questions .pj-question { font-size: 36px; margin-bottom: 0; } }

.pj-page .pj-questions .pj-question:only-child { grid-column: 2 / span 14; }

.pj-page .pj-questions .pj-question:nth-of-type(2n) { grid-column: 5 / span 11; }

.pj-page .pj-questions .pj-question:nth-of-type(3n) { grid-column: 3 / span 11; }

.pj-page .pj-questions .pj-question:nth-of-type(4n) { grid-column: 7 / span 11; }

.pj-page .pj-questions .pj-question::before { content: "?"; color: #fff; margin-left: -0.7em; background: none; font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 36px; }

@media (min-width: 768px) { .pj-page .pj-questions .pj-question::before { font-size: 72px; } }

.pj-video { position: relative; grid-column: 7 / span 13; aspect-ratio: 16 / 9; overflow: hidden; background: #000; margin: 32px 0; }

@media (min-width: 768px) { .pj-video { margin: 96px 0; } }

.pj-video__thumb { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }

.pj-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; z-index: 2; }

.pj-video__overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.1) 55%, rgba(0, 0, 0, 0) 100%); cursor: pointer; }

.pj-video__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 84px; height: 84px; border-radius: 50%; background: rgba(0, 0, 0, 0.55); transition: background 0.2s ease, transform 0.2s ease; }

.pj-video__play::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-42%, -50%); border-style: solid; border-width: 14px 0 14px 23px; border-color: transparent transparent transparent #fff; }

.pj-video__overlay:hover .pj-video__play { background: #42cca5; transform: translate(-50%, -50%) scale(1.06); }

.pj-video__text { position: absolute; left: 24px; right: 24px; bottom: 20px; z-index: 1; }

.pj-video__text h3 { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 24px; color: #fff; letter-spacing: -0.4px; margin: 0; }

@media (max-width: 576px) { .pj-video__text h3 { font-size: 18px; } }

.pj-numbers, .pj-page .pj-questions ul { padding-left: 0; margin-top: 32px; margin-bottom: 32px; grid-column: 5 / span 17; }

@media (min-width: 768px) { .pj-numbers, .pj-page .pj-questions ul { display: grid; grid-template-columns: repeat(16, 1fr); grid-gap: 16px; grid-column-gap: 16px; grid-row-gap: 32px; margin-top: 96px; margin-bottom: 96px; } }

.pj-numbers .pj-numbers-item, .pj-page .pj-questions ul .pj-numbers-item { display: grid; grid-template-rows: 72px 24px; margin-top: 2rem; }

@media (min-width: 768px) { .pj-numbers .pj-numbers-item, .pj-page .pj-questions ul .pj-numbers-item { grid-template-rows: 160px 24px; margin-top: 0; } }

.pj-numbers .pj-numbers-item:nth-of-type(1), .pj-page .pj-questions ul .pj-numbers-item:nth-of-type(1), .pj-numbers .pj-numbers-item:nth-of-type(5), .pj-page .pj-questions ul .pj-numbers-item:nth-of-type(5) { grid-column: 1 / -1; }

.pj-numbers .pj-numbers-item:nth-of-type(2n), .pj-page .pj-questions ul .pj-numbers-item:nth-of-type(2n) { grid-column: 3 / -1; }

.pj-numbers .pj-numbers-item:nth-of-type(3), .pj-page .pj-questions ul .pj-numbers-item:nth-of-type(3) { grid-column: 6 / -1; }

.pj-numbers .pj-numbers-item dd, .pj-page .pj-questions ul .pj-numbers-item dd { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 72px; grid-row: 1; color: #fff; letter-spacing: -6px; margin-bottom: 0.5em; }

@media (min-width: 768px) { .pj-numbers .pj-numbers-item dd, .pj-page .pj-questions ul .pj-numbers-item dd { font-size: 160px; margin-bottom: 0; } }

.pj-numbers .pj-numbers-item dd::before, .pj-page .pj-questions ul .pj-numbers-item dd::before { display: none; }

.pj-numbers .pj-numbers-item dt, .pj-page .pj-questions ul .pj-numbers-item dt { font-family: "gt_cinetypebold", sans-serif; font-weight: 700; font-size: 20px; grid-row: 2; color: #380f09; letter-spacing: -0.6px; display: flex; margin-top: 0.5rem; }

@media (min-width: 768px) { .pj-numbers .pj-numbers-item dt, .pj-page .pj-questions ul .pj-numbers-item dt { font-size: 24px; padding-left: 15%; } }

.pj-numbers .pj-numbers-item .pj-numbers-icon, .pj-page .pj-questions ul .pj-numbers-item .pj-numbers-icon { width: 24px; height: 24px; margin-right: 0.125em; display: block; }

#main .highlighted h4, #rethink .highlighted h4, .pj-related-articles .pj-articles .highlighted h4 { transform: unset; }

header.pj-hero h1 span { background-color: #ae8beb; color: #fff; }

.category-futures { background-color: #a78be4; }

.category-interviews { background-color: #42cca5; }

.category-deep-dives, .category-rethink { background-color: #84d8fb; }

#stories { background-color: #a78be4; }

.category-group { width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; padding: 2rem 0; }

#main.wilder-journal-2, .pj-related-articles .wilder-journal-2.pj-articles, #rethink.wilder-journal-2 { padding-bottom: 0rem; }

#rethink.wilder-journal-2 { padding-top: 0; }

/*# sourceMappingURL=wilder-journal-2.css.map */