.xc-gal{--tang:#ff6b35;--cream:#f7ffd8;--sage:#8fb197;--gdisp:"Outfit",system-ui,sans-serif;--gmono:"Geist Mono",ui-monospace,monospace;--gbody:"Inter",system-ui,sans-serif;--gease:cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;border-radius:16px;width:100%;height:600px;font-family:var(--gbody);color:#fff;background:radial-gradient(62% 52% at 72% -10%,rgba(247,255,216,.11),transparent 60%),radial-gradient(42% 24% at 72% 86%,rgba(8,14,10,.5),transparent 72%),radial-gradient(90% 80% at 8% 4%,rgba(14,18,15,.4),transparent 60%),linear-gradient(to bottom,#2a4531,#264031 56%,#1e3527)}.xc-gal:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}.xc-gal .xin{position:relative;z-index:5;padding:54px;max-width:400px}.xc-gal .xlabel{font-family:var(--gmono);font-size:16px;color:#b7b7b7;letter-spacing:.6px}.xc-gal .xtitle{font-family:var(--gdisp);font-weight:800;color:var(--cream);font-size:clamp(1.9rem,3.2vw,40px);line-height:1.04;margin-top:14px;letter-spacing:-.01em}.xc-gal .xcopy{color:#dfe7df;margin-top:14px;line-height:1.5;font-size:16px}.xc-gal .xbtns{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}.xc-gal .xbtn{font-family:var(--gmono);font-size:15px;padding:11px 15px;border-radius:8px;text-decoration:none}.xc-gal .xbtn.p{background:var(--tang);color:#fff}.xc-gal .xbtn.g{color:#cdd6ce;border:1px solid rgba(205,214,206,.28)}.xc-gal .gal{position:absolute;right:0;top:0;bottom:0;width:56%;z-index:2;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.xc-gal .stage{position:absolute;left:0;top:50%;width:100%;height:0}.xc-gal .pc{position:absolute;left:0;top:0;width:212px;height:286px;margin:-143px 0 0 -106px;border-radius:12px;background:linear-gradient(160deg,#18271c,#0f1913);border:1px solid rgba(143,177,151,.2);box-shadow:0 34px 64px -30px #000000b3;overflow:hidden;will-change:transform,opacity;display:flex;flex-direction:column}.xc-gal .pc .art{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(120% 90% at 50% 20%,color-mix(in oklab,var(--tone,#8fb197) 16%,transparent),transparent 70%)}.xc-gal .pc .art svg{width:80%;height:80%;color:var(--tone,#cfe0d2);overflow:visible}.xc-gal .pc .plaque{border-top:1px solid rgba(143,177,151,.16);padding:12px 16px;display:flex;flex-direction:column;gap:2px;background:#0000002e}.xc-gal .pc .no{font-family:var(--gmono);font-size:10px;letter-spacing:.16em;color:var(--sage)}.xc-gal .pc .nm{font-family:var(--gdisp);font-weight:700;font-size:17px;color:var(--cream);line-height:1.05}.xc-gal .pc .dm{font-family:var(--gmono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#7f9a86}.xc-gal .pc.empty{background:linear-gradient(160deg,#20321f,#13211a);border-color:#ff6b3573}.xc-gal .pc.empty .art{background:radial-gradient(120% 90% at 50% 40%,rgba(255,107,53,.16),transparent 68%)}.xc-gal .pc.empty .slot{width:44px;height:44px;border:1.5px dashed rgba(255,107,53,.6);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--tang);font-family:var(--gmono);font-size:22px;transition:opacity .5s}.xc-gal .pc.empty .reveal{opacity:0;transform:translateY(10px);transition:opacity .6s var(--gease),transform .6s var(--gease)}.xc-gal .pc.empty.is-present .reveal{opacity:1;transform:none}.xc-gal .pc.empty.is-present .reveal.d1{transition-delay:.1s}.xc-gal .pc.empty.is-present .reveal.d2{transition-delay:.2s}.xc-gal .pc.empty.is-present .slot{opacity:0}.xc-gal .pc.empty .plaque .nm{color:var(--tang)}.xc-gal .pc.empty.is-present{box-shadow:0 44px 80px -28px #000000b8,0 0 0 1px #ff6b3533,0 0 60px -6px #ff6b3557}.xc-gal .pc.empty .art .rt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px;gap:6px}.xc-gal .pc.empty .art .rt .k{font-family:var(--gmono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--tang)}.xc-gal .pc.empty .art .rt .h{font-family:var(--gdisp);font-weight:800;font-size:26px;color:var(--cream);line-height:1}.xc-gal .pc.empty .art .rt .s{font-family:var(--gbody);font-size:12px;color:#cfe0d2}@media(prefers-reduced-motion:reduce){.xc-gal .pc.empty .reveal{transition:none}}@media(max-width:820px){.xc-gal{height:auto;display:flex;flex-direction:column}.xc-gal .xin{max-width:none;position:relative;order:1}.xc-gal .gal{position:relative;right:auto;top:auto;width:100%;height:320px;opacity:1;order:2}}
