:root{
  --brand-black:#070707;--brand-charcoal:#11110f;--brand-graphite:#23221f;
  --brand-gold:#d6a63d;--brand-gold-light:#f3c762;--brand-gold-dark:#95630d;
  --brand-platinum:#dedbd3;--brand-paper:#f7f3eb;--brand-white:#fff;
  --brand-line:rgba(132,105,55,.24);--brand-radius:22px;
  --brand-shadow:0 28px 70px rgba(18,13,5,.13);
}
html{scroll-behavior:smooth}
body{background:var(--brand-paper);color:#191816;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body:before{position:fixed;z-index:-2;content:"";inset:0;background:radial-gradient(circle at 82% 12%,rgba(214,166,61,.10),transparent 31%),linear-gradient(180deg,#faf7f1,#f5efe5)}
::selection{background:var(--brand-gold);color:#080808}
h1,h2,h3{font-family:Inter,"Aptos Display","Segoe UI",Arial,sans-serif;font-weight:850;letter-spacing:-.035em}
p,li{max-width:78ch}
.site-header,.topbar{background:rgba(6,6,6,.96)!important;border-bottom:1px solid rgba(214,166,61,.32)!important;backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(0,0,0,.18)}
.nav-wrap{min-height:98px}.brand-combined{filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.main-nav>a,.nav-group>a{position:relative}.main-nav>a:not(.nav-cta):after,.nav-group>a:after{position:absolute;content:"";left:0;right:100%;bottom:29px;height:2px;background:linear-gradient(90deg,var(--brand-gold),var(--brand-gold-light));transition:.25s ease}.main-nav>a:hover:after,.main-nav>a:focus:after,.nav-group>a:hover:after,.nav-group>a:focus:after{right:0}
.nav-cta,.button,.btn{border:1px solid rgba(255,213,116,.7)!important;border-radius:999px!important;background:linear-gradient(135deg,var(--brand-gold-light),var(--brand-gold),#b67a14)!important;color:#0a0907!important;box-shadow:0 12px 28px rgba(182,122,20,.20);font-weight:900!important;transition:transform .2s ease,box-shadow .2s ease!important}
.nav-cta:hover,.button:hover,.btn:hover,.nav-cta:focus,.button:focus,.btn:focus{transform:translateY(-3px);box-shadow:0 18px 38px rgba(182,122,20,.30)}
.button-secondary{background:rgba(4,4,4,.32)!important;color:#fff!important;border-color:rgba(255,255,255,.55)!important;backdrop-filter:blur(12px)}
.submenu{overflow:hidden;border:1px solid rgba(214,166,61,.36)!important;border-radius:15px;background:rgba(10,10,9,.98)!important;box-shadow:0 30px 70px rgba(0,0,0,.45)!important}
.breadcrumbs{padding-top:20px;padding-bottom:10px;color:#766d60}.breadcrumbs a{font-weight:750}
.impact-hero{min-height:740px;background-image:url('/assets/vamoz-hero-people-growth-2026.webp')!important;background-position:center!important}
.impact-overlay{background:linear-gradient(90deg,rgba(4,4,4,.98) 0%,rgba(4,4,4,.88) 36%,rgba(4,4,4,.38) 67%,rgba(4,4,4,.16) 100%)!important}
.impact-copy h1{max-width:930px;text-wrap:balance}.impact-copy .hero-lead{color:#e7e1d7}
.page-hero,.article-hero,.service-hero{position:relative;overflow:hidden;background:#090908!important;isolation:isolate}
.page-hero:before,.article-hero:before{position:absolute;z-index:-2;content:"";inset:0;background-image:linear-gradient(90deg,rgba(5,5,5,.97),rgba(5,5,5,.77) 48%,rgba(5,5,5,.30)),url('/assets/vamoz-puzzle-premium-2026.webp');background-size:cover;background-position:center}
.page-hero:after,.article-hero:after{position:absolute;z-index:-1;content:"";inset:0;background:radial-gradient(circle at 78% 30%,rgba(214,166,61,.16),transparent 30%)}
.page-hero .hero-grid,.page-hero>.container,.article-hero>.container{position:relative;z-index:1}
.page-hero .hero-image{padding:8px;border:1px solid rgba(214,166,61,.36);border-radius:28px;background:rgba(255,255,255,.05);box-shadow:0 30px 80px rgba(0,0,0,.46);backdrop-filter:blur(8px)}
.page-hero h1,.article-hero h1{text-wrap:balance;text-shadow:0 8px 34px rgba(0,0,0,.32)}
.eyebrow{color:var(--brand-gold-dark);font-weight:950;letter-spacing:.14em}.page-hero .eyebrow,.section-dark .eyebrow,.article-hero .eyebrow,.trust .eyebrow{color:var(--brand-gold-light)}
.section{position:relative}.section-soft,.form-wrap{background:linear-gradient(145deg,#f0eadf,#fbf8f2)!important}.section-dark,.trust,.cta{background:radial-gradient(circle at 80% 0,rgba(150,98,14,.20),transparent 34%),linear-gradient(145deg,#17140f,#060606 58%)!important}
.section-dark:before,.trust:before{position:absolute;content:"";inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:34px 34px}
.card,.article-card,.person-card,.fact-box,.buyer-box>div,.choice-grid>div,.notice,.warning,.promise,.job-sector-card,.card-grid>.card{border:1px solid var(--brand-line)!important;border-radius:var(--brand-radius)!important;background:rgba(255,255,255,.82)!important;box-shadow:0 16px 44px rgba(44,31,8,.07);backdrop-filter:blur(12px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.card:hover,.article-card:hover,.job-sector-card:hover{transform:translateY(-7px);border-color:rgba(214,166,61,.68)!important;box-shadow:var(--brand-shadow)}
.section-dark .card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(214,166,61,.25)!important;box-shadow:none}
.path-card{border-radius:var(--brand-radius)!important;box-shadow:0 18px 42px rgba(48,32,5,.08)}
.path-card:before{position:absolute;content:"";width:90px;height:90px;right:-32px;top:-32px;border:1px solid rgba(214,166,61,.28);border-radius:46% 54% 53% 47%}
.path-number{color:rgba(149,99,13,.22)!important}
.signal-panel .eyebrow,.signal-panel .check-list li:before{color:#f3c762!important}.signal-panel{color:#fff!important;border-color:rgba(214,166,61,.36)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(38,29,16,.98),rgba(6,6,6,.98))!important;box-shadow:0 35px 75px rgba(0,0,0,.30)!important}
.lead-magnet{border:1px solid rgba(214,166,61,.28);background:linear-gradient(135deg,rgba(255,255,255,.95),#eee2cd)!important}
.guide-visual span{border-radius:16px!important;background:linear-gradient(145deg,#15130f,#050505)!important;box-shadow:0 16px 40px rgba(0,0,0,.20)}
.cta-band{overflow:hidden;background:linear-gradient(110deg,#9d650d,#d49b29 55%,#f1c45c)!important}
.cta-band:after{position:absolute;content:"";width:320px;height:320px;right:-80px;top:-130px;border:1px solid rgba(255,255,255,.24);border-radius:48% 52% 52% 48%;transform:rotate(22deg)}
.cta-band .button{background:#080808!important;color:#fff!important;border-color:#080808!important}
.job-sector-card img{height:230px!important;filter:saturate(.82) contrast(1.05);transition:transform .4s ease,filter .4s ease}.job-sector-card:hover img{transform:scale(1.035);filter:saturate(1) contrast(1.04)}
.application-form fieldset,.form-wrap form{border-color:var(--brand-line)!important;border-radius:var(--brand-radius)!important;background:rgba(255,255,255,.72);box-shadow:0 16px 38px rgba(45,31,5,.05)}
.field input,.field textarea,.field select,input,select,textarea{border:1px solid #b7aa96!important;border-radius:11px!important;background:#fff!important}.field input:focus,.field textarea:focus,.field select:focus,input:focus,select:focus,textarea:focus{outline:3px solid rgba(214,166,61,.28)!important;border-color:var(--brand-gold)!important}
.site-footer,footer{position:relative;background:radial-gradient(circle at 12% 0,rgba(214,166,61,.14),transparent 30%),#040404!important;border-top:1px solid rgba(214,166,61,.30)}
.site-footer:before{position:absolute;content:"";left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--brand-gold),transparent)}
.footer-heading{color:var(--brand-gold-light)!important;text-transform:uppercase;letter-spacing:.10em;font-size:.78rem}.footer-grid a{transition:color .15s ease,transform .15s ease}.footer-grid a:hover{transform:translateX(3px)}
.article-layout{gap:64px}.article-main{padding:8px 0}.article-main h2{position:relative;padding-top:18px}.article-main h2:before{position:absolute;content:"";left:0;top:0;width:56px;height:3px;background:var(--brand-gold)}
.article-aside{border-color:rgba(214,166,61,.35)!important;background:linear-gradient(155deg,#1e180e,#070707)!important;box-shadow:var(--brand-shadow)}
.topbar .nav{min-height:92px}.topbar .brand{font-size:1.05rem}.topbar .brand span{color:var(--brand-gold-light)}
.hero{border-bottom:1px solid rgba(214,166,61,.35)}.hero:before{background:linear-gradient(90deg,rgba(3,3,3,.95),rgba(3,3,3,.75) 48%,rgba(3,3,3,.18))!important}.hero h1{text-wrap:balance;text-shadow:0 12px 40px rgba(0,0,0,.42)}
.grid .card{border-top:3px solid var(--brand-gold)!important}.steps .step{padding:22px;border:1px solid rgba(214,166,61,.26);border-radius:16px;background:rgba(255,255,255,.05)}
@media(max-width:980px){.impact-hero{min-height:660px}.job-sector-grid{grid-template-columns:repeat(2,1fr)!important}.page-hero:before{background-position:62% center}.main-nav>a:not(.nav-cta):after,.nav-group>a:after{display:none}}
@media(max-width:640px){.nav-wrap{min-height:84px}.impact-hero{min-height:650px}.impact-overlay{background:linear-gradient(90deg,rgba(4,4,4,.95),rgba(4,4,4,.68))!important}.page-hero:before{background-image:linear-gradient(rgba(5,5,5,.91),rgba(5,5,5,.78)),url('/assets/vamoz-puzzle-premium-2026.webp')}.job-sector-grid{grid-template-columns:1fr!important}.job-sector-card img{height:215px!important}.cta-band:after{opacity:.45}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Vamoz premium identity 2026: connecting piece + strategic move */
.brand-stack{display:grid!important;grid-template-columns:1fr;justify-items:start;flex:0 0 205px!important}
.brand-combined{width:205px!important;max-height:80px;object-fit:contain;object-position:left center}
.footer-brand-combined{width:246px!important}
.premium-kicker{display:inline-flex;align-items:center;gap:10px}.premium-kicker:before{content:"";width:24px;height:24px;border:2px solid currentColor;border-radius:7px 7px 10px 7px;transform:rotate(8deg);box-shadow:10px -6px 0 -7px var(--brand-gold-light)}
.strategy-grid{position:relative;overflow:hidden}.strategy-grid:after{position:absolute;z-index:0;content:"";right:-90px;bottom:-120px;width:410px;height:410px;opacity:.16;background:conic-gradient(from 90deg,#fff 0 25%,transparent 0 50%,#fff 0 75%,transparent 0);background-size:64px 64px;transform:rotate(-8deg);pointer-events:none}.strategy-grid>.container{position:relative;z-index:1}
.connector-band{overflow:hidden}.connector-band:before{position:absolute;content:"";left:clamp(20px,7vw,110px);top:50%;width:160px;height:160px;border:1px solid rgba(214,166,61,.24);border-radius:34% 48% 38% 44%;transform:translateY(-50%) rotate(26deg);pointer-events:none}
.future-builders{background:linear-gradient(120deg,#f8f3e9 0,#fff 55%,#eadfc8 100%)}
.future-builders .split{align-items:center}.future-builders .signal-panel{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(155deg,rgba(7,7,7,.54),rgba(7,7,7,.94)),url('/assets/vamoz-workforce-path-2026.webp') center/cover!important}
.future-builders .signal-panel h3{font-size:clamp(1.7rem,3vw,2.7rem);margin-bottom:8px}.future-builders .signal-panel p{color:#e6dfd4}
.lead-magnet.decision-only{grid-template-columns:1fr;max-width:900px}.lead-magnet.decision-only>div{max-width:760px}
.site-footer .footer-grid>div:first-child p{max-width:34ch}

@media(max-width:980px){
  .site-header{min-height:94px}.nav-wrap{min-height:94px!important;padding:8px 0}
  .brand-stack{flex-basis:176px!important}.brand-combined{width:176px!important;max-height:68px}
  .menu-button{position:relative;z-index:104;display:block!important;flex:0 0 54px;width:54px;height:54px;border-radius:14px;background:#111!important;box-shadow:0 0 0 1px rgba(214,166,61,.18),0 12px 34px rgba(0,0,0,.34)}
  .menu-button span{transition:transform .2s ease,opacity .2s ease}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .main-nav{z-index:103;inset:0!important;padding:112px max(24px,calc((100vw - 720px)/2)) 46px!important;background:radial-gradient(circle at 80% 12%,rgba(214,166,61,.16),transparent 26%),linear-gradient(160deg,#17130d,#030303 68%)!important;border:0;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .22s ease,transform .22s ease,visibility .22s}
  .main-nav.open{display:flex!important;visibility:visible;opacity:1;transform:none}
  .main-nav>a,.nav-group>a{display:flex!important;align-items:center;min-height:64px;padding:16px 6px!important;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.18rem;color:#fff!important}
  .nav-group{grid-template-columns:1fr 64px!important}.submenu-toggle{width:64px;height:64px;border-bottom:1px solid rgba(255,255,255,.12);font-size:1.55rem}.submenu{margin:8px 0 18px!important;padding:10px!important;border-radius:14px!important}.submenu a{min-height:52px;padding:15px!important;font-size:1rem!important}.nav-cta{min-height:58px!important;margin-top:22px;justify-content:center;border-bottom:0!important;font-size:1.05rem!important}
}
@media(max-width:640px){
  .brand-stack{flex-basis:162px!important}.brand-combined{width:162px!important;max-height:64px}
  .future-builders .signal-panel{min-height:310px}.strategy-grid:after{width:280px;height:280px;background-size:48px 48px}
}

/* Vamoz visual system v3 — dual brand lockup, service themes and mobile clarity */
:root{
  --brand-gold-bright:#ffd878;
  --brand-platinum-bright:#f4f3ef;
  --brand-platinum-mid:#c9cbd0;
  --brand-ink:#050505;
}
.site-header{overflow:visible}
.nav-wrap{min-height:112px!important;gap:clamp(18px,2.4vw,38px)!important}
.brand-lockup{position:relative;display:grid;grid-template-columns:132px 1px 116px;align-items:center;gap:13px;flex:0 0 276px;min-width:276px;padding:10px 0 9px;color:#fff;isolation:isolate}
.brand-unit{display:grid;justify-items:center;align-content:center;min-width:0}
.vamoz-logo-crop{position:relative;display:block;width:132px;height:71px;overflow:hidden;background:#050505}
.vamoz-logo-crop img{position:absolute;left:-2px;top:-7px;width:136px;max-width:none;height:auto;filter:contrast(1.05) saturate(1.08) drop-shadow(0 0 8px rgba(255,216,120,.14))}
.trust-logo{width:116px;height:55px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(244,243,239,.13))}
.brand-separator{height:63px;background:linear-gradient(180deg,transparent,rgba(255,216,120,.75) 24%,rgba(201,203,208,.55) 76%,transparent)}
.brand-descriptor{display:block;margin-top:3px;white-space:nowrap;font-size:9px;line-height:1;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-platinum-bright);text-shadow:0 1px 12px rgba(255,255,255,.12)}
.brand-vamoz .brand-descriptor{color:var(--brand-gold-bright)}
.brand-spark{position:absolute;right:-4px;top:15px;width:3px;height:3px;border-radius:50%;background:var(--brand-gold-bright);box-shadow:-6px 8px 0 -1px rgba(244,243,239,.8),5px 14px 0 -1px rgba(255,216,120,.7);animation:brand-shimmer 4.8s ease-in-out infinite}
@keyframes brand-shimmer{0%,78%,100%{opacity:.24;transform:scale(.8)}86%{opacity:1;transform:scale(1.25)}}
@media(prefers-reduced-motion:reduce){.brand-spark{animation:none}}

.main-nav{gap:clamp(14px,1.8vw,24px)!important;font-size:.82rem!important}
.main-nav>a,.nav-group>a{letter-spacing:.015em}
.main-nav .nav-cta{padding-inline:17px!important}

/* Page themes: the metaphor supports the service instead of dominating it. */
.theme-staffing .page-hero:before{background-image:linear-gradient(92deg,rgba(4,5,6,.985) 0%,rgba(7,8,9,.91) 52%,rgba(7,7,7,.42) 100%),radial-gradient(circle at 79% 38%,rgba(255,216,120,.20),transparent 28%),linear-gradient(135deg,transparent 53%,rgba(201,203,208,.08) 53% 54%,transparent 54%)!important;background-size:auto,auto,54px 54px!important}
.theme-staffing .page-hero:after{background:radial-gradient(ellipse at 78% 42%,rgba(214,166,61,.18),transparent 22%),linear-gradient(108deg,transparent 68%,rgba(255,255,255,.06) 68.2%,transparent 68.5%)!important}
.theme-jobs .page-hero:before{background-image:linear-gradient(90deg,rgba(4,5,5,.97),rgba(5,7,7,.78) 55%,rgba(3,4,4,.34)),url('/assets/vamoz-workforce-path-2026.webp')!important;background-position:center!important}
.theme-growth .page-hero:before{background-image:linear-gradient(90deg,rgba(3,5,8,.98),rgba(5,8,11,.78) 52%,rgba(4,6,8,.36)),url('/assets/vamoz-solutions-hero.png')!important;background-position:center!important}
.theme-company .page-hero:before{background-image:linear-gradient(90deg,rgba(5,5,5,.98),rgba(6,6,6,.78) 55%,rgba(5,5,5,.38)),url('/assets/vamoz-hero-people-growth-2026.webp')!important;background-position:center!important}
.theme-core .page-hero:before{background-image:linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.80) 52%,rgba(5,5,5,.44)),url('/assets/vamoz-puzzle-premium-2026.webp')!important}
.theme-staffing .premium-kicker:before{border-radius:50% 50% 8px 50%;transform:rotate(45deg);box-shadow:8px -8px 0 -6px var(--brand-gold-bright)}
.theme-jobs .premium-kicker:before{border-radius:50%;box-shadow:10px 0 0 -7px var(--brand-gold-bright)}
.theme-growth .premium-kicker:before{border-radius:2px;transform:rotate(45deg);box-shadow:7px -7px 0 -6px var(--brand-platinum-bright)}

/* A subtle shared depth layer: platinum edge, gold focus, ample calm space. */
.page-hero{border-bottom:1px solid rgba(255,216,120,.26)}
.page-hero:after{opacity:.9}
.section:not(.section-dark):not(.cta-band):after{position:absolute;content:"";right:clamp(18px,5vw,72px);top:18%;width:42px;height:42px;border-top:1px solid rgba(214,166,61,.18);border-right:1px solid rgba(201,203,208,.24);pointer-events:none}
.card,.article-card,.person-card,.job-sector-card{overflow:hidden}
.card:after,.article-card:after,.job-sector-card:after{position:absolute;content:"";inset:auto -28px -30px auto;width:70px;height:70px;border:1px solid rgba(214,166,61,.12);border-radius:20px 50% 42% 28%;transform:rotate(18deg);pointer-events:none}
.card,.article-card,.job-sector-card{position:relative}

@media(max-width:1120px) and (min-width:981px){
  .brand-lockup{grid-template-columns:112px 1px 98px;gap:10px;flex-basis:232px;min-width:232px}.vamoz-logo-crop{width:112px;height:61px}.vamoz-logo-crop img{width:116px}.trust-logo{width:98px;height:47px}.brand-descriptor{font-size:7.7px}.main-nav{gap:12px!important;font-size:.75rem!important}.nav-cta{padding-inline:12px!important}
}

@media(max-width:980px){
  .site-header{min-height:100px!important}.nav-wrap{min-height:100px!important;padding:7px 0!important}
  .brand-lockup{grid-template-columns:116px 1px 100px;gap:10px;flex:0 0 238px;min-width:238px;padding:4px 0}
  .vamoz-logo-crop{width:116px;height:62px}.vamoz-logo-crop img{width:120px;top:-6px}.trust-logo{width:100px;height:47px}.brand-separator{height:52px}.brand-descriptor{font-size:7.8px;letter-spacing:.11em}.brand-spark{display:none}
  .menu-button{margin-left:auto!important}
  .main-nav{inset:0!important;min-height:100dvh;padding:124px max(24px,calc((100vw - 720px)/2)) 40px!important;overscroll-behavior:contain;background:radial-gradient(circle at 78% 10%,rgba(255,216,120,.14),transparent 24%),linear-gradient(155deg,#17140f,#030303 62%)!important}
  .main-nav:before{content:"Valikko";display:block;padding:0 6px 16px;color:var(--brand-gold-bright);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.13)}
  .main-nav>a,.nav-group>a{min-height:62px!important;font-size:1.12rem!important}
  .nav-group{grid-template-columns:1fr 62px!important}
  .submenu{background:rgba(255,255,255,.045)!important}
  .submenu a{padding:14px 15px!important}
  .page-hero:before{background-position:60% center!important}
}

@media(max-width:640px){
  .site-header,.nav-wrap{min-height:88px!important}
  .brand-lockup{grid-template-columns:90px 1px 76px;gap:7px;flex-basis:183px;min-width:183px;padding:2px 0}
  .vamoz-logo-crop{width:90px;height:50px}.vamoz-logo-crop img{width:94px;top:-4px}.trust-logo{width:76px;height:37px}.brand-separator{height:42px}.brand-descriptor{margin-top:1px;font-size:6.4px;letter-spacing:.09em}
  .menu-button{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:13px!important}
  .main-nav{padding:106px 20px 30px!important}
  .main-nav>a,.nav-group>a{min-height:58px!important;padding:14px 4px!important;font-size:1.08rem!important}
  .nav-group{grid-template-columns:1fr 58px!important}.submenu-toggle{width:58px!important;height:58px!important}
  .nav-cta{margin-top:18px!important;min-height:56px!important}
  .theme-staffing .page-hero:before{background-image:linear-gradient(160deg,rgba(4,5,6,.99),rgba(10,10,9,.91)),radial-gradient(circle at 80% 30%,rgba(255,216,120,.18),transparent 30%)!important}
  .section:not(.section-dark):not(.cta-band):after{display:none}
}