html{scroll-behavior:smooth}body{color:#36332f;background-color:#fffdf4}#root{flex-flow:row;justify-content:center;align-items:center;display:flex}a{color:#525b68;text-decoration:none;transition:all .3s}.l-overlay{width:100%;height:100vh;position:fixed;top:0;left:0}.l-frame{z-index:100}.l-frame__top{width:100%;height:60px;position:fixed;top:0;left:0}.l-frame__bottom{width:100%;height:45px;position:fixed;bottom:0;left:0}.l-frame__side{width:7%;height:calc(100vh - 105px)}.l-frame__side--left{position:fixed;top:60px;left:0}.l-frame__side--left:before,.l-frame__side--left:after{content:"";background-color:#525b68;width:1px;position:absolute;right:-1px}.l-frame__side--left:before{height:60px;top:-60px}.l-frame__side--left:after{height:45px;bottom:-45px}.l-frame__side--right{position:fixed;top:60px;right:0}.l-frame__side--right:before,.l-frame__side--right:after{content:"";background-color:#525b68;width:1px;position:absolute;left:-1px}.l-frame__side--right:before{height:60px;top:-60px}.l-frame__side--right:after{height:45px;bottom:-45px}.l-main{flex-direction:column;justify-content:center;align-items:center;width:86%;display:flex}.l-scroll__adjustment-top{padding-top:60px}.l-scroll__adjustment-bottom{padding-bottom:45px}.c-container{text-align:center;border-bottom:1px solid #525b68;flex-direction:column;justify-content:center;align-items:center;display:flex}.c-heading{color:#45312e;width:60%;padding-bottom:.5rem;font-family:IM Fell English,serif;font-size:3rem;position:relative}.c-heading:after{content:"";transform-origin:0;background-color:#525b68;width:100%;height:1px;transition:transform .8s ease-out;position:absolute;bottom:0;left:0;transform:scaleX(0)}.c-heading--is-active:after{transform:scaleX(1)}.c-card{width:100%;max-width:600px}.c-card__title{border-bottom:1px solid #414141;padding:.5rem;font-family:Sawarabi Mincho,serif;font-size:1.5rem}.c-card__pair{flex-direction:column;flex:1;display:flex}.c-card__text{text-align:left;border-bottom:1px solid #414141;padding-bottom:.5rem;font-family:Klee One,cursive;line-height:1.6}.c-card__img{object-fit:cover;width:100%}.c-card__footer{color:#7a6c5d;text-align:left;border-top:1px solid #414141;padding-top:.5rem;font-size:.85rem}@keyframes noise-dance{0%{transform:translate(0)}20%{transform:translate(-1%,-2%)}40%{transform:translate(2%,1%)}60%{transform:translate(-2%,-1%)}80%{transform:translate(1%,2%)}to{transform:translate(-1%)}}.p-overlay{pointer-events:none;background-size:cover}.p-overlay__noise{z-index:calc(200 + 10);opacity:.03;background-image:url(object/assets/noise.svg);animation:.2s steps(2,end) infinite noise-dance}.p-overlay__stain{z-index:calc(200 + 20);opacity:1;background-image:url(object/assets/stain.svg)}.p-about__frame{background-color:#fffdf4}.p-about__frame--top{border-top:1px solid #525b68}.p-about__frame--bottom{border-bottom:1px solid #525b68}.p-about__frame--left{border-left:1px solid #525b68}.p-about__frame--right{border-right:1px solid #525b68}.p-header{pointer-events:all;justify-content:space-around;align-items:center;width:100%;height:60px;display:flex}.p-header__nav-list{justify-content:space-around;gap:.5rem;list-style:none;display:flex}.p-name{justify-content:space-evenly;width:100%;height:100vh;display:flex}.p-name__name{color:#45312e;font-family:Shippori Mincho,serif;font-size:6rem}.p-name__note{color:#7a6c5d;font-family:Klee One,cursive;font-size:1.2rem}.p-name__arrow-text{font-family:Klee One,cursive}.p-works__grid,.p-articles__grid{grid-template-columns:1fr;display:grid}.p-stacks{width:100%}.p-stacks__category{flex-direction:column;justify-content:space-around;gap:.5rem;display:flex}.p-stacks__title{font-size:2rem}.p-stacks__list{flex-flow:column wrap;justify-content:space-around;gap:.5rem;list-style:none;display:flex}.p-stacks__item{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.p-stacks__head{flex-direction:row;flex:1;justify-content:flex-start;align-items:baseline;width:100%;padding:0 1rem;display:flex}.p-stacks__icon{width:3rem;height:auto}.p-stacks__icon--main{fill:#975600}.p-stacks__icon--sub{fill:#574938}.p-stacks__icon--accent{fill:#d49853}.p-stacks__name{width:auto;height:100%;font-family:JetBrains Mono,monospace;font-size:1.5rem}.p-stacks__text{text-align:left;border-bottom:1px solid #e1d8ba;width:100%;padding:0 1rem .5rem;font-family:Klee One,cursive;line-height:1.2}.p-profile{flex-direction:column;align-content:center;display:flex}.p-profile__inner{padding:0 1rem}.p-profile__table{border-collapse:collapse;width:100%;margin-top:1rem}.p-profile__title{text-align:left;color:#2b2d31;padding-bottom:.5rem;font-family:IM Fell English,serif;font-size:1.5rem;font-weight:700}.p-profile__head,.p-profile__label,.p-profile__data{text-align:left;vertical-align:top;border-bottom:1px solid #525b68}.p-profile__head{border-bottom:1px solid #525b68;padding-bottom:.5rem;font-family:JetBrains Mono,monospace}.p-profile__head:first-child{width:150px;padding-right:2rem}.p-profile__label{color:#414141;width:120px;font-family:JetBrains Mono,monospace;font-weight:700}.p-profile__label:first-child{width:150px;padding-right:2rem}.p-profile__data{font-family:Klee One,cursive}.p-links__list{flex-wrap:wrap;justify-content:space-around;gap:1.5rem;margin-top:1.5rem;padding:0;list-style:none;display:flex}.p-links__item{margin:0}.p-links__url{color:#36332f;font-weight:700;text-decoration:none;transition:all .2s}.u-border--top{border-top:1px solid #2a2a2a}.u-border--bottom{border-bottom:1px solid #2a2a2a}.u-border--left{border-left:1px solid #2a2a2a}.u-border--right{border-right:1px solid #2a2a2a}