@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--gold:#c6a56c;--goldlight:#f0d49b;--muted:#a4a19c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090a0b;color:#f4f1ec;font-family:'DM Sans',Arial,sans-serif;min-height:100vh}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#3025143b,transparent 53%)}.grain{position:fixed;inset:0;opacity:.12;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.frame{position:relative;max-width:1600px;min-height:100vh;margin:auto;padding:0 clamp(22px,5.5vw,94px);display:flex;flex-direction:column}.top{height:124px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand img{width:clamp(170px,19vw,245px);height:82px;object-fit:contain;object-position:left center}.top-right{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.22em;color:#b9b4ab;font-weight:700}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 18px var(--gold)}.hero{flex:1;display:grid;grid-template-columns:55% 45%;min-height:650px;align-items:center}.left{position:relative;z-index:2;padding:70px 0 78px}.eyebrow{display:flex;align-items:center;gap:17px;font-size:11px;letter-spacing:.23em;color:var(--goldlight);font-weight:700}.rule{width:34px;height:1px;background:var(--gold)}h1{font:800 clamp(53px,6.1vw,104px)/1.12 'Manrope',Arial,sans-serif;letter-spacing:-.07em;margin:32px 0 30px}h1 em{font-style:normal;color:var(--gold);font-weight:500}.intro{font-size:clamp(16px,1.5vw,20px);line-height:1.75;max-width:530px;color:#b8b5b0;margin:0 0 45px}.status{max-width:510px;padding:25px 27px 20px;background:linear-gradient(120deg,#ffffff0c,#ffffff04);border:1px solid #c6a56c45;border-left:2px solid var(--gold)}.status-line{display:flex;gap:18px;align-items:flex-start}.status-mark{font-size:26px;color:var(--gold)}.status strong,.status-line span:not(.status-mark){display:block}.status strong{font-size:15px;letter-spacing:.01em}.status-line div span{font-size:14px;color:#aaa49b;margin-top:8px}.progress{height:2px;background:#ffffff19;margin:25px 0 13px;overflow:hidden}.progress span{display:block;width:35%;height:100%;background:linear-gradient(90deg,transparent,var(--goldlight),transparent);animation:slide 3.6s ease-in-out infinite}.status small{color:#9d8e76;letter-spacing:.18em;font-size:10px}.status small span{margin:0 8px}.music{margin-top:35px;display:inline-flex;align-items:center;gap:28px;text-decoration:none;color:#f5f1e9;border-bottom:1px solid #77654c;padding-bottom:13px;transition:gap .2s}.music:hover{gap:42px}.music small,.music strong{display:block}.music small{font-size:10px;letter-spacing:.19em;color:#a99d88;margin-bottom:6px}.music strong{font-size:19px}.arrow{font-size:27px;color:var(--gold)}.right{height:100%;min-height:550px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.right:before{content:"";position:absolute;width:1px;height:70%;left:0;top:15%;background:linear-gradient(transparent,#a98b573e,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:76%;aspect-ratio:1;background:radial-gradient(circle at 45% 45%,#7b5a2873,#392d1a40 37%,transparent 69%);animation:float 9s ease-in-out infinite}.orb-two{width:48%;aspect-ratio:1;background:radial-gradient(circle,#d2a55719,transparent 70%)}.ring{position:absolute;border:1px solid #bda06d38;border-radius:50%;aspect-ratio:1;transform:rotate(-26deg) scaleY(.74)}.ring-one{width:86%;animation:rotate 26s linear infinite}.ring-two{width:66%;border-color:#d3ac5a50;animation:rotate 22s linear infinite reverse}.monogram{font:800 clamp(100px,15vw,245px)/1 'Manrope',Arial,sans-serif;letter-spacing:-.13em;padding-right:.13em;color:transparent;-webkit-text-stroke:1px #e4c48d9c;text-shadow:0 0 90px #d6a04a21;z-index:1}.side-text{position:absolute;right:-110px;top:45%;transform:rotate(90deg);font-size:10px;letter-spacing:.28em;color:#a18a65}.side-text span{padding:0 12px;color:#f2d9a7}.serial{position:absolute;bottom:15%;left:12%;font-size:10px;letter-spacing:.18em;color:#9e8a68}footer{min-height:76px;border-top:1px solid #ffffff1c;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.15em;color:#8f8b84}footer span:nth-child(2){color:#b7a07a}@keyframes slide{0%{transform:translateX(-130%)}100%{transform:translateX(390%)}}@keyframes float{50%{transform:translateY(-22px) scale(1.05)}}@keyframes rotate{to{transform:rotate(334deg) scaleY(.74)}}@media(max-width:850px){.top{height:95px}.top-right{font-size:8px;letter-spacing:.1em}.hero{grid-template-columns:1fr}.left{padding:55px 0 20px}.right{min-height:300px;max-height:340px;order:-1;margin-top:20px}.right:before,.side-text{display:none}.monogram{font-size:clamp(105px,28vw,190px)}h1{font-size:clamp(47px,9vw,75px)}.serial{bottom:6%}footer{flex-wrap:wrap;padding:22px 0}.footer-note{display:none}}@media(max-width:480px){.frame{padding:0 22px}.top-right{max-width:115px;line-height:1.6}.brand img{width:165px}.right{min-height:225px;max-height:260px}.left{padding:32px 0 55px}.eyebrow{font-size:9px;letter-spacing:.14em}h1{font-size:clamp(42px,12vw,62px);margin:25px 0}.intro{font-size:16px}.status{padding:19px}.status strong{font-size:14px}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Česká verze – originální logo v animovaných kruzích */
.top-identity{font-family:'Manrope',Arial,sans-serif;font-size:clamp(15px,1.5vw,21px);font-weight:800;letter-spacing:.14em;color:var(--goldlight)}
.top-identity span{font-family:'DM Sans',Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.16em;color:#9e988e;margin-left:12px}
.center-logo{position:relative;z-index:2;width:min(72%,430px);height:auto;object-fit:contain;filter:drop-shadow(0 0 34px #d6a04a35);animation:logo-appear 1.5s ease-out both}
@keyframes logo-appear{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}
@media(max-width:850px){.center-logo{width:min(65%,360px)}}
@media(max-width:480px){.top-identity{font-size:14px}.top-identity span{display:block;margin:5px 0 0;font-size:8px}.center-logo{width:70%}.serial{font-size:8px;letter-spacing:.08em}}