/*
Theme Name: WebGlorie Hero
Theme URI: https://webglorie.nl/
Author: WebGlorie
Description: Minimal, animated one-page WordPress theme for WebGlorie.
Version: 1.0.0
Text Domain: webglorie-hero
*/

:root{--wg-blue:#2f7fe0;--wg-cyan:#52c7f2;--wg-deep:#071b46;--wg-orange:#ff7a18;--wg-gold:#ffbf00}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#071b46}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#fff;overflow-x:hidden}
a{color:inherit}
.wg-page{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#2f7fe0 0%,#277edc 28%,#143e91 55%,#071b46 82%,#061534 100%)}
.wg-page:before{content:"";position:absolute;inset:-20%;z-index:-3;background:radial-gradient(circle at 68% 65%,rgba(71,190,244,.45),transparent 25%),radial-gradient(circle at 18% 5%,rgba(86,198,255,.5),transparent 28%),linear-gradient(145deg,transparent 35%,rgba(3,18,55,.58) 60%,transparent 78%);animation:wg-breathe 12s ease-in-out infinite alternate}
.wg-page:after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at center,transparent 35%,rgba(0,7,28,.28) 100%)}
.wg-curve{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(.1px);transform:rotate(-21deg);opacity:.98}
.wg-curve.one{width:110vw;height:72vw;left:-48vw;top:-42vw;background:linear-gradient(140deg,rgba(72,183,255,.85),rgba(82,202,246,.95));box-shadow:0 0 0 1px rgba(255,255,255,.75),0 0 80px rgba(70,208,255,.32)}
.wg-curve.two{width:92vw;height:54vw;right:-40vw;bottom:-31vw;background:linear-gradient(140deg,rgba(43,119,232,.75),rgba(78,205,247,.98));box-shadow:0 0 0 1px rgba(255,255,255,.72),0 0 90px rgba(40,167,255,.25)}
.wg-orb{position:absolute;border-radius:50%;background:rgba(163,220,255,.23);box-shadow:inset 0 0 30px rgba(255,255,255,.05),0 0 35px rgba(77,193,255,.1);pointer-events:none;will-change:transform}
.wg-orb.a{width:136px;height:136px;right:3vw;top:-5px}.wg-orb.b{width:118px;height:118px;left:31%;top:16%}.wg-orb.c{width:90px;height:90px;left:11%;top:52%}.wg-orb.d{width:110px;height:110px;right:34%;bottom:7%}.wg-orb.e{width:46px;height:46px;left:2%;top:58%;opacity:.45}.wg-orb.f{width:62px;height:62px;right:10%;bottom:22%;opacity:.35}
.wg-shell{min-height:100svh;display:grid;place-items:center;padding:40px 24px;position:relative}
.wg-hero{text-align:center;width:min(920px,100%);transform:translateY(-1vh);position:relative}
.wg-logo{display:block;width:min(300px,62vw);height:auto;margin:0 auto 38px;filter:drop-shadow(0 10px 24px rgba(0,0,0,.18))}
.wg-title{margin:0;font-size:clamp(48px,7.2vw,96px);line-height:.96;letter-spacing:-.055em;font-weight:750;text-wrap:balance;text-shadow:0 8px 34px rgba(0,0,0,.18)}
.wg-title span{display:block;background:linear-gradient(90deg,#9ee9ff 0%,#51c9f5 48%,#a6f0ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:10px}
.wg-glow{position:absolute;width:45%;height:18%;left:27.5%;top:42%;z-index:-1;background:rgba(35,170,255,.34);filter:blur(60px);border-radius:50%}
.wg-scroll{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.58);display:flex;flex-direction:column;align-items:center;gap:9px}
.wg-scroll i{display:block;width:1px;height:34px;background:linear-gradient(to bottom,rgba(255,255,255,.65),transparent);animation:wg-scroll 1.8s ease-in-out infinite}
@keyframes wg-breathe{to{transform:translate3d(1%, -1%,0) scale(1.03)}}
@keyframes wg-scroll{0%,100%{opacity:.35;transform:scaleY(.75);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}
@media (max-width:700px){.wg-shell{padding:30px 18px}.wg-hero{transform:none}.wg-logo{width:min(250px,72vw);margin-bottom:28px}.wg-title{font-size:clamp(42px,12vw,70px)}.wg-orb.a{width:90px;height:90px}.wg-orb.b{width:70px;height:70px}.wg-orb.c{width:55px;height:55px}.wg-orb.d{width:68px;height:68px}.wg-scroll{bottom:15px}}
@media (prefers-reduced-motion:reduce){.wg-page:before,.wg-scroll i{animation:none!important}.wg-orb{transition:none!important}}