/* 30 named effects; all animation is optional under prefers-reduced-motion. */
@keyframes rp01-page-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes rp02-heading-rise{from{opacity:0;transform:translateY(16px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes rp03-hero-copy{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes rp04-portrait-reveal{from{opacity:0;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes rp05-archive-reveal{from{opacity:0;filter:grayscale(1) blur(3px)}to{opacity:.87;filter:grayscale(1) blur(0)}}
@keyframes rp06-category-arrive{from{opacity:0;transform:translateY(22px) scale(.96)}to{opacity:1;transform:none}}
@keyframes rp07-rail-hint{0%,100%{transform:translateX(0)}45%{transform:translateX(5px)}}
@keyframes rp08-cover-lift{from{transform:translateY(0) rotate(0)}to{transform:translateY(-6px) rotate(-1deg)}}
@keyframes rp09-row-enter{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:none}}
@keyframes rp10-save-pop{0%,100%{transform:scale(1)}45%{transform:scale(1.3)}}
@keyframes rp11-play-tap{0%,100%{transform:scale(1)}50%{transform:scale(.88)}}
@keyframes rp12-player-enter{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:none}}
@keyframes rp13-player-status{0%,100%{box-shadow:0 0 0 0 #7864c31a}50%{box-shadow:0 0 0 6px #7864c300}}
@keyframes rp14-modal-open{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes rp15-drawer-open{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:none}}
@keyframes rp16-backdrop{from{opacity:0}to{opacity:1}}
@keyframes rp17-chip-select{0%{transform:scale(.94)}60%{transform:scale(1.035)}100%{transform:scale(1)}}
@keyframes rp18-search-focus{from{box-shadow:0 0 0 0 #7864c322}to{box-shadow:0 0 0 4px #7864c314}}
@keyframes rp19-result-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes rp20-timeline-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes rp21-fact-arrive{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes rp22-sample-arrive{from{opacity:0;transform:translateY(15px) rotate(1deg)}to{opacity:1;transform:none}}
@keyframes rp23-personalize-open{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes rp24-gold-text{from{opacity:.3;filter:blur(2px)}to{opacity:1;filter:none}}
@keyframes rp25-notification{from{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes rp26-mobile-tab{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes rp27-menu-open{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
@keyframes rp28-share-feedback{0%,100%{transform:scale(1)}40%{transform:scale(.94)}70%{transform:scale(1.025)}}
@keyframes rp29-scroll-top{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes rp30-art-orbit{from{transform:rotate(45deg)}to{transform:rotate(65deg)}}
#app>.fade{animation:rp01-page-arrive .45s both}.pageintro h1,.shelfintro h1{animation:rp02-heading-rise .65s both}.portraitHero .copy{animation:rp03-hero-copy .7s both}.colorportrait{animation:rp04-portrait-reveal 1s both}.historicalportrait{animation:rp05-archive-reveal 1.1s .15s both}.hecard{animation:rp06-category-arrive .55s both;animation-delay:calc(var(--stagger,0)*45ms)}.scrollbuttons{animation:rp07-rail-hint .8s .7s 1}.row{animation:rp09-row-enter .45s both;animation-delay:calc(var(--stagger,0)*30ms)}.motion-save{animation:rp10-save-pop .38s}.motion-play{animation:rp11-play-tap .3s}.player{animation:rp12-player-enter .55s .1s both}.player.playing .mainplay{animation:rp13-player-status 2.3s 3}.expanded{animation:rp14-modal-open .35s both}.drawer{animation:rp15-drawer-open .3s both}.modalback,.fullscreen,.zoomback{animation:rp16-backdrop .23s both}.chip.selected{animation:rp17-chip-select .3s}.search:focus-within{animation:rp18-search-focus .2s both}.shelfresults,.shelfgrid,.pressgrid{animation:rp19-result-enter .35s both}.timelinehistory article.inview{animation:rp20-timeline-reveal .55s both}.legacyfacts>div.inview,.productfacts>div.inview{animation:rp21-fact-arrive .5s both}.samplerail button.inview{animation:rp22-sample-arrive .5s both}.personalize[open]>:not(summary){animation:rp23-personalize-open .3s both}.goldpreview{animation:rp24-gold-text .4s both}.toast{animation:rp25-notification .25s both}.mobiletabs a.active>span{animation:rp26-mobile-tab .4s}body.menu aside{animation:rp27-menu-open .25s both}.share-feedback{animation:rp28-share-feedback .4s}.scrolltop.show{animation:rp29-scroll-top .25s both}.categoryart:hover .artorbit{animation:rp30-art-orbit 1.5s ease-out both}
@media(hover:hover) and (pointer:fine){.bookproduct:hover .realcover{animation:rp08-cover-lift .35s both}.primary,.secondary,.category,.collection,.bookproduct,.hecard,.row,.nav a{transition:transform .22s,box-shadow .22s,background-color .22s,border-color .22s}.primary:hover{transform:translateY(-2px);box-shadow:0 9px 20px #7864c330}.secondary:hover{transform:translateY(-1px);border-color:#b8a8d5}.row:hover{background:#7864c305}.collection:hover{transform:translateY(-4px);box-shadow:0 12px 24px #28233e0a}.nav a:hover{background:#f0ecf7}}
button:active,.primary:active,.secondary:active,.hecard:active{transform:scale(.97)}.scrolltop{position:fixed;right:23px;bottom:110px;z-index:35;border:1px solid var(--line);background:#fffffff2;border-radius:50%;height:42px;width:42px;color:#7864c3;box-shadow:0 4px 20px #28233e0c;display:none}.scrolltop.show{display:block}.sharetools{display:flex;align-items:center;gap:10px}.whatsappshare{display:flex;align-items:center;gap:7px;font-size:10px;color:#52725f}.whatsappshare svg{width:17px;height:17px}.goldpreview{overflow-wrap:anywhere}.rowtext a{display:block}.fullscreen{overscroll-behavior:contain}.menu .menubtn{position:relative;z-index:70}.mobiletabs a{min-height:44px;min-width:48px}.player .controls button{touch-action:manipulation}body.overlay-open{overflow:hidden}.sidefoot{flex-shrink:0}.categoryart{contain:paint}.realcover{content-visibility:auto}.source{padding:4px 0}.player{will-change:auto}
@media(max-width:760px){header{height:auto;min-height:115px;display:grid;grid-template-columns:32px 1fr 35px;grid-template-rows:48px 44px;gap:0 10px;padding:8px 18px 12px;position:sticky;top:0;z-index:25;background:#f5f5faeb;backdrop-filter:blur(18px);border-bottom:1px solid #e7e4ef}.menubtn{grid-column:1;grid-row:1;width:36px;height:44px;padding:0}.mobilebrand{grid-column:2;grid-row:1;font-size:19px}.search{grid-row:2;grid-column:1 / -1;width:100%;padding:12px 14px;min-height:42px}.search input{font-size:14px;min-width:0}.search>span:first-child{font-size:20px}.mobile-share{display:block!important;grid-column:3;grid-row:1;width:35px;height:44px;padding:5px}.mobile-share svg{width:20px;height:20px;stroke:#7864c3}.content{padding:17px 16px 30px}.portraitHero{min-height:380px;height:auto}.portraitHero .copy{padding:26px 20px 45px}.portraitHero .copy h1{font-size:clamp(32px,9.3vw,40px);line-height:1.13;max-width:230px}.portraitHero .copy p{font-size:12px;max-width:210px}.portraitHero .heroactions{display:block}.heroactions .primary{font-size:11px;min-height:43px;padding:12px 15px}.heroactions>a:last-child{display:block;margin-top:13px;font-size:10px}.portraitmix{width:52%}.categoryrail{margin-right:-16px}.player{bottom:calc(60px + env(safe-area-inset-bottom));min-height:77px;padding:11px 13px;grid-template-columns:minmax(0,1fr) auto}.player .track{gap:9px;min-width:0}.player .track>div{min-width:0}.player .track strong{max-width:100%;font-size:11px;line-height:1.5}.player .track small{font-size:8px}.player .controls{gap:2px}.player .controls button{width:39px;height:43px;min-width:39px;padding:0}.player .controls .mainplay{width:40px;height:40px;min-width:40px}.mobiletabs{height:calc(61px + env(safe-area-inset-bottom));padding-bottom:calc(8px + env(safe-area-inset-bottom));background:#fffffff5;backdrop-filter:blur(15px)}.mobiletabs a{font-size:9px;flex:1}.mobiletabs span{font-size:18px}.scrolltop{right:16px;bottom:calc(158px + env(safe-area-inset-bottom));height:39px;width:39px}.toast{bottom:calc(155px + env(safe-area-inset-bottom));max-width:calc(100vw - 30px);width:max-content;text-align:center;line-height:1.5}.chip{min-height:40px;padding:10px 15px}.circle{height:38px;width:38px}.row>button:last-child{min-width:32px;min-height:40px}.row>button[aria-label^="Save"]{min-width:29px;min-height:40px}.rowart{height:47px;width:47px}.listpanel{padding:0 10px}.row{gap:7px}.rowtext a{font-size:11px}.rowtext small{font-size:8px;line-height:1.5}.buyactions>*{min-height:44px;font-size:11px;justify-content:center}.coveractions{flex-wrap:wrap}.formatlabel select,.personalize select,.personalize input,.shelfbar input,.form input,.form select,.form textarea{font-size:16px;min-height:45px}.shelfbar{align-items:stretch}.shelfbar input{font-size:13px}.shelfbar .secondary{min-width:66px}.expanded{padding-bottom:env(safe-area-inset-bottom)}.expanded>img{height:min(30vh,250px);width:210px}.expanded .controls button{min-height:44px;min-width:44px}.expanded .mainplay{min-height:58px}.expanded .timeline{position:static;left:auto;right:auto;gap:8px}.expanded .timeline span{display:inline;min-width:35px}.fullscreen{padding:16px;overflow-y:auto}.sleepselect{font-size:16px;min-height:45px}.productfacts dd{line-height:1.6}.source{font-size:10px;line-height:1.7}.pageintro h1{font-size:36px;overflow-wrap:anywhere}.article h1{font-size:32px!important}.form .drop{padding:28px 16px}.form .drop h2{font-size:24px}.shelfgrid .bookproduct:hover{transform:none}main{padding-bottom:calc(165px + env(safe-area-inset-bottom))}.legacyhero h1{font-size:34px}.producttabs{gap:23px;overflow:auto;white-space:nowrap}.sidefoot a{min-height:33px}.sourcegrid article{overflow-wrap:anywhere}}
@media(max-width:370px){.player .controls button{width:34px;min-width:34px}.player .track img{width:31px;height:36px}.player .track strong{font-size:10px}.portraitHero .copy h1{font-size:32px}.shelfgrid{gap:9px}.shelfgrid h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active,.primary:active,.secondary:active,.hecard:active{transform:none!important}}
/* Mobile hero: give the portrait its own editorial frame. */
@media(max-width:760px){.portraitHero{display:flex;flex-direction:column;min-height:0;height:auto!important;background:#eee9f6;isolation:isolate}.portraitmix{position:relative;inset:auto;order:-1;width:100%;height:285px;flex:none;opacity:1;mask-image:none;background:#ded6e5}.portraitmix .colorportrait{inset:0 0 0 auto;width:72%;height:100%;object-fit:cover;object-position:48% 28%;mask-image:linear-gradient(90deg,transparent,black 24%);z-index:2}.portraitmix .historicalportrait{inset:0 auto 0 0;width:66%;height:100%;object-fit:cover;object-position:50% 19%;mask-image:linear-gradient(90deg,black 55%,transparent);opacity:.8;z-index:1;animation:none}.portraitmix:after{content:'';position:absolute;inset:auto 0 0;height:55px;background:linear-gradient(transparent,#eee9f6);z-index:3}.portraitHero .copy{width:100%;padding:19px 24px 30px;position:relative;z-index:4}.portraitHero .copy h1{font-size:39px;line-height:1.08;max-width:none;letter-spacing:-1.7px;margin:16px 0}.portraitHero .copy p{max-width:100%;font-size:13px;line-height:1.75}.portraitHero .heroactions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:22px}.portraitHero .heroactions .primary{font-size:12px;padding:13px 17px}.portraitHero .heroactions>a:last-child{margin:0;font-size:11px}.portraitHero .herodots{display:none}html{scroll-padding-top:130px}}
@media(max-width:370px){.portraitmix{height:255px}.portraitHero .copy h1{font-size:35px}.portraitHero .copy{padding:15px 21px 26px}}

.book-selection{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px;color:#69539d}.book-selection svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.book-selection #cartcount{font-size:10px;min-width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#7864c3;color:white}
@media(max-width:760px){header{grid-template-columns:32px minmax(0,1fr) 44px 35px}.mobile-share{grid-column:4}.topright{display:flex!important;grid-column:3;grid-row:1;margin:0;gap:0}.topright>a,.topright>button:not(.book-selection){display:none!important}.book-selection{position:relative;width:44px;padding:0}.book-selection #cartcount{position:absolute;right:0;top:0;font-size:9px;min-width:15px;height:15px}.mobilebrand{font-size:17px;white-space:nowrap}.search{grid-column:1 / -1}}

.controls .skip-control{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px;color:inherit;border-radius:50%;touch-action:manipulation;transition:background-color .18s,transform .18s}.skip-icon{display:block;width:27px;height:27px;overflow:visible}.skip-arrow{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.skip-forward .skip-arrow{transform:translateX(32px) scaleX(-1)}.skip-icon text{fill:currentColor;stroke:none;text-anchor:middle;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:650;letter-spacing:-.5px}.controls .skip-control:active{transform:scale(.9);background:#7864c318}.controls .skip-control:focus-visible{outline:2px solid #7864c3;outline-offset:2px}.expanded .skip-icon{width:32px;height:32px}@media(hover:hover){.controls .skip-control:hover{background:#7864c310}}@media(max-width:760px){.player .controls .skip-control{width:39px;min-width:39px;padding:5px}.player .skip-icon{width:26px;height:26px}.expanded .controls .skip-control{min-width:48px;min-height:48px}}
.selection-item{padding:20px 0;border-bottom:1px solid var(--line)}.selection-item>a{display:flex;align-items:center;gap:15px;font-size:17px}.selection-item img{width:45px;height:65px;object-fit:contain}.selection-item small{display:block;margin:10px 0;color:var(--muted)}.selection-item>div{display:flex;gap:9px;flex-wrap:wrap}.selection-item button,.selection-item .primary,.selection-item .secondary{min-height:44px}.buyactions{flex-wrap:wrap}.buyactions button{touch-action:manipulation}.drawer{max-width:100vw;overflow-y:auto;max-height:100dvh}@media(max-width:760px){.buyactions{display:flex;gap:9px}.buyactions>*{flex:1 1 45%;white-space:normal}.buyactions .primary{flex-basis:100%}.samplerail button{min-width:120px}.producttabs a{min-height:44px;display:inline-flex;align-items:center}}
.reference-player{background:#111114!important;color:#f7f7fa!important;border-top:1px solid #303037;box-shadow:0 -8px 35px #0002;grid-template-columns:minmax(160px,1fr) minmax(280px,1.4fr) minmax(240px,1fr);gap:22px;padding:15px 24px}.reference-player .track small{color:#aaaab4}.reference-player .mainplay,.expanded .mainplay{background:#fff;color:#141418;box-shadow:none}.reference-player button{color:inherit}.reference-player .controls{gap:14px}.player-action svg,.controls button:not(.skip-control) svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;display:block;margin:auto}.reference-player .extra{gap:10px;justify-content:flex-end}.reference-player .timeline{color:#aaaab4}.reference-player input[type=range]{accent-color:#f7f7fa}.volume-control{display:flex;align-items:center;gap:6px}.volume-control input{width:75px}.reference-player .track>.player-action{flex-shrink:0}.player-action{min-width:30px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}.player-action[aria-pressed=true]{color:#b6a0f2}.expanded-tools{display:flex;justify-content:center;gap:20px;margin:25px 0}.drawer .notice>svg{width:24px;height:24px;vertical-align:middle;margin-right:10px;fill:none;stroke:currentColor;stroke-width:1.6}.reference-player .track{cursor:pointer}.reference-player .track strong{max-width:190px}@media(min-width:761px) and (max-width:1200px){.reference-player{grid-template-columns:1fr 1.3fr 1fr;gap:8px;padding:14px}.volume-control input{display:none}.reference-player .extra{gap:3px}.reference-player .track>.player-action{display:none}.reference-player .controls{gap:5px}}@media(max-width:760px){.reference-player{padding:9px 13px!important;gap:5px!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:110px!important}.reference-player .track{grid-column:1;grid-row:1}.reference-player .track>.player-action{display:none}.reference-player>div:nth-child(2){grid-column:2;grid-row:1}.reference-player .controls{gap:1px}.reference-player .extra{display:flex!important;grid-column:1 / -1;grid-row:2;justify-content:flex-end;gap:13px;height:25px}.reference-player .extra>button,.reference-player .volume-control button{min-height:28px;padding:0;font-size:11px}.reference-player .extra svg{width:18px;height:18px}.reference-player .volume-control{display:none}.reference-player .timeline{position:absolute;top:0;left:0;right:0}.reference-player .track strong{max-width:100%;font-size:10px}.reference-player .track small{font-size:8px}.reference-player .controls .desktop{display:none}.reference-player .mainplay{width:36px!important;height:36px!important;min-width:36px!important}.reference-player .controls .skip-control{width:32px!important;min-width:32px!important}.reference-player .skip-icon{width:24px;height:24px}.scrolltop{bottom:195px}.toast{bottom:190px}}
@keyframes heroPortraitDrift{0%,100%{transform:scale(1.025) translateY(0)}50%{transform:scale(1.075) translateY(-3px)}}@keyframes heroArchiveDrift{0%,100%{transform:scale(1.03) translateX(-2px);opacity:.75}50%{transform:scale(1.09) translateX(4px);opacity:.95}}.portraitmix .colorportrait{animation:heroPortraitDrift 12s ease-in-out infinite}.portraitmix .historicalportrait{animation:heroArchiveDrift 15s ease-in-out infinite}.portraitmix{transform:translateZ(0)}@media(prefers-reduced-motion:reduce){.portraitmix img{animation:none!important}}
