WIP accueil : la bande des trois points sous la clé, centrée sur la naissance de l'arche ; marges latérales du dessin rognées

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Yvv
2026-11-03 03:42:20 +01:00
co-authored by Claude Opus 5.5
parent 1027155091
commit 5637452040
+10 -8
View File
@@ -47,8 +47,9 @@
/* The arch, drawn by the sign of the logo (stones in the ink of the mood, the keystone in
`--cle`), never tilted. Its box is the stone itself: 92 units wide (the base slab, x from
−46 to 46) and 59 high (y from −40, the top of the keystone, to 19, under the slab); the SVG's
own 3-unit margin spills out on every side. On a phone the arch reaches into the side padding,
0.75rem short of the screen's edges, so that the opening keeps as much room as it can. */
own 3-unit margin spills out above and below (clipped on the sides, where it is empty). On a
phone the arch reaches into the side padding, 0.75rem short of the screen's edges, so that the
opening keeps as much room as it can. */
.vault {
--w: min(34rem, 100vw - 1.5rem);
container-type: inline-size;
@@ -56,6 +57,7 @@
width: var(--w);
margin-inline: calc(50% - var(--w) / 2);
aspect-ratio: 92 / 59;
overflow-x: clip;
color: var(--ink);
}
.sign {
@@ -81,18 +83,18 @@
);
}
/* The three points, sheltered: centred in the opening (x from −19 to 19, a block centred on
y = −1), one line each. The type follows the arch (cqi): the longest line of the three
languages, 10.8 em, holds in the 38 units of the opening with room to spare. */
/* The three points, sheltered: centred in the opening (x from −19 to 19; a band from y = −19,
under the keystone, to 19, centred on the springing line y = 0), one line each. The type
follows the arch (cqi): the longest line of the three languages, 10.8 em, holds in the
38 units of the opening with room to spare. */
.leitmotiv {
position: absolute;
inset-inline: calc(2700% / 92);
top: calc(3900% / 59);
translate: 0 -50%;
inset: calc(2100% / 59) calc(2700% / 92) 0;
margin: 0;
padding: 0;
list-style: none;
display: grid;
align-content: center;
justify-items: center;
gap: 0.2em;
font-family: var(--font-text);