:root{--primary-color:#2c3e50;--accent-color:#e67e22;--success-color:#27ae60;--text-dark:#2c3e50;--text-light:#7f8c8d;--bg-light:#f8f9fa;--bg-white:#fff;--border-light:#ecf0f1;--shadow-sm:0 2px 10px rgba(0,0,0,.08);--shadow-md:0 5px 20px rgba(0,0,0,.1);--shadow-lg:0 10px 40px rgba(0,0,0,.15);--gradient-primary:linear-gradient(135deg,#9B2335 0%,#6B1623 100%);--gradient-book:linear-gradient(135deg,#34495e 0%,#2c3e50 100%)}*{ margin:0;padding:0;box-sizing:border-box;}html{ overflow-x:hidden;width:100%;max-width:100%;}body{ font-family:'Inter',sans-serif;color:var(--text-dark);background-color:#ffffff;overflow-x:hidden;width:100%;max-width:100vw;position:relative;background-image:repeating-linear-gradient(90deg,transparent,transparent 8px,rgba(220,53,69,0.02) 8px,rgba(220,53,69,0.02) 10px,transparent 10px,transparent 18px,rgba(255,255,255,0.03) 18px,rgba(255,255,255,0.03) 20px,transparent 20px,transparent 28px,rgba(0,150,65,0.02) 28px,rgba(0,150,65,0.02) 30px ),repeating-linear-gradient(0deg,transparent,transparent 8px,rgba(220,53,69,0.02) 8px,rgba(220,53,69,0.02) 10px,transparent 10px,transparent 18px,rgba(255,255,255,0.03) 18px,rgba(255,255,255,0.03) 20px,transparent 20px,transparent 28px,rgba(0,150,65,0.02) 28px,rgba(0,150,65,0.02) 30px ),repeating-linear-gradient(45deg,transparent,transparent 15px,rgba(220,53,69,0.015) 15px,rgba(220,53,69,0.015) 17px,transparent 17px,transparent 30px );background-size:30px 30px,30px 30px,50px 50px;line-height:1.6;overflow-x:hidden;}.language-selector{ position:absolute;top:20px;right:20px;z-index:9999;pointer-events:auto;max-width:calc(100vw - 40px);}.lang-button{ display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;cursor:pointer;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:rgba(255,255,255,0.9);transition:all 0.2s ease;user-select:none;-webkit-tap-highlight-color:transparent;position:relative;z-index:10000;pointer-events:auto;min-width:60px;min-height:32px;}.lang-button:hover{ background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);transform:scale(1.05);}.lang-button:active{ background:rgba(255,255,255,0.25);transform:scale(0.98);}.lang-icon{ width:18px;height:18px;opacity:0.9;}.lang-current{ font-weight:600;}.lang-arrow{ width:10px;height:10px;transition:transform 0.2s ease;opacity:0.7;}.language-selector.active .lang-arrow{ transform:rotate(180deg);}.lang-dropdown{ position:absolute;top:calc(100% + 8px);right:0;background:white;border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s ease;min-width:150px;display:none;}.language-selector.active .lang-dropdown{ opacity:1;visibility:visible;transform:translateY(0);display:block;}.lang-option{ display:block;width:100%;padding:10px 16px;background:none;border:none;text-align:left;font-family:'Inter',sans-serif;font-size:14px;color:var(--text-dark);cursor:pointer;transition:background 0.2s ease;}.lang-option:hover{ background:var(--bg-light);}.lang-option.active{ background:var(--bg-light);font-weight:600;color:var(--accent-color);}.header{ background-image:url('brussels-header-optimized-new.webp');background-size:auto 150%;background-position:center 95%;background-repeat:no-repeat;color:white;padding:60px 20px;text-align:center;position:relative;width:100%;max-width:100vw;overflow-x:hidden;min-height:350px;}.header::before{ content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(0,0,0,0.29) 0%,rgba(0,0,0,0.24) 100%);z-index:1;}.header::after{ content:'';position:absolute;bottom:-2px;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);}.header-content{ max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:40px;position:relative;z-index:2;}.header-photo{ flex-shrink:0;}.profile-photo{ width:150px;height:150px;border-radius:50%;object-fit:cover;object-position:center;aspect-ratio:1 / 1;border:4px solid rgba(255,255,255,0.3);box-shadow:0 0 30px rgba(0,0,0,0.3);animation:fadeIn 1s ease;}.header-text{ text-align:left;position:relative;z-index:2;}.nationality-flags{ display:inline-flex;gap:15px;margin-bottom:10px;}.flag{ font-size:2rem;animation:fadeIn 1s ease 0.3s both;filter:drop-shadow(2px 2px 4px rgba(0,0,0,0.2));}.name{ font-family:'Playfair Display',serif;font-size:3.5rem;font-weight:500;letter-spacing:-0.02em;margin-bottom:12px;animation:fadeInUp 0.8s ease;color:#ffffff;text-shadow:0 2px 4px rgba(0,0,0,0.5);text-shadow:0 1px 2px rgba(0,0,0,0.1),0 2px 25px rgba(255,255,255,0.3);line-height:1.1;}.tagline{ font-size:1.2rem;font-weight:300;opacity:0.95;animation:fadeInUp 0.8s ease 0.2s both;margin-bottom:8px;text-shadow:0 1px 3px rgba(0,0,0,0.4);}.location{ font-size:1rem;font-weight:400;opacity:0.9;animation:fadeInUp 0.8s ease 0.3s both;margin-top:0;margin-bottom:5px;text-shadow:0 1px 3px rgba(0,0,0,0.4);}.languages{ font-size:0.95rem;font-weight:400;opacity:0.85;animation:fadeInUp 0.8s ease 0.4s both;margin-top:0;text-shadow:0 1px 3px rgba(0,0,0,0.4);}.experience{ font-size:0.95rem;font-weight:400;opacity:0.85;animation:fadeInUp 0.8s ease 0.5s both;margin-top:5px;color:var(--accent-color);}@keyframes fadeInUp{ from{ opacity:0;transform:translateY(30px);}to{ opacity:1;transform:translateY(0);}}.main-content{ max-width:1400px;margin:0 auto;padding:40px 20px;}.split-layout{ display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;width:100%;max-width:100vw;overflow-x:hidden;contain:layout;}.left-section{ background:white;border-radius:20px;padding:40px;box-shadow:var(--shadow-md);min-height:800px;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}.right-section{ background:white;border-radius:20px;padding:40px;box-shadow:var(--shadow-md);min-height:800px;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}.left-section h2,.right-section h2{ font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;}.section-header{ margin-bottom:40px;}.section-header h2{ font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;}.accent-line{ width:60px;height:4px;background:var(--accent-color);border-radius:2px;}.featured-book{ position:relative;margin-bottom:40px;}.book-badge{ position:absolute;top:-10px;right:-10px;background:#B22222;color:white;padding:8px 16px;border-radius:30px;font-size:0.75rem;font-weight:700;letter-spacing:1px;z-index:10;animation:pulse 2s infinite;}@keyframes pulse{ 0%,100%{ transform:scale(1);}50%{ transform:scale(1.05);}}.book-showcase{ display:flex;justify-content:center;margin:40px 0;}.book-cover-container{ position:relative;transform:perspective(1000px) rotateY(-5deg);transition:transform 0.3s ease;}.book-cover-container:hover{ transform:perspective(1000px) rotateY(0deg) scale(1.05);}.book-cover-image{ width:220px;height:auto;box-shadow:0 20px 40px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22);border-radius:4px;display:block;}.book-details{ text-align:center;}.book-title{ font-family:'Playfair Display',serif;font-size:1.8rem;color:var(--primary-color);margin-bottom:10px;}.book-tagline{ color:#5d6d7e;font-size:1.1rem;margin-bottom:30px;}.book-stats{ display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;padding:25px;background:var(--bg-light);border-radius:15px;}.stat{ text-align:center;}.stat-number{ display:block;font-size:2rem;font-weight:700;color:#B22222;margin-bottom:5px;}.stat-label{ font-size:0.85rem;color:#5d6d7e;text-transform:uppercase;letter-spacing:1px;}.book-description{ font-size:1.05rem;line-height:1.8;color:var(--text-dark);margin:30px 0;}.book-cta{ display:flex;gap:15px;justify-content:center;margin:30px 0;}.btn-primary,.btn-secondary{ padding:14px 28px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;display:inline-block;}.btn-primary{ background:#B22222;color:white;box-shadow:0 4px 15px rgba(178,34,34,0.3);}.btn-primary:hover{ transform:translateY(-2px);box-shadow:0 6px 20px rgba(178,34,34,0.4);background:#8B1A1A;}.btn-secondary{ background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);}.btn-secondary:hover{ background:var(--primary-color);color:white;}.publisher-info{ padding:20px;background:var(--bg-light);border-radius:10px;margin-top:30px;}.publisher-info p{ font-size:0.95rem;color:#5d6d7e;margin:5px 0;}.other-works{ margin-top:40px;padding-top:30px;border-top:2px solid var(--border-light);}.other-works h3{ font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--primary-color);margin-bottom:20px;}.work-item{ padding:15px;background:var(--bg-light);border-radius:10px;margin-bottom:15px;transition:all 0.3s ease;}a.work-item{ display:block;text-decoration:none;color:inherit;}a.work-item.clickable{ cursor:pointer;}.work-item:hover{ transform:translateX(5px);box-shadow:var(--shadow-sm);}a.work-item:hover h4{ color:var(--accent-color);}.work-item h4{ color:var(--primary-color);margin-bottom:5px;}.work-item p{ color:#5d6d7e;font-size:0.9rem;margin-bottom:10px;}.pub-links{ display:flex;gap:10px;margin-top:8px;}.pub-links a{ display:inline-block;padding:4px 12px;background:#B22222;color:white;text-decoration:none;border-radius:15px;font-size:0.8rem;font-weight:500;transition:all 0.2s ease;}.pub-links a:hover{ background:#8B1A1A;transform:translateY(-1px);}.garden-stack-showcase{ text-align:center;margin:30px 0 20px 0;animation:fadeIn 1s ease;}.garden-stack-logo{ max-width:200px;height:auto;transition:transform 0.3s ease,filter 0.3s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,0.1));}.garden-stack-logo:hover{ transform:scale(1.05);filter:drop-shadow(0 6px 12px rgba(0,0,0,0.15));}.current-project{ background:linear-gradient(135deg,#9B2335 0%,#6B1623 100%);border-radius:20px;padding:30px;margin:30px 0;color:white !important;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(155,35,53,0.4);animation:pulse 3s infinite;}.current-project .project-badge,.current-project .project-title,.current-project .project-description,.current-project .partner-label,.current-project .partner-link,.current-project .partner-separator{ color:white !important;}@keyframes pulse{ 0%,100%{ transform:scale(1);}50%{ transform:scale(1.02);}}.project-badge{ display:inline-block;background:rgba(255,255,255,0.2);padding:8px 20px;border-radius:20px;font-size:0.85rem;font-weight:600;letter-spacing:1px;margin-bottom:15px;backdrop-filter:blur(10px);}.project-title{ font-family:'Playfair Display',serif;font-size:2.2rem;margin:15px 0;font-weight:700;color:white !important;}.project-description{ font-size:1.1rem;opacity:0.95;margin-bottom:20px;}.project-partners{ display:flex;align-items:center;justify-content:center;gap:15px;margin:20px 0;flex-wrap:wrap;}.partner-label{ font-size:0.9rem;opacity:0.9;}.partner-link{ color:white;text-decoration:none;font-weight:600;padding:5px 15px;background:rgba(255,255,255,0.15);border-radius:15px;transition:all 0.3s ease;}.partner-link:hover{ background:rgba(255,255,255,0.25);transform:translateY(-2px);}.partner-separator{ opacity:0.5;}.coming-soon{ display:inline-block;background:rgba(255,255,255,0.9);color:#9B2335 !important;padding:10px 25px;border-radius:25px;font-weight:700;margin-top:10px;animation:fadeInUp 1s ease;transition:all 0.3s ease;cursor:pointer;}.coming-soon:hover{ background:rgba(255,255,255,1);transform:translateY(-2px);box-shadow:0 8px 20px rgba(155,35,53,0.3);}.professional-image{ margin:0 -40px 30px -40px;overflow:hidden;height:380px;box-shadow:0 8px 24px rgba(0,0,0,0.1);}.professional-photo{ width:100%;height:100%;object-fit:cover;object-position:center top;}.services-intro{ margin-bottom:30px;}.lead{ font-size:1.2rem;color:var(--text-dark);line-height:1.7;}.service-cards{ display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:30px 0;}.service-card{ padding:25px;background:var(--bg-light);border-radius:15px;transition:all 0.3s ease;border:2px solid transparent;}.service-card:hover{ border-color:var(--accent-color);transform:translateY(-5px);box-shadow:var(--shadow-md);}.service-icon{ font-size:2.5rem;margin-bottom:15px;}.service-card h3{ font-size:1.2rem;color:var(--primary-color);margin-bottom:10px;}.service-card p{ color:#5d6d7e;font-size:0.95rem;line-height:1.6;}.entrepreneurship-section{ margin:40px 0;}.entrepreneurship-section h3{ font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--primary-color);margin-bottom:20px;}.venture-card{ padding:25px;border-radius:15px;margin-bottom:20px;}.venture-card.garden-stack{ background:linear-gradient(135deg,#e8f5e9 0%,#f1f8e9 100%);border:1px solid rgba(76,175,80,0.2);}.venture-card.madeinbxl{ background:linear-gradient(135deg,#fef5e7 0%,#fdebd0 100%);border:1px solid rgba(243,156,18,0.2);}.venture-header{ display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.venture-header h4{ font-size:1.3rem;color:var(--primary-color);margin:0;}.venture-badge{ background:#1e8449;color:white;padding:4px 12px;border-radius:20px;font-size:0.85rem;font-weight:600;}.venture-description{ color:var(--text-dark);line-height:1.7;margin-bottom:20px;}.venture-details{ display:grid;gap:12px;margin-bottom:20px;}.venture-item{ display:flex;align-items:flex-start;gap:10px;}.venture-icon{ font-size:1.2rem;flex-shrink:0;}.venture-item span:last-child{ font-size:0.95rem;color:#5d6d7e;line-height:1.5;}.inline-link{ color:#B22222;text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color 0.2s ease;}.inline-link:hover{ border-bottom-color:#B22222;}.venture-link{ display:inline-block;padding:10px 20px;background:#1e8449;color:white;text-decoration:none;border-radius:25px;font-weight:500;transition:all 0.3s ease;}.venture-link:hover{ transform:translateY(-2px);box-shadow:0 4px 12px rgba(39,174,96,0.3);}.credentials{ margin:40px 0;padding:30px;background:linear-gradient(135deg,#9B233515 0%,#6B162315 100%);border-radius:15px;}.credentials h3{ font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--primary-color);margin-bottom:20px;}.credential-items{ display:grid;gap:15px;}.credential{ display:flex;flex-direction:column;}.credential strong{ color:var(--primary-color);font-size:1.05rem;margin-bottom:3px;}.credential span{ color:#5d6d7e;font-size:0.95rem;}.partner-section{ margin:40px 0;padding:30px;background:white;border:2px solid var(--border-light);border-radius:15px;}.partner-header{ display:flex;align-items:center;gap:20px;margin-bottom:15px;}.partner-header h3{ font-size:1.3rem;color:var(--primary-color);}.partner-logo{ height:50px;width:auto;object-fit:contain;}.partner-description{ color:#5d6d7e;line-height:1.7;}.contact-section{ margin-top:40px;}.contact-section h3{ font-family:'Playfair Display',serif;font-size:1.5rem;color:var(--primary-color);margin-bottom:20px;}.contact-buttons{ display:grid;grid-template-columns:1fr;gap:15px;}.contact-link{ padding:12px 20px;background:var(--bg-light);color:var(--primary-color);text-decoration:none;text-align:center;border-radius:10px;font-weight:500;transition:all 0.3s ease;border:2px solid transparent;}.contact-link:hover{ background:white;border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-sm);}.contact-link.primary{ background:var(--gradient-primary);color:white;grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:8px;}.contact-link.primary:hover{ transform:translateY(-3px);box-shadow:var(--shadow-md);}.contact-method{ display:flex;align-items:center;gap:8px;font-size:1rem;}@media (max-width:968px){ html,body{ max-width:100%;overflow-x:hidden;}.container{ width:100%;max-width:100%;overflow-x:hidden;padding:0 10px;}.split-layout{ grid-template-columns:1fr;gap:30px;width:100%;max-width:100vw;padding:0;overflow-x:hidden;}.header{ background-image:url('brussels-header-optimized-new.webp');background-position:calc(50% + 77px) 95%;background-size:auto 150%;overflow:hidden;}.header-content{ flex-direction:column;text-align:center;}.header-text{ text-align:center;}.profile-photo{ width:120px;height:120px;}.name{ font-size:2.5rem;}.service-cards{ grid-template-columns:1fr;}.book-stats{ grid-template-columns:1fr;gap:15px;}.contact-buttons{ grid-template-columns:1fr;}.professional-image{ height:300px;}.garden-stack-logo{ max-width:150px;}.current-project{ animation:pulse 8s infinite;}}@media (max-width:640px){ html,body{ width:100vw;max-width:100vw;overflow-x:hidden;position:relative;}.container{ width:100%;max-width:100%;padding:0 15px;margin:0;overflow-x:hidden;}.hero-image-container{ width:calc(100vw - 50px) !important;max-width:100% !important;aspect-ratio:320/250 !important;min-height:200px !important;max-height:250px !important;contain:layout style paint;margin:0 auto !important;position:relative;overflow:hidden;background-color:#f0f0f0;}.hero-image{ position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;object-fit:cover !important;object-position:center !important;}.header{ padding:40px 15px;width:100%;max-width:100%;min-height:280px;background-position:calc(50% + 77px) 95%;background-size:auto 150%;}.name{ font-size:2rem;}.tagline{ font-size:1rem;}.location,.languages{ font-size:0.85rem;}.nationality-flags .flag{ font-size:1.5rem;}.main-content{ padding:20px 15px;max-width:100vw;overflow-x:hidden;}.left-section,.right-section{ padding:25px;border-radius:15px;max-width:calc(100vw - 30px);overflow-x:hidden;word-wrap:break-word;}.section-header h2{ font-size:2rem;}.book-showcase{ margin:30px 0;}.book-cover-image{ width:180px;}.book-title{ font-size:1.5rem;}.book-tagline{ font-size:1rem;}.book-stats{ padding:20px 15px;}.stat-number{ font-size:1.5rem;}.stat-label{ font-size:0.75rem;}.book-cta{ flex-direction:column;}.btn-primary,.btn-secondary{ width:100%;text-align:center;}.work-item{ padding:12px;}.work-item h4{ font-size:1rem;}.work-item p{ font-size:0.85rem;}.professional-image{ height:250px;margin:0 -25px 25px -25px;}.service-card{ padding:20px;}.service-card h3{ font-size:1.1rem;}.service-card p{ font-size:0.9rem;}.venture-card{ padding:20px;}.venture-header h4{ font-size:1.2rem;}.venture-description{ font-size:0.95rem;}.credential{ margin-bottom:15px;}.credential strong{ font-size:0.95rem;}.credential span{ font-size:0.85rem;}.contact-method{ font-size:0.9rem;}.language-selector{ top:10px;right:10px;}.lang-button{ padding:6px 10px;font-size:12px;}.lang-icon{ width:16px;height:16px;}}.bottom-sections{ max-width:1400px;margin:60px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;width:100%;overflow-x:hidden;}.publications,.professional-activities{ background:white;padding:40px;border-radius:20px;box-shadow:var(--shadow-md);min-height:400px;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);}.publications .section-header h2,.professional-activities .section-header h2{ margin-bottom:10px;}.entrepreneurial-ventures{ background:white;padding:40px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);}.entrepreneurial-ventures .hero-image-container{ width:100%;max-width:800px;margin:0 auto 15px;border-radius:0;overflow:hidden;position:relative;aspect-ratio:16/9;min-height:300px;contain:layout style paint;}.hero-image{ width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;}.entrepreneurial-ventures h2{ font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:30px;position:relative;padding-bottom:15px;}.entrepreneurial-ventures h2::after{ content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--accent-color);border-radius:2px;}.connect-section{ background:linear-gradient(135deg,#7c3aed,#a855f7);padding:40px;border-radius:12px;box-shadow:0 8px 24px rgba(124,58,237,0.25);color:white;}.connect-section h2{ font-size:1.75rem;font-weight:600;color:white;margin-bottom:30px;position:relative;padding-bottom:15px;}.connect-section h2::after{ content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:rgba(255,255,255,0.8);border-radius:2px;}.ventures-list{ display:flex;flex-direction:column;gap:25px;margin-top:15px;}.venture-card{ background:var(--bg-light);border-radius:8px;padding:25px;border:1px solid var(--border-light);transition:transform 0.3s ease,box-shadow 0.3s ease;}.venture-card:hover{ transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}.section-subtitle{ font-size:1.1rem;color:var(--text-secondary);margin-bottom:30px;}.connect-section .section-subtitle{ color:rgba(255,255,255,0.9);}.contact-list{ display:flex;flex-direction:column;gap:25px;}.contact-item{ display:flex;align-items:center;gap:20px;padding:20px;background:#f8f7ff;border-radius:8px;border:1px solid #e5e3ff;transition:transform 0.3s ease,box-shadow 0.3s ease;color:#2c3e50;}.contact-item:hover{ transform:translateY(-2px);box-shadow:0 4px 12px rgba(124,58,237,0.1);background:#f3f1ff;}.connect-section .contact-item{ background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);backdrop-filter:blur(10px);}.connect-section .contact-item:hover{ background:rgba(255,255,255,0.15);transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,0.2);}.contact-icon{ font-size:1.75rem;flex-shrink:0;}.contact-info h3{ font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:5px;}.contact-link{ color:#6b2fc0;text-decoration:none;font-size:1rem;font-weight:500;transition:color 0.3s ease;}.contact-link:hover{ color:#5424a3;text-decoration:underline;}.connect-section .contact-info h3{ color:white;}.connect-section .contact-link{ color:rgba(255,255,255,0.9);}.connect-section .contact-link:hover{ color:white;text-decoration:underline;}.location-section{ margin-top:40px;padding:30px;background:linear-gradient(135deg,#9B2335 0%,#6B1623 100%);border-radius:20px;color:white;position:relative;overflow:hidden;}.location-section::before{ content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.05"><circle cx="7" cy="7" r="7"/><circle cx="53" cy="53" r="7"/><circle cx="7" cy="53" r="7"/><circle cx="53" cy="7" r="7"/></g></svg>') repeat;opacity:0.3;z-index:1;}.location-section > *{ position:relative;z-index:2;}.location-title{ font-size:1.5rem;font-weight:700;margin-bottom:10px;color:white;}.location-description{ color:rgba(255,255,255,0.9);margin-bottom:30px;font-size:1.1rem;}.address-info{ display:grid;gap:25px;margin-bottom:30px;}.address-item{ display:flex;align-items:flex-start;gap:15px;padding:20px;background:rgba(255,255,255,0.1);border-radius:15px;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);transition:all 0.3s ease;}.address-item:hover{ background:rgba(255,255,255,0.15);transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,0.1);}.address-icon{ width:48px;height:48px;background:rgba(255,255,255,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;}.address-details h4{ font-size:1.1rem;font-weight:600;margin-bottom:8px;color:white;}.address-details p{ color:rgba(255,255,255,0.9);line-height:1.6;margin:0;}.map-container{ margin-top:30px;}.map-title{ font-size:1.3rem;font-weight:600;margin-bottom:20px;color:white;}.map-wrapper{ position:relative;width:100%;height:300px;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.2);}.map-placeholder{ width:100%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.05) 100%);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.2);}.map-placeholder:hover{ background:linear-gradient(135deg,rgba(255,255,255,0.15) 0%,rgba(255,255,255,0.1) 100%);border-color:rgba(255,255,255,0.3);}.map-placeholder-content{ text-align:center;color:white;}.map-icon{ width:64px;height:64px;margin:0 auto 20px;color:rgba(255,255,255,0.8);background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;}.map-placeholder-content h4{ font-size:1.2rem;font-weight:600;margin-bottom:10px;color:white;}.map-placeholder-content p{ color:rgba(255,255,255,0.8);margin-bottom:20px;}.load-map-btn{ background:rgba(255,255,255,0.2);color:white;border:2px solid rgba(255,255,255,0.3);padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:all 0.3s ease;font-size:0.95rem;}.load-map-btn:hover{ background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);transform:translateY(-2px);}.google-map{ width:100%;height:100%;}.google-map iframe{ width:100%;height:100%;border:none;border-radius:15px;}.map-actions{ margin-top:20px;text-align:center;}.directions-btn{ display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,0.2);color:white;padding:15px 25px;border-radius:30px;text-decoration:none;font-weight:600;transition:all 0.3s ease;border:2px solid rgba(255,255,255,0.3);backdrop-filter:blur(10px);}.directions-btn:hover{ background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.5);transform:translateY(-2px);color:white;text-decoration:none;box-shadow:0 10px 25px rgba(0,0,0,0.15);}.directions-btn svg{ width:16px;height:16px;}.contact-info-section{ margin-top:40px;padding:30px;background:rgba(255,255,255,0.95);border-radius:20px;color:#333;border:1px solid rgba(103,126,234,0.2);backdrop-filter:blur(10px);}.contact-title{ font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#4a5fc1;text-align:center;}.contact-description{ font-size:1rem;color:#666;margin-bottom:25px;text-align:center;line-height:1.6;}.contact-containers{ display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:25px;}.contact-item{ display:flex;align-items:center;gap:15px;padding:20px;background:rgba(103,126,234,0.1);border-radius:15px;transition:all 0.3s ease;border:1px solid rgba(103,126,234,0.2);}.contact-item:hover{ background:rgba(103,126,234,0.15);transform:translateY(-2px);box-shadow:0 5px 15px rgba(103,126,234,0.2);}.contact-icon{ font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(103,126,234,0.2);border-radius:10px;flex-shrink:0;}.contact-details{ flex:1;}.contact-details h4{ font-size:1rem;font-weight:600;margin-bottom:5px;color:#4a5fc1;}.contact-link{ color:#333;text-decoration:none;font-size:0.9rem;transition:color 0.3s ease;}.contact-link:hover{ color:#9B2335;text-decoration:underline;}@media (max-width:968px){ .bottom-sections{ grid-template-columns:1fr;gap:30px;margin:30px 20px 0;}.publications,.professional-activities{ padding:25px;border-radius:15px;}}@media (min-width:769px){ .entrepreneurial-ventures,.connect-section{ min-height:400px;}}@media (max-width:768px){ .bottom-sections{ margin:20px 10px 0;max-width:100vw;overflow-x:hidden;}.publications,.professional-activities{ padding:20px;max-width:100%;overflow-x:hidden;}.entrepreneurial-ventures .hero-image-container{ margin-bottom:10px;width:calc(100vw - 50px);max-width:100%;margin:0 auto;aspect-ratio:320/250;min-height:200px;max-height:250px;position:relative;overflow:hidden;background-color:#f0f0f0;}.hero-image{ width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;}.left-section h2,.right-section h2,.publications .section-header h2,.professional-activities .section-header h2{ font-size:2rem;}.ventures-list,.contact-list{ gap:20px;}.contact-item{ padding:15px;gap:15px;}.contact-icon{ font-size:1.5rem;}}.legal-footer{ margin-top:60px;padding:30px 20px;background:var(--bg-light);border-top:1px solid var(--border-light);}.footer-content{ max-width:1400px;margin:0 auto;text-align:center;}.copyright{ color:#5d6d7e;font-size:0.9rem;margin-bottom:10px;}.legal-links{ display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;}.legal-links a{ color:#5d6d7e;text-decoration:none;font-size:0.85rem;transition:color 0.2s ease;}.legal-links a:hover{ color:var(--accent-color);}.legal-links .separator{ color:var(--text-light);opacity:0.5;}.toast{ position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-100px);background:linear-gradient(135deg,#1a1f3a 0%,#2a3050 100%);color:white;padding:16px 24px;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,0.3);display:flex;align-items:center;gap:12px;z-index:10000;opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none;}.toast.show{ transform:translateX(-50%) translateY(0);opacity:1;}.toast-icon{ width:24px;height:24px;background:#4CAF50;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;}.toast-message{ font-size:15px;font-weight:500;letter-spacing:0.3px;}.email-copy{ cursor:pointer;position:relative;}.email-copy:hover::after{ content:"Click to copy";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#1a1f3a;color:white;padding:6px 12px;border-radius:6px;font-size:12px;white-space:nowrap;margin-bottom:8px;opacity:0;animation:fadeIn 0.2s forwards;}@keyframes fadeIn{ to{ opacity:1;}}.cookie-banner{ position:fixed;bottom:0;left:0;right:0;background:white;box-shadow:0 -4px 20px rgba(0,0,0,0.1);padding:20px;z-index:9999;transform:translateY(100%);transition:transform 0.3s ease;will-change:transform;}.cookie-banner.show{ transform:translateY(0);}.cookie-content{ max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:30px;}.cookie-text h3{ font-size:1.1rem;color:var(--primary-color);margin-bottom:8px;}.cookie-text p{ font-size:0.9rem;color:#5d6d7e;line-height:1.5;max-width:600px;}.cookie-actions{ display:flex;align-items:center;gap:15px;flex-shrink:0;}.cookie-btn{ padding:10px 20px;border:none;border-radius:25px;font-size:0.9rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;font-family:'Inter',sans-serif;}.cookie-btn.accept{ background:#c65d00;color:white;}.cookie-btn.accept:hover{ background:#b55400;transform:translateY(-2px);box-shadow:0 4px 12px rgba(198,93,0,0.3);}.cookie-btn.necessary{ background:var(--bg-light);color:var(--text-dark);border:1px solid var(--border-light);}.cookie-btn.necessary:hover{ background:white;border-color:var(--accent-color);}.cookie-link{ color:#c65d00;text-decoration:none;font-size:0.9rem;font-weight:500;border-bottom:1px solid transparent;transition:border-color 0.2s ease;}.cookie-link:hover{ border-bottom-color:#c65d00;}@media (max-width:480px){ *{ max-width:100vw !important;}.split-layout,.publications,.professional-activities,.bottom-sections,.header,.container{ width:100% !important;max-width:100vw !important;overflow-x:hidden !important;position:relative !important;}.venture-card,.contact-item,.book-card,.service-card,.credential,.work-item,.address-item,.featured-book,.other-works,.service-cards,.credentials,.contact-containers,.map-container,.location-section,.venture-details,.book-details,.book-showcase,.cookie-banner,.cookie-content{ max-width:calc(100vw - 30px) !important;margin-left:auto !important;margin-right:auto !important;overflow-x:hidden !important;word-wrap:break-word !important;overflow-wrap:break-word !important;box-sizing:border-box !important;}img{ max-width:100% !important;height:auto !important;}.name{ font-size:1.75rem;}.profile-photo{ width:100px;height:100px;}.book-cover-image{ width:150px;}.section-header h2,.left-section h2,.right-section h2{ font-size:1.75rem;}.left-section,.right-section{ padding:20px;}.location-section{ margin-top:25px;padding:20px;}.location-title{ font-size:1.3rem;}.location-description{ font-size:1rem;margin-bottom:20px;}.address-info{ gap:15px;margin-bottom:20px;}.address-item{ padding:15px;gap:12px;}.address-icon{ width:40px;height:40px;font-size:1.3rem;}.address-details h4{ font-size:1rem;}.address-details p{ font-size:0.9rem;}.map-wrapper{ height:250px;}.map-title{ font-size:1.2rem;margin-bottom:15px;}.map-placeholder-content h4{ font-size:1.1rem;}.map-placeholder-content p{ font-size:0.9rem;margin-bottom:15px;}.map-icon{ width:48px;height:48px;margin-bottom:15px;}.load-map-btn{ padding:10px 20px;font-size:0.9rem;}.directions-btn{ padding:12px 20px;font-size:0.9rem;gap:8px;}.contact-info-section{ margin-top:25px;padding:20px;}.contact-title{ font-size:1.3rem;}.contact-description{ font-size:0.9rem;margin-bottom:20px;}.contact-containers{ grid-template-columns:1fr;gap:15px;margin-top:20px;}.contact-item{ padding:15px;gap:12px;}.contact-icon{ width:35px;height:35px;font-size:1.3rem;}.contact-details h4{ font-size:0.95rem;}.contact-link{ font-size:0.85rem;}.cookie-content{ flex-direction:column;gap:20px;text-align:center;}.cookie-actions{ flex-direction:column;width:100%;}.cookie-btn{ width:100%;}}@media (max-width:768px){ *{ animation-duration:0.3s !important;transition-duration:0.2s !important;}img{ image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;}.book-card,.service-card,.venture-card,.contact-item,.hero-feature-card{ box-shadow:0 2px 8px rgba(0,0,0,0.08);}body{ -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;}.profile-photo{ width:100px;height:100px;aspect-ratio:1 / 1;object-fit:cover;object-position:center;}.main-container{ -webkit-overflow-scrolling:touch;overflow-scrolling:touch;}.cookie-banner{ backdrop-filter:none;background:rgba(255,255,255,0.98);}}@media (max-width:768px) and (-webkit-min-device-pixel-ratio:2),(max-width:768px) and (min-resolution:192dpi){ .profile-photo{ will-change:transform;}}/* Fix for specific tablet range 768x1024 - disable problematic pulsating */
@media (min-width: 768px) and (max-width: 1024px) {
    .current-project {
        animation: none !important;
        transform: none !important;
    }
}

@media (max-width:640px){.current-project{padding:20px;animation:pulse-mobile 4s infinite !important;}.project-title{font-size:1.4rem !important;white-space:nowrap;}.project-badge{font-size:0.7rem;padding:6px 14px;}.project-description{font-size:0.95rem;}.coming-soon{font-size:0.85rem;padding:8px 20px;}.contact-info-section .contact-containers{display:flex;flex-direction:column;gap:12px;}.contact-info-section .contact-item{display:flex;flex-direction:column;align-items:flex-start;padding:15px;gap:8px;min-height:80px;width:100%;box-sizing:border-box;}.contact-info-section .contact-icon{width:30px;height:30px;font-size:1.2rem;margin-bottom:5px;}.contact-info-section .contact-details{width:100%;}.contact-info-section .contact-details h4{font-size:0.9rem;margin-bottom:3px;}.contact-info-section .contact-link{font-size:0.85rem;line-height:1.4;word-break:break-word;display:block;}}@keyframes pulse-mobile{0%,100%{transform:scale(1);}50%{transform:scale(1.01);}}

/* ============================================================
   UX OVERHAUL — 2026-06-20 (appended; later-cascade overrides)
   Goal: one disciplined system = burgundy brand + warm-gold
   accent + neutrals. Kills the green/amber/purple/orange rainbow,
   refines the hero, slims the mobile cookie bar, honours
   reduced-motion, and styles the new SVG icon set.
   ============================================================ */

/* ---- 1. Unified tokens (auto-fixes everything using var()) ---- */
:root{
  --brand:#9B2335;
  --brand-dark:#6B1623;
  --brand-deep:#52121d;
  --accent-color:#C0892F;        /* single warm-gold accent (was orange) */
  --accent-gold:#C0892F;
  --success-color:#9B2335;       /* remap stray "green" usages to brand */
  --ink:#241f20;
}

/* ---- 2. Remove the body flag-stripe texture ---- */
body{ background-image:none !important; background-color:#fcfbfa; }

/* ---- 3. SVG icon system ---- */
.ico{ display:inline-block; vertical-align:middle; }
.ico-inline{ width:1em; height:1em; margin-right:.45em; position:relative; top:-1px; opacity:.92; flex:0 0 auto; }
.venture-icon{ color:var(--brand); display:inline-flex; align-items:center; font-size:inherit; }
.venture-icon .ico{ width:20px; height:20px; }
.service-icon{ color:var(--brand); display:inline-flex; align-items:center; margin-bottom:14px; }
.service-icon .ico{ width:40px; height:40px; }
.address-icon{ color:#fff; }                 /* on burgundy chip */
.address-icon .ico{ width:24px; height:24px; }
.contact-info-section .contact-icon{ color:var(--brand); background:rgba(155,35,53,.10); border-radius:10px; display:inline-flex; align-items:center; justify-content:center; }
.contact-info-section .contact-icon .ico{ width:22px; height:22px; }
.dir-ico{ display:inline-flex; align-items:center; }
.location-title .ico-inline, .location .ico-inline{ color:inherit; }

/* ---- 4. De-rainbow: neutralise the coloured venture cards ---- */
.venture-card.garden-stack,
.venture-card.madeinbxl{
  background:#faf6f3 !important;
  border:1px solid #ece1db !important;
  border-left:3px solid var(--brand) !important;
}

/* ---- 5. De-rainbow: contact section was periwinkle/purple ---- */
.contact-info-section{ border-color:rgba(155,35,53,.16) !important; }
.contact-info-section .contact-item{
  background:#faf6f3 !important;
  border:1px solid #ece1db !important;
}
.contact-info-section .contact-item:hover{ background:#f5ece8 !important; box-shadow:0 4px 14px rgba(155,35,53,.10) !important; }
.contact-title{ color:var(--brand) !important; }
.contact-info-section .contact-link{ color:var(--brand) !important; }
.contact-info-section .contact-link:hover{ color:var(--brand-dark) !important; }
.connect-section .contact-link{ color:rgba(255,255,255,.92) !important; }

/* ---- 6. De-rainbow: badges, links, stats, buttons ---- */
.venture-badge{ background:var(--brand) !important; }
.venture-link{ background:var(--brand) !important; }
.venture-link:hover{ box-shadow:0 4px 12px rgba(155,35,53,.30) !important; }
.pub-links a{ background:var(--brand) !important; }
.pub-links a:hover{ background:var(--brand-dark) !important; }
.stat-number{ color:var(--brand) !important; }
.btn-primary{ background:var(--brand) !important; color:#fff !important; border:1px solid var(--brand) !important; }
.btn-primary:hover{ background:var(--brand-dark) !important; box-shadow:0 6px 20px rgba(155,35,53,.35) !important; }
.btn-secondary{ background:transparent !important; color:var(--brand) !important; border:2px solid var(--brand) !important; }
.btn-secondary:hover{ background:var(--brand) !important; color:#fff !important; }
.cookie-btn.accept{ background:var(--brand) !important; color:#fff !important; }
.cookie-btn.accept:hover{ background:var(--brand-dark) !important; }

/* "NEW RELEASE" badge -> warm-gold accent (the one accent), no red */
.book-badge{ background:var(--accent-gold) !important; color:#2a1c06 !important; }

/* "NOW DEVELOPING" pill on the burgundy card + live dot */
.current-project .project-badge{ display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.16); }
.live-dot{ width:7px; height:7px; border-radius:50%; background:var(--accent-gold); box-shadow:0 0 0 0 rgba(192,137,47,.7); animation:livePulse 2s infinite; flex:0 0 auto; }
@keyframes livePulse{ 0%{ box-shadow:0 0 0 0 rgba(192,137,47,.6);} 70%{ box-shadow:0 0 0 7px rgba(192,137,47,0);} 100%{ box-shadow:0 0 0 0 rgba(192,137,47,0);} }

/* ============================================================
   7. HERO — refined burgundy hero (drops the postcard look)
   ============================================================ */
.header{
  background-image:
    linear-gradient(180deg, rgba(74,15,24,.52) 0%, rgba(88,17,28,.58) 45%, rgba(60,12,21,.74) 100%),
    url('brussels-header-optimized-new.webp') !important;
  background-size:cover, cover !important;
  background-position:center, center 30% !important;
  background-repeat:no-repeat, no-repeat !important;
  padding:74px 22px 60px;
  min-height:0;
}
.header-content{ flex-direction:column !important; gap:20px; max-width:720px; }
.header-text{
  text-align:center !important;
  display:flex; flex-direction:column; align-items:center; gap:7px;
}
.header-photo{ order:-1; }
.profile-photo{
  width:128px; height:128px;
  border:3px solid rgba(255,255,255,.9);
  box-shadow:0 12px 34px rgba(0,0,0,.38);
}
.name{
  font-size:3rem; font-weight:600; letter-spacing:-.01em; line-height:1.08;
  margin:0 0 2px; color:#fff;
  text-shadow:0 2px 16px rgba(0,0,0,.45) !important;
}
.nationality-flags{ margin:0; }
.tagline{
  font-size:1.12rem; font-weight:400; letter-spacing:.05em; text-transform:uppercase;
  opacity:.95; margin:0; text-shadow:none;
  color:rgba(255,255,255,.92);
}
.location{
  display:inline-flex; align-items:center; justify-content:center;
  font-size:.98rem; opacity:.9; margin:0; text-shadow:none;
}
.hero-cta{
  order:5; display:inline-flex; align-items:center; gap:8px;
  margin-top:10px; padding:12px 28px; border-radius:30px;
  background:#fff; color:var(--brand);
  font-weight:600; font-size:.96rem; text-decoration:none;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  transition:transform .25s ease, background .25s ease, color .25s ease;
}
.hero-cta:hover{ background:var(--accent-gold); color:#fff; transform:translateY(-2px); }
.languages{
  order:6; margin-top:14px; padding-top:13px;
  border-top:1px solid rgba(255,255,255,.18);
  font-size:.74rem; letter-spacing:.06em; opacity:.6; text-shadow:none;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap; justify-content:center;
}
.lang-label{ text-transform:uppercase; letter-spacing:.14em; font-size:.66rem; opacity:.8; }

/* ============================================================
   8. COOKIE — slim bottom bar on mobile (not a sheet)
   ============================================================ */
.cookie-banner{ border-top:1px solid rgba(0,0,0,.06); }
.cookie-btn.necessary{ background:#f4eeec !important; color:var(--ink) !important; border:1px solid #e4d8d3 !important; }
.cookie-btn.reject{ background:transparent !important; color:#7a6b66 !important; border:1px solid #e4d8d3 !important; }
@media (max-width:768px){
  .cookie-banner{ padding:12px 14px; }
  .cookie-content{ flex-direction:column; gap:9px; text-align:left; align-items:stretch; }
  .cookie-text h3{ font-size:.95rem; margin-bottom:2px; }
  .cookie-text p{ font-size:.78rem; line-height:1.35; }
  .cookie-actions{ flex-direction:row; flex-wrap:wrap; width:100%; gap:8px; align-items:center; }
  .cookie-actions .cookie-btn{ flex:1 1 0; width:auto; padding:9px 10px; font-size:.8rem; }
  .cookie-link{ flex-basis:100%; text-align:center; font-size:.74rem; margin-top:2px; }
}
@media (max-width:480px){
  .cookie-actions{ flex-direction:row !important; }
  .cookie-actions .cookie-btn{ width:auto !important; }
}

/* ============================================================
   9. Accessibility — honour prefers-reduced-motion
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration:.001ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.001ms !important;
    scroll-behavior:auto !important;
  }
}

/* ---- 10. Hero responsive polish ---- */
@media (max-width:640px){
  .header{ padding:60px 20px 46px; }
  .name{ font-size:2.15rem !important; }
  .tagline{ font-size:.92rem; }
  .profile-photo{ width:112px; height:112px; }
  .languages{ font-size:.7rem; }
}

/* ============================================================
   11. Mobile horizontal-overflow fix — 2026-06-20 (late cascade)
   Root cause: earlier rules used `100vw` (which INCLUDES the
   scrollbar gutter) together with horizontal margins, so e.g.
   .bottom-sections{ margin:0 10px; max-width:100vw } rendered
   100vw wide + 20px margin = ~+20px past the viewport. Fix =
   use `100%` (resolves against the containing block, scrollbar
   excluded) + box-sizing:border-box, and inset with PADDING
   instead of side margins. Also clips the decorative .book-badge
   (position:absolute; right:-10px) that added +10px inside
   .featured-book. AI-NOTE: never use 100vw on full-width blocks
   that also carry horizontal margin/padding — it overflows by the
   scrollbar width; use 100% + box-sizing:border-box.
   ============================================================ */
html, body{ max-width:100% !important; overflow-x:hidden !important; }
body{ width:100% !important; }

/* The decorative "NEW RELEASE" badge sits at right:-10px and poked 10px
   past .featured-book, widening its scroll box. Pull the badge inside the
   box (right:0) so nothing overflows — the badge stays in the same corner
   and `overflow:hidden` no longer reports a +10px inner scroll. */
.featured-book{ overflow-x:clip !important; }
.featured-book .book-badge{ right:0 !important; top:-8px !important; }

@media (max-width:968px){
  .bottom-sections{
    max-width:100% !important;
    width:100% !important;
    margin:30px auto 0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
    box-sizing:border-box !important;
  }
}

@media (max-width:768px){
  .bottom-sections{
    max-width:100% !important;
    width:100% !important;
    margin:20px auto 0 !important;
    padding-left:10px !important;
    padding-right:10px !important;
    box-sizing:border-box !important;
    overflow-x:hidden;
  }
  /* hero image used 100vw - this overflows the padded container */
  .entrepreneurial-ventures .hero-image-container{
    width:100% !important;
    max-width:100% !important;
  }
}

@media (max-width:640px){
  /* 100vw on html/body includes the scrollbar gutter -> overflow */
  html, body{ width:100% !important; max-width:100% !important; }
  .hero-image-container{ width:100% !important; max-width:100% !important; }
}

@media (max-width:480px){
  /* the *{max-width:100vw} catch-all + 100vw blocks overflowed by
     the scrollbar width; pin everything to 100% / border-box */
  *{ max-width:100% !important; }
  .split-layout, .publications, .professional-activities,
  .bottom-sections, .header, .container, .main-content{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
  }
  .venture-card, .contact-item, .book-card, .service-card,
  .credential, .work-item, .address-item, .featured-book,
  .other-works, .service-cards, .credentials, .contact-containers,
  .map-container, .location-section, .venture-details,
  .book-details, .book-showcase, .cookie-banner, .cookie-content{
    max-width:100% !important;
    box-sizing:border-box !important;
  }
}
