@font-face{font-family:Inter;src:url('/assets/media/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#fff;--soft:#f5f5f3;--ink:#191b20;--muted:#62666e;--line:#dedfe2;--blue:#2448ed;--blue-soft:#edf0ff;--card:#fff;--header:rgba(255,255,255,.94);--radius:4px;color-scheme:light;font-family:Inter,Arial,sans-serif;font-synthesis:none;font-size:16px}
html[data-appearance=night]{--bg:#141820;--soft:#1e2430;--ink:#e9edf5;--muted:#b0bacb;--line:#374153;--blue:#9ab1ff;--blue-soft:#26365d;--card:#242c3c;--header:rgba(20,24,32,.96);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-weight:400;line-height:1.65;transition:background-color .4s,color .4s}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:520;line-height:1.06;letter-spacing:-.055em}h1{font-size:clamp(48px,6.4vw,100px);max-width:17ch}h2{font-size:clamp(34px,3.6vw,56px)}h3{font-size:clamp(24px,2.3vw,34px)}em{font-style:normal;color:var(--blue)}p{color:var(--muted)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{max-width:100%;height:auto;display:block}svg{display:block}button{border:0}button[hidden],[hidden]{display:none!important}::selection{background:#2448ed;color:white}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:20px;top:-100px;z-index:999;padding:12px 20px;background:var(--ink);color:var(--bg)}.skip:focus{top:12px}.wrap{width:min(1320px,90.8%);margin-inline:auto}.section{padding-block:100px}.divider{border-top:1px solid var(--line)}.soft-section{background:var(--soft)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;display:block;margin-bottom:23px;line-height:1.6}.lead{font-size:clamp(18px,1.5vw,23px);line-height:1.65;letter-spacing:-.018em}.caption{font-size:11px;line-height:1.65;margin-top:17px;color:var(--muted)}.caption a{text-decoration:underline;text-underline-offset:3px}.arrow{display:inline-block;font-size:22px;line-height:1;flex:none;transition:transform .25s}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;min-height:52px;padding:14px 22px;background:var(--ink);border:1px solid var(--ink);color:var(--bg);font-size:13px;font-weight:500;text-align:left;transition:background .2s,color .2s,transform .2s}.button:hover{background:var(--blue);border-color:var(--blue);color:var(--bg)}.button:hover .arrow,.text-link:hover .arrow{transform:translate(3px,-3px)}.button.outline{background:transparent;color:var(--ink);border-color:var(--line)}.button.outline:hover{background:var(--ink);border-color:var(--ink);color:var(--bg)}.button.light{background:#fff;border-color:white;color:#191b20}.button.light:hover{background:#dfe6ff;border-color:#dfe6ff}.button.small{font-size:12px;min-height:44px;padding:10px 15px;gap:15px}.text-link{display:inline-flex;align-items:center;gap:25px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;font-weight:500;margin-top:24px}
button.text-link{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;color:inherit;font-family:inherit;cursor:pointer}.text-button{padding:10px 0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:4px}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.section-action{margin-top:42px;text-align:center}.blue-dot{color:var(--blue)}
.site-header{height:88px;padding:0 4.6%;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);background:var(--header);position:sticky;top:0;z-index:100;backdrop-filter:blur(14px)}.brand{display:block;flex:none}.brand img{width:158px;height:38px;object-fit:contain}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:12px}.site-header nav a{padding:10px 0;position:relative;white-space:nowrap}.site-header nav a:not(.nav-contact)::after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover::after,.site-header nav a[aria-current]::after{transform:scaleX(1)}.nav-contact{display:flex;gap:18px;align-items:center;margin-left:15px}.theme-switch{background:transparent;border:1px solid var(--line);display:flex;gap:7px;align-items:center;border-radius:24px;padding:8px 10px;min-height:42px;font-size:11px;flex:none}.theme-switch svg{width:16px;height:16px}.switch-track{width:25px;height:15px;background:#c8cedb;border-radius:20px;padding:2px;display:block}.switch-track i{display:block;border-radius:50%;background:white;width:11px;height:11px;transition:transform .3s}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);padding:8px 12px;min-height:44px;font-size:12px}.menu-toggle span{margin-left:5px;display:inline-block;transition:transform .2s ease}.menu-open .menu-toggle span{transform:rotate(45deg)}html[data-appearance=night] .brand img{filter:brightness(0) invert(1)}html[data-appearance=night] .switch-track{background:#4b6bf2}html[data-appearance=night] .switch-track i{transform:translateX(10px)}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:48px}.section-head>p{max-width:37ch;font-size:15px}.section-head h2{max-width:20ch}.home-intro{display:grid;grid-template-columns:1fr 1fr;gap:12%}.home-intro>div>p+p{margin-top:23px;max-width:47ch}.world-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.world-card{position:relative;min-height:555px;overflow:hidden;background:#f0eeea}.world-card>.photo{height:100%;position:absolute;inset:0}.world-card>.photo img{height:100%;width:100%;object-fit:cover;transition:transform .8s}.world-card::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 25%,#111b28e8)}.world-card>div:not(.digital-card-art){position:relative;z-index:1;padding:290px 36px 35px;color:white}.world-card h3{font-size:37px}.world-card p{color:#e2e7ef;font-size:12px;margin-top:15px}.world-card .eyebrow{margin-bottom:16px}.world-card .text-link{font-size:12px;margin-top:18px;border-color:#ffffff55}.world-card:hover>.photo img{transform:scale(1.035)}.digital-card{background:#2448ed}.digital-card::after{background:linear-gradient(transparent,#0d2486a8)}.digital-card-art{position:absolute;inset:0;color:white}.digital-card-art svg{width:50%;position:absolute;top:30px;right:-5%;transform:rotate(10deg);opacity:.17;transition:transform .65s}.digital-card-art path{fill:white}.digital-card:hover .digital-card-art svg{transform:rotate(0) translateX(-12px)}.code-line{position:absolute;top:110px;left:36px;font-family:monospace;font-size:16px;letter-spacing:-.03em}.smart-bridge{display:flex;align-items:center;gap:40px;border-block:1px solid var(--line);padding-block:46px}.smart-bridge h2{font-size:30px}.smart-bridge p{font-size:13px;margin-top:12px}.smart-bridge .eyebrow{margin-bottom:10px}.smart-bridge .button{margin-left:auto;flex:none}.bridge-mark{flex:none;width:65px}.bridge-mark path{fill:var(--ink)}.bridge-mark .m-right{fill:var(--blue)}.story-teaser{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.story-teaser .photo{height:530px}.story-teaser .photo img{width:100%;height:100%;object-fit:cover}.story-teaser .lead{margin-block:28px 20px}.photo{position:relative;overflow:hidden;background:var(--soft);margin:0}.photo img{width:100%;height:100%;object-fit:cover}.photo figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);padding:6px 10px;background:#101922c9;color:#fff;font-size:10px;line-height:1.5;backdrop-filter:blur(6px)}
.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:10px;letter-spacing:.015em;color:var(--muted);margin-bottom:44px}.breadcrumb a:hover{text-decoration:underline}.page-intro{padding-top:36px;padding-bottom:65px}.page-intro .eyebrow{margin-top:12px}.page-intro h1{margin-bottom:32px}.page-intro>p{max-width:57ch}.intro-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.intro-bottom p{max-width:57ch}.intro-bottom .button{flex:none}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.tags span{font-size:10px;letter-spacing:.02em;border:1px solid var(--line);padding:6px 12px;border-radius:24px;color:var(--muted)}.division-intro{padding-top:36px;padding-bottom:60px}.division-intro h1{font-size:clamp(56px,7vw,104px);max-width:15ch}.division-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:34px}.division-bottom p{max-width:43ch;font-size:19px}.division-hero .wide-photo{height:570px}.division-hero .wide-photo img{object-position:center}.trust-strip{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.trust-strip span::before{content:'↗';margin-right:12px;color:var(--blue)}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:60px minmax(220px,1fr) 1fr 28px;gap:30px;align-items:center;padding:32px 8px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s,color .3s}.service-row h3{font-size:30px}.service-row p{font-size:14px}.service-no{font-size:11px;color:var(--muted)}.service-row:hover{padding-inline:20px;background:var(--soft)}.service-row:hover .arrow{transform:translate(3px,-3px);color:var(--blue)}.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process li>span{display:block;font-size:12px;color:var(--blue);border-top:1px solid var(--line);padding-top:20px;margin-bottom:55px}.process h3{font-size:24px;line-height:1.15;margin-bottom:17px}.process p{font-size:13px;line-height:1.8}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 28px}.project-card.featured{grid-column:1 / -1}.project-card.featured .project-image-link{aspect-ratio:2.6}.project-image-link{display:block;overflow:hidden;position:relative;aspect-ratio:1.35;background:var(--soft)}.project-image-link>.photo{height:100%}.project-image-link img{transition:transform .7s}.project-image-link:hover img{transform:scale(1.04)}.image-arrow{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:white;color:#191b20;font-size:26px;transition:transform .3s}.project-image-link:hover .image-arrow{transform:rotate(45deg)}.project-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin:19px 0 12px}.project-card h3{font-size:28px}.project-card>p{font-size:13px;margin-top:13px}.project-card h3 a:hover{color:var(--blue)}.project-app-art{position:relative;background:#2448ed;color:white;height:100%;padding:40px;overflow:hidden}.project-app-art>svg{position:absolute;right:-3%;top:25px;width:45%;opacity:.15;fill:white}.project-app-art>span{position:relative;font-size:clamp(28px,3vw,42px);line-height:1.07;letter-spacing:-.055em}.art-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;background:#ffffffeb;border-radius:8px;padding:20px;width:85%;transform:rotate(-6deg);margin:42px 0 0 5%;box-shadow:0 15px 30px #14268555}.art-calendar i{height:24px;background:#e4e9f8;border-radius:3px}.art-calendar .selected{background:#2448ed}.flow-art{height:100%;min-height:300px;display:flex;align-items:center;justify-content:center;gap:14px;position:relative;background:var(--blue-soft);padding:30px}.flow-art>div{padding:25px 20px;border:1px solid var(--line);background:var(--bg);box-shadow:0 10px 25px #13276008;min-width:110px}.flow-art>div:nth-of-type(2){transform:translateY(-28px)}.flow-art span{display:block;font-size:10px;color:var(--blue);margin-bottom:24px}.flow-art strong{display:block;font-size:19px;font-weight:520;letter-spacing:-.04em}.flow-art small{font-size:9px;color:var(--muted)}.flow-art>i{font-style:normal;color:var(--blue)}.flow-art>p{position:absolute;bottom:22px;font-size:10px}.faq-section{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:15px;min-height:73px;padding:20px 0;font-weight:500}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;font-weight:300;transition:transform .3s}details[open]>summary>span{transform:rotate(45deg)}details>p{font-size:14px;padding-bottom:26px;max-width:56ch}.contact-band{background:#2448ed;color:white;padding-block:76px}.contact-band>.wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.contact-band h2{font-size:clamp(40px,4.5vw,68px)}.contact-band p{color:#e2e8ff;max-width:43ch;font-size:15px;margin-top:25px}.contact-band .button{flex:none}.site-footer{background:var(--bg)}.footer-top{display:grid;grid-template-columns:1.15fr 1fr 1fr 1.1fr;gap:40px;padding-block:70px}.footer-top>div>a:not(.brand){display:block;font-size:12px;margin-top:10px}.footer-top a:hover{color:var(--blue)}.footer-top p{font-size:12px;line-height:1.8;margin-top:20px}.footer-top .eyebrow{font-size:10px;margin-bottom:20px;color:var(--muted)}.footer-top .arrow{font-size:14px}.footer-bottom{display:flex;align-items:center;gap:30px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-block:20px}.footer-bottom .text-button{font-size:10px}.preview-label{margin-left:auto}
.digital-hero{background:#2448ed;color:white;padding-block:35px 80px;overflow:hidden}.digital-hero .breadcrumb{color:#d8e1ff}.digital-hero-grid{display:grid;grid-template-columns:.9fr 1.15fr;gap:6%;align-items:center}.digital-hero h1{font-size:clamp(52px,5.5vw,86px)}.digital-hero em{color:#c9d5ff}.digital-hero .lead{color:#edf1ff;font-size:17px;max-width:36ch;margin-block:27px 30px}.product-stage{min-width:0}.product-stage>.caption{color:#dbe4ff}.product-demo{--demo-bg:#fff;--demo-soft:#f5f7fc;--demo-ink:#19233b;--demo-muted:#6c7890;--demo-line:#e0e6f0;background:var(--demo-bg);color:var(--demo-ink);border:1px solid #b7c6f3;border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #06165c26;text-align:left}.demo-top{height:42px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px;border-bottom:1px solid var(--demo-line);font-size:9px;color:var(--demo-muted)}.demo-dots{color:#a3aec4;letter-spacing:2px}.demo-label{font-size:9px}.demo-body{display:grid;grid-template-columns:110px minmax(0,1fr);min-height:410px}.demo-body aside{background:var(--demo-soft);border-right:1px solid var(--demo-line);padding:25px 12px;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:6px}.demo-monogram{font-size:25px;letter-spacing:-.08em;margin:0 10px 20px;font-weight:550}.demo-body aside button{padding:10px 8px;text-align:left;border-radius:4px;background:transparent;color:var(--demo-muted);font-size:10px;min-height:40px}.demo-body aside button[aria-pressed=true]{background:#e3eaff;color:#2448ed}.demo-aside-note{font-size:9px;line-height:1.5;color:var(--demo-muted);margin:auto 6px 0;padding-top:50px}.demo-content{padding:28px 24px;min-width:0}.demo-content .eyebrow{font-size:9px;margin-bottom:14px;color:var(--demo-muted)}.demo-content .demo-h{margin:0;font-weight:520;letter-spacing:-.045em;color:inherit;font-size:29px;line-height:1.1}.demo-stats{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:24px 0 19px}.demo-stats>div{padding:13px;border:1px solid var(--demo-line);border-radius:5px;background:var(--demo-soft)}.demo-stats small,.demo-stats span{display:block;font-size:9px;color:var(--demo-muted)}.demo-stats strong{font-weight:520;font-size:33px;line-height:1.5;letter-spacing:-.06em}.demo-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid var(--demo-line);font-size:11px}.demo-row small{margin-left:auto;font-size:9px;color:var(--demo-muted)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#478875;flex:none}.status-dot.blue{background:#2448ed}.calendar-days,.demo-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.calendar-days{font-size:9px;text-align:center;margin:24px 0 10px;color:var(--demo-muted)}.demo-calendar button{font-size:9px;padding:11px 2px;min-height:40px;border:1px solid var(--demo-line);background:var(--demo-soft);border-radius:4px;color:var(--demo-ink)}.demo-calendar button[aria-pressed=true]{background:#2448ed;color:white}.demo-feedback{font-size:10px!important;line-height:1.6;margin-top:20px;color:var(--demo-muted)!important}.mini-flow{list-style:none;padding:0;margin:25px 0}.mini-flow li{font-size:12px;padding:12px 15px;border-left:2px solid var(--demo-line);background:var(--demo-soft);margin-top:6px;transition:background .3s,border-color .3s}.mini-flow li.done{border-color:#2448ed;background:#e3eaff;color:#19233b}.product-demo .button{background:#2448ed;color:white;border-color:#2448ed}.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.collab-grid article{border-top:1px solid var(--line);padding-top:24px}.collab-grid .eyebrow{color:var(--muted);font-size:10px;margin-bottom:40px}.collab-grid h3{font-size:30px}.collab-grid p{font-size:14px;margin-top:23px}.collaboration>.caption{margin-top:35px}.service-feature>.photo{height:550px}.service-digital-media{padding:60px;background:var(--blue-soft)}.service-digital-media>.product-demo{max-width:690px;margin:auto}.service-digital-media .flow-art{min-height:350px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.detail-grid>div>p{margin-top:26px;font-size:15px;max-width:48ch}.detail-grid>div>.lead{font-size:22px;margin-top:0}/* Ilustrace rozvodů pod nadpisem „Od kabelu po poslední scénu“ (Smart home). */.detail-grid .cable-photo{margin-top:clamp(28px,3.4vw,44px);aspect-ratio:3/2}.check-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.check-list li{display:flex;gap:25px;padding:25px 0;border-bottom:1px solid var(--line);font-size:17px}.check-list li span{font-size:10px;color:var(--blue);padding-top:5px}.plain-list{padding-left:20px;font-size:16px;color:var(--muted);line-height:1.8;margin:25px 0 30px}.plain-list li{margin-block:10px}.related-links{border-top:1px solid var(--line)}.related-links a{display:flex;align-items:center;justify-content:space-between;padding:24px 5px;border-bottom:1px solid var(--line);font-size:21px;letter-spacing:-.03em}.related-links a:hover{color:var(--blue)}
.smart-demo{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--line);min-height:540px}.smart-photo{position:relative;overflow:hidden;background:#0e172a;--light:1}.smart-photo>.photo{height:100%;min-height:540px}.smart-photo img{height:100%;object-fit:cover;filter:brightness(var(--light));transition:filter .65s}/* Scény ukázky jsou skutečné fotografie téhož interiéru (app.mjs); večer i odchod se prolnou přes denní snímek. */.smart-photo img.scene-img{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease,filter .65s}.smart-photo img.scene-img.on.is-ready{opacity:1}.smart-photo img.scene-img.instant{transition:none}.smart-state{position:absolute;top:22px;left:22px;right:22px;padding:16px;background:#fffef2ed;color:#191b20;display:grid;grid-template-columns:10px 1fr;column-gap:9px;font-size:13px;backdrop-filter:blur(10px);max-width:350px}.smart-state .status-dot{margin-top:8px}.smart-state>span:last-child{grid-column:2;font-size:10px;color:#62666e;margin-top:4px}.smart-controls{padding:42px}.smart-controls h2{font-size:36px}.smart-controls>div>p{font-size:13px;margin-top:20px}.scene-buttons{display:grid;margin-top:30px;gap:9px}.scene-buttons button{padding:12px 15px;background:var(--soft);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:12px}.scene-buttons button[aria-pressed=true]{background:var(--blue-soft);border-color:var(--blue);color:var(--blue)}.light-slider{display:block;font-size:12px;margin-top:28px}.light-slider output{float:right;color:var(--muted)}.light-slider input{display:block;width:100%;accent-color:#2448ed;margin-top:18px;min-height:24px;cursor:ew-resize}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.feature-number{display:block;color:var(--blue);font-size:11px;margin-bottom:45px}.feature-grid h3{font-size:25px}.feature-grid p{font-size:13px;margin-top:20px}.story-panorama .photo{height:580px}.story-panorama img{object-position:center 38%}.story-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:10%}.story-signature{display:block;font-size:11px;margin-top:45px;color:var(--muted)}.prose p{margin-bottom:25px;font-size:17px}.prose p.lead{font-size:23px;color:var(--ink)}.story-lessons{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,48px)}
.story-lesson{display:flex;flex-direction:column;padding-top:26px;border-top:1px solid var(--line)}
.story-moment{font-size:clamp(34px,3.6vw,50px);font-weight:480;letter-spacing:-.05em;line-height:1;color:var(--blue)}
.story-when{margin-top:10px;font-size:13px;color:var(--muted)}
.story-lesson blockquote{margin:28px 0 14px;font-size:clamp(20px,1.9vw,25px);font-weight:540;letter-spacing:-.025em;line-height:1.2;color:var(--ink)}
.story-lesson p{font-size:14.5px;line-height:1.55;color:var(--muted);margin:0;max-width:38ch}
html[data-appearance=night] .story-moment{color:#9ab1ff}
html[data-appearance=night] .story-lesson.is-lit .story-moment{color:var(--g-warm);text-shadow:0 0 18px #ffb54755}
.story-moment{transition:color .8s,text-shadow .8s}
@media(max-width:850px){.story-lessons{grid-template-columns:minmax(0,1fr);gap:34px}.story-lesson blockquote{margin-top:20px}}.team-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.team-roles article{border-top:1px solid var(--line);padding-top:20px}.team-roles article>span{font-size:10px;color:var(--muted);display:block;margin-bottom:40px}.team-roles h3{font-size:30px}.team-roles p{font-size:14px;margin-top:22px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:24px;padding:12px 20px;font-size:12px;min-height:44px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.projects-section{padding-top:0}.filter-count{margin-bottom:30px}.notice{background:var(--soft);border-left:2px solid var(--blue);padding:18px 22px;font-size:12px;line-height:1.8;margin-top:35px}.case-cover>.photo{height:620px}.case-cover>.product-demo{max-width:100%;}.case-cover>.product-demo .demo-body{grid-template-columns:180px 1fr;min-height:510px}.case-cover>.product-demo .demo-content{padding:45px}.case-cover>.product-demo .demo-content .demo-h{font-size:43px}.case-cover .demo-row{font-size:16px}.case-cover .demo-stats strong{font-size:45px}.case-body{display:grid;grid-template-columns:.8fr 1.4fr;gap:12%;padding-block:80px}.case-body aside .eyebrow{margin-bottom:20px}.case-body dl{font-size:12px;margin-bottom:35px}.case-body dt{color:var(--muted);margin-top:20px;font-size:10px}.case-body dd{margin:5px 0 0}.case-body article+article{margin-top:60px}.case-body h2{font-size:34px;margin-bottom:23px}.case-body .lead{font-size:18px}.case-body .button{font-size:11px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.gallery-heading h2{font-size:32px}.gallery-buttons{display:flex;gap:8px}.gallery-buttons button{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:22px}.gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:10px;cursor:grab;overscroll-behavior-x:contain}.gallery-track:active{cursor:grabbing}.gallery-track>.photo{flex:0 0 78%;height:470px;scroll-snap-align:start;user-select:none}.gallery-track img{pointer-events:none}.gallery-track>.photo:has(img[src*=axo]) img{object-fit:contain}.back-link{font-size:12px;display:inline-block;padding:12px 0}.back-link:hover{text-decoration:underline}
.contact-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:12%;padding-block:15px 85px}.contact-info h2{font-size:35px;margin-bottom:25px}.contact-info>p{font-size:14px}.email-link{display:block;font-size:23px;letter-spacing:-.045em;margin-top:30px}.email-link .arrow{font-size:21px}.contact-info .notice{font-size:11px;padding:15px 17px}.contact-locations{margin-top:48px}.contact-locations p{font-size:21px;line-height:1.7;letter-spacing:-.035em;color:var(--ink)}.contact-locations small{display:block;font-size:11px;color:var(--muted);margin-top:18px;max-width:30ch}.contact-layout form{padding:35px;background:var(--soft)}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-size:13px;font-weight:550;margin-bottom:13px}.topic-options{display:flex;flex-wrap:wrap;gap:8px}.topic-options label{cursor:pointer;position:relative}.topic-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.topic-options span{display:block;border:1px solid var(--line);padding:10px 12px;font-size:11px;min-height:44px}.topic-options input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.topic-options input:focus-visible+span{outline:3px solid var(--blue);outline-offset:4px}.field{display:block;font-size:12px;font-weight:500;margin-bottom:23px}.field small{font-size:10px;color:var(--muted);font-weight:400}.field input,.field textarea{display:block;width:100%;border:1px solid var(--line);background:var(--bg);color:var(--ink);padding:13px 14px;font-size:13px;line-height:1.6;border-radius:0;margin-top:8px;min-height:48px}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--muted);font-size:12px}.required{color:var(--blue)}.field-error{font-size:11px;display:block;color:#b23232;margin-top:6px}.field [aria-invalid=true]{border-color:#bb3c3c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-more summary{min-height:48px;font-size:12px}.form-more{margin-bottom:25px}.form-more .form-grid{padding-top:20px}.contact-layout form>.button{margin-top:25px}.form-status{font-size:12px;margin-top:15px;color:var(--ink)}.brief-result{margin-top:25px;padding-top:25px;border-top:1px solid var(--line)}.brief-result h3{font-size:25px}.brief-result>p{font-size:12px;margin-top:10px}.brief-output{width:100%;padding:14px;font-size:12px;line-height:1.6;background:var(--bg);color:var(--ink);border:1px solid var(--line);margin-block:20px;resize:vertical}.contact-process{grid-template-columns:repeat(3,1fr)}.legal-content{max-width:780px;padding-bottom:90px}.legal-content article{margin-bottom:48px}.legal-content h2{font-size:28px;margin-bottom:22px}.legal-content p{font-size:15px;margin-bottom:18px}.not-found{min-height:70vh;padding-block:100px}.not-found .actions{margin-top:30px}
html[data-appearance=night] .product-demo{--demo-bg:#182135;--demo-soft:#202d44;--demo-ink:#e1e9fb;--demo-muted:#a8b8d2;--demo-line:#344560;border-color:#3d527b}html[data-appearance=night] .demo-body aside button[aria-pressed=true]{background:#2b4070;color:#c5d4ff}html[data-appearance=night] .digital-hero{background:#172b75}html[data-appearance=night] .field-error{color:#ffaaaa}html[data-appearance=night] .digital-hero em{color:#c9d5ff}
/* Reveal is a short, progressive enhancement. Content starts visible without JS. */
.reveal-ready{opacity:0;transform:translateY(17px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal-ready.is-visible{opacity:1;transform:none}.gallery-track.dragging{scroll-snap-type:none;scroll-behavior:auto}.smart-state strong{font-weight:550}.product-demo button:focus-visible{outline-color:#7997ff}
.page-intro,.division-intro,.digital-hero-grid{animation:page-in .4s ease both}@keyframes page-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1921px){.intersection-hero{max-width:1920px}.division-hero .wide-photo{max-width:1920px;margin:auto}}
@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:20px}.site-header .brand img{width:135px}.mode-word{display:none}.nav-contact{margin-left:0}.section{padding-block:75px}.section-head{gap:35px}.digital-hero-grid{gap:4%;grid-template-columns:.85fr 1.15fr}.demo-body{grid-template-columns:90px 1fr}.demo-content{padding:24px 18px}.demo-body aside{padding-inline:8px}.demo-content .demo-h{font-size:25px}.digital-hero h1{font-size:58px}.world-card h3{font-size:31px}.world-card{min-height:500px}.world-card>div:not(.digital-card-art){padding:250px 25px 30px}.service-row{gap:20px;grid-template-columns:35px minmax(210px,1fr) 1fr 24px}.service-row h3{font-size:26px}.faq-section{gap:50px}.smart-controls{padding:30px}.flow-art{gap:8px;padding:20px}.flow-art>div{min-width:90px;padding:20px 12px}.footer-top{gap:25px}.contact-layout{gap:7%}.feature-grid{grid-template-columns:repeat(2,1fr);gap:45px}.feature-number{margin-bottom:22px}.story-teaser .photo{height:470px}}
@media(max-width:850px){.site-header{height:76px}.site-header nav{gap:15px;font-size:11px}.site-header .brand img{width:120px}.site-header nav .nav-contact{font-size:0;gap:0}.site-header nav .nav-contact .arrow{font-size:24px}.theme-switch{padding:8px}.theme-switch svg{display:none}.digital-hero-grid{grid-template-columns:1fr;gap:45px}.digital-hero h1{font-size:76px}.digital-hero .lead{max-width:46ch}.product-stage{max-width:680px;width:100%;margin:auto}.demo-content .demo-h{font-size:33px}.demo-body{grid-template-columns:125px 1fr}.section-head>p{max-width:30ch}.process{grid-template-columns:1fr 1fr;gap:40px}.process li>span{margin-bottom:24px}.service-row{grid-template-columns:30px 1fr 26px;gap:18px}.service-row p{grid-column:2;grid-row:2;font-size:13px}.service-row .arrow{grid-column:3;grid-row:1 / 3}.service-row{row-gap:10px}.smart-bridge{gap:25px;flex-wrap:wrap}.smart-bridge .button{margin-left:90px}.smart-demo{grid-template-columns:1fr}.smart-photo>.photo{min-height:390px;height:390px}.smart-controls{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.smart-controls h2{font-size:32px}.scene-buttons{margin-top:0}.light-slider{grid-column:2;margin-top:10px}.smart-controls>.caption{grid-column:2}.footer-top{grid-template-columns:1fr 1fr;gap:40px 55px}.detail-grid,.story-layout,.contact-layout{gap:6%}.contact-layout form{padding:25px}.contact-info h2{font-size:30px}.contact-info .email-link{font-size:20px}.team-roles{gap:25px}.team-roles h3{font-size:25px}.story-teaser{gap:6%}.project-app-art{padding:28px}.art-calendar{margin-top:30px;padding:15px}.art-calendar i{height:20px}.project-meta{font-size:10px}.project-card h3{font-size:25px}.flow-art>div{min-width:75px;padding:18px 9px}.flow-art strong{font-size:15px}.flow-art small{font-size:9px}.flow-art>p{font-size:9px}.flow-art{gap:6px}}
@media(max-width:700px){html{scroll-padding-top:90px}.wrap{width:calc(100% - 40px)}.section{padding-block:58px}h1{font-size:clamp(44px,9vw,65px);line-height:1.04}h2{font-size:36px}.eyebrow{font-size:10px;margin-bottom:19px}.site-header{padding:0 20px;height:72px;gap:12px}.site-header .brand img{width:128px}.site-header nav{position:absolute;display:none;top:71px;left:0;right:0;margin:0;padding:25px 25px 30px;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:0 20px 40px #0a142218}.site-header.menu-open nav{display:flex;flex-direction:column;align-items:stretch;gap:4px}.site-header nav a{padding:12px 0;font-size:22px;letter-spacing:-.04em}.site-header nav .nav-contact{font-size:17px;margin-top:15px;justify-content:space-between;display:flex}.menu-toggle{display:block}.theme-switch{margin-left:auto;min-height:44px;padding:9px}.theme-switch svg{display:block;width:14px;height:14px}.section-head{display:block;margin-bottom:32px}.section-head>p{max-width:45ch;margin-top:24px;font-size:14px}.home-intro{grid-template-columns:1fr;gap:30px}.world-cards{grid-template-columns:1fr;gap:20px}.world-card{min-height:440px}.world-card>div:not(.digital-card-art){padding:225px 28px 30px}.world-card h3{font-size:34px}.digital-card-art svg{width:40%;right:0}.code-line{top:70px;left:28px}.smart-bridge{padding-block:32px;gap:22px}.bridge-mark{width:46px}.smart-bridge>div:nth-child(2){flex:1}.smart-bridge h2{font-size:27px}.smart-bridge .eyebrow{font-size:10px}.smart-bridge p{font-size:12px}.smart-bridge .button{margin-left:68px;min-height:46px;font-size:11px}.project-grid{gap:35px;grid-template-columns:1fr}.project-card.featured .project-image-link{aspect-ratio:1.3}.project-image-link{aspect-ratio:1.3}.project-meta{font-size:10px}.project-card h3{font-size:28px}.story-teaser{grid-template-columns:1fr;gap:35px}.story-teaser .photo{height:400px}.story-teaser .lead{font-size:20px}.contact-band{padding-block:52px}.contact-band>.wrap{display:block}.contact-band h2{font-size:40px}.contact-band p{font-size:14px}.contact-band .button{margin-top:30px}.footer-top{padding-block:45px;gap:38px 25px}.footer-top .brand img{width:128px}.footer-top>div>a:not(.brand){font-size:11px}.footer-top p{font-size:11px}.footer-top .eyebrow{font-size:10px}.footer-bottom{gap:10px 23px;flex-wrap:wrap;font-size:10px}.footer-bottom .preview-label{width:100%;margin:0;font-size:10px}.page-intro,.division-intro{padding-top:27px;padding-bottom:40px}.breadcrumb{margin-bottom:33px;font-size:10px;gap:8px}.page-intro h1{margin-bottom:25px}.intro-bottom,.division-bottom{display:block}.intro-bottom .button,.division-bottom .button{margin-top:25px}.lead{font-size:18px}.division-intro h1{font-size:62px}.division-bottom p{font-size:18px}.division-hero .wide-photo{height:360px}.trust-strip{flex-wrap:wrap;gap:13px;font-size:10px}.trust-strip span{width:100%}.service-row{padding-block:26px;grid-template-columns:26px 1fr 20px;gap:8px 13px}.service-row h3{font-size:27px}.service-row p{font-size:12px}.service-row:hover{padding-inline:8px}.process{grid-template-columns:1fr 1fr;gap:35px 23px}.process h3{font-size:22px}.process p{font-size:12px}.faq-section{display:block}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.digital-hero{padding:26px 0 50px}.digital-hero h1{font-size:62px}.digital-hero .lead{font-size:17px}.digital-hero-grid{gap:38px}.demo-body{grid-template-columns:84px 1fr;min-height:365px}.demo-body aside{padding:20px 7px}.demo-body aside button{padding:8px 5px;font-size:9px}.demo-aside-note{font-size:9px}.demo-content{padding:23px 16px}.demo-content .demo-h{font-size:27px}.demo-content .eyebrow{font-size:9px;letter-spacing:.07em}.demo-top{padding:0 12px;gap:8px;font-size:9px}.demo-label{font-size:9px}.demo-stats{gap:9px}.demo-stats>div{padding:10px}.demo-stats span{font-size:9px}.demo-row{font-size:10px;gap:7px}.demo-row small{font-size:9px}.collab-grid{grid-template-columns:1fr;gap:30px}.collab-grid .eyebrow{margin-bottom:22px}.collab-grid h3{font-size:30px}.collab-grid p{font-size:14px;max-width:45ch;margin-top:17px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-grid>div>p{font-size:14px}.check-list li{font-size:16px;padding-block:21px}.service-feature>.photo{height:380px}.service-digital-media{padding:22px 14px}.service-digital-media .flow-art{padding:0;min-height:300px}.service-digital-media .demo-body{grid-template-columns:72px 1fr}.service-digital-media .demo-content{padding:20px 12px}.smart-photo>.photo{height:320px;min-height:320px}.smart-controls{display:block;padding:25px}.smart-controls h2{font-size:32px}.scene-buttons{margin-top:24px}.light-slider{margin-top:25px}.feature-grid{gap:35px 23px}.feature-grid h3{font-size:24px}.feature-grid p{font-size:12px}.story-panorama .photo{height:380px}.story-layout{grid-template-columns:1fr;gap:35px}.story-signature{margin-top:25px}.prose p{font-size:15px}.prose p.lead{font-size:20px}.team-roles{grid-template-columns:1fr;gap:30px}.team-roles article>span{margin-bottom:25px}.team-roles h3{font-size:30px}.team-roles p{max-width:40ch;font-size:14px;margin-top:18px}.filters{gap:7px}.filters button{font-size:11px;padding:10px 14px}.projects-section{padding-top:0}.case-cover>.photo{height:380px}.case-cover>.product-demo .demo-body{grid-template-columns:80px 1fr;min-height:360px}.case-cover>.product-demo .demo-content{padding:23px 17px}.case-cover>.product-demo .demo-content .demo-h{font-size:27px}.case-cover .demo-row{font-size:11px}.case-cover .demo-stats strong{font-size:35px}.case-body{grid-template-columns:1fr;gap:45px;padding-block:45px}.case-body aside{border-bottom:1px solid var(--line);padding-bottom:30px}.case-body dl{display:grid;grid-template-columns:70px 1fr;gap:10px;margin:0 0 25px}.case-body dt,.case-body dd{margin:0}.case-body article+article{margin-top:35px}.case-body h2{font-size:31px}.case-body .lead{font-size:17px}.gallery-track>.photo{flex-basis:90%;height:330px}.gallery-heading h2{font-size:27px}.gallery-heading{gap:12px}.gallery-buttons button{width:42px;height:42px}.contact-layout{grid-template-columns:1fr;gap:40px;padding-bottom:50px}.contact-info h2{font-size:32px}.contact-info>p{max-width:45ch}.contact-locations{margin-top:28px}.contact-locations p{font-size:18px}.contact-layout form{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:0}.contact-process{grid-template-columns:1fr}.contact-process li>span{margin-bottom:18px}.contact-process p{max-width:45ch;font-size:14px}.notice{margin-top:25px}.flow-art{gap:9px;padding:20px;min-height:260px}.flow-art>div{padding:21px 14px;min-width:85px}.flow-art strong{font-size:17px}.flow-art small{font-size:9px}.flow-art>p{font-size:9px}.art-calendar{margin-top:36px;padding:18px}.art-calendar i{height:24px}.project-app-art{padding:30px}.project-app-art>span{font-size:38px}.legal-content{padding-bottom:50px}}
@media(max-width:380px){.site-header{gap:8px;padding-inline:16px}.site-header .brand img{width:110px}.theme-switch{padding:8px 7px;gap:4px}.menu-toggle{padding:8px 9px;font-size:11px}.wrap{width:calc(100% - 32px)}h1{font-size:43px}.division-intro h1,.digital-hero h1{font-size:54px}.smart-bridge .button{margin-left:0}.process{grid-template-columns:1fr}.demo-body{grid-template-columns:69px 1fr}.demo-content{padding:22px 12px}.demo-content .demo-h{font-size:24px}.demo-row small{display:none}.demo-body aside button{font-size:9px}.demo-monogram{margin-left:5px}.demo-label{display:none}.demo-calendar button{font-size:9px}.flow-art{gap:5px;padding:14px}.flow-art>div{min-width:70px;padding:16px 9px}.flow-art strong{font-size:14px}.flow-art small{font-size:9px}.flow-art>p{font-size:9px}.feature-grid{grid-template-columns:1fr}.project-app-art>span{font-size:33px}.art-calendar{padding:14px;gap:7px}.contact-layout form{padding:23px 16px}.topic-options{gap:6px}.topic-options span{padding:10px 9px;font-size:10px}.footer-top{gap:33px 15px}}
html[data-motion=off] *,html[data-motion=off] *::before,html[data-motion=off] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] .reveal-ready{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1;transform:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}
@media print{.site-header,.site-footer,.theme-switch,.contact-band,.gallery-buttons{display:none}.reveal-ready{opacity:1;transform:none}.wrap{width:100%}body{background:white;color:black}p{color:#333}.section{padding-block:25px}.photo{break-inside:avoid}}
html:not([data-js]) .theme-switch,html:not([data-js]) .menu-toggle,html:not([data-enhanced]) [data-motion-switch],html:not([data-enhanced]) .filters,html:not([data-enhanced]) .gallery-buttons,html:not([data-enhanced]) [data-clear-preferences],html:not([data-enhanced]) form>.button{display:none}
.project-card{min-width:0}.flow-art>div{min-width:0;flex:1}
@media(max-width:700px){.project-grid{grid-template-columns:minmax(0,1fr)}.flow-art>div{padding-inline:9px}}
@media(max-width:700px){html:not([data-js]) .site-header{height:auto;flex-wrap:wrap;padding-block:15px;position:relative}html:not([data-js]) .site-header nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;padding:0;border:0;box-shadow:none;background:transparent}html:not([data-js]) .site-header nav a{font-size:13px;margin:0;padding:7px}}
/* Founder photos: real photographs, cropped by object-position per placement. */
.story-teaser .photo.founder-home img{object-position:56% center}.contact-info .photo.avatar{width:104px;height:104px;border-radius:50%;margin-bottom:24px}figure.photo.avatar img{object-fit:cover;object-position:center center}
/* Single remaining gallery image: show it whole, no scrolling controls. */
.gallery-track.is-single>.photo{flex-basis:100%;height:min(640px,120vw)}.gallery-track.is-single>.photo img{object-fit:contain}
/* Full-width featured card: keep the flow illustration compact and centered. */
.project-card.featured .flow-art{justify-content:center;gap:28px}.project-card.featured .flow-art>div{flex:0 1 240px}

/* ===== Výstavní skříň: karty projektů, rámečky zařízení a detail v barvách značky =====
   Scéna karty je container (4 : 3); vše uvnitř se počítá v cqw, takže se kompozice jen zvětšuje a zmenšuje.
   Snímky mají vždy svůj přesný poměr stran (web 16 : 10, telefon 1290 : 2796) – nic se neořezává do stran ani nedeformuje. */
.work-grid{display:grid}.work-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 28px}.work-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px}.work-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
.work-card{min-width:0}.work-link{display:block;border-radius:var(--radius)}.work-link:focus-visible{outline-offset:6px}
.work-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:20px;font-size:11px;color:var(--muted)}.work-status>span:first-child{display:flex;align-items:center;gap:8px}
.work-dot,.work-status i{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#2f8f5b}.work-status i.is-work{background:#c98a1b}.work-status i.is-model{background:#8a8f98}
.work-card h3{font-size:26px;line-height:1.1;letter-spacing:-.045em;margin-top:10px}.work-card.is-large h3{font-size:34px;margin-top:12px}.work-card h3 a:hover{color:var(--blue)}
.work-card>p{font-size:13px;line-height:1.6;margin-top:8px}.work-card.is-large>p{font-size:15px;margin-top:10px}.work-card .tags{margin-top:16px}
.work-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:18px}.work-title h3{margin-top:0}.work-title>span{flex:0 0 auto;max-width:45%;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.work-grid--4 .work-card h3{font-size:22px}.work-grid--4 .work-status{font-size:10px}.work-grid--4 .work-status>span:last-child{display:none}.work-grid--4 .work-card>p{display:none}
.stage{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius);background:var(--stage,var(--soft));container-type:inline-size}
.stage--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.work-link:hover .stage--photo img{transform:scale(1.03)}
.stage--media{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:13% 13% 12%;color:var(--stage-ink)}.stage-frame{position:absolute;inset:0;width:100%;height:100%;opacity:.5;pointer-events:none}
.stage-kicker{font-size:max(10px,2.4cqw);font-weight:600;letter-spacing:.12em;text-transform:uppercase}

.stage--media strong{font-weight:520;font-size:max(18px,6.4cqw);line-height:1.05;letter-spacing:-.045em;max-width:15ch}
/* Okno prohlížeče: lišta se řídí šířkou okna (container), rohy a stín šířkou scény. */
.dev-browser{position:relative;overflow:hidden;background:#fff;border-radius:12px;container-type:inline-size;box-shadow:0 30px 70px rgb(24 18 10/.2),0 3px 10px rgb(24 18 10/.08)}
.dev-bar{display:flex;align-items:center;gap:clamp(3px,1.3cqw,8px);height:clamp(12px,4.8cqw,40px);padding:0 clamp(6px,2.2cqw,18px);background:#f2f1ee;border-bottom:1px solid #e4e2dd}
.dev-bar i{flex:none;width:clamp(4px,1.5cqw,11px);height:clamp(4px,1.5cqw,11px);border-radius:50%;background:#d6d3cd}
.dev-bar span{flex:0 1 32%;margin:0 auto;transform:translateX(-3cqw);height:clamp(7px,2.6cqw,22px);border-radius:12px;background:#fff;font-size:clamp(6px,1.25cqw,11px);line-height:clamp(7px,2.6cqw,22px);text-align:center;color:#8b8781;overflow:hidden;white-space:nowrap}
@container (max-width:460px){.dev-bar span{font-size:0}}
.dev-browser .dev-shot{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.dev-browser.is-dark{background:#232428;box-shadow:0 0 0 1px rgb(255 255 255/.1),0 30px 80px rgb(0 0 0/.5)}.dev-browser.is-dark .dev-bar{background:#232428;border-color:#303136}.dev-browser.is-dark .dev-bar i{background:#4a4b50}.dev-browser.is-dark .dev-bar span{background:#34353a;color:#a4a6ab}
/* Telefon: --w je šířka displeje, --b rámeček. Zaoblení a Dynamic Island podle iPhonu 16 Plus (README podkladů aplikací). */
.dev-phone{--w:16.5cqw;--b:.75cqw;position:relative;width:var(--w);padding:var(--b);background:#111214;border-radius:calc(var(--w)*.138 + var(--b));box-shadow:0 24px 50px rgb(20 16 10/.3),inset 0 0 0 1px rgb(255 255 255/.12)}
.dev-phone .dev-screen{display:block;width:100%;height:auto;aspect-ratio:1290/2796;object-fit:cover;object-position:top;border-radius:calc(var(--w)*.138)}
.dev-island{position:absolute;z-index:1;left:50%;top:calc(var(--b) + var(--w)*.026);width:calc(var(--w)*.293);height:calc(var(--w)*.086);transform:translateX(-50%);border-radius:999px;background:#000}
.dev-icon{position:absolute;width:9.6cqw;height:9.6cqw;border-radius:2.2cqw;box-shadow:0 2.4cqw 4.8cqw rgb(20 16 10/.26)}
.is-dark .dev-phone{box-shadow:0 0 0 1px rgb(255 255 255/.18),0 24px 50px rgb(0 0 0/.55)}.is-dark .dev-icon{box-shadow:0 0 0 1px rgb(255 255 255/.16),0 2.4cqw 4.8cqw rgb(0 0 0/.5)}
/* Kompozice karty (měřeno v šířce scény). */
.stage .dev-browser{position:absolute;border-radius:1.6cqw;box-shadow:0 4cqw 9cqw rgb(24 18 10/.22),0 .5cqw 1.2cqw rgb(24 18 10/.1);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.stage .dev-browser.is-dark{box-shadow:0 0 0 1px rgb(255 255 255/.1),0 4.5cqw 11cqw rgb(0 0 0/.55)}
.stage .dev-phone{position:absolute;box-shadow:0 3.4cqw 7cqw rgb(20 16 10/.32),inset 0 0 0 1px rgb(255 255 255/.12)}.stage.is-dark .dev-phone{box-shadow:0 0 0 1px rgb(255 255 255/.18),0 3.4cqw 7cqw rgb(0 0 0/.6)}
.work-link:hover .stage .dev-browser{transform:translateY(-.8cqw)}
.stage--app .dev-browser,.stage--pwa .dev-browser{left:7cqw;top:7.5cqw;width:78cqw}.stage--app .dev-phone,.stage--pwa .dev-phone{left:76.4cqw;top:31.7cqw}.stage--app .dev-icon{left:80.5cqw;top:20.2cqw}
.stage--web .dev-browser{left:7.2cqw;top:8.65cqw;width:85.6cqw}
/* Zařízení v hero detailu: okno 85,7 % šířky, telefon přes pravý dolní roh, ikona aplikace nad telefonem. */
.hero-devices{position:relative;container-type:inline-size;width:min(1120px,100%);margin:0 auto}
.hero-devices--app,.hero-devices--pwa{aspect-ratio:100/61.3}.hero-devices--web{width:min(1100px,100%)}
.hero-devices .dev-browser{position:absolute;left:0;top:0;width:85.7cqw;border-radius:1.1cqw}.hero-devices--web .dev-browser{position:relative;width:100cqw}
.hero-devices .dev-phone{--w:18.75cqw;--b:.8cqw;position:absolute;left:79.6cqw;top:19cqw}
.hero-devices .dev-icon{left:85.4cqw;top:6.6cqw;width:8.6cqw;height:8.6cqw;border-radius:1.95cqw}

/* Detail: pás v barvách značky, písmo značky jen u nadpisů a textu uvnitř případové studie. */
.case{--hero-radius:999px}
.case-hero{color:var(--hero-ink);background:linear-gradient(var(--hero-bg) 0,var(--hero-bg) calc(100% - clamp(90px,17vw,260px)),transparent 0)}
.case-band{padding-top:36px}.case-hero.is-plain{background:var(--hero-bg)}.case-hero.is-plain .case-head{padding-bottom:88px}.case-hero .breadcrumb{color:var(--hero-muted)}.case-hero .breadcrumb a{color:inherit}
.case-head{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:start;padding-bottom:64px}
.case-head .eyebrow{color:var(--hero-ink);margin-top:12px}
.case h1,.case .case-facts h2,.case-screens h2,.case-full h2,.case-palette h2{font-family:var(--brand-display,inherit);font-weight:var(--brand-weight,520);letter-spacing:var(--brand-tracking,-.055em)}
.case-head h1{font-size:clamp(46px,6.6vw,100px);line-height:1.02;max-width:12ch}
.case-lead{font-family:var(--brand-text,inherit);font-size:clamp(17px,1.45vw,21px);line-height:1.6;color:var(--hero-muted);max-width:40ch;margin-top:28px}
.case-app{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:12px;line-height:1.5;color:var(--hero-muted)}.case-app strong{display:block;font-size:14px;font-weight:600;color:var(--hero-ink)}.case-app-icon{width:48px;height:48px;border-radius:11px;flex:none}
.case-spec{padding-top:12px}.case-spec .eyebrow{margin:0 0 14px}
.case-spec ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--hero-line);font-family:var(--brand-text,inherit)}.case-spec li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--hero-line);font-size:16px}.case-spec small{font-size:12px;color:var(--hero-muted)}
.case-cta{display:inline-flex;align-items:center;gap:18px;margin-top:28px;min-height:52px;padding:14px 26px;border-radius:var(--hero-radius);background:var(--hero-accent);color:var(--hero-accent-ink);font-family:var(--brand-text,inherit);font-size:14px;font-weight:600;transition:filter .2s}.case-cta:hover{filter:brightness(1.1)}.case-cta:hover .arrow{transform:translate(3px,-3px)}
.case-note{font-size:12px;color:var(--hero-muted);margin-top:12px}
.case-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px}.case-facts>article>span{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--muted)}.case-facts h2{font-size:30px;line-height:1.15;margin-top:14px}.case-facts p{font-family:var(--brand-text,inherit);font-size:16px;line-height:1.7;margin-top:14px}
.case-features ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:28px}.case-features li{display:flex;align-items:baseline;gap:12px;padding:22px 0 28px;border-top:1px solid var(--line);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}.case-features li::before{content:'';flex:none;width:8px;height:8px;border-radius:2px;background:var(--hero-accent);box-shadow:0 0 0 1px var(--line)}
.case-screens{background:var(--hero-bg);color:var(--hero-ink)}.case-screens .section-head>p,.case-screens figcaption,.case-screens .caption{color:var(--hero-muted)}.case-screens .eyebrow{color:var(--hero-ink)}
.screens-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;justify-items:center}.screens-row figure{margin:0;width:min(300px,100%);container-type:inline-size}.screens-row .dev-phone{--b:2.6cqw;--w:94.8cqw}.screens-row figcaption{font-size:12px;line-height:1.6;margin-top:18px;max-width:34ch}
.screens-desk{margin:64px auto 0;max-width:1100px}.screens-desk figcaption{font-size:12px;line-height:1.6;margin-top:16px}
.case-palette{background:var(--soft)}.case-palette .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}.case-palette p{font-family:var(--brand-text,inherit);margin-top:22px;max-width:42ch}
.swatches{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.swatches li{display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:16px;border-radius:6px;background:var(--sw);color:var(--sw-ink);box-shadow:inset 0 0 0 1px var(--line);font-size:11px;line-height:1.6}.swatches strong{font-weight:600}
.specimens{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.specimens li{display:flex;align-items:flex-end;gap:20px;padding-top:18px;border-top:1px solid var(--line)}.specimen{font-size:80px;line-height:.9;font-weight:600;letter-spacing:-.03em;color:var(--ink)}.specimens li>span:last-child{display:flex;flex-direction:column;font-size:12px;color:var(--muted)}.specimens strong{font-size:14px;font-weight:600;color:var(--ink)}
.case-full{background:var(--stage);color:var(--stage-ink);border-top:1px solid color-mix(in srgb,var(--stage-ink) 12%,transparent)}.case-full .section-head>p,.case-full .caption,.case-full .eyebrow{color:var(--stage-ink)}.case-full .caption a{text-decoration:underline;text-underline-offset:3px}
.full-browser{max-width:1100px;margin:0 auto;box-shadow:0 40px 90px rgb(24 18 10/.26),0 4px 12px rgb(24 18 10/.1)}.full-frame{height:min(760px,72vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:#fff}.full-frame img{display:block;width:100%;height:auto}
.case-end .notice{margin-top:0}.case-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;border-block:1px solid var(--line)}.case-nav a{display:flex;flex-direction:column;gap:10px;padding:30px 0}.case-nav a+a{align-items:flex-end;text-align:right;border-left:1px solid var(--line)}.case-nav span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.case-nav strong{font-weight:520;font-size:clamp(22px,2.4vw,34px);letter-spacing:-.05em}.case-nav a:hover strong{color:var(--blue)}
/* Stránka Projekty, homepage a O nás. */
.projects-intro{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:80px;align-items:end}.projects-intro h1{margin-bottom:32px}.projects-intro .lead{max-width:57ch}
.work-index{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.work-index a{display:flex;align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.work-index strong{width:62px;font-size:40px;font-weight:420;line-height:1;letter-spacing:-.06em;color:var(--blue)}.work-index a>span:nth-child(2){flex:1}.work-index a:hover{color:var(--blue)}
.models-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 28px;align-items:start}.models-row h2{font-size:44px}.models-row>div>p{font-size:15px;margin-top:22px;max-width:32ch}
.dvur-band{position:relative;display:block;margin-top:28px;height:clamp(300px,34vw,460px);overflow:hidden;border-radius:var(--radius);background:var(--soft)}.dvur-band img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s}.dvur-band:hover img{transform:scale(1.02)}
.dvur-chip{position:absolute;right:18px;top:18px;padding:6px 10px;background:#101922c9;color:#fff;font-size:10px;line-height:1.5}
.stage-chip{position:absolute;right:14px;top:14px;z-index:1;padding:5px 9px;border-radius:2px;background:#101922c9;color:#fff;font-size:10px;letter-spacing:.02em;line-height:1.5}
.dvur-card{position:absolute;left:32px;bottom:32px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:min(430px,calc(100% - 64px));padding:26px 30px;background:var(--bg);color:var(--ink)}.dvur-card .eyebrow{margin:0}.dvur-card strong{font-weight:520;font-size:34px;line-height:1.06;letter-spacing:-.05em}.dvur-card>span:nth-child(3){font-size:14px;color:var(--muted)}.dvur-more{display:inline-flex;align-items:center;gap:20px;font-size:13px;font-weight:500}.dvur-band:hover .dvur-more .arrow{transform:translate(3px,-3px)}
.client-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px}.client-index--2{grid-template-columns:repeat(2,minmax(0,1fr))}.client-index a{display:flex;flex-direction:column;gap:8px;padding:20px 0 26px;border-top:1px solid var(--line)}.client-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:clamp(22px,2.1vw,30px);font-weight:500;letter-spacing:-.045em;line-height:1.15}.client-name .arrow{font-size:18px}.client-scope{font-size:12px;color:var(--muted)}.client-index a:hover .client-name{color:var(--blue)}.client-index a:hover .arrow{transform:translate(3px,-3px)}
/* Přepínač Digital | Build v referencích: přepínače (radio) stojí v toku před panely, CSS přes sourozence ukáže jen zvolený panel; bez JavaScriptu i bez :has(). */
.area-input{display:block;width:1px;height:1px;margin:-1px 0 0;padding:0;border:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0}
.area-switch{margin:0;min-width:0}
.area-tabs{display:flex;gap:34px;margin:-6px 0 36px;border-bottom:1px solid var(--line)}
.area-tab{position:relative;display:inline-flex;align-items:baseline;gap:8px;padding:6px 2px 16px;font-size:clamp(19px,1.6vw,22px);font-weight:500;letter-spacing:-.035em;line-height:1.2;color:var(--muted);cursor:pointer;transition:color .2s}
.area-tab small{font-size:12px;font-weight:600;letter-spacing:0;color:var(--muted);transition:color .2s}
.area-tab::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.area-tab:hover{color:var(--ink)}}
.area-input--a:checked~.area-tabs .area-tab--a,.area-input--b:checked~.area-tabs .area-tab--b{color:var(--ink)}
.area-input--a:checked~.area-tabs .area-tab--a small,.area-input--b:checked~.area-tabs .area-tab--b small{color:var(--blue)}
.area-input--a:checked~.area-tabs .area-tab--a::after,.area-input--b:checked~.area-tabs .area-tab--b::after{transform:none}
.area-input--a:focus-visible~.area-tabs .area-tab--a,.area-input--b:focus-visible~.area-tabs .area-tab--b{outline:2px solid var(--blue);outline-offset:4px}
.area-input--a:checked~.area-panel--b,.area-input--b:checked~.area-panel--a{display:none}
.area-lead{max-width:62ch;margin:0 0 36px;font-size:15px;color:var(--muted)}
.area-lead a{color:var(--ink);font-weight:500;white-space:nowrap}
.area-lead a .arrow{margin-left:6px;font-size:13px}
.area-lead a:hover{color:var(--blue)}
@media print{.area-tabs{display:none}.area-panel{display:block!important}}
@media(forced-colors:active){.area-input--a:checked~.area-tabs .area-tab--a,.area-input--b:checked~.area-tabs .area-tab--b{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}}
@media(max-width:700px){.area-tabs{gap:26px;margin:0 0 28px}.area-tab{padding-bottom:12px}.area-lead{margin-bottom:28px;font-size:14px}}
.founder-note{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:10%;align-items:start}.founder-note h2{font-size:clamp(40px,4.4vw,64px)}.founder-note>div:last-child{padding-top:42px}.founder-note .lead{color:var(--ink)}.founder-note p+p{margin-top:22px}.founder-note .caption{margin-top:26px}
.prose .story-signature{margin-top:34px}
.ref-rows{border-top:1px solid var(--line)}.ref-row{display:grid;grid-template-columns:minmax(200px,.8fr) 1.2fr auto 28px;gap:30px;align-items:center;padding:26px 8px;border-bottom:1px solid var(--line);transition:padding .3s,background .3s}.ref-row h3{font-size:24px}.ref-row p{font-size:13px}.ref-row .tags{margin:0;justify-content:flex-end}.ref-row:hover{padding-inline:20px;background:var(--bg)}.ref-row:hover .arrow{transform:translate(3px,-3px);color:var(--blue)}
.team-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}.team-section .team-grid{margin-bottom:64px}.person .person-photo{aspect-ratio:4/5;margin-bottom:20px}.person-initial{display:grid;place-items:center;background:var(--soft);color:var(--muted);font-size:48px;letter-spacing:-.05em}.person h3{font-size:22px}.person-role{font-size:12px;color:var(--blue);margin-top:6px}.person>p:not(.person-role){font-size:14px;margin-top:12px;max-width:34ch}
.story-blocks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.story-blocks h3{font-size:24px;margin-top:20px}.story-blocks p{font-size:14px;margin-top:14px}
@media(max-width:1100px){.work-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.case-head{grid-template-columns:minmax(0,1fr) 340px;gap:50px}.case-features ul{grid-template-columns:repeat(2,minmax(0,1fr))}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.work-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.case-head{grid-template-columns:1fr;gap:36px}.case-spec{max-width:520px;padding-top:0}.case-facts{grid-template-columns:1fr;gap:34px}.projects-intro{grid-template-columns:1fr;gap:40px}.models-row{grid-template-columns:repeat(2,minmax(0,1fr))}.models-row>div:first-child{grid-column:1/-1}.client-index{grid-template-columns:repeat(2,minmax(0,1fr))}.case-palette .wrap,.founder-note{grid-template-columns:1fr;gap:36px}.founder-note>div:last-child{padding-top:0}.ref-row{grid-template-columns:1fr 26px;gap:8px 16px}.ref-row p{grid-column:1}.ref-row .tags{grid-column:1;justify-content:flex-start;margin-top:4px}.ref-row .arrow{grid-column:2;grid-row:1 / 4}.screens-row{gap:24px}.story-blocks{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.work-grid--2,.work-grid--3,.work-grid--4{grid-template-columns:minmax(0,1fr);gap:44px}.work-card h3,.work-card.is-large h3{font-size:28px}.work-grid--4 .work-card>p{display:block}.work-grid--4 .work-status>span:last-child{display:inline}.case-band{padding-top:27px}.case-head{padding-bottom:40px}.case-cta{display:flex;justify-content:space-between;width:100%}.screens-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start;gap:20px;margin-inline:calc(50% - 50vw);padding:0 calc(50vw - 50%) 14px;scroll-padding-inline:calc(50vw - 50%);scrollbar-width:thin}.screens-row figure{flex:0 0 68%;scroll-snap-align:center}.screens-desk{margin-top:44px}.full-frame{height:520px}.case-nav a{padding:22px 0}.case-nav strong{font-size:22px}.dvur-band{height:420px}.dvur-card{left:16px;right:16px;bottom:16px;width:auto;padding:20px}.dvur-card strong{font-size:26px}.client-index{grid-template-columns:1fr}.case-features ul{grid-template-columns:1fr}.work-index strong{font-size:32px;width:48px}.work-index a{font-size:14px}.models-row{grid-template-columns:minmax(0,1fr)}.models-row h2{font-size:36px}.team-grid,.story-blocks{grid-template-columns:1fr}.person .person-photo{max-width:360px}.swatches li{min-height:110px}.specimen{font-size:58px}}
/* Tým na mobilu ve dvou sloupcích: osm lidí pod sebou by byla dlouhá stěna fotek. */
@media(max-width:700px){.team-section .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 14px}.team-section .person .person-photo{margin-bottom:14px}.team-section .person h3{font-size:17px}.team-section .person>p:not(.person-role){font-size:13px}}
/* O nás, příběh zakladatele: fotka vlevo vyplní sloupec a při čtení textu zůstane stát; nadpis nad textem vpravo. Na úzkých displejích nadpis, fotka a text pod sebou. */
.story-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"photo head" "photo text";column-gap:clamp(40px,6vw,96px);row-gap:34px;align-items:start}
.story-layout>.story-head{grid-area:head}
.story-layout>.story-head h2{text-wrap:balance}
.story-layout>.prose{grid-area:text}
.story-layout>.story-photo{grid-area:photo;position:sticky;top:112px}
.story-photo .story-portrait{margin:0;aspect-ratio:4/5}
/* Zakladatel se na fotce dívá doleva; tady ji zrcadlově otočíme, aby se díval k textu (přání uživatele 29. 9. 2026). */
.story-photo .story-portrait img{transform:scaleX(-1)}
@media(max-width:850px){.story-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "photo" "text";row-gap:30px}.story-layout>.story-photo{position:static;max-width:440px}}
/* Písmeno před „j“ ve velkých nadpisech: o něco víc místa, aby čárka nad í nesplynula s tečkou j (build.mjs, kernHeadings; ověřeno 56 a 96 px). */
.dia{letter-spacing:.025em}
/* ── Stránky služeb Digital (pages.mjs, serviceDetail): co přesně děláme, změny 2026–2027, práce s AI, záchrana projektů ── */
.svc-cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 32px}
.svc-cap-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.svc-cap{border-top:2px solid var(--ink);padding-top:18px}
.svc-cap-num{display:block;font-size:12px;font-weight:600;color:var(--blue);margin-bottom:30px;font-variant-numeric:tabular-nums;transition:color .8s,text-shadow .8s}
.svc-cap h3{font-size:clamp(20px,1.75vw,25px);letter-spacing:-.035em;margin-bottom:16px}
.svc-cap ul,.svc-ai-col ul,.svc-rescue-signs ul{list-style:none;margin:0;padding:0}
.svc-cap li{padding:11px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.45;color:var(--muted)}
.svc-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.svc-trend{display:grid;grid-row:span 2;grid-template-rows:subgrid;gap:24px;padding:30px 28px;background:var(--bg);border-radius:var(--radius)}
.svc-trend p span{display:block;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}
.svc-trend-change{font-size:18px;line-height:1.45;letter-spacing:-.015em;color:var(--ink)}
.svc-trend-change span{color:var(--muted)}
.svc-trend-action{padding-top:22px;border-top:1px solid var(--line);font-size:15px;line-height:1.55;color:var(--muted)}
.svc-trend-action span{color:var(--blue)}
.svc-ai{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:28px clamp(40px,6vw,96px);align-items:start}
.svc-ai-head{grid-row:span 2}
.svc-ai-head .lead{margin-top:22px}
.svc-ai-split{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius)}
.svc-ai-col{padding:26px 28px 18px}
.svc-ai-col+.svc-ai-col{border-left:1px solid var(--line)}
.svc-ai-col h3{font-size:18px;letter-spacing:-.02em;margin-bottom:14px}
.svc-ai-col li{position:relative;padding:10px 0 10px 22px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.45}
.svc-ai-col li::before{content:"";position:absolute;left:1px;top:16px;width:7px;height:7px;border-radius:50%;border:2px solid var(--blue)}
.svc-ai-col.is-people li::before{background:var(--ink);border-color:var(--ink)}
.svc-ai-data{grid-column:2;margin-top:0;max-width:62ch}
.svc-rescue{background:#14161b;color:#e3e5ea}
.svc-rescue .wrap.section{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:36px clamp(40px,6vw,96px);align-items:start}
.svc-rescue .eyebrow{color:#aebcff}
.svc-rescue h2{color:#fff}
.svc-rescue-head{grid-row:span 2}
.svc-rescue-head .lead{margin-top:22px;color:#c6cad2}
.svc-rescue-signs h3{font-size:18px;letter-spacing:-.02em;color:#fff;margin-bottom:14px}
.svc-rescue-signs ul{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.svc-rescue-signs li{position:relative;padding:14px 0 14px 24px;border-top:1px solid #ffffff1f;font-size:15px;line-height:1.45}
.svc-rescue-signs li::before{content:"";position:absolute;left:0;top:23px;width:12px;height:2px;background:#ffcf6e}
.svc-rescue-foot{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.svc-rescue-foot p{max-width:46ch;font-size:15px;line-height:1.55;color:#c6cad2}
html[data-appearance=night] .svc-rescue{background:#0c0f16;border-block:1px solid #ffffff14}
.svc-rescue-teaser{padding-top:0}
.svc-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 48px;padding:30px 34px;border:1px solid var(--line);border-left:3px solid #ffcf6e;border-radius:var(--radius)}
.svc-teaser .eyebrow{margin-bottom:10px}
.svc-teaser h3{font-size:clamp(22px,2vw,28px);letter-spacing:-.035em;margin-bottom:10px}
.svc-teaser p{max-width:64ch;color:var(--muted);font-size:15px;line-height:1.55}
.svc-teaser .text-link{margin-top:0;white-space:nowrap}
html[data-appearance=night] .svc-cap.is-lit .svc-cap-num{color:var(--g-warm);text-shadow:0 0 12px var(--g-halo)}
@media(max-width:1100px){.svc-cap-grid,.svc-cap-grid.is-3{grid-template-columns:repeat(2,minmax(0,1fr))}.svc-trend-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.svc-ai,.svc-rescue .wrap.section{grid-template-columns:minmax(0,1fr)}.svc-ai-head,.svc-rescue-head{grid-row:auto}.svc-ai-data,.svc-rescue-foot{grid-column:1}}
@media(max-width:700px){.svc-cap-grid,.svc-cap-grid.is-3,.svc-trend-grid{grid-template-columns:minmax(0,1fr)}.svc-cap-grid{gap:30px}.svc-cap-num{margin-bottom:12px}.svc-cap h3{margin-bottom:8px}.svc-cap li{padding:9px 0}.svc-trend{padding:24px 22px}.svc-ai-split,.svc-rescue-signs ul{grid-template-columns:minmax(0,1fr)}.svc-ai-col+.svc-ai-col{border-left:0;border-top:1px solid var(--line)}.svc-ai-col{padding:22px 20px 14px}.svc-teaser{grid-template-columns:minmax(0,1fr);padding:24px 22px}.svc-teaser .text-link{white-space:normal}}
/* The optional game invitation never competes with the contact path. */
.stack-invite{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;max-width:920px;padding-block:110px 90px}.stack-invite-art{min-width:0}.stack-invite-art svg{width:100%;height:auto;overflow:visible}.stack-invite-copy{padding-bottom:12px}.stack-invite-signature{display:block;color:var(--muted);font-size:12px;letter-spacing:.01em}.stack-invite-signature>span{margin-inline:9px;opacity:.5}.stack-invite h2{font-size:clamp(40px,4.4vw,62px);margin:20px 0;line-height:1.02}.stack-invite-copy>p{max-width:31ch;font-size:15px;line-height:1.7}.stack-invite .button{margin-top:26px;min-width:185px;min-height:50px}.stack-invite-copy .stack-load-status{font-size:12px;margin-top:12px}.stack-load-status{font-size:13px;flex-basis:100%}.stack-load-status:empty{display:none}html:not([data-enhanced]) .stack-invite,html:not([data-enhanced]) .stack-trigger{display:none}
.stack-mini-roof{fill:#eeece7;stroke:#c6c9c9;stroke-width:.5}.stack-mini-slab{fill:#dbd9d2}.stack-mini-edge{fill:#b9bcbf}.stack-mini-glass{fill:#9badb9;stroke:#465665;stroke-width:.7}.stack-mini-frame{fill:none;stroke:#3e4e5c;stroke-width:1.1}.stack-mini-blue{fill:#2448ed}.stack-mini-furniture{fill:#627c86;opacity:.75}.stack-mini-lamp{stroke:#e9dec8;stroke-width:3}.stack-mini-shadow{fill:#142538;opacity:.08;filter:blur(8px)}.stack-mini-moving{transform:translate(19px,-12px);transition:transform .7s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.stack-invite:hover .stack-mini-moving{transform:translate(0,0)}}
.stack-invite:focus-within .stack-mini-moving{transform:translate(0,0)}
[data-appearance=night] .stack-mini-roof{fill:#5b6472;stroke:#748090}[data-appearance=night] .stack-mini-slab{fill:#444f60}[data-appearance=night] .stack-mini-edge{fill:#313b4b}[data-appearance=night] .stack-mini-glass{fill:#c99e61;stroke:#273446}[data-appearance=night] .stack-mini-frame{stroke:#273446}[data-appearance=night] .stack-mini-furniture{fill:#756451}[data-appearance=night] .stack-mini-lamp{stroke:#ffe1a3;filter:drop-shadow(0 0 5px #ffc96d)}[data-appearance=night] .stack-mini-shadow{fill:#ebbd77;opacity:.14}
@media(max-width:600px){.stack-invite{grid-template-columns:minmax(0,1fr);gap:12px;padding-block:66px 60px;max-width:410px}.stack-invite-art{width:min(290px,90%);justify-self:center}.stack-invite-copy{text-align:center;padding:0 12px}.stack-invite h2{font-size:42px;margin:16px 0}.stack-invite h2 br{display:none}.stack-invite-copy>p{margin-inline:auto}.stack-invite .button{margin-top:23px}.stack-invite-signature{font-size:11px}}
@media(prefers-reduced-motion:reduce){.stack-mini-moving{transition:none;transform:none!important}}
[data-motion=off] .stack-mini-moving{transition:none;transform:none!important}
/* ── Kontakt: kanceláře (pages.mjs, officeQuick/officesSection; mapky src/maps/*.svg z tools/office-maps.py) ── */
.contact-intro{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px clamp(40px,6vw,96px);align-items:end}
.office-quick{display:flex;flex-direction:column;border-top:2px solid var(--ink);margin-bottom:6px}
.office-quick>a:not(.office-quick-mail){display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line);transition:background .2s}
.office-quick>a:not(.office-quick-mail):hover{background:var(--soft)}
.office-quick-num{font-size:12px;font-weight:600;color:var(--blue);padding-top:3px}
.office-quick>a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.office-quick strong{font-size:clamp(18px,1.6vw,22px);font-weight:560;letter-spacing:-.03em;line-height:1.2}
.office-quick>a>span:nth-child(2)>span:last-child{font-size:14px;color:var(--muted)}
.office-quick>a>span:last-child{padding-top:16px}
.office-quick-mail{padding-top:18px;font-size:15px;font-weight:500;display:inline-flex;gap:14px;align-items:center}
.office-kicker{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.office.is-main .office-kicker,.office-quick>a:first-child .office-kicker{color:var(--blue)}
.offices{background:var(--soft)}
.office-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:stretch}
.office{display:flex;flex-direction:column;background:var(--bg);border-radius:var(--radius);overflow:hidden}
.office-map-wrap{position:relative;height:clamp(300px,36vw,520px);background:#efeee9;overflow:hidden}
.office.is-main .office-map-wrap{flex:1 0 auto}
.office-map{position:absolute;inset:0;display:block;width:100%;height:100%}
.office-body{display:flex;flex-direction:column;gap:16px;padding:30px 30px 32px;flex:1}
.office.is-main .office-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) auto;gap:32px;align-items:start;padding:32px 36px}
.office-name{display:flex;flex-direction:column;gap:6px}
.office h3{font-size:clamp(26px,2.2vw,30px);letter-spacing:-.045em}
.office.is-main h3{font-size:clamp(32px,3vw,42px);letter-spacing:-.05em}
.office-building{font-size:14px;color:var(--muted)}
.office-info{display:flex;flex-direction:column;gap:10px}
.office address{font-style:normal;font-size:15px;line-height:1.55;color:var(--ink)}
.office-info p{font-size:13.5px;line-height:1.55;color:var(--muted)}
.office-transit{color:var(--ink)!important}
.office-links{display:flex;flex-direction:column;gap:10px;min-width:190px}
.office:not(.is-main) .office-links{gap:0;margin-top:auto}
.office:not(.is-main) .office-links .text-link{margin-top:0;justify-content:space-between;width:100%}
.office-links .button{justify-content:space-between}
.office-credit{margin-top:22px}
/* mapka: den */
.m-bg{fill:#efeee9}.m-green{fill:#e0e8d6}.m-water{fill:#c9d6f7}
.m-bld{fill:#e2e1dc;stroke:#d3d2cc;stroke-width:.6}
.m-rail{fill:none;stroke:#c3c2bc;stroke-width:1.4;stroke-dasharray:7 5}
.m-minor{fill:none;stroke:#fbfbf9;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.m-res{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.m-main{fill:none;stroke:#fff;stroke-width:9;stroke-linecap:round;stroke-linejoin:round}
.m-target{fill:#2448ed;stroke:#1a36c4;stroke-width:1.5;transition:fill .8s,stroke .8s}
.m-label{font:600 13px Inter,Arial,sans-serif;fill:#6d7078;letter-spacing:.02em;paint-order:stroke;stroke:#efeee9;stroke-width:4px;stroke-linejoin:round}
.m-label.is-water{font-style:italic;font-weight:500;fill:#5b73c9;stroke:#c9d6f7;font-size:15px;letter-spacing:.14em}
.m-glow{fill:#2448ed;opacity:.14;transition:fill .8s,opacity .8s}.m-dot{fill:#191b20;stroke:#fff;stroke-width:3}.m-core{fill:#fff}
.m-pin-label{font:700 15px Inter,Arial,sans-serif;fill:#191b20;letter-spacing:.14em;paint-order:stroke;stroke:#efeee9;stroke-width:5px}
/* mapka: noc – kancelář svítí teple jako okna na webu */
html[data-appearance=night] .office-map-wrap{background:#171c26}
html[data-appearance=night] .m-bg{fill:#171c26}html[data-appearance=night] .m-green{fill:#1d2a26}html[data-appearance=night] .m-water{fill:#18264a}
html[data-appearance=night] .m-bld{fill:#232a37;stroke:#2c3444}html[data-appearance=night] .m-rail{stroke:#3a4356}
html[data-appearance=night] .m-minor{stroke:#262e3c}html[data-appearance=night] .m-res{stroke:#2d3646}html[data-appearance=night] .m-main{stroke:#3a4458}
html[data-appearance=night] .m-target{fill:#ffcf6e;stroke:#ffb547}
html[data-appearance=night] .m-label{fill:#8d97aa;stroke:#171c26}html[data-appearance=night] .m-label.is-water{fill:#6f86c9;stroke:#18264a}
html[data-appearance=night] .m-glow{fill:#ffcf6e;opacity:.22}html[data-appearance=night] .m-dot{fill:#ffcf6e;stroke:#171c26}html[data-appearance=night] .m-core{fill:#171c26}
html[data-appearance=night] .m-pin-label{fill:#ffe3a6;stroke:#171c26}
html[data-appearance=night] .office.is-main .office-kicker{color:var(--g-warm,#ffcf6e)}
@media(max-width:1100px){.office-grid{grid-template-columns:minmax(0,1fr)}.office.is-main .office-map-wrap{flex:none}.office.is-main .office-body{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.office.is-main .office-links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}}
@media(max-width:850px){.contact-intro{grid-template-columns:minmax(0,1fr)}}
@media(max-width:700px){.office.is-main .office-body{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 20px 26px}.office-body{padding:22px 20px 24px}.office-map-wrap{height:300px}.office:not(.is-main) .office-map-wrap{height:220px}.office-map{transform:scale(1.45);transform-origin:50% 54%}.office.is-main .office-links{flex-direction:column}}
/* ── Štítek u citací (jen pracovní náhled: ukázka, připravené místo); karty jsou v voices.css, detail reference níže ── */
.testimonial-flag{margin-top:6px;padding:4px 10px;border:1px dashed var(--line);border-radius:99px;font-size:11px;color:var(--muted)}
.is-sample .testimonial-flag{border-style:solid;border-color:var(--ink);color:var(--ink);font-weight:600}
/* ── Slovo klienta v detailu reference (pages.mjs, clientWord): portrét vlevo, slova vpravo; bez portrétu jeden sloupec.
   Připravené místo (.is-pending) a prázdný rámeček portrétu jsou jen v pracovním náhledu. ── */
.case-word>.eyebrow{margin-bottom:28px}
.client-word{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px clamp(36px,6vw,88px);align-items:center}
.client-word+.client-word{margin-top:64px}
.client-word.no-photo{grid-template-columns:minmax(0,1fr)}
.client-word-portrait{position:relative}
.client-word-photo{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius)}
.client-word-note{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);padding:5px 9px;background:#101922c9;color:#fff;font-size:10px;line-height:1.5;backdrop-filter:blur(6px)}
.client-word-photo.is-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:1.5px dashed var(--line);color:var(--muted)}
.client-word-photo.is-empty span{font-size:44px;font-weight:520;letter-spacing:-.04em;line-height:1;min-height:44px}
.client-word-photo.is-empty small{font-size:12px}
.client-word-body,.client-word figure{display:flex;flex-direction:column;gap:22px;min-width:0;margin:0}
.client-word blockquote{margin:0}
.client-word-text{font-size:clamp(24px,2.7vw,40px);line-height:1.18;letter-spacing:-.04em;font-weight:520;color:var(--ink);text-wrap:pretty;overflow-wrap:anywhere;max-width:26em}
.client-word blockquote .client-word-text{text-indent:-.45em}
.client-word.is-pending .client-word-text{color:var(--muted)}
.client-word-caption{display:flex;flex-direction:column;align-items:flex-start;gap:3px;font-size:14px;line-height:1.4;color:var(--muted);overflow-wrap:anywhere}
.client-word-caption strong{font-size:16px;font-weight:600;color:var(--ink)}
.client-word-caption .testimonial-flag{margin-top:8px}
@media(max-width:700px){.client-word{grid-template-columns:minmax(0,1fr)}.client-word-photo,.client-word-portrait{max-width:240px}.client-word blockquote .client-word-text{text-indent:0}}

/* Tým jen se zakladatelem (10. 10. 2026): vedle jeho karty panel „Představení týmu připravujeme“, na šířku zbylých sloupců. */
.team-grid--coming .team-coming{grid-column:span 3;display:flex;flex-direction:column;justify-content:flex-end;border:1px dashed var(--line);border-radius:var(--radius);background:var(--soft);padding:40px}
.team-coming .eyebrow{color:var(--blue)}
.team-coming h3{font-size:40px;margin-top:18px}
.team-coming p{font-size:15px;margin-top:20px;max-width:46ch;color:var(--muted)}
@media(max-width:1100px){.team-grid--coming .team-coming{grid-column:span 1;padding:28px}.team-coming h3{font-size:30px}}
@media(max-width:700px){.team-grid--coming .team-coming{padding:16px 14px}.team-coming h3{font-size:19px;margin-top:10px}.team-coming p{font-size:13px;margin-top:12px}}
.footer-legal{font-size:10px;line-height:1.6;color:var(--muted);padding-bottom:24px;margin-top:-6px}
.contact-info .contact-company{font-size:11px;line-height:1.6;margin-top:18px;color:var(--muted)}
.case-nav--single{grid-template-columns:1fr}