/* Quiet depth outside the introduction; distinct frames for the three services. */
body.edition-two .page-stars{
 opacity:1;
 background:
  radial-gradient(ellipse at 0% 24%,rgba(43,106,80,.16),transparent 46%),
  radial-gradient(ellipse at 100% 62%,rgba(85,109,128,.13),transparent 45%),
  radial-gradient(ellipse at 12% 100%,rgba(149,94,47,.065),transparent 36%);
}

/* Borders remain visible around the complete service, including expanded tools. */
body.edition-two #website{--chapter-accent:174,207,194;--chapter-wash:29,53,43}
body.edition-two #buddy{--chapter-accent:235,178,114;--chapter-wash:60,43,25}
body.edition-two #projecten{--chapter-accent:179,199,218;--chapter-wash:34,45,61}
body.edition-two section.service-chapter{
 padding-block:clamp(28px,4vw,60px);
 border-top:0;
 scroll-margin-top:88px;
}
body.edition-two .service-chapter>.container{
 position:relative;
 width:calc(100% - clamp(32px,6vw,112px));
 max-width:1440px;
 margin-inline:auto;
 padding:clamp(42px,6vw,88px) clamp(24px,5vw,76px);
 border:1px solid rgba(var(--chapter-accent),.32);
 border-radius:24px;
 background:
  radial-gradient(ellipse 750px 460px at 100% 0%,rgba(var(--chapter-wash),.54),transparent 82%),
  linear-gradient(155deg,rgba(14,19,19,.97),rgba(7,11,12,.95) 50%,rgba(10,15,15,.96));
 box-shadow:0 24px 72px #0005,0 1px 0 #ffffff0a inset;
}
body.edition-two .service-chapter>.container::before{
 content:'';
 position:absolute;
 top:-1px;
 left:clamp(24px,5vw,76px);
 width:clamp(64px,9vw,128px);
 height:2px;
 background:rgb(var(--chapter-accent));
 border-radius:2px;
 pointer-events:none;
}
body.edition-two .service-chapter>.container>.sec-head{
 margin-bottom:40px;
 padding-bottom:34px;
 border-bottom:1px solid rgba(var(--chapter-accent),.18);
}
body.edition-two .service-chapter .section-index{
 font-size:.875rem;
 color:rgb(var(--chapter-accent));
 letter-spacing:.1em;
 margin-bottom:25px;
}
body.edition-two .service-chapter .section-index::before{display:none}

/* Independent card layout avoids inherited full-width package buttons. */
body.edition-two #diensten .service-previews{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch;
}
body.edition-two #diensten .service-preview{
 --service-accent:174,207,194;--service-tint:28,48,38;
 position:relative;display:flex;flex-direction:column;min-width:0;
 padding:clamp(26px,2.4vw,38px);border:1px solid rgba(var(--service-accent),.29);border-radius:20px;
 background:radial-gradient(ellipse at 0 0,rgba(var(--service-tint),.8),transparent 70%),#0a0f10;
 box-shadow:0 18px 45px #0003,0 1px 0 #ffffff0a inset;
 transition:border-color .25s,box-shadow .25s;
}
body.edition-two #diensten .service-preview:nth-child(2){--service-accent:235,178,114;--service-tint:51,37,23}
body.edition-two #diensten .service-preview:nth-child(3){--service-accent:179,199,218;--service-tint:30,40,54}
body.edition-two #diensten .service-preview:hover,
body.edition-two #diensten .service-preview:focus-within{border-color:rgba(var(--service-accent),.65);box-shadow:0 22px 50px #0005,0 1px 0 #ffffff12 inset}
body.edition-two #diensten .service-preview-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}
body.edition-two #diensten .service-preview-icon{
 display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:14px;
 color:rgb(var(--service-accent));border:1px solid rgba(var(--service-accent),.3);
 background:linear-gradient(135deg,rgba(var(--service-accent),.13),rgba(var(--service-accent),.015));
 box-shadow:0 1px 0 #ffffff10 inset;
}
body.edition-two #diensten .service-preview-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
body.edition-two #diensten .service-preview-number{font-size:.875rem;letter-spacing:.12em;color:rgba(var(--service-accent),.7);font-variant-numeric:tabular-nums}
body.edition-two #diensten .service-preview-label{font-size:.8125rem;color:rgb(var(--service-accent));letter-spacing:.045em;margin-bottom:12px}
body.edition-two #diensten .service-preview h3{font-size:clamp(1.9rem,2.35vw,2.65rem);font-weight:500;line-height:1.1;letter-spacing:-.05em;min-height:2.2em;margin:0 0 22px;color:#f0f3ed;text-wrap:balance}
body.edition-two #diensten .service-preview>p{font-size:1rem;line-height:1.7;color:#b8c4bf;margin:0 0 28px;flex:1}
body.edition-two #diensten .service-preview ul{list-style:none;display:grid;gap:12px;margin:0;padding:24px 0 28px;border-top:1px solid rgba(var(--service-accent),.17)}
body.edition-two #diensten .service-preview li{position:relative;font-size:.875rem;line-height:1.55;color:#c5cfca;padding-left:19px;margin:0}
body.edition-two #diensten .service-preview li::before{content:'';position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:rgb(var(--service-accent));opacity:.75}
body.edition-two #diensten .service-preview-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 16px;margin-top:auto;padding-top:22px;border-top:1px solid rgba(var(--service-accent),.17)}
body.edition-two #diensten .service-preview-details{display:inline-flex;align-items:center;gap:10px;min-height:46px;font-size:.875rem;color:#d9e3de;text-decoration:none}
body.edition-two #diensten .service-preview-details span{color:rgb(var(--service-accent));font-size:1.1rem}
body.edition-two #diensten .service-preview-cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;width:auto;flex:0 0 auto;padding:12px 17px;border:1px solid rgba(var(--service-accent),.45);border-radius:8px;background:rgba(var(--service-accent),.12);color:#f0f4ef;font-size:.875rem;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s,border-color .2s}
body.edition-two #diensten .service-preview-cta:hover{background:rgba(var(--service-accent),.23);border-color:rgb(var(--service-accent))}
body.edition-two #diensten .service-preview-details:hover{color:#fff}
body.edition-two #diensten .service-preview a:focus-visible{outline:2px solid rgb(var(--service-accent));outline-offset:5px}
@media(min-width:701px) and (max-width:1100px){
 body.edition-two #diensten .service-previews{grid-template-columns:1fr}
 body.edition-two #diensten .service-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:38px;padding:32px}
 body.edition-two #diensten .service-preview-top{grid-column:1;grid-row:1;margin-bottom:20px;justify-content:flex-start;gap:18px}
 body.edition-two #diensten .service-preview-label{grid-column:1;grid-row:2}
 body.edition-two #diensten .service-preview h3{grid-column:1;grid-row:3/5;min-height:0;font-size:2.3rem;margin-bottom:24px}
 body.edition-two #diensten .service-preview>p{grid-column:2;grid-row:1/4;margin:0 0 20px}
 body.edition-two #diensten .service-preview ul{grid-column:2;grid-row:4;padding:20px 0 24px}
 body.edition-two #diensten .service-preview-actions{grid-column:1/-1;grid-row:5;justify-content:flex-end;gap:28px}
}
@media(max-width:700px){
 body.edition-two #diensten .service-previews{grid-template-columns:1fr;gap:20px}
 body.edition-two #diensten .service-preview{padding:28px 24px;border-radius:18px}
 body.edition-two #diensten .service-preview-top{margin-bottom:23px}
 body.edition-two #diensten .service-preview h3{min-height:0;font-size:2.1rem;margin-bottom:18px}
 body.edition-two #diensten .service-preview>p{margin-bottom:24px}
 body.edition-two #diensten .service-preview-actions{gap:10px}
 body.edition-two #diensten .service-preview-cta{padding-inline:14px}
}
@media(prefers-reduced-motion:reduce){body.edition-two #diensten .service-preview,body.edition-two #diensten .service-preview a{transition:none}}

/* A stationary canvas and content keep native touch scrolling visually stable. */
@media(pointer:coarse),(max-width:700px){
 body.edition-two .page-stars{bottom:auto;height:100vh;height:100lvh}
 body.edition-two .studio-enter{animation:none}
 body.edition-two section:not(.welcome) :is(.reveal,.reveal-scale){opacity:1;transform:none;filter:none;transition:none}
 body.edition-two header::before{backdrop-filter:none;-webkit-backdrop-filter:none;background:#070c0bf5}
 body.edition-two .service-chapter>.container{box-shadow:0 1px 0 #ffffff0a inset}
 body.edition-two #diensten .service-preview{box-shadow:0 1px 0 #ffffff0a inset}
}

@media(max-width:600px){
 body.edition-two section.service-chapter{padding-block:22px;scroll-margin-top:74px}
 body.edition-two .service-chapter>.container{width:calc(100% - 24px);padding:36px 22px;border-radius:18px}
 body.edition-two .service-chapter>.container::before{left:22px;width:64px}
 body.edition-two .service-chapter>.container>.sec-head{padding-bottom:26px;margin-bottom:30px}
 body.edition-two .service-chapter .section-index{font-size:.8125rem;letter-spacing:.065em;margin-bottom:21px}
}