/* A light extension of the homepage identity, scoped to secondary pages/titles. */
:root{--thalia-accent:#abdb23}
[data-title-reveal]{position:relative}
.title-motion-boot [data-title-reveal]{visibility:hidden}
.title-line{display:block;line-height:inherit}
.title-row{display:inline-block;position:relative;max-width:100%;vertical-align:top;line-height:inherit}
.title-ink{display:block;white-space:nowrap;line-height:inherit}
.title-cover{position:absolute;inset:-.10em -.14em;background:var(--thalia-accent);opacity:0;transform:scaleX(0);transform-origin:left;pointer-events:none;z-index:1}
.title-ready .title-ink{opacity:0}
.title-playing .title-cover{animation:secondary-title-wipe 780ms cubic-bezier(.76,0,.24,1) forwards;animation-delay:var(--title-delay,0ms)}
.title-playing .title-ink{animation:secondary-title-ink 1ms linear forwards;animation-delay:calc(var(--title-delay,0ms) + 234ms)}
@keyframes secondary-title-wipe{0%{opacity:1;transform:scaleX(0);transform-origin:left}20%,30%{opacity:1;transform:scaleX(1);transform-origin:left}31%{opacity:1;transform:scaleX(1);transform-origin:right}100%{opacity:1;transform:scaleX(0);transform-origin:right}}
@keyframes secondary-title-ink{to{opacity:1}}
.title-motion-disabled [data-title-reveal]{visibility:visible!important}
.title-motion-disabled .title-ink{opacity:1!important;animation:none!important}
.title-motion-disabled .title-cover{display:none!important}
.secondary-page,.secondary-page *{font-family:"Encode Sans Condensed",sans-serif!important}
.secondary-page{--ink:#131812;--paper:#fff;--accent:#abdb23;margin:0;background:var(--paper);color:var(--ink)}
.secondary-page .hd a:hover,.secondary-page .hd a[aria-current=page]{border-color:var(--thalia-accent);box-shadow:0 2px 0 var(--thalia-accent)}
.secondary-page :focus-visible{outline:2px solid #557000;outline-offset:4px}
.secondary-page .wk-cols>span:first-child::before,.secondary-page .dt::before,.secondary-page .section-label::before{content:'';display:inline-block;width:7px;height:7px;background:var(--thalia-accent);margin-right:9px;vertical-align:middle}
.secondary-page .rt h3::after,.secondary-page .cz::after,.secondary-page .project-title::after{content:'';display:block;width:36px;height:4px;background:var(--thalia-accent);margin-top:12px}
.secondary-page .row:hover,.secondary-page .row:focus-visible{background:#f5f8eb;box-shadow:inset 3px 0 var(--thalia-accent)}
.secondary-page .wk-cols span:nth-child(2){padding-left:0}
.secondary-page .project-description{max-width:64ch;font-size:clamp(18px,1.6vw,26px);line-height:1.4;margin-top:24px}

.secondary-page .map>.m:first-child,.secondary-page .mc b,.secondary-page .bigword i{color:var(--thalia-accent)}
.secondary-page .map h2{border-bottom-color:#abdb234d}
.secondary-page .cz{font-weight:650;letter-spacing:-.035em;line-height:1.02;padding-bottom:1.2vw}
.secondary-page .cz::first-letter{font-size:1em}
.secondary-page .tb thead{background:#abdb2312}
.secondary-page .tb th{border-bottom:1px solid #abdb2370}
.secondary-page .back-btn{background:var(--thalia-accent);color:var(--ink);border-radius:2px}
.secondary-page .tag{background:#abdb231c;color:var(--ink);border:1px solid #abdb2370}
.project-dialog .dialog-content h2::after{content:'';display:block;width:48px;height:4px;background:var(--thalia-accent);margin-top:18px}
@media(max-width:767px){.secondary-page .cz{padding-bottom:5vw}.secondary-page .rt h3::after{width:28px;height:3px;margin-top:9px}}
@media(prefers-reduced-motion:reduce){.title-motion-boot [data-title-reveal]{visibility:visible}.title-ready .title-ink{opacity:1}.title-playing .title-ink{animation:none}.title-cover{display:none}}