﻿.article{--gfa-article-accent: #652C68;--gfa-article-accent-fg: var(--bs-white);--gfa-article-accent-bg: var(--gfa-article-accent);--gfa-article-image: unset;--gfa-article-image-lg: unset}.article-banner{aspect-ratio:1.15;background-image:var(--gfa-article-image);border-radius:var(--bs-border-radius-sm);color:var(--bs-white);display:flex;flex-direction:column;justify-content:flex-end;padding:.5rem;position:relative;width:min(100%,65rem);background-size:cover;background-position:center center}.article-banner h1,.article-banner h5,.article-banner::after{--gfa-article-banner-shadow-factor: 1;--gfa-article-banner-shadow-rgb: var(--bs-black-rgb);--gfa-article-banner-shadow-opacity: calc(0.5 * var(--gfa-article-banner-shadow-factor));--gfa-article-banner-shadow-offset: calc(0.15rem * var(--gfa-article-banner-shadow-factor));--gfa-article-banner-shadow-width: calc(0.15rem * var(--gfa-article-banner-shadow-factor));text-shadow:var(--gfa-article-banner-shadow-offset) var(--gfa-article-banner-shadow-offset) var(--gfa-article-banner-shadow-width) rgba(var(--bs-black-rgb), var(--gfa-article-banner-shadow-opacity))}.article-banner h1{font-size:2rem;font-weight:600}.article-banner h5{--gfa-article-banner-shadow-factor: 0.5;font-size:1.25rem;font-style:italic;font-weight:500;margin-bottom:0}.article-banner::after{--gfa-article-banner-shadow-factor: 0.5;content:"Photo by GFA World";font-size:1rem;position:absolute;bottom:.5rem;right:.5rem}html[lang=fr] .article-banner::after{content:"Photo de GFA World"}#article-subtitle h2{font-family:"Source Sans Pro",Arial,sans-serif;font-weight:100;margin-bottom:1.5rem}#article-intro p{font-family:"Playfair Display",serif;font-size:1.5rem;line-height:2.25rem}#article-intro p:first-of-type:first-letter{color:var(--gfa-article-accent);float:left;font-size:4.5rem;font-weight:600;padding:.5rem}#article-body{font-size:1.125rem;line-height:1.55;margin-bottom:3rem}#article-body h2{font-family:var(--bs-body-font-family);font-size:1.875rem;margin:1.45rem 0}#article-intro .figure,#article-body .figure{background-color:var(--bs-gray-100);border-radius:var(--bs-border-radius-sm);box-shadow:var(--bs-box-shadow-sm);display:block;position:relative;z-index:2}#article-intro .figure-img,#article-body .figure-img{height:auto;margin-bottom:0;width:100%}#article-intro .figure-img:first-child,#article-body .figure-img:first-child{border-top-left-radius:var(--bs-border-radius-sm);border-top-right-radius:var(--bs-border-radius-sm)}#article-intro .figure-img:last-child,#article-body .figure-img:last-child{border-bottom-left-radius:var(--bs-border-radius-sm);border-bottom-right-radius:var(--bs-border-radius-sm)}#article-intro .figure-caption,#article-body .figure-caption{font-style:italic;padding:.5rem}#article-intro .figure-caption a,#article-body .figure-caption a{color:inherit;transition:opacity .15s ease}#article-intro .figure-caption a:hover,#article-intro .figure-caption a:focus,#article-body .figure-caption a:hover,#article-body .figure-caption a:focus{opacity:.7}#article-intro .blockquote,#article-intro blockquote,#article-body .blockquote,#article-body blockquote{--gfa-article-quote-border: 1px solid var(--gfa-article-accent);color:var(--gfa-article-accent);font-family:"Playfair Display",serif;font-size:1.5rem;padding:1.25rem;position:relative}#article-intro .blockquote::before,#article-intro blockquote::before,#article-intro .blockquote::after,#article-intro blockquote::after,#article-body .blockquote::before,#article-body blockquote::before,#article-body .blockquote::after,#article-body blockquote::after{height:50%;pointer-events:none;position:absolute}#article-intro .blockquote::before,#article-intro blockquote::before,#article-body .blockquote::before,#article-body blockquote::before{border-left:var(--gfa-article-quote-border);border-top:var(--gfa-article-quote-border);content:"“";font-family:Arial,sans-serif;font-size:52pt;left:0;line-height:.4;padding-left:1.25rem;text-shadow:.25rem 0 0 #fff,-0.25rem 0 0 #fff;top:0;width:77%}#article-intro .blockquote::after,#article-intro blockquote::after,#article-body .blockquote::after,#article-body blockquote::after{border-bottom:var(--gfa-article-quote-border);border-right:var(--gfa-article-quote-border);bottom:0;content:"";right:0;width:50%}#article-intro sup.footnotes,#article-intro sup:has(>a.footnote-ref),#article-body sup.footnotes,#article-body sup:has(>a.footnote-ref){--gfa-footnote-bg-active: var(--gfa-article-accent-bg);--gfa-footnote-fg-active: var(--gfa-article-accent-fg)}.figure-gallery .figure{--gfa-figure-caption-opacity: 0;--gfa-figure-caption-transform: translateY(2rem);--gfa-figure-img-filter: none;--gfa-figure-img-transform: none;aspect-ratio:1;margin:0;overflow:clip;position:relative}.figure-gallery .figure:focus,.figure-gallery .figure:hover{--gfa-figure-caption-opacity: 1;--gfa-figure-caption-transform: none;--gfa-figure-img-filter: brightness(0.45) blur(1px);--gfa-figure-img-transform: scale(1.1)}.figure-gallery .figure>*{cursor:pointer;transition-duration:.15s;transition-timing-function:ease-in-out}.figure-gallery .figure-img{filter:var(--gfa-figure-img-filter);height:100%;margin:0;max-width:100%;object-fit:cover;transform:var(--gfa-figure-img-transform);transition-property:filter transform}.figure-gallery .figure-caption{bottom:2rem;color:var(--bs-white);font-size:var(--bs-body-font-size);left:2rem;opacity:var(--gfa-figure-caption-opacity);position:absolute;transform:var(--gfa-figure-caption-transform);transition-property:opacity transform;width:calc(100% - 4rem)}@media only screen and (min-width: 768px){.article-banner{background-image:var(--gfa-article-image-lg);aspect-ratio:1.75;padding:2rem 4rem}.article-banner h1{font-size:3rem}#article-intro .figure.figure-end,#article-intro .figure.figure-start,#article-body .figure.figure-end,#article-body .figure.figure-start{width:clamp(15rem,40%,25rem)}#article-intro .figure.figure-end.figure-sm,#article-intro .figure.figure-start.figure-sm,#article-body .figure.figure-end.figure-sm,#article-body .figure.figure-start.figure-sm{width:clamp(10rem,30%,13rem)}#article-intro .figure.figure-end,#article-body .figure.figure-end{float:right;margin:.5rem 0 .5rem 1rem}#article-intro .figure.figure-start,#article-body .figure.figure-start{float:left;margin:.5rem 1rem .5rem 0}#article-intro .d-flex>.figure-img:first-child,#article-body .d-flex>.figure-img:first-child{border-radius:0;border-top-left-radius:var(--bs-border-radius-sm)}#article-intro .d-flex>.figure-img:last-child,#article-body .d-flex>.figure-img:last-child{border-radius:0;border-top-right-radius:var(--bs-border-radius-sm)}}@media only screen and (min-width: 992px){.article-banner{padding:3rem 5rem}.article-banner h1{font-size:3.5rem}}@media only screen and (min-width: 1200px){.article-banner{aspect-ratio:2.5}}
