@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-latin-ext.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";src:url(/fonts/bricolage-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-ext-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-latin-italic.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Mono";src:url(/fonts/dm-mono-latin-ext.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Mono";src:url(/fonts/dm-mono-latin.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* tři barvy: černá, šedá, oranžovohnědá z fotky (#C87A42) + bílá jen na text */
:root{--black:#0a0a0a;--grey:#8a8a8a;--line:#262626;--accent:#c87a42;--white:#fff;--w:72rem;--sans:"Bricolage Grotesque","Helvetica Neue",Arial,system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;--mono:"DM Mono",ui-monospace,"SFMono-Regular",Menlo,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:var(--black);color:var(--white);font:1.0625rem/1.65 var(--sans);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
a{color:var(--white);text-underline-offset:.22em;text-decoration-color:var(--accent)}
a:hover{color:var(--accent)}
a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:var(--white);color:var(--black);padding:.5rem 1rem;z-index:9}
header,main,footer{max-width:var(--w);margin:0 auto;padding:0 1.25rem}
header{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;padding-top:1.4rem;padding-bottom:1.4rem}
header img{height:auto;display:block}
nav{display:flex;flex-wrap:wrap;gap:.3rem 1.8rem}
nav a,.label,.tag,footer{font-family:var(--mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
nav a{text-decoration:none;color:var(--grey)}nav a:hover{color:var(--white)}
nav a:last-child{color:var(--black);background:var(--accent);padding:.45rem 1.1rem;border-radius:999px}
nav a:last-child:hover{background:var(--white);color:var(--black)}
h1,h2,h3{font-family:var(--sans);line-height:1.02;letter-spacing:-.04em;margin:0 0 .6em}
h1{font-size:clamp(3rem,9vw,7rem);font-weight:800;line-height:.9;letter-spacing:-.06em}
h1 em{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.02em;font-size:1.1em;color:var(--accent);padding-right:.04em}
h2{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:700;margin-top:0}
h3{font-size:1.25rem;font-weight:650;margin-top:1.8rem;letter-spacing:-.02em}
p{margin:0 0 1em;max-width:62ch}
.lead{font-size:1.25rem;line-height:1.5;max-width:38ch}
.muted,.tag,.label,figcaption{color:var(--grey)}
.label{margin:0 0 2rem}
.tag{margin:1rem 0 .3rem}
/* úvod: text vlevo, portrét vpravo */
.hero{padding:3.5rem 0 4.5rem}
.hero.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:center}
.portrait{margin:0;border-radius:28px;overflow:hidden;background:#262625;aspect-ratio:4/5}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}
section{padding:4rem 0;border-top:1px solid var(--line)}
.hero{border-top:0}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(19rem,1fr));gap:3rem 2.2rem}
.grid3>article{border-top:1px solid var(--line);padding-top:1.4rem}
.grid3 h3{margin-top:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2.5rem}
article img,figure img{width:100%;height:auto;display:block;border-radius:10px;background:var(--line)}
figure{margin:0}
figcaption{font-size:.9rem;margin-top:.6rem}
blockquote{margin:0;padding-left:1.25rem;border-left:2px solid var(--accent)}
blockquote p{font-size:1.2rem;line-height:1.5}
.btn{display:inline-block;padding:.85rem 1.6rem;border:1px solid var(--accent);background:var(--accent);color:var(--black);text-decoration:none;font-weight:700;border-radius:999px}
.btn:hover{background:transparent;color:var(--accent)}
.btn.ghost{background:transparent;color:var(--white);border-color:var(--grey)}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.contact{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:clamp(1.3rem,3vw,2rem);font-weight:600;letter-spacing:-.02em}
footer{border-top:1px solid var(--line);padding-top:2rem;padding-bottom:3rem;color:var(--grey)}
footer p{margin:0 0 .4rem}footer a{color:var(--grey)}footer a:hover{color:var(--white)}
@media(max-width:820px){.hero.split{grid-template-columns:1fr;gap:2.5rem}.portrait{max-width:26rem}.hero{padding-top:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}