.index-architecture{--index-arch-font: "Google Sans Flex", system-ui, sans-serif;--index-arch-pad-x: clamp(1.25rem, 7.22vw, 6.5rem);--index-arch-pad-y-top: clamp(2rem, 3.47vw, 3.125rem);--index-arch-pad-y-bottom: clamp(2.5rem, 5.56vw, 5rem);--index-arch-accent: #6ad5e1;--index-arch-glass-shadow: inset -10px 3px 15px 0 rgba(255, 255, 255, .2), inset 10px -3px 15px 0 rgba(255, 255, 255, .2);--index-arch-glass-shadow-active: inset 1px 6px 45px 0 rgba(215, 253, 255, 1), inset 0 4px 5px 0 rgba(255, 255, 255, .7), inset 10px -3px 80px 0 rgba(63, 76, 77, .7);width:100%;background:#000;font-family:var(--index-arch-font);color:#fff}.index-architecture__inner{display:flex;flex-direction:column;gap:clamp(1.5rem,3.06vw,2.75rem);max-width:90rem;margin:0 auto;padding:var(--index-arch-pad-y-top) var(--index-arch-pad-x) var(--index-arch-pad-y-bottom)}.index-architecture__title{margin:0;font-size:clamp(2rem,3.33vw,3rem);font-weight:600;line-height:1.167;letter-spacing:-.02em;text-align:left}.index-architecture__title-1{display:block;color:#fff;font-size:clamp(2rem,2.78vw,2.5rem);font-weight:500;line-height:1;letter-spacing:-.02em}.index-architecture__title-2{display:block;margin-top:.125rem;color:var(--index-arch-accent);font-size:clamp(2.5rem,3.33vw,3rem);font-weight:700;line-height:1.167}.index-architecture__cards{display:flex;flex-direction:column;gap:.6875rem;margin:0;padding:0;list-style:none}.index-architecture__card{flex:1;min-width:0}.index-architecture__card-hit{position:relative;display:flex;flex-direction:column;gap:1.162rem;height:100%;min-height:22.1875rem;padding:1.6875rem 1.5rem 1.5rem;overflow:hidden;background:#0000;border:0;border-radius:.625rem;color:inherit;text-decoration:none;transition:transform .25s ease}.index-architecture__card-hit:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:inherit;pointer-events:none;box-shadow:var(--index-arch-glass-shadow);transition:box-shadow .25s ease}.index-architecture__card-hit:hover,.index-architecture__card-hit:focus-visible,.index-architecture__card-hit.is-active{transform:translateY(-.125rem)}.index-architecture__card-hit:hover:before,.index-architecture__card-hit:focus-visible:before,.index-architecture__card-hit.is-active:before{box-shadow:var(--index-arch-glass-shadow-active)}.index-architecture__card-hit:focus-visible{outline:2px solid var(--index-arch-accent);outline-offset:.25rem}.index-architecture__card-body{position:relative;z-index:0;display:flex;flex-direction:column;gap:.885rem}.index-architecture__card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.885rem}.index-architecture__card-title{margin:0;color:#fff;font-size:1.1066rem;font-weight:500;line-height:1.2}.index-architecture__card-badge{flex-shrink:0;color:#ffffffd9;font-size:.664rem;font-weight:400;line-height:1.333}.index-architecture__card-desc{margin:0;color:#ffffff80;font-size:.7746rem;font-weight:300;line-height:1.571;text-align:left}.index-architecture__card-desc p{margin:0}.index-architecture__card-desc strong{color:#fff;font-weight:500}.index-architecture__card-media{position:relative;z-index:0;width:100%;margin-top:auto;aspect-ratio:356 / 200;overflow:hidden;border-radius:.5rem;background:#d2d4dc33}.index-architecture__card-img{display:block;width:100%;height:100%;object-fit:cover}@media screen and (min-width:750px){.index-architecture__cards{flex-direction:row;gap:.6875rem}}@media screen and (max-width:749px){.index-architecture{--index-arch-pad-x: 1.25rem;--index-arch-pad-y-top: 2rem;--index-arch-pad-y-bottom: 2rem;--index-arch-glass-shadow: inset -10px 3px 12px 0 rgba(255, 255, 255, .18), inset 10px -3px 12px 0 rgba(255, 255, 255, .18);--index-arch-glass-shadow-active: inset 0 4px 5px 0 rgba(255, 255, 255, .7), inset 1px 6px 20px 0 rgba(215, 253, 255, 1)}.index-architecture__inner{gap:1.5rem}.index-architecture__title{font-size:3rem;line-height:1}.index-architecture__title-1{font-size:2.5rem}.index-architecture__title-2{font-size:3rem;line-height:1}.index-architecture__cards{gap:1rem}.index-architecture__card-hit{min-height:0;gap:1rem;padding:1rem;border:1px solid #e5e6e9;border-radius:.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.index-architecture__card-title{font-size:1.25rem}.index-architecture__card-badge{font-size:.75rem}.index-architecture__card-desc{font-size:.875rem}.index-architecture__card-head{gap:.5rem}.index-architecture__card-media{aspect-ratio:273 / 153}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/index-architecture.css.map */