/*
Theme Name: Vormand
Author: Vormand
Description: A clean, modern, lightweight WordPress theme.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: vormand
*/
:root{--primary:#1b6f58;--text:#1f2937;--muted:#6b7280;--bg:#fff;--soft:#f5f7f6;--border:#e5e7eb;--container:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
.container{width:min(100% - 40px,var(--container));margin-inline:auto}
.site-header{border-bottom:1px solid var(--border);background:#fff}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-title{font-size:28px;font-weight:800;color:var(--text);text-decoration:none}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:25px}
.main-navigation a{color:var(--text);font-weight:600}
.menu-toggle{display:none;background:none;border:1px solid var(--border);padding:8px 12px}
.site-main{min-height:60vh}
.hero{padding:100px 0;background:var(--soft)}
.hero h1{font-size:clamp(38px,6vw,72px);line-height:1.05;margin:0 0 20px}
.hero p{max-width:700px;font-size:20px;color:var(--muted)}
.button{display:inline-block;background:var(--primary);color:#fff;padding:13px 22px;border-radius:6px;font-weight:700}
.button:hover{color:#fff;text-decoration:none;opacity:.9}
.content-area{padding:70px 0}.entry-title{font-size:42px;line-height:1.15}
.entry-content img{max-width:100%;height:auto}
.site-footer{margin-top:60px;padding:35px 0;border-top:1px solid var(--border);background:#fafafa}
.footer-inner{display:flex;justify-content:space-between;gap:20px;color:var(--muted)}
@media(max-width:768px){
.header-inner{min-height:68px;flex-wrap:wrap}.menu-toggle{display:block}
.main-navigation{display:none;width:100%}.main-navigation.toggled{display:block}
.main-navigation ul{flex-direction:column;padding:20px 0}.hero{padding:65px 0}
.footer-inner{flex-direction:column}
}
/* Vormand premium homepage */
:root{--vm-green:#1b6f58;--vm-black:#0b0f0e;--vm-cream:#f5f5ef;--vm-lime:#c8f36a}
.vormand-home{overflow:hidden}.vm-hero{min-height:760px;background:#0b0f0e;color:#fff;position:relative;display:flex;align-items:center}
.vm-hero-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,black,transparent)}
.vm-hero-inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;padding:100px 0}
.vm-hero-copy{max-width:760px}.vm-eyebrow,.vm-label{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--vm-green);margin-bottom:20px}
.vm-eyebrow{color:var(--vm-lime)}.vm-hero h1{font-size:clamp(48px,7vw,88px);line-height:.98;letter-spacing:-.05em;margin:0 0 28px;font-weight:800}.vm-hero h1 span,.vm-section h2 em{color:var(--vm-green);font-style:normal}
.vm-hero p{max-width:620px;color:#b8c0bd;font-size:19px}.vm-hero-actions{display:flex;gap:14px;margin-top:35px}.vm-btn{padding:15px 24px;border-radius:50px;font-weight:800;display:inline-flex;gap:12px;align-items:center}.vm-btn-primary{background:var(--vm-lime);color:#10140f}.vm-btn-ghost{border:1px solid #4a514e;color:#fff}.vm-hero-orb{width:360px;height:360px;position:relative;display:grid;place-items:center}.vm-orb-ring{position:absolute;border:1px solid rgba(200,243,106,.4);border-radius:50%;animation:spin 14s linear infinite}.ring-one{inset:15px}.ring-two{inset:65px;border-color:rgba(27,111,88,.8);animation-direction:reverse;animation-duration:9s}.vm-orb-core{width:125px;height:125px;border-radius:50%;background:var(--vm-green);display:grid;place-items:center;font-size:70px;font-weight:900;box-shadow:0 0 80px rgba(27,111,88,.45);animation:pulse 3s ease-in-out infinite}.vm-scroll{position:absolute;bottom:28px;left:50%;font-size:10px;letter-spacing:.2em;color:#77817d}.vm-scroll span{display:block;width:1px;height:35px;background:#77817d;margin:10px auto 0}
.vm-section{padding:120px 0}.vm-intro,.vm-projects,.vm-faq{background:var(--vm-cream)}.vm-two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.vm-section h2{font-size:clamp(42px,5vw,68px);line-height:1;letter-spacing:-.045em;margin:0}.vm-copy p,.vm-section-head>p{font-size:18px;color:#626b67;max-width:570px}.vm-text-link{font-weight:800;color:var(--vm-black);border-bottom:1px solid #aaa;padding-bottom:5px}.vm-text-link span{margin-left:10px}.vm-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:80px}.vm-feature{padding:30px 0;border-top:1px solid #cfd2cd}.vm-feature b{font-size:12px;color:var(--vm-green)}.vm-feature h3{font-size:24px;margin:35px 0 8px}.vm-feature p{color:#68716d}
.vm-dark{background:var(--vm-black);color:#fff}.vm-section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:65px}.vm-dark .vm-section-head>p{color:#9da6a2}.vm-service-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #303634}.vm-service-grid article{padding:30px 25px 20px 0;border-right:1px solid #303634;min-height:310px}.vm-service-grid article:not(:first-child){padding-left:25px}.vm-service-grid span{color:var(--vm-lime);font-size:12px}.vm-service-grid h3{font-size:27px;margin:75px 0 15px}.vm-service-grid p{color:#9da6a2}.vm-service-grid a{color:#fff;font-weight:700}
.vm-project-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:50px}.vm-project{margin-bottom:30px}.project-large{grid-row:span 2}.vm-project-art{height:310px;display:flex;align-items:end;padding:30px;font-size:40px;font-weight:900;overflow:hidden;transition:transform .5s}.vm-project:hover .vm-project-art{transform:translateY(-8px)}.project-large .vm-project-art{height:670px}.art-one{background:linear-gradient(135deg,#1b6f58,#102a22 55%,#c8f36a)}.art-two{background:linear-gradient(135deg,#d8d0bf,#45483e)}.art-three{background:linear-gradient(135deg,#a5b5c4,#18232a)}.vm-project-art span{color:#fff}.vm-project h3{margin:18px 0 3px;font-size:23px}.vm-project p{margin:0;color:#747b78}
.vm-counter{background:var(--vm-green);color:#fff;padding:75px 0}.vm-counter-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.vm-counter strong{font-size:65px;line-height:1}.vm-counter strong:after{content:"+"}.vm-counter span{display:block;margin-top:10px;color:#d1e2dc}
.vm-testimonials{background:#fff}.vm-fraction{font-size:14px;display:flex;gap:8px;align-items:center}.vm-fraction b{font-size:32px;color:var(--vm-green)}.vm-testimonial-slider{max-width:900px}.vm-quote{display:none}.vm-quote.active{display:block;animation:fade .5s}.vm-quote>p{font-size:clamp(28px,4vw,50px);line-height:1.18;letter-spacing:-.025em;margin:0 0 40px}.vm-quote div b{display:block}.vm-quote div span{color:#747b78}.vm-slider-controls{display:flex;gap:10px;margin-top:35px}.vm-slider-controls button{width:48px;height:48px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:18px}
.vm-contact{background:var(--vm-lime);padding:105px 0}.vm-contact-inner{display:flex;justify-content:space-between;align-items:end;gap:50px}.vm-contact h2{font-size:clamp(45px,6vw,78px);line-height:.95;margin:0}.vm-contact h2 em{font-style:normal;color:var(--vm-green)}.vm-contact-email{font-size:clamp(18px,2vw,26px);font-weight:800;color:#10140f;border-bottom:2px solid #10140f;padding-bottom:8px}.vm-contact-email span{margin-left:20px}
.vm-accordion details{border-top:1px solid #c8cbc7;padding:24px 0}.vm-accordion details:last-child{border-bottom:1px solid #c8cbc7}.vm-accordion summary{cursor:pointer;list-style:none;font-size:21px;font-weight:700}.vm-accordion summary::-webkit-details-marker{display:none}.vm-accordion summary:after{content:"+";float:right;color:var(--vm-green);font-size:25px}.vm-accordion details[open] summary:after{content:"−"}.vm-accordion p{color:#69716d;max-width:600px}
.vm-reveal{animation:rise .8s both}.vm-delay-1{animation-delay:.12s}.vm-delay-2{animation-delay:.24s}.vm-delay-3{animation-delay:.36s}
@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.05)}}@keyframes fade{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:850px){.vm-hero-inner,.vm-two-col,.vm-section-head,.vm-contact-inner{display:block}.vm-hero-orb{display:none}.vm-hero{min-height:680px}.vm-section{padding:80px 0}.vm-copy{margin-top:35px}.vm-feature-grid,.vm-service-grid,.vm-counter-grid{grid-template-columns:1fr 1fr}.vm-service-grid article{border-bottom:1px solid #303634}.vm-project-grid{grid-template-columns:1fr}.project-large{grid-row:auto}.project-large .vm-project-art{height:400px}.vm-contact-email{display:inline-block;margin-top:35px}.vm-section-head>p{margin-top:30px}}
@media(max-width:520px){.container{width:min(100% - 30px,var(--container))}.vm-hero h1{font-size:50px}.vm-hero-actions{flex-direction:column;align-items:flex-start}.vm-feature-grid,.vm-service-grid,.vm-counter-grid{grid-template-columns:1fr}.vm-counter-grid{gap:45px}.vm-counter strong{font-size:52px}.vm-section-head{margin-bottom:45px}}

.vm-footer{background:#080c0b!important;color:#9da6a2;padding:70px 0 25px!important;border:0!important}
.vm-footer .site-title{color:#fff}.vm-footer .site-title span{color:var(--vm-green)}
.vm-footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;align-items:center;padding-bottom:60px}
.vm-footer-top p{margin:0}.vm-footer-top a:last-child{color:#fff;font-weight:700;text-align:right}
.vm-footer-bottom{border-top:1px solid #252b29;padding-top:22px;display:flex;justify-content:space-between;font-size:12px}
@media(max-width:650px){.vm-footer-top{grid-template-columns:1fr}.vm-footer-top a:last-child{text-align:left}.vm-footer-bottom{display:block}.vm-footer-bottom span{display:block;margin-bottom:8px}}

/* Vormand v3 — client orbit + premium section polish */
.vm-hero{min-height:820px;isolation:isolate}
.vm-hero-noise{position:absolute;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");pointer-events:none}
.vm-hero-inner{min-height:820px}.vm-hero-copy{position:relative;z-index:5}.vm-trust-line{display:flex;align-items:center;gap:13px;margin-top:52px;color:#78827e;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.vm-trust-line i{width:28px;height:1px;background:#3a4440}.vm-trust-line b{color:#aeb8b4;font-weight:600}
.vm-hero-orbit{width:600px;height:600px;position:relative;flex:0 0 600px;display:grid;place-items:center;margin-right:-50px}
.vm-orbit-ring{position:absolute;border:1px solid rgba(200,243,106,.27);border-radius:50%;transform-origin:center;animation:orbit-spin 22s linear infinite}
.orbit-a{width:480px;height:480px}.orbit-b{width:350px;height:350px;border-color:rgba(27,111,88,.55);animation:orbit-spin-reverse 17s linear infinite}
.vm-orbit-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(27,111,88,.25),transparent 68%);filter:blur(12px);animation:pulse 4s ease-in-out infinite}
.vm-orbit-center{position:absolute;width:155px;height:155px;border-radius:50%;display:grid;place-items:center;align-content:center;background:rgba(12,18,16,.94);border:1px solid rgba(200,243,106,.35);box-shadow:0 0 70px rgba(27,111,88,.25),inset 0 0 40px rgba(200,243,106,.05);z-index:3}
.vm-center-mark{font-size:72px;line-height:.8;font-weight:900;color:var(--vm-lime);letter-spacing:-.1em}.vm-orbit-center small{font-size:8px;letter-spacing:.3em;color:#82908b;margin-top:12px}
.vm-client-logo{position:absolute;width:104px;height:104px;border-radius:50%;background:rgba(255,255,255,.97);border:1px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;box-shadow:0 14px 45px rgba(0,0,0,.25);text-decoration:none!important;z-index:5;overflow:hidden}
.vm-client-logo img{width:35px;height:35px;object-fit:contain;border-radius:7px}.vm-client-logo span{font-size:7px;color:#28302d;text-align:center;line-height:1.1;font-weight:800;padding:0 7px}
.orbit-a .logo-1{top:18px;left:188px}.orbit-a .logo-2{bottom:25px;right:25px}.orbit-a .logo-3{bottom:25px;left:25px}
.orbit-b .logo-4{top:20px;right:28px}.orbit-b .logo-5{bottom:20px;left:28px}
.vm-orbit-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--vm-lime);box-shadow:0 0 18px var(--vm-lime)}.dot-a{top:61px;right:92px}.dot-b{bottom:84px;left:85px}
@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:rotate(-360deg)}}
.vm-process{padding:100px 0;background:#eceee9}.vm-process-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.vm-process-head h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.045em;margin:0}.vm-process-head h2 em{font-style:normal;color:var(--vm-green)}
.vm-process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c9ceca}.vm-process-grid>div{padding:28px 25px 25px 0;border-right:1px solid #c9ceca;min-height:220px}.vm-process-grid>div:not(:first-child){padding-left:25px}.vm-process-grid span{color:var(--vm-green);font-size:12px;font-weight:900}.vm-process-grid h3{font-size:25px;margin:48px 0 8px}.vm-process-grid p{color:#68716d;margin:0;max-width:240px}
.vm-feature,.vm-service-grid article,.vm-process-grid>div{transition:transform .35s ease,border-color .35s ease}.vm-feature:hover,.vm-process-grid>div:hover{transform:translateY(-7px)}
.vm-service-grid article:hover{background:rgba(255,255,255,.025)}
.vm-project-art{position:relative}.vm-project-art:after{content:"View project ↗";position:absolute;right:25px;top:25px;padding:9px 13px;border:1px solid rgba(255,255,255,.35);border-radius:30px;font-size:11px;font-weight:700;opacity:0;transform:translateY(-8px);transition:.35s}.vm-project:hover .vm-project-art:after{opacity:1;transform:none}
.vm-contact{position:relative;overflow:hidden}.vm-contact:after{content:"V";position:absolute;right:4%;bottom:-28%;font-size:35vw;line-height:1;font-weight:900;color:rgba(255,255,255,.13);pointer-events:none}
.vm-contact-inner{position:relative;z-index:1}
.vm-accordion details{transition:padding .25s}.vm-accordion details:hover summary{color:var(--vm-green)}
@media(max-width:1050px){.vm-hero-orbit{width:500px;height:500px;flex-basis:500px;margin-right:-100px}.orbit-a{width:410px;height:410px}.orbit-b{width:300px;height:300px}.orbit-a .logo-1{left:153px}.vm-client-logo{width:88px;height:88px}}
@media(max-width:850px){.vm-hero{min-height:auto}.vm-hero-inner{min-height:auto;padding:90px 0 120px}.vm-hero-orbit{width:100%;height:500px;flex-basis:auto;margin:50px 0 0}.vm-trust-line{flex-wrap:wrap}.vm-process-head{display:block}.vm-process-head h2{margin-top:25px}.vm-process-grid{grid-template-columns:1fr 1fr}.vm-process-grid>div{border-bottom:1px solid #c9ceca}}
@media(max-width:520px){.vm-hero-orbit{height:390px}.orbit-a{width:330px;height:330px}.orbit-b{width:240px;height:240px}.vm-client-logo{width:75px;height:75px}.vm-client-logo img{width:27px;height:27px}.vm-client-logo span{font-size:6px}.orbit-a .logo-1{left:127px;top:8px}.orbit-a .logo-2{right:8px;bottom:18px}.orbit-a .logo-3{left:8px;bottom:18px}.orbit-b .logo-4{right:10px;top:8px}.orbit-b .logo-5{left:10px;bottom:8px}.vm-orbit-center{width:120px;height:120px}.vm-center-mark{font-size:55px}.vm-process-grid{grid-template-columns:1fr}.vm-trust-line b{font-size:9px}}
@media(prefers-reduced-motion:reduce){.vm-orbit-ring,.vm-orbit-glow,.vm-orb-core{animation:none!important}.vm-reveal{animation:none!important}}

/* Vormand v4 — three smooth non-overlapping orbit paths */
.vm-hero-orbit{width:620px;height:620px;flex:0 0 620px;margin-right:-60px}
.vm-orbit-ring{pointer-events:none}
.orbit-a{width:510px;height:510px;animation:orbit-a 30s linear infinite}
.orbit-b{width:390px;height:390px;animation:orbit-b 24s linear infinite}
.orbit-c{width:270px;height:270px;border-color:rgba(200,243,106,.16);animation:orbit-c 20s linear infinite}
.vm-client-logo{pointer-events:auto;width:86px;height:86px;padding:15px}
.vm-client-logo img{width:100%;height:100%;max-width:48px;max-height:48px;object-fit:contain;border-radius:0}
.vm-client-logo span{display:none!important}
.orbit-a .logo-1{top:0;left:calc(50% - 43px)}
.orbit-a .logo-2{right:4px;bottom:48px}
.orbit-a .logo-3{left:4px;bottom:48px}
.orbit-b .logo-4{top:8px;right:18px}
.orbit-b .logo-5{bottom:8px;left:18px}

/* Each logo stays attached to its own path and never crosses another logo. */
.orbit-a .vm-client-logo{animation:counter-orbit-a 30s linear infinite}
.orbit-b .vm-client-logo{animation:counter-orbit-b 24s linear infinite}
@keyframes orbit-a{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes orbit-b{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
@keyframes orbit-c{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes counter-orbit-a{from{transform:rotate(0deg)}to{transform:rotate(-360deg)}}
@keyframes counter-orbit-b{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

.vm-orbit-center{width:135px;height:135px;z-index:6}
.vm-orbit-center:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(200,243,106,.16)}
.vm-center-mark{font-size:64px}

.dot-a{top:45px;right:82px}.dot-b{bottom:78px;left:76px}
.dot-c{top:184px;left:72px}.dot-d{right:76px;bottom:182px}

@media(max-width:1050px){
.vm-hero-orbit{width:520px;height:520px;flex-basis:520px;margin-right:-90px}
.orbit-a{width:430px;height:430px}.orbit-b{width:330px;height:330px}.orbit-c{width:230px;height:230px}
.vm-client-logo{width:78px;height:78px}
.orbit-a .logo-1{left:calc(50% - 39px)}.orbit-a .logo-2{right:2px;bottom:38px}.orbit-a .logo-3{left:2px;bottom:38px}
}
@media(max-width:850px){
.vm-hero-orbit{width:100%;height:500px;flex-basis:auto;margin:55px 0 0}
}
@media(max-width:520px){
.vm-hero-orbit{height:410px}
.orbit-a{width:340px;height:340px}.orbit-b{width:260px;height:260px}.orbit-c{width:180px;height:180px}
.vm-client-logo{width:66px;height:66px;padding:12px}.vm-client-logo img{max-width:38px;max-height:38px}
.orbit-a .logo-1{left:calc(50% - 33px)}.orbit-a .logo-2{right:0;bottom:30px}.orbit-a .logo-3{left:0;bottom:30px}
.orbit-b .logo-4{right:5px;top:4px}.orbit-b .logo-5{left:5px;bottom:4px}
.vm-orbit-center{width:108px;height:108px}.vm-center-mark{font-size:52px}
}

/* ===== Packaging Co. additions: About, Why Choose Us, Careers ===== */
.vm-btn-dark{background:var(--vm-black);color:#fff;margin-top:15px}
.vm-about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.vm-about-art{position:relative}
.vm-about-art-block{height:460px;border-radius:18px;background:linear-gradient(135deg,#1b6f58,#0b0f0e 60%,#c8f36a)}
.vm-about-badge{position:absolute;left:-25px;bottom:-25px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:22px 26px;box-shadow:0 20px 45px rgba(0,0,0,.12);max-width:230px}
.vm-about-badge strong{display:block;font-size:34px;color:var(--vm-green);line-height:1}
.vm-about-badge span{color:#68716d;font-size:13px}
.vm-about-copy h2{font-size:clamp(38px,4.6vw,58px);line-height:1.05;letter-spacing:-.04em;margin:0 0 22px}
.vm-about-copy p{color:#5b625e;font-size:17px;max-width:560px}
.vm-about-points{list-style:none;margin:25px 0 30px;padding:0;display:grid;gap:12px}
.vm-about-points li{padding-left:28px;position:relative;color:#3a413d;font-weight:600}
.vm-about-points li:before{content:"✓";position:absolute;left:0;color:var(--vm-green);font-weight:900}

.vm-why{background:var(--vm-cream)}
.vm-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.vm-why-card{background:#fff;border:1px solid #e3e6e0;border-radius:16px;padding:32px 28px;transition:transform .35s ease,box-shadow .35s ease}
.vm-why-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(11,15,14,.08)}
.vm-why-icon{font-size:30px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--vm-cream);margin-bottom:20px}
.vm-why-card h3{font-size:20px;margin:0 0 8px}
.vm-why-card p{color:#68716d;margin:0}

/* Career listings — used both on homepage (dark) and archive/shortcode contexts */
.vm-job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:10px}
.vm-job-card{background:rgba(255,255,255,.04);border:1px solid #2a302d;border-radius:16px;padding:28px;transition:border-color .3s,transform .3s}
.vm-job-card:hover{border-color:var(--vm-lime);transform:translateY(-6px)}
.vm-job-card h3{margin:0 0 10px;font-size:22px}
.vm-job-card h3 a{color:#fff}
.vm-job-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.vm-job-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--vm-lime);border:1px solid rgba(200,243,106,.35);border-radius:30px;padding:6px 12px}
.vm-job-card p{color:#9da6a2;margin:0 0 18px}
.vm-job-apply{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:800;border-bottom:1px solid #4a514e;padding-bottom:4px}
.vm-job-apply:hover{color:var(--vm-lime);border-color:var(--vm-lime);text-decoration:none}
.vm-careers-more{text-align:center;margin-top:45px}
.vm-careers-empty{color:#9da6a2;border:1px dashed #2a302d;border-radius:16px;padding:40px;text-align:center}

/* Light-background variant of job cards (used on the standalone careers archive page) */
.vm-job-grid.vm-job-grid-light .vm-job-card{background:#fff;border-color:#e3e6e0}
.vm-job-grid.vm-job-grid-light .vm-job-card h3 a{color:var(--vm-black)}
.vm-job-grid.vm-job-grid-light .vm-job-card p{color:#68716d}
.vm-job-grid.vm-job-grid-light .vm-job-apply{color:var(--vm-black);border-color:#c8cbc7}
.vm-job-grid.vm-job-grid-light .vm-job-apply:hover{color:var(--vm-green);border-color:var(--vm-green)}

/* Single job listing meta block (prepended to content via plugin) */
.vm-job-single-meta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 35px;padding:20px;background:var(--vm-cream);border-radius:14px}
.vm-job-single-meta span{font-size:13px;font-weight:700;color:var(--vm-black);background:#fff;border:1px solid var(--border);border-radius:30px;padding:8px 14px}
.vm-job-single-apply{display:inline-block;margin-top:10px;background:var(--vm-green);color:#fff;padding:14px 26px;border-radius:8px;font-weight:800}
.vm-job-single-apply:hover{color:#fff;text-decoration:none;opacity:.9}
.vm-job-closed-note{display:inline-block;margin-top:10px;color:#b3261e;font-weight:700}

@media(max-width:850px){
.vm-about-grid{grid-template-columns:1fr;gap:45px}
.vm-about-art-block{height:340px}
.vm-about-badge{position:static;margin-top:20px;max-width:none}
.vm-why-grid{grid-template-columns:1fr 1fr}
.vm-job-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
.vm-why-grid{grid-template-columns:1fr}
}

/* ============================================================
   Vormand v5 — smaller non-overlapping orbit badges,
   site-wide scroll-reveal system, and micro-interactions
   ============================================================ */

/* ---------- 1. Hero orbit: smaller circles, guaranteed gap ---------- */
.orbit-a{width:520px;height:520px}
.orbit-b{width:320px;height:320px}
.orbit-c{width:200px;height:200px}
.vm-client-logo{width:74px;height:74px;padding:12px;background:#fff;border:1px solid rgba(255,255,255,.6);box-shadow:0 12px 34px rgba(0,0,0,.28);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease}
.vm-client-logo:hover{transform:scale(1.14);box-shadow:0 20px 55px rgba(0,0,0,.38);z-index:9}
.vm-client-logo img{max-width:40px;max-height:40px}
.orbit-a .logo-1{top:0;left:calc(50% - 37px)}
.orbit-a .logo-2{right:6px;bottom:40px}
.orbit-a .logo-3{left:6px;bottom:40px}
.orbit-b .logo-4{top:6px;right:14px}
.orbit-b .logo-5{bottom:6px;left:14px}
.vm-orbit-center{width:120px;height:120px}
.vm-center-mark{font-size:54px}
.vm-hero-orbit:hover .vm-orbit-ring{animation-play-state:paused}
.vm-hero-orbit:hover .vm-client-logo{animation-play-state:paused}
.vm-orbit-dot{animation:dot-twinkle 2.6s ease-in-out infinite}
.dot-b,.dot-d{animation-delay:.9s}
@keyframes dot-twinkle{0%,100%{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.6)}}

@media(max-width:1050px){
.orbit-a{width:440px;height:440px}
.orbit-b{width:260px;height:260px}
.vm-client-logo{width:62px;height:62px;padding:10px}
.vm-client-logo img{max-width:34px;max-height:34px}
.orbit-a .logo-1{top:0;left:calc(50% - 31px)}
.orbit-a .logo-2{right:4px;bottom:32px}
.orbit-a .logo-3{left:4px;bottom:32px}
.orbit-b .logo-4{top:5px;right:10px}
.orbit-b .logo-5{bottom:5px;left:10px}
.vm-orbit-center{width:100px;height:100px}
.vm-center-mark{font-size:46px}
}
@media(max-width:520px){
.orbit-a{width:290px;height:290px}
.orbit-b{width:160px;height:160px}
.vm-client-logo{width:50px;height:50px;padding:8px}
.vm-client-logo img{max-width:26px;max-height:26px}
.orbit-a .logo-1{top:0;left:calc(50% - 25px)}
.orbit-a .logo-2{right:2px;bottom:22px}
.orbit-a .logo-3{left:2px;bottom:22px}
.orbit-b .logo-4{top:3px;right:6px}
.orbit-b .logo-5{bottom:3px;left:6px}
.vm-orbit-center{width:80px;height:80px}
.vm-center-mark{font-size:36px}
}

/* ---------- 2. Site-wide scroll-reveal system ---------- */
[data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .8s cubic-bezier(.16,.8,.24,1),transform .8s cubic-bezier(.16,.8,.24,1);will-change:opacity,transform}
[data-reveal].in-view{opacity:1;transform:none}
[data-reveal="left"]{transform:translateX(-46px)}
[data-reveal="left"].in-view{transform:none}
[data-reveal="right"]{transform:translateX(46px)}
[data-reveal="right"].in-view{transform:none}
[data-reveal="scale"]{transform:scale(.9)}
[data-reveal="scale"].in-view{transform:scale(1)}

[data-reveal-stagger]>*{opacity:0;transform:translateY(34px);transition:opacity .65s ease,transform .65s ease}
[data-reveal-stagger].in-view>*{opacity:1;transform:none}
[data-reveal-stagger].in-view>*:nth-child(1){transition-delay:.05s}
[data-reveal-stagger].in-view>*:nth-child(2){transition-delay:.12s}
[data-reveal-stagger].in-view>*:nth-child(3){transition-delay:.19s}
[data-reveal-stagger].in-view>*:nth-child(4){transition-delay:.26s}
[data-reveal-stagger].in-view>*:nth-child(5){transition-delay:.33s}
[data-reveal-stagger].in-view>*:nth-child(6){transition-delay:.4s}

@media(prefers-reduced-motion:reduce){
[data-reveal],[data-reveal-stagger]>*{opacity:1!important;transform:none!important;transition:none!important}
}

/* ---------- 3. Micro-interactions ---------- */
/* nav links get an animated underline */
.main-navigation a{position:relative}
.main-navigation a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:2px;background:var(--vm-green,#1b6f58);transition:width .3s ease}
.main-navigation a:hover:after{width:100%}

/* primary buttons: soft shine sweep + lift */
.vm-btn{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}
.vm-btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.18)}
.vm-btn:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s ease}
.vm-btn:hover:before{left:130%}

/* why-us icon: gentle bounce on card hover */
.vm-why-icon{display:inline-block;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}
.vm-why-card:hover .vm-why-icon{transform:scale(1.25) rotate(-8deg)}

/* project art: subtle image zoom + gradient sheen on hover */
.vm-project-art{transition:transform .5s ease}
.vm-project-art:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.16),transparent 55%);opacity:0;transition:opacity .5s ease}
.vm-project:hover .vm-project-art:before{opacity:1}

/* faq accordion: rotate the marker, smooth color */
.vm-accordion summary{cursor:pointer;transition:color .3s ease;list-style:none;position:relative;padding-right:26px}
.vm-accordion summary::-webkit-details-marker{display:none}
.vm-accordion summary:after{content:"+";position:absolute;right:0;top:0;font-size:20px;font-weight:800;transition:transform .35s ease}
.vm-accordion details[open] summary:after{transform:rotate(45deg)}

/* counters + testimonial slider: gentle fade already handled by data-reveal; add card hover lift */
.vm-quote{transition:opacity .5s ease}
.vm-slider-controls button{transition:transform .25s ease,background .25s ease}
.vm-slider-controls button:hover{transform:translateY(-2px) scale(1.08)}

/* about art block: slow ambient shimmer */
.vm-about-art-block{background-size:200% 200%;animation:vm-gradient-shift 10s ease-in-out infinite}
@keyframes vm-gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* subtle parallax feel on hero grid as page loads */
.vm-hero-grid{transition:transform 1.2s ease}