@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=SUSE+Mono:ital,wght@0,100..800;1,100..800&display=swap";@import"https://fonts.cdnfonts.com/css/stretch-pro";@import"https://fonts.googleapis.com/css2?family=Lobster&display=optional";:root{--scroll-band-color: rgba(162, 162, 165, .459);--scroll-band-font: "stretch pro";--scroll-band-opacity: .85}::selection{color:#f0edeb;background:#000}::-moz-selection{color:#f0edeb;background:#000}*{margin:0;padding:0;box-sizing:border-box;font-family:Figtree,sans-serif}body{background:#f7efec;width:100%;box-sizing:border-box}.space{height:10000px}.footer{background-color:#f5f5f7;color:#111;padding:72px 0 0;border-top:1px solid rgba(0,0,0,.07);width:100%;overflow:hidden;position:relative}.footer:before{content:"IGGO";position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);font-family:Figtree,sans-serif;font-weight:900;font-size:clamp(120px,22vw,280px);color:#d6d6da;letter-spacing:1px;pointer-events:none;white-space:nowrap;-webkit-user-select:none;user-select:none;line-height:1;filter:blur(10px)}.footer .footer-container{max-width:1200px;margin:0 auto;padding:0 40px;display:grid;grid-template-columns:1.8fr 1fr 1.4fr 1.2fr;gap:48px;position:relative;z-index:1}@media(max-width:960px){.footer .footer-container{grid-template-columns:1fr 1fr;gap:40px}}@media(max-width:600px){.footer .footer-container{grid-template-columns:1fr;padding:0 24px;gap:36px}}.footer .footer-col:first-child h2{font-family:Figtree,sans-serif;font-weight:800;font-size:18px;letter-spacing:.06em;color:#000;margin-bottom:16px}.footer .footer-col:first-child p{font-size:13.5px;line-height:1.75;color:#00000073;max-width:260px}@media(max-width:600px){.footer .footer-col:first-child p{max-width:100%}}.footer .footer-col h3{font-family:Figtree,sans-serif;font-weight:700;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#00000079;margin-bottom:20px;padding-bottom:12px}.footer .footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer .footer-col ul li{font-size:13.5px;color:#000000c9;cursor:default}.footer .footer-col ul li:hover{color:#000000e6}.footer .footer-col ul li a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:6px}.footer .footer-col ul li a:hover{color:#000000e6}.footer .footer-col ul li a:hover:after{content:"↗";font-size:10px;opacity:.6}.footer address.footer-col{font-style:normal;display:flex;flex-direction:column;gap:0}.footer address.footer-col p,.footer address.footer-col a{font-size:13.5px;color:#000000c9;text-decoration:none;display:block;padding:6px 0}.footer address.footer-col a:hover{color:#000000e6}.footer .footer-bottom{max-width:1200px;margin:56px auto 0;padding:20px 40px;border-top:1px solid rgba(0,0,0,.07);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.footer .footer-bottom p{font-size:12px;color:#00000040;letter-spacing:.02em}.footer .footer-bottom b{color:#000000c9;font-weight:700}@media(max-width:600px){.footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:6px;padding:20px 24px;margin-top:40px}}@media(max-width:600px){.footer{padding:56px 0 0}}.effectBlur1{position:fixed;top:-190px;left:-50px;width:600px;height:1000px;border-radius:100%;filter:blur(50px);background:radial-gradient(circle at top,#F7EFEC,transparent);transform:rotate(-50deg);animation:moveGradient 4s ease infinite;opacity:.3;z-index:-1;display:none}.effectBlur2{position:fixed;bottom:-190px;right:-50px;width:600px;height:1000px;border-radius:100%;filter:blur(50px);transform:rotate(150deg);animation:moveGradient 4.5s ease infinite;animation-delay:2s;opacity:.3;z-index:-1;display:none}@keyframes moveGradient{0%,to{opacity:.8;height:1000px}50%{opacity:.8;height:500px}80%{opacity:.5}}#trail-layer{position:fixed;inset:0;pointer-events:none;mix-blend-mode:difference;z-index:9999}.asterisk{transform:translateY(.5px);width:60px;height:60px;display:inline-block}.asterisk span{position:absolute;top:35px;display:block;width:60px;height:4px;background:#000}.asterisk span:nth-of-type(2){transform:rotate(45deg)}.asterisk span:nth-of-type(3){transform:rotate(-45deg)}.asterisk span:nth-of-type(4){transform:rotate(90deg)}.hero{width:calc(100% - 40px);height:95vh;background:radial-gradient(ellipse 90% 80% at 100% 70%,#1a6fff33 0%,transparent 55%),radial-gradient(ellipse 150% 90% at 93% 97%,#85b2ffee 0%,#000000 30%,transparent 78%),#000;margin:20px;border-radius:1em;box-sizing:border-box;position:relative;overflow:hidden;display:flex;justify-content:center}.hero:after{content:"";width:100%;height:1000px;background:#000;position:absolute;z-index:1;inset:0 0 0 50%;transform:rotate(-25deg) translateY(-750px);box-shadow:0 0 20px #000;filter:blur(100px) brightness(.3);opacity:.4}.hero .logo{position:fixed;top:35px;left:30px;width:40px;z-index:7;mix-blend-mode:exclusion}.hero .logo.logo-2{width:80px;top:11px;left:64px}.hero .imgs{margin:auto auto -10px;z-index:2}.hero .imgs img{filter:blur(0);opacity:1}.hero .imgs img:nth-of-type(1){filter:none;position:absolute;z-index:7;opacity:1;height:90%;object-fit:contain;top:auto;bottom:0;left:130px;filter:brightness(.6)}.hero .imgs .name{margin:120px auto;position:absolute;top:0;left:100px;right:100px;z-index:3;color:#eee;font-size:18rem;font-weight:400;letter-spacing:2cm;padding-left:2cm;font-style:italic;font-family:Lobster,sans-serif}.hero .imgs canvas{position:absolute;z-index:7;opacity:1;height:85%;object-fit:contain;bottom:0!important}.hero .labelExplore{position:absolute;bottom:20px;z-index:10;color:#eee;font-weight:500}.hero .labelExplore .icon{position:absolute;width:2px;height:100px;background:linear-gradient(to top,#eee,transparent);top:-120px;left:50%;transform:translate(-100%) translateY(40px) scale(.4);animation:upDown 1s cubic-bezier(.45,0,.55,1) infinite alternate}.hero .labelExplore .icon:before{content:"";width:2px;height:50px;background:linear-gradient(to top,#eee,transparent);position:absolute;transform:rotate(45deg) translate(53px) translateY(28px)}.hero .labelExplore .icon:after{content:"";width:2px;height:50px;background:linear-gradient(to top,#eee,transparent);position:absolute;transform:rotate(-45deg) translate(-53px) translateY(28px)}@keyframes upDown{0%{transform:translate(-100%) translateY(40px) scale(.4)}to{transform:translate(-100%) translateY(50px) scale(.4)}}header{position:relative;padding-top:100px}header .txt-popup{position:absolute;top:30px;right:30px;text-align:right;max-width:370px;opacity:.4}header .txt-popup p{font-size:.8em;font-weight:400;font-family:Roboto Condensed,sans-serif;color:var(--brand-color)}header .txt-popup i{position:absolute;top:0;left:0;transform:rotate(180deg);font-size:1.8rem}header .brand-name{overflow:hidden;height:330px;width:auto;transition:all 1s ease-out;position:relative}header .brand-name:hover{margin-top:-20px;height:350px}header .brand-name p{user-select:none;-webkit-user-select:none;font-size:25em;font-weight:800;text-wrap:nowrap;color:var(--brand-color);text-align:center;opacity:.1}.navtop{position:relative;top:0;display:flex;box-shadow:0 -17px 20px -25px #000;align-items:center;justify-content:space-between;padding:0 30px;width:80%;height:60px;transition:1s ease!important;z-index:100;margin:auto}.navtop img{margin-left:20px;width:80px;filter:invert(1);mix-blend-mode:multiply}.navtop ul{display:flex;align-items:center;gap:20px;margin-left:170px}.navtop ul li{position:relative;list-style:none;font-weight:500;transition:.3s ease;padding:5px;border-radius:8em;opacity:.5}.navtop ul li:hover:before{height:3.5px}.navtop ul li.active{opacity:1}.navtop ul li.active:before{height:3.5px}.navtop ul li:before{content:"";position:absolute;width:60%;height:0;bottom:-15px;left:20%;background:#000;border-radius:8em;z-index:-1;transition:.3s ease}.navtop .buttons{display:flex;align-items:center;gap:17px}.navtop .buttons button{background:#f5f5f710;color:#000;font-weight:600;padding:10px 15px;border-radius:1em;border:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:relative;box-shadow:-3px 5px 5px #00000004,-1px 3px 5px #ffffff4f}.navtop .buttons button:before{content:"";position:absolute;inset:0;border-radius:1em;border:2px solid transparent;background:conic-gradient(from -55deg,#fff0,#ffffff14,#ffffffd2,#ffffffc7,#fff0,#ffffff14,#ffffffd2,#ffffffc7,#fff0 360deg) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:-1}.navtop .buttons button:after{content:"";position:absolute;top:10px;left:20px;width:30%;height:20px;background:#0a3abf4f;opacity:.5;border-radius:50%;z-index:-1;filter:blur(20px)}.navtop .buttons button:nth-of-type(2){background:transparent;color:#000;font-weight:600;box-shadow:none}.navtop .buttons button:nth-of-type(2):after,.navtop .buttons button:nth-of-type(2):before{opacity:0}.headline{width:100%;display:flex;flex-direction:column;align-items:center;padding:80px 0 0}.headline .title{position:relative;margin:10px auto;font-size:5.9rem;font-weight:500;text-align:center;color:#000}.headline .title .opacity{color:#00000060;font-weight:500}.headline .title .opacity .brand-color{color:#000}.headline .title .asterisk{display:none}.headline .title .asterisk span{background:#000}.headline .subtitle{margin:auto;font-size:1.2rem;max-width:500px;text-align:center;color:#5f5f5f}.headline .buttons-area{margin-top:30px;display:flex;align-items:center;gap:20px;padding:10px}.headline .buttons-area button{background:#f5f5f710;color:#000;font-weight:600;font-size:1.1rem;padding:10px 15px;border-radius:.8em;border:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);position:relative;box-shadow:-3px 5px 5px #00000004,-1px 3px 5px #ffffff4f;display:flex;align-items:center;gap:10px}.headline .buttons-area button:before{content:"";position:absolute;inset:0;border-radius:.8em;border:2px solid transparent;background:conic-gradient(from -55deg,#fff0,#ffffff14,#ffffffd2,#ffffffc7,#fff0,#ffffff14,#ffffffd2,#ffffffc7,#fff0 360deg) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;z-index:-1}.headline .buttons-area button:after{content:"";position:absolute;top:10px;left:20px;width:30%;height:20px;background:#0a3abf4f;opacity:.5;border-radius:50%;z-index:-1;filter:blur(20px)}.headline .buttons-area button span{background:#d8d8dc;color:#000;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:.5em}.headline .buttons-area button:nth-of-type(1){background:#000;color:#d8d8dc;padding:6px 15px 6px 6px}.headline .buttons-area button:nth-of-type(1):before,.headline .buttons-area button:nth-of-type(1):after{display:none}.section{height:300vh;position:relative}.sticky{position:sticky;top:0;height:100vh;overflow:hidden;will-change:transform}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform-origin:center;transition:none}.slide:before{content:"";position:absolute;inset:0;background-image:url(/assets/noise-Cb5GYr0B.png);background-repeat:repeat;background-size:cover;opacity:1;mix-blend-mode:normal;pointer-events:none;z-index:100}.slide.active{opacity:1}.text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:4rem;opacity:0;pointer-events:none;mix-blend-mode:difference;font-size:clamp(6.4rem,5vw,5rem);font-family:var(--ec-title-font, "Lobster", serif);font-weight:400;line-height:1;color:#d8d8dc}.text.active{opacity:1}.skills{padding:100px 0 100px 50px}.skills h2{font-size:4.8rem;font-weight:500;color:#5f5f5f}.skills h2 span{color:#000}.skills .cards-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;overflow:hidden;margin:60px 50px 0 0;padding:0 0 260px;border-bottom:1px solid rgba(95,95,95,.315)}.skills .cards-wrap .card{padding:20px;border-right:1px solid rgba(95,95,95,.315)}.skills .cards-wrap .card:last-of-type{border-right:none}.skills .cards-wrap .card .card-top{display:flex;align-items:center;justify-content:space-between;padding:0 10px 20px 0}.skills .cards-wrap .card .card-top .icon-wrap{border-radius:8em;border:1px solid rgb(95,95,95);width:45px;height:45px;display:flex;align-items:center;justify-content:center}.skills .cards-wrap .card .card-top .icon-wrap svg{width:18px;height:18px;stroke:#000;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.skills .cards-wrap .card .card-top .num{color:#000}.skills .cards-wrap .card .card-title{font-size:1.6rem;margin-bottom:20px;font-weight:600;color:#000}.skills .cards-wrap .card .card-body{color:#5f5f5f;font-weight:300}.conversion{position:relative;overflow:hidden;width:100%}.conversion .headlines{display:flex;flex-direction:column;align-items:center;gap:10px}.conversion .headlines .headline{padding:0;line-height:normal;text-transform:uppercase;font-size:4rem;background-image:linear-gradient(90deg,rgb(0,0,0) 50%,transparent 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.conversion .headlines .headline:nth-of-type(1){transform:translate(-20%)}.conversion .headlines .headline:nth-of-type(3){transform:translate(20%)}.conversion .conversion-img{position:absolute;border-radius:12px;object-fit:cover;will-change:transform;pointer-events:none;-webkit-user-select:none;user-select:none;width:280px;height:180px}.conversion .conversion-img:nth-of-type(1){left:6%;top:3%}.conversion .conversion-img:nth-of-type(2){left:calc(50% - 90px);top:23%}.conversion .conversion-img:nth-of-type(3){right:6%;top:-4.2%}.conversion #gallery-container{margin-top:150px;width:100%;height:1000px;overflow:hidden;cursor:grab}.conversion #gallery-container:active{cursor:grabbing}@media(max-width:768px){.hero{width:calc(100% - 30px);margin:15px;height:80vh;border-radius:1em}.hero .logo{width:48px;top:30px;left:30px}.hero .logo.logo-2{width:100px;top:0;left:75px}.hero .imgs .name{font-size:5rem;letter-spacing:.6cm;padding-left:.6cm;left:50px;right:50px;top:55%;z-index:20;mix-blend-mode:difference}.hero .imgs img:nth-of-type(1){left:50%;transform:translate(-50%);height:78%}.hero .labelExplore{display:none}header{padding-top:130px}header .brand-name{height:120px}header .brand-name:hover{height:90px;margin-top:0}header .brand-name p{font-size:9rem}.navtop{width:100%;padding:12px 16px;height:auto;flex-wrap:wrap;gap:10px;justify-content:space-between}.navtop img{width:100px;margin-left:0}.navtop ul{display:none}.navtop .buttons{gap:8px}.navtop .buttons button{padding:8px 12px;font-size:.82rem}.headline{padding:50px 16px 0}.headline .title{font-size:3rem!important;line-height:1.15;font-weight:700;text-align:center}.headline .subtitle{font-size:1rem;max-width:100%;padding:0 5px;text-align:center}.headline .buttons-area{gap:12px;width:100%;padding:10px 0;margin-top:30px;margin-bottom:50px;flex-direction:column}.headline .buttons-area button{width:100%;justify-content:center;font-size:1rem;padding:15px!important}.headline .buttons-area button span{background:#d8d8dc;color:#000;display:flex;align-items:center;justify-content:center;padding:5px;border-radius:.5em}.headline .buttons-area button:nth-of-type(1){padding:11px 15px 11px 12px!important;text-wrap:nowrap}.section{display:none}.skills{padding:60px 20px}.skills h2{font-size:2.2rem;line-height:1.25}.skills .cards-wrap{margin:40px 0 0;padding-bottom:60px;gap:30px;border:none!important}.skills .cards-wrap .card{border:none!important;border-left:1px solid rgba(95,95,95,.315)!important;padding:16px}.skills .cards-wrap .card:nth-of-type(odd){border-right:1px solid rgba(95,95,95,.315)}.skills .cards-wrap .card:nth-last-of-type(-n+2){border-bottom:none}.skills .cards-wrap .card .card-title{font-size:1.15rem}.skills .cards-wrap .card .card-body{font-size:1rem;font-weight:300}.conversion .headlines{padding:0 16px}.conversion .headlines .headline{font-size:2rem;text-align:center}.conversion .headlines .headline:nth-of-type(1){transform:translate(0)}.conversion .headlines .headline:nth-of-type(3){transform:translate(0)}.conversion .conversion-img{width:140px;height:90px;border-radius:8px}.conversion .conversion-img:nth-of-type(1){left:2%;top:2%}.conversion .conversion-img:nth-of-type(2){left:calc(50% - 70px);top:18%}.conversion .conversion-img:nth-of-type(3){right:2%;top:-2%}.conversion #gallery-container{margin-top:80px;height:600px}.footer .footer-container{grid-template-columns:1fr 1fr;gap:32px;padding:0 20px}.effectBlur1,.effectBlur2{width:300px;height:600px}.asterisk{width:40px;height:40px}.asterisk span{width:40px;height:3px;top:22px}.scroll-bands{overflow:hidden;width:100%;display:flex;flex-direction:column;gap:0;padding:20px 0 80px!important;-webkit-user-select:none;user-select:none;pointer-events:none}.scroll-band{display:flex;white-space:nowrap;will-change:transform;font-size:6rem!important;font-weight:400;line-height:1.1;letter-spacing:-.01em;color:var(--scroll-band-color, #1a1a1a);font-family:var(--scroll-band-font, serif);padding:.1em 0;opacity:var(--scroll-band-opacity, .85)}}@media(max-width:380px){.hero .imgs .name{font-size:3.5rem}header .brand-name p{font-size:6.5rem}header .brand-name{height:90px}.headline .title{font-size:2rem}.skills .cards-wrap{grid-template-columns:1fr}.skills .cards-wrap .card{border-right:none!important;border-bottom:1px solid rgba(95,95,95,.315)}.skills .cards-wrap .card:last-of-type{border-bottom:none}.conversion .headlines .headline{font-size:1.5rem}.navtop .buttons button:nth-of-type(2){display:none}}