@charset "UTF-8";:root.is-night{--color-base-bg: #0e0e0e;--color-base-text: #e8e8e8;--color-base-meta: #888888}:root{--font-display: "Unbounded", sans-serif;--font-body: "Roboto Mono", monospace;--font-accent: "Griffin Demo", "Unbounded", sans-serif;--color-white: #ffffff;--color-black: #000000;--color-ink: #111111;--color-title: #ffffff;--color-metadata: #b5b5b5;--color-base-bg: #ffffff;--color-base-text: #000000;--color-base-meta: #444444;--color-card-border: rgba(255, 255, 255, .8);--color-card-bg: rgba(0, 0, 0, .4);--color-border-white-soft: rgba(255, 255, 255, .35);--color-border-black-soft: rgba(0, 0, 0, .16);--color-border-black-25: rgba(0, 0, 0, .25);--color-border-ink-10: rgba(17, 17, 17, .1);--color-border-ink-14: rgba(17, 17, 17, .14);--color-border-ink-50: rgba(17, 17, 17, .5);--color-white-95: rgba(255, 255, 255, .95);--color-bg: #bf6620;--radius-card: 24.41px;--blur-card: 10px;--z-debug: 99}@font-face{font-family:Unbounded;src:url(/assets/unbounded-regular-CLuhn8ed.woff2) format("woff2"),url(/assets/unbounded-regular-CGiLg21k.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Unbounded;src:url(/assets/unbounded-medium-CuI-tGOL.woff2) format("woff2"),url(/assets/unbounded-medium-CpJh_Vxx.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/assets/robotomono-regular-BD0ZAemu.woff2) format("woff2"),url(/assets/robotomono-regular-C2BqCFJF.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Griffin Demo;src:url(/assets/griffindemo-regular-MDxHRbJw.woff2) format("woff2"),url(/assets/griffindemo-regular-BBS95ZNg.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}.skip-link{position:fixed;top:14px;left:14px;z-index:400;padding:.65rem .9rem;border-radius:999px;background:#ffffffeb;color:#000;clip-path:inset(50%);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.skip-link:focus,.skip-link:focus-visible{clip-path:inset(0);opacity:1;pointer-events:auto;transform:translateY(0)}a:focus-visible,button:focus-visible{outline:2px solid rgba(0,0,0,.72);outline-offset:3px;border-radius:4px}html.is-night a:focus-visible,html.is-night button:focus-visible{outline-color:#ffffffd1}button{font:inherit;cursor:pointer}a{text-decoration:none;color:inherit}body,body *{-webkit-user-select:none;user-select:none}html:not(.app--js) .page--js-only,html:not(.app--js) .project__mirror--js-only,html:not(.app--js) #webgl-canvas{display:none!important}.noscript-message{position:fixed;bottom:20%;left:50%;transform:translate(-50%);margin:0;padding:0;text-align:center;white-space:nowrap;color:var(--color-white);font-size:11px;opacity:.8}@media(max-width:1024px){.noscript-message{bottom:100px;white-space:normal;max-width:calc(100vw - 48px)}}img,picture,svg,canvas{-webkit-user-drag:none;user-drag:none}@media print{html,body{width:auto;height:auto;overflow:visible!important;background:#fff!important;color:#000!important}body{display:block;min-height:auto;-webkit-user-select:text;user-select:text}#app{display:block;width:auto;height:auto;min-height:auto;padding:0}#app:before,#app:after,#webgl-canvas,#project-plane-cursor,.scroll-hint,.site-footer,.skip-link,.hub__project-image,.project-detail__back,.project-detail__next{display:none!important}#site-header,.home-hero,.hub,.project-detail,.project-detail__scroll,.project-detail__inner,.project-detail__meta{position:static!important;inset:auto!important;width:auto!important;height:auto!important;min-height:0!important;transform:none!important;overflow:visible!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}#site-header,.home-hero,.hub{display:none!important}.project-detail{display:block!important;page-break-inside:auto}.project-detail__inner{margin:0;padding:0}.project-detail__header,.project-detail__gallery,.project-detail__meta{width:auto!important;margin:0 0 1.5rem!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;backdrop-filter:none!important;box-shadow:none!important}.project-detail__gallery{gap:1.5rem}.project-detail__title,.project-detail__copy,.project-detail__text-body,.project-detail__text-title{color:#000!important}.project-detail__text-card{width:auto;padding:0;background:transparent;border:0;border-radius:0;break-inside:avoid}.project-detail__hero,.project-detail__hero--left,.project-detail__hero--right,.project-detail__hero--lower,.project-detail__hero--stacked{width:auto!important;margin:0!important;translate:none!important;justify-self:auto!important;break-inside:avoid}.project-detail__media{max-width:100%;break-inside:avoid}a[href^=http]:after{content:" (" attr(href) ")";font-size:.85em;word-break:break-all}}html,body{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background-color:#f7f4ed;color:#000;transition:background .6s ease,color .6s ease}html.is-night,html.is-night body{background-color:#0e0e0e;color:#e8e8e8}html.home-hero-pending #site-header,html.home-hero-pending .site-footer,html.home-hero-pending .hub__intro-copy{opacity:0!important;pointer-events:none!important}body{margin:0;height:100vh;height:100svh;height:100dvh;min-height:100vh;min-height:100svh;min-height:100dvh;display:grid;place-items:center;font-family:var(--font-body);overflow:hidden}h1,h2,h3{font-family:var(--font-display)}#app{position:relative;width:100%;height:100%;min-height:100vh;min-height:100svh;min-height:100dvh;background-color:inherit;padding:env(safe-area-inset-top,0) env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0);display:grid;place-items:center}@media(max-width:780px){#app:before,#app:after{content:"";position:fixed;left:0;right:0;z-index:2;pointer-events:none}#app:before{top:0;height:clamp(72px,14vh,132px);background:linear-gradient(to bottom,#f7f4ed,#f7f4edd1 32%,#f7f4ed00)}#app:after{bottom:0;height:clamp(96px,18vh,164px);background:linear-gradient(to top,#f7f4ed,#f7f4eddb 38%,#f7f4ed00)}html.is-night #app:before{background:linear-gradient(to bottom,#0e0e0e,#0e0e0ed1 32%,#0e0e0e00)}html.is-night #app:after{background:linear-gradient(to top,#0e0e0e,#0e0e0edb 38%,#0e0e0e00)}}#app>:not(#webgl-canvas):not(.project-detail__back){position:relative;z-index:1}#webgl-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;pointer-events:auto}#site-header{position:fixed;top:50%;display:flex;justify-content:space-between;width:85%;height:auto;transform:translateY(-50%);z-index:99;color:#000;transition:opacity .68s ease,transform .82s cubic-bezier(.22,1,.36,1),top 1.1s cubic-bezier(.22,1,.36,1),right 1.1s cubic-bezier(.22,1,.36,1),font-size 1.1s cubic-bezier(.22,1,.36,1)}body.project-theme--project-01 #site-header{color:#3e364ead;mix-blend-mode:multiply;opacity:.2}body.project-theme--project-02 #site-header{color:#512456c2;mix-blend-mode:multiply;opacity:.2}body.project-theme--project-03 #site-header{color:#465c78bd;mix-blend-mode:multiply;opacity:.2}body.project-theme--project-04 #site-header{color:#847c34a8;mix-blend-mode:multiply;opacity:.2}body.project-theme--project-05 #site-header{color:#584668b3;mix-blend-mode:multiply;opacity:.2}body:not(.home-hero-visible) #site-header{opacity:0;pointer-events:none}.site-footer{position:fixed;bottom:31px;display:flex;justify-content:space-between;width:100%;height:auto;padding:0 45px;z-index:240;transition:opacity .68s ease}body:not(.home-hero-visible) .site-footer{opacity:0;pointer-events:none}@media(max-width:1024px){.site-footer{left:50%;bottom:24px;width:calc(100% - 40px);flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:0 20px;transform:translate(-50%)}}.home-hero{position:fixed;inset:0;pointer-events:none;z-index:160}.home-hero--hidden .home-hero__name,.home-hero--hidden .home-hero__role{opacity:0}.home-hero__name{margin:0;padding:0;font-family:var(--font-display);font-size:1.3rem;font-weight:400;line-height:1;text-align:left;pointer-events:auto;cursor:pointer;opacity:0;transition:opacity .68s ease,transform .82s cubic-bezier(.22,1,.36,1),top 1.1s cubic-bezier(.22,1,.36,1),left 1.1s cubic-bezier(.22,1,.36,1),font-size 1.1s cubic-bezier(.22,1,.36,1)}.home-hero__name-first,.home-hero__name-last{display:block}.home-hero__role{margin:0;padding:0;font-family:var(--font-display);font-size:1.3rem;font-weight:400;line-height:1;text-align:right;pointer-events:none;opacity:0;transition:opacity .68s ease,transform .82s cubic-bezier(.22,1,.36,1),top 1.1s cubic-bezier(.22,1,.36,1),right 1.1s cubic-bezier(.22,1,.36,1),font-size 1.1s cubic-bezier(.22,1,.36,1)}.home-hero__role-primary,.home-hero__role-accent{display:block}.home-hero__name.is-visible,.home-hero__role.is-visible{opacity:1}.home-hero__name.is-visible,.home-hero__role.is-visible{transform:translate(0)}body.projects-visible #site-header,body.project-detail-open #site-header{top:46px;left:auto;right:auto;flex-direction:row;width:95%;min-height:0;padding:0;transform:translateY(-50%)}body.projects-visible .home-hero__name,body.projects-visible .home-hero__role,body.project-detail-open .home-hero__name,body.project-detail-open .home-hero__role{font-size:1rem}@media(max-width:900px){body:not(.projects-visible):not(.project-detail-open) #site-header{top:34px;left:20px;right:20px;width:auto;min-height:0;flex-direction:row;justify-content:space-between;transform:none}body:not(.projects-visible):not(.project-detail-open) .home-hero__name,body:not(.projects-visible):not(.project-detail-open) .home-hero__role{font-size:1rem}body:not(.projects-visible):not(.project-detail-open) .home-hero__name{align-self:flex-start;text-align:left}body:not(.projects-visible):not(.project-detail-open) .home-hero__role{align-self:flex-start;text-align:right}body.projects-visible #site-header,body.project-detail-open #site-header{top:34px;width:calc(100% - 40px)}}.hub{position:fixed;inset:0;pointer-events:none;z-index:160}.hub--hidden{display:none}.hub__project-left{flex:0 0 calc(50% - 18vw);display:flex;align-items:center;justify-content:flex-start;gap:clamp(12.5rem,7vw,6.5rem);min-width:0}@keyframes project-content-in{0%{opacity:0;filter:blur(14px);transform:translateY(8px) scale(1.015)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.hub__intro-copy{position:fixed;left:50%;top:50%;width:max-content;max-width:min(90vw,44rem);pointer-events:none;text-align:center;transform:translate(-50%) translateY(-50%);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}body:not(.home-hero-visible) .hub__intro-copy{opacity:0;pointer-events:none}.hub__baseline{margin:0;font-family:var(--font-accent);font-size:36px;font-weight:400}.hub__baseline,.hub__clients{margin:0;text-align:center}.hub__baseline-line{display:block;opacity:0;filter:blur(18px);transform:scale(1.1)}.hub__baseline.is-visible .hub__baseline-line{opacity:1;filter:blur(0);transform:scale(1)}.hub__clients{position:absolute;left:50%;top:100%;display:block;width:max-content;max-width:100%;margin-top:44px;transform:translate(-50%);white-space:nowrap}.hub__client{display:inline;font-family:var(--font-accent);font-size:15px;font-weight:400;opacity:0;filter:blur(8px)}.hub__client+.hub__client:before{content:" · "}.hub__baseline.is-visible+.hub__clients .hub__client{opacity:1;filter:blur(0)}body.projects-visible .hub__intro-copy{opacity:0;transform:translate(-50%) translateY(calc(-50% - 10px));pointer-events:none}.hub__project-image{position:fixed;left:50%;top:50%;width:clamp(350px,26vw,380px);height:clamp(480px,60vh,560px);opacity:0;overflow:hidden;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .6s ease}.hub--projects-visible .hub__project-image{opacity:1;pointer-events:auto;cursor:pointer}.hub__project-img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .18s ease}.hub__project-img.is-refreshing{animation:project-content-in .56s cubic-bezier(.22,1,.36,1) both}.hub__project-line{position:fixed;left:45px;right:45px;top:50%;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;opacity:0;pointer-events:auto;transform:translateY(-50%) translateY(16px);transition:opacity .64s ease,transform .9s cubic-bezier(.22,1,.36,1)}.hub__project-index{position:relative;flex:0 0 28px;display:flex;flex-direction:column;align-items:flex-start;height:.9rem;overflow:visible}.hub__project-index-button{display:block;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-family:var(--font-body);font-size:.75rem;line-height:1;text-transform:uppercase;opacity:.36;transition:opacity .32s ease,background-color .32s ease,transform .52s cubic-bezier(.22,1,.36,1)}.hub__project-index-list{display:flex;flex-direction:column;gap:10px;transform:translateY(calc(var(--active-index, 0) * -1.45rem));transition:transform .72s cubic-bezier(.22,1,.36,1)}.hub__project-index-button.is-active{opacity:1;background:transparent;margin-bottom:50px}.hub__project-list{display:none}.hub__project-item{position:absolute;inset:0;opacity:0;pointer-events:none}.hub__project-item.is-active{opacity:1}.hub__project-title,.hub__project-summary,.hub__project-tag{margin:0;white-space:nowrap;transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1)}.hub__project-title{flex:0 1 auto;min-width:0;text-align:left;font-family:var(--font-accent);font-size:1.625rem}.hub__project-title.is-refreshing{animation:project-content-in .52s cubic-bezier(.22,1,.36,1) both}.hub__project-right{flex:0 0 calc(50% - 18vw);display:flex;align-items:center;justify-content:space-between;gap:20px}.hub__project-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-body);font-size:.75rem;text-transform:uppercase}.hub__project-summary.is-refreshing{animation:project-content-in .52s cubic-bezier(.22,1,.36,1) 40ms both}.hub__project-tag{flex:0 0 auto;font-family:var(--font-body);font-size:.75rem;text-transform:uppercase}.hub__project-tag.is-refreshing{animation:project-content-in .52s cubic-bezier(.22,1,.36,1) 80ms both}.hub--projects-visible .hub__project-line{opacity:1;cursor:pointer;transform:translateY(-50%) translateY(0);transition-delay:.68s}@media(max-width:1024px){.hub__project-line{left:20px;right:20px;top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 132px);display:flex;flex-direction:column;align-items:flex-start;gap:10px;transform:none}.hub__project-left{display:block;min-width:0}.hub__project-index{position:fixed;left:20px;top:50%;display:flex;height:.75rem;margin-bottom:0;transform:translateY(-50%)}.hub__project-right{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.hub__project-title,.hub__project-summary,.hub__project-tag{display:block;margin:0;white-space:normal;text-align:left}.hub__project-title{max-width:min(78vw,24rem);font-size:1rem;line-height:1.05}.hub__project-summary{max-width:min(78vw,26rem);font-size:.78rem;line-height:1.35}.hub__project-tag{font-size:.68rem;opacity:.72}.hub__project-index-list{gap:8px;transform:none;transition:none}.hub__project-index-button{font-size:.68rem}.hub__project-index-button.is-active{margin-bottom:0}.hub--projects-visible .hub__project-line{transform:none}}@media(max-width:900px){.hub__intro-copy{top:44%}.hub__baseline{font-size:clamp(1.75rem,5vw,2.25rem)}.hub__clients{margin-top:32px;width:min(90vw,28rem);white-space:normal}.hub__project-image{width:min(42vw,350px);height:min(58vh,480px)}.hub__project-line{bottom:calc(env(safe-area-inset-bottom,0px) + 118px);padding:0}.hub__project-summary{font-size:.76rem}.hub__project-tag{font-size:.66rem}}.project-detail{position:fixed;inset:0;z-index:220;display:block;opacity:0;pointer-events:none;visibility:hidden}.project-detail.is-open{opacity:1;pointer-events:auto;visibility:visible}.project-detail__scroll{width:100%;height:100dvh;overflow:auto;-ms-overflow-style:none;scrollbar-width:none}.project-detail__scroll::-webkit-scrollbar{display:none}.project-detail__back{position:fixed;top:50%;left:45px;z-index:250;border:0;color:#000;font-family:var(--font-body);font-size:.75rem;text-transform:uppercase;transform:translateY(-50%);background-color:transparent;padding:0;opacity:0;pointer-events:none}.project-detail__inner{position:relative;z-index:1;width:min(1320px,100vw - 90px);margin:0 auto;padding:148px 0 172px;min-height:100%}.project-detail__header{display:grid;gap:0;width:min(1040px,100vw - 96px);margin-inline:auto;margin-bottom:60px;padding-left:0}.project-detail__title{margin:0;max-width:none;font-family:var(--font-accent);font-size:42px;line-height:1;text-align:center}.project-detail__gallery{display:grid;gap:150px;margin-bottom:42px}.project-detail__hero{margin:0 auto}.project-detail__hero:not(.project-detail__hero--primary){max-width:100%;margin-inline:0}.project-detail__hero--image:not(.project-detail__hero--primary){width:min(500px,100%)}.project-detail__hero--left{justify-self:start}.project-detail__hero--right{justify-self:end;margin-top:-210px}.project-detail__hero--lower{justify-self:center;translate:-20% 0}.project-detail__hero--stacked{justify-self:center;margin-top:64px}.project-detail__text-card{width:min(100%,700px);margin:0 auto;display:grid;gap:14px;padding:22px 24px 24px;background:#ffffffb8;border:1px solid rgba(0,0,0,.06);border-radius:8px}.project-detail__text-title{margin:0;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.5rem);line-height:1.05;text-transform:uppercase}.project-detail__text-body{margin:0;font-family:var(--font-accent);font-size:1rem;line-height:1.55}.project-detail__media{display:block;width:100%;height:auto;background:#e8e1d3}.project-detail__media--video{margin:0 auto;object-fit:contain}@media(min-width:1200px){.project-detail__media--video{width:clamp(520px,48.6vw,860px)}}.project-detail__next{position:relative;display:grid;gap:14px;align-content:center;justify-items:center;width:100%;min-height:70vh;margin:40px auto 0;padding:0;border:0;background:transparent;color:inherit;text-align:center}.project-detail__next[hidden]{display:none}.project-detail__next-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-body);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;opacity:.42}.project-detail__next-title{margin:0 auto;font-family:var(--font-accent);font-size:clamp(13.75rem,5vw,4.8rem);line-height:.95;color:#fff;opacity:.4}.project-detail__meta{position:fixed;left:50%;bottom:90px;z-index:230;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;width:min(500px,100vw - 48px);padding:14px 16px 16px;color:inherit;background:#fff;border-radius:5px;backdrop-filter:blur(12px);transform:translate(-50%)}.project-detail__meta-block{display:grid;gap:8px;align-content:start;min-width:0}.project-detail__eyebrow{margin:0;font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;opacity:.42}.project-detail__copy{margin:0;font-family:var(--font-accent);font-size:.9rem;line-height:1.4}.project-detail [data-detail-stagger]{opacity:1;filter:blur(0);transform:translateY(0)}body.project-detail-open{overflow:hidden}body.project-detail-open .hub{opacity:0;pointer-events:none}body.project-detail-open .home-hero{opacity:1;pointer-events:none}body.project-detail-open .home-hero__name,body.project-detail-open .home-hero__role{opacity:1}body.project-detail-open .project-detail__back{opacity:1;pointer-events:auto}@media(max-width:900px){.project-detail__back{left:20px}.project-detail__inner{width:calc(100vw - 40px);padding-top:80px;padding-bottom:150px}.project-detail__header{padding-left:0;margin-bottom:28px}.project-detail__gallery{gap:20px;margin-bottom:28px}.project-detail__hero:not(.project-detail__hero--primary){width:100%;justify-self:center;margin-top:0;transform:none;translate:none}.project-detail__text-card{padding:18px 18px 20px}.project-detail__media{border-radius:20px}.project-detail__next{min-height:90vh;margin:36px auto 0}.project-detail__meta{bottom:90px;grid-template-columns:1fr;gap:14px;width:calc(100vw - 24px);padding:12px 14px 14px}}.site-links{position:relative;display:flex;align-items:flex-end;gap:8px;pointer-events:auto}.site-link{cursor:pointer;font-family:var(--font-display);font-size:10px;letter-spacing:.18em;opacity:1;text-transform:uppercase;transition:opacity .2s ease}.site-link:hover{opacity:.7}.site-link__sep{font-size:10px;opacity:.25;user-select:none}.site-email{padding:.6875rem 1rem;color:inherit;cursor:pointer;font-family:var(--font-body);background-color:#000;color:#fff;font-size:12px;font-weight:700;transition:all .2s ease}.site-email:hover{opacity:.7;background-color:transparent;color:#000}@media(max-width:1024px){.site-links{order:2;width:100%;flex-wrap:nowrap;justify-content:center;gap:4px;max-width:none;white-space:nowrap}.site-email{order:1}.site-link{letter-spacing:.1em}.site-email:hover{opacity:.7}}html.is-night .site-link,html.is-night .site-email{color:inherit}.scroll-hint{position:fixed;bottom:31px;left:50%;z-index:140;margin:0;font-family:var(--font-accent);color:#c79025;font-size:12px;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .6s ease}.scroll-hint.is-visible{opacity:1}@media(max-width:1024px){.scroll-hint{bottom:80px}}.perf-panel{--perf-good: #7dffb3;--perf-warn: #ffbb5c;--perf-bad: #ff6b6b;--perf-muted: rgba(255, 255, 255, .62);position:fixed;left:1rem;top:2em;z-index:10;min-width:18rem;padding:.875rem 1rem;border:1px solid rgba(255,255,255,.14);border-radius:.875rem;background:#0a0a0ad1;backdrop-filter:blur(16px);color:#fffffff0;font-family:SF Mono,SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.35}.perf-panel__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.625rem}.perf-panel__title{color:var(--perf-muted);text-transform:uppercase;letter-spacing:.08em}.perf-panel__badge{padding:.15rem .45rem;border-radius:999px;border:1px solid currentColor;font-size:.6875rem;text-transform:uppercase;letter-spacing:.08em}.perf-panel__row{display:flex;justify-content:space-between;gap:1rem}.perf-panel__row+.perf-panel__row{margin-top:.35rem}.perf-panel__label{color:var(--perf-muted)}.perf-panel__value{text-align:right}.perf-panel[data-status=good]{border-color:color-mix(in srgb,var(--perf-good) 38%,transparent)}.perf-panel[data-status=warn]{border-color:color-mix(in srgb,var(--perf-warn) 42%,transparent)}.perf-panel[data-status=bad]{border-color:color-mix(in srgb,var(--perf-bad) 48%,transparent)}.perf-panel__badge[data-status=good],.perf-panel__row[data-status=good] .perf-panel__value{color:var(--perf-good)}.perf-panel__badge[data-status=warn],.perf-panel__row[data-status=warn] .perf-panel__value{color:var(--perf-warn)}.perf-panel__badge[data-status=bad],.perf-panel__row[data-status=bad] .perf-panel__value{color:var(--perf-bad)}.project-plane-cursor{position:fixed;top:0;left:0;z-index:320;width:82px;height:82px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(180deg,#ffffff6b,#ffffff24),#ffffff14;backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -10px 18px #ffffff14,0 10px 30px #00000014;color:#0c0c0cd1;pointer-events:none;opacity:0;scale:0;transition:opacity .8s ease,background .22s ease,box-shadow .22s ease,scale .8s cubic-bezier(.22,1,.36,1);mix-blend-mode:normal;isolation:isolate;overflow:hidden}.project-plane-cursor.is-active{opacity:1;scale:1}.project-plane-cursor__label{font-family:var(--font-body);font-size:12px;line-height:1;letter-spacing:.12em;text-transform:uppercase}@media(hover:none),(pointer:coarse){.project-plane-cursor{display:none!important}}
