@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

      :root {
        --bg-page: #efefef;
        --bg-card: #d6d7d0;
        --text-dark: #26262f;
        --text-light: #e8e8e8;
        --gold: #b59a67;
        --gold-2: #9f8758;
        --muted: #9c9c9c;
        --overlay: rgba(0, 0, 0, 0.35);
        --radius-xl: 18px;
      }

      html,
      body {
        overflow-x: hidden;
      }

      .about-page {
        background: #efefef;
      }

      .about-page-main {
        margin: 20px 0 0;
      }

      .about-page-hero-shell {
        padding: 0 20px;
      }

      .about-page-hero {
        position: relative;
        isolation: isolate;
        border-radius: 24px;
        overflow: hidden;
        min-height: 446px;
        background-image: url("../img/hakkimizdabg.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }

      .about-page-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #293738;
        pointer-events: none;
        z-index: 1;
        opacity: 0.40;
      }

      .about-page-header {
        position: absolute;
        top: 22px;
        left: 52px;
        right: 52px;
        z-index: 3;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 26px;
      }

      .about-page-brand img {
        width: 150px;
        height: 88px;
        object-fit: contain;
        display: block;
      }

      .about-page-brand,
      .about-page-nav a,
      .about-page-track {
        position: relative;
        z-index: 4;
        pointer-events: auto;
      }

      .about-page-nav {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 18px;
      }

      .about-page-nav a {
        color: rgba(236, 236, 236, 0.62);
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        position: relative;
      }

      .about-page-nav a.is-active {
        color: #fff;
      }

      .about-page-nav a.is-active::before {
        content: "";
        position: absolute;
        top: -53px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
      }

      .about-page-nav a:hover {
        color: rgba(236, 236, 236, 0.78);
      }

      .about-page-track {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #ececec;
        text-decoration: none;
        border: 1px solid rgba(181, 154, 103, 0.9);
        border-radius: 999px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 16px;
        backdrop-filter: blur(2px);
      }

      .about-page-track i {
        color: #ab9268;
        font-size: 16px;
        line-height: 1;
      }

      .about-page-track {
        transition:
          background-color 220ms ease,
          border-color 220ms ease,
          color 220ms ease,
          box-shadow 220ms ease,
          transform 220ms ease;
      }

      .about-page-track:hover,
      .about-page-track:focus-visible {
        background: #ab9268;
        border-color: #ab9268;
        color: #ffffff;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
        transform: translateY(-1px);
      }

      .about-page-track:hover i,
      .about-page-track:focus-visible i {
        color: #ffffff;
      }

      .about-page-hero-content {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 44px;
      }

      .about-page-hero-content h1 {
        margin: 0;
        color: #fff;
        font-size: 48px;
        font-weight: 500;
        margin-bottom: -170px;
      }

      .about-page-content {
        padding: 94px 0 70px;
      }

      .about-page-mark img {
        width: 30px;
        height: 38px;
        object-fit: contain;
      }

      .about-page-title {
        margin: 36px 0 56px;
        color: #26262f;
        font-size: 48px;
        line-height: 1.22;
        font-weight: 500;
        font-family: "Google Sans", sans-serif;
      }

      .about-page-grid {
        display: grid;
        grid-template-columns: 1fr minmax(320px, 520px);
        gap: 56px;
        align-items: stretch;
      }

      .about-page-copy {
        height: 100%;
        display: flex;
        flex-flow: column;
        justify-content: center;
      }

      .about-page-copy p {
        margin: 0 0 26px;
        color: #26262f;
        font-size: 20px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
        line-height: 1.5;
        max-width: 640px;
      }

      .about-page-copy p:last-child {
        margin-bottom: 0;
      }

      .about-page-image-wrap img {
        width: 100%;
        display: block;
        border-radius: 24px;
        height: 450px;
        object-fit: cover;
      }

      .about-page-file-cta {
        margin-top: 20px;
        background-color: #16353d;
        background-image:
          linear-gradient(rgba(22, 53, 61, 0.86), rgba(22, 53, 61, 0.86)),
          url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght,17..18,400..700;1,17..18,400..700&display=swap');
        background-repeat: repeat;
        background-position: center;
        padding: 72px 20px 64px;
      }

      .about-page-file-cta-inner {
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
      }

      .about-page-file-cta h3 {
        margin: 0;
        color: #f1f2f0;
        font-size: 48px;
        font-weight: 500;
      }

      .about-page-file-cta p {
        margin: 14px auto 0;
        color: rgba(230, 235, 233, 0.58);
        font-size: 24px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
      }

      .about-page-file-cta-btn {
        margin-top: 28px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        border-radius: 999px;
        background: #ab9268;
        color: #f8f7f4;
        text-decoration: none;
        padding: 12px 34px;
        font-size: 18px;
        font-weight: 500;
        font-family: "Google Sans", sans-serif;
      }

      .about-page-file-cta-btn:hover,
      .about-page-file-cta-btn:focus-visible {
        background: #9d8458;
        color: #fff;
      }

      @media (max-width: 1280px) {
        .about-page-header {
          left: 24px;
          right: 24px;
        }

        .about-page-nav {
          gap: 16px;
        }

        .about-page-hero-content {
          padding: 0 24px;
        }

        .about-page-title {
          font-size: 46px;
        }
      }

      @media (max-width: 768px) {
        .about-page-main {
          margin-top: 0px;
        }



        .about-page-hero-shell {
          padding: 0;
        }

        .about-page-hero {
          border-radius: 0;
          min-height: 250px;
          height: 250px;
        }

        .about-page-header {
          grid-template-columns: 1fr;
          gap: 14px;
          top: 18px;
          left: 18px;
          right: 18px;
        }

        .about-page-nav {
          flex-wrap: wrap;
          justify-content: center;
          gap: 12px 14px;
        }

        .about-page-nav a {
          padding-top: 10px;
        }

        .about-page-nav a.is-active::before {
          top: 0;
        }

        .about-page-track {
          justify-self: center;
        }

        .about-page-brand img {
          width: 122px;
          height: auto;
        }

        .about-page-hero-content h1 {
          font-size: 30px;
          margin-bottom: -150px;
        }

        .about-page-content {
          padding-top: 52px;
        }

        .about-page-title {
          margin: 22px 0 30px;
          font-size: 20px;
          font-weight: normal;
          line-height: 1.24;
        }

        .about-page-grid {
          grid-template-columns: 1fr;
          gap: 24px;
        }

        .about-page-file-cta {
          padding: 52px 20px 48px;
        }

        .about-page-file-cta h3 {
          font-size: 28px;
        }

        .about-page-file-cta p {
          font-size: 16px;
        }
      }

      .services-main {
        margin: 20px 0 0;
      }

      .services-hero-shell {
        padding: 0 20px;
      }

      .services-hero {
        position: relative;
        isolation: isolate;
        border-radius: 24px;
        overflow: hidden;
        min-height: 390px;
        background-image: url("../img/hizmetlerimizbg.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
      }

      .services-hero::after {
        content: "";
        position: absolute;
        inset: 0;
        background: #293738;
        z-index: 1;
        pointer-events: none;
        opacity: 0.50;
      }

      .services-header {
        position: absolute;
        top: 22px;
        left: 52px;
        right: 52px;
        z-index: 3;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 26px;
      }

      .services-brand,
      .services-nav a,
      .services-track {
        position: relative;
        z-index: 4;
        pointer-events: auto;
      }

      .services-brand img {
        width: 150px;
        height: 88px;
        object-fit: contain;
        display: block;
      }

      .services-nav {
        justify-self: center;
        display: inline-flex;
        align-items: center;
        gap: 18px;
      }

      .services-nav a {
        color: rgba(236, 236, 236, 0.62);
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        position: relative;
      }

      .services-nav a.is-active {
        color: #fff;
      }

      .services-nav a.is-active::before {
        content: "";
        position: absolute;
        top: -53px;
        left: 0;
        width: 100%;
        height: 2px;
        background: #fff;
      }

      .services-nav a:hover {
        color: rgba(236, 236, 236, 0.78);
      }

      .services-track {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #ececec;
        text-decoration: none;
        border: 1px solid rgba(181, 154, 103, 0.9);
        border-radius: 999px;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 16px;
        backdrop-filter: blur(2px);
        transition:
          background-color 220ms ease,
          border-color 220ms ease,
          color 220ms ease,
          box-shadow 220ms ease,
          transform 220ms ease;
      }

      .services-track i {
        color: #fff;
        font-size: 16px;
      }

      .services-track:hover,
      .services-track:focus-visible {
        background: #ab9268;
        border-color: #ab9268;
        color: #fff;
        box-shadow: 0 10px 22px rgba(0, 0, 0, 0.2);
        transform: translateY(-1px);
      }

      .services-track:hover i,
      .services-track:focus-visible i {
        color: #fff;
      }

      .services-hero-content {
        position: absolute;
        inset: 0;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        padding: 0 44px;
      }

      .services-hero-content h1 {
        margin: 0;
        color: #fff;
        font-size: 48px;
        font-weight: 500;
        margin-bottom: -170px;
      }

      .services-content {
        padding: 56px 0 72px;
      }

      .services-mark img {
        width: 24px;
        height: 32px;
        object-fit: contain;
      }

      .services-title {
        margin: 30px 0 48px;
        color: #26262F;
        font-size: 48px;
        font-weight: 500;
        line-height: 1.15;
      }

      .services-grid {
        display: grid;
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 10px;
      }

      .services-card {
        min-height: 350px;
        border-radius: 20px;
        background: #E3E3E3;
        padding: 18px 14px 14px;
        text-decoration: none;
        color: #2d2d36;
        display: flex;
        flex-direction: column;
        position: relative;
        overflow: hidden;
      }

      .services-card::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--service-bg);
        background-size: cover;
        background-position: center;
        opacity: 0;
        z-index: 0;
        transition: opacity 260ms ease;
      }

      .services-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(22, 31, 34, 0.18) 0%, rgba(22, 31, 34, 0.65) 100%);
        opacity: 0;
        z-index: 1;
        transition: opacity 260ms ease;
      }

      .services-card i,
      .services-card .service-icon,
      .services-card h3,
      .services-card p,
      .services-card .services-arrow {
        position: relative;
        z-index: 2;
      }

      .services-card i {
        color: #AB9268;
        font-size: 19px;
        margin-bottom: auto;
      }

      .services-card .service-icon {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-bottom: auto;
        margin-top: 15px;
        margin-left: 15px;
      }

      .services-card h3 {
        margin: 0;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
      }

      .services-card p {
        margin: 8px 0 0;
        color: rgba(255, 255, 255, 0.92);
        font-size: 14px;
        line-height: 1.45;
        opacity: 0;
        transform: translateY(8px);
        max-height: 0;
        overflow: hidden;
        transition: opacity 260ms ease, transform 260ms ease, max-height 260ms ease;
      }

      .services-arrow {
        margin-top: 10px;
        color: #b29663;
        font-size: 22px;
      }

      .services-card:hover::before,
      .services-card:hover::after,
      .services-card:focus-visible::before,
      .services-card:focus-visible::after,
      .services-card:active::before,
      .services-card:active::after {
        opacity: 1;
      }

      .services-card:hover h3,
      .services-card:hover i,
      .services-card:hover .services-arrow,
      .services-card:focus-visible h3,
      .services-card:focus-visible i,
      .services-card:focus-visible .services-arrow,
      .services-card:active h3,
      .services-card:active i,
      .services-card:active .services-arrow {
        color: #fff;
      }

      .services-card:hover .service-icon,
      .services-card:focus-visible .service-icon,
      .services-card:active .service-icon {
        filter: brightness(0) saturate(100%) invert(100%);
      }

      .services-card:hover p,
      .services-card:focus-visible p,
      .services-card:active p {
        opacity: 1;
        transform: translateY(0);
        max-height: 76px;
      }

      .services-file-cta {
        margin-top: 10px;
        background-color: #16353d;
        background-image:
          linear-gradient(rgba(22, 53, 61, 0.86), rgba(22, 53, 61, 0.86)),
          url("../img/cozumlerbg.png");
        background-repeat: repeat;
        background-position: center;
        padding: 72px 20px 64px;
      }

      .services-file-cta-inner {
        max-width: 980px;
        margin: 0 auto;
        text-align: center;
      }

      .services-file-cta h3 {
        margin: 0;
        color: #f1f2f0;
        font-size: 48px;
        font-weight: 500;
      }

      .services-file-cta p {
        margin: 14px auto 0;
        color: rgba(230, 235, 233, 0.58);
        font-size: 20px;
        font-weight: 400;
        max-width: 860px;
      }

      .services-file-cta-btn {
        margin-top: 28px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        border-radius: 999px;
        background: #ab9268;
        color: #f8f7f4;
        text-decoration: none;
        padding: 12px 34px;
        font-size: 18px;
        font-weight: 500;
        font-family: "Google Sans", sans-serif;
        transition: transform 260ms ease, box-shadow 260ms ease, background-color 260ms ease, color 260ms ease, gap 260ms ease;
      }

      .services-file-cta-btn i {
        transition: transform 260ms ease;
      }

      .services-file-cta-btn:hover,
      .services-file-cta-btn:focus-visible {
        background: #9a8052;
        color: #fff;
        transform: translateY(-2px);
        box-shadow: 0 14px 26px rgba(0, 0, 0, 0.24), 0 0 0 2px rgba(171, 146, 104, 0.22);
        gap: 14px;
      }

      .services-file-cta-btn:hover i,
      .services-file-cta-btn:focus-visible i {
        transform: translateX(4px);
      }

      @media (max-width: 1200px) {
        .services-header {
          left: 24px;
          right: 24px;
        }

        .services-nav {
          gap: 14px;
        }

        .services-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 768px) {
        .services-main {
          margin-top: 0;
        }

        .services-hero-shell {
          padding: 0;
        }
.services-track i{
  color: #000;
}
        .services-header {
          grid-template-columns: 1fr;
          top: 18px;
          left: 18px;
          right: 18px;
          gap: 12px;
        }

        .services-nav {
          flex-wrap: wrap;
          justify-content: center;
          gap: 10px 12px;
        }

        .services-nav a {
          padding-top: 10px;
        }

        .services-nav a.is-active::before {
          top: 0;
        }

        .services-track {
          justify-self: center;
        }

        .services-brand img {
          width: 122px;
          height: auto;
        }

        .services-hero {
          border-radius: 0;
          min-height: 250px;
          height: 250px;
        }

        .services-hero-content {
          padding: 0 24px;
        }

        .services-hero-content h1 {
          font-size: 30px;
          margin-bottom: -150px;
        }

        .contact-career {
          margin-top: 25px;
        }

        .services-title {
          font-size: 20px;
          font-weight: normal;
          margin-bottom: 28px;
        }

        .services-card i {
          font-size: 25px;
        }

        .services-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .services-card p {
          display: none;
        }

        .services-card {
          min-height: 190px;
        }

        .services-card h3 {
          font-size: 18px;
          margin-bottom: 10px;
        }

        .services-card p {
          font-size: 12px;
        }

        .services-file-cta {
          padding: 52px 20px 48px;
        }

        .services-file-cta h3 {
          font-size: 28px;
        }

        .services-file-cta-btn {
          font-size: 16px;
        }

        .services-file-cta p {
          font-size: 16px;
        }
      }

      .service-detail-main {
        margin-bottom: 0;
      }

      .service-detail-hero {
        background-image: var(--detail-bg);
      }

      .service-detail-content {
        padding: 78px 0 90px;
      }

      .service-detail-container {
        max-width: 1260px;
      }

      .service-detail-mark img {
        width: 44px;
        height: 38px;
        object-fit: contain;
      }

      .service-detail-title {
        margin: 30px 0 30px;
        color: #26262F;
        font-size: 48px;
        line-height: 1.14;
        font-weight: 500;
        max-width: 1100px;
      }

      .service-detail-container h3 {
        margin: 40px 0 18px;
        color: #33343d;
        font-size: 30px;
        line-height: 1.2;
        font-weight: 500;
      }

      .service-detail-container h4 {
        margin: 24px 0 8px;
        color: #45464f;
        font-size: clamp(29px, 1.75vw, 35px);
        line-height: 1.28;
        font-weight: 500;
      }

      .service-detail-container h5 {
        margin: 16px 0 0;
        color: #2d2e37;
        font-size: 25px;
        line-height: 1.28;
        font-weight: 500;
      }

      .service-detail-container p {
        margin: 0;
        color: #4a4b54;
        font-size: clamp(20px, 1.12vw, 23px);
        line-height: 1.5;
        max-width: 1380px;
      }

      @media (max-width: 768px) {
        .service-detail-content {
          padding: 46px 0 52px;
        }

        .service-detail-title {
          margin: 24px 0 20px;
          font-size: 20px;
          font-weight: normal;
        }

        .service-detail-container h3 {
          margin: 32px 0 14px;
          font-size: 25px;
        }

        .service-detail-container h4 {
          font-size: 18px;
        }

        .service-detail-container h5 {
          font-size: 21px;
        }

        .service-detail-container p {
          font-size: 17px;
        }
      }

      .team-content {
        padding: 62px 0 74px;
      }

      .team-mark img {
        width: 24px;
        height: 32px;
        object-fit: contain;
      }

      .team-title {
        margin: 30px 0 30px;
        color: #2b2b34;
        font-size: 48px;
        line-height: 1.2;
        font-weight: 500;
      }

      .team-tabs {
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        margin-bottom: 30px;
        margin-top: 10px;
      }

      .team-tab {
        border: 1px solid #E3E3E3;
        border-radius: 999px;
        padding: 8px 20px;
        background: #efefef;
        color: #27323550;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .team-tab.is-active {
        border-color: #AB9268;
        color: #4d4d4d;
      }

      .team-tab:hover,
      .team-tab:focus-visible {
        border-color: #AB9268;
        color: #4d4d4d;
        background: #f1ede4;
      }

      .team-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }

      .team-card {
        min-height: 460px;
        background: #dfdfdf;
        border-radius: 12px;
        text-decoration: none;
        padding: 18px 16px 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        position: relative;
        transition: background-color 260ms ease, transform 260ms ease, box-shadow 260ms ease;
      }

      .team-card h3 {
        margin: 0;
        color: #273235;
        font-size: 24px;
        line-height: 1.2;
        font-weight: 500;
        transition: color 260ms ease;
        margin-top: 20px;
        padding-left: 15px;
      }

      .team-card p {
        margin: 8px 0 0;
        color: #273235;
        font-size: 14px;
        line-height: 1.3;
        letter-spacing: 0.01em;
        text-transform: uppercase;
        transition: color 260ms ease;
        padding-left: 15px;
      }

      .team-card img {
        margin-top: auto;
        width: 100%;
        height: 270px;
        object-fit: cover;
        object-position: center top;
        filter: grayscale(100%);
        transition: filter 260ms ease;
      }

      .team-card-arrow {
        position: absolute;
        top: 50px;
        right: 16px;
        opacity: 0;
        transform: translateX(-5px);
        transition: opacity 260ms ease, transform 260ms ease;
      }

      .team-card-arrow img {
        width: 21px;
        height: 21px;
        display: block;
        object-fit: contain;
      }

      .team-card:hover,
      .team-card:focus-visible {
        background: #ab9268;
        box-shadow: 0 14px 24px rgba(44, 44, 44, 0.2);
        transform: translateY(-2px);
      }

      .team-card:hover h3,
      .team-card:hover p,
      .team-card:focus-visible h3,
      .team-card:focus-visible p {
        color: #f7f4ef;
      }

      .team-card:hover .team-card-arrow,
      .team-card:focus-visible .team-card-arrow {
        opacity: 1;
        transform: translateX(0);
      }

      .team-card:hover img,
      .team-card:focus-visible img {
        filter: grayscale(0%);
      }

      .team-card.is-hidden {
        display: none;
      }

      @media (max-width: 1200px) {
        .team-grid {
          grid-template-columns: repeat(3, minmax(0, 1fr));
        }
      }

      @media (max-width: 768px) {
        .team-content {
          padding: 46px 0 56px;
        }

        .team-title {
          font-size: 18px;
          margin: 24px 0 24px;
          font-weight: normal;
        }

        .team-tabs {
          margin-bottom: 16px;
        }

        .team-tab {
          height: 32px;
          font-size: 10px;
          padding: 0 12px;
        }

        .team-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
        }

        .team-card {
          min-height: 280px;
          padding: 14px 12px 0;
        }

        .team-card h3 {
          font-size: 17px;
          padding: 0;
          margin-top: 0;
        }

        .team-card p {
          padding: 0;
          font-size: 11px;
        }

        .team-card img {
          height: 186px;
        }
      }

      .team-detail-content {
        padding: 62px 0 80px;
      }

      .team-detail-main {
        display: grid;
        grid-template-columns: minmax(0, 1.02fr) minmax(0, 1fr);
        gap: 56px;
        align-items: start;
      }

      .team-detail-mark img {
        width: 24px;
        height: 32px;
        object-fit: contain;
      }

      .team-detail-role {
        margin: 34px 0 8px;
        color: #8b8c90 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .team-detail-copy h2 {
        margin: 0;
        color: #26262F;
        font-size: 48px;
        line-height: 1.15;
        font-weight: 500;
      }

      .team-detail-copy p {
        margin: 22px 0 0;
        color: #273235cb;
        font-size: 18px;
        line-height: 1.58;
        max-width: 780px;
        font-weight: normal;
      }

      .team-detail-social {
        margin-top: 36px;
        display: flex;
        gap: 12px;
      }

      .team-detail-social a {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        border: 1px solid #c8c8c8;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #a0a0a0;
        text-decoration: none;
      }

      .team-detail-social a i {
        font-size: 20px;
        line-height: 1;
      }

      .team-detail-social a:hover,
      .team-detail-social a:focus-visible {
        border-color: #ab9268;
        color: #ab9268;
      }

      .team-detail-visual {
        position: relative;
        background: #d8d8d8;
        border-radius: 20px;
        min-height: 630px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        overflow: hidden;
        padding: 0 20px;
      }

      .team-detail-favicon {
        position: absolute;
        width: 450px;
        max-width: 72%;
        left: 50%;
        top: 58%;
        transform: translate(-50%, -50%);
        opacity: 0.97;
        pointer-events: none;
      }

      .team-detail-person {
        position: relative;
        z-index: 2;
        width: 100%;
        height: 600px;
        object-fit: contain;
      }

      .team-detail-meta-wrap {
        margin-top: 48px;
        border-top: 1px solid #d6d6d6;
        border-bottom: 1px solid #d6d6d6;
      }

      .team-detail-meta {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .team-detail-meta-item {
        padding: 28px 26px;
      }

      .team-detail-meta-item+.team-detail-meta-item {
        border-left: 1px solid #d6d6d6;
      }

      .team-detail-meta-item span {
        display: block;
        color: #9a9a9a;
        font-size: 15px;
        font-weight: 500;
        letter-spacing: 0.02em;
        text-transform: uppercase;
      }

      .team-detail-meta-item strong {
        display: block;
        margin-top: 12px;
        color: #26262F;
        font-size: 20px;
        font-weight: 500;
        line-height: 1.3;
      }

      .team-detail-meta-item strong a {
        color: #26262F;
        text-decoration: none;
      }

      .team-detail-expertise-wrap {
        padding-top: 52px;
      }

      .team-detail-expertise-wrap h3 {
        margin: 0;
        color: #26262F;
        font-size: 32px;
        font-weight: 500;
        line-height: 1.2;
      }

      .team-detail-expertise {
        margin-top: 24px;
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
      }

      .team-detail-expertise span {
        background: #dfdfdf;
        color: #000;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.2;
        border-radius: 14px;
        padding: 20px 34px;
      }

      @media (max-width: 1200px) {
        .team-detail-main {
          grid-template-columns: 1fr;
          gap: 28px;
        }

        .team-detail-visual {
          min-height: 520px;
        }

        .team-detail-meta {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .team-detail-meta-item:nth-child(3),
        .team-detail-meta-item:nth-child(4) {
          border-top: 1px solid #d6d6d6;
        }

        .team-detail-meta-item:nth-child(3) {
          border-left: none;
        }
      }

      @media (max-width: 768px) {
        .team-detail-content {
          padding: 46px 0 56px;
        }

        .team-detail-main {
          display: flex;
          flex-direction: column;
          gap: 16px;
        }

        .team-detail-copy {
          display: contents;
        }

        .team-detail-mark {
          order: 1;
        }

        .team-detail-role {
          order: 2;
          margin-top: 0px !important;
          font-size: 12px;
        }

        .team-detail-copy h2 {
          order: 3;
          font-size: 30px;
        }

        .team-detail-visual {
          order: 4;
          min-height: 420px;
        }

        .team-detail-copy p:not(.team-detail-role) {
          order: 5;
          font-size: 17px;
          line-height: 1.5;
          margin-top: 16px;
        }

        .team-detail-social {
          order: 6;
          margin-top: 24px;
        }

        .team-detail-social a {
          width: 34px;
          height: 34px;
          border-radius: 10px;
        }

        .team-detail-social a i {
          font-size: 17px;
        }

        .team-detail-visual {
          min-height: 370px;
          padding: 0 10px;
          width: 100%;
        }

        .team-detail-favicon {
          width: 240px;
        }

        .team-detail-meta {
          grid-template-columns: 1fr;
        }

        .team-detail-meta-item {
          padding: 18px 0;
        }

        .team-detail-person {
          height: 300px;
        }

        .team-detail-meta-item+.team-detail-meta-item {
          border-left: none;
          border-top: 1px solid #d6d6d6;
        }

        .team-detail-meta-item strong {
          font-size: 24px;
          margin-top: 8px;
        }

        .team-detail-expertise-wrap {
          padding-top: 34px;
        }

        .team-detail-expertise-wrap h3 {
          font-size: 28px;
        }

        .team-detail-expertise span {
          font-size: 18px;
          padding: 12px 18px;
          border-radius: 10px;
        }
      }

      .articles-content {
        padding: 56px 0 74px;
        padding-top: 20px;
      }

      .articles-assistant {
        border-radius: 14px;
        background: #af9768;
        padding: 18px 22px;
        display: grid;
        grid-template-columns: 1fr auto;
        gap: 18px;
        align-items: center;
        margin-bottom: 18px;
      }

      .articles-assistant-copy h2 {
        margin: 0;
        color: #f6f2ea;
        font-size: 30px;
        line-height: 1.2;
        font-weight: 500;
      }

      .articles-assistant-copy p {
        margin: 8px 0 0;
        color: rgba(245, 240, 233, 0.82);
        font-size: 19px;
        line-height: 1.45;
        max-width: 650px;
        padding-left: 20px;
      }

      .articles-assistant-copy {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 22px;
      }

      .articles-assistant-copy p {
        margin: 0;
      }

      .articles-assistant-btn {
        min-height: 56px;
        border-radius: 999px;
        background: #f2efe8;
        color: #5a5a5a;
        text-decoration: none;
        padding: 0 22px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 16px;
        font-weight: 500;
      }

      .articles-assistant-btn i {
        color: #AB9268;
        font-size: 18px;
      }

      .articles-assistant-btn:hover,
      .articles-assistant-btn:focus-visible {
        background: #ffffff;
        color: #3f3f3f;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
        transform: translateY(-1px);
      }

      .articles-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
      }

      .article-card {
        background: #efefef;
        border: 1px solid #d8d8d8;
        border-radius: 16px;
        text-decoration: none;
        padding: 18px 16px 16px;
        min-height: 328px;
        display: flex;
        flex-direction: column;
        transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
      }

      .article-card-tag {
        display: block;
        color: #bebebe;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 5px;
        text-transform: uppercase;
        letter-spacing: 0.02em;
      }

      .article-card img {
        width: 100%;
        height: 189px;
        object-fit: cover;
        border-radius: 14px;
        margin: 10px 0 14px;
      }

      .article-card-date {
        display: block;
        color: #b79b67;
        font-size: 13px;
        font-weight: 500;
      }

      .article-card h3 {
        margin: 10px 0 0;
        color: #103C32;
        font-size: 20px;
        line-height: 1.35;
        font-weight: 500;
      }

      .article-card-arrow {
        margin-top: auto;
        padding-top: 16px;
        color: #b79b67;
        font-size: 22px;
        line-height: 1;
      }

      .article-card:hover,
      .article-card:focus-visible {
        border-color: #c9ad7a;
        box-shadow: 0 10px 18px rgba(0, 0, 0, 0.06);
        transform: translateY(-1px);
      }

      .article-card:hover h3,
      .article-card:focus-visible h3 {
        color: #AB9268;
      }

      @media (max-width: 1200px) {
        .articles-assistant-copy h2 {
          font-size: 30px;
        }

        .articles-assistant-copy p {
          font-size: 16px;
        }

        .articles-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }

      @media (max-width: 768px) {
        .articles-content {
          padding: 46px 0 56px;
          padding-top: 15px;
        }

        .articles-assistant {
          grid-template-columns: 1fr;
          padding: 14px;
          gap: 12px;
          justify-items: center;
        }

        .articles-assistant-copy h2 {
          font-size: 24px;
        }

        .articles-assistant-copy p {
          font-size: 14px;
          margin-top: 0;
        }

        .articles-assistant-copy {
          grid-template-columns: 1fr;
          gap: 6px;
          width: 100%;
          text-align: center;
        }

        .articles-assistant-btn {
          width: 100%;
          min-height: 44px;
          font-size: 14px;
          padding: 0 16px;
          justify-content: center;
        }

        .articles-grid {
          grid-template-columns: 1fr;
          gap: 10px;
        }

        .article-card {
          min-height: 282px;
          padding: 14px;
        }

        .article-card img {
          height: 140px;
          margin: 8px 0 10px;
        }

        .article-card h3 {
          font-size: 18px;
        }
      }

      .article-detail-content {
        padding: 56px 0 78px;
      }

      .article-detail-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(380px, 44%);
        gap: 38px;
        align-items: start;
      }

      .article-detail-meta-row {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        color: #b0b0b0;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.2;
        text-transform: uppercase;
        letter-spacing: 0.01em;
      }

      .article-detail-meta-row span:first-child {
        color: rgba(0, 0, 0, 0.3);
        font-size: 16px;
        font-weight: 400;
      }

      .article-detail-meta-row span:last-child {
        color: #AB9268;
        font-size: 16px;
        font-weight: 500;
      }

      .article-detail-headline h2 {
        margin: 16px 0 22px;
        color: #294740;
        font-size: 48px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 40px;
      }

      .article-detail-headline h3,
      .article-detail-body h3 {
        margin: 0 0 16px;
        color: #30313a;
        font-size: 24px;
        line-height: 1.28;
        font-weight: normal;
      }

      .article-detail-headline p,
      .article-detail-body p {
        margin: 0;
        color: #43444d;
        font-size: 20px;
        line-height: 1.64;
      }

      .article-detail-visual img {
        width: 100%;
        height: 630px;
        object-fit: cover;
        border-radius: 14px;
        border: none;
        display: block;
      }

      .article-detail-body {
        margin-top: 26px;
      }

      .article-detail-body img {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        display: block;
        margin-bottom: 20px;
      }

      .article-detail-body iframe,
      .article-detail-body table,
      .article-detail-body video {
        max-width: 100%;
      }

      .article-detail-body p+p,
      .article-detail-body h3,
      .article-detail-headline p+h3 {
        margin-top: 22px;
      }

      .article-related {
        margin-top: 50px;
      }

      .article-related>h3 {
        margin: 0 0 18px;
        color: #2f3038;
        font-size: 32px;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 30px;
      }

      .article-related-grid .article-card {
        min-height: 470px;
      }

      .article-related-grid .article-card h3 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      @media (max-width: 1200px) {
        .article-detail-top {
          grid-template-columns: 1fr;
          gap: 20px;
        }
      }

      @media (max-width: 768px) {
        .article-detail-content {
          padding: 46px 0 56px;
        }

        .article-detail-top {
          display: flex;
          flex-direction: column;
          gap: 14px;
        }

        .article-detail-headline {
          display: contents;
        }

        .article-detail-meta-row {
          order: 1;
          font-size: 11px;
          width: 100%;
        }

        .article-detail-headline h2 {
          order: 2;
          font-size: 24px;
          margin-bottom: 0;
          margin-top: 5px;
        }

        .article-detail-meta-row span:last-child {
          font-size: 14px;
        }

        .article-detail-meta-row span:first-child {
          font-size: 14px;
        }

        .article-detail-visual {
          order: 3;
        }

        .article-detail-headline h3,
        .article-detail-body h3 {
          font-size: 30px;
          margin-bottom: 12px;
        }

        .article-detail-headline h3 {
          order: 4;
        }

        .article-detail-headline p,
        .article-detail-body p {
          font-size: 17px;
          line-height: 1.5;
        }

        .article-detail-headline p {
          order: 5;
        }

        .article-detail-visual img {
          height: 320px;
        }

        .article-detail-body {
          margin-top: 18px;
        }

        .article-detail-body h3,
        .article-detail-headline p+h3 {
          margin-top: 16px;
          font-size: 22px;
          font-weight: 600;
        }

        .article-related {
          margin-top: 34px;
        }

        .article-related>h3 {
          font-size: 28px;
          margin-bottom: 14px;
        }
      }

      .calc-content {
        padding: 56px 0 76px;
      }

      .calc-top {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 44%);
        gap: 26px;
        align-items: center;
      }

      .calc-copy h2 {
        margin: 0;
        color: #24423d;
        font-size: 48px;
        line-height: 1.18;
        font-weight: 500;
        max-width: 760px;
      }

      .calc-copy p {
        margin: 18px 0 0;
        color: #41424a;
        font-size: 18px;
        line-height: 1.6;
      }

      .calc-copy h3 {
        margin: 32px 0 0;
        color: #2f3038;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 500;
      }

      .calc-copy-intro p {
        margin-top: 16px;
      }

      .calc-copy-bottom {
        margin-top: 24px;
      }

      .calc-copy-bottom h3 {
        margin-top: 24px;
      }

      .calc-copy-bottom h3:first-child {
        margin-top: 0;
      }

      .calc-panel {
        background: #e6e6e6;
        border-radius: 14px;
        padding: 30px;
      }

      .calc-panel h3 {
        margin: 0 0 12px;
        color: #103C32;
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 1.2;
        font-weight: 500;
      }

      .calc-range+.calc-range {
        margin-top: 18px;
        padding-top: 18px;
        border-top: 1px solid #d9d9d9;
      }

      .calc-range-head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        margin-bottom: 10px;
      }

      .calc-range-head>span:first-child {
        color: rgba(0, 0, 0, 0.35);
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0.02em;
      }

      .calc-range-value {
        border: 1px solid #AB9268;
        border-radius: 999px;
        height: 32px;
        min-width: 130px;
        padding: 20px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #000000;
        font-size: 15px;
        font-weight: 500;
        background: transparent;
        text-align: center;
        outline: none;
        border-width: 1px;
      }

      input.calc-range-value {
        width: 118px;
        font-family: inherit;
      }

      input.calc-range-value:focus {
        border-color: #ab9268;
      }

      .calc-range-input {
        width: 100%;
        margin-top: 8px;
        -webkit-appearance: none;
        appearance: none;
        height: 13px;
        border-radius: 999px;
        --range-progress: 0%;
        background: linear-gradient(to right,
            #485f3f 0%,
            #485f3f var(--range-progress),
            #c7c7c7 var(--range-progress),
            #c7c7c7 100%);
        outline: none;
      }

      .calc-range-input::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 58px;
        height: 32px;
        border: none;
        background: url("/assets/img/raidobtn.png") center / contain no-repeat;
        cursor: pointer;
      }

      .calc-range-input::-moz-range-track {
        height: 13px;
        border: none;
        border-radius: 999px;
        background: transparent;
      }

      .calc-range-input::-moz-range-thumb {
        width: 58px;
        height: 32px;
        border: none;
        border-radius: 0;
        background: url("/assets/img/raidobtn.png") center / contain no-repeat;
        cursor: pointer;
      }

      .calc-range-ends {
        margin-top: 4px;
        display: flex;
        justify-content: space-between;
        color: #9a9a9a;
        font-size: 11px;
        font-weight: 500;
        margin-top: 15px;
      }

      .calc-range-ends span:first-child {
        color: #ab9268;
        font-weight: 500;
        font-size: 15px;
      }

      .calc-range-ends span:last-child {
        color: #103C32;
        font-weight: 500;
        font-size: 15px;
      }

      .calc-panel-btn {
        margin-top: 18px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 999px;
        background: #ab9268;
        color: #f4f1eb;
        text-decoration: none;
        padding: 16px 25px;
        display: flex;
        width: fit-content;
        align-items: center;
        gap: 7px;
        font-size: 15px;
        font-weight: 500;
      }

      .calc-panel-btn:hover,
      .calc-panel-btn:focus-visible {
        background: #9d8458;
        color: #fff;
      }

      .calc-result-modal {
        position: fixed;
        inset: 0;
        z-index: 1200;
        display: none;
        align-items: center;
        justify-content: center;
        padding: 24px;
      }

      .calc-result-modal.is-open {
        display: flex;
      }

      .calc-result-modal-overlay {
        position: absolute;
        inset: 0;
        border: none;
        background: rgba(16, 22, 28, 0.62);
        cursor: pointer;
      }

      .calc-result-card {
        position: relative;
        width: min(560px, 100%);
        border-radius: 20px;
        background: #ffffff;
        box-shadow: 0 28px 64px rgba(0, 0, 0, 0.24);
        padding: 30px;
        z-index: 1;
      }

      .calc-result-close {
        position: absolute;
        top: 14px;
        right: 14px;
        width: 36px;
        height: 36px;
        border: none;
        border-radius: 50%;
        background: #eef0ec;
        color: #21433c;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .calc-result-close i {
        font-size: 20px;
      }

      .calc-result-kicker {
        display: inline-block;
        border-radius: 999px;
        background: #f2ede3;
        color: #775e35;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        padding: 6px 12px;
      }

      .calc-result-card h3 {
        margin: 14px 0 6px;
        color: #173a33;
        font-size: 30px;
        line-height: 1.2;
      }

      .calc-result-average {
        margin: 0;
        color: #ab9268;
        font-size: 44px;
        line-height: 1.1;
        font-weight: 600;
      }

      .calc-result-note {
        margin: 10px 0 18px;
        color: #4d4f56;
        font-size: 16px;
        line-height: 1.5;
      }

      .calc-result-range-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 0;
        border-top: 1px solid #e4e6e2;
      }

      .calc-result-range-row:last-of-type {
        border-bottom: 1px solid #e4e6e2;
      }

      .calc-result-range-row span {
        color: #56605f;
        font-size: 15px;
      }

      .calc-result-range-row strong {
        color: #173a33;
        font-size: 22px;
        font-weight: 600;
      }

      .calc-result-actions {
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
      }

      .calc-result-action {
        border-radius: 999px;
        padding: 12px 16px;
        text-align: center;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
      }

      .calc-result-action.primary {
        background: #ab9268;
        color: #f9f7f1;
      }

      .calc-result-action.secondary {
        background: #eef0ec;
        color: #173a33;
      }

      .calc-result-action:hover,
      .calc-result-action:focus-visible {
        text-decoration: none;
      }

      body.calc-modal-open {
        overflow: hidden;
      }

      .aathukuk-swal-popup {
        border-radius: 18px;
        background: #ffffff;
        box-shadow: 0 24px 54px rgba(0, 0, 0, 0.2);
        padding: 1.5rem 1.4rem 1.3rem;
      }

      .aathukuk-swal-title {
        color: #173a33;
        font-size: 28px;
        font-weight: 500;
      }

      .aathukuk-swal-text {
        color: #4d4f56;
        font-size: 16px;
      }

      .aathukuk-swal-confirm {
        border: none;
        border-radius: 999px;
        background: #ab9268;
        color: #f9f7f1;
        font-size: 15px;
        font-weight: 600;
        padding: 10px 24px;
        cursor: pointer;
      }

      .calc-criteria {
        margin-top: 34px;
        margin-bottom: 20px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }

      .calc-criteria::before,
      .calc-criteria::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100dvw;
        height: 1px;
        background: #d4d4d4;
      }

      .calc-criteria::before {
        top: 0;
      }

      .calc-criteria::after {
        bottom: 0;
      }

      .calc-criteria article {
        padding: 16px 16px 18px;
        border-right: 1px solid #d4d4d4;
      }

      .calc-criteria article:last-child {
        border-right: none;
      }

      .calc-criteria article>span {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #ab9268;
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .calc-criteria article>span i {
        font-size: 28px;
      }

      .calc-criteria h4 {
        margin: 14px 0 8px;
        color: #000;
        font-size: 24px;
        line-height: 1.2;
        font-weight: 500;
      }

      .calc-criteria p {
        margin: 0;
        color: #474850;
        font-size: 18px;
        line-height: 1.5;
      }

      .calc-process {
        margin-top: 30px;
      }

      .calc-process h3 {
        margin: 0;
        color: #2f3038;
        font-size: 32px;
        line-height: 1.25;
        font-weight: 500;
      }

      .calc-process p {
        margin: 10px 0 0;
        color: #44454d;
        font-size: 18px;
      }

      .calc-process ol {
        margin: 14px 0 0;
        padding-left: 22px;
      }

      .calc-process li {
        color: #2f3038;
        font-size: 17px;
        line-height: 1.9;
      }

      .calc-faq {
        margin-top: 40px;
        background: #e6e6e6;
        border-radius: 12px;
        padding: 26px 24px 10px;
      }

      .calc-faq h2 {
        margin: 0 0 14px;
        color: #2f3038;
        font-size: 38px;
        line-height: 1.2;
        font-weight: 500;
        text-align: left;
      }

      .calc-faq .faq-list {
        border-top: none;
      }

      .calc-faq .faq-item {
        border-bottom: 1px solid #d4d4d4;
      }

      .calc-faq .faq-item:last-child {
        border-bottom: none;
      }

      .calc-faq .faq-trigger {
        padding: 22px 0 18px;
        font-size: 20px;
      }

      .calc-faq .faq-panel p {
        padding-bottom: 16px;
        font-size: 16px;
      }

      @media (max-width: 1200px) {
        .calc-top {
          grid-template-columns: 1fr;
        }

        .calc-copy h2 {
          font-size: 44px;
        }

        .calc-criteria {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .calc-criteria article:nth-child(2n) {
          border-right: none;
        }

        .calc-criteria article:nth-child(n + 3) {
          border-top: 1px solid #d4d4d4;
        }
      }

      @media (max-width: 768px) {
        .calc-content {
          padding: 46px 0 56px;
        }

        .article-related-grid .article-card {
          min-height: auto;
        }

        .calc-top {
          display: flex;
          flex-direction: column;
          gap: 18px;
        }

        .calc-panel {
          order: 1;
          width: 100%;
        }

        .calc-copy-intro {
          order: 2;
        }

        .calc-copy h2 {
          font-size: 28px;
        }

        .calc-copy p {
          font-size: 15px;
          margin-top: 12px;
        }

        .calc-copy h3 {
          font-size: 24px;
          margin-top: 24px;
        }

        .calc-panel {
          padding: 16px 12px;
        }

        .calc-panel h3 {
          font-size: 24px;
        }

        .calc-range-head>span:first-child {
          font-size: 11px;
        }

        .calc-range-value {
          min-width: 92px;
          font-size: 11px;
          height: 28px;
        }

        .calc-criteria {
          grid-template-columns: 1fr;
        }

        .calc-criteria article {
          border-right: none;
        }

        .calc-criteria article+article {
          border-top: 1px solid #d4d4d4;
        }

        .calc-criteria h4 {
          font-size: 20px;
        }

        .calc-criteria p {
          font-size: 14px;
        }

        .calc-process h3 {
          font-size: 24px;
        }

        .calc-process p,
        .calc-process li {
          font-size: 15px;
        }

        .calc-faq {
          padding: 18px 14px 6px;
        }

        .calc-faq h2 {
          font-size: 28px;
          margin-bottom: 6px;
        }

        .calc-faq .faq-trigger {
          font-size: 18px;
          padding: 16px 0 14px;
        }

        .calc-result-card {
          padding: 24px 20px;
        }

        .calc-result-card h3 {
          font-size: 25px;
        }

        .calc-result-average {
          font-size: 34px;
        }

        .calc-result-actions {
          grid-template-columns: minmax(0, 1fr);
        }
      }

      .contact-content {
        padding: 56px 0 74px;
        overflow: hidden;
      }

      body.services-page.contact-page {
        background: #FFFFFF !important;
      }

      .contact-container {
        max-width: 1720px !important;
        padding-left: 12px;
        padding-right: 12px;
      }

      .contact-container>h2 {
        margin: 0;
        text-align: center;
        color: #23453e;
        font-size: 48px;
        line-height: 1.2;
        font-weight: 500;
        padding-bottom: 20px;
      }

      .contact-cards {
        margin-top: 20px;
        position: relative;
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

      .contact-cards::before,
      .contact-cards::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100dvw;
        height: 1px;
        background: #d4d4d4;
      }

      .contact-cards::before {
        top: 0;
      }

      .contact-cards::after {
        bottom: 0;
      }

      .contact-card {
        padding: 22px 20px 20px;
      }

      .contact-card+.contact-card {
        border-left: 1px solid #d4d4d4;
      }

      .contact-card-icon {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        background: #EFEFEF;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        transition: background-color 220ms ease;
      }

      .contact-card:hover .contact-card-icon,
      .contact-card:focus-within .contact-card-icon {
        background: #f6dddc;
      }

      .contact-card-icon img {
        width: 18px;
        height: 18px;
        object-fit: contain;
      }

      .contact-card-label {
        margin-top: 12px;
        display: block;
        color: #273235a7;
        font-size: 14px;
        margin-bottom: 10px;
        font-weight: 500;
        text-transform: uppercase;
      }

      .contact-card p,
      .contact-card a {
        margin: 10px 0 0;
        color: #26262F;
        font-size: 28px;
        line-height: 1.45;
        font-weight: 500;
        text-decoration: none;
      }

      .contact-career {
        min-height: 485px;
        border-radius: 12px;
        overflow: hidden;
        display: flex;
        justify-content: center;
        flex-flow: column;
        background:
          linear-gradient(rgba(195, 195, 195, 0.72), rgba(195, 195, 195, 0.72)),
          url("/assets/img/kariyerfirsatlari.png") center / cover no-repeat;
      }

      .contact-career-overlay {
        padding: 56px 30px 54px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        height: 100%;
        gap: 15px;
      }

      .contact-career h3 {
        margin: 0;
        color: #2f3038;
        font-size: 48px;
        line-height: 1.2;
        font-weight: 500;
      }

      .contact-career p {
        margin: 16px auto 0;
        color: #2E2E2E;
        font-size: 20px;
        line-height: 1.5;
        max-width: 860px;
      }

      .contact-career span {
        margin-top: 18px;
        display: inline-block;
        border-radius: 999px;
        background: #ab9268;
        color: #f4f1ea;
        font-size: 20px;
        line-height: 1.3;
        padding: 13px 30px;
      }

      .contact-form-wrap {
        margin-top: 38px;
      }

      .contact-form-wrap h3 {
        margin: 0 0 18px;
        text-align: center;
        color: #30313a;
        font-size: 48px;
        line-height: 1.2;
        font-weight: 500;
      }

      .contact-form-row {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
      }

      .contact-form input,
      .contact-form textarea {
        width: 100%;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        background: #fff;
        padding: 13px 14px;
        color: #2f3038;
        font-size: 15px;
        font-family: inherit;
      }

      .contact-form input::placeholder,
      .contact-form textarea::placeholder {
        color: #b0b0b0;
      }

      .contact-form textarea {
        margin-top: 10px;
        min-height: 126px;
        resize: vertical;
      }

      .contact-form-bottom {
        margin-top: 14px;
        display: grid;
        grid-template-columns: auto 1fr auto;
        gap: 12px;
        align-items: center;
      }

      .contact-check {
        display: inline-flex;
        align-items: center;
        gap: 12px;
        padding-left: 15px;
      }

      .contact-check input {
        width: 16px;
        height: 16px;
        padding: 0;
        margin-top: 10px;
      }

      .contact-check span {
        color: #8f8f8f;
        font-size: 17px;
        line-height: 1.4;
        display: block;
        max-width: 700px;
      }

      .captcha-placeholder {
        border: 1px solid #d8d8d8;
        border-radius: 4px;
        background: #fff;
        height: 54px;
        padding: 0 12px;
      }

      .contact-recaptcha {
        min-height: 78px;
        display: inline-flex;
        align-items: center;
      }

      .privacy-check {
        align-items: flex-start;
      }

      .contact-submit {
        border: none;
        border-radius: 999px;
        background: #ab9268;
        color: #f4f1ea;
        min-height: 42px;
        padding: 0 20px;
        font-size: 14px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 6px;
      }

      .contact-submit:hover,
      .contact-submit:focus-visible {
        background: #9d8458;
      }

      .contact-map {
        margin-top: 24px;
        height: 246px;
        border-radius: 12px;
        position: relative;
        overflow: hidden;
        background:
          radial-gradient(circle at 10% 40%, #d9d9d9 0, #d9d9d9 2px, transparent 2px),
          radial-gradient(circle at 45% 20%, #d9d9d9 0, #d9d9d9 2px, transparent 2px),
          radial-gradient(circle at 70% 60%, #d9d9d9 0, #d9d9d9 2px, transparent 2px),
          repeating-linear-gradient(120deg, #ececec 0, #ececec 8px, #f4f4f4 8px, #f4f4f4 16px);
      }

      .contact-map iframe {
        width: 100%;
        height: 100%;
        border: 0;
        display: block;
      }

      .contact-map-pin {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 70px;
        height: 70px;
        border-radius: 50%;
        background: #f5dedd;
        display: inline-flex;
        align-items: center;
        justify-content: center;
      }

      .contact-map-pin img {
        width: 32px;
        height: 40px;
        object-fit: contain;
      }

      @media (max-width: 1200px) {
        .contact-cards {
          grid-template-columns: 1fr;
        }

        .contact-card+.contact-card {
          border-left: none;
          border-top: 1px solid #d4d4d4;
        }

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

        .contact-submit {
          width: fit-content;
          font-size: 16px;
          justify-self: start;
        }
      }

      @media (max-width: 768px) {
        .contact-content {
          padding: 46px 0 56px;
        }

        .contact-container {
          padding-left: 10px;
          padding-right: 10px;
        }

        .contact-container>h2 {
          font-size: 30px;
        }

        .contact-card p,
        .contact-card a {
          font-size: 18px;
          line-height: 1.45;
        }

        .contact-career-overlay {
          padding: 34px 16px;
        }

        .contact-career h3,
        .contact-form-wrap h3 {
          font-size: 28px;
        }

        .contact-career p {
          font-size: 15px;
        }

        .contact-career span {
          font-size: 15px;
          padding: 7px 14px;
        }

        .contact-check span {
          font-size: 14px;
          max-width: 100%;
        }

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

      .comments-content {
        padding: 56px 0 74px;
      }

      .comments-page .services-hero {
        background-image: url("../img/yorumbg.png");
      }

      .team-page .services-hero {
        background-image: url("../img/ekibimiz.png");
      }

      .articles-page .services-hero {
        background-image: url("../img/makalelerimizbg.png");
      }

      .calc-page .services-hero {
        background-image: url("../img/hesaplamabg.png");
      }

      .comments-top-action {
        display: flex;
        justify-content: center;
        margin-bottom: 26px;
      }

      .comments-write-btn {
        border-radius: 999px;
        background: #ab9268;
        color: #f4f1ea;
        text-decoration: none;
        min-height: 44px;
        padding: 0 20px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
      }

      .comments-write-btn:hover,
      .comments-write-btn:focus-visible {
        background: #9d8458;
      }

      .comments-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
      }

      .comment-card {
        border: 1px solid #cfcfcf;
        border-radius: 26px;
        padding: 22px;
        display: grid;
        grid-template-columns: 200px 1fr;
        gap: 28px;
        background: #f3f3f3;
        transition: transform 240ms ease, box-shadow 240ms ease, border-color 240ms ease;
      }

      .comment-card:hover,
      .comment-card:focus-within {
        transform: translateY(-3px);
        border-color: #bfa57b;
        box-shadow: 0 12px 24px rgba(0, 0, 0, 0.09);
      }

      .comment-avatar {
        width: 200px;
        height: 200px;
        border-radius: 24px;
        background: #e0e0e0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #b8b8b8;
      }

      .comment-avatar i {
        font-size: 82px;
      }

      .comment-side {
        display: flex;
        flex-direction: column;
      }

      .comment-stars {
        display: flex;
        align-items: center;
        gap: 4px;
        line-height: 1;
      }

      .comment-stars img {
        width: 16px;
        height: 16px;
        display: block;
        object-fit: contain;
      }

      .comment-meta p {
        margin: 18px 0 0;
        color: #2e2f37;
        font-size: 18px;
        line-height: 1.5;
        font-weight: 400;
      }

      .comment-side time {
        display: block;
        margin-top: 18px;
        color: #b8a67e;
        font-size: 16px;
        font-weight: 500;
      }

      .comment-side strong {
        display: block;
        margin-top: 10px;
        color: #0f3b34;
        font-size: 18px;
        font-weight: 500;
      }

      @media (max-width: 768px) {
        .comments-content {
          padding: 46px 0 56px;
        }

        .comments-grid {
          grid-template-columns: 1fr;
        }

        .comment-card {
          grid-template-columns: 1fr;
          gap: 12px;
          min-height: 0;
          border-radius: 16px;
          padding: 12px;
        }

        .comment-meta {
          order: 1;
        }

        .comment-side {
          order: 2;
          display: grid;
          grid-template-columns: 60px 1fr;
          grid-template-rows: auto auto;
          column-gap: 12px;
          row-gap: 4px;
          align-items: start;
        }

        .comment-avatar {
          width: 60px;
          height: 60px;
          border-radius: 10px;
          grid-column: 1;
          grid-row: 1 / span 2;
        }

        .comment-avatar i {
          font-size: 28px;
        }

        .comment-stars {
          font-size: 18px;
        }

        .comment-meta p {
          font-size: 15px;
          margin-top: 10px;
        }

        .comment-side time {
          font-size: 12px;
          margin-top: 0;
          grid-column: 2;
          grid-row: 1;
          align-self: end;
        }

        .comment-side strong {
          font-size: 15px;
          margin-top: 0;
          grid-column: 2;
          grid-row: 2;
          align-self: start;
        }
      }

      * {
        box-sizing: border-box;
      }

      html,
      body {
        margin: 0;
        padding: 0;
        background: var(--bg-page);
        color: var(--text-dark);
        font-family: "Google Sans", sans-serif;
      }

      .page {
        width: 100%;
        margin: 20px auto 0;
      }

      .hero-shell {
        padding-left: 20px;
        padding-right: 20px;
      }

      .hero {
        position: relative;
        height: 100vh;
        min-height: 720px;
        max-height: 980px;
        border-radius: 20px;
        overflow: visible;
        isolation: isolate;
      }

      .slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        transform: scale(1.03);
        transition: opacity 450ms ease, transform 5s ease;
        border-radius: inherit;
        overflow: hidden;
      }

      .slide.active {
        opacity: 1;
        transform: scale(1);
      }

      .video-overlay {
        position: absolute;
        inset: 0;
        background: #293738;
        opacity: 0.2;
        z-index: 2;
        pointer-events: none;
      }

      .slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      .slide video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
      }

      .hero-header {
        position: absolute;
        z-index: 20;
        top: 22px;
        left: 52px;
        right: 52px;
        display: grid;
        grid-template-columns: auto 1fr auto;
        align-items: center;
        gap: 26px;
      }

      .brand {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        letter-spacing: 0.2px;
      }

      .brand-mark {
        width: 150px;
        height: 88px;
        object-fit: contain;
        display: block;
      }

      .main-nav {
        justify-self: center;
        display: flex;
        align-items: center;
        gap: 18px;
      }

      .main-nav a {
        color: #ececec;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      }

      .hero-highlight {
        color: #ab9268;
      }

      .main-nav a:hover {
        color: #fff;
      }

      .file-btn {
        justify-self: end;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #ececec;
        text-decoration: none;
        border: 1px solid rgba(181, 154, 103, 0.9);
        border-radius: 36px;
        padding: 10px 16px;
        font-size: 14px;
        font-weight: 500;
        backdrop-filter: blur(2px);
      }

      .file-btn i {
        font-size: 16px;
        line-height: 1;
      }

      .hero-content {
        position: absolute;
        z-index: 15;
        inset: 0;
        display: grid;
        place-items: center;
        text-align: center;
        color: #fff;
        padding: 112px 42px 100px;
      }

      .kicker {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        font-size: 16px;
        letter-spacing: 4px;
        color: #d8d8d8;
        text-transform: uppercase;
        margin-bottom: 20px;
      }

      .kicker-dot {
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #d64f45;
      }

      h1 {
        margin: 0;
        font-weight: 700;
        font-size: clamp(38px, 4.5vw, 58px);
        line-height: 1.14;
        max-width: 980px;
      }

      .hero-desc {
        margin: 18px auto 0;
        max-width: 900px;
        font-size: clamp(14px, 1.1vw, 18px);
        line-height: 1.5;
        color: #d0d0d0;
      }

      .scroll-indicator {
        position: absolute;
        z-index: 30;
        left: 50%;
        bottom: -18px;
        transform: translateX(-50%);
        width: 66px;
        height: 66px;
        border-radius: 50%;
        border: none;
        background: #f6f6f4;
        color: #8d7344;
        box-shadow: 0 10px 26px rgba(0, 0, 0, 0.15);
        display: grid;
        place-items: center;
      }

      .scroll-indicator i {
        font-size: 24px;
        line-height: 1;
      }

      .content {
        padding-top: 116px;
      }

      .content-shell {
        padding-left: 56px;
        padding-right: 56px;
      }

      .section-label {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 15px;
        color: #a5a5a5;
      }

      .section-label::before {
        content: "";
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #d64f45;
      }

      .intro-title {
        margin: 18px 0 66px;
        max-width: 80%;
        font-size: 45px;
        line-height: 1.18;
        letter-spacing: -0.02em;
      }

      .about-card {
        position: relative;
        border-radius: 14px;
        background: var(--bg-card);
        min-height: 540px;
        padding: 62px 62px 56px;
        display: grid;
        grid-template-columns: 1.2fr 0.95fr;
        gap: 36px;
      }

      .about-copy {
        max-width: 640px;
        padding-right: 10px;
      }

      .about-copy h2 {
        margin: 0 0 28px;
        font-size: clamp(44px, 2.8vw, 56px);
        letter-spacing: -0.02em;
      }

      .about-copy p {
        margin: 0 0 30px;
        font-size: clamp(16px, 1.16vw, 21px);
        line-height: 1.72;
        color: var(--text-dark);
      }

      .signature {
        margin-top: 56px;
        font-size: 22px;
        color: var(--text-dark);
        font-weight: 400;
        padding-top: 20px;
        font-family: "Signaturex Demo", "Brush Script MT", cursive;
      }

      .portrait-wrap {
        position: relative;
        align-self: end;
        width: 100%;
        max-width: 620px;
        justify-self: end;
        margin-bottom: -228px;
      }

      .portrait {
        width: 100%;
        border-radius: 16px;
        height: 827px;
        object-fit: cover;
        display: block;
      }

      .badge {
        position: absolute;
        left: -72px;
        bottom: 86px;
        width: 136px;
        height: 136px;
        border-radius: 14px;
        background: var(--gold);
        display: grid;
        place-items: center;
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.2);
      }

      .badge img {
        width: 68px;
        height: 78px;
        object-fit: contain;
        display: block;
        margin-top: 3px;
      }

      .team-link {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        margin-top: 58px;
        color: var(--text-dark);
        text-decoration: none;
        font-size: 25px;
        font-weight: 500;
      }

      .team-link span {
        color: var(--gold-2);
      }

      .practice-section {
        margin-top: 124px;
        background-color: #1f3038;
        background-image: url("../img/cozumlerbg.png");
        background-repeat: repeat;
        background-position: center top;
        background-size: auto;
        border-radius: 0;
        padding: 84px 0 0;
      }

      .practice-shell {
        padding-left: 20px;
        padding-right: 20px;
      }

      .practice-header {
        text-align: center;
        color: #fff;
      }

      .practice-header .section-label {
        color: #95a1a7;
      }

      .practice-header h2 {
        margin: 18px 0 16px;
        font-size: clamp(34px, 3.3vw, 52px);
        font-weight: 500;
      }

      .practice-sub {
        margin: 0 auto;
        max-width: 900px;
        color: #b6c0c6;
        font-size: 18px;
        line-height: 1.5;
      }

      .practice-grid {
        margin-top: 44px;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        gap: 14px;
      }

      .practice-card {
        background: #e3e3e3;
        height: 340px;
        padding: 22px 30px 18px;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
        cursor: pointer;
        transition: background-color 280ms ease, color 280ms ease;
      }

      .practice-card:focus-visible {
        outline: 2px solid #1e91d8;
        outline-offset: -2px;
      }

      .practice-card img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-top: auto;
        margin-bottom: 35px;
      }

      .practice-card h3 {
        margin: 0;
        font-size: 24px;
        line-height: 1.15;
        color: #2c2e36;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
        transition: color 280ms ease, transform 280ms ease;
      }

      .practice-card p {
        margin: 10px 0 0;
        margin-bottom: 20px;
        font-size: 18px;
        color: #273235;
        line-height: 1.45;
        opacity: 0;
        max-height: 0;
        transition: color 280ms ease, opacity 280ms ease, max-height 280ms ease, transform 280ms ease;
      }

      .practice-card .more {
        margin-top: auto;
        color: #b39661;
        font-size: 20px;
        line-height: 1;
        transition: color 280ms ease, transform 280ms ease;
      }

      .practice-card-body {
        margin-top: 0;
        display: flex;
        flex-direction: column;
      }

      .practice-card:hover {
        background: #b6eb8a;
      }

      .practice-card:hover h3,
      .practice-card:hover p {
        color: #2a2e35;
      }

      .practice-card:hover img,
      .practice-card:focus-visible img {
        filter: brightness(0) invert(1);
        opacity: 1;
      }

      .practice-card:hover .more {
        color: #2a2e35;
        transform: translateX(2px);
      }

      .practice-card:hover p {
        opacity: 1;
        max-height: 72px;
        transform: translateY(0);
        margin-bottom: 47px;
      }

      .practice-card:hover h3 {
        transform: translateY(-2px);
      }

      .cta-block {
        margin-top: 54px;
        height: 430px;
        position: relative;
        overflow: hidden;
        background-image:
          linear-gradient(rgba(164, 136, 84, 0.78), rgba(164, 136, 84, 0.78)),
          url("../img/dosyadegerlendir.png");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
      }

      .cta-block::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(165deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 58%);
        opacity: 0.5;
        z-index: 0;
      }

      .cta-block::after {
        content: "";
        position: absolute;
        right: 0;
        top: -110px;
        width: 50%;
        height: 50%;
        background-color: #1f3038;
        background-image: url("../img/cozumlerbg.png");
        background-repeat: repeat;
        background-position: center;
        z-index: 1;
      }

      .cta-inner {
        position: relative;
        z-index: 2;
        height: 100%;
        display: grid;
        place-items: center;
        text-align: center;
        color: #fff;
        padding: 24px;
      }

      .cta-inner h3 {
        margin: 0;
        font-size: 48px;
        font-weight: 500;
        margin-top: 90px;
      }

      .cta-inner p {
        margin: 14px 0 28px;
        font-size: 18px;
        color: #f2f2f2;
      }

      .cta-btn {
        border: none;
        border-radius: 999px;
        padding: 12px 28px;
        background: #fff;
        color: #2b2f36;
        text-decoration: none;
        font-family: "Google Sans", sans-serif;
        font-size: 18px;
        font-weight: 500;
        display: inline-flex;
        align-items: center;
        gap: 8px;
      }

      .insights-section {
        background:
          radial-gradient(circle at 20% 85%, rgba(181, 154, 103, 0.15) 0%, rgba(181, 154, 103, 0) 42%),
          linear-gradient(90deg, #15343b 0%, #10292f 100%);
        padding: 28px 0 44px;
      }

      .insights-shell {
        padding: 0 0 24px 20px;
        position: relative;
      }

      .insights-shell::after {
        content: "";
        position: absolute;
        left: 20px;
        right: 0;
        bottom: 0;
        height: 120px;
        background-image: radial-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px);
        background-size: 12px 12px;
        opacity: 0.25;
        pointer-events: none;
      }

      .insights-hero {
        position: relative;
        padding-top: 2px;
        min-height: 520px;
        margin-right: 20px;
      }

      .case-static {
        border-radius: 14px;
        overflow: hidden;
      }

      .case-slide {
        min-height: 520px;
        position: relative;
        background-image: url("../img/destekbg.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: flex-end;
      }

      .case-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.08) 65%);
      }

      .case-content {
        position: relative;
        z-index: 1;
        color: #fff;
        padding: 0 78px 66px;
        max-width: 720px;
      }

      .case-content h3 {
        margin: 0 0 14px;
        font-size: clamp(36px, 3.2vw, 50px);
        font-weight: 500;
        line-height: 1.06;
        letter-spacing: -0.02em;
      }

      .case-content p {
        margin: 0;
        color: rgba(255, 255, 255, 0.7);
        font-size: 20px;
        font-weight: 400;
        line-height: 1.2;
        max-width: 560px;
      }

      .experience-card {
        position: absolute;
        right: 80px;
        top: 140px;
        z-index: 6;
        width: min(410px, calc(100% - 40px));
        min-height: 444px;
        border-radius: 14px;
        background: #C2F894;
        padding: 42px 32px 34px;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        color: #1f2735;
        overflow: hidden;
      }

      .experience-card::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: url("../img/aatbg.png");
        background-repeat: no-repeat;
        background-position: right center;
        background-size: contain;
        opacity: 0.92;
        z-index: -1;
        pointer-events: none;
      }

      .experience-year {
        font-size: 68px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 16px;
      }

      .experience-card p {
        margin: 0;
        font-size: 20px;
        line-height: 1.22;
        max-width: 336px;
        font-weight: 500;
      }

      .insights-head {
        margin-top: 140px;
        margin-right: 20px;
        margin-left: 100px;
      }

      .insights-head h2 {
        margin: 0;
        color: #f0f2f2;
        font-size: 40px;
        font-weight: 500;
      }

      .insights-posts-swiper {
        margin-top: 28px;
        padding-bottom: 18px;
        width: calc(100% - 100px);
        margin-left: 100px;
        overflow: hidden;
      }

      .post-card {
        background: #e5e5e5;
        border-radius: 14px;
        padding: 20px 18px 16px;
        min-height: 360px;
        display: flex;
        flex-direction: column;
        text-decoration: none;
        color: inherit;
      }

      .post-category {
        font-size: 16px;
        color: #959595;
        text-transform: uppercase;
        margin-bottom: 20px;
        font-weight: normal;
      }

      .post-card img {
        width: 100%;
        height: 189px;
        object-fit: cover;
        border-radius: 16px;
        margin-bottom: 16px;
      }

      .post-card time {
        font-size: 22px;
        color: #a48854;
        margin-bottom: 12px;
      }

      .post-card h3 {
        margin: 0;
        color: #12323a;
        font-size: 20px;
        line-height: 1.32;
        font-weight: 500;
        margin-bottom: 25px;
        font-family: "Google Sans", sans-serif;
      }

      .post-arrow {
        margin-top: auto;
        color: #a48854;
        text-decoration: none;
        font-size: 24px;
        font-weight: normal;
      }

      .insights-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 28px;
        margin-top: 10px;
        padding-bottom: 18px;
        position: relative;
        z-index: 2;
        margin-right: 20px;
        margin-left: 100px;
      }

      .insights-progress {
        flex: 1;
        height: 2px;
        background: rgba(255, 255, 255, 0.22);
        position: relative;
        border-radius: 999px;
        overflow: hidden;
      }

      .insights-progress::after {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: var(--progress-width, 20%);
        background: #b99b69;
        transition: width 260ms ease;
      }

      .insights-nav {
        display: inline-flex;
        gap: 12px;
      }

      .insights-prev,
      .insights-next {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.3);
        background: transparent;
        color: #b99b69;
        display: grid;
        place-items: center;
      }

      .insights-prev.swiper-button-disabled,
      .insights-next.swiper-button-disabled {
        opacity: 0.45;
        cursor: not-allowed;
      }

      .insights-prev:not(.swiper-button-disabled) {
        background: #efefea;
        color: #a48854;
        border-color: transparent;
      }

      .faq-section {
        background: #efefef;
        padding: 78px 0 34px;
      }

      .faq-shell h2 {
        margin-bottom: 15px;
        text-align: left;
        color: #103C32;
        font-size: 36px;
        font-weight: 500;
      }

      .faq-list {
        border-top: 1px solid #d6d6d6;
      }

      .faq-item {
        border-bottom: 1px solid #d6d6d6;
      }

      .faq-trigger {
        width: 100%;
        border: none;
        background: transparent;
        padding: 28px 0 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        text-align: left;
        color: #26262F;
        font-size: 20px;
        line-height: 1.35;
        font-weight: 500;
        font-family: "Google Sans", sans-serif;
      }

      .faq-item.is-open .faq-trigger {
        color: #a88c5d;
      }

      .faq-symbol {
        color: #a88c5d;
        font-size: 29px;
        font-weight: 300;
        line-height: 0.7;
        flex-shrink: 0;
      }

      .faq-panel {
        max-height: 0;
        overflow: hidden;
        transition: max-height 320ms ease;
      }

      .faq-panel p {
        margin: 0;
        padding: 0 0 28px;
        color: #27282f;
        font-size: 20px;
        line-height: 1.5;
      }

      .faq-item.is-open .faq-panel {
        max-height: 240px;
      }

      .assistant-cta {
        padding: 18px 0 56px;
        background: #efefef;
      }

      .assistant-cta .container {
        max-width: none;
        padding-left: 20px;
        padding-right: 20px;
      }

      .assistant-shell {
        background: #af9768;
        border-radius: 20px;
        min-height: 250px;
        padding: 54px 92px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 36px;
      }

      .assistant-copy h3 {
        margin: 0 0 14px;
        color: #fff;
        font-size: 42px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
      }

      .assistant-copy p {
        margin: 0;
        color: rgba(255, 255, 255, 0.82);
        font-size: 20px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
        line-height: 1.45;
        max-width: 830px;
      }

      .assistant-btn {
        flex-shrink: 0;
        border-radius: 999px;
        background: #f5f6f3;
        color: #103c32;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        font-family: "Google Sans", sans-serif;
        display: inline-flex;
        align-items: center;
        gap: 14px;
        padding: 18px 42px;
      }

      .assistant-btn i {
        color: #ab9268;
        font-size: 20px;
      }

      .site-footer {
        background: #ece4e4;
        padding: 30px 0 28px;
      }

      .footer-top {
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        gap: 30px;
        padding-bottom: 18px;
        border-bottom: none;
        position: relative;
        margin-bottom: 50px;
      }

      @media (min-width: 1400px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
          max-width: 1400px;
        }
      }

      .footer-top::before,
      .footer-top::after {
        content: "";
        position: absolute;
        bottom: -15px;
        height: 1px;
        background: #d7cdcd;
      }

      .footer-top::before {
        left: 0;
        width: 84px;
      }

      .footer-top::after {
        left: 244px;
        right: 0;
      }

      .footer-brand {
        display: inline-flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        position: relative;
        z-index: 1;
        background: #ece4e4;
        padding-right: 16px;
        margin-bottom: -55px;
      }

      .footer-brand img {
        width: 170px;
        height: auto;
        object-fit: contain;
      }

      .footer-social {
        display: inline-flex;
        align-items: center;
        gap: 28px;
        color: #1b4b43;
        font-size: 34px;
      }

      .footer-social>span {
        color: #103c32;
        font-size: 18px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
      }

      .footer-social-links {
        display: inline-flex;
        align-items: center;
        gap: 16px;
      }

      .footer-social-links a {
        color: #9ea1a1;
        text-decoration: none;
        font-size: 24px;
        line-height: 1;
      }

      .footer-main {
        display: grid;
        grid-template-columns: 1.2fr auto auto;
        align-items: center;
        gap: 42px;
        padding-top: 34px;
      }

      .footer-summary {
        margin: 0;
        color: #103c32;
        font-size: 18px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
        line-height: 1.45;
        max-width: 400px;
      }

      .footer-nav {
        display: inline-flex;
        align-items: center;
        gap: 24px;
        flex-wrap: wrap;
      }

      .footer-nav a {
        color: #103c32;
        text-decoration: none;
        font-size: 16px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
        transition: color 220ms ease, transform 220ms ease, text-shadow 220ms ease;
      }

      .footer-nav a:hover,
      .footer-nav a:focus-visible {
        color: #ab9268;
        transform: translateY(-1px);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.08);
      }

      .footer-track {
        border: 1px solid #ab9268;
        border-radius: 999px;
        padding: 10px 22px;
        color: #103c32;
        text-decoration: none;
        font-size: 18px;
        font-weight: 500;
        font-family: "Google Sans", sans-serif;
        display: inline-flex;
        align-items: center;
        gap: 10px;
      }

      .footer-track i {
        color: #ab9268;
      }

      .footer-copy {
        margin-top: 48px;
        text-align: right;
        color: #103C32;
        font-size: 18px;
        font-weight: 400;
        font-family: "Google Sans", sans-serif;
      }

      .file-btn,
      .scroll-indicator,
      .cta-btn,
      .assistant-btn,
      .footer-track,
      .insights-prev,
      .insights-next,
      .faq-trigger {
        transition:
          background-color 220ms ease,
          color 220ms ease,
          border-color 220ms ease,
          box-shadow 220ms ease,
          transform 220ms ease;
      }

      .file-btn:hover,
      .file-btn:focus-visible {
        background: rgba(171, 146, 104, 0.18);
        color: #fff;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
        transform: translateY(-1px);
      }

      .scroll-indicator:hover,
      .scroll-indicator:focus-visible {
        background: #ffffff;
        color: #7c6237;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
        transform: translateX(-50%) translateY(-2px);
      }

      .cta-btn:hover,
      .cta-btn:focus-visible {
        background: #f6f2ea;
        color: #1f2530;
        text-decoration: none;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
        transform: translateY(-1px);
      }

      .assistant-btn:hover,
      .assistant-btn:focus-visible {
        background: #ffffff;
        color: #0f3129;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
        transform: translateY(-1px);
      }

      .assistant-btn:hover i,
      .assistant-btn:focus-visible i {
        color: #9f8758;
      }

      .footer-track:hover,
      .footer-track:focus-visible {
        background: rgba(171, 146, 104, 0.1);
        color: #0f3129;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
        transform: translateY(-1px);
      }

      .insights-prev:not(.swiper-button-disabled):hover,
      .insights-prev:not(.swiper-button-disabled):focus-visible,
      .insights-next:not(.swiper-button-disabled):hover,
      .insights-next:not(.swiper-button-disabled):focus-visible {
        background: #efefea;
        color: #a48854;
        border-color: transparent;
        box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2);
        transform: translateY(-1px);
      }

      .faq-trigger:hover,
      .faq-trigger:focus-visible {
        color: #a88c5d;
      }

      @media (max-width: 1360px) {
        .hero {
          min-height: 620px;
        }

        .hero-header {
          left: 24px;
          right: 24px;
        }

        .main-nav {
          gap: 16px;
        }

        .file-btn {
          font-size: 13px;
          padding: 10px 14px;
        }

        .about-card {
          padding: 42px;
        }

        .portrait-wrap {
          margin-bottom: -92px;
        }

        .portrait {
          height: 520px;
        }
      }

      @media (max-width: 1080px) {
        .hero-header {
          grid-template-columns: 1fr;
          gap: 14px;
          top: 18px;
          left: 18px;
          right: 18px;
        }


        .brand {
          align-items: center;
        }

        .main-nav {
          flex-wrap: wrap;
          justify-content: center;
        }

        .file-btn {
          justify-self: center;
        }

        .hero-content {
          padding-top: 210px;
        }

        .kicker {
          font-size: 12px;
          letter-spacing: 3px;
        }

        .about-card {
          grid-template-columns: 1fr;
          overflow: visible;
        }

        .portrait-wrap {
          margin-bottom: -76px;
          max-width: 520px;
          justify-self: center;
        }

        .badge {
          left: 18px;
          bottom: 18px;
        }

        .team-link {
          margin-top: 94px;
        }

        .practice-grid {
          grid-template-columns: repeat(3, 1fr);
        }

        .cta-block {
          height: 320px;
        }

        .content-shell {
          padding-left: 32px;
          padding-right: 32px;
        }

        .experience-card {
          right: 40px;
          top: 158px;
          width: 370px;
          min-height: 410px;
          padding: 30px 24px 28px;
        }

        .experience-year {
          font-size: 56px;
        }

        .experience-card p {
          font-size: 31px;
        }

        .case-content {
          max-width: 620px;
        }

        .case-content h3 {
          font-size: 42px;
        }

        .case-content p {
          font-size: 24px;
          max-width: 500px;
        }

        .post-category {
          font-size: 13px;
        }

        .post-card time {
          font-size: 16px;
        }

        .faq-shell h2 {
          font-size: 44px;
        }

        .faq-trigger {
          font-size: 18px;
        }

        .faq-panel p {
          font-size: 16px;
        }

        .assistant-shell {
          padding: 34px 38px;
          min-height: 180px;
        }

        .assistant-copy h3 {
          font-size: 42px;
        }

        .assistant-copy p {
          font-size: 20px;
        }

        .assistant-btn {
          font-size: 18px;
          padding: 14px 28px;
        }


        .footer-social {
          font-size: 20px;
        }

        .footer-social-links a {
          font-size: 20px;
        }

        .footer-summary {
          font-size: 18px;
        }

        .footer-nav a {
          font-size: 18px;
          width: 100%;
          text-align: left;
        }

        .footer-track {
          font-size: 18px;
          padding: 12px 20px;
        }

        .footer-copy {
          font-size: 18px;
        }
      }

      @media (max-width: 640px) {
        .page {
          margin-top: 0;
        }

        .brand-mark {
          width: 105px;
          height: 61px;
        }

        .hero-shell {
          padding-left: 0;
          padding-right: 0;
        }

        .hero {
          border-radius: 0;
          min-height: 100dvh;
          max-height: none;
          height: 100dvh;
        }

        .hero-content {
          place-items: end start;
          text-align: left;
          padding: 180px 16px 34px;
        }

        .kicker {
          font-size: 12px;
          letter-spacing: 3px;
          margin-bottom: 14px;
        }

        .hero-content h1 {
          font-size: 42px;
          line-height: 1.08;
          max-width: 100%;
        }

        .hero-desc {
          line-height: 1.5;
          font-size: 13px;
          margin-top: 12px;
          max-width: 100%;
        }

        .scroll-indicator {
          display: none;
        }

        .content {
          padding-top: 48px;
        }

        .content-shell {
          padding-left: 20px;
          padding-right: 20px;
        }

        .section-label {
          font-size: 10px;
          letter-spacing: 1.8px;
        }

        .intro-title {
          margin-top: 10px;
          margin-bottom: 20px;
          max-width: 100%;
          font-weight: normal;
          font-size: 22px;
          line-height: 1.38;
        }

        .about-card {
          padding: 18px;
          min-height: auto;
          border-radius: 12px;
          grid-template-columns: 1fr;
          gap: 14px;
        }

        .about-copy h2 {
          margin-bottom: 12px;
          font-size: 30px;
        }

        .about-copy p {
          margin-bottom: 14px;
          font-size: 15px;
          line-height: 1.55;
        }

        .portrait-wrap {
          margin-bottom: 0;
          margin-top: 10px;
          max-width: 100%;
          justify-self: stretch;
        }

        .portrait {
          height: 360px;
        }

        .badge {
          width: 92px;
          height: 92px;
          left: 12px;
          bottom: 12px;
        }

        .badge img {
          width: 44px;
          height: 54px;
        }

        .team-link {
          font-size: 20px;
          margin-top: 24px;
          margin-left: 0;
        }

        .practice-section {
          margin-top: 52px;
          padding-top: 56px;
        }

        .practice-grid {
          grid-template-columns: repeat(2, 1fr);
          gap: 10px;
          margin-top: 28px;
        }

        .practice-card {
          height: 200px;
          padding: 16px 12px;
        }

        .practice-card h3 {
          font-size: 18px;
          margin-top: 0;
          margin-bottom: 12px;
        }

        .practice-card p {
          display: none !important;
        }

        .cta-block {
          margin-top: 30px;
          height: 260px;
        }

        .cta-block::after {
          top: -38%;
          width: 58%;
          height: 38%;
        }

        .cta-inner h3 {
          font-size: 28px;
          margin-top: 0px;
        }

        .practice-card img {
          width: 40px;
          height: 40px;
          margin-bottom: 25px;
        }

        .cta-inner p {
          font-size: 14px;
          margin-bottom: 20px;
        }

        .insights-section {
          padding-top: 16px;
        }

        .insights-shell {
          padding-left: 20px;
          padding-right: 0;
        }

        .insights-hero {
          min-height: auto;
          padding-top: 0;
        }

        .case-slide {
          min-height: 320px;
        }

        .case-content {
          padding: 0 18px 24px;
          max-width: 100%;
        }

        .case-content h3 {
          font-size: 30px;
        }

        .case-content p {
          font-size: 15px;
          line-height: 1.45;
          max-width: 100%;
        }

        .experience-card {
          position: static;
          width: 100%;
          min-height: 270px;
          margin-top: 12px;
        }

        .experience-year {
          font-size: 44px;
        }

        .experience-card p {
          font-size: 18px;
          max-width: 100%;
          font-weight: normal;
        }

        .insights-head {
          margin-top: 34px;
          margin-right: 20px;
          margin-left: 0;
        }

        .insights-head h2 {
          font-size: 28px;
        }

        .insights-posts-swiper {
          margin-top: 18px;
          margin-left: 0;
          width: 100%;
          padding-right: 12px;
        }

        .post-card {
          min-height: 314px;
          padding: 14px;
        }

        .post-card img {
          height: 130px;
          border-radius: 12px;
        }

        .post-category {
          font-size: 12px;
        }

        .post-card time {
          font-size: 14px;
          margin-bottom: 8px;
        }


        .post-arrow {
          font-size: 24px;
        }

        .insights-prev,
        .insights-next {
          width: 44px;
          height: 44px;
        }

        .insights-footer {
          margin-left: 0;
          margin-right: 0;
          gap: 14px;
          padding-right: 12px;
        }

        .faq-section {
          padding-top: 52px;
          padding-bottom: 22px;
        }

        .faq-shell h2 {
          font-size: 28px;
          margin-bottom: 28px;
          padding-left: 10px;
          padding-right: 10px;
        }

        .faq-trigger {
          padding: 18px 10px;
          font-size: 16px;
        }

        .faq-symbol {
          font-size: 34px;
        }

        .faq-panel p {
          font-size: 14px;
          padding-bottom: 18px;
          padding-left: 10px;
          padding-right: 10px;
        }

        .assistant-cta {
          padding-bottom: 36px;
        }

        .assistant-shell {
          min-height: auto;
          padding: 22px;
          border-radius: 14px;
          flex-direction: column;
          align-items: flex-start;
        }

        .assistant-copy h3 {
          font-size: 34px;
          margin-bottom: 10px;
        }

        .post-card h3 {
          font-size: 16px;
        }

        .assistant-copy p {
          font-size: 16px;
          line-height: 1.5;
        }

        .assistant-btn {
          font-size: 18px;
          padding: 11px 18px;
        }

        .site-footer {
          padding-top: 34px;
        }

        .footer-shell {
          display: flex;
          flex-direction: column;
        }

        .footer-top {
          display: contents;
        }

        .footer-top::before,
        .footer-top::after {
          display: none;
        }

        .footer-brand {
          align-items: flex-start;
          order: 1;
          margin-bottom: 0;
          padding-right: 0;
          background: transparent;
        }


        .footer-social {
          order: 4;
          margin-top: 18px;
          padding-top: 16px;
          border-top: 1px solid #d7cdcd;
          flex-direction: row;
          align-items: center;
          gap: 0;
          font-size: 16px;
        }

        .footer-social>span {
          display: none;
        }

        .footer-social-links {
          gap: 18px;
        }

        .footer-social-links a {
          font-size: 18px;
        }

        .footer-main {
          order: 2;
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          grid-template-columns: none;
          gap: 14px;
          padding: 18px 0;
          margin-top: 16px;
          border-top: 1px solid #d7cdcd;
          border-bottom: 1px solid #d7cdcd;
        }

        .footer-summary {
          order: 1;
          font-size: 18px;
          max-width: none;
        }

        .footer-nav {
          order: 2;
          flex-direction: column;
          align-items: flex-start;
          gap: 12px;
          width: 100%;
        }

        .footer-nav a {
          font-size: 18px;
        }

        .footer-track {
          order: 3;
          width: fit-content;
          font-size: 18px;
          padding: 10px 16px;
        }

        .footer-copy {
          order: 3;
          margin-top: 16px;
          font-size: 18px;
          text-align: left;
        }

        .footer-brand img {
          height: 70px;
          object-fit: contain;
          width: auto;
        }
      }

      .mobile-menu-toggle {
        display: none;
        border: 0;
        background: transparent;
        padding: 0;
        margin: 0;
        width: 34px;
        height: 34px;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        z-index: 30;
      }

      .mobile-menu-toggle img {
        width: 34px;
        height: 34px;
        object-fit: contain;
        display: block;
      }

      .mobile-drawer-overlay {
        position: fixed;
        inset: 0;
        border: 0;
        background: rgba(0, 0, 0, 0.42);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 260ms ease, visibility 260ms ease;
        z-index: 1190;
      }

      .mobile-drawer {
        position: fixed;
        top: 0;
        right: 0;
        width: min(86vw, 360px);
        height: 100dvh;
        background: #ffffff;
        transform: translateX(100%);
        transition: transform 280ms ease;
        z-index: 1200;
        box-shadow: none;
        border-left: 0;
      }

      .mobile-drawer-inner {
        height: 100%;
        overflow-y: auto;
        display: flex;
        flex-direction: column;
        padding: 18px 18px 24px;
      }

      .mobile-drawer-top {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 18px;
      }

      .mobile-drawer-close {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        border: 1px solid rgba(171, 146, 104, 0.42);
        background: #ffffff;
        color: #1f1f1f;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition:
          background-color 220ms ease,
          border-color 220ms ease,
          color 220ms ease,
          transform 220ms ease;
      }

      .mobile-drawer-close i {
        font-size: 22px;
        line-height: 1;
      }

      .mobile-drawer-close:hover,
      .mobile-drawer-close:focus-visible {
        background: rgba(171, 146, 104, 0.12);
        border-color: #ab9268;
        color: #1f1f1f;
        transform: translateY(-1px);
      }

      .mobile-drawer-nav {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
      }

      .mobile-drawer-nav a {
        color: #111111;
        text-decoration: none;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.3;
        padding: 6px 0;
        width: 100%;
        text-align: left;
        border: 0;
        background: transparent;
        transition:
          color 220ms ease,
          transform 220ms ease;
      }

      .mobile-drawer-nav a.is-active {
        color: #ab9268;
      }

      .mobile-drawer-nav a.is-active::before {
        display: none;
      }

      .mobile-drawer-nav a:hover,
      .mobile-drawer-nav a:focus-visible {
        color: #ab9268;
        transform: translateX(2px);
      }

      .mobile-drawer-track {
        margin-top: 18px;
        width: 100%;
        justify-content: center;
        border-color: #ab9268;
        color: #1f1f1f;
        background: #ffffff;
      }

      .mobile-drawer-track:hover,
      .mobile-drawer-track:focus-visible {
        background: #ab9268;
        border-color: #ab9268;
        color: #ffffff;
      }

      body.mobile-menu-open {
        overflow: hidden;
      }

      body.mobile-menu-open .mobile-drawer-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
      }

      body.mobile-menu-open .mobile-drawer {
        transform: translateX(0);
        box-shadow: -20px 0 38px rgba(0, 0, 0, 0.35);
        border-left: 2px solid #ab9268;
      }

      @media (max-width: 768px) {

        .hero-header,
        .services-header,
        .about-page-header {
          grid-template-columns: auto auto;
          align-items: center;
          justify-content: space-between;
          gap: 12px;
        }

        .signature {
          font-size: 18px;
          margin-bottom: 20px;
          margin-top: 30px;
        }

        .hero-header .main-nav,
        .hero-header .file-btn,
        .services-header .services-nav,
        .services-header .services-track,
        .about-page-header .about-page-nav,
        .about-page-header .about-page-track {
          display: none;
        }

        .hero-header .brand,
        .services-header .services-brand,
        .about-page-header .about-page-brand {
          justify-self: start;
        }

        .hero-header .mobile-menu-toggle,
        .services-header .mobile-menu-toggle,
        .about-page-header .mobile-menu-toggle {
          justify-self: end;
          display: inline-flex;
        }
      }