/* Replika „Atelier Estates" — domy a vily. Světlý list na travertinu,
   fotka s názvem verzálkami a bronzovým tlačítkem, dvousloupcové bloky,
   pás karet uříznutý krajem listu s tenkou linkou posuvníku. */
@font-face{font-family:"Gilda Display";src:url(fonts/GildaDisplay-latin-ext.woff2)format('woff2');font-weight:400;font-style:normal;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:"Gilda Display";src:url(fonts/GildaDisplay-latin.woff2)format('woff2');font-weight:400;font-style:normal;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:"Hanken Grotesk";src:url(fonts/HankenGrotesk-latin-ext.woff2)format('woff2');font-weight:200 500;font-style:normal;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:"Hanken Grotesk";src:url(fonts/HankenGrotesk-latin.woff2)format('woff2');font-weight:200 500;font-style:normal;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-atelier{
  --list:#FBFAF8;--ink:#3D3730;--text:#6B635A;--taupe:#8A7763;--line:rgba(61,55,48,.13);
  --bg:#E4D6C6;--muted:var(--text);--dark:#3D3730;
  --display:"Gilda Display",Georgia,serif;--body:"Hanken Grotesk",system-ui,sans-serif;
  --okraj:clamp(10px,calc((100vw - 600px) * .2),150px);
  --hore:clamp(10px,calc((100vw - 600px) * .085),76px);
  --pad:clamp(20px,7.5vw,96px);
  /* travertin: vodorovné žilky + drobné póry, jedna malá dlaždice */
  --zily:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800'%3E%3Cfilter id='m' x='0' y='0' width='800' height='800' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.00125 .0025' numOctaves='5' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .98 0 0 0 0 .95 1.9 0 0 0 -.78'/%3E%3C/filter%3E%3Cfilter id='z' x='0' y='0' width='800' height='800' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.00125 .02' numOctaves='5' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .33 0 0 0 0 .22 2 0 0 0 -1.05'/%3E%3C/filter%3E%3Cfilter id='p' x='0' y='0' width='800' height='800' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07 .45' numOctaves='1' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .3 0 0 0 0 .2 9 0 0 0 -5.8'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23m)' opacity='.75'/%3E%3Crect width='800' height='800' filter='url(%23z)' opacity='.1'/%3E%3Crect width='800' height='800' filter='url(%23p)' opacity='.05'/%3E%3C/svg%3E");
  --kamen:var(--zily),
    radial-gradient(ellipse 60% 30% at 18% 8%,rgba(255,251,244,.55),transparent 70%),
    radial-gradient(ellipse 50% 22% at 88% 30%,rgba(255,249,240,.35),transparent 70%),
    radial-gradient(ellipse 70% 26% at 30% 70%,rgba(120,84,58,.28),transparent 70%),
    linear-gradient(180deg,#E7DACB 0%,#E0D0BE 36%,#C7A98E 52%,#B28E71 70%,#A98468 100%);
  background:#B28E71;color:var(--ink);font-family:var(--body);font-weight:300;line-height:1.75}

/* travertin a list */
.at-kamen{background:var(--kamen);background-size:800px 800px,100% 100%,100% 100%,100% 100%,100% 100%;overflow:clip;
  padding:var(--hore) 0 var(--hore)}
.at-list{position:relative;width:min(1180px,calc(100% - 2 * var(--okraj)));margin:0 auto;background:var(--list);border-radius:5px;
  box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 2px 4px rgba(70,45,25,.08),0 40px 80px -40px rgba(70,45,25,.5)}

/* lišta přes fotku; po odjetí fotky pevná nad listem */
.at-nav{position:absolute;top:0;left:0;right:0;z-index:10;color:#fff}
.at-nav__in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:20px;padding:26px var(--pad)}
.at-nav__a{font:400 13.5px/1 var(--body);text-decoration:none;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-self:start;max-width:100%}
.at-nav__k{justify-self:end}
.at-znacka{font:400 clamp(18px,1.9vw,24px)/1.1 var(--display);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;text-align:center;
  max-width:min(46vw,520px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at-nav.plna{position:fixed;left:50%;transform:translateX(-50%);width:min(1180px,calc(100% - 2 * var(--okraj)));color:var(--ink);
  background:rgba(251,250,248,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--line);
  animation:atDolu .6s var(--ease) both}
.at-nav.plna .at-nav__in{padding-top:16px;padding-bottom:16px}
@keyframes atDolu{from{translate:0 -100%}to{translate:0 0}}

/* hero */
.at-hero{position:relative;aspect-ratio:1.75/1;min-height:460px;max-height:90svh;width:100%;overflow:hidden;border-radius:5px 5px 0 0;
  background:#8E7865;color:#fff;isolation:isolate}
.at-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:atZoom 16s var(--ease) both;z-index:-2}
@keyframes atZoom{from{transform:scale(1.06)}to{transform:none}}
.at-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(20,14,9,.34),rgba(20,14,9,0) 28%,rgba(20,14,9,0) 62%,rgba(20,14,9,.22)),
  radial-gradient(ellipse 55% 42% at 50% 52%,rgba(20,14,9,.34),transparent 78%)}
.at-hero--vyska{background:#4a3d31 var(--hero) center/cover}
.at-hero--vyska::before{content:"";position:absolute;inset:-40px;z-index:-3;background:inherit;filter:blur(40px) brightness(.62)}
.at-hero--vyska .at-hero__img{object-fit:contain;animation:none}
.at-hero--bez{background:var(--kamen);background-size:800px 800px,100% 100%,100% 100%,100% 100%,100% 100%;background-position:0 60%;aspect-ratio:2.1/1;min-height:420px}
.at-hero--bez::after{background:rgba(60,40,24,.28)}
.at-hero__txt{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;padding:96px var(--pad) 48px}
.at-h1{font:400 clamp(2.3rem,5.2vw,4.7rem)/1.02 var(--display);letter-spacing:.025em;text-transform:uppercase;text-wrap:balance;overflow-wrap:break-word;
  max-width:100%;text-shadow:0 2px 30px rgba(20,14,9,.25)}
.at-hero__pod{margin-top:14px;font-size:14.5px;line-height:1.5;opacity:.94;overflow-wrap:break-word;max-width:100%;text-shadow:0 1px 14px rgba(20,14,9,.35)}
.at-btn{display:inline-flex;align-items:center;justify-content:center;margin-top:26px;padding:14px 24px;background:var(--accent);color:#fff;
  border-radius:2px;text-decoration:none;font:400 13.5px/1.3 var(--body);letter-spacing:.01em;text-align:center;max-width:100%;
  transition:filter .4s var(--ease),transform .6s var(--ease)}
.at-btn:hover{filter:brightness(1.08)}
.at-btn:active{transform:scale(.98)}
.at-btn .btn__i{display:none}

/* dva sloupce („The Art of Home") */
.at-dva{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);align-items:start;
  padding:clamp(72px,9vw,124px) var(--pad)}
.at-h2{font:400 clamp(1.9rem,3vw,2.75rem)/1.12 var(--display);color:var(--ink);overflow-wrap:break-word;text-wrap:balance}
.at-dva__p{min-width:0;max-width:560px}
.at-lead{font-size:15.5px;line-height:1.9;color:var(--text);overflow-wrap:break-word}
.at-odkaz{display:inline-block;margin-top:22px;font:400 13px/1.3 var(--body);color:var(--taupe);text-decoration:none;
  border-bottom:1px solid currentColor;padding-bottom:4px}
.at-odkaz:hover{color:var(--ink)}
.at-prose{font-size:15px;line-height:1.9;color:var(--text);opacity:1;overflow-wrap:break-word}
.r-atelier .dal{font:400 13px/1.3 var(--body);letter-spacing:0;text-transform:none;color:var(--taupe);margin-top:22px;padding-bottom:4px}

/* karty („Featured Properties") */
.at-karty{padding:clamp(40px,5vw,72px) 0 clamp(72px,9vw,110px);timeline-scope:--at-pas;--kv:clamp(250px,29vw,390px)}
.at-stred{text-align:center;padding:0 var(--pad)}
.at-pod{margin-top:14px;font:500 11px/1.4 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--taupe)}
.at-pas{display:flex;gap:clamp(14px,2vw,24px);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);
  padding:clamp(34px,4vw,52px) 0 6px var(--pad);scrollbar-width:none;scroll-timeline:--at-pas x;outline:0}
.at-pas::-webkit-scrollbar{display:none}
.at-pas::after{content:"";flex:0 0 calc(var(--pad) - clamp(14px,2vw,24px))}
.at-pas:focus-visible{outline:1px solid var(--taupe);outline-offset:-1px}
.at-karta{flex:0 0 auto;width:calc(var(--kv) * 1.1);margin:0;scroll-snap-align:start}
.at-karta--v{width:calc(var(--kv) * .78)}
.at-karta .ph{height:var(--kv);background:#E9E2D8}
.at-karta figcaption{display:flex;align-items:baseline;gap:8px;margin-top:16px}
.at-karta b{font:400 1.4rem/1 var(--display);color:var(--ink)}
.at-karta span{font-size:12px;color:var(--taupe);letter-spacing:.04em}
.at-karty--malo .at-karta:first-child{margin-left:auto}
.at-karty--malo .at-pas::after{display:none}
.at-karty--malo .at-karta:last-child{margin-right:auto}
.at-karty--malo .at-pas{padding-right:var(--pad)}
.at-ovl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px;padding:0 var(--pad)}
.at-linka{position:relative;width:clamp(120px,16vw,200px);height:1px;background:rgba(61,55,48,.18)}
.at-linka i{position:absolute;left:0;top:-.5px;height:2px;width:30%;background:#7A6754;animation:atLinka linear both;animation-timeline:--at-pas}
@keyframes atLinka{from{transform:translateX(0)}to{transform:translateX(233.3%)}}
.at-sip{width:36px;height:36px;display:grid;place-items:center;border:0;background:none;color:var(--ink);cursor:pointer;opacity:.7;padding:0}
.at-sip:hover{opacity:1}
.at-sip svg{width:18px;height:18px}
.at-vse{text-align:center;margin-top:26px;padding:0 var(--pad)}
.r-atelier .vse{border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 4px;gap:0;font:400 13px/1.3 var(--body);letter-spacing:0;color:var(--taupe);max-width:100%}
.r-atelier .vse .btn__i{display:none}

/* údaje („Curated Services") */
.at-udaje{padding:clamp(56px,7vw,100px) var(--pad) clamp(72px,9vw,124px)}
.at-udaje__m{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,5vw,80px);margin-top:clamp(36px,4.5vw,60px)}
.at-seznam{display:grid;gap:12px;align-content:start;justify-items:start;font-size:14.5px;color:var(--text)}
.at-seznam a{text-decoration:none;padding-bottom:2px;border-bottom:1px solid transparent}
.at-seznam a:first-child,.at-seznam a:hover{border-color:currentColor;color:var(--ink)}
.at-bloky{margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:28px clamp(24px,3vw,44px);align-content:start}
.at-bloky div{min-width:0}
.at-bloky dt{font:400 1.3rem/1.2 var(--display);color:var(--ink)}
.at-bloky dd{margin:6px 0 0;font-size:14.5px;line-height:1.7;color:var(--text);overflow-wrap:anywhere}
.at-udaje>.at-stred:last-child{margin-top:clamp(40px,5vw,64px)}

/* sdílené sekce na listu */
.r-atelier #mapa,.r-atelier #parametry,.r-atelier #video,.r-atelier #dokumenty{background:transparent;padding:clamp(64px,8vw,110px) var(--pad)}
.at-zbytek .shell{width:100%;max-width:1000px;margin-inline:auto}
.r-atelier .sec-h{flex-direction:column;align-items:center;text-align:center;gap:14px}
.r-atelier .sec-h h2{font:400 clamp(1.9rem,3vw,2.75rem)/1.12 var(--display);color:var(--ink);max-width:100%;overflow-wrap:break-word}
.r-atelier .sec-h .eyebrow{order:2;flex-basis:auto;font:500 11px/1.4 var(--body);letter-spacing:.2em;color:var(--taupe);opacity:1}
.at-zbytek .map{border-radius:2px}
.at-zbytek .map__place{padding-inline:12px;overflow-wrap:anywhere}
.at-zbytek .map__ask .btn{border-radius:2px;background:var(--accent);font:400 13.5px/1 var(--body);padding:15px 22px}
.at-zbytek .params dt{font-size:13.5px;opacity:1;color:var(--text)}
.at-zbytek .params dd{font-size:14.5px;color:var(--ink)}
.at-zbytek .dokumenty a{border-radius:2px}

/* kontakt */
.at-kontakt{border-top:1px solid var(--line);margin:0 var(--pad);padding-inline:0}
.at-kontakt__l{min-width:0}
.at-kontakt .at-h2{font-size:clamp(1.8rem,2.6vw,2.4rem);max-width:15ch}
.at-kontakt__l .at-pod{margin:0 0 16px}
.at-agent{width:min(100%,180px);aspect-ratio:4/5;object-fit:cover;margin-top:30px;border-radius:2px;background:#E9E2D8}
.at-jmeno{font:400 clamp(1.6rem,2.4vw,2.1rem)/1.15 var(--display);color:var(--ink);overflow-wrap:break-word}
.at-role{margin-top:6px;font-size:14px;color:var(--text);overflow-wrap:break-word}
.at-radky{display:grid;gap:4px;margin-top:20px;font-size:16px;color:var(--ink)}
.at-radky a{text-decoration:none;justify-self:start;overflow-wrap:anywhere;border-bottom:1px solid var(--line)}
.at-kontakt .at-btn{margin-top:28px}
.at-logo{display:flex;width:max-content;max-width:100%;margin-top:30px;padding:0;background:none}
.at-logo img{height:34px;max-width:170px}

/* patička pokračuje kamenem */
.r-atelier .pata{background:#A98468;color:rgba(255,250,243,.82)}
.r-atelier .pata__in{max-width:1180px;margin-inline:auto;border-color:rgba(255,250,243,.25)}
.r-atelier .dole{background:rgba(61,55,48,.94)}

@media(max-width:820px){
  .at-dva,.at-udaje__m{grid-template-columns:minmax(0,1fr)}
  .at-seznam{display:flex;flex-wrap:wrap;gap:8px 18px}
}
@media(max-width:760px){
  .at-nav__in{grid-template-columns:minmax(0,1fr) auto;padding:20px 20px}
  .at-nav__in>.at-nav__a:first-child{display:none}
  .at-znacka{text-align:left;max-width:none;font-size:17px}
  .at-hero{aspect-ratio:auto;height:min(78svh,600px);min-height:440px}
  .at-hero--bez{height:auto;min-height:440px}
  .at-karty{--kv:clamp(200px,62vw,280px)}
  .at-karta--v{width:calc(var(--kv) * .75)}
}