/* Access One ax3 layer (25 Oct 2026). Loaded after site-v2.css on every page.
   Mobile (<1024px): centred, stacked. Desktop (>=1024px): left-aligned sections, copy beside visuals, like ads.google.com. */

:root{--ax-max:1200px;--ax-pad:20px;--sh1:0 1px 2px rgba(60,64,67,.12),0 2px 6px rgba(60,64,67,.08);--sh2:0 1px 3px rgba(60,64,67,.14),0 10px 30px rgba(60,64,67,.14)}

/* ---------- scene: one object or photo + floating Google cards ---------- */
.axs{container-type:inline-size;position:relative;width:100%;max-width:560px;margin:34px auto 0;text-align:left}
.axs-in{position:relative;aspect-ratio:10/9}
.axs-stage{position:absolute;inset:7% 6% 9% 6%;border-radius:8cqw;overflow:hidden;background:linear-gradient(150deg,#e3ecfd 0%,#eef3fc 60%,#f6f8fc 100%);box-shadow:inset 0 0 0 1px rgba(26,115,232,.06)}
.axs-green .axs-stage{background:linear-gradient(150deg,#e6f4ea 0%,#f3f8f4 55%,#fff 100%)}
.axs-rose .axs-stage{background:linear-gradient(150deg,#fce8ef 0%,#fbf3f6 55%,#fff 100%)}
.axs-sand .axs-stage{background:linear-gradient(150deg,#fef7e0 0%,#fbf8ef 55%,#fff 100%)}
.axs-violet .axs-stage{background:linear-gradient(150deg,#efe9fd 0%,#f6f3fd 55%,#fff 100%)}
.axs-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.axs-ph .axs-stage{inset:5% 8% 10% 8%;box-shadow:var(--sh1)}
.axs-obj{position:absolute;left:50%;top:48%;width:46cqw;transform:translate(-50%,-50%);animation:axFloat 7s ease-in-out infinite}
.axs-obj .ax-o{display:block;width:100%;height:auto;filter:drop-shadow(0 2cqw 2.5cqw rgba(32,61,120,.18))}
.axs-floor{position:absolute;left:18%;right:18%;bottom:-9cqw;height:5cqw;border-radius:50%;background:radial-gradient(closest-side,rgba(32,61,120,.22),rgba(32,61,120,0));animation:axFloor 7s ease-in-out infinite}
.axs-dot{position:absolute;border-radius:50%}
.axs-dot.d1{width:3.4cqw;height:3.4cqw;background:#fbbc04;left:16%;top:18%}
.axs-dot.d2{width:2.4cqw;height:2.4cqw;background:#34a853;right:17%;top:62%}
.axs-dot.d3{width:2cqw;height:2cqw;background:#ea4335;left:24%;bottom:20%}
@keyframes axFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,-54%)}}
@keyframes axFloor{0%,100%{transform:scaleX(1);opacity:1}50%{transform:scaleX(.86);opacity:.7}}

/* floating cards: white, rounded, soft two-layer shadow, overhanging the stage */
.ax-c{position:absolute;z-index:2;background:#fff;border-radius:3.4cqw;box-shadow:var(--sh2);font:400 2.9cqw/1.35 'Google Sans',Roboto,Arial,sans-serif;color:#202124;animation:axCard 8s ease-in-out infinite}
.ax-c.p1{left:0;top:2%}
.ax-c.p2{right:0;bottom:3%;animation-delay:-3s}
.ax-c.p3{right:4%;top:24%;animation-delay:-5.5s}
@keyframes axCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-1.2cqw)}}
.ax-c .gg{width:4.4cqw;height:4.4cqw;flex:none}
.ax-search{display:flex;align-items:center;gap:2.4cqw;border-radius:7cqw;padding:2.6cqw 3.4cqw;width:64%;font-size:3.3cqw}
.ax-search span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ax-search .mg{width:4.6cqw;height:4.6cqw;flex:none}
.ax-ad{width:58%;padding:3.2cqw 3.6cqw}
.ax-ad small{display:block;font-size:2.5cqw;color:#5f6368}.ax-ad small b{color:#202124}
.ax-ad span{display:block;color:#1a0dab;font-size:3.4cqw;line-height:1.25;margin-top:1.2cqw}
.ax-ad i{display:block;height:1.4cqw;border-radius:1cqw;background:#e8eaed;margin-top:2cqw;width:92%}.ax-ad i.s{width:64%;margin-top:1.2cqw}
.ax-rate{display:flex;align-items:center;gap:2.4cqw;padding:2.6cqw 3.6cqw 2.6cqw 3cqw}
.ax-rate b{display:block;font-weight:500;font-size:3.2cqw}.ax-rate em{font-style:normal;color:#5f6368;font-size:2.8cqw}.ax-rate u{text-decoration:none;color:#fbbc04;letter-spacing:.05em}
.ax-status{padding:3cqw 3.6cqw;min-width:30%}
.ax-status small{display:block;color:#5f6368;font-size:2.6cqw}
.ax-status b{display:inline-block;margin-top:1.2cqw;font-weight:500;font-size:3.2cqw;padding:.8cqw 2.4cqw;border-radius:3cqw;background:#e6f4ea;color:#137333}
.ax-status b.no{background:#fce8e6;color:#c5221f}
.ax-chip{display:flex;align-items:center;gap:1.8cqw;border-radius:6cqw;padding:2.2cqw 3.4cqw 2.2cqw 2.2cqw;font-weight:500;font-size:3cqw;white-space:nowrap}
.ax-chip i{font-style:normal;display:grid;place-items:center;min-width:5.4cqw;height:5.4cqw;padding:0 1cqw;border-radius:3cqw;background:#e6f4ea;color:#137333;font-size:2.8cqw;font-weight:700}
.ax-wa{display:flex;align-items:center;gap:2.4cqw;padding:2.6cqw 3.4cqw 2.6cqw 2.6cqw;max-width:66%}
.ax-wa .wi{width:6.6cqw;height:6.6cqw;border-radius:50%;background:#25d366;display:grid;place-items:center;flex:none}.ax-wa .wi svg{width:3.8cqw;height:3.8cqw}
.ax-wa b{display:block;font-weight:500;font-size:3cqw}.ax-wa small{display:block;color:#5f6368;font-size:2.7cqw}
.ax-metric{padding:3cqw 3.6cqw;width:38%}
.ax-metric small{display:block;color:#5f6368;font-size:2.6cqw}.ax-metric b{display:block;font-weight:500;font-size:3.6cqw;color:#137333;margin-top:.6cqw}
.ax-metric .bars{display:flex;align-items:flex-end;gap:1.2cqw;height:9cqw;margin-top:2cqw}
.ax-metric .bars i{flex:1;height:var(--h);border-radius:1cqw 1cqw .4cqw .4cqw;background:linear-gradient(#4285f4,#8ab4f8)}
.ax-map{display:flex;align-items:center;gap:2.4cqw;padding:2.6cqw 3cqw}
.ax-map .pin{width:5.4cqw;height:5.4cqw;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ea4335;flex:none}
.ax-map b{display:block;font-weight:500;font-size:3.1cqw}.ax-map small{color:#5f6368;font-size:2.6cqw}
.ax-map em{font-style:normal;background:#1a73e8;color:#fff;border-radius:3cqw;padding:1.2cqw 2.6cqw;font-size:2.6cqw;font-weight:500}
@media (prefers-reduced-motion:reduce){.axs-obj,.axs-floor,.ax-c{animation:none}}

/* ---------- hero split ---------- */
.hx{padding:28px 0 8px}
.hx .crumbs{margin-bottom:12px}
.hx h1{font-size:clamp(32px,6.4vw,58px);line-height:1.06;letter-spacing:-.032em}
.hx .lede{max-width:34em}
.hx-trust{display:none}
.kbh.hx h1{font-size:clamp(30px,5.2vw,48px)}

/* ---------- article layout ---------- */
.kbx-side{display:none}
.kbody h2[id]{scroll-margin-top:90px}

/* ---------- footer ---------- */
.ft{background:#f8f9fa;border-top:1px solid #e3e5e8;padding:44px 0 30px;text-align:center}
.ft .in{max-width:var(--ax-max);margin:0 auto;padding:0 var(--ax-pad)}
.ft-brand .logo{font-size:24px}
.ft-brand p{color:#5f6368;font-size:14.5px;line-height:1.55;max-width:26em;margin:10px auto 0}
.ft-brand .partner{margin:16px 0 0;background:#fff}
.ft-cols{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;margin-top:34px;text-align:left}
.ft-col h3{font:500 14px/1.3 'Google Sans',Roboto,Arial,sans-serif;color:#202124;margin-bottom:10px}
.ft-col a{display:block;color:#5f6368;font-size:14px;text-decoration:none;padding:4px 0}
.ft-col a:hover{color:#1a73e8}
.ft-base{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:34px;padding-top:20px;border-top:1px solid #e3e5e8;color:#5f6368;font-size:13px}
.ft-base a{color:#5f6368;text-decoration:none}.ft-base a:hover{color:#1a73e8}

/* ================= DESKTOP ================= */
@media (min-width:1024px){
  :root{--ax-pad:48px}
  .w{max-width:var(--ax-max);padding:0 var(--ax-pad)}
  .top{max-width:var(--ax-max);padding:14px var(--ax-pad)}
  .adbar .in{max-width:var(--ax-max)}

  /* every section: left aligned header, content full width */
  main section .w{text-align:left}
  main .lede{margin-left:0}
  main .ctas{justify-content:flex-start}
  main .faq{margin-left:0}

  /* hero: copy left, scene right */
  .hx{padding:52px 0 24px;background:radial-gradient(900px 520px at 88% 18%,#eef3fe 0,rgba(238,243,254,0) 70%)}
  .hx-grid{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:64px;align-items:center}
  .hx-copy{text-align:left}
  .hx-copy .lede{font-size:18.5px;max-width:31em}
  .hx .axs{margin:0 0 0 auto;max-width:540px}
  .hx-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:36px 0 0;padding:24px 0 0;border-top:1px solid var(--rule)}
  .hx-trust li{font-size:13.5px;color:var(--muted);line-height:1.4}
  .hx-trust b{display:block;font:500 19px/1.2 var(--head);color:var(--ink);margin-bottom:4px}
  .kbh.hx h1{font-size:46px}

  /* split section: heading column left, content right */
  .sx .w{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:72px;align-items:start}
  .sx .w>.lab,.sx .w>h2,.sx .w>.lede,.sx .w>.ctas{grid-column:1}
  .sx .sx-body{grid-column:2;grid-row:1 / span 5;align-self:center;margin-top:0}
  .sx .sx-body>*:first-child{margin-top:0}

  /* card grids go wider */
  .cols3,.vcards{grid-template-columns:repeat(3,1fr)!important}

  /* article: body + sticky sidebar */
  .kbx{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:72px;justify-content:space-between;align-items:start}
  .kbx .kbody{margin:0}
  .kbx-side{display:block;position:sticky;top:96px}
  .kbx-toc{border-left:2px solid var(--rule);padding:2px 0 2px 18px}
  .kbx-toc b{display:block;font:500 13px/1 var(--head);color:var(--muted);letter-spacing:.02em;margin-bottom:12px}
  .kbx-toc a{display:block;color:#3c4043;font-size:14px;line-height:1.4;text-decoration:none;padding:6px 0}
  .kbx-toc a:hover,.kbx-toc a.on{color:var(--blue)}
  .kbx-cta{margin-top:28px;background:var(--blue-soft);border-radius:20px;padding:20px}
  .kbx-cta b{display:block;font:500 17px/1.3 var(--head);color:var(--ink)}
  .kbx-cta p{font-size:14px;color:#3c4043;margin:6px 0 14px;line-height:1.5}
  .kbx-cta .btn{padding:11px 16px;font-size:14px}
  .kbcases{grid-template-columns:repeat(3,1fr)}
  .kbmore{grid-template-columns:repeat(3,1fr)}
  .kblinks{justify-content:flex-start}

  /* dark closing band: copy left, buttons right */
  #close .w{display:grid;grid-template-columns:1.2fr .8fr;column-gap:64px;align-items:center;text-align:left}
  #close h2,#close .lede{grid-column:1;margin-left:0}
  #close .ctas{grid-column:2;grid-row:1 / span 2;justify-content:flex-end;margin-top:0}

  /* footer: brand + 4 columns */
  .ft{text-align:left;padding:60px 0 34px}
  .ft .grid{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:40px}
  .ft-brand p{margin-left:0}
  .ft-cols{display:contents}
  .ft-base{justify-content:space-between}
}
@media (min-width:1024px) and (max-width:1180px){.hx-grid{gap:40px}.kbx{gap:44px;grid-template-columns:minmax(0,1fr) 270px}}

/* ---------- home page (was desk-preview.css) ---------- */
.dk-trust,.dk-fl,.dk-blob{display:none}
@media (min-width:1024px){
  /* hero: copy left, live demo right */
  .hero{padding:56px 0 0;background:radial-gradient(900px 500px at 85% 20%,#e8f0fe 0,rgba(232,240,254,0) 70%)}
  .dk-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;text-align:left}
  .dk-copy h1{font-size:64px;letter-spacing:-.035em}
  .dk-copy .lede{margin-left:0;font-size:19px;max-width:30em}
  .dk-copy .ctas{justify-content:flex-start}
  .dk-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:40px 0 0;padding:26px 0 0;border-top:1px solid var(--rule)}
  .dk-trust li{font-size:13.5px;color:var(--muted);line-height:1.4}
  .dk-trust b{display:block;font:500 20px/1.2 var(--head);color:var(--ink);margin-bottom:4px}
  .dk-vis{position:relative;padding:40px 0 30px}
  .dk-vis .stage{max-width:420px;height:350px;margin:0 auto}
  .dk-vis .rail{max-width:420px}
  .dk-blob{display:block;position:absolute;inset:0 -20px;background:linear-gradient(135deg,#1a73e8 0,#4285f4 45%,#34a853 100%);border-radius:36px;opacity:.09;transform:rotate(-3deg)}
  .dk-fl{display:flex;position:absolute;z-index:3;align-items:center;gap:12px;background:#fff;border:1px solid #dadce0;border-radius:16px;padding:12px 16px;box-shadow:0 2px 6px rgba(60,64,67,.12),0 12px 32px rgba(60,64,67,.14);font-size:14px;text-align:left;animation:dkFloat 6s ease-in-out infinite}
  .dk-fl b{display:block;font:500 14.5px/1.2 var(--head)} .dk-fl small{color:var(--muted);font-size:12.5px}
  .dk-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex:none;font-weight:700}
  .dk-ic.wa{background:var(--wa)} .dk-ic.ok{background:#e6f4ea;color:var(--gr)}
  .dk-f1{top:-18px;left:-84px}
  .dk-f2{bottom:-44px;right:-80px;flex-direction:column;align-items:stretch;width:200px;animation-delay:-2s}
  .dk-f3{bottom:120px;left:-124px;animation-delay:-4s}
  .dk-bars{display:flex;align-items:flex-end;gap:6px;height:56px;margin-top:8px}
  .dk-bars i{flex:1;height:var(--h);background:linear-gradient(var(--blue),#8ab4f8);border-radius:4px 4px 2px 2px;transform-origin:bottom;animation:dkGrow 3.2s ease-in-out infinite alternate}
  .dk-bars i:nth-child(2n){animation-delay:-.8s}.dk-bars i:nth-child(3n){animation-delay:-1.6s}
  @keyframes dkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes dkGrow{from{transform:scaleY(.82)}to{transform:scaleY(1)}}
  .ticker{margin-top:64px}

  /* content sections: heading column left, visual right */
  #leak .w,#loopsec .w,#who .w,#h48 .w{display:grid;grid-template-columns:5fr 7fr;column-gap:72px;align-items:start;text-align:left}
  #leak .w>.lab,#leak .w>h2,#leak .w>.lede,#loopsec .w>.lab,#loopsec .w>h2,#loopsec .w>.lede,#who .w>.lab,#who .w>h2,#who .w>.lede,#h48 .w>.lab,#h48 .w>h2,#h48 .w>.lede{grid-column:1;justify-self:start}
  #leak .lede,#loopsec .lede,#who .lede,#h48 .lede{margin-left:0}
  #leak .leak,#loopsec .learn,#who .who{grid-column:2;grid-row:1 / span 4;margin:0;max-width:none}
  #leak .leak{grid-template-columns:1fr 1fr;align-self:center}
  #loopsec .learn{align-self:center}
  #loopsec .legend2{grid-column:2;justify-content:flex-start}
  #who .who{grid-template-columns:1fr;gap:14px;align-self:center}
  #who .who .panel{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
  #who .who .panel h3{width:180px;margin:0}
  #who .who .panel span{margin:0}
  /* speed band: text left, big counter right */
  #h48 .hrs,#h48 .bar48,#h48 .ticks{grid-column:2;width:100%;max-width:none}
  #h48 .hrs{grid-row:1 / span 3;font-size:180px;text-align:right;margin:0}
  #h48 .bar48{grid-row:3;margin:10px 0}
  #h48 .ticks{grid-row:4}
  /* what you get: left-aligned header, 4 across */
  #get .w{text-align:left}
  #get .lede{margin-left:0}
  #get .get{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}
  #get .mini{height:120px}
  /* closing CTA: split */
  #close .w{display:grid;grid-template-columns:1.2fr .8fr;column-gap:64px;align-items:center;text-align:left}
  #close h2,#close .lede{grid-column:1;margin-left:0}
  #close .ctas{grid-column:2;grid-row:1 / span 2;justify-content:flex-end}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){.dk-fl,.dk-bars i{animation:none}}

/* ---------- fixes ---------- */
@media (min-width:1024px){
  .sx .w>.lab{justify-self:start}
  .sx .faq{max-width:none;width:100%}
  main section .w>.lab{justify-self:start}
}
@media (min-width:1024px){
  .hx-form{align-items:start}
  .hx-form .form{margin:0;max-width:none;background:#fff;border:1px solid var(--rule);border-radius:24px;padding:28px;box-shadow:var(--sh2);text-align:left}
  .hx .team{margin:0 auto;max-width:520px}
}

/* ---------- list cards with object tiles (learn, news, more) ---------- */
.axt{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;flex:none;background:linear-gradient(150deg,#e3ecfd,#f6f8fc)}
.axt img{width:40px;height:40px}
.axt.axs-green{background:linear-gradient(150deg,#dff2e6,#f5faf7)}.axt.axs-rose{background:linear-gradient(150deg,#fbe3ec,#fcf6f8)}
.axt.axs-sand{background:linear-gradient(150deg,#fdf1cc,#fcfaf2)}.axt.axs-violet{background:linear-gradient(150deg,#ebe3fd,#f8f6fe)}
.lgrid a{position:relative;display:grid!important;grid-template-columns:56px minmax(0,1fr);column-gap:14px;align-items:start}
.lgrid a .axt{grid-row:1 / span 2}
.lgrid a b,.lgrid a small{grid-column:2}
@media (min-width:1024px){
  .lh .lnav{justify-content:flex-start}
  .lgrid{gap:14px!important}
  .nlist{grid-template-columns:repeat(2,1fr)!important}
  .nlist a{padding:20px 22px!important;grid-template-columns:minmax(0,1fr) 88px!important;column-gap:20px}
  .nlist a .axt{grid-column:2;grid-row:1 / span 2;width:88px;height:88px;border-radius:18px}
  .nlist a .axt img{width:62px;height:62px}
  .nlist a b,.nlist a small{grid-column:1}
}
@media (min-width:1024px){.filters{justify-content:flex-start}}
/* photo scenes */
.axs-ph .axs-in{aspect-ratio:10/8.4}
.axs-ph .axs-stage{inset:7% 3% 9% 9%;border-radius:6cqw;background:#e8eaed}
.axs-ph .ax-c.p1{left:0;top:0}
.axs-ph .ax-c.p2{right:0;bottom:0}
.ax-c.p3l{left:0;top:46%;animation-delay:-5.5s}
@media (min-width:1024px){.hx .team{background:linear-gradient(150deg,#e3ecfd 0%,#eef3fc 60%,#f6f8fc 100%);border-radius:36px;padding:10px}}

/* ---------- case studies: video, reviews, screenshot slider ---------- */
.vt{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:28px;align-items:center;margin-top:28px;text-align:left}
.vtv{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;background:#000;box-shadow:var(--sh2);margin:0}
.vtv>.wistia_embed{position:absolute;inset:0}
.vtq q{display:block;font:500 22px/1.4 var(--head);color:var(--ink);margin:10px 0 14px}
.vtq b{display:block;font:500 16px var(--head)}.vtq small{color:var(--muted)}
.rst{color:#fbbc04;letter-spacing:2px;font-size:14px;margin:8px 0 6px}
.rlg{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(60,64,67,.25);overflow:hidden;flex:none}
.rlg img{max-width:36px;max-height:36px;object-fit:contain}
.rlg.rav{background:#1a73e8;color:#fff;font:500 18px var(--head)}
.rfil,.stabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}
.rfil button,.stabs button{border:1px solid #dadce0;background:#fff;border-radius:18px;padding:8px 14px;font:500 14px var(--head);color:#3c4043;cursor:pointer}
.rfil button.on,.stabs button.on{background:#e8f0fe;border-color:#d2e3fc;color:#1967d2}
.stabs button span{color:var(--muted);font-weight:400;margin-left:4px}
.revs{columns:1;column-gap:14px;margin-top:24px;text-align:left}
.rev{break-inside:avoid;background:#fff;border:1px solid var(--rule);border-radius:20px;padding:20px;margin-bottom:14px}
.rev .rh{display:flex;align-items:center;gap:12px}.rev .rh b{display:block;font:500 15.5px/1.25 var(--head)}.rev .rh small{color:var(--muted);font-size:13px}
.rev p{font-size:15px;line-height:1.6;color:#3c4043;margin:0}
.rev mark{background:#fef7e0;box-shadow:inset 0 -.45em 0 #fde293;color:var(--ink);padding:0 2px}
.sgal{position:relative;margin-top:22px}
.strack{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;scrollbar-width:none}.strack::-webkit-scrollbar{display:none}
.sshot{flex:0 0 86%;scroll-snap-align:start;background:#fff;border:1px solid var(--rule);border-radius:16px;overflow:hidden;box-shadow:var(--sh1)}
.sshot img{display:block;width:100%;height:auto}
.snav{display:flex;justify-content:center;gap:10px;margin-top:6px}
.snav button{width:44px;height:44px;border-radius:50%;border:1px solid #dadce0;background:#fff;font-size:24px;line-height:1;color:#1a73e8;cursor:pointer}
@media (max-width:640px){.vt{grid-template-columns:1fr;justify-items:center;text-align:center}.vtv{width:min(260px,80%)}.vtq .rlg{margin:0 auto}}
@media (min-width:700px){.revs{columns:2}.sshot{flex-basis:48%}}
@media (min-width:1024px){
  .revs{columns:3}
  .rfil,.stabs{justify-content:flex-start}
  .sshot{flex-basis:calc((100% - 28px)/2.4)}
  .snav{justify-content:flex-start}
  #videos .vt{grid-template-columns:260px 1fr}
}