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