.switch-cultural{--red:#c72908;--black:#11100f;--muted:#64615e;--paper:#f7f5f1;--cream:#eeece6;--white:#fff;--line:#dedbd4;--wrap:1200px}
.switch-cultural *, .switch-cultural *::before, .switch-cultural *::after{box-sizing:border-box}
.switch-cultural{scroll-behavior:smooth;scroll-padding-top:90px}
.switch-cultural{margin:0;color:var(--black);background:var(--paper);font:400 17px/1.6 "Cera GR","CeraGR","Avenir Next",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.switch-cultural img{max-width:100%;height:auto;display:block}
.switch-cultural a{color:inherit;text-decoration:none}
.switch-cultural button{font:inherit}
.switch-cultural ::selection{background:var(--red);color:#fff}
.switch-cultural :focus-visible{outline:3px solid var(--red);outline-offset:4px}
.switch-cultural .wrap{width:min(var(--wrap),calc(100% - 72px));margin-inline:auto}
.switch-cultural .eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--red);font:800 12px/1.4 "Cera GR",Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}
.switch-cultural .eyebrow::before{content:"";display:block;width:22px;height:2px;background:currentColor}
.switch-cultural .eyebrow.light{color:#faab97}
.switch-cultural .display{font-family:Impact,"Arial Narrow","Helvetica Neue Condensed",Arial,sans-serif;letter-spacing:-.025em;font-stretch:condensed;text-transform:uppercase;line-height:.96;font-weight:900}
.switch-cultural .header{position:relative;z-index:30;background:#fff;border-bottom:1px solid var(--line)}
.switch-cultural .header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;height:94px}
.switch-cultural .logo{width:178px;flex-shrink:0}
.switch-cultural .logo img{width:100%;height:auto}
.switch-cultural .nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:800;letter-spacing:.035em}
.switch-cultural .nav a:not(.pill):hover{color:var(--red)}
.switch-cultural .pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--red);color:#fff;padding:13px 19px;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.055em;transition:transform .2s,background .2s;white-space:nowrap}
.switch-cultural .pill:hover{background:#a72108;transform:translateY(-2px)}
.switch-cultural .pill::after{content:"↗";font-size:19px;font-weight:400;line-height:1}
.switch-cultural .mobile-nav{display:none}
.switch-cultural .hero{overflow:hidden;border-bottom:1px solid var(--line)}
.switch-cultural .hero-grid{display:grid;grid-template-columns:53% 47%;min-height:630px}
.switch-cultural .hero-copy{padding:100px 65px 90px max(36px,calc((100vw - var(--wrap))/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.switch-cultural h1{font-size:clamp(52px,4.8vw,80px);margin:30px 0 32px;max-width:100%}
.switch-cultural h1 .red{color:var(--red);display:block}
.switch-cultural h1 .small{display:block;font-size:.55em;line-height:1.05;margin-top:5px}
.switch-cultural .hero-copy>p{font-size:19px;max-width:530px;margin:0 0 30px;line-height:1.55}
.switch-cultural .hero-links{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.switch-cultural .text-link{font-weight:800;font-size:13px;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:6px}
.switch-cultural .hero-visual{position:relative;background:#dcd7d0;overflow:hidden;min-height:520px}
.switch-cultural .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;position:absolute;inset:0}
.switch-cultural .hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 66%,rgba(0,0,0,.45));pointer-events:none}
.switch-cultural .image-stamp{position:absolute;right:27px;bottom:25px;color:white;z-index:1;font-weight:900;font-size:12px;line-height:1.4;text-align:right;text-transform:uppercase;letter-spacing:.14em}
.switch-cultural .manifesto{background:var(--black);color:#fff;padding:104px 0 115px}
.switch-cultural .manifesto-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:start}
.switch-cultural .manifesto h2{margin:0;font-size:clamp(42px,5vw,80px);max-width:850px}
.switch-cultural .manifesto h2 em{font-style:normal;color:#f16b4c}
.switch-cultural .manifesto p{max-width:720px;font-size:19px;color:#d2ceca;margin:32px 0 0}
.switch-cultural .statement-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.switch-cultural .statement-strip>div{padding:25px 22px;text-align:center;border-right:1px solid var(--line);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.switch-cultural .statement-strip>div:last-child{border-right:0}
.switch-cultural .statement-strip strong{color:var(--red);margin-right:6px}
.switch-cultural .section{padding:116px 0}
.switch-cultural .section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}
.switch-cultural .section-head h2{font-size:clamp(49px,5.7vw,86px);margin:17px 0 0;max-width:830px}
.switch-cultural .section-head p{max-width:335px;margin:0 0 7px;color:var(--muted)}
.switch-cultural .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.switch-cultural .step{background:var(--paper);padding:25px 23px 30px;min-height:315px}
.switch-cultural .step .num{display:block;color:var(--red);font-size:13px;font-weight:900;margin-bottom:48px}
.switch-cultural .step h3{font-size:24px;line-height:1.08;margin:0 0 17px;text-transform:uppercase;letter-spacing:-.035em}
.switch-cultural .step p{font-size:14px;line-height:1.55;color:#514e4b;margin:0}
.switch-cultural .universe{background:var(--cream);padding:110px 0 120px}
.switch-cultural .stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.switch-cultural .story{background:#fff;min-height:390px;padding:36px 38px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.switch-cultural .story .category{font-size:11px;color:var(--red);font-weight:900;letter-spacing:.16em;text-transform:uppercase;display:block;margin-bottom:25px}
.switch-cultural .story h3{font-size:clamp(44px,4.4vw,76px);margin:0 0 20px;position:relative;z-index:1}
.switch-cultural .story p{position:relative;z-index:1;font-size:16px;line-height:1.6;max-width:400px;margin:0 0 25px}
.switch-cultural .story .route{font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-top:auto;position:relative;z-index:1}
.switch-cultural .story::after{content:attr(data-glyph);position:absolute;right:-25px;bottom:-74px;line-height:1;font-family:Georgia,serif;font-size:290px;font-weight:800;color:#f2eeea;pointer-events:none}
.switch-cultural .story:nth-child(2){background:#171616;color:white}
.switch-cultural .story:nth-child(2)::after{color:#292727}
.switch-cultural .story:nth-child(2) .category{color:#ff8a72}
.switch-cultural .story:nth-child(3){background:#c72908;color:white}
.switch-cultural .story:nth-child(3)::after{color:rgba(255,255,255,.1)}
.switch-cultural .story:nth-child(3) .category{color:#ffe5dd}
.switch-cultural .story:nth-child(4){background:#f8f3eb}
.switch-cultural .case{padding:116px 0;background:var(--white)}
.switch-cultural .case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.switch-cultural .case-img{position:relative;min-height:550px;overflow:hidden;background:#ece7e0}
.switch-cultural .case-img img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.switch-cultural .case-img:after{content:"LIEU + CULTURE + EXPÉRIENCE";position:absolute;bottom:22px;left:22px;color:#fff;background:var(--red);padding:9px 13px;font-size:12px;font-weight:900;letter-spacing:.08em}
.switch-cultural .case h2{font-size:clamp(50px,5vw,80px);margin:20px 0 30px}
.switch-cultural .case p{font-size:18px;max-width:530px}
.switch-cultural .case ul{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:15px}
.switch-cultural .case li{padding:0 0 13px 28px;position:relative;border-bottom:1px solid var(--line);font-size:16px}
.switch-cultural .case li::before{content:"↗";position:absolute;left:0;color:var(--red);font-size:21px;line-height:1}
.switch-cultural .case li b{font-weight:900}
.switch-cultural .why{padding:110px 0;background:var(--paper)}
.switch-cultural .why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.switch-cultural .why h2{font-size:clamp(45px,5vw,78px);margin:20px 0 0}
.switch-cultural .why p{font-size:17px;color:#484440;margin:0 0 20px}
.switch-cultural .why p strong{color:var(--black)}
.switch-cultural .proof{padding:105px 0;background:var(--black);color:#fff}
.switch-cultural .proof h2{font-size:clamp(48px,5vw,80px);margin:18px 0 50px}
.switch-cultural .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#3d3b37;border:1px solid #3d3b37}
.switch-cultural .proof-item{background:var(--black);padding:33px 32px}
.switch-cultural .proof-item span{font:800 13px/1 Arial,sans-serif;color:#f37b5c}
.switch-cultural .proof-item h3{font-size:25px;line-height:1.15;margin:23px 0 13px;text-transform:uppercase}
.switch-cultural .proof-item p{font-size:15px;color:#cbc7c3;margin:0}
.switch-cultural .seo-content{padding:110px 0;background:#fff}
.switch-cultural .seo-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}
.switch-cultural .seo-content h2{font-size:clamp(42px,4.5vw,73px);margin:18px 0}
.switch-cultural .seo-content p{margin:0 0 22px;color:#514e4a}
.switch-cultural .internal{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.switch-cultural .internal a{border-bottom:1px solid var(--red);font-size:14px;font-weight:800;padding-bottom:5px}
.switch-cultural .faq{background:#eeece6;padding:108px 0}
.switch-cultural .faq-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:80px}
.switch-cultural .faq h2{font-size:clamp(50px,5.2vw,78px);margin:16px 0}
.switch-cultural details{border-top:1px solid #c9c6bf;padding:21px 0}
.switch-cultural details:last-child{border-bottom:1px solid #c9c6bf}
.switch-cultural summary{list-style:none;cursor:pointer;font-size:17px;font-weight:900;line-height:1.35;display:flex;justify-content:space-between;gap:24px}
.switch-cultural summary::-webkit-details-marker{display:none}
.switch-cultural summary::after{content:"+";font-size:23px;color:var(--red);line-height:1}
.switch-cultural details[open] summary::after{content:"−"}
.switch-cultural details p{margin:15px 35px 0 0;color:#53504c;font-size:15px}
.switch-cultural .contact{background:var(--red);color:#fff;padding:110px 0 100px;overflow:hidden}
.switch-cultural .contact-grid{display:flex;align-items:end;justify-content:space-between;gap:50px}
.switch-cultural .contact h2{font-size:clamp(54px,7vw,116px);margin:16px 0 22px;max-width:900px}
.switch-cultural .contact p{font-size:19px;max-width:650px;margin:0}
.switch-cultural .contact .pill{background:#fff;color:var(--black);margin-bottom:13px}
.switch-cultural .contact .pill:hover{background:#ede9e5}
.switch-cultural .footer{padding:37px 0 43px;background:#161514;color:#d9d6d1}
.switch-cultural .foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;align-items:start}
.switch-cultural .footer .logo{width:160px;background:#fff;padding:12px;margin-bottom:14px}
.switch-cultural .footer p{margin:0;font-size:13px}
.switch-cultural .footer a:hover{text-decoration:underline}
.switch-cultural .footer h3{margin:0 0 9px;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.14em}
.switch-cultural .copyright{font-size:11px;color:#99948f;margin-top:36px;border-top:1px solid #3d3935;padding-top:23px}
@media(max-width:1100px){.switch-cultural .hero-copy{padding-left:36px;padding-right:37px}
.switch-cultural .steps{grid-template-columns:repeat(3,1fr)}
.switch-cultural .step{min-height:265px}
.switch-cultural .hero-grid{min-height:560px}
.switch-cultural .nav{gap:17px}}
@media(max-width:760px){.switch-cultural{font-size:16px}
.switch-cultural .wrap{width:calc(100% - 38px)}
.switch-cultural .header-inner{height:76px}
.switch-cultural .logo{width:155px}
.switch-cultural .nav{display:none}
.switch-cultural .mobile-nav{display:inline-flex}
.switch-cultural .hero-grid{grid-template-columns:1fr;min-height:0}
.switch-cultural .hero-copy{padding:72px 19px 66px}
.switch-cultural .hero-copy h1{font-size:42px;letter-spacing:-.04em;margin:26px 0}
.switch-cultural .hero-visual{min-height:410px}
.switch-cultural .manifesto{padding:75px 0 80px}
.switch-cultural .manifesto-grid{grid-template-columns:1fr;gap:24px}
.switch-cultural .manifesto h2{font-size:clamp(46px,9vw,72px)}
.switch-cultural .manifesto p{margin:25px 0 0}
.switch-cultural .statement-strip{grid-template-columns:repeat(2,1fr)}
.switch-cultural .statement-strip>div:nth-child(2){border-right:0}
.switch-cultural .statement-strip>div:nth-child(-n/**/+2){border-bottom:1px solid var(--line)}
.switch-cultural .section, .switch-cultural .universe, .switch-cultural .case, .switch-cultural .why, .switch-cultural .proof, .switch-cultural .seo-content, .switch-cultural .faq, .switch-cultural .contact{padding:75px 0}
.switch-cultural .section-head{display:block;margin-bottom:32px}
.switch-cultural .section-head h2{font-size:clamp(51px,9vw,74px)}
.switch-cultural .section-head p{margin:20px 0 0}
.switch-cultural .steps, .switch-cultural .stories, .switch-cultural .case-grid, .switch-cultural .why-grid, .switch-cultural .proof-grid, .switch-cultural .seo-grid, .switch-cultural .faq-grid, .switch-cultural .foot-grid{grid-template-columns:1fr}
.switch-cultural .steps{gap:1px}
.switch-cultural .step{min-height:0;padding:28px 28px 30px}
.switch-cultural .step .num{margin-bottom:22px}
.switch-cultural .story{min-height:350px;padding:30px}
.switch-cultural .case-grid, .switch-cultural .why-grid, .switch-cultural .seo-grid, .switch-cultural .faq-grid{gap:38px}
.switch-cultural .case-img{min-height:360px;order:2}
.switch-cultural .case-content{order:1}
.switch-cultural .proof h2{margin-bottom:30px}
.switch-cultural .contact-grid{display:block}
.switch-cultural .contact .pill{margin-top:38px}
.switch-cultural .foot-grid{gap:30px}
.switch-cultural .footer{padding-bottom:36px}}
@media(prefers-reduced-motion:reduce){.switch-cultural *, .switch-cultural *:before, .switch-cultural *:after{scroll-behavior:auto!important;transition:none!important}}
/* Native theme integration: no CSS rules escape .switch-cultural. */
.switch-cultural{display:block;width:100%;max-width:none;overflow-x:clip;font-size:17px;line-height:1.6;color:var(--black);background:var(--paper);font-family:"Cera GR","CeraGR","Avenir Next",Arial,sans-serif}
.switch-cultural :is(h1,h2,h3,p,div,span){overflow-wrap:normal;word-break:normal;hyphens:none}
.switch-cultural :is(h1,h2,h3){text-wrap:balance}
.switch-cultural :is(p,li){text-wrap:pretty}
.switch-cultural .hero-grid{width:100%}
.switch-cultural .hero-copy{min-width:0}
.switch-cultural .hero-copy h1{max-width:100%}
.switch-cultural .case-content{min-width:0}
.switch-cultural .case-content h2{overflow-wrap:normal;word-break:normal}
.switch-cultural details summary{cursor:pointer}
@media(max-width:760px){
 .switch-cultural .hero-copy h1{font-size:clamp(38px,9.4vw,53px)}
 .switch-cultural .case h2{font-size:clamp(38px,8vw,56px)}
 .switch-cultural .faq h2{font-size:clamp(42px,9vw,58px)}
 .switch-cultural .contact h2{font-size:clamp(43px,9vw,70px)}
 .switch-cultural .seo-content h2{font-size:clamp(36px,8.6vw,58px)}
 .switch-cultural .section-head h2{font-size:clamp(44px,9vw,64px)}
 .switch-cultural .proof h2{font-size:clamp(43px,8.6vw,68px)}
 .switch-cultural .case-grid{gap:30px}
}
@media(max-width:390px){
 .switch-cultural .hero-copy h1{font-size:36px}
 .switch-cultural .case h2{font-size:37px}
 .switch-cultural .contact h2{font-size:39px}
 .switch-cultural .wrap{width:calc(100% - 30px)}
}

/* V3: page-specific protection for SWITCH native transparent/overlay header.
   The site's navigation and footer are NOT touched or rebuilt.
   The dark reserve appears below the existing transparent native header,
   and the hero starts after it rather than behind the logo/menu. */
.switch-cultural .site-header-reserve{
 display:block;
 width:100%;
 height:148px;
 min-height:148px;
 background:#11100f;
 pointer-events:none;
}
.switch-cultural .hero{position:relative;isolation:isolate}
.switch-cultural [id]{scroll-margin-top:110px}
@media (max-width:1100px){
 .switch-cultural .site-header-reserve{height:128px;min-height:128px}
}
@media (max-width:760px){
 .switch-cultural .site-header-reserve{height:100px;min-height:100px}
}
@media (max-width:480px){
 .switch-cultural .site-header-reserve{height:88px;min-height:88px}
}

/* Keep the full editorial headline INSIDE its left hero column on desktop,
   even on computers without the Impact/condensed display font. */
@media (min-width:761px){
 .switch-cultural .hero-copy h1{font-size:clamp(46px,4vw,68px);letter-spacing:-.035em}
}