/* ===== Varianta A — „Chrom" · minimalistická tekutá rtuť ===== */

.a-hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden}
.a-hero-grid{position:absolute;inset:0;background:
  radial-gradient(120% 80% at 70% 30%, rgba(52,80,122,.20), transparent 55%),
  radial-gradient(90% 70% at 20% 90%, rgba(139,166,201,.10), transparent 60%);
}

/* tekutá rtuť — kapky */
.a-mercury{position:absolute;top:50%;right:-10vw;transform:translateY(-50%);width:min(54vw,680px);height:min(54vw,680px);filter:url(#gooey)}
.a-mercury .drop{position:absolute;border-radius:50%;background:var(--mercury);background-attachment:fixed;background-size:120vw 120vh;background-position:50% 42%;box-shadow:inset 0 -20px 44px rgba(0,0,0,.45),inset 0 16px 30px rgba(255,255,255,.4)}
.a-mercury .d0{width:46%;height:46%;left:27%;top:27%;animation:aFloat0 14s var(--ease) infinite}
.a-mercury .d1{width:24%;height:24%;left:8%;top:30%;animation:aFloat1 11s var(--ease) infinite}
.a-mercury .d2{width:18%;height:18%;left:62%;top:14%;animation:aFloat2 13s var(--ease) infinite}
.a-mercury .d3{width:14%;height:14%;left:58%;top:66%;animation:aFloat3 9s var(--ease) infinite}
.a-mercury .d4{width:10%;height:10%;left:24%;top:64%;animation:aFloat4 12s var(--ease) infinite}
@keyframes aFloat0{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-6%,4%) scale(1.05)}}
@keyframes aFloat1{0%,100%{transform:translate(0,0)}50%{transform:translate(40%,18%)}}
@keyframes aFloat2{0%,100%{transform:translate(0,0)}50%{transform:translate(-30%,26%)}}
@keyframes aFloat3{0%,100%{transform:translate(0,0)}50%{transform:translate(-24%,-34%)}}
@keyframes aFloat4{0%,100%{transform:translate(0,0)}50%{transform:translate(34%,-20%)}}

/* odlesková vrstva nad gooey (statické highlighty na hlavní kapce) */
.a-merc-gloss{position:absolute;top:50%;right:-10vw;transform:translateY(-50%);width:min(54vw,680px);height:min(54vw,680px);pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(36% 28% at 55% 38%, rgba(255,255,255,.7), transparent 60%);}

.a-hero-copy{position:relative;z-index:3;max-width:680px}
.a-hero h1{font-size:clamp(3rem,8.5vw,7.2rem);margin:.3em 0 .55em}
.a-hero h1 em{font-style:italic}
.a-hero .lead{font-size:clamp(1.05rem,1.6vw,1.28rem);color:var(--ink-dim);max-width:34em;margin-bottom:2.4em}
.a-hero-cta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.a-scroll{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:3;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint);display:flex;flex-direction:column;align-items:center;gap:10px}
.a-scroll i{width:1px;height:46px;background:linear-gradient(var(--steel),transparent);display:block}

/* sekce */
.a-sec{padding:clamp(70px,11vw,150px) 0}
.a-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(40px,6vw,80px);flex-wrap:wrap}
.a-sec-head h2{font-size:clamp(2rem,4.6vw,3.6rem);max-width:14ch}
.a-sec-head p{max-width:40ch;color:var(--ink-dim)}

/* služby — tiché řádky */
.a-serv{border-top:1px solid var(--line)}
.a-serv-row{display:grid;grid-template-columns:64px 1fr auto;gap:clamp(20px,4vw,56px);align-items:center;
  padding:clamp(28px,4vw,46px) 0;border-bottom:1px solid var(--line);position:relative;transition:padding-left .5s var(--ease)}
.a-serv-row:hover{padding-left:18px}
.a-serv-row .no{font-family:'Playfair Display',serif;font-style:italic;font-size:1.4rem;color:var(--steel)}
.a-serv-row h3{font-size:clamp(1.5rem,3vw,2.3rem)}
.a-serv-row .desc{color:var(--ink-dim);max-width:46ch;margin-top:.5rem;font-size:.98rem}
.a-serv-row .meta{text-align:right;color:var(--ink-faint);font-size:.86rem;white-space:nowrap}
.a-serv-row .meta b{display:block;color:var(--steel-lite);font-family:'Playfair Display',serif;font-style:italic;font-weight:500;font-size:1.5rem;margin-bottom:.1rem}
.a-serv-row .arrow{position:absolute;right:0;top:50%;opacity:0;transform:translateX(-10px);transition:.5s var(--ease);color:var(--steel)}
.a-serv-row:hover .arrow{opacity:1;transform:translateX(0)}

/* portfolio strip */
.a-port{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,22px)}
.a-card{position:relative;border-radius:var(--r-md);overflow:hidden;aspect-ratio:9/13;border:1px solid var(--line);background:var(--bg-3)}
.a-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3) brightness(.82) contrast(1.05);transition:transform .9s var(--ease),filter .9s var(--ease)}
.a-card:hover img{transform:scale(1.06);filter:grayscale(0) brightness(.95)}
.a-card-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(6,7,10,.92) 4%,transparent 46%)}
.a-card-meta{position:absolute;left:18px;right:18px;bottom:16px}
.a-card-meta .tag{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--steel-lite)}
.a-card-meta h4{font-family:'Playfair Display',serif;font-style:italic;font-size:1.25rem;margin-top:.25rem}
.a-card .play{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--glass);border:1px solid var(--glass-brd);backdrop-filter:blur(8px)}

/* about teaser */
.a-about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.a-about-photo{position:relative;border-radius:var(--r-lg);overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line)}
.a-about-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.9)}
.a-about-photo .chrome-blob{position:absolute;width:120px;height:120px;right:-30px;bottom:-30px}
.a-about h2{font-size:clamp(2rem,4.4vw,3.4rem);margin-bottom:1rem}
.a-about p{color:var(--ink-dim);margin-bottom:1.3rem;max-width:46ch}
.a-sign{font-family:'Playfair Display',serif;font-style:italic;font-size:2rem;color:var(--ink);margin-top:.4rem}

/* usp */
.a-usp{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,34px)}
.a-usp .item{padding:clamp(26px,3vw,38px);border-radius:var(--r-md)}
.a-usp .item .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:1.4rem;background:var(--glass-2);border:1px solid var(--glass-brd)}
.a-usp .item h3{font-size:1.3rem;margin-bottom:.6rem}
.a-usp .item p{color:var(--ink-dim);font-size:.95rem}

/* kontakt band */
.a-cta{position:relative;text-align:center;padding:clamp(70px,11vw,150px) 0;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(120% 140% at 50% 0%,rgba(176,192,220,.18),rgba(52,80,122,.10) 38%,transparent 64%)}
.a-cta h2{font-size:clamp(2.4rem,6vw,5rem);margin-bottom:.4em}
.a-cta p{color:var(--ink-dim);max-width:42ch;margin:0 auto 2.4em}
.a-cta-merc{position:absolute;left:50%;top:-30%;transform:translateX(-50%);width:520px;height:520px;filter:url(#gooey);opacity:.5}
.a-cta-merc .drop{position:absolute;border-radius:50%;background:var(--mercury);background-attachment:fixed;background-size:120vw 120vh;background-position:50% 42%;box-shadow:inset 0 -16px 30px rgba(0,0,0,.45),inset 0 12px 22px rgba(255,255,255,.4)}

@media(max-width:880px){
  .a-port{grid-template-columns:1fr 1fr}
  .a-about{grid-template-columns:1fr}
  .a-usp{grid-template-columns:1fr}
  .a-mercury,.a-merc-gloss{opacity:.55;right:-30vw}
  .a-serv-row{grid-template-columns:36px 1fr;row-gap:8px}
  .a-serv-row .meta{grid-column:2;text-align:left}
}