.owner-story{position:relative;padding:120px 0;overflow:hidden;background:linear-gradient(135deg,#0a1421,#050b13)}.owner-story:before{content:"J";position:absolute;right:4%;top:-18%;color:rgba(216,174,87,.055);font-family:"Cormorant Garamond",serif;font-size:min(70vw,760px);line-height:1}.owner-grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.owner-mark{position:relative;min-height:560px;display:grid;place-items:center}.owner-mark:before,.owner-mark:after{content:"";position:absolute;border:1px solid rgba(216,174,87,.28);inset:8%;border-radius:48% 52% 45% 55%;transform:rotate(11deg)}.owner-mark:after{inset:18%;border-color:rgba(142,212,207,.22);transform:rotate(-17deg)}.owner-monogram{position:relative;z-index:2;width:260px;aspect-ratio:.78;display:grid;place-items:center;border:1px solid rgba(216,174,87,.48);background:linear-gradient(145deg,rgba(245,233,208,.14),rgba(255,255,255,.025));box-shadow:0 35px 100px rgba(0,0,0,.42);font-family:"Cormorant Garamond",serif;font-size:112px;color:#e8c878}.owner-monogram small{position:absolute;bottom:23px;font-family:Inter,sans-serif;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#bac3ce}.owner-copy .section-title{max-width:720px}.owner-copy .owner-lead{color:#d8dee5;font-family:"Cormorant Garamond",serif;font-size:clamp(25px,3vw,38px);line-height:1.15}.owner-copy p{max-width:680px;color:#bac3ce}.owner-principles{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.owner-principles span{padding:8px 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;color:#d4dbe2;font-size:12px;font-weight:800}
.page-story{position:relative;height:320vh;background:#050b13}.page-story-stage{position:sticky;top:0;height:100svh;display:grid;align-items:center;overflow:hidden;isolation:isolate}.page-story-stage:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 25% 50%,var(--story-glow,rgba(216,174,87,.15)),transparent 28%),linear-gradient(135deg,#050b13,#0a1523)}.page-story-stage:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.1) 50%,transparent 50.1%)}.page-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.page-story-title .eyebrow{margin-bottom:24px}.page-story-title h2{font-family:"Cormorant Garamond",serif;font-size:clamp(50px,6vw,88px);line-height:.86;margin:0}.page-story-title p{max-width:470px;color:#bac3ce;font-size:17px}.page-story-scenes{position:relative;min-height:490px}.page-scene{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:48px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.045);opacity:0;visibility:hidden;transform:translateY(30px) rotateX(4deg);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:0 30px 100px rgba(0,0,0,.38)}.page-scene.active{opacity:1;visibility:visible;transform:none}.page-scene .number{color:#d8ae57;font-size:12px;font-weight:900;letter-spacing:.16em}.page-scene h3{font-family:"Cormorant Garamond",serif;font-size:clamp(44px,5vw,68px);line-height:.9;margin:18px 0}.page-scene p{color:#c0c8d0;font-size:17px}.page-scene a{align-self:flex-start;margin-top:16px}.page-story-progress{display:flex;gap:8px;margin-top:28px}.page-story-progress i{display:block;width:40px;height:3px;background:rgba(255,255,255,.13);transition:.3s}.page-story-progress i.active{width:82px;background:#d8ae57}
.story-growth{--story-glow:rgba(142,212,207,.16)}.story-magazine{--story-glow:rgba(216,174,87,.2)}.story-network{--story-glow:rgba(111,151,214,.17)}.story-web{--story-glow:rgba(142,212,207,.18)}.story-crm{--story-glow:rgba(216,174,87,.16)}
@media(max-width:900px){.owner-grid{grid-template-columns:1fr}.owner-mark{min-height:390px}.owner-monogram{width:210px}.page-story-layout{grid-template-columns:1fr;gap:34px}.page-story-title h2{font-size:clamp(44px,8vw,66px)}.page-story-scenes{min-height:430px}}
@media(max-width:700px){.owner-story{padding:82px 0}.owner-mark{min-height:310px}.owner-monogram{width:170px;font-size:82px}.page-story{height:auto}.page-story-stage{position:relative;height:auto;padding:86px 0}.page-story-stage:after{display:none}.page-story-scenes{min-height:auto}.page-scene{position:relative;inset:auto;opacity:1;visibility:visible;transform:none;margin-top:16px;padding:28px}.page-scene h3{font-size:42px}.page-story-progress{display:none}}
@media(prefers-reduced-motion:reduce){.page-scene{transition:none!important}}
.crm-command-story{position:relative;height:500vh;background:#040a12}.crm-command-stage{position:sticky;top:0;height:100svh;display:grid;align-items:center;overflow:hidden;isolation:isolate}.crm-command-stage:before{content:"";position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 63% 45%,rgba(142,212,207,.12),transparent 30%),linear-gradient(135deg,#040a12,#0b1725)}.crm-command-stage:after{content:"";position:absolute;inset:0;z-index:-2;opacity:.16;background-image:linear-gradient(rgba(142,212,207,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(142,212,207,.12) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at 65% 50%,#000,transparent 65%)}.crm-command-grid{display:grid;grid-template-columns:.62fr 1.38fr;gap:54px;align-items:center}.crm-command-copy{position:relative;min-height:600px}.crm-command-copy>h2{font-family:"Cormorant Garamond",serif;font-size:clamp(48px,5.5vw,76px);line-height:.87;margin:0 0 20px}.crm-command-copy>.section-copy{font-size:16px}.crm-command-scenes{position:absolute;inset:260px 0 58px}.crm-command-scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(24px);transition:opacity .32s ease,transform .45s ease}.crm-command-scene.active{opacity:1;visibility:visible;transform:none}.crm-command-scene small{color:#8ed4cf;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.crm-command-scene h3{font-family:"Cormorant Garamond",serif;font-size:clamp(38px,4vw,55px);line-height:.94;margin:12px 0}.crm-command-scene p{max-width:430px;color:#bac3ce}.crm-command-progress{position:absolute;bottom:0;display:flex;gap:7px}.crm-command-progress i{width:30px;height:3px;background:rgba(255,255,255,.13);transition:.3s}.crm-command-progress i.active{width:62px;background:#8ed4cf}.crm-screen-stage{position:relative;min-height:650px;display:grid;place-items:center;perspective:1500px}.crm-screen-glow{position:absolute;width:70%;height:50%;border-radius:50%;background:rgba(142,212,207,.12);filter:blur(70px)}.crm-screen{position:absolute;width:min(760px,100%);padding:11px 11px 42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));box-shadow:0 40px 110px rgba(0,0,0,.55);opacity:0;visibility:hidden;transform:translateX(50px) rotateY(-7deg) scale(.96);transition:opacity .42s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.crm-screen.active{opacity:1;visibility:visible;transform:translateX(0) rotateY(-3deg) scale(1)}.crm-screen img{display:block;width:100%;max-height:530px;object-fit:contain;border-radius:7px;background:#eef1f4}.crm-screen span{position:absolute;left:16px;bottom:12px;color:#dce5eb;font-size:11px;font-weight:900;letter-spacing:.08em}.crm-screen:before{content:"";position:absolute;top:18px;left:22px;width:7px;height:7px;border-radius:50%;background:#d8ae57;box-shadow:14px 0 #8ed4cf,28px 0 rgba(255,255,255,.35)}.crm-screen-nav{position:absolute;right:0;bottom:10px;display:flex;gap:8px}.crm-screen-nav button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.22);cursor:pointer}.crm-screen-nav button.active{background:#8ed4cf;box-shadow:0 0 14px rgba(142,212,207,.8)}.crm-depth-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px}.crm-depth-card{padding:22px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.04)}.crm-depth-card h3{font-size:18px}.crm-depth-card p{color:#bac3ce;font-size:13px}
@media(max-width:980px){.crm-command-grid{grid-template-columns:1fr}.crm-command-copy{min-height:500px}.crm-command-scenes{inset:220px 0 50px}.crm-screen-stage{min-height:480px}.crm-screen{width:min(680px,94%)}.crm-screen img{max-height:390px}}
@media(max-width:700px){.crm-command-story{height:auto}.crm-command-stage{position:relative;height:auto;padding:85px 0}.crm-command-grid{display:block}.crm-command-copy{min-height:auto}.crm-command-scenes{position:relative;inset:auto}.crm-command-scene{position:relative;opacity:1;visibility:visible;transform:none;margin-top:22px;padding:20px;border-left:1px solid rgba(142,212,207,.45)}.crm-command-progress,.crm-screen-nav{display:none}.crm-screen-stage{display:none}.crm-depth-grid{grid-template-columns:1fr}}

/* CRM showcase: exactly one text slide and one matching dashboard at every phase. */
.crm-command-scenes,.crm-screen-stage{isolation:isolate}
.crm-command-scene,.crm-screen{opacity:0;visibility:hidden;pointer-events:none;z-index:0}
.crm-command-scene.active,.crm-screen.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.crm-command-scene{transition:opacity .24s ease,transform .34s cubic-bezier(.2,.8,.2,1)}
.crm-screen{transition:opacity .28s ease,transform .42s cubic-bezier(.2,.8,.2,1)}

@media(max-width:700px){
  .crm-command-story{height:500svh}
  .crm-command-stage{position:sticky;top:0;height:100svh;padding:44px 0 10px}
  .crm-command-grid{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1.6fr) minmax(190px,1fr);gap:8px;height:100%}
  .crm-command-copy{display:grid;grid-template-rows:auto auto auto minmax(150px,1fr) auto;min-height:0}
  .crm-command-copy>h2{margin-bottom:8px;font-size:clamp(34px,9.5vw,43px);line-height:.9}
  .crm-command-copy>.eyebrow{margin-bottom:8px}
  .crm-command-copy>.section-copy{margin:0;font-size:13px;line-height:1.4}
  .crm-command-scenes{position:relative;inset:auto;min-height:150px;margin-top:8px}
  .crm-command-scene{position:absolute;inset:0;margin:0;padding:10px 0 0;border:0;transform:translateY(14px)}
  .crm-command-scene.active{transform:none}
  .crm-command-scene h3{margin:7px 0;font-size:clamp(27px,8vw,34px);line-height:.94}
  .crm-command-scene p{margin:0;font-size:13px;line-height:1.42}
  .crm-command-progress{position:relative;bottom:auto;display:flex;margin-top:6px}
  .crm-screen-stage{display:grid;min-height:190px}
  .crm-screen{width:min(100%,430px);padding:7px 7px 32px;transform:translateY(14px) scale(.98)}
  .crm-screen.active{transform:none}
  .crm-screen img{max-height:190px}
  .crm-screen-nav{display:none}
  .crm-depth-grid{grid-template-columns:1fr}
}

/* Herbruikbare groeicirkel-hero voor inhoudelijke subpagina's. De bestaande
   paginacopy blijft de primaire laag; de cirkel vormt de interactieve achtergrond. */
body.growth-circle-page .v3-hero{
  position:relative;
  min-height:clamp(650px,78svh,790px);
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 38%,rgba(216,174,87,.12),transparent 29%),
    linear-gradient(135deg,#07101b,#0b1522 58%,#050b13);
}
body.growth-circle-page .v3-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,#07101b 0%,rgba(7,16,27,.98) 34%,rgba(7,16,27,.82) 52%,rgba(7,16,27,.18) 82%,transparent 100%);
}
body.growth-circle-page .v3-hero .hero-grid{
  position:relative;
  display:block;
  width:min(1600px,calc(100% - 32px));
  max-width:none;
  margin-inline:auto;
}
body.growth-circle-page .v3-hero .hero-grid>div:first-child{position:relative;z-index:3;max-width:min(720px,49%)}
body.growth-circle-page .home-circle-visual{
  position:absolute;
  z-index:1;
  top:50%;
  right:-16px;
  display:block!important;
  width:min(720px,48vw);
  min-height:0;
  aspect-ratio:1;
  margin:0;
  opacity:.82;
  overflow:visible;
  transform:translateY(-50%);
  filter:drop-shadow(0 32px 70px rgba(0,0,0,.42));
  pointer-events:auto;
}
body.growth-circle-page .home-circle-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.growth-circle-page .home-circle-ring,
body.growth-circle-page .home-circle-spoke{fill:none;vector-effect:non-scaling-stroke}
body.growth-circle-page .home-circle-ring{stroke:rgba(216,174,87,.10);stroke-width:1}
body.growth-circle-page .home-circle-ring.ring-1{stroke:rgba(216,174,87,.44);stroke-width:1.5}
body.growth-circle-page .home-circle-ring.ring-3{stroke:rgba(142,212,207,.08)}
body.growth-circle-page .home-circle-spoke{stroke:rgba(216,174,87,.26);stroke-width:1.2}
body.growth-circle-page .home-circle-dot{fill:#d8ae57;opacity:.72}
body.growth-circle-page .home-circle-core{
  position:absolute;
  z-index:2;
  left:50%;
  top:50%;
  width:34%;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(216,174,87,.62);
  border-radius:50%;
  background:radial-gradient(circle at 50% 36%,#0c1728,#050a12 74%);
  box-shadow:0 0 74px rgba(216,174,87,.11),inset 0 0 42px rgba(216,174,87,.05);
  transform:translate(-50%,-50%);
}
body.growth-circle-page .home-circle-core img{width:88%;height:88%;object-fit:contain;mix-blend-mode:lighten;transform:translateY(-5%)}
body.growth-circle-page .home-circle-node{
  position:absolute;
  z-index:3;
  left:var(--node-x);
  top:var(--node-y);
  display:grid;
  justify-items:center;
  width:19%;
  gap:6px;
  text-align:center;
  transform:translate(-50%,-50%);
  pointer-events:auto;
  transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease;
}
body.growth-circle-page .home-circle-node img{width:min(62px,5vw);height:min(62px,5vw);object-fit:contain;border-radius:50%;opacity:.82;filter:drop-shadow(0 10px 20px rgba(0,0,0,.42));transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease,opacity .42s ease}
body.growth-circle-page .home-circle-copy{display:grid;gap:4px;width:100%;color:#efe8d8;line-height:1.2;text-align:center;text-shadow:0 2px 12px #050b13;opacity:.68;transition:opacity .42s ease,transform .42s cubic-bezier(.22,1,.36,1)}
body.growth-circle-page .home-circle-copy strong{font-size:clamp(8px,.76vw,11px);font-weight:900;letter-spacing:.055em;text-transform:uppercase}
body.growth-circle-page .home-circle-copy small{display:block;color:#8f99a8;font-size:clamp(7px,.64vw,9.5px);font-weight:500;line-height:1.38;text-transform:none}
body.growth-circle-page .home-circle-node.is-active{z-index:12;transform:translate(-50%,-50%) translateY(-8px) scale(1.09)}
body.growth-circle-page .home-circle-node.is-active img{opacity:1;filter:drop-shadow(0 0 20px rgba(216,174,87,.7))}
body.growth-circle-page .home-circle-node.is-active .home-circle-copy{opacity:1}
@media(hover:hover) and (pointer:fine){
  body.growth-circle-page .home-circle-node:hover{z-index:12;transform:translate(-50%,-50%) translateY(-9px) scale(1.11);filter:drop-shadow(0 18px 34px rgba(0,0,0,.48))}
  body.growth-circle-page .home-circle-node:hover img{opacity:1;transform:translateY(-4px) scale(1.12);filter:drop-shadow(0 0 2px rgba(255,255,255,.85)) drop-shadow(0 0 23px rgba(216,174,87,.72)) drop-shadow(0 16px 24px rgba(0,0,0,.5))}
  body.growth-circle-page .home-circle-node:hover .home-circle-copy{opacity:1;transform:translateY(2px)}
}
@media(max-width:1040px){
  body.growth-circle-page .home-circle-visual{right:-12vw;width:min(660px,56vw);opacity:.55}
  body.growth-circle-page .v3-hero::before{background:linear-gradient(90deg,#07101b 0%,rgba(7,16,27,.97) 55%,rgba(7,16,27,.5) 100%)}
}
@media(max-width:700px){
  body.growth-circle-page .v3-hero{min-height:auto;padding-bottom:86px}
  body.growth-circle-page .v3-hero .hero-grid>div:first-child{max-width:100%}
  body.growth-circle-page .v3-hero::before{background:linear-gradient(180deg,rgba(7,16,27,.96) 0%,rgba(7,16,27,.9) 64%,rgba(7,16,27,.52) 100%)}
  body.growth-circle-page .home-circle-visual{top:66%;right:-350px;width:560px;opacity:.3}
  body.growth-circle-page .home-circle-node{width:24%}
  body.growth-circle-page .home-circle-node img{width:48px;height:48px}
  body.growth-circle-page .home-circle-copy{opacity:0}
}
@media(prefers-reduced-motion:reduce){
  body.growth-circle-page .home-circle-node,
  body.growth-circle-page .home-circle-node img,
  body.growth-circle-page .home-circle-copy{transition:none!important}
}

@media(prefers-reduced-motion:reduce){
  .crm-command-scene,.crm-screen{transition:none!important}
}

/* Compacte homepage op mobiel: routes swipen, persoonlijke inhoud voorop. */
@media(max-width:700px){
  .home-compact #oplossingen .solution-grid{
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:88vw;
    gap:14px;
    width:calc(100vw - 20px);
    max-width:none;
    overflow-x:auto;
    padding:4px 20px 18px 0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .home-compact #oplossingen .solution-grid::-webkit-scrollbar{display:none}
  .home-compact #oplossingen .solution-card{min-height:540px;scroll-snap-align:start}
  .home-compact .owner-story{padding:68px 0}
  .home-compact .owner-mark{display:none}
  .home-compact .owner-grid{gap:0}
}