/* A common motion language: enter, settle, read. No repeated exit shrink. */
.chapter-direction .story-surface{translate:none!important;scale:1!important;opacity:1!important}
.directed-chapter{padding-top:68px!important;padding-bottom:45px!important;isolation:isolate}
.directed-chapter:before{content:attr(data-chapterWord);position:absolute;top:3px;left:max(20px,calc((100% - 1180px)/2));font:900 clamp(38px,6.8vw,100px)/1 Arial,sans-serif;letter-spacing:-.05em;color:color-mix(in srgb,var(--frame) 11%,transparent);translate:0 var(--scene-drift,0px);pointer-events:none;white-space:nowrap;z-index:-1}
.directed-chapter:nth-of-type(2n):before{left:auto;right:max(20px,calc((100% - 1180px)/2))}
.directed-chapter>.wrap{position:relative;z-index:1}
.chapter-index{margin-left:auto;color:#40324f9e;font:700 10px/1.3 monospace;letter-spacing:.1em;white-space:nowrap;padding:7px 10px;border-left:1px solid #fff7}
.sec-head .window-controls{margin-left:10px}
.chapter-direction .motion-item{opacity:0;translate:var(--entry-x,0px) 42px;scale:.985;transition:translate .85s cubic-bezier(.16,1,.3,1),opacity .65s ease,scale .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--entry-delay,0ms)}
.chapter-direction .motion-item.motion-arrived{opacity:1;translate:0 0;scale:1}
.chapter-direction .sec-head.motion-item{translate:-25px 0;scale:1;opacity:.35}
.chapter-direction .sec-head.motion-arrived{translate:0 0;opacity:1}
.chapter-direction .sec-head.motion-item{clip-path:inset(0 18% 0 0 round 12px 12px 0 0);transition:clip-path .8s cubic-bezier(.16,1,.3,1),translate .8s cubic-bezier(.16,1,.3,1),opacity .5s}
.chapter-direction .sec-head.motion-arrived{clip-path:inset(0 0 0 0 round 12px 12px 0 0)}
#portfolio .pf-card.motion-item{clip-path:inset(7% 0 0 0 round 12px);transition:clip-path 1s cubic-bezier(.16,1,.3,1),translate 1s cubic-bezier(.16,1,.3,1),opacity .7s,scale 1s}
#portfolio .pf-card.motion-arrived{clip-path:inset(0 0 0 0 round 12px)}
#about .about-grid{gap:28px!important}
#portfolio .pf-grid{gap:32px!important}
#portfolio .pf-card{border-radius:12px!important;overflow:hidden;box-shadow:0 6px 0 #1010254d!important}
#portfolio .pf-img{overflow:hidden}
#portfolio .pf-img img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s!important}
#portfolio .pf-card:hover .pf-img img{transform:scale(1.035)!important;filter:brightness(1.06)}
#portfolio .pf-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px!important;background:#ffffff08!important}
#portfolio .pf-meta b{font-size:22px!important}#portfolio .pf-meta span{font-size:12px!important}
.chapter-rail{position:fixed!important;right:12px!important;top:50%!important;inset-inline-start:auto!important;translate:0 -50%;z-index:1100!important;width:38px!important;display:flex;flex-direction:column;gap:5px;background:#1e1735d9;border:1px solid #c5acd644;border-radius:20px;padding:10px 4px;box-shadow:0 6px 16px #160d2426}
.chapter-rail button{position:relative;border:0!important;box-shadow:none!important;background:transparent!important;color:#b1a0c1;width:28px;height:28px;padding:0!important;border-radius:50%;cursor:pointer;font:11px monospace}
.chapter-rail button[aria-current]{background:#f5c8e3!important;color:#392749!important;font-weight:bold}
.chapter-rail b{position:absolute;right:38px;top:0;padding:7px 12px;background:#302342;color:#eddaef;border-radius:5px;font:12px/1.2 sans-serif;white-space:nowrap;opacity:0;pointer-events:none;translate:7px 0;transition:opacity .2s,translate .2s}
.chapter-rail button:hover b,.chapter-rail button:focus-visible b{opacity:1;translate:0 0}
.chapter-reading{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:3px!important;background:linear-gradient(90deg,#f6aacf,#b5cdf5,#a5e3de);transform-origin:left;z-index:1300!important;pointer-events:none}
#catModal #catGrid .cat-tile{--album-y:0px;--album-scale:1;--album-opacity:1;translate:none;scale:1;opacity:1}
#catModal #catGrid .album-reveal{opacity:0;translate:0 65px;scale:.97;transition:translate .8s cubic-bezier(.16,1,.3,1),scale .8s cubic-bezier(.16,1,.3,1),opacity .55s}
#catModal #catGrid .album-arrived{opacity:1;translate:0 0;scale:1}
body.editing .motion-item,body.editing #catModal #catGrid .cat-tile{opacity:1!important;translate:none!important;scale:1!important;transition:none!important}
body.editing .chapter-rail,body.viewing-artwork .chapter-rail,html.hx-entry-open .chapter-rail{visibility:hidden}
@media(max-width:1100px){.chapter-rail{display:none}.chapter-index{font-size:9px;padding-inline:6px}}
@media(max-width:700px){.directed-chapter{padding-top:48px!important;padding-bottom:25px!important}.directed-chapter:before{font-size:45px;top:4px}.chapter-index{display:none}#portfolio .pf-meta{padding:13px!important}#portfolio .pf-meta b{font-size:17px!important}.chapter-direction .motion-item{translate:0 28px;scale:1}#portfolio .pf-grid{gap:22px!important}}
@media(prefers-reduced-motion:reduce){.chapter-direction .motion-item,#catModal #catGrid .album-reveal{opacity:1!important;translate:none!important;scale:1!important;clip-path:none!important;transition:none!important}.directed-chapter:before{translate:none!important}}
@media print{.chapter-rail,.chapter-reading,.chapter-index,.directed-chapter:before{display:none!important}.chapter-direction .motion-item{opacity:1!important;translate:none!important;scale:1!important}}