@font-face{font-family:Archivo;src:url('assets/archivo-expanded.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--background:#fff;--foreground:#080808;--primary:#2100ff;--primary-foreground:#fff;--muted:#efefef;--muted-foreground:#666;--border:#c6c6c6;--ring:#2100ff;--radius:0;--font-sans:Archivo,Arial,sans-serif;--gutter:clamp(22px,3.05vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Archivo,Arial,sans-serif;font-weight:400;font-size:16px;-webkit-font-smoothing:antialiased}::selection{background:#2100ff;color:#fff}h1,h2,h3,p{margin:0;font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--primary);outline-offset:8px}.contact a:focus-visible{outline-color:#fff}img{display:block}ul,ol{margin:0;padding:0;list-style:none}.shell{margin-inline:auto;padding-inline:var(--gutter);max-width:1920px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:20px;z-index:50;padding:12px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;padding-bottom:28px}.logo{display:block;position:relative;width:166px;height:25px;overflow:hidden}.logo img{position:absolute;width:293px;max-width:none;height:auto;left:-64px;top:-69px}.logo-inverse{filter:invert(1);mix-blend-mode:screen}.site-header .studio-label{font-size:14px;position:absolute;left:50%;transform:translateX(-50%)}nav{display:flex;align-items:center;gap:40px;font-size:14px}.arrow{display:inline-block;margin-left:10px;transition:transform .25s}.text-link{display:inline-flex;align-items:center;gap:5px;padding-block:7px;border-bottom:1px solid currentColor}.text-link:hover .arrow,a:hover>.arrow{transform:translate(3px,-3px)}.social-nav:hover{color:var(--primary)}.hero{padding-top:48px}.hero h1{line-height:.95;letter-spacing:-.065em;margin-bottom:24px}.hero-title{display:block;font-size:clamp(4rem,13.75vw,264px);white-space:nowrap}.hero-image{position:relative;isolation:isolate;height:clamp(280px,31.5vw,605px);overflow:hidden;background:#d9d9d9}.portrait{width:100%;height:100%;object-fit:cover;object-position:50% 42%;animation:portrait-in 1.4s ease-out both}.signature{position:absolute;top:50%;left:50%;width:86%;height:auto;max-height:96%;object-fit:contain;transform:translate(-50%,-50%) rotate(-5deg);animation:signature-in 1.15s .15s cubic-bezier(.2,.7,.2,1) both}.hero-caption{display:grid;grid-template-columns:20% 1fr;gap:24px;padding-top:28px;position:relative;padding-bottom:60px}.eyebrow{font-size:14px;line-height:1.5}.hero-caption p{font-size:clamp(17px,1.55vw,29px);line-height:1.4;letter-spacing:-.035em}.hero-cta{grid-column:2;justify-self:end;font-size:14px;margin-top:0}.expertise{padding-top:110px;padding-bottom:100px}.services-layout{display:grid;grid-template-columns:26% 1fr;gap:20px}.services-intro p{margin-top:56px;max-width:260px;font-size:17px;line-height:1.45;letter-spacing:-.025em}.services-list li{display:grid;grid-template-columns:11% 1fr;align-items:baseline;gap:20px;padding:25px 0 30px;border-bottom:1px solid var(--border)}.services-list li:first-child{padding-top:0}.services-list li:last-child{border-bottom:0}.service-number{color:var(--primary);font-size:clamp(20px,2.1vw,36px);letter-spacing:-.05em}.services-list h3{font-size:clamp(25px,3.15vw,60px);line-height:1.2;letter-spacing:-.052em}.clients{margin-top:95px;border-top:1px solid #aaa;padding-top:25px}.contact{background:var(--primary);color:#fff;padding-top:42px}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.contact-descriptor{font-size:14px}.contact-head{display:flex;align-items:center;justify-content:space-between;margin-top:78px}.contact-head h2{font-size:clamp(72px,10.2vw,195px);line-height:1.07;letter-spacing:-.065em}.contact-arrow{font-family:Arial,sans-serif;font-weight:200;font-size:clamp(120px,20vw,340px);line-height:1;transform:rotate(-8deg);margin-right:3vw}.contact-sub{font-size:clamp(20px,2vw,36px);letter-spacing:-.03em;margin-top:25px}.contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:36px;margin-top:90px;padding-bottom:70px}.contact-value{display:block;font-size:clamp(23px,2.65vw,49px);letter-spacing:-.045em;margin-top:18px;overflow-wrap:anywhere;width:fit-content}.social-note{display:block;font-size:14px;margin-top:16px;opacity:.75}.placeholder{opacity:.8}.site-footer{border-top:1px solid #ffffff75;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:30px 0 40px}.site-footer .logo{width:260px;height:36px}.site-footer .logo img{width:459px;left:-100px;top:-108px}.site-footer p{font-size:16px;letter-spacing:-.03em}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.will-reveal.visible{opacity:1;transform:none}@keyframes portrait-in{from{transform:scale(1.055)}to{transform:scale(1)}}@keyframes signature-in{from{opacity:0;transform:translate(-53%,-45%) rotate(-8deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-5deg)}}
@media(min-width:1600px){.site-header{padding-top:44px;padding-bottom:44px}.hero{padding-top:65px}.hero-caption{padding-top:36px}.eyebrow,nav,.hero-cta,.studio-label{font-size:16px!important}}
@media(max-width:1000px){.site-header .studio-label{display:none}.hero-caption{grid-template-columns:22% 1fr}.services-layout{grid-template-columns:25% 1fr}.services-list li{gap:12px}.services-intro p{font-size:15px}.contact-grid{gap:20px}.contact-descriptor{max-width:220px;text-align:right}.contact-head{margin-top:65px}.contact-grid{margin-top:70px}}
@media(max-width:600px){html{scroll-padding-top:18px}.site-header{padding-top:24px;padding-bottom:24px}.logo{width:128px;height:20px}.logo img{width:226px;left:-49px;top:-53px}nav{gap:20px}.social-nav{display:none}.hero{padding-top:25px}.hero h1{margin-bottom:20px}.hero-title{font-size:13.1vw;letter-spacing:-.06em}.hero-image{height:340px}.portrait{object-position:54% 42%}.signature{width:123%;max-width:none}.hero-caption{grid-template-columns:1fr;gap:22px;padding-top:24px;padding-bottom:0}.hero-caption p{font-size:20px;line-height:1.45}.hero-cta{grid-column:1;justify-self:start;font-size:14px;margin-top:3px}.expertise{padding-top:90px;padding-bottom:65px}.services-layout{grid-template-columns:1fr;gap:35px}.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:16px}.services-intro p{margin-top:0;font-size:14px;line-height:1.5}.desktop-break{display:none}.eyebrow{font-size:12px}.services-list li{grid-template-columns:32px 1fr;padding-block:20px;gap:14px}.services-list h3{font-size:clamp(21px,5.2vw,31px);letter-spacing:-.055em}.service-number{font-size:19px}.clients{margin-top:52px;padding-top:20px}.contact{padding-top:30px}.contact-descriptor{font-size:11px;max-width:135px}.contact-head{margin-top:52px;position:relative}.contact-head h2{font-size:14.5vw;line-height:1.1}.contact-arrow{font-size:95px;position:absolute;right:0;bottom:-65px;margin:0}.contact-sub{font-size:18px;max-width:230px;margin-top:20px}.contact-grid{grid-template-columns:1fr;gap:34px;margin-top:60px;padding-bottom:45px}.contact-value{font-size:28px;margin-top:10px}.social-note{font-size:13px;margin-top:10px}.site-footer{align-items:flex-start;flex-direction:column;padding:25px 0 30px;gap:24px}.site-footer .logo{width:180px;height:26px}.site-footer .logo img{width:318px;left:-69px;top:-75px}.site-footer p{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}

.client-carousel{overflow:hidden;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--gutter),#000 calc(100% - var(--gutter)),transparent 100%)}
.client-track{display:flex;width:max-content;animation:client-marquee 38s linear infinite;will-change:transform}
.client-carousel:hover .client-track,.client-carousel:focus-within .client-track{animation-play-state:paused}
.client-logos{display:flex;flex:none;align-items:center;gap:clamp(58px,6vw,116px);margin-top:38px;padding-right:clamp(58px,6vw,116px)}
.client-logos li{display:flex;align-items:center;justify-content:center;width:clamp(190px,15vw,245px);height:118px;flex:none}
.client-logos img{display:block;width:205px;height:80px;object-fit:contain;filter:grayscale(1);opacity:.85}
.client-logos li[data-logo="zahradky-piestany.png"] img{transform:scale(1.28)}
.client-logos li[data-logo="hoffer-rent.png"] img{transform:scale(1.65)}
.client-logos li[data-logo="ofa-training-center.svg"] img{transform:scale(1.2)}
.client-logos .client-white img{filter:brightness(0);opacity:.75}
@keyframes client-marquee{to{transform:translate3d(-50%,0,0)}}
@media(max-width:600px){.client-track{animation-duration:30s}.client-logos{gap:38px;margin-top:26px;padding-right:38px}.client-logos li{width:170px;height:100px}.client-logos img{width:170px;height:68px}}
@media(prefers-reduced-motion:reduce){.client-carousel{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scrollbar-width:thin}.client-track{animation:none}.client-logos[aria-hidden="true"]{display:none}}
.services-list li{display:block}
.service-detail summary{display:grid;grid-template-columns:11% 1fr 32px;align-items:baseline;gap:20px;cursor:pointer;list-style:none}
.service-detail summary::-webkit-details-marker{display:none}
.service-detail h3{transition:color .25s,transform .25s}
.service-detail summary:hover h3,.service-detail[open] h3{color:var(--primary);transform:translateX(5px)}
.service-detail summary:focus-visible{outline:2px solid var(--primary);outline-offset:10px}
.service-toggle{font-family:Arial,sans-serif;font-size:30px;text-align:right;color:var(--primary);transition:transform .25s}
.service-detail[open] .service-toggle{transform:rotate(45deg)}
.service-detail>p{margin:24px 52px 0 calc(11% + 20px);max-width:680px;font-size:17px;line-height:1.65;letter-spacing:-.025em}
.contact-head h2{font-size:clamp(62px,8.5vw,162px)}
@media(max-width:600px){.service-detail summary{grid-template-columns:32px 1fr 20px;gap:14px}.service-toggle{font-size:24px}.service-detail>p{margin:20px 0 0 46px;font-size:16px}.contact-head h2{font-size:11.5vw}}
.hero-caption>*,.services-layout>*,.contact-grid>*,.service-detail h3{min-width:0}
.arrow{width:1em;height:1em;flex:none;vertical-align:middle}
.contact-arrow{width:1em;height:1em;flex:none}
.contact-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) minmax(0,.7fr);gap:clamp(24px,3vw,48px)}
.contact-value{max-width:100%;font-size:clamp(22px,2.15vw,40px);line-height:1.35;overflow-wrap:normal}
.contact-email{display:flex;align-items:flex-end;gap:8px;width:fit-content}
.contact-email>span:first-child{min-width:0}
.email-domain{white-space:nowrap}
.contact-email .arrow{flex:none;margin-left:0;margin-bottom:.08em}
.contact-head h2{min-width:0}
.hero-caption p{max-width:1050px;text-wrap:pretty}
.service-detail summary{grid-template-columns:clamp(32px,5vw,80px) minmax(0,1fr) 24px;gap:16px;min-height:44px}
.service-detail>p{margin-left:calc(clamp(32px,5vw,80px) + 16px)}
@media(max-width:1100px){.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.contact-grid>div:last-child{grid-column:1/-1}.contact-value{font-size:clamp(24px,3vw,32px)}.contact-head h2{font-size:8vw}.services-layout{grid-template-columns:minmax(150px,25%) minmax(0,1fr)}}
@media(max-width:760px){.services-layout{grid-template-columns:1fr;gap:36px}.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:24px}.services-intro p{margin-top:0;max-width:none;font-size:16px}.desktop-break{display:none}.services-list h3{font-size:clamp(22px,4.8vw,36px)}.contact-head{gap:20px}.contact-arrow{font-size:110px;margin-right:0}.contact-grid{grid-template-columns:1fr;gap:32px}.contact-value{font-size:clamp(24px,4.8vw,34px)}.contact-head h2{font-size:10.8vw}.hero-caption{grid-template-columns:1fr;gap:22px}.hero-cta{grid-column:1;justify-self:start}.expertise{padding-top:80px}}
@media(max-width:600px){.hero-image{height:clamp(250px,80vw,360px)}.hero-caption p{font-size:clamp(17px,4.8vw,22px)}.service-detail summary{grid-template-columns:28px minmax(0,1fr) 20px;gap:10px}.service-detail>p{margin:20px 0 0 38px}.contact-arrow{display:none}.contact-sub{max-width:none;font-size:18px;line-height:1.5}.contact-value{font-size:clamp(22px,6vw,30px)}.contact-descriptor{font-size:12px}.eyebrow{font-size:13px}.contact-grid{margin-top:45px}.site-footer p{line-height:1.5}}
@media(max-width:380px){:root{--gutter:18px}.site-header{gap:12px}nav{gap:12px;font-size:13px}.services-intro{grid-template-columns:1fr;gap:18px}.services-list h3{font-size:21px}.service-detail>p{margin-left:0}.contact-top{align-items:flex-start;gap:12px}.contact-value{font-size:22px}}
