:root{--modra-brana: #1c14bb;--citrin: #ffe9a3}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Montserrat,system-ui,sans-serif;background:var(--modra-brana);overflow:hidden}.brana{position:fixed;inset:0;background:var(--modra-brana)}.brana__platno{position:absolute;inset:0;display:block;z-index:1}.brana__vety{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;z-index:2}.veta{font-weight:300;font-size:clamp(2rem,5.5vw,3.6rem);letter-spacing:.06em;color:var(--citrin);opacity:0;transform:translateY(12px);transition:opacity 1.8s ease-out,transform 1.8s ease-out;text-align:center;line-height:1.2;margin:0}.veta.je-videt{opacity:1;transform:translateY(0)}.veta--brana{position:relative;font-weight:400;font-size:clamp(2.4rem,7vw,4.6rem);cursor:default;transition:opacity 1.8s ease-out,transform 1.8s ease-out,color .8s ease-out,letter-spacing .8s ease-out,text-shadow .8s ease-out}.vstup{position:absolute;left:50%;bottom:-1.4rem;transform:translate(-50%);font-size:.85rem;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:var(--citrin);white-space:nowrap;opacity:0;transition:opacity 1.4s ease-out;pointer-events:none}.veta--brana.ziva .vstup{animation:dychVstup 3.8s ease-in-out infinite}@keyframes dychVstup{0%,to{opacity:.4}50%{opacity:.9}}.veta--brana.ziva{cursor:pointer;animation:dychHladina 3.8s ease-in-out infinite}@keyframes dychHladina{0%,to{text-shadow:0 0 0 rgba(255,233,163,0);letter-spacing:.06em}50%{text-shadow:0 0 16px rgba(255,233,163,.55);letter-spacing:.08em}}.veta--brana.ziva:hover,.veta--brana.ziva:focus-visible{color:#fff;letter-spacing:.12em;text-shadow:0 0 28px rgba(255,255,255,.9);animation:none;outline:none}@media(prefers-reduced-motion:reduce){.veta{opacity:1;transform:none}.kolo.je-videt{animation:none}}.menu-portal{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;clip-path:circle(0% at var(--ox, 50%) var(--oy, 50%));transition:clip-path 1.2s ease-in-out;background:radial-gradient(circle at center,transparent 0 calc(31vmin - 1px),#1c14bb calc(31vmin - 1px) calc(31vmin + 1px),transparent calc(31vmin + 1px)),repeating-radial-gradient(circle at center,rgba(255,233,163,.4) 0 1.5px,transparent 1.5px 7vmin),radial-gradient(circle at center,#fff,#fffdf0 55%,#fffbe4)}.menu-portal.je-otevreno{clip-path:circle(150% at var(--ox, 50%) var(--oy, 50%))}.menu{position:relative;width:86vmin;height:86vmin}.kolo{position:absolute;width:19vmin;height:19vmin;transform:translate(-50%,-50%) scale(.6);border-radius:50%;background:#fffcdb;border:2px solid #ffe9a3;text-decoration:none;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;cursor:pointer;opacity:0;box-shadow:0 6px 24px #1c14bb1a;transition:opacity 1s ease-out,transform .5s ease-out,background .5s ease-out,box-shadow .5s ease-out,border-color .5s ease-out}.kolo.je-videt{opacity:1;transform:translate(-50%,-50%) scale(1);animation:dychKolo 4s ease-in-out infinite}@keyframes dychKolo{0%,to{border-color:#ffe9a373}50%{border-color:#ffe9a3}}.kolo__text{font-weight:400;font-size:clamp(1rem,2.3vmin,1.4rem);letter-spacing:.04em;color:#1c14bb;line-height:1.25}.kolo__cnost{position:absolute;left:0;right:0;bottom:15%;text-align:center;font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:clamp(.7rem,1.5vmin,.95rem);letter-spacing:.14em;color:#1c14bb;opacity:0;transition:opacity .7s ease-out;pointer-events:none}.kolo:hover .kolo__cnost,.kolo:focus-visible .kolo__cnost{opacity:.18}.kolo:hover,.kolo:focus-visible{background:#ffe9a3;border-color:#ffe9a3;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 10px 32px #1c14bb33;animation:none;outline:none}@media(max-width:640px){.menu{width:92vmin;height:92vmin}.kolo{width:25vmin;height:25vmin;padding:.35rem}.kolo__text{font-size:clamp(.78rem,3.4vw,1.05rem)}.kolo__cnost{font-size:.7rem;bottom:11%}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brana-pata{position:fixed;left:0;right:0;bottom:0;z-index:3;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom,0px));text-align:center;pointer-events:none;opacity:0;animation:branaPataNaběh 1.6s ease-out 6.4s forwards}.brana-pata__odkazy{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .7rem;font-family:Montserrat,system-ui,sans-serif;font-weight:300;font-size:clamp(.7rem,1.4vw,.8rem);letter-spacing:.04em}.brana-pata__odkazy a{pointer-events:auto;color:#ffe9a3;text-decoration:none;opacity:.72;transition:opacity .3s ease-out,color .3s ease-out}.brana-pata__odkazy a:hover,.brana-pata__odkazy a:focus-visible{opacity:1;color:#fff;outline:none}.brana-pata__odkazy span{color:#ffe9a3;opacity:.4}.brana-pata__autor{margin:.35rem 0 0;font-family:Montserrat,system-ui,sans-serif;font-weight:300;font-size:clamp(.62rem,1.2vw,.72rem);letter-spacing:.06em;color:#ffe9a3;opacity:.5}@keyframes branaPataNaběh{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.brana-pata{animation:none;opacity:1}}