:root{--black:#000;--dark-grey:#333;--grey:#666;--light-grey:#999;--lighter-grey:#ccc;--dark-blue:#00436f;--blue:#32698a;--light-blue:#668ea7;--lighter-blue:#9ab4c5;--lightest-blue:#b8cbd6}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--black);background-color:#fff;font-family:Inter,Helvetica Neue,Arial,sans-serif;overflow:hidden}.main-header{padding:15px 0 0}.header-top{justify-content:space-between;align-items:center;margin-bottom:5px;padding:0 10px;display:flex}.header-controls{align-items:center;gap:15px;display:flex}.social-links{align-items:center;gap:12px;margin-right:5px;display:flex}.mobile-only{display:none!important}.social-links a{color:var(--light-grey);align-items:center;transition:color .2s;display:flex}.social-links a:hover{color:var(--dark-grey)}.social-links svg{width:18px;height:18px}.lang-switch{color:var(--light-grey);align-items:center;gap:5px;font-size:15px;display:flex}.lang-btn{cursor:pointer;color:var(--light-grey);background:0 0;border:none;font-size:15px;font-weight:400;transition:color .2s}.lang-btn:hover{color:var(--dark-grey)}.lang-btn.active{color:var(--black);text-underline-offset:4px;font-weight:500;text-decoration:underline}.brand{align-items:baseline;gap:15px;display:flex}.brand .name{color:var(--black);font-size:38px;font-weight:400}.brand .role{color:var(--light-blue);font-size:38px;font-weight:400}.brand .subtitle{color:var(--light-grey);font-size:18px;font-weight:400}.burger-menu{cursor:pointer;color:var(--black);background:0 0;border:none;padding:5px;display:none}.burger-menu svg{width:32px;height:32px;transition:transform .3s}.main-nav{width:100%;display:flex}.nav-btn{text-align:left;cursor:pointer;border:none;border-right:2px solid #fff;flex:1;padding:8px 10px;font-size:15px;font-weight:400;transition:opacity .2s,background-color .2s}.nav-btn:last-child{border-right:none}.nav-btn:hover{opacity:.85}.nav-btn.active{text-underline-offset:4px;text-decoration:underline}main{height:calc(100vh - 140px)}.gallery{-webkit-overflow-scrolling:touch;flex-direction:row;gap:60px;height:100%;padding:40px 20px;display:flex;overflow:auto hidden}.gallery::-webkit-scrollbar{height:8px}.gallery::-webkit-scrollbar-track{background:0 0}.gallery::-webkit-scrollbar-thumb{background:var(--lighter-grey);border-radius:4px}.photo-card{flex-direction:column;flex:none;gap:8px;height:100%;display:flex}.text-card{width:450px;height:calc(100vh - 220px);color:var(--dark-grey);background-color:#f9f9f9;border-radius:4px;flex:none;padding:30px;font-size:15px;line-height:1.6;overflow-y:auto}.text-card p{margin-bottom:1em}.text-card h2,.text-card h3{color:var(--black);margin-bottom:.5em;font-weight:500}.video-card{flex-direction:row;flex:none;align-items:stretch;gap:20px;height:100%;display:flex}.video-wrapper{aspect-ratio:16/9;flex:none;width:calc(177.778vh - 391.111px);height:auto;max-height:calc(100vh - 220px)}.video-wrapper iframe{border:none;width:100%;height:100%;display:block}.photo-img{object-fit:contain;width:auto;max-height:calc(100vh - 220px)}.photo-caption{color:var(--dark-grey);text-align:left;font-size:15px}.profil-content{max-width:800px;color:var(--dark-grey);height:100%;padding:40px 20px;font-size:16px;line-height:1.6;overflow-y:auto}.site-footer{text-align:center;color:#888;z-index:1000;width:100%;font-size:11px;font-family:var(--font-family);background-color:#ffffffe6;padding:8px 10px;position:fixed;bottom:0;left:0}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.main-nav .social-links{justify-content:center;gap:30px;width:100%;margin:30px 0}.main-nav .social-links svg{width:22px;height:22px}body{overflow:auto}.main-header{z-index:1000;background-color:#fff;padding-top:10px;padding-bottom:5px;transition:transform .3s ease-in-out;position:sticky;top:0}.main-header.hidden{transform:translateY(-100%)}.brand{flex-direction:column;align-items:flex-start;gap:0}.brand .name,.brand .role{font-size:20px;line-height:1.2}.brand .subtitle{margin-top:5px;font-size:13px}.burger-menu{margin-right:5px;display:block}.burger-menu.open svg{transform:rotate(90deg)}.main-nav{flex-wrap:wrap;width:100%;margin-top:10px;display:none}.main-nav.nav-open{animation:.3s ease-out forwards fadeInDown;display:flex}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-btn{border-bottom:2px solid #fff;flex:33.33%}main{height:auto}.gallery{flex-direction:column;gap:40px;height:auto;padding:20px 10px;overflow:hidden visible}.photo-card{width:100%}.photo-img{width:100%;height:auto;max-height:none}.text-card{width:100%;height:auto;max-height:none;padding:20px;overflow-y:visible}}