/* Trainer3D Power — bold sports photography and a working movement library. */
:root,html:not([data-theme=light]){--bg:#0c0f10;--bg-2:#111617;--card:#171d1e;--card-2:#1e2828;--line:#2a3434;--line-2:#40504c;--text:#f5f5ed;--text-2:#d3d9d3;--muted:#a2afaa;--accent:#a8ebc8;--accent-2:#c4f7db;--accent-ink:#10251c;--accent-soft:#a8ebc810;--glass:#0c0f10f5;--copper:#d9956b;--scene-bg:#142326;--scene-floor:#142326;--scene-grid:#2e3e40;--scene-grid-2:#1d2e31;--display:'Barlow Condensed',Impact,sans-serif}
html[data-theme=light]{--bg:#f2f1e9;--bg-2:#e7e9e1;--card:#fffef8;--card-2:#e0e8dc;--line:#cdd5cb;--text:#17231d;--muted:#5e6e62;--accent:#28533f;--accent-ink:#fffef2;--copper:#a65731;--display:'Barlow Condensed',Impact,sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{font-size:15px}.site-mode h1,.site-mode h2{letter-spacing:-.025em}.site-mode .top,.top{background:#102a2d;border-bottom:1px solid #9de3cc1a}.top-in{height:80px;max-width:1400px}.top .logo{--w:204px;height:65px}.top .btn{border-radius:2px;font-size:12px;padding:11px 19px}.top .nav{gap:13px}.top .nav a{font-size:12px;font-weight:600;padding:10px 4px}.top .nav a.on,.top .nav a:hover{background:none;border-radius:0;color:#baf4d4}.site-mode .btn,.btn{border-radius:3px}.site-mode .foot,.foot{background:#090d0d;border-color:#26312c}.site-mode .botnav{background:#111a19;border-color:#2a3630}.site-home #main-content.wrap{max-width:none;padding:0;margin:0;width:100%}.power-wrap{width:100%;max-width:1344px;padding-left:48px;padding-right:48px;margin-left:auto;margin-right:auto}
.power-kicker{margin:0 0 19px;font:700 10px/1.4 var(--sans);letter-spacing:.18em;color:var(--copper)}.power-kicker>span{display:inline-block;width:7px;height:7px;margin:0 10px 1px 0;background:var(--accent)}.power-hero{position:relative;min-height:610px;overflow:hidden;background:#080c0a;color:#f7f6ee;isolation:isolate}.power-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% top;z-index:-3}.power-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080c0ae8 0%,#080c0a90 31%,#080c0a05 60%),linear-gradient(0deg,#080c0ac7 0%,transparent 35%);z-index:-2}.power-hero-content{padding-top:78px;padding-bottom:83px}.power-hero .power-kicker{color:#a8ebc8;font-size:10px}.power-hero h1{font:800 clamp(72px,7.25vw,110px)/.87 var(--display)!important;letter-spacing:-.012em!important;margin:0 0 27px;max-width:700px;text-transform:uppercase}.power-hero h1 em{font-style:normal;color:#a8ebc8}.power-hero-intro{color:#b9c3bd;font-size:14px;line-height:1.75;max-width:340px;margin:0 0 26px}.power-hero-actions{display:flex;align-items:center;gap:26px}.power-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:17px 23px;background:#a8ebc8;color:#10241b;font:800 11px var(--sans);letter-spacing:.045em;border:1px solid #a8ebc8;transition:background .18s,transform .18s}.power-button:hover{background:#cbf9de;color:#10241b;transform:translateY(-2px)}.power-button>span{font-size:22px;font-weight:400;line-height:1}.power-hero-secondary{color:#f2f3eb;font-size:12px;display:flex;gap:22px;align-items:center}.power-hero-secondary:hover{color:#a8ebc8}.power-hero-note{display:flex;align-items:center;gap:13px;margin-top:38px;font-size:10px;color:#b3c1b8}.power-hero-note b{border:1px solid #5a6a5e;padding:5px 8px;font-weight:500;color:#f0f1e6}.power-scroll{position:absolute;bottom:27px;right:max(48px,calc((100vw - 1248px)/2));display:flex;align-items:center;gap:23px;font-size:21px;color:#f0f1e5}.power-scroll span{font:600 8px var(--sans);letter-spacing:.18em}.power-numbers{display:grid;grid-template-columns:repeat(4,1fr);padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--line)}.power-numbers>div,.power-numbers>a{display:flex;align-items:center;gap:17px;padding:4px 22px;border-left:1px solid var(--line)}.power-numbers>:first-child{padding-left:0;border-left:0}.power-numbers b{font:600 43px/.95 var(--display);white-space:nowrap;letter-spacing:-.02em;color:var(--text)}.power-numbers>div>span,.power-numbers>a>span{font-size:8px;font-weight:600;letter-spacing:.1em;color:var(--muted);max-width:110px;line-height:1.6}.power-numbers b>span{font-size:21px;color:var(--copper);margin-left:10px}
.power-library{padding-top:65px;padding-bottom:65px;scroll-margin-top:90px}.power-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}.power-section-heading .power-kicker{margin-bottom:10px}.power-section-heading h2{font:700 51px/1 var(--display)!important;letter-spacing:-.01em!important;margin:0}.power-text-link{font-size:12px;color:var(--text);padding-bottom:5px;border-bottom:1px solid var(--line-2);white-space:nowrap}.power-search{display:flex;align-items:center;gap:16px;padding:7px 8px 7px 18px;border:1px solid var(--line-2);background:var(--bg-2);margin-bottom:18px}.power-search svg{width:19px;height:19px;stroke:var(--muted);stroke-width:1.5;fill:none;flex-shrink:0}.power-search input{flex:1;min-width:0;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--text);padding:12px 0;font:13px var(--sans)}.power-search button{border:0;background:var(--card-2);color:var(--text);padding:13px 21px;font:600 11px var(--sans);cursor:pointer;display:flex;gap:24px;align-items:center}.power-search button:hover{background:var(--accent);color:var(--accent-ink)}.power-search button span{color:var(--muted)}.power-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.power-filters a{padding:9px 12px;font-size:11px;color:var(--muted);border:1px solid var(--line);background:transparent;display:flex;gap:13px;align-items:center;white-space:nowrap}.power-filters a span{font-size:9px;opacity:.65}.power-filters a.selected{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.power-filters a:hover:not(.selected){color:var(--text);border-color:var(--line-2);background:var(--card)}.power-results{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px;margin-bottom:15px}.power-results a{display:flex;align-items:center;gap:12px}.power-results a span{font-size:21px}.power-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.power-card{display:block;background:var(--card);border:1px solid var(--line);transition:transform .2s,border-color .2s;min-width:0}.power-card:hover{transform:translateY(-4px);border-color:var(--accent);color:var(--text)}.power-card-image{height:245px;position:relative;overflow:hidden;background:#13282c}.power-card-image>img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transform-origin:50% 65%;transition:transform .3s}.power-card:hover .power-card-image>img{transform:scale(1.03)}.power-card-image>.fig{height:100%;width:100%;aspect-ratio:auto}.power-card-image>span{position:absolute;left:16px;top:15px;font-size:8px;font-weight:600;letter-spacing:.09em;color:#c1d3ca;background:#0d1d20ba;border:1px solid #536b6544;padding:5px 7px}.power-card-image>i{position:absolute;right:14px;bottom:13px;width:31px;height:31px;border:1px solid #6f8c7d70;display:grid;place-items:center;color:#d0eadb;font-size:23px;font-style:normal;background:#122025bb}.power-card-copy{padding:20px 20px 19px;border-top:1px solid var(--line)}.power-card-copy>small{font:600 8px var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--copper)}.power-card-copy h3{font:600 19px/1.3 var(--sans);letter-spacing:-.025em;margin:9px 0;min-height:49px;color:var(--text)}.power-card-copy p{font-size:10px;color:var(--muted);margin:0;line-height:1.5}.power-library-all{display:flex;justify-content:center;align-items:center;gap:45px;width:100%;padding:19px;margin-top:23px;border:1px solid var(--line-2);font-size:10px;font-weight:700;letter-spacing:.05em}.power-library-all>span{font-size:22px;line-height:1}.power-library-all:hover{background:var(--card);color:var(--accent)}
.power-tech{display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;padding-top:30px;padding-bottom:85px}.power-tech-model{position:relative;min-height:410px;background:#14282c;border:1px solid var(--line);overflow:hidden}.power-tech-model>img{width:100%;height:410px;object-fit:cover;object-position:center;transform:scale(1.12)}.power-tech-model>div{position:absolute;bottom:23px;left:25px;right:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #76978560;padding-top:16px;color:#dbeae0}.power-tech-model>div span{font:600 40px var(--display)}.power-tech-model>div small{font-size:8px;letter-spacing:.1em}.power-tech-copy h2{font:700 75px/.93 var(--display)!important;letter-spacing:-.01em!important;margin:0 0 23px}.power-tech-copy h2 em{font-style:normal;color:var(--accent)}.power-tech-copy>p:not(.power-kicker){font-size:13px;line-height:1.8;color:var(--muted);max-width:390px}.power-tech-features{display:flex;flex-wrap:wrap;gap:12px 23px;font-size:10px;padding:20px 0 27px;color:var(--text-2)}.power-tech-copy .power-kicker{margin-bottom:20px}.power-sound{display:grid;grid-template-columns:180px 1fr 70px;gap:32px;align-items:center;padding-top:30px;padding-bottom:40px;border-top:1px solid var(--line);margin-bottom:65px}.power-equalizer{height:120px;display:flex;align-items:center;gap:6px;justify-content:center}.power-equalizer i{width:5px;background:var(--copper);display:block}.power-sound h2{font:700 39px/1 var(--display)!important;margin:0 0 12px}.power-sound .power-kicker{font-size:8px;margin-bottom:12px}.power-sound p:last-child{font-size:12px;color:var(--muted);margin:0}.power-sound>a{width:64px;height:64px;border:1px solid var(--line-2);border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--accent);padding-left:3px}.power-sound>a:hover{background:var(--accent);color:var(--accent-ink)}.power-start{padding:60px 0;background:#a8ebc8;color:#10241b;text-align:center}.power-start .power-kicker{color:#416653;margin-bottom:13px}.power-start h2{font:800 68px/1 var(--display)!important;letter-spacing:-.015em;margin:0 0 25px}.power-start .power-button{background:#10241b;border-color:#10241b;color:#e7f8e9}.power-start p:last-child{font-size:11px;color:#3c624d;margin:17px 0 0}.site-home .foot{margin-top:0}.page-head h1{font:700 48px/1.1 var(--display);text-transform:uppercase}.ex-layout h1{font:700 42px/1.04 var(--display)!important;text-transform:uppercase;letter-spacing:0}.ex-layout .steps{counter-reset:step}.ex-layout .steps li{font-size:13px}.ex-card,.site-mode .ex-card,.player,.pro-box{border-radius:3px}.site-mode .ex-card h3{font-size:14px;font-weight:600}.ex-card .fig{background:var(--bg-2)}.catalog-filters{border-radius:3px}.foot .logo{height:60px}.foot-in{max-width:1344px}
@media(min-width:1550px){.power-hero{min-height:680px}.power-hero-content{padding-top:100px}.power-hero h1{font-size:122px!important}}
@media(max-width:1150px){.power-wrap{padding-left:32px;padding-right:32px}.power-hero{min-height:570px}.power-hero-content{padding-top:68px}.power-hero h1{font-size:86px!important}.power-hero-photo{object-position:58% top}.power-numbers{gap:0}.power-numbers>div,.power-numbers>a{padding:4px 13px;gap:13px}.power-numbers b{font-size:37px}.power-grid{gap:16px}.power-card-image{height:210px}.power-card-copy h3{font-size:16px;min-height:42px}.power-tech{gap:40px}.power-tech-copy h2{font-size:65px!important}.power-section-heading h2{font-size:46px!important}.power-sound{grid-template-columns:140px 1fr 64px}}
@media(max-width:900px){.top-in{height:72px}.top .logo{--w:180px;height:60px}.power-hero{min-height:540px}.power-hero-content{padding-top:63px;padding-bottom:64px}.power-hero h1{font-size:74px!important}.power-hero-intro{font-size:12px;max-width:285px}.power-hero-actions{gap:18px;flex-wrap:wrap}.power-button{padding:15px 18px;font-size:10px;gap:24px}.power-hero-photo{object-position:62% top}.power-hero-shade{background:linear-gradient(90deg,#080c0aeb 0%,#080c0a99 36%,#080c0a10 85%),linear-gradient(0deg,#080c0aa0,transparent 45%)}.power-scroll{right:32px;font-size:18px}.power-scroll span{font-size:7px}.power-numbers>div,.power-numbers>a{flex-direction:column;align-items:flex-start;gap:8px}.power-numbers b{font-size:39px}.power-numbers>div>span,.power-numbers>a>span{font-size:7px}.power-card-image{height:180px}.power-card-copy{padding:16px}.power-card-copy h3{font-size:15px;min-height:40px}.power-tech{gap:30px}.power-tech-model{min-height:340px}.power-tech-model>img{height:340px}.power-tech-copy h2{font-size:56px!important}.power-tech-features{gap:10px;font-size:9px}.power-tech-copy>p:not(.power-kicker){font-size:12px}.power-sound{grid-template-columns:110px 1fr 52px;gap:20px}.power-sound h2{font-size:31px!important}.power-sound>a{width:52px;height:52px}.power-equalizer{gap:4px}.power-equalizer i{width:4px}.power-start h2{font-size:57px!important}}
@media(max-width:650px){.power-wrap{padding-left:22px;padding-right:22px}.power-hero{min-height:670px}.power-hero-photo{height:410px;object-fit:cover;object-position:79% 27%;width:170%;left:-70%;top:0;bottom:auto}.power-hero-shade{background:linear-gradient(0deg,#080c0a 0%,#080c0a 32%,#080c0a85 53%,#080c0a05 88%)}.power-hero-content{padding-top:260px;padding-bottom:45px;position:relative}.power-hero .power-kicker{font-size:8px;margin-bottom:16px}.power-hero h1{font-size:clamp(63px,12.2vw,80px)!important;line-height:.91!important;max-width:100%;margin-bottom:20px}.power-hero-intro{font-size:13px;max-width:340px;margin-bottom:23px}.power-hero-actions{gap:18px}.power-hero-secondary{font-size:11px;gap:12px}.power-hero-note{margin-top:25px;font-size:9px}.power-scroll{display:none}.power-numbers{grid-template-columns:repeat(4,1fr);padding-top:21px;padding-bottom:22px}.power-numbers>div,.power-numbers>a{padding:3px 12px;gap:8px}.power-numbers b{font-size:32px}.power-numbers>div>span,.power-numbers>a>span{font-size:6.5px;line-height:1.5;letter-spacing:.07em}.power-numbers b>span{font-size:15px;margin-left:4px}.power-library{padding-top:44px;padding-bottom:45px}.power-section-heading{gap:16px;margin-bottom:22px;align-items:flex-end}.power-section-heading .power-kicker{font-size:8px;letter-spacing:.09em;margin-bottom:9px}.power-section-heading h2{font-size:36px!important;max-width:280px}.power-text-link{font-size:10px;white-space:normal;text-align:right;line-height:1.6;min-width:62px}.power-search{padding-left:12px;gap:10px;margin-bottom:14px}.power-search input{font-size:11px;padding:11px 0}.power-search button{font-size:10px;padding:11px 12px}.power-search button span{display:none}.power-search svg{width:16px}.power-filters{flex-wrap:nowrap;overflow-x:auto;margin-right:-22px;padding-right:22px;padding-bottom:8px;gap:6px;scrollbar-width:thin}.power-filters a{font-size:10px;padding:9px 11px;gap:8px;flex:none}.power-results{font-size:9px;margin-bottom:13px}.power-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.power-card-image{height:170px}.power-card-image>img{transform:scale(1)}.power-card-image>span{font-size:6px;left:9px;top:10px;padding:4px}.power-card-image>i{right:8px;bottom:8px;width:24px;height:24px;font-size:18px}.power-card-copy{padding:13px 12px}.power-card-copy>small{font-size:6.5px;letter-spacing:.08em}.power-card-copy h3{font-size:13px;min-height:35px;margin:7px 0 9px}.power-card-copy p{font-size:8px;line-height:1.5}.power-library-all{font-size:8px;gap:20px;padding:17px 10px;margin-top:17px}.power-tech{grid-template-columns:1fr;gap:30px;padding-top:5px;padding-bottom:45px}.power-tech-model{min-height:320px}.power-tech-model>img{height:320px}.power-tech-copy h2{font-size:64px!important}.power-tech-copy .power-kicker{font-size:9px;margin-bottom:17px}.power-tech-copy>p:not(.power-kicker){font-size:13px;max-width:420px}.power-tech-features{font-size:10px;padding:16px 0 25px;gap:10px 19px}.power-sound{grid-template-columns:1fr 48px;position:relative;padding-top:30px;padding-bottom:0;gap:20px;margin-bottom:45px}.power-equalizer{display:none}.power-sound h2{font-size:34px!important}.power-sound p:last-child{font-size:11px;line-height:1.7;max-width:310px}.power-sound>a{width:45px;height:45px;font-size:13px}.power-start{padding:40px 0}.power-start h2{font-size:44px!important}.power-start p:last-child{font-size:10px}.power-start .power-kicker{font-size:8px}.page-head h1{font-size:37px}.ex-layout h1{font-size:34px!important}.site-home .foot{padding-top:28px}.foot .logo{--w:175px}}
@media(max-width:370px){.power-wrap{padding-left:17px;padding-right:17px}.power-hero h1{font-size:59px!important}.power-hero-photo{width:180%;left:-80%}.power-hero-actions{gap:14px}.power-hero-secondary{font-size:10px}.power-numbers>div,.power-numbers>a{padding-left:8px;padding-right:8px}.power-numbers b{font-size:29px}.power-grid{gap:10px}.power-card-image{height:145px}.power-card-copy h3{font-size:12px}.power-section-heading h2{font-size:32px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.power-card,.power-card-image>img,.power-button{transition:none}.power-card:hover,.power-button:hover{transform:none}}

/* The whole lockup is paths with transparent negative space. */
html[data-theme=light] .app-sidebar .logo{background-image:url('/img/brand/trainer3d-logo-on-light.svg')}
.fig-scene{overflow:hidden;background:#142326!important}.fig-scene>img{display:block;width:100%;height:100%;object-fit:contain}.pro-shots{aspect-ratio:4/3;min-height:0!important}.pro-shots img{object-fit:contain}.pro-shots .views button{appearance:none;border:0;border-radius:0;background:transparent;color:var(--muted);font:inherit;padding:7px 12px;cursor:pointer}.pro-shots .views button+button{border-left:1px solid var(--line-2)}.pro-shots .views button.on{background:var(--accent);color:var(--accent-ink)}.pro-shots .views button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}
@media(max-width:480px){.power-grid{grid-template-columns:1fr}.power-card-image{height:auto;aspect-ratio:4/3}.power-card-copy h3{font-size:18px;min-height:0}.power-card-copy p{font-size:12px}}
.pro-box{align-items:center}.pro-shots{min-width:0;width:100%;height:auto;align-self:center}.pro-shots img{position:absolute;inset:0;width:100%;height:100%}.pro-body{min-width:0}
@media(min-width:901px){.pro-box:not(.pro-box-sm){grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}

/* Keep the equipment rail inside the same gutter at every mobile breakpoint. */
@media(max-width:650px){
  .power-wrap{--power-gutter:22px;padding-left:var(--power-gutter);padding-right:var(--power-gutter)}
  .power-filters{margin-right:calc(-1 * var(--power-gutter));padding-right:var(--power-gutter);overscroll-behavior-x:contain}
}
@media(max-width:370px){.power-wrap{--power-gutter:17px}}