@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Rubik:wght@400;500;600;700;800&display=swap');

:root{--red:#EE1C24;--ink:#1a1a1a}
*{box-sizing:border-box}
body{margin:0;background:#e9e9e9;color:var(--ink);font-family:'Rubik',Arial,sans-serif}
button{font:inherit;cursor:default}
.deck{max-width:1440px;margin:0 auto}
.intro{background:#151515;color:#fff;padding:18px 48px;display:flex;justify-content:space-between;align-items:center}
.intro strong{font-size:16px}.intro span{font-size:12.5px;color:#b7b7b7}
.frame{height:1000px;position:relative;overflow:hidden;background:#fff;margin-bottom:40px;box-shadow:0 14px 50px #0002}
.tag{position:absolute;z-index:6;top:20px;right:22px;background:var(--ink);color:#fff;padding:9px 14px;border-radius:50px;font-weight:700;font-size:12px;letter-spacing:.06em}
.brand{display:flex;align-items:center;gap:16px;font-weight:800;font-size:17px}
.brand img{width:84px;height:84px;object-fit:contain}
.brand small{display:block;font-size:12px;font-weight:500;color:#777;margin-top:3px}

header{padding:20px 50px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid var(--red)}
.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}
.cta{border:0;padding:14px 22px;font-weight:700;border-radius:3px;background:var(--red);color:#fff}

.banner{position:relative;height:170px;display:flex;align-items:center}
.banner .photo{position:absolute;inset:0;background:url('assets/equipe.jpg') center 30%/cover}
.banner .shade{position:absolute;inset:0;background:linear-gradient(90deg,#000 20%,#000000cc 50%,#00000066 80%)}
.banner h1{position:relative;z-index:1;color:#fff;font-family:'Fjalla One',Impact,sans-serif;text-transform:uppercase;font-size:44px;line-height:1;padding:0 50px}

.catalogue{padding:20px 50px 36px}
.row{display:flex;align-items:center;gap:18px;padding:16px 18px;border-bottom:1px solid #eee}
.row:first-child{border-top:1px solid #eee}
.row i{font-style:normal;width:44px;height:44px;border-radius:12px;background:#fdeceb;display:flex;align-items:center;justify-content:center;font-size:21px;flex:none}
.row b{font-size:17px;font-weight:700;width:230px;flex:none}
.row .age{font-size:13px;color:var(--red);font-weight:700;width:120px;flex:none}
.row .kind{flex:1;font-size:13.5px;color:#777}
.row em{font-style:normal;color:#ccc;font-size:18px}

.note{max-width:1440px;margin:-15px auto 55px;background:#fff;padding:18px 25px;font-size:14px;line-height:1.5;color:#333}

@media(max-width:700px){
  .frame{height:1760px}
  .nav span{display:none}
  header{padding:16px}
  .brand img{width:56px;height:56px}
  .banner h1{font-size:30px;padding:0 22px}
  .catalogue{padding:16px 22px 28px}
  .row{flex-wrap:wrap;gap:10px}
  .row b{width:auto}
  .row .age{width:auto}
}