diff --git a/src/app/globals.css b/src/app/globals.css index f357d6e..cf39db4 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -26,6 +26,37 @@ body { overflow-x: hidden; } +/* ===== Decorative side lines (desktop only) ===== */ + +@media (min-width: 1280px) { + body::before, + body::after { + content: ""; + position: fixed; + top: 0; + bottom: 0; + width: 1px; + z-index: 40; + pointer-events: none; + background: linear-gradient( + 180deg, + transparent 0%, + rgba(201, 169, 110, 0.15) 15%, + rgba(201, 169, 110, 0.25) 50%, + rgba(201, 169, 110, 0.15) 85%, + transparent 100% + ); + } + + body::before { + left: clamp(16px, 3vw, 48px); + } + + body::after { + right: clamp(16px, 3vw, 48px); + } +} + /* ===== Selection ===== */ ::selection { diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx index e5885d3..389186b 100644 --- a/src/components/layout/Header.tsx +++ b/src/components/layout/Header.tsx @@ -126,7 +126,7 @@ export function Header() {