html[data-ao-tablet="portrait"] body.home-page {

  --home-logo-scale: .65;
}
html[data-ao-tablet="portrait"] body.home-page .hero {
height: clamp(640px, calc(78svh - 88px), 850px);
}
html[data-ao-tablet="portrait"] body.home-page .hero-slide {
padding-inline: var(--ao-page-gutter);
}
html[data-ao-tablet="portrait"] body.home-page .hero-content {
width: min(760px, 100%);
}
html[data-ao-tablet="portrait"] body.home-page .hero-content h1 {
font-size: clamp(40px, 5.2vw, 52px);
}
html[data-ao-tablet="portrait"] body.home-page .trust-copy {
max-width: 680px; font-size: clamp(25px, 3.2vw, 30px);
}
html[data-ao-tablet="portrait"] body.home-page :is(.why-ao-content h2, .services-title, .selected-projects-header h2, .direct-contacts h2):where(.why-ao-content h2, .services-title, .selected-projects-header h2) {
font-size: clamp(38px, 4.5vw, 46px);
}
html[data-ao-tablet="portrait"] body.home-page .why-ao-copy {
max-width: 680px; font-size: 19px;
}
html[data-ao-tablet="portrait"] body.home-page .why-ao-process {
max-width: 760px;
}
html[data-ao-tablet="portrait"] body.home-page .selected-projects-inner {
max-width: 760px;
}
html[data-ao-tablet="portrait"] body.home-page .selected-project-identity h3 {
font-size: 32px;
}
html[data-ao-tablet="portrait"] body.home-page .testimonial-quote {
width: min(760px, calc(100% - 2 * var(--ao-page-gutter))); font-size: clamp(25px, 3.2vw, 30px);
}
html[data-ao-tablet="portrait"] body.home-page .services-grid {
max-width: 760px; margin-inline: auto;
}
html[data-ao-tablet="portrait"] body.home-page .service-card {
min-height: 92px;
}
html[data-ao-tablet="landscape"] body.home-page .hero-content h1 {
font-size: clamp(42px, 4.3vw, 60px);
}
html[data-ao-tablet="landscape"] body.home-page .selected-projects-header h2 {
width: calc(100% - 200px); font-size: clamp(38px, 4vw, 48px);
}
html[data-ao-tablet="landscape"] body.home-page .selected-project-row {
display: grid; grid-template-columns: 60px minmax(0, 1fr) minmax(0, 1.2fr) 56px; align-items: center; gap: 24px; min-height: 166px; height: auto; padding-block: 28px;
}
html[data-ao-tablet="landscape"] body.home-page .selected-project-row > :is(.selected-project-number, .selected-project-identity, .selected-project-details, .selected-project-arrow) {
position: relative; inset: auto; width: auto; height: auto; min-width: 0; margin: 0;
}
html[data-ao-tablet="landscape"] body.home-page .selected-project-identity h3 {
font-size: clamp(22px, 2.1vw, 27px);
}
html[data-ao-tablet="landscape"] body.home-page .selected-project-row .selected-project-arrow {
width: 56px; height: 56px;
}
html[data-ao-tablet="landscape"] body.home-page .testimonial-quote {
width: min(1100px, calc(100% - 180px)); font-size: clamp(26px, 2.5vw, 32px); line-height: 1.5;
}
html[data-ao-tablet="landscape"] body.home-page .services-title {
font-size: clamp(42px, 4vw, 58px);
}
html[data-ao-tablet="landscape"] body.home-page .service-card > .service-title {
font-size: clamp(20px, 2vw, 27px);
}
html[data-ao-tablet="landscape"] body.home-page .why-ao-copy {
font-size: 16px; line-height: 1.6;
}
html[data-ao-tablet="landscape"] body.home-page .why-ao-content h2 {
font-size: clamp(36px, 3.5vw, 46px);
}
html[data-ao-tablet="portrait"] body.home-page .why-ao-inner {
grid-template-columns: minmax(0, 1fr);
}
html[data-ao-tablet="landscape"] body.home-page .partner-marquee {
height: 148px;
}
html[data-ao-tablet="landscape"] body.home-page .partner-marquee-window {
top: 18px;
}
html[data-ao-tablet="landscape"] body.home-page .partner-logo-set {
display: flex;
}
html[data-ao-tablet="landscape"] body.home-page .why-ao .why-ao-process > :is(.why-ao-process-eyebrow, h3, .why-ao-process-intro, .why-ao-process-footer) {
width: calc(100% - 64px); height: auto;
}
html[data-ao-tablet="landscape"] body.home-page .why-ao .why-ao-process h3 {
font-size: clamp(24px, 2.3vw, 28px); line-height: 1.3;
}
html[data-ao-tablet="landscape"] body.home-page .why-ao .why-ao-preview {
transform: translateX(-50%) scale(var(--tablet-preview-scale, 1));
}
html[data-ao-tablet="landscape"] body.home-page .testimonials {
--home-quote-height: var(--tablet-quote-height, 280px);
}
html[data-ao-tablet="landscape"] body.home-page .hero {
height: clamp(560px, calc(100svh - 88px), 760px);
}
html[data-ao-tablet="landscape"] body.home-page .hero-content-high {
top: calc(50% + 6px);
}
html[data-ao-tablet="landscape"] body.home-page .hero-content-low {
top: calc(50% + 68px);
}
html[data-ao-tablet="landscape"] body.home-page .hero-button {
top: auto; bottom: 103px;
}
html[data-ao-tablet="landscape"] body.home-page .hero-arrow {
top: calc(50% - 23px);
}
html[data-ao-tablet="portrait"] body.home-page .why-ao .why-ao-process {
grid-column: 1; grid-row: auto; width: 100%; margin-inline: auto;
}
html[data-ao-tablet="portrait"] body.home-page .why-ao:not(.is-expanded) .why-ao-process {
height: 420px;
}
html[data-ao-tablet="portrait"] body.home-page .why-ao:not(.is-expanded) :is(.why-ao-steps, .why-ao-flows) {
left: 50%; top: 100px; margin-left: -306px; transform: none;
}