:root{--paper:#FBF9FF;--white:#fff;--ink:#36255C;--muted:#59486E;--lavender:#D2C3F6;--surface:#EEE7FC;--accent:#705693;--edge:#A495BB;--display:'Golos Text',Arial,sans-serif;--body:'Golos Text',Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}figure,p{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--lavender);color:var(--ink)}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-80px;z-index:20;background:var(--ink);color:white;padding:12px}.skip-link:focus{top:12px}
h1,h2,h3{font-family:var(--display);font-weight:500;margin:0;text-wrap:balance}h1{line-height:1.1;letter-spacing:-.035em}h2{line-height:1.25;letter-spacing:-.03em}h3{line-height:1.4;letter-spacing:-.02em}em,blockquote{font-family:'Golos Text',Arial,sans-serif;font-weight:400;font-style:italic;color:var(--accent)}.muted{color:var(--muted)}.eyebrow{line-height:1.6;letter-spacing:.7px;font-weight:500}
/* Compact identity over the same light visual field as the portrait. */
.site-header{background:var(--surface)}.site-header>.wrap{min-height:102px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:18px}.brand{display:flex;align-items:center;gap:20px;flex:none}.brand b{font:600 italic 16px/1 'Golos Text',Arial,sans-serif;letter-spacing:-3px;padding-right:5px}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-name{font-weight:500;line-height:1.4;white-space:nowrap}.brand-description{line-height:1.5}.header-actions,nav{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header-actions{margin-left:auto;gap:18px}.header-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;white-space:nowrap;border-radius:8px;transition:background-color .25s}.header-actions a:is(:hover,:focus-visible){background:var(--lavender)}
/* The portrait leads; a quiet VK mark makes the industry tangible. */
.hero-stage{position:relative;isolation:isolate;background:var(--paper);overflow:clip}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:16px;align-items:center;min-height:650px;position:relative}.hero-copy{position:relative;z-index:2;padding-block:38px 65px}.intro{line-height:1.85;max-width:49ch;margin-top:28px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch;margin-top:34px;max-width:550px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:58px;padding:16px 22px;border:1px solid var(--edge);border-radius:9px;background:transparent;color:var(--ink);line-height:1.5;transition:background-color .28s,color .28s,border-color .28s}.hero-actions .button:first-child{border-color:var(--ink)}.button:is(:hover,:focus-visible){background:var(--lavender);border-color:var(--lavender)}.hero-art{height:650px;align-self:end;position:relative;isolation:isolate;min-width:0}.hero-portrait{position:absolute;inset:0 -40px 0 -25px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 80%,transparent 100%)}.hero-portrait img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 18px 35px #36255c12)}
.principle{background:var(--paper);padding:14px 0 58px}.principle>.wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.principle span{color:var(--muted)}.principle p{line-height:1.5}.section{padding-block:84px}.section-head{text-align:center;max-width:950px;margin:0 auto 48px}.section-head h2{max-width:950px;margin-inline:auto}
/* The system explanation alternates text and a real animated diagram. */
#approach{padding-top:42px}.approach-intro{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.approach-intro-copy{max-width:62ch}.approach-intro-copy p{line-height:1.85;margin-bottom:22px}.approach-intro-copy .lead{color:var(--ink)}.approach-intro-copy strong{font-weight:600}.approach-intro-copy .approach-personal{line-height:1.65;margin-bottom:0}.approach-workflow{margin-top:48px}.approach-sequence{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:34px 65px}.approach-sequence li{display:grid;grid-template-columns:38px 1fr;gap:18px;align-items:start}.step-index{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--lavender);}.approach-sequence h3{margin:0 0 10px}.approach-sequence p{line-height:1.8;color:var(--muted);max-width:53ch}.approach-conclusion{line-height:1.55;text-align:center;max-width:950px;margin:50px auto 0}
.system{position:relative;height:450px;container-type:inline-size;--orbit-radius:clamp(90px,28cqw,155px);overflow:clip}.orbit{position:absolute;left:50%;top:50%;width:76%;max-width:360px;aspect-ratio:1;border:1px solid #D5C8ED;border-radius:50%;transform:translate(-50%,-50%)}.orbit.inner{width:54%;max-width:260px}.orbiter{position:absolute;inset:0;transform:rotate(var(--phase));pointer-events:none}.system .tag{position:absolute;left:50%;top:50%;width:134px;text-align:center;line-height:1.5;padding:12px 14px;background:var(--paper);border:1px solid #DDD4EC;border-radius:32px;transform:translate(-50%,-50%) translateX(var(--orbit-radius)) rotate(calc(0deg - var(--phase)))}.system .t5{background:var(--lavender);border-color:var(--lavender)}.vk{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:136px;height:136px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:32px;background:var(--ink);color:var(--lavender);font-weight:600;line-height:1.1;box-shadow:0 24px 65px #36255c57,0 9px 30px #70569338;cursor:pointer}.vk small{font-weight:400;line-height:1.4;margin-top:8px}.vk[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:8px}
@keyframes revolve{from{transform:rotate(var(--phase))}to{transform:rotate(calc(var(--phase) + 360deg))}}@keyframes stay-upright{from{transform:translate(-50%,-50%) translateX(var(--orbit-radius)) rotate(calc(0deg - var(--phase)))}to{transform:translate(-50%,-50%) translateX(var(--orbit-radius)) rotate(calc(-360deg - var(--phase)))}}@keyframes vk-drift{0%,100%{transform:translate(-50%,-50%) rotate(-8deg)}50%{transform:translate(-50%,-50%) translateY(-5px) rotate(-4deg)}}@keyframes orbit-breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.7}50%{transform:translate(-50%,-50%) scale(1.025);opacity:1}}
@media(prefers-reduced-motion:no-preference){.motion-ready .orbiter{animation:revolve 48s linear infinite}.motion-ready .orbiter .tag{animation:stay-upright 48s linear infinite}.motion-ready .vk{animation:vk-drift 8s ease-in-out infinite}.motion-ready .orbit{animation:orbit-breathe 8s ease-in-out infinite}.motion-ready .orbit.inner{animation-delay:-4s}.system:is([data-paused=true],[data-offscreen=true]) :is(.orbiter,.tag,.vk,.orbit){animation-play-state:paused}}
/* Proof and services retain their real figures and original purpose. */
.cases{background:var(--surface)}.case-feature{display:grid;grid-template-columns:1fr 1fr;gap:64px;padding:44px;border-radius:18px;background:var(--ink);color:var(--paper)}.case-feature h3{line-height:1.3;margin:22px 0 18px}.case-feature p:not(.eyebrow){color:#E2D8F4;max-width:43ch}.budget{margin-top:28px;display:flex;gap:20px;justify-content:space-between;}.budget strong{font-weight:500;white-space:nowrap}.numbers{display:flex;flex-direction:column;justify-content:center;gap:28px}.numbers strong{display:block;font:500 16px/1.2 var(--display);letter-spacing:-.03em;color:var(--lavender)}.numbers small{}.numbers span{display:block;line-height:1.6;color:#E2D8F4;margin-top:8px}.number-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.number-row strong{}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}.case-pair article{background:var(--paper);padding:32px;border-radius:16px}.case-pair .peach{background:#E0D3F6}.case-pair h3{margin:18px 0 26px}.metrics{display:flex;gap:26px;flex-wrap:wrap}.metrics strong{display:block;font:500 16px/1.4 var(--display);letter-spacing:-.02em}.metrics span{display:block;line-height:1.6}.case-pair article>p:last-child{color:var(--muted);margin-top:26px}.footnote{line-height:1.8;max-width:100ch;color:var(--muted);margin-top:24px}
.audience>div{max-width:900px;margin:auto}.audience h2{text-align:center}.audience .lead{line-height:1.8;margin-top:30px}.audience ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:34px 0;padding:0}.audience li{font-weight:500;line-height:1.7}.audience .muted{max-width:75ch}.services-section{background:var(--surface)}.services{display:grid;grid-template-columns:1fr 1fr;gap:22px}.services article{display:flex;flex-direction:column;align-items:flex-start;background:var(--paper);border-radius:16px;padding:30px;gap:20px}.services article>span{display:none}.services article.featured{background:var(--lavender)}.services h3{margin-bottom:12px}.services p{color:var(--muted);line-height:1.8;max-width:55ch}.services .eyebrow{margin-bottom:12px;color:var(--ink)}.services strong{font-weight:500;line-height:1.5;margin-top:auto}.services small{font-weight:400;margin-left:7px}.services article>a{align-self:stretch;text-align:center;display:flex;align-items:center;justify-content:center;min-height:48px;border:1px solid var(--edge);border-radius:9px;padding:12px 20px;transition:background-color .25s,color .25s}.services article>a:is(:hover,:focus-visible){background:var(--ink);color:var(--paper)}
.faq{padding-block:82px}.faq h2{text-align:center;margin-bottom:36px}.faq>div{max-width:900px;margin:auto}details{padding:16px 20px;border-radius:10px;margin-top:8px}details[open]{background:var(--surface)}summary{cursor:pointer;list-style:none;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:20px;line-height:1.65}summary::-webkit-details-marker{display:none}summary span{color:var(--accent)}details[open] summary span{transform:rotate(45deg)}details p{line-height:1.85;color:var(--muted);margin:14px 30px 8px 0}.contact{background:var(--ink);color:var(--paper);text-align:center;padding:78px 0}.contact .eyebrow{color:#E2D8F4;margin-bottom:20px}.contact h2{}.contact em{color:var(--lavender)}.contact p:not(.eyebrow){line-height:1.85;color:#E2D8F4;margin-top:24px}.contact .button{border-color:var(--lavender);color:var(--lavender);margin-top:28px}.contact .button:is(:hover,:focus-visible){color:var(--ink);background:var(--lavender)}.contact p.contact-caption{}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding-block:25px;color:var(--muted)}footer a{min-height:44px;display:flex;align-items:center;padding-inline:12px;border-radius:8px;transition:background-color .25s}footer a:hover{background:var(--surface)}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.header-actions{gap:4px}.header-actions a{padding-inline:9px}.brand-name{}.brand{gap:14px}.brand-description{max-width:255px}.hero{min-height:600px}.hero-art{height:600px}.hero h1{}.hero-copy{padding-block:35px 50px}.hero-actions .button{padding:14px 12px}.approach-intro{gap:30px}.system .tag{width:120px}.vk{width:116px;height:116px;}.case-feature{gap:35px;padding:32px}.numbers strong{}.number-row strong{}.metrics{gap:18px}.metrics strong{}}
@media(max-width:900px){.site-header>.wrap{flex-wrap:wrap;gap:10px;padding-block:16px}.header-actions{flex:1 0 100%;justify-content:flex-end}.hero{grid-template-columns:1.05fr 1fr;min-height:560px}.hero-art{height:560px}.hero-portrait{inset:0 -30px 0 -35px}.hero h1{}.intro{line-height:1.8}.hero-actions{grid-template-columns:1fr;gap:10px;max-width:290px}.approach-intro{grid-template-columns:1fr 1fr;gap:20px}.system .tag{width:104px;padding:10px 7px}.vk{width:94px;height:94px;border-radius:25px}.vk small{}.approach-sequence{gap:30px}.case-feature h3{}.numbers strong{}.number-row strong{}.metrics strong{}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.brand b{}.brand-name{}.brand-description{max-width:250px}.header-actions{gap:0;flex-wrap:wrap}.header-actions nav{gap:0}.header-actions a{padding-inline:8px;min-height:44px}.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero-copy{padding-block:34px 0}.hero h1{}.intro{max-width:54ch;margin-top:25px}.hero-actions{grid-template-columns:1fr 1fr;max-width:none;margin-top:27px}.hero-actions .button{padding:14px 10px}.hero-art{height:440px;width:100%;margin-top:15px}.hero-portrait{inset:0 -10px;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}.principle{padding:10px 0 48px}.principle p{}.section{padding-block:60px}.section-head{margin-bottom:28px}h2{}#approach{padding-top:20px}.approach-intro{grid-template-columns:1fr;gap:12px}.approach-intro-copy p{}.approach-intro-copy .approach-personal{}.system{height:340px;width:100%;max-width:450px;justify-self:center;--orbit-radius:clamp(86px,calc(50cqw - 50px),125px)}.system .tag{width:96px;padding:10px 7px;}.vk{width:76px;height:76px;border-radius:20px;}.vk small{margin-top:6px}.approach-workflow{margin-top:26px}.approach-sequence{grid-template-columns:1fr;gap:28px}.approach-sequence li{grid-template-columns:32px 1fr;gap:16px}.step-index{width:32px;height:32px}.approach-sequence h3{}.approach-conclusion{margin-top:38px}.case-feature{grid-template-columns:1fr;gap:32px;padding:27px}.case-feature h3{}.numbers strong{}.number-row strong{}.case-pair{grid-template-columns:1fr;gap:18px;margin-top:18px}.case-pair article{padding:27px}.case-pair h3{}.metrics{gap:24px}.metrics strong{}.footnote{}.audience .lead{}.audience ul{grid-template-columns:1fr;gap:18px;margin:28px 0}.audience li{}.services{grid-template-columns:1fr;gap:18px}.services article{padding:26px}.services h3{}.faq{padding-block:60px}details{padding-inline:8px}summary{}details p{margin-right:8px}.contact{padding-block:60px}.contact h2{}.contact .button{max-width:100%;padding:16px}.contact p:not(.eyebrow){}footer{gap:12px}footer>span:nth-child(2){order:4;width:100%}}
@media(max-width:360px){.brand{gap:10px}.brand-name{}.brand-description{max-width:210px}.header-actions a{padding-inline:5px}.hero-actions{grid-template-columns:1fr}.hero-art{height:370px}.system .tag{width:88px;padding-inline:5px}.metrics{gap:18px}.metrics strong{}.case-feature,.case-pair article{padding:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* On phones the portrait follows the headline, before the long explanation. */
@media(max-width:760px){
 .hero-copy{display:contents}
 .hero h1{grid-row:1;padding-top:30px}
 .hero-art{grid-row:2;height:340px;margin-top:18px}
 .hero-copy .intro{grid-row:3;margin-top:8px}
 .hero-actions{grid-row:4;margin-top:25px;margin-bottom:30px}
 
 .principle{padding-top:8px}
}
@media(max-width:360px){.hero-art{height:300px}}

/* Art direction: light, soft portrait edges and a single continuous trajectory. */
:root{--mist:#E8DFF7;--pearl:#F6F2FC;--grape-light:#503971;--hairline:#D9CFE6}
.site-header{background:linear-gradient(110deg,#EEE7FC 0%,#E6DCF8 60%,#D2C3F6 135%)}
.hero-stage{background:radial-gradient(ellipse at 80% 42%,#E8DFF76B 0%,#E8DFF71F 35%,transparent 65%),var(--paper)}
.hero-art{isolation:isolate}
.hero-art::before{content:"";position:absolute;inset:7% -13% -3% -6%;z-index:-1;background:radial-gradient(ellipse at 50% 49%,#BDA5E16B 0%,#D2C3F63D 33%,#EEE7FC12 57%,transparent 72%);pointer-events:none}
.portrait-trajectory{position:absolute;inset:-2% -8% -4% -8%;width:116%;height:106%;z-index:0;pointer-events:none}
.hero-portrait{inset:-6px -40px -22px -25px;overflow:visible;mask-image:none;z-index:1}
.hero-portrait img{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:auto;height:100%;max-width:none;object-fit:initial;filter:none;mask-image:linear-gradient(90deg,transparent 0%,#000 13%,#000 76%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 7%,#000 66%,transparent 98%);mask-composite:intersect}
.hero-copy .intro{max-width:48ch}
.button{transition:background-color .28s,border-color .28s,box-shadow .28s,color .28s}
.button:is(:hover,:focus-visible){background:linear-gradient(120deg,#E8DFF7,#D2C3F6);box-shadow:0 9px 24px #36255c12;border-color:#B59CCF}
.principle{position:relative;background:radial-gradient(ellipse at 50% 12%,#E8DFF766,transparent 68%),var(--paper);padding-top:42px}
.principle::before{content:"";position:absolute;top:0;left:50%;width:1px;height:28px;background:linear-gradient(transparent,#A88ACF66,transparent)}
#approach{position:relative}
.approach-intro{position:relative}
.system{background:radial-gradient(ellipse at center,#E8DFF780 0%,#E8DFF726 37%,transparent 67%)}
.orbit{border-color:#B9A1D359}
.orbit.inner{border-color:#A38BBB59}
.system .tag{background:linear-gradient(135deg,#FFFFFFF2,#F6F2FCF2);border-color:#D9CFE6}
.system .t5{background:linear-gradient(125deg,#E3D7F7,#C9B6EC);border-color:#C9B6EC}
.step-index{background:linear-gradient(135deg,#EEE7FC,#D2C3F6);box-shadow:0 6px 16px #36255c09}
.approach-conclusion{padding:28px 24px;background:radial-gradient(ellipse at center,#EEE7FCB3,transparent 75%);border-radius:28px}
.cases{background:linear-gradient(170deg,#F4EFFB,#E8E0F4 60%,#EEE7FC)}
.case-feature{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 15%,#71539866,transparent 60%),linear-gradient(115deg,#36255C,#493366);box-shadow:0 22px 50px #36255c13;border:1px solid #62477D66;border-radius:22px}
.case-feature::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-140px;top:-300px;border:1px solid #D2C3F624;border-radius:50%;pointer-events:none}
.case-pair article{border:1px solid #D9CFE6A6;background:linear-gradient(140deg,#FFFFFF,#FBF9FF);box-shadow:0 10px 25px #36255c05}
.case-pair .peach{background:linear-gradient(135deg,#E8DEF7,#D9C9EE)}
.services-section{background:radial-gradient(ellipse at 100% 20%,#D2C3F65C,transparent 55%),linear-gradient(160deg,#F5F0FC,#EEE7FC)}
.services article{border:1px solid #D9CFE6B3;background:linear-gradient(145deg,#FFFFFF,#FBF9FF);box-shadow:0 12px 30px #36255c06}
.services article.featured{background:radial-gradient(ellipse at 95% 8%,#F6F2FC99,transparent 65%),linear-gradient(140deg,#D2C3F6,#C7B2E8);border-color:#B59CCF66}
.contact{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 0%,#8D6AA55C,transparent 55%),radial-gradient(ellipse at 0% 100%,#70569352,transparent 55%),#36255C}
.contact::before,.contact::after{content:"";position:absolute;z-index:-1;pointer-events:none;border:1px solid #D2C3F626;border-radius:50%;width:850px;height:310px;left:-470px;top:15%;transform:rotate(-25deg)}
.contact::after{left:auto;right:-470px;top:45%;transform:rotate(-25deg)}
@media(max-width:1100px){.hero-portrait{inset:-4px -35px -20px -30px}}
@media(max-width:760px){
 .hero-stage{background:radial-gradient(ellipse at 65% 39%,#E8DFF747,transparent 48%),var(--paper)}
 .hero-art{height:375px;margin-top:8px}
 .hero-portrait{inset:0 -10px -15px}
 .hero-portrait img{mask-image:linear-gradient(90deg,transparent,#000 12%,#000 78%,transparent),linear-gradient(180deg,transparent,#000 6%,#000 63%,transparent 99%)}
 .portrait-trajectory{inset:-4% -2% -7%;width:104%;height:111%;opacity:.8}
 .hero-art::before{inset:0 -8% -3%;background:radial-gradient(ellipse,#BDA5E14D,transparent 70%)}
 .principle{padding-top:36px}.principle::before{height:24px}
 .approach-conclusion{padding:22px 8px}
 .contact::before,.contact::after{opacity:.5}
}
@media(max-width:360px){.hero-art{height:325px}}

/* Let the feathered portrait finish before its section edge. */
.hero-stage{background:var(--paper)}
.hero-portrait{inset:0 -40px 0 -25px}
.principle{background:var(--paper)}
.principle::before{display:none}
@media(max-width:1100px){.hero-portrait{inset:0 -35px 0 -30px}}
@media(max-width:760px){.hero-portrait{inset:0 -10px}}
.services article.featured p{color:var(--ink)}
.contact :is(a,button):focus-visible{outline-color:var(--lavender)}

/* Tight transition after removal of the principle block. */
#approach{padding-top:22px}
@media(max-width:760px){#approach{padding-top:12px}}

/* One continuous feather around the image, without a rectangular corner. */
.hero-portrait img{mask-image:radial-gradient(ellipse 50% 65% at 50% 35%,#000 42%,#000 55%,#000C 67%,#0006 82%,transparent 99%);mask-composite:add}
/* Closed, evenly visible contours sit over the feather, inside their viewport. */
.portrait-trajectory{inset:0;width:100%;height:100%;z-index:2;overflow:visible;opacity:1}
@media(max-width:760px){.portrait-trajectory{inset:0;width:100%;height:100%;opacity:.85}}

/* New source-derived portrait: alpha feather is in the asset, no CSS vignette. */
.hero-portrait img{mask-image:none;-webkit-mask-image:none;mask-composite:add;filter:none;max-width:100%;object-fit:contain}
.hero-art::before{display:none}

.hero-art{isolation:auto}
.hero-portrait{position:relative;inset:auto;width:100%;height:100%;z-index:auto;overflow:visible;mask:none;-webkit-mask:none}
.hero-portrait img{position:static;transform:none;display:block;width:100%;height:100%;max-width:none;object-fit:contain;object-position:center;mask:none;-webkit-mask:none}

/* One family, exactly three sizes. Existing italic and weight styling retained. */
:root{--type-body:16px;--type-subtitle:24px;--type-display:44px;--display:'Golos Text',Arial,sans-serif;--body:'Golos Text',Arial,sans-serif}
body{font-family:var(--body);font-size:var(--type-body)}
h1,h2,.brand b,.numbers strong,.vk{font-size:var(--type-display)}
h3,.approach-sequence h3,.case-feature h3,.case-pair h3,.services h3,.metrics strong,.services strong,.approach-conclusion,.approach-personal{font-size:var(--type-subtitle)}
.brand b{letter-spacing:-.04em}
h1,h2{line-height:1.18;letter-spacing:-.03em}
h3{line-height:1.4}
.brand-name{white-space:nowrap}
.brand-description{max-width:340px}
.header-actions{flex-wrap:wrap}
.header-actions a{padding-inline:10px}
.numbers span,.numbers small,.services small,.vk small{font-size:var(--type-body)}
.hero-actions .button{padding-inline:14px}
.system .tag{overflow-wrap:anywhere;line-height:1.35}
.eyebrow{letter-spacing:.3px}
@media(max-width:1100px){.site-header>.wrap{flex-wrap:wrap}.header-actions{flex:1 0 100%}}
@media(max-width:760px){
 .brand-copy{min-width:0}.brand{width:100%}.brand-description{max-width:270px}
 .header-actions{gap:0}.header-actions a{padding-inline:7px}
 .vk{font-size:var(--type-subtitle)}
 .system .tag{padding:8px 6px}
 .hero-actions .button{padding:14px 10px}
 .approach-conclusion{line-height:1.55}
}
@media(max-width:360px){.brand{gap:10px}.brand-description{max-width:200px}.header-actions a{padding-inline:6px}}

/* Scattered supplied VK vectors, as quiet non-interactive watermarks. */
.site-header,main>section{position:relative;isolation:isolate}
.vk-brand-field{position:absolute;inset:0;z-index:-1;pointer-events:none;max-width:none!important;margin:0!important;overflow:hidden;background-image:url('images/vk-background-icons-v2.svg');background-size:1440px 1800px;background-position:var(--brand-x,0px) var(--brand-y,0px);background-repeat:repeat;opacity:.12}
@media(max-width:760px){.vk-brand-field{background-size:760px 950px;opacity:.1}}
@media(max-width:760px){.system .tag.t2{padding-inline:2px;letter-spacing:-.035em}}

.vk{padding:0;overflow:hidden}.vk img{display:block;width:100%;height:100%;object-fit:contain}

/* Whole watermarks: no tiled texture and no cropping at section boundaries. */
.vk-brand-field{background-image:url('images/vk-watermark-a.svg'),url('images/vk-watermark-b.svg');background-size:145px 145px,105px 105px;background-position:3% 84%,97% 14%;background-repeat:no-repeat;opacity:.1}
.hero-stage>.vk-brand-field{background-image:url('images/vk-watermark-a.svg');background-position:52% 24%;background-size:135px 135px}
#approach>.vk-brand-field{background-image:url('images/vk-watermark-b.svg');background-position:0% 97%;background-size:130px 130px}
.cases>.vk-brand-field{background-position:0% 5%,100% 95%}
.services-section>.vk-brand-field{background-position:1% 20%,99% 86%}
.contact>.vk-brand-field{background-position:0% 85%,100% 12%;background-size:170px 170px,135px 135px}
@media(max-width:760px){
 .vk-brand-field{background-size:100px 100px,80px 80px;opacity:.08}
 .hero-stage>.vk-brand-field{background-size:95px 95px;background-position:100% 9%}
 #approach>.vk-brand-field{background-size:90px 90px;background-position:0% 99%}
 .contact>.vk-brand-field{background-size:110px 110px,90px 90px}
}

#cases .section-head,#cases .section-head h2{max-width:none}

/* Consistent case figures and centered explanatory copy. */
.case-feature .budget strong,.case-feature .numbers strong{font-size:var(--type-display);font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.budget{flex-wrap:wrap;align-items:flex-end;gap:12px 20px}
.budget small{font-size:var(--type-body)}
.case-feature .number-row{grid-template-columns:1fr}
#cases .footnote,#services .footnote{text-align:center;margin-inline:auto}

.audience-scope{margin-top:18px}

/* Orbit labels always remain on one line. */
.system .tag{width:max-content;min-width:108px;white-space:nowrap;overflow-wrap:normal;word-break:normal;padding:11px 15px;letter-spacing:0}
@media(max-width:760px){
 .system{--orbit-radius:clamp(76px,calc(50cqw - 55px),125px)}
 .system .tag{min-width:0;padding:8px 6px;letter-spacing:-.025em}
 .system .tag.t2{padding-inline:4px;letter-spacing:-.035em}
}
@media(max-width:360px){.system .vk{width:44px;height:44px;border-radius:13px}.system .tag{padding-inline:4px}}
@media(min-width:761px) and (max-width:900px){.system .vk{width:64px;height:64px;border-radius:19px}}
.approach-intro-copy .approach-personal{font-size:var(--type-body)} .case-feature .budget strong{color:var(--lavender)}

/* A real results table: labels and figures align in two columns. */
.case-feature{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center}
.case-results{width:100%;border-collapse:collapse;table-layout:auto}
.case-results th{font-size:var(--type-body);font-weight:400;color:#E2D8F4;text-align:left;line-height:1.6;padding:16px 24px 16px 0;vertical-align:middle}
.case-results td{font-size:var(--type-display);font-weight:500;letter-spacing:-.03em;line-height:1.2;color:var(--lavender);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;padding:16px 0;vertical-align:middle}
.case-results small{font-size:var(--type-body);font-weight:400;letter-spacing:0}
@media(max-width:760px){.case-feature{grid-template-columns:minmax(0,1fr)}.case-results th{padding-right:16px}}
@media(max-width:560px){.case-results td{font-size:var(--type-subtitle)}.case-results th{padding:14px 12px 14px 0}.case-results td{padding-block:14px}}

.audience .audience-points{list-style:disc;display:grid;grid-template-columns:1fr;gap:18px;margin:30px 0 0;padding-left:24px}
.audience .audience-points li{font-size:var(--type-body);font-weight:400;line-height:1.8;padding-left:6px}
.audience .audience-points li::marker{color:var(--accent)}

/* Explicit hero exception: larger editorial lettering, all other type unchanged. */
.hero h1,.hero h1 em{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:76px;line-height:1.04;letter-spacing:-.025em}
.hero h1{font-style:normal}.hero h1 em{font-style:italic}
#approach>.vk-brand-field{background-position:100% 97%}
.case-results td{text-align:left}
@media(max-width:1100px){.hero h1,.hero h1 em{font-size:68px}}
@media(max-width:760px){.hero h1,.hero h1 em{font-size:60px}#approach>.vk-brand-field{background-position:100% 99%}}
@media(max-width:360px){.hero h1,.hero h1 em{font-size:52px}}

@media(min-width:1024px){.approach-intro-copy p,.approach-intro-copy .approach-personal{font-size:var(--type-subtitle);line-height:1.65}}

/* Contact choices: official messenger marks, equal touch targets. */
.messenger-links{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin:30px auto 0;max-width:640px}
.contact .messenger-button{flex:1 1 160px;gap:12px;margin:0;min-height:60px;padding:14px 24px;color:var(--paper);border-color:#D2C3F680;line-height:1.5}
.messenger-button img{display:block;width:28px;height:28px;flex:none;object-fit:contain}
.contact .messenger-button:is(:hover,:focus-visible){background:var(--lavender);color:var(--ink);border-color:var(--lavender);box-shadow:0 9px 24px #160B2D30}
.contact .messenger-button:active{background:#E8DFF7}
@media(max-width:480px){.messenger-links{gap:10px;max-width:320px}.contact .messenger-button{flex-basis:100%;min-height:56px}}
@media(prefers-reduced-motion:reduce){.messenger-button{transition:none}}