/* Green Chavez Law Firm | bilingual virtual case-management pages and homepage preview */
.vm-hero{color:#fdf9f5;background:radial-gradient(circle at 11% 5%,#293b50,#162438 65%,#111b29);padding:76px 0 84px;overflow:hidden}
.vm-hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px}
.vm-eyebrow{display:flex;align-items:center;gap:15px;letter-spacing:.17em;font:800 11px/1.4 var(--modern,Arial,sans-serif);color:#e1b17d;text-transform:uppercase}
.vm-eyebrow span{display:block;width:40px;height:2px;background:#c49462}
.vm-hero h1{font:750 clamp(40px,4.35vw,66px)/1.08 var(--modern,Arial,sans-serif);letter-spacing:-.052em;margin:27px 0 21px;max-width:620px}
.vm-hero-subtitle{font:600 clamp(18px,1.7vw,24px)/1.4 var(--modern,Arial,sans-serif);color:#eac7a1;margin:0 0 18px;max-width:570px}
.vm-hero-intro{font:400 15px/1.85 var(--sans,Arial,sans-serif);color:#d3dbe5;max-width:560px}
.vm-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.vm-hero-picture{margin:0;position:relative;transform:rotate(-1.35deg);padding:8px;background:linear-gradient(125deg,#d8b17c,#765634);box-shadow:0 30px 65px rgba(0,0,0,.31);border-radius:13px;max-width:780px}
.vm-hero-picture img{display:block;width:100%;height:auto;border-radius:8px;aspect-ratio:12/7;object-fit:cover}
.vm-hero-picture figcaption{position:absolute;bottom:17px;right:16px;background:#1b2534d9;color:#fff;font-size:11px;padding:7px 12px;max-width:70%;text-align:right;border-radius:5px}
.vm-overview{background:#f5eee5;padding:58px 0 56px;border-bottom:1px solid #e6d7c4}
.vm-overview-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px}
.vm-overview .gc-section-tag{text-align:left;margin-bottom:11px}
.vm-overview h2{font:750 clamp(28px,3vw,44px)/1.16 var(--modern,Arial,sans-serif);letter-spacing:-.035em;margin:0;color:#1c2837}
.vm-overview-grid>p{color:#515c67;font:400 16px/1.8 var(--sans,Arial,sans-serif);margin:0}
.vm-journey{background:#fffefd;padding:20px 0 66px}
.vm-stage{display:grid;grid-template-columns:1.11fr .89fr;gap:70px;align-items:center;padding:80px 0;border-bottom:1px solid #e9dfd3;scroll-margin-top:125px}
.vm-stage:last-child{border:0;padding-bottom:32px}
.vm-stage-reverse{grid-template-columns:.89fr 1.11fr}
.vm-stage-reverse .vm-stage-image{order:2}
.vm-stage-image{position:relative;background:#f4eadf;border:1px solid #e1d4c3;padding:7px;border-radius:15px;box-shadow:0 19px 45px rgba(44,42,43,.08);overflow:hidden}
.vm-stage-image img{display:block;width:100%;height:auto;border-radius:10px;aspect-ratio:12/7;object-fit:cover}
.vm-image-caption{position:absolute;bottom:17px;right:19px;color:#3d4854;background:#fffdf3f0;padding:6px 10px;border:1px solid #eadaca;border-radius:5px;font-size:10px}
.vm-stage-text{max-width:520px}
.vm-stage-count{font:800 12px/1.5 var(--modern,Arial,sans-serif);letter-spacing:.08em;color:#9a6b3e;display:flex;align-items:center;gap:12px;text-transform:uppercase;margin:0 0 19px}
.vm-stage-count span{display:grid;place-items:center;background:#ae8254;color:white;border-radius:50%;width:39px;height:39px;letter-spacing:0;font-size:14px}
.vm-stage-text h2{font:750 clamp(29px,2.9vw,42px)/1.17 var(--modern,Arial,sans-serif);letter-spacing:-.04em;color:#182438;margin:0 0 19px}
.vm-stage-text p{font:400 15px/1.8 var(--sans,Arial,sans-serif);color:#525c68;margin:0 0 14px}
.vm-stage-text .vm-stage-short{font-weight:650;font-size:17px;line-height:1.6;color:#8f653e}
.vm-meeting{background:#172537;color:white;padding:85px 0}
.vm-meeting-grid{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:60px}
.vm-meeting .gc-section-tag{text-align:left;color:#ecc193}
.vm-meeting h2{font:750 clamp(30px,3vw,44px)/1.17 var(--modern,Arial,sans-serif);letter-spacing:-.04em;margin:0 0 19px}
.vm-meeting p{font:400 16px/1.78 var(--sans,Arial,sans-serif);color:#d4dbe4;max-width:480px}
.vm-meeting figure{position:relative;margin:0}
.vm-meeting figure img{display:block;width:100%;height:auto;border-radius:12px;border:5px solid #b18960;box-shadow:0 20px 42px rgba(0,0,0,.3)}
.vm-meeting figure figcaption{font-size:11px;line-height:1.6;color:#d3dee9;margin-top:12px}
.vm-meeting-demo{position:absolute;top:15px;left:15px;color:#fff;background:#a47743;padding:9px 13px;border-radius:5px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;max-width:74%}
.vm-info{background:#f7eee2;border-block:1px solid #e4d1bc;padding:32px 0}
.vm-info-inner{display:flex;align-items:start;gap:27px;max-width:980px}
.vm-info .gc-icon{width:41px;height:41px;flex:0 0 auto;color:#9f7148}
.vm-info h2{font:750 23px/1.3 var(--modern,Arial,sans-serif);margin:0 0 8px;color:#293c4d}
.vm-info p{font-size:14px;line-height:1.78;color:#505c66;margin:0}
.vm-faq{background:#fffdfb}
.vm-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px}
.vm-faq .gc-section-tag{text-align:left}
.vm-faq h2{font:750 clamp(29px,3vw,40px)/1.2 var(--modern,Arial,sans-serif);margin:0 0 25px;letter-spacing:-.035em}
.vm-lastcall{padding:70px 0;background:linear-gradient(112deg,#f8f3ec,#e6d1b6);text-align:center}
.vm-lastcall-inner{max-width:740px}
.vm-lastcall h2{font:750 clamp(33px,3.4vw,49px)/1.18 var(--modern,Arial,sans-serif);margin:8px 0 14px;letter-spacing:-.04em;color:#192638}
.vm-lastcall p:not(.gc-section-tag){font-size:16px;line-height:1.7;color:#4e5a65;margin:0 auto 27px}
.vm-lastcall .gc-btn{margin:auto}
/* Homepage teaser uses four milestone illustrations, with the complete eight-stage process on its own page. */
.vm-home-section{background:#f8f4ed;padding:71px 0 77px;text-align:center}
.vm-home-section h2{font:750 clamp(30px,3.25vw,46px)/1.18 var(--modern,Arial,sans-serif);letter-spacing:-.04em;margin:10px 0 13px;color:#182536}
.vm-home-lead{max-width:750px;margin:0 auto 30px;color:#515d67;font-size:15px;line-height:1.73}
.vm-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;text-align:left}
.vm-home-card{min-width:0;display:block;overflow:hidden;border:1px solid #dfcfbc;background:#fffefd;color:inherit;border-radius:12px;transition:transform .2s,box-shadow .2s}
.vm-home-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(45,38,31,.12)}
.vm-home-card:focus-visible{outline:3px solid #8f623b;outline-offset:3px}
.vm-home-card img{width:100%;height:auto;aspect-ratio:12/7;display:block;object-fit:cover}
.vm-home-card-copy{position:relative;padding:20px 21px 22px;min-height:120px}
.vm-home-card-copy span{font-size:11px;font-weight:800;letter-spacing:.13em;color:#a37c51}
.vm-home-card-copy h3{font:750 16px/1.3 var(--modern,Arial,sans-serif);margin:8px 15px 0 0;color:#1d2939}
.vm-home-card-copy .icon{position:absolute;bottom:20px;right:13px;width:14px;height:14px;color:#956943}
.vm-home-link{margin-top:30px}
/* Nav: long bilingual labels need additional breathing room at medium widths. */
@media(min-width:1161px) and (max-width:1480px){.desktop-nav{gap:11px}.desktop-nav a{font-size:10px}.nav-shell{gap:15px}.brand-logo{width:202px;height:76px}.brand{min-width:202px}.nav-actions{gap:9px}}
@media(max-width:1159px){.vm-hero-grid{gap:25px}.vm-stage{gap:38px}.vm-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vm-meeting-grid{gap:32px}}
@media(max-width:900px){.vm-hero-grid{grid-template-columns:1fr}.vm-hero{padding:58px 0}.vm-hero-content{max-width:760px}.vm-hero-picture{max-width:760px;transform:none}.vm-overview-grid{grid-template-columns:1fr;gap:15px}.vm-stage,.vm-stage-reverse{gap:24px}.vm-stage-text h2{font-size:clamp(24px,3vw,34px)}.vm-stage-text p{font-size:14px}.vm-meeting-grid{grid-template-columns:1fr}.vm-meeting figure{max-width:750px}.vm-faq-grid{grid-template-columns:1fr;gap:25px}}
@media(max-width:650px){.vm-hero{padding:44px 0 50px}.vm-hero h1{font-size:clamp(34px,8vw,47px)}.vm-hero-subtitle{font-size:18px}.vm-hero-intro{font-size:14px;line-height:1.7}.vm-hero-picture figcaption{font-size:9px;bottom:12px;right:12px}.vm-actions{flex-direction:column}.vm-actions .gc-btn{width:100%;justify-content:center}.vm-overview{padding:44px 0}.vm-overview h2{font-size:30px}.vm-overview-grid>p{font-size:14px}.vm-stage,.vm-stage-reverse{grid-template-columns:1fr;gap:23px;padding:50px 0;scroll-margin-top:100px}.vm-stage-reverse .vm-stage-image{order:0}.vm-stage-text h2{font-size:30px}.vm-stage-text .vm-stage-short{font-size:15px}.vm-stage-text p{font-size:14px}.vm-image-caption{font-size:8px;bottom:11px;right:11px;max-width:66%}.vm-meeting{padding:53px 0}.vm-meeting h2{font-size:32px}.vm-meeting p{font-size:14px}.vm-info-inner{gap:15px}.vm-info h2{font-size:20px}.vm-info .gc-icon{width:30px}.vm-home-section{padding:57px 0}.vm-home-grid{grid-template-columns:1fr;gap:12px}.vm-home-card-copy{min-height:0}.vm-home-card-copy h3{margin-bottom:12px}.vm-lastcall{padding:54px 0}}
@media(prefers-reduced-motion:reduce){.vm-home-card{transition:none}}
@media(max-width:520px){.announcement-contact{display:none}.announcement-inner{justify-content:center}.announcement{min-height:29px}}
