/* Replika „One United Nations Park" — byty. Tištěný inzerát: bílý papír,
   velká fotka + dvojice fotek s úzkou spárou, dole dva sloupce — obří tučný
   grotesk po slově na řádek vlevo, tučný podtitul a drobné kontakty vpravo. */
@font-face{font-family:"UN Grotesk";src:url(fonts/InterTightBold-latin-ext.woff2)format('woff2');font-weight:400 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:"UN Grotesk";src:url(fonts/InterTightBold-latin.woff2)format('woff2');font-weight:400 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}

.r-unpark{--bg:#fff;--ink:#111;--txt:#262626;--grey:#7a7a7a;--line:rgba(17,17,17,.14);
  --display:"UN Grotesk","Helvetica Neue",Arial,sans-serif;--body:"UN Grotesk","Helvetica Neue",Arial,sans-serif;
  --pad:clamp(16px,4.6vw,76px);--spara:clamp(10px,1.9vw,26px);--max:1240px;
  background:#fff;color:var(--ink);font-family:var(--body);font-weight:400;letter-spacing:-.006em}

/* --------------------------------------------------------------- lišta */
.un-nav{position:absolute;inset:0 0 auto;z-index:20;background:#fff}
.un-nav__in{max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding:0 var(--pad);height:74px;display:flex;align-items:center;gap:clamp(16px,2.4vw,34px)}
.un-znacka{display:flex;align-items:center;gap:12px;margin-right:auto;min-width:0;text-decoration:none;font:700 15px/1.1 var(--display);letter-spacing:-.02em}
.un-znacka>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.un-nav__lg{padding:0;background:none;border-radius:0}.un-nav__lg img{height:28px;max-width:120px}
.un-links{display:flex;gap:clamp(16px,2.2vw,30px);font:600 14px/1 var(--display);white-space:nowrap}
.un-links a{text-decoration:none}.un-links a:hover{text-decoration:underline;text-underline-offset:4px}
.un-nav__cena{font:700 14px/1 var(--display);white-space:nowrap}
.un-nav__cta{background:var(--ink);color:#fff;text-decoration:none;font:700 13px/1 var(--display);padding:12px 16px;white-space:nowrap}
.un-nav__cta:hover{background:var(--accent)}
.un-kratce{display:none}
.un-nav.plna{position:fixed;inset:0 0 auto;box-shadow:0 1px 0 var(--line);animation:unDolu .5s var(--ease) both}
.un-nav.plna .un-nav__in{height:62px}
@keyframes unDolu{from{transform:translateY(-100%)}to{transform:none}}

/* --------------------------------------------------------------- inzerát (hero) */
.un-ad,.un-sekce,.un-zbytek>section{max-width:calc(var(--max) + 2 * var(--pad));margin:0 auto;padding-inline:var(--pad)}
.un-ad{position:relative;display:grid;gap:var(--spara);padding-top:calc(74px + clamp(4px,1vw,14px))}
/* drobný svislý text na okraji jako právní poznámka v předloze */
.un-okraj{position:absolute;left:calc(var(--pad) * .5 - 14px);top:calc(74px + clamp(4px,1vw,14px));height:min(620px,70%);max-width:34px;overflow:hidden;
  writing-mode:vertical-rl;font:400 8.5px/1.4 var(--body);letter-spacing:0;color:#8d8d8d;overflow-wrap:anywhere}
.un-f1{position:relative;aspect-ratio:1.39;max-height:calc(100svh - 74px - clamp(90px,14svh,150px));min-height:260px;width:100%;overflow:hidden;background:#eceae6}
.un-f1 .ph{height:100%}
.un-f1__b img{animation:unOdhal 1.4s var(--ease) both}
@keyframes unOdhal{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:none}}
.un-f1--vyska{background:#1c1a17 var(--hero) center/cover}
.un-f1--vyska::before{content:"";position:absolute;inset:-30px;background:inherit;filter:blur(40px) brightness(.6)}
.un-f1--vyska .ph{position:relative;background:transparent}
.un-f1--vyska .ph img{object-fit:contain}
.un-dvojice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spara)}
.un-f2{aspect-ratio:1.32}
.un-dvojice--vyska .un-f2{aspect-ratio:4/5}

.un-blok{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spara);align-items:start}
.un-blok--hero{margin-top:clamp(26px,4.4vw,64px)}
.un-blok__l{container-type:inline-size;min-width:0}
.un-blok__r{min-width:0;padding-top:clamp(2px,.5vw,8px)}
.un-h{font:700 min(clamp(2.6rem,6.6vw,6.6rem),calc(100cqi / (var(--zn) * .6)))/.93 var(--display);letter-spacing:-.04em;
  width:min-content;max-width:100%;margin:0}
.un-h .w{white-space:nowrap}
.un-h--volne{width:auto;text-wrap:balance}
.un-h--volne .w{white-space:normal;overflow-wrap:anywhere}
.un-kredit{display:grid;gap:1px;margin-top:clamp(14px,1.8vw,26px);font:700 clamp(14px,1.4vw,19px)/1.22 var(--display);letter-spacing:-.025em}
.un-kredit span{overflow-wrap:anywhere}
.un-sub{font:700 clamp(1.3rem,2.35vw,2.05rem)/1.1 var(--display);letter-spacing:-.03em;overflow-wrap:anywhere}
.un-p{margin-top:clamp(12px,1.5vw,20px);font:400 clamp(15px,1.3vw,17.5px)/1.45 var(--body);color:var(--txt);overflow-wrap:anywhere;max-width:52ch}
.un-sub+.un-p{margin-top:clamp(14px,1.8vw,24px)}
.un-p--sede{color:var(--grey);font-size:14px}
.un-pata{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 32px;margin-top:clamp(30px,4.4vw,64px)}
.un-kontakty{display:grid;gap:3px;justify-items:start;font:600 clamp(13px,1.1vw,15px)/1.35 var(--display);letter-spacing:-.01em;min-width:0}
.un-kontakty a{text-decoration:none;overflow-wrap:anywhere}
.un-kontakty a:hover{text-decoration:underline;text-underline-offset:3px}
.un-url{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font:700 clamp(15px,1.3vw,18px)/1.2 var(--display);letter-spacing:-.02em}
.un-url .btn__i{display:grid;width:20px;height:20px;background:none;color:var(--accent);transition:transform .5s var(--ease)}
.un-url .btn__i svg{width:20px;height:20px}
.un-url:hover .btn__i{transform:translateX(4px)}
.un-kontakty--velke{font-size:clamp(16px,1.5vw,20px);gap:4px}
.un-kontakty--velke .un-url{font-size:clamp(17px,1.6vw,22px);margin-top:14px}
.un-logo{padding:0;background:none;border-radius:0;margin-left:auto}
.un-logo img{height:clamp(34px,3.8vw,54px);max-width:clamp(120px,14vw,200px)}
.un-ad--bez .un-blok--hero{margin-top:clamp(40px,8vw,120px);padding-top:clamp(24px,3vw,40px);border-top:2px solid var(--ink)}

/* --------------------------------------------------------------- sekce */
.un-sekce{padding-top:clamp(90px,11vw,170px)}
.un-spec{margin:clamp(30px,3.6vw,52px) 0 0;max-width:460px}
.un-spec div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.35}
.un-spec div:first-child{border-top:2px solid var(--ink)}
.un-spec dt{color:var(--grey)}.un-spec dd{margin:0;text-align:right;font-weight:700;overflow-wrap:anywhere;min-width:0}
.un-blok__r>.un-spec{margin-top:0;max-width:none}
.un-sekce .prose{font:400 clamp(15.5px,1.2vw,17px)/1.65 var(--body);color:var(--txt);opacity:1;max-width:62ch;overflow-wrap:anywhere}
.r-unpark .dal{font:700 14px/1 var(--display);letter-spacing:-.01em;text-transform:none;border-bottom-width:2px}
.un-chips{list-style:none;padding:0;margin:clamp(26px,3vw,40px) 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;font:700 15px/1.3 var(--display);letter-spacing:-.015em}
.un-chips li{overflow-wrap:anywhere;min-width:0}
.un-chips li::before{content:"+ ";color:var(--accent)}
.un-gal{display:grid;gap:var(--spara);margin-top:clamp(40px,5vw,72px)}
.un-f1--gal{aspect-ratio:16/9;max-height:none;min-height:0}
.un-gal--vyska{grid-template-columns:repeat(3,minmax(0,1fr))}
.un-g{aspect-ratio:3/4}
.un-vse{margin-top:clamp(20px,2.4vw,32px)}
.un-vsebtn{display:inline-flex;align-items:center;gap:10px;border:0;border-bottom:2px solid var(--ink);background:none;padding:0 0 4px;cursor:pointer;
  font:700 clamp(15px,1.25vw,17px)/1.2 var(--display);letter-spacing:-.02em;color:var(--ink)}
.un-vsebtn .btn__i{display:grid;width:18px;height:18px;background:none}.un-vsebtn .btn__i svg{width:18px;height:18px}
.un-makler{width:clamp(96px,9vw,132px);aspect-ratio:1;object-fit:cover;margin-bottom:clamp(18px,2vw,26px)}
.un-kontakt{padding-bottom:clamp(80px,10vw,150px)}

/* sdílené sekce v tiskové sazbě */
.un-zbytek>section{padding-top:clamp(90px,11vw,170px);padding-bottom:0}
.un-zbytek .shell{width:100%}
.un-zbytek .sec-h{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px var(--spara);align-items:end}
.un-zbytek .sec-h .eyebrow{grid-column:2;grid-row:1;align-self:end;font:700 clamp(14px,1.3vw,17px)/1.2 var(--display);letter-spacing:-.02em;text-transform:none;opacity:1}
.un-zbytek .sec-h h2{grid-column:1;grid-row:1;font:700 clamp(2.2rem,4.6vw,4.4rem)/.95 var(--display);letter-spacing:-.04em;overflow-wrap:anywhere}
.r-unpark .map{border-radius:0;background:#efeeeb}
.r-unpark .map__place{font:700 clamp(1.5rem,3vw,2.6rem)/1.05 var(--display);letter-spacing:-.035em;overflow-wrap:anywhere}
.r-unpark .map__ask .btn,.r-unpark .map .btn{border-radius:0;background:var(--ink);font-family:var(--display);font-weight:700}
.r-unpark .map__out{border-radius:0;font-weight:700}
.r-unpark .params div{font-size:14.5px}
.r-unpark .params div:nth-child(-n+2){border-top:2px solid var(--ink)}
.r-unpark .params dt{color:var(--grey);opacity:1}.r-unpark .params dd{font-weight:700}
.r-unpark .dokumenty a{border-radius:0;border:0;border-bottom:2px solid var(--ink);padding:14px 0;font-weight:700}
.r-unpark .media-karta,.r-unpark .media-plocha{border-radius:0}

.r-unpark .pata{background:#fff;color:var(--grey)}
.r-unpark .pata__in{border-color:var(--line)}
.r-unpark .dole{border-radius:0;background:rgba(17,17,17,.95)}
.r-unpark .dole__b{border-radius:0;background:#fff;color:var(--ink);font-weight:700}

/* --------------------------------------------------------------- menší šířky */
@media(max-width:1000px){.un-links{display:none}}
@media(max-width:760px){
  .un-nav__in{height:62px;gap:12px}
  .un-ad{padding-top:66px}
  .un-nav__cena{display:none}
  .un-nav__cta{padding:11px 13px;font-size:12.5px;flex:none}
  .un-dlouze{display:none}.un-kratce{display:inline}
  .un-znacka:has(.lg)>span{display:none}
  .un-okraj{display:none}
  .un-f1{aspect-ratio:4/3.3;max-height:none;min-height:0}
  .un-f1--vyska{aspect-ratio:4/4.4}
  .un-f1--gal{aspect-ratio:4/3}
  .un-blok{grid-template-columns:1fr;gap:clamp(26px,7vw,40px)}
  .un-blok--hero{margin-top:30px}
  .un-h{font-size:min(3.9rem,calc(100cqi / (var(--zn) * .6)))}
  .un-zbytek .sec-h{grid-template-columns:1fr}
  .un-zbytek .sec-h .eyebrow{grid-column:1;grid-row:auto}
  .un-zbytek .sec-h h2{grid-row:auto}
  .r-unpark .params div:nth-child(2){border-top:0}
  .un-gal--vyska{grid-template-columns:repeat(2,minmax(0,1fr))}
  .un-pata{margin-top:30px}
  .un-logo{margin-left:0}
}
@media(max-width:380px){.un-nav__cta{font-size:12px;padding:10px 11px}}
