Nudge hero text further right for better spacing with background image

This commit is contained in:
Line INK
2026-09-18 23:18:20 +03:00
parent b554b42ccc
commit 83ab1ecfcd

View File

@@ -82,7 +82,7 @@
} }
.hero-pattern{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);} .hero-pattern{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.08;background-image:repeating-linear-gradient(45deg, #fff 0 2px, transparent 2px 34px);}
.hero-grid{position:relative;z-index:2;} .hero-grid{position:relative;z-index:2;}
.hero-content{max-width:640px;} .hero-content{max-width:600px;margin-right:-28px;}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:22px;} .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:100px;font-size:13px;font-weight:700;margin-bottom:22px;}
.hero-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;} .hero-eyebrow span.dot{width:7px;height:7px;border-radius:50%;background:var(--orange);display:inline-block;}
.hero h1{font-size:clamp(34px,4.6vw,54px);color:#fff;line-height:1.28;font-weight:900;margin-bottom:20px;} .hero h1{font-size:clamp(34px,4.6vw,54px);color:#fff;line-height:1.28;font-weight:900;margin-bottom:20px;}
@@ -98,7 +98,7 @@
.hero:hover .cursor-glow{opacity:1;} .hero:hover .cursor-glow{opacity:1;}
@media (max-width:920px){ @media (max-width:920px){
.hero{min-height:560px;padding:130px 0 70px;} .hero{min-height:560px;padding:130px 0 70px;}
.hero-content{max-width:100%;} .hero-content{max-width:100%;margin-right:0;}
.hero-overlay{background: .hero-overlay{background:
linear-gradient(0deg, rgba(7,26,56,.92) 0%, rgba(7,26,56,.75) 45%, rgba(7,26,56,.4) 100%); linear-gradient(0deg, rgba(7,26,56,.92) 0%, rgba(7,26,56,.75) 45%, rgba(7,26,56,.4) 100%);
} }