/* Stroopwafel Time — coming soon. Barvy zmerene z loga, viz brand/palette.json. */
@font-face{font-family:Vollkorn;src:url("/assets/Vollkorn-Regular.ttf") format("truetype");font-display:swap;font-weight:400 900}
:root{--black:#000;--krem:#FAF4E9;--krem-tlum:#F3E9DB;--karamel:#BE9A7F;--karamel-tmavy:#966B4A}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--black);color:var(--krem);
  font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;line-height:1.6;
  text-align:center;padding:clamp(1.5rem,5vw,3rem)}
a{color:inherit}
:focus-visible{outline:2px solid var(--karamel);outline-offset:4px}
main{margin:auto;display:flex;flex-direction:column;align-items:center;max-width:44rem;width:100%}
.logo{width:min(74vw,26rem);height:auto;display:block}
h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.soon{margin:clamp(1.2rem,3vw,2rem) 0 0;font-size:.68rem;text-transform:uppercase;letter-spacing:.34em;
  color:var(--karamel);font-weight:700;text-indent:.34em}
.rule{display:flex;align-items:center;gap:.6rem;width:min(20rem,68vw);margin:1.6rem 0 0;color:var(--karamel)}
.rule i{flex:1;height:1px;background:currentColor;opacity:.55}
.rule b{width:5px;height:5px;background:currentColor;transform:rotate(45deg)}
.lead{margin:1.6rem 0 0;font-size:clamp(1.02rem,2.1vw,1.22rem);max-width:34rem;color:var(--krem-tlum)}
.ig{display:inline-flex;align-items:center;gap:.7rem;margin-top:clamp(2rem,4vw,2.8rem);
  border:1px solid var(--karamel-tmavy);color:var(--krem);text-decoration:none;
  padding:.95rem 1.5rem;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;
  transition:background .18s,border-color .18s}
.ig:hover,.ig:focus-visible{background:var(--karamel);border-color:var(--karamel);color:#12100e}
.ig svg{width:19px;height:19px;fill:currentColor;flex:0 0 auto}
.handle{margin:.9rem 0 0;font-family:Vollkorn,Georgia,serif;font-size:1.15rem;color:var(--karamel);letter-spacing:.01em}
footer{margin-top:clamp(2.5rem,6vw,4rem);width:100%}
.langs{display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.15rem;
  font-size:.72rem;text-transform:uppercase;letter-spacing:.13em}
.langs a{color:var(--karamel);text-decoration:none;padding:.3rem 0}
.langs a:hover{color:var(--krem);text-decoration:underline;text-underline-offset:.32rem}
.langs a[aria-current=page]{color:var(--krem);text-decoration:underline;text-underline-offset:.32rem}
.place{margin:1.4rem 0 0;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#6f6459}
@media(prefers-reduced-motion:no-preference){
  main>*{animation:rise .7s cubic-bezier(.22,.68,.28,1) backwards}
  .soon{animation-delay:.08s}.rule{animation-delay:.14s}.lead{animation-delay:.2s}
  .ig{animation-delay:.28s}.handle{animation-delay:.34s}
  @keyframes rise{from{opacity:0;transform:translateY(12px)}}
}