.hero-overview-scene{--overview-outer-space: clamp(128px, 14vw, 200px);position:relative;isolation:isolate;overflow:clip;background:#fff;color:#fff}.hero-media{position:sticky;top:0;z-index:0;height:100lvh;margin-bottom:-100lvh;pointer-events:none}.hero-media-frame{position:absolute;inset:12px;overflow:hidden;border-radius:16px}.hero-media-fill{--overview-dim: 0;position:relative;width:100%;height:100%;background:#101d2d url(/videos/raiden-hero-poster.webp) center / cover no-repeat;transform-origin:center;will-change:transform}.hero-media-fill video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-media-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(6,14,28,var(--overview-dim)),rgba(6,14,28,var(--overview-dim))),linear-gradient(90deg,#060e1c2e,#060e1c6b)}.hero{position:relative;z-index:1;background:transparent;color:#fff;min-height:100lvh;display:flex;align-items:flex-end;padding-top:160px;padding-bottom:64px}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(24px,3vw,72px)}.hero h1{max-width:44ch;margin:0}.hero h1>span{display:block}.hero-nav{display:grid;gap:10px;flex-shrink:0;text-align:right;font-size:20px;line-height:1.2}.hero-nav a{position:relative;text-decoration:none;color:var(--accent);transition:color .3s ease}.hero-nav a span{display:inline-block;transition:transform .4s cubic-bezier(.19,1,.22,1)}.hero-nav a:after{content:"";position:absolute;right:0;top:50%;width:.4em;height:.4em;margin-top:-.2em;border-radius:50%;background:currentColor;opacity:0;transform:translate(.5em);transition:opacity .3s ease,transform .4s cubic-bezier(.19,1,.22,1)}.hero-nav a:hover,.hero-nav a:focus-visible{color:#fff}.hero-nav a:hover span,.hero-nav a:focus-visible span{transform:translate(-.9em)}.hero-nav a:hover:after,.hero-nav a:focus-visible:after{opacity:1;transform:translate(0)}@keyframes hero-enter{0%{opacity:0;transform:translate(-2.25rem)}}.hero-nav a{animation:hero-enter .8s cubic-bezier(.22,.8,.26,1) backwards}.hero-nav a:nth-child(1){animation-delay:1.15s}.hero-nav a:nth-child(2){animation-delay:1.25s}.hero-nav a:nth-child(3){animation-delay:1.35s}.hero-nav a:nth-child(4){animation-delay:1.45s}.hero-nav a:nth-child(5){animation-delay:1.55s}html.opening-pending .hero-nav a{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.hero-nav a{animation:none}.hero-nav a span,.hero-nav a:after{transition:opacity .3s ease}.hero-nav a:after{transform:translate(0)}}.hero-overview-divider{position:relative;z-index:1;height:1px;margin-block:72px var(--overview-outer-space);background:#ffffff26}.overview{position:relative;z-index:1;background:transparent;color:#e1e9eb;display:flex;align-items:center;padding:0 0 var(--overview-outer-space);scroll-margin-top:88px}.overview-grid{display:grid;grid-template-columns:minmax(0,45%) minmax(0,1fr);align-items:center;gap:clamp(36px,4.5vw,84px)}.overview .kicker{color:var(--accent)}.overview-content{min-width:0}.overview-copy{min-width:0;font-size:clamp(18px,1.65vw,26px);line-height:1.5}.overview-copy p:last-child{margin-bottom:0}@media(min-width:1440px){.overview-grid{max-width:1333px;grid-template-columns:minmax(0,562.5px) minmax(0,1fr)}.overview-copy{font-size:clamp(21px,1.4vw,26px)}}.overview-illustration{min-width:0;width:min(100%,430px);justify-self:end}@media(min-width:1440px){.overview-illustration{width:min(100%,562.5px)}}.overview-illustration img{display:block;width:100%;height:auto}.why{position:relative;z-index:1;background:#060b19;color:#fff}.why .section-head{margin-bottom:clamp(58px,7vw,112px)}.why .kicker{color:var(--accent)}.why .section-head p:not(.kicker){color:#bdcbd3}.why-slider{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(36px,5vw,96px);width:100%;padding-inline:var(--gutter)}.why-visual{position:relative;width:100%;max-width:600px;aspect-ratio:1;justify-self:center}.why-vector,.why-morph{display:block;position:absolute;inset:0;width:100%;height:100%}.why-morph{opacity:0}.why-accordion{width:100%}.why-item{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(20px,2vw,36px);align-items:start;border-top:1px solid rgba(83,97,109,.25)}.why-item:last-child{border-bottom:1px solid rgba(83,97,109,.25)}.why-item h3{margin:0;font-size:clamp(20px,1.5vw,23px);line-height:1.35;font-weight:500}.why-item button{display:block;width:100%;min-height:68px;padding:28px 0;border:0;background:transparent;color:#a8b5bd;text-align:left;font:inherit;cursor:pointer;transition:color .3s ease}.why-item button:hover,.why-item button:focus-visible,.why-item.is-active button{color:var(--accent)}.why-item button:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.why-symbol{position:absolute;top:28px;right:0;width:20px;color:#9baeb8;font-size:21px;font-weight:300;text-align:right}.why-detail{display:grid;grid-template-rows:1fr;padding-top:28px;padding-right:56px;padding-bottom:30px;opacity:1;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1),padding-bottom .55s cubic-bezier(.22,1,.36,1),opacity .38s ease}.why-detail>div{min-height:0;overflow:hidden}.why-detail p{margin:0;color:#bdcbd3;font-size:clamp(15px,1.1vw,17px);line-height:1.5;transition:transform .55s cubic-bezier(.22,1,.36,1)}html.js .why-detail{grid-template-rows:0fr;padding-top:0;padding-bottom:0;opacity:0}html.js .why-detail p{transform:translateY(-8px)}html.js .why-item.is-active .why-detail{grid-template-rows:1fr;padding-top:28px;padding-bottom:30px;opacity:1}html.js .why-item.is-active .why-detail p{transform:translateY(0)}.why-divider{grid-column:1 / -1;height:1px;background:transparent}.why-progress{display:block;width:100%;height:1px;background:var(--accent);opacity:.5;transform:scaleX(0);transform-origin:left center}.why-slider.is-ready .why-visual{animation:why-image-enter .7s cubic-bezier(.22,1,.36,1) both}.why-slider.is-ready .why-item{animation:why-row-enter .65s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--why-i) * 90ms)}.why-item:nth-child(1){--why-i: 0}.why-item:nth-child(2){--why-i: 1}.why-item:nth-child(3){--why-i: 2}.why-item:nth-child(4){--why-i: 3}.why-item:nth-child(5){--why-i: 4}@keyframes why-image-enter{0%{opacity:0;transform:translateY(28px) scale(.97)}}@keyframes why-row-enter{0%{opacity:0;transform:translateY(20px)}}@media(max-width:1100px){.why-slider{grid-template-columns:1fr;gap:42px}.why-visual{max-width:500px}}@media(max-width:767px){.why-visual{max-width:450px}.why-item{grid-template-columns:1fr}.why-item button{min-height:62px;padding-right:36px}.why-detail{padding-right:0}html.js .why-item.is-active .why-detail{padding-top:0}}@media(prefers-reduced-motion:reduce){.why-slider.is-ready .why-visual,.why-slider.is-ready .why-item{animation:none}.why-detail,.why-detail p{transition:none}}.grey-panel{background:#3b3b3b;border-radius:16px}.approach{overflow:clip;background:var(--navy);color:#fff}.approach .section-head p:not(.kicker){color:#c8d4dc;font-size:20px}.approach .kicker{color:var(--accent)}.approach .section-head h2{max-width:24ch}.approach .section-head{margin-bottom:clamp(20px,2.5vw,40px)}.build-grid{padding-inline:var(--gutter)}.build-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1vw,18px);padding:0;margin:0;list-style:none}.build-card{min-width:0;cursor:pointer}.card-surface{position:relative;isolation:isolate;overflow:hidden;height:100%;background:#393939;color:#fff;border-radius:16px;transition:color .3s .2s}.build-card:nth-child(1) .card-surface{--card-hover-tint: rgba(167, 240, 206, .9);background:#a7f0ce;color:#1d2b38}.build-card:nth-child(2) .card-surface{--card-hover-tint: rgba(205, 187, 158, .9);background:#cdbb9e;color:#1d2b38}.build-card:nth-child(3) .card-surface{--card-hover-tint: rgba(73, 105, 79, .9);background:#49694f}.build-card:nth-child(4) .card-surface{--card-hover-tint: rgba(24, 86, 98, .9);background:#185662}.build-card:nth-child(5) .card-surface{--card-hover-tint: rgba(209, 217, 220, .9);background:#d1d9dc;color:#1d2b38}@media(hover:hover){.build-card:not(.is-active):hover .card-media{opacity:1;transform:scale(1)}.build-card:not(.is-active):hover .card-media:after{background:var(--card-hover-tint)}}.build-card:not(.is-active):focus-within .card-media{opacity:1;transform:scale(1)}.build-card:not(.is-active):focus-within .card-media:after{background:var(--card-hover-tint)}.card-media{position:absolute;inset:0;z-index:-1;opacity:0;transform:scale(1.12);transition:opacity .7s cubic-bezier(.19,1,.22,1),transform 1.2s cubic-bezier(.19,1,.22,1)}.card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:filter .6s cubic-bezier(.19,1,.22,1),transform .6s cubic-bezier(.19,1,.22,1)}.card-media:after{content:"";position:absolute;inset:0;background:#17171a86;transition:background-color .35s ease}.card-content{display:flex;flex-direction:column;min-height:500px;height:100%;padding:clamp(18px,1.6vw,30px)}.card-number{display:block;font-size:11px;letter-spacing:.18em;margin-bottom:24px;opacity:.6}.card-content h3{font-size:clamp(19px,1.55vw,27px);letter-spacing:-.035em}.card-content h3 button{display:block;text-align:left;color:inherit;padding:0;background:transparent;border:0;font:inherit;letter-spacing:inherit;line-height:inherit;cursor:pointer}.card-content h3 button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.card-content p{font-size:16px;line-height:1.55;margin:auto 0 0;padding-top:24px}.build-card.is-active .card-surface{color:#fff}.build-card.is-active .card-media{opacity:1;transform:scale(1)}@media(prefers-reduced-motion:reduce){.card-media,.build-card.is-active .card-media{transform:none}}.case{background:#071724;color:#f3f8f9}.case .kicker{color:#18cfb2}.case .section-head{margin-bottom:0}.case .section-head h2{max-width:23ch}.case-visual-scene{position:relative;height:205svh;margin-bottom:0}.case-visual-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse 54% 48% at 50% 50%,#102c3a,#091c2c 68%,#071724)}.case-visual-cluster{--photo-large-w: min(32.4vw, 500px);--photo-large-h: min(23.3vw, 360px);--photo-small-w: min(19.4vw, 300px);--photo-small-h: min(13.9vw, 210px);position:relative;height:100%;max-width:1600px;margin-inline:auto;will-change:transform}.case-photo{position:absolute;z-index:1;width:var(--photo-large-w);height:var(--photo-large-h);object-fit:cover;border-radius:16px;will-change:transform,opacity}.case-photo-a{left:1%;top:37%}.case-photo-b{left:calc(1% + var(--photo-large-w) - var(--photo-small-w));top:calc(37% + var(--photo-large-h) + 8px);width:var(--photo-small-w);height:var(--photo-small-h)}.case-photo-c{right:calc(1% + var(--photo-large-w) - var(--photo-small-w));top:13%;width:var(--photo-small-w);height:var(--photo-small-h)}.case-photo-d{right:1%;top:calc(13% + var(--photo-small-h) + 8px)}.case-map-stack{position:absolute;z-index:2;width:min(46vw,54svh,610px);left:50%;top:12%;transform:translate(-50%) scale(1.18);transform-origin:center;filter:drop-shadow(0 0 22px rgba(20,140,139,.18))}.case-map,.case-giga-logo{display:block;width:100%;height:auto}.case-giga-logo{position:absolute;inset:0}@media(prefers-reduced-motion:no-preference){.case-visual-scene.has-map-entrance .case-map-stack img{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.case-visual-scene.has-map-entrance .case-giga-logo{transform:translateY(20px)}.case-visual-scene.has-map-entrance.is-entered .case-map-stack img{opacity:1;transform:translateY(0)}.case-visual-scene.has-map-entrance.is-entered .case-giga-logo{transition-delay:.24s}}.case-nanto-logo{position:absolute;z-index:3;width:auto;height:calc(var(--photo-small-h) * .85);left:calc(99% - var(--photo-large-w));top:calc(13% + var(--photo-small-h) + var(--photo-large-h) + 16px);padding:3.4px;border-radius:16px;background:#fff;will-change:transform,opacity}.case-copy{max-width:1088px;margin-inline:auto;text-align:center;font-size:20px;color:#d1e0e5}@media(max-width:899px),(prefers-reduced-motion:reduce){.case .section-head{margin-bottom:20px}.case-visual-scene{height:auto;margin-bottom:clamp(24px,4vw,50px)}.case-visual-sticky{position:relative;height:auto;overflow:visible;padding-inline:var(--gutter)}.case-visual-cluster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:10px;max-width:700px;height:auto}.case-map-stack,.case-nanto-logo,.case-photo{position:static;transform:none;opacity:1;width:100%;height:auto}.case-map-stack{position:relative;left:auto;top:auto;order:1;grid-column:1 / -1;max-width:380px;justify-self:center}.case-nanto-logo{order:8;grid-column:1 / -1;max-width:68px;justify-self:center;margin-bottom:32px}.case-photo{aspect-ratio:1.4;object-fit:cover}.case-photo-a{order:4}.case-photo-b{order:5}.case-photo-c{order:6}.case-photo-d{order:7}}.ecosystem{padding-bottom:100px;background:var(--surface);color:var(--ink)}.ecosystem-stage{position:relative}.ecosystem-heading h2{max-width:30ch}.ecosystem-heading>p:not(.kicker){font-size:20px}.ecosystem-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.ecosystem-panel{min-height:520px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;border-radius:16px;background-color:#082342;background-position:center;background-size:cover;color:#fff}.pillar-icon{width:64px;height:64px;align-self:flex-end;flex:none}.pillar-copy{max-width:34ch}.ecosystem-panel h3{font-size:clamp(24px,2.25vw,34px);line-height:1.15}.ecosystem-panel p{margin:14px 0 0;font-size:15px;line-height:1.55}@media(min-width:1024px){.ecosystem-panel p{font-size:16px}}@media(max-width:1023px){.ecosystem-panels{grid-template-columns:1fr}}.contact{background:var(--surface)}@keyframes light-section-gradient-loop{0%,to{background-position:12% 18%,88% 82%,center}50%{background-position:88% 70%,16% 24%,center}}.ecosystem{background-color:#f9fcfc;background-image:radial-gradient(ellipse at center,rgba(52,195,198,.34),transparent 68%),radial-gradient(ellipse at center,rgba(83,150,213,.26),transparent 70%),linear-gradient(110deg,#fff 10%,#eefafa 52%,#fafdff);background-size:155% 155%,165% 165%,100% 100%;animation:light-section-gradient-loop 26s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.ecosystem{animation:none}}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.contact h2{font-size:clamp(32px,3.4vw,54px)}.contact .lede{font-size:17px;margin-top:40px}.contact address{font-style:normal;font-size:14px;margin-top:48px}.contact-form{display:grid;gap:28px;padding-top:44px;align-content:start}.contact-form label{display:grid;gap:10px;font-size:12px}.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #a7b8bd;border-radius:0;background:transparent;padding:10px 0;width:100%;min-height:44px;color:var(--ink)}.contact-form textarea{resize:vertical}.contact-form .btn{justify-self:start}.honeypot{position:absolute;left:-9999px}@media(max-width:1023px){.hero-nav{display:none}.hero h1{max-width:26ch}}@media(min-width:768px)and (max-width:1199px){.overview-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:7.5vw}}@media(max-width:1199px)and (min-width:768px){.build-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card-content{min-height:400px}.card-content h3{font-size:clamp(24px,2.6vw,32px)}.card-content p{font-size:16px}}@media(max-width:767px){.hero-overview-scene{--overview-outer-space: 144px}.hero-media-frame{inset:8px}.hero-media-fill:after{background:linear-gradient(rgba(6,14,28,var(--overview-dim)),rgba(6,14,28,var(--overview-dim))),#060e1c47}.hero{min-height:100svh;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.overview{padding:0 0 var(--overview-outer-space)}.overview-grid{grid-template-columns:1fr;gap:0}.overview-illustration{width:100%;justify-self:start;margin-bottom:48px}.overview-copy{font-size:18px}.case-photo-a,.case-photo-d{grid-column:1 / -1}.build-cards{grid-template-columns:1fr;grid-auto-rows:1fr;gap:10px}.card-content{min-height:var(--mobile-build-card-height, 0px);padding:24px}.card-number{margin-bottom:16px}.card-content h3{font-size:24px;margin:0}.card-content h3 button{width:100%}.card-content p{font-size:16px;margin:auto 0 0;padding-top:22px}.ecosystem-panel{min-height:420px;padding:24px}.ecosystem-panel h3{font-size:28px}.ecosystem-panel p{font-size:15px}.contact-grid{grid-template-columns:1fr;gap:20px}.contact-form{padding-top:16px}}@media(prefers-reduced-motion:reduce){.hero-media-frame{inset:0;border-radius:0}.hero-media-fill{--overview-dim: .55;transform:none!important}.hero-media-fill video{display:none}}.ecosystem-stage{margin-inline:var(--gutter)}.form-sent{padding-top:44px}.form-sent h3{margin:0 0 8px}#turnstile-note{margin:8px 0 0;font-size:13px;color:var(--muted)}
