/* Each book and each piece of artwork occupies its own space. */
html{scroll-padding-top:calc(var(--site-header-height,76px) + 10px)}
.storefront .cover-window{clip-path:var(--cover-outline,none)}
.storefront .discovery{height:calc(100svh - var(--site-header-height,76px) - 20px);min-height:470px;max-height:780px;padding:14px 5% 16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:10px;scroll-margin-top:0}
.discovery .section-heading{margin:0;gap:18px;align-items:center}
.discovery .section-heading h2{font-size:clamp(24px,2.4vw,34px);margin:3px 0 0;line-height:1.1}
.discovery .section-heading .kicker{font-size:12px}
.discovery .section-heading>.text-action{margin:0;white-space:nowrap;font-size:14px}
.discovery-stage{min-height:0;grid-template-columns:1fr 1fr}
.storefront .discovery-art{height:100%;min-height:0;padding:32px 24px 28px;gap:24px;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);container-type:size}
.discovery-watermark{display:none}
.discovery-edition{top:10px;left:16px;font-size:11px}
.discovery-number{bottom:7px;left:16px;font-size:11px}
.storefront .discovery .discovery-cover-link{grid-column:1;grid-row:1;width:100%;height:100%;margin:0!important;min-width:0;min-height:0;translate:none!important;scale:1!important}
.storefront .discovery .discovery-cover.book-cutout{--cover-height:min(310px,calc(100cqh - 8px))!important;width:min(100%,calc(var(--cover-height)*var(--cover-ratio)));height:auto;transform:none}
.storefront .discovery .discovery-layers{display:none;position:static;inset:auto;min-width:0;min-height:0;height:100%;width:100%;gap:12px;grid-column:2;grid-row:1;align-items:center;justify-items:center}
.storefront .discovery[data-art-open="true"] .discovery-art{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.storefront .discovery[data-art-open="true"] .discovery-layers{display:grid;grid-auto-rows:minmax(0,1fr)}
.storefront .discovery .discovery-layers img{position:static;inset:auto;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;transform:none!important;translate:none!important;rotate:none!important;scale:1!important;opacity:1;box-shadow:none;filter:drop-shadow(2px 4px 3px #17394b1a);animation:none;transition:opacity .35s ease}
.discovery-copy{padding:16px 24px;min-height:0;justify-content:center}
.discovery-copy .discovery-hook{font-size:clamp(24px,2.35vw,34px);line-height:1.06;margin:5px 0 10px}
.discovery-book-name{font-size:17px;line-height:1.25}
.discovery-author{margin:4px 0 10px;font-size:14px}
.discovery-synopsis{font-size:16px;line-height:1.4;margin:0 0 10px}
.discovery-purchase{margin:0 0 8px}.discovery-price{font-size:21px}
.discovery-copy .button{min-height:42px;padding:8px 18px;font-size:14px}
.discovery-copy .actions{gap:20px}.discovery-copy .text-action{font-size:14px}
.discovery-toolbar{margin:0;gap:8px;flex-wrap:nowrap}
.discovery-toolbar>div{gap:6px;align-items:center}
.discovery-toolbar p{font-size:14px;line-height:1.3;max-width:230px}
.discovery-toolbar button{min-height:40px}
.discovery-toolbar .art-reveal{font-size:14px;margin:0;padding:7px 12px;border:1px solid #cedce3;align-self:auto}
.discovery-shelf{height:clamp(100px,17svh,142px);gap:16px;padding:8px 4px 6px;align-items:stretch}
.discovery-pick{flex-basis:82px;gap:5px;padding-bottom:4px;position:relative}
.storefront .discovery-pick .book-cutout{--cover-height:clamp(58px,10svh,88px);width:min(70px,calc(var(--cover-height)*var(--cover-ratio)));height:auto;margin:0}
.discovery-pick .pick-title{font-size:12px;min-height:30px;line-height:1.2;margin-top:auto}
.discovery-pick .art-badge{display:none}
.storefront .discovery-pick[aria-pressed=true] .book-cutout{transform:translateY(-3px)}
@media(hover:hover){.storefront .discovery-pick:hover .book-cutout{transform:translateY(-4px) rotate(-1deg)}}
@media(min-width:701px) and (max-height:760px){
 .discovery-copy .discovery-hook{display:none}
 .discovery-copy .kicker{margin-bottom:6px}
 .discovery-synopsis{margin-bottom:8px}
 .discovery-author{margin-bottom:8px}
}
@media(max-width:900px){.discovery-toolbar p{display:none}.discovery-toolbar>div{width:100%;justify-content:flex-end}.discovery-copy{padding:12px 18px}.storefront .discovery-art{gap:14px;padding-inline:16px}}
@media(max-width:700px){
 .storefront .discovery{padding:10px 16px 12px;gap:8px;min-height:550px;max-height:820px}
 .discovery .section-heading{display:flex;align-items:flex-end;gap:12px}
 .discovery .section-heading h2{font-size:25px;max-width:240px}.discovery .section-heading>.text-action{white-space:normal;font-size:13px;text-align:right;max-width:90px}
 .discovery .section-heading .kicker{display:none}
 .discovery-stage{grid-template-columns:1fr;grid-template-rows:minmax(115px,1fr) auto}
 .storefront .discovery-art{padding:22px 20px 20px;gap:18px}
 .storefront .discovery .discovery-cover.book-cutout{--cover-height:min(220px,calc(100cqh - 4px))!important}
 .storefront .discovery[data-art-open="true"] .discovery-art{grid-template-columns:1fr 1fr}
 .storefront .discovery .discovery-layers{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px;grid-template-rows:minmax(0,1fr)}
 .discovery-copy{padding:12px 16px;display:grid;grid-template-columns:1fr auto;column-gap:12px;align-items:center}
 .discovery-copy .discovery-hook,.discovery-copy .kicker{display:none}
 .discovery-book-name{grid-column:1/-1;font-size:17px}.discovery-author{grid-column:1/-1;margin:4px 0 7px}
 .discovery-synopsis{grid-column:1/-1;font-size:16px;line-height:1.3;margin-bottom:8px}
 .discovery-purchase{grid-column:1;margin:0;gap:5px;flex-wrap:wrap}.discovery-price{font-size:20px}.discovery-purchase span{font-size:11px}
 .discovery-copy .actions{grid-column:2;gap:10px}.discovery-copy .button{padding:8px 10px;min-height:40px;font-size:13px}.discovery-copy .text-action{font-size:13px}
 .discovery-toolbar>div{justify-content:flex-start;gap:5px}.discovery-toolbar button{min-width:36px;padding:3px 8px;min-height:40px}.discovery-toolbar .discovery-random,.discovery-toolbar .discovery-art-next,.discovery-toolbar .art-reveal{font-size:13px;padding:7px 9px}
 .discovery-toolbar .art-reveal{margin-left:auto}
 .discovery-shelf{height:108px;gap:10px}.discovery-pick{flex-basis:65px}.storefront .discovery-pick .book-cutout{--cover-height:65px;width:min(53px,calc(var(--cover-height)*var(--cover-ratio)))}
}
@media(max-width:700px) and (max-height:760px){.discovery-synopsis{display:none}.storefront .discovery{min-height:515px}.discovery-shelf{height:96px}.storefront .discovery-pick .book-cutout{--cover-height:55px}}
@media(prefers-reduced-motion:reduce){.discovery .discovery-layers img{transition:none}}

/* Quiet details from each original cover, always present in reserved side columns. */
.storefront .discovery .discovery-art{grid-template-columns:minmax(0,.7fr) minmax(0,2fr) minmax(0,.7fr);gap:12px;background:var(--art-paper,#f0f4f6);transition:background-color .65s ease}
.storefront .discovery .discovery-cover-link{grid-column:2;z-index:2}
.storefront .discovery .discovery-layers{display:contents}
.discovery-motif{display:block;position:relative;grid-row:1;pointer-events:none;z-index:1;width:min(100%,calc(var(--motif-ratio)*min(200px,72cqh)));height:auto;aspect-ratio:var(--motif-ratio);opacity:.23;mix-blend-mode:multiply;filter:saturate(.65);transition:translate .8s ease;translate:calc(var(--art-x,0px)*-.18) calc(var(--art-y,0px)*-.18)}
.discovery-motif.left{grid-column:1;align-self:end;margin-bottom:9px}
.discovery-motif.right{grid-column:3;align-self:start;margin-top:12px}
.discovery-motif.layer{opacity:.29;filter:saturate(.5)}
.motif-window{position:absolute;inset:0;display:block;overflow:hidden;mask-image:radial-gradient(ellipse at center,#000 35%,#000a 66%,transparent 100%)}
.discovery-motif.layer .motif-window{mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.storefront .discovery .discovery-layers .motif-image{position:absolute!important;display:block;width:var(--image-w);height:var(--image-h);left:var(--image-x);top:var(--image-y);right:auto;bottom:auto;max-width:none!important;max-height:none!important;object-fit:fill;filter:none;opacity:1;box-shadow:none;transform:none!important;translate:none!important;rotate:none!important;scale:1!important}
.storefront .discovery .discovery-watermark{display:block;position:absolute;right:12px;bottom:-18px;width:clamp(85px,12vw,150px);opacity:.045;transform:none;z-index:0;pointer-events:none}
.storefront .discovery .discovery-watermark img{display:block;width:100%;height:auto}
.discovery-edition,.discovery-number{z-index:2}
.storefront .editorial{position:relative;isolation:isolate;overflow:hidden}
.storefront .editorial::before{content:'';position:absolute;right:3%;bottom:-22px;width:clamp(170px,25vw,340px);height:100%;background:url('/assets/brand/rider-vector.svg') right bottom/contain no-repeat;opacity:.055;pointer-events:none;z-index:-1}
@media(max-width:700px){
 .storefront .discovery .discovery-art{grid-template-columns:minmax(0,.65fr) minmax(0,2fr) minmax(0,.65fr);gap:8px;padding-inline:14px}
 .discovery-motif{opacity:.2;width:min(100%,calc(var(--motif-ratio)*min(130px,70cqh)))}
 .discovery-motif.layer{opacity:.25}
 .storefront .discovery .discovery-watermark{width:90px;right:8px;bottom:-12px;opacity:.035}
 .storefront .editorial::before{width:160px;opacity:.035}
}
@media(prefers-reduced-motion:reduce){.discovery-motif,.storefront .discovery .discovery-art{transition:none;translate:none}}
.discovery-shelf{height:clamp(124px,20svh,150px)}
.discovery-author,.discovery-synopsis,.discovery-book-name{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}
.discovery-author{-webkit-line-clamp:1}.discovery-synopsis,.discovery-book-name{-webkit-line-clamp:2}
@media(min-width:701px) and (max-height:680px){.discovery-copy>.kicker{display:none}.discovery-copy{padding-block:12px}}
@media(max-width:700px){.discovery-shelf{height:124px}}
@media(max-width:700px) and (max-height:760px){.discovery-shelf{height:114px}.discovery-synopsis{display:none}}
.discovery .section-heading{position:relative}
.discovery-brandmark{position:absolute;right:23%;top:50%;translate:0 -50%;width:76px;height:64px;opacity:.075;pointer-events:none}
.discovery-brandmark img{width:100%;height:100%;object-fit:contain}
.motif-window,.discovery-motif.layer .motif-window{mask-image:radial-gradient(ellipse closest-side at center,#000 45%,#000b 65%,transparent 100%)}
@media(max-width:900px){.discovery-brandmark{display:none}}

/* A single stationary brand watermark behind the page, never inside a book panel. */
body.storefront{isolation:isolate}
body.storefront::before{content:'';position:fixed;right:-4vw;bottom:-7vh;width:min(65vw,800px);height:78vh;background:url('/assets/brand/rider-vector.svg') right bottom/contain no-repeat;opacity:.08;pointer-events:none;z-index:-1;transform:none}
.storefront .discovery{background:transparent}
.storefront #comunidad{background:transparent}
.storefront #blog{background:rgba(16,55,70,.76)}
.storefront .editorial::before{content:none}
.discovery-brandmark,.storefront .discovery .discovery-watermark{display:none}
@media(max-width:700px){body.storefront::before{width:85vw;height:65vh;right:-14vw;bottom:-4vh;opacity:.065}}

/* Exact source silhouettes replace the old feathered rectangular excerpts. */
.motif-window,.discovery-motif.layer .motif-window{mask-image:none;clip-path:var(--motif-outline,none)}
.discovery-motif{opacity:.26;filter:saturate(.75)}
.discovery-motif.layer{opacity:.26}
@media(max-width:700px){.discovery-motif,.discovery-motif.layer{opacity:.23}}

/* Original brand art: pedalling logo and a scroll-driven, fixed watermark. */
.bike-sprite .original-bike-animation{position:absolute;inset:0;display:none;pointer-events:none}
.bike-sprite.is-animated .original-bike-animation{display:block}
.bike-sprite.is-animated>img{visibility:hidden}
.page-cyclist-watermark{position:fixed;right:-4vw;bottom:-7vh;width:min(65vw,800px,75.95vh);height:auto;opacity:.08;pointer-events:none;z-index:-1;max-width:none}
body.storefront.has-cyclist-watermark::before{content:none}
@media(max-width:700px){.page-cyclist-watermark{width:min(85vw,63.29vh);right:-14vw;bottom:-4vh;opacity:.065}}
@media(prefers-reduced-motion:reduce){.bike-sprite .original-bike-animation{display:none!important}.bike-sprite.is-animated>img{visibility:visible}}

/* Translucent surfaces let the one fixed cyclist show through the whole page.
   Only background paint fades: text, original covers and photos stay crisp. */
body.storefront::before,.storefront .page-cyclist-watermark{opacity:.14}
.storefront .store-header,.storefront #mobile-nav{background:rgb(255 255 255 / .78);backdrop-filter:none}
.storefront .cover-stage{background:rgb(233 239 242 / .32)}
.storefront .book-art,.storefront .product-image,.storefront .interior-gallery,
.storefront .inside-books,.storefront .store-footer{background:rgb(241 245 246 / .3)}
.storefront .discovery-stage{background:transparent}
.storefront .discovery .discovery-art{background:color-mix(in srgb,var(--art-paper,#f0f4f6) 32%,transparent)}
.storefront #blog,.storefront .edition-feature,.storefront .newsletter,
.storefront .topline{background:rgb(16 55 70 / .76)}
.storefront .journal .eyebrow{color:#fff}

/* Avoid several translucent nested layers combining into an opaque panel. */
.storefront .reader-experience{background:rgb(255 255 255 / .18)}
.storefront .reader-toolbar,.storefront #comunidad .reader-status,
.storefront .reader-layout .reader-book,.storefront .reader-book-selected,
.storefront .reader-layout:before{background:transparent}
.storefront .social-phone,.storefront .social-phone[data-network=facebook]{background:rgb(255 255 255 / .25)}
.storefront .phone-account,.storefront .social-phone[data-network=facebook] .phone-account,
.storefront .phone-media,.storefront .phone-load,.storefront .phone-tile,
.storefront .social-phone[data-network=x] .phone-tile{background:transparent}
.storefront .facebook-feed-card{background:rgb(255 255 255 / .2)}
.storefront .facebook-card-image{background:transparent}
.storefront .social-phone[data-network=tiktok]{background:rgb(16 16 20 / .78)}
.storefront .social-photo,.storefront .bestsellers,.storefront .bestseller-art,
.storefront .ebooks,.storefront .ebook-cover,.storefront .service-card{background:rgb(237 243 245 / .3)}
.storefront .ebook-card{background:rgb(255 255 255 / .2)}
@media(max-width:700px){body.storefront::before,.storefront .page-cyclist-watermark{opacity:.12}}