.bs-problems,.bs-problems *{box-sizing:border-box}
.bs-problems{padding:112px 0;background:#F4F1E8;scroll-margin-top:100px}
.bs-problems p,.bs-problems h2,.bs-problems h3,.bs-problems dl,.bs-problems dd{margin:0}
.bs-problems .bs-problems-eyebrow,.bs-problem-kicker,.bs-problem-copy dt,.bs-problem-caption,.bs-problem-tab>span:first-child{font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.07em}
.bs-problems .bs-problems-title{font-family:Chillax,sans-serif;font-size:clamp(40px,4.5vw,68px);font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:24px 0}
.bs-problems .bs-problems-intro{font-size:18px;line-height:1.6;margin-bottom:40px}
.bs-problem-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}
.bs-problem-tab{display:flex;align-items:center;gap:12px;min-height:64px;padding:16px 14px;border:1px solid #bdb9ad;border-radius:12px;color:#17130A;text-decoration:none;font-size:15px;font-weight:600;line-height:1.3;transition:background-color .18s,color .18s}
.bs-problem-tab[aria-selected=true]{background:#17130A;border-color:#17130A;color:#F4F1E8}
.bs-problem-tab:hover{background:#e4dfd2}
.bs-problem-tab[aria-selected=true]:hover{background:#17130A}
.bs-problem-arrow{margin-left:auto;font-size:20px}
.bs-problem-tab:not([aria-selected=true]) .bs-problem-arrow{display:none}
.bs-problem-tab:focus-visible,.bs-problem-cta:focus-visible{outline:3px solid #FF6B00;outline-offset:4px}
.bs-problem-panel{display:grid;grid-template-columns:5fr 7fr;background:#17130A;color:#F4F1E8;border-radius:24px;overflow:hidden;margin-bottom:24px;scroll-margin-top:120px}
.bs-problem-panel[hidden]{display:none}
.bs-problem-visual{position:relative;min-height:570px;overflow:hidden}
.bs-problem-visual>img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.bs-problem-caption{position:absolute;bottom:24px;left:24px;right:24px;background:#FF6B00;color:#17130A;border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;font-size:13px}
.bs-problem-caption img{width:40px;height:40px}
.bs-problem-copy{padding:48px;display:flex;flex-direction:column;align-items:flex-start}
.bs-problem-copy .bs-problem-kicker{color:#FF6B00;margin-bottom:20px}
.bs-problem-copy h3{font-family:Chillax,sans-serif;font-weight:500;font-size:42px;line-height:1.13;letter-spacing:-.035em;max-width:15ch;margin-bottom:20px}
.bs-problem-copy .bs-problem-description{font-size:16px;line-height:1.6;max-width:51ch;color:#d8d3c8}
.bs-problem-copy dl{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:26px 0;margin-top:26px;border-top:1px solid #635e52;width:100%}
.bs-problem-copy dt{margin-bottom:10px;color:#d8d3c8}
.bs-problem-copy dd{font-size:16px;line-height:1.55}
.bs-problem-cta{display:flex;align-items:center;gap:24px;margin-top:auto;background:#F4F1E8;color:#17130A;padding:15px 22px;border-radius:100px;text-decoration:none;font-size:15px;font-weight:600;transition:background-color .18s}
.bs-problem-cta:hover{background:#FF6B00}.bs-problem-cta span{font-size:22px;line-height:1}
@media(min-width:961px){.bs-problem-stage{display:grid}.bs-problem-stage>.bs-problem-panel{grid-area:1/1}.bs-problem-picker:not(.is-ready) .bs-problem-stage{display:block}}
@media(max-width:1100px){.bs-problem-tab{gap:8px;padding:14px 10px}.bs-problem-tab>span:first-child{display:none}.bs-problem-copy{padding:36px}.bs-problem-copy h3{font-size:36px}}
@media(max-width:960px){.bs-problems{padding:72px 0}.bs-problem-tabs{grid-template-columns:repeat(3,1fr)}.bs-problem-panel{grid-template-columns:1fr}.bs-problem-visual{min-height:300px;height:300px}.bs-problem-copy{padding:32px}.bs-problem-copy h3{max-width:20ch}.bs-problem-visual>img{object-position:center 38%}.bs-problem-tab>span:first-child{display:inline}}
@media(max-width:520px){.bs-problems{padding:56px 0}.bs-problems .bs-problems-title{font-size:39px;margin:20px 0}.bs-problems .bs-problems-intro{font-size:16px;margin-bottom:28px;max-width:28ch}.bs-problem-tabs{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.bs-problem-tab{font-size:14px;min-height:54px;padding:12px}.bs-problem-tab>span:first-child{font-size:10px}.bs-problem-panel{border-radius:20px}.bs-problem-visual{height:240px;min-height:240px}.bs-problem-caption{left:16px;right:16px;bottom:16px;padding:10px 16px}.bs-problem-caption img{height:30px;width:30px}.bs-problem-copy{padding:28px 24px}.bs-problem-copy h3{font-size:32px}.bs-problem-copy dl{grid-template-columns:1fr;gap:20px;margin-top:24px;padding:24px 0}.bs-problem-cta{font-size:14px;padding:14px 18px;width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.bs-problem-tab,.bs-problem-cta{transition:none}}

/* Bespoke problem studies. Separate wrappers let scroll, pointer and scene motion coexist. */
.bs-problem-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.bs-problem-line>span{display:block}
.bs-problem-panel{grid-template-columns:1fr 1fr;border:1px solid #d6d0c3}
.bs-problem-visual{background:#F4F1E8;min-height:600px;isolation:isolate}
.bs-problem-parallax{position:absolute;inset:42px 0 72px}
.bs-problem-drift{width:100%;height:100%}
.bs-problem-art{display:block;width:100%;height:100%;object-fit:contain}
.bs-problem-art-label{position:absolute;left:28px;right:28px;top:24px;display:flex;justify-content:space-between;gap:20px;color:#17130A;font:11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.025em}
.bs-problem-caption{background:transparent;border-radius:0;bottom:20px;left:28px;right:28px;padding:16px 0 0;border-top:1px solid #bdb9ad}
.bs-problem-caption img{height:30px;width:30px}
.bs-problem-shutter{position:absolute;inset:0;pointer-events:none;display:flex;visibility:hidden;z-index:2}
.bs-problem-shutter i{display:block;flex:1;background:#FF6B00;transform:scaleY(0);transform-origin:top}
.bs-problem-copy h3{font-size:44px}
.bs-problem-tab{position:relative;overflow:hidden;font-size:16px}
.bs-problem-tab:active,.bs-problem-cta:active{transform:scale(.98)}
.bs-problem-panel:focus-visible{outline:3px solid #FF6B00;outline-offset:4px}
@media(max-width:1100px){.bs-problem-tab{font-size:14px}.bs-problem-copy h3{font-size:38px}}
@media(max-width:960px){.bs-problem-panel{grid-template-columns:1fr}.bs-problem-visual{height:400px;min-height:400px}.bs-problem-parallax{inset:36px 0 65px}.bs-problem-copy h3{font-size:36px}}
@media(max-width:520px){.bs-problem-visual{height:345px;min-height:345px}.bs-problem-art-label{left:20px;right:20px;top:20px;font-size:10px}.bs-problem-caption{left:20px;right:20px;bottom:16px;padding-top:12px}.bs-problem-copy h3{font-size:32px}.bs-problem-tab{font-size:14px}.bs-problem-parallax{inset:32px 0 58px}}
/* Reserve the selection mark so changing tabs never reflows the row. */
.bs-problem-tab{padding-right:34px;min-height:76px}
.bs-problem-arrow{position:absolute;right:12px;top:50%;margin:0;transform:translateY(-50%)}
@media(max-width:520px){.bs-problem-tab{min-height:64px;padding-right:27px}.bs-problem-arrow{right:9px}}
.bs-problem-drift{position:absolute;inset:-8%;width:auto;height:auto}