@font-face{font-family:Franchise Portfolio;src:url(/fonts/Franchise-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}[data-portfolio-theme=dark]{--color-accent:#093434;--color-bg:#999999;--color-bg-elevated:#8a8a8a;--color-surface:#7a7a7a;--color-surface-hover:#6e6e6e;--color-border:#6a6a6a;--color-border-subtle:rgba(0,0,0,0.12);--color-text:#ffffff;--color-text-secondary:#e8e8e8;--color-text-muted:#d0d0d0;--color-accent-glow:rgba(9,52,52,0.25);--color-highlight-glow:rgba(163,20,46,0.2);--color-primary-glow:rgba(188,85,16,0.2)}[data-portfolio-theme=light]{--color-accent:#25ced1;--color-bg:#ffffff;--color-secondary:#fceade;--color-navbar:#ff8a5b;--color-bg-elevated:#f7f7f7;--color-surface:#fceade;--color-surface-hover:#f8d4c4;--color-border:#e8c8b4;--color-border-subtle:rgba(37,206,209,0.1);--color-text:#1a1a2e;--color-text-secondary:#4a4a5a;--color-text-muted:#8a8a9a;--color-accent-glow:rgba(37,206,209,0.15);--color-highlight-glow:rgba(234,82,111,0.15);--color-primary-glow:rgba(252,234,222,0.5)}[data-portfolio-theme=dark]{--palette-teal:#093434;--palette-grey:#999999;--palette-ember:#bc5510;--palette-brandy:#7a2300;--palette-ruby:#a3142e;--color-accent:#25ced1;--color-bg:#071f1f;--color-secondary:#bc5510;--color-navbar:#7a2300;--color-highlight:#a3142e;--color-bg-elevated:#093434;--color-surface:rgba(153,153,153,0.13);--color-surface-strong:rgba(153,153,153,0.2);--color-surface-hover:rgba(188,85,16,0.16);--color-border:rgba(153,153,153,0.22);--color-border-subtle:rgba(153,153,153,0.13);--color-text:#fff8f2;--color-text-secondary:rgba(255,248,242,0.76);--color-text-muted:rgba(255,248,242,0.5);--color-accent-glow:rgba(37,206,209,0.18);--color-highlight-glow:rgba(163,20,46,0.26);--color-primary-glow:rgba(188,85,16,0.22);--color-page-gradient:radial-gradient(circle at 16% 18%,rgba(188,85,16,0.22),transparent 30%),radial-gradient(circle at 78% 12%,rgba(163,20,46,0.16),transparent 28%),linear-gradient(135deg,#071f1f,#093434 56%,#251209)}[data-portfolio-theme=light]{--palette-cyan:#25ced1;--palette-white:#ffffff;--palette-petal:#fceade;--palette-coral:#ff8a5b;--palette-pink:#ea526f;--color-accent:#087f82;--color-bg:#fffdfb;--color-secondary:#ff8a5b;--color-navbar:#fceade;--color-highlight:#ea526f;--color-bg-elevated:#ffffff;--color-surface:rgba(252,234,222,0.72);--color-surface-strong:rgba(255,255,255,0.88);--color-surface-hover:rgba(255,138,91,0.18);--color-border:rgba(255,138,91,0.24);--color-border-subtle:rgba(37,206,209,0.14);--color-text:#172325;--color-text-secondary:rgba(23,35,37,0.72);--color-text-muted:rgba(23,35,37,0.52);--color-accent-glow:rgba(37,206,209,0.18);--color-highlight-glow:rgba(234,82,111,0.14);--color-primary-glow:rgba(255,138,91,0.16);--color-page-gradient:radial-gradient(circle at 14% 18%,rgba(37,206,209,0.18),transparent 30%),radial-gradient(circle at 78% 8%,rgba(234,82,111,0.13),transparent 27%),linear-gradient(135deg,#ffffff,#fceade 58%,#fff8f4);--color-accent:var(--accent);--color-bg:var(--background);--color-secondary:var(--sage);--color-navbar:var(--charcoal);--color-highlight:var(--mid-green);--color-bg-elevated:var(--surface);--color-surface:var(--surface);--color-surface-strong:var(--surface-sunken);--color-surface-hover:var(--accent-quiet);--color-border:var(--border);--color-border-subtle:var(--rule);--color-text:var(--ink);--color-text-secondary:var(--ink-muted);--color-text-muted:var(--label);--color-accent-glow:rgba(36,79,53,0.14);--color-highlight-glow:rgba(143,166,83,0.16);--color-primary-glow:rgba(79,125,69,0.14);--color-page-gradient:linear-gradient(135deg,var(--background),var(--surface-sunken))}[data-portfolio-theme=dark]{--color-accent:var(--accent);--color-bg:var(--background);--color-secondary:var(--sage-bright);--color-navbar:var(--charcoal);--color-highlight:var(--mid-green);--color-bg-elevated:var(--surface);--color-surface:var(--surface);--color-surface-strong:var(--surface-sunken);--color-surface-hover:var(--accent-quiet);--color-border:var(--border);--color-border-subtle:var(--rule);--color-text:var(--ink);--color-text-secondary:var(--ink-muted);--color-text-muted:var(--label);--color-accent-glow:rgba(143,166,83,0.18);--color-highlight-glow:rgba(168,190,104,0.14);--color-primary-glow:rgba(79,125,69,0.18);--color-page-gradient:linear-gradient(135deg,var(--background),var(--surface-sunken))}[data-editable-id].editor-active:hover{outline:1.5px dashed rgba(37,206,209,.5)!important;outline-offset:2px;cursor:pointer}[data-editable-id].editor-selected{outline:2px solid var(--color-accent,#ff8a5b)!important;outline-offset:3px;position:relative}.editor-resize-handle{position:absolute;width:10px;height:10px;background:var(--color-accent,#ff8a5b);border:1.5px solid #fff;border-radius:2px;cursor:nwse-resize;z-index:9999;box-shadow:0 1px 4px rgba(0,0,0,.3)}.editor-guide-line{position:fixed;background:rgba(37,206,209,.6);z-index:9998;pointer-events:none}.editor-guide-line.horizontal{height:1px;left:0;right:0}.editor-guide-line.vertical{width:1px;top:0;bottom:0}.editor-panel-enter{animation:editorSlideIn .3s cubic-bezier(.23,1,.32,1) forwards}.editor-panel-exit{animation:editorSlideOut .2s cubic-bezier(.23,1,.32,1) forwards}@keyframes editorSlideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes editorSlideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.editor-dimension-badge{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:#fff;font-size:10px;font-family:Inter,monospace;padding:2px 6px;border-radius:3px;white-space:nowrap;pointer-events:none;z-index:9999}[data-editable-id][contenteditable=true]{outline:none!important;caret-color:var(--color-accent,#ff8a5b)}[data-editable-id][contenteditable=true]:focus{outline:2px solid var(--color-accent,#ff8a5b)!important;outline-offset:2px;background:rgba(255,138,91,.05)}.editor-scrollbar::-webkit-scrollbar{width:5px}.editor-scrollbar::-webkit-scrollbar-track{background:transparent}.editor-scrollbar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}.editor-scrollbar::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(18px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.animate-fade-slide-in{animation:fadeSlideIn .56s cubic-bezier(.23,1,.32,1) both}.portfolio-page-shell{background:var(--color-page-gradient);isolation:isolate}.portfolio-route-frame{height:100%;min-height:0;overflow:hidden}body:has(.portfolio-page-shell){overflow:hidden;overscroll-behavior:none}body:has(.portfolio-page-shell) main{box-sizing:border-box;flex:none;height:100dvh;min-height:0;overflow:hidden;padding-top:var(--header-height)}body:has(.portfolio-page-shell) footer{display:none}.portfolio-page-shell [data-editable-id=portfolio-spiral]{contain:layout paint;clip-path:inset(0);margin-right:-1px;border-right:0!important}.portfolio-page-shell [data-editable-id=portfolio-right-panel]{border-left:0!important}.portfolio-glass{background:linear-gradient(145deg,var(--color-surface-strong),var(--color-surface));border:1px solid var(--color-border);box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(18px)}.portfolio-panel-enter{animation:portfolioPanelIn .72s cubic-bezier(.23,1,.32,1) both}.portfolio-stagger{animation:portfolioStaggerIn .82s cubic-bezier(.23,1,.32,1) both;animation-delay:calc(var(--i, 0) * 80ms)}.portfolio-title-motion{background:linear-gradient(90deg,var(--color-text),var(--color-accent),var(--color-secondary),var(--color-text));background-size:260% auto;color:transparent!important;font-family:"Franchise Portfolio",var(--font-display)!important;font-weight:700;text-transform:uppercase!important;letter-spacing:0!important;line-height:.9!important;filter:drop-shadow(0 14px 30px rgba(0,0,0,.18));animation:portfolioTitleFlow 8s ease-in-out infinite;perspective:900px}.portfolio-title-glyph,.portfolio-title-motion{-webkit-background-clip:text;background-clip:text}.portfolio-title-glyph{--char-i:0;display:inline-block;min-width:.12em;color:transparent;background-image:linear-gradient(120deg,var(--color-text),var(--color-accent),var(--color-secondary),var(--color-highlight));background-size:280% 100%;transform-origin:50% 72%;will-change:transform,filter,opacity,background-position;animation:portfolioGlyphBuild .98s cubic-bezier(.2,1,.22,1) both,portfolioGlyphMotion 4.8s cubic-bezier(.45,0,.2,1) infinite,portfolioGlyphColour 5.6s ease-in-out infinite;animation-delay:calc(var(--char-i) * 34ms),calc(var(--char-i) * -92ms),calc(var(--char-i) * -.14s)}.portfolio-title-glyph.is-space{width:.28em}.portfolio-title-motion:hover .portfolio-title-glyph{animation-duration:.64s,1.65s,2s;filter:drop-shadow(0 0 18px rgba(37,206,209,.32))}.portfolio-interest-button{--proximity:0;transform:translateY(calc(var(--proximity) * -4px)) scale(calc(1 + var(--proximity) * .085));box-shadow:0 calc(var(--proximity) * 14px) calc(var(--proximity) * 36px) rgba(0,0,0,.18);will-change:transform}.portfolio-interest-button:active{transform:translateY(1px) scale(.97)}.portfolio-field-glyph{position:relative;display:inline-flex;width:1.35rem;height:1.35rem;align-items:center;justify-content:center;flex:0 0 auto;transform-origin:center;animation:portfolioFieldFloat 3.8s ease-in-out infinite}.portfolio-field-glyph:before{content:"";position:absolute;inset:-4px;border-radius:999px;background:radial-gradient(circle,var(--color-accent-glow),transparent 62%);opacity:0;transform:scale(.72);transition:opacity .24s ease,transform .24s ease}.portfolio-field-glyph svg{position:relative;z-index:1;filter:drop-shadow(0 4px 10px rgba(0,0,0,.22))}.portfolio-field-glyph.is-active:before,.portfolio-interest-button:hover .portfolio-field-glyph:before{opacity:1;transform:scale(1)}.portfolio-landing-head{margin-bottom:clamp(.5rem,1.6vh,1.25rem)}.portfolio-landing-intro{margin-bottom:clamp(.75rem,2vh,1.25rem)}.portfolio-landing-summary{margin-bottom:clamp(.5rem,1.4vh,1rem)}.portfolio-interest-dock{gap:clamp(.5rem,1.2vh,.75rem) .75rem}.portfolio-interest-button{padding:clamp(.4rem,1.1vh,.625rem) .9rem;font-size:.8125rem;transition:transform .15s ease-out,box-shadow .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.portfolio-card-action{transition:transform .2s ease-out,border-color .15s ease-out}.portfolio-card-action:hover{transform:translateY(-2px);border-color:var(--color-accent)!important}.portfolio-card-action:active{transform:scale(.96)}.portfolio-card-arrow{transition:translate .15s ease-out}.portfolio-card-action:hover .portfolio-card-arrow{translate:2px 0}.portfolio-featured-image{flex:1 1 0;min-height:0;background:var(--color-surface-strong)}.portfolio-featured-image img{display:block;outline:1px solid oklch(0 0 0/.1);outline-offset:-1px}[data-portfolio-theme=dark] .portfolio-featured-image img{outline-color:oklch(1 0 0/.1)}.portfolio-featured-summary,.portfolio-featured-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.portfolio-featured-title{-webkit-line-clamp:1}.portfolio-carousel-dot{width:8px;height:8px;background-color:var(--color-border);transition:width .2s ease-out,background-color .15s ease-out}.portfolio-carousel-dot[data-active=true]{width:20px;background-color:var(--color-accent)}.portfolio-carousel-arrow{background-color:var(--color-bg);color:var(--color-text-muted);transition:color .15s ease-out,scale .15s ease-out}.portfolio-carousel-arrow:hover{color:var(--color-accent)}.portfolio-carousel-arrow:active{scale:.96}.portfolio-stat{padding:clamp(.5rem,1.3vh,.75rem) .75rem}.portfolio-stat+.portfolio-stat{border-left:1px solid var(--color-border)}.portfolio-stat-value{font-size:clamp(1.125rem,2.5vh,1.375rem)}.portfolio-toolset-frame{position:relative;flex:1 1 0;min-height:0}.portfolio-toolset-grid{display:grid;margin:0;padding:0;list-style:none;align-content:start}@media (min-width:768px){.portfolio-toolset-grid{position:absolute;inset:0}}.portfolio-tool-logo-chip{min-width:0;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;border-radius:10px;border:1px solid var(--color-border);background:linear-gradient(145deg,rgba(255,255,255,.08),transparent),var(--color-bg-elevated);color:var(--color-text-secondary);text-align:center;transition:opacity .2s ease-out,filter .2s ease-out,border-color .15s ease-out,translate .15s ease-out}.portfolio-tool-logo-chip[data-in-field=false]{opacity:.3;filter:grayscale(1)}.portfolio-tool-logo-chip[data-in-field=true]:hover{translate:0 -2px;border-color:var(--color-accent)}.portfolio-tool-logo{display:inline-flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(0,0,0,.16))}.portfolio-tool-name{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:700;line-height:1.15;letter-spacing:0}@media (max-width:767px){.portfolio-featured-image{flex:0 0 auto;aspect-ratio:3/2}.portfolio-toolset-frame{flex:0 0 auto}}@media (min-width:768px) and (max-width:900px){.portfolio-page-shell{flex-direction:column!important}.portfolio-page-shell [data-editable-id=portfolio-spiral]{width:100%!important;height:38%!important;flex:0 0 38%}.portfolio-page-shell [data-editable-id=portfolio-right-panel]{width:100%!important;height:62%!important;flex:0 0 62%}.portfolio-landing-panel{padding:1.25rem 1.5rem!important}.portfolio-title-motion{font-size:clamp(2.25rem,5vw,3rem)!important}.portfolio-landing-summary{-webkit-line-clamp:3!important;height:3lh!important}.portfolio-card-action{display:grid!important;grid-template-columns:42% minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch}.portfolio-featured-image{grid-row:1/span 2;height:100%}.portfolio-featured-summary{-webkit-line-clamp:4}}@media (min-width:768px) and (max-width:1180px) and (hover:none),(min-width:768px) and (max-width:1180px) and (pointer:coarse){.portfolio-glass{backdrop-filter:blur(8px)}.portfolio-field-glyph,.portfolio-filter-icon,.portfolio-title-glyph,.portfolio-title-motion{animation:none!important;will-change:auto}.portfolio-card-action,.portfolio-interest-button,.portfolio-tool-chip,.portfolio-tool-logo-chip{transform:none!important;will-change:auto}.portfolio-landing-panel>div:nth-child(2)>div:last-child>div{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.portfolio-interest-button{flex:0 0 auto;min-height:44px;scroll-snap-align:start}}@media (min-width:768px){.portfolio-landing-panel .portfolio-title-motion{font-size:clamp(2.25rem,7vh,3.75rem)}.portfolio-landing-summary{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;height:4lh;font-size:clamp(.875rem,1.9vh,1.125rem)}}@media (min-width:768px) and (max-height:820px){.portfolio-landing-panel{padding-block:1rem!important}.portfolio-landing-summary{-webkit-line-clamp:3;height:3lh}.portfolio-dock-label{display:none}.portfolio-featured-summary{-webkit-line-clamp:1}}@media (min-width:768px) and (max-height:680px){.portfolio-landing-summary{-webkit-line-clamp:2;height:2lh}}.portfolio-filter-icon{transform-origin:center;animation:portfolioFieldFloat 4s ease-in-out infinite}.portfolio-filter-icon.is-active{animation-duration:2.2s}.nav-animated-icon{transform-origin:center;animation:portfolioIconPulse 4.4s ease-in-out infinite}.group:hover .nav-animated-icon,.navbar-icon-button:hover .nav-animated-icon{animation-duration:1.5s}.portfolio-side-tooltip{max-width:min(320px,calc(100vw - 32px));white-space:normal;text-wrap:balance;line-height:1.25}.portfolio-filter-strip{scrollbar-width:none}.portfolio-filter-strip::-webkit-scrollbar{display:none}@keyframes portfolioFieldFloat{0%,to{transform:translateY(0) rotate(0deg) scale(1)}42%{transform:translateY(-2px) rotate(-4deg) scale(1.04)}68%{transform:translateY(1px) rotate(3deg) scale(.98)}}@keyframes portfolioIconPulse{0%,to{transform:rotate(0deg) scale(1);filter:saturate(1)}45%{transform:rotate(-8deg) scale(1.08);filter:saturate(1.25)}70%{transform:rotate(5deg) scale(.98);filter:saturate(1.05)}}.document-scroll-surface,.document-wheel-proxy{overscroll-behavior:contain}.document-wheel-proxy{scrollbar-width:none}.document-wheel-proxy::-webkit-scrollbar{display:none}.document-scroll-surface::-webkit-scrollbar{width:8px;height:8px}.document-scroll-surface::-webkit-scrollbar-track{background:transparent}.document-scroll-surface::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}.document-scroll-surface::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}.document-close-floating{top:14px;left:18px}@media (max-width:767px){.document-close-floating{top:12px;left:14px}}.matrix-loader{display:flex;align-items:center;gap:18px;color:var(--color-text);text-align:left}.matrix-loader-compact{transform:scale(.9)}.matrix-loader-icons{position:relative;width:76px;height:54px;flex:0 0 auto}.matrix-loader-square{position:absolute;display:flex;align-items:center;justify-content:center;padding:6px;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(37,206,209,.14),rgba(163,20,46,.08)),var(--color-surface-strong);box-shadow:0 0 28px var(--color-accent-glow),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(12px)}.matrix-loader-square-full{left:0;top:0;width:48px;height:48px}.matrix-loader-square-half{right:0;bottom:0;width:42px;height:42px;opacity:.84}.dmx-root{display:grid;place-content:center;gap:3px}.dmx-dot{display:block;border-radius:1px;background:var(--color-accent);box-shadow:0 0 9px var(--color-accent);transition:opacity .18s ease,transform .18s ease}.dmx-inactive{opacity:.03!important}.matrix-loader-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.matrix-loader-label{font-size:10px;line-height:1;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent)}.matrix-loader-ascii,.matrix-loader-detail{font-family:var(--font-mono);font-size:10px;line-height:1.35;color:var(--color-text-muted)}.matrix-loader-ascii{width:max-content;max-width:100%;overflow:hidden;white-space:nowrap;animation:matrixAsciiReveal 1.8s steps(15) infinite alternate}@keyframes matrixCellPulse{0%,to{opacity:.24;transform:scale(.72)}42%{opacity:1;transform:scale(1)}}@keyframes matrixAsciiReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes portfolioPanelIn{0%{opacity:0;transform:translateX(28px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}@keyframes portfolioStaggerIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolioTitleFlow{0%,to{background-position:0}50%{background-position:100%}}@keyframes portfolioGlyphBuild{0%{opacity:0;transform:translateY(18px) rotateX(62deg) scaleY(.22) scaleX(1.22);filter:blur(10px)}58%{opacity:1;transform:translateY(-3px) rotateX(-12deg) scaleY(1.18) scaleX(.96);filter:blur(0)}to{opacity:1;transform:translateY(0) rotateX(0deg) scaleY(1) scaleX(1);filter:blur(0)}}@keyframes portfolioGlyphMotion{0%,to{transform:translateY(0) rotate(0deg) skewX(0deg) scaleY(1)}22%{transform:translateY(-2px) rotate(-.8deg) skewX(-2.5deg) scaleY(1.05)}48%{transform:translateY(1px) rotate(.6deg) skewX(1.4deg) scaleY(.96)}72%{transform:translateY(-1px) rotate(.25deg) skewX(-.8deg) scaleY(1.03)}}@keyframes portfolioGlyphColour{0%,to{background-position:0;filter:drop-shadow(0 0 0 rgba(37,206,209,0))}50%{background-position:100%;filter:drop-shadow(0 0 20px rgba(37,206,209,.22))}}@media (prefers-reduced-motion:reduce){.portfolio-page-shell *,.portfolio-page-shell :after,.portfolio-page-shell :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}