diff --git a/site/css/sections.css b/site/css/sections.css index fcdac7d..0317238 100644 --- a/site/css/sections.css +++ b/site/css/sections.css @@ -572,50 +572,11 @@ .skill-row__head { display: grid; - grid-template-columns: 4rem 1fr; - gap: var(--space-md); - align-items: start; + grid-template-columns: 1fr; + gap: var(--space-xs); margin-block-end: var(--space-md); } -@media (max-width: 60rem) { - .skill-row__head { - grid-template-columns: 1fr; - gap: var(--space-xs); - } -} - -.skill-row__num { - font-family: var(--font-serif); - font-style: italic; - font-weight: 500; - font-size: clamp(3.5rem, 5vw + 0.5rem, 6rem); - line-height: 0.9; - color: var(--color-muted); - letter-spacing: -0.01em; - user-select: none; - padding-block-start: 0.05em; - font-feature-settings: "tnum"; -} - -@media (max-width: 60rem) { - .skill-row__num { display: none; } -} - -[data-theme="brutal"] .skill-row__num, -[data-theme="manifesto"] .skill-row__num, -[data-theme="terminal"] .skill-row__num, -[data-theme="sport"] .skill-row__num, -[data-theme="almanac"] .skill-row__num, -[data-theme="quiet"] .skill-row__num, -[data-theme="bloom"] .skill-row__num, -[data-theme="riso"] .skill-row__num { - font-family: var(--font-mono); - font-style: normal; - font-weight: 500; - font-size: clamp(3rem, 4.5vw + 0.4rem, 5rem); -} - .skill-row__head-body { display: grid; gap: var(--space-sm); @@ -709,28 +670,19 @@ grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--space-xl); align-items: start; - padding-inline-start: 4rem; } @media (max-width: 60rem) { .skill-row__body { grid-template-columns: 1fr; gap: var(--space-lg); - padding-inline-start: 0; } } -/* Full-width body — no right info column. Used by Refine + Redesign - so the before/after diptych takes the whole row width. */ +/* Full-width body — no right info column. Used by Redesign so the + before/after diptych takes the whole row width. */ .skill-row__body--full { grid-template-columns: 1fr; - padding-inline-start: 4rem; -} - -@media (max-width: 60rem) { - .skill-row__body--full { - padding-inline-start: 0; - } } .skill-row__demo { diff --git a/site/index.html b/site/index.html index b96fda1..6d3689c 100644 --- a/site/index.html +++ b/site/index.html @@ -342,7 +342,6 @@
Ask for a page. Get a page that doesn't look generated. Hallmark picks a macrostructure first, then dresses it — and refuses to repeat the same shape twice.
@@ -372,7 +371,6 @@Paste a design you admire. Hallmark reads its structure, not its pixels — and returns a 10-field DNA card you can build against. Never copies. Never claims to ID fonts.
@@ -407,7 +405,6 @@Point Hallmark at a page. Get a ranked punch list of what's wrong — scored against the anti-pattern catalogue. No edits. Just the diagnosis.
@@ -465,7 +462,6 @@Same content. Same brand. Different bones. Hallmark throws out the structural fingerprint and rebuilds with a deliberately different one — new section rhythm, new heading placement, new component voice.