/* UPLINK V8 / Toyama Depth System */
:root{--v8-accent:#7ff1d2;--v8-accent-2:#7bbfff;--v8-ink:#062d30;--v8-paper:#f5fbf8;--v8-progress:0;--v8-pointer-x:50vw;--v8-pointer-y:30vh}
@view-transition{navigation:none}
::view-transition-old(root){animation:v8-page-out .16s ease both}
::view-transition-new(root){animation:v8-page-in .38s cubic-bezier(.16,1,.3,1) both}
@keyframes v8-page-out{to{opacity:.7}}
@keyframes v8-page-in{from{opacity:0;transform:translateY(8px)}}
html{scroll-behavior:smooth}.uplink-v8{color:var(--v8-ink);background:var(--v8-paper)}
.uplink-v8.field-pc{--v8-accent:#8fe7ff;--v8-accent-2:#6f8eff}.uplink-v8.field-aquarium{--v8-accent:#65f0c8;--v8-accent-2:#47bddd}.uplink-v8.field-web{--v8-accent:#b398ff;--v8-accent-2:#75cfff}.uplink-v8.field-welfare{--v8-accent:#b8ef82;--v8-accent-2:#65d7ae}.uplink-v8.field-contact{--v8-accent:#ffd58d;--v8-accent-2:#89d9ff}
.uplink-v8::before{content:"";position:fixed;z-index:9998;left:0;top:0;width:100%;height:2px;pointer-events:none;transform:scaleX(var(--v8-progress));transform-origin:left;background:linear-gradient(90deg,var(--v8-accent),var(--v8-accent-2),#f3a6cf);box-shadow:0 0 1.2rem var(--v8-accent)}
.uplink-v8 .site-header{border-bottom:1px solid rgba(218,255,246,.13);background:rgba(2,24,29,.56)!important;box-shadow:0 1rem 4rem rgba(0,19,25,.12);backdrop-filter:blur(24px) saturate(150%)}
.uplink-v8 .site-header .nav-list a{position:relative}.uplink-v8 .site-header .nav-list a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.25rem;height:1px;transform:scaleX(0);transform-origin:right;background:var(--v8-accent);transition:transform .45s cubic-bezier(.16,1,.3,1)}.uplink-v8 .site-header .nav-list a:hover::after,.uplink-v8 .site-header .nav-list a[aria-current]::after{transform:scaleX(1);transform-origin:left}
.toyama-depth-rail{position:fixed;z-index:40;left:clamp(.45rem,1.5vw,1.4rem);top:50%;display:grid;grid-template-columns:1.65rem auto;gap:.7rem;align-items:center;transform:translateY(-50%);mix-blend-mode:normal}.toyama-depth-track{position:relative;width:1px;height:min(48vh,28rem);margin:auto;background:linear-gradient(#dffef3 0 14%,rgba(211,255,244,.18) 14% 78%,#74d7ee 78%)}.toyama-depth-track::before{content:"";position:absolute;left:-3px;top:calc(var(--v8-progress)*100%);width:7px;aspect-ratio:1;border-radius:50%;background:#fff;box-shadow:0 0 0 5px color-mix(in srgb,var(--v8-accent) 32%,transparent),0 0 1.5rem var(--v8-accent);transition:top .12s linear}.toyama-depth-track::after{content:"";position:absolute;left:-1px;top:0;width:3px;height:calc(var(--v8-progress)*100%);background:linear-gradient(var(--v8-accent),var(--v8-accent-2))}.toyama-depth-copy{display:grid;gap:.25rem;color:#e9fff8;text-shadow:0 2px 12px rgba(0,20,24,.7);writing-mode:vertical-rl}.toyama-depth-copy b{font:800 .56rem ui-monospace,Consolas,monospace;letter-spacing:.18em}.toyama-depth-copy span{color:#a9d8d0;font:700 .48rem ui-monospace,Consolas,monospace;letter-spacing:.12em}.toyama-depth-level{position:absolute;left:2.6rem;top:calc(var(--v8-progress)*100%);width:max-content;padding:.35rem .55rem;border:1px solid rgba(221,255,247,.22);border-radius:999px;color:#effffb;background:rgba(2,27,32,.72);backdrop-filter:blur(12px);font:800 .55rem ui-monospace,monospace;letter-spacing:.1em;transform:translateY(-50%);transition:top .12s linear}
.uplink-v8 .cinematic-hero,.uplink-v8 .hero-v4{isolation:isolate}.uplink-v8 .cinematic-hero>.shell,.uplink-v8 .hero-master-grid{z-index:5!important}.uplink-v8 .cinematic-hero::after{content:none!important;display:none!important;background:none!important}.uplink-v8 .cinematic-hero .display{max-width:11ch;font-size:clamp(3.5rem,9vw,9.5rem);line-height:.82;letter-spacing:-.075em;text-wrap:balance}.uplink-v8 .cinematic-hero .lead{max-width:38rem;border-color:color-mix(in srgb,var(--v8-accent) 24%,transparent);background:linear-gradient(135deg,rgba(2,27,33,.58),rgba(4,39,43,.24));box-shadow:0 2rem 5rem rgba(0,9,14,.22),inset 0 1px rgba(255,255,255,.12)}
.uplink-v8 .hero-v4 .hero-toyama{filter:saturate(1.18) contrast(1.02) brightness(1.02)!important}.uplink-v8 .hero-v4::before{background:linear-gradient(90deg,rgba(0,20,25,.68),rgba(2,31,35,.42) 38%,rgba(0,28,34,.1) 70%,rgba(0,20,25,.18)),linear-gradient(0deg,rgba(0,22,28,.42),transparent 55%)!important}.uplink-v8 .hero-v4::after{content:none!important;display:none!important;background:none!important}.uplink-v8 .hero-v4-copy h1{max-width:11ch;text-wrap:balance}.uplink-v8 .hero-v4-copy h1 strong{color:#fff;background:linear-gradient(100deg,#fff 8%,#a9ffe5 48%,#a8d8ff 86%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.uplink-v8 .hero-now{perspective:1200px}.uplink-v8 .hero-now-card{border-color:rgba(223,255,248,.2);background:linear-gradient(145deg,rgba(3,43,47,.72),rgba(6,30,39,.42));box-shadow:0 1.6rem 4.5rem rgba(0,15,22,.2),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(24px) saturate(135%)}.uplink-v8 .hero-now-card:hover{border-color:color-mix(in srgb,var(--v8-accent) 65%,white);box-shadow:0 2.4rem 6rem rgba(0,12,20,.34),0 0 0 1px color-mix(in srgb,var(--v8-accent) 25%,transparent)}
.uplink-v8 .hero-field-dock{overflow:visible;border:1px solid rgba(220,255,246,.18);border-radius:1.2rem;background:rgba(2,29,34,.54);box-shadow:0 2rem 5rem rgba(0,12,18,.25);backdrop-filter:blur(24px) saturate(145%)}.uplink-v8 .hero-field-dock a{position:relative;overflow:hidden}.uplink-v8 .hero-field-dock a::before{content:"";position:absolute;inset:auto 10% 0;height:2px;transform:scaleX(0);background:linear-gradient(90deg,var(--dock-accent,#87f2d4),transparent);transition:transform .45s cubic-bezier(.16,1,.3,1)}.uplink-v8 .hero-field-dock a:hover::before{transform:scaleX(1)}.uplink-v8 .hero-field-dock a:nth-child(1){--dock-accent:#8fe7ff}.uplink-v8 .hero-field-dock a:nth-child(2){--dock-accent:#65f0c8}.uplink-v8 .hero-field-dock a:nth-child(3){--dock-accent:#b398ff}.uplink-v8 .hero-field-dock a:nth-child(4){--dock-accent:#b8ef82}
.uplink-v8 main>.section,.uplink-v8 main>section:not(.hero-v4):not(.page-hero){position:relative;isolation:isolate}.uplink-v8 main>.section::before{content:attr(data-v8-index);position:absolute;z-index:-1;right:clamp(1rem,5vw,6rem);top:clamp(1rem,4vw,4rem);color:rgba(7,65,63,.035);font:900 clamp(7rem,18vw,18rem)/1 ui-monospace,monospace;letter-spacing:-.1em;pointer-events:none}.uplink-v8 .section-title{max-width:15ch;text-wrap:balance;letter-spacing:-.045em}.uplink-v8 .lead{max-width:52rem}.uplink-v8 .feature-grid{perspective:1200px}.uplink-v8 .feature{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--v8-accent) 20%,rgba(9,66,63,.12));background:linear-gradient(145deg,rgba(255,255,255,.9),color-mix(in srgb,var(--v8-accent) 5%,white));box-shadow:0 1.4rem 4rem rgba(8,72,66,.065);transform:perspective(1000px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .5s}.uplink-v8 .feature::after{content:"";position:absolute;inset:-40%;pointer-events:none;background:radial-gradient(circle at var(--card-x,70%) var(--card-y,20%),color-mix(in srgb,var(--v8-accent) 28%,transparent),transparent 32%);opacity:0;transition:opacity .35s}.uplink-v8 .feature:hover{border-color:color-mix(in srgb,var(--v8-accent) 50%,white);box-shadow:0 2.3rem 6rem rgba(8,72,66,.14)}.uplink-v8 .feature:hover::after{opacity:1}.uplink-v8 .feature>*{position:relative;z-index:1;transform:translateZ(14px)}
.uplink-v8 .process{counter-reset:item}.uplink-v8 .process article{counter-increment:item;position:relative;overflow:hidden}.uplink-v8 .process article::after{content:"0" counter(item);position:absolute;right:.6rem;bottom:-.2rem;color:color-mix(in srgb,var(--v8-accent) 17%,transparent);font:900 4.5rem/1 ui-monospace,monospace}
.uplink-v8 .cta{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--v8-accent) 24%,transparent);background:radial-gradient(circle at 80% 15%,color-mix(in srgb,var(--v8-accent) 18%,transparent),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.9),rgba(238,249,246,.9));box-shadow:0 2.5rem 7rem rgba(7,67,63,.11)}
.uplink-v8 .button{min-height:3.25rem}.uplink-v8 .button.primary{box-shadow:0 1rem 2.5rem color-mix(in srgb,var(--v8-accent) 20%,transparent)}.uplink-v8 a:focus-visible,.uplink-v8 button:focus-visible,.uplink-v8 input:focus-visible,.uplink-v8 textarea:focus-visible,.uplink-v8 select:focus-visible{outline:3px solid #ffe083;outline-offset:4px}
.uplink-v8 [data-v8-reveal]{opacity:1;transform:translateY(1rem);transition:transform .85s cubic-bezier(.16,1,.3,1)}.uplink-v8 [data-v8-reveal].is-v8-visible{transform:none}
.uplink-v8 .reveal{opacity:1!important;transform:none!important}
@media(max-width:1180px){.toyama-depth-rail{display:none}.uplink-v8 .cinematic-hero .display{font-size:clamp(3.4rem,11vw,7.5rem)}}
@media(max-width:760px){.uplink-v8 .site-header{backdrop-filter:blur(18px)}.uplink-v8 .cinematic-hero .display{font-size:clamp(3rem,17vw,5.7rem);line-height:.86;overflow-wrap:anywhere}.uplink-v8 .cinematic-hero .lead{max-width:100%}.uplink-v8 .hero-v4-copy h1{font-size:clamp(2.7rem,13vw,5.4rem);line-height:.93}.uplink-v8 .hero-field-dock{border-radius:1rem}.uplink-v8 main>.section::before{font-size:7rem}.uplink-v8 .feature{transform:none!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.uplink-v8 [data-v8-reveal]{opacity:1;transform:none;transition:none}.uplink-v8 .feature{transform:none!important}.toyama-depth-track::before,.toyama-depth-track::after,.toyama-depth-level{transition:none}}

/* V8 visual QA corrections */
.uplink-v8 .site-header{border-bottom-color:rgba(218,255,246,.16);background:rgba(2,24,29,.76)!important;box-shadow:0 1rem 4rem rgba(0,19,25,.16)}
.uplink-v8 .site-header .nav-list a,.uplink-v8 .site-header .nav-list a:visited{color:#effffb!important;text-shadow:0 1px 16px rgba(0,0,0,.35)}
.uplink-v8 .hero-v4-copy h1{max-width:none!important;font-size:clamp(3.5rem,5.6vw,7rem)!important;line-height:.9!important;text-wrap:balance}
.uplink-v8 .hero-v4-copy h1>span,.uplink-v8 .hero-v4-copy h1>strong{display:block;white-space:nowrap}
.uplink-v8 .cinematic-hero .page-hero-grid>div:first-child{transform:translateZ(24px)}
.uplink-v8 .cinematic-hero .page-hero-grid>div:last-child{transform:translate3d(0,1rem,52px) rotateY(-2deg)}
@media(max-width:1380px){.toyama-depth-rail{display:none}}
@media(max-width:760px){.uplink-v8 .hero-v4-copy h1{font-size:clamp(2.65rem,12.5vw,5.4rem)!important;line-height:.93!important}.uplink-v8 .hero-v4-copy h1>span,.uplink-v8 .hero-v4-copy h1>strong{white-space:normal}}

/* V9 editorial refinement
   Photography leads while layout, type and navigation create the experience */
.uplink-v8{--v9-gutter:clamp(1.1rem,4vw,4.5rem);--v9-radius:clamp(1rem,2vw,1.8rem)}
.uplink-v8 main>section{scroll-margin-top:7.5rem}
.uplink-v8 .site-header{transition:transform .38s cubic-bezier(.16,1,.3,1),background-color .35s,box-shadow .35s}
.uplink-v8.v9-scrolled .site-header{background:rgba(2,24,29,.88)!important;box-shadow:0 1rem 3rem rgba(0,15,20,.22)}
.uplink-v8.v9-nav-hidden .site-header{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 1rem))}
.uplink-v8.v9-nav-hidden .site-header:focus-within{opacity:1;pointer-events:auto;transform:none}
.uplink-v8 .cinematic-hero{min-height:min(88svh,58rem)}
.uplink-v8 .cinematic-hero .page-hero-image{inset:0;width:100%;height:100%;transform:scale(1.025);transition:opacity 1s ease,transform 8s cubic-bezier(.16,1,.3,1)}
.uplink-v8 .cinematic-hero.is-image-ready .page-hero-image{transform:scale(1)}
.uplink-v8 .cinematic-hero .page-hero-grid{gap:clamp(2rem,7vw,8rem);align-items:end}
.uplink-v8 .cinematic-hero .display{font-size:clamp(3.35rem,8vw,8.6rem);line-height:.84;letter-spacing:-.072em}
.uplink-v8 .cinematic-hero .v9-editorial-title{max-width:9.5ch;font-size:clamp(3.2rem,7vw,7.4rem);line-height:.92;letter-spacing:-.075em;word-break:keep-all;overflow-wrap:normal}
.uplink-v8 .cinematic-hero .v9-editorial-title strong{display:inline;color:#fff;background:linear-gradient(100deg,#fff 4%,var(--v8-accent) 52%,var(--v8-accent-2));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.uplink-v8 .cinematic-hero .page-code{display:inline-flex;align-items:center;gap:.7rem;padding:.48rem .8rem;border:1px solid color-mix(in srgb,var(--v8-accent) 26%,transparent);border-radius:999px;background:rgba(2,21,26,.38);backdrop-filter:blur(12px)}
.uplink-v8 .cinematic-hero .page-code::before{content:"";width:2rem;height:1px;background:var(--v8-accent)}
.uplink-v8 .cinematic-hero .lead{font-size:clamp(1rem,1.3vw,1.24rem);line-height:1.95;background:rgba(2,24,29,.68);backdrop-filter:blur(18px) saturate(125%)}
.uplink-v8.field-pc .cinematic-hero .page-hero-grid{grid-template-columns:1.15fr .65fr}
.uplink-v8.field-aquarium .cinematic-hero .page-hero-grid{grid-template-columns:.82fr .72fr}
.uplink-v8.field-web .cinematic-hero .page-hero-grid{grid-template-columns:1.25fr .68fr}
.uplink-v8.field-welfare .cinematic-hero .page-hero-grid{grid-template-columns:.9fr .78fr}
.uplink-v8.field-pc .cinematic-hero .page-hero-image{object-position:62% 48%}
.uplink-v8.field-aquarium .cinematic-hero .page-hero-image{object-position:58% center}
.uplink-v8.field-web .cinematic-hero .page-hero-image{object-position:64% center}
.uplink-v8.field-welfare .cinematic-hero .page-hero-image{object-position:58% center;filter:saturate(.82) contrast(1.03) brightness(.76)}
.uplink-v8 .live-grid{grid-template-columns:1.18fr .91fr .91fr;align-items:stretch}
.uplink-v8 .live-card{border-radius:var(--v9-radius);box-shadow:0 1.4rem 4rem rgba(9,59,58,.08)}
.uplink-v8 .live-card:first-child{transform:translateY(-1.4rem)}
.uplink-v8 .live-card,.uplink-v8 .live-card-aqua{grid-row:auto;min-height:34rem}
.uplink-v8 .live-card-aqua h3{font-size:clamp(2.3rem,3.5vw,3.7rem)}
.uplink-v8 .aquarium-store{color:#effffb}
.uplink-v8 .aquarium-store .section-title{color:#f3fffb!important;text-shadow:none}
.uplink-v8 .aquarium-store :is(.eyebrow,.store-head-side p){color:#bfe5dd}
.uplink-v8 .aquarium-store .store-admin-link{color:#073832;border-color:rgba(7,56,50,.24);background:rgba(255,255,255,.62)}
.uplink-v8 .proof-canvas{border-radius:calc(var(--v9-radius) * 1.15)}
.uplink-v8 .portal-grid{align-items:center}
.uplink-v8 .portal h2{font-size:clamp(3.2rem,7vw,7.6rem);line-height:.88;letter-spacing:-.065em}
.uplink-v8 .field-story .field-cinema::after{content:"";position:absolute;inset:0;transform:none!important;animation:none!important;background:linear-gradient(90deg,rgba(1,14,18,.72),rgba(1,16,20,.12) 62%,rgba(1,15,19,.3));pointer-events:none}
.uplink-v8 .field-story:nth-of-type(even) .field-cinema::after{background:linear-gradient(270deg,rgba(1,14,18,.7),rgba(1,16,20,.08) 62%,rgba(1,15,19,.28))}
.uplink-v8 .field-story:nth-of-type(even) .story-grid{direction:rtl}
.uplink-v8 .field-story:nth-of-type(even) .story-grid>*{direction:ltr}
.uplink-v8 .story-title h2{max-width:10ch;text-wrap:balance}
.uplink-v8 .journal-grid{align-items:stretch}
.uplink-v8 .journal-feature,.uplink-v8 .journal-list a{border-radius:var(--v9-radius)}
.uplink-v8 .journal-grid>*{min-width:0}
@media(max-width:980px) and (min-width:701px){
  .uplink-v8 .journal-list{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0}
  .uplink-v8 .journal-list a{min-width:0;overflow:hidden}
}
.uplink-v8 .principle-track{gap:clamp(.7rem,1.4vw,1.4rem)}
.uplink-v8 .principle-track article{min-height:clamp(12rem,20vw,17rem);display:flex;flex-direction:column;justify-content:space-between;border-radius:var(--v9-radius)}
.uplink-v8 .principle-track article:nth-child(2),.uplink-v8 .principle-track article:nth-child(4){transform:translateY(1.8rem)}
.uplink-v8 .contact-v4-grid{border-radius:calc(var(--v9-radius) * 1.2)}
.uplink-v8 .site-footer{position:relative;overflow:hidden}
.uplink-v8 .site-footer::before{content:"TOYAMA";position:absolute;right:-.03em;bottom:-.18em;color:rgba(220,255,246,.025);font:900 clamp(8rem,24vw,24rem)/1 sans-serif;letter-spacing:-.08em;pointer-events:none}
.uplink-world-hero,.hero-depth-architecture,.toyama-sculpture,.uplink-world-spatial,.spatial-orbit{display:none!important}
@media(max-width:900px){.uplink-v8 .cinematic-hero .page-hero-grid,.uplink-v8.field-pc .cinematic-hero .page-hero-grid,.uplink-v8.field-aquarium .cinematic-hero .page-hero-grid,.uplink-v8.field-web .cinematic-hero .page-hero-grid,.uplink-v8.field-welfare .cinematic-hero .page-hero-grid{grid-template-columns:1fr}.uplink-v8 .live-grid{grid-template-columns:1fr}.uplink-v8 .live-card:first-child{transform:none}.uplink-v8 .field-story:nth-of-type(even) .story-grid{direction:ltr}.uplink-v8 .principle-track article:nth-child(2),.uplink-v8 .principle-track article:nth-child(4){transform:none}}
@media(max-width:600px){.uplink-v8 .cinematic-hero{min-height:78svh}.uplink-v8 .cinematic-hero .display,.uplink-v8 .cinematic-hero .v9-editorial-title{font-size:clamp(2.65rem,13vw,4.6rem);line-height:.94}.uplink-v8 .cinematic-hero .lead{font-size:.98rem;line-height:1.8}.uplink-v8 .portal h2{font-size:clamp(2.8rem,14vw,5rem)}.uplink-v8 .site-footer::before{font-size:8rem}}

@media(max-width:760px){
  .uplink-v8 .site-header{z-index:100;margin:8px!important}
  .uplink-v8 .site-header .nav-wrap{position:relative;z-index:1}
  .uplink-v8 .site-header :is(.logo,.menu-button){position:relative;z-index:72}
  .uplink-v8 .site-header .nav-list{position:fixed!important;z-index:60!important;inset:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:center!important;gap:.2rem!important;width:100vw!important;height:100svh!important;margin:0!important;padding:7rem 1.25rem 2rem!important;background:rgba(2,19,24,.985)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-1rem)!important;transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1),visibility .3s!important}
  .uplink-v8 .site-header .nav-list.is-open{opacity:1!important;visibility:visible!important;transform:none!important}
  .uplink-v8 .site-header .nav-list li{width:100%;max-width:32rem;margin:0 auto}
  .uplink-v8 .site-header .nav-list a{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:3.7rem;padding:.75rem .35rem!important;border-bottom:1px solid rgba(218,255,246,.13);font-size:clamp(1.15rem,5.4vw,1.65rem)!important;letter-spacing:.02em!important}
  .uplink-v8 .site-header .nav-list a::before{content:"↗";order:2;color:var(--v8-accent);font-size:.8em}
}

/* V10 / Toyama Field Atlas
   An editorial system built from terrain, water, signal and human-scale work */
.uplink-v8{--v10-line:color-mix(in srgb,var(--v8-accent) 24%,rgba(8,63,61,.12));--v10-shadow:0 2.4rem 6rem rgba(9,61,63,.1)}
.uplink-v8 :is(p,li){text-wrap:pretty}
.uplink-v8 :is(h1,h2,h3){text-wrap:balance}
.uplink-v8 .experience-status,.uplink-v8 .toyama-depth-rail,.uplink-v8 .cinema-hud,.uplink-v8 .global-atmosphere,.uplink-v8 .scroll-progress{display:none!important}
.uplink-v8 .v5-depth-card,.uplink-v8 .feature{transform:none!important;transform-style:flat!important}
.uplink-v8 .v5-depth-card:hover,.uplink-v8 .feature:hover{transform:none!important}

/* Navigation becomes a precise instrument rather than a floating capsule */
.uplink-v8 .site-header{top:clamp(.55rem,1.3vw,1.1rem)!important;right:clamp(.55rem,1.3vw,1.1rem)!important;bottom:auto!important;left:clamp(.55rem,1.3vw,1.1rem)!important;width:auto!important;border:1px solid rgba(218,255,246,.15)!important;border-radius:1rem!important;background:linear-gradient(90deg,#031f26,#052d34)!important;backdrop-filter:none!important}
.uplink-v8 .site-header .nav-wrap{min-height:4.5rem}
.uplink-v8 .site-header .logo{letter-spacing:.08em}
.uplink-v8 .site-header .logo,.uplink-v8 .site-header .logo span,.uplink-v8 .site-header .logo em{color:#effffb!important}
.uplink-v8 .site-header .logo>span:last-child{display:grid;gap:.16rem;line-height:1}
.uplink-v8 .site-header .logo em{display:block;line-height:1;letter-spacing:.32em}
.uplink-v8 .site-header .nav-list{gap:clamp(.05rem,.45vw,.45rem)}
.uplink-v8 .site-header .nav-list a{padding-inline:clamp(.55rem,.9vw,.9rem);font-size:clamp(.78rem,.9vw,.94rem)}
.uplink-v8 .section-compass{right:.7rem;width:3rem;padding:.42rem;border-radius:.65rem;background:rgba(2,25,30,.92);box-shadow:0 1rem 3rem rgba(0,18,22,.2)}
.uplink-v8 .section-compass::before{content:"INDEX";color:#a7d8cf;font-size:.6rem}
.uplink-v8 .section-compass a{width:2.35rem;grid-template-columns:1fr;padding:.55rem .35rem;text-align:center;font-size:.8rem}
.uplink-v8 .section-compass a span:first-child{color:#b8f8e7;font-size:.78rem}
.uplink-v8 .section-compass a span:last-child{display:none}
.uplink-v8 .section-compass a:hover,.uplink-v8 .section-compass a:focus-visible,.uplink-v8 .section-compass a.is-current{transform:none;background:color-mix(in srgb,var(--v8-accent) 16%,transparent)}
.uplink-v8 .scroll-cue-v4{font-size:.75rem}

/* Hero: photography is untouched, information hierarchy is simplified */
.uplink-v8 .hero-v4{min-height:min(62rem,100svh)}
.uplink-v8 .hero-master-grid{grid-template-columns:minmax(0,1.08fr) minmax(23rem,.68fr);gap:clamp(2rem,5vw,6rem)}
.uplink-v8 .hero-v4-copy{max-width:49rem}
.uplink-v8 .hero-v4-copy h1{font-size:clamp(3.45rem,6.3vw,7.4rem)!important;line-height:.88!important;letter-spacing:-.065em!important}
.uplink-v8 .hero-v4-copy>p:not(.hero-kicker){max-width:34rem}
.uplink-v8 .hero-now{grid-template-columns:1fr!important;border:1px solid rgba(220,255,247,.18);border-radius:.9rem;background:rgba(2,24,30,.58);box-shadow:0 2rem 6rem rgba(0,17,23,.28);backdrop-filter:blur(28px) saturate(135%)}
.uplink-v8 .hero-now-head{padding-bottom:1rem;border-bottom:1px solid rgba(220,255,247,.12)}
.uplink-v8 .hero-now-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
.uplink-v8 .hero-now-card{min-height:0!important;padding:1.1rem .2rem!important;border:0!important;border-bottom:1px solid rgba(220,255,247,.12)!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
.uplink-v8 .hero-now-card:last-child{border-bottom:0!important}
.uplink-v8 .hero-now-card::before{display:none!important}
.uplink-v8 .hero-now::after{display:none!important}
.uplink-v8 .hero-now-card:hover{padding-left:.7rem!important;border-color:rgba(220,255,247,.18)!important;box-shadow:none!important;background:linear-gradient(90deg,color-mix(in srgb,var(--v8-accent) 10%,transparent),transparent 70%)!important}
.uplink-v8 .hero-now-card h3{max-width:none;font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1.25}
.uplink-v8 .hero-now-card p{max-width:36rem;margin-bottom:0}
.uplink-v8 .hero-now-aqua{grid-column:auto!important}
.uplink-v8 .hero-field-dock{border-radius:.7rem}

/* Available-now area: remove decorative waves and use a clear publishing grid */
.uplink-v8 .current-stage{background:linear-gradient(145deg,#f6fcf9 0%,#edf7f5 48%,#eff5fb 100%)!important}
.uplink-v8 .current-river{display:none!important}
.uplink-v8 .live-shelf::before{content:"AVAILABLE / PUBLIC / PAID";position:absolute;right:clamp(1rem,5vw,5rem);top:2.2rem;color:rgba(15,83,80,.08);font:800 clamp(2rem,6vw,6rem)/1 ui-monospace,monospace;letter-spacing:-.06em;pointer-events:none}
.uplink-v8 .live-shelf-head{position:relative;z-index:1}
.uplink-v8 .live-shelf-head h2{max-width:10ch;font-size:clamp(3.2rem,6.2vw,6.7rem)}
.uplink-v8 .live-grid{grid-template-columns:1.15fr .9fr .9fr;grid-template-rows:auto;gap:1px;border:1px solid rgba(25,91,88,.18);background:rgba(25,91,88,.18);box-shadow:var(--v10-shadow)}
.uplink-v8 .live-card,.uplink-v8 .live-card-aqua{grid-row:auto;min-height:36rem;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}
.uplink-v8 .live-card::before,.uplink-v8 .live-card::after{display:none!important}
.uplink-v8 .live-card:hover{transform:none!important;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--v8-accent) 42%,transparent)!important}
.uplink-v8 .live-card h3{margin-top:auto}
.uplink-v8 .live-card-actions .button{border-radius:.55rem}

/* Evidence and stories use editorial edges rather than repeated soft cards */
.uplink-v8 .proof-canvas,.uplink-v8 .journal-grid,.uplink-v8 .contact-v4-grid{border-radius:.8rem!important}
.uplink-v8 .proof-feature,.uplink-v8 .proof-list a,.uplink-v8 .journal-feature,.uplink-v8 .journal-list a{border-radius:.55rem!important}
.uplink-v8 .portal::before,.uplink-v8 .portal::after{border-radius:1rem!important}
.uplink-v8 .field-story .story-grid{position:relative}
.uplink-v8 .field-story .story-grid::before{content:attr(data-field);position:absolute;left:-.02em;top:-.45em;color:color-mix(in srgb,var(--story-accent,var(--v8-accent)) 12%,transparent);font:900 clamp(5rem,14vw,13rem)/1 ui-monospace,monospace;letter-spacing:-.09em;pointer-events:none}
.uplink-v8 .spatial-coordinate{top:auto;right:auto;bottom:clamp(.75rem,1.4vw,1.25rem);left:clamp(.75rem,1.4vw,1.25rem);display:flex;gap:.7rem;align-items:center;transform:none;writing-mode:horizontal-tb}
.uplink-v8 .spatial-coordinate i{width:clamp(3rem,8vw,7rem);height:1px;background:linear-gradient(90deg,#8fffe0,transparent)}
.uplink-v8 .principle-track{gap:1px;border:1px solid rgba(32,91,88,.17);background:rgba(32,91,88,.17)}
.uplink-v8 .principle-track article,.uplink-v8 .principle-track article:nth-child(2),.uplink-v8 .principle-track article:nth-child(4){min-height:15rem;border:0!important;border-radius:0!important;transform:none!important;box-shadow:none!important}

/* Subpages: unique field colour, readable measure, architectural cards */
.uplink-v8 .cinematic-hero .v9-editorial-title{max-width:11ch;font-size:clamp(3.25rem,6.6vw,7.2rem);line-height:.92;letter-spacing:-.068em}
.uplink-v8 .cinematic-hero .v9-editorial-title strong{display:inline}
.uplink-v8 .cinematic-hero::before{background:linear-gradient(90deg,rgba(2,15,19,.9) 0%,rgba(2,17,22,.66) 38%,rgba(2,17,22,.1) 72%,rgba(2,17,22,.18) 100%),linear-gradient(0deg,rgba(2,15,19,.62),transparent 55%,rgba(2,15,19,.22))!important}
.uplink-v8.field-pc .cinematic-hero .page-hero-image{object-position:84% 48%;filter:saturate(1.02) contrast(1.04) brightness(.9)!important}
.uplink-v8.field-aquarium .cinematic-hero .page-hero-image{object-position:66% center}
.uplink-v8.field-web .cinematic-hero .page-hero-image{object-position:78% center}
.uplink-v8.field-welfare .cinematic-hero .page-hero-image{object-position:72% center;filter:saturate(.86) contrast(1.02) brightness(.82)!important}
.uplink-v8.field-contact .cinematic-hero .page-hero-image{object-position:64% center;filter:saturate(.94) contrast(1.02) brightness(.94)!important}
.uplink-v8.field-contact .cinematic-hero::before{background:linear-gradient(90deg,rgba(2,15,19,.82) 0%,rgba(2,17,22,.58) 40%,rgba(2,17,22,.06) 78%),linear-gradient(0deg,rgba(2,15,19,.5),transparent 60%,rgba(2,15,19,.14))!important}
.uplink-v8 .cinematic-hero .lead{max-width:34rem;border-radius:.7rem;box-shadow:0 1.5rem 4rem rgba(0,10,15,.2)}
body.uplink-v8.commerce-page .page-hero.simple-hero{min-height:clamp(34rem,72svh,46rem);color:#173b3b!important;background:radial-gradient(circle at 82% 28%,rgba(110,223,204,.25),transparent 27%),radial-gradient(circle at 18% 88%,rgba(145,191,255,.18),transparent 30%),linear-gradient(145deg,#f7fbf8,#e7f4f1 56%,#edf0fa)!important}
.commerce-page .simple-hero::before{content:"COMMERCIAL / TRUST";position:absolute;right:clamp(1rem,5vw,5rem);bottom:2rem;inset:auto;color:rgba(23,90,85,.09);background:none;font:850 clamp(2.2rem,7vw,7rem)/1 ui-monospace,monospace;letter-spacing:-.07em;opacity:1}
.commerce-page .simple-hero::after{display:none!important;animation:none!important}
.commerce-page .simple-hero .shell{position:relative;z-index:1}
.commerce-page .simple-hero :is(.display,.lead,.breadcrumbs,.breadcrumbs a){color:#173b3b!important;text-shadow:none}
.commerce-page .simple-hero .display{max-width:11ch;font-size:clamp(3.5rem,7vw,7.4rem);line-height:.91}
body.uplink-v8.commerce-page .page-hero.simple-hero .lead{padding:0!important;border:0!important;color:#526d69!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
.commerce-page .commerce-section{padding-block:clamp(5rem,10vw,9rem)}
.commerce-page .commerce-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid rgba(31,100,95,.18);background:rgba(31,100,95,.18);box-shadow:0 2rem 6rem rgba(23,74,71,.09)}
.commerce-page .commerce-grid article{min-height:12.5rem;padding:clamp(1.4rem,3vw,2.5rem);background:rgba(255,255,255,.88)}
.commerce-page .commerce-grid span{display:block;margin-bottom:2.7rem;color:#16816f;font:800 .62rem ui-monospace,monospace;letter-spacing:.14em}
.commerce-page .commerce-grid h2{margin:0 0 .75rem;color:#173b3b;font-size:clamp(1.2rem,2vw,1.65rem)}
.commerce-page .commerce-grid p{margin:0;color:#536e6a;line-height:1.85}
.commerce-page .commerce-grid a{color:#0d7768;font-weight:800;text-decoration:underline;text-underline-offset:.25em}
.commerce-page .commerce-note{margin:2rem 0 0;padding:1.25rem 1.4rem;border-left:3px solid #2ca98f;color:#536e6a;background:rgba(255,255,255,.64)}
body.uplink-v8[data-route="welfare-ai"] main>.section.pension-entry{color:#f4fff9!important;background:radial-gradient(circle at 78% 24%,rgba(183,235,128,.2),transparent 31%),linear-gradient(135deg,#285d51,#123d39)!important}
body.uplink-v8[data-route="welfare-ai"] main>.section.pension-entry :is(h2,h3,strong){color:#f8fff9!important}
body.uplink-v8[data-route="welfare-ai"] main>.section.pension-entry :is(p,.lead){color:#dcefe7!important}
body.uplink-v8[data-route="welfare-ai"] main>.section.pension-entry .eyebrow{color:#d4f6af!important}
body.uplink-v8[data-route="welfare-ai"] main>.section.pension-entry .button.primary{color:#123c37!important;border-color:#b8f2d6!important;background:#b8f2d6!important;box-shadow:0 1rem 2.8rem rgba(0,20,18,.22)}
.uplink-v8 main>.section{overflow:clip;border-top:1px solid var(--v10-line)}
.uplink-v8 main>.section:nth-of-type(even){background-image:linear-gradient(90deg,transparent calc(50% - .5px),rgba(27,92,88,.07) 50%,transparent calc(50% + .5px))!important}
.uplink-v8 .feature-grid{gap:1px;border:1px solid var(--v10-line);background:var(--v10-line);box-shadow:var(--v10-shadow)}
.uplink-v8 .feature{min-height:15rem;border:0!important;border-radius:0!important;background:color-mix(in srgb,var(--v5-surface,#fff) 94%,var(--v8-accent) 6%)!important;box-shadow:none!important}
.uplink-v8 .feature::before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:linear-gradient(var(--v8-accent),var(--v8-accent-2));transform:scaleY(.14);transform-origin:top;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.uplink-v8 .feature::after{display:none!important}
.uplink-v8 .feature:hover::before{transform:scaleY(1)}
.uplink-v8 .process{gap:1px;border:1px solid var(--v10-line);background:var(--v10-line)}
.uplink-v8 .process article{border:0!important;border-radius:0!important}
.uplink-v8 .button{border-radius:.55rem;transition:transform .25s ease,background-color .25s,border-color .25s,box-shadow .25s}
.uplink-v8 .button:hover{transform:translateY(-2px)}
.uplink-v8 .text-link{font-weight:780;text-underline-offset:.3em}

@media(max-width:1320px) and (min-width:901px){
  .uplink-v8 .hero-master-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,.62fr)}
  .uplink-v8 .live-grid{grid-template-columns:1fr 1fr}
  .uplink-v8 .live-card-aqua{grid-column:1/-1;min-height:29rem}
  .uplink-v8 .live-card-tool,.uplink-v8 .live-card-web{min-height:31rem}
}
@media(max-width:900px){
  .uplink-v8 .site-header{right:.45rem!important;left:.45rem!important;width:auto!important;max-width:calc(100vw - .9rem)!important;margin:0!important}
  .uplink-v8 .site-header .nav-wrap{width:100%;padding-inline:1rem!important}
  .uplink-v8 .site-header .logo{min-width:0;font-size:clamp(.78rem,3.7vw,.94rem);white-space:nowrap}
  .uplink-v8 .cinematic-hero .page-hero-grid{width:100%;min-width:0;overflow:hidden}
  .uplink-v8 .cinematic-hero .page-hero-grid>*{min-width:0}
  .uplink-v8 .cinematic-hero .lead{width:calc(100vw - 3.5rem)!important;max-width:calc(100vw - 3.5rem)!important;justify-self:start;overflow-wrap:anywhere}
  .uplink-v8 .hero-v4{min-height:auto;padding-bottom:0}
  .uplink-v8 .hero-master-grid{grid-template-columns:1fr;padding-top:8.5rem;padding-bottom:2rem}
  .uplink-v8 .hero-now{margin-top:1rem}
  .uplink-v8 .hero-field-dock{position:relative!important;right:auto!important;bottom:auto!important;left:auto!important;width:calc(100% - 2.5rem);margin:0 auto 1.25rem}
  .uplink-v8 .live-grid{grid-template-columns:1fr;border-inline:0}
  .uplink-v8 .live-card,.uplink-v8 .live-card-aqua{grid-column:auto;min-height:28rem}
  .uplink-v8 .feature-grid{grid-template-columns:1fr}
  .uplink-v8 .spatial-coordinate{display:none}
  .commerce-page .commerce-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .uplink-v8 .hero-master-grid{width:100%!important;max-width:100%!important;min-width:0;padding-inline:1.25rem!important;overflow:hidden}
  .uplink-v8 .hero-v4-copy{width:100%!important;max-width:100%!important;min-width:0}
  .uplink-v8 .hero-now{width:calc(100vw - 2.5rem)!important;max-width:calc(100vw - 2.5rem)!important;min-width:0;justify-self:start;overflow:hidden}
  .uplink-v8 .hero-offer-key{display:grid!important;grid-template-columns:1fr 1fr;gap:.45rem!important;width:100%;max-width:100%}
  .uplink-v8 .hero-offer-key span{width:100%;min-width:0;white-space:normal}
  .uplink-v8 .hero-offer-key span:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  body:not(.member-page) .cinematic-hero .page-hero-grid{width:100%;min-width:0;overflow:hidden}
  body:not(.member-page) .cinematic-hero .page-hero-grid>*{min-width:0}
  body:not(.member-page) .cinematic-hero .lead{box-sizing:border-box!important;width:calc(100vw - 4rem)!important;max-width:calc(100vw - 4rem)!important;justify-self:start!important;overflow-wrap:anywhere}
}
@media(max-width:600px){
  body:not(.member-page) .hero-master-grid{width:100%!important;max-width:100%!important;min-width:0;padding-inline:1.25rem!important;overflow:hidden}
  body:not(.member-page) .hero-now{box-sizing:border-box!important;width:calc(100vw - 4rem)!important;max-width:calc(100vw - 4rem)!important;justify-self:start!important;overflow:hidden}
}
@media(max-width:600px){
  .uplink-v8 .site-header{top:.45rem!important;right:.45rem!important;bottom:auto!important;left:.45rem!important}
  .uplink-v8 .hero-v4-copy h1{font-size:clamp(2.75rem,13.7vw,4.75rem)!important;line-height:.93!important}
  .uplink-v8 .hero-v4-copy h1>span,.uplink-v8 .hero-v4-copy h1>strong{white-space:normal}
  .uplink-v8 .hero-links{display:grid;grid-template-columns:1fr}
  .uplink-v8 .hero-links .text-link{grid-column:1/-1}
  .uplink-v8 .hero-now-card{padding-block:1rem!important}
  .uplink-v8 .hero-now-aqua>b{display:none}
  .uplink-v8 .hero-field-dock{border-radius:.7rem}
  .uplink-v8 .live-shelf::before{display:none}
  .uplink-v8 .live-shelf-head h2{max-width:none;font-size:clamp(2.35rem,11vw,3rem);white-space:nowrap}
  .uplink-v8 .live-card,.uplink-v8 .live-card-aqua{min-height:27rem;padding:1.5rem}
  .uplink-v8 .field-stories .story-title h2{width:100%;max-width:none;font-size:clamp(2rem,9.2vw,2.8rem);line-height:.98;letter-spacing:-.055em;text-wrap:initial}
  .uplink-v8 .cinematic-hero .v9-editorial-title{font-size:clamp(2.7rem,12.9vw,4.35rem);line-height:.95;letter-spacing:-.055em;overflow-wrap:normal}
  .uplink-v8 .cinematic-hero .lead{border-radius:.55rem}
  .uplink-v8 main>.section:nth-of-type(even){background-image:none!important}
  .uplink-v8 .button:hover{transform:none}
  .uplink-v8.field-contact .cinematic-hero .page-hero-image{object-position:70% center;filter:saturate(1) contrast(1) brightness(1.18)!important}
  .uplink-v8.field-contact .cinematic-hero::before{background:linear-gradient(180deg,rgba(2,15,19,.05),rgba(2,15,19,.5) 58%,#03171c 100%)!important}
}
@media(max-width:700px){.uplink-v8 .journal-feature{height:auto!important;min-height:42rem}}
@media(prefers-reduced-motion:reduce){
  .uplink-v8 .feature::before,.uplink-v8 .button{transition:none}
}

/* Final contrast locks for preview and production routes */
.uplink-v8.field-aquarium main .aquarium-store .section-title{color:#f3fffb!important;text-shadow:none!important}
.uplink-v8.field-aquarium main .aquarium-store :is(.store-head-side p,.living-description){color:#c8e3de!important}
.uplink-v8.field-aquarium main .aquarium-store :is(.living-info h3,.living-price strong,.living-count strong){color:#effffb!important}
.uplink-v8 .aquarium-store .aqua-lightfield{animation:none!important;opacity:.2}
.uplink-v8 .living-product,.uplink-v8 .living-product:hover{transform:none!important}
.uplink-v8 .living-product::after,.uplink-v8 .living-gallery::after{display:none!important}
.uplink-v8 .living-image img,.uplink-v8 .living-image:hover img,.uplink-v8 .living-image:focus-visible img{transform:none!important;filter:none!important}

/* FIELD ATLAS / original interactive identity */
.atlas-stage{position:relative;overflow:hidden;padding:clamp(6rem,11vw,11rem) 0;color:#effffb;background:
  radial-gradient(circle at 15% 12%,rgba(101,240,200,.12),transparent 28%),
  radial-gradient(circle at 82% 68%,rgba(117,207,255,.12),transparent 32%),
  linear-gradient(145deg,#03191f 0%,#072a31 48%,#071e2b 100%)}
.atlas-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(rgba(207,255,244,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(207,255,244,.045) 1px,transparent 1px);background-size:clamp(3.5rem,7vw,7rem) clamp(3.5rem,7vw,7rem);mask-image:linear-gradient(to bottom,black,transparent 82%)}
.atlas-stage::after{content:"36.6953° N / 137.2137° E";position:absolute;right:clamp(1rem,4vw,4rem);bottom:1.5rem;color:rgba(218,255,246,.38);font:700 .58rem ui-monospace,monospace;letter-spacing:.16em}
.atlas-shell{position:relative;z-index:1}
.atlas-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.55fr);gap:clamp(2rem,8vw,8rem);align-items:end;margin-bottom:clamp(3rem,6vw,6rem)}
.atlas-kicker{margin:0 0 1rem;color:#7fe5ce;font:750 .68rem ui-monospace,monospace;letter-spacing:.18em}
.atlas-head h2{max-width:14ch;margin:0;font-size:clamp(3.1rem,6.5vw,7rem);font-weight:430;line-height:.9;letter-spacing:-.065em}
.atlas-head h2 strong{display:block;color:#9df3dc;font-weight:500}
.atlas-head>p{margin:0;padding:1.2rem 0 1.2rem 1.5rem;border-left:1px solid rgba(180,255,237,.25);color:#b8d9d2;line-height:2}
.atlas-experience{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.3fr);gap:1px;border:1px solid rgba(176,255,237,.18);background:rgba(176,255,237,.18);box-shadow:0 3rem 8rem rgba(0,8,14,.38)}
.atlas-map{position:relative;min-height:clamp(31rem,54vw,46rem);overflow:hidden;background:linear-gradient(155deg,rgba(7,43,49,.78),rgba(4,24,34,.92))}
.atlas-map>svg{position:absolute;inset:0;width:100%;height:100%;color:rgba(196,255,241,.13)}
.atlas-contours path{stroke-width:1;stroke-dasharray:5 13}
.atlas-flowline{stroke-dasharray:13 10;animation:atlas-current 16s linear infinite}
.atlas-stations circle{color:#aaf7e3;stroke-width:2;opacity:.5;transition:r .35s cubic-bezier(.16,1,.3,1),opacity .3s,fill .3s,filter .3s}
.atlas-stage[data-active="pc"] [data-station="pc"],.atlas-stage[data-active="welfare"] [data-station="welfare"],.atlas-stage[data-active="web"] [data-station="web"],.atlas-stage[data-active="aquarium"] [data-station="aquarium"]{r:24;fill:#b8ffe9;opacity:1;filter:url(#atlas-glow)}
.atlas-elevation{color:rgba(201,255,242,.46);font:700 13px ui-monospace,monospace;letter-spacing:.14em}
@keyframes atlas-current{to{stroke-dashoffset:-230}}
.atlas-controls{position:absolute;inset:0;pointer-events:none}
.atlas-controls button{position:absolute;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:.7rem;min-width:10rem;padding:.75rem .9rem;border:1px solid rgba(192,255,241,.2);color:#eafff9;background:rgba(2,25,31,.82);box-shadow:0 1rem 3rem rgba(0,8,12,.24);backdrop-filter:blur(16px);text-align:left;cursor:pointer;pointer-events:auto;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .3s,background-color .3s}
.atlas-controls button:nth-child(1){left:8%;top:30%}.atlas-controls button:nth-child(2){left:34%;top:47%}.atlas-controls button:nth-child(3){left:59%;top:56%}.atlas-controls button:nth-child(4){right:4%;top:68%}
.atlas-controls button span{grid-row:1/3;color:#74e8cd;font:800 .65rem ui-monospace,monospace;letter-spacing:.1em}
.atlas-controls button b{font-size:.86rem}.atlas-controls button small{margin-top:.25rem;color:#8faaa6;font:700 .55rem ui-monospace,monospace;letter-spacing:.12em}
.atlas-controls button:hover,.atlas-controls button:focus-visible,.atlas-controls button.is-active{transform:translateY(-5px);border-color:#9cf5dc;background:rgba(6,58,62,.94)}
.atlas-controls button:focus-visible{outline:3px solid #ffe083;outline-offset:4px}
.atlas-panel{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:clamp(31rem,54vw,46rem);overflow:hidden;padding:clamp(1.5rem,3vw,3rem);background:linear-gradient(165deg,rgba(7,42,48,.96),rgba(5,24,35,.98))}
.atlas-panel>p:first-child{margin:0 0 1rem;color:#7fe5ce;font:750 .65rem ui-monospace,monospace;letter-spacing:.16em}
.atlas-panel h3{position:relative;z-index:1;margin:0 0 1.25rem;font-size:clamp(2rem,3.2vw,3.6rem);font-weight:480;line-height:1.04;letter-spacing:-.05em}
.atlas-panel>p:nth-of-type(2){position:relative;z-index:1;margin:0 0 2rem;color:#b8d4cf;line-height:1.95}
.atlas-link{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:1px solid rgba(190,255,241,.18);border-bottom:1px solid rgba(190,255,241,.18);color:#effffb;font-weight:800}
.atlas-link span{color:#82ecd3;font-size:1.2rem;transition:transform .3s}.atlas-link:hover span{transform:translate(4px,-4px)}
.atlas-panel-index{position:absolute;right:-.08em;top:-.15em;color:rgba(182,255,238,.035);font:900 clamp(10rem,24vw,22rem)/1 ui-monospace,monospace;letter-spacing:-.13em;pointer-events:none}
.atlas-panel.is-changing :is(h3,p,a){animation:atlas-panel-in .42s cubic-bezier(.16,1,.3,1)}
@keyframes atlas-panel-in{from{opacity:0;transform:translateY(10px)}}

@media(max-width:1040px){
  .atlas-head{grid-template-columns:1fr}.atlas-head>p{max-width:42rem}
  .atlas-experience{grid-template-columns:1fr}.atlas-panel{min-height:22rem}
}
@media(max-width:700px){
  .atlas-stage{padding-block:5rem}.atlas-head{margin-bottom:2.5rem}.atlas-head h2{max-width:none;font-size:clamp(2.55rem,11vw,4rem)}
  .atlas-head h2 strong{white-space:nowrap}
  .atlas-map{display:flex;flex-direction:column;min-height:auto;padding-top:18rem}.atlas-map>svg{height:19rem}
  .atlas-controls{position:relative;display:grid;grid-template-columns:1fr 1fr;inset:auto;border-top:1px solid rgba(176,255,237,.15)}
  .atlas-controls button,.atlas-controls button:nth-child(n){position:relative;left:auto;right:auto;top:auto;min-width:0;min-height:5.8rem;border:0;border-right:1px solid rgba(176,255,237,.13);border-bottom:1px solid rgba(176,255,237,.13);background:rgba(3,27,34,.88);box-shadow:none;backdrop-filter:none}
  .atlas-controls button:hover,.atlas-controls button:focus-visible,.atlas-controls button.is-active{transform:none;background:rgba(8,61,64,.96)}
  .atlas-panel{min-height:25rem}.atlas-stage::after{display:none}
}
@media(prefers-reduced-motion:reduce){.atlas-flowline{animation:none}.atlas-panel.is-changing :is(h3,p,a){animation:none}.atlas-controls button,.atlas-stations circle{transition:none}}

/* Real product proof / route application miniature */
.uplink-v8 .proof-phone{width:min(31%,17rem);aspect-ratio:.53;padding:.6rem;border-radius:2.25rem;color:#173442;background:#f6fafb;box-shadow:-1.8rem 2.6rem 6rem rgba(0,0,0,.4);transform:rotate(5deg)}
.uplink-v8 .proof-phone img{width:2.55rem;height:2.55rem;border-radius:.75rem;opacity:1}
.proof-device-top{display:flex;align-items:center;justify-content:center;gap:.25rem;height:.8rem}.proof-device-top span{width:2.8rem;height:.23rem;border-radius:1rem;background:#b9c8cb}.proof-device-top i{width:.25rem;height:.25rem;border-radius:50%;background:#9aabad}
.proof-app-head{display:flex;align-items:center;gap:.65rem;padding:.65rem .35rem}.proof-app-head span{display:grid;gap:.06rem}.proof-app-head b{font-size:.78rem}.proof-app-head small{color:#526b70;font:700 .58rem ui-monospace,monospace;letter-spacing:.08em}
.proof-app-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem;padding:.3rem;border-radius:.65rem;background:#e7eef0}.proof-app-tabs>*{padding:.42rem .2rem;border-radius:.45rem;text-align:center;font-size:.62rem}.proof-app-tabs b{color:#fff;background:#0d7568}
.proof-route-list{display:grid;gap:.4rem;margin-top:.7rem}.proof-route-list>span{display:grid;grid-template-columns:1.5rem 1fr auto;gap:.38rem;align-items:center;padding:.55rem .45rem;border:1px solid #dce7e8;border-radius:.62rem;background:#fff;box-shadow:0 .35rem 1rem rgba(30,69,78,.06)}.proof-route-list i{display:grid;place-items:center;width:1.35rem;aspect-ratio:1;border-radius:.42rem;color:#fff;background:#0d7568;font:800 .58rem ui-monospace,monospace}.proof-route-list b{font-size:.62rem}.proof-route-list small{color:#526b70;font:700 .58rem ui-monospace,monospace}
.proof-map-button{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem;padding:.7rem .65rem;border-radius:.65rem;color:#fff;background:#0d7568;font-size:.68rem;font-weight:850}.proof-map-button b{font-size:.85rem}
.uplink-v8 .work-case-phone small{color:#526671}
.uplink-v8 .work-case-phone span{background:#0d7568}
@media(max-width:900px){.uplink-v8 .proof-phone{width:11.5rem}}
@media(max-width:600px){.uplink-v8 .proof-phone{right:-2.2rem;width:10.8rem;opacity:.66}.proof-route-list>span{grid-template-columns:1.35rem 1fr}.proof-route-list small{display:none}}

/* Field instruments — content-specific diagrams, not decorative image overlays */
.field-instrument{position:relative;overflow:hidden;padding:clamp(4.5rem,8vw,8rem) 0;border-top:1px solid color-mix(in srgb,var(--v8-accent) 28%,transparent);background:#061d24;color:#effffb}
.field-instrument::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(207,255,243,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(207,255,243,.08) 1px,transparent 1px);background-size:4rem 4rem;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.field-instrument-grid{position:relative;display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(28rem,1.28fr);gap:clamp(2.5rem,7vw,7rem);align-items:center}
.field-instrument-copy{position:relative;z-index:2}
.field-instrument-copy .eyebrow{color:var(--v8-accent)}
.field-instrument-copy h2{max-width:9ch;margin:.75rem 0 1.4rem;font-size:clamp(2.9rem,5.8vw,6.5rem);line-height:.9;letter-spacing:-.065em;text-wrap:balance}
.field-instrument-copy p{max-width:34rem;color:#b9d4d1;font-size:clamp(1rem,1.25vw,1.17rem);line-height:1.9}
.field-instrument-keys{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.75rem}
.field-instrument-keys span{padding:.55rem .75rem;border:1px solid rgba(222,255,247,.17);border-radius:999px;color:#ddf6f0;background:rgba(255,255,255,.035);font:750 .72rem/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em}
.field-instrument-visual{position:relative;min-height:clamp(25rem,44vw,39rem);border:1px solid rgba(222,255,247,.18);border-radius:50%;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--v8-accent) 15%,transparent),transparent 52%);box-shadow:inset 0 0 5rem rgba(0,0,0,.28),0 3rem 8rem rgba(0,0,0,.24)}
.field-instrument-visual::before,.field-instrument-visual::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.field-instrument-visual::before{inset:11%;border:1px solid color-mix(in srgb,var(--v8-accent) 48%,transparent);box-shadow:0 0 2rem color-mix(in srgb,var(--v8-accent) 13%,transparent)}
.field-instrument-visual::after{inset:27%;border:1px dashed color-mix(in srgb,var(--v8-accent-2) 58%,transparent)}
.instrument-core{position:absolute;z-index:2;inset:50% auto auto 50%;display:grid;width:clamp(9rem,16vw,14rem);aspect-ratio:1;place-items:center;border:1px solid color-mix(in srgb,var(--v8-accent) 52%,transparent);border-radius:50%;color:#fff;background:rgba(4,27,33,.78);box-shadow:0 0 4rem color-mix(in srgb,var(--v8-accent) 22%,transparent);transform:translate(-50%,-50%);text-align:center}
.instrument-core b{display:block;font-size:clamp(1.15rem,2vw,1.8rem);letter-spacing:-.025em}.instrument-core small{display:block;margin-top:.35rem;color:var(--v8-accent);font:750 .63rem ui-monospace,monospace;letter-spacing:.14em}
.instrument-node{position:absolute;z-index:3;display:grid;width:clamp(6.2rem,11vw,9.2rem);aspect-ratio:1;place-items:center;padding:.8rem;border:1px solid rgba(223,255,248,.25);border-radius:50%;color:#f4fffc;background:rgba(3,31,37,.82);box-shadow:0 1.2rem 3rem rgba(0,0,0,.25);font-size:clamp(.78rem,1vw,.95rem);font-weight:760;text-align:center;transition:border-color .3s,background-color .3s,transform .3s}
.instrument-node:hover{border-color:var(--v8-accent);background:color-mix(in srgb,var(--v8-accent) 16%,#061d24);transform:translateY(-.3rem)}
.instrument-node:nth-of-type(2){left:4%;top:18%}.instrument-node:nth-of-type(3){right:4%;top:20%}.instrument-node:nth-of-type(4){left:12%;bottom:6%}.instrument-node:nth-of-type(5){right:11%;bottom:5%}
.instrument-axis{position:absolute;inset:50% 8%;height:1px;background:linear-gradient(90deg,transparent,var(--v8-accent),transparent);transform:rotate(-14deg);opacity:.55}.instrument-axis:nth-child(2){transform:rotate(42deg)}
.field-pc .field-instrument-visual{border-radius:1.5rem;background:linear-gradient(135deg,rgba(111,142,255,.12),transparent 46%),repeating-linear-gradient(90deg,transparent 0 8%,rgba(143,231,255,.06) 8% 8.25%),#061d24}
.field-pc .field-instrument-visual::before{border-radius:1rem;clip-path:polygon(0 0,76% 0,100% 24%,100% 100%,22% 100%,0 78%)}
.field-pc .field-instrument-visual::after{border-radius:.75rem}
.field-aquarium .field-instrument-visual{border-radius:48% 52% 46% 54%/56% 42% 58% 44%;background:radial-gradient(circle at 38% 35%,rgba(101,240,200,.25),transparent 14%),radial-gradient(circle at 65% 62%,rgba(71,189,221,.22),transparent 20%),#05242b}
.field-web .field-instrument-visual{border-radius:1.25rem;background:radial-gradient(circle at 72% 24%,rgba(179,152,255,.25),transparent 16%),linear-gradient(145deg,#071c2a,#141c35)}
.field-web .field-instrument-visual::before,.field-web .field-instrument-visual::after{border-radius:.6rem;transform:rotate(5deg)}
.field-welfare .field-instrument-visual{border-radius:42% 58% 50% 50%/53% 44% 56% 47%;background:radial-gradient(circle at 38% 40%,rgba(184,239,130,.19),transparent 26%),radial-gradient(circle at 66% 61%,rgba(101,215,174,.2),transparent 24%),#09262a}
.uplink-v8.field-contact .cinematic-hero .prototype{display:inline-flex;margin-top:1rem;padding:.48rem .7rem;border:1px solid rgba(222,255,247,.18);border-radius:999px;color:#eafff8;background:rgba(2,22,27,.56);font-size:.72rem;letter-spacing:.07em}

/* About — one method seen through four specialist lenses */
body.uplink-v8.field-about main>.section.about-lens{overflow:hidden;color:#ecfff9;background:linear-gradient(145deg,#061d23,#073634 58%,#0a2737)!important;background-image:linear-gradient(145deg,#061d23,#073634 58%,#0a2737)!important}
.about-lens::after{content:"04";position:absolute;right:-.08em;bottom:-.2em;color:rgba(185,255,236,.035);font:900 clamp(13rem,30vw,30rem)/.8 ui-monospace,monospace;letter-spacing:-.14em;pointer-events:none}
.about-lens-head{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.48fr);gap:1rem clamp(3rem,9vw,9rem);align-items:end;margin-bottom:clamp(3rem,6vw,5.5rem)}
.uplink-v8.field-about .about-lens-head .eyebrow{grid-column:1/-1;color:#8be7d1!important}
.uplink-v8.field-about .about-lens-head .section-title{max-width:15ch;margin:0;color:#f5fffc!important;font-size:clamp(3rem,6vw,6.7rem);line-height:.94}
.uplink-v8.field-about .about-lens-head>p:last-child{margin:0;padding:1rem 0 1rem 1.5rem;border-left:1px solid rgba(185,255,236,.24);color:#b9d8d2!important;line-height:2}
.about-lens-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(185,255,236,.2);border-left:1px solid rgba(185,255,236,.2)}
.about-lens-grid a{display:flex;min-height:17rem;flex-direction:column;padding:1.4rem;border-right:1px solid rgba(185,255,236,.2);border-bottom:1px solid rgba(185,255,236,.2);color:#effffb;background:rgba(255,255,255,.025);transition:background-color .35s,transform .35s cubic-bezier(.16,1,.3,1)}
.about-lens-grid a:hover,.about-lens-grid a:focus-visible{background:rgba(126,235,207,.1);transform:translateY(-.45rem)}
.about-lens-grid span{color:#83e3ce;font:750 .62rem ui-monospace,monospace;letter-spacing:.14em}
body.uplink-v8.field-about main>.section.about-lens .about-lens-grid strong{margin:auto 0 1rem;color:#effffb!important;font-size:clamp(1.7rem,2.5vw,2.7rem);font-weight:520;letter-spacing:-.04em}
.about-lens-grid small{color:#adc9c4;line-height:1.8}
@media(max-width:900px){.about-lens-head{grid-template-columns:1fr}.about-lens-head .eyebrow{grid-column:auto}.about-lens-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.uplink-v8.field-about .about-lens-head .section-title{font-size:clamp(2.15rem,8.8vw,3.2rem)}.about-lens-grid{grid-template-columns:1fr}.about-lens-grid a{min-height:11.5rem}.about-lens-grid a:hover,.about-lens-grid a:focus-visible{transform:none}}

/* Toyama stays visible as the identity of the home page */
body.uplink-v8[data-route="home"] .hero-v4 .hero-toyama{filter:saturate(1.08) contrast(1.01) brightness(1.12)!important;object-position:center 52%}
body.uplink-v8[data-route="home"] .hero-v4::before{opacity:1!important;background:linear-gradient(90deg,rgba(0,18,23,.64) 0%,rgba(1,27,31,.38) 38%,rgba(0,25,30,.06) 72%,rgba(0,18,23,.08) 100%),linear-gradient(0deg,rgba(0,20,25,.2),transparent 58%)!important}
@media(max-width:700px){body.uplink-v8[data-route="home"] .hero-v4 .hero-toyama{filter:saturate(1.06) contrast(1.01) brightness(1.06)!important;object-position:62% center}body.uplink-v8[data-route="home"] .hero-v4::before{background:linear-gradient(180deg,rgba(1,17,22,.1),rgba(1,18,24,.42) 48%,#07171b 100%)!important}}
@media(max-width:900px){.field-instrument-grid{grid-template-columns:1fr}.field-instrument-copy h2{max-width:12ch}.field-instrument-visual{width:min(100%,38rem);margin:auto}}
@media(max-width:600px){.field-instrument{padding:4rem 0}.field-instrument-visual{min-height:23rem}.instrument-node{width:6.2rem}.instrument-node:nth-of-type(2){left:1%;top:14%}.instrument-node:nth-of-type(3){right:1%;top:16%}.instrument-node:nth-of-type(4){left:5%;bottom:4%}.instrument-node:nth-of-type(5){right:5%;bottom:3%}}
@media(prefers-reduced-motion:reduce){.instrument-node{transition:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}

/* Readability and touch-target hardening */
.uplink-v8 .site-header .logo{min-height:2.75rem;padding-block:.4rem}
.uplink-v8 .breadcrumbs a{display:inline-flex;align-items:center;min-height:2rem;padding-block:.25rem}
.uplink-v8 .site-footer .admin-link{font-size:max(.78rem,12px);line-height:1.5}
.uplink-v8 .site-footer .footer-utility{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}
.uplink-v8 .site-footer .footer-utility a{display:inline-flex;align-items:center;min-height:2.75rem;padding-block:.4rem}
.uplink-v8 :is(.legal,.commerce-grid) p>a:only-child{display:inline-flex;align-items:center;min-height:2rem}
.uplink-v8 .check a{display:inline-flex;align-items:center;min-height:2rem}
.uplink-v8 .hero-now-card small{font-size:max(.78rem,12px);line-height:1.55}
.uplink-v8.field-home .field-journal .journal-head>p{color:#405d5a!important}
.uplink-v8.tool-sales .notice-panel{color:#f4fffb!important;background:linear-gradient(145deg,#24454a,#17363d)!important}
.uplink-v8.tool-sales .notice-panel h3{color:#fff!important}
.uplink-v8.tool-sales .notice-panel p{color:#d8ebe7!important}
.uplink-v8.field-web .work-case-no{color:#4054a8!important}
.uplink-v8.field-web .work-case-link{color:#174f5e!important}
@media(max-width:700px){
  .uplink-v8 .journal-feature,.uplink-v8 .journal-list a{transform:none!important}
  .uplink-v8 .journal-list{min-width:0}
}

/* Mobile navigation state lock — prevents inherited legacy navigation from bleeding over content */
@media(max-width:900px){
  html.has-js .uplink-v8 .site-header .menu-button{display:block!important;position:relative;z-index:72}
  html.has-js .uplink-v8 .site-header .nav-list{position:fixed!important;z-index:60!important;inset:0!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;align-items:stretch!important;justify-content:center!important;width:100vw!important;height:100svh!important;margin:0!important;padding:7rem 1.25rem 2rem!important;background:#021318!important;transition:opacity .3s ease,transform .4s cubic-bezier(.16,1,.3,1),visibility .3s!important}
  html.has-js .uplink-v8 .site-header .nav-list:not(.is-open){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-1rem)!important}
  html.has-js .uplink-v8 .site-header .nav-list.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  html.has-js .uplink-v8 .site-header .menu-button[aria-expanded="false"] + nav .nav-list{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-1rem)!important}
  html.has-js .uplink-v8 .site-header .menu-button[aria-expanded="true"] + nav .nav-list{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important}
  html.has-js .uplink-v8 .site-header .nav-list li{width:100%;max-width:32rem;margin:0 auto}
  html.has-js .uplink-v8 .site-header .nav-list a{display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:3.7rem;padding:.75rem .35rem!important;border-bottom:1px solid rgba(218,255,246,.13);font-size:clamp(1.15rem,5.4vw,1.65rem)!important;letter-spacing:.02em!important}
}

/* Accessible rendering modes keep the information architecture intact */
@media(prefers-contrast:more){
  .uplink-v8 :is(a,button,input,select,textarea):focus-visible{outline:4px solid #ffe45c!important;outline-offset:4px!important}
  .uplink-v8 :is(.lead,.muted,.story-copy p,.journal-list p,.live-card p,.about-lens-grid small){opacity:1!important}
  .uplink-v8 .button{border-width:2px!important}
  .uplink-v8 .site-header{border:2px solid currentColor!important}
}
@media(forced-colors:active){
  .uplink-v8 :is(.site-header,.button,.feature,.live-card,.proof-card,.journal-feature,.journal-list a,.atlas-controls button,.atlas-panel,.field-instrument-visual,.instrument-node){forced-color-adjust:auto;border:1px solid CanvasText!important;box-shadow:none!important}
  .uplink-v8 :is(a,button,input,select,textarea):focus-visible{outline:3px solid Highlight!important;outline-offset:4px!important}
  .uplink-v8 :is(.hero-v4,.cinematic-hero,.atlas-stage,.field-instrument){background:Canvas!important;color:CanvasText!important}
}

/* Progressive cross-page continuity  ignored safely by unsupported browsers */
@view-transition{navigation:none}
::view-transition-old(root){animation:uplink-page-exit .28s ease both}
::view-transition-new(root){animation:uplink-page-enter .52s cubic-bezier(.16,1,.3,1) both}
@keyframes uplink-page-exit{to{opacity:0;transform:scale(.992);filter:blur(3px)}}
@keyframes uplink-page-enter{from{opacity:0;transform:translateY(10px) scale(1.004);filter:blur(5px)}}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}