html{font-size:clamp(12px,1.025vw,20px);--viewport-height:100vh;--base-size:1rem}body{margin:0}*{box-sizing:border-box}.content{width:100%}.page{display:flex;position:relative;width:100%;flex-direction:column}.page-layout{display:flex;width:100%}.page-content{width:100%;min-width:0}bodycopy{width:100%}.site-header{position:relative;z-index:5}.mobile-header{display:none}.pages{min-height:55vh}.page-content{display:flex;flex-direction:column}column-set{display:flex;width:100%;gap:var(--columns-gutter,2rem);align-items:stretch}column-unit{display:block;min-width:0;flex:1}media-item{display:block;position:relative;max-width:100%;width:calc(var(--media-scale,100) * 1%)}media-item>img,media-item>video{display:block;width:100%;height:auto;object-fit:contain}media-item>iframe{display:block;width:100%;aspect-ratio:16/9;border:0}gallery-grid,gallery-justify,gallery-columnized{display:grid;grid-template-columns:repeat(var(--gallery-columns,3),minmax(0,1fr));gap:var(--gallery-gap,1rem)}gallery-slideshow{position:relative;display:block;width:100%}gallery-slideshow>media-item{display:none;width:100%}gallery-slideshow>media-item.current{display:block}.slide-controls{display:flex;justify-content:space-between;padding:.5rem 0}.slide-controls button{background:transparent;color:#fff;border:0;padding:.4rem .8rem;border-radius:0;cursor:pointer;font:inherit}text-icon{display:inline}text-icon:before{content:'→'}.home-navigation{min-height:50vh;justify-content:flex-end}.site-navigation{margin-top:4rem}body.mobile .desktop-header{display:none}body.mobile .mobile-header{display:flex}body.mobile column-set:not([mobile-stack="false"]){flex-direction:column}body.mobile column-set:not([mobile-stack="false"])>column-unit{flex:auto!important}body.mobile gallery-grid{grid-template-columns:repeat(var(--mobile-columns,1),minmax(0,1fr))}body.mobile media-item{width:100%}.desktop-header column-unit>div>div{display:flex;align-items:baseline;gap:.7rem}.desktop-header .heading-blanc:last-child{margin-left:auto;white-space:nowrap}.desktop-header .heading-blanc:first-child{white-space:nowrap}

/* Espacement des descriptions et nouveaux films */
.pages .caption-copy:not(:has(media-item)):not(.project-description){margin-top:max(28px,2rem);margin-bottom:3rem}
.pages .project-film{display:block;margin:0 0 4rem;width:100%}
.pages .project-film video{display:block;width:100%;height:auto}
.pages .project-film .project-description{margin:max(28px,2rem) 0 0;line-height:1.35}
body.mobile .pages .caption-copy:not(:has(media-item)):not(.project-description){margin-top:24px;margin-bottom:2.5rem}
body.mobile .pages .project-film .project-description{margin-top:24px}

/* Téléphones, tablettes et retouches des projets */
.birkenstock-intro{display:block;width:100%;margin:clamp(32px,4vw,64px) 0}
.project-intro-copy{margin:0;text-align:left;font-family:"Diatype Variable",sans-serif;font-size:clamp(18px,1.5vw,28px);line-height:1.45;color:#fff;max-width:100%;text-wrap:pretty}
.project-intro-copy strong{font-weight:600}
.lafayette-finale{display:block;width:100%;margin-top:clamp(48px,6vw,96px)}
.lafayette-finale media-item{width:100%!important;max-width:100%}
.lafayette-finale img{width:100%;height:auto}
.phone-navigation{display:flex;flex-direction:column;gap:20px;width:100%;font-family:"Diatype Variable",sans-serif;color:#fff}
.phone-brand{font-size:clamp(28px,8vw,46px);letter-spacing:-.025em;line-height:1.05;color:#fff;text-decoration:none}
.phone-links{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;font-weight:500}
.phone-links a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none}
.phone-links a:first-child{background:#fff;color:#000;border-radius:6px;padding:0 10px;font-family:"Diatype Mono Variable",monospace}
@media(min-width:768px) and (max-width:1100px){.desktop-header .heading-blanc{font-size:clamp(32px,4.2vw,46px)}.desktop-header .button-8-copy{font-size:clamp(15px,1.8vw,20px)}}
@media(max-width:767px){
 html{font-size:16px;--viewport-height:100svh}
 body{overflow-wrap:break-word}
 .content,.pages,.page,.page-layout,.page-content,bodycopy{min-width:0;max-width:100%}
 .desktop-header{display:none!important}.mobile-header{display:flex!important}
 .page-layout{width:100%!important;max-width:100%!important;padding:0!important;min-height:0!important}
 .page-content{padding:20px 16px!important}
 .mobile-header .page-content{padding:24px 16px 12px!important}
 .pages{min-height:0}
 .pages .page{min-height:0!important}
 .pages bodycopy{font-size:16px;line-height:1.5}
 .pages .caption-copy,.pages .caption,.pages .project-description,.pages [class^="bodycopy"]{font-size:15px!important;line-height:1.5!important;letter-spacing:0;white-space:normal!important}
 .pages .caption{color:rgba(255,255,255,.85)}
 .pages column-set{flex-direction:column!important;gap:20px!important;width:100%}
 .pages column-set>column-unit{flex:1 1 auto!important;width:100%;max-width:100%;min-width:0}
 .pages .empty-column{display:none!important}
 .pages .empty-columns{display:none!important}
 .pages media-item{width:100%!important;max-width:100%;margin-left:0;margin-right:0}
 .pages media-item>img,.pages media-item>video,.pages .project-film video{width:100%;height:auto;max-width:100%}
 .pages iframe.youtube{width:100%;aspect-ratio:16/9;height:auto;min-height:0}
 .pages gallery-grid,.pages gallery-justify,.pages gallery-columnized{grid-template-columns:1fr!important;gap:20px}
 .pages .project-film{margin:0 0 40px}
 .pages .project-film .project-description{margin-top:24px}
 .slide-controls{align-items:center;min-height:48px}
 .slide-controls button{min-width:48px;min-height:48px;font-size:24px;padding:6px}
 .birkenstock-intro{margin:32px 0}.project-intro-copy{font-size:18px;line-height:1.5}
 .lafayette-finale{margin-top:48px}
 .site-navigation{margin-top:24px;min-height:0!important}
 .site-navigation .heading-blanc,.home-navigation .heading-blanc{font-size:26px!important;line-height:1.6;overflow-wrap:anywhere}
 .site-navigation br,.home-navigation br{display:none}
 .site-navigation a,.home-navigation a{display:inline;box-decoration-break:clone}
 .home-navigation{min-height:50svh!important;justify-content:center}
 .pages bodycopy>br+br{display:none}
}
@media(min-width:480px) and (max-width:767px){.pages gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.site-navigation .heading-blanc,.home-navigation .heading-blanc{display:block;max-width:100%;overflow-wrap:anywhere}.site-navigation a,.home-navigation a{display:inline-block;max-width:100%}@media(min-width:768px) and (max-width:1100px){.site-navigation .heading-blanc,.home-navigation .heading-blanc{font-size:clamp(28px,4.2vw,46px)}}

/* Mise en page d'après les captures Cargo */
.reference-header{font-family:"Diatype Variable",Arial,sans-serif;color:#d2d2d2;padding:clamp(20px,2vw,38px) clamp(20px,2vw,38px) 0;font-weight:400;line-height:1;flex:none}
.reference-header a{text-decoration:none;color:inherit}
.reference-brand-row{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.reference-brand,.reference-info{font-size:clamp(44px,4.2vw,86px);font-weight:400;letter-spacing:-.025em;white-space:nowrap}
.reference-personal{font-family:"Diatype Mono Variable",Arial,sans-serif;font-variation-settings:'MONO' .54,'slnt' 0;font-weight:293;font-size:clamp(17px,1.7vw,30px);line-height:1;background:#fff;color:#111!important;border-radius:30px;padding:1px 9px 3px;white-space:nowrap}
.reference-info{display:inline-block;margin-top:7px}.reference-info.active{color:#f00}
.content>.pages{margin-top:clamp(36px,4vw,72px);min-height:0}
.home-screen{height:100svh;min-height:0;margin:0}
.home-shell{height:100svh;display:flex;flex-direction:column;padding-bottom:clamp(16px,2vw,36px);box-sizing:border-box}
.home-clients{margin-top:auto;padding:20px clamp(20px,2vw,38px) 0;color:#d2d2d2;font-family:"Diatype Variable",Arial,sans-serif;font-weight:400}
.home-clients h1{font:inherit;font-size:clamp(30px,min(4.2vw,7svh),80px);line-height:1;margin:0 0 clamp(24px,5svh,64px);color:inherit;letter-spacing:-.025em}
.client-list{font-size:clamp(24px,min(4.1vw,7svh),80px);line-height:1.04;letter-spacing:-.025em}
.client-row{display:flex;flex-wrap:wrap}.client-item{display:inline-flex;white-space:nowrap}.client-item a{color:inherit;text-decoration:none}.client-item a:hover{color:#fff}.client-row:last-child .client-item:last-child .client-slash{display:none}
.reference-about{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,1fr) minmax(0,3fr) minmax(0,2fr);gap:clamp(20px,2vw,36px);padding:0 clamp(20px,2vw,38px) clamp(32px,4vw,64px);margin-top:clamp(44px,4vw,80px);font-family:"Diatype Variable",Arial,sans-serif;font-size:clamp(20px,1.85vw,34px);font-weight:500;line-height:1.2;color:#fff}
.about-biography{grid-column:1}.about-details{grid-column:3}.reference-about p{margin:0 0 1.4em}.reference-about address{font:inherit;display:flex;flex-direction:column;margin-top:2.5em}.reference-about a{color:#fff;text-decoration:none;overflow-wrap:anywhere}
@media(max-width:767px){
 .reference-header{padding:12px 12px 0}
 .reference-brand-row{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .reference-brand{font-size:clamp(30px,10.8vw,64px);letter-spacing:-.03em}
 .reference-personal{font-size:clamp(14px,4.2vw,23px);padding:2px 9px 3px;border-radius:30px;line-height:1}
 .reference-info{font-size:clamp(30px,9.6vw,52px);margin-top:18px;line-height:1.1}
 .content>.pages{margin-top:30px}
 .pages .page-content{padding:0 12px 24px!important}
 .home-shell{padding-bottom:18px}
 .home-clients{padding:20px 12px 0}
 .home-clients h1{font-size:clamp(25px,min(8vw,4.5svh),40px);margin-bottom:clamp(22px,5svh,52px)}
 .client-list{font-size:clamp(18px,min(7.6vw,4.15svh),38px);line-height:1.14;letter-spacing:-.025em}
 .client-row{display:contents}.client-item{display:block}.client-slash{display:none}
 .reference-about{display:block;padding:0 12px 40px;margin-top:32px;font-size:clamp(16px,4.25vw,23px);line-height:1.23}
 .reference-about p{margin-bottom:1.35em}.about-details{margin-top:1.6em}.reference-about address{margin-top:2.4em}
 .pages [page-url="page-4"] .bodycopy-mobile-white-copy{font-size:clamp(15px,4vw,21px)!important;font-weight:600;line-height:1.2!important}
 .pages [page-url="page-4"] column-unit:has(>media-item[hash="V1658895757104800597379851242727"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .pages [page-url="page-4"] media-item[hash="D1658896343969516558375526354151"]{width:60.6%!important}
}
@media(max-width:767px) and (max-height:600px){.home-screen .reference-header{padding-top:8px}.home-screen .reference-brand{font-size:min(8.5vw,6svh)}.home-screen .reference-info{font-size:5svh;margin-top:10px}.home-screen .reference-personal{font-size:12px}.home-clients h1{font-size:4svh;margin-bottom:12px}.client-list{font-size:min(5.3vw,4svh)}.home-clients{padding-top:12px}.home-shell{padding-bottom:12px}}
@media(max-width:767px){.home-clients{color:#f0f0f0}.client-list{font-size:clamp(18px,min(8.8vw,4.7svh),40px)}.home-clients h1{margin-bottom:clamp(24px,9svh,80px)}}@media(max-width:767px) and (max-height:600px){.client-list{font-size:min(5.3vw,4svh)}.home-clients h1{margin-bottom:12px}}

/* Correctifs téléphone et véritable carrousel */
.reference-header,.home-clients{font-family:"Diatype Variable",Arial,sans-serif;font-variation-settings:'slnt' 0,'MONO' 0}
.reference-brand,.reference-info{font-weight:400;font-variation-settings:'slnt' 0,'MONO' 0;letter-spacing:-.02em}
.brand-mobile{display:none}
gallery-slideshow{display:block;overflow:hidden}
.slideshow-viewport{width:100%;overflow:hidden;touch-action:pan-y;position:relative}
.slideshow-track{display:flex;width:100%;transition:transform 650ms cubic-bezier(.22,.61,.36,1);will-change:transform;align-items:flex-start}
gallery-slideshow .slideshow-track>media-item{display:block!important;flex:0 0 100%;width:100%!important;max-width:100%;min-width:0}
.slideshow-track>media-item>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.slideshow-track .caption{display:none}
.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
.slide-controls button{min-width:44px;min-height:44px;border:0;background:transparent;color:#d2d2d2;font:inherit;font-size:22px;padding:8px;cursor:pointer;border-radius:0}
.slide-controls .slideshow-status{margin-left:auto;margin-right:auto;font-size:14px}
.slide-controls .slideshow-pause{font-size:14px;min-width:72px}
@media(max-width:767px){
 .brand-desktop{display:none}.brand-mobile{display:inline}
 .reference-brand{font-size:11.2vw;letter-spacing:-.02em}
 .reference-info{font-size:9.6vw}
 .reference-personal{font-variation-settings:'slnt' 0,'MONO' .54;font-weight:293}
 .home-clients{margin-top:clamp(44px,8svh,90px);padding-top:0;color:#f0f0f0}
 .home-clients h1{font-size:clamp(28px,9.4vw,46px);margin-bottom:clamp(32px,7.8svh,86px)}
 .client-list{font-size:clamp(24px,min(9.5vw,4.9svh),46px);line-height:1.12;letter-spacing:-.02em}
 .client-item .client-label-desktop{display:none}.client-label-phone{display:inline}
}
.client-label-phone{display:none}
@media(max-width:767px){.client-label-phone{display:inline}}
@media(max-width:767px) and (max-height:740px){
 .home-screen .reference-header{padding-top:8px}.home-screen .reference-brand{font-size:10.8vw}.home-screen .reference-info{font-size:9vw;margin-top:12px}.home-screen .reference-personal{font-size:14px}
 .home-clients{margin-top:28px;padding-top:0}.home-clients h1{font-size:26px;margin-bottom:26px}.client-list{font-size:min(8.8vw,4.7svh);line-height:1.04}
}

.home-screen,.home-shell{height:100vh;height:100svh}

/* Retouches v3 */
@media(hover:hover){.client-list .client-item a:hover{color:#ff6900}}.client-list .client-item a:focus-visible{color:#ff6900;outline:1px solid currentColor;outline-offset:4px}
.pages .birkenstock-lead{font-size:clamp(23px,2.25vw,42px)!important;line-height:1.22!important;font-weight:500;color:#f0f0f0;max-width:40em}
@media(max-width:767px){.pages .birkenstock-lead{font-size:17px!important;line-height:1.4!important}}