:root{--primary-color:#a68e45;--secondary-color:#ae5a5a;--third-color:#2a1817}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{scroll-behavior:smooth}@font-face{font-family:'Bebas Neue';src:url(./fonts/BebasNeue-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Noto Sans';src:url(./fonts/NotoSans-Regular.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'Noto Sans';src:url(./fonts/NotoSans-Bold.woff2) format('woff2');font-weight:700;font-style:normal;font-display:swap}.bg-wrapper{display:flex;box-shadow:5px 5px 5px 5px #000;height:1000px;background-image:url(./images/banner-1.webp);background-size:cover;background-position:center;background-repeat:no-repeat;flex-direction:column;justify-content:space-between}#banner{margin-bottom:50px}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}strong{font-weight:700;text-decoration:none}body{font-family:Bebas Neue;background-color:#2a1817;background-position:top;background-repeat:repeat-y;background-size:cover;line-height:1;width:100%}main{width:100%}section{width:100%;display:flex;flex-direction:column;align-items:center;margin:0;padding:30px;font:inherit;font-size:100%;vertical-align:baseline}ol,ul{list-style:none}ul li a{font-size:13px;text-decoration:none;color:#fff}h1{width:100%;margin-top:50px;margin-bottom:40px;font-family:'Bebas Neue';text-align:center;display:flex;justify-content:center;color:#fff;font-size:50px;font-weight:500;padding-top:5px;padding-bottom:10px}h2{width:100%;text-align:center;display:flex;justify-content:center;color:var(--primary-color);font-size:35px;font-family:'Bebas Neue';padding-top:5px;padding-bottom:10px;margin-top:0;margin-block:0}h3{width:100%;text-align:center;display:flex;justify-content:flex-start;color:#a68e45;font-size:30px;font-family:'Bebas Neue';padding-top:30px;padding-bottom:30px;margin-top:0;margin-block:0}html.js h3{opacity:0;transform:translateX(25px);transition:transform 1s ease,opacity .5s ease}html.js h3.show{opacity:1;transform:translateX(0)}p,li,a{color:#fff;font-family:'Noto Sans',sans-serif;font-size:17px;line-height:26px;text-align:left;text-wrap:initial;padding:10px 0 10px 0}header{position:sticky;top:0;z-index:1000;background:none;padding:8px 0;top:0;width:100%;z-index:1000;display:flex;justify-content:center}.logo{margin-left:10px;width:40%}.logo img{width:110px;height:auto}nav{display:flex;width:60%;align-items:center;justify-content:center}#presentation{width:100%;display:flex;align-items:flex-start}#presentation .presentation_card p{font-size:20px;text-align:center;padding:0}#presentation span{width:100%;display:flex;flex-direction:column;align-items:center}#presentation span img{border-radius:15px;border:solid 3px #ae5a5a;margin:10px 10px 0 10px;border-radius:15px;height:250px;width:250px;object-fit:cover}.presentation_contener{display:flex;flex-direction:row;justify-content:center;width:100%}.presentation_card{width:30%;padding-right:10px;padding-left:10px;margin:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-left:solid 3px var(--secondary-color);border-right:solid 3px var(--secondary-color)}.contener-details{margin-top:150px}.competences_contener{width:100%;display:flex;flex-direction:row;margin-top:15px;margin-bottom:15px}#competences img{box-shadow:5px 5px 5px 5px #000;width:60%;border-radius:50%}#competences span{display:flex;width:100%;justify-content:center}.sections-text{margin-top:50px}#portfolio{width:100%;display:flex;flex-direction:column;align-items:center}.portfolio-table{margin-top:50px;width:100%;max-width:1100px;display:flex;flex-direction:row;justify-content:center;gap:30px}.portfolio-card{width:40%;background-color:#fff;border:3px solid var(--secondary-color);border-radius:15px;display:flex;flex-direction:column;align-items:center;overflow:hidden;box-shadow:0 8px 16px rgb(0 0 0 / .3);transition:transform 0.3s}.portfolio-card:hover{transform:scale(1.02)}.portfolio-image{display:flex;flex:1;width:100%}.portfolio-image img{width:100%;height:100%;object-fit:cover}.portfolio-info{width:100%;flex:2;padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.portfolio-info p{height:55%;color:#444;font-size:16px;margin-bottom:20px;text-align:center}#processus img{width:100%}.visit-btn{background-color:var(--secondary-color);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;width:fit-content;transition:background-color 0.3s}.visit-btn:hover{background-color:#ae5a5ab5}.choice-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:20px 0}.contact-option{flex:1;text-align:center;padding:20px;border:2px solid var(--primary-color);border-radius:10px;color:#fff;background-color:#1e3a45;cursor:pointer;transition:transform 0.3s,background-color 0.3s}.contact-option:hover{background-color:#ae5a5ab5;transform:scale(1.03)}.choice-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin:20px 0}.contact-option{background-color:#fff;color:#ae5a5a;border:2px solid var(--primary-color);padding:20px 30px;border-radius:10px;font-size:18px;cursor:pointer;font-family:'Bebas Neue',sans-serif;transition:all 0.3s ease}.contact-option:hover{background-color:#ae5a5ab5;color:#fff}.back-btn{background:none;border:none;color:var(--primary-color);font-size:18px;margin-bottom:20px;cursor:pointer;font-family:'Bebas Neue',sans-serif}.cookie-modal{border:solid 5px;position:fixed;bottom:20px;left:20px;right:20px;background-color:#fff;color:var(--primary-color);padding:20px;border-radius:12px;box-shadow:0 8px 20px rgb(0 0 0 / .3);z-index:9999;display:none;max-width:500px;margin:auto;font-family:'Bebas Neue',sans-serif;animation:fadeIn 0.6s ease-out}.cookie-content{display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center}.cookie-content p{color:var(--third-color);font-size:14px;line-height:1.6;text-align:center}.cookie-content button{background-color:var(--secondary-color);border:none;color:#fff;padding:10px 20px;font-weight:700;border-radius:8px;cursor:pointer;transition:background-color 0.3s ease}.cookie-content button:hover{background-color:var(--third-color)}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.portfolio-card{flex-direction:column}.portfolio-image{max-height:250px}}#contact{display:flex;flex-direction:column;align-items:center}#contact span{width:100%;display:flex;justify-content:center;margin-top:20px;margin-bottom:20px}#contact p{color:#fff}.contact-form{width:100%;max-width:600px;margin:40px auto;background-color:var(--third-color);border:3px solid var(--secondary-color);padding:20px;border-radius:10px;color:var(--primary-color);font-family:'Noto Sans',sans-serif}.contact-form label,.contact-form legend{display:block;margin-top:15px;font-weight:700}.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"],.contact-form textarea{width:100%;padding:10px;margin-top:5px;border:1px solid #a68e45;border-radius:5px;font-size:16px;color:#ae5a5a}.contact-form fieldset{margin-top:15px;border:none;padding:0}.contact-form input[type="checkbox"]{margin-right:10px}.contact-form textarea{resize:vertical}.contact-form button{background-color:#a68e45;color:#fff;padding:12px 20px;border:none;margin-top:20px;border-radius:5px;cursor:pointer;font-weight:700;font-size:16px}.contact-form button:hover{background-color:#8b7738}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#fff;border:3px solid #a68e45;border-radius:50%;z-index:999;cursor:pointer;transition:transform 0.3s ease;display:flex;align-items:center;justify-content:center;text-decoration:none}.scroll-top-btn:hover{transform:scale(1.1)}.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .8);backdrop-filter:blur(5px)}.modal-content{background-color:var(--third-color);margin:5% auto;padding:20px;border:3px solid var(--secondary-color);width:90%;max-width:700px;height:fit-content;border-radius:10px;position:relative;animation:fadeIn 0.4s}.close-btn{color:var(--primary-color);float:right;font-size:30px;font-weight:700;cursor:pointer}.close-btn:hover{color:#000}.open-modal-btn{width:40%;background-color:var(--secondary-color);color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;font-family:'Bebas Neue';font-size:20px;transition:background-color 0.3s}.open-modal-btn:hover{background-color:#ae5a5ab5}@keyframes fadeIn{from{opacity:0}to{opacity:1}}footer{border-top:solid 3px #a68e45;width:100%;color:#fff;display:flex;padding-block:3em;justify-content:space-evenly;font-size:12px;align-items:center}footer img{width:15%}.footer_container{display:flex;flex-direction:column;align-items:center}.footer_legals_container{width:100%;display:flex;justify-content:center}footer span,a{text-decoration:none;color:#fff}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}#formConfirmationModal{position:fixed;inset:auto 24px 24px auto;z-index:9999;display:none;pointer-events:none}#formConfirmationModal.show{display:block}#formConfirmationModal .confirmation-message{pointer-events:auto;min-width:280px;max-width:clamp(280px, 40vw, 420px);padding:14px 16px 14px 44px;border-radius:14px;background:var(--third-color);color:#e2e8f0;box-shadow:0 12px 30px rgb(2 6 23 / .35);position:relative;font:500 15px/1.45 Bebas Neue,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;transform:translateY(12px);opacity:0;transition:transform .35s ease,opacity .35s ease;border:1px solid rgb(148 163 184 / .22)}#formConfirmationModal .confirmation-message::before{content:"✓";position:absolute;left:14px;top:50%;translate:0 -50%;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--secondary-color);color:var(--primary-color);font-weight:800;font-size:14px}#formConfirmationModal.show .confirmation-message{transform:translateY(0);opacity:1}@media (max-width:640px){#formConfirmationModal{inset:auto 16px 16px 16px}#formConfirmationModal .confirmation-message{max-width:none;width:100%}}@media (prefers-reduced-motion:reduce){#formConfirmationModal .confirmation-message{transition:none;transform:none;opacity:1}}.site-nav{width:60%;display:flex;justify-content:flex-end;margin-right:10px}.nav-inline{display:flex;gap:12px;align-items:center;list-style:none;margin:0;padding:8px 12px}.nav-group{position:relative}.nav-btn,.dropdown a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;line-height:1;color:#E6F0F4;text-decoration:none;background:#fff0;border:0;cursor:pointer;font-family:'Bebas Neue',sans-serif;font-size:18px}.chev{width:16px;height:16px}.nav-cta{background:var(--primary-color);color:#0f1f25;font-weight:600;border-radius:999px}.nav-cta:hover{filter:brightness(1.05)}.dropdown{position:absolute;left:-11px;top:calc(100% + 8px);min-width:124px;padding:8px;margin:0;list-style:none;background:#0f1f25;border:1px solid rgb(255 255 255 / .08);border-radius:12px;box-shadow:0 12px 30px rgb(2 6 23 / .35);display:grid;gap:6px;opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.nav-dropdown.open>.dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown a{padding:10px 12px;border-radius:8px;color:#E6F0F4}.dropdown a:hover{background:rgb(255 255 255 / .06)}@media (max-width:900px){.nav-inline{gap:8px}.nav-btn,.dropdown a{padding:9px 12px}}@media (min-width:769px) and (max-width:1023px){.dropdown{left:-15px}.competences_contener{display:flex;flex-wrap:wrap;flex:2 3 100px}#competences span{width:33%;padding:20px}.presentation_contener{display:flex;flex-direction:row;justify-content:center;align-items:stretch}.presentation_card{width:30%;padding-right:10px;padding-left:10px;margin:30px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border-left:solid 3px var(--secondary-color);border-right:solid 3px var(--secondary-color)}#presentation span img{border-radius:15px;border:solid 3px #ae5a5a;margin:10px 10px 0 10px;border-radius:15px;height:150px;width:150px;object-fit:cover}.portfolio-card{width:60%}footer img{width:20%}}.portfolio-card:hover{transform:scale(1.05);box-shadow:0 10px 20px rgb(0 0 0 / .35)}@media (min-width:601px) and (max-width:768px){.dropdown{left:-15px}.competences_contener{display:flex;flex-wrap:wrap;flex:2 3 100px}#competences span{width:33%;padding:20px}.presentation_contener{display:flex;flex-direction:column;justify-content:center;align-items:center}.presentation_card{width:60%}.portfolio-table{flex-direction:column;align-items:center}.portfolio-card{width:60%}footer img{width:20%}}@media (min-width:481px) and (max-width:600px){html.js h3.show{justify-content:center}h3{text-align:center}p{text-align:center}.competences_contener{display:flex;flex-wrap:wrap;flex:2 3 100px}#competences span{width:33%;padding:20px}#presentation span img{height:190px;width:190px}.presentation_contener{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.presentation_card{width:80%}.portfolio-table{flex-direction:column;align-items:center}.portfolio-card{width:90%}footer img{width:30%}}@media (min-width:320px) and (max-width:480px){.site-nav{margin-right:0}html.js h3.show{justify-content:center}h3{text-align:center}p{text-align:center}.competences_contener{display:flex;flex-wrap:wrap;flex:2 3 100px}#competences span{margin-top:15px;margin-bottom:15px;width:50%}#competences span img{width:80%;padding:10px}#presentation span img{height:190px;width:190px}.presentation_contener{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.presentation_card{width:90%}.portfolio-table{flex-direction:column;align-items:center}.portfolio-card{width:90%}footer img{width:30%}}