@font-face{font-family:Barlow;src:url(/fonts/barlow-400.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-500.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-600.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-700.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url(/fonts/barlow-400-italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}html{scrollbar-gutter:stable;scroll-behavior:smooth;scroll-padding-top:90px}body{color:#fff;overflow-wrap:break-word;background:#141414;font-family:Barlow,sans-serif;font-size:16px;line-height:1.5625}body.menu-open{position:fixed;left:0;right:0;overflow:hidden}button,input,textarea{border-radius:0}button,a,summary{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:focus-visible{outline-offset:5px;outline:2px solid #ff671f}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;color:#141414;background:#fff;padding:12px 18px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;color:#fff;mix-blend-mode:difference;background:0 0;justify-content:space-between;align-items:center;height:73px;padding:0 20px;display:flex;position:fixed;inset:0 0 auto}.site-logo{place-items:center;min-height:44px;display:grid}.site-logo img{filter:brightness(0)invert();width:89.5319px;max-width:none;height:auto;display:block}.menu-toggle{appearance:none;width:44px;height:44px;box-shadow:none;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;outline:none;place-content:center;gap:7px;padding:4px;display:grid}.menu-toggle:focus-visible{outline:none}html.gebruikt-toetsenbord .menu-toggle:focus-visible{outline-offset:5px;outline:2px solid #ff671f}.menu-toggle span{transform-origin:50%;background:currentColor;width:35px;height:1px;transition:transform .25s;display:block}@media (hover:hover){.menu-toggle:not([aria-expanded=true]):hover span:first-child{transform:translate(3px)}.menu-toggle:not([aria-expanded=true]):hover span:last-child{transform:translate(-3px)}}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px)rotate(-45deg)}@media (prefers-reduced-motion:reduce){.menu-toggle span{transition:none}}.rail-social{display:none}.menu-dialog{isolation:isolate;color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}.menu-dialog:before{z-index:-1;content:"";background:#080808;transition:transform .38s cubic-bezier(.22,1,.36,1);position:fixed;inset:0;transform:translate(-100%)}.menu-dialog.is-open:before{transform:translate(0)}.menu-dialog::backdrop{background:#00000059}.menu-content{opacity:0;gap:36px;padding:115px 28px 42px;transition:opacity .25s,transform .38s;display:grid;transform:translate(-30px)}.menu-dialog.is-open .menu-content{opacity:1;transform:none}.menu-links,.menu-social{list-style:none}.menu-links{text-align:center;gap:6px;display:grid}.menu-links a{text-transform:uppercase;padding:8px 0;font-size:25px;font-weight:500;transition:color .18s,transform .18s;display:block}.menu-links a:hover,.menu-links a[aria-current]{color:#ff671f;transform:translate(6px)}.menu-social{text-align:center;color:#919197;border-top:1px solid #333;flex-flow:column wrap;gap:20px;margin-top:24px;padding-top:20px;display:flex}.menu-social a{padding:10px 0;display:inline-block}.menu-contact{display:none}.menu-contact h2{font-size:28px;font-weight:400}.menu-contact p{color:#919197;margin:10px 0 24px}.menu-contact a{text-underline-offset:6px;width:fit-content;min-height:44px;padding:8px 0;text-decoration:underline;display:block}.button{max-width:100%;min-height:44px;color:inherit;letter-spacing:.05em;text-align:center;background:0 0;border:1px solid #0006;justify-content:center;align-items:center;padding:10px;font-size:15px;line-height:1.2;transition:background-color .18s,color .18s;display:inline-flex}.button:hover{color:#fff;background:#141414}.text-link{text-underline-offset:5px;min-height:44px;padding:9px 0;text-decoration:underline;display:inline-block}.text-link:hover,.site-footer a:hover,.menu-social a:hover{color:#ff671f}.will-reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(14px)}.will-reveal.is-visible{opacity:1;transform:none}.site-footer{color:#fff;background:#141414}.footer-contact{padding:76px 20px 0}.footer-block{padding:14px 0}.footer-block+.footer-block{border-top:1px solid #fff6}.footer-block h2{letter-spacing:.05em;margin-bottom:10px;font-size:28px;font-weight:400;line-height:25px}.footer-block+.footer-block h2{letter-spacing:-.05em;font-size:16px}.footer-block p{color:#fff6;letter-spacing:-.05em;max-width:25ch;margin-bottom:10px}.footer-block a{letter-spacing:-.05em;min-height:44px;padding:9px 0;display:inline-block}.footer-copyright{color:#919197;letter-spacing:-.05em;border-top:.5px solid #fff6;flex-wrap:wrap;justify-content:center;align-items:center;gap:3px;min-height:90px;padding:20px;font-size:14px;display:flex}@font-face{font-family:Outfit;src:url(/fonts/outfit-900.ttf)format("truetype");font-weight:900;font-display:swap}.footer-copyright strong{font-family:Outfit,sans-serif;font-weight:900}@media (width>=734px){main,.site-footer{padding-left:80px}.site-header{border-right:1px solid #91919740;flex-direction:column;width:80px;height:100dvh;padding:24px 0;inset:0 auto 0 0}.site-header>.site-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.rail-social{gap:8px;margin-top:auto;display:grid}.rail-social a{width:44px;height:44px;color:inherit;place-items:center;display:grid}.rail-social svg{width:18px;height:18px;display:block}.rail-social a:hover{color:#ff671f}.menu-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0;min-height:100%;margin-left:80px;padding:70px 5%}.menu-links,.menu-social{text-align:right}.menu-navigation{text-align:right;padding:20px 40px 20px 0}.menu-links a:hover,.menu-links a[aria-current]{transform:translate(-6px)}.menu-social{flex-direction:column;gap:10px}.menu-contact{border-left:1px solid #333;padding:45px 0 45px 40px;display:block}.footer-contact{grid-template-columns:repeat(2,minmax(0,1fr));padding:72px 40px 0;display:grid}.footer-block{border-top:1px solid #fff6;padding:40px 25px}.footer-block+.footer-block{border-left:1px solid #fff6}.footer-block p{max-width:none}}@media (width>=1200px){main,.site-footer{padding-left:96px}.site-header{width:96px}.menu-content{margin-left:96px;padding-left:15%;padding-right:15%}.site-footer{padding-left:0}.footer-contact{padding:88px 6.667% 0 calc(6.667% + 96px);position:relative}.footer-contact:before{content:"";border-top:1px solid #fff6;position:absolute;top:88px;left:0;right:0}.footer-contact .footer-block{border-top:0}.footer-copyright{padding-left:116px}.footer-block:first-child{flex-direction:column;align-items:flex-end;display:flex}.footer-block{padding:50px}}@media (prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none}}main{color:#000;background:#fff}.case-hero{align-items:center;min-height:100svh;padding:100px 20px 35px;display:flex}.case-hero h1{letter-spacing:-.05em;max-width:820px;font-size:36px;font-weight:600;line-height:1.2}.case-section{letter-spacing:-.05em;gap:36px;padding:50px 20px;font-size:14px;line-height:1.25;display:grid}.case-section>h2{color:#f24e1e;letter-spacing:normal;font-size:30px;font-weight:600;line-height:1.2}.case-assignment{gap:46px}.case-copy{gap:36px;min-width:0;display:grid}.case-copy h3,.case-copy .case-label{color:#f24e1e;font-size:inherit;font-weight:500}.case-portrait{aspect-ratio:1;object-fit:cover;object-position:center top;width:100%;height:auto;max-height:854px}.case-portrait-barber{object-fit:contain}.case-preview video{aspect-ratio:16/9;object-fit:contain;background:#141414;width:100%}.case-preview{position:relative}.case-video-fallback{z-index:1;color:#fff;background:#141414;border:1px solid #fff;min-height:44px;padding:10px 18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-video-fallback:hover,.case-video-fallback:focus-visible{background:#ff671f}.analytics-dashboard{color:#fff;letter-spacing:normal;background:#141414;border:1px solid #333;border-radius:4px;align-self:center;min-width:0;margin:0;padding:clamp(16px,2.2vw,32px);line-height:1.45;container-type:inline-size}.analytics-header{gap:16px;margin-bottom:24px;display:grid}.analytics-eyebrow{color:#ff671f;letter-spacing:.12em;margin-bottom:8px;font-size:10px;font-weight:600}.analytics-header h3{letter-spacing:-.03em;font-size:clamp(22px,3.5cqi,28px);font-weight:500;line-height:1.2}.analytics-period{color:#b3b3b3;font-size:12px}.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 28px;display:grid}.analytics-stat{background:#1b1b1b;border:1px solid #363636;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:clamp(12px,2cqi,18px);display:flex}.analytics-stat dt{color:#bfbfbf;font-size:12px}.analytics-stat dd{font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin:0;font-size:clamp(28px,5cqi,38px);font-weight:500;line-height:1}.analytics-stat:first-child dd{color:#ff671f}.analytics-stat dd span{font-size:.65em}.analytics-legend{color:#d0d0d0;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:12px;display:flex}.analytics-key{align-items:center;gap:7px;display:inline-flex}.analytics-key:before{content:"";background:#fff;flex-shrink:0;width:14px;height:2px}.analytics-key-clicks:before{background:#ff671f}.analytics-plot{grid-template-columns:18px minmax(0,1fr) 18px;gap:8px;display:grid}.analytics-svg{width:100%;height:auto;display:block;overflow:visible}.analytics-axis{color:#b3b3b3;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;font-size:10px;line-height:1;display:flex}.analytics-axis:last-child{text-align:right}.analytics-grid path{fill:none;stroke:#363636;vector-effect:non-scaling-stroke}.analytics-line{fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}.analytics-line-clicks{stroke:#ff671f}.analytics-line-impressions{stroke:#fff;opacity:.8}.analytics-dates{color:#b3b3b3;justify-content:space-between;margin:12px 26px 0;font-size:10px;display:flex}.analytics-dashboard figcaption{color:#b3b3b3;border-top:1px solid #363636;gap:4px;margin-top:24px;padding-top:16px;font-size:11px;display:grid}@container (width>=560px){.analytics-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.analytics-header{grid-template-columns:minmax(0,1fr) auto;align-items:end}}@media (prefers-reduced-motion:no-preference){.analytics-dashboard.is-ready .analytics-stat{transition:opacity .5s,transform .5s}.analytics-dashboard.is-ready .analytics-stat:nth-child(2){transition-delay:80ms}.analytics-dashboard.is-ready .analytics-stat:nth-child(3){transition-delay:.16s}.analytics-dashboard.is-ready .analytics-stat:nth-child(4){transition-delay:.24s}.analytics-dashboard.is-ready .analytics-chart{transition:opacity .5s .24s}.analytics-dashboard.is-ready .analytics-line{transition:stroke-dashoffset 1.6s .34s}.analytics-dashboard.is-ready .analytics-line-clicks{transition-delay:.48s}.analytics-dashboard.is-ready:not(.is-visible) .analytics-stat{opacity:0;transform:translateY(10px)}.analytics-dashboard.is-ready:not(.is-visible) .analytics-chart{opacity:0}.analytics-dashboard.is-ready:not(.is-visible) .analytics-line{stroke-dashoffset:1px}}.case-outcomes{gap:0;display:grid}.case-outcomes li{padding:10px 0;font-size:16px}.case-website{letter-spacing:.05em;border-bottom:1px solid #0006;width:fit-content;max-width:100%;min-height:44px;padding:12px 10px;font-size:12px;display:block}a.case-website:hover{color:#f24e1e}.case-review{color:#fffc;text-align:center;background-position:50%;background-size:cover;flex-direction:column;justify-content:center;gap:40px;min-height:620px;padding:70px 40px;display:flex}.case-review blockquote{letter-spacing:.05em;font-size:18px;font-style:italic;line-height:1.3}.case-review figcaption{letter-spacing:.05em;font-size:12px;line-height:1.4}@media (width>=734px){.case-hero{min-height:100svh;padding:190px 40px 80px}.case-hero h1{font-size:56px}.case-section{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:40px;padding:80px 40px;font-size:18px}.case-section>h2{font-size:36px}.case-portrait{aspect-ratio:768/650}.case-portrait-barber{aspect-ratio:768/580}.case-review{min-height:700px;margin-left:-80px;padding:90px 12% 90px calc(12% + 80px)}.case-review blockquote{font-size:28px}}@media (width>=1200px){.case-hero{min-height:100vh;padding:210px 6.667% 96px}.case-hero h1{font-size:76px}.case-section{gap:7%;padding:100px 6.667%;font-size:20px}.case-section>h2{font-size:50px}.case-portrait{aspect-ratio:1440/854;object-position:center 50%;max-height:none}.case-portrait-barber{aspect-ratio:1440/680}.case-preview video{aspect-ratio:1440/650}.case-strategy{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}.case-result{align-items:center;padding-top:110px;padding-bottom:110px}.case-review{gap:65px;margin-left:-96px;padding:100px 18% 100px calc(18% + 96px)}.case-review blockquote{font-size:36px}}.case-review{background-image:linear-gradient(#000000a6,#000000a6),url(/images/projects/haarfijn-review.webp);background-position:50%,50% 35%}@media (width>=1200px){.case-review{background-position:50%,50% 18%}}