@font-face {
    font-family: 'PP Neue Montreal';
    src: url('../PPNeueMontreal-Regular.ttf') format('truetype');
    font-weight: 400; font-style: normal; font-display: swap;
  }
  :root {
    --font-heading: 'JetBrains Mono', monospace;
    --font-body: 'PP Neue Montreal', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body {
    background: #0f0f0f; color: #fff;
    font-family: var(--font-body);
    overflow-x: hidden;
  }
  ::selection { background: #D4FF00; color: #000; }

  /* =========================================================
     FACETIME INTRO
     ========================================================= */
  .ft-section {
    position: relative;
    height: 500vh;
  }
  .ft-sticky {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
  }

  /* Background video */
  .ft-bg {
    position: absolute; inset: 0; z-index: 0;
    background: #000;
  }
  .ft-bg video {
    width: 100%; height: 100%;
    object-fit: cover;
  }
  /* Dark overlay 30% */
  .ft-overlay {
    position: absolute; inset: 0; z-index: 1;
    background: rgba(0,0,0,0.6);
    pointer-events: none;
  }
  /* Subtle dot grid overlay */
  .ft-grid {
    position: absolute; inset: 0; z-index: 2;
    opacity: 0.08;
    background-size: 66px 57px;
    background-image: radial-gradient(circle, rgba(255,255,255,0.6) 1px, transparent 1px);
    pointer-events: none;
  }

  /* "К проектам" button — fixed on all stages */
  .ft-back {
    position: fixed;
    top: 20px; left: 20px; z-index: 500;
    background: #f7f9f9; color: #222;
    font-family: 'Onest', var(--font-body);
    font-size: 17px; font-weight: 400;
    padding: 8px 12px 8px 16px;
    border-radius: 12px; border: none;
    cursor: pointer; text-decoration: none;
    transition: transform 0.2s, opacity 0.2s;
  }
  .ft-back:hover { transform: scale(1.04); }

  /* FaceTime bottom bar */
  .ft-controls {
    position: absolute;
    bottom: 24px; left: 50%;
    transform: translateX(-50%);
    display: flex; gap: 20px; z-index: 50;
  }
  .ft-btn {
    width: 52px; height: 52px;
    border-radius: 50%; border: none;
    display: flex; align-items: center; justify-content: center;
    cursor: default;
  }
  .ft-btn.cam  { background: rgba(255,255,255,0.22); backdrop-filter: blur(8px); }
  .ft-btn.end  { background: #FF3B30; }
  .ft-btn.mic  { background: rgba(255,255,255,0.22); backdrop-filter: blur(8px); }
  .ft-btn svg { width: 22px; height: 22px; fill: #fff; }

  /* Slides */
  .ft-slide {
    position: absolute; inset: 0; z-index: 10;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
    will-change: opacity;
    contain: layout style;
  }
  .ft-slide.active { opacity: 1; pointer-events: auto; }

  /* === INFO CARD — exact Figma spec === */
  .fc {
    position: absolute;
    background: #fff;
    border-radius: 6px;
    display: flex;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
    color: #141414;
    cursor: grab;
    user-select: none;
    transition: box-shadow 0.2s, transform 0.15s;
  }
  .fc.dragging {
    cursor: grabbing;
    box-shadow: 0 12px 40px rgba(0,0,0,0.25);
    transform: scale(1.03);
    z-index: 60;
    transition: box-shadow 0.2s, transform 0.15s;
  }
  .fc-img {
    width: 112px; height: 118px;
    flex-shrink: 0;
    margin: 10px 0 10px 10px;
    border-radius: 4px;
    overflow: hidden;
  }
  .fc-img img {
    width: 100%; height: 100%;
    object-fit: cover; display: block;
  }
  .fc-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px 16px 14px 14px;
    min-height: 110px;
    flex: 1;
  }
  .fc-title {
    font-family: var(--font-body);
    font-size: 18px; font-weight: 400;
    line-height: 1.0; color: #141414;
  }
  .fc-sub {
    font-family: var(--font-body);
    font-size: 15px; font-weight: 400;
    line-height: 1.0; color: #141414;
    opacity: 0.6;
  }

  /* Wide card (telegram channels) */
  .fc.wide {
    flex-direction: column;
    width: 400px;
  }
  .fc.wide .fc-img {
    width: calc(100% - 20px); height: 100px;
    margin: 10px 10px 0 10px;
  }
  .fc.wide .fc-body {
    padding: 10px 14px 6px;
  }
  .fc-chips {
    display: flex; gap: 2px;
    margin: 6px 10px 10px;
  }
  .fc-chip {
    flex: 1;
    display: flex; align-items: center; gap: 6px;
    background: #f5f5f5;
    border-radius: 6px;
    padding: 6px 8px;
  }
  .fc-chip img {
    width: 32px; height: 32px;
    border-radius: 6px; object-fit: cover;
  }
  .fc-chip span {
    font-size: 11px; font-weight: 500;
    line-height: 1.2; color: #333;
  }

  /* Big decorative text */
  .ft-text {
    position: absolute;
    font-family: var(--font-heading);
    font-size: 46.48px;
    font-weight: 400;
    color: #fff;
    letter-spacing: -3.72px;
    line-height: 0.79;
    pointer-events: none;
    user-select: none;
    z-index: 10;
  }

  /* =========================================================
     3D SPHERE
     ========================================================= */
  .viewport {
    position: fixed; inset: 0;
    perspective: 1100px;
    perspective-origin: 50% 50%;
    overflow: hidden;
    cursor: grab;
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.8s ease;
    background: #0a0a0a;
  }
  .viewport.active { opacity: 1; pointer-events: auto; z-index: 100; }
  .viewport:active { cursor: grabbing; }
  .scene {
    position: absolute; left: 50%; top: 50%;
    width: 0; height: 0;
    transform-style: preserve-3d;
  }
  .v-item {
    position: absolute;
    left: 0; top: 0;
    transform-style: preserve-3d;
    will-change: transform, opacity;
    backface-visibility: hidden;
    contain: layout style;
  }
  .v-card {
    border-radius: 10px; overflow: hidden;
    box-shadow: 0 2px 16px rgba(0,0,0,0.45);
    transition: box-shadow 0.3s, transform 0.3s;
  }
  .v-card:hover {
    box-shadow: 0 6px 40px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.08);
    transform: scale(1.03);
  }
  .v-card img, .v-card video { display: block; width: 100%; height: auto; pointer-events: none; }
  .v-card.v-circle { border-radius: 50%; overflow: hidden; }
  .v-card.v-circle video { border-radius: 50%; width: 100%; height: 100%; object-fit: cover; }

  /* ===== LIGHTBOX (zoom on click, card carousel / arrows / keys) ===== */
  body.lb-locked { overflow: hidden; }
  .lightbox {
    position: fixed; inset: 0; z-index: 9000;
    background: rgba(15,15,15,0);
    display: none;
    align-items: center; justify-content: center;
    cursor: zoom-out;
    transition: background 0.45s ease;
  }
  .lightbox.active   { display: flex; }
  .lightbox.shown    { background: #0f0f0f; }

  .lb-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1300px;
    perspective-origin: 50% 50%;
    opacity: 0;
    transform: scale(0.98);
    transition: opacity 0.38s ease, transform 0.48s cubic-bezier(0.22,1,0.36,1);
    pointer-events: none;
  }
  .lightbox.shown .lb-carousel {
    opacity: 1;
    transform: scale(1);
    pointer-events: auto;
  }

  .lb-track {
    position: absolute;
    inset: 0;
    transform-style: preserve-3d;
    pointer-events: none;
  }
  .lb-card {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: var(--z, 1);
    width: var(--card-w, clamp(148px, 28vw, 380px));
    height: var(--card-h, min(62vh, 520px));
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 18px;
    background: transparent;
    overflow: hidden;
    cursor: pointer;
    opacity: var(--opacity, 1);
    transform:
      translate(-50%, -50%)
      translateX(var(--x, 0px))
      translateY(var(--y, 0px))
      translateZ(var(--z3d, 0px))
      rotateY(var(--rot, 0deg))
      rotate(var(--tilt, 0deg))
      scale(var(--scale, 1));
    transform-style: preserve-3d;
    filter: grayscale(var(--gray, 0)) brightness(var(--bright, 1));
    box-shadow:
      0 24px 70px rgba(0,0,0,0.42),
      inset 0 0 0 1px rgba(0,0,0,0.04);
    transition:
      width 0.42s cubic-bezier(0.22,1,0.36,1),
      height 0.42s cubic-bezier(0.22,1,0.36,1),
      opacity 0.34s ease,
      transform 0.54s cubic-bezier(0.22,1,0.36,1),
      filter 0.34s ease,
      box-shadow 0.34s ease,
      border-color 0.34s ease;
    pointer-events: auto;
  }
  .lb-card.is-wide {
    width: var(--card-w, clamp(250px, 50vw, 760px));
    height: var(--card-h, min(46vh, 430px));
  }
  .lb-card:not([data-current="true"]).is-wide {
    width: var(--card-w, clamp(190px, 34vw, 520px));
    height: var(--card-h, min(36vh, 330px));
  }
  .lb-card.is-square {
    width: var(--card-w, min(44vh, 420px));
    height: var(--card-h, min(44vh, 420px));
  }
  .lb-card[data-current="true"] {
    cursor: default;
    border-color: #efefef;
    box-shadow:
      0 34px 90px rgba(0,0,0,0.52),
      inset 0 0 0 1px rgba(0,0,0,0.05);
  }
  .lb-card:not([data-current="true"]):hover,
  .lb-card:not([data-current="true"]):focus-visible {
    opacity: 1;
    filter: grayscale(0.2) brightness(1);
    border-color: #fff;
    outline: none;
  }
  .lb-card-media {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
    background: transparent;
  }
  .lb-card::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,0.06);
    pointer-events: none;
  }
  .lb-arrow {
    position: fixed;
    top: 50%;
    z-index: 9100;
    width: 56px;
    height: 56px;
    border: 1px solid rgba(255,255,255,0.22);
    border-radius: 50%;
    background: #f7f9f9;
    color: #141414;
    font-size: 0;
    line-height: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(0,0,0,0.28);
    transform: translateY(-50%);
    transition: opacity 0.42s ease, background 0.2s ease, transform 0.2s ease;
  }
  .lightbox.shown ~ .lb-arrow,
  .lightbox.active .lb-arrow {
    opacity: 1;
    pointer-events: auto;
  }
  .lb-arrow:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.06);
  }
  .lb-arrow:focus { outline: none; }
  .lb-arrow:focus-visible {
    outline: 1px solid rgba(255,255,255,0.72);
    outline-offset: 4px;
  }
  .lb-arrow:active { transform: translateY(-50%) scale(0.94); }
  .lb-prev { left: clamp(18px, 4vw, 56px); }
  .lb-next { right: clamp(18px, 4vw, 56px); }
  .lb-arrow::before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    border: solid currentColor;
    border-width: 0 1.8px 1.8px 0;
    transform-origin: center;
  }
  .lb-prev::before {
    transform: rotate(135deg);
    margin-left: 4px;
  }
  .lb-next::before {
    transform: rotate(-45deg);
    margin-right: 4px;
  }

  /* Back button — match the .ft-back used elsewhere in this file */
  .lb-back {
    position: fixed;
    top: 20px; left: 20px;
    z-index: 9100;
    background: #f7f9f9; color: #222;
    font-family: 'Onest', var(--font-body);
    font-size: 17px; font-weight: 400;
    padding: 8px 16px;
    border-radius: 12px; border: none;
    cursor: pointer;
    transition: transform 0.2s, opacity 0.2s;
    opacity: 0;
    pointer-events: none;
  }
  .lightbox.shown ~ .lb-back,
  .lightbox.active .lb-back { opacity: 1; pointer-events: auto; }
  .lb-back:hover { transform: scale(1.04); }

  /* Counter */
  .lb-counter {
    position: fixed;
    bottom: 28px; left: 50%; transform: translateX(-50%);
    z-index: 9100;
    font-family: 'JetBrains Mono', monospace;
    font-size: 13px;
    letter-spacing: 0.12em;
    color: rgba(255,255,255,0.72);
    opacity: 0;
    transition: opacity 0.3s ease 0.15s;
    pointer-events: none;
  }
  .lightbox.shown ~ .lb-counter,
  .lightbox.active .lb-counter { opacity: 1; }

  @media (max-width: 760px) {
    .lb-carousel {
      perspective: 1100px;
      perspective-origin: 50% 48%;
    }
    .lb-card {
      width: var(--card-w, 58vw);
      height: var(--card-h, 54vh);
      border-radius: 14px;
    }
    .lb-card[data-current="true"] {
      border-color: rgba(255,255,255,0.78);
    }
    .lb-card.is-wide {
      width: var(--card-w, 82vw);
      height: var(--card-h, min(42vh, 330px));
    }
    .lb-card:not([data-current="true"]).is-wide {
      width: var(--card-w, 66vw);
      height: var(--card-h, min(34vh, 260px));
    }
    .lb-card.is-square {
      width: var(--card-w, 64vw);
      height: var(--card-h, 64vw);
    }
    .lb-card[data-offset="-2"] {
      --x: -4vw !important;
      --y: -44vh !important;
      --z3d: -280px !important;
      --rot: 0deg !important;
      --tilt: -5deg !important;
      --scale: 0.72 !important;
      --opacity: 0.36 !important;
    }
    .lb-card[data-offset="-1"] {
      --x: 3vw !important;
      --y: -24vh !important;
      --z3d: -90px !important;
      --rot: 0deg !important;
      --tilt: 5deg !important;
      --scale: 0.88 !important;
      --opacity: 0.86 !important;
    }
    .lb-card[data-offset="0"] {
      --y: 0px !important;
      --tilt: 0deg !important;
    }
    .lb-card[data-offset="1"] {
      --x: -3vw !important;
      --y: 24vh !important;
      --z3d: -90px !important;
      --rot: 0deg !important;
      --tilt: -5deg !important;
      --scale: 0.88 !important;
      --opacity: 0.86 !important;
    }
    .lb-card[data-offset="2"] {
      --x: 4vw !important;
      --y: 44vh !important;
      --z3d: -280px !important;
      --rot: 0deg !important;
      --tilt: 5deg !important;
      --scale: 0.72 !important;
      --opacity: 0.36 !important;
    }
    .lb-arrow {
      display: none !important;
      width: 44px;
      height: 44px;
      opacity: 0 !important;
      pointer-events: none !important;
    }
    .lb-prev,
    .lb-next {
      left: 50%;
      right: auto;
      transform: translateX(-50%);
    }
    .lb-prev { top: 88px; }
    .lb-next { top: auto; bottom: 48px; }
    .lb-prev::before {
      transform: rotate(-135deg);
      margin: 3px 0 0;
    }
    .lb-next::before {
      transform: rotate(45deg);
      margin: 0 0 3px;
    }
    .lb-prev:hover,
    .lb-next:hover {
      transform: translateX(-50%) scale(1.06);
    }
    .lb-prev:active,
    .lb-next:active {
      transform: translateX(-50%) scale(0.94);
    }
    .lb-back { font-size: 14px; padding: 6px 12px; top: 12px; left: 12px; }
    .lb-counter { font-size: 11px; bottom: 16px; }
  }
  .sz-a{width:200px} .sz-b{width:165px}
  .sz-c{width:135px} .sz-d{width:105px}
  .sz-w{width:210px} .sz-s{width:120px}
  .sz-circle{width:160px;height:160px}
  .v-label {
    position: absolute; transform-style: preserve-3d;
    white-space: nowrap; font-family: var(--font-body); font-weight: 400;
    color: rgba(255,255,255,0.85);
    display: flex; align-items: center; gap: 12px;
    user-select: none; pointer-events: none; backface-visibility: hidden;
  }
  .v-label .dot {
    width: 10px; height: 10px;
    background: rgba(255,255,255,0.6); border-radius: 50%; flex-shrink: 0;
  }
  .lb-lg{font-size:44px;letter-spacing:-0.02em} .lb-lg .dot{width:12px;height:12px}
  .lb-md{font-size:28px} .lb-md .dot{width:10px;height:10px}

  .scroll-hint {
    position: fixed; bottom: 36px; left: 50%; transform: translateX(-50%);
    z-index: 1000; font-family: var(--font-heading);
    font-size: 11px; letter-spacing: 0.15em; text-transform: uppercase;
    color: rgba(255,255,255,0.2); transition: opacity 0.5s;
  }
  .scroll-hint .arr { display: inline-block; animation: bob 1.4s ease infinite; }
  @keyframes bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(5px)} }

  .cursor-dot {
    position: fixed; width: 10px; height: 10px;
    background: #fff; border-radius: 50%;
    pointer-events: none; z-index: 9999;
    mix-blend-mode: difference; transition: transform 0.12s;
    display: none;
  }
  .cursor-dot.show { display: block; }
  .cursor-dot.hov { transform: scale(2.8); }

  /* TEXT ME end screen */
  .textme-screen {
    position: fixed; inset: 0;
    background: #0a0a0a;
    z-index: 200;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.6s ease;
    overflow: hidden;
    cursor: crosshair;
  }
  .textme-screen.active { opacity: 1; pointer-events: auto; }
  .tm-pill {
    position: absolute;
    padding: 10px 22px;
    border-radius: 50px;
    font-family: var(--font-heading);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5px;
    white-space: nowrap;
    color: #fff;
    pointer-events: none;
    user-select: none;
    opacity: 0;
    animation: tmFade 3s ease forwards;
  }
  @keyframes tmFade {
    0% { opacity: 0; transform: scale(0.5) rotate(-8deg); }
    10% { opacity: 1; transform: scale(1) rotate(0deg); }
    70% { opacity: 1; }
    100% { opacity: 0; transform: scale(0.9) rotate(4deg); }
  }

  /* =========== TABLET (max 900px) =========== */
  @media (max-width: 900px) {
    .ft-text { font-size: 34px !important; letter-spacing: -2.4px; }
    .fc { max-width: 320px; }
    .fc-img { width: 90px; height: 96px; }
    .fc-title { font-size: 15px; }
    .fc-sub { font-size: 13px; }
    .fc-body { padding: 10px 12px 10px 10px; min-height: 90px; }
    .fc.wide { width: 310px; }
    .fc-chip img { width: 26px; height: 26px; }
    .fc-chip span { font-size: 10px; }
    .ft-back { font-size: 15px; padding: 7px 10px 7px 14px; }
    .ft-btn { width: 44px; height: 44px; }
    .ft-btn svg { width: 18px; height: 18px; }
    .sz-a{width:150px} .sz-b{width:125px}
    .sz-c{width:105px} .sz-d{width:82px}
    .sz-w{width:160px} .sz-s{width:92px}
    .sz-circle{width:120px;height:120px}
    .lb-lg{font-size:30px} .lb-md{font-size:20px}
    .viewport { perspective: 800px; }
  }

  /* =========== MOBILE (max 600px) =========== */
  @media (max-width: 600px) {
    .ft-text { font-size: 26px !important; letter-spacing: -1.8px; }
    .fc { max-width: 220px; width: auto !important; }
    .fc-img { width: 54px; height: 60px; margin: 6px 0 6px 6px; }
    .fc-title { font-size: 11px; line-height: 1.1; }
    .fc-sub { font-size: 10px; line-height: 1.1; }
    .fc-body { padding: 6px 8px 6px 6px; min-height: 56px; }
    .fc.wide { width: 220px !important; }
    .fc.wide .fc-img { height: 56px; }
    .fc-chip img { width: 22px; height: 22px; }
    .fc-chip span { font-size: 9px; }
    .fc-chips { gap: 1px; margin: 4px 8px 8px; }
    .ft-back { top: 12px; left: 12px; font-size: 14px; padding: 6px 10px 6px 12px; border-radius: 10px; }
    .ft-controls { bottom: 16px; gap: 14px; }
    .ft-btn { width: 40px; height: 40px; }
    .ft-btn svg { width: 16px; height: 16px; }

    /* Slide 1 text: stack tighter */
    .ft-slide[data-slide="0"] .ft-text:nth-child(1) { top: 20% !important; left: 8% !important; }
    .ft-slide[data-slide="0"] .ft-text:nth-child(2) { top: 23.5% !important; left: 16% !important; }
    .ft-slide[data-slide="0"] .ft-text:nth-child(3) { top: 27% !important; left: 32% !important; }
    .ft-slide[data-slide="0"] .ft-text:nth-child(4) { top: 50% !important; left: 8% !important; }
    .ft-slide[data-slide="0"] .ft-text:nth-child(5) { top: 53.5% !important; left: 8% !important; }
    .ft-slide[data-slide="0"] .ft-text:nth-child(6) { top: 57% !important; left: 8% !important; }

    /* Slide 1 cards */
    .ft-slide[data-slide="0"] .fc:nth-of-type(1) { top: 5% !important; left: 4% !important; right: auto !important; }
    .ft-slide[data-slide="0"] .fc:nth-of-type(2) { top: 36% !important; left: 4% !important; }
    .ft-slide[data-slide="0"] .fc:nth-of-type(3) { bottom: 10% !important; right: 4% !important; left: auto !important; }

    /* Slide 2 cards */
    .ft-slide[data-slide="1"] .fc:nth-of-type(1) { top: 8% !important; right: 4% !important; left: auto !important; }
    .ft-slide[data-slide="1"] .fc:nth-of-type(2) { top: 36% !important; left: 4% !important; }
    .ft-slide[data-slide="1"] .fc:nth-of-type(3) { bottom: 12% !important; left: 10% !important; }

    /* Slide 3 cards */
    .ft-slide[data-slide="2"] .fc:nth-of-type(1) { top: 8% !important; right: 4% !important; left: auto !important; }
    .ft-slide[data-slide="2"] .fc:nth-of-type(2) { bottom: 14% !important; left: 4% !important; }

    /* Slide 4 */
    .ft-slide[data-slide="3"] .fc:nth-of-type(1) { top: 8% !important; left: 4% !important; }
    .ft-slide[data-slide="3"] .fc:nth-of-type(2) { top: 36% !important; right: 4% !important; left: auto !important; }
    .ft-slide[data-slide="3"] .ft-text { font-size: 28px !important; bottom: 10% !important; }

    /* Sphere */
    .viewport { perspective: 500px; }
    .sz-a{width:120px} .sz-b{width:100px}
    .sz-c{width:85px} .sz-d{width:68px}
    .sz-w{width:130px} .sz-s{width:72px}
    .sz-circle{width:90px;height:90px}
    .lb-lg { font-size: 22px; letter-spacing: -0.01em; }
    .lb-md { font-size: 16px; }
    .lb-lg .dot { width: 8px; height: 8px; }
    .lb-md .dot { width: 6px; height: 6px; }
    .v-label { gap: 8px; }
    .scroll-hint { font-size: 9px; bottom: 20px; }

    /* Text-me pills */
    .tm-pill { padding: 8px 16px; font-size: 13px; }

    /* Hide custom cursor on mobile */
    .cursor-dot { display: none !important; }
  }

  /* =========== SMALL MOBILE (max 380px) =========== */
  @media (max-width: 380px) {
    .ft-text { font-size: 22px !important; letter-spacing: -1.4px; }
    .fc-img { width: 56px; height: 62px; }
    .fc-title { font-size: 12px; }
    .fc-sub { font-size: 10px; }
    .sz-a{width:100px} .sz-b{width:85px}
    .sz-c{width:72px} .sz-d{width:58px}
    .sz-w{width:110px} .sz-s{width:62px}
    .sz-circle{width:76px;height:76px}
    .lb-lg{font-size:18px} .lb-md{font-size:14px}
  }