TITLE: Oblique Type Foundry — an index set like a printed specimen PROMPT: Build a single self-contained HTML page: an International-Style portfolio for the fictional Oblique Type Foundry. Palette #fafafa paper, #111111 ink, #e30613 red, #8f8f8f grey, #f2f2f2 panel; red is reserved for rules, hover states and one letter in the headline. Shell max-width 1440px with padding clamp(16px,4.4vw,72px) and gap clamp(10px,1.4vw,22px); every block is a 12-column CSS grid with the same gap so everything aligns to one rhythm. A fixed guide layer sits above the content (z-index 1, pointer-events none) mirroring the 12 columns with 1px rgba(17,17,17,.08) hairlines, a tiny monospace column number in the top-left of each cell and a soft red gradient at the top of each column; body.guides-off scales every column to scaleY(0) with a .5s ease for a clean draw-out. Sticky header: foundry wordmark "OBLIQUE.TYPE" (red period) in uppercase 700, a monospace "Foundry · Basel" meta, three monospace uppercase nav links with a red underline that grows on hover, and a pill "Guides · G" button that inverts to red when pressed. Hero: an 11px tracked kicker, then a display headline at clamp(3rem,9vw,7rem), weight 700, line-height .86, letter-spacing -.045em, uppercase, with "long" set in red on its own line; a 44ch lede at clamp(14px,1.5vw,18px) and a right-aligned monospace stat block (drawings, languages, update date). Index: a black hairline with "Index of Specimens" and a monospace counter; eight rows built in JS, each a full-width grid button — monospace number 01–08, a clamp(1.5rem,3.6vw,3rem) 700 uppercase family name, category, year and a colour swatch (ink, grey, red, panel) that sits at scale(.82) and grows to 1 on hover. A 2px red rule scales from scaleX(0) to 1 along the bottom of every row on hover, focus-within or open. Clicking a row expands an inline case study (max-height tween measured from scrollHeight): a two-column body paragraph, a monospace spec list (weights, widths, glyphs, coverage, variable) with hairline dividers, a 14-glyph display run where every third glyph is red and every fifth grey, and a row of outlined tag pills. Staggered row entrances use the individual `translate` property (0 22px → 0), never opacity. Footer: a black hairline, a huge 700 uppercase call to action with a red underline, a monospace address block and a colophon row. Reduced motion disables the row stagger, scroll smoothing and hover transforms. Everything inline: one