/* The language of the reference: mineral, cobalt, brushed metal, moving light. */
.nexus-intro[hidden] { display:none; }
.nexus-intro { position:fixed; inset:0; z-index:110; overflow:hidden; color:#f4f6fa; background:#090d13; display:grid; place-items:center; animation:intro-lifetime 2.8s ease both; }
.intro-message { position:relative; z-index:2; text-align:center; padding:30px; }
.intro-message > span { font-size:12px; letter-spacing:.65em; color:#a0b3cc; }
.intro-message p { font-size:clamp(32px,5.6vw,82px); line-height:1.1; letter-spacing:-.06em; margin:36px 0; font-weight:300; }
.intro-message strong { font-weight:400; color:#d7b981; }
.intro-message button { background:transparent; border:1px solid #74849a66; border-radius:30px; color:white; padding:13px 23px; min-height:44px; font:inherit; cursor:pointer; }
.intro-message button span { margin-left:24px; }
.intro-aperture { position:absolute; width:min(74vw,820px); aspect-ratio:1; border:1px solid #92b6f044; transform:rotate(45deg); box-shadow:0 0 150px #0b3d9144,inset 0 0 100px #0b3d9122; animation:intro-aperture 2.8s ease both; }
.intro-replay { position:absolute; top:calc(100svh - 46px); right:var(--gutter); z-index:3; border:0; background:transparent; color:var(--muted); min-height:44px; font-size:11px; cursor:pointer; }
.code-rain { position:absolute; inset:0; overflow:hidden; pointer-events:none; contain:paint; mask-image:linear-gradient(transparent,#000 20%,#000 75%,transparent); }
.code-rain span { position:absolute; top:-30%; left:calc(var(--column) * 12.5%); width:12px; font:10px/1.6 monospace; overflow-wrap:anywhere; word-break:break-all; color:#0b3d91; opacity:.23; animation:creed-fall 11s linear infinite; animation-delay:var(--delay); animation-play-state:paused; }
.code-rain span:nth-child(3n) { color:#9a762e; }
.code-rain-intro { mask-image:linear-gradient(transparent,#000 10%,#000 85%,transparent); opacity:.65; }
.code-rain-intro span { left:calc(var(--column) * 5%); color:#619ce5; opacity:.5; font-size:12px; animation-duration:5s; animation-play-state:running; }
.story-visible .code-rain span,.values-section:not(.story-pinned).experience-visible .code-rain span { animation-play-state:running; }
.values-service-links { display:flex; flex-direction:column; gap:0; z-index:2; }
.values-service-links a { display:flex; gap:18px; padding:25px 0; align-items:center; border-bottom:1px solid #8190a73b; font-size:clamp(14px,1.3vw,20px); line-height:1.2; }
.values-service-links a>span:last-child { margin-left:auto; color:var(--blue); }
.service-link-symbol { font-size:32px; font-weight:300; color:var(--blue); }
.values-service-links a:hover { color:var(--blue); }
.values-diagram > .values-service-links { grid-column:1/-1; flex-direction:row; gap:24px; }
.values-diagram > .values-service-links a { flex:1; }
.story-pinned .values-service-links { margin-top:10px; }
.story-pinned .values-service-links a { padding:10px 0; font-size:12px; gap:8px; }
.story-pinned .service-link-symbol { font-size:22px; }
.sculpture { position:relative; }
.cinematic-host { position:absolute; inset:0; z-index:0; pointer-events:none; }
.cinematic-host canvas { width:100%; height:100%; display:block; }
.sculpture.cinematic-ready .sculpture-light { opacity:.4; }
.method-track .track-orb { box-shadow:inset -10px -10px 18px #001c4355,0 10px 22px #091b3630,0 0 20px #c6d8e6; }

.method-track::after { content:''; position:absolute; inset:0; background:linear-gradient(100deg,transparent 30%,#fdf2d3a0 50%,transparent 70%); mask-image:linear-gradient(transparent 20%,#000 50%,transparent 80%); transform:translateX(calc((var(--story-progress,.5) - .5)*80%)); pointer-events:none; }
@media(min-width:1280px) {
  .values-diagram { grid-template-columns:1fr 1.1fr .72fr!important; gap:3%!important; }
  .values-diagram > .values-service-links { grid-column:auto; flex-direction:column; gap:0; }
  .story-pinned .value-list h3 { font-size:clamp(38px,4.5vw,72px); }
  .story-pinned .values-service-links a { padding:24px 0; font-size:16px; }
  .story-pinned .values-service-links { margin-top:0; }
}
@media(max-width:700px) {
  .intro-replay { top:auto; position:relative; display:block; right:auto; margin:0 var(--gutter) 16px auto; }
  .values-diagram > .values-service-links { flex-direction:row; gap:10px; }
  .values-service-links a { gap:5px; font-size:11px; padding:12px 0; }
  .values-service-links .service-link-symbol { display:none; }
  .story-pinned .values-service-links { flex:none; order:-1; margin:0 0 6px; }
  .story-pinned .values-service-links a { font-size:10px; line-height:1.3; min-height:44px; }
  .story-pinned .nexus-map { min-height:155px; }
  .code-rain span { opacity:.16; }
}
@keyframes creed-fall { from { transform:translateY(-20%); } to { transform:translateY(90%); } }
@keyframes intro-lifetime { 0% { opacity:1; } 80% { opacity:1; } 100% { opacity:0; visibility:hidden; } }
@keyframes intro-aperture { from { scale:.72; opacity:0; } 30% { opacity:1; } to { scale:1.2; opacity:.1; } }
html[data-motion-paused=true] .code-rain span { animation-play-state:paused!important; }
html[data-motion-paused=true] :is(.nexus-intro,.intro-replay) { display:none; }
@media(prefers-reduced-motion:reduce) { .nexus-intro { display:none; } .code-rain span { animation:none; } .intro-replay { display:none; } }
@media print { .nexus-intro,.intro-replay,.cinematic-host,.code-rain { display:none!important; } .sculpture.cinematic-ready > picture { opacity:1!important; visibility:visible; } }