.tpi-ba{--tba-bg:#f4f2e9;--tba-ink:#181916;--tba-accent:#c5a13b;background:var(--tba-bg);color:var(--tba-ink);padding:64px 48px;font-family:inherit}
.tpi-ba *{box-sizing:border-box}.tpi-ba__eyebrow{font-size:14px;font-weight:700;letter-spacing:.13em;margin-bottom:20px;color:var(--tba-ink)}
.tpi-ba .tpi-ba__title{font-size:clamp(32px,4.4vw,64px);line-height:1.06;letter-spacing:-.04em;color:inherit;margin:0 0 16px;font-weight:700}
.tpi-ba__description{font-size:clamp(18px,2vw,25px);line-height:1.5;margin:0 0 30px;max-width:65ch}
.tpi-ba__media{display:grid;gap:20px}.tpi-ba__media.has-video{grid-template-columns:2.1fr 1fr}.tpi-ba__compare{position:relative;aspect-ratio:1.95;min-width:0;overflow:hidden;background:#dedbd0}
.tpi-ba .tpi-ba__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;border-radius:0}.tpi-ba__before{clip-path:inset(0 calc(100% - var(--tba-position)) 0 0)}
.tpi-ba__label{position:absolute;top:18px;background:#181916;color:#fff;padding:8px 14px;font-size:13px;font-weight:700;z-index:2}.tpi-ba__label--before{left:18px}.tpi-ba__label--after{right:18px}
.tpi-ba__divider{position:absolute;left:var(--tba-position);top:0;bottom:0;width:3px;background:var(--tba-accent);transform:translateX(-50%);pointer-events:none;z-index:3}.tpi-ba__divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border:2px solid white;border-radius:50%;background:var(--tba-accent);color:#181916;font-size:25px}
.tpi-ba .tpi-ba__range{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;z-index:4;touch-action:none;user-select:none;-webkit-user-select:none}.tpi-ba__compare:focus-within{outline:3px solid var(--tba-ink);outline-offset:4px}.tpi-ba__hint{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;background:#181916;color:white;padding:6px 10px;font-size:12px;pointer-events:none;z-index:5}
.tpi-ba__video{min-width:0;background:#181916;color:#fff}.tpi-ba__video video{display:block;width:100%;aspect-ratio:1.2;object-fit:cover}.tpi-ba__video p{padding:16px 20px;margin:0;font-size:15px}.tpi-ba__video strong{font-size:21px}.tpi-ba__empty{padding:40px 20px;border:1px dashed currentColor;min-height:220px;display:grid;place-content:center;font-size:16px}
.tpi-ba__footer{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:22px}.tpi-ba__footer h3{font-size:26px;line-height:1.25;margin:0 0 14px;color:inherit}.tpi-ba a.tpi-ba__cta{display:inline-block;padding:14px 28px;background:var(--tba-accent);color:#181916;font-size:16px;font-weight:700;text-decoration:none}.tpi-ba__cta:focus-visible{outline:3px solid currentColor;outline-offset:4px}.tpi-ba__disclosure{font-size:13px;margin:0;max-width:38ch}
[data-theme=dark] .tpi-ba{--tba-bg:#191a17;--tba-ink:#f4f2e9}
@media(max-width:767px){.tpi-ba{padding:40px 20px}.tpi-ba__media.has-video{grid-template-columns:1fr}.tpi-ba__compare{aspect-ratio:1.2}.tpi-ba__video video{aspect-ratio:16/9}.tpi-ba__footer{align-items:start;flex-direction:column}.tpi-ba__hint{font-size:11px}.tpi-ba__label{top:10px;padding:6px 10px}.tpi-ba__label--before{left:10px}.tpi-ba__label--after{right:10px}}

/* Unified media viewer, optional tabs and accessible full-screen dialog. */
.tpi-ba .tpi-ba__media{display:block}
.tpi-ba [hidden]{display:none!important}
.tpi-ba__tabs{display:flex;gap:24px;margin-bottom:16px;border-bottom:1px solid #9995}
.tpi-ba .tpi-ba__tabs button{appearance:none;background:none;color:var(--tba-ink);border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 16px;font:inherit;font-weight:700;cursor:pointer}
.tpi-ba .tpi-ba__tabs button[aria-selected=true]{border-bottom-color:var(--tba-accent)}
.tpi-ba__viewer{position:relative}
.tpi-ba .tpi-ba__compare,.tpi-ba .tpi-ba__video{aspect-ratio:2.65;min-height:0}
.tpi-ba__video{position:relative;overflow:hidden}
.tpi-ba .tpi-ba__video video{height:100%;width:100%;aspect-ratio:auto;object-fit:contain}
.tpi-ba .tpi-ba__play{position:absolute;inset:0 0 48px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#0003;color:white;border:0;border-radius:0;cursor:pointer;font:inherit;text-shadow:0 1px 3px #000}
.tpi-ba__play-symbol{display:grid;place-items:center;background:var(--tba-accent);color:#181916;width:72px;height:72px;border:2px solid white;border-radius:50%;font-size:28px;text-shadow:none}
.tpi-ba__play strong{font-size:24px}
.tpi-ba .tpi-ba__expand,.tpi-ba .tpi-ba__close{background:#181916;color:white;border:1px solid #ffffff55;border-radius:0;padding:10px 14px;font:inherit;font-size:14px;cursor:pointer}
.tpi-ba__expand{position:absolute;right:16px;top:16px;z-index:8}
.tpi-ba__viewer:has(.tpi-ba__expand) .tpi-ba__label--after{right:155px}
.tpi-ba button:focus-visible{outline:3px solid var(--tba-accent);outline-offset:3px}
.tpi-ba .tpi-ba__dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;inset:0;margin:0;padding:24px 32px;border:0;background:#181916;color:#f4f2e9;overflow:auto}
.tpi-ba__dialog::backdrop{background:#181916}
.tpi-ba__dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ffffff33}
.tpi-ba__dialog-body{max-width:1800px;margin:auto}
.tpi-ba__dialog .tpi-ba__tabs button{color:#f4f2e9}
.tpi-ba__dialog .tpi-ba__expand{display:none}
.tpi-ba__dialog .tpi-ba__label--after{right:18px!important}
.tpi-ba__dialog .tpi-ba__compare,.tpi-ba__dialog .tpi-ba__video{aspect-ratio:2.65;max-height:calc(100dvh - 170px)}
.tpi-ba__hint{transition:opacity .2s}
.tpi-ba.is-hinting .tpi-ba__hint{opacity:1}
@media(max-width:767px){.tpi-ba .tpi-ba__compare,.tpi-ba .tpi-ba__video{aspect-ratio:1.2}.tpi-ba .tpi-ba__dialog{padding:16px}.tpi-ba__dialog .tpi-ba__compare,.tpi-ba__dialog .tpi-ba__video{aspect-ratio:1.2}.tpi-ba__expand{right:10px;top:auto;bottom:12px}.tpi-ba__viewer:has(.tpi-ba__expand) .tpi-ba__label--after{right:10px}.tpi-ba__hint{bottom:58px;white-space:normal;text-align:center}.tpi-ba__dialog .tpi-ba__hint{bottom:12px}.tpi-ba__play-symbol{height:56px;width:56px}.tpi-ba__play strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.tpi-ba__hint{transition:none}}