/* sidovsky.cz – inkoust, slonová kost, mosaz */
:root{
  --ink:#121110;--ink2:#1c1a18;--ink3:#2a2723;--ivory:#f4efe6;--ivory2:#e9e2d5;--paper:#faf7f1;
  --brass:#b89155;--brass-l:#d8b57a;--brass-d:#8a6a37;--mute:#a69f94;--mute-d:#5d574f;
  --serif:'Instrument Serif',Georgia,'Times New Roman',serif;--sans:'Switzer',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:min(1240px,100% - 2*clamp(1.1rem,4vw,3rem));--r:2px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--ink);color:var(--ivory);font:400 1.0625rem/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-color:var(--brass);text-underline-offset:.22em;text-decoration-thickness:1px;transition:color .2s}
a:hover{color:var(--brass-l)}
:focus-visible{outline:2px solid var(--brass-l);outline-offset:3px}
p{margin:0 0 1.1em}
h1,h2,h3{margin:0;font-weight:400}
.wrap{width:var(--wrap);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:1rem;top:-4rem;background:var(--brass);color:var(--ink);padding:.6rem 1rem;z-index:100}
.skip:focus{top:1rem}
.eyebrow{font:500 .75rem/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--brass);margin:0 0 1.1rem}
.display{font:400 clamp(2.6rem,6vw,4.75rem)/1 var(--serif);letter-spacing:-.01em;margin-bottom:1.4rem}
.display--xl{font-size:clamp(3.4rem,10vw,8.5rem);line-height:.95;margin-bottom:2rem}
.h2{font:400 clamp(2rem,4vw,3.1rem)/1.05 var(--serif);margin-bottom:1.2rem}
.h3{font:400 clamp(1.6rem,2.6vw,2.1rem)/1.1 var(--serif);margin:1.3rem 0 .8rem}
.lead{font-size:clamp(1.08rem,1.5vw,1.22rem);line-height:1.6;color:var(--ivory);max-width:38em}
.note{font:italic 400 1.25rem/1.3 var(--serif);color:var(--mute);margin-top:-.6rem}
.center{text-align:center;margin-top:2.5rem}
.arrow{font-weight:500;text-decoration:none;border-bottom:1px solid var(--brass);padding-bottom:.1em}
.arrow:hover{border-color:var(--brass-l)}
.btn{display:inline-block;font:500 .82rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:1rem 1.6rem;border:1px solid var(--brass);color:var(--ivory);border-radius:var(--r);transition:background .2s,color .2s}
.btn:hover{background:var(--brass);color:var(--ink)}
.linkbtn{background:none;border:0;padding:0;color:inherit;font:inherit;text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:.22em;cursor:pointer}

/* navigace */
.nav{position:sticky;top:0;z-index:50;background:rgba(18,17,16,.86);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,145,85,.18)}
.nav__in{width:var(--wrap);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;height:4.4rem}
.brand img{height:2.7rem;width:auto}
.nav__list{display:flex;gap:clamp(1rem,2.4vw,2.2rem);list-style:none;margin:0;padding:0;align-items:center}
.nav__list a{font:500 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--ivory2);padding:.5rem 0;border-bottom:1px solid transparent}
.nav__list a:hover,.nav__list a[aria-current]{color:var(--ivory);border-color:var(--brass)}
.nav__lang a{border:1px solid var(--ink3);padding:.45rem .6rem;color:var(--brass-l)}
.nav__btn{display:none;background:none;border:0;width:2.75rem;height:2.75rem;position:relative;cursor:pointer}
.nav__btn span:not(.sr){position:absolute;left:.6rem;right:.6rem;height:1px;background:var(--ivory);transition:transform .25s}
.nav__btn span:nth-child(1){top:1.1rem}.nav__btn span:nth-child(2){top:1.6rem}
.nav__btn[aria-expanded=true] span:nth-child(1){transform:translateY(.25rem) rotate(45deg)}
.nav__btn[aria-expanded=true] span:nth-child(2){transform:translateY(-.25rem) rotate(-45deg)}
@media (max-width:860px){
  .nav__btn{display:block}
  .nav__list{position:fixed;inset:4.4rem 0 auto 0;flex-direction:column;align-items:flex-start;gap:0;background:var(--ink);padding:1rem clamp(1.1rem,4vw,3rem) 2rem;border-bottom:1px solid var(--ink3);transform:translateY(-120%);visibility:hidden;transition:transform .3s,visibility .3s}
  .nav__list.is-open{transform:none;visibility:visible}
  .nav__list li{width:100%;border-bottom:1px solid var(--ink3)}
  .nav__list a{display:block;padding:1.05rem 0;font-size:.9rem;border:0}
  .nav__lang{border:0!important;margin-top:1rem}.nav__lang a{display:inline-block;padding:.6rem .9rem;border:1px solid var(--ink3)}
}

/* úvodní blok */
.hero{padding:clamp(2.5rem,7vw,6rem) 0 clamp(2.5rem,5vw,4rem)}
.hero__in{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:end}
.hero__mem{color:var(--mute);font-size:.98rem;max-width:38em}
.hero__img{margin:0;position:relative}
.hero__img img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;filter:grayscale(1) contrast(1.05)}
.hero__img figcaption,.feature__img figcaption{font-size:.75rem;color:var(--mute);margin-top:.6rem;letter-spacing:.04em}
@media (max-width:900px){.hero__in{grid-template-columns:1fr}.hero__img{order:-1;max-width:30rem}}

/* pás fotografií */
.strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 clamp(1.1rem,4vw,3rem) 1.2rem;scroll-padding-inline:clamp(1.1rem,4vw,3rem);scrollbar-width:thin;scrollbar-color:var(--brass-d) transparent}
.strip__item{flex:0 0 clamp(16rem,30vw,24rem);margin:0;scroll-snap-align:start}
.strip__item img{width:100%;aspect-ratio:4/3;object-fit:cover}
.strip__item figcaption{font-size:.85rem;color:var(--mute);margin-top:.7rem;line-height:1.4}

/* sekce */
.sec{padding:clamp(3.5rem,8vw,7rem) 0}
.sec--light{background:var(--paper);color:var(--ink)}
.sec--light .eyebrow{color:var(--brass-d)}
.sec--light a:hover{color:var(--brass-d)}
.sec--light .list li::before{background:var(--brass-d)}
.sec__head{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end;margin-bottom:2.5rem}
.sec__head p{color:var(--mute);max-width:30em}
@media (max-width:760px){.sec__head{grid-template-columns:1fr}}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem)}
.duo--text{align-items:start}
.duo>*,.trio>*,.feature__in>*{min-width:0}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.trio figure{margin:0}.trio img{width:100%;aspect-ratio:3/4;object-fit:cover}
.trio figcaption{font-size:.85rem;color:var(--mute);margin-top:.6rem}
@media (max-width:860px){.duo{grid-template-columns:1fr}.trio{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.trio{grid-template-columns:1fr}}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover}
.card p{color:var(--ivory2)}
.inline-img{width:100%;aspect-ratio:16/10;object-fit:cover;margin:0 0 1.4rem}
.prose{max-width:46rem}
.prose p{font-size:1.12rem}
.prose p:first-child::first-letter{font:400 4.2em/.8 var(--serif);float:left;margin:.08em .12em 0 0;color:var(--brass)}
.list{list-style:none;margin:0 0 1.5rem;padding:0}
.list li{position:relative;padding:.75rem 0 .75rem 1.4rem;border-bottom:1px solid rgba(18,17,16,.12);line-height:1.5}
.list li::before{content:'';position:absolute;left:0;top:1.35rem;width:.5rem;height:1px;background:var(--brass)}
.bigquote{font:italic 400 clamp(1.7rem,3.2vw,2.5rem)/1.2 var(--serif);margin:0}

/* hlavička podstránek */
.band{padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,3.5rem);border-bottom:1px solid var(--ink3)}
.band--img .band__in{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.band__in>*{min-width:0}
.band__img{margin:0}.band__img img{width:100%;aspect-ratio:4/3;object-fit:cover}
.p-about .band__img img{aspect-ratio:4/5;filter:grayscale(1);max-height:34rem}
@media (max-width:860px){.band--img .band__in{grid-template-columns:1fr}}

/* Pozemský prach */
.feature{background:var(--ink2);padding:clamp(3.5rem,8vw,7rem) 0;border-block:1px solid rgba(184,145,85,.2)}
.feature__in{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.feature__img{margin:0;position:sticky;top:6rem}
.feature__img img{width:100%;aspect-ratio:3/2;object-fit:cover}
.feature__txt p{color:var(--ivory2)}
.quote{margin:1.6rem 0;padding:0 0 0 1.3rem;border-left:1px solid var(--brass)}
.quote p{font:italic 400 1.45rem/1.3 var(--serif);color:var(--ivory)!important;margin-bottom:.5rem}
.quote footer{font-size:.85rem;color:var(--mute)}
@media (max-width:900px){.feature__in{grid-template-columns:1fr}.feature__img{position:static}}

/* galerie */
.gal{columns:3 18rem;column-gap:1.2rem}
.gal__item{break-inside:avoid;margin:0 0 1.6rem}
.gal__item a{display:block;overflow:hidden}
.gal__item img{width:100%;transition:transform .5s ease,opacity .3s}
.gal__item a:hover img{transform:scale(1.03)}
.gal__item figcaption{font-size:.85rem;color:var(--mute);margin-top:.6rem;line-height:1.45}
.lb{position:fixed;inset:0;z-index:200;background:rgba(10,9,8,.96);display:flex;align-items:center;justify-content:center;padding:3.5rem 4rem}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}
.lb img{max-width:100%;max-height:calc(100vh - 9rem);object-fit:contain}
.lb figcaption{color:var(--ivory2);font-size:.9rem;margin-top:1rem;text-align:center;max-width:50rem}
.lb button{position:absolute;background:none;border:0;color:var(--ivory);font:300 2.6rem/1 var(--sans);cursor:pointer;width:3rem;height:3rem}
.lb__x{top:.8rem;right:1rem}.lb__p{left:.6rem;top:50%;transform:translateY(-50%)}.lb__n{right:.6rem;top:50%;transform:translateY(-50%)}
@media (max-width:640px){.lb{padding:3.5rem .8rem}.lb__p,.lb__n{top:auto;bottom:.6rem;transform:none}}

/* kontakt */
.contact .duo{align-items:center}
.contact__img{margin:0}.contact__img img{width:100%;aspect-ratio:4/5;object-fit:cover}
.dl{display:grid;grid-template-columns:auto 1fr;gap:.8rem 2rem;margin:2rem 0 2.2rem}
.dl dt{font:500 .72rem/1.9 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.dl dd{margin:0}

/* patička */
.foot{border-top:1px solid var(--ink3);padding:4rem 0 2.5rem;background:var(--ink)}
.foot__in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.4rem}
.foot__sig{height:4.5rem;width:auto;margin-bottom:.4rem}
.foot__tag{color:var(--mute);font-size:.9rem}
.foot__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;list-style:none;padding:0;margin:.6rem 0 1rem}
.foot__nav a{font:500 .75rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.foot__soc{font-size:.95rem}
.foot__small{font-size:.78rem;color:var(--mute);margin-top:1rem;max-width:44rem}

/* cookie lišta */
.cookie{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:150;max-width:34rem;background:var(--paper);color:var(--ink);padding:1.4rem 1.5rem;box-shadow:0 20px 50px rgba(0,0,0,.4);border-top:2px solid var(--brass)}
.cookie h2{font:400 1.6rem/1 var(--serif);margin-bottom:.6rem}
.cookie p{font-size:.88rem;line-height:1.5;margin-bottom:1rem}
.cookie__opts{display:grid;gap:.6rem;margin-bottom:1rem;font-size:.88rem}
.cookie__opts label{display:flex;gap:.6rem;align-items:flex-start}
.cookie__btns{display:flex;flex-wrap:wrap;gap:.5rem}
.cookie .btn{color:var(--ink);padding:.75rem 1rem;font-size:.72rem}
.cookie .btn--fill{background:var(--ink);border-color:var(--ink);color:var(--ivory)}
.cookie .btn--fill:hover{background:var(--brass);border-color:var(--brass);color:var(--ink)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.gal--grid{columns:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem 1.2rem}
.gal--grid .gal__item{margin:0}.gal--grid img{aspect-ratio:4/3;object-fit:cover;object-position:50% 30%}
@media (max-width:860px){.gal--grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.gal--grid{grid-template-columns:1fr}}
@media (min-width:1340px){.strip{padding-inline:calc((100% - 1240px)/2);scroll-padding-inline:calc((100% - 1240px)/2)}}