@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/spectral-400-1.woff2") format('woff2');
  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: 'Spectral';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/spectral-400-2.woff2") format('woff2');
  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: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/spectral-600-1.woff2") format('woff2');
  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: 'Spectral';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/spectral-600-2.woff2") format('woff2');
  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: 'Spectral';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/spectral-700-1.woff2") format('woff2');
  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: 'Spectral';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/spectral-700-2.woff2") format('woff2');
  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: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/marcellus-400-1.woff2") format('woff2');
  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: 'Marcellus';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/marcellus-400-2.woff2") format('woff2');
  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;
}
:root{--scz:url(/orn/o-277bb424eb.webp);--scc:url(/orn/o-721aa77c0f.webp);--ornband:var(--a16);--a0:url(/orn/o-c0158c8a2e.webp);--a7:url(/orn/o-2f3902b2fa.webp);--a8:url(/orn/o-e76deb8edb.webp);--a9:url(/orn/o-abcc45e010.webp);--a10:url(/orn/o-5371ab5c1f.webp);--a11:url(/orn/o-6e7be51853.webp);--a12:url(/orn/o-2be35b6c97.webp);--a13:url(/orn/o-17eb85205f.webp);--a14:url(/orn/o-0aac77ff2c.webp);--a15:url(/orn/o-fc7598ca02.webp);--a16:url(/orn/o-04275fb63d.webp);--logo-mask:var(--a0) center/contain no-repeat;
 --paper:#E8E2CE; --lift:#EFEBDB; --ink:#0E0C08; --muted:#565043; --faint:#8B8271; --dark:#1B1611;
 --rule:rgba(14,12,8,.16);
 --display:"Spectral",Georgia,"Times New Roman",serif;
 --caps:"Marcellus","Trajan Pro",Georgia,serif;
 --quote:"Spectral",Georgia,serif;
 --body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
 --im1:url(/foto/hero-historicke-m.webp);--im2:url(/foto/hero-zatepleni-3.jpg);--im3:url(/foto/cinzak-pred-celek.jpg);--ir1:url(/foto/rd-po-4.jpg);--ir2:url(/foto/patro-behem-1.jpg);--ir3:url(/foto/cinzak-po-1.jpg);
}
*{box-sizing:border-box}
html{background:var(--paper);overscroll-behavior-x:none}
body{max-width:100%;overscroll-behavior-x:none;touch-action:pan-y;margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:1240px;margin:0 auto;padding:0 34px}
.eyebrow{font-family:var(--caps);font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--faint);display:block}
.eyebrow.lt{color:#CFC2A5}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.018em;margin:0;text-wrap:balance}
h2,h1.hx{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.05;margin-top:18px;max-width:18ch}
.lede{font-family:var(--quote);font-size:1.62rem;line-height:1.48;color:var(--muted);max-width:48ch;margin:24px 0 0}
.lede.lt{color:#DBD1BB}
.sechead{margin-bottom:44px}
.hsprig{position:relative}
.sprig2{position:absolute;left:-40px;top:-84px;width:210px;color:var(--ink);opacity:.45;pointer-events:none}
.sprig2 svg{width:100%;height:auto;display:block}
@media(max-width:820px){.sprig2{display:none}}
.note{margin-top:30px;font-size:.97rem;color:var(--muted);max-width:60ch}
.h3b{font-family:var(--caps);font-size:1.45rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:18px}
.blist{list-style:none;padding:0;margin:0}
.blist li{padding:16px 0 16px 30px;border-bottom:1px solid var(--rule);position:relative;font-size:1.05rem}
.blist li::before{content:"";position:absolute;left:0;top:26px;width:12px;height:1px;background:var(--ink)}

.btn{display:inline-flex;align-items:center;font-family:var(--caps);font-size:.86rem;letter-spacing:.2em;text-transform:uppercase;
 padding:18px 34px;border:1px solid var(--ink);color:var(--ink);background:transparent;text-decoration:none;cursor:pointer;transition:background .34s ease,color .09s ease}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.lt{border-color:rgba(241,238,222,.9);color:var(--paper)}
.btn.lt:hover{background:var(--paper);color:var(--ink)}
.link{font-family:var(--caps);font-size:.86rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.link.lt{color:var(--paper);border-color:rgba(241,238,222,.7);text-shadow:0 1px 14px rgba(16,13,9,.7);border-bottom-width:2px;-webkit-text-stroke:.5px currentColor}
.row-cta{display:flex;align-items:center;gap:34px;margin-top:40px;flex-wrap:wrap}

.hd{position:sticky;top:0;z-index:60;transform:translateZ(0);will-change:transform;contain:layout paint;background:rgba(232,226,206,.96);border-bottom:1px solid var(--ink)}
.hdin{display:flex;align-items:center;gap:36px;padding:12px 34px 14px}
.mk{position:relative;text-decoration:none;color:var(--ink);line-height:1;display:block;padding-top:18px}
.mksprig{position:absolute;left:6px;top:-2px;width:132px;color:var(--ink);opacity:.55;pointer-events:none}
.mksprig svg{width:100%;height:auto;display:block}
.mkimg{display:block;width:126px;aspect-ratio:2.559;background:currentColor;
 -webkit-mask:var(--a0) center/contain no-repeat;mask:var(--a0) center/contain no-repeat}
.wmark{position:absolute;right:30px;top:24px;z-index:6;width:62px;aspect-ratio:2.559;
 background:var(--paper);opacity:.5;pointer-events:none;
 -webkit-mask:var(--a0) center/contain no-repeat;mask:var(--a0) center/contain no-repeat}
.cd .ph{position:relative}
.cd .ph::after{content:"";position:absolute;right:12px;bottom:12px;width:74px;aspect-ratio:2.559;
 background:#E8E2CE;opacity:.55;-webkit-mask:var(--a0) center/contain no-repeat;mask:var(--a0) center/contain no-repeat}
.mk small{display:block;font-family:var(--caps);font-size:.6rem;letter-spacing:.32em;color:var(--faint);margin-top:5px;font-weight:400}
.mn{display:flex;gap:28px;margin-right:auto;font-family:var(--caps);font-size:.86rem;letter-spacing:.12em;text-transform:uppercase}
.mn a{color:var(--ink);text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent}
.mn a:hover,.mn a.cur{border-bottom-color:var(--ink)}
.hdend{display:flex;align-items:center;gap:22px}
.tel{text-decoration:none;color:var(--ink);text-align:right;line-height:1.2}
.tel b{font-family:var(--display);font-size:1.18rem}
.btn.sm{padding:13px 22px;font-size:.76rem}
@media(max-width:1240px){.mn{gap:18px;font-size:.78rem}}
@media(max-width:1040px){.mn,.tel{display:none}}

.page{display:none}.page.on{display:block}
.ph{background-size:cover;background-position:center;width:100%;height:100%}
.im1{background-image:var(--im1)}.im2{background-image:var(--im2)}.im3{background-image:var(--im3)}
.ir1{background-image:var(--ir1)}.ir2{background-image:var(--ir2)}.ir3{background-image:var(--ir3)}

/* the vine is the line between photograph and light block */
.vedge{position:absolute;pointer-events:none;transform:translateZ(0)}
.vedge{position:absolute;left:0;right:0;bottom:-1px;height:230px;z-index:4;pointer-events:none}
.vfill{position:absolute;left:0;right:0;bottom:0;height:56px;background:var(--paper)}
.vband{position:absolute;left:0;right:0;bottom:4px;height:150px;-webkit-mask:var(--a7) left center/auto 100% repeat-x;mask:var(--a7) left center/auto 100% repeat-x}
.vb-t{clip-path:inset(0 0 50% 0);background:var(--paper)}
.crestwrap.in .vedge{position:absolute;left:0;right:0;bottom:-1px;height:230px;z-index:4;pointer-events:none}

.crestwrap.in .vrise{position:absolute;pointer-events:none;right:14px;bottom:150px;width:clamp(64px,6vw,96px);height:clamp(320px,42%,600px);z-index:5;background:var(--paper);-webkit-mask:var(--a8) center/contain no-repeat;mask:var(--a8) center/contain no-repeat;transform:translateY(34px);transition:transform 1.5s cubic-bezier(.2,.75,.25,1) .3s}
@media(max-width:900px){.vrise{position:absolute;pointer-events:none;right:14px;bottom:150px;width:clamp(64px,6vw,96px);height:clamp(320px,42%,600px);z-index:5;background:var(--paper);-webkit-mask:var(--a8) center/contain no-repeat;mask:var(--a8) center/contain no-repeat;transform:translateY(34px);transition:transform 1.5s cubic-bezier(.2,.75,.25,1) .3s}}
.phero .vedge{position:absolute;left:0;right:0;bottom:-1px;height:230px;z-index:4;pointer-events:none}
@media(max-width:900px){.vclimb{display:none}}
.hero{contain:layout paint;position:relative;height:clamp(740px,93vh,1040px);overflow:hidden;background:var(--dark)}
.sl{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s}
.sl.on{opacity:1;visibility:visible}
.sl>.ph{position:absolute;inset:0;transform:scale(1.07);transition:transform 12s linear}
.sl.on>.ph{transform:scale(1)}
.scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,13,9,0) 20%,rgba(16,13,9,.17) 56%,rgba(16,13,9,.11) 86%,rgba(16,13,9,0) 97%),linear-gradient(95deg,rgba(16,13,9,.78),rgba(16,13,9,.51) 44%,rgba(16,13,9,.06) 82%)}
.sltx,.ptx{position:absolute;inset:0;display:flex;align-items:flex-end;z-index:3;overflow:hidden}
.hero .sltx,.phero .ptx{padding-top:calc(var(--hdh,88px) + 20px);padding-bottom:clamp(162px,15vw,272px)}
.slbox,.ptx>div{max-width:min(94%,1500px)}
.sl h1,.sl h2.hx,.phero h1{font-size:clamp(2.5rem,4.7vw,4.5rem);line-height:1.0;color:var(--paper);margin-top:20px;min-height:2em;display:flex;align-items:flex-end}
.slede{min-height:2.9em;max-width:44ch}
.cred{position:absolute;left:34px;bottom:14px;z-index:7;font-family:var(--caps);font-size:.6rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(241,238,222,.42)}
.phero{position:relative;height:clamp(700px,90vh,1000px);overflow:hidden;background:var(--dark)}
.phero>.ph{position:absolute;inset:0}

/* the light block pushing a column and a flower up over the photograph */
.hflower{right:min(24vw,320px);bottom:40px;width:min(26vw,360px);z-index:4;
 transform:translateY(34%) rotate(-14deg);transition:transform 1.9s cubic-bezier(.2,.75,.25,1)}
.hflower svg{width:100%;height:auto;display:block}
.crestwrap.in .hflower{transform:rotate(-6deg)}
.crestwrap{position:absolute;inset:0;pointer-events:none;z-index:3}
@media(max-width:820px){.hcol,.hflower{display:none}.slbox,.ptx>div{max-width:100%}.slede{min-height:0}}

.sec{position:relative;padding:88px 0}.sec.pt0{padding-top:78px}.sec.ptop{padding-top:72px}
.metabar{position:relative}
.meta>div{opacity:0;transform:translateY(14px);
 transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.3,1)}
.metabar.lit .meta>div{opacity:1;transform:none}
.metabar.lit .meta>div:nth-child(2){transition-delay:.14s}
.metabar.lit .meta>div:nth-child(3){transition-delay:.28s}
.metabar.lit .meta>div:nth-child(4){transition-delay:.42s}
.meta{display:flex;justify-content:center;gap:clamp(38px,6vw,88px);flex-wrap:wrap;padding-top:26px;padding-bottom:76px;text-align:center}
.meta b{display:block;font-family:var(--display);font-weight:600;font-size:2.7rem;line-height:1}
.meta .eyebrow{margin-top:6px}

.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.cd{padding:32px 26px 40px;border-right:1px solid var(--rule);text-decoration:none;color:inherit;transition:background .4s;display:block}
.cd:last-child{border-right:0}
.cd:hover{background:var(--lift)}
.cd .ph{aspect-ratio:4/3;height:auto}
.cdorn{height:158px;display:flex;align-items:center;justify-content:center;color:var(--ink);margin-bottom:8px}
.cdi{display:block;height:100%;width:auto;max-width:100%;background:var(--ink);opacity:.9;margin:0 auto}
.cdi1{aspect-ratio:470/379;-webkit-mask:var(--a9) center/contain no-repeat;mask:var(--a9) center/contain no-repeat}
.cdi2{aspect-ratio:330/522;-webkit-mask:var(--a10) center/contain no-repeat;mask:var(--a10) center/contain no-repeat}
.cdi3{aspect-ratio:470/328;-webkit-mask:var(--a11) center/contain no-repeat;mask:var(--a11) center/contain no-repeat}
.cd h3{font-size:2.4rem;margin-top:22px;line-height:1.12}
.cd p{color:var(--muted);margin:14px 0 0;font-size:1.22rem;line-height:1.5}
.cd .m{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:13px 22px;
 border:1px solid var(--ink);font-family:var(--caps);font-size:.82rem;letter-spacing:.16em;
 text-transform:uppercase;color:var(--ink);transition:background .32s ease,color .08s ease}
.cd:hover .m{background:var(--ink);color:var(--paper)}
@media(max-width:900px){.cards{grid-template-columns:1fr}.cd{border-right:0;border-bottom:1px solid var(--rule)}}

.two{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.ornbig{color:var(--ink);opacity:.42}

.ornbig{position:relative}
.obi.obi-scene{aspect-ratio:600/484;-webkit-mask:var(--scz) center/contain no-repeat;mask:var(--scz) center/contain no-repeat}
.obi{display:block;width:100%;aspect-ratio:900/377;background:var(--ink);-webkit-mask:var(--a12) center/contain no-repeat;mask:var(--a12) center/contain no-repeat}
.obi.obi-geo{-webkit-mask:var(--a13) center/contain no-repeat;mask:var(--a13) center/contain no-repeat;aspect-ratio:1.58}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:40px}.ornbig{max-width:320px}}

.zub{height:66px;opacity:.5;background:url("data:image/svg+xml;utf8,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2027%2052%22%20fill=%22none%22%20stroke=%22%230E0C08%22%20stroke-width=%221.6%22%3E%0A%3Cpath%20d=%22M0%203.5%20H27%22/%3E%0A%3Cpath%20d=%22M0.8%209%20H17.2%20V39%20H0.8%20Z%22/%3E%0A%3Cpath%20d=%22M0%2045%20H27%22/%3E%0A%3C/svg%3E%0A") repeat-x left center;background-size:auto 66px;border-block:1px solid var(--rule)}


/* the ring straddles the top edge of the dark block */
/* one large engraving behind the dark block */
.opile{position:absolute;right:-70px;bottom:-30px;width:min(58vw,820px);aspect-ratio:2.39;pointer-events:none;z-index:1}
.pcbig{display:block;width:100%;height:100%;background:var(--paper);opacity:.16;-webkit-mask:var(--a14) center/contain no-repeat;mask:var(--a14) center/contain no-repeat}
@media(max-width:1100px){.opile{display:none}}
.mband{width:100%;background:var(--ink);margin:38px 0 30px}
.mside{position:absolute;right:26px;top:120px;width:clamp(54px,5vw,84px);height:min(62%,520px);background:var(--ink);opacity:.34;pointer-events:none;-webkit-mask:var(--a15) center/contain no-repeat;mask:var(--a15) center/contain no-repeat}
.mside2{position:absolute;right:26px;top:calc(120px + min(62%,520px) + 56px);bottom:56px;width:clamp(54px,5vw,84px);background:var(--ink);opacity:.28;pointer-events:none;-webkit-mask:var(--a8) center/contain no-repeat;mask:var(--a8) center/contain no-repeat}
@media(max-width:1100px){.mside,.mside2{display:none}}
.reva{padding:44px 0 34px;overflow:hidden}
.reva .vine{height:clamp(74px,7vw,116px);background:var(--ink);opacity:.8;-webkit-mask:var(--a16) left center/auto 100% repeat-x;mask:var(--a16) left center/auto 100% repeat-x}


.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink)}
.st{padding:38px 26px 44px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.st:nth-child(3n){border-right:0}
.st .num{font-family:var(--display);font-weight:600;font-size:4rem;line-height:1}
.st h3{font-family:var(--caps);font-size:1.42rem;letter-spacing:.1em;text-transform:uppercase;margin-top:16px}
.st p{color:var(--muted);margin:10px 0 0;font-size:1.02rem}
@media(max-width:900px){.steps{grid-template-columns:1fr}.st{border-right:0}}

.prow{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding:26px 0;border-bottom:1px solid var(--rule)}
.prow .t{font-size:1.45rem}
.prow .s{display:block;font-size:.96rem;color:var(--muted);margin-top:4px}
.prow .n{font-family:var(--display);font-weight:600;font-size:2.5rem;white-space:nowrap}

.mets{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}
.met{padding:30px 28px 34px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.met:nth-child(2n){border-right:0}
.mtop{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.met b{font-family:var(--display);font-weight:600;font-size:1.85rem}
.badge{font-family:var(--caps);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--rule);padding:4px 10px;color:var(--muted)}
.mu{margin:12px 0 0;color:var(--muted);font-size:1.02rem}
.mc{margin:8px 0 0;font-size:.95rem;color:var(--faint)}
.mp{display:block;margin-top:16px;font-family:var(--display);font-weight:600;font-size:1.3rem}
@media(max-width:820px){.mets{grid-template-columns:1fr}.met{border-right:0}}

.cta{position:relative;overflow:hidden;background:var(--dark);color:var(--paper);padding:150px 0 120px}
.cta h2{margin-top:18px;max-width:17ch;color:var(--paper)}
.cta .lede{color:#CFC2A5;margin-top:18px;font-size:1.12rem;max-width:48ch}
.cta .eyebrow{color:#A6987C}
.cta .wrap{position:relative;z-index:2}
footer{background:var(--dark);color:#9C907A;padding:38px 0;font-size:.95rem}
.fr{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.edge{position:absolute;left:18px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;
 font-family:var(--caps);font-size:.72rem;letter-spacing:.34em;text-transform:uppercase;color:var(--faint);white-space:nowrap;pointer-events:none;z-index:5}
@media(max-width:1300px){.edge{display:none}}



/* ---------- mobile fixes ---------- */
@media(max-width:1040px){
 /* hero: ornament lower, button clear, more photo */
 .vedge{height:clamp(96px,22vw,170px)}
 .vfill{height:clamp(40px,9vw,70px)}
 .vband{bottom:clamp(14px,3.4vw,26px);height:clamp(62px,15vw,116px)}
 .hero .sltx,.phero .ptx{padding-top:calc(var(--hdh,88px) + 20px);padding-bottom:clamp(162px,15vw,272px)}
 .sl .row-cta,.phero .row-cta{margin-top:22px}

 /* menu */
 .mnav{padding:26px 22px 40px;justify-content:flex-start}
 .mnav .mtop{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
 .mnav .mlogo{width:92px;aspect-ratio:2.559;background:var(--ink);
  -webkit-mask:var(--logo-mask);mask:var(--logo-mask)}
 .mclose{width:44px;height:44px;background:none;border:0;position:relative;cursor:pointer}
 .mclose::before,.mclose::after{content:"";position:absolute;left:10px;top:21px;width:24px;height:1.5px;background:var(--ink)}
 .mclose::before{transform:rotate(45deg)}.mclose::after{transform:rotate(-45deg)}
 .mnav nav a{font-size:clamp(1.7rem,7.4vw,2.3rem);padding:13px 0}
 .mtel{margin-top:26px;font-size:1.45rem}
 .mnav>.btn{margin-top:18px}

 /* numbers: real grid, room to breathe */
 .reva{padding:26px 0 30px}
 .meta{display:grid;grid-template-columns:1fr 1fr;gap:26px 18px;
  padding-top:22px;padding-bottom:62px;justify-items:center}
 .meta>div{min-width:0}
 .meta b{font-size:1.9rem}
 .meta .eyebrow{font-size:.62rem;letter-spacing:.2em}

 /* the engraving reaches in from the side of the dark block */
  .opile{display:block;right:-42%;bottom:-34px;width:86vw;aspect-ratio:2.39}
 .pcbig{opacity:.13}
  .cta{padding:64px 0 236px}
 .two .ornbig{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-top:26px}
 .two .ornbig .obi{width:100%}
}
@media(max-width:520px){
 .meta{gap:22px 12px}
 .mnav nav a{font-size:clamp(1.55rem,7.6vw,2rem);padding:11px 0}
}
/* ---------- mobile ---------- */
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;
 background:none;border:0;cursor:pointer;margin-left:auto;padding:0}
.burger i{display:block;height:1.5px;background:var(--ink);transition:transform .4s,opacity .3s}
.burger i:nth-child(1){width:26px}.burger i:nth-child(2){width:20px}.burger i:nth-child(3){width:26px}
.burger.on i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.on i:nth-child(2){opacity:0}
.burger.on i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);width:26px}
.mnav{position:fixed;inset:0;z-index:70;background:var(--paper);display:none;flex-direction:column;
 justify-content:center;padding:96px 26px 44px;transform:translateY(-102%);
 transition:transform .6s cubic-bezier(.72,0,.18,1);overflow-y:auto;-webkit-overflow-scrolling:touch}
.mnav.on{transform:none}
.mnav nav{display:flex;flex-direction:column;gap:2px}
.mnav nav a{font-family:var(--display);font-weight:600;font-size:clamp(1.9rem,8vw,2.6rem);
 color:var(--ink);text-decoration:none;padding:11px 0;border-bottom:1px solid var(--rule);
 opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.3,1)}
.mnav.on nav a{opacity:1;transform:none}
.mnav nav a:nth-child(1){transition-delay:.10s}.mnav nav a:nth-child(2){transition-delay:.16s}
.mnav nav a:nth-child(3){transition-delay:.22s}.mnav nav a:nth-child(4){transition-delay:.28s}
.mnav nav a:nth-child(5){transition-delay:.34s}.mnav nav a:nth-child(6){transition-delay:.40s}
.mnav nav a:nth-child(7){transition-delay:.46s}
.mtel{display:block;margin-top:30px;font-family:var(--display);font-weight:600;font-size:1.6rem;
 color:var(--ink);text-decoration:none;opacity:0;transition:opacity .5s ease .52s}
.mnav.on .mtel{opacity:1}
.mnav>.btn{margin-top:22px;align-self:flex-start;opacity:0;transition:opacity .5s ease .58s}
.mnav.on>.btn{opacity:1}
body.locked{overflow:hidden}
@media(max-width:1040px){
 .burger{display:flex}.mnav{display:flex}
 .hdin{padding:10px 18px;gap:14px}
 .mk{padding-top:14px}.mkimg{width:96px}.mksprig{width:104px;left:2px;top:-2px}
 .mk small{font-size:.5rem;letter-spacing:.24em}
 .hdend{display:none}
 .wrap{padding:0 20px}
 .hero{height:clamp(520px,82svh,760px)}
 .phero{height:clamp(460px,72svh,680px)}
 .hero .sltx,.phero .ptx{padding-top:calc(var(--hdh,88px) + 20px);padding-bottom:clamp(162px,15vw,272px)}
 .sl h1,.sl h2.hx,.phero h1{display:block;font-size:clamp(2.1rem,8.4vw,3rem);min-height:0}
 .lede{font-size:1.3rem;line-height:1.5}.slede{min-height:0}
 h2{font-size:clamp(2.4rem,10vw,3.4rem)}
 .vedge{position:absolute;left:0;right:0;bottom:-1px;height:230px;z-index:4;pointer-events:none}
 .sec{padding:56px 0}.sec.pt0{padding-top:50px}.sec.ptop{padding-top:44px}
 .sechead{margin-bottom:30px}
 .cd{padding:22px 18px 28px}.cd h3{font-size:1.7rem}.cd p{font-size:1.05rem}
 .st{padding:26px 18px 30px}.st .num{font-size:2.6rem}
 .prow{flex-direction:column;align-items:flex-start;gap:6px;padding:18px 0}
 .prow .n{font-size:1.7rem}
 .cta{padding:70px 0 96px}.cta h2{max-width:none}
 footer{padding:28px 0}.fr{flex-direction:column;gap:8px;font-size:.86rem}
 .row-cta{gap:20px;margin-top:26px}
 .btn{padding:15px 24px;font-size:.78rem}
 .reva{padding:22px 0 2px}
 .meta{gap:26px 34px;padding-bottom:30px}.meta b{font-size:2rem}
 .cred{left:18px;bottom:10px}.wmark{right:16px;top:16px;width:50px}
 .vrise{position:absolute;pointer-events:none;right:14px;bottom:150px;width:clamp(64px,6vw,96px);height:clamp(320px,42%,600px);z-index:5;background:var(--paper);-webkit-mask:var(--a8) center/contain no-repeat;mask:var(--a8) center/contain no-repeat;transform:translateY(34px);transition:transform 1.5s cubic-bezier(.2,.75,.25,1) .3s}
}
@media(max-width:520px){
 .meta{gap:20px 26px}.meta>div{min-width:38%}
 .cd .ph{aspect-ratio:16/11}
 .mets{grid-template-columns:1fr}
}
/* engravings reveal as if the line were being drawn */
.js .dw{clip-path:inset(0 100% 0 0)}
.js .dw.in,.js .in .dw{animation:wipeR 3.4s cubic-bezier(.32,.72,.22,1) forwards}
.js .dwv{clip-path:inset(100% 0 0 0)}
.js .dwv.in,.js .in .dwv{animation:wipeU 3.8s cubic-bezier(.32,.72,.22,1) forwards}
@keyframes wipeR{to{clip-path:inset(0 0 0 0)}}
@keyframes wipeU{to{clip-path:inset(0 0 0 0)}}
.js .dw2{opacity:0;transform:translateY(16px)}
.js .dw2.in,.js .in .dw2{animation:fadeUp 2.4s ease forwards}
@keyframes fadeUp{to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.js .dw,.js .dwv,.js .dw2{clip-path:none;opacity:1;transform:none;animation:none}}
@media(max-width:900px){.js .dw,.js .dwv,.js .dw2{clip-path:none!important;animation:none!important}
 .hd{will-change:auto}
 /* fotka herobloku: bez pomalého zoomu, vlastní kompozitní vrstva → scroll nepřekresluje */
 .sl>.ph{transform:translateZ(0);transition:none;will-change:auto;backface-visibility:hidden}
 .sl.on>.ph{transform:translateZ(0)}
 .ph,.vband,.pcbig,.cdi,.obi{transform:translateZ(0)}}
/* video z realizace — pod číselným pruhem */
.vidsec{position:relative;overflow:hidden;background:var(--dark)}
.vidsec video,.vidsec .vposter{position:absolute;inset:0;width:100%;height:100%;
 object-fit:cover;object-position:center 34%;display:block}
.vidbox{position:relative;height:clamp(360px,44vw,640px)}
.vidbox::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(180deg,rgba(16,13,9,.30) 0%,rgba(16,13,9,.15) 30%,
 rgba(16,13,9,.36) 68%,rgba(16,13,9,.74) 100%)}
.vidcap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 0 clamp(24px,3vw,42px)}
.vidcap .wrap{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.vidcap b{display:block;font-family:var(--display);font-weight:600;color:var(--paper);
 text-shadow:0 2px 18px rgba(16,13,9,.6);
 font-size:clamp(1.5rem,2.5vw,2.35rem);line-height:1.14;max-width:20ch}
.vidcap .eyebrow{color:#CFC2A5;display:block;margin-bottom:10px}
.vidcap p{margin:0;color:#D8CDB4;font-size:.95rem;line-height:1.5;max-width:34ch;
 text-shadow:0 1px 12px rgba(16,13,9,.7)}
@media(max-width:820px){.vidcap .wrap{flex-direction:column;align-items:flex-start;gap:10px}
 .vidcap p{max-width:100%;font-size:.88rem}}
@media(max-width:560px){.vidcap p{font-size:.82rem;line-height:1.45}
 .vidcap .eyebrow{margin-bottom:7px}}
/* před → po: celoobrazovkový blok řízený scrollem */
.ba{position:relative;height:255vh;background:var(--dark)}
.ba-stage{position:sticky;top:0;height:100dvh;overflow:hidden;background:var(--dark)}
.ba-vid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 object-position:center 34%;display:block}
.ba-stage::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;
 background:linear-gradient(180deg,rgba(16,13,9,.34) 0%,rgba(16,13,9,.12) 28%,
 rgba(16,13,9,.34) 66%,rgba(16,13,9,.76) 100%)}
/* triptych „před" leží nad videem a odjíždí do strany */
.ba-tryp{position:absolute;inset:0;z-index:2;display:flex}
.bap{position:relative;flex:1;min-width:0;overflow:hidden;margin:0;
 will-change:transform;backface-visibility:hidden}
.bap picture{display:block;width:100%;height:100%}
.bap img{width:100%;height:100%;object-fit:cover;display:block}
.bap::after{content:"";position:absolute;inset:0;background:rgba(16,13,9,.30)}
.bap1{transform:translate3d(calc(var(--o1,0) * -105vw),0,0)}
.bap2{transform:translate3d(calc(var(--o2,0) * -105vw),0,0)}
.bap3{transform:translate3d(calc(var(--o3,0) * 105vw),0,0)}
.bap1 img{object-position:50% 42%}
.bap2 img{object-position:50% 38%}
.bap3 img{object-position:56% 46%}
/* popisky — stejná typografie před i po, jen se prolnou */
.ba-cap{position:absolute;left:0;right:0;bottom:0;z-index:4;
 padding:0 0 clamp(30px,4.4vw,66px);pointer-events:none}
.ba-cap .eyebrow{display:block;color:#CFC2A5;margin-bottom:12px}
.ba-cap b{display:block;font-family:var(--display);font-weight:600;color:var(--paper);
 font-size:clamp(2rem,4.6vw,4.1rem);line-height:1.06;max-width:16ch;
 text-shadow:0 2px 26px rgba(16,13,9,.62)}
.ba-cap p{margin:14px 0 0;color:#D8CDB4;font-size:clamp(.9rem,1.1vw,1.05rem);
 line-height:1.5;max-width:40ch;text-shadow:0 1px 14px rgba(16,13,9,.7)}
.ba-a{opacity:var(--ta,1);transform:translate3d(0,calc((1 - var(--ta,1)) * -20px),0)}
.ba-b{opacity:var(--tb,0);transform:translate3d(0,calc((1 - var(--tb,0)) * 20px),0)}
/* postup scrollu jako tenká linka */
.ba-prog{position:absolute;left:0;bottom:0;height:2px;z-index:5;background:var(--paper);
 opacity:.5;width:calc(var(--p,0) * 100%)}
@media(max-width:900px){
 /* dole sedí volací lišta — popisek jí musí uhnout */
 .ba-cap{padding-bottom:calc(56px + 38px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:820px){
 .ba{height:235vh}
 .ba-stage{top:var(--hdh,72px);height:calc(100dvh - var(--hdh,72px))}
 /* na telefonu tři pásy pod sebou — svislé sloupce by byly moc úzké */
 .ba-tryp{flex-direction:column}
 .ba-cap b{max-width:13ch}
 .ba-cap p{max-width:100%;font-size:.86rem}
}
@media(prefers-reduced-motion:reduce){
 .ba{height:auto}.ba-stage{position:relative;height:auto}
 .ba-tryp{position:relative;height:52vh}
 .bap1,.bap2,.bap3{transform:none}
 .ba-a,.ba-b{position:relative;opacity:1;padding:22px 0}
 .ba-vid{position:relative;height:52vh}
}
/* řez stěnou — skladba ETICS */
.wsec{margin:44px 0 6px}
.wsec-cap{display:flex;align-items:center;gap:20px;margin-bottom:16px}
.wsec-cap::after{content:"";flex:1;height:1px;background:var(--rule)}
.wsec-svg{display:block;width:100%;height:auto}
.wsec-v{display:none}
.wsec-leg{display:grid;grid-template-columns:repeat(5,1fr);margin-top:24px;
 border-top:1px solid var(--rule)}
.wl{padding:16px 22px 18px 0;display:flex;flex-direction:column;gap:6px}
.wl-n{font-family:var(--display);font-weight:600;font-size:.82rem;letter-spacing:.16em;color:var(--faint)}
.wl b{font-family:var(--display);font-weight:600;font-size:1.16rem;line-height:1.2}
.wl-d{font-size:.88rem;line-height:1.55;color:var(--muted)}
.wsec-note{margin-top:16px;font-size:.84rem;line-height:1.55;color:var(--faint);max-width:64ch}
@media(max-width:1040px){.wsec-leg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){
 /* na telefonu řez na výšku — jinak by se musel obrázek táhnout do strany */
 .wsec-h{display:none}.wsec-v{display:block;max-width:320px;margin:0 auto}
 .wsec-leg{grid-template-columns:1fr;margin-top:20px}
 .wl{padding:14px 0 15px}
 .wl+.wl{border-top:1px solid var(--rule)}
}
/* blog */
.blist2{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--ink)}
.bl{padding:30px 26px 34px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);
 text-decoration:none;color:inherit;transition:background .4s;display:block}
.bl:nth-child(2n){border-right:0}
.bl:hover{background:var(--lift)}
.bl h3{font-size:1.72rem;line-height:1.16;margin-top:10px}
.bl p{color:var(--muted);margin:12px 0 0;font-size:1.06rem}
.bl .m{font-family:var(--caps);font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;
 color:var(--faint);margin-top:16px;display:block}
.bl:hover .m{color:var(--ink)}
@media(max-width:820px){.blist2{grid-template-columns:1fr}.bl{border-right:0}}
/* article */
.art{max-width:74ch}
.arth{font-size:clamp(2.3rem,4.6vw,3.6rem);line-height:1.05;margin-top:14px}
.art h2{font-size:clamp(1.7rem,2.8vw,2.3rem);margin-top:52px;max-width:26ch}
.art p{margin:16px 0 0;font-size:1.1rem;line-height:1.68;color:var(--muted)}
.art .lede{color:var(--muted);font-size:1.42rem;line-height:1.5;max-width:none}
.tldr{margin-top:36px;padding:26px 28px;background:var(--lift)}
.tldr b{font-family:var(--caps);font-size:.86rem;letter-spacing:.16em;text-transform:uppercase}
.tldr .blist{margin-top:12px}
.tbl{margin-top:22px;overflow-x:auto}
.art table{border-collapse:collapse;width:100%;font-size:1.02rem}
.art th,.art td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--rule)}
.art th{font-family:var(--caps);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.art td:first-child{color:var(--ink);width:30%}
.two2{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:22px}
.two2 b{display:block;margin-bottom:6px;font-size:1.02rem}
.bad{color:#8B4224}.good{color:#4A5A3A}
@media(max-width:760px){.two2{grid-template-columns:1fr;gap:22px}}
.artcta{margin-top:52px;padding:30px 30px 34px;border:1px solid var(--ink)}
.artcta b{font-family:var(--display);font-weight:600;font-size:1.6rem;display:block}
.artcta p{margin-top:8px}
.faq>div{padding:20px 0;border-bottom:1px solid var(--rule)}
.faq b{font-size:1.1rem}
.author{display:flex;gap:18px;align-items:center;margin-top:52px;padding-top:26px;border-top:1px solid var(--ink)}
.author .ava{width:64px;height:64px;flex:0 0 64px;background:var(--rule);border-radius:50%}
.author b{display:block;font-family:var(--display);font-weight:600;font-size:1.2rem}
.author span{color:var(--faint);font-size:.96rem}
.artcta.mid{margin:44px 0 8px}
.trust{display:block;margin-top:16px;font-family:var(--caps);font-size:.8rem;letter-spacing:.1em;
 text-transform:uppercase;color:var(--faint)}
.ilink{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--rule)}
.ilink:hover{border-bottom-color:var(--ink)}
/* mobile call bar — the phone is one thumb away in every article */
.callbar{transform:translateZ(0);contain:layout paint;position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;
 background:var(--dark);border-top:1px solid rgba(241,238,222,.2)}
.callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:9px;padding:15px 8px;
 font-family:var(--caps);font-size:.86rem;letter-spacing:.14em;text-transform:uppercase;
 color:var(--paper);text-decoration:none}
.callbar a+a{border-left:1px solid rgba(241,238,222,.2)}
.callbar b{font-family:var(--display);font-weight:600;letter-spacing:0;font-size:1rem}
@media(max-width:900px){.callbar{display:flex}body{padding-bottom:54px}}
/* poptávkový formulář — tři pole, nic navíc */
.frm{margin-top:34px;max-width:940px}
.frow{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.frm label{display:block}
.frm .eyebrow{color:#A6987C;margin-bottom:8px}
.frm .eyebrow i{font-style:normal;opacity:.65}
.frm input{width:100%;background:none;border:0;border-bottom:1px solid rgba(241,238,222,.34);
 color:var(--paper);font-family:var(--body);font-size:1.08rem;padding:9px 0 11px;outline:none;
 transition:border-color .3s}
.frm input::placeholder{color:rgba(241,238,222,.32)}
.frm input:focus{border-bottom-color:var(--paper)}
.frm input:focus-visible{outline:none}
.frm label.wide{margin-top:26px;display:block}
.fsend{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}
.fnote{font-size:.9rem;line-height:1.5;color:#A6987C;max-width:44ch}
.fcall{margin-top:26px;color:#CFC2A5;position:relative;z-index:2}
@media(max-width:820px){.frow{grid-template-columns:1fr;gap:22px}.fsend{gap:18px}}

/* ---------- iOS: pevná hlavička, bezpečná zóna, dvh ---------- */
@supports (height:100dvh){
 .hero{height:clamp(660px,88dvh,920px)}
 .phero{height:clamp(700px,90dvh,1000px)}
 .mnav{height:100dvh}
}
@media(max-width:1040px){
 /* hlavička nesmí být sticky — na iOS pod ní probleskuje obsah */
 .hd{position:fixed;top:0;left:0;right:0;background:var(--paper);
  padding-top:env(safe-area-inset-top,0px)}
 body{padding-top:var(--hdh,72px)}
 .hero,.phero{margin-top:calc(-1 * var(--hdh,72px))}
 .hero .sltx,.phero .ptx{padding-top:var(--hdh,72px)}

 /* menu: přes celou výšku, vlastní scroll, nad hlavičkou */
 .mnav{z-index:80;height:100dvh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;justify-content:flex-start;
  padding:calc(env(safe-area-inset-top,0px) + 14px) 22px calc(env(safe-area-inset-bottom,0px) + 26px)}
 .mnav .mtop{margin-bottom:14px}
 .mnav nav{gap:0}
 .mnav nav a{font-size:clamp(1.45rem,6.4vw,1.95rem);padding:10px 0}
 .mtel{margin-top:18px;font-size:1.3rem}
 .mnav>.btn{margin-top:14px}
 .burger{position:relative;z-index:1}
 body.locked{position:fixed;width:100%;overflow:hidden}
}
@media(max-width:1040px) and (max-height:700px){
 .mnav nav a{font-size:1.28rem;padding:7px 0}
 .mtel{margin-top:12px;font-size:1.15rem}
}
.callbar{padding-bottom:env(safe-area-inset-bottom,0px)}
.thx{position:fixed;inset:0;z-index:95;display:none;align-items:center;justify-content:center;
 padding:24px;background:rgba(20,16,11,.62)}
.thx.on{display:flex}
.thxbox{background:var(--paper);max-width:520px;width:100%;padding:44px 40px 40px;text-align:center;
 animation:thxin .5s cubic-bezier(.2,.8,.3,1)}
@keyframes thxin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.thxorn{display:block;width:100%;height:58px;background:var(--ink);opacity:.6;margin-bottom:22px;
 -webkit-mask:var(--ornband) left center/auto 100% repeat-x;mask:var(--ornband) left center/auto 100% repeat-x}
.thxbox h3{font-size:clamp(1.9rem,3.6vw,2.5rem);line-height:1.1}
.thxbox p{color:var(--muted);margin:16px 0 0;font-size:1.08rem;line-height:1.55}
.thxtel{font-size:1rem!important}
.thxbox .btn{margin-top:26px}
.scwrap{position:absolute;right:2%;top:20px;width:min(38vw,460px);pointer-events:none;z-index:0}
.scimg{display:block;width:100%;aspect-ratio:600/418;background:var(--ink);opacity:.5;
 -webkit-mask:var(--scc) center/contain no-repeat;mask:var(--scc) center/contain no-repeat}
@media(max-width:1000px){.scwrap{position:static;width:100%;margin:0 0 22px}.scimg{opacity:.6}}
/* hero: text vlevo, tlačítko vpravo naproti podnadpisu */
.slbox,.ptx>div{display:grid;grid-template-columns:minmax(0,min(63%,900px)) 1fr;
 column-gap:clamp(22px,2.6vw,48px);align-items:end}
.slbox>.eyebrow,.ptx>div>.eyebrow{grid-column:1;grid-row:1}
.slbox>h1,.slbox>h2.hx,.ptx>div>h1{grid-column:1;grid-row:2}
.slbox>.lede,.ptx>div>.lede{grid-column:1;grid-row:3}
.slbox>.row-cta,.ptx>div>.row-cta{grid-column:2;grid-row:2 / 4;align-self:center;justify-self:start;
 margin-top:clamp(120px,12.5vw,215px);flex-direction:row;align-items:center;gap:clamp(18px,2.2vw,34px)}
.slbox>.row-cta{margin-left:clamp(-58px,-2.9vw,-16px)}
.ptx>div>.row-cta{margin-left:clamp(10px,1.2vw,24px)}
/* světlé plné tlačítko na fotografii */
.btn.lt{background:transparent;color:var(--paper);border:2px solid rgba(241,238,222,.95);-webkit-text-stroke:.5px currentColor}
.btn.lt:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
@media(max-width:900px){
 .slbox,.ptx>div{display:block}
 .slbox>.row-cta,.ptx>div>.row-cta{margin-top:24px;margin-left:0;flex-direction:row;align-items:center;gap:22px}
}
.rv{opacity:0;transform:translateY(28px);transition:opacity .95s cubic-bezier(.2,.7,.3,1),transform .95s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}
.ovl{position:fixed;inset:0;z-index:90;background:var(--paper);transform:scaleY(0);transform-origin:bottom;
 transition:transform .62s cubic-bezier(.75,0,.2,1);pointer-events:none;display:flex;align-items:center;justify-content:center}
.ovl.on{transform:scaleY(1)}
.ovl .mark{width:180px;color:var(--ink);opacity:0;transition:opacity .35s}
.ovl.on .mark{opacity:.5}
.ovl .mark svg{width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.rv,.crest,.hcol,.hflower,.ovl,.sl>.ph{transition:none}.rv{opacity:1;transform:none}
 .crest,.hcol{transform:none}.hflower{transform:rotate(-6deg)}}



/* reference — proměnlivý rytmus: dvě, tři, jedna přes šířku */
.obj{margin:0 0 clamp(48px,5.5vw,84px)}
.obj>h2{font-size:clamp(1.8rem,3.2vw,2.8rem);max-width:24ch;margin:0}
.obj-meta{display:flex;gap:8px 22px;flex-wrap:wrap;margin:14px 0 24px;
 padding-top:13px;border-top:1px solid var(--rule)}
.obj-meta span{font-size:.86rem;color:var(--muted)}
.obj-meta b{font-family:var(--display);font-weight:600;color:var(--ink)}
.gr{display:grid;gap:clamp(9px,1.2vw,16px)}
.gr-1{grid-template-columns:1fr}
.gr-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gr-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.gr figure{margin:0;min-width:0;overflow:hidden}
.gr picture{display:block}
.gr img{width:100%;height:100%;display:block;object-fit:cover;background:var(--hover)}
.gr-1 img{aspect-ratio:21/8}
.gr-2 img,.gr-3 img{aspect-ratio:3/2}
.gr-cap{margin:10px 0 clamp(22px,2.6vw,34px);font-size:.84rem;color:var(--muted)}
.gr-cap b{font-family:var(--caps);font-size:.7rem;letter-spacing:.18em;
 text-transform:uppercase;color:var(--ink)}
@media(max-width:820px){
 .gr-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gr-1 img{aspect-ratio:4/3}
}
@media(max-width:520px){.gr-2,.gr-3{grid-template-columns:1fr}}

/* fotka z našich staveb uvnitř článku */
.artfig{margin:clamp(26px,3.2vw,44px) 0}
.artfig picture{display:block}
.artfig img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;background:var(--hover)}
.artfig figcaption{margin-top:10px;font-size:.85rem;line-height:1.5;color:var(--muted)}

.nlist{list-style:none;padding:0;margin:12px 0 0;counter-reset:nl}
.nlist li{counter-increment:nl;padding:16px 0 16px 38px;border-bottom:1px solid var(--rule);position:relative;font-size:1.05rem}
.nlist li::before{content:counter(nl);position:absolute;left:0;top:15px;font-family:var(--mono,inherit);font-size:.8rem;letter-spacing:.06em;color:var(--ink);opacity:.55}

/* 02.09.2026: hero 316 KB JPEG був LCP-елементом на мобільному (8,1 с). Мобільний WebP 84 KB, десктопний 264 KB. */
@media (min-width:900px){:root{--im1:url(/foto/hero-historicke.webp)}}