/* Desktop comparison layer only. The original theme and all touch layouts remain the source of truth. */
@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
  html.agata-site-refined body.inner-page main .wrap {
    width: var(--dt-width, min(1320px, calc(100% - clamp(80px, 9vw, 176px))));
  }

  html.agata-site-refined body.inner-page main .section-space {
    padding-block: clamp(88px, 8vw, 124px);
  }

  html.agata-site-refined body.inner-page main :is(.eyebrow, .as-eyebrow) {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .15em;
    line-height: 1.6;
  }

  html.agata-site-refined body.inner-page main :is(.inner-hero h1, .contact-page h1, .portfolio-heading h1, .agata-services h1) {
    font-size: clamp(48px, 4.45vw, 68px);
    font-weight: 500;
    letter-spacing: -.055em;
    line-height: 1.12;
    text-wrap: balance;
  }

  html.agata-site-refined body.inner-page main :is(.inner-detail, .faq, .partner-detail, .editorial-split, .blue-editorial, .contact-band, .section-space > .wrap):not(.contact-grid) > h2 {
    font-size: clamp(40px, 3.8vw, 58px);
    line-height: 1.14;
    letter-spacing: -.05em;
    text-wrap: balance;
  }

  html.agata-site-refined body.inner-page main .section-label {
    padding-bottom: 24px;
    margin-bottom: 42px;
    border-bottom: 1px solid var(--line);
    font-size: 10px;
    letter-spacing: .13em;
  }

  html.agata-site-refined body.inner-page main .button {
    min-height: 54px;
    padding: 14px 23px;
    border-radius: 6px;
    gap: 34px;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    transition: background-color .2s ease, border-color .2s ease;
  }

  html.agata-site-refined body.inner-page main .button:hover {
    transform: none;
  }

  html.agata-site-refined body.inner-page main .button-blue:hover {
    background: var(--deep);
  }

  html.agata-site-refined body.inner-page main .text-link {
    font-size: 14px;
    gap: 24px;
    padding-bottom: 10px;
    line-height: 1.5;
  }

  html.agata-site-refined body.inner-page main :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 2px solid #9b7024;
    outline-offset: 5px;
  }

  /* Service openings share a measured type scale and generous image frame. */
  html.agata-site-refined body.inner-page .inner-hero {
    padding: clamp(64px, 5.4vw, 84px) 0 clamp(80px, 7vw, 108px);
  }

  html.agata-site-refined body.inner-page .inner-hero-grid {
    grid-template-columns: minmax(0, 1.03fr) minmax(0, .97fr);
    gap: clamp(48px, 5.4vw, 82px);
  }

  html.agata-site-refined body.inner-page .inner-hero-grid > div:first-child {
    padding-block: 18px;
  }

  html.agata-site-refined body.inner-page .inner-hero .eyebrow {
    margin-bottom: 28px;
  }

  html.agata-site-refined body.inner-page .inner-description {
    max-width: 510px;
    margin: 26px 0 32px;
    font-size: 16px;
    line-height: 1.8;
    color: #646270;
  }

  html.agata-site-refined body.inner-page .inner-hero-image {
    height: clamp(480px, 39vw, 580px);
    border-radius: 2px;
    background: #ece9e2;
    outline: 1px solid #2927690d;
    outline-offset: 9px;
  }

  html.agata-site-refined body.inner-page .inner-hero-image::after {
    background: linear-gradient(0deg, #11113555, transparent 36%);
  }

  html.agata-site-refined body.inner-page .inner-hero-image > span {
    bottom: 25px;
    left: 27px;
    right: 27px;
    font-size: 10px;
    letter-spacing: .1em;
  }

  html.agata-site-refined body.inner-page .inner-detail {
    background: #f0eee8;
    border-block: 1px solid #2927690b;
  }

  html.agata-site-refined body.inner-page .service-columns {
    gap: clamp(32px, 4vw, 60px);
    margin-top: 54px;
  }

  html.agata-site-refined body.inner-page .service-columns article {
    padding-top: 26px;
    border-color: #29276930;
  }

  html.agata-site-refined body.inner-page .service-columns article > span {
    font-size: 10px;
    letter-spacing: .13em;
    font-weight: 500;
  }

  html.agata-site-refined body.inner-page .service-columns h3 {
    max-width: 340px;
    margin: 23px 0 17px;
    font-size: clamp(23px, 1.9vw, 28px);
    line-height: 1.3;
    letter-spacing: -.035em;
    text-wrap: balance;
  }

  html.agata-site-refined body.inner-page .service-columns p {
    font-size: 15px;
    line-height: 1.8;
    max-width: 360px;
  }

  html.agata-site-refined body.inner-page .editorial-split {
    min-height: 560px;
    background: var(--deep);
  }

  html.agata-site-refined body.inner-page .editorial-split > div {
    padding: 80px clamp(48px, 6vw, 100px);
  }

  html.agata-site-refined body.inner-page .editorial-split h2 {
    font-size: clamp(40px, 3.8vw, 58px);
    line-height: 1.14;
    letter-spacing: -.05em;
  }

  html.agata-site-refined body.inner-page .editorial-split p:not(.eyebrow) {
    font-size: 15px;
    line-height: 1.8;
    margin: 27px 0 32px;
  }

  html.agata-site-refined body.inner-page main .faq {
    max-width: 1050px;
  }

  html.agata-site-refined body.inner-page .faq h2 {
    margin-bottom: 48px;
  }

  html.agata-site-refined body.inner-page .faq details {
    padding: 25px 0;
  }

  html.agata-site-refined body.inner-page .faq summary {
    padding-right: 16px;
    font-size: 17px;
    line-height: 1.55;
    color: var(--blue);
  }

  html.agata-site-refined body.inner-page .faq details p {
    max-width: 760px;
    font-size: 15px;
    line-height: 1.8;
    margin-top: 18px;
  }

  html.agata-site-refined body.inner-page .subtle-faq-section {
    padding-bottom: 100px;
  }

  html.agata-site-refined body.inner-page .blue-editorial {
    background: var(--deep);
  }

  html.agata-site-refined body.inner-page .process-list {
    margin: 55px 0 37px;
  }

  html.agata-site-refined body.inner-page .process-list > div {
    grid-template-columns: 52px minmax(0, 1fr) minmax(0, 1.1fr);
    gap: 40px;
    padding: 29px 0;
    align-items: baseline;
    border-color: #ffffff28;
  }

  html.agata-site-refined body.inner-page .process-list h3 {
    font-size: clamp(24px, 2vw, 30px);
    letter-spacing: -.035em;
    line-height: 1.3;
  }

  html.agata-site-refined body.inner-page .process-list p {
    font-size: 15px;
    line-height: 1.7;
  }

  html.agata-site-refined body.inner-page main .partner-detail {
    max-width: 1050px;
  }

  html.agata-site-refined body.inner-page .partner-detail > p:not(.eyebrow) {
    font-size: 17px;
    line-height: 1.8;
    margin: 28px 0;
  }

  /* The power simulation keeps its controls and values; only its framing changes. */
  html.agata-site-refined body.inner-page .charger-layout {
    grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
    gap: clamp(58px, 7vw, 108px);
  }

  html.agata-site-refined body.inner-page .charger-layout h2 {
    font-size: clamp(40px, 3.7vw, 56px);
    line-height: 1.15;
    letter-spacing: -.045em;
  }

  html.agata-site-refined body.inner-page .charger-layout p {
    font-size: 16px;
    line-height: 1.75;
  }

  html.agata-site-refined body.inner-page .charger-demo {
    padding: 32px;
    border-radius: 3px;
    box-shadow: none;
  }

  html.agata-site-refined body.inner-page .charger-total {
    padding-bottom: 25px;
    margin-bottom: 18px;
  }

  html.agata-site-refined body.inner-page .charger-total > strong {
    font-size: 58px;
  }

  html.agata-site-refined body.inner-page .charger-slots {
    gap: 10px;
  }

  html.agata-site-refined body.inner-page .charger-slots .charger-row {
    padding: 12px 8px;
    border-radius: 0;
    border-top: 1px solid #ffffff24;
    background: transparent;
  }

  html.agata-site-refined body.inner-page .charger-slots .charger-row > div:first-child {
    font-size: 11px;
  }

  html.agata-site-refined body.inner-page .charger-slots .charger-row strong {
    font-size: 13px;
  }

  /* The service catalogue reads as four editorial features, with aligned actions. */
  html.agata-site-refined body.inner-page .agata-services .as-intro {
    padding: clamp(68px, 6vw, 90px) 0 46px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-intro-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 72px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-intro-copy {
    max-width: 440px;
    padding-bottom: 3px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-intro-copy > p:first-child {
    font-size: 18px;
    line-height: 1.75;
  }

  html.agata-site-refined body.inner-page .agata-services .as-region {
    font-size: 12px;
    line-height: 1.8;
    margin-top: 20px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-shortcuts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: 48px;
    padding-top: 23px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-shortcuts a {
    padding: 12px 0;
    min-height: 48px;
    border: 0;
    border-bottom: 1px solid transparent;
    border-radius: 0;
    font-size: 12px;
    gap: 10px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-shortcuts a:hover {
    background: transparent;
    border-bottom-color: #a17a36;
  }

  html.agata-site-refined body.inner-page .agata-services .as-grid {
    gap: 52px 44px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--line);
    box-shadow: none;
    scroll-margin-top: 116px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card:target {
    border-bottom-color: #9b7024;
    box-shadow: none;
  }

  html.agata-site-refined body.inner-page .agata-services .as-photo {
    border-radius: 2px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-photo figcaption {
    left: 17px;
    bottom: 17px;
    padding: 7px 10px;
    font-size: 10px;
    letter-spacing: .02em;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card-content {
    padding: 30px 0 33px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card-label {
    margin-bottom: 19px;
    font-size: 10px;
    letter-spacing: .13em;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card h2 {
    font-size: clamp(30px, 2.65vw, 39px);
    letter-spacing: -.045em;
    line-height: 1.18;
    margin-bottom: 21px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card-description {
    max-width: 510px;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 24px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-features {
    gap: 10px;
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 28px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-card-actions {
    gap: 13px;
    padding-top: 23px;
  }

  html.agata-site-refined body.inner-page .agata-services :is(.as-primary, .as-help-link) {
    border-radius: 6px;
    min-height: 50px;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: 500;
    transition: background-color .2s ease;
  }

  html.agata-site-refined body.inner-page .agata-services :is(.as-primary, .as-help-link):hover {
    background: var(--deep);
  }

  html.agata-site-refined body.inner-page .agata-services .as-secondary {
    font-size: 13px;
    min-height: 39px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-catalog {
    padding-bottom: 100px;
  }

  html.agata-site-refined body.inner-page .agata-services .as-help {
    padding-block: 80px;
    background: #f0eee8;
  }

  html.agata-site-refined body.inner-page .agata-services .as-help h2 {
    font-size: clamp(36px, 3.4vw, 50px);
    line-height: 1.16;
    letter-spacing: -.045em;
  }

  html.agata-site-refined body.inner-page .agata-services .as-help p:not(.as-eyebrow) {
    font-size: 15px;
    line-height: 1.8;
  }

  /* Project images retain contain-fit: the original installations stay fully visible. */
  html.agata-site-refined body.inner-page main .portfolio-heading {
    padding-top: clamp(68px, 6vw, 90px);
    padding-bottom: 65px;
  }

  html.agata-site-refined body.inner-page .portfolio-heading > .wrap > p:not(.eyebrow) {
    max-width: 660px;
    margin-top: 27px;
    font-size: 16px;
    line-height: 1.8;
    color: var(--muted);
  }

  html.agata-site-refined body.inner-page .portfolio-categories {
    margin-top: 35px;
    gap: 12px;
  }

  html.agata-site-refined body.inner-page .portfolio-categories a {
    min-height: 48px;
    padding: 12px 20px;
    border-radius: 3px;
    font-size: 13px;
    gap: 31px;
  }

  html.agata-site-refined body.inner-page .portfolio-categories span {
    font-size: 11px;
    font-variant-numeric: tabular-nums;
  }

  html.agata-site-refined body.inner-page .portfolio-group {
    padding-bottom: 65px;
    scroll-margin-top: 110px;
  }

  html.agata-site-refined body.inner-page .portfolio-group-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 30px;
    padding-block: 28px;
    border-top: 1px solid var(--line);
  }

  html.agata-site-refined body.inner-page .portfolio-group-heading .eyebrow {
    margin: 0;
  }

  html.agata-site-refined body.inner-page .portfolio-group-heading h2 {
    font-size: 36px;
    letter-spacing: -.04em;
    line-height: 1.2;
  }

  html.agata-site-refined body.inner-page .portfolio-project {
    padding-bottom: 36px;
    scroll-margin-top: 110px;
  }

  html.agata-site-refined body.inner-page .portfolio-project .portfolio-item {
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
    gap: clamp(54px, 6.4vw, 96px);
    padding: 40px 0 27px;
  }

  html.agata-site-refined body.inner-page .portfolio-project .portfolio-photo {
    height: clamp(355px, 31vw, 450px);
    padding: 12px;
    border: 1px solid #29276913;
    border-radius: 2px;
    background: #f0eee8;
  }

  html.agata-site-refined body.inner-page .portfolio-project .portfolio-photo img {
    object-fit: contain;
    transform: none;
  }

  html.agata-site-refined body.inner-page .portfolio-project h3 {
    margin: 19px 0 18px;
    font-size: clamp(30px, 3vw, 44px);
    line-height: 1.18;
    letter-spacing: -.045em;
  }

  html.agata-site-refined body.inner-page .portfolio-project .phase-label {
    font-size: 10px;
    letter-spacing: .14em;
  }

  html.agata-site-refined body.inner-page .portfolio-location {
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 29px;
  }

  html.agata-site-refined body.inner-page .project-gallery summary {
    font-size: 13px;
    padding: 18px 0;
  }

  html.agata-site-refined body.inner-page .project-gallery-grid {
    gap: 20px;
    padding-top: 10px;
  }

  html.agata-site-refined body.inner-page .project-gallery-grid > a {
    padding: 8px;
    border: 1px solid #29276913;
    border-radius: 2px;
    background: #f0eee8;
  }

  html.agata-site-refined body.inner-page .project-gallery-grid img {
    transform: none;
  }

  /* Contact is a calm two-column page, with visible form boundaries and labels. */
  html.agata-site-refined body.inner-page main .contact-page {
    padding-top: clamp(68px, 6vw, 90px);
    padding-bottom: 106px;
  }

  html.agata-site-refined body.inner-page .contact-grid {
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr);
    gap: clamp(60px, 6.5vw, 100px);
  }

  html.agata-site-refined body.inner-page .contact-grid > div > p:not(.eyebrow) {
    margin-top: 28px;
    max-width: 480px;
    font-size: 16px;
    line-height: 1.8;
  }

  html.agata-site-refined body.inner-page .contact-options {
    max-width: 500px;
    margin-top: 39px;
  }

  html.agata-site-refined body.inner-page .contact-options > :is(a, div) {
    padding: 23px 0;
    gap: 11px;
  }

  html.agata-site-refined body.inner-page .contact-options :is(a, div) > span {
    font-size: 10px;
    letter-spacing: .15em;
  }

  html.agata-site-refined body.inner-page .contact-options strong {
    font-size: 17px;
    line-height: 1.5;
    font-weight: 500;
  }

  html.agata-site-refined body.inner-page .contact-form {
    padding: clamp(30px, 3.1vw, 46px);
    background: #f0eee8;
    border: 1px solid #29276913;
    border-radius: 3px;
    box-shadow: none;
  }

  html.agata-site-refined body.inner-page .contact-form h2 {
    font-size: 28px;
    letter-spacing: -.035em;
    line-height: 1.3;
    margin-bottom: 29px;
  }

  html.agata-site-refined body.inner-page .contact-form label {
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 1.5;
    font-weight: 600;
  }

  html.agata-site-refined body.inner-page .contact-form :is(input, select, textarea) {
    min-height: 49px;
    margin-bottom: 22px;
    padding: 13px 14px;
    border: 1px solid #29276926;
    border-radius: 3px;
    background: #fffefa;
    font-size: 14px;
    line-height: 1.6;
  }

  html.agata-site-refined body.inner-page .contact-form :is(input, textarea)::placeholder {
    color: #797680;
    opacity: 1;
  }

  html.agata-site-refined body.inner-page .contact-form :is(input, select, textarea):focus-visible {
    border-color: var(--blue);
    outline-color: var(--blue);
    outline-width: 1px;
    outline-offset: 2px;
  }

  html.agata-site-refined body.inner-page .contact-form > p {
    font-size: 11px;
    line-height: 1.7;
    margin-top: 17px;
  }

  html.agata-site-refined body.inner-page .contact-band {
    padding-block: 84px;
    background: #f5dfb0;
  }

  html.agata-site-refined body.inner-page .contact-band h2 {
    max-width: 1000px;
    font-size: clamp(42px, 4.2vw, 64px);
    line-height: 1.13;
    letter-spacing: -.05em;
  }

  html.agata-site-refined body.inner-page .contact-band .subtle-quote-note {
    max-width: 650px;
    font-size: 15px;
    line-height: 1.8;
    margin-top: 25px;
  }

  html.agata-site-refined body.inner-page .contact-band .button {
    margin-top: 31px;
  }
}

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: reduce) {
  html.agata-site-refined body.inner-page main *,
  html.agata-site-refined body.inner-page main *::before,
  html.agata-site-refined body.inner-page main *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  html.agata-site-refined body.inner-page main [data-reveal] {
    opacity: 1;
    transform: none;
  }

  html.agata-site-refined body.inner-page .agata-services .as-photo img {
    transform: none !important;
  }
}