/* =========================================================
   FENIFOOT — PAGE PARTENAIRES
   ========================================================= */

#ff-partenaire-page{
  --p-green:#06261d;
  --p-green-2:#0b3d2e;
  --p-orange:#e86f00;
  --p-gold:#f3a31a;
  --p-cream:#f6f3ed;
  --p-ink:#071b13;
  color:var(--p-ink);
  background:#fff;
}

.fpp-container{
  width:min(1380px,calc(100% - 56px));
  margin:0 auto;
}

.fpp-overline,
.fpp-kicker{
  display:inline-block;
  font-size:10px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--p-orange);
}

/* HERO */
.fpp-hero{
  position:relative;
  min-height:570px;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 76% 32%,rgba(243,163,26,.22),transparent 28%),
    linear-gradient(120deg,#031711,#0b3d2e);
}

.fpp-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(3,23,17,.96),rgba(3,23,17,.66) 55%,rgba(3,23,17,.24)),
    repeating-linear-gradient(120deg,transparent 0 80px,rgba(255,255,255,.018) 81px 82px);
}

.fpp-hero-glow{
  position:absolute;
  right:-130px;
  bottom:-270px;
  width:650px;
  height:650px;
  border:1px solid rgba(243,163,26,.35);
  border-radius:50%;
  box-shadow:0 0 0 80px rgba(243,163,26,.025),0 0 0 160px rgba(243,163,26,.015);
}

.fpp-hero-inner{
  position:relative;
  z-index:1;
  padding:135px 0 72px;
}

.fpp-hero h1{
  margin:18px 0;
  font-size:clamp(56px,8vw,108px);
  line-height:.87;
  letter-spacing:-.06em;
}

.fpp-hero h1 span{
  color:var(--p-gold);
  font-weight:400;
}

.fpp-hero p{
  max-width:650px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:17px;
  line-height:1.75;
}

.fpp-hero-line{
  width:95px;
  height:3px;
  margin:34px 0 20px;
  background:var(--p-orange);
}

.fpp-hero-meta{
  display:flex;
  gap:30px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.55);
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}

/* INTRO */
.fpp-intro{
  padding:105px 0;
  background:var(--p-cream);
}

.fpp-intro-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  align-items:center;
}

.fpp-intro h2{
  margin:14px 0 0;
  font-size:clamp(42px,5vw,72px);
  line-height:.94;
  letter-spacing:-.055em;
}

.fpp-intro h2 span{
  color:var(--p-orange);
  font-weight:400;
}

.fpp-intro-copy{
  max-width:610px;
}

.fpp-intro-copy p{
  margin:0 0 20px;
  color:#626a65;
  font-size:17px;
  line-height:1.85;
}

/* OFFICIAL */
.fpp-official{
  padding:100px 0 115px;
  background:#fff;
}

.fpp-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:50px;
  margin-bottom:50px;
}

.fpp-section-head h2{
  margin:12px 0 0;
  font-size:clamp(38px,5vw,65px);
  line-height:.95;
  letter-spacing:-.05em;
}

.fpp-section-head>p{
  max-width:520px;
  margin:0;
  color:#6a716d;
  line-height:1.75;
}

.fpp-noom-card{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  min-height:420px;
  background:#f7f7f5;
  border:1px solid rgba(7,27,19,.1);
  box-shadow:0 25px 70px rgba(3,23,17,.09);
  overflow:hidden;
}

.fpp-noom-visual{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(243,163,26,.12),transparent 38%),
    linear-gradient(135deg,#f2f0ea,#fff);
}

.fpp-status{
  position:absolute;
  left:28px;
  top:28px;
  padding:9px 13px;
  background:var(--p-orange);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}

.fpp-noom-logo-wrap{
  width:min(72%,500px);
  padding:45px;
  display:grid;
  place-items:center;
}

.fpp-noom-logo-wrap img{
  display:block;
  width:100%;
  max-height:170px;
  object-fit:contain;
}

.fpp-noom-info{
  padding:65px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:var(--p-green);
  color:#fff;
}

.fpp-small-label{
  color:var(--p-gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.2em;
}

.fpp-noom-info h3{
  margin:14px 0 18px;
  font-size:clamp(45px,5vw,72px);
  line-height:.9;
  letter-spacing:-.055em;
}

.fpp-noom-info h3 em{
  color:var(--p-gold);
  font-weight:400;
  font-style:normal;
}

.fpp-noom-info p{
  max-width:430px;
  margin:0;
  color:rgba(255,255,255,.68);
  line-height:1.75;
}

.fpp-noom-rule{
  width:75px;
  height:2px;
  margin:35px 0 17px;
  background:var(--p-orange);
}

.fpp-noom-info strong{
  font-size:10px;
  letter-spacing:.15em;
  color:rgba(255,255,255,.55);
}

/* VALUES */
.fpp-values{
  padding:105px 0;
  background:linear-gradient(120deg,#031711,#0b3d2e);
  color:#fff;
}

.fpp-section-head-light h2{
  color:#fff;
}

.fpp-section-head-light>p{
  color:rgba(255,255,255,.64);
}

.fpp-value-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid rgba(255,255,255,.16);
}

.fpp-value-grid article{
  padding:40px 35px 10px 0;
  border-right:1px solid rgba(255,255,255,.13);
}

.fpp-value-grid article:not(:first-child){
  padding-left:35px;
}

.fpp-value-grid article:last-child{
  border-right:0;
}

.fpp-value-grid span{
  color:var(--p-gold);
  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;
}

.fpp-value-grid h3{
  margin:24px 0 12px;
  font-size:29px;
}

.fpp-value-grid p{
  max-width:340px;
  margin:0;
  color:rgba(255,255,255,.62);
  line-height:1.75;
}

/* CONTACT */
.fpp-contact{
  padding:105px 0;
  background:var(--p-cream);
}

.fpp-contact-box{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:70px;
  align-items:center;
  padding:65px 70px;
  background:#fff;
  border:1px solid rgba(7,27,19,.09);
  box-shadow:0 20px 60px rgba(3,23,17,.06);
}

.fpp-contact-box h2{
  margin:13px 0 0;
  font-size:clamp(34px,4vw,56px);
  line-height:.98;
  letter-spacing:-.05em;
}

.fpp-contact-box h2 span{
  color:var(--p-orange);
  font-weight:400;
}

.fpp-contact-copy p{
  margin:0 0 25px;
  color:#69716c;
  line-height:1.8;
}

.fpp-button{
  display:inline-flex;
  align-items:center;
  gap:28px;
  padding:15px 19px;
  background:var(--p-green);
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:.25s ease;
}

.fpp-button:hover{
  background:var(--p-orange);
  transform:translateY(-2px);
}

.fpp-button span{
  font-size:18px;
}

/* RESPONSIVE */
@media(max-width:850px){
  .fpp-intro-grid,
  .fpp-noom-card,
  .fpp-contact-box{
    grid-template-columns:1fr;
  }

  .fpp-intro-grid{gap:35px;}
  .fpp-section-head{align-items:flex-start;flex-direction:column;gap:20px;}
  .fpp-noom-info{padding:50px 35px;}
  .fpp-value-grid{grid-template-columns:1fr;}
  .fpp-value-grid article,
  .fpp-value-grid article:not(:first-child){
    padding:30px 0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.13);
  }
  .fpp-value-grid article:last-child{border-bottom:0;}
}

@media(max-width:600px){
  .fpp-container{width:calc(100% - 32px);}
  .fpp-hero{min-height:500px;}
  .fpp-hero-inner{padding:110px 0 55px;}
  .fpp-hero h1{font-size:58px;}
  .fpp-intro,.fpp-official,.fpp-values,.fpp-contact{padding:75px 0;}
  .fpp-noom-visual{min-height:300px;}
  .fpp-noom-logo-wrap{padding:25px;}
  .fpp-contact-box{padding:40px 28px;}
}