:root{--bg:#050505;--panel:#101010;--text:#f5f3ef;--muted:#a7a2a0;--red:#e91825;--line:rgba(255,255,255,.12);--max:1240px;--header:88px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body.intro-active{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noscript{position:fixed;z-index:9999;inset:0 auto auto 0;width:100%;padding:1rem;background:#fff;color:#000;text-align:center}.film-grain{position:fixed;z-index:1000;inset:-50%;pointer-events:none;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}.cursor-glow{position:fixed;z-index:0;width:430px;height:430px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(233,24,37,.09),transparent 65%);transform:translate(-50%,-50%)}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-4%)}50%{transform:translate(-4%,2%)}75%{transform:translate(2%,4%)}100%{transform:translate(-2%,-3%)}}.intro{position:fixed;z-index:2000;inset:0;background:#000;display:grid;place-items:center;transition:opacity 1s ease,visibility 1s}.intro.is-hidden{opacity:0;visibility:hidden}.intro__video{width:100%;height:100%;object-fit:contain;background:#000}.intro__shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.7))}.intro__skip,.intro__sound{position:absolute;bottom:28px;border:1px solid rgba(255,255,255,.35);background:rgba(0,0,0,.45);color:#fff;padding:.75rem 1rem;cursor:pointer;backdrop-filter:blur(8px);letter-spacing:.06em}.intro__skip{right:28px}.intro__sound{left:28px}.intro__fallback{display:none;position:absolute;inset:0;place-items:center;background:#000}.intro__fallback img{width:min(600px,78vw)}.site{position:relative;z-index:1;opacity:0;transition:opacity 1s}.site.is-visible{opacity:1}.header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);border-bottom:1px solid transparent;transition:.35s}.header.is-scrolled{height:72px;background:rgba(5,5,5,.86);border-color:var(--line);backdrop-filter:blur(16px)}.brand{height:70px;width:130px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,38px);font-size:.82rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.nav a{position:relative}.nav a:not(.nav__youtube)::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--red);transition:.3s}.nav a:hover::after{width:100%}.nav__youtube{padding:.65rem .9rem;border:1px solid var(--line)}.nav-toggle{display:none;border:0;background:none;color:#fff;padding:10px}.nav-toggle span{display:block;width:27px;height:1px;background:#fff;margin:6px 0}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:130px clamp(24px,8vw,140px) 80px;overflow:hidden;background:radial-gradient(circle at 70% 40%,#231012 0,transparent 34%),linear-gradient(115deg,#030303 36%,#0d0808 100%)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.1)),linear-gradient(0deg,rgba(0,0,0,.55),transparent 45%)}.hero__background{position:absolute;inset:0}.hero__orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.2}.hero__orb--one{width:430px;height:430px;background:#e91825;right:8%;top:16%;animation:float 8s ease-in-out infinite}.hero__orb--two{width:260px;height:260px;background:#5f0a0f;right:34%;bottom:8%;animation:float 10s ease-in-out infinite reverse}.hero__beam{position:absolute;width:2px;height:140%;right:30%;top:-20%;background:linear-gradient(transparent,rgba(255,255,255,.32),transparent);transform:rotate(24deg);box-shadow:0 0 60px 18px rgba(255,255,255,.08)}@keyframes float{50%{transform:translate(20px,-28px) scale(1.08)}}.hero__content{position:relative;z-index:2;max-width:850px}.eyebrow{margin:0 0 20px;color:var(--red);font-size:.75rem;font-weight:700;letter-spacing:.28em}.hero h1,.section h2,.about h2,.contact h2{font-family:"Space Grotesk",Arial,sans-serif}.hero h1{margin:0;font-weight:700;font-size:clamp(3.8rem,9vw,8.5rem);line-height:.88;letter-spacing:-.04em;text-transform:uppercase}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.72)}.hero__lead{max-width:670px;margin:32px 0;color:#c8c3c0;font-size:clamp(1rem,1.5vw,1.24rem);line-height:1.75}.hero__actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1px solid transparent;cursor:pointer;text-transform:uppercase;font-size:.76rem;font-weight:700;letter-spacing:.12em;transition:.3s}.button--primary{background:var(--red);color:#fff}.button--primary:hover{background:#fff;color:#050505;transform:translateY(-2px)}.button--ghost{border-color:rgba(255,255,255,.35)}.button--ghost:hover{border-color:#fff;background:#fff;color:#050505}.scroll-cue{position:absolute;z-index:3;bottom:32px;left:50%;width:26px;height:42px;border:1px solid rgba(255,255,255,.4);border-radius:20px}.scroll-cue span{position:absolute;left:50%;top:8px;width:3px;height:8px;border-radius:3px;background:#fff;animation:scroll 1.8s infinite}@keyframes scroll{to{transform:translate(-50%,18px);opacity:0}}.section{position:relative;max-width:var(--max);margin:auto;padding:clamp(90px,12vw,160px) 24px}.section__heading{max-width:760px;margin-bottom:56px}.section h2,.about h2,.contact h2{margin:0 0 24px;font-weight:700;letter-spacing:-.035em;font-size:clamp(2.3rem,5vw,4.6rem);line-height:1.05}.section__heading>p:last-child{color:var(--muted);line-height:1.75}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project{position:relative;min-height:440px;overflow:hidden;background:#111;border:1px solid var(--line)}.project__visual{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;transition:transform .7s cubic-bezier(.2,.7,.2,1);background:#090909}.project__poster,.project__preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project__poster{z-index:0;opacity:1;transition:opacity .35s ease}.project__preview{z-index:1;opacity:0;transition:opacity .35s ease;pointer-events:none}.project.is-previewing .project__poster{opacity:0}.project.is-previewing .project__preview{opacity:1}.project__visual span{font-family:"Space Grotesk",Arial,sans-serif;font-size:12rem;color:rgba(255,255,255,.055)}.project__visual--1{background:radial-gradient(circle at 65% 40%,rgba(233,24,37,.48),transparent 25%),linear-gradient(135deg,#090909,#301014)}.project__visual--2{background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.15),transparent 18%),linear-gradient(135deg,#1b1b1b,#080808)}.project__visual--3{background:radial-gradient(circle at 68% 35%,rgba(233,24,37,.25),transparent 20%),linear-gradient(155deg,#17080a,#171717)}.project__visual--4{background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.14),transparent 22%),linear-gradient(135deg,#080808,#271012)}.project__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent 65%)}.project__info{position:absolute;z-index:2;left:0;bottom:0;width:100%;padding:34px}.project__info p{margin:0 0 8px;color:var(--red);text-transform:uppercase;font-size:.72rem;letter-spacing:.18em}.project__info h3{margin:0 0 22px;font-weight:600;letter-spacing:-.02em;font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem)}.project__info button{border:0;border-bottom:1px solid #fff;padding:0 0 7px;background:none;color:#fff;cursor:pointer;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}.project:hover .project__visual,.project.is-previewing .project__visual{transform:scale(1.06)}.statement{position:relative;min-height:560px;display:grid;place-items:center;text-align:center;padding:90px 24px;background:linear-gradient(rgba(0,0,0,.83),rgba(0,0,0,.83)),radial-gradient(circle,#360b0e,#050505 65%);overflow:hidden}.statement img{position:absolute;width:min(780px,80vw);opacity:.06;filter:grayscale(1)}.statement blockquote{position:relative;margin:0;font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(2rem,5vw,5.2rem);line-height:1.25}.statement span{color:var(--red)}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{min-height:300px;padding:38px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.35s}.service:hover{background:#0d0d0d;transform:translateY(-4px)}.service span{color:var(--red);font-size:.72rem;letter-spacing:.16em}.service h3{margin:55px 0 18px;font-weight:600;letter-spacing:-.015em;font-family:"Space Grotesk",Arial,sans-serif;font-size:1.55rem}.service p{margin:0;color:var(--muted);line-height:1.7}.about{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(50px,8vw,120px);max-width:var(--max);margin:auto;padding:clamp(80px,12vw,160px) 24px}.about__visual{position:relative}.about__frame{aspect-ratio:4/5;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#3a1014,#0b0b0b 65%);border:1px solid var(--line);overflow:hidden}.about__frame::before{content:"";position:absolute;inset:30px;border:1px solid rgba(255,255,255,.12)}.about__frame img{position:relative;width:85%;filter:drop-shadow(0 20px 30px rgba(0,0,0,.7))}.about__content p:not(.eyebrow){color:var(--muted);line-height:1.85}.text-link{display:inline-block;margin-top:20px;padding-bottom:7px;border-bottom:1px solid var(--red);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.process{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.process li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:34px 0;border-bottom:1px solid var(--line)}.process strong{font-family:"Space Grotesk",Arial,sans-serif;color:var(--red);font-size:2.5rem}.process h3{margin:0 0 8px;font-family:"Space Grotesk",Arial,sans-serif;font-size:1.5rem}.process p{margin:0;color:var(--muted);line-height:1.7}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:start;max-width:var(--max);margin:70px auto;padding:clamp(70px,9vw,120px) clamp(24px,6vw,80px);background:linear-gradient(135deg,#1f090b,#0c0c0c);border:1px solid var(--line)}.contact__content>p:last-child{color:var(--muted);line-height:1.8;max-width:620px}.contact__panel{border-top:1px solid rgba(255,255,255,.25)}.contact__panel>a{display:block;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.15)}.contact__panel small{display:block;margin-bottom:7px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em}.contact__panel strong{font-size:1.15rem}.contact__note{margin-top:22px;color:var(--muted);font-size:.78rem;line-height:1.6}.contact code{color:#fff}.footer{min-height:140px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:30px clamp(24px,5vw,70px);border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.footer__logo{width:100px;height:75px}.footer__logo img{width:100%;height:100%;object-fit:contain}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s ease}.reveal.is-visible{opacity:1;transform:none}.video-modal[hidden]{display:none}.video-modal{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:24px}.video-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.9);backdrop-filter:blur(10px)}.video-modal__dialog{position:relative;width:min(1100px,96vw);background:#080808;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 100px #000}.video-modal__header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--line)}.video-modal__header h2{font-family:"Space Grotesk",Arial,sans-serif;font-size:1rem;letter-spacing:.08em}.video-modal__header button{border:0;background:none;color:#fff;font-size:2rem;cursor:pointer}.video-modal__frame{position:relative;aspect-ratio:16/9;background:#000;display:grid;place-items:center}.video-modal video{width:100%;height:100%}.video-modal__missing{text-align:center;padding:30px;color:#fff}.video-modal__missing p{color:var(--muted)}@media(max-width:900px){:root{--header:72px}.nav-toggle{display:block;z-index:2}.nav{position:fixed;inset:0 0 auto auto;width:min(360px,100%);height:100vh;padding:110px 36px;display:flex;flex-direction:column;align-items:flex-start;background:rgba(5,5,5,.97);transform:translateX(100%);transition:.35s}.nav.is-open{transform:none}.nav a{font-size:1rem}.projects{grid-template-columns:1fr}.services{grid-template-columns:repeat(2,1fr)}.about,.contact{grid-template-columns:1fr}.about__visual{max-width:600px}.contact{margin:40px 20px}.cursor-glow{display:none}}@media(max-width:600px){.hero{padding-left:22px;padding-right:22px}.hero h1{font-size:clamp(3.2rem,17vw,5.2rem)}.hero__actions{flex-direction:column;align-items:stretch}.project{min-height:380px}.project__info{padding:26px}.services{grid-template-columns:1fr}.service{min-height:250px}.process li{grid-template-columns:70px 1fr}.contact{padding:55px 24px}.footer{flex-direction:column;text-align:center}.intro__skip,.intro__sound{bottom:18px;font-size:.7rem}.intro__skip{right:14px}.intro__sound{left:14px}}

@media (hover:none), (pointer:coarse){.project{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.project__preview{pointer-events:none}}

/* Mobilní ovládání video náhledů */
@media (hover:none), (pointer:coarse){
  .project{touch-action:pan-y;cursor:pointer}
  .project__visual,.project__poster,.project__preview{pointer-events:none}
  .project.is-previewing .project__preview{opacity:1;visibility:visible}
}
