@supersoniks/concorde 5.1.1 → 5.1.3-immutable.1

package/.taste-skill/prod/report.json

@@ -1,1973 +0,0 @@
-{
- "url": "/tmp/claude-1000/-usr2-sites-concorde/96361c46-4223-49ad-ba53-79b94852041f/scratchpad/docs-prod/index.html",
- "at": "2026-10-25T16:31:06.974Z",
- "allow": [],
- "viewports": [
-  {
-   "width": 1440,
-   "height": 900,
-   "load": "load",
-   "screens": 10,
-   "filled": [
-    0.44,
-    0.49,
-    0.65,
-    0.39,
-    0.43,
-    0.33,
-    0.46,
-    0.56,
-    0.28,
-    0.23
-   ],
-   "motion": {
-    "elements": 22,
-    "css": 8,
-    "transitions": 14,
-    "scripted": 0,
-    "videos": 1,
-    "playingVideos": 1
-   },
-   "metrics": {
-    "viewport": {
-     "w": 1440,
-     "h": 900
-    },
-    "page": {
-     "height": 8116,
-     "screens": 9,
-     "words": 698,
-     "img": 1,
-     "video": 1,
-     "canvas": 0,
-     "svg": 0,
-     "sections": 5,
-     "horizontalOverflow": 0,
-     "overflowCulprits": [],
-     "uiFragments": 3,
-     "uiAbuse": false,
-     "realPictures": 2,
-     "videoCount": 1,
-     "uiPictures": 2,
-     "pictureSamples": [
-      "24-02-69-concorde-roule-1969.jpg"
-     ],
-     "blendText": 0,
-     "sideScrollers": 0,
-     "brokenImages": [],
-     "emoji": [],
-     "videosNoPoster": 0
-    },
-    "hero": {
-     "text": "Web components for every stack.",
-     "words": 5,
-     "chars": 31,
-     "lines": 2,
-     "size": 97,
-     "vw": 6.7,
-     "font": "Schibsted Grotesk",
-     "weight": 800,
-     "tracking": -0.05,
-     "leading": 0.88,
-     "upper": false,
-     "italic": false,
-     "mono": false,
-     "align": "left",
-     "position": "left",
-     "widthRatio": 0.62,
-     "top": 138,
-     "tag": "h1",
-     "kind": "heading"
-    },
-    "h1": {
-     "text": "Web components for every stack.",
-     "words": 5,
-     "lines": 2,
-     "size": 97,
-     "font": "Schibsted Grotesk"
-    },
-    "headings": [
-     {
-      "text": "Web components for every stack.",
-      "words": 5,
-      "chars": 31,
-      "lines": 2,
-      "size": 97,
-      "vw": 6.7,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.05,
-      "leading": 0.88,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.62,
-      "top": 138,
-      "tag": "h1",
-      "kind": "heading"
-     },
-     {
-      "text": "CDG",
-      "words": 1,
-      "chars": 3,
-      "lines": 1,
-      "size": 48,
-      "vw": 3.3,
-      "font": "Schibsted Grotesk",
-      "weight": 400,
-      "tracking": 0,
-      "leading": 1,
-      "upper": true,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.07,
-      "top": 710,
-      "tag": "div",
-      "kind": "heading"
-     },
-     {
-      "text": "JFK",
-      "words": 1,
-      "chars": 3,
-      "lines": 1,
-      "size": 48,
-      "vw": 3.3,
-      "font": "Schibsted Grotesk",
-      "weight": 400,
-      "tracking": 0,
-      "leading": 1,
-      "upper": true,
-      "italic": false,
-      "mono": false,
-      "align": "right",
-      "position": "right",
-      "widthRatio": 0.06,
-      "top": 710,
-      "tag": "div",
-      "kind": "heading"
-     },
-     {
-      "text": "41 components, one tag each.",
-      "words": 5,
-      "chars": 28,
-      "lines": 2,
-      "size": 68,
-      "vw": 4.7,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.34,
-      "top": 1073,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Plumbing in attributes.",
-      "words": 3,
-      "chars": 23,
-      "lines": 2,
-      "size": 68,
-      "vw": 4.7,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "right",
-      "widthRatio": 0.5,
-      "top": 2793,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Why we built it.",
-      "words": 4,
-      "chars": 16,
-      "lines": 1,
-      "size": 68,
-      "vw": 4.7,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.38,
-      "top": 5435,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Take your project supersonic.",
-      "words": 4,
-      "chars": 29,
-      "lines": 1,
-      "size": 68,
-      "vw": 4.7,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.94,
-      "top": 6935,
-      "tag": "h2",
-      "kind": "heading"
-     }
-    ],
-    "headingSummary": {
-     "count": 7,
-     "maxLines": 2,
-     "over2Lines": 0,
-     "statements": 0,
-     "centered": 0,
-     "medianWords": 4,
-     "mixedFontHeadings": 0
-    },
-    "type": {
-     "families": [
-      {
-       "family": "Schibsted Grotesk",
-       "share": 0.9,
-       "mono": false
-      },
-      {
-       "family": "ui-monospace",
-       "share": 0.1,
-       "mono": false
-      }
-     ],
-     "familyCount": 2,
-     "sizes": [
-      14,
-      16,
-      18,
-      19,
-      26,
-      68,
-      97
-     ],
-     "sizeCount": 7,
-     "notLoaded": [],
-     "body": {
-      "font": "Schibsted Grotesk",
-      "size": 19,
-      "leading": 1.45,
-      "weight": 400,
-      "tracking": 0,
-      "contrast": 15.4
-     },
-     "measureChars": 64,
-     "max": {
-      "size": 97,
-      "vw": 6.7,
-      "font": "Schibsted Grotesk",
-      "text": "Web componentsfor every stack."
-     },
-     "monoShare": 0.1,
-     "monoProseShare": 0,
-     "monoFamilies": [
-      "ui-monospace"
-     ],
-     "monoSamples": [],
-     "microLabels": 0,
-     "microLabelShare": 0,
-     "microSamples": [],
-     "upperShare": 0.01,
-     "centerShare": 0,
-     "smallText": 0
-    },
-    "eyebrows": [],
-    "numbered": [],
-    "color": {
-     "bodyBg": "#e9e8e4",
-     "bodyBgHsl": {
-      "h": 48,
-      "s": 0.1,
-      "l": 0.9
-     },
-     "dark": false,
-     "sectionBgs": [
-      {
-       "color": "#ff4f00",
-       "top": 381,
-       "hsl": {
-        "h": 19,
-        "s": 1,
-        "l": 0.5
-       }
-      },
-      {
-       "color": "#111111",
-       "top": 2793,
-       "hsl": {
-        "h": 0,
-        "s": 0,
-        "l": 0.07
-       }
-      }
-     ],
-     "textColors": [
-      {
-       "color": "#111111",
-       "share": 0.97
-      },
-      {
-       "color": "#e9e8e4",
-       "share": 0.02
-      },
-      {
-       "color": "#ffffff",
-       "share": 0
-      },
-      {
-       "color": "#e8501c",
-       "share": 0
-      }
-     ],
-     "button": null,
-     "lowContrast": []
-    },
-    "buttons": {
-     "count": 0,
-     "inHero": 0,
-     "withShadow": 0,
-     "withGradient": 0,
-     "mono": 0,
-     "upper": 0,
-     "heroLabels": []
-    },
-    "surfaces": {
-     "shadowStatic": 0,
-     "shadowOverlay": 0,
-     "shadowSamples": [],
-     "gradients": 0,
-     "scrims": 0,
-     "gradientSamples": [],
-     "gradientText": 0,
-     "hairlines": 0,
-     "hairlineSamples": [],
-     "outlinedBoxes": 0,
-     "dashed": 0,
-     "blurred": 0,
-     "roundedBoxes": 0,
-     "boxRadius": 0,
-     "squareMedia": 2,
-     "roundedMedia": 0,
-     "mediaRadius": 0,
-     "textShadow": 0,
-     "cardRows": [
-      {
-       "count": 20,
-       "iconTopped": false,
-       "rounded": false,
-       "top": 1258
-      }
-     ]
-    },
-    "heroMedia": [],
-    "nav": {
-     "links": 0,
-     "fixed": false,
-     "height": 20,
-     "floatingPill": false,
-     "blur": false
-    },
-    "fontsLoaded": [
-     "schibsted grotesk"
-    ]
-   },
-   "layout": {
-    "viewport": {
-     "w": 1440,
-     "h": 900
-    },
-    "pageH": 8116,
-    "margins": {
-     "left": 40,
-     "right": 65
-    },
-    "sections": [
-     {
-      "sel": "section.hero",
-      "tag": "section",
-      "top": 66,
-      "height": 830,
-      "words": 56,
-      "media": 0,
-      "middle": 144,
-      "heading": {
-       "text": "Web components",
-       "size": 97,
-       "tag": "h1"
-      },
-      "left": 40,
-      "right": 167,
-      "textLeft": 40,
-      "textRight": 167,
-      "fullBleed": false,
-      "footer": false,
-      "hero": true,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "div.index-head.is-visible",
-      "tag": "div",
-      "top": 1073,
-      "height": 129,
-      "words": 2,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 1265,
-      "right": 59,
-      "textLeft": 1265,
-      "textRight": 59,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.index-body",
-      "tag": "div",
-      "top": 1258,
-      "height": 1357,
-      "words": 304,
-      "media": 0,
-      "middle": 110,
-      "heading": null,
-      "left": 61,
-      "right": 57,
-      "textLeft": 61,
-      "textRight": 57,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "section.instruments",
-      "tag": "section",
-      "top": 2793,
-      "height": 2464,
-      "words": 145,
-      "media": 0,
-      "middle": 188,
-      "heading": {
-       "text": "Plumbing in attributes.",
-       "size": 68,
-       "tag": "h2"
-      },
-      "left": 116,
-      "right": 104,
-      "textLeft": 116,
-      "textRight": 104,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": true
-     },
-     {
-      "sel": "div.letter",
-      "tag": "div",
-      "top": 5435,
-      "height": 513,
-      "words": 115,
-      "media": 0,
-      "middle": 0,
-      "heading": {
-       "text": "The Supersoniks team",
-       "size": 26,
-       "tag": "p"
-      },
-      "left": 644,
-      "right": 190,
-      "textLeft": 644,
-      "textRight": 190,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "figure.story-figure.settle",
-      "tag": "figure",
-      "top": 6034,
-      "height": 723,
-      "words": 12,
-      "media": 1,
-      "middle": 0,
-      "heading": null,
-      "left": 40,
-      "right": 951,
-      "textLeft": 40,
-      "textRight": 951,
-      "fullBleed": true,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "section.takeoff",
-      "tag": "section",
-      "top": 6758,
-      "height": 1056,
-      "words": 34,
-      "media": 1,
-      "middle": 0,
-      "heading": {
-       "text": "Take your project supersonic.",
-       "size": 68,
-       "tag": "h2"
-      },
-      "left": 40,
-      "right": 257,
-      "textLeft": 40,
-      "textRight": 257,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "footer.home-footer",
-      "tag": "footer",
-      "top": 7813,
-      "height": 302,
-      "words": 47,
-      "media": 0,
-      "middle": 88,
-      "heading": null,
-      "left": 40,
-      "right": 40,
-      "textLeft": 40,
-      "textRight": 40,
-      "fullBleed": false,
-      "footer": true,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     }
-    ],
-    "gaps": [],
-    "h1s": [
-     {
-      "text": "Web components for every stack.",
-      "size": 97,
-      "top": 138,
-      "firstScreen": true
-     }
-    ],
-    "edgeText": [],
-    "edges": [
-     {
-      "x": 40,
-      "n": 7
-     },
-     {
-      "x": 640,
-      "n": 5
-     },
-     {
-      "x": 792,
-      "n": 5
-     }
-    ],
-    "leftBlocks": 17,
-    "bodySize": 14,
-    "stage": false,
-    "explains": true,
-    "slivers": [],
-    "voidShare": 0.23,
-    "voidBox": {
-     "x": 900,
-     "y": 120,
-     "w": 540,
-     "h": 540
-    }
-   },
-   "app": null,
-   "consoleErrors": []
-  },
-  {
-   "width": 768,
-   "height": 1024,
-   "load": "load",
-   "screens": 9,
-   "filled": [
-    0.47,
-    0.55,
-    0.61,
-    0.66,
-    0.48,
-    0.23,
-    0.48,
-    0.72,
-    0.46
-   ],
-   "motion": {
-    "elements": 22,
-    "css": 8,
-    "transitions": 14,
-    "scripted": 0,
-    "videos": 1,
-    "playingVideos": 1
-   },
-   "metrics": {
-    "viewport": {
-     "w": 768,
-     "h": 1024
-    },
-    "page": {
-     "height": 9067,
-     "screens": 8.9,
-     "words": 698,
-     "img": 1,
-     "video": 1,
-     "canvas": 0,
-     "svg": 0,
-     "sections": 5,
-     "horizontalOverflow": 0,
-     "overflowCulprits": [],
-     "uiFragments": 3,
-     "uiAbuse": false,
-     "realPictures": 2,
-     "videoCount": 1,
-     "uiPictures": 2,
-     "pictureSamples": [
-      "24-02-69-concorde-roule-1969.jpg"
-     ],
-     "blendText": 0,
-     "sideScrollers": 0,
-     "brokenImages": [],
-     "emoji": [],
-     "videosNoPoster": 0
-    },
-    "hero": {
-     "text": "Web components for every stack.",
-     "words": 5,
-     "chars": 31,
-     "lines": 2,
-     "size": 60.7,
-     "vw": 7.9,
-     "font": "Schibsted Grotesk",
-     "weight": 800,
-     "tracking": -0.05,
-     "leading": 0.88,
-     "upper": false,
-     "italic": false,
-     "mono": false,
-     "align": "left",
-     "position": "center",
-     "widthRatio": 0.94,
-     "top": 148,
-     "tag": "h1",
-     "kind": "heading"
-    },
-    "h1": {
-     "text": "Web components for every stack.",
-     "words": 5,
-     "lines": 2,
-     "size": 60.7,
-     "font": "Schibsted Grotesk"
-    },
-    "headings": [
-     {
-      "text": "Web components for every stack.",
-      "words": 5,
-      "chars": 31,
-      "lines": 2,
-      "size": 60.7,
-      "vw": 7.9,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.05,
-      "leading": 0.88,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.94,
-      "top": 148,
-      "tag": "h1",
-      "kind": "heading"
-     },
-     {
-      "text": "CDG",
-      "words": 1,
-      "chars": 3,
-      "lines": 1,
-      "size": 48,
-      "vw": 6.3,
-      "font": "Schibsted Grotesk",
-      "weight": 400,
-      "tracking": 0,
-      "leading": 1,
-      "upper": true,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.13,
-      "top": 914,
-      "tag": "div",
-      "kind": "heading"
-     },
-     {
-      "text": "JFK",
-      "words": 1,
-      "chars": 3,
-      "lines": 1,
-      "size": 48,
-      "vw": 6.3,
-      "font": "Schibsted Grotesk",
-      "weight": 400,
-      "tracking": 0,
-      "leading": 1,
-      "upper": true,
-      "italic": false,
-      "mono": false,
-      "align": "right",
-      "position": "right",
-      "widthRatio": 0.11,
-      "top": 914,
-      "tag": "div",
-      "kind": "heading"
-     },
-     {
-      "text": "41 components, one tag each.",
-      "words": 5,
-      "chars": 28,
-      "lines": 2,
-      "size": 47,
-      "vw": 6.1,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.44,
-      "top": 1247,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Plumbing in attributes.",
-      "words": 3,
-      "chars": 23,
-      "lines": 1,
-      "size": 47,
-      "vw": 6.1,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 1,
-      "top": 4219,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Why we built it.",
-      "words": 4,
-      "chars": 16,
-      "lines": 1,
-      "size": 47,
-      "vw": 6.1,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.94,
-      "top": 6365,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Take your project supersonic.",
-      "words": 4,
-      "chars": 29,
-      "lines": 1,
-      "size": 47,
-      "vw": 6.1,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.94,
-      "top": 7461,
-      "tag": "h2",
-      "kind": "heading"
-     }
-    ],
-    "headingSummary": {
-     "count": 7,
-     "maxLines": 2,
-     "over2Lines": 0,
-     "statements": 0,
-     "centered": 0,
-     "medianWords": 4,
-     "mixedFontHeadings": 0
-    },
-    "type": {
-     "families": [
-      {
-       "family": "Schibsted Grotesk",
-       "share": 0.9,
-       "mono": false
-      },
-      {
-       "family": "ui-monospace",
-       "share": 0.1,
-       "mono": false
-      }
-     ],
-     "familyCount": 2,
-     "sizes": [
-      14,
-      16,
-      18,
-      23,
-      47,
-      61
-     ],
-     "sizeCount": 6,
-     "notLoaded": [],
-     "body": {
-      "font": "Schibsted Grotesk",
-      "size": 17.9,
-      "leading": 1.45,
-      "weight": 400,
-      "tracking": 0,
-      "contrast": 15.4
-     },
-     "measureChars": 68,
-     "max": {
-      "size": 60.7,
-      "vw": 7.9,
-      "font": "Schibsted Grotesk",
-      "text": "Web componentsfor every stack."
-     },
-     "monoShare": 0.1,
-     "monoProseShare": 0,
-     "monoFamilies": [
-      "ui-monospace"
-     ],
-     "monoSamples": [],
-     "microLabels": 0,
-     "microLabelShare": 0,
-     "microSamples": [],
-     "upperShare": 0.01,
-     "centerShare": 0,
-     "smallText": 0
-    },
-    "eyebrows": [],
-    "numbered": [],
-    "color": {
-     "bodyBg": "#e9e8e4",
-     "bodyBgHsl": {
-      "h": 48,
-      "s": 0.1,
-      "l": 0.9
-     },
-     "dark": false,
-     "sectionBgs": [
-      {
-       "color": "#ff4f00",
-       "top": 586,
-       "hsl": {
-        "h": 19,
-        "s": 1,
-        "l": 0.5
-       }
-      },
-      {
-       "color": "#111111",
-       "top": 4296,
-       "hsl": {
-        "h": 0,
-        "s": 0,
-        "l": 0.07
-       }
-      },
-      {
-       "color": "#e9e8e4",
-       "top": 4328,
-       "hsl": {
-        "h": 48,
-        "s": 0.1,
-        "l": 0.9
-       }
-      }
-     ],
-     "textColors": [
-      {
-       "color": "#111111",
-       "share": 0.97
-      },
-      {
-       "color": "#e9e8e4",
-       "share": 0.02
-      },
-      {
-       "color": "#ffffff",
-       "share": 0
-      },
-      {
-       "color": "#e8501c",
-       "share": 0
-      }
-     ],
-     "button": null,
-     "lowContrast": []
-    },
-    "buttons": {
-     "count": 0,
-     "inHero": 0,
-     "withShadow": 0,
-     "withGradient": 0,
-     "mono": 0,
-     "upper": 0,
-     "heroLabels": []
-    },
-    "surfaces": {
-     "shadowStatic": 0,
-     "shadowOverlay": 0,
-     "shadowSamples": [],
-     "gradients": 0,
-     "scrims": 1,
-     "gradientSamples": [],
-     "gradientText": 0,
-     "hairlines": 0,
-     "hairlineSamples": [],
-     "outlinedBoxes": 0,
-     "dashed": 0,
-     "blurred": 0,
-     "roundedBoxes": 0,
-     "boxRadius": 0,
-     "squareMedia": 2,
-     "roundedMedia": 0,
-     "mediaRadius": 0,
-     "textShadow": 0,
-     "cardRows": [
-      {
-       "count": 27,
-       "iconTopped": false,
-       "rounded": false,
-       "top": 1393
-      }
-     ]
-    },
-    "heroMedia": [],
-    "nav": {
-     "links": 0,
-     "fixed": false,
-     "height": 20,
-     "floatingPill": false,
-     "blur": false
-    },
-    "fontsLoaded": [
-     "schibsted grotesk"
-    ]
-   },
-   "layout": {
-    "viewport": {
-     "w": 768,
-     "h": 1024
-    },
-    "pageH": 9067,
-    "margins": {
-     "left": 24,
-     "right": 43
-    },
-    "sections": [
-     {
-      "sel": "section.hero",
-      "tag": "section",
-      "top": 66,
-      "height": 1064,
-      "words": 56,
-      "media": 0,
-      "middle": 20,
-      "heading": {
-       "text": "Web components",
-       "size": 61,
-       "tag": "h1"
-      },
-      "left": 24,
-      "right": 137,
-      "textLeft": 24,
-      "textRight": 137,
-      "fullBleed": false,
-      "footer": false,
-      "hero": true,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "section.index",
-      "tag": "section",
-      "top": 1130,
-      "height": 2972,
-      "words": 311,
-      "media": 0,
-      "middle": 50,
-      "heading": {
-       "text": "41 components,",
-       "size": 47,
-       "tag": "h2"
-      },
-      "left": 24,
-      "right": 41,
-      "textLeft": 24,
-      "textRight": 41,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-field",
-      "tag": "div",
-      "top": 4296,
-      "height": 523,
-      "words": 35,
-      "media": 0,
-      "middle": 43,
-      "heading": {
-       "text": "Departures",
-       "size": 23,
-       "tag": "span"
-      },
-      "left": 140,
-      "right": 140,
-      "textLeft": 140,
-      "textRight": 140,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-blocks",
-      "tag": "div",
-      "top": 4819,
-      "height": 1429,
-      "words": 107,
-      "media": 0,
-      "middle": 0,
-      "heading": {
-       "text": "Bind state without glue.",
-       "size": 23,
-       "tag": "p"
-      },
-      "left": 24,
-      "right": 223,
-      "textLeft": 24,
-      "textRight": 223,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "section.story",
-      "tag": "section",
-      "top": 6248,
-      "height": 1096,
-      "words": 131,
-      "media": 1,
-      "middle": 0,
-      "heading": {
-       "text": "Why we built it.",
-       "size": 47,
-       "tag": "h2"
-      },
-      "left": 24,
-      "right": 139,
-      "textLeft": 24,
-      "textRight": 139,
-      "fullBleed": true,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "section.takeoff",
-      "tag": "section",
-      "top": 7344,
-      "height": 1461,
-      "words": 34,
-      "media": 1,
-      "middle": 0,
-      "heading": {
-       "text": "Take your project supersonic.",
-       "size": 47,
-       "tag": "h2"
-      },
-      "left": 24,
-      "right": 24,
-      "textLeft": 24,
-      "textRight": 107,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "footer.home-footer",
-      "tag": "footer",
-      "top": 8804,
-      "height": 262,
-      "words": 47,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 24,
-      "right": 24,
-      "textLeft": 24,
-      "textRight": 24,
-      "fullBleed": false,
-      "footer": true,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     }
-    ],
-    "gaps": [
-     {
-      "top": 440,
-      "height": 348
-     },
-     {
-      "top": 5572,
-      "height": 344
-     }
-    ],
-    "h1s": [
-     {
-      "text": "Web components for every stack.",
-      "size": 61,
-      "top": 148,
-      "firstScreen": true
-     }
-    ],
-    "edgeText": [],
-    "edges": [
-     {
-      "x": 24,
-      "n": 17
-     }
-    ],
-    "leftBlocks": 17,
-    "bodySize": 14,
-    "stage": false,
-    "explains": false,
-    "slivers": [],
-    "voidShare": 0,
-    "voidBox": null
-   },
-   "app": null,
-   "consoleErrors": []
-  },
-  {
-   "width": 390,
-   "height": 844,
-   "load": "load",
-   "screens": 9,
-   "filled": [
-    0.37,
-    0.59,
-    0.82,
-    0.55,
-    0.38,
-    0.19,
-    0.71,
-    0.73,
-    0.34
-   ],
-   "motion": {
-    "elements": 22,
-    "css": 8,
-    "transitions": 14,
-    "scripted": 0,
-    "videos": 1,
-    "playingVideos": 1
-   },
-   "metrics": {
-    "viewport": {
-     "w": 390,
-     "h": 844
-    },
-    "page": {
-     "height": 7429,
-     "screens": 8.8,
-     "words": 469,
-     "img": 1,
-     "video": 1,
-     "canvas": 0,
-     "svg": 0,
-     "sections": 5,
-     "horizontalOverflow": 0,
-     "overflowCulprits": [],
-     "uiFragments": 3,
-     "uiAbuse": false,
-     "realPictures": 2,
-     "videoCount": 1,
-     "uiPictures": 2,
-     "pictureSamples": [
-      "24-02-69-concorde-roule-1969.jpg"
-     ],
-     "blendText": 0,
-     "sideScrollers": 0,
-     "brokenImages": [],
-     "emoji": [],
-     "videosNoPoster": 0
-    },
-    "hero": {
-     "text": "Web components for every stack.",
-     "words": 5,
-     "chars": 31,
-     "lines": 2,
-     "size": 40.3,
-     "vw": 10.3,
-     "font": "Schibsted Grotesk",
-     "weight": 800,
-     "tracking": -0.05,
-     "leading": 0.88,
-     "upper": false,
-     "italic": false,
-     "mono": false,
-     "align": "left",
-     "position": "center",
-     "widthRatio": 0.92,
-     "top": 134,
-     "tag": "h1",
-     "kind": "heading"
-    },
-    "h1": {
-     "text": "Web components for every stack.",
-     "words": 5,
-     "lines": 2,
-     "size": 40.3,
-     "font": "Schibsted Grotesk"
-    },
-    "headings": [
-     {
-      "text": "Web components for every stack.",
-      "words": 5,
-      "chars": 31,
-      "lines": 2,
-      "size": 40.3,
-      "vw": 10.3,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.05,
-      "leading": 0.88,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.92,
-      "top": 134,
-      "tag": "h1",
-      "kind": "heading"
-     },
-     {
-      "text": "CDG",
-      "words": 1,
-      "chars": 3,
-      "lines": 1,
-      "size": 36,
-      "vw": 9.2,
-      "font": "Schibsted Grotesk",
-      "weight": 400,
-      "tracking": 0,
-      "leading": 1,
-      "upper": true,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.2,
-      "top": 1000,
-      "tag": "div",
-      "kind": "heading"
-     },
-     {
-      "text": "JFK",
-      "words": 1,
-      "chars": 3,
-      "lines": 1,
-      "size": 36,
-      "vw": 9.2,
-      "font": "Schibsted Grotesk",
-      "weight": 400,
-      "tracking": 0,
-      "leading": 1,
-      "upper": true,
-      "italic": false,
-      "mono": false,
-      "align": "right",
-      "position": "right",
-      "widthRatio": 0.16,
-      "top": 1000,
-      "tag": "div",
-      "kind": "heading"
-     },
-     {
-      "text": "41 components, one tag each.",
-      "words": 5,
-      "chars": 28,
-      "lines": 2,
-      "size": 36,
-      "vw": 9.2,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "left",
-      "widthRatio": 0.66,
-      "top": 1350,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Plumbing in attributes.",
-      "words": 3,
-      "chars": 23,
-      "lines": 2,
-      "size": 36,
-      "vw": 9.2,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 1,
-      "top": 2895,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Why we built it.",
-      "words": 4,
-      "chars": 16,
-      "lines": 1,
-      "size": 36,
-      "vw": 9.2,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.92,
-      "top": 5062,
-      "tag": "h2",
-      "kind": "heading"
-     },
-     {
-      "text": "Take your project supersonic.",
-      "words": 4,
-      "chars": 29,
-      "lines": 2,
-      "size": 36,
-      "vw": 9.2,
-      "font": "Schibsted Grotesk",
-      "weight": 800,
-      "tracking": -0.045,
-      "leading": 0.95,
-      "upper": false,
-      "italic": false,
-      "mono": false,
-      "align": "left",
-      "position": "center",
-      "widthRatio": 0.92,
-      "top": 6204,
-      "tag": "h2",
-      "kind": "heading"
-     }
-    ],
-    "headingSummary": {
-     "count": 7,
-     "maxLines": 2,
-     "over2Lines": 0,
-     "statements": 0,
-     "centered": 0,
-     "medianWords": 4,
-     "mixedFontHeadings": 0
-    },
-    "type": {
-     "families": [
-      {
-       "family": "Schibsted Grotesk",
-       "share": 0.86,
-       "mono": false
-      },
-      {
-       "family": "ui-monospace",
-       "share": 0.14,
-       "mono": false
-      }
-     ],
-     "familyCount": 2,
-     "sizes": [
-      14,
-      16,
-      17,
-      18,
-      20,
-      36,
-      40
-     ],
-     "sizeCount": 7,
-     "notLoaded": [],
-     "body": {
-      "font": "Schibsted Grotesk",
-      "size": 17,
-      "leading": 1.45,
-      "weight": 400,
-      "tracking": 0,
-      "contrast": 15.4
-     },
-     "measureChars": 42,
-     "max": {
-      "size": 40.3,
-      "vw": 10.3,
-      "font": "Schibsted Grotesk",
-      "text": "Web componentsfor every stack."
-     },
-     "monoShare": 0.14,
-     "monoProseShare": 0,
-     "monoFamilies": [
-      "ui-monospace"
-     ],
-     "monoSamples": [],
-     "microLabels": 0,
-     "microLabelShare": 0,
-     "microSamples": [],
-     "upperShare": 0.02,
-     "centerShare": 0,
-     "smallText": 0
-    },
-    "eyebrows": [],
-    "numbered": [],
-    "color": {
-     "bodyBg": "#e9e8e4",
-     "bodyBgHsl": {
-      "h": 48,
-      "s": 0.1,
-      "l": 0.9
-     },
-     "dark": false,
-     "sectionBgs": [
-      {
-       "color": "#ff4f00",
-       "top": 597,
-       "hsl": {
-        "h": 19,
-        "s": 1,
-        "l": 0.5
-       }
-      },
-      {
-       "color": "#111111",
-       "top": 923,
-       "hsl": {
-        "h": 0,
-        "s": 0,
-        "l": 0.07
-       }
-      },
-      {
-       "color": "#e9e8e4",
-       "top": 3028,
-       "hsl": {
-        "h": 48,
-        "s": 0.1,
-        "l": 0.9
-       }
-      }
-     ],
-     "textColors": [
-      {
-       "color": "#111111",
-       "share": 0.96
-      },
-      {
-       "color": "#e9e8e4",
-       "share": 0.03
-      },
-      {
-       "color": "#ffffff",
-       "share": 0.01
-      },
-      {
-       "color": "#e8501c",
-       "share": 0
-      }
-     ],
-     "button": null,
-     "lowContrast": []
-    },
-    "buttons": {
-     "count": 0,
-     "inHero": 0,
-     "withShadow": 0,
-     "withGradient": 0,
-     "mono": 0,
-     "upper": 0,
-     "heroLabels": []
-    },
-    "surfaces": {
-     "shadowStatic": 0,
-     "shadowOverlay": 0,
-     "shadowSamples": [],
-     "gradients": 0,
-     "scrims": 1,
-     "gradientSamples": [],
-     "gradientText": 0,
-     "hairlines": 0,
-     "hairlineSamples": [],
-     "outlinedBoxes": 0,
-     "dashed": 0,
-     "blurred": 0,
-     "roundedBoxes": 0,
-     "boxRadius": 0,
-     "squareMedia": 2,
-     "roundedMedia": 0,
-     "mediaRadius": 0,
-     "textShadow": 0,
-     "cardRows": [
-      {
-       "count": 4,
-       "iconTopped": false,
-       "rounded": false,
-       "top": 1909
-      }
-     ]
-    },
-    "heroMedia": [],
-    "nav": {
-     "links": 0,
-     "fixed": false,
-     "height": 20,
-     "floatingPill": false,
-     "blur": false
-    },
-    "fontsLoaded": [
-     "schibsted grotesk"
-    ]
-   },
-   "layout": {
-    "viewport": {
-     "w": 390,
-     "h": 844
-    },
-    "pageH": 7429,
-    "margins": {
-     "left": 16,
-     "right": 19
-    },
-    "sections": [
-     {
-      "sel": "section.hero",
-      "tag": "section",
-      "top": 66,
-      "height": 1188,
-      "words": 56,
-      "media": 0,
-      "middle": 0,
-      "heading": {
-       "text": "Web components",
-       "size": 40,
-       "tag": "h1"
-      },
-      "left": 16,
-      "right": 33,
-      "textLeft": 16,
-      "textRight": 33,
-      "fullBleed": false,
-      "footer": false,
-      "hero": true,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "div.index-head.is-visible",
-      "tag": "div",
-      "top": 1350,
-      "height": 132,
-      "words": 5,
-      "media": 0,
-      "middle": 0,
-      "heading": {
-       "text": "one tag each.",
-       "size": 36,
-       "tag": "h2"
-      },
-      "left": 16,
-      "right": 158,
-      "textLeft": 16,
-      "textRight": 158,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.index-body",
-      "tag": "div",
-      "top": 1538,
-      "height": 1261,
-      "words": 67,
-      "media": 0,
-      "middle": 55,
-      "heading": null,
-      "left": 32,
-      "right": 51,
-      "textLeft": 32,
-      "textRight": 51,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-field",
-      "tag": "div",
-      "top": 2996,
-      "height": 465,
-      "words": 31,
-      "media": 0,
-      "middle": 20,
-      "heading": null,
-      "left": 36,
-      "right": 36,
-      "textLeft": 36,
-      "textRight": 36,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-block.is-visible",
-      "tag": "div",
-      "top": 3477,
-      "height": 380,
-      "words": 22,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 16,
-      "right": 23,
-      "textLeft": 16,
-      "textRight": 23,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-block.is-visible",
-      "tag": "div",
-      "top": 3856,
-      "height": 232,
-      "words": 28,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 16,
-      "right": 16,
-      "textLeft": 16,
-      "textRight": 16,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-block.is-visible",
-      "tag": "div",
-      "top": 4089,
-      "height": 500,
-      "words": 32,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 16,
-      "right": 20,
-      "textLeft": 16,
-      "textRight": 20,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "div.instr-block.is-visible",
-      "tag": "div",
-      "top": 4589,
-      "height": 377,
-      "words": 25,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 16,
-      "right": 43,
-      "textLeft": 16,
-      "textRight": 43,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": true,
-      "pinned": false
-     },
-     {
-      "sel": "section.story",
-      "tag": "section",
-      "top": 4966,
-      "height": 1142,
-      "words": 131,
-      "media": 1,
-      "middle": 0,
-      "heading": {
-       "text": "Why we built it.",
-       "size": 36,
-       "tag": "h2"
-      },
-      "left": 16,
-      "right": 18,
-      "textLeft": 16,
-      "textRight": 18,
-      "fullBleed": true,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "section.takeoff",
-      "tag": "section",
-      "top": 6108,
-      "height": 1003,
-      "words": 34,
-      "media": 1,
-      "middle": 0,
-      "heading": {
-       "text": "Take your project supersonic.",
-       "size": 36,
-       "tag": "h2"
-      },
-      "left": 16,
-      "right": 16,
-      "textLeft": 16,
-      "textRight": 21,
-      "fullBleed": false,
-      "footer": false,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     },
-     {
-      "sel": "footer.home-footer",
-      "tag": "footer",
-      "top": 7111,
-      "height": 318,
-      "words": 47,
-      "media": 0,
-      "middle": 0,
-      "heading": null,
-      "left": 16,
-      "right": 44,
-      "textLeft": 16,
-      "textRight": 44,
-      "fullBleed": false,
-      "footer": true,
-      "hero": false,
-      "continues": false,
-      "pinned": false
-     }
-    ],
-    "gaps": [
-     {
-      "top": 460,
-      "height": 412
-     },
-     {
-      "top": 3620,
-      "height": 264
-     },
-     {
-      "top": 4268,
-      "height": 348
-     },
-     {
-      "top": 4780,
-      "height": 276
-     }
-    ],
-    "h1s": [
-     {
-      "text": "Web components for every stack.",
-      "size": 40,
-      "top": 134,
-      "firstScreen": true
-     }
-    ],
-    "edgeText": [],
-    "edges": [
-     {
-      "x": 16,
-      "n": 17
-     }
-    ],
-    "leftBlocks": 17,
-    "bodySize": 17,
-    "stage": false,
-    "explains": false,
-    "slivers": [],
-    "voidShare": 0,
-    "voidBox": null
-   },
-   "app": null,
-   "consoleErrors": []
-  }
- ],
- "findings": [
-  {
-   "level": "WARN",
-   "id": "first-action",
-   "width": 1440,
-   "message": "No visible button in the first screen.",
-   "fix": "Give the one primary action a real button in the first screen (a filled or solid-bordered control, 44px or taller), not only a link in the navigation.",
-   "alsoAt": [
-    768,
-    390
-   ]
-  },
-  {
-   "level": "WARN",
-   "id": "off-centre",
-   "width": 1440,
-   "message": "The margins differ: 40px on the left, 65px on the right, at 1440px.",
-   "fix": "Put the navigation and the content on one pair of margins; check for padding on one side only, a scrollbar gutter, or a header on another inset than the page.",
-   "alsoAt": [
-    768
-   ]
-  },
-  {
-   "level": "WARN",
-   "id": "blank-gap",
-   "width": 390,
-   "message": "A 412px stretch at 460px holds nothing.",
-   "fix": "Check that it is a deliberate rest (once per page at most); otherwise close it to the normal section gap."
-  }
- ],
- "images": [
-  {
-   "viewport": "desktop",
-   "width": 1440,
-   "fold": "/usr2/sites/concorde/.taste-skill/prod/desktop-fold.jpg",
-   "pages": [
-    "/usr2/sites/concorde/.taste-skill/prod/desktop-page-01.jpg",
-    "/usr2/sites/concorde/.taste-skill/prod/desktop-page-02.jpg",
-    "/usr2/sites/concorde/.taste-skill/prod/desktop-page-03.jpg"
-   ],
-   "film": []
-  },
-  {
-   "viewport": "tablet",
-   "width": 768,
-   "fold": "/usr2/sites/concorde/.taste-skill/prod/tablet-fold.jpg",
-   "pages": [
-    "/usr2/sites/concorde/.taste-skill/prod/tablet-page-01.jpg",
-    "/usr2/sites/concorde/.taste-skill/prod/tablet-page-02.jpg"
-   ],
-   "film": []
-  },
-  {
-   "viewport": "mobile",
-   "width": 390,
-   "fold": "/usr2/sites/concorde/.taste-skill/prod/mobile-fold.jpg",
-   "pages": [
-    "/usr2/sites/concorde/.taste-skill/prod/mobile-page-01.jpg",
-    "/usr2/sites/concorde/.taste-skill/prod/mobile-page-02.jpg"
-   ],
-   "film": []
-  }
- ]
-}