@font-face{font-family:Poppins;src:url('/assets/poppins-medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Nunito;src:url('/assets/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}:root{--plum:#563449;--ink:#10100d;--gray:#777;--gap:96px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff;color:var(--ink);font-family:Nunito,Arial,sans-serif;font-weight:500}h1,h2,h3,p{margin:0}h1,h2,h3,.pill,.black>a{font-family:Poppins,Arial,sans-serif;font-weight:500}h2{font-size:4.45cqw;line-height:1.25;letter-spacing:-.23cqw}h3{font-size:1.72cqw;line-height:1.5;letter-spacing:-.05cqw}p{font-size:1.4cqw;line-height:1.6;color:var(--gray)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #947089;outline-offset:5px}img{display:block;max-width:100%}::selection{background:#e4d4de}.skip{position:fixed;top:-100px;left:20px;background:var(--plum);color:white;padding:15px;z-index:100}.skip:focus{top:15px}.page{width:100%;max-width:1600px;margin:0 auto var(--gap);container-type:inline-size;overflow:hidden;background:#fff}.page:last-child{margin-bottom:0}.stage{position:relative;aspect-ratio:1440/810}.page-nav{position:absolute;top:8.3%;left:5.6%;right:5.6%;display:flex;align-items:center;justify-content:space-between;font-size:1.4cqw;z-index:5}.logo{width:10.5cqw;display:block}.logo img{width:100%;height:auto}.photo{position:absolute;object-fit:cover;border-radius:1.25cqw;background:#efefef;width:100%;height:100%}.black{position:absolute;border-radius:1.3cqw;background:var(--ink);color:white}.black p{color:white}.icon{display:flex;align-items:center;justify-content:center;background:var(--ink);color:white;width:4.3cqw;height:4.3cqw;border-radius:.35cqw;flex-shrink:0;font-size:2.6cqw}.plum-bg{background:var(--plum)}.pill{display:inline-flex;justify-content:center;align-items:center;border-radius:99px;background:var(--ink);color:white;padding:1.1cqw 3.6cqw;font-size:1.7cqw;line-height:1.4}.pill.plum{background:var(--plum)}.pill:hover,.black[href]:hover,.black[type]:hover{background:var(--plum)}.hero-shot{left:-3%;top:18%;width:30%;height:84%;border-radius:0;object-position:42% center}.p1 h1{position:absolute;left:28%;top:29%;font-size:10.5cqw;line-height:1.04;letter-spacing:-.65cqw}.hero-note{position:absolute;left:85%;top:66%;font-size:1.35cqw;width:14%}.hero-link{position:absolute;left:29%;bottom:5.6%;font-size:1.3cqw;color:var(--plum);border-bottom:1px solid;padding-bottom:.5cqw}.p2 h2{position:absolute;left:5.6%;top:20.3%;width:40%}.intro-one{left:47.3%;top:21.5%;width:17.6%;height:33.1%}.intro-two{left:66.6%;top:21.5%;width:27.7%;height:33.1%}.intro-copy{position:absolute;left:5.8%;top:63.7%;width:40.5%}.intro-copy p{margin-top:1.6cqw}.intro-aside{position:absolute;left:49.3%;top:70.9%;width:45%;display:flex;gap:2.7cqw;align-items:center}.p3 .design-photo{left:0;top:19.3%;width:38.8%;height:72.6%;border-radius:0 1.25cqw 1.25cqw 0}.p3 h2{position:absolute;left:52.9%;top:20%;width:42%}.design-buttons{position:absolute;left:52.1%;top:56.6%;display:flex;gap:1.8cqw}.design-copy{position:absolute;left:52.9%;top:68.2%;width:42%}.design-copy p{margin-top:1.1cqw}.p4 h2{position:absolute;left:5.6%;top:21%;width:50%}.shoptet-copy{position:absolute;left:5.6%;top:50%;width:44%}.shoptet-copy p{margin-top:1.3cqw}.shoptet-top{left:59.2%;top:19.2%;width:35.1%;height:44.2%}.shoptet-bottom{left:75.2%;top:70.4%;width:29%;height:32%;border-radius:1.25cqw 0 0 0}.shoptet-notes{position:absolute;left:5.8%;top:74%;width:62%;list-style:none;display:flex;gap:4cqw;padding:0;margin:0;font-size:1.4cqw;color:var(--gray);line-height:1.6}.shoptet-notes li{position:relative;padding-left:2.5cqw}.shoptet-notes li::before{content:'';position:absolute;left:0;top:.7cqw;width:1.2cqw;height:1.2cqw;background:var(--ink);border-radius:50%}.p5 h2{position:absolute;top:19.2%;left:5.6%;right:5.6%;text-align:center;font-size:3.8cqw}.wide-photo{left:5.8%;top:37.6%;width:41.5%;height:21.5%}.web-copy{position:absolute;left:5.8%;top:63.6%;width:39%}.web-copy p{margin-top:1.5cqw}.web-tall{left:50%;top:37.6%;width:17.4%;height:46.6%}.web-box{left:70.2%;top:42%;width:24.1%;height:21.8%;padding:3.2cqw 3cqw}.web-box .icon{position:absolute;top:-2.5cqw;left:3.2cqw}.web-box p{font-size:1.35cqw;line-height:1.6}.web-small{left:70.2%;top:68.5%;width:24.1%;height:15.6%}.p6 h2{position:absolute;left:5.6%;top:24%;width:44%}.support-top{position:absolute;left:55.6%;top:25%;width:39%}.support-top p{margin-top:1.4cqw}.support-left{position:absolute;left:5.8%;top:55.5%;width:30%}.support-left p{margin-top:1cqw}.support-one{left:43.3%;top:57%;width:23.6%;height:22.5%}.support-two{left:69%;top:57%;width:33%;height:22.5%;border-radius:1.25cqw 0 0 1.25cqw}.support-tag{left:51.3%;top:70%;width:28%;height:12.4%;display:flex;align-items:center;gap:2.9cqw;padding:1.4cqw 1.5cqw;font-family:Poppins,Arial,sans-serif;font-size:1.65cqw}.support-tag .icon{width:4.3cqw;height:4.3cqw}.project-one{left:6%;top:20.7%;width:16.4%;height:64%;object-position:top left}.project-two{left:24.2%;top:20.7%;width:16.4%;height:64%;object-position:top left}.p7 h2{position:absolute;left:53.6%;top:20.5%;width:42%}.project-box{left:53.6%;top:52.3%;width:36%;height:15.4%;display:flex;align-items:center;gap:2.5cqw;padding:2cqw 1.6cqw}.project-box h3{font-size:2.8cqw}.project-box p{font-size:1.3cqw;line-height:1.6}.project-copy{position:absolute;left:53.6%;top:74%;width:41%}.project-copy p{font-size:1.25cqw}.project-copy b{font-weight:700;color:#555}.p8 h2{position:absolute;left:5.6%;top:20.5%;width:38%}.cooperation-top{position:absolute;left:43.8%;top:23%;width:50.5%}.cooperation-top>div{display:flex;align-items:center;gap:2.6cqw;margin-top:1.3cqw}.cooperation-top p{font-size:1.35cqw}.steps{left:5.6%;top:55%;width:32.2%;height:26.9%;padding:3cqw 2.7cqw;margin:0;list-style:none;font-family:Poppins,Arial,sans-serif;font-size:1.65cqw;line-height:1.8}.steps li{display:flex;align-items:center;gap:2.3cqw}.steps li span{display:grid;place-items:center;width:1.9cqw;height:1.9cqw;border-radius:50%;font-family:Arial;font-size:1.2cqw;color:var(--ink);background:var(--plum)}.cooperation-small{left:44.8%;top:55%;width:11.1%;height:26.9%}.cooperation-large{left:58%;top:55%;width:36.5%;height:45%;object-position:top}.p9 h2{position:absolute;left:5.6%;right:5.6%;top:20%;text-align:center;font-size:4cqw}.contact-wide{left:5.8%;top:40%;width:54.7%;height:24.5%}.contact-small{left:63.1%;top:40%;width:31.1%;height:24.5%}.contact-copy{position:absolute;left:5.8%;top:71.3%;width:27%}.contact-copy p{margin-top:.9cqw;font-size:1.3cqw}.contact-mail,.contact-copy-button{top:72%;height:12%;display:flex;align-items:center;gap:2cqw;padding:1.4cqw;border:0;font-size:1.6cqw}.contact-mail{left:35%;width:31.3%}.contact-copy-button{left:68%;width:26.4%;font-family:Nunito,Arial,sans-serif}.contact-mail .icon,.contact-copy-button .icon{width:4.3cqw;height:4.3cqw}.copy-status{position:absolute;left:68%;top:85%;font-size:1.15cqw;color:var(--plum)}.p10 h2{position:absolute;left:5.6%;top:25%;font-size:12.5cqw;line-height:1.15;letter-spacing:-.8cqw;white-space:nowrap}.closing-note{position:absolute;left:71.5%;top:57.3%;font-family:Poppins,Arial,sans-serif;color:var(--ink);font-size:2cqw;letter-spacing:-.09cqw}.closing-button{position:absolute;left:5.6%;top:65.5%}.closing-copy{position:absolute;left:5.8%;top:78%;width:62%;font-size:1.3cqw}.closing-photo{left:71.9%;top:68.2%;width:22.4%;height:16.5%}.p10 footer{position:absolute;bottom:3%;left:5.8%;right:5.8%;display:flex;justify-content:space-between;gap:20px;font-size:1cqw;color:var(--gray)}
@media(max-width:999px){:root{--gap:64px}.page{container-type:normal;padding:0 22px;overflow:hidden}.stage{aspect-ratio:auto;display:flex;flex-direction:column;gap:24px;padding-top:16px}.stage>*,.stage .photo,.stage .black{position:static;width:auto;height:auto;left:auto;top:auto;right:auto;bottom:auto}.page-nav{display:none}.p1 .page-nav{display:flex;flex-wrap:wrap;gap:20px;order:-3;align-items:center;padding:10px 0 20px;font-size:12px}.logo{width:100px;margin-left:auto}.logo img{width:100%;height:auto}h1,h2,.p5 h2,.p9 h2,.p10 h2{font-size:38px!important;line-height:1.17;letter-spacing:-1.8px!important;text-align:left;white-space:normal}.p1 h1{order:-2;font-size:clamp(42px,12vw,78px)!important;letter-spacing:-3px!important}.p1 .hero-note{order:-1;font-size:15px}.p1 .hero-note br{display:none}.p1 .hero-link{order:-1;align-self:flex-start;font-size:14px;border-bottom:1px solid;padding-bottom:5px}.p1 .hero-shot{width:100%;height:320px;border-radius:16px;object-position:center}.photo{width:100%!important;height:240px!important;border-radius:16px!important}.stage .photo{object-fit:cover}.intro-one{display:none}.p2 h2 br{display:none}.intro-two{order:1}.intro-copy{order:2}.intro-aside{order:3}.intro-aside{gap:18px}.icon,.contact-mail .icon,.contact-copy-button .icon,.support-tag .icon{width:42px;height:42px;border-radius:5px;font-size:23px}.plum-bg{background:var(--plum)}h3{font-size:20px;letter-spacing:-.5px;line-height:1.4}p,.stage p,.project-copy p,.contact-copy p,.cooperation-top p,.web-box p,.project-box p{font-size:15px;line-height:1.65}.stage h3+p{margin-top:12px}.p3 h2{order:-2}.design-photo{order:-1}.design-buttons{display:flex;gap:12px;flex-wrap:wrap}.pill{font-size:16px;padding:12px 26px;border-radius:50px}.design-copy p{margin-top:12px}.shoptet-copy p{margin-top:12px}.shoptet-bottom{display:none}.shoptet-notes{display:flex;flex-direction:column;gap:18px;font-size:14px;line-height:1.6}.shoptet-notes li{padding-left:23px}.shoptet-notes li::before{width:8px;height:8px;top:8px}.web-tall{display:none}.web-box{padding:22px;border-radius:16px;display:flex;gap:20px;align-items:center}.web-box .icon{position:static}.web-small{height:180px!important}.support-top p,.support-left p{margin-top:12px}.support-two{display:none}.support-tag{padding:20px;border-radius:16px;gap:20px;display:flex;font-size:18px}.p7 h2{order:-3}.project-one,.project-two{height:220px!important;object-fit:cover!important;object-position:top!important}.project-box{padding:22px;border-radius:16px;flex-wrap:wrap;gap:18px}.project-box h3{font-size:25px}.project-box p{flex-basis:100%}.project-copy p{font-size:14px}.cooperation-top>div{gap:20px;margin-top:16px}.steps{font-size:18px;padding:25px;line-height:2;border-radius:16px}.steps li{gap:18px}.steps li span{width:22px;height:22px;font-size:14px;color:white}.cooperation-small{display:none}.cooperation-large{height:230px!important}.contact-small{display:none}.contact-mail,.contact-copy-button{padding:18px;border-radius:16px;font-size:clamp(13px,4vw,18px);gap:16px;justify-content:flex-start;text-align:left;overflow-wrap:anywhere}.copy-status{font-size:13px;min-height:20px;margin-top:-14px}.p10 h2{font-size:clamp(40px,11vw,68px)!important}.closing-note{font-size:22px!important;color:var(--ink)}.closing-button{align-self:flex-start}.closing-copy{font-size:13px!important}.closing-photo{height:150px!important}.p10 footer{position:static;display:flex;flex-wrap:wrap;gap:18px;font-size:11px;padding-bottom:30px}.p10 footer>span{flex-basis:100%}.black{background:var(--ink)}.black p{color:white}}
@media(min-width:1000px){.page-nav a:hover{color:var(--plum)}.page-nav .logo:hover{opacity:.7}.photo{transition:filter .3s}.photo:hover{filter:brightness(.97)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.error-page{max-width:1000px;margin:100px auto;padding:30px}.error-page h1{font-size:clamp(32px,7vw,72px);line-height:1.2}.error-page p{font-size:16px;margin:25px 0}.error-page .pill{font-size:16px;padding:14px 24px}

/* Webové převedení PDF: jediná navigace, celé obrazové podklady. */
:root{--gray:#666;--gap:64px}
@media(min-width:1000px){
.hero-shot{left:5.6%;top:23%;width:27%;height:65%;border-radius:1.25cqw;object-fit:contain;background:#f2f2f2;object-position:center}
.p1 h1{left:36%;top:25%;font-size:9.5cqw;line-height:1.1;letter-spacing:-.5cqw}
.hero-note{left:77%;top:76%;width:18%;font-size:1.2cqw}
.hero-link{left:36%;bottom:7.5%;font-size:1.35cqw}
.project-one,.project-two{object-fit:contain;object-position:center;background:#f5f4f4;border:1px solid #ece8ea;border-radius:1.25cqw}
.project-box{width:40.5%;gap:1.8cqw}
.project-box h3{font-size:2.45cqw}
.project-box p{font-size:1.25cqw}
.project-copy{top:72%}
.contact-mail{font-size:1.45cqw;gap:1.4cqw}
.contact-copy-button{font-size:1.45cqw;gap:1.4cqw}
.contact-mail .icon,.contact-copy-button .icon{width:3.6cqw;height:3.6cqw;font-size:2.1cqw}
.p10 h2{font-size:11.6cqw}
}
@media(max-width:999px){:root{--gap:64px}.p1 .page-nav{font-size:13px;gap:16px}.p1 .page-nav .logo{order:-1;margin-left:0;flex-basis:100%;width:110px}.p1 .page-nav .logo img{width:110px}.p1 .hero-shot{object-fit:contain!important;background:#f2f2f2}.project-one,.project-two{object-fit:contain!important;object-position:center!important;background:#f5f4f4;border:1px solid #ece8ea}.stage p{color:#666}.stage .black p{color:white}.stage .closing-note{color:var(--ink)}}

@media(min-width:1000px){.project-one{left:6%;top:21%;width:34.6%;height:29%}.project-two{left:6%;top:55%;width:34.6%;height:29%}.cooperation-large{object-fit:contain;background:#f5f4f4;border:1px solid #ece8ea}}