@charset "UTF-8";@font-face{font-family:Pacifico;font-weight:400;src:local("Pacifico"),url(../../assets/fonts/pacifico-regular-webfont.woff2) format("woff2"),url(../../assets/fonts/pacifico-regular-webfont.woff) format("woff");font-display:swap}@font-face{font-family:Karla;font-weight:400;src:local("Karla"),url(../../assets/fonts/karla-variablefont_wght-webfont.woff2) format("woff2"),url(../../assets/fonts/karla-variablefont_wght-webfont.woff) format("woff");font-display:swap}@font-face{font-family:Fantasque;font-weight:400;src:local("Fantasque"),url(../../assets/fonts/fantasquesansmono-regular-webfont.woff2) format("woff2"),url(../../assets/fonts/fantasquesansmono-regular-webfont.woff) format("woff");font-display:swap}@font-face{font-family:Fantasque;font-weight:700;src:local("Fantasque"),url(../../assets/fonts/fantasquesansmono-bold-webfont.woff2) format("woff2"),url(../../assets/fonts/fantasquesansmono-bold-webfont.woff) format("woff");font-display:swap}:root{--step--2: clamp(.7813rem, .6491rem + .661vw, 1.12rem);--step--1: clamp(.9375rem, .757rem + .9024vw, 1.4rem);--step-0: clamp(1.125rem, .8811rem + 1.2195vw, 1.75rem);--step-1: clamp(1.35rem, 1.0232rem + 1.6341vw, 2.1875rem);--step-2: clamp(1.62rem, 1.1851rem + 2.1744vw, 2.7344rem);--step-3: clamp(1.9438rem, 1.3684rem + 2.8768vw, 3.4181rem);--step-4: clamp(2.3325rem, 1.5754rem + 3.7854vw, 4.2725rem);--step-5: clamp(2.7994rem, 1.8077rem + 4.9585vw, 5.3406rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{min-height:100%;overflow-x:hidden}body{text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.wave{display:inline-block;transform-origin:70% 70%;animation:wave-animation 2.5s ease-in-out 1s infinite}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.diagonal{--skew-angle: -5deg;--background: linear-gradient(45deg, #12c2e9, #c471ed, #f64f59);position:relative;isolation:isolate}.diagonal:after{content:"";background:var(--background);position:absolute;top:0;right:0;bottom:0;left:0;transform:skewY(var(--skew-angle));z-index:-1}.button{position:relative;display:inline-flex;cursor:pointer;text-decoration:none;border:0;justify-content:center;align-items:center;border-radius:100vmax;padding:1em 2em;font-size:1.0625rem;line-height:1;color:#fff;background-color:transparent;box-shadow:0 .5em 1em -.5em #00000080;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out}.button a{text-decoration:none;color:inherit;font-weight:400}.button:hover,.button:focus-visible{background-color:#ffffff0d;transform:translateY(-.15em) scale(1.02);box-shadow:0 .75em 1.5em -.5em #000000b3}.button--gray{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(11.5756664276px);backdrop-filter:blur(11.5756664276px);box-shadow:0 15px 60px #00000080}.button--gray:hover,.button--gray:focus-visible{background:rgba(255,255,255,.4);transform:translateY(-.35em) scale(1.02)}.button--gray:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;box-shadow:0 .75rem 2rem -.5em #0000004d;transition:opacity 1s ease;z-index:-1;border-radius:inherit}.button--gray:hover:after,.button--gray:focus-visible:after{opacity:1}.button--gradient{--color-1-val: #4277d7;--color-2-val: #ff4e7e;background-image:linear-gradient(90deg,var(--gradient-start-color),var(--gradient-end-color));color:#fff;transition:--color-1-val .4s ease-in-out,--color-2-val .4s ease-in-out,transform .15s ease-in-out,box-shadow .15s ease-in-out}.button--gradient:hover,.button--gradient:focus-visible{--gradient-start-color: #ff4e7e;--gradient-end-color: #4277d7}.button--outlined{border-radius:.5em;font-size:1rem;border:1px solid rgba(255,255,255,.5);padding:.8em 1.5em;color:#fff;background-color:transparent;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out}.button--outlined:hover,.button--outlined:focus-visible{background-color:#ca63de;border-color:#ca63de}.button--small{font-size:1rem;font-weight:700;color:#000;background:hsl(186,60%,57%);padding:.5em 1.25em;border-radius:.25rem;box-shadow:0 .25em .5em -.25em #0000004d;transition:transform .15s ease-in-out,box-shadow .15s ease-in-out,background-color .2s ease-in-out}.button--small:hover,.button--small:focus-visible{background-color:#31b5c4}#cookie-consent-banner{display:none;z-index:1000;position:fixed;bottom:0;left:0;width:100%;background-color:#2c3e50;color:#ecf0f1;padding:25px 20px;text-align:center;z-index:10000;box-shadow:0 -2px 10px #0003;display:flex;justify-content:center;align-items:center;gap:20px}#cookie-consent-banner p{margin:0;font-size:.9rem;line-height:1.6}#cookie-consent-banner button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:.9rem;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#cookie-consent-banner button:hover{background-color:#2980b9}#cookie-consent-banner #decline-cookies{background-color:#e74c3c}#cookie-consent-banner #decline-cookies:hover{background-color:#c0392b}@media (max-width: 768px){#cookie-consent-banner{flex-direction:column;gap:15px}#cookie-consent-banner p{font-size:.85rem;margin-bottom:10px}#cookie-consent-banner button{width:80%;padding:12px}}footer .container{--gap: max(2rem, 5vw);padding-block-start:2rem;align-items:flex-start;gap:var(--gap)}footer .row{justify-content:center;display:flex;flex-wrap:wrap}footer h3{text-transform:uppercase;letter-spacing:.03em}.footer__about{display:block;flex-basis:40ch}.footer__about p{opacity:.7}.footer__navigation{flex-basis:20%}.footer__navigation .footer__nav-list{flex-direction:column;align-items:flex-start}.footer__navigation .footer__nav-list li{display:flex;align-items:center;font-size:1rem}.footer__navigation .footer__nav-list li i{border-radius:50%;margin-left:-2px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.footer__navigation .footer__nav-list li a{text-transform:uppercase;text-decoration:none}.footer__navigation .footer__nav-list li a:is(:hover,:focus){color:#ca63de;font-weight:700}.footer__social{flex-basis:20%}.footer__social ul{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:0;list-style:none}.footer__social ul li a.button{margin:0}.footer__licensing{display:flex;justify-content:space-between;align-items:center;position:relative}.footer__licensing:before{content:"";position:absolute;bottom:4rem;height:.125rem;min-width:100%;background:rgba(255,255,255,.15)}.footer__licensing p{padding-block:1rem;color:#ffffffb3;font-size:.9375rem;letter-spacing:.5px;margin-left:0}.footer__credits{text-align:center;background-color:#00000026;margin-inline:auto;padding:.4em}footer{background:hsl(240,57%,25%)}footer i{opacity:.7;font-size:.9rem}footer a{text-transform:capitalize;font-weight:300;color:#fff;opacity:.7}footer .size-small{font-size:.9rem;font-weight:400}.social-icons{display:flex;flex-direction:column;cursor:pointer;transition:all .15s ease;position:absolute;top:37%;left:0;padding:1rem}@media (max-width: 47em){.social-icons{display:none}}.social-icons li{padding-top:1em;transition:all .15s ease}.social-icons a{width:40px;height:40px;line-height:1;background:rgba(217,217,217,.1);text-decoration:none;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid rgba(255,255,255,.5);margin-right:6px}.social-icons li a:hover{fill:#ca63de;color:#fff;background:hsl(290,65%,63%)}.icon{width:1rem;aspect-ratio:1;fill:#fff}.icon-heart{fill:#ff4d7c;display:inline;margin-left:.4rem;margin-right:.4rem}.signature{font-family:pacifico,sans-serif}.designedBy{font-size:.9rem;opacity:.7}#manage-consent-container{text-align:center;padding:1rem .5rem}#manage-consent-container a{display:inline-block;margin:.25rem .5rem;text-decoration:none}#manage-consent-container a:hover,#manage-consent-container a:focus{text-decoration:underline}#manage-consent-container .separator{margin:0 .25rem;color:#ffffffb3}@media (max-width: 30em){#manage-consent-container a{display:block;margin:.5rem auto}#manage-consent-container .separator{display:none}}header{padding-top:1.4375rem}@media (max-width: 47em){header[data-overlay]{position:relative;z-index:999}}header[data-overlay]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.8))}.nav-wrapper{display:flex}.nav-wrapper .mobile-nav-toggle{display:none}@media (max-width: 47em){.nav-wrapper .mobile-nav-toggle{opacity:.7;display:block;position:fixed;top:2.06825rem;right:1.625rem;cursor:pointer;background:transparent;border:0;padding:.5em;width:2rem;aspect-ratio:1;background-image:url(../../assets/icons/bars-solid-white.svg);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:999}}.nav-wrapper .mobile-nav-toggle[aria-expanded=true]{background-image:url(../../assets/icons/icon-close.svg)}.nav-wrapper nav{--_gap: 2rem;margin-inline:auto}.nav-wrapper nav:hover li{--_translate: 100%;--_scale-delay: .2s}@media (max-width: 47em){.nav-wrapper nav{display:none;position:fixed;padding:1.4375rem;inset:7rem .625rem auto;max-width:25rem;margin-inline:auto;background:hwb(240 18% 46%);box-shadow:0 0 .75em hwb(240 18% 46%)}.nav-wrapper nav[data-visible]{display:block;z-index:999}}.nav-wrapper nav .nav-list{font-weight:700;display:flex}@media (max-width: 47em){.nav-wrapper nav .nav-list{display:flex;flex-direction:column;gap:1.06825rem;text-align:center;font-weight:700}}.nav-wrapper nav .nav-list li{overflow:hidden;position:relative;min-inline-size:3rem;padding:calc(var(--_gap) / 2)}.nav-wrapper nav .nav-list li:after{content:"";position:absolute;inset-inline:0;inset-block-end:0;block-size:3px;background-color:#ca63de;translate:var(--_translate, 0);scale:var(--_scale, 0) 1;transition:scale .1s var(--_scale-delay, 0ms),translate .2s}.nav-wrapper nav .nav-list li:hover~li{--_translate: -100%;--_scale-delay: .2s}.nav-wrapper nav .nav-list li:hover{--_scale: 1;--_translate: 0;--_scale-delay: 0ms}.nav-wrapper nav .nav-list a{text-transform:uppercase;text-decoration:none;color:inherit;opacity:.7}.nav-wrapper nav .nav-list a:hover,.nav-wrapper nav .nav-list a:focus{opacity:1}.primary-header[data-overlay]{position:relative;z-index:999}.primary-header[data-overlay]:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.6));z-index:-1}.privacy-policy{font-family:Karla,sans-serif;color:#fff}.privacy-policy section{max-width:80ch;margin-left:auto;margin-right:auto;padding:1.4375rem}@media (max-width: 47em){.privacy-policy section{padding:1.06825rem}}.privacy-policy h1{font-family:Pacifico,cursive;font-size:3.75rem;margin-bottom:1.25rem;color:#ca63de}.privacy-policy h2{font-family:Pacifico,cursive;font-size:1.875rem;margin-bottom:1.06825rem;color:#50c6d3}.privacy-policy p{font-size:1.0625rem;line-height:1.6;margin-bottom:1.25rem}.privacy-policy ul{list-style:disc;margin-left:1.4375rem;margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.6;opacity:.7}.privacy-policy ul li{margin-bottom:.625rem}.work{margin-inline:auto;position:relative;isolation:isolate}.cards{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.card{color:#fff;padding:10rem 0 0;max-width:35ch;border-radius:.5rem;overflow:hidden;transition:transform .5s ease;position:relative}.card:hover,.card:focus-within{transform:scale(1.05)}.card--img1{background-image:url(../../assets/projets/1200-kasa.webp);background-size:contain;background-repeat:no-repeat}.card--img2{background-image:url(../../assets/projets/1200-ohmyfood.webp);background-size:contain;background-repeat:no-repeat}.card--img3{background-image:url(../../assets/projets/1200-clavis-analytics.webp);background-size:cover;background-repeat:no-repeat}.card-content{--padding: 1.5rem;padding:var(--padding);background:linear-gradient(hsla(0,0%,0%,0),hsl(240,18%,46%) 10%,hsl(239,62%,15%))}.card__title{position:relative;width:max-content;max-width:100%;font-size:1.75rem}.card__title:after{content:"";position:absolute;height:4px;left:"calc(var(--padding) * -1)";bottom:-2px;width:"calc(100% + var(--padding))";background:hsl(186,60%,57%);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}.card__tags{padding-top:.9rem;padding-bottom:.6rem;display:flex;gap:1rem}.card__tags img{width:25px;height:25px;aspect-ratio:1/1}.card__body{color:#ffffffd9}.card__links{padding-block:1rem}.card:hover .card__title:after,.card:focus-within .card__title:after{transform:scaleX(1)}@media (hover){.card-content{transform:translateY(65%);transition:transform .5s ease}.card:hover .card-content,.card:focus-within .card-content{transform:translateY(0);transition-delay:.5s}.card:focus-within .card-content{transition-duration:0ms}.card-content>*:not(.card__title){opacity:0;transition:opacity .5s linear}.card:hover .card-content>*:not(.card__title),.card:focus-within .card-content>*:not(.card__title){opacity:1;transition-delay:1s}.card:focus-within .card-content>*:not(.card__title){transition-delay:0ms}.card__title:after{transform:scaleX(0)}}.contact{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;gap:30px;padding-block:2rem;position:relative;isolation:isolate}.columns{max-width:606px;margin-inline:auto;display:flex;background:rgba(47,47,137,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.875rem;justify-content:space-between}.columns>div{padding:2em}.column{border-radius:1.875rem}.contact-infos{filter:drop-shadow(8px 8px 4px rgba(0,0,0,.25))}.contact__content{padding-top:1em;padding-bottom:4rem;font-size:1rem;color:#fff;font-style:normal;font-weight:400;max-width:24ch}.contact__details{display:flex;flex-wrap:wrap;gap:.4rem;position:relative;isolation:isolate}.contact__detail{display:flex;align-items:center;border-radius:20px;transition:all .1s}.contact__detail i{border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.15);margin-left:-2px}.contact__detail span{font-size:1rem;padding-left:.4rem;font-weight:300}.contact-form form{display:flex;flex-direction:column;gap:1em}.inputBox{position:relative}.inputBox input,.inputBox textarea{padding:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.5);border-radius:5px;color:#fff;font-size:1em;transition:.5s;border-radius:.625rem;background:rgba(235,250,255,.49)}input:not([type=checkbox],[type=radio]){width:100%}.inputBox span{position:absolute;left:0;padding:10px;pointer-events:none;font-size:1rem;color:#ffffff40;transition:.5s}@media (prefers-reduced-motion: no-preference){.columns{animation:float-body 5s infinite alternate ease-in-out}.columns:after{animation:float-shadow 5s infinite alternate ease-in-out}}.columns:after{content:"";position:absolute;top:1rem;right:1rem;bottom:-1rem;left:1rem;background:inherit;border-radius:inherit;z-index:-1;opacity:.85;filter:blur(.75em)}@media (max-width: 47em){.contact .container{flex-direction:column-reverse;border:none;padding:0;margin:0;background:none}.columns{background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0}.contact .columns{gap:20rem;flex-direction:column-reverse}.contact__content{font-size:.8em;padding-bottom:1rem}.contact__details{flex-direction:column;align-items:flex-start}.contact__detail span{font-size:.8rem}.columns .contact-form{margin-right:auto;border-radius:2.1875rem}}.inputBox textarea{width:100%}.inpoutBox:focus-within{outline:3px solid hsl(186,60%,57%);outline-offset:.25rem}.inputBox input:valid~span,.inputBox input:focus~span,.inputBox textarea:valid~span,.inputBox textarea:focus~span{color:#50c6d3;transform:translate(10px) translateY(-7px);font-size:.65em;padding:0 10px;background:rgb(46,46,138);border-left:1px solid hsl(186,60%,57%);border-right:1px solid hsl(186,60%,57%);letter-spacing:.2em}.inputBox:nth-child(2) input:valid~span,.inputBox:nth-child(2) input:focus~span{background:hsl(186,60%,57%);color:#2e2e8a;border-radius:2px}.inputBox:nth-child(4) textarea:valid~span,.inputBox:nth-child(4) textarea:focus~span{background:hsl(186,60%,57%);color:#2e2e8a;border-radius:2px}.inputBox input:valid,.inputBox input:focus,.inputBox textarea:valid,.inputBox textarea:focus{border:1px solid hsl(186,60%,57%)}.inputBox .hidden{display:none}.inputBox .hint{color:#ca63de}#manage-consent-container{font-size:small;display:flex;justify-content:center;gap:.5rem;padding:.5rem}.separator{color:#ffffff40;font-size:1rem}.rgpd-label{font-size:small}.column.contact-form{display:flex;align-items:center;justify-content:center}.success-message{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--clr-neutral-100);padding:2rem}.success-message .fa-circle-check{font-size:3.5rem;color:#4ade80;margin-bottom:1.5rem}.success-message h3{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.success-message p{font-size:1rem;opacity:.8}@keyframes typewriter-move-left{to{left:100%}}@keyframes blink{50%{background-color:transparent}}@keyframes hide-cursor{to{opacity:0}}@keyframes blink{50%{background:transparent}}@keyframes hide-cursor{to{background:transparent}}@keyframes blink{to{background:transparent}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes float-body{to{translate:0 -1em;scale:1.0125}}@keyframes float-shadow{to{scale:1.03;translate:.5em;opacity:.5}}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes left-slide{0%{transform:translate(-1000%)}to{transform:translate(0)}}@keyframes right-slide{0%{transform:translate(1000%)}to{transform:translate(0)}}:root{--clr-body-dark: hsl(0, 0%, 100%);--clr-bg-dark:hsl(239, 62%, 15%);--clr-body-light: hsl(239, 62%, 15%);--clr-bg-light:hsl(0, 0%, 100%);--foreground: var(--clr-body-light);--background:var(--clr-body-dark);--ff-title:"Pacifico", sans-serif;--ff-body:"karla", sans-serif;--ff-accent:"Fantasque", monospace}html{scroll-behavior:smooth}body{transition:.3s;margin:0;padding:0;font-family:Karla,sans-serif;background-color:var(--clr-bg-dark);font-size:1.06825rem;font-weight:500;color:var(--clr-body-dark)}section{padding-block:min(10vh,10rem)}.skip-nav-link{background:hsl(219,60%,40%);color:#fff;text-decoration:none;padding:.5rem 1.5rem;border-radius:0 0 .25rem .25rem;position:absolute;left:.5rem;transform:translateY(-170%);transition:transform 325ms ease-in}.skip-nav-link:focus{transform:translateY(0)}.section-title{padding:4rem 2rem 2rem;text-align:center;font-family:Pacifico,sans-serif;opacity:.7;text-transform:capitalize}.container{--max-width: 1110px;--container-padding: 1rem;width:min(var(--max-width),100% - var(--container-padding) * 2);margin-inline:auto}@media (max-width: 47em){.primary-heading{font-size:2.5rem}}h1{font-size:clamp(2.7994rem,1.8077rem + 4.9585vw,5.3406rem);font-weight:700;line-height:1.1}@media (max-width: 47em){h1{text-align:center}}h2{font-size:clamp(1.85rem,1rem + 4vw,3rem)}h3{font-size:clamp(1.15rem,1rem + 3vw,1.25rem)}a:not([class]){color:inherit;opacity:.7;text-decoration:none}a:not([class]):hover,a:not([class]):focus{opacity:1}p:not([class]){opacity:.7}p[data-width=wide]{max-width:42ch}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pos-relative-isolate{position:relative;isolation:isolate}.scroll-to-top{position:fixed;inset:auto 2rem 2rem auto;color:#fff;background:hsl(290,65%,63%);padding:1em;border-radius:8px;border:none;z-index:999;cursor:pointer;transition:background-color .3s ease}.scroll-to-top:hover,.scroll-to-top:focus-visible{background:hsl(290,65%,68%)}.scroll-to-top:focus-visible{outline:2px solid blue;outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}:where(ul,ol):where([role=list]){margin:0;padding:0;list-style:none}strong{font-weight:700}.work .cutoff-text{--max-lines: 3;--line-height: 1.4;color:#fff;max-height:calc(var(--max-lines) * 1em * var(--line-height));line-height:var(--line-height);overflow:hidden;position:relative}.work .cutoff-text.cutoff-text:has(+.expand-btn:not(:checked)):before{content:"";position:absolute;height:calc(2em * var(--line-height));width:100%;bottom:0;background:linear-gradient(to bottom,transparent,hsl(290,65%,63%))}.work .cutoff-text:has(+.expand-btn:checked){max-height:none}:root{--typewriterSpeed: 6s;--typewriterCharacters: 30}.home{position:relative}.hero-introduction{width:74%;padding-left:6rem;display:flex;flex-direction:column;align-items:flex-start}.hero-introduction p{text-align:left}.hello-world{margin-top:2rem;font-weight:500;font-family:Pacifico,sans-serif;letter-spacing:.8px;padding:8px 10px;background:linear-gradient(135deg,hsl(290,65%,63%),hsl(219,60%,40%));border:1px solid rgba(255,255,255,.5);font-size:20px;margin-bottom:16px;display:inline-block}.home__buttons{margin-top:2rem;display:flex;gap:1em;flex-wrap:wrap;justify-content:center}.typewriter{font-size:clamp(1rem,3vw + 1rem,4rem);position:relative;font-family:Fantasque,monospace;width:max-content;background-image:linear-gradient(to right bottom,#2f2f8a,#4d389b,#6942ac,#854bbc,#a254cb,#b854cb,#cd55c9,#e156c7,#ee4fb5,#f74ba2,#fd4b90,#ff4e7e);-webkit-background-clip:text;color:transparent;--initial-delay: 1s;--cursor-blink-duration: .75s;--cursor-blink-iterations: 4;--cursor-hide-duration: .1s}.typewriter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:hsl(239,62%,15%);animation:typewriter-move-left var(--typewriterSpeed) steps(var(--typewriterCharacters)) var(--initial-delay) forwards}.typewriter:after{content:"";position:absolute;top:0;left:0;bottom:0;width:2px;background:linear-gradient(to right bottom,#2f2f8a,#4d389b,#6942ac,#854bbc,#a254cb,#b854cb,#cd55c9,#e156c7,#ee4fb5,#f74ba2,#fd4b90,#ff4e7e);animation:typewriter-move-left var(--typewriterSpeed) steps(var(--typewriterCharacters)) var(--initial-delay) forwards,blink .75s steps(2) calc(var(--typewriterSpeed) + var(--initial-delay)) 4,hide-cursor .1s linear calc(var(--typewriterSpeed) + var(--initial-delay) + 3s) forwards}.subtitle{font-family:Pacifico,sans-serif;color:#fff;font-size:clamp(1rem,2vw + 1rem,2rem);font-weight:400;opacity:0;transform:translateY(3rem);animation:fadeInUp 2s ease calc(var(--typewriterSpeed) + 2s) forwards}.subtitle-1{font-family:Karla,sans-serif;font-size:1.8em;margin-top:.5em;line-height:1.3;opacity:0;transform:translateY(3rem);animation:fadeInUp 2s ease calc(var(--typewriterSpeed) + 3s) forwards}.subtitle-2{font-family:Karla,sans-serif;margin-top:1.5em;line-height:1.6;max-width:700px;margin-right:auto;opacity:0;transform:translateY(3rem);animation:fadeInUp 2s ease calc(var(--typewriterSpeed) + 3s) forwards}.subtitle-2 q{margin-top:1em;font-style:italic;color:#ffffff80}@media (max-width: 47em){.hero-introduction{width:100%;margin-inline:auto;padding-left:0;align-items:center}.hero-introduction p{text-align:center}}@property --gradient-start-color{syntax: "<color>"; inherits: false; initial-value: #4277d7;}@property --gradient-end-color{syntax: "<color>"; inherits: false; initial-value: #ff4e7e;}.about{display:flex;flex-direction:column;align-items:center;position:relative;isolation:isolate}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:url(../../assets/illustration/about/about_background.svg);background-size:contain;background-position:bottom -38px center;background-repeat:no-repeat}.about .person{overflow:hidden;padding-block-start:4rem;border-radius:0 0 9999px 9999px;transform:scale(var(--scale));transition:.3s cubic-bezier(.645,.045,.355,1);transform-origin:50% calc(50% + 4rem);will-change:transform;position:relative}.about .person:hover{--scale: 1.15;--translateY: -4%;--ds: drop-shadow(2px 5px 5px color.$clr-neutral-900)}.about .person>div{display:grid;place-content:center;border-radius:9999px;width:400px;height:400px;background:linear-gradient(135deg,hsl(290,65%,63%),hsl(219,60%,40%));position:relative}@media (max-width: 47em){.about .person>div{width:250px;height:250px}}.about .person>div img{justify-self:center;width:155%;max-width:none;object-fit:cover;transform:translate(var(--translateY, 5%));transition:.3s cubic-bezier(.645,.045,.355,1);filter:var(--ds);will-change:transform,filter;height:auto}@media (max-width: 47em){.about .person>div img{width:100%}}.about .person .person-caption{text-align:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:calc(65% - 30px);border-radius:0 9999px 9999px 0;padding:1em}@media (max-width: 47em){.about .person .person-caption{width:calc(50% + 33px)}}.about .person .person-caption p strong{display:inline-block;padding-bottom:1em;font-size:1rem;text-transform:capitalize;font-weight:800}.about .person .person-caption a{font-size:1rem}@media (max-width: 47em){.person-caption .long-text{display:none}p{font-size:1rem}}