/* Product-card cursor plus the footer video layer. */
@media(hover:hover) and (pointer:fine){
  html.has-custom-cursor body.cursor-context #cursor{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#302bea;color:#fff;box-shadow:none;transition:width .25s ease,height .25s ease,background-color .18s,opacity .15s,transform .15s}
  html.has-custom-cursor body.cursor-context #cursor::after{content:'VIEW';font:600 9px var(--mono);letter-spacing:.08em}
  html.has-custom-cursor body.cursor-context,html.has-custom-cursor body.cursor-context *{cursor:none!important}
}
#products .grid{gap:1px;border:1px solid var(--border);background:var(--border);grid-template-columns:repeat(4,minmax(0,1fr))}
#products .card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto 1fr auto;gap:0;padding:18px;border-radius:0;background:var(--bg-card);color:var(--text)}
#products .card::after{display:block}
#products .product-media{position:relative;isolation:isolate;display:grid;grid-column:1;grid-row:1;place-items:center;overflow:hidden;aspect-ratio:16/9;border:1px solid #ffffff30;border-radius:0;background:#142020}
#products .product-media::before{position:absolute;inset:-20px;z-index:-1;content:'';background:var(--product-image) center/cover;filter:blur(22px);opacity:.3}
#products .product-media img{display:block;width:100%;height:100%;object-fit:contain;padding:0;filter:saturate(.94);transform:translate3d(0,0,0) scale(1);transition:transform .9s cubic-bezier(.16,1,.3,1),filter .9s ease}
#products .product-media--cover img{object-fit:cover;object-position:center}
#products .card-top{grid-column:1;grid-row:2;align-items:center;margin:20px 8px 22px;color:var(--muted)}
#products .price{padding:8px 11px;border:1px solid var(--border-s);background:color-mix(in srgb,var(--bg) 55%,transparent);color:var(--text);font:500 14px var(--sans)}
#products .cname{grid-column:1;grid-row:3;align-self:start;margin:0 8px 14px;font-size:clamp(28px,2.3vw,40px)}
#products .cdesc{display:block;grid-column:1;grid-row:4;max-width:none;margin:0 8px;color:var(--muted);font-size:14px;line-height:1.55;-webkit-line-clamp:unset;overflow:visible}
#products .cfooter{display:grid;grid-column:1;grid-row:5;grid-template-columns:minmax(0,72fr) minmax(0,28fr);gap:12px;align-self:end;margin:24px 8px 8px;padding-top:16px;border-top:1px solid var(--border)}
#products .btn-link{display:flex;width:100%;min-height:48px;justify-content:space-between;align-items:center;margin:0;padding:0 16px;background:#10140d;color:#f6f6f3;border:1px solid #10140d;border-radius:1px;font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
#products .btn-link::after{display:none}
#products .btn-buy{display:inline-flex;width:100%;min-height:48px;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--border-s);background:transparent;color:var(--text);font:500 10px var(--mono);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;text-decoration:none;transition:border-color .25s ease,background-color .25s ease,color .25s ease}
#products .btn-buy::after{margin-left:5px;content:'↗';font-size:11px}
#products .btn-link:hover{background:#262e20}
#products .btn-buy:hover{border-color:var(--product-color);background:color-mix(in srgb,var(--product-color) 14%,transparent);color:var(--text);transform:none}
@media(hover:hover) and (pointer:fine){#products .card:is(:hover,.is-hovered) .product-media img{filter:saturate(1.06);transform:translate3d(var(--image-x),calc(var(--image-y) - 5px),0) scale(1.018)}}
@media(max-width:1199px){#products .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){#products .grid{grid-template-columns:minmax(0,1fr);gap:18px;border:0;background:transparent}#products .card{border:1px solid var(--border)}}
@media(max-width:620px){#products .cname{font-size:34px}#products .cdesc{font-size:14px}#products .cfooter{grid-template-columns:1fr}#products .btn-link,#products .btn-buy{width:100%}}
#blog .section-more{grid-column:1;grid-row:2;align-self:end;justify-self:start}
@media(max-width:820px){#blog .section-more{grid-column:1;grid-row:3;margin-top:8px;justify-self:start}}
footer{overflow:hidden;isolation:isolate;color:#f6f6ff;background:#171b32}
footer::before{position:relative;z-index:2}
footer::after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(12,12,56,.16),rgba(8,9,35,.7)),linear-gradient(90deg,rgba(16,16,74,.46),transparent 62%);content:'';pointer-events:none}
.footer-video{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
footer>:not(.footer-video){position:relative;z-index:2}
@property --support-shine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
.support-button{top:-64px;isolation:isolate;border-radius:4px;text-transform:none}
.support-button::before{position:absolute;z-index:-1;inset:-2px;padding:2px;border-radius:inherit;background:conic-gradient(from var(--support-shine-angle),transparent 0 35%,rgba(255,255,255,.1) 41%,rgba(255,255,255,.98) 48%,rgba(178,190,255,.48) 53%,transparent 61% 100%);content:'';pointer-events:none;filter:drop-shadow(0 0 5px rgba(255,255,255,.4));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:support-border-shine 4.8s linear infinite}
@keyframes support-border-shine{to{--support-shine-angle:360deg}}
@media(max-width:820px){
  footer{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(36px,1fr) auto auto auto;row-gap:0;min-height:100svh;padding:64px var(--g) 30px;align-items:start}
  footer::before{grid-column:1;grid-row:1}
  footer .fl{grid-column:1;grid-row:3}
  footer .support-button{top:0;grid-column:1;grid-row:4;margin-top:12px}
  footer .flinks{grid-column:1;grid-row:5;justify-self:start;gap:12px 20px;margin-top:20px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){#products .product-media img{transition:none}.support-button::before{animation:none;background:rgba(255,255,255,.38)}}