From c1e28224aa2e1450031669d9a7e359b63e04687d Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 19:40:59 +0200
Subject: Init

---
 src/styles/components/_home-banner.scss | 39 +++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 src/styles/components/_home-banner.scss

(limited to 'src/styles/components/_home-banner.scss')

diff --git a/src/styles/components/_home-banner.scss b/src/styles/components/_home-banner.scss
new file mode 100644
index 0000000..660cd9b
--- /dev/null
+++ b/src/styles/components/_home-banner.scss
@@ -0,0 +1,39 @@
+@use "sass:map";
+@use "sass:string";
+@use "sass:meta";
+
+@use "pkg:iro-sass/bem";
+@use "pkg:iro-sass/props";
+@use "pkg:iro-design" as iro;
+
+@use "site-header.vars" as site-header;
+
+@mixin styles {
+	@include bem.component("home-banner") {
+		@include bem.elem("intro") {
+			margin-block-start: 0;
+			font-size: clamp(props.get(iro.$core--font-size--500), 5.3vw, 5rem);
+			font-weight: 300;
+			color: props.get(iro.$core--theme, --text);
+			line-height: 1.2;
+
+			strong {
+				font-family: props.get(iro.$core--font--headline--family);
+				font-weight: 900;
+				text-transform: uppercase;
+				letter-spacing: 2px;
+				color: props.get(iro.$core--theme, --heading);
+			}
+		}
+
+		@include iro.media--media("<=md") {
+			@include bem.elem("intro") {
+				font-size: props.get(iro.$core--font-size--500);
+			}
+
+			@include bem.elem("buttons") {
+				justify-content: center;
+			}
+		}
+	}
+}
-- 
cgit v1.3.1