/* UPLINK-Toyama — Hydro-Tech Collage, 2026 */
.uplink-v4{--paper:#f1f7f3;--ink4:#0a2927;--deep4:#073b3b;--mint:#83f0ca;--aqua4:#79dfe4;--blue4:#456de8;--pearl:#f7ced7;--acid:#ddff70;color:var(--ink4);background:var(--paper)}
.uplink-v4::before{background:radial-gradient(circle at 82% 8%,rgba(255,198,216,.75),transparent 29%),radial-gradient(circle at 12% 32%,rgba(105,232,212,.62),transparent 31%),linear-gradient(145deg,#f7fbf6,#dff5ee 48%,#e6efff);opacity:1}.uplink-v4::after{opacity:.14;mix-blend-mode:multiply}
.uplink-v4 .site-header{color:#103835}.uplink-v4 .site-header.is-scrolled{background:rgba(241,247,243,.78);border-color:rgba(10,41,39,.12);box-shadow:0 14px 45px rgba(21,88,80,.08)}
.uplink-v4 .logo{font-family:Arial,sans-serif;letter-spacing:.04em}.uplink-v4 .logo>span:last-child{display:grid;font-size:.95rem;line-height:.82}.uplink-v4 .logo em{font-size:.48rem;font-style:normal;letter-spacing:.38em}.uplink-v4 .logo-mark{border-color:#155d57;background:rgba(255,255,255,.35);box-shadow:0 0 25px rgba(41,214,188,.22)}
.uplink-v4 .nav-list a{color:#315955}.uplink-v4 .nav-list a:hover,.uplink-v4 .nav-list a[aria-current=page]{color:#071f1d}.uplink-v4 .nav-list a[aria-current=page]::after{background:#1db795}.uplink-v4 .menu-button{color:#0a2927;border-color:rgba(10,41,39,.2);background:rgba(255,255,255,.65)}
.hero-v4{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;padding:clamp(8rem,18vh,12rem) 0 clamp(4rem,9vh,7rem);isolation:isolate;background:linear-gradient(112deg,rgba(248,252,248,.92) 0%,rgba(228,249,239,.58) 48%,rgba(218,231,255,.4) 100%)}
.hydro-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.aurora{position:absolute;z-index:-2;border-radius:50%;filter:blur(52px);opacity:.65;animation:aurora-drift 14s ease-in-out infinite alternate}.aurora-a{width:48vw;height:40vw;right:-8%;top:-10%;background:radial-gradient(circle,#ffb9cf,rgba(118,224,220,.4) 48%,transparent 70%)}.aurora-b{width:42vw;height:42vw;left:18%;bottom:-30%;background:radial-gradient(circle,#86f2cd,rgba(126,164,255,.26) 52%,transparent 72%);animation-delay:-6s}
.hero-v4-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(19rem,.65fr);gap:clamp(2rem,7vw,8rem);align-items:end}.hero-v4-copy{position:relative;z-index:3}.hero-v4 .hero-kicker{color:#174b46;border-color:rgba(10,75,68,.25);background:rgba(255,255,255,.38);box-shadow:none}.hero-v4 h1{margin:.8rem 0 1.8rem;font-weight:400;line-height:.88;letter-spacing:-.07em}.hero-v4 h1 span,.hero-v4 h1 strong{display:block}.hero-v4 h1 span{font-size:clamp(2.4rem,5vw,5.8rem)}.hero-v4 h1 strong{font-size:clamp(3.8rem,9.5vw,10.5rem);font-weight:500;background:linear-gradient(100deg,#073d39 0%,#137969 42%,#446de5 75%,#aa658a);background-clip:text;color:transparent}.hero-v4-copy>p:not(.hero-kicker){font-size:clamp(1.04rem,1.4vw,1.35rem);color:#315b57}.hero-v4 .button{color:#09332f;background:rgba(255,255,255,.48);border-color:rgba(10,65,59,.22);backdrop-filter:blur(12px)}.hero-v4 .button.primary{color:#f5fff9;background:#0b5049;border-color:#0b5049;box-shadow:0 16px 40px rgba(10,92,79,.17)}.text-link{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem;font-weight:700}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(4px,-4px)}
.hero-side{position:relative;z-index:4;padding:1.4rem;border:1px solid rgba(255,255,255,.65);border-radius:1.7rem;background:rgba(242,253,249,.42);box-shadow:0 30px 90px rgba(30,97,90,.11),inset 0 1px #fff;backdrop-filter:blur(22px) saturate(145%)}.hero-side>p{margin:0 0 .8rem;color:#446963;font:600 .72rem/1.6 ui-monospace,monospace;letter-spacing:.12em}.hero-side>p span{display:block;color:#159b80}.hero-side ol{margin:0;padding:0;list-style:none}.hero-side li+li{border-top:1px solid rgba(20,70,65,.12)}.hero-side a{display:grid;grid-template-columns:2rem 1fr;gap:.8rem;padding:1rem .25rem;transition:transform .25s}.hero-side a:hover{transform:translateX(8px)}.hero-side b{color:#168f7a;font:500 .72rem ui-monospace,monospace}.hero-side span{font-size:.8rem;font-weight:800;letter-spacing:.08em}.hero-side small{display:block;margin-top:.3rem;color:#57736f;font-weight:500;letter-spacing:0}
.hero-organism{--mx:0;--my:0;position:absolute;z-index:1;width:min(43vw,44rem);aspect-ratio:1;right:15%;top:7%;transform:translate(calc(var(--mx)*18px),calc(var(--my)*14px));filter:drop-shadow(0 35px 45px rgba(40,130,124,.16));transition:transform .08s linear}.hero-organism i,.organism-core{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.78);border-radius:43% 57% 62% 38%/52% 43% 57% 48%;background:linear-gradient(135deg,rgba(255,255,255,.52),rgba(100,227,211,.13) 42%,rgba(252,177,208,.28));box-shadow:inset 22px 28px 60px rgba(255,255,255,.68),inset -25px -22px 55px rgba(81,110,224,.14),0 0 45px rgba(255,255,255,.45);backdrop-filter:blur(4px);animation:morph 13s ease-in-out infinite}.hero-organism i:nth-child(2){inset:24% 4% 5% 35%;animation-delay:-4s;opacity:.74}.hero-organism i:nth-child(3){inset:3% 48% 57% 6%;animation-delay:-8s;background:linear-gradient(130deg,rgba(221,255,112,.48),rgba(103,224,213,.24))}.organism-core{inset:35%;background:radial-gradient(circle at 35% 30%,#fff,#89f3d2 35%,rgba(102,110,232,.34) 68%,transparent);box-shadow:0 0 90px rgba(90,228,205,.6);animation-duration:8s}.hero-organism b{position:absolute;right:6%;bottom:13%;font:500 .62rem ui-monospace,monospace;letter-spacing:.16em;color:#39716b}
.hero-collage .glass-card{position:absolute;z-index:2;padding:.65rem .8rem;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.26);box-shadow:0 18px 50px rgba(43,107,99,.09);backdrop-filter:blur(12px);font:500 .58rem/1.5 ui-monospace,monospace;letter-spacing:.13em;color:#438079;transform:rotate(-4deg)}.glass-card b{color:#0b4540}.card-signal{right:42%;top:23%}.card-life{right:7%;top:43%;transform:rotate(5deg)!important}.card-interface{right:34%;top:66%;transform:rotate(2deg)!important}.scroll-cue-v4{position:absolute;z-index:5;right:var(--gutter);bottom:1.4rem;display:grid;justify-items:center;gap:.5rem;color:#3e6e68;font:600 .62rem ui-monospace,monospace;letter-spacing:.18em}.scroll-cue-v4 i{width:1px;height:3.5rem;background:linear-gradient(#187c6c,transparent);animation:scroll-line 2s ease-in-out infinite}
.portal{position:relative;padding:clamp(6rem,13vw,12rem) 0;background:#f4f8f4}.portal-grid{display:grid;grid-template-columns:auto 1.2fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:start}.vertical-note{writing-mode:vertical-rl;margin:0;color:#6e918b;font:600 .62rem ui-monospace,monospace;letter-spacing:.18em}.portal h2,.philosophy-v4 h2,.contact-v4 h2{margin:0;font-size:clamp(3rem,7.5vw,8rem);font-weight:450;line-height:.95;letter-spacing:-.065em}.portal h2 em{font-family:Georgia,serif;font-weight:400;color:#138875}.portal-copy{padding-top:clamp(5rem,10vw,10rem);font-size:clamp(1rem,1.35vw,1.25rem)}.portal-copy span{display:block;margin-top:2rem;color:#17816f;font-family:Georgia,"Yu Mincho",serif}
.field-story{position:relative;min-height:88vh;overflow:hidden;display:grid;align-items:center;padding:clamp(6rem,11vw,10rem) 0;isolation:isolate}.story-grid{position:relative;z-index:3;display:grid;grid-template-columns:.45fr 1fr .75fr;gap:clamp(1.5rem,5vw,6rem);align-items:start}.story-meta{display:grid;gap:.45rem;font:600 .64rem/1.3 ui-monospace,monospace;letter-spacing:.16em}.story-meta span{color:currentColor}.story-meta b{opacity:.55}.story-title>p{margin:0 0 1rem;font-weight:800;letter-spacing:.16em}.story-title h2{margin:0;font-size:clamp(3rem,6vw,7rem);line-height:.95;letter-spacing:-.06em;font-weight:500}.story-body{padding-top:3.3rem}.story-body p{font-size:1.03rem}.story-body ul{margin:1.6rem 0 2rem;padding:0;list-style:none;border-top:1px solid currentColor}.story-body li{padding:.55rem 0;border-bottom:1px solid currentColor;font-size:.78rem;letter-spacing:.06em}.field-bg-word{position:absolute;z-index:-1;left:-2vw;bottom:-.2em;font-size:clamp(7rem,19vw,22rem);font-weight:800;line-height:.75;letter-spacing:-.08em;opacity:.065;white-space:nowrap}.field-pc{color:#ecfff8;background:#0b655c}.field-pc .button{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}.field-aqua{color:#eafff9;background:#053f4d}.field-aqua>canvas{position:absolute;z-index:-3;inset:0;width:100%;height:100%;opacity:.96}.field-aqua::after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(3,35,44,.84),rgba(3,35,44,.28) 52%,rgba(3,35,44,.68)),linear-gradient(0deg,rgba(3,28,38,.72),transparent 45%)}.water-glass{position:absolute;z-index:-1;width:45vw;aspect-ratio:1;right:-8%;top:4%;border:1px solid rgba(184,255,241,.25);border-radius:50% 43% 58% 42%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.28),transparent 15%),linear-gradient(145deg,rgba(92,235,214,.11),rgba(82,92,225,.08));box-shadow:inset 30px 30px 80px rgba(255,255,255,.08),0 0 90px rgba(77,232,209,.11);animation:morph 16s ease-in-out infinite}.field-aqua .button{background:rgba(0,33,43,.36);border-color:rgba(185,255,241,.4)}.field-web{color:#172c39;background:linear-gradient(125deg,#f7ccd8,#d5f4eb 48%,#ced7ff)}.field-web .button{color:#172c39;background:rgba(255,255,255,.36);border-color:rgba(23,44,57,.25)}
.field-orb{position:absolute;z-index:0;width:min(42vw,40rem);aspect-ratio:1;right:3%;top:6%;perspective:900px}.field-orb::before,.field-orb::after,.field-orb i{content:"";position:absolute;inset:15%;border:1px solid rgba(255,255,255,.42);transform:rotateX(63deg) rotateZ(18deg);background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(109,249,215,.05));box-shadow:inset 0 0 70px rgba(255,255,255,.12);animation:orbit4 13s linear infinite}.field-orb::after{inset:28%;transform:rotateY(65deg) rotateZ(48deg);animation-direction:reverse;animation-duration:9s}.field-orb i{inset:40%;border-radius:42%;background:radial-gradient(circle,#dbff70,rgba(102,234,209,.25),transparent 70%);box-shadow:0 0 80px rgba(215,255,112,.44)}.orb-web::before,.orb-web::after{border-radius:46% 54% 67% 33%;border-color:rgba(67,69,132,.2);background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(121,109,240,.13))}.orb-web i{background:radial-gradient(circle,#fff,#f29aba 35%,rgba(83,92,226,.3),transparent 72%);box-shadow:0 0 100px rgba(232,113,165,.42)}
.philosophy-v4{padding:clamp(7rem,13vw,13rem) 0;background:#f5f8f4}.philosophy-head{display:grid;grid-template-columns:.55fr 1.2fr .7fr;gap:clamp(2rem,5vw,6rem);align-items:start}.philosophy-head h2{font-size:clamp(3rem,6vw,7rem)}.philosophy-head>p:last-child{padding-top:5rem}.principle-track{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(5rem,10vw,10rem);border-top:1px solid rgba(10,41,39,.2);border-bottom:1px solid rgba(10,41,39,.2)}.principle-track article{min-height:15rem;padding:1.5rem;border-right:1px solid rgba(10,41,39,.2);transition:background .3s,transform .3s}.principle-track article:first-child{border-left:1px solid rgba(10,41,39,.2)}.principle-track article:hover{background:#dff6eb;transform:translateY(-10px)}.principle-track span{font:600 .65rem ui-monospace,monospace;color:#138875}.principle-track h3{margin:4rem 0 .6rem;font-size:1.35rem;letter-spacing:.08em}.principle-track p{color:#55716d}
.contact-v4{position:relative;overflow:hidden;padding:clamp(7rem,13vw,13rem) 0;background:#092f32;color:#eafff8}.contact-glow{position:absolute;width:70vw;height:55vw;right:-18%;top:-50%;background:radial-gradient(circle,rgba(255,164,195,.65),rgba(82,230,203,.28) 42%,transparent 70%);filter:blur(45px)}.contact-v4-grid{position:relative;display:grid;grid-template-columns:1.3fr .6fr;gap:5rem;align-items:end}.contact-v4 h2{font-size:clamp(3rem,6vw,7rem)}.contact-v4-grid>div:last-child{padding-bottom:.8rem}.contact-v4 .button.primary{margin-top:1.5rem;color:#073632;background:#95f0d2;border-color:#95f0d2}
@keyframes morph{0%,100%{border-radius:43% 57% 62% 38%/52% 43% 57% 48%;transform:rotate(-3deg) scale(1)}50%{border-radius:61% 39% 41% 59%/39% 61% 45% 55%;transform:rotate(8deg) scale(1.045)}}@keyframes orbit4{to{transform:rotateX(63deg) rotateZ(378deg)}}@keyframes aurora-drift{to{transform:translate(7vw,5vh) scale(1.12)}}@keyframes scroll-line{50%{transform:scaleY(.45);transform-origin:bottom}}
@media(max-width:980px){.hero-v4-grid{grid-template-columns:1fr}.hero-side{width:min(100%,36rem)}.hero-organism{width:68vw;right:-15%;top:11%;opacity:.7}.story-grid{grid-template-columns:.35fr 1fr}.story-body{grid-column:2}.philosophy-head{grid-template-columns:1fr 1.6fr}.philosophy-head>p:last-child{grid-column:2;padding-top:0}.principle-track{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:auto 1fr}.portal-copy{grid-column:2;padding-top:0}}
@media(max-width:700px){.hero-v4{align-items:start;padding-top:8.5rem}.hero-v4-grid{gap:4rem}.hero-v4 h1 span{font-size:clamp(2.1rem,10vw,3.3rem)}.hero-v4 h1 strong{font-size:clamp(3.5rem,18vw,5.8rem);max-width:6ch}.hero-organism{width:110vw;right:-62%;top:24%;opacity:.5}.hero-collage .glass-card{display:none}.hero-side{margin-top:8rem}.scroll-cue-v4{display:none}.portal{padding-block:6rem}.portal-grid{grid-template-columns:1fr}.vertical-note{writing-mode:horizontal-tb}.portal-copy{grid-column:auto}.story-grid{grid-template-columns:1fr}.story-body{grid-column:auto;padding-top:0}.field-story{min-height:auto;padding-block:7rem}.story-title h2{font-size:clamp(3rem,14vw,5rem)}.field-bg-word{font-size:31vw;bottom:0}.field-orb{width:88vw;right:-40%;top:3%;opacity:.5}.water-glass{width:95vw;right:-48%}.philosophy-head,.contact-v4-grid{grid-template-columns:1fr}.philosophy-head>p:last-child{grid-column:auto;padding-top:0}.principle-track{grid-template-columns:1fr 1fr}.principle-track article{min-height:12rem;padding:1rem}.principle-track h3{margin-top:2.8rem;font-size:1rem}.contact-v4-grid{gap:2rem}}
@media(max-width:420px){.principle-track{grid-template-columns:1fr}.principle-track article{border-left:1px solid rgba(10,41,39,.2)}.hero-side{padding:1rem}.hero-v4 .hero-links{display:grid}.hero-v4 .button,.text-link{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.aurora,.hero-organism i,.organism-core,.field-orb::before,.field-orb::after,.field-orb i,.water-glass,.scroll-cue-v4 i{animation:none!important}.hero-organism{transform:none!important}}

/* Readable typography and Welfare × AI extension */
.uplink-v4 .hero-v4 h1 strong{font-size:clamp(3.5rem,7vw,7.8rem);white-space:nowrap}
.uplink-v4 .field-bg-word{left:var(--gutter);right:var(--gutter);bottom:2rem;width:auto;text-align:center;font-size:clamp(3rem,8.5vw,8rem);line-height:1;letter-spacing:-.055em;white-space:nowrap}
.field-welfare{color:#17322b;background:linear-gradient(125deg,#eff9d6 0%,#bcebd6 48%,#d7e4ff 100%)}
.field-welfare .button{color:#17322b;background:rgba(255,255,255,.42);border-color:rgba(23,50,43,.25)}
.orb-welfare::before,.orb-welfare::after{border-radius:35% 65% 48% 52%;border-color:rgba(43,103,82,.22);background:linear-gradient(135deg,rgba(255,255,255,.55),rgba(202,255,112,.18))}
.orb-welfare i{background:radial-gradient(circle,#fff,#dfff70 34%,rgba(80,202,171,.32),transparent 72%);box-shadow:0 0 100px rgba(178,235,93,.44)}
.welfare-hero{overflow:hidden;color:#17322b;background:linear-gradient(125deg,#f4fadf,#c5eedc 48%,#dbe5ff)}
.welfare-hero .field-orb{z-index:0;right:-4%;opacity:.78}.welfare-hero .shell{position:relative;z-index:2}
.welfare-ai-flow{background:#edf7ef}.notice-panel{padding:clamp(2rem,5vw,5rem);border:1px solid rgba(23,50,43,.2);border-radius:2rem;background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(220,248,232,.62));box-shadow:0 24px 70px rgba(30,95,73,.08)}
@media(max-width:700px){.uplink-v4 .hero-v4 h1 strong{font-size:clamp(3.1rem,15.5vw,5.2rem);max-width:none;white-space:normal;overflow-wrap:anywhere}.uplink-v4 .story-title h2{font-size:clamp(2.7rem,13vw,4.8rem);overflow-wrap:anywhere}.uplink-v4 .field-bg-word{display:none}.welfare-hero .display{font-size:clamp(3.2rem,16vw,5.4rem);overflow-wrap:anywhere}}