@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Courier+Prime:wght@400;700&family=Flow+Circular&display=swap";
.timeline-section{--brand-yellow:#fff;--brand-black:#1a1a1a;--brand-white:#fff;--col-ambient:#1a1a1a;--col-kioto:#333;--col-paris:#fff;--col-classified:#e74c3c;--col-anomaly:#00f3ff;--col-alien:#39ff14;--border-width:5px;--node-size:24px;background-color:var(--brand-yellow);color:var(--brand-black);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:80px 0;font-family:Oswald,sans-serif;display:flex;position:relative;overflow:hidden}.timeline-section:after{content:"";opacity:.4;mix-blend-mode:multiply;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.965' numOctaves='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:200%;height:200%;animation:.1s infinite noise-animation;position:absolute;top:-50%;left:-50%}.timeline-section:before{content:"";pointer-events:none;z-index:1;mix-blend-mode:hard-light;background:linear-gradient(#0000 50%,#0000000d 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-section ::selection{background:var(--brand-black);color:var(--brand-yellow)}.timeline-section ::-webkit-scrollbar{width:8px;height:8px}.timeline-section ::-webkit-scrollbar-track{background:var(--brand-black)}.timeline-section ::-webkit-scrollbar-thumb{background:var(--brand-yellow);border:2px solid var(--brand-black)}.timeline-section .barcode{z-index:10;gap:4px;display:flex;position:absolute;top:20px;right:20px}.timeline-section .barcode .bar{background:var(--brand-black);height:40px}.timeline-section .barcode .b1{width:4px}.timeline-section .barcode .b2{width:10px}.timeline-section .barcode .b3{width:2px}.timeline-section .barcode .b4{width:15px}.timeline-section .xeno{color:var(--col-alien);cursor:help;font-family:Flow Circular,cursive;transition:all .3s}.timeline-section #current_date:hover .xeno{text-shadow:0 0 5px var(--col-alien);font-family:Courier Prime,monospace}.timeline-section .redacted{background:var(--brand-black);color:var(--brand-black);cursor:help;padding:0 5px;transition:all .2s}.timeline-section .redacted:hover{color:var(--brand-white)}.timeline-section #current_date{background-color:var(--brand-yellow);border:var(--border-width) solid var(--brand-black);box-shadow:15px 15px 0px var(--brand-black);z-index:10;flex-direction:row;align-items:stretch;gap:50px;width:85%;max-width:900px;min-height:350px;margin-bottom:80px;padding:40px;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.timeline-section #current_date .stamp{border:4px solid var(--col-classified);color:var(--col-classified);opacity:0;pointer-events:none;padding:5px 10px;font-family:Courier Prime,monospace;font-size:2rem;font-weight:700;transition:opacity .3s;position:absolute;top:20px;left:20px;transform:rotate(-15deg)}.timeline-section #current_date .scanlines{pointer-events:none;opacity:0;z-index:1;mix-blend-mode:hard-light;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 4px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;position:absolute;inset:0}.timeline-section #current_date h2{color:var(--brand-black);border-right:4px dashed var(--brand-black);justify-content:center;align-items:center;min-width:280px;margin:0;padding-right:40px;font-size:8rem;font-weight:700;line-height:.8;transition:color .3s;display:flex}.timeline-section #current_date .content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex}.timeline-section #current_date .content h4{background-color:var(--brand-black);color:var(--brand-yellow);letter-spacing:2px;width:fit-content;margin-bottom:10px;padding:6px 12px;font-size:1rem;font-weight:600;transition:background-color .3s,color .3s;display:inline-block}.timeline-section #current_date .content h3{color:var(--brand-black);margin:0 0 20px;font-size:3rem;font-weight:600;line-height:1}.timeline-section #current_date .content hr{background-color:var(--brand-black);border:0;width:60px;height:5px;margin:0 0 20px;transition:background-color .3s}.timeline-section #current_date .content div{text-transform:none;color:var(--brand-black);font-family:Courier Prime,monospace;font-size:1.1rem;font-weight:400;line-height:1.5;transition:color .3s}.timeline-section #current_date.classified{border-color:var(--col-classified);box-shadow:15px 15px 0px var(--col-classified);background-color:#111}.timeline-section #current_date.classified .stamp{opacity:1}.timeline-section #current_date.classified h2{color:var(--col-classified);border-right-color:var(--col-classified)}.timeline-section #current_date.classified .content h4{background-color:var(--col-classified);color:#000}.timeline-section #current_date.classified .content h3{color:#fff}.timeline-section #current_date.classified .content hr{background-color:var(--col-classified)}.timeline-section #current_date.classified .content div{color:#ccc}.timeline-section #current_date.classified .redacted{background:var(--col-classified);color:var(--col-classified)}.timeline-section #current_date.classified .redacted:hover{background:var(--col-classified);color:#000}.timeline-section #current_date.classified .links-section h3,.timeline-section #current_date.classified .links-section a{color:var(--col-classified);border-color:var(--col-classified)!important}.timeline-section #current_date.classified .link-list a:hover{background:var(--col-classified)!important;color:#000!important;box-shadow:4px 4px #fff!important}.timeline-section #current_date.anomaly{border-color:var(--col-anomaly);box-shadow:0 0 20px var(--col-anomaly);background-color:#0a0a2a}.timeline-section #current_date.anomaly h2{color:var(--col-anomaly);border-right-color:var(--col-anomaly);text-shadow:0 0 10px var(--col-anomaly)}.timeline-section #current_date.anomaly .content h4{background-color:var(--col-anomaly);box-shadow:0 0 20px var(--col-anomaly);color:#000}.timeline-section #current_date.anomaly .content h3{color:#fff;text-shadow:0 0 10px var(--col-anomaly)}.timeline-section #current_date.anomaly .content hr{background-color:var(--col-anomaly);box-shadow:0 0 10px var(--col-anomaly)}.timeline-section #current_date.anomaly .content div{color:var(--col-anomaly)}.timeline-section #current_date.anomaly .redacted{background:var(--col-anomaly);color:var(--col-anomaly)}.timeline-section #current_date.anomaly .redacted:hover{background:var(--col-anomaly);color:#0a0a2a}.timeline-section #current_date.alien{border-color:var(--col-alien);box-shadow:10px 10px 0px var(--col-alien);background-color:#000;background-image:linear-gradient(#39ff141a 1px,#0000 1px);background-size:100% 4px}.timeline-section #current_date.alien .scanlines{opacity:.3}.timeline-section #current_date.alien h2{color:var(--col-alien);border-right-color:var(--col-alien);text-shadow:0 0 5px var(--col-alien);letter-spacing:-5px;font-family:Courier Prime,monospace}.timeline-section #current_date.alien .content h4{background-color:var(--col-alien);color:#000}.timeline-section #current_date.alien .content h3{color:var(--col-alien);font-family:Courier Prime,monospace}.timeline-section #current_date.alien .content hr{background-color:var(--col-alien)}.timeline-section #current_date.alien .content div{color:var(--col-alien);opacity:.8}.timeline-section #current_date.alien .redacted{background:var(--col-alien);color:var(--col-alien)}.timeline-section #current_date.alien .redacted:hover{background:var(--col-alien);color:#000}.timeline-section #current_date.kioto{border-color:var(--col-kioto);box-shadow:15px 15px 0px var(--col-kioto);background-color:#fff}.timeline-section #current_date.kioto h2,.timeline-section #current_date.kioto .content h3{color:var(--col-kioto)}.timeline-section #current_date.kioto .content h4{background-color:var(--col-kioto);color:#fff}.timeline-section #current_date.kioto .content hr{background-color:var(--col-kioto)}.timeline-section #current_date.paris{background-color:#fff;border-color:#000;box-shadow:8px 8px #ccc,15px 15px #000}.timeline-section #current_date.paris h2{color:#000;text-shadow:2px 0 #00f3ff,-2px 0 #e74c3c;border-right-color:#000}.timeline-section #current_date.paris .content h4{color:#fff;background-color:#000}.timeline-section #current_date.paris .content h3{color:#000;letter-spacing:1px}.timeline-section #current_date.paris .content hr{background-color:#000}.timeline-section #current_date.paris .content div{color:#333;font-weight:700}.timeline-section .links-section{border-top:2px dashed;margin-top:25px;padding-top:15px}.timeline-section .links-section h3{margin-bottom:5px!important;font-size:1.5rem!important}.timeline-section .links-section p{margin-bottom:15px;font-size:.9rem!important}.timeline-section .links-section a{color:inherit;font-weight:700;text-decoration:underline}.timeline-section .link-list{flex-wrap:wrap;gap:10px;list-style:none;display:flex;margin:0!important;padding:0!important}.timeline-section .link-list li a{text-transform:uppercase;border:2px solid;padding:8px 12px;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.timeline-section .link-list li a:hover{background:var(--brand-black);color:var(--brand-yellow);transform:translateY(-3px);box-shadow:4px 4px}.timeline-section .timeline-wrapper{border-top:var(--border-width) solid var(--brand-black);border-bottom:var(--border-width) solid var(--brand-black);z-index:10;background:#1a1a1a0d;width:100%;padding:30px 0;position:relative}.timeline-section .timeline-wrapper .timeline{scroll-behavior:smooth;scrollbar-width:none;align-items:center;gap:70px;height:180px;margin:0;padding:0 50vw;list-style:none;display:flex;overflow-x:auto}.timeline-section .timeline-wrapper .timeline::-webkit-scrollbar{display:none}.timeline-section .timeline-wrapper .timeline:before{content:"";background:var(--brand-black);z-index:0;width:max-content;min-width:200%;height:8px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.timeline-section .timeline-wrapper .timeline li{cursor:pointer;z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.timeline-section .timeline-wrapper .timeline li:before{content:"";width:var(--node-size);height:var(--node-size);background-color:var(--brand-yellow);border:4px solid var(--brand-black);transition:all .3s}.timeline-section .timeline-wrapper .timeline li h3{color:var(--brand-black);opacity:.5;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:600;transition:all .3s;position:absolute;top:-60px}.timeline-section .timeline-wrapper .timeline li h3:after{content:"";background:var(--brand-black);opacity:0;width:3px;height:15px;margin:5px auto 0;transition:height .2s;display:block}.timeline-section .timeline-wrapper .timeline li div{display:none}.timeline-section .timeline-wrapper .timeline li:hover h3{opacity:1}.timeline-section .timeline-wrapper .timeline li:hover:before{transform:rotate(45deg)scale(1.2)}.timeline-section .timeline-wrapper .timeline li.classified:before{background:var(--col-classified);border-color:#000}.timeline-section .timeline-wrapper .timeline li.anomaly:before{background:var(--col-anomaly);border-color:#000}.timeline-section .timeline-wrapper .timeline li.kioto:before{border-color:var(--col-kioto)}.timeline-section .timeline-wrapper .timeline li.paris:before{background:var(--col-paris);border-color:#000}.timeline-section .timeline-wrapper .timeline li.alien:before{border-color:var(--col-alien);box-shadow:0 0 10px var(--col-alien);background:#000}.timeline-section .timeline-wrapper .timeline li.selected:before{width:36px;height:36px;box-shadow:0 0 0 5px #0000001a;transform:rotate(0)!important}.timeline-section .timeline-wrapper .timeline li.selected.classified:before{box-shadow:0 0 15px var(--col-classified)}.timeline-section .timeline-wrapper .timeline li.selected.anomaly:before{box-shadow:0 0 15px var(--col-anomaly)}.timeline-section .timeline-wrapper .timeline li.selected.alien:before{box-shadow:0 0 20px var(--col-alien);background:#000}.timeline-section .timeline-wrapper .timeline li.selected.alien h3{color:#000;text-shadow:0 0 5px var(--col-alien)}.timeline-section .timeline-wrapper .timeline li.selected.paris:before{background:#fff;border-color:#000;box-shadow:5px 5px #000}.timeline-section .timeline-wrapper .timeline li.selected.paris h3{color:#000;font-weight:700}.timeline-section .timeline-wrapper .timeline li.selected h3{opacity:1;font-size:1.6rem;font-weight:700;top:-80px}.timeline-section .timeline-wrapper .timeline li.selected h3:after{height:35px}@media (max-width:800px){.timeline-section #current_date{flex-direction:column;gap:20px;width:90%;padding:30px}.timeline-section #current_date h2{border-bottom:4px dashed;border-right:none;padding-bottom:20px;padding-right:0;font-size:5rem}.timeline-section #current_date .content h3{font-size:2rem}}@keyframes noise-animation{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}
.ProductsSection-module__EyXGBq__container{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem;margin-top:4rem;display:grid}.ProductsSection-module__EyXGBq__cardInner{width:inherit;background:var(--bg-color,#fff);border-radius:1.25rem 1.25rem 0;height:20rem;position:relative;overflow:hidden}.ProductsSection-module__EyXGBq__box{background:var(--bg-color,#fff);border-radius:1.25rem;width:100%;height:100%;overflow:hidden}.ProductsSection-module__EyXGBq__imgBox{position:absolute;inset:0}.ProductsSection-module__EyXGBq__imgBox img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.ProductsSection-module__EyXGBq__cardInner:hover .ProductsSection-module__EyXGBq__imgBox img{transform:scale(1.05)}.ProductsSection-module__EyXGBq__icon{background:var(--bg-color,#fff);border-top-left-radius:50%;width:5.5rem;height:5.5rem;position:absolute;bottom:-.375rem;right:-.375rem}.ProductsSection-module__EyXGBq__icon:hover .ProductsSection-module__EyXGBq__iconBox{transform:scale(1.1)}.ProductsSection-module__EyXGBq__icon:before{content:"";width:1.25rem;height:1.25rem;box-shadow:.313rem .313rem 0 .313rem var(--bg-color,#fff);background:0 0;border-bottom-right-radius:1.25rem;position:absolute;bottom:.375rem;left:-1.25rem}.ProductsSection-module__EyXGBq__icon:after{content:"";width:1.25rem;height:1.25rem;box-shadow:.313rem .313rem 0 .313rem var(--bg-color,#fff);background:0 0;border-bottom-right-radius:1.25rem;position:absolute;top:-1.25rem;right:.375rem}.ProductsSection-module__EyXGBq__iconBox{background:var(--icon-bg,#282828);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;inset:.625rem}.ProductsSection-module__EyXGBq__iconBox span{color:#fff;font-size:1.5rem}
