.dashcam-why{background-color:#000;color:#fff;overflow:hidden}.dashcam-why .page-width{padding-left:1.6rem;padding-right:1.6rem}@media screen and (min-width:750px){.dashcam-why .page-width{padding-left:3rem;padding-right:3rem}}.dashcam-why__grid{display:grid;grid-template-columns:1fr;gap:2.4rem;align-items:center}@media screen and (min-width:750px){.dashcam-why__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:4rem}}@media screen and (min-width:990px){.dashcam-why__grid{gap:5rem}}.dashcam-why__grid--media-left .dashcam-why__media{order:-1}@media screen and (min-width:750px){.dashcam-why__grid--media-right .dashcam-why__media{order:2}}.dashcam-why__media{min-width:0;width:100%}.dashcam-why__frame{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;border-radius:1.2rem;background:#111;transition:transform .45s cubic-bezier(.22,1,.36,1)}@media screen and (min-width:750px){.dashcam-why__frame{aspect-ratio:5 / 3.2;min-height:28rem;border-radius:1.4rem}}.dashcam-why__grid:hover .dashcam-why__frame{transform:translateY(-.3rem)}.dashcam-why__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .7s cubic-bezier(.22,1,.36,1)}.dashcam-why__grid:hover .dashcam-why__image{transform:scale(1.04)}.dashcam-why__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,#00000059,#00000026 40%,#0000008c)}.dashcam-why__overlay{position:absolute;z-index:2;margin:0;pointer-events:none;line-height:1.3}.dashcam-why__overlay--top-left{top:1rem;left:1rem;display:inline-flex;align-items:center;gap:.45rem;font-size:1rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--dashcam-accent, #ccff00)}.dashcam-why__overlay--top-right{top:1rem;right:1rem;font-size:.95rem;font-weight:500;letter-spacing:.04em;color:#ffffffeb;text-align:right}.dashcam-why__overlay--bottom-left{left:1rem;bottom:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;font-weight:500;line-height:1.55;color:#6ecff6}.dashcam-why__overlay-line{margin:0}.dashcam-why__overlay--bottom-right{right:1rem;bottom:1rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;letter-spacing:-.02em;color:#fff;text-align:right}@media screen and (min-width:750px){.dashcam-why__overlay--top-left,.dashcam-why__overlay--top-right{top:1.4rem}.dashcam-why__overlay--top-left,.dashcam-why__overlay--bottom-left{left:1.4rem}.dashcam-why__overlay--top-right,.dashcam-why__overlay--bottom-right{right:1.4rem}.dashcam-why__overlay--bottom-left,.dashcam-why__overlay--bottom-right{bottom:1.4rem}.dashcam-why__overlay--top-left{font-size:1.1rem}.dashcam-why__overlay--top-right{font-size:1rem}.dashcam-why__overlay--bottom-left{font-size:.95rem}}.dashcam-why__rec-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--dashcam-accent, #ccff00);box-shadow:0 0 .6rem #ccff00a6;animation:dashcam-why-rec 1.4s ease-in-out infinite}@keyframes dashcam-why-rec{0%,to{opacity:1}50%{opacity:.35}}.dashcam-why__content{display:flex;flex-direction:column;align-items:flex-start;gap:1.4rem;min-width:0}@media screen and (min-width:750px){.dashcam-why__content{gap:2rem;max-width:56rem}}.dashcam-why__badge{display:inline-block;margin:0;padding:.55rem 1.2rem;font-size:.95rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dashcam-accent, #ccff00);border:.1rem solid var(--dashcam-accent, #ccff00);border-radius:.3rem;line-height:1.3;transition:background-color .35s ease,color .35s ease,transform .35s ease,box-shadow .35s ease}@media screen and (min-width:750px){.dashcam-why__badge{font-size:1rem;padding:.65rem 1.4rem}}.dashcam-why__content:hover .dashcam-why__badge{background-color:var(--dashcam-accent, #ccff00);color:#000;transform:scale(1.03);box-shadow:0 0 2rem #ccff004d}.dashcam-why__heading{margin:0;font-size:clamp(2.6rem,6vw,4.8rem);line-height:1.08;font-weight:800;letter-spacing:-.02em}.dashcam-why__heading-line{display:block}.dashcam-why__heading-line--accent{font-size:clamp(3rem,7vw,5.6rem);text-transform:uppercase;color:var(--dashcam-accent, #ccff00);letter-spacing:-.01em}.dashcam-why__text{margin:0;font-size:1.35rem;line-height:1.65;color:#ffffffe0;max-width:52rem}@media screen and (min-width:750px){.dashcam-why__text{font-size:1.45rem}}.dashcam-why__text p{margin:0}.dashcam-why__text strong{color:#fff;font-weight:700}.dashcam-why__cta{display:inline-flex;align-items:center;gap:.6rem;margin-top:.2rem;font-size:1.05rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;color:var(--dashcam-accent, #ccff00);border-bottom:.15rem solid var(--dashcam-accent, #ccff00);padding-bottom:.25rem;transition:color .3s ease,border-color .3s ease,gap .3s ease,text-shadow .3s ease}@media screen and (min-width:750px){.dashcam-why__cta{font-size:1.1rem}}.dashcam-why__cta:hover{color:#fff;border-color:#fff;gap:.9rem;text-shadow:0 0 1.2rem rgba(204,255,0,.35)}.dashcam-why__cta-arrow{line-height:1;transition:transform .3s ease}.dashcam-why__cta:hover .dashcam-why__cta-arrow{transform:translate(.25rem)}.dashcam-why__cta--static{cursor:default}.dashcam-why__cta--static:hover{color:var(--dashcam-accent, #ccff00);border-color:var(--dashcam-accent, #ccff00);gap:.6rem;text-shadow:none}.dashcam-why__cta--static:hover .dashcam-why__cta-arrow{transform:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-dashcam-why-it-matters.css.map */