/* DeZaak notebook: one ink, warm paper, orange rules over a fixed film. */
.studio-home-page{background:#17191e}
.studio-home-page .topline{position:relative;z-index:1}
.studio-home{position:relative;isolation:isolate;--home-gutter:clamp(16px,3vw,56px);--home-ink:#17191e;--home-paper:#fffaf5;--home-line:#e4d9ce;counter-reset:home-chapter}
.studio-home>.studio-hero{position:static;isolation:auto;overflow:visible;background:transparent;min-height:calc(100svh - 84px);padding:clamp(100px,12vh,170px) 0 125px}
.studio-home>.studio-hero>.studio-film{position:fixed;inset:0;z-index:-1;width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}
.studio-home .studio-hero .studio-film:after{z-index:2;background:linear-gradient(90deg,#17191ef2 0%,#17191ed9 28%,#17191e66 67%,#17191e33),linear-gradient(0deg,#17191e99,transparent 40%)}
.studio-home .studio-hero .studio-film-caption{z-index:3;inset:auto max(24px,calc((100vw - 1160px)/2)) 20px}
.studio-home-controls{position:fixed;right:max(24px,calc((100vw - 1160px)/2));bottom:20px;z-index:8;pointer-events:none}
.studio-home-controls .studio-video-control{pointer-events:auto;box-shadow:0 4px 22px #0003}
.studio-home .studio-hero .studio-copy{max-width:820px}
.studio-home .studio-hero h1{max-width:none;font-size:clamp(4.4rem,8.4vw,8.5rem);line-height:.98;letter-spacing:-.065em;margin-bottom:34px}
.studio-home .studio-hero :is(h1 em,.eyebrow,.hero-lead,.microtrust){color:#fff}
.studio-home .studio-hero h1 em{position:relative;display:inline-block;font-style:normal;background:none}
.studio-home .studio-hero h1 em:after{content:'';position:absolute;inset:auto 0 -.09em;height:5px;border-radius:3px;background:var(--orange)}
.studio-home .studio-hero .hero-lead{max-width:570px;font-size:clamp(1.1rem,1.55vw,1.35rem);font-weight:500}
.studio-home>.trust-strip{position:relative;margin-inline:var(--home-gutter);border:1px solid var(--home-line);border-radius:4px;background:var(--home-paper);padding:26px 0;color:var(--home-ink);box-shadow:0 16px 50px #00000014}
.studio-home .trust-row,.studio-home .trust-item,.studio-home .trust-strip .check{color:var(--home-ink)}
.studio-home .trust-strip .check{border-color:var(--home-line);background:transparent}
/* Each sheet has a chapter number and a folded corner, not a different tint. */
.studio-home>.section{--ink:var(--home-ink);--muted:var(--home-ink);--line:var(--home-line);position:relative;isolation:isolate;counter-increment:home-chapter;margin:38px var(--home-gutter);padding-block:90px;border:1px solid var(--home-line);border-radius:4px;background:var(--home-paper);color:var(--home-ink);box-shadow:0 20px 60px #00000018}
.studio-home>.section:before{content:counter(home-chapter,decimal-leading-zero) / '';position:absolute;top:24px;right:34px;font-size:.75rem;line-height:1;letter-spacing:.16em;font-weight:700;color:var(--home-ink);border-bottom:2px solid var(--orange);padding-bottom:9px}
.studio-home>.section:after{content:'';position:absolute;top:-1px;left:-1px;width:54px;height:54px;border-top:3px solid var(--orange);border-left:3px solid var(--orange);border-top-left-radius:4px;pointer-events:none}
.studio-home>.section>.wrap{width:min(var(--content),calc(100% - 80px))}
.studio-home>.section :is(h2,h3,p,li,small,summary,figcaption,.eyebrow,.text-link,.positioning-number,.positioning-search-label,.positioning-search-note,.expertise-facts strong,.expertise-facts span,.handover-list li>span,.light-link,.cta-actions>span){color:var(--home-ink)}
.studio-home>.section .eyebrow{letter-spacing:.12em;font-size:.76rem}
.studio-home>.section h2{letter-spacing:-.045em}
.studio-home>.section .text-link{color:var(--home-ink);text-decoration-color:var(--orange);text-underline-offset:6px}
.studio-home>.section .text-link:hover{text-decoration-color:currentColor}
.studio-home .expertise-section .expertise-facts li{background:transparent;border-left-color:var(--orange)}
.studio-home .positioning-search{background:transparent;border:1px solid var(--home-line);border-top:3px solid var(--orange);color:var(--home-ink);border-radius:4px;box-shadow:none}
.studio-home .positioning-search :is(p,span){color:var(--home-ink)}
.studio-home .positioning-providers li,.studio-home .positioning-number{background:transparent;border:1px solid var(--home-line);color:var(--home-ink)}
.studio-home .positioning-custom-card{background:transparent;border:1px solid var(--home-line);border-left:3px solid var(--orange);border-radius:4px}
.studio-home .brand-dark .handover-panel{--ink:var(--home-ink);--muted:var(--home-ink);color:var(--home-ink);background:transparent;border:1px solid var(--home-line);border-radius:4px;box-shadow:8px 8px 0 #f2e7dc}
.studio-home .handover-list li{background:#fffdfb;border-color:var(--home-line);border-radius:4px}
.studio-home .studio-process .studio-step{border-color:var(--home-line)}
.studio-home .studio-process .studio-step>span{color:var(--home-ink);border-color:var(--home-line);background:transparent}
.studio-home .cta-band{padding:0;background:transparent;border-radius:0;box-shadow:none;color:var(--home-ink)}
.studio-home .cta-band:before{display:none}
.studio-home .cta-band .light-link{color:var(--home-ink)}
.studio-home>.beheer-summary .beheer-price{padding-left:24px;border-left:3px solid var(--orange)}
.studio-home :is(.card,.positioning-grid article,.proposal-preview){--ink:var(--home-ink);--muted:var(--home-ink);color:var(--home-ink);background:#fffdfb;border-color:var(--home-line)}
.studio-home .price-card.recommended{background:#fffdfb;border-color:var(--orange)}
.studio-home .button.outline{background:transparent;color:var(--home-ink);border-color:var(--home-ink)}
.studio-home .studio-hero .button.outline{color:#fff;border-color:#ffffffa6;background:#17191e66}
.studio-home>.studio-wide-banner{position:relative;isolation:auto;min-height:70svh;background:transparent;overflow:visible;margin-top:40px}
.studio-home .studio-banner-copy{padding:clamp(28px,4vw,56px);background:var(--home-paper);color:var(--home-ink)}
.studio-home .studio-banner-copy :is(span,p,a){color:var(--home-ink)}
.studio-home-page .site-footer{position:relative;z-index:1}
@media(max-width:1000px){.studio-home>.section>.wrap{width:calc(100% - 56px)}.studio-home>.section{padding-block:76px}}
@media(max-width:700px){
 .studio-home{--home-gutter:12px}
 .studio-home>.studio-hero{min-height:calc(100svh - 76px);padding:105px 0 120px}
 .studio-home .studio-hero h1{font-size:clamp(3.2rem,14vw,5.8rem);margin-bottom:28px}
 .studio-home .studio-hero .hero-lead{font-size:1.07rem;max-width:360px}
 .studio-home .studio-hero .studio-film:after{background:linear-gradient(90deg,#17191eeb,#17191eb3),linear-gradient(0deg,#17191eb3,transparent 60%)}
 .studio-home .studio-hero .studio-film-caption{inset:auto 18px 14px}
 .studio-home-controls{right:18px;bottom:14px}
 .studio-home>.section{margin-block:24px;padding-block:62px 46px}
 .studio-home>.section>.wrap{width:calc(100% - 40px)}
 .studio-home>.section:before{top:20px;right:20px;font-size:.68rem;padding-bottom:7px}
 .studio-home>.section:after{width:35px;height:35px}
 .studio-home>.trust-strip{padding:21px 0}
 .studio-home .trust-strip>.wrap{width:calc(100% - 40px)}
 .studio-home .trust-row{gap:12px}.studio-home .trust-item{width:100%}
 .studio-home>.studio-wide-banner{min-height:65svh;margin-top:20px}
 .studio-home .studio-banner-copy{padding:32px 24px}
}
@media(prefers-reduced-motion:reduce){
 .studio-home>.studio-hero{position:relative}
 .studio-home>.studio-hero>.studio-film{position:absolute}
 .studio-home>.studio-wide-banner{background:#17191e}
}
.studio-home-page[data-studio-motion="paused"] .studio-home>.studio-hero{position:relative}
.studio-home-page[data-studio-motion="paused"] .studio-home>.studio-hero>.studio-film{position:absolute}
@media print{
 .studio-home-page,.studio-home>.section,.studio-home>.trust-strip{background:#fff!important;color:#17191e!important;border:0;box-shadow:none;margin:0}
 .studio-home>.studio-hero{min-height:0;padding-block:25px}
 .studio-home>.studio-hero>.studio-film,.studio-home>.studio-wide-banner,.studio-home>.section:before,.studio-home>.section:after{display:none}
 .studio-home :is(h1,h2,h3,p,span,.eyebrow,.text-link){color:#17191e!important}
}

/* Focused homepage: personal introduction, three useful routes, one invitation. */
.studio-home .home-hero-link{color:#fff;text-decoration-color:var(--orange);text-underline-offset:7px}
.studio-home .home-intro .maker-grid{grid-template-columns:minmax(230px,.85fr) minmax(0,1.25fr);align-items:center;gap:clamp(32px,6vw,88px)}
.studio-home .home-intro .maker-portrait{max-width:365px;margin:0}
.studio-home .home-intro .maker-copy{max-width:620px}
.studio-home .home-intro h2{margin-bottom:24px}
.studio-home .home-intro .maker-copy>p{max-width:59ch}
.studio-home .home-routes{list-style:none;padding:0;margin:38px 0 0;border-top:1px solid var(--home-line)}
.studio-home .home-routes>li{margin:0;border-bottom:1px solid var(--home-line)}
.studio-home .home-route{display:grid;grid-template-columns:48px minmax(0,1fr) 52px;gap:24px;align-items:start;padding:32px 0;text-decoration:none;color:var(--home-ink)}
.studio-home .home-route-number{padding-top:7px;font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--orange)}
.studio-home .home-route h3{margin:0 0 10px;font-size:clamp(1.35rem,2.2vw,1.9rem);letter-spacing:-.035em}
.studio-home .home-route p{margin:0 0 12px;max-width:64ch}
.studio-home .home-route-label{font-size:.88rem;font-weight:700;text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:5px}
.studio-home .home-route-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--home-line);border-radius:50%;font-size:1.5rem;transition:background .18s,border-color .18s}
.studio-home .home-route:hover .home-route-arrow{background:#fff0e3;border-color:var(--orange)}
.studio-home .home-route:focus-visible{outline:3px solid var(--orange);outline-offset:6px;border-radius:2px}
.studio-home .home-working-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,7vw,100px)}
.studio-home .home-working-grid>.home-assurances{list-style:none;margin:0;padding:0}
.studio-home .home-assurances>li{padding:24px 0;border-top:1px solid var(--home-line)}
.studio-home .home-assurances>li:first-child{padding-top:0;border-top:0}
.studio-home .home-assurances h3{font-size:1.25rem;margin:0 0 9px;letter-spacing:-.025em}
.studio-home .home-assurances p{margin:0 0 10px}
.studio-home .home-contact h2{max-width:800px}
.studio-home .home-contact .prose-intro{max-width:59ch}
.studio-home .home-contact .button-row{margin-top:28px;gap:22px}
.studio-home .home-contact-note{font-size:.86rem;margin-top:22px}
.studio-home .home-guide-link{display:inline-block;margin-top:10px;font-size:.88rem}
.studio-home .home-possibilities{scroll-margin-top:0}
@media(max-width:760px){
 .studio-home .home-intro .maker-grid,.studio-home .home-working-grid{grid-template-columns:minmax(0,1fr);gap:34px}
 .studio-home .home-intro .maker-portrait{max-width:260px}
 .studio-home .home-route{grid-template-columns:28px minmax(0,1fr) 34px;gap:10px;padding:27px 0}
 .studio-home .home-route-arrow{width:32px;height:32px;font-size:1.2rem}
 .studio-home .home-route-number{padding-top:4px;font-size:.7rem}
 .studio-home .home-route h3{font-size:1.3rem}
 .studio-home .home-route p{font-size:.95rem}
 .studio-home .home-contact .button-row{align-items:flex-start;gap:20px}
}

/* Small route numerals need the same reading contrast as other body text. */
.studio-home .home-route-number{color:#ad3c12}