.forge-lab{--lab-accent:#ff8638;margin-top:55px;border:1px solid #b38c6466;background:radial-gradient(ellipse at 65% 45%,#ac501b12,transparent 70%),linear-gradient(140deg,#272523,#0e141a 45%,#0a0e12);box-shadow:inset 0 1px #fff2,0 35px 100px #0007;position:relative}.forge-lab:before{content:"";position:absolute;left:0;top:-1px;width:25%;height:2px;background:linear-gradient(90deg,#ff8d35,#ffe1b1,transparent);box-shadow:0 0 20px #ff711e44}.lab-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 27px;border-bottom:1px solid #c09b7033;gap:20px}.lab-brand{font-size:11px;letter-spacing:.18em;font-weight:600;color:#e6bd92}.lab-brand:before{content:"◆";margin-right:11px;color:#ffa450}.lab-tabs{display:flex;gap:5px;background:#090d1177;padding:4px;border:1px solid #fff1}.lab-tab{border:0;background:transparent;color:#a59b92;font-size:12px;padding:11px 18px;cursor:pointer}.lab-tab[aria-selected=true]{background:linear-gradient(135deg,#533420,#292420);color:#ffe2bd;box-shadow:inset 0 1px #ffcb7666}.lab-panel[hidden]{display:none}.lab-panel{display:grid;grid-template-columns:.68fr 1.32fr;min-height:535px}.lab-description{padding:38px 30px;border-right:1px solid #c09b7022;display:flex;flex-direction:column;position:relative;z-index:1}.lab-label{font-size:10px;letter-spacing:.15em;color:#dc9e68;margin-bottom:24px}.lab-description h3{font-size:36px;line-height:1.08;margin-bottom:22px;color:transparent;background:var(--steel);background-clip:text;-webkit-background-clip:text}.lab-description h3 em{color:#f6ad68;font-style:normal}.lab-description>p{font-size:14px;line-height:1.85;color:#bcafa3}.lab-description .text-link{align-self:start;margin-top:auto;padding-top:25px;font-size:12px}.lab-controls{margin-block:15px 25px}.lab-controls>p{font-size:10px;letter-spacing:.12em;color:#bd9f84;margin-bottom:10px}.control-row{display:flex;gap:7px;flex-wrap:wrap}.lab-control{border:1px solid #b09b8044;color:#c4b5a5;background:#0d1319;padding:9px 12px;font:11px Foundry,sans-serif;cursor:pointer;display:flex;align-items:center;gap:7px}.lab-control[aria-pressed=true]{border-color:#ffb274;background:#4d2f1c55;color:#ffe2be}.tone-dot{width:8px;height:8px;border-radius:50%;background:var(--dot)}.lab-stage{padding:45px 25px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:1600px;overflow:hidden;position:relative;background-image:linear-gradient(#d6a36e06 1px,transparent 1px),linear-gradient(90deg,#d6a36e06 1px,transparent 1px);background-size:32px 32px}.lab-stage:before{content:"";position:absolute;width:350px;height:350px;border:1px solid #ff711e17;border-radius:50%;pointer-events:none;transform:rotateX(55deg);box-shadow:0 0 80px #ff711e05}.demo-browser{width:100%;max-width:570px;position:relative;transform:rotateY(-9deg) rotateX(7deg);box-shadow:12px 16px 0 #24272a,20px 35px 65px #0009;border:1px solid #ae9e8c77;border-radius:7px;overflow:hidden;transition:width .55s,transform .6s}.demo-browser.is-phone{width:255px;transform:rotateY(-6deg) rotateX(3deg);border-radius:20px;box-shadow:9px 12px 0 #25292d,20px 30px 50px #0009}.demo-chrome{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#ab9f92;height:30px;padding:0 14px;background:linear-gradient(#363432,#161b20);border-bottom:1px solid #9e826244}.demo-chrome span:first-child{color:var(--lab-accent);letter-spacing:3px}.demo-site{container:forge-demo / inline-size;background:#10151a;min-height:300px;position:relative}.demo-content{padding:25px;position:relative;overflow:hidden;min-height:310px}.demo-site-nav{font-size:8px;letter-spacing:.14em;display:flex;justify-content:space-between;position:relative;z-index:2}.demo-site-nav strong{color:#e8ddd2;font-weight:600}.demo-site-nav>span{color:#8c8d8f}.demo-site-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:5px;margin-top:42px;position:relative}.demo-site-title{font-size:clamp(26px,4cqw,38px);font-weight:700;line-height:1;letter-spacing:-.055em;color:#eee8df;margin:0 0 15px}.demo-site-title em{color:var(--lab-accent);font-style:normal}.demo-site-copy{font-size:9px;line-height:1.7;color:#a5a19a;max-width:220px}.demo-site-rule{height:2px;width:65px;background:var(--lab-accent);box-shadow:0 0 14px color-mix(in srgb,var(--lab-accent) 35%,transparent);margin-top:18px}.demo-sculpture{position:relative;height:140px;transform:rotate(-20deg);display:grid;place-items:center}.demo-sculpture:before,.demo-sculpture:after{content:"";position:absolute;width:108px;height:108px;border:11px solid var(--lab-accent);border-radius:50%;transform:rotateY(50deg) rotateX(25deg);box-shadow:inset 2px 2px 0 #ffd5a9,7px 8px 0 #35281d,0 0 35px #ff711e22}.demo-sculpture:after{width:75px;height:75px;border-width:6px;transform:rotateY(-35deg) rotateX(40deg);opacity:.6}.demo-site-footer{display:flex;justify-content:space-between;margin-top:28px;padding-top:13px;border-top:1px solid #ffffff16;font-size:7px;letter-spacing:.09em;color:#9b8a7c}.demo-note{position:relative;font-size:10px!important;line-height:1.7!important;text-align:center;margin:35px 0 0!important;color:#a29385!important;max-width:450px}.lab-bottom{display:flex;justify-content:space-between;gap:20px;padding:15px 27px;border-top:1px solid #c09b7022;font-size:9px;letter-spacing:.09em;color:#ad9279}.lab-bottom span:last-child{color:#d4baa1}.lab-panel-enter{animation:lab-enter .4s ease-out}
@container forge-demo (max-width:330px){.demo-content{padding:22px 18px;min-height:365px}.demo-site-grid{grid-template-columns:1fr;margin-top:30px}.demo-site-title{font-size:29px}.demo-sculpture{position:absolute;width:75px;right:-10px;bottom:-60px;opacity:.4}.demo-sculpture:before{width:70px;height:70px;border-width:7px}.demo-sculpture:after{width:46px;height:46px;border-width:4px}.demo-site-nav>span{display:none}.demo-site-footer{margin-top:65px;font-size:6px}.demo-site-copy{max-width:180px}}
.automation-stage{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;position:relative;min-height:345px}.automation-orbit{position:absolute;width:310px;height:310px;border:1px solid #ff711e20;border-radius:50%;transform:rotateX(60deg);box-shadow:0 0 0 55px #ff711e04}.automation-nodes{display:grid;grid-template-columns:1fr 1fr;gap:45px 65px;position:relative;width:min(100%,430px);transform:rotateX(12deg) rotateY(-8deg);transform-style:preserve-3d}.automation-nodes:before{content:"";position:absolute;inset:25% 22%;border:1px solid #c38d5355;z-index:-1}.automation-node{padding:21px 15px;border:1px solid #9e826355;background:linear-gradient(145deg,#3a322b,#17202a 65%);box-shadow:5px 8px 0 #292623,0 15px 30px #0007;position:relative;transition:border-color .3s,transform .3s,box-shadow .3s}.automation-node>span{font-size:9px;letter-spacing:.12em;color:#bb9470;display:block;margin-bottom:12px}.automation-node strong{font-size:15px;line-height:1.25;font-weight:600;display:block;color:#d6cec5}.automation-node small{display:block;font-size:9px;margin-top:8px;color:#9e978f}.automation-node.is-running{border-color:#ffd3a1;transform:translateZ(25px) translateY(-7px);box-shadow:5px 8px 0 #4b2b15,0 0 35px #ff711e33}.automation-node.is-done{border-color:#ff9d4e99;background:linear-gradient(145deg,#634124,#171e24 70%)}.automation-node.is-done:after{content:"✓";position:absolute;right:12px;top:14px;color:#ffc38a;font-size:12px}.lab-run{margin-top:20px;width:100%;font-size:11px}.lab-reset{background:none;border:0;color:#b49b83;font:11px Foundry,sans-serif;margin-top:12px;padding:8px;cursor:pointer}.lab-run:disabled{cursor:wait;opacity:.6}.automation-status{min-height:40px;font-size:12px!important;line-height:1.6!important;color:#e8ba8d!important;text-align:center;margin:30px 0 0!important;max-width:450px}.process-section .steps{gap:20px}.process-section .steps article{box-shadow:none;border:0;border-top:1px solid #b58a6144;background:linear-gradient(180deg,#c37f3420,transparent);padding-top:32px}.process-section .steps:before{display:none}.process-section .steps article:after{content:"";position:absolute;left:0;top:0;width:35%;height:2px;background:linear-gradient(90deg,#ffbc79,transparent)}.process-section .steps article>span{font-size:88px;opacity:.65}.work-section .case-copy{padding-top:28px}.work-section .case-visual{margin-bottom:45px}.work-section .section-head{margin-bottom:35px}.about{padding-block:95px}.build-notes{box-shadow:0 15px 50px #0004}.contact-section{border-top-width:2px}button:focus-visible,[role=tab]:focus-visible{outline:2px solid #ffd0a0;outline-offset:4px}.custom-cursor .lab-tab,.custom-cursor .lab-control,.custom-cursor .lab-reset{cursor:none}
@keyframes lab-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.lab-panel{grid-template-columns:.8fr 1.2fr}.lab-description{padding:30px 23px}.lab-description h3{font-size:31px}.lab-stage{padding:35px 20px 25px}.automation-nodes{gap:35px 35px}.automation-node{padding:18px 12px}.automation-node strong{font-size:13px}.lab-tab{padding:10px 13px}}
@media(max-width:700px){.forge-lab{margin-top:35px}.lab-toolbar{padding:18px;display:block}.lab-brand{margin-bottom:16px;font-size:10px}.lab-tabs{width:100%}.lab-tab{flex:1;padding:12px 10px}.lab-panel{grid-template-columns:1fr;min-height:0}.lab-description{padding:27px 23px;border-right:0;border-bottom:1px solid #c09b7022}.lab-description h3{font-size:35px;max-width:300px}.lab-description>p{font-size:14px}.lab-label{margin-bottom:18px}.lab-controls{margin-block:12px 22px}.lab-description .text-link{padding-top:10px}.lab-stage{padding:35px 23px 25px;min-height:420px}.demo-browser{transform:rotateY(-5deg) rotateX(3deg);box-shadow:6px 9px 0 #24272a,15px 22px 40px #0008}.demo-note{font-size:9px!important;margin-top:24px!important}.lab-bottom{padding:15px 18px;font-size:8px;flex-wrap:wrap;gap:6px}.automation-nodes{gap:32px 25px;width:100%;transform:rotateX(7deg) rotateY(-3deg)}.automation-node{padding:21px 13px}.automation-node strong{font-size:13px}.automation-node small{font-size:8px}.automation-node>span{font-size:8px}.automation-status{font-size:11px!important}.automation-stage{min-height:310px}.about{padding-block:65px}.demo-site-title{font-size:27px}}
@media(prefers-reduced-motion:reduce){.lab-panel-enter{animation:none}.demo-browser,.automation-node{transition:none}.demo-browser,.demo-browser.is-phone,.automation-nodes{transform:none}}
.motion-paused .automation-node{transition:none}.motion-paused .lab-panel-enter{animation:none}

.lab-run .run-label{font:inherit;border:0;padding:0;color:inherit}.demo-site-title{background:none;-webkit-text-fill-color:initial}.demo-site-title em{-webkit-text-fill-color:var(--lab-accent)}