:root {
      color-scheme: light;
      --paper: #f0eadf;
      --screen-transition-duration: .9s;
    }

    * { box-sizing: border-box; }

    html, body {
      width: 100%;
      min-height: 100%;
      margin: 0;
      background: var(--paper) url("cat-eye-frames/frame-030.png?v=3") center / cover no-repeat;
    }

    html { scroll-behavior: smooth; scroll-snap-type: y mandatory; }
    body { overflow-x: hidden; }
    .screen { position: relative; min-height: 100dvh; scroll-snap-align: start; scroll-snap-stop: always; }

    .site-header {
      position: fixed;
      z-index: 60;
      top: max(10px, env(safe-area-inset-top));
      left: 50%;
      width: min(680px, calc(100% - 64px));
      height: 54px;
      transform: translateX(-50%);
      padding: 6px 7px 6px 9px;
      display: flex;
      align-items: center;
      gap: 14px;
      isolation: isolate;
      overflow: hidden;
      border: 1px solid #484848;
      border-radius: 27px;
      color: #f5f3ee;
      background: #151515;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
      backdrop-filter: none;
      -webkit-backdrop-filter: none;
      transition: transform .45s cubic-bezier(.2, .8, .2, 1), opacity .3s ease, visibility 0s, background .3s ease, box-shadow .3s ease;
    }
    .site-header::before {
      content: none;
    }
    .site-header > * { position: relative; z-index: 1; }
    .site-header:hover {
      background: #1b1b1b;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045);
    }
    html.is-navigation-pending .site-header {
      display: none !important;
    }
    body.is-work-category-mode .site-header {
      display: none !important;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, -12px);
      transition: transform .32s ease, opacity .24s ease, visibility 0s .24s;
    }
    html.is-work-category-mode .site-header {
      display: none !important;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, -12px);
    }
    body.is-fifth-gallery .site-header {
      display: none !important;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, -12px);
    }
    body.is-fourth-gallery .site-header:hover {
      background: rgba(12,12,12,.28);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 8px 26px rgba(0,0,0,.13);
    }
    body.is-fourth-gallery .site-header__cta {
      color: #fff;
      background: rgba(255,255,255,.12);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.2), 0 5px 16px rgba(0,0,0,.1);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
    }
    body.is-fourth-gallery .site-header__cta:hover {
      color: #fff;
      background: rgba(255,255,255,.23);
    }
    .site-brand { min-width: 0; display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; }
    .site-brand__mark {
      position: relative;
      width: 38px;
      height: 38px;
      flex: 0 0 auto;
      display: grid;
      place-items: center;
      border: 1px solid rgba(255, 255, 255, .14);
      border-radius: 50%;
      color: #fff;
      background: radial-gradient(circle, rgba(255,255,255,.035), rgba(255,255,255,.012) 56%, transparent 58%);
      box-shadow: inset 0 0 12px rgba(255,255,255,.025), 0 0 0 3px rgba(255,255,255,.018);
    }
    .site-brand__mark::before {
      content: "";
      position: absolute;
      inset: 8px;
      border: 1px solid rgba(255,255,255,.24);
      border-radius: 50%;
      box-shadow: inset 0 0 7px rgba(255,255,255,.08);
      animation: nav-core-breathe 2.4s ease-in-out infinite;
    }
    .site-brand__core { width: 5px; height: 5px; border: 1px solid rgba(255,255,255,.82); border-radius: 50%; box-shadow: 0 0 6px rgba(255,255,255,.45); }
    .site-brand__orbit {
      position: absolute;
      inset: 0;
      border-radius: 50%;
      animation: nav-orbit-spin 2.15s linear infinite;
      will-change: transform;
    }
    .site-brand__orbit::before {
      content: "";
      position: absolute;
      left: 50%;
      top: -2px;
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: #fff;
      box-shadow: 0 0 5px rgba(255,255,255,.95), 0 0 10px rgba(255,255,255,.5);
      transform: translateX(-50%);
    }
    @keyframes nav-orbit-spin { to { transform: rotate(360deg); } }
    @keyframes nav-core-breathe {
      0%, 100% { opacity: .46; transform: scale(.88); }
      50% { opacity: 1; transform: scale(1.08); }
    }
    .site-brand__name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 12px/1 Arial, sans-serif; letter-spacing: .08em; }
    .site-nav { margin-left: auto; display: flex; align-items: center; gap: 4px; }
    .site-nav__link {
      position: relative;
      padding: 12px 15px;
      border-radius: 999px;
      color: rgba(255, 255, 255, .62);
      text-decoration: none;
      font: 700 11px/1 Arial, sans-serif;
      letter-spacing: .08em;
      transition: color .22s ease, background .22s ease, transform .22s ease;
    }
    .site-nav__link:hover, .site-nav__link:focus-visible, .site-nav__link.is-active { color: #fff; background: rgba(255, 255, 255, .075); }
    .site-nav__link:hover { transform: translateY(-1px); }
    .site-nav__link:focus-visible, .site-brand:focus-visible, .site-header__cta:focus-visible { outline: 2px solid #ff7148; outline-offset: 3px; }
    .site-header__cta {
      height: 42px;
      padding: 0 17px 0 20px;
      display: inline-flex;
      align-items: center;
      gap: 13px;
      flex: 0 0 auto;
      border: 0;
      border-radius: 999px;
      color: #111;
      background: #f4f3ef;
      text-decoration: none;
      cursor: pointer;
      font: 800 11px/1 Arial, sans-serif;
      letter-spacing: .05em;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.14), 0 6px 18px rgba(0,0,0,.18);
      transition: transform .25s cubic-bezier(.2, .9, .3, 1), background .2s ease;
    }
    .site-header__cta svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s cubic-bezier(.2, .9, .3, 1); }
    .site-header__cta:hover { transform: translateY(-1px); background: #fff; }
    .site-header__cta:hover svg { transform: translate(2px, -2px); }

    .icon-rain {
      position: fixed;
      z-index: 1;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
      opacity: 1;
      visibility: visible;
      transition: opacity .35s ease, visibility 0s;
    }
    body.is-fourth-gallery .icon-rain { opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s .35s; }
    body.is-fifth-gallery > .icon-rain { opacity: 0; visibility: hidden; transition: opacity .35s ease, visibility 0s .35s; }

    .falling-icon {
      position: absolute;
      top: 0;
      left: 0;
      width: clamp(40px, 4vw, 58px);
      height: clamp(40px, 4vw, 58px);
      object-fit: contain;
      opacity: .92;
      filter: drop-shadow(0 10px 14px rgba(0, 0, 0, .48));
      will-change: transform;
    }

    .stage {
      position: relative;
      width: 100%;
      height: 100%;
      container-type: inline-size;
      cursor: default;
      isolation: isolate;
      user-select: none;
      touch-action: pan-y;
      background: var(--paper) url("cat-eye-frames/frame-030.png?v=3") center / cover no-repeat;
      overflow: hidden;
      border-radius: clamp(22px, 3vw, 48px);
    }

    .cat-frame {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      transition: opacity 180ms ease;
    }

    .stage.is-ready .cat-frame { opacity: 1; }

    .loader {
      position: absolute;
      z-index: 4;
      inset: 0;
      display: grid;
      place-items: center;
      background: var(--paper);
      transition: opacity .35s ease, visibility .35s ease;
    }

    .stage.is-ready .loader {
      opacity: 0;
      visibility: hidden;
    }

    .home-collage {
      position: absolute;
      z-index: 3;
      inset: 0;
      overflow: hidden;
      border-radius: inherit;
      pointer-events: none;
      user-select: none;
    }

    .home-collage__drawing {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      overflow: visible;
    }

    .home-collage__grid-paper {
      position: absolute;
      z-index: -1;
      top: 12%;
      left: 4.2%;
      width: 25%;
      height: 39%;
      opacity: .28;
      transform: rotate(-8deg);
      background-color: rgba(255,255,255,.38);
      background-image: linear-gradient(rgba(35,35,32,.32) 1px, transparent 1px), linear-gradient(90deg,rgba(35,35,32,.32) 1px,transparent 1px);
      background-size: 1.35cqw 1.35cqw;
      clip-path: polygon(5% 3%,96% 0,100% 92%,6% 100%,0 19%);
      mix-blend-mode: multiply;
    }

    .home-collage__label {
      position: absolute;
      font: 700 clamp(7px, .82cqw, 13px)/1.45 "Courier New", monospace;
      letter-spacing: .17em;
      color: #171613;
    }

    .home-collage__label::before {
      content: "";
      display: block;
      width: 2cqw;
      height: 1px;
      margin-bottom: .65cqw;
      background: currentColor;
    }

    .home-collage__label--left { top: 5.2%; left: 5.2%; }
    .home-collage__label--right { top: 5.2%; right: 3.6%; }

    .home-collage__script {
      position: absolute;
      top: 15%;
      left: 21.2%;
      color: #ef4a20;
      font: 500 clamp(18px, 2.75cqw, 44px)/.75 "Segoe Script", "Bradley Hand", cursive;
      letter-spacing: -.07em;
      transform: rotate(-8deg);
      text-align: center;
    }

    .home-collage__script i { position: relative; left: 1.8cqw; font-style: inherit; }

    .home-collage__note {
      position: absolute;
      z-index: 2;
      top: 49%;
      right: 2.6%;
      width: 13.4%;
      min-width: 92px;
      aspect-ratio: 1.5;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.2cqw 2.6cqw 1cqw 1.1cqw;
      color: #090909;
      background: #f3f0e8;
      filter: drop-shadow(0 8px 8px rgba(0,0,0,.18));
      transform: rotate(-9deg);
      clip-path: polygon(4% 4%,22% 0,35% 5%,51% 1%,68% 5%,85% 1%,98% 8%,95% 25%,100% 42%,95% 59%,100% 76%,92% 96%,74% 92%,57% 98%,41% 93%,22% 98%,5% 91%,8% 72%,2% 55%,7% 37%,1% 20%);
      font-family: "Segoe Print", "Comic Sans MS", cursive;
    }

    .home-collage__note::before {
      content: "";
      position: absolute;
      top: -5%;
      left: 12%;
      width: 31%;
      height: 17%;
      background: rgba(196,158,91,.58);
      transform: rotate(-5deg);
    }

    .home-collage__note b { font-size: clamp(9px, 1.05cqw, 17px); line-height: .92; letter-spacing: -.08em; transform: skew(-6deg); }
    .home-collage__note i { position: absolute; right: 9%; top: 40%; font: 400 clamp(18px, 2cqw, 32px)/1 Arial,sans-serif; }

    .collage-brush, .collage-tape, .collage-corner-brush { fill: #f04a20; }
    .collage-brush { opacity: .93; }
    .collage-tape { opacity: .78; }
    .collage-checker, .collage-star, .collage-left-accent, .collage-bottom-accent { fill: #11100e; }
    .collage-checker--top { transform: translate(410px, 54px); }
    .collage-checker--right { transform: translate(1532px, 548px); }
    .collage-arrow, .collage-orbit { fill: none; stroke: #11100e; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
    .collage-sparkles--small { fill: #11100e; }
    .collage-sparkles--orange { fill: #f04a20; }
    .collage-scribble { fill: none; stroke: #f04a20; stroke-width: 8; stroke-linecap: round; stroke-linejoin: round; }
    .collage-corner-brush { opacity: .95; }
    .collage-bottom-accent .is-orange { fill: #f04a20; }
    .collage-bottom-accent .collage-rule { fill: none; stroke: #171613; stroke-width: 1; }

    .home-portfolio-title {
      position: absolute;
      z-index: 4;
      top: 15.5%;
      left: 4.7%;
      width: clamp(190px, 23cqw, 368px);
      height: 42%;
      margin: 0;
      color: #11100e;
      pointer-events: none;
      user-select: none;
    }

    .home-portfolio-title::after {
      content: "";
      position: absolute;
      left: 1.5%;
      bottom: 4%;
      width: 39%;
      height: max(2px, .2cqw);
      background: #eb5227;
      transform: translate3d(var(--line-shift-x, 0), var(--line-shift-y, 0), 0) rotate(calc(-8deg + var(--line-angle, 0deg))) scaleX(var(--line-scale, 1));
      transform-origin: left center;
      opacity: .9;
      will-change: transform;
    }

    .home-portfolio-title__char {
      position: absolute;
      display: block;
      font-family: "Microsoft YaHei UI", "PingFang SC", "Noto Sans CJK SC", sans-serif;
      font-size: clamp(54px, 7.25cqw, 116px);
      font-weight: 900;
      line-height: .82;
      letter-spacing: -.14em;
      transform-origin: center;
      pointer-events: none;
      will-change: transform;
      transform: translate3d(var(--title-shift-x, 0), var(--title-shift-y, 0), 0) rotate(var(--title-rotation)) scale(var(--title-scale, 1));
    }

    .home-portfolio-title__char--one {
      --title-rotation: -4deg;
      top: 0;
      left: 0;
    }

    .home-portfolio-title__char--two {
      --title-rotation: 2deg;
      top: 29%;
      left: 23%;
      color: #eb5227;
    }

    .home-portfolio-title__char--three {
      --title-rotation: -3deg;
      top: 58%;
      left: 47%;
      color: rgba(240, 234, 223, .18);
      -webkit-text-stroke: max(1px, .14cqw) #11100e;
      paint-order: stroke fill;
    }

    .atmosphere {
      position: absolute;
      z-index: 2;
      inset: 0;
      overflow: hidden;
      pointer-events: none;
    }

    .atmosphere-layer { position: absolute; inset: 0; }

    .atmosphere-vignette {
      background: radial-gradient(ellipse at 61% 43%, transparent 42%, rgba(74, 48, 31, .055) 72%, rgba(40, 25, 15, .17) 112%);
      mix-blend-mode: multiply;
    }

    .atmosphere-grain {
      opacity: .09;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.58'/%3E%3C/svg%3E");
      background-size: 180px 180px;
      mix-blend-mode: multiply;
    }

    .atmosphere-lower {
      top: auto;
      height: 46%;
      background: linear-gradient(to top, rgba(240, 234, 223, .38), rgba(240, 234, 223, .12) 44%, transparent);
    }

    .discipline-grid {
      position: absolute;
      z-index: 3;
      left: 4.7%;
      bottom: 4.5%;
      width: clamp(59.5%, calc(566px + 2.86vw), 90%);
      height: 20.5%;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      color: #11100e;
      background: transparent;
    }

    .discipline-card {
      position: relative;
      min-width: 0;
      padding: 0 0 0 14%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      color: #11100e;
      transition: color 300ms ease;
    }

    .discipline-card::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      border-left: 1px solid rgba(36, 32, 27, .34);
    }
    .discipline-card:focus-visible { outline: 1px solid #eb5227; outline-offset: 8px; }
    .discipline-icon { width: clamp(24px, 3.65cqw, 58px); height: clamp(24px, 3.65cqw, 58px); display: block; margin-bottom: 1cqw; color: #11100e; perspective: 130px; transition: color 300ms ease; }
    .discipline-icon svg { width: 100%; height: 100%; display: block; stroke: currentColor; stroke-width: 2.2; fill: none; stroke-linecap: round; stroke-linejoin: round; overflow: visible; transform-origin: center; transition: transform 560ms cubic-bezier(.2,.8,.2,1); }
    .discipline-icon--cube svg { stroke-width: 2.2; }

    .discipline-title {
      margin: 0;
      font: 400 clamp(12px, 2.05cqw, 33px) / 1.05 Georgia, "Times New Roman", serif;
      letter-spacing: -.065em;
      white-space: nowrap;
      transition: color 300ms ease, transform 360ms cubic-bezier(.2,.8,.2,1);
    }

    .lining-three { display: inline-block; position: relative; top: -.035em; font-variant-numeric: lining-nums; }

    .discipline-cn {
      margin: .7cqw 0 0;
      font: 500 clamp(8px, 1.28cqw, 20px) / 1.2 "SimSun", "Songti SC", serif;
      letter-spacing: .24em;
      transition: color 300ms ease, transform 380ms cubic-bezier(.2,.8,.2,1);
    }

    .discipline-card:is(:hover, :focus-visible) { color: #11100e; }
    .discipline-card:is(:hover, :focus-visible) .discipline-icon { color: #bf3d1e; }
    .discipline-card:is(:hover, :focus-visible) .discipline-title { color: #eb5227; transform: translateX(4px); }
    .discipline-card:is(:hover, :focus-visible) .discipline-cn { color: #eb5227; transform: translateX(4px); }

    .discipline-card--motion:is(:hover, :focus-visible) .discipline-icon svg { transform: scale(1.2); }
    .discipline-card--ai:is(:hover, :focus-visible) .discipline-icon svg { transform: scale(1.16) rotate(90deg); }

    .spiral-screen {
      display: grid;
      place-items: center;
      padding: clamp(76px, 7vw, 92px) clamp(12px, 2vw, 28px) clamp(12px, 2vw, 28px);
      background-color: #050505;
      background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);
      background-size: clamp(24px, 3vw, 42px) clamp(24px, 3vw, 42px);
    }
    .spiral-frame {
      position: relative;
      z-index: 2;
      width: min(1640px, calc(100vw - 4vw), calc((100dvh - 108px) * 16 / 9));
      aspect-ratio: 16 / 9;
      padding: 9px;
      border: 4px solid rgba(235,82,39,.82);
      border-radius: clamp(30px, 3.7vw, 60px);
      background: linear-gradient(135deg,rgba(235,82,39,.34),rgba(255,255,255,.13) 42%,rgba(255,255,255,.08));
      box-shadow: 0 34px 90px rgba(0,0,0,.62), inset 0 0 0 1px rgba(255,176,138,.26), 0 0 32px rgba(235,82,39,.14);
      backdrop-filter: blur(16px) saturate(135%);
      -webkit-backdrop-filter: blur(16px) saturate(135%);
    }
    #home .spiral-frame, #spiral .spiral-frame, #threeD .spiral-frame, #fourth .spiral-frame, #fifth .spiral-frame, #about .spiral-frame { will-change: transform, opacity, filter; transform-origin: center center; }
    body.is-leaving-home #home .spiral-frame { animation: home-depart var(--screen-transition-duration) cubic-bezier(.22,.68,.2,1) both; }
    body.is-leaving-showcase #spiral .spiral-frame { animation: home-depart var(--screen-transition-duration) cubic-bezier(.22,.68,.2,1) both; }
    body.is-leaving-fourth #fourth .spiral-frame { animation: home-depart var(--screen-transition-duration) cubic-bezier(.22,.68,.2,1) both; }
    body.is-leaving-threeD #threeD .spiral-frame { animation: home-depart var(--screen-transition-duration) cubic-bezier(.22,.68,.2,1) both; }
    body.is-leaving-fifth #fifth .spiral-frame { animation: home-depart var(--screen-transition-duration) cubic-bezier(.22,.68,.2,1) both; }
    @keyframes home-depart {
      0% { transform: translateY(0) scale(1); filter: blur(0) brightness(1); }
      100% { transform: translateY(-76px) scale(.9); filter: blur(9px) brightness(.52); }
    }
    .motion-transition-mark { position: fixed; z-index: 30; left: 50%; top: 50%; width: 78px; height: 78px; color: #ff6840; opacity: 0; visibility: hidden; pointer-events: none; filter: drop-shadow(0 0 22px rgba(255,92,50,.55)); }
    .motion-transition-mark svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; overflow: visible; }
    .motion-transition-caption { position: fixed; z-index: 31; left: 50%; top: calc(50% + 148px); width: max-content; transform: translateX(-50%); text-align: center; color: #ff6840; text-shadow: 0 0 18px rgba(255,92,50,.42); opacity: 0; visibility: hidden; pointer-events: none; }
    .motion-transition-caption__title { display: block; font: 400 clamp(46px, 4vw, 64px)/1 Georgia, "Times New Roman", serif; letter-spacing: -.045em; white-space: nowrap; }
    .motion-transition-caption__cn { display: block; margin-top: 17px; font: 500 clamp(20px, 1.7vw, 26px)/1.2 "SimSun", "Songti SC", serif; letter-spacing: .32em; white-space: nowrap; }
    body.is-leaving-home .motion-transition-caption--motion,
    body.is-leaving-showcase .motion-transition-caption--3d { visibility: visible; animation: transition-caption-fade var(--screen-transition-duration) ease both; }
    @keyframes transition-caption-fade {
      0%, 100% { opacity: 0; }
      24%, 86% { opacity: 1; }
    }
    .motion-transition-mark::after { content: ""; position: absolute; inset: -12px; border: 1px solid rgba(235,82,39,.55); border-radius: 50%; opacity: 0; }
    .motion-transition-mark::before { content: ""; position: absolute; z-index: -1; inset: -24px; border-radius: 50%; background: radial-gradient(circle, rgba(255,104,64,.28), rgba(235,82,39,.08) 42%, transparent 70%); opacity: 0; }
    body.is-leaving-home #motionTransitionMark { visibility: visible; animation: motion-mark-center var(--screen-transition-duration) cubic-bezier(.24,.58,.24,1) both; }
    body.is-leaving-home #motionTransitionMark::after { animation: motion-mark-pulse .69s .11s ease-out both; }
    body.is-leaving-home #motionTransitionMark::before { animation: motion-mark-glow var(--screen-transition-duration) ease-in-out both; }
    body.is-leaving-showcase .three-d-transition-mark { visibility: visible; animation: motion-mark-center var(--screen-transition-duration) cubic-bezier(.24,.58,.24,1) both; }
    body.is-leaving-showcase .three-d-transition-mark::after { animation: motion-mark-pulse .69s .11s ease-out both; }
    body.is-leaving-showcase .three-d-transition-mark::before { animation: motion-mark-glow var(--screen-transition-duration) ease-in-out both; }
    @keyframes motion-mark-center {
      0% { opacity: 0; transform: translate(-50%, -50%) scale(.42); filter: blur(3px) drop-shadow(0 0 10px rgba(255,92,50,.22)); }
      28% { opacity: 1; filter: blur(0) drop-shadow(0 0 24px rgba(255,104,64,.62)); }
      64% { opacity: 1; transform: translate(-50%, -50%) scale(1.48); }
      84% { opacity: 1; transform: translate(-50%, -50%) scale(.94); }
      92% { opacity: 1; }
      100% { opacity: 0; transform: translate(-50%, -50%) scale(1.12); filter: drop-shadow(0 0 34px rgba(255,104,64,.4)); }
    }
    @keyframes motion-mark-pulse {
      0% { opacity: 0; transform: scale(.55); }
      32% { opacity: .8; }
      100% { opacity: 0; transform: scale(1.65); }
    }
    @keyframes motion-mark-glow {
      0%, 100% { opacity: 0; transform: scale(.75); }
      48%, 72% { opacity: 1; transform: scale(1.08); }
    }
    .video-showcase { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: clamp(22px, 3vw, 48px); color: #fff; background: #201f1c; }
    .video-showcase__player { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; filter: blur(0); transform: scale(1); transition: filter .7s ease, transform .7s ease; }
    .video-showcase.is-second-group .video-showcase__player { object-fit: contain; background: #050505; }
    .video-showcase.is-retouch .video-showcase__player { object-fit: scale-down; }
    .video-showcase.has-video .video-showcase__player { opacity: 1; }
    .video-showcase__empty { position: absolute; inset: 0; display: grid; place-content: center; gap: 12px; padding: 24px; text-align: center; background: radial-gradient(circle at 50% 35%, #414039, #171715 70%); filter: blur(0); transform: scale(1); transition: filter .7s ease, transform .7s ease; }
    .video-showcase.is-revealing .video-showcase__player, .video-showcase.is-revealing .video-showcase__empty { filter: blur(7px); transform: scale(1.025); transition-duration: .24s; }
    .video-showcase__empty strong { font: 400 clamp(30px, 5vw, 76px)/1 Georgia, serif; letter-spacing: -.05em; }
    .video-showcase__empty span { color: rgba(255,255,255,.65); font: 13px/1.5 Arial, sans-serif; }
    .video-showcase.has-video .video-showcase__empty { display: none; }
    .video-showcase__shade { position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.08) 28%, rgba(0,0,0,.18) 49%, rgba(0,0,0,.65) 83%, rgba(0,0,0,.93) 100%); }
    .video-showcase__dock { position: absolute; z-index: 3; left: 50%; bottom: clamp(22px, 3.2%, 46px); width: min(var(--dock-width, 900px), calc(100% - 64px)); transform: translateX(-50%); }
    .video-showcase__meta { display: none; }
    .video-showcase__second-tools { display: none; }
    .video-showcase__second-tools[hidden] { display: none; }
    .video-showcase__add, .video-showcase__remove { min-width: 0; padding: 8px 12px; border: 1px solid rgba(255,255,255,.5); border-radius: 8px; color: #fff; background: rgba(255,255,255,.08); font: 700 11px/1 Arial, sans-serif; cursor: pointer; backdrop-filter: blur(8px); }
    .video-showcase__second-tools, .graphic-showcase__tools { display: none !important; }
    #fourthRemove { display: none !important; }
    .video-showcase__add:hover, .video-showcase__add:focus-visible { background: #fff; color: #171715; }
    .video-showcase__remove:hover, .video-showcase__remove:focus-visible { background: rgba(184,48,35,.82); border-color: rgba(255,255,255,.75); }
    .video-showcase__remove:disabled { opacity: .38; cursor: default; }
    .video-showcase__tabs { display: grid; overflow: visible; }
    .video-showcase__page { grid-area: 1 / 1; display: flex; align-items: center; gap: 6px; min-width: 100%; opacity: 0; pointer-events: none; transform: translateX(106%); transition: transform .78s cubic-bezier(.2,.78,.22,1), opacity .45s ease; }
    .video-showcase__page[data-page="1"] { width: 85.7%; min-width: 0; justify-self: center; }
    .video-showcase__page.is-active { opacity: 1; pointer-events: auto; }
    .video-showcase__tabs.no-page-motion .video-showcase__page { transition: none; }
    .video-showcase__tab { position: relative; flex: 1 1 0; min-width: 0; width: 100%; padding: 0; border: 0; background: transparent; color: #fff; cursor: pointer; transform-origin: center; transition: flex-grow .48s cubic-bezier(.2,.82,.24,1), transform .48s cubic-bezier(.2,.82,.24,1), box-shadow .35s ease; }
    .video-showcase__tabs:not(.is-settled) .video-showcase__tab { transform: translate3d(var(--stack-x, 0px), 0, 0); }
    .video-showcase__tabs:not(.is-settled) .video-showcase__tab:last-child { z-index: 1; }
    .video-showcase__tabs.is-settled .video-showcase__tab { transform: translate3d(0, 0, 0); animation: showcase-spread 1.55s var(--reveal-delay, 0ms) cubic-bezier(.16,.68,.2,1) both; }
    .video-showcase__tabs.is-resetting .video-showcase__tab { transition: none; animation: none; }
    @keyframes showcase-spread {
      0%, 5% { transform: translate3d(var(--stack-x, 0px), 0, 0); }
      62% { transform: translate3d(var(--spring-x, 0px), 0, 0); }
      79% { transform: translate3d(var(--recoil-x, 0px), 0, 0); }
      91% { transform: translate3d(var(--settle-x, 0px), 0, 0); }
      100% { transform: translate3d(0, 0, 0); }
    }
    .video-showcase.cards-settled .video-showcase__tab { animation: none; }
    .video-showcase.cards-settled .video-showcase__tab:is(:hover, :focus-visible) { z-index: 2; flex-grow: 1.34; transform: scale(1.06); box-shadow: 0 14px 30px rgba(0,0,0,.4); }
    .video-showcase__preview { position: relative; display: block; width: 100%; aspect-ratio: 1.78; overflow: hidden; border: 1px solid rgba(255,255,255,.38); border-radius: 8px; background: #333; box-shadow: 0 3px 14px rgba(0,0,0,.18); opacity: 1; filter: blur(0); transition: opacity .38s ease, filter .38s ease, border-color .25s ease, box-shadow .25s ease; }
    .video-showcase.is-playing .video-showcase__tab .video-showcase__preview { opacity: .28; filter: blur(1.8px); }
    .video-showcase.is-playing .video-showcase__tab:is(:hover, :focus-visible) .video-showcase__preview { opacity: 1; filter: blur(0); }
    .video-showcase__tab img, .video-showcase__tab video { display: block; width: 100%; height: 100%; object-fit: cover; filter: brightness(.68); transition: filter .2s, transform .35s; }
    .video-showcase__tab:is(:hover, :focus-visible) img, .video-showcase__tab:is(:hover, :focus-visible) video, .video-showcase__tab[aria-selected="true"] img, .video-showcase__tab[aria-selected="true"] video { filter: brightness(1); }
    .video-showcase__tab[aria-selected="true"] .video-showcase__preview, .video-showcase__tab:is(:hover, :focus-visible) .video-showcase__preview { border-color: rgba(255,255,255,.78); box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 5px 20px rgba(255,255,255,.12); }
    .video-showcase__tab:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
    .video-showcase__caption { display: block; height: 19px; padding-top: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: left; font: 700 10px/1.2 Arial, sans-serif; visibility: hidden; }
    .video-showcase__tab[aria-selected="true"] .video-showcase__caption { visibility: visible; }
    .video-showcase__timeline { position: absolute; z-index: 4; left: clamp(18px, 3%, 48px); right: clamp(18px, 3%, 48px); bottom: 5px; height: 18px; display: flex; align-items: center; opacity: .62; transition: opacity .25s ease; }
    .video-showcase:not(.has-video) .video-showcase__timeline { display: none; }
    .video-showcase__timeline:hover, .video-showcase__timeline:focus-within { opacity: 1; }
    .video-showcase__timeline input { width: 100%; height: 18px; margin: 0; padding: 0; appearance: none; -webkit-appearance: none; background: transparent; cursor: pointer; }
    .video-showcase__timeline input::-webkit-slider-runnable-track { height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgba(255,255,255,.9) var(--seek-progress, 0%), rgba(255,255,255,.28) var(--seek-progress, 0%)); }
    .video-showcase__timeline input::-moz-range-track { height: 3px; border-radius: 3px; background: linear-gradient(90deg, rgba(255,255,255,.9) var(--seek-progress, 0%), rgba(255,255,255,.28) var(--seek-progress, 0%)); }
    .video-showcase__timeline input::-webkit-slider-thumb { width: 9px; height: 9px; margin-top: -3px; border: 0; border-radius: 50%; appearance: none; -webkit-appearance: none; background: rgba(255,255,255,.95); opacity: 0; transition: opacity .2s; }
    .video-showcase__timeline input::-moz-range-thumb { width: 9px; height: 9px; border: 0; border-radius: 50%; background: rgba(255,255,255,.95); opacity: 0; transition: opacity .2s; }
    .video-showcase__timeline:is(:hover, :focus-within) input::-webkit-slider-thumb { opacity: 1; }
    .video-showcase__timeline:is(:hover, :focus-within) input::-moz-range-thumb { opacity: 1; }
    .video-showcase__actions { display: none; }
    .video-showcase__volume { position: absolute; z-index: 5; bottom: clamp(24px, 3.5%, 50px); right: clamp(24px, 4%, 64px); display: flex; flex-direction: column; align-items: center; gap: 8px; }
    .video-showcase__volume-panel { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 40px; height: 0; padding: 0; overflow: hidden; border: 0 solid rgba(255,255,255,.4); border-radius: 22px; background: rgba(0,0,0,.48); backdrop-filter: blur(12px); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(8px); transition: height .3s cubic-bezier(.2,.9,.3,1), border-width .3s, opacity .2s, transform .3s, visibility 0s .3s; }
    .video-showcase__volume:is(:hover, :has(:focus-visible), .is-open) .video-showcase__volume-panel { height: 130px; border-width: 1px; opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); transition-delay: 0s; }
    .video-showcase__volume:is(:hover, :has(:focus-visible), .is-open) #showcaseSound { background: rgba(255,255,255,.2); transform: scale(1.08); }
    #showcaseSound { transition: background .2s, transform .25s cubic-bezier(.2,1.4,.4,1); }
    .video-showcase__volume-panel input { width: 18px; height: 100px; margin: 0; writing-mode: vertical-lr; direction: rtl; accent-color: #fff; cursor: pointer; }
    .video-showcase:not(.has-video) .video-showcase__actions { display: none; }
    .video-showcase__action.video-showcase__center-play { position: absolute; z-index: 4; left: 50%; top: 50%; width: clamp(54px, 5vw, 76px); height: clamp(54px, 5vw, 76px); transform: translate(-50%, -50%); opacity: 0; pointer-events: none; transition: opacity .35s ease, background .2s ease; }
    .video-showcase.cards-settled .video-showcase__center-play { opacity: 1; pointer-events: auto; }
    .video-showcase.cards-settled .video-showcase__center-play[data-playing="true"] { opacity: 0; pointer-events: none; }
    .video-showcase__action.video-showcase__center-play svg { width: 29px; height: 29px; }
    .video-showcase__action { display: grid; place-items: center; width: 40px; height: 40px; padding: 0; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(0,0,0,.3); color: #fff; cursor: pointer; backdrop-filter: blur(8px); }
    .video-showcase__action svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    #showcasePlay .icon-pause, #showcaseSound .icon-muted { display: none; }
    #showcasePlay[data-playing="true"] .icon-play, #showcaseSound[data-muted="true"] .icon-sound { display: none; }
    #showcasePlay[data-playing="true"] .icon-pause, #showcaseSound[data-muted="true"] .icon-muted { display: block; }
    .video-showcase__action:hover, .video-showcase__action:focus-visible { background: rgba(255,255,255,.2); outline-color: #fff; }
    .video-showcase__action:disabled { opacity: .4; cursor: wait; }
    #showcaseRemove:hover, #showcaseRemove:focus-visible { background: rgba(184,48,35,.8); }
    .video-showcase__status { position: absolute; z-index: 4; left: 50%; top: 58%; transform: translateX(-50%); margin: 0; padding: 9px 14px; border-radius: 4px; background: rgba(0,0,0,.55); font: 12px/1.4 Arial, sans-serif; }
    .video-showcase__status[hidden] { display: none; }
    #threeD { padding: 0; background: #070707; }
    #threeD .spiral-frame { width: 100vw; height: 100dvh; aspect-ratio: auto; padding: 0; border: 0; border-radius: 0; background: #070707; box-shadow: none; backdrop-filter: none; }
    #fourth { padding: 0; background: #070707; }
    #fourth {
      background-color: #050505;
    }
    #fourth.is-intro-screen {
      background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);
      background-size: clamp(24px, 3vw, 42px) clamp(24px, 3vw, 42px);
    }
    #fourth .spiral-frame { width: 100vw; height: 100dvh; aspect-ratio: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
    #fourth .fourth-showcase { background: transparent; }
    #threeD {
      background-color: #050505;
      background-image: linear-gradient(rgba(255,255,255,.15) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);
      background-size: clamp(24px, 3vw, 42px) clamp(24px, 3vw, 42px);
    }
    #threeD .spiral-frame,
    #threeD .graphic-showcase { background: transparent; }
    .fourth-showcase { position: relative; width: 100%; height: 100%; overflow: hidden; color: #fff; background: #070707; isolation: isolate; }
    .work-category-nav {
      position: fixed;
      z-index: 61;
      top: max(10px, env(safe-area-inset-top));
      left: 50%;
      width: min(380px, calc(100% - 32px));
      min-height: 38px;
      padding: 4px;
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 3px;
      border: 1px solid #484848;
      border-radius: 999px;
      background: #151515;
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transform: translate(-50%, -8px);
      transition: opacity .28s ease, visibility 0s .28s, transform .36s cubic-bezier(.2,.8,.2,1);
    }
    body.is-work-category-mode .work-category-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); transition-delay: .12s, .12s, .12s; }
    html.is-work-category-mode .work-category-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
    body.is-fifth-gallery .work-category-nav { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
    .work-category-nav__item {
      min-width: 0;
      padding: 8px 12px;
      border: 0;
      border-radius: 999px;
      color: rgba(255,255,255,.58);
      background: transparent;
      font: 600 11px/1 Arial, "Microsoft YaHei", sans-serif;
      letter-spacing: .08em;
      cursor: pointer;
      transition: color .2s ease, background .2s ease, transform .2s ease;
    }
    .work-category-nav__item:is(:hover, :focus-visible) { color: #fff; background: rgba(255,255,255,.08); outline: none; }
    .work-category-nav__item:hover { transform: translateY(-1px); }
    .work-category-nav__item:focus-visible { box-shadow: 0 0 0 1px #ff7148; }
    .work-category-nav__item.is-active { color: #111; background: #f4f3ef; }
    .fourth-showcase__backdrop { position: absolute; z-index: 0; inset: 0; overflow: hidden; opacity: 1; filter: blur(0); transition: opacity .48s ease, filter .48s ease; }
    .fourth-showcase__backdrop img { width: 100%; height: 100%; display: block; object-fit: cover; opacity: .8; transform: scale(1.025); transition: opacity .3s ease, transform 1.1s cubic-bezier(.2,.75,.2,1), filter .45s ease; }
    .fourth-showcase__backdrop .fourth-showcase__blur-bg { position: absolute; z-index: 0; inset: -7%; width: 114%; height: 114%; margin: 0; object-fit: cover; opacity: 0; filter: blur(14px) brightness(.76) saturate(1); transform: translateZ(0) scale(1.04); backface-visibility: hidden; pointer-events: none; }
    .fourth-showcase__backdrop #fourthBackdropImage { position: relative; z-index: 1; }
    .fourth-showcase__backdrop img.is-changing { opacity: 0; transform: scale(1.07); filter: blur(8px); }
    .fourth-showcase__shade { position: absolute; z-index: 1; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(0,0,0,.68) 0%, rgba(0,0,0,.12) 32%, rgba(0,0,0,.2) 58%, rgba(0,0,0,.86) 100%), linear-gradient(90deg, rgba(0,0,0,.56), transparent 42%, rgba(0,0,0,.18)); }
    .fourth-paint-canvas { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; display: block; opacity: 0; visibility: hidden; pointer-events: none; touch-action: none; }
    .fourth-paint-cursor { position: absolute; z-index: 8; left: 0; top: 0; width: 64px; height: 64px; border: 1.5px solid rgba(255,255,255,.95); border-radius: 50%; background: transparent; box-shadow: none; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-50%); transition: opacity .12s ease; mix-blend-mode: normal; }
    .fourth-paint-trail-dot { position: absolute; z-index: 7; left: 0; top: 0; width: 36px; height: 36px; border-radius: 46% 54% 58% 42%; background: radial-gradient(circle at 38% 42%, rgba(255,255,255,.34) 0%, rgba(255,255,255,.16) 34%, transparent 72%), radial-gradient(circle at 68% 62%, rgba(255,255,255,.16), transparent 58%); filter: blur(.8px); opacity: 0; pointer-events: none; transform: translate(-50%,-50%) scale(1) rotate(0deg); mix-blend-mode: normal; transition: opacity 1.5s ease-out, transform 1.5s ease-out; will-change: left, top, width, height, opacity, transform; }
    .fourth-showcase.is-intro .fourth-showcase__backdrop { z-index: 5; top: 19.5%; right: auto; bottom: auto; left: 50%; width: min(93.7vw, calc(79vh * 16 / 9)); aspect-ratio: 16 / 9; border: 0; border-radius: clamp(22px, 2.8vw, 46px); outline: 4px solid rgba(235,82,39,.82); outline-offset: 0; background: transparent; box-shadow: inset 0 0 0 1px rgba(255,176,138,.26), 0 0 28px rgba(235,82,39,.16); transform: translateX(-50%); cursor: default; touch-action: manipulation; }
    .fourth-showcase.is-intro .fourth-showcase__backdrop > img { opacity: 1; transform: none; }
    .fourth-showcase.is-intro .fourth-showcase__backdrop .fourth-showcase__blur-bg { opacity: 0; }
    .fourth-showcase.is-intro .fourth-showcase__backdrop:hover > img { transform: scale(1.035); }
    .fourth-showcase.is-intro .fourth-showcase__backdrop:active > img { transform: scale(1.055); }
    .fourth-paint-canvas, .fourth-paint-cursor, .fourth-paint-trail-dot { display: none !important; }
    .fourth-showcase.is-intro .fourth-showcase__shade { opacity: 0; }
    .fourth-showcase.is-gallery-entering .fourth-showcase__backdrop { opacity: 0; filter: blur(7px); }
    .fourth-showcase.is-intro.is-gallery-entering .fourth-showcase__intro-copy { opacity: 0; transform: translateY(-8px); pointer-events: none; }
    .fourth-showcase.is-intro.is-gallery-entering .fourth-showcase__play { opacity: 0; transform: translate(-50%,-50%) translateY(-8px) scale(.96); pointer-events: none; }
    .fourth-showcase.is-gallery-entering .fourth-showcase__wall,
    .fourth-showcase.is-gallery-entering .fourth-showcase__arrow { opacity: 0; pointer-events: none; }
    .fourth-showcase__intro-copy { display: contents; transition: opacity .34s ease, transform .42s cubic-bezier(.2,.8,.2,1); }
    .fourth-showcase__heading, .fourth-showcase__description, .fourth-showcase__counter, .fourth-showcase__tools { transition: opacity .38s ease, visibility 0s; }
    .fourth-showcase.is-intro .fourth-showcase__intro-copy { position: absolute; z-index: 6; top: 6.2%; left: clamp(22px,5.2vw,88px); right: clamp(22px,5.2vw,88px); display: grid; grid-template-columns: minmax(0,1fr) minmax(300px,430px); align-items: center; gap: clamp(54px,8vw,150px); pointer-events: auto; }
    .fourth-showcase.is-intro .fourth-showcase__heading { position: static; width: fit-content; opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); transition: transform .45s cubic-bezier(.2,.8,.2,1); }
    .fourth-showcase.is-intro .fourth-showcase__heading h2 { position: relative; display: inline-block; margin-top: 7px; font-size: clamp(38px, 4.2vw, 64px); line-height: .88; letter-spacing: -.045em; transition: color .3s ease, letter-spacing .45s cubic-bezier(.2,.8,.2,1); }
    .fourth-showcase.is-intro .fourth-showcase__heading h2::after { content: ""; position: absolute; left: 0; bottom: -.16em; width: 100%; height: 2px; background: #ff6a3d; transform: scaleX(.12); transform-origin: left; transition: transform .48s cubic-bezier(.2,.8,.2,1); }
    .fourth-showcase.is-intro .fourth-showcase__heading:hover { transform: translateX(10px); }
    .fourth-showcase.is-intro .fourth-showcase__heading:hover h2 { color: #fff; letter-spacing: -.02em; }
    .fourth-showcase.is-intro .fourth-showcase__heading:hover h2::after { transform: scaleX(1); }
    .fourth-showcase.is-intro .fourth-showcase__heading:hover .fourth-showcase__eyebrow { color: #ff8a64; letter-spacing: .36em; }
    .fourth-showcase.is-intro .fourth-showcase__description { position: relative; top: 14px; width: auto; padding: 5px 0 5px 18px; border-left: 1px solid rgba(255,255,255,.28); color: rgba(255,255,255,.62); opacity: 1; visibility: visible; transform: translateX(0); transition: color .3s ease, border-color .3s ease, transform .4s cubic-bezier(.2,.8,.2,1), background .3s ease; }
    .fourth-showcase.is-intro .fourth-showcase__description:hover { color: rgba(255,255,255,.94); border-color: #ff6a3d; background: linear-gradient(90deg,rgba(255,106,61,.1),transparent 72%); transform: translateX(-8px); }
    .fourth-showcase.is-intro .fourth-showcase__counter,
    .fourth-showcase.is-intro .fourth-showcase__tools { opacity: 0; visibility: hidden; pointer-events: none; }
    .fourth-showcase__heading { position: absolute; z-index: 3; top: clamp(92px, 12vh, 142px); left: clamp(24px, 5.2vw, 88px); pointer-events: none; }
    .fourth-showcase__heading h2 { margin: 4px 0 0; font: 400 clamp(48px, 6vw, 96px)/.92 Georgia, "Times New Roman", serif; letter-spacing: -.055em; }
    .fourth-showcase__eyebrow { margin: 0; color: rgba(255,255,255,.62); font: 600 10px/1.2 Arial, sans-serif; letter-spacing: .28em; transition: color .3s ease, letter-spacing .45s cubic-bezier(.2,.8,.2,1); }
    .fourth-showcase__description { position: absolute; z-index: 3; top: 9.5%; right: clamp(24px, 10vw, 170px); width: min(31vw, 500px); margin: 0; color: rgba(255,255,255,.58); font: 400 clamp(12px, .9vw, 15px)/1.6 Arial, "Microsoft YaHei", sans-serif; letter-spacing: .025em; }
    .fourth-showcase__play { position: absolute; z-index: 9; left: 50%; top: 59%; width: 98px; height: 98px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.8); border-radius: 50%; color: #fff; background: rgba(5,5,5,.3); backdrop-filter: blur(10px); cursor: pointer; touch-action: manipulation; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%,-50%) scale(.9); transition: opacity .3s ease, transform .35s cubic-bezier(.2,.8,.2,1), background .25s ease; }
    .fourth-showcase__play svg { width: 50px; height: 50px; fill: currentColor; }
    .fourth-showcase.is-intro .fourth-showcase__play { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%,-50%) scale(1); }
    .fourth-showcase__play:is(:hover,:focus-visible) { background: rgba(255,255,255,.2); outline: none; transform: translate(-50%,-50%) scale(1.15); }
    .fourth-showcase__play:active { transform: translate(-50%,-50%) scale(1.22); }
    .fourth-showcase__arrow { position: absolute; z-index: 9; top: 50%; width: 54px; height: 54px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(255,255,255,.72); border-radius: 50%; color: #fff; background: rgba(7,7,7,.28); backdrop-filter: blur(10px); cursor: pointer; transform: translateY(-50%); transition: color .25s ease, background .25s ease, border-color .25s ease, transform .3s cubic-bezier(.2,.8,.2,1), opacity .25s ease; }
    .fourth-showcase__arrow span { font: 300 27px/1 Arial, sans-serif; transform: translateY(-1px); }
    .fourth-showcase__arrow--prev { left: clamp(18px,3vw,52px); }
    .fourth-showcase__arrow--next { right: clamp(18px,3vw,52px); }
    .fourth-showcase__arrow:is(:hover,:focus-visible) { color: #111; background: #fff; border-color: #fff; outline: none; transform: translateY(-50%) scale(1.1); }
    .fourth-showcase__arrow:active { transform: translateY(-50%) scale(.96); }
    .fourth-showcase__arrow:disabled { opacity: .24; cursor: default; pointer-events: none; }
    .fourth-showcase.is-intro .fourth-showcase__arrow { opacity: 0; visibility: hidden; pointer-events: none; }
    .fourth-showcase:not(.is-intro) .fourth-showcase__heading,
    .fourth-showcase:not(.is-intro) .fourth-showcase__description,
    .fourth-showcase:not(.is-intro) .fourth-showcase__counter { display: none; }
    .fourth-showcase:not(.is-intro) .fourth-showcase__backdrop { background: transparent; }
    .fourth-showcase:not(.is-intro) .fourth-showcase__backdrop { perspective: none; }
    .fourth-showcase:not(.is-intro) .fourth-showcase__backdrop .fourth-showcase__blur-bg { width: 114%; height: 114%; margin: 0; object-fit: cover; opacity: .96; transform: translateZ(0) scale(1.04); filter: blur(14px) brightness(.76) saturate(1); }
    .fourth-showcase:not(.is-intro) .fourth-showcase__backdrop #fourthBackdropImage { width: auto; min-width: 0; max-width: none; height: 100%; margin: 0 auto; object-fit: contain; object-position: center; opacity: 1; transform: scale(1); transform-origin: center; filter: none; transition: opacity .3s ease, transform .28s cubic-bezier(.2,.75,.2,1), filter .45s ease; will-change: transform; }
    .fourth-showcase:not(.is-intro) .fourth-showcase__shade { background: transparent; }
    .fourth-showcase__counter { position: absolute; z-index: 3; top: clamp(102px, 13vh, 154px); right: clamp(24px, 5.2vw, 88px); margin: 0; color: rgba(255,255,255,.72); font: 500 11px/1 Arial, sans-serif; letter-spacing: .18em; }
    .fourth-showcase__wall { --fourth-slot-gap: clamp(76px, 7vw, 114px); position: absolute; z-index: 3; left: 0; right: 0; bottom: clamp(8px, 1.4vh, 16px); height: clamp(70px, 8.5vw, 106px); overflow: hidden; opacity: 1; transform: translateY(0); transition: opacity .5s ease, transform .65s cubic-bezier(.18,.82,.18,1); }
    .fourth-showcase.is-intro .fourth-showcase__wall { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(44px); transition: opacity .35s ease, transform .65s cubic-bezier(.18,.82,.18,1), visibility 0s .65s; }
    .fourth-showcase__wall::-webkit-scrollbar { display: none; }
    .fourth-showcase__tools { position: absolute; z-index: 4; top: clamp(15px, 2.2vw, 34px); right: clamp(15px, 2.2vw, 34px); display: none; gap: 7px; }
    .fourth-work { position: absolute; z-index: 0; left: 50%; bottom: 3px; width: clamp(68px, 6.3vw, 104px); aspect-ratio: 16 / 10; padding: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.24); background: #171717; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(calc(-50% + var(--slot,0) * var(--fourth-slot-gap))) translateY(50px) scale(.88); transition: opacity .42s ease, visibility 0s .55s, transform .58s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease; }
    .fourth-work.is-in-window { opacity: .34; visibility: visible; pointer-events: auto; transform: translateX(calc(-50% + var(--slot,0) * var(--fourth-slot-gap))) translateY(0) scale(.94); transition-delay: 0s; }
    .fourth-work img { width: 100%; height: 100%; display: block; object-fit: cover; transform: scale(1.015); transition: transform .75s cubic-bezier(.2,.75,.2,1), filter .55s ease; }
    .fourth-work:is(:hover, :focus-visible) { z-index: 2; opacity: .68; border-color: rgba(255,255,255,.68); box-shadow: inset 0 0 0 1px rgba(255,255,255,.1), 0 10px 28px rgba(0,0,0,.32); outline: none; }
    .fourth-work:is(:hover, :focus-visible) img { transform: scale(1.06); filter: brightness(1.08); }
    .fourth-work.is-selected { z-index: 3; opacity: .72; transform: translateX(calc(-50% + var(--slot,0) * var(--fourth-slot-gap))) translateY(0) scale(1.06); border-color: rgba(255,255,255,.68); box-shadow: 0 8px 22px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.08); outline: none; }
    .graphic-showcase { position: relative; width: 100%; height: 100%; overflow: hidden; color: #fff; background: #070707; }
    .graphic-showcase__wall { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: clamp(8px, .8vw, 14px); padding: 0; transition: filter .45s ease, opacity .45s ease; }
    .graphic-column { display: flex; flex-direction: column; gap: clamp(8px, .8vw, 14px); will-change: transform; }
    .graphic-work { position: relative; flex: 0 0 auto; width: 100%; aspect-ratio: 16 / 9; box-sizing: border-box; overflow: hidden; border: 1px solid rgba(255,255,255,.46); background: #171717; isolation: isolate; transition: border-color .3s ease, box-shadow .3s ease; }
    .graphic-work.is-portrait { aspect-ratio: 8 / 9; }
    .graphic-work img { width: 100%; height: 100%; display: block; object-fit: cover; transform: scale(1.015); transition: transform .75s cubic-bezier(.2,.75,.2,1), filter .55s ease; }
    .graphic-work:is(:hover, :focus-visible) { border-color: rgba(255,255,255,.78); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12), 0 0 18px rgba(255,255,255,.12); }
    .graphic-work:is(:hover, :focus-visible) img { transform: scale(1.11); filter: brightness(1.1); }
    .graphic-work:focus-visible { outline: 2px solid #ff6840; outline-offset: -2px; }
    .graphic-work.is-selected { outline: 3px solid #ff6840; outline-offset: -3px; }
    .graphic-showcase__tools { position: absolute; z-index: 4; top: clamp(15px, 2.2vw, 34px); right: clamp(15px, 2.2vw, 34px); display: flex; gap: 7px; }
    .graphic-showcase__tools[hidden] { display: none; }
    .graphic-showcase__tool { min-height: 38px; padding: 0 15px; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; color: #fff; background: rgba(8,8,8,.68); font: 600 11px/1 Arial, sans-serif; cursor: pointer; backdrop-filter: blur(16px); transition: color .2s ease, background .2s ease, border-color .2s ease, opacity .2s ease; }
    .graphic-showcase__tool:hover, .graphic-showcase__tool:focus-visible { color: #111; background: #fff; border-color: #fff; outline: none; }
    .graphic-showcase__tool--remove:hover, .graphic-showcase__tool--remove:focus-visible { color: #fff; background: #c64024; }
    .graphic-showcase__tool:disabled { opacity: .38; cursor: default; }
    .graphic-showcase.is-lightbox-open .graphic-showcase__wall { filter: blur(18px) brightness(.48); opacity: .62; }
    .graphic-lightbox { --lightbox-top-space: max(82px, calc(env(safe-area-inset-top) + 72px)); --lightbox-bottom-space: 28px; position: absolute; z-index: 8; inset: 0; display: grid; place-items: center; padding: var(--lightbox-top-space) 18px var(--lightbox-bottom-space); background: rgba(3,3,3,.3); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .38s ease, visibility 0s .38s; }
    .graphic-lightbox.is-open { opacity: 1; visibility: visible; pointer-events: auto; transition-delay: 0s; }
    .graphic-lightbox__image { display: block; max-width: calc(100vw - 36px); max-height: calc(100dvh - var(--lightbox-top-space) - var(--lightbox-bottom-space)); width: auto; height: auto; box-sizing: border-box; border: 1px solid rgba(255,255,255,.62); object-fit: contain; box-shadow: 0 30px 90px rgba(0,0,0,.5); opacity: 0; transform: scale(.94); transition: opacity .42s ease, transform .52s cubic-bezier(.2,.8,.2,1); }
    .graphic-lightbox.is-open .graphic-lightbox__image { opacity: 1; transform: scale(1); }
    .graphic-lightbox__close { position: absolute; z-index: 2; top: var(--lightbox-top-space); left: 18px; width: 48px; height: 48px; padding: 0; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.58); border-radius: 50%; color: #fff; background: rgba(8,8,8,.52); font: 300 40px/.9 Arial, sans-serif; cursor: pointer; backdrop-filter: blur(12px); transition: color .2s ease, background .2s ease, transform .25s ease; }
    .graphic-lightbox__close:hover, .graphic-lightbox__close:focus-visible { color: #111; background: #fff; transform: rotate(90deg); outline: none; }
    .continuation-screen__frame { min-height: calc(100dvh - clamp(88px, 9vw, 120px)); background: rgba(12,12,12,.78); }
    #about { overflow:hidden; }
    #about .about-resume-frame { --about-frame-gap:clamp(8px,.7vw,11px); --about-frame-height:calc(100dvh - clamp(104px,9vw,120px)); width:min(calc(100vw - 4vw),calc((var(--about-frame-height) - 2 * var(--about-frame-gap) - 8px) * 16 / 9 + 2 * var(--about-frame-gap) + 8px)); height:auto; min-height:0; aspect-ratio:auto; display:grid; place-items:center; padding:var(--about-frame-gap); overflow:hidden; background:linear-gradient(135deg,rgba(235,82,39,.34),rgba(255,255,255,.13) 42%,rgba(255,255,255,.08)); box-shadow:0 34px 90px rgba(0,0,0,.62),inset 0 0 0 1px rgba(255,176,138,.26),0 0 32px rgba(235,82,39,.14); backdrop-filter:blur(16px) saturate(135%); -webkit-backdrop-filter:blur(16px) saturate(135%); }
    .about-resume-image { width:100%; height:auto; aspect-ratio:16 / 9; display:block; border-radius:clamp(22px,3vw,48px); object-fit:contain; }
    #fifth { padding: 0; background: #050505; }
    #fifth .continuation-screen__frame { width: 100vw; height: 100dvh; min-height: 100dvh; aspect-ratio: auto; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
    .fifth-gallery { position: relative; width: 100%; height: 100%; overflow: hidden; isolation: isolate; color: #fff; background: var(--paper); }
    .fifth-gallery::after { content: ""; position: absolute; z-index: -1; inset: 0; background: rgba(255,255,255,.08); backdrop-filter: blur(1px); transition: background .45s ease; }
    .fifth-gallery__backdrop { position: absolute; z-index: -2; inset: -4%; background: center / cover no-repeat; filter: blur(8px) saturate(.94); opacity: 0; transform: scale(1.05); transition: opacity .48s ease, filter .48s ease; }
    .fifth-gallery.has-active-backdrop::after { background: rgba(245,245,242,.1); }
    .fifth-gallery.has-active-backdrop .fifth-gallery__backdrop { opacity: 1; }
    .fifth-gallery__rain { position: absolute; z-index: 0; inset: 0; opacity: .82; visibility: visible; }
    .fifth-gallery__grid { --fifth-offset: 0px; position: absolute; z-index: 2; inset: clamp(88px,9vw,118px) 0 0; display: flex; align-items: center; gap: 0; padding: 0; transform: translate3d(var(--fifth-offset),-4vh,0); will-change: transform; }
    .fifth-gallery__work { position: relative; flex: 0 0 auto; height: max(290px,54vh); aspect-ratio: var(--fifth-aspect,3 / 4); min-width: 0; padding: 0; overflow: hidden; border: 0; border-radius: 3px; background: #151515; box-shadow: 0 10px 34px rgba(0,0,0,.1); cursor: pointer; filter: saturate(.84) brightness(.88); transition: transform .16s ease-out, filter .16s ease, box-shadow .16s ease; }
    .fifth-gallery__work::after { content: ""; position: absolute; z-index: 2; inset: 0; border: 3px solid #ff6840; border-radius: inherit; opacity: 0; pointer-events: none; transition: opacity .12s ease; }
    .fifth-gallery__work img { width: 100%; height: 100%; display: block; object-fit: contain; transition: transform .16s ease-out; }
    .fifth-gallery__work:is(:hover,:focus-visible,.is-pointer-hovered) { z-index: 3; outline: none; transform: translateY(-12px) scale(1.12); filter: saturate(1) brightness(1); box-shadow: 0 26px 62px rgba(0,0,0,.3); }
    .fifth-gallery__work:is(:hover,:focus-visible,.is-pointer-hovered)::after { opacity: 1; }
    .fifth-gallery__work:is(:hover,:focus-visible,.is-pointer-hovered) img { transform: scale(1.025); }
    .fifth-gallery__work.is-selected { filter: saturate(1) brightness(1); }
    .fifth-gallery__empty { position: absolute; left: 50%; top: 50%; margin: 0; transform: translate(-50%,-50%); color: rgba(255,255,255,.58); font: 500 12px/1 Arial,sans-serif; letter-spacing: .16em; }
    .fifth-gallery__empty[hidden] { display: none; }
    .fifth-gallery__tools { top: clamp(15px,2.2vw,34px); }
    .fifth-gallery__screen-nav { position: absolute; z-index: 5; left: 50%; width: 62px; height: 62px; display: grid; place-items: center; padding: 0; border: 1px solid rgba(190,105,76,.68); border-radius: 50%; color: rgba(255,255,255,.88); background: rgba(20,20,20,.7); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07),0 0 0 0 rgba(190,105,76,.32),0 10px 28px rgba(0,0,0,.22),0 0 18px rgba(190,105,76,.18); backdrop-filter: blur(12px); cursor: pointer; transform: translateX(-50%); transition: color .18s ease, background .18s ease, border-color .18s ease; }
    .fifth-gallery__screen-nav::before { content: ""; position: absolute; inset: -2px; border: 1px solid rgba(190,105,76,.46); border-radius: inherit; pointer-events: none; animation: fifth-nav-ring 1.45s ease-out infinite; }
    .fifth-gallery__screen-nav--prev { top: clamp(72px,8.5vh,96px); animation: fifth-nav-prev 1.65s ease-in-out infinite; }
    .fifth-gallery__screen-nav--next { bottom: clamp(18px,2.8vh,32px); animation: fifth-nav-next 1.65s ease-in-out infinite; }
    .fifth-gallery__screen-nav svg { width: 27px; height: 34px; fill: none; stroke: currentColor; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 0 7px rgba(255,255,255,.5)); }
    .fifth-gallery__screen-nav:is(:hover,:focus-visible) { color: #fff; background: rgba(190,105,76,.82); border-color: rgba(255,255,255,.72); outline: none; }
    .fifth-gallery__screen-nav:is(:hover,:focus-visible)::before { animation-duration: .85s; }
    @keyframes fifth-nav-ring { 0% { opacity: .62; transform: scale(.92); } 100% { opacity: 0; transform: scale(1.55); } }
    @keyframes fifth-nav-prev { 0%,100% { transform: translateX(-50%) translateY(0) scale(.96); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07),0 0 0 0 rgba(190,105,76,.3),0 10px 28px rgba(0,0,0,.22),0 0 15px rgba(190,105,76,.16); } 50% { transform: translateX(-50%) translateY(-7px) scale(1.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 10px rgba(190,105,76,0),0 15px 34px rgba(0,0,0,.27),0 0 28px rgba(190,105,76,.34); } }
    @keyframes fifth-nav-next { 0%,100% { transform: translateX(-50%) translateY(0) scale(.96); box-shadow: inset 0 0 0 1px rgba(255,255,255,.07),0 0 0 0 rgba(190,105,76,.3),0 10px 28px rgba(0,0,0,.22),0 0 15px rgba(190,105,76,.16); } 50% { transform: translateX(-50%) translateY(7px) scale(1.06); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12),0 0 0 10px rgba(190,105,76,0),0 15px 34px rgba(0,0,0,.27),0 0 28px rgba(190,105,76,.34); } }
    @media (max-width: 650px) {
      .graphic-showcase__wall { column-gap: 5px; }
      .graphic-column { gap: 5px; }
      .graphic-lightbox { --lightbox-top-space: max(70px, calc(env(safe-area-inset-top) + 62px)); --lightbox-bottom-space: 18px; padding-left: 8px; padding-right: 8px; }
      .graphic-lightbox__image { max-width: calc(100vw - 16px); }
      .graphic-showcase__tools { top: 8px; right: 8px; }
      .graphic-showcase__tool { min-height: 34px; padding: 0 11px; font-size: 10px; }
      .fourth-showcase__heading { top: 82px; left: 14px; }
      .work-category-nav { top: max(8px, env(safe-area-inset-top)); width: min(340px, calc(100% - 24px)); min-height: 36px; }
      .work-category-nav__item { padding: 7px 8px; font-size: 10px; }
      .fourth-showcase__heading h2 { font-size: clamp(38px, 12vw, 58px); }
      .fourth-showcase.is-intro .fourth-showcase__intro-copy { top: 68px; left: 16px; right: 16px; grid-template-columns: 1fr; gap: 12px; }
      .fourth-showcase__description { top: 158px; right: 14px; left: 14px; width: auto; font-size: 11px; line-height: 1.55; }
      .fourth-showcase.is-intro .fourth-showcase__description { top: 0; padding: 4px 0 4px 12px; }
      .fourth-showcase__play { top: 57%; width: 66px; height: 66px; }
      .fourth-showcase.is-intro .fourth-showcase__backdrop { top: 28.5%; right: auto; bottom: auto; left: 50%; width: calc(100% - 10px); aspect-ratio: 16 / 9; transform: translateX(-50%); }
      .fourth-showcase__counter { top: 92px; right: 14px; }
      .fourth-showcase__arrow { width: 44px; height: 44px; }
      .fourth-showcase__arrow--prev { left: 10px; }
      .fourth-showcase__arrow--next { right: 10px; }
      .fourth-showcase__wall { --fourth-slot-gap: 69px; bottom: 6px; height: 72px; }
      .fourth-work { width: 64px; }
      .fourth-work.is-selected { transform: translateX(calc(-50% + var(--slot,0) * var(--fourth-slot-gap))) translateY(0) scale(1.04); }
      .fourth-showcase__tools { top: 8px; right: 8px; }
      .fifth-gallery__grid { inset: 70px 0 0; transform: translate3d(var(--fifth-offset),-3vh,0); }
      .fifth-gallery__work { height: max(270px,50vh); }
      .fifth-gallery__work:is(:hover,:focus-visible,.is-pointer-hovered) { transform: translateY(-8px) scale(1.08); }
      .fifth-gallery__tools { top: 8px; right: 8px; }
      .fifth-gallery__screen-nav { width: 54px; height: 54px; }
      .fifth-gallery__screen-nav--prev { top: 62px; }
      .fifth-gallery__screen-nav--next { bottom: 14px; }
    }

    @media (max-width: 650px) {
      .site-header { top: max(8px, env(safe-area-inset-top)); width: calc(100% - 20px); height: 50px; padding: 5px; gap: 4px; border-radius: 25px; }
      .site-brand { gap: 0; }
      .site-brand__mark { width: 40px; height: 40px; }
      .site-brand__name { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); }
      .site-nav { gap: 0; }
      .site-nav__link { padding: 11px 7px; font-size: 8px; }
      .site-header__cta { width: 40px; height: 40px; padding: 0; justify-content: center; }
      .site-header__cta span { position: absolute; width: 1px; height: 1px; clip-path: inset(50%); }
      .site-header__cta svg { width: 17px; height: 17px; }
      .video-showcase__dock { width: min(var(--dock-width, 900px), calc(100% - 24px)); bottom: 10px; }
      .video-showcase__volume { bottom: 86px; right: 12px; gap: 6px; }
      .video-showcase__volume-panel { width: 28px; }
      .video-showcase__volume:is(:hover, :has(:focus-visible), .is-open) .video-showcase__volume-panel { height: 110px; }
      .video-showcase__volume-panel input { height: 85px; }
      .video-showcase__actions { right: 12px; top: 12px; gap: 5px; }
      .video-showcase__action { width: 28px; height: 28px; }
      .video-showcase__action svg { width: 14px; height: 14px; }
      .home-portfolio-title {
        top: 13.5%;
        left: 5%;
        width: 31%;
        height: 36%;
      }
      .home-portfolio-title__char { font-size: clamp(38px, 9.5cqw, 62px); }
      .home-collage__label, .home-collage__script { opacity: .78; }
      .home-collage__note { min-width: 70px; }
    }

    @media (pointer: coarse) { .stage { cursor: auto; } }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      .site-header, .site-nav__link, .site-header__cta, .site-header__cta svg { transition: none; }
      .site-brand__orbit { animation-duration: 4s; }
      .site-brand__mark::before { animation-duration: 4s; }
      .cat-frame, .loader, .discipline-card, .discipline-icon, .discipline-icon svg, .discipline-title, .discipline-cn { transition: none; }
      .discipline-card:is(:hover, :focus-visible) .discipline-title,
      .discipline-card:is(:hover, :focus-visible) .discipline-cn,
      .discipline-card:is(:hover, :focus-visible) .discipline-icon svg { transform: none; }
      .video-showcase__tab, .video-showcase__tabs.is-settled .video-showcase__tab, .video-showcase__preview { transition: none; animation: none; }
      .video-showcase__tabs:not(.is-settled) .video-showcase__tab { transform: none; }
      .fifth-gallery__grid, .fifth-gallery__work, .fifth-gallery__work img, .fifth-gallery__backdrop { transition: none; }
      .fifth-gallery__screen-nav, .fifth-gallery__screen-nav::before { animation: none; }
      body.is-leaving-home #home .spiral-frame, body.is-leaving-showcase #spiral .spiral-frame, body.is-leaving-fourth #fourth .spiral-frame, body.is-leaving-threeD #threeD .spiral-frame, body.is-leaving-fifth #fifth .spiral-frame { animation: none; }
      body.is-leaving-home #motionTransitionMark, body.is-leaving-home #motionTransitionMark::before, body.is-leaving-home #motionTransitionMark::after,
      body.is-leaving-showcase .three-d-transition-mark, body.is-leaving-showcase .three-d-transition-mark::before, body.is-leaving-showcase .three-d-transition-mark::after,
      body.is-leaving-home .motion-transition-caption--motion, body.is-leaving-showcase .motion-transition-caption--3d { animation: none; }
    }