:root{--bg:#f5f6f0;--ink:#20251f;--muted:#5c655a;--line:#dce1d5;--green:#476448;--pale:#e7ecdf;--white:#fff;--max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}p{margin:0 0 22px;color:var(--muted)}h1,h2,h3{font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0}h2{font-size:clamp(36px,4.4vw,54px)}h3{font-size:25px;letter-spacing:-.025em;line-height:1.25}.accent{color:var(--green)}.frame{max-width:var(--max);margin-inline:auto;border-inline:1px solid var(--line)}.header{display:flex;align-items:center;justify-content:space-between;gap:32px;position:sticky;top:18px;z-index:20;max-width:970px;margin:18px auto 0;padding:14px 23px;background:#ffffffed;border:1px solid var(--line);border-radius:40px;box-shadow:0 4px 20px #24332307;backdrop-filter:blur(12px)}.brand{font-size:20px;font-weight:700;letter-spacing:-.055em;white-space:nowrap}.brand span{color:var(--green)}nav{display:flex;align-items:center;gap:25px;font-size:13px}nav a{transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--green);text-decoration:underline;text-underline-offset:5px}.nav-contact{font-weight:700;display:flex;gap:12px}.hero{position:relative;text-align:center;padding:102px 36px 64px;overflow:hidden;background-image:radial-gradient(#6c806524 .8px,transparent .8px);background-size:22px 22px;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 5%,var(--bg) 75%)}.eyebrow{font-size:10px;line-height:1.5;letter-spacing:.13em;font-weight:700;color:var(--green);margin-bottom:22px}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:9px}h1{font-size:clamp(50px,6.8vw,84px);margin-bottom:30px;position:relative;z-index:1}.hero-intro{font-size:20px;line-height:1.6;max-width:655px;margin:0 auto 34px}.actions{display:flex;align-items:center;justify-content:center;gap:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 25px;border-radius:30px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:var(--white)}.primary:hover{background:var(--green)}.text-link{display:inline-flex;gap:14px;align-items:center;font-size:14px;font-weight:600;border-bottom:1px solid var(--line);padding-block:8px;color:var(--ink)}.text-link:hover{border-color:var(--green);color:var(--green)}.hero-note{font-size:12px;color:var(--muted);margin-top:31px}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.principles>div{padding:27px 24px;border-right:1px solid var(--line)}.principles>div:last-child{border:0}.principles strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.025em;margin-bottom:5px}.principles span{display:block;font-size:12px;color:var(--muted)}.section{padding:88px 55px;border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin-bottom:48px}.section-heading>p{font-size:16px;max-width:400px;margin:0 0 3px}.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.number{display:block;color:var(--green);font-family:monospace;font-size:12px;margin-bottom:23px}.problem-grid h3{font-size:21px;margin-bottom:16px}.problem-grid p{font-size:14px;margin:0}.services{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.service{padding:36px;display:flex;flex-direction:column}.service:nth-child(odd){border-right:1px solid var(--line)}.service:nth-child(-n+2){border-bottom:1px solid var(--line)}.service-label{display:flex;justify-content:space-between;color:var(--green);font-size:10px;letter-spacing:.09em;margin-bottom:27px}.service-label span:first-child{font-family:monospace}.service h3{font-size:31px;margin-bottom:20px}.service p{font-size:15px;max-width:370px}.tags{display:flex;flex-wrap:wrap;list-style:none;gap:7px;padding:0;margin: auto 0 0}.tags li{font-size:10px;border:1px solid var(--line);border-radius:15px;padding:4px 10px;color:var(--muted)}.projects{background:#eef1e8}.project-row{display:grid;grid-template-columns:1fr 1.5fr;gap:50px;padding:34px 0;border-top:1px solid #cfd8c6}.project-row:last-child{padding-bottom:0}.project-row .eyebrow{display:block;margin-bottom:13px}.project-row h3{font-size:29px;margin-bottom:12px}.status{font-size:11px;color:var(--muted)}.project-row p{font-size:15px;margin-bottom:15px}.project-row .project-outcome{color:var(--green);font-size:13px;margin-bottom:0}.project-outcome span{margin-right:8px}.philosophy-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px}.philosophy-layout p{font-size:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:37px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps h3{font-size:23px;margin-bottom:16px}.steps p{font-size:14px;margin:0}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.portrait{position:relative}.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;filter:grayscale(1);border-radius:3px}.portrait-caption{font-size:13px;display:flex;justify-content:space-between;gap:15px;padding-top:15px}.portrait-caption span{font-size:10px;color:var(--muted)}.about h2{font-size:45px;margin-bottom:25px}.about p:not(.eyebrow){font-size:15px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:65px}.faq h2{font-size:45px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:21px 26px 21px 0;font-size:15px;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;top:15px;font-size:24px;color:var(--green);font-weight:400}details[open] summary:after{content:'−'}details p{font-size:14px;padding-right:20px;margin-bottom:23px}.contact{text-align:center;padding:85px 24px;background:var(--pale);border-bottom:1px solid var(--line)}.contact h2{font-size:clamp(42px,5.5vw,68px);margin-bottom:26px}.contact p{font-size:17px}.phone{display:block;width:fit-content;margin:20px auto 0;font-size:14px}.phone:hover{text-decoration:underline}.footer{display:flex;justify-content:space-between;align-items:center;padding:37px 55px}.footer p{font-size:12px;margin:5px 0 0}.footer-meta{display:flex;gap:23px;font-size:11px;color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:6px}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--white);padding:15px}.skip:focus{top:12px}.menu-toggle{display:none;border:0;background:none;color:var(--ink);padding:6px;font-size:13px}
@media(min-width:1500px){.hero{padding-top:120px;padding-bottom:90px}}
@media(max-width:1000px){.header{margin-inline:22px;gap:20px}nav{gap:17px}.frame{margin-inline:22px}.section{padding:65px 35px}.section-heading,.philosophy-layout{gap:35px}.problem-grid{grid-template-columns:1fr 1fr;gap:35px}.about{gap:35px}.about h2,.faq h2{font-size:37px}.portrait-caption{flex-direction:column;gap:2px}.footer{padding-inline:35px}.footer-meta{gap:13px}.principles>div{padding:25px 18px}.principles strong{font-size:16px}}
@media(max-width:720px){html{scroll-padding-top:95px}.header{top:12px;margin:12px 16px 0;padding:12px 18px;flex-wrap:wrap;border-radius:26px;gap:8px}.brand{font-size:19px}.menu-toggle:not([hidden]){display:flex;gap:12px;align-items:center}.header nav{width:100%;flex-wrap:wrap;justify-content:center;gap:14px 22px;font-size:13px;padding:10px 0}.js .header nav{display:none}.js .header nav.is-open{display:flex}.nav-contact{display:none}.frame{margin-inline:16px}.hero{padding:72px 19px 48px}.hero .eyebrow{font-size:8px;letter-spacing:.08em;margin-bottom:24px}h1{font-size:clamp(42px,8.6vw,61px);margin-bottom:25px}.hero-intro{font-size:17px;line-height:1.65}.actions{flex-direction:column;gap:14px}.hero-note{font-size:11px;margin-top:26px}.principles{grid-template-columns:1fr 1fr}.principles>div{padding:20px 16px}.principles>div:nth-child(2){border-right:0}.principles>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.principles strong{font-size:16px}.principles span{font-size:10px}.section{padding:54px 23px}.section-heading{display:block;margin-bottom:33px}.section-heading h2{margin-bottom:25px}h2{font-size:37px}.section-heading>p{font-size:15px}.eyebrow{font-size:9px;margin-bottom:18px}.problem-grid{gap:30px 20px}.problem-grid h3{font-size:20px}.problem-grid p{font-size:13px}.number{margin-bottom:16px}.services{display:block}.service{padding:27px 22px}.service:nth-child(odd){border-right:0}.service:not(:last-child){border-bottom:1px solid var(--line)}.service h3{font-size:28px}.service p{font-size:14px}.service-label{font-size:9px}.project-row{display:block;padding:28px 0}.project-row>div:first-child{margin-bottom:22px}.project-row h3{font-size:27px}.project-row p{font-size:14px}.philosophy-layout{display:block}.philosophy h2{margin-bottom:27px}.philosophy-layout p{font-size:15px}.steps{grid-template-columns:1fr;gap:29px}.steps h3{font-size:23px}.about{display:flex;flex-direction:column;gap:35px}.portrait{width:100%;max-width:340px;align-self:flex-start}.portrait-caption{flex-direction:row}.about h2{font-size:36px}.faq{display:block}.faq h2{margin-bottom:30px}.contact{padding:58px 23px}.contact h2{font-size:43px}.contact p{font-size:15px}.footer{padding:30px 23px;display:block}.footer-meta{margin-top:24px;flex-wrap:wrap;gap:12px 20px}}
@media(max-width:370px){.problem-grid{grid-template-columns:1fr}h1{font-size:38px}.section{padding-inline:18px}.contact h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Antracitová varianta — sjednocený povrch a světlejší typografie. */
:root{--bg:#1c1f22;--ink:#f0f1f2;--muted:#b4bbc0;--line:#383e43;--green:#b8d1be;--pale:#242a2d;--white:#1c1f22}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:.005em}
h1,h2,h3{font-weight:400;letter-spacing:-.04em}
.header{background:#22272bd9;box-shadow:0 6px 28px #00000015;max-width:1060px}
.brand{font-weight:600;letter-spacing:-.035em;font-size:22px}
nav{font-size:16px;gap:26px}
.hero{background-image:none}
.hero:before{background:radial-gradient(ellipse at 50% 15%,#b8d1be08,transparent 65%)}
.hero-intro{font-weight:400}
.orbit,
.principles strong{font-size:22px}
.principles span{font-size:15px;line-height:1.55}
.principles>div{padding:28px 24px}
.projects{background:#ffffff03}
.project-row{border-color:var(--line)}
.primary{background:var(--ink);color:var(--bg)}
.primary:hover{background:var(--green)}
.contact{background:#ffffff04}
.skip{background:var(--bg);color:var(--ink)}
@media(max-width:1000px){nav{font-size:15px;gap:18px}.principles strong{font-size:20px}.principles span{font-size:14px}.principles>div{padding:25px 18px}}
@media(max-width:800px) and (min-width:721px){nav{gap:12px;font-size:14px}.header{gap:14px;padding-inline:18px}.brand{font-size:20px}}
@media(max-width:720px){.header nav{font-size:16px}.brand{font-size:21px}.menu-toggle{font-size:15px}.principles strong{font-size:19px}.principles span{font-size:13px}.principles>div{padding:22px 16px}}

/* Navigace připojená k bočním linkám stránky. */
.header{max-width:var(--max);margin:0 auto;top:0;border-radius:0;padding:20px 55px;box-shadow:none;background:#22272bf2}
.portrait-caption{font-size:18px;line-height:1.5;flex-wrap:wrap;gap:6px 16px}
.portrait-caption span{font-size:15px}
.footer-meta{font-size:15px;gap:24px;flex-wrap:wrap;justify-content:flex-end}
.footer-meta a{color:var(--ink)}
@media(max-width:1000px){.header{margin-inline:22px;padding:18px 35px}.portrait-caption{flex-direction:column;gap:4px}.footer{gap:28px}.footer-meta{gap:12px 20px}}
@media(max-width:800px) and (min-width:721px){.header{padding-inline:18px}}
@media(max-width:720px){.header{margin:0 16px;top:0;border-radius:0;padding:16px 18px}.portrait-caption{font-size:18px}.portrait-caption span{font-size:15px}.footer-meta{justify-content:flex-start;font-size:15px;gap:12px 20px}}

/* Jednotná typografická stupnice pro všechny šířky obrazovky. */
:root{--text-size:17px;--label-size:12px;--text-leading:1.65}
body{font-size:var(--text-size)}
nav,.header nav,.menu-toggle,.hero-intro,.hero-note,
.principles span,.section-heading>p,.problem-grid p,.service p,
.project-row p,.project-row .project-outcome,.status,.philosophy-layout p,
.steps p,.about p:not(.eyebrow),.portrait-caption,.portrait-caption span,
summary,details p,.contact p,.phone,.footer p,.footer-meta,
.button,.text-link{font-size:var(--text-size);line-height:var(--text-leading)}
.eyebrow,.hero .eyebrow,.number,.service-label,.tags li{font-size:var(--label-size);line-height:1.5}
.portrait-caption{flex-direction:column;align-items:flex-start;gap:2px}
@media(max-width:1000px){.header{gap:20px;padding-inline:24px}nav{gap:18px}.footer{flex-wrap:wrap}.footer-meta{justify-content:flex-start}}
@media(max-width:900px) and (min-width:721px){.header{flex-wrap:wrap;justify-content:center;gap:10px}.header nav{flex-wrap:wrap;justify-content:center;gap:8px 22px}html{scroll-padding-top:155px}}
@media(max-width:720px){.header{padding-inline:18px}.hero .eyebrow{max-width:260px;margin-inline:auto;flex-wrap:wrap}.hero-note{max-width:280px;margin-inline:auto}}

.projects,.contact{position:relative;overflow:hidden;isolation:isolate}

/* Monospace pro malé nadpisy a štítky sekcí. */
.eyebrow,.service-label,.service-label span,.service-label span:first-child,.tags li{font-family:ui-monospace,"SFMono-Regular",Menlo,Monaco,Consolas,"Liberation Mono",monospace}

/* Jemný binární déšť oříznutý do rohových klínů. */
/* Static binary columns along the full section edge. */
.matrix-rain{position:absolute;right:0;top:0;width:220px;height:100%;overflow:hidden;pointer-events:none;font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:13px;line-height:20px;color:var(--green);opacity:.65;mask-image:linear-gradient(to right,transparent,#000 65%)}
.matrix-column{position:absolute;left:calc(var(--column) * 18px + 7px);top:0;width:15px;height:100%;opacity:var(--strength)}
.matrix-stream{display:flex;flex-direction:column;height:100%;justify-content:space-around}
.matrix-stream span{display:block;text-align:center;flex-shrink:0}
.matrix-stream span:nth-child(20n){color:#e6f5e9;opacity:1!important}
.matrix-rain-contact{right:auto;left:0;opacity:.5;z-index:-1;mask-image:linear-gradient(to left,transparent,#000 65%)}
@media(max-width:1100px){.matrix-rain{width:150px;font-size:12px}.matrix-column{left:calc(var(--column) * 12px + 3px)}}
@media(max-width:720px){.matrix-rain{width:45px;font-size:10px;opacity:.2}.matrix-column{left:calc(var(--column) * 7px)}.matrix-rain-contact{opacity:.2}}