@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#e9e9e9;color:#151515;font-family:'DM Sans',Arial,sans-serif}button{font:inherit;cursor:default}.deck{max-width:1440px;margin:0 auto}.intro{background:#151515;color:white;padding:18px 48px;display:flex;justify-content:space-between;align-items:center}.intro strong{font-size:17px}.intro span{font-size:13px;color:#b7b7b7}.frame{height:900px;position:relative;overflow:hidden;background:white;margin-bottom:40px;box-shadow:0 14px 50px #0002}.tag{position:absolute;z-index:5;top:20px;right:22px;background:#fff;color:#151515;padding:9px 14px;border-radius:50px;font-weight:800;font-size:12px;letter-spacing:.08em;box-shadow:0 3px 15px #0002}.brand{display:flex;align-items:center;gap:10px;font-weight:900;line-height:1.02;letter-spacing:.03em}.brand img{width:45px;height:45px;object-fit:contain}.nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:700}.cta{border:0;padding:15px 22px;font-weight:800;border-radius:2px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.display{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:900;text-transform:uppercase;line-height:.9;letter-spacing:-.018em;margin:0}.fine{font-size:16px;line-height:1.5}.screen1{background:#111;color:#fff}.screen1 .heroimg{position:absolute;inset:0;background:url('assets/2a38b44f9844.jpg') center 32%/cover}.screen1 .shade{position:absolute;inset:0;background:linear-gradient(90deg,#080808 2%,#101010ef 32%,#111a 60%,#05050595),linear-gradient(0deg,#101010 0%,transparent 54%)}.screen1 header{position:relative;z-index:1;padding:29px 55px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #fff3}.screen1 .cta{background:#ed2939;color:white}.screen1 main{position:relative;z-index:1;padding:105px 65px 0;max-width:800px}.screen1 .eyebrow{color:#ff5260}.screen1 h1{font-size:112px;margin:18px 0 20px}.screen1 .lead{font-size:19px;max-width:510px;line-height:1.45}.actions{display:flex;gap:14px;align-items:center;margin-top:35px}.ghost{background:transparent;border:1px solid #fff8;color:white;padding:14px 20px;font-weight:700}.screen1 .bottom{position:absolute;z-index:1;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);background:#f12d3d;color:#fff}.screen1 .bottom div{padding:29px 52px;border-right:1px solid #ffffff55}.screen1 .bottom b{display:block;font:900 36px 'Barlow Condensed',Impact,sans-serif}.screen1 .bottom span{font-size:13px}.screen2{background:#f7f7f5;color:#1d1e21}.screen2 header{padding:22px 50px;display:flex;justify-content:space-between;align-items:center;background:#fff}.screen2 .brand img{width:43px;height:43px}.screen2 .cta{background:#d82232;color:#fff;border-radius:30px}.screen2 .intro2{padding:56px 55px 30px;display:grid;grid-template-columns:1.3fr .7fr;gap:30px}.screen2 h1{font-size:75px;max-width:730px;margin:10px 0}.screen2 p{color:#555;font-size:17px;line-height:1.5;max-width:520px}.screen2 .photo{height:250px;background:url('assets/e63d60135a49.jpg') center 38%/cover;border-radius:18px;position:relative}.screen2 .photo:after{content:'DU SPORT POUR TOUS, DÈS 3 ANS';position:absolute;bottom:0;left:0;right:0;color:#fff;font-weight:800;font-size:13px;letter-spacing:.05em;padding:45px 20px 20px;background:linear-gradient(transparent,#0009)}.screen2 .finder{margin:0 55px;background:#fff;border-radius:16px;padding:23px 25px 25px;box-shadow:0 13px 32px #2221}.screen2 .finder h2{margin:0 0 19px;font:800 28px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.screen2 .filters{display:flex;gap:12px}.screen2 .select{flex:1;border:1px solid #d8d9da;background:#fafafa;border-radius:8px;padding:16px 17px;font-size:14px;font-weight:700;display:flex;justify-content:space-between}.screen2 .findbtn{background:#d82232;border:0;color:white;padding:0 25px;border-radius:8px;font-weight:800}.screen2 .cards{padding:35px 55px;display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.screen2 .card{height:225px;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 14px #0001}.screen2 .card .pic{height:150px;background-size:cover;background-position:center}.screen2 .card b{font:800 23px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;display:block;padding:12px 14px 0}.screen2 .card span{font-size:12px;color:#777;padding-left:14px}.screen3{background:#f2eae1;color:#251b19}.screen3 header{padding:25px 53px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #271a1a2a}.screen3 .brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:25px}.screen3 .nav{gap:28px}.screen3 .cta{background:#241c1c;color:#fff;border-radius:0}.screen3 .grid{display:grid;grid-template-columns:52% 48%;height:660px}.screen3 .copy{padding:76px 38px 0 65px}.screen3 .eyebrow{color:#b32532}.screen3 h1{font-size:106px;margin:22px 0 18px}.screen3 h1 em{font-style:normal;color:#c52d37}.screen3 .fine{max-width:500px}.screen3 .cta{background:#c52d37;margin-top:18px}.screen3 .mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px;padding:35px 52px 15px 0}.screen3 .mosaic div{background-size:cover;background-position:center;position:relative}.screen3 .mosaic div:nth-child(1){grid-row:span 2}.screen3 .mosaic label{position:absolute;bottom:12px;left:13px;background:#fff;padding:7px 10px;text-transform:uppercase;font:800 16px 'Barlow Condensed',Impact,sans-serif}.screen3 .band{background:#c52d37;color:white;padding:21px 65px;display:flex;justify-content:space-between;align-items:center}.screen3 .band strong{font:800 25px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.screen3 .band span{font-size:14px}.screen3 .band b{border-bottom:1px solid white;padding-bottom:4px;font-size:13px}.note{max-width:1440px;margin:-15px auto 55px;background:white;padding:18px 25px;font-size:14px;line-height:1.5;color:#333}@media(max-width:700px){.frame{height:780px}.nav span{display:none}.intro{padding:15px}.screen1 header,.screen2 header,.screen3 header{padding:17px}.brand img{width:35px;height:35px}.screen1 main{padding:90px 23px}.screen1 h1{font-size:68px}.screen1 .lead{font-size:16px}.screen1 .bottom div{padding:15px}.screen1 .bottom b{font-size:21px}.screen2 .intro2{padding:35px 20px 20px;display:block}.screen2 h1{font-size:53px}.screen2 .photo{display:none}.screen2 .finder{margin:0 20px}.screen2 .filters{display:block}.screen2 .select,.screen2 .findbtn{width:100%;margin-bottom:8px}.screen2 .findbtn{padding:15px}.screen2 .cards{padding:20px;grid-template-columns:repeat(2,1fr)}.screen2 .card{height:160px}.screen2 .card .pic{height:100px}.screen3 .grid{display:block}.screen3 .copy{padding:45px 22px 0}.screen3 h1{font-size:64px}.screen3 .mosaic{padding:20px;display:flex;height:210px}.screen3 .mosaic div{flex:1}.screen3 .mosaic div:last-child{display:none}.screen3 .band{padding:20px;display:block}.screen3 .band span{display:none}}