@font-face{font-family:Inter;src:url(inter.woff2) format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.demo-atelier{--bg:#f0ede5;--ink:#393c32;--accent:#595e4b;--paper:#e2dfd4}.demo-atelier h1,.demo-atelier h2{font-family:Georgia,serif;font-weight:400}.demo-poradenstvo{--bg:#f3f4fb;--ink:#182851;--accent:#374dc0;--paper:#e8eaf6}.demo-produkt{--bg:#edf0e8;--ink:#2c4434;--accent:#34583e;--paper:#dfe6d9}.demo-bar{position:sticky;top:0;z-index:5;background:#0b1c2b;color:#d7e7ed;padding:13px 4vw;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:11px;line-height:1.6}.demo-bar a{padding:4px 0}.demo-bar>a:last-child{color:#6bdbe5}.demo-bar>span{color:#8ba3b2}.demo-header{padding:35px 6vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0001}.demo-brand{font-size:26px;font-weight:650;letter-spacing:-1px}.demo-header nav{display:flex;gap:33px;font-size:12px}.demo-hero{display:grid;grid-template-columns:1fr 1.12fr;min-height:690px;align-items:center;padding:50px 6vw 65px;gap:5vw}.overline{font-size:10px;font-weight:600;letter-spacing:2px;margin:0 0 30px}h1{font-size:clamp(50px,5.3vw,86px);line-height:1.08;letter-spacing:-4px;margin:0 0 30px;font-weight:550}.demo-copy>p:not(.overline){font-size:15px;line-height:1.9;max-width:390px;opacity:.74}.demo-cta{display:inline-flex;align-items:center;gap:40px;background:var(--accent);color:#fff;font-size:12px;font-weight:500;padding:20px 24px;margin-top:23px;min-height:52px}.demo-cta span{font-size:21px}.demo-copy>small{display:block;margin-top:50px;letter-spacing:1.4px;font-size:9px;opacity:.55}.demo-art{position:relative}.demo-art img{width:100%;height:auto;display:block;animation:reveal .9s ease both}.demo-art>span{position:absolute;bottom:22px;left:25px;font-size:8px;letter-spacing:2px}.demo-poradenstvo .demo-art img{border-radius:50% 50% 12px 12px}.demo-produkt .demo-art img{border-radius:180px 180px 16px 16px}.demo-intro{border-top:1px solid #0002;padding:85px 6vw;display:grid;grid-template-columns:1fr 1fr;gap:25px 8vw;align-items:center}.demo-intro .overline{grid-column:1/-1;margin-bottom:5px}h2{font-size:clamp(32px,3.6vw,57px);font-weight:500;line-height:1.17;letter-spacing:-2px;margin:0}.demo-intro>p:last-child{font-size:14px;line-height:1.95;max-width:400px;opacity:.7}.demo-services{padding:0 6vw 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.demo-services article{padding:25px 0;border-top:1px solid #0003}.demo-services span{font-size:11px;opacity:.5}.demo-services h3{font-size:19px;font-weight:550;margin:28px 0 14px}.demo-services p{font-size:13px;line-height:1.8;opacity:.7}.demo-close{background:var(--paper);padding:85px 6vw;text-align:center}.demo-close .overline{margin-bottom:22px}.demo-close>p:last-child{max-width:470px;margin:25px auto 0;font-size:11px;line-height:1.9;opacity:.65}footer{padding:35px 6vw;display:flex;justify-content:space-between;font-weight:600}footer a{font-size:11px;font-weight:400}@keyframes reveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media(max-width:750px){.demo-bar{flex-wrap:wrap;padding:9px 20px;font-size:9px;gap:4px 12px}.demo-bar>span{display:none}.demo-header{padding:24px 20px}.demo-brand{font-size:23px}.demo-header nav{gap:15px;font-size:10px}.demo-header nav>a:first-child{display:none}.demo-hero{grid-template-columns:1fr;padding:50px 20px 45px;gap:35px;min-height:0}h1{font-size:57px;letter-spacing:-3px}.overline{font-size:9px;margin-bottom:24px}.demo-copy>p:not(.overline){font-size:14px}.demo-copy>small{margin-top:27px}.demo-art img{max-height:450px;object-fit:cover}.demo-intro{grid-template-columns:1fr;padding:55px 20px;gap:20px}h2{font-size:37px}.demo-services{grid-template-columns:1fr;padding:0 20px 40px;gap:0}.demo-services h3{margin-top:17px}.demo-close{padding:55px 20px}footer{padding:28px 20px;font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}}
@media(max-width:750px){h1{font-size:clamp(42px,13.5vw,57px);letter-spacing:-2.5px}}