/* Inter Display (Rasmus Andersson, OFL), demandée par Michel le 15/10. « Inter », « Zokomo Sans » et « Zokomo Display » sont des alias. */
@font-face{font-family:'Inter Display';src:url('../assets/fonts/inter-display/inter-display-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('../assets/fonts/inter-display/inter-display-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('../assets/fonts/inter-display/inter-display-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('../assets/fonts/inter-display/inter-display-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('../assets/fonts/inter-display/inter-display-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Display';src:url('../assets/fonts/inter-display/inter-display-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-display/inter-display-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-display/inter-display-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-display/inter-display-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-display/inter-display-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-display/inter-display-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('../assets/fonts/inter-display/inter-display-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Sans';src:url('../assets/fonts/inter-display/inter-display-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Sans';src:url('../assets/fonts/inter-display/inter-display-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Sans';src:url('../assets/fonts/inter-display/inter-display-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Sans';src:url('../assets/fonts/inter-display/inter-display-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Sans';src:url('../assets/fonts/inter-display/inter-display-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Sans';src:url('../assets/fonts/inter-display/inter-display-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Display';src:url('../assets/fonts/inter-display/inter-display-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Display';src:url('../assets/fonts/inter-display/inter-display-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Display';src:url('../assets/fonts/inter-display/inter-display-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Display';src:url('../assets/fonts/inter-display/inter-display-600.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Display';src:url('../assets/fonts/inter-display/inter-display-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Zokomo Display';src:url('../assets/fonts/inter-display/inter-display-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--ink:#151518;--paper:#edf2f6;--pink:#ff4fa8;--blue:#7697ff;--text:var(--ink);--muted:#555963;--line:rgba(21,21,24,.2);--gutter:60px;--gap:24px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);font-family:'Zokomo Sans',Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:color .6s ease-out}body[data-theme=dark]{--text:#f6f7fa;--muted:#b9bac4;--line:rgba(246,247,250,.25)}body:has(dialog[open]){overflow:hidden}
::selection{background:var(--pink);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.35}button{border:0;background:transparent}a,button,summary,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--pink);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.03}p{letter-spacing:-.012em}img,video{display:block;max-width:100%;height:auto}main{outline:none}section[id]{scroll-margin-top:0}
.site-background{position:fixed;inset:0;z-index:-1;background:linear-gradient(145deg,#edf2fa 0%,#fafcff 50%,#eaf1f9 100%);pointer-events:none}.site-background>div{position:absolute;inset:0;opacity:0;transition:opacity .6s ease-out}.background-dark{background:var(--ink)}.background-blue{background:var(--blue)}body[data-theme=dark] .background-dark,body[data-theme=blue] .background-blue{opacity:1}
.page-width{max-width:2000px;margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.015em}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:600;line-height:1.5;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span{transition:transform .3s var(--ease)}.text-link:hover span{transform:translate(3px,-3px)}.pill{border:1px solid currentColor;border-radius:50px;padding:15px 24px;display:inline-flex;gap:32px;align-items:center;font-weight:600}.pill:hover{background:var(--pink);color:var(--ink);border-color:var(--ink)}.skip{position:fixed;left:20px;top:12px;padding:12px;background:var(--pink);color:var(--ink);z-index:100;transform:translateY(-160%)}.skip:focus{transform:none}
.site-header{position:fixed;inset:0 0 auto;z-index:20;color:var(--text);background:rgb(237 242 246 / .62);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);transition:color .6s ease-out,background .6s ease-out}body[data-theme=dark] .site-header{background:rgb(21 21 24 / .62)}body[data-theme=blue] .site-header{background:rgb(118 151 255 / .62)}.header-inner{max-width:2000px;margin:auto;padding:24px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{width:128px;display:block}.brand img{width:100%;height:28px;object-fit:contain;object-position:left}.header-discipline{font-size:12px;flex:1;margin-left:24px}.header-actions{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.language-switch{padding:8px}.menu-toggle{display:flex;align-items:center;gap:14px;padding:8px 0}.menu-toggle i{display:block;width:24px;height:8px;border-block:1.5px solid currentColor}.brand img{transition:filter .6s ease-out}body[data-theme=dark] .brand img{filter:invert(1)}
.site-menu{width:100%;max-width:none;height:100svh;max-height:100svh;margin:0;padding:30px var(--gutter);border:0;background:var(--pink);color:var(--ink)}.site-menu::backdrop{background:var(--ink)}.menu-top,.menu-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px}.menu-top{font-weight:600}.menu-top button{font-size:38px;padding:0 8px}.site-menu nav{max-width:1200px;margin:3vh auto 5vh}.site-menu nav a{display:flex;align-items:center;gap:30px;font-size:clamp(30px,5.5vh,68px);font-weight:600;letter-spacing:-.045em;border-top:1px solid rgba(21,21,24,.35);padding:12px 0}.site-menu nav a:last-child{border-bottom:1px solid rgba(21,21,24,.35)}.site-menu nav a small{font-size:12px;letter-spacing:0;width:40px}.site-menu nav a>span{margin-left:auto;font-size:.65em}.site-menu nav a:hover>span{transform:translate(5px,-5px)}.menu-bottom{font-size:14px}.menu-bottom button,[data-motion-toggle]{font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:6px 0}
.home-intro{min-height:min(850px,91svh);padding-top:124px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-bottom:42px}.availability{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.availability i{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#ce277c}.intro-title{text-align:center;font-size:clamp(44px,7.1vw,104px);letter-spacing:-.055em;line-height:1.03;width:100%;margin:64px 0;min-height:3.09em}.intro-title>[data-intro-line]{display:block;min-height:1.03em}.intro-title>[data-intro-line]:last-child{color:#dd358c}.intro-bottom{width:100%;display:flex;justify-content:space-between;gap:24px;font-size:12px}.intro-bottom a{font-weight:600}
.media-slot{overflow:hidden}.media-slot img,.media-slot video{width:100%;height:100%;object-fit:cover}
.presentation{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);padding-top:90px;padding-bottom:150px}.presentation>.eyebrow{grid-column:span 3}.presentation>div{grid-column:span 9}.presentation h2{font-size:clamp(36px,4.2vw,64px);max-width:1000px;line-height:1.05}.presentation>div>p{font-size:19px;line-height:1.55;max-width:710px;margin:40px 0 28px}.services{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);padding-bottom:150px}.services>h2{font-size:24px;grid-column:span 3}.services>div{grid-column:span 9}.services details{border-top:1px solid var(--line)}.services details:last-child{border-bottom:1px solid var(--line)}.services summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:28px;padding:28px 0}.services summary::-webkit-details-marker{display:none}.services summary>span{font-size:12px}.services summary h3{flex:1;font-size:clamp(25px,3vw,44px);letter-spacing:-.035em}.services summary>i{font-size:28px;font-style:normal;font-weight:400;transition:transform .3s var(--ease)}.services details[open] summary i{transform:rotate(45deg)}.services details>div{max-width:600px;margin:0 38px;padding-bottom:32px}.services details p{font-size:17px;margin-bottom:24px}
.selected-projects{margin-bottom:0;padding:80px 0 100px}.projects-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);width:100%}.projects-side{grid-column:span 3;display:flex;flex-direction:column;align-items:flex-start;padding:12px 0}.projects-side h2{font-size:clamp(44px,5vw,72px);margin:36px 0;line-height:.99}.projects-controls{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.projects-controls>div{display:flex;gap:12px}.projects-controls button{border:1px solid currentColor;border-radius:50%;width:44px;height:44px;font-size:22px}.projects-controls button:hover:enabled{color:var(--ink);background:var(--pink);border-color:var(--pink)}.projects-controls>p{font-size:13px}.project-window{grid-column:span 9;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--pink) transparent}.project-track{display:flex;gap:20px;width:100%}.project-panel{flex:0 0 100%;min-width:0;scroll-snap-align:start}.project-panel-media{height:clamp(320px,40vw,690px)}.project-panel-caption{display:flex;gap:24px;align-items:baseline;padding-top:22px}.project-panel-caption>span:first-child{font-size:12px}.project-panel-caption>span:last-child{margin-left:auto;font-size:28px}.project-panel-caption h3{font-size:30px;letter-spacing:-.035em}.project-panel-caption p{margin-top:10px;font-size:15px;max-width:500px;color:var(--muted)}.project-panel-media img{transition:transform .8s var(--ease)}.project-panel a:hover .project-panel-media img{transform:scale(1.025)}.selected-projects.is-pinned{padding:0;height:var(--horizontal-height)}.is-pinned .projects-pin{position:sticky;top:0;min-height:0;height:100svh;display:flex;align-items:center;padding-block:100px 36px}.is-pinned .project-window{overflow:hidden;scroll-snap-type:none}.is-pinned .project-track{will-change:transform}.is-pinned .project-panel-media{height:min(calc(100svh - 250px),780px)}.is-pinned .projects-side{padding-bottom:20px}
.home-stories{padding-top:140px;padding-bottom:140px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:60px}.section-heading h2{font-size:clamp(40px,5vw,72px)}.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}.story-card a{display:block}.story-card a>div{overflow:hidden;aspect-ratio:4/3;margin-bottom:24px}.story-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.story-card a:hover img{transform:scale(1.035)}.story-card h2,.story-card h3{font-size:28px;line-height:1.1;margin-top:12px;max-width:95%}.story-card a>p:not(.eyebrow){font-size:15px;margin:20px 0;max-width:400px;color:var(--muted)}.playground-door{border-top:1px solid var(--line);padding-top:70px;padding-bottom:110px;display:flex;align-items:center;justify-content:space-between;gap:48px}.playground-door h2{font-size:clamp(36px,4vw,60px);margin:24px 0}.playground-door p:not(.eyebrow){max-width:570px}
.site-footer{padding-top:90px;padding-bottom:32px;color:var(--ink);margin-top:100px}.footer-top{display:flex;justify-content:space-between;align-items:baseline;gap:60px;padding-bottom:70px}.footer-top>p{font-size:20px;max-width:370px}.footer-cta{font-size:clamp(42px,6vw,86px);font-weight:600;letter-spacing:-.05em;line-height:1}.footer-cta>span[aria-hidden=true]:not(.zk-verre){font-size:.7em;margin-left:30px}.footer-mark{display:block;padding:30px 0 80px}.footer-mark img{width:100%;height:auto;max-height:440px;object-fit:contain}.footer-bottom{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;font-size:12px;border-top:1px solid rgba(21,21,24,.3);padding-top:26px}.footer-bottom nav{display:flex;flex-wrap:wrap;column-gap:28px;row-gap:8px;align-content:start}.footer-bottom>div{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.listing-head{padding-top:170px;padding-bottom:86px}.listing-head h1{font-size:clamp(50px,7vw,104px);margin:32px 0 26px}.listing-head>p:last-child{font-size:20px;max-width:750px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);row-gap:70px}.work-card{display:block}.work-card-media{aspect-ratio:1.28;overflow:hidden}.work-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.work-card:hover img{transform:scale(1.03)}.work-card-caption{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:22px}.work-card h2{font-size:32px}.work-card p{max-width:550px;font-size:15px;margin-top:12px}.work-card-caption>span{font-size:28px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px 24px}.photo-grid .editorial-figure:nth-child(5n){grid-column:1/-1}.photo-grid .image-open{max-height:1000px}.photo-grid .image-open img{max-height:1000px;object-fit:contain}.playground-board{padding-top:130px}.playground-board h2{font-size:42px;margin-bottom:30px}.playground-board>.text-link{margin-top:30px}
.case-layout{display:grid;grid-template-columns:clamp(220px,21vw,320px) minmax(0,1fr);gap:clamp(40px,5vw,84px);padding-top:155px;align-items:start}.case-sidebar{position:sticky;top:125px;max-height:calc(100svh - 150px);overflow:auto;scrollbar-width:thin;font-size:12px;padding-right:10px}.case-sidebar>.text-link{font-size:12px}.case-sidebar dl{margin:40px 0}.case-sidebar dl>div{margin-bottom:24px}.case-sidebar dt{color:var(--muted);margin-bottom:5px}.case-sidebar dd{margin:0;font-size:13px;font-weight:600;line-height:1.45}.case-sidebar nav{border-top:1px solid var(--line);padding-top:15px;margin-bottom:30px}.case-sidebar nav a{display:flex;gap:15px;align-items:baseline;line-height:1.5;padding:7px 0}.case-sidebar nav a>span{font-size:10px;color:var(--muted)}.case-sidebar nav a[aria-current]{color:#b91d6f}.case-heading{margin-bottom:48px}.case-heading h1{font-size:clamp(52px,6vw,86px);margin:20px 0 26px;overflow-wrap:anywhere}.case-heading>p:last-child{font-size:22px;max-width:700px}.case-hero-media{max-height:1000px;aspect-ratio:1.38}.case-hero-media img{width:100%;height:100%;object-fit:cover}.case-logo{margin-top:14px;background:#fff;min-height:180px;height:clamp(180px,24vw,400px);padding:60px;display:flex;align-items:center;justify-content:center}.case-logo img{width:75%;height:100%;object-fit:contain;max-width:600px}.case-chapter{margin-top:110px;scroll-margin-top:110px}.chapter-copy{max-width:780px;margin-bottom:42px}.chapter-copy h2{font-size:clamp(32px,3.1vw,48px);margin:22px 0}.chapter-copy>p:last-child{font-size:17px;line-height:1.65;max-width:680px}.editorial-grid{display:grid;gap:24px}.layout-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-two-one{grid-template-columns:2fr 1fr}.layout-signs{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-phones{grid-template-columns:repeat(3,minmax(0,1fr))}.layout-pair .image-open img{height:100%;object-fit:cover}.layout-pair .image-open{aspect-ratio:.8}.layout-two-one .image-open{height:100%;min-height:260px}.layout-two-one .image-open img{height:100%;object-fit:cover}.layout-signs .image-open{height:280px;padding:32px;background:#fff}.layout-signs img{height:100%;object-fit:contain}.layout-phones .image-open{height:580px;background:#eceff4;padding:20px}.layout-phones img{height:100%;object-fit:contain}.editorial-figure{display:flex;flex-direction:column;min-width:0}.image-open{padding:0;display:block;width:100%;background:transparent;overflow:hidden;text-align:inherit;cursor:zoom-in}.image-open img{width:100%;height:auto}.editorial-figure.is-sign .image-open{background:#fff;padding:40px}.editorial-figure.is-sign img{object-fit:contain}.editorial-figure figcaption{font-size:11px;color:var(--muted);padding-top:10px;line-height:1.45}.layout-screen{background:#fff}.case-credits{border-top:1px solid var(--line);padding-top:36px;margin-top:110px}.case-credits h2{font-size:24px;margin-bottom:24px}.case-credits p{font-size:13px;line-height:1.6;margin-bottom:12px;max-width:750px}.next-project{display:block;border-top:1px solid var(--line);padding:40px 0;margin-top:70px}.next-project>span{font-size:12px}.next-project strong{display:block;font-size:clamp(32px,4vw,58px);font-weight:600;letter-spacing:-.04em;margin-top:20px}.next-project strong>span{font-size:.7em}
.board-demo{background:#fff;border:1px solid #c8cbd1;color:var(--ink)}.board-toolbar{padding:18px;display:flex;flex-direction:column;gap:18px;border-bottom:1px solid #c8cbd1;font-size:12px}.board-toolbar>div{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.board-toolbar button{border:1px solid #c8cbd1;border-radius:3px;padding:6px 10px;font-size:12px}.board-toolbar button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.board-toolbar label{display:flex;align-items:center;gap:8px;padding:0 10px}.board-toolbar input[type=color]{border:0;width:30px;height:26px;padding:0;background:transparent}.board-toolbar input[type=range]{width:70px;accent-color:var(--ink)}.board-demo canvas{display:block;width:100%;height:auto;touch-action:none;cursor:crosshair;background:#fff}.board-demo>p{font-size:11px;padding:12px 18px;border-top:1px solid #e5e5e7}
.image-dialog{border:0;background:var(--ink);color:#fff;width:100%;max-width:none;height:100svh;max-height:100svh;margin:0;padding:70px 30px 40px}.image-dialog::backdrop{background:var(--ink)}.image-dialog form{position:absolute;top:18px;right:25px}.image-dialog form button{padding:10px;font-size:14px}.image-dialog>img{height:calc(100% - 35px);width:100%;object-fit:contain}.image-dialog>p{font-size:12px;text-align:center;padding-top:15px}
.story-article{padding-top:165px}.story-article>header{max-width:1100px;margin:0 auto 70px}.story-article h1{font-size:clamp(44px,5.4vw,80px);margin:28px 0}.story-article header>p:last-child{font-size:22px;max-width:750px}.story-article>img{width:100%;max-height:950px;object-fit:cover}.article-body{max-width:750px;margin:90px auto}.article-body section{margin-bottom:60px}.article-body h2{font-size:32px;margin-bottom:26px}.article-body p{font-size:18px;line-height:1.7}.about-copy{max-width:1200px;padding-block:10px 110px}.about-copy p{font-size:clamp(22px,2.7vw,34px);line-height:1.4;letter-spacing:-.025em;margin-bottom:40px}.timeline{display:grid;grid-template-columns:1fr 2fr;gap:var(--gap)}.timeline>h2{font-size:36px}.timeline article{border-top:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:1fr 3fr;gap:30px}.timeline article>p{font-size:13px}.timeline h3{font-size:26px;margin-bottom:18px}.timeline article div p{font-size:15px;margin-top:8px}.contact-page{padding-top:180px;padding-bottom:90px;min-height:85svh}.contact-page .availability{justify-content:flex-start}.contact-page h1{font-size:clamp(52px,7vw,104px);margin:60px 0 30px}.contact-page>p:not(.availability){max-width:640px;font-size:20px}.contact-mail{display:flex;justify-content:space-between;align-items:baseline;gap:20px;font-size:clamp(24px,4.5vw,70px);letter-spacing:-.04em;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:25px;margin:60px 0 26px;overflow-wrap:anywhere}.contact-page [data-copy-status]{font-size:12px;margin-top:12px;min-height:24px}.contact-page .contact-location{font-size:13px;margin-top:60px}
body[data-motion=paused] *{scroll-behavior:auto!important;transition:none!important;animation:none!important}body[data-motion=paused] .project-panel a:hover img,body[data-motion=paused] .work-card:hover img,body[data-motion=paused] .story-card a:hover img{transform:none}
@media(min-width:2200px){.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-panel-media{height:760px}.case-heading h1{font-size:96px}.intro-title{font-size:112px}.home-intro{min-height:900px}.header-discipline{margin-left:70px}}
@media(max-width:1179px){:root{--gutter:25px}}
@media(max-width:1100px){.header-discipline{display:none}.projects-layout{gap:var(--gap)}.projects-side h2{font-size:45px}.case-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}.stories-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:50px}.story-card:last-child{grid-column:1/-1;max-width:calc(50% - 12px)}.layout-signs{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-signs .editorial-figure:last-child{grid-column:1/-1}.layout-phones{grid-template-columns:repeat(2,minmax(0,1fr))}.layout-phones .image-open{height:480px}}
@media(max-width:760px){:root{--gutter:20px;--gap:16px}html{scroll-padding-top:90px}.header-inner{padding-block:20px;gap:20px}.brand{width:106px}.brand img{height:24px}.header-actions{gap:18px}.menu-toggle span{display:none}.home-intro{min-height:80svh;padding-top:116px;padding-bottom:26px}.availability{font-size:10px;gap:7px}.intro-title{font-size:clamp(32px,7.9vw,60px);margin:60px 0;min-height:3.12em}.intro-bottom{font-size:10px;gap:10px}.intro-bottom>span{max-width:170px}.presentation{grid-template-columns:1fr;gap:28px;padding-top:65px;padding-bottom:90px}.presentation>.eyebrow{grid-column:span 3}.presentation>div{grid-column:span 9}.presentation h2{font-size:38px}.presentation>div>p{font-size:17px;margin:30px 0}.services{grid-template-columns:1fr;gap:32px;padding-bottom:80px}.services>h2{font-size:24px;grid-column:span 3}.services>div{grid-column:span 9}.services summary{padding:24px 0;gap:16px}.services summary h3{font-size:27px}.services details>div{margin:0 26px}.services details p{font-size:16px}.selected-projects{padding:70px 0 85px}.projects-layout{display:block;padding-right:0}.projects-side{padding-right:var(--gutter);display:grid;grid-template-columns:1fr auto;gap:14px;margin-bottom:40px}.projects-side .eyebrow{grid-column:1/-1}.projects-side h2{font-size:45px;margin:0}.projects-side h2 br{display:none}.projects-controls{margin:0;align-items:flex-end;gap:12px}.projects-controls>p{font-size:10px}.projects-controls button{height:36px;width:36px;font-size:19px}.projects-controls>.text-link{display:none}.project-window{padding-right:20px;scroll-padding-inline:0 20px}.project-panel{flex-basis:calc(100% - 20px)}.project-track{gap:16px}.project-panel-media{height:510px;max-height:65svh}.project-panel-caption{gap:16px;padding-top:22px}.project-panel-caption h3{font-size:28px}.project-panel-caption p{font-size:14px}.project-panel-caption>span:last-child{margin-right:2px}.home-stories{padding-top:90px;padding-bottom:80px}.section-heading{margin-bottom:35px;align-items:flex-start}.section-heading h2{font-size:40px}.section-heading .text-link{font-size:11px;gap:8px;margin-top:8px}.stories-grid{grid-template-columns:1fr;row-gap:48px}.story-card:last-child{grid-column:auto;max-width:none}.story-card h2,.story-card h3{font-size:28px}.story-card a>div{margin-bottom:22px}.story-card a>p:not(.eyebrow){margin-block:18px}.playground-door{display:block;padding-top:50px;padding-bottom:70px}.playground-door h2{font-size:38px}.playground-door>.pill{margin-top:32px}.site-footer{padding-top:65px;margin-top:70px}.footer-top{display:block;padding-bottom:35px}.footer-top p{font-size:17px;max-width:270px}.footer-cta{display:block;font-size:52px;margin-top:36px}.footer-cta>span[aria-hidden=true]:not(.zk-verre){margin-left:15px}.footer-mark{padding:25px 0 50px}.footer-bottom{grid-template-columns:1fr 1fr;gap:30px;font-size:11px}.footer-bottom>div{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.footer-bottom nav{gap:8px 16px}.listing-head{padding-top:140px;padding-bottom:60px}.listing-head h1{font-size:54px;margin-top:26px;overflow-wrap:anywhere}.listing-head>p:last-child{font-size:18px}.work-grid{grid-template-columns:1fr;row-gap:48px}.work-card-media{aspect-ratio:.92}.work-card h2{font-size:29px}.work-card p{font-size:14px}.photo-grid{grid-template-columns:1fr;gap:36px}.photo-grid .editorial-figure:nth-child(5n){grid-column:auto}.case-layout{display:flex;flex-direction:column;gap:50px;padding-top:125px}.case-sidebar{position:static;max-height:none;width:100%;padding:0}.case-sidebar dl{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin:30px 0}.case-sidebar dl>div{margin:0}.case-sidebar nav{display:flex;flex-wrap:wrap;column-gap:22px;row-gap:3px;margin-bottom:15px}.case-sidebar nav a{font-size:11px;gap:8px}.case-sidebar dd{font-size:12px}.case-main{width:100%}.case-heading h1{font-size:48px;margin-top:20px}.case-heading>p:last-child{font-size:20px}.case-heading{margin-bottom:35px}.case-hero-media{aspect-ratio:.85;max-height:700px}.case-logo{height:200px;min-height:0;padding:38px;margin-top:12px}.case-logo img{width:90%}.case-chapter{margin-top:70px}.chapter-copy{margin-bottom:30px}.chapter-copy h2{font-size:32px;line-height:1.08}.chapter-copy>p:last-child{font-size:16px;line-height:1.65}.editorial-grid{gap:22px;grid-template-columns:1fr}.layout-signs .editorial-figure:last-child{grid-column:auto}.layout-signs .image-open{height:320px}.layout-pair .image-open{aspect-ratio:auto}.layout-pair .image-open img{height:auto}.layout-two-one .image-open{height:auto}.layout-two-one .image-open img{height:auto}.layout-phones .image-open{height:620px;max-height:80svh}.case-credits{margin-top:75px}.next-project{margin-top:50px;padding-top:30px}.next-project strong{font-size:36px}.board-toolbar{padding:12px}.board-toolbar>div{gap:6px}.board-toolbar label{padding-inline:4px}.board-toolbar button{font-size:10px}.board-demo canvas{height:300px;object-fit:fill}.image-dialog{padding:70px 15px 35px}.story-article{padding-top:145px}.story-article>header{margin-bottom:40px}.story-article h1{font-size:43px}.story-article header>p:last-child{font-size:19px}.article-body{margin:60px auto}.article-body h2{font-size:29px}.article-body p{font-size:17px}.about-copy{padding-bottom:65px}.about-copy p{font-size:24px}.timeline{grid-template-columns:1fr;gap:32px}.timeline article{grid-template-columns:1fr;gap:14px}.timeline h3{font-size:25px}.contact-page{padding-top:140px;padding-bottom:50px;min-height:80svh}.contact-page h1{font-size:62px;margin-top:48px}.contact-page>p:not(.availability){font-size:18px}.contact-mail{font-size:27px;margin-top:48px;gap:14px}.contact-page .contact-location{font-size:12px}.menu-top{margin-bottom:30px}.site-menu nav{margin:0 auto 35px}.site-menu nav a{font-size:35px;padding:13px 0;gap:14px}.site-menu nav a small{width:24px;font-size:10px}.menu-bottom{display:block;font-size:12px}.menu-bottom>button{display:block;margin-top:20px}.playground-board{padding-top:80px}.playground-board h2{font-size:34px}}
@media(max-height:650px) and (min-width:761px){.home-intro{min-height:680px}.is-pinned .projects-pin{min-height:540px}.is-pinned .project-panel-media{height:55svh}.site-menu nav{margin:0 auto 20px}.site-menu nav a{font-size:32px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-panel a:hover img,.work-card:hover img,.story-card a:hover img{transform:none!important}}
/* La hauteur du rail ne doit pas déplacer une ancre pendant le chargement. */
.selected-projects{overflow-anchor:none}
@media(max-width:760px){.home-intro{min-height:67svh}.intro-title{font-size:clamp(36px,10.5vw,64px);margin-block:40px}}
/* Les interfaces se lisent en entier ; on ne les recadre pas comme des photos. */
.layout-pair:has(.is-screen){grid-template-columns:1fr}
.editorial-figure.is-screen .image-open{aspect-ratio:auto;height:auto}
.editorial-figure.is-screen .image-open img{height:auto;object-fit:contain}
.case-hero-media{width:100%}
@media(min-width:761px) and (max-height:650px){.selected-projects.is-pinned .projects-side h2{font-size:40px;margin-block:24px}.is-pinned .projects-controls{gap:12px}}
/* Un repère visible sur fond clair, sombre et dans le menu rose. */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-color:currentColor}
/* Le titre précède les informations dans le document ; les médias arrivent tôt sur mobile. */
.case-layout{grid-template-areas:"side heading" "side main";row-gap:0}
.case-heading{grid-area:heading}
.case-sidebar{grid-area:side}
.case-main{grid-area:main}
.case-facts{margin-top:24px}
.case-facts summary{font-size:12px;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:16px 0;border-block:1px solid var(--line);cursor:pointer}
.case-facts summary::-webkit-details-marker{display:none}
.case-facts summary>span{font-size:20px;line-height:1;transition:transform .3s var(--ease)}
.case-facts[open] summary>span{transform:rotate(45deg)}
@media(min-width:761px){.case-facts[open]{margin-top:0}.case-facts[open]>summary{display:none}}
@media(max-width:760px){.case-layout{display:grid;grid-template-columns:1fr;grid-template-areas:"heading" "side" "main";gap:0}.case-sidebar{margin-bottom:30px}.case-heading{width:100%}.case-facts:not([open]){margin-top:20px}.case-facts[open] dl{margin-top:25px}}

@media(max-width:760px){.presentation>.eyebrow,.presentation>div,.services>h2,.services>div,.projects-side,.project-window{grid-column:1/-1}}
.reveal-mask{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.12em;margin-block:-.12em}.reveal-word{display:inline-block}
.project-window[data-dragging=true],.ed-carousel-track[data-dragging=true]{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grabbing;user-select:none}.project-window[data-dragging=true] a,.ed-carousel-track[data-dragging=true] button{cursor:grabbing}
@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.site-header{view-transition-name:zokomo-header}html:has(body[data-motion=paused])::view-transition-group(*),html:has(body[data-motion=paused])::view-transition-old(*),html:has(body[data-motion=paused])::view-transition-new(*){animation:none!important}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}