.robotics-page{background:#10091e;color:#fff}.robotics-journey{--intro-opacity:1;--reveal-opacity:0;--journey-progress:0%;position:relative;background:#05070e}.robotics-journey.is-interactive{height:calc(var(--journey-screens) * 100svh)}.robotics-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;isolation:isolate}.journey-canvas{position:absolute;inset:0}.journey-canvas canvas{touch-action:pan-y!important}.journey-nav{position:absolute;z-index:4;left:5%;right:5%;top:28px;justify-content:space-between}.journey-nav,.journey-nav a{display:flex;align-items:center}.journey-nav a{gap:10px;color:white;text-decoration:none;font-size:13px}.journey-nav a:first-child{font-size:23px;font-weight:800;letter-spacing:-.05em}.journey-nav a span{color:#c084fc;margin-left:-8px}.journey-nav small{font-size:9px;letter-spacing:.18em;margin-left:20px;font-weight:500}.journey-nav a:last-child{padding:11px 18px;border:1px solid #ffffff40;border-radius:30px;background:#10091e50;backdrop-filter:blur(12px)}.journey-intro,.journey-reveal{position:absolute;z-index:2;left:7%;width:52%;top:50%;transform:translateY(-50%);pointer-events:none}.journey-intro{opacity:var(--intro-opacity)}.journey-eyebrow{color:#d8b4fe;font-size:10px;letter-spacing:.18em;line-height:1.6;margin-bottom:30px}.journey-arrival-title{font-size:clamp(55px,7.1vw,128px);font-weight:600;line-height:.99;letter-spacing:-.065em;margin:0 0 30px}.journey-intro>p:last-child,.journey-reveal>p:not(.journey-eyebrow){color:#ded7e9;font-size:clamp(14px,1.15vw,19px);line-height:1.7}.journey-reveal{opacity:var(--reveal-opacity)}.journey-reveal h1{font-size:clamp(40px,5.4vw,100px);line-height:1.04;font-weight:650;letter-spacing:-.055em;margin:0 0 28px}.journey-project-link{pointer-events:auto;display:inline-flex;align-items:center;gap:22px;color:#e9d5ff;font-size:10px;letter-spacing:.16em;padding:18px 0;margin-top:22px;border-bottom:1px solid #c084fc70}.is-interactive:not([data-chapter="4"]) .journey-project-link{visibility:hidden}.journey-footer{position:absolute;z-index:2;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.16em;color:#e9d5ff}.journey-footer>span:last-of-type{display:flex;align-items:center;gap:16px}.journey-progress{position:absolute;top:26px;width:100%;height:1px;background:#ffffff25}.journey-progress i{display:block;width:var(--journey-progress);height:1px;background:#e9d5ff}.journey-loading{position:absolute;bottom:90px;left:7%;z-index:4;color:#e9d5ff;font-size:12px}.journey-loading span{display:inline-block;width:6px;height:6px;margin-left:12px;border-radius:50%;background:#c084fc}.is-static .journey-intro{display:none}.is-static .journey-reveal{opacity:1;width:85%}.is-static{background:radial-gradient(ellipse at 80% 40%,#342058,#10091e 65%)}.journey-static-note{position:absolute;bottom:30px;left:7%;font-size:12px;color:#c9b9df}.robotics-content{padding:0 7%;max-width:1728px;margin:auto}.robotics-content section{padding:110px 0;border-bottom:1px solid #c084fc26;scroll-margin-top:30px}.robotics-content h2{font-size:clamp(32px,4.5vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1.08;margin-bottom:30px}.robotics-content p:not(.journey-eyebrow){color:#c9bdd8;line-height:1.85;max-width:670px;margin-bottom:20px}.robotics-editorial{display:grid;grid-template-columns:1fr 1.6fr;gap:50px}.robotics-tool-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.robotics-tool-columns svg{color:#c084fc;margin-bottom:30px}.robotics-tool-columns h3{font-size:21px;margin-bottom:16px}.robotics-work-note{border-left:1px solid #c084fc;padding:16px 28px;background:linear-gradient(90deg,#9333ea13,transparent)}.robotics-work-note span{font-size:10px;letter-spacing:.16em;color:#d8b4fe;display:block;margin-bottom:12px}.robotics-contact,.robotics-text-link{display:inline-flex;align-items:center;gap:24px;color:#e9d5ff;padding:15px 0}.robotics-contact{border:1px solid #c084fc60;border-radius:32px;padding:17px 25px;background:#9333ea25}.robotics-contact:hover{background:#9333ea50}.robotics-credit{padding:40px 0;display:flex;gap:50px;justify-content:space-between;font-size:11px}.robotics-credit p{max-width:600px!important}.robotics-credit a{color:#e9d5ff;text-decoration:underline;text-underline-offset:4px}.robotics-page a:focus-visible,.robotics-page button:focus-visible{outline:2px solid #c084fc;outline-offset:6px}@media(max-width:700px){.robotics-sticky{min-height:600px}.journey-nav{top:18px}.journey-nav small{display:none}.journey-intro,.journey-reveal{width:88%;top:auto;bottom:85px;transform:none;left:6%}.journey-arrival-title{font-size:48px}.journey-reveal h1{font-size:36px}.journey-eyebrow{font-size:8px;margin-bottom:16px}.journey-project-link{margin-top:3px}.journey-footer{font-size:7px}.journey-intro>p:last-child,.journey-reveal>p:not(.journey-eyebrow){font-size:12px}.robotics-editorial,.robotics-tool-columns{grid-template-columns:1fr;gap:28px}.robotics-content section{padding:70px 0}.robotics-credit{flex-direction:column;gap:20px}.desktop-break{display:none}}.web-skill-page{background:var(--purple-black);min-height:100svh}.web-skill-page>.skill-back-link{position:absolute;top:30px;left:var(--page-inset);z-index:3}.web-hero{position:relative;height:min(960px,100svh);min-height:620px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,var(--purple-dark),var(--purple-black) 75%)}.web-hero-copy{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px}.web-hero-copy h1{font-size:clamp(48px,8.7vw,164px);line-height:.95;letter-spacing:-.065em;font-weight:800;color:var(--white);margin:28px 0}.web-hero-copy>p:last-child{color:var(--lavender-light);font-size:clamp(16px,1.5vw,25px)}.web-sphere-stage{position:absolute;inset:0;z-index:1;touch-action:pan-y}.web-sphere-stage canvas{touch-action:pan-y!important}.web-hero-bottom{position:absolute;bottom:28px;left:var(--page-inset);right:var(--page-inset);z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--ink-soft);font-size:12px}.web-hero-bottom button{border:1px solid var(--line);border-radius:24px;padding:10px 16px;background:var(--purple-dark);color:var(--lavender-light)}.web-hero-bottom button:focus-visible{outline:2px solid var(--lavender);outline-offset:4px}.web-scene-note{position:absolute;bottom:90px;width:100%;text-align:center;color:var(--ink-muted)}.web-skill-details{padding:80px var(--page-inset) 100px;max-width:1100px;margin:auto}.web-skill-details h2{font-size:clamp(28px,4vw,48px);margin-bottom:24px}.web-stack-list{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0;padding:0;list-style:none}.web-stack-list li{border:1px solid var(--line);padding:8px 14px;border-radius:24px;color:var(--lavender-light)}@media (max-width:600px){.web-hero{min-height:660px;max-height:850px}.web-hero-copy h1{font-size:clamp(38px,10.5vw,62px)}.web-hero-bottom,.web-hero-copy .portfolio-eyebrow{font-size:10px}}