/* Smer A: limetkova plocha, Bricolage Grotesque, vsetko na stred okolo ikony.
   Signature pohyb: "zaostrenie" - obsah prejde z rozmazania do ostrosti, ako hlas, z ktoreho sa stane text. */
:root{
  --bg:var(--lime);
  --ink:#14200E;                /* 11.9:1 na lime */
  --font:"Bricolage Grotesque",ui-rounded,"Avenir Next",sans-serif;
  --line:rgba(20,32,14,.45);
  --sheet:#F7F9EC;
  --close-hover:#E4EEB8;
  --key-face:#1F3017;           /* lime text na nom 9.9:1, voci lime ploche 9.9:1 */
  --key-face-hover:#2A401F;
  --key-edge:#081004;
  --key-hi:rgba(255,255,255,.14);
  --key-ink:var(--lime);
  --key-r:16px;
}
.hero{min-height:100svh;display:grid;place-items:center;padding:clamp(40px,7vh,88px) var(--gutter);text-align:center}
.stack{display:flex;flex-direction:column;align-items:center;max-width:64rem}
.icon{width:clamp(132px,15vw,216px)}
.name{margin-top:clamp(14px,1.6vw,22px);font-size:1.375rem;line-height:1.2;font-weight:700;letter-spacing:-.01em}
h1{margin-top:clamp(10px,1.2vw,16px);font-size:clamp(3rem,8.2vw,8rem);line-height:.94;font-weight:780;letter-spacing:-.04em;
  font-variation-settings:"opsz" 96}
.lead{margin-top:clamp(20px,2.4vw,32px);max-width:40ch;font-size:clamp(1.25rem,1.7vw,1.5rem);line-height:1.45;font-weight:450}
.cta{margin-top:clamp(28px,3.4vw,44px);display:flex;flex-direction:column;align-items:center;gap:10px}
.meta{justify-content:center}

@media (prefers-reduced-motion:no-preference){
  .rise{animation:in-o .24s var(--ease) both,in-focus .64s var(--ease) both;animation-delay:calc(var(--i,0) * 30ms)}
}
@keyframes in-o{from{opacity:0}}
@keyframes in-focus{from{filter:blur(8px);transform:translateY(14px)}}