:root {
    color-scheme: light
}

.vera-site {
    --vera-ink: #202a2e;
    --vera-muted: #6b7477;
    --vera-white: #fff;
    --vera-line: rgba(23,33,38,.15);
    margin: 0;
    background: var(--vera-light);
    color: var(--vera-ink);
    font-family: Inter,"Segoe UI",Arial,sans-serif;
    font-size: 16px;
    line-height: 1.68;
    -webkit-font-smoothing: antialiased
}

.vera-site * {
    box-sizing: border-box
}

.vera-site img {
    display: block;
    max-width: 100%
}

.vera-site a {
    color: inherit;
    text-decoration: none
}

.vera-site button,.vera-site input,.vera-site textarea,.vera-site select {
    font: inherit
}

.vera-site h1,.vera-site h2,.vera-site h3,.vera-site p {
    margin-top: 0
}

.vera-site h1,.vera-site h2,.vera-site h3 {
    color: var(--vera-dark);
    font-family: "Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif;
    font-weight: 700;
    line-height: .98;
    letter-spacing: -.045em
}

.vera-site.font-modern h1,.vera-site.font-modern h2,.vera-site.font-modern h3 {
    font-family: Inter,"Segoe UI",Arial,sans-serif
}

.vera-site.font-system h1,.vera-site.font-system h2,.vera-site.font-system h3 {
    letter-spacing: -.035em
}

.vera-container {
    width: min(calc(100% - 52px),var(--vera-width));
    margin-inline:auto}

.vera-skip {
    position: fixed;
    z-index: 9999;
    top: 12px;
    left: 12px;
    transform: translateY(-160%);
    padding: 10px 16px;
    background: var(--vera-dark);
    color: #fff
}

.vera-skip:focus {
    transform: none
}

.theme-preview-bar {
    position: relative;
    z-index: 1001;
    padding: 9px 24px;
    background: #fff0b8;
    color: #4b3800;
    text-align: center;
    font-size: 13px;
    font-weight: 700
}

.theme-preview-bar a {
    text-decoration: underline
}

.vera-kicker {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--vera-accent);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .22em;
    line-height: 1.35;
    text-transform: uppercase
}

.vera-kicker:before {
    width: 34px;
    height: 2px;
    background: currentColor;
    content: ""
}

.vera-kicker-light {
    color: #d9a15e
}

.vera-button {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 13px 23px;
    border: 1px solid transparent;
    border-radius: var(--vera-radius);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    line-height: 1.2;
    text-transform: uppercase;
    transition: transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease
}

.vera-button:hover {
    transform: translateY(-2px)
}

.vera-button:focus-visible,.vera-text-link:focus-visible,.vera-nav a:focus-visible,.vera-footer a:focus-visible {
    outline: 3px solid color-mix(in srgb,var(--vera-accent) 72%,white);
    outline-offset: 4px
}

.vera-button-accent {
    background: var(--vera-accent);
    color: #111
}

.vera-button-accent:hover {
    background: #e1a85e
}

.vera-button-dark {
    background: var(--vera-dark);
    color: #fff
}

.vera-button-dark:hover {
    background: var(--vera-accent);
    color: #111
}

.vera-button-light {
    background: #657480;
    color: var(--vera-dark)
}

.vera-button-light:hover {
    background: var(--vera-accent)
}

.vera-button-outline {
    border-color: var(--vera-dark);
    color: var(--vera-dark)
}

.vera-button-outline:hover {
    background: var(--vera-dark);
    color: #fff
}

.vera-button-ghost {
    border-color: rgba(255,255,255,.52);
    color: #fff
}

.vera-button-ghost:hover {
    background: #fff;
    color: var(--vera-dark)
}

.vera-text-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid currentColor;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase
}

.vera-text-link span {
    transition: transform .2s ease
}

.vera-text-link:hover span {
    transform: translateX(4px)
}

.vera-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px
}

.vera-centered {
    display: flex;
    justify-content: center;
    margin-top: 52px
}

.vera-section {
    padding: 118px 0
}

.vera-heading {
    display: grid;
    grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
    gap: 70px;
    align-items: end;
    margin-bottom: 58px
}

.vera-heading h2 {
    max-width: 850px;
    margin: 17px 0 0;
    font-size: clamp(44px,5.2vw,72px)
}

.vera-heading>p {
    max-width: 540px;
    margin: 0 0 6px;
    color: var(--vera-muted);
    font-size: 17px
}

.vera-heading>.vera-text-link {
    justify-self: end;
    margin-bottom: 8px
}

.vera-heading-light h2 {
    color: #fff
}

.vera-heading-light>p {
    color: rgba(255,255,255,.62)
}

.vera-reveal {
    opacity: 1;
    transform: none
}

.vera-ready .vera-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease,transform .7s ease
}

.vera-ready .vera-reveal.is-visible {
    opacity: 1;
    transform: none
}

.vera-topbar {
    position: relative;
    z-index: 1000;
    background: #0f171b;
    color: rgba(255,255,255,.66);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .13em;
    text-transform: uppercase
}

.vera-topbar .vera-container {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px
}

.vera-topbar p {
    margin: 0;
    color: var(--vera-accent)
}

.vera-topbar div div {
    display: flex;
    align-items: center;
    gap: 24px
}

.vera-topbar a:hover {
    color: #fff
}

.vera-header {
    position: sticky;
    z-index: 990;
    top: 0;
    background: color-mix(in srgb,var(--vera-light) 94%,transparent);
    border-bottom: 1px solid transparent;
    backdrop-filter: blur(16px);
    transition: box-shadow .25s ease,border-color .25s ease
}

.vera-header.is-scrolled {
    border-color: var(--vera-line);
    box-shadow: 0 14px 35px rgba(23,33,38,.08)
}

.vera-header-inner {
    min-height: 88px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px
}

.vera-brand {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-width: max-content
}

.vera-brand>i {
    width: 40px;
    height: 40px;
    position: relative;
    display: block;
    background: var(--vera-dark);
    font-style: normal
}

.vera-brand>i:before,.vera-brand>i:after,.vera-brand>i span,.vera-brand>i b {
    position: absolute;
    background: var(--vera-accent);
    content: ""
}

.vera-brand>i:before {
    inset: 7px 21px 7px 7px
}

.vera-brand>i:after {
    inset: 7px 7px 23px 21px
}

.vera-brand>i span {
    right: 7px;
    bottom: 7px;
    width: 12px;
    height: 12px
}

.vera-brand>i b {
    right: 11px;
    bottom: 11px;
    width: 4px;
    height: 4px;
    background: var(--vera-dark)
}

.vera-brand>span {
    display: grid
}

.vera-brand strong {
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -.035em;
    line-height: 1;
    text-transform: uppercase
}

.vera-brand small {
    margin-top: 6px;
    color: var(--vera-accent);
    font-size: 7px;
    font-weight: 850;
    letter-spacing: .34em;
    line-height: 1;
    text-transform: uppercase
}

.vera-nav {
    display: flex;
    align-items: center;
    gap: 26px
}

.vera-nav>a:not(.vera-nav-cta) {
    position: relative;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: .025em
}

.vera-nav>a:not(.vera-nav-cta):after {
    position: absolute;
    right: 0;
    bottom: -9px;
    left: 0;
    height: 2px;
    background: var(--vera-accent);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .2s ease;
    content: ""
}

.vera-nav>a:not(.vera-nav-cta):hover:after {
    transform: scaleX(1)
}

.vera-nav-cta {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 14px 18px;
    background: var(--vera-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase
}

.vera-nav-cta:hover {
    background: var(--vera-accent);
    color: #111
}

.vera-menu-button {
    display: none;
    border: 0;
    background: none;
    color: var(--vera-dark);
    cursor: pointer;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase
}

.vera-menu-button i,.vera-menu-button i:before,.vera-menu-button i:after {
    display: block;
    width: 27px;
    height: 2px;
    background: currentColor;
    transition: transform .25s ease
}

.vera-menu-button i {
    position: relative;
    margin-left: 11px
}

.vera-menu-button i:before,.vera-menu-button i:after {
    position: absolute;
    left: 0;
    content: ""
}

.vera-menu-button i:before {
    top: -7px
}

.vera-menu-button i:after {
    top: 7px
}

.vera-menu-button[aria-expanded=true] i {
    background: transparent
}

.vera-menu-button[aria-expanded=true] i:before {
    top: 0;
    transform: rotate(45deg)
}

.vera-menu-button[aria-expanded=true] i:after {
    top: 0;
    transform: rotate(-45deg)
}

.vera-hero {
    position: relative;
    min-height: calc(100vh - 124px);
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    padding: 105px 0 90px;
    background: var(--vera-dark);
    color: #fff
}

.vera-hero-bg,.vera-hero-shade {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%
}

.vera-hero-bg {
    object-fit: cover;
    object-position: center
}

.vera-hero-shade {
    background: linear-gradient(90deg,rgba(11,18,21,.94) 0%,rgba(11,18,21,.72) 39%,rgba(11,18,21,.14) 72%),linear-gradient(0deg,rgba(11,18,21,.62),transparent 45%)
}

.vera-hero-inner {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px
}

.vera-hero-copy {
    max-width: 850px
}

.vera-hero h1 {
    margin: 22px 0 26px;
    color: #fff;
    font-size: clamp(63px,7.2vw,108px);
    text-transform: uppercase
}

.vera-hero-copy>p {
    max-width: 660px;
    margin-bottom: 36px;
    color: rgba(255,255,255,.74);
    font-size: 18px
}

.vera-hero-card {
    width: 265px;
    flex: none;
    padding: 27px;
    border-top: 2px solid var(--vera-accent);
    background: rgba(14,24,28,.78);
    backdrop-filter: blur(10px)
}

.vera-hero-card>span {
    color: var(--vera-accent);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .18em
}

.vera-hero-card strong {
    display: block;
    margin: 20px 0 13px;
    font-size: 20px;
    line-height: 1.25;
    text-transform: uppercase
}

.vera-hero-card p {
    margin: 0;
    color: rgba(255,255,255,.58);
    font-size: 11px
}

.vera-scroll {
    position: absolute;
    right: 28px;
    bottom: 25px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 11px;
    color: rgba(255,255,255,.56);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .16em;
    text-transform: uppercase
}

.vera-scroll i {
    font-style: normal
}

.vera-numbers {
    background: var(--vera-dark);
    color: #fff;
    border-top: 1px solid rgba(255,255,255,.13)
}

.vera-numbers .vera-container {
    position: relative;
    display: grid;
    grid-template-columns: repeat(4,1fr);
    padding-block:36px}

.vera-numbers .vera-container>div {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 0 25px;
    border-right: 1px solid rgba(255,255,255,.13)
}

.vera-numbers .vera-container>div:first-child {
    padding-left: 0
}

.vera-numbers .vera-container>div:nth-child(4) {
    border-right: 0
}

.vera-numbers strong {
    color: var(--vera-accent);
    font-size: 38px;
    letter-spacing: -.06em
}

.vera-numbers span {
    max-width: 110px;
    color: rgba(255,255,255,.64);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.45;
    text-transform: uppercase
}

.vera-numbers p {
    position: absolute;
    right: 0;
    bottom: 4px;
    margin: 0;
    color: rgba(255,255,255,.32);
    font-size: 8px
}

.vera-intro {
    background: var(--vera-surface)
}

.vera-intro-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 10%;
    align-items: start
}

.vera-intro h2 {
    margin: 18px 0 0;
    font-size: clamp(48px,5.5vw,76px)
}

.vera-intro-grid>div:nth-child(2) {
    padding-top: 35px
}

.vera-intro-grid>div:nth-child(2) p {
    color: var(--vera-muted)
}

.vera-intro .vera-lead {
    color: var(--vera-ink)!important;
    font-size: 20px;
    line-height: 1.55
}

.vera-services {
    background: var(--vera-light)
}

.vera-service-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 45px 24px
}

.vera-service-card {
    min-width: 0
}

.vera-service-image {
    position: relative;
    display: block;
    overflow: hidden;
    background: var(--vera-surface)
}

.vera-service-image:after {
    position: absolute;
    inset: 55% 0 0;
    background: linear-gradient(transparent,rgba(23,33,38,.55));
    content: ""
}

.vera-service-image img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2,.65,.2,1)
}

.vera-service-image:hover img {
    transform: scale(1.045)
}

.vera-service-image>span {
    position: absolute;
    right: 17px;
    bottom: 14px;
    z-index: 1;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .12em
}

.vera-service-card>div {
    padding: 24px 4px 0
}

.vera-service-card h3 {
    margin: 0 0 13px;
    font-size: 29px
}

.vera-service-card h3 a:hover {
    color: var(--vera-accent)
}

.vera-service-card p {
    min-height: 82px;
    margin-bottom: 20px;
    color: var(--vera-muted);
    font-size: 14px
}

.vera-about {
    padding: 118px 0;
    background: var(--vera-dark);
    color: #fff
}

.vera-about-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 8%;
    align-items: center
}

.vera-about-image {
    position: relative;
    padding: 0 8% 8% 0
}

.vera-about-image:before {
    position: absolute;
    inset: 10% 0 0 10%;
    border: 1px solid rgba(255,255,255,.18);
    content: ""
}

.vera-about-image img {
    position: relative;
    z-index: 1;
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover
}

.vera-about-image>div {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    min-width: 270px;
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 25px;
    background: var(--vera-accent);
    color: #111
}

.vera-about-image>div>span {
    font-size: 54px;
    font-weight: 800;
    letter-spacing: -.07em
}

.vera-about-image>div p {
    margin: 0;
    padding-left: 18px;
    border-left: 1px solid rgba(0,0,0,.25);
    font-size: 11px;
    line-height: 1.55;
    text-transform: uppercase
}

.vera-about-copy h2 {
    margin: 19px 0 27px;
    color: #fff;
    font-size: clamp(48px,5.4vw,72px)
}

.vera-about-copy>p {
    color: rgba(255,255,255,.65)
}

.vera-about-copy .vera-lead {
    color: #fff;
    font-size: 19px
}

.vera-about-copy ul {
    display: grid;
    margin: 32px 0;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,.16);
    list-style: none
}

.vera-about-copy li {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 25px;
    padding: 19px 0;
    border-bottom: 1px solid rgba(255,255,255,.16)
}

.vera-about-copy li strong {
    color: var(--vera-accent);
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: .08em
}

.vera-about-copy li span {
    color: rgba(255,255,255,.62);
    font-size: 13px
}

.vera-projects {
    background: var(--vera-surface)
}

.vera-project-grid {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 22px
}

.vera-project-card {
    overflow: hidden
}

.vera-project-card>a {
    position: relative;
    display: block;
    height: 100%
}

.vera-project-card img {
    width: 100%;
    height: 100%;
    min-height: 390px;
    object-fit: cover;
    transition: transform .7s ease
}

.vera-project-wide {
    grid-row: span 2
}

.vera-project-wide img {
    min-height: 802px
}

.vera-project-overlay {
    position: absolute;
    inset: auto 0 0;
    display: block;
    padding: 85px 27px 27px;
    background: linear-gradient(transparent,rgba(15,23,27,.9));
    color: #fff
}

.vera-project-overlay small {
    display: block;
    margin-bottom: 9px;
    color: var(--vera-accent);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase
}

.vera-project-overlay strong {
    display: block;
    padding-right: 120px;
    font-size: 28px;
    line-height: 1.1;
    text-transform: uppercase
}

.vera-project-overlay em {
    position: absolute;
    right: 27px;
    bottom: 30px;
    font-size: 9px;
    font-style: normal;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}

.vera-project-card a:hover img {
    transform: scale(1.035)
}

.vera-process {
    padding: 118px 0;
    background: #111a1e;
    color: #fff
}

.vera-process ol {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    margin: 0;
    padding: 0;
    border-top: 1px solid rgba(255,255,255,.16);
    list-style: none
}

.vera-process li {
    min-height: 270px;
    padding: 32px 27px;
    border-right: 1px solid rgba(255,255,255,.16)
}

.vera-process li:first-child {
    padding-left: 0
}

.vera-process li:last-child {
    border-right: 0
}

.vera-process li>span {
    display: block;
    margin-bottom: 70px;
    color: var(--vera-accent);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .15em
}

.vera-process h3 {
    margin-bottom: 15px;
    color: #fff;
    font-size: 25px;
    text-transform: uppercase
}

.vera-process li p {
    margin: 0;
    color: rgba(255,255,255,.58);
    font-size: 13px
}

.vera-sustainability {
    position: relative;
    min-height: 740px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: var(--vera-surface)
}

.vera-sustainability>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.vera-sustainability:after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg,rgba(241,238,232,.97) 0%,rgba(241,238,232,.9) 43%,rgba(241,238,232,.06) 70%);
    content: ""
}

.vera-sustainability .vera-container {
    position: relative;
    z-index: 1
}

.vera-sustain-copy {
    max-width: 600px
}

.vera-sustain-copy h2 {
    margin: 18px 0 24px;
    font-size: clamp(48px,5.5vw,74px)
}

.vera-sustain-copy>p {
    color: var(--vera-muted);
    font-size: 17px
}

.vera-sustain-copy>div {
    display: flex;
    gap: 35px;
    margin: 30px 0 8px
}

.vera-sustain-copy>div span {
    display: grid;
    color: var(--vera-muted);
    font-size: 10px;
    text-transform: uppercase
}

.vera-sustain-copy>div strong {
    color: var(--vera-dark);
    font-size: 32px
}

.vera-sustain-copy>small {
    display: block;
    margin-bottom: 28px;
    color: var(--vera-muted);
    font-size: 9px
}

.vera-solutions {
    background: var(--vera-light)
}

.vera-solution-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    border-top: 1px solid var(--vera-line);
    border-left: 1px solid var(--vera-line)
}

.vera-solution-grid article {
    min-height: 340px;
    display: grid;
    grid-template-rows: auto 1fr auto;
    padding: 30px;
    border-right: 1px solid var(--vera-line);
    border-bottom: 1px solid var(--vera-line);
    transition: background .2s ease,color .2s ease
}

.vera-solution-grid article>span {
    color: var(--vera-accent);
    font-size: 11px;
    font-weight: 850
}

.vera-solution-grid h3 {
    margin: 50px 0 16px;
    font-size: 31px
}

.vera-solution-grid p {
    margin: 0;
    color: var(--vera-muted);
    font-size: 14px
}

.vera-solution-grid article>a {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    align-self: end;
    border: 1px solid var(--vera-line)
}

.vera-solution-grid article:hover {
    background: var(--vera-dark);
    color: #fff
}

.vera-solution-grid article:hover h3,.vera-solution-grid article:hover p {
    color: #fff
}

.vera-solution-grid article:hover>a {
    border-color: rgba(255,255,255,.35);
    background: var(--vera-accent);
    color: #111
}

.vera-insights {
    background: var(--vera-surface)
}

.vera-insight-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px
}

.vera-insight-card {
    background: var(--vera-light);
    border-bottom: 2px solid transparent
}

.vera-insight-card>a {
    display: block;
    overflow: hidden
}

.vera-insight-card>a img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: transform .7s ease
}

.vera-insight-card:hover>a img {
    transform: scale(1.04)
}

.vera-insight-card:hover {
    border-bottom-color: var(--vera-accent)
}

.vera-insight-card>div {
    padding: 28px
}

.vera-insight-card time {
    color: var(--vera-accent);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .12em
}

.vera-insight-card h3 {
    margin: 13px 0;
    font-size: 27px
}

.vera-insight-card h3 a:hover {
    color: var(--vera-accent)
}

.vera-insight-card p {
    color: var(--vera-muted);
    font-size: 13px
}

.vera-news {
    padding: 82px 0;
    background: var(--vera-dark);
    color: #fff
}

.vera-news>.vera-container>.vera-kicker {
    margin-bottom: 28px
}

.vera-news-list article {
    display: grid;
    grid-template-columns: 125px 1.05fr 1fr 45px;
    gap: 28px;
    align-items: center;
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,.15)
}

.vera-news-list time {
    color: var(--vera-accent);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em
}

.vera-news-list h3 {
    margin: 0;
    color: #fff;
    font-size: 24px
}

.vera-news-list p {
    margin: 0;
    color: rgba(255,255,255,.56);
    font-size: 13px
}

.vera-news-list article>a {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.28)
}

.vera-news-list article>a:hover {
    background: var(--vera-accent);
    color: #111
}

.vera-demo-note {
    display: block;
    margin-top: 18px;
    color: rgba(255,255,255,.36);
    font-size: 9px
}

.vera-final-cta {
    padding: 125px 0;
    background: linear-gradient(90deg,rgba(15,23,27,.96),rgba(15,23,27,.76)),url('/theme-assets/construction/images/service-construction.webp') center/cover;
    color: #fff
}

.vera-final-cta h2 {
    margin: 20px 0 25px;
    color: #fff;
    font-size: clamp(64px,8vw,108px);
    text-transform: uppercase
}

.vera-final-cta p {
    max-width: 660px;
    margin-bottom: 34px;
    color: rgba(255,255,255,.7);
    font-size: 17px
}

.vera-widget-area {
    margin-block:55px}

.vera-widget-area .widget {
    padding: 38px;
    border-left: 4px solid var(--vera-accent);
    background: var(--vera-surface)
}

.vera-widget-area h2,.vera-widget-area h3 {
    font-size: 34px
}

.vera-widget-area .button {
    display: inline-flex;
    padding: 12px 21px;
    background: var(--vera-dark);
    color: #fff
}

.vera-footer {
    padding-top: 92px;
    background: #0f171b;
    color: rgba(255,255,255,.62)
}

.vera-footer-grid {
    display: grid;
    grid-template-columns: 1.15fr .72fr .95fr 1.18fr;
    gap: 55px
}

.vera-brand-light {
    color: #fff
}

.vera-brand-light>i {
    background: #fff
}

.vera-brand-light>i b {
    background: #fff
}

.vera-brand-light strong {
    color: #fff
}

.vera-footer-intro>p {
    max-width: 330px;
    margin: 28px 0;
    color: rgba(255,255,255,.53)
}

.vera-footer h2 {
    margin: 0 0 22px;
    color: #fff;
    font-family: Inter,"Segoe UI",Arial,sans-serif;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .15em;
    text-transform: uppercase
}

.vera-footer-nav,.vera-footer-grid>div:nth-child(3) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px
}

.vera-footer a:hover {
    color: #fff
}

.vera-footer address {
    max-width: 270px;
    margin-bottom: 6px;
    font-style: normal
}

.vera-footer-grid>div:nth-child(3)>span {
    margin-top: 7px;
    color: var(--vera-accent);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase
}

.vera-social {
    display: flex;
    flex-wrap: wrap;
    gap: 14px
}

.vera-social a {
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase
}

.vera-footer-quote {
    padding-left: 35px;
    border-left: 1px solid rgba(255,255,255,.14)
}

.vera-footer-quote h2 {
    margin: 18px 0 25px;
    font-size: 28px;
    line-height: 1.1;
    letter-spacing: -.035em
}

.vera-footer-bottom {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    margin-top: 65px;
    padding: 25px 0;
    border-top: 1px solid rgba(255,255,255,.12);
    font-size: 9px;
    letter-spacing: .09em;
    text-transform: uppercase
}

.vera-floating-quote {
    position: fixed;
    right: 20px;
    bottom: 18px;
    z-index: 800;
    display: none;
    align-items: center;
    gap: 14px;
    padding: 9px 9px 9px 17px;
    background: var(--vera-accent);
    box-shadow: 0 10px 35px rgba(15,23,27,.3);
    color: #111;
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase
}

.vera-floating-quote i {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    background: var(--vera-dark);
    color: #fff;
    font-style: normal
}

.vera-page-hero {
    position: relative;
    overflow: hidden;
    padding: 115px 0 95px;
    background: var(--vera-surface)
}

.vera-page-hero:after {
    position: absolute;
    right: 5%;
    bottom: -55%;
    width: 330px;
    height: 330px;
    border: 55px solid color-mix(in srgb,var(--vera-accent) 20%,transparent);
    transform: rotate(45deg);
    content: ""
}

.vera-page-hero h1 {
    margin: 17px 0 22px;
    font-size: clamp(68px,9vw,120px);
    text-transform: uppercase
}

.vera-page-hero p {
    max-width: 700px;
    margin: 0;
    color: var(--vera-muted);
    font-size: 18px
}

.vera-archive-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 50px 24px
}

.vera-archive-image {
    position: relative;
    display: block;
    overflow: hidden
}

.vera-archive-image img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    transition: transform .7s ease
}

.vera-archive-image>span {
    position: absolute;
    right: 15px;
    bottom: 13px;
    padding: 5px 8px;
    background: var(--vera-dark);
    color: #fff;
    font-size: 9px;
    font-weight: 850
}

.vera-archive-image:hover img {
    transform: scale(1.04)
}

.vera-archive-card>div {
    padding: 24px 4px 0
}

.vera-archive-card h2 {
    margin: 13px 0;
    font-size: 30px
}

.vera-archive-card h2 a:hover {
    color: var(--vera-accent)
}

.vera-archive-card p {
    color: var(--vera-muted);
    font-size: 14px
}

.vera-empty {
    grid-column: 1/-1;
    padding: 70px;
    background: var(--vera-surface);
    text-align: center
}

.vera-empty h2 {
    margin: 15px 0;
    font-size: 48px
}

.vera-archive-cta {
    padding: 75px 0;
    background: var(--vera-surface)
}

.vera-archive-cta .vera-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 45px
}

.vera-archive-cta h2 {
    max-width: 790px;
    margin: 15px 0 0;
    font-size: 43px
}

.vera-detail-header {
    padding: 95px 0 88px;
    background: var(--vera-dark);
    color: #fff
}

.vera-breadcrumb {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 49px;
    color: rgba(255,255,255,.5);
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase
}

.vera-breadcrumb a:hover {
    color: var(--vera-accent)
}

.vera-detail-title {
    max-width: 1040px
}

.vera-detail-title h1 {
    margin: 20px 0 25px;
    color: #fff;
    font-size: clamp(58px,7.8vw,102px);
    text-transform: uppercase
}

.vera-detail-title>p {
    max-width: 820px;
    margin-bottom: 27px;
    color: rgba(255,255,255,.68);
    font-size: 20px
}

.vera-detail-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px
}

.vera-detail-meta time,.vera-detail-meta span {
    padding: 7px 11px;
    border: 1px solid rgba(255,255,255,.2);
    color: rgba(255,255,255,.62);
    font-size: 9px;
    font-weight: 750;
    letter-spacing: .08em;
    text-transform: uppercase
}

.vera-detail-image {
    position: relative;
    z-index: 2;
    margin-top: -43px
}

.vera-detail-image img {
    width: 100%;
    max-height: 750px;
    object-fit: cover
}

.vera-detail-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    gap: 9%;
    align-items: start;
    padding-block:95px 125px}

.vera-prose {
    min-width: 0;
    color: #4d575a;
    font-size: 17px
}

.vera-prose>*:first-child {
    margin-top: 0
}

.vera-prose h2 {
    margin: 56px 0 18px;
    font-size: 41px
}

.vera-prose h3 {
    margin: 38px 0 15px;
    font-size: 27px
}

.vera-prose p,.vera-prose ul,.vera-prose ol {
    max-width: 790px
}

.vera-prose li {
    margin-bottom: 8px
}

.vera-prose blockquote {
    margin: 42px 0;
    padding: 13px 0 13px 31px;
    border-left: 3px solid var(--vera-accent);
    color: var(--vera-dark);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4
}

.vera-prose a {
    color: #9b622b;
    text-decoration: underline;
    text-underline-offset: 3px
}

.vera-prose img {
    height: auto
}

.vera-detail-side {
    position: sticky;
    top: 120px;
    padding: 31px;
    background: var(--vera-surface);
    border-top: 3px solid var(--vera-accent)
}

.vera-detail-side>h2 {
    margin: 16px 0;
    font-size: 31px
}

.vera-detail-side>p {
    color: var(--vera-muted);
    font-size: 14px
}

.vera-fact {
    padding: 18px 0;
    border-bottom: 1px solid var(--vera-line)
}

.vera-fact small {
    display: block;
    margin-bottom: 6px;
    color: var(--vera-muted);
    font-size: 8px;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase
}

.vera-fact>strong {
    display: block;
    color: var(--vera-dark)
}

.vera-fact .vera-price {
    color: #9b622b;
    font-size: 27px
}

.vera-fact ul {
    display: grid;
    gap: 9px;
    margin: 0;
    padding: 0;
    list-style: none
}

.vera-fact li {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    font-size: 12px
}

.vera-fact li span {
    color: var(--vera-muted);
    text-align: right
}

.vera-detail-side>.vera-button {
    width: 100%;
    margin-top: 27px
}

.vera-side-link {
    display: block;
    margin-top: 15px;
    color: var(--vera-muted);
    font-size: 10px;
    text-align: center;
    text-decoration: underline
}

.contact-form {
    max-width: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 17px
}

.contact-form label {
    display: grid;
    gap: 8px;
    color: var(--vera-dark);
    font-size: 9px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase
}

.contact-form label:nth-of-type(4),.contact-form button,.contact-form .vera-form-status {
    grid-column: 1/-1
}

.contact-form input,.contact-form textarea,.contact-form select {
    width: 100%;
    padding: 14px 15px;
    border: 1px solid var(--vera-line);
    border-radius: 0;
    background: #fff;
    color: var(--vera-ink);
    font: inherit;
    letter-spacing: 0;
    text-transform: none
}

.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus {
    border-color: var(--vera-accent);
    outline: 3px solid color-mix(in srgb,var(--vera-accent) 16%,transparent)
}

.contact-form textarea {
    min-height: 160px;
    resize: vertical
}

.contact-form button:not(.vera-button) {
    min-height: 52px;
    padding: 13px 22px;
    border: 0;
    background: var(--vera-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer
}

.contact-form button:hover {
    background: var(--vera-accent);
    color: #111
}

.contact-form button:disabled {
    cursor: wait;
    opacity: .65
}

.vera-form-status {
    margin: 0;
    padding: 13px 15px;
    border: 1px solid var(--vera-line);
    background: var(--vera-surface);
    color: var(--vera-muted);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none
}

.vera-form-status.is-success {
    border-color: #92bda4;
    background: #eaf6ef;
    color: #235f3d
}

.vera-form-status.is-error {
    border-color: #ddb0b0;
    background: #fff0f0;
    color: #853838
}

.vera-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    grid-column: 1/-1
}

.vera-comment-form {
    max-width: 780px
}

.vera-comments {
    background: var(--vera-surface)
}

.vera-comment-list {
    display: grid;
    gap: 14px;
    margin-bottom: 35px
}

.vera-comment-list article {
    padding: 24px;
    background: #fff
}

.vera-comment-list article time {
    margin-left: 10px;
    color: var(--vera-muted);
    font-size: 10px
}

.vera-comment-list article p {
    margin: 10px 0 0
}

.vera-not-found {
    min-height: 75vh;
    display: grid;
    place-items: center;
    padding: 100px 0;
    background: var(--vera-dark);
    color: #fff;
    text-align: center
}

.vera-not-found .vera-container>span {
    display: block;
    color: rgba(199,134,60,.2);
    font-size: 170px;
    font-weight: 850;
    line-height: .75
}

.vera-not-found .vera-kicker {
    margin-top: -20px
}

.vera-not-found h1 {
    max-width: 900px;
    margin: 22px auto;
    color: #fff;
    font-size: clamp(57px,8vw,96px);
    text-transform: uppercase
}

.vera-not-found p:not(.vera-kicker) {
    color: rgba(255,255,255,.6)
}

.vera-not-found .vera-actions {
    justify-content: center;
    margin-top: 30px
}

@media(max-width: 1120px) {
    .vera-nav {
        gap:17px
    }

    .vera-nav>a:not(.vera-nav-cta) {
        font-size: 10px
    }

    .vera-hero-card {
        width: 235px
    }

    .vera-about-grid {
        gap: 6%
    }

    .vera-footer-grid {
        grid-template-columns: 1.2fr .8fr 1fr
    }

    .vera-footer-quote {
        grid-column: 1/-1;
        padding: 35px 0 0;
        border-top: 1px solid rgba(255,255,255,.14);
        border-left: 0
    }

    .vera-footer-quote h2 {
        max-width: 620px
    }

    .vera-numbers .vera-container>div {
        padding-inline:16px}
}

@media(max-width: 960px) {
    .vera-container {
        width:min(calc(100% - 38px),var(--vera-width))
    }

    .vera-topbar .vera-container>p {
        display: none
    }

    .vera-topbar .vera-container {
        justify-content: flex-end
    }

    .vera-menu-button {
        display: flex;
        align-items: center
    }

    .vera-header .vera-nav {
        position: absolute;
        top: 100%;
        right: 0;
        width: min(430px,100vw);
        height: calc(100vh - 124px);
        display: none;
        flex-direction: column;
        align-items: stretch;
        gap: 0;
        padding: 25px 24px 110px;
        background: var(--vera-light);
        box-shadow: -20px 20px 50px rgba(23,33,38,.16);
        overflow: auto
    }

    .vera-header .vera-nav.is-open {
        display: flex
    }

    .vera-nav>a:not(.vera-nav-cta) {
        padding: 18px 8px;
        border-bottom: 1px solid var(--vera-line);
        font-size: 24px;
        font-weight: 750;
        letter-spacing: -.035em;
        text-transform: uppercase
    }

    .vera-nav>a:not(.vera-nav-cta):after {
        display: none
    }

    .vera-nav-cta {
        justify-content: space-between;
        margin-top: 22px;
        padding: 18px 22px
    }

    .vera-menu-open {
        overflow: hidden
    }

    .vera-hero {
        min-height: 780px;
        padding-block:100px 70px}

    .vera-hero-shade {
        background: linear-gradient(90deg,rgba(11,18,21,.92),rgba(11,18,21,.46)),linear-gradient(0deg,rgba(11,18,21,.75),transparent 55%)
    }

    .vera-hero-inner {
        align-items: flex-start;
        flex-direction: column
    }

    .vera-hero h1 {
        font-size: clamp(62px,11vw,92px)
    }

    .vera-hero-card {
        width: min(100%,420px)
    }

    .vera-scroll {
        display: none
    }

    .vera-numbers .vera-container {
        grid-template-columns: 1fr 1fr;
        gap: 0
    }

    .vera-numbers .vera-container>div {
        padding: 20px;
        border-bottom: 1px solid rgba(255,255,255,.13)
    }

    .vera-numbers .vera-container>div:nth-child(2) {
        border-right: 0
    }

    .vera-numbers p {
        display: none
    }

    .vera-section,.vera-about,.vera-process {
        padding-block:90px}

    .vera-intro-grid,.vera-about-grid {
        grid-template-columns: 1fr;
        gap: 55px
    }

    .vera-intro-grid>div:nth-child(2) {
        padding-top: 0
    }

    .vera-about-image {
        max-width: 700px
    }

    .vera-service-grid,.vera-archive-grid {
        grid-template-columns: 1fr 1fr
    }

    .vera-service-card p {
        min-height: 0
    }

    .vera-project-grid {
        grid-template-columns: 1fr 1fr
    }

    .vera-project-wide {
        grid-column: 1/-1;
        grid-row: auto
    }

    .vera-project-wide img {
        min-height: 530px
    }

    .vera-project-card img {
        min-height: 390px
    }

    .vera-process ol {
        grid-template-columns: 1fr 1fr
    }

    .vera-process li:nth-child(2) {
        border-right: 0
    }

    .vera-process li {
        border-bottom: 1px solid rgba(255,255,255,.16)
    }

    .vera-process li>span {
        margin-bottom: 45px
    }

    .vera-sustainability {
        min-height: 680px
    }

    .vera-sustainability:after {
        background: linear-gradient(90deg,rgba(241,238,232,.97) 0%,rgba(241,238,232,.83) 61%,rgba(241,238,232,.18))
    }

    .vera-solution-grid,.vera-insight-grid {
        grid-template-columns: 1fr 1fr
    }

    .vera-solution-grid article:last-child,.vera-insight-card:last-child {
        grid-column: 1/-1
    }

    .vera-news-list article {
        grid-template-columns: 105px 1fr 42px
    }

    .vera-news-list p {
        display: none
    }

    .vera-heading {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .vera-heading>.vera-text-link {
        justify-self: start
    }

    .vera-heading>p {
        max-width: 680px
    }

    .vera-footer-grid {
        grid-template-columns: 1fr 1fr
    }

    .vera-footer-intro {
        grid-column: 1/-1
    }

    .vera-detail-layout {
        grid-template-columns: 1fr;
        gap: 55px
    }

    .vera-detail-side {
        position: static;
        max-width: 620px
    }
}

@media(max-width: 680px) {
    .vera-container {
        width:min(calc(100% - 28px),var(--vera-width))
    }

    .vera-topbar .vera-container {
        justify-content: center
    }

    .vera-topbar div div>span,.vera-topbar div div a:nth-of-type(2) {
        display: none
    }

    .vera-header-inner {
        min-height: 76px
    }

    .vera-brand strong {
        font-size: 19px
    }

    .vera-brand>i {
        width: 35px;
        height: 35px
    }

    .vera-menu-button>span {
        display: none
    }

    .vera-header .vera-nav {
        height: calc(100vh - 112px)
    }

    .vera-hero {
        min-height: 690px;
        padding: 75px 0 55px
    }

    .vera-hero-bg {
        object-position: 64% center
    }

    .vera-hero-shade {
        background: linear-gradient(90deg,rgba(11,18,21,.94),rgba(11,18,21,.45)),linear-gradient(0deg,rgba(11,18,21,.85),transparent 58%)
    }

    .vera-hero h1 {
        font-size: clamp(48px,14vw,68px)
    }

    .vera-hero-copy>p {
        font-size: 15px
    }

    .vera-actions {
        align-items: stretch;
        flex-direction: column
    }

    .vera-actions .vera-button {
        width: 100%
    }

    .vera-hero-card {
        display: none
    }

    .vera-numbers .vera-container>div {
        align-items: flex-start;
        flex-direction: column;
        gap: 3px;
        padding: 18px 14px
    }

    .vera-numbers strong {
        font-size: 31px
    }

    .vera-numbers span {
        max-width: none
    }

    .vera-heading {
        margin-bottom: 38px
    }

    .vera-heading h2 {
        font-size: clamp(38px,12vw,55px)
    }

    .vera-section,.vera-about,.vera-process {
        padding-block:72px}

    .vera-intro h2 {
        font-size: 45px
    }

    .vera-service-grid,.vera-archive-grid,.vera-project-grid,.vera-solution-grid,.vera-insight-grid {
        grid-template-columns: 1fr
    }

    .vera-about-image {
        padding: 0 5% 10% 0
    }

    .vera-about-image img {
        aspect-ratio: 4/5
    }

    .vera-about-image>div {
        min-width: 230px;
        padding: 20px
    }

    .vera-about-image>div>span {
        font-size: 45px
    }

    .vera-about-copy h2 {
        font-size: 44px
    }

    .vera-about-copy li {
        grid-template-columns: 1fr;
        gap: 5px
    }

    .vera-project-wide {
        grid-column: auto
    }

    .vera-project-wide img,.vera-project-card img {
        min-height: 430px
    }

    .vera-project-overlay strong {
        padding-right: 0;
        font-size: 24px
    }

    .vera-project-overlay em {
        position: static;
        display: block;
        margin-top: 13px
    }

    .vera-process ol {
        grid-template-columns: 1fr
    }

    .vera-process li {
        min-height: 0;
        padding: 28px 0!important;
        border-right: 0
    }

    .vera-process li>span {
        margin-bottom: 25px
    }

    .vera-sustainability {
        min-height: 730px;
        align-items: flex-end;
        padding-bottom: 60px
    }

    .vera-sustainability>img {
        object-position: 66% center
    }

    .vera-sustainability:after {
        background: linear-gradient(0deg,rgba(241,238,232,.98) 12%,rgba(241,238,232,.87) 58%,rgba(241,238,232,.16))
    }

    .vera-sustain-copy h2 {
        font-size: 45px
    }

    .vera-sustain-copy>div {
        gap: 20px
    }

    .vera-solution-grid article {
        min-height: 310px
    }

    .vera-solution-grid article:last-child,.vera-insight-card:last-child {
        grid-column: auto
    }

    .vera-news-list article {
        grid-template-columns: 1fr 40px;
        gap: 10px
    }

    .vera-news-list time {
        grid-column: 1
    }

    .vera-news-list h3 {
        font-size: 21px
    }

    .vera-news-list article>a {
        grid-column: 2;
        grid-row: 1/3
    }

    .vera-final-cta h2 {
        font-size: 53px
    }

    .vera-footer {
        padding-top: 70px
    }

    .vera-footer-grid {
        grid-template-columns: 1fr
    }

    .vera-footer-intro {
        grid-column: auto
    }

    .vera-footer-quote {
        grid-column: auto
    }

    .vera-footer-bottom {
        align-items: flex-start;
        flex-direction: column
    }

    .vera-floating-quote {
        display: flex
    }

    .vera-page-hero {
        padding: 80px 0 65px
    }

    .vera-page-hero h1 {
        font-size: 54px
    }

    .vera-page-hero p {
        font-size: 16px
    }

    .vera-empty {
        padding: 45px 22px
    }

    .vera-archive-cta .vera-container {
        align-items: flex-start;
        flex-direction: column
    }

    .vera-archive-cta h2 {
        font-size: 34px
    }

    .vera-detail-header {
        padding: 70px 0 65px
    }

    .vera-breadcrumb {
        margin-bottom: 32px
    }

    .vera-detail-title h1 {
        font-size: 49px
    }

    .vera-detail-title>p {
        font-size: 17px
    }

    .vera-detail-image {
        margin-top: -28px
    }

    .vera-detail-image img {
        min-height: 280px
    }

    .vera-detail-layout {
        padding-block:62px 80px}

    .vera-prose {
        font-size: 16px
    }

    .vera-prose h2 {
        font-size: 33px
    }

    .vera-prose blockquote {
        font-size: 21px
    }

    .vera-detail-side {
        padding: 24px
    }

    .contact-form {
        grid-template-columns: 1fr
    }

    .contact-form label:nth-of-type(4),.contact-form button,.contact-form .vera-form-status {
        grid-column: auto
    }

    .vera-form-row {
        grid-template-columns: 1fr
    }

    .vera-not-found .vera-container>span {
        font-size: 115px
    }

    .vera-not-found h1 {
        font-size: 47px
    }
}

@media(prefers-reduced-motion:reduce) {
    .vera-site *,.vera-site *:before,.vera-site *:after {
        scroll-behavior: auto!important;
        transition-duration: .01ms!important;
        animation-duration: .01ms!important;
        animation-iteration-count: 1!important
    }

    .vera-ready .vera-reveal {
        opacity: 1;
        transform: none
    }
}

.vera-site .vera-button-accent {
    color: #111
}

.vera-site .vera-button-dark {
    color: #fff
}

.vera-site .vera-button-light {
    color: var(--vera-dark)
}

.vera-site .vera-button-outline {
    color: var(--vera-dark)
}

.vera-site .vera-button-ghost {
    color: #fff
}

.vera-site .vera-button-accent:hover {
    color: #111
}

.vera-site .vera-button-dark:hover {
    color: #111
}

.vera-site .vera-button-light:hover {
    color: var(--vera-dark)
}

.vera-site .vera-button-outline:hover {
    color: #fff
}

.vera-site .vera-button-ghost:hover {
    color: var(--vera-dark)
}

.vera-nav a.vera-nav-cta {
    color: #fff
}

.vera-nav a.vera-nav-cta:hover {
    color: #111
}

/* v1.12 bileşen ve dil seçici dengesi */
.vera-header-inner>.atlas-language-picker {
    margin-inline-start:0}

.vera-nav {
    margin-left: auto
}

.vera-widget-area .site-widget {
    padding: clamp(34px,5vw,52px);
    border: 0;
    border-left: 4px solid var(--vera-accent);
    background: var(--vera-surface);
    text-align: center
}

.vera-widget-area .site-widget h2 {
    margin: 0 0 14px;
    font-size: clamp(29px,3.5vw,40px)
}

.vera-widget-area .site-widget>p {
    margin: 0 auto 18px
}

.vera-widget-area .site-widget>p:last-child {
    margin-top: 25px;
    margin-bottom: 0
}

.vera-widget-area .site-widget .button {
    display: inline-flex;
    padding: 12px 21px;
    background: var(--vera-dark);
    color: #fff
}

@media(max-width: 960px) {
    .vera-header-inner {
        gap:12px
    }

    .vera-header-inner>.atlas-language-picker {
        margin-left: auto
    }

    .vera-menu-button {
        order: 90
    }

    .vera-header-inner>.atlas-language-picker {
        order: 100
    }
}

@media(max-width: 680px) {
    .vera-brand {
        min-width:0;
        flex: 1 1 auto
    }

    .vera-brand>span {
        min-width: 0
    }

    .vera-brand strong {
        display: block;
        max-width: 132px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .vera-brand small {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .vera-menu-button {
        flex: 0 0 auto
    }

    .vera-header-inner {
        gap: 8px
    }
}

.vera-footer {
    background: var(--vera-dark)
}

/* Semantic theme text colors */
.vera-site .vera-button-dark,.vera-site .vera-button-ghost,.vera-site .vera-nav-cta,.vera-site .vera-hero,.vera-site .vera-final-cta,.vera-site .vera-footer {
    color: var(--vera-inverse)
}

.vera-site .vera-button-light {
    color: var(--vera-ink)
}

.vera-site .vera-hero :is(h1,h2,h3),.vera-site .vera-final-cta :is(h1,h2,h3),.vera-site .vera-footer :is(h1,h2,h3),.vera-site .vera-footer a {
    color: var(--vera-inverse);
}