/* A photographic chapter on a white canvas, not another dark full-bleed scene. */
body.at-home #app .home-advantages{padding:48px 0 32px;background:#fff;color:#24262b}
.home-advantages .section-head{margin-bottom:24px;gap:24px;align-items:center}
.advantages-kicker{font-size:14px;color:#70757c}
.advantages-scene{position:relative;isolation:isolate;border-radius:16px;overflow:hidden;background:#edf0f3}
.advantage-slide{position:relative;min-height:580px;overflow:hidden;background:#edf0f3;color:#fff}
.advantage-picture{position:absolute;inset:0;overflow:hidden}
.advantage-picture img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translateX(var(--picture-x,0px)) scale(1.07)}
.advantage-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,19,27,.78),rgba(12,19,27,.52) 38%,rgba(12,19,27,.08) 78%);z-index:1;pointer-events:none}
.advantage-copy{position:relative;z-index:2;padding:58px 6% 110px;width:60%;max-width:780px}
#app .advantage-copy h3{font-size:52px;line-height:1.2;margin:18px 0 22px;color:inherit}
.advantage-number{font-size:13px;letter-spacing:.12em;opacity:.8}
#app .advantage-copy .advantage-lead{font-size:24px;line-height:1.5;font-weight:600;margin:0 0 16px;color:inherit}
#app .advantage-copy .advantage-text{font-size:16px;line-height:1.9;max-width:440px;margin:0;color:inherit;opacity:.9}
.advantage-copy dl{display:flex;flex-wrap:wrap;gap:24px 40px;margin:30px 0 0}
.advantage-copy dd{font-size:28px;font-weight:600;margin:0 0 8px;line-height:1.35}
.advantage-copy dt{font-size:13px;line-height:1.6;opacity:.85}
.advantage-copy small{display:block;font-size:12px;line-height:1.8;margin-top:20px;opacity:.8}
.advantage-cert{color:#24384d;background:linear-gradient(120deg,#edf2f5,#fff)}
.advantage-cert::after{display:none}
.advantage-certificates{position:absolute;right:5%;top:16%;width:40%;height:62%;display:flex;align-items:center;justify-content:center;gap:16px}
.advantage-certificates img{width:30%;max-height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #263c4926);transform:rotate(-5deg)}
.advantage-certificates img:nth-child(2){transform:translateY(-24px);z-index:1}.advantage-certificates img:last-child{transform:rotate(5deg)}
.advantages-nav{display:none}
.product-exchange[data-mode=desktop] .home-advantages{position:absolute;inset:0;width:100%;opacity:var(--advantages-enter,0);transform:translateY(calc((1 - var(--advantages-enter,0)) * 48px));z-index:1;pointer-events:auto}
.product-exchange[data-mode=desktop] .home-advantages .advantages-scene{height:calc(var(--exchange-height) - 144px);min-height:540px}
.product-exchange[data-mode=desktop] .advantage-slide{position:absolute;inset:0;min-height:0;clip-path:inset(0 calc((1 - var(--slide-reveal,0)) * 100%) 0 0)}
.product-exchange[data-mode=desktop] .advantage-copy{opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .45s ease}
.product-exchange[data-mode=desktop] .home-advantages[data-active="0"] [data-advantage="0"] .advantage-copy,
.product-exchange[data-mode=desktop] .home-advantages[data-active="1"] [data-advantage="1"] .advantage-copy,
.product-exchange[data-mode=desktop] .home-advantages[data-active="2"] [data-advantage="2"] .advantage-copy,
.product-exchange[data-mode=desktop] .home-advantages[data-active="3"] [data-advantage="3"] .advantage-copy{opacity:1;transform:none}
.product-exchange[data-mode=desktop] .advantages-nav{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:26px;left:6%;right:6%;z-index:5;gap:20px;color:#fff}
.advantages-nav button{min-height:44px;padding:10px 4px 18px;background:none;border:0;border-radius:0;color:inherit;text-align:left;font-size:16px;line-height:24px;font-weight:400;opacity:.65;cursor:pointer}
.advantages-nav button span{font-size:12px;margin-right:12px}.advantages-nav button[aria-current=step]{opacity:1;font-weight:700}
.advantages-nav button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.advantages-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:currentColor;opacity:.6}
.advantages-track i{display:block;height:3px;width:calc(25% + var(--advantages-progress,0) * 75%);background:currentColor;opacity:1}
.home-advantages[data-active="1"] .advantages-nav{color:#24384d}
body.at-home .product-exchange[data-mode=desktop] .product-exchange-stage{background:#fff}
body.at-home .featured-products{background:#f5f6f7;padding:48px max(7.5%,calc((100% - var(--yc-content-max))/2)) 80px;width:100%;max-width:none;margin:0}
body.at-home .featured-products>.section-head,body.at-home .featured-products>.grid{transition:opacity .65s ease,transform .8s cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:no-preference){body.at-home .featured-products:not(.recommendations-visible)>.grid{opacity:0;transform:translateY(32px)}}
@media(max-width:1023px){.advantages-kicker{display:none}.advantage-slide+.advantage-slide{margin-top:12px}.advantage-copy{width:70%}#app .advantage-copy h3{font-size:40px}.advantages-scene{background:#fff}.advantage-slide{border-radius:12px}}
@media(max-width:767px){body.at-home #app .home-advantages{padding:36px 0}.advantage-slide{min-height:570px}.advantage-copy{width:100%;padding:36px 24px 40px}#app .advantage-copy h3{font-size:34px}#app .advantage-copy .advantage-lead{font-size:20px}.advantage-picture img{object-position:65% center}.advantage-slide::after{background:linear-gradient(90deg,#0c131bdb,#0c131b75)}.advantage-cert{padding-bottom:220px}.advantage-certificates{top:auto;bottom:30px;left:10%;width:80%;height:170px}.advantage-copy dd{font-size:24px}.advantage-copy dl{gap:20px}body.at-home .featured-products{padding:48px 7.5%}}
@media(prefers-reduced-motion:reduce){.advantage-copy,.featured-products>*{transition:none!important;transform:none!important}.advantage-picture img{transform:none}}

/* Desktop animation must not disappear in ordinary laptop or browser-panel heights. */
.product-exchange[data-mode=desktop] .home-advantages .advantages-scene{height:calc(var(--exchange-height) - 144px);min-height:0}
.product-exchange[data-mode=desktop] .home-advantages .section-head{margin-bottom:24px}
.product-exchange[data-mode=desktop] .home-advantages .advantage-slide{margin:0;border-radius:0}
.product-exchange[data-mode=desktop] .product-world .category-mosaic{height:clamp(240px,calc(100svh - 300px),480px);grid-template-rows:repeat(2,minmax(0,1fr))}
.product-exchange[data-mode=desktop] .product-world .category-tile{min-height:0;aspect-ratio:auto}
@media(max-height:850px){
 body.at-home #app .product-exchange[data-mode=desktop] .home-advantages{padding-top:24px}
 .product-exchange[data-mode=desktop] .home-advantages .advantages-scene{height:calc(var(--exchange-height) - 108px)}
 .product-exchange[data-mode=desktop] .advantage-copy{padding:28px 5% 90px;width:58%}
 #app .product-exchange[data-mode=desktop] .advantage-copy h3{font-size:34px;margin:12px 0 14px}
 #app .product-exchange[data-mode=desktop] .advantage-copy .advantage-lead{font-size:20px;margin-bottom:10px}
 #app .product-exchange[data-mode=desktop] .advantage-copy .advantage-text{font-size:14px;line-height:1.7}
 .product-exchange[data-mode=desktop] .advantage-copy dl{margin-top:20px;gap:20px}
 .product-exchange[data-mode=desktop] .advantage-copy dd{font-size:24px}
 .product-exchange[data-mode=desktop] .advantage-copy small{margin-top:12px}
 .product-exchange[data-mode=desktop] .advantages-nav{bottom:20px;left:5%;right:5%}
 .product-exchange[data-mode=desktop] .advantages-nav button{font-size:14px}
}
@media(max-height:650px){
 #app .product-exchange[data-mode=desktop] .advantage-copy h3{font-size:28px;margin:8px 0}
 #app .product-exchange[data-mode=desktop] .advantage-copy .advantage-lead{font-size:17px}
 .product-exchange[data-mode=desktop] .advantage-copy{padding-top:18px}
 .product-exchange[data-mode=desktop] .advantage-copy dl{margin-top:12px}
 .product-exchange[data-mode=desktop] .advantage-copy dd{font-size:20px}
}
#app .home-advantages .section-head h2{margin:0}

/* The four advantages are a principal photographic chapter. */
.advantage-chapter{display:block;font-size:13px;letter-spacing:.08em;margin-bottom:14px;opacity:.85}
.product-exchange[data-mode=desktop] .home-advantages>.wrap{width:calc(100% - 64px);max-width:none}
.product-exchange[data-mode=desktop] .home-advantages .section-head{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
body.at-home #app .product-exchange[data-mode=desktop] .home-advantages{padding:20px 0;transform:translateY(calc((1 - var(--advantages-enter,0)) * 120px)) scale(calc(.96 + var(--advantages-enter,0) * .04));transform-origin:50% 55%}
.product-exchange[data-mode=desktop] .home-advantages .advantages-scene{height:calc(var(--exchange-height) - 40px);min-height:0}
.product-exchange[data-mode=desktop] .home-advantages .advantage-slide{clip-path:none;transform:translate3d(var(--slide-x,100%),0,0);will-change:transform}
.product-exchange[data-mode=desktop] .advantage-copy{width:52%;max-width:850px;padding:clamp(32px,7vh,80px) 5% 110px;transition:none}
#app .product-exchange[data-mode=desktop] .advantage-copy h3{font-size:clamp(44px,4.4vw,76px);line-height:1.15;margin:18px 0 24px;letter-spacing:-.02em}
#app .product-exchange[data-mode=desktop] .advantage-copy .advantage-lead{font-size:clamp(20px,1.6vw,28px);margin-bottom:16px}
#app .product-exchange[data-mode=desktop] .advantage-copy .advantage-text{font-size:16px;line-height:1.8;max-width:440px}
.product-exchange[data-mode=desktop] .advantage-copy dl{margin-top:36px;gap:22px 36px}
.product-exchange[data-mode=desktop] .advantage-copy dd{font-size:28px}
.product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl,.product-exchange[data-mode=desktop] [data-advantage="1"] .advantage-copy dl{display:block}
.product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl>div:first-child dd,.product-exchange[data-mode=desktop] [data-advantage="1"] .advantage-copy dd{font-size:clamp(40px,4.4vw,76px);line-height:1.1;letter-spacing:-.025em}
.product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl>div+div{margin-top:20px}
.product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl>div+div dd{font-size:24px}
.product-exchange[data-mode=desktop] .advantage-picture img{object-position:65% center}
.product-exchange[data-mode=desktop] .advantage-certificates{right:5%;width:44%;top:15%;height:66%}
.product-exchange[data-mode=desktop] .advantages-nav{bottom:32px;left:5%;right:5%}
.product-exchange[data-mode=desktop] .advantages-nav button{font-size:18px;padding-bottom:22px;opacity:.72}
.product-exchange[data-mode=desktop] .advantages-nav button[aria-current=step]{opacity:1}
.advantages-track{background:#ffffff70;opacity:1}.home-advantages[data-active="1"] .advantages-track{background:#24384d33}
.advantages-track i{background:#2389e8;height:4px}
@media(max-height:850px){
 .product-exchange[data-mode=desktop] .advantage-copy{padding:28px 5% 90px;width:54%}
 #app .product-exchange[data-mode=desktop] .advantage-copy h3{font-size:44px;margin:10px 0 16px}
 #app .product-exchange[data-mode=desktop] .advantage-copy .advantage-lead{font-size:20px;margin-bottom:12px}
 #app .product-exchange[data-mode=desktop] .advantage-copy .advantage-text{font-size:14px}
 .product-exchange[data-mode=desktop] .advantage-copy dl{margin-top:20px}
 .product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl>div:first-child dd,.product-exchange[data-mode=desktop] [data-advantage="1"] .advantage-copy dd{font-size:48px}
 .product-exchange[data-mode=desktop] .advantages-nav{bottom:24px}
 .product-exchange[data-mode=desktop] .advantages-nav button{font-size:16px}
}
@media(max-height:680px){
 .product-exchange[data-mode=desktop] .advantage-copy{padding-top:20px;width:56%}
 #app .product-exchange[data-mode=desktop] .advantage-copy h3{font-size:34px;margin:8px 0}
 .product-exchange[data-mode=desktop] .advantage-chapter{margin-bottom:6px}
 .product-exchange[data-mode=desktop] .advantage-copy dl{margin-top:14px}
 .product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl>div:first-child dd,.product-exchange[data-mode=desktop] [data-advantage="1"] .advantage-copy dd{font-size:36px}
 .product-exchange[data-mode=desktop] [data-advantage="0"] .advantage-copy dl>div+div{margin-top:12px}
}

/* Local alternate scene, with separate background, cable and reading layers. */
body.at-home #app .cable-advantages{position:relative;background:white;padding:44px 0}
body.at-home #app .product-exchange[data-mode=desktop] .cable-advantages{
 position:absolute;inset:0;z-index:1;padding:0;
 opacity:var(--cable-entry,0);transform:translateY(calc((1 - var(--cable-entry,0)) * 70px));
}
.cable-visual{position:relative;height:clamp(160px,40vw,300px);overflow:hidden}
.cable-visual :is(canvas,img){position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.cable-sequence{display:none}
.cable-cutout{transform:translateX(8%) scale(.94)}
.product-exchange[data-mode=desktop] .cable-visual{
 position:absolute;inset:0;height:auto;
 background:#fff;
}
.product-exchange[data-mode=desktop] .cable-sequence{
 display:block;object-fit:cover;object-position:center;
 opacity:1;
}
.product-exchange[data-mode=desktop] .cable-cutout{
 object-fit:cover;object-position:center;
 opacity:0;
 /* Keep the source crop beyond the right edge until the panel has risen. */
 transform-origin:right center;
 transform:translateX(calc(var(--cable-center,0) * (-17.5% - max(100vw, (100svh - 64px) * 1.6) * .0435))) scale(calc(1 - var(--cable-shrink,0) * .35));
}
.cable-panel{position:relative;width:min(1160px,88%);margin:auto;color:#172f4c}
#app .cable-panel h2{font-size:clamp(26px,3.2vw,54px);line-height:1.15;margin:0 0 24px;color:#172f4c;text-align:center}
.product-exchange[data-mode=desktop] .cable-panel{
 position:absolute;left:50%;bottom:clamp(20px,5vh,72px);width:min(1160px,86%);
 opacity:var(--cable-reveal,0);
 transform:translate(-50%,calc((1 - var(--cable-reveal,0)) * 120px));
 padding:24px clamp(24px,4vw,60px);
 background:linear-gradient(180deg,#ffffffa6,#fffffff2);
 border-radius:18px;
}
.cable-advantage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 44px}
.cable-advantage-grid article{border-top:1px solid #2464a447;padding:12px 0}
.cable-index{font-size:12px;font-weight:700;color:#1763a5;display:inline-block;margin-right:10px}
#app .cable-advantage-grid h3{display:inline;font-size:clamp(17px,1.65vw,26px);line-height:1.3;color:#172f4c}
.cable-fact,.cable-lead{display:block;color:#1763a5;line-height:1.2;margin:8px 0 4px}
.cable-fact{font-size:clamp(25px,3.3vw,57px)}
.cable-lead{font-size:clamp(18px,2vw,31px)}
#app .cable-advantage-grid p{color:#344a5d;font-size:14px;line-height:1.55;margin:4px 0 0}
@media(max-height:700px){
 .product-exchange[data-mode=desktop] .cable-panel{padding-block:16px}
 #app .product-exchange[data-mode=desktop] .cable-panel h2{font-size:30px;margin-bottom:12px}
 .product-exchange[data-mode=desktop] .cable-advantage-grid{gap:10px 30px}
 .product-exchange[data-mode=desktop] .cable-fact{font-size:32px}
}
@media(max-width:767px){
 .cable-advantage-grid{grid-template-columns:1fr;gap:12px}
 .cable-visual{margin-top:-20px}
}

.product-exchange[data-mode=desktop] .cable-visual::before{
 content:"";position:absolute;inset:0;background:#0f1130;
 clip-path:circle(calc((1 - var(--cable-shrink,0)) * 72vmax) at 50% 50%);
 opacity:calc(1 - clamp(0,(var(--cable-shrink,0) - .72) / .28,1));
}


/* Align the four arguments on a quiet, readable foreground. */
.cable-panel{color:#182a3c}
.product-exchange[data-mode=desktop] .cable-panel{
 --cable-panel-gutter:clamp(24px,4.2vw,64px);
 width:calc(min(61.2%,1152px) + 2 * var(--cable-panel-gutter));
 padding:clamp(20px,3.5vh,42px) var(--cable-panel-gutter);
 background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.985) 45%,#fff);
 border-radius:14px;
}
#app .cable-panel h2{font-size:clamp(28px,3vw,46px);letter-spacing:-.025em;margin-bottom:clamp(18px,3vh,32px);font-weight:650}
.cable-advantage-grid{gap:clamp(12px,2.7vh,26px) clamp(24px,4vw,64px)}
.cable-advantage-grid article{padding:12px 0 6px;border-color:#d6e1eb}
.cable-index{font-size:11px;letter-spacing:.1em;font-weight:600;color:#5a7490;vertical-align:2px}
#app .cable-advantage-grid h3{font-size:clamp(17px,1.55vw,23px);font-weight:650}
.cable-fact{font-size:clamp(30px,3.4vw,54px);font-weight:650;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.cable-fact small{font-size:.39em;font-weight:550;letter-spacing:0;margin-inline-start:.45em}
.cable-lead{font-size:clamp(16px,1.45vw,22px);font-weight:600;line-height:1.45}
#app .cable-advantage-grid p{font-size:14px;line-height:1.65;color:#35495e}
#app .cable-advantage-grid p:last-child{color:#526577;font-size:13px}
@media(max-height:700px) and (min-width:900px){
 .product-exchange[data-mode=desktop] .cable-panel{padding-block:16px;bottom:16px}
 #app .cable-panel h2{font-size:30px;margin-bottom:12px}
 .cable-advantage-grid{row-gap:8px}
 .cable-fact{font-size:34px}
}
@media(max-width:767px){.cable-cutout{transform:translateX(-5.8%) scale(.94)}}

body.at-home #app .product-exchange[data-mode=desktop] .cable-advantages .cable-panel{
 top:48%;bottom:auto;
 transform:translate(-50%,calc(-50% + (1 - var(--cable-reveal,0)) * 88px));
}

/* Exchange matching layers at the end of the sequence before either layer moves. */
.product-exchange[data-mode=desktop] .cable-advantages[data-cable-ready="true"][data-cable-frame="70"] .cable-sequence{opacity:0}
.product-exchange[data-mode=desktop] .cable-advantages[data-cable-ready="true"][data-cable-frame="70"] .cable-cutout{
 opacity:calc(1 - var(--cable-reveal,0) * .1);

}
body.at-home #app .product-exchange[data-mode=desktop] .cable-advantages .cable-panel{
 -webkit-backdrop-filter:blur(8px);
 backdrop-filter:blur(8px);
 background:linear-gradient(90deg,#fff 19%,rgba(255,255,255,.85) 41%,rgba(255,255,255,.85) 52%,#fff 69%);
}

.advantage-copy dd small{display:inline;font-size:.39em;line-height:inherit;margin-inline-start:.45em}
.advantage-copy dl:has(div>dt:only-child) dt{font-size:clamp(18px,2.2vw,32px);font-weight:650;opacity:1}
.cable-stat + .cable-stat{margin-top:10px}
.cable-lead small{font-size:.65em;margin-inline-start:.4em}

#app .home-advantages .advantage-accent{color:#e60615}
.advantage-fields{display:grid;gap:7px;margin-top:16px}
.advantage-field{display:flex;flex-direction:column;gap:8px;color:#35495e;font-size:16px;line-height:23.1px}
.advantage-field-inline{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px 10px;font-size:14px}
.advantage-field strong{color:#1763a5;font-size:28px;font-weight:700;line-height:1.5}
.advantage-field small{font-size:18px;font-weight:500;margin-inline-start:8px}
#app .home-advantages .advantage-statement{color:#1763a5;font-size:24px;font-weight:700;line-height:1.33;margin:0}
#app .home-advantages .advantage-detail{color:#526577;font-size:14px;line-height:1.53;margin:2px 0 0}

#app .cable-panel h2{font-size:clamp(30px,3vw,46px);font-weight:700;line-height:1.15;margin-bottom:72px}
.cable-advantage-grid{gap:25px clamp(24px,4vw,64px)}
.cable-advantage-grid article{padding:20px 0 0}
#app .cable-advantage-grid h3{display:block;color:#172f4c;font-size:24px;font-weight:700;line-height:29.9px;margin:0}
.cable-advantage-grid article:nth-child(-n+2){min-height:174px}
@media(max-width:767px){.cable-advantage-grid article:nth-child(-n+2){min-height:0}}
@media(max-height:720px) and (min-width:900px){
 #app .cable-panel h2{margin-bottom:44px}
 .cable-advantage-grid article:nth-child(-n+2){min-height:0}
 .cable-advantage-grid{row-gap:16px}
}

/* A full-width foreground rises over the scene, with the copy on top. */
.product-exchange[data-mode=desktop] .cable-visual::before{
 mask-image:linear-gradient(to bottom,#000 var(--cable-cover-top,100%),transparent var(--cable-cover-top,100%));
}
body.at-home #app .product-exchange[data-mode=desktop] .cable-advantages .cable-panel{
 z-index:2;
 opacity:1;
 visibility:visible;
 background:none;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
 transform:translate(-50%,calc(-50% + (1 - var(--cable-reveal,0)) * (var(--exchange-height) * .52 + 50%)));
}
.product-exchange[data-mode=desktop] .cable-panel::before{
 content:"";position:absolute;inset:0 calc((100% - 100vw) / 2) -100vh;z-index:-1;
 background:linear-gradient(90deg,#fff 19%,rgba(255,255,255,.85) 41%,rgba(255,255,255,.85) 52%,#fff 69%);
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
 pointer-events:none;
}
@media(max-width:767px){
 body.at-home #app .cable-advantages{isolation:isolate;padding:36px 0}
 .cable-advantages .cable-visual{position:absolute;inset:22px 0 auto;height:260px;margin:0;z-index:0}
 .cable-advantages .cable-panel{
  width:85%;padding:16px 0;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  background:linear-gradient(90deg,#ffffffee,#ffffffb8 50%,#ffffffee);
 }
 #app .cable-panel h2{margin-bottom:40px}
 .cable-advantages[data-cable-mobile] .cable-panel{
  opacity:var(--cable-reveal,0);
  transform:translateY(calc((1 - var(--cable-reveal,0)) * 28px));
 }
 .cable-advantages[data-cable-mobile] .cable-visual::before{
  content:"";position:absolute;inset:0;background:#0f1130;
  clip-path:circle(calc((1 - var(--cable-shrink,0)) * 65vw) at 50% 50%);
  opacity:calc(1 - var(--cable-shrink,0));
 }
 .cable-advantages[data-cable-mobile] .cable-sequence{display:block;object-fit:cover}
 .cable-advantages[data-cable-mobile] .cable-cutout{opacity:0;transform:translateX(-5.8%) scale(.94)}
 .cable-advantages[data-cable-mobile][data-cable-ready="true"][data-cable-frame="70"] .cable-sequence{opacity:0}
 .cable-advantages[data-cable-mobile][data-cable-ready="true"][data-cable-frame="70"] .cable-cutout{opacity:1}
}