
.sgcc-sg1-wrap{--base:#17151b;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;width:100%;max-width:1200px;margin:0 auto;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.1}
.sgcc-sg1-wrap *,.sgcc-sg1-wrap *::before,.sgcc-sg1-wrap *::after{box-sizing:border-box}
.sgcc-sg1-card{position:relative;display:block;aspect-ratio:16/7;border-radius:16px;overflow:hidden;text-decoration:none!important;color:#fff!important;isolation:isolate;container-type:inline-size;background:var(--base);-webkit-tap-highlight-color:transparent;outline:none}
.sgcc-sg1-card:focus-visible{box-shadow:0 0 0 3px var(--base),0 0 0 5px var(--acc)}
.sgcc-sg1-bg{position:absolute;inset:0;background:var(--img) var(--pos)/cover no-repeat}
.sgcc-sg1-card svg{width:1em;height:1em;display:block}
.sgcc-sg1-two .sgcc-sg1-t>span:not([class]){display:block}
@media (max-width:699px){.sgcc-sg1-wrap{grid-template-columns:1fr;gap:16px}.sgcc-sg1-card{aspect-ratio:16/9}}
.sgcc-sg1-card{padding:2px;background:linear-gradient(160deg,rgba(var(--rgb),.35),rgba(var(--rgb),.08) 40%,rgba(var(--rgb),.3));transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.sgcc-sg1-card::before{content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;translate:-50% -50%;background:conic-gradient(from 0deg,transparent 0 8%,rgba(var(--rgb),.2) 16%,var(--acc) 22%,var(--acc2) 24%,var(--acc) 26%,rgba(var(--rgb),.2) 32%,transparent 40% 58%,rgba(var(--rgb),.2) 66%,var(--acc) 72%,var(--acc2) 74%,var(--acc) 76%,rgba(var(--rgb),.2) 82%,transparent 90%);animation:sgcc-sg1-spin 7s linear infinite;z-index:-1}
.sgcc-sg1-card:nth-child(2)::before{animation-delay:-3.5s}
.sgcc-sg1-in{position:absolute;inset:2px;border-radius:14px;overflow:hidden;background:var(--base)}
.sgcc-sg1-bg{transform-origin:var(--fo);animation:sgcc-sg1-kb 22s ease-in-out infinite alternate;will-change:transform;transition:filter .6s}
.sgcc-sg1-card:nth-child(2) .sgcc-sg1-bg{animation-delay:-9s}
.sgcc-sg1-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,6,10,.94) 0%,rgba(8,6,10,.72) 28%,rgba(8,6,10,.18) 58%,rgba(8,6,10,0) 78%),linear-gradient(90deg,rgba(8,6,10,.55),rgba(8,6,10,0) 60%),radial-gradient(70% 90% at 0% 100%,rgba(var(--rgb),.3),transparent 70%),radial-gradient(130% 100% at 50% 35%,transparent 55%,rgba(0,0,0,.6) 100%)}
.sgcc-sg1-txt{position:absolute;left:0;right:0;bottom:0;padding:0 5.2cqw 4.6cqw;display:flex;flex-direction:column;align-items:flex-start}
.sgcc-sg1-k{display:flex;align-items:center;gap:10px;font-size:clamp(10px,1.9cqw,13px);font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--acc2);text-shadow:0 1px 8px rgba(0,0,0,.8)}
.sgcc-sg1-k::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--acc);box-shadow:0 0 10px rgba(var(--rgb),.9)}
.sgcc-sg1-t{margin:1.6cqw 0 3cqw;font-size:clamp(26px,7.6cqw,52px);font-weight:900;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 4px 24px rgba(0,0,0,.7)}
.sgcc-sg1-t span{color:var(--acc);text-shadow:0 0 22px rgba(var(--rgb),.55),0 3px 18px rgba(0,0,0,.6)}
.sgcc-sg1-cta{display:inline-flex;align-items:center;gap:12px;padding:6px 6px 6px 18px;border-radius:999px;border:1px solid rgba(var(--rgb),.65);background:rgba(20,16,24,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;transition:background .35s,color .35s,border-color .35s,box-shadow .35s}
.sgcc-sg1-ar{position:relative;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,var(--acc2),var(--acc) 55%,var(--accd));color:var(--base);font-size:16px}
.sgcc-sg1-ar svg{animation:sgcc-sg1-nudge 2.6s ease-in-out infinite}
.sgcc-sg1-card:hover,.sgcc-sg1-card:focus-visible{transform:translateY(-4px);box-shadow:0 22px 50px -16px rgba(var(--rgb),.6)}
.sgcc-sg1-card:focus-visible{box-shadow:0 0 0 3px var(--base),0 0 0 5px var(--acc),0 22px 50px -16px rgba(var(--rgb),.6)}
.sgcc-sg1-card:hover .sgcc-sg1-bg,.sgcc-sg1-card:focus-visible .sgcc-sg1-bg{filter:brightness(1.12) saturate(1.15)}
.sgcc-sg1-card:hover .sgcc-sg1-cta,.sgcc-sg1-card:focus-visible .sgcc-sg1-cta{background:linear-gradient(135deg,var(--acc2),var(--acc) 55%,var(--accd));border-color:var(--acc2);color:var(--base);box-shadow:0 8px 26px -6px rgba(var(--rgb),.75)}
.sgcc-sg1-card:hover .sgcc-sg1-ar,.sgcc-sg1-card:focus-visible .sgcc-sg1-ar{background:var(--base);color:var(--acc2)}
.sgcc-sg1-card:hover .sgcc-sg1-ar svg,.sgcc-sg1-card:focus-visible .sgcc-sg1-ar svg{animation:sgcc-sg1-slide .9s cubic-bezier(.6,0,.3,1) infinite}
@keyframes sgcc-sg1-spin{to{transform:rotate(1turn)}}
@keyframes sgcc-sg1-kb{0%{transform:scale(1.03) translate(0,0)}100%{transform:scale(1.15) translate(-1.5%,1%)}}
@keyframes sgcc-sg1-nudge{0%,60%,100%{transform:translateX(0)}75%{transform:translateX(3px)}}
@keyframes sgcc-sg1-slide{0%{transform:translateX(0);opacity:1}45%{transform:translateX(140%);opacity:0}46%{transform:translateX(-140%);opacity:0}100%{transform:translateX(0);opacity:1}}
@media (max-width:699px){.sgcc-sg1-t{font-size:clamp(24px,8.6cqw,40px)}.sgcc-sg1-cta{font-size:12px}}
@media (prefers-reduced-motion:reduce){.sgcc-sg1-wrap *,.sgcc-sg1-wrap *::before,.sgcc-sg1-wrap *::after{animation:none!important;transition:none!important}}

/* Responsive WordPress attachment images retain the supplied pan/zoom animation. */
.sgcc-sg1-in>img.sgcc-sg1-bg{width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--pos);display:block}

/* Keep the eyebrow, two-line title and CTA inside narrower cards. */
.sgcc-sg1-card{min-height:180px;min-width:0;width:100%}
