@media (min-width: 2560px) {
   :root {
      --nav-width: 240px;
      --section-width: calc(100vw - var(--nav-width) - 80px - 3vh);
   }

   /* Navigation */
   .nav-logo {
      width: 168px;
      height: 168px;
   }

   .logo-initials {
      font-size: 36px;
   }

   .nav-links {
      gap: 56px;
   }

   .nav-links a {
      font-size: 64px;
   }

   .nav-links a.active {
      color: transparent;
      -webkit-text-stroke: 3px var(--color-nav-text);
   }

   /* Layout */
   .section {
      padding: 140px 140px 140px 10px;
   }

   .section-label {
      font-size: 76px;
      -webkit-text-stroke: 4px var(--color-main);
   }

   .arrow-icon {
      width: 188px;
      height: 64px;
   }

   .arrow-btn--hero {
      top: 510px;
   }
   .arrow-btn--why-me {
      top: calc(100% - 172px);
   }
   .arrow-btn--skills {
      top: calc(50% - 168px);
   }
   .arrow-btn--work {
      top: calc(100% - 159px);
   }
   .arrow-btn--references {
      top: 470px;
   }

   /* Buttons */
   .btn-primary,
   .btn-secondary {
      font-size: 32px;
      padding: 16px 44px;
   }

   .btn-secondary {
      border-width: 3px;
   }

   /* Hero */
   .hero-image {
      width: 1200px;
      height: 100%;
   }

   .hero-name {
      font-size: 140px;
   }

   .hero-title {
      font-size: 68px;
   }

   .hero-text {
      padding-bottom: 210px;
   }

   .hero-header {
      height: 86px;
      padding: 0 200px 0 60px;
   }

   .socialContainer {
      width: 48px;
      height: 48px;
   }

   .socialSvg {
      width: 32px;
   }

   .lang-toggle {
      font-size: 40px;
   }

   /* Why Me */
   .about-body {
      max-width: 1820px;
      padding-right: 240px;
   }

   .about-description {
      font-size: 32px;
   }

   .about-content h3 {
      font-size: 80px;
   }

   .about-content {
      gap: 68px;
   }

   .fact {
      font-size: 32px;
   }

   .fact-icon {
      width: 80px;
      height: 80px;
   }

   /* Skills */
   .skills-wrapper {
      gap: 68px;
   }

   .skills-content {
      padding-right: 240px;
      gap: 56px;
   }

   .skills-description {
      font-size: 32px;
   }

   .skills-grid {
      gap: 48px;
   }

   .skill-item img,
   .skill-icon {
      width: 84px;
      height: 84px;
   }

   .skill-item {
      font-size: 24px;
   }

   /* My Work */
   .project-card {
      width: 1820px;
      height: 900px;
   }

   .projects-grid {
      gap: 56px;
      padding-right: 240px;
   }

   .project-number {
      font-size: 140px;
   }

   .project-card h3 {
      font-size: 76px;
   }

   .detail-label {
      font-size: 34px;
   }

   .project-details p,
   .project-about p,
   .project-card-footer p {
      font-size: 32px;
   }

   .project-card-media {
      width: 600px;
   }

   #my-work {
      padding-right: 90px;
   }

   .project-card--ongoing {
      width: 490px;
      height: 408px;
   }

   .project-card--ongoing .project-number {
      font-size: 68px;
   }

   .project-card--ongoing h3 {
      font-size: 42px;
   }

   .project-card--ongoing p {
      font-size: 32px;
   }

   /* References */
   .references-wrapper {
      gap: 68px;
   }

   .reference-card blockquote {
      font-size: 32px;
   }

   .author-name {
      font-size: 40px;
   }

   .author-role {
      font-size: 24px;
   }

   .reference-author {
      min-width: 196px;
   }

   .references-content {
      padding-right: 280px;
   }

   /* Contact */
   .contact-wrapper {
      gap: 56px;
   }

   .contact-form {
      width: 640px;
   }

   .contact-form textarea {
      height: 220px;
   }

   .contact-form input,
   .contact-form textarea {
      font-size: 32px;
      padding: 16px 28px;
   }

   .contact-body {
      gap: 888px;
   }

   .contact-info {
      flex: 0 0 580px;
   }

   .contact-tagline,
   .contact-description {
      font-size: 32px;
   }

   .contact-privacy {
      font-size: 24px;
   }

   .contact-detail-link {
      font-size: 32px;
   }

   .contact-privacy input[type="checkbox"] {
      width: 32px;
      height: 32px;
   }
   .contact-footer {
      font-size: 32px;
   }

   #contact {
      padding-right: 280px;
   }

   .contact-sidebar {
      width: 140px;
   }

   /* Legal */
   .legal-wrapper {
      padding-top: 140px;
      padding-right: 140px;
      gap: 56px;
   }

   .legal-columns {
      gap: 68px;
   }

   .legal-col {
      gap: 34px;
   }

   .legal-block h2 {
      font-size: 32px;
   }

   .legal-block p,
   .legal-block ul li,
   .legal-meta {
      font-size: 32px;
   }

   .section-headline {
      font-size: 96px;
   }
}