:root{--portfolio-motion-pref-duration: .55s;--portfolio-motion-pref-ease: cubic-bezier(.33, 1, .32, 1);--portfolio-motion-text-size-duration: .09s;--portfolio-motion-text-size-ease: cubic-bezier(.25, .46, .45, 1);--portfolio-motion-select-chevron-duration: .24s;--portfolio-motion-select-chevron-ease: cubic-bezier(.42, 0, .58, 1);--portfolio-shell-width: 1280px;--portfolio-shell-max-pct: 90%;--portfolio-shell-cqw: 90cqw;--portfolio-shell-max-width: min( var(--portfolio-shell-width), var(--portfolio-shell-max-pct), var(--portfolio-shell-cqw) );--portfolio-side-nav-width: 100px;--portfolio-rail-align-offset: 10px;--portfolio-rail-to-main-gap: 1.5rem;--portfolio-shell-pad-inline-start: max(1.5rem, env(safe-area-inset-left, 0px));--portfolio-shell-pad-inline-end: max(1.5rem, env(safe-area-inset-right, 0px));--portfolio-content-pad-start: var(--portfolio-shell-pad-inline-start);--portfolio-content-pad-end: var(--portfolio-shell-pad-inline-end);--portfolio-intro-width: 900px;--portfolio-intro-max-pct: 75%;--portfolio-about-width: 900px;--portfolio-about-max-pct: 75%;--portfolio-contact-bg-position: 50% 50%;--portfolio-contact-bg-position-mobile: 50% 52%;--portfolio-contact-map-filter: none;--contact-panel-fill-rgb: 2 2 2;--contact-panel-fill-alpha: .58;--portfolio-work-width: 960px;--portfolio-work-max-pct: 80%;--portfolio-hire-width: 520px;--portfolio-hire-max-pct: 75%;--portfolio-black: #020202;--portfolio-work-side-link: #9ca3af;--portfolio-canvas: #020202;--portfolio-intro-rule: #282828;--portfolio-logo-ring: #00bc7d;--portfolio-highlight: var(--portfolio-logo-ring);--portfolio-header-height: 70px;--portfolio-header-bg: color-mix(in oklch, var(--portfolio-black) 82%, transparent);--portfolio-header-blur: blur(14px) saturate(1.06);--portfolio-header-border: color-mix(in oklch, var(--portfolio-chrome-line) 22%, transparent);--portfolio-section-pad-top: 0;--portfolio-main-content-offset-top: 0;--accent: var(--portfolio-logo-ring);--accent-text: #fff;--portfolio-on-surface: #fff;--portfolio-chrome-line: #fff;--portfolio-logo-mark-inner: #1a1a1a;--portfolio-logo-mark-mono: #fff;--portfolio-muted: #9aa3b2;--portfolio-muted-soft: #b8c1cc;--portfolio-rail-mid: #6b7585;--portfolio-viewport-shadow: 0 0 45px 5px rgb(0 0 0 / .85);--portfolio-modal-elevation: 0 8px 40px rgb(0 0 0 / .5);--portfolio-drawer-panel-bg: color-mix(in oklch, var(--portfolio-black) 82%, black);--portfolio-drawer-backdrop: color-mix(in oklch, black 84%, transparent);--portfolio-drawer-shadow: -12px 0 40px color-mix(in oklch, black 55%, transparent);--portfolio-drawer-row-hover: color-mix(in oklch, var(--portfolio-on-surface) 10%, transparent);--portfolio-dot-outline: rgb(0 0 0 / .35)}html[data-color-scheme=dark]{color-scheme:dark}html[data-color-scheme=light]{color-scheme:light;--portfolio-on-surface: #12121a;--portfolio-chrome-line: #1a1d28;--portfolio-logo-mark-inner: #fff;--portfolio-logo-mark-mono: #12121a;--portfolio-black: #fff;--portfolio-canvas: #fff;--portfolio-intro-rule: #d4d4d8;--portfolio-work-side-link: #5a5d6b;--portfolio-muted: #4b5163;--portfolio-muted-soft: #5c6378;--portfolio-rail-mid: #7a8299;--portfolio-viewport-shadow: 0 0 56px 12px rgb(15 23 42 / .09);--portfolio-modal-elevation: 0 14px 44px rgb(15 23 42 / .11);--portfolio-drawer-panel-bg: color-mix(in oklch, var(--portfolio-canvas) 94%, white);--portfolio-drawer-backdrop: color-mix(in oklch, var(--portfolio-on-surface) 28%, transparent);--portfolio-drawer-shadow: -10px 0 36px color-mix(in oklch, var(--portfolio-on-surface) 12%, transparent);--portfolio-drawer-row-hover: color-mix(in oklch, var(--portfolio-on-surface) 6%, transparent);--portfolio-dot-outline: color-mix(in oklch, var(--portfolio-on-surface) 22%, transparent);--portfolio-contact-map-filter: saturate(.95) contrast(1.02);--portfolio-header-bg: color-mix(in oklch, white 62%, transparent);--portfolio-header-border: color-mix(in oklch, var(--portfolio-on-surface) 11%, transparent);--contact-panel-fill-rgb: 255 255 255;--contact-panel-fill-alpha: .44}@media(min-width:1181px){:root{--portfolio-shell-pad-inline-start: max(1.75rem, env(safe-area-inset-left, 0px));--portfolio-content-pad-start: var(--portfolio-shell-pad-inline-start);--portfolio-main-content-offset-top: calc( var(--portfolio-header-height) + clamp(.5rem, 1.25vw, 1.25rem) );--portfolio-section-align-pad-top: clamp(.65rem, 1.85dvh, 1.35rem)}}@media(max-width:1180px){:root{--portfolio-shell-pad-inline-start: max(.75rem, env(safe-area-inset-left, 0px));--portfolio-shell-pad-inline-end: max(.75rem, env(safe-area-inset-right, 0px));--portfolio-content-pad-start: var(--portfolio-shell-pad-inline-start);--portfolio-content-pad-end: var(--portfolio-shell-pad-inline-end)}}@media(max-width:1180px)and (min-width:901px){:root{--portfolio-shell-pad-inline-start: max(1rem, env(safe-area-inset-left, 0px));--portfolio-shell-pad-inline-end: max(1rem, env(safe-area-inset-right, 0px));--portfolio-content-pad-start: var(--portfolio-shell-pad-inline-start);--portfolio-content-pad-end: var(--portfolio-shell-pad-inline-end)}}@media(max-width:420px){:root{--portfolio-shell-pad-inline-start: max(1rem, env(safe-area-inset-left, 0px));--portfolio-shell-pad-inline-end: max(1rem, env(safe-area-inset-right, 0px));--portfolio-content-pad-start: var(--portfolio-shell-pad-inline-start);--portfolio-content-pad-end: var(--portfolio-shell-pad-inline-end)}}@media(max-width:900px){:root{--portfolio-shell-pad-inline-start: max(1rem, env(safe-area-inset-left, 0px));--portfolio-shell-pad-inline-end: max(1rem, env(safe-area-inset-right, 0px));--portfolio-content-pad-start: var(--portfolio-shell-pad-inline-start);--portfolio-content-pad-end: var(--portfolio-shell-pad-inline-end)}}@font-face{font-family:outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/Outfit/Outfit-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:100 1000;font-display:swap;src:url(../../../fonts/DMSans/DMSans-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:italic;font-weight:100 1000;font-display:swap;src:url(../../../fonts/DMSans/DMSans-Italic-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:Geist Sans;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/GeistSans/GeistVF.woff2) format("woff2"),url(../../../fonts/GeistSans/GeistVF.woff) format("woff")}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/GeistMono/GeistMonoVF.woff2) format("woff2"),url(../../../fonts/GeistMono/GeistMonoVF.woff) format("woff")}@font-face{font-family:"Source Sans 3";font-style:normal;font-weight:200 900;font-display:swap;src:url(../../../fonts/SourceSans3/SourceSans3-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:"Source Sans 3";font-style:italic;font-weight:200 900;font-display:swap;src:url(../../../fonts/SourceSans3/SourceSans3-Italic-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../../../fonts/Inter/Inter-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(../../../fonts/Inter/Inter-Italic-VariableFont_opsz,wght.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:100 700;font-display:swap;src:url(../../../fonts/IBMPlexSans/IBMPlexSans-VariableFont_wdth,wght.ttf) format("truetype")}@font-face{font-family:IBM Plex Sans;font-style:italic;font-weight:100 700;font-display:swap;src:url(../../../fonts/IBMPlexSans/IBMPlexSans-Italic-VariableFont_wdth,wght.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/IBMPlexMono/IBMPlexMono-Regular.ttf) format("truetype")}@font-face{font-family:IBM Plex Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../../../fonts/IBMPlexMono/IBMPlexMono-Italic.ttf) format("truetype")}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:200 900;font-display:swap;src:url(../../../fonts/SourceCodePro/SourceCodePro-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:200 900;font-display:swap;src:url(../../../fonts/SourceCodePro/SourceCodePro-Italic-VariableFont_wght.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../../../fonts/DMMono/DMMono-Regular.ttf) format("truetype")}@font-face{font-family:DM Mono;font-style:italic;font-weight:400;font-display:swap;src:url(../../../fonts/DMMono/DMMono-Italic.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../../../fonts/JetBrainsMono/JetBrainsMono%5Bwght%5D.ttf) format("truetype")}@font-face{font-family:JetBrains Mono;font-style:italic;font-weight:100 800;font-display:swap;src:url(../../../fonts/JetBrainsMono/JetBrainsMono-Italic%5Bwght%5D.ttf) format("truetype")}:root{--font-family-heading: outfit, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "Source Code Pro", ui-monospace, menlo, consolas, monospace;--font-ui-scale: 1;--font-text-size-scale: 1;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--text-step-0: calc(.6875rem * var(--font-text-size-scale));--text-step-1: calc(.75rem * var(--font-text-size-scale));--text-step-2: calc(.8125rem * var(--font-text-size-scale));--text-step-3: calc(.875rem * var(--font-text-size-scale));--text-step-4: calc(1rem * var(--font-text-size-scale));--text-step-5: calc(1.0625rem * var(--font-text-size-scale));--text-step-6: calc(1.125rem * var(--font-text-size-scale));--text-step-7: calc(1.25rem * var(--font-text-size-scale));--text-step-8: calc(1.5rem * var(--font-text-size-scale));--text-step-9: clamp( calc(1.7rem * var(--font-text-size-scale)), calc(5.2vw + .85rem * var(--font-text-size-scale)), calc(2.65rem * var(--font-text-size-scale)) );--text-role-body: var(--text-step-3);--text-role-body-sm: var(--text-step-2);--text-role-label: var(--text-step-0);--text-role-nav: var(--text-step-3);--text-role-mono-chip: var(--text-step-4)}html[data-ui-scale=comfortable]{--font-ui-scale: 1.0625}html[data-ui-scale=compact]{--font-ui-scale: .9375}html[data-text-size=standard]{--font-text-size-scale: 1}html[data-text-size=large]{--font-text-size-scale: 1.125}html[data-text-size=larger]{--font-text-size-scale: 1.25}html{font-family:var(--font-family-body);font-size:calc(16px * var(--font-ui-scale))}:root{--font-family-heading: outfit, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "Source Code Pro", ui-monospace, menlo, consolas, monospace}html[data-font-pair=outfit-source-sans-code]{--font-family-heading: outfit, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "Source Code Pro", ui-monospace, menlo, consolas, monospace}html[data-font-pair=dm-sans-mono]{--font-family-heading: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "DM Mono", ui-monospace, menlo, consolas, monospace}html[data-font-pair=geist-sans-mono]{--font-family-heading: "Geist Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "Geist Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "Geist Mono", ui-monospace, menlo, consolas, monospace}html[data-font-pair=ibm-plex-trio]{--font-family-heading: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "IBM Plex Mono", ui-monospace, menlo, consolas, monospace}html[data-font-pair=inter-jetbrains]{--font-family-heading: inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-body: inter, system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", ui-monospace, menlo, consolas, monospace}h1,h2,h3,h4,h5,h6,.intro-headline,.intro-headline__line,.intro-location-badge,.intro--options h3,.slider--item-title,.recent-posts__title,.recent-posts__item-title,.work-request__title,.works-index__title,.blog-article__title,.site-wordmark,.device-notification--logo,.header,.outer-nav,.side-nav,.theme-menu,.mobile-drawer,.work__see-all,input[type=submit],button{font-family:var(--font-family-heading)}.intro--lead,.intro--email,.intro-option__purpose,.work__lead,.recent-posts__lead,.recent-posts__excerpt,.slider--item-description,.works-index__lead,.works-index__card-desc,.blog-article__body,.blog-article__meta,.about--lead,.work-request__lead,.device-notification--message,.work-request__feedback,.contact .modal .work-request__field label,.contact .modal .work-request__field input,.contact .modal .work-request__field textarea{font-family:var(--font-family-body)}code,pre,kbd,samp{font-family:var(--font-family-mono)}@media(orientation:landscape)and (max-height:32rem){:root{--text-step-6: calc(1.0625rem * var(--font-text-size-scale));--text-step-7: calc(1.125rem * var(--font-text-size-scale));--text-step-8: calc(1.375rem * var(--font-text-size-scale));--text-step-9: clamp( calc(1.5rem * var(--font-text-size-scale)), calc(4vw + .75rem * var(--font-text-size-scale)), calc(2.1rem * var(--font-text-size-scale)) )}}html[data-color-scheme=light] .work--lockup .slider--next,html[data-color-scheme=light] .work--lockup .slider--prev{box-shadow:0 1px 4px #0f172a12}html[data-theme=azure]{--portfolio-logo-ring: #0ea5e9;--portfolio-highlight: var(--portfolio-logo-ring);--accent: var(--portfolio-logo-ring)}html[data-theme=violet]{--portfolio-logo-ring: #8b5cf6;--portfolio-highlight: var(--portfolio-logo-ring);--accent: var(--portfolio-logo-ring)}html[data-theme=coral]{--portfolio-logo-ring: #f97316;--portfolio-highlight: var(--portfolio-logo-ring);--accent: var(--portfolio-logo-ring)}html,html[data-theme]{font-family:var(--font-family-body)}@supports ((-webkit-text-size-adjust: 100%) or (text-size-adjust: 100%)){html,html[data-theme]{-webkit-text-size-adjust:100%;text-size-adjust:100%}}@supports (-webkit-touch-callout: none){html{-webkit-text-size-adjust:100%}}::selection{background:#fff498;color:#020202}html[data-color-scheme=light] ::selection{background:color-mix(in oklch,var(--accent) 32%,#fff);color:var(--portfolio-on-surface)}img::selection{background:transparent}html,body{margin:0;min-height:100%;min-height:100dvh;height:100%}body{background-color:var(--portfolio-black);color:var(--portfolio-on-surface);font-family:var(--font-family-body);font-size:var(--text-step-3);line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(255 244 152 / .45)}@media(prefers-reduced-motion:no-preference){body{transition:background-color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease),color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease),font-size var(--portfolio-motion-text-size-duration) var(--portfolio-motion-text-size-ease)}}@media(max-width:1180px){body{font-size:calc(.9375rem * var(--font-text-size-scale));line-height:1.65}}img{max-width:100%;height:auto;border:0}button{font-family:inherit}@media(prefers-reduced-motion:no-preference){::view-transition-group(root){animation-duration:var(--portfolio-motion-pref-duration);animation-timing-function:var(--portfolio-motion-pref-ease)}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--portfolio-motion-pref-duration);animation-timing-function:var(--portfolio-motion-pref-ease)}}.device-notification{display:none;position:fixed;inset:0;z-index:12;flex-direction:column;align-items:center;justify-content:center;background-color:var(--portfolio-canvas)}.device-notification--logo{display:flex;align-items:center;text-decoration:none;color:var(--portfolio-on-surface)}.device-notification--logo .site-logo-mark{display:block;flex-shrink:0}.device-notification--logo p{margin:0 0 0 10px;font-size:16px;font-weight:700}.site-wordmark--caps{text-transform:uppercase}.site-wordmark__mingle{color:var(--portfolio-logo-ring)}.device-notification--message{width:70%;margin:30px 0 0;font-weight:700;text-align:center}@media(max-width:767px)and (min-width:601px)and (max-height:680px){.device-notification{display:flex}}@media(max-width:600px)and (min-width:480px)and (max-height:580px){.device-notification{display:flex}}@media(max-width:736px)and (min-width:360px)and (orientation:landscape){.device-notification{display:flex}}@media(max-width:359px){.device-notification{display:flex}}.perspective{position:relative;width:100%;height:100%;min-height:100dvh;overflow:hidden;background-color:var(--portfolio-canvas)}@media(min-width:901px){.perspective.perspective--modalview{position:fixed;inset:0;width:auto;height:auto;min-height:0;z-index:10;perspective:1500px}}.container{position:relative;width:100%;min-height:100%;height:100%;transform:none;outline-width:0;outline-style:solid;outline-color:transparent;outline-offset:0;transition:transform var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease);-webkit-backface-visibility:hidden;backface-visibility:hidden}.perspective.effect-rotate-left--animate .container{will-change:transform}.modalview .container{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.effect-rotate-left .container{transform-origin:50% 50%;transition:transform .48s cubic-bezier(.22,1,.36,1),outline-width .48s cubic-bezier(.22,1,.36,1),outline-color .32s ease}.effect-rotate-left--animate .container{transform:translate3d(-11%,0,-1500px) rotateY(28deg);outline-width:22px;outline-color:var(--accent)}@media(prefers-reduced-motion:reduce){.container,.effect-rotate-left .container,.perspective.effect-rotate-left--animate .container{will-change:auto!important}}@media(max-width:900px){.perspective{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:100dvh!important;perspective:none!important;z-index:auto!important}.perspective.perspective--modalview{perspective:none!important}.effect-rotate-left--animate .container{transform:none!important;outline-width:0!important}.perspective .container{height:auto;min-height:100dvh}.modalview .container{overflow:visible!important}}.l-viewport{position:relative;width:100%;height:100vh;box-shadow:var(--portfolio-viewport-shadow);overflow:hidden;background-color:var(--portfolio-canvas);touch-action:manipulation;container-type:inline-size;container-name:portfolio-shell}html.portfolio-settings-open .l-viewport--landscape-doc,html.portfolio-search-open .l-viewport--landscape-doc,html.portfolio-shell-menus-open .l-viewport--landscape-doc{overflow:hidden!important;overscroll-behavior:none}html.portfolio-shell-menus-open{overflow:hidden!important}.l-viewport.l-viewport--scroll-body{display:flex;flex-direction:column;overflow:hidden}.l-viewport.l-viewport--scroll-body .portfolio-scroll-body{flex:1;min-height:0;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(max-width:900px){.l-viewport{height:100dvh;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box}.l-viewport--narrow-portrait{touch-action:pan-x}.l-viewport--narrow-portrait .l-section>div:not(.contact).section-shell--scrollable{touch-action:pan-y}.l-viewport--narrow-portrait .l-section>div:not(.contact):not(.section-shell--scrollable){touch-action:pan-x}.l-viewport--narrow-portrait .contact__transition.section-shell--scrollable{touch-action:pan-y}.l-viewport--narrow-portrait .contact__transition:not(.section-shell--scrollable){touch-action:pan-x}.perspective--landscape-doc .container{height:auto;min-height:0}.l-viewport--landscape-doc{overflow-x:clip;overflow-y:auto;height:auto;min-height:100dvh;max-height:none;touch-action:manipulation;scroll-padding-top:var(--portfolio-header-height);-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}.l-viewport--landscape-doc .l-shell,.l-viewport--landscape-doc .l-wrapper{height:auto;min-height:0}.l-viewport--landscape-doc .l-main-content{display:flex;flex-direction:column;height:auto;padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))}.l-viewport--landscape-doc .l-section{position:relative;width:100%;height:auto;min-height:0;flex:0 0 auto}.l-viewport--landscape-doc .l-section>div:not(.contact){height:auto!important;max-height:none!important;min-height:0;overflow:visible!important;padding-top:clamp(1rem,3vh,2rem);padding-bottom:clamp(1rem,3vh,2rem)}.l-viewport--landscape-doc .l-main-content>.l-section:first-child>div:not(.contact){padding-top:calc(var(--portfolio-header-height) + clamp(.5rem,2vh,1rem))}.l-viewport--landscape-doc .section{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none;transform:none!important}.l-viewport--landscape-doc .section:not(.section--is-active){pointer-events:auto!important}}.l-shell,.contact--lockup,.header__inner{box-sizing:border-box;width:min(var(--portfolio-shell-max-width),calc(100% - var(--portfolio-shell-pad-inline-start) - var(--portfolio-shell-pad-inline-end)));margin-inline:auto;padding-inline:0}.l-shell{height:100%;min-height:0}.l-wrapper{position:relative;width:100%;height:100%;display:grid;grid-template-columns:1fr}@media(min-width:1181px){.l-wrapper{grid-template-columns:var(--portfolio-side-nav-width) minmax(0,1fr);column-gap:0}}.l-side-nav{position:relative;grid-column:1;grid-row:1;display:flex;width:100%;min-width:0;height:100%;min-height:0;align-items:center;justify-content:flex-start;justify-self:stretch;align-self:stretch;z-index:20;isolation:isolate;overflow:visible;box-sizing:border-box}.l-side-nav:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:2px;height:70%;max-height:750px;background-color:var(--portfolio-rail-mid);opacity:.35;z-index:10;pointer-events:none}@media(min-width:1181px){.l-side-nav:before{left:var(--portfolio-rail-align-offset)}}@media(max-width:1180px){.l-side-nav{display:none}}.l-main-content{position:relative;z-index:0;grid-column:1;grid-row:1;width:100%;min-width:0;height:100%;margin:0;padding:0;box-sizing:border-box;list-style:none;color:var(--portfolio-on-surface)}@media(min-width:1181px){.l-main-content{grid-column:2;margin-inline-start:var(--portfolio-rail-to-main-gap);padding-top:var(--portfolio-main-content-offset-top)}#section-home>div,#section-works>div,#section-about>div,#section-posts>div{min-height:0;max-height:min(100%,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)));box-sizing:border-box;justify-content:flex-start}}@media(max-width:1180px){.l-main-content{margin-inline-start:0}}@media(max-width:1180px)and (min-width:601px){#section-home>div,#section-works>div,#section-about>div,#section-posts>div{justify-content:center;padding-top:calc(var(--portfolio-header-height) + clamp(.75rem,2.2vw,1.5rem));padding-bottom:clamp(1.25rem,4vh,2.5rem);box-sizing:border-box;min-height:0;max-height:min(100%,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)))}}@media(max-width:900px){.l-wrapper{min-height:0}.l-main-content{padding-bottom:max(0px,env(safe-area-inset-bottom,0px));min-height:0}.l-section>div:not(.contact){justify-content:center;padding-top:calc(var(--portfolio-header-height) + clamp(.65rem,3.5vw,1.1rem));padding-bottom:max(.75rem,env(safe-area-inset-bottom,0px));min-height:0;height:100%;max-height:100%;overflow-y:auto;overflow-x:clip;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}}.l-section{position:absolute;width:100%;height:100%}.l-section>div{display:flex;min-height:100%;height:100%;width:100%;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}.l-section>.contact{display:flex;flex-direction:column;min-height:100%;width:100%;justify-content:center;align-items:center;box-sizing:border-box}.section{opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility 0s .4s}.section--is-active{opacity:1;visibility:visible;z-index:1;pointer-events:auto;transition:opacity .4s ease-in-out .4s,visibility 0s}.section:not(.section--is-active){pointer-events:none}.section--next{transform:translateY(-45px);transition:transform .4s ease-in-out}.section--prev{transform:translateY(45px);transition:transform .4s ease-in-out}.header{position:absolute;top:0;left:0;right:0;width:100%;height:var(--portfolio-header-height);z-index:30;box-sizing:border-box;margin:0;padding:0;isolation:isolate;background-color:var(--portfolio-header-bg);backdrop-filter:var(--portfolio-header-blur);-webkit-backdrop-filter:var(--portfolio-header-blur);box-shadow:none}@media(min-width:901px){.header{position:fixed;left:0;right:0;width:100%}}@media(min-width:901px){.l-viewport.l-viewport--scroll-body{padding-top:var(--portfolio-header-height);box-sizing:border-box}}@media(prefers-reduced-motion:no-preference){.header{transition:background-color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease),color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease)}}html[data-color-scheme=dark] .header{color:#fff}html[data-color-scheme=light] .header{color:var(--portfolio-on-surface)}html[data-color-scheme=dark] .header .header--logo,html[data-color-scheme=dark] .header .theme-menu{color:#fff}html[data-color-scheme=dark] .header .header--nav-toggle span,html[data-color-scheme=dark] .header .header--nav-toggle:before,html[data-color-scheme=dark] .header .header--nav-toggle:after{background-color:#fff}html[data-color-scheme=dark] .header .portfolio-shell-search .search__icon,html[data-color-scheme=dark] .header .portfolio-shell-search .search__kbd-icon{filter:brightness(0) invert(1);opacity:.92}@media(prefers-reduced-motion:reduce){.header{backdrop-filter:none;-webkit-backdrop-filter:none}.theme-menu__gear{transition:none}}.header__inner{position:relative;display:flex;height:100%;min-height:var(--portfolio-header-height);align-items:center;justify-content:space-between}.header__main{display:contents}.header--logo{position:relative;z-index:2;display:flex;align-items:center;align-self:stretch;min-height:100%;margin:0;padding:0 1.5rem 0 0;box-sizing:border-box;text-decoration:none;color:var(--portfolio-on-surface);cursor:pointer;text-transform:uppercase;-webkit-tap-highlight-color:transparent}@media(min-width:1181px){.header__inner{display:grid;grid-template-columns:var(--portfolio-side-nav-width) minmax(0,1fr);column-gap:0;align-items:center;justify-content:initial;overflow-x:visible}.header--logo{grid-column:1;justify-self:stretch;width:auto;min-width:0;align-self:stretch;min-height:var(--portfolio-header-height);padding:0;justify-content:flex-start}.header__main{grid-column:2;display:flex;align-items:center;justify-content:flex-end;position:relative;min-width:0;min-height:var(--portfolio-header-height);margin-inline-start:var(--portfolio-rail-to-main-gap);box-sizing:border-box}.header--end{position:relative;z-index:2}}.header--logo:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.header--logo .site-logo-mark{display:block;flex-shrink:0;-webkit-user-select:none;user-select:none}.header--logo p{margin:0 0 0 10px;font-size:16px;font-weight:700;-webkit-user-select:none;user-select:none}.header--end{display:flex;align-items:center;gap:1rem;box-sizing:border-box;flex-shrink:0}@media(max-width:900px){.l-viewport--narrow-portrait .header{touch-action:pan-x}.l-viewport--landscape-doc .header{position:sticky;top:0;touch-action:manipulation}.header__inner{display:flex;justify-content:flex-start;gap:.5rem}.header--logo{padding-inline-end:0;min-width:0}.header--logo>:not(.site-logo-mark){display:none!important}.header--end{margin-inline-start:auto}}.theme-menu{position:relative;display:flex;align-items:center;flex-shrink:0;color:var(--portfolio-chrome-line)}.theme-menu__trigger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0;padding:0;border:none;border-radius:8px;background:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent);color:inherit;cursor:pointer;transition:background-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.theme-menu__trigger:hover{background:color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent)}.theme-menu__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-menu__palette{display:block;flex-shrink:0}.theme-menu__gear{display:block;flex-shrink:0;transform:rotate(0);transform-origin:50% 50%;transition:transform .35s cubic-bezier(.22,1,.36,1)}.theme-menu__trigger:hover .theme-menu__gear,.theme-menu__trigger:focus-visible .theme-menu__gear{transform:rotate(72deg)}.theme-menu__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;box-sizing:border-box;width:min(18.5rem,calc(100vw - .75rem - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-height:min(32rem,calc(100vh - var(--portfolio-header-height) - 1.25rem - env(safe-area-inset-bottom,0px)));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:.65rem 0;border-radius:10px;background-color:var(--portfolio-drawer-panel-bg);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent);box-shadow:0 12px 40px #00000073,0 0 0 1px #0003;color:var(--portfolio-on-surface);transform-origin:top right}@media(prefers-reduced-motion:no-preference){.theme-menu__panel{transition:background-color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease),border-color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease),color var(--portfolio-motion-pref-duration) var(--portfolio-motion-pref-ease)}}@supports (height: 100dvh){.theme-menu__panel{max-height:min(32rem,calc(100dvh - var(--portfolio-header-height) - 1.25rem - env(safe-area-inset-bottom,0px)))}}html[data-color-scheme=light] .theme-menu__panel{background-color:color-mix(in oklch,var(--portfolio-canvas) 94%,black);box-shadow:0 12px 32px #0000001f,0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent)}.theme-menu__panel-intro{margin:0;padding:0 .65rem .65rem;border-bottom:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}html[data-color-scheme=dark] .theme-menu__panel-intro{border-bottom-color:color-mix(in oklch,white 12%,black)}.theme-menu__panel-title{margin:0 0 .35rem;padding:0 .35rem;font-size:.8125rem;font-weight:800;letter-spacing:.06em;line-height:1.25;text-transform:uppercase;color:var(--portfolio-on-surface)}.theme-menu__panel-lead{margin:0;padding:0 .35rem;font-size:.6875rem;font-weight:500;line-height:1.45;letter-spacing:.02em;color:color-mix(in oklch,var(--portfolio-on-surface) 72%,transparent)}.theme-menu__section-head{margin:0 0 .45rem;padding:0 .35rem}.theme-menu__section-head .theme-menu__heading{margin:0 0 .25rem;padding:0}.theme-menu__heading.theme-menu__heading--field{cursor:pointer}.theme-menu__section-desc{margin:0;font-size:.6875rem;font-weight:500;line-height:1.45;letter-spacing:.02em;color:color-mix(in oklch,var(--portfolio-on-surface) 68%,transparent)}.theme-menu__section-desc-strong{font-weight:700;color:color-mix(in oklch,var(--accent) 55%,var(--portfolio-on-surface))}.theme-menu__font-preview{margin-top:.55rem;padding:.55rem .65rem;border-radius:10px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent);background-color:color-mix(in oklch,var(--portfolio-on-surface) 6%,transparent)}html[data-color-scheme=dark] .theme-menu__font-preview{border-color:color-mix(in oklch,white 12%,black);background-color:color-mix(in oklch,white 5%,black)}.theme-menu__font-preview-body{margin:0 0 .35rem;font-family:var(--font-family-body);font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--portfolio-on-surface)}.theme-menu__font-preview-mono{margin:0;font-family:var(--font-family-mono);font-size:.6875rem;font-weight:500;line-height:1.4;letter-spacing:.02em;color:color-mix(in oklch,var(--portfolio-on-surface) 82%,transparent)}.theme-menu__section{padding:0 .65rem}.theme-menu__section+.theme-menu__section{margin-top:.65rem;padding-top:.65rem;border-top:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.theme-menu__heading{margin:0 0 .45rem;padding:0 .35rem;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:.72}.theme-menu__field{display:flex;flex-direction:column;gap:.35rem;min-width:0;margin:0;padding:0}.theme-menu__field .theme-menu__heading{margin-bottom:0}.theme-menu__select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding:.5rem .45rem;border-radius:8px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 18%,transparent);background-color:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent);color:var(--portfolio-on-surface);font-family:inherit;font-size:.8125rem;font-weight:600;line-height:1.25;cursor:pointer;-webkit-tap-highlight-color:transparent;accent-color:var(--accent);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.theme-menu__select option{background-color:var(--portfolio-canvas);color:var(--portfolio-on-surface);font-weight:600}.theme-menu__select:hover{background-color:color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);border-color:color-mix(in oklch,var(--accent) 28%,var(--portfolio-on-surface));box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 18%,transparent),0 4px 18px color-mix(in oklch,var(--accent) 12%,transparent)}.theme-menu__select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 22%,transparent)}html[data-color-scheme=light] .theme-menu__select{color-scheme:light;background-color:color-mix(in oklch,var(--portfolio-canvas) 92%,black);border-color:color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent)}html[data-color-scheme=light] .theme-menu__select:hover{background-color:color-mix(in oklch,var(--portfolio-canvas) 82%,black);border-color:color-mix(in oklch,var(--accent) 36%,var(--portfolio-on-surface));box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 22%,transparent),0 4px 20px color-mix(in oklch,var(--accent) 10%,transparent)}html[data-color-scheme=dark] .theme-menu__select{color-scheme:dark;background-color:color-mix(in oklch,white 7%,black);border-color:color-mix(in oklch,white 14%,black)}html[data-color-scheme=dark] .theme-menu__select:hover{background-color:color-mix(in oklch,white 14%,black);border-color:color-mix(in oklch,var(--accent) 42%,white);box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 26%,transparent),0 4px 22px color-mix(in oklch,var(--accent) 18%,transparent)}.theme-menu__select-wrap{position:relative;display:block;width:100%;min-width:0}.theme-menu__select-wrap:not(.theme-menu__select-wrap--font-family) .theme-menu__select{appearance:none;-webkit-appearance:none;background-image:none;padding-right:2.5rem}.theme-menu__select-chevron{position:absolute;top:50%;right:.55rem;z-index:2;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;margin-top:-.875rem;color:color-mix(in oklch,var(--portfolio-on-surface) 72%,transparent);pointer-events:none;transition:transform var(--portfolio-motion-select-chevron-duration) var(--portfolio-motion-select-chevron-ease),color var(--portfolio-motion-select-chevron-duration) var(--portfolio-motion-select-chevron-ease)}.theme-menu__select-chevron svg{display:block;flex-shrink:0}.theme-menu__select-wrap:focus-within .theme-menu__select-chevron{transform:rotate(-180deg);color:color-mix(in oklch,var(--accent) 55%,var(--portfolio-on-surface))}.theme-menu__select.theme-menu__select--font-family{position:relative;z-index:0;appearance:none;-webkit-appearance:none;background-image:none;min-height:2.75rem;padding:.55rem 2.6rem .55rem .75rem;border-radius:12px;border-width:1px;border-style:solid;border-color:color-mix(in oklch,var(--accent) 26%,var(--portfolio-on-surface));background-color:color-mix(in oklch,var(--portfolio-on-surface) 11%,transparent);box-shadow:inset 0 1px color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 10%,transparent);font-size:.8438rem;font-weight:600;letter-spacing:.01em}html[data-color-scheme=light] .theme-menu__select.theme-menu__select--font-family{background-color:color-mix(in oklch,var(--portfolio-canvas) 86%,black);border-color:color-mix(in oklch,var(--accent) 22%,var(--portfolio-on-surface));box-shadow:inset 0 1px #ffffffa6,0 0 0 1px color-mix(in oklch,var(--accent) 8%,transparent)}html[data-color-scheme=dark] .theme-menu__select.theme-menu__select--font-family{background-color:color-mix(in oklch,white 10%,black);border-color:color-mix(in oklch,var(--accent) 32%,white);box-shadow:inset 0 1px color-mix(in oklch,white 6%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 14%,transparent)}html[data-color-scheme=light] .theme-menu__select.theme-menu__select--font-family:hover{background-color:color-mix(in oklch,var(--portfolio-canvas) 78%,black);border-color:color-mix(in oklch,var(--accent) 38%,var(--portfolio-on-surface))}html[data-color-scheme=dark] .theme-menu__select.theme-menu__select--font-family:hover{background-color:color-mix(in oklch,white 14%,black);border-color:color-mix(in oklch,var(--accent) 48%,white)}.theme-menu__hint{margin:.4rem 0 0;padding:0 .35rem;font-size:.65rem;font-weight:500;line-height:1.4;letter-spacing:.02em;text-transform:none;opacity:.72;overflow-wrap:anywhere}.theme-menu__hint-code{padding:.05em .25em;border-radius:4px;font-size:.62em;font-weight:600;font-family:var(--font-family-mono);background:color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}html[data-color-scheme=dark] .theme-menu__hint-code{background:color-mix(in oklch,white 9%,black)}.theme-menu__segmented{display:flex;gap:0;padding:2px;border-radius:8px;background:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent)}html[data-color-scheme=dark] .theme-menu__segmented{background:color-mix(in oklch,white 6%,black)}.theme-menu__segmented--triple .theme-menu__segment{padding-inline:.35rem;font-size:.6875rem;letter-spacing:.02em}.theme-menu__segmented--triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:stretch;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 20%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 6%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 12%,transparent)}html[data-color-scheme=dark] .theme-menu__segmented--triple{border-color:color-mix(in oklch,white 18%,black);box-shadow:inset 0 0 0 1px color-mix(in oklch,white 5%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 18%,transparent)}html[data-color-scheme=light] .theme-menu__segmented--triple{border-color:color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent);box-shadow:inset 0 0 0 1px #ffffff80,0 0 0 1px color-mix(in oklch,var(--accent) 10%,transparent)}.theme-menu__segmented--triple>.theme-menu__segment--text-size{flex:none;min-width:0;width:100%;max-width:100%;box-sizing:border-box;justify-self:stretch;align-self:stretch;touch-action:manipulation}.theme-menu__segment--text-size{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:52px;padding-block:.35rem}.theme-menu__text-size-label{max-width:100%;overflow:hidden;font-size:.5625rem;font-weight:700;line-height:1.1;letter-spacing:.06em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:color-mix(in oklch,var(--portfolio-on-surface) 78%,transparent)}.theme-menu__segment--text-size.theme-menu__segment--active .theme-menu__text-size-label{color:color-mix(in oklch,var(--accent) 22%,var(--portfolio-on-surface))}.theme-menu__text-size-icon{display:block;flex-shrink:0;pointer-events:none}.theme-menu__text-size-icon--standard{width:15px;height:15px}.theme-menu__text-size-icon--large{width:19px;height:19px}.theme-menu__text-size-icon--larger{width:23px;height:23px}.theme-menu__segment--text-size .theme-menu__text-size-icon{transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}.theme-menu__segment--text-size:hover{opacity:1;background:color-mix(in oklch,var(--accent) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 32%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 14%,transparent)}html[data-color-scheme=dark] .theme-menu__segment--text-size:hover{background:color-mix(in oklch,var(--accent) 19%,black);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 40%,transparent),0 2px 16px color-mix(in oklch,var(--accent) 22%,transparent)}html[data-color-scheme=light] .theme-menu__segment--text-size:hover{background:color-mix(in oklch,var(--accent) 9%,var(--portfolio-canvas));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 26%,transparent),0 2px 14px color-mix(in oklch,var(--accent) 10%,transparent)}.theme-menu__segment--text-size:hover .theme-menu__text-size-icon{transform:scale(1.1);filter:drop-shadow(0 1px 5px color-mix(in oklch,var(--accent) 40%,transparent))}.theme-menu__segment--text-size.theme-menu__segment--active:hover{background:color-mix(in oklch,var(--accent) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 45%,transparent),inset 0 -2px color-mix(in oklch,var(--accent) 28%,transparent),0 0 18px color-mix(in oklch,var(--accent) 22%,transparent)}.theme-menu__segment--text-size.theme-menu__segment--active:hover .theme-menu__text-size-icon{transform:scale(1.14);filter:drop-shadow(0 2px 7px color-mix(in oklch,var(--accent) 48%,transparent))}.theme-menu__segment--text-size:focus-visible:not(:hover):not(.theme-menu__segment--active){background:color-mix(in oklch,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 28%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 15%,transparent)}html[data-color-scheme=dark] .theme-menu__segment--text-size:focus-visible:not(:hover):not(.theme-menu__segment--active){background:color-mix(in oklch,var(--accent) 15%,black);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 36%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 18%,transparent)}html[data-color-scheme=light] .theme-menu__segment--text-size:focus-visible:not(:hover):not(.theme-menu__segment--active){background:color-mix(in oklch,var(--accent) 7%,var(--portfolio-canvas));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 22%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 11%,transparent)}.theme-menu__segment--text-size.theme-menu__segment--active:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 42%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 30%,transparent),0 0 14px color-mix(in oklch,var(--accent) 18%,transparent)}.theme-menu__segment{display:flex;flex:1;align-items:center;justify-content:center;min-height:44px;margin:0;padding:.45rem .5rem;border:none;border-radius:6px;font-family:inherit;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--portfolio-on-surface);background:transparent;cursor:pointer;opacity:.75;transition:background-color .2s ease,opacity .2s ease,box-shadow .2s ease,color .2s ease}.theme-menu__scheme-icon{display:block;flex-shrink:0;width:22px;height:22px}.theme-menu__segment:hover:not(.theme-menu__segment--text-size){opacity:1;background:color-mix(in oklch,var(--portfolio-on-surface) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent)}html[data-color-scheme=dark] .theme-menu__segment:hover:not(.theme-menu__segment--text-size){background:color-mix(in oklch,white 11%,black);box-shadow:inset 0 0 0 1px color-mix(in oklch,white 14%,black)}.theme-menu__segment:focus-visible{opacity:1;outline:2px solid var(--accent);outline-offset:2px}.theme-menu__segment:focus-visible:not(:hover):not(.theme-menu__segment--active):not(.theme-menu__segment--text-size){background:color-mix(in oklch,var(--portfolio-on-surface) 9%,transparent);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 60%,transparent)}html[data-color-scheme=dark] .theme-menu__segment:focus-visible:not(:hover):not(.theme-menu__segment--active):not(.theme-menu__segment--text-size){background:color-mix(in oklch,white 9%,black);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 55%,transparent)}.theme-menu__segment--active{opacity:1;background:color-mix(in oklch,var(--accent) 22%,transparent);color:var(--portfolio-on-surface);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 28%,transparent)}.theme-menu__segment--active:hover:not(.theme-menu__segment--text-size){background:color-mix(in oklch,var(--accent) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 42%,transparent),inset 0 -1px color-mix(in oklch,var(--accent) 25%,transparent)}.theme-menu__segment--active:focus-visible:not(.theme-menu__segment--text-size){box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 38%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 35%,transparent)}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__scheme-icon{transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:hover{opacity:1;background:color-mix(in oklch,var(--accent) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 32%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 14%,transparent)}html[data-color-scheme=dark] .theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:hover{background:color-mix(in oklch,var(--accent) 19%,black);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 40%,transparent),0 2px 16px color-mix(in oklch,var(--accent) 22%,transparent)}html[data-color-scheme=light] .theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:hover{background:color-mix(in oklch,var(--accent) 9%,var(--portfolio-canvas));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 26%,transparent),0 2px 14px color-mix(in oklch,var(--accent) 10%,transparent)}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:hover .theme-menu__scheme-icon{transform:scale(1.1);filter:drop-shadow(0 1px 5px color-mix(in oklch,var(--accent) 40%,transparent))}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment--active:hover{background:color-mix(in oklch,var(--accent) 32%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 45%,transparent),inset 0 -2px color-mix(in oklch,var(--accent) 28%,transparent),0 0 18px color-mix(in oklch,var(--accent) 22%,transparent)}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment--active:hover .theme-menu__scheme-icon{transform:scale(1.14);filter:drop-shadow(0 2px 7px color-mix(in oklch,var(--accent) 48%,transparent))}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:focus-visible:not(:hover):not(.theme-menu__segment--active){background:color-mix(in oklch,var(--accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 28%,transparent),0 0 0 1px color-mix(in oklch,var(--accent) 15%,transparent)}html[data-color-scheme=dark] .theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:focus-visible:not(:hover):not(.theme-menu__segment--active){background:color-mix(in oklch,var(--accent) 15%,black);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 36%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 18%,transparent)}html[data-color-scheme=light] .theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:focus-visible:not(:hover):not(.theme-menu__segment--active){background:color-mix(in oklch,var(--accent) 7%,var(--portfolio-canvas));box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 22%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 11%,transparent)}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment--active:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--accent) 42%,transparent),0 0 0 2px color-mix(in oklch,var(--accent) 30%,transparent),0 0 14px color-mix(in oklch,var(--accent) 18%,transparent)}.theme-menu__list{margin:0;padding:0;list-style:none}.theme-menu__option{display:flex;align-items:center;gap:.55rem;width:100%;margin:0;padding:.45rem .5rem;border:none;border-radius:8px;font-family:inherit;font-size:.8125rem;font-weight:600;text-align:left;color:inherit;background:transparent;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease,color .2s ease}.theme-menu__option:hover{background:color-mix(in oklch,var(--portfolio-on-surface) 13%,transparent);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 68%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 11%,transparent),0 2px 16px color-mix(in oklch,var(--accent) 14%,transparent);color:var(--portfolio-on-surface)}html[data-color-scheme=dark] .theme-menu__option:hover{background:color-mix(in oklch,white 12%,black);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 62%,transparent),inset 0 0 0 1px color-mix(in oklch,white 13%,black),0 2px 20px color-mix(in oklch,var(--accent) 22%,transparent)}html[data-color-scheme=light] .theme-menu__option:hover{background:color-mix(in oklch,var(--portfolio-on-surface) 5%,var(--portfolio-canvas));color:color-mix(in oklch,var(--accent) 14%,var(--portfolio-on-surface));box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 55%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent),0 2px 14px color-mix(in oklch,var(--accent) 9%,transparent)}.theme-menu__option:focus-visible{outline:2px solid var(--accent);outline-offset:2px;background:color-mix(in oklch,var(--portfolio-on-surface) 11%,transparent);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 58%,transparent),inset 0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 9%,transparent)}html[data-color-scheme=dark] .theme-menu__option:focus-visible{background:color-mix(in oklch,white 10%,black);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 52%,transparent),inset 0 0 0 1px color-mix(in oklch,white 11%,black)}.theme-menu__option--active{background:color-mix(in oklch,var(--accent) 14%,transparent);box-shadow:inset 3px 0 color-mix(in oklch,var(--accent) 75%,transparent)}.theme-menu__option--active:hover{background:color-mix(in oklch,var(--accent) 28%,transparent);box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px color-mix(in oklch,var(--accent) 42%,transparent),0 0 22px color-mix(in oklch,var(--accent) 20%,transparent);color:var(--portfolio-on-surface)}.theme-menu__option--active:focus-visible{background:color-mix(in oklch,var(--accent) 20%,transparent);box-shadow:inset 3px 0 0 var(--accent),inset 0 0 0 1px color-mix(in oklch,var(--accent) 35%,transparent)}.theme-menu__swatch{flex-shrink:0;width:18px;height:18px;border-radius:50%;border:2px solid color-mix(in oklch,var(--portfolio-on-surface) 25%,transparent);box-shadow:inset 0 0 0 1px #0000001f;transition:transform .22s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease}.theme-menu__option:hover .theme-menu__swatch{transform:scale(1.14);border-color:color-mix(in oklch,var(--accent) 48%,var(--portfolio-on-surface));box-shadow:inset 0 0 0 1px #0000001a,0 0 0 2px color-mix(in oklch,var(--accent) 28%,transparent)}.theme-menu__option--active:hover .theme-menu__swatch{transform:scale(1.18);border-color:color-mix(in oklch,var(--accent) 55%,var(--portfolio-on-surface));box-shadow:inset 0 0 0 1px #00000014,0 0 0 2px color-mix(in oklch,var(--accent) 38%,transparent)}.theme-menu__option-label{flex:1}.theme-menu__check{flex-shrink:0;width:1.1rem;font-size:.85rem;font-weight:700;color:var(--accent)}@media(max-width:420px){.header--end{gap:.45rem}.theme-menu__trigger{width:40px;height:40px}.theme-menu__panel{right:-.25rem}.theme-menu__text-size-icon--standard{width:14px;height:14px}.theme-menu__text-size-icon--large{width:17px;height:17px}.theme-menu__text-size-icon--larger{width:20px;height:20px}}.header--nav-toggle{position:relative;display:flex;flex-shrink:0;width:50px;min-width:50px;height:50px;min-height:50px;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background-color:transparent;border:none;padding:0;color:inherit;outline:2px solid transparent;outline-offset:2px;border-radius:0;transition:background-color .28s ease,outline-color .28s ease,border-radius .28s ease}.header--nav-toggle span,.header--nav-toggle:before,.header--nav-toggle:after{position:relative;display:block;width:16px;height:2px;background-color:var(--portfolio-on-surface);transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,top .32s cubic-bezier(.22,1,.36,1),bottom .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .32s cubic-bezier(.22,1,.36,1),left .32s cubic-bezier(.22,1,.36,1),margin .32s cubic-bezier(.22,1,.36,1),box-shadow .32s ease,border-radius .32s ease}.header--nav-toggle:before,.header--nav-toggle:after{content:"";width:23px}.header--nav-toggle:before{bottom:5px}.header--nav-toggle:after{top:5px}.header--nav-toggle--open{width:50px;min-width:50px;height:50px;min-height:50px;border-radius:50%;background-color:color-mix(in oklch,var(--portfolio-on-surface) 11%,transparent);outline:1.5px solid color-mix(in oklch,var(--portfolio-on-surface) 40%,transparent);outline-offset:1px}.header--nav-toggle--open span{opacity:0;transform:scaleX(0)}.header--nav-toggle--open:before,.header--nav-toggle--open:after{position:absolute;inset:50% auto auto 50%;width:22px;height:2.5px;margin:-1.25px 0 0 -11px;border-radius:1.25px;box-shadow:0 0 0 1px color-mix(in oklch,var(--portfolio-black) 60%,transparent),0 0 8px color-mix(in oklch,var(--portfolio-on-surface) 45%,transparent)}.header--nav-toggle--open:before{transform:rotate(45deg)}.header--nav-toggle--open:after{transform:rotate(-45deg)}.intro--copy .modal--copy-email:focus-visible,.menu-social__link:focus-visible,.header--nav-toggle:focus-visible,.slider--prev:focus-visible,.slider--next:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.header--cta{position:absolute;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);padding:0 20px;line-height:30px;text-decoration:none;color:var(--accent-text);font-weight:700;text-transform:uppercase;background-color:var(--accent);border:none;border-radius:0;opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility 0s .4s;cursor:pointer;pointer-events:none}.header--cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header--cta.is-active{pointer-events:auto;opacity:1;visibility:visible;transition:opacity .4s ease-in-out .4s,visibility 0s}@media(max-width:767px){.header--cta{display:none}}.outer-nav--return{position:absolute;top:0;left:0;width:100%;height:100%;display:none;cursor:pointer;z-index:11;border:none;padding:0;background:transparent}.outer-nav--return.is-vis{display:block}.portfolio-search-portal{position:fixed;left:0;top:0;width:0;height:0;overflow:visible;pointer-events:none;z-index:12500}.portfolio-search-portal .search__overlay{pointer-events:auto}html.portfolio-search-open{overflow:hidden!important}.portfolio-shell-search{--background: var(--portfolio-drawer-panel-bg);--background-alt: color-mix(in oklch, var(--portfolio-on-surface) 8%, transparent);--text: var(--portfolio-on-surface);--text-dim: var(--portfolio-muted);--border: color-mix(in oklch, var(--portfolio-on-surface) 12%, transparent);--icon: color-mix(in oklch, var(--portfolio-on-surface) 72%, transparent);--icon-dim: color-mix(in oklch, var(--portfolio-on-surface) 55%, transparent);--overlay: color-mix(in oklch, var(--portfolio-black) 72%, transparent);--shadow-xl: var(--portfolio-modal-elevation);--search-accent-soft: color-mix(in oklch, var(--accent) 12%, transparent);--search-accent-border: color-mix(in oklch, var(--accent) 35%, var(--portfolio-on-surface));--portfolio-search-radius-panel: .5rem;--portfolio-search-radius-control: .375rem;--portfolio-search-spacing-2: .5rem;--portfolio-search-spacing-3: .75rem;--portfolio-search-spacing-4: 1rem;--portfolio-search-spacing-5: 1.25rem;--portfolio-search-spacing-6: 1.5rem;--portfolio-search-spacing-8: 2rem}.portfolio-shell-search svg.icon{flex-shrink:0;color:var(--icon)}.portfolio-shell-search .search__icon,.portfolio-shell-search .search__input-icon,.portfolio-shell-search .search__kbd-icon{flex-shrink:0;display:block;object-fit:contain;pointer-events:none}html[data-color-scheme=light] .portfolio-shell-search{--overlay: var(--portfolio-drawer-backdrop);--background-alt: color-mix(in oklch, var(--portfolio-on-surface) 11%, var(--portfolio-canvas));--border: color-mix(in oklch, var(--portfolio-on-surface) 22%, transparent);--icon: color-mix(in oklch, var(--portfolio-on-surface) 58%, transparent)}html[data-color-scheme=light] .portfolio-shell-search .search__overlay{background:color-mix(in oklch,var(--overlay) 82%,transparent)}html[data-color-scheme=light] .portfolio-shell-search .search__trigger{border-color:color-mix(in oklch,var(--portfolio-chrome-line) 58%,transparent);background:color-mix(in oklch,var(--portfolio-on-surface) 11%,transparent)}html[data-color-scheme=light] .portfolio-shell-search .search__trigger:hover{background:color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent);border-color:color-mix(in oklch,var(--portfolio-chrome-line) 68%,transparent)}html[data-color-scheme=light] .portfolio-shell-search .search__kbd{border-color:color-mix(in oklch,var(--portfolio-chrome-line) 55%,transparent);background:color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent)}.portfolio-shell-search .search__overlay{position:fixed;inset:0;z-index:12500;display:flex;align-items:center;justify-content:center;padding:max(1rem,env(safe-area-inset-top,0px)) 1rem max(1rem,env(safe-area-inset-bottom,0px));box-sizing:border-box;background:color-mix(in oklch,var(--overlay) 60%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:portfolio-search-overlay-in .22s ease-out}@keyframes portfolio-search-overlay-in{0%{opacity:0}to{opacity:1}}.portfolio-shell-search .search__panel{display:flex;flex-direction:column;width:calc(100% - var(--portfolio-search-spacing-8));max-width:min(34rem,calc(100% - var(--portfolio-search-spacing-8)));margin-top:0;border-radius:var(--portfolio-search-radius-panel);border:1px solid var(--border);background:var(--background);color:var(--text);box-shadow:var(--shadow-xl);box-sizing:border-box;overflow:hidden;min-height:0;animation:portfolio-search-panel-in .26s cubic-bezier(.22,1,.36,1)}@keyframes portfolio-search-panel-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.portfolio-shell-search .search__title{margin:0;padding:var(--portfolio-search-spacing-5) var(--portfolio-search-spacing-6) var(--portfolio-search-spacing-2);font-family:var(--font-family-heading);font-size:1.0625rem;font-weight:700;line-height:1.25;letter-spacing:-.02em;color:var(--text)}.portfolio-shell-search .search__lede{margin:0;padding:0 var(--portfolio-search-spacing-6) var(--portfolio-search-spacing-4);font-size:.875rem;font-weight:500;line-height:1.45;color:var(--text-dim)}.portfolio-shell-search .search__header{display:flex;align-items:center;flex-shrink:0;gap:var(--portfolio-search-spacing-2);padding:var(--portfolio-search-spacing-4);border-bottom:1px solid var(--border);background-color:var(--background);box-sizing:border-box}.portfolio-shell-search .search__input-wrapper{position:relative;flex:1;min-width:0;display:flex;align-items:center;box-sizing:border-box}.portfolio-shell-search .search__input-icon{position:absolute;left:var(--portfolio-search-spacing-4);top:50%;z-index:2;width:1.25rem;height:1.25rem;transform:translateY(-50%);pointer-events:none;flex-shrink:0;opacity:.88}.portfolio-shell-search .search__input{width:100%;box-sizing:border-box;margin:0;padding:var(--portfolio-search-spacing-3) 3.625rem var(--portfolio-search-spacing-3) 4rem;border:1px solid var(--border);border-radius:var(--portfolio-search-radius-control);background-color:var(--background-alt);color:var(--text);font-family:var(--font-family-body);font-size:1rem;font-weight:500;line-height:1.35;outline:none;box-shadow:none;transition:border-color .2s ease,background-color .2s ease;-webkit-appearance:none;appearance:none}.portfolio-shell-search .search__input:focus{background-color:var(--background);border-color:var(--accent)}.portfolio-shell-search .search__input::placeholder{color:var(--text-dim);opacity:1}.portfolio-shell-search .search__clear{position:absolute;top:50%;right:var(--portfolio-search-spacing-3);z-index:3;display:flex;align-items:center;justify-content:center;width:var(--portfolio-search-spacing-8);height:var(--portfolio-search-spacing-8);margin:0;padding:0;border:none;border-radius:.25rem;background:none;color:var(--text-dim);font-size:1.25rem;font-weight:500;line-height:1;transform:translateY(-50%);cursor:pointer;opacity:0;pointer-events:none;transition:color .2s ease,background-color .2s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.portfolio-shell-search .search__clear[aria-hidden=false]{opacity:1;pointer-events:auto}.portfolio-shell-search .search__clear:hover{background-color:var(--background);color:var(--text)}.portfolio-shell-search .search__clear:focus-visible{background-color:var(--background);color:var(--text);outline:2px solid var(--accent);outline-offset:2px}.portfolio-shell-search .search__close-btn{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;gap:var(--portfolio-search-spacing-2);min-width:44px;min-height:44px;padding:var(--portfolio-search-spacing-2) var(--portfolio-search-spacing-4);border:1px solid var(--border);border-radius:var(--portfolio-search-radius-control);background-color:var(--background-alt);color:var(--text);font-family:var(--font-family-body);font-size:.875rem;font-weight:500;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.portfolio-shell-search .search__close-btn:hover{border-color:var(--accent);color:var(--accent)}.portfolio-shell-search .search__close-btn:focus-visible{border-color:var(--accent);color:var(--accent);outline:2px solid var(--accent);outline-offset:2px}.portfolio-shell-search .search__close-btn:active{background-color:var(--background-alt)}.portfolio-shell-search .search__results{flex:1 1 auto;min-height:0;max-height:min(50vh,22rem);overflow-x:hidden;overflow-y:auto;padding:var(--portfolio-search-spacing-4) var(--portfolio-search-spacing-6) var(--portfolio-search-spacing-8) var(--portfolio-search-spacing-6);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;background-color:var(--background)}.portfolio-shell-search .search__results-list{display:flex;flex-direction:column;gap:var(--portfolio-search-spacing-2);min-height:0;padding-bottom:var(--portfolio-search-spacing-4)}.portfolio-shell-search .search__result-item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--portfolio-search-spacing-2);width:100%;margin:0;padding:var(--portfolio-search-spacing-4) var(--portfolio-search-spacing-5);border:1px solid var(--border);border-radius:var(--portfolio-search-radius-panel);background-color:var(--background-alt);color:var(--text);font-family:var(--font-family-body);text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.portfolio-shell-search .search__result-item:hover,.portfolio-shell-search .search__result-item:focus-visible{background-color:var(--background);border-color:var(--accent);outline:none;transform:translate(.25rem)}.portfolio-shell-search .search__result-item:hover .search__result-title,.portfolio-shell-search .search__result-item:focus-visible .search__result-title{color:var(--accent)}.portfolio-shell-search .search__result-category{font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim)}.portfolio-shell-search .search__result-title{font-size:1rem;font-weight:600;line-height:1.3;color:var(--text)}.portfolio-shell-search .search__no-results{padding:1.25rem .75rem 1.5rem;text-align:center}.portfolio-shell-search .search__no-results-text{margin:0;font-size:.875rem;font-weight:500;color:var(--text-dim)}.portfolio-shell-search .search__trigger-wrapper{display:flex;align-items:center}.portfolio-shell-search .search__trigger{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:44px;margin:0;padding:.35rem .55rem .35rem .45rem;border:1px solid color-mix(in oklch,var(--portfolio-chrome-line) 38%,transparent);border-radius:.5rem;background:color-mix(in oklch,var(--portfolio-on-surface) 7%,transparent);color:inherit;font-family:var(--font-family-body);font-size:.8125rem;font-weight:600;letter-spacing:.02em;line-height:1.2;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease;-webkit-tap-highlight-color:transparent}.portfolio-shell-search .search__trigger:hover{background:color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent);border-color:color-mix(in oklch,var(--portfolio-chrome-line) 52%,transparent)}.portfolio-shell-search .search__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portfolio-shell-search .search__trigger-text{white-space:nowrap}.portfolio-shell-search .search__kbd{display:inline-flex;align-items:center;justify-content:center;gap:.2rem;margin:0;margin-inline-start:.1rem;padding:.2rem .4rem .2rem .35rem;border:1px solid color-mix(in oklch,var(--portfolio-chrome-line) 45%,transparent);border-radius:.3rem;background:color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent);font-family:var(--font-family-body);font-size:.625rem;font-weight:700;letter-spacing:.06em;line-height:1;color:inherit;opacity:.92}.portfolio-shell-search .search__kbd-modifier{font-size:.6rem;font-weight:700;letter-spacing:.04em;text-transform:none}.portfolio-shell-search .search__kbd-key{font-size:inherit;font-weight:inherit}@media(max-width:720px){.portfolio-shell-search .search__trigger-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@media(max-width:900px){.portfolio-shell-search .search__kbd{display:none}}@media(prefers-reduced-motion:reduce){.portfolio-shell-search .search__overlay,.portfolio-shell-search .search__panel{animation:none}.portfolio-shell-search .search__result-item:hover,.portfolio-shell-search .search__result-item:focus-visible{transform:none}}.portfolio-settings-sheet-layer{--portfolio-settings-sheet-duration: .42s;--portfolio-settings-sheet-ease: cubic-bezier(.22, 1, .36, 1);--portfolio-settings-backdrop-duration: .32s;position:fixed;inset:0;width:100%;height:100%;min-height:100dvh;z-index:12000;display:flex;justify-content:flex-end;align-items:stretch;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;pointer-events:none}.portfolio-settings-sheet-layer.is-interactive{pointer-events:auto}.portfolio-settings-sheet__backdrop{position:absolute;inset:0;z-index:0;border:none;padding:0;margin:0;cursor:pointer;background-color:var(--portfolio-drawer-backdrop);opacity:0;transition:opacity var(--portfolio-settings-backdrop-duration) ease;-webkit-tap-highlight-color:transparent}.portfolio-settings-sheet__backdrop.is-open{opacity:1}.portfolio-settings-sheet.panel-sheet{--sheet-surface: var(--portfolio-drawer-panel-bg);position:relative;z-index:1;align-self:stretch;flex:0 1 auto;min-height:0;height:100%;max-height:100dvh;width:min(24rem,100vw);max-width:100%;flex-shrink:0;display:flex;flex-direction:column;background-color:var(--sheet-surface);color:var(--portfolio-on-surface);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);border-right:none;border-radius:12px 0 0 12px;box-shadow:var(--portfolio-drawer-shadow);transform:translate3d(100%,0,0);transition:transform var(--portfolio-settings-sheet-duration) var(--portfolio-settings-sheet-ease),box-shadow var(--portfolio-settings-sheet-duration) var(--portfolio-settings-sheet-ease);overflow:hidden;pointer-events:auto;box-sizing:border-box}html[data-color-scheme=light] .portfolio-settings-sheet.panel-sheet{border-color:color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.portfolio-settings-sheet.panel-sheet.is-open{transform:translateZ(0)}.portfolio-settings-sheet .sheet__content{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;overflow:hidden}.portfolio-settings-sheet .sheet__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.25rem 1rem;border-bottom:1px solid color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent);box-sizing:border-box}html[data-color-scheme=light] .portfolio-settings-sheet .sheet__header{border-bottom-color:color-mix(in oklch,var(--portfolio-on-surface) 9%,transparent)}.portfolio-settings-sheet .sheet__title{margin:0;font-family:var(--font-family-heading);font-size:1.1875rem;font-weight:750;line-height:1.25;letter-spacing:-.015em;color:var(--portfolio-on-surface)}.portfolio-settings-sheet .sheet__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.25rem;height:2.25rem;padding:0;border:none;border-radius:8px;background:transparent;color:var(--portfolio-on-surface);cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent}.portfolio-settings-sheet .sheet__close:hover{background-color:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent)}html[data-color-scheme=dark] .portfolio-settings-sheet .sheet__close:hover{background-color:color-mix(in oklch,white 10%,transparent)}.portfolio-settings-sheet .sheet__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.portfolio-settings-sheet .sheet__body{flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:1rem 1.25rem max(2.25rem,calc(1.25rem + env(safe-area-inset-bottom,0px)));-webkit-overflow-scrolling:touch;box-sizing:border-box;font-size:.9375rem;line-height:1.5;color:var(--portfolio-on-surface);scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in oklch,var(--accent) 55%,var(--portfolio-on-surface) 45%) color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent)}.portfolio-settings-sheet .sheet__body::-webkit-scrollbar{width:9px}.portfolio-settings-sheet .sheet__body::-webkit-scrollbar-track{background:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent);border-radius:6px}.portfolio-settings-sheet .sheet__body::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--accent) 42%,var(--portfolio-on-surface) 58%);border-radius:6px;border:2px solid transparent;background-clip:padding-box}html[data-color-scheme=light] .portfolio-settings-sheet .sheet__body::-webkit-scrollbar-thumb{background:color-mix(in oklch,var(--accent) 38%,var(--portfolio-on-surface) 62%)}.portfolio-settings-sheet .theme-menu__heading{margin:0 0 .5rem;padding:0 .2rem;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--portfolio-muted-soft, #64748b)}.portfolio-settings-sheet .settings-radio,.portfolio-settings-sheet .settings-radio span{font-size:.9063rem;font-weight:600}.portfolio-settings-sheet .settings-check__title{font-size:.9063rem}.portfolio-settings-sheet .settings-check__desc{font-size:.8125rem;line-height:1.38}.portfolio-settings-sheet .settings-combobox__trigger{font-size:.875rem;font-weight:600;letter-spacing:.01em}.portfolio-settings-sheet .settings-section__lead{font-size:.8438rem;line-height:1.45;color:color-mix(in oklch,var(--portfolio-on-surface) 70%,transparent)}.portfolio-settings-sheet .settings-field__sub{font-size:.8438rem;font-weight:600}.portfolio-settings-sheet .settings-field__value{font-size:.875rem}.portfolio-settings-sheet .sheet__body .theme-menu__section{margin-top:1.25rem}.portfolio-settings-sheet .sheet__body .theme-menu__section:first-of-type{margin-top:0}html.portfolio-settings-open .l-viewport.l-viewport--scroll-body .portfolio-scroll-body{overflow:hidden!important;touch-action:none}html.portfolio-settings-open .section-shell--scrollable,html.portfolio-settings-open .contact__transition.section-shell--scrollable{overflow:hidden!important;overscroll-behavior:none;touch-action:none!important}html.portfolio-settings-open .l-viewport--narrow-portrait{touch-action:none!important}html.portfolio-settings-open .portfolio-settings-sheet-layer{touch-action:auto}.settings-combobox__preview .settings-rizzo-theme-preview__kicker,.settings-combobox__preview .settings-rizzo-font-preview__title{margin:0 0 .5rem;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--portfolio-muted-soft, #64748b)}.settings-combobox__preview .settings-rizzo-theme-preview{display:block;width:100%}.settings-combobox__preview .settings-rizzo-theme-preview__name{margin:0 0 .75rem;padding:0;font-family:var(--font-family-heading);font-size:clamp(.8125rem,.22vw + .74rem,1rem);font-weight:800;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;overflow-wrap:anywhere;-webkit-text-fill-color:unset}.settings-combobox__preview .settings-rizzo-theme-preview__canvas{--settings-theme-preview-card: color-mix(in oklch, var(--portfolio-on-surface) 11%, var(--portfolio-canvas));display:block;width:100%;height:5.75rem;min-height:5.75rem;border-radius:6px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 18%,transparent);box-sizing:border-box;background-color:var(--settings-theme-preview-card);background-image:linear-gradient(to bottom,transparent 0,transparent calc(100% - 6px),var(--settings-theme-preview-swatch, var(--accent)) calc(100% - 6px),var(--settings-theme-preview-swatch, var(--accent)) 100%),linear-gradient(180deg,color-mix(in oklch,var(--settings-theme-preview-swatch, var(--accent)) 14%,var(--settings-theme-preview-card)) 0%,var(--settings-theme-preview-card) 58%);box-shadow:inset 0 -6px 0 0 var(--settings-theme-preview-swatch, var(--accent))}.settings-combobox__preview .settings-rizzo-font-preview{display:flex;flex-direction:column;gap:.45rem;width:100%;padding:.35rem .2rem .5rem;box-sizing:border-box}.settings-combobox__preview .settings-rizzo-font-preview__sample{margin:0;padding:0;font-size:1.0625rem;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--portfolio-on-surface, #0f172a)}.settings-combobox__preview .settings-rizzo-font-preview__mono{margin:0;padding:0;font-size:.9375rem;font-weight:600;line-height:1.4;color:color-mix(in oklch,var(--portfolio-on-surface) 78%,transparent)}@media(prefers-reduced-motion:reduce){.portfolio-settings-sheet__backdrop,.portfolio-settings-sheet.panel-sheet{transition-duration:.01ms!important}}.settings-section__lead{margin:.35rem 0 0;max-width:36ch;font-size:.8125rem;font-weight:500;line-height:1.4;color:color-mix(in oklch,var(--portfolio-on-surface) 72%,transparent)}.portfolio-settings-sheet .theme-menu__section>.settings-combobox{margin-top:.45rem}.settings-field__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.settings-field__head--value-only{justify-content:flex-end}.settings-field__head .theme-menu__heading{margin-bottom:0}.settings-field__value{font-size:.8125rem;font-weight:700;color:var(--accent);flex-shrink:0}.settings-field__sub{font-size:.8125rem;font-weight:600;color:color-mix(in oklch,var(--portfolio-on-surface) 78%,transparent)}.settings-range-wrap{margin-top:.35rem}.settings-range{--settings-range-h: 6px;--settings-range-thumb: 18px;width:100%;height:calc(var(--settings-range-thumb) + 8px);margin:0;padding:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box}.settings-range:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.settings-range::-webkit-slider-runnable-track{height:var(--settings-range-h);border-radius:999px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--slider-progress, 0%),color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent) var(--slider-progress, 0%),color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent) 100%)}.settings-range::-moz-range-track{height:var(--settings-range-h);border-radius:999px;background:color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent)}.settings-range::-moz-range-progress{height:var(--settings-range-h);border-radius:999px;background:var(--accent)}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--settings-range-thumb);height:var(--settings-range-thumb);margin-top:calc((var(--settings-range-h) - var(--settings-range-thumb)) / 2);border-radius:50%;background:var(--accent);border:2px solid color-mix(in oklch,var(--portfolio-canvas) 40%,var(--portfolio-on-surface));box-shadow:0 1px 6px color-mix(in oklch,var(--accent) 35%,transparent);box-sizing:border-box}.settings-range::-moz-range-thumb{width:var(--settings-range-thumb);height:var(--settings-range-thumb);border-radius:50%;background:var(--accent);border:2px solid color-mix(in oklch,var(--portfolio-canvas) 40%,var(--portfolio-on-surface));box-shadow:0 1px 6px color-mix(in oklch,var(--accent) 35%,transparent)}.settings-range-ticks{display:flex;justify-content:space-between;margin-top:.35rem;padding:0 2px;font-size:.6875rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in oklch,var(--portfolio-on-surface) 58%,transparent)}.settings-combobox{position:relative;z-index:1;margin-top:.5rem}.settings-combobox.is-open{z-index:6}.settings-combobox__trigger{display:flex;align-items:center;gap:.65rem;width:100%;min-height:2.75rem;padding:.5rem 2.5rem .5rem .75rem;border-radius:12px;border:1px solid color-mix(in oklch,var(--accent) 28%,var(--portfolio-on-surface));background:color-mix(in oklch,var(--portfolio-on-surface) 9%,transparent);color:var(--portfolio-on-surface);font-family:inherit;font-size:.8438rem;font-weight:600;text-align:left;cursor:pointer;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;-webkit-tap-highlight-color:transparent}.settings-combobox__trigger:hover{border-color:color-mix(in oklch,var(--accent) 45%,var(--portfolio-on-surface));box-shadow:0 0 0 1px color-mix(in oklch,var(--accent) 12%,transparent)}.settings-combobox__trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-combobox__trigger-icon{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:6px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);box-sizing:border-box}.settings-combobox__trigger-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-combobox__chevron{position:absolute;top:50%;right:.55rem;width:1.75rem;height:1.75rem;margin-top:-.875rem;display:flex;align-items:center;justify-content:center;color:color-mix(in oklch,var(--portfolio-on-surface) 72%,transparent);pointer-events:none;transition:transform .2s ease,color .2s ease}.settings-combobox.is-open .settings-combobox__chevron{transform:rotate(-180deg);color:color-mix(in oklch,var(--accent) 55%,var(--portfolio-on-surface))}.portfolio-settings-sheet-layer>.settings-combobox__panel--layer-portal{pointer-events:auto;position:fixed;inset:auto;margin:0;z-index:5000}.settings-combobox__panel{direction:ltr;unicode-bidi:isolate;position:absolute;left:0;right:0;top:calc(100% + 6px);display:flex;flex-direction:column;max-height:min(22rem,55dvh);min-height:14rem;min-width:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:12px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);background:color-mix(in oklch,var(--portfolio-canvas) 96%,var(--portfolio-on-surface));color:var(--portfolio-on-surface);box-shadow:0 12px 40px color-mix(in oklch,black 45%,transparent),0 0 0 1px color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent);box-sizing:border-box}.settings-combobox__panel-inner{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;gap:0;flex:1 1 auto;width:100%;min-width:0;min-height:11rem}.settings-combobox__panel-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;width:100%;box-sizing:border-box}.settings-combobox__panel:not(.settings-combobox__panel--two-col) .settings-combobox__panel-body{flex-direction:column-reverse}.settings-combobox__menu-options{display:contents}.settings-combobox__list{flex:1 1 auto;margin:0;padding:.35rem 0;list-style:none;overflow-x:hidden;overflow-y:auto;min-width:0;min-height:6rem;border-right:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.settings-combobox__panel:not(.settings-combobox__panel--two-col) .settings-combobox__list{flex:0 1 auto;max-height:10rem;border-right:none;border-bottom:none;border-top:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.settings-combobox__panel:not(.settings-combobox__panel--two-col) .settings-combobox__preview{min-width:0;border-top:none;border-bottom:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.settings-combobox__panel--two-col{min-height:13rem}.settings-combobox__panel--two-col .settings-combobox__panel-body{display:flex;flex-direction:row;align-items:stretch;flex:1 1 auto;min-width:0;min-height:11rem;width:100%;box-sizing:border-box}.settings-combobox__panel--two-col .settings-combobox__menu-options{display:flex;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-right:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent);box-sizing:border-box}.settings-combobox__panel--two-col .settings-combobox__list{flex:1 1 auto;min-height:6rem;max-height:none;overflow-x:hidden;overflow-y:auto;border-right:none;border-bottom:none;border-top:none}.settings-combobox__panel--two-col .settings-combobox__preview{position:static;flex:0 0 13.25rem;width:13.25rem;min-width:13.25rem!important;max-width:13.25rem;min-height:10rem;align-self:stretch;box-sizing:border-box;margin:0;border-top:none;border-left:none;background:color-mix(in oklch,var(--portfolio-canvas) 96%,var(--portfolio-on-surface));overflow-x:hidden;overflow-y:auto;visibility:visible;opacity:1}@media(max-width:640px){.settings-combobox__panel--two-col .settings-combobox__panel-body{flex-direction:column-reverse;min-height:0}.settings-combobox__panel--two-col .settings-combobox__menu-options{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;max-height:min(42vh,13.5rem);overflow:hidden;border-right:none;border-top:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.settings-combobox__panel--two-col .settings-combobox__list{flex:1 1 auto;min-height:5rem;max-height:none}.settings-combobox__panel--two-col .settings-combobox__preview{flex:0 0 auto;width:100%;min-width:0!important;max-width:none;min-height:8.5rem;align-self:stretch;border-bottom:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}}.settings-combobox__option{display:flex;align-items:center;gap:.55rem;width:100%;margin:0;padding:.45rem .65rem .45rem .5rem;border:none;border-left:3px solid transparent;background:transparent;color:var(--portfolio-on-surface);font-family:inherit;font-size:.8125rem;font-weight:600;text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color .12s ease,border-color .12s ease;-webkit-tap-highlight-color:transparent}.settings-combobox__option:hover,.settings-combobox__option:focus-visible{border-left-color:var(--accent);background:color-mix(in oklch,var(--accent) 10%,transparent)}.settings-combobox__option.is-active{border-left-color:var(--accent);background:color-mix(in oklch,var(--accent) 14%,transparent)}.settings-combobox__option-font-label{font-size:.8125rem;font-weight:600;line-height:1.25;min-width:0}.settings-combobox__option-swatch{flex-shrink:0;width:1.15rem;height:1.15rem;border-radius:4px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 18%,transparent)}.settings-combobox__preview{flex:0 0 auto;flex-shrink:0;padding:.65rem .75rem .75rem;overflow-x:hidden;overflow-y:auto;min-width:12.5rem;width:100%;min-height:9rem;box-sizing:border-box;display:block;color:var(--portfolio-on-surface, #0f172a);border-top:1px solid color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent)}.settings-check{display:flex;gap:.65rem;align-items:center;margin:0;padding:.5rem 0;cursor:pointer;-webkit-tap-highlight-color:transparent}.settings-check:has(.settings-check__desc){align-items:flex-start}.settings-check:has(.settings-check__desc) .settings-check__input{margin-top:.15rem}.settings-check__input{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:0;cursor:pointer;appearance:none;-webkit-appearance:none;box-sizing:border-box;border-radius:5px;border:2px solid color-mix(in oklch,var(--portfolio-on-surface) 38%,transparent);background-color:color-mix(in oklch,var(--portfolio-canvas) 88%,var(--portfolio-on-surface));transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}.settings-check__input:hover{border-color:color-mix(in oklch,var(--accent) 45%,var(--portfolio-on-surface))}.settings-check__input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-check__input:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");background-size:.72rem;background-position:center;background-repeat:no-repeat}.settings-check__input:indeterminate{border-color:var(--accent);background-color:color-mix(in oklch,var(--accent) 35%,transparent)}.settings-check__text{display:flex;flex-direction:column;gap:.2rem;min-width:0}.settings-check__title{font-size:.875rem;font-weight:600;color:var(--portfolio-on-surface)}.settings-check__desc{font-size:.75rem;font-weight:500;line-height:1.35;color:color-mix(in oklch,var(--portfolio-on-surface) 68%,transparent)}.settings-radio-group{display:flex;flex-direction:column;gap:.35rem;margin-top:.45rem}.settings-radio{display:flex;align-items:center;gap:.55rem;margin:0;padding:.35rem 0;cursor:pointer;font-size:.875rem;font-weight:600;color:var(--portfolio-on-surface);-webkit-tap-highlight-color:transparent}.settings-radio input{width:1.125rem;height:1.125rem;cursor:pointer;flex-shrink:0;appearance:none;-webkit-appearance:none;box-sizing:border-box;border-radius:50%;border:2px solid color-mix(in oklch,var(--portfolio-on-surface) 38%,transparent);background-color:color-mix(in oklch,var(--portfolio-canvas) 88%,var(--portfolio-on-surface));transition:border-color .15s ease,box-shadow .15s ease}.settings-radio input:hover{border-color:color-mix(in oklch,var(--accent) 45%,var(--portfolio-on-surface))}.settings-radio input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.settings-radio input:checked{border-color:var(--accent);box-shadow:inset 0 0 0 .28rem var(--accent);background-color:color-mix(in oklch,var(--portfolio-canvas) 88%,var(--portfolio-on-surface))}html.portfolio-high-contrast{filter:contrast(1.12) brightness(1.04)}html.portfolio-high-contrast .header{backdrop-filter:none;-webkit-backdrop-filter:none}html.portfolio-scrollbar-thin{scrollbar-width:thin}html.portfolio-scrollbar-thick{scrollbar-width:auto}html.portfolio-scrollbar-hidden{scrollbar-width:none}html.portfolio-scrollbar-hidden::-webkit-scrollbar{width:0;height:0}html.portfolio-scrollbar-thick::-webkit-scrollbar{width:14px;height:14px}@media(prefers-reduced-motion:no-preference){html.portfolio-user-reduce-motion,html.portfolio-user-reduce-motion body{scroll-behavior:auto}html.portfolio-user-reduce-motion .header,html.portfolio-user-reduce-motion .header:after,html.portfolio-user-reduce-motion .container,html.portfolio-user-reduce-motion .effect-rotate-left .container,html.portfolio-user-reduce-motion .section,html.portfolio-user-reduce-motion .outer-nav-shell,html.portfolio-user-reduce-motion .outer-nav>li,html.portfolio-user-reduce-motion .mobile-drawer,html.portfolio-user-reduce-motion .mobile-drawer__backdrop,html.portfolio-user-reduce-motion .mobile-drawer__panel,html.portfolio-user-reduce-motion .portfolio-settings-sheet__backdrop,html.portfolio-user-reduce-motion .portfolio-settings-sheet.panel-sheet,html.portfolio-user-reduce-motion .settings-combobox__chevron,html.portfolio-user-reduce-motion .settings-range{transition-duration:.01ms!important;animation-duration:.01ms!important}}.menu-social{display:flex;margin:0;padding:0;box-sizing:border-box}.menu-social__link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--portfolio-on-surface);background-color:color-mix(in oklch,var(--portfolio-on-surface) 9%,transparent);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 18%,transparent);border-radius:50%;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.menu-social__link:hover,.menu-social__link:focus-visible{color:var(--accent-text);background-color:var(--accent);border-color:var(--accent);outline:none}.menu-social__link:active{transform:scale(.96)}.menu-social__icon{display:block;width:22px;height:22px;object-fit:contain}html[data-color-scheme=dark] .menu-social__icon{filter:brightness(0) invert(1)}html[data-color-scheme=light] .menu-social__icon{filter:none}.menu-social__link:hover .menu-social__icon,.menu-social__link:focus-visible .menu-social__icon{filter:brightness(0) invert(1)}.menu-social--outer{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.65rem .85rem;margin-top:0;opacity:0;transform:translate(350px) translateZ(-1000px);transition:transform .2s ease,opacity .2s ease;transform-style:preserve-3d}.outer-nav-shell.is-vis .menu-social--outer{transform:translate(0) translateZ(0);opacity:1;transition:transform var(--portfolio-motion-pref-duration, .55s) var(--portfolio-motion-pref-ease, cubic-bezier(.22, 1, .36, 1)),opacity var(--portfolio-motion-pref-duration, .55s) ease;transition-delay:.2s}.menu-social--outer .menu-social__link{width:48px;height:48px}.menu-social--drawer{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.65rem .85rem;margin-top:auto;padding-top:1.25rem;border-top:1px solid color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent)}.menu-social--drawer .menu-social__link{width:48px;height:48px}.side-nav{position:relative;z-index:10;display:flex;flex-direction:column;align-items:flex-start;width:100%;max-width:var(--portfolio-side-nav-width);height:70%;max-height:750px;min-height:0;justify-content:space-around;margin:0;padding:0;list-style:none;list-style-position:inside;box-sizing:border-box}.side-nav>li{position:relative;display:flex;align-items:center;color:var(--portfolio-on-surface);font-size:6px;list-style:none;text-align:left}.side-nav__hit{display:flex;align-items:center;width:100%;min-height:1.25rem;margin:0;padding:0;background:none;border:none;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.side-nav__hit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.side-nav>li span{position:relative;left:10px;color:var(--portfolio-on-surface);font-size:14px;font-weight:300;line-height:1;opacity:0;visibility:hidden}.side-nav>li:before{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:var(--portfolio-rail-mid);font-size:14px;font-weight:300;line-height:1;pointer-events:none}.side-nav>li:nth-child(1):before{content:"01"}.side-nav>li:nth-child(2):before{content:"02"}.side-nav>li:nth-child(3):before{content:"03"}.side-nav>li:nth-child(4):before{content:"04"}.side-nav>li:nth-child(5):before{content:"05"}.side-nav>li.is-active{color:var(--accent);transition:color .4s ease-in-out}.side-nav>li.is-active span{opacity:1;visibility:visible;transition:opacity .4s ease-in-out}.side-nav>li.is-active:before{left:-33px;color:var(--portfolio-on-surface);transform:translateY(-50%)}.side-nav>li:after{content:"";position:absolute;left:1px;top:50%;width:5px;height:5px;transform:translate(-50%,-50%);border-radius:50%;background-color:color-mix(in oklch,var(--portfolio-on-surface) 22%,transparent);box-shadow:0 0 0 1px var(--portfolio-dot-outline);z-index:11;pointer-events:none}.side-nav>li.is-active:after{width:6px;height:6px;transform:translate(-50%,-50%);background-color:var(--accent);box-shadow:0 0 0 2px var(--portfolio-canvas)}@media(min-width:1181px){.side-nav{padding-inline-start:var(--portfolio-rail-align-offset)}}.outer-nav-shell{position:absolute;top:50%;left:auto;right:max(.5rem,1vw,env(safe-area-inset-right,0px));transform:translateY(-50%);transform-style:preserve-3d;display:flex;flex-direction:column;align-items:flex-end;gap:clamp(.75rem,2.5vh,1.35rem);visibility:hidden;transition:visibility 0s .2s,transform .48s cubic-bezier(.22,1,.36,1);z-index:14;max-width:min(40vw,18.5rem)}.outer-nav-shell.is-vis{visibility:visible;transition:visibility 0s 0s,transform .48s cubic-bezier(.22,1,.36,1)}.perspective.effect-rotate-left--animate .outer-nav-shell{transform:translateY(-50%) translate(-7.5vw)}.outer-nav{display:flex;flex-direction:column;align-items:flex-end;gap:clamp(.65rem,2.6vh,1.45rem);margin:0;padding:0;list-style:none;text-align:right;width:100%}@media(max-width:900px){.outer-nav-shell{display:none!important}}@media(min-width:901px){.perspective--modalview .container{z-index:1}}.outer-nav>li{position:relative;transform-style:preserve-3d;align-self:flex-end;max-width:100%;transform:translate(350px) translateZ(-1000px);font-size:55px;font-weight:900;line-height:1.22;list-style:none;color:var(--portfolio-on-surface);opacity:0;cursor:pointer;transition:transform .24s var(--portfolio-motion-pref-ease, cubic-bezier(.22, 1, .36, 1)),opacity .24s ease}.outer-nav>li.is-vis{transform:translate(0) translateZ(0);opacity:1;transition:transform var(--portfolio-motion-pref-duration, .55s) var(--portfolio-motion-pref-ease, cubic-bezier(.22, 1, .36, 1)),opacity var(--portfolio-motion-pref-duration, .55s) ease}.outer-nav>li.is-vis:nth-child(2){transition-delay:.04s}.outer-nav>li.is-vis:nth-child(3){transition-delay:.08s}.outer-nav>li.is-vis:nth-child(4){transition-delay:.12s}.outer-nav>li.is-vis:nth-child(5){transition-delay:.16s}.outer-nav__label{position:relative;display:inline-block;padding-inline:.06em;margin-inline:-.06em}.outer-nav__label-text{position:relative;z-index:1}.outer-nav__label:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + .12em);height:clamp(12px,.27em,18px);border-radius:3px;background-color:var(--accent);opacity:0;z-index:0;pointer-events:none;transition:opacity .2s ease}.outer-nav>li.is-active .outer-nav__label:before{opacity:1;transition:opacity .4s ease}@media(max-width:767px){.outer-nav>li{font-size:44px}}@media(max-width:600px){.outer-nav>li{font-size:34px}}.outer-nav__hit{position:relative;display:block;width:max-content;max-width:100%;padding:.28em 0;margin:0;background:transparent;border:none;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:right;cursor:pointer;-webkit-tap-highlight-color:transparent}.outer-nav__hit:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.intro{position:relative;display:flex;width:var(--portfolio-intro-width);max-width:var(--portfolio-intro-max-pct);height:100%;min-height:0;box-sizing:border-box;padding-top:var(--portfolio-section-pad-top);padding-bottom:2rem;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}@media(max-width:1180px){.intro{width:100%;max-width:100%}}.intro--layout{display:grid;width:100%;min-width:0;box-sizing:border-box;grid-template-columns:1fr;align-items:start;justify-items:stretch;row-gap:clamp(1.25rem,4vw,2rem)}@media(min-width:601px){.intro--layout{grid-template-columns:minmax(0,1.4fr) minmax(10rem,min(44%,360px));column-gap:clamp(.65rem,2.8vw,1.5rem);grid-template-rows:auto auto}.intro--copy{grid-column:1;grid-row:1;justify-self:stretch;width:100%;text-align:left;min-width:0}.intro--media{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:min(360px,46vw);margin-inline-start:auto;justify-self:end}.intro--options{grid-column:1 / -1;grid-row:2;width:100%;box-sizing:border-box;margin:0}}@media(min-width:901px){.intro{align-self:stretch;width:100%;max-width:100%;margin-inline:0;align-items:stretch}.intro--copy{max-width:100%}.intro--layout{grid-template-columns:minmax(0,1.42fr) minmax(11rem,min(46%,560px));column-gap:clamp(1.25rem,4vw,3rem)}.intro--media{max-width:min(560px,100%)}.intro--options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:auto;align-items:start;justify-items:stretch;width:100%;min-width:0;box-sizing:border-box}}@media(min-width:901px)and (max-width:1024px){.intro--layout{grid-template-columns:minmax(0,1.42fr) minmax(11rem,min(50%,560px))}}@media(min-width:901px)and (max-width:1180px){.intro--layout{row-gap:clamp(1rem,2.4vw,1.65rem);align-items:start}.intro--copy{align-self:start;padding-top:clamp(.35rem,1.2vw,1rem);padding-bottom:0}.intro--media{align-self:end}.intro--options{column-gap:clamp(.85rem,2.5vw,1.75rem);row-gap:0;padding:clamp(2.25rem,4.5vw,3.25rem) 0 0;margin-top:0;border-top:2px solid var(--portfolio-intro-rule);position:relative;width:100%;min-width:0;box-sizing:border-box}.intro--options:before{content:"";position:absolute;top:-2px;left:-15px;width:30px;height:4px;background-color:var(--accent);pointer-events:none}}@media(min-width:1181px){.intro{min-height:0;padding-top:var(--portfolio-section-align-pad-top);padding-bottom:clamp(.75rem,1.5dvh,2rem);box-sizing:border-box;justify-content:flex-start;align-items:stretch}.intro--layout{--intro-hero-below-header: var(--portfolio-main-content-offset-top);--intro-hero-reserve: clamp(9.5rem, 20dvh, 15rem);--intro-hero-row-h: min( clamp(420px, min(38vw, 56dvh), 760px), calc(100dvh - var(--intro-hero-below-header) - var(--intro-hero-reserve)) );position:relative;grid-template-columns:minmax(0,1.85fr) minmax(14rem,min(48%,42rem));grid-template-rows:minmax(var(--intro-hero-row-h),auto) auto;column-gap:clamp(.85rem,1.35vw,1.5rem);row-gap:clamp(.5rem,1.25dvh,1rem);align-items:stretch}.intro--layout:before,.intro--layout:after{display:none}.intro--copy{grid-column:1;grid-row:1;align-self:start;justify-self:stretch;width:100%;max-width:none;padding-top:0;padding-bottom:0;z-index:1}.intro--media{grid-column:2;grid-row:1;position:relative;align-self:start;justify-self:stretch;height:var(--intro-hero-row-h);min-height:var(--intro-hero-row-h);max-height:var(--intro-hero-row-h);max-width:none;width:100%;margin-inline:0;box-sizing:border-box;padding-inline-start:0;padding-inline-end:clamp(2.35rem,5.8vmin,4.75rem);z-index:0;overflow:clip}.intro--options{grid-column:1 / -1;grid-row:2;margin-top:0;padding-top:clamp(2.35rem,5.5dvh,3.75rem);border-top:none;column-gap:clamp(1rem,2.2vw,2rem);row-gap:0;align-self:start;position:relative;z-index:3;width:100%;min-width:0;box-sizing:border-box;isolation:isolate}.intro--options:before{display:block;content:"";position:absolute;left:-15px;right:0;top:0;height:2px;background-color:var(--portfolio-intro-rule);pointer-events:none;z-index:0}.intro--options:after{display:block;content:"";position:absolute;left:0;top:0;width:30px;height:4px;background-color:var(--accent);pointer-events:none;z-index:1}}.intro--copy{--intro-copy-stack-gap: clamp(.78rem, 1.65vw, 1.12rem);min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--intro-copy-stack-gap)}.intro--copy h1.intro-headline{position:relative;font-size:calc(clamp(1.1rem,4vw + .65rem,2.45rem) * var(--font-text-size-scale));font-weight:900;line-height:1.06;z-index:1;margin:0;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / .45),0 2px 20px rgb(0 0 0 / .35)}.intro--copy .intro-headline__line{display:block;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:inherit}.intro--copy .intro--lead{box-sizing:border-box;align-self:stretch;width:100%;max-width:100%;margin:0;font-size:calc(clamp(.8125rem,.22vw + .72rem,.9375rem) * var(--font-text-size-scale));font-weight:500;line-height:1.55;letter-spacing:.01em;color:color-mix(in oklch,white 78%,var(--portfolio-muted-soft));z-index:1}@media(min-width:601px){.intro--copy{--intro-copy-stack-gap: clamp(.85rem, 1.75vw, 1.2rem)}}@media(min-width:1181px){.intro--copy{--intro-copy-stack-gap: clamp(.95rem, 1.85dvh + .35rem, 1.5rem)}.intro--copy h1.intro-headline{width:100%;font-size:calc(clamp(1.65rem,2vw + .88rem,3.2rem) * var(--font-text-size-scale));line-height:1.06}.intro--copy .intro--lead{font-size:calc(clamp(.875rem,.38vw + .74rem,1.0625rem) * var(--font-text-size-scale))}}@media(min-width:1440px){.intro--copy{--intro-copy-stack-gap: clamp(1rem, 2dvh + .4rem, 1.65rem)}.intro--copy h1.intro-headline{font-size:calc(clamp(1.85rem,1.85vw + 1rem,3.55rem) * var(--font-text-size-scale))}}.intro-location-badge{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.3rem .7rem;font-size:var(--text-role-label);font-weight:700;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in oklch,white 88%,var(--portfolio-muted-soft));border:1px solid color-mix(in oklch,white 24%,transparent);border-radius:999px;background-color:color-mix(in oklch,black 40%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.intro-location-badge__icon{flex-shrink:0;width:14px;height:14px;display:block;object-fit:contain}html[data-color-scheme=dark] .intro-location-badge__icon{filter:brightness(0) invert(1);opacity:.92}html[data-color-scheme=light] .intro-location-badge{color:color-mix(in oklch,var(--portfolio-on-surface) 78%,var(--portfolio-muted));border-color:color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent);background-color:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent)}html[data-color-scheme=light] .intro-location-badge__icon{filter:none;opacity:1}.intro--tech{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.55rem .85rem;margin:0;margin-block-start:clamp(.45rem,1.35vw,.85rem);margin-block-end:clamp(.45rem,1.35vw,.85rem);padding:0;list-style:none;max-width:100%}@media(min-width:901px){.intro--tech{margin-block-start:clamp(.55rem,1.5vw,1rem);margin-block-end:clamp(.55rem,1.5vw,1rem)}}@media(min-width:1181px){.intro--tech{margin-block-start:clamp(.65rem,1.65dvh,1.15rem);margin-block-end:clamp(.65rem,1.65dvh,1.15rem)}}.intro--tech__item{display:flex;align-items:center;justify-content:center;margin:0;padding:0;line-height:0}.intro--tech__icon{display:block;width:clamp(26px,5.5vw,34px);height:clamp(26px,5.5vw,34px);max-width:min(3.25rem,100%);object-fit:contain;object-position:center;opacity:.9;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .2))}html[data-color-scheme=light] .intro--tech__icon{opacity:.95;filter:drop-shadow(0 1px 1px rgb(15 23 42 / .08))}.intro--copy .intro--email{margin:0;box-sizing:border-box;width:fit-content;max-width:100%;min-width:0}.intro--copy .intro--email .modal--email-row{display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:.5rem .75rem;margin:0;width:fit-content;max-width:100%;min-width:0}.intro--copy .modal--email-snippet{display:flex;align-items:stretch;flex:0 1 auto;width:auto;min-width:0;max-width:100%;border-radius:6px;border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent);background-color:color-mix(in oklch,var(--portfolio-on-surface) 7%,transparent);box-shadow:inset 0 1px color-mix(in oklch,var(--portfolio-on-surface) 6%,transparent);overflow:hidden}.intro--copy .modal--email-snippet-icon{flex-shrink:0;align-self:center;width:26px;height:26px;margin-inline-start:.7rem;padding-inline-end:.6rem;margin-inline-end:.55rem;border-inline-end:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);object-fit:contain}.intro--copy .modal--email-code{flex:1 1 auto;min-width:0;margin:0;padding:.6rem .55rem .6rem 0;font-family:var(--font-family-mono);font-size:var(--text-role-mono-chip);font-weight:600;line-height:1.35;color:var(--portfolio-on-surface);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent}@media(min-width:601px){.intro--copy .intro--email{align-self:stretch;width:100%;min-width:min(100%,16rem);max-width:min(100%,26rem)}.intro--copy .intro--email .modal--email-row{width:100%;max-width:100%}.intro--copy .modal--email-snippet{flex:1 1 auto;min-width:0;width:100%}}@media(min-width:901px){.intro--copy .intro--email{min-width:min(100%,17rem);max-width:min(100%,28rem)}}@media(min-width:1181px){.intro--copy .intro--email{min-width:min(100%,17.5rem);max-width:min(100%,30rem)}}@media(min-width:1440px){.intro--copy .intro--email{min-width:min(100%,18rem);max-width:min(100%,32rem)}}@media(max-width:360px){.intro--copy .modal--email-code{white-space:normal;overflow-wrap:anywhere;word-break:break-word;min-width:0}}.intro--copy .modal--copy-email{box-sizing:border-box;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;align-self:stretch;min-width:3rem;margin:0;padding:.4rem .55rem;font-family:inherit;color:var(--accent-text);background-color:var(--accent);border:none;border-radius:0 6px 6px 0;border-left:1px solid color-mix(in oklch,var(--accent) 65%,black);cursor:pointer;transition:opacity .2s ease,transform .15s ease}.intro--copy .modal--copy-email-icon{display:block;width:22px;height:22px;object-fit:contain;filter:brightness(0) invert(1)}.intro--copy .modal--copy-email:hover{opacity:.92}.intro--copy .modal--copy-email:active{transform:scale(.98)}@media(min-width:1181px){.intro--copy .modal--copy-email{min-width:2.65rem;padding:.35rem .45rem}.intro--copy .modal--copy-email-icon{width:20px;height:20px}}html[data-color-scheme=dark] .intro--copy .modal--email-snippet-icon{filter:brightness(0) invert(1)}html[data-color-scheme=light] .intro--copy h1.intro-headline{color:var(--portfolio-on-surface);text-shadow:0 1px 0 color-mix(in oklch,white 88%,transparent),0 1px 3px rgb(15 23 42 / .12),0 6px 24px rgb(15 23 42 / .08)}html[data-color-scheme=light] .intro--copy .intro--lead{color:color-mix(in oklch,var(--portfolio-on-surface) 72%,var(--portfolio-muted))}.intro--media{min-width:0;width:100%;max-width:min(16rem,100%)}.intro--media .intro--visual{display:block;width:auto;min-width:min(100%,clamp(10rem,24vw + 2.5rem,17.5rem));max-width:100%;height:auto;max-height:min(64vh,680px);object-fit:contain;object-position:center bottom;border-top-left-radius:16px;border-top-right-radius:16px;pointer-events:none;box-shadow:none;mix-blend-mode:multiply}.intro--media .intro--visual--hero{object-fit:unset;aspect-ratio:400 / 587;background-size:contain;background-repeat:no-repeat;background-position:center bottom;background-image:url(../../../images/portfolio/intro/webp/emerald_server.webp)}html[data-theme=azure] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/azure_server.webp)}html[data-theme=violet] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/violet_server.webp)}html[data-theme=coral] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/coral_server.webp)}html[data-theme=emerald][data-color-scheme=light] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/light_mode_emerald_server.webp)}html[data-theme=azure][data-color-scheme=light] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/light_mode_azure_server.webp)}html[data-theme=violet][data-color-scheme=light] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/light_mode_violet_server.webp)}html[data-theme=coral][data-color-scheme=light] .intro--media .intro--visual--hero{background-image:url(../../../images/portfolio/intro/webp/light_mode_coral_server.webp)}html[data-color-scheme=light] .intro--media .intro--visual.intro--visual--hero{mix-blend-mode:normal}@media(min-width:1181px){.intro--media{max-width:none;width:100%}.intro--media .intro--visual{position:absolute;right:clamp(.75rem,2.2vmin,1.35rem);bottom:16px;left:auto;top:0;box-sizing:border-box;width:min(calc(100% - 1rem),clamp(20rem,32vw,36rem));min-width:0;height:calc(100% - 16px);max-width:100%;max-height:none;margin:0;object-fit:contain;object-position:86% 86%;pointer-events:none;border-top-left-radius:16px;border-top-right-radius:16px;z-index:1}.intro--media .intro--visual--hero{aspect-ratio:auto;background-position:86% 86%}}@media(min-width:901px)and (max-width:1180px){.intro--media{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;max-width:min(560px,100%);box-sizing:border-box;padding-inline-end:clamp(1.35rem,3.2vw,2.65rem)}.intro--media .intro--visual{pointer-events:auto;object-position:90% 86%}.intro--media .intro--visual--hero{background-position:90% 86%}}@media(min-width:901px)and (max-width:1180px){.intro--media .intro--visual{max-width:min(540px,66vw);max-height:min(62vh,min(640px,82vmin),calc(68dvh - 5rem));border-radius:14px}}.intro--options{margin:0;padding-inline:0;list-style:none}.intro--options>a{display:flex;flex-direction:row;align-items:flex-start;gap:.85rem;text-decoration:none;color:var(--portfolio-intro-rule);flex:1;min-width:140px;transition:color .2s ease-in-out}.intro-option__icon-wrap{flex-shrink:0;line-height:0}.intro-option__icon{display:block;width:2rem;height:2rem;object-fit:contain;flex-shrink:0;opacity:.82;transition:opacity .2s ease,filter .2s ease}html[data-color-scheme=dark] .intro-option__icon{filter:brightness(0) invert(1);opacity:.78}html[data-color-scheme=light] .intro-option__icon{opacity:.72}.intro-option__body{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:1}@media(min-width:901px){.intro--options>a{max-width:none;min-width:0;flex:unset;text-align:left;justify-self:stretch}}.intro--options>a:hover,.intro--options>a:focus-visible{color:var(--portfolio-on-surface)}.intro--options>a:hover .intro-option__icon,.intro--options>a:focus-visible .intro-option__icon{opacity:1}html[data-color-scheme=dark] .intro--options>a:hover .intro-option__icon,html[data-color-scheme=dark] .intro--options>a:focus-visible .intro-option__icon{filter:brightness(0) invert(1);opacity:1}.intro--options h3{margin:0;font-size:var(--text-step-4);font-weight:700;text-transform:uppercase;color:var(--portfolio-muted-soft);transition:color .2s ease-in-out}.intro-option__purpose{margin:0;font-size:var(--text-role-body-sm);line-height:1.45;font-weight:500;color:var(--portfolio-muted);transition:color .2s ease-in-out;overflow-wrap:anywhere}@media(max-width:1180px)and (min-width:901px){.intro--options h3{font-size:var(--text-step-4)}.intro-option__purpose{font-size:var(--text-role-body-sm)}}.intro--options>a:hover h3,.intro--options>a:focus-visible h3,.intro--options>a:hover .intro-option__purpose,.intro--options>a:focus-visible .intro-option__purpose{color:var(--portfolio-on-surface)}@media(max-width:1180px)and (min-width:601px){.intro{justify-content:center;height:auto;min-height:min-content;padding-top:0;padding-bottom:clamp(1.75rem,3.5vh,2.75rem)}}@media(max-width:900px)and (min-width:601px){.intro--copy h1.intro-headline{font-size:calc(clamp(1.58rem,2.5vw + .75rem,2.32rem) * var(--font-text-size-scale));line-height:1.1}}@media(min-width:901px)and (max-width:1180px){.intro--copy h1.intro-headline{font-size:calc(clamp(1.82rem,2.15vw + .92rem,3.08rem) * var(--font-text-size-scale));line-height:1.07}}@media(max-width:900px){.intro{--intro-mobile-pad-inline: max( 1rem, env(safe-area-inset-left, 0px), var(--portfolio-shell-pad-inline-start) );--intro-mobile-pad-inline-end: max( 1rem, env(safe-area-inset-right, 0px), var(--portfolio-shell-pad-inline-end) );--intro-mobile-stack: clamp(1.5rem, 4.5vmin, 2.25rem);--intro-mobile-stack-tight: clamp(1.35rem, 3.6vmin, 1.9rem);align-items:center;width:100%;max-width:100%;min-width:0;height:auto;min-height:min-content;justify-content:center;padding-top:0;padding-inline:var(--intro-mobile-pad-inline) var(--intro-mobile-pad-inline-end);padding-bottom:max(2.25rem,calc(env(safe-area-inset-bottom,0px) + 1.25rem));overflow-x:clip}.intro--layout{display:flex;flex-direction:column;align-items:center;width:100%;margin-inline:auto;row-gap:clamp(.65rem,2vmin,1rem)}.intro--copy{align-items:center;text-align:center;width:100%;padding-block:clamp(.35rem,1.5vmin,.75rem) 0;padding-bottom:0}.intro--copy h1.intro-headline,.intro--copy .intro--lead{margin-inline:auto;text-align:center}.intro-location-badge{margin-inline:auto}.intro--tech{justify-content:center}.intro--copy .intro--email{display:flex;justify-content:center;margin-inline:auto;max-width:100%}.intro--options:before{display:none}.intro--media{order:-1;display:flex;justify-content:center;align-items:center;width:100%;max-width:100%;margin-inline:0;margin-block:0}.intro--media .intro--visual.intro--visual--hero{position:relative;z-index:0;display:block;box-sizing:border-box;width:6.75rem;height:6.75rem;min-width:0;max-width:none;max-height:none;margin-block:0 .4rem;border-radius:50%;border:3px solid var(--accent);aspect-ratio:1;object-fit:unset;background-size:cover;background-position:center 24%;background-repeat:no-repeat;pointer-events:none;mix-blend-mode:normal;box-shadow:none}.intro--options{position:relative;z-index:1;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:clamp(.3rem,1.5vw,.5rem);width:100%;max-width:100%;margin-top:var(--intro-mobile-stack);margin-inline:auto;padding:var(--intro-mobile-stack-tight) 0 0;flex-shrink:0;border-top:none}.intro--options>a{flex:1 1 0;flex-direction:column;align-items:center;justify-content:flex-start;gap:.35rem;max-width:100%;min-width:0;min-height:auto;margin:0;padding:.5rem .35rem;box-sizing:border-box;text-align:center;text-decoration:none;border:1px solid color-mix(in oklch,var(--portfolio-intro-rule) 55%,transparent);border-radius:8px;background-color:color-mix(in oklch,var(--portfolio-on-surface) 4%,transparent);transition:background-color .2s ease,border-color .2s ease,color .2s ease}.intro--options>a .intro-option__icon{width:1.35rem;height:1.35rem}.intro--options>a:hover,.intro--options>a:focus-visible{border-color:color-mix(in oklch,var(--accent) 65%,var(--portfolio-intro-rule));background-color:color-mix(in oklch,var(--accent) 14%,transparent)}.intro--options>a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.intro--options h3{margin:0;font-size:calc(clamp(.625rem,2.4vw + .45rem,.75rem) * var(--font-text-size-scale));letter-spacing:.05em;line-height:1.2;color:var(--portfolio-on-surface);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.intro--options>a .intro-option__purpose{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:calc(clamp(.5rem,1.45vw + .36rem,.625rem) * var(--font-text-size-scale));line-height:1.3;text-align:center}.intro--options>a:hover h3,.intro--options>a:focus-visible h3,.intro--options>a:hover .intro-option__purpose,.intro--options>a:focus-visible .intro-option__purpose{color:var(--portfolio-on-surface)}}@media(max-width:400px){.intro--options{flex-direction:column;flex-wrap:nowrap;gap:.65rem;max-width:min(28rem,100%)}.intro--options>a{flex:none;flex-direction:row;align-items:flex-start;justify-content:flex-start;text-align:left;width:100%;min-height:48px;padding:.75rem 1.15rem;border-radius:10px;gap:.75rem}.intro--options>a .intro-option__icon{width:1.75rem;height:1.75rem}.intro--options h3{font-size:var(--text-role-body-sm);letter-spacing:.08em;line-height:1.25}.intro--options>a .intro-option__purpose{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:var(--text-role-body-sm);line-height:1.45;text-align:left}}@media(max-width:900px)and (min-width:601px){.intro--layout{max-width:min(46rem,100%);row-gap:clamp(.55rem,2vmin,1rem);align-items:center}.intro--copy{align-self:center;width:100%;max-width:min(36rem,100%);min-width:0}.intro--media{align-self:center}.intro--copy h1.intro-headline{margin-inline:auto;text-align:center;padding-inline:clamp(.25rem,2vw,.75rem);width:100%}.intro--copy .intro--lead{margin-inline:auto;text-align:center;width:100%;max-width:100%}.intro--options{width:100%;margin-top:clamp(.85rem,2.8vmin,1.45rem)}.intro--options>a{flex-direction:row;align-items:flex-start;justify-content:flex-start;text-align:left;gap:.55rem;padding:.55rem .5rem}.intro--options>a .intro-option__icon{width:1.6rem;height:1.6rem}.intro--options>a .intro-option__purpose{-webkit-line-clamp:3;font-size:var(--text-step-1);line-height:1.35;text-align:left}}@media(max-width:900px)and (orientation:landscape){.intro--copy{padding-block:.15rem 0}.intro--copy h1.intro-headline{font-size:calc(clamp(1.25rem,4vw,1.85rem) * var(--font-text-size-scale));line-height:1.12}.intro--media .intro--visual.intro--visual--hero{width:5.25rem;height:5.25rem;margin-bottom:.2rem}.intro--options{margin-top:1rem}}@media(max-width:600px){.intro--layout{max-width:min(40rem,100%)}.intro--copy{--intro-copy-stack-gap: clamp(.85rem, 2.8vmin, 1.25rem);align-items:center;text-align:center;justify-self:center;grid-column:1;grid-row:auto;padding-block-end:.25rem;width:100%;max-width:100%}.intro--tech{justify-content:center}.intro--copy h1.intro-headline{font-size:calc(clamp(1.62rem,5.6vw,2.5rem) * var(--font-text-size-scale));margin:0 auto;padding-inline:clamp(.25rem,2vw,.75rem);line-height:1.22;letter-spacing:-.02em}.intro--copy .intro--lead{margin-inline:auto;text-align:center;font-size:calc(clamp(.8125rem,2.8vw + .68rem,.9375rem) * var(--font-text-size-scale))}.intro-location-badge{margin-inline:auto}.intro--copy .intro--email{display:flex;justify-content:center;max-width:100%;margin-inline:auto}.intro--media{max-width:100%}.intro--media .intro--visual.intro--visual--hero{width:6.125rem;height:6.125rem;border-width:2px;margin-block-end:.4rem}.intro--options{grid-column:1;flex-direction:column;flex-wrap:nowrap;gap:.65rem;max-width:min(36rem,100%)}.intro--options>a{flex:none;flex-direction:row;align-items:flex-start;justify-content:flex-start;text-align:left;width:100%;min-height:48px;padding:.75rem 1.15rem;border-radius:10px;gap:.75rem}.intro--options>a .intro-option__icon{width:1.75rem;height:1.75rem}.intro--options h3{font-size:var(--text-role-body-sm);letter-spacing:.08em;line-height:1.25}.intro--options>a .intro-option__purpose{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:var(--text-role-body-sm);line-height:1.45;text-align:left}}@media(max-width:600px)and (max-height:750px){.intro--copy h1.intro-headline{margin-top:0}.intro--options{display:none}}.work{position:relative;display:flex;width:var(--portfolio-work-width);max-width:var(--portfolio-work-max-pct);height:100%;min-height:0;box-sizing:border-box;padding-top:var(--portfolio-section-pad-top);padding-bottom:2rem;flex-direction:column;justify-content:center;align-items:stretch;margin:0 auto}@media(min-width:1181px){.work{justify-content:flex-start;padding-top:var(--portfolio-section-align-pad-top)}}@media(max-width:1180px){.work{width:100%;max-width:100%}}@media(max-width:1180px)and (min-width:901px){.work{transform:none}.work h2{font-size:clamp(1.35rem,1.25vw + .78rem,1.75rem);margin-bottom:.45rem}.work__lead{margin-bottom:1rem;font-size:.9375rem;max-width:min(38rem,100%)}.work--lockup .slider{width:86%;min-height:320px}.work--lockup .slider--item-center{top:6px}.work--lockup .slider--next,.work--lockup .slider--prev{width:48px;height:48px}}@media(max-width:900px){.work{align-items:stretch;text-align:center;width:100%;box-sizing:border-box;min-height:0;justify-content:center;padding-top:.2rem;padding-bottom:max(.65rem,env(safe-area-inset-bottom,0px));transform:none}.work h2{font-size:clamp(1.15rem,3.5vw,1.55rem);margin-bottom:.35rem}.work__lead{margin-bottom:.85rem;font-size:.9375rem;line-height:1.58;max-width:36ch}.work__see-all-wrap{margin-top:clamp(.45rem,1.75dvh,.95rem)}.work--lockup{width:100%;max-width:min(22rem,100%);margin-inline:auto;padding-inline:0;box-sizing:border-box;flex:0 1 auto;min-height:0}.work--lockup .slider{width:100%;max-width:100%;margin-inline:auto;min-height:min(26dvh,200px)}.work--lockup .slider--item-left,.work--lockup .slider--item-right{display:none!important}.work--lockup .slider--item-center{top:0}.work--lockup .slider--item-center .slider--item-image{width:min(200px,58vw);height:min(200px,58vw)}.work--lockup .slider--item-center .slider--item-title{font-size:.8125rem;margin-top:.65rem}.work--lockup .slider--item-center .slider--item-description{max-width:min(100%,18rem);font-size:.7rem;line-height:1.45;opacity:.9}.work--lockup .slider--next,.work--lockup .slider--prev{width:42px;height:42px}.work--lockup .slider--next svg,.work--lockup .slider--prev svg{width:18px;height:18px}}.work h2{margin:0 0 .5rem;font-size:30px;text-align:center;color:var(--portfolio-on-surface);width:100%}.work__lead{margin:0 auto 1.15rem;max-width:42rem;padding:0 .5rem;box-sizing:border-box;line-height:1.55;font-size:.98rem;text-align:center;opacity:.92;color:var(--portfolio-on-surface)}.work__see-all-wrap{margin:clamp(1.85rem,3.8dvh,2.65rem) 0 0;padding:0;width:100%;text-align:center;list-style:none}.work__see-all{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 1.35rem;font-size:.8125rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--accent-text);background-color:var(--accent);border-radius:0;transition:background-color .2s ease,color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.work__see-all:hover{filter:brightness(1.06)}.work__see-all:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.work__see-all:active{transform:scale(.98)}.work--lockup{position:relative;width:100%;max-width:100%;align-self:stretch;box-sizing:border-box}.work--lockup .slider{position:relative;display:flex;width:80%;margin:0 auto;padding:0;list-style:none;min-height:340px;opacity:1;transition:opacity .4s ease-in-out}.work--lockup .slider.is-fading{opacity:0}.work--lockup .slider--item{position:absolute;display:none;text-align:center}.work--lockup .slider--item a.slider--item-hit,.work--lockup .slider--item .slider--item-hit{text-decoration:none;color:var(--portfolio-work-side-link)}.work--lockup .slider--item .slider--item-hit[role=group]{cursor:default}.work--lockup .slider--item-title{margin-top:10px;font-size:12px;font-weight:700;text-transform:uppercase}.work--lockup .slider--item-description{display:none;max-width:250px;margin:0 auto}.work--lockup .slider--item-image{width:150px;height:150px;margin:0 auto;border-radius:50%;overflow:hidden}.work--lockup .slider--item-image img{width:100%;height:100%;object-fit:cover}.work--lockup .slider--item-left{top:50%;left:0;transform:translateY(-50%);display:block}.work--lockup .slider--item-right{top:50%;right:0;transform:translateY(-50%);display:block}.work--lockup .slider--item-center{position:relative;top:8px;left:50%;transform:translate(-50%);display:block}.work--lockup .slider--item-center a.slider--item-hit,.work--lockup .slider--item-center .slider--item-hit{color:var(--portfolio-on-surface)}.work--lockup .slider--item-center .slider--item-title{margin-top:25px;font-size:16px}.work--lockup .slider--item-center .slider--item-description{display:block}.work--lockup .slider--item-center .slider--item-image{width:300px;height:300px}.work--lockup .slider--next,.work--lockup .slider--prev{position:absolute;top:50%;z-index:4;display:flex;width:50px;height:50px;transform:translateY(-50%);align-items:center;justify-content:center;background-color:var(--portfolio-intro-rule);border:none;border-radius:50%;cursor:pointer;color:var(--portfolio-on-surface);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.work--lockup .slider--next svg,.work--lockup .slider--prev svg{width:20px;height:20px;fill:currentcolor}.work--lockup .slider--next{right:0}.work--lockup .slider--prev{left:0}@media(max-width:767px){.work--lockup .slider{max-width:min(20rem,100%);min-height:min(24dvh,190px)}.work--lockup .slider--item-center .slider--item-image{width:min(176px,54vw);height:min(176px,54vw)}}@media(max-width:600px){.work h2{margin-bottom:.3rem;font-size:clamp(1.05rem,4.2vw,1.4rem)}.work__lead{margin-bottom:.65rem;font-size:.875rem;line-height:1.55}.work--lockup{max-width:min(19rem,100%)}.work--lockup .slider{max-width:min(19rem,100%);min-height:min(22dvh,175px)}.work--lockup .slider--item-center .slider--item-image{width:min(158px,50vw);height:min(158px,50vw)}.work--lockup .slider--item-center .slider--item-title{margin-top:.5rem;font-size:.75rem}.work--lockup .slider--item-center .slider--item-description{font-size:.65rem;line-height:1.4}.work--lockup .slider--next,.work--lockup .slider--prev{width:38px;height:38px}.work__see-all{min-height:2.5rem;padding:0 1.1rem;font-size:.75rem}}.works-index{min-height:100dvh;box-sizing:border-box;padding:max(.75rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));background-color:var(--portfolio-canvas);color:var(--portfolio-on-surface)}.works-index--embedded{min-height:min-content;padding-top:max(var(--portfolio-main-content-offset-top),calc(var(--portfolio-header-height) + .75rem))}.works-index__subnav{margin:0 auto 1.25rem;max-width:min(var(--portfolio-shell-width),var(--portfolio-shell-max-pct));width:calc(100% - var(--portfolio-shell-pad-inline-start) - var(--portfolio-shell-pad-inline-end));padding-bottom:.85rem;border-bottom:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent)}.works-index__subnav a{font-size:.875rem;font-weight:600;color:var(--portfolio-muted-soft);text-decoration:none;transition:color .2s ease}.works-index__subnav a:hover{color:var(--accent)}.works-index__subnav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.works-index__main{max-width:min(var(--portfolio-shell-width),var(--portfolio-shell-max-pct));width:calc(100% - var(--portfolio-shell-pad-inline-start) - var(--portfolio-shell-pad-inline-end));margin:0 auto}.works-index__title{margin:0 0 .35rem;font-size:clamp(1.65rem,4vw,2.25rem);font-weight:700}.works-index__lead{margin:0 0 2rem;max-width:40rem;font-size:.98rem;line-height:1.55;opacity:.88;color:var(--portfolio-muted-soft)}.works-index__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:1.35rem 1.25rem;margin:0;padding:0;list-style:none}.works-index__card{display:flex;flex-direction:column;height:100%;margin:0;padding:0;background-color:color-mix(in oklch,var(--portfolio-on-surface) 5%,transparent);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent);border-radius:.5rem;overflow:hidden;transition:border-color .2s ease,background-color .2s ease}.works-index__card:hover{border-color:color-mix(in oklch,var(--accent) 40%,var(--portfolio-on-surface));background-color:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent)}.works-index__link{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.works-index__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.works-index__link--static{cursor:default;pointer-events:none}.works-index__thumb{aspect-ratio:1;overflow:hidden;background-color:color-mix(in oklch,var(--portfolio-on-surface) 8%,transparent)}.works-index__thumb img{width:100%;height:100%;object-fit:cover;display:block}.works-index__body{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.05rem 1.15rem;flex:1 1 auto}.works-index__card-title{margin:0;font-size:.9375rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.works-index__card-desc{margin:0;font-size:.8125rem;line-height:1.5;opacity:.88;color:var(--portfolio-muted-soft)}.blog-article{min-height:min-content;box-sizing:border-box;max-width:min(var(--portfolio-shell-width),var(--portfolio-shell-max-pct));width:calc(100% - var(--portfolio-shell-pad-inline-start) - var(--portfolio-shell-pad-inline-end));margin-inline:auto;padding:max(.75rem,env(safe-area-inset-top,0px)) max(1rem,env(safe-area-inset-right,0px)) max(1.25rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));color:var(--portfolio-on-surface)}.blog-article--embedded{padding-top:max(var(--portfolio-main-content-offset-top),calc(var(--portfolio-header-height) + .75rem))}.blog-article__subnav{margin:0 auto 1.25rem;padding-bottom:.85rem;border-bottom:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent)}.blog-article__subnav a{font-size:.875rem;font-weight:600;color:var(--portfolio-muted-soft);text-decoration:none;transition:color .2s ease}.blog-article__subnav a:hover{color:var(--accent)}.blog-article__subnav a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.blog-article__title{margin:0 0 .5rem;font-size:clamp(1.35rem,3vw + .85rem,2rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}.blog-article__meta{margin:0 0 1.5rem;font-size:var(--text-step-2);opacity:.75}.blog-article__body{font-size:var(--text-step-3);line-height:1.65}.blog-article__body p{margin:0 0 1rem}.blog-article__body p:last-child{margin-bottom:0}.about{position:relative;display:flex;width:var(--portfolio-about-width);max-width:var(--portfolio-about-max-pct);height:100%;min-height:0;box-sizing:border-box;padding-top:var(--portfolio-section-pad-top);padding-bottom:2rem;flex-direction:column;justify-content:flex-start;align-items:stretch;margin:0 auto}@media(min-width:901px){.about{align-self:stretch;width:100%;max-width:100%;margin-inline:0}}@media(min-width:1181px){.about{padding-top:var(--portfolio-section-align-pad-top);padding-inline-end:clamp(.75rem,2.5vw,1.75rem);box-sizing:border-box}}@media(max-width:1180px){.about{width:100%;max-width:100%;justify-content:center}}.about--banner{position:relative;width:100%;max-width:100%;height:auto;min-height:0;box-sizing:border-box;align-self:stretch}@media(min-width:901px){.about--banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,min(37%,420px));grid-template-rows:auto auto auto auto;column-gap:clamp(1rem,3vw,2rem);row-gap:0;align-items:start;min-height:475px}.about--banner h2{grid-column:1;grid-row:1}.about--banner .about--lead{grid-column:1;grid-row:2;align-self:start}.about--banner-actions{grid-column:1;grid-row:3;align-self:start}.about--banner .about--options{grid-column:1;grid-row:4;align-self:start;width:100%;max-width:100%}.about--banner .about--visual,.about--banner>img{grid-column:2;grid-row:1 / -1;position:relative;inset:auto;align-self:start;justify-self:start;width:100%;max-width:100%;max-height:min(500px,66vh);height:auto;object-fit:contain;object-position:left top;margin-top:clamp(.5rem,2dvh,2rem);pointer-events:none}}@media(min-width:1181px){.about--banner{grid-template-columns:minmax(0,1fr) minmax(220px,min(39%,470px))}.about--banner .about--visual,.about--banner>img{max-height:min(560px,70vh);margin-top:0}}.about--banner:before{content:"";position:absolute;top:20px;left:200px;transform:rotate(-25deg);width:0;height:0;border:5px solid var(--accent);border-right-color:transparent;border-bottom-color:transparent;pointer-events:none}.about--banner:after{content:"";position:absolute;top:75px;left:400px;transform:rotate(45deg);width:10px;height:10px;background-color:var(--accent);pointer-events:none}.about--banner h2.about--headline,.about--banner h2{position:relative;margin:0;margin-top:clamp(.5rem,2dvh,2rem);font-size:calc(clamp(2rem,2.2vw + 1.1rem,3.65rem) * var(--font-text-size-scale));font-weight:900;line-height:1.08;z-index:1;color:var(--portfolio-on-surface)}.about--banner .about--headline__line{display:block;max-width:100%;white-space:nowrap;overflow:visible;text-overflow:clip;text-align:inherit}.about--banner h2:before,.about--banner h2:after{display:none}.about--banner .about--lead{margin:0;max-width:min(36rem,100%);font-size:calc(clamp(.875rem,.28vw + .78rem,1.0625rem) * var(--font-text-size-scale));line-height:1.55;font-weight:500;letter-spacing:.01em;color:color-mix(in oklch,var(--portfolio-on-surface) 76%,var(--portfolio-muted));z-index:1}@media(min-width:901px){.about--banner .about--lead{margin-top:clamp(.65rem,1.2vw,1rem)}}.about--banner-actions{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(.65rem,2vw,1.35rem);margin-top:clamp(.85rem,1.5vw,1.25rem)}.about--resume{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.45rem 1.35rem;box-sizing:border-box;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-size:var(--text-role-body-sm);line-height:1.2;color:var(--accent-text);background-color:var(--accent);border:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}.about--resume:hover{filter:brightness(1.06)}.about--resume:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.about--contact{padding:5px 17px 5px 0;text-decoration:none;color:var(--portfolio-on-surface);font-weight:700;text-transform:uppercase;background-color:transparent;display:inline-flex;align-items:center;min-height:44px}.about--contact:hover svg{left:10px}.about--contact svg{position:relative;left:5px;width:15px;height:12px;fill:var(--portfolio-on-surface);transition:left .2s ease-in-out}.about--options{position:relative;display:flex;width:100%;max-width:100%;align-self:stretch;justify-content:flex-start;margin:0;padding:0;list-style:none;flex-wrap:wrap;gap:.65rem;box-sizing:border-box}.about--options-seam{display:block;grid-column:1 / -1;position:relative;margin-top:clamp(.55rem,1.25vw,1rem);margin-bottom:clamp(1.25rem,2.5vw,1.75rem);width:100%;height:2px;align-self:stretch;box-sizing:border-box;isolation:isolate}.about--options-seam:before{content:"";position:absolute;left:-15px;right:0;top:0;height:2px;background-color:var(--portfolio-intro-rule);pointer-events:none;z-index:0}.about--options-seam:after{content:"";position:absolute;left:0;top:-2px;width:30px;height:4px;background-color:var(--accent);pointer-events:none;z-index:1}.about--options>a{position:relative;display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;color:var(--portfolio-on-surface);border:5px solid var(--accent);background-position:center;background-size:cover;background-repeat:no-repeat}.about--options>a:nth-child(1){background-image:linear-gradient(145deg,color-mix(in oklch,var(--accent) 28%,transparent),color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent))}.about--options>a:nth-child(2){background-image:linear-gradient(145deg,color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent),color-mix(in oklch,var(--accent) 22%,transparent))}.about--options>a:nth-child(3){background-image:linear-gradient(145deg,color-mix(in oklch,var(--accent) 18%,transparent),color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent),color-mix(in oklch,var(--accent) 12%,transparent))}@media(min-width:901px){.about--options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(.35rem,1.1vw,.65rem);margin-top:clamp(1.35rem,2.75vw,2.35rem)}.about--options>a{flex:unset;min-width:0;width:100%;max-width:100%;height:clamp(2.95rem,5.75vw,3.35rem);max-height:3.35rem;min-height:0;align-self:stretch;container-type:size;container-name:about-option}}@media(min-width:901px)and (max-width:1180px){.about--options{padding-bottom:.35rem}.about--options>a{flex-direction:column;gap:.25rem;height:auto;max-height:none;min-height:clamp(3.15rem,9vw,4rem);padding:.35rem .3rem}.about--options h3{position:static;inset:auto;text-align:center;font-size:calc(clamp(.62rem,.9vw + .48rem,.75rem) * var(--font-text-size-scale));line-height:1.15}.about--options>a:hover h3{bottom:auto}}.about--option-icon{--about-option-icon-size: 2.65rem;display:block;box-sizing:border-box;width:var(--about-option-icon-size);height:var(--about-option-icon-size);min-width:var(--about-option-icon-size);min-height:var(--about-option-icon-size);flex-shrink:0;pointer-events:none;background-color:transparent;background-image:linear-gradient(142deg,#7b7b88,#b9b9c2 28%,#f0f0f2 52%,#fff 64%,#9595a3);-webkit-mask-image:var(--about-tile-icon);mask-image:var(--about-tile-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;filter:drop-shadow(0 0 .35px rgb(255 255 255 / .55));transition:transform .2s ease-in-out,filter .2s ease-in-out}html[data-color-scheme=light] .about--option-icon{background-image:linear-gradient(142deg,#b4b4bc,#6e6e78 30%,#27272f 52%,#000 66%,#5c5c66);filter:drop-shadow(0 0 .35px rgb(0 0 0 / .35))}@media(min-width:901px){.about--option-icon{--about-option-icon-size: min(2.35rem, max(1.6rem, min(38cqi, 72cqh)))}}.about--options>a:hover .about--option-icon{transform:scale(1.05);filter:brightness(1.07) contrast(1.04) drop-shadow(0 0 .45px rgb(255 255 255 / .65))}html[data-color-scheme=light] .about--options>a:hover .about--option-icon{filter:brightness(1.05) contrast(1.06) drop-shadow(0 0 .45px rgb(0 0 0 / .45))}.about--options h3{position:static;margin:0;font-size:var(--text-role-body-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;color:color-mix(in oklch,var(--portfolio-on-surface) 94%,white);transition:bottom .2s ease-in-out,left .2s ease-in-out}html[data-color-scheme=dark] .about--options h3{color:color-mix(in oklch,white 92%,var(--portfolio-muted-soft) 8%)}html[data-color-scheme=light] .about--options h3{color:color-mix(in oklch,var(--portfolio-on-surface) 96%,black 4%)}@media(min-width:1181px){.about--options{margin-top:clamp(1.35rem,2.75dvh,2.35rem);padding-top:0;gap:clamp(.5rem,1.25vw,.85rem);align-self:start;max-width:min(100%,32rem);width:100%;box-sizing:border-box;border-top:none}.about--options-seam{margin-top:clamp(.55rem,1.25dvh,1rem);margin-bottom:clamp(1.35rem,3dvh,2.25rem)}.about--options>a{flex-direction:column;justify-content:center;gap:.35rem;height:auto;max-height:none;min-height:clamp(3.35rem,4.5vw,4.65rem);padding:.5rem .4rem}.about--options>a:hover h3{bottom:auto}.about--options h3{position:static;inset:auto;text-align:center;font-size:calc(clamp(.65rem,.55vw + .52rem,.8125rem) * var(--font-text-size-scale));line-height:1.2}}@media(max-width:1180px)and (min-width:901px){.about{transform:none}.about--banner{height:auto;min-height:min(40vh,340px);padding-bottom:.5rem}.about--banner:before,.about--banner:after,.about--banner h2:before,.about--banner h2:after{display:none}.about--banner h2{font-size:calc(clamp(1.85rem,1.65vw + .95rem,2.85rem) * var(--font-text-size-scale));margin-top:.1rem}.about--banner .about--lead{margin-top:.65rem;font-size:calc(clamp(.8125rem,.2vw + .74rem,.9375rem) * var(--font-text-size-scale))}.about--banner .about--visual,.about--banner>img{border-radius:14px;max-height:min(380px,52vh);margin-top:0;align-self:start}.about--banner .about--options{margin-top:clamp(1.35rem,2.65vw,2.25rem);padding-top:0;gap:.65rem;border-top:none}.about--banner .about--options-seam{margin-top:clamp(.55rem,1.2vw,1rem);margin-bottom:clamp(1rem,2.5vw,1.75rem)}}@media(max-width:900px){.about{align-items:stretch;width:100%;min-width:0;max-width:100%;padding-inline:max(var(--portfolio-content-pad-start),env(safe-area-inset-left,0px)) max(var(--portfolio-content-pad-end),env(safe-area-inset-right,0px));padding-top:.15rem;padding-bottom:max(1.75rem,env(safe-area-inset-bottom,0px));transform:none}.about--banner{height:auto;min-height:0;text-align:center;display:flex;flex-direction:column;align-items:center;padding-block:0}.about--banner:before,.about--banner:after,.about--banner h2:before,.about--banner h2:after{display:none}.about--banner h2{margin-top:0;font-size:calc(clamp(1.2rem,4.2vw + .55rem,1.75rem) * var(--font-text-size-scale));line-height:1.1;max-width:100%;padding-inline:clamp(.125rem,2vw,.5rem)}.about--banner .about--lead{margin-top:clamp(.6rem,2.5vw,.85rem);padding-inline:0;max-width:min(32rem,100%);text-align:center;font-size:calc(clamp(.8125rem,2.2vw + .7rem,.9375rem) * var(--font-text-size-scale));line-height:1.58}.about--banner-actions{flex-direction:column;align-items:stretch;margin-top:clamp(.65rem,2.5vw,.9rem);width:100%;max-width:min(18rem,100%);margin-inline:auto;gap:.35rem}.about--resume{min-width:0;width:100%;justify-content:center;padding-block:.55rem}.about--contact{margin-top:0;padding:.4rem 0;justify-content:center}.about--banner .about--visual,.about--banner>img{position:relative;bottom:auto;right:auto;order:-1;display:block;width:6.75rem;height:6.75rem;max-width:none;margin-top:0;margin-bottom:.4rem;border-radius:50%;border:3px solid var(--accent);box-sizing:border-box;object-fit:cover;object-position:center 20%;flex-shrink:0;pointer-events:none}.about--options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;justify-items:stretch;gap:clamp(.4rem,1.75vw,.6rem);width:100%;max-width:100%;margin:clamp(1rem,3.5vw,1.5rem) 0 0;padding:0 0 .35rem;align-self:stretch;border-top:none}.about--options-seam{margin-top:clamp(.45rem,2vw,.75rem);margin-bottom:clamp(.85rem,2.5vw,1.25rem)}.about--options>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;width:auto;min-width:0;min-height:4.35rem;height:100%;flex-shrink:0;padding:.5rem .3rem;border-width:4px;border-radius:8px}.about--options>a .about--option-icon{--about-option-icon-size: min(2.35rem, 11vw);min-width:min(2.35rem,11vw);min-height:min(2.35rem,11vw)}.about--options h3{position:static;inset:auto;display:block;flex:0 0 auto;align-self:center;margin:0;max-width:100%;text-align:center;font-size:calc(clamp(.625rem,1.85vw + .48rem,.75rem) * var(--font-text-size-scale));font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.04em;text-shadow:0 1px 2px rgb(0 0 0 / .35)}html[data-color-scheme=light] .about--options h3{text-shadow:0 1px 1px rgb(255 255 255 / .6)}.about--options>a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}}@media(max-width:600px){.about{padding-top:.15rem;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,0px))}.about--banner h2{font-size:calc(clamp(1.05rem,5.2vw + .45rem,1.5rem) * var(--font-text-size-scale));line-height:1.11}.about--banner .about--lead{margin-top:.55rem;font-size:calc(clamp(.8rem,2.8vw + .65rem,.875rem) * var(--font-text-size-scale));line-height:1.6}.about--banner-actions{max-width:100%;gap:.3rem}.about--banner .about--visual,.about--banner>img{width:6.125rem;height:6.125rem;margin-bottom:.4rem;border-width:2px}.about--options{margin-top:clamp(.85rem,3vw,1.35rem);gap:.45rem}.about--options>a{min-height:4.1rem;gap:.3rem;padding:.45rem .25rem;border-radius:7px}.about--options>a .about--option-icon{--about-option-icon-size: min(2.15rem, 10vw);min-width:min(2.15rem,10vw);min-height:min(2.15rem,10vw)}.about--options h3{font-size:calc(clamp(.6rem,2.1vw + .42rem,.7rem) * var(--font-text-size-scale))}}@media(max-width:480px){.about--banner .about--headline__line{white-space:normal;text-align:center}.about--banner-actions{max-width:min(18rem,100%);margin-inline:auto;width:100%}.about--options{display:flex;flex-direction:column;align-items:stretch;align-self:center;width:100%;max-width:min(18rem,100%);margin-inline:auto;margin-top:clamp(1rem,3.5vw,1.5rem);gap:.45rem;padding:0 0 .35rem;box-sizing:border-box}.about--options-seam{width:100%;max-width:100%;order:1}.about--options>a{width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:center;gap:.75rem;min-height:3.35rem;height:auto;padding:.5rem .85rem}.about--options>a .about--option-icon{--about-option-icon-size: 2.35rem;min-width:2.35rem;min-height:2.35rem;flex-shrink:0}.about--options h3{flex:1;min-width:0;text-align:start;font-size:calc(clamp(.75rem,2.2vw + .62rem,.8125rem) * var(--font-text-size-scale))}}.recent-posts{position:relative;display:flex;width:var(--portfolio-work-width);max-width:var(--portfolio-work-max-pct);min-height:100%;box-sizing:border-box;padding-top:var(--portfolio-section-pad-top);padding-bottom:2rem;flex-direction:column;justify-content:center;align-items:stretch;margin:0 auto;color:var(--portfolio-on-surface);gap:1.5rem}.recent-posts__header{margin:0}.recent-posts__title{margin:0 0 .75rem;font-size:calc(clamp(1.5rem,2.2vw + 1.02rem,2.4rem) * var(--font-text-size-scale));font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--portfolio-on-surface)}html[data-color-scheme=dark] .recent-posts__title{color:color-mix(in oklch,white 95%,var(--portfolio-muted-soft) 5%)}html[data-color-scheme=light] .recent-posts__title{color:color-mix(in oklch,var(--portfolio-on-surface) 97%,black 3%)}.recent-posts__lead{margin:0;max-width:42rem;line-height:1.55;font-size:calc(clamp(.9rem,.22vw + .84rem,1.04rem) * var(--font-text-size-scale));font-weight:500}html[data-color-scheme=dark] .recent-posts__lead{color:color-mix(in oklch,var(--portfolio-on-surface) 76%,var(--portfolio-muted-soft) 24%)}html[data-color-scheme=light] .recent-posts__lead{color:color-mix(in oklch,var(--portfolio-on-surface) 72%,var(--portfolio-muted) 28%)}.recent-posts__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.85rem,2vw,1.25rem);width:100%;max-width:100%}.recent-posts__item{margin:0;min-height:0;height:100%;display:flex;flex-direction:column}.recent-posts__card{display:grid;gap:.35rem 0;padding:1rem 1.1rem;border-radius:.5rem;box-sizing:border-box;text-align:start;height:100%;min-height:0;align-content:start;text-decoration:none;color:inherit;background-color:color-mix(in oklch,var(--portfolio-on-surface) 6%,transparent);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.recent-posts__card--link:hover{background-color:color-mix(in oklch,var(--portfolio-on-surface) 10%,transparent);border-color:color-mix(in oklch,var(--accent) 35%,var(--portfolio-on-surface))}.recent-posts__card--link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.recent-posts__card--link:active{transform:scale(.99)}.recent-posts__date{font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;opacity:.72;color:var(--portfolio-muted-soft)}.recent-posts__item-title{font-size:1.05rem;font-weight:600;line-height:1.35}.recent-posts__excerpt{font-size:.9rem;line-height:1.5;opacity:.88}.recent-posts__cta{font-size:.8125rem;font-weight:600;color:var(--accent);margin-top:.15rem}.recent-posts__soon{font-size:.75rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--portfolio-muted);margin-top:.15rem}@media(max-width:1180px){.recent-posts{width:100%;max-width:100%}}@media(max-width:1180px)and (min-width:901px){.recent-posts{padding-bottom:2.5rem;transform:none}.recent-posts__list{grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.recent-posts__lead{max-width:min(38rem,100%);line-height:1.58}}@media(max-width:900px){.recent-posts{align-items:center;text-align:center;width:100%;max-width:100%;padding-top:.35rem;padding-bottom:max(2rem,env(safe-area-inset-bottom,0px));transform:none;gap:1.15rem}.recent-posts__header{text-align:center}.recent-posts__list{grid-template-columns:1fr;max-width:min(24rem,100%)}.recent-posts__card{text-align:center}.recent-posts__title{margin-bottom:.65rem}.recent-posts__lead{margin-inline:auto;font-size:.9375rem;line-height:1.6;max-width:36ch}}@media(min-width:1181px){.recent-posts{justify-content:flex-start;padding-top:var(--portfolio-section-align-pad-top)}}.contact{position:fixed;inset:0;width:100%;height:100%;min-height:100dvh;z-index:0;background-color:var(--portfolio-black)}.contact__map{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background-color:var(--portfolio-black)}.contact__map-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--portfolio-contact-bg-position);filter:var(--portfolio-contact-map-filter);-webkit-user-select:none;user-select:none;pointer-events:none}.contact__transition{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;position:relative;z-index:1}.contact--lockup{position:relative;display:flex;height:100%;padding-top:var(--portfolio-section-pad-top);align-items:center;justify-content:flex-end}@media(min-width:1181px){.contact--lockup{display:grid;grid-template-columns:var(--portfolio-side-nav-width) minmax(0,1fr);column-gap:0;justify-content:initial;align-items:center;min-width:0}.contact--lockup>.modal.contact-panel{grid-column:2;justify-self:end;width:min(100%,var(--portfolio-hire-width));max-width:100%;margin-inline-start:var(--portfolio-rail-to-main-gap);margin-inline-end:0;min-width:0;box-sizing:border-box}}@media(max-width:1180px)and (min-aspect-ratio:16/9){.contact__map-img{object-position:var(--portfolio-contact-bg-position-mobile)}}@media(max-width:1180px){.contact__transition{justify-content:center;align-items:center;padding-top:calc(var(--portfolio-header-height) + .75rem);padding-bottom:max(1.25rem,env(safe-area-inset-bottom,0px));max-height:min(100dvh,100%);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(min-width:901px){.contact__transition{touch-action:pan-y}}@supports (justify-content: safe center){.contact__transition{justify-content:safe center}}.contact--lockup{display:flex;height:auto;min-height:0;flex:0 0 auto;width:min(var(--portfolio-shell-max-width),calc(100% - var(--portfolio-shell-pad-inline-start) - var(--portfolio-shell-pad-inline-end)));margin-inline:auto;justify-content:center;align-items:center;padding-top:0;grid-template-columns:initial;column-gap:initial}.contact--lockup>.modal.contact-panel{grid-column:auto;justify-self:initial;max-width:100%;margin-inline-start:0}.contact .modal.contact-panel{margin-bottom:.5rem}.contact .modal{padding-block:1.15rem;padding-inline:var(--portfolio-content-pad-start) var(--portfolio-content-pad-end);border-radius:1rem}}@media(max-width:900px){.contact__transition{align-items:stretch}}@media(max-width:540px){.contact .modal{padding-block:1rem;padding-inline:var(--portfolio-content-pad-start) var(--portfolio-content-pad-end);border-radius:.875rem}.contact .modal .work-request--information{flex-direction:column;align-content:flex-start}.contact .modal .work-request--information .work-request__field{flex:0 1 auto;min-width:0;width:100%}}.contact .modal.contact-panel{opacity:1;pointer-events:auto;position:relative;inset:auto;transform:none;max-height:none;z-index:auto;width:100%;max-width:min(100%,var(--portfolio-hire-width));box-sizing:border-box;--contact-card-kicker-space: .75rem;--contact-card-row-gap: .875rem;--contact-card-tight-gap: .5rem;--contact-card-section-gap: 1.25rem}@media(max-width:1180px){.contact .modal.contact-panel{max-width:100%;flex:1 1 auto;min-width:0}}.contact .modal{padding:45px;text-align:left;border-radius:1.25rem;overflow:hidden;background-color:rgb(var(--contact-panel-fill-rgb) / var(--contact-panel-fill-alpha));box-shadow:var(--portfolio-modal-elevation);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent);max-width:100%}html[data-color-scheme=dark] .contact .modal{border-color:color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent)}html[data-color-scheme=light] .contact .modal{border-color:color-mix(in oklch,var(--portfolio-on-surface) 16%,transparent)}@media(max-width:900px){.l-viewport--landscape-doc .contact{position:relative!important;inset:auto!important;width:100%;min-height:min(90dvh,42rem);height:auto}.l-viewport--landscape-doc .contact__transition{max-height:none;overflow:visible;min-height:0;padding-top:clamp(1rem,3vh,2rem);padding-bottom:max(1rem,env(safe-area-inset-bottom,0px))}.l-viewport--landscape-doc .contact--lockup{height:auto}}.contact .modal--inquiry{width:100%;box-sizing:border-box}.contact .modal .work-request__title{margin:0 0 .55rem;padding:0;font-size:calc(clamp(1.45rem,1.85vw + 1rem,2.15rem) * var(--font-text-size-scale));font-weight:800;line-height:1.12;letter-spacing:-.02em;text-transform:none;text-align:left;color:var(--portfolio-on-surface)}html[data-color-scheme=dark] .contact .modal .work-request__title{color:color-mix(in oklch,white 96%,var(--portfolio-muted-soft) 4%)}html[data-color-scheme=light] .contact .modal .work-request__title{color:color-mix(in oklch,var(--portfolio-on-surface) 98%,black 2%)}.contact .modal .work-request__lead{margin:0 0 var(--contact-card-kicker-space);padding:0;max-width:36rem;font-size:calc(clamp(.875rem,.2vw + .82rem,.98rem) * var(--font-text-size-scale));font-weight:500;line-height:1.55;text-align:left}html[data-color-scheme=dark] .contact .modal .work-request__lead{color:color-mix(in oklch,var(--portfolio-on-surface) 74%,var(--portfolio-muted-soft) 26%)}html[data-color-scheme=light] .contact .modal .work-request__lead{color:color-mix(in oklch,var(--portfolio-on-surface) 70%,var(--portfolio-muted) 30%)}@media(prefers-reduced-motion:reduce){.contact .modal{backdrop-filter:none;-webkit-backdrop-filter:none}}.work-request{position:relative;display:flex;width:100%;flex-direction:column;align-items:stretch;gap:0;color:var(--portfolio-on-surface)}.work-request--information{display:flex;flex-wrap:wrap;width:100%;gap:1rem 1.25rem;margin-bottom:1rem;box-sizing:border-box}.work-request--information .work-request__field{flex:1 1 12rem;min-width:min(100%,10rem)}.work-request__field--full{width:100%;margin-bottom:.25rem;box-sizing:border-box}.contact .modal .work-request__field label{display:block;font-size:.6875rem;font-weight:700;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.4rem;color:color-mix(in oklch,var(--portfolio-on-surface) 72%,transparent)}.contact .modal .work-request__field input,.contact .modal .work-request__field textarea{width:100%;box-sizing:border-box;margin:0;font:inherit;font-size:1rem;font-weight:400;line-height:1.4;color:var(--portfolio-on-surface);background-color:color-mix(in oklch,var(--portfolio-on-surface) 46%,transparent);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 34%,transparent);border-radius:6px;padding:.55rem .65rem;min-height:2.75rem;transition:background-color .2s ease,border-color .2s ease}.contact .modal .work-request__field textarea{display:block;min-height:6.5rem;resize:vertical}.contact .modal .work-request__field input::placeholder,.contact .modal .work-request__field textarea::placeholder{color:var(--portfolio-muted);font-weight:500;opacity:1}html[data-color-scheme=light] .contact .modal .work-request__field input::placeholder,html[data-color-scheme=light] .contact .modal .work-request__field textarea::placeholder{color:color-mix(in oklch,var(--portfolio-muted) 88%,var(--portfolio-on-surface))}.contact .modal .work-request__field input:focus,.contact .modal .work-request__field textarea:focus{outline:none;border-color:color-mix(in oklch,var(--accent) 55%,var(--portfolio-on-surface));background-color:color-mix(in oklch,var(--portfolio-on-surface) 52%,transparent);box-shadow:0 0 0 2px color-mix(in oklch,var(--accent) 35%,transparent)}.work-request__hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-request__feedback{margin-top:.75rem;margin-bottom:.25rem;font-size:.9375rem;line-height:1.45;font-weight:600}.work-request__feedback--success{color:var(--accent)}.work-request__feedback--error{color:#f87171}html[data-color-scheme=light] .work-request__feedback--error{color:#b91c1c}.work-request input[type=submit]{width:400px;max-width:100%;line-height:50px;font-size:16px;font-weight:700;text-transform:uppercase;background-color:var(--accent);color:var(--accent-text);border:none;border-radius:0;cursor:pointer;margin-top:1rem;align-self:flex-start}.work-request input[type=submit]:disabled{opacity:.65;cursor:not-allowed}.contact .modal .work-request{gap:0}.contact .modal .work-request--information{gap:var(--contact-card-row-gap) .75rem;margin-bottom:var(--contact-card-row-gap)}.contact .modal .work-request__field--full{margin-bottom:var(--contact-card-section-gap)}.contact .modal .work-request:has(.work-request__feedback) .work-request__field--full{margin-bottom:var(--contact-card-row-gap)}.contact .modal .work-request__feedback{margin-top:0;margin-bottom:var(--contact-card-section-gap);font-size:.875rem;line-height:1.35}.contact .modal .work-request input[type=submit]{margin-top:0}@media(min-width:1181px){.contact .modal .work-request__field input,.contact .modal .work-request__field textarea{font-size:.9375rem;line-height:1.35;padding:.45rem .55rem;min-height:2.45rem}.contact .modal .work-request__field textarea{min-height:5.75rem}}@media(max-width:1180px){.contact .modal .work-request__field input,.contact .modal .work-request__field textarea{padding:.35rem .45rem;min-height:2.25rem;line-height:1.35}.contact .modal .work-request__field textarea{min-height:3.75rem}.contact .modal .work-request input[type=submit]{width:100%;max-width:none;align-self:stretch;margin-top:0;min-height:44px;line-height:1.2;padding-block:.5rem}}@media(max-width:540px){.contact .modal .work-request__field textarea{min-height:3.25rem}}@media(max-width:600px){.work-request--information{margin-bottom:.85rem}}.mobile-drawer{position:fixed;inset:0;z-index:250;pointer-events:none;visibility:hidden;transition:visibility .35s}.mobile-drawer--open{pointer-events:none;visibility:visible}.mobile-drawer__backdrop{position:absolute;top:var(--portfolio-header-height);left:0;right:0;bottom:0;margin:0;padding:0;border:none;background-color:var(--portfolio-drawer-backdrop);cursor:pointer;opacity:0;transition:opacity .35s ease;pointer-events:none}.mobile-drawer--open .mobile-drawer__backdrop{opacity:1;pointer-events:auto}.mobile-drawer__panel{position:absolute;top:var(--portfolio-header-height);right:0;bottom:0;width:min(22rem,88vw);max-width:min(22rem,88vw);background-color:var(--portfolio-drawer-panel-bg);border-left:1px solid color-mix(in oklch,var(--portfolio-on-surface) 12%,transparent);box-shadow:var(--portfolio-drawer-shadow);padding-block-start:1rem;padding-block-end:max(2rem,env(safe-area-inset-bottom,0px));padding-inline-start:var(--portfolio-content-pad-start);padding-inline-end:var(--portfolio-content-pad-end);display:flex;flex-direction:column;gap:1.25rem;transform:translate(100%);transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1),max-width .35s cubic-bezier(.22,1,.36,1);overflow:auto;-webkit-overflow-scrolling:touch;pointer-events:none;box-sizing:border-box}@media(max-width:900px)and (min-width:600px){.mobile-drawer__panel{width:min(26rem,52vw);max-width:min(26rem,52vw)}}@media(max-width:380px){.mobile-drawer__panel{width:100%;max-width:100%}}.mobile-drawer--open .mobile-drawer__panel{transform:translate(0);pointer-events:auto}.mobile-drawer__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem;flex:1 1 auto;min-height:0}.mobile-drawer__link{display:flex;align-items:center;gap:.75rem;min-width:0;min-height:48px;padding-block:.875rem;padding-inline:.5rem;text-decoration:none;color:var(--portfolio-on-surface);font-size:1.35rem;font-weight:800;border-radius:8px;transition:background-color .2s,color .2s;overflow-wrap:anywhere;word-break:break-word}.mobile-drawer__label{flex:1 1 auto;min-width:0}.mobile-drawer__link:hover,.mobile-drawer__link:focus-visible{background-color:var(--portfolio-drawer-row-hover);color:var(--accent);outline:none}.mobile-drawer__link--active{color:var(--accent);font-weight:900;background-color:color-mix(in oklch,var(--accent) 14%,transparent);border:1px solid color-mix(in oklch,var(--accent) 35%,transparent);box-shadow:inset 3px 0 0 0 var(--accent)}.mobile-drawer__index{font-size:.75rem;font-weight:600;color:var(--portfolio-work-side-link);min-width:1.5rem;font-variant-numeric:tabular-nums}.mobile-drawer__link--active .mobile-drawer__index{color:var(--accent);font-weight:700}@media(min-width:901px){.mobile-drawer{display:none!important}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:0;left:0;z-index:100000;padding:.65rem 1.15rem;margin:0;border:none;border-radius:0 0 10px;background:var(--accent);color:var(--accent-text);font-family:var(--font-family-heading);font-size:.875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none;box-shadow:0 6px 24px #00000059;transform:translateY(-130%);transition:transform .2s cubic-bezier(.22,1,.36,1);-webkit-tap-highlight-color:transparent}.skip-link:focus{transform:translateY(0);outline:none}.skip-link:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}@media(prefers-reduced-motion:reduce){.skip-link{transition-duration:.01ms}}main#site-main.l-shell,main#site-main.portfolio-scroll-body{margin-block:0}@media(prefers-reduced-motion:reduce){html,body,.header,.header:after,.container,.effect-rotate-left .container,.section,.outer-nav-shell,.outer-nav,.outer-nav>li,.menu-social--outer,.work--lockup .slider,.mobile-drawer,.mobile-drawer__backdrop,.mobile-drawer__panel,.theme-menu__option,.theme-menu__segment,.theme-menu__select,.theme-menu__select-chevron,.theme-menu__panel,.theme-menu__segment--text-size .theme-menu__text-size-icon,.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__scheme-icon,.theme-menu__swatch,.portfolio-settings-sheet__backdrop,.portfolio-settings-sheet.panel-sheet{transition-duration:.01ms!important}.theme-menu__panel{animation:none!important}.theme-menu__segment--text-size:hover .theme-menu__text-size-icon,.theme-menu__segment--text-size.theme-menu__segment--active:hover .theme-menu__text-size-icon{transform:none;filter:none}.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment:hover .theme-menu__scheme-icon,.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__segment--active:hover .theme-menu__scheme-icon{transform:none;filter:none}.theme-menu__option:hover .theme-menu__swatch,.theme-menu__option--active:hover .theme-menu__swatch{transform:none}}
