/* VBS 1.0.1 — G3 identity, project stages and strategic services */
.brand-logo{width:150px;height:88px;object-fit:contain;flex:none}
.header-inner{height:106px}
.reading-progress{background:#e2231a}
.desktop-nav{gap:28px;margin-left:15px}
.project-status{font-size:10px;line-height:1.5;letter-spacing:.025em;display:inline-flex;align-items:center;gap:7px}
.project-status::before{content:'';display:inline-block;width:4px;height:4px;flex:none;border-radius:50%;background:currentColor;margin-right:1px}
.project-status[data-status=deployed]{color:#96d4aa}
.project-status[data-status=production]{color:#efae79}
.project-status[data-status=planned]{color:#ead47e}
.row-subtitle.project-status{display:block;margin-top:7px;font-size:10px}
.row-subtitle.project-status::before{vertical-align:middle;margin-right:7px}
.stage-status{margin-bottom:12px;display:flex;font-size:9px}
.dialog-status{margin:-8px 0 20px}
.project-dialog .project-status[data-status=deployed]{color:#296c43}
.project-dialog .project-status[data-status=production]{color:#9a4816}
.project-dialog .project-status[data-status=planned]{color:#7e6308}
.status-legend{display:flex;gap:24px;flex-wrap:wrap;margin:-12px 0 27px}
.status-legend .project-status{font-size:9px;opacity:.9}
.project-stage{height:731px}
.services-section{background:#e5e3db}
.services-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:58px}
.services-heading>p{max-width:370px;font-size:14px;line-height:1.85;color:var(--dark-muted);margin:0 0 6px}
.service-links{display:grid;grid-template-columns:1fr 1fr;gap:55px}
.service-link{display:block;border-top:1px solid var(--dark-line);padding:25px 0 0;position:relative}
.service-link>.micro{font-size:8px;color:#7a705c}
.service-link h3{font:42px/1.1 var(--serif);letter-spacing:-.03em;margin:31px 0 20px}
.service-link>p{font-size:14px;line-height:1.8;max-width:420px;color:var(--dark-muted);margin-bottom:22px}
.service-link .text-link{border-bottom:1px solid #92958180;gap:45px}
.service-link:hover .text-link>span:last-child{transform:translate(3px,-3px)}
.service-hero.hero{height:auto;min-height:650px;max-height:none}
.service-hero .hero-content{padding-block:174px 85px}
.service-hero h1{font-size:clamp(62px,6.3vw,100px);line-height:1.02;max-width:900px;margin-bottom:28px}
.service-hero .hero-description{max-width:515px;font-size:15px;line-height:1.8;margin-bottom:30px}
.service-hero .hero-art img{object-position:72% center;opacity:.8}
.service-hero .hero-shade{background:linear-gradient(90deg,#111511e0 0%,#1115118a 52%,#11151129),linear-gradient(0deg,#151513bb,transparent 50%)}
.service-breadcrumbs{display:flex;gap:13px;align-items:center;flex-wrap:wrap;color:#b3b6a7;font-size:9px;letter-spacing:.04em;margin-bottom:44px}
.service-breadcrumbs>a:hover{color:var(--gold-light)}
.service-breadcrumbs>span:last-child{color:var(--gold-light)}
.service-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}
.service-intro-grid .display{font-size:clamp(43px,4.9vw,73px)}
.service-intro-copy{max-width:470px;justify-self:end;padding-top:7px}
.service-intro-copy .lead{font-size:21px;line-height:1.55;color:#31372a;margin-bottom:23px}
.service-intro-copy>p:not(.lead){font-size:14px;line-height:1.85;color:var(--dark-muted)}
.service-detail-heading{display:flex;gap:65px;justify-content:space-between;align-items:end;margin-bottom:60px}
.service-detail-heading>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:5px}
.service-scope .display em{color:var(--gold-light)}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 45px}
.scope-item{border-top:1px solid var(--line);padding-top:25px}
.scope-item>.micro{color:var(--gold);font-size:8px;display:block;margin-bottom:24px}
.scope-item h3{font:32px/1.1 var(--serif);letter-spacing:-.02em;max-width:300px;margin-bottom:18px}
.scope-item p{font-size:13px;line-height:1.9;color:var(--muted);max-width:355px;margin:0}
.service-process .approach-item h3{min-height:0}
.service-results{background:#e3e2d9}
.deliverable-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--dark-line)}
.deliverable-list li{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--dark-line);font-size:15px;line-height:1.6}
.deliverable-list li>span:first-child{font-size:9px;color:#8a744e;padding-top:4px}
.service-cta{padding-block:90px}
.service-cta-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:center}
.service-cta h2{font:clamp(45px,4.9vw,72px)/1.05 var(--serif);letter-spacing:-.035em;margin-bottom:25px}
.service-cta h2 em{color:var(--gold-light)}
.service-cta p{font-size:14px;line-height:1.85;color:var(--muted);max-width:500px}
.service-cta-side{border-top:1px solid var(--line);padding-top:24px}
.service-cta-side>.micro{font-size:8px;color:var(--gold-light);margin-bottom:14px;display:block}
.service-cta-side h3{font:35px/1.1 var(--serif);letter-spacing:-.02em;margin-bottom:15px}
.service-cta-side .text-link{border-bottom:1px solid var(--line)}
.service-note{font-size:11px!important;margin-top:20px;color:#9ea68f!important}
@media(max-width:1100px){.desktop-nav{gap:21px}.desktop-nav a{font-size:11px}.header-actions{gap:22px}.brand{gap:14px}.brand-caption{font-size:8px}.service-link h3{font-size:36px}.scope-grid{column-gap:30px}.scope-item h3{font-size:29px}}
@media(max-width:980px){.project-stage{height:685px}.service-intro-grid{gap:7%}.service-intro-copy .lead{font-size:19px}.service-intro-copy>p:not(.lead){font-size:13px}.scope-grid{grid-template-columns:1fr 1fr}.service-hero h1{font-size:76px}.services-heading{gap:45px}.services-heading>p{max-width:300px;font-size:13px}.service-links{gap:35px}}
@media(max-width:760px){.header-inner{height:100px}.brand-logo{width:150px;height:88px}.header .brand-caption{display:none}.header-actions{gap:20px}.services-heading{flex-direction:column;align-items:start;gap:25px;margin-bottom:40px}.services-heading .display{font-size:60px}.services-heading>p{max-width:430px;font-size:14px}.service-links{gap:35px}.service-link h3{font-size:33px}.service-link>p{font-size:13px}.service-link .text-link{gap:20px;font-size:11px}.status-legend{gap:13px 20px;margin:-7px 0 25px}.status-legend .project-status{font-size:8px}.project-stage{height:490px}.project-row{min-height:95px}.row-subtitle.project-status{font-size:9px;line-height:1.6}.service-hero.hero{min-height:600px}.service-hero .hero-content{padding-block:146px 65px}.service-hero h1{font-size:65px;max-width:560px}.service-hero .hero-description{font-size:14px;max-width:440px}.service-breadcrumbs{font-size:8px;margin-bottom:35px;gap:10px}.service-intro-grid{grid-template-columns:1fr;gap:32px}.service-intro-grid .display{font-size:55px}.service-intro-copy{justify-self:start;max-width:550px;padding:0}.service-intro-copy .lead{font-size:21px}.service-detail-heading{flex-direction:column;align-items:start;gap:25px;margin-bottom:40px}.service-detail-heading .display{font-size:55px}.service-detail-heading>p{max-width:450px;font-size:13px}.scope-grid{gap:35px 28px}.scope-item h3{font-size:30px}.scope-item p{font-size:12px}.service-cta-grid{grid-template-columns:1fr;gap:50px}.service-cta h2{font-size:55px}.service-cta-side{max-width:550px}.service-cta-side h3{font-size:35px}}
@media(max-width:480px){.header-inner{height:98px}.brand-logo{width:150px;height:88px}.header-actions{gap:12px}.header .brand{gap:0}.services-heading .display{font-size:49px}.service-links{grid-template-columns:1fr;gap:36px}.service-link h3{font-size:37px;margin-top:26px}.service-link>p{max-width:355px}.service-link .text-link{gap:40px;font-size:12px}.status-legend{gap:10px 16px}.status-legend .project-status{font-size:7px}.row-subtitle.project-status{font-size:8px}.project-stage{height:465px}.stage-status{font-size:8px;margin-bottom:10px}.service-hero.hero{min-height:570px}.service-hero .hero-content{padding-block:137px 59px}.service-hero h1{font-size:clamp(43px,12.2vw,57px);line-height:1.07;letter-spacing:-.04em;margin-bottom:24px}.service-hero .hero-description{font-size:13px;line-height:1.85;max-width:350px}.service-hero .hero-cta{font-size:11px;gap:20px}.service-breadcrumbs{font-size:7px;margin-bottom:31px}.service-intro-grid .display,.service-detail-heading .display{font-size:46px}.service-intro-copy .lead{font-size:20px}.scope-grid{grid-template-columns:1fr;gap:34px}.scope-item>.micro{margin-bottom:21px}.scope-item h3{font-size:34px;max-width:none}.scope-item p{font-size:13px;max-width:380px}.service-cta{padding-block:70px}.service-cta h2{font-size:46px}.service-cta p{font-size:13px}.service-cta-side h3{font-size:33px}.deliverable-list li{font-size:14px;gap:13px;grid-template-columns:29px 1fr}}
@media(max-width:355px){.brand-logo{width:130px;height:77px}.header-inner{height:94px}.header-actions{gap:7px}.service-hero h1{font-size:43px}.service-intro-grid .display,.service-detail-heading .display,.service-cta h2{font-size:41px}}

.footer .brand-logo{width:170px;height:123px}
@media(max-width:480px){.footer .brand-logo{width:150px;height:108px}}
