/*
Theme Name: Benjamin Gorski CMS — fiches d’expérience
Theme URI: https://benjamin-gorski.com
Author: Benjamin Gorski
Description: CV éditorial bilingue pour Benjamin Gorski, autour de la data, du digital et du Retail Media.
Version: 2.4.3
Requires at least: 6.2
Requires PHP: 8.1
Text Domain: benjamin-gorski
*/

/* Fiches d’expérience : contenu éditorial large et médias WordPress. */
.experience-detail .section-shell{width:min(1360px,calc(100% - 72px))}
.experience-detail .detail-hero{display:block;padding:56px 0 54px;border-bottom:1px solid var(--line)}
.experience-detail .detail-hero h1{max-width:1200px;font-size:clamp(48px,6.8vw,88px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px}
.experience-detail .detail-intro{max-width:980px;font-size:clamp(17px,1.7vw,22px);line-height:1.75;margin:0}
.experience-detail .experience-featured-image{margin:48px 0 0}
.experience-detail .experience-featured-image img{display:block;width:100%;height:auto;border-radius:8px}
.experience-detail .article-content.experience-content{width:100%;max-width:none;padding:56px 0 100px}
.experience-content img{max-width:100%;height:auto}
.experience-content figure{margin:38px 0}
.experience-content .wp-block-image img{display:block}
.experience-content .wp-block-image figcaption{margin-top:12px;color:#718196;font-size:13px;text-align:left}
.experience-content .alignwide{width:min(calc(100% + 12vw),calc(100vw - 64px));max-width:calc(100vw - 64px);margin-left:50%;transform:translateX(-50%)}
.experience-content .alignfull{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
@media(max-width:900px){.experience-detail .section-shell{width:calc(100% - 48px)}.experience-detail .detail-hero{padding:44px 0}.experience-detail .detail-hero h1{font-size:clamp(42px,9vw,66px);letter-spacing:-.045em}.experience-detail .article-content.experience-content{padding:38px 0 72px}.experience-content .alignwide{width:calc(100vw - 48px);max-width:calc(100vw - 48px)}}
@media(max-width:600px){.experience-detail .section-shell{width:calc(100% - 36px)}.experience-content .alignwide{width:calc(100vw - 36px);max-width:calc(100vw - 36px)}}

/* Icônes de réseaux sociaux choisies dans la médiathèque WordPress. */
.footer-social .footer-social-icon{width:16px;height:16px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1)}

/* Logos des entreprises associées aux expériences. */
.career-company-logos{display:flex;align-self:stretch;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;gap:8px;min-width:0;padding:0}
.career-company-logo{display:flex;align-items:center;justify-content:center;width:64px;height:30px}
.career-company-logo img{display:block;width:100%;height:100%;max-height:30px;object-fit:contain;filter:grayscale(1);opacity:.72}
.career-company-logo img:hover{opacity:1}
@media(max-width:680px){.career-company-logos{grid-column:2;justify-content:flex-start;align-self:auto;padding-top:5px;gap:8px}.career-company-logo{width:64px;height:30px}.career-company-logo img{max-height:30px}}