@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}@font-face{font-family:Roustel;src:url(/assets/Roustel-CtHDV-GI.woff2) format("woff2"),url(/assets/Roustel-BphRyPif.woff) format("woff"),url(/assets/Roustel-BJHBHSlc.ttf) format("truetype");font-weight:400;font-style:normal}h1{font-size:2rem;font-family:Playfair Display,serif;font-weight:700;text-transform:uppercase}h2{font-size:1.75rem;font-family:Playfair Display,serif;font-weight:700;text-transform:uppercase}h3{font-size:1.25rem;font-family:Playfair Display,serif;font-weight:700;line-height:1.5625rem}p,a,span,input,textarea,select,label,pre{font-size:1rem;font-family:Inter,sans-serif;font-weight:400;line-height:1.4875rem}p.roustel{font-family:Roustel,serif}a{font-weight:700;text-transform:uppercase}@media screen and (max-width:768px){h1{font-size:1.6875rem!important}h2{font-size:1.25rem}h3{font-size:1.125rem}}body{background-color:#f8f9fa;min-height:100vh}*{padding:0;box-sizing:border-box;margin:0}main{display:flex;flex-direction:column;min-height:100vh;width:100vw}h1,h2,h3,h4,h5,h6,p,span,label,a{color:#232323}a{color:#232323;text-decoration:none;transition:all .3s ease-in-out}a:hover{color:#1a3dc1}@media screen and (max-width:768px){main{margin-left:0;margin-bottom:65px;padding-bottom:env(safe-area-inset-bottom)}}button,.button{cursor:pointer;background-color:transparent;border:.125rem solid #1A3DC1;color:#1a3dc1;padding:.75rem 1.5rem;font-size:1rem;text-transform:uppercase;border-radius:2rem;transition:all .3s ease-in-out}button:hover,.button:hover{background-color:#1a3dc1;color:#fff}button.filled,.button.filled{cursor:pointer;background-color:#1a3dc1;border:.125rem solid #1A3DC1;color:#fff;padding:.75rem 1.5rem;font-size:1rem;text-transform:uppercase;border-radius:2rem;transition:all .3s ease-in-out}button.filled:hover,.button.filled:hover{background-color:transparent;color:#1a3dc1}header{display:flex;flex-direction:row;justify-content:space-between;padding:1.5rem 4rem;border-bottom:.0625rem solid #C2D9FF;box-shadow:0 .125rem .25rem #0000001a}header .logo img{width:4rem}footer{background-color:#c2d9ff;text-align:center;padding:1.5rem 0}footer p{margin:0}#contact{display:flex;flex-direction:column;gap:2.5rem;align-items:center;width:100%;background-image:linear-gradient(to top,#C2D9FF,transparent);padding:4rem 0}#contact p{width:40%;text-align:center}#contact .social{display:flex;gap:1.5rem;position:relative;padding-top:1rem}#contact .social:after{content:"";top:0;display:block;width:100%;height:.0625rem;background-color:#1a3dc1;position:absolute}#hero{display:flex;max-width:90rem;margin:auto;position:relative;align-items:center}#hero:after{content:"";top:0;display:block;width:100%;height:100%;background-image:url(../assets/homebg.png);position:absolute;background-repeat:no-repeat;z-index:-1}#hero img{margin-left:10.625rem}#hero h1{color:#1a3dc1;font-size:4rem;position:relative}#hero h1:after{content:"";display:block;width:18.75rem;height:.1875rem;background-color:#1a3dc1;position:absolute;bottom:0}#hero .roustel{font-size:1.5rem}#hero p{width:70%}.project-page .carousel{background-color:red}.project-page .carousel .swiper-wrapper{align-items:center;display:flex;overflow:hidden}.project-page .carousel .swiper-wrapper .swiper-slide,.project-page .carousel .swiper-wrapper img{height:15.625rem}.project-page .carousel .swiper-wrapper .clickable-image{cursor:zoom-in}.project-page h1{font-size:3rem;color:#1a3dc1}.project-page .project-content{max-width:87.5rem;margin:0 auto}.project-page .project-content .header{padding-bottom:2.5rem}.project-page .project-content .header h1{margin-bottom:.625rem}.project-page .project-content .header .info{display:flex;gap:1.5rem;font-style:italic;margin-top:.5rem;margin-bottom:1.25rem}.project-page .project-content .header .info .category{position:relative;padding-left:.75rem}.project-page .project-content .header .info .category:before{content:"";display:block;width:.625rem;height:.0625rem;background-color:#1a3dc1;position:absolute;left:0;top:50%;transform:translateY(-50%)}.project-page .project-content .header .description{font-weight:600;font-style:italic;width:45%}.project-page .project-content .content{display:flex;gap:5rem;padding-top:2.5rem}.project-page .project-content .content h2{margin-bottom:.625rem}.project-page .project-content .content .content-left,.project-page .project-content .content .content-right{flex:1;display:flex;flex-direction:column;gap:2.5rem}.project-page .project-content .content .content-left .whitespace-pre-wrap,.project-page .project-content .content .content-right .whitespace-pre-wrap{white-space:pre-wrap}.project-page .project-content .content .content-right{position:relative}.project-page .project-content .content .content-right:before{content:"";display:block;position:absolute;width:1px;height:100px;background-color:#c2d9ff;left:0}.project-page .project-content .content .content-right div:last-child{display:flex;gap:.9375rem;padding-top:1.25rem}.project-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000d9;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer}.project-page .modal-overlay .modal-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.project-page .modal-overlay .modal-content .modal-image{max-width:100%;max-height:100%;display:block;object-fit:contain}.project-page .modal-overlay .modal-content .modal-close-button{position:absolute;top:20px;right:20px;background:transparent;color:#fff;border:none;font-size:3em;font-weight:300;cursor:pointer;line-height:1;padding:0 10px;transition:color .2s}.project-page .modal-overlay .modal-content .modal-close-button:hover{color:#ddd}.about{display:flex}.about img{padding:1.25rem}.about img:before{content:"";display:block;width:31.25rem;height:31.25rem;background-color:#1a3dc1;position:absolute;left:0;top:0}.about .content{margin-left:1.5rem;max-width:25rem}.experiences{background-image:url(../assets/bg.svg);background-position:top left;background-repeat:no-repeat;background-size:cover}.experiences h2{max-width:75rem;margin:auto}.experiences .timeline-wrapper{position:relative;width:90%;max-width:75rem;margin:2.5rem auto}.experiences .timeline-wrapper:after{content:"";position:absolute;width:4px;background-color:#c2d9ff;top:0;bottom:0;left:50%;margin-left:-2px;z-index:0}.experiences .timeline-wrapper .timeline-item{padding:10px 0;position:relative;width:50%;margin-bottom:30px}.experiences .timeline-wrapper .timeline-item.left-side{left:0;padding-right:45px;text-align:right}.experiences .timeline-wrapper .timeline-item.left-side .timeline-marker{right:-10px}.experiences .timeline-wrapper .timeline-item.right-side{left:50%;padding-left:45px;text-align:left}.experiences .timeline-wrapper .timeline-item.right-side .timeline-marker{left:-10px}.experiences .timeline-wrapper .timeline-item .timeline-content{padding:15px;border-radius:6px;position:relative;z-index:1}.experiences .timeline-wrapper .timeline-item .timeline-marker{position:absolute;height:20px;width:20px;background-color:#007bff;border:3px solid #fff;border-radius:50%;top:50%;z-index:10;transform:translateY(-50%)}.projects-page{background-color:#f8f9fa;background-image:repeating-linear-gradient(to right,#C2D9FF,#C2D9FF 1px,transparent 1px,transparent 40px),repeating-linear-gradient(to bottom,#C2D9FF,#C2D9FF 1px,transparent 1px,transparent 40px);background-size:40px 40px}.projects-page:before{content:"";display:block;height:2.5rem;background-color:#fffc;position:absolute;top:0}.projects-page .filters button{cursor:pointer;background-color:transparent;color:#232323;border:none;padding:0;margin-right:1.5rem}.projects-page .filters button.active,.projects-page .filters button:hover{text-decoration:underline;color:#1a3dc1}.projects-page .projects-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;grid-auto-flow:dense}.projects-page .projects-list .project-card{grid-column:span 1;height:auto;border-radius:8px;overflow:hidden}.projects-page .projects-list .project-card a{display:flex;flex-direction:column}.projects-page .projects-list .project-card a h3{position:relative}.projects-page .projects-list .project-card a h3:after{content:"";display:block;width:12.5rem;height:.1875rem;background-color:#1a3dc1;position:absolute;bottom:0}.projects-page .projects-list .project-card a .project-content{align-self:end}