:root{--bg:#101010;--panel:#181818;--raised:#202020;--text:#f3f1ed;--muted:#a7a6a1;--accent:#ff653c;--line:#30302e;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(54px,5.8vw,88px);font-weight:750;margin-bottom:28px}h2{font-size:clamp(35px,4vw,58px);font-weight:650;margin-bottom:24px}h3{font-size:25px;font-weight:650}h4{font-size:19px}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#111}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.accent{color:var(--accent)}.icon{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.spark{width:100%;height:100%}.eyebrow{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.7;margin-bottom:24px}.lead{font-size:18px;line-height:1.7;max-width:570px}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;border:1px solid transparent;border-radius:40px;padding:15px 24px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary,.dark{background:var(--accent);color:#15110f}.primary:hover,.dark:hover{background:#ff805e}.ghost{background:#ffffff04;border-color:#52514c;color:var(--text)}.ghost:hover{background:#ffffff0d}.text-link{display:inline-flex;gap:20px;align-items:center;font-size:13px;border-bottom:1px solid #666;padding-bottom:9px}.text-link:hover{color:var(--accent)}.header{height:92px;position:sticky;top:0;z-index:50;background:#101010ed;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0b}.nav-inner{height:100%;display:flex;justify-content:space-between;align-items:center;gap:35px}.brand img{width:185px;height:auto;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{color:#b6b5af;transition:color .2s}nav a:hover,nav a[aria-current=page]{color:var(--text)}nav a[aria-current=page]:not(.nav-contact){position:relative}nav a[aria-current=page]:not(.nav-contact):after{content:'';position:absolute;bottom:-9px;left:0;width:16px;height:2px;background:var(--accent)}.nav-contact{display:inline-flex;gap:22px;align-items:center;border:1px solid #46443f;border-radius:30px;padding:12px 18px;color:var(--text)}.nav-contact .icon{width:16px;height:16px;color:var(--accent)}.menu-toggle{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 85% 44%,#92331925,transparent 56%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:38px;min-height:680px;padding-top:58px;padding-bottom:60px;position:relative}.hero h1{letter-spacing:-.065em;line-height:1.03}.hero .lead{font-size:16px;max-width:430px;margin-bottom:32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-caption{font-size:8px;letter-spacing:1.6px;color:#a7a6a1;display:flex;align-items:center;gap:10px;margin-top:35px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.hero-art{height:530px;position:relative}.art-grid{position:absolute;inset:10px -30px 0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}.art-note{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#8d8b85;position:absolute;left:10px;right:0;top:15px}.art-card{position:absolute;overflow:hidden;border-radius:10px;box-shadow:0 28px 60px #0007;border:1px solid #ffffff25}.website-card{left:0;right:-8px;top:90px;transform:rotate(-7deg);background:#fff;z-index:2}.website-card>img{width:100%;aspect-ratio:16/9;object-fit:cover}.art-browser{display:flex;align-items:center;gap:4px;background:#25231f;padding:9px 12px}.art-browser i{width:4px;height:4px;border-radius:50%;background:#726e64}.art-browser span{font-size:6px;color:#ccc;letter-spacing:1.5px;margin-left:20px}.identity-card{background:#e9e6dd;left:0;top:340px;width:47%;height:150px;transform:rotate(-7deg);padding:22px;z-index:3}.identity-card img{width:100%;height:90px;object-fit:contain}.identity-card span{display:block;font-size:5px;letter-spacing:2px;color:#333;text-align:center;margin-top:8px}.poster-card-hero{width:34%;height:259px;right:5px;top:260px;transform:rotate(9deg);z-index:4}.poster-card-hero img{width:100%;height:100%;object-fit:cover}.art-stamp{color:var(--accent);width:99px;height:99px;position:absolute;right:8px;top:40px;z-index:5}.art-bottom{position:absolute;bottom:0;left:0;font-size:7px;letter-spacing:2px;color:#7b7974}.hero-base{display:flex;align-items:center;justify-content:space-between;padding:23px 0;border-top:1px solid #ffffff14;position:relative;font-size:8px;letter-spacing:1.5px;color:#8d8b85}.hero-base a span{margin-left:18px;color:var(--accent)}.section{padding-block:105px}.section-alt{background:#161616}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.intro .lead{color:var(--text);font-size:22px}.intro p:not(.lead):not(.eyebrow){font-size:14px}.section-head{margin-bottom:46px}.section-head>p:last-child:not(.eyebrow){margin-bottom:0}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{padding:32px 27px;border:1px solid #333230;border-radius:14px;background:linear-gradient(145deg,#222221,#1b1b1b);transition:border-color .25s,transform .25s}.service-card:hover{border-color:#9c543b;transform:translateY(-5px)}.service-top{display:flex;justify-content:space-between;color:var(--accent);font-size:11px;letter-spacing:1px;margin-bottom:48px}.service-card h3{font-size:24px}.service-card p{font-size:13px;line-height:1.9}.service-list{font-size:10px;color:#c2bfb6;border-top:1px solid #393733;padding-top:20px;margin-top:26px;min-height:48px}.service-card>a{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:27px}.service-card>a .icon{width:16px}.side-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.side-head h2{margin-bottom:0}.featured-grid,.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.featured-image{aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#242424;border:1px solid #333}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.featured:hover img{transform:scale(1.035)}.featured-copy{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.featured-copy span{font-size:8px;color:var(--accent);letter-spacing:1.6px}.featured-copy h3{margin:10px 0 0}.featured-copy>.icon{color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;list-style:none;padding:0;margin:0}.steps li{border-top:1px solid #49453f;padding-top:26px}.steps li>span{font-size:10px;color:var(--accent);letter-spacing:1px}.steps h3{font-size:24px;margin:25px 0 16px}.steps p{font-size:13px}.end-cta{display:flex;align-items:center;justify-content:space-between;padding-block:100px;gap:30px}.end-cta h2{font-size:clamp(65px,7vw,105px);margin-bottom:0}.round-cta{display:flex;align-items:center;justify-content:center;background:var(--accent);color:#17100c;width:135px;height:135px;border-radius:50%;flex-shrink:0;transition:transform .2s}.round-cta .icon{width:58px;height:58px}.round-cta:hover{transform:rotate(10deg)}footer{background:#0b0b0b;border-top:1px solid #252525}.footer-top{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:50px;padding-block:60px}.footer-brand{font-size:34px;font-weight:700;letter-spacing:-2px}.footer-brand span{color:var(--accent)}.footer-top p{font-size:12px;line-height:1.9;margin:15px 0 0}.footer-top .eyebrow{display:block;font-size:8px;color:#797771;margin-bottom:20px}.footer-top>div:nth-child(2)>a{display:block;font-size:12px;margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #242424;padding-block:23px;font-size:10px;color:#77756f}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--accent);color:#111;padding:12px 20px}.skip-link:focus{top:10px}
/* Portfolio: existing content and image sequences retained. */
.work-section{padding-top:25px;background:radial-gradient(ellipse at 80% 0,#682c171c,transparent 50%)}.work-heading,.logo-heading,.poster-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px}.work-heading>p,.logo-heading>p,.poster-heading>p{font-size:13px;line-height:1.9;max-width:380px;margin:0}.page-title{font-size:clamp(50px,6vw,85px);line-height:1.02;margin:20px 0 0}.project-cover{position:relative;aspect-ratio:16/9;background:white;border-radius:12px;overflow:hidden;border:1px solid #41403b}.project-cover img{width:100%;height:100%;object-fit:contain}.project-carousel>.carousel-slide{position:absolute;inset:0;opacity:0;transition:opacity .6s}.project-carousel>.is-active{opacity:1}.project-title{display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-top:24px}.project-title h3{font-size:24px;margin:0}.project-title>span{font-size:9px;color:var(--accent)}.project-description{font-size:13px;margin:20px 0}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags>span{font-size:9px;padding:6px 11px;border:1px solid #45413a;border-radius:20px;color:#b5b0a7}.logo-showcase,.poster-showcase{padding:85px 0;overflow:hidden}.logo-showcase{background:#181818}.poster-showcase{background:#111}.logo-carousel,.poster-carousel{overflow:hidden;width:100%}.logo-track,.poster-track{display:flex;width:max-content;animation:portfolio-drift 35s linear infinite;will-change:transform}.logo-track{animation-direction:reverse}.poster-track{animation-duration:40s}.logo-group,.poster-group{display:flex;flex-shrink:0;gap:24px;padding-right:24px}.logo-card,.poster-card{width:clamp(250px,26vw,350px);flex-shrink:0;margin:0}.logo-art{height:290px;background:#f5f3ef;display:flex;align-items:center;justify-content:center;padding:30px;border-radius:12px}.logo-art img,.poster-art img{width:100%;height:100%;object-fit:contain}.poster-art{height:460px;padding:12px;background:#25231f;border:1px solid #3b3731;border-radius:12px}.logo-card figcaption,.poster-card figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding-top:17px}.logo-card strong,.poster-card strong{font-size:13px}.logo-card figcaption>span,.poster-card figcaption>span{font-size:9px;color:#8e8980}@keyframes portfolio-drift{to{transform:translateX(-50%)}}
/* Contact */
.contact-intro{padding-top:95px}.contact-intro>h1{max-width:880px}.contact-intro>.lead{font-size:17px;max-width:700px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;margin-top:65px}.contact-panel{padding:45px;background:linear-gradient(150deg,#29231e,#1a1918);border:1px solid #4c392d;border-radius:16px;position:relative;overflow:hidden}.contact-panel h2{font-size:37px;margin-top:50px}.contact-panel>p:not(.eyebrow){font-size:13px}.contact-mark{display:block;width:50px;height:50px;color:var(--accent);margin-bottom:35px}.contact-panel .button{margin-top:15px}.contact-note{font-size:10px!important;color:#888075;margin:18px 0 0}.contact-info{padding-top:12px}.contact-info>h3{font-size:25px;margin-bottom:32px}.contact-service{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding-block:26px}.contact-service>span{color:var(--accent);font-size:10px}.contact-service>div{flex:1}.contact-service h4{margin-bottom:8px}.contact-service p{font-size:12px;margin:0}.contact-service>.icon{color:var(--accent);width:17px}.contact-tip{margin-top:25px;background:#1b1b1b;padding:23px;border-radius:9px}.contact-tip .eyebrow{font-size:8px;margin-bottom:12px}.contact-tip>p:last-child{font-size:12px;margin:0}.faq{display:grid;grid-template-columns:1fr 1fr;gap:70px}.faq h2{font-size:40px}details{border-top:1px solid #393632;padding:23px 0}summary{cursor:pointer;font-size:15px;font-weight:600}details p{font-size:13px;margin:18px 0 0}
@media(min-width:1600px){.hero-grid{min-height:760px}.hero-art{height:570px}.website-card{top:110px}.identity-card{top:370px}.poster-card-hero{top:290px}}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}nav{gap:20px}.hero-grid{gap:25px;min-height:620px}.hero h1{font-size:64px}.hero-art{height:460px}.website-card{top:95px}.identity-card{top:290px;height:135px;padding:17px}.identity-card img{height:78px}.poster-card-hero{top:240px;height:210px;width:36%}.art-stamp{width:70px;height:70px}.intro{gap:45px}.service-card{padding:25px 20px}.service-card h3{font-size:21px}.project-title{display:block}.project-title>span{display:block;margin-top:12px}.contact-grid{gap:35px}.contact-panel{padding:30px}}
@media(max-width:760px){html{scroll-padding-top:92px}.wrap{width:calc(100% - 40px)}.header{height:auto;min-height:78px}.nav-inner{min-height:78px;flex-wrap:wrap;gap:0}.brand img{width:163px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #45423a;color:var(--text);border-radius:25px;padding:9px 15px;font-size:11px}.menu-lines{width:15px;height:8px;border-block:1px solid currentColor}.header nav{display:flex;flex-direction:column;align-items:stretch;width:100%;gap:0;padding:8px 0 20px}.js .header nav{display:none}.js .header nav.is-open{display:flex}.header nav>a{padding:13px 0;border-top:1px solid #34312a;font-size:13px}.header nav a[aria-current=page]:after{display:none}.header nav .nav-contact{border-inline:0;border-bottom:0;border-radius:0;justify-content:space-between}.hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:55px;padding-bottom:25px;gap:16px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(49px,11vw,74px);letter-spacing:-.055em}.hero .lead{font-size:14px;max-width:440px}.hero-actions .button{padding:13px 18px;font-size:11px;gap:15px}.hero-caption{margin-top:27px;font-size:7px}.hero-art{height:430px;width:min(460px,100%);align-self:center}.art-note{top:16px;left:7px;font-size:6px}.website-card{top:78px;right:0;left:8px}.identity-card{top:275px;left:9px;width:44%;height:130px}.poster-card-hero{top:220px;height:202px;right:12px}.art-stamp{top:28px;right:8px;width:63px;height:63px}.art-bottom{bottom:-4px;left:8px;font-size:6px}.hero-base{font-size:6px;letter-spacing:.7px;gap:20px;padding-block:19px}.hero-base>a{max-width:140px;text-align:right}.hero-base a span{margin-left:5px}.section{padding-block:65px}.intro{grid-template-columns:1fr;gap:20px}.intro .lead{font-size:20px}.intro p:not(.lead):not(.eyebrow){font-size:13px}h2{font-size:37px;letter-spacing:-1.7px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:20px}.section-head{margin-bottom:32px}.section-head>p:last-child{font-size:13px}.services-grid{grid-template-columns:1fr;gap:16px}.service-card{padding:27px}.service-top{margin-bottom:30px}.service-card h3{font-size:25px}.service-list{min-height:0}.side-head{display:block}.side-head .text-link{margin-top:24px}.featured-grid,.project-grid{grid-template-columns:1fr;gap:40px}.featured-copy h3{font-size:24px}.featured-copy span{font-size:7px}.steps{grid-template-columns:1fr;gap:30px}.steps h3{margin-top:18px}.end-cta{padding-block:65px}.end-cta h2{font-size:62px}.round-cta{width:80px;height:80px}.round-cta .icon{width:35px;height:35px}.end-cta .eyebrow{max-width:200px}.footer-top{grid-template-columns:1fr 1fr;gap:35px;padding-block:40px}.footer-top>div:last-child{grid-column:1/-1}.footer-brand{font-size:30px}.footer-bottom{font-size:9px}.work-section{padding-top:0}.work-heading,.logo-heading,.poster-heading{display:block;margin-bottom:33px}.work-heading>p,.logo-heading>p,.poster-heading>p{margin-top:25px;font-size:12px}.page-title{font-size:57px;letter-spacing:-3px}.project-title h3{font-size:23px}.project-description{font-size:12px}.logo-showcase,.poster-showcase{padding-block:60px}.logo-card{width:260px}.poster-card{width:280px}.logo-art{height:250px;padding:25px}.poster-art{height:410px}.logo-group,.poster-group{gap:17px;padding-right:17px}.contact-intro{padding-top:55px}.contact-intro>h1{font-size:52px}.contact-intro>.lead{font-size:14px}.contact-grid{grid-template-columns:1fr;margin-top:40px;gap:40px}.contact-panel{padding:28px}.contact-panel h2{font-size:33px;margin-top:30px}.contact-mark{width:45px;height:45px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:36px}.contact-info>h3{font-size:24px}}
@media(max-width:380px){.hero-art{height:375px}.website-card{top:75px}.identity-card{top:245px;height:110px;padding:14px}.identity-card img{height:60px}.poster-card-hero{height:180px;top:185px}.hero-actions{gap:9px}.hero-actions .button{padding:12px 15px}.hero h1{font-size:47px}.page-title{font-size:50px}.contact-intro>h1{font-size:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.logo-carousel,.poster-carousel{overflow-x:auto}.logo-group[aria-hidden=true],.poster-group[aria-hidden=true]{display:none}}

/* Volledige contactpagina */
.contact-layout{display:grid;grid-template-columns:.8fr 1.25fr;gap:85px;margin-top:65px;align-items:start}
.contact-direct{padding-top:18px}.direct-link{display:block;position:relative;padding:24px 35px 26px 0;border-bottom:1px solid var(--line)}.direct-link>span{display:block;font-size:9px;letter-spacing:1.7px;color:#8f8a80;margin-bottom:10px}.direct-link strong{font-size:clamp(19px,2.2vw,28px);font-weight:600;letter-spacing:-1px}.direct-link>.icon{position:absolute;right:0;top:48px;color:var(--accent);width:18px}.direct-link:hover strong{color:var(--accent)}.direct-location{display:flex;gap:13px;margin-top:30px;align-items:flex-start}.location-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:10px;flex-shrink:0}.direct-location strong{font-size:14px;font-weight:500}.direct-location p{font-size:11px;margin:5px 0 0}.contact-mini{margin-top:40px;padding:25px;background:#191817;border:1px solid #33302b;border-radius:10px}.contact-mini .eyebrow{font-size:8px;margin-bottom:12px}.contact-mini>p:last-child{font-size:12px;margin:0;line-height:1.9}
.inquiry-panel{border:1px solid #43342b;border-radius:18px;background:linear-gradient(145deg,#26211e,#191919 50%);padding:40px}.inquiry-title .eyebrow{font-size:9px}.inquiry-title h2{font-size:41px}.inquiry-title>p:last-child{font-size:13px;margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-field{display:flex;flex-direction:column;gap:9px;margin-bottom:21px;min-width:0}.form-field label{font-size:12px;font-weight:600}.form-field label>span{color:var(--accent);margin-left:4px}.form-field label .optional{color:#8d877c;font-size:9px;font-weight:400}.form-field input,.form-field textarea,.form-field select{width:100%;min-width:0;background:#111111c9;border:1px solid #45403a;border-radius:7px;color:var(--text);font:inherit;font-size:14px;padding:13px 14px;outline:none;color-scheme:dark;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:140px;line-height:1.7}.form-field input::placeholder,.form-field textarea::placeholder{color:#858078;font-size:12px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff653c18}.field-hint{font-size:10px;color:#a59b8c}.form-privacy{font-size:10px;color:#aaa194;margin:5px 0 23px;line-height:1.8}.submit-button{width:100%;cursor:pointer;justify-content:space-between;padding-inline:22px}.submit-button:disabled{opacity:.65;cursor:wait;transform:none}.form-status{margin:20px 0 0;font-size:12px;padding:14px 16px;border:1px solid #665340;border-radius:7px;line-height:1.8;background:#211d18;overflow-wrap:anywhere}.form-status.is-error{border-color:#8b4939;color:#ffd0be}.form-status.is-success{border-color:#536b4c;color:#d1eac7}.form-status[hidden]{display:none}.form-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.footer-contact{display:block;font-size:12px;margin-top:9px;color:#c6bfb1}.footer-contact:hover{color:var(--accent)}
@media(max-width:1050px){.contact-layout{gap:35px;grid-template-columns:.85fr 1.15fr}.inquiry-panel{padding:30px}.form-row{grid-template-columns:1fr;gap:0}}
@media(max-width:760px){.contact-layout{display:flex;flex-direction:column;margin-top:36px;gap:35px}.contact-direct,.inquiry-panel{width:100%}.contact-direct{padding-top:0}.direct-link strong{font-size:23px}.direct-link{padding-block:20px}.direct-link>.icon{top:42px}.contact-mini{margin-top:25px}.inquiry-panel{padding:26px 21px}.inquiry-title h2{font-size:35px}.form-field input,.form-field textarea,.form-field select{font-size:16px}.form-row{grid-template-columns:1fr}.contact-intro>.lead br{display:none}}