/* Homepage projecten – zowel frontend als Gutenberg. */
.lc-projects{background:#f8f4ee;padding:95px max(24px,calc((100vw - 1320px)/2)) 105px;color:#272c60;box-sizing:border-box}
.lc-projects .lc-projects-heading{max-width:1320px;margin:0 auto 40px;display:grid;grid-template-columns:1.4fr .6fr;column-gap:70px;align-items:end}
.lc-projects .lc-projects-eyebrow{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.2em;color:#005f56;margin:0 0 16px;text-transform:uppercase;grid-column:1}
.lc-projects .lc-projects-title{font-family:Lora,Georgia,serif;font-size:clamp(35px,4.5vw,58px);line-height:1.12;letter-spacing:-.035em;color:#272c60;margin:0;grid-column:1}
.lc-projects .lc-projects-intro{font:400 16px/1.8 Arial,sans-serif;color:#555a71;margin:0;grid-column:2;grid-row:1 / span 2}
.lc-projects .lc-projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1320px;margin:0 auto;align-items:stretch}
.lc-projects .lc-projects-col{min-width:0;margin:0!important;flex-basis:auto!important}
.lc-projects .lc-project-card{height:100%;border:1px solid #e6e5e0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 15px 35px rgba(39,44,96,.055);display:flex;flex-direction:column}
.lc-projects .lc-project-photo{margin:0!important;width:100%;height:235px;overflow:hidden;background:#e9ede7}
.lc-projects .lc-project-photo img{display:block;width:100%;height:100%;object-fit:cover}
.lc-projects .lc-project-card-body{padding:30px 28px 34px;display:flex;flex-direction:column;align-items:stretch;flex:1;box-sizing:border-box}
.lc-projects .lc-project-kicker{font:800 11px/1.4 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#005f56;margin:0}
.lc-projects .lc-project-name{font:700 29px/1.2 Lora,Georgia,serif;letter-spacing:-.025em;color:#272c60;margin:13px 0 12px}
.lc-projects .lc-project-description{font:400 15px/1.7 Arial,sans-serif;color:#555a71;margin:0 0 20px}
.lc-projects .lc-project-link{font:600 14px/1.5 Arial,sans-serif;margin-top:auto}
.lc-projects a{color:#941e32;text-decoration:none}
.lc-projects a:hover{text-decoration:underline}
.lc-projects .lc-project-arrow{display:inline-block;width:13px;height:13px;background:currentColor;vertical-align:-1px;mask:url('../svg/arrow-up-right.svg') center/contain no-repeat;-webkit-mask:url('../svg/arrow-up-right.svg') center/contain no-repeat}
.lc-projects .lc-projects-all{text-align:right;max-width:1320px;margin:28px auto 0;font:600 14px/1.5 Arial,sans-serif}
@media(max-width:900px){.lc-projects{padding:70px 24px}.lc-projects .lc-projects-heading{display:block}.lc-projects .lc-projects-intro{margin-top:20px}.lc-projects .lc-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.lc-projects{padding:60px 18px}.lc-projects .lc-projects-grid{grid-template-columns:1fr}.lc-projects .lc-project-photo{height:230px}.lc-projects .lc-projects-all{text-align:left}}
/* Gutenberg maakt eigen block wrappers: behoud de visuele kaarten. */
.editor-styles-wrapper .lc-projects .lc-project-card-body > .block-editor-inner-blocks,.editor-styles-wrapper .lc-projects .lc-project-card-body > .block-editor-block-list__layout{width:100%}

/* v0.5.1: heading links, CTA rechtsboven; gelijke breedte aan voor- en achterkant. */
.lc-projects .lc-projects-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:start;column-gap:32px;row-gap:0}
.lc-projects .lc-projects-heading>.lc-projects-eyebrow{grid-column:1;grid-row:1;text-align:left!important;justify-self:start;width:100%;margin:0 0 16px!important}
.lc-projects .lc-projects-heading>.lc-projects-title{grid-column:1;grid-row:2;text-align:left!important;justify-self:start;max-width:850px;margin:0!important}
.lc-projects .lc-projects-heading>.lc-projects-all{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end;text-align:right;margin:0!important;white-space:nowrap}
.editor-styles-wrapper .is-root-container>.wp-block-group.lc-projects,
.editor-styles-wrapper .block-editor-block-list__layout>.wp-block-group.lc-projects,
.editor-styles-wrapper .lc-projects.alignfull{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}
.editor-styles-wrapper .lc-projects{padding-left:clamp(18px,3vw,48px)!important;padding-right:clamp(18px,3vw,48px)!important}
.editor-styles-wrapper .lc-projects .lc-projects-heading,
.editor-styles-wrapper .lc-projects .lc-projects-grid{width:100%!important;max-width:1320px!important}
.editor-styles-wrapper .lc-projects .lc-projects-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;flex-wrap:nowrap!important}
.editor-styles-wrapper .lc-projects .lc-projects-col{width:auto!important;min-width:0!important;flex-basis:auto!important}
.editor-styles-wrapper .lc-projects .lc-projects-heading>.block-editor-inner-blocks,
.editor-styles-wrapper .lc-projects .lc-projects-heading>.block-editor-inner-blocks>.block-editor-block-list__layout{width:100%;max-width:none}
@media(max-width:900px){.lc-projects .lc-projects-heading{grid-template-columns:1fr;gap:18px}.lc-projects .lc-projects-heading>.lc-projects-all{grid-column:1;grid-row:3;justify-self:start}.editor-styles-wrapper .lc-projects .lc-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.editor-styles-wrapper .lc-projects .lc-projects-grid{grid-template-columns:1fr!important}}

/* v0.5.3: CTA baseline aligned with bottom edge of H2 (frontend + Gutenberg). */
@media (min-width:901px){
.lc-projects .lc-projects-heading>.lc-projects-all{grid-column:2;grid-row:2;align-self:end;justify-self:end;margin:0 0 3px!important}
/* Gutenberg wraps inner blocks in editor-only elements: apply identical grid to wrapper. */
.editor-styles-wrapper .lc-projects .lc-projects-heading>.block-editor-inner-blocks>.block-editor-block-list__layout{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:32px;align-items:start}
.editor-styles-wrapper .lc-projects .lc-projects-heading>.block-editor-inner-blocks>.block-editor-block-list__layout>.lc-projects-eyebrow{grid-column:1;grid-row:1}
.editor-styles-wrapper .lc-projects .lc-projects-heading>.block-editor-inner-blocks>.block-editor-block-list__layout>.lc-projects-title{grid-column:1;grid-row:2}
.editor-styles-wrapper .lc-projects .lc-projects-heading>.block-editor-inner-blocks>.block-editor-block-list__layout>.lc-projects-all{grid-column:2;grid-row:2;align-self:end;justify-self:end;margin:0 0 3px!important}
}

/* v0.5.4: align all text in project cards left, including Gutenberg blocks. */
.lc-projects .lc-project-card,
.lc-projects .lc-project-card-body,
.lc-projects .lc-project-card-body .lc-project-kicker,
.lc-projects .lc-project-card-body .lc-project-name,
.lc-projects .lc-project-card-body .lc-project-description,
.lc-projects .lc-project-card-body .lc-project-link,
.editor-styles-wrapper .lc-projects .lc-project-card-body .wp-block {
  text-align:left!important;
}
.lc-projects .lc-project-card-body {align-items:stretch!important;}
.lc-projects .lc-project-card-body .lc-project-link {align-self:flex-start;}

/* v0.5.5: WordPress constrained groups auto-center children using margin-inline:auto.
   Override those layout margins, not only text-align, on frontend and editor. */
.lc-projects .lc-project-card-body > :where(.wp-block-paragraph,.wp-block-heading,p,h3),
.lc-projects .lc-project-card-body > .wp-block,
.editor-styles-wrapper .lc-projects .lc-project-card-body .block-editor-block-list__layout > .wp-block {
  margin-left:0!important;
  margin-right:0!important;
  margin-inline-start:0!important;
  margin-inline-end:0!important;
  text-align:left!important;
  width:100%;
  max-width:none!important;
  box-sizing:border-box;
}
.lc-projects .lc-project-card-body :is(.lc-project-kicker,.lc-project-name,.lc-project-description,.lc-project-link),
.editor-styles-wrapper .lc-projects .lc-project-card-body :is(.lc-project-kicker,.lc-project-name,.lc-project-description,.lc-project-link){text-align:left!important;}
.lc-projects .lc-project-card-body .lc-project-link{align-self:stretch!important;}