:root{--bg:#080908;--panel:#111310;--line:#30352e;--text:#f2f4ec;--muted:#929990;--acid:#b9f46b;--rail:72px;--dock:64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Noto Sans TC",sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--acid);color:#071006}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#394234}main{margin-left:var(--rail);padding-bottom:var(--dock);overflow:hidden}.skip-link{position:fixed;z-index:1000;top:-100px;left:90px;background:var(--acid);color:#061006;padding:12px 18px}.skip-link:focus{top:10px}.grain{position:fixed;z-index:80;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scroll-progress{position:fixed;z-index:101;top:0;left:var(--rail);width:0;height:2px;background:var(--acid);box-shadow:0 0 14px #b9f46b88}.cursor-dot{position:fixed;z-index:100;left:-30px;top:-30px;width:14px;height:14px;border:1px solid var(--acid);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s;mix-blend-mode:difference}.cursor-dot.active{width:52px;height:52px;background:#d6ff93}.eyebrow,.section-heading,.hero-bottom,.depth-header,.depth-footer,.signal-stage-head,.signal-stage-foot,.showcase-ui,.visual-corner,.card-meta small,.reserved-row,.panel-top,.panel-bottom,.panel-products,.bottom-nav,.rail-caption,.rail-index,.footer-contact,.footer-end{font-family:"DM Mono",monospace;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}

/* Loader / permanent navigation */
.preloader{position:fixed;inset:0;z-index:500;background:#050605;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:"DM Mono",monospace;letter-spacing:.16em;font-size:11px;transition:transform 1s cubic-bezier(.76,0,.24,1);pointer-events:none}.preloader strong{font-size:clamp(4rem,11vw,10rem);letter-spacing:-.09em;line-height:1;font-weight:500}.loader-track{width:min(270px,55vw);height:1px;background:#344030}.loader-track i{display:block;height:100%;width:0;background:var(--acid)}.preloader.done{transform:translateY(-102%)}.side-rail{position:fixed;z-index:120;inset:0 auto 0 0;width:var(--rail);background:#090b08;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column}.rail-logo{width:100%;height:75px;border-bottom:1px solid var(--line);display:grid;place-items:center}.rail-logo img{width:28px;filter:invert(1)}.menu-toggle{width:100%;height:104px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;font:10px "DM Mono",monospace;letter-spacing:.15em}.menu-toggle:hover{color:var(--acid)}.menu-lines{display:grid;gap:6px}.menu-lines i{width:21px;height:1px;background:currentColor;display:block;transition:transform .3s}.menu-toggle:hover .menu-lines i:first-child{transform:translateX(4px)}.menu-toggle:hover .menu-lines i:last-child{transform:translateX(-4px)}.rail-caption{writing-mode:vertical-rl;transform:rotate(180deg);margin:auto 0;color:#60685d;font-size:10px}.rail-index{margin-bottom:90px;font-size:10px;color:var(--muted);writing-mode:vertical-rl}.side-scrim{position:fixed;z-index:130;inset:0;background:#000a}.side-scrim[hidden]{display:none}.side-panel{position:fixed;z-index:140;top:0;bottom:0;left:var(--rail);width:min(720px,calc(100vw - var(--rail)));background:#0d100c;border-right:1px solid #445040;transform:translateX(-110%);visibility:hidden;transition:transform .75s cubic-bezier(.76,0,.24,1),visibility .75s;display:flex;flex-direction:column}.side-panel.open{transform:translateX(0);visibility:visible}.panel-top,.panel-bottom{min-height:72px;padding:0 clamp(25px,4vw,65px);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:#9ca896;font-size:11px}.panel-top button{border:0;background:transparent;color:var(--text);font:inherit;letter-spacing:inherit}.panel-top button:hover{color:var(--acid)}.panel-top b{font-size:25px;font-weight:400;margin-left:10px;vertical-align:middle}.panel-main{padding:clamp(34px,7vh,84px) clamp(25px,4vw,65px);overflow:auto;flex:1}.panel-main .eyebrow{color:var(--acid);font-size:11px}.panel-nav{margin-top:24px}.panel-nav a{border-bottom:1px solid #30382d;display:flex;align-items:baseline;gap:26px;padding:10px 0;transition:color .3s,padding-left .3s}.panel-nav a:hover{color:var(--acid);padding-left:10px}.panel-nav small{font:11px "DM Mono",monospace;color:var(--muted)}.panel-nav a span{font-size:clamp(2.5rem,5vw,4.7rem);font-weight:800;letter-spacing:-.08em}.panel-nav b{font-size:26px;margin-left:auto;font-weight:400}.panel-products{margin-top:56px;font-size:11px}.panel-products-head{display:flex;justify-content:space-between;color:var(--muted);padding-bottom:17px}.panel-product{border-top:1px solid #30382d;display:flex;align-items:center;gap:20px;padding:14px 0;letter-spacing:0}.panel-product small{color:var(--acid)}.panel-product span{font:500 15px "Noto Sans TC",sans-serif}.panel-product em{margin-left:auto;color:#697266;font-style:normal;font-size:10px}.panel-product.empty{opacity:.42}.panel-bottom{border-top:1px solid var(--line);border-bottom:0;min-height:62px;font-size:9px}.bottom-nav{position:fixed;z-index:110;left:var(--rail);right:0;bottom:0;height:var(--dock);border-top:1px solid #475045;background:#0b0e0bcf;backdrop-filter:blur(22px);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(25px,4vw,64px);font-size:10px}.bottom-nav>div{display:flex;gap:clamp(15px,3vw,45px)}.bottom-nav a:hover{color:var(--acid)}.bottom-nav> a:first-child{font-weight:700;font-size:12px}.bottom-nav> a:first-child span{color:var(--acid);font-size:9px;margin-left:5px}

/* Hero */
.hero{min-height:100svh;position:relative;display:flex;align-items:center;padding:110px clamp(32px,7.2vw,124px) 100px;isolation:isolate;background:radial-gradient(circle at 78% 45%,#172019 0,#0b0e0c 29%,#080908 67%)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#090a09 0,transparent 65%)}.hero-aura{position:absolute;z-index:-1;right:-20vw;top:4%;width:75vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#7fc94212,transparent 60%);filter:blur(25px);animation:aura 14s ease-in-out infinite alternate}@keyframes aura{to{transform:scale(1.18) translateX(-5%);opacity:.5}}.hero-content{position:relative;z-index:1;width:100%}.eyebrow{font-size:12px;color:var(--muted);margin:0;text-transform:uppercase}.hero-eyebrow{margin-bottom:30px}.hero h1{font-size:clamp(3.7rem,8.5vw,11rem);line-height:.91;letter-spacing:-.09em;margin:0;font-weight:900;white-space:nowrap}.title-line{display:block}.title-line:nth-child(2){transition-delay:.12s}.title-line:nth-child(3){transition-delay:.24s}.hero h1 em{font-style:normal;color:var(--acid)}.hero-sub{display:flex;justify-content:space-between;align-items:end;max-width:790px;margin-top:clamp(35px,7vh,85px);transition-delay:.35s}.hero-sub p{font-size:clamp(14px,1.35vw,19px);line-height:1.9;color:#b0b8ad;letter-spacing:.03em}.round-link{width:94px;height:94px;border:1px solid #718569;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font:10px "DM Mono",monospace;letter-spacing:.08em;transition:background .3s,color .3s,transform .3s}.round-link b{font-size:21px;font-weight:400}.round-link:hover{background:var(--acid);color:#071007;transform:rotate(15deg)}.hero-bottom{position:absolute;z-index:2;bottom:29px;left:clamp(32px,7.2vw,124px);right:clamp(32px,7.2vw,124px);display:flex;justify-content:space-between;color:#7d8879;font-size:10px}

/* Portal cards */
.section{padding:clamp(80px,12vw,160px) clamp(30px,7vw,112px)}.portals{background:#0b0c0b}.section-heading{border-bottom:1px solid var(--line);padding-bottom:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.portals-intro{display:flex;align-items:end;justify-content:space-between;margin:55px 0 50px;gap:30px}.portals-intro h2,.signal-heading h2{font-size:clamp(3.6rem,7vw,8rem);line-height:.91;letter-spacing:-.08em;margin:0;font-weight:800}.portals-intro h2 em,.signal-heading h2 em{font-style:normal;color:var(--acid)}.portals-intro p,.signal-heading>p{max-width:280px;color:#a2aa9e;line-height:1.8;font-size:14px}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.portal-card{display:block;border:1px solid #30382d;padding:11px;background:#111510;transition:border-color .3s,transform .5s cubic-bezier(.22,1,.36,1)}.portal-card:hover{border-color:var(--acid);transform:translateY(-7px)}.card-visual{height:clamp(250px,31vw,440px);position:relative;overflow:hidden;background:#111b14}.card-visual::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px #0009}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#8bb28517 1px,transparent 1px),linear-gradient(90deg,#8bb28517 1px,transparent 1px);background-size:42px 42px;transform:perspective(700px) rotateX(55deg) scale(1.7) translateY(13%);mask-image:linear-gradient(transparent,#000)}.visual-effects{background:radial-gradient(circle at 53% 50%,#334b28,#142116 35%,#0e140f 70%)}.effect-orb{position:absolute;left:50%;top:50%;width:46%;aspect-ratio:1;transform:translate(-50%,-50%);filter:drop-shadow(0 0 40px #9aea5d55)}.effect-orb:before{content:"";position:absolute;inset:18%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f1ffca,#b4e671 22%,#31472d 68%,#080e08 100%);box-shadow:inset -22px -28px 35px #0009,0 0 80px #baff7255}.effect-orb i{position:absolute;inset:4%;border:1px solid #d1ffaa88;border-radius:50%;transform:rotateX(69deg) rotate(30deg);animation:orbital 15s linear infinite}.effect-orb i:nth-child(2){inset:0;transform:rotateY(68deg) rotate(54deg);animation-duration:21s}.effect-orb i:nth-child(3){inset:12%;border-color:#c3f59e66;transform:rotateX(33deg) rotateY(62deg);animation-duration:12s}@keyframes orbital{to{rotate:360deg}}.visual-systems{background:radial-gradient(circle at 50% 45%,#1c3023,#101b16 45%,#0d130e)}.system-lines{position:absolute;inset:0;transform:perspective(450px) rotateX(66deg) scale(1.5);background:repeating-linear-gradient(0deg,transparent 0 35px,#a6e58f1d 36px 37px),repeating-linear-gradient(90deg,transparent 0 35px,#a6e58f1d 36px 37px);opacity:.9}.system-lines i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 20px var(--acid)}.system-lines i:nth-child(1){top:20%;left:25%}.system-lines i:nth-child(2){top:74%;left:75%}.system-lines i:nth-child(3){top:42%;left:83%}.system-lines i:nth-child(4){top:83%;left:28%}.system-lines i:nth-child(5){top:48%;left:45%}.system-cube{position:absolute;left:50%;top:51%;width:27%;aspect-ratio:1;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(-21deg) rotateY(-34deg);animation:cube-float 5s ease-in-out infinite alternate;filter:drop-shadow(15px 26px 25px #000b)}@keyframes cube-float{to{transform:translate(-50%,-57%) rotateX(-16deg) rotateY(-27deg)}}.system-cube span{position:absolute;display:grid;place-items:center;font-size:clamp(40px,8vw,95px);font-weight:800}.cube-front{inset:0;background:linear-gradient(135deg,#baf178,#486a3e);color:#17301c;border:1px solid #d2ffae;transform:translateZ(42px)}.cube-side{inset:0;background:#253c2a;transform:rotateY(90deg) translateZ(42px)}.cube-top{inset:0;background:#7ea35b;transform:rotateX(90deg) translateZ(42px)}.visual-corner{position:absolute;z-index:2;font-size:9px;color:#bcd5b0}.visual-corner.top-left{top:18px;left:20px}.visual-corner.bottom-right{bottom:18px;right:20px}.card-meta{display:flex;justify-content:space-between;align-items:end;padding:24px 16px 12px}.card-meta small{color:var(--acid);font-size:10px}.card-meta h3{font-size:clamp(1.5rem,2.5vw,2.7rem);margin:8px 0 5px;letter-spacing:-.05em}.card-meta p{font-size:13px;color:var(--muted);margin:0}.card-meta b{font-size:30px;font-weight:400;transition:transform .3s}.portal-card:hover .card-meta b{transform:translate(5px,-5px);color:var(--acid)}.reserved-row{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px;font-size:10px;color:#778073}.reserved-row span{border:1px solid var(--line);height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.reserved-row b{font-size:23px;font-weight:300;color:#76856d}

/* Sticky horizontal sequence */
.showcase{height:300vh;background:#060806;position:relative}.showcase-sticky{position:sticky;top:0;height:100vh;overflow:hidden}.showcase-track{height:100%;width:300%;display:flex;will-change:transform}.showcase-panel{width:33.333333%;height:100%;position:relative;display:grid;place-items:center;overflow:hidden}.panel-form{background:radial-gradient(circle at 50% 55%,#26331f,#0c100c 42%,#060806)}.panel-motion{background:radial-gradient(circle at 50% 55%,#203831,#0c1412 42%,#060806)}.panel-system{background:radial-gradient(circle at 50% 55%,#2a3322,#10130d 42%,#060806)}.showcase-giant{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font-weight:900;font-size:clamp(9rem,21vw,27rem);letter-spacing:-.12em;line-height:1;white-space:nowrap;-webkit-text-stroke:2px #e1efcd29;color:transparent;pointer-events:none}.showcase-art{z-index:1;width:min(40vw,540px);aspect-ratio:1.15;border:1px solid #c7f7a333;background:#08100844;backdrop-filter:blur(2px);display:grid;place-items:center;box-shadow:0 35px 80px #0009;position:relative;overflow:hidden}.showcase-art:after{content:"";position:absolute;inset:12px;border:1px solid #c8f9a114;pointer-events:none}.showcase-copy{position:absolute;z-index:2;left:9%;bottom:12%;text-shadow:0 2px 10px #000}.showcase-copy small{font:10px "DM Mono",monospace;letter-spacing:.14em;color:var(--acid)}.showcase-copy h2{font-size:clamp(1.7rem,3vw,3.4rem);line-height:1.17;margin:13px 0}.showcase-copy p{font:10px "DM Mono",monospace;letter-spacing:.13em;color:#b5c4ae}.art-form{position:relative;width:53%;aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(62deg) rotateY(-23deg) rotateZ(18deg);animation:form-spin 15s linear infinite}@keyframes form-spin{to{transform:rotateX(62deg) rotateY(337deg) rotateZ(18deg)}}.art-form i{position:absolute;inset:0;border:clamp(9px,2vw,28px) solid #a0e46a;border-radius:44% 56% 50% 50%;box-shadow:inset 8px 7px 15px #e2ffae77,7px 18px 30px #0009;transform:translateZ(0)}.art-form i:nth-child(2){transform:translateZ(35px);border-color:#628c4a}.art-form i:nth-child(3){transform:translateZ(70px);border-color:#c4f29b}.art-form i:nth-child(4){transform:translateZ(105px);border-color:#395e35}.art-motion{position:relative;width:65%;aspect-ratio:1;transform-style:preserve-3d;animation:motion-spin 13s linear infinite}@keyframes motion-spin{to{transform:rotateY(360deg) rotateX(360deg)}}.art-motion i{position:absolute;inset:10%;border:2px solid #b0efae;border-radius:50%;box-shadow:0 0 30px #b8f46b33}.art-motion i:nth-child(1){transform:rotateY(0)}.art-motion i:nth-child(2){transform:rotateY(30deg)}.art-motion i:nth-child(3){transform:rotateY(60deg)}.art-motion i:nth-child(4){transform:rotateX(30deg)}.art-motion i:nth-child(5){transform:rotateX(60deg)}.art-motion i:nth-child(6){transform:rotateX(90deg)}.art-system{width:54%;aspect-ratio:1;position:relative;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(-31deg);animation:sys-float 6s ease-in-out infinite alternate}@keyframes sys-float{to{transform:rotateX(-18deg) rotateY(-20deg) translateY(-15px)}}.art-system i{position:absolute;width:33%;height:33%;border:1px solid #a7e572;background:linear-gradient(135deg,#577b46,#1b2e20);box-shadow:8px 12px 20px #0008}.art-system i:nth-child(1){left:0;top:0}.art-system i:nth-child(2){left:33%;top:0}.art-system i:nth-child(3){left:66%;top:0}.art-system i:nth-child(4){left:0;top:33%}.art-system i:nth-child(5){left:33%;top:33%;background:#abed72}.art-system i:nth-child(6){left:66%;top:33%}.showcase-ui{position:absolute;z-index:3;left:clamp(30px,7vw,112px);right:clamp(30px,7vw,112px);bottom:35px;display:flex;align-items:center;gap:28px;font-size:10px;color:#a5b19f}.showcase-meter{height:1px;background:#70846966;flex:1}.showcase-meter i{display:block;height:2px;width:0;background:var(--acid)}

/* Spatial scroll story */
.depth-story{height:330vh;background:#071007;position:relative}.depth-sticky{height:100vh;position:sticky;top:0;overflow:hidden;background:#081009}#depth-canvas{position:absolute;inset:0;width:100%;height:100%}.depth-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061008c9 0,transparent 65%)}.depth-header,.depth-footer{position:absolute;z-index:3;left:clamp(30px,7vw,112px);right:clamp(30px,7vw,112px);display:flex;justify-content:space-between;font-size:10px;color:#a5b3a0}.depth-header{top:42px}.depth-footer{bottom:40px}.depth-stage{position:absolute;inset:0;perspective:1400px}.depth-slide{position:absolute;z-index:2;top:50%;left:clamp(30px,7vw,112px);width:min(760px,68vw);transform:translate3d(0,-50%,0);opacity:0;transform-origin:left center;will-change:transform,opacity}.depth-slide:first-child{opacity:1}.depth-eyebrow{font:11px "DM Mono",monospace;color:var(--acid);letter-spacing:.14em}.depth-slide h2{font-size:clamp(3.8rem,8vw,9rem);line-height:.88;letter-spacing:-.09em;margin:24px 0;font-weight:900}.depth-slide h2 em{color:var(--acid);font-style:normal}.depth-slide p{max-width:360px;color:#b8c6b5;font-size:15px;line-height:1.9}.depth-slide-no{position:absolute;right:0;top:0;font:clamp(6rem,14vw,16rem) Inter;font-weight:900;color:#d9ffbe0b;line-height:1}.depth-rail{position:absolute;z-index:3;right:36px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--acid);font:10px "DM Mono",monospace}.depth-rail div{width:1px;height:120px;background:#9dd46c55}.depth-rail i{display:block;width:2px;height:0;background:var(--acid)}

/* Generative sculpture and close */
.signal{background:#0b0d0a}.signal-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:65px 0 54px}.signal-heading .eyebrow{color:var(--acid);margin-bottom:20px}.signal-stage{height:min(75vh,760px);min-height:470px;position:relative;background:#0b0d0b;overflow:hidden;border:1px solid #455840}.signal-stage canvas{width:100%;height:100%;display:block}.signal-stage-head,.signal-stage-foot{position:absolute;left:28px;right:28px;display:flex;justify-content:space-between;font-size:10px;color:#d5e4cc;pointer-events:none}.signal-stage-head{top:25px}.signal-stage-foot{bottom:25px}.marquee{height:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#10140e;overflow:hidden;display:flex;align-items:center}.marquee-inner{display:flex;width:max-content;animation:marquee 28s linear infinite}.marquee-inner span{white-space:nowrap;font:700 clamp(17px,2vw,28px) "DM Mono",monospace;letter-spacing:.02em;color:#818d7c;padding-right:3vw}.marquee-inner b{color:var(--acid);margin:0 2.5vw;font-weight:400}@keyframes marquee{to{transform:translateX(-50%)}}.footer{background:#060806;min-height:80vh;padding:clamp(90px,12vw,160px) clamp(30px,7vw,112px) 40px}.footer-inner{max-width:1500px;margin:auto}.footer .eyebrow{color:var(--acid)}.footer h2{font-size:clamp(4.5rem,10.4vw,13rem);letter-spacing:-.09em;line-height:.91;margin:60px 0;font-weight:900}.footer h2 em{color:var(--acid);font-style:normal}.footer-contact{border-top:1px solid #4a5847;border-bottom:1px solid #4a5847;display:flex;justify-content:space-between;align-items:center;padding:25px 0;font-size:13px}.footer-contact:hover{color:var(--acid)}.footer-contact b{font-size:35px;font-weight:400}.footer-end{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-top:130px;color:var(--muted);font-size:10px}.footer-end img{width:150px;filter:invert(1)}.footer-end a:hover{color:var(--acid)}

@media(max-width:1000px){.hero h1{font-size:clamp(3.5rem,9vw,7rem)}.showcase-art{width:50vw}.depth-slide{width:min(720px,75vw)}.bottom-nav>div{display:none}}
@media(max-width:700px){:root{--rail:52px;--dock:58px}.side-rail .rail-logo{height:59px}.rail-logo img{width:22px}.menu-toggle{height:80px}.menu-toggle span:last-child{font-size:8px}.rail-caption{font-size:8px}.rail-index{margin-bottom:70px;font-size:8px}.bottom-nav{padding:0 20px}.bottom-nav> a:first-child{font-size:10px}.hero{padding:90px 24px 80px;min-height:92svh}.hero h1{font-size:clamp(3rem,10.3vw,5.5rem);white-space:normal}.hero-bottom{left:24px;right:24px;font-size:8px}.hero-bottom span:first-child{display:none}.hero-sub{margin-top:35px;align-items:center}.hero-sub p{font-size:12px}.round-link{width:68px;height:68px;font-size:8px}.section{padding:80px 24px}.section-heading{font-size:9px}.section-heading span:last-child{display:none}.portals-intro{display:block;margin:40px 0}.portals-intro h2,.signal-heading h2{font-size:clamp(3.4rem,13vw,6rem)}.portals-intro p{margin-top:24px}.portal-grid,.reserved-row{grid-template-columns:1fr}.card-visual{height:300px}.showcase{height:auto}.showcase-sticky{position:relative;height:auto;overflow:visible}.showcase-track{width:100%;display:block;transform:none!important}.showcase-panel{width:100%;height:78vh;min-height:550px}.showcase-giant{font-size:28vw}.showcase-art{width:69vw}.showcase-copy{left:24px;bottom:60px}.showcase-ui{display:none}.depth-story{height:300vh}.depth-header,.depth-footer{left:24px;right:24px;font-size:8px}.depth-header span:last-child,.depth-footer span:first-child{display:none}.depth-slide{left:24px;width:calc(100vw - 95px)}.depth-slide h2{font-size:clamp(3rem,11vw,5rem)}.depth-slide p{font-size:12px}.depth-rail{right:18px}.signal-heading{display:block;margin:42px 0}.signal-heading>p{margin-top:25px}.signal-stage{min-height:410px;height:65vh}.signal-stage-head,.signal-stage-foot{left:15px;right:15px;font-size:7px}.footer{padding:95px 24px 32px;min-height:65vh}.footer h2{font-size:clamp(3.5rem,12vw,6rem)}.footer-end{margin-top:90px;font-size:8px}.footer-end img{width:100px}.panel-main{padding:35px 24px}.panel-top,.panel-bottom{padding:0 24px}.panel-product em{font-size:8px}}
@media(max-width:440px){.hero h1{font-size:10.1vw}.hero-sub p{font-size:11px}.panel-nav a span{font-size:2.5rem}.footer-end span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.preloader{display:none}.hero-aura,.effect-orb i,.system-cube,.art-form,.art-motion,.art-system,.marquee-inner{animation:none}.portal-card,.round-link{transition:none}.depth-story{height:100vh}.depth-slide:not(:first-child){display:none}.depth-slide:first-child{opacity:1!important;transform:translate3d(0,-50%,0)!important}}

/* Sticky scenes must see the viewport as their scroll container. */
main{overflow:visible;overflow-x:clip}
.rail-logo img,.footer-end img{filter:none}
.preloader{animation:loader-fallback 0s 4s forwards}@keyframes loader-fallback{to{opacity:0;visibility:hidden}}
@media(max-width:760px){.portals-intro,.signal-heading{display:block}.portals-intro p,.signal-heading>p{max-width:500px;margin-top:25px}.portal-grid,.reserved-row{grid-template-columns:1fr}.card-visual{height:min(60vw,410px)}.signal-heading h2{font-size:clamp(3.4rem,11vw,6rem)}}
.rail-flow{width:100%;min-height:93px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--acid);font:500 9px "DM Mono",monospace;letter-spacing:.07em;line-height:1.1;transition:background .25s,color .25s}
.rail-flow b{font-size:17px;font-weight:400;line-height:1;margin-top:4px}
.rail-flow:hover,.rail-flow:focus-visible{background:var(--acid);color:#080908}
@media(max-width:700px){.rail-flow{min-height:78px;font-size:7px;letter-spacing:0}.rail-flow b{font-size:14px}}