/* Case study composition. Reference geometry, BearStack palette and typography. */
.bs .bs-cases{position:relative;isolation:isolate;overflow:hidden;background:#F4F1E8;color:#17130A;border-radius:0 0 24px 24px;scroll-margin-top:-24px;padding:96px 0 64px;transition:background-color .6s cubic-bezier(.77,0,.175,1)}
.bs .bs-case-wrap{position:relative;max-width:1440px;margin:0 auto;padding:0 32px;z-index:1}
.bs .bs-case-anchor{position:absolute;top:0;scroll-margin-top:-24px}
.bs .bs-case-head{text-align:center;margin-bottom:64px}
.bs .bs-case-kicker,.bs .bs-case-sample{font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.08em;margin:0}
.bs .bs-case-kicker{text-transform:uppercase;margin-bottom:20px}
.bs .bs-case-title{font:500 clamp(42px,4.45vw,64px)/1.06 Chillax,Inter,sans-serif;letter-spacing:-.035em;max-width:22ch;margin:0 auto 20px;text-wrap:balance}
.bs .bs-case-sample{letter-spacing:0;color:#625C50}
.bs .bs-case-layout{display:block}
.bs .bs-case-nav{display:none}
.bs .bs-case-stage{display:grid;gap:64px}
.bs .bs-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:60px;align-items:start;margin:0}
.bs .bs-case-visual{aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:20px;align-self:start;position:relative;background:#EAE5D9}
.bs .bs-case-art,.bs .bs-case-art svg{display:block;width:100%;height:100%}
.bs .bs-case-body{min-width:0;padding-top:2px}
.bs .bs-case-result{font:600 18px/1.5 Inter,sans-serif;letter-spacing:-.02em;margin:0 0 26px}
.bs .bs-case-project-title{font:500 clamp(28px,2.5vw,36px)/1.16 Chillax,Inter,sans-serif;letter-spacing:-.035em;margin:0 0 26px;text-wrap:balance}
.bs .bs-case-copy{font:400 clamp(18px,1.55vw,22px)/1.4 Inter,sans-serif;letter-spacing:-.02em;margin:0 0 22px;max-width:34ch}
.bs .bs-case-client{font:400 11px/1.5 'IBM Plex Mono',monospace;margin:0 0 24px}
.bs .bs-case-client span{display:block;color:#625C50}
.bs .bs-case-measure{display:flex;align-items:center;gap:58px;margin:0;border-top:1px solid #BDB6A9;padding-top:18px}
.bs .bs-case-measure dt{font:400 10px/1.5 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em}
.bs .bs-case-measure dd{font:500 32px/1.4 Chillax,Inter,sans-serif;letter-spacing:-.035em;margin:0}
.bs .bs-case-measure>div:first-child{position:relative}
.bs .bs-case-measure>div:first-child::after{content:"→";position:absolute;right:-38px;top:28px;font-size:24px}
.bs .bs-case-measure-label{font:400 12px/1.5 Inter,sans-serif;margin:4px 0 18px}
.bs .bs-case-detail{margin:0;font:400 13px/1.55 Inter,sans-serif}
/* Use the site's shared reference button for the native disclosure. */
.bs .bs-case-detail summary{list-style:none;text-decoration:none}
.bs .bs-case-detail summary::-webkit-details-marker{display:none}
.bs .bs-case-notes{font:400 13px/1.6 Inter,sans-serif;margin:8px 0 0;max-width:46ch}
.bs .bs-case-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.bs .bs-case-shape{position:absolute;left:-10%;top:42%;width:64%;height:auto;opacity:0;color:#17130A}
.bs .bs-case-shape:first-child{opacity:.06}
.bs .bs-case-shape:nth-child(2){left:-14%;top:32%;width:70%}
.bs .bs-case-shape:nth-child(3){left:-15%;top:40%;width:75%}
/* Progressive enhancement: all cases remain readable when JavaScript is unavailable. */
.bs .bs-cases.is-enhanced .bs-case-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:60px}
.bs .bs-cases.is-enhanced .bs-case-nav{display:block}
.bs .bs-cases.is-enhanced .bs-case-stage{display:grid;gap:0}
.bs .bs-cases.is-enhanced .bs-case{grid-area:1/1;visibility:hidden;pointer-events:none}
.bs .bs-cases.is-enhanced .bs-case.is-active{visibility:visible;pointer-events:auto}
.bs .bs-case-tabs{display:flex;flex-direction:column;gap:20px}
.bs .bs-case-tab{display:flex;flex-direction:column;gap:14px;width:100%;text-align:left;background:transparent;color:#756E60;border:0;border-radius:0;padding:0;min-height:44px;font:600 18px/1.5 Inter,sans-serif;letter-spacing:-.025em;cursor:pointer;transition:color .4s cubic-bezier(.77,0,.175,1),transform .16s ease-out}
.bs .bs-case-tab[aria-selected=true]{color:#17130A}
.bs .bs-case-tab:active{transform:scale(.985)}
.bs .bs-case-tab-line{height:1px;display:block;background:#C7C0B2;width:100%;overflow:hidden}
.bs .bs-case-tab-line i{display:block;height:100%;background:#17130A;transform:scaleX(0);transform-origin:left}
.bs .bs-case-tab[aria-selected=true] .bs-case-tab-line i{transform:scaleX(1)}
.bs .bs-case-autoplay{display:flex;align-items:center;gap:8px;font:400 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:0;color:#625C50;background:transparent;border:0;border-radius:4px;cursor:pointer;padding:12px 0;min-height:44px;margin-top:26px}
.bs .bs-case-autoplay>span:first-child{font-size:16px;color:#17130A}
.bs .bs-case-tab:focus-visible,.bs .bs-case-autoplay:focus-visible,.bs .bs-case-detail summary:focus-visible,.bs .bs-case:focus-visible{outline:2px solid #17130A;outline-offset:6px}
.bs .bs-case-word{display:inline-block;overflow:hidden;vertical-align:top}
.bs .bs-case-word>span{display:inline-block;vertical-align:top}
.bs .bs-cases[data-case=rescue]{background:#FBE7D8}
.bs .bs-cases[data-case=checkout]{background:#F9EBC5}
@media(hover:hover) and (pointer:fine){.bs .bs-case-tab:hover{color:#17130A}.bs .bs-case-autoplay:hover{color:#17130A}}
@media(max-width:1100px){.bs .bs-cases.is-enhanced .bs-case-layout{gap:32px;grid-template-columns:minmax(0,.8fr) minmax(0,2fr)}.bs .bs-case{gap:32px}.bs .bs-case-result{font-size:16px;margin-bottom:20px}.bs .bs-case-copy{font-size:18px}.bs .bs-case-project-title{font-size:28px}.bs .bs-case-tab{font-size:16px}}
@media(max-width:768px){.bs .bs-cases{padding:56px 0 40px;border-radius:0 0 20px 20px}.bs .bs-case-wrap{padding:0 16px}.bs .bs-case-head{margin-bottom:32px}.bs .bs-case-title{font-size:34px;letter-spacing:-.035em;line-height:1.1;margin-bottom:16px}.bs .bs-case-kicker{margin-bottom:16px}.bs .bs-cases.is-enhanced .bs-case-layout{grid-template-columns:minmax(0,1fr);gap:24px}.bs .bs-case-tabs{gap:14px}.bs .bs-case-tab{font-size:16px;gap:10px}.bs .bs-case-autoplay{margin-top:8px}.bs .bs-case{grid-template-columns:minmax(0,1fr);gap:28px}.bs .bs-case-visual{width:100%;max-width:420px;justify-self:center;aspect-ratio:4/5}.bs .bs-case-body{padding:0}.bs .bs-case-project-title{font-size:30px;margin-bottom:18px;max-width:24ch}.bs .bs-case-result{margin-bottom:18px}.bs .bs-case-copy{font-size:18px;max-width:38ch}.bs .bs-case-shape{width:170%;top:13%;left:-60%}.bs .bs-case-shape:nth-child(2),.bs .bs-case-shape:nth-child(3){width:180%;top:18%;left:-60%}.bs .bs-case-stage{gap:48px}}
@media(prefers-reduced-motion:reduce){.bs .bs-case-tab,.bs .bs-cases{transition:none}}
.bs-reduced-motion .bs .bs-case-tab,.bs.bs-reduced-motion .bs-case-tab{transition:none}

.bs.bs-reduced-motion .bs-cases,.bs-reduced-motion .bs .bs-cases{transition:none}