/* Aanpassingen op Harmens v16. Zijn opbouw en grote filmkaders blijven de basis. */
.hero-routes{display:none}
.refined .v15-commercial{background:#f2f4f7;color:#1f2328;border-block:1px solid #d9dee3}.refined .v15-commercial:before,.refined .v15-commercial:after{display:none}.refined .v15-commercial h2,.refined .v15-commercial h3,.refined .v15-commercial .eyebrow,.refined .v15-commercial .v15-step-number,.refined .v15-commercial a{color:#0f1f3d}.refined .v15-commercial p,.refined .v15-commercial strong{color:#1f2328}.refined .v15-commercial-step{border-color:#d9dee3}.refined .v15-commercial-steps{border-color:#d9dee3}
:root{--paper:#fff;--ink:#1f2328;--muted:#1f2328;--line:#d9dee3;--teal:#0f1f3d;--navy:#0f1f3d;--cyan:#4fdff3}
html{scroll-padding-top:112px}.refined{color:#1f2328;background:#fff;font-size:16px;line-height:1.5}.refined [hidden]{display:none!important}.refined h1,.refined h2,.refined h3{font-family:var(--serif);font-weight:700;letter-spacing:-.025em;color:#0f1f3d}.refined h1{font-size:44px;line-height:56px}.refined h2{font-size:36px;line-height:44px}.refined h3{font-size:24px;line-height:32px}.refined p{line-height:1.6}.refined p,.refined li{overflow-wrap:anywhere}.refined h1 em,.refined h2 em{font-weight:700;color:inherit;font-style:normal}.refined .eyebrow{font:500 13px/1.5 var(--sans);letter-spacing:.06em;color:#0f1f3d}.refined :focus-visible{outline:3px solid #0f1f3d;outline-offset:5px;box-shadow:0 0 0 8px #4fdff3}.refined a:not(.button):hover{text-decoration:underline;text-underline-offset:5px}.refined .button,.refined .route-action{min-height:48px;padding:14px 20px;border-radius:6px;box-shadow:none;background:#0f1f3d;border:1px solid #0f1f3d;color:#fff;line-height:1.3;font-size:16px;justify-content:center;gap:16px}.refined .button:hover,.refined .route-action:hover{background:#0f1f3d;color:#fff;box-shadow:0 0 0 3px #4fdff3}.refined .button.secondary{background:transparent;color:#1f2328;border-color:#d9dee3}.refined .header{height:96px;border-bottom:1px solid #d9dee3;background:#fff;backdrop-filter:none;padding-inline:4vw;gap:24px}.refined .brand img{width:108px;height:52px}.refined .brand span{display:block;color:#1f2328;font-size:12px;line-height:1.5;border-left:1px solid #d9dee3;padding-left:14px}.refined .header nav{gap:22px}.refined .header nav a{font-size:15px;white-space:nowrap}.refined .header nav a[aria-current]{border-color:#4fdff3}.refined .header>.button{white-space:nowrap}.refined .menu-toggle{min-height:48px;min-width:56px;border-color:#d9dee3;background:#fff;border-radius:6px;font-size:16px}.refined .mobile-menu{background:#fff;border-color:#d9dee3}.refined .mobile-menu a{padding-block:8px;min-height:44px}
/* Dezelfde studiofoto en compositie; een leesbaar wit tekstvlak houdt de foto licht. */
.refined .cinema-home{height:580px;min-height:0;max-height:none;background:#f2f4f7;color:#1f2328}.refined .home-photo{object-position:center;animation:none!important;transform:none!important}.refined .cinema-copy{left:6vw;top:50%;bottom:auto;right:auto;transform:translateY(-50%);max-width:520px;width:44%;padding:32px;background:rgba(255,255,255,.97);border-left:3px solid #4fdff3}.refined .cinema-copy h1{font:700 56px/1.08 var(--serif);color:#0f1f3d;margin:0 0 24px}.refined .cinema-copy h1 em{color:#0f1f3d;text-decoration:underline;text-decoration-color:#4fdff3;text-decoration-thickness:3px;text-underline-offset:7px}.refined .cinema-copy .eyebrow{color:#0f1f3d;font-size:12px;margin-bottom:16px}.refined .cinema-copy>p:not(.eyebrow){font-size:18px;line-height:1.5;margin-bottom:24px}.refined .v13-hero-actions{display:flex;align-items:flex-start;gap:16px;flex-direction:column}.refined .v13-hero-actions .button{min-width:0;min-height:48px;display:inline-flex;background:#0f1f3d;color:#fff;padding:14px 18px;font-size:16px;border-color:#0f1f3d}.refined .v13-hero-actions .button svg{position:static}.refined .v13-secondary{font-size:16px;min-height:44px;color:#0f1f3d;padding:8px 0}.refined .image-credit{position:absolute;right:16px;bottom:16px;background:#fff;color:#1f2328;padding:4px 10px;font-size:12px}.route-doors{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0 6vw;border-bottom:1px solid #d9dee3;background:#fff}.route-doors>a{display:flex;flex-direction:column;gap:6px;padding:24px 24px 24px 0;text-decoration:none;border-right:1px solid #d9dee3;color:#0f1f3d}.route-doors>a+a{padding-left:24px}.route-doors>a:last-child{border-right:0}.route-doors span{font-size:12px;color:#1f2328}.route-doors strong{font:700 23px/1.4 var(--serif);display:flex;justify-content:space-between;gap:12px}.route-doors b{font:400 24px var(--sans)}.route-doors small{font-size:14px;color:#1f2328}.route-doors a:hover{background:#f2f4f7}.refined .audience-editorial{padding:88px 8vw}.refined .recognition-copy h2{font:700 44px/1.12 var(--serif)}.refined .recognition-copy>p:not(.eyebrow){font-size:18px}.refined .practice-photo:before{background:#f2f4f7}.refined .practice-photo figcaption{background:#fff;color:#0f1f3d;border-color:#4fdff3;font-size:26px}.refined .practice-photo figcaption small{display:block;font:400 12px/1.5 var(--sans);margin-top:12px;color:#1f2328}.refined .home-choices,.refined .v13-start-bridge,.refined .v13-proof,.refined .v15-commercial{padding:72px 8vw}.refined .choice-grid{border-color:#d9dee3}.refined .choice-entry{border-color:#d9dee3}.refined .choice-entry h3{font:700 28px/1.25 var(--serif)}.refined .choice-entry:hover{background:#f2f4f7}.refined .choice-action{font-size:16px;color:#0f1f3d}.refined .v13-start-option>span,.refined .v13-proof-card .status{color:#1f2328;font-size:13px}.refined .v13-start-option,.refined .v13-proof-card{border-color:#d9dee3}.refined .v13-proof,.refined .v14-customer-route,.refined .invitation{background:#f2f4f7}.refined .v13-proof h2,.refined .v13-start-bridge h2,.refined .choice-intro h2,.refined .v15-commercial h2{font:700 40px/1.12 var(--serif)}.refined .v13-proof p,.refined .v13-proof-card p{color:#1f2328;font-size:16px}.refined .v13-numbers small{color:#1f2328}.refined .review-note{font:400 14px/1.5 var(--sans)!important;border-left:3px solid #4fdff3;padding:12px 16px;background:#fff;color:#1f2328!important;margin-top:16px}.refined .brand-statement-light{background:#f2f4f7;color:#1f2328;padding:72px 8vw;border-block:1px solid #d9dee3}.refined .brand-statement-light h2,.refined .brand-statement-light h2 em,.refined .brand-statement-light .eyebrow{color:#0f1f3d}.refined .brand-statement-light .button{background:#0f1f3d;color:#fff;border-color:#0f1f3d}.refined .brand-statement:after{display:none}.refined .brand-statement-light p{font-size:18px}.refined .invitation{padding:72px 8vw;border-color:#d9dee3}.refined .invitation h2{font-size:40px;line-height:1.15}.refined .page-intro{background:#f2f4f7;border-bottom:1px solid #d9dee3;padding:64px 8vw;margin:0 0 56px}.refined .page-intro h1{font-size:44px;line-height:56px;max-width:900px}.refined .page-intro .lead{font-size:20px;line-height:1.6;max-width:760px}.refined .page-intro .eyebrow:before{background:#4fdff3}.refined .scene-copy h2{font:700 40px/1.12 var(--serif)}.refined .product-chapter{padding-bottom:64px;margin-bottom:48px}.refined .product-chapter:before,.refined .v13-product:before{color:#d9dee3}.refined .scene-copy{padding:32px 8vw;gap:6vw}.refined .scene-copy p:not(.eyebrow){font-size:18px}.refined .scene-image,.refined #main .detail-media{overflow:visible;aspect-ratio:auto;background:#fff;height:auto}.refined .scene-image video,.refined #main .detail-media video,.refined .supporting-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:contain;background:#0f1f3d}.refined .film-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:16px 8vw;background:#fff}.refined .film-actions span{font-size:14px;color:#1f2328}.refined .film-actions .button span{color:#fff}.refined .film-summary{margin:0;padding:0 8vw 24px;font-size:16px;color:#1f2328;max-width:none}.refined .product-chapter-action{border-color:#d9dee3;padding-top:24px}.refined .product-chapter-action>p{font-size:16px}.refined .product-breadcrumb{border-color:#d9dee3}.refined #main .detail-top{background:#f2f4f7}.refined #main .detail-top>div:first-child{width:100%;padding:64px 8vw}.refined #main .detail-top h1{font:700 44px/1.25 var(--serif)}.refined #main .detail-top>div:first-child>p:not(.eyebrow){font-size:20px}.refined #main .detail-top .detail-caption{background:#fff;color:#1f2328;font-size:16px}.refined #main .detail-section{padding:64px 8vw;background:#fff}.refined #main .detail-section:nth-child(even){background:#f2f4f7}.refined #main .detail-section h2{font:700 36px/1.2 var(--serif);margin:0 0 24px}.refined #main .detail-section h3{font:700 24px/1.3 var(--serif)}.refined #main .detail-section>p{font-size:18px}.refined .feature-list h3{font-size:24px}.refined .role-output,.refined .price-panel,.refined .glass-demo,.refined .glass-result,.refined .work-example{background:#f2f4f7;color:#1f2328;border-color:#d9dee3}.refined .role-output p,.refined .role-output ul,.refined .glass-result p,.refined .glass-result ul{font-size:16px;color:#1f2328}.refined .role-tabs button{border-color:#d9dee3;color:#0f1f3d}.refined .role-tabs button[aria-selected=true]{background:#0f1f3d;color:#fff}.refined .team-config label{background:#fff;border-color:#d9dee3}.refined .team-config label:has(input:checked){border-color:#0f1f3d;background:#f2f4f7}.refined input[type=checkbox]{accent-color:#0f1f3d;width:20px;height:20px}.refined .demo-toolbar button{border-color:#d9dee3;color:#1f2328;background:#fff}.refined .demo-toolbar button[aria-pressed=true]{color:#fff;background:#0f1f3d}.refined .demo-frame{height:820px;border-color:#d9dee3}.refined .demo-frame-container{position:relative}.refined .demo-note{color:#1f2328;font-size:16px!important}.refined #main .eef-demo{background:#f2f4f7;color:#1f2328}.refined #main .eef-demo h3,.refined #main .eef-demo .eyebrow{color:#0f1f3d}.refined .v13-trust{padding:64px 8vw;background:#fff;border-top:1px solid #d9dee3}.refined .v13-trust>p{max-width:78ch;font-size:18px}.refined .v13-trust h2{max-width:800px}.refined .v13-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:32px}.refined .v13-trust-grid h3{font-size:24px}.refined .v13-trust-grid p{font-size:16px;color:#1f2328}.content-section{padding:48px 8vw}.content-section>p{max-width:78ch;font-size:18px}.content-section a:not(.button){color:#0f1f3d;text-underline-offset:4px}.discovery-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:56px}.refined .discovery-price{display:block;padding:32px;border-left:3px solid #4fdff3}.refined .price-big{font:700 56px/1.2 var(--serif);color:#0f1f3d}.refined .plain-list{padding-left:24px}.plain-list li{padding:8px 0}.refined .process{grid-template-columns:repeat(3,1fr)}.refined .context-grid h3,.refined .context-grid p{color:#1f2328}.refined .context-grid p{max-width:none;font-size:16px}.refined .contact-spread{padding-top:0;gap:7vw;grid-template-columns:1fr 1fr}.refined .contact-spread h2{font-size:32px;line-height:1.25}.refined .contact-spread a:not(.button){font-size:18px;overflow-wrap:anywhere}.contact-portraits{display:flex;gap:16px;margin:24px 0}.contact-portraits img{width:calc(50% - 8px);height:240px;object-fit:cover;object-position:center 25%;background:#f2f4f7}.refined .founders img{object-fit:cover}.refined .founders h3{font-size:24px}.refined form label,.refined form legend{font-size:16px;font-weight:500;display:block;margin:16px 0 8px}.refined form fieldset{padding:0;border:0;margin:0 0 24px}.refined form input,.refined form textarea,.refined form select{display:block;width:100%;max-width:100%;font:400 16px/1.5 var(--sans);color:#1f2328;background:#fff;border:1px solid #d9dee3;border-radius:4px;padding:12px;margin-bottom:16px;min-height:48px}.refined form textarea{resize:vertical}.refined .form-note{font-size:14px;line-height:1.6;color:#1f2328}.refined #email-result{margin-top:24px;padding-top:24px;border-top:1px solid #d9dee3}.refined #email-result .button{margin:8px 0}.refined .footer{background:#fff;border-top:1px solid #d9dee3;max-width:100%;gap:32px;padding:40px 8vw}.refined .footer img{width:44px;height:44px;object-fit:contain}.refined .footer a{font-size:16px;min-height:32px}.refined .footer p{color:#1f2328;font-size:14px}.refined .other-products{margin-bottom:64px}.refined .other-products h2{font-size:36px}.refined .other-products>a:hover{background:#f2f4f7}.refined .faq summary{font-size:18px}.refined .work-example h2{font-size:36px}.refined .example-output,.refined .example-input{background:#fff;color:#1f2328;border-color:#d9dee3}.refined .example-columns{gap:32px}
@media(min-width:1600px){.refined .cinema-home{height:650px}}
@media(max-width:1180px){.refined .header nav{display:none}.refined .menu-toggle{display:block}.refined .header>.button{margin-left:auto}.refined .mobile-menu:not([hidden]){display:flex;position:fixed;top:96px;z-index:40;left:0;right:0;flex-direction:column;padding:16px 6vw}.refined .cinema-copy{width:49%;max-width:520px}.refined .cinema-copy h1{font-size:48px}.route-doors strong{font-size:21px}.refined .brand span{display:block}}
@media(max-width:700px){html{scroll-padding-top:80px}.refined .header{height:76px;padding:0 20px}.refined .brand img{width:82px;height:44px}.refined .brand span{font-size:10px;padding-left:10px}.refined .header>.button{display:none}.refined .menu-toggle{margin-left:auto}.refined .mobile-menu:not([hidden]){top:76px}.refined .cinema-home{height:auto;min-height:0;display:flex;flex-direction:column;padding:0;background:#fff;overflow:hidden}.refined .home-photo{position:relative;inset:auto;order:2;width:100%;height:240px;object-fit:cover;object-position:center}.refined .cinema-copy{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;width:auto;max-width:none;padding:28px 24px 24px;border:0;order:1}.refined .cinema-copy h1{font-size:44px;line-height:1.12;margin-bottom:16px}.refined .cinema-copy .eyebrow{font-size:12px;max-width:32ch;margin-bottom:16px}.refined .cinema-copy>p:not(.eyebrow){font-size:18px;line-height:1.45;margin-bottom:16px}.refined .cinema-copy>p:not(.eyebrow) br{display:none}.refined .cinema-copy>p:not(.eyebrow) br:after{content:' '}.refined .cinema-copy .v13-hero-actions{gap:8px}.refined .v13-secondary{font-size:16px}.refined .image-credit{bottom:8px;right:8px}.route-doors{display:flex;flex-direction:column;padding:0 24px}.route-doors>a,.route-doors>a+a{border-right:0;border-bottom:1px solid #d9dee3;padding:16px 0;gap:3px}.route-doors>a:last-child{border-bottom:0}.route-doors span{display:none}.route-doors strong{font-size:21px}.route-doors small{font-size:14px}.refined .cinema-home+.route-doors{position:relative}.refined .audience-editorial,.refined .home-choices,.refined .v13-start-bridge,.refined .v13-proof,.refined .v15-commercial,.refined .brand-statement-light,.refined .invitation,.refined .v13-trust{padding:48px 24px}.refined .recognition-copy h2,.refined .v13-proof h2,.refined .v13-start-bridge h2,.refined .choice-intro h2,.refined .v15-commercial h2,.refined .brand-statement h2{font-size:34px;line-height:1.15}.refined .practice-photo figcaption{margin:-48px 0 0;width:95%;padding:20px;font-size:24px}.refined .practice-photo:before{right:0}.refined .practice-photo img{aspect-ratio:4/3}.refined .choice-entry h3{font-size:26px}.refined .page-intro{padding:40px 24px;margin-bottom:32px}.refined .page-intro h1,.refined #main .detail-top h1{font-size:36px;line-height:1.18}.refined .page-intro .lead{font-size:18px}.refined .scene-copy{padding:24px;display:block}.refined .scene-copy h2{font-size:32px;margin-bottom:20px}.refined .product-chapter{padding-bottom:32px;margin-bottom:24px}.refined .product-chapter-action{padding:20px 24px;display:block}.refined .product-chapter-action>p{font-size:16px;margin-bottom:16px}.refined .scene-image video,.refined #main .detail-media video{max-height:none}.refined .film-actions{padding:16px 24px;gap:12px}.refined .film-summary{padding:0 24px 20px;font-size:16px}.refined .film-actions>span{font-size:14px}.refined .product-breadcrumb{padding:20px 24px;font-size:14px}.refined #main .detail-top>div:first-child,.refined #main .detail-section{padding:40px 24px}.refined #main .detail-top>div:first-child>p:not(.eyebrow){font-size:18px}.refined #main .detail-section h2,.refined .v13-trust h2{font-size:30px}.refined .v13-trust-grid,.discovery-grid{grid-template-columns:1fr;gap:24px}.refined .v13-trust-grid p{margin-bottom:0}.content-section{padding:32px 24px}.refined .content-section h2{font-size:30px;line-height:1.2}.refined .discovery-price{padding:24px}.refined .process{grid-template-columns:1fr}.refined .contact-spread{display:block;padding:0 24px 40px}.refined .contact-spread>div+div{margin-top:32px}.contact-portraits img{height:200px}.refined .contact-spread a:not(.button){font-size:16px}.refined .footer{padding:32px 24px;flex-direction:column}.refined .footer a{min-height:44px;display:inline-flex;align-items:center}.refined .footer p{font-size:14px}.refined .other-products{margin:0 24px 40px}.refined .other-products h2{font-size:32px}.refined .founders{padding-inline:24px;gap:32px}.refined .demo-frame{height:750px}.refined .context-grid{grid-template-columns:1fr}.refined .feature-list p{font-size:16px!important}.refined .work-example{padding:40px 24px}.refined .example-columns{display:block}.refined .example-columns>div{margin-bottom:24px}.refined .example-follow{display:block}.refined .button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){.hero-routes{display:flex;flex-wrap:wrap;gap:0 16px;margin:-8px 0 12px}.hero-routes a{display:flex;align-items:center;min-height:44px;font-size:16px;color:#0f1f3d;text-underline-offset:4px}.refined .cinema-copy .eyebrow{max-width:none}.refined .cinema-copy h1{font-size:44px}}