.current50-framework{--c50-red: #e60000;--c50-ink: #111111;--c50-muted: #62676d;--c50-line: #d9dcdf;--c50-soft: #f3f4f5;color:var(--c50-ink);background:#fff}.current50-framework *{box-sizing:border-box}.current50-framework__container{width:min(100% - 40px,1440px);margin-inline:auto}.current50-framework__band{padding-block:clamp(72px,8vw,128px)}.current50-framework__band--soft{background:var(--c50-soft)}.current50-framework__band--dark{color:#fff;background:#090909}.current50-framework__eyebrow{margin:0 0 14px;color:var(--c50-red);font-size:13px;font-weight:700;line-height:1.2;text-transform:uppercase}.current50-framework__heading{max-width:920px;margin:0;font-size:clamp(38px,5vw,76px);font-weight:700;line-height:1.02}.current50-framework__lede{max-width:720px;margin:22px 0 0;color:var(--c50-muted);font-size:clamp(16px,1.4vw,20px);line-height:1.6}.current50-framework__band--dark .current50-framework__lede{color:#b9bdc2}.current50-framework__placeholder{position:relative;min-height:320px;overflow:hidden;border:1px solid #cfd2d5;border-radius:6px;background:#d9dcdf}.current50-framework__placeholder:before,.current50-framework__placeholder:after{position:absolute;top:50%;left:50%;width:130%;height:1px;content:"";background:#11111129}.current50-framework__placeholder:before{transform:translate(-50%,-50%) rotate(28deg)}.current50-framework__placeholder:after{transform:translate(-50%,-50%) rotate(-28deg)}.current50-framework__placeholder-label{position:absolute;right:18px;bottom:16px;z-index:1;color:#5f6469;font-size:11px;font-weight:700;text-transform:uppercase}.current50-framework__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(42px,7vw,112px)}.current50-framework__split--reverse .current50-framework__media{order:2}.current50-framework__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:32px;border:1px solid var(--c50-line);background:var(--c50-line)}.current50-framework__fact{min-height:110px;padding:22px;background:#fff}.current50-framework__band--dark .current50-framework__fact{background:#111}.current50-framework__fact strong{display:block;font-size:clamp(24px,2.6vw,40px);line-height:1}.current50-framework__fact span{display:block;margin-top:10px;color:var(--c50-muted);font-size:14px;line-height:1.4}.current50-framework__band--dark .current50-framework__fact span{color:#aeb3b8}.current50-framework__list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.current50-framework__list li{position:relative;padding-left:20px;color:var(--c50-muted);line-height:1.55}.current50-framework__list li:before{position:absolute;top:.7em;left:0;width:6px;height:6px;border-radius:50%;background:var(--c50-red);content:""}.current50-framework__band--dark .current50-framework__list li{color:#c5c8cc}.current50-framework__pending{display:inline-flex;margin-top:28px;padding:8px 12px;border:1px solid currentColor;color:#73787d;font-size:12px;font-weight:700;line-height:1.2;text-transform:uppercase}.current50-framework__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:46px}.current50-framework__card{min-width:0;padding:26px;border:1px solid var(--c50-line);background:#fff}.current50-framework__card h3{margin:0;font-size:21px;line-height:1.2}.current50-framework__card p{margin:12px 0 0;color:var(--c50-muted);line-height:1.55}.current50-framework__card .current50-framework__placeholder{min-height:0;margin:-26px -26px 24px;border-width:0 0 1px;border-radius:0;aspect-ratio:4 / 3}.current50-framework__table-wrap{margin-top:44px;overflow-x:auto;border-top:2px solid var(--c50-ink)}.current50-framework__table{width:100%;min-width:680px;border-collapse:collapse;text-align:left}.current50-framework__table th,.current50-framework__table td{padding:19px 18px;border-bottom:1px solid var(--c50-line)}.current50-framework__table th{font-size:14px}.current50-framework__table td{color:#44494e}.current50-framework__compare{display:grid;grid-template-columns:minmax(180px,.65fr) repeat(2,minmax(0,1fr));gap:1px;margin-top:46px;border:1px solid #343434;background:#343434}.current50-framework__compare>div{padding:20px 22px;background:#101010}.current50-framework__compare-head{min-height:170px}.current50-framework__compare-head strong{display:block;font-size:clamp(24px,3vw,44px)}.current50-framework__compare-head span{display:block;margin-top:8px;color:#aeb3b8}.current50-framework__compare-label{color:#aeb3b8;font-size:14px;font-weight:600}.current50-framework__hero{position:relative;display:grid;min-height:0;aspect-ratio:2560 / 1200;overflow:hidden;color:#fff;background:#3e444a;isolation:isolate}.current50-framework__hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:#000}.current50-framework__hero-picture{display:block;width:100%;height:100%}.current50-framework__hero-background{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.current50-framework__hero:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;content:"";background:#00000014}.current50-framework__hero-inner{display:flex;flex-direction:column;align-items:center;width:min(100% - 40px,1440px);margin-inline:auto;padding-block:clamp(42px,6vw,78px) 38px;text-align:center}.current50-framework__hero-title{max-width:1100px;margin:0;color:var(--current50-hero-title-color, #e60000);font-family:var(--heading-font-family);font-size:clamp(1.75rem,7vw,5.25rem);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);line-height:.98;letter-spacing:0;white-space:nowrap}.current50-framework__hero-product-subtitle{margin:12px 0 0;color:#fff;font-family:var(--text-font-family);font-size:clamp(14px,1.2vw,18px);font-style:var(--text-font-style);font-weight:400;line-height:1.4;letter-spacing:0}.current50-framework__hero-details{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:auto;margin-bottom:clamp(24px,4vw,58px)}.current50-framework__hero-subtitle{max-width:980px;margin:0;font-size:40px;font-weight:700;line-height:1.08;white-space:nowrap}.current50-framework__hero-copy{max-width:760px;margin:12px 0 0;font-size:clamp(14px,1.25vw,18px);line-height:1.5}.current50-framework__hero-subtitle,.current50-framework__hero-copy{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.current50-framework__hero-details.is-visible .current50-framework__hero-subtitle,.current50-framework__hero-details.is-visible .current50-framework__hero-copy{opacity:1;transform:translateY(0)}.current50-framework__hero-details.is-visible .current50-framework__hero-copy{transition-delay:.14s}.current50-framework__hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,1100px);margin-top:34px;background:transparent;text-align:center}.current50-framework__hero-stat{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border:1px solid rgba(255,255,255,.8);border-radius:999px;background:#0000001f;font-size:clamp(14px,1.2vw,17px);font-weight:600;line-height:1.2;white-space:nowrap}.current50-framework__footnote-mark{position:relative;top:-.35em;margin-left:.12em;font-size:.58em;font-weight:700;line-height:1}@media screen and (max-width:1199px){.current50-framework__hero-subtitle{font-size:32px}}@media screen and (max-width:899px){.current50-framework__hero-subtitle{font-size:24px}}.current50-framework__surface{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:46px;overflow:hidden;border:1px solid var(--c50-line)}.current50-framework__surface-panel{min-height:360px;padding:clamp(28px,4vw,58px);background:#e6e8ea}.current50-framework__surface-panel--under{color:#fff;background:#3f474e}.current50-framework__surface-panel h3{margin:0;font-size:clamp(28px,3.2vw,48px)}.current50-framework__surface-panel strong{display:block;margin-top:52px;font-size:clamp(23px,2.5vw,36px)}.current50-framework__surface-panel p{margin:12px 0 0;line-height:1.6}.current50-framework__tutorials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:46px}.current50-framework__tutorial{border:1px solid var(--c50-line);background:#fff}.current50-framework__tutorial .current50-framework__placeholder{min-height:0;border:0;border-bottom:1px solid var(--c50-line);border-radius:0;aspect-ratio:16 / 10}.current50-framework__tutorial h3{margin:0;padding:22px;font-size:19px}@media screen and (max-width:999px){.current50-framework__split,.current50-framework__split--reverse{grid-template-columns:1fr}.current50-framework__split--reverse .current50-framework__media{order:0}.current50-framework__grid,.current50-framework__hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:699px){.current50-framework__container,.current50-framework__hero-inner{width:min(100% - 28px,1440px)}.current50-framework__band{padding-block:64px}.current50-framework__hero{min-height:0;aspect-ratio:3 / 4}.current50-framework__hero-inner{padding-block:30px 20px}.current50-framework__hero-title{font-size:clamp(1.75rem,7vw,5.25rem)}.current50-framework__hero-details{margin-bottom:10px}.current50-framework__hero-subtitle{font-size:17px}.current50-framework__hero-copy{margin-top:9px;font-size:13px}.current50-framework__facts,.current50-framework__surface,.current50-framework__grid,.current50-framework__tutorials{grid-template-columns:1fr}.current50-framework__hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:min(100%,380px);margin-top:18px}.current50-framework__hero-stat{min-height:38px;padding:8px 10px;font-size:12px}.current50-framework__surface-panel{min-height:300px}.current50-framework__placeholder{min-height:250px}.current50-framework__compare{grid-template-columns:130px repeat(2,minmax(150px,1fr));overflow-x:auto}}@media screen and (max-width:419px){.current50-framework__hero-subtitle{font-size:14px}}@media(prefers-reduced-motion:reduce){.current50-framework__hero-subtitle,.current50-framework__hero-copy{opacity:1;transform:none;transition:none}}@media(prefers-reduced-motion:reduce){.current50-framework *,.current50-framework *:before,.current50-framework *:after{scroll-behavior:auto!important}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/current50-framework.css.map */
