/* Shared timing and quiet feedback; brand and artwork remain in their own styles. */
:root{--motion-hover:140ms;--motion-out:180ms;--motion-select:200ms;--motion-fold:250ms;--motion-enter:380ms;--motion-ease:cubic-bezier(.22,.8,.2,1)}
.orbit-card{will-change:auto;transition:box-shadow var(--motion-out) var(--motion-ease),outline-color var(--motion-out) var(--motion-ease)}
.orbit-card .card-art-wrap{overflow:hidden}.orbit-card .cover-art{transition:transform var(--motion-out) var(--motion-ease)}
.orbit-gallery.is-dragging .cover-art{transform:none!important;transition:none}.orbit-gallery.is-dragging .orbit-card{transition:none}
@media(hover:hover) and (pointer:fine){
 .orbit-card:hover .cover-art,.orbit-card:focus-visible .cover-art{transform:scale(1.015);transition-duration:var(--motion-hover)}
 .catalog-card,.selection-card{transition:translate var(--motion-out) var(--motion-ease),box-shadow var(--motion-out) var(--motion-ease)}
 .catalog-card:hover,.selection-card:hover{translate:0 -2px;transition-duration:var(--motion-hover)}
 .catalog-card:hover .cover-art{transform:none}
 .catalog-card .card-arrow,.selection-card .card-arrow{transition:translate var(--motion-out) var(--motion-ease)}
 .catalog-card:hover .card-arrow,.selection-card:hover .card-arrow{translate:3px -1px}
 button:hover{transition-duration:var(--motion-hover)}
}
button,.text-action,.chapter-nav a,.sidebar a{transition:background-color var(--motion-out) var(--motion-ease),color var(--motion-out) var(--motion-ease),border-color var(--motion-out) var(--motion-ease)}
button:active:not(:disabled){translate:0 1px;transition:translate 90ms}.gallery-controls button:active{translate:0 1px}
[role=tab]{transition:background-color var(--motion-select) var(--motion-ease),color var(--motion-select) var(--motion-ease),box-shadow var(--motion-select) var(--motion-ease)}
.series-panel{animation:none}
[aria-busy=true]{cursor:progress}
details>summary>span:last-child,.growth-chevron{transition:transform var(--motion-fold) var(--motion-ease)}
details[data-expanded=false]>summary .growth-chevron{transform:none}details[data-expanded=true]>summary .growth-chevron,details[open]:not([data-expanded=false])>summary .growth-chevron{transform:rotate(45deg)}
@keyframes workbench-enter{from{opacity:.7;translate:0 6px}to{opacity:1;translate:0 0}}
.has-entered{animation:workbench-enter 320ms var(--motion-ease) both}.home-copy{animation:workbench-enter var(--motion-enter) var(--motion-ease) both}.orbit-track{animation:workbench-enter var(--motion-enter) 50ms var(--motion-ease) both}
body[data-transitioning=true] .home-copy,body[data-transitioning=true] .orbit-track,body[data-transitioning=true] .has-entered{animation:none}
.view{view-transition-name:workbench-content}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-group(workbench-content){animation-duration:var(--motion-enter);animation-timing-function:var(--motion-ease)}
::view-transition-old(workbench-content){animation:fade-out 160ms both;mix-blend-mode:normal}
::view-transition-new(workbench-content){animation:workbench-enter var(--motion-enter) var(--motion-ease) both;mix-blend-mode:normal}
::view-transition-group(selected-cover){animation-duration:var(--motion-enter)}
.chapter-nav{position:sticky;top:0;z-index:12;background:var(--paper);padding-block:10px!important;box-shadow:0 6px 14px -14px #17251f55;scrollbar-width:thin}
.chapter-nav a{white-space:nowrap}.chapter-nav a[aria-current=location]{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}
.case-section,.carrier-study,.case-end{scroll-margin-top:76px}
.preview-dialog[open]{animation:none}.preview-dialog[data-closing=true]{pointer-events:none}
.preview-dialog[data-album-mode=display][open]{inset:auto;position:fixed;left:50%;top:50%;translate:-50% -50%;margin:0;min-height:0;height:fit-content;max-height:calc(100dvh - 24px)}
.preview-dialog[data-album-mode=display] .preview-reading{min-height:0;overflow:auto;flex:0 1 auto}
.preview-dialog[data-album-mode=display] .preview-body{min-height:0}.preview-body[data-loading=true]:has(>img[data-loaded=true]) .preview-loading,.preview-body[data-loading=true]:has(>.album-stage) .preview-loading{inset:auto 12px 12px auto;background:#f8f2e8e8;padding:6px 10px;border-radius:4px}
.preview-dialog[data-album-mode=display]:has(.is-zoomed){height:calc(100dvh - 24px);width:calc(100vw - 24px)}
.preview-dialog[data-album-mode=display] .preview-reading:has(.is-zoomed){flex:1}
.preview-dialog[data-album-mode=display] .preview-body.is-zoomed{max-height:none}
.preview-toolbar button{min-width:44px;min-height:44px}.preview-toolbar [data-image-count]{min-width:48px}
.album-filmstrip button{transition:border-color var(--motion-select),opacity var(--motion-select)}
.guide-chat{animation:none!important}.character-button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
@media(hover:hover){.small-bear-guide[data-chat=false][data-travel]:hover .character-button{transform:none}.small-bear-guide[data-chat=false]:not([data-travel]):hover .character-button{animation:bear-hello 320ms var(--motion-ease)}}
@keyframes bear-hello{50%{rotate:-3deg;translate:0 -3px}}
@media(max-width:700px){
 .preview-dialog[data-album-mode=display][open]{width:calc(100vw - 16px);max-height:calc(100dvh - 20px)}
 .preview-dialog[data-album-mode] .preview-toolbar{gap:7px;padding:9px 10px}
 .preview-dialog[data-album-mode] .preview-toolbar button{min-height:44px;min-width:44px;padding:6px 9px;font-size:12px}
 .preview-dialog[data-album-mode] .image-controls{gap:5px;flex-wrap:wrap}
 .preview-dialog[data-album-mode] .preview-source{min-height:30px;display:flex;align-items:center}
 .chapter-nav{gap:3px;flex-wrap:nowrap;overflow-x:auto;margin-inline:-14px;padding-inline:14px!important}.chapter-nav a{min-height:44px;display:flex;align-items:center}
 .gallery-controls button{min-height:44px;min-width:44px}
}
body[data-reduce-motion=true] .has-entered,body[data-reduce-motion=true] .home-copy,body[data-reduce-motion=true] .orbit-track{animation:none}