/* Case typography follows the existing story/editorial system. */
.ba-case{--ba-ink:var(--editorial-ink);--ba-muted:var(--editorial-muted);--ba-line:#dedad5;--ba-accent:var(--editorial-mark);background:#f7f7f5;position:relative}
.ba-case *{box-sizing:border-box}
.ba-document{max-width:1120px;margin:0 auto;padding:80px 48px 0;color:var(--ba-ink);font-family:var(--portfolio-body)}
body .project-dialog .project-window-panel.ba-case .ba-document h1{font:400 40px/1.18 'Hepta Slab',serif!important;color:var(--editorial-ink)!important;letter-spacing:-.045em!important;margin:0 0 26px!important;text-transform:none!important}
body .project-dialog .project-window-panel.ba-case .ba-document h2{font:600 var(--editorial-heading-size,30px)/1.25 var(--portfolio-body)!important;color:var(--editorial-ink)!important;letter-spacing:-.025em!important;margin:0 0 24px!important;text-transform:none!important}
body .project-dialog .project-window-panel.ba-case .ba-document p{font:400 var(--editorial-body-size,17px)/var(--editorial-leading,1.65) var(--portfolio-body)!important;color:var(--editorial-copy)!important;text-align:left!important;margin:0 0 22px!important;max-width:70ch}
body .project-dialog .project-window-panel.ba-case .ba-document .story-lead{font-size:18px!important;line-height:1.6!important;max-width:730px}
body .project-dialog .project-window-panel.ba-case .ba-document .story-kicker{font-size:11px!important;line-height:1.4!important;letter-spacing:.13em!important;color:#736a65!important;margin:0 0 28px!important;text-transform:none!important}
body .project-dialog .project-window-panel.ba-case .ba-document .ba-eyebrow{font-size:12px!important;line-height:1.6!important;font-weight:600!important;letter-spacing:.08em!important;text-transform:uppercase!important;color:var(--editorial-muted)!important;margin:0 0 28px!important}
body .project-dialog .project-window-panel.ba-case .ba-document .ba-note{font-size:14px!important;line-height:1.6!important;color:var(--editorial-muted)!important;margin-top:28px!important;padding:0 0 0 18px;border-left:2px solid var(--editorial-mark)}
.ba-hero{display:block;padding-bottom:64px}.ba-hero>.ba-copy{max-width:100%}.ba-copy{max-width:440px}.ba-case figure{margin:0}.ba-case .ba-phone{width:260px;max-width:100%;position:relative;aspect-ratio:999/2048;filter:drop-shadow(0 14px 18px #35271622);flex:none}.ba-case .ba-screen{position:absolute;inset:1.5% 2.9%;border-radius:13% / 6.1%;overflow:hidden;background:#e8e4db}.ba-case .ba-screen>video,.ba-case .ba-screen>img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important;margin:0!important;max-width:none!important}.ba-case .ba-phone>.ba-frame{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;pointer-events:none;margin:0!important;border-radius:0!important;z-index:2}.ba-case figcaption{font:400 11px/1.5 var(--portfolio-body,Arial,sans-serif)!important;color:var(--ba-muted)!important;text-align:center!important;margin:24px 0 0!important;letter-spacing:.015em}
.ba-store{display:inline-flex;flex-direction:column;gap:4px;color:#fff!important;background:#29251f;padding:12px 20px;border-radius:10px;text-decoration:none;min-width:156px;margin:8px 0 28px}.ba-store>span{font-size:9px;line-height:1.4;letter-spacing:.02em}.ba-store strong{font-size:18px;font-weight:500;line-height:1.2}.ba-store strong>span{margin-left:16px;font-size:16px}.ba-store:hover{background:#623521}.ba-meta{max-width:730px;grid-template-columns:1fr 1fr;gap:24px 40px;margin:20px 0 0}
body .project-dialog .ba-case .ba-meta dt{font-size:12px;line-height:1.5;font-weight:400;text-transform:none;letter-spacing:0;color:#77716b!important;margin-bottom:6px}
body .project-dialog .ba-case .ba-meta dd{font-size:14px;line-height:1.5;color:var(--editorial-ink)!important;margin:0}
.ba-chapters{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--ba-line);border-bottom:1px solid var(--ba-line);padding:18px 0}.ba-chapters button{border:0;background:none;color:var(--ba-ink);font:400 14px/1.5 var(--portfolio-body,Arial,sans-serif);padding:6px 0;cursor:pointer;display:flex;gap:8px}.ba-chapters button>span{color:#a09586}.ba-chapters button:hover{color:var(--ba-accent)}
.ba-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:84px 0;scroll-margin-top:30px}.ba-feature+.ba-feature,.ba-today-section,.ba-today-section+.ba-feature{border-top:1px solid var(--ba-line)}.ba-reverse>.ba-copy{grid-column:2;grid-row:1}.ba-reverse>:last-child{grid-column:1;grid-row:1}.ba-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f0ede6;border-radius:22px;padding:36px 24px 22px;min-width:0}.ba-stage .ba-phone{width:275px}.ba-stage-discover{background:#e9eddf}.ba-stage-create{background:#f0e5d7}.ba-stage-sources{background:#e9e9e3}.ba-stage-personalize{background:#eee7dc}.ba-theme-tabs{display:flex;justify-content:center;gap:4px;margin:0 auto 18px;padding:4px;border:1px solid var(--ba-line);border-radius:24px;width:max-content}.ba-theme-tabs button{border:none;border-radius:18px;padding:8px 22px;background:transparent;color:var(--ba-muted);font-size:11px;cursor:pointer}.ba-theme-tabs [aria-selected=true]{background:#623521;color:white}.ba-browse-dark{background:#eeeae0}.ba-browse-dark figcaption{color:var(--ba-muted)!important}.ba-browse-light{background:#eeeae0}
.ba-today-section{padding:80px 0 90px;scroll-margin-top:30px}.ba-section-head{max-width:600px;margin-bottom:40px}.ba-today-flow{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ba-flow-menu{display:flex;flex-direction:column}.ba-flow-menu button{display:flex;align-items:flex-start;gap:15px;border:0;border-bottom:1px solid var(--ba-line);background:transparent;padding:22px 12px;text-align:left;color:var(--ba-muted);cursor:pointer}.ba-flow-menu button>span:nth-child(2){flex:1}.ba-flow-number,.ba-flow-arrow{font-size:11px;line-height:1.6}.ba-flow-menu strong{display:block;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:6px}.ba-flow-menu button>span>span{display:block;font-size:14px;line-height:1.7}.ba-flow-menu button[aria-selected=true]{color:var(--ba-ink);background:#eae4d8;border-radius:10px;border-bottom-color:transparent}.ba-flow-menu button[aria-selected=true] .ba-flow-number{color:var(--ba-accent)}.ba-stage-today{background:#ede8db}.ba-case [hidden]{display:none!important}.ba-outro{border-top:1px solid var(--ba-line);padding:70px 0 35px;max-width:100%}.ba-next{display:flex;align-items:center;gap:20px;padding:30px 0;border-top:1px solid var(--ba-line);color:var(--ba-ink)!important;text-decoration:none}.ba-next>span:first-child{font-size:11px;color:var(--ba-muted)}.ba-next strong{font-family:'Hepta Slab',Georgia,serif;font-size:20px;font-weight:400;flex:1}.ba-next>span:last-child{font-size:22px}.ba-case .story-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--ba-line);padding:26px 0 36px;font-size:11px;color:var(--ba-muted)}.ba-case .story-footer button{border:0;background:none;color:var(--ba-ink);font-size:11px;cursor:pointer}.ba-case :is(a,button):focus-visible{outline:2px solid var(--ba-accent);outline-offset:5px}
body #selected-works .ba-home-preview{display:flex;align-items:center;justify-content:center;gap:28px;aspect-ratio:16/9;padding:28px;background:#eae7dc;border-radius:28px}.ba-home-preview .home-preview-media{width:25%;position:relative;aspect-ratio:999/2048;border-radius:0!important;overflow:visible;background:transparent;box-shadow:none}.ba-home-preview .home-preview-media::after{content:'';position:absolute;inset:0;background:url('/assets/befreed/onboarding/iphone-15-pro.png') center/100% 100% no-repeat;pointer-events:none;z-index:5}.ba-home-preview .home-preview-media>video,.ba-home-preview .home-preview-media>.home-preview-poster{inset:1.5% 2.9%!important;width:94.2%!important;height:97%!important;object-fit:cover!important;border-radius:13% / 6.1%!important}.ba-home-preview .home-preview-media:nth-child(2){translate:0 8px}
@media(max-width:850px){.ba-document{padding:38px 28px 0}.ba-hero,.ba-feature,.ba-today-flow{gap:36px}.ba-stage{padding:28px 20px 20px}.ba-feature{padding:65px 0}.ba-stage .ba-phone{width:250px}.ba-next strong{font-size:17px}}
@media(max-width:600px){.ba-document{padding:28px 20px 0}.ba-hero,.ba-feature,.ba-today-flow{grid-template-columns:1fr;gap:30px}.ba-hero{padding-bottom:36px}.ba-copy{max-width:none}.ba-hero-visual{padding:32px 20px 22px}.ba-hero-visual .ba-phone{width:245px}.ba-meta{grid-template-columns:1fr 1fr}.ba-meta>div:last-child{grid-column:auto}.ba-chapters{gap:10px 22px;justify-content:flex-start}.ba-chapters button{font-size:13px}.ba-feature{padding:52px 0}.ba-reverse>.ba-copy,.ba-reverse>:last-child{grid-column:auto;grid-row:auto}.ba-stage .ba-phone{width:260px;max-width:100%}.ba-today-section{padding:52px 0}.ba-flow-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.ba-flow-menu button{padding:14px 10px;gap:8px}.ba-flow-menu strong{font-size:14px}.ba-flow-menu button>span>span{font-size:12px}.ba-flow-arrow{display:none}.ba-flow-menu button:last-child{grid-column:1/-1}.ba-outro{padding-top:45px}.ba-next{flex-wrap:wrap;gap:12px}.ba-next>span:first-child{width:100%}body #selected-works .ba-home-preview{padding:22px;gap:20px;border-radius:22px}}

.ba-reviews{padding:76px 0 70px;border-top:1px solid var(--ba-line)}
body .project-dialog .project-window-panel.ba-case .ba-review-intro{font-size:12px!important;color:var(--editorial-muted)!important;margin-bottom:32px!important}
.ba-ios-store{width:390px;max-width:100%;margin:40px auto 0;padding:22px 0;background:#fff;border-radius:24px;overflow:hidden}
body .project-dialog .project-window-panel.ba-case .ba-ios-store,body .project-dialog .project-window-panel.ba-case .ba-ios-store *{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Arial,sans-serif!important;color:#1d1d1f!important;text-transform:none!important;letter-spacing:normal!important}
.ba-ios-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:0 20px 18px;font-size:22px;font-weight:700;line-height:1.2}
body .project-dialog .project-window-panel.ba-case .ba-ios-heading a{color:#007aff!important;font-size:15px;font-weight:400;text-decoration:none;white-space:nowrap}
.ba-ios-rail{display:flex;gap:12px;padding:0 20px 6px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ba-ios-rail::-webkit-scrollbar{display:none}
.ba-ios-review{position:relative;flex:0 0 calc(100% - 14px);min-width:0;min-height:205px;padding:18px 18px 36px;background:#f2f2f7;border-radius:14px;scroll-snap-align:center}
body .project-dialog .project-window-panel.ba-case .ba-ios-review h3{font-size:15px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 7px!important}
.ba-ios-rating{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:1.3}
body .project-dialog .project-window-panel.ba-case .ba-ios-stars{color:#ff9500!important;letter-spacing:1px!important;font-size:14px!important}
body .project-dialog .project-window-panel.ba-case .ba-ios-rating time,body .project-dialog .project-window-panel.ba-case .ba-ios-author{color:#8e8e93!important;font-size:12px!important;font-weight:400;line-height:1.5}
.ba-ios-author{margin:4px 0 12px}
body .project-dialog .project-window-panel.ba-case .ba-document .ba-ios-review p{font-size:15px!important;line-height:1.4!important;color:#1d1d1f!important;margin:0!important}
body .project-dialog .project-window-panel.ba-case .ba-ios-more{position:absolute;bottom:16px;right:18px;color:#007aff!important;font-size:15px!important;line-height:1.4;text-decoration:none}
/* Shared Amtrak cover proportions, using the supplied BeFreed brand assets. */
body .project-dialog .ba-case>header.story-toolbar{position:absolute!important;inset:0 0 auto;z-index:10;background:transparent!important;pointer-events:none;box-shadow:none!important}
body .project-dialog .ba-case>header.story-toolbar button{pointer-events:auto;background:transparent!important}
.ba-brand-opening{position:relative;display:flex;flex-direction:column;align-items:center;gap:0}
.ba-brand-background{position:relative;isolation:isolate;overflow:hidden;width:100%;height:46svh;min-height:360px;background:#f1ce4f}
.ba-brand-drift{position:absolute;inset:-30%;background:radial-gradient(ellipse at 22% 35%,#efb72d 0%,transparent 48%),radial-gradient(ellipse at 80% 65%,#fff3c7 0%,transparent 52%),linear-gradient(120deg,#f6d157,#f5e3aa);filter:blur(40px);animation:ba-golden-flow 14s ease-in-out infinite alternate;will-change:transform}
.ba-brand-background .amtrak-route-line{background:#fff5c8a6}.ba-brand-background .amtrak-route-line.route-two{background:#d1982355}.ba-brand-glass{position:absolute;inset:0;background:linear-gradient(180deg,#fff5d912,transparent 55%,#fff4cf22);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.ba-logo-badge{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:226px;height:132px;margin-top:-66px;border:1px solid #ffffffdd;border-radius:30px;background:linear-gradient(145deg,#ffffffeb,#ffffffb8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 32px #62352124,inset 0 1px 2px #fff}
body .project-dialog .project-window-panel.ba-case .ba-logo-badge img{filter:none;display:block;width:184px;height:auto;max-width:82%;margin:0!important;border-radius:0!important;object-fit:contain}
body .project-dialog .ba-case .ba-store,body .project-dialog .ba-case .ba-store *{color:#fff!important}
body .project-dialog .ba-case .ba-theme-tabs [aria-selected=true]{color:#fff!important}
body .project-dialog .ba-case .ba-flow-menu button{color:var(--editorial-muted)!important}
body .project-dialog .ba-case .ba-flow-menu button[aria-selected=true]{color:var(--editorial-ink)!important}
body .project-dialog .ba-case .ba-flow-menu button *{color:inherit!important}
body .project-dialog .ba-case .ba-flow-menu button[aria-selected=true] .ba-flow-number{color:var(--editorial-mark)!important}
.ba-case.ba-background-paused .ba-brand-background *{animation-play-state:paused!important}
@keyframes ba-brand-drift{from{transform:translate(-4%,-3%) scale(1.04) rotate(-5deg)}to{transform:translate(4%,3%) scale(1.12) rotate(5deg)}}
@media(max-width:800px){.ba-brand-background{height:40svh;min-height:280px}.ba-logo-badge{width:190px;height:112px;margin-top:-56px;border-radius:26px}body .project-dialog .ba-case .ba-logo-badge img{width:152px}.ba-document{padding-top:64px}body .project-dialog .project-window-panel.ba-case .ba-document h1{font-size:32px!important}}
@media(max-width:600px){.ba-document{padding:56px 22px 0}.ba-meta{grid-template-columns:1fr 1fr}.ba-meta>div:last-child{grid-column:1/-1}.ba-brand-background{min-height:240px}.ba-hero{padding-bottom:48px}}
@media(prefers-reduced-motion:reduce){.ba-brand-background *{animation:none!important;will-change:auto}}

/* The same two-column next-case component used by the established case studies. */
body .project-dialog :is(.ba-case,.ob-case) .befreed-next-case{padding:48px 0 64px;border-top:1px solid #62352126}
body .project-dialog :is(.ba-case,.ob-case) .befreed-next-case>a{padding-top:0;gap:64px;grid-template-columns:1fr 1.2fr}
body .project-dialog .project-window-panel :is(.ba-document,.ob-document) .befreed-next-case h2{font:400 32px/1.18 'Hepta Slab',serif!important;letter-spacing:-.045em!important;color:#623521!important;margin:16px 0 20px!important}
body .project-dialog .project-window-panel :is(.ba-document,.ob-document) .befreed-next-case p{font:400 16px/1.6 var(--portfolio-body)!important;color:#64615f!important;margin:0 0 24px!important;max-width:380px}
.befreed-next-preview{aspect-ratio:16/9;border-radius:28px;background:#eee9df;overflow:hidden;display:flex;align-items:center;justify-content:center}
.befreed-next-preview>img{width:100%;height:100%;object-fit:cover}
.befreed-next-phones{gap:20px;padding:22px;background-image:linear-gradient(#81755d0e 1px,transparent 1px),linear-gradient(90deg,#81755d0e 1px,transparent 1px);background-size:20px 20px}
body .ba-case .befreed-next-phones .ba-phone{width:24%;max-width:140px}
body .project-dialog :is(.ba-case,.ob-case) .story-footer{display:flex;flex-direction:row;justify-content:space-between;border-top:1px solid #62352126;padding:28px 0 40px}
body .project-dialog :is(.ba-case,.ob-case) .story-footer button{font:400 14px/1.6 var(--portfolio-body)!important;border:0;background:transparent;color:#623521!important;padding:8px 0;cursor:pointer}
@media(max-width:650px){body .project-dialog :is(.ba-case,.ob-case) .befreed-next-case>a{grid-template-columns:1fr;gap:28px}.befreed-next-preview{border-radius:22px}body .project-dialog :is(.ba-case,.ob-case) .story-footer{flex-wrap:wrap;gap:16px}}

/* App Store card proportions, presented across the case width. */
.ba-ios-store{width:100%;max-width:none;margin:40px 0 0;padding:0;background:transparent;border-radius:0;overflow:visible}
.ba-ios-heading{padding:0 0 22px}
.ba-ios-rail{gap:20px;padding:0 0 16px;scroll-padding:0;scroll-snap-type:x proximity}
.ba-ios-review{flex:0 0 340px;min-height:250px;padding:20px 20px 42px;scroll-snap-align:start}
.ba-review-controls{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}
body .project-dialog .project-window-panel.ba-case .ba-review-controls button{border:1px solid #d1d1d6;background:transparent;border-radius:50%;width:40px;height:40px;color:#1d1d1f!important;font-size:20px;cursor:pointer}
@media(max-width:600px){.ba-ios-review{flex-basis:calc(100% - 32px);min-height:260px}.ba-ios-rail{gap:14px}.ba-ios-heading{font-size:21px}}

/* Keep the original mascot; recolor only the wordmark through its alpha mask. */
.ba-logo-art{position:relative;display:block;width:82%;max-width:184px;aspect-ratio:1132/318;flex:none}
body .project-dialog .project-window-panel.ba-case .ba-logo-art img{width:100%!important;max-width:none!important;height:auto!important;display:block}
.ba-logo-art::after{content:"";position:absolute;inset:0;background:#381605;mask:url('/assets/befreed/app/brand-logo.png') center/100% 100% no-repeat;-webkit-mask:url('/assets/befreed/app/brand-logo.png') center/100% 100% no-repeat;clip-path:inset(0 0 0 30%);pointer-events:none}
.ba-brand-background .amtrak-route-line{width:76%;height:115%;left:-18%;top:-30%;border-radius:45% 62% 51% 68%;background:radial-gradient(ellipse,#ffd96a 10%,#f3bd3ba6 42%,transparent 70%);filter:blur(38px);animation:ba-amber-flow 16s ease-in-out infinite alternate;will-change:transform}
.ba-brand-background .amtrak-route-line.route-two{width:88%;height:125%;left:46%;top:5%;background:radial-gradient(ellipse,#fff9e3 8%,#fff0b9bb 44%,transparent 70%);filter:blur(42px);animation:ba-cream-flow 19s ease-in-out -7s infinite alternate}
.ba-brand-glass{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#fff5d90a,transparent 65%,#f5ead414)}
@keyframes ba-golden-flow{0%{transform:translate(-7%,-4%) rotate(-8deg) scale(1.03)}50%{transform:translate(3%,5%) rotate(5deg) scale(1.12)}100%{transform:translate(8%,-2%) rotate(12deg) scale(1.06)}}
@keyframes ba-amber-flow{from{transform:translate(-8%,5%) rotate(-18deg) scale(.95)}to{transform:translate(65%,24%) rotate(24deg) scale(1.2)}}
@keyframes ba-cream-flow{from{transform:translate(10%,12%) rotate(15deg) scale(1.1)}to{transform:translate(-55%,-22%) rotate(-20deg) scale(.95)}}
@media(prefers-reduced-motion:reduce){.ba-brand-background .ba-brand-drift,.ba-brand-background .amtrak-route-line{animation:none!important;will-change:auto}}

/* One closing section: app link alongside the next case. */
.ba-closing{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:64px;border-top:1px solid #62352126;padding:64px 0}
.ba-closing .ba-outro{border:0;padding:0;min-width:0}
.ba-closing .ba-outro .ba-store{margin-bottom:0}
body .project-dialog .ba-case .ba-closing .befreed-next-case{border:0;padding:0;min-width:0}
body .project-dialog .ba-case .ba-closing .befreed-next-case>a{display:flex;flex-direction:column-reverse;align-items:stretch;gap:26px;padding:0}
.ba-closing .befreed-next-preview{width:100%}
body .project-dialog .project-window-panel.ba-case .ba-closing .amtrak-next-copy h2{margin:10px 0 14px!important}
body .project-dialog .project-window-panel.ba-case .ba-closing .amtrak-next-copy p{margin-bottom:16px!important}
@media(max-width:650px){.ba-closing{grid-template-columns:1fr;gap:40px;padding:44px 0}}

/* Apple's original black download badge, matching the supplied reference. */
body .project-dialog .ba-case a.ba-store{display:inline-block;width:156px;min-width:0;padding:0;line-height:0;background:transparent;border-radius:8px;filter:drop-shadow(0 12px 18px #00000014)}
body .project-dialog .ba-case a.ba-store:hover{background:transparent}
body .project-dialog .ba-case a.ba-store .ba-store-badge{display:block;width:156px!important;height:52px!important;max-width:100%;margin:0!important;border:0;border-radius:0!important;object-fit:contain}

/* Only the BeFreed App homepage preview uses the landing case's paper texture. */
body #selected-works .ba-home-preview{background:#f1eee5 url('/assets/befreed/case-background-v2.jpg') center center/cover no-repeat;overflow:hidden}
body #selected-works .ba-home-preview .home-preview-media:first-child{translate:0 -8%}
body #selected-works .ba-home-preview .home-preview-media:nth-child(2){translate:0 8%}

/* Editorial chapter index: quiet vertical type and a single location marker. */
body .project-dialog .ba-case .ba-document{max-width:1360px;display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:48px;align-items:start}
body .project-dialog .ba-case .ba-hero{grid-column:2;grid-row:1}
body .project-dialog .ba-case .ba-chapter-content{grid-column:2;grid-row:2;min-width:0}
body .project-dialog .ba-case .ba-chapters{grid-column:1;grid-row:2;position:sticky;top:64px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:20px;padding:80px 0 36px;border:0}
body .project-dialog .ba-case .ba-chapters button{position:relative;display:block;padding:4px 0 4px 20px;border:0;border-radius:0;background:transparent!important;box-shadow:none;font:400 13px/1.5 var(--portfolio-body)!important;letter-spacing:.055em!important;text-transform:uppercase!important;text-align:left;color:#77716b!important;transition:color .18s ease}
body .project-dialog .ba-case .ba-chapters button::before{content:"";position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:1px;background:var(--editorial-mark);opacity:0;transition:opacity .18s ease}
body .project-dialog .ba-case .ba-chapters button[aria-current="location"]{font-weight:600!important;color:var(--editorial-mark)!important}
body .project-dialog .ba-case .ba-chapters button[aria-current="location"]::before{opacity:1}
body .project-dialog .ba-case .ba-chapters button:hover{color:var(--editorial-mark)!important}
@media(max-width:1000px){body .project-dialog .ba-case .ba-document{display:block;max-width:1120px}body .project-dialog .ba-case .ba-chapters{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;padding:8px 0 32px}body .project-dialog .ba-case .ba-chapters button{font-size:12px!important}}
@media(max-width:480px){body .project-dialog .ba-case .ba-chapters{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}

/* Book collage shared with the onboarding preview. */
.ba-case .ba-brand-background{background:#ffcf25 url('/assets/befreed/onboarding/thumbnail-background.webp') center bottom/cover no-repeat}
.ba-case .ba-brand-background>*{display:none}

/* Supplied book banner; logo bridges the image and case copy. */
.ba-case .ba-brand-background{height:auto;min-height:0;aspect-ratio:2048/533;background:#ffcf25 url('/assets/befreed/app/hero-books.webp') center/cover no-repeat}
@media(max-width:600px){.ba-case .ba-brand-background{aspect-ratio:2.2/1}.ba-case .ba-logo-badge{width:166px;height:98px;margin-top:-49px;border-radius:24px}body .project-dialog .ba-case .ba-logo-badge img{width:138px}}

/* Uploaded book animation, fitted to the existing opening banner. */
.ba-case .ba-brand-background{aspect-ratio:2356/615}
.ba-case .ba-brand-background>.ba-lottie-background{display:block;position:absolute;inset:0;pointer-events:none}
.ba-lottie-background svg{display:block;width:100%!important;height:100%!important}
.ba-case .ba-brand-background.ba-lottie-ready{background:#ffcf25}
@media(max-width:600px){.ba-case .ba-brand-background{aspect-ratio:2.2/1}}

/* Continuous review loop with direct mouse and touch browsing. */
.ba-ios-rail{scroll-snap-type:none!important;scroll-behavior:auto!important;cursor:grab;overflow-anchor:none}
.ba-ios-rail.is-dragging{cursor:grabbing;user-select:none}
.ba-ios-review{scroll-snap-align:none}

.ba-ios-review{padding-bottom:20px}