:root{--cream:#faf7f2;--warm-white:#fffdf9;--blush:#e8c4b8;--blush-light:#f2ddd6;--blush-dark:#c9917f;--sage:#a8b5a0;--sage-light:#c6d1bf;--sage-dark:#7a8c70;--charcoal:#2e2e2e;--soft-black:#1a1a1a;--warm-gray:#8a8278;--light-gray:#d4cfc8;--text:#3d3832;--text-light:#6b6560}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--blush) var(--cream)}body{background:var(--cream);color:var(--text);font-family:DM Sans,sans-serif;line-height:1.7;overflow-x:hidden}::selection{background:var(--blush);color:var(--soft-black)}.cursor-dot{background:var(--blush-dark);pointer-events:none;z-index:9999;mix-blend-mode:multiply;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:fixed}.cursor-ring{border:1.5px solid var(--blush-dark);pointer-events:none;z-index:9998;mix-blend-mode:multiply;border-radius:50%;width:36px;height:36px;transition:transform .3s,width .3s,height .3s,border-color .3s;position:fixed}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#faf7f2d9;border-bottom:1px solid #d4cfc84d;justify-content:space-between;align-items:center;padding:1.4rem 3rem;transition:transform .4s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}nav.scrolled{box-shadow:0 4px 30px #0000000a}.nav-logo{color:var(--soft-black);letter-spacing:-.02em;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:600;text-decoration:none}.nav-logo span{color:var(--blush-dark)}.nav-links{align-items:center;gap:2.2rem;display:flex}.nav-links a{color:var(--text-light);letter-spacing:.04em;text-transform:uppercase;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--blush-dark);width:0;height:1.5px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-links a:hover{color:var(--soft-black)}.nav-links a:hover:after{width:100%}.hamburger{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.hamburger span{background:var(--soft-black);width:24px;height:2px;transition:all .3s;display:block}.hamburger.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{background:var(--cream);z-index:150;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .4s;display:none;position:fixed;inset:0}.mobile-menu.open{opacity:1;display:flex}.mobile-menu a{color:var(--soft-black);font-family:Playfair Display,serif;font-size:2rem;text-decoration:none;transition:color .3s}.mobile-menu a:hover{color:var(--blush-dark)}#home{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;position:absolute;inset:0}.hero-bg .blob{filter:blur(80px);opacity:.5;border-radius:50%;animation:12s ease-in-out infinite alternate blobFloat;position:absolute}.blob-1{background:var(--blush-light);width:500px;height:500px;top:-10%;right:-5%;animation-delay:0s!important}.blob-2{background:var(--sage-light);width:400px;height:400px;bottom:-10%;left:-5%;animation-delay:-4s!important}.blob-3{background:var(--blush);width:300px;height:300px;top:40%;left:30%;animation-delay:-8s!important}@keyframes blobFloat{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}to{transform:translate(10px,-10px)scale(1.02)}}.hero-content{z-index:1;text-align:center;padding:2rem;position:relative}.hero-greeting{letter-spacing:.15em;text-transform:uppercase;color:var(--blush-dark);opacity:0;margin-bottom:1.2rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:500;animation:.8s .3s forwards fadeUp;transform:translateY(20px)}.hero-name{color:var(--soft-black);letter-spacing:-.03em;opacity:0;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,7rem);font-weight:700;line-height:1.05;animation:.8s .5s forwards fadeUp;transform:translateY(30px)}.hero-name em{color:var(--blush-dark);font-style:italic;font-weight:600}.hero-subtitle{color:var(--text-light);opacity:0;max-width:500px;margin:0 auto 2.5rem;font-size:1.15rem;font-weight:300;line-height:1.8;animation:.8s .7s forwards fadeUp;transform:translateY(20px)}.hero-cta{opacity:0;gap:1rem;animation:.8s .9s forwards fadeUp;display:inline-flex;transform:translateY(20px)}.btn{letter-spacing:.04em;cursor:pointer;border:none;border-radius:50px;padding:.85rem 2.2rem;font-size:.88rem;font-weight:500;text-decoration:none;transition:all .35s}.btn-primary{background:var(--soft-black);color:var(--cream)}.btn-primary:hover{background:var(--blush-dark);transform:translateY(-2px);box-shadow:0 8px 25px #c9917f4d}.btn-outline{color:var(--soft-black);border:1.5px solid var(--light-gray);background:0 0}.btn-outline:hover{border-color:var(--blush-dark);color:var(--blush-dark);transform:translateY(-2px)}.scroll-indicator{opacity:0;flex-direction:column;align-items:center;gap:.5rem;animation:.8s 1.2s forwards fadeUp;display:flex;position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%)}.scroll-indicator span{letter-spacing:.15em;text-transform:uppercase;color:var(--warm-gray);font-size:.7rem}.scroll-line{background:var(--light-gray);width:1px;height:40px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:var(--blush-dark);width:100%;height:100%;animation:2s ease-in-out infinite scrollPulse;position:absolute;top:-100%;left:0}@keyframes scrollPulse{0%{top:-100%}50%{top:100%}to{top:100%}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}section{max-width:1200px;margin:0 auto;padding:7rem 3rem}.section-label{letter-spacing:.2em;text-transform:uppercase;color:var(--blush-dark);margin-bottom:.8rem;font-size:.75rem;font-weight:600}.section-title{color:var(--soft-black);letter-spacing:-.02em;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700}.section-subtitle{color:var(--text-light);max-width:550px;margin-bottom:3.5rem;font-size:1.05rem;font-weight:300;line-height:1.8}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.reveal.visible{opacity:1;transform:translateY(0)}#over-mij{padding-bottom:4rem}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.about-text p{color:var(--text);margin-bottom:1.2rem;font-size:.98rem;font-weight:300;line-height:1.85}.about-text p:first-of-type:first-letter{float:left;color:var(--blush-dark);margin-top:.15rem;margin-right:.5rem;font-family:Playfair Display,serif;font-size:3.2rem;font-weight:700;line-height:1}.about-image-area{position:relative}.about-portrait{aspect-ratio:3/4;background:linear-gradient(135deg, var(--blush-light), var(--sage-light));border-radius:20px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.about-portrait .initials{color:#fff9;letter-spacing:.05em;font-family:Playfair Display,serif;font-size:5rem;font-weight:700}.about-portrait:after{content:"";border:1px solid #ffffff4d;border-radius:20px;position:absolute;inset:0}.float-badge{background:var(--warm-white);border-radius:14px;padding:1rem 1.4rem;font-size:.85rem;font-weight:500;animation:4s ease-in-out infinite alternate floatBadge;position:absolute;box-shadow:0 8px 30px #0000000f}.float-badge.top-right{animation-delay:-1s;top:-1rem;right:-1.5rem}.float-badge.bottom-left{animation-delay:-3s;bottom:2rem;left:-1.5rem}.float-badge .emoji{margin-right:.4rem;font-size:1.2rem}@keyframes floatBadge{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.skills-row{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-top:3rem;display:grid}.skill-card{background:var(--warm-white);cursor:default;border:1px solid #d4cfc866;border-radius:16px;padding:2rem;transition:all .35s}.skill-card:hover{border-color:var(--blush);transform:translateY(-4px);box-shadow:0 12px 35px #0000000f}.skill-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1.2rem;font-size:1.3rem;display:flex}.skill-icon.pink{background:var(--blush-light)}.skill-icon.green{background:var(--sage-light)}.skill-card h3{color:var(--soft-black);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.1rem}.skill-card p{color:var(--text-light);font-size:.88rem;font-weight:300;line-height:1.7}#projecten{background:var(--warm-white);max-width:100%;padding:7rem 3rem}#projecten>div{max-width:1200px;margin:0 auto}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem;display:grid}.project-card{background:var(--cream);cursor:pointer;border:1px solid #d4cfc866;border-radius:20px;transition:all .4s;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px #00000012}.project-thumb{aspect-ratio:16/10;width:100%;position:relative;overflow:hidden}.project-thumb-bg{width:100%;height:100%;transition:transform .6s}.project-card:hover .project-thumb-bg{transform:scale(1.05)}.project-thumb-bg.parkinson{background:linear-gradient(135deg,#c6d1bf,#a8b5a0,#7a8c70)}.project-thumb-bg.mediwatch{background:linear-gradient(135deg,#e8c4b8,#c9917f,#a8b5a0)}.project-thumb-bg.lamp{background:linear-gradient(135deg,#f2ddd6,#e8c4b8,#d4cfc8)}.project-thumb .project-icon{opacity:.7;font-size:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-info{padding:1.8rem}.project-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--blush-dark);background:var(--blush-light);border-radius:20px;margin-bottom:.8rem;padding:.3rem .8rem;font-size:.7rem;font-weight:600;display:inline-block}.project-info h3{color:var(--soft-black);margin-bottom:.5rem;font-family:Playfair Display,serif;font-size:1.3rem}.project-info p{color:var(--text-light);font-size:.88rem;font-weight:300;line-height:1.7}.project-date{color:var(--warm-gray);margin-top:1rem;font-size:.78rem;font-weight:500}#ervaring{padding-top:5rem}.timeline{margin-top:2rem;position:relative}.timeline:before{content:"";background:var(--light-gray);width:2px;position:absolute;top:0;bottom:0;left:24px}.timeline-item{gap:2rem;margin-bottom:3rem;padding-left:60px;display:flex;position:relative}.timeline-dot{background:var(--cream);border:3px solid var(--blush);z-index:1;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:6px;left:16px}.timeline-item:hover .timeline-dot{background:var(--blush);transform:scale(1.2)}.timeline-content h3{color:var(--soft-black);margin-bottom:.3rem;font-family:Playfair Display,serif;font-size:1.15rem}.timeline-content .org{color:var(--blush-dark);margin-bottom:.3rem;font-size:.88rem;font-weight:500}.timeline-content .date{color:var(--warm-gray);margin-bottom:.6rem;font-size:.78rem}.timeline-content p{color:var(--text-light);font-size:.9rem;font-weight:300;line-height:1.8}.qualities-section{background:var(--warm-white);max-width:100%;padding:6rem 3rem}.qualities-section>div{max-width:1200px;margin:0 auto}.qualities-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.2rem;margin-top:2rem;display:grid}.quality-chip{background:var(--cream);text-align:center;color:var(--text);cursor:default;border:1px solid #d4cfc880;border-radius:50px;padding:.9rem 1.5rem;font-size:.88rem;font-weight:500;transition:all .3s}.quality-chip:hover{background:var(--blush-light);border-color:var(--blush);transform:translateY(-2px)}.tools-grid{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.tool-tag{background:var(--cream);color:var(--text-light);border:1px solid #d4cfc880;border-radius:10px;padding:.6rem 1.2rem;font-size:.82rem;font-weight:500;transition:all .3s}.tool-tag:hover{color:var(--blush-dark);border-color:var(--blush)}.two-col{grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem;display:grid}#contact{text-align:center;padding:7rem 3rem 5rem;position:relative}.contact-inner{max-width:600px;margin:0 auto}.contact-inner .section-subtitle{margin-left:auto;margin-right:auto}.contact-form{text-align:left;flex-direction:column;gap:1.2rem;display:flex}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--warm-gray);margin-bottom:.5rem;font-size:.78rem;font-weight:600;display:block}.form-group input,.form-group textarea{border:1.5px solid var(--light-gray);background:var(--warm-white);width:100%;color:var(--text);border-radius:12px;outline:none;padding:1rem 1.2rem;font-family:DM Sans,sans-serif;font-size:.95rem;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--blush-dark);box-shadow:0 0 0 4px #c9917f1a}.form-group textarea{resize:vertical;min-height:140px}.form-submit{align-self:flex-start;margin-top:.5rem}footer{text-align:center;border-top:1px solid #d4cfc866;padding:3rem}footer p{color:var(--warm-gray);font-size:.82rem}footer .footer-name{color:var(--soft-black);font-family:Playfair Display,serif;font-weight:600}.marquee-wrap{border-top:1px solid #d4cfc84d;border-bottom:1px solid #d4cfc84d;margin:2rem 0;padding:3rem 0;overflow:hidden}.marquee-track{width:max-content;animation:30s linear infinite marquee;display:flex}.marquee-track span{white-space:nowrap;color:var(--light-gray);padding:0 2rem;font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:700;transition:color .3s}.marquee-track span:nth-child(2n){color:var(--blush-light);font-style:italic}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){nav{padding:1rem 1.5rem}.nav-links{display:none}.hamburger{display:flex}section,#projecten,.qualities-section{padding:4rem 1.5rem}.about-grid{grid-template-columns:1fr;gap:2rem}.about-image-area{order:-1}.two-col{grid-template-columns:1fr;gap:2rem}.projects-grid{grid-template-columns:1fr}.hero-cta{flex-direction:column;align-items:center}.cursor-dot,.cursor-ring,.float-badge{display:none}.timeline-item{padding-left:50px}}