:root{--values-bg: #000000;--values-text: #ffffff;--values-accent: #0cf6e1;--values-pink: #ff0080;--values-border: rgba(255, 255, 255, .1);--values-hover-bg: rgba(12, 246, 225, .05);--values-shadow: 0 8px 32px rgba(0, 0, 0, .3);--values-shadow-hover: 0 12px 40px rgba(12, 246, 225, .2);--values-transition: all .4s cubic-bezier(.4, 0, .2, 1)}.modern-values-section{background:var(--values-bg);color:var(--values-text);padding:4rem 0;position:relative;overflow:hidden}.modern-values-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(12,246,225,.03) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,128,.02) 0%,transparent 50%);z-index:1}.modern-values-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.modern-values-header{text-align:center;margin-bottom:4rem}.modern-values-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:900;margin-bottom:1rem;color:var(--values-text);text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(135deg,var(--values-text) 0%,var(--values-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(12,246,225,.3)}.modern-values-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--values-accent);opacity:.8;max-width:600px;margin:0 auto;line-height:1.5}.modern-values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;align-items:start}.modern-value-card{background:#0006;border:1px solid var(--values-border);border-radius:16px;padding:2rem;transition:var(--values-transition);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#0cf6e114,#0009,#0cf6e10d,#000000b3,#0cf6e10f);animation:gradientShift 8s ease-in-out infinite alternate}@keyframes gradientShift{0%{background:linear-gradient(135deg,#0cf6e114,#0009,#0cf6e10d,#000000b3,#0cf6e10f)}25%{background:linear-gradient(135deg,#0cf6e11f,#00000080,#0cf6e114,#0009,#0cf6e11a)}50%{background:linear-gradient(135deg,#0cf6e10f,#000000b3,#0cf6e11f,#00000080,#0cf6e114)}75%{background:linear-gradient(135deg,#0cf6e11a,#0009,#0cf6e10f,#000000b3,#0cf6e11f)}to{background:linear-gradient(135deg,#0cf6e114,#0009,#0cf6e10d,#000000b3,#0cf6e10f)}}.modern-value-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(12,246,225,.15) 0%,rgba(12,246,225,.05) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;z-index:1;box-shadow:inset 0 0 20px #0cf6e11a}.modern-value-card:hover:before{opacity:1;box-shadow:inset 0 0 30px #0cf6e133}.modern-value-card:hover{transform:translateY(-8px);border-color:var(--values-accent);box-shadow:var(--values-shadow-hover);box-shadow:0 12px 40px #0cf6e133,0 0 0 1px #0cf6e14d,inset 0 0 30px #0cf6e11a}.modern-value-image{position:relative;border-radius:12px;overflow:hidden;margin-bottom:1.5rem;aspect-ratio:4/3;border:1px solid rgba(12,246,225,.2);box-shadow:0 4px 15px #0cf6e11a}.modern-value-image img{width:100%;height:100%;object-fit:cover;transition:var(--values-transition);filter:grayscale(20%) brightness(.9)}.modern-value-card:hover .modern-value-image{border-color:#0cf6e166;box-shadow:0 6px 25px #0cf6e133}.modern-value-card:hover .modern-value-image img{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.modern-value-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column}.modern-value-title{font-size:1.3rem;font-weight:700;margin-bottom:1rem;color:var(--values-text);text-transform:uppercase;letter-spacing:.5px;transition:color .3s ease}.modern-value-card:hover .modern-value-title{color:var(--values-accent)}.modern-value-text{font-size:1rem;line-height:1.6;color:#fffc;margin:0;flex:1;transition:color .3s ease}.modern-value-card:hover .modern-value-text{color:#ffffffe6}.modern-value-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--values-accent) 0%,var(--values-pink) 100%);transform:scaleX(0);transition:transform .4s ease;z-index:3}.modern-value-card:hover:after{transform:scaleX(1)}@media screen and (max-width: 1024px){.modern-values-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.modern-value-card{padding:1.5rem}.modern-values-title{font-size:clamp(2rem,4vw,3rem)}}@media screen and (max-width: 900px) and (min-width: 769px){.modern-values-title{font-size:clamp(2.5rem,5vw,3.2rem)!important}.modern-values-subtitle{font-size:clamp(1.3rem,2.5vw,1.5rem)!important}.modern-value-title{font-size:1.3rem!important}.modern-value-text{font-size:1rem!important}}@media screen and (max-width: 768px){.modern-values-section{padding:3rem 0}.modern-values-container{padding:0 1rem}.modern-values-header{margin-bottom:3rem}.modern-values-title{font-size:clamp(2.5rem,7vw,4rem)!important;margin-bottom:1.5rem}.modern-values-subtitle{font-size:clamp(1.4rem,4vw,1.8rem)!important;line-height:1.6;margin-bottom:2rem}.modern-values-grid{grid-template-columns:1fr;gap:1.5rem}.modern-value-card{padding:1.5rem;transform:none!important}.modern-value-card:hover{transform:none!important;border-color:var(--values-border)!important;box-shadow:none!important}.modern-value-card:hover:before{opacity:0!important;box-shadow:none!important}.modern-value-card:hover .modern-value-image{border-color:#0cf6e133!important;box-shadow:0 4px 15px #0cf6e11a!important}.modern-value-card:hover .modern-value-image img{filter:grayscale(20%) brightness(.9)!important;transform:none!important}.modern-value-card:hover .modern-value-title{color:var(--values-text)!important}.modern-value-card:hover .modern-value-text{color:#fffc!important}.modern-value-card:hover:after{transform:scaleX(0)!important}.modern-value-card.scroll-active{transform:translateY(-8px);border-color:var(--values-accent);box-shadow:0 12px 40px #0cf6e133,0 0 0 1px #0cf6e14d,inset 0 0 30px #0cf6e11a;transition:all .6s cubic-bezier(.4,0,.2,1)}.modern-value-card.scroll-active:before{opacity:1;box-shadow:inset 0 0 30px #0cf6e133}.modern-value-card.scroll-active .modern-value-image{border-color:#0cf6e166;box-shadow:0 6px 25px #0cf6e133}.modern-value-card.scroll-active .modern-value-image img{filter:grayscale(0%) brightness(1);transform:scale(1.05)}.modern-value-card.scroll-active .modern-value-title{color:var(--values-accent)}.modern-value-card.scroll-active .modern-value-text{color:#ffffffe6}.modern-value-card.scroll-active:after{transform:scaleX(1)}.modern-value-image{aspect-ratio:16/9}.modern-value-title{font-size:1.6rem!important;margin-bottom:1rem;line-height:1.3}.modern-value-text{font-size:1.1rem!important;line-height:1.7}}@media screen and (max-width: 480px){.modern-values-section{padding:2rem 0}.modern-values-container{padding:0 .5rem}.modern-values-header{margin-bottom:2rem}.modern-values-title{font-size:clamp(2rem,8vw,3.2rem)!important;margin-bottom:1rem;line-height:1.2}.modern-values-subtitle{font-size:clamp(1.2rem,5vw,1.6rem)!important;line-height:1.5;margin-bottom:1.5rem}.modern-value-card{padding:1.2rem}.modern-value-title{font-size:1.5rem!important;margin-bottom:.8rem;line-height:1.2}.modern-value-text{font-size:1.05rem!important;line-height:1.6}}@media (prefers-reduced-motion: reduce){.modern-value-card,.modern-value-image img,.modern-value-title,.modern-value-text,.modern-value-card:before,.modern-value-card:after{transition:none!important;animation:none!important}.modern-value-card{animation:none!important;background:linear-gradient(135deg,#0cf6e114,#0009,#0cf6e10d,#000000b3,#0cf6e10f)!important}.modern-value-card:hover,.modern-value-card:hover .modern-value-image img{transform:none}}.modern-value-card:focus-visible{outline:2px solid var(--values-accent);outline-offset:2px}@media (prefers-contrast: high){.modern-value-card{border-width:2px}.modern-value-card:hover{border-color:var(--values-text)}.modern-value-image img{filter:none}.modern-value-title,.modern-value-card:hover .modern-value-title{color:var(--values-text)}}@media print{.modern-values-section{background:#fff!important;color:#000!important}.modern-value-card{background:#fff!important;border:1px solid black!important;box-shadow:none!important}.modern-value-card:before,.modern-value-card:after{display:none!important}.modern-value-image img{filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-modern-values.css.map */