@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#fafaf5;--purple:#8b3cff;--ink:#191919;--lime:#e7ff16}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{margin:0 5%;padding:26px 0;display:flex;align-items:center;gap:24px;border-bottom:1px solid #ccc}.brand img{width:155px;display:block;mix-blend-mode:multiply}.brand-note{font-size:12px;letter-spacing:2px;line-height:1.7}nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.nav-cta{border-bottom:2px solid var(--purple);padding-bottom:6px}.hero{display:grid;grid-template-columns:1fr 1fr;padding:40px 0 0 5%;min-height:720px;overflow:hidden}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px}h1,h2,h3{margin:0}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:clamp(80px,9.5vw,155px);font-weight:800;line-height:.9;letter-spacing:-2px;margin:24px 0}h1 span{color:var(--purple)}.hero-copy{padding-right:30px}.hero-copy>p{font-size:17px;line-height:1.8;max-width:440px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;padding:19px 27px;font-weight:800;font-size:16px;cursor:pointer;margin-top:17px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.lime{background:var(--lime)}.hero-bottom{display:flex;gap:26px;margin-top:38px;padding:22px 0;border-top:1px solid #ccc;font-size:12px;font-weight:800;letter-spacing:1px}.hero-art{position:relative;min-height:680px}.hero-art img{width:100%;height:100%;object-fit:cover}.art-label{position:absolute;right:7%;top:10%;background:var(--lime);padding:20px 26px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:30px;font-weight:800;transform:rotate(5deg)}.art-foot{position:absolute;bottom:30px;right:30px;background:var(--paper);padding:9px;font-size:12px;font-weight:700}.ticker{display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--lime);padding:22px;font-size:16px;font-weight:800;letter-spacing:2px;overflow:hidden}.ticker b{font-size:25px}.section{padding:100px 5%}.section-top{display:grid;grid-template-columns:.65fr 1.5fr 1fr;gap:35px;align-items:start;margin-bottom:55px}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(48px,5.5vw,82px);line-height:1;text-transform:uppercase}em{font-style:normal;color:var(--purple)}p{line-height:1.8}.section-top p{margin:0;font-size:16px}.services{border-top:1px solid #aaa}details{border-bottom:1px solid #aaa}summary{display:flex;align-items:center;gap:35px;padding:28px 0;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.number{font-size:14px;color:var(--purple);font-weight:800}summary h3{font-size:clamp(22px,3vw,38px);letter-spacing:-1px}.plus{font-size:35px;margin-left:auto;color:var(--purple)}details[open] .plus{transform:rotate(45deg)}.detail{display:flex;gap:45px;justify-content:space-between;padding:0 0 28px 55px}.detail p{margin:0;max-width:570px}.tags{display:flex;gap:8px;align-content:start;flex-wrap:wrap;max-width:400px}.tags span{border:1px solid #bdbdb6;padding:8px 12px;font-size:14px}.process{background:#eeeee7}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:2px solid var(--ink);padding-top:20px}.steps article>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:72px;color:var(--purple);font-weight:800}.steps h3{font-size:20px;margin-top:15px}.steps p{font-size:15px}.formats{display:flex;justify-content:space-between;margin-top:55px;border-top:1px solid #bbb;padding-top:25px;font-size:13px;letter-spacing:1px;font-weight:800}.about{display:grid;grid-template-columns:.65fr 1.5fr .8fr;gap:35px}.about p{max-width:600px}.stamp{font-family:'Barlow Condensed',Impact,sans-serif;align-self:center;justify-self:end;background:var(--purple);color:white;font-size:48px;line-height:.95;padding:35px;transform:rotate(-7deg);font-weight:800}.stamp span{color:var(--lime)}.contact{background:var(--lime);position:relative}.contact h2{margin-top:35px;font-size:clamp(65px,8vw,120px)}.contact p{font-size:18px}.black{background:var(--ink);color:white}.contact-note{max-width:450px}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;font-size:14px}footer .brand img{width:125px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}@media(max-width:900px){nav{gap:15px}nav .nav-cta,.brand-note{display:none}.hero{grid-template-columns:1fr 1fr;min-height:0}.hero-art{min-height:580px}.section-top{grid-template-columns:1fr 2fr}.section-top>p{grid-column:2}.about{grid-template-columns:1fr 2fr}.stamp{display:none}.steps{grid-template-columns:repeat(2,1fr)}.ticker{font-size:12px;gap:10px}.ticker span:last-child,.ticker b:last-of-type{display:none}.detail{display:block}.tags{margin-top:20px}}@media(max-width:600px){header{padding:18px 0;gap:10px}.brand img{width:110px}nav{gap:12px;font-size:12px}.hero{display:flex;flex-direction:column;padding:32px 5% 0}.hero-copy{padding:0}h1{font-size:clamp(76px,20vw,120px)}.hero-copy>p{font-size:16px}.hero-bottom{gap:20px}.hero-art{min-height:0;height:330px;margin:0 -5.6%}.hero-art img{height:330px}.art-label{font-size:23px}.ticker{justify-content:flex-start;white-space:nowrap}.ticker span:nth-of-type(n+4){display:none}.section{padding:60px 6%}.section-top{display:block}.section-top h2{margin:25px 0}.section-top p{max-width:400px}.section-top{margin-bottom:35px}summary{gap:18px}summary h3{font-size:23px}.detail{padding-left:0}.steps{gap:20px}.steps h3{font-size:18px}.formats{flex-direction:column;gap:18px}.about{display:block}.about h2{margin-top:25px}footer{flex-wrap:wrap;gap:20px}footer>span{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Titulky bližšie k masívnej typografii stylescape. */
h1,h2{font-family:Anton,'Arial Narrow',Impact,sans-serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(72px,8.3vw,138px);line-height:1.04}h2{line-height:1.08}@media(max-width:900px) and (min-width:601px){h1{font-size:clamp(56px,8.4vw,76px)}}@media(max-width:600px){h1{font-size:clamp(62px,17vw,95px)}}

@font-face{font-family:'ZT Ravigsfen';src:url('assets/ZTRavigsfen-Regular.ttf') format('truetype');font-weight:400;font-display:swap}h1,h2{font-family:'ZT Ravigsfen',Anton,sans-serif;font-weight:400;letter-spacing:-.025em}h1{font-size:clamp(66px,7.8vw,128px);line-height:1.07}@media(max-width:900px) and (min-width:601px){h1{font-size:clamp(45px,6.8vw,66px)}}@media(max-width:600px){h1{font-size:clamp(52px,14vw,80px)}}

@font-face{font-family:'Barlow Local Black';src:url('assets/BarlowCondensed-Black.ttf') format('truetype');font-weight:900;font-display:swap}h1,h2{font-family:'Barlow Local Black','Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.025em}

/* Úvodná kompozícia podľa schváleného mestského stylescape. */
.hero{position:relative;display:block;isolation:isolate;padding:55px 5% 0;min-height:790px;background:#f7f6ef;overflow:hidden}
.hero-art{position:absolute;z-index:-2;inset:0 0 0 31%;min-height:0}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:brightness(1.09)}
.hero-copy{position:relative;width:68%;padding:0 6% 28px 0}
.hero-copy:before{content:"";position:absolute;z-index:-1;left:-15vw;top:-70px;bottom:-35px;right:-75px;background:#fafaf5;clip-path:polygon(0 0,100% 0,96% 8%,99% 15%,93% 24%,96% 31%,89% 41%,95% 47%,87% 58%,90% 68%,83% 76%,92% 84%,78% 92%,86% 100%,0 100%)}
.hero-copy>.eyebrow{display:none}
h1{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:none;letter-spacing:-.035em;font-size:clamp(105px,12vw,185px);line-height:.98;margin:0 0 24px}
.hero-copy>p{max-width:460px;font-size:16px;line-height:1.7;margin:20px 0 0}
.hero-bottom{max-width:470px;margin-top:30px;gap:30px}
.art-label{right:5%;top:5%;font-family:'Barlow Condensed',Impact,sans-serif;transform:rotate(-4deg);font-size:30px;padding:20px 28px}
.art-foot{bottom:26px;right:25px}.ticker{display:none}
@media(min-width:1500px){.hero{min-height:870px}}
@media(max-width:900px) and (min-width:601px){.hero{min-height:750px;padding-top:50px}.hero-copy{width:78%;padding-right:10%}h1{font-size:clamp(95px,13.5vw,125px)}.hero-art{left:28%}.art-label{font-size:22px;top:3%;right:3%}.hero-copy>p{max-width:365px}.hero-copy:before{right:-30px}}
@media(max-width:600px){.hero{padding:55px 6% 0;min-height:0}.hero-copy{width:100%;padding:0 0 22px}.hero-copy:before{right:-25px;bottom:-35px;top:-65px;left:-20vw;clip-path:polygon(0 0,100% 0,100% 86%,92% 89%,96% 93%,86% 95%,90% 99%,72% 96%,60% 100%,42% 97%,30% 100%,12% 96%,0 99%)}h1{font-size:clamp(76px,20.5vw,123px);line-height:1.02}.hero-copy>p{font-size:16px;max-width:92%}.hero-art{position:relative;inset:auto;z-index:-2;height:330px;margin:0 -7%;min-height:0}.hero-art img{height:330px}.art-label{font-size:25px;top:20%;right:6%}.hero-bottom{gap:23px}.art-foot{font-size:11px}}

/* Zjednotenie veľkých nadpisov a voľnejšie rozostupy. */
h1{letter-spacing:-.012em}h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:none;letter-spacing:-.012em;line-height:1.12}

.subhero{padding:70px 6% 65px;border-bottom:1px solid #bdbdb6;background:var(--paper);position:relative;overflow:hidden}.subhero:after{content:'';position:absolute;width:150px;height:18px;background:var(--lime);right:6%;top:40px;transform:rotate(-5deg)}.subhero h1{font-size:clamp(58px,7.5vw,115px);line-height:1.08;max-width:1080px;margin:30px 0;text-transform:none}.subhero>p{max-width:780px;font-size:19px;line-height:1.8}.subcontent{padding:65px 6%;max-width:1150px}.subcontent h2{font-size:clamp(35px,4vw,55px);margin:45px 0 20px}.subcontent h2:first-child{margin-top:0}.subcontent p,.subcontent li{font-size:17px;line-height:1.9}.subcontent ul{padding-left:22px;margin-bottom:35px}.subcontent li{padding:7px 0}.subcontent strong{font-weight:800}.related{padding:55px 6%;background:#eeeee7}.related h2{font-size:45px}.related-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.related-links a{border-bottom:2px solid var(--purple);padding:10px 0;font-weight:700}.service-link{display:block;border-bottom:2px solid var(--purple);padding:8px 0;white-space:nowrap;align-self:start;font-weight:700;font-size:14px}.detail{flex-wrap:wrap}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:none}form label{display:block;font-size:15px;font-weight:700;margin-bottom:22px}form label span{font-weight:400}input,textarea{display:block;width:100%;border:1px solid #999;background:#fff;padding:14px;margin-top:10px;font:inherit;border-radius:0}input:focus,textarea:focus{outline:2px solid var(--purple);outline-offset:2px}.prototype-note{font-size:14px!important;color:#555}@media(max-width:600px){.subhero{padding:55px 6%}.subhero h1{font-size:56px}.subhero>p{font-size:17px}.subcontent{padding:45px 6%}.contact-layout{grid-template-columns:1fr;gap:35px}.related h2{font-size:36px}.service-link{white-space:normal}}

/* Editorial: rozdielne kompozície, otvorené plochy a pevná typografia. */
.editorial-solutions{padding:100px 6% 90px;display:grid;grid-template-columns:1fr 1fr;column-gap:9%;row-gap:70px}.editorial-heading{grid-column:1/-1;display:flex;align-items:start;gap:10%;margin-bottom:15px}.editorial-heading h2{font-size:clamp(48px,5.7vw,88px)}.question{display:block;position:relative;padding:30px 0 20px;border-top:1px solid #91918b;transition:color .2s}.question h3{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:clamp(30px,3.4vw,52px);line-height:1.17;margin:25px 0;letter-spacing:-.015em}.question-topic{font-size:12px;letter-spacing:1.6px;font-weight:800}.question p{font-size:16px;max-width:430px;margin-bottom:25px}.read-more,.text-link{display:inline-block;font-size:14px;font-weight:800;border-bottom:2px solid var(--purple);padding-bottom:6px}.question:hover h3{color:var(--purple)}.q2{margin-top:95px}.q3{margin-top:-70px;background:var(--lime);padding:30px;transform:rotate(-1deg);border:0}.q4{padding-left:20px}.working-note{display:grid;grid-template-columns:1fr 2fr;padding:90px 6%;gap:8%;background:#eeeee7;border-top:1px solid #c2c2b9}.note-margin{display:flex;flex-direction:column;justify-content:space-between}.margin-word{font-family:Anton,Impact,sans-serif;color:var(--purple);font-size:clamp(60px,8vw,115px);transform:rotate(-90deg);transform-origin:0 0;margin-left:85%;margin-bottom:0}.note-main h2{font-size:clamp(42px,5vw,72px)}.lead{font-size:21px;max-width:590px;margin:30px 0 45px}.note-line{display:grid;grid-template-columns:1fr 1.4fr;gap:35px;border-top:1px solid #b7b7af;padding:25px 0}.note-line h3{font-size:19px;line-height:1.5}.note-line p{font-size:16px;margin:0}.note-main>.text-link{margin-top:20px}.manifesto{padding:105px 6%;position:relative;display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.manifesto>.eyebrow{grid-column:1/-1}.manifesto h2{font-size:clamp(55px,6.4vw,95px)}.manifesto-copy{align-self:end;max-width:420px}.manifesto-copy p{font-size:17px}.editorial-contact{background:var(--lime);padding:75px 6%;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end}.editorial-contact h2{margin-top:25px;font-size:clamp(50px,6vw,90px)}.editorial-contact p{font-size:20px}.subhero{background:var(--paper);border:0}.subhero:after{height:26px;width:20%;top:50px}.subcontent{display:grid;grid-template-columns:1fr 1.7fr;gap:20px 7%;max-width:none;border-top:1px solid #bbb}.subcontent>h2{grid-column:1;font-size:clamp(30px,3.3vw,48px);margin:25px 0}.subcontent>p,.subcontent>ul,.subcontent>.button{grid-column:2;margin-top:25px}.subcontent>.button{justify-self:start}.contact-layout{display:grid;grid-template-columns:1fr 1fr}.contact-layout>div,.contact-layout>form{grid-column:auto}
@media(max-width:700px){.editorial-solutions{padding:60px 6%;gap:35px;grid-template-columns:1fr}.editorial-heading{display:block}.editorial-heading h2{margin-top:25px}.q2,.q3{margin-top:0}.q3{padding:25px;transform:none}.q4{padding-left:0}.question h3{font-size:38px}.working-note{display:block;padding:60px 6%}.margin-word{display:none}.note-main h2{margin-top:25px}.note-line{grid-template-columns:1fr;gap:12px}.lead{font-size:18px}.manifesto{padding:60px 6%;grid-template-columns:1fr;gap:25px}.manifesto h2{font-size:57px}.editorial-contact{padding:60px 6%;grid-template-columns:1fr;gap:20px}.subcontent{display:block}.subcontent>h2{margin:35px 0 20px}.contact-layout{display:grid;grid-template-columns:1fr}}

.section-bridge{position:relative;height:145px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;overflow:hidden}.section-bridge svg{position:absolute;left:0;top:10px;width:100%;height:115px;z-index:-1}.section-bridge path{fill:none;stroke:var(--purple);stroke-width:4;stroke-dasharray:12 7}.section-bridge>span{background:var(--paper);padding:12px 15px;font-size:12px;font-weight:800;letter-spacing:2px;transform:rotate(-3deg)}.section-bridge>span:last-child{background:var(--lime);transform:rotate(3deg)}.editorial-solutions{position:relative}.editorial-solutions:before{content:'';position:absolute;left:50%;top:160px;bottom:55px;width:2px;background:linear-gradient(var(--purple),var(--lime));opacity:.6}.q1:after,.q4:after{content:'+';position:absolute;font-size:90px;color:var(--purple);right:-35px;top:-65px;font-weight:400;line-height:1;transform:rotate(10deg);pointer-events:none}.q4:after{color:var(--ink);font-size:60px;right:0;top:auto;bottom:-25px}.timeline{position:relative;margin-top:60px;display:flex;flex-direction:column;gap:46px;padding-left:10px}.timeline:before{content:'';position:absolute;left:31px;top:20px;bottom:30px;width:3px;background:var(--purple)}.timeline>div{position:relative;display:grid;grid-template-columns:44px 1fr;gap:5px 18px;align-items:center}.timeline b{grid-row:1/3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--purple);border-radius:50%;background:#eeeee7;color:var(--purple);font-size:14px}.timeline>div:last-child b{background:var(--lime);border-color:var(--ink);color:var(--ink)}.timeline span{font-size:18px;font-weight:800}.timeline small{font-size:13px}.moving-band{background:var(--purple);color:var(--lime);overflow:hidden;padding:14px 0;transform:rotate(-2deg);margin:0 -1%;width:102%}.moving-band>div{font-family:Anton,Impact,sans-serif;font-size:clamp(38px,5vw,65px);white-space:nowrap;animation:band 32s linear infinite;letter-spacing:2px}.manifesto{overflow:hidden}.manifesto:after{content:'';position:absolute;right:-80px;top:-120px;width:290px;height:290px;border:3px solid var(--purple);border-radius:50%;pointer-events:none}.manifesto h2 em{position:relative}.editorial-contact{position:relative;overflow:hidden}.editorial-contact:after{content:'';position:absolute;width:320px;height:320px;border:35px solid var(--purple);border-radius:50%;right:-210px;bottom:-190px;pointer-events:none}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.reveal.in-view{opacity:1;transform:translateY(0)}.q3.reveal.in-view{transform:rotate(-1deg)}@keyframes band{to{transform:translateX(-35%)}}@media(max-width:700px){.section-bridge{height:115px}.section-bridge svg{height:90px}.section-bridge>span{font-size:10px;letter-spacing:1px}.editorial-solutions:before{display:none}.q1:after{right:0;top:-35px;font-size:55px}.note-margin{display:block}.timeline{margin:35px 0 55px;gap:25px}.moving-band{margin-top:15px}.manifesto:after{width:150px;height:150px;top:-95px}.q3.reveal.in-view{transform:none}}@media(prefers-reduced-motion:reduce){.moving-band>div{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* Organické akcenty a hmatateľné ovládanie. */
.ambient-particles{position:fixed;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.button{border-radius:12px;box-shadow:5px 6px 0 rgba(25,25,25,.85);border:1px solid var(--ink);transition:transform .2s,box-shadow .2s}.button:hover{transform:translate(-2px,-3px);box-shadow:7px 9px 0 rgba(25,25,25,.85)}.button:active{transform:translate(3px,3px);box-shadow:2px 3px 0 rgba(25,25,25,.85)}.button.black{box-shadow:5px 6px 0 var(--purple)}.nav-cta{border:1px solid var(--ink);border-radius:9px;padding:10px 16px;background:var(--lime);box-shadow:3px 4px 0 var(--ink)}.art-label{border-radius:5px 19px 8px 13px;box-shadow:7px 8px 0 rgba(0,0,0,.18)}.section-bridge>span{border-radius:7px 17px 9px 5px;box-shadow:3px 4px 0 rgba(139,60,255,.2)}.editorial-solutions:before{width:7px;left:49%;border-radius:70% 30% 55% 45%;transform:rotate(4deg);opacity:.35}.q2:before{content:'';position:absolute;right:-20px;top:-45px;width:75px;height:70px;background:var(--lime);border-radius:35% 65% 70% 30% / 60% 35% 65% 40%;transform:rotate(18deg);z-index:-1}.q3{border-radius:8px 38px 12px 25px;box-shadow:0 8px 18px -9px rgba(25,25,25,.22),0 22px 42px -18px rgba(25,25,25,.24)}.q4:before{content:'';position:absolute;left:-20px;bottom:22px;width:42px;height:100px;border:3px solid var(--lime);border-radius:60% 40% 65% 35%;transform:rotate(30deg);pointer-events:none;opacity:.6}.working-note{position:relative;isolation:isolate;overflow:hidden;border-radius:55px 0 0 0}.working-note:after{content:'';position:absolute;left:-100px;bottom:-100px;width:330px;height:280px;background:var(--lime);border-radius:65% 35% 45% 55% / 40% 60% 40% 60%;transform:rotate(-20deg);opacity:.5;z-index:-1}.timeline b{box-shadow:3px 4px 0 rgba(139,60,255,.2)}.timeline>div:nth-child(even){transform:translateX(7px)}.manifesto:after{width:290px;height:250px;border-radius:65% 35% 45% 55% / 40% 60% 40% 60%;transform:rotate(22deg)}.manifesto:before{content:'';position:absolute;left:3%;bottom:35px;width:100px;height:17px;background:var(--lime);border-radius:50% 35% 60% 30%;transform:rotate(-13deg)}.editorial-contact{border-radius:45px 45px 0 0}.editorial-contact:after{width:330px;height:290px;border-radius:55% 45% 35% 65%;transform:rotate(-25deg)}.related{border-radius:35px 0 0 0}input,textarea{border-radius:10px}.subhero:after{border-radius:65% 35% 50% 25%;height:35px}.related-links a{transition:color .2s}.related-links a:hover{color:var(--purple)}@media(max-width:700px){.q4:before{left:auto;right:10px;bottom:-12px;width:25px;height:65px;opacity:.25}.q2:before{right:0;width:60px;height:55px}.working-note{border-radius:30px 0 0 0}.working-note:after{width:220px;height:180px;left:-120px}.manifesto:after{width:150px;height:120px}.editorial-contact{border-radius:28px 28px 0 0}.button{border-radius:10px}.ambient-particles{opacity:.65}}@media(prefers-reduced-motion:reduce){.button{transition:none}}

body{overflow-x:clip}.editorial-solutions{isolation:isolate}.reveal{opacity:1;transform:none}.reveal.in-view{animation:arrive .6s ease both}@keyframes arrive{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.reveal.in-view{animation:none}}

body{position:relative;isolation:isolate}.ambient-particles{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.65}header,footer{position:relative} 

/* Skutočná štetcová textúra, farbená cez priehľadnú masku. */
.editorial-heading h2 em,.note-main h2 em{position:relative;isolation:isolate}.editorial-heading h2 em:after,.note-main h2 em:after{content:'';position:absolute;left:-5%;right:-5%;bottom:-9px;height:25px;background:var(--lime);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;z-index:-1;transform:rotate(-3deg)}.working-note:before{content:'';position:absolute;left:-3%;right:-3%;top:-23px;height:80px;background:var(--purple);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;transform:rotate(-1deg);opacity:.85;z-index:-1}.manifesto:before{width:180px;height:55px;border-radius:0;background:var(--lime);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat}.subhero:after{height:70px;border-radius:0;mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat}.q2:before{width:100px;height:55px;border-radius:0;mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;transform:rotate(-14deg)}.section-bridge>span:last-child{background:transparent;box-shadow:none;position:relative;isolation:isolate}.section-bridge>span:last-child:before{content:'';position:absolute;inset:-15px -20px;background:var(--lime);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;z-index:-1}@media(max-width:700px){.editorial-heading h2 em:after,.note-main h2 em:after{height:18px;bottom:-7px}.working-note:before{height:55px;top:-15px}.manifesto:before{width:110px;height:40px}}

/* Odvážnejšie štetcové plochy. */
.editorial-heading h2 em:after,.note-main h2 em:after{left:-14%;right:-16%;bottom:-22px;height:80px;transform:rotate(-5deg)}.working-note:before{left:-8%;right:-8%;top:-40px;height:180px;transform:rotate(-3deg)}.working-note{padding-top:135px}.q2:before{width:260px;height:125px;right:-35px;top:-65px;transform:rotate(-12deg)}.q2{isolation:isolate}.manifesto:before{width:420px;height:145px;left:-45px;bottom:0;transform:rotate(-9deg);opacity:.8}.manifesto{padding-bottom:140px}.subhero:after{width:38%;height:150px;top:0;right:-5%;transform:rotate(-8deg);opacity:.8}.subhero>.eyebrow,.subhero>h1,.subhero>p{position:relative;z-index:1}.section-bridge>span:last-child:before{inset:-40px -75px}.editorial-contact h2 em{position:relative;isolation:isolate}.editorial-contact h2 em:before{content:'';position:absolute;left:-10%;right:-12%;height:85px;bottom:-25px;background:var(--paper);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;z-index:-1;transform:rotate(-4deg)}@media(max-width:700px){.editorial-heading h2 em:after,.note-main h2 em:after{height:58px;bottom:-17px}.working-note:before{height:125px;top:-28px}.working-note{padding-top:100px}.q2:before{width:185px;height:100px;right:-12px;top:-45px}.manifesto:before{width:260px;height:110px;bottom:-10px}.manifesto{padding-bottom:105px}.subhero:after{width:55%;height:110px;top:-5px}.editorial-contact h2 em:before{height:65px;bottom:-20px}}


/* Mäkké zdvihnuté tlačidlá bez obrysu. */
.button,.nav-cta{border:0;box-shadow:0 8px 16px -7px rgba(25,25,25,.28),0 18px 36px -15px rgba(25,25,25,.24);transition:transform .25s ease,box-shadow .25s ease}.button:hover,.nav-cta:hover{transform:translateY(-4px);box-shadow:0 12px 22px -8px rgba(25,25,25,.26),0 25px 42px -15px rgba(25,25,25,.26)}.button:active,.nav-cta:active{transform:translateY(-1px);box-shadow:0 5px 12px -5px rgba(25,25,25,.25),0 10px 20px -10px rgba(25,25,25,.22)}.button.black{box-shadow:0 9px 20px -7px rgba(25,25,25,.32),0 20px 38px -15px rgba(25,25,25,.28)}.button.black:hover{box-shadow:0 13px 25px -8px rgba(25,25,25,.34),0 28px 45px -16px rgba(25,25,25,.3)}@media(prefers-reduced-motion:reduce){.button,.nav-cta{transition:none}.button:hover,.nav-cta:hover{transform:none}}
/* Interakcie pri prechode stránkou. */
.hero-art{overflow:hidden}.hero-art img{will-change:transform}.art-label{will-change:transform}.question{transition:transform .3s ease,color .3s ease}.question .read-more{transition:letter-spacing .3s ease,border-color .3s ease}.question:hover .read-more{letter-spacing:.04em}.question:focus-visible{outline:3px solid var(--purple);outline-offset:12px}.timeline:before{background:rgba(139,60,255,.22)}.timeline-progress{position:absolute!important;left:31px;top:20px;bottom:30px;width:3px;background:var(--purple);transform:scaleY(var(--timeline-progress,0));transform-origin:top;pointer-events:none}.timeline>div b{transition:background .3s,color .3s,box-shadow .3s,transform .3s}.timeline>div.step-active b{background:var(--lime);color:var(--ink);border-color:var(--ink);transform:scale(1.12);box-shadow:0 0 0 7px rgba(231,255,22,.22)}.timeline>div.step-passed b{background:var(--purple);color:white}.timeline>div.step-active>span{color:var(--purple)}.editorial-heading h2 em:after,.note-main h2 em:after,.working-note:before,.manifesto:before,.subhero:after,.editorial-contact h2 em:before,.section-bridge>span:last-child:before{clip-path:inset(0 100% 0 0);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.brush-visible h2 em:after,.working-note.brush-visible:before,.manifesto.brush-visible:before,.subhero.brush-visible:after,.editorial-contact.brush-visible h2 em:before,.section-bridge.brush-visible>span:last-child:before{clip-path:inset(0 0 0 0)}@media(hover:hover) and (pointer:fine){.question:hover{transform:translateY(-6px)}.q3:hover{transform:translateY(-6px) rotate(-1deg)}}@media(prefers-reduced-motion:reduce){.hero-art img,.art-label{will-change:auto}.question,.question .read-more,.timeline>div b{transition:none}.question:hover{transform:none}.editorial-heading h2 em:after,.note-main h2 em:after,.working-note:before,.manifesto:before,.subhero:after,.editorial-contact h2 em:before,.section-bridge>span:last-child:before{clip-path:none;transition:none}}

/* Desktop: jednotná obsahová šírka, pozadia zostávajú celoplošné. */
@media(min-width:1100px){header{max-width:1200px;margin-left:auto;margin-right:auto}footer{padding-left:max(5%,calc((100% - 1200px)/2));padding-right:max(5%,calc((100% - 1200px)/2))}.hero{padding-left:max(5%,calc((100% - 1200px)/2));padding-right:max(5%,calc((100% - 1200px)/2))}.hero-copy{width:min(760px,68%)}h1{font-size:clamp(105px,10vw,160px)}.section-bridge,.editorial-solutions,.working-note,.manifesto,.editorial-contact,.subhero,.subcontent,.related{padding-left:max(5%,calc((100% - 1200px)/2));padding-right:max(5%,calc((100% - 1200px)/2))}.editorial-solutions{column-gap:70px}.working-note{grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:65px}.manifesto,.editorial-contact{gap:60px}.subcontent{grid-template-columns:minmax(240px,1fr) minmax(0,1.7fr);gap:20px 65px}.subcontent>p,.subcontent>ul,.manifesto-copy p,.note-line p{max-width:60ch}.contact-layout{grid-template-columns:1fr 1fr}.subhero>h1{max-width:1050px}.subhero>p{max-width:65ch}}

header{max-width:none;margin:0;width:100%;padding-left:5%;padding-right:5%}@media(min-width:1100px){header{max-width:none;margin:0;padding-left:5%;padding-right:5%}}

.editorial-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;width:100%;margin-bottom:30px}.editorial-heading h2{margin:0}.editorial-solutions:before{top:330px}@media(max-width:700px){.editorial-heading{display:flex;gap:22px;margin-bottom:25px}.editorial-heading h2{margin:0}}

h1 .hero-first-line{color:var(--ink)}@media(min-width:701px){h1 .hero-first-line{white-space:nowrap}.hero h1{font-size:clamp(90px,10vw,145px)}}@media(min-width:1100px){.hero h1{font-size:clamp(110px,10vw,145px)}}

/* Jednotný podklad úvodu aj mimo papierovej vrstvy. */
.hero{background:var(--paper)}.hero-copy:before{background:var(--paper)}

.story-scene{margin:0;padding:45px max(6%,calc((100% - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;overflow:hidden;position:relative}.story-art{height:430px;width:100%;max-width:500px;background-image:url('assets/story-panels.png');background-repeat:no-repeat;background-size:400% 100%;background-position:0% center;transform:rotate(-3deg);border-radius:8px;box-shadow:0 18px 40px -25px rgba(25,25,25,.3)}.scene-plan .story-art{background-position:33.3333% center;transform:rotate(3deg)}.scene-system .story-art{background-position:66.6667% center;transform:rotate(-2deg)}.scene-next .story-art{background-position:100% center;transform:rotate(3deg)}.story-scene figcaption{display:flex;flex-direction:column;gap:25px;max-width:460px}.story-scene figcaption>span:last-child{font-family:Anton,Impact,sans-serif;font-size:clamp(38px,4vw,62px);line-height:1.12}.scene-plan,.scene-next{direction:rtl}.scene-plan>* ,.scene-next>*{direction:ltr}.story-scene:after{content:'';position:absolute;left:48%;top:20%;height:65%;width:7px;border-radius:60%;background:var(--purple);transform:rotate(13deg);opacity:.15;pointer-events:none}@media(max-width:700px){.story-scene{padding:35px 6%;grid-template-columns:1fr;gap:28px;direction:ltr}.story-art{height:340px;max-width:100%;transform:rotate(-2deg)}.story-scene figcaption>span:last-child{font-size:38px}.story-scene figcaption{gap:15px}.story-scene:after{display:none}}@media(prefers-reduced-motion:reduce){.story-art{transform:none}}

/* Koláže ako celoplošné kapitoly príbehu. */
.story-scene{display:block;direction:ltr;min-height:590px;padding:100px max(6%,calc((100% - 1200px)/2));isolation:isolate;display:flex;align-items:center}.story-art,.scene-plan .story-art,.scene-system .story-art,.scene-next .story-art{position:absolute;inset:0;width:100%;max-width:none;height:100%;transform:none;border-radius:0;box-shadow:none;z-index:-2;background-size:400% 100%}.story-scene:after{inset:0;left:0;top:0;width:100%;height:100%;border-radius:0;transform:none;background:linear-gradient(90deg,rgba(250,250,245,.94) 0%,rgba(250,250,245,.84) 35%,rgba(250,250,245,.12) 80%);opacity:1;z-index:-1}.story-scene figcaption{max-width:760px;gap:28px;position:relative}.story-scene figcaption>span:last-child{font-size:clamp(65px,7vw,110px);line-height:1.08;letter-spacing:-.012em}.story-scene .eyebrow{background:var(--lime);padding:10px 14px;align-self:flex-start;border-radius:6px}.scene-plan,.scene-next{justify-content:flex-end}.scene-plan figcaption,.scene-next figcaption{text-align:right;align-items:flex-end}.scene-plan:after,.scene-next:after{background:linear-gradient(270deg,rgba(250,250,245,.95),rgba(250,250,245,.84) 35%,rgba(250,250,245,.12) 80%)}.scene-plan .eyebrow,.scene-next .eyebrow{align-self:flex-end}@media(max-width:700px){.story-scene{min-height:440px;padding:65px 6%}.story-scene figcaption>span:last-child{font-size:clamp(48px,12vw,70px)}.story-scene figcaption{gap:22px}.story-scene:after{display:block;background:rgba(250,250,245,.76)}.scene-plan:after,.scene-next:after{background:rgba(250,250,245,.76)}.story-scene .eyebrow{font-size:10px;letter-spacing:1px}.story-art{background-size:400% 100%}}

/* Tmavá vrstva nad obrazovými kapitolami. */
.story-scene{background:#191919;color:#fafaf5}
.story-scene:after{background:linear-gradient(90deg,rgba(15,12,22,.86) 0%,rgba(15,12,22,.68) 38%,rgba(15,12,22,.25) 100%)}
.scene-plan:after,.scene-next:after{background:linear-gradient(270deg,rgba(15,12,22,.86) 0%,rgba(15,12,22,.68) 38%,rgba(15,12,22,.25) 100%)}
.story-scene figcaption>span:last-child{text-shadow:0 3px 24px rgba(0,0,0,.2)}
.story-scene .eyebrow{color:var(--ink);text-shadow:none}
@media(max-width:700px){.story-scene:after,.scene-plan:after,.scene-next:after{background:rgba(15,12,22,.72)}}

/* Nové panorámy: zachovanie pomeru strán bez roztiahnutia. */
.scene-ideas .story-art{background-image:url('assets/story-ideas-wide.png');background-size:cover;background-position:center}
.scene-plan .story-art{background-image:url('assets/story-plan-wide.png');background-size:cover;background-position:center}
.scene-system .story-art{background-image:url('assets/story-system-wide.png');background-size:cover;background-position:center}
.scene-next .story-art{background-image:url('assets/story-next-wide.png');background-size:cover;background-position:center}

/* Ostrý úvod a originálne SVG logo. */
.hero-art img{filter:none}.brand img{mix-blend-mode:normal}

/* Ručne písané úvodné štítky. */
@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
.eyebrow,.story-scene .eyebrow{font-family:Caveat,cursive;font-weight:700;font-size:27px;line-height:1.15;letter-spacing:0;text-transform:none}
.story-scene .eyebrow{padding:8px 16px;transform:rotate(-2deg)}
@media(max-width:700px){.eyebrow,.story-scene .eyebrow{font-size:23px}.story-scene .eyebrow{max-width:100%;padding:8px 12px}}

.question-topic{font-family:Caveat,cursive;font-size:27px;font-weight:700;line-height:1.15;letter-spacing:0;text-transform:none}
@media(max-width:700px){.question-topic{font-size:23px}}

/* Mobil: claim pod tvárami, pri spodnom okraji koláže. */
@media(max-width:700px){.hero-art .art-label{top:auto;bottom:42px;right:6%;font-size:21px;padding:12px 18px;transform:rotate(-3deg);max-width:65%}.hero-art .art-foot{bottom:9px;right:6%;font-size:10px;padding:6px 8px}}

/* Dekorácia pod obsahom a fialový záver. */
.q4{isolation:isolate}.q4:before{z-index:-1}
.editorial-contact{background:var(--purple);color:var(--paper);border-radius:0}
.editorial-contact h2 em{color:var(--lime)}
.editorial-contact h2 em:before{background:var(--ink);opacity:.22}
.editorial-contact:after{border-color:var(--lime);opacity:.35}
.editorial-contact .button.black{background:var(--lime);color:var(--ink)}

/* Viac priestoru pod obsahom záverečnej sekcie na desktope. */
@media(min-width:1100px){.editorial-contact{padding-top:100px;padding-bottom:120px;align-items:center}}

/* Premium refinement — pôvodná verzia je v freshup-pred-premium. */
:root{--raised-shadow:0 6px 14px -7px rgba(25,25,25,.18),0 20px 38px -16px rgba(25,25,25,.2)}
.ambient-particles,.q1:after,.q4:after{display:none}
.q4:before{opacity:.32}.editorial-solutions:before{opacity:.2}
.button,.nav-cta,.button.black,.q3{box-shadow:var(--raised-shadow)}
.button,.nav-cta{border-radius:12px}
.button:hover,.nav-cta:hover{box-shadow:0 10px 22px -9px rgba(25,25,25,.22),0 26px 46px -17px rgba(25,25,25,.23)}
.q3{border-radius:12px 32px 12px 12px}
.question p{max-width:44ch;line-height:1.85}.question-topic{display:block;margin-bottom:22px}
.read-more{display:inline-block;padding-bottom:7px}
.story-scene .eyebrow{background:var(--lime);color:var(--ink);padding:8px 16px;border-radius:6px;transform:rotate(-2deg)}
.story-scene figcaption{gap:32px}
.working-note{border-radius:0;background:#f1f1eb}
.editorial-contact:after{opacity:.16}
@media(min-width:1100px){
.editorial-solutions{padding-top:135px;padding-bottom:140px;row-gap:100px;column-gap:100px}
.editorial-heading{margin-bottom:55px;gap:30px}
.question{padding-bottom:30px}.q3{padding:40px}.q2{margin-top:100px}.q3{margin-top:-35px}
.working-note{padding-top:130px;padding-bottom:130px;gap:90px}
.note-line{padding-top:30px;padding-bottom:30px}
.manifesto{padding-top:135px;padding-bottom:150px;gap:90px}
.manifesto-copy p{line-height:1.9}
.story-scene{min-height:640px}
.editorial-contact{padding-top:115px;padding-bottom:135px;gap:90px}
}
@media(max-width:700px){.editorial-solutions{padding-top:80px;padding-bottom:85px}.editorial-heading{margin-bottom:38px}.question-topic{margin-bottom:18px}.question p{line-height:1.8}.story-scene figcaption{gap:26px}}

/* Čistý nástup sekcie spolupráce. */
.working-note:before{display:none}

/* Dôveryhodnosť cez značky — pokojný statický pás. */
.client-proof{padding:65px max(6%,calc((100% - 1200px)/2)) 75px;background:var(--paper)}
.client-proof-intro{text-align:center;font-size:14px;line-height:1.6;color:#61615b;margin:0 0 40px}
.client-logos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:36px 45px;align-items:center}
.client-logo{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.client-logo img{width:100%;max-width:160px;height:60px;object-fit:contain;filter:brightness(0);opacity:.78}
.client-logo small{font-size:10px;line-height:1.5;color:#61615b}
.client-wordmark{font-family:Manrope,Arial,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.04em;color:#373733}
@media(max-width:900px){.client-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.client-wordmark{font-size:24px}}
@media(max-width:600px){.client-proof{padding:45px 6% 55px}.client-proof-intro{max-width:30ch;margin:0 auto 28px}.client-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 28px}.client-logo img{max-width:145px;height:50px}.client-logo{min-height:70px}.client-wordmark{font-size:23px}}

.client-logo img[src$='4ka.svg']{filter:grayscale(1);opacity:1}
.client-logo img[src$='hurricane.png']{height:85px;max-width:190px}

.client-logo img[src$='4ka-v2.svg']{filter:grayscale(1);opacity:1}

.client-logo img[src$='4ka-black.jpg']{filter:none;mix-blend-mode:multiply;opacity:.85}

.client-logo img[src$='smartshop.svg']{filter:brightness(0);opacity:.85}

.client-logo img[src$='digitall.jpg']{filter:grayscale(1);mix-blend-mode:multiply;opacity:.85}

.client-logo img[src$='digitall.jpg']{object-fit:cover;object-position:center}

/* Optické vyváženie kruhového loga 4ka. */
.client-logo img[src$='4ka-black.jpg']{height:85px;object-fit:contain;object-position:center}
@media(max-width:600px){.client-logo img[src$='4ka-black.jpg']{height:70px}}

.client-proof-intro{font-family:Caveat,cursive;font-size:36px;font-weight:700;line-height:1.2;color:var(--ink);letter-spacing:0;margin-bottom:45px}
@media(max-width:600px){.client-proof-intro{font-size:30px;max-width:26ch;margin-bottom:32px}}

/* Ručne pôsobiace podčiarknutie nadpisu referencií. */
.client-proof-intro{position:relative;isolation:isolate;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;padding-bottom:17px}
.client-proof-intro:after{content:'';position:absolute;bottom:0;left:15%;width:70%;height:17px;background:var(--lime);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;transform:rotate(-1.5deg);pointer-events:none;z-index:-1}
@media(max-width:600px){.client-proof-intro{max-width:26ch}.client-proof-intro:after{left:10%;width:80%;height:14px}}

.client-logo img[src$='spismarket-v2.png']{filter:grayscale(1);opacity:.85}

/* Jemnejšia sivá naprieč všetkými referenčnými logami. */
.client-proof .client-logo img{filter:grayscale(1);opacity:.52}
.client-proof .client-logo img[src$='smartshop.svg'],.client-proof .client-logo img[src$='dpbb.png']{filter:brightness(0);opacity:.52}

/* Rukopisný claim pri logu. */
.brand-note{font-family:Caveat,cursive;font-size:21px;font-weight:700;line-height:1.15;letter-spacing:0;text-transform:none}

.brand-note{color:var(--purple)}

/* Rukopisné menu, CTA zostáva v základnom fonte. */
header nav>a:not(.nav-cta){font-family:Caveat,cursive;font-size:25px;font-weight:700;line-height:1.15;letter-spacing:0}
@media(max-width:600px){header nav>a:not(.nav-cta){font-size:20px}}

/* Plynulé podčiarknutie rukopisného menu. */
header nav>a:not(.nav-cta){position:relative;padding-bottom:5px}
header nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .5s ease;pointer-events:none}
header nav>a:not(.nav-cta):hover:after,header nav>a:not(.nav-cta):focus-visible:after{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){header nav>a:not(.nav-cta):after{transition:none}}
/* Vstup, príbeh pri scrollovaní a reakcie otázok. */
.hero-art{animation:collage-arrive 2.9s cubic-bezier(.2,.7,.2,1) both}.hero-art .art-label{animation:label-arrive 3.625s ease both}
@keyframes collage-arrive{from{opacity:0;clip-path:inset(0 0 0 100%);translate:20px 0}to{opacity:1;clip-path:inset(0);translate:0 0}}
@keyframes label-arrive{0%,40%{opacity:0}100%{opacity:1}}
.story-thread{position:absolute;left:6%;bottom:30px;width:88%;height:75px;pointer-events:none;opacity:.85;z-index:1;overflow:visible}.story-thread path{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:var(--thread-progress,1)}
.question h3{position:relative;isolation:isolate}.question h3:before{content:'';position:absolute;left:-8px;bottom:-9px;width:85%;height:27px;background:var(--lime);mask:url('assets/brush.png') center/100% 100% no-repeat;-webkit-mask:url('assets/brush.png') center/100% 100% no-repeat;z-index:-1;clip-path:inset(0 100% 0 0);transition:clip-path .65s ease}.q3 h3:before{background:var(--paper)}
.question .read-more:after{content:' ↗';display:inline-block;margin-left:8px;transition:translate .5s ease}.question:hover h3:before,.question:focus-visible h3:before{clip-path:inset(0)}.question:hover .read-more:after,.question:focus-visible .read-more:after{translate:4px -3px}
@media(hover:none){.question.question-highlight h3:before{clip-path:inset(0)}.question.question-highlight .read-more:after{translate:4px -3px}}
@media(max-width:700px){.story-thread{height:50px;bottom:18px}.question h3:before{height:20px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-art .art-label{animation:none}.question h3:before,.question .read-more:after{transition:none}.story-thread path{stroke-dashoffset:0}}
.hero-art .art-label{animation:label-arrive 3s ease both}
@keyframes label-arrive{0%,82%{opacity:0}100%{opacity:1}}
.note-line h3{position:relative;width:fit-content;padding-bottom:7px}
.note-line h3:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--purple);transform:scaleX(0);transform-origin:left;transition:transform .5s ease}
.note-line:hover h3:after{transform:scaleX(1)}
.cursor-trail{position:fixed;inset:0;pointer-events:none;z-index:1000;width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.hero-art .art-label{animation:none}.note-line h3:after{transition:none}.cursor-trail{display:none}}

/* Jemný rastový graf za textom prístupu. */
.manifesto{position:relative;isolation:isolate;overflow:hidden}
.growth-backdrop{position:absolute;inset:10% 0 5%;width:100%;height:85%;z-index:-1;pointer-events:none;color:var(--purple)}
.growth-grid{fill:none;stroke:currentColor;stroke-width:1;opacity:.035}
.growth-bars{fill:currentColor;opacity:.025}
.growth-line{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.065}
@media(max-width:700px){.growth-backdrop{inset:30% -15% 0;width:130%;height:65%}.growth-line{opacity:.05}}

.growth-line{stroke-linecap:butt;stroke-linejoin:miter}

/* Geometrické motívy kreslené pri vstupe do sekcie. */
.editorial-solutions,.working-note,.editorial-contact{position:relative;isolation:isolate}
.section-geometry{position:absolute;inset:5% 0;width:100%;height:90%;z-index:-1;pointer-events:none;color:var(--purple);overflow:hidden}
.section-geometry path{fill:none;stroke:currentColor;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;opacity:.075;transition:stroke-dashoffset 2.8s cubic-bezier(.25,.6,.3,1)}
.section-geometry g{fill:var(--paper);stroke:currentColor;stroke-width:2;opacity:0;transition:opacity 1.4s ease .7s}
.geometry-visible .section-geometry path{stroke-dashoffset:0}.geometry-visible .section-geometry g{opacity:.08}
.geometry-direction{color:var(--lime);inset:0;width:100%;height:100%}.geometry-direction path{opacity:.09;stroke-width:3}
@media(max-width:700px){.section-geometry{width:150%;left:-25%}.geometry-direction{width:150%;left:-35%}}
@media(prefers-reduced-motion:reduce){.section-geometry path{stroke-dashoffset:0;transition:none}.section-geometry g{opacity:.08;transition:none}}

.geometry-workflow g{fill:none}.geometry-workflow>path{stroke-width:3;opacity:.065}

.geometry-workflow g path{stroke-dasharray:none;stroke-dashoffset:0;opacity:1}

.geometry-workflow{color:var(--lime)}

/* Stopy nôh namiesto schodov. */
.geometry-footsteps{color:var(--lime)}
.geometry-footsteps .footstep{fill:currentColor;stroke:none;opacity:0;transition:opacity .8s ease var(--step-delay)}
.geometry-footsteps .footstep path{fill:currentColor;stroke:none;stroke-dasharray:none;stroke-dashoffset:0;opacity:1}
.geometry-visible .geometry-footsteps .footstep{opacity:.12}
@media(prefers-reduced-motion:reduce){.geometry-footsteps .footstep{opacity:.12;transition:none}}

.geometry-footsteps{color:#777773}
.geometry-visible .geometry-footsteps .footstep{opacity:.045}
@media(prefers-reduced-motion:reduce){.geometry-footsteps .footstep{opacity:.045}}

/* Otázky prepája rastúca časová línia namiesto geometrického pozadia. */
.geometry-connections,.editorial-solutions:before,.q2:before,.q4:before{display:none}
.question-scroll-line{position:absolute;top:360px;bottom:100px;left:50%;width:2px;background:rgba(139,60,255,.07);pointer-events:none;z-index:-1}
.question-scroll-line:after{content:'';position:absolute;inset:0;background:var(--purple);opacity:.25;transform:scaleY(var(--questions-progress,0));transform-origin:top}
@media(max-width:700px){.question-scroll-line{top:300px;bottom:65px;left:14px}.question-scroll-line:after{opacity:.2}}
@media(prefers-reduced-motion:reduce){.question-scroll-line:after{transform:none}}

.question-scroll-line{width:3px;background:rgba(139,60,255,.13)}
.question-scroll-line:after{opacity:.65}

.question-scroll-line:after{transition:transform .65s cubic-bezier(.2,.65,.3,1)}
@media(prefers-reduced-motion:reduce){.question-scroll-line:after{transition:none}}

/* Vzdušnejší priebeh spolupráce. */
@media(min-width:901px){.note-margin{justify-content:flex-start}.timeline{margin-top:70px;gap:100px;flex:1;justify-content:space-between;padding-bottom:15px;min-height:600px}}
@media(max-width:900px){.timeline{gap:65px;margin-top:50px}}



/* Skúšobný nočný režim. */
.light-switch{background:transparent;color:var(--ink);border:1px solid rgba(120,120,115,.3);border-radius:10px;padding:10px 13px;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}
body,header,.hero,.hero-copy:before,.client-proof,.working-note{transition:background-color .6s ease,color .6s ease}
body.night{--paper:#16151c;--ink:#f3f2ee;--purple:#ae78ff;background:var(--paper);color:var(--ink)}
.night header{border-bottom-color:#393640}.night .working-note{background:#1d1b25;border-color:#393640}.night .hero-copy:before{background:var(--paper)}
.night .brand img{filter:invert(1);mix-blend-mode:screen}.night .client-logo img{filter:grayscale(1) invert(1)!important;mix-blend-mode:screen!important;opacity:.65!important}
.night .client-proof-intro,.night .client-logo small{color:var(--ink)}
.night .story-scene .eyebrow,.night .button.lime,.night .art-label,.night .q3,.night .editorial-contact .button.black{color:#191919}
.night .q3{box-shadow:0 0 26px rgba(231,255,22,.14),0 20px 38px -16px #000}.night .q3 .read-more,.night .q3 .question-topic{color:#191919}
.night .button.lime,.night .nav-cta,.night .art-label{box-shadow:0 0 24px rgba(231,255,22,.22),0 12px 30px rgba(0,0,0,.3)}
.night h1 span,.night h2 em,.night .brand-note{ text-shadow:0 0 24px rgba(174,120,255,.25)}
.night .editorial-contact{background:#342052;color:#fafaf5}.night .editorial-contact h2 em{color:var(--lime);text-shadow:0 0 22px rgba(231,255,22,.25)}
.night .light-switch{color:var(--lime);border-color:rgba(231,255,22,.4)}
.night .timeline-progress,.night .question-scroll-line:after{box-shadow:0 0 14px rgba(174,120,255,.55)}
.night .timeline>div b{color:var(--purple);background:#24212f}.night .timeline>div.step-active b{background:var(--lime);color:#191919}.night .timeline>div.step-passed b{background:var(--purple);color:#16151c}
.night .subhero,.night .subcontent,.night .related{background:var(--paper)}
@media(max-width:700px){header{flex-wrap:wrap}.light-switch{margin-left:auto;padding:8px 12px;font-size:11px}}
@media(prefers-reduced-motion:reduce){body,header,.hero,.hero-copy:before,.client-proof,.working-note{transition:none}}
/* Výraznejšie neónové akcenty a kontrast nočného režimu. */
.night .nav-cta{color:#191919}
.night .client-proof .client-logo img[src$='spismarket-v2.png']{filter:grayscale(1) brightness(1.8)!important;mix-blend-mode:normal!important;opacity:.85!important}
.night .button.lime,.night .nav-cta,.night .art-label,.night .editorial-contact .button.black{box-shadow:0 0 12px rgba(231,255,22,.4),0 0 35px rgba(231,255,22,.3),0 0 65px rgba(231,255,22,.13),0 12px 30px rgba(0,0,0,.3)}
.night h1>span:not(.hero-first-line),.night h2 em,.night .brand-note{ text-shadow:0 0 8px rgba(174,120,255,.45),0 0 28px rgba(174,120,255,.4),0 0 55px rgba(174,120,255,.2)}
.night .editorial-contact h2 em{text-shadow:0 0 10px rgba(231,255,22,.4),0 0 35px rgba(231,255,22,.3)}
.night .story-scene .eyebrow{box-shadow:0 0 15px rgba(231,255,22,.3),0 0 40px rgba(231,255,22,.15)}
.night .q3{box-shadow:0 0 20px rgba(231,255,22,.28),0 0 65px rgba(231,255,22,.15)}

.night .client-proof .client-logo img[src$='dpbb.png']{filter:brightness(0) invert(1)!important;mix-blend-mode:normal!important;opacity:.75!important}

/* Posuvný prepínač svetla. */
header .light-switch{display:inline-flex;align-items:center;gap:9px;padding:4px 0;border:0;background:none;color:var(--ink);font-size:12px;min-height:44px}
.switch-track{display:block;position:relative;width:46px;height:28px;border-radius:18px;background:var(--purple);transition:background .3s ease,box-shadow .3s ease;flex-shrink:0}
.switch-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.25);transform:translateX(18px);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.night header .light-switch{color:var(--paper)}
.night header .light-switch .switch-label{color:#fafaf5}
.night .switch-track{background:#484351;box-shadow:none}.night .switch-thumb{transform:translateX(0)}
@media(max-width:700px){header .light-switch{font-size:11px;gap:8px}}
@media(prefers-reduced-motion:reduce){.switch-track,.switch-thumb{transition:none}}
/* Mobilná hlavička v jednom riadku. */
@media(max-width:700px){header{flex-wrap:nowrap;gap:10px;padding-left:5%;padding-right:5%}header .light-switch{margin-left:0;flex-shrink:0}.light-switch .switch-label{display:none}.switch-track{width:38px;height:24px}.switch-thumb{width:18px;height:18px;transform:translateX(14px)}header nav{gap:10px}header .brand img{width:95px}header nav>a:not(.nav-cta){font-size:19px}}
@media(max-width:380px){header{gap:7px}header .brand img{width:78px}header nav{gap:7px}header nav>a:not(.nav-cta){font-size:17px}}
/* Freshup after hours — skúšobný lead form. */
.after-hours{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:24px;background:rgba(10,8,17,.82);backdrop-filter:blur(8px)}.after-hours[hidden]{display:none}.after-hours-card{width:min(100%,540px);background:#201a2d;color:#fafaf5;border:1px solid #5c427b;border-radius:18px;padding:38px;box-shadow:0 0 65px rgba(139,60,255,.18);position:relative}.after-hours-card .eyebrow{color:#e7ff16}.after-hours-card h2{font-size:clamp(36px,5vw,52px);margin-top:18px;line-height:1.12}.after-hours-card p{font-size:15px;line-height:1.7}.after-hours-card label{display:block;font-size:13px;margin-top:16px}.after-hours-card input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #70617e;border-radius:8px;background:#16121e;color:#fff;font:inherit}.after-hours-card .button{width:100%;background:#e7ff16;color:#191919;margin-top:22px}.after-hours-light{display:block;margin:19px auto 0;background:none;border:0;color:#ddd2ec;text-decoration:underline;text-underline-offset:5px;cursor:pointer;font:inherit;font-size:13px}.after-hours-close{position:absolute;right:15px;top:12px;background:none;border:0;color:#ddd2ec;font-size:27px;cursor:pointer}.after-hours-note{color:#b9adc7;font-size:12px!important}.after-hours-status{color:#e7ff16}.night.neon-tease .button.lime,.night.neon-tease .art-label,.night.neon-tease h1>span{animation:neon-tease .7s ease 1}@keyframes neon-tease{0%,100%{opacity:1}35%{opacity:.65}65%{opacity:1}80%{opacity:.8}}@media(max-width:600px){.after-hours{padding:16px}.after-hours-card{padding:30px 24px;max-height:90dvh;overflow:auto}}@media(prefers-reduced-motion:reduce){.night.neon-tease .button.lime,.night.neon-tease .art-label,.night.neon-tease h1>span{animation:none}}

.after-hours-light{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:18px;padding:12px 16px;background:#fafaf5;color:#191919;border-radius:10px;font-weight:800;text-decoration:none;box-shadow:0 5px 16px rgba(0,0,0,.2);transition:background .25s,transform .25s}.after-hours-light svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.after-hours-light:hover{background:#fff;transform:translateY(-2px)}

/* Jemné svetlo lampy z ľavého dolného rohu v nočnom režime. */
body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:900;background:radial-gradient(ellipse 82% 105% at -5% 105%,rgba(174,120,255,.32) 0%,rgba(139,60,255,.19) 27%,rgba(139,60,255,.075) 52%,transparent 82%),radial-gradient(ellipse 30% 45% at 0% 100%,rgba(231,255,22,.10),transparent 75%);opacity:0;transition:opacity .65s ease}
body.night:after{opacity:1}
@media(max-width:700px){body:after{background:radial-gradient(ellipse 140% 100% at -10% 105%,rgba(174,120,255,.28),rgba(139,60,255,.14) 35%,rgba(139,60,255,.045) 60%,transparent 85%)}}
@media(prefers-reduced-motion:reduce){body:after{transition:none}}

/* Rukopisné CTA a neónový rám formulára. */
.after-hours-card{border-color:rgba(174,120,255,.8);box-shadow:0 0 2px rgba(215,186,255,.9),0 0 18px rgba(139,60,255,.32),0 0 65px rgba(139,60,255,.22),0 24px 70px rgba(0,0,0,.4)}
.after-hours-card .button,.after-hours-light{font-family:'Caveat',cursive;font-size:27px;font-weight:700;letter-spacing:0}
.after-hours-card .button{border:0;box-shadow:0 0 16px rgba(231,255,22,.25),0 8px 24px rgba(0,0,0,.25)}

/* Krátky skrat celej obrazovky pred otvorením formulára. */
.short-circuit{position:fixed;inset:0;z-index:1900;pointer-events:none;opacity:0;background:rgba(5,2,12,.93)}
.night.neon-tease .short-circuit{animation:screen-short .75s steps(1,end) both}
.night.neon-tease>header,.night.neon-tease>main,.night.neon-tease>section,.night.neon-tease>footer{animation:screen-jolt .75s steps(1,end) both}
@keyframes screen-short{0%,100%{opacity:0}12%{opacity:.16;background:#05020c}18%{opacity:.56;background:#eee5ff}26%{opacity:0}43%{opacity:.42;background:#e7ff16}51%{opacity:0}68%{opacity:.18;background:#05020c}74%{opacity:.50;background:#d8bfff}83%{opacity:0}}
@keyframes screen-jolt{0%,100%{translate:0 0;filter:none}12%{translate:-2px 0;filter:brightness(.8)}18%{translate:2px 0;filter:brightness(1.65) saturate(1.25)}26%{translate:0 0;filter:none}43%{translate:-1px 0;filter:brightness(1.5)}51%{translate:0 0;filter:none}74%{translate:1px 0;filter:brightness(1.6)}83%{translate:0 0;filter:none}}
@media(prefers-reduced-motion:reduce){.night.neon-tease .short-circuit,.night.neon-tease>header,.night.neon-tease>main,.night.neon-tease>section,.night.neon-tease>footer{animation:none}}

/* Mobilná navigácia ostáva v jednom riadku. */
header nav>a{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){header nav{flex-wrap:nowrap;min-width:0}header .brand{flex-shrink:0}}
@media(max-width:380px){header{padding-left:4%;padding-right:4%;gap:6px}header .brand img{width:72px}header nav{gap:6px}header nav>a:not(.nav-cta){font-size:16px}}
