:root{--portfolio-shell-width: 1440px;--portfolio-shell-max-pct: 94%;--portfolio-shell-cqw: 94cqw;--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: .32;--portfolio-work-width: 960px;--portfolio-work-max-pct: 80%;--portfolio-hire-width: 700px;--portfolio-hire-max-pct: 75%;--portfolio-black: #020202;--portfolio-work-side-link: #858585;--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: #666;--portfolio-muted-soft: #a8a8a8;--portfolio-rail-mid: #555;--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: #5c6070;--portfolio-muted-soft: #6d7385;--portfolio-rail-mid: #9aa0b0;--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: .26}html[data-color-scheme=light][data-light-surface=mist],html[data-color-scheme=light][data-light-surface=warm],html[data-color-scheme=light][data-light-surface=paper]{--portfolio-black: #fff;--portfolio-canvas: #fff;--portfolio-intro-rule: #d4d4d8}@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) )}}@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: .6875rem;--text-step-1: .75rem;--text-step-2: .8125rem;--text-step-3: .875rem;--text-step-4: 1rem;--text-step-5: 1.0625rem;--text-step-6: 1.125rem;--text-step-7: 1.25rem;--text-step-8: 1.5rem;--text-step-9: clamp(1.7rem, 5.2vw + .85rem, 2.65rem);--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)}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.0625}html[data-text-size=larger]{--font-text-size-scale: 1.125}html{font-family:var(--font-family-body);font-size:calc(16px * var(--font-ui-scale) * var(--font-text-size-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,.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: 1.0625rem;--text-step-7: 1.125rem;--text-step-8: 1.375rem;--text-step-9: clamp(1.5rem, 4vw + .75rem, 2.1rem)}}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)}::-moz-selection{background:#fff498;color:#020202}::selection{background:#fff498;color:#020202}img::-moz-selection{background:transparent}img::selection{background:transparent}@supports (-webkit-text-size-adjust: 100%){html{-webkit-text-size-adjust:100%}}@supports ((-webkit-text-size-adjust: 100%) or (-moz-text-size-adjust: 100%) or (text-size-adjust: 100%)){html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}}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:.875rem;line-height:1.6;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgb(255 244 152 / .45)}@media(max-width:1180px){body{font-size:.9375rem;line-height:1.65}}img{max-width:100%;height:auto;border:0}button{font-family:inherit}.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:translateZ(0) translate(0) rotateY(0);outline:30px solid var(--accent);transition:transform .4s ease;backface-visibility:hidden}.perspective.effect-rotate-left--animate .container{will-change:transform}.modalview .container{position:absolute;width:100%;height:100%;overflow:hidden;backface-visibility:hidden}.effect-rotate-left .container{transform-origin:0% 50%;transition:transform .4s ease}.effect-rotate-left--animate .container{transform:translateZ(-1800px) translate(-50%) rotateY(45deg);outline:30px solid 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}.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}.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{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);-moz-column-gap:0;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)))}#section-about>div:not(.contact){justify-content:flex-start;padding-top:calc(var(--portfolio-header-height) + clamp(.2rem,1vw,.5rem))}#section-posts>div:not(.contact){justify-content:flex-start;padding-top:calc(var(--portfolio-header-height) + clamp(.2rem,1vw,.5rem))}}@media(max-width:1180px)and (min-width:901px){#section-about>div:not(.contact){padding-top:calc(var(--portfolio-header-height) + .05rem)}#section-posts>div:not(.contact){padding-top:calc(var(--portfolio-header-height) + .05rem)}#section-works>div:not(.contact){padding-top:calc(var(--portfolio-header-height) + clamp(1.45rem,3.8vw,2.85rem))}}@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:flex-start;padding-top:var(--portfolio-header-height);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}#section-home>div:not(.contact),#section-works>div:not(.contact){justify-content:center}#section-about>div:not(.contact),#section-posts>div:not(.contact){justify-content:flex-start}}.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;background-color:var(--portfolio-header-bg);backdrop-filter:var(--portfolio-header-blur);-webkit-backdrop-filter:var(--portfolio-header-blur);box-shadow:inset 0 -1px 0 0 var(--portfolio-header-border)}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}@media(prefers-reduced-motion:reduce){.header{backdrop-filter:none;-webkit-backdrop-filter:none}}.header__inner{position:relative;display:flex;box-sizing:border-box;height:100%;min-height:var(--portfolio-header-height);align-items:center;justify-content:space-between;padding-inline:0}.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);-moz-column-gap:0;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;-moz-user-select:none;user-select:none}.header--logo p{margin:0 0 0 10px;font-size:16px;font-weight:700;-webkit-user-select:none;-moz-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,.theme-menu__gear{display:block;flex-shrink:0}.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)}@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__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.theme-menu__select--font-family{min-height:2.75rem;padding:.55rem 2.1rem .55rem .65rem;border-radius:10px;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{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__segment--text-size{flex:1 1 0;min-width:2.75rem}.theme-menu__text-size-icon{display:block;flex-shrink:0}.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}.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;-o-object-fit:contain;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:center;gap:.65rem .85rem;margin-top:clamp(.75rem,2.5vh,1.5rem);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 .4s ease,opacity .4s 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:55%;transform:translateY(-50%);transform-style:preserve-3d;display:flex;flex-direction:column;align-items:center;visibility:hidden;transition:visibility 0s .2s;z-index:12}.outer-nav-shell.is-vis{visibility:visible;transition:visibility 0s 0s}.outer-nav{margin:0;padding:0;list-style:none;text-align:center}@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;transform:translate(350px) translateZ(-1000px);font-size:55px;font-weight:900;line-height:1.15;list-style:none;color:var(--portfolio-on-surface);opacity:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.outer-nav>li.is-vis{transform:translate(0) translateZ(0);opacity:1;transition:transform .4s ease,opacity .4s 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;isolation:isolate;padding-inline:.06em;margin-inline:-.06em}.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:-1;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:100%;padding:.15em 0;margin:0;background:transparent;border:none;font:inherit;font-size:inherit;font-weight:inherit;color:inherit;text-align:center;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,1fr) minmax(12rem,min(52%,400px));-moz-column-gap:clamp(.65rem,2.8vw,1.5rem);column-gap:clamp(.65rem,2.8vw,1.5rem);grid-template-rows:auto auto}.intro--copy{grid-column:1;grid-row:1;justify-self:start;text-align:left;min-width:0}.intro--media{grid-column:2;grid-row:1;min-width:0;width:100%;max-width:min(400px,52vw);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--layout{grid-template-columns:minmax(0,1fr) minmax(12rem,min(54%,680px));-moz-column-gap:clamp(1.25rem,4vw,3rem);column-gap:clamp(1.25rem,4vw,3rem)}.intro--media{max-width:680px}.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,1fr) minmax(12rem,min(58%,680px))}}@media(min-width:901px)and (max-width:1180px){.intro{width:var(--portfolio-intro-width);max-width:var(--portfolio-intro-max-pct)}.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{-moz-column-gap:clamp(.85rem,2.5vw,1.75rem);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:clamp(1rem,4.25dvh,3.25rem);padding-bottom:clamp(.75rem,1.5dvh,2rem);box-sizing:border-box;justify-content:flex-start;align-items:center}.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(400px, min(36vw, 54dvh), 720px), calc(100dvh - var(--intro-hero-below-header) - var(--intro-hero-reserve)) );position:relative;grid-template-columns:minmax(0,1.12fr) minmax(20rem,min(70%,56rem));grid-template-rows:minmax(var(--intro-hero-row-h),auto) auto;-moz-column-gap:clamp(1rem,1.6vw,1.75rem);column-gap:clamp(1rem,1.6vw,1.75rem);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:start;padding-top:clamp(.5rem,1.5vw,1.15rem);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;padding-inline:0;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;-moz-column-gap:clamp(1rem,2.2vw,2rem);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:clamp(1.1rem,4vw + .65rem,2.45rem);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{margin:0;font-size:clamp(.8125rem,.22vw + .72rem,.9375rem);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:clamp(1.65rem,2vw + .88rem,3.2rem);line-height:1.06}.intro--copy .intro--lead{font-size:clamp(.875rem,.38vw + .74rem,1.0625rem)}}@media(min-width:1440px){.intro--copy{--intro-copy-stack-gap: clamp(1rem, 2dvh + .4rem, 1.65rem)}.intro--copy h1.intro-headline{font-size:clamp(1.85rem,1.85vw + 1rem,3.55rem)}}.intro-location-badge{display:inline-flex;align-items:center;gap:.4rem;margin:0;padding:.3rem .7rem;font-size:.625rem;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;-o-object-fit:contain;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;padding:0;list-style:none;max-width:100%}.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%);-o-object-fit:contain;object-fit:contain;-o-object-position:center;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:-moz-fit-content;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:-moz-fit-content;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:visible}.intro--copy .modal--email-snippet-icon{flex-shrink:0;align-self:center;width:22px;height:22px;margin-inline-start:.65rem;padding-inline-end:.55rem;margin-inline-end:.55rem;border-inline-end:1px solid color-mix(in oklch,var(--portfolio-on-surface) 14%,transparent);-o-object-fit:contain;object-fit:contain}.intro--copy .modal--email-code{flex:0 1 auto;min-width:-moz-min-content;min-width:min-content;margin:0;padding:.55rem .5rem .55rem 0;font-family:var(--font-family-mono);font-size:.8125rem;font-weight:600;line-height:1.35;color:var(--portfolio-on-surface);text-align:left;white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:visible;background:transparent}@media(min-width:601px){.intro--copy .intro--email{min-width:min(100%,16.75rem);max-width:min(100%,28rem)}}@media(min-width:901px){.intro--copy .intro--email{min-width:min(100%,17.5rem);max-width:min(100%,27rem)}}@media(min-width:1181px){.intro--copy .intro--email{min-width:min(100%,19.5rem);max-width:min(100%,29.5rem)}}@media(min-width:1440px){.intro--copy .intro--email{min-width:min(100%,20.5rem);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:2.75rem;margin:0;padding:.35rem .5rem;font-family:inherit;color:var(--accent-text);background-color:var(--accent);border:none;border-radius: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:20px;height:20px;-o-object-fit:contain;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:2rem;padding:.3rem .35rem}.intro--copy .modal--copy-email-icon{width:17px;height:17px}}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);-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;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{-o-object-fit:unset;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)}@media(min-width:1181px){.intro--media{max-width:none;width:100%}.intro--media .intro--visual{position:absolute;inset:0 0 16px auto;box-sizing:border-box;width:min(100%,clamp(25rem,33vw,36rem));min-width:min(100%,400px);height:calc(100% - 16px);max-width:100%;max-height:none;margin:0;-o-object-fit:contain;object-fit:contain;-o-object-position:100% 86%;object-position:100% 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:100% 86%}}@media(min-width:601px)and (max-width:1180px){.intro--media{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;max-width:min(680px,100%)}.intro--media .intro--visual{pointer-events:auto;-o-object-position:100% 86%;object-position:100% 86%}.intro--media .intro--visual--hero{background-position:100% 86%}}@media(min-width:901px)and (max-width:1180px){.intro--media .intro--visual{max-width:min(500px,62vw);max-height:min(58vh,min(600px,78vmin),calc(66dvh - 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;-o-object-fit:contain;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:16px;font-weight:700;text-transform:uppercase;color:var(--portfolio-muted-soft);transition:color .2s ease-in-out}.intro-option__purpose{margin:0;font-size:.8125rem;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:.875rem}.intro-option__purpose{font-size:.75rem}}.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:-moz-min-content;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:clamp(1.58rem,2.5vw + .75rem,2.32rem);line-height:1.1}}@media(min-width:901px)and (max-width:1180px){.intro--copy h1.intro-headline{font-size:clamp(1.82rem,2.15vw + .92rem,3.08rem);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:-moz-min-content;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{width:100%;margin-inline:auto;row-gap:0}.intro--copy{width:100%;padding-block:clamp(.35rem,1.5vmin,.75rem) 0;padding-bottom:0}.intro--options:before{display:none}.intro--media .intro--visual{position:relative;z-index:0;width:auto;border-radius:16px;pointer-events:auto;min-width:min(100%,clamp(11rem,28vw + 2rem,19rem))}.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:clamp(.625rem,2.4vw + .45rem,.75rem);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:clamp(.5rem,1.45vw + .36rem,.625rem);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:.8125rem;letter-spacing:.08em;line-height:1.25}.intro--options>a .intro-option__purpose{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.8125rem;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);grid-template-columns:minmax(0,1fr) minmax(9.5rem,min(38%,280px))}.intro--copy{text-align:left;justify-self:stretch;align-self:start;width:100%;min-width:0}.intro--media{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;justify-self:end;margin-inline-start:auto;max-width:min(280px,42vw)}.intro--media .intro--visual{-o-object-position:100% 84%;object-position:100% 84%;margin-top:0;max-width:min(260px,40vw);max-height:min(54vh,min(420px,72vw),calc(60dvh - 5rem));border-radius:14px}.intro--copy h1.intro-headline{margin-inline:0;text-align:left;padding-inline:0;width:100%}.intro--copy .intro--lead{width:100%;max-width:100%}.intro--options{grid-column:1 / -1;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:.72rem;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:clamp(1.25rem,4vw,1.85rem);line-height:1.12}.intro--media .intro--visual{max-height:min(46vh,304px);margin-top:.65rem;-o-object-position:center 85%;object-position:center 85%}.intro--options{margin-top:1rem}}@media(max-width:767px){.intro--media .intro--visual{max-width:min(24rem,94vw);max-height:min(52vh,380px)}}@media(max-width:600px){.intro--layout{max-width:min(40rem,100%);grid-template-columns:1fr}.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:clamp(1.62rem,5.6vw,2.5rem);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:clamp(.8125rem,2.8vw + .68rem,.9375rem)}.intro-location-badge{margin-inline:auto}.intro--copy .intro--email{display:flex;justify-content:center;max-width:100%;margin-inline:auto}.intro--media{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;justify-self:center;margin-inline-start:0;grid-column:1;grid-row:auto;max-width:min(19rem,100%)}.intro--media .intro--visual{-o-object-position:center 88%;object-position:center 88%;margin-top:var(--intro-mobile-stack);max-width:min(22rem,92vw);max-height:min(50vh,360px);display:none}.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:.8125rem;letter-spacing:.08em;line-height:1.25}.intro--options>a .intro-option__purpose{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.8125rem;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{transform:translateY(clamp(-3.5rem,-11dvh,-1.1rem))}}@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:flex-start;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%;-o-object-fit:cover;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:-moz-min-content;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%;-o-object-fit:cover;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:-moz-min-content;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:center;align-items:stretch;margin:0 auto}@media(min-width:1181px){.about{transform:translateY(clamp(-3.5rem,-11dvh,-1.1rem))}}@media(max-width:1180px){.about{width:100%;max-width:100%}}.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(220px,min(42%,420px));grid-template-rows:auto auto auto minmax(0,1fr);-moz-column-gap:clamp(1.25rem,4vw,2.75rem);column-gap:clamp(1.25rem,4vw,2.75rem);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--visual,.about--banner>img{grid-column:2;grid-row:1 / -1;position:relative;inset:auto;align-self:start;justify-self:end;width:100%;max-width:100%;max-height:min(400px,58vh);height:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:right top;object-position:right top;margin-top:clamp(.5rem,2dvh,2rem);pointer-events:none}}.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:clamp(2rem,2.2vw + 1.1rem,3.65rem);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:clamp(.875rem,.28vw + .78rem,1.0625rem);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:.8125rem;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{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>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{flex-wrap:nowrap;gap:clamp(.35rem,1.1vw,.75rem);margin-top:-.85rem}.about--options>a{flex:1 1 0;min-width:clamp(5.25rem,22vw,10rem);width:auto;height:clamp(2.95rem,5.75vw,3.35rem);max-height:3.35rem;min-height:0;align-self:center;container-type:size;container-name:about-option}}.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))}@media(min-width:901px){.about--options>a:hover h3{bottom:-50px}}.about--options h3{position:absolute;bottom:-34px;left:8px;margin:0;font-size:.8125rem;font-weight:700;text-transform:uppercase;transition:bottom .2s ease-in-out,left .2s ease-in-out}@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:clamp(1.85rem,1.65vw + .95rem,2.85rem);margin-top:.1rem}.about--banner .about--lead{margin-top:.65rem;font-size:clamp(.8125rem,.2vw + .74rem,.9375rem)}.about--banner .about--visual,.about--banner>img{border-radius:14px;max-height:min(340px,48vh);margin-top:0;align-self:start}.about--options{justify-content:center;gap:.65rem}}@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:clamp(1.2rem,4.2vw + .55rem,1.75rem);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:clamp(.8125rem,2.2vw + .7rem,.9375rem);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:5.5rem;height:5.5rem;max-width:none;margin-top:0;margin-bottom:.4rem;border-radius:50%;border:3px solid var(--accent);box-sizing:border-box;-o-object-fit:cover;object-fit:cover;-o-object-position:center 20%;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(.35rem,2.5vw,.75rem) 0 0;padding:0 0 .35rem;align-self:stretch}.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:clamp(.625rem,1.85vw + .48rem,.75rem);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:clamp(1.05rem,5.2vw + .45rem,1.5rem);line-height:1.11}.about--banner .about--lead{margin-top:.55rem;font-size:clamp(.8rem,2.8vw + .65rem,.875rem);line-height:1.6}.about--banner-actions{max-width:100%;gap:.3rem}.about--banner .about--visual,.about--banner>img{width:5rem;height:5rem;margin-bottom:.4rem;border-width:2px}.about--options{margin-top:clamp(.25rem,2vw,.55rem);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:clamp(.6rem,2.1vw + .42rem,.7rem)}}@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(.35rem,2.5vw,.65rem);gap:.45rem;padding:0 0 .35rem;box-sizing:border-box}.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:clamp(.75rem,2.2vw + .62rem,.8125rem)}}.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:clamp(1.55rem,3.5vw,2.05rem);font-weight:700}.recent-posts__lead{margin:0;max-width:42rem;line-height:1.55;font-size:.98rem;opacity:.92}.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;justify-content:flex-start}.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;justify-content:flex-start;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{transform:translateY(clamp(-3.5rem,-11dvh,-1.1rem))}.recent-posts__title{font-size:clamp(1.75rem,4vw,2.25rem)}.recent-posts__lead{font-size:1.05rem}}.contact{position:fixed;inset:0;width:100%;height:100%;min-height:100dvh;z-index:0;background-color:var(--portfolio-black);container-type:inline-size}.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%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--portfolio-contact-bg-position);object-position:var(--portfolio-contact-bg-position);filter:var(--portfolio-contact-map-filter);-webkit-user-select:none;-moz-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);-moz-column-gap:0;column-gap:0;justify-content:initial}.contact--lockup>.modal.contact-panel{grid-column:2;justify-self:end;width:100%;max-width:min(100%,var(--portfolio-hire-width));margin-inline-start:var(--portfolio-rail-to-main-gap);box-sizing:border-box}}@media(max-width:1180px)and (min-aspect-ratio:16/9){.contact__map-img{-o-object-position:var(--portfolio-contact-bg-position-mobile);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;-moz-column-gap: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{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 .35rem;padding:0;font-size:.6875rem;font-weight:700;line-height:1.25;letter-spacing:.12em;text-transform:uppercase;text-align:left;color:color-mix(in oklch,var(--portfolio-on-surface) 68%,transparent)}.contact .modal .work-request__lead{margin:0 0 var(--contact-card-kicker-space);padding:0;max-width:36rem;font-size:.9rem;font-weight:400;line-height:1.55;text-align:left;color:color-mix(in oklch,var(--portfolio-on-surface) 88%,transparent)}@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) 22%,transparent);border:1px solid color-mix(in oklch,var(--portfolio-on-surface) 26%,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::-moz-placeholder,.contact .modal .work-request__field textarea::-moz-placeholder{color:color-mix(in oklch,var(--portfolio-on-surface) 45%,transparent);opacity:1}.contact .modal .work-request__field input::placeholder,.contact .modal .work-request__field textarea::placeholder{color:color-mix(in oklch,var(--portfolio-on-surface) 45%,transparent);opacity:1}.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) 30%,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(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}@media(prefers-reduced-motion:reduce){.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__segment--text-size .theme-menu__text-size-icon,.theme-menu__segmented:not(.theme-menu__segmented--triple) .theme-menu__scheme-icon,.theme-menu__swatch{transition-duration:.01ms!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}}