BALTAZAR SEEDS

ENTER THE 420 UNIVERSE
} /* Hintergrund */ .intro{ position:relative; width:100%; height:100vh; display:flex; justify-content:center; align-items:center; text-align:center; cursor:none; opacity:0; animation: entrance 3s ease forwards; } .intro::before{ content:""; position:absolute; width:80vw; height:80vw; max-width:900px; max-height:900px; background: radial-gradient( circle, rgba(140,190,95,.22), rgba(60,110,60,.12) 35%, transparent 70% ); filter:blur(70px); animation: breathing 9s infinite ease-in-out; } .content{ position:relative; z-index:2; color:#eee8d0; } h1{ position:relative; font-size: clamp(35px,7vw,90px); font-weight:500; letter-spacing: clamp(8px,1.5vw,18px); text-transform:uppercase; animation: revealText 3s ease forwards, glitch 8s infinite; } h1::after{ content:"BALTAZAR SEEDS"; position:absolute; left:0; top:0; width:100%; color:#9bc47a; opacity:.35; clip-path: inset(0 0 50% 0); transform: translate(-2px,0); animation: glitchLayer 5s infinite; } .subtitle{ margin-top:25px; font-family:Arial, sans-serif; font-size: clamp(10px,1.8vw,16px); letter-spacing: clamp(4px,1vw,8px); color: rgba(240,230,200,.65); animation: subtitleReveal 4s ease forwards; } /* Cursor */ .cursor{ position:fixed; width:25px; height:25px; border-radius:50%; border: 1px solid rgba(220,240,180,.8); pointer-events:none; transform: translate(-50%,-50%); z-index:99; transition: width .3s ease, height .3s ease, background .3s ease; mix-blend-mode:difference; } .cursor.active{ width:70px; height:70px; background: rgba(140,200,100,.15); } @keyframes entrance{ from{ opacity:0; transform:scale(1.05); } to{ opacity:1; transform:scale(1); } } @keyframes breathing{ 0%,100%{ transform:scale(.9); opacity:.5; } 50%{ transform:scale(1.15); opacity:1; } } @keyframes revealText{ from{ opacity:0; filter:blur(20px); letter-spacing:50px; } to{ opacity:1; filter:blur(0); } } @keyframes subtitleReveal{ from{ opacity:0; transform:translateY(20px); } to{ opacity:.65; transform:translateY(0); } } @keyframes glitch{ 0%,90%,100%{ transform:none; } 92%{ transform: translate(-3px,1px); } 94%{ transform: translate(3px,-1px); } } @keyframes glitchLayer{ 0%,85%,100%{ clip-path: inset(0 0 50% 0); } 88%{ clip-path: inset(20% 0 30% 0); transform: translate(3px,-2px); } } @media(max-width:600px){ h1{ letter-spacing:6px; } }

BALTAZAR SEEDS

ENTER THE 420 UNIVERSE
/* Hintergrund */ body { background: radial-gradient( circle at center, #314c35 0%, #18271c 35%, #091009 75%, #030403 100% ); } /* gesamte Startfläche */ .intro { width: 100%; height: 100vh; display: flex; justify-content: center; align-items: center; text-align: center; cursor: none; /* eigener mystischer Cursor */ .cursor { position: fixed; width: 22px; height: 22px; border-radius: 50%; border: 1px solid rgba(220,240,200,0.7); pointer-events: none; transform: translate(-50%, -50%); z-index: 999; transition: width .3s ease, height .3s ease, background .3s ease; mix-blend-mode: difference; } .cursor.active { width: 60px; height: 60px; background: rgba(120,200,120,0.15); } /* neue Schrift */ .content { font-family: "Cormorant Garamond", serif; } /* Titel */ h1 { position: relative; font-weight: 400; text-transform: uppercase; animation: titleReveal 3s ease forwards, subtleGlitch 7s infinite; } /* elegante Einblendung */ @keyframes titleReveal { 0% { opacity:0; letter-spacing:40px; filter: blur(15px); } 100% { opacity:1; letter-spacing: clamp(5px,1vw,12px); filter: blur(0); } } /* sehr dezenter Glitch */ @keyframes subtleGlitch { 0%, 90%, 100% { transform: translate(0); } 92% { transform: translate(-2px,1px); } 94% { transform: translate(2px,-1px); } } .subtitle { animation: fadeSubtitle 4s ease forwards; } @keyframes fadeSubtitle { from { opacity:0; transform: translateY(20px); } to { opacity:.65; transform: translateY(0); } } opacity: 0; animation: introFade 3s ease forwards; } /* leichte Lichtstimmung */ .intro::before { content: ""; position: absolute; width: 70vw; height: 70vw; max-width: 900px; max-height: 900px; background: radial-gradient( circle, rgba(125,190,120,0.18), transparent 65% ); filter: blur(60px); animation: pulse 8s ease-in-out infinite; } /* Inhalt */ .content { position: relative; z-index: 2; color: rgba(245,245,230,0.95); } h1 { font-size: clamp(35px, 7vw, 75px); font-weight: 300; letter-spacing: clamp(5px, 1vw, 12px); margin-bottom: 25px; } .subtitle { font-size: clamp(11px, 2vw, 17px); letter-spacing: clamp(3px, 0.7vw, 7px); opacity: 0.65; } /* Animationen */ @keyframes introFade { from { opacity: 0; transform: scale(1.03); } to { opacity: 1; transform: scale(1); } } @keyframes pulse { 0%, 100% { transform: scale(0.95); opacity:0.7; } 50% { transform: scale(1.1); opacity:1; } } /* Handy Anpassung */ @media(max-width:600px){ h1 { letter-spacing: 4px; } .subtitle { letter-spacing: 3px; } }

BALTAZAR SEEDS

ENTER THE 420 UNIVERSE