/* nixcape — Perspective. Editorial design system, September 2026. */
@import url('../assets/fonts/manrope.css');
@import url('../assets/fonts/instrument-serif.css');
:root,html[data-theme]{--paper:#f4f2eb;--ink:#21211f;--coral:#f05a3c;--soft:#e9e7df;--line:#d5d3cb;--quiet:#63635e;--bg-deep:var(--paper);--bg-raise:#ebe9e2;--bg-surface:#fffefa;--text:var(--ink);--muted:var(--quiet);--faint:#65655f;--border:var(--line);--border-strong:#aaa99f;--glass:#eeece5;--glass-2:#e7e4db;--violet:#c44029;--blue:#bc3823;--cyan:#b43824;--grad:linear-gradient(115deg,#c44029,#e96644);--f-body:'Manrope',Arial,sans-serif;--f-display:'Manrope',Arial,sans-serif;--f-statement:'Manrope',Arial,sans-serif;--f-mono:'Manrope',Arial,sans-serif;--container:1440px;--gutter:clamp(22px,4.3vw,72px);--r-card:3px;--r-panel:4px;--r-input:3px;color-scheme:light;background:var(--paper)}
body.site-redesign{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.65;overflow-x:clip;-webkit-font-smoothing:antialiased}
.site-redesign *, .site-redesign *::before,.site-redesign *::after{box-sizing:border-box}
.site-redesign [hidden]{display:none!important}.site-redesign a{color:inherit;text-decoration:none}.site-redesign button{font:inherit;cursor:pointer}.site-redesign a,.site-redesign button{-webkit-tap-highlight-color:transparent}
.site-redesign img{display:block;max-width:100%;height:auto}.site-redesign :focus-visible{outline:2px solid #bf3d28;outline-offset:6px;box-shadow:none;border-radius:2px}
.site-redesign ::selection{background:var(--coral);color:#171716}.site-redesign h1,.site-redesign h2,.site-redesign h3,.site-redesign p{margin:0}.site-redesign h1,.site-redesign h2,.site-redesign h3{font-family:var(--f-display)}
.site-redesign em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}.wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}
.eyeline{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.12em;text-transform:uppercase}.eyeline i{width:6px;height:6px;border-radius:50%;background:var(--coral)}
.studio-nav{position:relative;z-index:50;background:var(--paper)}.studio-nav__inner{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-inline:0;margin-inline:var(--gutter);max-width:1456px}
.studio-brand{display:block;flex-shrink:0}.studio-brand img{width:165px;height:auto}.studio-nav__links{display:flex;align-items:center;gap:32px;margin-left:auto;margin-right:60px;font-size:13.5px;font-weight:600}
.studio-nav__links>a,.nav-services>summary{position:relative;padding:12px 0;cursor:pointer}.studio-nav__links>a::after{content:'';position:absolute;bottom:4px;left:0;width:0;height:1px;background:currentColor;transition:width .25s}.studio-nav__links>a:hover::after,.studio-nav__links>a[aria-current=page]::after{width:100%}
.nav-services{position:relative}.nav-services summary{list-style:none;display:flex;align-items:center;gap:9px}.nav-services summary::-webkit-details-marker{display:none}.nav-services summary span{font-size:16px}.nav-services[open] summary span{transform:rotate(45deg)}.nav-services__panel{position:absolute;top:44px;left:-24px;width:315px;padding:18px;background:var(--paper);border:1px solid var(--line);box-shadow:0 20px 40px #21211f14}.nav-services__panel a{display:block;padding:12px;border-bottom:1px solid var(--line)}.nav-services__panel a:last-child{border:0}.nav-services__panel a:hover{background:var(--soft)}.nav-services__panel small{display:block;font-size:12.5px;font-weight:400;color:var(--quiet);margin-top:3px}
.pill{min-height:46px;padding:13px 21px;display:inline-flex;align-items:center;justify-content:center;gap:32px;border:1px solid var(--ink);border-radius:40px;font-size:14px;font-weight:650;line-height:1.5;white-space:nowrap;transition:background .25s,color .25s,transform .25s}.pill span{font-size:20px;font-weight:400;line-height:1}.pill--dark{background:var(--ink);color:var(--paper)!important}.pill--dark:hover{background:var(--coral);color:var(--ink)!important;border-color:var(--coral)}.pill--coral{background:var(--coral);border-color:var(--coral);color:#161615!important}.pill--coral:hover{background:#ff8065;transform:translateY(-2px)}.pill--outline:hover{background:var(--ink);color:var(--paper)!important}
.studio-menu-toggle{display:none;border:0;background:none;align-items:center;gap:12px;font-size:13.5px;min-height:44px;padding:0 2px}.menu-lines{width:22px;height:12px;position:relative}.menu-lines::before,.menu-lines::after{content:'';height:1px;background:var(--ink);position:absolute;left:0;width:22px;transition:transform .2s,top .2s}.menu-lines::before{top:2px}.menu-lines::after{top:10px}.studio-menu-toggle[aria-expanded=true] .menu-lines::before{transform:rotate(45deg);top:6px}.studio-menu-toggle[aria-expanded=true] .menu-lines::after{transform:rotate(-45deg);top:6px}
.studio-mobile{position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:16px var(--gutter) 30px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px #21211f12;max-height:calc(100dvh - 84px);overflow:auto}.studio-mobile>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:14px 0;font-size:20px;letter-spacing:-.04em}.studio-mobile>a:last-child{margin-top:16px;padding:14px 20px;font-size:14.5px}.studio-mobile>a span{color:var(--quiet)}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:10px 0 8px;border-bottom:1px solid currentColor;font-size:13.5px;font-weight:650;line-height:1.5;transition:color .2s}.text-link span{font-size:24px;font-weight:400;line-height:1;transition:transform .25s}.text-link:hover{color:#b43a24}.text-link:hover span{transform:translate(3px,-3px)}
.home-hero{padding-top:34px}.hero-eyebrow{display:flex;justify-content:space-between;align-items:center}.hero-location{font-size:11px;color:var(--quiet)}.hero-location span{margin:0 12px;color:var(--ink)}.hero-heading{display:grid;grid-template-columns:1fr 245px;align-items:end;gap:30px;padding:40px 0 47px}.hero-heading h1{position:relative;font-size:clamp(76px,10.5vw,159px);font-weight:500;letter-spacing:-.075em;line-height:.93;white-space:nowrap}.hero-heading h1 em{color:var(--coral);letter-spacing:-.045em;font-size:1.11em}.hero-asterisk{display:inline-block;vertical-align:top;font-size:.33em;color:var(--coral);margin:9px 0 0 14px;font-family:Arial,sans-serif;line-height:1}.hero-intro{padding-bottom:5px}.hero-intro p{font-size:13.5px;line-height:1.9;margin-bottom:18px;max-width:240px}.hero-intro .text-link{font-size:12.5px}
.hero-art{display:block;position:relative;overflow:hidden;background:#4f514d;aspect-ratio:2.42/1;color:var(--paper)!important}.hero-art>img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.hero-art:hover>img{transform:scale(1.025)}.hero-art::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 58%)}.hero-art__top,.hero-art__bottom{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;z-index:1}.hero-art__top{top:25px;font-size:11px;font-weight:600;line-height:1.5;text-shadow:0 1px 8px #000}.hero-art__bottom{bottom:27px;align-items:end;font-size:clamp(23px,3vw,44px);font-weight:500;line-height:1.05;letter-spacing:-.04em}.round-link{width:58px;height:58px;border-radius:50%;background:var(--paper);color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:31px;transition:background .25s,transform .25s}.hero-art:hover .round-link{background:var(--coral);transform:rotate(-45deg)}.hero-footnote{display:flex;align-items:center;justify-content:space-between;padding-top:16px;font-size:10px;color:var(--quiet);letter-spacing:.025em}.hero-footnote a{display:flex;gap:13px}.hero-footnote a span{color:var(--ink)}
.intro-section{display:grid;grid-template-columns:1fr 2.15fr;gap:60px;padding-top:128px;padding-bottom:126px}.section-marker{display:flex;flex-direction:column;align-items:flex-start;gap:46px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}.section-marker i{font-style:normal;font-size:90px;font-weight:400;line-height:1;color:var(--coral)}.intro-content h2{font-size:clamp(32px,4.25vw,66px);font-weight:500;line-height:1.15;letter-spacing:-.05em}.intro-content h2 em{color:var(--quiet);font-size:1.12em}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:33px}.intro-bottom p{font-size:14.5px;line-height:1.9;max-width:425px;color:var(--quiet)}.intro-bottom .text-link{flex-shrink:0}
.section-top{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:48px}.section-top h2,.studio-copy h2,.questions-section h2,.journal-heading h2{font-size:clamp(40px,5.3vw,76px);line-height:1.06;letter-spacing:-.06em;font-weight:500;margin-top:23px}.section-top h2 em{font-size:1.1em}.section-top>p{max-width:285px;font-size:13.5px;line-height:1.9;color:var(--quiet);margin-bottom:5px}.work-section{padding-top:0;padding-bottom:104px}.selected-work{display:grid;grid-template-columns:1fr 1fr;gap:62px 30px}.work-item{min-width:0}.work-item--wide{grid-column:1/-1}.work-item--offset{padding-top:90px}.work-image{position:relative;display:block;overflow:hidden;aspect-ratio:1.11;background:#d6ddce}.work-item--wide .work-image{aspect-ratio:2.04}.work-image--check{background:#d9dfd2}.work-image--app{background:#d7def4}.work-image--zoekd{background:#ead9c4}.work-image--proart{background:#e7ded0}.work-image--proart .browser-frame{transform:rotate(3deg)}.work-image--spotlit{background:#dfe8cd}.work-art-label{display:flex;position:absolute;top:29px;left:30px;right:30px;justify-content:space-between;align-items:center;z-index:2}.work-art-label>span:first-child{font-weight:800;font-size:20px;letter-spacing:-.06em}.work-art-label>span:last-child{font-size:10px}.browser-frame{background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 30px 60px #22232b30;position:absolute;top:95px;left:10%;width:82%;transform:rotate(-3deg);transition:transform .65s cubic-bezier(.2,.7,.2,1)}.browser-frame img{width:100%;height:auto;display:block}.browser-top{height:28px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#f9f9f9}.browser-top i{width:5px;height:5px;background:#d9d9da;border-radius:50%}.browser-top span{font-size:9px;position:absolute;left:43%;color:#737374}.browser-top b{font-size:13.5px;font-weight:400;margin-left:auto}.work-item--wide .browser-frame{width:73%;left:14%;top:90px;transform:rotate(-4deg)}.work-image:hover .browser-frame{transform:rotate(0deg) translateY(-8px)}.work-image--zoekd .browser-frame{width:99%;left:11%;top:25%;transform:rotate(5deg)}.work-image--zoekd:hover .browser-frame{transform:rotate(2deg) translateY(-8px)}.project-arrow{position:absolute;bottom:23px;right:23px;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--paper);font-size:23px;z-index:3;transition:background .25s,transform .25s}.work-image:hover .project-arrow{background:var(--coral);transform:rotate(45deg)}
.work-caption{position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;padding-top:20px}.work-caption h3{font-size:20px;font-weight:650;letter-spacing:-.04em}.work-caption p{font-size:12.5px;color:var(--quiet);margin-top:3px}.work-caption>span:not(.project-kind){font-size:10px;color:var(--quiet);margin-top:6px}.work-caption .project-kind{width:100%;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--quiet)}.work-more{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:58px;padding-top:35px;border-top:1px solid var(--line)}.work-more p{font-size:13.5px;color:var(--quiet)}
.app-composition{position:absolute;inset:0}.app-orbit{position:absolute;right:-8%;top:25%;width:75%;aspect-ratio:1;border:1px solid #bcc6e2;border-radius:50%}.app-orbit::after{content:'';position:absolute;inset:12%;border:1px solid #bcc6e2;border-radius:50%}.app-device{position:absolute;width:40%;height:78%;left:15%;top:22%;border:6px solid #242629;border-radius:32px;background:#f8f9fc;transform:rotate(-10deg);box-shadow:10px 20px 40px #2b2f4c38;overflow:hidden;transition:transform .6s}.work-image:hover .app-device{transform:rotate(-5deg) translateY(-8px)}.device-island{position:absolute;top:8px;left:35%;width:30%;height:13px;background:#232427;border-radius:20px;z-index:2}.device-content{padding:10px 15px;color:#252737}.device-time{font-size:9px;display:block}.device-brand{margin:26px 0 18px;display:flex;justify-content:space-between;font-size:14.5px;font-weight:800}.device-content h4{font-family:var(--f-body);font-size:20px;line-height:1.1;letter-spacing:-.05em;margin:0 0 16px}.device-tile{background:#4e64d9;color:#fff;border-radius:6px;aspect-ratio:1.4;padding:13px;display:flex;flex-direction:column;justify-content:space-between;font-size:10px}.device-tile strong{font-size:48px;line-height:1;align-self:end}.device-status{font-size:6px;display:flex;gap:5px;align-items:center;margin:15px 0}.device-status i{width:4px;height:4px;background:#2d925f;border-radius:50%}.device-button{display:block;padding:9px 5px;background:#232427;border-radius:3px;color:#fff;font-size:6px;text-align:center}.device-content small{font-size:5px;display:block;text-align:center;margin-top:12px}.app-note{position:absolute;top:39%;right:10%;font-size:30px;line-height:1.1;font-weight:500;letter-spacing:-.055em}.app-note em{font-size:1.5em;color:#5265bb}.app-note>span{display:block;font-size:7px;font-weight:500;letter-spacing:.04em;margin-top:23px}
.expertise-section{background:var(--ink);color:var(--paper);padding:100px 0 40px}.expertise-section .eyeline{color:#bebdb5}.expertise-section h2 em{color:var(--coral)}.expertise-section .section-top>p{color:#bfbbb1}.expertise-section .section-top{margin-bottom:62px}.service-list{border-top:1px solid #ffffff30}.service-row{display:grid;grid-template-columns:34px 1.1fr 1fr 1fr 35px;align-items:center;gap:25px;padding:35px 0;border-bottom:1px solid #ffffff30;transition:padding .3s,background .3s}.service-number{font-size:10px;color:#b0afa6}.service-row h3{font-size:clamp(22px,2.4vw,35px);line-height:1.2;letter-spacing:-.05em;font-weight:500}.service-row p{font-size:12.5px;line-height:1.9;color:#c5c3b9;max-width:240px}.service-tags{font-size:9px;color:#aaa89e;text-align:right}.service-arrow{font-size:28px;justify-self:end;color:var(--coral)}.service-row:hover{padding-inline:14px;background:#ffffff05}.service-row:hover h3{color:var(--coral)}.expertise-footer{display:flex;justify-content:space-between;align-items:center;margin-top:27px;font-size:11px;color:#b7b5ab}.expertise-footer .text-link{color:var(--paper);font-size:12.5px}
.studio-section{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(40px,9vw,130px);align-items:center;padding-top:120px;padding-bottom:120px}.studio-photo{position:relative;background:#dcd9d0;aspect-ratio:1/1.12;overflow:hidden;border-radius:22px}.studio-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.photo-label{position:absolute;left:0;bottom:0;right:0;padding:25px 26px;background:linear-gradient(transparent,#000b);color:white;font-size:20px;font-weight:500;letter-spacing:-.025em}.photo-label span{font-size:10px;display:block;letter-spacing:0;margin-top:5px}.studio-copy h2{font-size:clamp(40px,4.8vw,69px);margin-bottom:25px}.studio-copy h2 em{color:var(--coral);font-size:1.15em}.studio-copy>p{font-size:13.5px;color:var(--quiet);max-width:370px;line-height:1.95;margin-top:14px}.studio-copy .text-link{margin-top:24px}
.approach-section{padding-bottom:120px}.approach-section .section-top{border-top:1px solid var(--line);padding-top:55px}.approach-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:50px}.approach-grid article{border-top:1px solid var(--line);padding-top:21px}.approach-grid article>span{font-size:10px;letter-spacing:.04em;color:var(--quiet)}.approach-grid h3{font-size:19px;letter-spacing:-.04em;line-height:1.3;font-weight:600;margin-top:30px;max-width:210px}.approach-grid p{font-size:12.5px;color:var(--quiet);margin-top:13px;line-height:1.9;max-width:220px}
.questions-section{display:grid;grid-template-columns:.85fr 1.3fr;gap:90px;padding-top:80px;padding-bottom:100px;border-top:1px solid var(--line)}.questions-section h2{font-size:72px}.questions-section h2 em{color:var(--coral);font-size:1.2em}.questions-section>div>p{font-size:13.5px;color:var(--quiet);margin-top:24px}.questions-section .text-link{margin-top:24px}.studio-faq{border-top:1px solid var(--line)}.studio-faq details{border-bottom:1px solid var(--line)}.studio-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 0;font-size:14.5px;font-weight:600;line-height:1.5}.studio-faq summary::-webkit-details-marker{display:none}.studio-faq summary span{font-size:24px;font-weight:400;flex-shrink:0;transition:transform .25s}.studio-faq details[open] summary span{transform:rotate(45deg);color:#ba3b25}.studio-faq details p{font-size:13.5px;line-height:1.9;color:var(--quiet);padding:0 32px 24px 0;max-width:590px}.studio-faq p a{text-decoration:underline;text-underline-offset:3px}.studio-faq summary:hover{color:#b43824}
.journal-section{padding-top:30px;padding-bottom:105px}.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.journal-heading h2{font-size:43px;margin-top:18px}.journal-heading .text-link{font-size:12.5px}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journal-grid>a{border-top:1px solid var(--line);padding-top:20px}.journal-grid>a>span{display:flex;justify-content:space-between;font-size:10px;color:var(--quiet)}.journal-grid i{font-style:normal;font-size:19px;color:var(--ink)}.journal-grid h3{font-size:23px;font-weight:500;letter-spacing:-.04em;line-height:1.3;margin:28px 0 14px;max-width:270px}.journal-grid p{font-size:12.5px;line-height:1.8;color:var(--quiet)}.journal-grid>a:hover h3{color:#b43824}
.studio-footer{background:var(--ink);color:var(--paper);padding-top:80px;position:relative;overflow:hidden}.footer-invite{display:grid;grid-template-columns:1fr 200px;align-items:end;gap:40px;padding-bottom:80px;border-bottom:1px solid #ffffff2b}.footer-invite h2{font-size:clamp(50px,6.7vw,97px);font-weight:400;line-height:1.05;letter-spacing:-.065em;margin-top:25px}.footer-invite h2 em{color:var(--coral);font-size:1.12em}.footer-invite__actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:8px}.footer-invite__actions>a:last-child{font-size:14.5px;border-bottom:1px solid #ffffff70;padding-bottom:4px}.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:45px;padding-top:55px;padding-bottom:55px}.footer-brand img{width:158px;margin-bottom:25px}.footer-brand p{font-size:12.5px;max-width:220px;line-height:1.9;color:#b9b7ad}.footer-columns h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:#a8a69c;margin-bottom:20px}.footer-columns nav a,.footer-contact>a,.footer-contact>span{display:block;font-size:12.5px;line-height:1.7;margin-top:9px}.footer-columns nav a:hover,.footer-contact>a:hover{color:var(--coral)}.footer-contact>span{color:#b9b7ad}.footer-legal{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;border-top:1px solid #ffffff2b;font-size:9px;color:#b9b7ad}.footer-legal button{font-size:9px;color:inherit;background:none;border:0;padding:6px 0}.footer-legal a{text-decoration:underline;text-underline-offset:3px}.footer-signoff{font-size:clamp(86px,17.5vw,270px);font-weight:600;letter-spacing:-.08em;line-height:.95;text-align:center;margin:22px 0 -13px;color:#42423c;white-space:nowrap;user-select:none}
/* Shared page system. Existing articles retain their URLs and useful content. */
.site-redesign .container{max-width:1440px}.site-redesign .section{padding:72px 0}.site-redesign .section--tight{padding:25px 0}.site-redesign .rv,.site-redesign [data-reveal]{opacity:1;transform:none}.site-redesign .bg-grid,.site-redesign .bg-grain,.site-redesign .bg-vignette,.site-redesign #bg-canvas,.site-redesign .signal-beam,.site-redesign .cta-glow,.site-redesign .stickycta,.site-redesign .nx2-hero__bg{display:none}
.site-redesign .grad-type,.site-redesign .brandname,.site-redesign .grad-type--static,.site-redesign .nx2 .g{background:none!important;color:#bc3d27!important;-webkit-text-fill-color:currentColor!important;filter:none!important;animation:none!important}.site-redesign .section__title{font-size:clamp(28px,3.5vw,49px);font-weight:500;letter-spacing:-.045em;line-height:1.13}.site-redesign .section__intro{font-size:15px;line-height:1.9;max-width:650px}.site-redesign .section__head--center{text-align:left;margin-left:0}.site-redesign .section__head{margin-bottom:35px}.site-redesign .section__head--center .section__intro{margin-left:0}
.site-redesign .btn{border-radius:40px;min-height:44px;padding:12px 22px;font-size:13.5px;font-weight:600;border:1px solid var(--ink);box-shadow:none;transform:none!important}.site-redesign .btn::before,.site-redesign .btn::after{display:none}.site-redesign .btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:none}.site-redesign .btn--primary:hover{background:#bd402a;color:#fff;border-color:#bd402a}.site-redesign .btn--ghost{background:transparent;color:var(--ink)}.site-redesign .btn--ghost:hover{background:var(--soft)}.site-redesign .btn span{transform:none!important}.site-redesign .btn--lg{font-size:13.5px;padding:14px 24px}
.site-redesign .nx2-hero--page{padding:60px 0 75px;overflow:visible;border-bottom:1px solid var(--line)}.site-redesign .nx2-hero__in{grid-template-columns:1.15fr .85fr;gap:70px}.site-redesign .nx2-hero h1{font-size:clamp(38px,4.55vw,65px);font-weight:500;letter-spacing:-.06em;line-height:1.08}.site-redesign .nx2-hero__sub{font-size:14.5px;line-height:1.95;max-width:490px}.site-redesign .nx2-hero__proof{font-size:11px;gap:20px;margin-top:30px}.site-redesign .nx2-hero__media{border-radius:2px;border:0;box-shadow:none;background:#e5e2d8}.site-redesign .nx2-hero__media--browser{aspect-ratio:1/.85}.site-redesign .nx2-hero__media--browser img{height:100%;object-fit:cover}.site-redesign .nx2-hero__bar{display:none}.site-redesign .nx2-hero--noimg .nx2-hero__in{grid-template-columns:1fr}.site-redesign .nx2-hero--noimg h1{max-width:960px}.site-redesign .nx2-hero--noimg .nx2-hero__sub{max-width:650px}.site-redesign .crumbs{font-family:var(--f-body);font-size:11px;margin-bottom:28px;color:var(--quiet)}.site-redesign .crumbs a:hover{color:#bc3d27}
.site-redesign .card,.site-redesign .panel,.site-redesign .plan,.site-redesign .kb-card,.site-redesign .usp,.site-redesign .guarantee,.site-redesign .price-teaser__item{border-radius:3px;background:#eceae2;box-shadow:none;border:1px solid var(--line);transform:none}.site-redesign .card::before,.site-redesign .card::after,.site-redesign .panel::before,.site-redesign .plan::before,.site-redesign .usp::before,.site-redesign .card__corner{display:none}.site-redesign .card:hover,.site-redesign .plan:hover,.site-redesign .kb-card:hover{background:#e8e4da;border-color:#b5b0a5;transform:translateY(-3px)}.site-redesign .card__title{font-weight:600;font-size:20px;letter-spacing:-.03em}.site-redesign .card__desc,.site-redesign .card__list,.site-redesign .plan__list{font-size:14.5px}.site-redesign .card__icon{color:#b83a25;background:transparent;box-shadow:none}.site-redesign .cards,.site-redesign .plans{gap:20px}.site-redesign .plan--featured{background:#e6e1d4;border:1px solid #bcb4a2;box-shadow:none}.site-redesign .plan__price,.site-redesign .stats__val{background:none;color:var(--ink);-webkit-text-fill-color:var(--ink);font-weight:600;letter-spacing:-.06em}.site-redesign .plan__badge{background:var(--coral);color:var(--ink);box-shadow:none;border-radius:2px}.site-redesign .plan__rec{color:#b83a25;background:none}.site-redesign .plan__list li::before{background:#c4452e;box-shadow:none;border-radius:50%;width:5px;height:5px}.site-redesign .trust__badge{font-size:11px;border-radius:30px;background:transparent}.site-redesign .marquee{border-block:1px solid var(--line);background:transparent;mask-image:none;overflow:hidden}.site-redesign .marquee__track{animation:none;gap:35px;padding:15px 0;color:#747368;flex-wrap:wrap;justify-content:center}.site-redesign .marquee__track span{font-size:14.5px}.site-redesign .marquee__track>*:nth-child(n+17){display:none}
.site-redesign .cta-section{padding:55px 0;background:var(--soft)}.site-redesign .cta__title{font-weight:500;font-size:clamp(31px,3.7vw,51px);letter-spacing:-.045em}.site-redesign .cta__sub{font-size:14.5px}.site-redesign .faq__item{background:transparent;border-radius:0;border:0;border-bottom:1px solid var(--line)}.site-redesign .faq__item[open]{background:transparent}.site-redesign .faq__item summary{padding:22px 0;font-size:15px}.site-redesign .faq__a{font-size:14.5px;padding:0 0 25px 27px}.site-redesign .faq__dot{border-color:#bc3d27;width:7px;height:7px}.site-redesign .faq__dot::after{background:#bc3d27;box-shadow:none!important}.site-redesign .faq__caret{width:8px;height:8px;border-width:1px}.site-redesign .step__num{background:var(--soft);color:#bc3d27;-webkit-text-fill-color:currentColor;box-shadow:none;border-color:var(--line);font-size:20px}.site-redesign .step__title{font-weight:500;letter-spacing:-.025em}.site-redesign .step__body p{font-size:14.5px;line-height:1.9}.site-redesign .step::before{background:var(--line)}.site-redesign .author__photo{border-radius:3px}.site-redesign .author__badge{background:var(--ink);color:var(--paper);font-size:11px;border:0}.site-redesign .author__body p{font-size:14.5px;line-height:1.9}.site-redesign .stats{background:#e7e3d8}.site-redesign .stats__label{font-size:12.5px}.site-redesign .kb-article{font-size:16px;line-height:1.9}.site-redesign .kb-article h1{font-size:clamp(35px,4vw,55px);font-weight:500;letter-spacing:-.04em;line-height:1.12}.site-redesign .kb-card h2{font-size:22px;font-weight:500;letter-spacing:-.03em}.site-redesign .kb-card p{font-size:13.5px;line-height:1.8}.site-redesign .kb-faq summary::after{content:'+'}.site-redesign .kb-faq details[open] summary::after{content:'−'}
.page-lead{padding-top:50px;padding-bottom:65px;border-bottom:1px solid var(--line)}.page-lead .crumbs{margin-bottom:30px}.page-lead h1{font-size:clamp(50px,6.9vw,102px);line-height:1.02;letter-spacing:-.065em;font-weight:500;max-width:1000px}.page-lead h1 em{color:var(--coral);font-size:1.1em}.page-lead__bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:30px}.page-lead__bottom>p{font-size:15px;line-height:1.9;max-width:560px;color:var(--quiet)}.page-lead__actions{display:flex;gap:12px;flex-wrap:wrap}.service-lead{padding-top:58px;padding-bottom:72px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.service-lead h1{font-size:clamp(48px,5.9vw,86px);font-weight:500;letter-spacing:-.06em;line-height:1.04;margin:25px 0}.service-lead h1 em{color:var(--coral);font-size:1.13em}.service-lead p{font-size:14.5px;line-height:1.9;color:var(--quiet);max-width:455px;margin-bottom:27px}.service-visual{aspect-ratio:1;position:relative;overflow:hidden;background:#dedbd2}.service-visual>img{width:100%;height:100%;object-fit:cover}.service-visual .browser-frame{width:108%;left:11%;top:22%}.service-visual .work-art-label{top:28px;left:25px;right:25px}.service-proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;font-weight:600}.service-proof span::before{content:'↗';color:#bf3d28;margin-right:12px}.service-body{padding-top:85px;padding-bottom:85px}.service-body__intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;margin-bottom:55px}.service-body h2{font-size:clamp(34px,4.1vw,58px);font-weight:500;letter-spacing:-.055em;line-height:1.1}.service-body__intro p{font-size:15px;line-height:1.9;color:var(--quiet);max-width:680px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.benefit-grid article{border-top:1px solid var(--line);padding:24px 0}.benefit-grid span{font-size:11px;color:#bc3d27}.benefit-grid h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:24px 0 15px}.benefit-grid p{font-size:13.5px;line-height:1.9;color:var(--quiet)}.related-services{display:flex;flex-wrap:wrap;gap:20px;padding:35px 0 70px;border-top:1px solid var(--line)}
.contact-page{padding-top:58px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-copy h1{font-size:clamp(55px,6.3vw,91px);line-height:1.03;font-weight:500;letter-spacing:-.065em;margin-top:25px}.contact-copy h1 em{color:var(--coral);font-size:1.13em}.contact-copy>p{font-size:14.5px;line-height:1.9;color:var(--quiet);max-width:365px;margin-top:28px}.contact-methods{display:flex;flex-direction:column;align-items:flex-start;gap:13px;margin-top:34px}.contact-methods>a{font-size:20px;border-bottom:1px solid var(--line);letter-spacing:-.025em}.contact-methods>a:hover{color:#bd3e28}.contact-methods>span{font-size:11px;color:var(--quiet);margin-top:9px}.contact-persons{display:flex;align-items:center;gap:16px;margin-top:42px;padding-top:30px;border-top:1px solid var(--line)}.contact-persons img{width:65px;height:65px;border-radius:50%;object-fit:cover;object-position:center 22%}.contact-persons p{font-size:12.5px;line-height:1.7}.contact-persons small{color:var(--quiet);font-size:11px}.contact-form-wrap{padding-top:12px}.site-redesign .form{display:grid;gap:19px}.site-redesign .field{margin:0;min-width:0}.site-redesign .field label,.site-redesign .field legend{font-size:12.5px;font-weight:600}.site-redesign .field input:not([type=radio]),.site-redesign .field textarea,.site-redesign .field select{display:block;width:100%;margin-top:7px;background:transparent;border:1px solid #c6c3b9;border-radius:2px;color:var(--ink);padding:12px;font:inherit;font-size:14.5px;line-height:1.5;box-shadow:none}.site-redesign .field input:focus,.site-redesign .field textarea:focus,.site-redesign .field select:focus{border-color:#af3a27;outline:1px solid #af3a27;outline-offset:1px}.site-redesign .field--choice{border:0;padding:0;display:flex;gap:8px;flex-wrap:wrap}.site-redesign .field--choice legend{margin-bottom:12px;padding:0;width:100%}.site-redesign .choice{position:relative;display:inline-flex;cursor:pointer;align-items:center}.site-redesign .choice input{position:absolute;opacity:0;width:1px;height:1px}.site-redesign .choice span{border:1px solid #c6c3b9;background:transparent;border-radius:30px;padding:9px 15px;font-size:11px;font-weight:500;display:inline-block;transition:background .2s}.site-redesign .choice input:checked+span{background:var(--ink);color:var(--paper);border-color:var(--ink)}.site-redesign .choice input:focus-visible+span{outline:2px solid #bc3d27;outline-offset:3px}.site-redesign .field__opt{font-size:11px;font-weight:400;color:var(--quiet)}.site-redesign .field__err{font-size:12.5px;line-height:1.6;color:#a12113;min-height:0}.site-redesign .field.invalid input,.site-redesign .field.invalid textarea{border-color:#b5281a}.site-redesign .form__note{font-size:13.5px;line-height:1.8;color:#a42d1c}.site-redesign .form__note.ok{color:#276240}.site-redesign .form__assure{font-size:10px;color:var(--quiet);line-height:1.8}.site-redesign .form__assure a{text-decoration:underline}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:17px}.site-redesign .form__submit{width:100%;margin-top:4px}.site-redesign .form__submit:disabled{opacity:.55;cursor:wait}.contact-form-wrap>p{font-size:12.5px;margin-bottom:22px;color:var(--quiet)}
.filter-bar{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding-top:42px;padding-bottom:34px}.filter-button{border:1px solid var(--line);padding:10px 18px;border-radius:30px;background:transparent;color:var(--ink);font-size:12.5px!important;min-height:42px}.filter-button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter-button:hover{border-color:var(--ink)}.filter-count{margin-left:auto;font-size:11px;color:var(--quiet)}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 30px;padding-bottom:90px}.example-card .example-shot{aspect-ratio:1.45;position:relative;overflow:hidden;background:var(--soft)}.example-card .example-shot img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.example-card:hover .example-shot img{transform:scale(1.025)}.example-card .work-caption{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.example-card .work-caption h2{font-size:23px;font-weight:500;letter-spacing:-.04em}.example-label{position:absolute;left:18px;bottom:18px;background:var(--paper);color:var(--ink);border-radius:30px;font-size:10px;padding:6px 12px}.example-shot__title{position:absolute;left:24px;top:22px;color:#fff;font-size:28px;letter-spacing:-.04em;line-height:1.15;text-shadow:0 1px 12px #000b;max-width:250px}.price-intro{padding-top:65px;padding-bottom:75px}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{padding:33px 30px;border:1px solid var(--line);display:flex;flex-direction:column;background:#ece9df}.price-card--featured{background:var(--ink);color:var(--paper);border-color:var(--ink)}.price-card__tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;min-height:20px}.price-card h2{font-size:25px;font-weight:500;letter-spacing:-.04em;margin-top:20px}.price-card__amount{font-size:52px;font-weight:500;letter-spacing:-.055em;margin-top:15px;line-height:1.2}.price-card__amount small{font-size:12.5px;letter-spacing:0;font-weight:400}.price-card>p{font-size:13.5px;line-height:1.8;margin-top:17px;opacity:.8}.price-card ul{padding:24px 0 33px;list-style:none;margin:0;font-size:12.5px;line-height:2.7;flex:1}.price-card li::before{content:'↗';margin-right:10px;color:#b53c29}.price-card--featured li::before{color:var(--coral)}.price-card--featured .pill{background:var(--coral);border-color:var(--coral);color:var(--ink)}.price-fineprint{font-size:12.5px;color:var(--quiet);margin-top:23px!important;text-align:center}.price-extras{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:45px;margin-top:60px}.price-extras>a{display:grid;grid-template-columns:1fr auto;gap:10px;border-block:1px solid var(--line);padding:25px 0}.price-extras h3{font-size:23px;font-weight:500;letter-spacing:-.04em}.price-extras span{font-size:15px;align-self:center}.price-extras p{grid-column:1/-1;font-size:13.5px;color:var(--quiet)}
.site-redesign #aanpak::before{display:none}
.site-redesign .field--choice{flex-direction:row;align-items:flex-start}
.site-redesign .choice,.site-redesign .choice:has(input:checked){padding:0;border:0;background:transparent;box-shadow:none;gap:0}
.site-redesign .field select{appearance:auto;background-image:none}.site-redesign .field select option{background:var(--paper);color:var(--ink)}
.service-visual>.work-art-label{pointer-events:none}.service-visual>.work-art-label span{font-size:16px;padding:6px 10px;background:var(--paper);color:var(--ink)}
/* Lightweight, non-modal consent: choice is available without covering the design. */
.studio-consent{position:fixed;bottom:18px;left:18px;z-index:120;width:min(380px,calc(100% - 36px));padding:20px;background:#fffdf7;color:var(--ink);border:1px solid var(--line);box-shadow:0 10px 50px #21211f20}.studio-consent h2{font-size:16px;font-weight:600;letter-spacing:-.02em}.studio-consent p{font-size:11px;line-height:1.8;color:var(--quiet);margin:8px 0 15px}.studio-consent p a{text-decoration:underline}.studio-consent__actions{display:flex;gap:8px}.studio-consent button{flex:1;font-size:11px;min-height:38px;padding:8px;border:1px solid var(--ink);border-radius:2px;background:transparent}.studio-consent button:last-child{background:var(--ink);color:var(--paper)}
@media(min-width:1600px){.studio-nav__inner{margin-inline:auto}.hero-heading{grid-template-columns:1fr 290px}.hero-intro p{font-size:15px;max-width:270px}}
@media(max-width:1100px){.studio-nav__links{gap:22px;margin-right:30px}.hero-heading{grid-template-columns:1fr 210px;gap:20px}.hero-heading h1{font-size:10vw}.hero-intro p{font-size:12.5px}.hero-asterisk{margin-left:4px}.hero-art{aspect-ratio:2.05}.intro-section{gap:25px}.intro-bottom{display:block}.intro-bottom .text-link{margin-top:20px}.service-row{grid-template-columns:25px 1fr 1fr 30px;gap:18px}.service-tags{display:none}.studio-section{gap:45px}.questions-section{gap:50px}.contact-page{gap:60px}.service-lead{gap:35px}.site-redesign .nx2-hero__in{gap:35px}.footer-columns{gap:24px}}
@media(max-width:850px){.studio-nav__inner{height:84px}.studio-nav__links,.studio-nav__cta{display:none}.studio-menu-toggle{display:flex}.studio-brand img{width:145px}.hero-heading{grid-template-columns:1fr;gap:26px;padding-top:38px;padding-bottom:33px}.hero-heading h1{font-size:13.5vw}.hero-intro{display:flex;align-items:end;justify-content:space-between;gap:35px}.hero-intro p{font-size:13.5px;max-width:390px;margin:0}.hero-intro .text-link{white-space:nowrap}.hero-art{aspect-ratio:1.85}.intro-section{grid-template-columns:1fr 2.4fr;padding-top:85px;padding-bottom:85px}.intro-content h2{font-size:38px}.section-top{gap:30px}.section-top>p{max-width:235px}.section-top h2{font-size:49px}.selected-work{gap:35px 22px}.work-item--wide .work-image{aspect-ratio:1.75}.work-item--wide .browser-frame{top:75px}.work-art-label{top:20px;left:22px;right:22px}.work-art-label>span:last-child{display:none}.work-image{aspect-ratio:1/1.14}.app-device{width:47%;left:10%;height:77%}.app-note{right:6%;font-size:22px}.device-content{padding:8px 10px}.device-content h4{font-size:17px}.device-brand{margin:24px 0 13px}.device-tile{padding:9px}.device-status{margin:10px 0}.work-item--offset{padding-top:60px}.work-caption>span:not(.project-kind){width:100%}.expertise-section{padding-top:75px}.service-row{grid-template-columns:20px 1fr 1fr 30px;padding:27px 0}.service-row h3{font-size:24px}.service-row p{font-size:11px}.studio-section{gap:35px;padding-block:85px}.studio-copy h2{font-size:45px}.studio-copy>p{font-size:12.5px}.approach-grid{grid-template-columns:1fr 1fr;gap:35px}.approach-grid h3,.approach-grid p{max-width:none}.approach-section{padding-bottom:85px}.questions-section{grid-template-columns:.75fr 1.25fr;gap:40px;padding-block:65px}.questions-section h2{font-size:60px}.studio-faq summary{font-size:13.5px}.journal-grid h3{font-size:21px}.footer-invite{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.footer-invite__actions{flex-direction:row;align-items:center;gap:30px}.footer-columns{grid-template-columns:1fr 1fr;gap:35px;padding-block:40px}.footer-legal{flex-wrap:wrap;justify-content:flex-start;gap:15px 30px}.service-lead{grid-template-columns:1fr 1fr;gap:30px}.service-lead h1{font-size:50px}.service-lead p{font-size:13.5px}.service-visual{aspect-ratio:1/1.3}.service-proof{font-size:10px;flex-wrap:wrap}.service-body__intro{gap:35px}.contact-page{gap:35px}.contact-copy h1{font-size:57px}.contact-methods>a{font-size:16px}.contact-form-wrap .choice span{padding:8px 12px}.price-card{padding:25px 20px}.price-card__amount{font-size:42px}.price-card h2{font-size:22px}.price-card .pill{gap:10px;font-size:11px}.price-card ul{font-size:11px}.site-redesign .nx2-hero__in{grid-template-columns:1fr 1fr;gap:35px}.site-redesign .nx2-hero h1{font-size:40px}.site-redesign .nx2-hero__media--browser{aspect-ratio:1/1.2}.site-redesign .nx2-hero__sub{font-size:13.5px}}
@media(max-width:600px){:root,html[data-theme]{--gutter:22px}.site-redesign{font-size:15px}.studio-nav__inner{height:78px}.studio-brand img{width:136px}.home-hero{padding-top:24px}.hero-eyebrow .eyeline{font-size:9px;letter-spacing:.08em}.hero-location{font-size:9px}.hero-location span{margin:0 5px}.hero-location{max-width:80px;text-align:right;line-height:1.6}.hero-heading{padding-top:33px;gap:25px}.hero-heading h1{font-size:15.15vw;line-height:.98;letter-spacing:-.077em}.hero-heading h1 em{font-size:1.1em}.hero-asterisk{font-size:.3em;margin-top:5px;margin-left:5px}.hero-intro{display:block}.hero-intro p{font-size:12.5px;line-height:1.9;max-width:320px;margin-bottom:12px}.hero-intro .text-link{font-size:11px;gap:28px;padding-bottom:6px}.hero-art{aspect-ratio:1.07;margin-inline:-22px}.hero-art>img{object-position:62% center}.hero-art__top{top:20px;left:22px;right:22px;font-size:9px}.hero-art__top>span:last-child{max-width:90px;text-align:right}.hero-art__bottom{left:22px;right:22px;bottom:23px;font-size:27px}.round-link{width:46px;height:46px;font-size:25px}.hero-footnote{font-size:9px;padding-top:13px}.hero-footnote>span:last-child{display:none}.intro-section{display:block;padding-top:70px;padding-bottom:75px}.section-marker{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;font-size:10px;margin-bottom:26px}.section-marker i{font-size:38px}.intro-content h2{font-size:clamp(28px,7.9vw,40px);letter-spacing:-.05em;line-height:1.14}.intro-bottom{margin-top:24px}.intro-bottom p{font-size:12.5px;line-height:1.95}.intro-bottom .text-link{font-size:11px}.section-top{display:block;margin-bottom:30px}.eyeline{font-size:9px;letter-spacing:.1em}.section-top h2,.studio-copy h2{font-size:43px;line-height:1.08;margin-top:17px}.section-top>p{margin-top:22px;font-size:12.5px;max-width:340px}.selected-work{display:block}.work-item{margin-bottom:32px}.work-item--wide .work-image{aspect-ratio:1.2}.work-item--wide .browser-frame{width:95%;left:8%;top:74px}.work-item--offset{padding-top:0}.work-image{aspect-ratio:1.05}.work-art-label{top:20px;left:20px;right:20px}.work-art-label>span:first-child{font-size:18px}.work-art-label>span:last-child{display:block;font-size:9px}.work-caption{padding-top:15px;gap:2px}.work-caption h3{font-size:19px}.work-caption p{font-size:11px}.work-caption>span:not(.project-kind){font-size:9px;margin-top:7px}.work-caption .project-kind{font-size:7px;margin-top:4px}.project-arrow{width:37px;height:37px;font-size:21px;bottom:18px;right:18px}.app-device{width:39%;height:80%;left:19%;top:21%;border-radius:28px}.device-content h4{font-size:18px}.device-tile strong{font-size:38px}.app-note{right:11%;font-size:26px}.work-more{flex-direction:column;margin-top:36px;gap:19px;padding-top:28px}.work-more p{font-size:12.5px}.work-more .pill{font-size:11px}.work-section{padding-bottom:70px}.expertise-section{padding:65px 0 30px}.expertise-section .section-top{margin-bottom:35px}.expertise-section .section-top h2{font-size:39px}.service-row{grid-template-columns:20px 1fr 25px;gap:15px;padding:24px 0}.service-row h3{font-size:27px;grid-column:2;grid-row:1}.service-number{grid-row:1;font-size:9px}.service-row p{grid-column:2;grid-row:2;font-size:11px;max-width:270px}.service-arrow{grid-column:3;grid-row:1;font-size:26px}.service-row:hover{padding-inline:0}.expertise-footer{align-items:start;flex-direction:column;gap:16px;margin-top:23px;font-size:10px}.expertise-footer .text-link{font-size:11px}.studio-section{display:flex;flex-direction:column;align-items:stretch;gap:37px;padding-block:70px}.studio-photo{aspect-ratio:1.05}.studio-copy h2{font-size:49px;line-height:1.04;margin-bottom:24px}.studio-copy>p{font-size:13.5px}.studio-copy .text-link{font-size:12.5px;margin-top:21px}.approach-section{padding-bottom:70px}.approach-section .section-top{padding-top:36px}.approach-section .section-top h2{font-size:39px}.approach-grid{gap:30px 20px;margin-top:28px}.approach-grid article{padding-top:18px}.approach-grid article>span{font-size:9px}.approach-grid h3{font-size:19px;margin-top:20px}.approach-grid p{font-size:11px;line-height:1.85}.questions-section{display:block;padding-top:42px;padding-bottom:65px}.questions-section h2{font-size:55px;margin-top:16px}.questions-section h2 br{display:none}.questions-section>div>p{font-size:12.5px;margin-top:16px}.questions-section .text-link{font-size:12.5px;margin-top:14px}.studio-faq{margin-top:35px}.studio-faq summary{padding:21px 0;font-size:13.5px;gap:18px}.studio-faq details p{font-size:12.5px;line-height:1.85;padding-right:15px}.journal-section{padding-top:0;padding-bottom:65px}.journal-heading{display:block;margin-bottom:25px}.journal-heading h2{font-size:37px}.journal-heading .text-link{margin-top:18px;font-size:11px}.journal-grid{display:block}.journal-grid>a{display:block;margin-top:26px;padding-top:17px}.journal-grid h3{font-size:24px;margin:18px 0 10px;max-width:280px}.journal-grid p{font-size:12.5px}.studio-footer{padding-top:50px}.footer-invite{gap:28px;padding-bottom:38px}.footer-invite h2{font-size:clamp(38px,10.6vw,58px);margin-top:24px;line-height:1.08}.footer-invite__actions{flex-direction:column;align-items:start;gap:17px}.footer-invite__actions .pill{font-size:14px}.footer-invite__actions>a:last-child{font-size:13.5px}.footer-columns{grid-template-columns:1fr 1fr;gap:35px 22px;padding-top:35px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-brand img{width:130px;margin-bottom:16px}.footer-brand p{max-width:280px;font-size:11px}.footer-contact{grid-column:1/-1}.footer-columns h3{font-size:9px;margin-bottom:17px}.footer-columns nav a,.footer-contact>a,.footer-contact>span{font-size:11px;margin-top:8px}.footer-legal{font-size:7px;gap:10px 22px;padding:20px 0}.footer-legal>span{width:100%}.footer-signoff{font-size:17vw;margin-top:12px;margin-bottom:-7px}.page-lead{padding-top:35px;padding-bottom:40px}.page-lead h1{font-size:48px}.page-lead__bottom{display:block;margin-top:22px}.page-lead__bottom>p{font-size:13.5px}.page-lead__actions{margin-top:25px;gap:8px}.page-lead__actions .pill{font-size:11px;gap:16px}.service-lead{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:35px;padding-bottom:40px}.service-lead h1{font-size:53px;margin:18px 0 23px}.service-lead p{font-size:13.5px;margin-bottom:22px}.service-visual{aspect-ratio:1.15;margin-top:0}.service-proof{display:grid;grid-template-columns:1fr 1fr;padding:20px 0;gap:17px 10px;font-size:9px}.service-proof span::before{margin-right:6px}.service-body{padding-block:55px}.service-body__intro{display:block;margin-bottom:30px}.service-body h2{font-size:38px}.service-body__intro p{font-size:13.5px;margin-top:22px}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-grid article{padding:20px 0}.benefit-grid h3{font-size:25px;margin:15px 0 12px}.benefit-grid p{font-size:13.5px}.related-services{padding-bottom:45px;gap:12px 25px}.related-services .text-link{font-size:11px}.contact-page{display:block;padding-top:35px;padding-bottom:60px}.contact-copy h1{font-size:62px;margin-top:24px}.contact-copy>p{font-size:13.5px;margin-top:20px}.contact-methods{gap:12px;margin-top:25px}.contact-methods>a{font-size:20px}.contact-persons{margin-top:25px;padding-top:25px}.contact-form-wrap{margin-top:40px;padding-top:25px;border-top:1px solid var(--line)}.site-redesign .field input:not([type=radio]),.site-redesign .field textarea,.site-redesign .field select{font-size:16px}.form-columns{grid-template-columns:1fr;gap:19px}.filter-bar{padding-top:28px;padding-bottom:25px;gap:7px}.filter-button{font-size:11px!important;padding:8px 13px;min-height:40px}.filter-count{width:100%;margin-top:7px}.example-grid{grid-template-columns:1fr;gap:33px;padding-bottom:60px}.example-card .work-caption h2{font-size:22px}.example-shot__title{font-size:25px}.price-intro{padding-block:35px}.price-grid{grid-template-columns:1fr;gap:18px}.price-card{padding:28px}.price-card h2{font-size:29px}.price-card__amount{font-size:58px}.price-card ul{font-size:13.5px;padding-bottom:25px}.price-card .pill{font-size:13.5px;min-height:48px}.price-fineprint{font-size:11px;line-height:1.8}.price-extras{grid-template-columns:1fr;gap:24px;margin-top:40px}.price-extras h3{font-size:23px}.price-extras p{font-size:12.5px}.site-redesign .nx2-hero--page{padding:35px 0 40px}.site-redesign .nx2-hero__in{grid-template-columns:1fr;gap:30px}.site-redesign .nx2-hero h1{font-size:43px}.site-redesign .nx2-hero__media--browser{aspect-ratio:1.2}.site-redesign .nx2-hero__sub{font-size:13.5px}.site-redesign .nx2-hero__proof{font-size:10px;gap:12px}.site-redesign .section{padding:48px 0}.site-redesign .section--tight{padding:20px 0}.site-redesign .section__title{font-size:32px}.site-redesign .section__intro{font-size:13.5px}.site-redesign .cards,.site-redesign .plans{grid-template-columns:1fr}.site-redesign .card{padding:25px}.site-redesign .kb-grid{grid-template-columns:1fr}.site-redesign .author{grid-template-columns:1fr}.site-redesign .cta-section{padding:40px 0}.site-redesign .cta__title{font-size:32px}.site-redesign .faq__item summary{font-size:13.5px}.site-redesign .faq__a{font-size:13.5px}.site-redesign .trust__badges{gap:8px}.site-redesign .trust__badge{font-size:9px}.site-redesign .plans__note{font-size:13.5px}.site-redesign .stats{flex-wrap:wrap;display:grid;grid-template-columns:1fr 1fr}.site-redesign .stats__item{padding:15px;border:0}.site-redesign .stats__val{font-size:30px}.site-redesign .stats__label{font-size:10px}.site-redesign .nx2-sec{padding:45px 0}.site-redesign .nx2-band{padding:30px 20px;border-radius:3px;background:var(--soft)}.site-redesign .nx2-band::before{display:none}.site-redesign .nx2-row{grid-template-columns:1fr}.site-redesign .nx2-prices{grid-template-columns:1fr}.site-redesign .nx2-steps{grid-template-columns:1fr 1fr}.studio-consent{padding:16px;bottom:12px;left:12px;width:calc(100% - 24px)}.studio-consent p{font-size:11px;margin:7px 0 12px}}
.site-redesign .kb-hero{padding:55px var(--gutter) 45px;max-width:1140px;margin-inline:auto}.site-redesign .kb-hero h1{font-size:clamp(35px,4.8vw,65px);font-weight:500;letter-spacing:-.05em;line-height:1.1;margin-bottom:22px}.site-redesign .kb-hero__intro{font-size:16px;line-height:1.8;max-width:800px;color:var(--quiet)}.site-redesign .prose{font-size:16px;line-height:1.9;padding-bottom:70px}.site-redesign .prose h2{font-weight:500;letter-spacing:-.035em}.site-redesign .journal-index{padding-top:15px;padding-bottom:85px}.site-redesign .journal-index .kb-grid{grid-template-columns:repeat(3,1fr);gap:45px 35px}.site-redesign .journal-index .kb-card{border:0;border-top:1px solid var(--line);padding:25px 0 0;background:transparent;box-shadow:none}.site-redesign .journal-index .kb-card p{font-size:15px;line-height:1.9;margin-top:15px}.site-redesign .journal-index .kb-card h2{font-size:25px;font-weight:500;letter-spacing:-.04em}.site-redesign .journal-index .kb-card__more{font-size:12.5px;margin-top:14px}.site-redesign .journal-index .kb-card:hover{transform:none}.site-redesign .journal-index .kb-card:hover h2{color:#b43824}
/* Finishing pass: generous type without sacrificing editorial rhythm. */
.hero-heading h1{letter-spacing:-.065em}.hero-intro p{font-size:15px;line-height:1.85}.intro-bottom p{font-size:15px}.section-top>p{font-size:15px;max-width:310px}.service-row p{font-size:14.5px;line-height:1.8}.service-tags{font-size:10px}.studio-copy>p{font-size:15px}.approach-grid p{font-size:14.5px}.studio-faq summary{font-size:16px}.studio-faq details p{font-size:15px}.questions-section>div>p{font-size:15px}.work-caption p{font-size:13.5px}.work-caption>span:not(.project-kind){font-size:11px}.journal-grid p{font-size:14.5px}.footer-brand p{font-size:13.5px}.footer-columns nav a,.footer-contact>a,.footer-contact>span,.footer-contact>button{font-size:13.5px}.footer-contact>button{display:block;padding:0;background:none;border:0;color:var(--paper);margin-top:9px;text-align:left}.footer-contact>button:hover{color:var(--coral)}
.contact-copy>p,.service-lead p{font-size:16px}.service-body__intro p{font-size:16px}.benefit-grid p{font-size:15px}.contact-form-wrap>p{font-size:13.5px}.contact-persons p{font-size:13.5px}.site-redesign .field label,.site-redesign .field legend{font-size:13.5px}.site-redesign .field__opt{font-size:12.5px}.site-redesign .choice span{font-size:12.5px}.site-redesign .field input:not([type=radio]),.site-redesign .field textarea,.site-redesign .field select{font-size:15px}.contact-copy h1,.service-lead h1,.page-lead h1{letter-spacing:-.055em}.service-visual>.work-art-label span{letter-spacing:-.02em}
.site-redesign .nxchat{z-index:110;font-family:var(--f-body);bottom:20px;right:20px}.site-redesign .nxchat__btn{background:var(--ink);color:var(--paper);box-shadow:0 4px 15px #0002;width:52px;height:52px}.site-redesign .nxchat__teaser{display:block;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-left:3px solid var(--coral);border-radius:14px;border-bottom-right-radius:4px;box-shadow:0 14px 40px #0003;font-size:14px;font-weight:500;padding:12px 34px 12px 15px;bottom:66px;max-width:260px}.site-redesign .nxchat__teaser::after{background:var(--paper);border-color:var(--line)}.site-redesign .nxchat__teaser b{background:none;-webkit-text-fill-color:currentColor;color:var(--coral);font-weight:700}.site-redesign .nxchat__tclose{background:var(--soft);color:var(--ink)}.site-redesign .nxchat__panel{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;box-shadow:0 12px 45px #0002}.site-redesign .nxchat__head{background:var(--soft);border-color:var(--line)}.site-redesign .nxchat__title small{color:var(--quiet)}.site-redesign .nxchat__dot{background:var(--coral);box-shadow:none}.site-redesign .nxmsg--bot{background:var(--soft);color:var(--ink);border-color:var(--line)}.site-redesign .nxmsg--me{background:var(--ink);color:var(--paper)}.site-redesign .nxchat__form{background:var(--paper);border-color:var(--line)}.site-redesign .nxchat__form input{background:#fffdf8;color:var(--ink);border-color:var(--line)}.site-redesign .nxchat__form input::placeholder{color:var(--quiet)}.site-redesign .nxchat__send{background:var(--coral);color:var(--ink)}.site-redesign .nxchat__foot{background:var(--paper);color:var(--quiet);border-color:var(--line)}.site-redesign .nxsugg{background:var(--soft);color:var(--ink);border-color:var(--line)}
@media(max-width:850px){.hero-intro p{font-size:14.5px}.service-row p{font-size:13.5px}.section-top>p{font-size:14.5px;max-width:270px}.studio-copy>p{font-size:14.5px}.contact-copy>p,.service-lead p{font-size:14.5px}.studio-faq summary{font-size:14.5px}.studio-faq details p{font-size:14.5px}}
@media(max-width:600px){.hero-intro p{font-size:14.5px}.intro-bottom p{font-size:14.5px}.section-top>p{font-size:14.5px;max-width:340px}.service-row p{font-size:13.5px}.studio-copy>p{font-size:15px}.approach-grid p{font-size:13.5px}.studio-faq summary{font-size:14.5px}.studio-faq details p{font-size:14.5px}.questions-section>div>p{font-size:14.5px}.journal-grid p{font-size:14.5px}.contact-copy>p,.service-lead p{font-size:15px}.service-body__intro p{font-size:15px}.benefit-grid p{font-size:14.5px}.site-redesign .field input:not([type=radio]),.site-redesign .field textarea,.site-redesign .field select{font-size:16px}.footer-brand p{font-size:12.5px}.footer-columns nav a,.footer-contact>a,.footer-contact>span,.footer-contact>button{font-size:12.5px}.site-redesign .nxchat{bottom:14px;right:14px}.site-redesign .nxchat__panel{max-height:calc(100dvh - 120px)}}
@media(max-width:850px){.site-redesign .journal-index .kb-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.site-redesign .kb-hero{padding-top:35px;padding-bottom:35px}.site-redesign .kb-hero h1{font-size:37px}.site-redesign .kb-hero__intro{font-size:14.5px}.site-redesign .prose{font-size:15px}.site-redesign .journal-index{padding-bottom:60px}.site-redesign .journal-index .kb-grid{grid-template-columns:1fr;gap:30px}.site-redesign .journal-index .kb-card h2{font-size:25px}.site-redesign .journal-index .kb-card p{font-size:14.5px}}
.footer-signoff{font-size:clamp(48px,15.3vw,226px)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.site-redesign *, .site-redesign *::before,.site-redesign *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* ---- hero-film: scrollgestuurde film, venstervullend en plakkend ---------- */
.hero-film{position:relative;height:340vh;height:340svh;background:#0b0b0d}
.hero-film__stage{position:sticky;top:0;height:100vh;height:100dvh;overflow:hidden;background:#0b0b0d;color:var(--paper)}
.hero-film__poster,.hero-film__poster img,.hero-film__eind,.hero-film__eind img,.hero-film__video,.hero-film__canvas{position:absolute;top:0;left:0;right:0;bottom:0;inset:0;width:100%;height:100%;object-fit:cover}
.hero-film__video,.hero-film__canvas{opacity:0;transition:opacity .5s ease}
.hero-film__canvas.is-zichtbaar{opacity:1}
.hero-film__eind{opacity:0;z-index:1;pointer-events:none}
@media(prefers-reduced-motion:reduce){.hero-film__eind{opacity:1}.hero-film__video,.hero-film__poster{visibility:hidden}}
.hero-film__video.is-zichtbaar{opacity:1}
.hero-film__scrim{position:absolute;top:0;left:0;right:0;bottom:0;inset:0;background:linear-gradient(180deg,rgba(11,11,13,.5) 0%,rgba(11,11,13,0) 28%,rgba(11,11,13,0) 60%,rgba(11,11,13,.85) 100%);pointer-events:none}
.hero-film__top,.hero-film__bottom{position:absolute;left:22px;right:22px;display:flex;justify-content:space-between;z-index:2;will-change:opacity,transform}
.hero-film__top{top:calc(22px + env(safe-area-inset-top));font-size:12.5px;font-weight:600;line-height:1.5;letter-spacing:.02em;text-shadow:0 1px 8px #000}
.hero-film__top>span:last-child{text-align:right}
.hero-film__bottom{bottom:calc(34px + env(safe-area-inset-bottom));right:150px;justify-content:flex-start;align-items:end;gap:22px;font-size:clamp(30px,8vw,56px);font-weight:500;line-height:1.02;letter-spacing:-.04em;opacity:0;transform:translate3d(0,24px,0)}
.hero-film__bottom .round-link{flex:0 0 auto;color:var(--ink);display:none}
.hero-film__bottom .round-link:hover{background:var(--coral);transform:rotate(-45deg)}
.hero-film__cue{position:absolute;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;opacity:.75;z-index:2;pointer-events:none}
.hero-film__cue i{display:block;width:1px;height:34px;background:linear-gradient(180deg,var(--coral),transparent)}
.hero-film__bar{position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--coral);transform-origin:0 50%;transform:scaleX(0);z-index:3}
.hero-after .hero-footnote{padding-top:18px}
@media(min-width:768px){
  .hero-film{height:380vh;height:380svh}
  .hero-film__top,.hero-film__bottom{left:40px;right:40px}
  .hero-film__top{top:28px;font-size:13.5px}
  .hero-film__bottom{bottom:44px;right:200px;gap:30px;font-size:clamp(36px,4.4vw,68px)}
  .hero-film__bottom .round-link{display:flex}
}
@media(prefers-reduced-motion:reduce){
  .hero-film{height:auto}
  .hero-film__stage{position:relative}
  .hero-film__cue,.hero-film__bar{display:none}
  .hero-film__bottom{opacity:1;transform:none}
}

/* ---- foto's door de site heen --------------------------------------------- */
.intro-side{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:40px}
.intro-photo{position:relative;width:100%;max-width:260px;aspect-ratio:1;overflow:hidden;background:#141416}
.intro-photo img,.photo-band img{width:100%;height:100%;object-fit:cover}
.photo-band{position:relative;aspect-ratio:2.6/1;overflow:hidden;background:#141416}
.photo-band img{object-position:center 45%}
.approach-section .photo-band{margin-top:50px}
.band-section{padding-bottom:110px}
@media(max-width:850px){
  .intro-section{display:grid;grid-template-columns:1fr}
  .intro-side{display:contents}
  .intro-photo{order:3;max-width:none;aspect-ratio:1.9;margin-top:34px}
  .photo-band{aspect-ratio:1.6}
  .approach-section .photo-band{margin-top:36px}
  .band-section{padding-bottom:80px}
}
@media(max-width:600px){
  .intro-photo{aspect-ratio:1.5;margin-top:28px}
  .photo-band{aspect-ratio:1.2}
  .band-section{padding-bottom:65px}
}

/* Op de telefoon staan de chat- en WhatsApp-knop bovenop de cookievraag; zolang die open is, even weg. */
@media(max-width:600px){.consent-open .wa-fab,.consent-open .nxchat{display:none}}


/* ---- hero-kop: cursor + typen van de tweede regel bij de eerste scroll ---- */
.hero-caret{display:inline-block;width:.07em;height:.78em;margin-left:.1em;background:var(--coral);vertical-align:-.02em;border-radius:1px;animation:hero-knipper 1.05s steps(2,start) infinite}
.hero-caret.weg{animation:none;opacity:0;transition:opacity .4s}
@keyframes hero-knipper{to{visibility:hidden}}
.hero-typen{visibility:hidden}
.hero-typen.is-klaar{visibility:visible}
.hero-typen .ch{opacity:0}
.hero-typen .ch.aan{opacity:1}
.hero-heading .hero-asterisk{opacity:0;transform:scale(.6);transition:opacity .35s,transform .35s}
.hero-heading.is-getypt .hero-asterisk{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.hero-caret{display:none}.hero-typen{visibility:visible}.hero-typen .ch{opacity:1}.hero-heading .hero-asterisk{opacity:1;transform:none}}


/* ---- Diensten (03): op de telefoon licht de rand op van de rij die je passeert ---- */
@media(max-width:850px){
  .service-list{position:relative}
  .service-row{position:relative;isolation:isolate}
  /* de streep die langs de onderrand meeloopt */
  .service-row::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;z-index:1;
    background:linear-gradient(90deg,var(--coral),#ff9d7f 60%,transparent);
    transform:scaleX(0);transform-origin:0 50%;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  /* het balkje langs de linkerrand */
  .service-row::before{content:'';position:absolute;left:-14px;top:8%;bottom:8%;width:2px;z-index:1;
    background:var(--coral);transform:scaleY(0);transform-origin:50% 0;
    transition:transform .55s cubic-bezier(.2,.7,.2,1) .05s}
  .service-row.is-actief::after{transform:scaleX(1)}
  .service-row.is-actief::before{transform:scaleY(1)}
  .service-row{transition:background .5s ease}
  .service-row.is-actief{background:linear-gradient(90deg,rgba(240,90,60,.13),rgba(240,90,60,.02) 55%,transparent)}
  .service-row h3,.service-row .service-number,.service-row .service-arrow{transition:color .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}
  .service-row.is-actief h3{color:var(--coral)}
  .service-row.is-actief .service-number{color:var(--coral)}
  .service-row.is-actief .service-arrow{transform:translate(4px,-4px)}
}
@media(max-width:850px) and (prefers-reduced-motion:reduce){
  .service-row::before,.service-row::after{display:none}
  .service-row.is-actief .service-arrow{transform:none}
}


/* ---- Diensten (03) op de desktop: lijnen tekenen zich bij binnenkomst en de
   rij die je passeert licht op. Zweven blijft leidend zodra de muis meedoet. -- */
@media(min-width:851px){
  .service-list .service-row{opacity:0;transform:translateY(16px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),padding .3s,background .5s ease}
  .service-list .service-row.is-in{opacity:1;transform:none}
  .service-list .service-row:nth-child(2){transition-delay:.09s}
  .service-list .service-row:nth-child(3){transition-delay:.18s}
  .service-list .service-row:nth-child(4){transition-delay:.27s}
  .service-row{position:relative}
  /* koraal lijn die over de scheidingslijn heen tekent */
  .service-row::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;
    background:linear-gradient(90deg,var(--coral),#ff9d7f 55%,transparent);
    transform:scaleX(0);transform-origin:0 50%;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
  .service-row.is-actief::after,.service-row:hover::after{transform:scaleX(1)}
  .service-row.is-actief{background:linear-gradient(90deg,rgba(240,90,60,.075),transparent 48%)}
  .service-row.is-actief .service-number{color:var(--coral)}
  .service-row .service-number,.service-row .service-arrow{transition:color .5s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
  .service-row.is-actief .service-arrow{transform:translate(5px,-5px)}
  .service-row.is-actief .service-tags{color:#d3d0c6}
}
@media(min-width:851px) and (prefers-reduced-motion:reduce){
  .service-list .service-row{opacity:1;transform:none;transition:none}
  .service-row::after{display:none}
  .service-row.is-actief .service-arrow{transform:none}
}


/* ---- Film op een landingspagina: korter, zodat de tekst en de knoppen
   bovenaan blijven staan en de rest van de pagina niet wegzakt. ---- */
.hero-film--kort{height:200vh;height:200svh}
@media(min-width:768px){.hero-film--kort{height:220vh;height:220svh}}
@media(prefers-reduced-motion:reduce){.hero-film--kort{height:auto}}


/* ====== Blog: overzicht en artikelbeelden =================================
   Opzet: het beeld draagt de kaart, de titel staat er strak onder en er is
   geen kaartrand omheen. Tussen de kaarten staat een donkere tegel met een
   uitnodiging, zodat het raster niet als een eindeloze lijst voelt. */

/* -- filterbalk: hergebruikt de knoppen van de voorbeeldenpagina -- */
.site-redesign .blog-filters{border-top:1px solid var(--line);flex-wrap:wrap}

/* -- het raster -- */
.site-redesign .blog-index{padding-top:8px;padding-bottom:90px}
.site-redesign .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:52px 34px}
.site-redesign .blog-card{display:flex;flex-direction:column;color:inherit;text-decoration:none}
.site-redesign .blog-card__shot{position:relative;overflow:hidden;border-radius:4px;background:var(--soft);aspect-ratio:3/2;margin-bottom:20px}
.site-redesign .blog-card__shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.site-redesign .blog-card:hover .blog-card__shot img{transform:scale(1.05)}
.site-redesign .blog-card__cat{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);display:flex;align-items:center;gap:9px;transition:color .3s ease}
.site-redesign .blog-card__cat::before{content:'';width:14px;height:1px;background:currentColor;flex:none}
.site-redesign .blog-card h2{font-size:24px;font-weight:500;letter-spacing:-.04em;line-height:1.14;margin:13px 0 11px;transition:color .3s ease}
.site-redesign .blog-card p{font-size:14.5px;line-height:1.8;color:var(--quiet);margin:0}
.site-redesign .blog-card__more{font-size:12.5px;margin-top:15px;color:var(--ink);display:inline-flex;align-items:center;gap:9px;transition:gap .3s ease}
.site-redesign .blog-card__more::after{content:'\2197'}
.site-redesign .blog-card:hover h2,.site-redesign .blog-card:hover .blog-card__cat{color:#b43824}
.site-redesign .blog-card:hover .blog-card__more{gap:14px}
.site-redesign .blog-card:focus-visible{outline:2px solid var(--coral);outline-offset:6px;border-radius:4px}
/* het eerste artikel ligt over twee kolommen, zodat het raster een kop heeft */
.site-redesign .blog-card--groot{grid-column:span 2}
.site-redesign .blog-card--groot .blog-card__shot{aspect-ratio:2/1}
.site-redesign .blog-card--groot h2{font-size:clamp(29px,3.1vw,40px);letter-spacing:-.045em;line-height:1.06;margin:15px 0 13px}
.site-redesign .blog-card--groot p{font-size:15.5px;max-width:54ch}

/* -- donkere tegel tussen de kaarten -- */
.site-redesign .blog-tile{grid-column:span 1;background:var(--ink);color:var(--paper);border-radius:4px;padding:34px 30px;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;text-decoration:none;transition:background .4s ease}
.site-redesign .blog-tile:hover{background:#2d2d2a}
.site-redesign .blog-tile span{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#a8a59b}
.site-redesign .blog-tile strong{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-size:clamp(30px,2.9vw,40px);line-height:1.04;letter-spacing:-.025em;margin:auto 0 0;display:block}
.site-redesign .blog-tile p{font-size:13.5px;line-height:1.85;color:#a8a59b;margin:16px 0 auto;max-width:30ch}
.site-redesign .blog-tile em{font-style:italic}
.site-redesign .blog-tile small{font-size:13px;color:#cfccc2;display:flex;align-items:center;gap:10px;margin-top:26px}
.site-redesign .blog-tile small::after{content:'\2197';font-size:15px}
.site-redesign .blog-tile:hover small{color:var(--coral)}

/* De smalle leeskolom kwam niet door: `.site-redesign .container` zet de
   maximale breedte op 1440px en won van `.container--narrow`. Daardoor liepen
   artikelregels over ruim 1300px. Hier zetten we hem terug op een breedte waar
   je prettig op leest, ongeveer 75 tekens per regel. */
.site-redesign .container--narrow{max-width:820px}

/* Leesritme in een artikel: meer lucht tussen alinea's en koppen, en een
   genummerde lijst die ook echt nummers laat zien in plaats van bolletjes. */
.site-redesign .prose p{margin-bottom:1.55rem}
.site-redesign .prose h2{font-size:clamp(24px,2.4vw,31px);margin:3rem 0 1.05rem}
.site-redesign .prose h2:first-child{margin-top:0}
.site-redesign .prose ul,.site-redesign .prose ol{display:flex;flex-direction:column;gap:.85rem;margin:0 0 1.55rem;padding-left:0}
.site-redesign .prose li{padding-left:1.7rem;color:var(--ink)}
.site-redesign .prose ul li::before{background:var(--coral);box-shadow:none;border-radius:1px;width:6px;height:6px;top:.72em}
.site-redesign .prose ol{counter-reset:stap;list-style:none}
.site-redesign .prose ol li{padding-left:2.2rem}
.site-redesign .prose ol li::before{counter-increment:stap;content:counter(stap);background:none;box-shadow:none;border-radius:0;width:auto;height:auto;top:0;left:0;font-size:12.5px;font-weight:600;letter-spacing:.03em;color:#b43824}
.site-redesign .prose a{color:#b43824;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.site-redesign .prose a:hover{color:var(--ink)}

/* -- beelden in een artikel -- */
.site-redesign .kb-shot{max-width:1140px;margin:0 auto 10px;padding-inline:var(--gutter)}
.site-redesign .kb-shot figure{margin:0}
.site-redesign .kb-shot img{width:100%;height:auto;display:block;border-radius:4px;background:var(--soft);aspect-ratio:3/2;object-fit:cover}
/* het kopbeeld staat los in de pagina en krijgt een bredere uitsnede, zodat het
   de tekst aankondigt in plaats van het scherm te vullen */
.site-redesign main>.kb-shot img{aspect-ratio:2.1/1}
.site-redesign .kb-shot figcaption{font-size:12px;color:var(--quiet);margin-top:11px;letter-spacing:.01em}
.site-redesign .prose .kb-shot{padding-inline:0;margin:38px 0 34px}
.site-redesign .kb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--quiet);margin:26px 0 0;padding-top:20px;border-top:1px solid var(--line)}
.site-redesign .kb-meta i{font-style:normal;color:#b43824}

@media(max-width:850px){
  .site-redesign .blog-grid{grid-template-columns:1fr 1fr;gap:44px 26px}
  .site-redesign .blog-tile{min-height:260px;padding:28px 24px}
  .site-redesign .blog-card--groot .blog-card__shot{aspect-ratio:2.2/1}
}
@media(max-width:600px){
  .site-redesign .blog-index{padding-bottom:60px}
  .site-redesign .blog-grid{grid-template-columns:1fr;gap:38px}
  .site-redesign .blog-card--groot{grid-column:span 1}
  .site-redesign .blog-card--groot .blog-card__shot{aspect-ratio:3/2}
  .site-redesign .blog-card--groot h2{font-size:27px}
  .site-redesign .blog-card--groot p{font-size:14px}
  .site-redesign .blog-card h2{font-size:23px}
  .site-redesign .blog-card p{font-size:14px}
  .site-redesign .blog-tile{min-height:0;padding:28px 24px}
  .site-redesign .blog-tile strong{font-size:31px;margin-top:20px}
  .site-redesign .kb-shot{padding-inline:var(--gutter)}
  .site-redesign main>.kb-shot img{aspect-ratio:3/2}
  .site-redesign .prose .kb-shot{margin:28px 0 26px}
  .site-redesign .kb-meta{font-size:10px;margin-top:20px;padding-top:16px}
}
@media(prefers-reduced-motion:reduce){
  .site-redesign .blog-card__shot img{transition:none}
  .site-redesign .blog-card:hover .blog-card__shot img{transform:none}
}

/* Dienstpagina's: studio-section tussen gewone .section-blokken. Toegevoegd
   14-09-2026 toen de oude donkere .band-secties zijn vervangen. */
.studio-section--dienst{padding-top:40px;padding-bottom:40px}
.studio-section--omgekeerd .studio-photo{order:2}
.studio-copy .studio-points{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:11px;max-width:430px}
.studio-copy .studio-points li{position:relative;padding-left:22px;font-size:14px;line-height:1.7;color:var(--ink)}
.studio-copy .studio-points li::before{content:'';position:absolute;left:0;top:.7em;width:8px;height:8px;background:var(--coral);border-radius:1px}
.studio-copy .studio-points li::after{display:none}
@media(max-width:600px){
  .studio-section--dienst{padding-top:30px;padding-bottom:30px}
  .studio-section--omgekeerd .studio-photo{order:0}
  .studio-copy .studio-points li{font-size:14.5px}
}
/* Oude gloedjes uit styles.css (paars/cyaan) horen niet in het papier/inkt-thema.
   .subhero::before kleurde de kop van de privacypagina, .leadmag::after het
   scanpaneel op de webshop-app-pagina. 14-09-2026. */
.site-redesign .subhero::before,.site-redesign .leadmag::after{display:none}
/* NAP in de voettekst en op de contactpagina. De toelichting "geen
   bezoekadres" mag stiller dan de rest, maar moet leesbaar blijven. 15-09-2026 */
.footer-contact>span.nap-noot{color:#98968d;font-size:11.5px;line-height:1.6}
.contact-methods .nap-noot{display:block;color:var(--quiet);font-size:12.5px;line-height:1.65;margin-top:6px;max-width:34ch}

/* ---------------------------------------------------------------------------
   Scanuitslag. De meeste mensen komen hier binnen via een koude mail en moeten
   binnen tien tellen zien hoe erg het is, wat er mis is en wat het kost. Daarom
   staat het oordeel als zin bovenaan, daarna de balken (aflopend, cijfer altijd
   leesbaar), dan de punten met hun gevolg, en pas onderaan de vraag.
   De oude opmaak in styles.css komt uit het donkere thema (neon, ringen, glas)
   en wordt hier volledig overschreven. 15-09-2026
   --------------------------------------------------------------------------- */
.site-redesign .scanform{max-width:520px;margin-top:26px;gap:10px}
.site-redesign .scanform input{min-height:48px;padding:12px 16px;background:#fffefa;border:1px solid var(--line);border-radius:3px;color:var(--ink);font-family:var(--f-body);font-size:15px}
.site-redesign .scanform input::placeholder{color:#8b8a83}
.site-redesign .scanform input:focus{outline:2px solid #bf3d28;outline-offset:2px;border-color:var(--ink);box-shadow:none}
.site-redesign .scan__status{margin-top:14px;font-size:13.5px;line-height:1.7;color:var(--quiet)}
.site-redesign .scan__status .spin{border-color:var(--line);border-top-color:var(--coral)}
.site-redesign .scan__status.err{color:#9c2f17}
.scan-uitslag-wrap{padding-bottom:0}
.site-redesign .scan__results{margin-top:0;max-width:980px}
.site-redesign .scan__results.show{margin-top:14px;padding-bottom:78px}

.scan-uitslag{display:flex;flex-direction:column;gap:44px}
.scan-kop{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);padding-bottom:10px;margin:0 0 20px}
.scan-kop b{color:var(--ink);font-weight:700}

/* Het oordeel: eerst wat er mis is, dan pas het cijfer. */
.scan-oordeel{border-top:2px solid var(--ink);padding-top:20px}
.scan-oordeel__bron{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--quiet)}
.scan-oordeel__bron b{color:var(--ink);word-break:break-all}
.scan-oordeel__zin{font-size:clamp(28px,3.9vw,46px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:16px 0 0;max-width:20ch;text-wrap:balance}
.scan-oordeel__zin em{color:var(--coral);font-size:1.1em;line-height:1.05}
.scan-oordeel__gevolg{margin-top:16px;font-size:15px;line-height:1.8;color:var(--ink);max-width:52ch}
.scan-oordeel__meta{margin-top:24px;display:flex;flex-wrap:wrap;gap:6px 0;font-size:12.5px;letter-spacing:.02em;color:var(--quiet)}
.scan-oordeel__meta span+span{margin-left:20px;padding-left:20px;border-left:1px solid var(--line)}
.scan-oordeel__meta b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}

/* Balken: aflopend gesorteerd, cijfer altijd zichtbaar, streep op 90. */
.scan-balken ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.scan-balk{display:grid;grid-template-columns:minmax(118px,172px) 1fr 40px 76px;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}
.scan-balk:last-child{border-bottom:0}
.scan-balk__naam{font-size:14.5px;font-weight:600;color:var(--ink)}
.scan-balk__spoor{position:relative;height:8px;background:#e2e0d7}
.scan-balk__spoor i{display:block;height:100%;width:100%;transform-origin:left center;transform:scaleX(var(--s,0));background:var(--ink);transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.scan-balk__spoor::after{content:"";position:absolute;left:90%;top:-5px;bottom:-5px;width:1px;background:var(--border-strong)}
.scan-balk--zwak .scan-balk__spoor i{background:#e0512f}
.scan-balk__cijfer{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}
.scan-balk__oordeel{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet)}
.scan-balk--zwak .scan-balk__oordeel{color:#9c2f17}
.scan-balken__feiten{margin:14px 0 0;font-size:12.5px;line-height:1.7;color:var(--quiet)}
.scan-balken__feiten b{color:var(--ink);font-weight:600}
.scan-balken__voet{margin-top:6px;font-size:12.5px;line-height:1.7;color:var(--quiet)}

/* Verbeterpunten: wat het is, en wat het je kost. */
.scan-punten ol{list-style:none;margin:0;padding:0}
.scan-punt{display:grid;grid-template-columns:104px 1fr;gap:6px 20px;padding:20px 0;border-bottom:1px solid var(--line)}
.scan-punt__ernst{grid-row:span 2;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--quiet);display:flex;align-items:baseline;gap:8px;padding-top:3px}
.scan-punt__ernst::before{content:"";width:7px;height:7px;flex:none;border:1px solid var(--quiet);transform:translateY(-1px)}
.scan-punt--kritiek .scan-punt__ernst,.scan-punt--hoog .scan-punt__ernst{color:#9c2f17}
.scan-punt--kritiek .scan-punt__ernst::before,.scan-punt--hoog .scan-punt__ernst::before{background:#9c2f17;border-color:#9c2f17}
.scan-punt--midden .scan-punt__ernst::before{background:linear-gradient(135deg,var(--quiet) 50%,transparent 50%)}
.scan-punt__titel{font-size:16.5px;font-weight:600;letter-spacing:-.01em;line-height:1.45;color:var(--ink);margin:0}
.scan-punt__cat{display:block;margin-top:3px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#82817a}
.scan-punt__tekst{grid-column:2}
.scan-punt__uitleg{font-size:14px;line-height:1.8;color:var(--quiet);margin:8px 0 0;max-width:58ch}
.scan-punt__gevolg{font-size:14px;line-height:1.8;color:var(--ink);margin:10px 0 0;max-width:58ch;padding-left:14px;border-left:1px solid var(--coral)}
.scan-punt__gevolg b{font-weight:700}

/* De rest: wel benoemen, niet uitleggen. Dat is eerlijker dan vervagen. */
.scan-rest{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.scan-rest__kop{font-size:13px;font-weight:600;color:var(--ink);margin:0}
.scan-rest ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.scan-rest li{font-size:12.5px;line-height:1.5;color:var(--quiet);border:1px solid var(--line);padding:6px 11px;background:#efede6}
.scan-rest__meer{margin:12px 0 0;font-size:12.5px;color:var(--quiet)}

/* De vraag. Een oproep, geen tweede kleur. */
.scan-vervolg{background:#fffefa;border:1px solid var(--line);padding:clamp(24px,3.6vw,36px)}
.scan-vervolg__vraag{font-size:clamp(21px,2.4vw,28px);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:0}
.scan-vervolg__vraag em{color:var(--coral)}
.scan-vervolg>p{margin:14px 0 0;font-size:14.5px;line-height:1.85;color:var(--quiet);max-width:54ch}
.site-redesign .scan__leadform{margin-top:22px;gap:10px;max-width:470px}
.site-redesign .scan__leadform input{min-height:46px;padding:12px 16px;background:var(--paper);border:1px solid var(--line);border-radius:3px;color:var(--ink);font-family:var(--f-body);font-size:15px}
.site-redesign .scan__leadform input::placeholder{color:#8b8a83}
.site-redesign .scan__leadform input:focus{outline:2px solid #bf3d28;outline-offset:2px;border-color:var(--ink)}
.site-redesign .scan__leadform .btn.is-sent,.site-redesign .scan__leadform .btn.is-sent:disabled{background:var(--ink);border-color:var(--ink);color:var(--paper);opacity:1}
.site-redesign .scan__leadform .btn.is-sent span::before{background:var(--paper)}
.site-redesign .scan__upgrade{margin-top:12px}
.site-redesign .scan__note{margin-top:14px;font-size:13px;line-height:1.7;color:var(--quiet)}
.site-redesign .scan__note.ok{color:#1f6b45;font-weight:600}
.site-redesign .scan__note.err{color:#9c2f17;font-weight:600}
.scan-vervolg__klein{margin-top:16px;font-size:12px;line-height:1.7;color:#82817a}

@media(max-width:700px){
  .scan-uitslag{gap:36px}
  .scan-balk{grid-template-columns:1fr auto auto;gap:9px 10px;padding:13px 0}
  .scan-balk__naam{grid-column:1}
  .scan-balk__cijfer{grid-column:2;text-align:right}
  .scan-balk__oordeel{grid-column:3;order:2}
  .scan-balk__spoor{grid-column:1/-1;order:3}
  .scan-punt{grid-template-columns:1fr;gap:0}
  .scan-punt__ernst{grid-row:auto;padding-top:0;margin-bottom:9px}
  .scan-punt__tekst{grid-column:1}
  .scan-oordeel__zin{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .scan-balk__spoor i{transition:none}
  .site-redesign .scan__results{transition:none}
}

/* Onderhoudspakketten op de prijzenpagina. Gebruikt dezelfde kaarten als de
   bouwprijzen erboven; alleen de kop eromheen is nieuw. 15-09-2026 */
.price-onderhoud{padding-block:10px 80px;border-top:1px solid var(--line);padding-top:70px}
.price-onderhoud__head{max-width:620px;margin-bottom:38px}
.price-onderhoud__head h2{font-size:clamp(34px,4.4vw,58px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin-top:20px}
.price-onderhoud__head h2 em{color:var(--coral)}
.price-onderhoud__head p{margin-top:20px;font-size:14.5px;line-height:1.9;color:var(--quiet)}
.price-onderhoud .price-card__amount small{display:inline-block;margin-left:2px}
@media(max-width:760px){
  .price-onderhoud{padding-top:46px;padding-bottom:50px}
  .price-onderhoud__head{margin-bottom:26px}
}

/* Gratis scan in de kopbalk. Staat naast "Laten we praten" maar is omlijnd in
   plaats van gevuld: het gesprek blijft de hoofdactie, de scan is de laagdrempelige
   opstap. Het koraalstipje maakt hem vindbaar zonder een tweede accentkleur te
   introduceren. Verdwijnt onder 850px, waar het mobiele menu het overneemt en de
   scan al in de lijst staat. 16-09-2026 */
.studio-nav__scan{gap:11px;padding:11px 19px;min-height:42px;margin-right:16px;font-size:13.5px}
.studio-nav__scan i{width:6px;height:6px;border-radius:50%;background:var(--coral);flex:none;display:block}
.studio-nav__scan:hover{background:var(--soft)}
.studio-nav__scan[aria-current=page]{background:var(--soft)}
@media(max-width:1100px){.studio-nav__scan{margin-right:12px;padding-inline:16px}}
/* Onder 1000px wordt de balk te krap voor twee knoppen naast de menu-items:
   de inhoud liep over. Daar valt de scanknop weg; hij staat nog in de voettekst
   en vanaf 850px neemt het mobiele menu het over, met de scan erin. */
@media(max-width:1000px){.studio-nav__scan{display:none}}

/* De band met zoekd onder de voorbeelden: beeld links, verhaal rechts. Bewust
   geen kaart maar een lijn erboven, zodat het leest als een vervolg op de
   voorbeelden en niet als een zevende voorbeeld. */
.live-work{padding-bottom:104px}
.live-work__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px 62px;align-items:center;border-top:1px solid var(--line);padding-top:66px}
.live-work__grid .work-image{aspect-ratio:1.28}
.live-work__grid .work-image--zoekd .browser-frame{width:84%;left:9%;top:29%;transform:rotate(3deg)}
.live-work__grid .work-image--zoekd:hover .browser-frame{transform:rotate(1deg) translateY(-8px)}
.live-work__copy h2{font-size:clamp(38px,4.6vw,62px);line-height:1.04;letter-spacing:-.06em;font-weight:500;margin:16px 0 0}
.live-work__copy h2 em{font-style:normal;color:var(--coral)}
.live-work__copy p{max-width:46ch;font-size:14.5px;line-height:1.85;color:var(--quiet);margin:20px 0 28px}
@media(max-width:900px){.live-work{padding-bottom:64px}.live-work__grid{grid-template-columns:1fr;gap:34px;padding-top:46px}.live-work__grid .work-image{aspect-ratio:1.11}}

/* --- Algemene voorwaarden -------------------------------------------------- */
/* Twaalf artikelen achter elkaar leest zwaar. Een inhoudsopgave bovenaan laat
   iemand meteen naar het punt springen waar het hem om gaat. */
.av-inhoud{margin:0 0 3rem;padding:1.6rem 1.8rem;background:#fffefa;border:1px solid var(--lijn, #d5d3cb);border-radius:3px}
.av-inhoud__kop{margin:0 0 .9rem;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--stil, #63635e)}
/* .site-redesign .prose ol zet lijsten op flex; daar werkt columns niet op.
   Die selector moet dus mee, anders wint hij gewoon. */
.site-redesign .prose .av-inhoud ol{display:block;margin:0;padding:0;list-style:none;columns:2;column-gap:2.4rem}
.site-redesign .prose .av-inhoud li{margin:0 0 .6rem;font-size:.92rem;break-inside:avoid}
.av-inhoud a{color:var(--inkt, #21211f);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.av-inhoud a:hover,.av-inhoud a:focus-visible{color:var(--koraal, #f05a3c);border-bottom-color:currentColor}
/* Het nummer hangt in de kantlijn, zodat de kop zelf als tekst leest. */
.prose h2 .av-nr{display:inline-block;min-width:1.7em;color:var(--koraal, #f05a3c);font-variant-numeric:tabular-nums}
@media(max-width:700px){
  .av-inhoud{padding:1.3rem 1.4rem;margin-bottom:2.2rem}
  .site-redesign .prose .av-inhoud ol{columns:1}
  .prose h2 .av-nr{min-width:1.4em}
}

/* --- Case-beeld op een dienstpagina ---------------------------------------- */
/* Niet te verwarren met .work-image uit het werkraster: dat is een leeg vlak met
   een los browservenster erin. Hier hangt de afbeelding zelf aan de pagina. */
.case-shot{display:block;overflow:hidden;border-radius:4px;border:1px solid var(--lijn, #d5d3cb);background:#e7ded0;line-height:0}
.case-shot img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.case-shot:hover img,.case-shot:focus-visible img{transform:scale(1.02)}
@media(prefers-reduced-motion:reduce){.case-shot img{transition:none}}