.hwbr{background:var(--hr-bg);padding:var(--section-y) 0}.hwbr__container{margin:0 auto;max-width:var(--container-max);padding:0 var(--container-pad)}.hwbr__grid{display:grid;gap:var(--sp-6,24px);grid-template-columns:1fr;position:relative}@media (min-width:900px){.hwbr__grid{column-gap:var(--sp-8,40px);grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;row-gap:var(--sp-5,20px)}.hwbr__figure{grid-column:1;grid-row:1/3}.hwbr__aside{grid-column:2;grid-row:1}.hwbr__card{align-self:end;grid-column:2;grid-row:2}}.hwbr__aside{min-width:0}.hwbr__eyebrow{color:var(--hr-blue);font-size:var(--fs-eyebrow,12px);font-weight:var(--fw-bold,700);letter-spacing:var(--tracking-eyebrow,.14em);margin:0 0 var(--sp-2,8px);text-transform:uppercase}.hwbr__eyebrow,.hwbr__h2{font-family:var(--font-display)}.hwbr__h2{color:var(--hr-navy);font-size:var(--fs-h2,22px);font-weight:var(--fw-extrabold,800);line-height:var(--lh-tight,1.15)}.hwbr__desc,.hwbr__h2{margin:0 0 var(--sp-4,16px)}.hwbr__desc{color:var(--hr-body);font-size:var(--fs-lead,18px);line-height:var(--lh-relaxed,1.6)}.hwbr__desc,.hwbr__tip{font-family:var(--font-sans)}.hwbr__tip{align-items:center;color:var(--hr-blue);display:inline-flex;font-size:var(--fs-small,14px);font-weight:var(--fw-bold,700);gap:6px;margin:0}.hwbr__figure{aspect-ratio:1/1;background-color:var(--hr-blue-50,#eaf4fc);background-image:repeating-linear-gradient(0deg,color-mix(in srgb,var(--hr-blue) 9%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--hr-blue) 9%,transparent) 0 1px,transparent 1px 26px),repeating-linear-gradient(0deg,color-mix(in srgb,var(--hr-blue) 18%,transparent) 0 1.5px,transparent 1.5px 130px),repeating-linear-gradient(90deg,color-mix(in srgb,var(--hr-blue) 18%,transparent) 0 1.5px,transparent 1.5px 130px);border:1px solid var(--hr-blue-100,#d4e8f7);border-radius:var(--r-lg,16px);box-shadow:var(--shadow-md);margin:0;overflow:hidden;position:relative;width:100%}.hwbr__layers{inset:0;position:absolute;transform:scale(1.03);transform-origin:center}.hwbr__layer{display:block;height:100%;inset:0;object-fit:contain;position:absolute;transition:opacity var(--dur,.22s) var(--ease-out,ease);width:100%}.hwbr__figure.has-sel .hwbr__layer{filter:saturate(.4);opacity:.28}.hwbr__figure.has-sel .hwbr__layer.hot{filter:drop-shadow(0 0 5px var(--hr-blue));opacity:1}.hwbr__num{align-items:center;background:var(--hr-blue);border:0;border-radius:var(--r-pill,999px);box-shadow:0 0 0 3px var(--hr-surface),var(--shadow-sm);color:var(--hr-text-on-color,#fff);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:16px;font-weight:var(--fw-bold,700);height:44px;justify-content:center;padding:0;position:absolute;transform:translate(-50%,-50%);transition:background-color var(--dur,.22s) var(--ease-out,ease),transform var(--dur,.22s) var(--ease-out,ease);width:44px;z-index:5}@media (hover:hover){.hwbr__num:hover{background:var(--hr-blue-700)}}.hwbr__num:focus-visible{box-shadow:0 0 0 3px var(--hr-surface),var(--shadow-focus);outline:none}.hwbr__num.sel{animation:hwbr-pulse 1.6s var(--ease-out,ease) infinite;background:var(--hr-navy);color:var(--hr-text-on-color,#fff)}@keyframes hwbr-pulse{0%{box-shadow:0 0 0 3px var(--hr-surface),0 0 0 0 color-mix(in srgb,var(--hr-blue) 55%,transparent)}70%{box-shadow:0 0 0 3px var(--hr-surface),0 0 0 12px color-mix(in srgb,var(--hr-blue) 0%,transparent)}to{box-shadow:0 0 0 3px var(--hr-surface),0 0 0 0 color-mix(in srgb,var(--hr-blue) 0%,transparent)}}.hwbr__wire{height:100%;inset:0;overflow:visible;pointer-events:none;position:absolute;width:100%;z-index:3}.hwbr__wire-path{fill:none;stroke:var(--hr-blue);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.hwbr__wire-dot{fill:var(--hr-blue)}.hwbr__card{background:var(--hr-surface);border:0 solid var(--hr-blue);border-radius:var(--r-lg,16px);box-shadow:none;max-height:0;opacity:0;overflow:hidden;padding:var(--sp-5,20px) var(--sp-6,24px);pointer-events:none;position:relative;transition:max-height var(--dur,.22s) var(--ease-out,ease),opacity var(--dur,.22s) var(--ease-out,ease),border-width var(--dur,.22s) var(--ease-out,ease);width:100%;z-index:4}.hwbr__card.is-open{border-width:2px;box-shadow:var(--shadow-lg);opacity:1;pointer-events:auto}.hwbr__card-close{align-items:center;background:transparent;border:0;border-radius:var(--r-pill,999px);color:var(--hr-text-muted,#6b7682);cursor:pointer;display:inline-flex;height:36px;justify-content:center;position:absolute;right:8px;top:8px;width:36px}.hwbr__card-close:hover{background:var(--hr-surface-alt);color:var(--hr-text-strong)}.hwbr__card-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.hwbr__panel{align-items:flex-start;display:flex;gap:var(--sp-3,12px)}.hwbr__panel[hidden]{display:none}.hwbr__panel-num{align-items:center;background:var(--hr-blue);border-radius:var(--r-pill,999px);color:var(--hr-text-on-color,#fff);display:inline-flex;flex-shrink:0;font-family:var(--font-display);font-size:15px;font-weight:var(--fw-bold,700);height:34px;justify-content:center;width:34px}.hwbr__panel-text{min-width:0}.hwbr__panel-title{color:var(--hr-navy);font-family:var(--font-display);font-size:var(--fs-h3,18px);font-weight:var(--fw-extrabold,800);line-height:var(--lh-snug,1.3);margin:4px 0 6px;padding-right:28px}.hwbr__panel-body{color:var(--hr-body);font-family:var(--font-sans);font-size:var(--fs-body,16px);line-height:var(--lh-relaxed,1.6);margin:0}@media (max-width:899px){.hwbr__h2{font-size:var(--fs-h2,22px)}}@media (prefers-reduced-motion:reduce){.hwbr__card,.hwbr__layer,.hwbr__num{transition:none!important}.hwbr__num.sel{animation:none;box-shadow:0 0 0 3px var(--hr-surface),0 0 0 4px color-mix(in srgb,var(--hr-blue) 45%,transparent)}}