/* Readability improvements for the original black AGENCIA design. */
:root{--soft:#dedede;--dim:#b0b0b0;--line:rgba(255,255,255,.16);--line-hi:rgba(255,255,255,.3)}
html{scroll-padding-top:100px}
body{line-height:1.65}
button,input,summary{-webkit-tap-highlight-color:transparent}
[hidden]{display:none!important}
h1,h2,h3{overflow-wrap:break-word}
h1{line-height:1.06;letter-spacing:-.045em}
h2{line-height:1.12;letter-spacing:-.04em}
.hero h1{font-size:clamp(42px,6.7vw,98px);max-width:14ch}
.hero h1 .w{animation:ag-word-in .5s both}
.hero h1 .w:nth-child(2){animation-delay:60ms}.hero h1 .w:nth-child(3){animation-delay:120ms}.hero h1 .w:nth-child(4){animation-delay:180ms}
@keyframes ag-word-in{from{transform:translateY(7px);opacity:.85}to{transform:none;opacity:1}}
.lede{font-size:clamp(18px,1.5vw,20px);line-height:1.7;max-width:54ch}
.sub{font-size:18px;line-height:1.7}
.step p,.case .meta p,.people-story .people-text,.bi p{font-size:17px;line-height:1.7}
.deal p,.yours p{line-height:1.7}
.btn,.chip{min-height:44px}
.cmd{background:rgba(4,4,6,.94)}
.cmd input::placeholder{color:#aaa;opacity:1}
.cmd input:focus-visible{outline:2px solid var(--mag);outline-offset:-2px;border-radius:4px}
.chips{gap:10px}
.chip{font-size:14px;line-height:1.4;text-align:left}
.res .said{font-size:14px;line-height:1.6}.res .said span{opacity:1!important;color:var(--dim)}
.res table{table-layout:fixed}.res td{overflow-wrap:anywhere;padding:12px 8px 12px 0;vertical-align:top}.res td:last-child{width:31%;padding-right:0;line-height:1.5}
.res .tag{line-height:1.4}
.mess .track{color:#aaa}
.fmega h2{font-size:14px;line-height:1.4;color:#bdbdbd}.fmega a{font-size:15px;line-height:1.6;padding-block:7px}
nav{gap:18px;background:rgba(0,0,0,.94);border-bottom:1px solid rgba(255,255,255,.09)}
nav ul{gap:22px;font:500 14px/1.4 var(--text);color:#c9c9c9}
nav ul a{display:inline-flex;align-items:center;min-height:44px}
nav .logo,nav>.btn{flex-shrink:0}
nav>.btn{min-height:44px!important}
.language-link{font:600 13px/1 var(--text);text-decoration:none;border:1px solid var(--line-hi);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
.mobile-menu{display:none;border:0;padding:0;margin:0}
.mobile-menu summary::after{display:none}
.motion-toggle{position:absolute;right:max(20px,calc((100% - 1200px)/2));bottom:20px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;background:rgba(0,0,0,.8);color:#c9c9c9;border:1px solid var(--line-hi);border-radius:4px;font:500 13px/1.4 var(--text);cursor:pointer}
.motion-toggle:hover{color:white;border-color:var(--mag)}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
.hero::after{background:linear-gradient(90deg,#000 0%,rgba(0,0,0,.84) 32%,rgba(0,0,0,.12) 75%),linear-gradient(0deg,#000,transparent 35%)}
.phero .lede{line-height:1.7}.rows .r span,.acards span,.aside p{font-size:17px;line-height:1.65}
.crumbs,.phero .meta{font-size:14px;line-height:1.65}
.rel{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}
.layout>*{min-width:0}
@media(max-width:1100px){
 nav{padding:12px 20px;gap:12px;background:rgba(0,0,0,.96)}
 nav.solid{background:rgba(0,0,0,.97);box-shadow:0 1px 0 var(--line)}
 nav>ul{display:none}nav>.logo{margin-right:auto}nav>.language-link{display:none}
 .mobile-menu{display:block}
 .mobile-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;cursor:pointer;min-height:44px;min-width:52px;padding:10px;border:1px solid var(--line-hi);border-radius:5px;font:600 14px/1 var(--text)}
 .mobile-menu summary::-webkit-details-marker{display:none}
 .mobile-menu[open] summary{border-color:var(--mag)}
 .mobile-menu ul{position:absolute;inset:100% 0 auto;display:flex;flex-direction:column;gap:0;padding:12px 20px 20px;background:#090909;border-bottom:1px solid var(--line-hi);max-height:calc(100dvh - 80px);overflow-y:auto;box-shadow:0 24px 40px #0009}
 .mobile-menu li{list-style:none}.mobile-menu ul a{display:flex;width:100%;padding:12px 8px;font:500 17px/1.4 var(--text);color:#eee;border-bottom:1px solid var(--line)}
 .mobile-menu ul a::after{display:none}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 40px)}
 nav{padding-inline:16px;gap:8px}.logo{font-size:18px;gap:8px}.logo span{width:24px;height:24px}
 nav>.btn{padding:12px 14px!important;font-size:14px}
 .hero{min-height:auto;padding:126px 0 84px;align-content:start}
 .hero h1{font-size:clamp(32px,9.8vw,46px);line-height:1.12;letter-spacing:-.035em;max-width:15ch;margin-bottom:26px}
 .hero h1::after{display:none}
 .hero::after{background:linear-gradient(180deg,#000c 0%,#000a 32%,#0003 60%,#000 100%)}
 #trip{opacity:.8}
 .lede{font-size:18px;line-height:1.7;margin-bottom:30px}
 .sub{font-size:17px;margin-bottom:34px}
 section{padding:76px 0}h2{font-size:clamp(27px,7.6vw,38px);line-height:1.17}
 .cmd{border-radius:16px;padding:10px}.cmd form{gap:10px}
 .cmd input{font:400 16px/1.5 var(--text);padding:14px 8px}
 .cmd .btn{min-height:46px!important;border-radius:8px}
 .chips{padding:10px 0 2px;display:grid;grid-template-columns:1fr;gap:8px}
 .chip{min-height:44px!important;font-size:14px;border-radius:8px;padding:11px 12px;background:#141414;box-shadow:inset 0 0 0 1px var(--line)}
 .res{margin:8px 0 0;padding:16px 2px}.res td,.res td:last-child{font-size:14px}
 .motion-toggle{bottom:16px;font-size:13px;min-height:44px}
 .fmega{grid-template-columns:1fr;gap:28px}.fmega a{padding-block:9px}
 .fl-n b{font-size:15px}.fl-n small{font-size:12px}
 .phero{padding:120px 0 56px}.phero h1{font-size:clamp(29px,8.8vw,42px);line-height:1.15}
 .psec{padding:56px 0}.abody p,.prose p{font-size:17px;line-height:1.8}
 .cc{padding:18px;max-height:75dvh;overflow:auto}.cc .row{display:grid;grid-template-columns:1fr 1fr}.cc .btn{padding:12px 8px}
}
@media(max-width:360px){nav .logo{font-size:16px;gap:6px}nav>.btn{font-size:13px;padding:11px!important}.mobile-menu summary{min-width:46px;padding:9px}.wrap{width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.hero h1 .w{animation:none}.motion-toggle{display:none}html{scroll-behavior:auto}}

html[lang="cs"] .cmd::before{content:"agencia://vase-firma"}