/*
Theme Name: OE Future
Description: Modernes, vollständig visuell bearbeitbares Block-Theme für oe.smola.ch.
Version: 1.2.0
Requires at least: 7.1
Text Domain: oe-future
*/

html{scroll-behavior:smooth}
body{-webkit-font-smoothing:antialiased}
a{text-underline-offset:.22em}
.wp-site-blocks{overflow:hidden}
.oe-progress{position:fixed;z-index:10001;left:0;top:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#68f0c2,#00bfff,#9b6bff);box-shadow:0 0 18px #68f0c2;pointer-events:none}
.oe-boot{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;background:#07111f;color:#68f0c2;transition:clip-path .9s cubic-bezier(.8,0,.2,1),visibility .9s;clip-path:inset(0 0 0 0)}.oe-boot.is-done{clip-path:inset(0 0 100% 0);visibility:hidden}.oe-boot-inner{width:min(680px,82vw)}.oe-boot-code{font:500 clamp(13px,2vw,18px)/1.9 'DM Mono',monospace;letter-spacing:.09em}.oe-boot-code span{display:block;opacity:0;animation:oe-boot-line .35s ease forwards}.oe-boot-code span:nth-child(2){animation-delay:.22s}.oe-boot-code span:nth-child(3){animation-delay:.44s}.oe-boot-meter{height:2px;margin-top:28px;background:rgba(104,240,194,.18);overflow:hidden}.oe-boot-meter:after{content:"";display:block;width:100%;height:100%;background:#68f0c2;transform:translateX(-100%);animation:oe-boot-meter 1.05s .1s cubic-bezier(.7,0,.2,1) forwards;box-shadow:0 0 20px #68f0c2}
.wp-site-blocks:before{content:"";position:fixed;z-index:9999;inset:0;pointer-events:none;opacity:.17;background:repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}
.oe-cursor-glow{position:fixed;z-index:0;width:28rem;height:28rem;left:0;top:0;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(104,240,194,.18),transparent 67%);transform:translate3d(-50%,-50%,0);filter:blur(12px);opacity:0;transition:opacity .35s ease;mix-blend-mode:multiply}.oe-cursor-glow.is-active{opacity:1}
.oe-cursor-dot{position:fixed;z-index:10002;width:7px;height:7px;left:0;top:0;border-radius:50%;background:#68f0c2;box-shadow:0 0 15px #68f0c2;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s}.oe-cursor-dot.is-over{width:34px;height:34px;background:rgba(104,240,194,.18);border:1px solid #68f0c2}
.oe-orbit{position:relative;isolation:isolate}
.oe-orbit:before{content:"";position:absolute;z-index:-1;width:34rem;height:34rem;right:-7rem;top:-9rem;border-radius:50%;background:radial-gradient(circle at 38% 35%,rgba(144,255,217,.75),rgba(18,174,147,.17) 46%,transparent 70%);filter:blur(3px)}
.oe-orbit:after{content:"";position:absolute;z-index:-1;width:360px;height:360px;right:5%;top:12%;border:1px solid rgba(41,151,127,.22);border-radius:50%;box-shadow:0 0 0 55px rgba(41,151,127,.04),0 0 0 110px rgba(41,151,127,.025);animation:oe-orbit 18s linear infinite}
.oe-orbit .oe-hero-title{position:relative;z-index:2;text-shadow:0 18px 70px rgba(7,17,31,.1)}
.oe-grid{background-image:linear-gradient(rgba(104,240,194,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(104,240,194,.06) 1px,transparent 1px);background-size:48px 48px;animation:oe-grid-drift 22s linear infinite}
.oe-card{position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .4s ease}.oe-card:after{content:"";position:absolute;inset:-120% -70%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,rgba(104,240,194,.16) 49%,transparent 56%);transform:translateX(-30%);transition:transform .8s ease}.oe-card:hover{transform:translateY(-9px);border-color:#68f0c2!important;box-shadow:0 28px 70px rgba(7,17,31,.13)}.oe-card:hover:after{transform:translateX(30%)}
.oe-marquee{position:relative;overflow:hidden;border-top:1px solid #68f0c2;border-bottom:1px solid #68f0c2;background:#07111f;color:#68f0c2;transform:rotate(-1.35deg) scale(1.025);box-shadow:0 20px 60px rgba(7,17,31,.25)}.oe-marquee-track{display:flex;width:max-content;animation:oe-marquee 22s linear infinite}.oe-marquee-track span{padding:21px 28px;font:500 13px 'DM Mono',monospace;letter-spacing:.14em;white-space:nowrap}.oe-marquee-track span:after{content:"✦";margin-left:56px;color:#fff}
.oe-bigword{position:absolute;right:-.04em;bottom:-.19em;z-index:0;color:transparent;-webkit-text-stroke:1px rgba(104,240,194,.12);font-size:clamp(10rem,27vw,32rem);font-weight:700;line-height:.8;letter-spacing:-.09em;pointer-events:none;white-space:nowrap}
.oe-signal{box-shadow:0 30px 80px rgba(3,14,25,.3)}
.oe-reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.oe-reveal.is-visible{opacity:1;transform:none}.oe-reveal:nth-child(2){transition-delay:.08s}.oe-reveal:nth-child(3){transition-delay:.16s}
.wp-element-button{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.wp-element-button:after{content:"";position:absolute;width:8px;height:8px;right:16px;top:50%;border-radius:50%;background:#68f0c2;transform:translateY(-50%) scale(0);transition:transform .3s ease}.wp-element-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(7,17,31,.18)}.wp-element-button:hover:after{transform:translateY(-50%) scale(1)}
.oe-hero-title mark{display:inline-block;background-image:linear-gradient(90deg,#29977f,#68f0c2,#29977f);background-size:200% auto!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent;animation:oe-gradient 5s linear infinite}
@keyframes oe-gradient{to{background-position:200% center}}@keyframes oe-grid-drift{to{background-position:48px 48px}}@keyframes oe-orbit{to{transform:rotate(360deg)}}@keyframes oe-marquee{to{transform:translateX(-50%)}}@keyframes oe-boot-line{to{opacity:1;transform:translateX(0)}from{opacity:0;transform:translateX(-16px)}}@keyframes oe-boot-meter{to{transform:translateX(0)}}
@media(pointer:fine){body{cursor:none}a,button,.wp-element-button{cursor:none}}
@media(max-width:781px){.oe-desktop-nav{display:none!important}.oe-hero-title{font-size:clamp(3.4rem,18vw,5.5rem)!important}.oe-metrics{gap:1.5rem!important}.oe-contact-title{font-size:3.4rem!important}.oe-cursor-glow,.oe-cursor-dot,.oe-orbit:after{display:none}.oe-grid{animation:none}.oe-marquee{transform:rotate(-2deg) scale(1.04)}.oe-bigword{font-size:14rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.oe-boot{display:none}.oe-grid,.oe-orbit:after,.oe-hero-title mark,.oe-marquee-track{animation:none}.oe-reveal{opacity:1;transform:none;transition:none}.oe-card,.wp-element-button{transition:none}}