*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{font-size:62.5%;--color-jet:#333;--color-white:#fff;--color-tomato:#F06542;--color-mantis:#78BC62}.display-1{font-family:'Noto Sans JP',serif;font-weight:900;font-size:9.6rem;line-height:100%;color:var(--color-jet)}.display-2{font-family:'Noto Sans JP',sans-serif;font-weight:900;font-size:6.4rem;line-height:100%;color:var(--color-jet)}h1:not(.display-1){font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:5.5rem;line-height:110%;margin:0 0 2rem 0}h2:not(.display-2){font-family:'Noto Sans JP',sans-serif;font-weight:800;font-size:4.4rem;line-height:120%;margin:0 0 2rem 0}h3{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:3.5rem;line-height:115%;margin:0 0 .5rem 0}h4{font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:2.8rem;line-height:110%;margin:0 0 .5rem 0}h5{font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:2.2rem;line-height:110%;margin:0 0 .5rem 0}.p-large{font-family:'Shippori Mincho',serif;font-weight:500;font-size:2.2rem;line-height:150%;color:var(--color-jet)}p,li{font-family:'Shippori Mincho',serif;font-weight:500;font-size:1.8rem;line-height:150%;color:var(--color-jet)}footer p{font-size:1.2rem}a{color:var(--color-jet)}nav a{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:1.8rem;line-height:150%;text-decoration:none;color:var(--color-jet);padding:.25rem 1rem;display:inline-block;gap:.5rem}nav li:nth-of-type(even) a:hover{background-color:var(--color-mantis);color:var(--color-white);font-weight:500}nav li:nth-of-type(odd) a:hover{background-color:var(--color-tomato);color:var(--color-white);font-weight:500}ul{list-style-position:inside}body{min-height:100vh;background-color:var(--color-white);background-image:linear-gradient(to right,rgba(51,51,51,.05) 1px,transparent 1px),linear-gradient(to bottom,rgba(51,51,51,.05),transparent 1px);background-size:30px 30px}html,a{cursor:url(../img/icons/cursor.png) 0 0,auto}header{padding:1rem 3rem;position:sticky;top:0;background-color:var(--color-white);border-bottom:1px solid rgba(51,51,51,.05)}nav ul{display:flex;align-items:center;justify-content:end;gap:2rem}nav ul li{list-style:none;display:inline-block}.back-link{flex-grow:1}main{width:100%;max-width:1024px;margin:0 auto}.hello-section{display:flex;align-items:center;gap:3rem;margin:5rem 0 0 0}.hello-section div{width:60rem;flex-shrink:0}.hello-section img{flex-grow:1;max-width:100%;height:auto;overflow:hidden}.display-2 span{color:var(--color-mantis)}.welcome-titles{display:flex;flex-direction:column;gap:2rem}.welcome-titles p{margin:1rem 0 0 0}.work-section{display:flex;flex-direction:column;gap:11rem;margin:11rem 0 0 0}.piste-titles{display:flex;align-items:center;gap:1rem;margin:0 0 1rem 0}.piste h5{color:var(--color-white);background-color:var(--color-tomato);padding:1rem}.odd h5{background-color:var(--color-mantis)}.piste-projects{display:flex;height:30rem;border:2px solid var(--color-jet)}.piste-projects h3{color:var(--color-tomato)}.odd .piste-projects h3{color:var(--color-mantis)}.piste-projects a{display:flex;flex:1;flex-direction:column;text-decoration:none;padding:3rem;background-color:var(--color-white);box-shadow:inset 0 0 0 2px var(--color-jet)}.piste-projects a:hover:not(.empty){background-color:#f1f1f1;transition:ease-in .15s}.project-titles h3{margin:0 0 1.5rem 0}footer{display:flex;justify-content:end;margin:5rem 0 0 0;padding:1rem 3rem;background-color:var(--color-white);border-top:1px solid rgba(51,51,51,.05)}.project h1,.project h4{color:var(--color-tomato)}.project h3{color:var(--color-jet)}.project h5{color:var(--color-mantis)}.project img{width:100%;height:auto;transition:ease-out .1s;border:1px solid rgba(51,51,51,.1)}.project img:hover{transform:scale(1.5);transform-origin:center;transition:ease-in .1s}.project{display:flex;gap:3rem}.project section{margin:5rem 0 0 0}.project-results{width:35rem;display:flex;flex-direction:column;align-items:center}.project-results div{display:flex;flex-direction:column;gap:.25rem;width:100%;box-shadow:inset 0 0 0 2px var(--color-jet);padding:2rem}.project-results div:not(:first-of-type){margin-top:-.2rem}.project-content{display:flex;flex-direction:column;gap:8rem;width:100%;flex:1}.project-content div{display:flex;flex-direction:column;gap:1rem}.page-404{display:flex;flex-direction:column;justify-content:center;height:80vh}.page-404-footer{display:flex;align-items:end;width:100%;position:absolute!important;bottom:0}@media screen and (max-width:1024px){main{padding:0 3rem}}@media screen and (max-width:920px){.welcome-image{display:none}.hello-section div{width:100%}}@media screen and (max-width:919px){.piste-projects{flex-direction:column;height:auto}.piste-projects a{min-height:10rem;height:auto}.piste-projects .empty{display:none}}@media screen and (max-width:850px){.project{flex-direction:column}.project-results{width:100%}}@media screen and (max-width:680px){.piste-titles{flex-direction:column;align-items:flex-start;gap:0}.piste-projects a{min-height:20rem}}@media screen and (max-width:511px){.display-1{font-size:6rem}}