*,*:before,*:after{box-sizing:border-box;margin:0}html,body{height:100vh;overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}.page{margin:0 auto;background:#f0f8ff;color:#1e2127;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif}.wrapper{margin:0 auto;height:100vh;overflow:hidden;touch-action:none}.site-header{position:fixed;display:grid;align-items:center;gap:1rem;padding-inline:2rem;height:3rem}.site-title{color:#4d5360;font-size:1rem;font-weight:400;letter-spacing:.14em;view-transition-name:site-title}.works{margin:0;padding:0 1.125rem;list-style:none}.work+.work{border-top:1px solid rgb(30 33 39 / 12%)}.works.is-virtual{position:relative;height:100%;padding:0}.works.is-virtual .work{position:absolute;top:0;left:0;right:0;padding:0 1.125rem;border-top:1px solid rgb(30 33 39 / 12%);will-change:transform}.work-link{display:flex;align-items:baseline;gap:1.25rem;padding:1.125rem 0;font-size:clamp(2rem,5vw,3.5rem);text-decoration:none;color:#1e212740;transition:color .2s}.work-link:before{content:"";flex:none;align-self:center;width:.25em;height:.25em;transform:rotate(45deg);background:transparent;transition:background .2s}.work-title{font-weight:500;letter-spacing:-.02em}.work.is-active .work-link{color:#1e2127}.work.is-active .work-link:before{background:#1e2127}.work-thumb{display:none}@view-transition{navigation:auto}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation-duration:.15s}.bg-canvas{position:fixed;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}