Skip to content

Commit caccf67

Browse files
committed
feat: visual treatment — barriers severity arcs + cost panels, whynow convergence diagram
1 parent 1dd7fee commit caccf67

3 files changed

Lines changed: 397 additions & 77 deletions

File tree

assets/css/site.css

Lines changed: 46 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5071,7 +5071,7 @@ th,
50715071
}
50725072
.cases-grid--decisions .case-item {
50735073
display: grid !important;
5074-
grid-template-columns: 148px 1fr;
5074+
grid-template-columns: 240px 1fr;
50755075
align-items: stretch;
50765076
padding: 0 !important;
50775077
border-radius: 8px;
@@ -5101,6 +5101,51 @@ th,
51015101
background: rgba(0, 0, 0, 0.18);
51025102
text-align: center;
51035103
}
5104+
/* Visual panel replaces case-header as the left sidebar column */
5105+
.cases-grid--decisions .d-visual-panel {
5106+
display: flex !important;
5107+
flex-direction: column;
5108+
padding: 24px 20px;
5109+
border-right: 1px solid rgba(255, 255, 255, 0.07);
5110+
background: rgba(0, 0, 0, 0.22);
5111+
position: relative;
5112+
overflow: hidden;
5113+
min-width: 0;
5114+
}
5115+
.cases-grid--decisions .d-visual-panel::before {
5116+
content: '';
5117+
position: absolute;
5118+
top: 0; left: 0; right: 0;
5119+
height: 2px;
5120+
background: var(--case-accent);
5121+
opacity: 0.8;
5122+
}
5123+
.cases-grid--decisions .d-visual-num {
5124+
font-family: 'Bricolage Grotesque', sans-serif;
5125+
font-size: 48px;
5126+
font-weight: 800;
5127+
letter-spacing: -0.05em;
5128+
color: rgba(255,255,255,0.06);
5129+
line-height: 1;
5130+
margin-bottom: 2px;
5131+
}
5132+
.cases-grid--decisions .d-visual-tag {
5133+
font-family: 'Space Grotesk', sans-serif;
5134+
font-size: 9px;
5135+
font-weight: 700;
5136+
letter-spacing: 0.14em;
5137+
text-transform: uppercase;
5138+
color: var(--case-accent);
5139+
margin-bottom: 16px;
5140+
}
5141+
.cases-grid--decisions .d-vis-label {
5142+
font-size: 9px;
5143+
letter-spacing: 0.06em;
5144+
color: rgba(255,255,255,0.25);
5145+
text-transform: uppercase;
5146+
font-weight: 600;
5147+
margin-bottom: 8px;
5148+
}
51045149
.cases-grid--decisions .cn {
51055150
font-size: 28px !important;
51065151
font-weight: 800;

0 commit comments

Comments
 (0)