@charset "UTF-8";:root{--background:#1a1a1a;--transparent-background:hsla(0,0%,10%,75%);--primary-color:#fff;--secondary-color:#bfbfbf;--tertiary-color:gray;--main-margin:calc(100vw/12);--secondary-margin:clamp(1rem,var(--main-margin),3rem);--header-content-height:2rem;--header-full-height:calc(var(--header-content-height) + var(--secondary-margin)*2);--footer-content-height:36px;--footer-full-height:calc(var(--footer-content-height) + var(--secondary-margin));--adminbar-height:32px}body.home{--home-header-width:calc(100vw - (var(--main-margin)*2))}@media screen and (max-width:782px){:root{--adminbar-height:46px}}@media (max-width:474px){:root{--footer-content-height:84px}}@media (max-width:460px){:root{--header-content-height:5rem}}@media (orientation:landscape){:root{--secondary-margin:clamp(1rem,calc(100dvh/12),3rem)}}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-400-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-100-Thin.ttf) format("truetype");font-style:normal;font-weight:100;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-200-ExtraLight.ttf) format("truetype");font-style:normal;font-weight:200;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-300-Light.ttf) format("truetype");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-500-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-600-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-700-Bold.ttf) format("truetype");font-style:normal;font-weight:700;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-800-ExtraBold.ttf) format("truetype");font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:"League Spartan";src:url(//onoko.dev/wp-content/themes/onoko/./assets/fonts/LeagueSpartan-900-Black.ttf) format("truetype");font-style:normal;font-weight:900;font-display:swap}@keyframes branding-opacity{to{opacity:1}from{opacity:0}}@keyframes branding-hide-left{to{transform:translateX(0)}from{transform:translateX(39.3px)}}@keyframes branding-hide-right{to{transform:translateX(0)}from{transform:translateX(-34.87px)}}@keyframes branding-show-left{to{transform:translateX(0)}from{transform:translateX(10.155px)}}@keyframes branding-show-right{to{transform:translateX(0)}from{transform:translateX(-10.155px)}}body{margin:0 var(--main-margin);padding:var(--header-full-height) 0 var(--footer-full-height);box-sizing:border-box;background-color:var(--background);font-family:"League Spartan";font-weight:300;color:var(--primary-color);line-height:2em;letter-spacing:.1em}body.admin-bar{min-height:calc(100dvh - var(--adminbar-height))}body *{margin:0;padding:0}body .is-layout-flex{display:flex;flex-wrap:wrap}body a{color:inherit;text-decoration:none}body .wp-element-button{background-color:var(--transparent-background);border:solid 1px var(--secondary-color);font-weight:400;transition:all .5s ease-in-out}body .wp-element-button:hover{background-color:var(--primary-color) !important;color:var(--background) !important;transition:all 1s ease-in-out}body strong{font-weight:500}body #main{z-index:2;position:relative;padding-bottom:var(--secondary-margin);background:var(--background)}body #main h1,body #main h2,body #main h3,body #main h4,body #main h5,body #main h6{text-transform:uppercase}body #main .has-white-color{color:#fff}body #main .entry-content h2,body #main .entry-content h3,body #main .entry-content h4,body #main .entry-content h5,body #main .entry-content h6{margin:2em 0 1em;font-weight:300;letter-spacing:.2em;text-transform:uppercase}body #main .entry-content .wp-block-group h2,body #main .entry-content .wp-block-group h3,body #main .entry-content .wp-block-group h4,body #main .entry-content .wp-block-group h5,body #main .entry-content .wp-block-group h6{margin-top:0}body #main .entry-content .tight-content{width:clamp(60%,(768px - var(--main-margin)*2)*0.6,100%)}body #main .nav-links{display:flex;justify-content:space-between;margin-top:6em}body #main .nav-links .meta-nav{font-size:.75rem;color:var(--secondary-color);text-transform:uppercase;letter-spacing:.2em}body #main .nav-links .nav-next{margin-left:auto;text-align:end}#masthead,#colophon{flex-wrap:wrap;justify-content:space-between;row-gap:1rem;position:fixed;box-sizing:border-box;width:100%;margin:0 calc(-1*var(--main-margin));text-transform:uppercase;letter-spacing:.2em}#masthead .navigation-wrapper,#colophon .navigation-wrapper{display:flex;gap:min(4vw,2rem);list-style:none;font-size:.75rem;color:var(--secondary-color);text-align:end}#masthead .navigation-wrapper .current-menu-item,#colophon .navigation-wrapper .current-menu-item{color:var(--primary-color)}#masthead .navigation-wrapper .menu-item-has-children,#colophon .navigation-wrapper .menu-item-has-children{position:relative}#masthead .navigation-wrapper .menu-item-has-children .sub-menu,#colophon .navigation-wrapper .menu-item-has-children .sub-menu{position:absolute;width:max-content;opacity:0;list-style:none;font-size:1rem;color:var(--primary-color);text-transform:none;letter-spacing:normal}#masthead .navigation-wrapper .menu-item-has-children:hover,#colophon .navigation-wrapper .menu-item-has-children:hover{transition:all 1s ease-in-out}#masthead .navigation-wrapper .menu-item-has-children:hover .sub-menu,#colophon .navigation-wrapper .menu-item-has-children:hover .sub-menu{opacity:1;transition:opacity 1s ease-in-out}#masthead{z-index:3;top:0;height:var(--header-full-height);padding:var(--secondary-margin) var(--main-margin);background:var(--background)}#masthead .site-branding a{font-size:1.5rem;transform:translateX(-30.465px)}#masthead .site-branding a span{display:block}#masthead .site-branding a span.hide{opacity:0;transition:opacity .67s ease-in-out}#masthead .site-branding a span.hide.left{transform:translateX(39.3px);transition:transform 1s ease-in-out,opacity .67s ease-in-out}#masthead .site-branding a span.hide.right{transform:translateX(-34.87px);transition:transform 1s ease-in-out,opacity .67s ease-in-out}#masthead .site-branding a span.show{z-index:4}#masthead .site-branding a span.show.left{transform:translateX(10.155px);transition:transform 1s ease-in-out}#masthead .site-branding a span.show.right{transform:translateX(-10.155px);transition:transform 1s ease-in-out}#masthead .site-branding a:hover span.hide{opacity:1;transition:opacity .67s ease-in-out .33s}#masthead .site-branding a:hover span.hide.left{transform:translateX(0);transition:transform 1s ease-in-out,opacity .67s ease-in-out .33s}#masthead .site-branding a:hover span.hide.right{transform:translateX(0);transition:transform 1s ease-in-out,opacity .67s ease-in-out .33s}#masthead .site-branding a:hover span.show.left{transform:translateX(0);transition:transform 1s ease-in-out}#masthead .site-branding a:hover span.show.right{transform:translateX(0);transition:transform 1s ease-in-out}#masthead .navigation-wrapper{margin-right:-1rem}#masthead .navigation-wrapper .menu-item-has-children{padding-right:1rem;border-right:solid 1px transparent}#masthead .navigation-wrapper .menu-item-has-children .sub-menu{top:-32px;right:0;margin-right:-1px;padding-right:1rem;border-right:solid 1px var(--primary-color)}#masthead .navigation-wrapper .menu-item-has-children:hover{border-right:solid 1px var(--primary-color)}body.admin-bar #masthead{top:32px}#colophon{z-index:1;align-items:center;column-gap:2rem;bottom:0;padding:0 var(--main-margin) var(--secondary-margin)}#colophon .navigation-wrapper{margin-left:-1rem}#colophon .navigation-wrapper .menu-item-has-children{padding-left:1rem;border-left:solid 1px transparent}#colophon .navigation-wrapper .menu-item-has-children .sub-menu{left:0;top:32px;border-left:solid 1px var(--primary-color);padding-left:1rem;margin-left:-.5px}#colophon .navigation-wrapper .menu-item-has-children:hover{border-left:solid 1px var(--primary-color)}#colophon .wp-social-link{background-color:unset}#colophon .wp-social-link a{padding:0}#colophon .wp-social-link a svg{fill:var(--primary-color);color:var(--primary-color)}@media (pointer:coarse) and (hover:none){#masthead .navigation-wrapper,#colophon .navigation-wrapper{margin:0}#masthead .navigation-wrapper .menu-item-has-children,#colophon .navigation-wrapper .menu-item-has-children{border:none;padding:0}#masthead .navigation-wrapper .menu-item-has-children .sub-menu,#colophon .navigation-wrapper .menu-item-has-children .sub-menu{display:none}#masthead .navigation-wrapper .menu-item-has-children:hover,#colophon .navigation-wrapper .menu-item-has-children:hover{border:none}#masthead{height:fit-content}#masthead .site-branding a span.hide{opacity:0;animation:1s ease-in-out .5s 1 branding-opacity reverse both}#masthead .site-branding a span.hide.left{transform:translateX(39.3px);animation:1s ease-in-out .5s 1 branding-hide-left reverse both,1s ease-in-out .5s 1 branding-opacity reverse both}#masthead .site-branding a span.hide.right{transform:translateX(-34.87px);animation:1s ease-in-out .5s 1 branding-hide-right reverse both,1s ease-in-out .5s 1 branding-opacity reverse both}#masthead .site-branding a span.show.left{transform:translateX(10.155px);animation:1s ease-in-out .5s 1 branding-show-left reverse both}#masthead .site-branding a span.show.right{transform:translateX(-10.155px);animation:1s ease-in-out .5s 1 branding-show-right reverse both}}@media (max-width:460px){#masthead{justify-content:center}#masthead .site-branding a{transform:translateX(0)}}@media (max-width:474px){#colophon{justify-content:center}}body.page .entry-header{display:flex;gap:.5rem}body.page .entry-header .entry-title{font-size:.75rem;font-weight:300;letter-spacing:.2em;color:var(--secondary-color)}body.archive.tax-project_type .page-header,body.post-type-archive-projects .page-header,body.post-type-archive-inspirations .page-header{gap:.5rem}body.archive.tax-project_type .page-header .page-title,body.post-type-archive-projects .page-header .page-title,body.post-type-archive-inspirations .page-header .page-title{font-size:.75rem;font-weight:300;color:var(--secondary-color);letter-spacing:.2em}body.archive.tax-project_type .wp-block-query,body.post-type-archive-projects .wp-block-query,body.home .wp-block-query{flex-wrap:nowrap;box-sizing:border-box;height:calc(100dvh - var(--secondary-margin) - var(--header-full-height) - var(--footer-full-height) - 2rem);width:100vw;margin:0 calc(-1*var(--main-margin));padding:0 calc(var(--main-margin) - .75em);overflow-x:scroll;scrollbar-width:none}body.archive.tax-project_type .wp-block-query article,body.post-type-archive-projects .wp-block-query article,body.home .wp-block-query article{position:relative;display:block;width:auto;flex:0 0 calc(20% - 1.5rem);overflow:hidden;padding:1rem .75rem}body.archive.tax-project_type .wp-block-query article a,body.post-type-archive-projects .wp-block-query article a,body.home .wp-block-query article a{position:absolute;top:0;bottom:0;left:0;right:0;cursor:url(//onoko.dev/wp-content/themes/onoko/assets/images/eye-regular.svg),auto}body.archive.tax-project_type .wp-block-query article .wp-post-image,body.post-type-archive-projects .wp-block-query article .wp-post-image,body.home .wp-block-query article .wp-post-image{height:100%;width:100%;object-fit:cover;object-position:center;border:solid 1px var(--background);border-radius:1rem;box-shadow:2px 2px 8px hsla(0,0%,0%,.75)}body.archive.tax-project_type .wp-block-query article .entry-title,body.archive.tax-project_type .wp-block-query article .year,body.post-type-archive-projects .wp-block-query article .entry-title,body.post-type-archive-projects .wp-block-query article .year,body.home .wp-block-query article .entry-title,body.home .wp-block-query article .year{position:absolute;opacity:0}body.archive.tax-project_type .wp-block-query article .entry-title,body.post-type-archive-projects .wp-block-query article .entry-title,body.home .wp-block-query article .entry-title{left:0;bottom:0;margin:1em;font-size:clamp(2rem,var(--main-margin),4rem);font-weight:900;line-height:1em;letter-spacing:-.05em;text-shadow:1px 1px 4px hsla(0,0%,0%,.75)}body.archive.tax-project_type .wp-block-query article .year,body.post-type-archive-projects .wp-block-query article .year,body.home .wp-block-query article .year{right:0;top:0;margin:2em}body.archive.tax-project_type .wp-block-query article:first-child,body.post-type-archive-projects .wp-block-query article:first-child,body.home .wp-block-query article:first-child{flex:0 0 calc(60% - 24px)}body.archive.tax-project_type .wp-block-query article:first-child .entry-title,body.archive.tax-project_type .wp-block-query article:first-child .year,body.post-type-archive-projects .wp-block-query article:first-child .entry-title,body.post-type-archive-projects .wp-block-query article:first-child .year,body.home .wp-block-query article:first-child .entry-title,body.home .wp-block-query article:first-child .year{opacity:1}body.admin-bar.tax-project_type .wp-block-query,body.admin-bar.post-type-archive-projects .wp-block-query{height:calc(100dvh - var(--secondary-margin) - var(--header-full-height) - var(--footer-full-height) - var(--adminbar-height) - 2rem)}@media (pointer:coarse) and (hover:none){body.archive.tax-project_type .wp-block-query article,body.post-type-archive-projects .wp-block-query article,body.home .wp-block-query article{flex:0 0 calc(min(90%,40rem) - 24px)}body.archive.tax-project_type .wp-block-query article .entry-title,body.archive.tax-project_type .wp-block-query article .year,body.post-type-archive-projects .wp-block-query article .entry-title,body.post-type-archive-projects .wp-block-query article .year,body.home .wp-block-query article .entry-title,body.home .wp-block-query article .year{opacity:1}body.archive.tax-project_type .wp-block-query article:first-child,body.post-type-archive-projects .wp-block-query article:first-child,body.home .wp-block-query article:first-child{flex:0 0 calc(min(90%,40rem) - 24px)}}@media (orientation:landscape){body.archive.tax-project_type .wp-block-query article .entry-title,body.post-type-archive-projects .wp-block-query article .entry-title,body.home .wp-block-query article .entry-title{font-size:clamp(2rem,8.3333333333dvh,4rem)}}body.home{max-width:100vw;overflow:hidden}body.home .page-header{position:absolute;top:0;left:0;box-sizing:border-box;height:calc(100dvh - var(--secondary-margin) - var(--header-full-height) - var(--footer-full-height) - 2rem);width:fit-content;max-width:60%;padding:clamp(1rem,6.25vw,3rem) 1rem clamp(1rem,6.25dvh,3rem) 0}body.home .page-header .page-title{font-weight:900;font-size:clamp(2rem,var(--main-margin),4rem);line-height:1em;letter-spacing:-.05em;margin-bottom:.5em}body.home .page-header .page-description{font-size:clamp(1rem,4.1666666667vw,2rem);color:var(--secondary-color)}body.home .wp-block-query{height:calc(100dvh - var(--secondary-margin) - var(--header-full-height) - var(--footer-full-height))}body.home .wp-block-query article{background-color:var(--background)}body.home .wp-block-query .visible-header{height:100%;flex:0 0 var(--home-header-width);width:var(--home-header-width);z-index:5}body.home.admin-bar .wp-block-query{height:calc(100dvh - var(--secondary-margin) - var(--header-full-height) - var(--footer-full-height) - var(--adminbar-height))}@media (pointer:coarse) and (hover:none){body.home #main .page-header{max-width:calc(min(90%,40rem) - 24px)}body.home #main .wp-block-query article:first-of-type{flex:0 0 calc(min(90%,40rem) - 24px)}}@media (orientation:landscape){body.home #main .page-header{padding:clamp(1rem,6.25dvh,3rem) 1rem clamp(1rem,6.25dvh,3rem) 0}body.home #main .page-header .page-title{font-size:clamp(2rem,8.3333333333dvh,4rem)}body.home #main .page-header .page-description{font-size:clamp(1rem,4.1666666667dvh,2rem)}}body.post-type-archive-inspirations #header-wrapper{flex-wrap:wrap;justify-content:space-between;margin-bottom:1rem}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select{position:relative}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select p{--chevron:url(//onoko.dev/wp-content/themes/onoko/./assets/images/chevron-down.svg);box-sizing:border-box;width:16rem;height:2rem;border:solid 1px var(--secondary-color);border-radius:.5rem;padding:0 1rem;color:var(--primary-color);font-size:.75rem;background:var(--chevron) no-repeat right 18px center;cursor:pointer}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select p .default{display:none}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options{--display:flex;display:none;flex-direction:column;position:absolute;left:0;z-index:1;width:16rem;margin:0;padding:0}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li{display:flex;width:100%;vertical-align:middle;align-items:center;background-color:var(--primary-color);color:var(--background)}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li:last-child{border-radius:0 0 .5rem .5rem}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li:hover{background-color:var(--background);color:var(--primary-color)}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li:active{background-color:var(--background);color:var(--primary-color)}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li:has(input:checked){background-color:var(--background);color:var(--primary-color)}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li input{visibility:hidden}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li label{display:flex;align-items:center;font-size:.75rem;line-height:.75rem;box-sizing:border-box;width:100%;height:2rem;padding:0 1rem;cursor:pointer}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options li.child label{padding-left:2rem}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options.open{display:var(--display);animation:open .5s ease-in-out forwards}body.post-type-archive-inspirations #header-wrapper #js-inspirations-filter .select .options.close{animation:close .5s ease-in-out forwards;display:none}body.post-type-archive-inspirations #justified-gallery{height:calc(100% + 32px);width:calc(100% + 32px);margin:-16px}body.post-type-archive-inspirations #justified-gallery .type-inspirations{display:inline;border:solid 1px var(--background);border-radius:.5rem;box-shadow:2px 2px 8px hsla(0,0%,0%,.75)}body.post-type-archive-inspirations #justified-gallery .type-inspirations .jg-caption{top:0;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;opacity:0;font-family:"League Spartan";font-size:1rem;line-height:1.5rem;transition:opacity .5s ease-in-out}body.post-type-archive-inspirations #justified-gallery .type-inspirations .jg-caption h2{font-size:1.5rem;font-weight:400;line-height:2rem}body.post-type-archive-inspirations #justified-gallery .type-inspirations .jg-caption .details{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem}body.post-type-archive-inspirations #justified-gallery .type-inspirations .jg-caption-visible{opacity:.8;transition:opacity .5s ease-in-out}body.single-projects .entry-header{display:flex;flex-wrap:wrap;justify-content:space-between;text-transform:uppercase;margin-bottom:6rem;align-items:end}body.single-projects .entry-header .entry-title{padding-top:1rem;font-weight:900;font-size:4em;line-height:1em;letter-spacing:-.05em}body.single-projects .entry-header .infos{text-align:end;margin-bottom:.5rem;margin-left:auto}body.single-projects .entry-header .infos .technologies{color:var(--secondary-color);letter-spacing:.2em}body.single-projects .context{display:flex;column-gap:3rem;row-gap:1rem}body.single-projects .context .mission{width:60%}body.single-projects .context .mission ul{margin-left:2em}body.single-projects .context .credits{flex-grow:1}body.single-projects .context .credits p{width:100%;text-align:end}body.single-projects .context .credits p .role{text-transform:uppercase;color:var(--secondary-color);font-size:.75rem;letter-spacing:.2em}body.single-projects .links{display:flex;flex-wrap:wrap;justify-content:center;column-gap:3rem;row-gap:1rem;text-transform:uppercase;margin:6rem 0 3rem}body.single-projects .links a{padding:.5em 2em;border:solid 1px var(--secondary-color);border-radius:.5rem}body.single-projects .wp-block-image{overflow:hidden;background-color:var(--primary-color);border-radius:.5rem;padding:.5rem}body.single-projects .wp-block-image img{width:100%;height:100%;max-height:calc(100dvh - 128px - 2rem);object-fit:contain}body.single-projects .wp-block-gallery{background-color:var(--primary-color);border-radius:.5rem;gap:.5rem;padding:.5rem;flex-wrap:nowrap}body.single-projects .wp-block-gallery .wp-block-image{overflow:unset;background-color:none;border-radius:0;padding:0;width:fit-content}body.single-projects .wp-block-gallery .wp-block-image img{border:solid 1px var(--primary-color);box-shadow:1px 1px .25rem var(--secondary-color)}body.single-projects h2{min-width:25%;max-width:fit-content;text-align:end}body.single-projects h4{font-size:.75rem;color:var(--secondary-color)}body.single-projects .contraints,body.single-projects .technical-choices{display:grid;grid-template-columns:1fr 3fr;gap:1em 2em}body.single-projects .contraints>*:nth-child(odd),body.single-projects .technical-choices>*:nth-child(odd){text-align:end;text-transform:uppercase;color:var(--secondary-color);font-size:.75rem;letter-spacing:.2em;width:100%}body.single-projects .contraints ul,body.single-projects .technical-choices ul{margin-left:1em}body.single-projects .contraints ul li ul,body.single-projects .technical-choices ul li ul{margin-left:2em}body.single-projects .contraints .wp-block-group,body.single-projects .technical-choices .wp-block-group{flex-wrap:wrap;row-gap:1rem}body.single-projects .contraints .wp-block-group:has(>figure),body.single-projects .technical-choices .wp-block-group:has(>figure){padding:1rem}body.single-projects .contraints .identity-colors,body.single-projects .technical-choices .identity-colors{align-items:center}body.single-projects .contraints .identity-colors .wp-element-button,body.single-projects .technical-choices .identity-colors .wp-element-button{cursor:default;border:none}body.admin-bar .wp-block-image img{max-height:calc(100dvh - 128px - 2rem - 32px)}@media (max-width:768px){body.single-projects .context{flex-direction:column}body.single-projects .context .mission{width:100%}body.single-projects h2{min-width:100%;text-align:start}body.single-projects .contraints,body.single-projects .technical-choices{grid-template-columns:1fr}body.single-projects .contraints>*:nth-child(odd),body.single-projects .technical-choices>*:nth-child(odd){text-align:start}}.ego-mail a{padding:0 !important;background:0 0;border:none !important;border-radius:0;-webkit-box-reflect:below -24px linear-gradient(transparent,rgba(0,0,0,.2666666667));font-size:clamp(1.5rem,.1097614518*(100vw - var(--main-margin)*2)*0.6 - 1px,3rem);font-weight:100;color:var(--secondary-color) !important;transition:color .5s ease-in-out}.ego-mail a:hover{background:0 0 !important;color:var(--primary-color) !important;transition:color .5s ease-in-out}.wp-block-cgb-fdcountdown-timer{padding:0 0 1rem}.wp-block-cgb-fdcountdown-timer .fd-flip-cdt-wrapper{margin:1rem 0;font-family:"League Spartan";font-size:.75rem;font-weight:300;text-transform:uppercase}.wp-block-cgb-fdcountdown-timer .fd-flip-cdt-wrapper #premium-timer-e164d62c-c4cd-4442-a270-17d0b6d69700 .flip-clock-divider .flip-clock-label{bottom:-1rem}.wp-block-cgb-fdcountdown-timer ul.flip{margin:.25rem}#avatar{position:fixed;right:var(--main-margin);top:var(--header-full-height);width:clamp(30%,(768px - var(--main-margin)*2)*0.3,100%);display:flex;align-items:center}#avatar img{border-radius:50%;width:100%}@media (max-width:768px){#avatar{position:unset;right:auto;top:auto;width:clamp(60%,(768px - var(--main-margin)*2)*0.6,100%);display:block;margin-top:2rem}}body.error404 #main{position:relative;min-height:calc(100dvh - var(--header-full-height) - var(--footer-full-height) - var(--secondary-margin));margin-bottom:var(--secondary-margin);padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem}body.error404 #main h1{letter-spacing:-.05em;font-size:clamp(1.5rem,9.7vw,4rem);font-weight:900;line-height:1em;text-shadow:1px 1px 4px hsla(0,0%,0%,.75)}body.error404 #main p{font-weight:400;font-size:1.5rem;text-shadow:1px 1px 4px hsla(0,0%,0%,.75)}body.error404 #main img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1;border-radius:.5rem;box-shadow:2px 2px 8px hsla(0,0%,0%,.75);border:solid 1px #1a1a1a}body.error404 #main a{text-transform:uppercase;border:solid 1px var(--secondary-color);border-radius:.5rem;font-weight:400;font-size:clamp(.75rem,3.6vw,1rem);background-color:hsla(0,0%,10%,.75);width:fit-content;margin:auto;margin-bottom:0;box-sizing:border-box;transition:all .5s ease-in-out;display:inline-block;padding:1em 2em;line-height:1.5em;text-align:center;box-shadow:2px 2px 4px hsla(0,0%,0%,.75)}body.error404 #main a:hover{background-color:var(--primary-color);color:var(--background);transition:all 1s ease-in-out}body.page-template-page-cv #main #cv{border:solid 1px var(--secondary-color);padding:0;background-color:var(--primary-color);color:var(--background)}body.page-template-page-cv #main #cv h1,body.page-template-page-cv #main #cv h2{font-weight:100;font-size:2rem;letter-spacing:.2em}body.page-template-page-cv #main #cv h3,body.page-template-page-cv #main #cv h4,body.page-template-page-cv #main #cv h5,body.page-template-page-cv #main #cv h6{font-size:1rem}body.page-template-page-cv #main #cv h2,body.page-template-page-cv #main #cv h3,body.page-template-page-cv #main #cv h4,body.page-template-page-cv #main #cv h5,body.page-template-page-cv #main #cv h6{margin-top:1em;margin-bottom:.5em}body.page-template-page-cv #main #cv li{list-style-type:"| "}body.page-template-page-cv #main #cv li:first-of-type{list-style:none}body.page-template-page-cv #main #cv li:has(h3,h4){list-style:none}body.page-template-page-cv #main #cv li h3,body.page-template-page-cv #main #cv li h4{margin:0}body.page-template-page-cv #main #cv a:hover{text-decoration:underline}body.page-template-page-cv #main #cv .is-layout-grid{display:grid}body.page-template-page-cv #main #cv header{padding:2rem 2rem 0;justify-content:flex-end;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to right,var(--primary-color),var(--tertiary-color)) border-box;border-bottom:1px solid transparent}body.page-template-page-cv #main #cv header h1,body.page-template-page-cv #main #cv header p{text-align:right}body.page-template-page-cv #main #cv header h1{margin-right:-.2em}body.page-template-page-cv #main #cv header div{gap:1em;justify-content:flex-end}body.page-template-page-cv #main #cv header div ul{gap:1em}body.page-template-page-cv #main #cv header #job{font-size:4rem;font-weight:900;letter-spacing:-.05em;text-transform:uppercase;line-height:1em;margin-top:.5em}body.page-template-page-cv #main #cv header img{height:12rem;margin-top:-2rem;margin-right:-2rem}body.page-template-page-cv #main #cv #content{padding:2rem;box-sizing:border-box}body.page-template-page-cv #main #cv #content>.is-layout-flex{gap:3rem;width:100%;box-sizing:border-box;flex-wrap:nowrap}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside,body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content{flex-direction:column;justify-content:space-between}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside{width:calc(33.3333333333% - 1rem);box-sizing:border-box}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills h4{font-weight:500}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid{grid-template-columns:repeat(3,6rem);grid-gap:1rem}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li{display:flex;flex-direction:column;align-items:center}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#sql,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#windows,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#figma{grid-column:1;grid-row:1}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#mac,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#php,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#illustrator{grid-column:2;grid-row:1}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#ubuntu,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#symfony,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#indesign{grid-column:3;grid-row:1}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#css,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#vscode,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#asana{grid-column:1;grid-row:2}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#bootstrap,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#docker,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#notion{grid-column:2;grid-row:2}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#js,body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#postman{grid-column:3;grid-row:2}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#git body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#wp{grid-column:1;grid-row:3}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills .is-layout-grid li#github{grid-column:2;grid-row:3}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #skills img{height:2rem}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #education li{margin-top:.5em}body.page-template-page-cv #main #cv #content>.is-layout-flex #aside #education li .is-layout-flex{gap:.5em}body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content{width:calc(66.6666666667% - 1rem);box-sizing:border-box}body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content #experiences h3{font-size:1.5rem}body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content #experiences #projects .project{margin-top:.5em;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to left,var(--primary-color),var(--tertiary-color)) border-box;border-bottom:1px solid transparent}body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content #experiences #projects .project .is-layout-flex{gap:.5em}body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content #experiences #projects a{color:var(--tertiary-color)}body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content #experiences #projects .project li,body.page-template-page-cv #main #cv #content>.is-layout-flex #primary-content #experiences #devopps li{margin-top:0;list-style:inside;line-height:1.5em;margin-left:1rem}body.page-template-page-cv #main #cv #content #hobbies .is-layout-flex{column-gap:1em;align-items:baseline;line-height:1.5em}body.page-template-page-cv #main #cv footer{padding:2rem;grid-gap:2rem;background-color:var(--background);color:var(--primary-color)}body.page-template-page-cv #main #cv footer div{margin:auto}body.page-template-page-cv #main #cv footer #location{grid-column:1;grid-row:1}body.page-template-page-cv #main #cv footer #contact{grid-column:2;grid-row:1}body.page-template-page-cv #main #cv footer #links{grid-column:3;grid-row:1}body.page-template-page-cv #main #cv footer img{height:1rem;width:1rem;object-fit:contain;object-position:center}body.page-template-page-cv #main .download{display:block}body.page-template-page-cv #main .download.right{text-align:right;width:100%}@media print{#masthead,#colophon{display:none}body{margin:0;padding:0}#main .download{display:none !important}#main #cv{margin:0;font-size:10px;line-height:15px !important;display:flex;flex-direction:column;justify-content:space-between;gap:6px}#main #cv h1,#main #cv h2{font-size:15px !important;letter-spacing:.2em;line-height:15px}#main #cv h3,#main #cv h4,#main #cv h5,#main #cv h6{font-size:10px !important}#main #cv header{padding:10px 20px 0 !important;gap:10px !important;justify-content:flex-end;align-items:flex-end;flex-wrap:nowrap}#main #cv header h1{margin-right:-.2em}#main #cv header #job{font-size:30px !important;letter-spacing:-.05em;line-height:1em;margin-top:10px}#main #cv header img{height:90px !important;margin-top:-10px !important;margin-right:-20px !important}#main #cv #content{padding:0 20px 20px !important}#main #cv #content h3,#main #cv #content h4,#main #cv #content p,#main #cv #content li{letter-spacing:.1em}#main #cv #content>.is-layout-flex{gap:0 !important}#main #cv #content>.is-layout-flex #aside{width:45% !important}#main #cv #content>.is-layout-flex #aside #skills .is-layout-grid{grid-template-columns:repeat(3,60px) !important;grid-gap:10px !important}#main #cv #content>.is-layout-flex #aside #skills img{height:20px !important}#main #cv #content>.is-layout-flex #primary-content{width:55% !important}#main #cv #content>.is-layout-flex #primary-content h3{margin-top:0}#main #cv #content>.is-layout-flex #primary-content #devopps{margin-top:5px}#main #cv #content>.is-layout-flex #primary-content .is-layout-flex{row-gap:0 !important}#main #cv footer{line-height:20px;padding:10px 20px !important;width:100%;box-sizing:border-box;position:fixed;bottom:0;left:0;grid-template-columns:repeat(3,1fr);grid-gap:20px !important}#main #cv footer img{height:10px !important;width:10px !important}}