@font-face{font-family:Migra;src:url(../assets/fonts/Migra-Extralight.woff2) format("woff2"),url(../assets/fonts/Migra-Extralight.woff) format("woff"),url(../assets/fonts/Migra-Extralight.otf) format("opentype"),url(../assets/fonts/Migra-Extralight.ttf) format("truetype");font-weight:200;font-style:normal;font-display:swap}@font-face{font-family:Migra;src:url(../assets/fonts/MigraItalic-ExtralightItalic.woff2) format("woff2"),url(../assets/fonts/MigraItalic-ExtralightItalic.woff) format("woff"),url(../assets/fonts/MigraItalic-ExtralightItalic.otf) format("opentype"),url(../assets/fonts/MigraItalic-ExtralightItalic.ttf) format("truetype");font-weight:200;font-style:italic;font-display:swap}:root{font-family:Manrope,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#1b4872;background-color:#dee9ed;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #1b4872;--dark-color: #1b4872;--header-height: 6rem;--padding-horizontal: 6vmin;--padding-vertical: 2vmin}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-size:clamp(.875rem,2vw,1rem)}body:after{position:fixed;inset:0;margin:auto;max-width:100%;border-radius:0;display:block;content:"";background:linear-gradient(50deg,#dee7ed,#d0dee7 43%,#98c0d9 68%,#4a84ae);transition:background 1.5s ease,max-width 1.8s cubic-bezier(.23,1,.32,1),inset 1.8s cubic-bezier(.23,1,.32,1),border-radius 2s cubic-bezier(.23,1,.32,1)}@media(min-width:1024px){body.light-mode:after{inset:13vh 0;max-width:25rem;border-radius:250px;background:linear-gradient(50deg,#dee7ed,#d0dee7 43%,#98c0d9 68%,#609bc4)}body.enable-scroll.light-mode:after{inset:0;max-width:100%!important;border-radius:0!important}h1,h2,h3,h4,h5,h6,p,span{text-shadow:.1px .1px .5px rgba(0,24,51,.15),-.2px -.2px .5px rgba(0,24,51,.1)}}p{line-height:1.8;font-size:1.15rem;letter-spacing:-.01rem}body.enable-scroll{overflow-y:auto!important}body.enable-scroll #root{overflow-y:visible!important;overflow-x:hidden;height:auto!important}body .roi-canvas--wrapper{opacity:1;transition:opacity .4s ease}body.enable-scroll .roi-canvas--wrapper{height:100dvh!important;position:fixed!important;opacity:.06;filter:contrast(1.5) hue-rotate(344deg)}.roi-canvas--wrapper,.roi-canvas--wrapper *{pointer-events:none!important}.loader-wrapper{position:fixed;inset:0;background:linear-gradient(50deg,#dee7ed,#d0dee7 43%,#98c0d9 68%,#4a84ae);z-index:1000000000000;display:flex;flex-direction:column;align-items:center;justify-content:center}canvas{position:absolute;inset:0;width:100%;height:100%;z-index:20;pointer-events:none}body footer{opacity:1;pointer-events:all;transition:.3s ease opacity}body.enable-scroll footer{opacity:0;pointer-events:none}a{color:inherit;text-decoration:none;font-size:1.15rem;letter-spacing:-.03rem}a:hover{text-decoration:underline}a.logo-text:hover{text-decoration:none}a span{transition:all .1s ease}ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;font-size:1.15rem;letter-spacing:-.03rem;line-height:1.4rem}svg path{fill:var(--primary-color)!important}@media(max-width:768px){ul{gap:0rem}a{text-decoration:underline}a.logo-text{text-decoration:none}}h1{letter-spacing:-.05rem}h1{font-family:Migra,serif;font-weight:400;line-height:2.3rem}h2{font-size:clamp(1.8rem,2vw + 1rem,2.5rem);white-space:nowrap;font-weight:400;font-family:Migra,serif}h2.page-heading{font-size:5rem;margin:0;line-height:5rem;letter-spacing:-.3rem}@media(max-width:768px){h2.page-heading{font-size:5rem;margin:0;margin-top:3rem;line-height:9rem;letter-spacing:-.3rem}}h3,.exp-company a{font-family:Migra,serif;font-weight:400;line-height:1rem;font-size:1.8rem}.noise-overlay{position:absolute;left:0;top:0;width:100vw;height:100vh;pointer-events:none;mix-blend-mode:color-burn}div#root{position:relative;width:100vw;max-width:100%;height:100dvh;overflow:visible;display:flex;flex-direction:column;box-sizing:border-box;z-index:1}header{position:fixed;top:var(--padding-vertical);left:var(--padding-horizontal);right:var(--padding-horizontal)}header nav{width:100%;height:100%;display:flex;justify-content:space-between;align-items:center;gap:clamp(2rem,5vw,10rem);height:var(--header-height);z-index:1}header a{position:relative}header a:not(.logo-text):before{position:absolute;content:"";display:block;width:0%;height:1px;bottom:-1px;border-bottom:1px solid #3f75a8;opacity:0;transition:.3s all ease}@media(max-width:768px){header a:not(.logo-text):before{border-bottom:0px}}header a.active:before{width:100%;opacity:1}.logo-text{font-size:clamp(2rem,5vw,2.2rem);font-family:Migra,serif;letter-spacing:-.014em;white-space:nowrap;margin-bottom:-.8rem;transform:scaleY(1.2)}.logo-wrapper{display:flex;flex-wrap:wrap;align-content:center}@media(max-width:768px){header{flex-direction:row;gap:2.5rem;height:unset;top:0rem}.logo-text{font-size:clamp(1.5rem,2vw,2.5rem);transform:scaleY(1.4);margin-bottom:-.3rem}}.ornaments-wrapper{width:100%}@media(max-width:768px){.ornaments-wrapper{display:none}}.ornaments{width:100%;height:1px;border-bottom:#527aa0 solid 1px;position:relative}.ornaments:after{content:"";display:block;width:1.5rem;height:2.5rem;position:absolute;top:-1.17rem;background-image:url(/assets/images/star.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.ornaments.left:after{right:-.5rem}.ornaments.right:after{left:-.5rem}@media(max-width:768px){.ornaments{border-bottom:none}.ornaments:after{width:1rem;height:2.5rem}.ornaments.left:after{right:50%;transform:translate(50%)}.ornaments.right:after{left:50%;transform:translate(-50%)}}header{opacity:1;transition:.3s ease opacity;pointer-events:all}header.scrolled{opacity:0;pointer-events:none}.sun{width:30px;height:30px;position:absolute;top:6rem}.sun svg{width:100%;height:100%}.sun-svg{width:100%;height:100%;overflow:visible}.sun-path{stroke:currentColor;stroke-dasharray:80;stroke-dashoffset:0;transition:stroke-dashoffset .5s ease-in-out,stroke .3s}.sun-group{transform-origin:15.5px 16px;transition:transform .7s cubic-bezier(.34,1.56,.64,1)}.sun-wrapper{display:flex}.sun-wrapper:hover .sun-path{stroke-dashoffset:80}.sun-wrapper:hover .sun-group{transform:rotate(180deg)}.japanese-text{width:30px;height:30px;position:absolute;top:6rem;right:-1rem;font-weight:200;font-family:Manrope,sans-serif}@media(max-width:768px){.japanese-text{font-weight:400;line-height:1.55rem}header .sun{display:none}}section.social-links{position:fixed;bottom:calc(var(--padding-vertical) + 3vmin);left:var(--padding-horizontal);right:var(--padding-horizontal)}section.special-links{position:fixed;bottom:calc(var(--padding-vertical) + 3vmin);right:var(--padding-horizontal);display:flex;gap:1.6rem;align-items:center}.music-controls{position:fixed;bottom:calc(var(--padding-vertical) + 8vmin);right:var(--padding-horizontal);display:flex;gap:1em;align-items:center;transform-origin:right;font-size:.7rem}.music-controls a{font-size:.7rem}section.special-links a{font-size:1.6rem;font-weight:300}section.special-links svg{height:2rem}@media(max-width:768px){section.special-links,section.social-links{bottom:calc(var(--padding-vertical) + 10vmin)}section.special-links{transform:rotate(90deg);transform-origin:right;right:calc(var(--padding-vertical) + 6vmin);margin-bottom:-.5rem;gap:1rem;display:none}section.special-links a{font-size:1.2rem}section.special-links svg{height:1rem}}section.home-text--wrapper{position:absolute;top:50%;bottom:50%;transform:translateY(-50%);width:clamp(26rem,35vw,32rem);left:clamp(1rem,10vw,6rem);height:fit-content;display:flex;flex-direction:column}section.home-text--wrapper h1{font-size:clamp(2.4rem,2vw + 1rem,2.9rem);line-height:clamp(2rem,2.2vw + 1rem,2.2rem);letter-spacing:-.14rem;text-wrap:pretty}.home-text--wrapper h1{white-space:pre-line}.section-ornament{position:relative;width:9.42rem;border-bottom:1px solid #35597a}section.home-text--wrapper .section-ornament.right{align-self:self-end}@media(max-width:768px){section.home-text--wrapper{top:35dvh;bottom:unset;left:var(--padding-horizontal);width:80%}section.home-text--wrapper h1{font-size:1.8rem;line-height:2rem;letter-spacing:-.1rem}.section-ornament{display:none}}.section-ornament.short{width:4rem!important}.section-ornament:after{content:"";display:block;width:1px;height:.7rem;position:absolute;top:-.3rem;border-left:1px solid var(--primary-color)}.section-ornament.left:after{left:.5rem}.section-ornament.right:after{right:.5rem}section.big-title--wrapper{position:absolute;bottom:calc(var(--padding-vertical));left:50%;right:50%;transform:translate(-50%);width:fit-content}section.big-title--wrapper h2{white-space:nowrap;font-size:3.8vw;text-transform:uppercase;line-height:6rem;letter-spacing:-.1rem;filter:blur(.25rem);transition:filter .3s ease;cursor:default;transform:scaleY(1.2);font-weight:100}section.big-title--wrapper h2:hover{filter:blur(0rem)}@media(max-width:768px){section.big-title--wrapper{display:none}}section.skills--wrapper{height:fit-content;position:absolute;top:50%;bottom:50%;right:clamp(1rem,10vw,6rem);transform:translateY(-50%);width:24dvw}.skills--container h3{margin-top:0!important}.table-heading{border-top:1px solid #527aa0;border-bottom:1px solid #527aa0;padding:.5rem 0;display:flex;justify-content:space-between;position:relative}.table-heading .option{font-size:1rem;font-weight:500;text-transform:uppercase;letter-spacing:-.04rem;display:flex;gap:.5rem;align-items:center;cursor:pointer}.table-heading .option:hover{text-decoration:underline}.table-heading .option svg{height:1.5rem;transform:scale(1.1);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.line{position:absolute;height:.5rem;width:1px;border-left:1px solid var(--primary-color)}.line:nth-of-type(1){top:-.25rem;left:.25rem}.line:nth-of-type(2){bottom:-.25rem;left:.25rem}.line:nth-of-type(3){top:-.25rem;right:.25rem}.line:nth-of-type(4){bottom:-.25rem;right:.25rem}.table-content ul li{border-bottom:1px solid #527aa0;padding:.45rem 0 .4rem;transition:all .2s ease}.table-content ul{display:none}.table-content ul.active{display:block}.table-content ul li:hover{background:#21496e0d}.tab-selector--wrapper{display:flex;justify-content:space-between;padding:.5rem 0;align-items:center}.tab-selector--wrapper .tab{width:.7rem;height:.7rem;border:1px solid var(--primary-color);cursor:pointer;transition:all .3s ease}.tab-selector--wrapper .tab.active{background-color:var(--primary-color)}.tab-selector--wrapper>a{font-size:.8rem;text-transform:uppercase}.table-content ul li{min-height:2.3rem}@media(max-width:768px){section.skills--wrapper{display:none}}.design{margin-left:20vmin}.disclaimer{position:absolute;bottom:1rem;width:100%;text-align:center;font-size:.7rem;letter-spacing:-.01rem}.disclaimer a{font-size:.7rem}@media(max-width:768px){.disclaimer{bottom:.4rem;line-height:.7rem;padding:0 10vmin}}.loader-text--wrapper{display:flex;flex-direction:row;gap:1.4rem;align-items:center}.loader-text--wrapper span{font-family:Migra,serif;font-size:clamp(1.875rem,2vw,2.5rem);text-transform:uppercase;margin-bottom:-.2rem}.loader-details{position:absolute;bottom:2rem;display:flex;flex-direction:column;align-items:anchor-center;gap:0;padding:0rem 2rem}.loader-details{display:flex;flex-direction:column;align-items:center;text-align:center}.cookie-controls button:hover{opacity:.7}.music-controls a,.cookie-controls a{font-family:Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;font-size:.8rem!important}.symbols-shuffler--wrapper svg{width:3rem;height:2rem}.loader-details .music-controls{position:relative;bottom:unset;right:unset}.loader-details p,.loader-details .music-controls a{font-size:.8rem!important}.loader-details p{text-align:center}.symbols-shuffler--wrapper{display:flex}.symbols--wrapper{position:absolute;right:0;top:1rem;display:flex;align-items:center;gap:.4rem}.symbols--wrapper svg{height:2rem;width:2rem;transform:rotate(45deg) scale(1.5);filter:blur(0rem);transition:transform .3s ease}.symbols--wrapper svg:hover{transform:rotate(45deg) scale(1.7)}.loading-text{white-space:nowrap}.loading-text.rock{display:none}section.page-width{margin:20rem auto 10rem;box-sizing:content-box}@media(min-width:1024px){section.page-width{width:clamp(20rem,(calc(100% - (var(--padding-horizontal) * 6))),120rem)}}.flex-row{display:flex;flex-direction:row;justify-content:space-between;gap:10rem}@media(max-width:768px){.flex-row>div{width:100%}}.profile-photo--wrapper{display:flex;align-self:center}.profile-photo--wrapper,.profile-photo--wrapper img{max-width:25rem;width:100%;height:100%;position:relative;flex:.8 1 0%}.profile-photo--wrapper img{object-fit:cover;object-position:center;border:1px solid var(--primary-color);box-sizing:content-box}@media(max-width:1024px){.profile-photo--wrapper,.profile-photo--wrapper img{max-width:100%}}.profile-photo--wrapper span{position:absolute;top:.75rem;left:.75rem;z-index:1;font-family:Consolas,monospace;text-transform:uppercase;color:var(--primary-color);white-space:nowrap}@media(max-width:1024px){section.page-width{margin-top:12rem;margin-bottom:12rem;margin-left:var(--padding-horizontal);margin-right:var(--padding-horizontal)}.flex-row{flex-direction:column-reverse;gap:2rem}section.page-width.about--wrapper>.flex-row:first-of-type{flex-direction:column}}.divider{width:100%;height:1px;border-bottom:1px solid #2956805f;margin:7rem 0 6rem}@media(max-width:1024px){.divider{width:100%;height:1px;border-bottom:1px solid var(--primary-color);margin:5rem 0 5.5rem}}section.page-width.about--wrapper h3{margin-top:4rem;line-height:2rem;white-space:nowrap}.big-scrolling-text--wrapper{margin:7rem 0;border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color);padding-top:2rem}.big-scrolling-text--container{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:5rem;padding-left:220rem}.big-scrolling-text--container h2{font-size:10rem;line-height:1rem;text-transform:uppercase;transform:scaleY(1.3)}.big-scrolling-text--container svg{width:10rem;height:10rem;flex-shrink:0}@media(max-width:1024px){.big-scrolling-text--container{padding-left:10500px;gap:2rem}.big-scrolling-text--container h2{font-size:4rem;margin-bottom:4.4rem}.big-scrolling-text--container svg{width:4rem;height:4rem;flex-shrink:0}}section.about--wrapper section.social-links,section.works--wrapper section.social-links{position:relative;margin:0;bottom:unset;left:unset;right:unset}section.about--wrapper section.social-links ul,section.works--wrapper section.social-links ul{display:flex;flex-direction:row;gap:2rem}section.floating-controls--wrapper{position:fixed;display:flex;bottom:6%;left:4%;gap:1rem;justify-content:center;align-items:center;transition:.3s ease opacity;padding:.8rem;border-radius:2rem}section.floating-controls--wrapper>a{display:none}section.floating-controls--wrapper .star-wrapper{width:60%!important;transform:rotate(270deg)}section.floating-controls--wrapper svg{pointer-events:none}@media(max-width:1024px){section.floating-controls--wrapper{min-width:10rem}section.floating-controls--wrapper .circular-text--wrapper svg{transform:scale(4)!important}section.floating-controls--wrapper.scrolled .star-wrapper svg{transform:scale(1.5)}}section.floating-controls--wrapper .sun-wrapper{padding:2rem;position:relative}section.floating-controls--wrapper .circular-text--wrapper{position:absolute;transition:all 1.3s ease}section.floating-controls--wrapper .circular-text--wrapper svg{transform:scale(4);position:relative;bottom:-4px;top:2px}section.floating-controls--wrapper.scrolled .star-wrapper svg{transform:scale(3)}section.floating-controls--wrapper text{font-family:Migra,serif;font-size:1rem;letter-spacing:-.9rem;font-weight:200;letter-spacing:2px;fill:var(--primary-color);text-transform:uppercase}@media(max-width:1024px){section.floating-controls--wrapper{padding:.5em}}section.floating-controls--wrapper.scrolled{opacity:1}section.floating-controls--wrapper>*{flex-shrink:0}section.floating-controls--wrapper svg{height:1.5rem}section.floating-controls--wrapper a{min-width:6.6rem}section.floating-controls--wrapper a:first-of-type>span{justify-content:flex-end!important}section.floating-controls--wrapper a:first-of-type{text-align:right}.skills--column{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));column-gap:20px}@media(max-width:1024px){.skills--column{grid-template-columns:1fr;row-gap:2rem}}.experience-row{display:grid;grid-template-columns:1fr 3fr;gap:5px;padding:2.5rem 0}.experience-row:last-child{border-bottom:none}.exp-meta{display:flex;flex-direction:column;gap:.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.exp-company{margin-bottom:.5rem}.exp-position{font-family:Migra,serif;font-style:italic;font-weight:200;font-size:1.4rem;margin-bottom:1rem}.exp-description{text-wrap:pretty}@media(max-width:1024px){.experience-row{display:flex;flex-direction:column;gap:0}}.accordion-item h3 span{font-size:2.5rem;overflow:visible!important}