/* Prowebsites · Webdesign Knokke-Heist · conversiemaster v5 */
.knokke-trust{
  position:relative;
  z-index:3;
  background:#fff;
  border-bottom:1px solid rgba(16,38,51,.1);
}
.knokke-trust__inner{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  padding:0 24px;
}
.knokke-trust article{
  position:relative;
  min-height:112px;
  padding:25px 28px 23px;
  border-right:1px solid rgba(16,38,51,.1);
}
.knokke-trust article:first-child{border-left:1px solid rgba(16,38,51,.1)}
.knokke-trust article:before{
  content:"";
  position:absolute;
  left:28px;
  top:0;
  width:38px;
  height:3px;
  background:linear-gradient(90deg,var(--pw-gold),var(--pw-sea));
}
.knokke-trust strong{
  display:block;
  margin-bottom:7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  font-weight:500;
  line-height:1.15;
  color:var(--pw-ink);
}
.knokke-trust span{
  display:block;
  color:rgba(16,38,51,.62);
  font-size:13px;
  line-height:1.5;
}

.knokke-intro{padding-top:88px;padding-bottom:84px}
.knokke-route{margin-top:52px}
.knokke-hero h1{max-width:760px;font-size:clamp(43px,4.7vw,66px)}

.knokke-personal--early{
  padding:86px 24px;
  background:
    radial-gradient(circle at 92% 12%,rgba(200,117,91,.14),transparent 27%),
    linear-gradient(126deg,#e9dfd1 0%,#f8f4ec 48%,#dce9e6 100%);
}
.knokke-personal--early .knokke-personal__inner{
  max-width:1180px;
  grid-template-columns:300px 1fr;
  gap:60px;
  padding:24px 58px 24px 24px;
  background:rgba(255,255,255,.83);
  border:1px solid rgba(16,38,51,.1);
  box-shadow:0 28px 80px rgba(16,38,51,.09);
  backdrop-filter:blur(12px);
}
.knokke-personal--early .knokke-personal__portrait img{aspect-ratio:4/4.7}
.knokke-personal--early .knokke-personal__copy h2{
  max-width:760px;
  font-size:clamp(35px,3.8vw,54px);
}
.knokke-personal__signals{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  margin:28px 0 30px;
  border-top:1px solid rgba(16,38,51,.13);
  border-bottom:1px solid rgba(16,38,51,.13);
}
.knokke-personal__signals span{
  padding:18px 20px 18px 0;
  color:rgba(16,38,51,.6);
  font-size:12px;
  line-height:1.5;
}
.knokke-personal__signals span+span{
  padding-left:20px;
  border-left:1px solid rgba(16,38,51,.13);
}
.knokke-personal__signals strong{
  display:block;
  margin-bottom:3px;
  color:var(--pw-sea-dark);
  font-size:13px;
}
.knokke-personal__actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.knokke-personal__link{
  color:var(--pw-ink);
  text-decoration:none;
  border-bottom:1px solid rgba(16,38,51,.32);
  padding-bottom:4px;
  font-size:14px;
}

.knokke-services--compact{padding-top:92px;padding-bottom:0}
.knokke-services--compact .knokke-services__head{margin-bottom:40px}
.knokke-services--compact .knokke-service-card,
.knokke-services--compact .knokke-service-card:first-child{
  grid-column:span 6;
  min-height:225px;
}
.knokke-services--compact .knokke-service-card h3,
.knokke-services--compact .knokke-service-card:first-child h3{
  margin-top:38px;
  font-size:clamp(25px,2.5vw,34px);
}
.knokke-services--compact .knokke-service-card:nth-child(3){
  background:linear-gradient(145deg,rgba(220,233,230,.92),rgba(255,255,255,.62));
}
.knokke-services--compact .knokke-service-card:nth-child(4){
  background:linear-gradient(145deg,rgba(247,232,222,.86),rgba(255,255,255,.64));
}

.knokke-scan{
  padding:58px 24px 102px;
  background:linear-gradient(135deg,#e7ddd0 0%,#f6f0e6 42%,#dce9e6 100%);
}
.knokke-scan__inner{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);
  gap:70px;
  align-items:center;
  overflow:hidden;
  padding:52px 58px;
  color:#fff;
  background:linear-gradient(122deg,#0d2835 0%,#16424b 58%,#326c68 100%);
  box-shadow:0 28px 75px rgba(16,38,51,.18);
}
.knokke-scan__inner:before{
  content:"";
  position:absolute;
  right:-90px;
  top:-150px;
  width:420px;
  height:420px;
  border-radius:50%;
  border:1px solid rgba(224,199,130,.22);
  box-shadow:0 0 0 60px rgba(224,199,130,.035),0 0 0 120px rgba(79,133,128,.06);
}
.knokke-scan__copy,.knokke-scan__action{position:relative;z-index:1}
.knokke-scan .eyebrow{color:#e0c782}
.knokke-scan h2{
  margin:11px 0 17px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(35px,4vw,54px);
  font-weight:400;
  line-height:1.04;
  letter-spacing:-.043em;
}
.knokke-scan__copy>p:last-child{
  max-width:680px;
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.7;
}
.knokke-scan__action{
  padding:28px;
  background:rgba(255,255,255,.09);
  border:1px solid rgba(255,255,255,.17);
  backdrop-filter:blur(10px);
}
.knokke-scan__action ul{list-style:none;margin:0 0 24px;padding:0}
.knokke-scan__action li{
  position:relative;
  padding:10px 0 10px 24px;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.8);
  font-size:14px;
}
.knokke-scan__action li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:#e0c782;
}
.knokke-scan__action .button{width:100%;text-align:center}
.knokke-scan__note{margin:12px 0 0;text-align:center;color:rgba(255,255,255,.53);font-size:11px}

.knokke-process{padding-top:92px;padding-bottom:92px}
.knokke-process__steps article{grid-template-columns:54px 170px 1fr}

.knokke-projects{padding-top:94px;padding-bottom:94px}
.knokke-project__copy{min-height:238px}
.knokke-project__summary{margin:0 0 20px!important}
.knokke-project__outcome{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:auto;
  padding-top:16px;
  border-top:1px solid rgba(16,38,51,.11);
}
.knokke-project__outcome span{
  padding:7px 9px;
  color:rgba(16,38,51,.65);
  background:rgba(255,255,255,.55);
  border:1px solid rgba(16,38,51,.1);
  font-size:10px;
  font-weight:650;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.knokke-project__copy{display:flex;flex-direction:column}

.knokke-local__link{
  display:inline-block;
  margin-top:24px;
  color:var(--pw-sea-dark);
  text-decoration:none;
  border-bottom:1px solid rgba(79,133,128,.4);
  padding-bottom:4px;
  font-size:14px;
}
.knokke-local__link:hover{color:var(--pw-ink);border-color:var(--pw-coral)}

@media(max-width:980px){
  .knokke-trust__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .knokke-trust article:nth-child(3){border-left:1px solid rgba(16,38,51,.1)}
  .knokke-trust article:nth-child(-n+2){border-bottom:1px solid rgba(16,38,51,.1)}
  .knokke-personal--early .knokke-personal__inner{grid-template-columns:250px 1fr;gap:38px;padding:22px 34px 22px 22px}
  .knokke-personal__signals{grid-template-columns:1fr}
  .knokke-personal__signals span{padding:12px 0}
  .knokke-personal__signals span+span{padding-left:0;border-left:0;border-top:1px solid rgba(16,38,51,.1)}
  .knokke-scan__inner{grid-template-columns:1fr;gap:32px;padding:46px}
}

@media(max-width:680px){
  .knokke-trust__inner{grid-template-columns:1fr;padding:0 18px}
  .knokke-trust article,.knokke-trust article:first-child,.knokke-trust article:nth-child(3){min-height:0;padding:22px 0;border-left:0;border-right:0;border-bottom:1px solid rgba(16,38,51,.1)}
  .knokke-trust article:before{left:0}
  .knokke-intro{padding-top:68px;padding-bottom:68px}
  .knokke-personal--early{padding:68px 18px}
  .knokke-personal--early .knokke-personal__inner{grid-template-columns:1fr;padding:18px;gap:34px}
  .knokke-personal--early .knokke-personal__portrait{max-width:none}
  .knokke-personal__actions{display:grid;align-items:stretch}
  .knokke-personal__actions .button{text-align:center}
  .knokke-personal__link{text-align:center;border:0}
  .knokke-services--compact{padding-top:72px}
  .knokke-services--compact .knokke-service-card,
  .knokke-services--compact .knokke-service-card:first-child{grid-column:auto;min-height:210px}
  .knokke-scan{padding:38px 18px 72px}
  .knokke-scan__inner{padding:34px 24px}
  .knokke-scan__action{padding:22px 18px}
  .knokke-process{padding-top:72px;padding-bottom:72px}
  .knokke-process__steps article{grid-template-columns:40px 1fr}
  .knokke-project__copy{min-height:0}
}

@media(prefers-reduced-motion:reduce){
  .knokke-scan__inner:before{display:none}
}