/* Current Figma Logofolio grid. */
.logofolio-ticker{position:absolute;top:2.32vw;left:0;width:100%;font-size:1.041667vw;line-height:1.2;z-index:1;pointer-events:none}
.logofolio-ticker .marquee__track{animation:marquee 45s linear infinite}
.logofolio-ticker .marquee__track span{padding-right:1ch}
.page-logofolio .logo-project__meta a{pointer-events:auto}
@media(max-width:900px){.logofolio-ticker{top:5rem;font-size:14px}.page-logofolio #main{padding-top:7rem}}

/* Each sticky panel is constrained by its own project section. */
.page-logofolio .logo-project__meta{overflow:visible}
.page-logofolio .logo-project__meta>.logo-project__sticky{position:sticky;top:min(16px,calc(100svh - var(--meta-height) - 24px));left:0;width:100%;height:var(--meta-height);white-space:normal}
.logo-project__sticky>*{position:absolute;margin:0;white-space:pre-line;line-height:1.25}
@media(max-width:900px){
.page-logofolio .logo-project__meta{position:static;top:auto;z-index:auto;background:var(--paper,#fff);padding:1rem 1.5rem;pointer-events:auto}
.page-logofolio .logo-project__meta>.logo-project__sticky{display:contents}
.logo-project__sticky>*{position:static!important;width:auto!important}
}

.page-logofolio .logo-project__meta .logo-meta-description,.page-logofolio .logo-project__meta .logo-meta-year{color:#999}
.page-logofolio .logo-project__meta .logo-meta-title{color:#303030}

.logofolio-ticker em{font-style:normal;color:#999}

.logo-kiyomi-letter{position:absolute;left:59.07%;top:5.3%;width:26.67%;height:89.5%}
.logo-kiyomi-letter svg{display:block;width:100%;height:100%}
.logo-site-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;border:1px solid currentColor;border-radius:999px;color:#000;font-family:var(--nav-mono,monospace);font-size:.885417vw;line-height:1;white-space:nowrap;text-decoration:none;box-sizing:border-box}
.logo-site-link:hover{background:#000;color:#fff}

/* Expand the original 530–1820 artwork column without distorting its contents. */
@media(max-width:900px){
.page-logofolio .logo-project{overflow:clip}
.page-logofolio .logo-composition{width:145.4545455%;max-width:none;flex-shrink:0;margin-left:-40.1515152%}
}

.page-logofolio .logo-project{border-bottom:1px dashed #000}
.page-logofolio #vahit .logo-art img{filter:grayscale(1) brightness(0)}

/* Match separate description paragraphs to wrapped lines in every mobile card. */
@media(max-width:900px){
.page-logofolio .logo-project__meta{row-gap:0;align-content:start}
.page-logofolio .logo-project__meta .logo-meta-title,.page-logofolio .logo-project__meta .logo-meta-year{margin-bottom:.5rem;line-height:1.25}
.page-logofolio .logo-project__meta .logo-meta-description{margin:0;line-height:1.25;min-width:0}
}

.page-logofolio #other-product .logo-art img{filter:brightness(0)}

/* Keep the sticky description clear of both project dividers. */
@media(min-width:901px){
.page-logofolio .logo-project__meta{inset:40px 0 48px}
}
@media(max-width:900px){
.page-logofolio .logo-project__meta{padding-top:40px;padding-bottom:24px}
.page-logofolio .logo-project{padding-bottom:32px}
}