.about-banner {
      background: #050505;
      color: #fff;
      padding: 18px 0 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.16);
      overflow: hidden;
      width: 100%;
    }

    .about-banner-shell {
      width: 100%;
      max-width: none;
      margin: 0 auto;
      position: relative;
      min-height: 520px;
      padding: 18px 0 22px;
    }

    .about-banner-grid {
      display: grid;
      grid-template-columns: minmax(360px, 1.05fr) minmax(420px, 1fr) 240px;
      gap: 26px;
      align-items: stretch;
      max-width: min(1360px, 92%);
      margin: 0 auto;
    }

    .about-banner-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: 40px 14px 40px 0;
    }

    .about-banner-copy h1 {
      margin: 0 0 16px;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(50px, 5.8vw, 76px);
      line-height: 0.92;
      letter-spacing: 0.03em;
      font-weight: 800;
      text-transform: uppercase;
      color: #fff;
      transition: color 0.35s ease, transform 0.35s ease, opacity 0.35s ease;
    }

    .about-banner-copy p {
      margin: 0;
      max-width: 620px;
      color: rgba(255, 255, 255, 0.8);
      font-size: 14px;
      line-height: 1.8;
    }

    .about-banner-copy .highlight {
      color: #d8cfbc;
    }

    .about-banner-visual {
      position: relative;
      min-height: 430px;
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }

    .about-banner-image {
      width: 100%;
      height: 100%;
      min-height: 430px;
      object-fit: cover;
      border-radius: 10px;
      box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45);
      opacity: 1;
      transform: scale(1);
      transition: opacity 0.35s ease, transform 0.35s ease;
    }

    .about-banner-image.is-fading {
      opacity: 0;
      transform: scale(1.03);
    }

    .about-banner-icon {
      position: absolute;
      left: -14px;
      top: 38px;
      width: 92px;
      height: 92px;
      color: #d8cfbc;
      opacity: 0.95;
      transform: rotate(-8deg);
      transition: transform 0.35s ease, opacity 0.35s ease;
    }

    .about-banner-years {
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: center;
      gap: 8px;
      padding-right: 2px;
    }

    .about-banner-years .eyebrow {
      font-size: 14px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.72);
      text-align: right;
      margin-bottom: 4px;
    }

    .about-year-btn {
      border: 0;
      background: transparent;
      color: rgba(255, 255, 255, 0.72);
      font-family: "Montserrat", sans-serif;
      font-size: 22px;
      font-weight: 800;
      line-height: 1;
      padding: 2px 0;
      text-align: right;
      transition: color 0.28s ease, transform 0.28s ease, font-size 0.28s ease, opacity 0.28s ease;
      opacity: 0.76;
    }

    .about-year-btn.is-active {
      color: #fff;
      font-size: 54px;
      opacity: 1;
      transform: translateX(-2px);
    }

    .about-year-btn:not(.is-active):hover {
      color: #d8cfbc;
      opacity: 1;
    }

    .about-banner-social {
      position: absolute;
      right: -6px;
      top: 118px;
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .about-banner-social a {
      width: 28px;
      height: 28px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(255, 255, 255, 0.12);
      color: #fff;
      font-size: 14px;
      transition: transform 0.25s ease, background-color 0.25s ease;
    }

    .about-banner-social a:hover {
      transform: translateX(-2px);
      background: rgba(216, 207, 188, 0.22);
    }

.about-story {
  background: #11120d;
  color: #fff;
  margin-top: -6px;
  padding: 8px 0 16px;
}

    .about-story-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
      display: grid;
      grid-template-columns: 1.08fr 1fr;
      gap: 0;
      min-height: 360px;
      background: #5a574b;
      overflow: hidden;
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
    }

    .about-story-media {
      position: relative;
      min-height: 360px;
      overflow: hidden;
    }

    .about-story-image {
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: cover;
      display: block;
      transition: opacity 0.32s ease, transform 0.32s ease;
      transform: scale(1);
      opacity: 1;
    }

    .about-story-image.is-fading {
      opacity: 0;
      transform: scale(1.03);
    }

    .about-story-panel {
      padding: 30px 34px 28px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 16px;
    }

    .about-story-tabs {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }

    .about-story-tab {
      border: 0;
      border-radius: 999px;
      padding: 10px 18px;
      background: #d8cfbc;
      color: #11120d;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      transition: transform 0.28s ease, background-color 0.28s ease, color 0.28s ease;
    }

    .about-story-tab.is-active {
      background: #11120d;
      color: #fff;
      transform: translateY(-1px) scale(1.02);
    }

    .about-story-title {
      margin: 0;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(28px, 3vw, 42px);
      line-height: 1.06;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.02em;
      transition: transform 0.32s ease, opacity 0.32s ease, color 0.32s ease;
    }

    .about-story-title.is-fading,
    .about-story-desc.is-fading {
      opacity: 0;
      transform: translateY(8px);
    }

    .about-story-desc {
      margin: 0;
      color: rgba(255, 255, 255, 0.88);
      font-size: 14px;
      line-height: 1.75;
      max-width: 540px;
      transition: transform 0.32s ease, opacity 0.32s ease;
    }

    .about-story-bullets {
      margin: 0;
      padding: 0 0 0 18px;
      color: rgba(255, 255, 255, 0.88);
      font-size: 14px;
      line-height: 1.75;
      transition: opacity 0.32s ease, transform 0.32s ease;
    }

    .about-story-bullets.is-fading {
      opacity: 0;
      transform: translateY(8px);
    }

    .about-fields {
      position: relative;
      background:
        linear-gradient(180deg, rgba(5, 5, 5, 0.84), rgba(5, 5, 5, 0.84)),
        url('/wp-content/themes/vaway_Designero/assets/images/team-banner.png') center/cover no-repeat;
      color: #fff;
      margin-top: -1px;
      padding: 30px 0 22px;
    }

    .about-fields-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
      text-align: center;
    }

    .about-fields-kicker {
      margin: 0 0 6px;
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(255, 255, 255, 0.82);
    }

    .about-fields-title {
      margin: 0 0 20px;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(30px, 3.6vw, 50px);
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .about-fields-row {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(320px, 1.2fr) minmax(0, 0.92fr);
      align-items: center;
      gap: 18px;
    }

    .about-fields-card {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: center;
      text-align: left;
    }

    .about-fields-card.right {
      text-align: right;
    }

    .about-fields-card.right .about-fields-copy {
      margin-left: auto;
    }

    .about-fields-art {
      width: 150px;
      height: 150px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid rgba(216, 207, 188, 0.92);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
      background: #11120d;
    }

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

    .about-fields-copy h3 {
      margin: 0 0 8px;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(24px, 2.8vw, 40px);
      line-height: 1;
      font-weight: 800;
      text-transform: uppercase;
    }

    .about-fields-copy h3 span {
      display: block;
      color: #d8cfbc;
    }

    .about-fields-copy p {
      margin: 0;
      color: rgba(255, 255, 255, 0.8);
      font-size: 14px;
      line-height: 1.75;
      max-width: 410px;
    }

    .about-fields-visual {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 28px;
      min-width: 0;
    }

    .about-fields-center-art {
      width: 176px;
      height: 176px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid rgba(216, 207, 188, 0.92);
      box-shadow: 0 18px 40px rgba(0, 0, 0, 0.32);
      background: #11120d;
      flex: 0 0 auto;
    }

    .about-fields-center-art img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .about-fields-divider {
      width: 72px;
      height: 72px;
      display: grid;
      place-items: center;
      border-radius: 50%;
      border: 3px solid #D45937;
      color: #D45937;
      font-size: 40px;
      font-weight: 800;
      margin: 0;
      box-shadow: 0 0 0 8px rgba(255, 122, 69, 0.08);
    }

    h2 {
      font-family: "Baloo 2", "UTM Avo", sans-serif !important;
      font-weight: 800;
    }

    .workshop-hero {
      position: relative;
      color: #fff;
      background: #11120D;
      overflow: hidden;
      margin-top: -1px;
      min-height: 520px;
    }

    .workshop-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 18% 24%, rgba(255, 255, 255, 0.1), transparent 34%);
      pointer-events: none;
    }

    .workshop-hero-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
      position: relative;
      z-index: 1;
      min-height: 520px;
      display: grid;
      grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
      align-items: stretch;
      gap: 0;
      padding: 0;
    }

    .workshop-hero-visual {
      position: relative;
      min-height: 520px;
      overflow: hidden;
      background: #11120D;
    }

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

    .workshop-hero-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(270deg, rgba(97, 91, 77, 0.08) 0%, rgba(97, 91, 77, 0.42) 54%, rgba(97, 91, 77, 0.9) 100%);
      pointer-events: none;
    }

    .workshop-hero-panel {
      position: relative;
      background: #11120D;
      padding: 54px 52px 44px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 520px;
      overflow: hidden;
    }

    .workshop-hero-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background: url('/wp-content/themes/vaway_Designero/assets/images/logo-white.png') no-repeat right 18px center / min(460px, 72%) auto;
      opacity: 0.08;
      pointer-events: none;
    }

    .workshop-hero-panel > * {
      position: relative;
      z-index: 1;
    }

    .workshop-hero-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 16px;
      margin-bottom: 18px;
    }

    .workshop-hero-title {
      margin: 0;
      font-size: clamp(56px, 5vw, 64px);
      line-height: 1.2;
      color: #D8CFBC;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      font-family: "Baloo 2", "Montserrat", "UTM Avo", sans-serif !important;
      font-weight: 800;
    }

    .workshop-hero-area {
      flex: 0 0 auto;
      color: #fff;
      font-size: 36px;
      line-height: 1;
      white-space: nowrap;
      padding-bottom: 10px;
      font-weight: 800;
    }

    .workshop-hero-sub {
      margin: 0 0 12px;
      color: #D8CFBC;
      font-size: 22px;
      line-height: 1.25;
      font-weight: 800;
      max-width: 420px;
    }

    .workshop-hero-copy {
      margin: 0 0 18px;
      font-size: 14px;
      line-height: 1.72;
      color: rgba(255, 255, 255, 0.88);
      max-width: 560px;
    }

    .workshop-hero-copy strong {
      color: #fff;
    }

    .trust-section {

      background: #11120D;
      color: #fff;
      margin-top: -1px;
      overflow: hidden;
    }

    .trust-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
      padding: 28px 0 24px;
    }

    .trust-kicker {
      margin: 0 0 6px;
      text-align: center;
      font-size: 15px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(240, 231, 214, 0.82);
    }

    .trust-title {
      margin: 0 0 18px;
      text-align: center;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(30px, 4vw, 36px);
      line-height: 1;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.03em;
    }

    .trust-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.02fr) minmax(360px, 0.98fr);
      gap: 0;
      align-items: stretch;
    }

    .trust-visual {
      position: relative;
      min-height: 300px;
      overflow: hidden;
      border-radius: 6px 0 0 6px;
      background: #11120D;
      transition: opacity 0.28s ease, transform 0.28s ease;
    }

    .trust-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(270deg, rgba(97, 91, 77, 0.84) 0%, rgba(97, 91, 77, 0.2) 54%, rgba(97, 91, 77, 0) 100%);
      pointer-events: none;
    }

    .trust-visual img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      opacity: 0.96;
      transform: scale(1);
      transition: transform 0.45s ease, opacity 0.45s ease;
    }

    .trust-visual img.trust-fading {
      opacity: 0;
      transform: scale(1.03);
    }

    .trust-visual:hover img {
      transform: scale(1.06);
      opacity: 1;
    }

    .trust-panel {
      position: relative;
      background: #565449;
      padding: 22px 22px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 300px;
      gap: 14px;
      overflow: hidden;
      transition: opacity 0.28s ease, transform 0.28s ease;
    }

    .trust-panel::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        radial-gradient(circle at 78% 26%, rgba(0, 0, 0, 0.16), transparent 28%),
        radial-gradient(circle at 88% 58%, rgba(0, 0, 0, 0.1), transparent 30%);
      pointer-events: none;
    }

    .trust-panel > * {
      position: relative;
      z-index: 1;
    }

    .trust-panel.trust-fading {
      opacity: 0;
      transform: translateY(8px);
    }

    .trust-nums {
      display: flex;
      align-items: center;
      gap: 22px;
      flex-wrap: wrap;
      margin-bottom: 4px;
    }

    .trust-num {
      border: 0;
      background: transparent;
      color: rgba(216, 207, 188, 0.78);
      font-family: "Baloo 2", "UTM Avo", sans-serif;
      font-size: 36px;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -0.02em;
      padding: 0;
      display: inline-block;
      transform-origin: center;
      transition: transform 0.28s ease, color 0.28s ease, font-size 0.28s ease, opacity 0.28s ease;
      opacity: 0.78;
    }

    .trust-num.is-active {
      color: #fff !important;
      font-size: 60px !important;
      opacity: 1 !important;
      transform: translateY(-2px) scale(1.08) !important;
      line-height: 0.88;
      font-weight: 800;
    }

    .trust-num:not(.is-active) {
      font-size: 36px !important;
    }

    .trust-num:hover {
      color: #D8CFBC;
      opacity: 1;
    }

    .trust-heading {
      margin: 0;
      font-size: 22px;
      line-height: 1.15;
      font-weight: 800;
      color: #fff;
      max-width: 420px;
    }

    .trust-desc {
      margin: 0;
      font-size: 14px;
      line-height: 1.75;
      color: rgba(255, 255, 255, 0.84);
      max-width: 460px;
    }

    .trust-benefits {
      margin: 4px 0 0;
      padding: 0;
      list-style: none;
      display: grid;
      gap: 4px;
      color: rgba(255, 255, 255, 0.84);
      font-size: 14px;
      line-height: 1.55;
    }

    .trust-benefits li::before {
      content: "\2022\00A0";
      color: #D8CFBC;
    }

    .trust-fading {
      opacity: 0;
      transform: translateY(8px);
    }

    .material-section {

      background: #11120D;
      color: #fff;
      margin-top: -1px;
      overflow: hidden;
    }

    .material-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
      padding: 0 0 0;
    }

    .material-head {
      background: #14140f;
      padding: 16px 18px 12px;
      text-align: center;
      border-top: 1px solid rgba(216, 207, 188, 0.25);
      border-bottom: 1px solid rgba(216, 207, 188, 0.16);
    }

    .material-kicker {
      margin: 0 0 6px;
      font-size: 14px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: rgba(240, 231, 214, 0.82);
    }

    .material-title {
      margin: 0;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(30px, 4vw, 36px);
      line-height: 1;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.03em;
    }

    .material-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.96fr) minmax(460px, 1.04fr);
      gap: 0;
      min-height: 360px;
      background: #565449;
    }

    .material-list {
      padding: 34px 24px 26px 20px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 14px;
    }

    .material-item {
      display: block;
      width: 100%;
      border: 0;
      background: transparent;
      color: rgba(255, 255, 255, 0.78);
      text-align: left;
      padding: 0 0 0 6px;
      transition: transform 0.25s ease, color 0.25s ease, opacity 0.25s ease;
    }

    .material-item.is-active {
      color: #fff;
      transform: translateX(2px);
    }

    .material-item .material-item-title {
      display: flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 2px;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: 17px;
      font-weight: 800;
      line-height: 1.1;
    }

    .material-item .material-item-title::before {
      content: "•";
      font-size: 22px;
      color: #fff;
      line-height: 1;
    }

    .material-item.is-active .material-item-title::before {
      color: #D8CFBC;
    }

    .material-item-desc {
      margin: 0 0 0 26px;
      max-width: 420px;
      font-size: 14px;
      line-height: 1.55;
      color: rgba(255, 255, 255, 0.76);
    }

    .material-visual {
      display: grid;
      grid-template-columns: 1fr 100px;
      min-height: 330px;
      background: #4f4a40;
    }

    .material-image-wrap {
      position: relative;
      overflow: hidden;
      background: #6e6250;
    }

    .material-badges {
      position: absolute;
      left: 18px;
      top: 84px;
      z-index: 3;
      display: grid;
      gap: 14px;
      transition: opacity 0.28s ease, transform 0.28s ease;
    }

    .material-badges.is-hidden {
      opacity: 0;
      pointer-events: none;
      transform: translateX(-8px);
    }

    .material-badge {
      display: flex;
      align-items: center;
      gap: 12px;
      border: 0;
      background: transparent;
      color: rgba(255, 255, 255, 0.88);
      padding: 0;
      text-align: left;
      cursor: pointer;
      opacity: 0.72;
      transition: opacity 0.25s ease, transform 0.25s ease, color 0.25s ease;
    }

    .material-badge:hover {
      opacity: 0.95;
      transform: translateX(2px);
    }

    .material-badge.is-active {
      color: #fff;
      opacity: 1;
      transform: translateX(2px);
    }

    .material-badge-icon {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid rgba(240, 231, 214, 0.7);
      display: grid;
      place-items: center;
      color: #D8CFBC;
      font-size: 12px;
      font-weight: 800;
      line-height: 1;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    }

    .material-badge[data-badge="mdf"] .material-badge-icon {
      background:
        radial-gradient(circle at 35% 32%, rgba(255, 255, 255, 0.18), transparent 34%),
        linear-gradient(145deg, #d6ad76, #b17a42);
    }

    .material-badge[data-badge="mfc"] .material-badge-icon {
      background:
        radial-gradient(circle at 35% 32%, rgba(255, 255, 255, 0.18), transparent 34%),
        linear-gradient(145deg, #ecd6af, #c59d67);
    }

    .material-badge[data-badge="hdf"] .material-badge-icon {
      background:
        radial-gradient(circle at 35% 32%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(145deg, #b6a278, #81714c);
    }

    .material-badge.is-active .material-badge-icon {
      transform: scale(1.04);
      box-shadow: 0 0 0 2px rgba(240, 231, 214, 0.18);
    }

    .material-badge-label {
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      white-space: nowrap;
    }

    .material-overlay {
      position: absolute;
      left: 18px;
      top: 18px;
      z-index: 2;
      max-width: 46%;
      display: grid;
      gap: 10px;
      color: #fff;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
    }

    .material-overlay-head {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .material-mark {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: rgba(59, 90, 50, 0.9);
      display: grid;
      place-items: center;
      color: #D8CFBC;
      flex: 0 0 auto;
    }

    .material-mark i {
      font-size: 15px;
    }

    .material-overlay-title {
      margin: 0;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(18px, 2vw, 24px);
      line-height: 1.06;
      font-weight: 800;
      text-transform: uppercase;
    }

    .material-overlay-subtitle {
      margin: 0;
      font-size: 14px;
      line-height: 1.35;
      color: rgba(255, 255, 255, 0.86);
    }

    .material-image-wrap img {
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: cover;
      display: block;
      transition: opacity 0.35s ease, transform 0.45s ease;
      opacity: 1;
      transform: scale(1);
    }

    .material-image-wrap img.trust-fading {
      opacity: 0;
      transform: scale(1.03);
    }

    .material-thumbs {
      display: flex;
      flex-direction: column;
      gap: 8px;
      padding: 8px 8px 8px 6px;
      background: rgba(17, 17, 13, 0.18);
    }

    .material-thumb {
      border: 0;
      padding: 0;
      background: transparent;
      width: 100%;
      aspect-ratio: 1 / 1;
      overflow: hidden;
      opacity: 0.72;
      transition: opacity 0.25s ease, transform 0.25s ease;
    }

    .material-thumb.is-active {
      opacity: 1;
      transform: translateY(-1px);
    }

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

    .pack-section {
      background: #11120D;
      color: #fff;
      margin-top: -1px;
      overflow: hidden;
    }

    .pack-intro-section {
      background: #11120D;
      color: #fff;
      margin-top: -1px;
      padding: 0 0 18px;
    }

    .pack-intro-shell,
    .pack-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
    }

    .pack-intro-shell {
      padding: 0;
    }

    .pack-shell {
      padding: 0 0 6px;
    }

    .pack-intro {
      text-align: center;
    }

    .pack-kicker {
      margin: 0 0 6px;
      color: #d8cfbc;
      font-size: 14px;
      line-height: 1.2;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .pack-heading {
      margin: 0;
      color: #fff;
      font-family: "Baloo 2", "UTM Avo", sans-serif;
      font-size: 36px;
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.01em;
      text-transform: uppercase;
    }

    .pack-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.28fr) minmax(0, 0.72fr);
      gap: 0;
      min-height: 360px;
      background: #565449;
    }

    .pack-visual {
      position: relative;
      min-height: 360px;
      overflow: hidden;
      background: #34322d;
      box-shadow: inset 0 0 0 1px rgba(240, 231, 214, 0.08);
    }

    .pack-visual::after {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(97, 91, 77, 0) 55%, rgba(97, 91, 77, 0.62) 100%);
      pointer-events: none;
    }

    .pack-visual img {
      width: 100%;
      height: 100%;
      min-height: 360px;
      object-fit: cover;
      display: block;
      transition: opacity 0.45s ease, transform 0.45s ease;
      opacity: 1;
      transform: scale(1);
    }

    .pack-visual img.trust-fading {
      opacity: 0;
      transform: scale(1.03);
    }

    .pack-panel {
      padding: 26px 28px 24px 24px;
      display: grid;
      align-content: center;
      gap: 12px;
      background: #565449;
    }

    .pack-step {
      width: 100%;
      border: 0;
      background: transparent;
      padding: 0;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: start;
      gap: 14px;
      text-align: left;
      color: #d8cfbc;
      opacity: 0.88;
      transition: opacity 0.25s ease, transform 0.25s ease;
      cursor: pointer;
    }

    .pack-step.is-active {
      color: #fff;
      opacity: 1;
      transform: translateX(-2px);
      font-weight: 800;
    }

    .pack-step:hover {
      opacity: 1;
    }

    .pack-num {
      font-family: "Baloo 2", "UTM Avo", sans-serif;
      font-size: 36px;
      line-height: 0.88;
      font-weight: 800;
      letter-spacing: -0.04em;
      min-width: 64px;
      color: inherit;
      transform-origin: center;
      transition: font-size 0.25s ease, transform 0.25s ease, color 0.25s ease;
    }

    .pack-step.is-active .pack-num {
      font-size: 60px !important;
      transform: translateY(-2px) scale(1.06);
      color: #fff;
    }

    .pack-copy {
      display: grid;
      gap: 4px;
      padding-top: 2px;
    }

    .pack-step-title {
      font-family: "Baloo 2", "UTM Avo", sans-serif;
      font-size: 22px;
      line-height: 1.05;
      font-weight: 800;
      color: inherit;
    }

    .pack-desc {
      margin: 0;
      font-size: 14px;
      line-height: 1.6;
      color: rgba(240, 231, 214, 0.82);
    }

    .pack-step:not(.is-active) .pack-desc {
      display: none;
    }

    .pack-step.is-active .pack-copy {
      padding-top: 4px;
    }

    .pack-step:not(.is-active) .pack-step-title {
      font-size: 18px;
      line-height: 1.1;
      opacity: 0.92;
    }

    @media (max-width: 980px) {
      .trust-layout {
        grid-template-columns: 1fr;
      }

      .trust-visual {
        min-height: 220px;
        border-radius: 6px 6px 0 0;
      }

      .trust-panel {
        min-height: auto;
      }

      .trust-num.is-active {
        font-size: 60px !important;
      }
    }

    @media (max-width: 980px) {
      .workshop-hero-shell {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 14px;
        padding: 30px 0 26px;
      }

      .workshop-hero-panel {
        justify-self: start;
      }

    }

    .workflow-section {
      background: #5e594c;
      color: #fff;
      margin-top: -1px;
      padding: 28px 0 30px;
    }

    .workflow-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
    }

    .workflow-title {
      margin: 0 0 22px;
      text-align: center;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(34px, 4.2vw, 56px);
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .workflow-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 48px minmax(0, 1fr) 48px minmax(0, 1fr) 48px minmax(0, 1fr);
      gap: 20px;
      align-items: stretch;
    }

    .workflow-step {
      position: relative;
      min-height: 190px;
      border-radius: 16px;
      overflow: hidden;
      background: #11120d;
      box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
      isolation: isolate;
    }

    .workflow-step::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(9, 9, 9, 0.08), rgba(9, 9, 9, 0.62));
      z-index: 1;
      transition: opacity 0.3s ease;
    }

    .workflow-step img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.45s ease, filter 0.45s ease;
      transform: scale(1);
      filter: saturate(0.92) brightness(0.84);
    }

    .workflow-step:hover img {
      transform: scale(1.08);
      filter: saturate(1.04) brightness(0.98);
    }

    .workflow-step:hover .workflow-step-content {
      background: linear-gradient(180deg, rgba(17, 18, 13, 0.04), rgba(17, 18, 13, 0.12));
    }

    .workflow-step:hover::before {
      opacity: 0.42;
    }

    .workflow-step-content {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 10px 12px 12px;
    }

    .workflow-step-top {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 4px;
      max-width: 150px;
    }

    .workflow-icon {
      width: 30px;
      height: 30px;
      object-fit: contain;
      filter: brightness(10);
      opacity: 0.98;
      margin-left: -2px;
    }

    .workflow-step h3 {
      margin: 0;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: 14px;
      line-height: 1.15;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.02em;
      max-width: 140px;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55);
    }

    .workflow-step p {
      margin: 0;
      font-size: 14px;
      line-height: 1.55;
      color: rgba(255, 255, 255, 0.88);
      max-width: 220px;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    }

    .workflow-arrow {
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      font-size: 42px;
      font-weight: 700;
      user-select: none;
      opacity: 0.96;
      transition: transform 0.28s ease, color 0.28s ease, opacity 0.28s ease;
    }

    .workflow-step:hover + .workflow-arrow,
    .workflow-arrow:hover {
      transform: translateX(10px) scale(1.08);
      color: #fff8e6;
      opacity: 1;
    }

    .workflow-step.is-small p {
      max-width: 180px;
    }

    @media (max-width: 1080px) {
      .workflow-grid {
        grid-template-columns: 1fr;
        gap: 12px;
      }

      .workflow-arrow {
        transform: rotate(90deg);
        font-size: 30px;
        padding: 4px 0;
      }

      .workflow-step:hover + .workflow-arrow,
      .workflow-arrow:hover {
        transform: rotate(90deg) translateY(6px) scale(1.05);
      }
    }

    @media (min-width: 1081px) {
      .workflow-step:nth-child(1) { grid-column: 1; }
      .workflow-grid > .workflow-arrow:nth-of-type(1) { grid-column: 2; }
      .workflow-step:nth-child(3) { grid-column: 3; }
      .workflow-grid > .workflow-arrow:nth-of-type(2) { grid-column: 4; }
      .workflow-step:nth-child(5) { grid-column: 5; }
      .workflow-grid > .workflow-arrow:nth-of-type(3) { grid-column: 6; }
      .workflow-step:nth-child(7) { grid-column: 7; }
    }

    .service-showcase {
      background: #11120d;
      color: #fff;
      margin-top: -1px;
      padding: 26px 0 24px;
    }

    .service-showcase-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
    }

    .service-showcase-title {
      margin: 0 0 16px;
      text-align: center;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(36px, 4.2vw, 60px);
      line-height: 1;
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
    }

    .service-showcase-tabs {
      display: flex;
      justify-content: center;
      gap: 10px;
      margin-bottom: 16px;
    }

    .service-showcase-tab {
      border: 0;
      border-radius: 999px;
      padding: 9px 24px;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: 14px;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      background: #d8cfbc;
      color: #11120d;
      transition: transform 0.28s ease, background-color 0.28s ease, color 0.28s ease, opacity 0.28s ease;
    }

    .service-showcase-tab.is-active {
      background: #D45937;
      color: #fff;
      transform: translateY(-1px) scale(1.02);
    }

    .service-showcase-tab:not(.is-active):hover {
      transform: translateY(-1px);
      background: #D8CFBC;
    }

    .service-showcase-panel {
      display: none;
    }

    .service-showcase-panel.is-active {
      display: block;
    }

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

    .service-tile {
      position: relative;
      min-height: 200px;
      border-radius: 16px;
      overflow: hidden;
      background: #11120d;
      box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
      isolation: isolate;
      transition: transform 0.28s ease, box-shadow 0.28s ease;
    }

    .service-tile::before {
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(180deg, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.76));
      z-index: 1;
      transition: opacity 0.3s ease;
    }

    .service-tile:hover {
      transform: translateY(-3px);
      box-shadow: 0 18px 42px rgba(0, 0, 0, 0.3);
    }

    .service-tile:hover::before {
      opacity: 0.32;
    }

    .service-tile img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.45s ease, filter 0.45s ease;
      filter: saturate(0.9) brightness(0.84);
    }

    .service-tile:hover img {
      transform: scale(1.08);
      filter: saturate(1.05) brightness(0.98);
    }

    .service-tile-content {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 11px 10px 10px;
    }

    .service-tile-top {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 3px;
      max-width: 160px;
    }

    .service-tile-icon {
      width: 28px;
      height: 28px;
      object-fit: contain;
      filter: brightness(10);
      opacity: 0.97;
      margin-left: -2px;
    }

    .service-tile h3 {
      margin: 0;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: 14px;
      line-height: 1.14;
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: 0.02em;
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }

    .service-tile p {
      margin: 0;
      font-size: 14px;
      line-height: 1.45;
      color: rgba(255, 255, 255, 0.88);
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
      max-width: 170px;
    }

    .service-showcase-note {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      margin: 14px 2px 0;
      font-size: 14px;
      line-height: 1.6;
      color: rgba(255, 255, 255, 0.76);
    }

    .service-showcase-note a {
      color: #D45937;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.04em;
      white-space: nowrap;
    }

    .service-showcase-panel.is-fading {
      opacity: 0;
      transform: translateY(8px);
      transition: opacity 0.28s ease, transform 0.28s ease;
    }

    .service-showcase-panel.is-active {
      opacity: 1;
      transform: translateY(0);
      transition: opacity 0.28s ease, transform 0.28s ease;
    }

    @media (max-width: 1100px) {
      .service-grid-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .service-grid-5 {
        grid-template-columns: 1fr;
      }

      .service-showcase-note {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    .workshop-section {
      position: relative;
      color: #fff;
      margin-top: -1px;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(10, 10, 8, 0.28), rgba(10, 10, 8, 0.62)),
        url('/wp-content/themes/vaway_Designero/assets/images/team-banner.png') center/cover no-repeat;
    }

    .workshop-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 22% 28%, rgba(255, 255, 255, 0.08), transparent 36%);
      pointer-events: none;
    }

    .workshop-shell {
      width: min(1360px, 92%);
      margin: 0 auto;
      position: relative;
      z-index: 1;
      padding: 44px 0 0;
    }

    .workshop-top {
      display: grid;
      grid-template-columns: minmax(280px, 0.95fr) minmax(320px, 1.05fr);
      gap: 34px;
      align-items: center;
      min-height: 330px;
      padding-bottom: 26px;
    }

    .workshop-title {
      margin: 0;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: clamp(52px, 6vw, 86px);
      line-height: 0.92;
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      max-width: 420px;
      text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    }

    .workshop-copy {
      justify-self: end;
      max-width: 560px;
      padding-top: 22px;
    }

    .workshop-copy p {
      margin: 0 0 14px;
      font-size: 15px;
      line-height: 1.7;
      color: rgba(255, 255, 255, 0.9);
      text-shadow: 0 1px 3px rgba(0, 0, 0, 0.35);
    }

    .workshop-more {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      padding: 0 14px;
      border-radius: 4px;
      background: #d8cfbc;
      color: #11120d;
      font-size: 14px;
      font-weight: 800;
      text-transform: none;
      transition: transform 0.28s ease, background-color 0.28s ease, color 0.28s ease;
    }

    .workshop-more:hover {
      transform: translateY(-1px);
      background: #D8CFBC;
      color: #11120d;
    }

    .workshop-gallery-wrap {
      padding: 18px 0 24px;
    }

    .workshop-gallery {
      display: flex;
      gap: 10px;
      overflow-x: auto;
      padding-bottom: 8px;
      scroll-snap-type: x proximity;
      scrollbar-width: none;
    }

    .workshop-gallery::-webkit-scrollbar {
      display: none;
    }

    .workshop-card {
      position: relative;
      flex: 0 0 300px;
      height: 170px;
      border-radius: 14px;
      overflow: hidden;
      background: #5f5b4d;
      box-shadow: 0 16px 34px rgba(0, 0, 0, 0.2);
      scroll-snap-align: start;
      isolation: isolate;
      transition: transform 0.28s ease, box-shadow 0.28s ease;
    }

    .workshop-card:hover {
      transform: translateY(-3px);
      box-shadow: 0 20px 42px rgba(0, 0, 0, 0.28);
    }

    .workshop-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      opacity: 0.22;
      transform: scale(1);
      transition: transform 0.45s ease, opacity 0.45s ease;
    }

    .workshop-card:hover img {
      transform: scale(1.06);
      opacity: 0.34;
    }

    .workshop-card::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(95, 91, 77, 0.72);
      z-index: 1;
      transition: opacity 0.3s ease;
    }

    .workshop-card:hover::before {
      opacity: 0.62;
    }

    .workshop-card-content {
      position: absolute;
      inset: 0;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 16px;
      text-align: center;
      font-family: "Montserrat", "Roboto", sans-serif;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      color: #fff;
    }

    @media (max-width: 980px) {
      .workshop-top {
        grid-template-columns: 1fr;
        min-height: auto;
        gap: 14px;
      }

      .workshop-copy {
        justify-self: start;
        padding-top: 0;
      }

      .workshop-title {
        max-width: none;
      }

      .workshop-card {
        flex-basis: 260px;
        height: 150px;
      }
    }

    .testimonials-section {
      width: 100%;
      margin-top: -1px;
    }

    .contact-band {
      width: 100%;
      margin-top: -1px;
    }

    @media (max-width: 980px) {
      .about-fields {
        padding: 28px 0 20px;
      }

      .about-fields-row {
        grid-template-columns: 1fr;
      }

      .about-fields-visual {
        gap: 16px;
      }

      .about-fields-center-art {
        width: 132px;
        height: 132px;
      }

      .about-fields-divider {
        transform: rotate(90deg);
      }

      .about-fields-card {
        text-align: left;
      }

      .about-fields-card.right {
        text-align: left;
      }

      .about-fields-card.right .about-fields-copy {
        margin-left: 0;
      }

      .about-fields-art {
        width: 104px;
        height: 104px;
      }
    }

    @media (max-width: 980px) {
      .about-story-shell {
        grid-template-columns: 1fr;
      }

      .about-story-panel {
        padding: 24px 20px 24px;
      }
    }

    @media (max-width: 1100px) {
      .about-banner-grid {
        grid-template-columns: 1fr;
      }

      .about-banner-years {
        align-items: flex-start;
        order: 3;
      }

      .about-banner-social {
        position: static;
        flex-direction: row;
        margin-top: 14px;
      }

      .about-banner-copy {
        padding-right: 0;
      }
    }

    @media (max-width: 640px) {
      .about-banner-shell {
        min-height: auto;
      }

      .about-banner-copy h1 {
        font-size: 42px;
      }

      .about-year-btn.is-active {
        font-size: 40px;
      }
    }
  

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
.workshop-metrics{display:flex;gap:10px;flex-wrap:wrap}.workshop-metric{border:1px solid #d8cfbc;background:transparent;color:#d8cfbc;border-radius:999px;padding:7px 14px;font:700 18px "Baloo 2",sans-serif;cursor:pointer}.workshop-metric.is-active{background:#d8cfbc;border-color:#d8cfbc;color:#11120d}

@media (max-width: 980px) {
  /* FIX 5 — Workshop metrics: bỏ viền trên mobile */
  .workshop-metrics {
    gap: 8px !important;
    flex-wrap: wrap !important;
  }
  .workshop-metric {
    border: none !important;
    padding: 5px 10px !important;
    font-size: 15px !important;
    color: rgba(216, 207, 188, 0.85) !important;
  }
  .workshop-metric.is-active {
    background: #d8cfbc !important;
    color: #11120d !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 5px 14px !important;
  }

  .material-layout {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .material-list {
    flex-direction: row !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    gap: 12px !important;
    padding: 16px 20px !important;
    scrollbar-width: none !important;
    -webkit-overflow-scrolling: touch !important;
    justify-content: flex-start !important;
  }
  .material-list::-webkit-scrollbar {
    display: none !important;
  }
  .material-item {
    flex: 0 0 auto !important;
    width: auto !important;
    background: rgba(86, 84, 73, 0.4) !important;
    border: 1px solid rgba(216, 207, 188, 0.2) !important;
    border-radius: 20px !important;
    padding: 8px 16px !important;
    margin: 0 !important;
    text-align: center !important;
    color: #d8cfbc !important;
    transition: all 0.25s ease !important;
  }
  .material-item.is-active {
    background: #d8cfbc !important;
    border-color: #d8cfbc !important;
    color: #11120d !important;
  }
  .material-item .material-item-title {
    font-size: 14px !important;
    margin: 0 !important;
    display: inline-block !important;
  }
  .material-item .material-item-title::before {
    display: none !important;
  }
  .material-item-desc {
    display: none !important;
  }
  .material-visual {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .material-image-wrap {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 4/3 !important;
    min-height: auto !important;
    overflow: hidden !important;
  }
  .material-badges {
    display: none !important;
  }
  .material-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    min-height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  .material-thumbs {
    flex-direction: row !important;
    justify-content: flex-start !important;
    overflow-x: auto !important;
    gap: 8px !important;
    padding: 10px !important;
    background: rgba(17, 17, 13, 0.35) !important;
    width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    scrollbar-width: none !important;
  }
  .material-thumbs::-webkit-scrollbar {
    display: none !important;
  }
  .material-thumb {
    width: 64px !important;
    height: 64px !important;
    flex: 0 0 64px !important;
    border-radius: 6px !important;
    overflow: hidden !important;
  }
  .material-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  .material-overlay {
    position: absolute !important;
    left: 14px !important;
    top: 14px !important;
    max-width: 90% !important;
    z-index: 2 !important;
  }
  .material-overlay-title {
    font-size: 16px !important;
    line-height: 1.1 !important;
  }
  .material-overlay-subtitle {
    font-size: 12px !important;
  }
  .material-mark {
    width: 28px !important;
    height: 28px !important;
  }
  .material-mark i {
    font-size: 12px !important;
  }

  .pack-layout {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }
  .pack-visual {
    min-height: 240px !important;
  }
  .pack-visual img {
    min-height: 240px !important;
  }
  .pack-panel {
    padding: 24px 20px !important;
  }
}