/* Homepage presentation, scoped by route; CMS content and global assets stay independent. */
:root{--orange:#ff5a00;--paper:#f7f7f3;--line:#d9d9d3}
body{background:var(--paper)}
.site-header{background:#111;color:#fff;border-bottom:1px solid #333;backdrop-filter:none}
.site-header .bar{height:94px;max-width:1500px;padding-inline:40px}
.site-header .brand-link{display:flex;align-items:baseline;line-height:1;letter-spacing:-.075em;font-weight:800;font-size:43px}
.site-header .brand-link img{display:none}
.site-header .brand-link:before{content:'zsladky';color:#fff}
.site-header .brand-link:after{content:'.';color:var(--orange)}
.site-header .nav{color:#fff;gap:24px;font-size:12px;letter-spacing:.01em;text-transform:none}
.site-header .nav a{padding:12px 0;border:0;transition:color .18s}
.site-header .nav a:hover,.site-header .nav a.active{color:#ff7733;border:0}
.site-header .nav .nav-quote{background:#fff;color:#111;padding:13px 18px;border-radius:2px}
.site-header .nav .nav-quote:hover{background:#ff5a00;color:#111}
.site-header .menu{color:#fff;border:1px solid #666;padding:10px 14px;font-size:12px;letter-spacing:.08em;min-height:44px}
.shell.hero{max-width:1500px;padding:86px 40px 72px}
.hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:5%;align-items:center}
.hero .eyebrow{color:#555;font-size:11px;letter-spacing:.14em;margin-bottom:30px;display:flex;align-items:center;gap:10px}
.hero .eyebrow:before{content:'';width:7px;height:7px;background:var(--orange);border-radius:50%;flex:none}
.hero h1{font-size:clamp(72px,8.8vw,132px);font-weight:800;letter-spacing:-.075em;line-height:.9;margin-bottom:32px}
.hero .lede{max-width:570px;font-size:clamp(19px,1.7vw,25px);line-height:1.4;letter-spacing:-.025em;margin-bottom:28px}
.hero .actions-row{gap:10px;display:flex;flex-wrap:wrap}
.hero .button{min-height:50px;padding:15px 20px;font-size:11px;letter-spacing:.07em;border:1px solid #111;border-radius:2px;transition:background .18s,color .18s}
.hero .button:hover{background:#ff5a00;border-color:#ff5a00;color:#111}
.hero .button-light:hover{background:#111;border-color:#111;color:#fff}
.hero .note{font-size:11px;margin-top:18px;color:#666}
.hero-art{background:#eeeee8;border:1px solid #dfdfd8;transform:rotate(-2deg);margin:12px 6px 12px 0;box-shadow:12px 14px 0 #e8e8e1}
.hero-art img{width:100%;height:auto;display:block}
.shell.section{max-width:1500px;padding:72px 40px}
.section-heading{align-items:end;margin-bottom:36px}
.section h2{font-size:clamp(38px,4.5vw,66px);letter-spacing:-.06em;line-height:1.02}
.section .eyebrow{font-size:11px;letter-spacing:.13em}
.section .accent{color:#ba3900}
.portfolio-grid{gap:38px 26px}
.portfolio-grid .project img{padding:0;background:#eaeae5}
.portfolio-grid .project-label strong{font-size:23px}
.service-cards{gap:0;border-top:1px solid #bbb;border-left:1px solid #bbb}
.service-card{background:transparent;border:0;border-right:1px solid #bbb;border-bottom:1px solid #bbb;padding:30px;transition:background .18s}
.service-card:hover{background:#eeeee8}
.service-card h3{letter-spacing:-.025em;font-size:21px}
.brand-bridge{background:#111;color:#fff;border-top:0!important;margin-top:0}
.brand-bridge .accent{color:#ff7733}
.brand-bridge .button-light{border-color:#777;color:#fff}
.brand-bridge .button-light:hover{background:#ff5a00;color:#111;border-color:#ff5a00}
.footer{border-top:1px solid #444}
@media(max-width:1100px){.site-header .nav{top:93px;background:#111;padding:18px 30px;border-bottom:1px solid #444;gap:2px}.site-header .nav a{padding:12px}.site-header .nav .nav-quote{margin-top:8px}.site-header .menu{display:block}}
@media(max-width:760px){.site-header .bar{height:76px;padding-inline:22px}.site-header .brand-link{font-size:35px}.site-header .nav{top:75px;padding:14px 22px}.shell.hero{padding:48px 22px 52px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero .eyebrow{font-size:9px;letter-spacing:.1em;margin-bottom:25px}.hero h1{font-size:clamp(58px,15.3vw,100px);letter-spacing:-.065em;line-height:.94;margin-bottom:24px}.hero .lede{font-size:19px;line-height:1.4;max-width:480px}.hero .actions-row{display:grid;grid-template-columns:1fr;gap:9px}.hero .button{width:100%;min-height:49px}.hero .note{line-height:1.5}.hero-art{width:calc(100% - 8px);max-width:430px;justify-self:center;box-shadow:7px 9px 0 #e8e8e1;margin:0 0 10px;transform:rotate(-1deg)}.shell.section{padding:48px 22px}.section-heading{align-items:start;gap:22px;flex-direction:column}.section h2{font-size:40px}.portfolio-grid{gap:28px}.service-card{padding:25px}.brand-bridge{gap:18px}.brand-bridge .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero .button,.site-header .nav a,.service-card{transition:none}}