:root{
	--bg:#000;
	--muted:#777;
	--txtp:#bbb;           /*  barva textu projektů  */
	--accent:#fff;
	--cont:1100px;
	--hdrh:109px;
	--radius:14px;
	--gap:16px;
	}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:"Open Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--txtp);background:#fff;line-height:1.55;}

img{max-width:100%;height:auto;display:block;}

a{color:var(--accent);text-decoration:none;}
a:hover{color:#12CCFF;}

.hp{display:none !important;} /* honeypot */

.container{max-width:var(--cont);margin:0 auto;padding:0 18px;}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--bg);border-bottom:1px solid rgba(255,255,255,0.08);}
/*.header-inner{height:var(--hdrh);display:flex;align-items:center;justify-content:space-between;gap:18px;}*/
.header-inner{height:var(--hdrh);display:flex;align-items:center;justify-content:flex-end;gap:18px;position:relative;}
/*.logo{display:flex;align-items:center;}
.logo{position:absolute;left:55px;top:50%;transform:translateY(-50%);}*/

.site-header .logo{position:fixed;left:90px;top:calc(var(--hdrh)/2);transform:translateY(-50%);z-index:60;}
.site-footer .logo{position:static;left:auto;top:auto;transform:none;z-index:auto;}


.logo img{transform:scale(0.7);transform-origin:left center;}
.scl5{transform:scale(0.5);}

a.logo img{ display: block;  }            /* aby kolem obrázku nebyla "mezera" jako u inline */


/* a.logo:hover img, a.logo:focus-visible img{ outline: 3px solid #fff;  outline-offset: 15px;}         /* odsazení rámečku od obrázku (klidně uprav) */



.site-nav{display:flex;gap:62px;align-items:center;justify-content:flex-end;}
.site-nav a{color:#fff;font-weight:900;font-size:18px;letter-spacing:.03em;opacity:0.95;}
.site-nav a:hover{color:var(--accent); opacity:1;text-shadow: 0 0 3px rgba(255,255,255,.25);}
.nav-toggle{display:none;}
.nav-toggle-btn{display:none;cursor:pointer;width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,0.18);place-items:center;}
.nav-toggle-btn span{display:block;width:22px;height:2px;background:#fff;position:relative;}
.nav-toggle-btn span:before{content:"";position:absolute;left:0;top:-7px;width:22px;height:2px;background:#fff;}
.nav-toggle-btn span:after{content:"";position:absolute;left:0;top:7px;width:22px;height:2px;background:#fff;}

.page{padding-top:var(--hdrh);}
section{scroll-margin-top:calc(var(--hdrh) + 18px);}
.section-head{text-align:center;padding:48px 0 18px 0;}
.section-head h2{margin:0 0 10px 0;font-size:34px;color:#999;font-weight:600;}
.section-head p{margin:0;color:var(--muted);}

.projects{padding-bottom:54px;border-bottom:1px solid #f0f0f0;}
.projects-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gap);margin-top:18px;}
.project-card{display:grid;gap:10px;padding:18px 14px;border:1px dotted #f3f3f3;border-radius:var(--radius);background:#fff;text-align:center;transition:border-color .15s ease;}
.project-card:hover{border-color:rgba(0,0,0,0.15);}
.project-card .fa{width:52px;height:52px;border-radius:999px;background:#000;color:#fff;display:grid;place-items:center;margin:0 auto;font-size:22px;line-height:52px;}
.project-card .fa:hover{background:#666;}
.project-card h3{margin:0;font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--bg);}
.project-card p{margin:0;color:var(--muted);font-size:14px;}

.project{background:var(--bg);color:var(--txtp);padding-bottom:60px;}
.project-hero img{width:100%;height:clamp(220px,28vw,320px);object-fit:cover;}
.project-head{text-align:center;padding:40px 0 10px 0;}
.project-head h2{margin:0;color:#ddd;font-size:34px;letter-spacing:.01em;}

.project-text{max-width:960px;margin:0 auto;text-align:justify;}
.project-text p{margin:18px 0;}
.subtitle { font-size:16px; font-style: italic; color:#fff; padding-bottom:15px; text-align:center;}


.gallery{margin-top:26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;}
.gallery img{width:100%;height:165px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,0.12);}

.contact{background:#fff;color:var(--txtp);padding:30px 0 80px 0;}
.contact-form{max-width:820px;margin:0 auto;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
label span{display:block;font-weight:700;color:#444;margin-bottom:6px;}
input,textarea{width:100%;font:inherit;padding:12px 12px;border-radius:12px;border:1px solid #ddd;outline:none;background:#fff;}
input:focus,textarea:focus{border-color:rgba(255,164,0,0.75);box-shadow:0 0 0 4px rgba(255,164,0,0.18);} /* 101, 220, 252     255,164,0*/
label.full{grid-column:1/-1;}
.form-actions{margin-top:14px;text-align:right;}
button{font:inherit;font-weight:800;padding:12px 18px;border-radius:999px;border:1px solid #000;;cursor:pointer;background:#fff;color:#000;}
button:hover{background:#000;color:#fff;}

label.captcha .captcha-q{display:block;}
label.captcha .captcha-a{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--txtp);font-weight:600;} /* color:#000 */
#captcha {width:90px;color:var(--txtp);font-weight:400;}
.dice {width:28px; vertical-align: middle; padding:2px; opacity: 1;}
/*.dice:hover {opacity:0.35; transition: opacity 0.3s ease;}*/
.rot  { transform: rotate(90deg); }

.site-footer{background:var(--bg);color:#fff;border-top:1px solid #404040;padding:52px 0 30px 0;}
.footer-inner{text-align:center;display:grid;gap:18px;justify-items:center;}
.site-footer .social{display:inline-block;border:1px solid #aaa; border-radius:999px;padding:10px 14px;color:#fff;font-weight:700;}
.site-footer .social:hover{border-color: #fff;}
.site-footer p{margin:0;opacity:.85;}

@media (max-width:1100px){.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:760px){:root{--hdrh:68px;}/*.logo img{height:54px;transform:scale(0.5);}*/.nav-toggle-btn{display:grid;}.site-nav{position:absolute;top:var(--hdrh);left:0;right:0;background:#000;border-bottom:1px solid rgba(255,255,255,0.08);display:none;flex-direction:column;gap:0;padding:10px 18px;}.site-nav a{display:block;padding:14px 0;border-top:1px solid rgba(255,255,255,0.08);}.nav-toggle:checked ~ .site-nav{display:flex;}.form-grid{grid-template-columns:1fr;}}
@media (max-width:460px){.projects-grid{grid-template-columns:1fr;}.section-head h2,.project-head h2{font-size:28px;}}