/* VIVA bundle — generated by bin/build-css.php — لا تعدّل يدوياً؛ عدّل الملفات المصدرية ثم أعد البناء */
/* brand.css */
:root{color-scheme:light;--c-primary:#0C6138;--c-secondary:#C09848;--c-bg:#F5F6F7;--c-text:#2B2F32;--c-white:#FFFFFF;--c-support-green:#3E8C66;--c-gold-light:#E0C790;--c-gray:#8A9098;--c-primary-strong:#094A2B;--c-primary-deep:#053820;--c-primary-soft:#E6EFE9;--c-secondary-strong:#A88134;--c-secondary-deep:#8C6B26;--c-text-muted:#5B6166;--c-border:#E1E3E6;--c-border-strong:#C8CCD0;--c-overlay:rgba(11,30,18,0.65);--c-danger:#B00020;--c-success:var(--c-primary);--c-warning:#B26E00;--c-info:#1F6FB2;--color-bg:var(--c-bg);--color-surface:var(--c-white);--color-surface-alt:var(--c-primary-soft);--color-text:var(--c-text);--color-text-muted:var(--c-text-muted);--color-text-inverted:var(--c-white);--color-text-accent:var(--c-secondary);--color-brand:var(--c-primary);--color-brand-strong:var(--c-primary-strong);--color-brand-deep:var(--c-primary-deep);--color-brand-soft:var(--c-primary-soft);--color-brand-support:var(--c-support-green);--color-accent:var(--c-secondary);--color-accent-strong:var(--c-secondary-strong);--color-accent-deep:var(--c-secondary-deep);--color-accent-soft:var(--c-gold-light);--color-accent-text:var(--c-secondary-deep);--color-border:var(--c-border);--color-border-strong:var(--c-border-strong);--color-divider:var(--c-border);--color-focus-ring:var(--c-primary);--color-danger:var(--c-danger);--color-success:var(--c-success);--color-warning:var(--c-warning);--color-info:var(--c-info);--font-base:"Tajawal",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans Arabic",sans-serif;--font-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono","Courier New",monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fs-xs:clamp(0.75rem,0.71rem + 0.18vw,0.85rem);--fs-sm:clamp(0.875rem,0.82rem + 0.25vw,0.95rem);--fs-base:clamp(1rem,0.95rem + 0.25vw,1.0625rem);--fs-lg:clamp(1.125rem,1.05rem + 0.35vw,1.25rem);--fs-xl:clamp(1.375rem,1.25rem + 0.6vw,1.5rem);--fs-h3:clamp(1.5rem,1.3rem + 0.9vw,1.875rem);--fs-h2:clamp(1.875rem,1.5rem + 1.5vw,2.625rem);--fs-h1:clamp(2.25rem,1.75rem + 2.2vw,3.25rem);--fs-display:clamp(2.75rem,2rem + 3.6vw,4.5rem);--lh-tight:1.15;--lh-snug:1.3;--lh-base:1.6;--lh-loose:1.8;--tracking-tight:-0.01em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.12em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:5rem;--space-10:6rem;--space-11:8rem;--space-12:10rem;--section-y-sm:clamp(2rem,1.5rem + 2vw,3.5rem);--section-y-md:clamp(3rem,2rem + 3vw,5rem);--section-y-lg:clamp(4rem,2.5rem + 5vw,7rem);--section-y-xl:clamp(5rem,3rem + 7vw,9rem);--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:9999px;--radius-circle:50%;--shadow-none:none;--shadow-xs:0 1px 2px 0 rgba(11,30,18,0.04);--shadow-sm:0 2px 4px 0 rgba(11,30,18,0.06),0 1px 2px 0 rgba(11,30,18,0.04);--shadow-md:0 6px 14px -3px rgba(11,30,18,0.08),0 3px 8px -2px rgba(11,30,18,0.06);--shadow-lg:0 14px 30px -8px rgba(11,30,18,0.12),0 6px 14px -4px rgba(11,30,18,0.08);--shadow-xl:0 24px 48px -12px rgba(11,30,18,0.18);--shadow-focus:0 0 0 3px rgba(12,97,56,0.35);--motion-fast:120ms;--motion-base:220ms;--motion-slow:360ms;--motion-slower:520ms;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-in:cubic-bezier(0.6,0,0.8,0.2);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-emphasis:cubic-bezier(0.3,0.8,0.1,1);--z-base:0;--z-raised:10;--z-sticky:100;--z-nav:200;--z-overlay:800;--z-modal:900;--z-toast:1000;--container-sm:40rem;--container-md:56rem;--container-lg:72rem;--container-xl:80rem;--container-2xl:90rem;--container-pad:clamp(1rem,2vw,1.5rem)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:1ms;--motion-base:1ms;--motion-slow:1ms;--motion-slower:1ms}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}
/* base.css */
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font-base);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-base);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-text)}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2);font-weight:var(--fw-bold)}h3{font-size:var(--fs-h3);font-weight:var(--fw-semibold)}h4{font-size:var(--fs-xl);font-weight:var(--fw-semibold)}h5{font-size:var(--fs-lg);font-weight:var(--fw-semibold)}h6{font-size:var(--fs-base);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}p{max-inline-size:65ch}a{color:var(--color-brand);text-decoration-color:color-mix(in srgb,var(--color-brand) 35%,transparent);text-underline-offset:0.18em;text-decoration-thickness:from-font;transition:color var(--motion-fast) var(--ease-out),text-decoration-color var(--motion-fast) var(--ease-out)}a:hover{color:var(--color-brand-strong);text-decoration-color:var(--color-brand-strong)}:focus{outline:none}:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}::selection{background-color:var(--color-brand);color:var(--color-text-inverted)}ul,ol{padding-inline-start:1.5rem}li + li{margin-block-start:0.4rem}code,kbd,samp,pre{font-family:var(--font-mono);font-size:0.9em}hr{border:0;block-size:1px;background:var(--color-divider);margin-block:var(--space-7)}.viva-container{width:100%;max-inline-size:var(--container-lg);margin-inline:auto;padding-inline:var(--container-pad)}.viva-container--wide{max-inline-size:var(--container-xl)}.viva-container--full{max-inline-size:var(--container-2xl)}.viva-container--narrow{max-inline-size:var(--container-md)}.viva-stack>* + *{margin-block-start:var(--stack-gap,var(--space-5))}.viva-stack--lg>* + *{margin-block-start:var(--space-7)}.viva-stack--sm>* + *{margin-block-start:var(--space-3)}.viva-cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap,var(--space-4));align-items:center}.viva-eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-text)}.viva-section{padding-block:var(--section-y-lg)}.viva-section--sm{padding-block:var(--section-y-sm)}.viva-section--md{padding-block:var(--section-y-md)}.viva-section--xl{padding-block:var(--section-y-xl)}.viva-section--surface{background:var(--color-surface)}.viva-section--brand{background:var(--color-brand);color:var(--color-text-inverted)}.viva-section--brand-soft{background:var(--color-brand-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* buttons.css */
.viva-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-size:var(--fs-base);font-weight:var(--fw-semibold);line-height:1.2;letter-spacing:var(--tracking-normal);padding-block:0.85rem;padding-inline:1.6rem;min-block-size:2.75rem;border:1px solid transparent;border-radius:var(--radius-pill);background-color:var(--color-brand);color:var(--color-text-inverted);cursor:pointer;text-decoration:none;user-select:none;white-space:nowrap;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.viva-btn:hover:not(:disabled):not([aria-disabled="true"]){background-color:var(--color-brand-strong);color:var(--color-text-inverted);transform:translateY(-1px);box-shadow:var(--shadow-md)}.viva-btn:active:not(:disabled):not([aria-disabled="true"]){background-color:var(--color-brand-deep);transform:translateY(0);box-shadow:var(--shadow-sm)}.viva-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.viva-btn:disabled,.viva-btn[aria-disabled="true"]{opacity:0.55;cursor:not-allowed;pointer-events:none}.viva-btn__icon{display:inline-flex;inline-size:1.1em;block-size:1.1em;flex:0 0 auto}.viva-btn__icon svg{width:100%;height:100%}.viva-btn__arrow{display:inline-flex;inline-size:0.85em;block-size:0.85em;align-items:center;justify-content:center}.viva-btn--secondary{background-color:var(--color-accent);color:var(--color-text-inverted)}.viva-btn--secondary:hover:not(:disabled){background-color:var(--color-accent-strong);color:var(--color-text-inverted)}.viva-btn--secondary:active:not(:disabled){background-color:var(--color-accent-deep)}.viva-btn--ghost{background-color:transparent;color:var(--color-brand);border-color:currentColor}.viva-btn--ghost:hover:not(:disabled){background-color:var(--color-brand);color:var(--color-text-inverted);border-color:var(--color-brand)}.viva-btn--on-dark{background-color:var(--color-surface);color:var(--color-brand)}.viva-btn--on-dark:hover:not(:disabled){background-color:var(--color-accent-soft);color:var(--color-brand-strong)}.viva-btn--link{background:transparent;color:var(--color-brand);padding-inline:0;padding-block:0.25rem;min-block-size:auto;border:0;border-radius:var(--radius-xs);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.25em}.viva-btn--link:hover:not(:disabled){background:transparent;color:var(--color-brand-strong);transform:none;box-shadow:none;text-decoration-thickness:2px}.viva-btn--sm{padding-block:0.55rem;padding-inline:1.1rem;min-block-size:2.25rem;font-size:var(--fs-sm)}.viva-btn--lg{padding-block:1.05rem;padding-inline:2rem;min-block-size:3.25rem;font-size:var(--fs-lg)}.viva-btn--icon-only{padding-inline:0;inline-size:2.75rem;block-size:2.75rem}.viva-btn--block{display:flex;inline-size:100%}
/* headings.css */
.viva-heading{display:flex;flex-direction:column;gap:var(--space-3);max-inline-size:64ch;margin-block-end:var(--space-6)}.viva-heading--center{align-items:center;text-align:center;margin-inline:auto}.viva-heading--inverted .viva-heading__eyebrow,.viva-heading--inverted .viva-heading__title,.viva-heading--inverted .viva-heading__lede{color:var(--color-text-inverted)}.viva-heading--inverted .viva-heading__title::after{background:var(--color-accent-soft)}.viva-heading__eyebrow{font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-text)}.viva-section--brand-soft .viva-heading__eyebrow,.viva-section--brand-soft .viva-eyebrow{color:var(--color-brand)}.viva-heading__title{position:relative;font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-text);margin:0;padding-block-end:var(--space-3)}.viva-heading__title::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:3.5rem;block-size:3px;background:var(--color-accent);border-radius:var(--radius-pill)}.viva-heading--center .viva-heading__title::after{inset-inline-start:50%;transform:translateX(-50%)}.viva-heading__title em,.viva-heading__title b{font-style:normal;color:var(--color-accent-text)}.viva-heading__lede{font-size:var(--fs-lg);line-height:var(--lh-base);color:var(--color-text-muted);font-weight:var(--fw-regular);margin:0}.viva-heading--display .viva-heading__title{font-size:var(--fs-h1)}.viva-heading--small .viva-heading__title{font-size:var(--fs-h3);font-weight:var(--fw-semibold)}.viva-display{font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:var(--fw-bold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.viva-display em,.viva-display b{font-style:normal;color:var(--color-accent-text)}.viva-display--inverted{color:var(--color-text-inverted)}.viva-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--color-text-muted)}.viva-breadcrumb a{color:inherit;text-decoration:none}.viva-breadcrumb a:hover{color:var(--color-brand)}.viva-breadcrumb__sep{display:inline-block;inline-size:1em;text-align:center;color:var(--color-border-strong)}.viva-breadcrumb [aria-current="page"]{color:var(--color-text);font-weight:var(--fw-medium)}
/* cards.css */
.viva-card{position:relative;display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out)}.viva-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-brand) 20%,var(--color-border))}.viva-card--flat{box-shadow:none}.viva-card--soft{background:var(--color-brand-soft);border-color:transparent}.viva-card--brand{background:var(--color-brand);color:var(--color-text-inverted);border-color:transparent}.viva-card--accent{background:var(--color-accent);color:var(--color-text-inverted);border-color:transparent}.viva-pillar-card{position:relative;display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out);overflow:hidden;isolation:isolate}.viva-pillar-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:color-mix(in srgb,var(--color-brand) 25%,var(--color-border))}.viva-pillar-card__num{font-size:clamp(2rem,1.5rem + 1.5vw,2.75rem);font-weight:var(--fw-bold);line-height:1;color:var(--color-brand);font-feature-settings:"tnum" 1,"lnum" 1}.viva-pillar-card__icon{inline-size:3rem;block-size:3rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-brand)}.viva-pillar-card__icon svg{width:100%;height:100%}.viva-pillar-card__title{font-size:var(--fs-xl);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--color-text);margin:0}.viva-pillar-card__body{color:var(--color-text-muted);font-size:var(--fs-base);line-height:var(--lh-base);margin:0}.viva-pillar-card__cta{margin-block-start:auto;padding-block-start:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--fw-semibold);color:var(--color-brand);text-decoration:none;font-size:var(--fs-sm)}.viva-pillar-card__cta:hover{color:var(--color-brand-strong);gap:var(--space-3)}.viva-pillar-card__cta::after{content:"→";display:inline-block;transition:transform var(--motion-fast) var(--ease-out)}.viva-pillar-card::before{content:"";position:absolute;inset-block-start:var(--space-5);inset-inline-end:var(--space-5);inline-size:1.5rem;block-size:2px;background:var(--color-accent);border-radius:var(--radius-pill);z-index:1}.viva-project-card{display:flex;flex-direction:column;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:box-shadow var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.viva-project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.viva-project-card__media{position:relative;aspect-ratio:4 / 3;background:var(--color-bg);overflow:hidden}.viva-project-card__media img,.viva-project-card__media picture{width:100%;height:100%;object-fit:cover;transition:transform var(--motion-slow) var(--ease-out)}.viva-project-card:hover .viva-project-card__media img{transform:scale(1.04)}.viva-project-card__year{position:absolute;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);background:var(--color-brand);color:var(--color-text-inverted);font-size:var(--fs-xs);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;padding:0.35rem 0.7rem;border-radius:var(--radius-pill)}.viva-project-card__body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.viva-project-card__client{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-text);font-weight:var(--fw-semibold)}.viva-project-card__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:var(--lh-snug);color:var(--color-text);margin:0}.viva-project-card__meta{font-size:var(--fs-sm);color:var(--color-text-muted)}.viva-office-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.viva-office-card__flag{inline-size:3rem;block-size:3rem;display:inline-flex;align-items:center;justify-content:center;font-size:2.5rem;line-height:1}.viva-office-card__country{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-text);font-weight:var(--fw-semibold)}.viva-office-card__city{font-size:var(--fs-xl);font-weight:var(--fw-bold);color:var(--color-text);margin:0}.viva-office-card__address{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:var(--lh-base);margin:0}.viva-office-card__phone{font-weight:var(--fw-semibold);color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-2)}.viva-office-card__phone:hover{color:var(--color-brand)}.viva-client-card{aspect-ratio:3 / 2;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);filter:grayscale(1);opacity:0.65;transition:filter var(--motion-base) var(--ease-out),opacity var(--motion-base) var(--ease-out),border-color var(--motion-base) var(--ease-out)}.viva-client-card:hover{filter:grayscale(0);opacity:1;border-color:color-mix(in srgb,var(--color-brand) 20%,var(--color-border))}.viva-client-card img,.viva-client-card svg{max-block-size:60%;max-inline-size:80%;object-fit:contain}.viva-feature-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);background:transparent;border-block-start:2px solid var(--color-accent);border-radius:var(--radius-sm)}.viva-feature-card__icon{inline-size:2.5rem;block-size:2.5rem;display:inline-flex;align-items:center;justify-content:center;color:var(--color-brand)}.viva-feature-card__icon svg{width:100%;height:100%}.viva-feature-card__title{font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin:0}.viva-feature-card__body{font-size:var(--fs-base);color:var(--color-text-muted);line-height:var(--lh-base);margin:0}.viva-fact{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.viva-fact--center{align-items:center;text-align:center}.viva-fact__value{font-size:clamp(2.75rem,2rem + 4vw,4.5rem);font-weight:var(--fw-bold);line-height:1;color:var(--color-brand);font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:var(--tracking-tight)}.viva-fact__label{font-size:var(--fs-base);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--fw-medium)}.viva-fact--inverted .viva-fact__value{color:var(--color-text-inverted)}.viva-fact--inverted .viva-fact__label{color:color-mix(in srgb,var(--color-text-inverted) 80%,transparent)}.viva-grid{display:grid;gap:var(--space-5)}.viva-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.viva-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.viva-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.viva-grid--6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (max-width:1024px){.viva-grid--3,.viva-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.viva-grid--6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:600px){.viva-grid--2,.viva-grid--3,.viva-grid--4{grid-template-columns:1fr}.viva-grid--6{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* navigation.css */
.viva-nav{position:sticky;inset-block-start:0;z-index:var(--z-nav);background:var(--color-surface);border-block-end:1px solid var(--color-border);transition:background-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out)}.viva-nav--scrolled{box-shadow:var(--shadow-sm)}.viva-nav--transparent{background:transparent;border-block-end-color:transparent}.viva-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding-block:var(--space-3);width:100%;max-inline-size:var(--container-xl);margin-inline:auto;padding-inline:var(--container-pad)}.viva-nav__brand{display:inline-flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-brand)}.viva-nav__brand img,.viva-nav__brand svg{block-size:2.5rem;inline-size:auto;display:block}.viva-nav__brand-name{font-weight:var(--fw-bold);font-size:var(--fs-lg);letter-spacing:0.04em}.viva-nav__list{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:var(--space-1)}.viva-nav__list>li>a,.viva-nav__list>li>button{display:inline-flex;align-items:center;gap:var(--space-1);padding-block:var(--space-2);padding-inline:var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-text);background:transparent;border:0;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}.viva-nav__list>li>a:hover,.viva-nav__list>li>button:hover{color:var(--color-brand);background:var(--color-brand-soft)}.viva-nav__list>li>a[aria-current="page"],.viva-nav__list>li>a.is-active{color:var(--color-text-inverted);background:var(--color-brand)}.viva-nav__dropdown{position:relative}.viva-nav__dropdown>button::after{content:"";inline-size:0.5em;block-size:0.5em;border-block-end:2px solid currentColor;border-inline-end:2px solid currentColor;transform:rotate(45deg) translateY(-1px);display:inline-block;transition:transform var(--motion-fast) var(--ease-out)}.viva-nav__dropdown[aria-expanded="true"]>button::after,.viva-nav__dropdown>button[aria-expanded="true"]::after{transform:rotate(-135deg) translateY(1px)}.viva-nav__submenu{position:absolute;inset-block-start:calc(100% + var(--space-2));inset-inline-start:0;min-inline-size:18rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-3);display:none;list-style:none;margin:0;z-index:var(--z-nav)}.viva-nav__dropdown:hover .viva-nav__submenu,.viva-nav__dropdown:focus-within .viva-nav__submenu,.viva-nav__submenu[data-open="true"]{display:block}.viva-nav__submenu a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-decoration:none;font-size:var(--fs-sm)}.viva-nav__submenu a:hover{color:var(--color-brand);background:var(--color-brand-soft)}.viva-nav__actions{display:flex;align-items:center;gap:var(--space-3)}.viva-lang-switcher{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--color-bg);border-radius:var(--radius-pill);border:1px solid var(--color-border)}.viva-lang-switcher__option{display:inline-flex;align-items:center;padding:0.4rem 0.75rem;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-text-muted);background:transparent;border:0;border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:color var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.viva-lang-switcher__option:hover{color:var(--color-text)}.viva-lang-switcher__option[aria-current="true"],.viva-lang-switcher__option.is-active{color:var(--color-text-inverted);background:var(--color-brand)}.viva-nav__toggle{display:none;inline-size:2.5rem;block-size:2.5rem;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.viva-nav__toggle svg{inline-size:1.25rem;block-size:1.25rem}@media (max-width:900px){.viva-nav__list{display:none}.viva-nav__toggle{display:inline-flex}.viva-nav[data-open="true"] .viva-nav__list{position:absolute;inset-block-start:100%;inset-inline:0;display:flex;flex-direction:column;align-items:stretch;background:var(--color-surface);border-block-end:1px solid var(--color-border);padding:var(--space-3);box-shadow:var(--shadow-md)}.viva-nav[data-open="true"] .viva-nav__list>li>a,.viva-nav[data-open="true"] .viva-nav__list>li>button{width:100%;justify-content:space-between;border-radius:var(--radius-md)}.viva-nav__submenu{position:static;box-shadow:none;border:0;margin-block-start:var(--space-1);padding-inline-start:var(--space-4)}}
/* hero.css */
.viva-hero{position:relative;background:var(--color-bg);padding-block:var(--section-y-xl);overflow:hidden;isolation:isolate}.viva-hero__inner{width:100%;max-inline-size:var(--container-xl);margin-inline:auto;padding-inline:var(--container-pad);position:relative;z-index:1}.viva-hero__tagline{font-size:var(--fs-display);line-height:var(--lh-tight);font-weight:var(--fw-bold);color:var(--color-text);letter-spacing:var(--tracking-tight);margin:0}.viva-hero__tagline em,.viva-hero__tagline b{font-style:normal;color:var(--color-accent-text)}.viva-hero__sub{font-size:var(--fs-lg);color:var(--color-text-muted);line-height:var(--lh-base);max-inline-size:50ch;margin-block-start:var(--space-5)}.viva-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-6)}.viva-hero__eyebrow{display:inline-block;font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-text);margin-block-end:var(--space-3)}.viva-hero--feature{background:radial-gradient(70% 90% at 100% 0%,rgba(192,152,72,0.20),transparent 60%),linear-gradient(135deg,var(--color-brand-deep) 0%,var(--color-brand) 72%);color:var(--color-text-inverted);padding-block:clamp(4.5rem,4rem + 6vw,8rem)}.viva-hero--feature .viva-hero__inner{max-inline-size:var(--container-lg)}.viva-hero--feature .viva-hero__eyebrow{color:var(--color-accent-soft)}.viva-hero--feature .viva-hero__tagline{color:var(--color-text-inverted);max-inline-size:20ch}.viva-hero--feature .viva-hero__tagline em{color:var(--color-accent-soft)}.viva-hero--feature .viva-hero__sub{color:rgba(255,255,255,0.86);margin-block-start:var(--space-4)}.viva-hero--feature .viva-hero__actions{margin-block-start:var(--space-6)}.viva-hero--feature .viva-hero__actions .viva-btn--ghost{color:var(--color-text-inverted);border-color:rgba(255,255,255,0.55)}.viva-hero--feature .viva-hero__actions .viva-btn--ghost:hover{background:var(--color-text-inverted);color:var(--color-brand);border-color:var(--color-text-inverted)}.viva-hero--center .viva-hero__inner{text-align:center;max-inline-size:56rem}.viva-hero--center .viva-hero__sub{margin-inline:auto}.viva-hero--center .viva-hero__actions{justify-content:center}.viva-hero--photo{color:var(--color-text-inverted);background:var(--color-text)}.viva-hero--photo::before{content:"";position:absolute;inset:0;z-index:0;background-image:var(--hero-image,none);background-size:cover;background-position:center}.viva-hero--photo::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient( 105deg,rgba(5,56,32,0.85) 0%,rgba(5,56,32,0.55) 55%,rgba(5,56,32,0.15) 100% )}.viva-hero--photo .viva-hero__tagline,.viva-hero--photo .viva-hero__sub{color:var(--color-text-inverted)}.viva-hero--photo .viva-hero__sub{color:rgba(255,255,255,0.85)}.viva-cta-band{position:relative;background:var(--color-brand);color:var(--color-text-inverted);padding-block:var(--section-y-md);overflow:hidden}.viva-cta-band__inner{width:100%;max-inline-size:var(--container-xl);margin-inline:auto;padding-inline:var(--container-pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-5)}.viva-cta-band__title{font-size:var(--fs-h2);font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--color-text-inverted);margin:0;max-inline-size:32ch}.viva-cta-band__title em{font-style:normal;color:var(--color-accent-soft)}.viva-cta-band__body{margin-block-start:var(--space-3);color:rgba(255,255,255,0.85);max-inline-size:50ch}.viva-cta-band--accent{background:var(--color-accent)}.viva-cta-band--light{background:var(--color-brand-soft);color:var(--color-text)}.viva-cta-band--light .viva-cta-band__title{color:var(--color-text)}.viva-cta-band--light .viva-cta-band__title em{color:var(--color-accent-text)}.viva-cta-band--light .viva-cta-band__body{color:var(--color-text-muted)}
/* forms.css */
.viva-field{display:flex;flex-direction:column;gap:var(--space-2);margin-block-end:var(--space-4)}.viva-field--horizontal{flex-direction:row;align-items:center;gap:var(--space-3)}.viva-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--color-text);display:inline-flex;align-items:center;gap:var(--space-1)}.viva-label--required::after{content:"*";color:var(--color-danger);margin-inline-start:0.15em}.viva-input,.viva-textarea,.viva-select{inline-size:100%;font-family:inherit;font-size:var(--fs-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding-block:0.8rem;padding-inline:1rem;min-block-size:2.75rem;line-height:var(--lh-snug);transition:border-color var(--motion-fast) var(--ease-out),box-shadow var(--motion-fast) var(--ease-out),background-color var(--motion-fast) var(--ease-out)}.viva-input::placeholder,.viva-textarea::placeholder{color:color-mix(in srgb,var(--color-text-muted) 90%,transparent)}.viva-input:hover,.viva-textarea:hover,.viva-select:hover{border-color:var(--color-text-muted)}.viva-input:focus,.viva-textarea:focus,.viva-select:focus{outline:none;border-color:var(--color-brand);box-shadow:var(--shadow-focus)}.viva-input:disabled,.viva-textarea:disabled,.viva-select:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.viva-input[aria-invalid="true"],.viva-textarea[aria-invalid="true"],.viva-select[aria-invalid="true"]{border-color:var(--color-danger)}.viva-input[aria-invalid="true"]:focus,.viva-textarea[aria-invalid="true"]:focus,.viva-select[aria-invalid="true"]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-danger) 25%,transparent)}.viva-textarea{min-block-size:7rem;resize:vertical}.viva-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%232B2F32'%3E%3Cpath d='M5.516 7.548L10 12.032l4.484-4.484-1.066-1.066L10 9.9 6.582 6.482z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:1.1rem 1.1rem;padding-inline-end:2.5rem}:root[dir="rtl"] .viva-select{background-position:left 0.75rem center;padding-inline-end:1rem;padding-inline-start:2.5rem}.viva-helper{font-size:var(--fs-xs);color:var(--color-text-muted);line-height:var(--lh-base)}.viva-error{font-size:var(--fs-xs);color:var(--color-danger);display:inline-flex;align-items:center;gap:var(--space-1)}.viva-error::before{content:"!";inline-size:1rem;block-size:1rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-danger);color:var(--color-text-inverted);font-size:0.7rem;font-weight:var(--fw-bold)}.viva-checkbox,.viva-radio{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--fs-sm);color:var(--color-text)}.viva-checkbox input,.viva-radio input{inline-size:1.15rem;block-size:1.15rem;margin-block-start:0.18em;flex:0 0 auto;accent-color:var(--color-brand);cursor:pointer}.viva-form{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4) var(--space-5)}.viva-form .viva-field--full{grid-column:1 / -1}@media (max-width:700px){.viva-form{grid-template-columns:1fr}}.viva-alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;margin-block-end:var(--space-5);line-height:var(--lh-base)}.viva-alert strong{display:block;margin-block-end:var(--space-2)}.viva-alert ul{margin:0;padding-inline-start:var(--space-5)}.viva-alert--success{background:var(--c-primary-soft);border-color:var(--color-brand);color:var(--color-brand-deep)}.viva-alert--error{background:#FBEAEC;border-color:var(--color-danger);color:#7A0014}
/* footer.css */
.viva-footer{background:var(--color-brand-deep);color:var(--color-text-inverted);padding-block:var(--section-y-md) var(--space-6);position:relative}.viva-footer::before{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-soft))}.viva-footer__inner{width:100%;max-inline-size:var(--container-xl);margin-inline:auto;padding-inline:var(--container-pad)}.viva-footer__top{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--space-7);padding-block-end:var(--space-7);border-block-end:1px solid rgba(255,255,255,0.12)}.viva-footer__brand{display:flex;flex-direction:column;gap:var(--space-4)}.viva-footer__brand img,.viva-footer__brand svg,.viva-footer__logo{block-size:2.75rem;inline-size:auto;display:block;background:#fff;padding:0.5rem 0.75rem;border-radius:var(--radius-md)}.viva-footer__cta{font-weight:var(--fw-semibold);color:var(--color-accent-soft)}.viva-footer__tagline{font-size:var(--fs-base);color:rgba(255,255,255,0.78);line-height:var(--lh-base);max-inline-size:28ch}.viva-footer__col-title{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--fw-semibold);color:var(--color-accent-soft);margin-block-end:var(--space-3)}.viva-footer__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.viva-footer__links a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:var(--fs-sm);transition:color var(--motion-fast) var(--ease-out)}.viva-footer__links a:hover{color:var(--color-accent-soft)}.viva-footer__offices{margin-block-start:var(--space-7);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);padding-block:var(--space-5) var(--space-7);border-block-end:1px solid rgba(255,255,255,0.12)}.viva-footer__office{display:flex;flex-direction:column;gap:var(--space-2);padding-inline-start:var(--space-4);border-inline-start:2px solid rgba(192,152,72,0.55)}.viva-footer__office-country{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent-soft);font-weight:var(--fw-semibold)}.viva-footer__office-city{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--color-text-inverted)}.viva-footer__office-line{font-size:var(--fs-sm);color:rgba(255,255,255,0.78);line-height:var(--lh-base)}.viva-footer__office-line a{color:inherit;text-decoration:none}.viva-footer__office-line a:hover{color:var(--color-accent-soft);text-decoration:underline}.viva-footer__bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);margin-block-start:var(--space-5);font-size:var(--fs-xs);color:rgba(255,255,255,0.6)}.viva-footer__social{display:flex;gap:var(--space-2)}.viva-footer__social a{inline-size:2.25rem;block-size:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,0.08);color:var(--color-text-inverted);text-decoration:none;transition:background-color var(--motion-fast) var(--ease-out)}.viva-footer__social a:hover{background:var(--color-accent)}.viva-footer__social svg{inline-size:1rem;block-size:1rem}@media (max-width:900px){.viva-footer__top{grid-template-columns:1fr 1fr}.viva-footer__offices{grid-template-columns:1fr}}@media (max-width:600px){.viva-footer__top{grid-template-columns:1fr}}
/* site.css */
.viva-hero--media{position:relative;overflow:hidden;isolation:isolate}.viva-hero--media::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--hero-image,none);background-size:cover;background-position:center}.viva-hero--media::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(7,49,30,0.92) 15%,rgba(12,97,56,0.72) 55%,rgba(7,49,30,0.55))}.viva-hero__video,.viva-hero__embed{position:absolute;inset:0;z-index:-3;width:100%;height:100%;pointer-events:none}.viva-hero__video{object-fit:cover}.viva-hero__embed iframe{width:100%;height:100%;border:0;transform:scale(1.35);transform-origin:center}.viva-case{display:grid;gap:var(--space-8,2.5rem)}.viva-case__block{position:relative;padding-inline-start:var(--space-8,2.5rem);border-inline-start:3px solid var(--color-accent,#C09848)}.viva-case__num{display:block;font-size:var(--fs-sm,0.875rem);font-weight:700;color:var(--color-accent,#C09848);letter-spacing:0.12em;margin-block-end:var(--space-2,0.5rem)}.viva-case__title{font-size:var(--fs-2xl,1.5rem);color:var(--color-primary,#0C6138);margin:0 0 var(--space-3,0.75rem)}.viva-case__body{font-size:var(--fs-lg,1.125rem);line-height:var(--lh-base,1.7);margin:0}.viva-trust{background:var(--color-surface,#f4f7f5);border-block-end:1px solid var(--color-border,#e2e8e4);padding-block:var(--space-8,2.5rem)}.viva-trust__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6,2rem) clamp(2rem,7vw,5.5rem)}.viva-trust__stat{text-align:center}.viva-trust__value{display:block;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;color:var(--color-primary,#0C6138);line-height:1.1}.viva-trust__label{display:block;margin-top:2px;font-size:var(--fs-sm,0.875rem);color:var(--color-text-muted,#5b6b62);font-weight:600}.viva-trust__line{text-align:center;margin:var(--space-7,2.25rem) 0 var(--space-3,0.75rem);font-size:var(--fs-xs,0.8rem);font-weight:700;letter-spacing:0.08em;color:var(--color-accent,#C09848)}.viva-trust__clients{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3,0.75rem) var(--space-6,2rem)}.viva-trust__clients span{font-size:var(--fs-sm,0.875rem);font-weight:600;color:var(--color-text,#15231c);opacity:0.85;white-space:nowrap}.viva-trust__clients img{max-height:40px;max-width:130px;width:auto;height:auto;object-fit:contain}.viva-trust__clients li + li{position:relative}.viva-whatsapp{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:60;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;box-shadow:0 6px 18px rgba(0,0,0,0.22);transition:transform 0.15s ease,box-shadow 0.15s ease}.viva-whatsapp:hover{transform:scale(1.07);box-shadow:0 8px 22px rgba(0,0,0,0.28)}.viva-whatsapp svg{width:28px;height:28px}@media print{.viva-whatsapp{display:none}}.viva-filter{display:flex;flex-wrap:wrap;gap:var(--space-2,0.5rem);margin-block-end:var(--space-7,2.25rem)}.viva-filter__chip{appearance:none;border:1px solid var(--color-border,#e2e8e4);background:#fff;color:var(--color-text-muted,#5b6b62);font:inherit;font-size:var(--fs-sm,0.875rem);font-weight:600;padding:8px 18px;border-radius:999px;cursor:pointer;transition:all 0.15s ease}.viva-filter__chip:hover{border-color:var(--color-primary,#0C6138);color:var(--color-primary,#0C6138)}.viva-filter__chip.is-active{background:var(--color-primary,#0C6138);border-color:var(--color-primary,#0C6138);color:#fff}.viva-hero--feature .viva-hero__inner{padding-block:clamp(4.5rem,11vh,7.5rem)}.viva-hero--feature .viva-hero__tagline{font-size:clamp(2.3rem,5.2vw,3.6rem);line-height:1.18}.viva-hero--feature .viva-hero__sub{max-width:52ch;font-size:clamp(1.02rem,1.6vw,1.2rem)}.viva-video{display:block;width:100%;border-radius:var(--radius-lg,14px);background:#000}video.viva-video{height:auto}.viva-video--embed{position:relative;aspect-ratio:16 / 9;overflow:hidden}.viva-video--embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-accent,#C09848);outline-offset:2px;border-radius:4px}[hidden]{display:none !important}.js-motion [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity 0.65s ease,transform 0.65s cubic-bezier(0.2,0.6,0.2,1);will-change:opacity,transform}.js-motion [data-reveal].in-view{opacity:1;transform:none;will-change:auto}.viva-nav{transition:transform 0.45s ease,box-shadow 0.3s ease}.viva-nav--hidden{transform:translateY(-110%)}.viva-project-card{transition:transform 0.35s ease,box-shadow 0.35s ease}.viva-project-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(12,97,56,0.16)}.viva-project-card__media{overflow:hidden}.viva-project-card__media img{transition:transform 0.9s cubic-bezier(0.2,0.6,0.2,1)}.viva-project-card:hover .viva-project-card__media img{transform:scale(1.05)}.viva-pillar-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.viva-pillar-card:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(12,97,56,0.13)}.viva-pillar-card__title{position:relative;display:inline-block;padding-block-end:4px}.viva-pillar-card__title::after{content:"";position:absolute;inset-inline-start:0;bottom:0;height:2px;width:0;background:var(--color-accent,#C09848);transition:width 0.35s ease}.viva-pillar-card:hover .viva-pillar-card__title::after{width:100%}.viva-pillar-card__icon img{transition:transform 0.4s ease}.viva-pillar-card:hover .viva-pillar-card__icon img{transform:translateY(-4px) scale(1.08)}.viva-client-card{transition:transform 0.3s ease,box-shadow 0.3s ease}.viva-client-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(12,97,56,0.1)}.viva-btn{position:relative;overflow:hidden}.viva-btn::after{content:"";position:absolute;top:0;height:100%;width:45%;inset-inline-start:-70%;background:linear-gradient(100deg,transparent,rgba(255,255,255,0.38),transparent);transform:skewX(-18deg);transition:inset-inline-start 0.65s ease;pointer-events:none}.viva-btn:hover::after{inset-inline-start:125%}@keyframes vivaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.viva-whatsapp{animation:vivaFloat 3.4s ease-in-out infinite}.viva-whatsapp:hover{animation-play-state:paused}.viva-filter__chip{transition:all 0.22s ease,transform 0.15s ease}.viva-filter__chip:active{transform:scale(0.95)}@media (prefers-reduced-motion:reduce){.js-motion [data-reveal]{opacity:1;transform:none;transition:none}.viva-nav,.viva-project-card,.viva-project-card__media img,.viva-pillar-card,.viva-pillar-card__title::after,.viva-pillar-card__icon img,.viva-client-card,.viva-btn::after,.viva-filter__chip{transition:none}.viva-whatsapp{animation:none}}.viva-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5,1.5rem)}.viva-work-grid--home{grid-template-columns:repeat(3,1fr)}@media (max-width:860px){.viva-work-grid,.viva-work-grid--home{grid-template-columns:1fr}}.viva-work-more{text-align:center;margin-block-start:var(--space-7,2.25rem)}.viva-work-card{position:relative;border-radius:var(--radius-lg,14px);overflow:hidden;aspect-ratio:4 / 3;background:var(--color-primary,#0C6138);transition:transform 0.35s ease,box-shadow 0.35s ease}.viva-work-card--hero{grid-column:1 / -1;aspect-ratio:21 / 9}@media (max-width:860px){.viva-work-card--hero{aspect-ratio:4 / 3}}.viva-work-card:hover{transform:translateY(-6px);box-shadow:0 22px 48px rgba(12,97,56,0.22)}.viva-work-card a{display:block;position:absolute;inset:0;color:#fff;text-decoration:none}.viva-work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(0.2,0.6,0.2,1)}.viva-work-card:hover img{transform:scale(1.06)}.viva-work-card a::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,49,30,0.94) 0%,rgba(7,49,30,0.55) 38%,rgba(12,97,56,0.18) 70%,rgba(12,97,56,0.05) 100%);transition:opacity 0.45s ease}.viva-work-card:hover a::after{opacity:0.72}.viva-work-card__year{position:absolute;top:14px;inset-inline-start:14px;z-index:2;background:rgba(255,255,255,0.92);color:var(--color-primary,#0C6138);font-size:var(--fs-xs,0.8rem);font-weight:700;padding:3px 12px;border-radius:999px}.viva-work-card__overlay{position:absolute;inset-inline:0;bottom:0;z-index:1;padding:clamp(16px,3vw,30px)}.viva-work-card__client{display:block;color:var(--color-accent-soft,#dcc18f);font-size:var(--fs-sm,0.875rem);font-weight:700;margin-block-end:4px}.viva-work-card__title{margin:0;color:#fff;font-size:clamp(1.15rem,2vw,1.5rem);line-height:1.3;transition:transform 0.45s ease}.viva-work-card--hero .viva-work-card__title{font-size:clamp(1.5rem,3.2vw,2.4rem);max-width:26ch}.viva-work-card__scope{margin:0;color:rgba(255,255,255,0.88);font-size:var(--fs-sm,0.875rem);line-height:1.55;max-height:0;opacity:0;overflow:hidden;transition:max-height 0.55s ease,opacity 0.45s ease,margin-top 0.45s ease}.viva-work-card:hover .viva-work-card__title{transform:translateY(-2px)}.viva-work-card:hover .viva-work-card__scope{max-height:6em;opacity:1;margin-top:8px}@media (hover:none){.viva-work-card__scope{max-height:6em;opacity:1;margin-top:8px}}.viva-work-grid{transition:opacity 0.18s ease}.viva-work-grid.is-filtering{opacity:0}.viva-meta-strip{background:var(--color-primary,#0C6138);padding-block:var(--space-5,1.5rem)}.viva-meta-strip__list{display:flex;flex-wrap:wrap;gap:var(--space-4,1rem) clamp(1.5rem,5vw,4rem);margin:0;justify-content:center}.viva-meta-strip__item dt{color:var(--color-accent-soft,#dcc18f);font-size:var(--fs-xs,0.8rem);font-weight:700;letter-spacing:0.06em;margin-block-end:2px}.viva-meta-strip__item dd{margin:0;color:#fff;font-size:var(--fs-base,1rem);font-weight:600}.viva-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5,1.5rem)}.viva-gallery__item{margin:0;border-radius:var(--radius-lg,14px);overflow:hidden}.viva-gallery__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.9s cubic-bezier(0.2,0.6,0.2,1)}.viva-gallery__item:hover img{transform:scale(1.04)}.viva-gallery__item:nth-child(3n + 1){grid-column:1 / -1;aspect-ratio:21 / 9}.viva-gallery__item:nth-child(3n + 2),.viva-gallery__item:nth-child(3n){aspect-ratio:4 / 3}@media (max-width:860px){.viva-gallery{grid-template-columns:1fr}.viva-gallery__item:nth-child(3n + 1){aspect-ratio:4 / 3}}.viva-next-project{display:block;position:relative;min-height:clamp(260px,38vh,420px);background-image:var(--next-image,none);background-size:cover;background-position:center;text-decoration:none;overflow:hidden;isolation:isolate}.viva-next-project::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(7,49,30,0.93) 25%,rgba(12,97,56,0.62));transition:opacity 0.45s ease}.viva-next-project:hover::after{opacity:0.8}.viva-next-project__inner{position:relative;max-width:var(--container,1200px);margin:0 auto;padding:clamp(2.5rem,7vh,4.5rem) clamp(1.25rem,4vw,2.5rem);display:flex;flex-direction:column;justify-content:center;min-height:inherit}.viva-next-project__eyebrow{color:var(--color-accent-soft,#dcc18f);font-size:var(--fs-sm,0.875rem);font-weight:700;letter-spacing:0.08em;margin-block-end:8px}.viva-next-project__title{color:#fff;font-size:clamp(1.6rem,4vw,2.8rem);font-weight:700;line-height:1.25;max-width:24ch;transition:transform 0.45s ease}.viva-next-project:hover .viva-next-project__title{transform:translateX(calc(var(--dir,1) * -8px))}[dir="rtl"] .viva-next-project{--dir:-1}.viva-next-project__client{color:rgba(255,255,255,0.85);font-size:var(--fs-base,1rem);margin-block-start:8px}@media (prefers-reduced-motion:reduce){.viva-work-card,.viva-work-card img,.viva-work-card a::after,.viva-work-card__title,.viva-work-card__scope,.viva-gallery__item img,.viva-next-project::after,.viva-next-project__title,.viva-work-grid{transition:none}}