/* =========================================================
   The Wild Card — sales page
   Mims & Content sub-brand: near-black, luxe, playing-card
   ========================================================= */

@font-face{font-family:'Nyght Serif';src:url("../assets/fonts/NyghtSerif-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Nyght Serif';src:url("../assets/fonts/NyghtSerif-RegularItalic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url("../assets/fonts/BebasNeueCyrillic.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Avenir LT';src:url("../assets/fonts/Avenir-Roman.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Avenir LT';src:url("../assets/fonts/Avenir-Oblique.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Avenir LT';src:url("../assets/fonts/Avenir-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  /* colour */
  --ink:#08080A;
  --ink-deep:#060608;
  --indigo:#133EBC;
  --indigo-50:rgba(19,62,188,.5);
  --cloud:#F0EEEB;
  --bone:#E5E1DA;
  --night:#04123A;
  --white:#FFFFFF;

  --cloud-85:rgba(240,238,235,.85);
  --cloud-82:rgba(240,238,235,.82);
  --cloud-72:rgba(240,238,235,.72);
  --cloud-70:rgba(240,238,235,.70);
  --cloud-60:rgba(240,238,235,.60);
  --cloud-55:rgba(240,238,235,.55);
  --cloud-50:rgba(240,238,235,.50);
  --cloud-45:rgba(240,238,235,.45);
  --cloud-20:rgba(240,238,235,.20);
  --cloud-14:rgba(240,238,235,.14);
  --cloud-10:rgba(240,238,235,.10);

  --night-82:rgba(4,18,58,.82);
  --night-66:rgba(4,18,58,.66);

  /* motion */
  --ease:cubic-bezier(.2,.6,.2,1);
  --hover:200ms var(--ease);
  --reveal:420ms var(--ease);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--ink)}
body{
  font-family:'Avenir LT',sans-serif;
  color:var(--cloud);
  background:var(--ink);
  overflow-x:hidden;
}
img{display:block;max-width:100%}
h1,h2,h3,p,ul{margin:0}
ul{padding:0;list-style:none}

a{
  color:var(--cloud);
  text-decoration:none;
  transition:background-color var(--hover),color var(--hover),border-color var(--hover);
}

/* indigo highlight — used for the single accented word/character within a headline */
.hl{color:var(--indigo)}

/* =====================  divider motifs  ===================== */

/* A — hairline split by a diamond */
.divider-a{
  display:flex;align-items:center;gap:12px;width:100%;
}
.divider-a__line{flex:1;height:1px;background:var(--indigo-50)}
.divider-a__diamond{color:var(--indigo);font-size:8px;line-height:1}
.divider-a--eyebrow{max-width:200px}
.divider-a--section,
.divider--wide{max-width:520px}

/* B — hairline split by the Wild Card mark */
.divider-b{display:flex;align-items:center;gap:16px;width:100%}
.divider-b__line{flex:1;height:1px;background:var(--indigo-50)}
.divider-b__mark{flex:none;width:auto}

/* =====================  reveal-on-scroll  ===================== */
[data-reveal]{transition:opacity var(--reveal),transform var(--reveal)}
[data-reveal].is-hidden{opacity:0;transform:translateY(10px)}

/* =====================  header  ===================== */
.site-header{
  position:sticky;top:0;z-index:50;
  background:var(--ink);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:12px 20px;
  padding:14px clamp(16px,4vw,48px);
  border-bottom:1px solid var(--cloud-14);
}
.site-header__brand{display:flex;align-items:center;gap:14px}
.site-header__mark{height:28px;width:auto}
.site-header__label{
  font-size:11px;letter-spacing:.42em;text-indent:.42em;
  text-transform:uppercase;color:var(--cloud-72);
}
.btn-ghost{
  font-size:11px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;
  color:var(--cloud);
  border:1px solid var(--cloud-45);
  padding:11px 22px;
}
.btn-ghost:hover{background:var(--indigo);border-color:var(--indigo);color:var(--cloud)}

/* =====================  layout primitives  ===================== */
.split{display:flex;flex-wrap:wrap;align-items:stretch}
.split--center{align-items:center}

.split__text{flex:1 1 min(440px,100%);min-width:0;padding:clamp(56px,7vw,118px) clamp(24px,4.5vw,80px);display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,2.8vw,40px)}
.split__text--centered{align-items:center;text-align:center}

.split__photo{flex:1 1 min(320px,100%);min-width:0;position:relative;background:var(--ink-deep)}
.split__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.full-bleed{position:relative;overflow:hidden}
.full-bleed__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.full-bleed__content{position:relative;padding:clamp(72px,10vw,150px) clamp(24px,4.5vw,84px);max-width:1440px;margin:0 auto}

.editorial{padding:clamp(72px,9vw,150px) clamp(24px,4.5vw,84px)}
.editorial__inner{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:clamp(44px,5.5vw,88px)}

.eyebrow-block{display:flex;flex-direction:column;align-items:center;gap:10px}
.eyebrow-bebas{
  font-family:'Bebas Neue';font-size:14px;letter-spacing:.44em;text-indent:.44em;
  text-transform:uppercase;color:var(--indigo);
}

/* =====================  hero  ===================== */
.hero{background:var(--ink)}
.hero__panel{
  flex:1.04 1 min(420px,100%);min-width:0;
  border-right:1px solid var(--indigo);
  padding:clamp(48px,6vw,92px) clamp(24px,4vw,64px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  gap:clamp(18px,2vw,26px);
  min-height:clamp(520px,84vh,900px);
}
.hero__title{font-family:'Nyght Serif',serif;font-weight:400;color:var(--cloud);line-height:1}
.hero__the{display:block;font-size:clamp(17px,2.1vw,30px);letter-spacing:.54em;text-indent:.54em;line-height:1.4}
.hero__wild,
.hero__card{display:block;font-size:clamp(46px,10.6vw,152px);letter-spacing:.03em;text-indent:.03em;line-height:1.02}
.hero__card{color:var(--indigo)}
.hero__pull{font-family:'Nyght Serif',serif;font-style:italic;font-size:clamp(17px,1.85vw,26px);line-height:1.45;color:var(--cloud);max-width:17em}
.hero__cta-label{font-size:clamp(10px,1vw,13px);letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:var(--indigo);line-height:1.6}
.hero__cta-group{display:flex;flex-direction:column;align-items:center;gap:13px;margin-top:clamp(6px,1.4vw,18px)}
.hero__meta{font-size:10px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--cloud-55);line-height:1.6}

.btn-solid{
  font-size:12px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;
  background:var(--indigo);color:var(--cloud);
  padding:17px 38px;
}
.btn-solid:hover{background:var(--cloud);color:var(--ink)}

/* =====================  light (Bone) sections  ===================== */
.on-light{background:var(--bone);color:var(--night)}
.on-light .eyebrow-bebas{color:var(--indigo)}
.on-light__h2{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:-.015em;color:var(--night)}
.on-light__body{display:flex;flex-direction:column;gap:18px;font-size:clamp(15px,1.05vw,17px);line-height:1.66;color:var(--night-82);max-width:42em}
.on-light__closing{
  font-family:'Bebas Neue';letter-spacing:.25em;line-height:1.8;color:var(--indigo);
}

/* =====================  dark display headline sections  ===================== */
.dark-h2{
  font-family:'Nyght Serif',serif;font-weight:400;color:var(--cloud);text-transform:uppercase;
}
.dark-body{display:flex;flex-direction:column;gap:20px;font-size:clamp(15px,1.05vw,17px);line-height:1.66;color:var(--cloud-82);max-width:34em}

/* section 4: Ondertussen */
.section-04 .dark-h2{letter-spacing:.025em;line-height:1.08;font-size:clamp(25px,5.2vw,76px);max-width:14em}

/* section 5: This matters */
.section-05 .full-bleed__content{display:flex;flex-wrap:wrap;gap:clamp(36px,4.5vw,80px);align-items:center}
.section-05 .dark-h2{flex:1 1 auto;min-width:0;max-width:100%;letter-spacing:.02em;line-height:.98;font-size:clamp(34px,9.4vw,168px)}
.section-05__col{flex:1 1 min(300px,100%);min-width:0;display:flex;flex-direction:column;gap:clamp(20px,2.4vw,36px);max-width:26em}
.section-05__lede{font-size:clamp(15px,1.05vw,17px);line-height:1.66;color:var(--cloud-82)}
.section-05__pull{font-family:'Nyght Serif',serif;font-style:italic;font-size:clamp(28px,3vw,42px);line-height:1.1;color:var(--indigo)}
.section-05__bebas{font-family:'Bebas Neue';font-size:clamp(13px,1.05vw,15px);letter-spacing:.25em;line-height:1.2;color:var(--indigo)}

/* section 7: Some play the game */
.section-07{border-top:1px solid var(--cloud-10)}
.section-07 .split__text{flex:1.1 1 min(440px,100%)}
.section-07 h2{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:-.015em;line-height:1.06;font-size:clamp(28px,5.2vw,76px);color:var(--cloud)}
.section-07__photo{flex:.9 1 min(300px,100%);min-height:clamp(380px,58vh,820px);display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 0}
.section-07__diamond{position:relative;color:var(--indigo);font-size:9px;line-height:1}

/* section 8: Cards on the table */
.section-08 .split__photo{flex:1 1 min(320px,100%);min-height:clamp(340px,52vh,760px)}
.section-08 h2{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:.02em;line-height:.9;font-size:clamp(31px,6vw,92px);color:var(--cloud);text-transform:uppercase}
.section-08 h2 .hl{font-size:.78em}
.section-08__list{display:flex;flex-direction:column;gap:2px;font-size:clamp(15px,1.05vw,17px);line-height:1.72;color:var(--cloud-82);max-width:34em}
.section-08__closing{display:flex;flex-direction:column;gap:20px;max-width:34em}
.section-08__closing p{font-size:clamp(15px,1.05vw,17px);line-height:1.72;color:var(--cloud-82)}

/* section 9: Oh. this will change everything */
.section-09{border-top:1px solid var(--cloud-10)}
.section-09 .split__photo--contain{background:none}
.section-09 .split__photo--contain img{object-fit:contain;padding:clamp(24px,4vw,64px)}
.section-09__text{flex:1.15 1 min(440px,100%);min-width:0;padding:clamp(56px,7vw,112px) clamp(24px,4.5vw,80px);display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,3vw,46px)}
.section-09__quote{display:flex;flex-direction:column;gap:16px;font-family:'Nyght Serif',serif;font-size:clamp(17px,1.5vw,23px);line-height:1.52;color:var(--cloud);text-align:center;max-width:36em;margin:0 auto}
.section-09__quote p{margin:0;color:var(--night);font-style:italic;font-size:22px}
.section-09__quote p:last-child{line-height:1.2}
.section-09__headline{font-family:'Nyght Serif',serif;font-weight:400;line-height:1.02;text-align:center;color:var(--cloud)}
.section-09__headline span{display:block}
.section-09__headline .line-1{font-size:clamp(23px,4.4vw,64px);letter-spacing:-.015em;color:var(--night)}
.section-09__headline .line-2{font-size:clamp(27px,5.6vw,82px);letter-spacing:.02em;color:var(--indigo);text-transform:uppercase}

/* section 10: One move. New game. */
.section-10__intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.section-10__intro h2{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:.02em;line-height:1.04;font-size:clamp(26px,6.4vw,92px);color:var(--cloud);text-transform:uppercase}
.section-10__lede{font-size:clamp(15px,1.05vw,17px);line-height:1.66;color:var(--cloud-82);max-width:34em}
.section-10__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(32px,4vw,64px)}
.card-numbered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}
.card-numbered__num{font-family:'Nyght Serif',serif;font-size:clamp(30px,2.6vw,38px);line-height:1;color:var(--indigo)}
.card-numbered__title{font-family:'Nyght Serif',serif;font-weight:400;font-size:clamp(22px,2.2vw,32px);letter-spacing:.025em;text-transform:uppercase;line-height:1.14;color:var(--cloud)}
.card-numbered__body{font-size:16px;line-height:1.66;color:var(--cloud-82);max-width:22em}
.card-numbered__body em{font-style:italic;color:var(--cloud)}

/* section 11: testimonials */
.testimonials{background:var(--cloud);color:var(--night)}
.testimonials__intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.testimonials__eyebrow{font-size:10px;letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:var(--indigo)}
.testimonials__title{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:-.015em;line-height:1.06;font-size:clamp(30px,4.4vw,62px);color:var(--night)}
.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(24px,3vw,44px)}
.testimonial{display:flex;flex-direction:column;gap:18px}
.testimonial__slot{
  width:100%;height:clamp(300px,34vw,440px);
  display:flex;align-items:center;justify-content:center;
  background:var(--bone);
  border:1px solid var(--night-66);
}
.testimonial__slot img,
.testimonial__slot video{width:100%;height:100%;object-fit:contain}
.testimonial__slot-label{
  font-size:10px;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;
  color:var(--night-66);text-align:center;padding:0 16px;
}
.testimonial__meta{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.testimonial__name{font-family:'Nyght Serif',serif;font-size:21px;line-height:1.2;color:var(--night)}
.testimonial__role{font-size:11px;letter-spacing:.24em;text-indent:.24em;text-transform:uppercase;color:var(--night-66)}

/* section 12: De investering */
.price-section .full-bleed__content{padding:clamp(56px,7vw,110px) clamp(24px,4.5vw,84px)}
.price-section__intro{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:clamp(40px,5vw,72px);text-align:center}
.price-section__eyebrow{font-size:10px;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;color:var(--cloud-70)}
.price-section__kicker{font-size:13px;letter-spacing:.24em;text-indent:.24em;color:var(--indigo)}
.price-section__grid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(40px,5vw,80px);align-items:center}
.price-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(20px,2.4vw,34px)}
.price-card h2{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:.06em;text-indent:.06em;line-height:1.1;font-size:clamp(22px,3.2vw,46px);color:var(--cloud);text-transform:uppercase}
.price-card__label{font-size:10px;letter-spacing:.34em;text-indent:.34em;text-transform:uppercase;color:var(--cloud-70)}
.price-card__figure{font-family:'Nyght Serif',serif;font-size:clamp(72px,12vw,168px);line-height:.9;letter-spacing:.01em;color:var(--cloud)}
.price-card__cta{display:flex;flex-direction:column;align-items:center;gap:14px}
.price-card__terms{font-size:10px;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--cloud-60);line-height:1.7}

.deliverables{display:flex;flex-direction:column;gap:clamp(24px,2.6vw,36px)}
.deliverables h3{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:.03em;line-height:1.1;font-size:clamp(24px,3.4vw,50px);color:var(--cloud);text-transform:uppercase}
.deliverables__list{display:flex;flex-direction:column;gap:22px;font-size:clamp(15px,1.05vw,17px);line-height:1.66;color:var(--cloud-85);max-width:32em}
.deliverables__list li{display:grid;grid-template-columns:20px 1fr;gap:16px}
.deliverables__list li span:first-child{color:var(--indigo);font-size:10px;line-height:1.9}

/* section 13: players / gamblers / game changers */
.players{border-top:1px solid var(--cloud-10)}
.players__intro{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.players__title{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:.025em;line-height:1.12;font-size:clamp(26px,4.6vw,66px);color:var(--cloud);text-transform:uppercase}
.players__title em{font-style:italic;text-transform:none;letter-spacing:-.01em;color:var(--indigo)}
.players__lede{font-size:clamp(15px,1.05vw,17px);line-height:1.66;color:var(--cloud-82);max-width:40em}
.players__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(20px,2.4vw,32px)}
.qualifier{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.qualifier__line{
  display:flex;align-items:center;justify-content:center;width:100%;
  background:linear-gradient(to bottom,transparent 21px,var(--cloud-20) 21px,var(--cloud-20) 22px,transparent 22px);
}
.qualifier__num{
  width:44px;height:44px;border-radius:50%;background:var(--indigo);color:var(--cloud);
  display:flex;align-items:center;justify-content:center;font-size:12px;letter-spacing:.1em;flex:none;
}
.qualifier__body{font-size:16px;line-height:1.66;color:var(--cloud-85);max-width:16em}
.players__closing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-family:'Nyght Serif',serif;font-style:italic;line-height:.9}
.players__closing p{font-size:clamp(22px,2.2vw,32px);line-height:1.34}
.players__closing p:first-child{color:var(--cloud)}
.players__closing p:last-child{color:var(--indigo)}

/* section 14: final CTA */
.final-cta{background:var(--ink-deep);border-top:1px solid var(--cloud-10)}
.final-cta__text{flex:1.06 1 min(420px,100%);min-width:0;padding:clamp(56px,7vw,116px) clamp(24px,4.5vw,72px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:clamp(22px,2.6vw,36px)}
.final-cta .eyebrow-bebas{color:var(--cloud-72)}
.final-cta__title{font-family:'Nyght Serif',serif;font-weight:400;letter-spacing:.025em;line-height:.9;font-size:clamp(30px,7.4vw,108px);color:var(--cloud);text-transform:uppercase}
.final-cta__title .hl{width:min(370px,100%);display:inline-block}
.final-cta__pull{font-family:'Nyght Serif',serif;font-style:italic;font-size:clamp(17px,1.85vw,26px);line-height:1.45;color:var(--cloud);max-width:17em}
.final-cta__cta-group{display:flex;flex-direction:column;align-items:center;gap:14px}
.btn-final{
  display:flex;align-items:center;gap:18px;
  font-size:12px;letter-spacing:.3em;text-transform:uppercase;
  color:var(--white);background:var(--indigo);border:1px solid var(--indigo);
  padding:18px 32px;
}
.btn-final span.label{text-indent:.3em}
.btn-final span.diamond{font-size:8px}
.btn-final:hover{background:var(--white);border-color:var(--white);color:var(--indigo)}
.final-cta__terms{font-size:10px;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:var(--cloud-60);line-height:1.7}
.final-cta__photo{flex:.94 1 min(300px,100%);min-height:clamp(380px,60vh,860px)}

/* =====================  footer  ===================== */
.site-footer{
  padding:34px clamp(24px,4.5vw,72px);
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;
  border-top:1px solid var(--cloud-14);
}
.site-footer__mark{height:24px;width:auto}
.site-footer__label{font-size:10px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--cloud-50)}

/* =====================  responsive  ===================== */
@media (max-width:760px){
  [data-m="hero-panel"]{border-right:0;border-bottom:1px solid var(--indigo);min-height:auto}
  [data-m="img"]{min-height:66vw;max-height:78vh;flex:1 1 100%;width:100%}
}
@media (max-width:420px){
  [data-m="img"]{min-height:80vw}
}

@media (prefers-reduced-motion: reduce){
  [data-reveal]{transition:none}
}