/* Glide 20: transparent objects, material close-ups and restrained light studies. */
#glide20[data-visual-version="5"] .g20-white-photo{background:transparent;border-radius:0}
#glide20[data-visual-version="5"] .jink-home-mark{background:transparent!important;border:0!important;box-shadow:none!important;color:#f4e9dc!important;backdrop-filter:none}
#glide20[data-visual-version="5"] .jink-home-mark span,#glide20[data-visual-version="5"] .jink-home-mark small{color:#f4e9dc!important;text-shadow:0 1px 5px #0008}
#glide20[data-visual-version="5"] .g20-matter-logo{filter:none;background:transparent;width:220px;height:auto;max-width:65%}
#glide20 .g20-visual-tools{display:flex;justify-content:flex-end;margin:0 0 22px;gap:16px;align-items:center}
#glide20 .g20-motion-toggle{display:none;border:1px solid #edd4b64d;border-radius:24px;background:#c5a38315;color:#f6e8d7;padding:10px 17px;font:inherit;font-size:13px;cursor:pointer}
#glide20.g20-effects-ready .g20-motion-toggle{display:inline-flex}
#glide20 .g20-motion-toggle:focus-visible,#glide20 .g20-angle-control input:focus-visible{outline:2px solid #f5ca94;outline-offset:5px}
#glide20 .g20-bento-v4{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
#glide20 .g20-bento-v4>.g20-card{grid-column:span 3;position:relative;overflow:hidden;padding:34px;min-width:0}
#glide20 .g20-bento-v4>.g20-card:first-child{grid-column:span 4}
#glide20 .g20-bento-v4>.g20-card:nth-child(2){grid-column:span 2}
#glide20 .g20-bento-v4 .g20-key{font-size:clamp(30px,4vw,54px);line-height:1.08}
#glide20 .g20-v4-stage{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;height:250px;min-width:0;margin:10px 0 20px}
#glide20 .g20-v4-stage:before{content:"";position:absolute;inset:18% 4%;background:radial-gradient(ellipse,#c69b6650,transparent 67%);filter:blur(18px);z-index:-1;pointer-events:none}
#glide20 .g20-v4-stage>img{height:100%;width:100%;max-width:100%;object-fit:contain;background:transparent;filter:drop-shadow(0 20px 16px #0b080840);margin:0}
#glide20 .g20-v4-stage.g20-v4-macro>img{position:absolute;width:1536px;height:1024px;max-width:none;transform:scale(.47);transform-origin:0 0;left:calc(50% - 240px);top:-210px;object-fit:contain}
#glide20 .g20-v4-macro{overflow:hidden;height:250px;border-radius:10px}
#glide20 .g20-v4-macro:before{inset:0;background:radial-gradient(ellipse at 60% 60%,#c69b6666,transparent 67%)}
#glide20 .g20-v4-duo{gap:10px;align-items:flex-end}
#glide20 .g20-v4-duo>img{width:51%;height:88%;object-fit:contain}
#glide20 .g20-v4-duo>img+img{width:49%;height:72%;align-self:center}
#glide20 .g20-energy{display:flex;align-items:center;gap:12px;margin:3px 0 24px;color:#dfbc91;font-size:11px;letter-spacing:.03em}
#glide20 .g20-energy b{font-weight:500;white-space:nowrap}
#glide20 .g20-energy i{position:relative;height:1px;flex:1;min-width:20px;background:#d6a0635c;overflow:visible}
#glide20 .g20-energy i:after{content:"";position:absolute;top:-2px;left:0;width:6px;height:5px;border-radius:50%;background:#f4ce99;box-shadow:0 0 12px #e7a75d;animation:g20-energy-flow 4s ease-in-out infinite}
@keyframes g20-energy-flow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
#glide20 .g20-v4-network:before{background:radial-gradient(ellipse,#7ca9a533,transparent 64%)}
#glide20 .g20-network-rings{position:absolute;inset:13% 4%;border:1px solid #b3ded22b;border-radius:50%;transform:rotate(-18deg);z-index:-1;pointer-events:none}
#glide20 .g20-network-rings:before,#glide20 .g20-network-rings:after{content:"";position:absolute;border-radius:50%;inset:13% -9%;border:1px solid #c1a8dd24;transform:rotate(45deg)}
#glide20 .g20-network-rings:after{inset:30% -13%;transform:rotate(-18deg);border-color:#d6b89430}
#glide20 .g20-network-rings i{position:absolute;left:12%;top:10%;width:7px;height:7px;background:#cde8db;border-radius:50%;box-shadow:0 0 16px #95ddc7;animation:g20-connection 5s ease-in-out infinite}
#glide20 .g20-network-rings i+i{left:auto;right:6%;top:70%;background:#d3c1eb;animation-delay:-2.5s}
@keyframes g20-connection{0%,100%{opacity:.2}50%{opacity:.95}}
#glide20 .g20-v4-caption{font-size:11px;line-height:1.6;color:#c1ac95;margin:12px 0 0}
#glide20 .g20-v4-closeup{position:relative;overflow:hidden;height:480px;border-radius:28px;background:radial-gradient(ellipse at 50% 55%,#a5794f55,transparent 68%)}
#glide20 .g20-v4-closeup svg{width:100%;height:100%;display:block}
#glide20 .g20-v4-closeup text{fill:#f2dfc5;font:18px "Helvetica Neue",Helvetica,"PingFang SC",sans-serif}
#glide20 .g20-v4-closeup .g20-callout{fill:none;stroke:#dec19e99;stroke-width:1.5}
#glide20 .g20-v4-circuit{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;padding:34px;align-items:center;overflow:hidden;position:relative}
#glide20 .g20-v4-circuit>.g20-v4-closeup{height:390px;background:transparent}
#glide20 .g20-v4-circuit h3{font-size:27px;margin:0 0 22px}
#glide20 .g20-v4-circuit .g20-energy{font-size:13px;gap:10px;margin:30px 0}
#glide20 .g20-v4-circuit p{max-width:400px;color:#dcc9b3;line-height:1.85}
#glide20 .g20-v4-material{position:relative;overflow:hidden}
#glide20 .g20-v4-material:after{content:"";position:absolute;pointer-events:none;inset:0;opacity:.4;background:linear-gradient(120deg,transparent 20%,#f9dfb41a 40%,transparent 55%);transform:translateX(-65%);animation:g20-material-sheen 10s ease-in-out infinite}
@keyframes g20-material-sheen{0%,20%{transform:translateX(-65%);opacity:0}55%{opacity:.5}90%,100%{transform:translateX(65%);opacity:0}}
#glide20 .g20-light-card{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 15%,#c5a78724,transparent 70%),linear-gradient(135deg,#dbc6ac1c,#b4916d0a)}
#glide20 .g20-light-card img{transition:transform .5s ease;filter:drop-shadow(0 14px 12px #0c09063d)}
#glide20 .g20-light-card:hover img{transform:translateY(-5px)}
#glide20 .g20-object.g20-v4-light{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#b88a5840,transparent 65%),#ffffff05}
#glide20 .g20-v4-light>img{position:relative;z-index:1;background:transparent;filter:drop-shadow(0 22px 20px #0d080840)}
#glide20 .g20-v4-light:before{content:"";position:absolute;inset:34% 10% -6%;z-index:0;pointer-events:none;background:linear-gradient(180deg,#efd4a340,#d1ab7140 35%,transparent 94%);clip-path:polygon(43% 0,57% 0,98% 100%,2% 100%);filter:blur(12px)}
#glide20 .g20-v4-light.g20-v4-wash:before{clip-path:none;inset:40% 4% -5%;background:radial-gradient(ellipse at 50% 5%,#f8d9a644,transparent 67%);filter:blur(16px)}
#glide20 .g20-v4-light:after{content:"";position:absolute;bottom:8%;left:15%;width:70%;height:12%;z-index:0;background:radial-gradient(ellipse,#f8dfb62e,transparent 65%);filter:blur(8px)}
#glide20 .g20-beam-lab{position:relative;margin:30px 0;padding:30px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:radial-gradient(ellipse at 25% 90%,#a67c4d26,transparent 65%),#100b0926}
#glide20 .g20-beam-lab svg{display:block;width:100%;height:310px}
#glide20 .g20-beam-lab h3{font-size:29px;line-height:1.35;margin:0 0 15px}
#glide20 .g20-beam-lab p{font-size:14px;line-height:1.8;color:#deccb7}
#glide20 .g20-angle-control{display:none;align-items:center;gap:18px;margin:28px 0 8px;flex-wrap:wrap}
#glide20.g20-effects-ready .g20-angle-control{display:flex}
#glide20 .g20-angle-control label{display:flex;justify-content:space-between;flex-basis:100%;font-size:14px;color:#f0ddc4}
#glide20 .g20-angle-control output{font-variant-numeric:tabular-nums}
#glide20 .g20-angle-control input{width:100%;accent-color:#e4bd8c;cursor:ew-resize}
#glide20 .g20-beam-lab .g20-beam-hint{font-size:11px;color:#bca68e;margin:14px 0 0}
#glide20 .g20-scene-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0}
#glide20 .g20-scene-triptych figure{margin:0;position:relative;border-radius:25px;overflow:hidden;aspect-ratio:.85;isolation:isolate;border:1px solid #e7cfaf40}
#glide20 .g20-scene-triptych img{width:100%;height:100%;object-fit:cover;object-position:60% 30%}
#glide20 .g20-scene-triptych figcaption{position:absolute;bottom:0;left:0;right:0;padding:80px 23px 22px;background:linear-gradient(transparent,#211710ed);font-size:20px;color:#fff0dc}
#glide20 .g20-scene-triptych figcaption small{display:block;font-size:12px;color:#d8c3aa;margin-top:8px;line-height:1.6}
#glide20 .g20-scene-triptych figure:last-child img{filter:brightness(.62)}
#glide20 .g20-energy i:after,#glide20 .g20-network-rings i,#glide20 .g20-v4-material:after{animation-play-state:paused}
#glide20.g20-effects-ready:not([data-motion-paused="true"]) .g20-is-visible .g20-energy i:after,#glide20.g20-effects-ready:not([data-motion-paused="true"]) .g20-is-visible .g20-network-rings i,#glide20.g20-effects-ready:not([data-motion-paused="true"]) .g20-is-visible .g20-v4-material:after{animation-play-state:running}
@media(prefers-reduced-motion:reduce){#glide20 .g20-energy i:after,#glide20 .g20-network-rings i,#glide20 .g20-v4-material:after{animation:none!important}#glide20 .g20-light-card img{transition:none}}
@media(max-width:900px){#glide20 .g20-bento-v4{grid-template-columns:repeat(2,minmax(0,1fr))}#glide20 .g20-bento-v4>.g20-card,#glide20 .g20-bento-v4>.g20-card:first-child,#glide20 .g20-bento-v4>.g20-card:nth-child(2){grid-column:span 1}#glide20 .g20-bento-v4>.g20-card{padding:24px}#glide20 .g20-v4-stage{height:230px}#glide20 .g20-v4-circuit{grid-template-columns:1fr}#glide20 .g20-v4-circuit>.g20-v4-closeup{height:330px}}
@media(max-width:600px){#glide20 .g20-bento-v4,#glide20 .g20-beam-lab{grid-template-columns:1fr}#glide20 .g20-v4-stage{height:250px}#glide20 .g20-bento-v4>.g20-card{padding:26px}#glide20 .g20-v4-closeup{height:310px}#glide20 .g20-v4-circuit{padding:22px;gap:10px}#glide20 .g20-v4-circuit>.g20-v4-closeup{height:290px}#glide20 .g20-beam-lab{padding:22px;gap:10px}#glide20 .g20-beam-lab svg{height:260px}#glide20 .g20-beam-lab h3{font-size:25px}#glide20 .g20-scene-triptych{grid-template-columns:1fr;gap:18px}#glide20 .g20-scene-triptych figure{aspect-ratio:1.35}#glide20 .g20-scene-triptych img{object-position:center 35%}}


/* v05: the product PNGs are matte-decontaminated. Keep their edges optically
   neutral and let the card lighting sit behind the object, never around it. */
#glide20[data-visual-version="5"] img[src*="/glide20-v05/"]{filter:none!important;box-shadow:none!important;background:transparent!important}