/* transient */ /*4872b492fa63fca7ca6be41a6deb80eece0e83a32531cc0a8eb850a3181cb74807b475db6d475e90aff59fb41b2260e03c91c1b2ba60b328c04a0971a634d498*/ .c-font--calluna-regular { font-family: 'calluna'; font-weight: 400; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: -0.01rem; word-spacing: 0.02rem; } .c-font--calluna-bold { font-family: 'calluna'; font-weight: 700; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: -0.01rem; word-spacing: 0.02rem; } .c-font--ivymode-light { font-family: 'ivymode'; font-weight: 300; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: 0.1em; word-spacing: normal; } .c-font--ivymode-regular { font-family: 'ivymode'; font-weight: 400; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: 0.0714rem; word-spacing: normal; } .c-font--ivymode-semibold { font-family: 'ivymode'; font-weight: 600; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: 0.1em; word-spacing: normal; } .c-font--questa-sans-light { font-family: 'questa-sans'; font-weight: 300; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: -0.0492rem; word-spacing: normal; } .c-font--questa-sans-regular { font-family: 'questa-sans'; font-weight: 400; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; } .c-font--questa-sans-bold { font-family: 'questa-sans'; font-weight: 700; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: normal; word-spacing: 0.0342rem; } .c-font--questa-sans-black { font-family: 'questa-sans'; font-weight: 900; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: normal; word-spacing: normal; } .c-font--fire-mono { font-family: 'fira-mono', monospace !important; font-weight: 400; font-style: normal; font-feature-settings: 'calt', 'clig', 'kern', 'liga', 'locl', 'rlig'; letter-spacing: normal; word-spacing: normal; } html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; } .mnmntl-gallery { width: 100%; padding: 0 1.38rem; margin: 1.98rem auto 1.88rem; font-size: 1rem; line-height: 1; position: relative; box-sizing: border-box !important; clear: both; --mg-c__transition-timing-function-leaving: cubic-bezier(0.8, 0.0, 0.6, 1); --mg-c__transition-timing-function-entering: cubic-bezier(0.4, 0.0, 0.2, 1); --mg-c__transition-duration: 268ms; --mg-c__transition-duration-fast: 188ms; --mg-c__transition-duration-slow: 508ms; --mg-c__box-shadow: 0 1px 8px 0 rgba(0,0,0,0.15); --mg-c__background-color: #f9f9f9; --mg-c__color-white: #ffffff; --mg-c__color-light: #f0f0f0; --mg-c__color-black: #000000; --mg-c__color-dark: #212529; --mg-c__color-grey-light: #efefef; --mg-c__color-grey-mid-low: #e8e8e8; --mg-c__color-grey-mid: #e8e8e8; --mg-c__color-grey-mid-high: #b9b9b9; --mg-c__color-grey-dark: rgba(45, 45, 45, 1); --mg-c__color-grey-dark-a25: rgba(45, 45, 45, 0.25); --mg-c__color-grey-dark-a50: rgba(45, 45, 45, 0.5); --mg-c__color-grey-dark-a75: rgba(45, 45, 45, 0.75); --mg-c__color-red: #e84134; --mg-c__color-pink: #fdc7b7; --mg-c__color-green: #a0e8cb; } .mnmntl-gallery--no-border { margin: 1.3rem auto 0; padding: 0 1.06rem; } .mnmntl-gallery--no-border + * { margin-top: 1.2rem !important; } .mnmntl-gallery *, .mnmntl-gallery *:before, .mnmntl-gallery *:after { box-sizing: inherit; } .mnmntl-gallery__header { padding: 5px 0.5rem; display: flex; justify-content: flex-start; align-items: center; } .mnmntl-gallery__inline-title, .mnmntl-gallery__inline-title-filler { flex: 1 1 auto; font-size: 0.88rem !important; line-height: 1 !important; margin: 0 !important; padding: 1px 8px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mnmntl-gallery__controls { display: flex; flex: 0 0 auto; } .mnmntl-gallery__inline-wrapper { position: relative; width: 100%; border-bottom: 1px solid #dcdcdc; box-shadow: var(--mg-c__box-shadow); box-sizing: border-box !important; } .mnmntl-gallery__inline-wrapper--no-border { box-shadow: none; } .mnmntl-gallery__inline-wrapper--no-border, .mnmntl-gallery__inline-wrapper--no-border:hover { border: none; } .mnmntl-gallery__transition-enter, .mnmntl-gallery__transition-leave-to { opacity: 0; } .mnmntl-gallery__transition-enter-active, .mnmntl-gallery__transition-leave-active { transition-property: opacity; transition-duration: var(--mg-c__transition-duration); } .mnmntl-gallery__transition-enter-active { transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__transition-leave-active { transition-timing-function: var(--mg-c__transition-timing-function-leaving); } @media all and (max-width: 1024px) { .mnmntl-gallery { padding: 0 2.38rem; } } @media all and (max-width: 719px) { .mnmntl-gallery { padding: 0 1.06rem; transition-property: margin; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery--has-instructions { margin: 2.08rem auto 2.38rem !important; } .mnmntl-gallery__instructions { color: var(--mg-c__color-black); opacity: 0.125; position: absolute; left: 50%; font-size: 0.53rem; letter-spacing: 0.33rem; display: flex; justify-content: center; align-items: center; } .mnmntl-gallery__instructions--top { top: 0; transform: translate(-50%, -125%); } .mnmntl-gallery__instructions--bottom { bottom: 0; transform: translate(-50%, 125%); } .mnmntl-gallery__instructions-text { display: block; padding: 0 6px 0 15px; } .mnmntl-gallery__instructions-img { } .mnmntl-gallery__header { padding: 0 0.28rem; } .mnmntl-gallery__inline-title, .mnmntl-gallery__inline-title-filler { font-size: 0.78rem !important; padding: 3px 3px 0; } } @media all and (max-width: 480px) { .mnmntl-gallery { } .mnmntl-gallery--no-border { padding: 0 1.06rem; } .mnmntl-gallery__inline-wrapper { border-left: none; border-right: none; } } .mnmntl-gallery__fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center; background-color: #181818; z-index: 9; } .mnmntl-gallery__fullscreen-wrapper { padding: 2.88rem; flex: 7 0 0; order: 1; display: flex; flex-direction: column; height: 100%; background-color: #181818; } .mnmntl-gallery__fullscreen-mainstage { flex: 0 0 auto; height: 100%; position: relative; transition-property: height; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__fullscreen-mainstage-preview, .mnmntl-gallery__fullscreen-mainstage-hi-res { top: 0; left: 0; width: 100%; height: 100%; position: absolute; background-color: #181818; display: flex; justify-content: center; align-items: center; align-content: center; } .mnmntl-gallery__fullscreen-mainstage-preview { z-index: 2; } .mnmntl-gallery__fullscreen-mainstage-hi-res { z-index: 1; } .mnmntl-gallery__fullscreen-mainstage-image { display: block; max-width: 1600px; max-height: 1600px; width: 100%; height: 100%; object-fit: contain; } .mnmntl-gallery__fullscreen-mainstage-image[src=''], .mnmntl-gallery__fullscreen-mainstage-image:not([src]) { opacity: 0; } .mnmntl-gallery__fullscreen-mainstage-image--blur { filter: blur(2px); } .mnmntl-gallery__fullscreen-meta { width: 360px; height: 100%; flex: 0 0 auto; order: 2; color: var(--mg-c__color-grey-light); background-color: #1d1d1d; border-left: 1px solid var(--mg-c__color-dark); transition-property: width, border, transform; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-entering); overflow: hidden; } .mnmntl-gallery__fullscreen-meta--hide { width: 0px; border-left: 1px solid transparent; transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery__fullscreen-caption-content { width: 359px; padding: 1.53rem; } .mnmntl-gallery__fullscreen-title { margin: 0; font-size: 0.83rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .mnmntl-gallery__fullscreen-caption { font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.5; margin: 0; } .mnmntl-gallery_fullscreen-credit { margin: 1.18rem 0 0 0; font-size: 0.68rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.5; color: var(--mg-c__color-grey-mid-high); } .mnmntl-gallery__fullscreen-title:not([style*="display: none;"]) + .mnmntl-gallery__fullscreen-caption, .mnmntl-gallery_fullscreen-credit { margin: 0.98rem 0 0 0; } .mnmntl-gallery__fullscreen-caption br { display: block; content: ''; margin: 0; height: 0; padding: 0.8rem 0 0 0; } .mnmntl-gallery__fullscreen-caption br:not(.break) { padding: 0; } .mnmntl-gallery__fullscreen-controls { flex: 0 0 auto; order: 4; height: 100%; display: flex; flex-direction: column; border-left: 1px solid var(--mg-c__color-dark); background-color: var(--mg-c__color-black); text-transform: uppercase; } .mnmntl-gallery__fullscreen-mainstage-transition-leave-to { opacity: 0; } ..mnmntl-gallery__fullscreen-mainstage-transition-leave-active { transition-property: opacity; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } @media all and (max-width: 719px) { .mnmntl-gallery__fullscreen { flex-direction: column; } .mnmntl-gallery__fullscreen-wrapper { width: 100%; flex: 1 1 auto; padding: 1.38rem; } .mnmntl-gallery__fullscreen-meta { z-index: 99; position: absolute; top: 0; right: 0; width: 80vw; border-left: 2px solid var(--mg-c__color-grey-dark); overflow: scroll; } .mnmntl-gallery__fullscreen-meta--hide { width: 80vw; border-left: 2px solid var(--mg-c__color-grey-dark); transform: translate3d(100%, 0, 0); } .mnmntl-gallery__fullscreen-caption-content { width: calc(80vw - 2px); padding: 1.38rem 1.38rem calc(2.68rem + 1.38rem) 1.38rem; } .mnmntl-gallery__fullscreen-controls { z-index: 999; height: auto; flex-direction: row; border-left: none; } } @media all and (min-width: 1024px) and (max-width: 1439px) { .mnmntl-gallery__fullscreen-wrapper { flex: 9 0 auto; } } @media all and (min-width: 1440px) { .mnmntl-gallery__fullscreen-wrapper { flex: 9 0 auto; } } .mnmntl-gallery__sidebar { padding: 0; flex: 1 0 0; order: 3; height: 100%; border-left: 1px solid var(--mg-c__color-dark); background-color: #121212; position: relative; overflow: hidden; } .mnmntl-gallery__sidebar-image-in-view { display: block; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%); color: var(--mg-c__color-red); } .mnmntl-gallery__sidebar-image-in-view .mnmntl-gallery__icon { width: 24px; height: 24px; padding: 0; } .mnmntl-gallery__fullscreen-media-counter { display: flex; line-height: 1.3; text-align: right; color: var(--mg-c__color-grey-mid); border-bottom: 1px solid var(--mg-c__color-dark); background-color: #000; height: 2.68rem; padding: 0.68rem; position: relative; z-index: 2; margin: 0 0 13px 0; } .mnmntl-gallery__fullscreen-current-count { text-align: right; padding: 0 10px 0 0; } .mnmntl-gallery__fullscreen-total-count { text-align: left; } .mnmntl-gallery__fullscreen-current-count, .mnmntl-gallery__fullscreen-total-count { flex: 0 0 50%; } .mnmntl-gallery__sidebar-v-stripe { width: 100%; height: calc(100% - 2.68rem - 13px); margin: 0; padding: 0 0.68rem; list-style: none; transition-property: transform; transition-duration: var(--mg-c__transition-duration-fast); transition-timing-function: var(--mg-c__transition-timing-function-entering); position: relative; z-index: 1; } .mnmntl-gallery__sidebar-v-stripe--no-transition { transition-duration: 0ms; } .mnmntl-gallery__sidebar-thumnbholder { margin: 8px 0; position: relative; } .mnmntl-gallery__sidebar-thumnbholder:first-of-type { margin-bottom: 0; } .mnmntl-gallery__sidebar-thumnbholder:last-of-type { margin-bottom: 0; } .mnmntl-gallery__sidebar-thumb { display: block; width: 100%; height: 100%; object-fit: contain; } .mnmntl-gallery__sidebar-thumb-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #080808a6; } @media all and (min-width: 1024px) and (max-width: 1439px) { .mnmntl-gallery__sidebar { flex: 1.5 0 0; } } @media all and (min-width: 720px) and (max-width: 1023px) { .mnmntl-gallery__sidebar { flex: 2 0 0; } } .mnmntl-gallery__carousel { width: 100%; margin: 0 auto; position: relative; display: flex; flex-direction: column; } .mnmntl-gallery__carousel-mainstage { max-width: calc(100% - 1.68rem - 1.68rem); width: 100%; flex: 1 0 auto; margin: 0.38rem auto 1.38rem; position: relative; } .mnmntl-gallery__carousel-mainstage:before { content: ''; display: block; width: 100%; padding-top: 66.6666%; } .mnmntl-gallery__carousel-mainstage-preview, .mnmntl-gallery__carousel-mainstage-hi-res { top: 0; left: 0; width: 100%; height: 100%; padding: 0; position: absolute; background-color: var(--mg-c__color-white); display: flex; justify-content: center; align-items: center; align-content: center; } .mnmntl-gallery__carousel-mainstage-preview { z-index: 2; } .mnmntl-gallery__carousel-mainstage-hi-res { z-index: 1; } .mnmntl-gallery__carousel-mainstage-image { display: block; width: 100%; height: 100%; object-fit: contain; } .mnmntl-gallery__carousel-mainstage-image[src=''], .mnmntl-gallery__carousel-mainstage-image:not([src]) { opacity: 0; } .mnmntl-gallery__carousel-mainstage-image--blur { filter: blur(2px); } .mnmntl-gallery__carousel-browser, .mnmntl-gallery__carousel-meta { flex: 0 0 auto; width: 100%; position: relative; } .mnmntl-gallery__carousel-browser { margin: 0 auto; padding: 0.48rem 0; background-color: var(--mg-c__color-light); overflow: hidden; box-shadow: -1px 0px 0px 0px #e6e6e6, 1px 0px 0px 0px #e6e6e6; transition-property: background-color; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery__carousel-browser--centered { } .mnmntl-gallery__carousel-stripe { position: relative; margin: 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; align-content: center; list-style: none; transition-property: transform; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__carousel-stripe--centered { justify-content: center; } .mnmntl-gallery__carousel-thumbholder { position: relative; flex: 0 0 0; cursor: pointer; } .mnmntl-gallery__carousel-thumbholder:last-of-type { margin: 0 !important; } .mnmntl-gallery__carousel-thumb { border: 7px solid var(--mg-c__color-light); padding: 5px; background: var(--mg-c__color-white); display: block; object-fit: contain; transition-property: background-color; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery__carousel-thumbholder--is-selected .mnmntl-gallery__carousel-thumb { background: var(--mg-c__color-grey-dark-a75); transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__carousel-thumb-overlay { position: absolute; width: calc(100% - 14px); height: calc(100% - 14px); top: 50%; left: 50%; transform: translate(-50%, -50%); border: 5px solid transparent; background: #ffffff33; } .mnmntl-gallery__carousel-meta { margin: 0 auto; padding: 0 1.68rem 1.38rem; display: flex; } .mnmntl-gallery__carousel-media-counter { display: block; flex: 0 0 7.5%; line-height: 1.3; text-align: right; } .mnmntl-gallery__carousel-caption-content { flex: 7 1 auto; padding: 0 1.18rem 0 0.76rem; } .mnmntl-gallery__carousel-title { font-size: 0.83rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; margin: 0; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .mnmntl-gallery__carousel-caption { font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.5; width: 100%; margin: 0; } .mnmntl-gallery__carousel-credit { font-size: 0.68rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.5; color: var(--mg-c__color-grey-mid-high); } .mnmntl-gallery__carousel-title + .mnmntl-gallery__carousel-caption, .mnmntl-gallery__carousel-credit { margin: 0.78rem 0 0 0; } .mnmntl-gallery__carousel-caption br { display: block; content: ""; margin: 0; height: 0; padding: 0.8rem 0 0 0; } .mnmntl-gallery__carousel-caption br:not(.break) { padding: 0; } .mnmntl-gallery__carousel-mainstage-transition-leave-to { opacity: 0; } ..mnmntl-gallery__carousel-mainstage-transition-leave-active { transition-property: opacity; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } @media all and (max-width: 719px) { .mnmntl-gallery__carousel-mainstage { max-width: calc(100% - 1.38rem - 1.38rem); width: 100%; flex: 1 0 auto; margin: 0.28rem auto 0.93rem; position: relative; } .mnmntl-gallery__carousel-mainstage:before { padding-top: 71.6666%; } .mnmntl-gallery__carousel-browser { margin: 0 auto; padding: 0.38rem 0; } .mnmntl-gallery__carousel-meta { padding: 0 1.38rem 1.06rem; display: block; } .mnmntl-gallery__carousel-caption-content { padding: 0; } } .mnmntl-gallery__grid { width: 100%; margin: -0.18rem auto 0; } .mnmntl-gallery__thumblist { margin: 0 !important; padding: 0 1.06rem 0.88rem !important; list-style: none !important; display: flex; flex-flow: row wrap; justify-content: center; } .mnmntl-gallery__grid--no-border .mnmntl-gallery__thumblist { margin: 0 -0.38rem !important; padding: 0 !important; } .mnmntl-gallery__thumblist--align-left { justify-content: flex-start; } .mnmntl-gallery__thumbholder { margin: 0 !important; padding: 0.38rem !important; display: flex; justify-content: center; align-items: center; } .mnmntl-gallery__thumbholder--1 { margin: 1rem auto 0 !important; flex: 0 1 100%; } .mnmntl-gallery__thumbholder--1:first-of-type { margin: 0 auto !important; } .mnmntl-gallery__thumbholder--2 { flex: 0 1 50%; } .mnmntl-gallery__thumbholder--3 { flex: 0 1 33.33%; } .mnmntl-gallery__thumbholder--4 { flex: 0 1 25%; } .mnmntl-gallery__thumbholder--grow { flex-grow: 1; } .mnmntl-gallery__media { position: relative; margin: 0; width: 100%; height: auto; cursor: zoom-in; } .mnmntl-gallery__media--cover { height: 100%; } .mnmntl-gallery__media--34:before { content: ""; display: block; padding-top: 120%; } .mnmntl-gallery__image { display: block; width: 100% !important; height: auto !important; object-fit: contain; border: 1px solid var(--mg-c__color-grey-light); } .mnmntl-gallery__image--cover { height: 100% !important; padding: 0; object-fit: cover; } .mnmntl-gallery__image--34 { position: absolute; top: 0; left: 0; height: 100% !important; } .mnmntl-gallery__image--has-padding { padding: 20px; } .mnmntl-gallery__image--has-no-top-padding { padding-top: 0px; } .mnmntl-gallery__image--has-no-bottom-padding { padding-bottom: 0px; } .mnmntl-gallery__image--has-no-left-padding { padding-left: 0px; } .mnmntl-gallery__image--has-no-right-padding { padding-right: 0px; } .mnmntl-gallery__button-caption { outline: none; position: absolute; z-index: 5; bottom: 0.58rem; right: 0.68rem; padding: 2px; display: block; cursor: pointer; opacity: 0.38; transition-property: opacity, filter, border; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); background-color: var(--mg-c__color-white); border: 1px solid var(--mg-c__color-grey-dark); border-radius: 50%; margin: 0; overflow: hidden; width: 26px; height: 26px; } .mnmntl-gallery__button-caption:focus { outline: none; } .mnmntl-gallery__button-caption:disabled { display: none; } .mnmntl-gallery__button-caption--is-active { background-color: var(--mg-c__color-grey-dark); border: 1px solid var(--mg-c__color-grey-mid-high); opacity: 1; transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__button-caption-box { width: 100%; height: 100%; display: block; position: relative; } .mnmntl-gallery__button-caption-inner { display: block; top: 50%; left: 50%; margin-top: -1px; margin-left: -6px; } .mnmntl-gallery__button-caption-inner::before { top: -5px; } .mnmntl-gallery__button-caption-inner::after { bottom: -5px; } .mnmntl-gallery__button-caption-inner, .mnmntl-gallery__button-caption-inner::before, .mnmntl-gallery__button-caption-inner::after { width: 12px; height: 2px; background-color: var(--mg-c__color-black); border-radius: 0; position: absolute; transition-property: transform; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery__button-caption-inner::before, .mnmntl-gallery__button-caption-inner::after { content: ""; display: block; } .mnmntl-gallery__button-caption--is-active .mnmntl-gallery__button-caption-inner, .mnmntl-gallery__button-caption--is-active .mnmntl-gallery__button-caption-inner::before, .mnmntl-gallery__button-caption--is-active .mnmntl-gallery__button-caption-inner::after { background-color: var(--mg-c__color-white); } .mnmntl-gallery__button-caption-spin .mnmntl-gallery__button-caption-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .mnmntl-gallery__button-caption-spin .mnmntl-gallery__button-caption-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .mnmntl-gallery__button-caption-spin .mnmntl-gallery__button-caption-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .mnmntl-gallery__button-caption-spin--is-active .mnmntl-gallery__button-caption-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .mnmntl-gallery__button-caption-spin--is-active .mnmntl-gallery__button-caption-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .mnmntl-gallery__button-caption-spin--is-active .mnmntl-gallery__button-caption-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .mnmntl-gallery__caption-wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 1.28rem; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; opacity: 0; color: var(--mg-c__color-light); background-color: var(--mg-c__color-grey-dark-a75); transition-property: opacity; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); overflow: hidden; } .mnmntl-gallery__caption-wrapper--show { opacity: 1; transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__caption { font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .mnmntl-gallery__credit { font-size: 0.68rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; color: var(--mg-c__color-grey-mid-high); } .mnmntl-gallery__caption, .mnmntl-gallery__credit { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; width: 100%; } @media all and (max-width: 719px) { .mnmntl-gallery__thumblist { margin: 0 -0.23rem !important; padding: 0.08rem 0.58rem 0.33rem !important; } .mnmntl-gallery__thumbholder { padding: 0.23rem !important; } .mnmntl-gallery__thumbholder--2, .mnmntl-gallery__thumbholder--3, .mnmntl-gallery__thumbholder--4 { flex: 1 1 auto !important; width: 50%; } .mnmntl-gallery__image { max-height: 75vh; } .mnmntl-gallery__button-caption { bottom: 0.38rem; right: 0.48rem; width: 20px; height: 20px; } .mnmntl-gallery__button-caption-inner { margin-top: -1px; margin-left: -4px; } .mnmntl-gallery__button-caption-inner::before { top: -4px; } .mnmntl-gallery__button-caption-inner::after { bottom: -4px; } .mnmntl-gallery__button-caption-inner, .mnmntl-gallery__button-caption-inner::before, .mnmntl-gallery__button-caption-inner::after { width: 8px; height: 2px; } } .mnmntl-gallery__icon { display: block; width: 1.68rem; height: 1.68rem; padding: 0.33rem; margin: 0; } .mnmntl-gallery__icon-path, .mnmntl-gallery__icon-circle-fill, .mnmntl-gallery__icon-circle-stroke { transition-property: fill, stroke; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery__icon-path--red { fill: var(--mg-c__color-red); } .mnmntl-gallery__icon-path--light { fill: var(--mg-c__color-light); } .mnmntl-gallery__icon-path--grey-mid, .mnmntl-gallery__icon-circle-fill--grey-mid { fill: var(--mg-c__color-grey-mid); } .mnmntl-gallery__icon-path--grey-dark, .mnmntl-gallery__icon-circle-fill--grey-dark { fill: var(--mg-c__color-grey-dark); } .mnmntl-gallery__icon-circle-stroke--grey-mid { stroke: var(--mg-c__color-grey-mid); } .mnmntl-gallery__icon-circle-stroke--grey-dark { stroke: var(--mg-c__color-grey-dark); } .mnmntl-gallery__icon--gallery { flex: 0 0 auto; } .mnmntl-gallery__button { display: block; padding: 0; border-radius: 0; border: none; background-color: transparent; text-decoration: none; cursor: pointer; transition-property: background-color, border-color; transition-duration: var(--mg-c__transition-duration); transition-timing-function: var(--mg-c__transition-timing-function-leaving); } .mnmntl-gallery__button:focus { outline: none; } .mnmntl-gallery__button:hover { border-color: var(--mg-c__color-dark); transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__button:hover .mnmntl-gallery__icon-path { fill: var(--mg-c__color-dark); transition-timing-function: var(--mg-c__transition-timing-function-entering); } .mnmntl-gallery__button--hide { display: none !important; } .mnmntl-gallery__button--inline-loader { cursor: default; } .mnmntl-gallery__button--inline-loader .mnmntl-gallery__icon, .mnmntl-gallery__button--inline-fullscreen .mnmntl-gallery__icon { width: 1.68rem; height: 1.68rem; padding: 0.38rem; } .mnmntl-gallery__button--inline-grid .mnmntl-gallery__icon, .mnmntl-gallery__button--inline-carousel .mnmntl-gallery__icon { width: 1.68rem; height: 1.68rem; padding: 0.5rem; } .mnmntl-gallery__button--carousel-previous-pic, .mnmntl-gallery__button--carousel-next-pic { position: absolute; background-color: var(--mg-c__color-white); top: 50%; padding: 0.38rem 0; border: 1px solid var(--mg-c__color-grey-light); border-radius: 3px; z-index: 5; } .mnmntl-gallery__button--carousel-previous-pic { left: -1.68rem; padding: 0.38rem 0; transform: translate(-50%, -50%); } .mnmntl-gallery__button--carousel-next-pic { right: -1.68rem; transform: translate(50%, -50%); } .mnmntl-gallery__button--carousel-previous-pic .mnmntl-gallery__icon, .mnmntl-gallery__button--carousel-next-pic .mnmntl-gallery__icon { width: 1.38rem; height: 1.38rem; padding: 0.38em; } .mnmntl-gallery__button--carousel-previous-stripe, .mnmntl-gallery__button--carousel-next-stripe { position: absolute; z-index: 1; top: 50%; height: 100%; transform: translate(0, -50%); display: flex; justify-content: center; align-items: center; align-content: center; background-color: var(--mg-c__color-grey-dark-a25); } .mnmntl-gallery__button--carousel-previous-stripe { left: 0; } .mnmntl-gallery__button--carousel-next-stripe { right: 0; } .mnmntl-gallery__button--carousel-previous-stripe:hover, .mnmntl-gallery__button--carousel-next-stripe:hover { background-color: var(--mg-c__color-grey-dark-a75); } .mnmntl-gallery__button--carousel-previous-stripe:hover .mnmntl-gallery__icon-path, .mnmntl-gallery__button--carousel-next-stripe:hover .mnmntl-gallery__icon-path { fill: var(--mg-c__color-white); } .mnmntl-gallery__button--carousel-previous-stripe:disabled, .mnmntl-gallery__button--carousel-next-stripe:disabled { background-color: transparent; transition-duration: 0ms; cursor: not-allowed; } .mnmntl-gallery__button--carousel-previous-stripe:disabled .mnmntl-gallery__icon-path, .mnmntl-gallery__button--carousel-next-stripe:disabled .mnmntl-gallery__icon-path { fill: var(--mg-c__color-white); } .mnmntl-gallery__button--fullscreen-loader { cursor: default; } .mnmntl-gallery__button--fullscreen-back, .mnmntl-gallery__button--fullscreen-previous-pic, .mnmntl-gallery__button--fullscreen-next-pic, .mnmntl-gallery__button--fullscreen-meta { border-bottom: 1px solid var(--mg-c__color-dark); } .mnmntl-gallery__button--fullscreen-back .mnmntl-gallery__icon, .mnmntl-gallery__button--fullscreen-previous-pic .mnmntl-gallery__icon, .mnmntl-gallery__button--fullscreen-next-pic .mnmntl-gallery__icon, .mnmntl-gallery__button--fullscreen-meta .mnmntl-gallery__icon, .mnmntl-gallery__button--fullscreen-loader .mnmntl-gallery__icon { width: 2.68rem; height: 2.68rem; padding: 0.88rem; } .mnmntl-gallery__button--fullscreen-loader .mnmntl-gallery__icon { padding: 0.78rem; } .mnmntl-gallery__button--fullscreen-meta:hover .mnmntl-gallery__icon-path { fill: var(--mg-c__color-grey-dark); } .mnmntl-gallery__button--fullscreen-back--is-desktop:hover .mnmntl-gallery__icon-path, .mnmntl-gallery__button--fullscreen-previous-pic--is-desktop:hover .mnmntl-gallery__icon-path, .mnmntl-gallery__button--fullscreen-next-pic--is-desktop:hover .mnmntl-gallery__icon-path { fill: var(--mg-c__color-grey-mid-high); } .mnmntl-gallery__button--fullscreen-meta.mnmntl-gallery__button--hover .mnmntl-gallery__icon-path { fill: var(--mg-c__color-grey-mid-high); } .mnmntl-gallery__button--fullscreen-meta.mnmntl-gallery__button--on .mnmntl-gallery__icon-path { fill: var(--mg-c__color-white); } .mnmntl-gallery__button--fullscreen-back:active .mnmntl-gallery__icon-path, .mnmntl-gallery__button--fullscreen-previous-pic:active .mnmntl-gallery__icon-path, .mnmntl-gallery__button--fullscreen-next-pic:active .mnmntl-gallery__icon-path, .mnmntl-gallery__button--fullscreen-meta:active .mnmntl-gallery__icon-path { transition-duration: 0ms; fill: var(--mg-c__color-white); } @media all and (max-width: 719px) { .mnmntl-gallery__button--carousel-previous-pic, .mnmntl-gallery__button--carousel-next-pic { display: none; } .mnmntl-gallery__button--carousel-previous-stripe:disabled, .mnmntl-gallery__button--carousel-next-stripe:disabled { display: none; } .mnmntl-gallery__button--carousel-previous-stripe:disabled .mnmntl-gallery__icon-path, .mnmntl-gallery__button--carousel-next-stripe:disabled .mnmntl-gallery__icon-path { display: none; } .mnmntl-gallery__button--fullscreen-back, .mnmntl-gallery__button--fullscreen-previous-pic, .mnmntl-gallery__button--fullscreen-next-pic, .mnmntl-gallery__button--fullscreen-meta { border-bottom: none; } } html { margin: 0; padding: 0; line-height: 1; box-sizing: border-box; --c-page__transition-timing-function-leaving: cubic-bezier(0.8, 0.0, 0.6, 1); --c-page__transition-timing-function-entering: cubic-bezier(0.4, 0.0, 0.2, 1); --c-page__transition-duration: 268ms; --c-page__transition-duration-fast: 168ms; --c-page__transition-duration-slow: 508ms; --c-page__max-desktop-width: 1440px; --c-page__min-desktop-width: 720px; --c-page__max-desktop-content-width: 1024px; --c-page__max-mobile-width: 719px; --c-page__min-mobile-width: 300px; --c-page__max-mobile-content-width: 719px; --c-page__box-shadow: 0 1px 8px 0 rgba(0,0,0,0.15); --c-page__background-color: #f9f9f9; --c-page__color-white: #ffffff; --c-page__color-light: #f0f0f0; --c-page__color-black: #000000; --c-page__color-dark: #212529; --c-page__color-grey-light: #efefef; --c-page__color-grey-mid-low: #e8e8e8; --c-page__color-grey-mid: #e8e8e8; --c-page__color-grey-mid-high: #b9b9b9; --c-page__color-grey-dark: rgba(45, 45, 45, 1); --c-page__color-grey-dark-a25: rgba(45, 45, 45, 0.25); --c-page__color-grey-dark-a50: rgba(45, 45, 45, 0.5); --c-page__color-grey-dark-a75: rgba(45, 45, 45, 0.75); --c-page__color-red: #e84134; --c-page__color-pink: #fdc7b7; --c-page__color-green: #a0e8cb; } *, *::before, *::after { box-sizing: inherit; } body { background-color: var(--c-page__background-color); -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; } a { color: var(--c-page__color-red); text-decoration: none; outline: 0; transition-property: color; transition-duration: var(--c-page__transition-duration-fast); transition-timing-function: var(--c-page__transition-timing-function-leaving); } a:focus, a:hover { text-decoration: none; transition-timing-function: var(--c-page__transition-timing-function-entering); } @media all and (max-width: 480px) { html { font-size: calc(19px + (22 - 19) * (100vw - 300px) / (480 - 300)); } #A-main { max-width: var(--c-page__max-mobile-width); border-left: none; border-right: none; } } @media all and (min-width: 481px) { html { font-size: 22px; } } @media all and (min-width: 720px) { html { font-size: calc(18px + (22.3 - 18) * (100vw - 720px) / (1440 - 720)); } html.rem33-3 { font-size: calc(22px + (26 - 22) * (100vw - 720px) / (1440 - 720)); } } @media all and (min-width: 1441px) { html { font-size: 22.3px; } html.rem33-3 { font-size: 26px; } } .c-icon { display: block; width: 1rem; height: 1rem; padding: 1rem; box-sizing: content-box; transition-property: background-color; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .c-icon:hover { transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-icon__path { fill: var(--c-page__color-dark); transition-property: fill; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .c-icon__img { display: block; width: 100%; height: 100%; object-fit: contain; } .c-button { display: block; padding: 0; border-radius: 0; border: none; background-color: transparent; text-decoration: none; cursor: pointer; line-height: 1; transition-property: background-color, border-color; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .c-button:focus { outline: none; } .c-button:hover .c-button__c-icon .c-icon__path { fill: var(--c-page__color-red); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-button__caption { padding: 15px 15px; display: block; cursor: pointer; transition-property: opacity, filter; transition-duration: var(--c-page__transition-duration); transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .c-button__caption:hover { opacity: 0.7; } .c-button__caption--is-active:hover { opacity: 0.7; } .c-button__caption--is-active .c-button__caption-inner, .c-button__caption--is-active .c-button__caption-inner::before, .c-button__caption--is-active .c-button__caption-inner::after { background-color: #000; } .c-button__caption-box { width: 40px; height: 24px; display: block; position: relative; } .c-button__caption-inner { display: block; top: 50%; margin-top: -2px; } .c-button__caption-inner, .c-button__caption-inner::before, .c-button__caption-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .c-button__caption-inner::before, .c-button__caption-inner::after { content: ""; display: block; } .c-button__caption-inner::before { top: -10px; } .c-button__caption-inner::after { bottom: -10px; } .c-button__caption-spin .c-button__caption-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .c-button__caption-spin .c-button__caption-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .c-button__caption-spin .c-button__caption-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .c-button__caption-spin--is-active .c-button__caption-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .c-button__caption-spin--is-active .c-button__caption-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .c-button__caption-spin--is-active .c-button__caption-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .c-input { width: 100%; padding: 0; vertical-align: middle; border: none; background-image:none; background-color:transparent; box-shadow: none; } .c-input:focus { outline: none; } .c-body__masthead { position: relative; z-index: 5; } .c-body--interactive-zoom .c-body__masthead { display: none; } .c-body__header { position: sticky; top: 0; z-index: 3; transform-style: preserve-3d; max-width: var(--c-page__max-desktop-width); margin: 0 auto; box-shadow: 0 -1px 8px 0 #00000026; transform: translate3d(0, 0, 0); transition-property: transform; transition-duration: var(--c-page__transition-duration-fast); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .c-body__header--hide { display: none; } .c-body__header--pull-up { transform: translate3d(0, -101%, 0); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-body__main { position: relative; z-index: 1; min-height: 25vh; max-width: var(--c-page__max-desktop-width); margin: 0 auto; padding: 0; background-color: var(--c-page__color-white); } .c-body__main--interactive-zoom { max-width: none; z-index: 3; } .c-body__filler--category { width: 100%; padding: 3.88rem 0 0 0; background-color: var(--c-page__color-white); } .c-body__load-more { margin: 0 auto; padding: 1.68rem 0 0; max-width: var(--c-page__max-desktop-width); background-color: var(--c-page__color-white); display: flex; justify-content: center; } .c-body__category-pagination { margin: 0 auto; padding: 1.7rem 0 0; max-width: var(--c-page__max-desktop-width); background-color: var(--c-page__color-white); text-align: center; } .c-body__category-pagination > * { margin: 0 10px; } .c-body__category-pagination > *:first-child { margin-left: 0; } .c-body__category-pagination > *:last-child { margin-right: 0; } .c-body__c-icon { width: 2.08rem; height: 2.08rem; padding: 0; } @media (max-width:719px) { .c-body__load-more, .c-body__category-pagination { padding: 2.68rem 0 2.88rem; } .c-body__category-pagination > * { margin: 0 2px; } } .c-single-article { } .c-single-article--interactive-zoom { position: relative; z-index: 1; width: 100%; height: 100%; } .c-single-article__header { margin: 3.68rem auto 0; } .c-single-article--interactive-zoom .c-single-article__header { display: none; } .c-single-article__header--portrait { margin-top: 0; max-width: var(--c-page__max-desktop-width); display: flex; justify-content: center; align-items: center; align-content: center; flex-wrap: nowrap; } .c-single-article__header-content { max-width: var(--c-page__max-desktop-content-width); margin: 0 auto; padding: 0 1.06rem; position: relative; } .c-single-article__header-content--portrait { flex: 0 0 auto; order: 2; width: 55%; padding: 3.99rem; } .c-single-article__sub-subhead { font-size: 0.8571rem; letter-spacing: 0.07142rem; word-spacing: normal; color: var(--c-page__color-red); text-transform: uppercase } .c-single-article__headline { margin: 0.33rem 0 0; } .c-single-article__headline--portrait { margin: 0.33rem 0 0; } .c-single-article__title { margin: 0; display: inline; font-size: 1.7142rem; letter-spacing: normal; word-spacing: 0.03428rem; line-height: 1.2; padding: 0 5px 0 0; text-transform: capitalize; } .c-single-article__excerpt { margin: 0; display: inline; font-size: 1.6428rem; letter-spacing: -0.02464rem; word-spacing: normal; line-height: 1.1; } .c-single-article__meta { margin: 1.06rem 0 0; position: relative; font-size: 0.9821rem; letter-spacing: -0.02142rem; word-spacing: normal; } .c-single-article__meta--portrait { margin: 1.06rem 0 0; } .c-single-article__author {} .c-single-article__datetime:before { content: ' | '; } .c-single-article__datetime-sticker { position: absolute; bottom: -1.58rem; right: 0px; z-index: 7; transform: translate3d(-125%, 50%, 0); background-color: var(--c-page__color-white); border: 6px solid var(--c-page__color-dark); text-align: center; transition-property: opacity; transition-delay: var(--c-page__transition-duration-slow); transition-duration: var(--c-page__transition-duration-slow); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-single-article__datetime-sticker--portrait { bottom: auto; top: 0px; left: 0px; right: auto; transform: translate3d(-50%, -25%, 0); } .c-single-article__datetime-sticker--hide { opacity: 0; } .c-single-article__datetime-date { display: block; font-size: 1.1428rem; letter-spacing: normal; word-spacing: 0.01428rem; padding: 2px 10px; } .c-single-article__datetime-month { display: block; font-size: 0.6071rem; letter-spacing: normal; word-spacing: 0.01428rem; padding: 2px 10px 8px; } .c-single-article__featured-media { margin: 1.58rem auto 0; padding: 0; position: relative; display: table; } .c-single-article__featured-media--video { --media-height: 56.25%; display: block; position: relative; padding-bottom: var(--media-height); height: 0; } .c-single-article__featured-media--video::before { content: ''; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 26px; height: 26px; border-radius: 50%; border: 3px solid var(--c-page__color-red); border-top-color: var(--c-page__color-grey-mid-high); animation: c-single-article__loader var(--c-page__transition-duration-slow) linear infinite; } @keyframes c-single-article__loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .c-single-article__embed-root { display: block !important; position: absolute !important; z-index: 1; top: 0; left: 0; opacity: 1; width: 100% !important; height: 100% !important; transition-property: opacity; transition-delay: var(--c-page__transition-duration-slow); transition-duration: var(--c-page__transition-duration-slow); transition-timing-function: var(--c-page__transition-timing-function-entering); border-top: 1px solid var(--c-page__color-light); border-bottom: 1px solid var(--c-page__color-light); } .c-single-article__embed-root--hide { opacity: 0; } .c-single-article__embed-root * { position: static !important; display: block !important; width: 100% !important; height: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background-color: transparent !important; } .c-single-article__featured-media--portrait { margin-top: 0; flex: 0 0 auto; order: 1; width: 45%; } .c-single-article__featured-picture { display: flex; justify-content: center; align-content: center; align-items: center; border-top: 1px solid var(--c-page__color-light); border-bottom: 1px solid var(--c-page__color-light); } .c-single-article__featured-picture--portrait { border: none; } .c-single-article__featured-img { display: block; max-width: 100%; max-height: 100%; } .c-single-article__featured-img--portrait { width: 100%; max-height: 85vh; object-fit: cover; } .c-single-article__featured-media-text { margin: 5px 0 0; padding: 0 20px; color: var(--c-page__color-grey-dark); display: table-caption; caption-side: bottom; text-align: center; font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .c-single-article__featured-media[data-has-text="false"] .c-single-article__featured-media-text { display: none; } .c-single-article__featured-media-text--aligned { text-align: left; } .c-single-article__featured-media-caption br { display: block; content: ''; margin: 0; height: 0; padding: 0.66rem 0 0 0; } .c-single-article__featured-media-caption br:not(.break) { padding: 0; } .c-single-article__featured-media-credit { font-size: 0.63rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; color: #b9b9b9; padding: 0 0 0 5px; } .c-single-article__featured-media-caption--break, .c-single-article__featured-media-credit--break { display: block; } .c-single-article__featured-media-caption, .c-single-article__featured-media-credit { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .c-single-article__content { color: var(--c-page__color-grey-dark); } .c-single-article__content ol[class=''], .c-single-article__content ol:not([class]), .c-single-article__content ul[class=''], .c-single-article__content ul:not([class]) { list-style-position: inside; margin: 1.38rem 0 0 1.38rem; padding: 0; } .c-single-article__content > ol[class=''], .c-single-article__content > ol:not([class]), .c-single-article__content > ul[class=''], .c-single-article__content > ul:not([class]) { max-width: var(--c-page__max-desktop-content-width); margin: 1.38rem auto 0; padding: 0 1.06rem; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; } .c-single-article__content ol[class=''] li, .c-single-article__content ol:not([class]) li, .c-single-article__content ul[class=''] li, .c-single-article__content ul:not([class]) li { margin: 1.38rem 0 0; } .c-single-article__content ol[class=''] li:first-of-type, .c-single-article__content ol:not([class]) li:first-of-type, .c-single-article__content ul[class=''] li:first-of-type, .c-single-article__content ul:not([class]) li:first-of-type { margin: 0; } .c-single-article__content h1[class=''], .c-single-article__content h2[class=''], .c-single-article__content h3[class=''], .c-single-article__content h4[class=''], .c-single-article__content h5[class=''], .c-single-article__content h6[class=''], .c-single-article__content h1:not([class]), .c-single-article__content h2:not([class]), .c-single-article__content h3:not([class]), .c-single-article__content h4:not([class]), .c-single-article__content h5:not([class]), .c-single-article__content h6:not([class]) { max-width: var(--c-page__max-desktop-content-width); margin: 1.38rem auto 0; padding: 0 1.06rem; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; } .c-single-article__content p[class=''], .c-single-article__content p:not([class]), .c-single-article__content p.has-text-align-center, .c-single-article__content p.has-text-align-left, .c-single-article__content p.has-text-align-right { max-width: var(--c-page__max-desktop-content-width); margin: 1.38rem auto 0; padding: 0 1.06rem; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; } .c-single-article__content p.has-text-align-center { text-align: center; } .c-single-article__content p.has-text-align-right { text-align: right; } .c-single-article__content .wp-block-quote { max-width: var(--c-page__max-desktop-content-width); color: var(--c-page__color-black); margin: 2.28rem auto 1.08rem; padding: 0 1.06rem; font-style: italic; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; position: relative; text-align: right; clear: both; } .c-single-article__content .wp-block-quote + * { margin-top: 1.08rem !important; } .c-single-article__content .wp-block-quote p { position: relative; border-bottom: 1px solid var(--c-page__color-grey-light); padding: 0 0 1.68rem; margin: 0 4.78rem; text-align: left; } .c-single-article__content .wp-block-quote > p::before { display: block; position: absolute; top: 0; left: 0; transform: translate(-150%, -25%); content: "\""; font-size: 5.88rem; color: var(--c-page__color-red); line-height: 1; z-index: -1; } .c-single-article__content .wp-block-quote cite { display: inline-block; color: var(--c-page__color-grey-dark); font-size: 1rem; transform: translate(0, -77%); background-color: var(--c-page__color-white); margin: 0 4.78rem 0 0; padding: 0 0.28rem 0 1.13rem; line-height: 1; } .c-single-article__content .wp-block-quote p, .c-single-article__content .wp-block-quote cite, .c-single-article__content .wp-block-quote strong { font-weight: 700; } .c-single-article__content .wp-block-pullquote { max-width: calc(var(--c-page__max-desktop-content-width) - 1.06rem - 1.06rem); border-top: 4px solid var(--c-page__color-grey-dark-a25); border-bottom: 4px solid var(--c-page__color-grey-dark-a25); margin: 1.78rem auto 1.68rem; padding: 0; position: relative; text-align: center; clear: both; } .c-single-article__content .wp-block-pullquote blockquote { margin: 0 auto; padding: 1.78rem 1.06rem 1.68rem; } .c-single-article__content .wp-block-pullquote p:first-of-type { margin-top: 0; } .c-single-article__content .wp-block-pullquote cite { margin: 1.38rem auto 0; padding: 0 1.06rem; display: block; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; } .c-single-article__content .wp-block-separator { max-width: var(--c-page__max-desktop-content-width); margin: 1.92rem auto; height: 1px; box-sizing: border-box; background-color: var(--c-page__color-grey-mid); border-left: 5.88rem solid var(--c-page__color-white); border-right: 5.88rem solid var(--c-page__color-white); border-top: none; border-bottom: none; clear: both; } .c-single-article__content .wp-block-media-text { max-width: var(--c-page__max-desktop-content-width); margin: 1.68rem auto; padding: 0 1.06rem; display: flex; justify-content: center; clear: both; } .c-single-article__content .wp-block-media-text.has-media-on-the-right { margin-top: 1.58rem; } .c-single-article__content .wp-block-media-text .wp-block-media-text__content, .c-single-article__content .wp-block-media-text .wp-block-media-text__media { display: flex; flex-direction: column; } .c-single-article__content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { order: 1; } .c-single-article__content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { order: 2; padding: 0.48rem 0 0 1.68rem; } .c-single-article__content .wp-block-media-text.is-v-aligned-text .wp-block-media-text__content { justify-content: center; } .c-single-article__content .wp-block-media-text.is-v-aligned-media .wp-block-media-text__media { justify-content: center; } .c-single-article__content .wp-block-media-text.is-v-aligned-text .wp-block-media-text__media, .c-single-article__content .wp-block-media-text.is-v-aligned-media .wp-block-media-text__media { padding-top: 0; } .c-single-article__content .wp-block-media-text__media { margin: 0; flex: 0 0 auto; max-width: 50%; padding: 0.48rem 1.68rem 0 0; } .c-single-article__content .wp-block-media-text__media img { display: block; max-width: 100%; max-height: 38vh; height: auto !important; object-fit: contain; box-shadow: var(--c-page__box-shadow); } .c-single-article__content .wp-block-media-text__content { flex: 1 1 auto; display: flex; flex-direction: column; } .c-single-article__content .wp-block-media-text__content * { margin: 1.38rem 0 0 0; padding: 0 !important; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; } .c-single-article__content .wp-block-media-text__content *:first-child { margin: 0; } .c-single-article__content .wp-block-media-text__content * { margin-left: 0 !important; margin-right: 0 !important; } .c-single-article__content .wp-block-media-text.is-v-aligned-text .wp-block-media-text__content *:last-child { margin-bottom: 1.38rem; } .c-single-article__content .wp-block-image { max-width: var(--c-page__max-desktop-content-width); margin: 1.78rem auto 1.698rem; padding: 0 1.06rem; clear: both; } .c-single-article__content .wp-block-image + .wp-block-separator { margin-top: 2.68rem; } .c-single-article__content figure.wp-block-image, .c-single-article__content .wp-block-image figure { display: table; } .c-single-article__content .wp-block-image figure { margin: 0 auto; border-collapse: collapse; } .c-single-article__content .wp-block-image img { display: block; max-width: 100% !important; max-height: 60vh; height: auto !important; object-fit: contain; box-shadow: var(--c-page__box-shadow); } .c-single-article__content .wp-block-image.has-padding img { padding: 20px; } .c-single-article__content .wp-block-image.has-no-top-padding img { padding-top: 0px; } .c-single-article__content .wp-block-image.has-no-bottom-padding img { padding-bottom: 0px; } .c-single-article__content .wp-block-image.has-no-left-padding img { padding-left: 0px; } .c-single-article__content .wp-block-image.has-no-right-padding img { padding-right: 0px; } .c-single-article__content .wp-block-image figcaption { margin: 10px 0 -8px 0; padding: 0 5px; color: var(--c-page__color-grey-dark); display: table-caption; caption-side: bottom; text-align: center; font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .c-single-article__content figure.wp-block-image figcaption { padding: 0 calc(1.06rem + 5px); } .c-single-article__content ul.wp-block-gallery, .c-single-article__content figure.wp-block-gallery { max-width: var(--c-page__max-desktop-content-width); margin: 1.29rem auto -0.23rem; padding: 0 0.67rem; clear: both; } .c-single-article__content ul.blocks-gallery-grid { margin: 0; padding: 0; } .c-single-article__content ul.wp-block-gallery, .c-single-article__content ul.blocks-gallery-grid { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item { margin: 0; padding: 0.39rem; display: flex; justify-content: center; align-items: center; } .c-single-article__content ul.wp-block-gallery.columns-1 .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-1 ul.blocks-gallery-grid .blocks-gallery-item { margin: 0.39rem auto 0 !important; flex: 1 1 100%; } .c-single-article__content ul.wp-block-gallery.columns-1 .blocks-gallery-item:first-of-type, .c-single-article__content figure.wp-block-gallery.columns-1 ul.blocks-gallery-grid .blocks-gallery-item:first-of-type { margin: 0 auto !important; } .c-single-article__content ul.wp-block-gallery.columns-2 .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-2 ul.blocks-gallery-grid .blocks-gallery-item { flex: 1 1 50%; } .c-single-article__content ul.wp-block-gallery.columns-3 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-5 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-6 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-7 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-8 .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-3 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-5 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-6 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-7 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-8 ul.blocks-gallery-grid .blocks-gallery-item { flex: 1 1 33.3333%; } .c-single-article__content ul.wp-block-gallery.columns-4 .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-4 ul.blocks-gallery-grid .blocks-gallery-item { flex: 1 1 25%; } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item figure, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item figure { position: relative; margin: 0; width: 100%; height: auto; } .c-single-article__content ul.wp-block-gallery.is-cropped .blocks-gallery-item figure, .c-single-article__content figure.wp-block-gallery.is-cropped ul.blocks-gallery-grid .blocks-gallery-item figure { height: 100%; } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item figure img, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item figure img { display: block; width: 100%; height: auto; object-fit: contain; border: 1px solid var(--c-page__color-grey-light); } .c-single-article__content ul.wp-block-gallery.is-cropped .blocks-gallery-item figure img, .c-single-article__content figure.wp-block-gallery.is-cropped ul.blocks-gallery-grid .blocks-gallery-item figure img { height: 100%; object-fit: cover; } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item figure figcaption, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 1.28rem; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; opacity: 0; color: var(--c-page__color-light); background-color: var(--c-page__color-grey-dark-a75); transition-property: opacity; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); overflow: hidden; } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item figure figcaption:hover, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item figure figcaption:hover { opacity: 1; transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item figure figcaption a, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item figure figcaption a { display: flex; justify-content: center; align-items: center; align-content: center; width: 100%; height: 100%; } .c-single-article__content .wp-block-gallery figcaption { font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .c-single-article__content .wp-block-gallery > figcaption { margin: calc(10px - 0.39rem) 0 -8px 0; padding: 0 calc(5px + 0.39rem); color: var(--c-page__color-grey-dark); text-align: center; } .c-single-article__content .wp-block-verse { width: 768px; margin: 2.08rem auto 1.98rem; padding: 1.98rem 2.28rem 1.78rem; color: var(--c-page__color-black); background-color: var(--c-page__color-grey-light); box-shadow: var(--c-page__box-shadow); border: 1px solid #ddd; font-size: 0.70rem; letter-spacing: 0.038rem; word-spacing: normal; line-height: 1.58; white-space: pre-wrap; clear: both; transition-property: width; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-single-article__content .wp-block-verse br { display: block; content: ''; margin: 1.38rem 0 0 0; } .c-single-article__tag-list { max-width: var(--c-page__max-desktop-content-width); margin: 3.08rem auto 0; padding: 0 1.06rem 0 calc(1.06rem - 0.18rem - 8px); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; list-style: none; clear: both; } .c-single-article__tag-item { margin: 0.08rem 0.18rem; flex: 0 0 auto; font-size: 0.8214rem; letter-spacing: normal; word-spacing: normal; display: block; border-radius: 16px; overflow: hidden; text-transform: uppercase; } .c-single-article__tag-item:first-of-type { padding: 6px 9px 5px; border-radius: 0; } .c-single-article__tag-item-link { padding: 5px 9px; display: block; transition-property: background-color, color; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .c-single-article__tag-item-link:hover { background-color: var(--c-page__color-red); color: var(--c-page__color-grey-light); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-single-article__related-articles { max-width: var(--c-page__max-desktop-content-width); margin: 3.08rem auto 0; padding: 0 1.06rem; } .c-single-article__related-articles-title { margin: 0; padding: 1.5rem 0 0 0; font-size: 1.0714rem; letter-spacing: 0.2rem; word-spacing: 0.02142rem; line-height: 1.31; text-transform: uppercase; color: var(--c-page__color-dark); position: relative; z-index: 2; display: inline-block; text-align: right; width: 142px; } .c-single-article__related-articles-title:before { z-index: -1; position: absolute; top: 0; left: 0; display: block; content: ' '; background-image: url('../images/title-accent.svg'); background-size: 5.08rem; height: 5.08rem; width: 5.08rem; } .c-single-article__related-list { list-style: none; margin: 1.18rem 0 0; padding: 0; } .c-single-article__related-item { padding: 2.28% 0; text-transform: uppercase; border-bottom: 1px solid var(--c-page__color-grey-light); } .c-single-article__related-item:last-of-type { padding-bottom: 0; border-bottom: none; } .c-single-article__related-item-link { color: var(--c-page__color-dark); font-size: 0.9285rem; letter-spacing: 0.09285rem; word-spacing: normal; color: var(--c-page__color-dark); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 98%; display: inline-block; transition-property: color, transform; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .c-single-article__related-item-link:hover { transform: translate(0.88%, 0); color: var(--c-page__color-red); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-single-article__content div[id^='wufoo-'] { max-width: var(--c-page__max-desktop-width); margin: 0 auto; padding: 0; font-size: 1rem; letter-spacing: -0.01rem; word-spacing: 0.02rem; line-height: 1.5; text-align: center; min-height: 128px; position: relative; color: transparent ; } .c-single-article__content div[id^='wufoo-']::before { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px; width: 26px; height: 26px; border-radius: 50%; border: 3px solid var(--c-page__color-red); border-top-color: var(--c-page__color-grey-mid-high); animation: wufoo-loading 2s linear infinite; z-index: 1; } .c-single-article__content div[id^='wufoo-'] a { color: transparent ; } .c-single-article__content div[id^='wufoo-'] iframe { position: relative; z-index: 2; } @keyframes wufoo-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .mnmntl-image { max-width: var(--c-page__max-desktop-content-width); margin: 1.68rem auto 0; padding: 0 1.06rem; } .mnmntl-image--float-left, .mnmntl-image--float-right { margin: 1.38rem auto 0; } .mnmntl-image + .wp-block-separator { margin-top: 2.68rem; } .mnmntl-image--close-gap + .mnmntl-image, .mnmntl-image--close-gap + .mnmntl-image-group { margin-top: 0.3rem; } .mnmntl-image__media-wrapper { margin: 0 auto; display: table; border-collapse: collapse; } .mnmntl-image__media-wrapper--float-left { float: left; margin-right: 2.08rem; } .mnmntl-image__media-wrapper--float-right { float: right; margin-left: 2.68rem; } .mnmntl-image__media-wrapper--float-left, .mnmntl-image__media-wrapper--float-right { border-collapse: separate; width: 100%; max-width: 399px; padding: 0.48rem 0 0; margin-bottom: 2rem; } .mnmntl-image__media { position: relative; } .mnmntl-image__image { display: block; max-width: 100% !important; max-height: 90vh; height: auto !important; object-fit: contain; } .mnmntl-image__image[data-orientation="portrait"] { max-height: 60vh; } .mnmntl-image--no-shadow .mnmntl-image__image { box-shadow: none; } .mnmntl-image__image--has-padding { padding: 20px; } .mnmntl-image__image--has-no-top-padding { padding-top: 0px; } .mnmntl-image__image--has-no-bottom-padding { padding-bottom: 0px; } .mnmntl-image__image--has-no-left-padding { padding-left: 0px; } .mnmntl-image__image--has-no-right-padding { padding-right: 0px; } .mnmntl-image__link-button { position: absolute; z-index: 7; bottom: 0.58rem; right: 0.68rem; display: block; padding: 0; border-radius: 0; border: none; background-color: transparent; text-decoration: none; cursor: pointer; line-height: 1; } .mnmntl-image__link-button:focus { outline: none; } .mnmntl-image__link-button--disabled, .mnmntl-image__link-button:disabled { display: none; } .mnmntl-image__link-icon { display: block; width: 22px; height: 22px; padding: 0.13rem; background-color: var(--c-page__color-white); border: 1px solid var(--c-page__color-grey-mid); transition-property: background-color; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .mnmntl-image__link-icon path { fill: var(--c-page__color-grey-dark); transform-origin: center; transition-property: fill; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .mnmntl-image__link-button:hover .mnmntl-image__link-icon { background-color: var(--c-page__color-red); transition-timing-function: var(--c-page__transition-timing-function-entering); } .mnmntl-image__link-button:hover .mnmntl-image__link-icon path { fill: var(--c-page__color-white); transition-timing-function: var(--c-page__transition-timing-function-entering); } .mnmntl-image__link-button:active .mnmntl-image__link-icon { background-color: var(--c-page__color-white); transition-duration: 0ms; } .mnmntl-image__link-button:active .mnmntl-image__link-icon path { fill: var(--c-page__color-grey-dark); transition-duration: 0ms; } .mnmntl-image__caption-wrapper { margin: 10px 0 0; padding: 0 5px; color: var(--c-page__color-grey-dark); display: table-caption; caption-side: bottom; text-align: center; font-size: 0rem; } .mnmntl-image__caption-wrapper--left { text-align: left; } .mnmntl-image__caption { font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .mnmntl-image__caption br { display: block; content: ''; margin: 0; height: 0; padding: 1.06rem 0 0 0; } .mnmntl-image__caption br:not(.break) { padding: 0; } .mnmntl-image__credit { font-size: 0.63rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; color: #b9b9b9; padding: 0 0 0 5px; } .mnmntl-image__caption, .mnmntl-image__credit { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; } .mnmntl-image__caption--break, .mnmntl-image__credit--break { display: block; } .mnmntl-image__credit--break { padding: 3px 0 0 0; } @media all and (max-width: 719px) { .mnmntl-image { max-width: var(--c-page__max-mobile-content-width); } .mnmntl-image__media-wrapper--float-right, .mnmntl-image__media-wrapper--float-left { float: none; border-collapse: collapse; width: auto; margin: 0 auto; padding: 0; max-width: none; } .mnmntl-image--close-gap + .mnmntl-image, .mnmntl-image--close-gap + .mnmntl-image-group { margin-top: 0.23rem; } .mnmntl-image__link-button:hover .mnmntl-image__link-icon { background-color: var(--c-page__color-white); transition-duration: 0ms; transition-timing-function: var(--c-page__transition-timing-function-entering); } .mnmntl-image__link-button:hover .mnmntl-image__link-icon path { fill: var(--c-page__color-grey-dark); transition-duration: 0ms; transition-timing-function: var(--c-page__transition-timing-function-entering); } .mnmntl-image__link-button:active .mnmntl-image__link-icon { background-color: var(--c-page__color-red); } .mnmntl-image__link-button:active .mnmntl-image__link-icon path { fill: var(--c-page__color-white); } .mnmntl-image__image[data-orientation="portrait"] { max-height: 75vh; } } .mnmntl-image-group { max-width: var(--c-page__max-desktop-content-width); margin: 1.3rem auto -0.23rem; padding: 0 1.06rem; clear: both; } .mnmntl-image-group--close-gap + .mnmntl-image { margin-top: 0.53rem; } .mnmntl-image-group--close-gap + .mnmntl-image-group { margin-top: 0.15rem; } .mnmntl-image-group__list { margin: 0 -0.38rem !important; padding: 0 !important; list-style: none !important; display: flex; flex-wrap: wrap; justify-content: center; } .mnmntl-image-group__list--align-left { justify-content: flex-start; } .mnmntl-image-group__item { margin: 0 !important; padding: 0.38rem !important; display: flex; justify-content: center; align-items: center; } .mnmntl-image-group__item--1 { margin: 1rem auto 0 !important; flex: 0 1 100%; } .mnmntl-image-group__item--1:first-of-type { margin: 0 auto !important; } .mnmntl-image-group__item--2 { flex: 0 1 50%; } .mnmntl-image-group__item--3 { flex: 0 1 33.33%; } .mnmntl-image-group__item--4 { flex: 0 1 25%; } .mnmntl-image-group__item--grow { flex-grow: 1; } .mnmntl-image-group__media { position: relative; margin: 0; width: 100%; height: auto; } .mnmntl-image-group__media--cover { height: 100%; } .mnmntl-image-group__media--34:before { content: ""; display: block; padding-top: 120%; } .mnmntl-image-group__image { display: block; width: 100% !important; height: auto !important; object-fit: contain; border: 1px solid var(--c-page__color-grey-light); } .mnmntl-image-group__image--cover { height: 100% !important; object-fit: cover; } .mnmntl-image-group__image--34 { position: absolute; top: 0; left: 0; height: 100% !important; } .mnmntl-image-group__image--has-padding { padding: 20px; } .mnmntl-image-group__image--has-no-top-padding { padding-top: 0px; } .mnmntl-image-group__image--has-no-bottom-padding { padding-bottom: 0px; } .mnmntl-image-group__image--has-no-left-padding { padding-left: 0px; } .mnmntl-image-group__image--has-no-right-padding { padding-right: 0px; } .mnmntl-image-group__button-caption { outline: none; position: absolute; z-index: 5; bottom: 0.58rem; right: 0.68rem; padding: 2px; display: none; cursor: pointer; opacity: 0.38; transition-property: opacity, filter, border; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); background-color: var(--c-page__color-white); border: 1px solid var(--c-page__color-grey-dark); border-radius: 50%; margin: 0; overflow: hidden; width: 26px; height: 26px; } .mnmntl-image-group__button-caption:focus { outline: none; } .mnmntl-image-group__button-caption:disabled { display: none; } .mnmntl-image-group__button-caption--is-active { background-color: var(--c-page__color-grey-dark); border: 1px solid var(--c-page__color-grey-mid-high); opacity: 1; transition-timing-function: var(--c-page__transition-timing-function-entering); } .mnmntl-image-group__button-caption-box { width: 100%; height: 100%; display: block; position: relative; } .mnmntl-image-group__button-caption-inner { display: block; top: 50%; left: 50%; margin-top: -1px; margin-left: -6px; } .mnmntl-image-group__button-caption-inner::before { top: -5px; } .mnmntl-image-group__button-caption-inner::after { bottom: -5px; } .mnmntl-image-group__button-caption-inner, .mnmntl-image-group__button-caption-inner::before, .mnmntl-image-group__button-caption-inner::after { width: 12px; height: 2px; background-color: var(--c-page__color-black); border-radius: 0; position: absolute; transition-property: transform; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); } .mnmntl-image-group__button-caption-inner::before, .mnmntl-image-group__button-caption-inner::after { content: ""; display: block; } .mnmntl-image-group__button-caption--is-active .mnmntl-image-group__button-caption-inner, .mnmntl-image-group__button-caption--is-active .mnmntl-image-group__button-caption-inner::before, .mnmntl-image-group__button-caption--is-active .mnmntl-image-group__button-caption-inner::after { background-color: var(--c-page__color-white); } .mnmntl-image-group__button-caption-spin .mnmntl-image-group__button-caption-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .mnmntl-image-group__button-caption-spin .mnmntl-image-group__button-caption-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .mnmntl-image-group__button-caption-spin .mnmntl-image-group__button-caption-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .mnmntl-image-group__button-caption-spin--is-active .mnmntl-image-group__button-caption-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .mnmntl-image-group__button-caption-spin--is-active .mnmntl-image-group__button-caption-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .mnmntl-image-group__button-caption-spin--is-active .mnmntl-image-group__button-caption-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .mnmntl-image-group__caption-wrapper { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; padding: 1.28rem; display: flex; flex-direction: column; justify-content: center; align-items: center; align-content: center; opacity: 0; color: var(--c-page__color-light); background-color: var(--c-page__color-grey-dark-a75); transition-property: opacity; transition-duration: var(--c-page__transition-duration); transition-timing-function: var(--c-page__transition-timing-function-leaving); overflow: hidden; } .mnmntl-image-group__caption-wrapper--show { opacity: 1; transition-timing-function: var(--c-page__transition-timing-function-entering); } .mnmntl-image-group__caption { font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .mnmntl-image-group__caption br { display: block; content: ''; margin: 0; height: 0; padding: 0.8rem 0 0 0; } .mnmntl-image-group__caption br:not(.break) { padding: 0; } .mnmntl-image-group__credit { font-size: 0.68rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; color: var(--c-page__color-grey-mid-high); } .mnmntl-image-group__caption, .mnmntl-image-group__credit { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: manual; -ms-hyphens: manual; hyphens: manual; width: 100%; } @media all and (max-width: 719px) { .mnmntl-image-group { max-width: var(--c-page__max-mobile-content-width); } .mnmntl-image-group--close-gap + .mnmntl-image { margin-top: 0.46rem; } .mnmntl-image-group--close-gap + .mnmntl-image-group { margin-top: 0.23rem; } .mnmntl-image-group__item { padding: 0.23rem !important; } .mnmntl-image-group__item--2, .mnmntl-image-group__item--3, .mnmntl-image-group__item--4 { flex: 1 1 auto !important; width: 50%; } .mnmntl-image-group__image { max-height: 75vh; } .mnmntl-image-group__button-caption { bottom: 0.38rem; right: 0.48rem; width: 22px; height: 22px; } .mnmntl-image-group__button-caption-inner { margin-top: -1px; margin-left: -5px; } .mnmntl-image-group__button-caption-inner::before { top: -4px; } .mnmntl-image-group__button-caption-inner::after { bottom: -4px; } .mnmntl-image-group__button-caption-inner, .mnmntl-image-group__button-caption-inner::before, .mnmntl-image-group__button-caption-inner::after { width: 10px; height: 2px; } } .c-embed { max-width: var(--c-page__max-desktop-content-width); margin: 1.78rem auto 1.68rem; padding: 0 1.06rem; } .c-embed--float-right, .c-embed--float-left { margin: 1.5rem auto 0; } .c-embed:last-child { margin-bottom: 2.68rem; } .c-embed + .wp-block-separator { margin-top: 2.68rem; } .wp-block-embed, .c-embed__content-wrapper { display: block; margin: 0 auto; padding: 0; max-width: 605px; } .wp-block-embed.is-type-video, .c-embed__content-wrapper--full { max-width: none; } .c-embed__content-wrapper--medium { max-width: 550px; } .c-embed__content-wrapper--small { max-width: 375px !important; } .c-embed__content-wrapper--auto { display: table; border-collapse: collapse; max-width: none; } .c-embed__content-wrapper--float-right { float: right; margin-left: 2.08rem; } .c-embed__content-wrapper--float-left { float: left; margin-right: 2.08rem; } .c-embed__content-wrapper--float-right, .c-embed__content-wrapper--float-left { width: 100%; max-width: 399px; padding: 0.48rem 0 0; margin-bottom: 2rem; } .wp-block-embed__wrapper, .c-embed__media-wrapper { position: relative; width: 100%; margin: 0 auto; } .wp-block-embed.is-type-video .wp-block-embed__wrapper, .c-embed__media-wrapper--responsive { --media-height: 56.25%; display: block; width: 100%; padding-top: var(--media-height); height: 0; } .c-embed__media-wrapper--medium { width: 550px; } .wp-block-embed.is-type-video.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-block-embed.is-type-video.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-block-embed.is-type-video.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .c-embed__media-wrapper--small { width: 375px; } .wp-block-embed.is-type-video.wp-embed-aspect-21-9 .wp-block-embed__wrapper { --media-height: 42.85%; } .wp-block-embed.is-type-video.wp-embed-aspect-18-9 .wp-block-embed__wrapper { --media-height: 50%; } .wp-block-embed.is-type-video.wp-embed-aspect-4-3 .wp-block-embed__wrapper { --media-height: 75%; } .wp-block-embed.is-type-video.wp-embed-aspect-1-1 .wp-block-embed__wrapper { --media-height: 100%; } .wp-block-embed.is-type-video.wp-embed-aspect-1-2 .wp-block-embed__wrapper { --media-height: calc( 100% * 2); } .wp-block-embed.is-type-video.wp-embed-aspect-9-16 .wp-block-embed__wrapper { --media-height: calc( 100% * 1.777); } .c-embed__content-wrapper--float-right .c-embed__media-wrapper--tiktok, .c-embed__content-wrapper--float-left .c-embed__media-wrapper--tiktok { width: 375px; } .wp-block-embed__wrapper *, .c-embed__media, .c-embed__media * { position: static !important; display: block !important; width: 100% !important; max-width: none !important; margin: 0 auto !important; padding: 0 !important; border: none !important; border-radius: 0 !important; background-color: transparent !important; } .wp-block-embed__wrapper > *, .c-embed__media { box-shadow: var(--c-page__box-shadow) !important; transition-property: opacity; transition-delay: var(--c-page__transition-duration-slow); transition-duration: var(--c-page__transition-duration-slow); transition-timing-function: var(--c-page__transition-timing-function-entering); } .c-embed__media--hide { opacity: 0; } .wp-block-embed.is-type-video .wp-block-embed__wrapper > *, .c-embed__media--responsive { position: absolute !important; z-index: 5; top: 0; left: 0; } .wp-block-embed.is-type-video .wp-block-embed__wrapper *, .c-embed__media--responsive { height: 100% !important; } .c-embed__media--responsive * { height: 100%; } .c-embed__media--tiktok { box-shadow: none !important; height: auto !important; --width: 605px; } .c-embed__media--tiktok::before { content: ''; position: absolute; width: var(--width); height: 100%; box-shadow: var(--c-page__box-shadow); transform: translateX(-50%); left: 50%; border-radius: 8px !important; } .c-embed__media--twitter { border-radius: 14px !important; } .c-embed__media--spotify iframe { height: 380px; } .c-embed__media--facebook * { } .wp-block-embed figcaption, .c-embed__content-wrapper figcaption { margin: 10px auto -8px; padding: 0 5px; color: inherit; text-align: center; font-size: 0.75rem; letter-spacing: -0.0075rem; word-spacing: 0.015rem; line-height: 1.38; } .c-embed__content-wrapper--auto-shrink figcaption { display: table-caption; caption-side: bottom; } .c-embed__media-wrapper--medium + figcaption { width: 550px; } .c-embed__media-wrapper--small + figcaption { width: 375px; } @media all and (max-width: 719px) { .c-embed, .c-embed--float-right, .c-embed--float-left { max-width: var(--c-page__max-mobile-content-width); margin: 1.78rem auto 1.78rem; padding: 0 1.06rem; } .c-embed__content-wrapper--float-right, .c-embed__content-wrapper--float-left { width: 100%; max-width: 605px; padding: 0; margin: 0 auto; float: none; } .wp-block-embed, .c-embed__content-wrapper { max-width: none !important; } .c-embed__content-wrapper--full { max-width: none !important; } .c-embed__content-wrapper--small { max-width: calc(375px + 1.06rem + 1.06rem) !important; } .wp-block-embed.is-type-video.wp-embed-aspect-1-1 .wp-block-embed__wrapper, .wp-block-embed.is-type-video.wp-embed-aspect-1-2 .wp-block-embed__wrapper, .wp-block-embed.is-type-video.wp-embed-aspect-9-16 .wp-block-embed__wrapper, .c-embed__media-wrapper--small, .c-embed__media-wrapper--medium { width: 100% } .c-embed__media-wrapper--small + figcaption, .c-embed__media-wrapper--medium + figcaption { width: 100%; } } @media all and (max-width: 680px) { .c-embed__media-wrapper--tiktok { max-width: 375px; width: 100%; } } @media all and (max-width: 719px) { .c-single-article + .c-ad__billboard-wrapper { margin-top: 2.68rem; } .c-single-article ~ .c-single-article { margin-top: 2.68rem; } .c-single-article__header { margin: 1.38rem auto 0; } .c-single-article__header--portrait { max-width: var(--c-page__max-mobile-content-width); display: block; } .c-single-article__header-content { max-width: var(--c-page__max-mobile-content-width); padding: 0 1.06rem; } .c-single-article__header-content--portrait { width: 100%; padding: 0 1.06rem; } .c-single-article__sub-subhead { font-size: 0.6673rem; letter-spacing: 0.07142rem; word-spacing: normal; } .c-single-article__headline { margin: 0.38rem 0 0; } .c-single-article__headline--portrait { margin: 0.38rem 0 0; } .c-single-article__title { font-size: 1.5012rem; letter-spacing: normal; word-spacing: 0.03428rem; line-height: 1.1; padding: 0 5px 0 0; } .c-single-article__excerpt { font-size: 1.2786rem; letter-spacing: -0.02464rem; word-spacing: normal; line-height: 1.1; } .c-single-article__meta { margin: 1.18rem 0 0 3px; font-size: 0.8616rem; letter-spacing: -0.02165rem; word-spacing: normal; } .c-single-article__meta--portrait { margin: 1rem 0 0 3px; } .c-single-article__author {} .c-single-article__datetime-sticker { left: auto; right: 0; bottom: 0; transform: translate(-50%, 100%); } .c-single-article__datetime-sticker--portrait { top: auto; left: auto; right: 0; bottom: 0; transform: translate(-50%, 100%); } .c-single-article__datetime-date { display: block; font-size: 1rem; letter-spacing: normal; word-spacing: 0.01428rem; padding: 2px 10px; } .c-single-article__datetime-month { display: block; font-size: 0.6071rem; letter-spacing: normal; word-spacing: 0.01428rem; padding: 2px 10px 8px; } .c-single-article__featured-media { width: 100%; margin: 1.38rem 0 0; } .c-single-article__featured-media--portrait { margin: 1.38rem 0 0; width: 100%; } .c-single-article__featured-media-text { margin: 3px 0 0; font-size: 0.68rem; } .c-single-article__content { } .c-single-article__content > *:first-child { margin: 1.18rem auto 0; } .c-single-article__content ol[class=''], .c-single-article__content ol:not([class]), .c-single-article__content ul[class=''], .c-single-article__content ul:not([class]) { margin: 1.38rem 0 0 1.06rem; } .c-single-article__content > ol[class=''], .c-single-article__content > ol:not([class]), .c-single-article__content > ul[class=''], .c-single-article__content > ul:not([class]) { max-width: var(--c-page__max-mobile-content-width); margin: 1.38rem 0 0; padding: 0 1.06rem; } .c-single-article__content h1[class=''], .c-single-article__content h2[class=''], .c-single-article__content h3[class=''], .c-single-article__content h4[class=''], .c-single-article__content h5[class=''], .c-single-article__content h6[class=''], .c-single-article__content h1:not([class]), .c-single-article__content h2:not([class]), .c-single-article__content h3:not([class]), .c-single-article__content h4:not([class]), .c-single-article__content h5:not([class]), .c-single-article__content h6:not([class]) { max-width: var(--c-page__max-mobile-content-width); } .c-single-article__content p[class=''], .c-single-article__content p:not([class]), .c-single-article__content p.has-text-align-left, .c-single-article__content p.has-text-align-right { max-width: var(--c-page__max-mobile-content-width); } .c-single-article__content .wp-block-quote { max-width: var(--c-page__max-mobile-content-width); margin: 2.6rem auto 1.08rem; } .c-single-article__content .wp-block-quote + * { margin-top: 1.28rem !important; } .c-single-article__content .wp-block-quote p { padding: 0 0 1.88rem; margin: 0 1.68rem; } .c-single-article__content .wp-block-quote > p::before { transform: translate(-125%, -25%); font-size: 5.08rem; } .c-single-article__content .wp-block-quote cite { margin: 0 1.68rem 0 0; padding: 0 0.68rem 0 1.13rem; } .c-single-article__content .wp-block-separator { max-width: var(--c-page__max-mobile-content-width); border-left: 5.08rem solid var(--c-page__color-white); border-right: 5.08rem solid var(--c-page__color-white); } .c-single-article__content .wp-block-media-text { max-width: var(--c-page__max-mobile-content-width); margin: 1.68rem auto 0; flex-direction: column; } .c-single-article__content .wp-block-media-text.has-media-on-the-right { margin-top: 1.68rem; } .c-single-article__content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { order: 2; } .c-single-article__content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media { order: 1; padding: 0; } .c-single-article__content .wp-block-media-text__media { max-width: 100%; padding: 0; } .c-single-article__content .wp-block-media-text__media img { margin: 0 auto; max-height: 75vh; } .c-single-article__content .wp-block-media-text__content { margin: 1.38rem 0 0; display: block; } .c-single-article__content .wp-block-image { max-width: var(--c-page__max-mobile-content-width); } .c-single-article__content .wp-block-image img { margin: 0 auto; max-height: 75vh; } .c-single-article__content .wp-block-image figcaption { margin: 6px 0 -8px 0; padding: 0 10px; font-size: 0.68rem; } .c-single-article__content figure.wp-block-image figcaption { padding: 0 10px; } .c-single-article__content ul.wp-block-gallery, .c-single-article__content figure.wp-block-gallery { max-width: var(--c-page__max-mobile-content-width); padding: 0 0.67rem; } .c-single-article__content ul.wp-block-gallery.columns-2 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-3 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-4 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-5 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-6 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-7 .blocks-gallery-item, .c-single-article__content ul.wp-block-gallery.columns-8 .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-2 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-3 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-4 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-5 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-6 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-7 ul.blocks-gallery-grid .blocks-gallery-item, .c-single-article__content figure.wp-block-gallery.columns-8 ul.blocks-gallery-grid .blocks-gallery-item { flex: 1 1 50%; } .c-single-article__content ul.wp-block-gallery.is-cropped .blocks-gallery-item figure, .c-single-article__content figure.wp-block-gallery.is-cropped ul.blocks-gallery-grid .blocks-gallery-item figure { height: 35vh; } .c-single-article__content ul.wp-block-gallery .blocks-gallery-item figure figcaption, .c-single-article__content figure.wp-block-gallery ul.blocks-gallery-grid .blocks-gallery-item figure figcaption { padding: 1rem; } .c-single-article__content .wp-block-gallery figcaption { font-size: 0.68rem; } .c-single-article__content .wp-block-gallery > figcaption { margin: calc( 6px - 0.39rem ) 0 -8px 0; padding: 0 calc( 0.39rem + 3px); } .c-single-article__content .wp-block-verse { max-width: 550px; width: 100%; } .c-single-article__tag-list { max-width: var(--c-page__max-mobile-content-width); padding: 0 1.06rem 0 calc(1.06rem - 7px); } .c-single-article__tag-item { margin: 0.08rem 0; } .c-single-article__related-articles { max-width: var(--c-page__max-mobile-content-width); margin: 2.08rem auto 0; } .c-single-article__related-articles-title { padding: 1.18rem 0 0 0; width: 155px; } .c-single-article__related-articles-title:before { background-size: 4.28rem; height: 4.28rem; width: 4.28rem; } .c-single-article__related-list { margin: 1.06rem 0 0; } .c-single-article__related-item { padding: 1.06rem 5px; } .c-single-article__related-item-link { max-width: var(--c-page__max-mobile-content-width); line-height: 1.2; overflow: visible; text-overflow: clip; white-space: normal; display: block; } .c-single-article__related-item-link:hover, .c-single-article__related-item-link:active { transform: translate(1.88%, 0); } } @media all and (min-width: 720px) and (max-width: 1024px) { .c-single-article__content .wp-block-verse { width: 620px; } }