:root {
      --paper: #f0eee9;
      --paper-bright: #fffdf8;
      --ink: #3b2233;
      --muted: #6f6b66;
      --line: rgba(59, 34, 51, 0.18);
      --line-dark: #572932;
      --accent: #b1d600;
      --accent-yellow: #f6eb61;
      --accent-orange: #ff5e00;
      --accent-soft: rgba(177, 214, 0, 0.16);
      --burgundy: #572932;
      --sand: rgba(246, 235, 97, 0.34);
      --sage: rgba(177, 214, 0, 0.18);
      --glass: rgba(255, 253, 248, 0.58);
      --glass-strong: rgba(255, 253, 248, 0.76);
      --font-brand: "The Youngest", "The Youngest Serif", "The Youngest Serif Display", Georgia, serif;
      --type-display: clamp(54px, 7vw, 108px);
      --type-heading: clamp(40px, 5.2vw, 74px);
      --type-subheading: 22px;
      --type-body: 16px;
      --type-label: 12px;
      --radius-lg: 34px;
      --radius-md: 22px;
      --radius-sm: 14px;
      --shadow: 0 24px 70px rgba(59, 34, 51, 0.12);
      --container: min(1200px, calc(100vw - 48px));
    }

    * {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 8% 7%, rgba(177, 214, 0, 0.17), transparent 28%),
        radial-gradient(circle at 92% 18%, rgba(255, 94, 0, 0.11), transparent 24%),
        var(--paper);
      background-attachment: fixed;
      font-family: var(--font-brand);
      font-size: var(--type-body);
      line-height: 1.55;
      -webkit-font-smoothing: antialiased;
    }

    button,
    a {
      color: inherit;
    }

    a {
      text-decoration: none;
    }

    img,
    video {
      display: block;
      width: 100%;
    }

    .container {
      width: var(--container);
      margin: 0 auto;
    }

    .eyebrow {
      display: flex;
      gap: 12px;
      align-items: center;
      margin: 0 0 20px;
      color: var(--muted);
      font-size: var(--type-label);
      font-weight: 700;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .eyebrow::before {
      content: "";
      width: 34px;
      height: 1px;
      background: currentColor;
    }

    .display,
    h1,
    h2,
    h3 {
      margin: 0;
      font-family: var(--font-brand);
      font-weight: 400;
      letter-spacing: -0.045em;
      line-height: 0.98;
    }

    h1 {
      max-width: 870px;
      font-size: var(--type-display);
    }

    h2 {
      max-width: 880px;
      font-size: var(--type-heading);
    }

    h3 {
      font-size: var(--type-subheading);
      line-height: 1.04;
    }

    .lead {
      max-width: 640px;
      margin: 28px 0 0;
      color: var(--muted);
      font-size: var(--type-body);
      line-height: 1.45;
    }

    .section {
      padding: 132px 0;
    }

    .section-tight {
      padding: 72px 0;
    }

    .section-heading {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.55fr);
      gap: 70px;
      align-items: end;
      margin-bottom: 68px;
    }

    .section-heading .note {
      max-width: 430px;
      margin: 0;
      color: var(--muted);
      font-size: 18px;
    }

    .site-header {
      position: sticky;
      z-index: 40;
      top: 0;
      border-bottom: 1px solid rgba(217, 212, 204, 0.82);
      background: rgba(247, 245, 240, 0.9);
      backdrop-filter: blur(18px);
    }

    .nav {
      display: grid;
      grid-template-columns: 1fr auto 1fr;
      gap: 28px;
      align-items: center;
      min-height: 78px;
    }

    .brand {
      display: inline-flex;
      align-items: baseline;
      gap: 10px;
      width: fit-content;
    }

    .brand strong {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 23px;
      font-weight: 400;
      letter-spacing: -0.04em;
    }

    .brand span {
      color: var(--muted);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .nav-links {
      display: flex;
      gap: 25px;
      align-items: center;
      font-size: 13px;
      font-weight: 700;
    }

    .nav-links a {
      position: relative;
      padding: 6px 0;
    }

    .nav-links a::after {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      height: 1px;
      content: "";
      background: var(--ink);
      transform: scaleX(0);
      transform-origin: right;
      transition: transform 180ms ease;
    }

    .nav-links a:hover::after {
      transform: scaleX(1);
      transform-origin: left;
    }

    .nav-actions {
      display: flex;
      gap: 12px;
      align-items: center;
      justify-content: flex-end;
    }

    .language-switch {
      display: inline-flex;
      padding: 4px;
      border: 1px solid var(--line);
      border-radius: 999px;
      background: var(--paper-bright);
    }

    .language-switch button {
      width: 38px;
      height: 30px;
      padding: 0;
      border: 0;
      border-radius: 999px;
      color: var(--muted);
      background: transparent;
      cursor: pointer;
      font-size: 11px;
      font-weight: 700;
    }

    body:not([data-lang="en"]) .language-switch [data-set-lang="ua"],
    body[data-lang="en"] .language-switch [data-set-lang="en"] {
      color: var(--paper-bright);
      background: var(--ink);
    }

    .btn {
      display: inline-flex;
      min-height: 50px;
      padding: 13px 21px;
      border: 1px solid var(--ink);
      border-radius: 999px;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 700;
      transition: 180ms ease;
    }

    .btn:hover {
      color: var(--paper-bright);
      background: var(--ink);
      transform: translateY(-2px);
    }

    .btn-dark {
      color: var(--paper-bright);
      background: var(--ink);
    }

    .btn-dark:hover {
      box-shadow: 0 10px 28px rgba(23, 23, 23, 0.2);
    }

    .btn-soft {
      border-color: var(--line-dark);
      background: var(--paper-bright);
    }

    .hero {
      min-height: calc(100vh - 78px);
      padding: 76px 0 44px;
    }

    .hero-top {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 290px;
      gap: 68px;
      align-items: end;
    }

    .hero-aside {
      padding-bottom: 12px;
    }

    .hero-aside p {
      margin: 0 0 26px;
      color: var(--muted);
      font-size: 18px;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
    }

    .hero-media {
      position: relative;
      overflow: hidden;
      min-height: 420px;
      margin-top: 58px;
      border-radius: var(--radius-lg);
      background:
        linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0)),
        radial-gradient(circle at 20% 25%, #e7d8df 0 9%, transparent 10%),
        radial-gradient(circle at 76% 64%, #c4b3bc 0 11%, transparent 12%),
        linear-gradient(115deg, #1f1d20 0 28%, #806e7c 28% 50%, #d5c6bc 50% 72%, #242324 72% 100%);
      box-shadow: var(--shadow);
    }

    .hero-media::before,
    .hero-media::after {
      position: absolute;
      content: "";
      border: 1px solid rgba(255,255,255,0.42);
      border-radius: 999px;
    }

    .hero-media::before {
      top: 50%;
      left: 50%;
      width: 360px;
      height: 360px;
      transform: translate(-50%, -50%);
    }

    .hero-media::after {
      top: 50%;
      left: 50%;
      width: 168px;
      height: 168px;
      transform: translate(-50%, -50%);
    }

    .media-label {
      position: absolute;
      z-index: 2;
      top: 26px;
      left: 26px;
      display: inline-flex;
      gap: 9px;
      padding: 9px 13px;
      border: 1px solid rgba(255,255,255,0.32);
      border-radius: 999px;
      align-items: center;
      color: white;
      background: rgba(17,17,17,0.28);
      backdrop-filter: blur(8px);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .media-label::before {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      content: "";
      background: #e9d8e4;
      box-shadow: 0 0 0 4px rgba(233, 216, 228, 0.18);
    }

    .media-caption {
      position: absolute;
      z-index: 2;
      right: 26px;
      bottom: 24px;
      color: rgba(255,255,255,0.9);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .capability-strip {
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--paper-bright);
    }

    .capability-row {
      display: grid;
      grid-template-columns: 1.25fr repeat(4, 1fr);
      min-height: 124px;
      align-items: stretch;
    }

    .capability-row > * {
      display: flex;
      padding: 25px 22px;
      border-right: 1px solid var(--line);
      align-items: center;
    }

    .capability-row > *:first-child {
      padding-left: 0;
    }

    .capability-row > *:last-child {
      padding-right: 0;
      border-right: 0;
    }

    .capability-title {
      font-family: Georgia, "Times New Roman", serif;
      font-size: 23px;
      line-height: 1.1;
    }

    .capability-item {
      color: var(--muted);
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .work-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 24px;
    }

    .work-card {
      position: relative;
      overflow: hidden;
      min-height: 470px;
      border-radius: var(--radius-md);
      background: var(--paper-bright);
      box-shadow: 0 0 0 1px var(--line);
      transition: 220ms ease;
    }

    .work-card:hover {
      box-shadow: var(--shadow);
      transform: translateY(-4px);
    }

    .work-card:nth-child(1),
    .work-card:nth-child(4) {
      grid-column: span 7;
    }

    .work-card:nth-child(2),
    .work-card:nth-child(3) {
      grid-column: span 5;
    }

    .work-card:nth-child(5),
    .work-card:nth-child(6) {
      grid-column: span 6;
    }

    .work-visual {
      position: relative;
      min-height: 345px;
      background: #ddd;
    }

    .visual-pesto {
      background:
        radial-gradient(circle at 70% 22%, #eabf78 0 8%, transparent 9%),
        radial-gradient(circle at 58% 62%, #c95d58 0 17%, transparent 18%),
        linear-gradient(140deg, #7da56b, #efc78d 48%, #c6675e);
    }

    .visual-avatar {
      background:
        radial-gradient(circle at 54% 30%, #f3d9c8 0 12%, transparent 13%),
        linear-gradient(110deg, #d5e0e3 0 35%, #b3bdc6 35% 62%, #536574 62% 100%);
    }

    .visual-product {
      background:
        radial-gradient(circle at 54% 48%, #f8f8f8 0 5%, #c8c9cc 6% 16%, transparent 17%),
        linear-gradient(150deg, #111214, #44464b 58%, #d2c8be);
    }

    .visual-game {
      background:
        radial-gradient(circle at 35% 50%, #5e9687 0 16%, #23485a 17% 23%, transparent 24%),
        radial-gradient(circle at 72% 32%, #d8a374 0 5%, transparent 6%),
        linear-gradient(130deg, #172b3b, #8b6f86 58%, #ddbd91);
    }

    .visual-fire {
      background:
        radial-gradient(circle at 52% 54%, #ffd66b 0 5%, #ef7d31 7% 13%, #9f2c22 14% 21%, transparent 22%),
        linear-gradient(135deg, #0c1012, #22272b 62%, #5d2520);
    }

    .visual-fashion {
      background:
        linear-gradient(90deg, transparent 49%, rgba(255,255,255,0.45) 50%, transparent 51%),
        linear-gradient(145deg, #ece4df, #c7b5c2 52%, #877984);
    }

    .work-visual::after {
      position: absolute;
      inset: 22px;
      border: 1px solid rgba(255,255,255,0.38);
      border-radius: calc(var(--radius-md) - 10px);
      content: "";
    }

    .placeholder-tag {
      position: absolute;
      z-index: 2;
      top: 18px;
      left: 18px;
      padding: 8px 11px;
      border: 1px solid rgba(255,255,255,0.42);
      border-radius: 999px;
      color: white;
      background: rgba(0,0,0,0.26);
      backdrop-filter: blur(8px);
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.11em;
      text-transform: uppercase;
    }

    .work-info {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 24px;
      padding: 23px 25px 26px;
      align-items: end;
    }

    .work-info h3 {
      margin-bottom: 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1.2;
    }

    .work-info p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
    }

    .arrow-link {
      display: grid;
      width: 42px;
      height: 42px;
      border: 1px solid var(--line-dark);
      border-radius: 50%;
      place-items: center;
      font-size: 18px;
      transition: 180ms ease;
    }

    .arrow-link:hover {
      color: white;
      background: var(--ink);
      transform: rotate(-12deg);
    }

    .services-section {
      border-top: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--paper-bright);
    }

    .audience-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      margin-bottom: 70px;
    }

    .audience-card {
      position: relative;
      overflow: hidden;
      min-height: 320px;
      padding: 42px;
      border-radius: var(--radius-lg);
      background: var(--accent-soft);
    }

    .audience-card.personal {
      background: var(--sand);
    }

    .audience-card::after {
      position: absolute;
      right: -76px;
      bottom: -112px;
      width: 280px;
      height: 280px;
      border: 1px solid rgba(23,23,23,0.18);
      border-radius: 50%;
      content: "";
      box-shadow: 0 0 0 38px rgba(255,255,255,0.14), 0 0 0 76px rgba(255,255,255,0.09);
    }

    .audience-card .number {
      display: block;
      margin-bottom: 70px;
      color: var(--muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.14em;
    }

    .audience-card h3 {
      max-width: 420px;
      margin-bottom: 18px;
    }

    .audience-card p {
      position: relative;
      z-index: 2;
      max-width: 450px;
      margin: 0;
      color: var(--muted);
    }

    .service-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--line);
      border-left: 1px solid var(--line);
    }

    .service-card {
      min-height: 270px;
      padding: 31px;
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      background: var(--paper-bright);
    }

    .service-icon {
      display: grid;
      width: 45px;
      height: 45px;
      margin-bottom: 56px;
      border: 1px solid var(--line-dark);
      border-radius: 50%;
      place-items: center;
      color: var(--accent);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 17px;
    }

    .service-card h3 {
      margin-bottom: 15px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 19px;
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1.25;
    }

    .service-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
    }

    .cases {
      display: grid;
      gap: 24px;
    }

    .case-card {
      display: grid;
      overflow: hidden;
      grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
      min-height: 470px;
      border: 1px solid var(--line);
      border-radius: var(--radius-lg);
      background: var(--paper-bright);
    }

    .case-visual {
      position: relative;
      min-height: 100%;
      background: linear-gradient(145deg, #aa8c9e, #e3d2c8 48%, #5b6569);
    }

    .case-visual.case-two {
      background: linear-gradient(135deg, #c9d7d8, #f0d7cb 50%, #788b93);
    }

    .case-visual.case-three {
      background: linear-gradient(135deg, #20242a, #b15f3e 52%, #dfbd89);
    }

    .case-visual::before {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 210px;
      height: 290px;
      border: 1px solid rgba(255,255,255,0.52);
      border-radius: 48% 48% 12px 12px;
      content: "";
      transform: translate(-50%, -50%);
    }

    .case-content {
      display: flex;
      padding: 52px;
      flex-direction: column;
      justify-content: space-between;
    }

    .case-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 28px;
    }

    .pill {
      padding: 7px 10px;
      border: 1px solid var(--line);
      border-radius: 999px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .case-content h3 {
      max-width: 520px;
      margin-bottom: 26px;
    }

    .case-content p {
      max-width: 540px;
      margin: 0 0 36px;
      color: var(--muted);
      font-size: 17px;
    }

    .text-link {
      display: inline-flex;
      gap: 13px;
      width: fit-content;
      padding-bottom: 5px;
      border-bottom: 1px solid var(--ink);
      align-items: center;
      font-size: 13px;
      font-weight: 700;
    }

    .process-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      border-top: 1px solid var(--line-dark);
      border-left: 1px solid var(--line-dark);
    }

    .process-card {
      min-height: 275px;
      padding: 30px;
      border-right: 1px solid var(--line-dark);
      border-bottom: 1px solid var(--line-dark);
    }

    .process-number {
      display: block;
      margin-bottom: 66px;
      color: var(--accent);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 20px;
    }

    .process-card h3 {
      margin-bottom: 13px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    .process-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
    }

    .about-section {
      color: var(--paper-bright);
      background: var(--ink);
    }

    .about-section .eyebrow,
    .about-section .lead {
      color: #bdb8b1;
    }

    .about-grid {
      display: grid;
      grid-template-columns: minmax(340px, 0.85fr) minmax(0, 1.15fr);
      gap: 78px;
      align-items: start;
    }

    .portrait-placeholder {
      position: sticky;
      overflow: hidden;
      top: 112px;
      min-height: 670px;
      border-radius: var(--radius-lg);
      background:
        radial-gradient(circle at 50% 27%, #d9c1b3 0 10%, transparent 10.5%),
        radial-gradient(ellipse at 50% 77%, #62555d 0 31%, transparent 32%),
        linear-gradient(150deg, #d8d1ca, #97858f 58%, #3b3639);
    }

    .portrait-placeholder .placeholder-tag {
      top: auto;
      bottom: 22px;
    }

    .about-copy h2 {
      margin-bottom: 42px;
      font-size: clamp(48px, 6vw, 86px);
    }

    .about-copy > p {
      max-width: 690px;
      margin: 0 0 26px;
      color: #c9c4bd;
      font-size: 19px;
    }

    .about-values {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      margin-top: 70px;
      border-top: 1px solid #393737;
      border-left: 1px solid #393737;
    }

    .about-value {
      min-height: 220px;
      padding: 25px;
      border-right: 1px solid #393737;
      border-bottom: 1px solid #393737;
    }

    .about-value span {
      display: block;
      margin-bottom: 72px;
      color: #8c8680;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .about-value strong {
      display: block;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 22px;
      font-weight: 400;
      line-height: 1.15;
    }

    .trust-grid {
      display: grid;
      grid-template-columns: 0.85fr 1.15fr;
      gap: 80px;
    }

    .experience-list {
      border-top: 1px solid var(--line-dark);
    }

    .experience-item {
      display: grid;
      grid-template-columns: 92px 1fr;
      gap: 24px;
      padding: 29px 0;
      border-bottom: 1px solid var(--line);
    }

    .experience-item .year {
      color: var(--accent);
      font-family: Georgia, "Times New Roman", serif;
      font-size: 18px;
    }

    .experience-item h3 {
      margin-bottom: 8px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    .experience-item p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
    }

    .certificate-stack {
      display: grid;
      gap: 14px;
    }

    .certificate-card {
      display: grid;
      grid-template-columns: 76px 1fr auto;
      gap: 20px;
      padding: 20px;
      border: 1px solid var(--line);
      border-radius: var(--radius-sm);
      align-items: center;
      background: var(--paper-bright);
    }

    .certificate-thumb {
      display: grid;
      aspect-ratio: 4 / 3;
      border-radius: 9px;
      color: var(--accent);
      background: var(--accent-soft);
      place-items: center;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 18px;
    }

    .certificate-card h3 {
      margin-bottom: 5px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 16px;
      font-weight: 700;
      letter-spacing: -0.01em;
    }

    .certificate-card p {
      margin: 0;
      color: var(--muted);
      font-size: 13px;
    }

    .pricing-section {
      border-top: 1px solid var(--line);
      background: var(--paper-bright);
    }

    .pricing-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 18px;
    }

    .price-card {
      display: flex;
      min-height: 370px;
      padding: 31px;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      flex-direction: column;
      background: var(--paper-bright);
    }

    .price-card.featured {
      color: var(--paper-bright);
      background: var(--ink);
    }

    .price-card .price-label {
      margin-bottom: 58px;
      color: var(--muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }

    .price-card.featured .price-label,
    .price-card.featured p {
      color: #aaa59f;
    }

    .price-card h3 {
      margin-bottom: 16px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 20px;
      font-weight: 700;
      letter-spacing: -0.02em;
    }

    .price-card p {
      margin: 0;
      color: var(--muted);
      font-size: 14px;
    }

    .price {
      display: block;
      margin-top: auto;
      padding-top: 36px;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 31px;
      letter-spacing: -0.04em;
    }

    .pricing-note {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 35px;
      margin-top: 26px;
      padding: 28px 31px;
      border: 1px solid var(--line);
      border-radius: var(--radius-md);
      align-items: center;
      background: var(--accent-soft);
    }

    .pricing-note p {
      max-width: 810px;
      margin: 0;
      color: var(--muted);
      font-size: 14px;
    }

    .faq-list {
      border-top: 1px solid var(--line-dark);
    }

    details {
      border-bottom: 1px solid var(--line);
    }

    summary {
      position: relative;
      padding: 27px 55px 27px 0;
      cursor: pointer;
      list-style: none;
      font-family: Georgia, "Times New Roman", serif;
      font-size: 24px;
      line-height: 1.2;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary::after {
      position: absolute;
      top: 50%;
      right: 8px;
      width: 28px;
      height: 28px;
      border: 1px solid var(--line-dark);
      border-radius: 50%;
      content: "+";
      transform: translateY(-50%);
      display: grid;
      place-items: center;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 15px;
    }

    details[open] summary::after {
      content: "−";
    }

    details p {
      max-width: 780px;
      margin: -3px 0 28px;
      color: var(--muted);
    }

    .contact-section {
      padding: 110px 0 52px;
      color: var(--paper-bright);
      background: var(--ink);
    }

    .contact-card {
      display: grid;
      grid-template-columns: 1fr 0.42fr;
      gap: 70px;
      padding-bottom: 95px;
      border-bottom: 1px solid #3b3938;
      align-items: end;
    }

    .contact-section .eyebrow {
      color: #a6a09a;
    }

    .contact-section h2 {
      max-width: 900px;
      font-size: clamp(55px, 7vw, 102px);
    }

    .contact-aside p {
      margin: 0 0 27px;
      color: #bdb7b0;
      font-size: 18px;
    }

    .contact-section .btn {
      border-color: var(--paper-bright);
      color: var(--ink);
      background: var(--paper-bright);
    }

    .contact-section .btn:hover {
      color: var(--paper-bright);
      background: transparent;
    }

    .contact-links {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      margin-top: 48px;
      border-top: 1px solid #3b3938;
      border-left: 1px solid #3b3938;
    }

    .contact-link {
      min-height: 134px;
      padding: 24px;
      border-right: 1px solid #3b3938;
      border-bottom: 1px solid #3b3938;
    }

    .contact-link span {
      display: block;
      margin-bottom: 28px;
      color: #85807a;
      font-size: 9px;
      font-weight: 700;
      letter-spacing: 0.13em;
      text-transform: uppercase;
    }

    .contact-link strong {
      font-size: 15px;
    }

    footer {
      display: flex;
      padding-top: 34px;
      align-items: center;
      justify-content: space-between;
      color: #85807a;
      font-size: 11px;
    }

    .mobile-menu-button {
      display: none;
    }