@charset "UTF-8";
/* SIGNAL LAB: original spatial/editorial presentation; cold palette only. */
.stage-site{--stage-blue:#879cff;--stage-ice:#a8d6f5;--stage-lilac:#b6b5ff}
.stage-site #ambient{z-index:8;opacity:.35;mix-blend-mode:screen}
.stage-site .serif{font-family:inherit;font-weight:650;letter-spacing:-.055em}
.stage-site h1,.stage-site h2{letter-spacing:-.065em}
.stage-site .header{background:#090c14d9;border-color:#899bde26;padding-block:14px}
.stage-site .header nav a{padding:8px 13px;border-radius:25px;transition:background .25s,color .25s}
.stage-site .header nav a:hover{background:#8ea6ff17;transform:none}
.stage-site .header nav a[aria-current]{background:#8ea6ff1d;color:#cbd6ff}
.nav-slot{display:block;position:relative;overflow:hidden;height:1.8em;line-height:1.8}.nav-label,.nav-echo{display:block;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.nav-echo{position:absolute;inset:100% 0 auto;color:#b8d2ff}.header nav a:hover .nav-label,.header nav a:hover .nav-echo{transform:translateY(-100%)}
.stage-site .header nav a:after{left:13px;right:13px;width:auto;bottom:3px;opacity:.5}
.stage-site .brand-mark{box-shadow:0 0 24px #7188ff28,inset 0 1px #ccd7ff80}
.stage-site .button.primary{position:relative;background:linear-gradient(115deg,#a2b3ff,#748df4);box-shadow:0 8px 30px #5c78ee25,inset 0 1px #ffffff70;border:1px solid #afbcff70;color:#11182e;overflow:hidden}
.stage-site .button.primary:before{content:"";position:absolute;inset:-50%;background:linear-gradient(90deg,transparent,#ffffff55,transparent);transform:translateX(-110%) rotate(20deg);transition:transform .7s;pointer-events:none}
.stage-site .button.primary:hover:before{transform:translateX(110%) rotate(20deg)}
.stage-site .button.primary>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#11182e1a;font-size:17px;transition:transform .3s}
.stage-site .button.primary:hover>span{transform:rotate(45deg)}
.signal-hero.hero:has(.workbench){min-height:900px;height:auto;max-height:none;grid-template-columns:1.06fr 1fr;gap:25px;padding-top:85px;padding-bottom:145px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 76% 43%,#26345c55,transparent 53%),#090c14}
.signal-hero:before{content:"";position:absolute;width:65%;height:90%;top:9%;right:-15%;background:linear-gradient(140deg,#4b65c31c,transparent 50%);border:1px solid #9bb4ff14;border-radius:45% 0 0 45%;transform:rotate(-20deg);pointer-events:none;z-index:-1}
.signal-field{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.75;pointer-events:none;mask-image:linear-gradient(transparent,black 18%,black 75%,transparent)}
.stage-topline{position:absolute;left:var(--pad);right:var(--pad);top:24px;display:flex;justify-content:space-between;gap:20px;font:9px/1.8 ui-monospace,monospace;letter-spacing:.14em;color:#7f8eaf}
.signal-hero .hero-copy{padding-top:15px;align-self:center}
.signal-hero .hero-intro{font-size:11px;color:#b9c7e7;letter-spacing:.13em;margin-bottom:33px}
.signal-hero h1{font-size:clamp(60px,6.7vw,108px);font-weight:720;line-height:1.14;white-space:nowrap}
.stage-h1-line{display:inline-block;margin-top:7px}
.stage-outline{color:#a9c8ff;-webkit-text-stroke:1px #a9c8ff;text-shadow:0 0 35px #7895fa15;font-weight:400}
@supports(-webkit-text-stroke:1px white){.stage-outline{color:transparent}}
.signal-hero .hero-lead{font-size:15px;line-height:2.1;max-width:470px;margin-top:30px;color:#aeb9d0}
.signal-hero .hero-actions{margin-top:35px;gap:24px;row-gap:20px}
.hero-footnote{display:flex;gap:13px;align-items:center;margin-top:35px;font-size:10px;color:#7f8ba7}
.footnote-line{height:1px;width:36px;background:linear-gradient(90deg,#93acff,transparent)}
.hero-stage{position:relative;min-width:0;perspective:1300px;padding:35px 0 45px;z-index:1;isolation:isolate}
.stage-backword{position:absolute;top:0;left:-10%;font:800 clamp(60px,8vw,145px)/1 Arial,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #849df530;transform:rotate(-8deg);z-index:-1;pointer-events:none}
.hero-stage:before,.hero-stage:after{content:"";position:absolute;inset:12% 3% 14% 7%;border:1px solid #90a9ff24;border-radius:20px;background:linear-gradient(130deg,#526cc821,transparent 60%);z-index:-1;pointer-events:none}
.hero-stage:before{transform:rotate(-9deg) translate(-12px,20px);box-shadow:0 20px 60px #0005}
.hero-stage:after{inset:8% 0 12% 7%;transform:rotate(8deg) translate(10px,-5px);background:linear-gradient(120deg,#aac4ff13,#5367ae13);backdrop-filter:blur(4px)}
.hero-stage .workbench{padding:0 9px 0 12px;margin:0;transition:transform .4s}
.hero-stage .bench-window{transform:perspective(1100px) rotateY(-10deg) rotateX(5deg) rotateZ(3deg);box-shadow:1px 1px #e3eafe,4px 6px #a8bae7,8px 12px #5d74b5,12px 18px #27365f,0 35px 90px #000b;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s}
.hero-stage .bench-underlay{inset:10px -1px 34px 26px;transform:rotate(-6deg) translateY(18px);background:linear-gradient(140deg,#354c8d88,#0f1832aa);border-color:#9caef66b}
.hero-stage .bench-titlebar{padding:13px 20px}.hero-stage .bench-content{padding:18px 22px 20px}
.hero-stage .bench-content [role="tabpanel"]{min-height:390px}.hero-stage .bench-content h2{font-size:23px;letter-spacing:-.04em}
.hero-stage .bench-bottom-note{margin-top:28px;font-size:10px;color:#8797bc;padding:0 25px}
.hero-stage .bench-bottom-note>span:last-child{color:#a7bbfc}
.stage-orbit-label{position:absolute;top:11px;right:13px;display:flex;gap:10px;align-items:center;font:8px monospace;color:#9eb0db;letter-spacing:.15em;transform:rotate(3deg)}
.stage-orbit-label i{height:1px;width:35px;background:#879eda}
.stage-chip{position:absolute;border:1px solid #b7c9ff50;backdrop-filter:blur(20px);background:linear-gradient(130deg,#202c4fdd,#14203cdd);padding:13px 16px;border-radius:10px;box-shadow:0 12px 28px #0005;transition:transform .35s,border-color .35s;transform:translateY(var(--chip-shift,0px)) rotate(-6deg);z-index:3}
.stage-chip>span{display:block;font-size:9px;color:#a1b7e6}.stage-chip b{font-size:12px;font-weight:500;color:#dde6ff;white-space:nowrap;display:block;margin-top:3px}.stage-chip i{font-style:normal;margin-left:12px;color:#b9c8ff}
.stage-chip:hover{transform:translateY(-5px) rotate(0);border-color:#d1ddff}
.stage-chip-top{top:42px;left:-25px}.stage-chip-bottom{bottom:60px;right:-5px;transform:translateY(var(--chip-shift,0px)) rotate(6deg)}
.stage-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:25px;padding-inline:18px}
.stage-view{border:1px solid #869bd24d;background:#141f35d9;border-radius:30px;padding:8px 13px;font-size:10px;color:#b5c5e5;transition:background .3s}
.stage-view:hover{background:#29395c}.stage-view span{margin-left:8px;color:#b6c7ff}
.stage-coordinates{font:8px monospace;letter-spacing:.12em;color:#788caf}
.stage-flat .workbench{transform:none!important}.stage-flat .bench-window{transform:none;box-shadow:0 25px 70px #0007}.stage-flat .bench-underlay{transform:none}.stage-flat:before,.stage-flat:after{opacity:.25}.stage-flat .stage-chip{transform:none}
.signal-hero .hero-bottom{bottom:28px;padding-top:18px;border-color:#8aa1e12a;font-size:9px;letter-spacing:.06em}
.signal-hero .hero-bottom a{display:flex;gap:20px;align-items:center;color:#b7c9f1}.signal-hero .hero-bottom a>span{font-size:20px}
.kinetic-wrap{overflow:hidden;padding:35px 0 45px;background:#090c14}
.kinetic-strip{width:112%;margin-left:-6%;transform:rotate(-2.2deg);background:linear-gradient(90deg,#9eb7ff,#adcdf2,#a2aff6);color:#11192e;box-shadow:0 0 0 1px #d8e4ff80,0 0 55px #708dff18}
.kinetic-track{width:max-content;display:flex;animation:lab-marquee 36s linear infinite}
.kinetic-track>span{display:flex;align-items:center;gap:45px;padding:17px 22px;font:700 29px/1.3 Arial,sans-serif;letter-spacing:-.035em;white-space:nowrap}
.kinetic-track i{font-style:normal;font-weight:400;font-size:36px}.kinetic-wrap:hover .kinetic-track{animation-play-state:paused}
@keyframes lab-marquee{to{transform:translateX(-50%)}}
.stage-site .tool-strip{background:transparent;border-top:0;border-bottom-color:#788ec331;padding-block:24px}
.stage-site .tool-strip b{font-weight:450;letter-spacing:-.035em}
.selected-stage{padding-top:75px}
.gallery-masthead,.work-masthead{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid #8396cc38;padding-bottom:20px;margin-bottom:45px;overflow:hidden}
.gallery-masthead>span:first-child{font:800 clamp(60px,10vw,150px)/.95 Arial,sans-serif;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px #7185bf5c}
.gallery-masthead>span:last-child{font:12px monospace;color:#b5c8fb;white-space:nowrap}
.stage-site .section-heading h2{font-size:clamp(40px,4.8vw,74px);line-height:1.15}
.stage-site .home-selected-grid,.stage-site .catalog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:32px}
.stage-site .catalog-card{position:relative;border:1px solid #9baded38;border-radius:20px;background:linear-gradient(135deg,#151e31,#0e1421);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .45s;transform:perspective(1200px) rotateX(var(--card-rx,0deg)) rotateY(var(--card-ry,0deg)) translateY(var(--card-lift,0px));isolation:isolate}
.stage-site .catalog-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at var(--card-x,50%) var(--card-y,0%),#b7cfff13,transparent 60%);opacity:0;transition:opacity .35s}
.stage-site .catalog-card:hover{--card-lift:-7px;border-color:#99b5ff9c;box-shadow:0 18px 65px #0005,0 0 28px #547be915}.stage-site .catalog-card:hover:after{opacity:1}
.stage-site .catalog-card .project-art{height:360px;border-bottom:1px solid #a6b5e129;background-color:#18263e}
.stage-site .catalog-copy{padding:30px 32px}.stage-site .catalog-meta{font-size:10px;letter-spacing:.015em;color:#a8b8d6}
.stage-site .catalog-copy h3{font-size:30px;letter-spacing:-.045em;margin:16px 0 13px;font-weight:600}
.stage-site .catalog-copy p{font-size:14px;color:#a7b5cf;min-height:0}
.stage-site .catalog-number{font-size:100px;line-height:1;top:7px;left:15px;letter-spacing:-.09em;font-weight:600;color:#c3d2ff0d;-webkit-text-stroke:1px #b0c2ff28;pointer-events:none}
.stage-site .catalog-corner{top:22px;right:22px;width:42px;height:42px;line-height:39px;font-size:23px;border-color:#b2c4ff55;background:#ffffff07}
.stage-site .catalog-result{font-size:11px;margin-top:25px;padding-top:20px;border-color:#8296c52c}
.stage-site .art-note{font-size:10px;color:#a9bbdb;left:20px;bottom:16px}
.home-selected-grid>.catalog-card:nth-child(1){grid-column:span 7}.home-selected-grid>.catalog-card:nth-child(2){grid-column:span 5;margin-top:70px}
.home-selected-grid>.catalog-card:nth-child(1) .project-art{height:420px}.home-selected-grid>.catalog-card:nth-child(2) .project-art{height:350px}
.home-selected-grid>.catalog-card:nth-child(3){grid-column:span 12;display:grid;grid-template-columns:1.15fr 1fr}
.home-selected-grid>.catalog-card:nth-child(3) .project-art{height:330px;border-bottom:0;border-right:1px solid #8496c52c}
.home-selected-grid>.catalog-card:nth-child(3) .catalog-copy{align-self:center;padding-inline:45px}
.stage-site .relay-art{max-width:600px;width:82%;transform:perspective(700px) rotateX(18deg) rotateZ(-10deg);transition:transform .55s}
.stage-site .relay-art>b{width:115px;height:115px;border-radius:25px;font-size:20px;box-shadow:4px 6px #3d58bc,8px 11px #263b88,0 25px 65px #628cff4d}
.stage-site .relay-art>span{font-size:11px;padding:18px 12px;box-shadow:4px 6px #131e38;transform:translateY(7px)}
.stage-site .relay-art>i{height:2px;box-shadow:0 0 15px #8db9f7}.stage-site .relay-art small{top:160px;font-size:10px;letter-spacing:.1em}
.stage-site .catalog-card:hover .relay-art{transform:perspective(700px) rotateX(10deg) rotateZ(-5deg)}
.stage-site .router-body{transform:perspective(600px) rotateX(22deg) rotateY(-20deg) rotateZ(-10deg);width:245px;padding:27px;box-shadow:5px 7px #8591a8,11px 15px #3a465f,16px 22px #1b253b,0 35px 65px #0007;transition:transform .5s}
.stage-site .router-body>b{font-size:27px}.stage-site .router-body i{width:36px}.stage-site .router-art>span{margin-top:50px;letter-spacing:.06em}
.stage-site .catalog-card:hover .router-body{transform:perspective(600px) rotateX(15deg) rotateY(-12deg) rotateZ(-4deg)}
.stage-site .folder{width:265px;height:165px;font-size:31px;background:linear-gradient(145deg,#bfd5f4,#6487b5);box-shadow:5px 8px #4d6384,12px 18px #263852,18px 25px #142137,0 25px 65px #0005;transform:perspective(650px) rotateY(-15deg) rotateZ(-10deg);transition:transform .5s}
.stage-site .folder:before{background:#a2bbde}.stage-site .catalog-card:hover .folder{transform:perspective(650px) rotateY(-5deg) rotateZ(-4deg)}
.stage-site .file-chip{bottom:70px;right:30px;background:#14223be8;backdrop-filter:blur(12px);border-color:#94b1de;box-shadow:0 15px 30px #0004}
.stage-site .art-derp{background:radial-gradient(ellipse at 55% 80%,#344a91,#15223e 70%)}
.stage-site .art-pve{background:radial-gradient(ellipse at 50% 70%,#465477,#1c263d 75%)}
.stage-site .art-openlist{background:radial-gradient(ellipse at 60% 70%,#3c5b81,#14243b 75%)}
.stage-site .art-network{background:radial-gradient(ellipse at 50% 70%,#334e6b,#162437 75%)}
.stage-site .art-watchdog{background:radial-gradient(ellipse at 50% 70%,#414971,#1b2240 75%)}
.stage-site .art-minecraft{background:radial-gradient(ellipse at 50% 70%,#3d5273,#16233a 75%)}
.stage-site .timer-art{width:235px;height:235px;border-width:1px;box-shadow:inset 0 0 0 13px #9ebada08,0 0 0 18px #9ebada05,0 0 0 35px #9ebada04,0 20px 50px #0003;transform:rotate(-8deg)}
.stage-site .timer-art b{font-size:85px}.stage-site .timer-art small,.stage-site .timer-art i{transform:rotate(8deg)}
.stage-site .watch-art{width:75%}.stage-site .watch-art svg{height:135px}.stage-site .watch-art path{stroke:#a9baff;stroke-width:2.5;filter:drop-shadow(0 0 12px #819bff)}
.stage-site .block-art{transform:perspective(600px) rotateY(-17deg) rotateX(10deg) rotateZ(-7deg);transition:transform .5s}.stage-site .block-art i{box-shadow:6px 7px #6b86a9,12px 14px #3f526e,0 20px 35px #0004}.stage-site .catalog-card:hover .block-art{transform:perspective(600px) rotateY(-8deg) rotateX(3deg) rotateZ(-2deg)}
.stage-site .ai-feature{position:relative;overflow:hidden;gap:85px;background:radial-gradient(ellipse at 78% 50%,#24305866,transparent 52%),#101623;padding-block:120px;isolation:isolate}
.stage-site .ai-feature:before{content:"AI";position:absolute;right:0;top:-30px;font:800 500px/1 Arial,sans-serif;letter-spacing:-.1em;color:#90a6fa05;-webkit-text-stroke:1px #9fb8fc12;z-index:-1;pointer-events:none}
.stage-site .ai-feature h2{font-size:clamp(42px,5vw,76px);line-height:1.15}
.stage-flow.workflow-art{display:block;max-width:460px;justify-self:center;align-self:center;width:100%;padding:0;border:0;border-radius:0;background:none;perspective:1000px;transform:rotate(-3deg)}
.stage-flow .flow-heading{display:flex;border:0;border-radius:0;max-width:none;padding:0 10px 20px;justify-content:space-between;gap:20px;min-width:0;color:#afc5f4;font-size:11px}
.stage-flow .flow-heading>span:last-child{font-size:24px;line-height:1}
.stage-flow .flow-slab{display:flex;align-items:center;gap:20px;border:1px solid #99b1f26b;border-radius:12px;width:100%;max-width:none;min-width:0;padding:22px 24px;background:linear-gradient(120deg,#253457,#1b2948);box-shadow:3px 5px #364972,6px 10px #101c35,0 18px 32px #0004;transform:rotateY(-9deg);transition:transform .4s,background .4s}
.stage-flow .flow-slab:nth-of-type(4){margin-left:25px;background:linear-gradient(120deg,#8097e8,#bacbff);color:#162344;border-color:#cfdaff}
.stage-flow .flow-slab:nth-of-type(6){margin-left:8px}
.stage-flow .flow-slab:hover{transform:translateY(-5px) rotateY(0)}
.stage-flow .flow-index{font:11px monospace;color:#a9c1f4;align-self:flex-start;padding-top:3px}
.stage-flow .flow-slab>div{flex:1;min-width:0}.stage-flow .flow-slab b{font-size:22px;font-weight:550;line-height:1.2;color:inherit;letter-spacing:-.03em}
.stage-flow .flow-slab p{font-size:11px;margin-top:6px;color:#9cb0d8;letter-spacing:.05em}
.stage-flow .flow-sign{font-size:28px;color:#b9cdff;line-height:1}.stage-flow .flow-slab:nth-of-type(4) p,.stage-flow .flow-slab:nth-of-type(4) .flow-index,.stage-flow .flow-slab:nth-of-type(4) .flow-sign{color:#324d88}
.stage-flow .flow-connector{border:0;display:flex;gap:8px;padding:13px 0 13px 50px;width:auto;max-width:none;min-width:0}
.flow-connector i{height:3px;width:3px;border-radius:50%;background:#99b8f0;animation:connector-blink 1.8s ease-in-out infinite}.flow-connector i:nth-child(2){animation-delay:.2s}.flow-connector i:nth-child(3){animation-delay:.4s}
@keyframes connector-blink{0%,100%{opacity:.25;transform:translateY(-2px)}50%{opacity:1;transform:translateY(2px)}}
.stage-flow>small{display:block;text-align:right;font-size:10px;color:#8197c1;margin-top:25px}
.stage-site .closing{padding-block:140px;background:radial-gradient(ellipse at 50% 90%,#35467f25,transparent 65%)}
.stage-site .closing h2{font-size:clamp(35px,4.6vw,68px);line-height:1.3}
.stage-site .refined-intro{padding-top:80px;padding-bottom:100px;background:radial-gradient(ellipse at 95% 10%,#33416b22,transparent 45%)}
.stage-site .refined-intro .intro-heading h1{font-size:clamp(55px,8.4vw,125px);font-weight:650;line-height:1.05;letter-spacing:-.07em}
.stage-site .intro-heading{margin-bottom:55px}.stage-site .intro-heading>p{padding-bottom:8px;color:#9cadca}
.work-masthead{margin-bottom:25px;padding-bottom:14px;border-color:#8195cc2a}
.work-masthead>span:first-child{font:700 16px Arial,sans-serif;letter-spacing:.08em;color:#8c9fc9}.work-masthead>span:last-child{font:11px monospace;color:#9eb2df}
.stage-site .catalog-toolbar{margin:28px 0 38px}.stage-site .catalog-topline{border:0;padding-bottom:0}
.stage-site .catalog-filters button{border-radius:6px;padding:11px 16px;font-size:12px;border-color:#8093c43d;background:#111b2c}
.stage-site .catalog-filters button[aria-pressed="true"]{background:#b3c5ff;color:#111b32;border-color:#c9d7ff;box-shadow:0 4px 15px #456ed82b}
.stage-site .catalog-grid>.catalog-card:nth-child(1){grid-column:span 8}.stage-site .catalog-grid>.catalog-card:nth-child(2){grid-column:span 4;margin-top:75px}
.stage-site .catalog-grid>.catalog-card:nth-child(1) .project-art{height:440px}.stage-site .catalog-grid>.catalog-card:nth-child(2) .project-art{height:365px}
.stage-site .catalog-grid>.catalog-card:nth-child(1) .catalog-copy h3{font-size:38px}.stage-site .catalog-grid>.catalog-card:nth-child(2) .catalog-copy h3{font-size:25px}
.stage-site .catalog-grid>.catalog-card:nth-child(3){grid-column:span 5}.stage-site .catalog-grid>.catalog-card:nth-child(4){grid-column:span 7}
.stage-site .catalog-grid>.catalog-card:nth-child(5){grid-column:span 7}.stage-site .catalog-grid>.catalog-card:nth-child(6){grid-column:span 5}
.stage-site .catalog-grid:has(.catalog-card[hidden])>.catalog-card{grid-column:span 6;margin-top:0}.stage-site .catalog-grid:has(.catalog-card[hidden])>.catalog-card .project-art{height:340px}
.stage-site .catalog-grid:has(.catalog-card[hidden])>.catalog-card .catalog-copy h3{font-size:30px}
.stage-site .case-reader{background:linear-gradient(180deg,#0d1421,transparent 400px);border-color:#8296cd38;gap:70px}
.stage-site .reader-rail nav a{border-color:#8da5dc24;padding-block:17px}.stage-site .reader-rail nav a[aria-current="true"]{background:linear-gradient(90deg,#2c3d67,#18223a);box-shadow:inset 2px 0 #a5bbff}
.stage-site .detail-heading h2{font-size:clamp(35px,4vw,58px);letter-spacing:-.05em}.stage-site .detail-deck{font-family:inherit;font-weight:350;color:#a6c6f7;letter-spacing:-.03em}
.stage-site .detail-visual{height:370px;border-radius:18px;margin-top:30px;border-color:#9bb3e63b}
.stage-site .detail-visual .relay-art{max-width:600px}.stage-site .detail-visual .relay-art small{top:125px}
.stage-site .detail-story>section{padding-block:28px;border-color:#8296c42b}.stage-site .detail-story h3{font-size:18px}.stage-site .story-number{font-size:13px;color:#a7c4f3}
.stage-site .detail-contribution{background:linear-gradient(100deg,#1a2841,#111d31);border-left-color:#99b8ef;padding:25px 28px}
.stage-site .crafted-about{padding-top:110px;padding-bottom:130px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 40%,#2f407c35,transparent 50%)}
.stage-site .crafted-about h1{font-size:clamp(45px,5.7vw,86px);line-height:1.2}
.stage-site .stage-portrait{transform:perspective(900px) rotateY(-12deg) rotateZ(5deg);background:#e8eef8;box-shadow:4px 6px #9faed2,9px 13px #435581,15px 21px #192a4a,0 30px 65px #0007;border:1px solid #c5d1ec;transition:transform .6s}
.stage-site .stage-portrait:hover{transform:perspective(900px) rotateY(0) rotateZ(0)}
.portrait-label{position:absolute;left:-18px;top:-43px;font:8px/1.7 monospace;letter-spacing:.11em;color:#a3b8e2;transform:rotate(-5deg)}
.stage-site .origin-section{background:#121c2b;border-color:#849ed52d}.stage-site .origin-grid{gap:40px}
.stage-site .origin-grid article{position:relative;isolation:isolate;border-top:1px solid #9eb3e84d;padding-top:45px;overflow:hidden}
.stage-site .origin-index{position:absolute;right:0;top:10px;font:700 100px/.9 Arial,sans-serif;letter-spacing:-.08em;color:#a0baff10;z-index:-1}
.stage-site .origin-grid h3{font-size:26px;letter-spacing:-.04em}.stage-site .origin-grid p{font-size:14px}.stage-site .origin-grid a{border-bottom:1px solid #8ca8de5c;padding-bottom:5px}
.stage-site .crafted-tools{gap:25px}.stage-site .crafted-tools article{padding:33px;border-color:#9bb3ef3d;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#879ef522,transparent 60%),#141e30;box-shadow:0 18px 35px #0002;transition:transform .4s,border-color .4s}
.stage-site .crafted-tools article:nth-child(2){margin-top:40px}.stage-site .crafted-tools article:nth-child(3){margin-top:80px}
.stage-site .crafted-tools article:hover{transform:translateY(-8px);border-color:#bed0ff80}.stage-site .crafted-tools .tool-glyph{font-size:45px;color:#b0c9fa}.stage-site .crafted-tools h3{font-size:32px}
.stage-site .approach{background:#111b2c}.stage-site .approach-list article{padding-block:36px;border-color:#859bd135}
.stage-site .approach-list article>span{font:28px/1 Arial,sans-serif;letter-spacing:-.05em;color:#849fd5}.stage-site .approach-list h3{font-size:25px}
.stage-site .direction h2{font-size:clamp(38px,4.5vw,62px);line-height:1.2}
.stage-footer.footer{position:relative;display:grid;grid-template-columns:1.3fr .55fr .8fr;gap:50px;background:radial-gradient(ellipse at 50% 50%,#31477a38,transparent 70%),#0e1727;border-color:#91abeb47;padding-top:45px;overflow:hidden}
.footer-runway{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid #9bb4ec26;padding-bottom:20px;font:11px monospace;letter-spacing:.12em;color:#91abd7}
.footer-runway>span:last-child{font-size:35px;line-height:1}.stage-footer.footer h2{font-size:clamp(40px,4.6vw,72px);letter-spacing:-.06em;line-height:1.12;margin:20px 0 28px}
.stage-footer .contact-mail{font-size:clamp(17px,1.9vw,27px);color:#c3d7ff;border-color:#93b4e8}
.footer-invite{align-self:center;justify-self:center;width:125px;height:125px;border:1px solid #b7caff8c;border-radius:50%;background:radial-gradient(circle at 30% 20%,#c4d5ff,#8ba6e5 55%,#586eaa);box-shadow:inset 2px 2px 5px #eff4ff9c,inset -4px -5px 16px #3c50844d,0 20px 45px #17294f;color:#172b50;position:relative;transition:transform .4s,box-shadow .4s}
.footer-invite>span{display:block;font:65px/1 Arial,sans-serif;transition:transform .4s}.footer-invite:hover{transform:scale(1.07);box-shadow:0 18px 55px #6387d13d}.footer-invite:hover>span{transform:rotate(45deg)}
.stage-footer .footer-contact{align-self:center;font-size:12px}.stage-footer .footer-contact small{font-size:10px;line-height:1.9}.stage-footer .footer-bottom{grid-column:1/-1;border-color:#8099d12a}
.stage-paused *{animation-play-state:paused!important}
.stage-site.motion-off .catalog-card,.motion-off .stage-site .catalog-card{transform:none!important}
.motion-off .stage-site .bench-window{transform:none!important}.motion-off .stage-site .kinetic-strip{transform:none}.motion-off .stage-site .stage-portrait{transform:none}
@media(min-width:1700px){.signal-hero.hero:has(.workbench){max-width:1700px;margin:auto;min-height:1000px}.signal-hero h1{font-size:110px}}
@media(max-width:1200px){.signal-hero.hero:has(.workbench){gap:15px;min-height:870px}.signal-hero h1{font-size:6.5vw}.signal-hero .hero-lead{font-size:14px}.hero-stage .bench-content h2{font-size:21px}.stage-chip-top{left:-12px;top:35px}.stage-chip-bottom{right:-8px;bottom:65px}.stage-site .catalog-copy{padding:26px}.stage-site .catalog-copy h3{font-size:27px}.stage-site .catalog-grid>.catalog-card:nth-child(2) .catalog-copy h3{font-size:23px}.stage-site .router-body{width:220px;padding:23px}.stage-site .router-body i{width:30px}.stage-site .catalog-grid>.catalog-card:nth-child(2) .catalog-meta{flex-direction:column;gap:4px}.stage-site .ai-feature{gap:60px}.stage-flow .flow-slab{padding:20px}.stage-site .crafted-about{gap:65px}.stage-footer.footer{gap:35px}.footer-invite{width:105px;height:105px}}
@media(max-width:960px){.signal-hero.hero:has(.workbench){grid-template-columns:1fr;display:grid;gap:15px;min-height:0;padding-top:100px;padding-bottom:110px}.signal-hero .hero-copy{padding-top:0}.signal-hero h1{font-size:clamp(60px,10vw,90px)}.signal-hero .hero-lead{font-size:16px}.signal-hero .hero-actions{margin-top:30px}.hero-footnote{margin-top:22px}.hero-stage{width:min(100%,620px);justify-self:center;padding-top:65px;margin-top:15px}.stage-backword{left:-5%;top:10px;font-size:110px}.hero-stage .workbench{max-width:none;width:100%;margin-top:0}.hero-stage .bench-window{transform:perspective(1100px) rotateY(-7deg) rotateX(3deg) rotateZ(2deg)}.stage-chip-top{top:67px;left:-5px}.stage-chip-bottom{right:-8px}.stage-site .home-selected-grid,.stage-site .catalog-grid{gap:24px}.stage-site .home-selected-grid>.catalog-card:nth-child(1),.stage-site .home-selected-grid>.catalog-card:nth-child(2){grid-column:span 6}.stage-site .home-selected-grid>.catalog-card:nth-child(2){margin-top:50px}.stage-site .home-selected-grid>.catalog-card:nth-child(1) .project-art{height:340px}.stage-site .home-selected-grid>.catalog-card:nth-child(2) .project-art{height:290px}.stage-site .catalog-copy{padding:23px}.stage-site .catalog-copy h3{font-size:24px}.stage-site .relay-art>b{width:85px;height:85px;font-size:16px}.stage-site .relay-art>span{font-size:9px;padding:14px 9px}.stage-site .relay-art small{top:130px}.stage-site .router-body{width:185px;padding:20px}.stage-site .router-body>b{font-size:22px}.stage-site .router-body i{width:24px}.stage-site .catalog-grid>.catalog-card:nth-child(1),.stage-site .catalog-grid>.catalog-card:nth-child(2){grid-column:span 6}.stage-site .catalog-grid>.catalog-card:nth-child(2){margin-top:50px}.stage-site .catalog-grid>.catalog-card:nth-child(1) .project-art{height:380px}.stage-site .catalog-grid>.catalog-card:nth-child(2) .project-art{height:330px}.stage-site .catalog-grid>.catalog-card:nth-child(1) .catalog-copy h3{font-size:29px}.stage-site .folder{width:220px;height:145px;font-size:26px}.stage-site .ai-feature{grid-template-columns:1fr;gap:65px;padding-block:90px}.stage-site .ai-feature>div:first-child{max-width:620px}.stage-flow.workflow-art{justify-self:center;width:min(100% - 25px,460px);margin-right:25px}.stage-site .crafted-about{gap:45px}.stage-site .crafted-about h1{font-size:5.6vw}.stage-site .crafted-tools article{padding:25px}.stage-site .crafted-tools h3{font-size:27px}.stage-footer.footer{grid-template-columns:1.3fr .7fr}.stage-footer .footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 30px}.stage-footer .footer-contact small{margin-top:0;grid-column:2;grid-row:1/4}.stage-footer .footer-contact>a{margin-top:0}.stage-footer .footer-contact>p:last-of-type{grid-column:1}.stage-site .origin-grid{gap:25px}.stage-site .origin-grid h3{font-size:22px}}
@media(max-width:760px){.stage-site .header{padding-block:12px}.stage-site .header nav{gap:28px}.stage-site .header nav a{font-size:12px;padding:6px 13px}.signal-hero.hero:has(.workbench){display:grid;padding-top:82px;padding-bottom:95px;gap:12px}.stage-topline{top:18px;font-size:8px;letter-spacing:.08em}.stage-topline>span:last-child{font-size:8px}.signal-hero .hero-intro{font-size:10px;margin-bottom:23px}.signal-hero .tiny-star{font-size:20px;margin-right:8px}.signal-hero h1{font-size:clamp(42px,10.8vw,78px);line-height:1.15;letter-spacing:-.075em}.stage-h1-line{margin-top:4px}.stage-outline{-webkit-text-stroke-width:.7px}.signal-hero .hero-lead{font-size:13px;line-height:2;margin-top:25px}.signal-hero .hero-actions{margin-top:27px;gap:20px;row-gap:18px}.signal-hero .button.primary{padding:12px 18px;gap:20px}.hero-footnote{font-size:9px;margin-top:23px;gap:10px}.footnote-line{width:24px}.hero-stage{width:100%;max-width:500px;padding-top:58px;padding-bottom:38px;margin-top:5px}.hero-stage .workbench{width:100%;padding:0 5px;align-self:auto}.hero-stage .bench-window{transform:rotate(1deg)}.hero-stage .bench-underlay{inset:5px 4px 32px 17px}.hero-stage:before{transform:rotate(-7deg) translate(-6px,16px)}.hero-stage:after{transform:rotate(6deg) translate(4px,0)}.stage-backword{font-size:17vw;left:0;top:8px}.stage-orbit-label{font-size:7px;top:25px;right:8px}.stage-chip{padding:9px 12px;border-radius:8px}.stage-chip>span{font-size:8px}.stage-chip b{font-size:10px}.stage-chip-top{top:50px;left:-7px}.stage-chip-bottom{bottom:64px;right:-6px}.hero-stage .bench-titlebar{padding:13px 17px}.hero-stage .bench-content{padding:18px}.hero-stage .bench-content [role="tabpanel"]{min-height:395px}.hero-stage .bench-content h2{font-size:21px}.hero-stage .bench-bottom-note{font-size:9px;margin-top:25px;padding-inline:9px}.stage-controls{padding-inline:5px;margin-top:20px;gap:12px}.stage-view{font-size:9px;padding:8px 11px}.stage-coordinates{font-size:7px}.signal-hero .hero-bottom{font-size:8px;bottom:17px;align-items:center}.signal-hero .hero-bottom>span:last-child{font-size:7px;letter-spacing:0}.signal-hero .hero-bottom a{font-size:10px;gap:14px}.kinetic-wrap{padding:25px 0 32px}.kinetic-track>span{font-size:22px;gap:28px;padding:13px 14px}.kinetic-track i{font-size:27px}.stage-site .tool-strip{padding-block:20px}.stage-site .tool-strip b{font-size:18px}.selected-stage{padding-top:55px}.gallery-masthead{padding-bottom:15px;margin-bottom:35px}.gallery-masthead>span:first-child{font-size:17vw}.gallery-masthead>span:last-child{font-size:10px}.stage-site .section-heading h2{font-size:clamp(34px,8vw,52px)}.stage-site .home-selected-grid,.stage-site .catalog-grid{grid-template-columns:minmax(0,1fr);gap:27px}.stage-site .home-selected-grid>.catalog-card:nth-child(n),.stage-site .catalog-grid>.catalog-card:nth-child(n){grid-column:auto;display:block;margin-top:0}.stage-site .catalog-card .project-art,.stage-site .home-selected-grid>.catalog-card:nth-child(n) .project-art,.stage-site .catalog-grid>.catalog-card:nth-child(n) .project-art{height:320px;border-right:0;border-bottom:1px solid #8298c92c}.stage-site .home-selected-grid>.catalog-card:nth-child(3) .catalog-copy{padding:26px}.stage-site .catalog-copy{padding:26px}.stage-site .catalog-copy h3,.stage-site .catalog-grid>.catalog-card:nth-child(n) .catalog-copy h3{font-size:27px}.stage-site .catalog-copy p{font-size:13px}.stage-site .catalog-meta{font-size:10px;display:flex;flex-direction:row!important;justify-content:space-between;gap:10px}.stage-site .catalog-number{font-size:90px}.stage-site .catalog-result{font-size:10px;margin-top:22px}.stage-site .catalog-result>span:last-child{font-size:10px}.stage-site .catalog-corner{width:37px;height:37px;line-height:34px;top:18px;right:18px}.stage-site .relay-art{width:85%;max-width:380px;transform:perspective(700px) rotateX(12deg) rotateZ(-8deg)}.stage-site .relay-art>b{width:86px;height:86px;font-size:16px}.stage-site .relay-art>span{font-size:9px;padding:14px 9px}.stage-site .relay-art small{top:135px;font-size:9px}.stage-site .router-body{width:235px;padding:25px}.stage-site .router-body>b{font-size:26px}.stage-site .router-body i{width:33px}.stage-site .folder{width:235px;height:150px;font-size:27px}.stage-site .timer-art{width:205px;height:205px}.stage-site .timer-art b{font-size:72px}.stage-site .watch-art{width:80%}.stage-site .watch-art>b{font-size:13px}.stage-site .art-note{font-size:9px;left:18px}.stage-site .ai-feature{padding-block:75px;gap:50px}.stage-site .ai-feature h2{font-size:clamp(36px,8.7vw,55px)}.stage-site .ai-feature:before{font-size:350px}.stage-flow.workflow-art{width:calc(100% - 17px);margin-right:17px;transform:rotate(-2deg)}.stage-flow .flow-slab{padding:18px 17px;gap:13px;border-radius:10px}.stage-flow .flow-slab b{font-size:20px}.stage-flow .flow-slab p{font-size:10px}.stage-flow .flow-sign{font-size:26px}.stage-flow .flow-slab:nth-of-type(4){margin-left:17px}.stage-flow .flow-heading{padding-bottom:18px}.stage-flow .flow-connector{padding-block:11px}.stage-flow>small{font-size:9px}.stage-site .closing{padding-block:90px}.stage-site .closing h2{font-size:clamp(28px,6.6vw,44px);letter-spacing:-.05em;line-height:1.4}.stage-site .refined-intro{padding-top:65px;padding-bottom:65px}.stage-site .refined-intro .intro-heading h1{font-size:clamp(47px,13vw,90px);line-height:1.07}.stage-site .intro-heading{gap:24px;margin-bottom:35px}.stage-site .intro-heading>p{font-size:13px}.work-masthead{margin-bottom:20px;padding-bottom:12px}.work-masthead>span:first-child{font-size:12px}.stage-site .catalog-toolbar{margin:23px 0 28px}.stage-site .catalog-filters button{font-size:10px;padding:10px 12px}.stage-site .catalog-filters button span{font-size:9px}.stage-site .catalog-grid:has(.catalog-card[hidden])>.catalog-card{grid-column:auto}.stage-site .catalog-grid:has(.catalog-card[hidden])>.catalog-card .project-art{height:320px}.stage-site .catalog-grid:has(.catalog-card[hidden])>.catalog-card .catalog-copy h3{font-size:27px}.stage-site .case-reader{padding-top:40px}.stage-site .reader-rail nav a{padding:10px 12px}.stage-site .detail-heading h2{font-size:32px}.stage-site .detail-deck{font-size:22px}.stage-site .detail-visual{height:300px;border-radius:14px}.stage-site .detail-visual .relay-art small{top:120px}.stage-site .detail-story>section{padding-block:23px}.stage-site .detail-story h3{font-size:16px}.stage-site .detail-contribution{padding:20px}.stage-site .crafted-about{padding-top:75px;padding-bottom:85px;gap:75px}.stage-site .crafted-about h1{font-size:clamp(29px,8.8vw,55px)}.stage-site .stage-portrait{max-width:270px;transform:rotate(4deg)}.portrait-label{left:0;top:-40px;font-size:8px}.stage-site .origin-grid{gap:35px}.stage-site .origin-grid article{padding-top:38px}.stage-site .origin-grid h3{font-size:23px}.stage-site .origin-index{font-size:95px}.stage-site .crafted-tools article:nth-child(n){margin-top:0}.stage-site .crafted-tools article{padding:28px}.stage-site .crafted-tools h3{font-size:30px}.stage-site .approach-list article{padding-block:28px}.stage-site .approach-list h3{font-size:21px}.stage-site .approach-list article>span{font-size:21px}.stage-site .direction h2{font-size:35px}.stage-footer.footer{grid-template-columns:1fr .4fr;gap:30px 20px;padding-top:30px}.footer-runway{padding-bottom:16px;font-size:9px}.footer-runway>span:last-child{font-size:30px}.stage-footer.footer h2{font-size:clamp(32px,8.4vw,50px);line-height:1.15;margin-top:15px}.stage-footer .contact-mail{font-size:clamp(14px,3.8vw,20px)}.footer-invite{width:72px;height:72px}.footer-invite>span{font-size:43px}.stage-footer .footer-contact{display:block;font-size:12px}.stage-footer .footer-contact small{margin-top:17px;font-size:10px}.stage-footer .footer-contact>a{margin-top:7px}.stage-footer .footer-bottom{font-size:8px;gap:12px;line-height:1.8}}
@media(max-width:380px){.signal-hero h1{font-size:11vw}.signal-hero .hero-intro{font-size:9px}.signal-hero .hero-lead{font-size:12px}.stage-chip-top{top:50px;left:-5px}.stage-chip-bottom{right:-4px}.stage-chip{padding:8px 10px}.stage-chip b{font-size:9px}.hero-stage .bench-content{padding-inline:14px}.hero-stage .bench-content h2{font-size:18px}.hero-stage .bench-content [role="tabpanel"]{min-height:405px}.hero-stage .bench-titlebar{font-size:11px}.hero-stage .bench-bottom-note{font-size:8px;padding-inline:2px}.stage-controls{gap:8px}.stage-coordinates{font-size:6px}.stage-site .catalog-card .project-art,.stage-site .home-selected-grid>.catalog-card:nth-child(n) .project-art,.stage-site .catalog-grid>.catalog-card:nth-child(n) .project-art{height:280px}.stage-site .catalog-copy,.stage-site .home-selected-grid>.catalog-card:nth-child(3) .catalog-copy{padding:22px}.stage-site .catalog-copy h3,.stage-site .catalog-grid>.catalog-card:nth-child(n) .catalog-copy h3{font-size:24px}.stage-site .catalog-meta{font-size:9px}.stage-site .catalog-result,.stage-site .catalog-result>span:last-child{font-size:9px}.stage-site .relay-art>span{font-size:8px;padding:11px 6px}.stage-site .relay-art>b{width:73px;height:73px}.stage-site .relay-art small{top:115px;font-size:8px}.stage-site .router-body{width:205px;padding:22px}.stage-site .router-body i{width:28px}.stage-site .router-body>b{font-size:24px}.stage-site .folder{width:205px;height:135px;font-size:24px}.stage-site .file-chip{bottom:55px;right:20px;font-size:9px;padding:10px 12px}.stage-site .timer-art{width:180px;height:180px}.stage-site .timer-art b{font-size:64px}.stage-site .watch-art>b{font-size:12px}.stage-site .refined-intro .intro-heading h1{font-size:14vw}.stage-site .catalog-filters button{padding:9px 10px;font-size:9px}.stage-flow .flow-slab b{font-size:18px}.stage-flow .flow-slab p{font-size:9px}.stage-flow .flow-sign{font-size:23px}.stage-site .detail-heading h2{font-size:28px}.stage-site .detail-visual .relay-art>span{font-size:8px;padding:11px 6px}.stage-site .stage-portrait{max-width:235px}.stage-footer.footer{gap:25px 12px}.footer-invite{width:62px;height:62px}.footer-invite>span{font-size:37px}.stage-footer.footer h2{font-size:8.6vw}}
.signal-hero .hero-copy{align-self:start;padding-top:55px}.hero-stage{align-self:start}.stage-topline{z-index:2;color:#9babcf}
.signal-hero .hero-copy{transform:translateY(var(--title-shift,0px))}.hero-stage:not(.stage-flat) .bench-window{transform:perspective(1100px) translateY(var(--stage-rise,0px)) rotateY(-10deg) rotateX(5deg) rotateZ(calc(3deg + var(--stage-turn,0deg)))}
.stage-outline{transition:color .5s,text-shadow .5s}.stage-outline:hover{color:#b9d1ff;text-shadow:0 0 40px #8baaff40}
.stage-chip-top{top:-20px}
@media(max-width:960px){.signal-hero .hero-copy{padding-top:0}.stage-chip-top{top:10px}}
@media(max-width:760px){.stage-chip-top{top:0}.stage-orbit-label{top:13px}.hero-stage{padding-top:65px}.hero-stage:not(.stage-flat) .bench-window{transform:translateY(var(--stage-rise,0px)) rotate(calc(1deg + var(--stage-turn,0deg)))}}
@media(prefers-reduced-motion:reduce){.stage-site .catalog-card,.hero-stage .bench-window,.stage-site .stage-portrait{transform:none!important}.kinetic-strip{transform:none}.signal-field{opacity:.45}.stage-site .catalog-card:hover{--card-lift:0px}}
@view-transition{navigation:none}
.stage-site:after{content:"";position:fixed;inset:0;background:linear-gradient(130deg,#1b2a4b,#3b5088);z-index:100;pointer-events:none;transform:translateY(-102%);animation:signal-curtain .6s cubic-bezier(.7,0,.2,1) both}
@keyframes signal-curtain{from{transform:translateY(0)}to{transform:translateY(-102%)}}
@media(prefers-reduced-motion:reduce){.stage-site:after{animation:none!important}}
