.section-services-grid{--tg-sg-font: "Futura BT", "Jost", "Trebuchet MS", sans-serif;--tg-sg-black: #111111;--tg-sg-white: #ffffff;--tg-sg-grey: #888888;--tg-sg-muted: #65706e;--tg-sg-border: #e0e0e0;--tg-sg-warm: #f2f1ef;--tg-sg-panel-bg: rgba(17, 17, 17, .82);--tg-sg-gap: 2.4rem;--tg-sg-sidebar-w: 20rem}.section-services-grid .tg-sg{font-family:var(--tg-sg-font);padding:6rem clamp(2.4rem,4vw,7.2rem);max-width:1680px;margin:0 auto}.section-services-grid .tg-sg__layout{display:grid;grid-template-columns:var(--tg-sg-sidebar-w) 1fr;gap:var(--tg-sg-gap);align-items:start}.section-services-grid .tg-sg__layout--no-sidebar{grid-template-columns:1fr}.section-services-grid .tg-sg__sidebar{position:sticky;top:calc(var(--header-height, 107px) + 2rem)}.section-services-grid .tg-sg__filter-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.section-services-grid .tg-sg__filter-btn{display:flex;align-items:center;width:100%;text-align:left;padding:1.2rem 0;background:none;border:none;border-bottom:1px solid transparent;font-family:var(--tg-sg-font);font-size:1.2rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase;color:var(--tg-sg-grey);cursor:pointer;transition:color .2s ease;min-height:44px}.section-services-grid .tg-sg__filter-btn:hover{color:var(--tg-sg-black)}.section-services-grid .tg-sg__filter-btn.is-active{color:var(--tg-sg-black);font-weight:600;border-bottom-color:var(--tg-sg-black)}.section-services-grid .tg-sg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tg-sg-gap);min-width:0}.section-services-grid .tg-sg__card{position:relative;overflow:hidden;cursor:pointer;background:var(--tg-sg-warm)}.section-services-grid .tg-sg__card-img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background:#cec9c4}.section-services-grid .tg-sg__card-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .4s ease}.section-services-grid .tg-sg__card:hover .tg-sg__card-img{transform:scale(1.04)}.section-services-grid .tg-sg__card-img-wrap svg{width:100%;height:100%;display:block}.section-services-grid .tg-sg__card-name{position:absolute;bottom:0;left:0;right:0;padding:2.4rem 1.6rem 1.4rem;font-size:1.3rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--tg-sg-white);background:linear-gradient(to top,#000000ad,#0000);z-index:2;pointer-events:none;transition:opacity .25s ease}.section-services-grid .tg-sg__card:hover .tg-sg__card-name{opacity:0}.section-services-grid .tg-sg__card-panel{position:absolute;bottom:0;left:0;right:0;height:60%;background:var(--tg-sg-panel-bg);transform:translateY(100%);transition:transform .35s cubic-bezier(.25,.46,.45,.94);will-change:transform;z-index:3;display:flex;flex-direction:column;padding:2rem 2rem 1.6rem;gap:1rem;overflow:hidden}.section-services-grid .tg-sg__card:hover .tg-sg__card-panel{transform:translateY(0)}@media(hover:none){.section-services-grid .tg-sg__card:hover .tg-sg__card-panel{transform:translateY(100%)}.section-services-grid .tg-sg__card:hover .tg-sg__card-name{opacity:1}}.section-services-grid .tg-sg__card.is-active .tg-sg__card-panel{transform:translateY(0)}.section-services-grid .tg-sg__card.is-active .tg-sg__card-name{opacity:0}.section-services-grid .tg-sg__card-panel-name{font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tg-sg-white);margin:0;flex-shrink:0}.section-services-grid .tg-sg__card-panel-desc{font-size:1.25rem;font-weight:300;line-height:1.55;color:#ffffffe0;margin:0;flex:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}.section-services-grid .tg-sg__card-panel-cta{display:inline-flex;align-items:center;justify-content:center;font-family:var(--tg-sg-font);font-size:1rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--tg-sg-black);background:var(--tg-sg-white);padding:1rem 2rem;flex-shrink:0;min-height:44px;transition:background .2s ease,color .2s ease}.section-services-grid .tg-sg__card-panel-cta:hover{background:var(--tg-sg-warm)}@media(max-width:768px){.section-services-grid .tg-sg__layout{display:block}.section-services-grid .tg-sg__sidebar{position:sticky;top:calc(var(--header-height, 107px));z-index:5;background:var(--tg-sg-white);margin-bottom:1.6rem}.section-services-grid .tg-sg__filter-list{flex-direction:row;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:.8rem;padding-bottom:.4rem;scroll-snap-type:x proximity;mask-image:linear-gradient(to right,black 0%,black 88%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 88%,transparent 100%)}.section-services-grid .tg-sg__filter-list::-webkit-scrollbar{display:none}.section-services-grid .tg-sg__filter-btn{white-space:nowrap;flex-shrink:0;width:auto;text-align:center;border:1px solid var(--tg-sg-border);border-bottom:1px solid var(--tg-sg-border);padding:.8rem 1.6rem;font-size:1.1rem;min-height:44px;scroll-snap-align:start}.section-services-grid .tg-sg__filter-btn.is-active{background:var(--tg-sg-black);color:var(--tg-sg-white);border-color:var(--tg-sg-black);font-weight:600}.section-services-grid .tg-sg__grid{grid-template-columns:repeat(2,1fr);gap:1.6rem}}@media(max-width:480px){.section-services-grid .tg-sg{padding:4rem clamp(1.6rem,5vw,2.4rem)}.section-services-grid .tg-sg__grid{grid-template-columns:1fr;gap:1.6rem}}
/*# sourceMappingURL=/cdn/shop/t/63/assets/tg-services-grid.css.map */