@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Josefin+Slab:ital,wght@0,100..700;1,100..700&display=swap");:root{--primary:#F46602;--secondary:#2FBEC4;--terciary:#FF9F00;--on-secondary:#FFFFFF;--background:#fff;--max-width:1536px;--logo-size:80px}*{box-sizing:border-box;padding:0;margin:0}html{overflow-x:hidden}body{font-family:Josefin Sans,sans-serif;font-size:18px}a{font-weight:700;text-decoration:none;color:#000}.experience a{-webkit-text-decoration:underline 2px var(--terciary);text-decoration:underline 2px var(--terciary);text-underline-offset:4px;font-weight:500}a.bold{font-weight:700}.content-container{width:100%;max-width:var(--max-width);margin:0 auto;position:relative}header{position:fixed;width:var(--max-width);top:0;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;z-index:12;background-color:var(--background)}.header-jumper{margin-top:calc(var(--logo-size) + 24px)}footer{background-color:var(--primary);padding:24px 0}.footer-wrapper{background-color:var(--terciary);padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--on-secondary)}.footer-wrapper h1{font-size:2rem;text-transform:uppercase;letter-spacing:4px;margin-bottom:16px}.icon-footer{width:72px;height:72px;padding:2px;border-radius:8px;background-color:var(--background)}.icon-footer img{width:100%;height:100%}.imox-logo{width:var(--logo-size);height:var(--logo-size);background-image:url(/img/imox-logo.png);background-size:300%;background-position:50%;background-repeat:no-repeat;transition:all .4s ease-out}.imox-logo:hover{background-size:100%;background-position:50%}.lowp-header{opacity:50%;transition:opacity .2s ease-in-out;cursor:pointer}.lowp-header:hover{opacity:1}.locale-switcher{position:relative}.locale-switcher .locale-options{position:absolute;right:0;margin-top:.4rem;padding:12px 24px;border-radius:8px;box-shadow:1px 1px 8px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:8px;z-index:50;background-color:white}.locale-switcher .locale-options .locale-option{font-weight:600;padding:4px 0;cursor:pointer;opacity:.5;transition:opacity .2s ease-in-out}.locale-switcher .locale-options .locale-option.selected{color:var(--secondary);opacity:1}.locale-switcher .locale-options .locale-option:hover{opacity:1}.section{width:100%;height:100vh;overflow:hidden}.section.section-head{height:calc(100vh - 104px)}.carousel{position:static;height:8rem}.carousel.primary-filter:before{content:"";width:calc(var(--max-width) - 360px);height:calc(8rem - 32px);background-color:#0b99fd;display:block;position:absolute;transform:translate(-50%,30%)}.carousel.primary-filter .carousel-item{color:#0b99fd;mix-blend-mode:difference}.carousel.primary-filter:after{content:"";width:100vw;height:11.5rem;display:block;position:absolute;transform:translate(-50%,-28px);background-color:#fff;mix-blend-mode:difference}.carousel-item{font-family:Josefin Slab;font-size:8rem;text-transform:uppercase;position:absolute;transition:all 2s ease}.carousel .item-show{translate:15em;opacity:0}.carousel .item-center{translate:-50%;opacity:1}.carousel .item-hide{translate:calc(-50% - 15em);opacity:0}.carousel-item.italic{font-style:italic;font-weight:400}.carousel-item.sans-bold{font-family:Josefin Sans,sans-serif;font-style:normal;font-weight:800}.project-header{height:50vh}.project-header,.project-preview{width:100%;position:relative;background-size:cover;display:flex;justify-content:flex-end;align-items:flex-end}.project-preview{height:560px;background-repeat:no-repeat;margin-bottom:64px}.project-header .project-info,.project-preview .project-info{width:100%;padding:3rem 2rem 1rem;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,0),black 10%,black);mask-image:linear-gradient(180deg,rgba(0,0,0,0),black 10%,black);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end}.project-header .project-title,.project-preview .project-title{width:100%;font-size:5rem;text-align:right;font-weight:1000;color:var(--on-secondary)}.project-header .project-type,.project-preview .project-type{width:100%;text-align:right;font-size:2rem;font-weight:800;text-transform:uppercase;color:var(--on-secondary)}.nichiboku-preview{background-image:url(/img/nichiboku-head.png)}.qpro-preview{background-image:url(/img/qpro-head.png);background-position:bottom}.moskalti-preview{background-image:url(/img/moskalti-head.png);background-position:bottom}.project-preview .preview-button{position:absolute;top:16px;left:16px}.hover-btn-expand{display:flex;align-items:center;cursor:pointer;background-color:var(--background);width:-moz-fit-content;width:fit-content;border-radius:8px;margin-bottom:28px}.hover-btn-expand.expanded{background-color:var(--primary);color:var(--on-secondary)}.hover-btn-expand.expanded .icon{background-color:var(--background)}.hover-btn-expand .icon{width:36px;height:36px;padding:4px;border-radius:8px}.icon img{width:100%;height:100%}.hover-btn-expand .expandable-text{width:0;display:none;font-weight:700;letter-spacing:3px;margin:4px 16px 0}.hover-btn-expand .expandable-text.jp{margin-top:-2px}.hover-btn-expand.expanded .expandable-text{display:block;width:-moz-fit-content;width:fit-content}.btn-primary{padding:1rem 2rem;background-color:var(--primary);border:none;border-radius:1rem;font-size:1rem}.btn-primary,.btn-primary a,.content-title{color:var(--on-secondary)}.content-title{position:relative;width:100%;text-align:center;text-transform:uppercase;background-color:var(--primary);padding-top:1rem;padding-bottom:.5rem;margin-bottom:5rem}.content-text{font-size:22px;text-align:justify;line-height:28px;font-weight:500}.full-height{min-height:calc(100vh - 104px - 227px)}.half-height{min-height:50vh}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-rev{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-rev{flex-direction:column-reverse}.gap-xl{gap:64px}.gap-lg{gap:44px}.gap-xs{gap:8px}.w-25{width:25%}.w-40{width:40%}.w-50{width:50%}.w-75{width:75%}.w-100{width:100%}.py-md{padding-top:48px;padding-bottom:48px}.py-lg{padding-top:92px;padding-bottom:92px}.mt-md{margin-top:2rem}.mb-md{margin-bottom:2rem}.mt-lg{margin-top:5rem}.z-over{z-index:9}.text-left{text-align:left}@media only screen and (max-width:1200px){:root{--max-width:100%;--logo-size:48px}body,html{overflow-x:hidden}body{position:relative}.project-preview .project-title{font-size:4rem}.mob_gap-md{gap:24px}.mob_gap-sm{gap:12px}.carousel-item{font-size:4rem;width:calc(var(--max-width) - 10%);text-align:center}.carousel-item:lang(jp){font-size:2.8rem}.carousel-item:lang(es){font-size:3.5rem}.carousel{height:6rem}.carousel.primary-filter:before{width:calc(var(--max-width) - 10%);height:calc(6rem - 32px)}.content-title{font-size:2.5rem}.mob_w-80{width:80%}.mob_w-90{width:90%}.mob_w-100{width:100%}.project-header{height:80vh}.project-header .project-title{font-size:4rem}.project-header .project-info,.project-preview .project-info{padding:4rem 2rem 1rem}.flex-center-mob,.project .flex-center{flex-direction:column}.py-lg{padding:10%}.hover-btn-expand{background-color:var(--primary);color:var(--on-secondary)}.hover-btn-expand .icon{background-color:var(--background)}.hover-btn-expand .expandable-text{display:block;width:-moz-fit-content;width:fit-content}:root{font-size:12px}.project-preview .project-title{font-size:3rem}}