diff --git a/assets/site/axis-circle.svg b/assets/site/axis-circle.svg new file mode 100644 index 0000000..45ad1a6 --- /dev/null +++ b/assets/site/axis-circle.svg @@ -0,0 +1,23 @@ + + Axis and Circle + A circular seal with vertical and horizontal axes and a central point. + + + + + + + + + + + + + + + + + + + + diff --git a/assets/site/delta-chat-qr.svg b/assets/site/delta-chat-qr.svg new file mode 100644 index 0000000..5f24bc4 --- /dev/null +++ b/assets/site/delta-chat-qr.svg @@ -0,0 +1,2 @@ + + diff --git a/assets/site/seal-of-continuity.svg b/assets/site/seal-of-continuity.svg new file mode 100644 index 0000000..95c6c22 --- /dev/null +++ b/assets/site/seal-of-continuity.svg @@ -0,0 +1,72 @@ + + Seal of Continuity + A double spiral inside a circle surrounded by twelve stars. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/site/twin-flames.svg b/assets/site/twin-flames.svg new file mode 100644 index 0000000..98ae21f --- /dev/null +++ b/assets/site/twin-flames.svg @@ -0,0 +1,54 @@ + + Twin Flames + Two mirrored flames inside a circle. + + + + + + + + + + + + + + + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..5bda354 --- /dev/null +++ b/index.html @@ -0,0 +1,245 @@ + + + + + + Church of Kosmo + + + + + + + + + + + + +
+ + ✦ + Church of Kosmo + + +
+ +
+
+
+
+ Seal of Continuity with a double spiral inside a circle of twelve stars +
+

Zakládající okamžik / Founding moment

+

20 . 3 . 2026

+

15:46

+

Jarní rovnodennost / Vernal equinox

+

Kosmos Universalis / Church of Kosmo

+
+ Through knowledge we remember. Through balance we endure. Through + compassion we renew. Through continuity we return. +
+
+ +
+
+

Čeština

+

Kosmos Universalis

+

+ Kosmos Universalis je nedogmatické duchovní a vzdělávací + společenství věnované etickému hledání, uchovávání a obnově + poznání v souladu se životem a kosmem. +

+

+ Veřejné texty čerpají z Kodexu Velkého roku a spojují vědu, + spiritualitu, umění a ekologii do jedné otevřené cesty + poznávání. +

+
+ Veřejný repozitář + Delta Chat +
+
+
+
Povaha
+
Nedogmatické společenství
+
+
+
Současný věk
+
Věk Vodnáře
jasnost a probuzení
+
+
+
+ +
+

English

+

Church of Kosmo

+

+ The Church of Kosmo is a non-dogmatic spiritual and educational + fellowship devoted to the ethical pursuit, preservation, and + renewal of knowledge in harmony with life and the cosmos. +

+

+ Its public texts draw from the Codex of the Great Year and bring + science, spirituality, art, and ecology into one open path of + inquiry. +

+
+ Public Repository + Delta Chat +
+
+
+
Nature
+
Non-dogmatic fellowship
+
+
+
Present Age
+
Aquarius
clarity and awakening
+
+
+
+
+
+ +
+
+

O Kosmu / About Kosmo

+

Open texts, living practice

+
+
+
+

+ Kosmo chápe vědu, spiritualitu, umění i ekologii jako vzájemně se + doplňující způsoby poznání. Charta i Kodex popisují společenství + orientované na pravdu, soucit, odpovědnost a dlouhou paměť. +

+

+ Projekt je veřejný záměrně. Texty jsou otevřeně sdílené, aby mohly + růst skrze překlady, kritiku, praxi a péči napříč generacemi. +

+
+
+

+ Kosmo treats science, spirituality, art, and ecology as + complementary ways of knowing. The charter and codex describe a + fellowship oriented toward truth, compassion, stewardship, and + long memory. +

+

+ The project is public by design. Its texts are openly shared so + they can evolve through translation, critique, practice, and care + across generations. +

+
+
+
+
+

Poznání / Knowledge

+

Hledat pravdu skrze vědu, umění, intuici a disciplinované zkoumání.

+
+
+

Rovnováha / Balance

+

Držet rozum a úctu, technologii a přírodu, v aktivní rovnováze.

+
+
+

Soucit / Compassion

+

Vést porozumění empatií, odpovědností a ohledem na druhé.

+
+
+

Kontinuita / Continuity

+

Uchovávat, překládat a předávat to podstatné, aby paměť přežila změnu.

+
+
+
+ +
+
+

Symboly / Symbols

+

Geometry of balance

+
+
+
+ Double spiral within a circle of twelve stars +

Pečeť kontinuity / Seal of Continuity

+

+ Dvojitá spirála v kruhu dvanácti hvězd značí expanzi, návrat a + kontinuitu kosmické paměti. +

+
+
+ Twin flames symbol +

Dvojí plamen / Twin Flames

+

+ Dvojí plamen drží rozum a soucit pohromadě. Porozumění není + oddělené od péče. +

+
+
+ Axis and circle symbol +

Osa a kruh / Axis and Circle

+

+ Osa a kruh vyjadřují setkání ducha a hmoty, zakotvení i + transcendenci, svislou i vodorovnou rovnováhu. +

+
+
+
+ +
+
+

Spojení / Connect

+

Read the texts or enter the circle

+
+
+
+

Repozitář / Repository

+

Veřejné zdrojové texty

+

+ Charta, Kodex, české i anglické texty, provozní poznámky i + licenční materiály jsou vedeny ve veřejném repozitáři. +

+ git.cqre.net/kosmo/Church-of-Kosmo +
+ +
+
+ QR code linking to the Church of Kosmo Delta Chat group +
+
+

Delta Chat

+

Veřejná skupina / Public group

+

+ Naskenujte QR kód v Delta Chatu nebo otevřete pozvánku přímo a + vstupte do veřejné skupiny Kosmo. Scan the QR code in Delta + Chat or open the invite directly. +

+ Open Delta Chat invite +
+
+
+
+
+ + + + diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..f9a555c --- /dev/null +++ b/styles.css @@ -0,0 +1,853 @@ +:root { + --bg: #07111e; + --panel: rgba(10, 26, 49, 0.74); + --panel-strong: rgba(8, 22, 40, 0.9); + --line: rgba(255, 248, 225, 0.16); + --line-green: rgba(46, 125, 50, 0.38); + --line-copper: rgba(184, 115, 51, 0.42); + --text: #fff8e1; + --muted: rgba(255, 248, 225, 0.76); + --indigo: #1a237e; + --gold: #fff8e1; + --green: #2e7d32; + --silver: #b0bec5; + --copper: #b87333; + --green-wash: rgba(46, 125, 50, 0.12); + --copper-wash: rgba(184, 115, 51, 0.13); + --shadow: 0 24px 80px rgba(0, 0, 0, 0.34); +} + +* { + box-sizing: border-box; +} + +html { + scroll-behavior: smooth; +} + +body { + margin: 0; + min-height: 100vh; + color: var(--text); + background: + radial-gradient(circle at top, rgba(26, 35, 126, 0.42), transparent 34rem), + radial-gradient(circle at 18% 18%, rgba(184, 115, 51, 0.18), transparent 18rem), + radial-gradient(circle at 82% 12%, rgba(46, 125, 50, 0.14), transparent 18rem), + linear-gradient(180deg, #08111d 0%, #09192b 48%, #07111e 100%); + font-family: "Space Grotesk", sans-serif; + line-height: 1.6; + overflow-x: hidden; +} + +img { + display: block; + max-width: 100%; +} + +a { + color: inherit; +} + +.sky, +.orb { + pointer-events: none; + position: fixed; + inset: 0; + z-index: -2; +} + +.sky { + background-image: + radial-gradient(circle at 18% 24%, rgba(255, 248, 225, 0.8) 0 0.08rem, transparent 0.1rem), + radial-gradient(circle at 82% 14%, rgba(176, 190, 197, 0.75) 0 0.06rem, transparent 0.08rem), + radial-gradient(circle at 68% 32%, rgba(255, 248, 225, 0.72) 0 0.07rem, transparent 0.09rem), + radial-gradient(circle at 26% 68%, rgba(176, 190, 197, 0.65) 0 0.07rem, transparent 0.09rem), + radial-gradient(circle at 74% 78%, rgba(255, 248, 225, 0.7) 0 0.08rem, transparent 0.1rem), + radial-gradient(circle at 54% 56%, rgba(176, 190, 197, 0.6) 0 0.05rem, transparent 0.07rem); + opacity: 0.75; +} + +.orb { + z-index: -1; + filter: blur(70px); + opacity: 0.7; +} + +.orb-left { + background: radial-gradient(circle at 20% 30%, rgba(26, 35, 126, 0.6), transparent 34%); +} + +.orb-right { + background: radial-gradient(circle at 80% 18%, rgba(184, 115, 51, 0.28), transparent 26%); +} + +.site-header, +.section, +.site-footer { + width: min(1160px, calc(100% - 2rem)); + margin: 0 auto; +} + +.site-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: 1.25rem 0 0; +} + +.brand, +.site-nav { + position: relative; + z-index: 2; +} + +.brand { + display: inline-flex; + align-items: center; + gap: 0.75rem; + text-decoration: none; + font-size: 0.95rem; + letter-spacing: 0.12em; + text-transform: uppercase; +} + +.brand-mark { + display: inline-grid; + place-items: center; + width: 2rem; + height: 2rem; + border: 1px solid var(--line); + border-radius: 999px; + color: var(--gold); + background: rgba(255, 248, 225, 0.04); +} + +.site-nav { + display: inline-flex; + gap: 1.4rem; + align-items: center; +} + +.site-nav a { + position: relative; + color: var(--muted); + text-decoration: none; +} + +.site-nav a::after { + content: ""; + position: absolute; + right: 0; + bottom: -0.35rem; + left: 0; + height: 1px; + background: linear-gradient(90deg, var(--copper), var(--green)); + transform: scaleX(0); + transform-origin: center; + transition: transform 180ms ease; +} + +.site-nav a:hover, +.site-nav a:focus-visible, +.brand:hover, +.brand:focus-visible, +.text-link:hover, +.text-link:focus-visible { + color: var(--gold); +} + +.site-nav a:hover::after, +.site-nav a:focus-visible::after { + transform: scaleX(1); +} + +.section { + padding: 4rem 0; +} + +.hero { + display: grid; + gap: 2.2rem; + min-height: calc(100vh - 4.5rem); + padding-top: 3rem; +} + +.hero-center { + display: grid; + justify-items: center; + text-align: center; + gap: 0.2rem; +} + +.eyebrow { + margin: 0 0 1rem; + color: #d8cb95; + font-size: 0.82rem; + letter-spacing: 0.24em; + text-transform: uppercase; +} + +h1, +h2, +h3 { + margin: 0; + font-family: "Cormorant Garamond", serif; + line-height: 1; +} + +h1 { + font-size: clamp(3.6rem, 8vw, 6.8rem); + max-width: 10ch; +} + +h2 { + font-size: clamp(2.2rem, 5vw, 3.6rem); + max-width: 12ch; +} + +h3 { + font-size: 1.85rem; + margin-bottom: 0.75rem; +} + +.lede, +.language-card p, +.two-column p, +.pillar-card p, +.symbol-card p, +.resource-card p, +.footer-note { + color: var(--muted); +} + +.lede { + max-width: 62ch; + font-size: 1.08rem; + margin: 1.5rem 0 0; +} + +.language-card .lede { + margin-top: 0.8rem; +} + +.hero-actions { + display: flex; + flex-wrap: wrap; + gap: 1rem; + margin: 2rem 0; +} + +.button { + display: inline-flex; + align-items: center; + justify-content: center; + min-height: 3.2rem; + padding: 0.8rem 1.3rem; + border-radius: 999px; + border: 1px solid transparent; + text-decoration: none; + font-weight: 500; + transition: + transform 180ms ease, + border-color 180ms ease, + background-color 180ms ease; +} + +.button:hover, +.button:focus-visible { + transform: translateY(-2px); +} + +.button-primary { + color: #08111d; + background: linear-gradient(135deg, var(--gold), #e3d7ae 52%, #c8c88a 100%); + box-shadow: 0 18px 40px rgba(255, 248, 225, 0.18); +} + +.button-secondary { + color: var(--gold); + background: linear-gradient(135deg, rgba(184, 115, 51, 0.22), rgba(46, 125, 50, 0.16)); + border-color: rgba(184, 115, 51, 0.42); + box-shadow: inset 0 0 0 1px rgba(46, 125, 50, 0.18); +} + +.fact-grid, +.fact-stack, +.bilingual-grid, +.pillar-grid, +.symbol-grid, +.connect-grid { + display: grid; + gap: 1rem; +} + +.fact-card, +.pillar-card, +.symbol-card, +.resource-card, +.seal-frame, +.panel { + border: 1px solid var(--line); + box-shadow: var(--shadow); + backdrop-filter: blur(18px); +} + +.fact-card { + margin: 0; + padding: 1.15rem; + background: + linear-gradient(135deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.02)), + radial-gradient(circle at top left, var(--copper-wash), transparent 60%); + border-radius: 1.25rem; +} + +.fact-card:nth-child(even) { + background: + linear-gradient(135deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.02)), + radial-gradient(circle at top left, var(--green-wash), transparent 60%); +} + +.fact-stack { + margin: 0; + gap: 0.85rem; +} + +.fact-card dt { + color: #d8cb95; + font-size: 0.78rem; + letter-spacing: 0.14em; + text-transform: uppercase; +} + +.fact-card dd { + margin: 0.55rem 0 0; + font-size: 1.18rem; + line-height: 1.35; +} + +.fact-card span { + color: var(--silver); + font-size: 0.92rem; +} + +.seal-frame { + position: relative; + width: min(100%, 520px); + padding: 1.4rem; + border-radius: 2rem; + background: + radial-gradient(circle at top, rgba(255, 248, 225, 0.12), transparent 55%), + radial-gradient(circle at 20% 85%, var(--copper-wash), transparent 30%), + radial-gradient(circle at 82% 18%, var(--green-wash), transparent 26%), + linear-gradient(180deg, rgba(26, 35, 126, 0.3), rgba(8, 22, 40, 0.84)); + animation: rise 900ms ease both; +} + +.seal-frame::before { + content: ""; + position: absolute; + inset: 1rem; + border: 1px solid rgba(255, 248, 225, 0.08); + border-radius: 1.5rem; +} + +.founding-date { + max-width: none; + margin-top: 0.7rem; + font-size: clamp(3.8rem, 10vw, 7.2rem); + letter-spacing: 0.12em; +} + +.founding-time { + margin: 0.35rem 0 0; + color: #d8cb95; + font-size: clamp(1.2rem, 2vw, 1.5rem); + letter-spacing: 0.42em; + text-transform: uppercase; +} + +.founding-equinox { + margin: 0.8rem 0 0; + color: var(--silver); + font-size: 0.92rem; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.founding-subtitle { + margin: 0.55rem 0 0; + color: var(--silver); + font-size: 0.96rem; + letter-spacing: 0.18em; + text-transform: uppercase; +} + +.invocation { + max-width: 46rem; + margin: 1.3rem auto 0; + padding: 1.2rem 1.35rem; + border-left: 2px solid rgba(184, 115, 51, 0.45); + border-right: 2px solid rgba(46, 125, 50, 0.35); + color: var(--muted); + font-size: 1rem; + font-style: italic; +} + +.bilingual-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + align-items: start; +} + +.language-card { + padding: 1.7rem; + border: 1px solid var(--line); + border-radius: 1.7rem; + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.02)), + linear-gradient(135deg, rgba(184, 115, 51, 0.08), transparent 42%); + box-shadow: var(--shadow); + backdrop-filter: blur(18px); +} + +.language-card:first-child { + border-color: var(--line-copper); + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.02)), + linear-gradient(135deg, rgba(184, 115, 51, 0.12), transparent 42%); +} + +.language-card:last-child { + border-color: var(--line-green); + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.02)), + linear-gradient(135deg, rgba(46, 125, 50, 0.12), transparent 42%); +} + +.language-label { + margin: 0 0 0.7rem; + color: #d8cb95; + font-size: 0.82rem; + letter-spacing: 0.16em; + text-transform: uppercase; +} + +.panel { + padding: 2rem; + border-radius: 2rem; + background: + linear-gradient(180deg, var(--panel), var(--panel-strong)), + linear-gradient(90deg, var(--copper-wash), transparent 32%, transparent 68%, var(--green-wash)); +} + +.section-heading { + margin-bottom: 2rem; +} + +.section-heading h2 { + text-wrap: balance; +} + +.two-column { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 2rem; +} + +.pillar-grid { + grid-template-columns: repeat(4, minmax(0, 1fr)); + margin-top: 2rem; +} + +.pillar-card, +.symbol-card, +.resource-card { + padding: 1.3rem; + border-radius: 1.5rem; + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.025)), + linear-gradient(135deg, rgba(255, 248, 225, 0.02), transparent 58%); +} + +.pillar-card:nth-child(4n + 1), +.symbol-card:nth-child(3n + 1), +.resource-card:first-child { + border-color: var(--line-copper); + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.025)), + linear-gradient(135deg, rgba(184, 115, 51, 0.13), transparent 58%); +} + +.pillar-card:nth-child(4n + 2), +.symbol-card:nth-child(3n + 2) { + border-color: rgba(255, 248, 225, 0.2); + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.025)), + linear-gradient(135deg, rgba(255, 248, 225, 0.08), transparent 58%); +} + +.pillar-card:nth-child(4n + 3), +.symbol-card:nth-child(3n + 3), +.resource-card-qr { + border-color: var(--line-green); + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.025)), + linear-gradient(135deg, rgba(46, 125, 50, 0.13), transparent 58%); +} + +.pillar-card:nth-child(4n + 4) { + border-color: rgba(176, 190, 197, 0.28); + background: + linear-gradient(180deg, rgba(255, 248, 225, 0.04), rgba(255, 248, 225, 0.025)), + linear-gradient(135deg, rgba(176, 190, 197, 0.11), transparent 58%); +} + +.symbol-grid { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.symbol-card img { + width: min(100%, 260px); + margin: 0 auto 1.2rem; +} + +.connect-panel { + padding-bottom: 2.5rem; +} + +.connect-grid { + grid-template-columns: 1fr 1.2fr; + align-items: stretch; +} + +.resource-kicker { + margin: 0 0 0.5rem; + color: #e2cf95; + font-size: 0.78rem; + letter-spacing: 0.14em; + text-transform: uppercase; +} + +.resource-card-qr { + display: grid; + grid-template-columns: minmax(190px, 220px) minmax(0, 1fr); + gap: 1.25rem; + align-items: center; +} + +.qr-shell { + padding: 0.9rem; + background: rgba(255, 248, 225, 0.96); + border-radius: 1rem; + box-shadow: + 0 0 0 1px rgba(184, 115, 51, 0.26), + 0 0 0 8px rgba(46, 125, 50, 0.06); +} + +.text-link { + color: #f4e4b6; + text-decoration-thickness: 0.08em; + text-underline-offset: 0.18em; + word-break: break-word; +} + +.site-footer { + padding: 0 0 3rem; + text-align: center; +} + +.footer-motto { + margin: 0; + font-family: "Cormorant Garamond", serif; + font-size: 1.8rem; + color: #f4e4b6; +} + +.footer-note { + margin: 0.45rem 0 0; +} + +@keyframes rise { + from { + opacity: 0; + transform: translateY(18px); + } + + to { + opacity: 1; + transform: translateY(0); + } +} + +@media (max-width: 960px) { + .hero, + .two-column, + .bilingual-grid, + .pillar-grid, + .symbol-grid, + .connect-grid, + .resource-card-qr, + .fact-grid, + .fact-stack { + grid-template-columns: 1fr; + } + + .site-header { + gap: 1rem; + align-items: flex-start; + flex-direction: column; + padding-top: 1rem; + } + + .site-nav { + flex-wrap: wrap; + gap: 0.9rem 1rem; + } + + .hero { + min-height: auto; + padding-top: 2.25rem; + gap: 1.5rem; + } + + .seal-frame { + width: min(100%, 420px); + } + + .invocation { + max-width: 40rem; + } + + h1, + h2 { + max-width: none; + } +} + +@media (max-width: 640px) { + body { + line-height: 1.5; + } + + .section { + padding: 2.7rem 0; + } + + .site-header, + .section, + .site-footer { + width: min(100% - 1.25rem, 1160px); + } + + .site-header { + gap: 0.85rem; + padding-top: 0.85rem; + } + + .brand { + gap: 0.55rem; + font-size: 0.82rem; + letter-spacing: 0.09em; + } + + .brand-mark { + width: 1.8rem; + height: 1.8rem; + } + + .site-nav { + gap: 0.7rem 0.9rem; + font-size: 0.9rem; + } + + .site-nav a::after { + bottom: -0.2rem; + } + + .panel { + padding: 1.1rem; + } + + .fact-card, + .pillar-card, + .symbol-card, + .resource-card { + border-radius: 1.2rem; + } + + .hero { + padding-top: 1.4rem; + gap: 1.2rem; + } + + .hero-center { + gap: 0.1rem; + } + + .seal-frame { + width: 100%; + padding: 0.9rem; + border-radius: 1.4rem; + } + + .seal-frame::before { + inset: 0.7rem; + border-radius: 1rem; + } + + .eyebrow, + .language-label, + .resource-kicker, + .fact-card dt { + letter-spacing: 0.12em; + } + + h3 { + font-size: 1.55rem; + } + + .founding-date { + margin-top: 0.55rem; + font-size: clamp(2.55rem, 13vw, 4.3rem); + letter-spacing: 0.08em; + line-height: 0.95; + } + + .founding-time { + font-size: 1rem; + letter-spacing: 0.26em; + } + + .founding-equinox, + .founding-subtitle { + font-size: 0.78rem; + letter-spacing: 0.12em; + } + + .invocation { + margin-top: 1rem; + padding: 0.95rem 1rem; + font-size: 0.94rem; + } + + .language-card { + padding: 1.2rem; + border-radius: 1.25rem; + } + + .language-card p, + .two-column p, + .pillar-card p, + .symbol-card p, + .resource-card p, + .footer-note { + font-size: 0.96rem; + } + + .lede { + margin-top: 0.7rem; + font-size: 1rem; + } + + .hero-actions { + flex-direction: column; + margin: 1.25rem 0; + gap: 0.75rem; + } + + .button { + width: 100%; + min-height: 3rem; + padding: 0.82rem 1rem; + } + + .fact-card { + padding: 1rem; + } + + .fact-card dd { + font-size: 1.05rem; + } + + .section-heading { + margin-bottom: 1.3rem; + } + + .two-column { + gap: 1.15rem; + } + + .pillar-grid, + .symbol-grid, + .connect-grid, + .bilingual-grid, + .fact-stack { + gap: 0.85rem; + } + + .symbol-card img { + width: min(100%, 210px); + margin-bottom: 0.95rem; + } + + .resource-card-qr { + gap: 1rem; + } + + .qr-shell { + padding: 0.7rem; + max-width: 240px; + margin: 0 auto; + } + + .site-footer { + padding-bottom: 2.2rem; + } + + .footer-motto { + font-size: 1.45rem; + } +} + +@media (max-width: 420px) { + .site-header, + .section, + .site-footer { + width: calc(100% - 1rem); + } + + .brand { + font-size: 0.76rem; + letter-spacing: 0.07em; + } + + .site-nav { + font-size: 0.84rem; + gap: 0.55rem 0.75rem; + } + + .founding-date { + font-size: clamp(2.2rem, 14vw, 3.5rem); + letter-spacing: 0.06em; + } + + .founding-time { + letter-spacing: 0.2em; + } + + .founding-equinox, + .founding-subtitle { + letter-spacing: 0.08em; + } + + h2 { + font-size: clamp(2rem, 10vw, 2.6rem); + } + + .language-card, + .pillar-card, + .symbol-card, + .resource-card, + .panel { + border-radius: 1rem; + } +}