:root{--paper:#f7f5f2;--ink:#20272b;--orange:#e87524;--rust:#ab4609;--muted:#626967;--line:#dcded8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--rust);outline-offset:5px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.previewbar{padding:7px 30px;background:var(--ink);color:white;font-size:12px;letter-spacing:1.4px;display:flex;justify-content:space-between}.previewbar span{letter-spacing:.3px;color:#c6ccca}header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{height:110px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{width:285px;height:68px;overflow:hidden;position:relative;flex-shrink:0}.brand img{position:absolute;max-width:none;width:331px;height:auto;left:-24px;top:-40px;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:32px}nav a{font-size:15px;font-weight:500}nav a[aria-current]{color:var(--rust)}nav a:last-child{border:1px solid var(--ink);padding:10px 23px;border-radius:3px}nav a:hover,.plain-link:hover{color:var(--rust)}.menu-toggle{display:none}.hero{padding-top:66px;padding-bottom:70px;display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.9px;line-height:1.6;margin:0 0 24px}.line{display:inline-block;width:23px;height:2px;background:var(--orange);vertical-align:middle;margin-right:10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,5.7vw,82px);line-height:1.03;letter-spacing:-4px;font-weight:500;margin-bottom:25px}h1 span{color:var(--rust)}.lead{max-width:550px;color:#535a5b;font-size:18px;line-height:1.75}.hero-visual{position:relative;margin-right:20px}.hero-portrait{width:100%;aspect-ratio:4/4.8;object-fit:cover;object-position:51% center;filter:saturate(.8);border-radius:3px}.portrait-caption{position:absolute;bottom:24px;left:-26px;padding:20px 30px;background:var(--orange);min-width:254px;display:grid;gap:0;font-size:14px;line-height:1.6}.portrait-caption strong{font-size:26px;letter-spacing:-.5px}.portrait-caption span:first-child{font-size:12px;margin-bottom:10px}.vertical-note{position:absolute;right:-30px;top:0;writing-mode:vertical-rl;font-size:11px;letter-spacing:2px}.actions{display:flex;flex-wrap:wrap;gap:25px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--orange);color:var(--ink);padding:15px 23px;border:0;border-radius:3px;font-size:15px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:#f3924f;transform:translateY(-2px)}.button.dark{background:var(--ink);color:white}.button.dark:hover{background:#394449}.plain-link{font-size:15px;border-bottom:1px solid currentColor;padding-bottom:5px}.location{font-size:13px;color:var(--muted);margin:25px 0 0}.promise-strip{border-block:1px solid var(--line)}.promise-strip .wrap{display:flex;justify-content:space-around;gap:15px;padding-block:23px;font-size:14px}.promise-strip span:before{content:'✓';margin-right:12px;color:var(--rust)}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:44px}.section-heading>p{max-width:355px;color:var(--muted);margin-bottom:5px}.section-heading .eyebrow{margin-bottom:15px}h2{font-size:clamp(34px,3.5vw,49px);line-height:1.1;letter-spacing:-1.8px;font-weight:500;margin-bottom:0}h3{font-size:26px;line-height:1.2;letter-spacing:-.7px;font-weight:500}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.service{padding:35px 31px 28px;background:#fff;display:flex;flex-direction:column;}.service+.service{border-left:1px solid var(--line)}.services>.service:nth-child(2){background:#f1ece6}.service.featured{background:var(--ink);color:white}.number{font-size:11px;font-weight:600;letter-spacing:1.4px;margin-bottom:38px;color:var(--rust)}.featured .number{color:#ffab72}.service h3{font-size:31px}.service p{font-size:16px;color:var(--muted);margin-bottom:32px}.featured p{color:#c9cecc}.textlink{display:flex;justify-content:space-between;font-size:14px;font-weight:600;margin-top:auto;border-top:1px solid var(--line);padding-top:20px}.featured .textlink{border-color:#4c5457}.work-section{padding-block:90px;background:#eae9e4}.work-pair{display:grid;grid-template-columns:1.25fr 1fr;gap:28px}.work-item img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:2px}.work-item>div{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:18px}.work-item h3{font-size:20px;margin:0}.work-item span{font-size:12px;color:var(--muted)}.personal{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.large-copy{font-size:25px;line-height:1.55;letter-spacing:-.5px}.personal>div>p:not(.eyebrow):not(.large-copy){color:var(--muted)}.cta{padding:60px 0;background:var(--orange)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta .eyebrow{margin-bottom:10px}.cta h2{font-size:48px}footer{background:var(--ink);color:#fff;padding:60px 0 20px}.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.footer-brand{font-size:34px;letter-spacing:-1.3px}.footer-brand span{color:var(--orange)}footer p{font-size:14px;color:#c2c8c5;letter-spacing:0;line-height:1.8}.footer-brand p{margin-top:12px}.footer-top a{display:block;font-size:14px;margin-bottom:10px}.footer-top .eyebrow{font-size:11px;color:#c2c8c5;margin-bottom:20px}.footer-bottom{border-top:1px solid #495052;padding-top:20px;margin-top:45px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#c2c8c5}.skip{position:absolute;top:-100px}.skip:focus{top:0;background:white;padding:15px;z-index:10}.page-intro{padding:65px 0 50px;max-width:870px}.page-intro h1{font-size:clamp(44px,5vw,68px);margin-bottom:25px}.page-intro .lead{max-width:730px}.page-intro .eyebrow{color:var(--rust)}.content-section{padding-bottom:85px}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start}.detail-grid h2{font-size:35px;margin:0 0 22px}.detail-grid p{color:var(--muted)}.detail-grid ul{padding-left:20px}.detail-grid li{padding:8px 0}.detail-aside{padding:32px;background:#eae9e4}.detail-aside h3{margin-bottom:15px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:45px}.process article{border-top:1px solid var(--line);padding-top:22px}.process b{color:var(--rust);font-size:13px}.process h3{font-size:22px;margin:18px 0 12px}.process p{color:var(--muted);font-size:15px}.filters{display:flex;gap:12px;margin-bottom:32px}.filter{border:1px solid #a4aaa7;padding:11px 25px;border-radius:2px;background:transparent;color:var(--ink);font-size:14px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.gallery figure{margin:0}.photo-open{border:0;background:transparent;padding:0;display:block;width:100%;text-align:left}.photo-open img{width:100%;aspect-ratio:1.5;object-fit:cover}.gallery figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:14px}.gallery figcaption span{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.note{font-size:14px;color:var(--muted);max-width:700px;margin:0 0 28px}.website-example{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line)}.website-example>div{padding:35px}.site-type{background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:center;min-height:270px}.site-type strong{font-size:42px;letter-spacing:-1px}.site-type span{color:#ffab72;font-size:13px}.about-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:80px}.about-grid img{width:100%;border-radius:3px}.about-grid h2{font-size:36px;margin:12px 0 25px}.about-grid p{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:85px}.contact-details h2{font-size:32px;margin-bottom:25px}.contact-details>a{display:block;margin:14px 0}.contact-details .button{display:inline-flex;margin:15px 0}.contact-details p{color:var(--muted)}form{background:white;padding:35px;border:1px solid var(--line)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:14px;font-weight:500;margin-bottom:20px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #a9aeaa;border-radius:2px;background:white;color:var(--ink);margin-top:7px}textarea{min-height:150px;resize:vertical}.form-help{font-size:13px;color:var(--muted)}.hp{position:absolute;left:-9999px}.form-status{font-size:14px;background:#f7eee5;border-left:3px solid var(--orange);padding:15px;margin-top:20px}.preview-note{background:#eae9e4;padding:14px 18px;font-size:13px;line-height:1.6;margin-bottom:22px}.lightbox{border:0;background:#20272b;color:white;padding:20px;max-width:min(1100px,94vw);max-height:94vh}.lightbox::backdrop{background:#000c}.lightbox img{max-height:75vh;margin:auto;object-fit:contain}.lightbox button{display:block;margin-left:auto;border:1px solid #b5bcb9;color:white;background:transparent;padding:8px 15px;margin-bottom:12px}.lightbox p{margin:12px 0 0}.backlink{display:inline-block;color:var(--rust);font-size:14px;margin-bottom:25px}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}.hero-portrait{aspect-ratio:1/1.12}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}nav{gap:20px}.brand{width:250px}.brand img{width:290px;left:-21px;top:-31px}.hero{gap:45px}.hero h1{font-size:62px;letter-spacing:-3px}.service{padding:28px 23px}.service h3{font-size:27px}.work-item>div{display:block}.personal,.detail-grid,.about-grid,.contact-grid{gap:45px}.eyebrow{font-size:11px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.previewbar{padding:6px 18px;font-size:10px}.previewbar span{font-size:10px}.header-inner{height:88px;position:relative}.brand{width:230px;height:60px}.brand img{width:267px;left:-19px;top:-31px}.menu-toggle{display:block;background:none;border:1px solid #bbc0bc;border-radius:2px;padding:8px 12px;font-size:14px}.menu-toggle span{margin-left:6px}nav{display:none;position:absolute;top:88px;left:-18px;right:-18px;background:var(--paper);z-index:5;padding:25px;box-shadow:0 10px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:18px}.hero{grid-template-columns:1fr;padding-top:40px;padding-bottom:42px;gap:36px}.hero h1{font-size:clamp(47px,12vw,72px);letter-spacing:-2.5px}.hero h1 br:nth-of-type(1){display:none}.hero h1 span br{display:none}.hero .eyebrow{font-size:10px;letter-spacing:1px}.hero .lead{font-size:17px}.hero-visual{margin-right:16px;margin-left:12px}.hero-portrait{aspect-ratio:1.2;object-position:50% 39%}.portrait-caption{left:-12px;bottom:18px;min-width:210px;padding:13px 20px}.portrait-caption strong{font-size:23px}.portrait-caption span:first-child{margin-bottom:4px}.vertical-note{right:-23px;font-size:9px}.promise-strip .wrap{flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;font-size:12px;padding-block:17px}.section,.work-section{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading>p,.section-heading>a{margin-top:23px;display:inline-block}.services{grid-template-columns:1fr}.service+.service{border-left:0;border-top:1px solid var(--line)}.number{margin-bottom:22px}.service h3 br{display:none}.service p{margin-bottom:20px}.work-pair,.personal,.detail-grid,.about-grid,.contact-grid,.website-example{grid-template-columns:1fr;gap:32px}.work-pair{gap:30px}.work-item h3{font-size:20px}.personal{gap:25px}.large-copy{font-size:22px}.cta{padding:40px 0}.cta-inner{align-items:flex-start;flex-direction:column}.cta h2{font-size:37px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:8px}.page-intro{padding:40px 0 32px}.page-intro h1{font-size:46px;letter-spacing:-2px}.gallery{grid-template-columns:1fr;gap:26px}.gallery figcaption{font-size:13px}.process{grid-template-columns:1fr 1fr}.about-grid img{max-width:450px}.form-row{grid-template-columns:1fr;gap:0}form{padding:23px}.content-section{padding-bottom:55px}.contact-grid{gap:35px}.detail-grid h2{font-size:30px}.actions{gap:20px}.button{font-size:14px;padding:14px 19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.hero h1{font-size:clamp(43px,11.7vw,64px);letter-spacing:-1.7px}.hero h1 br:nth-of-type(1),.hero h1 span br{display:block}}
@media(max-width:760px){.service h3 br{display:block}}
.package-section{padding-top:70px}.package-card{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid var(--line);border-top:4px solid var(--orange);background:white}.package-copy{padding:46px}.package-copy .eyebrow{color:var(--rust);margin-bottom:18px}.package-copy h2{font-size:42px;margin-bottom:25px}.package-copy>p{max-width:620px}.package-copy ul{padding:0;list-style:none;margin:25px 0}.package-copy li{padding:7px 0 7px 28px;position:relative}.package-copy li:before{content:'✓';position:absolute;left:0;color:var(--rust)}.package-copy .package-extra{border-top:1px solid var(--line);padding-top:22px;font-size:15px;color:var(--muted);margin-bottom:0}.package-price{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:46px;background:var(--ink);color:white}.price-label{font-size:14px;color:#ffb17c;margin-bottom:34px}.price-from{font-size:16px;color:#ccd1cf}.price-amount{font-size:76px;font-weight:500;line-height:1.1;letter-spacing:-3px;margin:9px 0}.price-amount span{font-size:36px;letter-spacing:-1px}.price-tax{font-size:14px;color:#ccd1cf}.package-price .button{margin-top:32px;width:100%;gap:12px}.package-price>p:last-child{font-size:13px;color:#ccd1cf;margin:20px 0 0}.demo-project{margin-bottom:30px}.demo-cover{position:relative;display:block;min-height:280px;background:#071f32}.demo-cover img{width:100%;height:100%;object-fit:cover}.demo-badge{position:absolute;top:18px;left:18px;background:var(--orange);color:var(--ink);padding:8px 13px;letter-spacing:1.3px;font-size:11px;font-weight:600}.demo-project .note{font-size:13px}.content-section+.package-section{padding-top:0;margin-bottom:20px}@media(max-width:1000px){.package-copy,.package-price{padding:32px}.package-copy h2{font-size:35px}.price-amount{font-size:65px}}@media(max-width:760px){.package-section{padding-top:42px}.package-card{grid-template-columns:1fr}.package-copy,.package-price{padding:28px}.package-copy h2{font-size:32px}.package-price{align-items:flex-start}.price-label{margin-bottom:20px}.package-price .button{max-width:350px}.demo-cover{min-height:220px}.demo-cover img{aspect-ratio:1.5;height:auto}}
.package-copy .eyebrow{letter-spacing:.7px;text-transform:none;font-size:14px}.brand-accent{color:var(--orange)!important}

/* Uitgelijnde rijen met oorspronkelijke beeldverhoudingen. */
.gallery.portfolio-mix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;columns:auto}
.gallery.portfolio-mix:has(.photo-row){display:flex;flex-direction:column;gap:18px}
.gallery.portfolio-mix figure{margin:0;min-width:0}
.photo-row{display:grid;gap:18px;width:100%;max-width:100%}
.portfolio-mix .photo-open{border-radius:2px;overflow:hidden}
.portfolio-mix .photo-open img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.portfolio-mix .photo-open:hover{opacity:.92}
body.photo-viewing{overflow:hidden}
.lightbox{width:min(1200px,96vw);max-width:96vw;max-height:96dvh;padding:18px}
.lightbox-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px}
.lightbox-stage img{width:auto;height:auto;max-width:100%;max-height:72dvh;object-fit:contain;margin:auto}
.lightbox .lightbox-arrow{margin:0;padding:0;width:48px;height:48px;border-radius:50%;font-size:26px;line-height:1}
.lightbox .lightbox-arrow:hover{background:var(--orange);color:var(--ink)}
.lightbox .lightbox-close{margin:0 0 14px auto}
.lightbox p{font-size:14px;text-align:center;min-height:24px}
@media(max-width:600px){.gallery.portfolio-mix{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery.portfolio-mix:has(.photo-row),.photo-row{gap:12px}.lightbox{padding:12px}.lightbox-stage{grid-template-columns:44px minmax(0,1fr) 44px;gap:6px}.lightbox .lightbox-arrow{width:44px;height:44px}.lightbox p{font-size:12px}}

/* Pakket en homepage — september 2026 */
.home-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-work-grid .work-item{display:block;overflow:hidden}
.home-work-grid .work-item img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .25s}
.home-work-grid .work-item:hover img{transform:scale(1.025)}
.package-price .price-period{font-size:16px;color:#fff;margin:16px 0 8px}
.package-price .price-after{font-size:15px;color:#d8dddb;margin:0;max-width:250px;line-height:1.6}
.contact-form-title{font-size:36px;line-height:1.2;margin:0 0 30px}
.button.whatsapp{background:#25d366;color:#10271b;gap:10px}
.button.whatsapp:hover{background:#1fbb59;color:#10271b}
@media(max-width:760px){.home-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-form-title{font-size:30px}}
@media(max-width:480px){.home-work-grid{grid-template-columns:1fr}}

.contact-portrait{display:block;width:100%;max-width:360px;height:auto;margin-top:28px;border-radius:3px}