@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Orbitron:wght@400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap";:root{line-height:1.5;width:100%;max-width:100vw;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--heading: "Orbitron", sans-serif;--body: "Space Grotesk", sans-serif;--small-h: clamp(.75rem, 1.25vw, .9rem);--small-p: clamp(.65rem, .95vw, .85rem);--primary: #120078;--secondary: #9d0191;--tertiary: #fecd1a;--quaternary: #fb265a;--danger: #d72323;--safe: #5cb338;--bg: #1e1e1e;--text: #f1f1f1;--primary-rgb: 18, 0, 120;--secondary-rgb: 157, 1, 145;--tertiary-rgb: 254, 205, 26;--quaternary-rgb: 251, 38, 90;--danger-rgb: 215, 35, 35;--safe-rgb: 92, 179, 56;--bg-rgb: 30, 30, 30;--text-rgb: 241, 241, 241;--card-bg: rgba(var(--text-rgb), .075);--card-shadow: 0 0 8px rgba(var(--text-rgb), .1);--horizontal-spacing: clamp(20px, 8vw, 100px)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}html,body{overflow-x:hidden}body{overflow-y:hidden;margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg);font-family:var(--body);position:relative}body::-webkit-scrollbar,.layout::-webkit-scrollbar{display:none}*{margin:0;padding:0}h1,h2,h3,h4,h5,h6,select,option,a{font-family:var(--heading);font-weight:600;text-decoration:none}h1{font-size:clamp(2.5rem,5vw,3rem)}h2{font-size:clamp(2rem,4vw,2.5rem)}h3{font-size:clamp(1.75rem,3.5vw,1.75rem)}h4{font-size:clamp(1.5rem,3vw,1.5rem)}h5{font-size:clamp(1.25rem,2.5vw,1.25rem)}h6{font-size:clamp(1rem,2vw,1rem)}p,a,select,option,li{font-size:clamp(.85rem,1.5vw,1rem)}blockquote{max-width:100%;text-align:start;font-size:var(--small-h);font-style:italic!important;font-family:Poppins,sans-serif;margin:1rem 0;padding:1rem;background-color:var(--card-bg);border-left:4px solid rgba(var(--secondary-rgb),.5)}ul{padding-left:1.25rem;margin:0}code{background-color:rgba(var(--text-rgb),.15);font-weight:500;padding:0 .25rem}.small-h{font-size:var(--small-h)}.small-p{font-size:var(--small-p)}#root{width:100vw;margin:0;text-align:center}.page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.card{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:.5rem;text-align:start;overflow:hidden;background-color:var(--card-bg);padding:1.5rem;transition:transform .3s ease-in-out}.cards-container,.cards-container.grid2,.cards-container.grid3,.cards-container.grid4{width:100%;height:fit-content;display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:1fr;gap:1.5rem}.cards-container.row,.cards-container.col{display:flex;align-items:center}.cards-container.row{flex-direction:row;flex-wrap:wrap}.cards-container.col{flex-direction:column}@media (min-width: 768px){.cards-container.grid2{grid-template-columns:repeat(2,1fr)}.cards-container,.cards-container.grid3{grid-template-columns:repeat(3,1fr)}.cards-container.grid4{grid-template-columns:repeat(4,1fr)}.card{padding:2rem}}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}}.glitch{pointer-events:all!important}.glitch:before,.glitch:after{display:block;color:inherit;text-shadow:none;animation:none}.glitch:hover{animation:glitch 1s infinite}.glitch:hover:before{text-shadow:-5px 0 var(--secondary);animation:noise-1 .05s linear infinite alternate-reverse,glitch .05s .05s infinite}.glitch:hover:after{text-shadow:-5px 0 lightgreen;animation:noise-2 .05s linear infinite alternate-reverse,glitch .05s infinite}@keyframes glitch{1%{transform:rotateX(10deg) skew(90deg)}2%{transform:rotateX(0) skew(0)}}@keyframes noise-1{0%{clip-path:inset(5px 0 95px 0)}10%{clip-path:inset(20px 0 75px 0)}20%{clip-path:inset(40px 0 50px 0)}30%{clip-path:inset(10px 0 85px 0)}40%{clip-path:inset(60px 0 25px 0)}50%{clip-path:inset(30px 0 60px 0)}60%{clip-path:inset(15px 0 80px 0)}70%{clip-path:inset(35px 0 55px 0)}80%{clip-path:inset(50px 0 40px 0)}90%{clip-path:inset(25px 0 70px 0)}to{clip-path:inset(5px 0 95px 0)}}@keyframes noise-2{0%{clip-path:inset(50px 0 50px 0)}10%{clip-path:inset(10px 0 80px 0)}20%{clip-path:inset(40px 0 45px 0)}30%{clip-path:inset(20px 0 70px 0)}40%{clip-path:inset(60px 0 30px 0)}50%{clip-path:inset(25px 0 60px 0)}60%{clip-path:inset(15px 0 85px 0)}70%{clip-path:inset(35px 0 55px 0)}80%{clip-path:inset(45px 0 40px 0)}90%{clip-path:inset(20px 0 70px 0)}to{clip-path:inset(50px 0 50px 0)}}.layout{position:relative;z-index:0;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;overflow-y:auto;overflow-x:hidden;min-height:100vh}.layout .content{flex:1}footer,.action-container{width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing);display:flex}footer{flex-direction:column;background-color:var(--text);color:var(--bg)}.action-container{align-items:center;justify-content:space-between;text-align:start;margin-block:1rem}.footer-action:hover *{fill:var(--text)}footer .social-links{width:fit-content;display:flex;align-items:center;gap:.5rem;text-align:start}footer .social-links a{color:var(--bg)}footer .social-links:hover *{color:var(--secondary);fill:var(--secondary)}.contact-info,.social-container{display:flex;flex-direction:column;align-items:center}.contact-info{width:100%;padding-block:2rem;gap:1rem}.social-container{flex:1;justify-content:space-between;gap:.5rem}.copyright{padding-block:1rem}@media (min-width: 768px){.contact-info{flex-direction:row}}@media (min-width: 1324px){.contact-info{gap:4rem}.social-container{flex-direction:row}.social-container.reverse{flex-direction:row-reverse}}.cta{width:100%;display:flex;justify-content:center;gap:1rem}.btn:not(.only-icon){min-width:clamp(100px,10vw,135px)}.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;height:fit-content;padding-inline:clamp(.75rem,1.15vw,1.25rem);padding-bottom:.5rem;padding-top:.7rem;background-color:var(--btn-bg, transparent);color:var(--text);border:none;font-size:clamp(1rem,2vw,1rem);font-family:Bebas Neue;letter-spacing:2px;line-height:1;cursor:pointer;pointer-events:all!important}.btn:hover{background-color:var(--btn-hover-bg, var(--tertiary));color:var(--btn-hover-text, var(--primary))}.hollow{background-color:transparent;outline:1px solid var(--text);outline-offset:-1px}.hollow:hover{background-color:var(--text);color:var(--bg)}.only-icon{padding:.25rem;border-radius:50%;aspect-ratio:1;width:36px;height:36px}.only-icon:hover *{fill:var(--btn-hover-text, var(--text))!important}.no-border{padding:0;border:none;min-width:0!important;background-color:transparent;justify-content:start}.no-border:hover{background-color:transparent}.no-border:hover *{fill:var(--btn-hover-text, var(--tertiary))}@media (min-width: 768px){.cta{justify-content:start}}.app-icon{display:inline-block;vertical-align:middle;transition:transform .2s ease,fill .2s ease}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .4s ease-out,transform .4s ease-out;will-change:transform,opacity;pointer-events:none;touch-action:pan-y}.fade-in.visible{opacity:1;transform:translateY(0);pointer-events:auto}.fade-in.left{transform:translate(-40px)}.fade-in.left.visible{transform:translate(0)}.fade-in.right{transform:translate(40px)}.fade-in.right.visible{transform:translate(0)}.fade-in.down{transform:translateY(-40px)}.fade-in.down.visible{transform:translateY(0)}section{z-index:0;position:relative;overflow:visible;width:100%;max-width:100vw;min-height:fit-content;padding:0;word-break:break-word;overflow-wrap:break-word;white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}section.padded{width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing)}section.fullscreen{min-height:100vh}.header{position:fixed;top:0;left:0;right:0;height:69px;padding-inline:var(--horizontal-spacing);width:calc(100vw - 2 * var(--horizontal-spacing));z-index:998;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,rgba(var(--bg-rgb),1),rgba(var(--bg-rgb),.5) 80%,rgba(var(--bg-rgb),0));transition:transform .3s ease-in-out;will-change:transform}.header.hide{transform:translateY(-100%)}.header.show{transform:translateY(0)}.logo{display:flex;align-items:center;justify-content:center;height:40px;width:auto;cursor:pointer}.logo img{display:block;height:100%;width:auto;object-fit:contain}.menu{display:none;align-items:center;text-align:start}.menu a{font-family:var(--heading);font-weight:600;color:var(--text)}.menu-items{height:69px;display:flex;align-items:center;justify-content:center}.menu-items *{padding-inline:1rem}.menu-items:hover *{transform:scale(1.1)}.menu-items:hover{background-color:rgba(var(--text-rgb),.05);cursor:pointer;border-radius:0 0 0 20%}.menu-text{color:var(--text)}.menu-items:hover .menu-text{color:var(--tertiary)}.hamburger{display:flex;align-items:center;justify-content:center}.sidebar{position:fixed;top:0;right:0;width:50vw;max-width:250px;height:100vh;display:flex;flex-direction:column;justify-content:start;gap:2rem;background-color:var(--bg);color:var(--text);border-left:1px solid rgba(var(--text-rgb),.125);opacity:0;transform:translate(100%);pointer-events:none;transition:transform .4s ease-in-out,opacity .4s ease-in-out;z-index:10}.sidebar.open{transform:translate(0);opacity:1;pointer-events:auto}.close-btn{display:flex;align-items:center;justify-content:center;align-self:flex-end;margin:2rem 2rem 0 0;cursor:pointer}@media screen and (min-width: 1024px){.menu{display:flex}.desktop-menu{flex-direction:row}.hamburger,.close-btn{display:none}}.scroll-indicator{z-index:999;height:4px}@media (min-width: 768px){.scroll-indicator{height:6px}}.page.article{height:100vh;padding:0!important;overflow-y:scroll;overflow-x:hidden}.page.article a{font-family:var(--body);font-weight:500;text-decoration:underline}.page.article h5,.page.article h6{padding-top:2rem}.page.article p{padding-block:.5rem}.page.article li{padding-block:.25rem}.page.article .article-body{display:flex;flex-direction:column;gap:1.25rem}.page.article .image-container{width:100vw;height:40vh;overflow:hidden;position:relative;transition:height .5s ease-in-out}.page.article .image-container:hover{height:70vh}.page.article .image-container img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease-in-out}.article-header{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding-block:2rem;width:100%}.article-body{text-align:start;width:100%;padding-bottom:var(--horizontal-spacing)}@media (min-width: 768px){.article-header{width:50%}.article-body{width:60%}}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;position:relative;z-index:9999;width:100%;height:100%;min-height:inherit;max-width:unset;border-radius:inherit;background-color:rgba(var(--secondary-rgb),.075)}.spinner{width:40px;height:40px;border-radius:100%;border:4px solid rgba(var(--secondary-rgb),.25);border-top:4px solid rgba(var(--secondary-rgb),1);box-shadow:0 0 10px rgba(var(--secondary-rgb),.1);animation:spin 1s cubic-bezier(.6,.2,.4,.8) infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page.not-found{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1rem;background-image:url(/ui/stock/oil-black-1.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:1}.page.not-found:before{content:"";position:absolute;inset:0;background-color:rgba(var(--bg-rgb),.75);z-index:-1}.page.not-found .msg-container{display:flex;flex-direction:column;align-items:center;gap:2rem;max-width:80%;margin-bottom:2rem}.page.not-found h1{font-size:12vh}@media (min-width: 768px){.page.not-found .msg-container{max-width:60%}}@media (min-width: 1024px){.page.not-found h1{font-size:10vw}.page.not-found .msg-container{max-width:40%}}.page.blog{padding-bottom:var(--horizontal-spacing)}.page.blog section#banner{align-items:start;min-height:30vh}.page.blog .image-container{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;z-index:1}.page.blog .image-container:before{content:"";position:absolute;inset:0;z-index:-1}@media (min-width: 768px){.page.blog section#banner{min-height:25vh}}.bubble-tab{width:fit-content;display:flex;align-items:center;gap:.5rem;color:var(--text);padding:.2rem;border-radius:360px}.tab-item{padding:.3rem 1.25rem;border-radius:360px;cursor:pointer;transition:background .2s ease}.tab-item.active{background:var(--tertiary);color:var(--bg);box-shadow:2px 0 10px rgba(var(--bg-rgb),1)}.tab-item.inactive{background:rgba(var(--text-rgb),.1)}.tab-item.inactive:hover{background:rgba(var(--secondary-rgb),.75);color:var(--tertiary);box-shadow:2px 0 10px rgba(var(--primary-rgb),.5)}@media (min-width: 768px){.bubble-tab{background-color:var(--tertiary)}.tab-item{color:var(--bg)}.tab-item.active{background:var(--bg);color:var(--tertiary)}.tab-item.inactive{background:transparent}}.card.blog.content{font-family:inherit;font-weight:inherit}.card.blog.cover,.card.blog.content{width:100%;flex-direction:column-reverse;align-items:stretch;gap:0;padding:0;margin-bottom:2rem;cursor:pointer}.card.blog.cover:hover{transform:translate(0)}.card.blog.content:hover{box-shadow:none}.card.blog.content{margin:0;background-color:transparent;gap:1rem}.card.blog.content .content-headline{display:flex;flex-direction:column;gap:1.25rem;color:var(--text)}.card.blog.content.visited .content-headline .headline,.card.blog.content.visited .content-headline .uploader,.card.blog.content.visited .content-headline .description,.card.blog.content.visited .content-headline .info{color:rgba(var(--text-rgb),.35)}.content-headline .info,.content-headline .uploader{display:flex;align-items:center;justify-content:space-between;color:rgba(var(--text-rgb),.75)}.card.blog.content .reading-time{display:flex;align-items:center;gap:.5rem}.card.blog.content .description,.card.blog.content .headline{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card.blog .text-container{flex:4;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.card.blog .text-container .btn{align-self:flex-end}.card.blog .image-container.pinned{background-image:url(/ui/stock/oil-purple-1.webp)}.card.blog .image-container{flex:3;aspect-ratio:16 / 9}.card.blog .image-container.pinned:before,.card.blog .image-container.visited:before{background-color:rgba(var(--bg-rgb),.5)}.card.blog .image-container.visited:before{background-color:rgba(var(--bg-rgb),.75)}.card.blog .category{background-color:var(--tertiary);color:var(--primary);padding:.125rem .75rem;border-radius:360px;font-weight:800}@media (min-width: 768px){.card.blog.cover{flex-direction:row}}.error-container{width:100%;height:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;position:relative;z-index:1000;background-color:rgba(var(--danger-rgb),.1);border-radius:4px;padding:1.5rem}.error-icon{animation:shake 1s ease-in-out infinite alternate}.error-message{color:var(--danger);font-weight:600;text-align:center}@keyframes shake{0%{transform:translateY(-2px)}to{transform:translateY(2px)}}.page.crazy-story{display:flex;flex-direction:column;padding-block:calc(69px + 2rem)}.card.story h6{color:var(--tertiary)}.to-da-blocc .blog{text-align:start;width:100%;display:flex;flex-direction:column;align-items:start;gap:1rem;padding-bottom:1rem;margin-bottom:4rem}.crazy-story .to-da-blocc .blog{border-bottom:1px solid rgba(var(--text-rgb),.25)}.to-da-blocc .blog .dimmed{color:rgba(var(--text-rgb),.75)}.to-da-blocc .text-container{width:100%}@media (min-width: 768px){.to-da-blocc .text-container{width:69%}}.hero-section{position:relative;width:100%;min-height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.grid-splash{position:absolute;inset:0;z-index:0;background:url(/grid.svg);background-size:cover;background-position:center;opacity:.2;pointer-events:none}.hero-section>*:not(.grid-splash){position:relative;z-index:1}.about-me{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.about-image{width:100%;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:var(--card-shadow)}.about-image picture,.about-image img{width:100%;height:inherit;object-fit:cover;transition:transform .3s ease-in-out}.about-image:hover img{transform:scale(1.05)}.about-text{display:flex;flex-direction:column;gap:.5rem;text-align:start}.about-me .cta{margin-top:1rem}@media (min-width: 768px){.about-me{flex-direction:row;gap:4rem}.about-me .cta{margin-top:1.5rem}.about-image{height:460px}.about-text{flex:5}.about-image{flex:3}}.hero.landing{height:calc(100vh - 69px - 2rem);padding-top:calc(69px + 2rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:start;position:relative;pointer-events:none;gap:2rem}.hero-text,.hero-image{flex:1}.hero-text{contain:layout paint;display:flex;flex-direction:column;gap:2rem}.hero-image{max-width:90%;max-height:400px;display:flex;align-items:center;justify-content:end;pointer-events:none}.distinguished-gentleman{z-index:2;max-width:100%;mask-image:linear-gradient(to bottom,#000 60%,#0000 95%);-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 60%,rgba(0,0,0,0) 95%);background:transparent!important;transition:transform .3s ease-in-out}.distinguished-bg{z-index:-1;width:100%;position:absolute}@media (min-width: 768px){.hero.landing{flex-direction:row;padding-top:calc(69px + 1rem);height:calc(100vh - 69px - 1rem)}.hero-image{max-width:50%}.distinguished-gentleman{max-width:75%}.distinguished-bg{width:45%}}@supports (-webkit-hyphens: none){.distinguished-gentleman{background-color:var(--bg)}}.typing-text:before,.typing-text:after{display:block;color:inherit;text-shadow:none;animation:none}.typing-text:hover{animation:glitch 1s infinite}.typing-text:hover:before{text-shadow:-5px 0 var(--secondary);animation:noise-1 .05s linear infinite alternate-reverse,glitch .05s .05s infinite}.typing-text:hover:after{text-shadow:-5px 0 var(--tertiary);animation:noise-2 .05s linear infinite alternate-reverse,glitch .05s infinite}.parallax{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;overflow:hidden;position:relative}.mountains,.planets,.stars{position:absolute;width:100vw;height:100vh;background-image:var(--image-avif),var(--image-webp);background-repeat:no-repeat;background-size:contain;background-position:bottom}.stars{background-repeat:repeat;background-size:contain;z-index:1}.planets{z-index:2;background-position:center}.mountains{z-index:3}.mountains:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:inherit;background:linear-gradient(to bottom,rgba(var(--bg-rgb),1),rgba(var(--bg-rgb),0),rgba(var(--bg-rgb),1));pointer-events:none}@media (min-width: 768px){.mountains,.planets,.stars{background-size:cover;background-position:bottom}}.projects{min-height:inherit;padding-block:var(--horizontal-spacing);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.card.display{width:100%;min-height:360px;padding:0;gap:0;cursor:pointer}.card.display .card-image{flex:3;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;width:100%;min-height:200px;text-align:center}.card.display .image-mask{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),.5) 0,rgba(var(--bg-rgb),.9) 60%,rgba(var(--bg-rgb),1) 80%);z-index:0}.card.display .text{flex:1;display:flex;flex-direction:column;align-items:start;gap:1rem;padding:1.25rem}.card.display .title{z-index:1}.card.display .title .yellow{color:var(--tertiary)}.card.project .text .btn{align-self:flex-end}.card.project .text .desc{display:flex;flex-direction:column;gap:.25rem}@media (min-width: 768px){.card.display{height:clamp(400px,60vh,600px)}.card.display .card-image{flex:32}.card.display .text{flex:50 - 32;padding:1.5rem}}.services{min-height:inherit;padding-block:var(--horizontal-spacing);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.swiper-slide{width:100%;display:flex;justify-content:center;box-sizing:border-box;padding-top:.5rem;padding-bottom:2.5rem}.testimonial-swiper{width:100%;margin:0}.swiper-pagination-bullet{background-color:var(--text);opacity:.25}.swiper-pagination-bullet-active{opacity:1}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.card.testimonial{gap:1.5rem}.card.testimonial .quote{width:100%;overflow-y:auto;flex:1}.card.testimonial .client-info{display:flex;align-items:center;gap:1rem;padding:0}.card.testimonial .text-description{display:flex;flex-direction:column;flex:1;min-width:0}.card.testimonial .client.name,.card.testimonial .client.title{display:-webkit-box;display:box;-webkit-box-orient:vertical;box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.card.testimonial .client.profile{width:50px;height:50px;border-radius:50%;object-fit:cover;background-size:cover;background-position:center;flex-shrink:0}.pill{width:100%;display:flex;flex-direction:column;gap:3rem;align-items:center;text-align:center}.pill-side{width:100%}.pill-content{display:flex;flex-direction:column-reverse;align-items:center;gap:1rem;pointer-events:none}.pill-text{display:flex;flex-direction:column;gap:1rem;transition:transform .4s ease,filter .5s ease}.pill-img{align-self:center;pointer-events:auto;cursor:pointer;transition:transform .4s ease,filter .5s ease}.pill-img img{height:120px;object-fit:contain}.pill .highlight{color:inherit;font-weight:700}.blue .highlight{color:#00f}.red .highlight{color:red}.underline{text-decoration:underline}@media (min-width: 768px){.pill{flex-direction:row;justify-content:space-between;gap:2rem;text-align:start}.pill-side{width:50%}.pill-content{flex-direction:column-reverse;align-items:flex-start;gap:4rem}.red .pill-content{align-items:flex-end;text-align:end}.pill-img img{height:180px}}@media (hover: hover) and (pointer: fine){.pill-text{filter:blur(6px)}.pill-content:hover .pill-text{filter:blur(0);transform:scale(1.05)}.pill-content:hover .pill-img{filter:blur(0);transform:scale(1.3)}}.project-detail{gap:2rem;padding-bottom:4rem}.project-detail img:before,.project-detail img:after{display:block;color:inherit;text-shadow:none;animation:none}.project-detail img:hover{animation:glitch 1s infinite}.project-detail img:hover:before{text-shadow:-5px 0 var(--secondary);animation:noise-1 .05s linear infinite alternate-reverse,glitch .05s .05s infinite}.project-detail img:hover:after{text-shadow:-5px 0 lightgreen;animation:noise-2 .05s linear infinite alternate-reverse,glitch .05s infinite}.project-detail section#conclusion{flex-direction:column;gap:1rem;text-align:start}section#conclusion{align-items:start!important}.project-detail .cta{justify-content:start}.project-banner{height:55vh;width:calc(100% - 2 * var(--horizontal-spacing));display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:start;padding-inline:var(--horizontal-spacing);background-size:cover;background-position:center}.project-banner .image-mask{height:55vh;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),.9) 0% 25%,rgba(var(--bg-rgb),.6) 50%,rgba(var(--bg-rgb),.9),rgba(var(--bg-rgb),1));z-index:0}.project-banner .hero-text{flex:3;z-index:1;display:flex;flex-direction:column;align-items:start;justify-content:end;gap:1rem}.project-banner .hero-info{flex:1;z-index:1;width:100%;height:fit-content;display:flex;align-items:start;justify-content:center;gap:1rem;align-self:flex-end;margin-block:2rem 4rem}.project-banner .cta{justify-content:start}@media (min-width: 768px){.project-banner{flex-direction:row}.project-banner,.project-banner .image-mask{height:360px}.project-banner .hero-text{flex:1;justify-content:center}.project-banner .hero-info{align-items:stretch;justify-content:end;gap:2rem}.project-banner .image-mask{background:linear-gradient(to left,rgba(var(--bg-rgb),.9) 0% 25%,rgba(var(--bg-rgb),.5) 50%,rgba(var(--bg-rgb),.9) 75% 100%)}}.project-description{display:flex;flex-direction:column;gap:2rem;text-align:start}.desc{display:flex;flex-direction:column;gap:.5rem}.desc-card-container{display:flex;flex-wrap:wrap;gap:2rem}.desc-card{display:flex;flex-direction:column;gap:1rem;width:fit-content}.desc-card.technology{flex-direction:column;gap:.5rem}.desc-card.technology .tech-name{min-width:fit-content}.affiliation-info{display:flex;align-items:center;gap:.5rem;white-space:nowrap;width:fit-content}.desc-card img,.affiliation-info img{height:1.5rem}.technology-item{display:flex;align-items:center;gap:.5rem}.tech-item-container{display:flex;flex-wrap:wrap;gap:1rem}@media (min-width: 768px){.desc-card.technology{flex-direction:row;gap:2rem}.desc-card.technology .tech-name{min-width:25vw}.desc-card-container .desc-card:nth-child(3){width:100%}.desc-card-container .desc-card:nth-child(1),.desc-card-container .desc-card:nth-child(2){flex:0 0 auto}}.project-documentations{display:flex;flex-direction:column;gap:1rem;padding-block:4rem}.doc-title{text-align:center}.doc-block{border-top:1px solid var(--text);padding-block:1rem 4rem}.screenshot-grid{padding-top:1rem;flex-wrap:wrap;gap:20px;flex:1;display:grid}.screenshot-grid img{width:100%;border-radius:6px;object-fit:cover;box-shadow:var(--card-shadow)}.screenshot-grid.desktop,.screenshot-grid.mobile{grid-template-columns:repeat(1,1fr)}@media (min-width: 481px){.screenshot-grid.mobile{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.screenshot-grid.desktop{grid-template-columns:repeat(2,1fr)}.screenshot-grid.mobile{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.screenshot-grid.desktop{grid-template-columns:repeat(3,1fr)}.screenshot-grid.mobile{grid-template-columns:repeat(6,1fr)}}.page.my-projects{padding-block:6rem 4rem;gap:2rem}.my-projects .title{width:100%;display:flex;flex-direction:column;gap:.5rem}section#p-head{align-items:end!important}.projects-header .filter-container{width:100%;display:flex;justify-content:end;gap:.5rem}@media (min-width: 768px){.projects-header .filter-container{gap:1rem}}select,option{font-family:var(--heading);font-weight:500!important;text-decoration:none;background-color:var(--bg);color:var(--text)}.dropdown-wrapper{width:fit-content;position:relative;display:inline-block}.dropdown{width:100%;min-width:120px;min-height:1rem;appearance:none;font-family:var(--heading);font-weight:500!important;text-decoration:none;cursor:pointer;padding:.25rem .75rem;border-radius:4px;background-color:var(--card-bg);color:var(--text);border:1px solid rgba(var(--text-rgb),.5);transition:border-color .3s ease-in-out}.dropdown-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);pointer-events:none}select::-ms-expand{display:none}.showcase-projects-container{text-align:start;gap:1.5rem}.showcase-projects-container{display:grid;grid-template-columns:1fr}@media (min-width: 481px){.showcase-projects-container{grid-template-columns:repeat(2,1fr)}}@media (min-width: 769px){.showcase-projects-container{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.showcase-projects-container{grid-template-columns:repeat(4,1fr)}}.card.showcase{padding:0;gap:0;cursor:pointer}.card.showcase button{align-self:flex-end!important}.card.showcase .description{display:flex;flex-direction:column;align-items:start;justify-content:space-between;padding:1.5rem;gap:.75rem}.card.showcase p,.card.showcase .title{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card.showcase .card-image{width:100%;height:200px;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.card.showcase .image-mask{z-index:0;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),.4) 0,rgba(var(--bg-rgb),1) 80%)}.card.showcase .title{z-index:1;padding:1rem;text-align:center}.card.showcase .category{color:rgb(var(--text-rgb),.6)}.card.showcase .title .year{color:var(--tertiary)}.page.service-detail{gap:1rem}.page.service-detail .title{max-width:100%;display:flex;flex-direction:column;gap:.5rem}@media (min-width: 768px){.page.service-detail .title{max-width:80%;gap:1rem}}.about-service{width:calc(100% - 2 * var(--horizontal-spacing));padding:2rem var(--horizontal-spacing);text-align:start;display:flex;flex-direction:column;gap:1rem}.about-description{display:flex;flex-direction:column;gap:1rem;overflow:hidden;transition:max-height .5s ease}.about-description.collapsed{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:relative}.about-service .list-container{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:1rem}.about-service .list{flex:1}@media (min-width: 768px){.about-service .list-container{flex-direction:row}}.service-banner{flex-direction:column;height:45vh;width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center}.service-banner .hero-text{height:fit-content;z-index:1;flex:3;display:flex;flex-direction:column;align-items:start;justify-content:end;gap:1rem;padding-top:4rem;text-align:start}.service-banner .hero-info{z-index:1;flex:1;height:fit-content;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.service-banner .image-mask{height:45vh;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),.9) 0% 25%,rgba(var(--bg-rgb),.6) 50%,rgba(var(--bg-rgb),.9),rgba(var(--bg-rgb),1));z-index:0}.service-banner .tech-stack-container{display:flex;align-items:center;justify-content:center;gap:4px}@media screen and (min-width: 768px){.service-banner{flex-direction:row;height:350px}.service-banner .hero-text{flex:1;justify-content:center;height:auto}.service-banner .hero-info{flex:1;height:80%;align-items:end;justify-content:end;gap:2rem}.service-banner .image-mask{height:350px;background:linear-gradient(to left,rgba(var(--bg-rgb),.9) 0% 25%,rgba(var(--bg-rgb),.5) 50%,rgba(var(--bg-rgb),.9) 75% 100%)}}section#faq{align-items:start!important}.title.faq{width:fit-content}.qna{max-width:100%;text-align:start}.qna-item{width:100%;display:flex;align-items:start;gap:1rem;border-bottom:1px solid rgba(var(--text-rgb),.25);cursor:pointer}.qna .question-wrapper{flex:1}.qna .answer-wrapper{width:100%;padding-block:.25rem;overflow:hidden;max-height:0;opacity:0;transition:max-height .6s ease,opacity .4s ease,padding .6s ease}.qna .answer-wrapper.expanded{max-height:500px;opacity:1;padding-block:.25rem .5rem}@media (min-width: 768px){.qna{max-width:75%}}@media (min-width: 1024px){.qna{max-width:50%}}.offer{display:flex;flex-direction:column;align-items:center;gap:1rem}.card.offer{gap:0;padding:0;background-color:transparent;transition:transform .6s ease-in-out,opacity .6s ease-in-out}.card.offer .thumbnail{height:50px;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:1.5rem;position:relative;background-size:cover;background-position:center;transition:transform .6s ease-in-out,opacity .6s ease-in-out}.card.offer .thumbnail .image-mask{height:100%;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),.2),rgba(var(--bg-rgb),.5) 30%,rgba(var(--bg-rgb),.9) 60% 100%);z-index:0}.card.offer .thumbnail *{z-index:1}.card.offer .description{width:inherit;max-height:600px;display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:1rem;text-align:start;padding:1rem;overflow:hidden;opacity:1;visibility:visible;background-color:var(--card-bg);transition:opacity .6s ease-in-out,transform .9s ease-in-out,max-height .6s ease-in-out,visibility .3s ease-in-out}.card.offer:hover .description{max-height:calc(450px - 2rem);opacity:1;visibility:visible}.card.offer .offer-title{width:100%;display:flex;align-items:center;justify-content:space-between}.card.offer .thumbnail *:not(.image-mask){opacity:0}.card.offer:hover .thumbnail *:not(.image-mask){display:none}.card.offer .description button{align-self:center}@media (min-width: 768px){.card.offer{height:calc(550px - 2rem)}.card.offer:hover{transform:translateY(-6px);box-shadow:var(--card-shadow)}.card.offer .description{max-height:0;padding:1.5rem;opacity:0;visibility:hidden}.card.offer .thumbnail *:not(.image-mask){opacity:1}.card.offer .thumbnail{height:100%;padding:2rem}.card.offer:hover .thumbnail{flex:1}.card.offer:hover .description{flex:5}}.yapping{margin-top:4rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.yapping .title{text-align:start}.yapping-container,.yap-cards-container,.yap-card,.main-yapper{display:flex;flex-direction:column}.yapping-container,.yap-cards-container{align-items:stretch;gap:1.5rem}.yap-cards-container,.main-yapper{flex:1}.yap-cards-container{text-align:start}.main-yapper{align-items:center;justify-content:end;box-shadow:var(--card-shadow);position:relative;background-size:cover;background-position:center;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.main-yapper *{z-index:1;padding:1rem}.main-yapper .image-mask{z-index:0;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),.2),rgba(var(--bg-rgb),.5) 30%,rgba(var(--bg-rgb),.9) 60% 100%)}.yap-card{gap:.5rem;padding:0;background-color:transparent;transition:transform .4s ease-in-out,opacity .4s ease-in-out}.yap-card:hover{background-color:transparent;box-shadow:none}@media (min-width: 768px){.yapping-container{flex-direction:row}.yap-card{padding:2rem;background-color:var(--card-bg)}.yap-card:hover{box-shadow:var(--card-shadow)}.yapping .title{text-align:center}}.page.services{padding:0}.cards-container.service-category{width:100%;gap:0;margin-bottom:4rem}.card.long{width:100%;min-height:16vh;display:flex;justify-content:center;position:relative;cursor:pointer;background-size:cover;background-position:center;background-repeat:no-repeat;transition:min-height .6s ease,border .6s ease,color .6s ease}.card.long:hover{min-height:26vh;border:1px solid var(--tertiary);color:var(--tertiary)}.card.long:hover .image-mask{background:linear-gradient(to right,rgba(var(--bg-rgb),1),rgba(var(--bg-rgb),.3) 60%,rgba(var(--bg-rgb),0));transition:background .6s ease}.card.long .image-mask{z-index:0;width:100%;position:absolute;inset:0;background:linear-gradient(to right,rgba(var(--bg-rgb),.7),rgba(var(--bg-rgb),.5) 60%,rgba(var(--bg-rgb),.3))}.card.long *{z-index:1;max-width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing);-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;text-overflow:ellipsis}.services-hero-container{width:100%;display:flex;flex-direction:column;justify-content:space-between}.cards-container.grid2.summary{gap:1rem}.service-hero,.service-hero .image-mask{width:100%;height:300px}.service-hero{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.service-hero *{width:calc(100% - 2 * var(--horizontal-spacing));z-index:1}.service-hero .image-mask{z-index:0;width:100%;position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),1),rgba(var(--bg-rgb),.6) 6%,rgba(var(--bg-rgb),.4) 10%,rgba(var(--bg-rgb),.6) 50%,rgba(var(--bg-rgb),.7) 80%,rgba(var(--bg-rgb),1))}.hero-summary{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4rem;padding-block:2rem}.cards-container.summary,.summary-text{flex:1}.summary-text{display:flex;flex-direction:column;gap:1rem;text-align:start}@media (min-width: 768px){.hero-summary{flex-direction:row}}.card.services-summary{display:flex;align-items:center;gap:0rem;padding:1rem;text-align:center}.cards-container.stack{width:100%;height:30px;gap:.5rem}.tech-stack{border-radius:50%;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center;transition:transform .3s ease-out}.tech-stack:hover{transform:scale(1.25)}.tech-stack.plus{padding:.125rem;background-color:var(--card-bg);cursor:pointer}.tech-stack img{height:1.25rem}.page.skill{margin-bottom:4rem}.page.skill section#conclusion{min-height:fit-content}.conclusion{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1.5rem;text-align:start;width:100%}.conclusion-text,.conclusion-cta{display:flex;flex-direction:column;justify-content:center;gap:1rem;width:100%}.conclusion-cta button{align-self:flex-start}@media (min-width: 768px){.conclusion{flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}.conclusion-text{flex:2}.conclusion-cta{flex:1}}.hero.matrix{height:100vh;width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:2;position:relative;pointer-events:none;text-align:start}.hero.matrix .hero-text{display:flex;flex-direction:column;align-items:start;justify-content:end}.hero.matrix .hero-image{justify-content:center}.hero.matrix .drug{height:160px;transition:transform .3s ease-in-out;cursor:default;pointer-events:all}.hero.matrix .drug:hover{transform:scale(1.1)}@media (min-width: 768px){.hero.matrix{flex-direction:row}.hero.matrix .drug{height:200px}}.general{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-block:4rem}.general .content{display:flex;flex-direction:column}.general .softskills,.general .hardskills{flex:1;z-index:0;position:relative;overflow:hidden;width:calc(100% - 2 * var(--horizontal-spacing));padding-inline:var(--horizontal-spacing);padding-block:0;display:grid;align-items:stretch;background-size:cover;background-repeat:no-repeat;background-position:center;background-attachment:scroll}.general .image-mask{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(var(--bg-rgb),1),rgba(var(--bg-rgb),.9) 40%,rgba(var(--bg-rgb),.8),rgba(var(--bg-rgb),.9) 60%,rgba(var(--bg-rgb),1));z-index:-1;pointer-events:none;border-radius:inherit}@media (min-width: 480px){.general .softskills,.general .hardskills{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.general .content .softskills,.general .content .hardskills{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.general .content{flex-direction:row}.general .softskills,.general .hardskills{padding-block:1.5rem}.general .softskills{padding-left:var(--horizontal-spacing);padding-right:0}.general .hardskills{padding-right:var(--horizontal-spacing);padding-left:0}}.card.matrix-general{padding:1.25rem;margin:.5rem;justify-content:start}.card.matrix-general:hover{box-shadow:var(--card-shadow)}.card.matrix-general *{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card.matrix-general .card-title{-webkit-line-clamp:2;line-clamp:2}.languages{margin-block:4rem}.cards-container.row.lang{padding-block:2rem;min-height:30vh;flex-direction:column;text-align:start}.lang-meter{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.lang-meter:hover h6{display:none}.lang-info{max-height:0;opacity:0;flex:1;z-index:1;transform:translateY(100px)}.lang-meter:hover .lang-info{max-height:800px;opacity:1;transform:translateY(0);pointer-events:auto}@media (min-width: 768px){.cards-container.row.lang{flex-direction:row}}.lang-meter .circular-meter{transition:transform .4s ease-in-out;height:100%;width:100%;max-height:130px;max-width:130px;aspect-ratio:1}.lang-meter:hover .circular-meter{transform:scale(1.25)}.toolkit-container{width:100%;display:flex;flex-direction:column;gap:1rem;margin-block:4rem}.card.toolkit{height:140px;justify-content:center;align-items:center;gap:1rem;text-align:center}.card.toolkit *{display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card.toolkit .title{display:flex;align-items:center;width:100%;gap:1rem}.card.toolkit.visible{text-align:start;align-items:flex-start}.card.toolkit.invisible img{height:50px}.card.toolkit.visible img{height:1.25rem}.visualizer{position:relative;z-index:2;pointer-events:none;width:100%;display:flex;flex-direction:column;padding-block:4rem;gap:2rem}.visual-content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%}.visualizer .hero-image{width:70%;display:flex;justify-content:center;transition:transform .6s ease-in-out}.visualizer .hero-image:hover{transform:scale(1.05)}.visualizer .distinguished-gentleman{max-width:100%;align-self:center}.radar-chart-container{width:100%;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.choose-stats{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;pointer-events:all;width:100%}.choose-stats .title{padding-block:2rem}.stats-item{padding:.75rem 1rem;width:100%;text-align:center;border-radius:6px;cursor:pointer;background-color:transparent;transition:transform .2s ease,opacity .2s ease,background-color .2s ease;transform:scale(1);opacity:1}.stats-item.active,.stats-item.hovered{transform:scale(1.05)}.stats-item.active{background-color:var(--card-bg)}.stats-item.hovered{background-color:rgba(var(--text-rgb),.1)}@media screen and (min-width: 769px){.visual-content{flex-direction:row;justify-content:space-between;align-items:stretch}.visualizer .hero-image{width:auto;flex:1}.radar-chart-container{flex:2;max-width:50vw}.choose-stats{flex:1}.choose-stats .title{padding-block:1rem}.stats-item{border-radius:6px 0 0 6px;text-align:left;padding:1rem 1.5rem}.choose-stats:hover .stats-item.active{background-color:transparent;transform:scale(1)}}