:root{
  --ink:#0A0E1A;
  --ink-soft:#1A1F2E;
  --paper:#F5F2EC;
  --paper-warm:#EDE7DB;
  --bone:#E8E2D5;
  --sk-red:#EF3340;
  --sk-red-deep:#C8242F;
  --gold:#B8924A;
  --steel:#4A5568;
  --line:rgba(10,14,26,.13);
  --line-dark:rgba(245,242,236,.16);
  --display:'Cormorant Garamond',Georgia,serif;
  --body:'Inter Tight',Arial,sans-serif;
  --mono:'JetBrains Mono',monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.45;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.sb-page{background:var(--paper);position:relative}
.sb-container{width:min(1320px,calc(100% - 96px));margin:0 auto}
.sb-top{position:sticky;top:0;z-index:50;background:rgba(245,242,236,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.sb-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.sb-logo img{height:38px;width:auto;display:block}
.sb-menu{display:flex;gap:24px;align-items:center;font:500 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
.sb-menu a{color:var(--ink);text-decoration:none;opacity:.68;position:relative;transition:opacity .24s ease,color .24s ease}
.sb-menu a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--sk-red);transform:scaleX(0);transform-origin:left;transition:transform .28s ease}
.sb-menu a:hover{opacity:1;color:var(--sk-red)}
.sb-menu a:hover:after{transform:scaleX(1)}
.sb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 24px;border:1px solid var(--ink);border-radius:999px;color:var(--ink);text-decoration:none;font:600 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;transition:transform .24s ease,background .24s ease,color .24s ease,border-color .24s ease;will-change:transform}
.sb-btn:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}
.sb-btn.red{border-color:var(--sk-red);background:var(--sk-red);color:white}
.sb-btn.red:hover{background:var(--sk-red-deep);border-color:var(--sk-red-deep)}
.sb-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center;padding:72px 0;border-bottom:1px solid var(--line)}
.sb-meta{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:36px;font:500 10px/1.5 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--steel)}
.sb-meta span:before{content:"— ";color:var(--sk-red)}
.sb-kicker{font:600 11px/1 var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--sk-red);margin-bottom:26px}
.sb-h1{font-family:var(--display);font-weight:400;font-size:clamp(70px,9.5vw,142px);line-height:.88;letter-spacing:-.045em;margin:0}
.sb-h1 em,.sb-title em,.sb-cta h2 em{font-style:italic;color:var(--sk-red)}
.sb-lead{max-width:690px;margin-top:36px;font-size:20px;line-height:1.55;color:var(--steel)}
.sb-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}

.sb-hero-system{min-height:560px;position:relative;overflow:hidden;padding:28px;background:transparent;color:var(--ink);isolation:isolate;transform-style:preserve-3d;will-change:transform}
.sb-hero-system:before{content:"";position:absolute;inset:0;border:1px solid rgba(10,14,26,.13);opacity:.9;transition:border-color .35s ease,transform .35s ease}
.sb-hero-system:after{content:"";position:absolute;inset:28px;border:1px solid rgba(184,146,74,.45);pointer-events:none;transition:inset .35s ease,border-color .35s ease}
.sb-hero-system:hover:before{border-color:rgba(239,51,64,.42);transform:translateY(-3px)}
.sb-hero-system:hover:after{inset:18px;border-color:rgba(239,51,64,.55)}
.sb-system-meta{position:absolute;top:42px;left:42px;right:42px;z-index:2;display:flex;justify-content:space-between;gap:18px;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(74,85,104,.78)}
.sb-blueprint{position:absolute;inset:0;z-index:0;pointer-events:none;transition:transform .35s ease}
.sb-hero-system:hover .sb-blueprint{transform:scale(1.015)}
.sb-gridline{position:absolute;background:rgba(10,14,26,.08);transform-origin:center;animation:sbLineIn .9s ease both}
.sb-gridline.h{height:1px;left:0;right:0}.sb-gridline.v{width:1px;top:0;bottom:0}
.sb-gridline.h.l1{top:24%;animation-delay:.05s}.sb-gridline.h.l2{top:48%;animation-delay:.12s}.sb-gridline.h.l3{top:72%;animation-delay:.18s}
.sb-gridline.v.l1{left:18%;animation-delay:.1s}.sb-gridline.v.l2{left:46%;animation-delay:.16s}.sb-gridline.v.l3{left:74%;animation-delay:.22s}
.sb-axis{position:absolute;background:rgba(184,146,74,.55);transform-origin:left center;animation:sbGrowX 1.1s ease both}.sb-axis.a1{height:1px;left:18%;top:64%;width:58%;--r:-17deg;transform:rotate(var(--r));animation-delay:.25s}.sb-axis.a2{height:1px;left:26%;top:30%;width:46%;--r:29deg;transform:rotate(var(--r));animation-delay:.35s}.sb-axis.a3{height:1px;left:22%;top:76%;width:32%;--r:-44deg;transform:rotate(var(--r));animation-delay:.45s}
.sb-system-node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--sk-red);box-shadow:0 0 0 8px rgba(239,51,64,.08);z-index:2;animation:sbPulse 2.8s ease-in-out infinite, sbFadeUp .7s ease both;transition:transform .25s ease,box-shadow .25s ease}.sb-system-node:hover{transform:scale(1.45);box-shadow:0 0 0 13px rgba(239,51,64,.12)}
.sb-system-node.n1{left:17.5%;top:63%;animation-delay:.1s}.sb-system-node.n2{left:45.5%;top:48%;animation-delay:.2s}.sb-system-node.n3{left:73.5%;top:64%;animation-delay:.3s}.sb-system-node.n4{left:57%;top:30%;animation-delay:.4s}
.sb-system-label{position:absolute;z-index:3;padding:10px 12px;border:1px solid rgba(10,14,26,.16);background:rgba(245,242,236,.74);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:600 10px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);transition:transform .25s ease,border-color .25s ease,background .25s ease;color:var(--ink)}
.sb-system-label:hover{transform:translateY(-4px);border-color:var(--sk-red);background:var(--paper)}
.sb-system-label small{display:block;margin-top:7px;font:400 10px/1.25 var(--body);letter-spacing:.02em;text-transform:none;color:var(--steel)}
.sb-system-label.s1{left:8%;top:54%}.sb-system-label.s2{left:35%;top:37%}.sb-system-label.s3{right:7%;top:54%}.sb-system-label.s4{right:18%;top:18%}
.sb-system-core{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);width:min(320px,52%);aspect-ratio:1;border:1px solid rgba(10,14,26,.16);display:flex;align-items:center;justify-content:center;background:rgba(245,242,236,.55);transition:transform .35s ease,border-color .35s ease,background .35s ease}
.sb-hero-system:hover .sb-system-core{transform:translate(-50%,-50%) scale(1.03);border-color:rgba(239,51,64,.5);background:rgba(245,242,236,.7)}
.sb-system-core:before,.sb-system-core:after{content:"";position:absolute;border:1px solid rgba(184,146,74,.38);inset:28px}.sb-system-core:after{inset:58px;border-color:rgba(239,51,64,.28)}
.sb-system-core span{position:relative;z-index:1;font:500 clamp(44px,5vw,84px)/.9 var(--display);letter-spacing:-.04em;text-align:center;color:var(--ink)}
.sb-system-core em{font-style:italic;color:var(--sk-red)}
.sb-system-footer{position:absolute;left:42px;right:42px;bottom:38px;z-index:3;display:flex;justify-content:space-between;gap:18px;border-top:1px solid rgba(10,14,26,.13);padding-top:18px;font:600 10px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:rgba(74,85,104,.78)}

/* HERO VARIANT 2 — MASSIVE TYPOGRAPHY */
.sb-hero.editorial{
  min-height:calc(100vh - 76px);
  grid-template-columns:1fr;
  gap:0;
  align-items:stretch;
  padding:72px 0 86px;
  position:relative;
}
.sb-hero.editorial:before{
  content:"";
  position:absolute;
  left:0;right:0;top:72px;height:1px;
  background:var(--line);
}
.sb-hero-editorial-grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(340px,.72fr);
  gap:72px;
  align-items:end;
  width:100%;
}
.sb-hero-copy{padding-top:54px}
.sb-hero-type{position:relative;margin-top:22px}
.sb-h1.massive{
  max-width:980px;
  font-size:clamp(82px,11.8vw,184px);
  line-height:.82;
  letter-spacing:-.06em;
}
.sb-h1.massive .thin{font-weight:400;color:var(--ink)}
.sb-h1.massive .red{font-style:italic;color:var(--sk-red)}
.sb-h1.massive .indent{display:inline-block;margin-left:.42em}
.sb-h1.massive .line{display:block;overflow:hidden}
.sb-h1.massive .line span{display:inline-block;animation:sbTypeRise .9s cubic-bezier(.18,.72,.2,1) both}
.sb-h1.massive .line:nth-child(2) span{animation-delay:.08s}
.sb-h1.massive .line:nth-child(3) span{animation-delay:.16s}
.sb-hero-measure{
  position:absolute;
  right:5%;
  top:12%;
  width:160px;
  height:1px;
  background:var(--gold);
  transform:rotate(-12deg);
  transform-origin:right center;
  animation:sbMeasure 1.1s ease .5s both;
}
.sb-hero-measure:before,.sb-hero-measure:after{
  content:"";position:absolute;top:-7px;width:1px;height:15px;background:var(--gold);
}
.sb-hero-measure:before{left:0}.sb-hero-measure:after{right:0}
.sb-hero-side{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:610px;
  padding:34px 0 0 42px;
  border-left:1px solid var(--line);
}
.sb-side-top{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-bottom:24px;
  border-bottom:1px solid var(--line);
  font:600 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--steel);
}
.sb-side-claim{
  margin:54px 0 42px;
  font:italic 400 clamp(28px,3.2vw,48px)/1.06 var(--display);
  letter-spacing:-.025em;
  color:var(--ink);
  max-width:420px;
}
.sb-side-claim em{color:var(--sk-red);font-style:italic}
.sb-contour-list{display:grid;gap:0;border-top:1px solid var(--line)}
.sb-contour-link{
  display:grid;
  grid-template-columns:54px 1fr;
  gap:18px;
  align-items:start;
  padding:21px 0;
  border-bottom:1px solid var(--line);
  color:var(--ink);
  text-decoration:none;
  transition:padding-left .26s ease,color .26s ease,background .26s ease;
  position:relative;
}
.sb-contour-link:before{
  content:"";
  position:absolute;
  left:0;top:-1px;bottom:-1px;
  width:0;
  background:rgba(239,51,64,.06);
  transition:width .26s ease;
}
.sb-contour-link:hover{padding-left:14px;color:var(--sk-red)}
.sb-contour-link:hover:before{width:100%}
.sb-contour-no{
  position:relative;z-index:1;
  font:600 11px/1 var(--mono);
  letter-spacing:.16em;
  color:var(--sk-red);
}
.sb-contour-name{position:relative;z-index:1}
.sb-contour-name strong{
  display:block;
  font-family:var(--display);
  font-size:25px;
  line-height:1.04;
  letter-spacing:-.02em;
  font-weight:500;
}
.sb-contour-name span{
  display:block;
  margin-top:8px;
  font-size:13px;
  line-height:1.45;
  color:var(--steel);
}
.sb-hero-index{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:34px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font:600 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(74,85,104,.72);
}
.sb-hero.editorial .sb-kicker,.sb-hero.editorial .sb-meta,.sb-hero.editorial .sb-lead,.sb-hero.editorial .sb-actions,.sb-hero-side{animation:sbFadeUp .75s ease both}
.sb-hero.editorial .sb-kicker{animation-delay:.04s}.sb-hero.editorial .sb-lead{animation-delay:.22s}.sb-hero.editorial .sb-actions{animation-delay:.3s}.sb-hero-side{animation-delay:.18s}
@keyframes sbTypeRise{from{opacity:0;transform:translateY(110%) rotate(2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}
@keyframes sbMeasure{from{opacity:0;transform:scaleX(0) rotate(-12deg)}to{opacity:1;transform:scaleX(1) rotate(-12deg)}}
@media(max-width:980px){
  .sb-hero-editorial-grid{grid-template-columns:1fr;gap:36px}
  .sb-hero-side{min-height:auto;padding:0;border-left:0;border-top:1px solid var(--line)}
  .sb-h1.massive{font-size:clamp(70px,17vw,118px)}
  .sb-h1.massive .indent{margin-left:0}
  .sb-side-claim{margin:34px 0 28px}
}
@keyframes sbLineIn{from{opacity:0;transform:scaleX(.2)}to{opacity:1;transform:scaleX(1)}}
@keyframes sbGrowX{from{opacity:0;transform:scaleX(0) rotate(var(--r,0deg))}to{opacity:1;transform:scaleX(1) rotate(var(--r,0deg))}}
@keyframes sbPulse{0%,100%{box-shadow:0 0 0 6px rgba(239,51,64,.07)}50%{box-shadow:0 0 0 14px rgba(239,51,64,.12)}}
.sb-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.sb-stat{padding:34px 36px;border-right:1px solid var(--line);min-height:150px;transition:background .24s ease,transform .24s ease}
.sb-stat:last-child{border-right:0}
.sb-stat:hover{background:var(--paper-warm);transform:translateY(-2px)}
.sb-stat strong{display:block;font-family:var(--display);font-size:54px;line-height:1;color:var(--sk-red);font-weight:500}
.sb-stat span{display:block;margin-top:12px;font:500 11px/1.45 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--steel)}
.sb-section{padding:108px 0;border-bottom:1px solid var(--line)}
.sb-section.dark,.sb-footer,.sb-cta{background:var(--ink);color:var(--paper)}
.sb-section.warm{background:var(--paper-warm)}
.sb-head{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:end;margin-bottom:64px}
.sb-label{font:600 11px/1.4 var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--sk-red)}
.sb-label:before{content:"";display:inline-block;width:28px;height:1px;background:var(--sk-red);vertical-align:middle;margin-right:14px}
.sb-title{font-family:var(--display);font-size:clamp(46px,6vw,88px);line-height:.95;letter-spacing:-.03em;font-weight:400;margin:18px 0 0}
.sb-note{font-size:18px;line-height:1.62;color:var(--steel);max-width:650px}
.dark .sb-note{color:rgba(245,242,236,.72)}
.sb-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.sb-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.sb-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}
.sb-solution{background:var(--paper);border:1px solid var(--line);padding:34px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s ease,border-color .28s ease,background .28s ease;position:relative;overflow:hidden}
.sb-solution:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--sk-red);transition:height .28s ease}
.sb-solution:hover{transform:translateY(-6px);border-color:rgba(239,51,64,.45)}
.sb-solution:hover:before{height:100%}
.warm .sb-solution{background:var(--paper)}
.dark .sb-solution{background:var(--ink-soft);border-color:var(--line-dark)}
.sb-num{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--sk-red)}
.sb-solution h3{font-family:var(--display);font-size:34px;line-height:1.05;font-weight:500;letter-spacing:-.02em;margin:22px 0 16px}
.sb-solution p{margin:0;color:var(--steel);font-size:15px;line-height:1.58}
.dark .sb-solution p{color:rgba(245,242,236,.72)}
.sb-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}
.sb-tag{border:1px solid var(--line);padding:8px 10px;border-radius:999px;font:500 10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--steel);transition:background .22s ease,color .22s ease,border-color .22s ease}
.sb-solution:hover .sb-tag{border-color:rgba(239,51,64,.45);color:var(--sk-red)}
.dark .sb-tag{border-color:var(--line-dark);color:rgba(245,242,236,.72)}
.sb-editorial{display:grid;grid-template-columns:1.05fr .95fr;gap:4px}
.sb-editorial-main{background:var(--ink);color:var(--paper);padding:70px;min-height:500px;display:flex;flex-direction:column;justify-content:space-between}
.sb-editorial-main h3{font-family:var(--display);font-size:clamp(42px,5vw,78px);font-weight:400;letter-spacing:-.03em;line-height:.98;margin:0}
.sb-list{display:grid;gap:0}
.sb-list-item{display:grid;grid-template-columns:72px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line);transition:transform .24s ease}
.sb-list-item:hover{transform:translateX(8px)}
.dark .sb-list-item{border-color:var(--line-dark)}
.sb-list-item h4{font-family:var(--display);font-size:28px;font-weight:500;margin:0 0 8px}
.sb-list-item p{margin:0;color:var(--steel)}
.dark .sb-list-item p{color:rgba(245,242,236,.72)}
.sb-industry{padding:30px;border-top:2px solid var(--ink);min-height:220px;transition:background .24s ease,transform .24s ease}
.sb-industry:hover{background:var(--paper-warm);transform:translateY(-4px)}
.sb-industry h3{font-family:var(--display);font-size:32px;line-height:1.08;margin:16px 0 12px;font-weight:500}
.sb-industry p{margin:0;color:var(--steel)}
.sb-compare{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.sb-compare-card{padding:38px;background:var(--paper);border:1px solid var(--line);min-height:240px}
.sb-compare-card h3{font-family:var(--display);font-size:32px;line-height:1.05;margin:0 0 16px;font-weight:500}
.sb-compare-card p{margin:0;color:var(--steel);line-height:1.6}
.sb-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:4px}
.sb-cta-text{padding:72px}
.sb-cta h2{font-family:var(--display);font-size:clamp(48px,6vw,92px);font-weight:400;line-height:.95;letter-spacing:-.035em;margin:0 0 28px}
.sb-cta p{font-size:18px;line-height:1.6;color:rgba(245,242,236,.74);max-width:650px}
.sb-form{padding:72px;background:var(--paper);color:var(--ink);border:1px solid var(--line)}
.sb-field{display:block;width:100%;height:54px;border:0;border-bottom:1px solid var(--line);background:transparent;margin-bottom:18px;font:400 16px var(--body);color:var(--ink);outline:none;transition:border-color .2s ease}
.sb-field:focus{border-color:var(--sk-red)}
textarea.sb-field{height:105px;resize:vertical;padding-top:16px}
.sb-field::placeholder{color:rgba(10,14,26,.45)}
.sb-footer{padding:54px 0}
.sb-footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid var(--line-dark);padding-top:36px}
.sb-footer p,.sb-footer a{color:rgba(245,242,236,.65);font-size:14px;line-height:1.7;text-decoration:none}
.sb-footer a:hover{color:var(--paper)}
.sb-footer h4{font:600 10px var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--sk-red);margin:0 0 14px}
.sb-reveal{opacity:0;transform:translateY(26px);transition:opacity .75s ease,transform .75s ease}
.sb-reveal.is-visible{opacity:1;transform:translateY(0)}
.sb-reveal:nth-child(2){transition-delay:.06s}
.sb-reveal:nth-child(3){transition-delay:.12s}
.sb-reveal:nth-child(4){transition-delay:.18s}
@keyframes sbFadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.sb-hero .sb-kicker,.sb-hero .sb-h1,.sb-hero .sb-lead,.sb-hero .sb-actions,.sb-hero-system{animation:sbFadeUp .75s ease both}
.sb-hero .sb-h1{animation-delay:.08s}.sb-hero .sb-lead{animation-delay:.16s}.sb-hero .sb-actions{animation-delay:.24s}.sb-hero-system{animation-delay:.18s}
@media(max-width:980px){.sb-container{width:min(100% - 40px,1320px)}.sb-menu{display:none}.sb-hero,.sb-head,.sb-editorial,.sb-cta,.sb-compare{grid-template-columns:1fr;gap:32px}.sb-hero{padding:50px 0}.sb-hero-system{min-height:430px}.sb-strip,.sb-grid-4,.sb-grid-3,.sb-grid-2{grid-template-columns:1fr}.sb-stat{border-right:0;border-bottom:1px solid var(--line)}.sb-section{padding:76px 0}.sb-cta-text,.sb-form,.sb-editorial-main{padding:40px}}
@media(max-width:560px){.sb-container{width:min(100% - 28px,1320px)}.sb-nav{height:68px}.sb-logo img{height:30px}.sb-h1{font-size:64px}.sb-lead{font-size:17px}.sb-title{font-size:44px}.sb-grid-4,.sb-grid-3,.sb-grid-2{gap:0}.sb-solution{padding:26px;min-height:280px}.sb-footer-grid{grid-template-columns:1fr}.sb-index{display:grid}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.sb-reveal{opacity:1;transform:none}}


/* HERO VARIANT 3 — DYNAMIC CONTOURS */

.sb-hero.contours{
  min-height:calc(100vh - 76px);
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);
  gap:72px;
  align-items:center;
  padding:74px 0 88px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}
.sb-hero.contours:before{
  content:"";
  position:absolute;
  left:0;right:0;top:74px;height:1px;
  background:var(--line);
}
.sb-contours-copy{position:relative;z-index:2;padding-top:34px}
.sb-contours-copy .sb-h1{font-size:clamp(72px,8.8vw,144px);max-width:850px}
.sb-contours-copy .sb-lead{max-width:650px}

/* HERO v6 — icon architecture */
.sb-icon-hero{
  position:relative;
  min-height:620px;
  border-left:1px solid var(--line);
  border-top:1px solid var(--line);
  background:transparent;
  overflow:hidden;
  isolation:isolate;
  padding:26px 0 0 34px;
}
.sb-icon-hero:after{
  content:"SB / ARCHITECTURE OF GROWTH";
  position:absolute;
  right:0;
  bottom:0;
  font:600 10px/1 var(--mono);
  letter-spacing:.2em;
  color:rgba(74,85,104,.58);
  transform:rotate(-90deg) translateX(100%);
  transform-origin:right bottom;
}
.sb-icon-hero-meta{
  position:absolute;
  left:34px;
  right:0;
  top:24px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  font:600 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(74,85,104,.62);
}
.sb-icon-hero-grid{
  position:absolute;
  inset:74px 0 58px 34px;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
}
.sb-icon-card{
  position:relative;
  padding:28px 28px 24px 28px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:235px;
  overflow:hidden;
  transition:transform .35s ease, background .35s ease, border-color .35s ease;
}
.sb-icon-card:nth-child(2),
.sb-icon-card:nth-child(4){border-right:0}
.sb-icon-card:nth-child(3),
.sb-icon-card:nth-child(4){border-bottom:0}
.sb-icon-card:hover{
  transform:translateY(-6px);
  background:rgba(232,226,213,.28);
  border-color:rgba(239,51,64,.28);
}
.sb-icon-index{
  font:600 10px/1 var(--mono);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--sk-red);
  transition:letter-spacing .28s ease;
}
.sb-icon-card:hover .sb-icon-index{letter-spacing:.24em}
.sb-icon-mark{
  width:180px;
  height:142px;
  display:block;
  margin:4px 0 22px 6px;
  overflow:visible;
}
.sb-icon-mark *{
  vector-effect:non-scaling-stroke;
}
.sb-icon-stroke{
  fill:none;
  stroke:var(--ink);
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:stroke .28s ease, transform .28s ease;
}
.sb-icon-line-red{
  stroke:var(--sk-red);
  stroke-width:1.9;
  transition:stroke-width .28s ease, transform .28s ease;
}
.sb-icon-fill-red{
  fill:var(--sk-red);
  transition:transform .28s ease, opacity .28s ease;
  transform-origin:center;
}
.sb-icon-soft{
  stroke:rgba(10,14,26,.45);
  stroke-width:1.1;
  stroke-dasharray:4 5;
}
.sb-icon-hair{
  stroke:rgba(10,14,26,.16);
  stroke-width:1;
}
.sb-icon-card:hover .sb-icon-line-red{stroke-width:2.3}
.sb-icon-card:hover .sb-icon-fill-red{transform:scale(1.2);opacity:.95}
.sb-icon-card:hover .sb-icon-stroke{stroke:var(--ink)}
.sb-icon-text h3{
  margin:0 0 9px;
  font:500 clamp(24px,2.1vw,34px)/1.05 var(--display);
  letter-spacing:-.025em;
  color:var(--ink);
}
.sb-icon-text h3 em{
  color:var(--sk-red);
  font-style:italic;
}
.sb-icon-text p{
  margin:0;
  max-width:360px;
  font:400 14px/1.45 var(--body);
  color:var(--steel);
}
.sb-icon-card:hover .sb-icon-text p{color:rgba(10,14,26,.78)}
.sb-icon-hero-note{
  position:absolute;
  left:34px;
  right:0;
  bottom:22px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.sb-icon-hero-note span{
  border-top:1px solid var(--line);
  padding-top:12px;
  font:600 10px/1 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--steel);
  transition:color .24s ease,border-color .24s ease,transform .24s ease;
}
.sb-icon-hero-note span:hover{
  color:var(--sk-red);
  border-color:var(--sk-red);
  transform:translateY(-2px);
}
.sb-icon-card{
  opacity:0;
  animation:sbFadeUp .75s ease both;
}
.sb-icon-card:nth-child(1){animation-delay:.18s}
.sb-icon-card:nth-child(2){animation-delay:.26s}
.sb-icon-card:nth-child(3){animation-delay:.34s}
.sb-icon-card:nth-child(4){animation-delay:.42s}
@media(max-width:980px){
  .sb-hero.contours{
    grid-template-columns:1fr;
    gap:36px;
    padding:52px 0 72px;
  }
  .sb-icon-hero{
    min-height:auto;
    border-left:0;
    padding-left:0;
    padding-top:56px;
  }
  .sb-icon-hero-meta{left:0}
  .sb-icon-hero-grid{
    position:relative;
    inset:auto;
    min-height:auto;
  }
  .sb-icon-hero-note{position:relative;left:0;bottom:auto;margin-top:28px;grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .sb-icon-hero-grid{grid-template-columns:1fr}
  .sb-icon-card{
    border-right:0!important;
    border-bottom:1px solid var(--line)!important;
    min-height:260px;
    padding:24px 0;
  }
  .sb-icon-card:last-child{border-bottom:0!important}
  .sb-icon-mark{width:154px;height:122px}
  .sb-icon-hero-note{grid-template-columns:1fr}
}

/* === v10: one right-side growth architecture illustration === */
.sb-single-growth-hero{
  position:relative;
  min-height:620px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-left:1px solid var(--line);
  border-top:1px solid var(--line);
  background:transparent;
  overflow:hidden;
}
.sb-single-growth-hero:before{
  content:"";
  position:absolute;
  inset:36px 0 36px 42px;
  border:1px solid rgba(184,146,74,.30);
  pointer-events:none;
}
.sb-growth-icon{
  width:min(92%,640px);
  height:auto;
  overflow:visible;
}
.sg-line,
.sg-step,
.sg-hair,
.sg-red{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.sg-line,
.sg-step{
  stroke:var(--ink);
  stroke-width:1.7;
}
.sg-hair{
  stroke:rgba(10,14,26,.22);
  stroke-width:1;
}
.sg-red{
  stroke:var(--sk-red);
  stroke-width:2;
}
.sg-dash{
  stroke-dasharray:7 7;
}
.sg-dot{
  fill:var(--sk-red);
  transform-origin:center;
  animation:sgPulse 2.8s ease-in-out infinite;
}
.sg-dot-top,
.sg-dot-end{
  animation-delay:.25s;
}
.sg-curve{
  stroke-dasharray:620;
  stroke-dashoffset:620;
  animation:sgDraw 1.8s cubic-bezier(.19,1,.22,1) .25s forwards;
}
.sg-roof{
  stroke-dasharray:520;
  stroke-dashoffset:520;
  animation:sgDraw 1.6s cubic-bezier(.19,1,.22,1) .05s forwards;
}
.sg-step{
  transition:transform .35s ease, stroke .35s ease;
}
.sb-single-growth-hero:hover .sg-step{
  stroke:rgba(10,14,26,.92);
}
.sb-single-growth-hero:hover .sg-curve{
  stroke-width:2.4;
}
@keyframes sgDraw{
  to{stroke-dashoffset:0}
}
@keyframes sgPulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(1.14);opacity:.82}
}
@media(max-width:980px){
  .sb-single-growth-hero{
    min-height:420px;
    border-left:0;
  }
  .sb-single-growth-hero:before{
    inset:28px;
  }
}
@media(max-width:640px){
  .sb-single-growth-hero{
    min-height:340px;
  }
}


/* === Clean rebuild additions === */

/* Отступ между темным декларативным блоком и правой колонкой */
.sb-split-list,
.sb-values-list,
.sb-principles-list,
.sb-proof-list{
  padding-left:72px;
}
@media(max-width:980px){
  .sb-split-list,
  .sb-values-list,
  .sb-principles-list,
  .sb-proof-list{
    padding-left:0;
    margin-top:36px;
  }
}

/* Общие заголовки новых секций */
.sb-section-head{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:72px;
  align-items:end;
  margin-bottom:54px;
}
.sb-section-kicker{
  font:700 11px/1 var(--mono);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--sk-red);
  margin:0 0 18px;
}
.sb-section-title{
  margin:0;
  font:500 clamp(48px,5.6vw,92px)/.92 var(--display);
  letter-spacing:-.045em;
  color:var(--ink);
}
.sb-section-title em{
  color:var(--sk-red);
  font-style:italic;
}
.sb-section-lead{
  margin:0;
  max-width:680px;
  font:400 19px/1.55 var(--body);
  color:var(--steel);
}

/* Анонсы мероприятий */
.sb-events{
  padding:112px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--paper);
}
.sb-events-grid{
  display:grid;
  grid-template-columns:1.12fr .88fr;
  gap:28px;
}
.sb-event-main{
  position:relative;
  min-height:430px;
  padding:42px;
  background:var(--ink);
  color:var(--paper);
  overflow:hidden;
  transition:transform .35s ease, box-shadow .35s ease;
}
.sb-event-main:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 70px rgba(10,14,26,.18);
}
.sb-event-main:before{
  content:"";
  position:absolute;
  inset:24px;
  border:1px solid rgba(184,146,74,.35);
  pointer-events:none;
}
.sb-event-main:after{
  content:"";
  position:absolute;
  right:42px;
  bottom:42px;
  width:148px;
  height:148px;
  border:1px solid rgba(245,242,236,.34);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, var(--sk-red) 0 8px, transparent 9px),
    linear-gradient(to right, transparent 49%, rgba(239,51,64,.7) 50%, transparent 51%),
    linear-gradient(to bottom, transparent 49%, rgba(239,51,64,.7) 50%, transparent 51%);
  opacity:.9;
}
.sb-event-date{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:72px;
  font:700 11px/1 var(--mono);
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--sk-red);
}
.sb-event-date:before{
  content:"";
  width:38px;
  height:1px;
  background:var(--sk-red);
}
.sb-event-main h3{
  position:relative;
  z-index:2;
  max-width:760px;
  margin:0 0 24px;
  font:500 clamp(38px,4.2vw,70px)/.98 var(--display);
  letter-spacing:-.04em;
  color:var(--paper);
}
.sb-event-main h3 em{
  color:var(--sk-red);
  font-style:italic;
}
.sb-event-main p{
  position:relative;
  z-index:2;
  max-width:560px;
  margin:0 0 34px;
  font:400 18px/1.55 var(--body);
  color:rgba(245,242,236,.78);
}
.sb-event-meta{
  position:relative;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.sb-event-meta span{
  border:1px solid rgba(245,242,236,.22);
  padding:9px 12px;
  font:700 10px/1 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:rgba(245,242,236,.76);
}
.sb-event-side{
  display:grid;
  gap:18px;
}
.sb-event-card{
  position:relative;
  min-height:205px;
  padding:30px 32px;
  border:1px solid var(--line);
  background:transparent;
  transition:transform .28s ease, border-color .28s ease, background .28s ease;
}
.sb-event-card:hover{
  transform:translateY(-5px);
  border-color:rgba(239,51,64,.38);
  background:rgba(232,226,213,.25);
}
.sb-event-card .sb-small-date{
  display:block;
  margin-bottom:34px;
  font:700 10px/1 var(--mono);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--sk-red);
}
.sb-event-card h4{
  margin:0 0 12px;
  font:500 30px/1.05 var(--display);
  letter-spacing:-.025em;
  color:var(--ink);
}
.sb-event-card p{
  margin:0;
  font:400 15px/1.48 var(--body);
  color:var(--steel);
}
.sb-event-card:after{
  content:"";
  position:absolute;
  right:28px;
  top:30px;
  width:40px;
  height:40px;
  border:1px solid rgba(10,14,26,.22);
  border-radius:50%;
  background:radial-gradient(circle at center, var(--sk-red) 0 4px, transparent 5px);
}

/* Узкая форма в середине */
.sb-mid-form{
  padding:104px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:var(--ink);
  color:var(--paper);
}
.sb-mid-form-shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(360px,.62fr);
  gap:72px;
  align-items:center;
}
.sb-mid-form-copy h2{
  margin:0 0 26px;
  max-width:760px;
  font:500 clamp(50px,5.8vw,96px)/.92 var(--display);
  letter-spacing:-.045em;
  color:var(--paper);
}
.sb-mid-form-copy h2 em{
  color:var(--sk-red);
  font-style:italic;
}
.sb-mid-form-copy p:last-child{
  margin:0;
  max-width:640px;
  font:400 19px/1.55 var(--body);
  color:rgba(245,242,236,.76);
}
.sb-mid-form-card{
  position:relative;
  padding:30px;
  border:1px solid rgba(184,146,74,.38);
  background:rgba(245,242,236,.035);
}
.sb-mid-form-card:before{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(245,242,236,.08);
  pointer-events:none;
}
.sb-mid-form-card label{
  position:relative;
  z-index:1;
  display:block;
  margin-bottom:18px;
}
.sb-mid-form-card span{
  display:block;
  margin-bottom:8px;
  font:700 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(245,242,236,.62);
}
.sb-mid-form-card input,
.sb-mid-form-card textarea{
  width:100%;
  box-sizing:border-box;
  border:0;
  border-bottom:1px solid rgba(245,242,236,.28);
  background:transparent;
  padding:11px 0 13px;
  font:400 16px/1.4 var(--body);
  color:var(--paper);
  outline:none;
  resize:vertical;
}
.sb-mid-form-card input::placeholder,
.sb-mid-form-card textarea::placeholder{
  color:rgba(245,242,236,.42);
}
.sb-mid-form-card input:focus,
.sb-mid-form-card textarea:focus{
  border-color:var(--sk-red);
}
.sb-mid-form-card button{
  position:relative;
  z-index:1;
  width:100%;
  margin-top:8px;
  border:0;
  border-radius:999px;
  min-height:52px;
  background:var(--sk-red);
  color:#fff;
  font:800 11px/1 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .25s ease, background .25s ease;
}
.sb-mid-form-card button:hover{
  transform:translateY(-2px);
  background:#d92835;
}

/* Лента */
.sb-feed{
  padding:112px 0 128px;
  border-top:1px solid var(--line);
  background:var(--paper);
}
.sb-feed-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:34px;
}
.sb-feed-tabs span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(10,14,26,.18);
  border-radius:999px;
  font:700 10px/1 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--ink);
  transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;
}
.sb-feed-tabs span:first-child,
.sb-feed-tabs span:hover{
  background:var(--sk-red);
  border-color:var(--sk-red);
  color:#fff;
  transform:translateY(-2px);
}
.sb-feed-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid var(--line);
  border-left:1px solid var(--line);
}
.sb-feed-card{
  min-height:360px;
  padding:34px 32px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:background .28s ease, transform .28s ease;
}
.sb-feed-card:hover{
  background:rgba(232,226,213,.28);
  transform:translateY(-4px);
}
.sb-feed-type{
  display:flex;
  justify-content:space-between;
  gap:20px;
  margin-bottom:46px;
  font:700 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--sk-red);
}
.sb-feed-type span:last-child{
  color:rgba(74,85,104,.62);
}
.sb-feed-card h3{
  margin:0 0 18px;
  font:500 clamp(29px,2.5vw,42px)/1.02 var(--display);
  letter-spacing:-.032em;
  color:var(--ink);
}
.sb-feed-card h3 em{
  color:var(--sk-red);
  font-style:italic;
}
.sb-feed-card p{
  margin:0;
  font:400 16px/1.52 var(--body);
  color:var(--steel);
}
.sb-feed-link{
  margin-top:36px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  font:700 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink);
  text-decoration:none;
}
.sb-feed-link:before{
  content:"";
  width:34px;
  height:1px;
  background:var(--sk-red);
  transition:width .25s ease;
}
.sb-feed-card:hover .sb-feed-link:before{
  width:54px;
}
@media(max-width:1180px){
  .sb-section-head,
  .sb-events-grid{
    grid-template-columns:1fr;
    gap:36px;
  }
  .sb-feed-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:980px){
  .sb-mid-form-shell{
    grid-template-columns:1fr;
    gap:42px;
  }
}
@media(max-width:720px){
  .sb-events,
  .sb-feed,
  .sb-mid-form{
    padding:72px 0;
  }
  .sb-event-main{
    min-height:360px;
    padding:30px;
  }
  .sb-event-main:before{
    inset:16px;
  }
  .sb-event-main:after{
    width:96px;
    height:96px;
    right:28px;
    bottom:28px;
  }
  .sb-feed-grid{
    grid-template-columns:1fr;
  }
  .sb-feed-card{
    min-height:300px;
  }
  .sb-mid-form-card{
    padding:24px;
  }
}



/* === Contour card detail links FINAL === */
.sb-contour-card,
.sb-direction-card,
.sb-services-card,
.sb-contours-grid article{
   position:relative;
   padding-bottom:88px;
}

.sb-contour-more{
  position:absolute;
  right:32px;
  bottom:28px;

  display:inline-flex;
  align-items:center;
  gap:12px;

  font:700 10px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;

  color:var(--ink);
  text-decoration:none;

  transition:
    color .24s ease,
    transform .24s ease;
}

.sb-contour-more:before{
  content:"";
  width:34px;
  height:1px;
  background:var(--sk-red);

  transition:width .24s ease;
}

.sb-contour-more:after{
  content:"→";
  color:var(--sk-red);
  font-size:13px;
  line-height:1;
  transform:translateY(-1px);
}

.sb-contour-more:hover{
  color:var(--sk-red);
  transform:translateX(4px);
}

.sb-contour-more:hover:before{
  width:52px;
}

@media(max-width:640px){
  .sb-contour-more{
    right:24px;
    bottom:22px;
  }
}

/* === FINAL hero cleanup === */

/* Убираем лишнюю линию под меню */
.sb-header,
.sb-nav,
.sb-topbar,
header{
  border-bottom:0!important;
  box-shadow:none!important;
}

/* Убираем декоративную линию в верхней части hero */
.sb-hero:before,
.sb-hero.contours:before{
  display:none!important;
}

/* Убираем рамки/квадраты вокруг правой SVG-анимации */
.sb-single-growth-hero{
  border:0!important;
  border-left:0!important;
  border-top:0!important;
  background:transparent!important;
}

.sb-single-growth-hero:before,
.sb-single-growth-hero:after{
  display:none!important;
}

.sb-growth-icon{
  width:min(94%,640px);
}

/* На всякий случай убираем внешние рамки у SVG-контейнера, если они заданы другим классом */
.sb-hero-illustration,
.sb-hero-visual,
.sb-hero-aside{
  border:0!important;
  background:transparent!important;
}

.sb-hero-illustration:before,
.sb-hero-illustration:after,
.sb-hero-visual:before,
.sb-hero-visual:after,
.sb-hero-aside:before,
.sb-hero-aside:after{
  display:none!important;
}


/* === SAFE hero + strip balance === */

/* Убираем линию под меню и лишние рамки hero */
.sb-header,
header{
  border-bottom:0!important;
  box-shadow:none!important;
}

.sb-hero:before,
.sb-hero.contours:before{
  display:none!important;
}

.sb-single-growth-hero{
  border:0!important;
  border-left:0!important;
  border-top:0!important;
  background:transparent!important;
}

.sb-single-growth-hero:before,
.sb-single-growth-hero:after{
  display:none!important;
}

/* Первый экран компактнее, но без жесткого ломания следующих секций */
.sb-hero,
.sb-hero.contours{
  min-height:calc(100vh - 210px)!important;
  height:auto!important;
  padding-top:42px!important;
  padding-bottom:24px!important;
  margin-bottom:0!important;
  align-items:center!important;
}

/* Внутренний текст hero */
.sb-contours-copy{
  padding-top:0!important;
  margin-top:0!important;
}

.sb-contours-copy .sb-h1,
.sb-h1{
  font-size:clamp(74px,7.8vw,130px)!important;
  line-height:.9!important;
  margin-bottom:26px!important;
}

.sb-contours-copy .sb-lead,
.sb-lead{
  max-width:620px!important;
  margin-bottom:30px!important;
}

/* Правая иллюстрация */
.sb-single-growth-hero{
  min-height:390px!important;
}

.sb-growth-icon{
  width:min(88%,530px)!important;
  max-height:380px!important;
}

/* Полоса 01-04: только подтягиваем вверх, не ломаем ее сетку */
.sb-hero + section{
  margin-top:0!important;
}

/* Если первая полоса имеет большой верхний padding — убираем только его */
.sb-hero + section{
  padding-top:0!important;
}

/* Следующий после полосы блок получает нормальный отступ, чтобы не залезал в первый экран */
.sb-hero + section + section{
  padding-top:92px!important;
}

@media(max-width:980px){
  .sb-hero,
  .sb-hero.contours{
    min-height:auto!important;
    padding-top:40px!important;
    padding-bottom:40px!important;
  }

  .sb-contours-copy .sb-h1,
  .sb-h1{
    font-size:clamp(58px,14vw,92px)!important;
  }

  .sb-single-growth-hero{
    min-height:300px!important;
  }

  .sb-growth-icon{
    width:min(92%,460px)!important;
    max-height:none!important;
  }

  .sb-hero + section + section{
    padding-top:72px!important;
  }
}


/* === Header submenu for contours === */
.sb-nav,
.sb-menu,
nav{
  overflow:visible!important;
}

.sb-nav-item,
.sb-menu-item{
  position:relative;
}

.sb-nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.sb-nav-dropdown > a{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.sb-nav-dropdown > a:after{
  content:"";
  width:4px;
  height:4px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.75;
}

.sb-submenu{
  position:absolute;
  top:calc(100% + 18px);
  left:50%;
  transform:translateX(-50%) translateY(8px);
  min-width:320px;
  padding:16px;
  border:1px solid var(--line);
  background:rgba(245,242,236,.96);
  backdrop-filter:blur(12px);
  box-shadow:0 22px 60px rgba(10,14,26,.10);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
  z-index:50;
}

.sb-submenu:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:-20px;
  height:20px;
}

.sb-nav-dropdown:hover .sb-submenu,
.sb-nav-dropdown:focus-within .sb-submenu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.sb-submenu a{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:14px;
  align-items:start;
  padding:14px 12px;
  text-decoration:none;
  color:var(--ink);
  border-bottom:1px solid rgba(10,14,26,.08);
  transition:background .22s ease, color .22s ease, transform .22s ease;
}

.sb-submenu a:last-child{
  border-bottom:0;
}

.sb-submenu a:hover{
  background:rgba(232,226,213,.42);
  color:var(--sk-red);
  transform:translateX(3px);
}

.sb-submenu-num{
  font:700 11px/1 var(--mono);
  letter-spacing:.16em;
  color:var(--sk-red);
}

.sb-submenu-title{
  display:block;
  font:700 10px/1.25 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
}

@media(max-width:980px){
  .sb-nav-dropdown{
    display:block;
  }

  .sb-submenu{
    position:static;
    transform:none;
    min-width:0;
    margin-top:12px;
    padding:8px;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    box-shadow:none;
    background:transparent;
  }

  .sb-nav-dropdown:hover .sb-submenu,
  .sb-nav-dropdown:focus-within .sb-submenu{
    transform:none;
  }
}


/* === MOBILE MENU v2: independent fixed burger + panel === */
.sb-burger,
.sb-mobile-panel{
  display:none;
}

@media(max-width:1180px){
  /* Прячем desktop nav, но не лого */
  header nav,
  .sb-header nav,
  .sb-nav,
  .sb-menu{
    display:none!important;
  }

  header,
  .sb-header{
    position:sticky!important;
    top:0!important;
    z-index:300!important;
    min-height:64px!important;
    height:64px!important;
    background:rgba(245,242,236,.96)!important;
    backdrop-filter:blur(14px)!important;
    border-bottom:0!important;
    box-shadow:none!important;
  }

  header .sb-container,
  .sb-header .sb-container{
    min-height:64px!important;
    height:64px!important;
    display:flex!important;
    align-items:center!important;
  }

  .sb-burger{
    display:flex!important;
    position:fixed!important;
    top:11px!important;
    right:24px!important;
    z-index:1002!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(10,14,26,.22)!important;
    border-radius:999px!important;
    background:rgba(245,242,236,.96)!important;
    backdrop-filter:blur(12px)!important;
    padding:0!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    cursor:pointer!important;
  }

  .sb-burger span{
    width:17px!important;
    height:1px!important;
    background:var(--ink)!important;
    display:block!important;
    transition:transform .25s ease, opacity .25s ease!important;
  }

  body.sb-menu-open .sb-burger span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  body.sb-menu-open .sb-burger span:nth-child(2){
    opacity:0!important;
  }
  body.sb-menu-open .sb-burger span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }

  .sb-mobile-panel{
    display:block!important;
    position:fixed!important;
    top:64px!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:1000!important;
    background:var(--paper)!important;
    border-top:1px solid var(--line)!important;
    overflow:auto!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-10px)!important;
    transition:opacity .25s ease, transform .25s ease, visibility .25s ease!important;
  }

  body.sb-menu-open .sb-mobile-panel{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  body.sb-menu-open{
    overflow:hidden!important;
  }

  .sb-mobile-nav{
    display:flex!important;
    flex-direction:column!important;
    width:calc(100% - 48px)!important;
    margin:0 auto!important;
    padding:28px 0 48px!important;
  }

  .sb-mobile-nav > a,
  .sb-mobile-group > a{
    min-height:60px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid var(--line)!important;
    font:700 12px/1 var(--mono)!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
    color:var(--ink)!important;
    text-decoration:none!important;
  }

  .sb-mobile-group > a:after{
    content:"";
    width:6px;
    height:6px;
    border-right:1px solid currentColor;
    border-bottom:1px solid currentColor;
    transform:rotate(45deg);
    opacity:.7;
  }

  .sb-mobile-submenu{
    padding:10px 0 18px!important;
    border-bottom:1px solid var(--line)!important;
  }

  .sb-mobile-submenu a{
    display:grid!important;
    grid-template-columns:44px 1fr!important;
    gap:10px!important;
    align-items:center!important;
    min-height:42px!important;
    padding-left:18px!important;
    font:700 10px/1.3 var(--mono)!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
    color:var(--steel)!important;
    text-decoration:none!important;
  }

  .sb-mobile-submenu a span{
    color:var(--sk-red)!important;
    font-size:11px!important;
    letter-spacing:.16em!important;
  }
}

@media(max-width:640px){
  .sb-burger{
    right:18px!important;
    width:40px!important;
    height:40px!important;
  }

  .sb-mobile-nav{
    width:calc(100% - 36px)!important;
  }
}

/* =========================================================
   FINAL CLEAN OVERRIDES FOR TILDA
   Сколково Бизнес — stable layer
   ========================================================= */

/* Fonts */
:root{
  --display:'Cormorant Garamond', Georgia, serif;
  --body:'Inter Tight', Arial, sans-serif;
  --mono:'JetBrains Mono', monospace;
}

/* Reveal fallback for separated Tilda blocks */
.sb-reveal{
  opacity:1!important;
  transform:none!important;
  visibility:visible!important;
}

/* Base links inside SB page */
.sb-page a,
.sb-page a:link,
.sb-page a:visited,
.t-records .sb-page a,
.t-records .sb-page a:link,
.t-records .sb-page a:visited{
  color:inherit;
  text-decoration:none!important;
}

.sb-page a:hover,
.t-records .sb-page a:hover{
  color:var(--sk-red);
}

/* Hero italic accent */
.sb-hero-accent{
  color:var(--sk-red)!important;
  font-family:var(--display)!important;
  font-style:italic!important;
  font-weight:400!important;
}

/* Buttons */
.sb-btn,
a.sb-btn,
a.sb-btn:link,
a.sb-btn:visited,
a.sb-btn:hover,
a.sb-btn:active{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:46px;
  padding:0 24px;
  border-radius:999px;
  font-family:var(--mono)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Primary buttons: .red and .sb-btn-primary */
.sb-btn.red,
a.sb-btn.red,
a.sb-btn.red:link,
a.sb-btn.red:visited,
a.sb-btn.red:hover,
a.sb-btn.red:active,
.sb-btn-primary,
a.sb-btn-primary,
a.sb-btn-primary:link,
a.sb-btn-primary:visited,
a.sb-btn-primary:hover,
a.sb-btn-primary:active,
.t-records a.sb-btn.red,
.t-records a.sb-btn-primary{
  background:var(--sk-red)!important;
  border:1px solid var(--sk-red)!important;
  color:var(--paper)!important;
}

.sb-btn.red:hover,
a.sb-btn.red:hover,
.sb-btn-primary:hover,
a.sb-btn-primary:hover{
  background:var(--sk-red-deep)!important;
  border-color:var(--sk-red-deep)!important;
  color:var(--paper)!important;
}

/* Secondary buttons */
.sb-btn:not(.red):not(.sb-btn-primary),
a.sb-btn:not(.red):not(.sb-btn-primary),
.sb-btn-secondary,
a.sb-btn-secondary,
.t-records a.sb-btn-secondary{
  background:transparent!important;
  border:1px solid var(--ink)!important;
  color:var(--ink)!important;
}

.sb-section.dark .sb-btn:not(.red):not(.sb-btn-primary),
.sb-cta .sb-cta-text .sb-btn:not(.red):not(.sb-btn-primary),
.sb-footer .sb-btn:not(.red):not(.sb-btn-primary){
  border-color:rgba(245,242,236,.42)!important;
  color:var(--paper)!important;
}

/* CTA form button */
.sb-cta .sb-form a.sb-btn.red,
.sb-cta .sb-form a.sb-btn.red:link,
.sb-cta .sb-form a.sb-btn.red:visited,
.sb-cta .sb-form a.sb-btn.red:hover,
.sb-cta .sb-form a.sb-btn.red:active,
.sb-cta .sb-form a.sb-btn-primary,
.sb-cta .sb-form a.sb-btn-primary:link,
.sb-cta .sb-form a.sb-btn-primary:visited,
.sb-cta .sb-form a.sb-btn-primary:hover,
.sb-cta .sb-form a.sb-btn-primary:active{
  min-height:52px!important;
  padding:0 34px!important;
  background:var(--sk-red)!important;
  border-color:var(--sk-red)!important;
  color:var(--paper)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.16em!important;
}

/* Header / menu */
.sb-menu a,
.sb-nav a,
header a,
.sb-header a{
  color:var(--ink)!important;
}

.sb-menu a:hover,
.sb-nav a:hover,
header a:hover,
.sb-header a:hover{
  color:var(--sk-red)!important;
}

.sb-submenu a,
.sb-mobile-submenu a{
  color:var(--steel)!important;
}

.sb-submenu a:hover,
.sb-mobile-submenu a:hover{
  color:var(--sk-red)!important;
}

/* Contour cards: tags left, Подробнее right */
.sb-contours-grid article,
.sb-contour-card,
.sb-direction-card,
.sb-services-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:360px!important;
  padding-bottom:96px!important;
}

.sb-contours-grid article .sb-tags,
.sb-contours-grid article .sb-chips,
.sb-contours-grid article .sb-badges{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:auto!important;
  padding-right:210px!important;
}

.sb-contour-more,
.sb-contours-grid article .sb-contour-more{
  position:absolute!important;
  right:32px!important;
  bottom:34px!important;
  z-index:2!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  font-family:var(--mono)!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  transition:color .24s ease, transform .24s ease!important;
}

.sb-contour-more:before{
  content:"";
  width:34px;
  height:1px;
  background:var(--sk-red);
  transition:width .24s ease;
}

.sb-contour-more:after{
  content:"→";
  color:var(--sk-red);
  font-size:13px;
  line-height:1;
  transform:translateY(-1px);
}

.sb-contour-more:hover{
  color:var(--sk-red)!important;
  transform:translateX(4px);
}

.sb-contour-more:hover:before{
  width:52px;
}

/* Feed links */
.sb-feed-link,
.sb-feed-link:link,
.sb-feed-link:visited{
  color:var(--ink)!important;
}

.sb-feed-link:hover{
  color:var(--sk-red)!important;
}

/* Dark CTA links */
.sb-cta .sb-cta-text a,
.sb-cta .sb-cta-text a:link,
.sb-cta .sb-cta-text a:visited{
  color:var(--paper)!important;
}

.sb-cta .sb-cta-text a:hover{
  color:var(--sk-red)!important;
}

/* Footer: gray links like address */
.sb-footer,
.sb-footer p,
.sb-footer div{
  color:rgba(245,242,236,.65)!important;
}

.sb-footer a,
.sb-footer a:link,
.sb-footer a:visited,
.t-records .sb-footer a,
.t-records .sb-footer a:link,
.t-records .sb-footer a:visited{
  color:rgba(245,242,236,.65)!important;
  text-decoration:none!important;
}

.sb-footer a:hover,
.t-records .sb-footer a:hover{
  color:var(--sk-red)!important;
}

.sb-footer h4,
.sb-footer-title,
.sb-footer-label{
  color:var(--sk-red)!important;
}

/* Mobile */
@media(max-width:720px){
  .sb-contours-grid article,
  .sb-contour-card,
  .sb-direction-card,
  .sb-services-card{
    padding-bottom:120px!important;
  }

  .sb-contours-grid article .sb-tags,
  .sb-contours-grid article .sb-chips,
  .sb-contours-grid article .sb-badges{
    padding-right:0!important;
  }

  .sb-contour-more,
  .sb-contours-grid article .sb-contour-more{
    left:32px!important;
    right:auto!important;
    bottom:32px!important;
  }
}

/* =========================================================
   PRACTICES MENU — desktop mega-menu + mobile second level
   ========================================================= */

/* Desktop main menu */
.sb-menu{
  gap:22px;
}

.sb-practices-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.sb-practices-trigger{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}

.sb-practices-trigger:after{
  content:"";
  width:4px;
  height:4px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  opacity:.75;
}

.sb-practices-menu{
  position:absolute;
  top:calc(100% + 18px);
  left:50%;
  transform:translateX(-50%) translateY(10px);
  width:min(1120px,calc(100vw - 80px));
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:22px;
  border:1px solid var(--line);
  background:rgba(245,242,236,.97);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:0 26px 70px rgba(10,14,26,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .24s ease, transform .24s ease, visibility .24s ease;
  z-index:90;
}

.sb-practices-menu:before{
  content:"";
  position:absolute;
  top:-20px;
  left:0;
  right:0;
  height:20px;
}

.sb-practices-dropdown:hover .sb-practices-menu,
.sb-practices-dropdown:focus-within .sb-practices-menu{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.sb-practice-col{
  display:flex;
  flex-direction:column;
  padding:0 18px;
  border-right:1px solid var(--line);
}

.sb-practice-col:last-child{
  border-right:0;
}

.sb-practice-head{
  display:grid!important;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:start;
  min-height:74px;
  padding:6px 0 16px;
  border-bottom:1px solid rgba(10,14,26,.10);
  color:var(--ink)!important;
  text-decoration:none!important;
}

.sb-practice-head:hover{
  color:var(--sk-red)!important;
}

.sb-practice-num{
  font:700 11px/1 var(--mono);
  letter-spacing:.16em;
  color:var(--sk-red);
}

.sb-practice-title{
  font:700 10px/1.35 var(--mono);
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sb-practice-services{
  display:flex;
  flex-direction:column;
  padding-top:12px;
}

.sb-practice-service{
  display:block!important;
  padding:12px 0;
  border-bottom:1px solid rgba(10,14,26,.07);
  color:var(--steel)!important;
  text-decoration:none!important;
  transition:color .22s ease, transform .22s ease;
}

.sb-practice-service:last-child{
  border-bottom:0;
}

.sb-practice-service span{
  display:block;
  margin-bottom:5px;
  font:600 9px/1.25 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(74,85,104,.72);
}

.sb-practice-service strong{
  display:block;
  font:500 14px/1.28 var(--body);
  letter-spacing:0;
  text-transform:none;
  color:inherit;
}

.sb-practice-service:hover{
  color:var(--sk-red)!important;
  transform:translateX(4px);
}

/* Mobile menu practices */
.sb-mobile-practices-list{
  padding:12px 0 18px;
  border-bottom:1px solid var(--line);
}

.sb-mobile-practice{
  border-bottom:1px solid rgba(10,14,26,.08);
}

.sb-mobile-practice:last-child{
  border-bottom:0;
}

.sb-mobile-practice-head{
  display:grid!important;
  grid-template-columns:42px 1fr;
  gap:10px;
  align-items:center;
  min-height:48px!important;
  padding:12px 0!important;
  border-bottom:0!important;
  color:var(--ink)!important;
  text-decoration:none!important;
  font:700 11px/1.35 var(--mono)!important;
  letter-spacing:.14em!important;
  text-transform:uppercase!important;
}

.sb-mobile-practice-head span{
  color:var(--sk-red);
  font-size:12px;
}

.sb-mobile-services{
  display:flex;
  flex-direction:column;
  padding:0 0 12px 52px;
}

.sb-mobile-services a{
  display:block!important;
  min-height:auto!important;
  padding:10px 0!important;
  border-bottom:0!important;
  color:var(--steel)!important;
  text-decoration:none!important;
}

.sb-mobile-services a small{
  display:block;
  margin-bottom:4px;
  font:600 9px/1.25 var(--mono);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(74,85,104,.72);
}

.sb-mobile-services a strong{
  display:block;
  font:500 14px/1.32 var(--body);
  letter-spacing:0;
  text-transform:none;
}

.sb-mobile-services a:hover{
  color:var(--sk-red)!important;
}

@media(max-width:1180px){
  .sb-practices-menu{
    display:none!important;
  }
}

@media(max-width:640px){
  .sb-mobile-services{
    padding-left:28px;
  }

  .sb-mobile-practice-head{
    grid-template-columns:34px 1fr;
  }
}
/* MOBILE MENU FINAL FORCE */

@media(max-width:1180px){

  .sb-mobile-panel{
    display:none!important;
  }

  body.sb-menu-open .sb-mobile-panel{
    display:block!important;
    position:fixed!important;
    top:97px!important;
    left:0!important;
    right:0!important;
    width:100vw!important;
    height:calc(100vh - 97px)!important;
    z-index:999999!important;

    background:#F5F2EC!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;

    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    border-top:0!important;
  }

  body.sb-menu-open .sb-mobile-nav{
    display:flex!important;
    flex-direction:column!important;
    width:calc(100% - 48px)!important;
    margin:0 auto!important;
    padding:32px 0 56px!important;
  }

  body.sb-menu-open .sb-mobile-nav > a,
  body.sb-menu-open .sb-mobile-group > a{
    display:flex!important;
    min-height:56px!important;
    align-items:center!important;
    justify-content:space-between!important;
    border-bottom:1px solid rgba(10,14,26,.13)!important;
    color:#0A0E1A!important;
    font:700 12px/1 var(--mono)!important;
    letter-spacing:.18em!important;
    text-transform:uppercase!important;
  }

  body.sb-menu-open .sb-mobile-practices-list{
    display:block!important;
  }

  body.sb-menu-open .sb-mobile-services{
    display:flex!important;
    flex-direction:column!important;
  }
}
/* MOBILE PRACTICES ACCORDION */

.sb-mobile-practices-toggle{
  width:100%;
  min-height:60px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:0;
  border:0;
  border-bottom:1px solid rgba(10,14,26,.13);

  background:transparent;

  font:700 12px/1 var(--mono);
  letter-spacing:.18em;
  text-transform:uppercase;

  color:#0A0E1A;

  cursor:pointer;
}

.sb-mobile-arrow{
  width:8px;
  height:8px;

  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;

  transform:rotate(45deg);
  transition:transform .24s ease;
}

.sb-mobile-practices-list{
  max-height:0;
  overflow:hidden;

  transition:max-height .35s ease;
}

.sb-mobile-group.is-open .sb-mobile-practices-list{
  max-height:4000px;
}

.sb-mobile-group.is-open .sb-mobile-arrow{
  transform:rotate(-135deg);
}
.sb-mobile-practices-list{
  display:none!important;
  max-height:none!important;
  overflow:visible!important;
}

.sb-mobile-group.is-open .sb-mobile-practices-list{
  display:block!important;
}

.sb-mobile-group.is-open .sb-mobile-arrow{
  transform:rotate(-135deg)!important;
}
/* MOBILE PRACTICES ACCORDION — FINAL */

@media(max-width:1180px){

  body.sb-menu-open .sb-mobile-group:not(.is-open) .sb-mobile-practices-list{
    display:none!important;
  }

  body.sb-menu-open .sb-mobile-group.is-open .sb-mobile-practices-list{
    display:block!important;
  }

  body.sb-menu-open .sb-mobile-group:not(.is-open) .sb-mobile-arrow{
    transform:rotate(45deg)!important;
  }

  body.sb-menu-open .sb-mobile-group.is-open .sb-mobile-arrow{
    transform:rotate(-135deg)!important;
  }
}
/* FIXED HEADER DESKTOP + MOBILE */

.sb-top,
.sb-header,
header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  z-index:9998!important;
  background:rgba(245,242,236,.96)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

/* компенсация высоты фиксированного меню */
body{
  padding-top:76px!important;
}

@media(max-width:1180px){
  body{
    padding-top:97px!important;
  }

  .sb-mobile-panel{
    top:97px!important;
    height:calc(100vh - 97px)!important;
  }
}

@media(max-width:640px){
  body{
    padding-top:88px!important;
  }

  .sb-mobile-panel{
    top:88px!important;
    height:calc(100vh - 88px)!important;
  }
}
/* FIX MOBILE BURGER OVER FIXED HEADER */

@media(max-width:1180px){
  .sb-burger{
    display:flex!important;
    position:fixed!important;
    top:18px!important;
    right:24px!important;
    z-index:100000!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }

  body.sb-menu-open .sb-burger{
    display:flex!important;
    z-index:100001!important;
  }
}

@media(max-width:640px){
  .sb-burger{
    top:14px!important;
    right:18px!important;
  }
}
/* FOOTER 4 COLUMNS */

.sb-footer-grid{
  grid-template-columns:1fr 1fr 1fr 1fr;
}

@media(max-width:980px){
  .sb-footer-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:640px){
  .sb-footer-grid{
    grid-template-columns:1fr;
  }
}
.sb-about-hero{
  padding:120px 0 110px;
  border-bottom:1px solid var(--line);
}

.sb-about-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:72px;
  align-items:center;
}

.sb-about-title{
  margin:0;
  font:400 clamp(74px,9vw,148px)/.88 var(--display);
  letter-spacing:-.05em;
  color:var(--ink);
}

.sb-about-title em{
  color:var(--sk-red);
  font-style:italic;
}

.sb-about-lead{
  max-width:720px;
  margin:34px 0 0;
  font:400 21px/1.58 var(--body);
  color:var(--steel);
}

.sb-about-meta{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:48px;
}

.sb-about-meta strong{
  display:block;
  font:500 58px/1 var(--display);
  color:var(--sk-red);
}

.sb-about-meta span{
  display:block;
  margin-top:12px;
  font:600 10px/1.5 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--steel);
}

.sb-about-visual{
  display:flex;
  align-items:center;
  justify-content:center;
}

.sb-about-diagram{
  width:min(100%,620px);
  overflow:visible;
}

.ab-grid path{
  stroke:rgba(10,14,26,.10);
  stroke-width:1;
}

.ab-circle-main{
  fill:none;
  stroke:var(--ink);
  stroke-width:1.6;
}

.ab-circle-soft{
  fill:none;
  stroke:rgba(10,14,26,.28);
  stroke-dasharray:7 8;
}

.ab-line-red,
.ab-path{
  fill:none;
  stroke:var(--sk-red);
  stroke-width:2;
}

.ab-dot,
.ab-dot-small{
  fill:var(--sk-red);
}

.sb-company-section{
  padding:110px 0;
  border-bottom:1px solid var(--line);
}

.sb-company-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:4px;
}

.sb-company-card{
  min-height:320px;
  padding:34px;
  border:1px solid var(--line);
  background:var(--paper);
  transition:transform .28s ease,border-color .28s ease;
}

.sb-company-card:hover{
  transform:translateY(-6px);
  border-color:rgba(239,51,64,.4);
}

.sb-company-card h3{
  margin:26px 0 14px;
  font:500 34px/1.04 var(--display);
  letter-spacing:-.02em;
}

.sb-company-card p{
  margin:0;
  color:var(--steel);
  font:400 15px/1.58 var(--body);
}

.sb-company-editorial{
  padding:0;
  border-bottom:1px solid var(--line);
}

.sb-editorial-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:4px;
}

.sb-editorial-dark{
  min-height:620px;
  padding:72px;
  background:var(--ink);
  color:var(--paper);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.sb-editorial-dark h2{
  margin:0;
  font:400 clamp(52px,6vw,92px)/.92 var(--display);
  letter-spacing:-.04em;
}

.sb-editorial-dark em{
  color:var(--sk-red);
  font-style:italic;
}

.sb-editorial-dark p{
  max-width:520px;
  margin:0;
  color:rgba(245,242,236,.72);
  font:400 18px/1.6 var(--body);
}

.sb-editorial-list{
  display:grid;
  gap:0;
}

.sb-editorial-item{
  display:grid;
  grid-template-columns:72px 1fr;
  gap:24px;
  padding:34px 0;
  border-top:1px solid var(--line);
}

.sb-editorial-item h3{
  margin:0 0 10px;
  font:500 30px/1.05 var(--display);
}

.sb-editorial-item p{
  margin:0;
  color:var(--steel);
  line-height:1.6;
}

.sb-company-quote{
  padding:120px 0;
}

.sb-quote-box{
  max-width:1080px;
}

.sb-quote-box p{
  margin:0;
  font:400 clamp(44px,5vw,84px)/1 var(--display);
  letter-spacing:-.04em;
  color:var(--ink);
}

@media(max-width:1180px){

  .sb-about-hero-grid,
  .sb-editorial-grid{
    grid-template-columns:1fr;
  }

  .sb-company-grid{
    grid-template-columns:1fr 1fr;
  }

  .sb-editorial-dark{
    min-height:420px;
  }
}

@media(max-width:720px){

  .sb-about-hero,
  .sb-company-section,
  .sb-company-quote{
    padding:72px 0;
  }

  .sb-company-grid,
  .sb-about-meta{
    grid-template-columns:1fr;
  }

  .sb-editorial-dark{
    padding:42px 32px;
    min-height:auto;
  }

  .sb-editorial-item{
    grid-template-columns:48px 1fr;
  }
}
.sb-about-diagram .ab-path,
.sb-events-diagram .ev-red{
  stroke-dasharray:700;
  stroke-dashoffset:700;
  animation:sbSvgDraw 1.6s cubic-bezier(.19,1,.22,1) .2s forwards;
}

.sb-about-diagram .ab-dot,
.sb-about-diagram .ab-dot-small,
.sb-events-diagram .ev-dot,
.sb-events-diagram .ev-main-dot{
  transform-origin:center;
  animation:sbDotPulse 2.8s ease-in-out infinite;
}

@keyframes sbSvgDraw{
  to{
    stroke-dashoffset:0;
  }
}

@keyframes sbDotPulse{
  0%,100%{
    transform:scale(1);
    opacity:1;
  }
  50%{
    transform:scale(1.14);
    opacity:.82;
  }
}