.cstory{padding:clamp(72px,9vw,128px) 0;border-top:1px solid rgb(26,26,26)}.cstory:first-of-type{padding-top:clamp(48px,6vw,88px)}.cstory__inner{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media(max-width:640px){.cstory__inner{padding:0 18px}}.cstory__inner{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,76px);align-items:center}.cstory--flip .cstory__inner{direction:rtl}.cstory--flip .cstory__inner>*{direction:ltr}@media(max-width:900px){.cstory__inner,.cstory--flip .cstory__inner{grid-template-columns:1fr;direction:ltr}}.cstory__media{position:relative;overflow:hidden;border-radius:4px;background:#050505}.cstory__media img{width:100%;height:auto;display:block;object-fit:contain;filter:saturate(.85) contrast(1.05);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .6s ease}.cstory__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#05050500 40%,#0505058c);pointer-events:none}.cstory__index{display:block;font-size:11px;letter-spacing:.28em;color:#b6ff00;margin-bottom:22px}.cstory__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9a9a9a;margin-bottom:18px}.cstory__meta i{font-style:normal;width:4px;height:4px;border-radius:50%;background:#3a3a3a}.cstory__title{font-size:clamp(30px,4.4vw,54px);line-height:1.02;letter-spacing:-.03em;font-weight:600;color:#f5f5f0}.cstory__lede{margin-top:20px;max-width:520px;color:#9a9a9a;font-size:16px;line-height:1.8}.cstory__points{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:10px}.cstory__points li{display:grid;grid-template-columns:16px 1fr;gap:12px;color:#f5f5f0;font-size:14.5px;opacity:.85}.cstory__points li:before{content:"-";color:#b6ff00}.cstory__link{display:inline-flex;align-items:center;gap:14px;margin-top:36px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#f5f5f0;padding-bottom:8px;border-bottom:1px solid #242424;transition:color .35s ease,border-color .35s ease,gap .35s ease}.cstory__link em{font-style:normal;transition:transform .35s ease}.cstory__link:hover,.cstory__link:focus-visible{color:#b6ff00;border-color:#b6ff00;gap:20px}.cstory__link:hover em,.cstory__link:focus-visible em{transform:translate(4px,-4px)}.cstory:hover .cstory__media img{transform:scale(1.04);filter:saturate(1) contrast(1.05)}.cstory-rule{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media(max-width:640px){.cstory-rule{padding:0 18px}}.cstory-rule hr{border:0;border-top:1px solid #242424;margin:0}.cs-hero-section{padding:70px 0 100px;position:relative;overflow:hidden}@media(max-width:1300px){.cs-hero-section{padding:70px 0 60px}}.cs-hero-section .main-div{width:100%;max-width:1240px;margin:0 auto;padding:0 12px;display:flex;position:relative}@media(max-width:640px){.cs-hero-section .main-div{padding:0 18px}}.cs-hero-section .main-div .left{width:60%}.cs-hero-section .main-div .left .tag{display:flex;align-items:center;gap:10px}.cs-hero-section .main-div .left .tag h1{font-size:18px;letter-spacing:.11em;color:#8ed900}.cs-hero-section .main-div .left .tag .line{width:90px;height:1px;background-color:#8ed900}.cs-hero-section .main-div .left .heading{font-size:2rem;line-height:1;letter-spacing:.03em;font-weight:700;color:#f5f5f0;margin-top:40px}.cs-hero-section .main-div .left .heading span{color:#b6ff00}.cs-hero-section .main-div .left .heading p{width:95%;font-size:.9rem;line-height:1.5;letter-spacing:-.01em;color:#9a9a9a;margin-top:20px}.cs-hero-section .main-div .right{width:50%;display:flex;justify-content:right}.cs-hero-section .main-div .right .visual{position:relative;width:380px;height:300px}.cs-hero-section .main-div .right .visual .bg{position:absolute;top:25px;left:-10px;width:80%;height:85%;border-radius:7px;background:linear-gradient(160deg,#2f5d0f8c,#142d0859 35%,#0000)}.cs-hero-section .main-div .right .visual .about{position:absolute;right:0;top:50px;width:95%;height:95%;object-fit:cover;border-radius:5px}.cs-hero-section .main-div .right .badge-wrap{position:absolute;z-index:2}.cs-hero-section .main-div .right .badge{background-color:#000;border:1px solid rgba(100,198,1,.18);display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:15px;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.cs-hero-section .main-div .right .badge p{font-size:.7rem;line-height:1.3em;margin:0}.cs-hero-section .main-div .right .badge-left{left:-20px;bottom:-50px;animation:badge-left-float 3.5s ease-in-out infinite}.cs-hero-section .main-div .right .badge-right{right:-60px;top:60px;animation:badge-right-float 3.5s ease-in-out infinite}.cs-hero-section .main-div .right .badge-right .badge{border-radius:3px;position:relative}.cs-hero-section .main-div .right .badge-right .badge .circle{position:absolute;left:7px;top:7px;width:5px;height:5px;background-color:#8ed900;border-radius:50%}.cs-hero-section .main-div .right .badge-right .badge p{font-size:.6rem;line-height:1.3em;font-weight:300}@keyframes badge-left-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-6px,0)}}@keyframes badge-right-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,6px,0)}}@media(max-width:1300px){.cs-hero-section .main-div .right{padding-right:60px}.cs-hero-section .main-div .right .visual{width:300px;height:270px}.cs-hero-section .main-div .left{width:60%}.cs-hero-section .main-div .left .heading .about-para{width:90%}}@media(max-width:900px){.cs-hero-section .main-div{flex-direction:column;align-items:center;gap:70px}.cs-hero-section .main-div .right{order:1;width:100%;padding-right:0;justify-content:center}.cs-hero-section .main-div .right .visual{width:100%;max-width:480px;height:340px;margin-bottom:40px}.cs-hero-section .main-div .right .badge-left{left:-10px;bottom:-40px}.cs-hero-section .main-div .right .badge-right{right:-10px;top:60px}.cs-hero-section .main-div .left{order:2;width:100%;max-width:620px}.cs-hero-section .main-div .left .heading{line-height:1.15}.cs-hero-section .main-div .left .heading .about-para{width:90%}}@media(max-width:640px){.cs-hero-section .main-div{gap:60px}.cs-hero-section .main-div .right{width:100%;padding-right:0;justify-content:center}.cs-hero-section .main-div .right .visual{width:100%;max-width:260px;height:250px;margin-bottom:30px}.cs-hero-section .main-div .right .bg{top:20px;left:40px}.cs-hero-section .main-div .right .about{top:40px}.cs-hero-section .main-div .right .badge-left{left:-30px;bottom:-55px}.cs-hero-section .main-div .right .badge-left .badge{padding:6px 12px}.cs-hero-section .main-div .right .badge-left .badge p{font-size:.65rem}.cs-hero-section .main-div .right .badge-right{right:-35px;top:45px}.cs-hero-section .main-div .right .badge-right .badge{padding:8px 15px}.cs-hero-section .main-div .right .badge-right .badge p{font-size:.55rem;margin-left:4px}.cs-hero-section .main-div .left{width:100%;margin-top:20px}.cs-hero-section .main-div .left .tag h3{font-size:12px}.cs-hero-section .main-div .left .tag .line{width:60px}.cs-hero-section .main-div .left .heading{margin-top:24px;font-size:.9rem;line-height:1.15}.cs-hero-section .main-div .left .heading p{width:100%;font-size:.8rem;margin-top:10px}}
