/*
Theme Name: Lukáš Klíž — Work & Balance
Description: Moderní osobní one-page web projektanta, tvůrce a sportovce.
Author: Lukáš Klíž
Version: 2.2.0
Text Domain: lukaskliz
*/
:root{--ink:#0b0e13;--paper:#f2f0eb;--white:#fff;--blue:#2868ff;--line:rgba(11,14,19,.14);--muted:#687079;--pad:clamp(24px,5vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}.section-shell{padding-left:var(--pad);padding-right:var(--pad)}
.site-header{height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;position:fixed;inset:0 0 auto;z-index:50;color:#fff;border-bottom:1px solid rgba(255,255,255,.16);transition:.3s}.site-header.scrolled{height:72px;background:rgba(10,13,18,.92);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid currentColor;font:600 12px Manrope,sans-serif;letter-spacing:-.05em}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:600 12px Manrope,sans-serif;letter-spacing:.16em}.brand-copy small{font-size:8px;letter-spacing:.19em;opacity:.58;margin-top:2px}.site-header nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,40px);font-size:12px}.site-header nav>a:not(.nav-cta){opacity:.72;transition:.2s}.site-header nav>a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.4);padding:11px 15px}.nav-cta span{margin-left:16px}.menu{display:none;background:none;border:0;color:#fff;width:40px;height:40px;padding:10px}.menu span{display:block;height:1px;background:currentColor;margin:7px 0}
.hero{position:relative;min-height:100svh;background:var(--ink);color:#fff;display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:6vw;padding-top:130px;padding-bottom:80px;overflow:hidden}.hero:before{content:"";position:absolute;width:40vw;height:40vw;border-radius:50%;background:#15397b;filter:blur(130px);opacity:.35;right:-15vw;top:-10vw}.hero-copy{position:relative;z-index:2}.eyebrow{font:600 10px Manrope,sans-serif;letter-spacing:.22em;margin:0 0 28px;display:flex;align-items:center;gap:12px}.eyebrow span{width:26px;height:1px;background:var(--blue)}h1,h2,h3{font-family:Manrope,sans-serif;margin:0;letter-spacing:-.055em}h1{font-size:clamp(58px,7.1vw,116px);line-height:.91;font-weight:500}h1 em,h2 em,blockquote em{font-family:Georgia,serif;font-weight:400}.hero h1 em{color:#72a0ff}.lead{max-width:630px;font-size:clamp(16px,1.4vw,20px);line-height:1.65;color:#aeb6c3;margin:34px 0}.hero-actions{display:flex;align-items:center;gap:30px}.button{font:600 11px Manrope,sans-serif;letter-spacing:.09em;padding:15px 18px;display:inline-flex;gap:34px;align-items:center}.button-primary{background:var(--blue);color:#fff}.text-link{font-size:12px;border-bottom:1px solid #657080;padding:10px 0}.hero-visual{position:relative;z-index:2;aspect-ratio:1;max-height:650px;border:1px solid rgba(255,255,255,.15);overflow:hidden}.visual-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:12.5% 12.5%}.orbit{position:absolute;border:1px solid rgba(99,148,255,.7);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:72%;height:72%;animation:spin 18s linear infinite}.orbit-one:before,.orbit-two:before{content:"";position:absolute;width:8px;height:8px;background:#6f9eff;border-radius:50%;top:12%;left:14%;box-shadow:0 0 18px #5e91ff}.orbit-two{width:48%;height:48%;border-style:dashed;animation:spinReverse 14s linear infinite}.orbit-two:before{top:auto;left:auto;right:5%;bottom:26%}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34%;aspect-ratio:1;border-radius:50%;background:rgba(31,85,205,.35);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;font:600 clamp(10px,1.1vw,15px) Manrope,sans-serif;letter-spacing:.22em}.core i{font:italic 400 38px Georgia,serif;color:#75a1ff;line-height:1}.metric{position:absolute;background:#111722;border-left:2px solid var(--blue);padding:12px 14px;min-width:132px}.metric small{display:block;font-size:7px;letter-spacing:.18em;color:#7f8998}.metric strong{font:500 10px Manrope,sans-serif;letter-spacing:.12em}.metric-a{left:5%;top:12%}.metric-b{right:4%;top:45%}.metric-c{left:9%;bottom:8%}.scroll-note{position:absolute;bottom:28px;left:var(--pad);font-size:8px;letter-spacing:.2em;color:#6f7782}.scroll-note span{margin-left:14px;color:#fff}
.intro{padding-top:clamp(90px,11vw,170px);padding-bottom:clamp(90px,11vw,170px);display:grid;grid-template-columns:.45fr 1.35fr 1fr;gap:5vw;border-bottom:1px solid var(--line)}.section-index{font:600 9px Manrope,sans-serif;letter-spacing:.18em;color:var(--muted)}.intro h2,.section-head h2,.closing h2,.site-footer h2{font-size:clamp(38px,5vw,76px);line-height:1.02;font-weight:500}.intro h2 span{color:#9c9b97}.intro-copy{font-size:clamp(16px,1.35vw,20px);color:#3d454d}.intro-copy p{margin:0 0 24px}.intro-copy p:first-child{color:var(--ink);font-weight:500}
.work{padding-top:clamp(90px,10vw,150px);padding-bottom:clamp(90px,10vw,150px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.section-note{font-size:13px;color:var(--muted);max-width:330px}.project-grid{display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:1fr 1fr;gap:14px}.project{position:relative;min-height:360px;padding:34px;overflow:hidden}.project-large{grid-row:1/3;background:#141920;color:#fff;min-height:735px}.project-blue{background:var(--blue);color:#fff}.project-light{background:#e5e2dc}.project-number{position:absolute;top:30px;right:30px;font:500 10px Manrope,sans-serif;opacity:.55}.project-content{position:absolute;left:34px;bottom:34px;right:34px}.project-content>p:first-child{font-size:8px;letter-spacing:.18em;opacity:.55}.project-content h3{font-size:clamp(28px,3.2vw,52px);line-height:1.04;font-weight:500;margin:10px 0 20px}.project-content>p:not(:first-child){font-size:13px;max-width:480px;opacity:.7}.tag{display:inline-block;border:1px solid currentColor;border-radius:30px;padding:6px 11px;margin:10px 5px 0 0;font-size:8px;letter-spacing:.14em;opacity:.65}.hvac-icon{position:absolute;left:50%;top:31%;transform:translate(-50%,-50%);width:50%;height:130px}.hvac-icon span{position:absolute;top:50%;height:2px;background:#4c7ee7}.hvac-icon span:first-child{left:0;width:100%}.hvac-icon span:nth-child(2){left:28%;width:70px;height:70px;top:25%;border:1px solid #4c7ee7;background:#141920;transform:rotate(45deg)}.hvac-icon span:nth-child(3){right:8%;top:28%;width:78px;height:78px;background:repeating-radial-gradient(circle,#141920 0 10px,#4c7ee7 11px 12px);border-radius:50%}.code-lines{position:absolute;right:8%;top:14%;width:50%}.code-lines i{display:block;height:1px;background:rgba(255,255,255,.45);margin:17px 0}.code-lines i:nth-child(2){width:72%;margin-left:28%}.code-lines i:nth-child(3){width:84%}.barbell{position:absolute;right:9%;top:20%;width:45%;height:40px;display:flex;align-items:center}.barbell span{height:3px;background:#111;width:100%}.barbell b{width:20px;height:60px;border:3px solid #111}
.manifesto{background:var(--ink);color:#fff;padding-top:110px;padding-bottom:110px}.section-index.light{color:#6e7784}.manifesto blockquote{font:400 clamp(42px,6.5vw,100px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:80px 0 100px;max-width:1250px}.manifesto blockquote em{color:#72a0ff}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #323943}.principles>div{padding:30px 8% 0 0;border-right:1px solid #323943;min-height:165px}.principles>div+div{padding-left:8%}.principles>div:last-child{border:0}.principles b{font-size:9px;color:#6997ff}.principles h3{font-size:18px;letter-spacing:-.02em;margin:12px 0}.principles p{font-size:13px;color:#808995;max-width:270px}
.closing{padding-top:120px;padding-bottom:90px}.closing-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end}.closing h2 em{color:var(--blue)}.closing-grid>p{color:var(--muted);font-size:16px;line-height:1.7}.ticker{margin-top:100px;padding:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:500 clamp(13px,1.5vw,19px) Manrope,sans-serif;letter-spacing:.13em}.ticker i{font-size:6px;color:var(--blue)}
.site-footer{background:#dcd9d2;padding-top:110px;padding-bottom:35px}.site-footer>div:first-child{max-width:860px}.site-footer h2 em{color:var(--blue)}.footer-contact{margin:65px 0 100px}.footer-contact>a{font:500 clamp(20px,3vw,42px) Manrope,sans-serif;border-bottom:1px solid var(--ink);padding-bottom:8px}.footer-contact>a span{color:var(--blue);margin-left:20px}.contact-hint{color:#555e66}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center}.footer-bottom p,.footer-bottom>a{font-size:10px;letter-spacing:.1em;color:#626970}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spinReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@media(max-width:900px){.site-header nav{display:none}.menu{display:block}.site-header nav.open{display:flex;position:fixed;inset:72px 0 0;background:var(--ink);flex-direction:column;align-items:flex-start;padding:50px var(--pad);font:500 34px Manrope,sans-serif}.nav-cta{margin-top:20px}.hero{grid-template-columns:1fr;padding-top:140px}.hero-visual{width:min(100%,620px);justify-self:end}.intro{grid-template-columns:1fr 1.5fr}.intro-title{grid-column:1/3}.project-grid{grid-template-columns:1fr}.project-large{grid-row:auto;min-height:600px}.closing-grid{grid-template-columns:1fr}.footer-bottom{gap:20px}}
@media(max-width:600px){.brand-copy small{display:none}.site-header{height:70px}.hero{padding-bottom:75px}.hero-visual{margin-top:20px}.scroll-note{display:none}.metric{min-width:100px;padding:8px}.metric strong{font-size:8px}.intro{grid-template-columns:1fr}.intro-title{grid-column:auto}.section-head{display:block}.section-note{margin-top:25px}.project{min-height:440px;padding:24px}.project-large{min-height:540px}.project-content{left:24px;right:24px;bottom:24px}.principles{grid-template-columns:1fr}.principles>div,.principles>div+div{padding:25px 0;border-right:0;border-bottom:1px solid #323943;min-height:auto}.ticker{overflow:hidden;gap:30px}.ticker span:nth-of-type(n+3),.ticker i:nth-of-type(n+3){display:none}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-bottom p{order:3}.site-footer{padding-top:80px}}
.brand-mark{background:url('assets/lk-logo.svg') center/contain no-repeat;font-size:0;border:0;border-radius:8px;flex-shrink:0}
/* 2.1: tighter rhythm, readable cards, useful footer instead of empty space. */
section[id],footer[id]{scroll-margin-top:90px}
.hero{min-height:0;padding-top:130px;padding-bottom:70px}
.intro{padding-top:75px;padding-bottom:65px;grid-template-columns:1.2fr 1fr;gap:24px 7vw}
.intro>.section-index{grid-column:1/-1}
.intro h2{font-size:clamp(36px,4.1vw,62px)}
.work{padding-top:75px;padding-bottom:75px}.section-head{margin-bottom:35px}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;align-items:stretch}
.project,.project-large{grid-row:auto;min-height:0;padding:170px 26px 28px;display:flex;flex-direction:column}
.project-content{position:relative;inset:auto;margin-top:auto}
.project-content h3{font-size:clamp(26px,2.55vw,39px)}
.hvac-icon{top:85px;width:60%;height:85px}.hvac-icon span:nth-child(2){width:45px;height:45px}.hvac-icon span:nth-child(3){width:50px;height:50px}
.code-lines{top:30px}.barbell{top:65px}
.manifesto{padding-top:70px;padding-bottom:65px}.manifesto blockquote{margin:40px 0 55px;font-size:clamp(38px,5.7vw,86px)}
.closing{padding-top:70px;padding-bottom:55px}.ticker{margin-top:45px}
.site-footer{padding-top:60px;padding-bottom:28px}.site-footer>div:first-child{max-width:none}
.footer-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:7vw;align-items:center;margin-bottom:45px}
.site-footer h2{font-size:clamp(36px,4.4vw,65px)}
.footer-topics>p{font-size:9px;letter-spacing:.18em;color:#535b63}.footer-topics>a{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid var(--line);font-size:15px}.footer-topics>a span{color:var(--blue)}
.footer-contact{margin:0 0 40px}.footer-contact>a{overflow-wrap:anywhere}
.reveal{opacity:1;transform:none}
@media(max-width:1000px){.project-grid{grid-template-columns:1fr}.project,.project-large{padding:26px 28px 28px 190px;min-height:270px}.hvac-icon{left:80px;top:130px;width:120px}.code-lines{left:30px;top:80px;width:115px}.barbell{left:30px;top:120px;width:115px}.project-content h3{font-size:32px}}
@media(max-width:600px){.intro{grid-template-columns:1fr;gap:24px}.intro-title{grid-column:auto}.intro,.work,.closing{padding-top:50px;padding-bottom:45px}.project,.project-large{padding:150px 24px 26px}.hvac-icon{left:50%;top:75px;width:150px}.code-lines{left:auto;right:24px;top:30px;width:50%}.barbell{left:auto;right:28px;top:65px;width:45%}.footer-intro{grid-template-columns:1fr;gap:25px}.manifesto{padding-top:50px;padding-bottom:45px}.manifesto blockquote{margin:30px 0 35px}.site-footer{padding-top:45px}.hero-actions{gap:18px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none}.orbit{animation:none}}