/* ============================================================================ surface-a.css — MINTHEP, Surface A (the landing page, index.html) ---------------------------------------------------------------------------- Load order (fixed): tokens.css -> base.css -> components.css -> surface-a.css Optional 5th sheet on this page: css/lqip.css (blur-up placeholders). THE ONE HARD RULE FOR THIS FILE No colour, size, radius, duration or z-index LITERAL. var() or calc() over tokens, only. tools/check-routes.mjs check G greps this file for /#[0-9a-f]{3,8}/, raw `px` and bare `z-index:`. Where the design spec calls for a number that tokens.css does not carry (68px rows, 96px band, 200px ledger column), it is DERIVED in section 0 by calc() over --s-* / --bw-*. That is deliberate: the number stays exact and no literal enters the file. Not in this file (owned by components.css): nav, drawer, buttons, prose link, eyebrow, reveal, tables, icons, [data-anim], [data-cv], the footer shell. Surface A only ADDS what is specific to the landing page. --pearl-* is BANNED on this surface (Surface C only). The design spec's "1px --pearl-600 hairline" on the hero portrait is therefore rendered with --edge-all + --ink-700, which is the same read at the same tonal step. ============================================================================ MARKUP CONTRACT — the skeleton index.html is written against. ----------------------------------------------------------------------------
1 HERO ....................................................................

Kỹ sư phần mềm Full-Stack

Mai Tấn Thép

Kỹ sư phần mềm Full-Stack

…một câu ≤20 từ…

Xem dự án Tải CV

Năm
04
…3 items…
……
2 KINETIC BAND ............................................................ 3 SKILLS LEDGER ...........................................................

Bộ kỹ năng

Kỹ năng

Ngôn ngữ

  • 01 TypeScript Ngôn ngữ 4 năm
4 PROJECT PLATES ..........................................................
…
5 EXPERIENCE LEDGER · 6 SERVICES · 7 TESTIMONIALS · 8 FAQ · 9 CONTACT see the per-section headers below; each documents its own skeleton. 10 FOOTER —