.hb-swap{--ink:#3e302a;--paper:#fcf9f4;--line:#dcd2c6;--cocoa:#5c4035;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif}
.hb-swap *{box-sizing:border-box}
.hb-swap .hb-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:32px 64px 44px}
.hb-swap .hb-copy{max-width:440px;padding:36px 0}
.hb-swap .hb-eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px;font-weight:600}
.hb-swap h1,.hb-swap h2{font-family:Georgia,serif;font-size:clamp(40px,4.2vw,64px);font-weight:400;line-height:1.07;letter-spacing:-.04em;margin:0 0 22px}
.hb-swap .hb-intro{font-size:16px;line-height:1.7;max-width:360px;margin:0 0 28px;color:#6b574b}
.hb-swap .hb-rule{width:44px;border:0;border-top:1px solid #8e7664;margin:0 0 26px}
.hb-swap .hb-choose{font-size:13px;margin:0 0 14px}
.hb-swap .hb-options{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 25px}
.hb-swap .hb-option{border:0;background:none;cursor:pointer;padding:4px 0;text-align:left;color:var(--ink);font:inherit;min-width:78px;display:flex;flex-direction:column;gap:8px;align-items:center}
.hb-swap .hb-dot{display:block;width:43px;height:43px;border-radius:50%;border:3px solid var(--paper);outline:1px solid #c7b9aa;background-color:#ad132b;background-position:50% 55%;background-size:120px;transition:outline-color .2s}
.hb-swap .hb-option[aria-pressed=true] .hb-dot{outline:2px solid var(--cocoa);outline-offset:2px}
.hb-swap .hb-option span:last-child{font-size:11px;white-space:nowrap}
.hb-swap .hb-link{display:inline-flex;background:var(--cocoa);color:#fffaf5;text-decoration:none;padding:15px 23px;gap:30px;align-items:center;font-size:13px;min-height:48px}
.hb-swap .hb-link:hover{background:#432c24}
.hb-swap .hb-fine{font-size:11px;line-height:1.6;color:#786355;margin:14px 0 0;max-width:350px}
.hb-swap .hb-visual{position:relative;min-width:0}
.hb-swap .hb-stage{height:665px;max-height:76vh;min-height:550px;position:relative;background:radial-gradient(ellipse at 50% 40%,#fffdfa 0,#f6eee4 78%);overflow:hidden}
.hb-swap .hb-top{position:absolute;left:50%;top:7%;transform:translateX(-50%);width:70%;height:40%;object-fit:contain;object-position:center bottom;opacity:0;transition:opacity .75s ease;filter:drop-shadow(0 7px 8px #5035260d)}
.hb-swap .hb-top.is-active{opacity:1}
.hb-swap .hb-pants{position:absolute;left:50%;top:50%;transform:translateX(-50%);width:48%;height:45%;object-fit:contain;object-position:center top;filter:drop-shadow(0 7px 8px #5035260d)}
.hb-swap .hb-stage-kicker{position:absolute;top:20px;left:25px;font-size:9px;letter-spacing:.15em;color:#806b5c}
.hb-swap .hb-fixed-label{position:absolute;bottom:17px;right:22px;font-size:10px;color:#806b5c}
.hb-swap .hb-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;font-size:12px;min-height:44px}
.hb-swap .hb-caption strong{font-weight:500}
.hb-swap .hb-pause{background:none;border:0;padding:9px 0 9px 12px;color:var(--ink);font:inherit;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-width:74px}
.hb-swap button:focus-visible,.hb-swap a:focus-visible{outline:2px solid #58372c;outline-offset:5px}
.hb-swap .hb-count{font-size:10px;letter-spacing:.12em;color:#806b5c;margin-right:10px}
.hb-swap .hb-mobile-choice{display:none}
@media(max-width:800px){.hb-swap .hb-inner{padding:30px 24px 36px;gap:24px;grid-template-columns:1fr}.hb-swap .hb-copy{padding:0;max-width:100%}.hb-swap h1,.hb-swap h2{font-size:42px;max-width:360px;margin-bottom:15px}.hb-swap .hb-eyebrow{margin-bottom:16px;font-size:10px}.hb-swap .hb-intro{font-size:14px;line-height:1.6;max-width:420px;margin-bottom:20px}.hb-swap .hb-rule{display:none}.hb-swap .hb-stage{height:545px;max-height:none;min-height:0}.hb-swap .hb-options{gap:22px;margin-bottom:19px}.hb-swap .hb-dot{width:36px;height:36px}.hb-swap .hb-fine{margin-bottom:0}.hb-swap .hb-caption{font-size:11px}.hb-swap .hb-option span:last-child{font-size:10px}.hb-swap .hb-stage-kicker{left:18px;top:17px}.hb-swap .hb-fixed-label{right:17px;bottom:16px}}
@media(prefers-reduced-motion:reduce){.hb-swap .hb-top,.hb-swap .hb-dot{transition:none}}

@media(max-width:800px){.hb-swap .hb-inner{display:flex;flex-direction:column;align-items:stretch;gap:12px}.hb-swap .hb-copy{display:contents}.hb-swap .hb-eyebrow{order:1;margin-bottom:0}.hb-swap h1,.hb-swap h2{order:2;margin-bottom:0}.hb-swap .hb-intro{order:3;margin-bottom:8px}.hb-swap .hb-visual{order:4;margin-bottom:13px}.hb-swap .hb-stage{height:440px}.hb-swap .hb-choose{order:5;margin-bottom:0}.hb-swap .hb-options{order:6;margin-bottom:9px}.hb-swap .hb-link{order:7;align-self:flex-start}.hb-swap .hb-fine{order:8;margin-top:0}}

.hb-swap .hb-intro p{margin:0}