.bythlon-connection{padding:72px 5%;background:#fff;color:#111}
.bythlon-connection__inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:64px;align-items:center}
.bythlon-connection__heading{grid-column:2;grid-row:1;align-self:end;padding-bottom:24px}
.bythlon-connection__heading>p:first-child{margin:0 0 12px}
.bythlon-connection__heading h2{margin:0;max-width:14ch}
.bythlon-connection__heading h2>span{display:block;text-wrap:balance}
.bythlon-connection__intro{margin:24px 0 0;font-size:18px;line-height:1.5;max-width:44ch}
.bythlon-connection__figure{grid-column:1;grid-row:1 / 3;margin:0;min-width:0;background:#f4f2ee}
.bythlon-connection__figure>video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.bythlon-connection__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;min-height:64px;border-top:1px solid #d6d2ca;font-size:14px;line-height:1.4}
.bythlon-connection__controls{flex-shrink:0}
.bythlon-connection__controls[hidden]{display:none}
.bythlon-connection__controls button{min-height:44px;padding:0;border:0;border-radius:0;background:none;color:inherit;font-family:"Geistmono Variable",monospace;font-size:12px;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.bythlon-connection__details{grid-column:2;grid-row:2;align-self:start;border-top:1px solid #d6d2ca;border-bottom:1px solid #d6d2ca}
.bythlon-connection__details>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:14px 0;font-size:16px;line-height:1.4;cursor:pointer;list-style:none}
.bythlon-connection__details>summary::-webkit-details-marker{display:none}
.bythlon-connection__details>summary::after{content:"+";font-family:"Geistmono Variable",monospace;font-size:22px}
.bythlon-connection__details[open]>summary::after{content:"−"}
.bythlon-connection__fit{padding:0 0 20px;display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;align-items:start}
.bythlon-connection__fit img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f4f2ee}
.bythlon-connection__fit p{margin:0 0 12px;font-size:15px;line-height:1.5}
.bythlon-connection__fit p:last-child{margin:0}
.bythlon-connection__compatibility{color:#555}
.bythlon-connection button:focus-visible,.bythlon-connection summary:focus-visible{outline:2px solid #c33318;outline-offset:4px}
@media(max-width:991px){.bythlon-connection{padding:48px 5%}.bythlon-connection__inner{column-gap:32px}.bythlon-connection__intro{font-size:16px}.bythlon-connection__fit{grid-template-columns:80px minmax(0,1fr);gap:16px}}
@media(max-width:767px){.bythlon-connection{padding:40px 20px}.bythlon-connection__inner{display:flex;flex-direction:column;align-items:stretch;gap:24px}.bythlon-connection__heading{padding:0;align-self:auto}.bythlon-connection__heading h2{max-width:16ch}.bythlon-connection__intro{margin-top:18px}.bythlon-connection__bar{padding:8px 12px}.bythlon-connection__fit{grid-template-columns:88px minmax(0,1fr)}}