html,body{height:100%}body{overflow:hidden}.page-label{position:fixed;left:2.4rem;top:12.8rem;z-index:30;font-size:1.3rem}.mode-toggle{position:fixed;right:2.4rem;top:12.8rem;z-index:30;display:flex;gap:1.8rem;font-size:1.2rem}.mode-toggle .label{opacity:.5}.mode-toggle button{position:relative;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}.mode-toggle button.active,.mode-toggle button:hover{opacity:1}#view-carousel{position:fixed;inset:0;overflow:hidden;perspective:1200px}.c-item{position:absolute;left:50%;top:50%;width:min(48vw,760px);aspect-ratio:16 / 9;cursor:pointer;will-change:transform,filter}.c-item img,.c-item video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}@media(max-width:640px){.c-item{width:min(84vw,520px)}}.page-label,.mode-toggle{animation:cap-rise .8s cubic-bezier(.22,1,.36,1) .75s both}@keyframes cap-rise{0%{opacity:0;transform:translateY(1.8rem)}to{opacity:1;transform:translateY(0)}}.c-info{position:fixed;left:0;right:0;bottom:2.4rem;z-index:31;display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);column-gap:var(--grid-gutter);padding:0 var(--grid-margin);align-items:end;pointer-events:none}.c-caption{grid-column:4 / 7;pointer-events:auto}.c-caption .cap-no{font-size:1.3rem;opacity:.6}.c-caption a{display:inline-block;margin-top:1rem;font-size:1.5rem}.c-caption a:hover{opacity:.6}.c-meta{font-size:1.1rem;line-height:1.8}.c-meta .k{display:block;opacity:.5;font-size:1.1rem;letter-spacing:.06em}#meta-stack{grid-column:7 / 9}#meta-date{grid-column:9 / 11}@media(max-width:640px){.c-info{row-gap:1.6rem;bottom:5rem}.c-caption{grid-column:1 / 7;grid-row:1}#meta-stack{grid-column:1 / 4;grid-row:2}#meta-date{grid-column:4 / 7;grid-row:2}.v-side{left:var(--grid-margin);right:auto;bottom:2.4rem;text-align:left}}#view-list{position:fixed;inset:0}#view-list .split-left{grid-column:1 / 3;padding-top:20rem}#view-list .split-right{grid-column:4 / 12;padding-top:20rem}.cat-filter .k{font-size:1.1rem;opacity:.5;margin-bottom:1.8rem}#cat-buttons{display:flex;flex-direction:column;gap:1.8rem}@media(max-width:640px){#cat-buttons{flex-direction:row;flex-wrap:wrap;gap:1.6rem 2rem}}.cat-filter button{position:relative;width:fit-content;display:block;background:none;border:none;color:inherit;font:inherit;font-size:1.3rem;line-height:1;cursor:pointer;opacity:.65;padding:0}.cat-filter button.active,.cat-filter button:hover{opacity:1}.cat-filter button:after,.mode-toggle button:after{content:"";position:absolute;left:0;bottom:-.4rem;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.22,1,.36,1)}.cat-filter button.active:after,.mode-toggle button.active:after{transform:scaleX(1)}.l-head,.l-row-grid{display:grid;grid-template-columns:repeat(8,1fr);column-gap:var(--grid-gutter);align-items:center}.l-head>:nth-child(1),.l-row-grid>:nth-child(1){grid-column:1 / 2}.l-head>:nth-child(2),.l-row-grid>:nth-child(2){grid-column:2 / 4}.l-head>:nth-child(3),.l-row-grid>:nth-child(3){grid-column:6 / 7}.l-head>:nth-child(4),.l-row-grid>.l-cat{grid-column:8 / 9}.l-head{font-size:1rem;opacity:.5;letter-spacing:.04em;padding-bottom:1.4rem}.l-row{display:block;border-top:1px solid rgba(244,244,242,.22);cursor:pointer}.l-row:last-child{border-bottom:1px solid rgba(244,244,242,.22)}.l-row-grid{height:6.2rem;font-size:1.3rem}.l-cat{justify-self:start;font-size:1rem;letter-spacing:.03em;border:1px solid rgba(244,244,242,.5);padding:.3rem 1rem}.l-preview{height:0;overflow:hidden;transition:height .55s cubic-bezier(.22,1,.36,1)}.l-preview .ph{width:34rem;aspect-ratio:3 / 2;margin:.6rem 0 3.4rem calc(var(--col) + var(--grid-gutter));overflow:hidden}.l-preview img,.l-preview video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.08);transition:transform .7s cubic-bezier(.22,1,.36,1)}.l-row:hover .l-preview{height:28rem}.l-row:hover .l-preview img{transform:scale(1)}@media(max-width:800px){#view-list{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:none}#view-list .split-left{padding-top:17rem}#view-list .split-right{padding-top:4rem}}@media(max-width:640px){.l-head{display:none}.l-row-grid{grid-template-columns:1fr auto;align-items:start;height:auto;row-gap:.6rem;padding:1.8rem 0}.l-row-grid>span:nth-child(1){grid-column:1;grid-row:1;font-size:1.1rem;opacity:.6}.l-row-grid>span:nth-child(2){grid-column:1;grid-row:2;font-size:1.5rem}.l-row-grid>span:nth-child(3){grid-column:1;grid-row:3;font-size:1.1rem;opacity:.6}.l-cat{grid-column:2;grid-row:1;align-self:start}.l-preview{display:none}}.hidden-view{display:none!important}.list-copyright{display:none}@media(max-width:640px){body.is-list-mode .v-side{display:none}.list-copyright{display:block;margin-top:8rem;font-size:.9rem;letter-spacing:.06em;opacity:.6}}@media(max-width:640px){.page-label,.mode-toggle{top:10rem}.page-label{left:1.2rem}.mode-toggle{right:1.2rem}}