.ds-page{--ds-ink:#f4f5f1;--ds-muted:#bec6b7;--ds-paper:#f0eadf;--ds-dark:#101310;--ds-line:#54614d;--ds-gold:#e5c266;--ds-paper-ink:#1b2c20;--ds-paper-muted:#4d5c4b;--ds-paper-accent:#843d27;color:var(--ds-ink)} .ds-page .ds-hero{padding-block:28px 64px;overflow:clip;background:radial-gradient(ellipse at 90% 15%,#29302777,transparent 65%)} .ds-hero-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:40px;padding-top:28px} .ds-hero-copy{min-width:0;position:relative;z-index:1} .ds-page .ds-hero h1{font-size:clamp(38px,4.5vw,68px);line-height:1.08;letter-spacing:-.045em;margin:22px 0 28px;text-wrap:balance} .ds-page .ds-hero h1 em{color:var(--ds-gold)} .ds-page .ds-hero .interne-lead{font-size:18px;line-height:1.7;color:var(--ds-muted);max-width:610px} .ds-hero-actions{display:flex;align-items:start;gap:20px;flex-direction:column;margin-top:28px} .ds-page .ds-hero-budget{font-size:14px;line-height:1.8;color:var(--ds-muted);margin-top:22px} .ds-hero-budget strong{color:var(--ds-ink)} .ds-spatial{min-width:0;transform:perspective(1200px) rotateY(-5deg) rotateX(1deg);transform-origin:center;will-change:transform} .ds-spatial .portfolio-stage{margin:0;width:100%;min-width:0} .ds-spatial .portfolio-appareils{min-height:0} .ds-spatial .portfolio-signature{font-size:12px} .ds-page .ds-section{padding-block:76px} .ds-page .ds-section.interne-papier{background:var(--ds-paper);color:var(--ds-paper-ink)} .ds-section-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:42px} .ds-page .ds-section h2,.ds-page .ds-final h2{font-size:clamp(32px,3.6vw,52px);line-height:1.12;letter-spacing:-.035em;margin-top:14px} .ds-section-head>p{font-size:17px;line-height:1.75;color:var(--ds-muted);max-width:620px} .ds-page .interne-papier .ds-section-head>p,.ds-page .interne-papier article>p,.ds-page .interne-papier .ds-editorial-note{color:var(--ds-paper-muted)} .ds-page .interne-papier :is(h2,h3){color:var(--ds-paper-ink)} .ds-page .interne-papier :is(.cartouche,h2 em,h3 em){color:var(--ds-paper-accent)} .ds-intentions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px} .ds-intentions article{padding-top:22px;border-top:1px solid #a1a797} .ds-number{display:inline-block;color:var(--ds-paper-accent);font-size:13px;font-weight:600;margin-bottom:16px} .ds-page .ds-intentions h3,.ds-page .ds-format-grid h3{font-size:23px;line-height:1.3;letter-spacing:-.02em;margin-bottom:14px} .ds-intentions p,.ds-format-grid p{font-size:16px;line-height:1.75} .ds-case{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.25fr);align-items:center;gap:48px;padding-block:38px 52px;min-width:0} .ds-case+.ds-case{border-top:1px solid var(--ds-line);padding-top:58px} .ds-case-keyfood{grid-template-columns:minmax(0,1.25fr) minmax(0,.82fr)} .ds-case-keyfood .ds-case-copy{grid-column:2;grid-row:1} .ds-case-keyfood .ds-film{grid-column:1;grid-row:1} .ds-case-copy{min-width:0} .ds-status{font-size:12px;line-height:1.5;color:var(--ds-gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px} .ds-page .ds-case h3{font-size:clamp(31px,3vw,43px);line-height:1.17;letter-spacing:-.03em;margin:0 0 22px} .ds-case h3 em{font-family:var(--serif);font-weight:400;color:var(--ds-gold)} .ds-case-copy>p:not(.ds-status){font-size:16px;line-height:1.75;color:var(--ds-muted)} .ds-points{list-style:none;padding:0;margin:24px 0;display:grid;gap:12px} .ds-points li{font-size:14px;line-height:1.6;display:flex;gap:12px;color:var(--ds-ink)} .ds-points li:before{content:"";flex:0 0 6px;width:6px;height:6px;border-radius:50%;background:var(--ds-gold);margin-top:9px} .ds-film{margin:0;min-width:0} .ds-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#111920;border:1px solid #58644e;border-radius:14px;box-shadow:0 18px 45px #0003} .ds-film figcaption{font-size:13px;line-height:1.65;color:var(--ds-muted);margin-top:14px} .ds-project-detail summary,.ds-credits summary,.ds-budget-details summary{cursor:pointer;min-height:44px;padding-block:12px;font-size:14px;line-height:1.6} .ds-project-detail{border-top:1px solid var(--ds-line);color:var(--ds-ink)} .ds-project-detail p,.ds-credits p,.ds-credits li{font-size:14px;line-height:1.75;color:var(--ds-muted);margin:12px 0 18px} .ds-credits{border-top:1px solid var(--ds-line);margin-top:4px;padding-block:6px} .ds-credits ul{padding-left:20px;columns:2;column-gap:32px} .ds-credits li{break-inside:avoid} .ds-credits a{color:#ff9270;text-underline-offset:3px;overflow-wrap:anywhere} .ds-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px} .ds-format-grid article{border:1px solid #a1a797;padding:30px 24px;border-radius:12px} .ds-format-label{color:var(--ds-paper-accent);font-size:12px;line-height:1.5;margin-bottom:20px;letter-spacing:.06em;text-transform:uppercase;font-weight:600} .ds-editorial-note{margin-top:30px;max-width:880px;font-size:14px;line-height:1.75} .ds-method{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 58px} .ds-method li{display:grid;grid-template-columns:30px 1fr;gap:18px;border-top:1px solid var(--ds-line);padding-top:24px} .ds-method li>span{font-size:13px;color:var(--ds-gold);line-height:1.6;margin-top:4px} .ds-page .ds-method h3{font-size:22px;line-height:1.35;margin-bottom:12px} .ds-method p{font-size:16px;line-height:1.75;color:var(--ds-muted)} .ds-budget-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);gap:38px 72px;align-items:center} .ds-budget-grid>div>p:not(.cartouche){font-size:17px;line-height:1.75;color:var(--ds-paper-muted);margin-top:26px} .ds-quote{border:1px solid #8c987f;background:#fffaf2;padding:32px 30px;border-radius:14px} .ds-price{font-size:clamp(38px,4vw,52px);font-weight:500;line-height:1.1;letter-spacing:-.04em;margin-bottom:22px;color:var(--ds-paper-ink)} .ds-quote>p:not(.ds-price){font-size:16px;line-height:1.8;color:var(--ds-paper-muted)} .ds-quote .bouton{margin-top:24px} .ds-quote .ds-quote-note{font-size:13px;margin-top:16px} .ds-budget-details{grid-column:1/-1;border-top:1px solid #a1a797;padding-top:8px} .ds-budget-details p{font-size:15px;line-height:1.8;color:var(--ds-paper-muted);margin:12px 0;max-width:980px} .ds-page :is(summary,video,.lien-texte):focus-visible{outline:2px solid currentColor;outline-offset:5px} .ds-page .interne-papier summary:focus-visible{outline-color:var(--ds-paper-accent)} .ds-final>.conteneur{display:grid;grid-template-columns:1fr auto;align-items:center;gap:46px} .ds-page .ds-final{padding-block:70px;background:radial-gradient(ellipse at 90% 30%,#313529,transparent 70%)} .ds-final p:not(.cartouche){max-width:650px;font-size:17px;line-height:1.75;color:var(--ds-muted);margin-top:24px} @media(max-width:1100px){ .ds-hero-grid{grid-template-columns:1fr;gap:34px} .ds-hero-copy{max-width:820px} .ds-page .ds-hero h1{font-size:clamp(42px,6vw,62px);max-width:870px} .ds-hero-actions{flex-direction:row;align-items:center} .ds-spatial{max-width:820px;width:100%;margin-inline:auto;transform:none} .ds-section-head{grid-template-columns:1fr;gap:24px;margin-bottom:32px} .ds-case,.ds-case-keyfood{grid-template-columns:1fr;gap:30px} .ds-case-keyfood .ds-case-copy,.ds-case-keyfood .ds-film{grid-column:auto;grid-row:auto} .ds-case-copy{max-width:850px} .ds-points{display:flex;flex-wrap:wrap;gap:10px 24px} .ds-case h3 br{display:none} .ds-page .ds-case h3{font-size:36px} .ds-intentions{gap:22px} .ds-format-grid{grid-template-columns:1fr} .ds-format-grid article{display:grid;grid-template-columns:120px 1fr;column-gap:20px;padding:26px} .ds-format-label{grid-row:1/3;margin-bottom:0} .ds-format-grid h3,.ds-format-grid article>p:last-child{grid-column:2} .ds-budget-grid{gap:30px;grid-template-columns:1fr 1fr} .ds-final>.conteneur{grid-template-columns:1fr;gap:30px} } @media(max-width:760px){ .ds-page .ds-hero{padding-block:22px 36px} .ds-hero-grid{padding-top:12px;gap:26px} .ds-page .ds-hero h1{font-size:clamp(31px,8.7vw,43px);line-height:1.12;letter-spacing:-.035em;margin:14px 0 20px} .ds-page .ds-hero .interne-lead{font-size:16px;line-height:1.7} .ds-page .ds-body-cta{display:none} .ds-page .ds-hero-budget{font-size:13px;margin-top:20px} .ds-spatial .portfolio-signature{font-size:10px;gap:10px} .ds-spatial{transform:none;will-change:auto} .ds-page .ds-section{padding-block:44px} .ds-section-head{gap:18px;margin-bottom:26px} .ds-page .ds-section h2,.ds-page .ds-final h2{font-size:clamp(29px,8vw,37px);line-height:1.16} .ds-section-head>p{font-size:16px} .ds-intentions{grid-template-columns:1fr;gap:26px} .ds-intentions article{display:grid;grid-template-columns:26px 1fr;column-gap:16px;padding-top:18px} .ds-number{grid-row:1/3;margin:3px 0 0} .ds-intentions h3,.ds-intentions p{grid-column:2} .ds-page .ds-intentions h3{font-size:21px;margin-bottom:10px} .ds-intentions p{font-size:15px} .ds-case,.ds-case-keyfood{gap:24px;padding-block:16px 34px} .ds-case+.ds-case{padding-top:36px} .ds-page .ds-case h3{font-size:31px;line-height:1.2;margin-bottom:18px} .ds-status{font-size:11px;margin-bottom:14px} .ds-case-copy>p:not(.ds-status){font-size:15px} .ds-points{display:grid;margin:20px 0;gap:10px} .ds-points li{font-size:13px} .ds-film video{border-radius:9px} .ds-film figcaption{font-size:12px;margin-top:10px} .ds-credits ul{columns:1} .ds-format-grid{gap:14px} .ds-format-grid article{display:block;padding:22px 20px} .ds-format-label{margin-bottom:12px} .ds-page .ds-format-grid h3{font-size:21px;margin-bottom:12px} .ds-format-grid p{font-size:15px} .ds-editorial-note{font-size:13px;margin-top:22px} .ds-method{grid-template-columns:1fr;gap:24px} .ds-method li{grid-template-columns:24px 1fr;gap:16px;padding-top:20px} .ds-page .ds-method h3{font-size:20px} .ds-method p{font-size:15px} .ds-budget-grid{grid-template-columns:1fr;gap:26px} .ds-budget-grid>div>p:not(.cartouche){font-size:16px;margin-top:20px} .ds-quote{padding:24px 20px} .ds-quote>p:not(.ds-price){font-size:15px} .ds-budget-details{grid-column:auto} .ds-budget-details p{font-size:14px} .ds-page .ds-final{padding-block:40px 48px} .ds-final p:not(.cartouche){font-size:16px;margin-top:18px} } @media(prefers-reduced-motion:reduce){.ds-spatial{transform:none;will-change:auto}} .ds-page .interne-papier .bouton.plein{background:var(--ds-paper-accent);color:#fffaf2;border-color:var(--ds-paper-accent)} .ds-page .interne-papier .bouton.plein:is(:hover,:focus-visible){background:#63301f;color:#fffaf2;border-color:#63301f} .ds-page .interne-papier .bouton.plein:focus-visible{outline:2px solid var(--ds-paper-accent);outline-offset:4px}