.workbench-studio{--digi-paper: #f7f8f4;min-height:100svh}.workbench-studio main{max-width:1040px;min-height:100svh;margin:0 auto;display:flex;flex-direction:column}.workbench-studio .nav{height:72px;padding:0 max(36px,calc((100% - 968px)/2))}.workbench-studio .nav nav{align-items:center;gap:28px}.workbench-studio .nav nav>a,.workbench-studio .nav nav>button{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0;gap:8px;line-height:20px}.workbench-studio .nav nav span{color:inherit}.workbench-studio .nav nav .icon{width:18px;height:18px}.workbench-studio .nav .nav-partner{width:44px;border:0;background:var(--digi-soft);border-radius:12px 4px}.workbench-studio .nav .nav-partner .icon{width:27px;height:27px;color:var(--digi-blue)}.workbench-studio .nav .nav-partner:hover{box-shadow:inset 0 0 0 1px var(--digi-blue)}.workbench-hero{min-height:clamp(640px,72svh,900px);position:relative;display:grid;grid-template-columns:.85fr 1.4fr;align-items:center;gap:24px;padding:130px 36px 90px}.workbench-copy{position:relative;z-index:2;padding-bottom:25px}.workbench-copy .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.1em;color:#64706f}.status-pixel{width:6px;height:6px;background:var(--digi-blue);box-shadow:3px -3px 0 var(--digi-orange);flex-shrink:0}.workbench-copy h1{font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(36px,3.5vw,44px);font-weight:750;line-height:1.28;letter-spacing:-.065em;margin:22px 0 16px;white-space:nowrap}.workbench-copy h1 span{color:var(--digi-blue)}.workbench-intro{color:#586666;font-size:13px;line-height:1.8}.workbench-actions{margin-top:24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.workbench-actions .connect-button{min-height:44px;padding:10px 13px;font-size:12px;gap:10px;background:var(--digi-blue);color:#fff;border-radius:2px;box-shadow:3px 3px 0 var(--digi-deep)}.workbench-actions .connect-button:hover{box-shadow:1px 1px 0 var(--digi-deep)}.workbench-actions .change-partner{display:flex;align-items:center;gap:7px;color:#53615f;font-size:11px;text-decoration:none}.workbench-actions .change-partner:hover{color:var(--digi-blue)}.workbench-actions .change-partner .icon{width:18px;height:18px}.workstation{height:390px;position:relative;min-width:0}.bench-grid{position:absolute;top:-55px;right:-15px;bottom:30px;left:20px;background-image:linear-gradient(#62776709 1px,transparent 1px),linear-gradient(90deg,#62776709 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}.desk-surface{position:absolute;top:226px;bottom:6px;left:-4%;right:-2%;border:1px solid var(--digi-line);border-radius:8px 10px 20px 6px;background:linear-gradient(160deg,var(--digi-paper),var(--digi-soft));transform:skew(-12deg);box-shadow:0 7px 0 var(--digi-line),0 8px color-mix(in srgb,var(--digi-blue) 25%,var(--digi-paper)),8px 18px #14273f06}.crest-tag{position:absolute;left:32%;top:-30px;width:40px;height:55px;display:grid;place-items:center;border:2px solid var(--digi-deep);background:var(--digi-orange);border-radius:15px 15px 7px 7px;transform:rotate(8deg);color:var(--digi-deep);box-shadow:3px 3px #13273f0c}.crest-tag:before{content:"";width:5px;height:28px;border:1px solid #637064;border-radius:50%;position:absolute;top:-26px}.crest-tag:after{content:"";width:32px;height:1px;position:absolute;top:8px;background:currentColor;opacity:.3}.crest-tag svg{width:27px;height:27px;margin-top:8px}.workbench-egg{position:absolute;width:44px;height:55px;bottom:9px;left:-3%;transform:rotate(-12deg)}.partner-anchor{position:absolute;width:41%;right:-7%;top:85px;aspect-ratio:5 / 6;pointer-events:none}.field-laptop{position:absolute;left:0;top:25px;width:66%;z-index:1;transform:rotate(-3deg);transform-origin:bottom center}.laptop-lid{background:var(--digi-blue);border:2px solid var(--digi-deep);border-radius:12px 12px 5px 5px;padding:0 12px;box-shadow:inset 3px 2px 0 var(--digi-light),4px 2px 0 var(--digi-deep)}.laptop-label{height:28px;display:flex;align-items:center;justify-content:space-between;color:#fff;font:7px ui-monospace,monospace;letter-spacing:.13em;position:relative}.laptop-label i{width:5px;height:5px;border-radius:50%;background:var(--digi-deep);position:absolute;left:50%;box-shadow:0 0 0 2px #ffffff25}.laptop-display{border:5px solid var(--digi-deep);background:#edf1e8;border-radius:3px;overflow:hidden}.laptop-toolbar{height:27px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#e5eadd;color:#4b5d53;font:9px ui-monospace,monospace;border-bottom:1px solid #b7c5ba}.laptop-toolbar>.icon{width:13px;height:13px}.window-dots{display:flex;gap:4px;margin-left:auto}.window-dots i{width:4px;height:4px;border:1px solid #7d9181}.laptop-project{display:block;position:relative;width:100%;aspect-ratio:16 / 9;padding:0;overflow:hidden;text-align:left}.laptop-project>.project-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s}.laptop-project:hover>.project-cover{transform:scale(1.035)}.laptop-project:focus-visible{outline:3px solid var(--digi-orange);outline-offset:-4px}.laptop-open{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:10px;min-height:36px;padding:0 12px;background:#f7f8f4;border:1px solid var(--digi-deep);box-shadow:2px 2px 0 var(--digi-deep);color:var(--digi-deep);font-size:11px}.laptop-tabs{display:flex;overflow-x:auto;border-top:1px solid #b7c5ba}.laptop-tabs button{min-height:44px;padding:8px 12px;font-size:10px;white-space:nowrap}.laptop-tabs button[aria-pressed=true]{color:#fff;background:var(--digi-blue)}.laptop-empty{display:grid;place-content:center;justify-items:center;gap:12px;height:100%;color:var(--digi-deep)}.laptop-chin{height:23px;display:flex;align-items:center;justify-content:space-between;color:#fff;font:6px ui-monospace,monospace;letter-spacing:.15em}.laptop-indicators{display:flex;gap:4px}.laptop-indicators i{width:6px;height:3px;background:var(--digi-light)}.laptop-indicators i:first-child{background:var(--digi-orange);box-shadow:0 0 4px var(--digi-orange)}.laptop-hinge{height:7px;display:flex;justify-content:space-around;margin:0 3%;background:var(--digi-deep)}.laptop-hinge i{width:14%;height:100%;background:var(--digi-light);border:1px solid var(--digi-deep)}.laptop-base{height:86px;position:relative;padding:8px 11% 29px;background:linear-gradient(170deg,#f3f3df,#d9dfcb);border:2px solid var(--digi-deep);transform:perspective(500px) rotateX(27deg);transform-origin:top;border-radius:3px 3px 7px 7px;box-shadow:inset 0 -4px #bfc9b3}.laptop-keys{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(4,8px);gap:2px 3px}.laptop-keys i{background:#f8f9ee;border:1px solid #6d8079;box-shadow:0 1px #6d8079;border-radius:1px}.laptop-keys i:nth-child(10n){background:var(--digi-light)}.laptop-keys i:first-child{background:var(--digi-orange)}.laptop-trackpad{position:absolute;width:19%;height:15px;border:1px solid #9dac9e;border-radius:2px;bottom:7px;left:40%}.laptop-sticker{position:absolute;right:5%;bottom:7px;font:700 12px ui-monospace,monospace;color:var(--digi-blue)}.laptop-edge{height:8px;margin-top:-4px;background:var(--digi-blue);border:2px solid var(--digi-deep);border-top:0;border-radius:0 0 5px 5px;display:flex;gap:6px;padding:1px 12%;box-shadow:3px 8px #18305414}.laptop-edge>span{width:20px;border:1px solid var(--digi-deep);margin-right:auto}.laptop-edge>i{width:4px;height:2px;background:var(--digi-orange)}.workbench-studio .companion-viewport{min-height:0;height:320px;overflow:visible}.workbench-studio .companion-viewport:not([data-ready]) .companion{visibility:hidden}.workbench-studio .companion{width:var(--partner-width,250px);left:var(--partner-x,76%);top:var(--partner-y,320px);right:auto;transform:none}.device-control{pointer-events:auto;position:absolute;left:28%;top:68%;width:44%;height:30%;min-width:44px;min-height:44px;padding:0;border-radius:30%}.device-control>span{opacity:0;position:absolute;top:100%;left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 8px;background:var(--digi-deep);color:#fff;border-radius:3px;font-size:10px}.device-control:hover>span,.device-control:focus-visible>span{opacity:1}.companion:has(.device-control:hover) .digivice{filter:drop-shadow(0 0 5px var(--digi-orange))}.workbench-studio .portfolio-adventure .archive{padding:32px 214px 46px 36px;background:transparent;border:0}.collection-heading{display:flex;align-items:center;gap:10px;margin-bottom:22px}.collection-heading h2{font-size:18px;font-weight:600;letter-spacing:-.04em;margin:0}.collection-heading>svg{width:20px;height:20px;color:var(--digi-blue);opacity:.65}.collection-list{display:grid;gap:24px}.collection-item{display:grid;grid-template-columns:184px minmax(0,1fr);align-items:center;gap:24px;padding-bottom:24px;border-bottom:1px solid var(--digi-line)}.collection-item:last-child{padding-bottom:0;border:0}.collection-cover{position:relative;aspect-ratio:16 / 11;padding:5px;border:1px solid var(--digi-line);background:var(--digi-soft);border-radius:8px;overflow:hidden}.collection-cover>.project-cover{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px;transition:transform .18s}.collection-cover:hover>.project-cover{transform:scale(1.035)}.collection-number{position:absolute;bottom:10px;left:10px;padding:3px 5px;border-radius:3px;color:var(--digi-deep);background:var(--digi-paper);font:8px ui-monospace,monospace}.collection-copy{min-width:0}.collection-copy h3{margin:0 0 5px;font:600 23px ui-monospace,monospace;letter-spacing:-.07em}.collection-copy h3 button{padding:6px 0;text-align:left;overflow-wrap:anywhere}.collection-copy h3 button:hover{color:var(--digi-blue)}.collection-copy>p{font-size:12px;line-height:1.8;color:#586666;margin:0;overflow-wrap:anywhere}.collection-actions{display:flex;align-items:center;gap:22px;margin-top:8px}.collection-actions>a,.collection-actions>button{display:inline-flex;align-items:center;gap:9px;padding:0;min-height:44px;font-size:11px;color:var(--digi-blue)}.collection-actions>a:hover,.collection-actions>button:hover{text-decoration:underline;text-underline-offset:4px}.collection-partner{object-fit:contain;mix-blend-mode:multiply}.workbench-studio .about{margin:0 36px;padding:28px 32px 30px;background:var(--digi-soft);color:var(--digi-ink);border:1px solid var(--digi-line);border-radius:8px}.workbench-studio .about>.eyebrow{margin:0 0 14px;font-size:8px;color:var(--digi-blue)}.workbench-studio .about-grid{grid-template-columns:180px 1fr;gap:24px;align-items:start;padding-right:60px}.workbench-studio .about h2{font:500 28px ui-monospace,monospace;letter-spacing:-.08em;margin:0;color:var(--digi-blue)}.workbench-studio .about h2 span{color:var(--digi-blue)}.workbench-studio .about-grid p{font-size:13px;line-height:1.9;margin:0;color:#586666}.workbench-studio .about-contact{width:auto;min-height:44px;padding:0;gap:18px;margin-top:7px;border:0;font-size:11px;color:var(--digi-blue);align-items:center}.workbench-studio .about-contact:hover{text-decoration:underline;text-underline-offset:4px}.workbench-studio .about-sigil{width:58px;height:58px;top:28px;bottom:auto;right:28px;color:var(--digi-blue)}.workbench-studio footer{margin-top:auto;padding:24px 36px 32px;font-size:8px}@media (min-width: 761px) and (max-width: 900px){.workbench-hero{grid-template-columns:.9fr 1.2fr;padding-left:28px;padding-right:28px}.workbench-copy h1{font-size:35px}.workbench-actions{gap:14px}.workstation{height:340px}.field-laptop{width:74%;top:36px}.laptop-base{height:70px}.laptop-keys{grid-template-rows:repeat(4,6px)}.desk-surface{top:220px}.partner-anchor{width:42%;top:110px;right:-12%}.crest-tag{top:-8px}}@media (max-width: 760px){.workbench-studio .nav{height:66px;padding:0 6%}.workbench-studio .companion-viewport{height:260px}.workbench-studio .nav nav{gap:14px}.workbench-studio .nav nav>a>.icon,.workbench-studio .nav nav>button:not(.nav-partner)>.icon{display:none}.workbench-studio .nav nav>a,.workbench-studio .nav nav>button{line-height:20px}.workbench-studio .nav nav .nav-partner{width:40px}.workbench-hero{min-height:670px;display:flex;flex-direction:column;align-items:stretch;padding:106px 7% 82px;gap:32px}.workbench-copy{padding:0}.workbench-copy .eyebrow{font-size:8px}.workbench-copy h1{font-size:clamp(34px,8.5vw,42px);margin:20px 0 12px;line-height:1.3}.workbench-intro{font-size:12px}.workbench-actions{gap:20px;margin-top:22px}.workbench-actions .connect-button{font-size:11px;min-height:44px}.workbench-actions .change-partner{font-size:10px}.workstation{width:100%;max-width:480px;height:clamp(320px,73vw,436px);align-self:center}.field-laptop{top:40px;width:76%}.laptop-lid{padding:0 7px;border-radius:8px 8px 3px 3px}.laptop-label{height:20px;font-size:5px}.laptop-display{border-width:3px}.laptop-toolbar{height:21px;font-size:7px;padding:0 6px}.laptop-toolbar>.icon{width:10px;height:10px}.laptop-open{min-height:28px;font-size:9px;padding:0 7px;gap:4px;right:6px;bottom:6px}.laptop-chin{height:17px;font-size:4px}.laptop-base{height:59px;padding:5px 10% 21px}.laptop-keys{grid-template-rows:repeat(4,5px);gap:2px}.laptop-trackpad{height:10px;bottom:5px}.laptop-sticker{font-size:10px}.laptop-edge{height:6px}.desk-surface{top:55%;bottom:9px;left:-2%;right:-3%}.partner-anchor{width:43%;right:-13%;top:40px}.crest-tag{width:30px;height:41px;top:-3px;left:25%;border-width:1px;border-radius:8px 8px 4px 4px}.crest-tag:before{height:15px;top:-15px}.crest-tag:after{width:20px;top:5px}.crest-tag svg{width:20px;height:20px;margin-top:6px}.workbench-egg{width:28px;height:35px;bottom:5px}.workbench-studio .portfolio-adventure .archive{padding:28px 7% 38px}.collection-heading{margin-bottom:20px}.collection-item{grid-template-columns:112px minmax(0,1fr);gap:16px}.collection-copy h3{font-size:20px}.collection-copy>p{font-size:11px}.collection-actions{margin-top:3px;gap:12px}.collection-partner{width:30px;height:30px}.workbench-studio .about{margin:0 7%;padding:24px}.workbench-studio .about-grid{grid-template-columns:1fr;gap:12px;padding-right:0}.workbench-studio .about h2{font-size:25px}.workbench-studio .about-grid p{font-size:12px}.workbench-studio .about-sigil{width:44px;height:44px;right:22px;top:24px}.workbench-studio footer{margin-top:auto;padding:22px 7% 28px;font-size:7px}}@media (max-width: 360px){.workbench-hero{padding-top:100px;min-height:635px;gap:30px}.workbench-copy h1{font-size:34px}.workbench-actions{gap:14px}.workstation{height:280px}.desk-surface{top:160px}.collection-item{grid-template-columns:92px minmax(0,1fr);gap:12px}.collection-actions{gap:8px}}@media (prefers-reduced-motion: reduce){.laptop-project>.project-cover,.collection-cover>.project-cover{transition:none}.laptop-project:hover>.project-cover,.collection-cover:hover>.project-cover{transform:none}}