.hero-disciplines .discipline-stage{transform-style:preserve-3d;transform:rotateX(calc(10deg - var(--assembly) * 6deg)) rotateY(calc(-14deg + var(--assembly) * 10deg)) rotateZ(calc(-7deg + var(--assembly) * 5deg));pointer-events:none;align-items:center;display:flex;position:absolute;inset:85px 0 100px 20px}.hero-disciplines .art-project-grid{width:100%;transform-style:preserve-3d;gap:14px}.hero-disciplines .discipline-card{--depth:0px;--offset:0px;--drift:10px;--gather:0%;transform:translate3d(calc(var(--px) * var(--drift) + var(--assembly) * var(--gather)), calc(var(--offset) * (1 - var(--assembly)) + var(--py) * var(--drift)), calc(var(--depth) * (1 - var(--assembly))));background:linear-gradient(145deg,#3c4042eb,#1b1e20f5 60%);border:1px solid #d9d5c24d;border-radius:22px;padding:14px 10px 20px;position:relative;box-shadow:inset 0 1px #fff5,inset 0 -1px #d9b98426,4px 6px #111416,5px 7px #aeb8bf33,8px 30px 35px #0007}.hero-disciplines .discipline-software{--offset:38px;--depth:-18px;--drift:9px;--gather:13%}.hero-disciplines .discipline-web{--offset:0px;--depth:22px;--drift:17px}.hero-disciplines .discipline-physical{--offset:-38px;--depth:48px;--drift:24px;--gather:-13%}@keyframes discipline-float{0%,to{translate:0 5px}50%{translate:0 -5px}}@media (prefers-reduced-motion:no-preference){.hero-disciplines .discipline-card{animation:6s ease-in-out infinite paused discipline-float}.hero-disciplines .discipline-web{animation-duration:6.8s;animation-delay:-2.2s}.hero-disciplines .discipline-physical{animation-duration:7.4s;animation-delay:-4.6s}.hero-disciplines[data-floating=true] .discipline-card{animation-play-state:running}}.hero-disciplines .art-project-grid .discipline-index{letter-spacing:.13em;color:#ddc8a7;margin:0 4px 15px;font-size:7px}.hero-disciplines .art-project-grid .discipline-title{min-height:32px;margin:15px 4px 0}.hero-disciplines .art-project-grid .discipline-title b{color:#eee9dd;font-size:12px}.hero-disciplines .art-project-grid .discipline-title+span{margin-inline:4px;font-size:5px}.hero-disciplines:after{content:"";filter:blur(18px);pointer-events:none;z-index:-1;background:radial-gradient(#d5a46619,#0000 68%);height:90px;position:absolute;inset:auto 10% 7% 12%}@media (min-width:801px) and (max-width:1100px){.hero .hero-disciplines{margin-left:0;margin-right:20px}.hero-disciplines .discipline-stage{left:0;right:14px}}@media (max-width:800px){.hero-disciplines .discipline-stage{inset:55px 15px 50px}}@media (max-width:540px){.hero .hero-disciplines{height:350px}.hero-disciplines .discipline-stage{inset:30px 8px 65px;transform:rotateX(8deg)rotateY(-10deg)rotate(-6deg)}.hero-disciplines .discipline-card{border-radius:15px;padding:10px 6px 14px}.hero-disciplines .art-project-grid .discipline-index{margin-bottom:10px;font-size:5px}.hero-disciplines .art-project-grid .discipline-title b{font-size:9px}.hero-disciplines .art-project-grid .discipline-title+span{font-size:4px;line-height:1.7}.hero-disciplines .discipline-software{--offset:24px;--depth:-8px}.hero-disciplines .discipline-physical{--offset:-24px;--depth:18px}}.hero-art .art-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-art .art-project-grid .discipline-title{align-items:flex-start;min-height:32px}.hero-art .art-project-grid b{font-size:11px;line-height:1.35}.hero-art .art-project-grid>div>span{color:#abb2b5;letter-spacing:.055em}.hero-art .art-orbit{pointer-events:none}.hero-art .art-project-grid .discipline-visual{aspect-ratio:1.2;border:1px solid #d5dce21f;border-radius:12px;width:100%;margin:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 8px 18px #0005}.software-visual{background:radial-gradient(at 45% 48%,#a0774238,#0000 68%),linear-gradient(140deg,#25272a,#141618)}.web-visual{background:radial-gradient(at 55% 45%,#859bb53b,#0000 70%),linear-gradient(140deg,#242a30,#15181c)}.software-chip{background:linear-gradient(150deg,#66543c,#25282a);border:1px solid #c7a66d61;border-radius:13%;position:absolute;inset:29% 18% 15% 26%;transform:rotate(-8deg);box-shadow:5px 9px #0e1012,6px 10px #8e785c55,0 20px 24px #0008}.software-chip span{background:#b59c75;width:10%;height:2px;position:absolute;top:25%;left:-14%;box-shadow:0 8px #b59c75,0 16px #b59c75,0 24px #b59c75}.software-chip span:nth-child(2){left:auto;right:-14%}.software-chip span:nth-child(3),.software-chip span:nth-child(4){display:none}.software-window{background:linear-gradient(135deg,#404447ed,#24282bee);border:1px solid #ece4d34d;border-radius:9%;position:absolute;inset:16% 20% 26% 12%;transform:rotate(-6deg);box-shadow:inset 0 1px #ffffff32,4px 13px 20px #0009}.mini-window-bar{border-bottom:1px solid #ffffff12;align-items:center;gap:4%;height:17%;padding-inline:8%;display:flex;position:relative}.mini-window-bar i{aspect-ratio:1;opacity:.65;background:#c8c5bb;border-radius:50%;width:3%}.software-dashboard{align-items:center;gap:14%;height:58%;padding:9% 12% 3%;display:flex}.software-dial{aspect-ratio:1;background:#1d2125;border:2px solid #cdb080;border-radius:50%;place-items:center;height:100%;display:grid;box-shadow:0 0 12px #cfac6c20,inset 0 1px 6px #0008}.hero-art .software-dial svg{color:#d9d2c2;width:40%;height:40%}.software-sliders{gap:8px;width:35%;display:grid}.software-sliders i{background:#afb9c23b;border-radius:9px;height:3px;position:relative}.software-sliders i:after{content:"";background:#dfc89f;border-radius:50%;width:7px;height:7px;position:absolute;top:-2px;left:60%;box-shadow:0 0 5px #dec69c33}.software-sliders i:nth-child(2):after{left:25%}.software-sliders i:nth-child(3):after{left:45%}.software-readout{align-items:end;gap:5%;height:16%;margin:0 12%;display:flex}.software-readout span{background:#c6b29366;border-radius:1px;width:10%;height:40%}.software-readout span:nth-child(2n){height:65%}.software-readout span:nth-child(3n){height:90%}.visual-orbit{pointer-events:none;border:1px solid #cab38c12;border-radius:50%;position:absolute;inset:8%}.browser-back{background:linear-gradient(135deg,#3b4856,#1c242c);border:1px solid #a2b7cf50;border-radius:9%;position:absolute;inset:17% 23% 21% 18%;transform:rotate(8deg)translate(8%,-3%);box-shadow:0 14px 24px #0005}.hero-art .browser-back svg{color:#c0d1e388;width:13%;height:auto;position:absolute;top:10%;right:6%}.browser-window{background:linear-gradient(140deg,#404a54,#252c33);border:1px solid #d5dfe968;border-radius:9%;position:absolute;inset:24% 21% 15% 10%;transform:rotate(-5deg);box-shadow:inset 0 1px #ffffff32,4px 15px 20px #0008}.mini-window-bar>span{background:#c7d4e22b;border-radius:8px;width:40%;height:3px;margin-left:15%}.mini-web-content{padding:9% 10%}.mini-web-title{background:#dee3e3c9;border-radius:9px;width:65%;height:5px}.mini-web-line{background:#bcc9d34d;border-radius:9px;width:80%;height:3px;margin-top:6%}.mini-web-button{background:#c5ad89;border-radius:9px;width:23%;height:5px;margin-top:8%}.mini-web-grid{gap:7%;margin-top:11%;display:flex}.mini-web-grid i{aspect-ratio:1.4;background:linear-gradient(140deg,#b2c5d96b,#8297ab17);border:1px solid #d9e3ea22;border-radius:15%;width:29%}.mini-phone{background:linear-gradient(135deg,#626c73,#242b32);border:1px solid #d5dee585;border-radius:16%;width:23%;height:47%;padding:16% 3% 0;position:absolute;bottom:10%;right:11%;transform:rotate(5deg);box-shadow:inset 0 0 0 3px #252c31,4px 9px 14px #0008}.mini-phone i{background:#13191f;border-radius:9px;width:30%;height:3%;position:absolute;top:7%;left:35%}.mini-phone span{background:#c6d0d7aa;border-radius:9px;height:3px;margin-bottom:18%;display:block}.mini-phone b{background:#b5c5d733;border:1px solid #e1eaf01a;border-radius:20%;height:20%;display:block}@media (max-width:540px){.software-sliders{gap:5px}.software-sliders i:after{width:5px;height:5px;top:-1px}.mini-web-title{height:3px}.mini-web-line{height:2px}.mini-web-button{height:3px}.hero-art .art-project-grid .discipline-visual{aspect-ratio:1.3;border-radius:7px}}.hero-art .art-project-grid .discipline-visual{aspect-ratio:.8}.software-window{inset:24% 13% 28% 9%}.software-chip{inset:36% 13% 18% 23%}.browser-window{inset:29% 15% 22% 8%}.browser-back{inset:22% 18% 28% 17%}.mini-phone{aspect-ratio:9/19;border-radius:28%/13%;width:27%;height:auto;padding:21% 3% 0;bottom:16%;right:7%;transform:rotate(8deg);box-shadow:inset 0 0 0 2px #252c31,3px 7px 12px #0008}.cad-visual{background:radial-gradient(at 50% 40%,#8ea8a82c,#0000 72%),linear-gradient(140deg,#252c2c,#151b1b)}.cad-window{background:linear-gradient(135deg,#3d4947,#202c2d);border:1px solid #d7e1d66b;border-radius:8%;position:absolute;inset:15% 5%;overflow:hidden;transform:rotate(-4deg);box-shadow:inset 0 1px #ffffff32,4px 12px 20px #0009}.cad-window .mini-window-bar{background:#56625d38;height:11%}.cad-viewport{background:#161b1c;position:absolute;inset:11% 0 10%;overflow:hidden}.hero-art .art-project-grid .cad-model-render{aspect-ratio:auto;width:170%;max-width:none;height:auto;box-shadow:none;filter:brightness(1.85)saturate(.55);mix-blend-mode:lighten;border:0;border-radius:0;position:absolute;top:2%;left:-31%}.cad-grid{opacity:.7;background-image:linear-gradient(#afc9c520 1px,#0000 1px),linear-gradient(90deg,#afc9c520 1px,#0000 1px);background-size:12px 12px;position:absolute;inset:46% -30% -25%;transform:perspective(100px)rotateX(52deg)rotate(-22deg)}.cad-toolbar{background:#202a2de6;border-right:1px solid #ffffff16;flex-direction:column;gap:11%;width:12%;padding:8% 3%;display:flex;position:absolute;top:11%;bottom:10%;left:0}.cad-toolbar i{aspect-ratio:1;border:1px solid #becdc6b3;border-radius:2px;width:100%}.cad-toolbar i:nth-child(2){border-radius:50%}.cad-toolbar i:nth-child(3){border-color:#e8c88e;transform:rotate(45deg)}.cad-view-label{color:#bdc7c5;letter-spacing:.1em;font-size:3px;position:absolute;top:5%;left:17%}.cad-view-cube{aspect-ratio:1;background:#91a79d33;border:1px solid #c5d3ce80;width:11%;position:absolute;top:5%;right:5%;transform:rotate(-30deg)skew(15deg);box-shadow:2px 3px #162321,3px 4px #c5d3ce55}.cad-view-cube span{color:#d0d8d2;place-items:center;font-size:3px;display:grid;position:absolute;inset:0}.cad-axis{width:12%;height:12%;position:absolute;bottom:7%;right:9%}.cad-axis i{transform-origin:0;background:#ddae8a;width:100%;height:1px;position:absolute;bottom:0;left:0}.cad-axis i:nth-child(2){background:#a4c9a9;transform:rotate(-90deg)}.cad-axis i:nth-child(3){background:#a1bdd5;transform:rotate(-35deg)}.cad-status{color:#c5cec7;letter-spacing:.08em;background:#36413e;border-top:1px solid #ffffff14;align-items:center;gap:4%;height:10%;padding:0 6%;font-size:3px;display:flex;position:absolute;bottom:0;left:0;right:0}.cad-status i{background:#dec18d;border-radius:50%;width:3px;height:3px}.cad-status span{margin-left:auto}@media (max-width:540px){.hero-art .art-project-grid{gap:7px}.hero-art .art-project-grid b{font-size:8px}.hero-art .art-project-grid .discipline-title{min-height:24px;margin-top:8px}.hero-art .art-project-grid>div>span{font-size:4px}.hero-art .art-project-grid .discipline-visual{aspect-ratio:.75}.hero-art .art-project-grid .discipline-title svg{display:none}.software-sliders{gap:4px}.software-sliders i:after{width:3px;height:3px;top:0}.software-dial{border-width:1px}.cad-grid{background-size:7px 7px}.mini-phone{box-shadow:inset 0 0 0 1px #252c31,3px 5px 8px #0008}.mini-phone span{height:2px}}
.tech-text{touch-action:pan-y;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:relative}.tech-text-canvas{width:100%;height:100%;display:block}.tech-text-drag-layer{pointer-events:none;z-index:100;width:100%;height:100%;display:block;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.tech-text-drag-layer{display:none}}
