.loaded .wrapper{display:flex}.intro{opacity:0}.copy{width:35%;padding-right:2rem}.copy p+p{text-indent:2em}.about{width:50%;display:flex;flex-direction:column;padding-right:2rem}@media only screen and (max-width: 950px){.about{width:100%;padding-right:0;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}}.description p{max-width:30rem}@media only screen and (max-width: 950px){.description{width:50%}}@media only screen and (max-width: 800px){.description{width:65%}}@media only screen and (max-width: 600px){.description{width:100%}}.meta{display:flex;margin-top:1rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}@media only screen and (max-width: 950px){.meta{margin-top:0;width:50%;padding-left:4rem}}@media only screen and (max-width: 800px){.meta{width:35%;padding-left:4rem}}@media only screen and (max-width: 600px){.meta{width:100%;max-width:30rem;padding-left:0;margin-top:1rem}}.meta-list{width:calc(50% - 0.5rem);margin-top:1rem}@media only screen and (max-width: 1360px){.meta-list{width:80%}}@media only screen and (max-width: 950px){.meta-list{width:calc(50% - 0.5rem)}}@media only screen and (max-width: 800px){.meta-list{width:100%}}@media only screen and (max-width: 600px){.meta-list{width:calc(50% - 0.5rem)}}.about-wrapper{padding-top:4rem;flex-wrap:wrap}.name{width:100%}.aboutme{width:50%;padding-right:2rem}@media only screen and (max-width: 950px){.aboutme{width:100%;max-width:30rem}}.list{width:50%}@media only screen and (max-width: 950px){.list{width:100%;max-width:30rem}}.work-wrapper{margin-bottom:4rem;position:static}@media only screen and (max-width: 950px){.work-wrapper{flex-direction:column}}.work{width:75%;position:relative}@media only screen and (max-width: 950px){.work{width:100%;padding-top:1rem}}.work-row{margin-top:1rem;top:1rem;will-change:transform}.dono .work-row{position:sticky}.work-row:nth-child(1){margin-top:0}.work-item{border-radius:1rem;-webkit-box-shadow:0 0 0 0.2rem #fff;box-shadow:0 0 0 0.2rem #fff;overflow:hidden;position:relative;height:0;padding-top:66.66%;background:#eee}@media only screen and (max-width: 800px){.work-item{border-radius:0.75rem}}.work-item img{border-radius:1rem;position:absolute;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;will-change:opacity}@media only screen and (max-width: 800px){.work-item img{border-radius:0.75rem}}.work-item img.lazyloaded{opacity:1}.work-item--description{position:absolute;top:1rem;left:1rem;color:#fff;max-width:15rem}.work-item--description p{font-size:.5rem;line-height:0.65rem}@media only screen and (max-width: 1100px){.work-item--description p{font-size:.75rem;line-height:0.975rem}}@media only screen and (max-width: 600px){.work-item--description{display:none}}.title{font-size:1.8rem;line-height:2.34rem;font-weight:500;opacity:0}@media only screen and (max-width: 950px){.title{width:100%;padding-right:0;flex-direction:row}}.margin--top{margin-top:1rem}.work-wrapper:nth-child(2) .work-row{opacity:0}.work-wrapper:nth-child(2) .work-row:nth-child(1){opacity:1}.footer-wrap{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.copyme{cursor:pointer}.copyme:hover{text-decoration:underline}