#macbook-root{--mb-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Arial, sans-serif;--mb-mono: "IBM Plex Mono", "SF Mono", "Fira Mono", monospace;--mb-vh: 100vh;--mb-ink-1: #f2f2f4;--mb-ink-2: rgba(242, 242, 244, .52);--mb-ink-3: rgba(242, 242, 244, .3);--mb-ink-4: rgba(242, 242, 244, .14);--mb-surface: rgba(242, 242, 244, .055);--mb-surface-hover: rgba(242, 242, 244, .1);--mb-rule: rgba(242, 242, 244, .1);--mb-brand-blue: #0067ff;--mb-brand-teal: #0d9488;--mb-accent-hero: #ccddf8;--mb-rinos-red-a: #d02c38;--mb-rinos-red-b: #e85565;--mb-rinos-warm: #ebe7df;--mb-rinos-green: #009245;--mb-break-bg: #0a0d11;--mb-break-blue: #0274be;--mb-break-copper-a: #c8956c;--mb-break-gold-b: #d4a853;margin:0;padding:0;background:#060606;color:var(--mb-ink-1);color-scheme:dark;font-family:var(--mb-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;min-height:100vh;min-height:100dvh;min-height:var(--mb-vh);overflow-x:clip;touch-action:pan-y;text-rendering:optimizeLegibility}html[data-macbook-capture=true],html[data-macbook-capture=true] body{margin:0;min-height:100%;overflow:hidden;background:#060606}.ds-mb-feature{position:relative;width:100%}.ds-mb-feature.is-capture{min-height:var(--mb-vh);background:#060606}.ds-mb-feature.is-capture .mb-stage,.ds-mb-feature.is-capture .mb-bg-elements,.ds-mb-feature.is-capture .mb-inspect-glow{clip-path:none;opacity:1;visibility:visible;pointer-events:none}.ds-mb-feature.is-capture .mb-stage{transform:scale(var(--mb-capture-zoom, 1));transform-origin:50% 50%}.ds-mb-feature:not(.is-pinned) .mb-stage,.ds-mb-feature:not(.is-pinned) .mb-scroll-gauge,.ds-mb-feature:not(.is-pinned) .mb-credit,.ds-mb-feature:not(.is-pinned) .mb-bg-elements,.ds-mb-feature:not(.is-pinned) .mb-inspect-glow,.ds-mb-feature:not(.is-pinned) .mb-display-flash{opacity:0!important;visibility:hidden!important;pointer-events:none}.ds-mb-feature.is-pinned .mb-stage,.ds-mb-feature.is-pinned .mb-scroll-gauge,.ds-mb-feature.is-pinned .mb-credit,.ds-mb-feature.is-pinned .mb-bg-elements,.ds-mb-feature.is-pinned .mb-inspect-glow{transition:opacity .45s cubic-bezier(.22,1,.36,1)}.ds-mb-feature.is-pinned .mb-stage,.ds-mb-feature.is-pinned .mb-scroll-gauge,.ds-mb-feature.is-pinned .mb-credit,.ds-mb-feature.is-pinned .mb-bg-elements,.ds-mb-feature.is-pinned .mb-inspect-glow,.ds-mb-feature.is-pinned .mb-display-flash{clip-path:inset(var(--mb-clip-top, 0px) 0 var(--mb-clip-bottom, 0px) 0)}.ds-mb-feature.is-pinned .mb-stage{opacity:1}#macbook-root[data-mb-mode=quiet] .mb-stage,#macbook-root[data-mb-mode=quiet] .mb-scroll-gauge,#macbook-root[data-mb-mode=quiet] .mb-credit,#macbook-root[data-mb-mode=quiet] .mb-bg-elements,#macbook-root[data-mb-mode=quiet] .mb-inspect-glow,#macbook-root[data-mb-mode=quiet] .mb-display-flash{opacity:0;pointer-events:none;visibility:hidden}#macbook-root[data-mb-mode=quiet] .mb-scroll-runway{display:none}#macbook-root.is-mode-switching .mb-stage,#macbook-root.is-mode-switching .mb-scroll-gauge,#macbook-root.is-mode-switching .mb-credit,#macbook-root.is-mode-switching .mb-bg-elements,#macbook-root.is-mode-switching .mb-inspect-glow,#macbook-root.is-mode-switching .mb-display-flash{transition:opacity .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}#macbook-root.is-mode-switching:not([data-mb-mode=quiet]) .mb-stage,#macbook-root.is-mode-switching:not([data-mb-mode=quiet]) .mb-scroll-gauge,#macbook-root.is-mode-switching:not([data-mb-mode=quiet]) .mb-credit,#macbook-root.is-mode-switching:not([data-mb-mode=quiet]) .mb-bg-elements,#macbook-root.is-mode-switching:not([data-mb-mode=quiet]) .mb-inspect-glow,#macbook-root.is-mode-switching:not([data-mb-mode=quiet]) .mb-display-flash{transition:opacity .28s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s}@media(prefers-reduced-motion:reduce){#macbook-root.is-mode-switching .mb-stage,#macbook-root.is-mode-switching .mb-scroll-gauge,#macbook-root.is-mode-switching .mb-credit,#macbook-root.is-mode-switching .mb-bg-elements,#macbook-root.is-mode-switching .mb-inspect-glow,#macbook-root.is-mode-switching .mb-display-flash{transition:none}}.mb-mode-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#macbook-root.is-inspecting .mb-stage{filter:none}#macbook-root.is-inspecting .mb-overlay,#macbook-root.is-inspecting .mb-scroll-hint,#macbook-root.is-inspecting .mb-live-trigger,#macbook-root.is-inspecting .mb-progress,#macbook-root.is-inspecting .mb-rail,#macbook-root.is-inspecting .mb-credit{opacity:0!important;pointer-events:none}#macbook-root.is-inspecting .mb-scroll-gauge{right:calc(clamp(1.2rem,3vw,2.5rem) + env(safe-area-inset-right,0px));bottom:calc(clamp(1.1rem,2.2vh,1.8rem) + env(safe-area-inset-bottom,0px));z-index:60;opacity:1}#macbook-root.is-inspecting .mb-gauge-row{display:flex;column-gap:0}#macbook-root.is-inspecting .mb-gauge-number,#macbook-root.is-inspecting .mb-battery{display:none}#macbook-root.is-inspecting .mb-fps-meter{padding:.34rem .48rem;border-radius:999px;background:#050608b8;color:#ffffffc7;box-shadow:0 0 0 1px #ccddf824;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mb-scroll-runway{height:800vh;min-height:calc(var(--mb-vh) * 8);pointer-events:none}.ds-mb-feature.is-capture .mb-scroll-runway{height:var(--mb-vh);min-height:var(--mb-vh)}#macbook-root[data-mb-capture=true] .mb-mode-toggle,#macbook-root[data-mb-capture=true] .mb-mode-status,#macbook-root[data-mb-capture=true] .mb-rail,#macbook-root[data-mb-capture=true] .mb-live-trigger,#macbook-root[data-mb-capture=true] .mb-scroll-hint,#macbook-root[data-mb-capture=true] .mb-scroll-gauge,#macbook-root[data-mb-capture=true] .mb-credit,#macbook-root[data-mb-capture=true] .mb-display-flash,#macbook-root[data-mb-capture=true] .mb-quiet,#macbook-root[data-mb-capture=true] .mb-inspect{display:none!important}#macbook-root[data-mb-capture=true] .mb-overlay>*{display:none!important}#macbook-root[data-mb-capture=true] .mb-grain{display:none!important}#macbook-root[data-mb-capture-debug-bg=white],#macbook-root[data-mb-capture-debug-bg=white] .mb-stage,#macbook-root[data-mb-capture-debug-bg=white] .mb-scroll-runway{background:#fff!important;color-scheme:light}#macbook-root[data-mb-capture-debug-bg=white] .mb-bg-elements,#macbook-root[data-mb-capture-debug-bg=white] .mb-vignette,#macbook-root[data-mb-capture-debug-bg=white] .mb-ambient,#macbook-root[data-mb-capture-debug-bg=white] .mb-overlay{display:none!important}.mb-capture-controls{position:fixed;z-index:120;left:50%;bottom:max(1rem,env(safe-area-inset-bottom,0px) + 1rem);width:min(34rem,calc(100vw - 2rem));transform:translate(-50%);padding:.72rem .85rem;border:1px solid rgba(255,255,255,.14);border-radius:.55rem;background:#07080bb8;color:#ffffffdb;font-family:var(--mb-sans);box-shadow:0 18px 60px #00000057;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.mb-capture-control{display:grid;grid-template-columns:auto minmax(0,1fr) 3.8rem;align-items:center;gap:.8rem}.mb-capture-control+.mb-capture-control{margin-top:.58rem}.mb-capture-control-label,.mb-capture-control-value{font:600 .72rem/1 var(--mb-mono);letter-spacing:.02em}.mb-capture-control-label{color:#ffffff94;text-transform:uppercase}.mb-capture-control-value,.mb-capture-edge-value,.mb-capture-zoom-value{color:#ffffffd1;text-align:right}.mb-capture-control-range,.mb-capture-edge-range,.mb-capture-zoom-range{min-width:0;accent-color:var(--mb-brand-blue)}.mb-stage{position:fixed;inset:0;min-height:100vh;min-height:100dvh;min-height:var(--mb-vh);overflow:hidden;opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1)}.mb-stage.loaded{opacity:1}#three-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.mb-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 88% 78% at 50% 52%,transparent 38%,rgba(6,6,6,.38) 68%,rgba(6,6,6,.82) 100%),linear-gradient(180deg,rgba(6,6,6,.18) 0%,transparent 18%,transparent 78%,rgba(6,6,6,.3) 100%)}.mb-ambient{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 55% 45% at 92% 8%,rgba(200,215,240,.022) 0%,transparent 70%),radial-gradient(ellipse 40% 35% at 8% 88%,rgba(200,215,240,.015) 0%,transparent 70%)}.mb-grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.032;background-image:url(/images/demo/macbook/noise-tile.png);background-repeat:repeat;background-size:128px 128px}.is-low-end .mb-grain,.is-degraded .mb-grain{display:none}@media(prefers-reduced-motion:reduce){.mb-grain{display:none}}.is-degraded .mb-bg-orb,.is-degraded .mb-ambient{display:none}.is-degraded .mb-vignette{opacity:.4}.mb-bg-elements{position:fixed;inset:0;min-height:100vh;min-height:100dvh;min-height:var(--mb-vh);z-index:0;pointer-events:none;overflow:hidden;background:#060606}.mb-bg-orb{position:absolute;border-radius:50%;opacity:0;will-change:transform,opacity;transition:opacity 2s cubic-bezier(.22,1,.36,1)}.mb-bg-orb--1{width:70vw;height:70vw;background:radial-gradient(circle,var(--mb-brand-blue) 0%,transparent 70%);top:-15%;left:-10%;animation:mb-orb-float-1 22s ease-in-out infinite}.mb-bg-orb--2{width:60vw;height:60vw;background:radial-gradient(circle,var(--mb-brand-teal) 0%,transparent 70%);bottom:-10%;right:-5%;animation:mb-orb-float-2 28s ease-in-out infinite}.mb-bg-orb--3{width:40vw;height:40vw;background:radial-gradient(circle,var(--mb-brand-blue) 0%,transparent 70%);top:40%;right:-10%;opacity:.05;animation:mb-orb-float-3 18s ease-in-out infinite}@keyframes mb-orb-float-1{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(80px,-120px,0) scale(1.25)}}@keyframes mb-orb-float-2{0%,to{transform:translateZ(0) scale(1.2)}50%{transform:translate3d(-110px,90px,0) scale(1)}}@keyframes mb-orb-float-3{0%,to{transform:translate3d(0,-40px,0)}50%{transform:translate3d(0,40px,0)}}.is-low-end .mb-bg-orb,.is-degraded .mb-bg-orb{animation:none}@media(prefers-reduced-motion:reduce){.mb-bg-orb{animation:none}}.mb-stage.loaded~.mb-bg-elements .mb-bg-orb,#macbook-root:has(.mb-stage.loaded) .mb-bg-orb{opacity:.18}.mb-stage.loaded~.mb-bg-elements .mb-bg-orb--3,#macbook-root:has(.mb-stage.loaded) .mb-bg-orb--3{opacity:.08}.mb-progress{position:fixed;bottom:0;left:0;right:0;z-index:12;height:1.5px;background:var(--mb-rule);pointer-events:none}.mb-progress-fill{height:100%;width:100%;background:linear-gradient(90deg,transparent 0%,var(--mb-ink-4) 20%,var(--mb-ink-3) 100%);transform-origin:left center;transform:scaleX(0)}.mb-scroll-gauge{position:fixed;bottom:calc(clamp(1.1rem,2.2vh,1.8rem) + 1.5rem + env(safe-area-inset-bottom,0px));right:calc(clamp(1.2rem,3vw,2.5rem) + env(safe-area-inset-right,0px));z-index:8;display:flex;flex-direction:row;align-items:center;gap:0;pointer-events:none;transition:opacity .8s ease;--p: 0}.mb-gauge-row{display:grid;grid-template-columns:minmax(2.25rem,max-content) 48px minmax(3.35rem,max-content);align-items:center;column-gap:.46rem}.mb-battery{position:relative;width:48px;height:11px;border:1.5px solid rgba(242,242,244,.2);border-radius:3px}.mb-battery:after{content:"";position:absolute;right:-4.5px;top:50%;transform:translateY(-50%);width:3px;height:5px;background:#f2f2f433;border-radius:0 2px 2px 0}.mb-battery-fill{position:absolute;inset:1.5px;width:calc(var(--p) * 100%);background:var(--mb-brand-blue);border-radius:1.5px;opacity:.75}.mb-gauge-number{font-family:var(--mb-mono);font-size:.5rem;letter-spacing:.08em;color:#f2f2f461;line-height:1;text-align:right;font-variant-numeric:tabular-nums}.mb-fps-meter{font-family:var(--mb-mono);font-size:.46rem;letter-spacing:.1em;text-transform:uppercase;color:#f2f2f457;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap}.mb-credit{position:fixed;bottom:calc(clamp(1.1rem,2.2vh,1.8rem) + env(safe-area-inset-bottom,0px));right:calc(clamp(1.2rem,3vw,2.5rem) + env(safe-area-inset-right,0px));z-index:8;font-family:var(--mb-mono);font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:var(--mb-ink-4);pointer-events:none;transition:opacity .8s ease}.mb-mode-toggle{position:fixed;top:calc(var(--nav-clearance, 82px) + 16px + env(safe-area-inset-top,0px));left:calc(clamp(1rem,2.5vw,2rem) + env(safe-area-inset-left,0px));right:auto;z-index:32;display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:42px;min-width:42px;border:1px solid rgba(204,221,248,.24);border-radius:999px;padding:.62rem;background:linear-gradient(180deg,#181c26bd,#08090cad),#08080ab3;color:#f2f2f4e0;font-family:var(--mb-mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 0 0 1px #0067ff1a,0 12px 34px #00000057,0 0 26px #0067ff1a;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,padding .25s ease,gap .25s ease,opacity .5s ease}.mb-mode-toggle-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mb-mode-toggle:before{content:"";width:.58rem;height:.58rem;border-radius:999px;background:#ccddf880;box-shadow:0 0 0 3px #ccddf814,0 0 10px #ccddf82e;flex:0 0 auto;transition:background .3s ease,box-shadow .3s ease}#macbook-root[data-perf-tier=good] .mb-mode-toggle:before{background:#34c759;box-shadow:0 0 0 3px #34c7591f,0 0 14px #34c759b8}#macbook-root[data-perf-tier=medium] .mb-mode-toggle:before{background:#ff9f0a;box-shadow:0 0 0 3px #ff9f0a24,0 0 14px #ff9f0ab3}#macbook-root[data-perf-tier=poor] .mb-mode-toggle:before{background:#ff453a;box-shadow:0 0 0 3px #ff453a29,0 0 16px #ff453ac7}@keyframes mb-perf-measuring-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}#macbook-root[data-perf-tier=measuring] .mb-mode-toggle:before{animation:mb-perf-measuring-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){#macbook-root[data-perf-tier=measuring] .mb-mode-toggle:before{animation:none}}@keyframes mb-perf-resolve-bump{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}#macbook-root.mb-perf-just-resolved .mb-mode-toggle:before{animation:mb-perf-resolve-bump .55s ease-out 1}@media(prefers-reduced-motion:reduce){#macbook-root.mb-perf-just-resolved .mb-mode-toggle:before{animation:none}}#macbook-root[data-perf-tier=poor] .mb-mode-toggle,.mb-mode-toggle:hover,.mb-mode-toggle:focus-visible{padding:.62rem 1rem .62rem .72rem;gap:.55rem;justify-content:flex-start}#macbook-root[data-perf-tier=poor] .mb-mode-toggle .mb-mode-toggle-label,.mb-mode-toggle:hover .mb-mode-toggle-label,.mb-mode-toggle:focus-visible .mb-mode-toggle-label{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:nowrap}.mb-mode-toggle:hover,.mb-mode-toggle:focus-visible{background:linear-gradient(180deg,#f2f2f4f5,#e0e8f5e6),#f2f2f4eb;border-color:#ccddf89e;color:#07080a;transform:translateY(-1px);box-shadow:0 0 0 1px #0067ff29,0 16px 42px #00000061,0 0 32px #0067ff24}#macbook-root[data-mb-mode=quiet] .mb-mode-toggle:before{background:var(--mb-brand-blue);box-shadow:0 0 0 3px #0067ff1f,0 0 14px #0067ffa8}#macbook-root[data-perf-tier=good].mb-past-first-cp .mb-mode-toggle{opacity:0;pointer-events:none;transform:translateY(-4px)}@keyframes mb-perf-attention{0%,to{box-shadow:0 0 0 1px #ff453a2e,0 12px 34px #00000057,0 0 26px #ff453a2e}50%{box-shadow:0 0 0 1px #ff453a52,0 12px 34px #00000057,0 0 38px #ff453a6b}}#macbook-root[data-perf-tier=poor] .mb-mode-toggle{animation:mb-perf-attention 2.4s ease-in-out infinite;border-color:#ff453a6b}@media(prefers-reduced-motion:reduce){#macbook-root[data-perf-tier=poor] .mb-mode-toggle{animation:none}}#macbook-root[data-mb-mode=quiet] .mb-mode-toggle{animation:none!important;border-color:#ccddf838;padding:.52rem .78rem;gap:0;justify-content:center;box-shadow:0 0 0 1px #ccddf82e,0 8px 24px #00000047}#macbook-root[data-mb-mode=quiet] .mb-mode-toggle:before{animation:none!important}#macbook-root[data-mb-mode=quiet] .mb-mode-toggle .mb-mode-toggle-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}#macbook-root[data-mb-mode=quiet] .mb-mode-toggle:hover,#macbook-root[data-mb-mode=quiet] .mb-mode-toggle:focus-visible{padding:.62rem 1rem .62rem .72rem;gap:.55rem;justify-content:flex-start}#macbook-root[data-mb-mode=quiet] .mb-mode-toggle:hover .mb-mode-toggle-label,#macbook-root[data-mb-mode=quiet] .mb-mode-toggle:focus-visible .mb-mode-toggle-label{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip-path:none;white-space:nowrap}#macbook-root.is-quiet-auto .mb-mode-toggle{display:none}#macbook-root.is-quiet-by-perf .mb-mode-toggle{display:inline-flex}[data-mb-feature]:not(.is-stage-active) #macbook-root .mb-mode-toggle{opacity:0;pointer-events:none;visibility:hidden;animation:none;transition:opacity .3s ease,visibility 0s linear .3s}#macbook-root.is-ratio-mobile .mb-rail,#macbook-root.is-ratio-mobile .mb-scroll-gauge,#macbook-root.is-ratio-mobile .mb-credit{display:none}.mb-quiet{display:none;background:linear-gradient(rgba(0,103,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,103,255,.035) 1px,transparent 1px),radial-gradient(ellipse 78% 46% at 52% 0%,rgba(0,103,255,.16),transparent 68%),radial-gradient(ellipse 54% 38% at 100% 34%,rgba(13,148,136,.08),transparent 65%),linear-gradient(180deg,#050607,#090a0d 48%,#050607);background-size:48px 48px,48px 48px,auto,auto,auto;color:var(--mb-ink-1);overflow:hidden}#macbook-root[data-mb-mode=quiet] .mb-quiet{display:block}.mb-quiet-inner{width:min(1180px,calc(100% - clamp(2rem,7vw,6rem)));margin:0 auto;padding:calc(clamp(4.8rem,11vh,8rem) + env(safe-area-inset-top,0px)) 0 calc(clamp(4rem,10vh,7rem) + env(safe-area-inset-bottom,0px))}.mb-quiet-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(18rem,.58fr);gap:clamp(1.6rem,4vw,4rem);align-items:end;margin-bottom:clamp(3.5rem,8vw,7rem)}.mb-quiet-hero .mb-eyebrow{grid-column:1 / -1;margin-bottom:-.35rem}.mb-quiet-title{margin:0;color:var(--mb-ink-1);font-size:clamp(3rem,8vw,7.8rem);font-weight:600;letter-spacing:0;line-height:.95;text-wrap:balance}.mb-quiet-lead{margin:0;color:var(--mb-ink-2);font-size:clamp(1rem,1.45vw,1.18rem);font-weight:300;line-height:1.65}.mb-quiet-projects{display:grid;gap:clamp(4rem,9vw,7.5rem)}.mb-quiet-project{display:grid;grid-template-columns:minmax(17rem,.9fr) minmax(18rem,.74fr);gap:clamp(1.6rem,4vw,4rem);align-items:center}.mb-quiet-project--break{grid-template-columns:minmax(18rem,.74fr) minmax(17rem,.9fr)}.mb-quiet-project--break .mb-quiet-device{grid-column:2;grid-row:1}.mb-quiet-project--break .mb-quiet-project-copy{grid-column:1;grid-row:1}.mb-quiet-device{position:relative;overflow:hidden;width:min(100%,39rem);border:1px solid rgba(204,221,248,.14);border-radius:clamp(1.1rem,2.2vw,2rem);background:#050609;box-shadow:0 0 0 1px #ffffff09,0 30px 90px #00000075}.mb-quiet-project--rinos .mb-quiet-device{box-shadow:0 0 0 1px #d02c3824,0 30px 90px #0000007a,0 0 64px #d02c3814}.mb-quiet-project--break .mb-quiet-device{justify-self:end;box-shadow:0 0 0 1px #c8956c24,0 30px 90px #0000007a,0 0 64px #c8956c14}.mb-quiet-chrome{position:relative;display:flex;align-items:center;gap:.75rem;padding:.62rem clamp(.8rem,1.4vw,1.1rem);background:linear-gradient(180deg,#26282ef5,#1c1e24f5);border-bottom:1px solid rgba(0,0,0,.55);box-shadow:inset 0 1px #ffffff0f}.mb-quiet-chrome-dots{display:inline-flex;align-items:center;gap:.42rem;flex:0 0 auto}.mb-quiet-chrome-dot{width:.78rem;height:.78rem;padding:0;border:0;border-radius:999px;appearance:none;box-shadow:inset 0 0 0 .5px #00000059,inset 0 1px 1px #ffffff38}.mb-quiet-chrome-dot--red{background:#ff5f57}.mb-quiet-chrome-dot--yellow{background:#febc2e}.mb-quiet-chrome-dot--green{background:#28c840}.mb-quiet-chrome-fullscreen,.mb-quiet-chrome-redclose{position:relative;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.mb-quiet-chrome-fullscreen:after{content:"";position:absolute;inset:50%;width:.42rem;height:.42rem;transform:translate(-50%,-50%);background-image:linear-gradient(45deg,transparent 45%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.55) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.55) 55%,transparent 55%);opacity:0;transition:opacity .18s ease;pointer-events:none}.mb-quiet-chrome-fullscreen:hover:after,.mb-quiet-chrome-fullscreen:focus-visible:after{opacity:1}.mb-quiet-chrome-redclose:after{content:"";position:absolute;left:50%;top:50%;width:.46rem;height:.46rem;transform:translate(-50%,-50%);background-image:linear-gradient(45deg,transparent 45%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.6) 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,rgba(0,0,0,.6) 45%,rgba(0,0,0,.6) 55%,transparent 55%);opacity:0;transition:opacity .18s ease;pointer-events:none}.mb-quiet-chrome-redclose:hover:after,.mb-quiet-chrome-redclose:focus-visible:after{opacity:1}.mb-quiet-chrome-fullscreen:hover,.mb-quiet-chrome-redclose:hover{transform:scale(1.08)}.mb-quiet-chrome-fullscreen:focus-visible,.mb-quiet-chrome-redclose:focus-visible{outline:2px solid rgba(0,103,255,.55);outline-offset:2px}.mb-quiet-chrome-redclose{pointer-events:none}.mb-quiet-device.is-quiet-zoomed .mb-quiet-chrome-redclose{pointer-events:auto}.mb-quiet-chrome-url{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:.45rem;width:clamp(12rem,48%,24rem);padding:.34rem .95rem;background:#14161ac7;border:1px solid rgba(255,255,255,.05);border-radius:7px;color:#e8eaf0e0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:.82rem;letter-spacing:.005em;white-space:nowrap;box-shadow:inset 0 1px #ffffff08,0 1px #00000040}.mb-quiet-chrome-lock{width:.7rem;height:.82rem;flex-shrink:0;color:#e8eaf09e}.mb-quiet-chrome-host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;flex:1 1 auto}.mb-quiet-chrome-spacer{flex:0 0 auto;width:3.6rem;height:.78rem}@media(max-width:540px){.mb-quiet-chrome-url{width:clamp(8rem,52%,14rem);font-size:.74rem;padding:.28rem .7rem}.mb-quiet-chrome-spacer{width:2.6rem}}.mb-quiet-media{position:relative;display:block;background:#050609;transition:opacity .4s ease;z-index:1}.mb-quiet-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#fff;opacity:0;pointer-events:none;z-index:2;transition:opacity .45s ease}.mb-quiet-device.is-quiet-zoomed.is-frame-ready .mb-quiet-iframe{opacity:1;pointer-events:auto}.mb-quiet-device.is-quiet-zoomed.is-frame-ready .mb-quiet-media{opacity:0}.mb-quiet-glitch{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;pointer-events:none;z-index:4;background:#050609;transition:opacity .4s ease}.mb-quiet-device.is-quiet-glitching .mb-quiet-glitch{opacity:1}.mb-quiet-device.is-quiet-zoomed .mb-quiet-glitch{inset:var(--mb-quiet-chrome-h, 33px) 0 0 0;height:calc(100% - var(--mb-quiet-chrome-h, 33px))}.mb-quiet-device.is-quiet-glitching.is-quiet-glitch-done.is-frame-ready .mb-quiet-glitch{opacity:0}.mb-quiet-loader{position:absolute;inset:var(--mb-quiet-chrome-h, 33px) 0 0 0;display:none;place-items:center;background:#080a0e8c;z-index:3;pointer-events:none}.mb-quiet-device.is-quiet-zoomed .mb-quiet-loader.is-visible{display:grid}.mb-quiet-device.is-quiet-zoomed.is-frame-ready .mb-quiet-loader{display:none}.mb-quiet-spinner{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.18);border-top-color:#ffffffeb;animation:mb-quiet-spin .8s linear infinite}@keyframes mb-quiet-spin{to{transform:rotate(360deg)}}.mb-quiet-device.is-quiet-zoomed .mb-quiet-chrome-fullscreen{pointer-events:none}.mb-quiet-close-cta{position:fixed;left:50%;bottom:clamp(1rem,2.4vh,2rem);display:none;align-items:center;gap:.55rem;min-height:44px;padding:.7rem 1.15rem;border:1px solid rgba(7,8,10,.08);border-radius:999px;background:#fffffff0;color:#07080a;font-family:inherit;font-size:.84rem;font-weight:700;letter-spacing:.005em;cursor:pointer;z-index:95;box-shadow:0 8px 24px #00000047,0 0 0 1px #ffffff14;transition:background .2s ease,transform .22s cubic-bezier(.22,1,.36,1),opacity .32s ease;opacity:0;transform:translate(-50%,8px)}html.has-quiet-zoom .mb-quiet-close-cta{display:inline-flex;opacity:1;transform:translate(-50%)}.mb-quiet-close-cta:hover{background:#fff;transform:translate(-50%,-1px)}.mb-quiet-close-cta:focus-visible{outline:2px solid rgba(0,103,255,.6);outline-offset:3px;transform:translate(-50%)}.mb-quiet-close-cta-arrow{display:inline-block;font-weight:600;transition:transform .22s cubic-bezier(.22,1,.36,1)}.mb-quiet-close-cta:hover .mb-quiet-close-cta-arrow{transform:translate(-2px)}@media(prefers-reduced-motion:reduce){.mb-quiet-close-cta,.mb-quiet-close-cta-arrow{transition:none}}.mb-quiet-zoom-backdrop{position:fixed;inset:0;background:radial-gradient(ellipse 70% 50% at 50% 30%,rgba(0,103,255,.1),transparent 64%),#020305c7;backdrop-filter:blur(16px) saturate(1.1);-webkit-backdrop-filter:blur(16px) saturate(1.1);opacity:0;pointer-events:none;transition:opacity .42s ease;z-index:80}.mb-quiet-zoom-backdrop.is-visible{opacity:1;pointer-events:auto}.mb-quiet-device.is-quiet-zoomed{border-radius:clamp(14px,1.6vw,22px);box-shadow:0 0 0 1px #ccddf82e,0 36px 120px #0000009e,0 0 80px #0067ff1f;will-change:top,left,width,height}.mb-quiet-device.is-quiet-zoomed .mb-quiet-media,.mb-quiet-device.is-quiet-zoomed .mb-quiet-iframe{position:absolute;inset:var(--mb-quiet-chrome-h, 33px) 0 0 0;width:100%;height:calc(100% - var(--mb-quiet-chrome-h, 33px))}.mb-quiet-device.is-quiet-zoomed .mb-quiet-video,.mb-quiet-device.is-quiet-zoomed .mb-quiet-image{width:100%;height:100%;object-fit:cover;object-position:top center}html.has-quiet-zoom,html.has-quiet-zoom body{overflow:hidden}.site-header{transition:opacity .32s ease}html.has-quiet-zoom .site-header{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.mb-quiet-zoom-backdrop,.mb-quiet-media,.mb-quiet-iframe{transition:none}}.mb-quiet-video,.mb-quiet-image{display:block;width:100%;height:auto;object-fit:contain}.mb-quiet-project-copy{display:flex;flex-direction:column;align-items:flex-start}.mb-quiet-index{color:var(--mb-ink-3);font-family:var(--mb-mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}.mb-quiet-project-copy h3,.mb-quiet-outro h3{margin:1rem 0 0;color:var(--mb-ink-1);font-size:clamp(2.15rem,4.5vw,4.5rem);font-weight:600;letter-spacing:0;line-height:.98;text-wrap:balance}.mb-quiet-project-copy>p{max-width:36rem;margin:1.25rem 0 0;color:var(--mb-ink-2);font-size:clamp(.98rem,1.28vw,1.12rem);font-weight:300;line-height:1.65}.mb-quiet-review{margin:1.45rem 0 0;padding:1rem 0 0;border-top:1px solid rgba(204,221,248,.12)}.mb-quiet-review p{margin:0;color:#f2f2f4b8;font-size:clamp(.9rem,1.08vw,1rem);font-weight:300;line-height:1.55}.mb-quiet-review cite{display:block;margin-top:.72rem;color:var(--mb-ink-3);font-family:var(--mb-mono);font-size:.58rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase}.mb-quiet-live{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:.6rem;margin-top:1.45rem;padding:.78rem 1.28rem;border:1px solid rgba(242,242,244,.18);border-radius:999px;background:#f2f2f4eb;color:#07080a;font:inherit;font-size:.88rem;font-weight:700;letter-spacing:.005em;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .22s cubic-bezier(.22,1,.36,1)}.mb-quiet-live:before{content:"";width:.36rem;height:.36rem;border-radius:999px;background:#34c759;box-shadow:0 0 12px #34c759b8}.mb-quiet-live:hover{background:#fff;border-color:#ffffff57;transform:translateY(-1px)}.mb-quiet-live:focus-visible{outline:2px solid rgba(204,221,248,.78);outline-offset:4px}.mb-quiet-outro{max-width:46rem;margin:clamp(4rem,10vw,8rem) auto 0;text-align:center}.mb-quiet-outro h3{font-size:clamp(2rem,5.2vw,4.7rem)}.mb-quiet-outro p:last-child{margin:1rem auto 0;max-width:34rem;color:var(--mb-ink-2);font-size:clamp(.98rem,1.3vw,1.12rem);font-weight:300;line-height:1.65}.mb-overlay{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;opacity:0;padding:clamp(2rem,5vw,5rem);isolation:isolate}.mb-overlay.is-active{will-change:opacity,transform}.mb-eyebrow{font-family:var(--mb-mono);font-size:clamp(.58rem,.7vw,.68rem);font-weight:400;letter-spacing:.2em;text-transform:uppercase;color:var(--mb-ink-3);margin:0 0 1.4rem;line-height:1}.mb-eyebrow:before,.mb-eyebrow:after{content:"";display:inline-block;vertical-align:middle;width:1.8rem;height:1px;background:var(--mb-ink-4);margin:0 .9rem;position:relative;top:-.5px}.mb-headline{font-size:clamp(3.6rem,8.5vw,8rem);font-weight:600;letter-spacing:0;line-height:1;margin:0;text-align:center;text-wrap:balance;color:var(--mb-ink-1)}.mb-brand-blue-text{color:var(--mb-brand-blue)}.mb-brand-teal-text{color:var(--mb-brand-teal)}.mb-hero-accent{color:var(--mb-accent-hero)}.mb-accent--warm{background-image:linear-gradient(to right,var(--mb-rinos-red-a),var(--mb-rinos-red-b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mb-accent--cool{background-image:linear-gradient(to right,var(--mb-break-copper-a),var(--mb-break-gold-b));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mb-sub{font-size:clamp(.95rem,1.6vw,1.4rem);font-weight:300;letter-spacing:0;color:var(--mb-ink-2);margin:1.4rem 0 0;line-height:1.5}.mb-project-cluster{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:.9rem;max-width:clamp(18rem,32vw,28rem)}.mb-project-cluster--left{left:clamp(2.5rem,6vw,8rem);text-align:left;align-items:flex-start}.mb-project-cluster--right{right:clamp(2.5rem,6vw,8rem);text-align:right;align-items:flex-end}.mb-project-card{display:flex;flex-direction:column;width:100%}.mb-project-index{font-family:var(--mb-mono);font-size:.6rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mb-ink-4);margin-bottom:.9rem;display:block}.mb-headline--project{font-size:clamp(2.4rem,5.2vw,4.8rem);letter-spacing:0;line-height:1;margin:0;color:var(--mb-ink-1);text-align:inherit}.mb-project-rule{width:2.2rem;height:1px;background:var(--mb-rule);border:none;margin:1.2rem 0;flex-shrink:0}.mb-project-cluster--right .mb-project-rule{align-self:flex-end}#macbook-root.is-ratio-wide .mb-project-cluster{max-width:clamp(19rem,21vw,24rem)}#macbook-root.is-ratio-wide .mb-headline--project{font-size:clamp(2.3rem,3.4vw,3.7rem)}#macbook-root.is-ratio-wide .mb-project-index{margin-bottom:.72rem}#macbook-root.is-ratio-wide .mb-project-rule{margin:1rem 0}#macbook-root.is-ratio-wide .mb-review-quote{font-size:clamp(.72rem,.74vw,.82rem);line-height:1.55}#macbook-root.is-ratio-wide .mb-review-cite{font-size:clamp(.5rem,.54vw,.58rem)}#macbook-root.is-ratio-wide .mb-project-cluster>.mb-live-trigger{display:none}#macbook-root.is-ratio-narrow .mb-overlay[data-section=project2],#macbook-root.is-ratio-narrow .mb-overlay[data-section=project3]{justify-content:flex-end;padding-right:calc(clamp(1.5rem,4vw,3rem) + env(safe-area-inset-right,0px));padding-bottom:calc(clamp(3.4rem,6vh,5rem) + env(safe-area-inset-bottom,0px));padding-left:calc(clamp(1.5rem,4vw,3rem) + env(safe-area-inset-left,0px))}#macbook-root.is-ratio-narrow .mb-project-cluster{position:relative;top:auto;right:auto;left:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:clamp(1.2rem,3vw,2.2rem);row-gap:.75rem;width:min(58rem,100%);max-width:min(58rem,calc(100vw - 3rem));transform:none;text-align:left;align-items:end}#macbook-root.is-ratio-narrow .mb-live-trigger{position:relative;top:auto;right:auto;left:auto}#macbook-root.is-ratio-narrow .mb-project-cluster--left{grid-template-columns:auto minmax(0,1fr)}#macbook-root.is-ratio-narrow .mb-project-cluster--left .mb-live-trigger{grid-column:1;grid-row:1}#macbook-root.is-ratio-narrow .mb-project-cluster--left .mb-project-card{grid-column:2}#macbook-root.is-ratio-narrow .mb-project-cluster--right .mb-project-card{grid-column:1}#macbook-root.is-ratio-narrow .mb-project-cluster--right .mb-live-trigger{grid-column:2;grid-row:1}#macbook-root.is-ratio-narrow .mb-project-card{display:grid;grid-template-columns:minmax(11rem,.9fr) minmax(14rem,1.1fr);column-gap:clamp(1.2rem,3vw,2.2rem);row-gap:.75rem;align-items:end}#macbook-root.is-ratio-narrow .mb-project-index{grid-column:1;margin-bottom:.45rem}#macbook-root.is-ratio-narrow .mb-headline--project{grid-column:1;align-self:start;font-size:clamp(2rem,4.8vw,3.25rem)}#macbook-root.is-ratio-narrow .mb-project-rule{display:none}#macbook-root.is-ratio-narrow .mb-review{grid-column:2;grid-row:1 / span 2;align-self:end}#macbook-root.is-ratio-narrow .mb-review-quote{font-size:clamp(.72rem,1vw,.82rem);line-height:1.45;margin-bottom:.45rem}#macbook-root.is-ratio-narrow .mb-review-cite{font-size:clamp(.5rem,.62vw,.58rem)}@media(max-width:900px){#macbook-root.is-ratio-narrow .mb-project-card{grid-template-columns:1fr;width:min(36rem,100%);max-width:min(36rem,calc(100vw - 2.4rem));text-align:center;align-items:center}#macbook-root.is-ratio-narrow .mb-project-cluster,#macbook-root.is-ratio-narrow .mb-project-cluster--left{grid-template-columns:1fr;width:min(36rem,100%);max-width:min(36rem,calc(100vw - 2.4rem));justify-items:center}#macbook-root.is-ratio-narrow .mb-project-cluster--left .mb-live-trigger,#macbook-root.is-ratio-narrow .mb-project-cluster--left .mb-project-card,#macbook-root.is-ratio-narrow .mb-project-cluster--right .mb-project-card,#macbook-root.is-ratio-narrow .mb-project-cluster--right .mb-live-trigger,#macbook-root.is-ratio-narrow .mb-project-index,#macbook-root.is-ratio-narrow .mb-headline--project,#macbook-root.is-ratio-narrow .mb-review{grid-column:1}#macbook-root.is-ratio-narrow .mb-review{grid-row:auto}}.mb-review{margin:0;padding:0;border:none}.mb-review-quote{font-size:clamp(.75rem,.95vw,.88rem);font-weight:300;font-style:normal;color:var(--mb-ink-2);line-height:1.65;margin:0 0 .6rem;letter-spacing:.005em}.mb-review-cite{display:block;font-family:var(--mb-mono);font-size:clamp(.55rem,.65vw,.62rem);font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--mb-ink-4);font-style:normal}.mb-scroll-hint{position:absolute;bottom:calc(clamp(2.5rem,5vh,4rem) + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);z-index:7;display:flex;flex-direction:column;align-items:center;gap:.7rem;transition:opacity .8s ease}.mb-mouse{width:20px;height:33px;border:1px solid rgba(242,242,244,.22);border-radius:10px;display:flex;justify-content:center;padding-top:6px}.mb-wheel{width:2.5px;height:7px;border-radius:2px;background:#f2f2f461;animation:scroll-bob 2s cubic-bezier(.45,0,.55,1) infinite}.mb-scroll-label{font-family:var(--mb-mono);font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:var(--mb-ink-4)}.mb-cta,.mb-live-trigger,.mb-inspect-close,.mb-inspect-open{min-height:44px;border:0;font:inherit;text-decoration:none;cursor:pointer}.mb-live-trigger{position:absolute;top:calc(100% + .9rem);z-index:8;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.75rem 1.4rem;border-radius:999px;background:#f2f2f4e6;color:#0a0a0c;font-size:clamp(.78rem,.9vw,.9rem);font-weight:600;letter-spacing:.005em;box-shadow:0 0 0 1px #ffffff1f,0 8px 32px #0006,0 2px 8px #0003;opacity:0;pointer-events:none;transform:translateY(14px) scale(.97);transition:opacity .35s ease,transform .4s cubic-bezier(.22,1,.36,1),background .2s ease}.mb-project-cluster--left .mb-live-trigger{left:0}.mb-project-cluster--right .mb-live-trigger{right:0}.mb-live-trigger--stage{display:none}.mb-live-trigger:before{content:"";width:5px;height:5px;border-radius:999px;background:#34c759;box-shadow:0 0 10px #34c759bf;flex-shrink:0}.mb-live-trigger.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.mb-live-trigger:hover{background:#fff;transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #fff3,0 12px 40px #00000073}#macbook-root.is-ratio-wide .mb-live-trigger{position:fixed;left:50vw;right:auto;bottom:calc(clamp(2rem,5vh,3.5rem) + env(safe-area-inset-bottom,0px));top:auto;transform:translate(-50%,14px) scale(.97)}#macbook-root.is-ratio-wide .mb-live-trigger--stage{display:inline-flex}#macbook-root.is-ratio-wide .mb-live-trigger.is-visible{transform:translate(-50%) scale(1)}#macbook-root.is-ratio-wide .mb-live-trigger:hover{transform:translate(-50%,-2px) scale(1.02)}.mb-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:3rem;padding:.85rem 2.2rem;border-radius:999px;background:var(--mb-surface);color:var(--mb-ink-1);font-size:clamp(.88rem,1.2vw,1rem);font-weight:500;letter-spacing:.005em;pointer-events:auto;border:1px solid var(--mb-rule);transition:background .25s ease,border-color .25s ease,transform .3s cubic-bezier(.22,1,.36,1)}.mb-cta:hover{background:var(--mb-surface-hover);border-color:#f2f2f438;transform:scale(1.04)}.mb-cta:focus-visible,.mb-live-trigger:focus-visible,.mb-inspect-close:focus-visible,.mb-inspect-open:focus-visible{outline:2px solid rgba(204,221,248,.78);outline-offset:4px}.mb-webgl-fallback{position:absolute;inset:0;z-index:30;display:grid;place-items:center;padding:clamp(2rem,5vw,5rem);text-align:center;background:radial-gradient(ellipse 60% 42% at 50% 44%,rgba(0,103,255,.12),transparent 68%),#060606}.mb-webgl-fallback[hidden]{display:none}.mb-webgl-fallback-title{margin:0;color:var(--mb-ink-1);font-size:clamp(2rem,5vw,4.5rem);font-weight:600;letter-spacing:0;line-height:1;text-wrap:balance}.mb-webgl-fallback-copy{max-width:32rem;margin:1rem auto 0;color:var(--mb-ink-2);font-size:clamp(.95rem,1.4vw,1.15rem);font-weight:300;line-height:1.55}.mb-stage.has-webgl-fallback #three-canvas,.mb-stage.has-webgl-fallback .mb-vignette,.mb-stage.has-webgl-fallback .mb-ambient,.mb-stage.has-webgl-fallback .mb-grain,.mb-stage.has-webgl-fallback .mb-rail,.mb-stage.has-webgl-fallback .mb-overlay,.mb-stage.has-webgl-fallback .mb-scroll-hint,.mb-stage.has-webgl-fallback .mb-live-trigger{display:none}.mb-display-flash{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 48%,rgba(255,255,255,.94) 0%,rgba(220,238,255,.72) 16%,rgba(80,160,255,.18) 36%,transparent 60%),linear-gradient(180deg,transparent 0%,rgba(255,255,255,.18) 48%,transparent 100%);mix-blend-mode:screen;transition:opacity .22s ease}.mb-display-flash.is-active{opacity:1}.mb-inspect-glow{position:fixed;inset:0;min-height:100vh;min-height:100dvh;min-height:var(--mb-vh);pointer-events:none;opacity:0}.mb-inspect-glow--rinos{background:radial-gradient(ellipse 52% 46% at 50% 47%,rgba(220,50,60,.12) 0%,transparent 60%),radial-gradient(ellipse 62% 50% at -6% 0%,rgba(208,44,56,.52) 0%,rgba(180,20,30,.2) 40%,transparent 68%),radial-gradient(ellipse 40% 32% at 106% 100%,rgba(160,20,30,.18) 0%,transparent 55%),repeating-linear-gradient(-48deg,transparent 0px,transparent 88px,rgba(208,44,56,.016) 88px,rgba(208,44,56,.016) 90px)}.mb-inspect-glow--break{background:radial-gradient(ellipse 50% 45% at 50% 47%,rgba(210,165,80,.12) 0%,transparent 58%),radial-gradient(ellipse 26% 30% at 18% 0%,rgba(200,149,108,.52) 0%,rgba(200,149,108,.16) 45%,transparent 70%),radial-gradient(ellipse 22% 26% at 80% 0%,rgba(212,168,83,.45) 0%,rgba(212,168,83,.12) 42%,transparent 68%),radial-gradient(ellipse 16% 18% at 50% 0%,rgba(230,200,155,.26) 0%,transparent 60%),radial-gradient(ellipse 75% 28% at 50% 108%,rgba(200,149,108,.1) 0%,transparent 65%)}.mb-inspect{position:fixed;inset:0;min-height:100vh;min-height:100dvh;min-height:var(--mb-vh);z-index:25;pointer-events:none;opacity:0;transition:opacity .3s ease;overscroll-behavior:contain}.mb-inspect.is-open{opacity:1}.mb-inspect.is-open .mb-inspect-screen,.mb-inspect.is-open .mb-inspect-close{pointer-events:auto}.mb-inspect-screen{position:absolute;left:var(--screen-left, 50%);top:var(--screen-top, 42%);width:var(--screen-width, min(62vw, 820px));height:var(--screen-height, auto);aspect-ratio:1728 / 1117;overflow:hidden;clip-path:var(--screen-clip, inset(0));border-radius:clamp(10px,1.15vw,18px);background:#fff;box-shadow:var(--mb-ig-shadow, 0 0 0 1px rgba(255, 255, 255, .1), 0 24px 80px rgba(0, 0, 0, .5) )}.mb-inspect-close{position:absolute;left:calc(clamp(1.5rem,4vw,3.5rem) + env(safe-area-inset-left,0px));bottom:calc(clamp(2rem,6vh,4.5rem) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;gap:.68rem;border-radius:999px;padding:.72rem 1.25rem .72rem .78rem;background:linear-gradient(180deg,#0d0f14e6,#050608d1),#060608db;color:#fffffff0;font-family:var(--mb-mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(204,221,248,.28);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);box-shadow:0 0 0 1px #0067ff2e,0 18px 54px #0009,0 0 34px #0067ff2e,0 0 0 9999px #00000005;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}.mb-inspect-close:before{content:"←";display:grid;place-items:center;width:1.55rem;height:1.55rem;border-radius:999px;background:#0067ff2e;color:#fff;font-family:var(--mb-sans);font-size:1rem;font-weight:600;line-height:1;box-shadow:inset 0 0 0 1px #0067ff5c}.mb-inspect-close:hover{background:linear-gradient(180deg,#141820f0,#07080be0),#060608e6;border-color:#ccddf870;color:#fff;transform:translateY(-2px);box-shadow:0 0 0 1px #0067ff47,0 22px 62px #000000ad,0 0 44px #0067ff3d,0 0 0 9999px #00000006}html.dark .mb-inspect-close,:root[data-theme=dark] .mb-inspect-close,:root[data-showroom-theme=dark] .mb-inspect-close{background:linear-gradient(180deg,#fffffff5,#e6ebf5e6),#ffffffeb;color:#050507;border-color:#ffffffc2;box-shadow:0 0 0 1px #08080a29,0 18px 54px #00000080,0 0 34px #ffffff2e,0 0 0 9999px #00000005}html.dark .mb-inspect-close:before,:root[data-theme=dark] .mb-inspect-close:before,:root[data-showroom-theme=dark] .mb-inspect-close:before{background:#0067ff24;color:var(--mb-brand-blue);box-shadow:inset 0 0 0 1px #0067ff42}html.dark .mb-inspect-close:hover,:root[data-theme=dark] .mb-inspect-close:hover,:root[data-showroom-theme=dark] .mb-inspect-close:hover{background:linear-gradient(180deg,#fff,#eef3fcf0),#fffffff5;border-color:#fff;color:#030306;box-shadow:0 0 0 1px #08080a2e,0 22px 62px #0000008f,0 0 42px #ffffff3d,0 0 0 9999px #00000006}.mb-inspect-frame{width:100%;height:100%;border:0;background:#fff;position:relative;z-index:2}.mb-inspect-loader{position:absolute;inset:0;display:none;place-items:center;background:#fff;z-index:3}.mb-inspect-loader.is-visible{display:grid}.mb-inspect-spinner{width:32px;height:32px;border:2.5px solid rgba(0,103,255,.12);border-top-color:var(--mb-brand-blue);border-radius:50%;animation:mb-spin .8s linear infinite}@keyframes mb-spin{to{transform:rotate(360deg)}}.mb-inspect.has-notch-offset .mb-inspect-screen{background:#000}.mb-inspect.has-notch-offset .mb-inspect-frame{position:absolute;top:var(--notch-height-pct, 0%);left:0;width:100%;height:calc(100% - var(--notch-height-pct, 0%))}.mb-inspect.has-notch-offset .mb-inspect-fallback{top:var(--notch-height-pct, 0%);height:calc(100% - var(--notch-height-pct, 0%))}.mb-inspect-fallback{position:absolute;inset:0;display:none;place-items:center;padding:2rem;text-align:center;background:linear-gradient(180deg,#08080abf,#08080af0),url(/images/referenzen/rinosbike-hero.png) center / cover;color:var(--mb-ink-1)}.mb-inspect-fallback.is-visible{display:grid}.mb-inspect-fallback-inner{max-width:28rem}.mb-inspect-fallback-title{margin:0;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:600;letter-spacing:0;line-height:1.05}.mb-inspect-fallback-copy{margin:1rem 0 0;color:var(--mb-ink-2);line-height:1.6;font-weight:300}.mb-inspect-open{display:inline-flex;align-items:center;justify-content:center;margin-top:1.6rem;padding:.85rem 1.4rem;border-radius:999px;background:var(--mb-ink-1);color:#07070a;font-weight:700;font-size:.88rem}.mb-overlay[data-section=finale]{z-index:10;background:transparent}.mb-schematic{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:-1;overflow:hidden;opacity:0;transition:opacity 1s ease;background:radial-gradient(circle at 50% 50%,rgba(6,6,8,.85) 0%,rgba(6,6,8,.45) 45%,transparent 80%)}.mb-schematic-svg{width:min(140vw,1600px);height:auto;opacity:.6;filter:drop-shadow(0 0 12px rgba(204,221,248,.2))}.mb-schematic.is-active{opacity:1}.mb-draw-path{stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.mb-schematic.is-active .mb-draw-path{stroke-dashoffset:0}.mb-schematic.is-active .mb-draw-path:nth-child(1){transition-delay:.1s}.mb-schematic.is-active .mb-draw-path:nth-child(2){transition-delay:.3s}.mb-schematic.is-active g.mb-rotate-slow .mb-draw-path{transition-delay:.5s}.mb-schematic.is-active g.mb-rotate-fast .mb-draw-path{transition-delay:.7s}.mb-rotate-slow,.mb-rotate-fast{transform-origin:center;opacity:0;transition:opacity 1s ease}.mb-schematic.is-active .mb-rotate-slow{opacity:1;animation:mb-rotate 40s linear infinite;transition-delay:.6s}.mb-schematic.is-active .mb-rotate-fast{opacity:1;animation:mb-rotate 15s linear infinite reverse;transition-delay:.8s}.mb-pulse{opacity:0;transition:opacity .5s ease}.mb-schematic.is-active .mb-pulse{opacity:1;animation:mb-pulse 3s ease-in-out infinite;transition-delay:1.2s}@keyframes mb-drawing{to{stroke-dashoffset:0}}@keyframes mb-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mb-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.mb-schematic-label{font-family:var(--mb-mono);font-size:8px;fill:#ccddf866;text-transform:uppercase;letter-spacing:.1em}.mb-overlay[data-section=project2]{background:radial-gradient(ellipse 52% 65% at 92% 50%,rgba(208,44,56,.072) 0%,transparent 68%),radial-gradient(ellipse 30% 40% at 88% 20%,rgba(0,146,69,.035) 0%,transparent 60%)}.mb-overlay[data-section=project2] .mb-project-card{background:linear-gradient(150deg,#0c0c0ed1,#d02c3814);backdrop-filter:blur(24px) saturate(1.1);-webkit-backdrop-filter:blur(24px) saturate(1.1);border:1px solid rgba(208,44,56,.18);border-radius:1.1rem;padding:clamp(1.4rem,2.2vw,2.2rem) clamp(1.4rem,2.5vw,2.5rem)}#macbook-root.is-ratio-wide .mb-overlay[data-section=project2] .mb-project-card{padding:clamp(1.25rem,1.65vw,1.75rem) clamp(1.3rem,1.9vw,2rem)}.mb-overlay[data-section=project2] .mb-project-index{color:#d02c388c}.mb-overlay[data-section=project2] .mb-project-rule{background:linear-gradient(to left,#d02c381f,#d02c386b)}.mb-overlay[data-section=project2] .mb-review-quote{color:#f2ece49e}.mb-overlay[data-section=project3]{background:radial-gradient(ellipse 52% 65% at 8% 50%,rgba(200,149,108,.065) 0%,transparent 68%),radial-gradient(ellipse 35% 45% at 12% 75%,rgba(2,116,190,.04) 0%,transparent 60%)}.mb-overlay[data-section=project3] .mb-project-card{background:linear-gradient(140deg,#080a0ee0,#c8956c1f 60%,#d4a85314);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);border:1px solid rgba(200,149,108,.2);border-top-color:#d4a85338;border-radius:1.1rem;padding:clamp(1.4rem,2.2vw,2.2rem) clamp(1.4rem,2.5vw,2.5rem)}#macbook-root.is-ratio-wide .mb-overlay[data-section=project3] .mb-project-card{padding:clamp(1.25rem,1.65vw,1.75rem) clamp(1.3rem,1.9vw,2rem)}.mb-overlay[data-section=project3] .mb-project-index{color:#c8956c99}.mb-overlay[data-section=project3] .mb-project-rule{background:linear-gradient(to right,#c8956c6b,#d4a8531f)}.mb-overlay[data-section=project3] .mb-review-quote{color:#e8dcce94}.mb-overlay[data-section=project3] .mb-review-cite{color:#c8956c73}.mb-overlay[data-section=finale]{background:radial-gradient(ellipse 55% 55% at 50% 55%,rgba(204,221,248,.038) 0%,transparent 70%)}@keyframes scroll-bob{0%,to{transform:translateY(0);opacity:.85}55%{transform:translateY(7px);opacity:.2}}@media(max-width:768px){.mb-quiet-inner{width:min(100% - 1.25rem,38rem);padding:calc(3.8rem + env(safe-area-inset-top,0px)) 0 calc(4rem + env(safe-area-inset-bottom,0px))}.mb-quiet-hero,.mb-quiet-project,.mb-quiet-project--break{grid-template-columns:1fr}.mb-quiet-hero{gap:1.2rem;margin-bottom:3.4rem}.mb-quiet-hero .mb-eyebrow,.mb-quiet-project--break .mb-quiet-device,.mb-quiet-project--break .mb-quiet-project-copy{grid-column:1;grid-row:auto}.mb-quiet-title{font-size:clamp(2.75rem,14vw,4.7rem)}.mb-quiet-lead{font-size:1rem}.mb-quiet-projects{gap:4.2rem}.mb-quiet-project{gap:1.4rem}.mb-quiet-device{border-radius:1.1rem}.mb-quiet-project-copy h3{font-size:clamp(2rem,10.5vw,3.25rem)}.mb-quiet-outro{margin-top:4.8rem}.mb-quiet-outro h3{font-size:clamp(2rem,11vw,3.5rem)}.mb-overlay{padding:max(1.4rem,env(safe-area-inset-top,0px)) max(1.2rem,env(safe-area-inset-right,0px)) max(1.4rem,env(safe-area-inset-bottom,0px)) max(1.2rem,env(safe-area-inset-left,0px))}.mb-headline{font-size:clamp(2.8rem,14vw,4.6rem)}.mb-project-card{position:relative;top:auto;left:auto;right:auto;transform:none;max-width:none;text-align:center;align-items:center}.mb-headline--project{font-size:clamp(2.2rem,7vw,3.5rem)}.mb-project-cluster--right .mb-project-rule{align-self:center}.mb-rail,.mb-scroll-gauge,.mb-credit{display:none}.mb-inspect-close{right:calc(1.2rem + env(safe-area-inset-right,0px));left:calc(1.2rem + env(safe-area-inset-left,0px));width:auto}.mb-live-trigger{left:auto;right:auto;width:max-content;max-width:calc(100vw - 2rem)}}#macbook-root.is-low-end .mb-overlay[data-section=project2] .mb-project-card,#macbook-root.is-low-end .mb-overlay[data-section=project3] .mb-project-card{backdrop-filter:none;-webkit-backdrop-filter:none}@media(prefers-reduced-motion:reduce){.mb-stage,.mb-cta,.mb-live-trigger,.mb-display-flash,.mb-inspect,.mb-inspect-close,.mb-progress-fill{transition-duration:.01ms}.mb-wheel{animation:none}.mb-rotate-slow,.mb-rotate-fast,.mb-pulse{animation:none!important}}.mb-rail{position:absolute;right:calc(clamp(1.2rem,3vw,2.5rem) + env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:15;height:min(58vh,360px);min-height:250px;width:clamp(7.4rem,12vw,10.5rem);--p: 0}.mb-rail-track{position:absolute;top:0;bottom:0;right:.48rem;width:2px;border-radius:999px;background:#f2f2f41f;box-shadow:0 0 0 1px #06060638}.mb-rail-fill{position:absolute;top:0;left:0;width:100%;height:calc(var(--p) * 100%);border-radius:inherit;background:linear-gradient(180deg,#ffffffdb,#ccddf885);box-shadow:0 0 16px #ccddf833}.mb-rail-cp{position:absolute;right:0;top:calc(var(--cp) * 100%);transform:translateY(-50%);display:flex;align-items:center;justify-content:flex-end;min-height:34px;width:100%;padding:0 1.35rem 0 0;border:0;background:transparent;color:#f2f2f46b;cursor:pointer;text-align:right;transition:color .22s ease}.mb-rail-cp:before{content:"";position:absolute;right:.18rem;top:50%;width:.62rem;height:.62rem;border:1px solid rgba(242,242,244,.32);border-radius:999px;background:#f2f2f414;box-shadow:inset 0 0 0 1px #ffffff0d;transform:translate(50%,-50%);transition:background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.mb-rail-cp:after{content:"";position:absolute;right:.9rem;top:50%;width:.58rem;height:1px;background:#f2f2f433;transform:translateY(-50%) scaleX(.42);transform-origin:right center;transition:background .22s ease,transform .22s ease}.mb-rail-cp-label{display:block;max-width:7.6rem;overflow:hidden;font-size:clamp(.68rem,.7vw,.78rem);font-weight:500;line-height:1.1;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 10px rgba(0,0,0,.45);transition:opacity .22s ease,transform .22s ease}.mb-rail-cp:hover,.mb-rail-cp:focus-visible,.mb-rail-cp.is-current{color:#f2f2f4f0}.mb-rail-cp:hover:before,.mb-rail-cp:focus-visible:before,.mb-rail-cp.is-current:before{border-color:#f2f2f4c2;background:#f2f2f4f0;box-shadow:0 0 18px #ccddf85c;transform:translate(50%,-50%) scale(1.16)}.mb-rail-cp:hover:after,.mb-rail-cp:focus-visible:after,.mb-rail-cp.is-current:after{background:#f2f2f494;transform:translateY(-50%) scaleX(1)}.mb-rail-cp.is-passed:not(.is-current){color:#f2f2f494}.mb-rail-cp.is-passed:not(.is-current):before{border-color:#ccddf87a;background:#ccddf885}.mb-rail--dev{display:none;right:calc(clamp(1.2rem,3vw,2.5rem) + env(safe-area-inset-right,0px));height:220px;min-height:220px;width:44px}#macbook-root[data-dev-build=true].show-dev-checkpoints .mb-rail--customer,#macbook-root.show-dev-checkpoints .mb-rail--customer{display:none}#macbook-root[data-dev-build=true].show-dev-checkpoints .mb-rail--dev,#macbook-root.show-dev-checkpoints .mb-rail--dev{display:block}.mb-rail--dev .mb-rail-track{left:50%;right:auto;width:1px;border-radius:0;background:#f2f2f414;box-shadow:none}.mb-rail--dev .mb-rail-fill{background:var(--mb-brand-blue);opacity:.35;box-shadow:none}.mb-rail--dev .mb-rail-cp{left:0;right:0;display:block;min-height:16px;padding:4px 0;color:#ffc83299;text-align:left}.mb-rail--dev .mb-rail-cp:before{left:-4px;right:-4px;width:auto;height:1px;border:0;border-radius:0;background:#ffc8328c;box-shadow:none;transform:translateY(-50%)}.mb-rail--dev .mb-rail-cp:after{display:none}.mb-rail--dev .mb-rail-cp-label{position:absolute;right:calc(100% + 10px);top:50%;max-width:none;transform:translateY(-50%);font-family:var(--mb-mono);font-size:.42rem;line-height:1.2;letter-spacing:.06em;background:#00000080;padding:1px 4px;border-radius:2px}.mb-rail--dev .mb-rail-cp:hover,.mb-rail--dev .mb-rail-cp:focus-visible,.mb-rail--dev .mb-rail-cp.is-current{color:#ffc832}.mb-rail--dev .mb-rail-cp:hover:before,.mb-rail--dev .mb-rail-cp:focus-visible:before,.mb-rail--dev .mb-rail-cp.is-current:before{background:#ffc832e6}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.mb-overlay[data-section=project2] .mb-project-card,.mb-overlay[data-section=project3] .mb-project-card{background:#08080af0}}@media(max-height:620px)and (min-width:769px){.mb-scroll-hint,.mb-scroll-gauge,.mb-credit{display:none}.mb-headline{font-size:clamp(3rem,7vw,5.8rem)}.mb-project-card{max-width:clamp(17rem,30vw,24rem)}}