/* Home alignment, preserving the existing brand size and entrance animation. */
.site-header{align-items:end;padding-bottom:20px;grid-template-columns:minmax(0,1fr) auto}
.site-header .home-identity{align-self:end;padding:0;min-width:0}
.site-header .brand{display:flex;align-items:baseline;gap:10px;white-space:normal}
.site-header .brand-name{position:relative;top:5px;flex:none}
.site-header .descriptor-group{display:inline-flex;align-items:center;gap:9px;position:relative;top:3px;min-width:0;white-space:nowrap}
.site-header .descriptor-group i{display:block;flex:0 0 5px;width:5px;height:5px;margin:0;border-radius:0;background:var(--green)}
.site-header .brand-descriptor{display:inline!important;line-height:1.15;white-space:nowrap}
.site-header .header-right{align-self:end;align-items:flex-end}
.site-header .langs{display:flex;align-items:flex-end;gap:9px}
.site-header .langs button{display:flex;align-items:flex-end;justify-content:center;padding:0;line-height:1;opacity:.66}
.site-header .langs button.active{opacity:1}
.site-header .langs img{display:block;width:24px;height:15px;object-fit:cover;border:1px solid rgba(255,255,255,.36);border-radius:2px}
.site-header .langs b{display:none}
.about{grid-template-columns:minmax(0,1fr);gap:0}
.about-copy{grid-column:1;text-align:left;min-width:0}
.about h2{margin-top:0}
footer.page-limit{margin-top:88px}
@media(max-width:900px){.site-header .descriptor-group{white-space:normal;top:2px}.site-header .brand-name{top:4px}}
@media(max-width:650px){.site-header{padding-bottom:13px}.site-header .brand{flex-wrap:wrap;gap:4px 8px}.site-header .brand-name{top:2px}.site-header .descriptor-group{top:0}.site-header .brand-descriptor{font-size:11px!important;white-space:normal}.site-header .langs{display:flex}.site-header .langs img{width:22px;height:14px}.about{grid-template-columns:1fr}footer.page-limit{margin-top:65px}}

/* V0.2: smaller identity, compact intro, directional grid entrance. */
.site-header .brand-name{font-size:clamp(32px,3.7vw,46px)!important;top:4px}
.site-header .brand-descriptor{font-size:clamp(11px,1.25vw,15px)!important}
.site-header .descriptor-group{top:2px}
.about-copy{display:flex;flex-direction:column;align-items:stretch}
.about-toggle{display:block;align-self:flex-end;text-align:right;margin:5px 0 0 auto;padding-top:8px}
.work-card.reveal:not(.in){opacity:0!important;transform:translateX(-22px)!important}
.work-card.reveal.in{opacity:1!important;transform:none!important}
.work-card.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.22,.61,.36,1),filter .55s ease!important;transition-delay:var(--grid-delay,0ms),var(--grid-delay,0ms),0ms!important}
@media(max-width:650px){.site-header .brand-name{font-size:29px!important;top:2px}.site-header .brand-descriptor{font-size:10px!important}.work-card.reveal:not(.in){transform:translateX(-14px)!important}}
@media(prefers-reduced-motion:reduce){.work-card.reveal:not(.in){opacity:1!important;transform:none!important}.work-card.reveal{transition:none!important}}

/* V0.3: final size and square separators within project titles. */
.site-header .brand-name{font-size:clamp(30px,3.45vw,42px)!important}
.site-header .brand-descriptor{font-size:clamp(10px,1.15vw,13px)!important}
.about-toggle{align-self:flex-start;text-align:left;margin:5px auto 0 0}
.work-card .thumb-title-square{display:inline-block;width:5px;height:5px;margin:0 7px 3px;background:#fff;vertical-align:baseline}
@media(max-width:650px){.site-header .brand-name{font-size:27px!important}.site-header .brand-descriptor{font-size:10px!important}}
/* V0.4: compact opening, topic menu and browsable tag directory. */
.site-header{border-bottom:0!important;min-height:104px!important;padding-bottom:0!important}
.about{padding-top:7px!important;padding-bottom:12px!important}
.about-toggle{align-self:flex-start;text-align:left;margin:4px auto 0 0;padding:0 4px 0 0;font-size:20px;line-height:1.2}
.about-toggle-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.about-chevron{display:inline-block;line-height:1;vertical-align:middle}
.work-nav{justify-content:space-between;gap:20px;overflow:visible;flex-wrap:wrap}
.work-filters{display:flex;align-items:center;gap:clamp(18px,3vw,38px)}
.tag-search-button{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#cbd0d3;border:1px solid var(--line);border-radius:999px;padding:9px 15px;font-size:11px;white-space:nowrap;transition:color .25s,border-color .25s}
.tag-search-button:hover,.tag-search-button:focus-visible{color:var(--green);border-color:var(--green)}
.tag-directory{margin-top:88px;padding-top:36px;border-top:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,1fr);gap:34px;scroll-margin-top:24px}
.tag-directory h2{margin:0;color:var(--green);font-size:clamp(26px,3vw,38px);font-weight:520;letter-spacing:-.03em;line-height:1.1}
.tag-directory-links{display:flex;align-content:flex-start;flex-wrap:wrap;gap:8px}
.tag-directory-links a{text-decoration:none;color:#c8cdd1;border:1px solid var(--line);border-radius:999px;padding:7px 11px;font-size:11px;transition:color .2s,border-color .2s,background .2s}
.tag-directory-links a:hover,.tag-directory-links a:focus-visible{color:#0b0d0f;border-color:var(--green);background:var(--green)}
footer.page-limit{margin-top:65px}
@media(max-width:650px){.site-header{min-height:95px!important}.about{padding-top:7px!important}.work-nav{gap:5px}.work-filters{gap:17px}.work-nav button{font-size:12px}.tag-search-button{font-size:10px;padding:7px 10px;margin-bottom:10px}.tag-directory{margin-top:65px;grid-template-columns:1fr;gap:18px;padding-top:27px}}

.tag-search-button::after{content:"↓";font-size:15px;line-height:1}
/* V0.5: spacious opening, word reveal and swift compact state. */
.about{padding-top:27px!important}
.about-details{transition:max-height .46s cubic-bezier(.22,1,.36,1)!important}
.about.is-intro-open .about-details{max-height:520px!important}
.about.is-intro-open .about-details::after{opacity:0}
.about.is-intro-open .about-toggle{opacity:0;pointer-events:none}
.intro-word{color:var(--green);transition:color .45s ease}.intro-word.settled{color:#f2f3f4}
.work-nav{justify-content:flex-start!important}.work-filters{gap:clamp(18px,3vw,38px)}.tag-search-button{margin-left:0}
footer.page-limit{font-size:11px}
@media(max-width:650px){.about{padding-top:22px!important}.about.is-intro-open .about-details{max-height:1500px!important}.work-nav{gap:14px!important}}
@media(prefers-reduced-motion:reduce){.intro-word{color:#f2f3f4!important}.about-details{transition:none!important}}
/* V0.6: word construction after header, precise arrow and four-button navigation. */
.rf-intro-pending .about-details p{visibility:hidden}
.intro-word{opacity:0;color:var(--green);transition:opacity .16s ease,color .38s ease!important}
.intro-word.entered{opacity:1}.intro-word.settled{color:#f2f3f4}
.about-chevron svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.work-nav{gap:8px!important}.work-filters{gap:8px!important}
.work-nav button{border:1px solid var(--line)!important;border-radius:999px!important;padding:9px 15px!important;color:#cbd0d3!important;line-height:1.1!important;background:transparent!important}
.work-nav button:hover,.work-nav button.active{color:var(--green)!important;border-color:var(--green)!important}
.tag-search-button{gap:0!important}.tag-search-button::after{content:none!important}
@media(max-width:650px){.work-nav{gap:7px!important}.work-filters{gap:6px!important}.work-nav button{padding:7px 10px!important}}
/* V0.7: borderless thumbnail framing and the All filter. */
.work-card,.related-card,.feed-frame{border:0!important;outline-offset:-2px}
.work-card[data-layout="bp"]>img{transform:scale(1.14)!important}
.rf-trim-bp>img,.related-card[data-layout="bp"]>img{transform:scale(1.14)!important}
.work-card[data-layout="omv"]>img,.related-card[data-layout="omv"]>img{transform:scale(1.14)!important}

/* New covers retain their original framing. */
.work-card>img[src*="/home-thumbs/"],.related-card>img[src*="/home-thumbs/"]{transform:none!important}

/* Compact intro: exactly one complete line, without the old fade mask. */
.about:not(.is-open):not(.is-intro-open) .about-details{font-size:14px;line-height:1.72;max-height:1.72em!important;max-height:1lh!important}
.about:not(.is-open):not(.is-intro-open) .about-details::after{display:none}

.intro-paragraph{opacity:0;transform:translateY(12px);color:var(--green)!important;transition:opacity .4s ease,transform .5s ease,color .5s ease!important}
.intro-paragraph.entered{opacity:1;transform:none}.intro-paragraph.settled{color:#bec3c7!important}
@media(prefers-reduced-motion:reduce){.intro-paragraph{opacity:1;transform:none;color:#bec3c7!important;transition:none!important}}