/* HomeInterior — Авторский надзор в Самаре
   Owner: avtorskiy-nadzor-samara.html
   Page-specific CSS loads after shared typography and partials. */

:root{
  --hi-bg:#030303;
  --hi-surface:#111114;
  --hi-text:#e8e3d4;
  --hi-text-dim:#cfc8b5;
  --hi-text-muted:rgba(255,255,255,.58);
  --hi-accent:#bfa97a;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--hi-bg)}
body.page-author-supervision{margin:0;overflow-x:hidden;background:var(--hi-bg);color:var(--hi-text);scroll-padding-top:84px}
body.page-author-supervision a{color:inherit;text-decoration:none}
body.page-author-supervision img{display:block;max-width:100%}
body.page-author-supervision button,
body.page-author-supervision input{font:inherit}
body.page-author-supervision .wrap{width:min(90%,1600px);margin-inline:auto}
body.page-author-supervision section{padding:36px 0;background:var(--hi-bg);border:0}
body.page-author-supervision section[id]{scroll-margin-top:84px}
body.page-author-supervision p{margin:0 0 12px;color:var(--hi-text-dim)}
body.page-author-supervision ul{margin:0;padding:0;list-style:none}
body.page-author-supervision h1,
body.page-author-supervision h2,
body.page-author-supervision h3{margin:0;color:var(--hi-text)}

/* Hero and accepted intro composition */
body.page-author-supervision #hero{position:relative;min-height:100svh;padding:0;overflow:hidden;isolation:isolate;background:#020202}
/* author-hero-mobile-height-sync-v06 — same mobile hero geometry as the other primary video pages. */
@media (max-width:768px), (max-width:1024px) and (orientation:portrait){
  body.page-author-supervision #hero{height:90vh;min-height:90vh}
  @supports (height:100svh){
    body.page-author-supervision #hero{height:90svh;min-height:90svh}
  }
}
body.page-author-supervision #hero::before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(to bottom,rgba(0,0,0,.66),rgba(0,0,0,.92));transition:opacity .45s ease}
body.page-author-supervision .hero-video-wrap,
body.page-author-supervision .hero-video{position:absolute;inset:0;width:100%;height:100%}
body.page-author-supervision .hero-video-wrap{z-index:1;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .35s ease;background:#000}
body.page-author-supervision .hero-video-wrap.is-ready{opacity:1}
body.page-author-supervision .hero-video{display:block;object-fit:cover;object-position:center}
body.page-author-supervision .hero-fallback{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}

body.page-author-supervision #home-intro{padding:36px 0;text-align:center}
body.page-author-supervision #home-intro .wrap{width:min(90%,1600px);max-width:1500px;padding-inline:24px}
body.page-author-supervision #home-intro .breadcrumbs{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 16px;color:var(--hi-text-muted)}
body.page-author-supervision #home-intro .breadcrumbs a{border-bottom:1px solid rgba(191,169,122,.40);transition:color .2s ease,border-color .2s ease}
body.page-author-supervision #home-intro .breadcrumbs a:hover{color:var(--hi-accent);border-color:var(--hi-accent)}
body.page-author-supervision#top #home-intro .home-kicker{margin-bottom:32px!important}
body.page-author-supervision #home-intro .home-h1{max-width:1360px;margin:0 auto 14px}
body.page-author-supervision #home-intro .home-lead{width:min(100%,1240px);max-width:1240px;margin:0 auto 22px}
body.page-author-supervision #home-intro .home-lead-line{display:block}
body.page-author-supervision #home-intro .home-lead-line + .home-lead-line{margin-top:4px}
body.page-author-supervision #home-intro .cta{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin-top:0}
body.page-author-supervision #home-intro .hi-hero-cta{display:inline-flex;align-items:center;justify-content:center;flex:0 0 224px;width:224px;min-width:224px;max-width:224px;min-height:60px;padding:0 18px;box-sizing:border-box;border-radius:999px;font-size:17px;font-weight:650;line-height:1;white-space:nowrap;text-align:center;text-decoration:none}
body.page-author-supervision #home-intro .hi-hero-cta-primary{background:var(--hi-accent);border:1px solid var(--hi-accent);color:#111;box-shadow:0 0 14px rgba(191,169,122,.22)}
body.page-author-supervision #home-intro .hi-hero-cta-primary:hover,
body.page-author-supervision #home-intro .hi-hero-cta-primary:focus-visible{background:#cfb988;border-color:#cfb988;color:#111;box-shadow:0 0 18px rgba(191,169,122,.34),0 0 34px rgba(191,169,122,.18)}
body.page-author-supervision #home-intro .hi-hero-cta-secondary{background:rgba(28,28,30,.86);border:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.94);box-shadow:0 8px 18px rgba(0,0,0,.26);backdrop-filter:blur(16px) saturate(130%);-webkit-backdrop-filter:blur(16px) saturate(130%)}
body.page-author-supervision #home-intro .hi-hero-cta-secondary:hover,
body.page-author-supervision #home-intro .hi-hero-cta-secondary:focus-visible{background:var(--hi-accent);border-color:var(--hi-accent);color:#000;box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45);backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateY(-1px)}

/* Hero CTA pair follows the accepted component from the repair page:
   primary section link + secondary channel menu. */
body.page-author-supervision#top #home-intro .cta{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:center !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  width:100% !important;
  max-width:none !important;
  margin:14px auto 0 !important;
}
body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-actions{
  flex:0 0 224px !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
}
body.page-author-supervision#top #home-intro .cta .author-hero-channel-actions{
  position:relative !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  z-index:30 !important;
}
body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:224px !important;
  min-width:224px !important;
  max-width:224px !important;
  min-height:60px !important;
  box-sizing:border-box !important;
  padding:20px !important;
  border-radius:999px !important;
  font-family:inherit !important;
  font-size:17px !important;
  line-height:1 !important;
  font-weight:650 !important;
  letter-spacing:0 !important;
  text-align:center !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  text-indent:0 !important;
  opacity:1 !important;
  transform:none !important;
  appearance:none !important;
  cursor:pointer !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .35s ease,transform .25s ease !important;
}
body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary{
  background:var(--hi-accent,#BFA97A) !important;
  background-image:none !important;
  border:1px solid var(--hi-accent,#BFA97A) !important;
  border-color:var(--hi-accent,#BFA97A) !important;
  color:#111 !important;
  box-shadow:0 0 14px rgba(191,169,122,.22) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
  flex:0 0 auto !important;
  height:auto !important;
  max-height:60px !important;
  aspect-ratio:auto !important;
  background:rgba(28,28,30,.86) !important;
  background-image:none !important;
  border:1px solid rgba(255,255,255,.09) !important;
  border-color:rgba(255,255,255,.09) !important;
  color:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;
  -webkit-backdrop-filter:blur(16px) saturate(130%) !important;
}
body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary:hover,
body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary:focus-visible,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle:hover,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle:focus-visible{
  background:#bfa97a !important;
  background-image:none !important;
  border-color:#bfa97a !important;
  color:#000 !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  filter:none !important;
  outline:none !important;
}
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu{
  position:absolute !important;
  left:50% !important;
  top:calc(100% + 12px) !important;
  transform:translateX(-50%) !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  width:360px !important;
  max-width:min(360px,calc(100vw - 32px)) !important;
  padding:10px !important;
  border:1px solid rgba(191,169,122,.32) !important;
  border-radius:18px !important;
  background:#070708 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.42) !important;
  z-index:60 !important;
}
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu[hidden]{
  display:none !important;
}
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu a,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:44px !important;
  padding:11px 14px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  color:#fff !important;
  background:rgba(255,255,255,.035) !important;
  text-decoration:none !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  cursor:pointer !important;
  box-shadow:none !important;
  appearance:none !important;
}
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu a:hover,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu a:focus-visible,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu a:active,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu button:hover,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu button:focus-visible,
body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu button:active{
  background:#BFA97A !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#BFA97A !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;
}
@media (max-width:390px){
  body.page-author-supervision#top #home-intro .cta{
    gap:12px !important;
  }
  body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-actions{
    flex:0 1 280px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:280px !important;
  }
  body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
    min-height:54px !important;
    max-height:54px !important;
    padding:12px 18px !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
    flex:0 0 auto !important;
    height:auto !important;
    width:100% !important;
    max-width:280px !important;
    aspect-ratio:auto !important;
  }
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu{
    grid-template-columns:1fr !important;
    width:280px !important;
    max-width:280px !important;
    top:calc(100% + 10px) !important;
    gap:8px !important;
  }
}
@media (min-width:391px) and (max-width:560px){
  body.page-author-supervision#top #home-intro .cta{
    gap:12px !important;
  }
  body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-actions{
    flex:0 1 290px !important;
    width:100% !important;
    min-width:0 !important;
    max-width:290px !important;
  }
  body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
    min-height:56px !important;
    max-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
    flex:0 0 auto !important;
    height:auto !important;
    width:100% !important;
    max-width:290px !important;
    aspect-ratio:auto !important;
  }
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu{
    grid-template-columns:1fr !important;
    width:290px !important;
    max-width:290px !important;
    top:calc(100% + 10px) !important;
    gap:8px !important;
  }
}
@media (min-width:561px) and (max-width:900px){
  body.page-author-supervision#top #home-intro .cta{
    gap:18px !important;
  }
  body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-actions{
    flex:0 0 280px !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
  }
  body.page-author-supervision#top #home-intro .cta > a.author-hero-cta-primary,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
    min-height:56px !important;
    padding:13px 18px !important;
    font-size:18px !important;
    line-height:1.1 !important;
    font-weight:800 !important;
  }
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-toggle{
    flex:0 0 auto !important;
    height:auto !important;
    width:280px !important;
    min-width:280px !important;
    max-width:280px !important;
    max-height:56px !important;
    aspect-ratio:auto !important;
  }
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu a,
  body.page-author-supervision#top #home-intro .cta .author-hero-channel-menu button{
    height:44px !important;
  }
}

/* Page section rhythm — matched to the accepted gap between the intro CTA and #included title.
   Desktop: 36 + 36 = 72px; tablet: 24 + 35 = 59px;
   mobile: 20 + 29 = 49px; narrow mobile: 18 + 28 = 46px. */
/* Homepage title and subtitle rhythm */
body.page-author-supervision .section-title,
body.page-author-supervision .hi-repair-h2{position:relative;display:table;width:auto;max-width:calc(100vw - 40px);margin:0 auto 38px;padding:0;text-align:center}
body.page-author-supervision .section-title::after,
body.page-author-supervision .hi-repair-h2::after{content:"";position:absolute;left:50%;bottom:-10px;width:calc(100% + clamp(34px,4.2vw,76px));max-width:calc(100vw - 40px);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,rgba(191,169,122,0),rgba(191,169,122,.40) 18%,rgba(191,169,122,.70) 50%,rgba(191,169,122,.40) 82%,rgba(191,169,122,0));box-shadow:0 0 5px rgba(191,169,122,.22),0 0 10px rgba(191,169,122,.08);border-radius:2px}
body.page-author-supervision .section-lead,
body.page-author-supervision .repair-section-lead,
body.page-author-supervision .live-view-intro{max-width:1100px;margin:-10px auto 34px;color:#d8ccad;font-size:var(--hi-section-subtitle-size);line-height:var(--hi-section-subtitle-line);text-align:center}

/* Shared framed shell from homepage and repair page */
body.page-author-supervision .repair-section-intro-box,
body.page-author-supervision .hi-services-shell,
body.page-author-supervision .repair-budget-shell,
body.page-author-supervision .live-view-shell,
body.page-author-supervision .situation-shell{position:relative;overflow:hidden;width:100%;margin:0;padding:24px 28px;background:#09090a;border:1px solid rgba(191,169,122,.24);border-radius:28px;box-shadow:0 1px 0 rgba(255,255,255,.01),inset 0 0 0 1px rgba(255,255,255,.01)}

/* What is included — exact repair control-points component */
body.page-author-supervision #included .repair-control-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;text-align:left}
body.page-author-supervision #included .repair-control-point{min-width:0;padding:24px 34px}
body.page-author-supervision #included .repair-control-point:nth-child(-n+4){border-bottom:1px solid rgba(255,255,255,.12)}
body.page-author-supervision #included .repair-control-point:nth-child(2n){border-left:1px solid rgba(255,255,255,.12)}
body.page-author-supervision #included .repair-control-point:nth-child(-n+2){padding-top:0}
body.page-author-supervision #included .repair-control-point:nth-child(n+5){padding-bottom:0}
body.page-author-supervision #included .repair-control-point h3{margin:0 0 14px}
body.page-author-supervision #included .repair-control-point p{margin:0;line-height:1.68}
body.page-author-supervision #included .included-exclusion-note{margin:26px 10px 0;padding:22px 24px 0;border-top:1px solid rgba(255,255,255,.12);text-align:center}
body.page-author-supervision #included .included-exclusion-note h3{margin:0 0 12px;color:#fff}
body.page-author-supervision #included .included-exclusion-note p{max-width:1080px;margin:0 auto;color:#d8ccad;line-height:1.68}


/* Reused CTA component from homepage and repair page */
body.page-author-supervision .btn-outline{
  display:inline-flex;align-items:center;justify-content:center;min-width:220px;min-height:52px;
  padding:15px 24px;border:1px solid rgba(191,169,122,.65);border-radius:12px;
  background:#000;color:#fff;font-family:inherit;font-size:16px;font-weight:600;line-height:1.2;
  text-align:center;text-decoration:none;cursor:pointer;box-shadow:none;
  transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,transform .25s ease;
}
body.page-author-supervision .btn-outline:hover,
body.page-author-supervision .btn-outline:focus-visible{
  background:rgba(34,34,36,.90);color:#fff;border-color:rgba(191,169,122,.65);
  box-shadow:0 8px 18px rgba(0,0,0,.26);outline:none;
}
body.page-author-supervision .live-view-actions .btn-outline,
body.page-author-supervision .repair-budget-actions .btn-outline{width:100%;max-width:310px}
body.page-author-supervision .portfolio-more-btn{background:#202020;border-color:rgba(255,255,255,.14)}

/* Three roles — homepage feature grid with role-specific line icons */
body.page-author-supervision #responsibility .repair-budget-shell{padding:34px 38px 30px}
body.page-author-supervision #responsibility .responsibility-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%}
body.page-author-supervision #responsibility .responsibility-role-card{
  position:relative;display:grid;grid-template-columns:50px minmax(0,1fr);grid-template-rows:auto 1fr;
  min-width:0;padding:2px 34px;column-gap:28px;row-gap:20px;align-content:start;
  border:0;background:transparent;box-shadow:none
}
body.page-author-supervision #responsibility .responsibility-role-card:first-child{padding-left:0}
body.page-author-supervision #responsibility .responsibility-role-card:last-child{padding-right:0}
body.page-author-supervision #responsibility .responsibility-role-card + .responsibility-role-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:rgba(255,255,255,.10);pointer-events:none
}
body.page-author-supervision #responsibility .responsibility-role-icon{
  position:relative;top:-3px;display:flex;grid-column:1;grid-row:1;align-items:center;justify-content:flex-start;
  align-self:center;width:50px;height:50px;margin:0;color:#d7bb85
}
body.page-author-supervision #responsibility .responsibility-role-icon svg{
  display:block;width:50px;height:50px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke
}
body.page-author-supervision #responsibility .responsibility-role-card h3{
  grid-column:2;grid-row:1;align-self:center;margin:0;font-size:clamp(25px,1.48vw,30px)!important;line-height:1.18!important;text-align:left
}
body.page-author-supervision #responsibility .responsibility-role-card p{
  grid-column:1/-1;grid-row:2;width:auto;margin:0;color:rgba(243,238,228,.76);
  font-size:clamp(17px,1vw,19px);line-height:1.58;letter-spacing:-.01em;text-align:left
}
body.page-author-supervision .responsibility-note{margin:26px 10px 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);color:#d8ccad;text-align:center}

/* Two-column comparison and live-view component */
body.page-author-supervision .live-view-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
body.page-author-supervision .live-view-option{min-width:0;padding:6px 34px 6px 10px}
body.page-author-supervision .live-view-option + .live-view-option{padding-left:34px;padding-right:10px;border-left:1px solid rgba(255,255,255,.12)}
body.page-author-supervision .live-view-option h3{margin:0 0 10px}
body.page-author-supervision .live-view-copy{margin:0 0 16px;line-height:1.52}
body.page-author-supervision .live-view-list{display:grid;gap:8px}
body.page-author-supervision .live-view-list li{position:relative;padding-left:18px;color:var(--hi-text-dim);line-height:1.45}
body.page-author-supervision .live-view-list li::before{content:"";position:absolute;left:0;top:.68em;width:6px;height:6px;border-radius:50%;background:#d4b873}
body.page-author-supervision .live-view-actions{display:flex;justify-content:center;margin:28px 10px 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}

/* Temporary situations — restored from v01 */
body.page-author-supervision .situations-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.page-author-supervision .situation-card{overflow:hidden;border:1px solid rgba(191,169,122,.28);border-radius:24px;background:#09090a}
body.page-author-supervision .situation-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#0c0c0b}
body.page-author-supervision .situation-body{padding:24px}
body.page-author-supervision .situation-body h3{margin-bottom:14px;font-size:var(--hi-type-h3);line-height:var(--hi-type-h3-line);font-weight:800}
body.page-author-supervision .situation-row{padding:12px 0;border-top:1px solid rgba(255,255,255,.09)}
body.page-author-supervision .situation-row:first-of-type{border-top:0;padding-top:0}
body.page-author-supervision .situation-row:last-child{padding-bottom:0}
body.page-author-supervision .situation-label{display:block;margin-bottom:3px;color:var(--hi-accent);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.page-author-supervision .situation-row p{margin:0}

/* Realized projects — exact project-card component from the site reference */
body.page-author-supervision #portfolio{
  --cta-halo-1:0 0 30px rgba(212,184,115,.85);
  --cta-halo-2:0 0 66px rgba(212,184,115,.32);
  --cta-halo-3:0 0 110px rgba(212,184,115,.14);
  position:relative;
  z-index:2;
}
body.page-author-supervision #portfolio .gallery{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:6px;
  row-gap:0;
  width:100%;
  margin:40px 0 0;
  padding:0;
}
body.page-author-supervision #portfolio .gallery-item{
  display:flex;
  min-width:0;
  overflow:hidden;
  flex-direction:column;
  box-sizing:border-box;
  border-radius:0;
  background:transparent;
}
body.page-author-supervision #portfolio .gallery-item-inner{
  display:block;
  height:auto;
  flex:0 0 auto;
  overflow:hidden;
  aspect-ratio:16/9;
  border-radius:0;
}
body.page-author-supervision #portfolio .gallery-item-inner img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:0;
  transition:transform .4s ease;
}
body.page-author-supervision #portfolio .gallery-item:hover .gallery-item-inner img,
body.page-author-supervision #portfolio .gallery-item:focus-within .gallery-item-inner img,
body.page-author-supervision #portfolio .gallery-item-inner.is-touching img{
  transform:scale(1.08);
}
body.page-author-supervision #portfolio .project-caption-link{
  display:block;
  position:relative;
  z-index:3;
  color:inherit;
  text-decoration:none;
  cursor:pointer;
  background:transparent;
}
body.page-author-supervision #portfolio .project-caption{
  position:relative;
  padding:26px 32px 48px;
  background:transparent;
}
body.page-author-supervision #portfolio .project-caption-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
body.page-author-supervision #portfolio .project-caption-title{
  font-size:28px;
  line-height:1.05;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  transition:color .36s ease;
}
body.page-author-supervision #portfolio .project-caption-sub{
  margin-top:10px;
  color:inherit;
  font-size:16px;
  line-height:1.35;
  opacity:.65;
}
body.page-author-supervision #portfolio .project-cta-circle,
body.page-author-supervision #portfolio .project-cta-circle.cta-in-caption{
  --cta-arrow-shift:0px;
  --cta-arrow-active-y:.8px;
  display:flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:#fff;
  box-shadow:none;
  pointer-events:none;
  transition:box-shadow .3s ease,background .3s ease;
}
body.page-author-supervision #portfolio .project-cta-circle.cta-in-caption.cta-abs{
  position:absolute;
  right:52px;
  top:26px;
  bottom:auto;
  transform:translateY(20px);
}
body.page-author-supervision #portfolio .project-cta-circle span{
  display:flex;
  align-items:center;
  justify-content:center;
  width:1em;
  height:1em;
  color:#fff;
  font-size:26px;
  line-height:1;
  transform-origin:50% 50%;
  transform:rotate(180deg);
  transition:transform .56s cubic-bezier(.22,.61,.36,1);
}
body.page-author-supervision #portfolio .gallery-item:hover .project-cta-circle.cta-in-caption,
body.page-author-supervision #portfolio .gallery-item:focus-within .project-cta-circle.cta-in-caption,
body.page-author-supervision #portfolio .project-caption-link:hover .project-cta-circle.cta-in-caption,
body.page-author-supervision #portfolio .project-caption-link:focus-visible .project-cta-circle.cta-in-caption,
body.page-author-supervision #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle.cta-in-caption{
  background:transparent;
  box-shadow:var(--cta-halo-1),var(--cta-halo-2),var(--cta-halo-3);
}
body.page-author-supervision #portfolio .gallery-item:hover .project-cta-circle span,
body.page-author-supervision #portfolio .gallery-item:focus-within .project-cta-circle span,
body.page-author-supervision #portfolio .project-caption-link:hover .project-cta-circle span,
body.page-author-supervision #portfolio .project-caption-link:focus-visible .project-cta-circle span,
body.page-author-supervision #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{
  transform:translateY(var(--cta-arrow-active-y)) rotate(270deg);
}
body.page-author-supervision #portfolio .gallery-item:hover .project-caption-title,
body.page-author-supervision #portfolio .gallery-item:focus-within .project-caption-title,
body.page-author-supervision #portfolio .project-caption-link:hover .project-caption-title,
body.page-author-supervision #portfolio .project-caption-link:focus-visible .project-caption-title{
  color:#bfa97a;
}
body.page-author-supervision .portfolio-more-wrap{display:flex;justify-content:center;margin-top:18px}

@media (max-width:900px){
  body.page-author-supervision #portfolio .gallery{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:0;
    margin-top:40px;
  }
  body.page-author-supervision #portfolio .project-caption{padding:22px 18px 30px}
  body.page-author-supervision #portfolio .project-caption-title{font-size:18px;line-height:1.06}
  body.page-author-supervision #portfolio .project-caption-sub{font-size:15px}
  body.page-author-supervision #portfolio .project-cta-circle.cta-in-caption.cta-abs{
    right:18px;
    top:22px;
    transform:translateY(0);
  }
  body.page-author-supervision #portfolio .project-cta-circle span{
    width:100%;
    height:100%;
    font-size:34px;
    transform:rotate(180deg);
  }
  body.page-author-supervision #portfolio .gallery-item:hover .project-cta-circle span,
  body.page-author-supervision #portfolio .gallery-item:focus-within .project-cta-circle span,
  body.page-author-supervision #portfolio .project-caption-link:hover .project-cta-circle span,
  body.page-author-supervision #portfolio .project-caption-link:focus-visible .project-cta-circle span,
  body.page-author-supervision #portfolio .gallery-item-inner.is-touching + .project-caption-link .project-cta-circle span{
    transform:rotate(270deg);
  }
  body.page-author-supervision #portfolio .project-caption-link,
  body.page-author-supervision #portfolio .gallery-item-inner{
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
  }
  body.page-author-supervision #portfolio .project-cta-circle,
  body.page-author-supervision #portfolio .project-caption-link:active .project-cta-circle,
  body.page-author-supervision #portfolio .project-caption-link:focus .project-cta-circle{
    background:transparent;
  }
}

/* Single price inside the repair-page framed component */
body.page-author-supervision .author-price-shell{text-align:center}
body.page-author-supervision .author-price-included{color:var(--hi-text);font-weight:650}
body.page-author-supervision .author-price-label{margin:2px 0 10px;color:var(--hi-accent);font-size:14px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}
body.page-author-supervision .author-price-value{margin:0 0 16px;color:var(--hi-text);font-size:clamp(36px,4vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.035em}
body.page-author-supervision .author-price-note{max-width:900px;margin:0 auto 24px;line-height:1.55}
body.page-author-supervision .repair-budget-actions{display:flex;justify-content:center;margin:0;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}

/* FAQ from homepage */
body.page-author-supervision .hi-faq{max-width:1040px;margin-inline:auto}
body.page-author-supervision .faq-item{border:1px solid rgba(191,169,122,.24);border-radius:18px;background:rgba(255,255,255,.018);transition:border-color .2s ease,background .2s ease}
body.page-author-supervision .faq-item + .faq-item{margin-top:10px}
body.page-author-supervision .faq-item:hover,
body.page-author-supervision .faq-item[open]{border-color:rgba(191,169,122,.52);background:rgba(191,169,122,.045)}
body.page-author-supervision .faq-item summary{position:relative;padding:19px 54px 19px 22px;color:var(--hi-text);font-size:clamp(17px,1.2vw,20px);font-weight:700;line-height:1.35;cursor:pointer;list-style:none}
body.page-author-supervision .faq-item summary::-webkit-details-marker{display:none}
body.page-author-supervision .faq-item summary::after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);color:var(--hi-accent);font-size:26px;font-weight:400}
body.page-author-supervision .faq-item[open] summary::after{content:"−"}
body.page-author-supervision .faq-body{padding:0 22px 20px}
body.page-author-supervision .faq-body p{margin:0}

/* Existing contact and modal components */
body.page-author-supervision #contacts{padding-bottom:96px}
body.page-author-supervision .hi-contact-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1200px;margin-inline:auto}
body.page-author-supervision .hi-contact-form-card,
body.page-author-supervision .hi-contact-info-card{padding:34px;border:1px solid rgba(191,169,122,.28);border-radius:24px;background:rgba(255,255,255,.02);box-shadow:0 24px 64px rgba(0,0,0,.34)}
body.page-author-supervision .hi-contact-eyebrow{margin:0 0 9px;color:var(--hi-accent);font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
body.page-author-supervision .hi-contact-form-card h3,
body.page-author-supervision .hi-contact-info-card h3{margin-bottom:12px}
body.page-author-supervision .hi-contact-text{margin-bottom:22px}
body.page-author-supervision .hi-contact-form{display:grid;gap:14px}
body.page-author-supervision .hi-contact-field{display:grid;gap:7px}
body.page-author-supervision .hi-contact-field span{color:var(--hi-text);font-size:14px;font-weight:600}
body.page-author-supervision .hi-contact-field input{width:100%;height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#fff;color:#222;outline:0}
body.page-author-supervision .hi-contact-field input:focus{border-color:var(--hi-accent);box-shadow:0 0 0 4px rgba(191,169,122,.18)}
body.page-author-supervision .hi-contact-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 22px;border:1px solid var(--hi-accent);border-radius:999px;background:var(--hi-accent);color:#111;font-weight:700;cursor:pointer}
body.page-author-supervision .hi-contact-consent{display:flex;align-items:flex-start;gap:10px;color:var(--hi-text-muted);font-size:12px;line-height:1.45}
body.page-author-supervision .hi-contact-consent input{margin-top:3px;accent-color:var(--hi-accent)}
body.page-author-supervision .hi-contact-consent a{color:#d8ccad;border-bottom:1px solid rgba(191,169,122,.35)}
body.page-author-supervision .hi-contact-form-status{min-height:22px;color:var(--hi-text-dim);font-size:14px}
body.page-author-supervision .hi-contact-links{display:grid;gap:10px;margin-top:20px}
body.page-author-supervision .hi-contact-link{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid rgba(255,255,255,.10)}
body.page-author-supervision .hi-contact-link span,
body.page-author-supervision .hi-contact-address span{color:var(--hi-text-muted)}
body.page-author-supervision .hi-contact-address{display:grid;gap:7px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.10)}
body.page-author-supervision .hi-contact-map-link{width:max-content;color:var(--hi-accent);border-bottom:1px solid rgba(191,169,122,.42)}
body.page-author-supervision .hi-contact-map{margin-top:18px}
body.page-author-supervision .map-placeholder{display:flex;align-items:center;justify-content:center;min-height:170px;padding:24px;border:1px dashed rgba(191,169,122,.38);border-radius:16px;color:#d8ccad;text-align:center;cursor:pointer;background:rgba(255,255,255,.018)}
body.page-author-supervision .map-canvas iframe{width:100%;height:300px;border:0;border-radius:16px}

body.page-author-supervision .hi-modal-backdrop{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}
body.page-author-supervision .hi-modal-backdrop.open{display:flex}
body.page-author-supervision .hi-modal{width:min(100%,480px);padding:30px;border:1px solid rgba(191,169,122,.28);border-radius:24px;background:#11110f;box-shadow:0 28px 90px rgba(0,0,0,.62)}
body.page-author-supervision .hi-modal h3{margin-bottom:10px}
body.page-author-supervision .hi-field{display:grid;gap:7px;margin-top:14px}
body.page-author-supervision .hi-field label{font-size:14px;font-weight:600}
body.page-author-supervision .hi-input{width:100%;height:50px;padding:0 15px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#fff;color:#222;outline:0}
body.page-author-supervision .hi-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
body.page-author-supervision .hi-actions .hi-btn,
body.page-author-supervision .hi-btn-ghost{min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;cursor:pointer}
body.page-author-supervision .hi-btn-ghost{border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff}
body.page-author-supervision .hi-form-success{display:none;margin:18px 0 0;padding:14px;border:1px solid rgba(191,169,122,.35);border-radius:14px}
body.page-author-supervision .hi-form.is-success .hi-field,
body.page-author-supervision .hi-form.is-success .hi-actions button[type="submit"]{display:none}
body.page-author-supervision .hi-form.is-success .hi-form-success{display:block}

@media (max-width:1200px){
  body.page-author-supervision .situations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.page-author-supervision .situations-grid .situation-card:last-child{grid-column:1/-1;max-width:calc(50% - 9px);justify-self:center}
}

@media (max-width:1100px){
  body.page-author-supervision #responsibility .responsibility-role-grid{grid-template-columns:1fr}
  body.page-author-supervision #responsibility .responsibility-role-card{padding:26px 0}
  body.page-author-supervision #responsibility .responsibility-role-card:first-child{padding-top:0}
  body.page-author-supervision #responsibility .responsibility-role-card:last-child{padding-bottom:0}
  body.page-author-supervision #responsibility .responsibility-role-card + .responsibility-role-card::before{
    top:0;right:0;bottom:auto;width:auto;height:1px;background:rgba(191,169,122,.16)
  }
}

@media (max-width:640px){
  body.page-author-supervision .situations-grid{grid-template-columns:1fr}
  body.page-author-supervision .situations-grid .situation-card:last-child{grid-column:auto;max-width:none}
}

@media (max-width:900px){
  body.page-author-supervision{scroll-padding-top:72px}
  body.page-author-supervision section{padding:35px 0 24px}
  body.page-author-supervision section[id]{scroll-margin-top:72px}
  body.page-author-supervision .wrap{width:92%}
  body.page-author-supervision #home-intro{padding:28px 0 24px}
  body.page-author-supervision #home-intro .wrap{width:min(92%,760px);padding-inline:0}
  body.page-author-supervision#top #home-intro .home-kicker{margin-bottom:26px!important}
  body.page-author-supervision #home-intro .home-h1{max-width:720px;margin-bottom:14px}
  body.page-author-supervision #home-intro .home-lead{max-width:720px;margin-bottom:20px}
  body.page-author-supervision #home-intro .cta{flex-direction:row;gap:12px}
  body.page-author-supervision #home-intro .hi-hero-cta{flex:0 1 300px;width:100%;min-width:0;max-width:300px;min-height:56px;padding:13px 18px;font-size:19px;line-height:1.15;font-weight:800}
  body.page-author-supervision .section-title,
  body.page-author-supervision .hi-repair-h2{max-width:calc(100vw - 24px)}
  body.page-author-supervision .section-title::after,
  body.page-author-supervision .hi-repair-h2::after{width:calc(100% + 72px);max-width:calc(100vw - 24px)}
  body.page-author-supervision .section-lead,
  body.page-author-supervision .repair-section-lead,
  body.page-author-supervision .live-view-intro{max-width:760px;margin-bottom:30px}
  body.page-author-supervision .repair-section-intro-box,
  body.page-author-supervision .hi-services-shell,
  body.page-author-supervision .repair-budget-shell,
  body.page-author-supervision .live-view-shell,
  body.page-author-supervision .situation-shell{padding:20px}
  body.page-author-supervision #responsibility .repair-budget-shell{padding:24px 22px 22px}
  body.page-author-supervision #included .repair-control-points,
  body.page-author-supervision .live-view-options,
  body.page-author-supervision .hi-contact-panel{grid-template-columns:1fr}
  body.page-author-supervision #included .repair-control-point:nth-child(n){padding:20px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.12)}
  body.page-author-supervision #included .repair-control-point:first-child{padding-top:0}
  body.page-author-supervision #included .repair-control-point:last-child{padding-bottom:0;border-bottom:0}
  body.page-author-supervision #included .included-exclusion-note{margin:24px 0 0;padding:20px 0 0;text-align:left}
  body.page-author-supervision #included .included-exclusion-note h3{text-align:center}
  body.page-author-supervision #responsibility .responsibility-role-card{
    grid-template-columns:32px minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:18px;align-items:start
  }
  body.page-author-supervision #responsibility .responsibility-role-icon{
    top:0;align-items:center;justify-content:center;width:32px;height:32px
  }
  body.page-author-supervision #responsibility .responsibility-role-icon svg{width:32px;height:32px}
  body.page-author-supervision #responsibility .responsibility-role-card h3{font-size:var(--hi-type-h3)!important;line-height:var(--hi-type-h3-line)!important}
  body.page-author-supervision #responsibility .responsibility-role-card p{font-size:var(--hi-type-copy);line-height:1.58}
  body.page-author-supervision .live-view-option{padding:0 0 24px}
  body.page-author-supervision .live-view-option + .live-view-option{padding:24px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  body.page-author-supervision .live-view-actions .btn-outline,
  body.page-author-supervision .repair-budget-actions .btn-outline{max-width:none}
}

@media (max-width:560px){
  body.page-author-supervision section{padding:29px 0 20px}
  body.page-author-supervision #home-intro{padding:24px 0 20px}
  body.page-author-supervision #home-intro .wrap{width:min(96%,760px)}
  body.page-author-supervision#top #home-intro .home-kicker{margin-bottom:22px!important}
  body.page-author-supervision #home-intro .home-h1{margin-bottom:12px}
  body.page-author-supervision #home-intro .home-lead-line{display:inline}
  body.page-author-supervision #home-intro .home-lead-line + .home-lead-line{margin-top:0}
  body.page-author-supervision .section-title,
  body.page-author-supervision .hi-repair-h2{margin-bottom:34px}
  body.page-author-supervision .section-lead,
  body.page-author-supervision .repair-section-lead,
  body.page-author-supervision .live-view-intro{text-align:left;margin-top:-8px}
  body.page-author-supervision .repair-section-intro-box,
  body.page-author-supervision .hi-services-shell,
  body.page-author-supervision .repair-budget-shell,
  body.page-author-supervision .live-view-shell,
  body.page-author-supervision .situation-shell,
  body.page-author-supervision .hi-contact-form-card,
  body.page-author-supervision .hi-contact-info-card{padding:20px 18px;border-radius:20px}
  body.page-author-supervision #responsibility .repair-budget-shell{padding:22px 18px 20px}
  body.page-author-supervision #responsibility .responsibility-role-card{padding:20px 0}
  body.page-author-supervision #responsibility .responsibility-role-card:first-child{padding-top:0}
  body.page-author-supervision #responsibility .responsibility-role-card:last-child{padding-bottom:0}
  body.page-author-supervision .portfolio-more-btn{width:100%;max-width:300px}
  body.page-author-supervision .author-price-value{font-size:clamp(32px,10vw,44px)}
  body.page-author-supervision .faq-item summary{padding:18px 48px 18px 18px}
  body.page-author-supervision .faq-item summary::after{right:18px}
  body.page-author-supervision .faq-body{padding:0 18px 18px}
  body.page-author-supervision .hi-contact-link{display:grid;gap:3px}
  body.page-author-supervision .hi-actions{flex-direction:column-reverse}
  body.page-author-supervision .hi-actions button{width:100%}
}

@media (max-width:390px){
  body.page-author-supervision section{padding:28px 0 18px}
  body.page-author-supervision #home-intro{padding:22px 0 18px}
  body.page-author-supervision #home-intro .wrap{width:min(98%,760px)}
  body.page-author-supervision#top #home-intro .home-kicker{margin-bottom:20px!important}
  body.page-author-supervision #home-intro .home-lead{margin-bottom:18px}
  body.page-author-supervision #home-intro .hi-hero-cta{max-width:280px;min-height:54px;padding:12px 18px;font-size:18px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* === author-supervision-homepage-steps-v10 ===
   Owner: avtorskiy-nadzor-samara.html / #design-steps.
   Exact component structure and behavior from index.html / “Как мы работаем”.
   Text is page-specific; layout, numbering, title rhythm and responsive behavior follow the homepage. Desktop separators are removed, matching the accepted homepage component. */
body.page-author-supervision #design-steps > .wrap > .section-title{
  margin-bottom:40px;
}

body.page-author-supervision #design-steps .grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:28px;
  row-gap:38px;
  counter-reset:hi-step;
  padding-top:10px;
}

body.page-author-supervision #design-steps .grid > div{
  position:relative;
  min-width:0;
  padding:0 0 0 52px;
  border-bottom:0;
}

body.page-author-supervision #design-steps .grid > div:nth-child(-n+3){
  border-bottom:0;
}

body.page-author-supervision #design-steps .grid > div::before{
  counter-increment:hi-step;
  content:counter(hi-step);
  position:absolute;
  top:-.38em;
  left:0;
  width:36px;
  height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(191,169,122,.48);
  border-radius:50%;
  background:transparent;
  color:rgba(255,250,236,.96);
  box-shadow:none;
  font-size:19px;
  font-weight:650;
  line-height:1;
}

body.page-author-supervision #design-steps .grid > div.hi-step-active::before{
  background:rgba(191,169,122,.88);
  border-color:rgba(191,169,122,.58);
  color:#050505;
  box-shadow:0 0 10px rgba(191,169,122,.35),0 0 20px rgba(191,169,122,.18);
}

body.page-author-supervision #design-steps .grid h3{
  margin:0 0 8px;
}

body.page-author-supervision #design-steps .grid p{
  margin:0;
}

@media (min-width:901px){
  body.page-author-supervision #responsibility{
    padding-top:29px;
  }
}

@media (max-width:900px){
  body.page-author-supervision #design-steps > .wrap > .section-title{
    margin-bottom:28px;
  }

  body.page-author-supervision #design-steps .grid{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:34px;
  }

  body.page-author-supervision #design-steps .grid > div{
    padding:0 0 26px 44px;
    border-bottom:0;
  }

  body.page-author-supervision #design-steps .grid > div:nth-child(-n+3){
    border-bottom:0;
  }

  body.page-author-supervision #design-steps .grid > div:not(:last-child){
    border-bottom:1px solid rgba(191,169,122,.16);
  }

  body.page-author-supervision #design-steps .grid > div::before{
    top:-5px;
    width:30px;
    height:30px;
  }

  body.page-author-supervision #design-steps .grid h3{
    margin-bottom:6px;
  }
}

/* === author-supervision-homepage-team-and-live-view-v10 ===
   Owner: avtorskiy-nadzor-samara.html / #team + #realized-view.
   The company editorial and live-view components follow the accepted homepage
   markup, layout, icons, channel menu and responsive behavior. */
body.page-author-supervision#top #team{
  padding-top:0 !important;
  padding-bottom:56px !important;
}

body.page-author-supervision#top #team > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap,20px) !important;
}

body.page-author-supervision#top #team .team-editorial-intro{
  width:min(900px,calc(100vw - 48px)) !important;
  margin:0 auto 30px !important;
  text-align:center !important;
}

body.page-author-supervision#top #team .team-editorial-intro-desktop-break{
  display:none !important;
}

body.page-author-supervision#top #team .team-editorial-layout{
  position:relative !important;
  left:50% !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:6px !important;
  width:100vw !important;
  margin-left:-50vw !important;
  margin-right:-50vw !important;
  overflow:hidden !important;
  background:transparent !important;
}

body.page-author-supervision#top #team .team-editorial-card{
  display:flex !important;
  min-width:0 !important;
  flex-direction:column !important;
  background:transparent !important;
}

body.page-author-supervision#top #team .team-editorial-visual{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
  background:#050505 !important;
}

body.page-author-supervision#top #team .team-editorial-visual picture{
  display:block !important;
}

body.page-author-supervision#top #team .team-editorial-img{
  display:block !important;
  width:100% !important;
  height:clamp(420px,28.5vw,560px) !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  object-fit:cover !important;
  object-position:center center !important;
  box-shadow:none !important;
}

body.page-author-supervision#top #team .team-editorial-copy{
  padding:24px clamp(24px,3.6vw,72px) 0 !important;
  color:rgba(255,255,255,.78) !important;
  background:transparent !important;
}

body.page-author-supervision#top #team .team-editorial-copy p{
  max-width:none !important;
  margin:0 0 5px !important;
  text-align:left !important;
  text-align-last:auto !important;
  text-justify:auto !important;
}

body.page-author-supervision#top #team .team-editorial-copy p:last-child{
  margin-bottom:0 !important;
}

@media (min-width:901px){
  body.page-author-supervision#top #team{
    --team-wrap-edge:max(5vw,calc((100vw - 1600px) / 2));
    --team-copy-inner-gap:clamp(36px,3.2vw,64px);
  }

  body.page-author-supervision#top #team .team-editorial-intro-desktop-break{
    display:inline !important;
  }

  body.page-author-supervision#top #team .team-editorial-card--left .team-editorial-copy{
    padding-left:calc(var(--team-wrap-edge) + 14px) !important;
    padding-right:var(--team-copy-inner-gap) !important;
  }

  body.page-author-supervision#top #team .team-editorial-card--right .team-editorial-copy{
    padding-left:var(--team-copy-inner-gap) !important;
    padding-right:var(--team-wrap-edge) !important;
  }
}

@media (max-width:1400px) and (min-width:901px){
  body.page-author-supervision#top #team .team-editorial-img{
    height:clamp(390px,32vw,460px) !important;
  }
}

@media (max-width:900px){
  body.page-author-supervision#top #team{
    padding-bottom:24px !important;
  }

  body.page-author-supervision#top #team .team-editorial-intro{
    width:100% !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:24px !important;
  }

  body.page-author-supervision#top #team .team-editorial-layout{
    left:50% !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    width:100vw !important;
    margin-left:-50vw !important;
    margin-right:-50vw !important;
  }

  body.page-author-supervision#top #team .team-editorial-card + .team-editorial-card{
    margin-top:30px !important;
  }

  body.page-author-supervision#top #team .team-editorial-img{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }

  body.page-author-supervision#top #team .team-editorial-copy{
    width:min(92vw,760px) !important;
    margin:0 auto !important;
    padding:18px 0 0 !important;
  }
}

@media (max-width:560px){
  body.page-author-supervision#top #team .team-editorial-intro{
    width:100% !important;
    max-width:680px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    margin-bottom:22px !important;
    text-align:center !important;
  }

  body.page-author-supervision#top #team .team-editorial-card + .team-editorial-card{
    margin-top:28px !important;
  }

  body.page-author-supervision#top #team .team-editorial-copy{
    width:calc(100vw - 32px) !important;
    padding-top:18px !important;
  }
}

body.page-author-supervision#top #realized-view.index-live-view > .wrap > .section-title{
  margin-bottom:var(--hi-section-title-gap,20px) !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-intro{
  width:100% !important;
  max-width:none !important;
  margin:0 auto !important;
  text-align:center !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-intro span{
  display:block !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-shell{
  margin-top:30px !important;
  padding:34px 38px 36px !important;
  overflow:hidden !important;
  border:1px solid rgba(191,169,122,.25) !important;
  border-radius:28px !important;
  background:#09090a !important;
  box-shadow:0 18px 46px rgba(0,0,0,.24) !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-options{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
  gap:0 !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option{
  min-width:0 !important;
  padding:2px 34px 2px 0 !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option + .live-view-option{
  padding:2px 0 2px 34px !important;
  border-left:1px solid rgba(191,169,122,.18) !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option-heading{
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  min-height:50px !important;
  margin:0 0 20px !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option-heading h3{
  margin:0 !important;
  text-align:left !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option-icon{
  position:relative !important;
  top:-3px !important;
  display:flex !important;
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 !important;
  color:#d7bb85 !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option-icon svg{
  display:block !important;
  width:50px !important;
  height:50px !important;
  overflow:visible !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  vector-effect:non-scaling-stroke !important;
  transform:scale(1.04) !important;
  transform-origin:center !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option-icon img{
  display:block !important;
  width:50px !important;
  height:50px !important;
  object-fit:contain !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-option:nth-child(2) .live-view-option-icon img{
  width:53px !important;
  height:53px !important;
  max-width:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-copy{
  max-width:none !important;
  margin:0 0 14px !important;
  text-align:left !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-list{
  margin:10px 0 0 !important;
  padding-left:18px !important;
  list-style:disc !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-list li{
  display:list-item !important;
  margin:5px 0 !important;
  padding-left:0 !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-list li::before{
  display:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-list li::marker{
  color:#bfa96a !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-actions{
  display:flex !important;
  position:relative !important;
  width:100% !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  gap:16px !important;
  margin:30px auto 0 !important;
  padding-top:26px !important;
  border-top:1px solid rgba(191,169,122,.15) !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle{
  width:min(100%,338px) !important;
  max-width:338px !important;
  min-height:52px !important;
  padding:15px 24px !important;
  border:1px solid rgba(191,169,122,.65) !important;
  border-radius:12px !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1 !important;
  appearance:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:focus-visible{
  border-color:rgba(191,169,122,.65) !important;
  background:rgba(34,34,36,.90) !important;
  color:#fff !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  transform:none !important;
  outline:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  width:min(100%,620px) !important;
  max-width:620px !important;
  margin:12px auto 0 !important;
  padding:10px !important;
  border:1px solid rgba(191,169,122,.32) !important;
  border-radius:18px !important;
  background:#070708 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu[hidden]{
  display:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:46px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  appearance:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  color:inherit !important;
  opacity:1 !important;
  transform:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon--telegram{
  width:17px !important;
  height:17px !important;
  flex-basis:17px !important;
  fill:currentColor !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon--max{
  fill:currentColor !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon--phone{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a:active,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button:active{
  border-color:#bfa97a !important;
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:none !important;
  opacity:1 !important;
  outline:none !important;
}

body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:active{
  border-color:rgba(191,169,122,.65) !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  box-shadow:none !important;
  transform:none !important;
  outline:none !important;
}

@media (max-width:980px){
  body.page-author-supervision#top #realized-view.index-live-view .live-view-shell{
    padding:28px 24px 29px !important;
    border-radius:24px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-options{
    grid-template-columns:minmax(0,1fr) !important;
    gap:26px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-option,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-option + .live-view-option{
    padding:0 !important;
    border-left:0 !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-option + .live-view-option{
    padding-top:24px !important;
    border-top:1px solid rgba(191,169,122,.16) !important;
  }
}

@media (max-width:900px){
  body.page-author-supervision#top #realized-view.index-live-view > .wrap > .section-title{
    margin-bottom:20px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-intro{
    width:100% !important;
    max-width:680px !important;
    margin:0 auto !important;
    text-align:center !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-option-heading{
    gap:18px !important;
    min-height:0 !important;
    margin:0 0 18px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-option-icon{
    position:static !important;
    display:flex !important;
    width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-option-icon svg,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-option-icon img{
    width:32px !important;
    height:32px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-option:nth-child(2) .live-view-option-icon img{
    width:35px !important;
    height:35px !important;
    max-width:none !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-list li{
    white-space:nowrap !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-actions{
    align-items:stretch !important;
    gap:12px !important;
    margin-top:26px !important;
    padding-top:24px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    overflow:visible !important;
    font-size:18px !important;
    font-weight:600 !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle::after{
    content:"" !important;
    position:absolute !important;
    left:50% !important;
    bottom:-9px !important;
    width:16px !important;
    height:16px !important;
    border:0 !important;
    border-right:1px solid rgba(191,169,122,.65) !important;
    border-bottom:1px solid rgba(191,169,122,.65) !important;
    background:#000 !important;
    transform:translateX(-50%) rotate(45deg) !important;
    pointer-events:none !important;
    transition:background-color .22s ease,border-color .22s ease !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:hover::after,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:focus-visible::after,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:active::after{
    border-color:#bfa97a !important;
    background:#bfa97a !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle::after,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover::after,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible::after,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:active::after{
    border-color:rgba(191,169,122,.65) !important;
    background:#000 !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu{
    grid-template-columns:1fr !important;
    gap:8px !important;
    width:100% !important;
    max-width:none !important;
    margin-top:22px !important;
  }
}

@media (max-width:560px){
  body.page-author-supervision#top #realized-view.index-live-view .live-view-shell{
    margin-top:30px !important;
    padding:22px 18px 27px !important;
    border-radius:22px !important;
  }

  body.page-author-supervision#top #realized-view.index-live-view .live-view-copy{
    margin-bottom:14px !important;
  }
}

/* === author-supervision-reviews-homepage-clone-v13 ===
   Owner: avtorskiy-nadzor-samara.html / #reviews.
   Exact component system from index.html / #reviews, with review excerpts
   selected for construction-stage support and author supervision. */
body.page-author-supervision#top #reviews.hi-index-reviews{
  padding:64px 0 62px !important;
}
body.page-author-supervision#top #reviews.hi-index-reviews .wrap{
  width:min(90%,1600px) !important;
  max-width:1600px !important;
}
body.page-author-supervision#top #reviews .hi-proof-intro{
  max-width:900px !important;
  margin:0 auto 44px !important;
  text-align:center !important;
}
body.page-author-supervision#top #reviews .hi-proof-intro .section-title{
  position:relative !important;
  display:table !important;
  width:auto !important;
  margin:0 auto !important;
  padding:0 !important;
  text-align:center !important;
  text-wrap:balance;
}
body.page-author-supervision#top #reviews .hi-proof-intro .section-title::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  right:auto !important;
  bottom:-10px !important;
  width:calc(100% + clamp(34px,4.2vw,76px)) !important;
  max-width:calc(100vw - 40px) !important;
  height:1px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg,rgba(191,169,122,0) 0%,rgba(191,169,122,.62) 17%,rgba(191,169,122,.98) 50%,rgba(191,169,122,.62) 83%,rgba(191,169,122,0) 100%) !important;
  box-shadow:0 0 12px rgba(191,169,122,.46),0 0 22px rgba(191,169,122,.16) !important;
  border-radius:2px !important;
}
body.page-author-supervision#top #reviews .hi-title-mobile{display:none !important;}
body.page-author-supervision#top #reviews .hi-proof-main,
body.page-author-supervision#top #reviews .hi-proof-stat,
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card,
body.page-author-supervision#top #reviews .hi-proof-reviews-note{
  position:relative !important;
  overflow:hidden !important;
  border:1px solid rgba(191,169,122,.24) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 100%),linear-gradient(135deg,rgba(191,169,122,.10),rgba(12,12,14,.96) 28%,rgba(4,4,4,.98) 100%) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.22) !important;
}
body.page-author-supervision#top #reviews .hi-proof-main::before,
body.page-author-supervision#top #reviews .hi-proof-stat::before,
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card::before,
body.page-author-supervision#top #reviews .hi-proof-reviews-note::before{
  content:none !important;
  display:none !important;
}
body.page-author-supervision#top #reviews.design-section-proof .hi-proof-main{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  max-width:100% !important;
  gap:0 !important;
  margin-bottom:14px !important;
  padding:20px 26px !important;
}
body.page-author-supervision#top #reviews .hi-proof-main-title{
  margin:0 0 12px !important;
  color:var(--hi-text,#e8e3d4) !important;
  font-size:clamp(20px,1.55vw,24px) !important;
  line-height:1.28 !important;
  font-weight:750 !important;
}
body.page-author-supervision#top #reviews .hi-proof-main p:not(.hi-proof-main-title){
  max-width:980px !important;
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:400 !important;
  letter-spacing:-.01em !important;
}
body.page-author-supervision#top #reviews .hi-proof-stats{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:16px !important;
  margin:0 0 18px !important;
}
body.page-author-supervision#top #reviews .hi-proof-stat{
  min-height:148px !important;
  padding:22px !important;
}
body.page-author-supervision#top #reviews .hi-proof-stat small{
  display:block !important;
  margin-bottom:10px !important;
  color:var(--hi-text-dim,#cfc8b5) !important;
  font-size:12px !important;
  line-height:1.35 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}
body.page-author-supervision#top #reviews .hi-proof-stat strong{
  display:block !important;
  margin-bottom:6px !important;
  color:var(--hi-text,#e8e3d4) !important;
  font-size:clamp(34px,4vw,46px) !important;
  line-height:1 !important;
}
body.page-author-supervision#top #reviews .hi-proof-stat p{
  margin:0 !important;
  color:var(--hi-text-dim,#cfc8b5) !important;
  font-size:17px !important;
  line-height:1.5 !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block{
  margin-top:14px !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-reviews{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:148px !important;
  padding:16px 18px !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-top{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  margin-bottom:8px !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-top strong{
  max-width:calc(100% - 92px) !important;
  color:var(--hi-text,#e8e3d4) !important;
  font-size:16px !important;
  line-height:1.16 !important;
  font-weight:780 !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-top span{
  flex:0 0 auto !important;
  color:#d6bd7a !important;
  font-size:12.5px !important;
  line-height:1.1 !important;
  letter-spacing:1.2px !important;
  white-space:nowrap !important;
  text-shadow:0 0 10px rgba(214,189,122,.18) !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card p{
  margin:0 !important;
  color:var(--hi-text-dim,#cfc8b5) !important;
  font-size:14.6px !important;
  line-height:1.34 !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card small{
  display:block !important;
  margin-top:auto !important;
  padding-top:8px !important;
  color:rgba(207,200,181,.68) !important;
  font-size:12.5px !important;
  line-height:1.2 !important;
  letter-spacing:.01em !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-note{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  margin:14px 0 0 !important;
  padding:14px 18px !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-note span{
  color:rgba(207,200,181,.88) !important;
  font-size:14.5px !important;
  line-height:1.38 !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-note .btn-outline{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  min-height:48px !important;
  height:48px !important;
  padding:0 22px !important;
  border:1px solid rgba(191,169,122,.55) !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.08) !important;
  color:rgba(255,255,255,.94) !important;
  font-size:16px !important;
  line-height:1 !important;
  font-weight:750 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:0 10px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03) !important;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease !important;
}
body.page-author-supervision#top #reviews .hi-proof-reviews-note .btn-outline:hover,
body.page-author-supervision#top #reviews .hi-proof-reviews-note .btn-outline:focus-visible{
  background:linear-gradient(180deg,#d9c38a,#bfa66d) !important;
  color:#121212 !important;
  border-color:rgba(217,195,138,.95) !important;
  box-shadow:0 0 0 1px rgba(217,195,138,.22),0 0 22px rgba(217,195,138,.32),0 14px 32px rgba(0,0,0,.38) !important;
  transform:translateY(-1px) !important;
}
@media (max-width:1180px){
  body.page-author-supervision#top #reviews .hi-proof-stats,
  body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-reviews{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:900px){
  body.page-author-supervision#top #reviews.hi-index-reviews{
    padding:54px 0 !important;
    scroll-margin-top:var(--himob-h,84px) !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-intro{
    margin-bottom:36px !important;
  }
}
@media (max-width:768px){
  body.page-author-supervision#top #reviews .hi-title-full{display:none !important;}
  body.page-author-supervision#top #reviews .hi-title-mobile{display:inline !important;}
  body.page-author-supervision#top #reviews .hi-proof-intro .section-title::after{
    width:calc(100% + 30px) !important;
    max-width:calc(100vw - 28px) !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-stats,
  body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-reviews{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  body.page-author-supervision#top #reviews.design-section-proof .hi-proof-main{
    padding:18px 20px !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-main p:not(.hi-proof-main-title){
    font-size:16px !important;
    line-height:1.5 !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-stat{
    min-height:0 !important;
    padding:20px !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card{
    min-height:0 !important;
    padding:16px !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-card p{
    font-size:15px !important;
    line-height:1.42 !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-reviews-block .hi-proof-review-top strong{
    max-width:none !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-reviews-note{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:16px !important;
  }
  body.page-author-supervision#top #reviews .hi-proof-reviews-note .btn-outline{
    width:100% !important;
  }
}

/* === author-supervision-section-rhythm-and-portfolio-cta-v14 ===
   Owner: avtorskiy-nadzor-samara.html.
   Desktop inter-section gaps follow the accepted gap between #included and #design-steps.
   Portfolio CTA duplicates the accepted homepage "Смотреть больше проектов" component. */
@media (min-width:901px){
  /* Реализованные проекты -> Видеообзоры: увеличить текущий короткий зазор до эталона. */
  body.page-author-supervision#top main #hi-video-reviews.hi-video-reviews--compact{
    margin-top:41px !important;
  }

  /* Видеообзоры -> Стоимость: небольшая коррекция до эталонного расстояния. */
  body.page-author-supervision#top main #prices.author-price-section{
    padding-top:36px !important;
  }

  /* Стоимость -> Обо мне: поднять верхний воздух следующего раздела до эталона. */
  body.page-author-supervision#top main #team{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }

  /* Обо мне -> Отзывы: сумма нижнего и верхнего отступов равна базовому ритму 36 + 36. */
  body.page-author-supervision#top main #reviews.hi-index-reviews{
    padding-top:36px !important;
  }
}

body.page-author-supervision#top #portfolio .portfolio-more-wrap .portfolio-more-btn{
  -webkit-appearance:none !important;
  appearance:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:none !important;
  min-height:52px !important;
  padding:15px 24px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  background:#202020 !important;
  background-image:none !important;
  color:rgba(255,255,255,.94) !important;
  font-size:17px !important;
  font-weight:650 !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  box-shadow:0 10px 24px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.025),inset 0 -1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .35s ease,transform .25s ease !important;
}
body.page-author-supervision#top #portfolio .portfolio-more-wrap .portfolio-more-btn:hover,
body.page-author-supervision#top #portfolio .portfolio-more-wrap .portfolio-more-btn:focus-visible,
body.page-author-supervision#top #portfolio .portfolio-more-wrap .portfolio-more-btn:active{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  opacity:1 !important;
  filter:none !important;
  outline:none !important;
}

@media (max-width:900px){
  body.page-author-supervision#top #portfolio .portfolio-more-wrap .portfolio-more-btn{
    width:auto !important;
    min-width:min(306px,calc(100vw - 56px)) !important;
    max-width:calc(100vw - 56px) !important;
    min-height:50px !important;
    padding:0 28px !important;
    font-size:16px !important;
    line-height:1 !important;
    letter-spacing:-.004em !important;
  }
}
@media (max-width:380px){
  body.page-author-supervision#top #portfolio .portfolio-more-wrap .portfolio-more-btn{
    min-width:min(292px,calc(100vw - 48px)) !important;
    max-width:calc(100vw - 48px) !important;
    padding-inline:24px !important;
  }
}


/* === author-supervision-final-contact-expandable-cta-and-rhythm-v15 ===
   Owner: avtorskiy-nadzor-samara.html.
   - Live-view -> reviews gap matches the accepted #included -> #design-steps rhythm.
   - Price lead uses the same calm editorial typography as the team intro.
   - Price and live-view CTAs share the homepage expandable channel component.
   - Final contacts duplicate the homepage contact panel, with page-specific copy. */

@media (min-width:901px){
  body.page-author-supervision#top main #realized-view.index-live-view{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
  body.page-author-supervision#top main #reviews.hi-index-reviews{
    padding-top:36px !important;
    padding-bottom:36px !important;
  }
}

body.page-author-supervision#top #prices .author-price-included{
  width:min(900px,calc(100vw - 48px)) !important;
  max-width:900px !important;
  margin:0 auto 30px !important;
  color:var(--hi-text-dim) !important;
  font-weight:400 !important;
  line-height:1.55 !important;
  text-align:center !important;
}

body.page-author-supervision#top #prices .repair-budget-actions{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  margin:0 !important;
  padding-top:26px !important;
}

body.page-author-supervision#top #prices .author-price-channel-actions,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions{
  position:relative !important;
  display:flex !important;
  width:100% !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:16px !important;
}

@media (max-width:900px){
  body.page-author-supervision#top #prices .author-price-channel-actions,
  body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions{
    gap:12px !important;
  }
}

body.page-author-supervision#top #prices .live-view-channel-toggle,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:52px !important;
  padding:0 28px !important;
  overflow:visible !important;
  border:1px solid rgba(191,169,122,.65) !important;
  border-radius:12px !important;
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:18px !important;
  font-weight:600 !important;
  line-height:1 !important;
  appearance:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
  filter:none !important;
  opacity:1 !important;
  transition:background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease !important;
}

body.page-author-supervision#top #prices .live-view-channel-toggle::after,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:-9px !important;
  width:16px !important;
  height:16px !important;
  border:0 !important;
  border-right:1px solid rgba(191,169,122,.65) !important;
  border-bottom:1px solid rgba(191,169,122,.65) !important;
  background:#000 !important;
  transform:translateX(-50%) rotate(45deg) !important;
  pointer-events:none !important;
  transition:background-color .22s ease,border-color .22s ease !important;
}

body.page-author-supervision#top #prices .live-view-channel-toggle:hover,
body.page-author-supervision#top #prices .live-view-channel-toggle:focus-visible,
body.page-author-supervision#top #prices .live-view-channel-toggle:active,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:active{
  background:#bfa97a !important;
  background-image:none !important;
  color:#000 !important;
  border-color:#bfa97a !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:translateY(-1px) !important;
  outline:none !important;
}

body.page-author-supervision#top #prices .live-view-channel-toggle:hover::after,
body.page-author-supervision#top #prices .live-view-channel-toggle:focus-visible::after,
body.page-author-supervision#top #prices .live-view-channel-toggle:active::after,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:hover::after,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:focus-visible::after,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-toggle:active::after{
  background:#bfa97a !important;
  border-color:#bfa97a !important;
}

body.page-author-supervision#top #prices .live-view-channel-actions.is-open .live-view-channel-toggle,
body.page-author-supervision#top #prices .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.page-author-supervision#top #prices .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.page-author-supervision#top #prices .live-view-channel-actions.is-open .live-view-channel-toggle:active,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle:active{
  background:#000 !important;
  background-image:none !important;
  color:#fff !important;
  border-color:rgba(191,169,122,.65) !important;
  box-shadow:none !important;
  transform:none !important;
}

body.page-author-supervision#top #prices .live-view-channel-actions.is-open .live-view-channel-toggle::after,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-actions.is-open .live-view-channel-toggle::after{
  background:#000 !important;
  border-color:rgba(191,169,122,.65) !important;
}

body.page-author-supervision#top #prices .live-view-channel-menu,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:10px !important;
  width:min(100%,620px) !important;
  max-width:620px !important;
  margin:12px auto 0 !important;
  padding:10px !important;
  border:1px solid rgba(191,169,122,.32) !important;
  border-radius:18px !important;
  background:#070708 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.32) !important;
}
body.page-author-supervision#top #prices .live-view-channel-menu[hidden],
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu[hidden]{display:none !important;}

body.page-author-supervision#top #prices .live-view-channel-menu a,
body.page-author-supervision#top #prices .live-view-channel-menu button,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:46px !important;
  padding:12px 16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:13px !important;
  background:rgba(255,255,255,.035) !important;
  color:#fff !important;
  font-family:inherit !important;
  font-size:15px !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-decoration:none !important;
  appearance:none !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

body.page-author-supervision#top #prices .live-view-channel-icon,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon{
  display:block !important;
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  color:inherit !important;
  opacity:1 !important;
  transform:none !important;
}
body.page-author-supervision#top #prices .live-view-channel-icon--telegram,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon--telegram{
  width:17px !important;
  height:17px !important;
  flex-basis:17px !important;
  fill:currentColor !important;
}
body.page-author-supervision#top #prices .live-view-channel-icon--max,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon--max{fill:currentColor !important;}
body.page-author-supervision#top #prices .live-view-channel-icon--phone,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-icon--phone{
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.15 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}
body.page-author-supervision#top #prices .live-view-channel-menu a:hover,
body.page-author-supervision#top #prices .live-view-channel-menu a:focus-visible,
body.page-author-supervision#top #prices .live-view-channel-menu a:active,
body.page-author-supervision#top #prices .live-view-channel-menu button:hover,
body.page-author-supervision#top #prices .live-view-channel-menu button:focus-visible,
body.page-author-supervision#top #prices .live-view-channel-menu button:active,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu a:active,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button:hover,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button:focus-visible,
body.page-author-supervision#top #realized-view.index-live-view .live-view-channel-menu button:active{
  border-color:#bfa97a !important;
  background:#bfa97a !important;
  color:#000 !important;
  box-shadow:0 0 18px rgba(191,169,122,.70),0 0 36px rgba(191,169,122,.45) !important;
  transform:none !important;
  outline:none !important;
}


/* === author-v16-homepage-contact-exact-clone ===
   Owner: index.html contact component, copied to /avtorskiy-nadzor-samara.
   Only the section/form headings and page-specific text remain individual. */
body.page-author-supervision#top #contacts.hi-contact-section{
  padding-top:36px !important;
  padding-bottom:64px !important;
  scroll-margin-top:104px !important;
}
body.page-author-supervision#top #contacts .hi-contact-panel{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  align-items:stretch;
  margin-top:36px;
}
body.page-author-supervision#top #contacts .hi-contact-form-card,
body.page-author-supervision#top #contacts .hi-contact-info-card{
  position:relative;
  overflow:hidden;
  min-width:0;
  border:1px solid rgba(191,169,122,.22);
  border-radius:30px;
  background:
    radial-gradient(circle at 18% 0%,rgba(191,169,122,.13),rgba(191,169,122,0) 34%),
    linear-gradient(135deg,rgba(255,255,255,.045),rgba(255,255,255,.012) 44%,rgba(0,0,0,.24));
  box-shadow:0 22px 58px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.07);
}
body.page-author-supervision#top #contacts .hi-contact-form-card{padding:32px 36px 28px;text-align:left;}
body.page-author-supervision#top #contacts .hi-contact-info-card{padding:26px;}
body.page-author-supervision#top #contacts .hi-contact-info-head{text-align:left;}
body.page-author-supervision#top #contacts .hi-contact-eyebrow{
  display:inline-flex;align-items:center;justify-content:center;min-height:28px;margin:0 0 14px;padding:0 13px;
  border:1px solid rgba(191,169,122,.36);border-radius:999px;background:rgba(191,169,122,.10);
  color:rgba(191,169,122,.96);font-size:13px !important;line-height:1 !important;font-weight:700;letter-spacing:.02em;text-transform:none;
}
body.page-author-supervision#top #contacts .hi-contact-form-card h3,
body.page-author-supervision#top #contacts .hi-contact-info-head h3{
  margin:0 0 12px;text-align:left;color:var(--hi-text);font-size:clamp(34px,2.65vw,48px) !important;line-height:1.08 !important;letter-spacing:-.035em;
}
body.page-author-supervision#top #contacts .hi-contact-info-head h3{font-size:clamp(24px,1.7vw,32px) !important;letter-spacing:-.02em;}
body.page-author-supervision#top #contacts .hi-contact-text,
body.page-author-supervision#top #contacts .hi-contact-info-head p{
  max-width:680px;margin:0;text-align:left;color:var(--hi-text-dim);font-size:17px !important;line-height:1.62 !important;
}
body.page-author-supervision#top #contacts .hi-contact-form{display:grid;gap:12px;margin-top:26px;}
body.page-author-supervision#top #contacts .hi-contact-form input[name="company"]{
  position:absolute !important;left:-9999px !important;top:auto !important;width:1px !important;height:1px !important;
  overflow:hidden !important;opacity:0 !important;pointer-events:none !important;
}
body.page-author-supervision#top #contacts .hi-contact-field{display:flex;flex-direction:column;gap:6px;margin:0;}
body.page-author-supervision#top #contacts .hi-contact-field span{color:rgba(255,255,255,.62);font-size:13px;line-height:1.2;font-weight:400;}
body.page-author-supervision#top #contacts .hi-contact-field input{
  width:100%;min-height:50px;height:auto;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:14px;
  background:rgba(0,0,0,.32);color:#fff;font-family:inherit;font-size:16px;outline:none;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
body.page-author-supervision#top #contacts .hi-contact-field input::placeholder{color:rgba(255,255,255,.42);}
body.page-author-supervision#top #contacts .hi-contact-field input:focus,
body.page-author-supervision#top #contacts .hi-contact-field input:focus-visible{
  border-color:rgba(191,169,122,.55);background:rgba(0,0,0,.32);box-shadow:0 0 18px rgba(191,169,122,.18);
}
body.page-author-supervision#top #contacts .hi-contact-submit{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;width:min(100%,420px) !important;
  justify-self:center !important;min-height:52px !important;margin-top:20px !important;padding:0 24px !important;
  border:1px solid rgba(255,255,255,.09) !important;border-radius:999px !important;background:rgba(28,28,30,.86) !important;
  background-image:none !important;color:rgba(255,255,255,.94) !important;font-family:inherit !important;font-size:16px !important;
  font-weight:700 !important;line-height:1 !important;cursor:pointer !important;box-shadow:0 8px 18px rgba(0,0,0,.26) !important;
  backdrop-filter:blur(16px) saturate(130%) !important;-webkit-backdrop-filter:blur(16px) saturate(130%) !important;
  transition:background .25s ease,color .25s ease,border-color .25s ease,box-shadow .35s ease,transform .25s ease,opacity .25s ease !important;
}
body.page-author-supervision#top #contacts .hi-contact-submit:hover,
body.page-author-supervision#top #contacts .hi-contact-submit:focus-visible{
  background:rgba(34,34,36,.90) !important;background-image:none !important;color:#fff !important;border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.26) !important;transform:none !important;opacity:1 !important;outline:none !important;
}
body.page-author-supervision#top #contacts .hi-contact-submit:disabled{cursor:wait !important;opacity:.68 !important;transform:none !important;}
/* The shared notice mode must win: no visible consent checkbox, exactly as on the homepage. */
body.page-author-supervision#top #contacts .hi-contact-form.hi-consent-mode-notice .hi-contact-consent,
body.page-author-supervision#top #contacts .hi-contact-form.hi-consent-mode-notice .hi-privacy-consent,
body.page-author-supervision#top #contacts .hi-contact-form.hi-consent-mode-notice .hi-privacy-error{display:none !important;}
body.page-author-supervision#top #contacts .hi-contact-form .hi-consent-notice{
  width:min(100%,680px);justify-self:start;margin:10px 0 0 !important;color:rgba(255,255,255,.50) !important;
  font-size:12.5px !important;font-weight:500 !important;line-height:1.45 !important;text-align:left;
}
body.page-author-supervision#top #contacts .hi-contact-form .hi-consent-notice a{color:rgba(255,255,255,.74) !important;text-underline-offset:3px;}
body.page-author-supervision#top #contacts .hi-contact-form-status{min-height:26px;margin-top:8px;font-size:16px;line-height:1.45;}
body.page-author-supervision#top #contacts .hi-contact-form-status.is-success{color:#bfa97a;}
body.page-author-supervision#top #contacts .hi-contact-form-status.is-error{color:#ffb4a8;}
body.page-author-supervision#top #contacts .hi-contact-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;}
body.page-author-supervision#top #contacts .hi-contact-link,
body.page-author-supervision#top #contacts .hi-contact-address{
  display:flex;flex-direction:column;gap:5px;min-width:0;padding:14px 16px;border:1px solid rgba(255,255,255,.12);
  border-radius:18px;background:transparent;color:inherit;text-decoration:none;
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s ease;
}
body.page-author-supervision#top #contacts .hi-contact-link:hover,
body.page-author-supervision#top #contacts .hi-contact-link:focus-visible,
body.page-author-supervision#top #contacts .hi-contact-map-link:hover,
body.page-author-supervision#top #contacts .hi-contact-map-link:focus-visible{
  border-color:rgba(191,169,122,.55);background:rgba(191,169,122,.08);box-shadow:0 0 18px rgba(191,169,122,.18);transform:translateY(-1px);
}
body.page-author-supervision#top #contacts .hi-contact-link span,
body.page-author-supervision#top #contacts .hi-contact-address span{color:rgba(255,255,255,.52);font-size:13px;line-height:1.2;}
body.page-author-supervision#top #contacts .hi-contact-link strong,
body.page-author-supervision#top #contacts .hi-contact-address strong{overflow-wrap:anywhere;color:rgba(255,255,255,.92);font-size:16px;line-height:1.35;}
body.page-author-supervision#top #contacts .hi-contact-address{margin-top:10px;}
body.page-author-supervision#top #contacts .hi-contact-map-link{
  display:inline-flex;align-self:flex-start;margin-top:6px;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:999px;
  color:rgba(255,255,255,.86);font-size:13px;font-weight:700;line-height:1;
}
body.page-author-supervision#top #contacts .hi-contact-map{
  position:relative;min-height:190px;margin-top:12px;border:1px solid rgba(191,169,122,.20);border-radius:22px;overflow:hidden;
}
body.page-author-supervision#top #contacts .map-placeholder{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;min-height:190px;padding:0;border:0;border-radius:inherit;
  background:radial-gradient(ellipse at center,rgba(255,255,255,.12),rgba(0,0,0,.35)),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><rect width='12' height='12' fill='%23111111'/></svg>");
  backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:#fff;text-align:center;cursor:pointer;
}
body.page-author-supervision#top #contacts .map-placeholder span{
  padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-weight:700;
  box-shadow:0 0 16px rgba(191,169,122,.5),0 0 36px rgba(191,169,122,.35);
}
body.page-author-supervision#top #contacts .map-canvas{position:absolute;inset:0;width:100%;min-height:190px;border-radius:inherit;overflow:hidden;}
body.page-author-supervision#top #contacts .map-canvas iframe{display:block;width:100%;min-height:190px;height:100%;border:0;border-radius:inherit;}
@media (max-width:1100px){
  body.page-author-supervision#top #contacts .hi-contact-panel{grid-template-columns:1fr;gap:20px;}
  body.page-author-supervision#top #contacts .hi-contact-form-card,
  body.page-author-supervision#top #contacts .hi-contact-info-card{border-radius:26px;}
}
@media (max-width:900px){
  body.page-author-supervision#top #contacts.hi-contact-section{padding-top:35px !important;padding-bottom:58px !important;scroll-margin-top:96px !important;}
  body.page-author-supervision#top #contacts .hi-contact-panel{margin-top:34px;}
  body.page-author-supervision#top #contacts .hi-contact-form-card,
  body.page-author-supervision#top #contacts .hi-contact-info-card{padding:24px;border-radius:24px;}
  body.page-author-supervision#top #contacts .hi-contact-form-card h3{font-size:34px !important;}
  body.page-author-supervision#top #contacts .hi-contact-text,
  body.page-author-supervision#top #contacts .hi-contact-info-head p{font-size:16px !important;line-height:1.56 !important;}
}
@media (max-width:640px){
  body.page-author-supervision#top #contacts .hi-contact-form-card,
  body.page-author-supervision#top #contacts .hi-contact-info-card{padding:22px 18px;}
  body.page-author-supervision#top #contacts .hi-contact-links{grid-template-columns:1fr;}
  body.page-author-supervision#top #contacts .hi-contact-submit{max-width:none !important;}
  body.page-author-supervision#top #contacts .hi-contact-map,
  body.page-author-supervision#top #contacts .map-placeholder,
  body.page-author-supervision#top #contacts .map-canvas,
  body.page-author-supervision#top #contacts .map-canvas iframe{min-height:210px;}
}

/* === author-v17-contact-heading-and-faq-match-home ===
   Scope: author-supervision page only.
   - Match the form-card H3 to the contact-info H3.
   - Match FAQ width to the 1200px contact panel.
   - Copy the homepage FAQ card gradient surface exactly. */
body.page-author-supervision#top #contacts .hi-contact-form-card h3{
  font-size:clamp(24px,1.7vw,32px) !important;
  letter-spacing:-.02em !important;
}
body.page-author-supervision#top #faq .hi-faq{
  width:100% !important;
  max-width:1200px !important;
}
body.page-author-supervision#top #faq .faq-item,
body.page-author-supervision#top #faq .faq-item:hover,
body.page-author-supervision#top #faq .faq-item[open]{
  background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 100%),linear-gradient(135deg,rgba(191,169,122,.10),rgba(12,12,14,.96) 28%,rgba(4,4,4,.98) 100%) !important;
}

/* === author-v23-etalon-section-rhythm ===
   Owner: section spacing on /avtorskiy-nadzor-samara.
   Acceptance reference: the visual gap from the lower frame of #responsibility
   to the heading of #situations. Each target pair uses the same section
   bottom + next-section top values at the active breakpoint. */
@media (max-width:900px){
  body.page-author-supervision#top main #team{
    padding-top:35px !important;
  }
}
@media (max-width:560px){
  body.page-author-supervision#top main #team,
  body.page-author-supervision#top #contacts.hi-contact-section{
    padding-top:29px !important;
  }
}
@media (max-width:390px){
  body.page-author-supervision#top main #team,
  body.page-author-supervision#top #contacts.hi-contact-section{
    padding-top:28px !important;
  }
}