/* =============================================
  index-css
============================================= */
header.masthead {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 7.5rem 0 5rem;
    overflow: hidden;
    background-color: #fff;
  }
  header.masthead::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("../assets/img/header-hero.jpg");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
  }
  /* header.masthead::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
      linear-gradient(90deg, #ffffff 0%, #FFFFFFB2 22%, rgba(255, 255, 255, 0.28) 55%, rgba(255, 255, 255, 0) 70%),
      linear-gradient(180deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 16%),
      linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0) 16%);
  } */
  header.masthead .container {
    position: relative;
    z-index: 1;
  }
  header.masthead .masthead-content {
    max-width: 36rem;
    text-align: left;
    margin-top: 1rem;
  }
  header.masthead .masthead-kicker {
    margin: 0 0 2rem;
    font-family: "Times New Roman";;
    font-size: 0.72rem;
    font-weight: 400;
    /* letter-spacing: 0.04em; */
    text-transform: uppercase;
    color: #5AADA5;
  }
  header.masthead .masthead-heading {
    margin: 0 0 2.5rem;
    font-family: "Times New Roman";
    font-size: 2.35rem;
    font-weight: 700;
    line-height: 1.18;
    color: #183957;
  }
  header.masthead .masthead-subheading {
    margin: 0;
    font-family: "Times New Roman";
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.7;
    color: #667783;
  }
  header.masthead .masthead-buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem;
    margin-top: 6rem;
  }
  header.masthead .btn-masthead {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem 1.35rem;
    border: none;
    border-radius: 999px;
    font-family: "Times New Roman";
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.2;
    color: #183957;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: none;
  }
  header.masthead .btn-masthead-primary {
    background-color: #94D5CF;
  }
  header.masthead .btn-masthead-secondary {
    background-color: #ffffff;
    border: 1px solid #DDE8E5;
  }
  header.masthead .btn-masthead:hover,
  header.masthead .btn-masthead:focus {
    color: #183957;
    text-decoration: none;
  }
  header.masthead .btn-masthead-primary:hover,
  header.masthead .btn-masthead-primary:focus {
    background-color: #A9DDD9;
  }
  header.masthead .btn-masthead-secondary:hover,
  header.masthead .btn-masthead-secondary:focus {
    background-color: #F4FBFA;
  }
  
  @media (min-width: 768px) {
    header.masthead {
      min-height: 100vh;
      padding-top: 8.5rem;
      padding-bottom: 6rem;
    }
    header.masthead .masthead-content {
      max-width: 51rem;
    }
    header.masthead .masthead-kicker {
      font-size: 18px;
    }
    header.masthead .masthead-heading {
      font-size: 90px;
    }
    header.masthead .masthead-subheading {
      font-size: 20px;
    }
  }
  #feeling.page-section {
    text-align: center;
    background-color: #fff;
    padding: 2.5rem 0;
  }
  #feeling .feeling-kicker {
    margin: 0 0 1.35rem;
    font-family: "Times New Roman";
    font-size: 0.72rem;
    /* font-weight: 600; */
    text-transform: uppercase;
    color: #5AADA5;
  }
  #feeling .feeling-heading {
    margin: 0 auto 2.3rem;
    font-family: "Times New Roman";
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 1.35;
    color: #183957;
  }
  #feeling .feeling-copy {
    margin: 0 auto;
    font-family: "Times New Roman";
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.7;
    color: #667783;
  }
  #feeling .feeling-heading br,
  #feeling .feeling-copy br {
    display: none;
  }
  
  @media (min-width: 768px) {
    #feeling.page-section {
      padding: 6.5rem 0;
    }
    #feeling .feeling-kicker {
      font-size: 18px;
    }
    #feeling .feeling-heading {
      font-size: 54px;
    }
    #feeling .feeling-copy {
      font-size: 18px;
    }
    #feeling .feeling-heading br,
    #feeling .feeling-copy br {
      display: inline;
    }
  }
  #travel-feel {
    background-color: #f7f9fb;
  }
  #travel-feel .travel-feel-kicker {
    margin: 0 0 1rem;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 500;
    /* letter-spacing: 0.18em; */
    text-transform: uppercase;
    color: #5AADA5;
  }
  #travel-feel .travel-feel-intro {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3.2rem;
  }
  #travel-feel .travel-feel-heading {
    margin: 0;
    max-width: 22rem;
    font-family: "Times New Roman";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.25;
    color: #183957;
  }
  #travel-feel .travel-feel-copy {
    margin: 0;
    max-width: 31rem;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 500;
    line-height: 1.65;
    color: #667783;
  }
  #travel-feel .travel-feel-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
  #travel-feel .feel-card {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 28rem;
    padding: 2.15rem 2rem 1.9rem;
    overflow: hidden;
    border-radius: 1.25rem;
    cursor: pointer;
    color: #fff;
  }
  #travel-feel .feel-card-photo {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
    pointer-events: none;
  }
  #travel-feel .feel-card:hover .feel-card-photo {
    transform: scale(1.08);
  }
  #travel-feel .feel-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.78) 100%);
    pointer-events: none;
  }
  #travel-feel .feel-card-label,
  #travel-feel .feel-card-body {
    position: relative;
    z-index: 2;
  }
  #travel-feel .feel-card-label {
    font-family: "Times New Roman";
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }
  #travel-feel .feel-card-title {
    margin: 0 0 0.55rem;
    font-family: "Times New Roman";
    font-size: 30px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
  }
  #travel-feel .feel-card-title a,
  #travel-feel .feel-card-title a:hover,
  #travel-feel .feel-card-title a:focus {
    color: inherit;
    text-decoration: none;
  }
  #travel-feel .feel-card-text {
    margin: 0 0 1.3rem;
    font-family: "Times New Roman";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
    color: #FFFFFFB2;
  }
  #travel-feel .feel-card-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0.7rem 1rem 0.7rem 1.15rem;
    border: none;
    border-radius: 999px;
    background: rgba(32, 36, 42, 0.55);
    color: #fff;
    font-family: "Times New Roman";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
  }
  #travel-feel .feel-card-btn-icon {
    display: block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    object-fit: contain;
  }
  #travel-feel .feel-card.is-selected .feel-card-btn {
    background: #7E94C8;
  }
  
  @media (min-width: 768px) {
    #travel-feel .travel-feel-intro {
      flex-direction: row;
      justify-content: space-between;
      align-items: flex-start;
      gap: 2rem;
    }
    #travel-feel .travel-feel-heading {
      font-size: 54px;
      max-width: 40rem;
    }
    #travel-feel .travel-feel-copy {
      padding-top: 0.35rem;
      text-align: left;
    }
    #travel-feel .travel-feel-grid {
      grid-template-columns: 1fr 1fr;
    }
  }
  
  @media (min-width: 1200px) {
    #travel-feel .travel-feel-grid {
      grid-template-columns: repeat(4, 1fr);
    }
    #travel-feel .feel-card {
      min-height: 31.4rem;
    }
  }
  #journeys {
    --journey-gap: 18px;
    --journey-wide: 100%;
    --journey-narrow: 100%;
    background-color: #fff;
  }
  #journeys .journeys-kicker {
    margin: 0 0 1rem;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #5AADA5;
  }
  #journeys .journeys-intro {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3.6rem;
  }
  #journeys .journeys-heading {
    margin: 0;
    font-family: "Times New Roman";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    color: #183957;
  }
  #journeys .journeys-copy {
    margin: 0;
    font-family: "Times New Roman";
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.7;
    color: #667783;
  }
  #journeys .journeys-heading br,
  #journeys .journeys-copy br {
    display: none;
  }
  #journeys .journeys-carousel {
    position: relative;
  }
  #journeys .journeys-swiper {
    overflow: hidden;
    margin: 0;
  }
  #journeys .journeys-swiper .swiper-wrapper {
    align-items: stretch;
    height: auto;
  }
  #journeys .journeys-swiper .swiper-slide {
    width: var(--journey-narrow);
    height: auto;
    display: flex;
    transition: width 0.34s ease;
  }
  #journeys .journeys-swiper.is-dragging .swiper-slide {
    transition: none;
  }
  #journeys .journeys-swiper .swiper-slide.is-wide {
    width: var(--journey-wide);
  }
  #journeys .journey-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 533px;
    overflow: hidden;
    border-radius: 1.15rem;
    cursor: pointer;
    background: #f4f8f7;
    box-shadow: 0 0 0 1px rgba(26, 58, 90, 0.03);
  }
  #journeys .journey-card-media {
    position: relative;
    height: 13.5rem;
    flex-shrink: 0;
    overflow: hidden;
  }
  #journeys .journey-card-photo {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
  }
  #journeys .journey-card:hover .journey-card-photo {
    transform: scale(1.08);
  }
  #journeys .journey-card-body {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 2rem 1.9rem 2.2rem;
  }
  #journeys .journey-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.7rem;
  }
  #journeys .journey-card-tag {
    font-family: "Times New Roman";
    font-size: 1rem;
    /* font-style: italic; */
    color: #5AADA5;
  }
  #journeys .journey-card-days {
    flex-shrink: 0;
    padding: 0.18rem 0.7rem;
    /* border: 1px solid rgba(130, 196, 188, 0.55); */
    border-radius: 5px;
    /* font-family: "Times New Roman"; */
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #5AADA5;
    background-color: #5AADA51A;
  }
  #journeys .journey-card-title {
    margin: 0 0 1.0rem;
    font-family: "Times New Roman";
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.25;
    color: #183957;
  }
  #journeys .journey-card-title a,
  #journeys .journey-card-title a:hover,
  #journeys .journey-card-title a:focus{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
  }
  #journeys .swiper-slide.is-wide .journey-card-title a {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
  #journeys .journey-card-text {
    display: none;
    margin: 0 0 2.5rem;
    font-family: "Times New Roman";
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.6;
    color: #667783;
  }
  #journeys .swiper-slide.is-wide .journey-card-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    overflow: hidden;
  }
  #journeys .journey-card-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-top: auto;
    padding-top: 1.9rem;
    border-top: 1px solid rgba(26, 58, 90, 0.08);
  }
  #journeys .journey-card-link {
    font-family: "Times New Roman";
    font-size: 0.92rem;
    color: #667783;
    text-decoration: none;
  }
  #journeys .journey-card-link:hover,
  #journeys .journey-card-link:focus {
    color: #183957;
  }
  #journeys .journey-keep-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0;
    border: 0;
    background: transparent;
    font-family: "Times New Roman";
    font-size: 0.92rem;
    color: #5AADA5;
    white-space: nowrap;
    cursor: pointer;
  }
  #journeys .journey-keep-btn img {
    width: 0.9rem;
    height: 0.9rem;
  }
  #journeys .journey-keep-btn.is-kept {
    color: #7E94C8;
  }
  #journeys .journeys-controls {
    display: flex;
    justify-content: flex-end;
    gap: 0.55rem;
    margin-top: 1.4rem;
  }
  #journeys .journeys-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    padding: 0;
    border: 1px solid rgba(26, 58, 90, 0.16);
    border-radius: 999px;
    background: #fff;
    color: #183957;
    cursor: pointer;
  }
  #journeys .journeys-nav svg {
    width: 1.1rem;
    height: 1.1rem;
  }
  #journeys .journeys-nav:hover,
  #journeys .journeys-nav:focus {
    background: #f4f8f7;
  }
  
  @media (min-width: 768px) {
    #journeys .journeys-intro {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
    }
    #journeys .journeys-heading {
      font-size: 54px;
      /* max-width: 28rem; */
    }
    #journeys .journeys-copy {
      font-size: 18px;
    }
    #journeys .journeys-heading br,
    #journeys .journeys-copy br {
      display: inline;
    }
    #journeys {
      --journey-wide: calc((100% - var(--journey-gap)) * 0.62);
      --journey-narrow: calc((100% - var(--journey-gap)) * 0.38);
    }
  }
  
  @media (min-width: 1200px) {
    #journeys {
      --journey-wide: calc((100% - (var(--journey-gap) * 2)) / 2);
      --journey-narrow: calc((100% - (var(--journey-gap) * 2)) / 4);
    }
    #journeys .journey-card-media {
      height: 15.9rem;
    }
    #journeys .journey-card-title {
      font-size: 2.0rem;
    }
  }
  #services {
    text-align: center;
    background: linear-gradient(180deg, #eef6f4 0%, #f7f8f6 55%, #f3f4f1 100%);
  }
  #services .judgment-kicker {
    margin: 0 0 1.35rem;
    font-family: "Times New Roman";
    font-size: 0.72rem;
    text-transform: uppercase;
    color: #5AADA5;
  }
  #services .judgment-heading {
    margin: 0 auto 1.3rem;
    /* max-width: 42rem; */
    font-family: "Times New Roman";
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.25;
    color: #183957;
  }
  #services .judgment-copy {
    margin: 0 auto 3.2rem;
    /* max-width: 38rem; */
    font-family: "Times New Roman";
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 1.7;
    color: #667783;
  }
  #services .judgment-heading br,
  #services .judgment-copy br {
    display: none;
  }
  #services .judgment-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 auto 3.4rem;
    padding: 1rem 1.75rem 1rem 1.75rem;
    border-radius: 999px;
    background: #1B2D45;
    color: #94D5CF;
    font-family: "Times New Roman";
    font-size: 18px;
    line-height: 1;
  }
  #services .judgment-badge svg {
    display: block;
    width: 1rem;
    height: 1rem;
    color: #5AADA5;
  }
  #services .judgment-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
    text-align: left;
  }
  #services .judgment-card {
    min-height: 100%;
    padding: 1.7rem 1.6rem 1.8rem;
    border-radius: 1.15rem;
    background: #fff;
    box-shadow: 0 10px 30px rgba(26, 58, 90, 0.05);
  }
  #services .judgment-num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.4rem;
    height: 48px;
    width: 48px;
    margin-bottom: 1.7rem;
    padding: 14px;
    border-radius: 10px;
    background: #e8f4f2;
    font-family: auto;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.04em;
    color: #5AADA5;
  }
  #services .judgment-card-title {
    margin: 0 0 1rem;
    font-family: "Times New Roman";
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.3;
    color: #183957;
  }
  #services .judgment-card-text {
    margin: 0;
    font-family: "Times New Roman";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #667783;
  }
  
  @media (min-width: 768px) {
    #services .judgment-kicker {
      font-size: 18px;
    }
    #services .judgment-heading {
      font-size: 54px;
    }
    #services .judgment-copy {
      font-size: 18px;
    }
    #services .judgment-heading br,
    #services .judgment-copy br {
      display: inline;
    }
    #services .judgment-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 1.25rem;
    }
    #services .judgment-card {
      padding: 1.8rem 2rem 1.8rem;
    }
    #services .judgment-card-title {
      font-size: 30px;
    }
  }
  
  #services .team-ask {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 3.4rem auto 6rem;
    padding: 0;
    border: 0;
    background: transparent;
    color: #5AADA5;
    font-family: "Times New Roman";
    font-size: 1.1rem;
    cursor: pointer;
  }
  #services .team-ask img {
    width: 0.95rem;
    height: 0.95rem;
  }
  #services .team-ask:hover,
  #services .team-ask:focus {
    color: #5aada5;
  }
  #services .team-ask.is-kept,
  #services .team-ask.is-kept:hover,
  #services .team-ask.is-kept:focus {
    color: #7E94C8;
  }
  #services .team-banner {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 22rem;
    padding: 1.8rem 1.5rem 2rem;
    overflow: hidden;
    border-radius: 1.25rem;
    text-align: left;
    color: #fff;
  }
  #services .team-banner-photo {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
  }
  #services .team-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(18, 28, 42, 0.08) 0%, rgba(18, 28, 42, 0.45) 48%, rgba(18, 28, 42, 0.82) 100%);
    pointer-events: none;
  }
  #services .team-banner-copy {
    position: relative;
    z-index: 1;
    max-width: 22rem;
  }
  #services .team-banner-kicker {
    margin: 0 0 0.85rem;
    font-family: "Times New Roman";
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #FFFFFFB2;
  }
  #services .team-banner-heading {
    margin: 0 0 0.85rem;
    font-family: "Times New Roman";
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
  }
  #services .team-banner-text {
    margin: 0 0 1.1rem;
    max-width: 20rem;
    font-family: "Times New Roman";
    font-size: 0.88rem;
    font-weight: 400;
    line-height: 1.55;
    color: #FFFFFFB2;
  }
  #services .team-banner-heading br,
  #services .team-banner-text br {
    display: none;
  }
  #services .team-banner-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #7EC8C0;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
  }
  #services .team-banner-link svg path {
    stroke: currentColor;
  }
  #services .team-banner-link:hover,
  #services .team-banner-link:focus {
    color: #b7e4de;
  }
  
  @media (min-width: 992px) {
    #services .team-banner {
      min-height: 36rem;
      padding: 3.25rem 3rem;
      align-items: center;
    }
    #services .team-banner::before {
      background: linear-gradient(90deg, rgba(18, 28, 42, 0.72) 0%, rgba(18, 28, 42, 0.42) 42%, rgba(18, 28, 42, 0.08) 78%);
    }
    #services .team-banner-copy {
      max-width: 38rem;
    }
    #services .team-banner-kicker {
      margin-bottom: 1.6rem;
      font-size: 18px;
    }
    #services .team-banner-heading {
      margin-bottom: 1.35rem;
      font-size: 54px;
    }
    #services .team-banner-text {
      max-width: none;
      font-size: 18px;
    }
    #services .team-banner-heading br,
    #services .team-banner-text br {
      display: inline;
    }
  }
  
  #about {
    background-color: #eef6f4;
  }
  #about .look-kicker {
    margin: 0 0 1rem;
    font-family: "Times New Roman";
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    color: #5AADA5;
  }
  #about .look-intro {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 3.8rem;
  }
  #about .look-heading {
    margin: 0;
    max-width: 28rem;
    font-family: "Times New Roman";
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.2;
    color: #183957;
  }
  #about .look-copy {
    margin: 0;
    /* max-width: 22rem; */
    font-family: "Times New Roman";
    font-size: 0.92rem;
    font-weight: 400;
    line-height: 1.7;
    color: #667783;
  }
  #about .look-heading br,
  #about .look-copy br,
  #about .look-feature-title br {
    display: none;
  }
  #about .look-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.1rem;
  }
  #about .look-feature,
  #about .look-side {
    min-width: 0;
  }
  #about .look-feature {
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 482px;
    min-height: 482px;
    padding: 1.8rem 1.6rem 1.7rem;
    overflow: hidden;
    border-radius: 1.25rem;
    cursor: pointer;
    color: #fff;
  }
  #about .look-feature-photo {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
    pointer-events: none;
  }
  #about .look-feature:hover .look-feature-photo {
    transform: scale(1.08);
  }
  #about .look-feature::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 0.08) 38%, rgba(18, 28, 42, 0.78) 100%);
    pointer-events: none;
  }
  #about .look-feature-body {
    position: relative;
    z-index: 2;
  }
  #about .look-feature-tag,
  #about .look-note-tag {
    display: block;
    margin-bottom: 0.55rem;
    font-family: "Times New Roman";
    font-size: 18px;
    color: #5AADA5;
  }
  #about .look-feature-tag {
    color: #7EC8C0;
  }
  #about .look-feature-title {
    margin: 0 0 0.55rem;
    font-family: "Times New Roman";
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 1.25;
    color: #fff;
  }
  #about .look-feature-title a,
  #about .look-note-title a,
  #about .look-feature-title a:hover,
  #about .look-feature-title a:focus {
    color: inherit;
    text-decoration: none;
  }
  #about .look-note-title a:hover,
  #about .look-note-title a:focus {
    color: #5AADA5;
    text-decoration: none;
  }
  #about .look-feature-text {
    margin: 0 0 1.35rem;
    font-family: "Times New Roman";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.55;
    color: #FFFFFFB2;
  }
  #about .look-feature-btn {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.4rem;
    min-width: 13.5rem;
    padding: 0.62rem 0.7rem 0.62rem 1.05rem;
    border: none;
    border-radius: 999px;
    background: #FFFFFF33;
    color: #fff;
    font-family: "Times New Roman";
    font-size: 0.95rem;
    font-weight: 400;
    line-height: 1.2;
    /* backdrop-filter: blur(8px); */
    -webkit-backdrop-filter: blur(8px);
    cursor: pointer;
  }
  #about .look-feature-btn-icon {
    display: block;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    object-fit: contain;
  }
  #about .look-feature.is-selected .look-feature-btn {
    background: #7b8cd9;
  }
  #about .look-side {
    width: 100%;
    height: auto !important;
    overflow: hidden;
    padding: 2px;
    box-sizing: border-box;
  }
  #about .look-side.is-static {
    display: flex;
    flex-direction: column;
    gap: 1.1rem;
    overflow: visible;
  }
  #about .look-side.is-static .look-note {
    height: auto;
    flex: 1 1 auto;
  }
  #about .look-swiper {
    width: 100%;
    max-width: 100%;
    height: auto !important;
    overflow: hidden;
  }
  #about .look-swiper .swiper-wrapper {
    align-items: stretch;
    height: auto !important;
  }
  #about .look-swiper .swiper-slide {
    display: flex;
    height: auto;
    max-width: 100%;
    box-sizing: border-box;
  }
  #about .look-note {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    flex: 1;
    height: auto;
    min-height: 100%;
    padding: 1.7rem 1.6rem 1.8rem;
    border: 1px solid transparent;
    border-radius: 1.25rem;
    background: #fff;
    cursor: pointer;
  }
  #about .look-note.active {
    border-color: rgba(90, 173, 165, 0.55);
    box-shadow: 0 0 0 1px rgba(90, 173, 165, 0.55);
  }
  #about .look-note-title {
    margin: 0 0 0.7rem;
    font-family: "Times New Roman";
    font-size: 1.45rem;
    font-weight: 500;
    line-height: 1.3;
    color: #183957;
  }
  #about .look-note-text {
    margin: 0;
    font-family: "Times New Roman";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    color: #667783;
  }
  
  @media (min-width: 768px) {
    #about .look-intro {
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      gap: 2rem;
    }
    #about .look-heading {
      font-size: 54px;
      max-width: 46rem;
    }
    #about .look-copy {
      padding-bottom: 0.45rem;
      /* text-align: right; */
      font-size: 18px;
    }
    #about .look-heading br,
    #about .look-copy br,
    #about .look-feature-title br {
      display: inline;
    }
    #about .look-feature {
      height: 482px;
      min-height: 482px;
      padding: 2.2rem 2.1rem 2rem;
    }
    #about .look-feature-title {
      font-size: 2rem;
    }
    #about .look-note {
      padding: 2rem 1.9rem 3.1rem;
    }
    #about .look-note-title {
      font-size: 30px;
    }
  }
  
  @media (min-width: 992px) {
    #about .look-grid {
      grid-template-columns: 1.4fr 0.82fr;
      gap: 1.25rem;
      align-items: stretch;
    }
    #about .look-feature {
      height: 482px;
      min-height: 482px;
    }
    #about .look-side,
    #about .look-swiper {
      height: 482px !important;
      padding: 0;
    }
    #about .look-swiper .swiper-wrapper {
      height: 100% !important;
    }
    #about .look-swiper .swiper-slide {
      width: auto;
      padding: 0;
    }
    #about .look-note {
      height: 100%;
    }
    #about .look-side.is-static {
      height: auto !important;
      overflow: visible;
    }
    #about .look-side.is-static .look-note {
      height: auto;
      min-height: 0;
      flex: 1 1 auto;
    }
  }