wip #5941 @1:00 correctifs css, retours client

diff --git a/app.css b/app.css
index 7e65019552b70a9819ff497a1521a6e84c64d257..ebb8da6ee9d56aaa28f9a6d5e13ac9f1d8642663 100644 (file)
--- a/app.css
+++ b/app.css
@@ -130,6 +130,7 @@ a {
   --space-4xs-6xl: clamp(2.25rem, calc(-2.86rem + 12.73vw), 10.50rem);
   /* Space 4xs-6xl: 48px → 168px */
   --space-xl-6xl: clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem);
+  --space-3xs-9xl: clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);
   /* Space m-xl: 24px → 48px */
   --space-m-xl: clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem);
   --space-custom-title-1: clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem);
@@ -163,7 +164,7 @@ a {
     width: 0;
   }
   100% {
-    width: 100%;
+    width: 110%;
   }
 }
 @keyframes line-second {
@@ -242,11 +243,6 @@ body {
     grid-template-columns: repeat(2, 1fr);
   }
 }
-@media screen and (min-width: 1680px) {
-  .grid .grid {
-    grid-template-columns: repeat(2, 278px);
-  }
-}
 .grid-item {
   overflow: hidden;
 }
@@ -267,12 +263,12 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .grid-reverse .grid {
-    margin-left: var(--space-4xs-6xl) !important;
+    margin-left: calc(var(--space-3xs-9xl) - 32px) !important;
   }
 }
 
 .gap-xl {
-  gap: 0 var(--space-4xs-6xl);
+  gap: 0 var(--space-3xs-9xl);
 }
 
 .flex {
@@ -373,7 +369,7 @@ b {
 }
 
 .app-header {
-  padding-top: var(--space-l-3xl);
+  padding-top: var(--space-l-xl);
   padding-bottom: 100px;
 }
 @media screen and (max-width: 1024px) {
@@ -509,7 +505,7 @@ b {
 }
 .app-banner .video-container:before {
   width: 93%;
-  left: -117%;
+  left: -127%;
 }
 @media screen and (min-width: 1024px) {
   .app-banner .video-container:before {
@@ -642,7 +638,7 @@ b {
   height: 100%;
   object-fit: cover;
   position: absolute;
-  object-position: 0 38%;
+  object-position: 0 25%;
 }
 .app-section .text {
   width: 100%;
@@ -656,7 +652,7 @@ b {
 }
 @media screen and (min-width: 1680px) {
   .app-section .text {
-    width: max-content;
+    width: 90%;
   }
 }
 .app-section .content p:not(:last-of-type) {

diff --git a/app.css.map b/app.css.map
index d39b56f28c0fe21e163ab2c6fd9dc5b369aecc12..e226176e34d81a1fa6713aecc1e08ed59ff45db4 100644 (file)
--- a/app.css.map
+++ b/app.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["sass/reset.sass","sass/fontface.sass","sass/helpers.sass","sass/animations.sass","sass/app.sass"],"names":[],"mappings":"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N;EACE;;AACA;EACE;EACA;EACA;EACA,kBF3UJ;EE4UI;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA,kBF9VD;;AEgWD;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEN;EACE;;AACA;EACE;EACA;EACA;EACA;;AFvWJ;EEmWE;IAOI;IACA;IACA;IACA;;;AF7WN;EEmWE;IAaI;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;;AF9XJ;EE2XE;IAKI;;;AFhYN;EE2XE;IAOI;;;AAGF;EACE;;AACF;EACE;;AAEJ;EACE;;AACA;EACE;;AACF;EACE;;AACF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF9ZJ;EEsZE;IAUI;IACA;IACA;;EACA;IACE;;;AAEJ;EACE,OF/aJ;;AEibA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE,OF7cF;EE8cE;;AACA;EACE","file":"app.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["sass/reset.sass","sass/fontface.sass","sass/helpers.sass","sass/animations.sass","sass/app.sass"],"names":[],"mappings":"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ACE;EACA;EACA;EACA,kBF5UJ;EE6UI;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA,kBF/VD;;AEiWD;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEN;EACE;;AACA;EACE;EACA;EACA;EACA;;AFxWJ;EEoWE;IAOI;IACA;IACA;IACA;;;AF9WN;EEoWE;IAaI;IACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAEJ;EACE;EACA;EACA;;AF9XJ;EE2XE;IAKI;;;AFhYN;EE2XE;IAQI;;;AAGF;EACE;;AACF;EACE;;AAEJ;EACE;;AACA;EACE;;AACF;EACE;;AACF;EACE;;AACF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AF/ZJ;EEuZE;IAUI;IACA;IACA;;EACA;IACE;;;AAEJ;EACE,OFhbJ;;AEkbA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;;AAEF;EACE;EACA;EACA;;AAEF;EACE,OF9cF;EE+cE;;AACA;EACE","file":"app.css"}
\ No newline at end of file

diff --git a/app.min.css b/app.min.css
index c19e4eba699470923731b1cbeb431fa44b4bac08..3c9817dbb56301d88e29f67ada61ae730e16a6a8 100644 (file)
--- a/app.min.css
+++ b/app.min.css
@@ -1 +1 @@
-@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-Book.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Bold.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-BookItalic.woff2") format("woff2"),url("assets/fonts/MaisonNeue-BookItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Medium.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--space-3xs:clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem);--space-2xs:clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem);--space-xs:clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem);--space-s:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--space-m:clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem);--space-l:clamp(2.25rem, calc(2.25rem + 0.00vw), 2.25rem);--space-xl:clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem);--space-2xl:clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem);--space-3xl:clamp(5.25rem, calc(5.25rem + 0.00vw), 5.25rem);--space-4xl:clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem);--space-3xs-2xs:clamp(0.25rem, calc(0.18rem + 0.30vw), 0.50rem);--space-2xs-xs:clamp(0.50rem, calc(0.43rem + 0.30vw), 0.75rem);--space-xs-s:clamp(0.75rem, calc(0.68rem + 0.30vw), 1.00rem);--space-s-m:clamp(1.00rem, calc(0.86rem + 0.61vw), 1.50rem);--space-m-l:clamp(1.50rem, calc(1.30rem + 0.91vw), 2.25rem);--space-l-xl:clamp(2.25rem, calc(2.05rem + 0.91vw), 3.00rem);--space-xl-2xl:clamp(3.00rem, calc(2.73rem + 1.21vw), 4.00rem);--space-2xl-3xl:clamp(4.00rem, calc(3.66rem + 1.52vw), 5.25rem);--space-3xl-4xl:clamp(5.25rem, calc(5.05rem + 0.91vw), 6.00rem);--space-l-xl-custom:clamp(2.00rem, calc(1.73rem + 1.21vw), 3.00rem);--space-l-3xl:clamp(2.25rem, calc(1.43rem + 3.64vw), 5.25rem);--space-2xl-5xl:clamp(3.38rem, calc(0.03rem + 14.85vw), 15.63rem);--space-4xs-6xl:clamp(2.25rem, calc(-2.86rem + 12.73vw), 10.50rem);--space-xl-6xl:clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem);--space-m-xl:clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem);--space-custom-title-1:clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem);--space-custom-title-3:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--step--2:clamp(0.64rem, calc(0.71rem + -0.07vw), 0.69rem);--step--1:clamp(0.80rem, calc(0.84rem + -0.04vw), 0.83rem);--step-0:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--step-1:clamp(1.20rem, calc(1.19rem + 0.06vw), 1.25rem);--step-2:clamp(1.44rem, calc(1.41rem + 0.15vw), 1.56rem);--step-3:clamp(1.73rem, calc(1.67rem + 0.27vw), 1.95rem);--step-4:clamp(2.07rem, calc(1.97rem + 0.45vw), 2.44rem);--step-5:clamp(2.49rem, calc(2.33rem + 0.68vw), 3.05rem);--step-7:clamp(3.58rem, calc(3.26rem + 1.44vw), 4.77rem);--step-10:clamp(3.00rem, calc(0.65rem + 10.45vw), 11.63rem)}@keyframes line-first{0%{width:0}100%{width:100%}}@keyframes line-second{0%{width:0}100%{width:100vw}}@keyframes overlay{0%{width:100%}100%{width:0}}body{background-color:#07090a;font-family:"Maison Neue Book",sans-serif;color:#fff;line-height:1.25;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-blue{background-color:#0a7dff}.color-blue{color:#0a7dff}.italic{font-style:italic}.container{width:100%;margin:0 auto}@media screen and (min-width:1680px){.container{width:100%;max-width:1680px}}.container:not(.full){padding:0 var(--space-l-3xl);box-sizing:border-box}.grid{display:grid;gap:32px}@media screen and (min-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}.grid .grid{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:1024px){.grid .grid{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1344px){.grid .grid{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1680px){.grid .grid{grid-template-columns:repeat(2,278px)}}.grid-item{overflow:hidden}@media screen and (min-width:1024px){.grid-item{width:100%}}@media screen and (min-width:1024px){.grid-reverse .grid-item:first-child{grid-column:2;grid-row:1}.grid-reverse .grid-item:nth-child(2){grid-column:1;grid-row:1}}@media screen and (min-width:1024px){.grid-reverse .grid{margin-left:var(--space-4xs-6xl)!important}}.gap-xl{gap:0 var(--space-4xs-6xl)}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.wrap{flex-wrap:wrap}@media screen and (min-width:1680px){body>.app-section{margin-top:var(--space-4xs-6xl)}}@media screen and (min-width:1680px){body>.app-section~.app-section{margin-top:0}}.border-title{width:100%;font-size:var(--step-3);margin-bottom:var(--space-l-xl-custom);padding:18px 0;position:relative}@media screen and (max-width:1680px){.border-title{margin-top:var(--space-xl-6xl)}}.border-title.active:after,.border-title.active:before{width:100%}.border-title:after,.border-title:before{content:"";position:absolute;width:0;height:1px;background-color:#0a7dff;left:0;transition:width cubic-bezier(.82, 0, .65, .93) .9s}.border-title:before{top:0}.border-title:after{bottom:0}.text-center{text-align:center}.text-right{text-align:right}.text-md{font-size:var(--step-2)}.text-xl{font-size:var(--step-7)}.font-neue{font-family:"Maison Neue",sans-serif}.font-book{font-family:"Maison Neue Book",sans-serif}b{font-weight:700}@media screen and (min-width:1024px){.max-content{width:-moz-max-content;width:max-content}}.relative{position:relative}.app-header{padding-top:var(--space-l-3xl);padding-bottom:100px}@media screen and (max-width:1024px){.app-header{padding-bottom:288px}}.app-header .logo{position:relative;z-index:1;max-width:100px;display:inline-block}@media screen and (min-width:1024px){.app-header .logo{max-width:160px}}.app-header .logo img{width:100%}.app-header .video-container-mobile{width:288px;height:288px;position:absolute;top:0;right:0}@media screen and (min-width:1024px){.app-header .video-container-mobile{display:none}}.app-header .video-container-mobile svg,.app-header .video-container-mobile video{position:absolute;width:100%}.app-header .video-container-mobile video{height:100%;-o-object-fit:cover;object-fit:cover}.app-banner{overflow:hidden;padding-bottom:169px}.app-banner .container{box-sizing:border-box;padding:0 var(--space-l-3xl)}.app-banner p{font-size:var(--step-10);position:relative}.app-banner p.first{padding-left:var(--space-custom-title-1)}.app-banner p.second{width:-moz-max-content;width:max-content;position:relative}@media screen and (min-width:1024px){.app-banner p.second:after{display:none}}.app-banner p.second:after{content:"";width:0;position:absolute;height:1px;left:calc(100% + 24px);background-color:#fff;top:45%;animation-name:line-second;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}@media screen and (min-width:768px){.app-banner p.third{padding-left:var(--space-custom-title-3)}}@media screen and (max-width:768px){.app-banner .last-phrase{flex-direction:column-reverse;padding-left:var(--space-custom-title-3)}}.app-banner span{font-size:var(--step-3);transform:translateY(25%)}@media screen and (max-width:1024px){.app-banner span{width:100%;max-width:200px;font-size:18px}}@media screen and (max-width:768px){.app-banner span{font-size:16px}}.app-banner .video-container{height:0;padding-bottom:24.52%;width:24.52%;position:absolute;top:2.2vw;right:var(--space-l-3xl);display:none}@media screen and (min-width:1024px){.app-banner .video-container{display:block}}@media screen and (min-width:1680px){.app-banner .video-container{right:145px}}.app-banner .video-container:after,.app-banner .video-container:before{content:"";height:1px;background-color:#fff;position:absolute;bottom:29%;z-index:4}.app-banner .video-container:before{width:93%;left:-117%}@media screen and (min-width:1024px){.app-banner .video-container:before{animation-name:line-first;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}}@media screen and (min-width:1680px){.app-banner .video-container:before{width:0}}.app-banner .video-container:after{width:100vw;left:80%}@media screen and (min-width:1024px){.app-banner .video-container:after{width:0;animation-name:line-second;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1s;animation-duration:1s}}.app-banner .video-container .overlay{position:absolute;width:100%;height:100%;top:0;right:0;background:#0a7dff;z-index:3;transform:skewX(-35deg);animation-name:overlay;animation-fill-mode:forwards;animation-duration:.8s;animation-delay:.7s}.app-banner .video-container svg,.app-banner .video-container video{position:absolute;width:100%}.app-banner .video-container video{height:100%;-o-object-fit:cover;object-fit:cover}.app-intro{padding:var(--space-2xl-5xl) 0;position:relative;overflow:hidden}@media screen and (min-width:768px){.app-intro{font-size:var(--step-4)}}.app-intro.active .line:before{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.6,0,0.3,1);animation-duration:.75s;animation-name:line-second}.app-intro .line{position:relative}.app-intro .line:before{content:"";width:0;height:1px;background-color:#fff;position:absolute;z-index:-1;left:calc((-100vw + 100%)/ 2);top:.5ch}.app-intro .container{position:relative;z-index:1;padding:0 var(--space-2xl-5xl);box-sizing:border-box}.app-intro .container:after,.app-intro .container:before{content:"";width:calc(100% + 84px);position:absolute;height:100%;background-color:#0a7dff}.app-intro .container:before{content:"";width:78%;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.app-intro .container:after{height:0}.app-section{margin-bottom:var(--space-4xs-6xl)}.app-section .image{height:0;padding-bottom:100%;margin-bottom:36px;position:relative}@media screen and (min-width:1024px){.app-section .image{padding-bottom:0;position:sticky;height:80vh;top:0}}@media screen and (min-width:1680px){.app-section .image{height:72vh;top:15vh}}.app-section .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-o-object-position:0 38%;object-position:0 38%}.app-section .text{width:100%;max-width:85%;margin:auto}@media screen and (min-width:1024px){.app-section .text{margin:initial}}@media screen and (min-width:1680px){.app-section .text{width:-moz-max-content;width:max-content}}.app-section .content p:not(:last-of-type){margin:0 0 1.73rem}.app-section .content h3{margin-bottom:1rem}.app-section .signature{margin-top:32px}.app-section .signature.pp img{max-width:80px}.app-section .signature.fp img{max-width:60px}.app-section .signature img{flex-shrink:0}.app-section .signature p{font-size:12px}.app-footer .block{width:100%;height:0;padding-bottom:100%;background-repeat:no-repeat;background-size:cover;background-position:0 50%;position:relative;overflow:hidden}@media screen and (min-width:1024px){.app-footer .block{width:50%;height:100vh;padding:0}.app-footer .block:hover img{transform:scale(1.05)}}.app-footer .block *{color:#fff}.app-footer img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0;-o-object-position:left center;object-position:left center;transition:all .5s cubic-bezier(.19, 1, .22, 1)}.app-footer .text{padding:var(--space-xl-6xl) 0;position:relative;z-index:2}.app-footer .title{margin-bottom:var(--space-m-xl)}.app-footer .subtitle{font-size:25px;margin-bottom:var(--space-l-xl)}.app-footer .link-block{display:inline-block;width:100%;height:100%}.app-footer .link{color:#fff;font-size:var(--step-4)}.app-footer .link svg{margin-left:18px}
\ No newline at end of file
+@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-Book.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Book.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Bold.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Maison Neue Book";src:url("assets/fonts/MaisonNeue-BookItalic.woff2") format("woff2"),url("assets/fonts/MaisonNeue-BookItalic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Maison Neue";src:url("assets/fonts/MaisonNeue-Medium.woff2") format("woff2"),url("assets/fonts/MaisonNeue-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--space-3xs:clamp(0.25rem, calc(0.25rem + 0.00vw), 0.25rem);--space-2xs:clamp(0.50rem, calc(0.50rem + 0.00vw), 0.50rem);--space-xs:clamp(0.75rem, calc(0.75rem + 0.00vw), 0.75rem);--space-s:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--space-m:clamp(1.50rem, calc(1.50rem + 0.00vw), 1.50rem);--space-l:clamp(2.25rem, calc(2.25rem + 0.00vw), 2.25rem);--space-xl:clamp(3.00rem, calc(3.00rem + 0.00vw), 3.00rem);--space-2xl:clamp(4.00rem, calc(4.00rem + 0.00vw), 4.00rem);--space-3xl:clamp(5.25rem, calc(5.25rem + 0.00vw), 5.25rem);--space-4xl:clamp(6.00rem, calc(6.00rem + 0.00vw), 6.00rem);--space-3xs-2xs:clamp(0.25rem, calc(0.18rem + 0.30vw), 0.50rem);--space-2xs-xs:clamp(0.50rem, calc(0.43rem + 0.30vw), 0.75rem);--space-xs-s:clamp(0.75rem, calc(0.68rem + 0.30vw), 1.00rem);--space-s-m:clamp(1.00rem, calc(0.86rem + 0.61vw), 1.50rem);--space-m-l:clamp(1.50rem, calc(1.30rem + 0.91vw), 2.25rem);--space-l-xl:clamp(2.25rem, calc(2.05rem + 0.91vw), 3.00rem);--space-xl-2xl:clamp(3.00rem, calc(2.73rem + 1.21vw), 4.00rem);--space-2xl-3xl:clamp(4.00rem, calc(3.66rem + 1.52vw), 5.25rem);--space-3xl-4xl:clamp(5.25rem, calc(5.05rem + 0.91vw), 6.00rem);--space-l-xl-custom:clamp(2.00rem, calc(1.73rem + 1.21vw), 3.00rem);--space-l-3xl:clamp(2.25rem, calc(1.43rem + 3.64vw), 5.25rem);--space-2xl-5xl:clamp(3.38rem, calc(0.03rem + 14.85vw), 15.63rem);--space-4xs-6xl:clamp(2.25rem, calc(-2.86rem + 12.73vw), 10.50rem);--space-xl-6xl:clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem);--space-3xs-9xl:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--space-m-xl:clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem);--space-custom-title-1:clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem);--space-custom-title-3:clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);--step--2:clamp(0.64rem, calc(0.71rem + -0.07vw), 0.69rem);--step--1:clamp(0.80rem, calc(0.84rem + -0.04vw), 0.83rem);--step-0:clamp(1.00rem, calc(1.00rem + 0.00vw), 1.00rem);--step-1:clamp(1.20rem, calc(1.19rem + 0.06vw), 1.25rem);--step-2:clamp(1.44rem, calc(1.41rem + 0.15vw), 1.56rem);--step-3:clamp(1.73rem, calc(1.67rem + 0.27vw), 1.95rem);--step-4:clamp(2.07rem, calc(1.97rem + 0.45vw), 2.44rem);--step-5:clamp(2.49rem, calc(2.33rem + 0.68vw), 3.05rem);--step-7:clamp(3.58rem, calc(3.26rem + 1.44vw), 4.77rem);--step-10:clamp(3.00rem, calc(0.65rem + 10.45vw), 11.63rem)}@keyframes line-first{0%{width:0}100%{width:110%}}@keyframes line-second{0%{width:0}100%{width:100vw}}@keyframes overlay{0%{width:100%}100%{width:0}}body{background-color:#07090a;font-family:"Maison Neue Book",sans-serif;color:#fff;line-height:1.25;overflow-x:hidden;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-blue{background-color:#0a7dff}.color-blue{color:#0a7dff}.italic{font-style:italic}.container{width:100%;margin:0 auto}@media screen and (min-width:1680px){.container{width:100%;max-width:1680px}}.container:not(.full){padding:0 var(--space-l-3xl);box-sizing:border-box}.grid{display:grid;gap:32px}@media screen and (min-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}.grid .grid{grid-template-columns:repeat(1,1fr)}@media screen and (min-width:1024px){.grid .grid{grid-template-columns:repeat(1,1fr)}}@media screen and (min-width:1344px){.grid .grid{grid-template-columns:repeat(2,1fr)}}.grid-item{overflow:hidden}@media screen and (min-width:1024px){.grid-item{width:100%}}@media screen and (min-width:1024px){.grid-reverse .grid-item:first-child{grid-column:2;grid-row:1}.grid-reverse .grid-item:nth-child(2){grid-column:1;grid-row:1}}@media screen and (min-width:1024px){.grid-reverse .grid{margin-left:calc(var(--space-3xs-9xl) - 32px)!important}}.gap-xl{gap:0 var(--space-3xs-9xl)}.flex{display:flex}.justify-between{justify-content:space-between}.align-center{align-items:center}.wrap{flex-wrap:wrap}@media screen and (min-width:1680px){body>.app-section{margin-top:var(--space-4xs-6xl)}}@media screen and (min-width:1680px){body>.app-section~.app-section{margin-top:0}}.border-title{width:100%;font-size:var(--step-3);margin-bottom:var(--space-l-xl-custom);padding:18px 0;position:relative}@media screen and (max-width:1680px){.border-title{margin-top:var(--space-xl-6xl)}}.border-title.active:after,.border-title.active:before{width:100%}.border-title:after,.border-title:before{content:"";position:absolute;width:0;height:1px;background-color:#0a7dff;left:0;transition:width cubic-bezier(.82, 0, .65, .93) .9s}.border-title:before{top:0}.border-title:after{bottom:0}.text-center{text-align:center}.text-right{text-align:right}.text-md{font-size:var(--step-2)}.text-xl{font-size:var(--step-7)}.font-neue{font-family:"Maison Neue",sans-serif}.font-book{font-family:"Maison Neue Book",sans-serif}b{font-weight:700}@media screen and (min-width:1024px){.max-content{width:-moz-max-content;width:max-content}}.relative{position:relative}.app-header{padding-top:var(--space-l-xl);padding-bottom:100px}@media screen and (max-width:1024px){.app-header{padding-bottom:288px}}.app-header .logo{position:relative;z-index:1;max-width:100px;display:inline-block}@media screen and (min-width:1024px){.app-header .logo{max-width:160px}}.app-header .logo img{width:100%}.app-header .video-container-mobile{width:288px;height:288px;position:absolute;top:0;right:0}@media screen and (min-width:1024px){.app-header .video-container-mobile{display:none}}.app-header .video-container-mobile svg,.app-header .video-container-mobile video{position:absolute;width:100%}.app-header .video-container-mobile video{height:100%;-o-object-fit:cover;object-fit:cover}.app-banner{overflow:hidden;padding-bottom:169px}.app-banner .container{box-sizing:border-box;padding:0 var(--space-l-3xl)}.app-banner p{font-size:var(--step-10);position:relative}.app-banner p.first{padding-left:var(--space-custom-title-1)}.app-banner p.second{width:-moz-max-content;width:max-content;position:relative}@media screen and (min-width:1024px){.app-banner p.second:after{display:none}}.app-banner p.second:after{content:"";width:0;position:absolute;height:1px;left:calc(100% + 24px);background-color:#fff;top:45%;animation-name:line-second;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}@media screen and (min-width:768px){.app-banner p.third{padding-left:var(--space-custom-title-3)}}@media screen and (max-width:768px){.app-banner .last-phrase{flex-direction:column-reverse;padding-left:var(--space-custom-title-3)}}.app-banner span{font-size:var(--step-3);transform:translateY(25%)}@media screen and (max-width:1024px){.app-banner span{width:100%;max-width:200px;font-size:18px}}@media screen and (max-width:768px){.app-banner span{font-size:16px}}.app-banner .video-container{height:0;padding-bottom:24.52%;width:24.52%;position:absolute;top:2.2vw;right:var(--space-l-3xl);display:none}@media screen and (min-width:1024px){.app-banner .video-container{display:block}}@media screen and (min-width:1680px){.app-banner .video-container{right:145px}}.app-banner .video-container:after,.app-banner .video-container:before{content:"";height:1px;background-color:#fff;position:absolute;bottom:29%;z-index:4}.app-banner .video-container:before{width:93%;left:-127%}@media screen and (min-width:1024px){.app-banner .video-container:before{animation-name:line-first;animation-timing-function:cubic-bezier(0.82,0,0.65,0.93);animation-fill-mode:forwards;animation-duration:.8s}}@media screen and (min-width:1680px){.app-banner .video-container:before{width:0}}.app-banner .video-container:after{width:100vw;left:80%}@media screen and (min-width:1024px){.app-banner .video-container:after{width:0;animation-name:line-second;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1s;animation-duration:1s}}.app-banner .video-container .overlay{position:absolute;width:100%;height:100%;top:0;right:0;background:#0a7dff;z-index:3;transform:skewX(-35deg);animation-name:overlay;animation-fill-mode:forwards;animation-duration:.8s;animation-delay:.7s}.app-banner .video-container svg,.app-banner .video-container video{position:absolute;width:100%}.app-banner .video-container video{height:100%;-o-object-fit:cover;object-fit:cover}.app-intro{padding:var(--space-2xl-5xl) 0;position:relative;overflow:hidden}@media screen and (min-width:768px){.app-intro{font-size:var(--step-4)}}.app-intro.active .line:before{animation-fill-mode:forwards;animation-timing-function:cubic-bezier(0.6,0,0.3,1);animation-duration:.75s;animation-name:line-second}.app-intro .line{position:relative}.app-intro .line:before{content:"";width:0;height:1px;background-color:#fff;position:absolute;z-index:-1;left:calc((-100vw + 100%)/ 2);top:.5ch}.app-intro .container{position:relative;z-index:1;padding:0 var(--space-2xl-5xl);box-sizing:border-box}.app-intro .container:after,.app-intro .container:before{content:"";width:calc(100% + 84px);position:absolute;height:100%;background-color:#0a7dff}.app-intro .container:before{content:"";width:78%;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.app-intro .container:after{height:0}.app-section{margin-bottom:var(--space-4xs-6xl)}.app-section .image{height:0;padding-bottom:100%;margin-bottom:36px;position:relative}@media screen and (min-width:1024px){.app-section .image{padding-bottom:0;position:sticky;height:80vh;top:0}}@media screen and (min-width:1680px){.app-section .image{height:72vh;top:15vh}}.app-section .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;-o-object-position:0 25%;object-position:0 25%}.app-section .text{width:100%;max-width:85%;margin:auto}@media screen and (min-width:1024px){.app-section .text{margin:initial}}@media screen and (min-width:1680px){.app-section .text{width:90%}}.app-section .content p:not(:last-of-type){margin:0 0 1.73rem}.app-section .content h3{margin-bottom:1rem}.app-section .signature{margin-top:32px}.app-section .signature.pp img{max-width:80px}.app-section .signature.fp img{max-width:60px}.app-section .signature img{flex-shrink:0}.app-section .signature p{font-size:12px}.app-footer .block{width:100%;height:0;padding-bottom:100%;background-repeat:no-repeat;background-size:cover;background-position:0 50%;position:relative;overflow:hidden}@media screen and (min-width:1024px){.app-footer .block{width:50%;height:100vh;padding:0}.app-footer .block:hover img{transform:scale(1.05)}}.app-footer .block *{color:#fff}.app-footer img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;left:0;top:0;-o-object-position:left center;object-position:left center;transition:all .5s cubic-bezier(.19, 1, .22, 1)}.app-footer .text{padding:var(--space-xl-6xl) 0;position:relative;z-index:2}.app-footer .title{margin-bottom:var(--space-m-xl)}.app-footer .subtitle{font-size:25px;margin-bottom:var(--space-l-xl)}.app-footer .link-block{display:inline-block;width:100%;height:100%}.app-footer .link{color:#fff;font-size:var(--step-4)}.app-footer .link svg{margin-left:18px}
\ No newline at end of file

diff --git a/index.html b/index.html
index c5bdf23bff34255fcc12e72dd6bc3436732cdc9d..4c8c8193b3f8ed3bb93757e5d09fc15afeee5aa6 100644 (file)
--- a/index.html
+++ b/index.html
@@ -32,7 +32,7 @@
                 <img src="assets/images/logo_pomerleau.svg" alt="Pomerleau" />
             </div>
             <div class="video-container-mobile">
-                <video loop muted autoplay>
+                <video loop muted autoplay playsinline>
                     <source src="assets/video_banner_promerleau.mp4" type="video/mp4">
                 </video>
                 <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
@@ -49,7 +49,7 @@
     <div class="app-banner bg-blue">
         <div class="container full relative">
             <div class="video-container">
-                <video loop muted autoplay>
+                <video loop muted autoplay playsinline>
                     <source src="assets/video_banner_promerleau.mp4" type="video/mp4">
                 </video>
                 <svg xmlns="http://www.w3.org/2000/svg" id="Calque_2" viewBox="0 0 888 890">
@@ -89,7 +89,7 @@
         <div class="container full grid gap-xl">
             <div class="image grid-item">
                 <picture>
-                    <source srcset="assets/images/Pomerleau_PDG_1500.jpg" media="(min-width: 1024px)">
+                    <source srcset="assets/images/Pomerleau_PDG_1700.jpg" media="(min-width: 1024px)">
                     <source srcset="assets/images/Pomerleau_PDG_720.jpg" media="(min-width: 360px)">
                     <img src="assets/images/Pomerleau_PDG.jpg" />
                 </picture>
@@ -228,7 +228,7 @@
                         </div>
                     </div>
                     <picture>
-                        <source srcset="assets/images/rapport-activite_1500.jpg" media="(min-width: 1024px)">
+                        <source srcset="assets/images/rapport-activite_1700.jpg" media="(min-width: 1024px)">
                         <source srcset="assets/images/rapport-activite_720.jpg" media="(min-width: 360px)">
                         <img src="assets/images/rapport-activite.jpg" />
                     </picture>

diff --git a/output.css b/output.css
index 40e494fdd222369e3f04af26d6d7467af8cc5a42..06592cf41f049d6734c29120e1d0ed4338d770bd 100644 (file)
--- a/output.css
+++ b/output.css
@@ -130,6 +130,7 @@ a {
   --space-4xs-6xl: clamp(2.25rem, calc(-2.86rem + 12.73vw), 10.50rem);
   /* Space 4xs-6xl: 48px → 168px */
   --space-xl-6xl: clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem);
+  --space-3xs-9xl: clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem);
   /* Space m-xl: 24px → 48px */
   --space-m-xl: clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem);
   --space-custom-title-1: clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem);
@@ -163,7 +164,7 @@ a {
     width: 0;
   }
   100% {
-    width: 100%;
+    width: 110%;
   }
 }
 @keyframes line-second {
@@ -234,12 +235,12 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .grid .grid {
-    grid-template-columns: repeat(1, 358px);
+    grid-template-columns: repeat(1, 1fr);
   }
 }
 @media screen and (min-width: 1344px) {
   .grid .grid {
-    grid-template-columns: repeat(2, 278px);
+    grid-template-columns: repeat(2, 1fr);
   }
 }
 .grid-item {
@@ -262,12 +263,12 @@ body {
 }
 @media screen and (min-width: 1024px) {
   .grid-reverse .grid {
-    margin-left: var(--space-4xs-6xl) !important;
+    margin-left: calc(var(--space-3xs-9xl) - 32px) !important;
   }
 }
 
 .gap-xl {
-  gap: 0 var(--space-4xs-6xl);
+  gap: 0 var(--space-3xs-9xl);
 }
 
 .flex {
@@ -369,7 +370,7 @@ b {
 }
 
 .app-header {
-  padding-top: var(--space-l-3xl);
+  padding-top: var(--space-l-xl);
   padding-bottom: 100px;
 }
 @media screen and (max-width: 1024px) {
@@ -420,7 +421,6 @@ b {
 .app-banner .container {
   box-sizing: border-box;
   padding: 0 var(--space-l-3xl);
-  max-width: 100%;
 }
 .app-banner p {
   font-size: var(--step-10);
@@ -508,7 +508,7 @@ b {
 }
 .app-banner .video-container:before {
   width: 93%;
-  left: -117%;
+  left: -127%;
 }
 @media screen and (min-width: 1024px) {
   .app-banner .video-container:before {
@@ -562,7 +562,7 @@ b {
      object-fit: cover;
 }
 .app-intro {
-  padding: var(--space-2xl-5xl);
+  padding: var(--space-2xl-5xl) 0;
   position: relative;
   overflow: hidden;
 }
@@ -593,6 +593,8 @@ b {
 .app-intro .container {
   position: relative;
   z-index: 1;
+  padding: 0 var(--space-2xl-5xl);
+  box-sizing: border-box;
 }
 .app-intro .container:before, .app-intro .container:after {
   content: "";
@@ -603,7 +605,7 @@ b {
 }
 .app-intro .container:before {
   content: "";
-  width: 110%;
+  width: 78%;
   height: 100%;
   position: absolute;
   left: 50%;
@@ -641,8 +643,8 @@ b {
   -o-object-fit: cover;
      object-fit: cover;
   position: absolute;
-  -o-object-position: 0 38%;
-     object-position: 0 38%;
+  -o-object-position: 0 25%;
+     object-position: 0 25%;
 }
 .app-section .text {
   width: 100%;
@@ -652,8 +654,11 @@ b {
 @media screen and (min-width: 1024px) {
   .app-section .text {
     margin: initial;
-    width: -moz-max-content;
-    width: max-content;
+  }
+}
+@media screen and (min-width: 1680px) {
+  .app-section .text {
+    width: 90%;
   }
 }
 .app-section .content p:not(:last-of-type) {
@@ -737,4 +742,4 @@ b {
   margin-left: 18px;
 }
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC5jc3MiLCJzYXNzL3Jlc2V0LnNhc3MiLCJzYXNzL2ZvbnRmYWNlLnNhc3MiLCJzYXNzL2hlbHBlcnMuc2FzcyIsInNhc3MvYW5pbWF0aW9ucy5zYXNzIiwic2Fzcy9hcHAuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUNBaEI7Ozs7Ozs7Ozs7Ozs7RUFhRSxTQUFBO0VBQ0EsVUFBQTtFQUNBLFNBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLHdCQUFBO0FERUY7O0FDQUEsZ0RBQUE7QUFDQTs7RUFFRSxjQUFBO0FER0Y7O0FDREE7RUFDRSxjQUFBO0FESUY7O0FDRkE7RUFDRSxnQkFBQTtBREtGOztBQ0hBO0VBQ0UsWUFBQTtBRE1GOztBQ0pBOztFQUVFLGFBQUE7QURPRjs7QUNMQTtFQUNFLHlCQUFBO0VBQ0EsaUJBQUE7QURRRjs7QUNOQTtFQUNFLHFCQUFBO0FEU0Y7O0FFcERBO0VBQ0UsK0JBQUE7RUFDQSx1SEFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRnVERjtBRXBEQTtFQUNFLDBCQUFBO0VBQ0EsdUhBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7QUZzREY7QUVuREE7RUFDRSwrQkFBQTtFQUNBLG1JQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0FGcURGO0FFbERBO0VBQ0UsMEJBQUE7RUFDQSwySEFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRm9ERjtBR3BFQztFQUNDLHlCQUFBO0VBQ0EsNERBQUE7RUFFQSx5QkFBQTtFQUNBLDREQUFBO0VBRUEsMEJBQUE7RUFDQSwyREFBQTtFQUVBLHlCQUFBO0VBQ0EsMERBQUE7RUFFQSx5QkFBQTtFQUNBLDBEQUFBO0VBRUEseUJBQUE7RUFDQSwwREFBQTtFQUVBLDBCQUFBO0VBQ0EsMkRBQUE7RUFFQSwyQkFBQTtFQUNBLDREQUFBO0VBRUEsMkJBQUE7RUFDQSw0REFBQTtF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 */
\ No newline at end of file
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC5jc3MiLCJzYXNzL3Jlc2V0LnNhc3MiLCJzYXNzL2ZvbnRmYWNlLnNhc3MiLCJzYXNzL2hlbHBlcnMuc2FzcyIsInNhc3MvYW5pbWF0aW9ucy5zYXNzIiwic2Fzcy9hcHAuc2FzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxnQkFBZ0I7QUNBaEI7Ozs7Ozs7Ozs7Ozs7RUFhRSxTQUFBO0VBQ0EsVUFBQTtFQUNBLFNBQUE7RUFDQSxlQUFBO0VBQ0EsYUFBQTtFQUNBLHdCQUFBO0FERUY7O0FDQUEsZ0RBQUE7QUFDQTs7RUFFRSxjQUFBO0FER0Y7O0FDREE7RUFDRSxjQUFBO0FESUY7O0FDRkE7RUFDRSxnQkFBQTtBREtGOztBQ0hBO0VBQ0UsWUFBQTtBRE1GOztBQ0pBOztFQUVFLGFBQUE7QURPRjs7QUNMQTtFQUNFLHlCQUFBO0VBQ0EsaUJBQUE7QURRRjs7QUNOQTtFQUNFLHFCQUFBO0FEU0Y7O0FFcERBO0VBQ0UsK0JBQUE7RUFDQSx1SEFBQTtFQUNBLG1CQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRnVERjtBRXBEQTtFQUNFLDBCQUFBO0VBQ0EsdUhBQUE7RUFDQSxpQkFBQTtFQUNBLGtCQUFBO0VBQ0Esa0JBQUE7QUZzREY7QUVuREE7RUFDRSwrQkFBQTtFQUNBLG1JQUFBO0VBQ0EsbUJBQUE7RUFDQSxrQkFBQTtFQUNBLGtCQUFBO0FGcURGO0FFbERBO0VBQ0UsMEJBQUE7RUFDQSwySEFBQTtFQUNBLGdCQUFBO0VBQ0Esa0JBQUE7RUFDQSxrQkFBQTtBRm9ERjtBR3BFQztFQUNDLHlCQUFBO0VBQ0EsNERBQUE7RUFFQSx5QkFBQTtFQUNBLDREQUFBO0VBRUEsMEJBQUE7RUFDQSwyREFBQTtFQUVBLHlCQUFBO0VBQ0EsMERBQUE7RUFFQSx5QkFBQTtFQUNBLDBEQUFBO0VBRUEseUJBQUE7RUFDQSwwREFBQTtFQUVBLDBCQUFBO0VBQ0EsMkRBQUE7RUFFQSwyQkFBQTtFQUNBLDREQUFBO0VBRUEsMkJBQUE7RUFDQSw0REFBQTtF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 */
\ No newline at end of file

diff --git a/sass/animations.sass b/sass/animations.sass
index 07e1cd16faabc1beaf74db98e09ba19e5e99f35c..4198d8dd2e8042dd9d457790a488b12afaef5793 100644 (file)
--- a/sass/animations.sass
+++ b/sass/animations.sass
@@ -7,6 +7,6 @@
       width: #{$to}
 
 
-+width(0, 100%, "line-first")
++width(0, 110%, "line-first")
 +width(0vw, 100vw, "line-second")
 +width(100%, 0, "overlay")
\ No newline at end of file

diff --git a/sass/app.sass b/sass/app.sass
index cb04d4f6054556e3c4c666b8159d08291b052097..a66b5e05be37d345a7e34b2c7d962baad3692303 100644 (file)
--- a/sass/app.sass
+++ b/sass/app.sass
@@ -48,7 +48,7 @@ body
     +screen-size(intermediaire)
       grid-template-columns: repeat(2, 1fr)
 
-    +screen-size(desktop)
+    //+screen-size(desktop)
       grid-template-columns: repeat(2, 278px)
 
   &-item
@@ -67,11 +67,12 @@ body
 
     .grid
       +screen-size(small-desktop)
-        margin-left: var(--space-4xs-6xl) !important
+        //margin-left: var(--space-4xs-6xl) !important
+        margin-left: calc(var(--space-3xs-9xl) - 32px) !important
 
 
 .gap-xl
-  gap: 0 var(--space-4xs-6xl)
+  gap: 0 var(--space-3xs-9xl)
 
 .flex
   display: flex
@@ -157,7 +158,7 @@ b
 
 .app
   &-header
-    padding-top: var(--space-l-3xl)
+    padding-top: var(--space-l-xl)
     padding-bottom: 100px
     +screen-size(small-desktop, 'max')
       padding-bottom: 288px
@@ -267,7 +268,7 @@ b
 
       &:before
         width: 93%
-        left: -117%
+        left: -127% //-117%
         +screen-size(small-desktop)
           animation-name: line-first
           animation-timing-function: cubic-bezier(.82,0,.65,.93)
@@ -379,13 +380,12 @@ b
         height: 72vh
         top: 15vh
 
-
       img
         width: 100%
         height: 100%
         object-fit: cover
         position: absolute
-        object-position: 0 38%
+        object-position: 0 25%
 
     .text
       width: 100%
@@ -394,7 +394,8 @@ b
       +screen-size(small-desktop)
         margin: initial
       +screen-size(desktop)
-        width: max-content
+        //width: max-content
+        width: 90%
 
     .content
       p:not(:last-of-type)

diff --git a/sass/helpers.sass b/sass/helpers.sass
index 958543c1b816c51fbfe826d0cc12216f664bf7c3..3a82aeab3e943c92028b3ac9515edb68187d3d1f 100644 (file)
--- a/sass/helpers.sass
+++ b/sass/helpers.sass
@@ -84,10 +84,12 @@ $breakpoint: ('phone': '500px', 'tablet': '768px', 'small-desktop': '1024px', 'i
 
   /* Space 4xs-6xl: 48px → 168px */
   --space-xl-6xl: clamp(3.00rem, calc(0.95rem + 9.09vw), 10.50rem)
+  --space-3xs-9xl: clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem)
 
   /* Space m-xl: 24px → 48px */
   --space-m-xl: clamp(1.50rem, calc(1.09rem + 1.82vw), 3.00rem)
 
+
   --space-custom-title-1: clamp(3.94rem, calc(2.91rem + 4.55vw), 7.69rem)
   --space-custom-title-3: clamp(0.25rem, calc(-2.20rem + 10.91vw), 9.25rem)