:root { --attors-edge: 30px; --attors-container: 1600px; --attors-content-pad: max(40px, calc((100% - var(--attors-container)) / 2)); --attors-radius: 20px; --attors-button-radius: 10px; --attors-button-ease: cubic-bezier(.2, .75, .25, 1); --attors-stack-kicker: 26px; --attors-stack-copy: 18px; --attors-stack-action: 28px; --attors-cyan: #007fa3; --attors-ink: #04051a; --attors-soft: #f6f6f6; } html { max-width: 100%; overflow-x: hidden; scroll-padding-top: 100px; } body { background: #fff; color: #0f0f0f; font-family: Manrope, sans-serif; font-weight: 400; max-width: 100%; overflow-x: hidden; } body :where(p, li, a, button, input, textarea, select, summary) { font-family: Manrope, sans-serif; } .wp-element-button, .wp-block-button__link { align-items: center; border-radius: var(--attors-button-radius) !important; box-sizing: border-box; display: inline-flex; font-family: Manrope, sans-serif; justify-content: center; font-size: 16px; font-weight: 500; min-height: 56px; transition: background-color 320ms var(--attors-button-ease), border-color 320ms var(--attors-button-ease), color 320ms var(--attors-button-ease), box-shadow 320ms var(--attors-button-ease), transform 320ms var(--attors-button-ease); } .wp-element-button:hover, .wp-block-button__link:hover { box-shadow: 0 12px 28px rgb(0 0 0 / 14%); transform: translateY(-2px); } .wp-element-button:focus-visible, .wp-block-button__link:focus-visible { outline: 3px solid color-mix(in srgb, var(--attors-cyan) 68%, white); outline-offset: 3px; } .wp-element-button:active, .wp-block-button__link:active { box-shadow: 0 5px 14px rgb(0 0 0 / 12%); transform: translateY(0); } .attors-main p, .attors-footer p { font-weight: 400; } .attors-main a, .attors-footer a { font-weight: 400; } .attors-main :where(h1, h2, h3, h4, h5, h6), .attors-footer :where(h1, h2, h3, h4, h5, h6) { font-family: Manrope, sans-serif; } .wp-site-blocks { padding: 0 !important; } .wp-site-blocks > * { margin-block-start: 0; } .attors-main { overflow: clip; } .attors-main > .wp-block-post-content { margin: 0; } .attors-wide { margin-inline: var(--attors-edge) !important; max-width: none !important; width: calc(100% - (2 * var(--attors-edge))) !important; } .attors-section { border-radius: var(--attors-radius); box-sizing: border-box; margin-block: 0 38px; padding: clamp(58px, 7vw, 100px) var(--attors-content-pad); } .attors-kicker { font-size: 18px; font-weight: 400; line-height: 1.45; margin: 0; } .attors-section h2 { font-size: clamp(34px, 3.2vw, 45px); margin: 0; } .attors-section p { line-height: 1.8; } /* Shared section rhythm: kicker -> heading -> copy -> action. */ :where(.attors-about__copy, .attors-approach__intro, .attors-services > .attors-reveal, .attors-projects__head > .wp-block-group:last-child, .attors-testimonials__title, .attors-faq > .wp-block-group:first-child) > * { margin-block: 0; } :where(.attors-about__copy, .attors-approach__intro, .attors-services > .attors-reveal, .attors-projects__head > .wp-block-group:last-child, .attors-testimonials__title, .attors-faq > .wp-block-group:first-child) > .attors-kicker { margin-bottom: var(--attors-stack-kicker); } :where(.attors-about__copy, .attors-approach__intro, .attors-services > .attors-reveal, .attors-projects__head > .wp-block-group:last-child, .attors-testimonials__title, .attors-faq > .wp-block-group:first-child) > h2 { margin-bottom: var(--attors-stack-copy); } :where(.attors-about__copy, .attors-approach__intro, .attors-services > .attors-reveal, .attors-projects__head > .wp-block-group:last-child, .attors-testimonials__title, .attors-faq > .wp-block-group:first-child) > p:not(.attors-kicker) + p { margin-top: 8px; } :where(.attors-about__copy, .attors-approach__intro, .attors-services > .attors-reveal, .attors-projects__head > .wp-block-group:last-child, .attors-testimonials__title, .attors-faq > .wp-block-group:first-child) > .wp-block-buttons { margin-top: var(--attors-stack-action); } .attors-reveal { opacity: 1; transform: none; transition: opacity 680ms ease, transform 680ms ease; } .attors-reveal.is-visible, .block-editor-page .attors-reveal { opacity: 1; transform: none; } /* Header */ .attors-header { background: #ecf0f4; box-sizing: border-box; padding: 5px 20px 0; position: relative; z-index: 1000; } .attors-header__topbar { background: #1f1f1f; border-radius: 15px; box-sizing: border-box; color: #9a9a9a; margin: 0 !important; min-height: 40px; padding: 5px 45px; width: 100%; } .attors-header__topbar p { font-size: 13px; font-weight: 400; line-height: 1.4; margin: 0; } .attors-header__topbar a { color: #fff; text-decoration: none; } .attors-header__topbar strong { color: #fff; font-weight: 500; } .attors-header__contact { gap: 38px; } .attors-header__whatsapp a { border-bottom: 1px solid rgba(255, 255, 255, .28); display: inline-flex; transition: border-color .25s ease, color .25s ease; } .attors-header__whatsapp a:hover { border-color: var(--attors-cyan); color: var(--attors-cyan); } .attors-header__whatsapp a:focus-visible { border-radius: 2px; outline: 2px solid var(--attors-cyan); outline-offset: 3px; } .attors-header__social { gap: 16px; } .attors-header__social .wp-block-social-links { gap: 13px; margin: 0; } .attors-header__social .wp-social-link { background: transparent !important; color: #fff !important; } .attors-header__social .wp-social-link a { padding: 2px; } .attors-header__main { background: #fff; border-radius: 25px; box-sizing: border-box; margin: 10px 0 0 !important; padding-inline: 36px; width: 100%; } .attors-header__bar { box-sizing: border-box; margin-inline: auto !important; max-width: none !important; min-height: 95px; padding-inline: 0; width: 100% !important; } .attors-header__identity { flex: 0 0 auto; gap: 38px; } .attors-logo img { height: auto; width: 120px; } .attors-nav { margin-inline: auto; } .attors-nav .wp-block-navigation__container { gap: clamp(18px, 2.1vw, 34px); } .attors-nav .wp-block-navigation-item__content { border-radius: 12px; font-size: 14px; font-weight: 700; letter-spacing: 0; padding: 12px 0; text-transform: uppercase; } .attors-nav .current-menu-item > .wp-block-navigation-item__content, .attors-nav > .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > li:first-child > .wp-block-navigation-item__content { background: #1f1f1f; color: #fff; padding-inline: 25px; } .attors-nav .wp-block-navigation__submenu-icon { color: currentColor; height: 8px; margin-left: 7px; position: relative; width: 8px; } .attors-nav .wp-block-navigation__submenu-icon svg { display: none; } .attors-nav .wp-block-navigation__submenu-icon::before { background: currentColor; clip-path: polygon(100% 0, 100% 100%, 0 100%); content: ""; height: 6px; inset: 0; margin: auto; position: absolute; transition: transform .25s ease; width: 6px; } .attors-nav .wp-block-navigation-submenu:hover > .wp-block-navigation__submenu-icon::before, .attors-nav .wp-block-navigation__submenu-icon[aria-expanded="true"]::before { transform: translateY(-1px); } .attors-nav .wp-block-navigation__submenu-container { border: 0 !important; border-radius: 14px; box-shadow: 0 18px 45px rgb(0 0 0 / 12%); min-width: 250px !important; padding: 10px; } .attors-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content { font-family: Manrope, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0; padding: 10px 12px; text-transform: uppercase; } .attors-header__actions { flex: 0 0 auto; gap: 22px; } .attors-header__search { margin: 0; } .attors-header__search .wp-block-search__inside-wrapper { padding: 0; width: auto; } .attors-header__search .wp-block-search__input { display: none; } .attors-header__search .wp-block-search__button { background: transparent; border: 0; color: #111; min-height: 48px; padding: 10px; } .attors-header__search .wp-block-search__button:hover { background: #ecf0f4; box-shadow: none; color: var(--attors-cyan); transform: none; } .attors-header__cta .wp-block-button__link { background: #fff !important; border: 1px solid var(--attors-cyan) !important; border-radius: 34px !important; color: #111 !important; font-family: Manrope, sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0; padding: 10px 36px; text-transform: uppercase; } .attors-header__cta .wp-block-button__link:hover, .attors-header__cta .wp-block-button__link:focus-visible { background: var(--attors-cyan) !important; color: #fff !important; } /* Hero */ .attors-hero { align-items: center; border-radius: var(--attors-radius); box-sizing: border-box; min-height: 702px; overflow: hidden; padding: 70px var(--attors-content-pad); } .attors-hero .wp-block-cover__background { background: transparent !important; opacity: 0 !important; } .attors-hero__copy { align-items: center; color: #fff; display: grid; gap: 22px 72px; grid-template-columns: minmax(0, 1.45fr) minmax(320px, .78fr); width: 100%; } .attors-hero h1 { color: #fff; font-size: clamp(48px, 5.25vw, 75px); font-weight: 700; letter-spacing: -0.048em; line-height: 1.3; margin: 0 0 25px; } .attors-hero h1 { grid-row: 1 / span 2; } .attors-hero p { color: #0f0f0f; font-size: 18px; line-height: 1.8; margin: 0; max-width: 470px; } .attors-hero .wp-block-buttons { align-self: start; } .attors-hero .attors-button-outline .wp-block-button__link { background: var(--attors-cyan); border-color: var(--attors-cyan); color: #fff; } .attors-button-outline .wp-block-button__link { background: transparent; border: 1px solid currentColor; color: inherit; font-family: Manrope, sans-serif; font-size: 16px; font-weight: 500; letter-spacing: normal; min-height: 68px; padding: 18px 34px; } .attors-button-outline .wp-block-button__link::after { background: currentColor; content: ""; display: inline-block; height: 18px; margin-left: 16px; -webkit-mask: url(../icons/arrow-right.svg) center / contain no-repeat; mask: url(../icons/arrow-right.svg) center / contain no-repeat; vertical-align: -3px; width: 18px; } /* Performance cards */ .attors-performance { display: grid; gap: 26px; grid-template-columns: 1.08fr 1.08fr .8fr; margin-block: 20px 135px; } .attors-performance > * { border-radius: var(--attors-radius); box-sizing: border-box; min-height: 357px; overflow: hidden; } .attors-performance__image { align-items: end; background-position: center; background-size: cover; color: #fff; display: flex; padding: 30px; } .attors-performance__image h2 { color: #fff; font-size: clamp(34px, 3.1vw, 44px); font-weight: 700; line-height: 1.15; margin: 0; } .attors-performance__support { background: #000; color: #fff; padding: 88px 30px 30px; } .attors-performance__support h3 { color: #fff; font-size: 24px; font-weight: 600; line-height: 1.5; margin: 0 0 16px; } .attors-performance__stat { align-content: space-between; background: #4f5f6d; color: #fff; display: grid; padding: 30px; text-align: right; } .attors-performance__stat h3 { color: #fff; font-size: 22px; font-weight: 600; margin: 0; text-align: left; } .attors-performance__stat p { margin: 0; } .attors-performance__stat strong { color: #0dc8ff; display: block; font-size: 76px; line-height: 1; } /* About and approach */ .attors-about { align-items: center; display: grid; gap: clamp(50px, 8vw, 120px); grid-template-columns: 1fr 1.55fr; min-height: 690px; position: relative; } .attors-about__visual { min-width: 0; } .attors-mark { background: #e2e4e6; height: 360px; -webkit-mask: url(../images/a-icon.svg) center / 82% no-repeat; mask: url(../images/a-icon.svg) center / 82% no-repeat; opacity: 1; width: 360px; } .attors-about__stats { display: grid; gap: 18px; grid-template-columns: 1fr 1fr; } .attors-about__stats p { border-top: 1px solid #d8d8d8; font-size: 14px; margin: 0; padding-top: 14px; } .attors-about__stats strong { color: var(--attors-cyan); display: block; font-size: 42px; line-height: 1.1; } .attors-about__copy h2 { color: var(--attors-ink); font-weight: 700; line-height: 1.3; } .attors-about__copy p { color: #282828; font-size: 17px; line-height: 1.72; } .attors-approach { background: var(--attors-soft); display: grid; gap: 60px; grid-template-columns: 1fr 1fr; } .attors-approach__intro { align-self: start; padding-top: 20px; } .attors-approach__intro h2 { font-weight: 700; line-height: 1.32; max-width: 650px; } .attors-approach__intro > p:not(.attors-kicker) { font-size: 17px; line-height: 1.75; max-width: 700px; } .attors-approach__cards { display: grid; gap: 22px; } .attors-feature-card { background: #fff; border-radius: 18px; padding: 34px 42px 34px 110px; position: relative; } .attors-feature-card::before { background: var(--attors-cyan); content: ""; height: 48px; left: 30px; -webkit-mask: url(../images/a-icon.svg) center / contain no-repeat; mask: url(../images/a-icon.svg) center / contain no-repeat; position: absolute; top: 28px; width: 48px; } .attors-feature-card:nth-child(2)::before { background: #222; } .attors-feature-card h3 { font-size: 19px; font-weight: 700; line-height: 1.4; margin: 0 0 10px; } .attors-feature-card p { color: #3c3c3c; font-size: 16px; line-height: 1.7; margin: 0; } /* Services */ .attors-services { background: #000; color: #fff; } .attors-services h2 { color: #fff; max-width: 730px; } .attors-services__intro { max-width: 810px; } .attors-service-list { margin-top: 90px; } .attors-service-row { align-items: center; border-bottom: 1px solid rgb(255 255 255 / 15%); display: grid; gap: 28px; grid-template-columns: 42px minmax(240px, .95fr) minmax(340px, 1.25fr) auto; padding: 39px 18px; } .attors-service-row__number { font-size: 23px; font-weight: 700; } .attors-service-row h3 { color: #fff; font-size: 24px; font-weight: 800; line-height: 1.5; margin: 0; } .attors-service-row p { color: #fff; font-size: 17px; line-height: 1.75; margin: 0; opacity: .82; } .attors-service-row__link { margin: 0; } .attors-service-row a { border: 1px solid rgb(255 255 255 / 65%); border-radius: var(--attors-button-radius); font-family: Manrope, sans-serif; font-size: 14px; font-weight: 600; padding: 8px 16px; transition: background-color 320ms var(--attors-button-ease), border-color 320ms var(--attors-button-ease), color 320ms var(--attors-button-ease), box-shadow 320ms var(--attors-button-ease), transform 320ms var(--attors-button-ease); white-space: nowrap; } .attors-service-row a:hover, .attors-service-row a:focus-visible { background: #fff; border-color: #fff; box-shadow: 0 10px 24px rgb(0 0 0 / 22%); color: #000; transform: translateY(-2px); } .attors-service-row a:focus-visible { outline: 3px solid var(--attors-cyan); outline-offset: 3px; } .attors-service-row a::after { background: currentColor; content: ""; display: inline-block; height: 16px; margin-left: 8px; -webkit-mask: url(../icons/arrow-right.svg) center / contain no-repeat; mask: url(../icons/arrow-right.svg) center / contain no-repeat; vertical-align: -3px; width: 16px; } /* Why and projects */ .attors-why { background: var(--attors-soft); min-height: 700px; position: relative; } .attors-why__grid { display: grid; gap: 18px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 55px; } .attors-why__item { background: #fff; border-radius: 18px; padding: 34px; } .attors-why__item h3 { font-size: 21px; font-weight: 700; margin: 0 0 12px; } .attors-projects { background: #000; color: #fff; min-width: 0; overflow: hidden; } .attors-projects__head { align-items: start; display: grid; gap: 45px; grid-template-columns: .38fr 1fr; } .attors-projects__head > .wp-block-group:last-child { display: flex; flex-direction: column; } .attors-projects__head > .wp-block-group:last-child > * { margin-block: 0; } .attors-projects__head .attors-kicker { margin-bottom: var(--attors-stack-kicker); } .attors-projects__head .wp-block-buttons { margin-top: var(--attors-stack-action); } .attors-projects .attors-project-carousel { margin-top: 76px; } .attors-projects h2 { color: #fff; } .attors-project-count strong { display: block; font-size: 72px; line-height: 1; } /* Testimonials, CTA, FAQ */ .attors-testimonials { display: grid; gap: 38px; grid-template-columns: minmax(0, 1.48fr) minmax(360px, 1fr); margin-bottom: 38px; } .attors-testimonials > * { min-width: 0; } .attors-testimonial-card { align-items: center; background-position: center; background-size: cover; border-radius: var(--attors-radius); min-height: 720px; min-width: 0; padding: clamp(28px, 4vw, 64px); width: 100%; } .attors-testimonial-card .wp-block-cover__inner-container { min-width: 0; width: 100%; } .attors-testimonial-carousel { background: #1d1d1d; border-radius: 20px; box-sizing: border-box; color: #fff; overflow: hidden; width: 100%; } .attors-testimonial-carousel .swiper-wrapper { align-items: flex-start; } .attors-testimonial-slide { box-sizing: border-box; height: auto; } .attors-testimonial-card__inner { box-sizing: border-box; color: #fff; display: flex; flex-direction: column; min-height: 560px; padding: clamp(32px, 4vw, 58px) clamp(32px, 4vw, 58px) 0; } .attors-testimonial-source { align-items: center; gap: 28px; } .attors-testimonial-quote { color: #fff; font-family: Georgia, serif !important; font-size: 86px !important; font-style: normal !important; font-weight: 700 !important; height: 58px; line-height: 1 !important; margin: 0 !important; } .attors-testimonial-copy { flex: 1; font-size: clamp(19px, 1.25vw, 23px) !important; font-style: italic; line-height: 1.62 !important; margin: 42px 0 0 !important; } .attors-google-logo { line-height: 0; margin: 0; } .attors-google-logo__image { height: auto; max-width: 112px; width: 100%; } .attors-google-wordmark { font-size: 28px; font-style: normal; font-weight: 600; line-height: 1; } .attors-reviewer__photo, .attors-reviewer__initial { border-radius: 50%; display: block; flex: 0 0 58px; height: 58px; object-fit: cover; width: 58px; } .attors-reviewer__initial { align-items: center; background: #f2f2f2; color: #111; display: flex; font-size: 24px; font-weight: 700; justify-content: center; } .attors-google-logo { margin: 0 !important; } .attors-google-logo img { height: auto; width: 108px; } .attors-reviewer { align-items: center; gap: 14px; margin-top: 28px; } .attors-reviewer__image { margin: 0 !important; } .attors-reviewer__image img { border-radius: 50%; height: 58px; object-fit: cover; width: 58px; } .attors-reviewer p { font-style: normal; margin: 0; } .attors-testimonial-pagination { align-items: center; display: flex; gap: 12px; justify-content: center; margin-top: 28px; min-height: 14px; padding-bottom: clamp(32px, 4vw, 48px); position: static !important; width: 100% !important; } .attors-testimonial-pagination .swiper-pagination-bullet { background: #fff; height: 11px; margin: 0 !important; opacity: .3; width: 11px; } .attors-testimonial-pagination .swiper-pagination-bullet-active { opacity: 1; } .attors-testimonials__title { align-content: center; background: #111; border-radius: var(--attors-radius); color: #fff; min-width: 0; padding: clamp(48px, 6vw, 90px); } .attors-testimonials__title h2 { color: #fff; font-size: clamp(45px, 4.6vw, 66px); max-width: 540px; } .attors-project-cta { align-items: center; background-position: center; background-size: cover; border-radius: var(--attors-radius); box-sizing: border-box; margin-block: 38px; min-height: 594px; overflow: hidden; padding: clamp(76px, 7.3vw, 140px); } .attors-project-cta .wp-block-cover__background { background: transparent !important; opacity: 0 !important; } .attors-project-cta .wp-block-cover__inner-container { width: 100%; } .attors-project-cta__inner { align-items: center; display: grid; gap: clamp(48px, 4.2vw, 80px); grid-template-columns: minmax(0, 1110px) auto; justify-content: start; width: 100%; } .attors-project-cta h2 { color: #fff; font-size: clamp(56px, 5.21vw, 100px); font-weight: 700; letter-spacing: -.045em; line-height: 1.06; margin: 0; max-width: 1110px; transform: translateY(-12px); } .attors-project-cta .wp-block-buttons { justify-content: flex-end; } .attors-project-cta .wp-block-button__link { background: #fff !important; border: 1px solid #fff; color: #111 !important; font-size: 22px; font-weight: 500; gap: 18px; min-height: 76px; min-width: 238px; padding: 18px 26px; } .attors-project-cta .wp-block-button__link::after { background: currentColor; content: ""; display: inline-block; height: 22px; -webkit-mask: url(../icons/arrow-right.svg) center / contain no-repeat; mask: url(../icons/arrow-right.svg) center / contain no-repeat; width: 22px; } .attors-project-cta .wp-block-button__link:hover, .attors-project-cta .wp-block-button__link:focus-visible { background: var(--attors-cyan) !important; border-color: var(--attors-cyan); color: #fff !important; box-shadow: 0 16px 34px rgb(0 92 133 / 28%); } .attors-faq { background: var(--attors-soft); display: grid; gap: 65px; grid-template-columns: .8fr 1.2fr; } .attors-faq details { border-bottom: 1px solid #ccc; padding: 22px 0; } .attors-faq summary { cursor: pointer; font-size: 19px; font-weight: 700; } .attors-faq details p { color: #3c3c3c; font-size: 16px; padding-right: 25px; } /* Footer */ .attors-footer { background: #000; border-radius: var(--attors-radius); box-sizing: border-box; color: #fff; margin: 40px var(--attors-edge) 22px; padding-inline: var(--attors-content-pad); } .attors-footer__inner { box-sizing: border-box; margin-inline: auto !important; max-width: var(--attors-container) !important; padding: 110px 0 55px; width: 100% !important; } .attors-footer__grid { gap: 45px; } .attors-footer__brand > p { max-width: 490px; } .attors-footer__logo img { filter: none; height: auto; width: 130px; } .attors-footer h3 { color: #fff; font-size: 20px; margin: 0 0 25px; } .attors-footer p, .attors-footer-nav { color: #fff; font-size: 14px; line-height: 1.7; opacity: .72; } .attors-footer-nav .wp-block-navigation-item__content { font-weight: 400; letter-spacing: 0; text-transform: none; } .attors-footer-nav .wp-block-navigation__container { align-items: flex-start; gap: 10px; } .attors-socials { gap: 12px; margin-top: 28px; opacity: 1; } .attors-socials a { border: 1px solid #fff; border-radius: 50%; padding: 7px; } .attors-footer__legal { border-top: 1px solid rgb(255 255 255 / 12%); margin-top: 75px; padding-top: 32px; } /* Compatibility for template parts saved in the database before this release. */ .attors-footer__brand .wp-block-site-logo { display: none; } .attors-footer__brand:has(> .wp-block-site-logo)::before { background: url(../images/attors-logo-white.png) left center / contain no-repeat; content: ""; display: block; height: 42px; margin-bottom: 24px; width: 168px; } @media (max-width: 1100px) { .attors-header__main { padding-inline: 28px; } .attors-header__bar { gap: 20px; } .attors-header__identity { gap: 18px; } .attors-nav { margin-inline: auto 0; order: initial; } .attors-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; } .attors-nav .wp-block-navigation__responsive-container-open { display: flex !important; } .attors-performance { grid-template-columns: 1fr 1fr; } .attors-performance__stat { grid-column: 1 / -1; min-height: 260px; } .attors-service-row { grid-template-columns: 40px 1fr; } .attors-service-row > p:not(.attors-service-row__number) { grid-column: 2; } .attors-footer__grid { flex-wrap: wrap !important; } .attors-footer__grid > .wp-block-column { flex-basis: 44% !important; } } @media (max-width: 781px) { .attors-header { padding-inline: 20px; } .attors-header__topbar { min-height: 38px; padding-inline: 22px; } .attors-header__contact > p:first-child { display: none; } .attors-header__social > p { display: none; } .attors-header__main { border-radius: 20px; padding-inline: 24px; } .attors-header__bar { min-height: 88px; width: 100% !important; } body .attors-header__cta { display: flex !important; } .attors-header__actions { gap: 14px; margin-left: 14px; } .attors-header__cta .wp-block-button__link { font-size: 12px; min-height: 48px; padding: 8px 18px; } .attors-nav { margin-inline: auto 0; } .attors-nav .wp-block-navigation__responsive-container:not(.is-menu-open) { display: none !important; } .attors-nav .wp-block-navigation__responsive-container-open { display: flex !important; } .attors-nav .wp-block-navigation__responsive-container.is-menu-open { background: #fff; padding: 28px; } .attors-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start; gap: 10px; } .attors-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { font-size: 14px; font-weight: 700; letter-spacing: 0; padding: 10px; text-transform: uppercase; } .attors-hero { min-height: 620px; padding-block: 45px; } .attors-hero__copy { display: block; } .attors-hero h1 { font-size: clamp(42px, 11vw, 58px); line-height: 1.14; } .attors-hero p { color: #fff; margin-bottom: 24px; } .attors-performance { grid-template-columns: 1fr; margin-bottom: 75px; } .attors-performance__stat { grid-column: auto; } .attors-about, .attors-approach, .attors-testimonials, .attors-faq, .attors-projects__head { grid-template-columns: 1fr; } .attors-about { gap: 10px; min-height: auto; } .attors-mark { height: 230px; width: 230px; } .attors-feature-card { padding: 30px 28px 30px 92px; } .attors-service-list { margin-top: 50px; } .attors-service-row { padding-inline: 0; } .attors-why__grid { grid-template-columns: 1fr; } .attors-testimonial-card { min-height: 620px; padding: 28px; } .attors-testimonial-card__inner { min-height: 500px; padding: 32px 26px 0; } .attors-testimonial-pagination { padding-bottom: 32px; } .attors-testimonials__title { padding: 48px 30px; } .attors-project-cta { min-height: 560px; padding: 60px 34px; } .attors-project-cta__inner { align-items: start; grid-template-columns: 1fr; } .attors-project-cta h2 { font-size: clamp(46px, 9.5vw, 68px); line-height: 1.12; max-width: 760px; transform: none; } .attors-project-cta .wp-block-buttons { justify-content: flex-start; } .attors-footer__inner { padding-block: 65px 35px; } .attors-footer__grid > .wp-block-column { flex-basis: 100% !important; } .attors-footer__legal { align-items: flex-start; flex-direction: column; } } @media (max-width: 767px) { :root { --attors-edge: 20px; --attors-content-pad: 20px; } } @media (max-width: 600px) { .attors-header { padding-inline: 10px; } .attors-header__topbar { flex-wrap: nowrap !important; justify-content: space-between; min-height: 36px; padding: 4px 12px; } .attors-header__contact { flex: 1 1 auto; gap: 0; min-width: 0; } .attors-header__whatsapp { font-size: 11px !important; white-space: nowrap; } .attors-header__social { display: flex !important; flex: 0 0 auto; gap: 0; } .attors-header__social .wp-block-social-links { flex-wrap: nowrap !important; gap: 2px; } .attors-header__social .wp-social-link a { padding: 3px; } body .attors-header__cta { display: none !important; } .attors-header__actions { gap: 10px; margin-left: 10px; } } @media (max-width: 430px) { .attors-header__main { padding-inline: 20px; } .attors-header__search { display: none; } .attors-logo img { width: 105px; } .attors-section { border-radius: 16px; padding-block: 50px; } .attors-hero { border-radius: 16px; min-height: 590px; } .attors-hero p { font-size: 16px; line-height: 1.65; } .attors-performance > * { min-height: 310px; } .attors-performance__support { padding-top: 62px; } .attors-service-row { grid-template-columns: 32px 1fr; } .attors-service-row h3 { font-size: 21px; } .attors-testimonial-card__inner { padding: 25px; } .attors-project-cta { min-height: 500px; padding: 46px 24px; } .attors-project-cta h2 { font-size: clamp(39px, 11.2vw, 52px); line-height: 1.15; } .attors-project-cta .wp-block-button__link { font-size: 18px; min-height: 58px; min-width: 190px; } } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } .attors-reveal { opacity: 1; transform: none; } } /* Production homepage v2 */ :root{--attors-ink:#101010;--attors-paper:#fff;--attors-mist:#ecf0f4;--attors-cyan:#007fa3;--attors-radius:24px;--attors-space:clamp(72px,8vw,132px)} .attors-v2-section{box-sizing:border-box;margin-block:30px!important;overflow:hidden;padding:var(--attors-space) clamp(28px,6vw,110px);position:relative} .attors-v2-section h2,.attors-v2-section h3,.attors-v2-section p{font-family:Manrope,sans-serif}.attors-v2-section h2{font-size:clamp(38px,4vw,66px);font-weight:650;letter-spacing:-.045em;line-height:1.06;margin:18px 0 24px}.attors-v2-section h3{font-weight:650;letter-spacing:-.025em}.attors-v2-section p{font-size:clamp(16px,1.15vw,20px);line-height:1.7}.attors-section-head{max-width:940px}.attors-section-head>span,.attors-v2-section header>span,.attors-v2-section__eyebrow,.attors-v2-why__intro>span,.attors-v2-faq__intro>span,.attors-v2-testimonials__copy>span,.attors-v2-cta__intro>span{color:var(--attors-cyan);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.attors-section-head--row{align-items:end;display:grid;gap:50px;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr) auto;max-width:none}.attors-section-head--row>p{margin-bottom:26px}.attors-v2-section footer{margin-top:50px} .attors-button{align-items:center;border:1px solid currentColor;border-radius:34px;display:inline-flex;font-size:14px;font-weight:700;gap:26px;justify-content:space-between;min-height:52px;padding:0 25px;text-decoration:none;transition:background-color .28s ease,border-color .28s ease,color .28s ease,transform .28s ease}.attors-button:hover,.attors-button:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff;transform:translateY(-2px)}.attors-button--primary{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff}.attors-button--light{border-color:#fff;color:#fff}.attors-button--dark{background:#111;border-color:#111;color:#fff}.attors-button--text{border:0;border-radius:0;min-height:auto;padding:0}.attors-button--text:hover{background:none;color:var(--attors-cyan)} /* Mega navigation */ .attors-mega-nav{align-self:stretch;display:flex;margin-inline:auto;position:static}.attors-mega-nav__list{align-items:stretch;display:flex;gap:2px;list-style:none;margin:0;padding:0}.attors-mega-nav__item{align-items:center;display:flex;position:static}.attors-mega-nav__trigger{align-items:center;background:transparent;border:0;border-radius:13px;color:#111;cursor:pointer;display:flex;font:700 14px/1 Manrope,sans-serif;gap:9px;padding:16px 13px;text-transform:uppercase;transition:.25s}.attors-mega-nav__trigger:hover,.attors-mega-nav__trigger[aria-expanded=true]{background:#111;color:#fff}.attors-mega-nav__wedge{border-bottom:5px solid currentColor;border-left:5px solid transparent;display:inline-block;height:0;transform:rotate(-10deg);width:0}.attors-mega-panel{left:0;opacity:0;padding-top:12px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease;z-index:100}.attors-mega-nav__item.is-open .attors-mega-panel{opacity:1;pointer-events:auto;transform:none}.attors-mega-panel__inner{background:#fff;border:1px solid #e2e6e9;border-radius:22px;box-shadow:0 28px 70px rgb(10 26 44 / 16%);box-sizing:border-box;display:grid;gap:36px;grid-template-columns:220px minmax(0,1fr) 280px;margin-inline:auto;max-width:100%;padding:34px;width:100%}.attors-mega-panel__lead>span,.attors-mega-panel__feature>span{color:var(--attors-cyan);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.attors-mega-panel__lead p{font-size:20px;line-height:1.35;margin:14px 0 24px}.attors-mega-panel__lead a,.attors-mega-panel__feature b{color:#111;font-size:13px;font-weight:700;text-decoration:none}.attors-mega-panel__columns{display:grid;gap:28px;grid-template-columns:repeat(4,minmax(120px,1fr))}.attors-mega-panel__columns h3{font-size:13px;margin:0 0 15px;text-transform:uppercase}.attors-mega-panel__columns ul{list-style:none;margin:0;padding:0}.attors-mega-panel__columns li+li{margin-top:10px}.attors-mega-panel__columns a{color:#454b50;font-size:14px;text-decoration:none;transition:color .2s}.attors-mega-panel__columns a:hover{color:var(--attors-cyan)}.attors-mega-panel__feature{background:var(--attors-ink);border-radius:17px;color:#fff;display:flex;flex-direction:column;padding:25px;text-decoration:none;transition:transform .25s}.attors-mega-panel__feature:hover{transform:translateY(-3px)}.attors-mega-panel__feature strong{font-size:23px;line-height:1.2;margin:15px 0 10px}.attors-mega-panel__feature p{color:#bec7cd;font-size:14px;line-height:1.55}.attors-mega-panel__feature b{color:#fff;margin-top:auto}.attors-mega-nav__mobile-toggle{display:none} /* Keep the high-density menus flush with the header shell and size the smaller menus to their real content so they do not read as empty panels. */ #attors-menu-work .attors-mega-panel__inner{max-width:calc(100% - 48px);width:1060px} #attors-menu-products .attors-mega-panel__inner{max-width:calc(100% - 48px);width:940px} #attors-menu-insights .attors-mega-panel__inner{max-width:calc(100% - 48px);width:980px} #attors-menu-company .attors-mega-panel__inner{max-width:calc(100% - 48px);width:1060px} #attors-menu-work .attors-mega-panel__columns,#attors-menu-company .attors-mega-panel__columns{grid-template-columns:repeat(3,minmax(0,1fr))} #attors-menu-products .attors-mega-panel__columns,#attors-menu-insights .attors-mega-panel__columns{grid-template-columns:repeat(2,minmax(0,1fr))} /* Proof and goals */ .attors-proof{align-items:end;background:#fff;border-bottom:1px solid #dfe4e8;display:grid;gap:70px;grid-template-columns:.72fr 1.28fr}.attors-proof__intro>span{color:var(--attors-cyan);font-size:13px;font-weight:700;text-transform:uppercase}.attors-proof__intro p{font-size:24px;line-height:1.45}.attors-proof__items{display:grid;grid-template-columns:repeat(3,1fr)}.attors-proof__items article{border-left:1px solid #d9dee2;min-height:220px;padding:20px 30px}.attors-proof__items strong{color:var(--attors-cyan);font-size:13px}.attors-proof__items h3{font-size:20px;margin-top:50px}.attors-proof__items p{font-size:14px;line-height:1.55} .attors-goals{background:#fff;border:1px solid #e5e9ec;border-radius:var(--attors-radius);padding-bottom:clamp(76px,7vw,112px)} .attors-goals__header{align-items:end;display:grid;gap:clamp(38px,5vw,88px);grid-template-columns:minmax(0,1.18fr) minmax(270px,.62fr) auto} .attors-goals__header>div>span{color:var(--attors-cyan);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase} .attors-goals__header h2{font-size:clamp(40px,4vw,65px);max-width:760px} .attors-goals__header>p{color:#545b61;font-size:clamp(15px,1vw,18px);line-height:1.72;margin:0 0 8px;max-width:390px} .attors-goals__header>.attors-button{margin-bottom:10px;white-space:nowrap} .attors-goals__grid{border-top:1px solid #9fa7ad;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(52px,5vw,78px)} .attors-goal-card{border-left:1px solid #e0e4e7;box-sizing:border-box;display:flex;flex-direction:column;min-height:390px;opacity:0;padding:42px clamp(22px,2vw,36px) 34px;transform:translateY(24px);transition:background-color .32s ease,box-shadow .32s ease,opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)} .attors-goal-card:last-child{border-right:1px solid #e0e4e7} .attors-goal-card:nth-child(2){transition-delay:.07s}.attors-goal-card:nth-child(3){transition-delay:.14s}.attors-goal-card:nth-child(4){transition-delay:.21s} .attors-goal-card.is-visible{opacity:1;transform:none} .attors-goal-card.is-visible:hover{background:#f6fbfd;box-shadow:inset 0 3px 0 var(--attors-cyan);transform:translateY(-5px)} .attors-goal-card__number{color:var(--attors-cyan);font-size:13px;font-weight:700;letter-spacing:.08em} .attors-goal-card h3{font-size:clamp(21px,1.45vw,27px);line-height:1.25;margin:24px 0 16px} .attors-goal-card p{color:#565d62;font-size:15px;line-height:1.72;margin:0} .attors-goal-card__link{align-items:center;align-self:flex-start;border-bottom:1px solid #111;color:#111;display:inline-flex;font-size:13px;font-weight:700;gap:10px;margin-top:auto;padding:0 0 8px;text-decoration:none;transition:border-color .25s ease,color .25s ease,gap .25s ease} .attors-goal-card__link>img{height:14px;width:14px}.attors-goal-card__link:hover,.attors-goal-card__link:focus-visible{border-color:var(--attors-cyan);color:var(--attors-cyan);gap:14px} /* Work and services */ .attors-v2-work{background:#050505;border-radius:var(--attors-radius);color:#fff}.attors-v2-work .attors-section-head>span{color:#fff}.attors-v2-work .attors-section-head p{color:#b8b8b8}.attors-v2-work .attors-project-carousel{margin-top:60px}.attors-v2-services{background:#080808;border-radius:var(--attors-radius);color:#fff}.attors-v2-services .attors-section-head p{color:#aaa}.attors-v2-services__list{border-top:1px solid #303030;margin-top:65px}.attors-v2-services__list article{align-items:start;border-bottom:1px solid #303030;display:grid;gap:30px;grid-template-columns:45px minmax(220px,.8fr) 1.2fr auto;padding:34px 0}.attors-v2-services__list article>span{color:var(--attors-cyan);font-size:13px}.attors-v2-services__list h3{font-size:clamp(24px,2vw,32px);margin:0}.attors-v2-services__list p{color:#bdbdbd;font-size:16px;margin:0}.attors-v2-services__list small{color:#777;display:block;font-size:12px;margin-top:12px} /* Platforms and industries */ .attors-platforms{background:#fff}.attors-platform-carousel{margin-top:60px;overflow:hidden;padding-bottom:4px;width:100%}.attors-platform-carousel .swiper-wrapper{align-items:stretch}.attors-platform-carousel .swiper-slide{height:auto}.attors-platform-card{background:var(--attors-mist);border:1px solid transparent;border-radius:20px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:390px;padding:30px;transition:background-color .32s ease,border-color .32s ease,box-shadow .32s ease,transform .32s ease}.attors-platform-carousel .swiper-slide:nth-child(even) .attors-platform-card{background:#dcebf1}.attors-platform-card:hover{background:#f5fbfd;border-color:rgb(11 166 207 / 30%);box-shadow:0 18px 45px rgb(16 38 52 / 10%);transform:translateY(-5px)}.attors-platform-card__logo{align-items:center;background:rgb(255 255 255 / 78%);border:1px solid rgb(255 255 255 / 88%);border-radius:17px;box-shadow:0 10px 28px rgb(16 38 52 / 8%);display:flex;height:72px;justify-content:center;transition:background-color .32s ease,box-shadow .32s ease,transform .32s ease;width:72px}.attors-platform-card__logo img{filter:brightness(0) saturate(100%) invert(53%) sepia(90%) saturate(1724%) hue-rotate(151deg) brightness(90%) contrast(92%);height:40px;max-width:46px;object-fit:contain;width:40px}.attors-platform-card:hover .attors-platform-card__logo{background:#fff;box-shadow:0 14px 34px rgb(11 166 207 / 17%);transform:translateY(-3px) rotate(-2deg)}.attors-platform-card h3{font-size:34px;margin:46px 0 14px}.attors-platform-card p{font-size:15px}.attors-platform-card a{align-items:center;color:#111;display:inline-flex;font-size:13px;font-weight:700;gap:8px;margin-top:auto;text-decoration:none;transition:color .25s ease,gap .25s ease}.attors-platform-card a:hover,.attors-platform-card a:focus-visible{color:var(--attors-cyan);gap:12px}.attors-platform-card a img{height:14px;width:14px}.attors-platform-carousel__controls{align-items:center;display:grid;gap:24px;grid-template-columns:42px minmax(100px,auto) 42px;justify-content:center;margin-top:34px;width:100%}.attors-platform-carousel__prev,.attors-platform-carousel__next{align-items:center;background:transparent;border:1px solid #8e989f;border-radius:50%;cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;transition:background-color .3s ease,border-color .3s ease,transform .3s ease;width:42px}.attors-platform-carousel__prev img,.attors-platform-carousel__next img{height:16px;width:16px}.attors-platform-carousel__prev img{transform:rotate(180deg)}.attors-platform-carousel__prev:hover,.attors-platform-carousel__next:hover,.attors-platform-carousel__prev:focus-visible,.attors-platform-carousel__next:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);transform:translateY(-2px)}.attors-platform-carousel__prev.swiper-button-disabled,.attors-platform-carousel__next.swiper-button-disabled{cursor:default;opacity:.32;transform:none}.attors-platform-carousel__pagination{align-items:center;display:flex;gap:10px;justify-content:center;min-width:100px;position:static!important;transform:none!important;width:auto!important}.attors-platform-carousel__pagination .swiper-pagination-bullet{background:#879198;margin:0!important;opacity:.45;position:static!important;transform:none!important;transition:background-color .25s ease,opacity .25s ease,width .25s ease}.attors-platform-carousel__pagination .swiper-pagination-bullet-active{background:var(--attors-cyan);opacity:1;width:22px;border-radius:8px}.attors-industries{background:#f5f6f7;border-radius:var(--attors-radius)}.attors-industries__mosaic{display:grid;gap:16px;grid-template-columns:1.3fr .7fr 1fr;margin-top:70px}.attors-industries__mosaic article{background:#fff;border-radius:18px;display:flex;flex-direction:column;min-height:280px;padding:30px}.attors-industries__mosaic .industry-1,.attors-industries__mosaic .industry-6{background:#111;color:#fff;grid-row:span 2;min-height:576px}.attors-industries__mosaic article>span{color:var(--attors-cyan);font-size:12px}.attors-industries__mosaic h3{font-size:clamp(23px,2vw,32px);margin:auto 0 12px}.attors-industries__mosaic p{font-size:14px}.attors-industries__mosaic a{color:inherit;font-size:13px;font-weight:700;text-decoration:none} /* Why and process */ .attors-v2-why{background:#dcebf1;border-radius:var(--attors-radius);display:grid;gap:80px;grid-template-columns:.8fr 1.2fr}.attors-v2-why__intro{align-self:start;position:sticky;top:40px}.attors-v2-why__list{border-top:1px solid #afc2ca}.attors-v2-why__list article{border-bottom:1px solid #afc2ca;display:grid;gap:20px;grid-template-columns:45px 1fr;padding:30px 0}.attors-v2-why__list article span{color:var(--attors-cyan);font-size:12px;grid-row:1/3}.attors-v2-why__list h3{font-size:25px;margin:0}.attors-v2-why__list p{font-size:15px;margin:0}.attors-process{background:#fff}.attors-process__timeline{display:grid;grid-template-columns:repeat(6,1fr);margin-top:70px}.attors-process__timeline article{border-top:1px solid #111;min-height:290px;padding:25px 24px 20px 0;position:relative}.attors-process__timeline article:before{background:var(--attors-cyan);border:5px solid #fff;border-radius:50%;content:"";height:15px;position:absolute;top:-8px;width:15px}.attors-process__timeline b{color:var(--attors-cyan);font-size:13px}.attors-process__timeline h3{font-size:22px;margin:75px 0 15px}.attors-process__timeline p{font-size:14px} /* Concepts, testimonials, products */ .attors-concepts{background:#111;border-radius:var(--attors-radius);color:#fff}.attors-concepts .attors-section-head p{color:#bbb}.attors-concepts__grid{display:grid;gap:18px;grid-template-columns:1.2fr .8fr;margin-top:60px}.attors-concepts__grid article{background-image:linear-gradient(180deg,transparent 30%,rgb(0 0 0 / 78%)),var(--concept-image);background-position:top center;background-size:cover;border-radius:18px;min-height:500px;overflow:hidden;position:relative}.attors-concepts__grid article:first-child{grid-row:span 2;min-height:1018px}.attors-concepts__grid article div{bottom:0;padding:30px;position:absolute}.attors-concepts__grid h3{font-size:32px;margin:12px 0}.attors-concepts__grid a{color:#fff;text-decoration:none}.attors-concepts__note{color:#999;font-size:13px!important}.attors-v2-testimonials{display:grid;gap:24px;grid-template-columns:1.3fr .7fr;padding:0}.attors-v2-testimonials__visual{background-position:center;background-size:cover;border-radius:var(--attors-radius);min-height:720px;padding:8% 6%}.attors-v2-testimonials__copy{background:#111;border-radius:var(--attors-radius);color:#fff;display:flex;flex-direction:column;justify-content:center;padding:60px}.attors-v2-testimonials__copy p{color:#bbb}.attors-v2-testimonials__copy .attors-button{align-self:start;margin-top:25px}.attors-products{background:#0e1720;border-radius:var(--attors-radius);color:#fff}.attors-products .attors-section-head p{color:#b7c1ca}.attors-products__grid{display:grid;gap:1px;grid-template-columns:repeat(2,1fr);margin-top:60px}.attors-products__grid article{background:#17232d;min-height:330px;padding:35px;transition:background .25s}.attors-products__grid article:hover{background:#203341}.attors-products__grid span{color:var(--attors-cyan);font-size:12px}.attors-products__grid h3{font-size:42px;margin:75px 0 12px}.attors-products__grid p{color:#c0c9cf;font-size:15px}.attors-products__grid a{color:#fff;font-weight:700;text-decoration:none} /* Insights, FAQ, CTA */ .attors-insights{background:#fff}.attors-insights__layout{display:grid;gap:16px;grid-template-columns:1.2fr .8fr;margin-top:60px}.attors-insights__layout article{background:var(--attors-mist);border-radius:18px;padding:30px}.attors-insights__layout article:first-child{background:#dcebf1;grid-row:span 3}.attors-insights__layout article:first-child h3{font-size:clamp(34px,3vw,52px);margin-top:120px}.attors-insights__layout article:not(:first-child){display:grid;gap:15px;grid-template-columns:1fr auto}.attors-insights__layout article:not(:first-child) p{grid-column:1/3}.attors-insights__layout h3{font-size:23px;margin:18px 0 10px}.attors-insights__layout p{font-size:15px}.attors-insights__layout a{color:#111;font-size:13px;font-weight:700;text-decoration:none}.attors-v2-faq{background:var(--attors-mist);border-radius:var(--attors-radius);display:grid;gap:80px;grid-template-columns:.75fr 1.25fr}.attors-v2-faq__intro{align-self:start;position:sticky;top:40px}.attors-v2-faq__list{border-top:1px solid #bbc5cc}.attors-v2-faq details{border-bottom:1px solid #bbc5cc;padding:26px 0}.attors-v2-faq summary{cursor:pointer;font-size:19px;font-weight:650;list-style:none;padding-right:40px;position:relative}.attors-v2-faq summary span{position:absolute;right:5px}.attors-v2-faq details[open] summary span{transform:rotate(45deg)}.attors-v2-faq details p{font-size:15px;margin:18px 40px 0 0}.attors-v2-cta{border-radius:var(--attors-radius);padding:0}.attors-v2-cta__backdrop{background-position:center;background-size:cover;display:grid;gap:70px;grid-template-columns:.85fr 1.15fr;padding:clamp(55px,7vw,105px)}.attors-v2-cta__intro h2{color:#fff}.attors-v2-cta__intro p,.attors-v2-cta__intro>a{color:#fff}.attors-project-form{background:#fff;border-radius:20px;padding:34px}.attors-project-form__grid{display:grid;gap:18px;grid-template-columns:1fr 1fr}.attors-project-form label{color:#31363a;font-size:12px;font-weight:700;text-transform:uppercase}.attors-project-form input,.attors-project-form select,.attors-project-form textarea{background:#f3f6f8;border:1px solid transparent;border-radius:10px;box-sizing:border-box;font:500 15px Manrope,sans-serif;margin-top:8px;padding:14px;width:100%}.attors-project-form input:focus,.attors-project-form select:focus,.attors-project-form textarea:focus{border-color:var(--attors-cyan);outline:0}.attors-project-form__wide{grid-column:1/-1}.attors-project-form button{background:#111;border:0;border-radius:30px;color:#fff;cursor:pointer;font:700 14px Manrope,sans-serif;margin-top:20px;padding:16px 25px;transition:.25s}.attors-project-form button:hover{background:var(--attors-cyan);transform:translateY(-2px)}.attors-hp{clip:rect(0,0,0,0);position:absolute!important} /* Footer v2 */ .attors-footer{background:#0b0b0b;color:#fff;margin:30px var(--attors-edge) 0!important;border-radius:var(--attors-radius) var(--attors-radius) 0 0;overflow:hidden}.attors-footer__cta{align-items:center;background:var(--attors-cyan);display:grid;gap:50px;grid-template-columns:1fr auto;padding:70px clamp(30px,6vw,100px)}.attors-footer__cta h2{font-size:clamp(38px,4vw,62px);letter-spacing:-.04em;line-height:1.05;margin:12px 0}.attors-footer__cta p{max-width:750px}.attors-footer__cta-actions{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.attors-footer__cta-actions>a{background:#fff;border:1px solid #fff;border-radius:30px;color:#111;font-weight:700;min-width:230px;padding:16px 24px;text-align:center;text-decoration:none}.attors-footer__cta-actions>a:nth-child(2){background:transparent;color:#fff}.attors-footer__cta-actions small a{color:#fff}.attors-footer__inner{padding:80px clamp(30px,6vw,100px) 30px}.attors-footer__brand{display:grid;gap:30px;grid-template-columns:180px 1fr 1fr 1fr;margin-bottom:70px}.attors-footer__brand p{color:#bbb;max-width:520px}.attors-footer__brand strong{font-size:16px}.attors-footer__brand address{display:flex;flex-direction:column;font-style:normal;gap:7px}.attors-footer__brand address a{color:#fff}.attors-footer__links{border-top:1px solid #303030;display:grid;gap:28px;grid-template-columns:repeat(5,1fr);padding-top:55px}.attors-footer__links h3{font-size:15px;margin:0 0 22px}.attors-footer__links a{color:#999;display:block;font-size:13px;margin:10px 0;text-decoration:none;transition:color .2s}.attors-footer__links a:hover{color:#fff}.attors-footer__bottom{border-top:1px solid #303030;display:flex;justify-content:space-between;margin-top:60px;padding-top:25px}.attors-footer__bottom p,.attors-footer__bottom a{color:#777;font-size:12px}.attors-footer__bottom div{display:flex;gap:20px} @media(max-width:1200px){.attors-mega-nav__trigger{font-size:12px;padding-inline:8px}.attors-mega-panel__inner{grid-template-columns:180px 1fr 240px}.attors-mega-panel__columns{grid-template-columns:repeat(2,1fr)}.attors-section-head--row{grid-template-columns:1fr 1fr}.attors-section-head--row>.attors-button{grid-column:2}.attors-goals__header{grid-template-columns:minmax(0,1fr) minmax(260px,.65fr)}.attors-goals__header>.attors-button{grid-column:2;justify-self:start}.attors-goals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attors-goal-card{border-bottom:1px solid #e0e4e7;min-height:330px}.attors-goal-card:nth-child(3){border-left:1px solid #e0e4e7}.attors-process__timeline{grid-template-columns:repeat(3,1fr)}.attors-footer__brand{grid-template-columns:160px 1fr 1fr}.attors-footer__brand address{grid-column:2/4}.attors-footer__links{grid-template-columns:repeat(3,1fr)}} @media(max-width:980px){.attors-mega-nav__list{background:#fff;border-radius:18px;box-shadow:0 22px 55px rgb(0 0 0 / 18%);display:none;left:20px;max-height:calc(100vh - 170px);overflow:auto;padding:14px;position:absolute;right:20px;top:calc(100% + 10px);z-index:100}.attors-mega-nav.is-mobile-open .attors-mega-nav__list{display:block}.attors-mega-nav__item{display:block}.attors-mega-nav__trigger{justify-content:space-between;padding:16px;width:100%}.attors-mega-panel{display:none;opacity:1;padding:0;pointer-events:auto;position:static;transform:none}.attors-mega-nav__item.is-open .attors-mega-panel{display:block}.attors-mega-panel__inner{border:0;box-shadow:none;display:block;max-width:none;padding:10px 16px 25px;width:auto}.attors-mega-panel__lead,.attors-mega-panel__feature{display:none}.attors-mega-panel__columns{display:grid;grid-template-columns:1fr 1fr}.attors-proof,.attors-v2-why,.attors-v2-faq,.attors-v2-cta__backdrop{grid-template-columns:1fr}.attors-v2-why__intro,.attors-v2-faq__intro{position:static}.attors-v2-testimonials{grid-template-columns:1fr}.attors-v2-testimonials__visual{min-height:620px}.attors-v2-testimonials__copy{min-height:430px}.attors-industries__mosaic{grid-template-columns:1fr 1fr}.attors-industries__mosaic .industry-1,.attors-industries__mosaic .industry-6{grid-row:auto;min-height:320px}.attors-v2-services__list article{grid-template-columns:35px 1fr}.attors-v2-services__list article>div,.attors-v2-services__list article>.attors-button{grid-column:2}.attors-footer__cta{grid-template-columns:1fr}.attors-footer__brand{grid-template-columns:140px 1fr}.attors-footer__brand address{grid-column:2}.attors-footer__links{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.attors-v2-section{border-radius:18px;margin-block:20px!important;padding:65px 24px}.attors-section-head--row{display:block}.attors-section-head--row>.attors-button{margin-top:20px}.attors-proof{display:block}.attors-proof__items{grid-template-columns:1fr;margin-top:50px}.attors-proof__items article{border-left:0;border-top:1px solid #d9dee2;min-height:auto;padding:25px 0}.attors-proof__items h3{margin-top:25px}.attors-goals__header{display:block}.attors-goals__header h2{font-size:clamp(38px,11vw,50px);margin-bottom:24px}.attors-goals__header>p{max-width:none}.attors-goals__header>.attors-button{margin-top:28px}.attors-goals__grid{grid-template-columns:1fr;margin-top:48px}.attors-goal-card,.attors-goal-card:nth-child(3),.attors-goal-card:last-child{border-left:0;border-right:0;min-height:310px;padding:32px 4px}.attors-goal-card h3{font-size:24px}.attors-goal-card p{font-size:15px}.attors-platform-carousel{margin-top:44px}.attors-platform-card{min-height:360px}.attors-platform-card h3{font-size:30px;margin-top:60px}.attors-platform-carousel__controls{gap:18px;grid-template-columns:42px minmax(80px,auto) 42px;margin-top:28px}.attors-process__timeline{grid-template-columns:1fr}.attors-process__timeline article{min-height:auto;padding-bottom:35px}.attors-process__timeline h3{margin-top:35px}.attors-industries__mosaic,.attors-products__grid,.attors-insights__layout,.attors-concepts__grid{grid-template-columns:1fr}.attors-concepts__grid article:first-child{grid-row:auto;min-height:600px}.attors-concepts__grid article{min-height:500px}.attors-insights__layout article:first-child{grid-row:auto}.attors-project-form__grid{grid-template-columns:1fr}.attors-project-form__wide{grid-column:auto}.attors-v2-cta__backdrop{padding:55px 24px}.attors-footer{margin-inline:20px!important}.attors-footer__cta,.attors-footer__inner{padding:55px 25px}.attors-footer__brand{display:block}.attors-footer__brand>*{margin-bottom:25px}.attors-footer__links{grid-template-columns:1fr 1fr}.attors-footer__bottom{align-items:flex-start;flex-direction:column;gap:15px}.attors-footer__bottom div{flex-wrap:wrap}.attors-mega-panel__columns{grid-template-columns:1fr}.attors-header__search{display:none}} @media(max-width:980px){ #attors-menu-work .attors-mega-panel__inner,#attors-menu-products .attors-mega-panel__inner,#attors-menu-insights .attors-mega-panel__inner,#attors-menu-company .attors-mega-panel__inner{max-width:none;width:auto} #attors-menu-work .attors-mega-panel__columns,#attors-menu-products .attors-mega-panel__columns,#attors-menu-insights .attors-mega-panel__columns,#attors-menu-company .attors-mega-panel__columns{grid-template-columns:1fr 1fr} } @media(max-width:767px){ #attors-menu-work .attors-mega-panel__columns,#attors-menu-products .attors-mega-panel__columns,#attors-menu-insights .attors-mega-panel__columns,#attors-menu-company .attors-mega-panel__columns{grid-template-columns:1fr} } /* Post-QA corrections: constrained Swiper grid, dark contrast, tighter opening rhythm. */ #proof{padding-top:70px} .attors-v2-testimonials{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)!important} .attors-v2-testimonials>*{min-width:0} .attors-v2-testimonials__visual{height:720px!important;min-height:0!important;min-width:0;overflow:hidden} .attors-v2-testimonials__visual .attors-testimonial-carousel{max-width:100%;min-width:0} .attors-v2-testimonials__copy{box-sizing:border-box;height:720px;min-width:0} #selected-work h2,#selected-work h3,#services h2,#services h3,#design-concepts h2,#design-concepts h3,#products h2,#products h3{color:#fff!important} .attors-v2-section h3{line-height:1.25} #selected-work .attors-project-card h3{font-size:17px!important;line-height:1.35;margin-top:14px} .attors-header__main,.attors-header__bar{overflow:visible!important} .attors-header{isolation:isolate;position:relative;z-index:1000}.attors-header__main{position:relative;z-index:1001} .attors-footer__links a{font-size:14px;line-height:1.5} .attors-footer__brand .attors-footer__logo{margin:0} .attors-footer__brand .attors-footer__logo img{height:auto;width:150px} .attors-footer__brand{box-sizing:border-box;padding-bottom:31px} .attors-footer__brand .attors-footer__relationship{color:#fff;opacity:1} .attors-footer__contact{display:flex;flex-direction:column;gap:7px} .attors-footer__contact p{color:#fff;margin:0;max-width:none;opacity:1} .attors-footer__links .wp-block-navigation,.attors-footer__bottom .wp-block-navigation{font-size:inherit;font-weight:inherit;letter-spacing:normal;text-transform:none} .attors-footer__links .wp-block-navigation__container{align-items:flex-start;display:flex;flex-direction:column;gap:0;margin:0;padding:0 0 8px} .attors-footer__links .wp-block-navigation-item{display:block;width:100%} .attors-footer__links .wp-block-navigation-item__content{margin:10px 0 0} .attors-footer__legal-links,.attors-footer__legal-links .wp-block-navigation__container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin:0;padding:0} .attors-footer__legal-links .wp-block-navigation-item{display:block} .attors-footer__legal-links .wp-block-html{display:flex} @media(max-width:1200px){.attors-footer__brand{padding-bottom:50px}.attors-footer__contact{grid-column:2/4}} @media(max-width:980px){.attors-footer__brand{padding-bottom:43px}.attors-footer__contact{grid-column:2}} @media(max-width:767px){.attors-footer__brand{padding-bottom:31px}} /* Global footer CTA — integrated directly with the footer on every template. */ .attors-footer{ background:#0b0b0b; border-radius:var(--attors-radius) var(--attors-radius) 0 0; margin:0 var(--attors-edge)!important; overflow:hidden; padding-inline:0; } .wp-site-blocks>.attors-footer{margin-block-start:0!important} .attors-footer__cta{ align-items:center; background:#17191d; border-radius:24px; box-sizing:border-box; display:grid; gap:clamp(48px,6vw,110px); grid-template-columns:minmax(0,1fr) auto; margin:clamp(20px,1.45vw,28px) clamp(22px,2.65vw,50px) 0!important; min-height:clamp(250px,13.5vw,336px); padding:clamp(54px,4vw,76px) clamp(30px,8vw,138px); } .attors-footer__cta-copy{max-width:1020px} .attors-footer__cta-copy p{ color:var(--attors-cyan); font-size:13px; font-weight:700; letter-spacing:.12em; margin:0 0 22px; opacity:1; text-transform:uppercase; } .attors-footer__cta h2{ color:#fff; font-size:clamp(40px,2.15vw,62px); font-weight:500; letter-spacing:-.045em; line-height:1.04; margin:0; max-width:940px; } .attors-footer__cta-action{margin:0} .attors-footer__cta-action .wp-block-button{margin:0} .attors-footer__cta-action .wp-block-button__link{ align-items:center; background:transparent; border:1px solid rgb(255 255 255 / 72%); border-radius:999px; box-sizing:border-box; color:#fff; display:inline-flex; font-family:Manrope,sans-serif; font-size:15px; font-weight:600; gap:18px; justify-content:center; min-height:72px; min-width:clamp(250px,18vw,350px); padding:0 26px; text-decoration:none; transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease; } .attors-footer__cta-action .wp-block-button__link::after{ background:url(../icons/arrow-right.svg) center/contain no-repeat; content:""; display:block; filter:brightness(0) invert(1); height:18px; transition:transform .25s ease; width:18px; } .attors-footer__cta-action .wp-block-button__link:hover,.attors-footer__cta-action .wp-block-button__link:focus-visible{ background:var(--attors-cyan); border-color:var(--attors-cyan); color:#fff; transform:translateY(-3px); } .attors-footer__cta-action .wp-block-button__link:hover::after,.attors-footer__cta-action .wp-block-button__link:focus-visible::after{transform:translateX(4px)} .attors-footer__cta-action .wp-block-button__link:focus-visible{outline:3px solid rgb(255 255 255 / 45%);outline-offset:4px} .attors-footer__bottom{padding-bottom:12px} @media(max-width:1200px){.attors-footer__bottom{padding-bottom:15px}} @media(max-width:980px){ .attors-footer__cta{ align-items:start; gap:34px; grid-template-columns:1fr; min-height:0; padding-block:clamp(52px,7vw,68px); } .attors-footer__cta-action{justify-self:start} .attors-footer__bottom{padding-bottom:17px} } @media(max-width:767px){ .attors-footer{margin-inline:20px!important} .attors-footer__cta{border-radius:18px;gap:30px;margin:14px 12px 0!important;padding:42px 22px 44px} .attors-footer__cta-copy p{font-size:11px;margin-bottom:18px} .attors-footer__cta h2{font-size:clamp(36px,10.5vw,46px);line-height:1.08} .attors-footer__cta-action,.attors-footer__cta-action .wp-block-button,.attors-footer__cta-action .wp-block-button__link{width:100%} .attors-footer__cta-action .wp-block-button__link{font-size:14px;min-height:56px;min-width:0;padding:0 22px} .attors-footer__bottom{padding-bottom:24px} } @media(max-width:980px){.attors-v2-testimonials__visual,.attors-v2-testimonials__copy{height:auto!important}.attors-v2-testimonials__visual{min-height:620px!important}} /* Trust & Proof — editorial two-column composition based on the supplied reference. */ #proof.attors-proof{align-items:stretch;background:#fff;border:0;border-radius:var(--attors-radius);display:grid;gap:0;grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr);min-height:780px;padding:0 var(--attors-content-pad)} .attors-proof__intro{align-self:stretch;border-right:1px solid #e1e5e8;display:flex;flex-direction:column;justify-content:center;max-width:none;padding:clamp(82px,7vw,118px) clamp(50px,6vw,104px) clamp(82px,7vw,118px) 0} .attors-proof__intro>span{color:var(--attors-cyan);display:block;font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase} .attors-proof__intro h2{font-size:clamp(42px,3.5vw,56px);font-weight:600;letter-spacing:-.05em;line-height:1.08;margin:24px 0 30px;max-width:760px} .attors-proof__intro>p{color:#444c51;font-size:clamp(17px,1.05vw,19px);line-height:1.72;margin:0;max-width:650px} .attors-proof__intro>.attors-button{align-self:flex-start;margin-top:auto} .attors-proof__items{border-right:1px solid #e1e5e8;display:grid;grid-template-columns:1fr;padding:clamp(58px,5vw,88px) 0 clamp(58px,5vw,88px) clamp(48px,5vw,86px)} .attors-proof__items article{align-items:center;background:transparent;border:0;border-bottom:1px solid #aeb7bc;border-radius:0;box-shadow:none;box-sizing:border-box;display:grid;gap:clamp(36px,4vw,72px);grid-template-columns:clamp(92px,8vw,132px) minmax(0,1fr);min-height:190px;padding:32px clamp(22px,3vw,50px) 32px 0;position:relative;transition:border-color .32s ease,transform .32s cubic-bezier(.2,.75,.25,1)} .attors-proof__items article:first-child{padding-top:12px} .attors-proof__items article:last-child{padding-bottom:12px} .attors-proof__items article:hover{border-color:var(--attors-cyan);box-shadow:none;transform:translateX(7px)} .attors-proof__icon{align-items:center;display:flex;justify-content:center} .attors-proof__items img{filter:brightness(0) saturate(100%) invert(53%) sepia(90%) saturate(1724%) hue-rotate(151deg) brightness(90%) contrast(92%);height:auto;max-height:118px;object-fit:contain;transition:transform .42s cubic-bezier(.2,.75,.25,1);width:100%} .attors-proof__items article:nth-child(2) img{filter:brightness(0) saturate(100%);opacity:.78} .attors-proof__items article:nth-child(3) img{opacity:.72} .attors-proof__items article:hover img{transform:rotate(-5deg) scale(1.055)} .attors-proof__items h3{color:#111;font-size:clamp(25px,1.7vw,32px);font-weight:600;letter-spacing:-.035em;line-height:1.25;margin:0 0 15px} .attors-proof__items p{color:#3f474c;font-size:clamp(16px,1vw,18px);line-height:1.75;margin:0;max-width:620px} @media(max-width:1050px){#proof.attors-proof{grid-template-columns:1fr;min-height:0}.attors-proof__intro{border-right:0;padding-right:0}.attors-proof__intro>.attors-button{margin-top:42px}.attors-proof__items{border-left:1px solid #e1e5e8;padding-left:clamp(34px,7vw,72px)}} @media(max-width:767px){#proof.attors-proof{display:grid;gap:26px;padding:0 24px}.attors-proof__intro{padding:62px 0 34px}.attors-proof__intro h2{font-size:clamp(38px,10vw,50px)}.attors-proof__items{border-left:0;border-right:0;padding:0 0 62px}.attors-proof__items article{gap:22px;grid-template-columns:70px 1fr;min-height:0;padding:28px 0}.attors-proof__items img{max-height:66px}.attors-proof__items h3{font-size:23px;margin-bottom:9px}.attors-proof__items p{font-size:15px;line-height:1.65}} /* Requested production typography and section refinements. */ .attors-goals{background:#ecf0f4} .attors-mega-panel__lead p{font-weight:500} .attors-proof__items article{padding-top:0;padding-bottom:0} .attors-proof__items article:first-child{padding-top:0} .attors-proof__items article:last-child{padding-bottom:0} .attors-proof__items img{max-height:75px} body :where(h1,h2,h3,h4,h5,h6){font-weight:500!important} .attors-proof__intro,.attors-proof__items{border-right:0} .attors-proof__items article:last-child{border-bottom:0} /* Visitor Goal Selector — editorial Swiper composition. */ .attors-goals{background:#ecf0f4;overflow:hidden;padding-top:clamp(78px,7vw,112px)} .attors-goals__header{align-items:end;display:grid;gap:clamp(36px,6vw,110px);grid-template-columns:minmax(0,1fr) auto} .attors-goals__header>div{max-width:1120px} .attors-goals__header>div>span{color:#111;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .attors-goals__header>div>span:before,.attors-goals__header>div>span:after{content:" / ";color:var(--attors-cyan)} .attors-goals__header h2{font-size:clamp(48px,5.1vw,82px);letter-spacing:-.05em;line-height:1.04;margin:28px 0 0;max-width:1080px} .attors-goals__header p{color:#4c555b;font-size:clamp(16px,1.05vw,18px);line-height:1.7;margin:28px 0 0;max-width:760px} .attors-goals__controls{align-items:center;border:1px solid #9ca7ad;border-radius:34px;display:grid;grid-template-columns:54px 54px;height:54px;overflow:hidden} .attors-goals__prev,.attors-goals__next{align-items:center;background:transparent;border:0;cursor:pointer;display:flex;height:54px;justify-content:center;padding:0;transition:background-color .3s ease,opacity .3s ease;width:54px} .attors-goals__prev img,.attors-goals__next img{height:15px;transition:filter .3s ease,transform .3s ease;width:15px} .attors-goals__prev img{transform:rotate(180deg)} .attors-goals__prev:hover,.attors-goals__next:hover,.attors-goals__prev:focus-visible,.attors-goals__next:focus-visible{background:var(--attors-cyan)} .attors-goals__prev:hover img,.attors-goals__next:hover img,.attors-goals__prev:focus-visible img,.attors-goals__next:focus-visible img{filter:brightness(0) invert(1)} .attors-goals__prev.swiper-button-disabled,.attors-goals__next.swiper-button-disabled{cursor:default;opacity:.34} .attors-goals__carousel{margin-top:clamp(64px,6vw,92px);overflow:hidden;width:100%} .attors-goals__carousel .swiper-wrapper{align-items:stretch} .attors-goals__carousel .swiper-slide{height:auto} .attors-goal-card{background:transparent;border:0;border-right:1px solid #b7c0c6;box-shadow:none;box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-height:430px;opacity:1;padding:0 clamp(26px,2.3vw,42px);transform:none;transition:background-color .32s ease,transform .38s cubic-bezier(.2,.75,.25,1)} .attors-goals__carousel .swiper-slide:first-child .attors-goal-card{padding-left:0} .attors-goals__carousel .swiper-slide:last-child .attors-goal-card{border-right:0} .attors-goal-card:hover{background:rgb(255 255 255 / 28%);transform:translateY(-5px)} .attors-goal-card__number{display:flex;font-size:clamp(76px,6vw,106px);font-weight:500;letter-spacing:-.075em;line-height:.86} .attors-goal-card__number span,.attors-goal-card__number b{color:transparent;font-weight:500;-webkit-text-stroke:1px var(--attors-ink)} .attors-goal-card__number b{-webkit-text-stroke-color:var(--attors-cyan)} .attors-goal-card__step{color:#4d565c;font-size:13px;font-style:italic;margin-top:16px} .attors-goal-card__copy{display:flex;flex:1;flex-direction:column;margin-top:clamp(40px,3.25vw,62px)} .attors-goal-card h3{font-size:clamp(21px,1.45vw,25px);line-height:1.28;margin:0 0 18px} .attors-goal-card p{color:#4f585e;font-size:15px;line-height:1.75;margin:0} .attors-goal-card__link{align-items:center;align-self:flex-start;border-bottom:1px solid #111;color:#111;display:inline-flex;font-size:13px;font-weight:700;gap:9px;margin-top:auto;padding:22px 0 7px;text-decoration:none;transition:border-color .25s ease,color .25s ease,gap .25s ease} .attors-goal-card__link>img{height:14px;width:14px} .attors-goal-card__link:hover,.attors-goal-card__link:focus-visible{border-color:var(--attors-cyan);color:var(--attors-cyan);gap:13px} @media(max-width:1359px){.attors-goal-card{min-height:410px}} @media(max-width:767px){.attors-goals{padding:64px 24px 72px}.attors-goals__header{align-items:start;grid-template-columns:1fr}.attors-goals__header h2{font-size:clamp(39px,11vw,52px);margin-top:22px}.attors-goals__header p{font-size:15px;margin-top:22px}.attors-goals__controls{justify-self:start}.attors-goals__carousel{margin-top:54px}.attors-goal-card,.attors-goal-card:nth-child(3),.attors-goal-card:last-child{border-left:0;border-right:1px solid #b7c0c6;min-height:390px;padding:0 22px}.attors-goals__carousel .swiper-slide:first-child .attors-goal-card{padding-left:0}.attors-goal-card__copy{margin-top:clamp(34px,5.5vw,42px)}} /* Main navigation sticky state; the contact top bar remains non-sticky. */ .attors-header__main{transition:box-shadow .32s ease,opacity .38s ease,transform .4s cubic-bezier(.2,.75,.25,1)} .attors-header.is-main-sticky{padding-bottom:var(--attors-sticky-space,105px)} .attors-header.is-main-sticky .attors-header__main{box-shadow:0 16px 42px rgb(15 28 38 / 14%);left:20px;margin:0!important;max-width:none!important;opacity:0;position:fixed;right:20px;top:var(--attors-sticky-top,10px);transform:translateY(-18px);width:auto!important;z-index:1200} .attors-header.is-main-sticky-ready .attors-header__main{opacity:1;transform:translateY(0)} @media(prefers-reduced-motion:reduce){.attors-header__main{transition:none}.attors-header.is-main-sticky .attors-header__main{opacity:1;transform:none}} /* Why Attors: editorial image panel and dark accordion. */ .attors-v2-why{background:transparent;border-radius:0;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0!important} .attors-v2-why__visual{background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:var(--attors-radius);min-height:860px;overflow:hidden;position:relative} .attors-v2-why__image{height:100%;inset:0;margin:0;position:absolute;width:100%} .attors-v2-why__image img{height:100%;object-fit:cover;width:100%} .attors-v2-why__visual-copy{backdrop-filter:blur(15px);background:rgb(236 240 244 / 72%);border:1px solid rgb(255 255 255 / 38%);border-radius:18px;bottom:22px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;left:22px;min-height:47%;padding:clamp(36px,4.1vw,72px);position:absolute;right:22px;-webkit-backdrop-filter:blur(15px)} .attors-v2-why__visual-copy span,.attors-v2-why__visual-copy strong{color:var(--attors-cyan);font-family:Manrope,sans-serif;font-size:clamp(78px,7.1vw,132px);font-weight:500;letter-spacing:-.075em;line-height:.78;text-transform:uppercase} .attors-v2-why__visual-copy strong{margin-left:.52em} .attors-v2-why__panel{background:#1f1f1f;border-radius:var(--attors-radius);box-sizing:border-box;color:#fff;display:flex;flex-direction:column;min-height:860px;padding:clamp(56px,5.4vw,100px)} .attors-v2-why__panel header>span{color:#fff;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .attors-v2-why__panel header>span:before,.attors-v2-why__panel header>span:after{color:var(--attors-cyan);content:" / "} .attors-v2-why__panel h2{color:#fff!important;font-size:clamp(46px,4vw,68px);font-weight:500!important;letter-spacing:-.052em;line-height:1.05;margin:22px 0 20px;max-width:660px} .attors-v2-why__panel header p{color:#bfc4c7;font-size:clamp(15px,1vw,17px);line-height:1.7;margin:0;max-width:640px} .attors-v2-why__list{border:0;margin-top:clamp(34px,4vw,58px)} .attors-v2-why__list details{border-bottom:1px solid #737373;padding:0} .attors-v2-why__list summary{align-items:center;cursor:pointer;display:grid;gap:15px;grid-template-columns:32px minmax(0,1fr) 16px;list-style:none;padding:24px 0} .attors-v2-why__list summary::-webkit-details-marker{display:none} .attors-v2-why__list summary>span{color:var(--attors-cyan);font-size:11px;font-weight:500;letter-spacing:.05em} .attors-v2-why__list h3{color:#fff;font-size:clamp(20px,1.45vw,27px);font-weight:500!important;letter-spacing:-.025em;line-height:1.25;margin:0} .attors-v2-why__list summary img{filter:brightness(0) invert(1);height:13px;transform:rotate(45deg);transition:filter .3s ease,transform .35s cubic-bezier(.2,.75,.25,1);width:13px} .attors-v2-why__list details[open] summary img{filter:brightness(0) saturate(100%) invert(53%) sepia(90%) saturate(1724%) hue-rotate(151deg) brightness(90%) contrast(92%);transform:rotate(135deg)} .attors-v2-why__list details>p{color:#d0d3d5;font-size:15px;line-height:1.75;margin:0;max-width:620px;padding:0 0 28px 47px} .attors-v2-why__panel>.attors-button{align-self:flex-start;margin-top:clamp(36px,4vw,54px)} .attors-v2-why__panel>.attors-button--outline{background:transparent;border-color:#8c8c8c;color:#fff} .attors-v2-why__panel>.attors-button--outline:hover,.attors-v2-why__panel>.attors-button--outline:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff;transform:translateY(-2px)} @media(max-width:1180px){.attors-v2-why__visual,.attors-v2-why__panel{min-height:760px}.attors-v2-why__panel{padding:54px 44px}.attors-v2-why__list summary{padding:20px 0}.attors-v2-why__list details>p{padding-bottom:22px}} @media(max-width:980px){.attors-v2-why{grid-template-columns:1fr}.attors-v2-why__visual{min-height:680px}.attors-v2-why__panel{min-height:auto;padding:clamp(50px,8vw,78px)}.attors-v2-why__visual-copy span,.attors-v2-why__visual-copy strong{font-size:clamp(80px,14vw,126px)}} @media(max-width:767px){.attors-v2-why{gap:16px}.attors-v2-why__visual{min-height:560px}.attors-v2-why__visual-copy{bottom:14px;left:14px;min-height:42%;padding:28px;right:14px}.attors-v2-why__visual-copy span,.attors-v2-why__visual-copy strong{font-size:clamp(62px,21vw,92px)}.attors-v2-why__panel{padding:48px 24px}.attors-v2-why__panel h2{font-size:clamp(38px,11vw,50px);margin-top:18px}.attors-v2-why__list{margin-top:30px}.attors-v2-why__list summary{grid-template-columns:26px minmax(0,1fr) 15px}.attors-v2-why__list h3{font-size:20px}.attors-v2-why__list details>p{font-size:14px;padding:0 0 24px 41px}} @media(max-width:479px){.attors-v2-why__visual-copy span,.attors-v2-why__visual-copy strong{font-size:clamp(56px,18vw,72px)}.attors-v2-why__visual-copy strong{margin-left:.34em}} @media(prefers-reduced-motion:reduce){.attors-v2-why__list summary img,.attors-v2-why__panel>.attors-button{transition:none}} /* Design Concepts: dark editorial case-study stack. */ .attors-concepts{background:#1f1f1f;border-radius:var(--attors-radius);box-sizing:border-box;color:#fff;padding:clamp(76px,7vw,116px) clamp(58px,6.4vw,108px)!important} .attors-concepts__header{max-width:720px} .attors-concepts__header>span{color:#fff!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important} .attors-concepts__header>span:before,.attors-concepts__header>span:after{color:var(--attors-cyan);content:" / "} .attors-concepts__header h2{color:#fff!important;font-size:clamp(46px,3.8vw,64px);font-weight:500!important;letter-spacing:-.05em;line-height:1.05;margin:22px 0 20px;max-width:680px} .attors-concepts__header p{color:#bfc4c7;font-size:clamp(15px,1vw,17px);line-height:1.7;margin:0;max-width:690px} .attors-concepts__grid{display:grid;gap:30px;grid-template-columns:1fr;margin-top:clamp(50px,4vw,66px)} .attors-concepts__grid .attors-concept-card,.attors-concepts__grid .attors-concept-card:first-child{align-items:stretch;background:#252525;background-image:none;border:1px solid #3d3d3d;border-radius:22px;box-sizing:border-box;display:grid;gap:0;grid-row:auto;grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);min-height:0;overflow:hidden;padding:22px;transition:border-color .35s ease,transform .38s cubic-bezier(.2,.75,.25,1)} .attors-concepts__grid .attors-concept-card:hover{border-color:rgb(10 170 211 / 70%);transform:translateY(-4px)} .attors-concepts__grid .attors-concept-card>.attors-concept-card__media{border-radius:17px;bottom:auto;height:450px;min-height:0;overflow:hidden;padding:0;position:relative} .attors-concept-card__media>img{display:block;height:100%;inset:0;object-fit:cover;object-position:top center;position:absolute;transition:transform .7s cubic-bezier(.2,.75,.25,1);width:100%} .attors-concept-card:hover .attors-concept-card__media>img{transform:scale(1.025)} .attors-concept-card__number{background:var(--attors-cyan);border-radius:8px;color:#fff;display:flex;flex-direction:column;left:20px;min-height:90px;min-width:90px;padding:14px;position:absolute;top:20px} .attors-concept-card__number small{font-size:11px;font-weight:500;line-height:1;text-transform:uppercase} .attors-concept-card__number b{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1;margin-top:auto} .attors-concepts__grid .attors-concept-card>.attors-concept-card__content{bottom:auto;display:flex;flex-direction:column;justify-content:center;padding:clamp(28px,3.7vw,58px);position:relative} .attors-concepts__grid .attors-concept-card .attors-concept-card__tags{bottom:auto;display:flex;flex-wrap:wrap;gap:8px;padding:0;position:static} .attors-concept-card__tags span{border:1px solid #8a8a8a;border-radius:999px;color:#e7e7e7;font-size:11px;font-weight:500;padding:7px 15px} .attors-concept-card__content h3{color:#fff;font-size:clamp(31px,2.6vw,44px);font-weight:500!important;letter-spacing:-.04em;line-height:1.06;margin:26px 0 22px} .attors-concept-card__content ul{color:#d2d4d5;font-family:Manrope,sans-serif;font-size:14px;line-height:1.72;margin:0 0 30px;padding-left:17px} .attors-concept-card__content li+li{margin-top:6px} .attors-concept-card__content strong{color:#fff;font-weight:500} .attors-concepts__link{align-items:center;align-self:flex-start;border:1px solid #898989;border-radius:999px;color:#fff;display:inline-flex;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;gap:14px;min-height:46px;padding:0 22px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,color .3s ease,gap .3s ease,transform .3s ease} .attors-concepts__link img{filter:brightness(0) invert(1);height:13px;transition:filter .3s ease,transform .3s ease;width:13px} .attors-concepts__link:hover,.attors-concepts__link:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff;gap:18px;transform:translateY(-2px)} .attors-concepts__link:hover img,.attors-concepts__link:focus-visible img{transform:translateX(2px)} .attors-concepts>footer{align-items:center;display:flex;gap:36px;justify-content:space-between;margin-top:44px} .attors-concepts__note{color:#aeb4b7;font-size:13px!important;line-height:1.6;margin:0;max-width:590px;text-align:right} @media(max-width:1100px){.attors-concepts{padding-inline:48px!important}.attors-concepts__grid .attors-concept-card,.attors-concepts__grid .attors-concept-card:first-child{grid-template-columns:1fr}.attors-concepts__grid .attors-concept-card>.attors-concept-card__media{height:520px}.attors-concepts__grid .attors-concept-card>.attors-concept-card__content{padding:46px 28px 34px}} @media(max-width:767px){.attors-concepts{padding:58px 20px 64px!important}.attors-concepts__header h2{font-size:clamp(40px,11vw,50px);margin-top:18px}.attors-concepts__grid{gap:20px;margin-top:48px}.attors-concepts__grid .attors-concept-card,.attors-concepts__grid .attors-concept-card:first-child{border-radius:18px;padding:12px}.attors-concepts__grid .attors-concept-card>.attors-concept-card__media{border-radius:13px;height:360px}.attors-concept-card__number{left:14px;min-height:76px;min-width:76px;padding:11px;top:14px}.attors-concept-card__number b{font-size:31px}.attors-concepts__grid .attors-concept-card>.attors-concept-card__content{padding:30px 12px 22px}.attors-concept-card__content h3{font-size:32px;margin:22px 0 18px}.attors-concept-card__content ul{font-size:13px;line-height:1.7}.attors-concepts>footer{align-items:flex-start;flex-direction:column;margin-top:34px}.attors-concepts__note{text-align:left}} @media(prefers-reduced-motion:reduce){.attors-concepts__grid .attors-concept-card,.attors-concept-card__media>img,.attors-concepts__link,.attors-concepts__link img{transition:none}} /* Client stories: verified Google review wall based on the supplied reference. */ #client-stories.attors-v2-testimonials{background:#ecf0f4;border:1px solid #e3e8ec;border-radius:var(--attors-radius);display:block;overflow:hidden;padding:clamp(72px,5.6vw,96px) clamp(24px,4.8vw,82px) clamp(70px,6vw,104px)} .attors-review-wall{box-sizing:border-box;isolation:isolate;position:relative;width:100%} .attors-review-wall__header{margin:0 auto clamp(48px,3.8vw,64px);max-width:1220px;position:relative;text-align:center;z-index:2} .attors-review-wall__summary{align-items:center;color:#5c656b;display:flex;flex-direction:column;font-family:Manrope,sans-serif;font-size:13px;font-weight:500;gap:8px;justify-content:center;letter-spacing:.02em} .attors-review-wall__summary-stars{color:#ffb81c;font-size:25px;letter-spacing:3px;line-height:1} .attors-review-wall__header h2{color:#111;font-size:clamp(44px,4vw,68px);font-weight:500!important;letter-spacing:-.052em;line-height:1.07;margin:24px auto 0;max-width:1220px} .attors-review-wall__header h2>span{background:linear-gradient(95deg,var(--attors-cyan) 0%,#0788ad 55%,#055b73 100%);background-clip:text;color:transparent;-webkit-background-clip:text;-webkit-text-fill-color:transparent} .attors-review-wall__header>p{color:#515b61;font-size:clamp(16px,1vw,18px);line-height:1.7;margin:0 auto;max-width:720px} .attors-review-wall__layers{background-image:url('/wp-content/themes/attors/assets/images/reviews-layered-lines.png');background-position:center bottom;background-repeat:no-repeat;background-size:min(1120px,90%) auto;bottom:100px;inset-inline:0;opacity:.62;pointer-events:none;position:absolute;top:34%;z-index:0} .attors-review-wall__grid{column-count:4;column-gap:18px;position:relative;z-index:1} .attors-review-wall__card{background:rgb(255 255 255 / 96%);border:1px solid rgb(216 223 228 / 72%);border-radius:18px;box-shadow:0 12px 30px rgb(36 57 70 / 4%);break-inside:avoid-column;box-sizing:border-box;display:inline-block;margin:0 0 18px;padding:clamp(24px,2vw,32px);transition:border-color .32s ease,box-shadow .32s ease,transform .38s cubic-bezier(.2,.75,.25,1);width:100%} .attors-review-wall__card:hover{border-color:rgb(11 166 207 / 40%);box-shadow:0 22px 54px rgb(27 54 70 / 11%);transform:translateY(-5px)} .attors-review-wall__card>header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between} .attors-review-wall__card>header strong{color:#111;font-family:Manrope,sans-serif;font-size:clamp(17px,1.15vw,20px);font-weight:500;line-height:1.25;overflow-wrap:anywhere} .attors-review-wall__google{align-items:center;border-radius:50%;display:inline-flex;flex:0 0 auto;height:28px;justify-content:center;padding:3px;transition:background-color .25s ease,transform .25s ease;width:28px} .attors-review-wall__google img{display:block;height:18px;width:18px} .attors-review-wall__google:hover,.attors-review-wall__google:focus-visible{background:#f1f4f6;transform:translateY(-2px)} .attors-review-wall__stars{color:#ffb81c;display:flex;font-family:Arial,sans-serif;font-size:17px;gap:2px;letter-spacing:0;line-height:1;margin:13px 0 17px} .attors-review-wall__card>p{color:#40484d;font-size:clamp(15px,.93vw,17px);line-height:1.65;margin:0} .attors-review-wall__card>p.attors-review-wall__rating-only{color:#687278;font-style:italic} .attors-review-wall>footer{display:flex;justify-content:center;margin-top:34px;position:relative;z-index:2} .attors-review-wall>footer .attors-button{background:#fff;border-color:#111;color:#111} .attors-review-wall>footer .attors-button:hover,.attors-review-wall>footer .attors-button:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff} @media(max-width:1250px){.attors-review-wall__grid{column-count:3}.attors-review-wall__layers{background-size:1050px auto}} @media(max-width:900px){#client-stories.attors-v2-testimonials{padding-inline:28px}.attors-review-wall__grid{column-count:2}.attors-review-wall__header{margin-bottom:50px}} @media(max-width:600px){#client-stories.attors-v2-testimonials{padding:62px 18px 64px}.attors-review-wall__header h2{font-size:clamp(38px,11vw,50px);margin-top:20px}.attors-review-wall__header>p{font-size:15px}.attors-review-wall__grid{column-count:1}.attors-review-wall__card{border-radius:16px;padding:24px}.attors-review-wall__layers{background-size:920px auto;inset-inline:-260px;opacity:.48}.attors-review-wall>footer{margin-top:24px}} @media(prefers-reduced-motion:reduce){.attors-review-wall__card{opacity:1;transform:none;transition:none}} /* Industry solutions: editorial two-card Swiper based on the supplied reference. */ #industries.attors-industries{background:#ecf0f4;border:1px solid #e3e8ec;border-radius:var(--attors-radius);box-sizing:border-box;overflow:hidden;padding:clamp(78px,7vw,116px) clamp(42px,6.2vw,106px) clamp(70px,6vw,102px)!important} .attors-industries__header{align-items:end;display:grid;gap:48px;grid-template-columns:minmax(0,1fr) auto} .attors-industries__header>div{max-width:960px} .attors-industries__header>div>span{color:#4f585e;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .attors-industries__header>div>span:before,.attors-industries__header>div>span:after{color:var(--attors-cyan);content:" / "} .attors-industries__header h2{color:#111;font-family:Manrope,sans-serif;font-size:clamp(50px,4.7vw,78px);font-weight:500!important;letter-spacing:-.055em;line-height:1.03;margin:22px 0 24px;max-width:940px} .attors-industries__header p{color:#50595f;font-family:Manrope,sans-serif;font-size:clamp(15px,1vw,17px);line-height:1.7;margin:0;max-width:800px} .attors-industries__header>.attors-button{margin-bottom:9px;white-space:nowrap} .attors-industries__carousel{margin-top:clamp(52px,5vw,78px);overflow:hidden;padding-bottom:4px;width:100%} .attors-industries__carousel .swiper-wrapper{align-items:stretch} .attors-industries__carousel .swiper-slide{height:auto} .attors-industry-card{background:#1f1f1f;border:1px solid #303030;border-radius:24px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease,transform .4s cubic-bezier(.2,.75,.25,1);transition-delay:var(--industry-delay,0ms)} .attors-industry-card:hover{border-color:rgb(11 166 207 / 70%);box-shadow:0 24px 56px rgb(18 37 48 / 18%);transform:translateY(-6px)} .attors-industry-card__media{aspect-ratio:16/8.3;border-radius:18px;display:block;margin:20px 20px 0;overflow:hidden;position:relative} .attors-industry-card__media>img{display:block;height:100%;object-fit:cover;transition:transform .72s cubic-bezier(.2,.75,.25,1);width:100%} .attors-industry-card:hover .attors-industry-card__media>img{transform:scale(1.035)} .attors-industry-card__number{align-items:flex-start;background:var(--attors-cyan);border-radius:9px 0 0 0;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:88px;min-width:92px;padding:12px 15px;position:absolute;right:0} .attors-industry-card__number small{font-size:10px;font-weight:500;letter-spacing:.04em;line-height:1.2;text-transform:uppercase} .attors-industry-card__number b{font-size:36px;font-weight:500;letter-spacing:-.04em;line-height:1;margin-top:9px} .attors-industry-card__content{display:flex;flex:1;flex-direction:column;padding:28px 32px 34px} .attors-industry-card__tags{display:flex;flex-wrap:wrap;gap:8px} .attors-industry-card__tags span{border:1px solid #5d5d5d;border-radius:999px;color:#eef0f1;font-size:11px;font-weight:500;padding:7px 16px} .attors-industry-card h3{color:#fff;font-size:clamp(28px,2.1vw,38px);font-weight:500!important;letter-spacing:-.035em;line-height:1.12;margin:28px 0 16px} .attors-industry-card p{color:#c4c8ca;font-size:15px;line-height:1.7;margin:0 0 28px;max-width:610px} .attors-industry-card__link{align-items:center;align-self:flex-start;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:10px;margin-top:auto;text-decoration:none;transition:color .28s ease,gap .28s ease} .attors-industry-card__link img{filter:brightness(0) invert(1);height:13px;transition:filter .28s ease,transform .28s ease;width:13px} .attors-industry-card__link:hover,.attors-industry-card__link:focus-visible{color:var(--attors-cyan);gap:14px} .attors-industry-card__link:hover img,.attors-industry-card__link:focus-visible img{filter:brightness(0) saturate(100%) invert(53%) sepia(90%) saturate(1724%) hue-rotate(151deg) brightness(90%) contrast(92%);transform:translateX(2px)} .attors-industries__controls{align-items:center;display:grid;gap:24px;grid-template-columns:42px minmax(100px,auto) 42px;justify-content:center;margin-top:34px;width:100%} .attors-industries__prev,.attors-industries__next{align-items:center;background:transparent;border:1px solid #7d878d;border-radius:50%;cursor:pointer;display:inline-flex;height:42px;justify-content:center;padding:0;transition:background-color .3s ease,border-color .3s ease,transform .3s ease;width:42px} .attors-industries__prev img,.attors-industries__next img{height:15px;transition:filter .3s ease;width:15px} .attors-industries__prev img{transform:rotate(180deg)} .attors-industries__prev:hover,.attors-industries__next:hover,.attors-industries__prev:focus-visible,.attors-industries__next:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);transform:translateY(-2px)} .attors-industries__prev:hover img,.attors-industries__next:hover img,.attors-industries__prev:focus-visible img,.attors-industries__next:focus-visible img{filter:brightness(0) invert(1)} .attors-industries__prev.swiper-button-disabled,.attors-industries__next.swiper-button-disabled{cursor:default;opacity:.34;transform:none} .attors-industries__pagination{align-items:center;display:flex;gap:10px;justify-content:center;min-width:100px;position:static!important;transform:none!important;width:auto!important} .attors-industries__pagination .swiper-pagination-bullet{background:#7e898f;margin:0!important;opacity:.45;position:static!important;transform:none!important;transition:background-color .25s ease,opacity .25s ease,width .25s ease} .attors-industries__pagination .swiper-pagination-bullet-active{background:var(--attors-cyan);border-radius:8px;opacity:1;width:22px} @media(max-width:980px){.attors-industries__header{align-items:start;grid-template-columns:1fr}.attors-industries__header>.attors-button{justify-self:start;margin:0}.attors-industries__header h2{font-size:clamp(46px,7vw,66px)}.attors-industry-card__content{padding-inline:28px}} @media(max-width:767px){#industries.attors-industries{padding:62px 20px 68px!important}.attors-industries__header{gap:28px}.attors-industries__header h2{font-size:clamp(40px,11vw,50px);margin:18px 0 20px}.attors-industries__header p{font-size:15px}.attors-industries__carousel{margin-top:48px}.attors-industry-card{border-radius:19px}.attors-industry-card__media{border-radius:14px;margin:12px 12px 0}.attors-industry-card__number{min-height:74px;min-width:76px;padding:10px 12px}.attors-industry-card__number b{font-size:30px;margin-top:7px}.attors-industry-card__content{padding:24px 22px 28px}.attors-industry-card h3{font-size:30px;margin:23px 0 14px}.attors-industry-card p{font-size:14px}.attors-industries__controls{gap:18px;grid-template-columns:42px minmax(80px,auto) 42px;margin-top:28px}} @media(prefers-reduced-motion:reduce){.attors-industry-card,.attors-industry-card__media>img,.attors-industry-card__link,.attors-industry-card__link img,.attors-industries__prev,.attors-industries__next{transition:none}} /* Header mega menus: dark editorial navigation treatment. */ .attors-mega-panel__inner{background:#1d1e1f;border-color:#303234;box-shadow:0 30px 72px rgb(7 12 16 / 28%);color:#fff} .attors-mega-panel__lead>span,.attors-mega-panel__feature>span{color:var(--attors-cyan)} .attors-mega-panel__lead p{color:#f2f4f5} .attors-mega-panel__lead a,.attors-mega-panel__columns h3{color:#fff} .attors-mega-panel__lead a,.attors-mega-panel__columns a{transition:color .24s ease,transform .24s ease} .attors-mega-panel__lead a:hover,.attors-mega-panel__lead a:focus-visible,.attors-mega-panel__columns a:hover,.attors-mega-panel__columns a:focus-visible{color:var(--attors-cyan);outline:0} .attors-mega-panel__columns a{color:#e7eaec;display:inline-block} .attors-mega-panel__columns a:hover,.attors-mega-panel__columns a:focus-visible{transform:translateX(3px)} .attors-mega-panel__feature{background:#292b2d;border:1px solid #3a3d3f;box-shadow:inset 0 1px rgb(255 255 255 / 3%)} .attors-mega-panel__feature:hover,.attors-mega-panel__feature:focus-visible{background:#242628;border-color:rgb(11 166 207 / 55%);outline:0;transform:translateY(-3px)} .attors-mega-panel__feature strong,.attors-mega-panel__feature b{color:#fff} .attors-mega-panel__feature p{color:#b9c1c6} @media(max-width:980px){.attors-mega-nav__list{background:#1d1e1f;border:1px solid #303234}.attors-mega-nav__trigger{color:#fff}.attors-mega-nav__trigger:hover,.attors-mega-nav__trigger[aria-expanded=true]{background:#292b2d;color:var(--attors-cyan)}.attors-mega-panel__inner{background:#232527}.attors-mega-panel__columns h3{color:#fff}.attors-mega-panel__columns a{color:#dfe3e5}} /* Shared page lock for off-canvas panels and modal dialogs. */ html.attors-scroll-locked,body.attors-scroll-locked,body.attors-drawer-open,body.editra-quick-find-open{overscroll-behavior:none;overflow:hidden!important} body.attors-scroll-locked{padding-right:var(--attors-scrollbar-gap,0)} /* A sticky header must not become the containing block for the viewport drawer. */ .attors-header.is-main-sticky-ready .attors-header__main{transform:none} body.attors-drawer-open .attors-header.is-main-sticky .attors-header__main{transform:none!important} /* Services: dark editorial image-card carousel. */ #services.attors-v2-services{background:#1f1f1f;border:1px solid #303234;border-radius:var(--attors-radius);box-sizing:border-box;color:#fff;overflow:hidden;padding:clamp(76px,6.8vw,112px) clamp(42px,6.2vw,106px) clamp(66px,5.7vw,94px)!important} .attors-services-carousel__header{align-items:end;display:grid;gap:54px;grid-template-columns:minmax(0,1fr) auto} .attors-services-carousel__header>div:first-child{max-width:980px} .attors-services-carousel__header>div:first-child>span{color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .attors-services-carousel__header>div:first-child>span:before,.attors-services-carousel__header>div:first-child>span:after{color:var(--attors-cyan);content:" / "} .attors-services-carousel__header h2{color:#fff!important;font-family:Manrope,sans-serif;font-size:clamp(50px,4.8vw,80px);font-weight:500!important;letter-spacing:-.056em;line-height:1.02;margin:22px 0 24px;max-width:980px} .attors-services-carousel__header p{color:#b9c1c6;font-size:clamp(15px,1vw,17px);line-height:1.72;margin:0;max-width:760px} .attors-services-carousel__controls{align-items:center;border:1px solid #555b5f;border-radius:999px;display:grid;grid-template-columns:58px 58px;overflow:hidden} .attors-services-carousel__prev,.attors-services-carousel__next{align-items:center;background:transparent;border:0;color:#fff;cursor:pointer;display:flex;height:54px;justify-content:center;padding:0;position:relative;transition:background-color .3s ease,opacity .3s ease} .attors-services-carousel__prev:after{background:#555b5f;bottom:12px;content:"";position:absolute;right:0;top:12px;width:1px} .attors-services-carousel__prev img,.attors-services-carousel__next img{filter:brightness(0) invert(1);height:16px;transition:filter .3s ease,transform .3s ease;width:16px} .attors-services-carousel__prev img{transform:rotate(180deg)} .attors-services-carousel__prev:hover,.attors-services-carousel__next:hover,.attors-services-carousel__prev:focus-visible,.attors-services-carousel__next:focus-visible{background:var(--attors-cyan);outline:0} .attors-services-carousel__prev:hover img,.attors-services-carousel__prev:focus-visible img{transform:rotate(180deg) translateX(2px)} .attors-services-carousel__next:hover img,.attors-services-carousel__next:focus-visible img{transform:translateX(2px)} .attors-services-carousel__prev.swiper-button-disabled,.attors-services-carousel__next.swiper-button-disabled{cursor:default;opacity:.3} .attors-services-carousel{margin-top:clamp(52px,5vw,78px);overflow:hidden;width:100%} .attors-services-carousel .swiper-wrapper{align-items:stretch} .attors-services-carousel .swiper-slide{height:auto} .attors-service-card{background:#fff;border:1px solid #e2e6e8;border-radius:22px;box-sizing:border-box;color:#111;display:flex;flex-direction:column;height:100%;overflow:visible;padding:16px 16px 0;position:relative;transition:border-color .35s ease,box-shadow .35s ease,transform .42s cubic-bezier(.2,.75,.25,1)} .attors-service-card:after{background:#1f1f1f;border-top-left-radius:27px;bottom:-1px;content:"";height:66px;position:absolute;right:-1px;width:66px;z-index:2} .attors-service-card:hover{border-color:rgb(11 166 207 / 68%);box-shadow:0 24px 58px rgb(3 10 14 / 24%);transform:translateY(-6px)} .attors-service-card__media{aspect-ratio:1/1.04;border-radius:16px;display:block;overflow:hidden;position:relative;z-index:1} .attors-service-card__media img{display:block;height:100%;object-fit:cover;transition:filter .5s ease,transform .75s cubic-bezier(.2,.75,.25,1);width:100%} .attors-service-card:hover .attors-service-card__media img{filter:saturate(1.05) contrast(1.02);transform:scale(1.035)} .attors-service-card__body{align-items:flex-start;display:flex;flex:1;padding:30px 66px 32px 14px;position:relative;z-index:1} #services .attors-service-card h3{color:#111!important;font-size:clamp(24px,1.65vw,30px);font-weight:500!important;letter-spacing:-.035em;line-height:1.16;margin:0} .attors-service-card__link{align-items:center;background:#111;border:0;border-radius:17px;bottom:2px;box-shadow:0 10px 22px rgb(0 0 0 / 22%);display:flex;height:50px;justify-content:center;position:absolute;right:2px;transition:background-color .3s ease,box-shadow .3s ease,transform .3s ease;width:50px;z-index:3} .attors-service-card__link img{filter:brightness(0) invert(1);height:16px;transform:rotate(-45deg);transition:transform .3s ease;width:16px} .attors-service-card__link:hover,.attors-service-card__link:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);outline:0;transform:translateY(-2px)} .attors-service-card__link:hover img,.attors-service-card__link:focus-visible img{transform:rotate(-45deg) translate(2px,0)} .attors-v2-services>footer{display:flex;justify-content:flex-start;margin-top:36px} .attors-services-carousel__all{align-items:center;border:1px solid #666c70;border-radius:999px;color:#fff;display:inline-flex;font-size:13px;font-weight:500;gap:14px;min-height:48px;padding:0 24px;text-decoration:none;transition:background-color .3s ease,border-color .3s ease,gap .3s ease,transform .3s ease} .attors-services-carousel__all img{filter:brightness(0) invert(1);height:13px;width:13px} .attors-services-carousel__all:hover,.attors-services-carousel__all:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);gap:18px;outline:0;transform:translateY(-2px)} @media(max-width:1023px){.attors-services-carousel__header{align-items:start;grid-template-columns:1fr}.attors-services-carousel__controls{justify-self:start}.attors-services-carousel__header h2{font-size:clamp(46px,7vw,66px)}} @media(max-width:767px){#services.attors-v2-services{padding:60px 20px 66px!important}.attors-services-carousel__header{gap:30px}.attors-services-carousel__header h2{font-size:clamp(40px,11vw,50px);margin:18px 0 20px}.attors-services-carousel__header p{font-size:15px}.attors-services-carousel__controls{grid-template-columns:52px 52px}.attors-services-carousel__prev,.attors-services-carousel__next{height:48px}.attors-services-carousel{margin-top:46px}.attors-service-card{border-radius:19px;padding:12px 12px 0}.attors-service-card:after{border-top-left-radius:24px}.attors-service-card__media{border-radius:14px}.attors-service-card__body{padding:26px 62px 26px 10px}#services .attors-service-card h3{font-size:28px}.attors-service-card__link{border-radius:15px}.attors-v2-services>footer{margin-top:30px}} @media(prefers-reduced-motion:reduce){.attors-service-card,.attors-service-card__media img,.attors-service-card__link,.attors-services-carousel__prev,.attors-services-carousel__next,.attors-services-carousel__all{transition:none}} /* Platform logo refinement */ .attors-platform-card__logo img{height:46px;max-width:54px;width:54px} .attors-mega-nav__parent{align-items:center;border-radius:14px;display:flex;transition:background-color .25s ease,color .25s ease}.attors-mega-nav__parent-link{color:inherit;font-size:13px;font-weight:700;padding:16px 4px 16px 14px;text-decoration:none;text-transform:uppercase}.attors-mega-nav__parent .attors-mega-nav__trigger{background:transparent!important;color:inherit;padding:16px 14px 16px 7px}.attors-mega-nav__item:hover .attors-mega-nav__parent,.attors-mega-nav__item:focus-within .attors-mega-nav__parent,.attors-mega-nav__item.is-open .attors-mega-nav__parent{background:#111;color:#fff}.attors-mega-nav__parent-link:focus-visible,.attors-mega-nav__parent .attors-mega-nav__trigger:focus-visible{outline:2px solid var(--attors-cyan);outline-offset:-3px}.attors-mega-panel__inner{background:#1f1f1f;border-color:#303236;color:#fff}.attors-mega-panel__lead p{color:#fff}.attors-mega-panel__lead a{color:#fff}.attors-mega-panel__column-label{color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;margin:0 0 20px;text-transform:uppercase}.attors-mega-panel__columns a{color:#d7dadd}.attors-mega-panel__columns a:hover,.attors-mega-panel__columns a:focus-visible{color:var(--attors-cyan)}.attors-mega-panel__feature{background:#2a2c2e;border:1px solid #3b3e40}.attors-footer__bottom button{background:none;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-decoration:none}.attors-footer__bottom button:hover,.attors-footer__bottom button:focus-visible{color:var(--attors-cyan)} @media(max-width:980px){.attors-mega-nav__parent{justify-content:space-between}.attors-mega-nav__parent-link{font-size:15px;padding:16px}.attors-mega-nav__parent .attors-mega-nav__trigger{flex:0 0 48px;padding:16px}.attors-mega-panel__inner{background:#1f1f1f}.attors-mega-panel__columns{padding-top:12px}} /* Accessibility-preserving color contexts and generous carousel hit areas. */ .attors-products,.attors-footer,.attors-mega-panel__inner{--attors-cyan:#0ba6cf} .attors-v2-why__panel{--attors-cyan:#0ba6cf} .attors-footer__brand>img{height:auto;max-width:150px;width:150px} .attors-footer__bottom p,.attors-footer__bottom a{color:#8c8c8c;opacity:1} .attors-header__social .wp-block-social-link-anchor{align-items:center;display:flex;height:28px;justify-content:center;width:28px} .swiper-pagination-clickable .swiper-pagination-bullet[role=button]{background:transparent!important;box-sizing:border-box;height:24px!important;margin:0 1px!important;opacity:1!important;position:relative;width:24px!important} .swiper-pagination-clickable .swiper-pagination-bullet[role=button]::after{background:#7e898f;border-radius:50%;content:"";height:8px;left:50%;opacity:.55;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .25s ease,opacity .25s ease,width .25s ease;width:8px} .swiper-pagination-clickable .swiper-pagination-bullet-active[role=button]::after{background:var(--attors-cyan);border-radius:8px;opacity:1;width:16px} @media(max-width:767px){.attors-platform-card h3{margin-top:42px}} /* Stage 10: viewport-centered mega menus with a safe compact breakpoint. */ @media(min-width:1241px){ .attors-mega-panel{left:50%;right:auto;width:calc(100vw - 60px);transform:translate(-50%,8px)} .attors-mega-nav__item.is-open .attors-mega-panel{transform:translate(-50%,0)} .attors-mega-panel__inner,#attors-menu-work .attors-mega-panel__inner,#attors-menu-products .attors-mega-panel__inner,#attors-menu-insights .attors-mega-panel__inner,#attors-menu-company .attors-mega-panel__inner{gap:clamp(16px,1.65vw,32px);grid-template-columns:clamp(165px,14vw,220px) minmax(0,1fr) clamp(210px,18vw,280px);max-width:none;padding:clamp(24px,2.1vw,34px);width:100%} .attors-mega-panel__columns{gap:clamp(13px,1.45vw,28px);grid-template-columns:repeat(4,minmax(0,1fr))} #attors-menu-work .attors-mega-panel__columns,#attors-menu-products .attors-mega-panel__columns,#attors-menu-company .attors-mega-panel__columns{grid-template-columns:repeat(3,minmax(0,1fr))} #attors-menu-insights .attors-mega-panel__columns{grid-template-columns:repeat(2,minmax(0,1fr))} .attors-mega-panel__columns>div{min-width:0} .attors-mega-panel__column-label,.attors-mega-panel__columns a,.attors-mega-panel__feature strong,.attors-mega-nav__parent-link{white-space:nowrap} .attors-mega-panel__columns a{font-size:clamp(11.5px,.78vw,14px)} .attors-mega-panel__column-label{font-size:clamp(10.5px,.69vw,12px)} .attors-mega-panel__feature{padding:clamp(19px,1.55vw,25px)} .attors-mega-panel__feature strong{font-size:clamp(15px,.95vw,18px)} .attors-mega-panel__lead p{font-size:clamp(16px,1.1vw,20px)} } @media(max-width:1240px){ .attors-header__bar.wp-block-group{column-gap:18px!important;justify-content:flex-start} .attors-mega-nav{align-self:center;margin-left:auto!important;margin-right:0!important} .attors-header__actions{gap:18px!important;margin-left:0!important} .attors-mega-nav__mobile-toggle{align-items:center;align-self:center;background:transparent;border:0;border-radius:10px;color:#111;cursor:pointer;display:flex;font:650 13px/1 Manrope,sans-serif;gap:9px;justify-content:center;min-height:48px;padding:8px 6px;text-transform:uppercase;transition:background-color .25s ease,color .25s ease} .attors-mega-nav__mobile-toggle:hover,.attors-mega-nav__mobile-toggle:focus-visible,.attors-mega-nav__mobile-toggle[aria-expanded=true]{background:rgb(0 127 163 / 9%);color:var(--attors-cyan);outline:0} .attors-mega-nav__mobile-toggle i,.attors-mega-nav__mobile-toggle i:after{background:currentColor;content:"";display:block;height:1px;width:19px} .attors-mega-nav__mobile-toggle i:after{transform:translateY(6px)} .attors-mega-nav__list{background:#1d1e1f;border:1px solid #303234;border-radius:18px;box-shadow:0 22px 55px rgb(0 0 0 / 18%);display:none;left:20px;max-height:calc(100vh - 170px);overflow:auto;padding:14px;position:absolute;right:20px;top:calc(100% + 10px);z-index:100} .attors-mega-nav.is-mobile-open .attors-mega-nav__list{display:block} .attors-mega-nav__item{display:block} .attors-mega-nav__parent{color:#fff;justify-content:space-between} .attors-mega-nav__parent-link{font-size:15px;padding:16px} .attors-mega-nav__parent .attors-mega-nav__trigger{color:#fff;flex:0 0 48px;padding:16px} .attors-mega-panel{display:none;opacity:1;padding:0;pointer-events:auto;position:static;transform:none;width:auto} .attors-mega-nav__item.is-open .attors-mega-panel{display:block;transform:none} .attors-mega-panel__inner,#attors-menu-work .attors-mega-panel__inner,#attors-menu-products .attors-mega-panel__inner,#attors-menu-insights .attors-mega-panel__inner,#attors-menu-company .attors-mega-panel__inner{background:#1f1f1f;border:0;box-shadow:none;display:block;max-width:none;padding:10px 16px 25px;width:auto} .attors-mega-panel__lead,.attors-mega-panel__feature{display:none} .attors-mega-panel__columns,#attors-menu-work .attors-mega-panel__columns,#attors-menu-products .attors-mega-panel__columns,#attors-menu-insights .attors-mega-panel__columns,#attors-menu-company .attors-mega-panel__columns{display:grid;grid-template-columns:1fr 1fr;padding-top:12px} } @media(max-width:781px){ .attors-header__main{padding-inline:18px} .attors-header__identity{gap:14px} .attors-header__bar.wp-block-group{column-gap:14px!important} .attors-header__actions{gap:14px!important;margin-left:0!important} } @media(max-width:600px){ .attors-header__bar{min-height:76px} .attors-header__bar.wp-block-group{column-gap:10px!important} .attors-header__actions{display:none!important} .attors-mega-nav__mobile-toggle{min-height:44px;padding-inline:4px} } @media(max-width:767px){ .attors-mega-panel__columns,#attors-menu-work .attors-mega-panel__columns,#attors-menu-products .attors-mega-panel__columns,#attors-menu-insights .attors-mega-panel__columns,#attors-menu-company .attors-mega-panel__columns{grid-template-columns:1fr} } /* Stage 10 carousel title and footer density safeguards. */ .attors-platform-card h3{font-size:clamp(25px,1.65vw,31px);line-height:1.12;min-height:2.24em;text-wrap:balance;white-space:normal} .attors-footer__links h3{white-space:nowrap} @media(max-width:1180px) and (min-width:768px){.attors-footer__links{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:600px){.attors-footer__links{gap:38px;grid-template-columns:minmax(0,1fr)}} /* Products — clean premium card layout based on the supplied reference. */ #products.attors-products{ background:#0e1720; color:#fff; overflow:hidden; } #products .attors-section-head{max-width:940px} #products .attors-section-head>span{color:var(--attors-cyan)} #products .attors-section-head h2{color:#fff;font-weight:500} #products .attors-section-head p{color:#b7c1ca;max-width:780px} .attors-products__grid{ display:grid; gap:14px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:60px; } .attors-products__grid .attors-product-card{ align-items:start; background:#14212b; border:1px solid #2b3d49; border-radius:18px; box-sizing:border-box; display:grid; gap:28px; grid-template-areas:"logo content category"; grid-template-columns:96px minmax(0,1fr) auto; min-height:240px; overflow:hidden; padding:28px; position:relative; transition:background-color .3s ease,border-color .3s ease,box-shadow .35s ease,transform .35s cubic-bezier(.2,.75,.25,1); } .attors-products__grid .attors-product-card:hover{ background:#182833; border-color:rgb(11 166 207 / 58%); box-shadow:0 22px 46px rgb(0 0 0 / 20%); transform:translateY(-4px); } .attors-product-card__logo{ align-items:center; background:#fff; border-radius:15px; box-shadow:0 12px 26px rgb(0 0 0 / 16%); display:flex; grid-area:logo; height:92px; justify-content:center; width:92px; } .attors-product-card__logo img{ filter:brightness(0) saturate(100%) invert(53%) sepia(93%) saturate(1447%) hue-rotate(150deg) brightness(91%) contrast(95%); height:50px; transition:transform .35s ease; width:50px; } .attors-product-card:hover .attors-product-card__logo img{transform:scale(1.07) rotate(-3deg)} .attors-product-card__content{ display:flex; flex-direction:column; grid-area:content; height:100%; min-width:0; } #products .attors-product-card h3{ color:#fff; font-size:clamp(27px,1.85vw,34px); font-weight:500; letter-spacing:-.035em; line-height:1.15; margin:7px 0 14px; } #products .attors-product-card p{ color:#c2ccd3; font-size:15px; line-height:1.65; margin:0; max-width:470px; } .attors-product-card__category{ align-self:start; background:#172a37; border:1px solid #243d4c; border-radius:999px; color:var(--attors-cyan)!important; font-size:11px!important; font-weight:600; grid-area:category; letter-spacing:.04em; line-height:1; padding:10px 14px; text-transform:uppercase; white-space:nowrap; } .attors-products__grid .attors-product-card__link{ align-items:center; align-self:flex-start; color:#fff; display:inline-flex; font-size:13px; font-weight:600; gap:12px; margin-top:auto; padding-top:28px; text-decoration:none; } .attors-product-card__link-icon{ align-items:center; border:1px solid #a8c3d3; border-radius:50%; display:flex; height:28px; justify-content:center; transition:background-color .25s ease,border-color .25s ease,transform .25s ease; width:28px; } .attors-product-card__link-icon img{filter:brightness(0) invert(1);height:11px;transform:rotate(-45deg);width:11px} .attors-product-card__link:hover .attors-product-card__link-icon,.attors-product-card__link:focus-visible .attors-product-card__link-icon{background:var(--attors-cyan);border-color:var(--attors-cyan);transform:translateX(3px)} .attors-product-card__link:focus-visible{outline:2px solid var(--attors-cyan);outline-offset:5px} @media(max-width:1180px){ .attors-products__grid .attors-product-card{gap:22px;grid-template-areas:"logo category" "content content";grid-template-columns:92px minmax(0,1fr);min-height:340px} .attors-product-card__category{justify-self:end} } @media(max-width:900px){.attors-products__grid{grid-template-columns:1fr}.attors-products__grid .attors-product-card{min-height:290px}} @media(max-width:600px){ #products.attors-products{padding:60px 20px 66px!important} .attors-products__grid{gap:14px;margin-top:44px} .attors-products__grid .attors-product-card{border-radius:16px;gap:20px;grid-template-areas:"logo category" "content content";grid-template-columns:72px minmax(0,1fr);min-height:0;padding:20px} .attors-product-card__logo{border-radius:13px;height:70px;width:70px} .attors-product-card__logo img{height:40px;width:40px} .attors-product-card__category{font-size:9px!important;max-width:150px;padding:8px 10px;text-align:center;white-space:normal} #products .attors-product-card h3{font-size:28px;margin-top:2px} #products .attors-product-card p{font-size:14px} .attors-products__grid .attors-product-card__link{padding-top:24px} } /* Shared carousel choreography: controls at the top-right, archive CTA below. */ .attors-work-carousel__header,.attors-platforms__header,.attors-industries__header{ align-items:end; display:grid; gap:clamp(36px,5vw,80px); grid-template-columns:minmax(0,1fr) auto; } .attors-work-carousel__header>div,.attors-platforms__header>.attors-section-head,.attors-industries__header>div{max-width:980px} .attors-work-carousel__header>div>span{color:#fff;font-size:14px;font-weight:500} .attors-work-carousel__header h2{color:#fff!important;font-weight:500!important;margin-bottom:24px;max-width:900px} .attors-work-carousel__header p{color:#b9c1c6;font-size:clamp(15px,1vw,17px);line-height:1.72;margin:0;max-width:760px} .attors-carousel-controls{ align-items:center; border:1px solid; border-radius:999px; display:grid; flex:0 0 auto; gap:0; grid-template-columns:58px 58px; justify-self:end; overflow:hidden; width:auto; } .attors-carousel-controls--dark{border-color:#555b5f} .attors-carousel-controls--light{border-color:#8e989f} .attors-carousel-controls .attors-project-carousel__prev,.attors-carousel-controls .attors-project-carousel__next, .attors-carousel-controls .attors-platform-carousel__prev,.attors-carousel-controls .attors-platform-carousel__next, .attors-carousel-controls .attors-industries__prev,.attors-carousel-controls .attors-industries__next, .attors-carousel-controls .attors-insights__prev,.attors-carousel-controls .attors-insights__next{ align-items:center; background:transparent; border:0; border-radius:0; box-shadow:none; cursor:pointer; display:flex; height:54px; justify-content:center; margin:0; padding:0; position:relative; transition:background-color .3s ease,opacity .3s ease,transform .3s ease; width:58px; } .attors-carousel-controls button:first-child:after{background:currentColor;bottom:12px;content:"";opacity:.28;position:absolute;right:0;top:12px;width:1px} .attors-carousel-controls button img{height:16px;transition:filter .3s ease,transform .3s ease;width:16px} .attors-carousel-controls button:first-child img{transform:rotate(180deg)} .attors-carousel-controls--dark button{color:#fff} .attors-carousel-controls--dark button img{filter:brightness(0) invert(1)} .attors-carousel-controls--light button{color:#111} .attors-carousel-controls--light button img{filter:none} .attors-carousel-controls button:hover,.attors-carousel-controls button:focus-visible{background:var(--attors-cyan);color:#fff;outline:0} .attors-carousel-controls button:hover img,.attors-carousel-controls button:focus-visible img{filter:brightness(0) invert(1)} .attors-carousel-controls button:first-child:hover img,.attors-carousel-controls button:first-child:focus-visible img{transform:rotate(180deg) translateX(2px)} .attors-carousel-controls button:last-child:hover img,.attors-carousel-controls button:last-child:focus-visible img{transform:translateX(2px)} .attors-carousel-controls button.swiper-button-disabled{background:transparent;cursor:default;opacity:.3;transform:none} .attors-carousel-controls--dark button.swiper-button-disabled img{filter:brightness(0) invert(1)} .attors-carousel-controls--light button.swiper-button-disabled img{filter:none} .attors-carousel-all{ align-items:center; border:1px solid; border-radius:999px; display:inline-flex; font-size:13px; font-weight:500; gap:14px; min-height:48px; padding:0 24px; text-decoration:none; transition:background-color .3s ease,border-color .3s ease,color .3s ease,gap .3s ease,transform .3s ease; } .attors-carousel-all img{height:13px;transition:filter .3s ease,transform .3s ease;width:13px} .attors-carousel-all--dark{border-color:#666c70;color:#fff} .attors-carousel-all--dark img{filter:brightness(0) invert(1)} .attors-carousel-all--light{border-color:#8e989f;color:#111} .attors-carousel-all:hover,.attors-carousel-all:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff;gap:18px;outline:0;transform:translateY(-2px)} .attors-carousel-all:hover img,.attors-carousel-all:focus-visible img{filter:brightness(0) invert(1);transform:translateX(2px)} #selected-work .attors-project-carousel{margin-top:clamp(52px,5vw,78px);padding-bottom:0} #selected-work .attors-project-carousel__controls{margin:0} #selected-work>footer,#platforms>footer,#industries>footer,#insights>footer{display:flex;justify-content:flex-start;margin-top:36px} #platforms .attors-platform-carousel,#industries .attors-industries__carousel,#insights .attors-insights__carousel{margin-top:clamp(52px,5vw,78px)} #platforms .attors-platform-carousel__controls,#industries .attors-industries__controls{margin:0;width:auto} #insights .attors-insights__controls{align-self:end;display:grid;gap:0;margin:0;width:auto} .attors-project-carousel__pagination,.attors-platform-carousel__pagination,.attors-industries__pagination{display:none!important} /* Product cards: title/tag share the top row; copy and CTA use the full text track. */ .attors-products__grid .attors-product-card{ grid-template-areas:"logo content"; grid-template-columns:96px minmax(0,1fr); } .attors-product-card__content{width:100%} .attors-product-card__top{align-items:start;display:flex;gap:24px;justify-content:space-between;width:100%} #products .attors-product-card__top h3{margin:7px 0 20px} .attors-product-card__category{flex:0 0 auto;grid-area:auto} #products .attors-product-card p{max-width:none;width:100%} .attors-products__grid .attors-product-card__link{margin-top:auto;width:max-content} @media(max-width:1023px){ .attors-work-carousel__header,.attors-platforms__header,.attors-industries__header{align-items:start;grid-template-columns:1fr} .attors-carousel-controls{justify-self:start} } @media(max-width:767px){ .attors-carousel-controls{grid-template-columns:52px 52px} .attors-carousel-controls .attors-project-carousel__prev,.attors-carousel-controls .attors-project-carousel__next, .attors-carousel-controls .attors-platform-carousel__prev,.attors-carousel-controls .attors-platform-carousel__next, .attors-carousel-controls .attors-industries__prev,.attors-carousel-controls .attors-industries__next, .attors-carousel-controls .attors-insights__prev,.attors-carousel-controls .attors-insights__next{height:48px;width:52px} #selected-work>footer,#platforms>footer,#industries>footer,#insights>footer{margin-top:30px} } @media(max-width:600px){ .attors-products__grid .attors-product-card{grid-template-areas:"logo" "content";grid-template-columns:1fr} .attors-product-card__top{align-items:flex-start;gap:16px} .attors-product-card__category{max-width:145px} } /* Premium image-led FAQ section */ #faq.attors-v2-faq{ background:#f1f4f6; border-radius:24px; display:grid; gap:clamp(54px,7vw,118px); grid-template-columns:minmax(280px,.58fr) minmax(0,1.42fr); min-height:1080px; overflow:hidden; padding:clamp(78px,7vw,118px) clamp(48px,7vw,112px)!important; position:relative; } .attors-v2-faq__visual{align-self:end;display:flex;justify-content:flex-start;min-height:330px} .attors-v2-faq__visual img{align-self:end;display:block;filter:brightness(0) saturate(100%) invert(84%) sepia(7%) saturate(312%) hue-rotate(163deg) brightness(96%) contrast(91%);height:auto;opacity:.72;width:min(100%,360px)} .attors-v2-faq__content{align-self:start;min-width:0} #faq .attors-v2-faq__intro{max-width:850px;position:static} #faq .attors-v2-faq__intro>span{color:#50585d;font-size:13px;letter-spacing:.08em} #faq .attors-v2-faq__intro h2{font-size:clamp(50px,4.6vw,76px);font-weight:500;letter-spacing:-.052em;line-height:1.03;margin:20px 0 26px;max-width:820px} #faq .attors-v2-faq__intro p{color:#4d555a;font-size:16px;line-height:1.65;margin:0;max-width:680px} #faq .attors-v2-faq__list{border-top:0;margin-top:58px} #faq .attors-v2-faq__list details{border-bottom:1px solid #8f989d;padding:0} #faq .attors-v2-faq__list details:first-child{border-top:1px solid #8f989d} #faq .attors-v2-faq__list summary{align-items:center;cursor:pointer;display:grid;gap:30px;grid-template-columns:minmax(0,1fr) 30px;list-style:none;padding:27px 0;position:relative} #faq .attors-v2-faq__list summary::-webkit-details-marker{display:none} #faq .attors-v2-faq__question{font-size:clamp(20px,1.55vw,25px);font-weight:500;letter-spacing:-.025em;line-height:1.35;position:static;right:auto} #faq .attors-v2-faq__list details[open] .attors-v2-faq__question{transform:none} #faq .attors-v2-faq__icon{align-items:center;display:flex;height:30px;justify-content:center;justify-self:end;position:static;right:auto;width:30px} #faq .attors-v2-faq__icon img{height:13px;transition:transform .38s cubic-bezier(.2,.8,.2,1);width:13px} #faq .attors-v2-faq__list details:not([open]) .attors-v2-faq__icon img{transform:rotate(90deg)} #faq .attors-v2-faq__list details[open] .attors-v2-faq__icon img{transform:rotate(-90deg)} #faq .attors-v2-faq__answer{height:0;opacity:0;overflow:hidden;transition:height .42s cubic-bezier(.22,.75,.28,1),opacity .28s ease} #faq .attors-v2-faq__answer>div{padding:0 70px 27px 0} #faq .attors-v2-faq__answer p{color:#4d555a;font-size:16px;line-height:1.7;margin:0;max-width:760px;padding:0} #faq .attors-v2-faq__content>.attors-button{margin-top:42px} @media(max-width:1100px){ #faq.attors-v2-faq{gap:55px;grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);padding:76px 58px!important} .attors-v2-faq__visual img{width:min(100%,280px)} } @media(max-width:900px){ #faq.attors-v2-faq{gap:42px;grid-template-columns:1fr;min-height:0;padding:68px clamp(28px,7vw,62px)!important} .attors-v2-faq__content{grid-row:1} .attors-v2-faq__visual{grid-row:2;justify-content:flex-end;min-height:0;position:absolute;bottom:34px;right:34px} .attors-v2-faq__visual img{opacity:.2;width:180px} #faq .attors-v2-faq__content{position:relative;z-index:1} } @media(max-width:600px){ #faq.attors-v2-faq{border-radius:18px;padding:54px 22px 62px!important} #faq .attors-v2-faq__intro h2{font-size:clamp(39px,11vw,48px);margin:16px 0 22px} #faq .attors-v2-faq__intro p{font-size:15px} #faq .attors-v2-faq__list{margin-top:42px} #faq .attors-v2-faq__list summary{gap:18px;grid-template-columns:minmax(0,1fr) 26px;padding:22px 0} #faq .attors-v2-faq__question{font-size:19px} #faq .attors-v2-faq__answer>div{padding:0 34px 22px 0} #faq .attors-v2-faq__answer p{font-size:14px} .attors-v2-faq__visual{bottom:26px;right:22px} .attors-v2-faq__visual img{width:130px} } @media(prefers-reduced-motion:reduce){#faq .attors-v2-faq__answer,#faq .attors-v2-faq__icon img{transition:none}} /* Native homepage block compatibility: core blocks retain the approved visual shell. */ .home .attors-home-native-section,.home .attors-home-native-section .wp-block-group,.home .attors-home-native-section .wp-block-image,.home .attors-home-native-section .wp-block-buttons,.home .attors-home-native-section p{box-sizing:border-box} .home .attors-home-native-section>.wp-block-group,.home .attors-home-native-section .wp-block-group>p:first-child{margin-block-start:0} .home .attors-home-native-section .attors-native-eyebrow{color:var(--attors-cyan);font-size:13px;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase} .home .attors-home-native-section .wp-block-image{margin:0} .home .attors-home-native-section .wp-block-button.attors-button{background:transparent;border:0;border-radius:0;box-shadow:none;display:block;min-height:0;padding:0;transform:none} .home .attors-home-native-section .wp-block-button.attors-button:hover,.home .attors-home-native-section .wp-block-button.attors-button:focus-visible{background:transparent;border:0;box-shadow:none;transform:none} .home .attors-home-native-section .wp-block-button.attors-button .wp-block-button__link{align-items:center;background:transparent;border:1px solid #8f999f;border-radius:999px;color:#111;display:inline-flex;font:500 13px Manrope,sans-serif;min-height:48px;padding:0 24px;text-decoration:none;transition:.3s ease} .home .attors-home-native-section .wp-block-button.attors-button .wp-block-button__link:after{content:"↗";margin-left:14px} .home .attors-home-native-section .wp-block-button.attors-button .wp-block-button__link:hover,.home .attors-home-native-section .wp-block-button.attors-button .wp-block-button__link:focus-visible{background:var(--attors-cyan);border-color:var(--attors-cyan);color:#fff;outline:0;transform:translateY(-2px)} .home .attors-proof__intro>.wp-block-buttons{margin-top:32px} .home .attors-proof__icon figure{height:100%;width:100%} .home .attors-goals__header .attors-native-eyebrow{margin-bottom:0} .home .attors-goal-card__step{margin:0} .home .attors-goal-card__copy>p:last-child{margin:0} .home .attors-goal-card__link:after{background:currentColor;content:"";display:inline-block;height:13px;margin-left:12px;-webkit-mask:url(../icons/arrow-right.svg) center/contain no-repeat;mask:url(../icons/arrow-right.svg) center/contain no-repeat;vertical-align:-2px;width:13px} .home .attors-v2-why__visual-copy>p{color:var(--attors-cyan);font-family:Manrope,sans-serif;font-size:clamp(78px,7.1vw,132px);font-weight:500;letter-spacing:-.075em;line-height:.78;margin:0;text-transform:uppercase} .home .attors-v2-why__visual-copy>p:last-child{margin-left:.52em} .home .attors-v2-why__panel header>.attors-native-eyebrow{color:#fff;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none} .home .attors-v2-why__panel header>.attors-native-eyebrow:before,.home .attors-v2-why__panel header>.attors-native-eyebrow:after{color:var(--attors-cyan);content:" / "} .home .attors-v2-why__panel header>p:last-child{color:#bfc4c7;font-size:clamp(15px,1vw,17px);line-height:1.7;margin:0;max-width:640px} .home .attors-v2-why__list summary{grid-template-columns:32px minmax(0,1fr) 16px} .home .attors-v2-why__list summary>strong{color:#fff;font-size:clamp(20px,1.45vw,27px);font-weight:500;letter-spacing:-.025em;line-height:1.25} .home .attors-v2-why__list summary:after{color:#fff;content:"↗";font-size:17px;line-height:1;transition:transform .35s ease} .home .attors-v2-why__list details[open] summary:after{color:var(--attors-cyan);transform:rotate(90deg)} .home .attors-v2-why__panel>.wp-block-buttons{margin-top:clamp(36px,4vw,54px)} .home .attors-v2-why__panel .wp-block-button.attors-button .wp-block-button__link{border-color:#8c8c8c;color:#fff} .home .attors-process__media figure{height:100%;margin:0} .home #process .attors-native-number{color:transparent;font-size:clamp(52px,4vw,68px);font-weight:500;letter-spacing:-.06em;line-height:1;margin:0;-webkit-text-stroke:1px var(--attors-cyan)} .home .attors-process__content>.wp-block-buttons{margin-top:36px} .home #faq .attors-v2-faq__intro>.attors-native-eyebrow{color:#50585d;font-size:13px;letter-spacing:.08em} .home #faq .attors-v2-faq__intro>p:last-child{color:#4d555a;font-size:16px;line-height:1.65;margin:0;max-width:680px} .home #faq .attors-v2-faq__list summary{font-size:clamp(20px,1.55vw,25px);font-weight:500;letter-spacing:-.025em;line-height:1.35} .home #faq .attors-v2-faq__list summary:after{content:"→";font-size:22px;justify-self:end;line-height:1;transform:rotate(90deg);transition:transform .38s cubic-bezier(.2,.8,.2,1)} .home #faq .attors-v2-faq__list details[open] summary:after{transform:rotate(-90deg)} .home #faq .attors-v2-faq__answer{margin:0} .home #faq .attors-v2-faq__answer>p{padding:0 70px 27px 0} .home .attors-v2-faq__content>.wp-block-buttons{margin-top:42px} @media(max-width:767px){.home .attors-v2-why__visual-copy>p{font-size:clamp(62px,21vw,92px)}.home .attors-v2-why__list summary{grid-template-columns:26px minmax(0,1fr) 15px}.home #process .attors-native-number{font-size:48px}.home #faq .attors-v2-faq__answer>p{padding:0 34px 22px 0}} @media(min-width:1200px){.home #start-with-your-goal.attors-home-native-section{min-height:1029.52px}.home #why-attors.attors-home-native-section{min-height:1194.23px}.home #process.attors-home-native-section{min-height:1522.97px}.home #faq.attors-home-native-section{min-height:1486.64px}} @media(min-width:768px) and (max-width:1199px){.home #proof.attors-home-native-section{min-height:1250.66px}.home #start-with-your-goal.attors-home-native-section{min-height:922.06px}.home #why-attors.attors-home-native-section{min-height:1188.38px}.home #process.attors-home-native-section{min-height:1409.83px}.home #faq.attors-home-native-section{min-height:1573.25px}} @media(max-width:767px){.home #proof.attors-home-native-section{min-height:1238.66px}.home #start-with-your-goal.attors-home-native-section{min-height:1010px}.home #why-attors.attors-home-native-section{min-height:1765.97px}.home #process.attors-home-native-section{min-height:1805.97px}} @media(max-width:600px){.home #faq.attors-home-native-section{padding-bottom:13px!important}} @media(prefers-reduced-motion:reduce){.attors-products__grid .attors-product-card,.attors-product-card__logo img,.attors-product-card__link-icon{transition:none}} /* Image-led How It Works section */ #process.attors-process{ background:#fff; color:#111; display:grid; grid-template-columns:minmax(420px,.92fr) minmax(0,1.08fr); overflow:hidden; padding:0!important; } .attors-process__media{min-height:1120px;overflow:hidden;position:relative} .attors-process__media img{display:block;height:100%;object-fit:cover;object-position:center;width:100%} .attors-process__content{box-sizing:border-box;display:flex;flex-direction:column;padding:clamp(72px,7vw,118px) clamp(48px,7vw,110px)} .attors-process__header>span{color:var(--attors-cyan);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase} #process .attors-process__header h2{font-size:clamp(46px,4vw,66px);font-weight:500;letter-spacing:-.045em;line-height:1.06;margin:18px 0 26px;max-width:760px} #process .attors-process__header p{color:#444c51;font-size:17px;line-height:1.7;margin:0;max-width:700px} #process .attors-process__timeline{display:block;margin-top:48px} #process .attors-process__timeline article{border-top:1px solid #d8dde0;display:grid;gap:28px;grid-template-columns:110px minmax(0,1fr);min-height:0;padding:26px 0;position:relative} #process .attors-process__timeline article:last-child{border-bottom:1px solid #d8dde0} #process .attors-process__timeline article:before{display:none} #process .attors-process__timeline b{color:transparent;font-size:clamp(52px,4vw,68px);font-weight:500;letter-spacing:-.06em;line-height:1;-webkit-text-stroke:1px var(--attors-cyan)} #process .attors-process__timeline h3{font-size:clamp(21px,1.55vw,25px);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:2px 0 9px} #process .attors-process__timeline p{color:#525b61;font-size:15px;line-height:1.6;margin:0;max-width:520px} #process>.attors-process__content>.attors-button{align-self:flex-start;margin-top:36px} @media(max-width:1100px){ #process.attors-process{grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr)} .attors-process__media{min-height:1040px} .attors-process__content{padding:70px 44px} #process .attors-process__timeline article{grid-template-columns:84px minmax(0,1fr)} } @media(max-width:900px){ #process.attors-process{grid-template-columns:1fr} .attors-process__media{min-height:520px} .attors-process__content{padding:68px clamp(28px,7vw,64px) 76px} } @media(max-width:600px){ .attors-process__media{min-height:360px} .attors-process__content{padding:52px 22px 60px} #process .attors-process__header h2{font-size:clamp(38px,11vw,48px);margin:15px 0 22px} #process .attors-process__header p{font-size:16px} #process .attors-process__timeline{margin-top:38px} #process .attors-process__timeline article{gap:18px;grid-template-columns:64px minmax(0,1fr);padding:22px 0} #process .attors-process__timeline b{font-size:48px} #process .attors-process__timeline h3{font-size:20px} } /* Homepage section-heading system — intentionally excludes the hero slider. */ .home .attors-main .attors-v2-section h2{ font-family:Manrope,sans-serif!important; font-size:3.8rem!important; font-weight:500!important; letter-spacing:-.05em; line-height:1.05; overflow-wrap:break-word; text-wrap:balance; } .home .attors-main .attors-v2-section header, .home .attors-main .attors-v2-section header>div, .home .attors-main .attors-v2-section [class*="__intro"], .home .attors-main .attors-v2-section [class*="__content"]{ min-width:0; } @media(max-width:1199px){ .home .attors-main .attors-v2-section h2{font-size:3.35rem!important} } @media(max-width:767px){ .home .attors-main .attors-v2-section h2{font-size:2.75rem!important;line-height:1.08} } @media(max-width:479px){ .home .attors-main .attors-v2-section h2{font-size:2.4rem!important;letter-spacing:-.045em} } /* Shared breathing room for card carousels; the main hero slider is excluded. */ .attors-main .swiper:not(.attors-ai-hero)>.swiper-wrapper{ padding-bottom:20px; padding-top:20px; }