

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#FFFFFF;color:#0B0B0C;overflow-x:hidden;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,sans-serif;
  font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p{margin:0}
.skip{position:absolute;left:-9999px;top:0;background:#0B0B0C;color:#fff;padding:10px 16px;z-index:999}
.skip:focus{left:12px;top:12px}
:focus{outline:2px solid #B9DE2A;outline-offset:3px}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}
.en{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6B6B70}
.btn{display:inline-flex;align-items:center;padding:14px 26px;border-radius:999px;font-size:14px;font-weight:600;background:#0B0B0C;color:#fff;transition:.22s cubic-bezier(.22,.61,.36,1)}
.btn > * + *{margin-left:9px}
.btn:hover{background:#2A2A30;transform:translateY(-1px)}
.btn--ghost{background:transparent;color:inherit;border:1px solid rgba(11,11,12,.12)}
.btn{background:rgba(11,11,12,.05);border-color:#0B0B0C}
.btn--accent{background:hover;color:#0B0B0C}
.btn{background:#E4FF6E}


.topbar{background:#0B0B0C;color:#E7E4DC;font-size:12px;letter-spacing:.05em}
.topbar__in{max-width:1240px;margin:0 auto;padding:9px 24px;display:flex;justify-content:center;flex-wrap:wrap}
.topbar__in > * + *{margin-left:26px}
.topbar span{display:inline-flex;align-items:center;opacity:.88}
.topbar span > * + *{margin-left:8px}
.topbar i{width:5px;height:5px;border-radius:50%;background:hover;display:inline-block}


.nav{position:relative;top:0;z-index:120;background:#FFFFFF;transition:box-shadow .3s}
.nav.is-stuck{box-shadow:0 10px 30px -24px rgba(11,11,12,.5);border-bottom:1px solid rgba(11,11,12,.12)}
.nav__in{max-width:1240px;margin:0 auto;padding:0 24px;height:74px;display:flex;align-items:center;}
.nav__in > * + *{margin-left:30px}
.logo{display:flex;align-items:center;font-weight:700;letter-spacing:-.02em;font-size:19px;flex-shrink:0}
.logo > * + *{margin-left:10px}
.logo__mark{width:30px;height:30px;border-radius:9px;background:#0B0B0C;display:flex;align-items:center;justify-content:center}
.logo__mark svg{width:16px;height:16px}
/* Keep the homepage photography clear; model and controls sit below it. */
.hero .slide__in{display:none}
.hero .slide__bg::after{display:none}
.hero .slide__bg img{opacity:1}
.hero .hero__caption{position:absolute;left:0;right:0;bottom:74px;z-index:4;padding:0 20px;background:transparent;text-align:center;color:#fff;pointer-events:none}
.hero .hero__caption p{margin:0;font-size:clamp(24px,2vw,36px);line-height:1.2;font-weight:700;letter-spacing:.02em;text-shadow:0 2px 8px rgba(0,0,0,.65)}
.hero .hero__ctrl{bottom:16px}
.hero .hero__count{bottom:28px;color:#666}
.hero .dot{background:#ccc}
.hero .dot.is-active{background:#111}
.hero .arrow{background:#fff;color:#111;border-color:#ccc}
.hero .arrow:hover{background:#eee}
.logo__image{display:block;position:relative;width:150px;height:20px;overflow:hidden}
.logo__image img{position:absolute;max-width:none;width:141.04%;height:450.53%;left:-24.21%;top:-188.69%}
.menu{display:flex;align-items:center;margin-left:8px}
.menu > * + *{margin-left:6px}
.menu__item{position:relative}
.menu__link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;font-size:14px;font-weight:500;transition:background .2s;white-space:nowrap}
.menu__link > * + *{margin-left:6px}
.menu__link:hover,.menu__link:focus{background:#F6F5F2}
.nav__right{margin-left:auto;display:flex;align-items:center;}
.nav__right > * + *{margin-left:10px}
.nav__ghost{font-size:13.5px;font-weight:500;padding:10px 18px;border-radius:999px;border:1px solid rgba(11,11,12,.12);transition:.2s;white-space:nowrap}
.nav__ghost:hover{border-color:#0B0B0C;background:#F6F5F2}
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(11,11,12,.12);align-items:center;justify-content:center}
.burger span{display:block;width:18px;height:1.5px;background:#0B0B0C;position:relative}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:18px;height:1.5px;background:#0B0B0C}
.burger span::before{top:-6px}.burger span::after{top:6px}
.drawer{position:fixed;left:0;right:0;top:74px;bottom:0;background:#fff;z-index:110;padding:20px 24px 40px;overflow-y:auto;transform:translateY(-6px);opacity:0;visibility:hidden;transition:.25s cubic-bezier(.22,.61,.36,1)}
body.nav-open .drawer{transform:none;opacity:1;visibility:visible}
.drawer h4{font-size:11px;letter-spacing:.16em;color:#6B6B70;margin:22px 0 8px}
.drawer a{display:block;padding:13px 0;font-size:16px;border-bottom:1px solid rgba(11,11,12,.12)}
.drawer a:first-of-type{border-top:1px solid rgba(11,11,12,.12)}


.hero{position:relative;background:#0B0B0C;overflow:hidden}
.slides{display:flex}
.slide{position:relative;opacity:0;visibility:hidden;transform:scale(1.015);
  transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1),visibility .8s;
  color:#fff;min-height:800px}
.slide.is-active{opacity:1;visibility:visible;transform:none}
.slide__bg{position:absolute;top:0;right:0;bottom:0;left:0}
.slide__bg img{width:100%;height:100%;}
.slide__bg::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;
  background:linear-gradient(90deg,rgba(6,7,10,.84) 6%,rgba(6,7,10,.52) 46%,rgba(6,7,10,.16) 100%)}
.slide__in{position:relative;z-index:2;max-width:1240px;margin:0 auto;width:100%;
  padding:60px 24px 120px;display:flex;flex-direction:column;justify-content:center}
.slide .eyebrow{color:hover}
.slide .eyebrow::before{opacity:.6}
.hero h1{font-size:72px;line-height:1.04;letter-spacing:-.03em;font-weight:700;margin:16px 0 0;color:#fff}
.hero__sub{max-width:460px;margin-top:18px;font-size:15.5px;color:rgba(255,255,255,.82)}
.chips{display:flex;flex-wrap:wrap;margin-top:26px}
.chip{padding:0 20px;border-left:1px solid rgba(255,255,255,.22)}
.chip:first-child{padding-left:0;border-left:0}
.chip b{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#fff}
.chip b span{font-size:12px;font-weight:500;color:rgba(255,255,255,.65);margin-left:2px}
.chip small{font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.6)}
.hero__cta{display:flex;flex-wrap:wrap;margin-top:32px}
.hero__cta > * + *{margin-left:10px}
.hero .btn--ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.hero .btn{background:rgba(255,255,255,.12);border-color:#fff}
.hero__ctrl{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);display:flex;align-items:center;z-index:4}
.hero__ctrl > * + *{margin-left:14px}
.dots{display:flex;}
.dots > * + *{margin-left:7px}
.dot{width:26px;height:3px;border-radius:99px;background:rgba(255,255,255,.32);transition:.3s}
.dot.is-active{background:hover;width:38px}
.arrows{display:flex;}
.arrows > * + *{margin-left:6px}
.arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;transition:.2s;background:rgba(10,10,14,.25);color:#fff}
.arrow:hover{background:hover;color:#0B0B0C;border-color:hover}
.arrow svg{width:15px;height:15px}
.hero__count{position:absolute;right:24px;bottom:36px;font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.65);z-index:4}


.sec{padding:100px 0}
.intro{display:flex;align-items:flex-start}
.intro h2{font-size:38px;line-height:1.35;letter-spacing:-.02em;font-weight:700;margin-top:14px}
.intro .lead{font-size:15px;color:#6B6B70;margin-top:20px;max-width:400px}
.certs{display:flex;flex-wrap:wrap;margin-top:28px}
.certs > * + *{margin-left:8px}
.cert{font-size:11px;font-weight:600;letter-spacing:.08em;padding:8px 14px;border:1px solid rgba(11,11,12,.12);border-radius:999px;color:#3A3A40}
.certwall{display:flex;}
.certcard{background:#fff;border:1px solid rgba(11,11,12,.12);border-radius:14px;padding:26px 12px 20px;text-align:center;transition:transform .3s cubic-bezier(.22,.61,.36,1),box-shadow .3s cubic-bezier(.22,.61,.36,1)}
.certcard:hover{transform:none;box-shadow:none}
.certcard__seal{width:64px;height:64px;margin:0 auto 14px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:14px;letter-spacing:.02em;color:#fff;
  background:radial-gradient(circle at 32% 28%,#3C4658,#12161F);
  border:3px solid rgba(185,222,42,.75);box-shadow:0 10px 22px -12px rgba(11,11,12,.5)}
.certcard b{display:block;font-size:15px;font-weight:700;letter-spacing:.02em}
.certcard>span:last-child{display:block;font-size:11.5px;color:#6B6B70;margin-top:5px}
.certnote{font-size:11.5px;color:#6B6B70;margin-top:14px;display:flex;align-items:center;}
.certnote > * + *{margin-left:7px}
.certnote i{width:6px;height:6px;border-radius:50%;background:#B9DE2A;display:block;flex-shrink:0}
.bcards{display:flex;}

.ugc__grid{display:flex;
  }
.ugc__cell{margin:0;position:relative;border-radius:18px;overflow:hidden;background:#101014}
.ugc__cell--a{}.ugc__cell--b{}.ugc__cell--c{}
.ugc__cell--d{}.ugc__cell--e{}.ugc__cell--f{}
.ugc__cell img{width:100%;height:100%;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.ugc__cell:hover img{transform:scale(1.045)}
.ugc__cell figcaption{position:absolute;left:0;right:0;bottom:0;padding:44px 16px 14px;
  background:linear-gradient(180deg,transparent,rgba(6,7,10,.88));color:#fff}
.ugc__cell figcaption b{display:block;font-size:14.5px;letter-spacing:.02em}
.ugc__cell figcaption span{display:block;font-size:11.5px;color:rgba(255,255,255,.78);margin-top:4px;line-height:1.55;max-width:320px}
.ugc__cell--hi figcaption b{color:hover}
.ugc__stats{display:flex;margin-top:13px;margin-right:0px}
.ugc__stats>div{background:#0E1424;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 8px 15px;text-align:center}
.ugc__stats b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1.1}
.ugc__stats b sup{font-size:13px;color:hover;margin-left:1px}
.ugc__stats span{display:block;font-size:11.5px;color:#9A9AA0;margin-top:4px}
.bcard{background:#0E1424;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:26px 18px 22px;text-align:center;transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.bcard:hover{transform:translateY(-4px)}
.bcard--hi{border-color:rgba(96,150,255,.55);box-shadow:0 0 0 1px rgba(96,150,255,.25),0 18px 40px -24px rgba(60,110,255,.5)}
.bcard b{display:block;font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1;
  background:linear-gradient(180deg,#EAF2FF 0%,#8FB8FF 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bcard b sup{font-size:15px;font-weight:600}
.bcard>span{display:block;font-size:12.5px;color:#A9B4CC;margin-top:10px}
.bcard p{font-size:12px;color:#8792A9;line-height:1.7;text-align:left;margin-top:2px}
.bcard h3{font-size:15.5px;font-weight:600;color:#EAF0FC;text-align:left;margin-bottom:8px}
.bcard--t{padding:22px 18px 20px;text-align:left}


.picks{padding:88px 0 72px;background:#F4F3F0;border-top:1px solid rgba(11,11,12,.12)}
.picks--moto{background:#F4F3F0}
.picks__titlebox{display:flex;flex-direction:column;align-items:center;width:auto;margin:0 auto 26px;
  background:#fff;border:1.5px solid #0B0B0C;border-radius:12px;padding:12px 30px;box-shadow:0 10px 26px -18px rgba(11,11,12,.4)}
.picks__titlebox > * + *{margin-top:4px}
.picks__titlebox h2{font-size:20px;font-weight:700;letter-spacing:.12em}
.picks__titlebox span{font-size:10px;letter-spacing:.3em;color:#B98A2C;font-weight:600}
.picks__tabs{display:flex;justify-content:flex-start;background:#fff;border:1px solid rgba(11,11,12,.12);border-radius:999px;padding:6px;width:92%;max-width:1240px;margin:0 auto 40px;overflow-x:auto}
.picks__tabs > * + *{margin-left:4px}
.ptab{flex:1 0 0;min-width:0;text-align:center;padding:9px 20px;border-radius:999px;font-size:13.5px;font-weight:500;color:#5A5A60;white-space:nowrap;transition:.2s}
.ptab:hover{color:#0B0B0C}
.ptab.is-active{background:hover;color:#0B0B0C;font-weight:700;box-shadow:0 6px 16px -8px rgba(185,222,42,.8)}
.picks__stage{position:relative}
.picks__win{overflow:hidden;width:100%}
.picks__track{display:flex;align-items:stretch;transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.picks__track > * + *{margin-left:22px}
.pick{flex:0 0 auto;background:#fff;border-radius:18px;padding:26px 22px;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:opacity .5s,box-shadow .5s;opacity:.45}
.pick.is-center{opacity:1;box-shadow:0 30px 60px -38px rgba(11,11,12,.45)}
.pick img{max-height:400px;width:auto;max-width:88%;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.pick.is-center img{transform:scale(1.02)}
.pick__badge{position:absolute;top:16px;left:16px;background:hover;color:#0B0B0C;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 12px;border-radius:999px;opacity:0;transition:.3s}
.pick.is-center .pick__badge{opacity:1}
.pick__grid{display:flex;width:100%;align-items:center;justify-content:center}
.pick__grid img{width:100%;max-height:150px;}
.pick__grid img:first-child{max-height:190px}
.picks__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid rgba(11,11,12,.12);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 26px -16px rgba(11,11,12,.4);transition:.2s}
.picks__nav:hover{background:#0B0B0C;color:#fff}
.picks__nav svg{width:16px;height:16px}
.picks__nav.prev{left:26px}.picks__nav.next{right:26px}
.picks__info{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:34px;text-align:left}
.picks__info > * + *{margin-left:34px}
.picks__brand{font-size:11px;font-weight:700;letter-spacing:.22em;border:1.5px solid #0B0B0C;border-radius:8px;padding:7px 10px}
.picks__name b{display:block;font-size:23px;font-weight:700;letter-spacing:-.01em}
.picks__name span{font-size:12.5px;color:#6B6B70}
.picks__specs{display:flex;}
.picks__specs > * + *{margin-left:26px}
.picks__specs b{display:block;font-size:15px;font-weight:600}
.picks__specs span{font-size:11px;color:#6B6B70}


.films{background:#0B0B0C;color:#F3F1EA;padding:84px 0 0;overflow:hidden}
.films__head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:44px}
.films__head > * + *{margin-top:6px}
.films__head .eyebrow{color:hover}
.films__head .eyebrow::before{opacity:.6}
.films__head h2{font-size:44px;letter-spacing:-.02em;font-weight:700;margin-top:12px}
.films__head p{color:#9A9AA0;font-size:14px;margin-top:10px;max-width:520px}
.films__head .btn{margin-top:20px}
.films__win{overflow:hidden;width:100%}
.films__track{display:flex;align-items:center;transition:transform .6s cubic-bezier(.22,.61,.36,1);}
.films__track > * + *{margin-left:20px}
.film{flex:0 0 auto;position:relative;border-radius:18px;overflow:hidden;cursor:pointer;height:420px;background:#15151A;transition:opacity .5s;opacity:.45}
.film.is-center{opacity:1}
.film img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.film:hover img{transform:scale(1.03)}
.film::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 40%,rgba(6,6,10,.82))}
.film__body{position:absolute;left:22px;right:22px;bottom:20px;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;}
.film__body > * + *{margin-left:14px}
.film__body h3{font-size:20px;font-weight:600;letter-spacing:-.01em}
.film__body p{font-size:12px;color:#B9B9C0;margin-top:4px}
.film__play{flex-shrink:0;display:inline-flex;align-items:center;background:hover;color:#0B0B0C;font-size:12px;font-weight:700;padding:10px 16px;border-radius:999px}
.film__play > * + *{margin-left:8px}
.film__play i{width:0;height:0;border-left:7px solid #0B0B0C;border-top:5px solid transparent;border-bottom:5px solid transparent;display:block}


.about{display:flex;align-items:center}
.about h2{font-size:clamp(26px,2.1vw,32px);line-height:1.4;letter-spacing:-.02em;font-weight:700;margin-top:14px}
.about p{margin-top:20px;color:#3A3A40;line-height:1.8;font-size:15.5px}
.about__wall{margin-right:0}
.about-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.about-gallery figure{position:relative;aspect-ratio:1;margin:0;overflow:hidden;border-radius:12px;background:#eee}
.about-gallery img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:760px){.about-gallery{gap:10px}.about-gallery figure{border-radius:12px}}
.panel{background:#0B0B0C;color:#F3F1EA;border-radius:24px;padding:38px 36px;position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,62,.22),transparent 68%)}
.panel__row{display:flex;justify-content:space-between;align-items:baseline;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.panel__row > * + *{margin-left:16px}
.panel__row:first-of-type{padding-top:0}
.panel__row:last-of-type{border-bottom:0;padding-bottom:0}
.panel__row span{font-size:12px;letter-spacing:.08em;color:#9A9AA0}
.panel__row b{font-size:19px;font-weight:600;text-align:right}


.footer{background:#0B0B0C;color:#E9E6DF;padding:78px 0 0;overflow:hidden}
.footer__top{display:flex;}
.footer h3{font-size:34px;line-height:1.2;letter-spacing:-.02em;font-weight:700;margin-top:14px;max-width:14em}
.footer .eyebrow{color:hover}
.contact{display:flex;flex-direction:column;margin-top:28px}
.contact > * + *{margin-top:14px}
.contact__row b{display:block;font-size:10.5px;letter-spacing:.14em;color:#85857F;margin-bottom:3px;font-weight:600}
.contact__row,.contact__row a{font-size:14px;color:#C9C6BE}
.contact__row a:hover{color:hover}
.footer h4{font-size:10.5px;letter-spacing:.16em;color:#85857F;margin-bottom:16px;font-weight:600}
.footer__links a{display:block;padding:7px 0;font-size:14px;color:#C9C6BE;transition:color .2s}
.footer__links a:hover{color:#fff}
.qr-card{background:#17171B;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;max-width:212px}
.qr-card svg{width:100%;height:auto;border-radius:8px;background:#fff;padding:6px}
.qr-card .contact-qr{display:block;width:100%;height:auto;background:#fff;border-radius:8px}
.qr-card p{font-size:11.5px;color:#9A9AA0;margin-top:10px;display:flex;align-items:center;}
.qr-card p > * + *{margin-left:6px}
.qr-card i{width:6px;height:6px;border-radius:50%;background:hover;display:block}
.footer__word{text-align:center;margin-top:56px;font-size:180px;line-height:.8;font-weight:700;letter-spacing:-.045em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.16);white-space:nowrap;user-select:none}
.footer__bar{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding:20px 0 26px;display:flex;justify-content:space-between;flex-wrap:wrap;font-size:12px;color:#85857F}
.footer__bar > * + *{margin-left:18px}
.footer__bar a:hover{color:#fff}
.footer__bar nav{display:flex;flex-wrap:wrap}
.footer__bar nav > * + *{margin-left:20px}


.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(6,6,8,.9);}
.modal.is-open{display:flex}
.modal__box{width:100%;max-width:960px;height:540px;max-height:85vh;background:#0C0C10;border:1px solid rgba(255,255,255,.12);border-radius:18px;position:relative;overflow:hidden;color:#fff}
.modal__box img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.5}
.modal__cap{position:absolute;left:24px;bottom:20px;z-index:2;font-size:12px;color:#C9C9D0}
.modal__cap b{display:block;color:hover;margin-bottom:6px;font-size:11px;letter-spacing:.14em}
.modal__close{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;background:rgba(10,10,14,.5)}
.modal__close:hover{background:#fff;color:#0B0B0C}
.modal__close svg{width:15px;height:15px}


.reveal{opacity:0;transform:translateY(20px)}
.reveal.in{opacity:1;transform:none;transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
@media (prefers-reduced-motion:reduce){
  html{}
  *,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important}
  .reveal{opacity:1;transform:none}
}


@media (max-width:1080px){
  .menu{display:none}
  .burger{display:flex}
  .intro{}
  .slide{min-height:560px}
  .certwall{}
  .about{}
  .about__wall{margin-right:0}
  .footer__top{}
  .picks__info{}
.picks__info > * + *{margin-left:18px}
  .picks__specs{}
.picks__specs > * + *{margin-left:18px}
}
@media (max-width:760px){
  .sec{padding:70px 0}
  .picks{padding:64px 0 56px}
  .slide{min-height:520px}
  .slide__bg::after{background:linear-gradient(180deg,rgba(6,7,10,.55) 0%,rgba(6,7,10,.45) 40%,rgba(6,7,10,.88) 100%)}
  .slide__in{padding:48px 22px 104px}
  .hero h1{font-size:56px}
  .nav__in{}
.nav__in > * + *{margin-left:12px}
  .picks__titlebox h2{font-size:16px}
  .picks__tabs{width:92%;max-width:92%}
  .picks__tabs .ptab{flex:1 0 88px;padding:9px 12px}
  .pick img{max-height:280px}
  .pick__grid img{max-height:110px}
  .pick__grid img:first-child{max-height:150px}
  .picks__nav{width:40px;height:40px}
  .picks__nav.prev{left:12px}.picks__nav.next{right:12px}
  .picks__info{flex-direction:column;align-items:center;text-align:center;}
.picks__info > * + *{margin-left:14px}
  .picks__specs{width:100%;justify-content:center}
  .picks__specs b{font-size:14px}
  .certwall{}
  .panel{padding:20px 18px}
  .ugc__grid{
    }
  .ugc__stats{}
  .bcard b{font-size:26px}
  .footer__top{}
  .hero__count{display:none}
  .topbar span:nth-child(3){display:none}
}

html{}.slide__in{min-height:inherit}.slide__bg img{background:#17191c}.slide__bg::after{background:linear-gradient(90deg,rgba(6,7,10,.92),rgba(6,7,10,.5) 48%,rgba(6,7,10,.08))}.pick{cursor:pointer}.pick:focus{outline:3px solid #B9DE2A}.modal__box{max-height:90vh;overflow:auto}.modal__cap{flex-wrap:wrap;}
.modal__cap > * + *{margin-left:12px}.modal__cap p{font-size:14px;color:#888}.drawer{top:74px}@media(prefers-reduced-motion:reduce){html{}*{transition:none!important}}@media(max-width:700px){.slide__bg img{opacity:.65}.slide__in{padding-top:40px}.hero h1{font-size:44px}} 
/* Traditional layouts; responsive rules use ordinary media queries. */
.nav.is-fixed{position:fixed;left:0;right:0;top:0}
.slides{display:block;position:relative;height:76vh;min-height:540px;max-height:800px}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;min-height:0}
.slide__in{height:100%;min-height:0}
.intro{display:flex;align-items:flex-start;justify-content:space-between}.intro > div:first-child{width:42%}.intro > div:last-child{width:53%}
.certwall{display:flex;flex-wrap:wrap;margin:-7px}.certcard{width:18%;margin:7px 1%;border-width:1px;padding:26px 8px 20px}.certcard__seal{flex-shrink:0}
.picks__titlebox{display:table;text-align:center}.picks__titlebox span{display:block;margin-top:4px}.picks__track>.pick{margin-left:22px}.picks__track>.pick:first-child{margin-left:0}
.pick__grid{display:flex;flex-wrap:wrap}.pick__grid img{width:45%;margin:5px}.pick__grid img:first-child{width:90%}
.films__track>.film{margin-left:20px}.films__track>.film:first-child{margin-left:0}
.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:48px;align-items:start}.about>div:first-child{width:100%;min-width:0}.about__wall{width:100%;max-width:560px;justify-self:end}.about>div:first-child>.eyebrow{margin-top:0}.about p{max-width:540px;margin-top:24px;line-height:1.9}
.ugc__grid{display:block;position:relative;height:640px}.ugc__cell{position:absolute}.ugc__cell--a{left:0;top:0;width:32%;height:65.5%}.ugc__cell--b{left:34%;top:0;width:32%;height:31.8%}.ugc__cell--c{left:68%;top:0;width:32%;height:31.8%}.ugc__cell--d{left:34%;top:33.7%;width:66%;height:31.8%}.ugc__cell--e{left:0;top:67.4%;width:32%;height:32.6%}.ugc__cell--f{left:34%;top:67.4%;width:66%;height:32.6%}
.ugc__stats{display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px}.ugc__stats>div{width:23%;margin:0 1% 10px}.footer__top{display:flex;justify-content:space-between;align-items:flex-start}.footer__top>div{width:28%}.footer__top>div:first-child{width:36%}
.modal__box img{opacity:.65}.modal__cap{right:24px;padding-top:40px;background:linear-gradient(transparent,rgba(12,12,16,.9))}.modal__cap a{margin-top:12px}.film img,.ugc__cell img,.slide__bg img{position:absolute;max-width:none}
@media(max-width:1080px){.slides{height:560px;min-height:0}.intro,.about{display:block}.intro>div:first-child,.intro>div:last-child,.about>div:first-child,.about__wall{width:100%}.intro>div+div,.about>div+div{margin-top:36px}.certcard{width:31.333%}.footer__top{flex-wrap:wrap}.footer__top>div,.footer__top>div:first-child{width:46%;margin-bottom:30px}.hero h1{font-size:56px}}
@media(max-width:760px){.slides{height:520px}.slide{min-height:0}.hero h1{font-size:44px}.certcard{width:48%}.footer__top{display:block}.footer__top>div,.footer__top>div:first-child{width:100%}.ugc__grid{height:590px}.ugc__cell--a{left:0;top:0;width:49%;height:49%}.ugc__cell--b{left:51%;top:0;width:49%;height:23.5%}.ugc__cell--c{left:51%;top:25.5%;width:49%;height:23.5%}.ugc__cell--d{left:0;top:51%;width:100%;height:23.5%}.ugc__cell--e{left:0;top:76.5%;width:49%;height:23.5%}.ugc__cell--f{left:51%;top:76.5%;width:49%;height:23.5%}.ugc__stats>div{width:48%}.picks__info>*+*{margin-left:0}.modal__box{height:450px}.footer__word{font-size:60px}}

.nav__in .nav__right{margin-left:auto}.topbar i{margin-right:8px}

.certcard__image.certcard__image--filled{display:flex;align-items:center;justify-content:center;padding:0;background:#fff;border:0;overflow:hidden}
.certwall .certcard{padding:0;min-height:0;overflow:hidden;align-self:flex-start}
.certwall .certcard__image.certcard__image--filled{width:100%;height:auto}
.certcard__image.certcard__image--filled img{width:100%;height:auto;max-height:none;object-fit:contain}
/* Product sections and certificate image spaces. */
.intro>div:first-child{width:32%}.intro>div:last-child{width:64%}
.certwall{margin:0 -1%;align-items:stretch}.certcard{width:18%;margin:0 1%;padding:12px 8px 16px;min-height:250px}.certcard__image{height:196px;background:#f6f6f6;border:1px dashed #c8c8c8;position:relative;padding:66px 2px 0;text-align:center;color:#777}.certcard__image span{display:block;font-size:18px;font-weight:600}.certcard__image small{display:block;margin-top:12px;font-size:11px}.certcard__image img{display:block;width:100%;height:auto;max-height:196px;margin:0 auto}.certcard b{margin-top:12px;font-size:13px}
.picks__tabs{background:#fff;border-color:#d5d5d5}.picks__tabs .ptab{color:#333}.picks__tabs .ptab:hover{background:#eee;color:#000}.picks__tabs .ptab.is-active{background:#111;color:#fff;box-shadow:none}.picks__tabs .ptab:focus{outline-color:#111}
.picks__info{text-align:center;justify-content:center}.picks__name{text-align:center}.picks__specs{justify-content:center;text-align:center}
@media(max-width:1080px){.intro>div:first-child,.intro>div:last-child{width:100%}.certcard{width:18%}}
@media(max-width:760px){.certwall{justify-content:center}.certcard{width:46%;margin:8px 2%;min-height:260px}.certcard__image{height:206px}.picks__info{align-items:center}}
