.scroll-animation-section .main-scroll-animation-outer{display:flex;justify-content:space-between;position:relative}.scroll-animation-section nav.slde_show_nav ul{padding:0;margin:0}p.engagement-header{transform:rotate(-7deg);margin-bottom:2rem;font-size:2.5rem}.scroll-animation-section .slide-left{animation:slideLeftAnimation both;animation-timeline:view()}.scroll-animation-section .scroll-animation-outer{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;overflow-x:clip}.scroll-animation-section .slider-box-outer{width:400px;background:#00000014;height:60rem;margin-bottom:4rem}.scroll-animation-section .slider-box-outer img{max-width:45rem;height:60rem}.header-container-intro{position:relative;background:url(https://www.petit-bateau.co.uk/on/demandware.static/Sites-PB_UK-Site/-/en_GB/v1734671284141/images/mariniere-head.png?frz-v=8) left bottom repeat-x}.stain1{position:absolute;left:-10.5rem;bottom:0;width:30.5rem}.stain2{position:absolute;right:0;top:0;width:30.5rem}.stain1 img,.stain2 img{max-width:100%;display:block}.content-page-marque{margin:0 auto;max-width:80rem;width:90%;max-width:100rem;padding:3rem 0 8rem}@keyframes slideLeftAnimation{0%{transform:translate(100%)}50%{transform:translate(0)}}.scroll-animation-section .slide-right{animation:slideRightAnimation both;animation-timeline:view()}@keyframes slideRightAnimation{0%{transform:translate(-100%)}50%{transform:translate(0)}}.scroll-animation-section nav.slde_show_nav{position:fixed;top:50%;transform:translateY(-50%);width:17rem;z-index:1}.scroll-animation-section .scroll-animation-wrapper{width:100%;margin-left:auto}.scroll-animation-section ul{list-style:none;padding:0}.scroll-animation-section li{padding:10px 0}.scroll-animation-section span{display:inline-block;position:relative}.scroll-animation-section nav.slde_show_nav a{display:inline-block;color:#fff;text-decoration:none;font-size:1em}.scroll-animation-section .content-section-header h2{color:#fff;font-size:5rem;line-height:5rem;max-width:65rem;text-align:center;margin:0 auto 2rem;font-weight:700;text-transform:uppercase;letter-spacing:.02rem;font-family:Oswald,sans-serif}.scroll-animation-section .engament-description{color:#fff}.scroll-animation-section .circle{height:10px;width:10px;left:-10px;border-radius:50%;background-color:#fff}.scroll-animation-section nav.slde_show_nav a:hover,.scroll-animation-section nav.slde_show_nav .active-section{color:#ffd253;opacity:1}.scroll-animation-section nav.slde_show_nav a:hover span,.scroll-animation-section nav.slde_show_nav .active-section span{background-color:#ffd253}.scroll-animation-section .content-section{position:relative;text-align:center;margin-left:auto}.scroll-animation-section .content-section h1{color:#9b59b6;font-size:3em}p.engagement-description{font-size:1.6rem;margin-bottom:4rem;width:90%;text-align:center;margin:auto;color:#fff}.scroll-animation-section .about{position:fixed;bottom:0;left:1%}.scroll-animation-section .about a{text-decoration:none;font-size:1.5em}.scroll-animation-section .about a:visited,.scroll-animation-section .about a:active,.scroll-animation-section .about a:link{color:#000}.scroll-animation-section .about a:hover{color:red}span.svg-spacer{background:url(https://www.petit-bateau.co.uk/on/demandware.static/Sites-PB_UK-Site/-/en_GB/v1735016842035/images/souligne.svg?frz-v=8) right no-repeat;width:6.8rem;height:1.6rem}section#section1 span.svg-spacer,section#section2 span.svg-spacer{filter:invert(92%) sepia(86%) saturate(5973%) hue-rotate(316deg) brightness(103%) contrast(103%)}section#section3 span.svg-spacer{filter:invert(14%) sepia(68%) saturate(1591%) hue-rotate(187deg) brightness(99%) contrast(106%)}section#section4 span.svg-spacer{filter:invert(90%) sepia(76%) saturate(5364%) hue-rotate(315deg) brightness(104%) contrast(106%)}li.slde-color{border-left:1rem solid transparent;padding:1rem;cursor:pointer}.slde-color p.ani-desc{color:#fff;font-size:1.5rem;text-transform:uppercase;font-weight:700;margin:0;font-family:Oswald,sans-serif;line-height:normal}.slde-color p.ani-head{color:#fff;opacity:.5;font-size:1.5rem;text-transform:uppercase;font-weight:700;margin:0;font-family:Oswald,sans-serif}li.slde-color{padding:1rem!important}.article-content{position:absolute;top:0%;text-align:left;padding:2rem;height:100%}.article-content h3{font-size:45px;line-height:5rem;margin-bottom:2rem;font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02rem;color:#fff;margin:0}.article-content p{line-height:2.5rem;color:#fff;font-family:Agrandir,sans-serif;font-weight:400;font-size:20px;letter-spacing:0}p.card-button{position:absolute;bottom:0;left:2rem;text-transform:uppercase;background-repeat:no-repeat;background-position:center;background-size:cover;width:13.5rem;height:4.3rem;z-index:5;top:auto}.card-button span{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;padding-top:1.2rem}a.read-more{position:absolute;left:0;top:0;right:0;bottom:0;text-align:center;padding-top:1.2rem;z-index:5;font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.02rem;color:#fff;font-size:1.2rem;text-decoration:none}span.svg-bg{background:url(https://www.petit-bateau.co.uk/on/demandware.static/Sites-PB_UK-Site/-/en_GB/v1735016842035/images/pageMarqueCtaBg.svg?frz-v=8) center center no-repeat}.separation-section{background:url(https://www.petit-bateau.co.uk/on/demandware.static/Sites-PB_UK-Site/-/en_GB/v1735016842035/images/separation-slice.svg?frz-v=8) bottom repeat-x;width:100%;height:6.2rem;position:absolute;top:0;left:0;right:0;margin-top:-6.2rem;background-size:cover}section#section1 .separation-section{display:none}section#section2 .separation-section{filter:invert(44%) sepia(21%) saturate(427%) hue-rotate(58deg) brightness(94%) contrast(93%)}section#section3 .separation-section{filter:invert(81%) sepia(48%) saturate(506%) hue-rotate(351deg) brightness(103%) contrast(91%)}section#section4 .separation-section{filter:invert(79%) sepia(14%) saturate(491%) hue-rotate(149deg) brightness(91%) contrast(95%)}.slde_show_nav{display:none;position:fixed;top:0;left:0;z-index:1000;transition:opacity .3s ease-in-out}.slde_show_nav.visible{display:block}.content-section{position:relative}.content-section-header{position:sticky;top:50%;z-index:0;text-align:center}.articles-container,.article-block,.scroll-animation-wrapper{position:relative;z-index:0}.video-section .title-wrapper{position:absolute;top:50%;z-index:11;left:50%;transform:translate(-50%,-50%)}.video-section .title{margin:0;color:#fff;font-size:60px;line-height:1.2;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.02rem;font-family:Oswald,sans-serif}@media screen and (min-width: 768px){.brand-page-open{display:none}}@media screen and (max-width: 767px){.scroll-animation-section .slider-box-outer{width:320px;height:50rem}.scroll-animation-section .slider-box-outer img{max-width:320px;height:50rem;object-fit:cover}.article-content h3{font-size:30px;line-height:1.2}.scroll-animation-section .content-section-header h2{font-size:3.4rem}.article-content p{line-height:1.2;font-size:16px}.scroll-animation-section nav.slde_show_nav{position:fixed;top:0;transform:translateY(0);width:27rem;z-index:4;height:100%}.scroll-animation-section nav.slde_show_nav ul{padding:0;margin:0;height:100%;display:flex;flex-direction:column;justify-content:space-around}li.slde-color{border-left:1rem solid transparent;padding:1rem;cursor:pointer;height:100%;display:flex;align-items:center;justify-content:center}.scroll-animation-section nav.slde_show_nav a{display:inline-block;color:#fff;text-decoration:none;font-size:1em}.scroll-animation-section nav.slde_show_nav ul li.slde-color:nth-child(1){background:#0e4b88}.scroll-animation-section nav.slde_show_nav ul li.slde-color:nth-child(2){background:#9cb990}.scroll-animation-section nav.slde_show_nav ul li.slde-color:nth-child(3){background:#ffe47d}.scroll-animation-section nav.slde_show_nav ul li.slde-color:nth-child(4){background:#add1de}.brand-page-open{position:fixed;top:50%;right:-20px;z-index:-1;transform:translateY(-50%)}.scroll-animation-section nav.slde_show_nav{transform:translate(-100%);transition:transform .5s ease-out}.scroll-animation-section nav.slde_show_nav.active_bar{transform:translate(0);transition:transform .5s ease-in}.scroll-animation-section nav.slde_show_nav .brand-page-open ul li.slde-color{width:10px;height:10px;padding:0!important;border-radius:50%;border:0!important}.scroll-animation-section nav.slde_show_nav .brand-page-open ul{height:auto;gap:4px}.scroll-animation-section nav.slde_show_nav .brand-page-open:before{content:"";background:url(https://www.petit-bateau.co.uk/on/demandware.static/Sites-PB_UK-Site/-/en_GB/v1735103119138/images/pageMarqueBgMenu.svg?frz-v=8) center center no-repeat;width:40px;height:11.5rem;cursor:pointer;position:absolute;top:50%;right:40px;transform:translate(125%,-50%);z-index:-1}.video-section .title{font-size:30px}}@media screen and (max-width: 425px){.scroll-animation-section .slider-box-outer{width:275px;height:40rem}.scroll-animation-section .slider-box-outer img{max-width:280px;height:40rem;object-fit:cover}.article-content h3{font-size:24px;line-height:1.2}.scroll-animation-section .content-section-header h2{font-size:3rem;line-height:1.2}p.engagement-header{transform:rotate(-7deg);margin-bottom:1.5rem;font-size:2rem}p.engagement-description{font-size:1.4rem;line-height:1.2}.stain2{width:10rem}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/scroll-animation.css.map */