/* ================================ GoatMountain — Premium Company Block ================================ */ .gm-company { --gm-bg: rgba(10, 10, 12, 0.72); --gm-bg2: rgba(255,255,255,0.03); --gm-border: rgba(255,255,255,0.10); --gm-border2: rgba(255,255,255,0.06); --gm-text: rgba(255,255,255,0.92); --gm-muted: rgba(255,255,255,0.70); /* Premium gold (soft, not “bling”) */ --gm-gold: rgba(213, 179, 107, 0.95); --gm-gold2: rgba(213, 179, 107, 0.22); margin: 26px 0; padding: 18px 18px 16px; border-radius: 18px; position: relative; overflow: hidden; color: var(--gm-text); background: radial-gradient(1100px 280px at 15% 0%, var(--gm-gold2), transparent 60%), radial-gradient(900px 260px at 85% 10%, rgba(255,255,255,.08), transparent 55%), linear-gradient(180deg, var(--gm-bg2), rgba(255,255,255,0.015)), var(--gm-bg); border: 1px solid var(--gm-border); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 20px 55px rgba(0,0,0,.55), 0 2px 0 rgba(255,255,255,0.03) inset; } /* Border glow (subtle) */ .gm-company::before { content: ""; position: absolute; inset: -2px; background: linear-gradient(90deg, transparent, rgba(213,179,107,.35), transparent); opacity: .28; filter: blur(12px); transform: translateY(-48%); pointer-events: none; } /* Top accent line */ .gm-company::after { content: ""; position: absolute; left: 14px; right: 14px; top: 12px; height: 1px; background: linear-gradient(90deg, transparent, rgba(213,179,107,.55), transparent); opacity: .55; pointer-events: none; } .gm-company__head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 10px; } .gm-company__title { margin: 0; font-size: 13px; letter-spacing: .18em; text-transform: uppercase; font-weight: 900; color: rgba(255,255,255,0.88); } .gm-company__mark { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; color: rgba(213,179,107,0.92); opacity: .95; white-space: nowrap; } /* Premium mountain divider */ .gm-company__mountain { width: 100%; height: 52px; display: block; margin: 6px 0 14px; } .gm-company__mountain .ridge { fill: none; stroke: rgba(213,179,107,0.95); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 10px 26px rgba(0,0,0,.6)); } .gm-company__mountain .snow { fill: rgba(255,255,255,0.10); } .gm-company__grid { display: grid; grid-template-columns: 1fr; gap: 10px; } .gm-company__row { display: grid; grid-template-columns: 16px 1fr; gap: 12px; align-items: start; padding: 12px 12px; border-radius: 14px; border: 1px solid var(--gm-border2); background: rgba(0,0,0,0.22); box-shadow: 0 1px 0 rgba(255,255,255,0.03) inset; } /* Minimal premium “dot” icon */ .gm-company__dot { width: 10px; height: 10px; border-radius: 999px; margin-top: 5px; background: rgba(213,179,107,0.9); box-shadow: 0 0 0 4px rgba(213,179,107,0.10), 0 10px 26px rgba(0,0,0,.45); } .gm-company__label { margin: 0 0 3px; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; font-weight: 900; color: var(--gm-muted); } .gm-company__value { margin: 0; font-size: 14px; line-height: 1.5; font-weight: 650; color: rgba(255,255,255,0.92); } .gm-company__value strong { font-weight: 900; letter-spacing: .02em; } .gm-company a { color: rgba(255,255,255,0.95); text-decoration: none; border-bottom: 1px solid rgba(213,179,107,0.55); padding-bottom: 1px; } .gm-company a:hover { border-bottom-color: rgba(213,179,107,0.95); } .gm-company__badge { display: inline-flex; align-items: center; gap: 8px; margin-top: 12px; padding: 9px 12px; border-radius: 999px; border: 1px solid rgba(213,179,107,.28); background: rgba(213,179,107,.08); color: rgba(213,179,107,.95); font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; } /* Slightly tighter on mobile */ @media (max-width: 640px) { .gm-company { padding: 16px 14px 14px; border-radius: 16px; } .gm-company__row { padding: 10px 10px; } .gm-company__mountain { height: 46px; } }