.gx-wrap{position:relative}.gx{position:relative;border-top:2px solid var(--ink)}.gx-row{position:relative;width:100%;display:grid;grid-template-columns:84px minmax(0,1fr) 150px 110px 52px;align-items:center;gap:24px;padding:28px 0;border:0;border-bottom:1px solid var(--ink-line);background:none;text-align:left;color:var(--ink);text-decoration:none}.gx-row:before{content:"";position:absolute;top:6px;right:-22px;bottom:6px;left:-22px;border-radius:18px;background:#fff;opacity:0;transform:scaleY(.85);transition:opacity .35s,transform .5s var(--ease)}.gx-row>*{position:relative}.gx-row:hover:before,.gx-row:focus-visible:before{opacity:1;transform:none}.gx-n{font:900 54px/.9 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--ink);transition:color .35s}.gx-row:hover .gx-n{color:var(--ink)}.gx-main{display:block;min-width:0}.gx-t{display:block;font:800 34px/.95 var(--display);text-transform:uppercase;color:var(--ink);transition:transform .5s var(--ease)}.gx-row:hover .gx-t{transform:translate(8px)}.gx-s{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:var(--ink-2);max-width:44em}.gx-tag,.gx-min{font:600 12px/1.3 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.gx-go{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--flood);transition:transform .6s var(--ease),background-color .3s,color .3s}.gx-row:hover .gx-go{transform:rotate(-45deg);background:var(--amber);color:var(--amber-ink)}.gx-pv{position:absolute;left:0;top:0;z-index:5;width:260px;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;pointer-events:none;opacity:0;background:var(--navy-3);box-shadow:0 30px 60px -20px #0a14248c;transform:translate3d(var(--px, 0px),var(--py, 0px),0) scale(.8) rotate(-6deg);transition:opacity .3s,transform .55s var(--ease)}.gx-pv.on{opacity:1;transform:translate3d(var(--px, 0px),var(--py, 0px),0) scale(1) rotate(-3deg)}.gx-pv img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}.gx-pv img.on{opacity:1}.g-feat{width:100%;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:0;border:0;border-radius:26px;overflow:hidden;background:#fff;color:var(--ink);text-align:left;text-decoration:none;box-shadow:0 1px 0 var(--ink-line),0 40px 70px -50px #0a142480;transition:transform .6s var(--ease),box-shadow .6s var(--ease);margin-bottom:56px}.g-feat:hover{transform:translateY(-6px);box-shadow:0 1px 0 var(--ink-line),0 50px 80px -45px #0a14248c}.g-media{position:relative;overflow:hidden;background:#cfd8e4;min-height:420px}.g-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}.g-feat:hover .g-media img{transform:scale(1.06)}.g-body{padding:44px;display:flex;flex-direction:column;gap:14px}.g-tag{font:700 11px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.g-title{font:900 54px/.9 var(--display);text-transform:uppercase;color:var(--ink)}.g-sum{color:var(--ink-2);font-size:16px;line-height:1.6}.g-go{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;font:600 14px/1 var(--text);color:var(--ink)}.g-arrow{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--flood);transition:transform .6s var(--ease),background-color .3s}.g-feat:hover .g-arrow{transform:rotate(-45deg);background:var(--amber);color:var(--amber-ink)}.g-more{margin-bottom:18px}.g-none{padding:40px 0;color:var(--ink-2)}@media(max-width:1240px){.gx-row{grid-template-columns:70px minmax(0,1fr) 120px 52px}.gx-min{display:none}}@media(max-width:980px){.g-feat{grid-template-columns:1fr}.g-media{min-height:260px}.gx-pv{display:none}}@media(max-width:640px){.gx-row{grid-template-columns:44px minmax(0,1fr) 44px;gap:14px;padding:20px 0}.gx-row:before{top:4px;right:-10px;bottom:4px;left:-10px}.gx-n{font-size:34px}.gx-t{font-size:25px}.gx-s,.gx-tag{display:none}.gx-mm{display:block!important;margin-top:8px}.gx-go{width:44px;height:44px}.g-body{padding:24px}.g-title{font-size:38px}}@media(prefers-reduced-motion:reduce){.gx-pv{display:none}.g-feat:hover .g-media img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/ss-guides.css.map */