/* Podstránky Chcem predať / Chcem prenajať / O nás / Blog a ochutnávky na titulke (Claude, 31. 10. 2026, faza3-90).
   Rovnaký vizuálny jazyk ako titulka (tmavozelená #18201c, papier, Bradford pre citáty). ChatGPT: vzhľad môžeš doladiť tu. */

/* ---------- Titulka: O nás – ochutnávka príbehu ---------- */
.about-teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:clamp(36px,7vw,120px);align-items:center;margin:0 var(--gutter);padding:clamp(50px,6vw,90px) 0 clamp(80px,9vw,130px);border-top:1px solid var(--about-line,#e9e8df2b);scroll-margin-top:70px}
.about-teaser .eyebrow{color:var(--about-soft,#b9c3b7);margin-bottom:28px}
.about-teaser-note{max-width:430px;margin:28px 0 0;font-size:15px;line-height:1.6;color:var(--about-soft,#b9c3b7)}
.about-teaser-years{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:660px;margin:42px 0 46px;padding:0}
.about-teaser-years li{border-top:1px solid var(--about-line,#e9e8df2b);padding-top:16px}
.about-teaser-years strong{display:block;font-weight:400;font-size:clamp(26px,2.4vw,38px);line-height:1;letter-spacing:-.045em;color:var(--about-paper,#eeeae3)}
.about-teaser-years span{display:block;margin-top:10px;font-size:13px;line-height:1.45;color:var(--about-soft,#b9c3b7)}
.about-teaser-photo{position:relative;margin:0;aspect-ratio:4/5;max-height:680px;border-radius:10px;overflow:hidden;background:#202a23}
.about-teaser-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.about-teaser-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0e1c17b3,transparent 45%);pointer-events:none}
.about-teaser-photo figcaption{position:absolute;left:22px;right:22px;bottom:20px;z-index:1;font-size:12px;letter-spacing:-.01em;color:#eeeae3}
@media(max-width:700px){
 .about-teaser{grid-template-columns:1fr;gap:32px;margin:0 22px;padding:40px 0 70px}
 .about-teaser-photo{aspect-ratio:1/1.05}
 .about-teaser-years{grid-template-columns:1fr;gap:0;margin:30px 0 34px}
 .about-teaser-years li{display:flex;align-items:baseline;gap:18px;padding:14px 0}
 .about-teaser-years strong{min-width:66px;font-size:24px}
 .about-teaser-years span{margin:0}
}

/* ---------- Titulka: Blogy a vlogy – najnovšie 3 + odkaz na /blog/ ---------- */
#blogy-vlogy[data-journal-limit] .journal-tools{display:none}
#blogy-vlogy .journal-all{margin-top:40px;gap:18px}
#blogy-vlogy .journal-grid:empty~.journal-all{display:none}

/* ---------- Podstránky: spoločné ---------- */
.subpage{background:#18201c}
.sub-hero{position:relative;background:#18201c;color:var(--paper,#eeeae3);padding:clamp(132px,12vw,176px) var(--gutter) clamp(70px,8vw,120px);overflow:clip;--arrow-active-fill:var(--paper,#eeeae3);--arrow-active-ink:var(--ink,#191b1b)}
.sub-hero>.section-meta{margin-bottom:clamp(36px,4vw,60px)}
.sub-hero .section-meta span:last-child{color:#9ca99f}
.sub-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:'copy form' 'more form';grid-template-rows:auto 1fr;column-gap:clamp(36px,6vw,110px);align-items:start}
.sub-hero-copy{grid-area:copy}.sub-form{grid-area:form}.sub-hero-more{grid-area:more}
.sub-hero h1{margin:0;font-weight:400;font-size:clamp(48px,6vw,98px);line-height:.95;letter-spacing:-.058em}
.sub-lead{max-width:470px;margin:30px 0 0;font-size:clamp(21px,1.9vw,30px);line-height:1.22;color:#d5dcd2}
.sub-points{list-style:none;max-width:480px;margin:38px 0 0;padding:0}
.sub-points li{position:relative;padding:15px 0 15px 26px;border-top:1px solid #ffffff21;font-size:15px;line-height:1.5;color:#c2ccc1}
.sub-points li::before{content:'';position:absolute;left:2px;top:23px;width:7px;height:7px;border-radius:50%;background:var(--champagne,#b9ac91)}
.sub-agents{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:560px;margin-top:30px}
.sub-agent{display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-areas:'img name' 'img phone';column-gap:14px;row-gap:4px;align-items:center;padding:14px;border:1px solid #ffffff24;border-radius:14px;color:inherit;transition:background .3s,border-color .3s}
.sub-agent>img{grid-area:img;width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:center 20%}
.sub-agent>span:first-of-type{grid-area:name}
.sub-agent strong{display:block;font-weight:400;font-size:15px;letter-spacing:-.02em}
.sub-agent small{display:block;margin-top:2px;font-size:11px;color:#9eae9f}
.sub-agent-phone{grid-area:phone;display:flex;align-items:center;gap:8px;font-size:13px;color:#dfe5db}
.sub-agent-phone .motion-arrow{width:24px;height:24px;border-radius:6px}
.sub-agent:hover,.sub-agent:focus-visible{background:#ffffff08;border-color:#ffffff40}
.sub-other{display:inline-flex;align-items:center;gap:10px;margin-top:30px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:14px;color:var(--champagne,#b9ac91)}
.sub-other .motion-arrow{width:26px;height:26px;border:0;background:none}
.sub-form{scroll-margin-top:90px}
.sub-form .inquiry-shell{margin-top:0}
.sub-form .inquiry-tabs{display:none}
.sub-form .inquiry-form-intro>:is(.eyebrow,h3,p){display:none}
.sub-hero--compact{padding-bottom:clamp(50px,6vw,90px)}
.sub-hero--compact .sub-hero-grid{grid-template-areas:none;grid-template-rows:none;align-items:end}
.sub-hero--compact .sub-lead{justify-self:end;max-width:400px;margin:0}
.owners--sub{padding-top:clamp(70px,8vw,110px);border-top:1px solid #ffffff14}
.owners--sub .owner-story{margin-top:clamp(40px,5vw,80px)}
.services--sub{scroll-margin-top:24px}
.services--sub .service-card{scroll-margin-top:90px}
@media(max-width:1000px){.sub-hero-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:'copy' 'form' 'more';row-gap:40px}.sub-hero-more{max-width:620px}.sub-hero--compact .sub-lead{justify-self:start;margin-top:26px}}
@media(max-width:700px){
 .sub-hero{padding:112px 22px 60px}
 .sub-hero>.section-meta{margin-bottom:32px;align-items:flex-start}
 .sub-hero>.section-meta span{font-size:9px}
 .sub-hero-grid{row-gap:34px}
 .sub-hero h1{font-size:46px}
 .sub-lead{font-size:21px;margin-top:24px}
 .sub-points{margin-top:28px}
 .sub-points li{font-size:14px}
 .sub-agents{grid-template-columns:1fr}
}

/* ---------- O nás ---------- */
/* Na podstránke nebeží motion.js (rozbaľovanie fotky na titulke) – fotka príbehu je hneď celá. */
html[data-twins-page="o-nas"] .intro-photo{clip-path:none!important}
html[data-twins-page="o-nas"] .intro-photo img{transform:none!important}
html[data-twins-page="o-nas"] #o-nas{padding-top:clamp(132px,12vw,176px);border-radius:0}
html[data-twins-page="o-nas"] .intro-grid h1{margin:0;max-width:none;font-weight:400;font-size:clamp(45px,5.5vw,90px);line-height:.97;letter-spacing:-.065em;color:var(--about-paper)}
@media(max-width:1000px){html[data-twins-page="o-nas"] .intro-grid h1{font-size:clamp(52px,8.4vw,76px)}}
@media(max-width:700px){html[data-twins-page="o-nas"] #o-nas{padding-top:112px}html[data-twins-page="o-nas"] .intro-grid h1{font-size:clamp(37px,10.3vw,66px);line-height:1;letter-spacing:-.06em}}

/* ---------- Blogy a vlogy ---------- */
html[data-twins-page="blog"] #blogy-vlogy{min-height:72vh;padding-top:clamp(50px,6vw,80px)}
html[data-twins-page="blog"] #blogy-vlogy>.section-meta,html[data-twins-page="blog"] #blogy-vlogy .journal-head{display:none}