/* Empire City — «Наши чемпионы» (team page): golden thread, living background, spotlight cards. v20261105d */
:root{--ect-gold:#D9BC8C;--ect-gold-2:#F3DDB3;--ect-gold-3:#9C7E4F;--ect-ink:#F2EFE9;--ect-mute:rgba(242,239,233,.62);--ect-line:rgba(217,188,140,.18)}

/* ---------- page canvas: let the living background show through ---------- */
html.ect-page body,
html.ect-page .body-wrapper,
html.ect-page .body-innerwrapper,
html.ect-page #sp-section-1,
html.ect-page #sp-top1,
html.ect-page #sp-top2,
html.ect-page #sp-slider-glav,
html.ect-page #sp-komanda-dir,
html.ect-page #sp-vakan,
html.ect-page #sp-main-body,
html.ect-page #sp-land1,
html.ect-page #sp-middle4{background-color:transparent!important;background-image:none!important}

/* ---------- fixed background: group photos + floating portraits + light rails ---------- */
.ect-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;contain:strict}
.ect-bg__glow{position:absolute;inset:0;background:
  radial-gradient(900px 560px at 85% -5%,rgba(217,188,140,.10),rgba(217,188,140,0) 62%),
  radial-gradient(700px 520px at -10% 105%,rgba(217,188,140,.06),rgba(217,188,140,0) 60%)}
.ect-bg__ph{position:absolute;inset:-6%;background-size:cover;background-position:center;opacity:0;
  filter:grayscale(1) contrast(1.05) brightness(.9);transition:opacity 1.6s ease;
  -webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 30%,transparent 78%);mask-image:radial-gradient(120% 90% at 50% 45%,#000 30%,transparent 78%);
  animation:ectKen 38s ease-in-out infinite alternate;will-change:transform}
.ect-bg__ph.is-on{opacity:.1}
.ect-bg__ph:nth-child(3){animation-duration:46s;animation-direction:alternate-reverse}
.ect-bg__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,10,18,.6) 0%,rgba(7,10,18,.38) 45%,rgba(7,10,18,.66) 100%)}
.ect-bg__cards{position:absolute;inset:0}
.ect-fc{position:absolute;left:0;top:0;width:var(--w,150px);aspect-ratio:3/4;border-radius:18px;overflow:hidden;
  border:1px solid rgba(217,188,140,.28);box-shadow:0 30px 60px -30px rgba(0,0,0,.9);opacity:var(--o,.12);will-change:transform}
.ect-fc img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.85);animation:ectFloat var(--fd,14s) ease-in-out infinite alternate}
.ect-fc::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(243,221,179,.10),rgba(7,10,18,.35))}
.ect-bg__rail{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(217,188,140,.10) 20%,rgba(217,188,140,.10) 80%,transparent)}
.ect-bg__rail::after{content:"";position:absolute;left:-1px;width:3px;height:22vh;top:-25vh;border-radius:3px;
  background:linear-gradient(180deg,transparent,rgba(243,221,179,.75),transparent);filter:blur(.4px);animation:ectRail 7s cubic-bezier(.5,0,.3,1) infinite}
.ect-bg__rail--l{left:6%}
.ect-bg__rail--r{right:6%}
.ect-bg__rail--r::after{animation-delay:3.4s}
@keyframes ectKen{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-1.5%,-1%,0)}}
@keyframes ectFloat{from{transform:scale(1.06) translate3d(0,-2%,0)}to{transform:scale(1.14) translate3d(0,2%,0)}}
@keyframes ectRail{0%{top:-25vh;opacity:0}12%{opacity:1}88%{opacity:1}100%{top:105vh;opacity:0}}

/* ---------- golden thread ---------- */
.ect-thread{position:absolute;left:0;top:0;z-index:-1;pointer-events:none;overflow:visible}
.ect-thread__track{fill:none;stroke:rgba(217,188,140,.22);stroke-width:1;stroke-dasharray:2 9;stroke-linecap:round}
.ect-thread__glow{fill:none;stroke:rgba(243,221,179,.16);stroke-width:7;stroke-linecap:round}
.ect-thread__line{fill:none;stroke:url(#ectGrad);stroke-width:1.6;stroke-linecap:round}
.ect-thread__node{fill:#070a12;stroke:rgba(217,188,140,.35);stroke-width:1;transition:stroke .5s,fill .5s}
.ect-thread__node.is-lit{fill:var(--ect-gold-2);stroke:rgba(243,221,179,.9)}
.ect-thread__halo{fill:rgba(243,221,179,.14);stroke:rgba(243,221,179,.5);stroke-width:1}
.ect-thread__dot{fill:#FFF3DA}
.ect-thread__pulse{fill:none;stroke:rgba(243,221,179,.6);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:ectPulse 2.4s ease-out infinite}
@keyframes ectPulse{from{transform:scale(.6);opacity:.9}to{transform:scale(2.4);opacity:0}}

/* ---------- department headings: gold hairline draws in ---------- */
html.ect-page h3.epg-tm-h{position:relative!important}
html.ect-page h3.epg-tm-h::after{content:""!important;display:block!important;width:72px!important;height:1px!important;margin:18px auto 0!important;
  background:linear-gradient(90deg,transparent,var(--ect-gold),transparent)!important;transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.7,.2,1) .15s!important}
html.ect-page h3.epg-tm-h.is-in::after,html.ect-page h3.epg-tm-h.ect-in::after{transform:scaleX(1)}
html.ect-page .epg-tm__img{transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s ease!important}
@media (hover:hover){html.ect-page .epg-tm:hover .epg-tm__img{transform:translateY(-6px)!important;box-shadow:0 26px 50px -24px rgba(0,0,0,.9),0 0 0 1px rgba(217,188,140,.35)!important}}

/* ---------- spotlight sub-sections (HR, Coffee Lounge) ---------- */
html body .ect-spots:not(#ect-x){display:grid!important;gap:clamp(28px,4vw,48px)!important;max-width:1180px!important;margin:clamp(56px,7vw,96px) auto clamp(40px,6vw,80px)!important;padding:0!important;color:var(--ect-ink)!important;font-family:var(--x-sans,Manrope,system-ui,sans-serif)!important}
html body #group1 + .ect-spots:not(#ect-x){margin-top:clamp(90px,11vw,160px)!important}
html body .ect-spot:not(#ect-x){position:relative!important;display:grid!important;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:clamp(24px,4vw,56px)!important;align-items:center!important;
  padding:clamp(18px,2.6vw,34px)!important;border-radius:34px!important;overflow:hidden!important;isolation:isolate!important;
  background:linear-gradient(150deg,rgba(255,255,255,.055),rgba(255,255,255,.012) 55%,rgba(217,188,140,.04))!important;
  border:1px solid rgba(217,188,140,.16)!important;box-shadow:0 50px 100px -50px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)!important;
  -webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;
  opacity:0;transform:translateY(40px);transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
html body .ect-spot.ect-in:not(#ect-x){opacity:1;transform:none}
html body .ect-spot.has-video:not(#ect-x){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr) minmax(200px,240px)!important}
/* mirrored card */
html body .ect-spot--rev:not(#ect-x) .ect-spot__photo{order:2}
html body .ect-spot--rev:not(#ect-x) .ect-spot__text{order:1}
html body .ect-spot--rev:not(.has-video):not(#ect-x){grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)!important}
html body .ect-spot--rev.has-video:not(#ect-x){grid-template-columns:minmax(200px,240px) minmax(0,1.1fr) minmax(0,.9fr)!important}
html body .ect-spot--rev.has-video:not(#ect-x) .ect-spot__video{order:0}
/* moving sheen on the border */
html body .ect-spot:not(#ect-x)::before{content:""!important;position:absolute!important;inset:0!important;border-radius:inherit!important;padding:1px!important;z-index:-1!important;pointer-events:none!important;
  background:conic-gradient(from var(--ect-a,0deg),transparent 0 70%,rgba(243,221,179,.55) 80%,transparent 90%)!important;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
  animation:ectSpin 9s linear infinite}
html body .ect-spot:not(#ect-x)::after{content:""!important;position:absolute!important;z-index:-2!important;width:520px!important;height:520px!important;border-radius:50%!important;pointer-events:none!important;
  background:radial-gradient(closest-side,rgba(217,188,140,.13),transparent)!important;top:-180px!important;right:-160px!important}
html body .ect-spot--rev:not(#ect-x)::after{right:auto!important;left:-160px!important}
@property --ect-a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes ectSpin{to{--ect-a:360deg}}

/* photo */
html body .ect-spot__photo:not(#ect-x){position:relative!important;margin:0!important;border-radius:26px!important;overflow:hidden!important;aspect-ratio:1/1.08!important;background:#11141c!important;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)!important}
html body .ect-spot__photo:not(#ect-x) img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 22%!important;margin:0!important;border-radius:0!important;transform:scale(1.04);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)!important}
html body .ect-spot.ect-in:not(#ect-x) .ect-spot__photo img{transform:scale(1)}
@media (hover:hover){html body .ect-spot:not(#ect-x):hover .ect-spot__photo img{transform:scale(1.04)}}
html body .ect-spot__photo:not(#ect-x)::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;border-radius:inherit!important;
  background:linear-gradient(180deg,transparent 55%,rgba(7,10,18,.55))!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)!important}
html body .ect-spot__tag:not(#ect-x){position:absolute!important;left:16px!important;bottom:16px!important;z-index:2!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
  padding:8px 14px 8px 10px!important;border-radius:999px!important;font-size:11px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--ect-ink)!important;
  background:rgba(10,12,18,.55)!important;border:1px solid rgba(217,188,140,.25)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}
html body .ect-spot__tag:not(#ect-x) i{width:8px!important;height:8px!important;border-radius:50%!important;background:var(--ect-gold)!important;box-shadow:0 0 0 4px rgba(217,188,140,.18)!important}

/* text */
html body .ect-spot__text:not(#ect-x){display:flex!important;flex-direction:column!important;align-items:flex-start!important;text-align:left!important;min-width:0!important}
html body .ect-spot__eyebrow:not(#ect-x){display:inline-flex!important;align-items:center!important;gap:14px!important;margin:0 0 18px!important;font-size:12px!important;font-weight:500!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:var(--ect-gold)!important}
html body .ect-spot__eyebrow:not(#ect-x)::before{content:""!important;width:42px!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--ect-gold))!important}
html body h4.ect-spot__title:not(#ect-x){margin:0 0 22px!important;padding:0!important;font-family:inherit!important;font-weight:300!important;font-size:clamp(34px,4.2vw,56px)!important;line-height:1.02!important;letter-spacing:-.02em!important;text-transform:none!important;text-align:left!important;color:var(--ect-ink)!important}
html body h4.ect-spot__title:not(#ect-x)::after{display:none!important}
html body h4.ect-spot__title:not(#ect-x) em{font-style:normal!important;background:linear-gradient(100deg,var(--ect-gold-3),var(--ect-gold-2) 45%,var(--ect-gold) 70%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
html body p.ect-spot__name:not(#ect-x){margin:0!important;font-size:clamp(20px,1.9vw,26px)!important;font-weight:500!important;line-height:1.2!important;color:var(--ect-ink)!important;text-align:left!important}
html body p.ect-spot__role:not(#ect-x){margin:6px 0 0!important;font-size:12px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--ect-mute)!important;text-align:left!important}
html body p.ect-spot__lead:not(#ect-x){margin:22px 0 0!important;max-width:44ch!important;font-size:15.5px!important;line-height:1.7!important;font-style:normal!important;color:rgba(242,239,233,.74)!important;text-align:left!important}
html body button.ect-spot__cta:not(#ect-x){display:none!important;align-items:center!important;gap:12px!important;margin:28px 0 0!important;padding:7px 20px 7px 7px!important;border-radius:999px!important;cursor:pointer!important;
  font:500 14px/1 var(--x-sans,Manrope,sans-serif)!important;color:var(--ect-ink)!important;background:rgba(255,255,255,.04)!important;border:1px solid rgba(217,188,140,.3)!important;transition:background .3s,border-color .3s!important}
html body .ect-spot.has-video:not(#ect-x) button.ect-spot__cta{display:inline-flex!important}
html body button.ect-spot__cta:not(#ect-x):hover{background:rgba(217,188,140,.12)!important;border-color:rgba(243,221,179,.6)!important}
html body button.ect-spot__cta:not(#ect-x) span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:50%!important;color:#14110b!important;background:linear-gradient(135deg,var(--ect-gold-2),var(--ect-gold))!important}
html body button.ect-spot__cta:not(#ect-x) svg{width:13px!important;height:13px!important;margin-left:2px!important}

/* vertical video, phone-frame like «Компания в лицах» */
html body .ect-spot__video:not(#ect-x){display:none!important;position:relative!important;aspect-ratio:9/16!important;border-radius:28px!important;overflow:hidden!important;cursor:pointer!important;
  background:#0d1017 center/cover no-repeat!important;border:1px solid rgba(217,188,140,.35)!important;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.95),0 0 0 6px rgba(255,255,255,.02),0 0 60px -10px rgba(217,188,140,.18)!important}
html body .ect-spot.has-video:not(#ect-x) .ect-spot__video{display:block!important;animation:ectFade .9s ease both}
html body .ect-spot__video:not(#ect-x) video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:0!important}
html body .ect-spot__video:not(#ect-x)::after{content:""!important;position:absolute!important;inset:0!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(7,10,18,.1),rgba(7,10,18,.45))!important;transition:opacity .4s!important}
html body .ect-spot__video.is-playing:not(#ect-x)::after{opacity:0!important}
html body .ect-spot__play:not(#ect-x){position:absolute!important;z-index:2!important;left:50%!important;top:50%!important;width:68px!important;height:68px!important;margin:-34px 0 0 -34px!important;padding:0!important;border:0!important;border-radius:50%!important;cursor:pointer!important;
  display:grid!important;place-items:center!important;color:#14110b!important;background:linear-gradient(135deg,var(--ect-gold-2),var(--ect-gold))!important;
  box-shadow:0 0 0 10px rgba(217,188,140,.16),0 20px 40px -10px rgba(0,0,0,.8)!important;transition:transform .35s ease,opacity .35s ease!important}
html body .ect-spot__play:not(#ect-x) svg{width:24px!important;height:24px!important;margin-left:3px!important}
html body .ect-spot__video:not(#ect-x):hover .ect-spot__play{transform:scale(1.08)!important}
html body .ect-spot__video.is-playing:not(#ect-x) .ect-spot__play{opacity:0!important;transform:scale(.7)!important}
html body .ect-spot__vlabel:not(#ect-x){position:absolute!important;z-index:2!important;left:14px!important;right:14px!important;bottom:14px!important;font-size:11px!important;letter-spacing:.2em!important;text-transform:uppercase!important;text-align:center!important;color:rgba(242,239,233,.85)!important;transition:opacity .4s!important}
html body .ect-spot__video.is-playing:not(#ect-x) .ect-spot__vlabel{opacity:0!important}
@keyframes ectFade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ---------- responsive ---------- */
@media (max-width:991px){
  html body .ect-spot:not(#ect-x),html body .ect-spot.has-video:not(#ect-x),html body .ect-spot--rev.has-video:not(#ect-x){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px!important}
  html body .ect-spot:not(#ect-x) .ect-spot__text{grid-column:1/-1!important;order:-1!important}
  html body .ect-spot:not(#ect-x) .ect-spot__photo,html body .ect-spot:not(#ect-x) .ect-spot__video{order:0!important}
  html body .ect-spot:not(.has-video):not(#ect-x) .ect-spot__photo{grid-column:1/-1!important;max-width:520px!important;width:100%!important;justify-self:center!important}
  html body .ect-spot.has-video:not(#ect-x) .ect-spot__photo{aspect-ratio:9/16!important}
}
@media (max-width:600px){
  html body .ect-spots:not(#ect-x){margin-left:0!important;margin-right:0!important}
  html body .ect-spot:not(#ect-x){border-radius:26px!important;padding:16px!important;gap:14px!important}
  html body .ect-spot__photo:not(#ect-x),html body .ect-spot__video:not(#ect-x){border-radius:20px!important}
  html body h4.ect-spot__title:not(#ect-x){font-size:34px!important;margin-bottom:16px!important}
  html body p.ect-spot__lead:not(#ect-x){font-size:14.5px!important;margin-top:16px!important}
  html body .ect-spot__eyebrow:not(#ect-x){margin-bottom:12px!important;font-size:11px!important}
  html body .ect-spot__play:not(#ect-x){width:54px!important;height:54px!important;margin:-27px 0 0 -27px!important}
  html body .ect-spot__tag:not(#ect-x){left:10px!important;bottom:10px!important;font-size:10px!important;padding:6px 10px 6px 8px!important}
  .ect-bg__rail{display:none}
  .ect-bg__ph.is-on{opacity:.13}
}
@media (prefers-reduced-motion:reduce){
  .ect-bg__ph,.ect-fc img,.ect-bg__rail::after,.ect-thread__pulse,html body .ect-spot:not(#ect-x)::before{animation:none!important}
  html body .ect-spot:not(#ect-x){opacity:1;transform:none;transition:none}
}


/* ---------- COO → HR hierarchy (Deniza leads, Linda reports to her) ---------- */
html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x){grid-template-columns:clamp(44px,7vw,96px) minmax(0,1fr)!important;column-gap:0!important;row-gap:clamp(36px,4.4vw,56px)!important}
html body .ect-spots:has(> #ect-hr):not(#ect-x) > #ect-coo{grid-column:1/-1!important;grid-row:1!important}
html body .ect-spots:has(> #ect-coo):not(#ect-x) > #ect-hr{grid-column:2!important;grid-row:2!important}
/* elbow connector from Deniza's card down into Linda's card */
html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x)::before{content:""!important;grid-column:1!important;grid-row:2!important;align-self:stretch!important;
  margin-top:calc(-1 * clamp(36px,4.4vw,56px))!important;pointer-events:none!important;
  --ect-x:clamp(22px,3.4vw,46px);
  background:
    linear-gradient(180deg,rgba(217,188,140,.12),rgba(217,188,140,.75)) no-repeat var(--ect-x) 0/1px calc(clamp(36px,4.4vw,56px) + 72px),
    linear-gradient(90deg,rgba(217,188,140,.75),rgba(217,188,140,.35)) no-repeat var(--ect-x) calc(clamp(36px,4.4vw,56px) + 72px)/100% 1px!important}
html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x)::after{content:""!important;grid-column:1!important;grid-row:2!important;align-self:start!important;justify-self:start!important;
  width:9px!important;height:9px!important;border-radius:50%!important;margin:68px 0 0 calc(clamp(22px,3.4vw,46px) - 4px)!important;
  background:var(--ect-gold,#d9bc8c)!important;box-shadow:0 0 0 5px rgba(217,188,140,.14),0 0 18px rgba(217,188,140,.55)!important;pointer-events:none!important}

/* Deniza — the lead card: larger, stronger */
html body #ect-coo.ect-spot.has-video:not(#ect-x){padding:clamp(28px,3.4vw,48px)!important;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(220px,270px)!important;
  border-color:rgba(217,188,140,.42)!important;box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 90px -40px rgba(217,188,140,.35),inset 0 1px 0 rgba(255,255,255,.07)!important}
html body #ect-coo h4.ect-spot__title:not(#ect-x){font-size:clamp(40px,5vw,68px)!important}
html body #ect-coo p.ect-spot__name:not(#ect-x){font-size:clamp(22px,2.2vw,30px)!important}

/* Linda — the subordinate card: compact, quieter */
html body #ect-hr.ect-spot:not(#ect-x){padding:clamp(18px,2vw,26px)!important;border-radius:28px!important;gap:clamp(18px,2.4vw,32px)!important;
  border-color:rgba(255,255,255,.07)!important;box-shadow:0 30px 70px -40px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.05)!important}
html body #ect-hr.ect-spot--rev.has-video:not(#ect-x){grid-template-columns:minmax(120px,150px) minmax(0,1fr) minmax(170px,230px)!important}
html body #ect-hr .ect-spot__video:not(#ect-x){border-radius:20px!important}
html body #ect-hr .ect-spot__photo:not(#ect-x){border-radius:20px!important}
html body #ect-hr .ect-spot__play:not(#ect-x){width:52px!important;height:52px!important;margin:-26px 0 0 -26px!important}
html body #ect-hr .ect-spot__play:not(#ect-x) svg{width:18px!important;height:18px!important}
html body #ect-hr .ect-spot__vlabel:not(#ect-x){font-size:9.5px!important;letter-spacing:.16em!important}
html body #ect-hr .ect-spot__eyebrow:not(#ect-x){margin-bottom:12px!important;font-size:11px!important}
html body #ect-hr h4.ect-spot__title:not(#ect-x){font-size:clamp(26px,2.7vw,36px)!important;margin-bottom:14px!important}
html body #ect-hr p.ect-spot__name:not(#ect-x){font-size:clamp(18px,1.6vw,21px)!important}
html body #ect-hr p.ect-spot__lead:not(#ect-x){font-size:15px!important;margin-top:14px!important}
html body #ect-hr button.ect-spot__cta:not(#ect-x){margin-top:18px!important;transform:scale(.9)!important;transform-origin:left center!important}
/* "Reports to" chip */
html body #ect-hr .ect-spot__text:not(#ect-x)::before{content:"Reports to Deniza Ganieva · COO"!important;display:inline-flex!important;align-items:center!important;gap:8px!important;
  margin:0 0 14px!important;padding:6px 12px 6px 10px!important;border-radius:999px!important;border:1px solid rgba(217,188,140,.28)!important;background:rgba(217,188,140,.06)!important;
  font-size:10.5px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:rgba(232,214,180,.85)!important;line-height:1.2!important;white-space:nowrap!important}

@media (max-width:991px){
  html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x){grid-template-columns:30px minmax(0,1fr)!important}
  html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x)::before{--ect-x:12px}
  html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x)::after{margin-left:8px!important}
  html body #ect-coo.ect-spot.has-video:not(#ect-x){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html body #ect-hr.ect-spot--rev.has-video:not(#ect-x){grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  html body #ect-hr .ect-spot__text:not(#ect-x)::before{white-space:normal!important}
  html body #ect-hr.ect-spot.has-video:not(#ect-x) .ect-spot__photo,html body #ect-hr .ect-spot__video:not(#ect-x){aspect-ratio:4/5!important}
}
@media (max-width:600px){
  html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x){grid-template-columns:18px minmax(0,1fr)!important}
  html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x)::before{--ect-x:6px}
  html body .ect-spots:has(> #ect-coo):has(> #ect-hr):not(#ect-x)::after{margin-left:2px!important}
  html body #ect-coo.ect-spot.has-video:not(#ect-x){padding:18px!important}
  html body #ect-hr.ect-spot:not(#ect-x){padding:14px!important}
  html body #ect-hr h4.ect-spot__title:not(#ect-x){font-size:28px!important}
  html body #ect-hr .ect-spot__text:not(#ect-x)::before{font-size:9.5px!important;letter-spacing:.1em!important}
}