/* Maaiveldt etalage v1: beeld als eerste inhoudslaag, data vanuit Beheer */
.mv-showcase .hero{padding:52px 0 18px}
.mv-showcase .hero h1{font-size:clamp(2rem,4vw,4.2rem);max-width:920px;margin:8px 0 15px;line-height:1.07}
.mv-showcase .hero-copy{font-size:clamp(1rem,1.7vw,1.2rem);max-width:800px}
.mv-showcase .section{padding:48px 0}
.mv-showcase .section-heading{margin-bottom:23px}
.mv-showcase .section-heading h2{font-size:clamp(1.6rem,3vw,2.6rem)}
.mv-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.mv-product-grid a{text-decoration:none}
.mv-product-tile{display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #dce4e7;border-radius:18px;background:#fff;min-height:265px;transition:transform .16s,border-color .16s;box-shadow:0 10px 40px rgba(22,45,54,.045)}
.mv-product-tile:hover{transform:translateY(-3px);border-color:#afc1c8}
.mv-product-tile .mv-tile-content{padding:22px 26px 25px;flex:1;display:flex;flex-direction:column;align-items:flex-start}
.mv-product-tile h3{font-size:clamp(1.65rem,2.8vw,2.3rem);letter-spacing:-.045em;line-height:1.15;margin:5px 0}
.mv-product-tile p{color:#526572;font-size:.99rem;margin:6px 0 20px}
.mv-product-tile .text-link{margin-top:auto}
.mv-family{font-size:.73rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--mv-product-color)}
.mv-product-tile[data-family="atelier"]{--mv-product-color:var(--mv-atelier)}
.mv-product-tile[data-family="studio"]{--mv-product-color:var(--mv-studio)}
.mv-product-tile[data-family="werkplaats"]{--mv-product-color:var(--mv-werkplaats)}
.mv-product-tile[data-family="beslismodel"]{--mv-product-color:var(--mv-beslismodel)}
.mv-product-tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--mv-product-color)}
.mv-product-tile.is-text{justify-content:center;background:linear-gradient(155deg,#fff,#f6f9f9)}
.mv-product-tile.is-text .mv-tile-content{padding:38px 34px}
.mv-product-tile.is-text p{max-width:370px}
.mv-tile-visual{width:100%;aspect-ratio:17/9;position:relative;background:repeating-linear-gradient(0deg,transparent,transparent 34px,rgba(90,122,131,.08) 35px),repeating-linear-gradient(90deg,transparent,transparent 34px,rgba(90,122,131,.08) 35px),linear-gradient(132deg,#edf5f2,#e8f0f4)}
.mv-tile-visual::after{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at 35% 140%,transparent 37%,rgba(60,111,130,.11) 38%,transparent 39%,transparent 55%,rgba(60,111,130,.10) 56%,transparent 57%)}
.mv-tile-visual img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}
.mv-tile-visual img[hidden]{display:none}
.mv-placeholder{font-size:.78rem;color:#6f8b92;position:absolute;bottom:18px;left:20px;right:20px;max-width:240px;z-index:1;font-weight:600}
.mv-tile-visual:has(img:not([hidden])) .mv-placeholder{display:none}
.mv-home-links{border-top:1px solid var(--mv-border);padding:48px 0 76px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mv-home-links a{display:block;padding:24px;border:1px solid var(--mv-border);border-radius:14px;text-decoration:none}
.mv-home-links h2{font-size:1.4rem;letter-spacing:-.025em;margin:0 0 9px}
.mv-home-links p{color:var(--mv-text-secondary);margin:0}
.mv-showcase .product-hero{padding:48px 0 28px}
.mv-showcase .product-hero h1{font-size:clamp(2.4rem,5vw,4.5rem);line-height:1.02;margin:8px 0 19px}
.mv-showcase .product-hero .hero-kicker{font-size:1.14rem}
.mv-showcase .product-overview{padding:65px 0}
.mv-showcase .application-section{padding:70px 0}
.mv-gallery{padding-top:12px;padding-bottom:25px}
.mv-gallery-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.mv-gallery-head h2{font-size:1.35rem;margin:0;letter-spacing:-.03em}
.mv-gallery-stage{position:relative;overflow:hidden;background:linear-gradient(140deg,#edf3f4,#f9fbfc);border:1px solid #dbe5e9;border-radius:16px}
.mv-gallery-frame{aspect-ratio:16/8;min-height:230px;margin:0;display:flex;flex-direction:column;position:relative}
.mv-gallery-frame[hidden]{display:none}
.mv-gallery-frame img{width:100%;height:100%;object-fit:contain;min-height:0;flex:1}
.mv-gallery-frame figcaption{font-size:.84rem;color:#526572;padding:8px 14px;background:#f5f8f9;border-top:1px solid #e0e8eb}
.mv-gallery-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:repeating-linear-gradient(0deg,transparent,transparent 35px,rgba(50,94,113,.07) 36px),repeating-linear-gradient(90deg,transparent,transparent 35px,rgba(50,94,113,.07) 36px)}
.mv-gallery-empty span{color:#5d7781;max-width:380px;font-size:1.06rem}
.mv-gallery-controls{display:flex;align-items:center;gap:8px}
.mv-gallery-controls button{border:1px solid #cbd8dd;border-radius:9px;background:#fff;padding:7px 12px;cursor:pointer;min-height:36px}
.mv-gallery-controls button:disabled{opacity:.35;cursor:default}
.mv-gallery-count{font-size:.85rem;min-width:50px;text-align:center;color:var(--mv-text-secondary)}
.mv-showcase .structure-map{display:none}
.mv-showcase.has-structure-rail .site-workspace-frame{margin-right:var(--mv-website-frame-gap)}
.mv-showcase .product-hero.has-structure-map>:not(.structure-map),
.mv-showcase .hero.has-structure-map>:not(.structure-map){max-width:100%}
.mv-showcase .site-nav{gap:clamp(9px,2vw,26px)}
.mv-showcase .site-nav a{font-size:.88rem}
@media(max-width:760px){.mv-product-grid,.mv-home-links{grid-template-columns:1fr}.mv-product-tile.is-text{min-height:220px}.mv-product-tile.is-text .mv-tile-content{padding:28px}.mv-showcase .product-hero{padding-top:30px}.mv-gallery-frame{aspect-ratio:4/3;min-height:180px}}
@media(max-width:480px){.mv-gallery-head{align-items:flex-start}.mv-showcase .site-header{gap:7px;flex-wrap:wrap}.mv-showcase .site-nav{gap:12px;overflow-x:auto}.mv-product-tile .mv-tile-content{padding:20px}.mv-gallery-frame{aspect-ratio:1.2}}
@media(prefers-reduced-motion:reduce){.mv-product-tile{transition:none}}

/* Redactionele pagina's onder Over Maaiveldt en Contact */
.mv-prose{max-width:840px;margin:0 auto;color:var(--mv-text-secondary);font-size:1.075rem;line-height:1.8}
.mv-prose h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.2;color:var(--mv-text-primary);letter-spacing:-.035em;margin:38px 0 12px}
.mv-prose h2:first-child{margin-top:0}
.mv-prose a{color:#174f67}
.mv-prose .button-primary{color:#fff}
.mv-about-grid,.mv-partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mv-about-card,.mv-partners>div{border:1px solid var(--mv-border);border-radius:16px;padding:26px;background:linear-gradient(140deg,#fff,#f7faf9)}
.mv-about-card{text-decoration:none}
.mv-about-card h2{font-size:clamp(1.5rem,3vw,2.4rem);margin:16px 0;color:var(--mv-text-primary);letter-spacing:-.025em}
.mv-about-card p,.mv-partners p{color:var(--mv-text-secondary)}
.mv-partners{margin:34px 0}
.mv-partners h3{color:var(--mv-text-primary)}
@media(max-width:720px){.mv-about-grid,.mv-partners{grid-template-columns:1fr}}


/* Producthero: zelfstandige beheerpositie, geen afhankelijkheid van de slider.
   Breed over vrijwel de volledige websiteframe; tekst blijft inhoudsbreed. */
.mv-showcase .product-hero.mv-image-hero {
  isolation:isolate;position:relative;overflow:hidden;
  min-height:clamp(430px,36vw,600px);width:calc(100% - 36px);max-width:none;
  display:flex;flex-direction:column;justify-content:flex-end;
  margin:18px auto 0;padding:clamp(32px,5vw,86px);
  border:0;border-radius:20px;
  background:linear-gradient(128deg,#173e54 0%,#1a7087 60%,#64a3a6 140%);
}
.mv-image-hero--atelier{background:linear-gradient(128deg,#173e54,#1a7087 115%)!important}
.mv-image-hero--studio{background:linear-gradient(122deg,#113a39,#1b867c 115%)!important}
.mv-image-hero--werkplaats{background:linear-gradient(122deg,#3f3027,#936537 115%)!important}
.mv-image-hero--beslismodel{background:linear-gradient(122deg,#272d4d,#655098 115%)!important}
.mv-product-hero-image{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.mv-image-hero::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(5,18,28,.88),rgba(5,18,28,.54) 65%,rgba(5,18,28,.15)),
    linear-gradient(0deg,rgba(5,18,28,.32),transparent 65%)}
.mv-showcase .product-hero.mv-image-hero h1,
html[data-mv-heading-color] .mv-showcase .product-hero.mv-image-hero h1{color:#fff;max-width:920px;font-size:clamp(2.1rem,4.7vw,4.25rem)}
.mv-image-hero .breadcrumbs,.mv-image-hero .breadcrumbs a,
.mv-image-hero .product-label,.mv-image-hero .hero-kicker,
html[data-mv-intro-color] .mv-image-hero .hero-kicker {color:#fff}
.mv-image-hero .hero-kicker{max-width:700px;line-height:1.5;text-wrap:pretty}
.mv-image-hero .page-meta{margin:18px 0 0}
.mv-image-hero .meta-chip{border-color:rgba(255,255,255,.42);color:#fff;background:rgba(4,20,31,.26)}
.mv-product-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.mv-hero-action{display:inline-flex;min-height:44px;align-items:center;padding:9px 16px;border-radius:10px;
 background:#fff;color:#173e4d;text-decoration:none;font-weight:750}
.mv-hero-action--secondary{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.75)}
.mv-hero-action:hover{transform:translateY(-2px)}
.mv-home-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mv-home-example{padding:20px;border:1px solid var(--mv-border);border-radius:14px;text-decoration:none;
 background:linear-gradient(140deg,#fff,#f5fafb);display:grid;gap:5px}
.mv-home-example strong{font-size:1.12rem}
.mv-home-example span{font-size:.84rem;color:var(--mv-text-secondary)}
.mv-home-example:hover{border-color:#91b1bf;box-shadow:0 8px 20px #163b4912}
.mv-home-intro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.mv-home-examples{padding-top:25px;padding-bottom:65px}
.mv-access-block{margin:12px auto 35px;padding:32px;border:1px solid var(--mv-border);border-radius:18px;
 background:linear-gradient(120deg,#f4f8f8,#fff);display:flex;align-items:center;gap:26px;justify-content:space-between}
.mv-access-block h2{margin:0 0 8px;font-size:clamp(1.3rem,2.5vw,1.8rem)}
.mv-access-block p{margin:0;max-width:750px;color:var(--mv-text-secondary)}
@media(max-width:760px){
 .mv-showcase .product-hero.mv-image-hero{width:calc(100% - 18px);min-height:450px;margin:9px auto 0;padding:28px 22px}
 .mv-showcase .product-hero.mv-image-hero h1{font-size:clamp(2rem,8vw,3.4rem)}
 .mv-image-hero::before{background:linear-gradient(90deg,rgba(5,18,28,.88),rgba(5,18,28,.50))}
 .mv-home-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mv-access-block{display:grid;padding:24px}
}
@media(max-width:480px){.mv-home-example-grid{grid-template-columns:1fr}.mv-product-hero-actions{display:grid}}

.mv-future-strip{grid-column:1/-1;color:#617482;font-size:.93rem;padding:16px 22px;border-left:3px solid #94a3b8;background:#f5f8fa;border-radius:9px}
.mv-about-story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:48px 0 10px}
.mv-about-story h2{margin-top:0;font-size:clamp(1.4rem,2.5vw,2rem)}
.mv-about-story p{color:#526572}
@media(max-width:680px){.mv-about-story{grid-template-columns:1fr}}

/* Bestaande toepassingen centraal, toekomstplannen in één compacte uitklapstrook. */
.mv-available-feature{grid-column:1/-1;min-height:210px}
details.mv-future-strip{grid-column:1/-1;padding:0;background:#f5f8fa;border-left:3px solid #94a3b8;border-radius:9px}
details.mv-future-strip>summary{cursor:pointer;list-style:none;padding:16px 22px;color:#617482;font-size:.93rem}
details.mv-future-strip>summary::-webkit-details-marker{display:none}
details.mv-future-strip>summary::after{content:"⌄";float:right;color:#617482}
details.mv-future-strip[open]>summary::after{transform:rotate(180deg)}
.mv-future-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 15px 15px}
.mv-future-items .application-card{min-height:170px;padding:20px}
.mv-future-items .application-card .status{margin-bottom:12px}
@media(max-width:760px){.mv-future-items{grid-template-columns:1fr}}

/* Over Maaiveldt is voortaan één doorlopende pagina met twee hoofdstukken. */
.mv-about-jump{display:flex;gap:14px;flex-wrap:wrap;padding-top:28px}
.mv-about-jump a{display:grid;gap:5px;flex:1;min-width:min(260px,100%);padding:18px 22px;background:#f5f9f8;border:1px solid #d8e4df;border-radius:12px;text-decoration:none}
.mv-about-jump a strong{color:#1e3942;font-size:1.03rem}
.mv-about-jump a span{color:#526572;font-size:.9rem;line-height:1.5}
.mv-about-chapter{scroll-margin-top:110px}
.mv-about-chapter .mv-prose{max-width:890px}
.mv-about-chapter .mv-prose>h2:first-of-type{margin-top:10px;font-size:clamp(2.3rem,5vw,4rem)}
.mv-about-lead{font-size:clamp(1.18rem,2vw,1.45rem);color:#294d57;line-height:1.55;margin:5px 0 36px}
.mv-about-chapter--people{background:#f5f9f8;border-top:1px solid #dce7e4}
.mv-about-chapter .mv-partners{margin:34px 0}
@media(max-width:720px){.mv-about-jump{display:grid}.mv-about-chapter{scroll-margin-top:96px}}

/* Hero vult bewust bijna het hele websiteframe, niet de smalle contentkolom. */
.mv-showcase .site-workspace-frame .product-hero.mv-image-hero{
  max-width:none;
}
.mv-product-hero-image,.mv-image-hero::before{pointer-events:none}
@media(max-width:480px){
  .mv-showcase .product-hero.mv-image-hero{min-height:510px;width:calc(100% - 12px);padding:25px 19px}
  .mv-image-hero .hero-kicker{font-size:1rem;max-width:100%}
}

/* Hero-only: beeld raakt de binnenrand van het afgeronde websiteframe.
   Het buitenframe verzorgt de enige afronding; content behoudt zijn padding. */
.mv-showcase .site-workspace-frame .product-hero.mv-image-hero {
  width: 100%;
  margin: 0;
  border-radius: 0;
}
@media (max-width: 760px) {
  .mv-showcase .site-workspace-frame .product-hero.mv-image-hero {
    width: 100%;
    margin: 0;
  }
}

/* Homepagehero: exact de breedte van het bestaande afgeronde websiteframe.
   Het voorgrondbeeld blijft volledig zichtbaar (contain); een zachte kopie
   van de beheerde still vult uitsluitend de resterende ruimte. */
.mv-home-hero {
  position:relative; isolation:isolate; overflow:hidden;
  width:100%;max-width:none;
  height:clamp(430px,36vw,600px);max-height:600px;
  margin:0;padding:0;border:0;border-radius:0;
  background:#fff;
}
.mv-home-hero-media{position:absolute;inset:0;overflow:hidden;background:#fff}
.mv-home-hero-backdrop{
  position:absolute;z-index:0;inset:-9%;width:118%;height:118%;
  object-fit:cover;object-position:center;
  filter:blur(36px) saturate(.65) contrast(.85);
  opacity:.22;pointer-events:none;
}
.mv-home-hero-media::after{
  content:"";position:absolute;z-index:1;inset:0;
  background:rgba(255,255,255,.48);pointer-events:none;
}
.mv-home-hero-still,.mv-home-hero-video{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:contain;object-position:center;
}
.mv-home-hero-still{z-index:2}
.mv-home-hero-video{
  z-index:3;opacity:0;visibility:visible;background:transparent;
  transition:opacity .12s ease-out;pointer-events:none;
}
.mv-home-hero-video.is-playing{opacity:1}
.mv-home-intro{padding-top:clamp(32px,5vw,66px)}
@media(max-width:760px){
  .mv-home-hero{width:100%;height:450px;margin:0}
}
@media(max-width:480px){
  .mv-home-hero{width:100%;height:510px}
}
@media(prefers-reduced-motion:reduce){
  .mv-home-hero-video{transition:none}
}