/* RYBY 20.8.0 — homepage gear portal */
.gear-portal {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
  gap: clamp(30px, 5vw, 76px);
  align-items: center;
  padding: clamp(58px, 7vw, 100px) max(24px, calc((100vw - 1220px) / 2));
  overflow: hidden;
  color: #eee9dc;
  background:
    radial-gradient(circle at 92% 12%, rgba(168, 179, 95, .09), transparent 32rem),
    linear-gradient(150deg, #0b2017, #06120d 68%);
  border-block: 1px solid rgba(226, 202, 132, .1);
}
.gear-portal::before { content: "LOADOUT"; position: absolute; right: -1vw; bottom: -2.5vw; color: rgba(236, 230, 215, .035); font: 900 clamp(75px, 13vw, 190px)/.8 system-ui; letter-spacing: -.06em; pointer-events: none; }
.gear-portal-media { min-height: 500px; position: relative; }
.gear-portal-media figure { position: absolute; margin: 0; overflow: hidden; border: 1px solid rgba(226, 202, 132, .13); border-radius: 18px; background: #07110c; box-shadow: 0 26px 60px rgba(0, 0, 0, .28); }
.gear-portal-media figure:nth-child(1) { inset: 0 18% 12% 0; }
.gear-portal-media figure:nth-child(2) { width: 42%; height: 46%; right: 0; top: 6%; }
.gear-portal-media figure:nth-child(3) { width: 45%; height: 39%; right: 3%; bottom: 0; }
.gear-portal-media img { width: 100%; height: 100%; display: block; object-fit: cover; filter: saturate(.78) contrast(1.06); }
.gear-portal-media figure::after { content: ""; position: absolute; inset: 48% 0 0; background: linear-gradient(180deg, transparent, rgba(3, 9, 6, .78)); }
.gear-portal-media figcaption { position: absolute; left: 15px; bottom: 14px; z-index: 2; color: #e1ddcf; font: 900 7px/1 system-ui; letter-spacing: .1em; }
.gear-portal-copy { position: relative; z-index: 2; }
.gear-portal-copy .eyebrow { margin-bottom: 15px; }
.gear-portal-copy h2 { margin: 0; color: #eee9dc; font: 500 clamp(48px, 6vw, 78px)/.92 Georgia, serif; letter-spacing: -.045em; }
.gear-portal-copy h2 em { display: block; color: #ead698; font-style: normal; }
.gear-portal-copy > p:not(.eyebrow) { max-width: 570px; margin: 22px 0 0; color: rgba(240, 234, 223, .62); font-size: 12px; line-height: 1.8; }
.gear-portal-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 26px; overflow: hidden; border: 1px solid rgba(226, 202, 132, .11); border-radius: 13px; background: rgba(226, 202, 132, .1); }
.gear-portal-stats span { min-width: 0; padding: 14px; background: rgba(6, 18, 13, .86); }
.gear-portal-stats strong { display: block; color: #e8dfc8; font: 500 24px/1 Georgia, serif; }
.gear-portal-stats small { display: block; margin-top: 6px; overflow: hidden; color: rgba(240, 234, 223, .43); font: 800 6px/1 system-ui; letter-spacing: .06em; text-overflow: ellipsis; white-space: nowrap; }
.gear-portal-actions { display: flex; align-items: center; gap: 19px; margin-top: 25px; }
.gear-portal-actions .gold-button { min-height: 48px; }
.gear-portal-actions span { color: rgba(240, 234, 223, .42); font: 800 7px/1 system-ui; letter-spacing: .08em; }
.gear-portal-actions span i { width: 6px; height: 6px; display: inline-block; margin-right: 5px; border-radius: 50%; background: #93ac72; box-shadow: 0 0 12px #93ac72; }
@media(max-width:900px){.gear-portal{grid-template-columns:1fr;padding-inline:20px}.gear-portal-media{min-height:440px;order:2}.gear-portal-copy{order:1}.gear-portal-copy>p:not(.eyebrow){max-width:680px}}
@media(max-width:560px){.gear-portal{padding:54px 14px}.gear-portal-media{min-height:380px}.gear-portal-media figure:nth-child(1){inset:0 12% 18% 0}.gear-portal-media figure:nth-child(2){width:46%;height:39%;top:4%}.gear-portal-media figure:nth-child(3){width:52%;height:41%;right:1%}.gear-portal-copy h2{font-size:49px}.gear-portal-stats span{padding:11px 8px}.gear-portal-actions{align-items:flex-start;flex-direction:column;gap:12px}}