/*
 * Autostatyba on Aixor (2026-10-05). ax-base.css is the Aixor template's own stylesheet; this file
 * holds everything that adapts it to this site: the self-hosted faces, WordPress's global styles
 * neutralised, the photograph hero, the Contact Form 7 fields in Aixor's field style, the footer
 * grid Aixor took from Bootstrap, and the no-JavaScript and reduced-motion fallbacks.
 * Aixor's numbers are kept wherever a rule is restated here; only the selectors change.
 */

/* ---- faces: Urbanist (Aixor's sans) and Instrument Serif italic (in place of Arapey, which has no
   Lithuanian letters). Self-hosted, latin + latin-ext only. ---- */
/* Montserrat everywhere (the client, review notes 2026-10-14), self-hosted, variable 300-700, latin + latin-ext (Lithuanian). */
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/montserrat-latin-wght.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: normal; font-weight: 300 700; font-display: swap; src: url(../fonts/montserrat-latin-ext-wght.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 300 700; font-display: swap; src: url(../fonts/montserrat-italic-latin-wght.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Montserrat"; font-style: italic; font-weight: 300 700; font-display: swap; src: url(../fonts/montserrat-italic-latin-ext-wght.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* Instrument Serif ships no upright weight here: the serif is only ever italic in Aixor. */

:root { --ax-accent: #f47c12; --ax-line: #333333; --ax-ease: cubic-bezier(.2, .7, .2, 1); }

/* ---- base: WordPress's theme.json styles print body/heading/link rules; Aixor's win here ---- */
html { background: #000; }
body { margin: 0; background: #000; color: var(--primary); font-family: var(--font_urbanist); font-size: 14px; font-weight: 500; line-height: 1.43; }
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: inherit; color: inherit; letter-spacing: normal; }
body a { color: inherit; text-decoration: none; }
body img, body video, body svg { max-width: 100%; }
button { font: inherit; }
.wp-site-blocks, .wp-site-blocks > * { margin: 0 !important; }
.wp-block-template-part { margin: 0; }
.aixor-main { overflow-x: clip; }
.ax-sr, .as-visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
:focus-visible { outline: 2px solid var(--ax-accent); outline-offset: 3px; }
.section-subtitle .ax-mark { color: var(--ax-accent); }
.section-subtitle { margin: 0; font-weight: 500; }
.section-header .section-title { margin: 0; }
p.section-title { margin: 0; }
.theme-btn { font-weight: 500; cursor: pointer; }
.theme-btn .ax-arrow { width: 13px; height: 13px; flex: none; transition: color .3s; }
.theme-btn:hover .ax-arrow { color: #000; }
.reveal-type .word { white-space: nowrap; }

/* AOS hides [data-aos] elements until its script runs; without it (blocked script, reduced
   motion) they must still show. ax.js adds .ax-aos to <html> when AOS starts. */
html:not(.ax-aos) [data-aos] { opacity: 1 !important; transform: none !important; }

/* ---- cursor: Aixor's white dot, pointer devices only ---- */
#magic-cursor { position: fixed; inset: 0; width: 100%; height: 100%; overflow: hidden; }
@media (hover: none), (pointer: coarse) { #magic-cursor { display: none; } }

/* ---- header ---- */
.header-menu-wrap { padding: 18px 0; }
.header-menu-wrap .logo svg { display: block; width: 150px; height: auto; }
.header-menu-wrap .navbar .menu { margin: 0; }
.header-menu-wrap .navbar .menu li a[aria-current="page"] { color: var(--primary); }
.header-menu-wrap .navbar .menu li a[aria-current="page"]:before { opacity: 1; width: 100%; }
.header-menu-wrap .header-right-info a { font-size: 14px; line-height: 20px; }
.hamburg-menu { padding: 0; }
.header-sidebar-wrap { pointer-events: none; }
.header-sidebar-wrap.active { pointer-events: auto; }
.header-sidebar-wrap .header-sidebar-content .close-header-sidebar { width: 32px; height: 32px; padding: 0; border: 0; background: none; }
.close-header-sidebar span { position: absolute; left: 4px; top: 15px; width: 24px; height: 1.5px; background: currentColor; transform: rotate(45deg); }
.close-header-sidebar span + span { transform: rotate(-45deg); }
.header-sidebar-wrap .header-sidebar-content .sidebar-menu ul li a[aria-current="page"] { color: var(--primary); }
.header-sidebar-wrap .header-sidebar-content .header-sidebar-bottom ul li a svg { width: 16px; height: 16px; }
.header-sidebar-wrap .header-sidebar-content .header-sidebar-bottom ul li a svg path { fill: currentColor; }
/* Aixor drops the menu below 1440 and keeps only its "All pages" dropdown; this menu is the
   site's only navigation, so it stays, tightening, until it no longer fits - then the round menu
   button (Aixor's sidebar trigger) takes over and is shown from the start. */
@media (max-width: 1439px) {
  .header-menu-wrap .navbar { margin: 0 auto; }
  .header-menu-wrap .navbar > ul > li:not(.dropdown-menu-item) { display: list-item; }
  .header-menu-wrap .navbar .menu { gap: 36px; }
  .header-menu-wrap .header-right-info { gap: 36px; }
}
@media (max-width: 1179px) {
  .header-menu-wrap .navbar, .header-menu-wrap .header-right-info { display: none; }
  .hamburg-menu { transform: scale(1); top: 14px; width: 52px; height: 52px; }
  .header-menu-wrap { padding: 26px 0; }
}
@media (max-width: 809px) {
  .header-menu-wrap .logo svg { width: 128px; }
}

/* ---- page head with a photograph (Aixor's hero with our picture behind it) ---- */
.ax-hero { position: relative; overflow: hidden; isolation: isolate; }
.ax-hero__media { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.ax-hero__media img, .ax-hero__media video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) contrast(1.08) brightness(.82); }
.ax-hero__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.72) 0%, rgba(0,0,0,.25) 55%, rgba(0,0,0,.1) 100%), linear-gradient(0deg, #000 0%, rgba(0,0,0,.35) 30%, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%); pointer-events: none; }
.ax-hero .hero-inner { z-index: 1; }
.ax-hero .hero-top p { color: rgba(255,255,255,.78); }
.ax-hero .author-info .ax-sign { margin: 0; color: var(--primary); font-style: italic; font-size: 16px; font-weight: 500; line-height: 20px; }
/* The headline: Aixor sets two h2 lines (italic serif, then sans); ours is one h1 in three lines. */
.hero-sec .hero-bottom .ax-hero__title { margin: 0; font-weight: 400; }
.hero-sec .hero-bottom .ax-hero__title > span { display: block; background-image: linear-gradient(90deg, #ffffff 16%, #4d4d4d 140%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; font-size: 96px; line-height: 96px; letter-spacing: -0.04em; font-weight: 300; padding: 14px; margin: -14px; }
.hero-sec .hero-bottom .ax-hero__title > .ax-it { font-family: var(--font_arapey); font-style: italic; font-weight: 400; letter-spacing: -0.02em; }
.hero-sec .hero-bottom { gap: 32px; }
@media (max-width: 1440px) {
  .hero-sec .hero-bottom .ax-hero__title > span { font-size: 74px; line-height: 74px; font-weight: 400; }
}
@media (max-width: 809px) {
  .hero-sec .hero-bottom .ax-hero__title > span { font-size: 44px; line-height: 48px; padding: 7px; margin: -7px; }
}
/* Home: the photograph pushes in slowly (Roberta 2026-10-05): 8% over 24s, once, about the pin's
   point so the lit marker stays on the same spot of the building. */
.ax-hero--home .ax-hero__img { object-position: 50% 55%; transform-origin: 58% 31%; animation: ax-hero-push 24s cubic-bezier(.2, .6, .35, 1) both; }
@keyframes ax-hero-push { from { transform: scale(1); } to { transform: scale(1.08); } }
.ax-pin { position: absolute; z-index: 2; left: 58%; top: 31%; }
.ax-pin i { position: absolute; left: 0; top: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--ax-accent); box-shadow: 0 0 0 6px rgba(244,124,18,.25), 0 0 24px rgba(244,124,18,.6); }
.ax-pin b { position: absolute; left: 7px; top: 7px; width: 72px; height: 1px; background: rgba(255,255,255,.5); transform-origin: 0 0; transform: rotate(-24deg); }
.ax-pin a { position: absolute; left: 66px; top: -64px; width: 272px; padding: 16px 20px; border-radius: 12px; background: linear-gradient(180deg, rgba(51,51,51,.45) 0%, rgba(26,26,26,.25) 100%); border: 1px solid rgba(255,255,255,.14); -webkit-backdrop-filter: blur(15px); backdrop-filter: blur(15px); color: var(--primary); transition: background .3s; }
.ax-pin a:hover { background: rgba(26,26,26,.7); }
.ax-pin strong { display: block; font-size: 14px; line-height: 20px; font-weight: 500; }
.ax-pin span { display: block; margin-top: 4px; font-size: 14px; line-height: 20px; color: var(--secondary); }
@media (max-width: 1024px) { .ax-pin { display: none; } }

/* ---- figures (Aixor funfacts) as a description list ---- */
.funfacts-wrap { margin: 0; }
.funfact-box dd { margin: 0; }
.funfact-box .funfact-footer .number--long { font-size: 48px; line-height: 52px; }
.funfact-box .funfact-footer .number--long span { font-size: 28px; }
.funfact-box .overlay { filter: saturate(.6) brightness(.72); }
.funfact-box .funfact-footer .number span { white-space: nowrap; }

/* ---- service rows ---- */
.service-box .service-inner .title svg { display: block; width: 26px; height: 26px; flex: none; }
.service-sec .feature-more-btn-wrap { margin-top: 48px; }

/* ---- full-width band (Aixor .full-image), zooming out as it scrolls through ---- */
.ax-fullband { position: relative; width: 100%; height: 676px; overflow: hidden; }
.ax-fullband > img, .ax-fullband > video { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.55) contrast(1.08) brightness(.75); transform-origin: 50% 50%; }
@media (max-width: 1024px) { .ax-fullband { height: 460px; } }
@media (max-width: 809px) { .ax-fullband { height: 300px; } }

/* ---- project cards: the whole card is the link ---- */
a.feature-project { color: var(--primary); }
.feature-project .img-box, .feature-project .hover_mouse { display: block; }
.feature-project .img-box { border-radius: 12px; }
.feature-project .img-box img { filter: saturate(.8); transition: transform .8s var(--ax-ease); }
.feature-project:hover .img-box img { transform: scale(1.03); }
.feature-project .hover_mouse .ax-badge { width: 120px; height: 120px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(0deg, #1f1f1f, transparent); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); color: var(--primary); font-size: 16px; transform: scale(0); transition: .5s; }
.feature-project .hover_mouse.active .ax-badge { transform: scale(1); }
.feature-project-info-box .title { font-weight: 500; }
.feature-project-info-box .subtitle { font-weight: 500; }
.feature-sec .section-header2 .section-title2 { margin-bottom: 0; }

/* ---- two-voice section titles: Aixor's italic first part, upright second ---- */
.section-title.section-title2 { font-weight: 400; }

/* ---- contact section ---- */
.contact-sec .contact-content .ax-connect { background: linear-gradient(90deg, rgb(255,255,255) 16%, rgb(77,77,77) 140%); display: inline-block; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin: -14px; padding: 14px; font-size: 96px; line-height: 96px; letter-spacing: -0.04em; font-weight: 400; }
.contact-sec .contact-content .ax-connect span { font-family: var(--font_arapey); font-style: italic; letter-spacing: -0.02em; }
.contact-sec .img-box img { object-fit: cover; border-radius: 16px; filter: saturate(.6) brightness(.85); }
@media (max-width: 1440px) { .contact-sec .contact-content .ax-connect { font-size: 74px; line-height: 78px; } }
@media (max-width: 809px) { .contact-sec .contact-content .ax-connect { font-size: 48px; line-height: 52px; padding: 7px; margin: -7px; } }

/* Contact Form 7, in Aixor's field style. The field markup is the CF7 form in wp-admin
   (tools/setup-cf7-form.php): a row of four labelled fields, then the message. */
.ax-cf7 form > p { margin: 0; }
.ax-cf7 .as-kont-form__row { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-bottom: 24px; }
.ax-cf7 .as-kont-field { margin: 0; }
.ax-cf7 .wpcf7-form-control-wrap { display: block; }
.ax-cf7 .as-kont-textarea { margin-bottom: 24px; }
.ax-cf7 .as-kont-textarea__label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.contact-form input::placeholder, .contact-form textarea::placeholder { color: var(--tertiary); opacity: 1; }
.contact-form input:focus, .contact-form textarea:focus { border-color: rgba(255,255,255,.55); }
.contact-form textarea { display: block; resize: vertical; font-family: inherit; }
.contact-form input { font-family: inherit; }
.ax-cf7 input[type="submit"], .ax-cf7 .wpcf7-submit { width: auto; display: inline-flex; align-items: center; gap: 10px; border: 1.6px solid #fff !important; border-radius: 30px !important; background: #1a1a1a; color: var(--primary); font-size: 16px; line-height: 16px; padding: 14px 24px; cursor: pointer; transition: background .3s, color .3s; }
.ax-cf7 input[type="submit"]:hover, .ax-cf7 .wpcf7-submit:hover { background: #fff; color: #000; }
.ax-cf7 .wpcf7-spinner { margin: 0 0 0 16px; vertical-align: middle; }
.ax-cf7 .wpcf7-not-valid-tip { display: block; margin-top: 8px; color: #ff8a7a; font-size: 14px; font-weight: 500; }
.ax-cf7 .wpcf7-response-output { margin: 24px 0 0 !important; padding: 14px 20px !important; border-radius: 12px; border-color: var(--ax-line) !important; color: var(--primary); font-size: 14px; }
.ax-cf7 .as-kont-form__privacy, .ax-form-note { margin: 24px 0 0; color: var(--secondary); font-size: 14px; line-height: 20px; }
.ax-form-note a { color: var(--primary); border-bottom: 1px solid currentColor; }
@media (max-width: 809px) { .ax-cf7 .as-kont-form__row { grid-template-columns: 1fr; gap: 16px; } }

/* ---- footer: Aixor's Bootstrap row, restated ---- */
.footer-area .footer-top > .row { display: flex; margin: 0; }
.footer-area .footer-top > .row > .col-md-3 { flex: 0 0 auto; width: 25%; }
.footer-widget .h4 { color: var(--tertiary); font-size: 16px; line-height: 20px; text-transform: uppercase; font-weight: 500; margin: 0; letter-spacing: 0; }
.footer-contact-infos .footer-widget-top .links { font-style: normal; }
.footer-area .footer-bottom { height: auto; align-items: flex-start; }
.ax-wordmark { display: block; width: 100%; height: auto; overflow: visible; }
.ax-wordmark text { font-family: var(--font_urbanist); font-weight: 300; letter-spacing: 0; }
@media (max-width: 1439px) { .footer-area .footer-top > .row > .col-md-3:nth-child(2) { width: 100%; } }
@media (max-width: 809px) {
  .footer-area .footer-top > .row > .col-md-3 { width: 100%; }
  .footer-area .footer-bottom { height: auto; padding: 0 20px; }
}

/* ---- motion preferences ---- */
@media (prefers-reduced-motion: reduce) {
  .ax-hero--home .ax-hero__img, .hero-sec .hero-inner .hero-shape, .service-box .service-inner .service-img-box img, .contact-sec .img-box img, .our-partner-sec ul { animation: none !important; }
  .feature-project .img-box img { transition: none; }
}

/* =====================================================================================
 * Inner pages (2026-10-05): the Aixor sections as this site uses them
 * ===================================================================================== */

/* Older page rules carried over (gallery viewer, article figures) speak these names. */
:root { --rd-or: var(--ax-accent); --rd-bone: #fff; --rd-ash: #999; --rd-night: #000; --rd-night-2: #0d0d0d; --rd-night-3: #000; --rd-line: #333; --rd-gut: 72px; --t-ui: 16px; --t-ui-lh: 24px; --t-heading: 40px; --t-heading-lh: 48px; --t-statement: 28px; --t-statement-lh: 40px; }
@media (max-width: 1439px) { :root { --rd-gut: 42px; } }
@media (max-width: 809px) { :root { --rd-gut: 22px; } }

/* ---- inner page head ---- */
.ax-hero--page .hero-inner { min-height: min(100svh, 860px); }
.ax-hero--page .ax-hero__title > span { background-image: linear-gradient(90deg, #ffffff 60%, #9a9a9a 160%); }
.ax-hero .author-info .ax-sign-link { display: flex; flex-direction: column; gap: 2px; color: var(--primary); }
.ax-hero .author-info .ax-sign-link:hover .ax-sign { text-decoration: underline; text-underline-offset: 4px; }
.ax-hero .author-info span { color: rgba(255,255,255,.72); }
.about-sec .section-header + .section-header { margin-top: -50px; }
.ax-about-short { padding-bottom: 40px; }
.ax-about-short .section-header { margin-bottom: 0; }

/* ---- numbered service rows (Paslaugos) ---- */
.service-box .service-inner .title .ax-num { font-size: 16px; line-height: 40px; letter-spacing: 0; color: var(--secondary); min-width: 28px; }

/* ---- the awards list, used for years (Apie mus) and values (Karjera) ---- */
.awards-sec .section-header { margin-bottom: 60px; }
.awards-list { margin: 0; padding: 0; list-style: none; }
.awards-box .awards-inner h3 { margin: -7px; font-size: 64px; line-height: 68px; letter-spacing: -0.04em; font-weight: 400; background: linear-gradient(90deg, rgb(255,255,255) 0%, rgb(77,77,77) 133%); padding: 7px; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; transition: .3s; flex: none; }
.awards-box.active .awards-inner h3, .awards-box:hover .awards-inner h3 { background: none; -webkit-text-fill-color: currentColor; color: var(--primary); }
.awards-box .awards-inner .date { max-width: 560px; padding-bottom: 8px; }
.awards-box .overlay { background-size: cover; background-position: center; }
.awards-box .overlay::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.35)); }
.ax-years .awards-box .overlay { background: linear-gradient(90deg, #1a1a1a 0%, #0d0d0d 100%); }
.ax-years .awards-box .overlay::after { display: none; }
.ax-years .awards-box .awards-inner { gap: 48px; }
.ax-years .awards-box .awards-inner .date { font-size: 16px; line-height: 24px; color: var(--secondary); }
.ax-years .awards-box.active .awards-inner .date, .ax-years .awards-box:hover .awards-inner .date { color: var(--primary); }
@media (max-width: 809px) { .awards-box .awards-inner h3 { font-size: 38px; line-height: 44px; } .ax-years .awards-box .awards-inner { gap: 12px; } .awards-box .awards-inner .date { text-align: left; } }

/* ---- process cards: four in a row for "Kaip dirbame" ---- */
.process-lists, .team-members { margin: 0; padding: 0; list-style: none; }
.team-member-box .content .name { margin: 0; }
@media (min-width: 1201px) { .ax-process-4 .process-lists { grid-template-columns: repeat(4, 1fr); } .ax-process-4 .process-box .content { padding: 0 28px; } }

/* ---- "Kam dirbame": Aixor's key-features blocks ---- */
.project-single-content-wrap .section-header { padding: 90px 72px; }
.project-single-content-wrap .section-header.section-header2 { padding-bottom: 60px; border-bottom: 0; }
.project-single-content-wrap .section-header .section-subtitle { width: 26%; } /* the same column as the title row above, so the text lines up with the name */
.project-single-content-wrap .section-header.section-header2 .section-subtitle { width: auto; }
.ax-audience .section-header .right .section-title { font-size: 40px; line-height: 52px; letter-spacing: -1.5px; }
.project-single-content-wrap .section-header ul { margin: 0; padding: 0; list-style: none; column-gap: 80px; }
.project-single-content-wrap .section-header ul li { font-size: 28px; line-height: 36px; }
@media (max-width: 1439px) { .project-single-content-wrap .section-header { padding: 60px 42px; } .project-single-content-wrap .section-header .section-subtitle { width: 100%; } }
@media (max-width: 809px) {
  .project-single-content-wrap .section-header { padding: 50px 22px; }
  .ax-audience .section-header .right .section-title { font-size: 28px; line-height: 36px; letter-spacing: -1px; }
  .project-single-content-wrap .section-header ul li { font-size: 20px; line-height: 28px; }
}

/* ---- Karjera: benefit cards and the CV card ---- */
.team-cv-box { list-style: none; }
.team-cv-box .ax-cv-rings { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.team-cv-box .ax-cv-rings::before, .team-cv-box .ax-cv-rings::after { content: ""; position: absolute; width: 320px; height: 320px; border-radius: 50%; border: 1.5px solid rgba(255,255,255,.45); box-shadow: 0 0 40px rgba(255,255,255,.06), inset 0 0 40px rgba(255,255,255,.05); }
.team-cv-box .ax-cv-rings::before { left: -70px; top: 120px; }
.team-cv-box .ax-cv-rings::after { right: -150px; bottom: -60px; }
.team-cv-box .team-cv-header .ax-cv-logo svg { display: block; width: 140px; height: auto; margin-bottom: 36px; }
.team-cv-box .team-cv-header .title { margin: 0 0 16px; font-size: 40px; line-height: 48px; }
.team-cv-box .team-cv-header .ax-cv-note { margin-top: 16px; font-size: 14px; line-height: 20px; color: var(--tertiary); }
.team-cv-box { min-height: 560px; }

/* ---- project archive: the type filter as Aixor's choice chips; the pager ---- */
.ax-chips { margin: 0 0 60px; gap: 16px; }
.ax-chip { display: inline-block; background: #1a1a1a; border-radius: 12px; font-size: 16px; font-weight: 400; line-height: 1; color: #999; padding: 19px 30px; transition: .3s; }
.ax-chip:hover { color: var(--primary); }
.ax-chip.is-active { background: #fff; color: #000; }
.ax-projects { padding-top: 90px; }
.ax-projects .feature-project-lists { gap: 60px; }
.ax-projects .feature-project:not(.feature-project-2) { height: auto; }
.ax-projects .feature-project:not(.feature-project-2) .img-box { flex: none; height: 668px; }
.ax-pager { display: flex; justify-content: center; gap: 12px; margin-top: 60px; flex-wrap: wrap; }
.ax-pager .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; height: 48px; padding: 0 16px; border: 1.6px solid #333; border-radius: 30px; color: var(--secondary); font-size: 16px; transition: .3s; }
.ax-pager a.page-numbers:hover { border-color: #fff; color: #fff; }
.ax-pager .page-numbers.current { background: #fff; border-color: #fff; color: #000; }
.ax-pager .prev .ax-arrow { transform: rotate(-135deg); }
.ax-pager .next .ax-arrow { transform: rotate(45deg); }
.ax-empty { color: var(--secondary); font-size: 20px; }
.ax-col-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.ax-related .feature-project-2 .img-box { height: 360px; }
.ax-related .section-header2 { margin-bottom: 60px; }
@media (max-width: 1200px) { .ax-col-3 { grid-template-columns: repeat(2, 1fr); } .ax-projects .feature-project:not(.feature-project-2) .img-box { height: 420px; } }
@media (max-width: 809px) { .ax-col-3 { grid-template-columns: 1fr; } .ax-projects .feature-project:not(.feature-project-2) .img-box { height: 300px; } .ax-chips { gap: 10px; } .ax-chip { padding: 14px 20px; font-size: 14px; } }

/* ---- project page ---- */
.project-single-wrap .ax-single-head { padding-top: 150px; }
.project-single-wrap .ax-single-head .section-title { font-size: 48px; line-height: 60px; letter-spacing: -2px; font-weight: 400; }
.project-single-wrap .feature-project { margin: 0; }
.project-single-wrap .feature-project .feature-project-infos { margin: 0; }
.feature-project-infos dd, .feature-project-infos dt { margin: 0; }
.ax-prose { color: var(--secondary); font-size: 20px; line-height: 30px; font-weight: 500; }
.ax-prose > * + * { margin-top: 24px; }
.ax-prose p { margin: 0; }
.ax-prose h2, .ax-prose h3, .ax-prose h4 { color: var(--primary); font-weight: 400; letter-spacing: -1px; margin-top: 48px; }
.ax-prose h2 { font-size: 32px; line-height: 40px; }
.ax-prose h3 { font-size: 24px; line-height: 32px; letter-spacing: -.5px; }
.ax-prose h4 { font-size: 20px; line-height: 28px; letter-spacing: 0; }
.ax-prose ul, .ax-prose ol { padding-left: 24px; }
.ax-prose ul { list-style: disc; }
.ax-prose ol { list-style: decimal; }
.ax-prose li + li { margin-top: 8px; }
.ax-prose li::marker { color: var(--ax-accent); }
.ax-prose a { color: var(--primary); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.ax-prose strong { color: var(--primary); font-weight: 600; }
.ax-prose img { border-radius: 16px; height: auto; }
.ax-prose blockquote { margin: 40px 0; padding-left: 24px; border-left: 2px solid var(--ax-accent); color: var(--primary); font-size: 24px; line-height: 34px; }
.ax-prose table { width: 100%; border-collapse: collapse; font-size: 16px; line-height: 24px; }
.ax-prose th, .ax-prose td { padding: 12px 16px 12px 0; border-bottom: 1px solid var(--ax-line); text-align: left; vertical-align: top; }
.ax-prose th { color: var(--primary); }
.project-single-content-wrap .section-header .right.ax-prose { flex: 1 1 auto; width: auto; max-width: 860px; display: block; }

/* ---- news and text pages: Aixor's statement head and blog-detail frame ---- */
.ax-blog-head .section-header { padding: 160px 72px 90px; }
.ax-blog-head .section-header .section-title { font-size: 48px; line-height: 60px; letter-spacing: -2px; font-weight: 400; }
.ax-blog-head__desc { margin: 24px 0 0; max-width: 720px; color: var(--secondary); font-size: 16px; line-height: 24px; }
.ax-news { padding-top: 0; }
.ax-news .project-col-2 { row-gap: 60px; }
.ax-news-card .img-box { margin: 0; }
.blog-detail-sec { padding: 0 72px 96px; }
.blog-detail-sec .custom-row { align-items: flex-start; }
.blog-detail-sec .blog-detail-content-wrap { flex: 1 1 auto; min-width: 0; margin-bottom: 0; gap: 48px; }
.blog-detail-sec .blog-detail-content-wrap .ax-art-lead .img-box { height: 520px; }
.blog-detail-sec .blog-detail-content-wrap .ax-art-lead img { height: 100%; }
.blog-detail-sec .blog-detail-content-wrap .ax-prose img { height: auto; }
.blog-detail-sec .ax-prose { color: var(--primary); }
.ax-art-date { margin: 0; color: var(--secondary); font-size: 16px; }
.blog-sidebar { position: sticky; top: 24px; }
.blog-sidebar ul { margin: 0; padding: 0; list-style: none; }
.sidebar-widget .h4 { display: flex; align-items: center; gap: 12px; margin: 0; font-size: 32px; line-height: 40px; font-weight: 400; letter-spacing: -1px; color: var(--primary); }
.sidebar-widget p { margin: 0; color: var(--secondary); font-size: 16px; line-height: 26px; }
.sidebar-widget { gap: 32px; }
.ax-side-cta .theme-btn, .blog-sidebar .ax-back { align-self: flex-start; }
.blog-sidebar .ax-back { margin-left: 4px; }
.sidebar-widget-recent-post ul li a { font-size: 18px; line-height: 26px; color: var(--secondary); }
@media (max-width: 1439px) {
  .ax-blog-head .section-header { padding: 140px 42px 60px; }
  .blog-detail-sec { padding: 0 42px 80px; }
  .blog-sidebar { position: static; width: 100%; }
}
@media (max-width: 809px) {
  .ax-blog-head .section-header { padding: 120px 22px 40px; }
  .ax-blog-head .section-header .section-title, .project-single-wrap .ax-single-head .section-title { font-size: 32px; line-height: 40px; letter-spacing: -1px; }
  .blog-detail-sec { padding: 0 22px 60px; }
  .blog-detail-sec .blog-detail-content-wrap .ax-art-lead .img-box { height: 300px; }
  .ax-prose { font-size: 18px; line-height: 28px; }
  .sidebar-widget .h4 { font-size: 24px; line-height: 32px; }
}

/* ---- 404 ---- */
.error-hero-sec .hero-bottom .ax-hero__title { margin: 0; }
.error-hero-sec .hero-bottom p { margin: 0; }
.error-hero-sec .required { color: var(--ax-accent); }
.ax-404-actions { display: flex; flex-wrap: wrap; gap: 16px; }
.error-hero-sec .hero-inner { justify-content: flex-end; }

/* ---- fixes from the first full-site screenshot pass (2026-10-05) ---- */
/* Long project and article names wrap inside their card instead of running under the next fact. */
.feature-project .feature-project-infos { gap: 24px; }
.feature-project-info-box .subtitle { overflow-wrap: anywhere; }
.feature-project-2 .feature-project-infos .feature-project-info-box:first-child { flex: 1 1 auto; min-width: 0; }
/* WordPress's flow-layout reset (printed after this file) zeroes block margins; restate the rhythm. */
/* Doubled class + html body: Aixor's ".project-single-content-wrap .section-header p { margin: 0 }"
   is (0,2,1) and must lose. */
html body .ax-prose.ax-prose > * { margin-block: 0; }
html body .ax-prose.ax-prose > * + * { margin-block-start: 24px; }
html body .ax-prose.ax-prose > :is(h2, h3, h4) { margin-block-start: 56px; }
html body .ax-prose.ax-prose > :is(h2, h3, h4) + * { margin-block-start: 16px; }
/* A statement on a key-features block stays white (Aixor's grey is for its paragraph copy). */
.project-single-content-wrap .section-header .right p.section-title { color: var(--primary); }
.sidebar-widget .circle-shape { width: 15px; height: 15px; border-radius: 50%; background: var(--primary); flex: none; }
.header-menu-wrap .navbar .menu li a[data-count]::after { content: " " attr(data-count); font-size: 10px; line-height: 12px; }
/* Tap targets: 44px minimum on touch screens (mobile-audit). */
@media (max-width: 1024px) { .ax-chip { min-height: 44px; display: inline-flex; align-items: center; } .ax-hero .author-info .ax-sign-link { min-height: 48px; justify-content: center; } }
/* Phones (from the 430px pass): statements at a reading size, figure cards shorter, and the service
   rows without their floating photograph, which lands on the next row's words at this width. */
@media (max-width: 809px) {
  .section-header .section-title, .about-sec .section-header .section-title { font-size: 30px; line-height: 38px; letter-spacing: -1px; }
  .about-sec .section-header + .section-header { margin-top: -60px; }
  .about-sec .section-header { margin-bottom: 80px; }
  .funfact-box { height: 200px; }
  .service-sec .service-lists-header { display: none; }
  .service-box .service-inner .title { font-size: 26px; line-height: 32px; }
  .service-box .service-inner { row-gap: 12px; }
  .service-sec .section-header { margin-bottom: 40px; }
}
/* The footer gets room above it (Matas 2026-10-05: "the text is right up at the top"). */
.footer-area { border-top: 1px solid #1f1f1f; }
.footer-area .footer-top { padding-top: 64px; }
@media (max-width: 1439px) { .footer-area .footer-top { padding-top: 56px; } }
@media (max-width: 809px) { .footer-area .footer-top { padding-top: 44px; } }
/* Short laptop screens (the client's 1536x730): the three-line headline scales with the window's
   HEIGHT as well as its width, so its last line and the button sit above the fold. Aixor's 96px
   is reached at 1440x900 exactly. */
@media (min-width: 810px) {
  .hero-sec .hero-bottom .ax-hero__title > span { font-size: clamp(52px, min(6.7vw, 10.6vh), 96px); line-height: 1; }
  .ax-hero--home .hero-inner { height: 100svh; min-height: 640px; }
}
.funfact-box .funfact-footer .number--long { font-size: clamp(30px, 3.3vw, 48px); line-height: 1.1; }

/* =====================================================================================
 * Round 2 (Matas 2026-10-05)
 * ===================================================================================== */

/* Figure cards: every photograph shows, all four alike (Monika 2026-10-06: a selected card and a
   hover change made figures look like links that led nowhere). */
.funfact-box { border-color: transparent; background: #0d0d0d; cursor: default; }
.funfact-box .overlay, .funfact-box:hover .overlay { opacity: 1; filter: grayscale(.3) saturate(.8) brightness(.5); transform: none; }
.funfact-box::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0) 55%, rgba(0,0,0,.55) 100%); border-radius: inherit; }


/* Project cards: the facts read as a caption - small spaced labels, the name larger. */
.feature-project-info-box .title { font-size: 12px; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; color: #777; }
.feature-project-info-box .subtitle { font-size: 16px; line-height: 24px; }
.feature-project-info-box:first-child .subtitle { font-size: 20px; line-height: 28px; letter-spacing: -.01em; }
.feature-project .feature-project-infos { padding-top: 4px; }
.feature-project .img-box { position: relative; }
.ax-idx { position: absolute; left: 20px; top: 20px; z-index: 2; padding: 8px 14px; border-radius: 30px; background: rgba(0,0,0,.45); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.14); font-size: 13px; line-height: 16px; font-variant-numeric: tabular-nums; color: #fff; }
/* The stacked home cards: the one being covered sinks back (ax.js drives --ax-sink). */
.feature-sec:not(.feature-sec-2) .feature-project { transform-origin: 50% 0; }
.feature-sec:not(.feature-sec-2) .feature-project::after { content: ""; position: absolute; inset: 0; z-index: 4; pointer-events: none; background: #000; opacity: var(--ax-sink, 0); border-radius: inherit; }

/* ---- "Mūsų kelias" timeline: bracketed years over dashed stems, a rail that fills with the
   scroll and lights each year as it arrives (ax.js adds .is-anim and moves .is-on). Without
   the script every year is lit and the rail is full. ---- */
.ax-timeline { padding: 96px 72px 120px; }
.ax-timeline .section-header2 { margin-bottom: 96px; }
.ax-tl-wrap { position: relative; }
.ax-tl { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.ax-tl__item { display: flex; flex-direction: column; align-items: flex-start; padding-right: 40px; }
.ax-tl__year { display: flex; align-items: center; gap: 10px; height: 48px; font-size: 40px; line-height: 48px; font-weight: 300; letter-spacing: -1px; font-variant-numeric: tabular-nums; color: var(--primary); transition: color .5s var(--ax-ease), opacity .5s; }
.ax-tl__year > span { color: var(--tertiary); font-weight: 200; }
.ax-tl__stem { display: block; width: 1px; height: 96px; margin: 20px 0 0 22px; background: repeating-linear-gradient(180deg, rgba(255,255,255,.55) 0 6px, transparent 6px 12px); transform-origin: 50% 0; transition: transform .7s var(--ax-ease), opacity .5s; }
.ax-tl__dot { position: relative; z-index: 1; display: block; width: 13px; height: 13px; margin-left: 16px; border-radius: 50%; border: 1px solid rgba(255,255,255,.6); background: #000; transition: background .4s, border-color .4s, box-shadow .4s; }
.ax-tl__text { margin: 32px 0 0; max-width: 240px; font-size: 16px; line-height: 26px; color: var(--secondary); transition: color .5s var(--ax-ease); }
/* the rail runs through the dots' centres: year 48 + stem margin 20 + stem 96 + half a dot 6.5 */
.ax-tl__rail { position: absolute; left: 0; right: 0; top: 170px; height: 1px; background: #2a2a2a; }
.ax-tl__fill { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(244,124,18,.15), var(--ax-accent)); transform-origin: 0 50%; }
.ax-tl__item .ax-tl__dot { border-color: var(--ax-accent); background: var(--ax-accent); box-shadow: 0 0 0 5px rgba(244,124,18,.18); }
.ax-tl-wrap.is-anim .ax-tl__item:not(.is-on) .ax-tl__year { color: #3d3d3d; }
.ax-tl-wrap.is-anim .ax-tl__item:not(.is-on) .ax-tl__stem { transform: scaleY(0); opacity: 0; }
.ax-tl-wrap.is-anim .ax-tl__item:not(.is-on) .ax-tl__dot { background: #000; border-color: #444; box-shadow: none; }
.ax-tl-wrap.is-anim .ax-tl__item:not(.is-on) .ax-tl__text { color: #3d3d3d; }
.ax-tl__item.is-now .ax-tl__year { color: var(--ax-accent); }
@media (max-width: 1439px) { .ax-timeline { padding: 72px 42px 96px; } .ax-tl__item { padding-right: 24px; } .ax-tl__year { font-size: 32px; } }
@media (max-width: 1023px) {
  .ax-tl { grid-template-columns: 1fr; row-gap: 40px; padding-left: 40px; }
  .ax-tl__rail { left: 6px; right: auto; top: 0; bottom: 0; width: 1px; height: auto; }
  .ax-tl__fill { transform-origin: 50% 0; background: linear-gradient(180deg, rgba(244,124,18,.15), var(--ax-accent)); }
  .ax-tl__item { position: relative; padding-right: 0; }
  .ax-tl__stem { display: none; }
  .ax-tl__dot { position: absolute; left: -40px; top: 18px; margin: 0; }
  .ax-tl__text { margin-top: 8px; max-width: 560px; }
}
@media (max-width: 809px) { .ax-timeline { padding: 56px 22px 72px; } .ax-timeline .section-header2 { margin-bottom: 56px; } }

/* ---- "Kam dirbame": three photo panels; the selected one widens and shows its text ---- */
.ax-aud { padding: 96px 72px 120px; }
.ax-aud .section-header2 { margin-bottom: 80px; }
.ax-aud__panels { display: flex; gap: 16px; height: 620px; }
.ax-aud__panel { position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-radius: 20px; background: #0d0d0d; cursor: pointer; transition: flex-grow .7s var(--ax-ease); outline-offset: 4px; }
.ax-aud__panel.active { flex-grow: 2.3; cursor: default; }
.ax-aud__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) brightness(.3); transform: scale(1.06); transition: filter .7s var(--ax-ease), transform 1.2s var(--ax-ease); }
.ax-aud__panel.active .ax-aud__bg { filter: grayscale(.15) brightness(.42); transform: scale(1); }
.ax-aud__panel::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.85) 100%); pointer-events: none; }
.ax-aud__content { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: 40px; }
.ax-aud__num { display: block; margin-bottom: 14px; font-family: var(--font_arapey); font-style: italic; font-size: 40px; line-height: 1; color: var(--ax-accent); }
.ax-aud__title { margin: 0; font-size: 32px; line-height: 40px; font-weight: 400; letter-spacing: -1px; color: var(--primary); }
.ax-aud__body { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .7s var(--ax-ease), opacity .4s; }
.ax-aud__panel.active .ax-aud__body { grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows .7s var(--ax-ease), opacity .6s .25s; }
.ax-aud__inner { overflow: hidden; width: 560px; max-width: 100%; }
.ax-aud__inner p { margin: 20px 0 0; font-size: 18px; line-height: 28px; color: rgba(255,255,255,.82); }
.ax-aud__inner ul { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; margin: 24px 0 0; padding: 0; list-style: none; }
.ax-aud__inner li { position: relative; padding-left: 18px; font-size: 15px; line-height: 22px; color: var(--primary); }
.ax-aud__inner li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background: var(--ax-accent); }
@media (max-width: 1439px) { .ax-aud { padding: 72px 42px 96px; } }
@media (max-width: 1023px) {
  .ax-aud__panels { flex-direction: column; height: auto; }
  .ax-aud__panel, .ax-aud__panel.active { flex: none; min-height: 460px; cursor: default; }
  .ax-aud__panel .ax-aud__body { grid-template-rows: 1fr; opacity: 1; }
  .ax-aud__panel .ax-aud__bg { filter: grayscale(.15) brightness(.4); transform: none; }
  .ax-aud__inner { width: auto; }
}
@media (max-width: 809px) { .ax-aud { padding: 56px 22px 72px; } .ax-aud__content { padding: 28px 24px; } .ax-aud__inner ul { grid-template-columns: 1fr; } .ax-aud__title { font-size: 26px; line-height: 32px; } }
@media (prefers-reduced-motion: reduce) { .ax-aud__panel, .ax-aud__bg, .ax-aud__body, .ax-tl__stem { transition: none; } }

/* =====================================================================================
 * Round 3 (Matas 2026-10-05)
 * ===================================================================================== */

/* Home hero credit pops in after the page settles: the marker, then its line, then the card;
   the marker keeps a slow ring pulse. */
.ax-pin i { animation: ax-pin-pop .6s cubic-bezier(.3, 1.6, .5, 1) .5s both; }
.ax-pin i::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgba(244,124,18,.75); animation: ax-pin-ring 2.6s ease-out 1.8s infinite; opacity: 0; }
.ax-pin b { transform-origin: 0 0; animation: ax-pin-line .45s var(--ax-ease) 1s both; }
.ax-pin a { transform-origin: 0 100%; animation: ax-pin-card .8s cubic-bezier(.2, 1.25, .3, 1) 1.3s both; }
@keyframes ax-pin-pop { from { transform: scale(0); } to { transform: scale(1); } }
@keyframes ax-pin-ring { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(3.2); opacity: 0; } }
@keyframes ax-pin-line { from { transform: rotate(-24deg) scaleX(0); } to { transform: rotate(-24deg) scaleX(1); } }
@keyframes ax-pin-card { from { opacity: 0; transform: translate(-14px, 12px) scale(.9); } to { opacity: 1; transform: none; } }

/* Every page head: the title lines rise in, then the line and signature above them. */
.ax-hero .ax-hero__title > span { animation: ax-rise 1.1s var(--ax-ease) both; }
.ax-hero .ax-hero__title > span:nth-child(2) { animation-delay: .12s; }
.ax-hero .ax-hero__title > span:nth-child(3) { animation-delay: .24s; }
.ax-hero .hero-top, .ax-hero .hero-bottom .theme-btn, .ax-hero .ax-404-actions { animation: ax-fade 1s var(--ax-ease) .45s both; }
@keyframes ax-rise { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: none; } }
@keyframes ax-fade { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

/* Karjera values: the selected line's photograph pops in beside it, whole and upright. */
.ax-values .awards-box { overflow: visible; }
.ax-values .awards-box.active { z-index: 3; }
.ax-values .awards-box .awards-inner { position: relative; }
.ax-pop { position: absolute; right: 12%; top: 50%; z-index: 2; width: 210px; aspect-ratio: 546 / 768; border-radius: 14px; overflow: hidden; pointer-events: none; box-shadow: 0 30px 60px rgba(0,0,0,.55); opacity: 0; transform: translateY(-50%) scale(.8) rotate(-4deg); transition: opacity .35s var(--ax-ease), transform .6s cubic-bezier(.2, 1.3, .3, 1); }
.ax-pop img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ax-values .awards-box.active .ax-pop, .ax-values .awards-box:hover .ax-pop { opacity: 1; transform: translateY(-50%) scale(1) rotate(3deg); }
.ax-values .awards-box .overlay { display: none; }
.ax-values .awards-box.active, .ax-values .awards-box:hover { background: #111; }
@media (max-width: 1023px) { .ax-pop { display: none; } }

/* Kontaktai: the map marker pulses like the home hero's. */
.as-kont-map__marker .rd-kont-pin { position: relative; }
.as-kont-map__marker .rd-kont-pin::after { content: ""; position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgba(244,124,18,.75); animation: ax-pin-ring 2.6s ease-out 1s infinite; opacity: 0; }
.ax-kont-big.split-text-anim { overflow: hidden; padding-bottom: 4px; }

@media (prefers-reduced-motion: reduce) {
  .ax-pin i, .ax-pin i::after, .ax-pin b, .ax-pin a, .ax-hero .ax-hero__title > span, .ax-hero .hero-top, .ax-hero .hero-bottom .theme-btn, .ax-hero .ax-404-actions, .as-kont-map__marker .rd-kont-pin::after { animation: none; }
  .ax-pin b { transform: rotate(-24deg); }
  .ax-pop { transition: none; }
}

/* =====================================================================================
 * Round 4 (Monika's review 2026-10-06, plus Matas: the SITIS card a real link)
 * ===================================================================================== */

/* Heads: the page's name alone, one line, one step larger; nothing at the top left, so the
   bottom row keeps to the bottom on its own. A long name (a project type) keeps the old size. */
.ax-hero .hero-inner > .hero-bottom { margin-top: auto; }
.hero-sec.ax-hero--one .hero-bottom .ax-hero__title > span { font-size: 128px; line-height: 1.04; }
@media (min-width: 810px) { .hero-sec.ax-hero--one .hero-bottom .ax-hero__title > span { font-size: clamp(64px, min(8.9vw, 14vh), 128px); } }
@media (min-width: 810px) { .hero-sec.ax-hero--one.ax-hero--long .hero-bottom .ax-hero__title > span { font-size: clamp(52px, min(6.7vw, 10.6vh), 96px); } }
@media (max-width: 809px) { .hero-sec.ax-hero--one .hero-bottom .ax-hero__title > span { font-size: 56px; line-height: 60px; } .hero-sec.ax-hero--one.ax-hero--long .hero-bottom .ax-hero__title > span { font-size: 44px; line-height: 48px; } }

/* The SITIS card: the text layer over the photo let no click through, so the card never worked.
   The layer now passes the pointer on, its own links excepted. Hover lifts the card (the
   `translate` property, separate from the entrance animation's transform), warms its edge,
   turns the arrow and swells the dot. */
.ax-hero--home > .custom-container, .ax-hero--home .hero-inner { pointer-events: none; }
.ax-hero--home .hero-inner a, .ax-hero--home .hero-inner button { pointer-events: auto; }
.ax-pin a { display: block; padding-right: 60px; cursor: pointer; transition: background .35s, border-color .35s, box-shadow .45s var(--ax-ease), translate .45s var(--ax-ease); }
.ax-pin__go { position: absolute; right: 16px; top: 50%; width: 32px; height: 32px; margin-top: -16px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.28); color: var(--primary); font-style: normal; transition: background .35s, border-color .35s, transform .45s var(--ax-ease); }
.ax-pin__go svg { width: 11px; height: 11px; }
.ax-pin a:hover, .ax-pin a:focus-visible { background: rgba(18,18,18,.82); border-color: rgba(244,124,18,.6); translate: 0 -4px; box-shadow: 0 20px 44px rgba(0,0,0,.5); }
.ax-pin a:hover .ax-pin__go, .ax-pin a:focus-visible .ax-pin__go { background: var(--ax-accent); border-color: var(--ax-accent); transform: rotate(45deg); }
.ax-pin a:focus-visible { outline: 2px solid var(--ax-accent); outline-offset: 3px; }
.ax-pin i { transition: scale .35s var(--ax-ease); }
.ax-pin b { transition: background .35s; }
.ax-pin:hover i, .ax-pin:focus-within i { scale: 1.3; }
.ax-pin:hover b, .ax-pin:focus-within b { background: rgba(244,124,18,.85); }

/* Services in two columns (the photo column went): name, then its description at a reading
   width under "Aprašymas". */
@media (min-width: 810px) {
  .ax-svc-2col .service-lists-header .custom-container, .ax-svc-2col .service-box .service-inner { grid-template-columns: 1fr 2fr; }
  .ax-svc-2col .service-box .service-inner .service-feature-lists { max-width: 700px; }
}

/* "Objektai" (Paslaugos): the latest projects as a carousel - native scrolling with snap, so a
   trackpad, a finger, the keyboard (the track is focusable) and the arrow buttons all move it;
   a mouse can drag it (ax.js). */
.ax-objs { padding: 128px 0; overflow: hidden; }
.ax-objs .section-header2 { margin-bottom: 56px; padding: 0 72px; }
.ax-objs__track { display: flex; gap: 24px; margin: 0; padding: 0 72px 4px; list-style: none; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 72px; scrollbar-width: none; cursor: grab; }
.ax-objs__track::-webkit-scrollbar { display: none; }
.ax-objs__track.is-dragging { cursor: grabbing; scroll-snap-type: none; }
.ax-objs__track.is-dragging .ax-obj { pointer-events: none; }
.ax-objs__track:focus-visible { outline: 2px solid var(--ax-accent); outline-offset: 6px; }
.ax-objs__item { flex: 0 0 clamp(280px, 29vw, 440px); scroll-snap-align: start; }
.ax-obj { display: block; color: var(--primary); }
.ax-obj__img { position: relative; display: block; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: #111; }
.ax-obj__img img { display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.85) brightness(.82); transition: transform .8s var(--ax-ease), filter .5s var(--ax-ease); -webkit-user-drag: none; user-select: none; }
.ax-obj:hover .ax-obj__img img, .ax-obj:focus-visible .ax-obj__img img { transform: scale(1.05); filter: none; }
.ax-obj__go { position: absolute; right: 16px; bottom: 16px; width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(13,13,13,.55); border: 1px solid rgba(255,255,255,.25); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: var(--primary); opacity: 0; transform: translateY(8px); transition: opacity .35s, transform .45s var(--ax-ease), background .35s, border-color .35s; }
.ax-obj:hover .ax-obj__go, .ax-obj:focus-visible .ax-obj__go { opacity: 1; transform: none; background: var(--ax-accent); border-color: var(--ax-accent); }
.ax-obj:focus-visible { outline: none; }
.ax-obj:focus-visible .ax-obj__img { outline: 2px solid var(--ax-accent); outline-offset: 3px; }
.ax-obj__name { display: block; margin-top: 20px; font-size: 20px; line-height: 28px; letter-spacing: -0.01em; }
.ax-obj__meta { display: block; margin-top: 4px; font-size: 14px; line-height: 20px; color: var(--secondary); }
.ax-objs__bar { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 48px; padding: 0 72px; }
.ax-objs__nav { display: flex; gap: 12px; }
.ax-objs__btn { width: 56px; height: 56px; padding: 0; border-radius: 50%; border: 1px solid #333; background: transparent; color: var(--primary); display: grid; place-items: center; cursor: pointer; transition: background .3s, border-color .3s, color .3s, opacity .3s; }
.ax-objs__btn svg { width: 14px; height: 14px; }
.ax-objs__btn--next svg { transform: rotate(45deg); }
.ax-objs__btn--prev svg { transform: rotate(-135deg); }
.ax-objs__btn:hover:not(:disabled) { background: var(--primary); border-color: var(--primary); color: #000; }
.ax-objs__btn:disabled { opacity: .3; cursor: default; }
.ax-objs__btn:focus-visible { outline: 2px solid var(--ax-accent); outline-offset: 3px; }
@media (max-width: 1439px) {
  .ax-objs .section-header2, .ax-objs__bar { padding: 0 42px; }
  .ax-objs__track { padding-left: 42px; padding-right: 42px; scroll-padding-inline: 42px; }
}
@media (max-width: 809px) {
  .ax-objs { padding: 64px 0; }
  .ax-objs .section-header2 { margin-bottom: 32px; }
  .ax-objs .section-header2, .ax-objs__bar { padding: 0 22px; }
  .ax-objs__track { gap: 16px; padding-left: 22px; padding-right: 22px; scroll-padding-inline: 22px; }
  .ax-objs__item { flex-basis: 82vw; }
  .ax-objs__bar { margin-top: 32px; }
  .ax-objs__btn { width: 48px; height: 48px; }
}

/* Values (Apie mus): a two-by-two grid of text cards, no photographs, nothing to hover. */
.ax-vals { padding: 90px 0 128px; }
.ax-vals .custom-container { max-width: 100%; padding: 0 72px; }
.ax-vals .section-header { margin-bottom: 48px; }
.ax-vals__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 0; padding: 0; list-style: none; }
.ax-vals__card { padding: 40px 48px 44px; border-radius: 20px; background: linear-gradient(180deg, #141414 0%, #0b0b0b 100%); border: 1px solid #242424; }
.ax-vals__num { display: block; font-size: 16px; line-height: 20px; font-weight: 500; color: var(--ax-accent); }
.ax-vals__title { margin: 24px 0 16px; font-size: 32px; line-height: 40px; letter-spacing: -0.02em; font-weight: 400; color: var(--primary); }
.ax-vals__card p { margin: 0; font-size: 16px; line-height: 28px; color: var(--secondary); }
@media (max-width: 1439px) {
  .ax-vals .custom-container { padding: 0 42px; }
  .ax-vals__card { padding: 36px 36px 40px; }
  .ax-vals__title { font-size: 28px; line-height: 36px; }
}
@media (max-width: 1023px) { .ax-vals__grid { grid-template-columns: 1fr; } }
@media (max-width: 809px) {
  .ax-vals { padding: 64px 0; }
  .ax-vals .custom-container { padding: 0 22px; }
  .ax-vals .section-header { margin-bottom: 32px; }
  .ax-vals__grid { gap: 16px; }
  .ax-vals__card { padding: 32px 24px; }
  .ax-vals__title { font-size: 24px; line-height: 32px; }
}

/* Card names upright ("Kaip dirbame" steps, Karjera benefits): Monika felt the italic did not fit. */
.team-member-box .content .name { font-style: normal; }

/* The form headings' second voice in the company's orange, on every page (Monika). */
.contact-sec .contact-content .ax-connect span, .ax-kont__form .ax-connect span { color: var(--ax-accent); -webkit-text-fill-color: var(--ax-accent); }

/* The footer ends with its three columns (the big name went): the same room below as above. */
.footer-area .footer-top { padding-bottom: 64px; }
@media (max-width: 1439px) { .footer-area .footer-top { padding-bottom: 56px; } }
@media (max-width: 809px) { .footer-area .footer-top { padding-bottom: 44px; } }

/* A project photo too small for the full width: shown no larger than it is, over a blurred,
   darkened copy of itself that fills the band; no zoom. */
.project-single-wrap .ax-fullband.ax-fullband--small { display: grid; place-items: center; height: auto; min-height: 420px; padding: 48px 16px; background: #0d0d0d; }
.project-single-wrap .ax-fullband--small > .ax-fullband__blur { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: blur(40px) saturate(.7) brightness(.35); transform: scale(1.2); }
.project-single-wrap .ax-fullband--small > .ax-fullband__photo { position: relative; z-index: 1; width: min(100%, var(--ax-natural)); height: auto; object-fit: contain; border-radius: 16px; filter: none; box-shadow: 0 24px 60px rgba(0,0,0,.5); }
@media (max-width: 809px) { .project-single-wrap .ax-fullband.ax-fullband--small { min-height: 0; padding: 24px 16px; } }

@media (prefers-reduced-motion: reduce) {
  .ax-pin a, .ax-pin__go, .ax-pin i, .ax-obj__img img, .ax-obj__go { transition: none; }
}

/* =====================================================================================
 * Mobile pass (Matas 2026-10-06: phone animations late and too high, hover effects with no hover)
 * ===================================================================================== */

/* Under 1024px the fade travels 32px, not 100px: with the 0.45s duration set in ax.js the block is
   in place while it is still low on the screen. The "aos-animate" end state still wins. */
@media (max-width: 1023px) {
  html.ax-aos [data-aos=fade-up] { transform: translate3d(0, 32px, 0); }
  html.ax-aos [data-aos=fade-right] { transform: translate3d(-32px, 0, 0); }
  html.ax-aos [data-aos=fade-left] { transform: translate3d(32px, 0, 0); }
}

/* Touch screens and narrow windows read top to bottom: every service and value row fully lit, no
   selected row (Matas 2026-10-06: "dark until you click on them" makes no sense on a phone). ax.js
   does not bind the pointer selection there; the first row's server-side .active is neutralised. */
@media (hover: none), (max-width: 1023px) {
  .service-box, .service-box.active, .service-box:hover { background: transparent; }
  .service-box .service-inner .title, .service-box .service-inner .service-feature-lists,
  .service-box.active .service-inner .title, .service-box.active .service-inner .service-feature-lists { opacity: 1; }
  .awards-box .awards-inner h3, .awards-box.active .awards-inner h3 { background: none; -webkit-text-fill-color: currentColor; color: var(--primary); }
  .ax-values .ax-pop { display: none; }
  .ax-values .awards-box, .ax-values .awards-box.active, .ax-values .awards-box:hover { background: transparent; }
}
@media (hover: none) { .ax-obj__go { opacity: 1; transform: none; } }

/* ---- Dark on dark (Matas 2026-10-06), every value from a contrast measurement of all text on
   every page at 390 and 1536px against WCAG AA (4.5:1, 3:1 from 24px). ---- */
/* Aixor's third grey (#666, 3.7:1 on black) carried footer headings, the copyright lines, project
   texts, placeholders and notes: #8a8a8a is 6.1:1 on black and 4.8:1 on the #1f1f1f card edge. */
:root { --tertiary: #8a8a8a; }
/* A project's description is the page's reading text, not a caption. */
/* (Aixor hard-codes #666 on these paragraphs and list items, not through the token.) */
.project-single-content-wrap .section-header .section-desc, .project-single-content-wrap .section-header .section-desc p,
.project-single-content-wrap .section-header .ax-prose p, .project-single-content-wrap .section-header .ax-prose li { color: #b3b3b3; }
.feature-project-info-box .title { color: var(--tertiary); }
.ax-pin span { color: #b3b3b3; }
/* Desktop service rows: the others dim to 60%, not 40% (3.7:1); the numeral is white so it dims to
   the same 7.4:1 instead of 1.9:1. The pointer still lifts the row it is on. */
@media (hover: hover) and (min-width: 1024px) {
  .service-box .service-inner .title, .service-box .service-inner .service-feature-lists { opacity: .6; }
}
.service-box .service-inner .title .ax-num { color: var(--primary); }
/* Timeline years not reached yet: readable grey instead of #3d3d3d (1.9:1); reached ones still go white. */
.ax-tl-wrap.is-anim .ax-tl__item:not(.is-on) .ax-tl__year { color: #6b6b6b; }
.ax-tl-wrap.is-anim .ax-tl__item:not(.is-on) .ax-tl__text { color: var(--tertiary); }

/* ---- Phone layout pass (2026-10-06): an independent audit at 390x844 measured each item below. ---- */

/* Statements and headings do not end on one lonely word ("visuomenei."). */
.section-title, .ax-hero__title, .ax-connect { text-wrap: pretty; }
/* A phone number never breaks across lines ("+370 / 68452042" on the privacy page). */
a[href^="tel:"] { white-space: nowrap; }

/* The privacy note under the Kontaktai form sat on the button (0px): `.contact-form p` outranked it. */
.contact-form .ax-form-note { margin-top: 24px; }

/* "Kitos naujienos" had 34px on the left and 45px on the right (Aixor's recent-posts widget); the same
   34/34 as the card under it. */
.blog-sidebar .sidebar-widget-recent-post { padding: 40px 34px; }

/* The CV card's small note: #666 on near-black was ~3.4:1. */
.team-cv-box .team-cv-header .ax-cv-note { color: var(--secondary); }

/* Kam dirbame below 1024px: the number sits in the same top corner of every card and the words keep
   to the bottom in the flow, so a longer text grows the card instead of spilling out of it (the
   first card overflowed by 12px and the three numbers sat 16/100/44px from the top). */
@media (max-width: 1023px) {
  .ax-aud__panel, .ax-aud__panel.active { display: flex; flex-direction: column; justify-content: flex-end; }
  .ax-aud__content { position: static; padding-top: 104px; }
  .ax-aud__num { position: absolute; z-index: 1; top: 40px; left: 40px; margin: 0; }
  .ax-aud__title, .ax-aud__body { position: relative; z-index: 1; }
}

@media (max-width: 809px) {
  /* One 22px gutter down the whole left edge (it drifted 20/22/25/26). */
  .contact-sec { padding-left: 22px; padding-right: 22px; }
  .footer-area .footer-top { padding-left: 22px; padding-right: 22px; }
  .awards-box .awards-inner, .ax-values .awards-box .awards-inner, .team-sec { padding-left: 22px; padding-right: 22px; }
  .service-box .service-inner { padding-left: 22px; padding-right: 22px; }
  .service-box .service-inner .title, .service-box .service-inner .service-feature-lists { padding-left: 0; padding-right: 0; }
  .blog-sidebar .ax-back { margin-left: 0; }

  /* The home first screen: 100svh (the screen with Safari's bars showing), not Aixor's 100vh + 36px,
     which put the button on or under the fold. */
  .ax-hero--home .hero-inner { height: 100svh; min-height: 560px; }

  /* Section rhythm: the contact block had no room above it (25-65px), Paslaugos ran 154/120/72px. */
  .contact-sec { padding-top: 64px; }
  .ax-related { padding-bottom: 32px; }
  .ax-objs { padding-top: 32px; }
  .process-sec.ax-process-4 { padding-top: 48px; padding-bottom: 32px; }
  .about-sec .section-header + .section-header { margin-top: -32px; }

  /* "Kaip dirbame": the desktop 72px side padding and 55px card padding left a 116px text column. */
  .process-sec.ax-process-4 { padding-left: 22px; padding-right: 22px; }
  .ax-process-4 .process-box .content { padding: 0 20px; }
  .ax-process-4 .process-box .img-box { height: auto; aspect-ratio: 4 / 3; }
  .ax-process-4 .process-box .content p { font-size: 15px; line-height: 22px; }

  /* Project cards: one 4:3 picture everywhere (it was 493 / 300 / 360px tall and the home cards were
     a fixed 98vh with 43% of each photo showing). The home stack still sticks; each card is as tall
     as its content. */
  /* (The article page's lead picture is a .feature-project too, with its own height: left out, or the
     ratio turns that height into a 400px width on a 346px column.) */
  .feature-project:not(.ax-art-lead), .feature-sec-2 .feature-project, .feature-project-2:not(.ax-art-lead) { height: auto; padding: 12px 12px 24px; }
  .feature-project.feature-project:not(.ax-art-lead) > .img-box, .ax-projects .feature-project:not(.feature-project-2) > .img-box, .ax-related .feature-project-2 > .img-box { flex: none; height: auto; aspect-ratio: 4 / 3; }
  .feature-project.feature-project:not(.ax-art-lead) > .img-box:not(.rd-ntile) img { width: 100%; height: 100%; object-fit: cover; }
  .project-single-wrap > .feature-project.feature-project { padding: 0; } /* the project page's lead stays edge to edge */

  /* The project page photo: 390x676 showed 38% of a 3:2 photo; the facts row on the 22px gutter. */
  .project-single-wrap .ax-fullband { height: 300px; }
  .project-single-wrap .feature-project .feature-project-infos { padding: 32px 22px; }

  /* Kam dirbame on a phone: the card's inner padding is 24px, so the number follows it. */
  .ax-aud__content { padding-top: 88px; }
  .ax-aud__num { top: 28px; left: 24px; }

  /* The CV card: no 98px hole above the button, and the rings stay off the words. */
  .team-cv-box { min-height: 0; gap: 32px; justify-content: flex-start; }
  .team-cv-box .ax-cv-rings::before { left: auto; right: -200px; top: auto; bottom: -180px; }
  .team-cv-box .ax-cv-rings::after { display: none; }

  /* Article galleries on a phone: one photo per row at its own shape - portrait photos were cropped
     to half their height in landscape tiles. */
  .rd-artgal { grid-template-columns: 1fr; gap: 16px; }
  .rd-artgal > figure.wp-block-image, .rd-artgal > figure.wp-block-image.is-third { grid-column: auto; aspect-ratio: auto; }
  .blog-detail-sec .rd-artgal > figure.wp-block-image img { height: auto; }

  /* Footer: the desktop columns stacked as they were put the copyright between the menus and an 80px
     hole under each list. Now: contact first, the two link lists side by side, the two small lines
     together at the bottom. */
  .footer-area .footer-top > .row { display: grid; grid-template-columns: 1fr 1fr; gap: 40px 16px; }
  .footer-area .footer-top > .row > .col-md-3, .footer-area .footer-top > .row > .col-md-3 > .footer-widget { display: contents; }
  .footer-area .footer-contact-infos { order: 1; grid-column: 1 / -1; align-items: flex-start; text-align: left; }
  .footer-area .footer-contact-infos .footer-widget-top, .footer-area .footer-contact-infos .links { align-items: flex-start; text-align: left; }
  .footer-area .footer-top > .row > .col-md-3:first-child .footer-widget-top { order: 2; }
  .footer-area .footer-top > .row > .col-md-3:nth-child(3) .footer-widget-top { order: 3; }
  .footer-area .footer-top > .row > .col-md-3:first-child .copyright { order: 4; grid-column: 1 / -1; padding-top: 24px; border-top: 1px solid #1f1f1f; }
  .footer-area .footer-top > .row > .col-md-3:nth-child(3) .copyright { order: 5; grid-column: 1 / -1; margin-top: -32px; justify-content: flex-start; text-align: left; }
}

/* The home video is a moving picture, not a player (Matas 2026-10-07): it takes no clicks or taps,
   iOS never draws its play button over it, and a long press does not offer "Save video". */
.ax-videoband { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.ax-videoband video { pointer-events: none; }
.ax-videoband video::-webkit-media-controls, .ax-videoband video::-webkit-media-controls-start-playback-button,
.ax-videoband video::-webkit-media-controls-overlay-play-button { display: none !important; -webkit-appearance: none; }
/* The client's own footage (2026-10-07) is bright daylight: the stand-in clip's heavy grade
   (saturate .55, brightness .75) turned it muddy. A light grade keeps the projects true-coloured and
   still sits on the dark page. Photos in the other bands keep theirs. */
.ax-fullband.ax-videoband > video { filter: saturate(.85) contrast(1.04) brightness(.88); }

/* =====================================================================================
 * Review notes in Figma (2026-10-14)
 * ===================================================================================== */

/* 1. Montserrat everywhere: both of Aixor's font slots point at it. Running text at 400 (Montserrat
   at Urbanist's 500 reads bold); headings medium (500), tighter as they grow. */
:root { --font_urbanist: "Montserrat", system-ui, sans-serif; --font_arapey: "Montserrat", system-ui, sans-serif; }
body { font-weight: 400; }
.section-title.section-title2 { font-weight: 500; letter-spacing: -0.04em; }
.hero-sec .hero-bottom .ax-hero__title > span { font-weight: 500; letter-spacing: -0.045em; }
/* The second voice of a heading ("Naujausi", "Aptarkime.", the hero's first line) is no longer
   italic: Matas chose upright Montserrat at the same medium weight (2026-10-14, after comparing
   italic and upright side by side). The colour and gradient still tell the voices apart. */
.section-title.section-title2, .section-title.section-title2 span, .hero-sec .hero-bottom .ax-hero__title > .ax-it,
.contact-sec .contact-content .ax-connect span, .ax-kont__form .ax-connect span, .ax-aud__num { font-style: normal; font-weight: 500; }

/* 3. Section labels: a short orange dash instead of the barcode, a little larger. */
.section-subtitle { font-size: 16px; line-height: 20px; gap: 0; }
.section-subtitle .ax-dash { display: inline-block; flex: none; width: 18px; height: 2px; margin-right: 12px; background: var(--ax-accent); border-radius: 1px; }

/* 2. Menu and footer links in normal case; only the footer column headings stay in capitals. */
.header-menu-wrap .navbar .menu li a { text-transform: none; letter-spacing: 0; font-size: 15px; font-weight: 500; }
.footer-link ul li a { text-transform: none; letter-spacing: 0; }

/* 9. Value titles with plain numbers ("1. Kokybė ...") - the small orange numeral is gone. */
.ax-vals__title { margin-top: 0; }

/* 10. Karjera values: more room between a value and its gloss. */
.awards-box .awards-inner { gap: 24px; }

/* 11. Karjera CV card: the rings quieter and away from the words. */
.team-cv-box .ax-cv-rings::before, .team-cv-box .ax-cv-rings::after { border-color: rgba(255,255,255,.16); box-shadow: none; }
@media (min-width: 810px) { .team-cv-box .ax-cv-rings::before { left: -190px; top: auto; bottom: -230px; } }

/* 12. Paslaugos: no label, the statement is the heading and starts at the left edge. */
.ax-solo-head { display: block; }
.ax-solo-head .section-title { width: auto; max-width: 1180px; margin: 0; }

/* 13. Page titles larger (they scale with the window's height as well, for the client's 1536x730),
   and the project type filters larger. */
@media (min-width: 810px) {
  .hero-sec.ax-hero--one .hero-bottom .ax-hero__title > span { font-size: clamp(64px, min(10vw, 17vh), 144px); }
  .hero-sec.ax-hero--one.ax-hero--long .hero-bottom .ax-hero__title > span { font-size: clamp(52px, min(7vw, 12vh), 104px); }
}
@media (min-width: 810px) { .ax-chip { font-size: 18px; line-height: 24px; min-height: 60px; padding: 0 32px; display: inline-flex; align-items: center; } }

/* 14. Naujienos list: the word once, at the left, larger and wider. */
.ax-blog-head--list .section-header { display: block; }
.ax-blog-head--list .section-header .right { width: auto; margin: 0; }
.ax-blog-head--list .section-header .section-title { font-size: clamp(56px, 6vw, 88px); line-height: 1.05; letter-spacing: -0.04em; font-weight: 500; }
.ax-blog-head--list .ax-blog-head__desc { max-width: 960px; margin-top: 24px; font-size: 20px; line-height: 32px; color: var(--secondary); }
@media (max-width: 809px) { .ax-blog-head--list .section-header .section-title { font-size: 44px; } .ax-blog-head--list .ax-blog-head__desc { font-size: 17px; line-height: 27px; } }

/* 17. Project page: the facts under the name, larger, between thin dividers (their mock-up). */
.project-single-wrap .ax-single-head .section-title { font-size: 56px; line-height: 64px; letter-spacing: -0.04em; font-weight: 500; }
.ax-pfacts { display: flex; flex-wrap: wrap; row-gap: 20px; margin: 32px 0 0; padding: 0; }
.ax-pfacts > div { padding: 0 32px; border-left: 1px solid #333; }
.ax-pfacts > div:first-child { padding-left: 0; border-left: 0; }
.ax-pfacts dt { margin: 0 0 6px; font-size: 12px; line-height: 16px; letter-spacing: .08em; text-transform: uppercase; color: var(--tertiary); }
.ax-pfacts dd { margin: 0; font-size: 22px; line-height: 30px; font-weight: 500; color: var(--primary); }
@media (max-width: 809px) {
  .project-single-wrap .ax-single-head .section-title { font-size: 34px; line-height: 42px; }
  .ax-pfacts > div { padding: 0 18px; }
  .ax-pfacts dd { font-size: 18px; line-height: 26px; }
}

/* 18. Project description: 16px, at most 640px wide (it was 20px and 860px). */
.project-single-content-wrap .ax-prose, .project-single-content-wrap .ax-prose p, .project-single-content-wrap .ax-prose li { font-size: 16px; line-height: 28px; }
.project-single-content-wrap .section-header .right.ax-prose { max-width: 640px; }

/* 8. Home and Apie mus figure cards, desktop with a mouse: the photo grows a little and brightens,
   with a soft glow behind the card. Still not a link: no arrow, no hand cursor. */
@media (hover: hover) and (min-width: 1024px) {
  .funfact-box { transition: box-shadow .6s var(--ax-ease); }
  .funfact-box .overlay { transition: transform .9s var(--ax-ease), filter .6s var(--ax-ease); }
  .funfact-box:hover { box-shadow: 0 0 0 1px rgba(244,124,18,.35), 0 24px 70px -18px rgba(244,124,18,.45); }
  .funfact-box:hover .overlay { transform: scale(1.06); filter: grayscale(0) saturate(1) brightness(.72); }
}

/* 4-5, 15-16. Space: every gap the notes measured comes down to about 115px (they asked <=120),
   desktop and tablet; phones keep their own rhythm from the mobile pass. */
@media (min-width: 810px) {
  .ax-hero--home .hero-inner { padding-bottom: 136px; }             /* 5. headline and button lifted ~96px */
  .contact-sec { padding-top: 24px; }                                /* every "... -> Turite projektą?" gap */
  .ax-timeline { padding-bottom: 90px; }
  .ax-vals { padding-top: 24px; padding-bottom: 24px; }              /* Apie: figures -> values -> Istorija */
  .ax-timeline { padding-top: 90px; }
  .service-sec.ax-services { padding-top: 24px; padding-bottom: 0; } /* Paslaugos: head -> statement, rows -> Objektai */
  .ax-objs { padding-top: 80px; padding-bottom: 24px; }
  .ax-aud { padding-top: 90px; }
  .ax-projects { padding-top: 24px; }                                /* Projektai: head -> filters */
  .ax-kont { padding-top: 24px; }                                    /* Kontaktai: head -> phone and form */
  .awards-sec.ax-values { padding-bottom: 40px; }                    /* Karjera: values -> Kodėl verta */
  .pj-gallery .section-header { padding-top: 24px; }                 /* project: description -> Galerija */
  .ax-related { padding-top: 24px; }                                 /* project: gallery -> Kiti projektai */
}
/* Montserrat is ~12% wider than Urbanist: "Turite projektą?" broke over two lines in the form
   column at 96px. Sized so the question keeps one line from 810px up. */
@media (min-width: 810px) { .contact-sec .contact-content .ax-connect { font-size: clamp(44px, 4.5vw, 80px); line-height: 1.08; } }
/* (Page stylesheets load after this file, so the overrides for their sections carry an extra class.)
   The header's photo fades to black below its button, so the space a reader sees is button to text:
   every inner page now keeps ~120px there (Apie mus and Karjera share the header; same rule). */
@media (min-width: 810px) {
  .ax-kont.ax-kont { padding-top: 24px; }
  .pj-gallery.pj-gallery .section-header { padding-top: 24px; }
  .ax-hero--page + .about-sec { padding-top: 24px; }
  .ax-projects.ax-projects, .ax-related.ax-related { padding-bottom: 106px; } /* list / Kiti projektai -> the form (was 56 after the form lost its top) */
}
/* ---- After the visual review of the font change (2026-10-14) ---- */
/* Paslaugos steps: the number on a small dark badge, legible on light photos (it was 1.5-3.5:1). */
.ax-process-4 .process-box .img-box .number { left: 16px; top: 16px; padding: 6px 12px; border-radius: 20px; font-size: 20px; line-height: 24px; background: rgba(0,0,0,.6); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
/* Paslaugos rows: "1. Generalinė ranga" at title size on the first line, as on Apie mus and Karjera
   (the small number centred itself on multi-line titles); a wider name column. */
.ax-services .service-box .service-inner .title { align-items: baseline; gap: 10px; }
.ax-services .service-box .service-inner .title .ax-num { flex: none; font-size: inherit; line-height: inherit; letter-spacing: inherit; min-width: 0; color: inherit; }
@media (min-width: 810px) { .ax-svc-2col .service-lists-header .custom-container, .ax-svc-2col .service-box .service-inner { grid-template-columns: minmax(0, 1.3fr) minmax(0, 2fr); } }
/* Value cards side by side: titles share a row height, so the texts start level. */
.ax-vals__card { display: grid; grid-row: span 2; grid-template-rows: subgrid; row-gap: 16px; }
.ax-vals__card .ax-vals__title, .ax-vals__card p { margin: 0; }
/* Karjera CV card: one ring, bottom right, clear of the words and the button. */
.team-cv-box .ax-cv-rings::before { display: none; }
/* No lonely last word in statements and titles. */
.section-title, .ax-hero__title, .ax-connect, .awards-box h3 { text-wrap: balance; }
@media (max-width: 809px) {
  /* Phone headlines sized for Montserrat's width: the home hero keeps its three lines, the form
     question one line, the value names one line. */
  .ax-hero--home .hero-bottom .ax-hero__title > span { font-size: clamp(28px, 8.2vw, 40px); line-height: 1.12; }
  .contact-sec .contact-content .ax-connect { font-size: clamp(30px, 8.6vw, 44px); line-height: 1.12; }
  .awards-box .awards-inner h3 { font-size: clamp(24px, 7.2vw, 34px); line-height: 1.2; }
  /* Kam dirbame cards: photo strip on top, then number, name and text in one flow, so the number
     sits the same distance from the top and from the name in every card. */
  .ax-aud__panel, .ax-aud__panel.active { min-height: 0; }
  .ax-aud__content { position: relative; padding-top: 150px; }
  .ax-aud__num { position: static; margin: 0 0 12px; }
}
/* No italic anywhere (Matas 2026-10-14): the form lead line and the Kontaktai page too (its page
   stylesheet loads after this file, hence the doubled classes). */
.contact-sec .contact-content > p, .ax-kont__lead.ax-kont__lead, .ax-kont__urgent.ax-kont__urgent h3, .ax-kont__form.ax-kont__form .ax-connect span { font-style: normal; }