:root{--ink:#080b0e;--panel:#11161a;--text:#f1f1ef;--muted:#aab1b4;--warm:#dac2a0;--edge:clamp(22px,6vw,106px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--ink);color:var(--text);font:400 16px/1.55 Inter,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{outline-offset:7px}::selection{background:#c8a982;color:#111}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);position:relative;z-index:8;border-bottom:1px solid rgba(255,255,255,.11)}
.brand{display:flex;flex-direction:column;gap:0;line-height:1.12;font-size:19px;letter-spacing:.22em;font-weight:560}.brand span:last-child{font-size:8px;letter-spacing:.63em;opacity:.7;margin-top:6px}
.nav{display:flex;gap:clamp(20px,3.2vw,57px);align-items:center;font-size:13px;color:#c8cbcb}.nav a{transition:color .2s}.nav a:hover,.nav a[aria-current=page]{color:white}.nav .nav-cta{color:white;border:1px solid rgba(255,255,255,.38);padding:12px 18px;white-space:nowrap}.nav .nav-cta:hover{background:white;color:#111}
.hero{min-height:760px;min-height:calc(100svh - 92px);position:relative;display:flex;align-items:center;padding:120px var(--edge) 120px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#252528 0%,#13161a 45%,#080b0e 76%)}
.hero:before{content:'';position:absolute;inset:auto -7% -27% 22%;height:76%;transform:rotate(-13deg);background:linear-gradient(167deg,#26282b 2%,#b7a48b 17%,#25272b 19%,#080b0d 53%,#07090b 100%);clip-path:polygon(0 45%,100% 0,100% 100%,0 95%);filter:drop-shadow(0 0 16px rgba(228,204,172,.3));z-index:-1;opacity:.85}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#080b0e 0%,rgba(8,11,14,.91) 25%,rgba(8,11,14,.22) 71%,rgba(8,11,14,.03) 100%)}
.hero-inner{max-width:1180px;position:relative}.eyebrow{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--warm);margin:0 0 31px}.hero h1{overflow-wrap:anywhere;font-size:clamp(52px,7.6vw,124px);line-height:.98;letter-spacing:-.067em;font-weight:360;max-width:1150px;margin:0 0 42px}.intro{font-size:clamp(18px,1.6vw,25px);max-width:670px;color:#d0d1d0;line-height:1.5;font-weight:340;margin:0}.hero-context{margin-top:44px;max-width:650px;color:#a6aeb0;font-size:15px;line-height:1.72}.hero-context strong{color:#f4f1ec;font-weight:530}
.editorial{padding:clamp(120px,11vw,190px) var(--edge);max-width:1750px;margin:auto}.section-head{overflow-wrap:anywhere;font-size:clamp(46px,6.1vw,96px);letter-spacing:-.055em;line-height:1.07;font-weight:340;margin:0;max-width:1250px}.lead{font-size:clamp(18px,1.9vw,27px);max-width:740px;color:#c1c4c4;line-height:1.55;margin:32px 0 0}
.roles{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(55px,8vw,160px);margin-top:clamp(90px,9vw,150px)}.roles-intro{max-width:520px;font-size:clamp(19px,2.2vw,32px);letter-spacing:-.03em;color:#d9d6d0;line-height:1.45}.role+.role{margin-top:52px}.role-name{font-size:clamp(24px,2.4vw,38px);font-weight:370;line-height:1.18;letter-spacing:-.035em;margin:0}.role p{font-size:15px;line-height:1.7;color:#a5a9a9;margin:12px 0 0;max-width:540px}
.wide-feature{padding:clamp(125px,11vw,190px) var(--edge);background:linear-gradient(120deg,#181a1d 0%,#0c1013 55%,#080b0e 100%);position:relative;overflow:hidden}.wide-feature:after{content:'';position:absolute;width:min(48vw,690px);height:130%;right:-10%;top:-13%;transform:rotate(15deg);border-left:1px solid rgba(219,191,157,.23);box-shadow:-40px 0 90px rgba(216,184,145,.04);pointer-events:none}.wide-inner{max-width:1400px;margin:auto;position:relative;z-index:1}.wide-feature h2{overflow-wrap:anywhere;font-size:clamp(51px,7vw,114px);line-height:.98;letter-spacing:-.067em;font-weight:340;max-width:1050px;margin:0}.wide-feature p{font-size:clamp(19px,1.8vw,27px);max-width:710px;color:#bcbfc0;line-height:1.56;margin:35px 0 0}.wide-feature strong{font-weight:550;color:white}
.skills-head{margin-bottom:clamp(50px,6vw,100px)}.skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(60px,8vw,165px);row-gap:clamp(46px,6vw,94px)}.skill h3{font-size:clamp(24px,2.2vw,36px);line-height:1.2;letter-spacing:-.04em;font-weight:450;margin:0 0 12px}.skill p{color:#aab0b2;margin:0;line-height:1.7;font-size:clamp(14px,1.08vw,17px);max-width:600px}
.values{background:#e9e5dc;color:#171a1c;padding:clamp(130px,11vw,200px) var(--edge)}.values-inner{max-width:1400px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,8vw,150px)}.values h2{font-size:clamp(45px,5.4vw,88px);font-weight:350;letter-spacing:-.06em;line-height:1.06;margin:0}.values p{font-size:clamp(18px,1.5vw,25px);line-height:1.56;margin:0;color:#3d4141}.values p+p{margin-top:23px}
.contact{padding:clamp(140px,14vw,220px) var(--edge)}.contact h2{overflow-wrap:anywhere;font-size:clamp(50px,7vw,115px);line-height:1;letter-spacing:-.065em;font-weight:350;max-width:1100px;margin:0 0 52px}.contact a{display:inline-flex;border:1px solid rgba(255,255,255,.5);padding:17px 25px;align-items:center;gap:50px;font-size:15px;transition:background .2s,color .2s}.contact a:hover{background:#eee;color:#111}.contact p{color:#aeb0b0;max-width:640px;margin:25px 0 0;font-size:14px}
footer{color:#8b9497;font-size:12px;padding:25px var(--edge) 55px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12)}
@media(max-width:850px){.nav a:not(.nav-cta){display:none}.site-header{height:76px}.brand{font-size:15px}.hero{min-height:690px;padding-top:90px;padding-bottom:120px}.hero h1{overflow-wrap:anywhere;font-size:clamp(46px,9vw,78px)}.hero:before{inset:auto -39% -5% 12%;height:50%;}.hero:after{background:linear-gradient(95deg,#080b0e 0%,rgba(8,11,14,.8) 44%,rgba(8,11,14,.15) 100%)}.roles,.values-inner{grid-template-columns:1fr;gap:50px}.roles-intro{margin:0}.skills{grid-template-columns:1fr;row-gap:42px}.editorial,.values,.wide-feature{padding-top:95px;padding-bottom:100px}.contact{padding-top:120px;padding-bottom:120px}}
@media(max-width:520px){.brand{font-size:12px;letter-spacing:.16em}.brand span:last-child{font-size:7px}.nav .nav-cta{padding:9px 11px;font-size:11px}.hero{min-height:650px}.hero h1{overflow-wrap:anywhere;font-size:clamp(47px,11.4vw,61px);margin-bottom:25px}.eyebrow{margin-bottom:25px}.intro{font-size:18px}.hero-context{font-size:14px;margin-top:27px}.contact a{gap:23px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V8: approved architectural monolith, real image, not a gradient surrogate */
:root{--ink:#0b0c0e;--text:#f1f0ed;--warm:#e4ccb0;--edge:clamp(24px,6vw,104px)}
body{background:#0b0c0e;font-family:Inter,'Helvetica Neue',Helvetica,Arial,sans-serif}
.site-header{height:88px;background:#0b0c0e;border-bottom:1px solid rgba(255,255,255,.075)}
.brand{font-weight:520;letter-spacing:.36em;font-size:20px}
.brand span:last-child{font-size:8px;letter-spacing:.70em}
.nav{gap:clamp(16px,2.6vw,42px)}
.hero{min-height:calc(100svh - 88px);min-height:max(750px,calc(100svh - 88px));background:#0b0c0e;align-items:center;padding:95px var(--edge) 95px}
.hero:before{inset:0 0 0 auto;width:68%;height:100%;transform:none;clip-path:none;filter:none;opacity:.99;z-index:-1;background-image:url("dk-image-7b68589be66655246623.webp");background-size:cover;background-position:49% center;background-repeat:no-repeat}
.hero:after{z-index:-1;inset:0;opacity:1;background:linear-gradient(90deg,#0b0c0e 0%,rgba(11,12,14,.96) 25%,rgba(11,12,14,.86) 40%,rgba(11,12,14,.23) 70%,rgba(11,12,14,0) 100%),linear-gradient(0deg,rgba(11,12,14,.73) 0%,transparent 22%)}
.hero-inner{max-width:min(710px,58%);z-index:1}.hero h1{font-size:clamp(50px,5.7vw,100px);font-weight:350;letter-spacing:-.06em;line-height:1.06;margin:0 0 32px;overflow-wrap:normal}.intro{font-size:clamp(19px,1.55vw,24px);max-width:570px;color:#e7e5e1}.hero-context{margin-top:31px;font-size:clamp(14px,1.02vw,17px);max-width:565px;color:#c1c4c5}.hero-context strong{font-weight:530}
.editorial{padding-top:clamp(110px,10vw,185px);padding-bottom:clamp(110px,10vw,185px)}
.section-head{font-size:clamp(43px,5.7vw,87px)}
.wide-feature{background:#15171a;padding-top:145px;padding-bottom:155px}
.wide-feature:after{width:55%;height:100%;inset:0 0 0 auto;transform:none;box-shadow:none;border:0;background:linear-gradient(90deg,#15171a,rgba(21,23,26,.63) 50%,transparent),url("dk-image-7b68589be66655246623.webp") center/cover;opacity:.32}
.eyebrow{display:none}
.skills{row-gap:clamp(55px,6vw,85px)}
.skills h3{font-weight:410}.values{background:#dfdcd5}.contact{background:#0b0c0e}
@media(min-width:1400px){.hero:before{background-position:55% center}}
@media(max-width:960px){.hero-inner{max-width:68%}.hero h1{font-size:clamp(54px,6.6vw,78px)}.hero:before{width:77%;background-position:55% center}.hero:after{background:linear-gradient(90deg,#0b0c0e 0%,rgba(11,12,14,.9) 38%,rgba(11,12,14,.26) 100%)}}
@media(max-width:700px){
.site-header{height:72px}.nav{gap:10px}.nav a:not(.nav-cta):not(.nav-essential){display:none}.nav .nav-cta{padding:10px 12px;font-size:11px}
.hero{min-height:940px;align-items:flex-start;padding:94px var(--edge) 395px}.hero:before{inset:auto -3% 0 0;width:103%;height:410px;background-size:cover;background-position:50% center;opacity:.92}.hero:after{inset:0;background:linear-gradient(180deg,#0b0c0e 0%,#0b0c0e 43%,rgba(11,12,14,.94) 57%,rgba(11,12,14,.09) 76%,rgba(11,12,14,.1) 100%)}
.hero-inner{max-width:100%}.hero h1{font-size:clamp(43px,10.5vw,68px);margin:0 0 25px;letter-spacing:-.058em}.intro{font-size:18px;line-height:1.5}.hero-context{font-size:14px;line-height:1.6;margin-top:24px}.site-header .brand{font-size:15px;letter-spacing:.19em}.site-header .brand span:last-child{font-size:7px}.nav a.nav-essential{display:inline-flex!important;font-size:12px}.wide-feature:after{opacity:.15}
}
@media(max-width:390px){.hero{min-height:960px}.hero h1{font-size:43px}.hero:before{height:360px}}

/* V15 — warm ivory hairline contour illumination; no broad wave or fragments */
.hero .monolith-ray{
  position:absolute;right:0;top:0;width:68%;height:100%;z-index:0;
  pointer-events:none;overflow:hidden;mix-blend-mode:screen;
}
.hero .monolith-ray svg{display:block;width:100%;height:100%;overflow:hidden}
.hero .monolith-ray .contour-base{fill:none;stroke:rgba(242,211,190,.16);stroke-width:.75;stroke-linecap:round}
.hero .monolith-ray .contour-trace{fill:none;stroke:url(#contour-sweep);stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.hero .monolith-ray .contour-soft{fill:none;stroke:url(#contour-sweep);stroke-width:3.1;stroke-linecap:round;filter:blur(2px);opacity:.34}
@media (min-width:701px) and (max-width:1100px){.hero .monolith-ray{width:77%}}
@media (max-width:700px){.hero .monolith-ray{right:-3%;top:auto;bottom:0;width:103%;height:410px}}
@media (max-width:420px){.hero .monolith-ray{height:360px}}
@media (prefers-reduced-motion:reduce){.hero .monolith-ray .contour-trace,.hero .monolith-ray .contour-soft{display:none}}




/* GRAVITY V11 | cold-white slow ignition, including ambient light beyond all actions. */
:root{--white-ignition:244,248,255;--ignition-ramp:1450ms;--ignition-fade:1250ms}

/* Framed actions, including header CTA and both contact buttons. */
a:is(.nav-cta,.primary-link,.v9-link-quiet),.contact a{
 position:relative;isolation:isolate;overflow:visible!important;
 background:transparent!important;
 transition:color var(--ignition-ramp) ease,border-color var(--ignition-ramp) ease,
  background-color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease,
  box-shadow var(--ignition-ramp) cubic-bezier(.22,.61,.36,1)!important;
}
a:is(.nav-cta,.primary-link,.v9-link-quiet)::before,.contact a::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 inset:-25px -30px;
 background:radial-gradient(ellipse at 50% 50%,rgba(var(--white-ignition),.21) 0%,
  rgba(var(--white-ignition),.095) 32%,rgba(var(--white-ignition),.027) 55%,transparent 76%);
 filter:blur(7px);opacity:0;transform:scale(.76,.66);
 transition:opacity var(--ignition-ramp) ease,transform 1650ms cubic-bezier(.2,.7,.25,1);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet)::after,.contact a::after{
 content:"";position:absolute;pointer-events:none;inset:-1px;border:1px solid rgba(var(--white-ignition),0);
 box-shadow:0 0 0 rgba(var(--white-ignition),0),inset 0 0 0 rgba(var(--white-ignition),0);
 transition:border-color var(--ignition-ramp) ease,box-shadow var(--ignition-ramp) ease;
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible),.contact a:is(:hover,:focus-visible){
 color:#fff!important;border-color:rgba(255,255,255,.94)!important;
 background:rgba(255,255,255,.035)!important;
 text-shadow:0 0 14px rgba(255,255,255,.38),0 0 32px rgba(255,255,255,.13);
 box-shadow:0 0 14px rgba(var(--white-ignition),.26),0 0 40px rgba(var(--white-ignition),.15),
  0 0 82px rgba(var(--white-ignition),.08),inset 0 0 21px rgba(var(--white-ignition),.07);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible)::before,.contact a:is(:hover,:focus-visible)::before{
 opacity:1;transform:scale(1);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible)::after,.contact a:is(:hover,:focus-visible)::after{
 border-color:rgba(255,255,255,.60);
 box-shadow:0 0 13px rgba(255,255,255,.30),inset 0 0 18px rgba(255,255,255,.09);
}
a:is(.nav-cta,.primary-link,.v9-link-quiet) span,.contact a span{
 display:inline-block;transition:transform 1100ms cubic-bezier(.2,.7,.25,1),color var(--ignition-ramp) ease;
}
a:is(.nav-cta,.primary-link,.v9-link-quiet):is(:hover,:focus-visible) span,.contact a:is(:hover,:focus-visible) span{
 transform:translate(3px,-2px);color:#fff;
}

/* Underlined actions: glowing letters, bright line and independent light in the space around them. */
a:is(.v9-detail-link,.about-text-link),.v9-end a{
 position:relative;isolation:isolate;overflow:visible!important;
 transition:color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease,
  border-color var(--ignition-ramp) ease,box-shadow var(--ignition-ramp) ease!important;
}
a:is(.v9-detail-link,.about-text-link)::before,.v9-end a::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 inset:-21px -26px;
 background:radial-gradient(ellipse at center,rgba(255,255,255,.19),rgba(255,255,255,.065) 48%,transparent 80%);
 filter:blur(10px);opacity:0;transform:scale(.7,.65);
 transition:opacity var(--ignition-ramp) ease,transform 1550ms cubic-bezier(.2,.7,.25,1);
}
a:is(.v9-detail-link,.about-text-link)::after,.v9-end a::after{
 content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:-2px;height:1px;
 background:linear-gradient(90deg,rgba(255,255,255,.12),#fff,rgba(255,255,255,.12));
 transform:scaleX(0);transform-origin:center;opacity:0;
 box-shadow:0 0 8px rgba(255,255,255,.65),0 0 28px rgba(255,255,255,.29);
 transition:transform 1550ms cubic-bezier(.2,.7,.25,1),opacity var(--ignition-ramp) ease;
}
a:is(.v9-detail-link,.about-text-link):is(:hover,:focus-visible),.v9-end a:is(:hover,:focus-visible){
 color:#fff!important;border-color:rgba(255,255,255,.89)!important;
 text-shadow:0 0 17px rgba(255,255,255,.42),0 0 34px rgba(255,255,255,.12);
 box-shadow:0 9px 16px -14px rgba(255,255,255,.45);
}
a:is(.v9-detail-link,.about-text-link):is(:hover,:focus-visible)::before,.v9-end a:is(:hover,:focus-visible)::before{
 opacity:1;transform:scale(1);
}
a:is(.v9-detail-link,.about-text-link):is(:hover,:focus-visible)::after,.v9-end a:is(:hover,:focus-visible)::after{
 opacity:1;transform:scaleX(1);
}
/* About's light section uses a cool dark lettering, but the halo is white. */
.about-text-link:is(:hover,:focus-visible){color:#161b20!important;text-shadow:0 0 12px rgba(255,255,255,.9)!important}

/* Financial tabs are real buttons — same slow bloom with a shorter spatial radius. */
.direction-tabs button{
 position:relative;isolation:isolate;overflow:visible!important;
 transition:color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease,border-color var(--ignition-ramp) ease!important;
}
.direction-tabs button::before{
 content:"";position:absolute;pointer-events:none;z-index:-1;inset:-15px -20px;
 background:radial-gradient(ellipse,rgba(255,255,255,.18),transparent 76%);
 filter:blur(8px);opacity:0;transform:scale(.75);
 transition:opacity var(--ignition-ramp) ease,transform var(--ignition-ramp) ease;
}
.direction-tabs button::after{
 content:"";position:absolute;pointer-events:none;left:0;right:0;bottom:-2px;height:2px;
 background:#fff;opacity:0;transform:scaleX(0);
 box-shadow:0 0 12px rgba(255,255,255,.72),0 0 28px rgba(255,255,255,.24);
 transition:opacity var(--ignition-ramp) ease,transform var(--ignition-ramp) ease;
}
.direction-tabs button:is(:hover,:focus-visible){color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.45)}
.direction-tabs button:is(:hover,:focus-visible)::before{opacity:1;transform:scale(1)}
.direction-tabs button:is(:hover,:focus-visible)::after{opacity:1;transform:scaleX(1)}

/* The standard navigation links also illuminate their surrounding space. */
.nav a:not(.nav-cta),a.brand{
 position:relative;isolation:isolate;
 transition:color var(--ignition-ramp) ease,text-shadow var(--ignition-ramp) ease!important;
}
.nav a:not(.nav-cta)::before,a.brand::before{
 content:"";pointer-events:none;position:absolute;z-index:-1;inset:-15px -20px;
 background:radial-gradient(ellipse,rgba(255,255,255,.18),transparent 74%);
 filter:blur(8px);opacity:0;
 transition:opacity var(--ignition-ramp) ease;
}
.nav a:not(.nav-cta):is(:hover,:focus-visible),a.brand:is(:hover,:focus-visible){
 color:#fff!important;text-shadow:0 0 15px rgba(255,255,255,.42);
}
.nav a:not(.nav-cta):is(:hover,:focus-visible)::before,a.brand:is(:hover,:focus-visible)::before{opacity:1}

@media(prefers-reduced-motion:reduce){
 a:is(.nav-cta,.primary-link,.v9-link-quiet),.contact a,
 a:is(.nav-cta,.primary-link,.v9-link-quiet)::before,.contact a::before,
 a:is(.nav-cta,.primary-link,.v9-link-quiet)::after,.contact a::after,
 a:is(.v9-detail-link,.about-text-link),.v9-end a,
 a:is(.v9-detail-link,.about-text-link)::before,.v9-end a::before,
 a:is(.v9-detail-link,.about-text-link)::after,.v9-end a::after,
 .direction-tabs button,.direction-tabs button::before,.direction-tabs button::after,
 .nav a:not(.nav-cta),.nav a:not(.nav-cta)::before,a.brand,a.brand::before{
 transition-duration:.01ms!important;
 }
}



/* V16 — «Подход»: editorial single-flow design, without cards or step numbering */
.approach-hero .hero-inner{max-width:min(760px,58%)}
.approach-hero h1{font-size:clamp(48px,5.25vw,90px);letter-spacing:-.063em;max-width:760px}
.approach-hero .intro{max-width:650px}
.approach-page{overflow:hidden}
.method-intro{padding:clamp(110px,15vw,240px) var(--edge) clamp(90px,11vw,180px);background:radial-gradient(ellipse at 95% -15%,rgba(225,194,159,.075),transparent 47%),#0b0d10}
.method-intro h2{font-weight:330;font-size:clamp(46px,6.3vw,106px);line-height:1.02;letter-spacing:-.065em;max-width:1180px;margin:0 0 clamp(40px,7vw,90px)}
.method-intro .subline{font-size:clamp(21px,2.4vw,36px);line-height:1.3;letter-spacing:-.035em;max-width:960px;color:#c3c7c7;font-weight:350;margin:0}
.method-flow{position:relative;background:#0b0d10;padding:10px var(--edge) clamp(110px,10vw,170px)}
.method-flow:before{content:"";position:absolute;left:calc(var(--edge) + 3px);top:14px;bottom:80px;width:1px;background:linear-gradient(180deg,transparent,rgba(223,197,170,.35) 10%,rgba(223,197,170,.25) 85%,transparent)}
.method-beat{padding:clamp(70px,8vw,145px) 0 clamp(70px,8vw,140px) clamp(36px,5vw,85px);position:relative;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.8fr);column-gap:clamp(60px,9vw,180px);align-items:start}
.method-beat::before{content:"";position:absolute;left:-1px;top:clamp(82px,9vw,160px);width:9px;height:9px;border-radius:50%;background:#d9c2a9;box-shadow:0 0 10px rgba(235,211,181,.36)}
.method-beat h3{font-size:clamp(40px,5vw,82px);line-height:1.06;letter-spacing:-.059em;font-weight:340;margin:0;max-width:790px}
.method-beat .beat-copy{max-width:520px;padding-top:clamp(0px,1.1vw,22px)}
.method-beat .beat-copy p{font-size:clamp(17px,1.42vw,22px);line-height:1.68;color:#b8bfc1;margin:0 0 22px}
.method-beat .beat-copy p strong{font-weight:450;color:#efeeeb}
.method-impact{padding:clamp(120px,16vw,260px) var(--edge) clamp(110px,12vw,190px);background:linear-gradient(145deg,#111519,#070a0d 65%);position:relative;isolation:isolate}
.method-impact:before{content:"";position:absolute;z-index:-1;right:-17vw;top:15%;width:min(65vw,1050px);height:min(60vw,860px);transform:rotate(-26deg);border-top:1px solid rgba(252,230,204,.34);box-shadow:0 -9px 36px -13px rgba(252,230,204,.29);pointer-events:none}
.method-impact h2{font-size:clamp(50px,7.25vw,124px);line-height:1.02;letter-spacing:-.067em;font-weight:340;max-width:1200px;margin:0}
.method-impact .impact-bottom{margin-top:clamp(65px,10vw,160px);display:flex;justify-content:flex-end}
.method-impact .impact-bottom p{max-width:610px;font-size:clamp(18px,1.85vw,28px);line-height:1.55;color:#cbd0d1;margin:0;font-weight:350}
.method-financial{padding:clamp(110px,14vw,220px) var(--edge) clamp(125px,15vw,240px);background:#0a0c0e}
.method-financial .financial-heading{font-size:clamp(44px,5.65vw,98px);letter-spacing:-.063em;line-height:1.06;font-weight:330;margin:0 0 clamp(75px,9vw,130px)}
.method-financial .financial-copy{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);column-gap:clamp(70px,11vw,200px)}
.method-financial .financial-copy p{font-size:clamp(19px,1.8vw,28px);line-height:1.6;font-weight:350;color:#d4d7d6;margin:0}
.method-financial .financial-copy p+p{color:#a8b0b1}
.method-conclusion{padding:clamp(110px,13vw,210px) var(--edge) clamp(110px,12vw,190px);background:#e4dfd7;color:#15181a}
.method-conclusion h2{font-weight:360;letter-spacing:-.064em;font-size:clamp(52px,7vw,115px);line-height:1.02;margin:0 0 clamp(60px,8vw,125px);max-width:1250px}
.method-conclusion .conclusion-text{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,8vw,140px)}
.method-conclusion .conclusion-text p{font-size:clamp(20px,2vw,29px);line-height:1.56;margin:0;max-width:610px;color:#303435}
.method-conclusion .conclusion-text a{display:inline-block;margin-top:33px;color:#141719;border-bottom:1px solid currentColor;padding-bottom:12px;transition:color 1.5s,text-shadow 1.5s}
.method-conclusion .conclusion-text a:hover{color:#fafafa;text-shadow:0 0 16px #fff,0 0 35px rgba(255,255,255,.7)}
.method-page-contact{background:#101317}
@media(max-width:800px){
  .approach-hero .hero-inner{max-width:100%}.approach-hero h1{font-size:clamp(40px,10vw,65px)}
  .method-flow:before{left:calc(var(--edge) + 2px)}
  .method-beat{grid-template-columns:1fr;gap:27px;padding-left:30px;padding-top:70px;padding-bottom:60px}
  .method-beat::before{top:81px}
  .method-beat .beat-copy{padding:0;max-width:660px}
  .method-financial .financial-copy,.method-conclusion .conclusion-text{grid-template-columns:1fr;gap:32px}
  .method-impact:before{right:-42vw;width:110vw;height:86vw}
  .method-intro h2,.method-financial .financial-heading{overflow-wrap:break-word}
}
@media(prefers-reduced-motion:reduce){.method-conclusion .conclusion-text a{transition:none}}

/* V17 — seamlessly fade the image layer into the page; remove the rectangular seam. */
.approach-hero::before {
  -webkit-mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,.06) 12%,
    rgba(0,0,0,.35) 27%,
    rgba(0,0,0,.78) 44%,
    #000 64%);
  mask-image: linear-gradient(90deg,
    transparent 0%,
    rgba(0,0,0,.06) 12%,
    rgba(0,0,0,.35) 27%,
    rgba(0,0,0,.78) 44%,
    #000 64%);
}
@media (max-width: 700px) {
  .approach-hero::before {
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.32) 15%, #000 38%);
    mask-image: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.32) 15%, #000 38%);
  }
}


/* V18: one genuinely full-bleed monolith image — no 68% rectangular element. */
.hero::before {
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  transform:none !important;
  -webkit-mask-image:none !important;
  mask-image:none !important;
  background-image:url("dk-image-7b68589be66655246623.webp") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  opacity:1 !important;
  border:0 !important;
  filter:none !important;
  clip-path:none !important;
}
@media(max-width:700px){
  .hero::before {
    background-image:url("dk-image-46d36ceeb94c38c6d3bc.webp") !important;
    background-size:cover !important;
    background-position:center center !important;
  }
}



/* V18 menu patch: SpaceX-style side navigation, uniform warm interaction treatment. */
.site-header{position:sticky;top:0;z-index:810;background:rgba(8,11,14,.97);isolation:isolate}
.site-header .brand{position:relative;z-index:2;transition:color .25s ease,text-shadow .25s ease}
.site-header .brand:hover,.site-header .brand:focus-visible{color:#f1dfc3;text-shadow:0 0 19px rgba(218,194,160,.33)}
.site-menu-trigger{appearance:none;border:0;background:transparent;color:#f1f1ef;cursor:pointer;position:relative;z-index:3;display:inline-flex;align-items:center;gap:22px;padding:18px 0 18px 18px;letter-spacing:.19em;font-size:11px;font-weight:600;transition:color .28s,text-shadow .28s}
.site-menu-trigger:hover,.site-menu-trigger:focus-visible{color:#f6dfb8;text-shadow:0 0 15px rgba(234,192,137,.5)}
.site-menu-trigger:focus-visible,.site-drawer a:focus-visible{outline:1px solid #dac2a0;outline-offset:5px}
.site-menu-icon{width:27px;height:16px;position:relative;flex:none}
.site-menu-icon::before,.site-menu-icon::after{content:"";position:absolute;right:0;left:0;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.22,1,.36,1),top .35s,box-shadow .35s}
.site-menu-icon::before{top:4px}.site-menu-icon::after{top:12px}
.site-menu-trigger:hover .site-menu-icon::before,.site-menu-trigger:hover .site-menu-icon::after{box-shadow:0 0 8px #e7b96b}
body.site-menu-open .site-menu-icon::before{top:8px;transform:rotate(45deg)}
body.site-menu-open .site-menu-icon::after{top:8px;transform:rotate(-45deg)}
.site-menu-backdrop{position:fixed;inset:0;z-index:790;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s cubic-bezier(.22,1,.36,1),visibility .45s}
.site-drawer{position:fixed;z-index:805;top:0;right:0;bottom:0;width:min(510px,100%);background:#0a0c0d;box-shadow:-40px 0 100px rgba(0,0,0,.52);padding:calc(108px + env(safe-area-inset-top,0px)) clamp(30px,4.2vw,60px) 42px;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:0;transform:translateX(103%);visibility:hidden;pointer-events:none;transition:transform .5s cubic-bezier(.22,1,.36,1),visibility .5s;scrollbar-width:thin;scrollbar-color:#655641 transparent}
body.site-menu-open .site-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
body.site-menu-open .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}
body.site-menu-open{overflow:hidden}
.site-drawer-title{font-size:10px;letter-spacing:.21em;color:rgba(224,207,181,.55);text-transform:uppercase;margin:4px 0 29px}
.site-drawer a{display:block;text-decoration:none;color:#ece9e4;font:500 clamp(25px,2.2vw,34px)/1.16 Inter,'Helvetica Neue',Arial,sans-serif;letter-spacing:-.025em;padding:17px 2px 18px;border-bottom:1px solid rgba(255,255,255,.11);transition:color .25s,text-shadow .25s,padding-left .32s,border-color .25s}
.site-drawer a:hover,.site-drawer a:focus-visible{color:#ead0aa;text-shadow:0 0 20px rgba(229,181,111,.48);padding-left:9px;border-color:rgba(225,190,144,.35)}
.site-drawer a[aria-current="page"]{color:#d6b38b}
.site-drawer .site-menu-contact{margin-top:20px;color:#d8b990;border:1px solid rgba(221,181,134,.48);padding:17px 20px;font-size:14px;font-weight:500;letter-spacing:.015em}
.site-drawer .site-menu-contact:hover,.site-drawer .site-menu-contact:focus-visible{background:rgba(214,169,107,.09);border-color:#e0bf8c;padding-left:20px;box-shadow:0 0 27px rgba(218,186,132,.15),inset 0 0 16px rgba(218,186,132,.06)}
.site-menu-caption{font-size:10px;line-height:1.8;letter-spacing:.04em;color:#75787b;margin-top:auto;padding-top:34px}
/* The same soft glow on all primary, secondary and interactive text controls. */
a.primary-link,a.v9-detail-link,a.about-text-link,.contact a,.nav-cta,.site-header a,.driver-bar a,.v9-end a{transition:color .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease,text-shadow .28s ease,transform .28s ease}
a.primary-link:hover,a.primary-link:focus-visible,a.v9-detail-link:hover,a.v9-detail-link:focus-visible,a.about-text-link:hover,a.about-text-link:focus-visible,.contact a:hover,.contact a:focus-visible,.v9-end a:hover,.v9-end a:focus-visible{border-color:#d9bd92!important;box-shadow:0 0 26px rgba(218,174,118,.25),inset 0 0 17px rgba(218,174,118,.09);text-shadow:0 0 18px rgba(234,191,137,.28)}
.direction-tabs button{transition:color .28s,border-color .28s,box-shadow .28s,background .28s}
.direction-tabs button:hover,.direction-tabs button:focus-visible{color:#f5dcb7;box-shadow:0 0 18px rgba(221,177,123,.18);border-color:rgba(224,188,142,.65)}
.direction-tabs button[aria-selected="true"]{box-shadow:0 0 15px rgba(221,177,123,.14)}
a:active,button:active{transition-duration:.09s}
/* No decorative arrows, including pseudo-elements. */
a.primary-link::after,a.v9-detail-link::after,a.about-text-link::after,.contact a::after,.site-drawer a::after{content:none!important}
@media(max-width:720px){.site-header{height:78px}.site-menu-trigger{font-size:10px;gap:14px;padding-right:0}.site-drawer{width:100%;padding:calc(104px + env(safe-area-inset-top,0px)) 28px 30px}.site-drawer-title{margin-bottom:16px}.site-drawer a{font-size:clamp(23px,6.2vw,32px);padding:15px 1px}.site-drawer .site-menu-contact{font-size:14px;padding:15px 18px}.site-menu-caption{font-size:9px}}
@media(max-height:710px){.site-drawer{padding-top:calc(83px + env(safe-area-inset-top,0px))}.site-drawer-title{margin-bottom:10px}.site-drawer a{padding-top:12px;padding-bottom:12px;font-size:25px}.site-drawer .site-menu-contact{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.site-drawer,.site-menu-backdrop,.site-drawer a,.site-menu-trigger,.site-menu-icon::before,.site-menu-icon::after{transition:none!important}}

/* V18 robust interaction patch: menu works even when JavaScript is disabled. */
.site-header{overflow:visible}
.site-menu-state{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}
.site-menu-state:focus-visible + .site-menu-trigger{outline:1px solid #dac2a0;outline-offset:5px}
.site-menu-trigger{z-index:820;user-select:none;-webkit-user-select:none;touch-action:manipulation}
.site-menu-word-close{display:none}
.site-menu-state:checked + .site-menu-trigger .site-menu-word-default{display:none}
.site-menu-state:checked + .site-menu-trigger .site-menu-word-close{display:inline}
.site-menu-state:checked + .site-menu-trigger .site-menu-icon::before{top:8px;transform:rotate(45deg)}
.site-menu-state:checked + .site-menu-trigger .site-menu-icon::after{top:8px;transform:rotate(-45deg)}
.site-menu-state:checked ~ .site-menu-backdrop{opacity:1;visibility:visible;pointer-events:auto}
.site-menu-state:checked ~ .site-drawer{transform:translateX(0);visibility:visible;pointer-events:auto}
body:has(.site-menu-state:checked){overflow:hidden}
/* The backdrop is also a native label: tapping outside closes the menu without scripts. */
.site-menu-backdrop{cursor:pointer}


/* Only UI interactions. Monolith background, warm contour and content are unchanged. */
.site-header .brand:is(:hover,:focus-visible),
.site-menu-trigger:is(:hover,:focus-visible),
.site-drawer a:is(:hover,:focus-visible),
.site-drawer a[aria-current="page"] {
  color:#fff!important;
  text-shadow:0 0 16px rgba(255,255,255,.56),0 0 34px rgba(255,255,255,.22)!important;
}
.site-menu-trigger:is(:hover,:focus-visible) .site-menu-icon::before,
.site-menu-trigger:is(:hover,:focus-visible) .site-menu-icon::after {
  box-shadow:0 0 9px rgba(255,255,255,.82)!important;
}
.site-menu-trigger:focus-visible,.site-drawer a:focus-visible,
.site-menu-state:focus-visible + .site-menu-trigger {
  outline-color:rgba(255,255,255,.85)!important;
}
.site-drawer a:is(:hover,:focus-visible) {
  border-bottom-color:rgba(255,255,255,.43)!important;
}
.site-drawer .site-menu-contact {
  color:#f0f0f0!important;
  border-color:rgba(255,255,255,.46)!important;
}
.site-drawer .site-menu-contact:is(:hover,:focus-visible) {
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.85)!important;
  box-shadow:0 0 24px rgba(255,255,255,.25),inset 0 0 15px rgba(255,255,255,.08)!important;
}
a.primary-link:is(:hover,:focus-visible),
a.v9-detail-link:is(:hover,:focus-visible),
a.about-text-link:is(:hover,:focus-visible),
.contact a:is(:hover,:focus-visible),
.v9-end a:is(:hover,:focus-visible),
.nav-cta:is(:hover,:focus-visible),
.driver-bar a:is(:hover,:focus-visible) {
  border-color:rgba(255,255,255,.84)!important;
  box-shadow:0 0 25px rgba(255,255,255,.24),inset 0 0 17px rgba(255,255,255,.07)!important;
  text-shadow:0 0 15px rgba(255,255,255,.45)!important;
}
.direction-tabs button:is(:hover,:focus-visible) {
  color:#fff!important;
  border-color:rgba(255,255,255,.74)!important;
  box-shadow:0 0 20px rgba(255,255,255,.22)!important;
}
.direction-tabs button[aria-selected="true"] {
  box-shadow:0 0 16px rgba(255,255,255,.18)!important;
}