/* service single, blog, post */
.single{padding:100px 0}
.single__in{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start}
.single__cover{position:relative;height:420px;border-radius:24px;overflow:hidden;box-shadow:var(--sh);margin-bottom:46px}
.single__cover img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}
.single__cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,18,11,.55),transparent 55%)}
.single__badge{position:absolute;bottom:24px;right:24px;z-index:1;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.18)}
.single__badge svg{width:36px}
.single__block{margin-bottom:46px}
.single__block>h2{margin-bottom:16px;padding-inline-start:18px;border-inline-start:4px solid var(--gold)}
.single__block>p{color:var(--mute);margin-bottom:14px;font-size:17px}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.checks li{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:14px;background:var(--paper);border:1px solid var(--line);font-weight:700;color:var(--brown);transition:border-color .4s,box-shadow .4s}
.checks li:hover{border-color:var(--gold);box-shadow:var(--sh)}
.checks i{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--gold);color:#fff}
.checks svg{width:16px}
.mini-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.mini-steps li{padding:22px 16px;border-radius:14px;background:var(--bg2);text-align:center;font-weight:700;color:var(--brown);font-size:15px}
.mini-steps b{display:grid;place-items:center;width:44px;height:44px;margin:0 auto 10px;border-radius:50%;background:var(--brown);color:var(--gold-l);font-size:18px}
.faq{display:grid;gap:12px}
.faq__item{border-radius:14px;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:border-color .3s}
.faq__item[open]{border-color:var(--gold)}
.faq__item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-weight:800;color:var(--brown)}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary i{position:relative;flex:none;width:26px;height:26px;border-radius:50%;background:var(--bg2)}
.faq__item summary i::before,.faq__item summary i::after{content:"";position:absolute;top:50%;left:50%;width:11px;height:2px;margin:-1px 0 0 -5.5px;background:var(--gold);transition:transform .3s}
.faq__item summary i::after{transform:rotate(90deg)}
.faq__item[open] summary i::after{transform:rotate(0)}
.faq__item p{padding:0 22px 20px;color:var(--mute)}
.single__side{position:sticky;top:100px;display:grid;gap:20px}
.sidelist{padding:24px;border-radius:20px;background:var(--paper);border:1px solid var(--line)}
.sidelist h3{font-size:18px;margin-bottom:14px;padding-bottom:12px;border-bottom:1.5px solid var(--gold)}
.sidelist ul{display:grid;gap:4px}
.sidelist li a{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;font-size:14.5px;font-weight:600;transition:.3s}
.sidelist li a i{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);color:var(--gold)}
.sidelist li a i svg{width:17px}
.sidelist li a span{flex:1}
.sidelist li a .arr{width:16px;color:var(--gold);opacity:0;transition:.3s}
.sidelist li a:hover,.sidelist li a.is-on{background:var(--bg2);color:var(--brown)}
.sidelist li a.is-on i{background:var(--gold);color:#fff}
.sidelist li a:hover .arr,.sidelist li a.is-on .arr{opacity:1}
.sidelist--posts li a{align-items:flex-start}
.sidelist--posts img{flex:none;width:70px;height:58px;border-radius:10px;object-fit:cover}
.sidelist--posts span{display:grid;line-height:1.5}
.sidelist--posts b{font-size:14px;color:var(--brown)}
.sidelist--posts small{font-size:12px;color:var(--mute);font-weight:400}
.sidecta{position:relative;padding:30px 24px;border-radius:20px;text-align:center;color:#fff;background:linear-gradient(160deg,#3b2e13,#1a120b);overflow:hidden;display:grid;justify-items:center;gap:10px}
.sidecta::before{content:"";position:absolute;width:260px;height:260px;top:-120px;left:-80px;border-radius:50%;background:radial-gradient(rgba(223,177,91,.3),transparent 70%)}
.sidecta>*{position:relative}
.sidecta h3{color:#fff;font-size:20px}
.sidecta p{color:rgba(255,255,255,.7);font-size:14px}
.sidecta .btn{width:100%;margin-top:6px}
.sidecta__tel{display:flex;align-items:center;gap:8px;color:var(--gold-l);font-weight:700}
.sidecta__tel svg{width:18px}
.related{padding:20px 0 110px}

.blog{padding:100px 0}
.feat{display:grid;grid-template-columns:1.15fr 1fr;border-radius:26px;overflow:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:var(--sh);margin-bottom:50px;transition:transform .5s var(--ease)}
.feat:hover{transform:translateY(-6px)}
.feat figure,.pcard2 figure{position:relative;overflow:hidden;margin:0}
.feat figure{min-height:380px}
.feat img,.pcard2 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.feat:hover img,.pcard2:hover img{transform:scale(1.08)}
.feat__b{padding:44px;display:flex;flex-direction:column;justify-content:center}
.feat h3{font-size:clamp(24px,2.6vw,32px);margin:14px 0 12px}
.feat p,.pcard2 p{color:var(--mute)}
.chip{position:absolute;top:18px;right:18px;z-index:1;padding:4px 14px;border-radius:999px;background:var(--gold);color:#fff;font-size:13px;font-weight:700}
.chip--inline{position:static;display:inline-block}
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:13px;color:var(--mute)}
.meta span{display:inline-flex;align-items:center;gap:6px}
.meta svg{width:16px;color:var(--gold)}
.meta--light{color:rgba(255,255,255,.8);margin-top:18px}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:16px;color:var(--gold);font-weight:800}
.more .arr{width:18px}
.fchips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:34px}
.fchip{padding:8px 20px;border-radius:999px;border:1.5px solid var(--line2);background:transparent;font:700 15px var(--ff);color:var(--brown);cursor:pointer;transition:.3s}
.fchip:hover{border-color:var(--gold)}
.fchip.is-on{background:var(--gold);border-color:var(--gold);color:#fff}
.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pcard2{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--paper);border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s,border-color .4s}
.pcard2:hover{transform:translateY(-8px);box-shadow:var(--sh);border-color:var(--gold)}
.pcard2 figure{height:220px}
.pcard2__b{flex:1;display:flex;flex-direction:column;padding:22px 24px 24px}
.pcard2 h3{font-size:19px;margin:10px 0 8px;transition:color .3s}
.pcard2:hover h3{color:var(--gold)}
.pcard2 p{font-size:15px}
.pcard2.is-out{display:none}

.readbar{position:fixed;top:0;left:0;right:0;height:3px;z-index:120}
.readbar i{display:block;height:100%;background:var(--grad);transform:scaleX(0);transform-origin:right}
.post-title{font-size:clamp(28px,3.6vw,48px);max-width:900px}
.prose{min-width:0}
.prose__lead{font-size:20px;font-weight:600;color:var(--brown);line-height:1.9;padding-bottom:26px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.prose p{color:#4a423c;font-size:18px;line-height:2.05;margin-bottom:18px}
.prose h2{font-size:24px;margin:34px 0 12px;display:flex;align-items:center;gap:12px}
.prose h2::before{content:"";width:10px;height:10px;transform:rotate(45deg);background:var(--gold);flex:none}
.prose blockquote{margin:34px 0;padding:28px 30px;border-radius:20px;background:linear-gradient(135deg,#3b2e13,#1a120b);color:#fff;font-size:21px;font-weight:700;line-height:1.8;display:flex;gap:18px;align-items:center}
.prose blockquote img{width:44px;flex:none}
.prose__end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:40px;padding:22px 0;border-block:1px solid var(--line)}
.share{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--brown)}
.share a,.share button{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--line2);background:none;color:var(--gold);cursor:pointer;transition:.3s}
.share a:hover,.share button:hover,.share button.is-done{background:var(--gold);color:#fff;border-color:var(--gold)}
.share svg{width:18px}
.prose .prose__note{font-size:13px;color:var(--mute);margin:0}
.author{display:flex;gap:22px;align-items:center;margin-top:34px;padding:26px;border-radius:20px;background:var(--bg2)}
.author img{flex:none;width:90px;height:auto}
.author div{display:grid;gap:4px}
.author b{font-size:19px;color:var(--dark)}
.author span{color:var(--mute);font-size:15px}
.link-gold{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:800}
.link-gold .arr{width:18px}
.sblock__more{display:inline-flex;align-items:center;gap:8px;margin-top:18px;color:var(--gold);font-weight:800}
.sblock__more .arr{width:18px}

/* hero / header buttons: no jump on hover */
.hero .btn,.hero .btn:hover,.hdr .btn,.hdr .btn:hover{transform:none!important}

@media (max-width:1080px){
  .single__in{grid-template-columns:1fr}
  .single__side{position:static;grid-template-columns:1fr 1fr}
  .feat{grid-template-columns:1fr}.feat figure{min-height:260px}
  .blog__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .single__side,.checks,.blog__grid{grid-template-columns:1fr}
  .mini-steps{grid-template-columns:1fr 1fr}
  .single__cover{height:260px}
  .feat__b{padding:26px}
  .prose p{font-size:17px}
  .prose blockquote{font-size:18px;padding:22px}
  .author{flex-direction:column;text-align:center}
}
/* header over dark heroes on every page */
.hdr:not(.is-stuck) .nav a,.hdr:not(.is-stuck) .hdr__tel{color:#fff!important}
.hdr:not(.is-stuck) .nav a.is-active,.hdr:not(.is-stuck) .nav a:hover{color:var(--gold-l)!important}
.hdr:not(.is-stuck) .burger i{background:#fff}
.hdr:not(.is-stuck) .nav a{text-shadow:0 1px 8px rgba(0,0,0,.45)}
/* breadcrumbs readable */
.crumbs{display:inline-flex;padding:6px 16px;border-radius:999px;background:rgba(26,18,11,.55);border:1px solid rgba(223,177,91,.35);backdrop-filter:blur(6px);color:var(--gold-l);font-size:14px}
.crumbs a{color:#fff}.crumbs a:hover{color:var(--gold-l)}
.crumbs span{color:var(--gold-l);font-weight:700}
/* stats band v2 */
.stats{padding:110px 0;border-block:3px solid transparent;border-image:var(--grad) 1}
.stats__bg{inset:0!important}
.stats__bg img{object-position:center 40%;filter:grayscale(.2)}
.stats__bg::after{background:linear-gradient(180deg,rgba(26,18,11,.9),rgba(26,18,11,.8) 50%,rgba(26,18,11,.92)),radial-gradient(60% 120% at 50% 50%,rgba(186,149,96,.25),transparent 70%)!important;background-blend-mode:normal}
.stats__bg::before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(90deg,transparent 0 119px,rgba(223,177,91,.07) 119px 120px)}
.stat{position:relative}
.stat b{text-shadow:0 6px 30px rgba(223,177,91,.25)}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sec-head--light h2{color:#fff}
.stats .sec-head{margin-bottom:46px}
.stats .wrap{position:relative;z-index:2}
.map-wrap{padding:30px 0 10px}
.map-wrap .sec-head{margin-bottom:30px}

/* section tags */
.tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;padding:5px 16px;border-radius:999px;background:rgba(186,149,96,.12);border:1px solid rgba(186,149,96,.35);color:var(--gold);font-size:14px;font-weight:800;letter-spacing:.02em}
.tag i{width:6px;height:6px;transform:rotate(45deg);background:var(--gold)}
.sec-head--c .tag{margin-inline:auto}
.sec-head--c{display:flex;flex-direction:column;align-items:center}
.stats .tag,.extra .tag,.cta .tag,.journey .tag{background:rgba(223,177,91,.12);border-color:rgba(223,177,91,.45);color:var(--gold-l)}
.stats .tag i,.extra .tag i,.cta .tag i{background:var(--gold-l)}
.extra__head{display:flex;flex-direction:column;align-items:center}
.journey__head{display:flex;flex-direction:column;align-items:flex-start}
.journey .tag{color:var(--gold);border-color:rgba(186,149,96,.35)}