.top{flex:1 1;display:flex;justify-content:center;gap:30px}@media(max-width:799px){.top{flex-direction:column-reverse;gap:4px}}.top>.main{max-width:var(--main-width);width:100%}.top>.main>.title{font-size:14px;font-weight:700;margin:8px 0}.top>.main>.entries{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between}.top>.other-works.open{width:260px;display:flex}@media(max-width:799px){.top>.other-works.open{display:none}}.top>.other-works.accordion{display:none}@media(max-width:799px){.top>.other-works.accordion{width:100%;display:flex}}.entry-card{display:flex;flex-direction:column;gap:8px;width:480px;height:210px;background-color:var(--card);border:1px solid var(--card-hover);border-radius:12px;padding:24px;box-shadow:0 2px 12px rgba(0,0,0,.502)}.entry-card:active,.entry-card:focus,.entry-card:hover{background-color:var(--card-hover)}.entry-card>.header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.entry-card>.header>.date{font-size:20px;font-weight:700}.entry-card>.header>.tags{display:flex}.entry-card>.header>.tags>.tag-item{font-size:12px;background-color:#454c57;border-radius:100%}.entry-card>.title{font-weight:700;font-size:22px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media(max-width:519px){.entry-card{width:350px;height:120px}.entry-card>.header>.date{font-size:12px}.entry-card>.title{font-size:14px}}.other-work{font-size:12px}.other-work>.title-box{display:flex;flex-direction:column}.other-work>.title-box>.media{align-self:end}.other-works{height:100%;display:flex;flex-direction:column}.other-works>.title{font-size:14px;font-weight:700;margin:8px 0;color:inherit;display:flex;justify-content:space-between}.other-works>.title>.chevron{transition:transform .3s cubic-bezier(.87,0,.13,1)}.other-works>.title[data-state=open]>.chevron{transform:rotate(180deg)}.other-works>.entries{display:flex;flex-direction:column;gap:12px}@media(max-width:799px){.other-works>.entries{margin:8px 0}}.other-works>.entries .line{border-right:none;border-bottom:none;border-left:none}.other-works>.entries[data-state=open]{animation:slideDown .3s cubic-bezier(.87,0,.13,1)}.other-works>.entries[data-state=closed]{animation:slideUp .3s cubic-bezier(.87,0,.13,1),hide .1s alternate}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}@keyframes hide{0%{opacity:1}to{opacity:0}}