/* Refinement within the existing green, paper and illustration system. */
:root{--refine-ink:#182112;--refine-muted:#4d5942;--refine-line:#cfd5c7;--refine-space:clamp(56px,7vw,104px)}
::selection{background:#d0ff85;color:#182112}
input,textarea{caret-color:#315420}
html{scroll-padding-top:120px;scrollbar-color:#65715b #f5f5f0}
main :where(h1,h2,h3){letter-spacing:-.035em;text-wrap:balance}
main :where(a,button,input,select,textarea,summary){scroll-margin-top:16px}
main :where(section[id]){scroll-margin-top:16px}
main :where(h2,h3)[tabindex="-1"]:focus{outline:2px solid #315420;outline-offset:8px;border-radius:3px}
main .dark-panel :where(h2,h3)[tabindex="-1"]:focus{outline-color:#d0ff85}
.flow-breadcrumb li{line-height:1.5}
.refined-home main>section:not(.roadmap-hero){margin-block:var(--refine-space);padding-block:0}
.refined-home .services-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.refined-home .services-overview article{background:transparent;border:0;border-top:1px solid var(--refine-line);border-radius:0;box-shadow:none;padding:28px 0;display:flex;flex-direction:column;align-items:flex-start;min-height:0}
.refined-home .services-overview h3{font-size:clamp(24px,2.3vw,32px);margin:0 0 12px}
.refined-home .services-overview p{max-width:55ch;margin:0 0 12px}
.refined-home .services-overview a{margin-top:auto;min-height:44px;display:inline-flex;align-items:center}
.refined-home .growth-heading-row,.refined-home .reference-section-heading{margin-bottom:32px}
.refined-home .services-overview{margin-top:32px}
.refinement-featured-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px}
.refinement-featured-grid .selected-project{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}
.refinement-featured-grid .ios-browser-bar{border:1px solid var(--refine-line);border-radius:14px 14px 0 0;background:#eeeee8;display:flex;align-items:center;gap:12px;padding:0 12px;min-height:44px}
.refinement-featured-grid .ios-browser-reader{font-size:12px;flex:none}
.refinement-featured-grid .ios-browser-url{min-width:0;display:flex;align-items:center;min-height:44px;color:#36422e;font-size:12px;text-decoration:none;overflow:hidden}
.refinement-featured-grid .ios-browser-url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.refinement-featured-grid .project-image-link{height:190px!important;min-height:0!important;display:block;overflow:hidden;border:1px solid var(--refine-line);border-top:0;border-radius:0 0 14px 14px}
.refinement-featured-grid .project-image-link img{height:100%;width:100%;object-fit:cover;object-position:top}
.refinement-featured-grid .project-icon-stage{background:#eff0e8}
.refinement-featured-grid .project-icon-stage img{width:88px;height:88px;margin:48px auto;object-fit:contain}
.refinement-featured-grid .project-tag{font-size:13px;color:var(--refine-muted);margin:20px 0 8px;min-height:40px}
.refinement-featured-grid h3{font-size:26px;margin:0 0 8px}
.refinement-featured-grid .selected-project>p:not(.project-tag){margin:0 0 16px;line-height:1.65}
.refinement-featured-grid .text-link{margin-top:auto;display:inline-flex;align-items:center;min-height:44px}
.refined-projects .project-highlights{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.refined-projects .project-highlights .project-image-link{height:auto!important;aspect-ratio:16/9}
@media(max-width:1149px){.refined-projects .project-highlights{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){.refined-projects .project-highlights{grid-template-columns:1fr!important}}
.refined-home #over-jason .personal-intro{margin-bottom:24px}
.refined-home #veelgestelde-vragen>a{display:inline-flex;align-items:center;min-height:44px;margin-top:20px}
.refined-projects #uitgelicht{margin-block:64px}
.refined-projects .catalog-heading h2{margin-bottom:12px}
.refined-projects .catalog-heading{margin-bottom:28px}
.refined-projects .portfolio-jumps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.refined-projects .portfolio-jumps a{min-height:44px;display:inline-flex;align-items:center;white-space:normal;padding:10px 16px;border:1px solid var(--refine-line);border-radius:8px;text-decoration:none;color:var(--refine-ink);background:#fff;font-size:14px}
.refined-projects .portfolio-jumps a[aria-current]{background:#23321a;color:#fff;border-color:#23321a}
.refined-projects .catalog-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:end;gap:16px;margin-block:24px}
.refined-projects .catalog-form>div{min-width:0}
.refined-projects .catalog-form input,.refined-projects .catalog-form select{width:100%;min-width:0;min-height:48px}
.refined-projects .catalog-form button{min-height:48px;margin:0}
.catalog-pagination{display:flex!important;position:static!important;flex-wrap:wrap;justify-content:center;gap:8px;background:transparent!important;border:0!important;box-shadow:none!important;margin:40px 0;padding:0!important}
.catalog-pagination a,.catalog-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 14px;border:1px solid var(--refine-line);border-radius:8px;color:var(--refine-ink);text-decoration:none;background:#fff;font-variant-numeric:tabular-nums}
.catalog-pagination [aria-current]{background:#23321a;color:#fff;border-color:#23321a}
.catalog-pagination a:hover,.portfolio-jumps a:hover{background:#e6f3d4}
.catalog-empty{padding:36px 0 56px;max-width:65ch}
.refined-projects #project-count{font-variant-numeric:tabular-nums;color:var(--refine-muted)}
.refined-projects .portfolio-group{margin-top:32px}
.refined-projects .portfolio-group-head .eyebrow{display:none}
.refined-contact .page-scene-hero{min-height:0!important}
.refined-contact .page-scene-inner{min-height:0!important;padding-block:40px!important}
.refined-contact .page-scene-title{font-size:clamp(36px,4.5vw,64px)!important}
.refined-contact .page-scene-lead{max-width:52ch}
.refined-contact .appointment-section{margin-top:64px;padding-top:0}
.refined-contact .appointment-intro{max-width:760px;margin:0 auto 28px}
.refined-contact .appointment-intro h2{font-size:clamp(30px,3.3vw,46px)}
.refined-contact .appointment-intro .growth-lead{color:#315420;font-weight:600;margin:16px 0 12px}
.refined-contact .cal-booking-panel{max-width:1000px;margin-inline:auto}
.refined-contact .contact-message-section,.refined-contact .contact-next{max-width:1000px;margin-inline:auto}
.refined-contact .contact-next{padding-bottom:48px}
@media(max-width:760px){
 .refined-home .services-overview{grid-template-columns:1fr}
 .refinement-featured-grid{grid-template-columns:1fr!important;gap:36px}
 .refinement-featured-grid .project-tag{min-height:0}
 .refined-projects .catalog-form{grid-template-columns:1fr}
 .refined-projects .catalog-form button{justify-self:start}
 .refined-projects #uitgelicht{margin-block:48px}
 .refined-contact .page-scene-inner{padding-block:24px!important}
 .refined-contact .appointment-section{margin-top:40px}
 .refined-contact .contact-message-section,.refined-contact .contact-next{width:calc(100% - 48px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Let the booker's own responsive height determine its space. */
.refined-contact #my-cal-inline-30min{height:auto;min-height:420px}
.refined-contact #my-cal-inline-30min iframe{min-height:420px}
@media(max-width:360px){
 .refined-contact .cal-booking-panel{width:calc(100% + 24px);max-width:none;margin-inline:-12px}
}