/* Light, paper and inertia. All content stays visible without JavaScript. */
:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-soft:cubic-bezier(.22,.7,.18,1)}
.header.literary-header .workshop-brand{display:inline-flex;align-items:center;gap:10px;width:fit-content;min-width:0}
.brand-avatar{display:block;width:34px;height:34px;flex:none;border-radius:10px;object-fit:cover;box-shadow:inset 0 0 0 1px #d2ddf11a}
.header.literary-header .workshop-brand>span{min-width:0}
.header.literary-header .workshop-brand .brand-avatar{transition:transform .9s var(--motion-ease),border-radius .9s var(--motion-ease)}
.header.literary-header nav{position:relative;isolation:isolate}
.header.literary-header nav>.motion-nav-light{position:absolute;inset:4px;z-index:-1;pointer-events:none;border-radius:9px;background:linear-gradient(115deg,#e2e9ff1b,#e2e9ff0b);box-shadow:inset 0 1px 0 #ffffff29;opacity:0;clip-path:inset(0 var(--nav-right,100%) 0 var(--nav-left,0px) round 9px);transition:clip-path .65s var(--motion-ease),opacity .3s}
.header.literary-header nav[data-motion-nav]>.motion-nav-light{opacity:var(--nav-opacity,0)}
.header.literary-header nav[data-motion-nav] a:is(:hover,[aria-current]){background:none;box-shadow:none}
.header.literary-header nav a{transition:color .35s}
.site-page .catalog-entry,.site-page .collection-card,.reader-page:not(.poem-page) .related-work{transition:translate .85s var(--motion-ease),border-color .55s,background-color .55s}
.site-page .catalog-entry-cover,.site-page .collection-card-art,.related-work-cover{position:relative;isolation:isolate}
.motion-reflection{position:absolute;inset:-25% -65%;z-index:1;pointer-events:none;opacity:0;transform:translateX(-70%);background:linear-gradient(112deg,transparent 36%,#ffffff03 43%,#ffffff26 49%,#ffffff05 55%,transparent 62%)}
.site-page .catalog-entry-cover img,.site-page .collection-card-art:not(.has-mosaic)>img{transform:perspective(900px) translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) scale(var(--art-scale,1));transition:transform .85s var(--motion-ease)}
.site-page .motion-art-active .catalog-entry-cover img,.site-page .motion-art-active .collection-card-art:not(.has-mosaic)>img{transition-duration:.15s;transition-timing-function:linear}
.site-page .catalog-entry-copy h3,.site-page .collection-card h2{transition:color .5s}
.site-page .catalog-opening{transition:opacity .55s var(--motion-soft),transform .8s var(--motion-ease);transform:translateY(16px)}
.site-page .catalog-entry:is(.motion-art-active,:focus-visible) .catalog-opening{transform:none}
.site-page .catalog-controls :is(button,select,.search-box){transition:border-color .4s,background-color .4s,color .3s}
.site-page .catalog-view button .ui-icon,.catalog-view button svg{transition:transform .65s var(--motion-ease)}
.site-page .catalog-view button[aria-pressed=true] svg{transform:scale(1.08)}
.site-page .book-feature .cover-button{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--book-lift,0px));transition:transform .85s var(--motion-ease)}
.site-page .book-feature.motion-book-active .cover-button{transition-duration:.15s;transition-timing-function:linear}
.site-page .book-page-cover.book-feature{transform:none}
.site-page .book-feature .cover-button img{transition:filter .65s}
.site-page .book-contents li{transition:background-color .6s,color .5s}
.site-page .book-contents li:before{transition:translate .8s var(--motion-ease),color .4s}
.site-page .book-contents li:hover:before{translate:5px 0;color:#d8e0f0}
.site-page .book-contents li:hover{color:#f3f4f9;background-color:#ccd7f903}
.site-page .book-contents li span{transition:translate .8s var(--motion-ease)}
.site-page .book-contents li:hover span{translate:3px 0}
.header-popular,.site-page .button.primary{position:relative;isolation:isolate;overflow:hidden}
.header-popular::before,.site-page .button.primary::before{content:'';position:absolute;inset:-40% -60%;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 38%,#ffffff70 49%,transparent 62%);transform:translateX(-70%);opacity:0;transition:transform 1.1s var(--motion-ease),opacity .45s}
.header-popular:hover::before,.site-page .button.primary:hover::before{transform:translateX(65%);opacity:1}
.site-page .button,.header.literary-header .header-popular{transition:translate .7s var(--motion-ease),background-color .4s,border-color .4s;transform:none}
.site-page .button:active,.header.literary-header .header-popular:active{translate:0 1px}
.resources-menu .resources-popover{transform-origin:top right}
.resources-menu[open] .resources-popover{animation:resource-unfold .7s var(--motion-ease) both}
.resources-menu .resources-popover>a{transition:translate .65s var(--motion-ease),background-color .35s,color .35s}
.resources-menu .resources-popover>a:hover{translate:3px 0}
.literary-footer .footer-resource>.ui-icon{transition:transform .85s var(--motion-ease),opacity .45s}
.literary-footer .footer-resource:hover>.ui-icon{transform:translateY(-3px) rotate(-6deg)}
.literary-footer .footer-resource strong::after{transition:transform .85s var(--motion-ease)}
.literary-footer .footer-wordmark>span{transition:translate .8s var(--motion-ease),color .5s}
.literary-footer .footer-wordmark:hover>span:last-child{translate:4px 0}
.back-top{transition:translate .65s var(--motion-ease),background-color .4s}
.back-top:hover{translate:0 -4px}
@keyframes resource-unfold{from{opacity:.25;transform:translateY(-9px) scale(.97)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .header.literary-header .workshop-brand:hover .brand-avatar{transform:rotate(-9deg) scale(1.07);border-radius:13px}
 .site-page .catalog-entry.motion-art-active,.site-page .collection-card.motion-art-active{translate:0 -7px}
 .site-page .catalog-gallery[data-view=list] .catalog-entry.motion-art-active{translate:0 0}
 .site-page .catalog-entry:hover .catalog-entry-copy h3,.site-page .collection-card:hover h2{color:#fff}
 .site-page .catalog-entry:is(.motion-art-active,:focus-visible) .catalog-entry-cover img,.site-page .catalog-gallery[data-view=covers] .catalog-entry:is(.motion-art-active,:focus-visible) .catalog-entry-cover img,.site-page .collection-card.motion-art-active .collection-card-art:not(.has-mosaic)>img{transform:perspective(900px) translate3d(var(--art-x,0px),var(--art-y,0px),0) rotateX(var(--art-rx,0deg)) rotateY(var(--art-ry,0deg)) scale(var(--art-scale,1.055))}
 .site-page .book-feature:hover .cover-button{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--book-lift,-5px))}
 .site-page .button:hover,.header.literary-header .header-popular:hover{translate:0 -2px}
 .header.literary-header .header-popular:hover{transform:none}
 .reader-page:not(.poem-page) .related-work:hover{translate:0 -5px}
}
/* Cross-document transitions progressively enhance ordinary same-origin links. */
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 .literary-header{view-transition-name:literary-header}
 ::view-transition-group(root){animation-duration:.65s}
 ::view-transition-old(root){animation:site-leave .2s ease-out both}
 ::view-transition-new(root){animation:site-arrive .65s var(--motion-ease) both}
 ::view-transition-group(literary-header){animation-duration:.65s;animation-timing-function:var(--motion-ease)}
 ::view-transition-old(literary-header),::view-transition-new(literary-header){mix-blend-mode:normal;animation:none}
 ::view-transition-old(literary-header){opacity:0}
 @keyframes site-leave{to{opacity:0;transform:translateY(-6px)}}
 @keyframes site-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
}
@media(max-width:600px){.brand-avatar{width:28px;height:28px;border-radius:8px}.header.literary-header .workshop-brand{gap:8px}}
@media(prefers-reduced-motion:reduce){
 .brand-avatar,.site-page .catalog-entry,.site-page .collection-card,.site-page .catalog-entry-cover img,.site-page .collection-card-art img,.catalog-opening,.book-feature .cover-button,.book-contents li,.book-contents li span,.book-contents li:before,.site-page .button,.header-popular,.resources-popover,.resources-popover>a,.literary-footer .footer-wordmark>span,.literary-footer .footer-resource>.ui-icon,.back-top{animation:none!important;transition:none!important;transform:none!important;translate:none!important}
 .motion-reflection,.motion-nav-light,.header-popular::before,.site-page .button.primary::before{display:none!important}
 .header.literary-header nav[data-motion-nav] a[aria-current]{background:linear-gradient(120deg,#ffffff12,#ffffff08)}
}