Genjiko Hub

.genjiko-hub-section,
.genjiko-hub-section * {
box-sizing: border-box;
}

.genjiko-hub-section {
margin: 38px 0 34px;
}

.genjiko-hub-header {
margin: 0 0 18px;
text-align: center;
}

.genjiko-hub-eyebrow {
margin: 0 0 10px;
color: #595959;
font-size: .82rem;
letter-spacing: .12em;
text-transform: uppercase;
}

.genjiko-hub-title {
margin: 0 0 10px;
color: #111111;
font-size: 2rem;
line-height: 1.15;
}

.genjiko-hub-intro,
.genjiko-hub-footer {
max-width: 860px;
margin: 0 auto;
color: #7f7f7f;
font-size: 1.02rem;
line-height: 1.7;
}

.genjiko-hub-footer {
margin-top: 18px;
color: #595959;
font-size: .95rem;
text-align: center;
}

.genjiko-hub-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
margin-top: 24px;
}

.genjiko-hub-card {
min-width: 0;
padding: 20px;
border: 1px solid rgba(200, 168, 106, .14);
border-radius: 8px;
background: linear-gradient(180deg, rgba(18, 18, 22, .98), rgba(15, 15, 19, .98));
box-shadow: 0 18px 60px rgba(0, 0, 0, .32);
color: rgba(233, 226, 214, .72);
font-family: Georgia, “Times New Roman”, serif;
}

.genjiko-hub-card h3 {
margin: 0 0 10px;
color: #e9e2d6;
font-family: Georgia, “Times New Roman”, serif;
font-size: 1.18rem;
line-height: 1.2;
}

.genjiko-hub-card p {
margin: 0 0 14px;
color: rgba(233, 226, 214, .72);
font-family: Georgia, “Times New Roman”, serif;
line-height: 1.65;
}

.genjiko-hub-card p:last-of-type {
margin-bottom: 14px;
}

.genjiko-hub-card strong {
color: #e9e2d6;
}

.genjiko-hub-kicker {
display: inline-block;
margin-bottom: 10px;
padding: 4px 8px;
border-radius: 6px;
font-size: 11px;
font-weight: 600;
letter-spacing: .08em;
text-transform: uppercase;
}

.genjiko-hub-kicker–gold {
background: rgba(198, 154, 88, .15);
color: #c69a58;
}

.genjiko-hub-kicker–blue {
background: rgba(100, 180, 255, .15);
color: #64b4ff;
}

.genjiko-hub-kicker–green {
background: rgba(132, 204, 160, .16);
color: #8cd6a7;
}

.genjiko-hub-kicker–neutral {
background: rgba(255, 255, 255, .08);
color: #d6d1c7;
}

.genjiko-hub-meta {
margin-bottom: 14px;
color: rgba(233, 226, 214, .56);
font-size: .9rem;
}

.genjiko-hub-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}

.genjiko-hub-button {
display: inline-flex;
align-items: center;
justify-content: center;
max-width: 100%;
min-height: auto;
padding: 10px 14px;
border-radius: 8px;
font-size: .94rem;
font-weight: 600;
line-height: 1.2;
overflow-wrap: break-word;
text-align: center;
text-decoration: none;
text-orientation: mixed;
white-space: normal;
word-break: normal;
writing-mode: horizontal-tb;
}

.genjiko-hub-button–primary {
border: 1px solid rgba(200, 168, 106, .22);
background: linear-gradient(135deg, rgba(200, 168, 106, 1), rgba(200, 168, 106, .72));
color: #0b0b0d;
}

.genjiko-hub-button–secondary {
border: 1px solid rgba(200, 168, 106, .18);
background: rgba(255, 255, 255, .03);
color: #e9e2d6;
}

@media (max-width: 1200px) {
.genjiko-hub-section {
overflow: hidden;
padding: 0 12px;
}

.genjiko-hub-grid {
display: block;
width: 100%;
}

.genjiko-hub-card {
display: block;
width: 100%;
max-width: 100%;
margin: 0 0 16px;
padding: 16px;
}

.genjiko-hub-card h3 {
font-size: 1.08rem;
}

.genjiko-hub-card p {
font-size: .96rem;
line-height: 1.55;
}

.genjiko-hub-actions {
display: block;
}

.genjiko-hub-button {
display: flex;
width: 100%;
margin: 0 0 10px;
}

.genjiko-hub-button:last-child {
margin-bottom: 0;
}
}