/* Miedema Site – contact */
:root{
    --orange:#FF4F0D;
    --orange-dark:#E03A00;
    --amber:#FFB547;
    --orange-tint:#FFE4D6;
    --orange-tint-2:#FFF1E7;
    --navy:#111827;
    --navy-deep:#0E1721;
    --navy-soft:#5B6472;
    --grad:linear-gradient(90deg,#F4410C 0%,#F7661D 45%,#FFB547 100%);
    --cream:#FFFAF6;
    --line:#EFE3D8;
    --white:#ffffff;
    --radius:20px;
    --radius-sm:6px;
    --shadow: 0 20px 45px -20px rgba(24,31,43,0.18);
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:'Satoshi','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size:16px;
    color:var(--navy);
    background:var(--cream);
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  /* Full-bleed fix: dwingt secties met een eigen achtergrondkleur om de
     volle schermbreedte te vullen, ook als het WordPress-thema deze code
     in een smallere content-container plaatst. */
  header.mm-page, .portfolio, .contact, footer.mm-page{
    width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
  }
  .mm-page h1,.mm-page h2,.mm-page h3{
    font-family:'Satoshi','Helvetica Neue',Helvetica,Arial,sans-serif;
    margin:0;
    letter-spacing:-0.02em;
  }
  .eyebrow{
    font-family:'Satoshi',sans-serif;font-weight:700;
    font-size:12px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--orange-dark);
    font-weight:500;
    display:inline-flex;align-items:center;gap:10px;
  }
  .eyebrow::before{
    content:"";width:14px;height:16px;flex-shrink:0;
    background:var(--grad);
    clip-path:polygon(0 0,100% 50%,0 100%);
    border-radius:2px;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  section.mm-page{padding:96px 0;}

  /* ---------- header.mm-page ---------- */
  header.mm-page{
    position:sticky;top:0;z-index:50;
    background:rgba(255,250,246,0.85);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  header.mm-page::after{
    content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
    background:var(--grad);opacity:.85;
  }
  header.mm-page .wrap{
    display:flex;align-items:center;justify-content:space-between;
    min-height:110px;padding-top:12px;padding-bottom:12px;
  }
  .logo{display:flex;flex-direction:row;align-items:center;gap:12px;font-family:'Satoshi',sans-serif;font-weight:700;font-size:19px;flex-shrink:0;}
  .logo-tagline{
    font-family:'Satoshi',sans-serif;font-weight:700;font-size:10px;letter-spacing:0.1em;
    text-transform:uppercase;color:var(--orange-dark);font-weight:500;
  }
  .logo .mark{width:34px;height:34px;flex-shrink:0;}
  .logo-full{height:82px;width:auto;max-width:none;transition:transform .3s ease;}
  .logo:hover .logo-full{transform:translateX(3px);}
  .logo small{display:block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:9px;letter-spacing:0.12em;color:var(--orange-dark);font-weight:500;text-transform:uppercase;margin-top:-2px;}
  .logo-text{font-size:19px;transition:color .2s ease;}
  .logo-text:hover{color:var(--orange-dark);}

  /* ---------- logo type/arceer-animatie ---------- */
  .type-wrap{position:relative;display:inline-block;white-space:nowrap;}
  .type-base{color:var(--navy);}
  .type-highlight{
    position:absolute;top:-2px;left:-1px;bottom:-2px;
    display:flex;align-items:center;
    color:#fff;
    overflow:hidden;
    width:0;
    padding:0 0 0 1px;
    animation:typeReveal .8s cubic-bezier(.4,0,.2,1) .25s forwards;
  }
  .type-highlight::before{
    content:"";
    position:absolute;
    top:-2px;bottom:-2px;left:-12px;right:-12px;
    background:var(--grad);
    border-radius:var(--radius-sm);
    transform:skewX(-8deg);
    z-index:-1;
  }
  .type-letters{white-space:nowrap;}
  @keyframes typeReveal{ from{width:0;} to{width:100%;} }
  @media (prefers-reduced-motion: reduce){
    .type-highlight{animation:none;width:0;}
  }
  .mm-page nav{display:flex;gap:40px;font-size:16.5px;font-weight:500;}
  .mm-page nav a{color:var(--navy-soft);transition:color .2s;}
  .mm-page nav a:hover{color:var(--orange-dark);}
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    background:var(--navy);color:#fff;
    padding:14px 24px;border-radius:var(--radius-sm);
    font-size:15.5px;font-weight:600;line-height:1;
    border:none;cursor:pointer;
    transition:transform .2s ease, background .2s ease;
  }
  .btn:hover{background:var(--orange-dark);transform:translateY(-2px);}
  .btn.primary{background:var(--orange);box-shadow:0 10px 22px -12px rgba(244,65,12,.7);}
  .btn.primary:hover{background:var(--orange-dark);}
  .btn.ghost{background:transparent;border:1.5px solid var(--navy);color:var(--navy);}
  .btn.ghost:hover{border-color:var(--orange-dark);color:var(--orange-dark);background:transparent;}

  /* ---------- hero ---------- */
  .hero{padding:88px 0 60px;overflow:hidden;position:relative;}
  .hero .wrap{display:grid;grid-template-columns:1.1fr 0.9fr;gap:60px;align-items:center;}
  .hero h1{font-size:56px;line-height:1.04;font-weight:900;}
  .hero h1 .accent{color:var(--orange);position:relative;white-space:nowrap;}
  .hero p.lede{font-size:18px;color:var(--navy-soft);margin:22px 0 32px;max-width:460px;line-height:1.6;}
  .hero-cta{display:flex;gap:14px;flex-wrap:wrap;}

  .hero-visual{position:relative;height:420px;}
  .blob{
    position:absolute;inset:0;
    background: radial-gradient(120% 120% at 20% 20%, var(--orange) 0%, var(--orange-dark) 65%, #B12F00 100%);
    clip-path: path('M60,20 C170,-10 340,90 350,190 C360,300 220,400 110,380 C10,360 -30,260 10,150 C25,100 30,45 60,20 Z');
    -webkit-clip-path: path('M60,20 C170,-10 340,90 350,190 C360,300 220,400 110,380 C10,360 -30,260 10,150 C25,100 30,45 60,20 Z');
    width:100%;height:100%;
    animation: floaty 8s ease-in-out infinite;
  }
  @keyframes floaty{
    0%,100%{transform:translateY(0) rotate(0deg);}
    50%{transform:translateY(-14px) rotate(2deg);}
  }
  .play-mark{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:150px;height:150px;filter:drop-shadow(0 18px 30px rgba(0,0,0,0.25));
  }
  .float-card{
    position:absolute;background:var(--white);border-radius:16px;
    box-shadow:var(--shadow);padding:14px 18px;
    display:flex;align-items:center;gap:10px;
    font-size:13px;font-weight:600;
    border:1px solid var(--line);
  }
  .float-card svg{width:20px;height:20px;flex-shrink:0;color:var(--orange);}
  .fc1{top:8%;right:0%;}
  .fc2{bottom:16%;left:-4%;}
  .fc3{bottom:2%;right:14%;}

  /* ---------- diensten ---------- */
  .diensten-head{text-align:center;max-width:560px;margin:0 auto 52px;}
  .diensten-head h2{font-size:34px;font-weight:900;margin-top:10px;}
  .diensten-head p{color:var(--navy-soft);margin-top:12px;font-size:16px;line-height:1.6;}
  .dienst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
  .dienst-card{
    background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:32px 26px;transition:transform .25s ease, box-shadow .25s ease;
  }
  .dienst-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
  .dienst-icon{
    width:52px;height:52px;border-radius:14px;background:var(--orange-tint);
    display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  }
  .dienst-icon svg{width:26px;height:26px;color:var(--orange-dark);}
  .dienst-card h3{font-size:19px;font-weight:700;margin-bottom:8px;}
  .dienst-card p{font-size:14.5px;color:var(--navy-soft);line-height:1.6;margin:0;}

  /* ---------- portfolio ---------- */
  .portfolio{background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
  .portfolio::before{
    content:"";position:absolute;top:-30px;right:-60px;width:460px;height:560px;
    background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 460 560%22%3E%3Cpolygon points=%2261,50 74,58 61,66%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22157,21 169,29 157,37%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22185,40 215,58 185,76%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22234,11 264,29 234,47%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22315,48 332,58 315,68%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22349,11 379,29 349,47%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22418,48 435,58 418,68%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22247,77 264,87 247,97%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22318,108 330,116 318,124%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22368,69 399,87 368,105%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22416,98 446,116 416,134%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22134,131 157,145 134,159%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22237,137 250,145 237,153%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22295,160 318,174 295,188%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22382,137 395,145 382,153%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22417,160 441,174 417,188%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22293,224 305,232 293,240%22 fill=%22%23FFD3C4%22 stroke=%22%23FFD3C4%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22355,185 386,203 355,221%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22407,218 430,232 407,246%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22178,276 202,290 178,304%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22234,243 264,261 234,279%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22320,276 343,290 320,304%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22372,247 395,261 372,275%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22431,272 461,290 431,308%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%229,309 27,319 9,329%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2268,338 86,348 68,358%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22137,305 160,319 137,333%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22252,311 265,319 252,327%22 fill=%22%23FFD3C4%22 stroke=%22%23FFD3C4%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22300,330 331,348 300,366%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22350,301 380,319 350,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22410,330 440,348 410,366%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2279,396 97,406 79,416%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22198,396 216,406 198,416%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22252,363 275,377 252,391%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22316,388 346,406 316,424%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22351,363 374,377 351,391%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22422,392 445,406 422,420%22 fill=%22%23FFD3C4%22 stroke=%22%23FFD3C4%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2263,450 86,464 63,478%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22263,427 276,435 263,443%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22304,454 322,464 304,474%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22369,421 393,435 369,449%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22438,454 455,464 438,474%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2267,504 98,522 67,540%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22260,483 277,493 260,503%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22322,508 345,522 322,536%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22358,485 371,493 358,501%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22422,504 453,522 422,540%22 fill=%22%23FF8457%22 stroke=%22%23FF8457%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22273,543 285,551 273,559%22 fill=%22%23FFD3C4%22 stroke=%22%23FFD3C4%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22313,562 344,580 313,598%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22351,537 374,551 351,565%22 fill=%22%23FFD3C4%22 stroke=%22%23FFD3C4%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22426,562 456,580 426,598%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat right top/contain;
    -webkit-mask-image:linear-gradient(200deg,#000 25%,transparent 75%);
            mask-image:linear-gradient(200deg,#000 25%,transparent 75%);
    opacity:.9;pointer-events:none;
  }
  .portfolio .wrap{position:relative;z-index:1;}
  .portfolio-open{padding-top:28px;}
  .portfolio-intro{max-width:640px;margin-bottom:48px;}
  .portfolio-intro h1{font-size:52px;font-weight:900;margin:14px 0 16px;line-height:1;}
  .portfolio-intro h1::after{content:"";display:block;width:64px;height:5px;border-radius:3px;background:var(--grad);margin-top:18px;}
  .portfolio-intro .lede{font-size:17px;color:var(--navy-soft);line-height:1.7;margin:0;}
  .portfolio-head{display:flex;justify-content:flex-start;align-items:flex-end;gap:24px;margin-bottom:40px;flex-wrap:wrap;}
  .portfolio-head h2{font-size:34px;font-weight:900;}
  .tabs{display:flex;gap:10px;flex-wrap:wrap;}
  .tab{
    padding:9px 18px;border-radius:999px;border:1.5px solid var(--line);
    font-size:13.5px;font-weight:600;color:var(--navy-soft);cursor:pointer;
    background:var(--white);transition:all .2s ease;
  }
  .tab.active,.tab:hover{background:var(--navy);color:#fff;border-color:var(--navy);}

  .proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;}
  .proj-card{
    border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;
    background:var(--cream);
    transition:transform .25s ease, box-shadow .25s ease;
    display:flex;flex-direction:column;
  }
  .proj-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#FFD3C4;}
  .proj-card{position:relative;}
  .proj-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;}
  .proj-card:hover::after{transform:scaleX(1);}
  .proj-media{
    position:relative;
    height:0;
    padding-bottom:56.25%;
    overflow:hidden;
    background:var(--navy);
  }
  .proj-media iframe,
  .proj-media img{
    position:absolute !important;
    top:0 !important;left:0 !important;
    width:100% !important;height:100% !important;
    max-width:none !important;
    object-fit:cover !important;
    border:0;display:block;margin:0 !important;
  }
  .proj-media.placeholder{
    position:absolute !important;top:0 !important;left:0 !important;right:0;bottom:0;
    display:flex;align-items:center;justify-content:center;
    background:var(--grad);
  }
  .proj-media.placeholder svg{width:46px;height:46px;color:#fff;opacity:.9;}
  .proj-body{padding:22px 24px 26px;}
  .proj-tag{
    display:inline-block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:10.5px;
    letter-spacing:0.1em;text-transform:uppercase;color:var(--orange-dark);
    background:var(--orange-tint-2);padding:4px 10px;border-radius:6px;margin-bottom:12px;
  }
  .proj-body h3{font-size:18px;font-weight:700;margin-bottom:8px;}
  .proj-body p{font-size:14px;color:var(--navy-soft);line-height:1.6;margin:0 0 14px;}
  .proj-link{font-size:13.5px;font-weight:600;color:var(--navy);display:inline-flex;align-items:center;gap:6px;}
  .proj-link svg{width:14px;height:14px;}
  .proj-link:hover{color:var(--orange-dark);}
  .proj-card.centered{grid-column:1 / -1;max-width:calc(50% - 14px);margin:0 auto;width:100%;}
  @media (max-width:900px){
    .proj-card.centered{max-width:100%;}
  }

  /* ---------- over ---------- */
  .over .wrap{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:start;}
  .over-visual{
    background:linear-gradient(160deg,var(--navy) 0%, #232C3D 100%);
    border-radius:var(--radius);padding:40px 34px;color:#fff;
    position:sticky;top:110px;
    overflow:hidden;
  }
  .over-visual .profile-photo{
    position:absolute;
    right:-30%;bottom:-4%;
    width:105%;
    max-width:420px;
    object-fit:contain;
    opacity:1;
    pointer-events:none;
    z-index:0;
  }
  .over-visual h3,.over-visual .role,.over-visual ul{position:relative;z-index:1;}
  .over-visual h3{font-size:22px;font-weight:700;margin-bottom:6px;color:#fff !important;}
  .over-visual .role{color:var(--orange);font-size:14px;font-weight:600;margin-bottom:22px;}
  .over-visual ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
  .over-visual li{font-size:13.5px;color:#C7CCD6;display:flex;gap:10px;align-items:flex-start;}
  .over-visual li svg{width:15px;height:15px;color:var(--orange);flex-shrink:0;margin-top:2px;}

  .over-content h2{font-size:34px;font-weight:900;margin:12px 0 18px;line-height:1.15;}
  .over-content p{font-size:16px;line-height:1.75;color:var(--navy-soft);margin-bottom:16px;}
  .skills{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
  .skill-pill{
    font-size:13px;font-weight:600;padding:8px 16px;border-radius:999px;
    background:var(--orange-tint);color:var(--orange-dark);
    border:1px solid transparent;
    transition:background .2s ease,color .2s ease,transform .2s ease;
  }
  .skill-pill:hover{background:var(--orange);color:#fff;transform:translateY(-2px);}

  /* ---------- contact ---------- */
  .contact{background:var(--navy-deep);color:#fff;position:relative;overflow:hidden;padding:52px 0 !important;}
  .contact h1,.contact h2,.contact h3{color:#fff !important;}
  .contact .eyebrow{color:var(--orange) !important;}
  .contact-item{color:#fff !important;}
  .contact::before{
    content:"";position:absolute;top:0;bottom:0;right:-40px;width:560px;
    background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 520 620%22%3E%3Cpolygon points=%22213,48 231,58 213,68%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22321,48 339,58 321,68%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22350,11 380,29 350,47%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22425,50 438,58 425,66%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22507,21 519,29 507,37%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2259,102 82,116 59,130%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22136,79 149,87 136,95%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22239,77 257,87 239,97%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22293,106 310,116 293,126%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22353,79 366,87 353,95%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22411,98 441,116 411,134%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22472,69 502,87 472,105%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22181,166 194,174 181,182%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22257,137 269,145 257,153%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22309,160 332,174 309,188%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22373,135 390,145 373,155%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22414,160 437,174 414,188%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22495,135 512,145 495,155%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2274,222 92,232 74,242%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22308,214 338,232 308,250%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22368,195 380,203 368,211%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22408,214 438,232 408,250%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22486,189 509,203 486,217%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2297,282 110,290 97,298%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22237,247 260,261 237,275%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22384,251 401,261 384,271%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22426,276 449,290 426,304%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22472,243 502,261 472,279%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2275,340 88,348 75,356%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22196,334 219,348 196,362%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22252,301 282,319 252,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22308,340 320,348 308,356%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22369,301 399,319 369,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22410,334 433,348 410,362%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22477,301 507,319 477,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2263,388 93,406 63,424%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22267,369 280,377 267,385%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22308,398 321,406 308,414%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22358,367 375,377 358,387%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22417,398 430,406 417,414%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22492,363 515,377 492,391%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22207,450 230,464 207,478%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22235,425 252,435 235,445%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22370,421 393,435 370,449%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22435,456 448,464 435,472%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22494,427 507,435 494,443%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22176,514 189,522 176,530%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22256,479 279,493 256,507%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22311,504 341,522 311,540%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22354,475 384,493 354,511%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22426,512 443,522 426,532%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22481,475 511,493 481,511%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22242,533 272,551 242,569%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22297,572 310,580 297,588%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22367,533 397,551 367,569%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22429,572 442,580 429,588%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22490,533 520,551 490,569%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2271,624 94,638 71,652%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22188,630 201,638 188,646%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22430,628 447,638 430,648%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22501,599 519,609 501,619%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat right center/contain;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 75%);
            mask-image:linear-gradient(90deg,transparent 0%,#000 75%);
    opacity:.35;pointer-events:none;
  }
  .contact .wrap{position:relative;display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:center;}
  .contact-left .eyebrow{color:var(--orange);}
  .contact-left h2{font-size:30px;font-weight:900;margin:8px 0 10px;color:#fff !important;}
  .contact-left p{color:#B7BEC9;font-size:15px;line-height:1.6;max-width:440px;margin:0 0 20px;}
  .contact-items{display:grid;grid-template-columns:auto auto;gap:10px 28px;justify-content:start;}
  .contact-item{display:flex;align-items:center;gap:12px;margin:0;font-size:14.5px;font-weight:500;}
  .contact-item svg{width:19px;height:19px;color:var(--orange);flex-shrink:0;box-sizing:content-box;padding:8px;border-radius:9px;background:rgba(255,79,13,.12);}
  .contact-item a:hover{color:var(--orange);}
  .map-card{border-radius:var(--radius);overflow:hidden;border:1px solid rgba(255,255,255,0.12);height:210px;min-height:0;}
  .map-card iframe{width:100%;height:100%;border:0;filter:grayscale(0.15) contrast(1.05);}

  footer.mm-page{background:var(--navy-deep);border-top:1px solid rgba(255,255,255,0.08);padding:12px 0;position:relative;}
  footer.mm-page::before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--grad);}
  footer.mm-page .wrap{display:flex;justify-content:space-between;align-items:center;color:#fff !important;font-size:12.5px;}
  footer.mm-page a{color:#B7BEC9;}
  .footer-kvk{color:#B7BEC9;}
  footer.mm-page .wrap > *{flex:1;}
  footer.mm-page .wrap > .footer-kvk{text-align:center;}
  footer.mm-page .wrap > a{text-align:right;}
  footer.mm-page a:hover{color:var(--orange);}

  @media (max-width:900px), (orientation:landscape) and (max-height:520px){
    .hero .wrap{grid-template-columns:1fr;}
    .hero h1{font-size:38px;}
    .hero-visual{height:280px;margin-top:20px;}
    .dienst-grid{grid-template-columns:1fr;}
    .proj-grid{grid-template-columns:1fr;}
    .over .wrap{grid-template-columns:1fr;}
    .over-visual{position:relative;top:auto;}
    .over-visual .profile-photo{width:148%;max-width:none;right:-33%;bottom:-2%;}
    .contact .wrap{grid-template-columns:1fr;gap:28px;}
    .contact-items{grid-template-columns:1fr;}
    .contact{padding:40px 0 !important;}
    .mm-page nav{display:none;}
    section.mm-page{padding:64px 0;}
  }
  @media (max-width:480px){
    .wrap{padding:0 18px;}
    header.mm-page .wrap{min-height:64px;padding-top:10px;padding-bottom:10px;}
    .logo-tagline{font-size:8.5px;}
    .logo{font-size:15px;gap:8px;}
    .logo-full{height:56px;}
    .portfolio::before{width:280px;height:340px;opacity:.6;}
    .portfolio-intro h1{font-size:40px;}
    .contact::before{width:100%;opacity:.18;}
    .btn{padding:9px 14px;font-size:12.5px;gap:5px;line-height:1;}
    .type-highlight::before{left:-8px;right:-8px;}
  }
  /* Liggende telefoonstand: minder hoogte beschikbaar, dus foto kleiner (los van breedte) */
  @media (orientation:landscape) and (max-height:520px){
    .over-visual .profile-photo{width:70%;max-width:230px;right:-8%;bottom:-2%;}
  }

  /* ---------- tarieven (optie 2) ---------- */
  .tarieven{position:relative;padding-top:64px;}
  .tarieven-head h1{font-size:46px;font-weight:900;margin-top:12px;line-height:1.05;}
  .mm-page nav a.active{color:var(--orange-dark);}
  .tarieven-head{text-align:center;max-width:600px;margin:0 auto 52px;}
  .tarieven-head h2{font-size:38px;font-weight:900;margin-top:12px;line-height:1.1;}
  .tarieven-head p:not(.eyebrow){color:var(--navy-soft);margin-top:14px;font-size:16px;line-height:1.7;}
  .tarief-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;}
  .tarief-card{
    position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
    padding:34px 28px 30px;display:flex;flex-direction:column;
    transition:transform .25s ease, box-shadow .25s ease;overflow:hidden;
  }
  .tarief-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);}
  .tarief-card h3{font-size:21px;font-weight:900;margin-bottom:8px;}
  .tarief-intro{font-size:14.5px;color:var(--navy-soft);line-height:1.6;margin:0 0 22px;}
  .tarief-prijs{display:flex;align-items:baseline;gap:8px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--line);}
  .tarief-prijs .vanaf{font-family:'Satoshi',sans-serif;font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-dark);}
  .tarief-prijs .bedrag{font-size:42px;font-weight:900;letter-spacing:-.02em;line-height:1;}
  .tarief-prijs .eenheid{font-size:14px;color:var(--navy-soft);}
  .tarief-card ul{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:11px;flex:1;}
  .tarief-card li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;line-height:1.45;}
  .tarief-card li svg{width:16px;height:16px;color:var(--orange);flex-shrink:0;margin-top:2px;}
  .tarief-card .btn{width:100%;}
  .tarief-card.featured{background:linear-gradient(160deg,var(--navy-deep) 0%, #1B2433 100%);border-color:transparent;color:#fff;transform:translateY(-10px);box-shadow:var(--shadow);}
  .tarief-card.featured:hover{transform:translateY(-16px);}
  .tarief-card.featured h3,.tarief-card.featured .bedrag{color:#fff;}
  .tarief-card.featured .tarief-intro,.tarief-card.featured .eenheid{color:#B7BEC9;}
  .tarief-card.featured .vanaf{color:var(--amber);}
  .tarief-card.featured .tarief-prijs{border-color:rgba(255,255,255,.12);}
  .tarief-card.featured li{color:#E3E6EC;}
  .tarief-card.featured::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);}
  .tarief-badge{
    align-self:flex-start;margin:-6px 0 14px;
    font-family:'Satoshi',sans-serif;font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
    color:var(--navy-deep);background:var(--grad);padding:5px 10px;border-radius:6px;font-weight:500;
  }
  .tarief-label{font-family:'Satoshi',sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-soft);margin:0 0 12px;}
  .tarief-card.featured .tarief-label{color:#B7BEC9;}
  .tarief-extra{font-size:13.5px;line-height:1.6;color:var(--navy-soft);background:var(--orange-tint-2);border-radius:12px;padding:14px 16px;margin:-8px 0 24px;}
  .tarief-extra.dark{background:rgba(255,255,255,.06);color:#C7CCD6;}
  .tarief-extra strong{color:var(--navy);}
  .combo-card{
    position:relative;overflow:hidden;margin-top:36px;
    display:grid;grid-template-columns:1.4fr auto auto;gap:36px;align-items:center;
    background:linear-gradient(160deg,var(--navy-deep) 0%, #1B2433 100%);color:#fff;
    border-radius:var(--radius);padding:32px 36px;box-shadow:var(--shadow);
  }
  .combo-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);}
  .combo-label{display:inline-block;font-family:'Satoshi',sans-serif;font-weight:700;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--navy-deep);background:var(--grad);padding:5px 10px;border-radius:6px;margin-bottom:12px;}
  .combo-card h3{font-size:26px;font-weight:900;color:#fff;margin-bottom:8px;}
  .combo-card p{color:#B7BEC9;font-size:14.5px;line-height:1.6;margin:0;max-width:440px;}
  .combo-prijs{display:flex;flex-direction:column;align-items:flex-start;gap:6px;}
  .combo-prijs .tarief-prijs{border:0;padding:0;margin:0;}
  .combo-prijs .bedrag{color:#fff;}
  .combo-prijs .vanaf{color:var(--amber);}
  .combo-los{font-size:13px;color:#B7BEC9;}
  .combo-voordeel{font-size:12.5px;font-weight:700;color:var(--amber);background:rgba(255,181,71,.12);padding:4px 10px;border-radius:999px;}
  .tarieven-note{text-align:center;font-size:13.5px;color:var(--navy-soft);margin:36px 0 0;}
  @media (max-width:900px){
    .tarief-grid{grid-template-columns:1fr;}
    .tarief-card.featured{transform:none;}
    .tarief-card.featured:hover{transform:translateY(-6px);}
    .tarieven-head h2{font-size:30px;}
    .combo-card{grid-template-columns:1fr;gap:20px;padding:28px 24px;}
    .combo-card .btn{width:100%;}
  }

  /* ---------- Blocksy-thema verbergen op deze pagina ---------- */
  #header, .ct-header, header#header, [data-id="header"],
  .hero-section, .entry-header, .page-title, .ct-breadcrumbs,
  #footer, .ct-footer, footer#footer, [data-id="footer"]{display:none !important;}
  .entry-content > p:empty, .entry-content > br{display:none !important;}
  #main-container, #main, .site-main, .ct-container-full, .ct-container,
  .entry-content, article.page, article[id^="post-"]{
    padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;
  }
  [data-vertical-spacing]{padding-top:0 !important;padding-bottom:0 !important;}
  body.admin-bar header.mm-page{top:32px;}
  @media (max-width:782px){ body.admin-bar header.mm-page{top:46px;} }

  /* ---------- alleen Satoshi ---------- */
  .mm-page, .mm-page *{font-family:'Satoshi','Helvetica Neue',Helvetica,Arial,sans-serif !important;}
  .eyebrow{font-size:13px !important;letter-spacing:.12em !important;font-weight:700 !important;}
  /* ---------- over mij: blok even hoog als de tekst ---------- */
  .over .wrap{align-items:stretch !important;}
  .over-visual{position:relative !important;top:auto !important;height:100%;min-height:480px;}
  @media (max-width:900px){ .over-visual{height:auto;min-height:520px;} }

  /* ---------- mobiel uitschuifmenu ---------- */
  .menu-toggle{display:none;width:46px;height:46px;border-radius:10px;border:0;cursor:pointer;
    background:var(--navy-deep);flex-direction:column;align-items:center;justify-content:center;gap:5px;flex-shrink:0;}
  .menu-toggle span{display:block;width:20px;height:2px;border-radius:2px;background:#fff;transition:transform .25s ease,opacity .2s ease;}
  .menu-toggle span:nth-child(2){width:14px;margin-left:6px;background:var(--orange);}
  .mm-drawer{position:fixed;inset:0;z-index:9999;visibility:hidden;pointer-events:none;}
  .mm-drawer.open{visibility:visible;pointer-events:auto;}
  .drawer-backdrop{position:absolute;inset:0;background:rgba(14,23,33,.55);opacity:0;transition:opacity .3s ease;}
  .mm-drawer.open .drawer-backdrop{opacity:1;}
  .drawer-panel{
    position:absolute;top:0;right:0;bottom:0;width:min(86vw,360px);
    background:linear-gradient(160deg,var(--navy-deep) 0%,#1B2433 100%);color:#fff;
    display:flex;flex-direction:column;padding:22px 24px 28px;
    overflow-x:hidden;overflow-y:auto;overscroll-behavior:none;touch-action:pan-y;-webkit-overflow-scrolling:touch;
    transform:translate3d(100%,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1);will-change:transform;
    box-shadow:-20px 0 45px -20px rgba(0,0,0,.5);
  }
  .drawer-panel::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:linear-gradient(180deg,#F4410C,#FFB547);}
  .drawer-panel::after{content:"";position:absolute;right:0;bottom:120px;width:220px;height:260px;opacity:.22;pointer-events:none;
    background:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 520 620%22%3E%3Cpolygon points=%22213,48 231,58 213,68%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22321,48 339,58 321,68%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22350,11 380,29 350,47%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22425,50 438,58 425,66%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22507,21 519,29 507,37%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2259,102 82,116 59,130%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22136,79 149,87 136,95%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22239,77 257,87 239,97%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22293,106 310,116 293,126%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22353,79 366,87 353,95%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22411,98 441,116 411,134%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22472,69 502,87 472,105%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22181,166 194,174 181,182%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22257,137 269,145 257,153%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22309,160 332,174 309,188%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22373,135 390,145 373,155%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22414,160 437,174 414,188%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22495,135 512,145 495,155%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2274,222 92,232 74,242%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22308,214 338,232 308,250%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22368,195 380,203 368,211%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22408,214 438,232 408,250%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22486,189 509,203 486,217%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2297,282 110,290 97,298%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22237,247 260,261 237,275%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22384,251 401,261 384,271%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22426,276 449,290 426,304%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22472,243 502,261 472,279%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2275,340 88,348 75,356%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22196,334 219,348 196,362%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22252,301 282,319 252,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22308,340 320,348 308,356%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22369,301 399,319 369,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22410,334 433,348 410,362%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22477,301 507,319 477,337%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2263,388 93,406 63,424%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22267,369 280,377 267,385%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22308,398 321,406 308,414%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22358,367 375,377 358,387%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22417,398 430,406 417,414%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22492,363 515,377 492,391%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22207,450 230,464 207,478%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22235,425 252,435 235,445%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22370,421 393,435 370,449%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22435,456 448,464 435,472%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22494,427 507,435 494,443%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22176,514 189,522 176,530%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22256,479 279,493 256,507%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22311,504 341,522 311,540%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22354,475 384,493 354,511%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22426,512 443,522 426,532%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22481,475 511,493 481,511%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22242,533 272,551 242,569%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22297,572 310,580 297,588%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22367,533 397,551 367,569%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22429,572 442,580 429,588%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22490,533 520,551 490,569%22 fill=%22%23FF4F0D%22 stroke=%22%23FF4F0D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%2271,624 94,638 71,652%22 fill=%22%23FFB547%22 stroke=%22%23FFB547%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22188,630 201,638 188,646%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22430,628 447,638 430,648%22 fill=%22%23F7661D%22 stroke=%22%23F7661D%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3Cpolygon points=%22501,599 519,609 501,619%22 fill=%22%23FF7A45%22 stroke=%22%23FF7A45%22 stroke-width=%224%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E") no-repeat right bottom/contain;}
  .mm-drawer.open .drawer-panel{transform:translate3d(0,0,0);}
  .drawer-backdrop{touch-action:none;}
  .mm-drawer{overscroll-behavior:none;}
  .drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px;}
  .drawer-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);}
  .drawer-eyebrow::before{content:"";width:14px;height:16px;background:var(--grad);clip-path:polygon(0 0,100% 50%,0 100%);}
  .drawer-close{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;}
  .drawer-close svg{width:20px;height:20px;}
  .drawer-nav{display:flex !important;flex-direction:column;gap:6px;position:relative;z-index:1;}
  .drawer-link{display:flex;align-items:center;justify-content:space-between;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.08);
    font-size:24px;font-weight:900;letter-spacing:-.01em;color:#fff !important;
    opacity:0;transform:translateX(18px);transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1),color .2s ease;}
  .drawer-link svg{width:20px;height:20px;color:var(--orange);transition:transform .2s ease;}
  .drawer-link:hover svg{transform:translateX(4px);}
  .drawer-link.active{color:var(--orange) !important;}
  .mm-drawer.open .drawer-link{opacity:1;transform:none;}
  .mm-drawer.open .drawer-link:nth-child(1){transition-delay:.08s}
  .mm-drawer.open .drawer-link:nth-child(2){transition-delay:.13s}
  .mm-drawer.open .drawer-link:nth-child(3){transition-delay:.18s}
  .mm-drawer.open .drawer-link:nth-child(4){transition-delay:.23s}
  .drawer-bottom{margin-top:auto;padding-top:30px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:1;}
  .drawer-bottom .btn{width:100%;padding:15px 20px;font-size:15.5px;}
  .drawer-contact{font-size:14.5px;color:#B7BEC9 !important;}
  .drawer-contact:hover{color:var(--orange) !important;}
  body.mm-menu-open{overflow:hidden;position:fixed;left:0;right:0;width:100%;}
  @media (max-width:900px), (orientation:landscape) and (max-height:520px){
    .menu-toggle{display:flex;}
    header.mm-page .wrap > .btn{margin-left:auto;margin-right:12px;}
  }
  @media (max-width:420px){ header.mm-page .wrap > .btn{display:none;} .menu-toggle{margin-left:auto;} }
  @media (prefers-reduced-motion: reduce){ .drawer-panel,.drawer-link,.drawer-backdrop{transition:none !important;} }

  /* ---------- contactpagina ---------- */
  .contactpagina{padding:64px 0 88px;}
  .contactpagina .wrap{display:grid;grid-template-columns:0.9fr 1.1fr;gap:64px;align-items:start;}
  .cp-info h1{font-size:46px;font-weight:900;line-height:1.05;margin:12px 0 16px;}
  .cp-lede{font-size:16px;color:var(--navy-soft);line-height:1.7;margin:0 0 30px;max-width:440px;}
  .cp-items{display:flex;flex-direction:column;gap:12px;}
  .cp-item{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 16px;color:var(--navy);transition:transform .2s ease,border-color .2s ease;}
  a.cp-item:hover{transform:translateY(-2px);border-color:#FFD3C4;}
  .cp-item svg{width:20px;height:20px;color:var(--orange);flex-shrink:0;box-sizing:content-box;padding:10px;border-radius:10px;background:var(--orange-tint-2);}
  .cp-item span{display:flex;flex-direction:column;font-size:15px;font-weight:700;}
  .cp-item small{font-size:12px;font-weight:500;color:var(--navy-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;}
  .cp-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow);overflow:hidden;}
  .cp-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--grad);}
  .cp-form{display:flex;flex-direction:column;gap:18px;}
  .cp-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
  .cp-field{display:flex;flex-direction:column;gap:7px;}
  .cp-field label{font-size:13.5px;font-weight:700;color:var(--navy);}
  .cp-field input,.cp-field select,.cp-field textarea{
    width:100%;font-size:16px;color:var(--navy);background:var(--cream);
    border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;outline:none;
    transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;-webkit-appearance:none;appearance:none;
  }
  .cp-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF4F0D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:44px;cursor:pointer;font-weight:700;}
  .cp-field textarea{resize:vertical;min-height:130px;line-height:1.55;}
  .cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus{border-color:var(--orange);background:#fff;box-shadow:0 0 0 4px rgba(255,79,13,.12);}
  .cp-field.invalid input,.cp-field.invalid textarea{border-color:#D92D20;}
  .cp-honey{position:absolute !important;left:-9999px !important;width:1px;height:1px;opacity:0;}
  .cp-submit{align-self:flex-start;padding:15px 26px !important;font-size:16px !important;gap:10px;}
  .cp-submit svg{width:18px;height:18px;}
  .cp-submit[disabled]{opacity:.7;cursor:wait;transform:none;}
  .cp-note{font-size:13px;color:var(--navy-soft);margin:-4px 0 0;}
  .cp-error{font-size:14px;color:#B42318;margin:0;}
  .cp-error:empty{display:none;}
  .cp-success{text-align:center;padding:30px 10px;}
  .cp-success[hidden]{display:none;}
  .cp-check{width:64px;height:64px;border-radius:50%;margin:0 auto 18px;background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;}
  .cp-check svg{width:30px;height:30px;}
  .cp-success h2{font-size:28px;font-weight:900;margin-bottom:10px;}
  .cp-success p{color:var(--navy-soft);font-size:15.5px;line-height:1.6;margin:0 0 24px;}
  @media (max-width:900px){
    .contactpagina{padding:40px 0 64px;}
    .contactpagina .wrap{grid-template-columns:1fr;gap:36px;}
    .cp-info h1{font-size:36px;}
    .cp-card{padding:26px 20px;}
    .cp-row{grid-template-columns:1fr;}
    .cp-submit{align-self:stretch;}
  }

  /* ---------- ronde 8 okt: menuknop, footer-achtergrond ---------- */
  html{background:var(--navy-deep) !important;overscroll-behavior-y:none;}
  body{background:var(--cream) !important;min-height:100vh;}
  footer.mm-page{box-shadow:0 100vh 0 100vh var(--navy-deep);}
  @media (min-width:901px){ .menu-toggle{display:none !important;} }
  @media (max-width:900px), (orientation:landscape) and (max-height:520px){
    header.mm-page .wrap{justify-content:flex-start !important;gap:0;}
    header.mm-page .logo{margin-right:auto;}
    header.mm-page .wrap > .btn{order:2;margin-left:auto !important;margin-right:12px !important;}
    .menu-toggle{order:3;margin-left:0 !important;}
  }
  @media (max-width:420px){ .menu-toggle{margin-left:auto !important;} }

  /* ---------- formulier: velden niet laten afknippen door het thema ---------- */
  .cp-field input,.cp-field select,.cp-field textarea{
    height:auto !important;min-height:52px !important;line-height:1.4 !important;
    padding:14px 16px !important;font-size:16px !important;box-sizing:border-box !important;margin:0 !important;
  }
  .cp-field select{padding-right:46px !important;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
  .cp-field textarea{min-height:140px !important;}

  .cp-field input,.cp-field select,.cp-field textarea,
  .cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus,
  .cp-field input:active,.cp-field textarea:active{
    color:#111827 !important;-webkit-text-fill-color:#111827 !important;caret-color:#FF4F0D !important;
    --theme-form-text-focus-color:#111827;--theme-form-text-initial-color:#111827;--theme-text-color:#111827;
  }
  .cp-field input::placeholder,.cp-field textarea::placeholder{color:#8A93A0 !important;-webkit-text-fill-color:#8A93A0 !important;opacity:1;}
  .cp-field input:-webkit-autofill,.cp-field input:-webkit-autofill:focus{
    -webkit-text-fill-color:#111827 !important;-webkit-box-shadow:0 0 0 1000px #fff inset !important;
  }
  .cp-field select option{color:#111827;background:#fff;}

  a.cp-item,a.cp-item:hover,a.cp-item:focus,a.cp-item:active,a.cp-item:visited,
  a.cp-item span,a.cp-item:hover span{color:#111827 !important;text-decoration:none !important;}
  a.cp-item small,a.cp-item:hover small{color:var(--navy-soft) !important;}
  a.cp-item svg{color:var(--orange) !important;}
  .cp-field input[type="tel"],.cp-field input[type="email"]{color:#111827 !important;-webkit-text-fill-color:#111827 !important;}