body{scroll-behavior:smooth;background-color:#005698;font-family:Lato,sans-serif;font-size:16px}body span,body p,body a{font-family:Lato,sans-serif;color:#333}body.noscroll{overflow:hidden}.loading-container{max-width:992px}.container-fluid{max-width:1280px;padding-inline:50px}@media only screen and (max-width: 992px){.container-fluid{padding-inline:2rem}}@media only screen and (max-width: 600px){.container-fluid{padding-inline:1rem}}.router-link-active{color:#fff!important}a,a:hover{text-decoration:none}@media only screen and (max-width: 992px){.small{display:none}}span.jp{font-family:Hachi Maru Pop,cursive;font-weight:400;font-style:normal}.text-title{font-size:50px}.hero-banner{margin-bottom:80px;position:relative}@media only screen and (max-width: 600px){.hero-banner{margin-bottom:50px}}.hero-banner .vid{height:calc(85vh - 100px);min-height:420px;max-height:500px;overflow:hidden}@media only screen and (max-width: 992px){.hero-banner .vid{height:auto;min-height:unset!important;max-height:unset!important}}.hero-banner .vid img,.hero-banner .vid video{width:100%}.hero-banner .vid video{max-width:100%;height:auto}.hero-banner .text-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0009}.hero-banner .text-container .hero_title{color:azure;font-size:50px;font-weight:900;margin-bottom:1rem;line-height:1;text-align:center;padding-inline:1rem}@media only screen and (max-width: 600px){.hero-banner .text-container .hero_title{font-size:2rem}}.hero-banner .text-container .hero_subtitle{display:block;color:azure;font-size:2rem;padding:0 15px;text-align:center}@media only screen and (max-width: 600px){.hero-banner .text-container .hero_subtitle{font-size:1rem}}.project-card{transition:all .5s ease-out;position:relative;overflow:hidden;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:1rem;background-color:#ccc;border:3px solid #00C259}.project-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:.3s all ease-in}.project-card .card-inner{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2000px #00000080;padding:1rem;opacity:0}.project-card .project-name{color:azure;font-size:1.5rem;font-weight:700}.project-card:hover .card-inner{opacity:1}.project-card:hover img{transform:scale(1.2)}.project-card:hover span{opacity:1;word-break:break-word}.bg{width:100%;aspect-ratio:1440/300}.bg.bg-aqours{background:url(/assets/bg-aqours-BanTTqp7.webp);background-size:100% auto;background-position:center;background-repeat:no-repeat}@media only screen and (max-width: 600px){.bg{height:175px;background-repeat:no-repeat;background-size:cover!important}}.top-nav-bar{position:sticky;top:0;background-color:#fffff2;z-index:999;transition:background-color 1s ease-in,box-shadow .3s ease-in}.top-nav-bar.sps--blw{box-shadow:0 2px 6px #00000080}.top-nav-bar.sps--blw .header-inner{padding:.7rem 2rem}@media only screen and (max-width: 600px){.top-nav-bar.sps--blw .header-inner{padding:.7rem 1rem}}.top-nav-bar .header-inner{background-color:transparent;width:100%;max-width:1440px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;transition:padding .3s ease-in}.top-nav-bar .header-inner .lefthand{display:flex;align-items:center}.top-nav-bar .header-inner .lefthand .nav-logo img{width:40px;aspect-ratio:1;-o-object-fit:contain;object-fit:contain;background-color:#00c259;border:2px solid #2986cc}.top-nav-bar .header-inner .lefthand .nav-logo:hover{transition:all 1s ease;transform:rotate(360deg)}.top-nav-bar .header-inner .lefthand .lightToDark div{width:58px;height:28px;background-color:#2986cc;border-radius:.85rem;position:relative;transition:1s}.top-nav-bar .header-inner .lefthand .lightToDark div:before{content:"";width:24px;height:24px;background:url(/assets/ic_sun-BXlECrh8.png);background-size:contain;position:absolute;top:50%;left:2px;border-radius:50%;background-color:#fff;transform:rotate(0) translateY(-50%);opacity:1;transition:1s;box-shadow:2px 2px 8px #0006}.top-nav-bar .header-inner .lefthand .lightToDark div:hover{filter:brightness(120%)}.top-nav-bar .header-inner .lefthand .lightToDark.active div{background-color:#333}.top-nav-bar .header-inner .lefthand .lightToDark.active div:before{background:url(data:image/png;base64,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);background-size:contain;transform:translate(30px) translateY(-50%) rotate(90deg)}.top-nav-bar .header-inner .nav-bar-buttons .nav-item{display:grid;place-items:center;font-weight:700;letter-spacing:1px;text-decoration:none;background-color:transparent;padding:.5rem 2rem;border-radius:100vw;color:#333;transition:background-color 1s ease}@media only screen and (max-width: 600px){.top-nav-bar .header-inner .nav-bar-buttons .nav-item{padding:.5rem 1rem;font-size:.8rem}}.top-nav-bar .header-inner .nav-bar-buttons .nav-item.router-link-active,.top-nav-bar .header-inner .nav-bar-buttons .nav-item:hover{background-color:#295f48;color:azure}.top-nav-bar.dark{background-color:#111}.top-nav-bar.dark .header-inner .nav-item{color:#2986cc}@media only screen and (max-width: 600px){.top-nav-bar .header-inner{padding:10px 15px}}.footer{background-color:#fffff2;transition:background-color 1s ease-in;width:100%;min-height:108px}.footer .footer-inner{width:100%;max-width:1440px;padding:2rem;margin-inline:auto;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;box-sizing:border-box}.footer .footer-inner span{transition:color 1s ease-in;color:#333}.footer .footer-inner .logo-holder{display:flex;gap:1rem}.footer .footer-inner .logo-holder .logo-box{font-size:1.5rem;width:44px;height:44px;display:grid;place-items:center;color:#333;transition:background-color 1s ease;background-color:transparent}.footer .footer-inner .logo-holder .logo-box:hover{background-color:#295f48;color:azure}.footer.dark{background-color:#111}.footer.dark .footer-inner span,.footer.dark .footer-inner .logo-holder a{color:azure}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.absolute{position:absolute}.relative{position:relative}.col-auto{grid-column:auto}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.mt-4{margin-top:1rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.w-3\/4{width:75%}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:is(.dark) .site-index{background-color:#111}:is(.dark) .site-index span,:is(.dark) .site-index p{color:azure}.site-index{height:auto;background-color:#fffff2;transition:background-color 1s ease-in;position:relative;overflow:hidden}.site-index .loader{position:absolute;top:0;left:0;width:100vw;height:100dvh;z-index:9;background:#111;align-content:center;transition:all .3s ease-in;transform:translateY(0)}.site-index .loader.away{transform:translateY(100%);opacity:0;z-index:-1}.site-index .loader .inner{width:100%;max-width:600px;margin:0 auto}.site-index .content .cta{font-size:1rem;font-weight:900;display:block;width:-moz-fit-content;width:fit-content;background:#fffff2;color:#333;height:48px;line-height:48px;padding-inline:1.5rem;border-radius:100vw}.site-index .content .cta:hover,.site-index .content .cta:active,.site-index .content .cta :focus{background:#295f48;color:#fffff2}.site-index .content.content-stats{width:100%;height:100dvh;background:center/cover no-repeat url(/assets/figma-CeTlud1B.webp);align-content:center;position:relative;overflow:hidden}.site-index .content.content-stats:after{position:absolute;display:block;content:"";top:0;right:0;bottom:0;left:0;background:#111a}.site-index .content.content-stats .container-fluid{position:relative;z-index:1}.site-index .content.content-stats .text-small{font-size:14px}.site-index .content.content-stats .data{color:azure}.site-index .content.content-stats .data .num{font-size:70px;font-weight:900;line-height:1;margin-bottom:5px;background-clip:text;-webkit-background-clip:text}.site-index .content.content-stats .data .num span{color:azure}@media only screen and (max-width: 992px){.site-index .content.content-stats .data .num{font-size:50px}}.site-index .content.content-stats .data .num .sm{font-size:50%}.site-index .content.content-portfolio{overflow:hidden;position:relative;height:150vw}@media only screen and (max-width: 992px){.site-index .content.content-portfolio{height:175vw}}@media only screen and (max-width: 600px){.site-index .content.content-portfolio{height:200vw}}.site-index .content.content-portfolio .content .heading{font-size:3rem;font-weight:900;line-height:.8;position:relative;color:#2986cc;text-align:center}@media only screen and (max-width: 992px){.site-index .content.content-portfolio .content .heading{font-size:2rem}}.site-index .content.content-portfolio div[class*=h-],.site-index .content.content-portfolio div[class*=g-],.site-index .content.content-portfolio div[class*=i-],.site-index .content.content-portfolio div[class*=vid-],.site-index .content.content-portfolio div[class*=bl-]{position:absolute}.site-index .content.content-portfolio .positions{position:absolute;top:50%;transform:translateY(-50%);height:150vw;width:100%}.site-index .content.content-portfolio video,.site-index .content.content-portfolio img{border-radius:10px;width:100%;height:auto}.site-index .content.content-portfolio .h-text{width:100%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:19}.site-index .content.content-portfolio .g-0{top:10%;left:40%;width:30vw;z-index:9}.site-index .content.content-portfolio .g-1{top:60%;left:30%;width:10vw;z-index:9}.site-index .content.content-portfolio .img-0{top:60%;left:50%;width:15vw}.site-index .content.content-portfolio .img-1{top:55%;left:75%;width:25vw}.site-index .content.content-portfolio .img-2{top:80%;left:65%;width:30vw}.site-index .content.content-portfolio .img-3{top:110%;left:10%;width:30vw;z-index:3}.site-index .content.content-portfolio .img-4{top:0%;left:10%;width:20vw}.site-index .content.content-portfolio .img-5{top:5%;left:75%;width:20vw}.site-index .content.content-portfolio .img-6{top:20%;left:5%;width:30vw}.site-index .content.content-portfolio .img-7{top:70%;left:60%;width:20vw}.site-index .content.content-portfolio .img-9{display:none}.site-index .content.content-portfolio .img-11{top:70%;left:35%;width:10vw}.site-index .content.content-portfolio .bl-0{top:-15%;left:0;width:20vw;z-index:9}.site-index .content.content-portfolio .bl-1{top:20%;right:0;width:20vw;z-index:9}.site-index .content.content-portfolio .bl-2{top:80%;right:10%;width:25vw;z-index:9}:is(.dark) .site-about{background-color:#111}:is(.dark) .site-about span,:is(.dark) .site-about p{color:azure}:is(.dark) .site-about .content .head{color:transparent}.site-about{height:auto;min-height:100vh;background-color:#fffff2;transition:background-color 1s ease-in}.site-about .content{padding:0;overflow:hidden}.site-about .content .head{font-size:50px;font-weight:900;position:relative;line-height:66px;letter-spacing:1px;color:#2986cc;-webkit-text-stroke:1px #f0ffff}@media only screen and (max-width: 600px){.site-about .content .head{font-size:2rem}}.site-about .content .head .small{font-size:1rem;position:absolute;left:50%;bottom:-3.5rem;transform:translate(-50%);-webkit-text-stroke:0}.site-about .content .head:after{content:"";width:100%;border-radius:100vw;height:.75rem;background:#2986cc;position:absolute;bottom:-.25rem;left:0;transform:scaleX(0);transition:transform 1s ease;transform-origin:right}@media only screen and (max-width: 600px){.site-about .content .head:after{height:.5rem}}.site-about .content .head.active:after{transform:scaleX(1)}.site-about .content .inner-container{padding:60px 100px;width:100%;max-width:1280px}.site-about .content.content-splash{position:relative;width:100%;height:min(100vh - 120px,500px);margin-bottom:80px}@media only screen and (max-width: 992px){.site-about .content.content-splash{padding-top:1.5rem;margin-bottom:50px}}.site-about .content.content-splash .title{color:#2986cc;font-weight:900;font-size:clamp(3rem,4.5vw,60px);line-height:1}@media only screen and (max-width: 992px){.site-about .content.content-splash .title{font-size:40px}}@media only screen and (max-width: 600px){.site-about .content.content-splash .title{font-size:30px}}.site-about .content.content-splash .nickname{position:absolute;left:15px;bottom:0;transform:rotate(180deg);writing-mode:vertical-rl;font-size:24px;opacity:.6}.site-about .content.content-splash .scrolldown{position:absolute;right:18px;bottom:0;writing-mode:vertical-rl;font-size:1.25rem;opacity:.6;font-weight:400;transform:rotate(180deg)}@media only screen and (max-width: 992px){.site-about .content.content-splash .scrolldown{display:none}}.site-about .content.content-splash .txt-container{font-size:1.75rem;font-weight:600}.site-about .content.content-splash .txt-container .text-play{position:relative;opacity:0}.site-about .content.content-splash .txt-container .text-play [text-split]{position:absolute;top:0}.site-about .content.content-splash .txt-container .text-play [text-split]:first-child{position:relative}.site-about .content.content-intro{position:relative;margin-bottom:80px}.site-about .content.content-intro .skill-item span{font-family:Hachi Maru Pop,cursive}@media only screen and (max-width: 992px){.site-about .content.content-intro .skill-item{font-size:14px}.site-about .content.content-intro .skill-item img{width:50px}.site-about .content.content-intro{margin-bottom:50px}}.site-about .content.content-about .my-container{background-color:#005698;margin-bottom:80px}@media only screen and (max-width: 992px){.site-about .content.content-about .my-container{margin-bottom:50px}}.site-about .content.content-about .my-container .txt-container{max-width:100ch}.site-about .content.content-about .my-container .txt-container .role{font-size:40px;font-weight:900;line-height:1}.site-about .content.content-about .my-container .txt-container span{font-size:1rem}.site-about .content.content-portfolio .inner-container{padding:80px 0}@media only screen and (max-width: 992px){.site-about .content.content-portfolio .inner-container{padding-bottom:50px}}@media only screen and (max-width: 600px){.site-about .content.content-portfolio .inner-container{padding-left:15px!important;padding-right:15px!important}}@media only screen and (max-width: 992px){.site-about .content.content-portfolio .inner-container .container-fluid{padding-left:0;padding-right:0}.site-about .content.content-portfolio .inner-container .project-slides{width:100%}}.site-about .content.content-portfolio .inner-container .projects{display:flex;margin-top:85px}@media only screen and (max-width: 992px){.site-about .content.content-portfolio .inner-container .projects{display:block;margin-top:40px}}.site-about .content.content-portfolio .inner-container .projects .project{flex-shrink:0;width:55%;aspect-ratio:2;padding-left:0;padding-right:50px;border-radius:1rem;overflow:hidden}@media only screen and (max-width: 992px){.site-about .content.content-portfolio .inner-container .projects .project{width:100%!important;padding-right:0;aspect-ratio:16/9}.site-about .content.content-portfolio .inner-container .projects .project:not(:last-of-type){margin-bottom:1rem}}.site-about .content.content-portfolio .inner-container .projects .project .pill{background:#00c259}.site-about .content.content-interest{position:relative}.site-about .content.content-interest .psp{position:absolute;right:0;bottom:1rem}@media only screen and (max-width: 600px){.site-about .content.content-interest .psp{display:none}}.site-about .content.content-interest .container-content{padding-block:100px}@media only screen and (max-width: 992px){.site-about .content.content-interest .container-content{padding-block:2rem}}.site-about .content.content-interest .container-content .right{position:relative}.site-about .content.content-interest .container-content .right .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.site-about .content.content-interest .container-content .right .img-1{width:150px;aspect-ratio:1;transform:translate(10px)}.site-about .content.content-interest .container-content .right .img-2{width:200px;aspect-ratio:4/3;transform:translate(50%,-50%)}.site-about .content.content-interest .container-content .right .img-3{width:120px;aspect-ratio:1;transform:translate(30%,-100%)}@media only screen and (max-width: 992px){.site-about .content .nickname{display:none}.site-about .content.content-splash{height:auto;min-height:unset}.site-about .content.content-portfolio .inner-container{padding:50px 30px}}@media only screen and (max-width: 600px){.site-about .content.content-splash .txt-container{width:100%}.site-about .content.content-splash .txt-container .me{font-size:1rem}}:is(.dark) .site-error{background-color:#111}:is(.dark) .site-error span{color:azure}.site-error{height:auto;min-height:100vh;background-color:#fffff2;transition:background-color 1s ease-in}@media only screen and (max-width: 600px){.site-error{min-height:calc(100vh - 168px)}}.site-error span{font-size:2.5rem;font-weight:700;color:#333}.site-error .content{padding:0}.site-error .content .inner-container{padding:50px 100px;width:100%;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.site-error .content .inner-container .lottie-container{width:400px}.site-error .content .inner-container .nav-button{margin-top:1rem;background:#005698;color:azure;padding:.75rem 1.5rem;border-radius:100vw;font-family:Hachi Maru Pop,cursive;transition:all .3s ease-in}.site-error .content .inner-container .nav-button:hover{background:azure;color:#005698}@media only screen and (max-width: 600px){.site-error .content .inner-container{padding:40px 15px}.site-error .content .inner-container .lottie-container{width:100%}.site-error .content .inner-container span{font-size:1.25rem}}:is(.dark) .site-works{background-color:#111}:is(.dark) .site-works p,:is(.dark) .site-works span,:is(.dark) .site-works a,:is(.dark) .site-works .header{color:azure}:is(.dark) .site-works .content .heading{color:#00c259}.site-works{background-color:#fffff2;transition:background-color 1s ease-in;overflow:hidden}.site-works .content{margin-bottom:80px}@media only screen and (max-width: 992px){.site-works .content{margin-bottom:50px}}.site-works .content span a{font-weight:900;text-decoration:underline}.site-works .content span.point{font-weight:900}.site-works .content .heading{font-size:50px;font-weight:900;line-height:1;color:#005698}@media only screen and (max-width: 992px){.site-works .content .heading{font-size:2rem}}.site-works .content .apps{position:relative}@media only screen and (min-width: 992px){.site-works .content .apps{height:100vh;overflow:hidden}}.site-works .content .apps .app{width:100%;height:100%}@media only screen and (min-width: 992px){.site-works .content .apps .app{position:absolute;left:0;top:0}}@media only screen and (max-width: 992px){.site-works .content .apps .app{height:auto;transform:translate(0)}.site-works .content .apps .app:not(:last-of-type){margin-bottom:1.5rem}}.site-works .content .apps .app .content-left img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.site-works .content .apps .app .content-right{padding:50px;display:flex;align-items:center;transition:background 1s ease-in;background:#fffff2}.site-works .content .apps .app .content-right .header{font-size:2rem;font-weight:700;line-height:1.2;color:#333}@media only screen and (max-width: 992px){.site-works .content .apps .app .content-right .header{font-size:1.5rem}}.site-works .content .apps .app .content-right ul{color:#333;list-style:initial;padding-left:1rem}@media only screen and (max-width: 992px){.site-works .content .apps .app .content-right{padding:1rem;display:block}}.site-works .content .work-item{justify-content:space-between}.site-works .content .work-item:not(:last-of-type){margin-bottom:1.5rem}@media only screen and (max-width: 992px){.site-works .content .work-item:not(:last-of-type){margin-bottom:2rem}}.site-works .content .work-item img{height:-moz-fit-content;height:fit-content}@media only screen and (max-width: 600px){.site-works .content .work-item img{width:100%}}@media only screen and (max-width: 992px){.site-works .content .work-item a,.site-works .content .work-item div{flex-wrap:wrap}}.site-works .content .work-item a:is(a):hover,.site-works .content .work-item div:is(a):hover{filter:brightness(1.5)}.site-works .content .work-item .texts{margin:0 40px;line-height:1}@media only screen and (max-width: 992px){.site-works .content .work-item .texts{margin:1rem 0}}.site-works .content .work-item .texts .title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.site-works .content .work-item .texts span{font-size:14px;line-height:1.2}.site-works .content .work-item .categories{height:-moz-fit-content;height:fit-content}.site-works .content .work-item .categories .pill{font-size:14px;font-weight:700;padding-inline:1rem;border-radius:100vw;height:30px;line-height:30px;background:#00c259;color:#333}@media only screen and (max-width: 992px){.site-works .content .work-item .categories .pill{font-size:12px}}.dark .site-works .content .apps .app .content-right{background:#111}.dark .site-works .content .apps .app .content-right .header{color:azure}.dark .site-works .content .apps .app .content-right ul{color:#fffff2}.scale-enter-active,.scale-leave-active{transition:all .5s ease}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}@media (min-width: 640px){.sm\:justify-between{justify-content:space-between}}@media (min-width: 768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mt-0{margin-top:0}.lg\:mt-12{margin-top:3rem}.lg\:w-1\/2{width:50%}.lg\:w-1\/5{width:20%}.lg\:w-2\/5{width:40%}.lg\:w-3\/5{width:60%}.lg\:w-4\/5{width:80%}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:1rem}.lg\:gap-8{gap:2rem}.lg\:rounded-3xl{border-radius:1.5rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}}