@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&family=Source+Sans+3:wght@300;400;500;600;700&display=swap');
:root{--f88-primary:#171717;--f88-accent:#cc1400;--f88-bg:#f6f6f6;--f88-surface:#fff;--f88-text:#171717;--f88-soft:#575757;--f88-line:#d9d9d9;--f88-gold:#ffc70f;--f88-serif:'Playfair Display',serif;--f88-sans:'Source Sans 3',sans-serif;--f88-shadow:0 18px 50px rgba(23,23,23,.1);--f88-radius:3px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.f88-body{margin:0;background:var(--f88-bg);color:var(--f88-text);font-family:var(--f88-sans);font-size:18px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--f88-accent);text-underline-offset:3px}h1,h2,h3{font-family:var(--f88-serif);line-height:1.08;margin:0 0 1rem}h1{font-size:clamp(2.8rem,7vw,6.8rem)}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:1.45rem}.f88-container{width:min(1240px,calc(100% - 40px));margin:auto}.f88-main,main{margin-top:0!important;padding-top:0!important}
.f88-header{position:relative;z-index:1000;background:#fff;border-bottom:1px solid var(--f88-line)}.f88-header-inner{min-height:118px;width:min(1440px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:center;gap:2rem}.f88-brand-link{display:flex;align-items:center;gap:.7rem;color:#171717;text-decoration:none;flex:none}.f88-brand-logo{width:auto}.f88-brand-name{font:700 1.4rem var(--f88-serif)}.f88-nav-desktop{display:none}.f88-nav-desktop-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.1rem;list-style:none;margin:0;padding:0;max-width:980px}.f88-nav-desktop-list a{display:block;color:#171717;text-decoration:none;font-size:.88rem;font-weight:600;padding:.35rem 0;border-bottom:2px solid transparent}.f88-nav-desktop-list a:hover,.f88-nav-desktop-list a:focus{border-color:var(--f88-accent)}.f88-burger{width:46px;height:46px;border:1px solid #171717;background:#fff;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;cursor:pointer}.f88-burger span{height:2px;background:#171717;width:100%}.f88-nav-mobile{display:none}.f88-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1900}.f88-nav-overlay.is-open{display:block}.f88-drawer-close{position:absolute;top:1rem;right:1rem;border:0;background:none;color:#171717;font-size:2.5rem}.f88-nav-mobile-list{list-style:none;padding:0;margin:0}.f88-nav-mobile-list li{border-bottom:1px solid #ddd}.f88-nav-mobile-list a{display:block;color:#171717;padding:.85rem 0;text-decoration:none;font-weight:600}.f88-drawer-cta{display:block!important;margin:2rem 0 0!important;text-align:center}.f88-menu-open{overflow:hidden}
.f88-hero{position:relative;overflow:hidden;min-height:70vh;background:#fff;display:flex;align-items:flex-end}.f88-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.f88-hero-inner{position:relative;z-index:2;background:#fff;color:#171717;margin:0 0 0 max(20px,calc((100vw - 1240px)/2));padding:clamp(2rem,5vw,4.5rem);width:min(720px,calc(100% - 40px));border-top:8px solid var(--f88-accent)}.f88-hero-inner h1{font-size:clamp(2.7rem,6vw,5.8rem)}.f88-hero-inner>p:not(.f88-hero-kicker){font-size:1.25rem;max-width:590px}.f88-hero-kicker,.f88-section-label,.f88-card-cat{text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--f88-accent);font-size:.78rem}.f88-btn{display:inline-block;padding:.85rem 1.35rem;text-decoration:none;font-weight:700;border-radius:var(--f88-radius)}.f88-btn--cta{background:var(--f88-accent);color:#fff}
.f88-editorial{background:#171717;color:#f6f6f6;padding:clamp(4rem,8vw,8rem) 0}.f88-editorial h2{max-width:950px}.f88-editorial>.f88-container>p:not(.f88-section-label){max-width:900px;color:#eaeaea}.f88-editorial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#575757;margin:3rem 0}.f88-editorial-grid article{background:#171717;padding:2rem}.f88-editorial a{color:#ffc70f}.f88-line{border-left:5px solid var(--f88-gold);padding:1rem 2rem;background:#242424;max-width:900px}.f88-line p{margin-bottom:0;color:#f6f6f6}
.f88-categories,.f88-latest,.f88-category-posts{padding:clamp(4rem,7vw,7rem) 0}.f88-cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.f88-cat-card{position:relative;min-height:240px;overflow:hidden;background:#171717;color:#fff;text-decoration:none}.f88-cat-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.f88-cat-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85))}.f88-cat-card span{position:absolute;z-index:2;left:1rem;bottom:1rem;font:700 1.5rem var(--f88-serif)}.f88-cat-card:hover img{transform:scale(1.04)}
.f88-latest{background:#fff}.f88-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.f88-card{background:#fff;border-top:1px solid #171717}.f88-card>a{color:#171717;text-decoration:none}.f88-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block}.f88-card-body{padding:1.2rem 0}.f88-card h3,.f88-card h2{font-size:1.55rem}.f88-card p{color:#575757}.f88-card time{font-size:.82rem;color:#575757}
.f88-cat-hero{height:320px;max-height:350px;overflow:hidden;position:relative;background:#171717}.f88-cat-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.f88-cat-hero .f88-container{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:2rem;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.75) 100%)}.f88-cat-hero h1{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.7)}.f88-category-intro{background:#fff;padding:3rem 0}.f88-category-intro p{max-width:900px}.f88-persona-photo{float:left;width:min(360px,45%);margin:0 2rem 1.5rem 0}.f88-contact-form{clear:both;margin-top:2rem}
.f88-footer{background:#171717;color:#f6f6f6;padding:4rem 0 0}.f88-footer-grid{width:min(1240px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:4rem}.f88-footer-logo{filter:none}.f88-footer-brand-pitch{color:#eaeaea;max-width:390px}.f88-footer-title{color:#fff;font-size:1.3rem}.f88-footer-links{list-style:none;margin:0;padding:0}.f88-footer-links li{margin:.55rem 0}.f88-footer a{color:#fff;text-decoration:underline}.f88-footer-brand-cta{color:#ffc70f!important}.f88-footer-bottom{border-top:1px solid #575757;margin-top:3rem;padding:1.5rem;text-align:center;color:#eaeaea}
@media(min-width:1024px){.f88-nav-desktop{display:flex;flex:1;justify-content:center}.f88-burger{display:none!important}.f88-drawer-cta{display:none!important}}
@media(max-width:1023px){.f88-header-inner{justify-content:space-between;min-height:82px}.f88-brand-name{font-size:1.1rem}.f88-header-cta-desktop{display:none!important}.f88-nav-mobile.is-open{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;width:86%;max-width:380px;background:#fff;padding:4.5rem 1.5rem 2rem;z-index:2000;overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,.3)}.f88-editorial-grid{grid-template-columns:1fr}.f88-cat-grid{grid-template-columns:repeat(2,1fr)}.f88-post-grid{grid-template-columns:repeat(2,1fr)}.f88-footer-grid{grid-template-columns:1fr 1fr}.f88-footer-brand{grid-column:1/-1}}
@media(max-width:640px){body.f88-body{font-size:17px}.f88-container{width:min(100% - 28px,1240px)}.f88-hero{min-height:620px}.f88-hero-inner{margin:0 14px;width:calc(100% - 28px);padding:2rem 1.3rem}.f88-cat-grid,.f88-post-grid,.f88-footer-grid{grid-template-columns:1fr}.f88-footer-brand{grid-column:auto}.f88-cat-card{min-height:220px}.f88-persona-photo{float:none;width:100%;margin:0 0 1.5rem}}
@media(hover:none){.f88-cat-card:hover img{transform:none}}
.f88-space-1{margin-top:1px}
.f88-space-2{margin-top:2px}
.f88-space-3{margin-top:3px}
.f88-space-4{margin-top:4px}
.f88-space-5{margin-top:5px}
.f88-space-6{margin-top:6px}
.f88-space-7{margin-top:7px}
.f88-space-8{margin-top:8px}
.f88-space-9{margin-top:9px}
.f88-space-10{margin-top:10px}
.f88-space-11{margin-top:11px}
.f88-space-12{margin-top:12px}
.f88-space-13{margin-top:13px}
.f88-space-14{margin-top:14px}
.f88-space-15{margin-top:15px}
.f88-space-16{margin-top:16px}
.f88-space-17{margin-top:17px}
.f88-space-18{margin-top:18px}
.f88-space-19{margin-top:19px}
.f88-space-20{margin-top:20px}
.f88-space-21{margin-top:21px}
.f88-space-22{margin-top:22px}
.f88-space-23{margin-top:23px}
.f88-space-24{margin-top:24px}
.f88-space-25{margin-top:25px}
.f88-space-26{margin-top:26px}
.f88-space-27{margin-top:27px}
.f88-space-28{margin-top:28px}
.f88-space-29{margin-top:29px}
.f88-space-30{margin-top:30px}
.f88-space-31{margin-top:31px}
.f88-space-32{margin-top:32px}
.f88-space-33{margin-top:33px}
.f88-space-34{margin-top:34px}
.f88-space-35{margin-top:35px}
.f88-space-36{margin-top:36px}
.f88-space-37{margin-top:37px}
.f88-space-38{margin-top:38px}
.f88-space-39{margin-top:39px}
.f88-space-40{margin-top:40px}
.f88-space-41{margin-top:41px}
.f88-space-42{margin-top:42px}
.f88-space-43{margin-top:43px}
.f88-space-44{margin-top:44px}
.f88-space-45{margin-top:45px}
.f88-space-46{margin-top:46px}
.f88-space-47{margin-top:47px}
.f88-space-48{margin-top:48px}
.f88-space-49{margin-top:49px}
.f88-space-50{margin-top:50px}
.f88-space-51{margin-top:51px}
.f88-space-52{margin-top:52px}
.f88-space-53{margin-top:53px}
.f88-space-54{margin-top:54px}
.f88-space-55{margin-top:55px}
.f88-space-56{margin-top:56px}
.f88-space-57{margin-top:57px}
.f88-space-58{margin-top:58px}
.f88-space-59{margin-top:59px}
.f88-space-60{margin-top:60px}
.f88-space-61{margin-top:61px}
.f88-space-62{margin-top:62px}
.f88-space-63{margin-top:63px}
.f88-space-64{margin-top:64px}
.f88-space-65{margin-top:65px}
.f88-space-66{margin-top:66px}
.f88-space-67{margin-top:67px}
.f88-space-68{margin-top:68px}
.f88-space-69{margin-top:69px}
.f88-space-70{margin-top:70px}
.f88-space-71{margin-top:71px}
.f88-space-72{margin-top:72px}
.f88-space-73{margin-top:73px}
.f88-space-74{margin-top:74px}
.f88-space-75{margin-top:75px}
.f88-space-76{margin-top:76px}
.f88-space-77{margin-top:77px}
.f88-space-78{margin-top:78px}
.f88-space-79{margin-top:79px}
.f88-space-80{margin-top:80px}
.f88-space-81{margin-top:81px}
.f88-space-82{margin-top:82px}
.f88-space-83{margin-top:83px}
.f88-space-84{margin-top:84px}
.f88-space-85{margin-top:85px}
.f88-space-86{margin-top:86px}
.f88-space-87{margin-top:87px}
.f88-space-88{margin-top:88px}
.f88-space-89{margin-top:89px}
.f88-space-90{margin-top:90px}
.f88-space-91{margin-top:91px}
.f88-space-92{margin-top:92px}
.f88-space-93{margin-top:93px}
.f88-space-94{margin-top:94px}
.f88-space-95{margin-top:95px}
.f88-space-96{margin-top:96px}
.f88-space-97{margin-top:97px}
.f88-space-98{margin-top:98px}
.f88-space-99{margin-top:99px}
.f88-space-100{margin-top:100px}
.f88-space-101{margin-top:101px}
.f88-space-102{margin-top:102px}
.f88-space-103{margin-top:103px}
.f88-space-104{margin-top:104px}
.f88-space-105{margin-top:105px}
.f88-space-106{margin-top:106px}
.f88-space-107{margin-top:107px}
.f88-space-108{margin-top:108px}
.f88-space-109{margin-top:109px}
.f88-space-110{margin-top:110px}
.f88-space-111{margin-top:111px}
.f88-space-112{margin-top:112px}
.f88-space-113{margin-top:113px}
.f88-space-114{margin-top:114px}
.f88-space-115{margin-top:115px}
.f88-space-116{margin-top:116px}
.f88-space-117{margin-top:117px}
.f88-space-118{margin-top:118px}
.f88-space-119{margin-top:119px}
.f88-space-120{margin-top:120px}
.f88-space-121{margin-top:121px}
.f88-space-122{margin-top:122px}
.f88-space-123{margin-top:123px}
.f88-space-124{margin-top:124px}
.f88-space-125{margin-top:125px}
.f88-space-126{margin-top:126px}
.f88-space-127{margin-top:127px}
.f88-space-128{margin-top:128px}
.f88-space-129{margin-top:129px}
.f88-space-130{margin-top:130px}
.f88-space-131{margin-top:131px}
.f88-space-132{margin-top:132px}
.f88-space-133{margin-top:133px}
.f88-space-134{margin-top:134px}
.f88-space-135{margin-top:135px}
.f88-space-136{margin-top:136px}
.f88-space-137{margin-top:137px}
.f88-space-138{margin-top:138px}
.f88-space-139{margin-top:139px}
.f88-space-140{margin-top:140px}
.f88-space-141{margin-top:141px}
.f88-space-142{margin-top:142px}
.f88-space-143{margin-top:143px}
.f88-space-144{margin-top:144px}
.f88-space-145{margin-top:145px}
.f88-space-146{margin-top:146px}
.f88-space-147{margin-top:147px}
.f88-space-148{margin-top:148px}
.f88-space-149{margin-top:149px}
.f88-space-150{margin-top:150px}
.f88-space-151{margin-top:151px}
.f88-space-152{margin-top:152px}
.f88-space-153{margin-top:153px}
.f88-space-154{margin-top:154px}
.f88-space-155{margin-top:155px}
.f88-space-156{margin-top:156px}
.f88-space-157{margin-top:157px}
.f88-space-158{margin-top:158px}
.f88-space-159{margin-top:159px}
.f88-space-160{margin-top:160px}
.f88-space-161{margin-top:161px}
.f88-space-162{margin-top:162px}
.f88-space-163{margin-top:163px}
.f88-space-164{margin-top:164px}
.f88-space-165{margin-top:165px}
.f88-space-166{margin-top:166px}
.f88-space-167{margin-top:167px}
.f88-space-168{margin-top:168px}
.f88-space-169{margin-top:169px}
.f88-space-170{margin-top:170px}
.f88-space-171{margin-top:171px}
.f88-space-172{margin-top:172px}
.f88-space-173{margin-top:173px}
.f88-space-174{margin-top:174px}
.f88-space-175{margin-top:175px}
.f88-space-176{margin-top:176px}
.f88-space-177{margin-top:177px}
.f88-space-178{margin-top:178px}
.f88-space-179{margin-top:179px}
.f88-space-180{margin-top:180px}
.f88-space-181{margin-top:181px}
.f88-space-182{margin-top:182px}
.f88-space-183{margin-top:183px}
.f88-space-184{margin-top:184px}
.f88-space-185{margin-top:185px}
.f88-space-186{margin-top:186px}
.f88-space-187{margin-top:187px}
.f88-space-188{margin-top:188px}
.f88-space-189{margin-top:189px}
.f88-space-190{margin-top:190px}
.f88-space-191{margin-top:191px}
.f88-space-192{margin-top:192px}
.f88-space-193{margin-top:193px}
.f88-space-194{margin-top:194px}
.f88-space-195{margin-top:195px}
.f88-space-196{margin-top:196px}
.f88-space-197{margin-top:197px}
.f88-space-198{margin-top:198px}
.f88-space-199{margin-top:199px}
.f88-space-200{margin-top:200px}
.f88-space-201{margin-top:201px}
.f88-space-202{margin-top:202px}
.f88-space-203{margin-top:203px}
.f88-space-204{margin-top:204px}
.f88-space-205{margin-top:205px}
.f88-space-206{margin-top:206px}
.f88-space-207{margin-top:207px}
.f88-space-208{margin-top:208px}
.f88-space-209{margin-top:209px}
.f88-space-210{margin-top:210px}
.f88-space-211{margin-top:211px}
.f88-space-212{margin-top:212px}
.f88-space-213{margin-top:213px}
.f88-space-214{margin-top:214px}
.f88-space-215{margin-top:215px}
.f88-space-216{margin-top:216px}
.f88-space-217{margin-top:217px}
.f88-space-218{margin-top:218px}
.f88-space-219{margin-top:219px}
.f88-space-220{margin-top:220px}
.f88-space-221{margin-top:221px}
.f88-space-222{margin-top:222px}
.f88-space-223{margin-top:223px}
.f88-space-224{margin-top:224px}
.f88-space-225{margin-top:225px}
.f88-space-226{margin-top:226px}
.f88-space-227{margin-top:227px}
.f88-space-228{margin-top:228px}
.f88-space-229{margin-top:229px}
.f88-space-230{margin-top:230px}
.f88-space-231{margin-top:231px}
.f88-space-232{margin-top:232px}
.f88-space-233{margin-top:233px}
.f88-space-234{margin-top:234px}
.f88-space-235{margin-top:235px}
.f88-space-236{margin-top:236px}
.f88-space-237{margin-top:237px}
.f88-space-238{margin-top:238px}
.f88-space-239{margin-top:239px}
.f88-space-240{margin-top:240px}
.f88-space-241{margin-top:241px}
.f88-space-242{margin-top:242px}
.f88-space-243{margin-top:243px}
.f88-space-244{margin-top:244px}
.f88-space-245{margin-top:245px}
.f88-space-246{margin-top:246px}
.f88-space-247{margin-top:247px}
.f88-space-248{margin-top:248px}
.f88-space-249{margin-top:249px}
.f88-space-250{margin-top:250px}
.f88-space-251{margin-top:251px}
.f88-space-252{margin-top:252px}
.f88-space-253{margin-top:253px}
.f88-space-254{margin-top:254px}
.f88-space-255{margin-top:255px}
.f88-space-256{margin-top:256px}
.f88-space-257{margin-top:257px}
.f88-space-258{margin-top:258px}
.f88-space-259{margin-top:259px}
.f88-space-260{margin-top:260px}
.f88-space-261{margin-top:261px}
.f88-space-262{margin-top:262px}
.f88-space-263{margin-top:263px}
.f88-space-264{margin-top:264px}
.f88-space-265{margin-top:265px}
.f88-space-266{margin-top:266px}
.f88-space-267{margin-top:267px}
.f88-space-268{margin-top:268px}
.f88-space-269{margin-top:269px}
.f88-space-270{margin-top:270px}
.f88-space-271{margin-top:271px}
.f88-space-272{margin-top:272px}
.f88-space-273{margin-top:273px}
.f88-space-274{margin-top:274px}
.f88-space-275{margin-top:275px}
.f88-space-276{margin-top:276px}
.f88-space-277{margin-top:277px}
.f88-space-278{margin-top:278px}
.f88-space-279{margin-top:279px}
.f88-space-280{margin-top:280px}
.f88-space-281{margin-top:281px}
.f88-space-282{margin-top:282px}
.f88-space-283{margin-top:283px}
.f88-space-284{margin-top:284px}
.f88-space-285{margin-top:285px}
.f88-space-286{margin-top:286px}
.f88-space-287{margin-top:287px}
.f88-space-288{margin-top:288px}
.f88-space-289{margin-top:289px}
.f88-space-290{margin-top:290px}
.f88-space-291{margin-top:291px}
.f88-space-292{margin-top:292px}
.f88-space-293{margin-top:293px}
.f88-space-294{margin-top:294px}
.f88-space-295{margin-top:295px}
.f88-space-296{margin-top:296px}
.f88-space-297{margin-top:297px}
.f88-space-298{margin-top:298px}
.f88-space-299{margin-top:299px}
.f88-space-300{margin-top:300px}
.f88-space-301{margin-top:301px}
.f88-space-302{margin-top:302px}
.f88-space-303{margin-top:303px}
.f88-space-304{margin-top:304px}
.f88-space-305{margin-top:305px}
.f88-space-306{margin-top:306px}
.f88-space-307{margin-top:307px}
.f88-space-308{margin-top:308px}
.f88-space-309{margin-top:309px}
.f88-space-310{margin-top:310px}
.f88-space-311{margin-top:311px}
.f88-space-312{margin-top:312px}
.f88-space-313{margin-top:313px}
.f88-space-314{margin-top:314px}
.f88-space-315{margin-top:315px}
.f88-space-316{margin-top:316px}
.f88-space-317{margin-top:317px}
.f88-space-318{margin-top:318px}
.f88-space-319{margin-top:319px}
.f88-space-320{margin-top:320px}
.f88-space-321{margin-top:321px}
.f88-space-322{margin-top:322px}
.f88-space-323{margin-top:323px}
.f88-space-324{margin-top:324px}
.f88-space-325{margin-top:325px}
.f88-space-326{margin-top:326px}
.f88-space-327{margin-top:327px}
.f88-space-328{margin-top:328px}
.f88-space-329{margin-top:329px}
.f88-space-330{margin-top:330px}
.f88-space-331{margin-top:331px}
.f88-space-332{margin-top:332px}
.f88-space-333{margin-top:333px}
.f88-space-334{margin-top:334px}
.f88-space-335{margin-top:335px}
.f88-space-336{margin-top:336px}
.f88-space-337{margin-top:337px}
.f88-space-338{margin-top:338px}
.f88-space-339{margin-top:339px}
.f88-space-340{margin-top:340px}
.f88-space-341{margin-top:341px}
.f88-space-342{margin-top:342px}
.f88-space-343{margin-top:343px}
.f88-space-344{margin-top:344px}
.f88-space-345{margin-top:345px}
.f88-space-346{margin-top:346px}
.f88-space-347{margin-top:347px}
.f88-space-348{margin-top:348px}
.f88-space-349{margin-top:349px}
.f88-space-350{margin-top:350px}
.f88-space-351{margin-top:351px}
.f88-space-352{margin-top:352px}
.f88-space-353{margin-top:353px}
.f88-space-354{margin-top:354px}
.f88-space-355{margin-top:355px}
.f88-space-356{margin-top:356px}
.f88-space-357{margin-top:357px}
.f88-space-358{margin-top:358px}
.f88-space-359{margin-top:359px}
.f88-space-360{margin-top:360px}
.f88-space-361{margin-top:361px}
.f88-space-362{margin-top:362px}
.f88-space-363{margin-top:363px}
.f88-space-364{margin-top:364px}
.f88-space-365{margin-top:365px}
.f88-space-366{margin-top:366px}
.f88-space-367{margin-top:367px}
.f88-space-368{margin-top:368px}
.f88-space-369{margin-top:369px}
.f88-space-370{margin-top:370px}
.f88-space-371{margin-top:371px}
.f88-space-372{margin-top:372px}
.f88-space-373{margin-top:373px}
.f88-space-374{margin-top:374px}
.f88-space-375{margin-top:375px}
.f88-space-376{margin-top:376px}
.f88-space-377{margin-top:377px}
.f88-space-378{margin-top:378px}
.f88-space-379{margin-top:379px}
.f88-space-380{margin-top:380px}
.f88-space-381{margin-top:381px}
.f88-space-382{margin-top:382px}
.f88-space-383{margin-top:383px}
.f88-space-384{margin-top:384px}
.f88-space-385{margin-top:385px}
.f88-space-386{margin-top:386px}
.f88-space-387{margin-top:387px}
.f88-space-388{margin-top:388px}
.f88-space-389{margin-top:389px}
.f88-space-390{margin-top:390px}
.f88-space-391{margin-top:391px}
.f88-space-392{margin-top:392px}
.f88-space-393{margin-top:393px}
.f88-space-394{margin-top:394px}
.f88-space-395{margin-top:395px}
.f88-space-396{margin-top:396px}
.f88-space-397{margin-top:397px}
.f88-space-398{margin-top:398px}
.f88-space-399{margin-top:399px}
.f88-space-400{margin-top:400px}
.f88-space-401{margin-top:401px}
.f88-space-402{margin-top:402px}
.f88-space-403{margin-top:403px}
.f88-space-404{margin-top:404px}
.f88-space-405{margin-top:405px}
.f88-space-406{margin-top:406px}
.f88-space-407{margin-top:407px}
.f88-space-408{margin-top:408px}
.f88-space-409{margin-top:409px}
.f88-space-410{margin-top:410px}
.f88-space-411{margin-top:411px}
.f88-space-412{margin-top:412px}
.f88-space-413{margin-top:413px}
.f88-space-414{margin-top:414px}
.f88-space-415{margin-top:415px}
.f88-space-416{margin-top:416px}
.f88-space-417{margin-top:417px}
.f88-space-418{margin-top:418px}
.f88-space-419{margin-top:419px}
.f88-space-420{margin-top:420px}
.f88-space-421{margin-top:421px}
.f88-space-422{margin-top:422px}
.f88-space-423{margin-top:423px}
.f88-space-424{margin-top:424px}
.f88-space-425{margin-top:425px}
.f88-space-426{margin-top:426px}
.f88-space-427{margin-top:427px}
.f88-space-428{margin-top:428px}
.f88-space-429{margin-top:429px}
.f88-space-430{margin-top:430px}
.f88-space-431{margin-top:431px}
.f88-space-432{margin-top:432px}
.f88-space-433{margin-top:433px}
.f88-space-434{margin-top:434px}
.f88-space-435{margin-top:435px}
.f88-space-436{margin-top:436px}
.f88-space-437{margin-top:437px}
.f88-space-438{margin-top:438px}
.f88-space-439{margin-top:439px}
.f88-space-440{margin-top:440px}
.f88-space-441{margin-top:441px}
.f88-space-442{margin-top:442px}
.f88-space-443{margin-top:443px}
.f88-space-444{margin-top:444px}
.f88-space-445{margin-top:445px}
.f88-space-446{margin-top:446px}
.f88-space-447{margin-top:447px}
.f88-space-448{margin-top:448px}
.f88-space-449{margin-top:449px}
.f88-space-450{margin-top:450px}
.f88-space-451{margin-top:451px}
.f88-space-452{margin-top:452px}
.f88-space-453{margin-top:453px}
.f88-space-454{margin-top:454px}
.f88-space-455{margin-top:455px}
.f88-space-456{margin-top:456px}
.f88-space-457{margin-top:457px}
.f88-space-458{margin-top:458px}
.f88-space-459{margin-top:459px}
.f88-space-460{margin-top:460px}
.f88-space-461{margin-top:461px}
.f88-space-462{margin-top:462px}
.f88-space-463{margin-top:463px}
.f88-space-464{margin-top:464px}
.f88-space-465{margin-top:465px}
.f88-space-466{margin-top:466px}
.f88-space-467{margin-top:467px}
.f88-space-468{margin-top:468px}
.f88-space-469{margin-top:469px}
.f88-space-470{margin-top:470px}
.f88-space-471{margin-top:471px}
.f88-space-472{margin-top:472px}
.f88-space-473{margin-top:473px}
.f88-space-474{margin-top:474px}
.f88-space-475{margin-top:475px}
.f88-space-476{margin-top:476px}
.f88-space-477{margin-top:477px}
.f88-space-478{margin-top:478px}
.f88-space-479{margin-top:479px}
.f88-space-480{margin-top:480px}
.f88-space-481{margin-top:481px}
.f88-space-482{margin-top:482px}
.f88-space-483{margin-top:483px}
.f88-space-484{margin-top:484px}
.f88-space-485{margin-top:485px}
.f88-space-486{margin-top:486px}
.f88-space-487{margin-top:487px}
.f88-space-488{margin-top:488px}
.f88-space-489{margin-top:489px}
.f88-space-490{margin-top:490px}
.f88-space-491{margin-top:491px}
.f88-space-492{margin-top:492px}
.f88-space-493{margin-top:493px}
.f88-space-494{margin-top:494px}
.f88-space-495{margin-top:495px}
.f88-space-496{margin-top:496px}
.f88-space-497{margin-top:497px}
.f88-space-498{margin-top:498px}
.f88-space-499{margin-top:499px}
.f88-space-500{margin-top:500px}
.f88-space-501{margin-top:501px}
.f88-space-502{margin-top:502px}
.f88-space-503{margin-top:503px}
.f88-space-504{margin-top:504px}
.f88-space-505{margin-top:505px}
.f88-space-506{margin-top:506px}
.f88-space-507{margin-top:507px}
.f88-space-508{margin-top:508px}
.f88-space-509{margin-top:509px}
.f88-space-510{margin-top:510px}
.f88-space-511{margin-top:511px}
.f88-space-512{margin-top:512px}
.f88-space-513{margin-top:513px}
.f88-space-514{margin-top:514px}
.f88-space-515{margin-top:515px}
.f88-space-516{margin-top:516px}
.f88-space-517{margin-top:517px}
.f88-space-518{margin-top:518px}
.f88-space-519{margin-top:519px}
.f88-space-520{margin-top:520px}
.f88-space-521{margin-top:521px}
.f88-space-522{margin-top:522px}
.f88-space-523{margin-top:523px}
.f88-space-524{margin-top:524px}
.f88-space-525{margin-top:525px}
.f88-space-526{margin-top:526px}
.f88-space-527{margin-top:527px}
.f88-space-528{margin-top:528px}
.f88-space-529{margin-top:529px}
.f88-space-530{margin-top:530px}
.f88-space-531{margin-top:531px}
.f88-space-532{margin-top:532px}
.f88-space-533{margin-top:533px}
.f88-space-534{margin-top:534px}
.f88-space-535{margin-top:535px}
.f88-space-536{margin-top:536px}
.f88-space-537{margin-top:537px}
.f88-space-538{margin-top:538px}
.f88-space-539{margin-top:539px}
.f88-space-540{margin-top:540px}
.f88-space-541{margin-top:541px}
.f88-space-542{margin-top:542px}
.f88-space-543{margin-top:543px}
.f88-space-544{margin-top:544px}
.f88-space-545{margin-top:545px}
.f88-space-546{margin-top:546px}
.f88-space-547{margin-top:547px}
.f88-space-548{margin-top:548px}
.f88-space-549{margin-top:549px}
.f88-space-550{margin-top:550px}
.f88-space-551{margin-top:551px}
.f88-space-552{margin-top:552px}
.f88-space-553{margin-top:553px}
.f88-space-554{margin-top:554px}
.f88-space-555{margin-top:555px}
.f88-space-556{margin-top:556px}
.f88-space-557{margin-top:557px}
.f88-space-558{margin-top:558px}
.f88-space-559{margin-top:559px}
.f88-space-560{margin-top:560px}
.f88-space-561{margin-top:561px}
.f88-space-562{margin-top:562px}
.f88-space-563{margin-top:563px}
.f88-space-564{margin-top:564px}
.f88-space-565{margin-top:565px}
.f88-space-566{margin-top:566px}
.f88-space-567{margin-top:567px}
.f88-space-568{margin-top:568px}
.f88-space-569{margin-top:569px}
.f88-space-570{margin-top:570px}
.f88-space-571{margin-top:571px}
.f88-space-572{margin-top:572px}
.f88-space-573{margin-top:573px}
.f88-space-574{margin-top:574px}
.f88-space-575{margin-top:575px}
.f88-space-576{margin-top:576px}
.f88-space-577{margin-top:577px}
.f88-space-578{margin-top:578px}
.f88-space-579{margin-top:579px}
.f88-space-580{margin-top:580px}
.f88-space-581{margin-top:581px}
.f88-space-582{margin-top:582px}
.f88-space-583{margin-top:583px}
.f88-space-584{margin-top:584px}
.f88-space-585{margin-top:585px}
.f88-space-586{margin-top:586px}
.f88-space-587{margin-top:587px}
.f88-space-588{margin-top:588px}
.f88-space-589{margin-top:589px}
.f88-space-590{margin-top:590px}
.f88-space-591{margin-top:591px}
.f88-space-592{margin-top:592px}
.f88-space-593{margin-top:593px}
.f88-space-594{margin-top:594px}
.f88-space-595{margin-top:595px}
.f88-space-596{margin-top:596px}
.f88-space-597{margin-top:597px}
.f88-space-598{margin-top:598px}
.f88-space-599{margin-top:599px}
.f88-space-600{margin-top:600px}
.f88-space-601{margin-top:601px}
.f88-space-602{margin-top:602px}
.f88-space-603{margin-top:603px}
.f88-space-604{margin-top:604px}
.f88-space-605{margin-top:605px}
.f88-space-606{margin-top:606px}
.f88-space-607{margin-top:607px}
.f88-space-608{margin-top:608px}
.f88-space-609{margin-top:609px}
.f88-space-610{margin-top:610px}
.f88-space-611{margin-top:611px}
.f88-space-612{margin-top:612px}
.f88-space-613{margin-top:613px}
.f88-space-614{margin-top:614px}
.f88-space-615{margin-top:615px}
.f88-space-616{margin-top:616px}
.f88-space-617{margin-top:617px}
.f88-space-618{margin-top:618px}
.f88-space-619{margin-top:619px}
.f88-space-620{margin-top:620px}
.f88-space-621{margin-top:621px}
.f88-space-622{margin-top:622px}
.f88-space-623{margin-top:623px}
.f88-space-624{margin-top:624px}
.f88-space-625{margin-top:625px}
.f88-space-626{margin-top:626px}
.f88-space-627{margin-top:627px}
.f88-space-628{margin-top:628px}
.f88-space-629{margin-top:629px}
.f88-space-630{margin-top:630px}
.f88-space-631{margin-top:631px}
.f88-space-632{margin-top:632px}
.f88-space-633{margin-top:633px}
.f88-space-634{margin-top:634px}
.f88-space-635{margin-top:635px}
.f88-space-636{margin-top:636px}
.f88-space-637{margin-top:637px}
.f88-space-638{margin-top:638px}
.f88-space-639{margin-top:639px}
.f88-space-640{margin-top:640px}
.f88-space-641{margin-top:641px}
.f88-space-642{margin-top:642px}
.f88-space-643{margin-top:643px}
.f88-space-644{margin-top:644px}
.f88-space-645{margin-top:645px}
.f88-space-646{margin-top:646px}
.f88-space-647{margin-top:647px}
.f88-space-648{margin-top:648px}
.f88-space-649{margin-top:649px}
.f88-space-650{margin-top:650px}
.f88-space-651{margin-top:651px}
.f88-space-652{margin-top:652px}
.f88-space-653{margin-top:653px}
.f88-space-654{margin-top:654px}
.f88-space-655{margin-top:655px}
.f88-space-656{margin-top:656px}
.f88-space-657{margin-top:657px}
.f88-space-658{margin-top:658px}
.f88-space-659{margin-top:659px}
.f88-space-660{margin-top:660px}
.f88-space-661{margin-top:661px}
.f88-space-662{margin-top:662px}
.f88-space-663{margin-top:663px}
.f88-space-664{margin-top:664px}
.f88-space-665{margin-top:665px}
.f88-space-666{margin-top:666px}
.f88-space-667{margin-top:667px}
.f88-space-668{margin-top:668px}
.f88-space-669{margin-top:669px}
.f88-space-670{margin-top:670px}
.f88-space-671{margin-top:671px}
.f88-space-672{margin-top:672px}
.f88-space-673{margin-top:673px}
.f88-space-674{margin-top:674px}
.f88-space-675{margin-top:675px}
.f88-space-676{margin-top:676px}
.f88-space-677{margin-top:677px}
.f88-space-678{margin-top:678px}
.f88-space-679{margin-top:679px}
.f88-space-680{margin-top:680px}
.f88-space-681{margin-top:681px}
.f88-space-682{margin-top:682px}
.f88-space-683{margin-top:683px}
.f88-space-684{margin-top:684px}
.f88-space-685{margin-top:685px}
.f88-space-686{margin-top:686px}
.f88-space-687{margin-top:687px}
.f88-space-688{margin-top:688px}
.f88-space-689{margin-top:689px}
.f88-space-690{margin-top:690px}
.f88-space-691{margin-top:691px}
.f88-space-692{margin-top:692px}
.f88-space-693{margin-top:693px}
.f88-space-694{margin-top:694px}
.f88-space-695{margin-top:695px}
.f88-space-696{margin-top:696px}
.f88-space-697{margin-top:697px}
.f88-space-698{margin-top:698px}
.f88-space-699{margin-top:699px}
.f88-space-700{margin-top:700px}
.f88-space-701{margin-top:701px}
.f88-space-702{margin-top:702px}
.f88-space-703{margin-top:703px}
.f88-space-704{margin-top:704px}
.f88-space-705{margin-top:705px}
.f88-space-706{margin-top:706px}
.f88-space-707{margin-top:707px}
.f88-space-708{margin-top:708px}
.f88-space-709{margin-top:709px}
.f88-space-710{margin-top:710px}
.f88-space-711{margin-top:711px}
.f88-space-712{margin-top:712px}
.f88-space-713{margin-top:713px}
.f88-space-714{margin-top:714px}
.f88-space-715{margin-top:715px}
.f88-space-716{margin-top:716px}
.f88-space-717{margin-top:717px}
.f88-space-718{margin-top:718px}
.f88-space-719{margin-top:719px}
.f88-space-720{margin-top:720px}
.f88-space-721{margin-top:721px}
.f88-space-722{margin-top:722px}
.f88-space-723{margin-top:723px}
.f88-space-724{margin-top:724px}
.f88-space-725{margin-top:725px}
.f88-space-726{margin-top:726px}
.f88-space-727{margin-top:727px}
.f88-space-728{margin-top:728px}
.f88-space-729{margin-top:729px}
.f88-space-730{margin-top:730px}
.f88-space-731{margin-top:731px}
.f88-space-732{margin-top:732px}
.f88-space-733{margin-top:733px}
.f88-space-734{margin-top:734px}
.f88-space-735{margin-top:735px}
.f88-space-736{margin-top:736px}
.f88-space-737{margin-top:737px}
.f88-space-738{margin-top:738px}
.f88-space-739{margin-top:739px}
.f88-space-740{margin-top:740px}
.f88-space-741{margin-top:741px}
.f88-space-742{margin-top:742px}
.f88-space-743{margin-top:743px}
.f88-space-744{margin-top:744px}
.f88-space-745{margin-top:745px}
.f88-space-746{margin-top:746px}
.f88-space-747{margin-top:747px}
.f88-space-748{margin-top:748px}
.f88-space-749{margin-top:749px}
.f88-space-750{margin-top:750px}
.f88-space-751{margin-top:751px}
.f88-space-752{margin-top:752px}
.f88-space-753{margin-top:753px}
.f88-space-754{margin-top:754px}
.f88-space-755{margin-top:755px}
.f88-space-756{margin-top:756px}
.f88-space-757{margin-top:757px}
.f88-space-758{margin-top:758px}
.f88-space-759{margin-top:759px}
.f88-space-760{margin-top:760px}
.f88-space-761{margin-top:761px}
.f88-space-762{margin-top:762px}
.f88-space-763{margin-top:763px}
.f88-space-764{margin-top:764px}
.f88-space-765{margin-top:765px}
.f88-space-766{margin-top:766px}
.f88-space-767{margin-top:767px}
.f88-space-768{margin-top:768px}
.f88-space-769{margin-top:769px}
.f88-space-770{margin-top:770px}
.f88-space-771{margin-top:771px}
.f88-space-772{margin-top:772px}
.f88-space-773{margin-top:773px}
.f88-space-774{margin-top:774px}
.f88-space-775{margin-top:775px}
.f88-space-776{margin-top:776px}
.f88-space-777{margin-top:777px}
.f88-space-778{margin-top:778px}
.f88-space-779{margin-top:779px}
.f88-space-780{margin-top:780px}
.f88-space-781{margin-top:781px}
.f88-space-782{margin-top:782px}
.f88-space-783{margin-top:783px}
.f88-space-784{margin-top:784px}
.f88-space-785{margin-top:785px}
.f88-space-786{margin-top:786px}
.f88-space-787{margin-top:787px}
.f88-space-788{margin-top:788px}
.f88-space-789{margin-top:789px}
.f88-space-790{margin-top:790px}
.f88-space-791{margin-top:791px}
.f88-space-792{margin-top:792px}
.f88-space-793{margin-top:793px}
.f88-space-794{margin-top:794px}
.f88-space-795{margin-top:795px}
.f88-space-796{margin-top:796px}
.f88-space-797{margin-top:797px}
.f88-space-798{margin-top:798px}
.f88-space-799{margin-top:799px}
.f88-space-800{margin-top:800px}

/* Extra rules */
body section[class*="cat-hero"], body div[class*="cat-hero"] {
  position: relative !important;
  width: 100% !important; max-width: 100% !important;
  margin-left: 0 !important; margin-right: 0 !important;
  left: 0 !important; right: 0 !important;
  height: 360px !important; min-height: 360px !important; max-height: 360px !important;
  padding: 0 !important; overflow: hidden !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important;
  border: none !important; box-shadow: none !important; outline: none !important;
  box-sizing: border-box !important;
}
/* Aussi force le parent <main> a etre full-width pour eviter cap a 1024 */
body main, body, body, body [class*="f88-main"], body #content {
  width: 100% !important; max-width: 100% !important;
  margin-left: 0 !important; margin-right: 0 !important;
}
body [class*="cat-hero"] > img, body [class*="cat-hero-bg"], body [class*="cat-hero"] img {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  max-height: 360px !important;
  object-fit: cover !important; z-index: 0 !important;
  border: none !important;
}
body [class*="cat-hero"]::before, body [class*="cat-hero"]::after {
  content: none !important; display: none !important;
}
/* Overlay : absolute par-dessus l'image, juste pour le gradient sombre */
body [class*="cat-hero-overlay"], body [class*="cat-hero"] > [class*="overlay"] {
  position: absolute !important; inset: 0 !important;
  width: 100% !important; height: 100% !important;
  margin: 0 !important; padding: 0 !important;
  max-width: none !important;
  display: block !important;
  z-index: 1 !important;
  background: linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.55) 100%) !important;
  pointer-events: none !important;
  border: none !important;
}
/* Container / inner du titre : centré au-dessus de l'overlay (z-index 2) */
body [class*="cat-hero"] > [class*="container"],
body [class*="cat-hero"] > [class*="cat-hero-inner"],
body [class*="cat-hero"] > [class*="hero-inner"]:not([class*="overlay"]),
body [class*="cat-hero"] > div:not([class*="overlay"]):not([class*="-bg"]) {
  position: relative !important; z-index: 2 !important;
  text-align: center !important;
  max-width: 900px !important; margin: 0 auto !important;
  padding: 1.5rem 2rem !important;
  border: none !important; background: transparent !important;
}
body [class*="cat-hero"] h1 {
  color: #ffffff !important;
  font-size: clamp(2.4rem, 6vw, 4rem) !important;
  text-align: center !important;
  margin: 0 !important; font-weight: 800 !important;
  text-shadow: 0 3px 12px rgba(0,0,0,.85), 0 0 30px rgba(0,0,0,.5) !important;
  border: none !important; display: block !important;
}
body [class*="cat-hero"] [class*="breadcrumb"],
body [class*="cat-hero"] nav[aria-label*="riane"],
body [class*="cat-hero"] nav[aria-label*="readcrumb"] {
  display: none !important;
}



body [class*="persona-photo"], body img[class*="persona"], body [class*="-persona"] img {
  max-width: 280px !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 50% !important;
  display: block !important;
  margin: 0 auto !important;
}
@media (min-width: 768px) {
  body [class*="persona-photo"], body img[class*="persona"], body [class*="-persona"] img {
    max-width: 320px !important;
  }
}


@media (max-width: 1023px) {
  /* FIX width:auto -> ne plus l'imposer (laisse child theme définir width).
     Sinon écrase le child et le burger devient 0 de large -> invisible. */
  body [class*="burger"], body button[class*="burger"] {
    align-items: center;
    justify-content: center;
    min-width: 42px;
    min-height: 42px;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    z-index: 100 !important;
  }
}
@media (min-width: 1024px) {
  body [class*="burger"], body button[class*="burger"] {
    display: none !important;
  }
}



body footer, body [class*="footer"]:not([class*="logo"]):not([class*="brand-logo"]) {
  color: inherit !important;
}


body footer ul li a, body footer ol li a,
body [class*="footer"] ul li a:not([class*="btn"]):not([class*="cta"]),
body footer [class*="link"]:not([class*="brand"]):not([class*="btn"]) {
  color: inherit !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1px !important;
  text-decoration-color: currentColor !important;
  opacity: 0.85 !important;
  transition: opacity .2s ease !important;
}
body footer ul li a:hover, body footer ol li a:hover,
body [class*="footer"] ul li a:hover {
  opacity: 1 !important;
  text-decoration-thickness: 2px !important;
}


body [class*="burger"] {
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 6px;
  cursor: pointer !important;
  padding: 8px;
  color: inherit;
  transition: background .2s ease, border-color .2s ease !important;
}
body [class*="burger"]:hover, body [class*="burger"]:focus-visible {
  background: rgba(0,0,0,0.06);
  border-color: var(--f88-accent, currentColor);
}
/* Container des 3 barres (peut s'appeler "bars", "lines", etc.) */
body [class*="burger"] > [class*="bar"],
body [class*="burger"] > [class*="line"],
body [class*="burger"] > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 16px;
  gap: 0;
}
/* Les 3 barres elles-mêmes */
body [class*="burger"] [class*="bar"] > span,
body [class*="burger"] [class*="line"] > span,
body [class*="burger"] > span > span {
  display: block;
  width: 22px;
  height: 2.5px;
  background: currentColor;
  border-radius: 2px;
  margin: 2px 0;
  transition: transform .25s ease, opacity .25s ease !important;
}
/* Etat ouvert : transforme en X */
body [class*="burger"][aria-expanded="true"] [class*="bar"] > span:nth-child(1),
body [class*="burger"][aria-expanded="true"] [class*="line"] > span:nth-child(1),
body [class*="burger"][aria-expanded="true"] > span > span:nth-child(1) {
  transform: translateY(6px) rotate(45deg) !important;
}
body [class*="burger"][aria-expanded="true"] [class*="bar"] > span:nth-child(2),
body [class*="burger"][aria-expanded="true"] [class*="line"] > span:nth-child(2),
body [class*="burger"][aria-expanded="true"] > span > span:nth-child(2) {
  opacity: 0 !important;
}
body [class*="burger"][aria-expanded="true"] [class*="bar"] > span:nth-child(3),
body [class*="burger"][aria-expanded="true"] [class*="line"] > span:nth-child(3),
body [class*="burger"][aria-expanded="true"] > span > span:nth-child(3) {
  transform: translateY(-6px) rotate(-45deg) !important;
}

@media (max-width: 1023px) {
  body header [class*="cta-wrap"]:has([class*="burger"]),
  body header > div:has([class*="burger"]),
  body [class*="header"] [class*="-wrap"]:has([class*="burger"]),
  body [class*="header-inner"] > div:has([class*="burger"]) {
    display: flex;
    align-items: center;
    visibility: visible !important;
    opacity: 1 !important;
  }
}


/* Mobile : 1 SEUL CTA visible (dans le burger).
   Sur mobile le CTA original du header est masque ; sur desktop le clone est hidden. */
@media (max-width: 1023px) {
  body [class*="header-cta"] [class*="btn--cta"],
  body [class*="header__cta"] [class*="btn--cta"],
  body [class*="header-cta"] > [class*="cta"],
  body [class*="header__cta"] > a {
    display: none !important;
  }
}


/* ============================================================
   Section 'On parle de nous' (media press)
   Logos grayscale par defaut, couleur au hover.
   Grid responsive 2-6 colonnes, gap auto.
============================================================ */
.f88-media-press {
  padding: 2.5rem 0;
  background: var(--f88-bg-soft, var(--f88-color-surface, #f9fafb));
  margin: 2rem 0;
}
.f88-media-press > .f88-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.25rem;
}
.f88-media-press-title {
  text-align: center;
  font-size: 0.92rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--f88-color-text-soft, var(--f88-color-muted, #5a6a85));
  margin: 0 0 1.6rem;
  font-weight: 600;
}
.f88-media-press-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2.2rem;
}
.f88-media-press-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  max-width: 160px;
  transition: opacity .25s ease, filter .25s ease, transform .25s ease;
  opacity: .65;
  filter: grayscale(100%);
}
.f88-media-press-item:hover,
.f88-media-press-item:focus {
  opacity: 1;
  filter: grayscale(0%);
  transform: translateY(-2px);
}
.f88-media-press-item img {
  max-width: 100%;
  max-height: 48px;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
}
@media (max-width: 640px) {
  .f88-media-press { padding: 1.8rem 0; }
  .f88-media-press-grid { gap: 1.4rem; }
  .f88-media-press-item { max-width: 110px; min-height: 36px; }
  .f88-media-press-item img { max-height: 36px; }
}


/* FIX gap header->hero (parent theme override) + media-press compact centre */
body main, body.home main, body.archive main, body.single main,
body, body, body main[class*="-main"] {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* MEDIA PRESS : layout horizontal compact CENTRE (titre + logos cote a cote au centre) */
.f88-media-press section[class*="media-press"] {
  padding: 24px 0 !important;
  margin: 0 !important;
  background: #fafafa;
  border-block: 1px solid rgba(0,0,0,0.06);
}
.f88-media-press .f88-container,
section[class*="media-press"] [class*="container"] {
  display: flex !important;
  align-items: center;
  justify-content: center !important;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  flex-wrap: wrap;
  text-align: center;
}
.f88-media-press-title,
section[class*="media-press"] [class*="title"] {
  margin: 0 !important;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--f88-muted, #666);
  flex: 0 0 auto;
}
.f88-media-press-grid,
section[class*="media-press"] [class*="grid"] {
  display: flex !important;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  flex: 0 1 auto;
  justify-content: center;
}
.f88-media-press-item,
section[class*="media-press"] [class*="item"] {
  display: inline-flex !important;
  align-items: center;
  opacity: 0.65;
  transition: opacity 0.2s ease;
  text-decoration: none;
}
.f88-media-press-item:hover:hover,
section[class*="media-press"] [class*="item"]:hover {
  opacity: 1;
}
.f88-media-press imgimg,
section[class*="media-press"] img {
  max-height: 48px !important;
  width: auto !important;
  max-width: 140px !important;
  object-fit: contain;
  filter: grayscale(100%);
  transition: filter 0.2s ease;
}
.f88-media-press a:hover imga:hover img {
  filter: grayscale(0%);
}
@media (max-width: 768px) {
  .f88-media-press .f88-container,
  section[class*="media-press"] [class*="container"] {
    flex-direction: column;
    text-align: center;
    gap: 18px;
  }
}



.f88-cat-hero--align-left .f88-cat-hero-inner
section[class*="cat-hero--align-left"] [class*="cat-hero-inner"] {
  text-align: left !important;
  align-items: flex-start !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  padding-left: 24px;
}
.f88-cat-hero--align-center .f88-cat-hero-inner
section[class*="cat-hero--align-center"] [class*="cat-hero-inner"] {
  text-align: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}


@media (max-width: 1023.98px) {  [class*="-header-cta-wrap"],
  [class*="-header-actions"],
  [class*="-burger-wrap"],
  [class*="-header-right"],
  [class*="-header-actions-mobile"] {
    display: flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
  }  [class*="-burger"]:not([class*="-bars"]):not([class*="-label"]):not([class*="-menu"]) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 42px !important;
    min-height: 42px !important;
    flex-shrink: 0 !important;
    z-index: 9999;
    pointer-events: auto !important;
    cursor: pointer !important;
  }  [class*="-burger"] > span,
  [class*="-burger-bars"] {
    display: flex !important;
    flex-direction: column !important;
    min-width: 24px !important;
    min-height: 16px !important;
  }  [class*="-burger-bars"] > *,
  [class*="-burger"] > span > * {
    display: block !important;
    min-width: 24px !important;
    min-height: 2px !important;
  }  [class*="-header-cta-desktop"] {
    display: none !important;
  }  [class*="-burger-label"] {
    display: none !important;
  }
}
@media (min-width: 1024px) {  [class*="-burger"]:not([class*="-bars"]):not([class*="-label"]):not([class*="-menu"]) {
    display: none !important;
  }
}


/* Burger style */
@media (max-width: 1023.98px) {
  [class*="-burger"]:not([class*="-bars"]):not([class*="-label"]):not([class*="-menu"]) {
    width: 42px !important; height: 42px !important;
    border-radius: 4px !important; padding: 8px !important;
    background: transparent !important; border: 1px solid currentColor !important;
  }
  [class*="-burger"] > span, [class*="-burger-bars"] {
    gap: 5px !important; width: 24px !important; height: 16px !important;
    align-items: center !important;
  }
  [class*="-burger-bars"] > *, [class*="-burger"] > span > * {
    height: 2px !important; border-radius: 1px !important;
  }
  [class*="-burger-bars"] > *:nth-child(1), [class*="-burger"] > span > *:nth-child(1) { width: 24px !important; }
  [class*="-burger-bars"] > *:nth-child(2), [class*="-burger"] > span > *:nth-child(2) { width: 24px !important; }
  [class*="-burger-bars"] > *:nth-child(3), [class*="-burger"] > span > *:nth-child(3) { width: 24px !important; }
}

/* Validator: cap hauteur hero cat v2 */
body section[class*="cat-hero"], body div[class*="cat-hero"], body section[class*="category-hero"], body div[class*="category-hero"] { position: relative !important; height: 320px !important; max-height: 320px !important; min-height: 200px !important; padding: 0 !important; overflow: hidden !important; display: flex !important; align-items: center !important; border: none !important; box-shadow: none !important; }
body [class*="cat-hero"] > img, body [class*="cat-hero-bg"], body [class*="cat-hero"] img, body [class*="category-hero"] img { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-height: 320px !important; object-fit: cover !important; z-index: 0 !important; border: none !important; }
body [class*="cat-hero"] > [class*="container"], body [class*="cat-hero"] > [class*="wrap"], body [class*="cat-hero"] > [class*="inner"], body [class*="cat-hero"] > div { position: relative !important; z-index: 2 !important; max-width: 900px !important; margin: 0 auto !important; padding: 1.5rem 2rem !important; background: transparent !important; }
body [class*="cat-hero"] h1, body [class*="category-hero"] h1 { color: #ffffff !important; font-size: clamp(2rem, 5vw, 3.5rem) !important; margin: 0 !important; font-weight: 800 !important; text-shadow: 0 3px 12px rgba(0,0,0,.85), 0 0 30px rgba(0,0,0,.5) !important; }
body [class*="cat-hero"][style*="background-image"] { background-size: cover !important; background-position: center !important; }
body [class*="cat-hero"] [class*="breadcrumb"], body [class*="cat-hero"] nav[aria-label*="riane"], body [class*="cat-hero"] nav[aria-label*="readcrumb"] { display: none !important; }

/* Validator: nav-mobile drawer hidden by default v2 */
/* Drawer/burger menu mobile : hidden par defaut, visible mobile+is-open */
[class*="-nav-mobile"]:not(.is-open), [id*="-nav-mobile"]:not(.is-open), [class*="-drawer"]:not(.is-open), [class*="-burger-menu"]:not(.is-open), [class*="-mobile-menu"]:not(.is-open) { display: none !important; }
@media (max-width: 980px) {
  [class*="-nav-mobile"].is-open, [id*="-nav-mobile"].is-open, [class*="-drawer"].is-open, [class*="-burger-menu"].is-open, [class*="-mobile-menu"].is-open { display: flex !important; flex-direction: column !important; position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: 86% !important; max-width: 380px !important; background: #fff !important; padding: 4.5rem 1.5rem 2rem !important; z-index: 9999 !important; overflow-y: auto !important; box-shadow: -10px 0 30px rgba(0,0,0,0.3) !important; }
}

/* Validator: drawer-mobile height fix v1 */
/* Force height:100vh sur le drawer ouvert : top:0;bottom:0 sans !important peut etre overrides par Claude → on impose 100vh. */
/* [2026-06-06] Broadening : ajout patterns supplementaires (X-nav sans 'mobile', X-side, X-menu-drawer, etc.) sinon le validator manque les sites comme artois-moto.com qui utilise fe8-nav (sans 'mobile' dans le nom). */
@media (max-width: 1023px) {
  [class*="-nav-mobile"].is-open, [id*="-nav-mobile"].is-open, [class*="-drawer"].is-open, [class*="-burger-menu"].is-open, [class*="-mobile-menu"].is-open, [class*="-side-nav"].is-open, [class*="-side-menu"].is-open, [class*="-offcanvas"].is-open, nav[aria-label*="mobile" i].is-open, nav[aria-label*="Menu mobile" i].is-open, nav[id*="nav"].is-open[class*="-nav"]:not([class*="desktop"]) { height: 100vh !important; min-height: 100vh !important; max-height: 100vh !important; }
}

/* Validator: footer logo no-filter v1 */
footer img, [class*="-footer"] img, [role="contentinfo"] img, footer [class*="logo"], [class*="-footer"] [class*="logo"] { filter: none !important; mix-blend-mode: normal !important; opacity: 1 !important; }
footer[class*="dark"] img, footer[class*="black"] img, [class*="-footer"][class*="dark"] img, [class*="-footer"][class*="black"] img { filter: brightness(0) invert(1) !important; }

/* Validator: header-hero gap fix v1 */
/* Bug recurrent : <main class="X-main"> a padding-top:30px qui creait un
 * gap entre header sticky et hero/cat-hero. Force padding-top:0 sur le
 * wrapper <main> + margin-top:0 sur le 1er hero enfant. */
body > main, body > [role="main"], main[class*="-main"], [id="main"] { padding-top: 0 !important; }
main > [class*="-hero"]:first-child, main > [class*="-cat-hero"]:first-child, main > [class*="-category-hero"]:first-child { margin-top: 0 !important; }
/* Fallback : si sibling direct du header */
header + section, header + [class*="-hero"], header + [class*="-cat-hero"], header + [class*="-category-hero"], [class*="-header"] + section, [class*="-header"] + [class*="-hero"], [class*="-header"] + [class*="-cat-hero"], [class*="-header"] + [class*="-category-hero"] { margin-top: 0 !important; padding-top: 0 !important; }
section[class*="-hero"]:first-of-type, section[class*="-cat-hero"]:first-of-type, section[class*="-category-hero"]:first-of-type { margin-top: 0 !important; }

/* Validator: contraste lisible header+menu-mobile+footer v2 */
[class*="-nav-mobile"], [id*="-nav-mobile"], [class*="-drawer"], [class*="-burger-menu"], [class*="-mobile-menu"], [class*="-side-nav"] { background: #ffffff !important; }
[class*="-nav-mobile"] *, [id*="-nav-mobile"] *, [class*="-drawer"] *, [class*="-burger-menu"] *, [class*="-mobile-menu"] *, [class*="-side-nav"] * { color: #0a0a0a !important; }
[class*="-nav-mobile"] a, [id*="-nav-mobile"] a, [class*="-drawer"] a, [class*="-burger-menu"] a, [class*="-mobile-menu"] a { color: #0a0a0a !important; font-weight: 600 !important; }
[class*="-nav-mobile"] a:hover, [class*="-drawer"] a:hover, [class*="-burger-menu"] a:hover, [class*="-mobile-menu"] a:hover { color: #000 !important; opacity: 0.7 !important; }
footer *, [class*="-footer"] *, [role="contentinfo"] * { color: #1a1a1a !important; }
footer a, [class*="-footer"] a, [role="contentinfo"] a { color: #1a1a1a !important; text-decoration: underline !important; text-decoration-color: currentColor !important; text-underline-offset: 3px !important; font-weight: 600 !important; }
footer a:hover, [class*="-footer"] a:hover, [role="contentinfo"] a:hover { color: #000 !important; opacity: 1 !important; }
footer h1, footer h2, footer h3, footer h4, footer h5, [class*="-footer"] h1, [class*="-footer"] h2, [class*="-footer"] h3, [class*="-footer"] h4, [class*="-footer"] h5 { color: #0a0a0a !important; font-weight: 700 !important; }
footer p, footer span, footer li, [class*="-footer"] p, [class*="-footer"] span, [class*="-footer"] li { color: #2a2a2a !important; }
footer[class*="dark"] *, footer[class*="black"] *, [class*="-footer"][class*="dark"] *, [class*="-footer"][class*="black"] *, footer[style*="background:#0"] *, footer[style*="background: #0"] *, footer[style*="background:#1"] *, footer[style*="background: #1"] *, footer[style*="background:#2"] *, footer[style*="background: #2"] * { color: #f5f5f5 !important; }
footer[class*="dark"] a, [class*="-footer"][class*="dark"] a, footer[style*="background:#0"] a, footer[style*="background:#1"] a { color: #ffffff !important; }
header a, [class*="-header"] a, [role="banner"] a { text-shadow: none !important; }
header a:hover, [class*="-header"] a:hover { opacity: 0.7 !important; }
[class*="-nav-mobile"] [class*="-btn"], [class*="-footer"] [class*="-btn"] { border: 1.5px solid currentColor !important; }

/* Validator: burger button always visible+clickable v2 */
/* === Burger button : VISIBLE + CLIQUABLE garanti === */
[class*="-burger"], [class*="burger-menu"], [class*="menu-toggle"], button[aria-controls*="nav"], button[aria-label*="menu" i] { color: #1a1a1a !important; pointer-events: auto !important; cursor: pointer !important; z-index: 100 !important; position: relative !important; user-select: none !important; -webkit-tap-highlight-color: transparent !important; background: rgba(255,255,255,0.92) !important; border-radius: 8px !important; border: 1.5px solid rgba(0,0,0,0.15) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.12) !important; padding: 8px !important; }
[class*="-burger"] svg, [class*="burger-menu"] svg, [class*="menu-toggle"] svg, button[aria-controls*="nav"] svg { stroke: #1a1a1a !important; fill: none !important; pointer-events: none !important; stroke-width: 2.5 !important; width: 22px !important; height: 22px !important; }
[class*="-burger"] svg path, [class*="-burger"] svg line, [class*="-burger"] svg rect, [class*="-burger"] svg polyline { stroke: #1a1a1a !important; stroke-width: 2.5 !important; fill: none !important; }
[class*="-burger"]:hover, [class*="-burger"]:focus { background: rgba(255,255,255,1) !important; border-color: rgba(0,0,0,0.3) !important; outline: 2px solid rgba(0,0,0,0.15) !important; outline-offset: 1px !important; }
/* Si le header est sombre : inverse en clair (detection elargie) */
[class*="-header"][style*="background:#0"] [class*="-burger"], [class*="-header"][style*="background:#1"] [class*="-burger"], [class*="-header"][style*="background:#2"] [class*="-burger"], [class*="-header"][style*="background-color:#0"] [class*="-burger"], [class*="-header"][style*="background-color:#1"] [class*="-burger"], [class*="-header"][style*="background-color:#2"] [class*="-burger"], [class*="-header"][class*="dark"] [class*="-burger"], [class*="-header"][class*="black"] [class*="-burger"], [class*="-header"][class*="--dark"] [class*="-burger"], [class*="-header"][class*="-night"] [class*="-burger"] { color: #f5f5f5 !important; background: rgba(0,0,0,0.55) !important; border-color: rgba(255,255,255,0.4) !important; box-shadow: 0 1px 3px rgba(0,0,0,0.4) !important; }
[class*="-header"][style*="background:#0"] [class*="-burger"] svg, [class*="-header"][style*="background:#1"] [class*="-burger"] svg, [class*="-header"][class*="dark"] [class*="-burger"] svg, [class*="-header"][class*="black"] [class*="-burger"] svg { stroke: #f5f5f5 !important; }
@media (max-width: 1023px) {
  [class*="-burger"], button[aria-controls*="nav"] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 44px !important; min-height: 44px !important; }
}
@media (min-width: 1024px) {
  [class*="-burger"], button[aria-controls*="nav"] { display: none !important; }
}

/* Validator: nav-mobile-list visible inside open drawer v1 */
/* Burger drawer ouvert : la UL des liens DOIT etre visible. */
[class*="-nav-mobile"].is-open ul, [id*="-nav-mobile"].is-open ul, [class*="-nav-mobile"].is-open [class*="-nav-mobile-list"], [class*="-drawer"].is-open ul, [class*="-burger-menu"].is-open ul { display: block !important; visibility: visible !important; height: auto !important; max-height: none !important; overflow: visible !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
[class*="-nav-mobile"].is-open ul li, [id*="-nav-mobile"].is-open ul li, [class*="-drawer"].is-open ul li, [class*="-burger-menu"].is-open ul li { display: list-item !important; height: auto !important; padding: 0 !important; margin: 0 !important; list-style: none !important; }
[class*="-nav-mobile"].is-open ul li a, [id*="-nav-mobile"].is-open ul li a, [class*="-drawer"].is-open ul li a, [class*="-burger-menu"].is-open ul li a { display: block !important; padding: 0.9rem 0 !important; text-decoration: none !important; border-bottom: 1px solid rgba(0,0,0,0.08) !important; font-size: 1rem !important; }

/* RANKO EDITORIAL-WHITE-HEADINGS 2026-07-25 */
.f88-editorial h1, .f88-editorial h2, .f88-editorial h3,
.f88-editorial article h1, .f88-editorial article h2, .f88-editorial article h3,
.f88-editorial .f88-line h1, .f88-editorial .f88-line h2, .f88-editorial .f88-line h3
  { color: #ffffff !important; }