:root{--night:#0c1120;--night-2:#151c31;--larch:#e3a857;--larch-2:#c9853a;--signal:#ff4b2b;--paper:#f1ece2;--ink:#0c1120;--display:"Big Shoulders Display Variable", "Oswald", Impact, sans-serif;--sans:"Space Grotesk Variable", system-ui, sans-serif;--pad:clamp(18px, 5vw, 72px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--night);color:var(--paper);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}ol{list-style:none}.wrap{max-width:1280px;padding:0 var(--pad);margin:0 auto}.lbl{font:500 13px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;opacity:.7;margin-bottom:18px}h2{font:800 clamp(40px, 7vw, 104px)/.92 var(--display);text-transform:uppercase;letter-spacing:-.005em}.dot{background:var(--signal);vertical-align:middle;border-radius:50%;flex:none;width:9px;height:9px;margin-right:10px;animation:2s infinite ping;display:inline-block;box-shadow:0 0 #ff4b2b99}@keyframes ping{70%{box-shadow:0 0 0 12px #ff4b2b00}to{box-shadow:0 0 #ff4b2b00}}.btn{background:var(--larch);color:var(--night);font:600 15px/1 var(--sans);border-radius:999px;align-items:center;gap:8px;padding:16px 26px;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{background:#f1bd6e;transform:translateY(-2px)}.btn-ghost{color:var(--paper);background:0 0;box-shadow:inset 0 0 0 1.5px #f1ece273}.btn-ghost:hover{background:#f1ece214}.btn-sm{padding:11px 20px;font-size:14px}.top{z-index:20;padding:14px var(--pad);align-items:center;gap:28px;transition:background .3s;display:flex;position:fixed;inset:0 0 auto}.top.solid{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c1120e6}.mark{font:700 24px/1 var(--display);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}.mark b{color:var(--larch)}.nav{gap:28px;margin-left:auto;font-size:14px;display:flex}.nav a{opacity:.8;text-decoration:none}.nav a:hover{opacity:1;color:var(--larch)}.hero{background:radial-gradient(120% 90% at 78% 0%, #1b2440 0%, var(--night) 60%);align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero-in{z-index:2;padding:120px var(--pad) 140px;width:100%;max-width:1280px;margin:0 auto;position:relative}.kicker{font:500 14px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--larch);align-items:center;margin-bottom:24px;display:flex}.title{font:900 clamp(110px, 24vw, 360px)/.8 var(--display);text-transform:uppercase;letter-spacing:-.02em;flex-direction:column;display:flex}.title .w{display:flex}.title .w2{color:#0000;-webkit-text-stroke:2px var(--larch);font-weight:300}.title span span{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) forwards up;display:inline-block;transform:translateY(105%)}.title .w span:nth-child(2){animation-delay:80ms}.title .w span:nth-child(3){animation-delay:.16s}.title .w span:nth-child(4){animation-delay:.24s}.title .w span:nth-child(5){animation-delay:.32s}.title .w2 span{animation-delay:.35s!important}@keyframes up{to{opacity:1;transform:none}}.who{opacity:.9;margin:28px 0 34px;font-size:clamp(18px,2vw,24px)}.who b{font-weight:600}.cta{flex-wrap:wrap;gap:12px;display:flex}.mast{z-index:1;right:max(var(--pad), calc((100vw - 1280px) / 2 + var(--pad)));aspect-ratio:2/5;height:min(86svh,900px);position:absolute;bottom:52px}.tower{width:100%;height:100%;overflow:visible}.lattice{fill:none;stroke:var(--larch);stroke-width:2.2px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:3.2s cubic-bezier(.45,.1,.2,1) .2s forwards draw}@keyframes draw{to{stroke-dashoffset:0}}.lamp{fill:var(--signal);filter:drop-shadow(0 0 12px var(--signal));opacity:0;animation:1.6s .2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.waves{width:0;height:0;position:absolute;top:1.4%;left:50%}.waves i{opacity:0;border:1.5px solid #e3a8578c;border-radius:50%;width:70vmin;height:70vmin;margin:-35vmin 0 0 -35vmin;animation:6s linear .2s infinite wave;position:absolute;top:0;left:0;transform:scale(0)}.waves i:nth-child(2){animation-delay:-1.3s}.waves i:nth-child(3){animation-delay:-2.8s}.waves i:nth-child(4){animation-delay:-4.3s}@keyframes wave{0%{opacity:1;transform:scale(.02)}to{opacity:0;transform:scale(2.2)}}.ticker{z-index:3;background:var(--larch);height:52px;color:var(--night);font:600 15px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;align-items:center;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.track{flex:none;animation:34s linear infinite tick;display:flex}.track span{white-space:nowrap;padding:0 28px}.track span:after{content:"✦";margin-left:56px;font-size:11px}@keyframes tick{to{transform:translate(-50%)}}.pomoc{background:var(--larch);color:var(--night);padding:clamp(80px,12vw,160px) 0 clamp(60px,8vw,110px);overflow:hidden}.pomoc .head{margin-bottom:clamp(36px,6vw,72px)}.src{opacity:.75;margin-top:18px;font-size:15px}.band{border-top:2px solid var(--night);padding:clamp(14px,2vw,22px) 0 0;position:relative}.band:last-child{border-bottom:2px solid var(--night)}.bn{padding:0 var(--pad) 6px;font:600 14px/1 var(--sans);letter-spacing:.1em;display:block}.band:nth-child(2n) .bn{text-align:right}.run{white-space:nowrap;width:max-content;font:800 clamp(54px, 10.5vw, 170px)/1 var(--display);text-transform:uppercase;letter-spacing:-.01em;will-change:transform;animation:tasma var(--t,40s) linear infinite;display:flex}.run span{padding-right:.5em}.run span:nth-child(2n){color:#0000;-webkit-text-stroke:1.5px var(--night)}.band:nth-child(2n) .run{animation-direction:reverse}@keyframes tasma{to{transform:translate(-50%)}}.wave{width:100%;height:clamp(34px,5vw,70px);display:block}.wave path{fill:none;stroke:var(--night);stroke-width:2px;vector-effect:non-scaling-stroke}.band:nth-child(4n+1) .wave path{stroke:var(--signal)}.tuner{background:var(--paper);color:var(--ink);height:260vh;position:relative}.tuner-pin{align-items:center;min-height:100svh;padding:100px 0 60px;display:flex;position:sticky;top:0}.tuner-pin .wrap{width:100%}.dial{background:var(--night);border-radius:14px;height:92px;margin:clamp(36px,6vw,64px) 0 36px;position:relative;overflow:hidden}.scale{background:repeating-linear-gradient(90deg,#e3a857e6 0 2px,#0000 2px 100%) 0 100%/100% 46px no-repeat,repeating-linear-gradient(90deg,#f1ece259 0 1px,#0000 1px 20px) 0 100%/100% 24px no-repeat;position:absolute;inset:0;-webkit-mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.dial:before,.dial:after{content:"";font:600 12px/1 var(--sans);letter-spacing:.14em;color:var(--larch);position:absolute;top:14px}.needle{background:var(--signal);width:4px;box-shadow:0 0 18px var(--signal);border-radius:2px;margin-left:-2px;position:absolute;top:8px;bottom:8px;left:8%}.steps{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,40px);display:grid}.step{opacity:.38;border-top:2px solid #0c112033;padding-top:22px;transition:opacity .4s,border-color .4s}.step.on{opacity:1;border-color:var(--signal)}.step b{font:800 56px/1 var(--display);color:var(--larch-2)}.step h3{font:700 clamp(28px, 3vw, 40px)/1 var(--display);text-transform:uppercase;margin:10px 0}.step p{max-width:30ch;font-size:16px}.plate-sec{background:var(--night-2);padding:clamp(90px,13vw,170px) 0}.two{grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(36px,6vw,96px);display:grid}.plate-sec h2{font-size:clamp(38px,5.4vw,80px)}.secret{opacity:.85;align-items:baseline;gap:4px;max-width:46ch;margin-top:30px;display:flex}.plate{background:linear-gradient(140deg, #f0bd72, var(--larch) 40%, var(--larch-2));color:var(--night);box-shadow:inset 0 0 0 2px #0c112059, inset 0 0 0 9px var(--larch), inset 0 0 0 10.5px #0c112059, 0 30px 60px -20px #0009;border-radius:6px;padding:clamp(28px,4vw,48px);transition:transform .6s;position:relative;transform:perspective(900px)rotateY(-8deg)rotateX(3deg)}.plate:hover{transform:none}.plate div{border-bottom:1px dashed #0c112066;grid-template-columns:9.5em 1fr;gap:12px;padding:14px 0;display:grid}.plate div:last-of-type{border:0}.plate dt{font:600 12px/1.9 var(--sans);letter-spacing:.14em;text-transform:uppercase;opacity:.7}.plate dd{font:700 clamp(19px, 1.8vw, 24px)/1.25 var(--display);text-transform:uppercase;letter-spacing:.02em}.rivet{background:radial-gradient(circle at 35% 35%,#fff3d8,#8b5a22 70%);border-radius:50%;width:12px;height:12px;position:absolute}.rivet.a{top:16px;left:16px}.rivet.b{top:16px;right:16px}.rivet.c{bottom:16px;left:16px}.rivet.d{bottom:16px;right:16px}.kontakt{background:var(--signal);color:var(--night);padding:clamp(90px,12vw,160px) 0 clamp(70px,9vw,120px)}.mail{font:800 clamp(40px, 9.2vw, 150px)/.9 var(--display);text-transform:lowercase;letter-spacing:-.01em;word-break:break-word;flex-wrap:wrap;text-decoration:none;display:flex}.mail span:last-child{color:#0000;-webkit-text-stroke:2px var(--night)}.mail:hover span:last-child{color:var(--night)}.k-grid{border-top:2px solid var(--night);grid-template-columns:repeat(3,1fr);gap:28px;margin-top:clamp(40px,6vw,80px);padding-top:28px;display:grid}.k-grid h3{font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;opacity:.75;margin-bottom:12px}.k-grid p{overflow-wrap:anywhere;font-size:19px;font-weight:500}.muted{opacity:.7;font-style:italic}.foot{opacity:.7;padding:28px 0;font-size:14px}.foot .wrap{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.foot b{color:var(--larch)}.r{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.r.in{opacity:1;transform:none}@media (width<=900px){.nav{display:none}.top .btn-sm{margin-left:auto}.mast{opacity:.32;height:78svh;right:-8vw}.two,.k-grid{grid-template-columns:1fr}.plate{transform:none}.tuner{height:auto}.tuner-pin{min-height:0;padding:90px 0;position:static}.dial{display:none}.steps{grid-template-columns:1fr;gap:0}.step{opacity:1;border-color:var(--signal);padding:22px 0}}@media (width<=520px){.title{font-size:31vw}.who{margin:22px 0 26px}.plate div{grid-template-columns:1fr;gap:4px}.mail{font-size:10.4vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.waves{display:none}.run{animation:none!important}.r{opacity:1;transform:none}}
