.bps-flow.bef{display:block;position:relative;background:#f1eadb;color:#272d40;padding:28px 5% 22px;overflow:hidden;height:auto;min-height:0;box-sizing:border-box}.bef *{box-sizing:border-box}.bef-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #272d4030;font:8px/1.6 Arial,sans-serif;letter-spacing:.12em}.bef-header>span:last-child{text-align:right}.bef-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.9fr);gap:6%;align-items:center;padding:30px 0}.bef-gallery{min-width:0}.bef-stage{position:relative;isolation:isolate;aspect-ratio:640/650;max-height:680px;overflow:hidden;background:#d5d8c9;touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none;cursor:grab;outline-offset:5px}.bef-stage:active{cursor:grabbing}.bef-stage:focus-visible{outline:3px solid #3455b3}.bef-scene{position:absolute;inset:0;pointer-events:none;transform-origin:50% 85%;backface-visibility:hidden}.bef-scene svg{display:block;width:100%;height:100%;object-fit:cover}.bef[data-bef-busy=true] .bef-scene{will-change:transform,clip-path}.bef-corner{position:absolute;z-index:4;top:17px;left:17px;background:#f9f1dbdc;color:#293044;padding:7px 9px;font:6px/1.2 Arial,sans-serif;letter-spacing:.11em}.bef-corner b{font-weight:400}.bef-caption{display:flex;justify-content:space-between;gap:12px;padding:12px;background:#272d40;color:#f5ecd8;font:6px/1.6 Arial,sans-serif;letter-spacing:.08em}.bef-copy{min-width:0}.bef-kicker{font:8px/1.8 Arial,sans-serif;letter-spacing:.13em}.bef h2{margin:17px 0!important;font-size:clamp(42px,5.2vw,75px)!important;line-height:.96!important;letter-spacing:-.065em!important;font-weight:750!important}.bef h2 em{color:#df503c;font-style:normal}.bef-intro{font-size:12px;line-height:1.8;margin-bottom:24px!important}.bef-choices{display:grid;border-top:1px solid #272d4030}.bef-choices button{display:grid;grid-template-columns:22px 1fr 12px;align-items:center;gap:8px;background:transparent;border:0;border-bottom:1px solid #272d4030;color:#272d40;text-align:left;min-height:48px;padding:12px 9px;font-size:13px!important;cursor:pointer}.bef-choices button>span:first-child{font:8px Arial,sans-serif;opacity:.6}.bef-choices button[aria-pressed=true]{background:#272d40;color:#f9f0d9}.bef-detail{padding:22px 0 18px;min-height:190px}.bef-detail>span{font:7px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#6f6e65}.bef-detail h3{font-size:24px!important;line-height:1.1!important;margin:10px 0!important;letter-spacing:-.04em!important}.bef-detail p{font-size:11px;line-height:1.8;max-width:350px;min-height:60px}.bef-specs{display:flex;flex-wrap:wrap;gap:7px 16px;margin-top:14px;font:6px/1.5 Arial,sans-serif;letter-spacing:.09em;color:#6b6b63}.bef-controls{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:9px;border-top:1px solid #272d4030;padding-top:14px}.bef-controls button{width:44px;min-height:44px;border:1px solid #272d40;background:transparent;color:#272d40;cursor:pointer;font-size:20px!important}.bef-controls>span{font:8px/1.5 Arial,sans-serif;text-align:center}.bef button:focus-visible{outline:3px solid #3455b3;outline-offset:3px}.bef button:hover{box-shadow:2px 2px #df503c}.bef-footer{border-top:1px solid #272d4030;padding-top:16px;color:#787367;font:8px/1.7 Arial,sans-serif}
@media(max-width:700px){.bps-flow.bef{padding:23px 6% 20px}.bef-header{font-size:6px;gap:12px}.bef-header>span:last-child{max-width:105px}.bef-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:23px 0}.bef-copy{display:contents}.bef-kicker{display:none}.bef h2{grid-row:1;font-size:48px!important;margin:0 0 15px!important}.bef-intro{grid-row:2;font-size:12px;margin-bottom:20px!important}.bef-gallery{grid-row:3}.bef-stage{aspect-ratio:640/650;max-height:none}.bef-choices{grid-row:4;margin-top:18px}.bef-detail{grid-row:5;padding-top:20px;min-height:190px}.bef-controls{grid-row:6}.bef-detail p{max-width:none;min-height:0}.bef-caption{font-size:5px;padding:9px}.bef-corner{font-size:5px;top:12px;left:12px;padding:6px}.bef-specs{font-size:6px}.bef-footer{font-size:8px}}
@media(max-width:340px){.bef h2{font-size:40px!important}.bef-choices button{font-size:12px!important}.bef-detail h3{font-size:23px!important}.bef-header{font-size:5px}.bef-controls>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.bef *{animation:none!important;transition:none!important;will-change:auto!important}}