/* Intelligres — generated from Intelligres Site.dc.html */
* { box-sizing: border-box; }
body { margin: 0; background: #12161c; color: #ffffff; font-family: 'IBM Plex Sans', system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
a { color: var(--accent, #f5d86a); text-decoration: none; }
a:hover { color: var(--accent-hi, #faeaa8); }
h1, h2, h3 { margin: 0; font-weight: 600; letter-spacing: -0.02em; text-wrap: pretty; }
p { margin: 0; }
ul { margin: 0; padding: 0; list-style: none; }
summary { list-style: none; cursor: pointer; }
summary::-webkit-details-marker { display: none; }

.x1:hover { border-color: var(--accent, #f5d86a) !important; color: var(--accent, #f5d86a) !important; }
.x2::before { content: ''; position: absolute; z-index: -1; left: 50%; top: 50%; width: calc(clamp(min(300px, 90vw), calc((100vh - 340px) * 1.49), min(1100px, 92vw)) * 1.1); aspect-ratio: 1000 / 670; transform: translate(-50%, -50%); background: url('assets/intelligres-bg-v2.svg') center / contain no-repeat; opacity: 0.6; pointer-events: none; }
.x3:hover { border-color: var(--accent, #f5d86a) !important; color: #ffffff !important; }
.x4:hover { border-color: var(--accent, #f5d86a) !important; color: #ffffff !important; }
.x5:hover { border-color: var(--accent, #f5d86a) !important; color: #ffffff !important; }
.x6:hover { background: var(--accent-hi, #faeaa8) !important; color: #12161c !important; }
.x7:hover { border-color: var(--accent, #f5d86a) !important; color: var(--accent, #f5d86a) !important; }
.x8:hover { background: var(--accent-hi, #faeaa8) !important; }