.header{max-width:1920px;width:100%;position:fixed;top:0;padding-top:clamp(8px, 1.8vw, 24px);padding-inline:2%;margin-inline:auto;transition:0.3s ease;z-index:99}.header.scrolled{padding:0}.navbar{display:flex;justify-content:space-between;align-items:center;column-gap:40px;background:var(--v3-accent-800);padding:clamp(8px, 1.6vw, 16px) 2%}.navbar-logo svg{max-width:clamp(80px, 8vw, 132px)}.navbar-overlay{width:100%;height:100vh;position:fixed;inset:0;background:var(--v3-accent-800);opacity:0;visibility:hidden;transition:opacity 0.4s ease, visibility 0.4s ease;z-index:90}.navbar-overlay.active{opacity:0.6;visibility:visible}.primary-menu-list{display:flex;align-items:center;column-gap:24px}.primary-menu-link{transition:color 300ms ease}@media only screen and (min-width:1200px){:is(.navbar-overlay, .burger, .primary-menu .socials){display:none}}@media only screen and (max-width:1199px){.primary-menu{width:90%;height:100vh;max-width:360px;position:fixed;top:0;right:0;background:var(--v3-accent-800);transform:translateX(100%);transition:transform 0.4s ease;padding:64px 24px 40px 32px;z-index:98}.primary-menu.open{transform:translateX(0)}.primary-menu-list{flex-direction:column;align-items:flex-start;row-gap:8px;margin-top:18px}.primary-menu .socials{display:flex;align-items:center;column-gap:18px;margin-top:var(--space-md)}.burger{position:relative;background:var(--v3-accent-800);border:none;line-height:0;padding:0;cursor:pointer;z-index:999}.burger .close-menu{display:none}.burger-change{position:absolute;top:18px;right:18px}.burger-change .opn-menu{display:none}.burger-change .close-menu{display:block}}.footer{margin-top:auto}.footer-inner{color:var(--v3-gray-300);background:var(--v3-accent-800);padding:var(--space-md) 5% 24px}.footer .copyright{font:500 13px / 1.5 var(--ff-quicksand);text-align:center}.footer .copyright a{color:var(--v3-gray-300)}.noir-inner{display:grid}.noir-details{display:flex;flex-direction:column;justify-content:flex-end;background:var(--v3-neutral-200);padding-block:clamp(116px, 16vw, 148px) var(--space-lg)}.noir-links{display:flex;gap:16px}.noir .ratio{position:relative;aspect-ratio:1}.noir .title-md{margin-block:12px var(--space-sm)}.noir .socials{display:flex;flex-direction:column;justify-content:flex-end;row-gap:16px;position:absolute;inset:50% 5% 0 auto;transform:translateY(-50%)}.about{padding-top:var(--section-md);padding-inline:5%}.about-details{display:flex;flex-direction:column;row-gap:clamp(12px, 1.6vw, 16px);margin-top:var(--space-md)}.about p{color:var(--v3-accent-800);font:var(--text-lg)}.skills{padding-top:var(--space-md);padding-inline:5%}.skills-title{border-left:3px solid var(--v3-orange-200);padding-left:14px}.skills .marquee{margin-top:var(--space-md)}.skills .card{min-width:156px;height:148px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;row-gap:8px;background:var(--v3-neutral-200);padding:16px}.portfolio{padding-top:var(--section-md);padding-inline:5%}.portfolio-inner{display:grid;gap:8px;margin-top:var(--space-lg)}.portfolio .card{position:relative}.portfolio .card-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:16px;position:absolute;inset:0 0 auto auto;background:var(--v3-accent-800);padding:24px;visibility:hidden;opacity:0;transition:visibility 300ms ease, opacity 300ms ease}.portfolio .card:hover .card-wrapper{visibility:visible;opacity:0.9}.portfolio .card .ratio{aspect-ratio:1}.portfolio .card ul{padding-left:16px}.portfolio .card :is(p, li){color:var(--v3-neutral-100);font:var(--text-xs);list-style:disc}.experience{background:var(--v3-neutral-200);padding-inline:5%;padding-block:var(--section-sm);margin-top:var(--section-lg)}.experience-inner{display:grid;gap:clamp(24px, 3vw, 32px) 64px}.experience .counter-value{color:var(--v3-accent-800);font:bold 10vw / 0.9 var(--ff-quicksand)}.experience h3{margin-block:clamp(12px, 1.8vw, 18px)}.contact{background:var(--v3-accent-800);padding-inline:5%;padding-top:var(--section-sm);margin-top:var(--section-lg)}.contact-wrapper{display:grid;gap:var(--space-sm) 80px;margin-block:var(--section-sm) var(--space-lg)}.contact-details{display:flex;justify-content:space-between;gap:var(--space-sm) 40px}.contact-text{display:flex;flex-direction:column;row-gap:10px}.contact .attr-data:before{color:rgba(255, 255, 255, 0.15)}.contact .wpcf7{max-width:768px;margin-inline:auto}.contact .contact-point{flex-direction:column;margin-top:var(--space-xs)}.contact .socials{align-items:center;margin-top:clamp(22px, 2vw, 24px)}.contact :is(.contact-point, .socials){display:flex;gap:8px 18px}.contact :is(.email, .phone, .address){color:var(--v3-neutral-100);font:var(--text-xs)}.contact .address a{color:var(--v3-neutral-100)}@media only screen and (min-width:1200px){.noir-inner{grid-template-columns:repeat(2, 1fr)}.noir-details{padding-inline:10% 5%}.contact-wrapper{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width:992px){.experience-inner{grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width:768px){.portfolio-inner{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width:1199px){.noir-details{padding-inline:5%}.contact-details{flex-direction:column}}@media only screen and (max-width:425px){.noir-links{max-width:196px;flex-direction:column}}.the-page :is(h2, h3, h4, h5, h6),.article-body :is(h2, h3, h4, h5, h6){color:var(--v3-accent-800);font-family:var(--ff-quicksand);font-weight:600;margin-top:16px}.the-page h2,.article-body h2{font-size:clamp(20px, 2.8vw, 28px);line-height:1.2}.the-page h3,.article-body h3{font-size:clamp(18px, 2.4vw, 24px);line-height:1.26}.the-page h4,.article-body h4{font-size:clamp(18px, 2vw, 20px);line-height:1.26}.the-page h5,.the-page h6,.article-body h5,.article-body h6{font-size:18px;line-height:1.35}.the-page :is(ul, ol),.article-body :is(ul, ol){display:grid;column-gap:6px;padding-left:20px;margin-top:10px}.the-page p,.article-body p{color:var(--v3-accent-800);font:500 clamp(16px, 1.7vw, 17px)/1.6 var(--ff-quicksand);margin-top:10px}.the-page li,.article-body li{color:var(--v3-accent-800);font:500 clamp(16px, 1.7vw, 17px)/1.6 var(--ff-quicksand);list-style:disc}.the-page img,.article-body img{margin-top:clamp(24px, 2.8vw, 28px)}:is(.theme-inquiry, .error404){overflow:hidden}:is(.theme-inquiry, .error404) .header,:is(.theme-inquiry, .error404) .footer{display:none}:is(.lost-page, .inquiry){height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}:is(.lost-page, .inquiry)-inner{max-width:768px;width:90%;margin-inline:auto}.inquiry h1{margin-top:clamp(14px, 1.8vw, 18px);margin-bottom:clamp(16px, 2.4vw, 24px)}.inquiry .btn{margin-top:clamp(24px, 3vw, 32px)}.inquiry svg{width:clamp(80px, 10vw, 120px);height:clamp(80px, 10vw, 120px)}.lost-page h1{color:var(--v3-orange-200);font:600 24vw / 16vw var(--ff-quicksand);text-align:center}.lost-page p{margin-top:clamp(32px, 5vw, 68px);margin-bottom:clamp(24px, 4vw, 40px)}.attr-data{position:relative;height:clamp(72px, 16vw, 178px);display:flex;align-items:center}.attr-data:before{content:attr(data-num);color:var(--v3-gray-100);font:600 clamp(96px, 20vw, 240px) / 0 var(--ff-quicksand);letter-spacing:-0.05em;position:absolute;inset:50% auto 0 0;opacity:0.2;z-index:0}.attr-data h2{position:relative;z-index:1}.marquee{display:flex;overflow:hidden;gap:16px}.marquee-group{display:flex;flex-shrink:0;gap:16px;animation:slide-an 32s linear infinite}@keyframes slide-an{from{transform:translateX(0)}to{transform:translateX(calc(-100% - 16px))}}.scroll-up{opacity:0;transform:translateY(60px);transition:opacity 0.8s ease, transform 0.8s ease;will-change:transform, opacity}.scroll-up.is-visible{opacity:1;transform:translateY(0)}.scroll-up:has(.select-control.is-open){z-index:2}