body{--token-8372458c-4712-41c5-b071-24c8268c2722:#161919;--token-a9d536c6-55c7-4586-b0e9-a2435948ff5b:#f5f7f5;--token-3b3bff06-b7a1-4ca2-8cab-460a49b7abb2:#161919;--token-d66ba2ab-aec6-4761-9cb0-51b44c10a568:#00bc68;--token-084c2e69-607e-4e75-9b47-3c9615b5d0bb:#00bc68;--token-115ff541-53b8-429a-8eab-e71082616850:#00bc68;--token-7f52ca94-2963-465e-be14-d5b3380b2da8:#00bc681f;--token-f3ad02c4-79fe-4db9-9ace-c0371699f9b0:#16191999;--token-2365c4c3-d502-4d86-a781-7464022330c5:#1619191f;--token-32a56475-347c-4e53-8728-5112b56732d8:#16191952;--token-ace2d697-3167-4d48-b176-de8dd65b2435:#fff;--token-2920b349-8ebd-44c8-b857-3256a91fcd68:#00bc683d;--token-9210c288-ba54-444b-b0ee-646878e92b6e:#1619190a;--token-cdb40cb3-a968-4811-b700-8083caea68ec:#00bc6814;--token-0eceff29-7a3b-4ca8-820d-b0aee279d497:#fff0;--token-14599a87-85a1-4ecc-a1e3-bd075f23ae7e:#1619192e;--token-ff96e311-f89f-47a0-902a-bb7ab66d2f2c:#99260f;--token-ff0322a9-5871-4eca-80d4-123f7dde1f22:#c73a1e40;--token-9f4da843-5f89-4b4e-aaa5-3306eeec2596:#1619193d;--token-33b7ed02-212b-46a2-81bc-94238a26f340:#000;--token-e043c0c0-ebad-4bdb-b317-dce3b9764ac6:#007f46;--token-64015782-8ffa-4af6-9665-e15e7a94276a:#fff;--token-84911b69-a76a-44a5-8d01-a1fc2d6a79fb:#1619193d;--token-0ccfd2ec-0c91-4209-8a64-6b99060f3f52:#0e0e0e33}body[data-framer-theme=dark]{--token-a9d536c6-55c7-4586-b0e9-a2435948ff5b:#0e0e0e;--token-3b3bff06-b7a1-4ca2-8cab-460a49b7abb2:#fff;--token-f3ad02c4-79fe-4db9-9ace-c0371699f9b0:#ffffff7a;--token-2365c4c3-d502-4d86-a781-7464022330c5:#ffffff1f;--token-32a56475-347c-4e53-8728-5112b56732d8:#ffffff80;--token-ace2d697-3167-4d48-b176-de8dd65b2435:#141414;--token-9210c288-ba54-444b-b0ee-646878e92b6e:#ffffff0a;--token-14599a87-85a1-4ecc-a1e3-bd075f23ae7e:#ffffff2e;--token-9f4da843-5f89-4b4e-aaa5-3306eeec2596:#ffffff3d;--token-e043c0c0-ebad-4bdb-b317-dce3b9764ac6:#00bc68;--token-64015782-8ffa-4af6-9665-e15e7a94276a:#161919;--token-84911b69-a76a-44a5-8d01-a1fc2d6a79fb:#f0ede87a;--token-0ccfd2ec-0c91-4209-8a64-6b99060f3f52:#0e0e0e66}
@font-face{font-family:Iosevka Custom Regular;src:url(/assets/eYjTV53T5gXREmMJwcK2eAb094.woff2);font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Iosevka Custom Bold Condensed;src:url(/assets/DT1VqTsYBNWvrQlTGkKV8Cz6xE.woff2);font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Iosevka Custom Bold Condensed Oblique;src:url(/assets/VfyadCx2PxOsGvgrrXA8N4RBtw.woff2);font-display:swap;font-style:italic;font-weight:700}@font-face{font-family:Iosevka Custom Oblique;src:url(/assets/cEYHjC6A4sx7mSqOw5MzaqudO4.woff2);font-display:swap;font-style:italic;font-weight:400}@font-face{font-family:Iosevka Custom Bold;src:url(/assets/PPWglUzajqdB1EVMzMpNEQEDC2w.woff2);font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Iosevka Custom Bold Oblique;src:url(/assets/qlTvrlwMUrC3sXdpzUBuz7QU4TM.woff2);font-display:swap;font-style:italic;font-weight:700}@font-face{font-family:Iosevka Custom Condensed;src:url(/assets/h3NFTC7674FzmywirbjgtiqPo.woff2);font-display:swap;font-style:normal;font-weight:400}
body{--text:var(--token-3b3bff06-b7a1-4ca2-8cab-460a49b7abb2);--muted:var(--token-f3ad02c4-79fe-4db9-9ace-c0371699f9b0);--surface:var(--token-a9d536c6-55c7-4586-b0e9-a2435948ff5b);--surface-top:var(--token-ace2d697-3167-4d48-b176-de8dd65b2435);--surface-background:radial-gradient(100% 100% at 50% 0%,var(--surface-top) 0%,var(--surface) 100%);--green:var(--token-d66ba2ab-aec6-4761-9cb0-51b44c10a568);--border:var(--token-2365c4c3-d502-4d86-a781-7464022330c5);--tint:var(--token-cdb40cb3-a968-4811-b700-8083caea68ec);--font-body:"Iosevka Custom Regular", monospace;--font-bold:"Iosevka Custom Bold", monospace;--font-oblique:"Iosevka Custom Oblique", monospace;--font-bold-oblique:"Iosevka Custom Bold Oblique", monospace;--font-size-body:14px;--font-size-small:12px;--font-size-tooltip:16px;--font-size-icon:24px;--line-height-body:1.6;--letter-spacing-body:-.02em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-small:2px;--radius-control:4px;--radius-media:8px;--duration-fast:.4s;--duration-ui:.25s;--ease-ui:cubic-bezier(.3,.1,.6,1);--ease-ui-move:cubic-bezier(.1,1,.4,1);--duration-tab-indicator:.6s;--ease-play:cubic-bezier(.4,0,1,1);--duration-command:.4s;--ease-command:cubic-bezier(0,.68,0,1);--ease-command-fill:cubic-bezier(.16,1,.3,1);--delay-command-divider:1s;--delay-command-type:1.2s;--interval-command-type:60ms;--duration-command-cursor:1.06s;--distance-command-divider:48px;--duration-tooltip:.6s;--ease-tooltip:cubic-bezier(0,.21,0,1);--distance-tooltip:10px;--scale-tooltip:.98;--duration-logo:1.44s;--ease-logo:cubic-bezier(.34,1.56,.64,1);--duration-home-item:.6s;--duration-navigation:1s;--navigation-shift-fraction:.64;--navigation-color-fraction:.75;--navigation-link-fade-fraction:.5;--duration-navigation-color:1s;--navigation-light-width:1.5;--navigation-light-reflection:.36;--navigation-light-spill:.2;--navigation-light-spread:2;--navigation-light-depth:24px;--navigation-light-softness:4px;--navigation-subtab-hover-opacity:0;--ease-navigation:cubic-bezier(.4,0,.6,.35);--ease-home-item:cubic-bezier(.05,1,.3,1);--stagger-home:.1s;--distance-home-item:8px;--duration-entrance:1s;--ease-entrance:cubic-bezier(.16,1,.3,1);--distance-entrance:16px;--blur-entrance:12px;--duration-media:1s;--ease-media:cubic-bezier(.16,1,.3,1);--duration-theme:.5s;--ease-theme:cubic-bezier(.4,0,.2,1);--on-accent:var(--token-8372458c-4712-41c5-b071-24c8268c2722);--surface-hover:var(--token-9210c288-ba54-444b-b0ee-646878e92b6e);--accent-hover:var(--token-7f52ca94-2963-465e-be14-d5b3380b2da8);--input-border:var(--token-32a56475-347c-4e53-8728-5112b56732d8);--scrollbar:var(--token-9f4da843-5f89-4b4e-aaa5-3306eeec2596);--error:var(--token-ff96e311-f89f-47a0-902a-bb7ab66d2f2c);--opacity-disabled:.48;--opacity-secondary:.72;--opacity-divider:.48;--navigation-extension-intensity:.72;--navigation-extension-dimming:1;--grain-opacity:.035;--tab-grain-opacity:.0175;--grain-tile-size:192px;--grain-overscan:16px;--duration-grain:.5s;--grain-blend-mode:screen;--card-min-width:200px;--tab-indicator-size:1px;--card-height:200px;--card-logo-size:40px;--card-logo-offset:calc((var(--card-height) - var(--card-logo-size) - var(--space-8) - 2 * var(--font-size-body) * var(--line-height-body)) / 2);--content-width:640px;--video-aspect-ratio:3/2;--terminal-width:800px;--shadow-terminal:rgba(0,0,0,calc(.02 * var(--mspnw-shadow-strength,1))) 0px .48175px .55883px 0px, rgba(0,0,0,calc(.07 * var(--mspnw-shadow-strength,1))) 0px 1.83083px 2.12376px 0px, rgba(0,0,0,calc(.32 * var(--mspnw-shadow-strength,1))) 0px 8px 9.28px 0px;--shadow-terminal-secondary:rgba(0,0,0,calc(.01 * var(--mspnw-shadow-strength,1))) 0px .48175px .55883px 0px, rgba(0,0,0,calc(.05 * var(--mspnw-shadow-strength,1))) 0px 1.83083px 2.12376px 0px, rgba(0,0,0,calc(.24 * var(--mspnw-shadow-strength,1))) 0px 8px 9.28px 0px;--shadow-tooltip:0 10px 20px #0000000d;--media-white:#fff;--media-black:#000;--media-surface:#f5f5f5;--media-text:#222;--media-border:#dedede;--media-button-border:#d7d7d7;--media-default-border:#eee;--media-focus:var(--green);--media-backdrop:#0a0a0af0;--prototype-backdrop:#00000080;--youtube-control:#212121;--youtube-accent:red;--shadow-media-control:0 2px 4px #0000002e, 0 8px 24px #0000003d}
@property --media-scale-x{syntax:"<number>";inherits:false;initial-value:1}@property --media-scale-y{syntax:"<number>";inherits:false;initial-value:1}.cmsmv-root{display:flow-root;overflow:clip}.portfolio-viewer-toggle:hover{--portfolio-viewer-icon:var(--green)}.cmsmv-root .cmsmv-grid{columns:var(--cmsmv-columns);column-gap:var(--cmsmv-gap);margin-bottom:calc(-1 * var(--cmsmv-gap))}.cmsmv-root .cmsmv-grid>figure{padding-bottom:var(--cmsmv-gap);break-inside:avoid;margin:0}.cmsmv-root .cmsmv-tile{break-inside:avoid;width:100%;margin:0 0 var(--cmsmv-gap);cursor:zoom-in;background:0 0;padding:0;display:block}.cmsmv-root .cmsmv-tile:disabled{cursor:default}.cmsmv-root button:focus-visible{outline:3px solid var(--media-focus);outline-offset:3px}.cmsmv-root .cmsmv-tile:focus-visible{outline-color:var(--green);outline-offset:-3px}.portfolio-viewer-dialog::backdrop,.cmsmv-root .cmsmv-dialog::backdrop,.video-dialog::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();transition:background-color var(--duration-media) var(--ease-media), backdrop-filter var(--duration-media) var(--ease-media);background-color:#0000}.portfolio-viewer-dialog:modal:not([data-closing])::backdrop{background-color:var(--prototype-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.video-dialog:modal:not([data-closing])::backdrop{background-color:var(--prototype-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.cmsmv-root .cmsmv-dialog:modal:not([data-closing])::backdrop{background-color:var(--cmsmv-backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@starting-style{.portfolio-viewer-dialog:modal:not([data-closing])::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}.cmsmv-root .cmsmv-dialog:modal:not([data-closing])::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}.video-dialog:modal:not([data-closing])::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background-color:#0000}}.cmsmv-root .cmsmv-dialog[open]{display:grid}.cmsmv-root .cmsmv-dialog:not([open]){pointer-events:none}.prototype-surface,.video-surface,.cmsmv-viewer-image{transform-origin:0 0}@media (prefers-reduced-motion:reduce){.portfolio-viewer-dialog::backdrop,.cmsmv-root .cmsmv-dialog::backdrop,.video-dialog::backdrop{transition:none}}@container (max-width:639px){.cmsmv-root .cmsmv-grid{columns:1}}.video-viewer{width:100%;max-width:var(--content-width)}.video-preview{position:relative}.video-expand{border-radius:var(--radius-media);cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.video-expand-icon,.video-close{border:1px solid var(--media-black);border-radius:var(--radius-media);background:var(--media-black);width:44px;height:44px;color:var(--media-white);box-shadow:var(--shadow-media-control);font-size:var(--font-size-icon);transition:color var(--duration-ui) var(--ease-ui);place-items:center;display:grid}.video-expand-icon{top:var(--space-4);right:var(--space-4);position:absolute}.video-expand:hover .video-expand-icon,.video-expand:focus-visible .video-expand-icon,.video-close:hover{color:var(--green)}.video-expand-control{inset:var(--space-4) var(--space-4) auto auto;width:44px;height:44px}.video-expand-control .video-expand-icon{inset:0}.video-dialog{width:calc(100vw - var(--space-8));max-width:1280px;max-height:calc(100dvh - var(--space-8));border-radius:var(--radius-media);color:var(--media-white);background:0 0;border:0;padding:0;overflow:visible}.video-surface{aspect-ratio:var(--video-aspect-ratio);max-height:calc(100dvh - var(--space-8));background:var(--media-black);border-radius:var(--radius-media);position:relative;overflow:hidden}.video-close{z-index:1;top:var(--space-4);right:var(--space-4);cursor:pointer;padding:0;position:absolute}.video-player{width:100%;height:100%;max-height:calc(100dvh - var(--space-8));object-fit:contain;display:block;position:absolute;inset:0}.cmsmv-root .cmsmv-control{width:44px;height:44px;color:var(--media-white);cursor:pointer;pointer-events:auto;opacity:var(--opacity-secondary);transition:opacity var(--duration-ui) var(--ease-ui);background:0 0;border:0;flex-shrink:0;place-items:center;padding:0;display:grid}.cmsmv-root .cmsmv-control:hover,.cmsmv-root .cmsmv-control:focus-visible{opacity:1}.video-preview{border-radius:var(--radius-media)}@media (prefers-reduced-motion:reduce){.cmsmv-root .cmsmv-control{transition:none}}.media-viewer-chrome{opacity:1;transition:opacity var(--duration-media) var(--ease-media)}.portfolio-viewer-toggle,.video-close{opacity:1;transition:color var(--duration-ui) var(--ease-ui), opacity var(--duration-media) var(--ease-media)}[data-closing]>.media-viewer-chrome,.portfolio-viewer-dialog[data-closing]>.portfolio-viewer-toggle,.video-dialog[data-closing]>.video-close{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.media-viewer-chrome,.portfolio-viewer-toggle,.video-close{transition:none}}.cmsmv-tile[data-expanded=true],.video-preview[data-expanded=true]{visibility:hidden}
body[data-framer-theme=light]{--mspnw-shadow-strength:.5;--grain-blend-mode:multiply}body[data-framer-theme=dark]{--mspnw-shadow-strength:1}body[data-framer-theme] .framer-evvnc [data-framer-name=Terminal]{box-shadow:var(--shadow-terminal)}body[data-framer-theme] .framer-OmM6s [data-framer-name=Terminal]{box-shadow:var(--shadow-terminal-secondary)}[data-mspnw-theme-control]{--mspnw-theme-hover:0;color:color-mix(in srgb, var(--mspnw-theme-color) calc(100% - var(--mspnw-theme-hover) * 100%), var(--green));transition:--mspnw-theme-hover var(--duration-ui) var(--ease-ui)}[data-mspnw-theme-control]:hover{--mspnw-theme-hover:1}[data-mspnw-theme-control]:focus-visible{outline-offset:2px;outline:2px solid}[data-mspnw-theme-track]{transition:transform var(--duration-ui) var(--ease-ui-move)}@media (prefers-reduced-motion:reduce){[data-mspnw-theme-control],[data-mspnw-theme-track]{transition:none}}
@property --navigation-light-reach{syntax:"<length>";inherits:true;initial-value:0}@property --case-light-reach{syntax:"<length>";inherits:true;initial-value:0}@property --navigation-light-center{syntax:"<length>";inherits:true;initial-value:0}@property --navigation-light-tab-width{syntax:"<length>";inherits:true;initial-value:0}@property --case-light-center{syntax:"<length>";inherits:true;initial-value:0}@property --case-light-tab-width{syntax:"<length>";inherits:true;initial-value:0}@property --case-light-left-stop{syntax:"<percentage>";inherits:true;initial-value:50%}@property --case-light-right-stop{syntax:"<percentage>";inherits:true;initial-value:50%}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;min-height:100%;margin:0;padding:0}html{scrollbar-gutter:stable both-edges}body{background:var(--surface-top);color:var(--text);font:var(--font-size-body)/var(--line-height-body) var(--font-body);letter-spacing:var(--letter-spacing-body)}button,input,select,textarea{font:inherit;letter-spacing:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}.site-header :is(a,button):focus-visible,.tabs :is(a,button):focus-visible{outline-offset:-2px}p,h1,h2,h3,h4,figure,blockquote{font-size:inherit;margin:0;font-weight:400}strong,b,.name,.section-title{font-family:var(--font-bold);font-weight:700}em{font-family:var(--font-oblique)}strong em,em strong{font-family:var(--font-bold-oblique)}::selection{background:var(--green);color:var(--on-accent)}.background-texture{pointer-events:none;z-index:1;mix-blend-mode:var(--grain-blend-mode);position:fixed;inset:0;overflow:hidden}.film-grain,.tab-grain:before{inset:calc(-1 * var(--grain-overscan));background:url(/textures/film-grain.svg);background-size:var(--grain-tile-size) var(--grain-tile-size);animation:film-grain var(--duration-grain) steps(1,end) infinite;position:absolute}.film-grain{opacity:var(--grain-opacity)}@keyframes film-grain{0%,to{transform:translate(0)}8.333%{transform:translate(-9px,7px)}16.667%{transform:translate(6px,-11px)}25%{transform:translate(-12px,-4px)}33.333%{transform:translate(10px,9px)}41.667%{transform:translate(-5px,-12px)}50%{transform:translate(12px,-7px)}58.333%{transform:translate(-10px,11px)}66.667%{transform:translate(4px,12px)}75%{transform:translate(11px,3px)}83.333%{transform:translate(-7px,-9px)}91.667%{transform:translate(7px,-3px)}}.site-frame{z-index:2;--page-inset:var(--space-8);padding:var(--page-inset);justify-content:center;align-items:flex-start;min-height:100dvh;display:flex;position:relative}.terminal,.tab-panel,.case-study{border-radius:var(--radius-media);background:var(--surface-background);box-shadow:var(--shadow-terminal);outline:1px solid var(--border);outline-offset:-1px}.terminal{width:100%;max-width:var(--terminal-width);border:0;padding:0}body[data-framer-theme] .terminal[data-container-chrome=hidden]{box-shadow:none;background:0 0;outline:none}.terminal-scroll{padding:0}.site-header{gap:var(--space-2);margin-bottom:calc(2 * var(--space-8));flex-direction:column;display:flex}.command-row{justify-content:flex-end;align-items:center;gap:var(--space-4);min-height:22.4px;display:flex}.command-row [data-mspnw-theme-control]{flex-shrink:0}.theme-entrance{width:var(--space-6);height:var(--space-6);flex-shrink:0;display:flex}.identity{gap:var(--space-8);align-items:center;display:flex}.logo{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;flex-shrink:0;width:81px;height:81px}.logo:active{cursor:grabbing}.logo img{width:100%;height:100%;image-rendering:pixelated;display:block}.identity-copy{gap:var(--space-1);min-width:0;color:var(--muted);flex-direction:column;display:flex}.name-row{gap:var(--space-4);align-items:center;display:flex}.name{color:var(--text)}.version{white-space:nowrap}.command-display{padding:var(--space-1) var(--space-1) var(--space-2);margin-bottom:var(--space-6);border-bottom:0;min-height:40.4px;padding-bottom:5px;position:relative;overflow:clip}.command-display[data-command-hidden=true]{min-height:1px;padding:0}.command-display[data-command-hidden=true]>.command-line,.command-display[data-command-hidden=true]>.command-divider-top{display:none}.command-display>div{gap:var(--space-2);background:var(--tint);border-radius:var(--radius-small);padding:var(--space-1);min-height:30.4px;display:flex}.prompt{color:var(--muted)}.tabs{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tabs button,.tabs>a{border:0;border-bottom:var(--tab-indicator-size) solid transparent;padding:var(--space-1) var(--space-3);cursor:pointer;color:color-mix(in srgb,var(--text) calc(var(--opacity-secondary) * 100%),transparent);transition:color var(--duration-ui) var(--ease-ui);white-space:nowrap;background:0 0;border-radius:0;display:block;position:relative}.tabs button:after,.tabs>a:after{content:"";left:0;right:0;bottom:calc(-1 * var(--tab-indicator-size));height:var(--tab-indicator-size);background:var(--green);pointer-events:none;transform-origin:50%;transition:transform var(--duration-tab-indicator) var(--ease-ui-move);position:absolute;transform:scaleX(0)}.tabs button:hover:after,.tabs>a:hover:after,.tabs button[aria-selected=true]:after,.tabs>a[aria-current=page]:after{transform:scaleX(1)}.tabs button:hover,.tabs>a:hover,.tabs button[aria-selected=true],.tabs>a[aria-current=page]{color:var(--text)}.tabs button[aria-selected=true],.tabs>a[aria-current=page]{font-family:var(--font-bold)}.tab-panel,.case-study{margin-top:var(--space-4);padding:var(--space-8)}.tab-panel>*{width:100%;margin-inline:auto}.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--card-min-width)),1fr));gap:0;width:100%;display:grid}.project-card{text-align:center;border-radius:var(--radius-control);transition:background-color var(--duration-ui) var(--ease-ui),color var(--duration-ui) var(--ease-ui);height:var(--card-height);min-height:var(--card-height);padding:var(--card-logo-offset) var(--space-6) var(--space-6);align-items:center;gap:var(--space-8);flex-direction:column;justify-content:flex-start;display:flex}.project-card:hover{background:var(--surface-hover)}.project-logo{max-width:100%;height:var(--card-logo-size);transition:color var(--duration-ui) var(--ease-ui);flex-shrink:0;justify-content:center;align-items:center;display:flex}.project-logo>svg{height:var(--card-logo-size);width:auto;max-width:160px;display:block}.project-title,.project-category{display:block}.project-category{color:var(--muted)}.section-title{padding:var(--space-1) var(--space-2);background:var(--tint);border-radius:var(--radius-small);color:var(--text);margin-bottom:var(--space-8)}.resume{gap:var(--space-8);flex-direction:column;display:flex}.resume>.section-title{margin:0}.resume-entry{padding:0 var(--space-2)}.resume-company,.resume-role{gap:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.resume-company h3{font-family:var(--font-bold);color:var(--text)}.resume-company>span,.resume-role>span{color:var(--muted);white-space:nowrap}.resume-role{justify-content:flex-start;gap:var(--space-4)}.resume-entry .rich-text{margin-top:var(--space-4)}.praise{gap:var(--space-10);flex-direction:column;display:flex}.praise figure{padding:0 var(--space-2)}.praise blockquote{border-left:2px solid var(--green);padding-left:var(--space-3);color:var(--text)}.praise figcaption{margin-top:var(--space-4);gap:var(--space-4);flex-direction:row;padding-left:14px;display:flex}.praise figcaption>span{color:var(--text);opacity:var(--opacity-disabled)}.form-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.form-grid label{min-width:0}.form-grid input,.form-grid select{border:1px solid var(--input-border);border-radius:var(--radius-control);width:100%;padding:7px var(--space-3);color:var(--text);background:0 0;height:40px}.form-grid input::placeholder,.form-grid select:invalid{color:var(--muted)}.form-grid option{color:var(--text);background:var(--surface)}.full-width{grid-column:1/-1}.submit{margin-top:var(--space-6);border-radius:var(--radius-control);background:var(--text);width:100%;color:var(--surface);padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--duration-ui) var(--ease-ui);border:0}.submit:hover{background:var(--green);color:var(--on-accent)}.submit:disabled{opacity:.5;cursor:wait}.form-message{margin-top:var(--space-4)}.form-message.error{color:var(--error)}.honeypot,.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-study{color:var(--muted);--muted:color-mix(in srgb,var(--text) 72%,transparent);--token-f3ad02c4-79fe-4db9-9ace-c0371699f9b0:var(--muted)}.overview{margin-bottom:var(--space-12)}.case-section+.case-section{margin-top:var(--space-10);color:var(--text)}.project-role{gap:var(--space-4);margin:0 var(--space-2) var(--space-4);color:var(--muted);display:flex}.project-role strong{color:var(--text)}.rich-text{overflow-wrap:anywhere}.case-section>.rich-text{padding:0 var(--space-2)}.rich-text>.rich-paragraph+.rich-paragraph{margin-top:var(--space-4)}.rich-text ul,.rich-text ol{padding-left:var(--space-4);margin:0}.rich-text li .rich-paragraph{margin:0}.rich-text .media-table{margin:var(--space-6) 0}.rich-text .media-row{gap:var(--space-6);display:flex}.rich-text .media-cell{flex:1;min-width:0}.rich-text .media-row+.media-row{margin-top:var(--space-6)}.rich-text>.cmsmv-root,.rich-text>.content-image{margin:var(--space-6) 0}.case-study>.case-section:last-child>.rich-text:last-child>:last-child,.case-study>.case-section:last-child>.section-gallery:last-child>:last-child{margin-bottom:0}.rich-text .content-image{border-radius:var(--radius-media);max-width:100%;height:auto;display:block}.rich-text h2,.rich-text h2+.media-table,.rich-text h2+.cmsmv-root,.rich-text h2+.content-image,.rich-text h2+.portfolio-viewer{margin-top:0}.rich-text h3,.rich-text h4{font-family:var(--font-bold)}.rich-text h2{padding:var(--space-6) 0;margin:0}.rich-text h2+.media-table,.rich-text h2+.cmsmv-root,.rich-text h2+.content-image,.rich-text h2+.portfolio-viewer{margin-top:0}.rich-text h3,.rich-text h4{margin:var(--space-6) 0 var(--space-4)}.rich-text a{color:var(--green);text-decoration:underline}.section-gallery{margin-top:var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.portfolio-video{width:100%;aspect-ratio:var(--video-aspect-ratio);object-fit:cover;border-radius:var(--radius-media);background:0 0;display:block}.youtube{aspect-ratio:16/9;border-radius:var(--radius-media);border:0;width:100%;display:block}.rich-text>.portfolio-viewer{margin:var(--space-6) 0}.site-frame[data-entrance=initial]>.terminal{animation:terminal-in var(--duration-entrance) var(--ease-entrance) both}@keyframes terminal-in{0%{opacity:0;transform:translateY(var(--distance-entrance));filter:blur(var(--blur-entrance))}to{opacity:1;filter:blur();transform:translateY(0)}}.site-frame[data-homepage=true] .command-row .theme-entrance{--home-order:2}.site-frame[data-homepage=true] .logo img{--home-order:3}.site-frame[data-homepage=true] .name-row{--home-order:4}.site-frame[data-homepage=true] .identity-copy>p{--home-order:5}.site-frame[data-homepage=true] .command-display{--home-order:7}.site-frame[data-homepage=true][data-entrance=initial] :is(.command-row .theme-entrance,.logo img,.name-row,.identity-copy>p,.command-display,.main-tabs>button,.home-content #panel-Portfolio,.home-content #panel-Portfolio .project-card){animation:home-item-in var(--duration-home-item) var(--ease-home-item) calc(var(--home-order) * var(--stagger-home) + var(--home-sequence-offset,0s)) both}[data-first-reveal=true]{animation:home-item-in var(--duration-home-item) var(--ease-home-item) calc((var(--reveal-order) + 1) * var(--stagger-home)) both}@keyframes home-item-in{0%{opacity:0;transform:translateY(var(--distance-home-item))}to{opacity:1;transform:translateY(0)}}.project-card[href$=\/hopworks] .project-logo svg{width:158px;height:28px}.project-card[href$=\/cava] .project-logo svg{width:86px;height:28px}.project-card[href$=\/522productions] .project-logo svg{width:58px;height:33px}.project-tabs{gap:0}.command-display>.command-line{transition:background-color var(--duration-command) var(--ease-command-fill);background:0 0}.command-display[data-settled=true]>.command-line{background:var(--tint)}.command-divider{background:var(--text);height:1px;transition:background-color var(--duration-command) var(--ease-ui),opacity var(--duration-command) var(--ease-ui);position:absolute;left:0;right:0}.command-divider-top{animation:command-top-in var(--duration-command) var(--ease-command) var(--delay-command-divider) both;top:0}.command-divider-bottom{animation:command-bottom-in var(--duration-command) var(--ease-command) var(--delay-command-divider) both;bottom:0}.command-display[data-settled=true]>.command-divider-top{background:0 0}.command-display[data-settled=true]>.command-divider-bottom{background:var(--green)}.command-display[data-command-hidden=true]>.command-divider-bottom{background:var(--media-white);opacity:var(--opacity-divider)}.command-copy{align-items:center;gap:2px;min-height:22.4px;display:inline-flex;position:relative}.command-cursor{background:var(--text);width:12px;height:24px;animation:command-cursor-blink var(--duration-command-cursor) step-end infinite;display:inline-block;position:absolute;top:50%;left:calc(100% + 2px);transform:translateY(-50%)}.command-display[data-settled=true] .command-cursor{display:none}@keyframes command-top-in{0%{opacity:0;transform:translateY(var(--distance-command-divider))}to{opacity:1;transform:translateY(0)}}@keyframes command-bottom-in{0%{opacity:0;transform:translateY(calc(-1 * var(--distance-command-divider)))}to{opacity:1;transform:translateY(0)}}@keyframes command-cursor-blink{0%,49.99%{opacity:1}50%,to{opacity:0}}.side-project-trigger{min-width:0;display:block;position:relative}.side-project-trigger>.project-card{width:100%}.side-project-icon{width:var(--card-logo-size);height:var(--card-logo-size);background:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.project-card.disabled,.project-card.disabled:hover{color:var(--text);opacity:var(--opacity-disabled);cursor:not-allowed;background:0 0}.project-card.disabled:focus-visible{outline:2px solid var(--green);outline-offset:4px}.project-tooltip{z-index:100;pointer-events:none;filter:drop-shadow(var(--shadow-tooltip));animation:tooltip-in var(--duration-tooltip) var(--ease-tooltip) both;position:fixed}@keyframes tooltip-in{0%{opacity:0;transform:translateY(var(--distance-tooltip)) scale(var(--scale-tooltip))}to{opacity:1;transform:translateY(0)scale(1)}}.resume-entry .rich-text ul,.resume-entry .rich-text ol{opacity:var(--opacity-secondary)}.praise figcaption strong{font-family:var(--font-body);color:var(--text);opacity:var(--opacity-secondary);font-weight:400}.youtube-poster{aspect-ratio:16/9;border-radius:var(--radius-media);background:var(--media-black);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.youtube-poster>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.youtube-play{width:68px;height:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-play-bg{fill:var(--youtube-control);fill-opacity:.8;transition:fill var(--duration-fast) var(--ease-play),fill-opacity var(--duration-fast) var(--ease-play)}.youtube-poster:hover .youtube-play-bg,.youtube-poster:focus-visible .youtube-play-bg{fill:var(--youtube-accent);fill-opacity:1}.command-display[data-animate=false]>.command-divider{animation:none}.project-card:not(.disabled):hover .project-logo{color:var(--green)}.project-card.disabled:hover .project-logo{color:var(--text)}@media (max-width:810px){.tab-panel,.case-study{padding:var(--space-5)}body{--font-size-body:var(--font-size-small)}.identity{gap:var(--space-6)}.name-row{align-items:flex-start;gap:var(--space-1);flex-direction:column}.command-row{min-height:19.2px}.command-display>div{min-height:27.2px}.project-logo>svg{max-width:150px}.resume-company,.resume-role,.project-role{flex-direction:column;gap:0}.resume-company>span,.resume-role>span{white-space:normal}.form-grid{gap:var(--space-4);grid-template-columns:1fr}.rich-text .media-row{flex-direction:column}.praise figcaption{gap:var(--space-1) var(--space-4);flex-wrap:wrap}.command-display{min-height:37.2px}.command-copy{min-height:19.2px}.command-cursor{width:10px;height:19.2px}}@media (max-width:438px){.command-row{min-height:2lh}}@media (max-width:360px){.site-frame{--page-inset:var(--space-5)}.identity{gap:var(--space-4)}.logo{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.command-display>.command-line{background:var(--tint)}.command-divider-top,.command-cursor{display:none}.command-divider-bottom{background:var(--green)}.terminal,.project-tooltip,.command-divider{filter:none;animation:none!important}}.uploaded-project-image{width:auto;max-width:160px;height:var(--card-logo-size);object-fit:contain;display:block}.uploaded-project-logo{width:160px;max-width:100%;height:var(--card-logo-size);background:currentColor;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.project-wordmark{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:700;overflow:hidden}.site-navigation{--navigation-light-extension:max(var(--navigation-light-reach),calc(-1 * var(--navigation-light-reach)));--case-light-extension:max(var(--case-light-reach),calc(-1 * var(--case-light-reach)));--case-light-left-profile:clamp(0%,var(--case-light-left-stop),50%);--case-light-right-profile:clamp(50%,var(--case-light-right-stop),100%);transition:--navigation-light-reach var(--navigation-light-travel,0s) var(--ease-ui-move), --case-light-reach var(--case-light-travel,0s) var(--ease-ui-move), --navigation-light-center var(--navigation-light-travel,0s) var(--ease-ui-move), --navigation-light-tab-width var(--navigation-light-travel,0s) var(--ease-ui-move), --case-light-center var(--case-light-travel,0s) var(--ease-ui-move), --case-light-tab-width var(--case-light-travel,0s) var(--ease-ui-move), --case-light-left-stop var(--case-light-travel,0s) var(--ease-ui-move), --case-light-right-stop var(--case-light-travel,0s) var(--ease-ui-move);position:relative}.main-tabs{z-index:2;scrollbar-width:none;overscroll-behavior-x:contain;flex-wrap:nowrap;min-width:0;max-width:100%;position:relative;overflow:auto hidden}.case-tabs-reveal{width:max-content;max-width:100%;transform:translateY(calc(-1 * (var(--subset-height,0px) + var(--space-2))));clip-path:inset(0 0 100%);z-index:1;position:absolute;inset:auto auto 0 0}.site-navigation[data-navigation-phase=closed] .case-tabs-reveal{visibility:hidden}.project-tabs{z-index:1;isolation:isolate;border-radius:var(--radius-media);scrollbar-width:none;overscroll-behavior-x:contain;background:0 0;flex-wrap:nowrap;min-width:0;max-width:100%;position:relative;overflow:auto hidden}.navigation-background-clip{z-index:0;pointer-events:none;clip-path:inset(var(--tab-indicator-size) round calc(var(--radius-media) - var(--tab-indicator-size)));position:absolute;inset:0;overflow:clip}.navigation-background-fill{background:var(--surface-background);opacity:0;position:absolute;inset:0;transform:translateY(-100%)}.project-tabs{clip-path:inset(var(--tab-indicator-size) round calc(var(--radius-media) - var(--tab-indicator-size)))}.main-tabs,.project-tabs{--tab-scroll-mask:linear-gradient(to right,transparent 0,#000 var(--tab-fade-start,0px),#000 calc(100% - var(--tab-fade-end,0px)),transparent 100%);-webkit-mask-image:var(--tab-scroll-mask);mask-image:var(--tab-scroll-mask);-webkit-mask-image:var(--tab-scroll-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.main-tabs>button,.project-tabs>a{isolation:isolate;flex:none}.main-tabs::-webkit-scrollbar{display:none}.project-tabs::-webkit-scrollbar{display:none}.project-tabs:before{content:"";width:var(--case-hover-width,0px);height:var(--case-hover-height,0px);transform:translate(var(--case-hover-x,0px),var(--case-hover-y,0px));border-radius:var(--case-hover-radius,0px);background:var(--green);opacity:calc(var(--case-hover-opacity,0) * var(--navigation-subtab-hover-opacity));pointer-events:none;z-index:-1;transition:opacity var(--duration-ui) var(--ease-ui),transform var(--case-hover-motion-duration,0s) var(--ease-ui-move),width var(--case-hover-motion-duration,0s) var(--ease-ui-move),height var(--case-hover-motion-duration,0s) var(--ease-ui-move),border-radius var(--case-hover-motion-duration,0s) var(--ease-ui);position:absolute;top:0;left:0}.project-tabs>a{isolation:isolate;border-radius:var(--case-tab-corners,0);padding:var(--space-2) var(--space-4)}.project-tabs>a:after{display:none}.project-tabs>a:before{content:"";inset:0 0 calc(-1 * var(--tab-indicator-size));border-radius:var(--case-tab-corners,0);background:var(--green);opacity:0;transition:opacity var(--duration-ui) var(--ease-ui);pointer-events:none;z-index:-1;position:absolute}.project-tabs>a[aria-current=page]:before{opacity:1}.project-tabs>a[aria-current=page]{color:var(--on-accent)}.navigation-outline,.navigation-highlight{fill:none;width:100%;height:100%;stroke:var(--green);stroke-width:var(--tab-indicator-size);pointer-events:none;z-index:3;position:absolute;inset:0;overflow:visible}.site-navigation[data-navigation-phase=closed] :is(.navigation-outline,.navigation-highlight){visibility:hidden}.navigation-highlight{z-index:4}.navigation-highlight path,.navigation-light-spill:before,.case-hover-highlight:before,.case-hover-spill:before{--light-baseline-width:calc(max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width));--light-leading:max(0px,calc(-1 * var(--navigation-light-reach)));--light-extension-intensity:calc(1 - var(--navigation-extension-dimming) * (1 - var(--navigation-extension-intensity)));--light-intensity-mask:linear-gradient(to right, rgb(0 0 0/var(--light-extension-intensity)) calc(var(--light-leading) - var(--navigation-light-softness)), #000 var(--light-leading),#000 calc(var(--light-leading) + var(--light-baseline-width)), rgb(0 0 0/var(--light-extension-intensity)) calc(var(--light-leading) + var(--light-baseline-width) + var(--navigation-light-softness)))}.navigation-highlight path{opacity:0;transition:opacity var(--duration-ui) var(--ease-ui);-webkit-mask-image:linear-gradient(to right,transparent,#000,transparent),var(--light-intensity-mask);mask-image:linear-gradient(to right,transparent,#000,transparent),var(--light-intensity-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-clip:stroke-box;mask-clip:stroke-box;-webkit-mask-origin:stroke-box;mask-origin:stroke-box;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-size:calc(max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) + var(--navigation-light-extension)) 100%;mask-size:calc(max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) + var(--navigation-light-extension)) 100%;-webkit-mask-position:calc(var(--navigation-light-center) + var(--navigation-light-reach) / 2 - (max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) + var(--navigation-light-extension)) / 2) 0;mask-position:calc(var(--navigation-light-center) + var(--navigation-light-reach) / 2 - (max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) + var(--navigation-light-extension)) / 2) 0}.tab-grain{border-radius:inherit;pointer-events:none;z-index:0;mix-blend-mode:var(--grain-blend-mode);opacity:0;transition:opacity var(--duration-ui) var(--ease-ui);position:absolute;inset:0;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.tab-grain:before{content:"";animation-play-state:paused}.project-tabs>a:is(:hover,:focus-visible,[aria-current=page])>.tab-grain{opacity:var(--tab-grain-opacity)}.project-tabs>a:is(:hover,:focus-visible,[aria-current=page])>.tab-grain:before{animation-play-state:running}.site-navigation[data-navigation-phase=closed] .project-tabs .tab-grain:before{animation-play-state:paused}.navigation-label{z-index:1;display:inline-block;position:relative}.navigation-reflection{pointer-events:none;-webkit-user-select:none;user-select:none;color:#0000;background:linear-gradient(to top,var(--green),transparent 55%);opacity:0;transition:opacity var(--duration-ui) var(--ease-ui);-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.navigation-reflection:before{content:attr(data-label)}.main-tabs>button[data-light-active=true] .navigation-reflection,.project-tabs>a[data-light-active=true] .navigation-reflection{opacity:var(--navigation-light-reflection)}.project-tabs .navigation-reflection{background-image:linear-gradient(to bottom,var(--green),transparent 35%,transparent 65%,var(--green))}.navigation-light-spill,.case-hover-spill{z-index:2;pointer-events:none;clip-path:inset(var(--tab-indicator-size) round calc(var(--radius-media) - var(--tab-indicator-size)));opacity:var(--navigation-light-visible,0);transition:opacity var(--duration-ui) var(--ease-ui);position:absolute;inset:0;overflow:clip}.navigation-light-spill:before{--light-baseline-width:calc(max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) * var(--navigation-light-spread));-webkit-mask-image:var(--light-intensity-mask);mask-image:var(--light-intensity-mask);content:"";top:calc(-1 * var(--navigation-light-softness));left:calc(var(--navigation-light-center) + var(--navigation-light-reach) / 2);width:calc(max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) * var(--navigation-light-spread) + var(--navigation-light-extension));height:var(--navigation-light-depth);background:radial-gradient(ellipse at 50% 0%,var(--green),transparent 70%);filter:blur(var(--navigation-light-softness));opacity:var(--navigation-light-spill);position:absolute;transform:translate(-50%)}.case-hover-spill{--navigation-light-visible:var(--case-light-visible,0);--navigation-light-center:var(--case-light-center,0px);--navigation-light-reach:var(--case-light-reach);--navigation-light-extension:var(--case-light-extension);--navigation-light-tab-width:max(0px,var(--case-light-tab-width));--navigation-light-travel:var(--case-light-travel,0s)}.case-hover-spill:before{--light-baseline-width:calc(max(0px,var(--navigation-light-tab-width)) * var(--navigation-light-width) * var(--navigation-light-spread));content:"";border-radius:var(--radius-media);box-shadow:inset 0 0 var(--navigation-light-depth) var(--green);filter:blur(var(--navigation-light-softness));opacity:var(--navigation-light-spill);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--case-light-left-profile),#000 var(--case-light-right-profile),transparent),var(--light-intensity-mask);mask-image:linear-gradient(to right,transparent,#000 var(--case-light-left-profile),#000 var(--case-light-right-profile),transparent),var(--light-intensity-mask);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-size:calc(var(--navigation-light-tab-width,0px) * var(--navigation-light-width) * var(--navigation-light-spread) + var(--navigation-light-extension)) 100%;mask-size:calc(var(--navigation-light-tab-width,0px) * var(--navigation-light-width) * var(--navigation-light-spread) + var(--navigation-light-extension)) 100%;-webkit-mask-position:calc(var(--navigation-light-center) + var(--navigation-light-reach) / 2 - (var(--navigation-light-tab-width) * var(--navigation-light-width) * var(--navigation-light-spread) + var(--navigation-light-extension)) / 2) 0;mask-position:calc(var(--navigation-light-center) + var(--navigation-light-reach) / 2 - (var(--navigation-light-tab-width) * var(--navigation-light-width) * var(--navigation-light-spread) + var(--navigation-light-extension)) / 2) 0;position:absolute;inset:0}.case-hover-highlight{z-index:4;width:var(--case-light-viewport-width,0px);height:var(--subset-height,0px);clip-path:inset(0 round var(--radius-media));pointer-events:none;box-sizing:border-box;padding:var(--tab-indicator-size);border-radius:var(--radius-media);opacity:var(--case-light-visible,0);transition:opacity var(--duration-ui) var(--ease-ui);position:absolute;bottom:0;left:0;overflow:clip;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.case-hover-highlight:before{--light-baseline-width:calc(max(0px,var(--case-light-tab-width)) * var(--navigation-light-width));--light-leading:max(0px,calc(-1 * var(--case-light-reach)));-webkit-mask-image:var(--light-intensity-mask);mask-image:var(--light-intensity-mask);content:"";left:calc(var(--case-light-center) + var(--case-light-reach) / 2);height:100%;width:calc(max(0px,var(--case-light-tab-width)) * var(--navigation-light-width) + var(--case-light-extension));background:linear-gradient(to right,transparent,var(--green) var(--case-light-left-profile),var(--green) var(--case-light-right-profile),transparent);position:absolute;top:0;transform:translate(-50%)}.site-navigation[data-navigation-phase=closed] .case-hover-highlight{visibility:hidden}.site-navigation:not([data-navigation-phase=closed]) .main-tabs>button:after{opacity:0;transition:none;display:none}.site-navigation[data-navigation-phase=closed] .main-tabs>button:before{content:none}.site-navigation[data-navigation-phase=closed] .main-tabs>button:is(:hover,:focus-visible):after{opacity:1;transform:scaleX(1)}.main-tabs>button:before{content:none}.main-tabs>button:after{transition:transform var(--duration-tab-indicator) var(--ease-ui-move),opacity var(--duration-ui) var(--ease-ui);bottom:0}