/* D3MID cloud transition — authoritative final layer. */
main>section>.cloud-gate{
  position:fixed!important;z-index:12!important;inset:0!important;width:100vw!important;height:100svh!important;
  min-height:0!important;overflow:hidden!important;pointer-events:none!important;transform:none!important;
  visibility:hidden!important;opacity:0!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important
}
main>section.cloud-active:not(.cloud-current)>.cloud-gate{visibility:hidden!important;opacity:0!important}
main>section.cloud-current>.cloud-gate{visibility:visible!important;opacity:1!important;transition:opacity .42s cubic-bezier(.16,.78,.18,1)!important}
main>section.cloud-current.cloud-finishing>.cloud-gate{opacity:0!important}
@keyframes cloud-near-kick{to{translate:-12vw 8vh;rotate:-2deg}}
@keyframes cloud-mid-kick{to{translate:10vw 6vh;rotate:1.5deg}}
@keyframes cloud-far-kick{to{translate:-6vw 4vh;rotate:-1deg}}
main>section.cloud-finishing>.cloud-gate .voxel-curtain.near .voxel-panel.left{animation:cloud-near-kick .4s cubic-bezier(.12,.82,.18,1) both}
main>section.cloud-finishing>.cloud-gate .voxel-curtain.mid .voxel-panel.right{animation:cloud-mid-kick .42s cubic-bezier(.12,.82,.18,1) both}
main>section.cloud-finishing>.cloud-gate .voxel-curtain.far .voxel-panel.left{animation:cloud-far-kick .44s cubic-bezier(.12,.82,.18,1) both}

/* Soft atmosphere between the voxel banks. It recreates the feeling of
   entering a cloud without ever exposing the edge of a rectangular sprite. */
main>section>.cloud-gate::before{display:none!important;content:none!important}
main>section>.cloud-gate::after{display:none!important;content:none!important}

main>section>.cloud-gate .voxel-curtain.front,
main>section>.cloud-gate .voxel-curtain.back{display:none!important}
main>section>.cloud-gate .voxel-curtain.near,
main>section>.cloud-gate .voxel-curtain.mid,
main>section>.cloud-gate .voxel-curtain.far{display:block!important;position:absolute!important;inset:0!important;opacity:1!important;filter:none!important;background:none!important}
main>section>.cloud-gate .voxel-curtain.near{z-index:3!important}
main>section>.cloud-gate .voxel-curtain.mid{z-index:2!important}
main>section>.cloud-gate .voxel-curtain.far{z-index:1!important}

main>section>.cloud-gate .voxel-panel{
  position:absolute!important;width:66vw!important;height:min(44vw,62svh)!important;min-height:190px!important;max-height:none!important;
  bottom:auto!important;right:auto!important;overflow:visible!important;border:0!important;border-radius:0!important;
  clip-path:none!important;-webkit-mask:none!important;mask:none!important;
  background:transparent url('/cloud-alpha-1.png?v=140') center/contain no-repeat!important;
  box-shadow:none!important;filter:drop-shadow(0 18px 20px #17313c38)!important;mix-blend-mode:normal!important;
  transform-origin:50% 50%!important
}
/* Neutralise the legacy per-depth rules in site.css. Those selectors are
   more specific than the shared panel rule and used to paint an opaque blue
   rectangle behind every mid-depth PNG. */
main>section>.cloud-gate .voxel-curtain.near .voxel-panel,
main>section>.cloud-gate .voxel-curtain.mid .voxel-panel,
main>section>.cloud-gate .voxel-curtain.far .voxel-panel{
  width:66vw!important;height:min(44vw,62svh)!important;min-height:190px!important;max-height:none!important;
  background-color:transparent!important;box-shadow:none!important;
  filter:drop-shadow(0 18px 20px #17313c38)!important;
  transition:none!important;clip-path:none!important;-webkit-mask:none!important;mask:none!important
}
main>section>.cloud-gate .voxel-panel{display:none!important}
main>section>.cloud-gate .voxel-panel::before,
main>section>.cloud-gate .voxel-panel::after{display:none!important;content:none!important;box-shadow:none!important}

main>section>.cloud-gate .voxel-curtain.near .voxel-panel.left{
  display:block!important;top:auto!important;bottom:calc(56svh - 84vw)!important;left:-24vw!important;width:126vw!important;height:84vw!important;
  opacity:var(--cloud-near-opacity,0)!important;
  transform:translate3d(var(--cloud-near-x,0),var(--cloud-near-y,0),40px) scale(var(--cloud-near-scale,.98))!important
}
main>section>.cloud-gate .voxel-curtain.mid .voxel-panel.right{
  display:block!important;top:auto!important;bottom:calc(54svh - 75vw)!important;right:-25vw!important;left:auto!important;width:112vw!important;height:75vw!important;
  opacity:var(--cloud-mid-opacity,0)!important;
  transform:translate3d(var(--cloud-mid-x,0),var(--cloud-mid-y,0),-80px) scaleX(-1) scale(var(--cloud-mid-scale,.86))!important
}
main>section>.cloud-gate .voxel-curtain.far .voxel-panel{
  filter:drop-shadow(0 10px 13px #17313c1f)!important
}
main>section>.cloud-gate .voxel-curtain.far .voxel-panel.left{
  display:block!important;top:auto!important;bottom:calc(50svh - 64vw)!important;left:4vw!important;width:96vw!important;height:64vw!important;
  opacity:var(--cloud-far-opacity,0)!important;
  transform:translate3d(var(--cloud-far-x,0),var(--cloud-far-y,0),-190px) scale(var(--cloud-far-scale,.72))!important
}

/* Every chapter and every depth plane gets a different cloud silhouette. */
main>section[data-chapter="01"]>.cloud-gate .voxel-curtain.far .voxel-panel{background-image:url('/cloud-alpha-2.png?v=140')!important}
main>section[data-chapter="01"]>.cloud-gate .voxel-curtain.mid .voxel-panel{background-image:url('/cloud-alpha-3.png?v=140')!important}
main>section[data-chapter="01"]>.cloud-gate .voxel-curtain.near .voxel-panel{background-image:url('/cloud-alpha-1.png?v=140')!important}
main>section[data-chapter="02"]>.cloud-gate .voxel-curtain.far .voxel-panel{background-image:url('/cloud-alpha-3.png?v=140')!important}
main>section[data-chapter="02"]>.cloud-gate .voxel-curtain.mid .voxel-panel{background-image:url('/cloud-alpha-4.png?v=140')!important}
main>section[data-chapter="02"]>.cloud-gate .voxel-curtain.near .voxel-panel{background-image:url('/cloud-alpha-2.png?v=140')!important}
main>section[data-chapter="03"]>.cloud-gate .voxel-curtain.far .voxel-panel{background-image:url('/cloud-alpha-4.png?v=140')!important}
main>section[data-chapter="03"]>.cloud-gate .voxel-curtain.mid .voxel-panel{background-image:url('/cloud-alpha-1.png?v=140')!important}
main>section[data-chapter="03"]>.cloud-gate .voxel-curtain.near .voxel-panel{background-image:url('/cloud-alpha-3.png?v=140')!important}
main>section[data-chapter="04"]>.cloud-gate .voxel-curtain.far .voxel-panel{background-image:url('/cloud-alpha-1.png?v=140')!important}
main>section[data-chapter="04"]>.cloud-gate .voxel-curtain.mid .voxel-panel{background-image:url('/cloud-alpha-2.png?v=140')!important}
main>section[data-chapter="04"]>.cloud-gate .voxel-curtain.near .voxel-panel{background-image:url('/cloud-alpha-4.png?v=140')!important}
main>section[data-chapter="01"]>.cloud-gate .voxel-curtain.far .voxel-panel.right{background-image:url('/cloud-alpha-4.png?v=140')!important}
main>section[data-chapter="01"]>.cloud-gate .voxel-curtain.mid .voxel-panel.right{background-image:url('/cloud-alpha-1.png?v=140')!important}
main>section[data-chapter="01"]>.cloud-gate .voxel-curtain.near .voxel-panel.right{background-image:url('/cloud-alpha-2.png?v=140')!important}
main>section[data-chapter="02"]>.cloud-gate .voxel-curtain.far .voxel-panel.right{background-image:url('/cloud-alpha-1.png?v=140')!important}
main>section[data-chapter="02"]>.cloud-gate .voxel-curtain.mid .voxel-panel.right{background-image:url('/cloud-alpha-2.png?v=140')!important}
main>section[data-chapter="02"]>.cloud-gate .voxel-curtain.near .voxel-panel.right{background-image:url('/cloud-alpha-3.png?v=140')!important}
main>section[data-chapter="03"]>.cloud-gate .voxel-curtain.far .voxel-panel.right{background-image:url('/cloud-alpha-3.png?v=140')!important}
main>section[data-chapter="03"]>.cloud-gate .voxel-curtain.mid .voxel-panel.right{background-image:url('/cloud-alpha-4.png?v=140')!important}
main>section[data-chapter="03"]>.cloud-gate .voxel-curtain.near .voxel-panel.right{background-image:url('/cloud-alpha-1.png?v=140')!important}
main>section[data-chapter="04"]>.cloud-gate .voxel-curtain.far .voxel-panel.right{background-image:url('/cloud-alpha-2.png?v=140')!important}
main>section[data-chapter="04"]>.cloud-gate .voxel-curtain.mid .voxel-panel.right{background-image:url('/cloud-alpha-3.png?v=140')!important}
main>section[data-chapter="04"]>.cloud-gate .voxel-curtain.near .voxel-panel.right{background-image:url('/cloud-alpha-1.png?v=140')!important}
/* A chapter is one physical card; its internal columns never fly separately. */
main::before{content:none;display:none}
.release,.game-section,.artist{display:block!important}
.chapter-content{position:relative;width:100%;min-width:0}
.release>.chapter-content{display:grid;grid-template-columns:minmax(280px,44%) 1fr;gap:clamp(32px,7vw,100px);align-items:center}
.game-section>.chapter-content{display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:clamp(25px,6vw,90px)}
.artist>.chapter-content{display:grid;grid-template-columns:1fr minmax(240px,38%);align-items:center;min-height:calc(90vh - clamp(140px,20vw,300px))}
main>section.reveal>.chapter-content{
  opacity:var(--section-opacity,0)!important;
  transform:perspective(1300px) translate3d(0,var(--section-y,126px),var(--section-z,-420px)) scale(var(--section-scale,.64))!important;
  transform-origin:50% 58%!important;filter:none!important;
  transition:none!important;
  will-change:transform,opacity
}
@keyframes content-arrival-punch{
  0%{scale:1;translate:0 0}
  34%{scale:1.072;translate:0 -5px}
  56%{scale:.982;translate:0 3px}
  76%{scale:1.018;translate:0 -1px}
  100%{scale:1;translate:0 0}
}
main>section.content-punch>.chapter-content{
  animation:content-arrival-punch .39s cubic-bezier(.12,.86,.16,1) both;
  transform-origin:50% 58%!important
}

/* Wide stepped chevron: a down arrow without the cross-like central shaft. */
.scroll{
  width:35px!important;height:35px!important;font-size:0!important;
  background:center/35px 35px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 35 35' shape-rendering='crispEdges'%3E%3Cpath fill='%23090908' d='M0 5h10v10h5v5h5v-5h5V5h10v15h-5v5h-5v5h-5v5h-5v-5h-5v-5H5v-5H0z'/%3E%3Cpath fill='%23f3e4bd' d='M5 10h5v10h5v5h5v-5h5V10h5v10h-5v5h-5v5h-5v-5h-5v-5H5z'/%3E%3Cpath fill='%23fff8df' d='M5 10h3v9h5v3H8v-3H5z'/%3E%3C/svg%3E")!important;
  image-rendering:pixelated;filter:drop-shadow(0 4px 0 #0008) drop-shadow(0 0 7px #f2c37255)
}

@media(max-width:760px){
  main>section>.cloud-gate .voxel-curtain.near .voxel-panel.left{left:-45vw!important;top:auto!important;bottom:calc(54svh - 116vw)!important;width:174vw!important;height:116vw!important;min-height:120px!important}
  main>section>.cloud-gate .voxel-curtain.mid .voxel-panel.right{right:-46vw!important;top:auto!important;bottom:calc(52svh - 103vw)!important;width:154vw!important;height:103vw!important;min-height:110px!important}
  main>section>.cloud-gate .voxel-curtain.far .voxel-panel.left{left:-14vw!important;top:auto!important;bottom:calc(49svh - 86vw)!important;width:128vw!important;height:86vw!important;min-height:100px!important}
  .release>.chapter-content,.game-section>.chapter-content,.artist>.chapter-content{grid-template-columns:1fr}
  .artist>.chapter-content{min-height:0}
}
@media(prefers-reduced-motion:reduce){main>section.reveal>.chapter-content{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important;scale:1!important;translate:0!important}}
@media(prefers-reduced-motion:reduce){main>section>.cloud-gate .voxel-panel{animation:none!important;translate:0!important;rotate:0deg!important}}

/* A delayed pixel-hand cue for the optional site-breaking game. */
.mine-finger{
  position:absolute;right:34px;bottom:calc(100% + 5px);z-index:2;
  display:block;width:96px;height:96px;pointer-events:none;
  opacity:0;transform:translateY(-2px) scale(.92);transform-origin:50% 100%;
  filter:drop-shadow(0 7px 0 #0009) drop-shadow(0 0 11px #ffc96a66);
  transition:opacity .22s ease,transform .22s ease
}
.mine-finger svg,.hero-game-finger svg{display:block;width:100%;height:100%;overflow:visible;image-rendering:pixelated}
.mine-finger .finger-body,.hero-game-finger .finger-body{fill:#e8a842;stroke:#21160c;stroke-width:1.25;stroke-linejoin:miter}
.mine-finger .finger-lines,.hero-game-finger .finger-lines{fill:none;stroke:#21160c;stroke-width:1.05;stroke-linecap:square;stroke-linejoin:miter}
.mine-finger .finger-light,.hero-game-finger .finger-light{fill:#ffd782}
.mine-finger-ready:not(.mining-seen) .mine-finger{
  opacity:1;animation:mine-finger-point 1.08s cubic-bezier(.3,.02,.2,1) infinite
}
@keyframes mine-finger-point{
  0%,30%,100%{transform:translateY(-9px) scale(.95)}
  54%{transform:translateY(9px) scale(1.045)}
  67%{transform:translateY(1px) scale(1)}
  78%{transform:translateY(6px) scale(1.022)}
}
.mining-seen .mine-finger{opacity:0!important;transform:translateY(15px) scale(.86)!important;animation:none!important}
@media(max-width:760px),(hover:none),(pointer:coarse){.mine-finger{display:none!important}}
@media(prefers-reduced-motion:reduce){.mine-finger{animation:none!important;transform:none!important}}

/* First cue: the same pixel hand points sideways at the game CTA. */
.hero-actions{position:relative!important;padding-left:88px}
.hero-game-finger{
  position:absolute;left:0;top:50%;z-index:2;width:78px;height:78px;
  pointer-events:none;transform-origin:100% 50%;
  filter:drop-shadow(0 6px 0 #0009) drop-shadow(0 0 10px #ffc96a66);
  animation:hero-game-finger-point 1.06s cubic-bezier(.3,.02,.2,1) infinite;
  transition:opacity .22s ease,transform .22s ease
}
@keyframes hero-game-finger-point{
  0%,30%,100%{transform:translate(-9px,-50%) scale(.95)}
  54%{transform:translate(9px,-50%) scale(1.045)}
  67%{transform:translate(1px,-50%) scale(1)}
  78%{transform:translate(6px,-50%) scale(1.022)}
}
.hero-game-seen .hero-game-finger{opacity:0;transform:translate(15px,-50%) scale(.86);animation:none}
@media(max-width:760px){.hero-actions{padding-left:66px}.hero-game-finger{width:60px;height:60px}}
@media(prefers-reduced-motion:reduce){.hero-game-finger{animation:none!important;transform:translate(0,-50%)!important}}

/* The game cast enters one by one after the promo chapter reaches its mark. */
.game-section:not(.game-cast-in) .game-vor,
.game-section:not(.game-cast-in) .game-monster,
.game-section:not(.game-cast-in) .game-pirate{opacity:0!important}
.game-scene::after{
  content:"";position:absolute;z-index:0;left:5%;right:5%;bottom:3%;height:22%;
  pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#000e 0 28%,#0009 48%,transparent 74%);
  filter:blur(12px);transform:scale(.58,.38);transform-origin:50% 100%
}
.game-section.game-cast-in .game-scene::after{animation:game-cast-shadow .5s cubic-bezier(.16,.8,.2,1) .28s both}
.game-section.game-cast-in .game-vor{animation:game-cast-left .72s cubic-bezier(.12,.82,.16,1) .58s both}
.game-section.game-cast-in .game-monster{animation:game-cast-depth .76s cubic-bezier(.12,.82,.16,1) .94s both}
.game-section.game-cast-in .game-pirate{animation:game-cast-right .74s cubic-bezier(.12,.82,.16,1) 1.3s both}
@keyframes game-cast-shadow{
  0%{opacity:0;transform:scale(.58,.25)}
  100%{opacity:.78;transform:scale(1,.58)}
}
@keyframes game-cast-left{
  0%{opacity:0;translate:-150px 54px;scale:.76}
  62%{opacity:.94;translate:10px -5px;scale:1.035}
  82%{translate:-3px 2px;scale:.992}
  100%{opacity:.86;translate:0 0;scale:1}
}
@keyframes game-cast-depth{
  0%{opacity:0;translate:0 74px;scale:.48}
  60%{opacity:.92;translate:0 -7px;scale:1.055}
  82%{translate:0 2px;scale:.987}
  100%{opacity:.84;translate:0 0;scale:1}
}
@keyframes game-cast-right{
  0%{opacity:0;translate:150px 48px;scale:.76}
  62%{opacity:.94;translate:-10px -4px;scale:1.035}
  82%{translate:3px 2px;scale:.992}
  100%{opacity:.86;translate:0 0;scale:1}
}
@media(prefers-reduced-motion:reduce){
  .game-section .game-vor,.game-section .game-monster,.game-section .game-pirate{opacity:.82!important;animation:none!important;translate:0!important;scale:1!important}
  .game-scene::after{display:none!important}
}

/* About chapter: copy first, contact shadow second, D3MID takes the stage last. */
.artist:not(.artist-cast-in) .artist-figure::after,
.artist:not(.artist-cast-in) .artist-figure .avatar{opacity:0!important}
.artist.artist-cast-in .artist-figure::after{animation:artist-stage-shadow .54s cubic-bezier(.16,.8,.2,1) .34s both}
.artist.artist-cast-in .artist-figure .avatar{animation:artist-stage-enter 1.02s cubic-bezier(.12,.82,.16,1) .68s both}
@keyframes artist-stage-shadow{
  0%{opacity:0;scale:.42 .3}
  100%{opacity:1;scale:1 1}
}
@keyframes artist-stage-enter{
  0%{opacity:0;translate:0 86px;scale:.68}
  62%{opacity:1;translate:0 -8px;scale:1.035}
  82%{translate:0 3px;scale:.992}
  100%{opacity:1;translate:0 0;scale:1}
}
.artist:not(.artist-cast-in) .subscribe-links>a{opacity:0!important}
.artist.artist-cast-in .subscribe-links>a{
  animation-name:social-icon-stage-in,subscribe-nudge-v90;
  animation-duration:.48s,6s;
  animation-timing-function:cubic-bezier(.14,.8,.18,1),ease-in-out;
  animation-iteration-count:1,infinite;
  animation-fill-mode:both,none
}
.artist.artist-cast-in .subscribe-links>a:nth-child(1){animation-delay:.16s,2.35s}
.artist.artist-cast-in .subscribe-links>a:nth-child(2){animation-delay:.44s,3.35s}
.artist.artist-cast-in .subscribe-links>a:nth-child(3){animation-delay:.72s,4.35s}
.artist.artist-cast-in .subscribe-links>a:nth-child(4){animation-delay:1s,5.35s}
.artist.artist-cast-in .subscribe-links>a:nth-child(5){animation-delay:1.28s,6.35s}
@keyframes social-icon-stage-in{
  0%{opacity:0;translate:-20px 13px;scale:.62;rotate:-8deg}
  66%{opacity:1;translate:3px -3px;scale:1.07;rotate:2deg}
  100%{opacity:1;translate:0 0;scale:1;rotate:0deg}
}
@media(prefers-reduced-motion:reduce){
  .artist .artist-figure::after,.artist .artist-figure .avatar,.artist .subscribe-links>a{opacity:1!important;animation:none!important;translate:0!important;scale:1!important;rotate:0deg!important}
}

/* The v159 desktop had no cast in the opening hero. */
.hero-cast{display:none!important}

/* v184 — longer approach, twice the visual impact, no overshoot or rebound. */
@keyframes content-arrival-slam-v184{
  0%{scale:.86;filter:brightness(.7)}
  100%{scale:1;filter:brightness(1)}
}
main>section.content-punch>.chapter-content{
  animation:content-arrival-slam-v184 .32s cubic-bezier(.94,0,1,1) both!important;
  transform-origin:50% 58%!important
}
main>section.reveal>.chapter-content{
  opacity:1!important;
  filter:brightness(calc(.52 + var(--section-opacity,0)*.48))!important
}

/* v185 — all real chapter objects stay opaque; scroll changes only their
   darkness and depth.  This overrides the old per-object fade staging. */
html body main>section.reveal>.chapter-content,
html body main>section.clips.reveal .section-title,
html body main>section.clips.reveal .card:nth-child(1):not(.mine-broken),
html body main>section.clips.reveal .card:nth-child(2):not(.mine-broken),
html body main>section.game-section.reveal .game-copy,
html body main>section.game-section.reveal .game-scene:not(.mine-broken),
html body main>section.game-section.reveal .game-vor:not(.mine-broken),
html body main>section.game-section.reveal .game-monster:not(.mine-broken),
html body main>section.game-section.reveal .game-pirate:not(.mine-broken),
html body main>section.artist.reveal .artist-copy,
html body main>section.artist.reveal .artist-figure .avatar:not(.mine-broken),
html body main>section.artist.reveal .subscribe-links>a:not(.mine-broken){
  opacity:1!important
}

/* A single far cloud plane behind every chapter, separate from the cloud
   banks that cross in front of the viewport. */
main>section.reveal{isolation:isolate}
main>section.reveal>.chapter-content{z-index:2}
main>section.reveal>.chapter-content::before{display:none!important}
main>section.reveal>.chapter-cloud-back{
  position:absolute;z-index:1;pointer-events:none;inset:0;overflow:hidden
}
.chapter-cloud-back>.chapter-cloud-plane.single{position:absolute;z-index:1;left:50%;bottom:4%;width:min(126vw,1440px);aspect-ratio:1.62;background:transparent url('/cloud-alpha-2.png?v=140') center/contain no-repeat;transform:translate3d(calc(-50% + var(--pointer-cloud-x,0px)),calc(var(--back-cloud-y,0px) + var(--pointer-cloud-y,0px)),0);will-change:transform;image-rendering:pixelated;opacity:1;filter:brightness(.58) contrast(1.16)!important}
.mining-ready .chapter-cloud-back>.chapter-cloud-plane.single,.mining-ready .cloud-gate .voxel-panel{pointer-events:auto}
.chapter-bg-hitbox{position:absolute;z-index:0;inset:0;pointer-events:none}
main>section.mine-background-gone{background:#030403!important}
main>section.mine-background-gone::before,main>section.mine-background-gone::after{opacity:0!important}
.mining-ready main>section>.chapter-content,.mining-ready .chapter-cloud-plane,.mining-ready .hero-room{will-change:auto!important}
main>section[data-chapter="02"]>.chapter-cloud-back>.single{background-image:url('/cloud-alpha-3.png?v=140')}
main>section[data-chapter="03"]>.chapter-cloud-back>.single{background-image:url('/cloud-alpha-4.png?v=140')}
main>section#about>.chapter-cloud-back{display:none!important}
.mine-gone{visibility:hidden!important;opacity:0!important;filter:none!important}
.mine-child-gone::before,.mine-child-gone::after{opacity:0!important;visibility:hidden!important}
.game-section .game-room:not(.mine-broken){opacity:1!important}
.hero-room{background:linear-gradient(#05050528,#050505bf),url('/game-room.png') center/cover no-repeat!important}

/* Fine-pointer depth: the chapter tilts gently toward the cursor while the
   far cloud responds in the opposite direction through the variables above. */
@media (hover:hover) and (pointer:fine){
  main>section.reveal>.chapter-content{
    transform:perspective(1300px) translate3d(0,var(--section-y,126px),var(--section-z,-420px)) scale(var(--section-scale,.64)) rotateX(var(--pointer-tilt-x,0deg)) rotateY(var(--pointer-tilt-y,0deg))!important
  }
  .clips .card strong{font-size:clamp(28px,3.15vw,46px)!important;line-height:.94!important}
  .clips .card.minecraft strong{white-space:nowrap!important}
  .hero-room{
    transform:translate3d(var(--pointer-bg-x,0px),calc(var(--scroll)*.13px + var(--pointer-bg-y,0px)),0) scale(1.1)!important
  }
  .game-section .game-room:not(.mine-broken){
    transform:translate3d(var(--pointer-bg-x,0px),calc(var(--section-bg-y,0px) + var(--pointer-bg-y,0px)),0) scale(1.055)!important;
    will-change:transform
  }
}
/* The final About chapter must not restart the punch animation at the page
   boundary; that restart briefly shrank the whole block on desktop. */
.artist.content-punch>.chapter-content{animation:none!important}