/* Gedeelde contentpagina's */
.listing-hero { padding-block: clamp(11rem,18vw,17rem) clamp(6rem,10vw,9rem); }.listing-hero .breadcrumbs { margin-bottom:4rem }.listing-hero h1,.compact-detail-hero h1,.article-hero h1,.contact-page-section h1,.error-page h1 { max-width:1100px;margin:0;font-size:clamp(4.7rem,9vw,9.5rem);font-weight:500;line-height:.87;letter-spacing:-.085em }.listing-hero h1 em,.compact-detail-hero h1 em,.article-hero h1 em,.contact-page-section h1 em,.error-page h1 em,.service-problem-section h2 em,.name-grid h2,.featured-article h2 em { color:var(--orange);font-family:var(--serif);font-style:italic;font-weight:400 }.listing-hero>div>p:last-child,.compact-hero-grid>div>p:not(.eyebrow) { max-width:680px;margin:2.2rem 0 0;color:#5c5953;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.8 }
.portfolio-grid { display:grid;grid-template-columns:1fr 1fr;gap:7rem 5% }.portfolio-card:nth-child(even) { margin-top:7rem }.portfolio-link { display:block;text-decoration:none }.portfolio-image { position:relative;overflow:hidden;background:var(--paper-deep) }.portfolio-image img { display:block;width:100%;aspect-ratio:1.45;object-fit:cover;filter:saturate(.73);transition:.5s }.portfolio-link:hover img { transform:scale(1.03);filter:saturate(.95) }.portfolio-image>span { position:absolute;top:1rem;left:1rem;padding:.5rem .7rem;background:var(--paper);font: .6rem var(--mono) }.portfolio-image>b { position:absolute;right:1rem;bottom:1rem;display:grid;width:44px;height:44px;place-items:center;background:var(--paper);font-weight:400 }.portfolio-card h2 { margin:.9rem 0 .6rem;font-size:clamp(1.7rem,2.8vw,3.2rem);font-weight:500;line-height:1.13;letter-spacing:-.06em }.portfolio-card p { max-width:570px;margin:0;color:#68655e;font-size:.82rem;line-height:1.75 }
.case-study-hero { padding-top:clamp(11rem,16vw,15rem) }.case-study-hero .breadcrumbs { margin-bottom:4rem }.case-study-hero h1 { max-width:1200px;margin:0;font-size:clamp(4.3rem,8vw,8.7rem);font-weight:500;line-height:.9;letter-spacing:-.08em }.case-study-hero h1 em { color:var(--orange);font-family:var(--serif);font-style:italic;font-weight:400 }.case-study-hero>div>p:not(.eyebrow) { max-width:680px;margin:2rem 0;color:#5d5a54;font-size:1.1rem;line-height:1.8 }.case-study-image { margin-top:4rem;overflow:hidden }.case-study-image img { display:block;width:100%;aspect-ratio:1.7;object-fit:cover;filter:saturate(.75) }.prose-grid { display:grid;grid-template-columns:250px 1fr;gap:8% }.prose-grid>aside { position:sticky;top:130px;display:flex;height:max-content;flex-direction:column;align-items:start;gap:.55rem;padding-top:.5rem }.prose-grid>aside span { margin-top:1rem;color:var(--muted);text-transform:uppercase;font-size:.58rem;letter-spacing:.1em }.prose-grid>aside b,.prose-grid>aside a { font-size:.82rem;text-decoration:none }.case-prose { max-width:780px }.case-prose section { margin-bottom:6rem }.case-prose h2 { margin:0 0 1.4rem;font-size:clamp(2.3rem,4vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.065em }.case-prose section>p:last-child { color:#5d5a53;font-size:1rem;line-height:1.9 }
.featured-article { padding-bottom:5rem }.featured-article a { display:grid;grid-template-columns:1.1fr .9fr;gap:5%;padding:clamp(2rem,5vw,5rem);background:var(--ink);color:var(--paper)!important;text-decoration:none }.featured-article a>div:first-child>span { color:var(--orange);text-transform:uppercase;font-size:.62rem;letter-spacing:.09em }.featured-article h2 { max-width:700px;margin:2.5rem 0 1.3rem;font-size:clamp(2.5rem,4.5vw,5rem);font-weight:500;line-height:.98;letter-spacing:-.07em }.featured-article p { max-width:600px;color:#aaa69e;font-size:.88rem;line-height:1.8 }.featured-article b { display:block;margin-top:2rem;font-size:.73rem;font-weight:400 }.featured-art { display:flex;min-height:330px;align-items:center;justify-content:center;gap:1rem;border:1px solid #393934;font:1.2rem var(--mono) }.featured-art i { color:var(--orange);font-size:3rem;font-style:normal }.editorial-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1rem }.editorial-card { min-height:390px;border:1px solid var(--line);background:rgba(255,255,255,.55) }.editorial-card a { display:flex;height:100%;min-height:inherit;flex-direction:column;padding:1.8rem;text-decoration:none }.editorial-card h2 { margin:1.3rem 0 .8rem;font-size:clamp(1.45rem,2vw,2.2rem);font-weight:500;line-height:1.16;letter-spacing:-.05em }.editorial-card p { color:#68655f;font-size:.79rem;line-height:1.7 }
.narrow-shell { max-width:1000px }.article-hero { padding-block:clamp(11rem,17vw,16rem) 6rem }.article-hero .breadcrumbs { margin-bottom:4rem }.article-hero h1 { font-size:clamp(4rem,7vw,7.5rem) }.article-lead { max-width:780px;margin:2rem 0;color:#55524c;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.75 }.article-byline { display:flex;gap:1rem 2rem;margin-top:2rem;color:var(--muted);font-size:.72rem }.article-body { padding-block:1rem 9rem }.article-layout { display:grid;grid-template-columns:220px minmax(0,760px);gap:7%;justify-content:center }.article-toc { position:sticky;top:130px;display:flex;height:max-content;flex-direction:column;gap:.7rem;padding-top:.5rem }.article-toc span { margin-bottom:.5rem;color:var(--muted);text-transform:uppercase;font-size:.58rem;letter-spacing:.1em }.article-toc a { text-decoration:none;font-size:.74rem }.article-prose { font-size:1rem;line-height:1.9 }.article-prose h2 { margin:4.5rem 0 1rem;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.08;letter-spacing:-.055em }.article-prose h3 { margin:2.6rem 0 .6rem;font-size:1.35rem }.article-prose p { color:#4f4d48 }.article-prose blockquote { margin:3.5rem 0;padding:2rem;border-left:4px solid var(--orange);background:#ebe8e0;font-family:var(--serif);font-size:1.6rem;font-style:italic;line-height:1.4 }.article-callout { margin:3rem 0;padding:1.7rem;border:1px solid var(--line);background:#fff }.article-callout p { margin:.6rem 0 0 }
.compact-detail-hero { padding-block:clamp(11rem,17vw,16rem) 8rem }.compact-detail-hero .breadcrumbs { margin-bottom:4rem }.compact-hero-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center }.compact-detail-hero h1 { font-size:clamp(4.5rem,7.5vw,8rem) }.compact-hero-grid .editorial-link { margin-top:2rem }.generic-service-art { position:relative;display:flex;min-height:400px;flex-direction:column;justify-content:center;padding:3rem;border:1px solid var(--line);background:#ebe8e0;overflow:hidden }.generic-service-art:after { position:absolute;right:-15%;bottom:-30%;width:70%;aspect-ratio:1;border:50px solid var(--orange);border-radius:50%;content:"" }.generic-service-art span { position:relative;z-index:1;font-size:clamp(2rem,4vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.06em }.generic-service-art b { position:relative;z-index:1;margin-top:1rem;font:400 .65rem var(--mono) }.generic-service-art i { position:absolute;top:1rem;right:1rem;width:9px;height:9px;border-radius:50%;background:var(--orange) }.service-problem-section { border-top:1px solid var(--line) }.service-problem-section h2 { max-width:1100px;margin:0;font-size:clamp(2.8rem,5.5vw,6rem);font-weight:500;line-height:1.02;letter-spacing:-.07em }.compact-capabilities .capability-row { grid-template-columns:45px 1fr 30px }.no-featured .service-case-card { grid-column:auto }
.personal-grid { display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center }.personal-image { position:relative }.personal-image img { display:block;width:100%;aspect-ratio:.78;object-fit:cover;filter:grayscale(1) }.personal-image span { position:absolute;right:1rem;bottom:1rem;padding:.5rem .7rem;background:var(--ink);color:var(--paper);font-size:.58rem }.personal-grid h2 { margin:0 0 2rem;font-size:clamp(3rem,5vw,5.6rem);font-weight:500;line-height:.98;letter-spacing:-.07em }.personal-grid>div:last-child>p:not(.section-label) { color:#5d5a54;line-height:1.85 }.name-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:4rem;background:var(--line-light) }.name-grid article { min-height:300px;padding:2rem;background:var(--ink) }.name-grid span { color:var(--orange);font: .65rem var(--mono) }.name-grid h2 { margin:3rem 0 1rem;font-size:clamp(2.5rem,4vw,4.6rem) }.name-grid p { color:#aaa69e;font-size:.83rem;line-height:1.75 }
.faq-page-content>.shell { max-width:1100px }.faq-group { display:grid;grid-template-columns:280px 1fr;gap:6%;padding-block:3.5rem;border-top:1px solid var(--line) }.faq-group h2 { margin:0;font-size:clamp(1.8rem,3vw,3rem);font-weight:500;letter-spacing:-.055em }
.contact-page-section { padding-block:clamp(11rem,17vw,16rem) 9rem }.contact-page-section .breadcrumbs { margin-bottom:4rem }.contact-page-grid { display:grid;grid-template-columns:.9fr 1.1fr;gap:9%;align-items:start }.contact-page-section h1 { font-size:clamp(4.3rem,7vw,7.5rem) }.contact-page-grid>div>p:not(.eyebrow) { max-width:540px;margin:2rem 0;color:#5b5852;line-height:1.8 }.contact-details { display:grid;grid-template-columns:100px 1fr;gap:.7rem 1rem;margin-top:3rem;font-size:.8rem }.contact-details span { color:var(--muted) }.contact-details a { text-decoration:none }.contact-details b { font-weight:400 }.contact-form { padding:2rem;border:1px solid var(--line);background:#fff }.form-grid { display:grid;grid-template-columns:1fr 1fr;gap:1.3rem }.field { display:flex;flex-direction:column;gap:.45rem }.field-full,.privacy-check,.form-status { grid-column:1/-1 }.field label { font-size:.72rem }.field input,.field select,.field textarea { width:100%;border:1px solid #cbc8c0;border-radius:0;background:#faf9f5;padding:.8rem;font:inherit;font-size:.85rem }.field input,.field select { min-height:48px }.field textarea { resize:vertical }.field-error { display:none;color:#9b3329;font-size:.65rem }.field.is-invalid .field-error { display:block }.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea { border-color:#9b3329 }.privacy-check { display:flex;align-items:start;gap:.7rem;font-size:.7rem;line-height:1.5 }.privacy-check input { margin-top:.15rem }.form-submit { display:flex;min-height:54px;align-items:center;justify-content:space-between;padding:0 1rem;border:0;background:var(--orange);font:inherit;font-size:.8rem }.form-status { min-height:1.4rem;font-size:.74rem }.honeypot { position:absolute;left:-9999px }
.error-page { min-height:100svh;padding-block:12rem 6rem;overflow:hidden }.error-code { position:absolute;right:0;color:rgba(17,17,15,.035);font-size:40vw;font-weight:700;line-height:.7 }.error-page h1 { position:relative;max-width:800px }.error-page>div>p:not(.eyebrow) { position:relative;max-width:540px;margin:2rem 0;color:#5c5953;line-height:1.8 }.error-links { position:relative;display:flex;align-items:center;gap:1.5rem;margin-top:3rem }.error-links .contact-button { min-width:260px }.error-links>a:not(.contact-button) { font-size:.76rem }.legal-page { padding-top:13rem }.legal-page h1 { font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.07em }.legal-page h2 { margin-top:4rem }
@media(max-width:991px){.portfolio-grid{gap:5rem 4%}.portfolio-card:nth-child(even){margin-top:4rem}.featured-article a,.compact-hero-grid,.personal-grid,.contact-page-grid{grid-template-columns:1fr}.featured-art{margin-top:2rem}.editorial-grid{grid-template-columns:1fr 1fr}.article-layout,.prose-grid{grid-template-columns:1fr}.article-toc{position:static;display:none}.prose-grid>aside{position:static}.generic-service-art{width:min(100%,650px)}.faq-group{grid-template-columns:1fr;gap:2rem}.contact-form{margin-top:1rem}}
@media(max-width:600px){.listing-hero,.compact-detail-hero,.article-hero,.contact-page-section{padding-top:9rem}.listing-hero .breadcrumbs,.compact-detail-hero .breadcrumbs,.article-hero .breadcrumbs,.contact-page-section .breadcrumbs{margin-bottom:2.8rem}.listing-hero h1,.compact-detail-hero h1,.article-hero h1,.contact-page-section h1,.error-page h1,.legal-page h1{overflow-wrap:anywhere;font-size:clamp(3.9rem,13vw,5.5rem)}.portfolio-grid{grid-template-columns:1fr;gap:3.8rem}.portfolio-card:nth-child(even){margin-top:0}.featured-article a{padding:1.5rem}.featured-art{min-height:230px}.editorial-grid{grid-template-columns:1fr}.article-byline{flex-direction:column}.article-prose blockquote{padding:1.3rem;font-size:1.35rem}.generic-service-art{min-height:300px;padding:1.5rem}.generic-service-art>span,.service-problem-section h2,.service-faq h2{overflow-wrap:anywhere}.generic-service-art:after{border-width:35px}.service-problem-section h2{font-size:2.9rem}.personal-grid h2{font-size:3.35rem}.name-grid{grid-template-columns:1fr}.name-grid article{min-height:240px}.faq-group{padding-block:2.5rem}.contact-form{padding:1.2rem}.form-grid{grid-template-columns:1fr}.field-full,.privacy-check,.form-status{grid-column:auto}.error-links{align-items:start;flex-direction:column}.error-links .contact-button{min-width:100%}.footer-bottom{flex-wrap:wrap}}