/* Chinese additions remain separate from the original French copy and photography. */
.mobile-page{--font-chinese:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
.mobile-page .bilingual>.copy-zh,.mobile-page .bilingual>.copy-fr{display:block;min-width:0;letter-spacing:0;text-transform:none}
.mobile-page .copy-zh{font:400 20px/1.8 var(--font-chinese);text-wrap:pretty;overflow-wrap:break-word}
.mobile-page .copy-fr{font:400 17px/1.65 var(--font-sans);margin-top:12px;overflow-wrap:break-word}
.mobile-page :is(h2,h3,h4,blockquote)>.copy-zh{font-size:27px;line-height:1.5;font-weight:500}
.mobile-page :is(h2,h3,h4,blockquote)>.copy-fr{font:400 29px/1.15 var(--font-display);margin-top:10px}
.mobile-page h3>.copy-zh{font-size:23px}.mobile-page h4>.copy-zh{font-size:21px}
.mobile-page .mobile-label{display:block}
.mobile-page .mobile-label::after{margin-top:18px}
.mobile-page .mobile-label>.copy-zh{font-size:17px;line-height:1.5}
.mobile-page .mobile-label>.copy-fr{font-size:13px;line-height:1.5;margin-top:6px;letter-spacing:.06em}
.mobile-page .mobile-cover .mobile-label{max-width:none}
.mobile-page .mobile-cover .mobile-label::after{display:none}
.mobile-page .mobile-cover p{max-width:100%}
.mobile-page .mobile-cover p>.copy-zh{font-size:28px;line-height:1.5;max-width:16em;font-weight:400}
.mobile-page .mobile-cover p>.copy-fr{font:400 27px/1.2 var(--font-display);max-width:24ch;margin-top:16px}
.mobile-page .cover-intro p>.copy-fr{margin-top:16px}
.mobile-page .mobile-portrait-name h2{font-size:42px;overflow-wrap:normal}
.mobile-page .mobile-portrait-name .copy-zh{font-size:18px;line-height:1.6}
.mobile-page .mobile-portrait-name .copy-fr{font-size:16px;margin-top:5px}
.mobile-page .mobile-credentials dt>.copy-zh{font-size:18px;font-weight:500}
.mobile-page .mobile-credentials dt>.copy-fr{font-size:15px;margin-top:2px}
.mobile-page .mobile-credentials dd>.copy-fr{margin-top:8px}
.mobile-page .contact-form label>.copy-zh{font:500 18px/1.6 var(--font-chinese);color:inherit}
.mobile-page .contact-form label>.copy-fr{font:400 16px/1.5 var(--font-sans);margin-top:3px;color:inherit}
.mobile-page .contact-form button>.copy-zh{font-size:18px;line-height:1.5}
.mobile-page .contact-form button>.copy-fr{font-size:15px;line-height:1.5;margin-top:5px}
.mobile-page :is(.contact-note,.mobile-original-note p)>.copy-zh{font-size:18px;line-height:1.7}
.mobile-page :is(.contact-note,.mobile-original-note p)>.copy-fr{font-size:16px;line-height:1.6}
.mobile-page .mobile-contact :is(p,h3).bilingual{display:block}
.mobile-page .mobile-contact p>.copy-fr{font-size:18px;line-height:1.65;overflow-wrap:anywhere}
.mobile-page .mobile-contact h3:not(.bilingual){font-size:32px}
.mobile-page .values-label .copy-zh{font-size:20px}
.mobile-page .values-label .copy-fr{font-size:23px}
.mobile-page .mobile-value p{margin-bottom:0}
.presentation-header .current-chapter{font-size:14px;max-width:48vw}
@media screen and (max-width:1100px){
 .mobile-page .mobile-reading{padding-top:34px;padding-bottom:42px}
 .mobile-page .cover-intro{padding-top:28px}
 .mobile-page p.bilingual{margin-bottom:30px}
 .mobile-page .mobile-contact p.bilingual{margin-bottom:20px}
 .mobile-page li.bilingual{padding-block:22px}
 .mobile-page .mobile-cover{min-height:max(660px,calc(100svh - 144px))}
 .mobile-page .mobile-cover-copy{padding-top:40px}
 .mobile-page .cover-intro p,.mobile-page .mobile-portrait-name p{margin-bottom:0}
}
/* Wide screens use the same content with paired reading columns, without shrinking text. */
@media screen and (min-width:1101px), print{
 .presentation-stage>.mobile-viewport{overflow-y:auto;overscroll-behavior:contain;background:#101827}
 .mobile-viewport>.slide-canvas{position:relative;inset:auto;width:100%;height:auto;min-height:100%;margin:0;transform:none!important;box-shadow:none}
 .mobile-page{background:#f2eee6;color:#344051;min-height:100%;font:400 18px/1.65 var(--font-sans)}
 .mobile-page .mobile-reading{max-width:1192px;margin:auto;padding:48px 56px 64px}
 .mobile-page :is(h2,h3,h4){color:#172235;margin:0 0 28px;font:400 38px/1.15 var(--font-display)}
 .mobile-page :is(h3,h4){margin-top:40px}
 .mobile-page .mobile-label{color:#806b48;margin-bottom:28px}
 .mobile-page .mobile-label::after{content:"";width:32px;height:1px;background:currentColor}
 .mobile-page p{margin:0 0 30px}
 .mobile-page :is(p,li,blockquote,dd).bilingual{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
 .mobile-page :is(p,li,blockquote,dd).bilingual>.copy-fr{margin-top:0;padding-left:32px;border-left:1px solid #8b78562b}
 .mobile-page ul{list-style:none;padding:0;margin:24px 0 40px}
 .mobile-page li{border-top:1px solid #8b78563d;padding:24px 0}
 .mobile-page blockquote{margin:36px 0 44px;padding:25px 0;color:#725b3a;border-block:1px solid #8b78563d}
 .mobile-page .mobile-value{padding:12px 0;border-top:1px solid #8b78563d}
 .mobile-page .mobile-value h3{margin-top:20px}
 .mobile-page img{display:block;width:100%;object-fit:cover}
 .mobile-page .mobile-city{height:300px;object-position:50% 50%}
 .mobile-page[data-page="vue-d-ensemble"]::before{content:"";display:block;height:96px;background:linear-gradient(0deg,#f2eee6,transparent),url("/assets/motif-marbre.webp") 50% 40%/cover;opacity:.6}
 .mobile-page .mobile-portrait{max-width:440px;height:440px;object-position:50% 27%;float:left;margin:48px 0 0 max(32px,calc((100vw - 1280px)/2))}
 .mobile-page .mobile-portrait-name{clear:left;float:left;width:440px;margin:0 0 48px max(32px,calc((100vw - 1280px)/2));padding:24px;background:#101827;color:#cdb993}
 .mobile-page .mobile-portrait-name h2{color:#efe5d2;margin:0 0 12px}
 .mobile-page .mobile-portrait-name p{display:block;margin:0}
 .mobile-page .mobile-portrait-name p>.copy-fr{padding:0;border:0;margin-top:5px}
 .mobile-page:is([data-page="equipe-michael"],[data-page="equipe-laurence"]){display:flow-root}
 .mobile-page:is([data-page="equipe-michael"],[data-page="equipe-laurence"])>.mobile-reading{margin-left:max(472px,calc((100vw - 1280px)/2 + 440px));max-width:900px;padding-inline:40px}
 .mobile-page:is([data-page="equipe-michael"],[data-page="equipe-laurence"]) :is(p,dd,blockquote).bilingual{display:block}
 .mobile-page:is([data-page="equipe-michael"],[data-page="equipe-laurence"]) :is(p,dd,blockquote).bilingual>.copy-fr{border:0;padding:0;margin-top:14px}
 .mobile-page .mobile-credentials{padding-top:10px;border-top:1px solid #8b78563d}
 .mobile-page .mobile-credentials dt{color:#806b48;margin:24px 0 10px}
 .mobile-page .mobile-credentials dd{margin:0}
 .mobile-page .mobile-cover{position:relative;min-height:620px;isolation:isolate;display:flex;align-items:flex-end;overflow:hidden}
 .mobile-page .cover-photo{position:absolute;inset:0;height:100%;z-index:-2;object-position:50% 40%}
 .mobile-page .mobile-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101827ed,#10182745),linear-gradient(0deg,#101827,transparent 75%);z-index:-1}
 .mobile-page .mobile-cover-copy{padding:50px max(56px,calc((100vw - 1080px)/2));width:100%}
 .mobile-page .mobile-cover .mobile-label{color:#e9ddc8;margin-bottom:25px}
 .mobile-page .mobile-cover h1{font:400 112px/.9 var(--font-display);color:#fff9e9;letter-spacing:-.035em;margin-bottom:34px}
 .mobile-page .mobile-cover p{display:block;color:#eedabe;margin:0}
 .mobile-page .mobile-cover p>.copy-fr{padding:0;border:0;margin-top:12px}
 .mobile-page .cover-rule{width:42px;height:1px;background:#c7ab7b;margin-bottom:25px}
 .mobile-page.mobile-dark{background:#101827;color:#dedfdc}
 .mobile-dark :is(h2,h3){color:#e9ddc8}.mobile-dark :is(h4,.mobile-label){color:#c5ad86}
 .mobile-page .mobile-contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px}
 .mobile-page .mobile-contact section{padding:25px 0;border-top:1px solid #8b78563d}
 .mobile-page .mobile-contact h3{margin-top:0}
 .mobile-page .mobile-contact p>.copy-fr{border:0;padding:0;margin-top:10px}
 .mobile-page .contact-form label{color:#344051}
 .mobile-page .contact-fields{grid-template-columns:1fr}
 .mobile-page .contact-form :is(input,textarea){color:#172235;background:#fffcf6;border-color:#8b827570;font-size:18px;padding:12px;min-height:48px}
 .mobile-page .contact-form button{background:#101827;color:#f2eee6;width:100%;min-height:66px}
 .mobile-page .contact-form .contact-note{display:block;color:#626b76}
 .mobile-page .mobile-original-note{padding-top:30px;border-top:1px solid #8b78563d;margin-top:40px}
 .presentation-header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;padding:16px 24px 0}
 .presentation-header>p{grid-column:1;grid-row:1}
 .presentation-header>div:not(.mobile-brandbar){grid-column:3;grid-row:1}
 .presentation-header nav{grid-column:1/-1;grid-row:2;justify-content:center;width:100%;padding-bottom:14px}
 .presentation-header nav button{font-size:12px;letter-spacing:0;padding-inline:12px}
 .presentation-header>div button{font-size:11px;white-space:nowrap}
}
@media print{
 body,.print-slide{height:auto!important;overflow:visible!important}
 .print-slide{width:auto!important;height:auto!important;overflow:visible!important;break-after:page}
 .print-slide .mobile-page{background:#fff!important;color:#172235!important}
 .print-slide .mobile-reading{padding:24px}
 .print-slide .mobile-cover{min-height:500px}
 .print-slide .mobile-dark :is(h2,h3,h4,.mobile-label){color:#172235}
 .print-slide .contact-form{display:none}
 .chapter-menu,.skip-link{display:none!important}
}