:root{--ink:#0c1010;--deep:#111818;--paper:#f1efe8;--muted:#a8aaa3;--line:#ced0c7;--acid:#c8ff2f;--orange:#ff5b35;--green:#1f392f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{width:min(1340px,calc(100% - 64px));margin:auto}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.logo{display:flex;align-items:center;color:var(--ink);text-decoration:none;font:800 16px 'Manrope';letter-spacing:.05em}.logo i{display:block;width:9px;height:30px;background:var(--orange);transform:skew(-14deg);margin-right:11px}.logo span{margin-right:4px}.logo b{color:var(--orange)}.nav nav{display:flex;gap:34px}.nav nav a{color:var(--ink);text-decoration:none;font-size:12px;font-weight:600}.nav-cta{background:var(--ink);color:white;text-decoration:none;padding:13px 17px;font-size:10px;font-weight:700;letter-spacing:.09em}.nav-cta span{color:var(--acid);margin-left:18px}.menu,.mobile-nav{display:none}.hero{padding-top:48px;padding-bottom:100px}.availability{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:9px;font-weight:700;letter-spacing:.14em}.availability i{width:7px;height:7px;border-radius:50%;background:#59d785;box-shadow:0 0 0 5px #59d78520;margin-right:9px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr);gap:80px;align-items:end;margin-top:50px}.kicker,.label{font-size:9px;font-weight:700;letter-spacing:.2em;color:#676a63}.hero h1{font:800 clamp(62px,7.3vw,110px)/.87 'Manrope';letter-spacing:-.075em;margin:25px 0 35px}.hero h1 em,.statement h2 em,.contact h2 em{font-style:normal;color:var(--orange)}.lead{max-width:680px;font-size:17px;line-height:1.65;color:#555850}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.btn{border:0;text-decoration:none;padding:17px 20px;display:inline-flex;justify-content:space-between;gap:50px;font:700 10px 'DM Sans';letter-spacing:.09em;cursor:pointer}.primary{background:var(--ink);color:white}.primary b{color:var(--acid)}.plain-link{color:var(--ink);font-size:11px;font-weight:700;text-underline-offset:6px}.hero-card{background:var(--deep);color:white;border-top:3px solid var(--orange);padding:24px}.card-head{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.15em;color:#767b76;padding-bottom:20px}.card-head i{color:#59d785;font-style:normal}.hero-metric{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;border-top:1px solid #2b3231;padding:18px 0}.hero-metric strong{font:700 44px 'Manrope';letter-spacing:-.06em}.hero-metric:nth-of-type(3) strong{color:var(--acid)}.hero-metric span{font-size:8px;line-height:1.5;letter-spacing:.12em;color:#b4b7b2}.hero-card small{display:block;color:#747975;line-height:1.5;border-top:1px solid #2b3231;padding-top:18px}.ticker{height:67px;background:var(--orange);overflow:hidden;display:flex;align-items:center}.ticker div{font:700 17px 'Manrope';white-space:nowrap;word-spacing:16px;animation:ticker 23s linear infinite}.ticker i{font-style:normal;color:white}@keyframes ticker{to{transform:translateX(-50%)}}.intro{padding-top:120px;padding-bottom:70px;display:grid;grid-template-columns:1.3fr .7fr;align-items:end;gap:80px}.intro h2,.section-head h2,.process h2,.contact h2{font:800 clamp(45px,5.5vw,78px)/.92 'Manrope';letter-spacing:-.065em;margin:22px 0 0}.intro>p{font-size:16px;line-height:1.7;color:#60635b}.cases{display:flex;flex-direction:column;gap:115px;padding-bottom:130px}.case{border-top:2px solid var(--ink);padding-top:14px}.case-meta{display:grid;grid-template-columns:50px 1fr auto;font-size:8px;font-weight:700;letter-spacing:.15em;margin-bottom:14px}.case-preview{display:block;height:620px;position:relative;overflow:hidden;background:#d8d7d1;color:var(--ink)}.case-preview iframe{width:1440px;height:860px;border:0;transform:scale(.94);transform-origin:top left;pointer-events:none}.case-preview>b{position:absolute;right:25px;top:25px;width:105px;height:105px;border-radius:50%;background:var(--paper);display:grid;place-items:center;text-align:center;font-size:9px;letter-spacing:.1em;transition:.3s}.case-preview:hover>b{background:var(--ink);color:white;transform:rotate(12deg)}.case-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;padding-top:26px}.case-copy h3{font:800 clamp(43px,5vw,68px)/.9 'Manrope';letter-spacing:-.07em;margin:0 0 14px}.case-copy h3 span{color:var(--orange)}.case-copy h3 em{font:500 1em Georgia,serif;color:#69824d}.case-copy p{max-width:650px;color:#5e615a;line-height:1.65;margin:0}.case-copy ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.case-copy li{border-top:1px solid var(--line);padding:9px 0;font-size:10px;font-weight:700;letter-spacing:.06em}.case-tah .case-preview{border-bottom:8px solid var(--acid)}.case-nava .case-preview{border-bottom:8px solid #9dad93}.case-klid .case-preview{border-bottom:8px solid #d5e279}.services{background:var(--deep);color:white;padding:120px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.section-head .label{grid-column:1/-1;color:#8b908b}.section-head h2{margin-top:0}.section-head>p:last-child{color:#929792;line-height:1.7;max-width:480px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid #333b39}.service-grid article{min-height:330px;padding:25px 24px;border-right:1px solid #333b39;position:relative}.service-grid article:first-child{border-left:1px solid #333b39}.service-grid article>span{font-size:8px;color:#777e79}.service-grid article>i{display:block;font-style:normal;font-size:30px;color:var(--acid);margin:55px 0 45px}.service-grid h3{font:700 18px 'Manrope'}.service-grid p{font-size:12px;color:#8f948f;line-height:1.65}.statement{margin-top:115px;margin-bottom:115px;background:var(--orange);padding:60px;position:relative;overflow:hidden}.statement:after{content:'✦';position:absolute;right:-45px;top:-95px;font-size:300px;color:#ff7757}.statement>*{position:relative;z-index:1}.statement>span{font-size:9px;font-weight:700;letter-spacing:.15em}.statement h2{font:800 clamp(50px,7vw,95px)/.88 'Manrope';letter-spacing:-.07em;margin:22px 0 55px}.statement>div{display:flex;justify-content:space-between;align-items:end}.statement p{max-width:480px}.statement a{color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.1em}.process{padding-top:30px;padding-bottom:120px}.process .section-head{display:block}.steps{margin-top:65px}.steps article{display:grid;grid-template-columns:90px 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);padding:29px 0}.steps article:last-child{border-bottom:1px solid var(--line)}.steps article>b{font:700 25px 'Manrope';color:var(--orange)}.steps h3{font:700 20px 'Manrope';margin:0 0 7px}.steps p{font-size:12px;color:#686b63;margin:0}.steps article>span{font-size:8px;font-weight:700;letter-spacing:.15em}.promise{background:var(--acid);padding:100px 0}.promise-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.promise h2{font:800 clamp(50px,6vw,82px)/.9 'Manrope';letter-spacing:-.07em;margin:22px 0}.promise-list p{border-top:1px solid #8eae29;padding:17px 0;margin:0;font-weight:700}.promise-list p:last-child{border-bottom:1px solid #8eae29}.promise-list b{display:inline-block;width:45px;color:#657b20;font-size:9px}.faq{padding-top:120px;padding-bottom:120px}.faq .section-head{display:block}.faq-list{margin-top:60px;border-top:2px solid var(--ink)}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{width:100%;border:0;background:none;padding:25px 0;display:flex;justify-content:space-between;text-align:left;font:700 18px 'Manrope';cursor:pointer}.faq-list button b{color:var(--orange);font-size:24px}.faq-list article>div{display:grid;grid-template-rows:0fr;transition:.3s}.faq-list article>div p{overflow:hidden;margin:0;max-width:750px;color:#60635c;line-height:1.65}.faq-list article.open>div{grid-template-rows:1fr}.faq-list article.open>div p{padding:0 0 28px}.contact{background:var(--deep);color:white;padding:120px 0}.contact-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px}.contact .label{color:#8a908c}.contact h2{margin:22px 0 30px}.contact>div>div>p:last-child{color:#939894;line-height:1.7;max-width:550px}.contact form{border-top:2px solid var(--orange);padding-top:20px}.contact label{display:block;font-size:8px;font-weight:700;letter-spacing:.14em;color:#8c918d;margin-bottom:18px}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #3c4441;background:none;color:white;padding:12px 0;font:14px 'DM Sans';outline:none;resize:vertical}.contact input:focus,.contact textarea:focus{border-color:var(--acid)}.accent{background:var(--orange);color:var(--ink);width:100%;margin-top:8px}.contact form small{display:block;color:#666d69;margin-top:13px;line-height:1.5}footer{min-height:230px;padding-top:55px;padding-bottom:30px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:start}footer p{max-width:430px;color:#666961;margin:0}footer>div{display:flex;justify-content:flex-end;gap:25px}footer>div a{color:var(--ink);font-size:11px;text-decoration:none}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:45px;color:#777a72}.reveal{opacity:0;transform:translateY(35px);transition:.7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:950px){.shell{width:calc(100% - 36px)}.nav nav,.nav-cta{display:none}.menu{display:flex;width:44px;height:44px;border:0;background:var(--ink);flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;z-index:32}.menu i{width:19px;height:2px;background:var(--acid);transition:.2s}.menu.open i:first-child{transform:translateY(4px) rotate(45deg)}.menu.open i:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{display:flex;position:fixed;z-index:29;inset:0;background:var(--deep);padding:120px 30px 40px;flex-direction:column;transform:translateY(-110%);transition:.35s}.mobile-nav.open{transform:none}.mobile-nav a{color:white;text-decoration:none;font:700 30px 'Manrope';padding:15px 0;border-bottom:1px solid #303735}.hero-grid{grid-template-columns:1fr}.hero-card{display:grid;grid-template-columns:repeat(3,1fr)}.card-head,.hero-card>small{grid-column:1/-1}.hero-metric{display:block;padding:20px}.intro,.section-head,.case-copy,.promise-grid,.contact-grid{grid-template-columns:1fr}.case-preview{height:500px}.case-preview iframe{transform:scale(.73)}.service-grid{grid-template-columns:1fr 1fr}.service-grid article:nth-child(3){border-left:1px solid #333b39}.statement>div{display:block}.statement a{display:inline-block;margin-top:20px}.contact-grid{gap:55px}}
@media(max-width:560px){.shell{width:calc(100% - 24px)}.nav{height:72px}.hero{padding-top:35px;padding-bottom:70px}.hero-grid{margin-top:35px;gap:45px}.hero h1{font-size:13.5vw}.lead{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column}.btn{width:100%}.hero-card{grid-template-columns:1fr 1fr}.hero-metric:last-of-type{grid-column:1/-1}.hero-metric strong{font-size:38px}.ticker{height:55px}.ticker div{font-size:14px}.intro{padding-top:80px;padding-bottom:45px;gap:30px}.intro h2,.section-head h2,.process h2,.contact h2{font-size:45px}.cases{gap:80px;padding-bottom:85px}.case-meta{grid-template-columns:30px 1fr auto;font-size:7px}.case-preview{height:365px}.case-preview iframe{width:1200px;height:760px;transform:scale(.51)}.case-preview>b{width:78px;height:78px;right:14px;top:14px;font-size:7px}.case-copy{gap:25px}.case-copy h3{font-size:46px}.case-copy p{font-size:13px}.services{padding:80px 0}.service-grid{grid-template-columns:1fr;margin-top:45px}.service-grid article,.service-grid article:nth-child(3){min-height:250px;border-left:1px solid #333b39;border-bottom:1px solid #333b39}.service-grid article>i{margin:30px 0}.statement{margin-top:70px;margin-bottom:70px;padding:35px 25px}.statement h2{font-size:48px}.statement:after{font-size:180px}.process{padding-bottom:80px}.steps{margin-top:45px}.steps article{grid-template-columns:45px 1fr}.steps article>span{display:none}.steps h3{font-size:16px}.promise{padding:75px 0}.promise-grid{gap:35px}.faq{padding-top:80px;padding-bottom:80px}.faq-list button{font-size:15px;gap:15px}.contact{padding:80px 0}.contact h2{font-size:46px}footer{display:block}footer p{margin:25px 0}footer>div{justify-content:flex-start;flex-wrap:wrap}footer>small{display:block;margin-top:35px}}

/* ELVIAC identity and richer hero */
.logo i{width:32px;height:32px;border-radius:50%;transform:none;margin-right:10px;background:var(--orange);color:var(--ink);font:800 14px 'Manrope';display:grid;place-items:center}.hero{position:relative;isolation:isolate;min-height:720px}.hero:before{content:'';position:absolute;z-index:-1;width:460px;height:460px;border-radius:50%;left:-240px;top:90px;background:radial-gradient(circle,var(--orange) 0 1px,transparent 2px);background-size:13px 13px;opacity:.18}.hero:after{content:'';position:absolute;z-index:-1;width:300px;height:300px;border-radius:50%;right:31%;top:-130px;background:var(--acid);filter:blur(90px);opacity:.25}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(450px,.8fr);gap:52px;align-items:center}.hero h1{font-size:clamp(60px,6.5vw,102px);max-width:850px}.hero-showcase{height:570px;position:relative;background:var(--deep);overflow:hidden;border-radius:3px;box-shadow:25px 25px 0 #dfddd4}.hero-showcase:before{content:'ELVIAC / SELECTED WORK';position:absolute;left:24px;top:20px;color:#6d7470;font-size:8px;font-weight:700;letter-spacing:.18em}.showcase-orbit{position:absolute;width:360px;height:360px;border:1px solid #ffffff25;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.showcase-orbit:before,.showcase-orbit:after{content:'';position:absolute;border:1px solid #ffffff12;border-radius:50%;inset:55px}.showcase-orbit:after{inset:110px}.show-card{position:absolute;text-decoration:none;color:var(--ink);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 45px #0007;transition:.35s;overflow:hidden}.show-card:before{content:'';position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center}.show-card:hover{transform:translateY(-8px) rotate(0deg)!important;z-index:5}.show-card span{font:800 27px 'Manrope';letter-spacing:-.06em}.show-card small{font-size:7px;font-weight:700;letter-spacing:.14em;margin-top:4px}.show-card b{position:absolute;right:12px;top:10px;font-size:17px}.show-tah{width:245px;height:205px;right:20px;top:55px;background:linear-gradient(0deg,#c8ff2fe8,#c8ff2f70),url('../tah-fitness/assets/hero.png') center/cover;transform:rotate(3deg)}.show-nava{width:250px;height:215px;left:24px;bottom:30px;background:linear-gradient(0deg,#f4eee0ef,#f4eee066),url('../nava-shop/assets/products-grid.png') 0 0/400% 200%;transform:rotate(-4deg)}.show-klid{width:210px;height:180px;right:35px;bottom:35px;background:#d5e279;transform:rotate(4deg);color:var(--green)}.show-klid:before{background:radial-gradient(circle at 75% 25%,#fff7 0 8%,transparent 9%),linear-gradient(135deg,transparent 35%,#fff5 36% 48%,transparent 49%)}.show-klid span{font:500 24px Georgia,serif}.show-klid span em{color:#658246}.showcase-center{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:125px;height:125px;border-radius:50%;background:var(--orange);display:flex;align-items:center;justify-content:center;gap:8px;z-index:2;box-shadow:0 12px 30px #0005}.showcase-center strong{font:800 42px 'Manrope'}.showcase-center span{font-size:7px;font-weight:700;line-height:1.5;letter-spacing:.1em}.showcase-note{position:absolute;left:24px;top:60px;color:white;font-size:7px;letter-spacing:.17em;writing-mode:vertical-rl}.direct-contact{margin-top:45px;border-top:1px solid #3c4441}.direct-contact a{display:grid;grid-template-columns:95px 1fr auto;align-items:center;gap:15px;color:white;text-decoration:none;border-bottom:1px solid #3c4441;padding:17px 0;transition:.2s}.direct-contact a:hover{padding-left:10px;border-color:var(--acid)}.direct-contact small{font-size:7px;color:#7f8581;letter-spacing:.15em}.direct-contact b{font:600 15px 'Manrope';overflow-wrap:anywhere}.direct-contact i{font-style:normal;color:var(--acid)}
@media(max-width:1100px){.hero-grid{grid-template-columns:1fr}.hero-showcase{height:520px}.hero{min-height:auto}.hero h1{max-width:none}.hero-showcase{box-shadow:14px 14px 0 #dfddd4}}
@media(max-width:560px){.logo i{width:29px;height:29px}.hero:before{display:none}.hero h1{font-size:12.4vw}.hero-showcase{height:480px}.show-tah{width:205px;height:175px;right:12px}.show-nava{width:215px;height:185px;left:12px}.show-klid{width:175px;height:150px;right:14px}.showcase-center{width:100px;height:100px}.showcase-center strong{font-size:34px}.direct-contact a{grid-template-columns:65px 1fr auto}.direct-contact b{font-size:12px}}

/* Veřejné cesty k obrázkům projektů */
.show-tah{background:linear-gradient(0deg,#c8ff2fe8,#c8ff2f70),url('../projects/tah/assets/hero.png') center/cover}
.show-nava{background:linear-gradient(0deg,#f4eee0ef,#f4eee066),url('../projects/nava/assets/products-grid.png') 0 0/400% 200%}

/* Čitelnější nadpisy a patička podle zpětné vazby z mobilu */
.section-head h2{max-width:12ch;text-wrap:balance}
.statement h2{line-height:.96;letter-spacing:-.055em;max-width:15ch;text-wrap:balance}

@media(max-width:560px){
  .intro h2,.section-head h2,.process h2,.contact h2{
    font-size:clamp(36px,11.5vw,43px);
    line-height:1;
    letter-spacing:-.045em;
    overflow-wrap:normal;
    word-break:normal
  }
  .section-head h2{max-width:10ch}
  .section-head>p:last-child{font-size:13px;line-height:1.65}
  .statement{padding:35px 22px}
  .statement h2{
    font-size:clamp(36px,11.5vw,44px);
    line-height:1.02;
    letter-spacing:-.045em;
    margin-bottom:35px;
    max-width:12ch
  }
  .statement p{font-size:13px;line-height:1.6}
  footer p{line-height:1.55}
  footer>div{
    display:grid;
    grid-template-columns:1fr 1fr;
    justify-content:stretch;
    gap:0;
    border-top:1px solid var(--line)
  }
  footer>div a{padding:13px 0;border-bottom:1px solid var(--line)}
  footer>small{line-height:1.5}
}