/* Nanyu LAW — isolated About-page V3 patch. */
#view-about .view-wrap.ny-about-v3{width:min(100%,1180px)}
#view-about .ny-about-v3 .about-orbit-layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(480px,1.12fr);gap:clamp(38px,6vw,88px);align-items:center}
#view-about .ny-about-v3 .about-story-column{position:relative;z-index:2;min-width:0}
#view-about .ny-about-v3 .about-story-label{margin:0 0 13px;color:var(--rust,#a8663f);font-family:var(--sans,sans-serif);font-size:11px;font-weight:600;line-height:1.4;letter-spacing:.24em}
#view-about .ny-about-v3 .about-story-title{margin:0 0 26px;color:var(--rust,#a8663f);font-family:var(--sans,sans-serif);font-size:clamp(48px,5.7vw,78px);font-weight:800;line-height:.98;letter-spacing:-.01em;text-transform:uppercase}
#view-about .ny-about-v3 .about-story-column>.eyebrow{margin:0 0 28px;color:var(--navy,#16283f)}
#view-about .ny-about-v3 .about-story-rule{width:88px;height:1px;margin:-12px 0 24px;background:var(--rust,#a8663f);transform:scaleX(1);transform-origin:left center}
#view-about .ny-about-v3 .about-story-rule.is-replaying{animation:nyV3StoryRule .9s .16s var(--ease,ease) both}
#view-about .ny-about-v3 .about-copy{display:grid;max-width:none;padding:0;gap:20px;align-items:stretch;background:transparent;border:0;border-radius:0;box-shadow:none}
#view-about .ny-about-v3 .about-copy p,#view-about .ny-about-v3 .about-copy p.lead{display:block;width:100%;margin:0;padding:0;color:var(--navy,#16283f);text-align:justify;text-align-last:left;text-justify:inter-ideograph;text-indent:0;overflow-wrap:break-word}
#view-about .ny-about-v3 .about-copy p.lead{font-size:clamp(18px,2vw,21px)}
#view-about .ny-about-v3 .about-orbit-visual{position:relative;min-width:0;min-height:650px;isolation:isolate}
#view-about .ny-about-v3 .about-orbit-track{position:absolute;left:8%;top:7%;width:78%;aspect-ratio:1;border:1px solid rgba(22,40,63,.17);border-radius:50%;pointer-events:none}
#view-about .ny-about-v3 .about-orbit-track{transform:translate(var(--orbit-x,0),var(--orbit-y,0));transition:transform .9s var(--ease,ease)}
#view-about .ny-about-v3 .about-orbit-track::after{content:"";position:absolute;inset:13%;border-radius:50%;background:conic-gradient(from 28deg,rgba(168,102,63,.24) 0 61%,transparent 61% 100%);transform:translate(14px,-8px);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0)}
#view-about .ny-about-v3 .about-orbit-runner{position:absolute;inset:-8px;border-radius:50%;animation:nyV3OrbitDot 16s linear infinite}
#view-about .ny-about-v3 .about-orbit-runner b{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--rust,#a8663f);box-shadow:0 0 0 6px rgba(168,102,63,.12);transform:translateX(-50%);animation:nyV3OrbitDepth 16s linear infinite}
#view-about .ny-about-v3 .ny-v3-gallery{position:absolute!important;inset:0!important;display:block!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important}
#view-about .ny-about-v3 .environment-shot{--drift:9px;--sway:5px;--parallax-x:0px;--parallax-y:0px;position:absolute!important;z-index:2;display:block;overflow:hidden;margin:0!important;padding:0!important;aspect-ratio:1;border:1px solid rgba(246,241,232,.78)!important;border-radius:50%!important;background:#e9e5dc;box-shadow:inset 12px 14px 24px rgba(255,255,255,.15),inset -14px -18px 28px rgba(10,25,43,.13),0 22px 52px rgba(22,40,63,.21)!important;opacity:0;transform:translate(var(--parallax-x),var(--parallax-y)) translateY(24px) scale(.94);transition:opacity .95s ease,transform .82s var(--ease,ease),box-shadow .5s ease,filter .55s ease;cursor:zoom-in;will-change:transform,translate}
#view-about .ny-about-v3 .environment-shot::before{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;background:radial-gradient(circle at 25% 18%,rgba(255,255,255,.29),transparent 35%),linear-gradient(135deg,transparent 48%,rgba(8,20,36,.16));pointer-events:none;mix-blend-mode:soft-light}
#view-about .ny-about-v3 .ny-v3-gallery.gallery-revealed .environment-shot{opacity:1;transform:translate(var(--parallax-x),var(--parallax-y));animation:nyV3PlanetFloat 8.5s cubic-bezier(.42,0,.32,1) infinite}
#view-about .ny-about-v3 .environment-shot:nth-child(1){right:4%!important;left:auto!important;top:8%!important;bottom:auto!important;width:56%!important;z-index:3;--drift:8px;--sway:4px;animation-duration:10.8s!important}
#view-about .ny-about-v3 .environment-shot:nth-child(2){left:0!important;right:auto!important;top:8%!important;bottom:auto!important;width:27%!important;z-index:2;--drift:10px;--sway:5px;animation-duration:8.9s!important;animation-delay:-2.1s!important;filter:opacity(.92) blur(.22px)}
#view-about .ny-about-v3 .environment-shot:nth-child(3){left:5%!important;right:auto!important;top:39%!important;bottom:auto!important;width:25%!important;z-index:5;--drift:9px;--sway:6px;animation-duration:8.1s!important;animation-delay:-4s!important}
#view-about .ny-about-v3 .environment-shot:nth-child(4){left:19%!important;right:auto!important;top:auto!important;bottom:1%!important;width:28%!important;z-index:2;--drift:10px;--sway:5px;animation-duration:9.5s!important;animation-delay:-2.5s!important;filter:opacity(.9) blur(.42px)}
#view-about .ny-about-v3 .environment-shot:nth-child(5){right:10%!important;left:auto!important;top:52%!important;bottom:auto!important;width:24%!important;z-index:5;--drift:9px;--sway:6px;animation-duration:8.4s!important;animation-delay:-5s!important}
#view-about .ny-about-v3 .environment-shot:nth-child(6){right:0!important;left:auto!important;top:46%!important;bottom:auto!important;width:19%!important;z-index:1;--drift:8px;--sway:5px;animation-duration:7.8s!important;animation-delay:-1s!important;filter:opacity(.84) blur(.75px)}
#view-about .ny-about-v3 .gallery-count-1 .environment-shot:nth-child(1){right:12%!important;top:13%!important;width:72%!important}
#view-about .ny-about-v3 .gallery-count-2 .environment-shot:nth-child(1){right:1%!important;top:13%!important;width:62%!important}
#view-about .ny-about-v3 .gallery-count-2 .environment-shot:nth-child(2){left:2%!important;top:29%!important;width:34%!important}
#view-about .ny-about-v3 .gallery-count-3 .environment-shot:nth-child(1){right:2%!important;top:11%!important;width:61%!important}
#view-about .ny-about-v3 .gallery-count-3 .environment-shot:nth-child(2){left:1%!important;top:10%!important;width:31%!important}
#view-about .ny-about-v3 .gallery-count-3 .environment-shot:nth-child(3){left:9%!important;top:auto!important;bottom:8%!important;width:29%!important}
#view-about .ny-about-v3 .environment-shot img{position:relative;z-index:0;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;border:0!important;border-radius:50%!important;box-shadow:none!important;filter:saturate(.8) contrast(1.02) brightness(.98);transition:transform .65s var(--ease,ease),filter .55s ease}
#view-about .ny-about-v3 .environment-shot:hover,#view-about .ny-about-v3 .environment-shot:focus-visible{z-index:7;filter:none;box-shadow:inset 12px 14px 24px rgba(255,255,255,.18),inset -14px -18px 28px rgba(10,25,43,.14),0 30px 68px rgba(22,40,63,.28)!important;animation-play-state:paused;outline:3px solid rgba(168,102,63,.55);outline-offset:4px}
#view-about .ny-about-v3 .environment-shot:hover img,#view-about .ny-about-v3 .environment-shot:focus-visible img{transform:scale(1.045);filter:saturate(.93) contrast(1.03)}
#view-about .ny-about-v3 .environment-caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:48%;padding:42px 10px 12px;background:linear-gradient(transparent,rgba(12,25,42,.82));color:#f6f1e8;font-family:var(--sans,sans-serif);line-height:1.45;text-align:center;opacity:0;transform:translateY(7px);pointer-events:none;transition:opacity .4s ease,transform .45s var(--ease,ease)}
#view-about .ny-about-v3 .environment-caption span{display:block;width:100%;max-width:100%;overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;color:#fff;font-size:clamp(11px,.92vw,14px);font-weight:500;line-height:1.45;letter-spacing:.1em;text-shadow:0 1px 8px rgba(0,0,0,.3)}
#view-about .ny-about-v3 .environment-caption b{display:block;font-size:clamp(8px,.62vw,10px);font-weight:400;line-height:1.25;color:#d4a07c;letter-spacing:.08em;white-space:nowrap}
#view-about .ny-about-v3 .environment-shot:hover .environment-caption,#view-about .ny-about-v3 .environment-shot:focus-visible .environment-caption{opacity:1;transform:none;transition-delay:.14s}
@keyframes nyV3PlanetFloat{0%,100%{translate:0 calc(var(--drift) * -.25);rotate:0deg}34%{translate:calc(var(--sway) * -1) calc(var(--drift) * -1);rotate:-.18deg}69%{translate:calc(var(--sway) * .7) calc(var(--drift) * .32);rotate:.14deg}}
@keyframes nyV3OrbitDot{to{transform:rotate(360deg)}}
@keyframes nyV3OrbitDepth{0%,100%{opacity:1;transform:translateX(-50%) scale(1)}45%,58%{opacity:.35;transform:translateX(-50%) scale(.82)}}
@keyframes nyV3StoryRule{from{opacity:.35;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}

@media(max-width:900px) and (min-width:801px){
  #view-about .ny-about-v3 .about-orbit-layout{grid-template-columns:minmax(0,1fr);gap:42px}
  #view-about .ny-about-v3 .about-orbit-visual{width:min(100%,680px);min-height:620px;margin-inline:auto}
  #view-about .ny-about-v3 .about-story-title{font-size:clamp(46px,10vw,68px)}
}

/* Mobile deliberately keeps the non-planet gallery. */
@media(max-width:800px){
  #view-about .ny-about-v3 .about-orbit-layout{display:block}
  #view-about .ny-about-v3 .about-story-title{margin-bottom:22px;font-size:clamp(43px,13vw,58px)}
  #view-about .ny-about-v3 .about-story-column>.eyebrow{margin-bottom:23px}
  #view-about .ny-about-v3 .about-orbit-visual{width:100%;min-height:0;margin-top:35px}
  #view-about .ny-about-v3 .about-orbit-track{display:none!important}
  #view-about .ny-about-v3 .ny-v3-gallery{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;height:auto;padding:0!important;overflow:visible!important}
  #view-about .ny-about-v3 .environment-shot,#view-about .ny-about-v3 .environment-shot:nth-child(n){position:relative!important;inset:auto!important;grid-column:span 4;width:auto!important;aspect-ratio:auto;margin:0!important;border:1px solid var(--border-2,rgba(168,102,63,.4))!important;border-radius:18px!important;background:var(--cream-2,#fbf9f5);box-shadow:none!important;opacity:1!important;transform:none!important;translate:none!important;animation:none!important;transition:none!important}
  #view-about .ny-about-v3 .environment-shot:nth-child(1){grid-column:span 7}
  #view-about .ny-about-v3 .environment-shot:nth-child(2){grid-column:span 5}
  #view-about .ny-about-v3 .environment-shot img{height:200px!important;border-radius:17px!important;transform:none!important;filter:saturate(.88) contrast(1.02)}
  #view-about .ny-about-v3 .environment-caption{display:none!important}
}

@media(max-width:520px){
  #view-about .ny-about-v3 .ny-v3-gallery{grid-template-columns:1fr}
  #view-about .ny-about-v3 .environment-shot,#view-about .ny-about-v3 .environment-shot:nth-child(n){grid-column:1!important}
  #view-about .ny-about-v3 .environment-shot img{height:230px!important}
}

@media(prefers-reduced-motion:reduce){
  #view-about .ny-about-v3 .about-orbit-runner,#view-about .ny-about-v3 .ny-v3-gallery.gallery-revealed .environment-shot{animation:none!important}
  #view-about .ny-about-v3 .environment-shot{opacity:1!important;translate:none!important;transition:none!important}
  #view-about .ny-about-v3 .about-story-rule{animation:none!important;opacity:1!important;transform:none!important}
}